Fabio Franzini Sviluppare Applicazioni Mobile Native in HTML e JavaScript
Preview:
Citation preview
- Slide 1
- 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
fabio@fabiofranzini.com @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();
- Slide 31