8
HTML5 + PhoneGap == app & mobilwebb

Html5, responsive design och phonegap

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Html5, responsive design och phonegap

HTML5 + PhoneGap ==

app & mobilwebb

Page 2: Html5, responsive design och phonegap

Vårdaktörsportalen Marcus Österberg

Om mig…

• Jobbar med teknisk rådgivning i projektet Vårdaktörsportalen.

• Bakgrund som IT-konsult och webbutvecklare.

Page 3: Html5, responsive design och phonegap

Vårdaktörsportalen Marcus Österberg

Native vs. Hybrid

Native:•Java, .NET och Obj-C•oftast dyrare•bättre prestanda

Hybrid (PhoneGap mfl):•webbteknik•Android, iOS, WP + webb•gemensam kodbas

Page 4: Html5, responsive design och phonegap

Vårdaktörsportalen Marcus Österberg

Ingredienser vid hybridutveckling

• PhoneGap: Javascript-bibliotek och filer för respektive miljö (Android, iOS, WP).

• jQuery: Javascript-bibliotek för grundläggande interaktion.

• jQuery Mobile: ramverk (JS & CSS) för design och genvägar till mobilvänligt gränssnitt.

Page 5: Html5, responsive design och phonegap

Vårdaktörsportalen Marcus Österberg

Hybrid != responsive design

• PhoneGap & mobilanpassad webb innebär att målet är en app-liknande och touch-vänlig upplevelse.

• Responsive design gör en webbplats användbar på så många skärmstorlekar som möjligt. Kallas ibland för mobile first och one web då man försöker få en plattform att stödja alla typer av enheter besökaren kan ha.

Page 6: Html5, responsive design och phonegap

Vårdaktörsportalen Marcus Österberg

Hybrid via PhoneGap

Page 7: Html5, responsive design och phonegap

Vårdaktörsportalen Marcus Österberg

Responsive design

Page 8: Html5, responsive design och phonegap

Vårdaktörsportalen Marcus Österberg

Så, vill du pyssla med mobilapp-utveckling eller responsive design?Spår 1:

Johan Holm bygger på appen ”Hitta Vård Nu” och kan hjälpa dig komma igång med mobilutveckling via PhoneGap & HTML5.

Spår 2:

Marcus Österberg tänker bygga en responsive-version av VGR:s portalen.vgregion.se