Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte
-
Upload
codemotion -
Category
Technology
-
view
811 -
download
1
description
Transcript of Sviluppare applicazioni web mobile con asp.net mvc4, html5 e j query mobile by Michele Aponte
Sviluppare Applicazioni Web Mobile con Asp.Net MVC4, HTML5 e jQuery Mobile
Michele Aponte
[email protected] – Blexin [email protected] - 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