mobile apps med html

18
Mobile apps med HTML 5 – Kristian Langborg-Hansen @html5dk – www.html5.dk

Upload: klangborg

Post on 08-Jun-2015

482 views

Category:

Technology


0 download

DESCRIPTION

Developing mobile apps with HTML5 and Javascript. Presentation given at Microsoft Community day in Copenhagen

TRANSCRIPT

Page 1: Mobile apps med html

Mobile apps med HTML 5 – Kristian Langborg-Hansen@html5dk – www.html5.dk

Page 2: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Hvem er jeg?

Kristian Langborg-Hansen

Page 3: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Det handler om

Page 4: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

I stedet for

Page 5: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Page 6: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Kan man...

• pakke det som en rigtig app?

• sælge det i App Store?

• tilgå kamera, GPS, ...?

Page 7: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Skal brugeren...

• åbne browseren først?

• være på nettet?

• vente og vente?

Page 8: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Balance

NativeHTML

Plat-forme

Vigtighed

Kon-trol

Mest UI

In-app salgHast-

ighedHardware

Mest logik

Gen-brug kode

Web udvikl

ing

Page 9: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Værktøjer

Page 10: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Værktøjer

Page 11: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Designer

Page 12: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

HTML og Javascript

Page 13: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Telefonens hardware

Android Windows Phone iOS

Abstraktionslag

Emulator

App 1 App 2 App 3 App 4

Internet Orientering Kamera Notifikation

Page 14: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

HTML og native

HTML ogjavascript

Native kode

Page 15: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Vejen til markedet

• Wrapper• OS-tilpasning• Bundling• Upload• Deployment

Page 16: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Phonegap

Page 17: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

Mere?

www.html5.dk

@html5dk

Page 18: Mobile apps med html

Kristian Langborg-Hansenhttp://html5.dk @html5dk

http://bit.ly/cd2012a3