Fabio Franzini Sviluppare Applicazioni Mobile Native in HTML e
JavaScript
Slide 2
Presentazioni Fabio Franzini Consulente, Programmatore e MCT
Trainer su piattaforma.NET www.fabiofranzini.com
[email protected] @franzinifabio
Slide 3
START!!
Slide 4
Background Evoluzione del Mobile Web Albori: WAP, cHTML, mHTML
Phones WEB Browser WAP: puah!!
Slide 5
WAP, cHTML, mHTML
Slide 6
Mobile Web Oggi Smart Phones Sistemi Operativi Mobile completi
iPhone OS, Android, Simbian OS, Blackberry, Windows Mobile, WebOS,
Maemo, ecc.. Cross-platform Web Browser (Webkit!!) 3G, WiFi
Slide 7
Smart Phones
Slide 8
Sviluppare oggi per il Mobile Web Powerfull Web Browser Web 2.0
Social Geo-localization Ecc..
Slide 9
Vantaggi HTML CSS JavaScript Deploy semplice Ecc..
Slide 10
Limitazioni Web Browser?? Sandbox indipendente dal resto del
OS
Slide 11
Soluzione Native App!!!
Slide 12
Native App e App. Store
Slide 13
Ok, ma iPhone: Objective-C Android, Blackberry: Java Nokia
Symbian: C / JavaScript Sony Ericsson: Java Window Mobile:.NET /
C++ / VB
Slide 14
Slide 15
quindi!!
Slide 16
Native App VS Web App Native AppWeb App Cross Platform?No,
mahSi Accesso alle API del SO?SiNo Store di dati?SiNi Connessione
dati richiesta?NoSi Velocita di esecuzione?OttimaBuona Tecnologia
di sviluppo?Objective C, Java, C++, ecc.. HTML, CSS, JavaScript
Update installabili?SiNo
Slide 17
Ok, capito!! Ma allora?
Slide 18
Confusi??
Slide 19
Native App Cross-Platform HTML, CSS, JavaScript, Images, ecc..
+ API native del telefono (Geo-localizzazione, Contatti,
Accelerometro, Fotocamera, Vibrazione, ecc..) = Wrapper sul Web
Browser con supporto alle API del telefono.
Slide 20
Un esempio? PhoneGap
Slide 21
Cos PhoneGap PhoneGap uno strumento di sviluppo opensource,
realizzato da Nitobi, utile per la costruzione veloce e facile di
Applicazioni Mobile con JavaScript
Slide 22
PhoneGap in dettaglio 1/2 E un container con wrapper sul Web
Browser del dispositivo Espone un insieme di API del dispositivo,
astraendo le medesime, e le rende disponibili tramite
JavaScript
Slide 23
PhoneGap in dettaglio 2/2 In base alla piattaforma con la quale
dovr interfacciarsi, limplementazione sar di sviluppata in:
Objective C, Java e cos via; Limplementazione fornita dallo stesso
framework, il runtime si appoggia sul Web Browser e sulle
estensioni per quella piattaforma. Il risultato un pacchetto
composto di due elementi principali: il runtime si occupa di
dialogare direttamente con il dispositivo le parti statiche (HTML,
JavaScript, ecc) offrono linterfaccia verso lutente.
Slide 24
PhoneGap in dettaglio
Slide 25
Slide 26
Piattaforme supportate iPhone / iPad?? Android Blackberry Palm
~ Symbian ~ Windows Mobile ~
Slide 27
iPhone??? http://bit.ly/7wmgsv The recent changes to Apples
iPhone developer agreement, this has ZERO impact on PhoneGap! Apps
built with PhoneGap will continue to be reviewed based on their own
merits and NOT dismissed/rejected because they use PhoneGap.
Slide 28
Features Accelerometro Audio Camera Contacts File IO SMS
Settings
Slide 29
Features Supportate
Slide 30
Esampio di API 1/3 Platform
document.getElementById("platform").innerHTML = device.platform;
Alert navigator.notification.alert(Mio Messaggio", Attenzione",
"Ok"); Vibration navigator.notification.vibrate(1000); Media var
media = Media.new("hammer_time.wav", win, fail); media.play();
media.stop();