A la découverte des frameworks JavaScript mobile

Développer une application native pour mobile devient de plus en plus contraignant. En effet, entre Apple qui impose ses outils et son langage, Android et son développement en Java sans parler des autres plateformes BlackBerry, Symbian… Il serait bien pratique de trouver un outil pour faire des applications performantes compatibles avec toutes ces plateformes.
Et bien, une alternative possible est : le développement web !

Web vs natif

Avec l’arrivée d’HTML5 et de ses fonctionnalités de stockage, de support multimédia, de géolocalisation et bien d’autres encore, les applications web gagnent en compétitivité.
L’intérêt du développement web par rapport au natif est de pouvoir avoir une seule application compatible sur différents systèmes mobiles. Pas besoin d’apprendre l’objective C ou le Java, il suffit uniquement de connaître un peu de JavaScript, CSS et HTML. Ces applications s’exécutent sur le navigateur du mobile, et évitent ainsi de passer par les appStores. Elles sont cependant moins riches et moins performantes que les applications natives, et c’est là qu’interviennent les frameworks mobiles.
On entend de plus en plus parler de ces librairies JavaScript qui facilitent le développement web, en intégrant la gestions des évènements et des transitions, des styles iphone/android, et même parfois le stockage sur navigateur et l’accès en mode déconnecté.
Ces frameworks sont de plus en plus nombreux et pour la plupart encore en projet. Pour cette étude j’ai choisi d’en présenter trois qui sont parmi les plus connus : jQTouch, jQueryMobile et Sencha Touch.
Durant les jours à venir je vais les étudier à tour de rôle et les évaluer suivant plusieurs critères:

• Portabilité : performance sur différentes plateformes, compatibilité avec d’autres librairies
• Légèreté du framework
• Apparence : « look and feel » proche du natif, fluidité et interactivité
• Richesse en composants : APIs HTML5, widgets
• Possibilités de personnalisation

Pour mieux comparer ces outils, j’ai développé une application de démo simple qui se présente sous la forme d’un agenda et qui utilisera plusieurs fonctionnalités HTML5 : nouveaux formulaires, géolocalisation et stockage local.
Dans les prochains articles, je présenterai chaque framework à travers cet exemple qui me permettra à la fin de réaliser une étude comparative précise.
Le prochain billet sera consacré à jQTouch, l’une des premières librairies pour le web mobile, basée sur le célèbre jQuery.