Mobile Apps con Apache Cordova - Lo Stretto Digitale

download Mobile Apps con Apache Cordova - Lo Stretto Digitale

If you can't read please download the document

description

Lo Stretto Digitale - Workshops 2014

Transcript of Mobile Apps con Apache Cordova - Lo Stretto Digitale

  • 1. MOBILE APPSMOBILE APPS con APACHE CORDOVA e tecnologie WEBcon APACHE CORDOVA e tecnologie WEB Wor kshops 2014Wor kshops 2014 MESSINA -MESSINA - Libreria ColapesceLibreria Colapesce- 12- 12/07/2014/07/2014

2. 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! 3. 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 4. 09/01/200709/01/2007 5. 12/03/198912/03/1989 6. 20092009 20112011 7. 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 8. https://build.phonegap.com/pluginshttps://build.phonegap.com/plugins 9. 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 10. 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/ 11. 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/ 12. 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 13. 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/ 14. INSTALLAZIONEINSTALLAZIONE C:C:> npm install -g cordova> npm install -g cordova 15. 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 16. 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 17. CREAZIONE PROGETTOCREAZIONE PROGETTO 18. CREAZIONE PROGETTOCREAZIONE PROGETTO 19. CREAZIONE PROGETTOCREAZIONE PROGETTO 20. 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 21. LANCIO PROGETTOLANCIO PROGETTO 22. STRUMENTI AGGIUNTIVISTRUMENTI AGGIUNTIVI oppureoppure 23. UIUI ...ecc...ecc......ecc...ecc... 24. UIUI http://goratchet.com/http://goratchet.com/ 25. UIUI 26. UIUI 27. UIUI 28. UIUI 29. UIUI 30. UIUI 31. UIUI 32. AGGIUNGI CONTATTOAGGIUNGI CONTATTO 33. CERCA CONTATTICERCA CONTATTI 34. CERCA CONTATTICERCA CONTATTI 35. CERCA CONTATTICERCA CONTATTI 36. DEBUGDEBUG https://developer.chrome.com/devtools/docs/mobile-emulationhttps://developer.chrome.com/devtools/docs/mobile-emulation 37. DEBUGDEBUG http://ripple.incubator.apache.org/http://ripple.incubator.apache.org/ 38. DEBUGDEBUG C:> npm install -g ripple-emulatorC:> npm install -g ripple-emulator ripple emulateripple emulate 39. 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/ 40. DEBUGDEBUG http://people.apache.org/~pmuellr/weinre/docs/latest/Home.htmlhttp://people.apache.org/~pmuellr/weinre/docs/latest/Home.html 41. DEBUGDEBUG C:/C:/> npm install -g weinre> npm install -g weinre weinre --boundHost -all-weinre --boundHost -all- http://localhost:8080/http://localhost:8080/ ipconfigipconfig 42. DEBUGDEBUG http://localhost:8080/client/#rubricahttp://localhost:8080/client/#rubrica 43. DEBUGDEBUG cordova plugin add org.apache.cordova.consolecordova plugin add org.apache.cordova.console 44. DEBUGDEBUG 45. DEBUGDEBUG adb logcat *:W -v briefadb logcat *:W -v brief 46. DEBUGDEBUG 47. Write once, run anywhere ?Write once, run anywhere ? 48. Write once, (will) run (and distribute) anywhere ?Write once, (will) run (and distribute) anywhere ? 49. Possiamo sviluppare tutti i tipi di apps?Possiamo sviluppare tutti i tipi di apps? 50. Possiamo sviluppare molti tipi di apps?Possiamo sviluppare molti tipi di apps? 51. E' un'esperienza ottimale di sviluppo?E' un'esperienza ottimale di sviluppo? 52. Si sta evolvendo?Si sta evolvendo? 53. GRAZIEGRAZIE!! https://twitter.com/StrettoDigitalehttps://twitter.com/StrettoDigitale - #glsd- #glsd