MOBILE APPS con APACHE CORDOVA e tecnologie WEB

Workshops 2014

MESSINA - Libreria Colapesce- 12/07/2014

GIUSEPPE PIZZIMENTI

Sviluppo software professionalmente da 18 anni

Programmo per passione da 30

Primo pc utilizzato :

Programmo con tecnologie web da 20 anni

Si, sono anziano... grazie per averlo notato!

GIUSEPPE PIZZIMENTI

https://twitter.com/gpizzimenti

https://www.linkedin.com/in/giuseppepizzimenti

https://plus.google.com/u/0/+GiuseppePizzimenti/

https://www.facebook.com/giuseppe.pizzimenti

http://www.slideshare.net/giuseppe.pizzimenti

09/01/2007

12/03/1989

2009

2011

CAPABILITIES

Network Connection

Battery Events

Accelerometer

Compass

Geolocation

Camera

Media playback

Capture

Access files on device or network

Notifications

Contacts

Globalization

Splash screen

Storage

https://build.phonegap.com/plugins

GOOD NEWS (Android edition)

http://www.mobilexweb.com/blog/android-4-4-kitkat-browser-chrome-webview

GOOD NEWS (iOS edition)

http://9to5mac.com/2014/06/03/ios-8-webkit-changes-finally-allow-all-apps-to-have-the-same-performance-as-safari/

CHI USA PHONEGAP / CORDOVA

...ecc...ecc...

http://www.tricedesigns.com/2012/03/27/who-uses-phonegapapache-cordova/

PREREQUISITI

http://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-started_android_index.md.html

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

http://ant.apache.org/bindownload.cgi

http://developer.android.com/sdk

http://nodejs.org/

http://git-scm.com/downloads

PREREQUISITI

http://www.dominikgorecki.com/2012/12/installing-cordovaphonegap-for-android-on-windows-a-suppliment/

INSTALLAZIONE

C:\> npm install -g cordova

CREAZIONE PROGETTO

D:\Users\Giuseppe\Documenti\CordovaProjects>

cordova create rubrica it.lostrettodigitale.rubrica Rubrica

cordova platform add android

cordova platforms ls

CREAZIONE PROGETTO

cordova plugin add org.apache.cordova.devicecordova plugin add org.apache.cordova.dialogscordova plugin add org.apache.cordova.contacts

cordova plugin ls

CREAZIONE PROGETTO

CREAZIONE PROGETTO

CREAZIONE PROGETTO

LANCIO PROGETTO

cordova build

cordova build android --release

cordova emulate android

cordova serve android http://localhost:8000/

adb devices

cordova run android

LANCIO PROGETTO

STRUMENTI AGGIUNTIVI

oppure

UI

...ecc...ecc...

UI

http://goratchet.com/

UI

UI

UI

UI

UI

UI

UI

AGGIUNGI CONTATTO

CERCA CONTATTI

CERCA CONTATTI

CERCA CONTATTI

DEBUG

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

DEBUG

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

DEBUG

C:> npm install -g ripple-emulator

ripple emulate

DEBUG

http://app.phonegap.com/ http://phonegap.com/blog/2014/04/23/phonegap-developer-app/

DEBUG

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

DEBUG

C:/> npm install -g weinre

weinre --boundHost -all- http://localhost:8080/

ipconfig

DEBUG

http://localhost:8080/client/#rubrica

DEBUG

cordova plugin add org.apache.cordova.console

DEBUG

DEBUG

adb logcat *:W -v brief

DEBUG

Write once, run anywhere ?

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

Possiamo sviluppare tutti i tipi di apps?

Possiamo sviluppare molti tipi di apps?

E' un'esperienza ottimale di sviluppo?

Si sta evolvendo?

GRAZIE!

https://twitter.com/StrettoDigitale - #glsd