PHP     Symfony 2 et 3       AngularJS   Angular2       Cordova/Ionic 2
Daniel G.
Développeur d'applications Web et mobiles - Gironde

SAVOIR-FAIRE

Développer une version Android, ios, windows phone... de votre application demande beaucoup de ressources humaines et de temps.
Il existe une solution qui consiste à developper une application web front-end avec un framework javascript comme angularJS ou jQuery Mobile avec bien sur le html, css qui va avec.
Ensuite via cordova, celui-ci va créer un socle android ou ios pour faire tourner l'application web ainsi on obtient une application tout à fait fonctionnelle comme peux l'être une application native.
Ces applications peuvent être intégrées dans le google play ou l'Apple store.
A noter que cordova propose des API javascript afin d'accéder à l'accéléromètre, à la caméra, au clavier...

Cordova :

Avantages :
  • Un seul code pour toutes les plateformes : Android, ios, windows phone...
  • Gain de temps et d'argent pour le développement et la maintenance
  • Permets d'accéder à la plupart des périphériques du mobile : accéléromètre, camera...
  • Est pris en charge par google play ou l'Apple store comme n'importe quelle application native
  • Accéssible hors connexion

Inconvénients :
  • Un peu moins ergonomique que les applications natives
  • Un peu plus lent que les applications natives (surtout sur les anciens mobiles)
  • Certains périphériques et/ou API du mobile ne sont pas gérés

Schéma de la connexion sécurisé + accès aux données REST :

Le Projet

L'application propose :
  • Une connexion : identifiant: user password: user
  • Une page qui affiche tous les produits.
  • Une page de recherche qui affiche les produits par mot clés.
  • Une page qui affiche le détail d'un produit.
  • Un menu d'accès rapide.

Technique :
  • Front-end: AngularJS
  • Les données: API REST sécurisé OAUTH2 sous Symfony2
  • Les composants(design, responsive): Ionic Framework

La démo en ligne

Ce n'est pas l'application, c'est la version web angularJS. C'est exactement cette version qui sera intégrée comme application mobile par cordova.
simulation de la version web via le navigateur

Les applications générées par cordova :


Application Android :

myAppDemo.apk

La suite, un peu plus tard...