Få i både pose og sekk med hybridrammeverk.Moderne mobil-applikasjoner i CSS3 og HTML5 for webdesignere

1. Få i både pose og sekk med hybridrammeverk!
Moderne mobil-applikasjoner i CSS3 og HTML5 for webdesignere
Kjartan Michalsen kjartan@ux.no Twitter.com/liksom

2. Mobil er enormt!
Det er 1,2 milliarder pc’r I verden (inkl. Tablets)
Det er 1,1 milliarder fasttelefoner
Det er 1,0 milliarder biler registert I bruk
Det er 1,6 milliarder tv’r
Det er 1,7 milliarder kredittkortbrukere
Det er 2,0 milliarder internettbrukere
Det er 2,2 milliarder mennesker med bankkonto
Det er 3,9 milliarder radioer I verden
Det er 5,2 milliarder aktive mobilabonnenter.
[7] – Tomi T Ahonen, Author and consultant in mobile and media
© Logica 2011. All rights reserved No.2

3. “There are more than 250 million active users currently
accessing Facebook through their mobile devices.”
http://www.facebook.com/press/info.php?statistics

4. Salg smarttelefoner Q4 2010
PC World – 7. April 2011

5. applikasjoner for mobil

6. Hybridapplikasjoner for mobil

7. Hybridapplikasjoner for hvem?

9. Ikke for deg!

10. Peppes Pizza

13. Native-applikasjoner!
!

14. Native-applikasjoner!
Plattformspesifikke!

15. Native-applikasjoner!
Skrevet i programmeringsspråket spesifisert for
plattformen

16. Hybrid-applikasjoner!
!

17. Hybrid-applikasjoner!
Skrevet i HTML5/CSS3/Javascript!

18. Hybrid-applikasjoner!
Pakket sammen i hybridrammeverk!

19. Hybrid-applikasjoner!
Ikke plattformspesifikke!

20. Native- og hybrid-applikasjoner!
Benytter sensorer og funksjoner i plattformen!

21. Å kaste epler i glasshus

22. Hybridapplikasjoner egner seg ikke for:!
Kompleks grafisk behandling!
Kommunikasjon med tilleggsutstyr

23. Hybridapplikasjoner egner seg for:!
Navigere informasjon!
Informasjon basert på sensor(GPS, kamera, osv)
Vise bilder, video, kart, grafikk ++!

24. Hybridapplikasjoner egner seg for:!
Navigere informasjon!
Informasjon basert på sensor(GPS, kamera, osv)
Vise bilder, video, kart, grafikk ++!
Halvparten av applikasjonene idag*
*Guestimate Kjartan Michalsen

25. Rammeverk

26. Rammeverkene!
!

27. Rammeverkene!
= Magi!
= Bro mellom webteknologi og mobil-hardware / os

28. Rammeverkene!
= Bro mellom webteknologi og mobil-hardware / os!
= Gir standardisert tilgang til sensorer og interaksjon

29. Rammeverkene!
= Bro mellom webteknologi og mobil-hardware / os!
= Gir standardisert tilgang til sensorer og interaksjon
CSS

30. Appcelerator Titanium Mobile

31. Appcelerator Titanium Mobile

32. Appcelerator Titanium Mobile - eBay Intranett

33. Appcelerator Titanium Mobile - Wunderlist

34. Appcelerator Titanium Mobile - chroma

35. PhoneGap / Sony Ericsson WebSDK

36. PhoneGap / Sony Ericsson WebSDK

37. PhoneGap / Sony Ericsson WebSDK

38. PhoneGap / Sony Ericsson WebSDK - Orbium

39. PhoneGap / Sony Ericsson WebSDK - Harmonious

40. JQTouch // Laker

41. QuickConnectFamily

42. QuickConnectFamily – MIT lisens

43. QuickConnectFamily

44. Brukeropplevelse I CSS3 og HTML5!
Mer tid til design og brukeropplevelse
CSS

45. Brukeropplevelse I CSS3 og HTML5!
Enklere å lage rike brukergrensesnitt
CSS

46. Brukeropplevelse I CSS3 og HTML5!
= fornøyde brukere
CSS

47. Takk for meg!
Kjartan Michalsen // kjartan@ux.no // twitter.com/liksom
http://d7.no/peppes