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