In un mercato che non designa vincitori assoluti nella diffusione di un particolare dispositivo mobile, poter sviluppare applicazioni che tengano conto dei maggiori device in commercio può essere il valore aggiunto che possiamo dare al nostro business. In questa sessione vedremo come sfruttare Asp.Net MVC4, HTML5, CSS3 e jQuery Mobile per realizzare applicazioni web che tengano conto del dispositivo su cui sono utilizzate

1. Sviluppare Applicazioni Web Mobile con Asp.Net
MVC4, HTML5 e jQuery Mobile
Michele Aponte
michele.aponte@blexin.com – Blexin Srls
michele.aponte@dotnetcampania.org - DotNetCampania

2. 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?

3. 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/)

4. 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

5. 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

6. 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

7. 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

8. 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

9. 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

10. 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