Chapitre II : Conception

Introduction :
La conception représente une phase principale pour produire une application.
Nous proposons en premier lieu de définir les diagrammes de cas d’utilisation relative
aux besoins fonctionnels, puis de définir le scenario relative à chaque cas d’utilisation
afin d’élaborer les diagrammes de séquences système.

1. L'outil de conception :

Pour modéliser les différents diagrammes dans la phase de conception nous

avons utilisé "visuelle paradigme online Express Edition", est un outil de conception et
de modélisation tout-en-un destinée aux entreprises souhaitant créer ou remodeler
leurs applications de manière rapide.[01]

Figure n ° 01 : visuelle paragidme

2. Diagrammes de cas d’utilisation de notre site web :

Ce diagramme possède deux composantes essentielles qui sont les acteurs et les
cas d’utilisation.
2.1. Identification des acteurs du système :
La première étape à suivre est l’identification des acteurs qui vont interagir avec
le système.
 Le visiteur : c’est un acteur qui peut seulement voire les trajets disponibles et
consulter leurs prix et leurs caractéristique, il a aussi le droit de créé un compte sur
notre site pour devient un client
 Le Client : c'est un visiteur ayant déjà créé un compte sur notre site, il peut
donc proposer un trajet, modifier une annonce, Annuler une annonce et inscrire dans
un trajet, payer donné son avis sur un conducteur en écrivant un commentaire
 L’administrateur : C’est celui qui dirige le site et faire sur les différents mises
à jour des trajets, supprimer un client, valider l’inscription des clients, gère le service
de messagerie, les contacts, valider un trajet.

6
 Chapitre II : Conception

2.2. Diagramme de cas espase connexion

Figure n °02 : Diagramme de cas espase connexion

7
 Chapitre II : Conception

2.3. Diagramme de cas espase profil

Figure n °03 : Diagramme de cas espase profil

3.3. Diagramme de cas espase des trajets

8
 Chapitre II : Conception

Figure n °04 : Diagramme de cas espase des trajets

3.4.Diagramme de cas espase discussion

9
 Chapitre II : Conception

Figure n ° 05: Diagramme de cas espase discussion

10
 Chapitre II : Conception

3. Les diagrammes de séquences de notre site web :

3.1. Diagrammes de séquences de l’inscription

Figure n° 06 : Diagrammes de séquences de l’inscription

 Chapitre II : Conception

 Le client demande le formulaire d’inscription.

 Le formulaire s’affiche.
 Le client rempli le formulaire.
 Une vérification de l’existence du client dans la base se lance.
 Si le client existe déjà un message d’erreur s’affiche.
 Si c’est un nouveau client confirmation de l’inscription s’affiche.
 Chapitre II : Conception

3.2. Diagramme de séquence pour chercher un trajet

Figure n °07 : Diagramme de séquence pour chercher un trajet

3.3. Diagramme de séquence pour la création de trajet

 Chapitre II : Conception

Figure n° 08: Diagramme de séquence pour la création de trajet

 Chapitre II : Conception

 Le client entre son login et son mot de passe.

 Une vérification se lance dans la base de données.
 Après un temps de réponse ou l’authentification se valide ou ne message
d’erreur s’affiche.
 Le client entre son login et son mot de passe.
 Une vérification se lance dans la base de données.
 - Après un temps de réponse ou l’authentification se valide ou ne message
d’erreur s’affiche.
 Chapitre II : Conception

3.5. Diagramme de séquence pour l’inscription dans un trajet

Figure n ° 09: Diagramme de séquence pour l’inscription dans un trajet

 Chapitre II : Conception

 le client demande la, page de trajet

 la page s’affiche
 Le client demande le formulaire d’inscription.
 Le formulaire s’affiche.
 Le client rempli le formulaire.

4. Digramme de classe de notre site web

4.1. Maquettes de notre site web

Pour réaliser la maquette de notre site web nous utilisons l’outil moqups, c’est
une Application web permet de faire les maquettes des pages web.

4.2. Page d’accueil non connecté

Figure n °10 : Page d’accueil non connecté

 Chapitre II : Conception

4.3. Page d’accueil connecté

Page d’Identification et Inscription

Figure n °11: Page d’accueil connecté

 Chapitre II : Conception

4.4. Page des résultats de recherche de Trajet

Figure n ° 12: Page des résultats de recherche de Trajet

 Chapitre II : Conception

4.5. Page de création de trajet

Figure n °13 : Page de création de trajet

 Chapitre II : Conception

4.6. Page d’un trajet

Figure n °14 : Page d’un trajet

 Chapitre II : Conception

4.7. Page de profile

Figure n ° 15: Page de profile

 Chapitre II : Conception

Conclusion :
Dans ce deuxième chapitre nous avons faire l’étude conceptuelle de notre site
web en utilisant UML pour clarifier la structure du site et les différents interactions
entre l’utilisateur et notre site web, Dans le chapitre suivant nous allons aborder la
dernière partie qui représente la partie réalisation de notre site web, en se basant sur la
conception déterminés dans ce chapitre.