SlideShare a Scribd company logo
Lo sviluppo mobile con PhoneGapThe web in your hand!!
Mi PresentoFabio FranziniConsulente, Sviluppatore e Trainerblog: www.fabiofranzini.comemail: fabio@fabiofranzini.comtwitter: @franzinifabio
Sviluppare per il Mobile:
App Native negli anni..
Mobile Web negli anni..
..Mobile Web Oggi!!
Le App Mobile oggisono:RIA: Rich Internet ApplicationSocialGeo-localization…
Vantaggi del Web?HTML / HTML5CSSJavaScriptDeploy sempliceCross Browser / Cross Platform
Svantaggi del Web?Web Browser, sandbox indipendente dal resto del OS!
Impossibilità di accedere alle feature avanzate della piattaforma/device!La soluzione è:SviluppareNative App!!!
Native App e App. Store
…ilproblemasiripresenta!!
Native App VS Web App
Dubbio??Ok, capito!! Ma alloracosafaccio?
La veritàstanel mezzo!HTML, CSS, JavaScript+API native del telefono=Native Web Application
Un esempio?PhoneGap
Cos’èPhoneGap?PhoneGap è uno strumento di sviluppo open source, realizzato da Nitobi, per la costruzione veloce e facile di Applicazioni Mobile con JavaScript
PhoneGap in dettaglioE’ del codicechedovràesserecompilato per la piattaformaspecificachecontiene:Wrapper sul Web Browser del dispositivo;Wrapper sualcune API del dispositivo;PhoneGap.js: Espone le API wrappate in modochesianoconsumabili via JavaScript.
PhoneGap in dettaglio
Compiloper ilmio Device e:Il risultato è un pacchetto composto di due elementi principali fusi in un unico pacchetto: Il runtime si occupa di dialogare direttamente con il dispositivo, PhoneGap appunto.Le parti statiche (HTML, JavaScript, ecc) che sono l’effettiva applicazione che avete sviluppato.
Piattaforme supportateiPhone / iPadAndroidBlackberryPalmSymbianWP7 ?? Di sicurofraqualchemese…
Quali API PhoneGapespone?
Accelerometer
Camera
Contacts
Geolocation
Notification
Framework di supporto?XUIjQueryMobilejQueryjQuery UIjQTouchQuelloCheVolete.js…
PhoneGapDemo
Applicazioni già sviluppatehttp://phonegap.com/projects
VantaggidiPhoneGap?Sviluppo con sempliceconoscenzadi HTML, CSS, JavaScriptCreazionediApplicazioni Native!!Multi Piattaforma!!!Non richiede la connessionedatiattiva per funzionare!!!!
è l’unico runtime? No, ma…PhoneGapNokia WRTAppceleratorNokia S60iPhoneAndroidBlackberryWindows Mobile / WP7
Siamo giunti alla fine..Domande??Tuttochiaro??
Alla prossima ragazzi!Fabio FranziniConsulente, Sviluppatore e Trainerblog: www.fabiofranzini.comemail: fabio@fabiofranzini.comtwitter: @franzinifabio

More Related Content

PDF
Tech Webinar - Creare app mobile con Phonegap
PPTX
Whymca - Sviluppare applicazioni mobile native in html e javascript
PPTX
Sviluppare applicazioni mobile native in html e java script
PDF
Corso WebApp iOS - Lezione 05: Mobile Touch Development
PPTX
App mobile cross-platform con Xamarin
PPTX
Smau Napoli 2016 - Michele Aponte, Microsoft
ODP
Sviluppo Applicazioni iPhone per fotografo
PDF
The webdesigner goes mobile
Tech Webinar - Creare app mobile con Phonegap
Whymca - Sviluppare applicazioni mobile native in html e javascript
Sviluppare applicazioni mobile native in html e java script
Corso WebApp iOS - Lezione 05: Mobile Touch Development
App mobile cross-platform con Xamarin
Smau Napoli 2016 - Michele Aponte, Microsoft
Sviluppo Applicazioni iPhone per fotografo
The webdesigner goes mobile

Similar to PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScript (20)

PDF
Mobile e App Marketing. Costruire un'app senza programmare
PDF
Aperinfo maggio-2012 - Mobile
PDF
Mobile - Quali approcci?
PDF
Sviluppo Mobile , quali approcci?
PPT
Il Web su Mobile
PDF
PWA e Hybrid App VS Native
PDF
B com 2014 | Mobile App o Mobile Web? Qual è la soluzione migliore per il tuo...
PDF
Mobile App o Mobile Web? Quale scelta per il mio business?
PPT
Come realizzare siti mobile - Buginar 29 Maggio 2011
PPTX
Meet no Neet: presentazione del progetto App per organizzare eventi
PPTX
Android Mobile Apps , visione d'insieme
PDF
ForumPA - App no grazie, lunga vita a Responsive Design
PPTX
App, sito mobile o entrambi ?
PDF
E così vuoi sviluppare un'app (ci servono le APi!)
PDF
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
PDF
App vs Mobile website: quale lo scenario vincente?
PDF
Club degli sviluppatori: Sencha Touch - 1°parte
PDF
Crossdev sdk/tools: devil's deception - Luciano Colosio
PDF
Crossdev sdk/tools: devil's deception
PDF
Html5 apps - GWT oriented
Mobile e App Marketing. Costruire un'app senza programmare
Aperinfo maggio-2012 - Mobile
Mobile - Quali approcci?
Sviluppo Mobile , quali approcci?
Il Web su Mobile
PWA e Hybrid App VS Native
B com 2014 | Mobile App o Mobile Web? Qual è la soluzione migliore per il tuo...
Mobile App o Mobile Web? Quale scelta per il mio business?
Come realizzare siti mobile - Buginar 29 Maggio 2011
Meet no Neet: presentazione del progetto App per organizzare eventi
Android Mobile Apps , visione d'insieme
ForumPA - App no grazie, lunga vita a Responsive Design
App, sito mobile o entrambi ?
E così vuoi sviluppare un'app (ci servono le APi!)
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs Mobile website: quale lo scenario vincente?
Club degli sviluppatori: Sencha Touch - 1°parte
Crossdev sdk/tools: devil's deception - Luciano Colosio
Crossdev sdk/tools: devil's deception
Html5 apps - GWT oriented
Ad

More from Francesca1980 (10)

PPT
Map meshup
PPTX
Advanced JQuery
PDF
Java scriptpatterns
PDF
Java scriptpatterns
PDF
Event driven javascript
PDF
Event driven javascript
PDF
Simple Cloud API: accesso semplificato al cloud computing
PPT
Loosely Coupled Complexity - Unleash the power of your domain model
ODP
Writing cool web 2.0 apps with GWT and UI Bindings
PDF
Programmazione web libera dai framework
Map meshup
Advanced JQuery
Java scriptpatterns
Java scriptpatterns
Event driven javascript
Event driven javascript
Simple Cloud API: accesso semplificato al cloud computing
Loosely Coupled Complexity - Unleash the power of your domain model
Writing cool web 2.0 apps with GWT and UI Bindings
Programmazione web libera dai framework
Ad

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