Upload
cosimo-palma
View
211
Download
0
Embed Size (px)
Citation preview
Sviluppare Web App con Sencha
Touch: un esempio pratico
Cosimo Palma
Perché Sencha Touch ?Con Sencha Touch è possibile :• Creare applicazioni fruibili da un web browser• Creare applicazioni fruibili da un smartphone browser• Creare applicazioni che possono essere installate nativamente su iOS, con o
senza l’uso di un MAC e di Xcode• Creare applicazioni che possono essere installate nativamente su Android• Distribuire le tue applicazioni attraverso Apple e Google app store• Integrare le tue applicazioni con popolari servizi come ad esempio Facebook• Utilizzare risorse hardware del dispositivo come GPS, vibrazione e camera• Fare quasi tutto ciò che può fare un’applicazione nativa, con qualche limitazione
Caratteristiche principali• Ampia libreria di widget per costruire la User Interface, ispirata ad iOS sia nel design che
nelle funzionalità• Veloce engine di rendering basato su CSS, che può sfruttare l’acceleratore hardware
generalmente presente nelle ultime versioni dei dispositivi mobile• Architettura ben definita, si usa il paradigma MVC anche nei progetti più semplici• Connettori built-in per servizi di rete, come REST e supporto per mobile web application
offline• Meccanismo di class-loading avanzato, nel rispetto delle linee guida sul naming e del
paradigma MVC• Una command line per la gestione dell’applicazione (build, build native application,
merge,..)• Estesa documentazione, disponibile in HTML
Processo di Sviluppo
Generare un nuovo progetto e avviarlo
La struttura delle cartelle
Esempio: ATOApp, profilo Desktop e Tablet
Esempio: ATOApp, profilo Smartphone
ATOApp: Video dell’applicazione
Guardate il video dell’applicazione finale su:http://www.senchatouchdev.it/
Guardate i video dei capitoli che passo dopo passo portano alla costruzione della web app
Layout
Navigazione con TabPanels
Navigazione con NavigationView
Mappe e ImageView (1)
Mappe e ImageView (2)
FormPanels
Lista, Store e Model (1)
Lista, Store e Model (2)
Connessioni: Ajax e JsonP
Liste e Mappe
Vista di dettaglio (1)
Vista di dettaglio (2)
Transizioni (1)
Transizioni (2)
Multilingua (1)
Multilingua (2)
Profili (1)
Profili (2)
Popup e gestione centro mappa
Temi e stili
Cross-compilazione e pacchetti nativi
Sviluppare WEB APP con SENCHA TOUCH
GRAZIE!Il libro:http://www.senchatouchdev.it/
Rimani in contatto:
https://www.facebook.com/appacademy.it/
https://it.linkedin.com/in/cosimopalma