Upload
giorgio-di-nardo
View
746
Download
4
Embed Size (px)
DESCRIPTION
Le slide della mia sessione su "Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile" all'evento "We Want Web" organizzato a Roma da "DomusDotNet" in 9 marzo 2012.
Citation preview
Disegnare Web Application orientate al Mobile con
ASP.NET MVC 4 e jQuery Mobile
Giorgio Di [email protected]
blogs.ugidotnet.org/Akelitz
@akelitz
3 cose che dovreste sapere alla fine della sessione
• Perché supportare i device mobile è importante?
• Cosa possiamo fare per migliorare da subito le applicazioni esistenti?
• Come ASP.NET MVC 4 rende più semplice la realizzazione di Web Application orientate al mobile?
Costruire un sito fruibile… oppure no
NuGet• Aggiungere un riferimento senza
NuGet• Aggiungere un riferimento con
NuGet
Aggiungere pacchetto
Trovarlo
Scaricarlo
Estrarlo
Referenziarlo
Configurarlo
ASP.NET MVC 4
• Bundling e Minification• Database Migration (c/o EF 4.3)• Web API• Miglioramenti a Razor• Supporto alla programmazione asincrona• Supporto per il mobile
jQuery Mobile
• Libreria per la realizzazione di UX in HTML5 per dispositivi mobile
• Costruito sulle fondamenta di jQuery e jQuery UI
A• Apple iOS 3.2-5.0• Android 2.1-4.0• Windows Phone 7-7.5• Blackberry 6.0-7• WebOS 1.4-3.0• Opera Mobile 11.5• Bada 2.0• …
B• Blackberry 5.0• Opera Mini 5.0-6.5• Symbian^3
C• Blackberry 4.x• Windows Mobile• …
HTML 5 & CSS 3
Nuova versione (in corso di definizione) di HTML e CSS che consente di estendere le capacità delle applicazioni web aggiungendo:• Canvas• Video• Geolocation• Local storage• Offline• …
Basta chiacchiere!
Demo
In conclusione
• Perché supportare i device mobile è importante?Perché sarà il canale privilegiato di accesso ad Internet nel prossimo futuro
• Cosa possiamo fare per migliorare da subito le applicazioni esistenti?Adaptive rendering con viewport e media CSS
• Come ASP.NET MVC 4 rende più semplice la realizzazione di Web Application orientate al mobile?Display Modes, template di progetto, integrazione con jQuery, ecc.
Riferimenti
• http://jquerymobile.com/
• http://www.asp.net/mvc/mvc4
• http://weblogs.asp.net/scottgu/default.aspx
• http://www.domusdotnet.org
Question Time
Un grazie agli sponsor...
Disegnare Web Application orientate al Mobile con
ASP.NET MVC 4 e jQuery Mobile
Giorgio Di [email protected]
blogs.ugidotnet.org/Akelitz
@akelitz