Sviluppare Applicazioni Web Mobile con Asp.Net MVC4, HTML5 e jQuery Mobile

Michele Aponte

michele.aponte@blexin.com – Blexin Srlsmichele.aponte@dotnetcampania.org - DotNetCampania

Di cosa parlaremo in questi 40 minuti?

- Perchè supportare il mondo mobile

- Come supportare la navigazione mobile

- Le novità di Asp.Net MVC 4 per il mobile

- jQuery Mobile- Quale approccio scelgo?

Perchè supportare il mondo mobile?

Più di 1.000.000.000 abbonamenti di banda larga mobile attivi

La navigazione mobile aumenta a ritmi da non sottovalutare (http://gs.statcounter.com/)

Come supportare la navigazione mobile?

- Possiamo non fare niente....

Gli smartphone di ultima generazione utilizzano browser abbastanza avanzati da fornirci a costo zero risultati in alcuni casi non terribili...

... magari giusto l’accortenza di indicare al browser in che modo visualizzare il viewport

Come supportare la navigazione mobile?

- Possiamo non fare niente....- Adaptive Rendering

Possiamo utilizzare le tecniche di Responsive Design, sfruttando ad esempio le Media Query di CSS3, per spostare il problema lato client e «adattare» la UI esistente alle dimensioni del viewport corrente

Come supportare la navigazione mobile?

- Possiamo non fare niente....- Adaptive Rendering- Specific Version

Possiamo realizzare una versione ad hoc del sito per i dispositivi mobile, sfruttando ad esempio alcune delle novità di Asp.Net MVC4 specifiche per lo sviluppo mobile e framework come jQuery Mobile

Le novità di Asp.Net MVC4 per il mobile

- I nuovi template impostano il viewport e usano le Media Query

- Nuovo template specifico per il mobile che usa jQuery Mobile

- Display Modes

http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-features

jQuery Mobile

E’ un framework javascript, basato su jQuery, che permette di creare facilmente applicazioni web con una user experience mobile-oriented

E’ gratuitamente scaricabile dal sito http://jquerymobile.com/ e può essere usata senza limitazioni

Sfrutta i nuovi attributi data-* di HTML5

Quale approccio scelgo?

Dipende unicamente dal tipo di applicazione che si deve realizzare, quindi dai requisiti:- Contenuti- User Experience- Ottimizzazione della banda disponibile- Budget- Tempistiche

Domande? Intanto qualche link...

Domande, dubbi, perplessità? Intanto vi lascio qualche link- Responsive Web Design with Html5

e CSS3: http://tinyurl.com/bt2p76t

- Architecting Mobile Solutions for the Enterprise: http://tinyurl.com/bszohpz

- Il mio blog: http://dotnetcampania.org/blogs/michele/

- Un bel video dall’aspConf su Channel 9: http://tinyurl.com/crt6lgu