SlideShare a Scribd company logo
1 of 69
Download to read offline
MOBILE APPSMOBILE APPS
con APACHE CORDOVA e tecnologie WEBcon APACHE CORDOVA e tecnologie WEB
Wor kshops 2014Wor kshops 2014
MESSINA -MESSINA - Libreria “Colapesce”Libreria “Colapesce”- 12- 12/07/2014/07/2014
GIUSEPPE PIZZIMENTIGIUSEPPE PIZZIMENTI
 Sviluppo software professionalmente da 18 anniSviluppo software professionalmente da 18 anni
 Programmo per passione da 30Programmo per passione da 30
 Primo pc utilizzato :Primo pc utilizzato :
 Programmo con tecnologie web da 20 anniProgrammo con tecnologie web da 20 anni
 Si, sono anziano... grazie per averlo notato!Si, sono anziano... grazie per averlo notato!
GIUSEPPE PIZZIMENTIGIUSEPPE PIZZIMENTI
https://twitter.com/gpizzimentihttps://twitter.com/gpizzimenti
https://www.linkedin.com/in/giuseppepizzimentihttps://www.linkedin.com/in/giuseppepizzimenti
https://plus.google.com/u/0/+GiuseppePizzimenti/https://plus.google.com/u/0/+GiuseppePizzimenti/
https://www.facebook.com/giuseppe.pizzimentihttps://www.facebook.com/giuseppe.pizzimenti
http://www.slideshare.net/giuseppe.pizzimentihttp://www.slideshare.net/giuseppe.pizzimenti
09/01/200709/01/2007
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
12/03/198912/03/1989
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
20092009
20112011
Mobile Apps con Apache Cordova - Lo Stretto Digitale
CAPABILITIESCAPABILITIES
 Network ConnectionNetwork Connection
 Battery EventsBattery Events
 AccelerometerAccelerometer
 CompassCompass
 GeolocationGeolocation
 CameraCamera
 Media playbackMedia playback
 CaptureCapture
 Access files on device or networkAccess files on device or network
 NotificationsNotifications
 ContactsContacts
 GlobalizationGlobalization
 Splash screenSplash screen
 StorageStorage
https://build.phonegap.com/pluginshttps://build.phonegap.com/plugins
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
Mobile Apps con Apache Cordova - Lo Stretto Digitale
GOOD NEWS (Android edition)GOOD NEWS (Android edition)
http://www.mobilexweb.com/blog/android-4-4-kitkat-browser-chrome-http://www.mobilexweb.com/blog/android-4-4-kitkat-browser-chrome-
webviewwebview
GOOD NEWS (iOS edition)GOOD NEWS (iOS edition)
http://9to5mac.com/2014/06/03/ios-8-webkit-changes-finally-allow-http://9to5mac.com/2014/06/03/ios-8-webkit-changes-finally-allow-
all-apps-to-have-the-same-performance-as-safari/all-apps-to-have-the-same-performance-as-safari/
CHI USA PHONEGAP / CORDOVACHI USA PHONEGAP / CORDOVA
...ecc...ecc......ecc...ecc...
http://www.tricedesigns.com/2012/03/27/who-uses-phonegapapache-http://www.tricedesigns.com/2012/03/27/who-uses-phonegapapache-
cordova/cordova/
Mobile Apps con Apache Cordova - Lo Stretto Digitale
PREREQUISITIPREREQUISITI
http://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Cohttp://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Co
http://cordova.apache.org/docs/en/2.5.0/guide_getting-http://cordova.apache.org/docs/en/2.5.0/guide_getting-
started_android_index.md.htmlstarted_android_index.md.html
http://www.oracle.com/technetwork/java/javase/downloads/http://www.oracle.com/technetwork/java/javase/downloads/
jdk8-downloads-2133151.htmljdk8-downloads-2133151.html
http://ant.apache.org/bindownload.cgihttp://ant.apache.org/bindownload.cgi
http://developer.android.com/sdkhttp://developer.android.com/sdk
http://nodejs.org/http://nodejs.org/
http://git-scm.com/downloadshttp://git-scm.com/downloads
PREREQUISITIPREREQUISITI
http://www.dominikgorecki.com/2012/12/installing-cordovaphonegap-http://www.dominikgorecki.com/2012/12/installing-cordovaphonegap-
for-android-on-windows-a-suppliment/for-android-on-windows-a-suppliment/
INSTALLAZIONEINSTALLAZIONE
C:C:> npm install -g cordova> npm install -g cordova
CREAZIONE PROGETTOCREAZIONE PROGETTO
D:UsersGiuseppeDocumentiCordovaProjects>D:UsersGiuseppeDocumentiCordovaProjects>
cordova create rubrica it.lostrettodigitale.rubrica Rubricacordova create rubrica it.lostrettodigitale.rubrica Rubrica
cordova platform add androidcordova platform add android
cordova platforms lscordova platforms ls
CREAZIONE PROGETTOCREAZIONE PROGETTO
cordova plugin add org.apache.cordova.devicecordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.dialogscordova plugin add org.apache.cordova.dialogs
cordova plugin add org.apache.cordova.contactscordova plugin add org.apache.cordova.contacts
cordova plugin lscordova plugin ls
CREAZIONE PROGETTOCREAZIONE PROGETTO
CREAZIONE PROGETTOCREAZIONE PROGETTO
CREAZIONE PROGETTOCREAZIONE PROGETTO
LANCIO PROGETTOLANCIO PROGETTO
cordova buildcordova build
cordova build android --releasecordova build android --release
cordova emulate androidcordova emulate android
cordova serve androidcordova serve android http://localhost:8000/http://localhost:8000/
adb devicesadb devices
cordova run androidcordova run android
LANCIO PROGETTOLANCIO PROGETTO
STRUMENTI AGGIUNTIVISTRUMENTI AGGIUNTIVI
oppureoppure
UIUI
...ecc...ecc......ecc...ecc...
UIUI
http://goratchet.com/http://goratchet.com/
UIUI
UIUI
UIUI
UIUI
UIUI
UIUI
UIUI
AGGIUNGI CONTATTOAGGIUNGI CONTATTO
CERCA CONTATTICERCA CONTATTI
CERCA CONTATTICERCA CONTATTI
CERCA CONTATTICERCA CONTATTI
DEBUGDEBUG
https://developer.chrome.com/devtools/docs/mobile-emulationhttps://developer.chrome.com/devtools/docs/mobile-emulation
DEBUGDEBUG
http://ripple.incubator.apache.org/http://ripple.incubator.apache.org/
DEBUGDEBUG
C:> npm install -g ripple-emulatorC:> npm install -g ripple-emulator
ripple emulateripple emulate
DEBUGDEBUG
http://app.phonegap.com/http://app.phonegap.com/
http://phonegap.com/blog/2014/04/23/phonegap-developer-app/http://phonegap.com/blog/2014/04/23/phonegap-developer-app/
DEBUGDEBUG
http://people.apache.org/~pmuellr/weinre/docs/latest/Home.htmlhttp://people.apache.org/~pmuellr/weinre/docs/latest/Home.html
DEBUGDEBUG
C:/C:/> npm install -g weinre> npm install -g weinre
weinre --boundHost -all-weinre --boundHost -all- http://localhost:8080/http://localhost:8080/
ipconfigipconfig
DEBUGDEBUG
http://localhost:8080/client/#rubricahttp://localhost:8080/client/#rubrica
DEBUGDEBUG
cordova plugin add org.apache.cordova.consolecordova plugin add org.apache.cordova.console
DEBUGDEBUG
DEBUGDEBUG
adb logcat *:W -v briefadb logcat *:W -v brief
DEBUGDEBUG
Write once, run anywhere ?Write once, run anywhere ?
Write once, (will) run (and distribute) anywhere ?Write once, (will) run (and distribute) anywhere ?
Possiamo sviluppare tutti i tipi di apps?Possiamo sviluppare tutti i tipi di apps?
Possiamo sviluppare molti tipi di apps?Possiamo sviluppare molti tipi di apps?
E' un'esperienza ottimale di sviluppo?E' un'esperienza ottimale di sviluppo?
Si sta evolvendo?Si sta evolvendo?
GRAZIEGRAZIE!!
https://twitter.com/StrettoDigitalehttps://twitter.com/StrettoDigitale - #glsd- #glsd

More Related Content

Similar to Mobile Apps con Apache Cordova - Lo Stretto Digitale

The end of server management : hosting have to become a commodity - Keynote D...
The end of server management : hosting have to become a commodity - Keynote D...The end of server management : hosting have to become a commodity - Keynote D...
The end of server management : hosting have to become a commodity - Keynote D...Quentin Adam
 
Turning it up to 11 - Scaling Ruby on Rails to 100k rps
Turning it up to 11 - Scaling Ruby on Rails to 100k rpsTurning it up to 11 - Scaling Ruby on Rails to 100k rps
Turning it up to 11 - Scaling Ruby on Rails to 100k rpsJens Ravens
 
25 tech treasures_slideshare
25 tech treasures_slideshare25 tech treasures_slideshare
25 tech treasures_slidesharesprabul
 
Ignacio Delgado Portfolio
Ignacio Delgado PortfolioIgnacio Delgado Portfolio
Ignacio Delgado PortfolioIgnacio Delgado
 
ECIT 2013 Project Intro and Benefit
ECIT 2013 Project Intro and BenefitECIT 2013 Project Intro and Benefit
ECIT 2013 Project Intro and Benefitapptividia
 
Building your own RC Car with Raspberry Pi
Building your own RC Car with Raspberry PiBuilding your own RC Car with Raspberry Pi
Building your own RC Car with Raspberry PiJeff Prestes
 
EDT-IOT September 2015 Meetup - IOT+Node-RED
EDT-IOT September 2015 Meetup - IOT+Node-REDEDT-IOT September 2015 Meetup - IOT+Node-RED
EDT-IOT September 2015 Meetup - IOT+Node-REDibhi
 
Using WordPress as a Headless CMS with WPGraphQL
Using WordPress as a Headless CMS with WPGraphQLUsing WordPress as a Headless CMS with WPGraphQL
Using WordPress as a Headless CMS with WPGraphQLAri-Pekka Koponen
 
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive DesignBeyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive DesignBrad Frost
 
AIR Mobile Development Overview
AIR Mobile Development OverviewAIR Mobile Development Overview
AIR Mobile Development Overviewmario_vieira
 
Using Augmented Reality for Learning - LavaCon 2010
Using Augmented Reality for Learning - LavaCon 2010Using Augmented Reality for Learning - LavaCon 2010
Using Augmented Reality for Learning - LavaCon 2010DeeElling
 
Notes (2012-06-08)
Notes (2012-06-08)Notes (2012-06-08)
Notes (2012-06-08)Chris Pitt
 
Mobile and Wearable Technologies in the Travel Industry
Mobile and Wearable Technologies in the Travel IndustryMobile and Wearable Technologies in the Travel Industry
Mobile and Wearable Technologies in the Travel IndustryAndrea Picchi
 
Meg Schedel and Jennifer Adams - SUNY’s First Coursera MOOC: More than the F...
Meg Schedel and Jennifer Adams -  SUNY’s First Coursera MOOC: More than the F...Meg Schedel and Jennifer Adams -  SUNY’s First Coursera MOOC: More than the F...
Meg Schedel and Jennifer Adams - SUNY’s First Coursera MOOC: More than the F...Alexandra M. Pickett
 
Makefiles in 2020 — Why they still matter
Makefiles in 2020 — Why they still matterMakefiles in 2020 — Why they still matter
Makefiles in 2020 — Why they still matterSimon Brüggen
 
Обход проверки безопасности в магазинах мобильных приложений при помощи платф...
Обход проверки безопасности в магазинах мобильных приложений при помощи платф...Обход проверки безопасности в магазинах мобильных приложений при помощи платф...
Обход проверки безопасности в магазинах мобильных приложений при помощи платф...Positive Hack Days
 
Progressive Enhancement & Mobile [Funka 2012]
Progressive Enhancement & Mobile [Funka 2012]Progressive Enhancement & Mobile [Funka 2012]
Progressive Enhancement & Mobile [Funka 2012]Aaron Gustafson
 
Tetuan Valley Startup School presentation
Tetuan Valley Startup School presentationTetuan Valley Startup School presentation
Tetuan Valley Startup School presentationKubide
 

Similar to Mobile Apps con Apache Cordova - Lo Stretto Digitale (20)

The end of server management : hosting have to become a commodity - Keynote D...
The end of server management : hosting have to become a commodity - Keynote D...The end of server management : hosting have to become a commodity - Keynote D...
The end of server management : hosting have to become a commodity - Keynote D...
 
Turning it up to 11 - Scaling Ruby on Rails to 100k rps
Turning it up to 11 - Scaling Ruby on Rails to 100k rpsTurning it up to 11 - Scaling Ruby on Rails to 100k rps
Turning it up to 11 - Scaling Ruby on Rails to 100k rps
 
25 tech treasures_slideshare
25 tech treasures_slideshare25 tech treasures_slideshare
25 tech treasures_slideshare
 
Ignacio Delgado Portfolio
Ignacio Delgado PortfolioIgnacio Delgado Portfolio
Ignacio Delgado Portfolio
 
ECIT 2013 Project Intro and Benefit
ECIT 2013 Project Intro and BenefitECIT 2013 Project Intro and Benefit
ECIT 2013 Project Intro and Benefit
 
Building your own RC Car with Raspberry Pi
Building your own RC Car with Raspberry PiBuilding your own RC Car with Raspberry Pi
Building your own RC Car with Raspberry Pi
 
EDT-IOT September 2015 Meetup - IOT+Node-RED
EDT-IOT September 2015 Meetup - IOT+Node-REDEDT-IOT September 2015 Meetup - IOT+Node-RED
EDT-IOT September 2015 Meetup - IOT+Node-RED
 
Using WordPress as a Headless CMS with WPGraphQL
Using WordPress as a Headless CMS with WPGraphQLUsing WordPress as a Headless CMS with WPGraphQL
Using WordPress as a Headless CMS with WPGraphQL
 
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive DesignBeyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
 
Hybrid HTML5 Apps
Hybrid HTML5 AppsHybrid HTML5 Apps
Hybrid HTML5 Apps
 
AIR Mobile Development Overview
AIR Mobile Development OverviewAIR Mobile Development Overview
AIR Mobile Development Overview
 
Using Augmented Reality for Learning - LavaCon 2010
Using Augmented Reality for Learning - LavaCon 2010Using Augmented Reality for Learning - LavaCon 2010
Using Augmented Reality for Learning - LavaCon 2010
 
Notes (2012-06-08)
Notes (2012-06-08)Notes (2012-06-08)
Notes (2012-06-08)
 
Mobile and Wearable Technologies in the Travel Industry
Mobile and Wearable Technologies in the Travel IndustryMobile and Wearable Technologies in the Travel Industry
Mobile and Wearable Technologies in the Travel Industry
 
Meg Schedel and Jennifer Adams - SUNY’s First Coursera MOOC: More than the F...
Meg Schedel and Jennifer Adams -  SUNY’s First Coursera MOOC: More than the F...Meg Schedel and Jennifer Adams -  SUNY’s First Coursera MOOC: More than the F...
Meg Schedel and Jennifer Adams - SUNY’s First Coursera MOOC: More than the F...
 
Makefiles in 2020 — Why they still matter
Makefiles in 2020 — Why they still matterMakefiles in 2020 — Why they still matter
Makefiles in 2020 — Why they still matter
 
Обход проверки безопасности в магазинах мобильных приложений при помощи платф...
Обход проверки безопасности в магазинах мобильных приложений при помощи платф...Обход проверки безопасности в магазинах мобильных приложений при помощи платф...
Обход проверки безопасности в магазинах мобильных приложений при помощи платф...
 
Progressive Enhancement & Mobile [Funka 2012]
Progressive Enhancement & Mobile [Funka 2012]Progressive Enhancement & Mobile [Funka 2012]
Progressive Enhancement & Mobile [Funka 2012]
 
Tetuan Valley Startup School presentation
Tetuan Valley Startup School presentationTetuan Valley Startup School presentation
Tetuan Valley Startup School presentation
 
Tetuan Valley Startup School Presentation
Tetuan Valley Startup School PresentationTetuan Valley Startup School Presentation
Tetuan Valley Startup School Presentation
 

Mobile Apps con Apache Cordova - Lo Stretto Digitale