V.4 Elaboration du diagramme de déploiement
Le diagramme de déploiement permet d'illustrer
l'architecture physique du système et de montrer la relation entre ses
différentes composantes. Voici le diagramme de déploiement de
notre application.
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android51.png)
Figure V-13: Diagramme de
déploiement
V.5 Test d'intégration
Nous présentons dans les sous sections suivantes quelque
interface élaborée dans le cadre de notre application
61
V.5.1 Les interfaces de l'application Android ? Interface
index (splash screen) :
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android52.png)
Figure V-14: splash screen
C'est l'interface de page de chargement qui le logo de
l'application et le slogan avec une animation de chargement. Cette page demeure
trois seconde au Maximum.
62
? Interface d'accueil :
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android53.png)
Figure V-15: Interface d'accueil
Cette interface présente le menu principal. Elle
dépose d'une page d'accueil de six boutons (Catalogue, Promotion,
Educatif, Quiz, Musique et Contact).
63
? Interface de catalogue des
produits
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android54.png)
Figure V-16: Interface de catalogue des
produits
C'est l'interface de catalogue. Un menu s'affiche contenant
plusieurs items et chaque item contient le nom, le prix et « voir
détails ».
64
? Interface de description d'un
produit
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android55.png)
Figure V-17: Interface description d'un
produit
Cette interface s'affiche quand le client clique sur «
voir détails », Elle s'affiche
en haut le nom de produit et son prix.
à gauche l'image de produit
à droite trois boutons (zoom, login, info)
En bas la description de produit et un bouton (réserver
produit)
65
? Interface de catalogue des produits en vente
flash :
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android56.png)
Figure V-18: Interface de catalogue des produits en
vente flash
Cette interface permet à l'utilisateur de consulter les
produits en vente flash.
Un menu s'affiche qui contient plusieurs items et chaque item
contient l'image de produit, le nom de produit, l'ancien prix et le nouveau
produit.
66
? Interface de description d'un produit en vente
flash :
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android57.png)
Figure V-19: Interface de catalogue des
produits
Cette interface affiche les détails de chaque produit :
En haut le nom de produit, l'ancien et le nouveau prix.
Un compte à rebours décompte le délai de
promotion
A gauche l'image de produit
A droite trois boutons s'affiche (zoom, login, info)
En bas la description de chaque produit et le bouton
réserver produit.
67
? Interface de d'authentification et
d'inscription
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android58.png)
Figure V-20: Interface d'authentification et
d'inscription
Cette interface s'affiche quand le mobinaute veut
réserver un produit. S'il est un client, il introduit son mail et son
mot passe et il valide en cliquant sur le bouton « ok » sinon il
clique sur le bouton « inscrire » pour remplir le formulaire et
devenir un client.
68
? Interface de Quiz et de Musique
:
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android59.png)
Figure V-21: Interface de Quiz et de Musique
Ces deux interfaces sont offertes aux mobinautes pour
l'encourager à télécharger notre application :
Un Quiz qui contient un questionnaire permettant de tester les
connaissances des enfants.
Une boite musique qui contient un ensemble des chansons pour
enfants
69
? Interface de contact
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android60.png)
Figure V-22: Interface de contact
Cette interface s'affiche en consultant le bouton contact.
Elle contient les informations nécessaires pour contacter la
société
70
? Interface de géo
localisation
![](Conception-et-developpement-d-une-application-mobile-de-vente-flash-sous-android61.png)
Figure V-23: Interface de géo
localisation
Cette interface s'affiche en consultant le bouton
itinéraire de « contact ». Grâce au service GOOGLE MAP,
le client peut consulter le chemin de la société à partir
de centre ville de Tunis.
71
|