Lo sviluppo mobile con PhoneGap<br />The web in your hand!!<br />
Mi Presento<br />Fabio Franzini<br />Consulente, Sviluppatore e Trainer<br />blog: www.fabiofranzini.com<br />email: fabio...
Sviluppare per il Mobile:<br />
App Native negli anni..<br />
Mobile Web negli anni..<br />
..Mobile Web Oggi!!<br />
Le App Mobile oggisono:<br />RIA: Rich Internet Application<br />Social<br />Geo-localization<br />…<br />
Vantaggi del Web?<br />HTML / HTML5<br />CSS<br />JavaScript<br />Deploy semplice<br />Cross Browser / Cross Platform<br />
Svantaggi del Web?<br /><ul><li>Web Browser, sandbox indipendente dal resto del OS!
Impossibilità di accedere alle feature avanzate della piattaforma/device!</li></li></ul><li>La soluzione è:<br />Sviluppar...
Native App e App. Store<br />
…ilproblemasiripresenta!!<br />
Native App VS Web App<br />
Dubbio??<br />Ok, capito!! <br />Ma alloracosafaccio?<br />
La veritàstanel mezzo!<br />HTML, CSS, JavaScript<br />+<br />API native del telefono<br />=<br />Native Web Application<b...
Un esempio?<br />PhoneGap<br />
Cos’èPhoneGap?<br />PhoneGap è uno strumento di sviluppo open source, realizzato da Nitobi, per la costruzione veloce e fa...
PhoneGap in dettaglio<br />E’ del codicechedovràesserecompilato per la piattaformaspecificachecontiene:<br />Wrapper sul W...
PhoneGap in dettaglio<br />
Compiloper ilmio Device e:<br />Il risultato è un pacchetto composto di due elementi principali fusi in un unico pacchetto...
Piattaforme supportate<br />iPhone / iPad<br />Android<br />Blackberry<br />Palm<br />Symbian<br />WP7 ?? Di sicurofraqual...
Quali API PhoneGapespone?<br />
Accelerometer<br />
Camera<br />
Contacts<br />
Geolocation<br />
Notification<br />
Framework di supporto?<br />XUI<br />jQueryMobile<br />jQuery<br />jQuery UI<br />jQTouch<br />QuelloCheVolete.js<br />…<b...
PhoneGap<br />Demo<br />
Applicazioni già sviluppate<br />http://phonegap.com/projects<br />
VantaggidiPhoneGap?<br />Sviluppo con sempliceconoscenzadi HTML, CSS, JavaScript<br />CreazionediApplicazioni Native!!<br ...
è l’unico runtime? No, ma…<br />PhoneGap<br />Nokia WRT<br />Appcelerator<br />Nokia S60<br />iPhone<br />Android<br />Bla...
Siamo giunti alla fine..<br />Domande??Tuttochiaro??<br />
Alla prossima ragazzi!<br />Fabio Franzini<br />Consulente, Sviluppatore e Trainer<br />blog: www.fabiofranzini.com<br />e...
Upcoming SlideShare
Loading in …5
×

PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScript

1,966 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,966
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScript

  1. 1. Lo sviluppo mobile con PhoneGap<br />The web in your hand!!<br />
  2. 2. Mi Presento<br />Fabio Franzini<br />Consulente, Sviluppatore e Trainer<br />blog: www.fabiofranzini.com<br />email: fabio@fabiofranzini.com<br />twitter: @franzinifabio<br />
  3. 3. Sviluppare per il Mobile:<br />
  4. 4. App Native negli anni..<br />
  5. 5. Mobile Web negli anni..<br />
  6. 6. ..Mobile Web Oggi!!<br />
  7. 7. Le App Mobile oggisono:<br />RIA: Rich Internet Application<br />Social<br />Geo-localization<br />…<br />
  8. 8. Vantaggi del Web?<br />HTML / HTML5<br />CSS<br />JavaScript<br />Deploy semplice<br />Cross Browser / Cross Platform<br />
  9. 9. Svantaggi del Web?<br /><ul><li>Web Browser, sandbox indipendente dal resto del OS!
  10. 10. Impossibilità di accedere alle feature avanzate della piattaforma/device!</li></li></ul><li>La soluzione è:<br />Sviluppare<br />Native App!!!<br />
  11. 11. Native App e App. Store<br />
  12. 12. …ilproblemasiripresenta!!<br />
  13. 13. Native App VS Web App<br />
  14. 14. Dubbio??<br />Ok, capito!! <br />Ma alloracosafaccio?<br />
  15. 15. La veritàstanel mezzo!<br />HTML, CSS, JavaScript<br />+<br />API native del telefono<br />=<br />Native Web Application<br />
  16. 16. Un esempio?<br />PhoneGap<br />
  17. 17. Cos’èPhoneGap?<br />PhoneGap è uno strumento di sviluppo open source, realizzato da Nitobi, per la costruzione veloce e facile di Applicazioni Mobile con JavaScript<br />
  18. 18. PhoneGap in dettaglio<br />E’ del codicechedovràesserecompilato per la piattaformaspecificachecontiene:<br />Wrapper sul Web Browser del dispositivo;<br />Wrapper sualcune API del dispositivo;<br />PhoneGap.js: Espone le API wrappate in modochesianoconsumabili via JavaScript.<br />
  19. 19. PhoneGap in dettaglio<br />
  20. 20. Compiloper ilmio Device e:<br />Il risultato è un pacchetto composto di due elementi principali fusi in un unico pacchetto: <br />Il runtime si occupa di dialogare direttamente con il dispositivo, PhoneGap appunto.<br />Le parti statiche (HTML, JavaScript, ecc) che sono l’effettiva applicazione che avete sviluppato.<br />
  21. 21. Piattaforme supportate<br />iPhone / iPad<br />Android<br />Blackberry<br />Palm<br />Symbian<br />WP7 ?? Di sicurofraqualchemese…<br />
  22. 22. Quali API PhoneGapespone?<br />
  23. 23. Accelerometer<br />
  24. 24. Camera<br />
  25. 25. Contacts<br />
  26. 26. Geolocation<br />
  27. 27. Notification<br />
  28. 28. Framework di supporto?<br />XUI<br />jQueryMobile<br />jQuery<br />jQuery UI<br />jQTouch<br />QuelloCheVolete.js<br />…<br />
  29. 29. PhoneGap<br />Demo<br />
  30. 30. Applicazioni già sviluppate<br />http://phonegap.com/projects<br />
  31. 31. VantaggidiPhoneGap?<br />Sviluppo con sempliceconoscenzadi HTML, CSS, JavaScript<br />CreazionediApplicazioni Native!!<br />Multi Piattaforma!!!<br />Non richiede la connessionedatiattiva per funzionare!!!!<br />
  32. 32. è l’unico runtime? No, ma…<br />PhoneGap<br />Nokia WRT<br />Appcelerator<br />Nokia S60<br />iPhone<br />Android<br />Blackberry<br />Windows Mobile / WP7<br />
  33. 33. Siamo giunti alla fine..<br />Domande??Tuttochiaro??<br />
  34. 34. Alla prossima ragazzi!<br />Fabio Franzini<br />Consulente, Sviluppatore e Trainer<br />blog: www.fabiofranzini.com<br />email: fabio@fabiofranzini.com<br />twitter: @franzinifabio<br />

×