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 du temps et des ressources humaines.
Il existe une solution qui consiste à developper une application web front-end avec pour base un framework javascript comme Angular.
Vient ce greffer par dessus un framework Ionic 2 qui propose tout un paquet de widget (sliders, tabs...) qui se comportent et qui s'adapte automatiquement au style du design de la version mobile ciblé.
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 n'importe quelle 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 / Ionic 2 / Angular

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

Le Projet

L'application propose :
  • Un menu d'accès rapide
  • Connexion / Inscription sur le système de cloud firebase (google)
  • Calcul d'itinéraire - Recherche d'adresse via autocomplete google places - ajout de marker sur la carte google maps
  • Affichage d'une liste de produit et son détail via un accès à une ressource REST
  • Calcul de l'IMC avec un système de sliders
  • Création et envoi de notification
  • Ajouter un évènement dans le calendrier du smartphone
  • Prendre une photo avec la camera et possibilité de découper une zone (crop)

Technique :
  • Front-end : Angular
  • Authentification sur firebase (nosql en cloud)
  • Les données : API REST sous Symfony 2
  • Les composants (design, responsive): Ionic 2 Framework
  • Accès au GPS du mobile : cordova
  • Autocompletion google places : API V3 Google
  • Envoi de notification et reception dans l'appli : cordova
  • Prise de photo avec la camera

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


Application Android :

Télécharger l'application apk et tester le sur votre smartphone Android

app-mobile-eventoo-android.apk


Application ios :

Télécharger le dossier de l'application au format .zip et tester le sur votre iPhone

app-mobile-eventoo-ios.zip


(n'est pas sur google play ni sur apple store pour un problème de service payant)

La suite, un peu plus tard...