Figure 16. Diagramme de
séquence s'authentifier.
2.2.2.5. Diagramme d'interaction
Le diagramme d'interaction est un diagramme de séquence
détaillé.Nous présentons dans cette section le diagramme
d'interaction, en remplaçant le système représenté
par une boite noire dans le diagramme de séquences par les trois types
de classes suivantes :
- l'objet interface (dialogue) (<D>) :
représente l'interface entre l'acteur et le système ;
- l'objet contrôle (<Ctrl>) : représente un
traitement du système déclenché par un acteur ;
- l'objet entité (<E>) : représente des
objets décrits dans le cas d'utilisation.
Nous respecterons également les règles que nous
avions fixées sur les relations entre les classes d'analyses, mais en
nous intéressant cette fois-ci aux interactions dynamiques entre
objets :
- les acteurs ne peuvent interagir (envoyer des messages)
qu'avec les dialogues ;
- les dialogues peuvent interagir avec les
contrôles ;
- les contrôles peuvent interagir avec les dialogues,
les entités, ou d'autres contrôles ;
- les entités ne peuvent interagir qu'entre elles.
2.2.2.6. Diagramme des classes
Un diagramme des classes (figure 17) décrit le type des
objets ou données du système ainsi que les différentes
formes de relations statiques qui relient entre eux(Saïche et Ouyougoute,
2015). Ci-dessous le diagramme des classes de S2-PGES.
Figure
17. Diagramme des classes.
2.2.2.7. Réalisation de
l'application
· Environnement et outils de développement
de l'application S2-PGES
Afin de bien réaliser l'application l'étude opte
pour les outils définis dans le tableau 5 ci-dessous.
Tableau 5. Outils utilisés
pour la réalisation de l'application S2-PGES.
|
Outil
|
Description
|
Rôle dans l'étude
|
|
Staruml
Version 4 .0.0
|
Logiciel de modélisation opensource UML (Unified
Modeling Language)
|
Modéliser nos digrammes ; diagrammes qui
représentent la structure de S2-PGES suivant le modèle de
diagramme utilisé
|
|
Php Storm
|
Editeur de textesous licence
|
Ecrire les lignes de codes du programme de S2-PGES
|
|
Mysql
|
Logiciel de gestion open source de la base de données
|
Gérer et manipuler notre base de données
|
|
Php (Hyper Text Processor
Version 8.0.11
|
Langage de programmation open source.
|
Production des pages web de l'application S2-PGES via un serveur
http
|
|
Htlm (Hyper Text Markup Language)
Version HTML5
|
Langage de balisageopen source
|
Création de pages web de S2-PGES en définissant les
liens hypertextes
|
|
Css (Cascading Style Sheets)
|
Langage open source permettant d'apporter du style à la
présentation des documents HTML
|
Styliser les pages web de S2-PGES
|
|
Javascript
|
Langage de programmation open source de scripts
|
Création des pages web interactives de S2-PGES
|
|
Internet
Fournisseurs : MTN, Camtel et Orange
|
Réseau informatique utilisant un protocole de
communication : TCP/IP (Transmission Control Protocol / Internet Protocol).
|
- Recherche d'informations,
- Transfert de fichier,
- Téléchargement des applications
- Téléchargement des logiciels libres
|
Les logiciels ci-dessus cités sont installés
dans un ordinateur portable de marque TOSHIBA doté des
caractéristiques ci-après :
- système d'exploitation : Windows 10 ;
- processeur : Intel Core I i7-4600M CPU, @2.90GHz - 2.90
GHz ;
- capacité disque dur : 1To ;
- mémoire vive (RAM) : 8 Go.
· Structure de la maquette de l'application
S2-PGES
Le schéma ci-après, présenté dans
la figure 18 récapitule l'organisation des pages de l'application
(Diagramme de navigation).
| 
