Navigate Space

User list not rendered as you do not have the privilege to view user profiles.
Child pages
  • Frameworks mobiles cross-platform

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: description React Native

Une application cross-platform, en opposition à une application native,   est une application qui une fois développée est capable de s’exécuter sur plusieurs plates-formes comme Android, iOS, ou encore Windows Phone. Dans l'idéal on ne développe qu'une seule fois et on exécute partout. Ce qui n'est pas tout à fait vrai, on mutualise une grande partie du code mais jamais la totalité. Les applications cross-platformsplatform sont généralement développées à l’aide des technologies web, à savoir le HTML, le CSS et le JavaScript.

...

  • Apache Cordova (ex PhoneGap)
  • Titanium
  • Sencha
  • Xamarin
  • Ionic
  • React Native

Apache Cordova (ex PhoneGap)


https://cordova.apache.org/

Surement le plus connu des outils cross-platform car également un des plus simple d'utilisation. En effet l'écriture d'une application Cordova se fait en HTML, JavaScript et CSS. L'outil s'occupe ensuite d'encapsuler ce code dans une WebView et génère une application native qui sert de conteneur pour lancer la WebView. De plus, et c'est là tout l'intérêt de Cordova, le JavaScript peut accéder aux fonctionnalités native natives du mobile (contacts, photos, notificationnotifications...), ce que les applications web classiques ne peuvent pas. 

...

  • Développement en langage web donc pas de nouveau langage à apprendre, vous êtes déjà prêt à commencer !
  • Cordova utilise une architecture en plugin pour les accès aux fonctions natives. C'est à dire qu'il suffit de piocher dans une bibliothèque les plugins dont nous avons besoin pour rajouter des fonctionnalités.
  • Open source et gratuit, que demander de plus ?
  • Supporte avec plus ou moins de fonctionnalités quasiment tous les OS mobile (iOS, Android, FfOS, BB, WP...).
  • Produit mature, un des premier dans ce secteur, et il est toujours là.

Contre

  • Les développeurs devront prêter particulièrement attention aux performances, ainsi qu'à la bonne adaptation de leur UI aux mobiles.
  • La majorité des modules dépends de la communauté, il peut arriver que certain plugins ne s'exécutent pas sur un OS en particulier, ou qu'ils ne soit soient plus à jour.

Titanium


http://www.appcelerator.org/

Titanium est un acteur de longue date dans le développement cross-platform. Il a subit beaucoup de mutations avant de devenir ce qu'il est aujourd'hui, une plateforme plate-forme complète d'outils et services pour le développement d'applications nativenatives. Titanium utilise Alloy, un framework MVC, les modules créés ainsi sont facilement réutilisables dans différentes apps, réduisant le temps de développement. Tout le code est écrit en JavaScript, celui est combiné avec l'API Titanium afin d'être interprété en tant que code natif dans l'environnement d'exécution du mobile. Titanium n'utilise pas de WebView comme ses concurrents. L'interface de l'application est 100% native et vous pouvez accéder aux fonctionnalités natives du mobile.

...

  • L'outil Titanium de base est open source -- ce n'est pas très clair, dans leur option commercial commerciale il est écrit qu'il faut un compte payant pour pouvoir déployer -- ...
  • Supporte iOS, Android, Windows Phone.
  • Utilisation de l'UI natif de chaque OS, ce qui se traduit par une rapidité / fluidité des interfaces et un visuel adapté à chacun d'eux.
  • Apps réellement natives

Contre

  • ...cependant pour bénéficier de tous les outils de la plateforme Appcelerator (push, statistique, tests unitaires), il faut payer !

Sencha


https://www.sencha.com/

Sencha utilise une API JavaScript et une approche MVC pour créer des apps. La programmation s'effectue exclusivement en JavaScript, le HTML / CSS étant généré par des widgets Sencha que l'on configure en Js. Le tout est ensuite compilé vers l'OS mobile choisi grâce à ...PhoneGap.

...

Contre

  • Prix exorbitant !

Xamarin


https://xamarin.com/

Xamarin est un framework qui permet le développement d'applications natives pour Windows Phone, iOS et Android en utilisant le C#. En sortie de la compilation, nous obtenons un binaire natif pour chaque plateforme cible. Le développeur commence par créer une base de code commune. Elle contient notamment la logique métier, le stockage en base de données, les appels réseaux, les éléments d’interface communs. Ensuite, un projet est crée créé par plateforme cible. Il contient l’interface graphique, la navigation et les composants propres à chaque SDK. Ainsi, on peut tirer parti des spécificités propres à chaque OS sans réduire l’expérience utilisateur.

...

  • Chaque méthode d’un SDK (Android, iOS, Windows Phone) est encapsulée à l’identique en C#. Sur chaque plateforme plate-forme toutes les fonctionnalités sont conservées. Un développeur expérimenté en Android ou iOS s’y retrouve très rapidement car il écrit les mêmes noms de fonctions et utilise les mêmes classes.
  • Performance égale au natif, UI natif.
  • Concepteur d'interface visuel.

Contre

  • Un développeur natif Java doit apprendre le C# pour utiliser Xamarin
  • La nécessité de connaître les SDK de chaque plateformeplate-forme, un développeur Android ou iOS s’y retrouve facilement dans les SDKs mis à disposition. Il conçoit ses écrans et sa navigation comme il a l’habitude de faire. En revanche, un développeur sans expérience du mobile doit apprendre les subtilités propres à chaque plateforme plate-forme cible.
  • Payant ! Xamarin nécessite obligatoirement une licence mensuelle / annuelle pour utiliser le produit.

Ionic


http://ionicframework.com/

Ionic est un framework HTML5 développé avec Sass et optimisé pour AngularJS. Il utilise Cordova pour packager le HTML / JavaScript dans une application native qui servira de conteneur à la WebView. Il inclus des composants et des contrôleurs spécifique spécifiques mobile. Et Cordova permet l'accès aux fonctionnalités natives du mobile.

...

  • Développement en AngularJS.
  • Open source et gratuit.
  • Lignes de commandes pour démarrer un projet très rapidement.
  • Client graphique disponible pour la gestion des apps, le LAB (création, compilation, test et déploiement).

Contre

  • Projet encore jeune, mais en forte croissance, ne supporte que iOS et Android. Windows Phone et FireFox Os sur la roadmap.
  • Concepteur d'interface visuel drag&drop mais payant pour l'export natif.

React Native

Image Added

https://facebook.github.io/react-native/

Les développeurs de chez facebook sont partis du constat que les applications mobiles faites avec des technos web ne sont pas encore au niveau des composants natifs. De plus, il existe des éléments d’interfaces conçus spécifiquement pour ces plateformes ( iOS et Android ) et qui sont adaptés en terme de performance, d’interaction et de visuel. Plutôt que de réécrire un nouveau framework mobile, ils ont décidé d’utiliser Javascript et React comme couche d’abstraction sauf que au lieu de créer des éléments de DOM, on va ici piloter des composants natifs ! Et ce qui est assez intéressant, c’est que la syntaxe est exactement la même que dans un navigateur, seul les composants changent. Par exemple sous iOS, une div devient une View, un paragraphe un composant Text etc… Le système tire partie des processeurs multi-coeurs en mettant en place un moteur javascript en arrière plan. Celui ci va communiquer avec le thread principal de manière asynchrone, évitant ainsi de gêner le rendu graphique. Pour chaque plateforme un serveur permet de transformer les appels issus de React vers les composants natifs. Pour le style, pas de navigateur, pas de CSS. Toutes les bonnes pratiques largement éprouvées sont mises à rude épreuve puisque le style est donné aux composants directement en ligne et en javascript.

React Native est encore très jeune, la version Android vient tout juste d'être annoncée (sept 2015). Mais avec son approche complètement différente, il pourrait bien apporter sa petite révolution dans le monde des apps natives développées à partir de technologies web. A surveiller !