Chapitre 4:

Conception

1. Introduction
Dans ce chapitre nous allons expliquer les interactions entre les acteurs et le système
(au sein des cas d’utilisations ) sous forme graphique , nous élaborons d’abord les
diagrammes de séquences , activités puis les diagrammes de séquences détaillés et les
diagrammes de classes participants , et enfin le diagramme de classe conception
 2. Elaboration des diagrammes

2.1 Élaboration des diagrammes de séquences

2.1.1 Introduction
Dans cette étape nous allons représenter les diagramme de séquences pour chaque cas
d’utilisation , les DSS (diagrammes de séquence système) montrent non seulement les acteurs
externes qui interagissent directement avec le système. Les principales informations
contenues dans un diagramme de séquence sont les messages échangés entre les lignes de vie,
présentés dans un ordre chronologique.

2.1.2 Les diagrammes de séquences de notre projet

1. S’inscrire

Figure 12 : Diagramme de séquence « S’inscrire »

2. Consulter site
 Figure 13 : Diagramme de séquence « Consulter site »

3. Effectuer recherche

Figure 14 : Diagramme de séquence « Effectuer recherche »

4. S’authentifier

Figure 15 : Diagramme de séquence « S’authentifier »

5. Modifier compte
 Figure 16 : Diagramme de séquence « Modifier compte »

6. Consulter compte

Figure 17 : Diagramme de séquence « Consulter compte »

7. Consulter historique d’achats

 Figure 18 : Diagramme de séquence « Consulter historique d’achats »

8. Retourner article

Figure 19 : Diagramme de séquence « Retourner article »

9. Ajouter article au panier

 Figure 20 : Diagramme de séquence « Ajouter article au panier »

10. Modifier article au panier

Figure 21 : Diagramme de séquence « Modifier article au panier »

11. Supprimer article au panier

 Figure 22 : Diagramme de séquence « Supprimer article au panier »

12. Vider panier

Figure 23 : Diagramme de séquence « Vider panier »

13. Acheter article

 Figure 24 : Diagramme de séquence « Acheter article »

14. Ajouter configuration

 Figure 25 : Diagramme de séquence « Ajouter configuration »

15. Modifier configuration

 Figure 26 : Diagramme de séquence « Modifier configuration »

16. Supprimer configuration

Figure 27 : Diagramme de séquence « Supprimer configuration »

17. Consulter configuration

Figure 28 : Diagramme de séquence « Consulter configuration »

18. Compléter configuration

 Figure 29 : Diagramme de séquence « Compléter configuration »

19. Ajouter article

Figure 30 : Diagramme de séquence « Ajouter article »

20. Modifier article

Figure 31 : Diagramme de séquence « Modifier article »

21. Supprimer article

Figure 32 : Diagramme de séquence « Supprimer article »

22. Consulter article

 Figure 33 : Diagramme de séquence « Consulter article »

23. Bannir client

Figure 34 : Diagramme de séquence « Bannir client »

24. Consulter statistiques

 Figure 35 : Diagramme de séquence « Consulter statistique »

2.2 Élaboration des diagrammes d’activités

2.2.1 Introduction
Dans cette étape nous allons représenter les diagramme d’activité ( DAC ) pour
chaque cas d’utilisation.
Le DAC est un diagramme de vue dynamique du système qui représente le
comportement , Il permet de présenter graphiquement le déroulement d’un cas d’utilisation , il
se comporte les éléments suivants :
- Une Activité : Représente une exécution d’un mécanisme , autrement déroulement
d’étapes séquentielles .
- Une Transition : Représente le passage d’une activité vers une autre , Cette activité peut
être automatique qui se déclenche par la fin d’une activité .
- Les Gardes : Représentent les conditions de passage d’une activité a une autre (Les
transitions transitionnelles ).

2.2.2 Les diagrammes d’activités de notre projet

1. S’inscrire
 Figure 36 : Diagramme d’activité « S’inscrire »

2. Consulter site

Figure 37 : Diagramme d’activité « Consulter site »

3. Effectuer recherche
 Figure 38 : Diagramme d’activité « Effectuer recherche »

4. S’authentifier
 Figure 39 : Diagramme d’activité « S’authentifier »

5. Modifier compte

Figure 40 : Diagramme d’activité « Modifier compte »

6. Consulter compte
 Figure 41 : Diagramme d’activité « Consulter compte »

7. Consulter historique d’achats

Figure 42 : Diagramme d’activité « Consulter historique d’achats »

8. Retourner article
 Figure 43 : Diagramme d’activité « Retourner article »

9. Ajouter article au panier

 Figure 44 : Diagramme d’activité « Ajouter article au panier »

10. Modifier article au panier

 Figure 45 : Diagramme d’activité « Modifier article au panier »

11. Supprimer article au panier

Figure 46 : Diagramme d’activité « Supprimer article au panier »

12. Vider panier

 Figure 47 : Diagramme d’activité « Vider panier »

13. Acheter article

 Figure 48 : Diagramme d’activité « Acheter article »

14. Ajouter configuration

 Figure 49 : Diagramme d’activité « Ajouter configuration »

15. Modifier configuration

 Figure 50 : Diagramme d’activité « Modifier configuration »

16. Supprimer configuration

 Figure 51 : Diagramme d’activité « Modifier configuration »

17. Consulter configuration

Figure 52 : Diagramme d’activité « Consulter configuration »

18. Compléter configuration

Figure 53 : Diagramme d’activité « Consulter configuration »

19. Ajouter article

 Figure 54 : Diagramme d’activité « Ajouter article »

20. Modifier article

Figure 55 : Diagramme d’activité « Modifier article »

21. Supprimer article

Figure 56 : Diagramme d’activité « Supprimer article »

22. Consulter article

Figure 57 : Diagramme d’activité « Consulter article »

23. Bannir client

Figure 58 : Diagramme d’activité « Bannir client »

24. Consulter statistiques

Figure 59 : Diagramme d’activité « Consulter statistiques »

 2.3 Les diagrammes de séquence détaillée

2.3. 1 Introduction
Par rapport aux diagrammes de séquence système, nous allons remplacer le système
vu comme une boîte noire par un ensemble d’objets en interaction. Pour cela, nous utiliserons
encore les trois types de classes d’analyse, à savoir les dialogues, les contrôles et les entités.
Nous respecterons également les règles que nous avions fixées sur les relations entre
classes d’analyse, 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.3.2 Les diagrammes de séquence détaillé de notre projet

Remarque : En vas choisir seulement les principaux cas d’utilisation .

1. S’inscrire
 Figure 60 : Diagramme de séquence détaillé « S’inscrire »

2. S’authentifier
 Figure 61 : Diagramme de séquence détaillé « S’authentifier »

3 Modifier compte
 Figure 62 : Diagramme de séquence détaillé « Modifier compte »

4 Retourner article
 Figure 63 : Diagramme de séquence détaillé « Retourner article »

5 Ajouter article au panier

Figure 64 : Diagramme de séquence détaillé « Ajouter article au panier »

6 Modifier article au panier

Figure 65 : Diagramme de séquence détaillé « Modifier article au panier »

7 Supprimer article au panier

Figure 66 : Diagramme de séquence détaillé « Supprimer article au panier »

8 Vider panier
 Figure 67 : Diagramme de séquence détaillé « Vider panier »

9 Ajouter configuration

Figure 68 : Diagramme de séquence détaillé « Ajouter configuration »

10 Modifier configuration

Figure 69 : Diagramme de séquence détaillé « Modifier configuration »

11 Supprimer configuration
 Figure 70 : Diagramme de séquence détaillé « Supprimer configuration »

12 Ajouter article
Figure 71 : Diagramme de séquence détaillé « Ajouter configuration »
13 Modifier article

Figure 72 : Diagramme de séquence détaillé « Modifier article »

14 Supprimer article

Figure 72 : Diagramme de séquence détaillé « Supprimer article »

 2.4 les diagrammes de classe participante

2.4.1 introduction
Il s’agit de diagrammes de classes UML qui décrivent, cas d’utilisation par cas
d’utilisation, les trois principales classes d’analyse et leurs relations. Les diagrammes de
classes participantes sont donc particulièrement importants car ils font la jonction entre les cas
d’utilisation, la maquette et les diagrammes de conception logicielle (diagrammes
d’interaction et diagrammes de classes).
- Les entités vont seulement posséder des attributs.
- Les contrôles vont seulement posséder des opérations.
- Les dialogues vont posséder des attributs et des opérations

2.4.2 Les diagrammes de classe participante de notre projet

Remarque : Il n'est pas possible de décrire tous les diagrammes de classe participante a cause
de temps, c’est pour ça en vas choisir les principaux cas d’utilisation.

1. S’inscrire

Figure 73 : Diagramme de classe participante « S’inscrire »

2. S’authentifier
 Figure 74 : Diagramme de class participante « S’authentifier »

3. Gérer compte

Figure 75 : Diagramme de class participante « Gérer compte »

4. Gérer panier

Figure 76 : Diagramme de class participante « Gérer panier »

5. Gérer configuration

Figure 77 : Diagramme de class participante « Gérer configuration »

 6. Gérer article

Figure 78 : Diagramme de class participante « Gérer configuration »

2.5 Le diagramme de classe

2.5.1 Introduction

Un diagramme de classe : Considère comme le plus important de la modalisation

orientée objet, il montre la structure interne de système, il a pour objet de mettre en évidence
les classe d’un system avec les relations qui les associent.

2.5.2 Le diagramme de classe de notre projet

Figure 78 : Diagramme de classe de notre projet

3. Passage du diagramme de classe vers le schéma relationnel

3.1 Introduction

Le passage depuis le modèle objets (DCL) vers le modèle relationnel est fait dans
l’objectif d’implémenter la BD sur un SGBD relationnel.
 Pour passer d’une représentation orientée objet en DCL vers le modèle relationnel, il faut
appliquer des règles de passage:
1. Une classe correspond à une table du modèle relationnel :
- Chaque attribut donne lieu à une colonne.
- Chaque instance stocke ses données dans une ligne (tuplet) et son ID sert de clé
primaire.
- Certains complexe ne correspondent a aucun des types SQL; on rencontre fréquemment
ce cas pour les attributs représentant une structure de donnée.

2. Un type complexe peut être conçu :

- Soit avec plusieurs colonnes, chacune correspondant a une structure.
- Soit avec une table spécifique dotée d’une clé étrangère pour relier les instances aux
valeurs de leur attribut complexe.

L’ensemble de règles utilisées pour le passage de l’orienté objet vers le relationnel est
Décrit :

Orienté objet Relationnel

Classe Table
Attribut Colonne

Instance Enregistrement
Identifiant Clé primaire

Association Clé étrangère ou nouvelle

relation
Tableau 29 : Les règles de passage de l’orienté objet vers le relationnel.

Equivalence entre les concepts objets et relationnels :

Max A
1 >1
Max B

*Fusionner les deux classes dans une Ajouter la clé de B dans la

1 seule table, en gardant la table la plus relation de A comme attribut
importante sémantiquement.
*Ajouter la clé de B comme une clé
étrangère dans A (ou l’inverse).
Ajouter la clé de A dans la relation de Crée une relation R ayant comme
>1 B comme attribut attribut la clé de A et la clé de B

Tableau 30 : Equivalence entre les concepts objets et relationnels

Nous appliquons sur les classes les mêmes règles. Le schéma de base de données est le
suivant :
Client ( id_client , nom_clt , prenom_clt , num_tel , adress, mot_de_pass_clt , e-mail_clt ,
photo_clt , #id_panier).
Commerçant ( id_commerçant , mot_de_pass_com , e-mail_com , #id_article ).
Article ( id_article , nom_article , qte_article , prix_article , description , photo_article ,
#id_categorie , #id_marque ).
Panier ( id_panier , totale ).
Ligne ( #id_article , #id_panier , qte_ligne , prix_ligne )
Categorie ( id_categorie , nom_cat ).
Marque ( id_marque , nom_marque ).
Ligne ( #id_article , #id_panier , qte_ligne , prix_ligne ).

4. Conclusion
Ce chapitre a été consacré à la conception. Après avoir effectué une étude préliminaire,
nous avons abouti au schéma de base de données ou les relations sont troisième forme
normale, en passant par les étapes du processus du développement UP on faisant appel aux
diagrammes d’UML.
Dans le prochain chapitre, nous allons présenter l’implémentation à l’aide des différents
outils matériels et logiciels décrient .