21.07.2013 Views

APP APP APP APP APP - Media Evolution

APP APP APP APP APP - Media Evolution

APP APP APP APP APP - Media Evolution

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

HUR av Peter Svensson<br />

En mobil webbapp<br />

för alla plattformar<br />

obila appar är lika hett idag som webbsidor var för<br />

Mfemton år sedan. Alla, precis alla, måste ha en app,<br />

oavsett nytta. Det har lett till att behovet av kompetens<br />

inom app-byggande ökar enormt.<br />

Kostnaderna för att utveckla en app som skall kunna köras<br />

på flera olika plattformar blir dock stora då utvecklingsmetoderna<br />

(och språken) skiljer sig åt markant.<br />

Vad som är intressant är att alla moderna<br />

mobila plattformar utom en (Windows<br />

Mobile) sedan länge använder samma typ<br />

av mobil webbläsare, Webkit. Detta innebär<br />

att en applikation som skrivs inuti i<br />

webbsida, i JavaScript, HTML och CSS,<br />

kan köras med mindre modifikationer på<br />

i stort sett alla mobila plattformar.<br />

De moderna mobila webkit-webbläsarna En app till alla telefoner<br />

är dessutom oftast HTML5 kompatibla.<br />

De har då bland annat tillgång till en WebSQL-databas<br />

i browsern och en sak som kallas ”cache manifest”. Med<br />

hjälp av WebSQL kan program skrivna i JavaScript spara<br />

data som sedan kan användas när internet inte är tillgängligt,<br />

vilket är kritiskt för en mobil applikation.<br />

Cache manifest är en relaterad funktion som låter webbsidan<br />

där programmet ligger beskriva vilka filer som<br />

skall lagras lokalt på mobilen. Man brukar lagra bilder,<br />

HTML, CSS och JavaScript-filer och hämta allt annat från<br />

servern. När mobilen sedan faller av nätet och användaren<br />

vill starta eller öppna webbsidan (kanske från ett<br />

bokmärka i den mobila webbläsaren), så går det alldeles<br />

flickr.com/jedisthlm (CC)<br />

utmärkt, eftersom den är automatiskt sparad. Tillsammans<br />

med WebSQL gör det att webbsidor kan fungera<br />

som riktiga applikationer.<br />

Fördelarna<br />

Så utveckling av mobila webbappar har ett antal olika fördelar<br />

framför att utveckla varje version av applikationen<br />

separat:<br />

Utvecklings- och underhållskostnaderna sjunker<br />

radikalt<br />

Uppdatering av applikationen kan ske enkelt genom<br />

att uppdatera filer på servern den hämtades från<br />

Man kringgår forcerad distribution (och eventuellt<br />

godkännande) via en specifik app-store<br />

Hela eller delar av applikationen kan användas i en<br />

vanlig webbläsare<br />

Nackdelarna<br />

Vissa saker har en mobil webbapp fortfarande problem<br />

med, såsom 3D grafik, filhantering, tillgång till adressboken,<br />

ta bilder med mera. Det finns dock vägar runt detta.<br />

Appcelerator (betaltjänst) och Phonegap (gratis) är två<br />

utvecklingsverktyg som låter dig skriva en webbapp på<br />

ovan beskrivna sätt, men även få tillgång till JavaScript-<br />

APIer för accelerometer, adressbok, kamera och mycket<br />

mer. När webappen sedan kompileras till en av (eller<br />

samtliga) de tillgängliga mobila plattformarna, skapas en<br />

”native” app för den plattformen och man får så att säga<br />

båda ha kakan och äta den.<br />

Peter Svensson är programmerare på egna byrån Greener Grass<br />

Web Design<br />

”det gör att<br />

webbsidor kan<br />

fungera som riktiga<br />

applikationer”

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!