Mobile Apps con Apache Cordova - Lo Stretto Digitale

Workshops 2014 - Lo Stretto Digitale

1. MOBILE APPSMOBILE APPS
con APACHE CORDOVA e tecnologie WEBcon APACHE CORDOVA e tecnologie WEB
Workshops 2014 Workshops 2014
MESSINA -MESSINA - Libreria “Colapesce”Libreria “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 30 Programmo 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

7. 12/03/198912/03/1989

14. 20092009
20112011

16. 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

17. https://build.phonegap.com/pluginshttps://build.phonegap.com/plugins

24. 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

25. 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/

26. 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/

28. PREREQUISITIPREREQUISITI
http://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interfacehttp://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface
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/sdk http://developer.android.com/sdk
http://nodejs.org/http://nodejs.org/
http://git-scm.com/downloadshttp://git-scm.com/downloads

29. 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/

30. INSTALLAZIONEINSTALLAZIONE
C:\C:\> npm install -g cordova> npm install -g cordova

31. CREAZIONE PROGETTOCREAZIONE PROGETTO
D:\Users\Giuseppe\Documenti\CordovaProjects>D:\Users\Giuseppe\Documenti\CordovaProjects>
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

32. 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

33. CREAZIONE PROGETTOCREAZIONE PROGETTO

34. CREAZIONE PROGETTOCREAZIONE PROGETTO

35. CREAZIONE PROGETTOCREAZIONE PROGETTO

36. LANCIO PROGETTOLANCIO PROGETTO
cordova build cordova build
cordova build android --releasecordova build android --release
cordova emulate androidcordova emulate android
cordova serve android cordova serve android http://localhost:8000/http://localhost:8000/
adb devicesadb devices
cordova run androidcordova run android

37. LANCIO PROGETTOLANCIO PROGETTO

38. STRUMENTI AGGIUNTIVISTRUMENTI AGGIUNTIVI
oppureoppure

39. UIUI
...ecc...ecc......ecc...ecc...

40. UIUI
http://goratchet.com/http://goratchet.com/

41. UIUI

42. UIUI

43. UIUI

44. UIUI

45. UIUI

46. UIUI

47. UIUI

48. AGGIUNGI CONTATTOAGGIUNGI CONTATTO

49. CERCA CONTATTICERCA CONTATTI

50. CERCA CONTATTICERCA CONTATTI

51. CERCA CONTATTICERCA CONTATTI

52. DEBUGDEBUG
https://developer.chrome.com/devtools/docs/mobile-emulationhttps://developer.chrome.com/devtools/docs/mobile-emulation

53. DEBUGDEBUG
http://ripple.incubator.apache.org/http://ripple.incubator.apache.org/

54. DEBUGDEBUG
C:> npm install -g ripple-emulatorC:> npm install -g ripple-emulator
ripple emulateripple emulate

55. 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/

56. DEBUGDEBUG
http://people.apache.org/~pmuellr/weinre/docs/latest/Home.htmlhttp://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

57. DEBUGDEBUG
C:/C:/> npm install -g weinre> npm install -g weinre
weinre --boundHost -all- weinre --boundHost -all- http://localhost:8080/http://localhost:8080/
ipconfig ipconfig

58. DEBUGDEBUG
http://localhost:8080/client/#rubricahttp://localhost:8080/client/#rubrica

59. DEBUGDEBUG
cordova plugin add org.apache.cordova.consolecordova plugin add org.apache.cordova.console

60. DEBUGDEBUG

61. DEBUGDEBUG
adb logcat *:W -v briefadb logcat *:W -v brief

62. DEBUGDEBUG

63. Write once, run anywhere ?Write once, run anywhere ?

64. Write once, (will) run (and distribute) anywhere ?Write once, (will) run (and distribute) anywhere ?

65. Possiamo sviluppare tutti i tipi di apps?Possiamo sviluppare tutti i tipi di apps?

66. Possiamo sviluppare molti tipi di apps?Possiamo sviluppare molti tipi di apps?

67. E' un'esperienza ottimale di sviluppo?E' un'esperienza ottimale di sviluppo?

68. Si sta evolvendo?Si sta evolvendo?

69. GRAZIEGRAZIE!!
https://twitter.com/StrettoDigitalehttps://twitter.com/StrettoDigitale - #glsd - #glsd