ciblage Mobile et navigateurs de bureau - ASP.NET MVC2 avec MS application Web Toolkit et Sencha tactile

Question

Je construis une application web que je voudrais:

• Utilisez les capacités de l'interface utilisateur native des appareils mobiles (par exemple, iPhone, Windows mobile, les téléphones Android) lorsqu'ils sont obtenus sur ces appareils
• Render bien sur les navigateurs boîte à outils non-Web (par exemple les navigateurs de bureau) tels que IE, Firefox, Opera

Mes recherches jusqu'à présent m'a apporté à l'aide des technologies suivantes:

• ASP.NET MVC 2 pour mon cadre de dev (écrire des vues différentes pour chaque périphérique cible)
• Sencha Touch (précédemment appelé ExtJS) pour le rendu dans chaque autre navigateur de votre appareil mobile
• La boîte à outils d'application Web Microsoft distinction entre le type d'appareil/de navigateur demandeur

Je n'ai aucune expérience dans l'une des 3 technologies spécifiquement (j'ai fait beaucoup de développement C# côté serveur, WinForms et ASP.NET 2), donc je suis vraiment baser cette décision sur les informations que j'ai pu trouver sur le web.

Quelqu'un peut-il penser à une raison pour laquelle cette combinaison de technologies ne fonctionnerait pas? Ma principale préoccupation est de savoir comment je peux coincer Sencha Touch dans cette solution à côté du MS Web App Toolkit. En fait, si les deux sont même nécessaires dans ce cas.

Toutes les suggestions ou commentaires grandement appréciés.

Ash

Answer 1

Parlant de son expérience personnelle, vous ne devez pas utiliser spécifiquement certain cadre. J'utilise asp.net et JavaScript simple pour concevoir des sites mobiles et n'ai pas eu beaucoup de problèmes.

Si vous souhaitez cibler une large gamme de périphériques et ne voulez pas vous préoccuper des vues frontales différentes, vous devez vous assurer que vous n'utilisez pas un JavaScript étendu car de nombreux périphériques bas de gamme ne prennent pas en charge JavaScript. Par exemple jQuery fonctionne très bien sur les navigateurs webkit mais pas sur pocket ie.

Je n'ai pas eu d'expérience avec MS Web App Toolkit, mais il semble avoir besoin de support JavaScript et je doute que cela fonctionne sur de nombreux téléphones.

Si votre objectif principal est mobile, mais souhaitent que les navigateurs de bureau pour accéder à votre site, vous pouvez simplement changer css pour faire des polices plus grandes il alors regardez bien sur PC

Ma devise sur la conception mobile est le garder aussi simple que possible .

Answer 2

Salut et merci pour vos commentaires.Je ne suis pas sûr que vous avez eu la bonne idée sur l'application Web MS Toolkit - c'est un élément très simple qui est spécialement conçu pour travailler avec un grand nombre de différents appareils mobiles (67 je crois): http://code.msdn.microsoft.com/WebAppToolkitMobile

Mon comprendre, il est tout simplement que:

• détermine quel type de périphérique/navigateur fait la demande en utilisant une base de données de dispositifs

• en construction fournit un composant pour une utilisation dans votre ASP.NET MVC 2 code de sorte que la demande est routée vers une vue appropriée pour renderi ng sur le dispositif d'appel

J'allais inclure les bibliothèques Sencha tactiles pour que je puisse écrire une seule vue (pour chaque page) qui pourrait être rendu sur plusieurs appareils mobiles différents. Ainsi, lorsque Web App Toolkit détermine qu'un périphérique pris en charge par Sencha Touch a effectué la demande, l'appel est acheminé vers la vue appropriée utilisant les bibliothèques Sencha Touch. Pour les demandes des navigateurs de bureau, l'appel serait acheminé vers une autre vue, et pour les demandes de tous les autres appareils, je pourrais soit utiliser une autre vue ou, comme vous dites, injecter une feuille de style simplifiée avec des polices agrandies.

Espérons que c'est une explication assez claire!

Answer 3

Je pense que ASP.NET MVC et MobileWebApplicationToolkit est le meilleur choix pour le développement de sites mobiles utilisant asp.net.

Je considérerais WURFL mieux que mdbf (il est utilisé dans mobileWebAppToolKit) car la dernière version sera en août.

Je ne suis pas expert en JS dans les sites mobiles, j'essaie de l'éviter pour maximiser la compatibilité. Mais je pense que Senda est grande, plus de 200KB. Peut-être que vous pourriez regarder xui-js ou d'autres cadres mobiles spécifiques. De toute façon je pense que tu fais une bonne décision.

Answer 4

[personne Sencha] Sencha Touch est une application cadre qui cible les appareils Android & iOS seulement en ce moment, et soutiendra RIM & les appareils Nokia quand ils sortent avec les navigateurs basés sur Webkit de haute qualité cette année/année prochaine, comme ils l'ont promis.

Nous n'avons pas de philosophie d'amélioration/dégradation progressive dans Touch, il n'y a donc pas de comportement de repli. Si vous avez absolument besoin d'une amélioration progressive, consultez jQTouch, qui est un plugin jQuery. Mais même jQTouch nécessite une bonne capacité javascript/CSS dans le navigateur, et de nombreux téléphones existants n'ont tout simplement pas cela. Cf, une majorité de sites Web ordinaires ne s'affiche pas correctement dans le navigateur RIM actuel. Ergo, si vous voulez une couverture téléphonique à 100%, vous devrez baisser votre "application" pour quelque chose que même les téléphones WAP avec des capacités HTML limitées peuvent afficher. Mais ce ne sera pas une application à ce stade.