Choix du cadre HTML5 Web mobile [fermé]


131

Pour le nouveau projet, je cherchais un framework prenant en charge HTML5 et fonctionnant sur mobile, c'est-à-dire IPhone, iPad. J'ai découvert ceux-ci:

La chose principale pour moi est HTML5. Bien que j'aie passé en revue les fonctionnalités qu'ils offrent, je voulais juste connaître votre expérience, le cas échéant.

Lequel devrais-je choisir lorsque je recherche:

  • Démarrage rapide
  • Bonne documentation
  • Développement Web-way similaire
  • Bon support pour la plate-forme mobile

5
J'irais avec jQuery Mobile. Cela pourrait
ajouter

Je suis intéressé à voir la réponse. Combien de ces frameworks augmentent html / js / css (par exemple jQuery Mobile) par opposition aux environnements de développement qui génèrent html / js / css (peut-être comme Cappuccino dans le monde des applications Web)?
johnhunter

Cela aiderait à spécifier ce que vous souhaitez construire. Une application Web imitant une application native, des listes, des carrousels, des animations? Vous n'avez pas besoin d'un cadre pour créer un document HTML5 qui fonctionne sur les appareils mobiles.
antonj

3
Vous devez clarifier ce que vous souhaitez créer finalement: application web ou application native (mais développer en HTML5)? Sauf Titanium, la plupart des frameworks sont pour webapp, vous aurez besoin de travail supplémentaire pour les encapsuler dans une application native. Mais l'application native est beaucoup plus puissante que l'application Web, en particulier si vous souhaitez envoyer un e-mail et télécharger un fichier dans iOS.
vincicat

2
Quelle est la réponse définitive à cette question? Cela me semble subjectif.
Phrogz

Réponses:


123

Cela dépend de votre public cible et du degré d'interactivité du site que vous créez.

jQTouch:
lourd sur le CSS, léger sur le JavaScript, licence MIT
Pour un framework qui fournit un démarrage rapide, mais pas beaucoup de documentation malheureusement, utilisez jQTouch. Cela nécessite très peu de démarrage et le codage est assez simple. Il utilise des classes CSS pour détecter les animations et interactions appropriées.

Sencha Touch:
presque complètement JavaScript, GPL pas pour une utilisation sur des sites commerciaux sans licence
Si vous construisez une application d'entreprise complexe avec beaucoup d'interactions visuelles, je recommanderais fortement Sencha Touch, il est fortement documenté, avec une équipe professionnelle solide fournissant soutien.

M-Project: la
licence MIT, lourde de JavaScript, semble être en Alpha, peut être boguée
Bien que je n'ai jamais travaillé avec M-Project moi-même (merci de l'avoir signalé), cela semble être très robuste, et le codage Le style semble être très similaire à Sencha Touch, qui est basé sur ExtJS, donc si votre équipe a déjà de l'expérience avec ExtJS, il peut être judicieux d'envisager l'un de ces frameworks.

Nimblekit:
Cela semble être pour iOS uniquement, ce n'est pas une bonne chose si vous décidez d'étendre votre application à Android ou à une autre plate-forme.

Wink Toolkit:
semble être le MIT, ou une variante de À mon avis, wink semble avoir beaucoup à faire, mais la documentation semble froide

jQuery Mobile:
Double licence MIT ou GPL 2, juste le bon mélange de JavaScript et de CSS
Je laisserai quelqu'un avec plus d'expérience parler des mérites, mais jQuery mobile (bien qu'il soit également en alpha) est soutenu par une équipe solide et un communauté de supporters par extension de la bibliothèque jQuery principale. Probablement le meilleur choix pour tout sauf les applications les plus centrées sur l'entreprise.

Titanium:
Titanium n'est pas un framework mobile HTML5, c'est une interface basée sur javascript pour les modules de code natifs inclus dans le framework. C'est un cadre assez simple, mais je considérerais la documentation clairsemée.

Bottom Line:
1. jQuery mobile - tant que votre application n'est pas centrée sur l'entreprise
2. Sencha Touch - si votre application est centrée sur l'entreprise ou lourde sur les interactions des utilisateurs
3. jQTouch - si ce que vous recherchez est un cadre simple pour commencer avec rapidement, mais vous n'avez pas besoin de beaucoup d'enthousiasme.
4. Titanium - si vous êtes plus préoccupé par la présence de contrôles natifs réels dans votre application

Applications de démonstration

Il existe un projet open source, PropertyCross , qui illustre la même application implémentée avec une gamme de frameworks multiplateformes. Il est très utile pour comparer le code, l'expérience de développement et l'expérience de l'utilisateur final des différents frameworks.


4
jqTouch a été acheté par Sencha il y a quelque temps pour créer Sencha Touch. jqTouch est basé sur jQuery et Sencha Touch a été porté sur ExtJS
pakman

jQTouch est toujours open source , et Sencha Touch est un port d'ExtJS
samshull

1
Méfiez-vous des boîtes de sélection non natives dans jQuery Mobile. Ils tueront la mémoire de votre téléphone.
Jason Sebring

J'ai créé un projet open source propertycross.com qui aide à sélectionner un framework mobile multiplateforme en montrant la même application implémentée avec Sencha, Titanium, Xamarin et plus ...
ColinE

4
Que voulez-vous dire par entreprise?
Mark Boulder

14

jQuery Mobile est meilleur et a un bon support !!


9

Restez fidèle à jQuery mobile. C'est plus rapide que jQtouch. Il a également une meilleure documentation que senchas. Le temps de chargement initial de Senchas est lent. Dans l'ensemble, jQuery mobile remporte mon pari.


7

Ce framework que j'ai recommandé ici est assez récent, mais vous voudrez peut-être l'essayer à l'avenir: Mobl - HTML5 pour application mobile .

En fait, c'est un DSL (Domain specific language) pour créer une application HTML 5 sur mobile. Il est construit par Zef Hemel dans le cadre de sa thèse de doctorat et permet de créer rapidement une application HTML5.

À propos de votre demande:

  1. Démarrage rapide : oui, il est très simple de commencer à développer avec Mobl. Ajoutez simplement un module complémentaire Eclipse et modifiez une configuration.

  2. Documentation: le tutoriel est assez bon, mais il manque la navigation, je veux dire, une structure complète. J'espère qu'ils l'ajouteront bientôt.

  3. Développement Web similaire: je ne pense pas que ce soit le cas. En tant que DSL, Mobl a une structure différente (syntaxe similaire à javascript, cependant) par rapport au langage de script Web (HTML, Javascript, ...). Mais il ne faut pas beaucoup de temps pour les comprendre.

  4. Support : cette chose n'est pas bonne. À ce stade précoce, la communauté Mobl est très restreinte.



4

Vous pouvez également jeter un oeil à PhoneGap (opensource). Il dispose également d'un service de création gratuit dans le cloud qui pompera des applications natives pour la plupart des téléphones populaires à partir d'une seule base de code source. Je ne l'ai pas essayé moi-même, mais cela semblait intrigant.


3

Je commencerais par la plaque chauffante HTML 5 . C'est un peu lourd, mais vous pouvez en ajouter ou en supprimer autant que vous le souhaitez. Certainement le modèle HTML5 le plus complet que j'ai trouvé. Ensuite, j'irais avec jQuery Mobile . Il n'est pas encore sorti de l'alpha, donc c'est probablement un peu bogué, mais il y a une grande communauté derrière et il a une bonne structure pour créer des plugins.


3

Vous pouvez également consulter Google Web Toolkit, qui vous permet d'écrire des applications HTML5 mobiles en Java. GWT a un système de création de modèles dans lequel vous pouvez inclure du HTML et du CSS, de sorte que la principale différence sera que vous écrivez en Java au lieu de Javascript. Sencha Touch qui a déjà été mentionné, est également disponible dans une version GWT appelée Gwt4Touch.




1

Pour vos futurs projets, vous pouvez également consulter DHTMLX Touch , un framework open source gratuit pour la création d'applications Web mobiles. Il est assez facile de démarrer et dispose d'un forum de support en direct. Quelques démos: http://www.dhtmlx.com/touch/samples/

(Je travaille pour DHTMLX)

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.