SlideShare a Scribd company logo
1 of 34
Lo sviluppo mobile con PhoneGap The web in your hand!!
Mi Presento Fabio Franzini Consulente, Sviluppatore e Trainer blog: www.fabiofranzini.com email: fabio@fabiofranzini.com twitter: @franzinifabio
Sviluppare per il Mobile:
App Native negli anni..
Mobile Web negli anni..
..Mobile Web Oggi!!
Le App Mobile oggisono: RIA: Rich Internet Application Social Geo-localization …
Vantaggi del Web? HTML / HTML5 CSS JavaScript Deploy semplice Cross Browser / Cross Platform
Svantaggi del Web? ,[object Object]
Impossibilità di accedere alle feature avanzate della piattaforma/device!,[object Object]
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 dettaglio E’ 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 supportate iPhone / iPad Android Blackberry Palm Symbian WP7 ?? Di sicurofraqualchemese…
Quali API PhoneGapespone?
Accelerometer
Camera
Contacts
Geolocation
Notification
Framework di supporto? XUI jQueryMobile jQuery jQuery UI jQTouch QuelloCheVolete.js …
PhoneGap Demo
Applicazioni già sviluppate http://phonegap.com/projects
VantaggidiPhoneGap? Sviluppo con sempliceconoscenzadi HTML, CSS, JavaScript CreazionediApplicazioni Native!! Multi Piattaforma!!! Non richiede la connessionedatiattiva per funzionare!!!!
è l’unico runtime? No, ma… PhoneGap Nokia WRT Appcelerator Nokia S60 iPhone Android Blackberry Windows Mobile / WP7
Siamo giunti alla fine.. Domande??Tuttochiaro??
Alla prossima ragazzi! Fabio Franzini Consulente, Sviluppatore e Trainer blog: www.fabiofranzini.com email: fabio@fabiofranzini.com twitter: @franzinifabio

More Related Content

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

E così vuoi sviluppare un'app (ci servono le APi!)
E così vuoi sviluppare un'app (ci servono le APi!)E così vuoi sviluppare un'app (ci servono le APi!)
E così vuoi sviluppare un'app (ci servono le APi!)
Matteo Collina
 
Crossdev sdk/tools: devil's deception - Luciano Colosio
Crossdev sdk/tools: devil's deception - Luciano ColosioCrossdev sdk/tools: devil's deception - Luciano Colosio
Crossdev sdk/tools: devil's deception - Luciano Colosio
Whymca
 

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

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

More from Francesca1980

More from Francesca1980 (10)

Map meshup
Map meshupMap meshup
Map meshup
 
Advanced JQuery
 Advanced JQuery Advanced JQuery
Advanced JQuery
 
Java scriptpatterns
Java scriptpatternsJava scriptpatterns
Java scriptpatterns
 
Java scriptpatterns
Java scriptpatternsJava scriptpatterns
Java scriptpatterns
 
Event driven javascript
Event driven javascriptEvent driven javascript
Event driven javascript
 
Event driven javascript
Event driven javascriptEvent driven javascript
Event driven javascript
 
Simple Cloud API: accesso semplificato al cloud computing
Simple Cloud API: accesso semplificato al cloud computingSimple Cloud API: accesso semplificato al cloud computing
Simple Cloud API: accesso semplificato al cloud computing
 
Loosely Coupled Complexity - Unleash the power of your domain model
Loosely Coupled Complexity - Unleash the power of your domain modelLoosely Coupled Complexity - Unleash the power of your domain model
Loosely Coupled Complexity - Unleash the power of your domain model
 
Writing cool web 2.0 apps with GWT and UI Bindings
Writing cool web 2.0 apps with GWT and UI BindingsWriting cool web 2.0 apps with GWT and UI Bindings
Writing cool web 2.0 apps with GWT and UI Bindings
 
Programmazione web libera dai framework
Programmazione web libera dai frameworkProgrammazione web libera dai framework
Programmazione web libera dai framework
 

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