Disegnare Web Application orientate al Mobile con

ASP.NET MVC 4 e jQuery Mobile

Giorgio Di Nardogiorgio.dinardo@domusdotnet.org

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 Nardogiorgio.dinardo@domusdotnet.org

blogs.ugidotnet.org/Akelitz

@akelitz