Le Web mobile avec ASP.Net MVC et jQuery Mobile

43 %
57 %
Information about Le Web mobile avec ASP.Net MVC et jQuery Mobile
Technology

Published on February 17, 2014

Author: Developpeurs

Source: slideshare.net

Description

ASP.Net MVC introduit des briques pour le développement d'applications web pour terminaux mobiles, et propose de tirer parti de jQuery Mobile pour accélérer vos développements. Durant cette session, nous aborderons les nouveautés de ASP.Net MVC4 pour les applications web mobiles, et nous présenterons les concepts fondamentaux de jQuery Mobile. Nous verrons comment ces deux outils se complémentent pour dopper vos développements !

Speakers : François Guillot (MCNEXT), Guillaume Leborgne (MCNEXT)

Le Web mobile avec ASP.Net MVC et jQuery Mobile Guillaume Leborgne MVP Client dev MCNEXT François Guillot Consultant MCNEXT http://www.mcnext.com ASP.NET MVC et jQuery Mobile

Donnez votre avis ! Depuis votre smartphone sur : http://notes.mstechdays.fr De nombreux lots à gagner toutes les heures !!! Claviers, souris et jeux Microsoft… Merci de nous aider à améliorer les Techdays ! #mstechdays ASP.NET MVC et jQuery Mobile

#mstechdays ASP.NET MVC et jQuery Mobile

LE WEB #mstechdays ASP.NET MVC et jQuery Mobile

L’informatique & le web • Il y a 5 ans #mstechdays ASP.NET MVC et jQuery Mobile

L’informatique & le web • Aujourd’hui #mstechdays ASP.NET MVC et jQuery Mobile

Diversité des terminaux – – – – – – – – – #mstechdays Desktop Smartphones Tablettes Liseuses Bornes TV connectées Montres Réfrigérateurs … ASP.NET MVC et jQuery Mobile

Les navigateurs Google Chrome Nokia Blackberry Bada WebOS #mstechdays Mozilla Firefox Opera OperaMini NetFront Myriad Phantom ASP.NET MVC et jQuery Mobile Apple Safari Microsoft Internet Explorer SkyFire Amazon Silk …

Les navigateurs Au total, environ 400 navigateurs ou versions différentes… #mstechdays ASP.NET MVC et jQuery Mobile

APPROCHES POUR DU WEB MULTI-CANAL #mstechdays ASP.NET MVC et jQuery Mobile

Choix de fonctionnement • Application multi-support – Exploite le responsive web design (bootstrap) • S’adapte au périphérique – Difficile à implementer sur des pages complexes #mstechdays ASP.NET MVC et jQuery Mobile

Choix de fonctionnement • Sites dédiés – Redirection gérée par le serveur web – Liberté totale de fonctionnement – Tout est à faire en double #mstechdays ASP.NET MVC et jQuery Mobile

Choix de fonctionnement • Logique commune, affichage dédié – Ergonomie adaptée à chaque appareil – Utilise le DisplayMode de ASP.NET MVC – Le principe de fonctionnement doit rester commun #mstechdays ASP.NET MVC et jQuery Mobile

RÉALISER SON APPLICATION WEB MOBILE AVEC ASP.NET #mstechdays ASP.NET MVC et jQuery Mobile

CRÉER UN PROJET MOBILE AVEC VISUAL STUDIO 2013 #mstechdays ASP.NET MVC et jQuery Mobile

Les outils de Visual Studio • • • • • Packages NuGet Le module de bundling WebEssentials DisplayMode ASP.NET Web API #mstechdays ASP.NET MVC et jQuery Mobile

JQUERY MOBILE #mstechdays ASP.NET MVC et jQuery Mobile

Principe • • jQuery: Abstraction du navigateur jQuery Mobile: Widgets & abstraction de l’interface • jQuery Mobile n’est PAS une librairie pour faire des Single Page Applications #mstechdays ASP.NET MVC et jQuery Mobile

Fonctionnement • • • • • Un themeroller Des widgets imbriqués Code par markup (data…) La gestion des différences d’implémentation entre navigateurs (touch, …) Des classes CSS « clef en main » #mstechdays ASP.NET MVC et jQuery Mobile

Avantages • • • • Pensé pour le mobile (cross devices) Responsive web design Amélioration progressive Accessibilité • -> Accélère beaucoup les développements #mstechdays ASP.NET MVC et jQuery Mobile

Défauts • • • • À partir d’Internet Explorer 8 Design parfois uniforme Parfois lent sur les smartphones bas de gamme Peut devenir contraignant si on sort des dogmes d’ergonomie du framework #mstechdays ASP.NET MVC et jQuery Mobile

WEB APP ASP.NET MVC UTILISANT JQUERY MOBILE #mstechdays ASP.NET MVC et jQuery Mobile

Les bonnes pratiques • Attention aux sous-requêtes et à la consommation réseau – Minifier, concaténer et compresser (GZIP) les ressources – Optimiser les images, utiliser des sprites => Utilisez les bundles ASP.Net, Webgrease, etc • Tester sur des vrais terminaux, et si possible en condition réelles GSM • Amélioration progressive => Modernizr • Combiner jQuery mobile avec un framework SPA • Tirer parti de HTML5 (app cache, …) #mstechdays ASP.NET MVC et jQuery Mobile

Digital is business

#mstechdays presentations

Add a comment

Related presentations

Related pages

Le Web mobile avec ASP.Net MVC et jQuery Mobile- Video et ...

ASP.Net MVC introduit des briques pour le développement d'applications web pour terminaux mobiles, ... Le Web mobile avec ASP.Net MVC et jQuery Mobile.
Read more

Le Web mobile avec ASP.Net MVC et jQuery Mobile - YouTube

ASP.Net MVC introduit des briques pour le développement d'applications web pour terminaux mobiles, et propose de tirer parti de jQuery Mobile ...
Read more

ASP.NET MVC 4 Mobile Features | The ASP.NET Site

There is now an MVC 5 version of this tutorial with code samples at Deploy an ASP.NET MVC 5 Mobile Web ... ASP.NET MVC 4 Mobile ... jQuery.Mobile.MVC ...
Read more

ASP.NET MVC 4 + Jquery Mobile - Aula 01 - YouTube

Le Web mobile avec ASP.Net MVC et ... JQuery Mobile, Backbone, and ASP.NET MVC ... Drag and Drop Shopping Cart in ASP.NET MVC and JQuery ...
Read more

CodePlex - jQuery Mobile C# ASP.NET - Home

... jquerymobile.codeplex.com/discussions/394866 About jQuery ... the jQuery Mobile ASP.NET ... ASP.NET web application is a mini mobile content ...
Read more

Mobile Apps & Sites with ASP.NET | The ASP.NET Site

Learn how ASP.NET makes it easy to build mobile Web applications
Read more

A Touch-Optimized Web Framework - jQuery Mobile

jQuery Mobile framework takes the "write less, do more" mantra to the next level: ... jQuery License Web hosting by Media Temple | CDN by MaxCDN ...
Read more

Deploy an ASP.NET MVC 5 mobile web app in Azure App Service

Deploy an ASP.NET MVC 5 mobile web app in Azure ... The jquery bundle is already rendered by ... Deploy an ASP.NET MVC 5 application to an ...
Read more

Making a switchable Desktop and Mobile site with ASP.NET ...

Making a switchable Desktop and Mobile site with ASP.NET MVC 4 ... a web application with ... Desktop and Mobile site with ASP.NET MVC 4 and JQuery ...
Read more