Trigger.io simplifie le développement d’applications hybrides

trigger.io example hojoki dk

La jeune start-up trigger.io (anciennement forge) qui à déja reçu un million de dollars d’investiment de business angels et venture capitals, éspère bien rendre la vie des développeurs plus facile et réduire le temps et la complexité de dévelopement des applications mobiles.

A l’instar de Phonegap, Appcelerator et Sencha Touch Trigger.io offre la possibilité  de développer des applications mobiles cross-platform avec les languages web, html, css et javascript.

Trigger.io innove de pusieurs façons :

  • Un “bridge” web <-> natif très performant sur iOS et jusqu’a 5x plus rapide sur Android.
  • Des modules écrit en javascript et compilés en language natif, tab bar, top bar. Qui procure un “native-feel” et une amélioration des performances.
  • Débuggage facile des applications, simplement basé sur weinre mais ça fait toujours une chose de moins à configurer.
  • La compilation s’effectue sur les serveurs de Trigger.io, on peut maintenant déveloper des applications iOS sur windows.
  • Trigger.io Reload qui permet de pusher des modifications après soumission à l’App Store et Google Play.

Trigger.io s’associe très bien avec backbone ou angular et ça donne de belle application qui ressemble à s’y méprendre à du natif. Voici quelques exemples d’applications déjà publiés sur les stores.

Quel framework UI choisir pour une application mobile web ou hybride?

Qu’on choisisse de développer une application mobile avec phonegap, trigger.io ou un site mobile “Single Page Application” , on ne le développe pas de la même façon qu’un site internet classique, le site ou application doit ressembler à une application native.

Ressembler à une application native ça veut dire : s’adapter sur smartphones et tablettes, avec la possibilité d’avoir un layout différent selon l’appareil, être constitué de plusieurs pages qui prennent tout l’espace disponible sur l’écran, des transitions avec accélération hardware, des side menus à la Facebook, des longues liste scrollables avec de bonnes performances, de l’inertie et un effet de rebond à la fin, du pull-to-refresh façon twitter, des boutons et des sliders assez gros pour pouvoir être utilisé sur un smartphone, etc.

Après avoir choisi son framework de base qui gèrera toute la logique et la structure de l’application (backbone, ember, angular), il convient donc de choisir un framework UI, qui s’occupera de la partie graphique de l’application. Et là, le choix et vaste. Voici une petite sélection des principaux candidats.

 

Kendo UI

kendo-uiSurement une des solutions les plus abouties, présente depuis 2011, développé par Telerik, s’adapte bien sur tablette et smartphone, de puissant outils de visualisation de données et de création de graphiques, de nombreux widgets. Kendo dispose même de wrappers pour languages serveur comme ce module de recherche avec autocompletion en php. La documentation est très bien faite. Ca serai surement le framework à conseiller sans hésiter si ce n’était pour la licence, à partir de 199$ pour Kendo UI Mobile.

kendoui.com

ChocolateChip-UI

chocolatechip-uiChocolateChip est focusé sur la rapidité de chargement et de rendu, en ne prenant pas en compte les vieux navigateurs, son objectif à été dès le début  d’être plus rapide et plus léger que jQuery. iOS, Android et Windows phone sont pris en charge, la dernière version intègre un thème iOS 7 “flat”. Tout les éléments graphiques sont en SVG comme ça pas de problème pour les différentes résolutions d’écrans et même les écrans rétina. La librairie est présente depuis 2010 et est disponible sous license open source à la simple condition de mentionner son utilisation dans l’application. Un très bon choix pour une application qui se doit d’être, tant que possible aussi réactive qu’une application native.

chocolatechip-ui.com

jQuery Mobile

jquery-mobileLe framework le plus facile d’accès, avec une très bonne documentation et une énorme communauté. Supporte de nombreux naviguateurs. Il n’est par contre pas réputé le plus “snappy”. A conseiller à un débutant ou pour un site mobile à développer rapidement qui ne nécessite pas de performances “native-like”. La licence est la mêm que pour jQuery, MIT, Free for commercial use.

Demo

 

 

 

 

 

Ionic

ionic-frameworkC’est le petit dernier puisqu’il vient tout juste de sortir. On préfèrera donc attendre un peu avant de l’utiliser sur un vrai projet. Ionic est assez sexy et optimisé. La documentation est clair et simple mais la communauté encore naissante. C’est un framework résolument UI à comparer à Bootstrap par exemple. Le framework est particulièrement optimisé pour être utilisé avec Angular. Ionic est conçu pour fonctionner seulement pour les applications hybride et les derniers navigateurs mobile (Android 4.2 & iOS 6 minimum). Licence MIT.

Demo

 

Sencha Touch

sencha_touchSencha touch est plus qu’un framework UI, il permet réaliser une application de A à A et à même son propre IDE, Architect. Réputé un peu plus compliqué à prendre en main, il peux vite devenir un outil très efficace avec un peu d’expérience, et permet de développer des applications hybride très rapidement. Il est aussi connu pour être celui qui à le rendu le plus rapide et une bonne gestion de la mémoire.  La licence est gratuite même pour utilisation commerciale.

Demo

 

 

 

 

 

Junior

junior-mobile-framework

Demo

 

Lungo

lungo-mobile-framework

Demo

 

Fries

fries-framework

Demo

 

Et pour vous aider à faire un choix, voici un site qui regroupe des screenshots de la même application réalisée avec différents frameworks et un tableau comparatif bien pratique