Création d'un site AJAX Rich Mobile?

Question

Je pense à créer un site Web mobile riche en fonctionnalités AJAX et Jquery. Ainsi, à partir du téléphone, un utilisateur peut expérimenter des fonctionnalités telles que: glisser-déposer, images "loading ...", dialogues qui fondent et disparaissent, boîtes de dialogue d'ombre portée, redimensionnement dynamique des boîtes de dialogue etc ...

Lorsque le site Web mobile est chargé, il charge probablement une page index.html de 500 Ko avec les fichiers CSS et jquery nécessaires. Mais à partir de ce moment, tout appel à l'action chargera le contenu html de façon asynchrone (lorsqu'un internaute clique sur un lien du type "afficher les 10 résultats suivants", seul le conteneur DIV des résultats de recherche est repeint après un appel AJAX) de sorte qu'il minimise le transfert de données.

Mon but est de créer une application qui offre une interface utilisateur riche tout en répondant aux critères suivants:

1) est sensible

2) limite la quantité de transfert de données

3) servir le plus large public d'utilisateurs de smartphones sans avoir à développer avec N cadres différents: objectif C pour iPhone, Java pour BlackBerry,? Pour Android, ? pour Windows Mobile

L'approche du site mobile AJAX riche que j'ai mentionnée répond-elle à mes exigences?

Answer 1

Si vous allez sur cette route AJAX, vous serez vous limiter aux utilisateurs de l'iPhone/Android/PalmOS. Toutes les autres plates-formes (RIM, WinMob, Symbian) ont actuellement des problèmes car soit le support javascript n'est pas assez complet, soit il n'est pas activé par défaut. Ils vont se rattraper assez vite, mais vous aurez toujours beaucoup de gens en utilisant les anciennes versions de ces systèmes d'exploitation (ils ne se mettent pas à jour automatiquement comme iPhone/Android). En outre, j'appuie les commentaires d'Amber - comment vous concevez une interface utilisateur sur mobile est très différent de la façon dont vous concevez une interface utilisateur sur un ordinateur de bureau. Je n'ai aucune idée de ce qu'est votre application web, mais en général, vous créez sur le bureau & consommer sur mobile (avec des exceptions notables telles que Twitter & Facebook). Dans la mesure du possible, tenez compte du contexte dans lequel l'utilisateur accèdera à votre application sur mobile et optimisera l'interface utilisateur en fonction des événements tactiles. Si votre application génère du contenu généré par l'utilisateur, consultez les meilleures applications Facebook de Twitter & et comparez la façon dont l'utilisateur génère du contenu dans ces applications par rapport à l'IU de bureau.

Il est bon de repousser les limites de ce qui peut être fait sur un mobile, mais faites bien attention à ce que ce que vous créez en fin de compte puisse atteindre une cible suffisamment large et être adapté à vos besoins. Bonne chance!

Answer 2

Vous devriez être en mesure d'atteindre vos objectifs avec AJAX.

Mais en tant qu'utilisateur mobile, s'il vous plaît ne vous inquiétez pas ...

• « boîtes de dialogue qui se fanent dans et hors »
• « drop ombre boîtes de dialogue »
• « Redimensionnement dynamique de dialogue boîtes "

... parce qu'ils sont complètement inutiles du point de vue de la fonctionnalité, et tout ce qu'ils font est de ralentir/plantage des applications mobiles. Glisser-déposer est également quelque chose qui est souvent maladroit sur les appareils mobiles; mais c'est votre jugement si c'est utile pour votre application.

Answer 3

à mon humble avis pour atteindre le plus grand nombre de téléphones possibles dont vous avez besoin d'utiliser aussi peu que possible JavaScript

Answer 4

Le problème que vous avez avec JavaScript sur les appareils mobiles est qu'il n'est pas cohérent. Un peu comme le fait que IE est un peu plus pointilleux sur les points-virgules manquants que Firefox, mais multiplié par un millier.

Vous pouvez utiliser des bibliothèques JavaScript telles que jqtouch (qui est géniale), mais cela dépend de jquery, ce qui peut être problématique sur les téléphones mobiles. Rédaction AJAX sur les téléphones mobiles est génial, je viens de faire quelque chose de recherche de localisation génial pour tout ce qui a des capacités GPS dans le navigateur qui mettra à jour l'emplacement actuel automatiquement. Mais à mon avis, il est vraiment important de l'écrire à partir des principes premiers (getElementById et all), donc vous savez que tout ira bien, et vous devez fournir une option de repli si JavaScript est désactivé, ou n'est pas là .

Answer 5

Attention avec le glisser-déposer. la plupart des touches affichent l'action de glisser fait défiler la page. Je l'ai déjà rencontré quelques fois.

Certaines fonctionnalités ajax/jquery sont agréables dans l'environnement mobile, mais vous devez vraiment faire attention!

Answer 6

Regardez ce téléchargement qui peut aider, http://www.sencha.com/products/touch/. Il est basé sur la bibliothèque EXT JS ou sur la base http://jqtouch.com/ de JQuery.

Answer 7

jQuery Mobile est en alpha pour le moment. Prend en charge une tonne de navigateurs mobiles: http://jquerymobile.com/gbs/

http://jquerymobile.com/