Miles - mobil utvikling - First Tuesday 10 mai 2011

1. Utvikling av native apps med webstandarder
Jarle Tvedten

2. Kunder

3. Tjenester
Bransjekunnskap
Prosjektledelse Arkitektur Utvikling Testledelse
kjernesystemer/integrasjonssystemer
Frontend system web
Frontend system Mobil

4. Mobilplattformer

5. Mobilsurfing i Norge
60
%
Q1 2010 51
%
50
%
iOs
40
%
SymbianOs
30
%
23
%
Sony
Ericsson
20
%
11
%
11
%
Android
10
%
4
%
Andre
0
%
iOs
SymbianOs
Sony
Ericsson
Android
Andre
60
%
57
%
Q1 2011 50
%
iOS
40
%
SymbianOS
30
%
22
%
Sony
Ericsson
20
%
10
%
Android
10
%
4
%
7
%
Andre
0
%
iOS
SymbianOS
Sony
Ericsson
Android
Andre

6. Utvikling på flere mobilplattformer
“Når et selskap som Facebook sier de
har problemer med å vedlikeholde sin
tilstedeværelse på 5 plattformer, da er
det naivt å tro at vi kan gjøre det
samme”
- Pål Nedregotten i A-pressen Digitale Medier
Kilde: http://e24.no/media/loesriver-seg-fra-apple/20040494

7. Utvikling av native mobilapper
Tidkrevende og kostbart

8. Kryssplattformer for mobilapper
X X
X X
X

9. PhoneGap - hvordan fungerer det?
• Koden kjøres i en intern nettleser (webkit)
• Åpne standarder

10. Pluginbasert arkitektur
PhoneGap Apps
PhoneGap Engine
Mobile OS
Browser Engine
Native functions
Custom
GPS Audio Screen Camera … Plugin

11. PhoneGap Build (Cloud Service)
“Write once, compile in the cloud.
Run anywhere”
• Krever ikke utviklingsmiljø for hver enkelt plattform
• Foreløpig i beta

12. Hvorfor bruke webteknologi?
• Gjenbruk av eksisterende kunnskap
• Åpne standarder (HTML / CSS / Javascript)
• Lavere utviklings- og vedlikeholdskostnader
• Kryssplattform
• Rask prototyping

13. Webrammeverk for mobile enheter

14. jqTouch
Lang fartstid Vanskelig å tilpasse
Enkelt å ta i bruk Dårlig ytelse
Lite videreutvikling
Støtter kun iPhone og
iPad

15. jQuery Mobile
Støtter mange Alpha release
mobilplattformer
Dårlig ytelse
God dokumentasjon Alvorlige bugs
Vanskelig å tilpasse

16. Sencha Touch
Kjapt Kun støtte for webkit
(dvs ikke IE og Mozilla/
Komplett rammeverk Firefox)
God dokumentasjon Bratt læringskurve
Support kan kjøpes Vanskelig å kombinere
med andre rammeverk
Enkelt å tilpasse
utseende
I release

17. Webrammeverk for mobile enheter
X X

18. PhoneGap passer ikke for alle
• Spill og grafikktunge applikasjoner
• Applikasjoner som skal kjøre i bakgrunnen
• Streamingtjenester

19. Kundeprosjekt - Roots
• Snart tilgjengelig i AppStore
og Android Market
• Rask utvikling med
webteknologi

20. Kundeprosjekt - Fjordkraft
• Kryssplattform: iPhone, iPad og Android
• Kombinerer webteknologi med native funksjonalitet
– Geolokasjon
– Google Maps API
– Lokal database
– Kamera / Bildegjenkjenning
– Integrasjon mot forretningssystemer

21. Demo

22. Takk for meg
E-post: jarle@miles.no