Chapitre 3

Chapitre 3 : La conception détaillée
Introduction
Dans le cadre de ce chapitre, nous intéressons à la conception détaillée qui est essentielle pour
la phase de réalisation avec laquelle on va distinguer entre la conception fonctionnelle qui sera
décomposé en deux vues statique et dynamique ainsi la conception technique dans laquelle nous
jetons l’œil sur les techniques utilisées.
Pour entamer la conception nous avons choisis UML « Unified Modeling Language » comme
un langage de modélisation, le plus connu et le plus utilisé.
I. La conception fonctionnelle
UML propose une décomposition des diagrammes selon trois axes :
 Un axe fonction qui englobe le diagramme de cas d’utilisation.
 Un axe statique qui englobe le diagramme de classe, le diagramme de déploiement et le
diagramme de composant.
 Un axe dynamique qui comporte le diagramme de séquence, le diagramme de
collaboration et le diagramme d’activités.
1. Vue statique
Dans la vue statique, on va s’intéresser au diagramme de classes qui est le plus utilisé pour la
modélisation. Par la suite, on va présenter le diagramme de déploiement et à travers lequel on
va découvrir la disposition physique et logiciel pour les ressources matérielles et les
programmes. On termine par le diagramme de composant afin de décrire l’architecture statique
du site.
a) Le diagramme de classes
Un diagramme de classes dans le langage de modélisation unifié (UML) est un type de
diagramme possédant une structure statique qui décrit la structure d’un système en montrant le
système de classe, leurs attributs, leurs méthodes et les relations entre les classes.

Figure 17 : Diagramme de classe

2. Vue dynamique
a. Diagramme de séquence
Les diagrammes des séquences de l’UML servent à représenter les échanges des messages entre
les objets afin de fournir un fonctionnement particulier au système en développant et analysant
les scénarios d’utilisation de ce système.
 Diagramme de séquence d’authentification
Figure 18 : Diagramme de séquence d’authentification

Les objets principaux objets de diagramme :
 Client
 IHM Connexion
 Base de données
Les étapes de ce scénario :
1) Le client demande la connexion en saisissant son nom d’utilisateur et son mot de
passe.
2) Dans l’IHMConnexion va se produit la vérification du formulaire, si les champs sont
vides l’IHM va envoyer un message au client pour qu’il remplie les champs, sinon, il va
envoyer un message à la base de données pour que la vérification des données se
produit.
3) Dans la base de données se fait la vérification des données entrées par le client, si les
données ne sont pas correctes, la base de données va envoyer un message d’erreur à
l’IHMConnexion, et ce dernier va informer l’utilisateur qu’il y’a une erreur de données.
4) Le client a 3 possibilités de vérification de ses données s’il n’arrive pas à les vérifier
alors le système lui demande d’essayer ultérieurement.
5) Si les données du client sont valides, l’IHM d’accueil va être affichée.

 Diagramme de séquence de recherche d’un produit par marque et modèle
Figure 19 : Diagramme de séquence de recherche d’un produit par marque et modèle
Les objets principaux de ce diagramme sont :
 L’utilisateur
 L’IHM d’accueil
 La marque du produit
 Le modèle du produit
 Le produit
Les étapes de ce scénario de ce scénario sont :
1) L’utilisateur accède à l’IHM d’accueil
2) L’IHMAccueil va être chargée et affichée à l’utilisateur
3) L’utilisateur choisit une marque
4) Puis il choisit un modèle