IHM avec les applications Ionic cordova (Html5) |
||
Noms : | ||
Centre d'intérêt : | CI 2 Instrumentation / Acquisition et restitution de grandeurs physiques | |
Classe : | Term Sti2d Sin | |
Id programme : | sin15, sin31 | |
Conditions : | Par 2 , durée 3 heures. | |
Matériel : | - un ordinateur; | |
Logiciel : | - le logiciel Visual studio - un terminal de commande |
|
Document : | - cours sur l'afficheur LCD |
I. Objectifs
- Prendre en main le logiciel ionic cordova;
- Réaliser une interface mobile IHM.
II. CLI : commandes lines
Mettre à jour les logiciels à l'aide du terminal de commande.
npm upgrade -g
npm install -g cordova
npm install -g ionic
III. IHM avec cordova
Créer un nouveau projet cordova dans le répertoire applications :
cordova create monihm com.ihm projetihm
Aller dans le répertoire projetihm\www
Modifier le fichier index.html
Visualiser vos modifications dans votre navigateur avec la commande :
cordova server
Installer votre application sur votre téléphone :
cordova platform add android
cordova run android
IV. Ionic
Suivre le tutoriel suivant :
https://makina-corpus.com/blog/metier/2015/bien-demarrer-avec-ionic