Bonjour, je suis Ozge, Web integrator spécialisée notamment dans le Front end chez NetDevices. Le thème d’aujourd’hui sera basé sur l’intégration des frameworks Angular et Apache Cordova dans le workflow.
Angular et Apache Cordova dans le processus de création d’applications
Introduction à Cordova
Lorsque nous créons une application web, nous devons écrire ce que l’on appelle un “code natif” , ce qui peut s’avérer être complexe car celui-ci diffère en fonction des devices et de leurs versions (Android, iOS, Windows mobile…).
L’intérêt de Cordova est que le développeur peut désormais écrire un code, et celui-ci sera automatiquement adapté aux différents devices. L’application sera ainsi cross device sans que le développeur mobile n’ait à la ré-implémenter manuellement. Ceci permet non seulement un gain de temps, mais aussi une réduction considérable des erreurs humaines.
Angular, un atout pour le design de l’interface applicative
Angular est un framework qui va faciliter le processus de conception d’un site web, particulièrement au niveau du design. En tant qu’intégratrice Front End, j’utilise Bootstrap et Angular Material parallèlement à Angular.js.
Bootstrap (components) en de simples termes peut être assimilé lui aussi à un framework open source créé par des ingénieurs de twitter. Ce framework a la particularité d’être compatible avec les langage CSS, HTML, et Javascript. Il va permettre de faciliter le processus de création de sites web responsive et/ou de projets digitaux Mobile First.
Angular Material est quant à lui basé sur le concept de Google Material Design. Ce procédé permet « d’unifier » l’expérience utilisateur sur différents devices (smartphones, pc, tablettes, iots…), tout en simplifiant l’implémentation au niveau du design.
La finalité va être ici de faire de manière à équilibrer et améliorer le rapport entre l’UI et l’UX.
L’intégration d’Angular et Apache Cordova dans les projets mobiles de Verallia
Dans le cadre d’une longue mission chez un de nos clients, Verallia ( leader mondial de l’emballage en verre) j’ai été amenée à créer une application pour Windows store regroupant ces deux outils. L’application en question est destinée au secteur viticole (notamment aux vignerons producteurs), dans l’optique de leur présenter un catalogue de bouteilles et packagings personnalisables et adaptés à leur production et leur enseigne.
Les fonctionnalités de l’application
- catalogue regroupant les différents modèles de bouteilles
- système de filtrage en fonction des modèles et de leurs caractéristiques (dimensions, type de bouteille, région…)
- animation des packagings en 3D en fonction du type de bouteille, bouchon, vin…
- fonctionne en « online/ offline »
- mise à jour automatique du catalogue en « online »
Ces deux outils se sont avérés être des atouts lors de l’implémentation de l’application dans le sens où je n’ai eu qu’à écrire les codes en langage HTML et CSS, tout en restant indépendante du device.
NetDevices est une agence basée à Paris, spécialiste de la transformation digitale et des technologies Web & Mobiles fullstack JS
Nous vous proposons des solutions SaaS qui vont vous permettre d’optimiser la gestion de votre production, mais aussi une meilleure proximité et expérience avec vos clients.
Nos domaines technologiques de prédilection (mais pas seulement) : Fullstack JS, React Native, ReactJS, Nodejs, Angular 1&2, Ionic, Cordova, Redux… et les outils associés : Stack mean, Jira, Jenkins, Slack, Trello, intégration continue, TDD…
Pour plus d’informations, n’hésitez pas à nous contacter!cr
