hero

Angular et Apache Cordova - NetDevices - Experts Digitaux Web & Mobiles - IBM Partner - Bluemix

Le blog de la Transformation Digitale Web & Mobile

Angular et Apache Cordova

Bonjour, je suis Ozge, Web integrator spécialisée notamment dans le Front end. 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 […]

mobile-application

Bonjour, je suis Ozge, Web integrator spécialisée notamment dans le Front end. 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

 

 

cordova-angular

 

 

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

 

mobile-application

 

 

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.

 

secteur-viticole

 

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

 

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