IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Les nouveautés d'ASP.NET MVC 4 pour le développement d'applications Web mobile
Un article de Hinault Romaric

Le , par Hinault Romaric

9PARTAGES

2  0 


Je suis heureux de vous annoncer la publication d'un nouvel article intitulé : "Les nouveautés d'ASP.NET MVC 4 pour le développement d'applications Web mobiles"


Le marché du mobile est actuellement en plein essor. Le cabinet d'analyse IDC prévoit, par exemple, une croissance du segment des smartphones de prés de 45,1 %. Cette croissance entraîne inéluctablement une hausse de l'accès à Internet via des terminaux mobiles. Selon une étude du Centre de recherche pour l'étude et l'observation des conditions de vie (CRÉDOC) publiée en décembre 2012, 29 % de la population navigue désormais sur Internet avec un smartphone, contre 5 % en 2008. La prise en charge du mobile devient ainsi un élément essentiel pour maintenir sa présence sur Internet.

ASP.NET MVC, le framework de développement Web open source de Microsoft, offre dans sa version 4 plusieurs nouvelles caractéristiques permettant de créer facilement une application Web fournissant une expérience de navigation cohérente sur les dispositifs mobiles.

Dans ce tutoriel, nous verrons comme exploiter ces fonctionnalités d'ASP.NET MVC pour créer une application Web avec un rendu adapté aux terminaux mobiles.
Pour consulter la suite de l'article, c'est par ici.

N’hésitez pas à nous faire part de vos remarques et à noter l'article si vous le trouvez intéressant

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de Immobilis
Expert éminent https://www.developpez.com
Le 31/01/2013 à 23:48
Salut,

Très intéressant. Microsoft fait des efforts pour être interopérable

C'est une nomenclature personnelle l'utilisation des underscores pour le nommage des vues ou bien s'agit-il d'une contrainte de MVC/Razor?

À première vue, on se rend compte que le texte du site sur MVC 3 est carrément illisible, tandis que le contenu de celui-ci avec MVC 4 a été adapté en fonction de la taille du terminal.
Puisque CSS, les "media queries" ne sont-elle pas indépendantes de la technologie? Elles peuvent être utilisées sur d'autres versions du Framework. C'est un peu trompeur du coup.

A propos des "des dispositifs d'exécution", si je comprend bien, le FW fait une correspondance entre "iPhone" et le nom du fichier? Aurais-tu une liste des modes. Je m'étonne qu'il faille utiliser une chaîne au lieu d'une enum native. Ces valeurs doivent bien être connues. Cela gère-t-il les versions d'OS?

Une de tes images dans le paragraphe http://rdonfack.developpez.com/tutor...web-mobile/#LV m'apparaît tronquée.

A+
0  0 
Avatar de Integral
Membre à l'essai https://www.developpez.com
Le 01/02/2013 à 15:31
Salut,

Super intéressant comme article, je voudrais juste rajouter une précision pour:

<meta name="viewport" content="width=device-width">
Cela redimensionne en effet l'application web à la taille du mobile, sauf pour IPhone et IPad, où il sera nécessaire de rajouter l'Initial scale comme ceci :

Code : Sélectionner tout
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
Et pour encore un peu plus de précision sur la gestion du redimensionnement mobile/tablette chez Apple : voir ici http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html

A +
0  0 
Avatar de Hinault Romaric
Responsable .NET https://www.developpez.com
Le 02/02/2013 à 9:33
Citation Envoyé par Immobilis Voir le message
Salut,

Très intéressant. Microsoft fait des efforts pour être interopérable

C'est une nomenclature personnelle l'utilisation des underscores pour le nommage des vues ou bien s'agit-il d'une contrainte de MVC/Razor?
C'est une convention de nommage introduite par Razor pour le Layout et les vues partielles.

Citation Envoyé par Immobilis Voir le message

Puisque CSS, les "media queries" ne sont-elle pas indépendantes de la technologie? Elles peuvent être utilisées sur d'autres versions du Framework. C'est un peu trompeur du coup.
les "media queries" sont effectivement indépendantes de la technologie. Je ne trouve pas cela trompeur, puisque l'article ressort clairement que c'est l'introduction dans cette caractéristique du CSS dans MVC 4 qui marque la différence.

Citation Envoyé par Immobilis Voir le message
Salut,
A propos des "des dispositifs d'exécution", si je comprend bien, le FW fait une correspondance entre "iPhone" et le nom du fichier? Aurais-tu une liste des modes. Je m'étonne qu'il faille utiliser une chaîne au lieu d'une enum native. Ces valeurs doivent bien être connues. Cela gère-t-il les versions d'OS?
Concrètement, je peux dire qu'il n'y a pas une liste de modes. En fait, pour chaque agent utilisateur, on peut définir les différentes vues qui doivent être affichées. Pour chaque agent, le framework doit être capable de retrouver la vue qui doit être chargée, sinon, il charge par défaut une vue mobile, pour un navigateur mobile, si elle existe. Dont je peux faire ceci :


DisplayModeProvider.Instance.Modes.Insert(0,
new DefaultDisplayMode("test"
{
ContextCondition = (ctx => ctx.Request.UserAgent.IndexOf("iPhone", StringComparison.OrdinalIgnoreCase) >= 0)
});
Et lorsque l'agent utilisateur "iPhone" fera une requête, les fichiers ayant la nomenclature [view].test.cshtml seront chargées. Donc, c'est juste une correspondance entre agent utilisateur et vue.

A savoir si cela gère les versions des OS, je ne sais pas. S'il y a un agent utilisateur pour chaque version d'OS (ou navigateur ?), dans ce cas, je dirais - sans certitude - oui.

Pour l'image, c'est notée.

0  0 
Avatar de djibril
Responsable Perl et Outils https://www.developpez.com
Le 06/02/2013 à 10:55
Salut,

Pour info : le PDF de l'article est corrompu.
0  0 
Avatar de djibril
Responsable Perl et Outils https://www.developpez.com
Le 06/02/2013 à 11:07
Pour résoudre le souci, tu avais une image que j'ai dû corrigé et recréer que voici.
0  0