Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile Apps con Apache Cordova - Lo Stretto Digitale

534 views

Published on

Lo Stretto Digitale - Workshops 2014

Published in: Mobile
  • Be the first to comment

  • Be the first to like this

Mobile Apps con Apache Cordova - Lo Stretto Digitale

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

×