jQuery Mobile pour le développement web open source

09.20.2012

L’utilisation du web mobile explose. D’ici 2015, 50 % de l’ensemble du trafic Internet aux États-Unis proviendra d’appareils mobiles. La création d’un site Web mobile est soudainement devenue une priorité pour de nombreuses organisations. Des cadres tels que jQuery Mobile (jQM) fournissent une base de fonctionnalité mobile commune qui permet de réaliser des sites mobiles plus rapidement et de les intégrer au marché mobile en pleine croissance.

Tout d’abord, rappelons l’origine de ce cadre. jQM provient des développeurs de la bibliothèque javascript jQuery, qui offre une compatibilité entre les navigateurs et des méthodes de raccourci pour les tâches courantes. jQuery dispose également d’une grande communauté de développeurs qui fait progresser la bibliothèque en tirant parti de son architecture extensible pour écrire des milliers de plugins pour à peu près tout ce qui n’est pas intégré dans les capacités de base. Cela inclut jQuery UI (interface utilisateur), qui est le référentiel de l’équipe jQuery pour les effets de page et les éléments communs tels que les listes triables, les calendriers contextuels pour les champs de date, les interfaces à onglets de base, et bien plus encore.

jQM est développé selon les mêmes principes et utilise de nombreuses avancées des autres bibliothèques jQuery. Comme jQuery, jQM fournit des méthodes d’aide pour les tâches de développement courantes. Elle permet d’accéder facilement aux événements tactiles et aux changements d’orientation des téléphones portables. Elle fournit un cadre pour charger de nouvelles pages à l’aide de requêtes asynchrones pour des changements de contenu plus rapides et pour fournir des transitions visuelles comme les applications natives iOS ou Android.

À l’instar de jQuery UI, jQM fournit un cadre visuel permettant d’intégrer les meilleures pratiques de conception communes à iOS et Android. Cette fonctionnalité peut sembler secondaire, mais elle permet de gagner du temps. Les éléments communs de l’application, tels que les barres d’outils persistantes d’en-tête et de pied de page, les boutons plus grands, les interrupteurs à bascule on/off, et même les listes visuellement groupées, font tous partie des paramètres par défaut de jQM. À partir de là, jQM propose des outils de thématisation permettant de personnaliser les couleurs et d’autres caractéristiques visuelles afin de mieux correspondre aux objectifs de votre marque. Même si une personnalisation plus poussée est nécessaire, jQM constitue une excellente base de départ.

Comme mentionné ci-dessus avec jQuery, jQM est également conçu pour minimiser les incohérences entre les navigateurs et les plates-formes. Son support de haut niveau inclut les navigateurs par défaut pour toutes les versions d’iOS, Android 2.1 et plus, Blackberry 6.0 et plus, Windows Phone 7 et plus, Opera Mobile 11.5, et bien d’autres encore. Cela inclut même les navigateurs de bureau modernes. Cela signifie que même les navigateurs ayant un pourcentage à un chiffre peuvent utiliser votre site sans ressentir de différences visuelles ou fonctionnelles au-delà des capacités matérielles de l’appareil (vitesse de traitement, taille de l’écran, etc.). Il s’agit là d’un avantage considérable par rapport à d’autres frameworks qui n’offrent des fonctionnalités avancées que dans les derniers navigateurs Webkit, en particulier pour les nouveaux sites web qui ne disposent pas de données d’utilisation. Un site jQM peut atteindre les 10 % ou plus d’utilisateurs potentiels qui utilisent des navigateurs non Webkit, comme Opera Mini ou Internet Explorer sur Windows Phone

Enfin, la création d’un site avec jQM offre encore des options quant à la manière dont vous souhaitez distribuer votre expérience basée sur le html. Vous pouvez la déployer en tant que site web mobile ou l’emballer à l’aide d’outils tels que PhoneGap ou Appcelerator Titanium qui peuvent l’exporter en tant qu’application vers les principales plates-formes téléphoniques. Avec un site web mobile, les entreprises peuvent garder un contrôle total sur l’expérience de leurs utilisateurs, y compris sur les mises à jour des fonctionnalités. Avec les outils de packaging, les entreprises peuvent atteindre la plupart des grandes plateformes et, si l’expérience mobile nécessite des fonctionnalités supplémentaires, elles peuvent même accéder au matériel et aux logiciels natifs de l’appareil, tels que les caméras, les contacts et les notifications.

Ce ne sont là que quelques-uns des moyens actuellement importants par lesquels jQM peut contribuer à accélérer le développement de sites web mobiles. Comme pour jQuery, il existe une grande communauté de développement impliquée dans jQuery Mobile. D’excellents développeurs font progresser les fonctionnalités de base de jQM au fur et à mesure que les meilleures pratiques se développent et d’autres l’étendent à l’aide de plugins utiles. Au fur et à mesure de sa maturation, jQM devrait offrir une expérience de développement meilleure et plus rapide.

Projets jQuery MobileDOOR3