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...