Développement Mobile Hybride Framework Ionic GIN4106
Enseignant:
Email:
Durée totale du cours: 22.5 H
Option concernée : Tronc Commun
Semestre : 3
Nombre de crédits : 2
| Modules
spécialisés |
Modules de
base |
Sciences et techniques de
l’ingénierie |
Préparation à la carrière professionnelle |
|
|
X |
|
| Nombre d’heures |
Activités hors classe |
| 22.5 |
18 |
| cours |
TD |
TP |
| 16.5 |
6 |
|
|
|
|
|
Code : GIN4106 Développement Mobile Hybride Framework Ionic
Volume Horaire : 1h30 Travaux pratiques (par semaine)
Objectifs d’apprentissage et compétences visées
L’étudiant doit être capable de :
- Définir un environnement mobile hybride
- Connaître les étapes d’installation du Framework Ionic
- Connaître l’architecture du Framework Ionic
- Savoir manipuler la navigation, et l’échange des données entre les interfaces Ionic
- Savoir manipuler des données dynamiques via une API externe
- Savoir faire le build d’une application mobile via Ionic
Contenu du cours
- Installation :
- Installer nodeJs
- Installer npm
- Installer ionic
- Créer un projet Ionic
- Architecture :
- Les pages : Contrôleur + Vue
- Les services
- Navigation:
- Navigation direct
- Navigation via NavController service
- Les formulaires :
- FormBuilder et FormGroup
- Intégration du formulaire dans la vue HTML
- Submit et récupération des paramètres.
- ElasticSearch :
- Présentation ES
- Simulation des différentes requêtes CRUD sur PostMan
- Les services :
- Création des services
- Injection des services
- Appeler des webservices via des services(Elastic Search)
- Appeler des méthodes de service en asynchrone
- Build Application Ionic :
- Cordova
- Création du build APK
- Installation de build sur un simulateur Adroid Studio
Méthodes d’enseignement et d’apprentissage
- Travaux pratiques (laboratoire)
Connaissances et compétences pré-requises
- Programmation orienté objet
- HTML + CSS
- MVC
Références bibliographiques
- Un support de l’enseignant sera
- Autres références sous forme de tutoriaux, manuels ou documents à télécharger
Modalité d’évaluation
- 100% Travaux pratiques (mini-projet + entretien individuel)
Résultats d’apprentissage
A l’issue de ce cours, l’étudiant sera capable de :
- Connaitre le fonctionnement d’une application mobile hybride
- Familiarisez-vous avec Cordova et voyez comment il s’intègre dans le développement d’applications mobiles hybrides
- Travailler de manière transparente avec les composants CSS ioniques et les composants JavaScript ioniques-angulaires tels que les directives et les services
- Apprenez à thématiser les applications Ionic et à personnaliser les composants à l’aide du support Ionic SCSS
- Développer une application qui crée un client pour une API REST sécurisée à l’aide d’Ionic et d’AngularJS
- Développer une application de chat en temps réel à l’aide de Firebase qui utilise ngCordova
- Générer un programme d’installation spécifique à l’appareil pour une application Ionic à l’aide de la CLI Ionic ainsi que des services cloud Ionic
[lifterlms_course_continue_button]