Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We Want Web)
- 1. Disegnare Web Application orientate al Mobile con ASP.NET MVC 4 e jQuery Mobile Giorgio Di Nardo giorgio.dinardo@domusdotnet.org blogs.ugidotnet.org/Akelitz @akelitz
- 2. 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?
- 3. Costruire un sito fruibile… oppure no
- 4. NuGet • Aggiungere un riferimento • Aggiungere un riferimento senza NuGet con NuGet Trovarlo Scaricarlo Estrarlo Aggiungere pacchetto Referenziarlo Configurarlo
- 5. 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
- 6. jQuery Mobile • Libreria per la realizzazione di UX in HTML5 per dispositivi mobile • Costruito sulle fondamenta di jQuery e jQuery UI A B C • Apple iOS 3.2-5.0 • Blackberry 5.0 • Blackberry 4.x • Android 2.1-4.0 • Opera Mini 5.0-6.5 • Windows Mobile • Windows Phone 7-7.5 • Symbian^3 •… • Blackberry 6.0-7 • WebOS 1.4-3.0 • Opera Mobile 11.5 • Bada 2.0 •…
- 7. 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 • …
- 8. Basta chiacchiere! Demo
- 9. 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.
- 10. Riferimenti • http://jquerymobile.com/ • http://www.asp.net/mvc/mvc4 • http://weblogs.asp.net/scottgu/default.aspx • http://www.domusdotnet.org
- 11. Question Time
- 12. Un grazie agli sponsor...
- 13. Disegnare Web Application orientate al Mobile con ASP.NET MVC 4 e jQuery Mobile Giorgio Di Nardo giorgio.dinardo@domusdotnet.org blogs.ugidotnet.org/Akelitz @akelitz