Examen Flutter 4 Sim 2022
Examen Flutter 4 Sim 2022
Examen Flutter 4 Sim 2022
Semestre : 1 2
Session : Principale Rattrapage
Vous êtes amené à développer une application mobile android et iOS pour la plateforme web
« evax » afin de faciliter la gestion des vaccinations et la prise de RDVs.
Pour ce faire, vous allez utiliser « Flutter » afin de réaliser les différentes interfaces/fonctionnalités
de l’application comme suit :
Interface d’authentification :
• Un champ de saisie pour ajouter le code d’inscription et une marge de 20px à droite et à
gauche.
1
• Un bouton avec le texte « Login » dont la couleur du background est rouge.
- Fonctionnalités :
• Le champ de saisie ne peut pas être vide et doit être composé de trois chiffres (Voir entête).
• En cliquant sur le bouton « Login » et si le contenu du champ de saisie est valide, vous allez
essayer de vous connecter à l’aide du service web (voir annexe) :
NB : Toutes les informations de cette interface sont récupérées à partir des web services (Voir
Annexe).
2
o Certificats (avec l’icône « qr_code»)
• Une option permettant à l’utilisateur de voir son historique contenant le texte « Historique
», l’icône « history » et aussi l’icône « arrow_forward_ios »
- Fonctionnalités
- Cette interface intitulée « Mes doses » liste les doses de l’utilisateur connecté en mentionnant le
Type ainsi que la date. S’il n’est pas vacciné, le texte « Vous n’avez pris aucune dose » sera affiché
au milieu de l’interface.
3
Figure 4 – Mes Doses
Interface Pharmacies :
- Cette interface intitulée « Pharmacies » contient une liste déroulante de toutes les pharmacies
conventionnées récupérées à partir du service web (voir annexe).
- Chaque produit est représenté par une carte (Card) qui contient (voir figure 5) :
• L’image de la pharmacie.
-Fonctionnalités :
En cliquant sur l’une des pharmacies, une nouvelle interface s’affiche listant la liste des RDVs
disponible selon le type du Vaccin « « Figure 6 » (récupéré à partir du service web).
4
Figure 5: Interface Pharmacies
- Fonctionnalités
En cliquant sur un item de la liste, une boite de dialogue s’affiche avec le message récupéré à partir
du web service.
5
Interface Certificats :
- Fonctionnalités :
• Si l’utilisateur est non vacciné, le texte « Non vacciné » sera affiché avec la couleur rouge.
• Si l’utilisateur est vacciné, le texte « Vacciné » sera affiché avec la couleur verte. Aussi
dans ce cas un QR Code sera ajouté à l’interface sous forme d’image récupérée du serveur.
Annexe
Ci-dessous les liens des web services à consommer :
Authentification URL : localhost:9090/api/users/login
Mes doses : localhost:9090/api/pharmacies/rendez_vous/liste/{id_user}
Liste des pharmacies : localhost:9090/api/pharmacies/list
Prise de RDV : localhost:9090/api/pharmacies/rendez_vous
Certificats : localhost:9090/api/certificate/{id_utilisateur}
Exemple : BaseUrl pour récupérer une image test.png = localhost:9090/test.png