Upload
codemotion
View
808
Download
1
Embed Size (px)
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 utilizzate
Citation preview
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