sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by michele aponte
DESCRIPTION
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 utilizzateTRANSCRIPT
![Page 1: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/1.jpg)
Sviluppare Applicazioni Web Mobile con Asp.Net MVC4, HTML5 e jQuery Mobile
Michele Aponte
[email protected] – Blexin [email protected] - DotNetCampania
![Page 2: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/2.jpg)
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?
![Page 3: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/3.jpg)
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/)
![Page 4: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/4.jpg)
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
![Page 5: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/5.jpg)
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
![Page 6: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/6.jpg)
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
![Page 7: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/7.jpg)
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
![Page 8: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/8.jpg)
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
![Page 9: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/9.jpg)
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
![Page 10: Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte](https://reader033.vdocuments.site/reader033/viewer/2022061207/5484bc695906b5cd158b47b2/html5/thumbnails/10.jpg)
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