Cahier de charge PDF

Preview

Summary

Rapport de soutenance d'un projet e-commerce...

Description

CAHIER DES CHARGES

APPLICATION SITE E-COMMERCE VENTE DE MATERIEL SPORTIF & LOCATION DE VOITURE SPORTIVE

Etudiant :

ALLAB Driss

ID :

15607042

Année :

2016/2017

Cahier des charges [E-Commerce]

1

Tabl ede sMat i è r e s I.

PRÉSENTATION GÉNÉRALE DU PROJET........................................................................................................5

1. 2. 3. 4.

CONTEXTE DU PROJET................................................................................................................................................5 OBJECTIFS DU PROJET................................................................................................................................................5 LES CARACTÉRISTIQUES DU PROJET :.......................................................................................................................5 PUBLIC-CIBLE DU PROJET...........................................................................................................................................5

II.

DESCRIPTION DU SITE PORTAI........................................................................................................................5

1. 2.

OBJECTIFS DU SITE......................................................................................................................................................5 MODULE D’ADMINISTRATION.....................................................................................................................................5

III. 1. 2.

ETUDES DE L’EXISTENCE.................................................................................................................................6 AMAZON.COM..............................................................................................................................................................6 DECATHLON.FR............................................................................................................................................................6

IV.

GESTION DE PROJET..........................................................................................................................................8

V.

CONCEPTION PRIMAIRE....................................................................................................................................9

1. 2.

DIAGRAMME DE CLASS...............................................................................................................................................9 DIAGRAMME DE CAS D’UTILISATION..........................................................................................................................9

VI. 1. 2.

BASE DE DONNÉES............................................................................................................................................11 LES TABLES...............................................................................................................................................................11 DICTIONNAIRE DE DONNÉE.......................................................................................................................................12

VII. 1. 2. 3. 4.

DIAGRAMMES D’ACTIVITÉS........................................................................................................................14 STRUCTURE DU SITE.................................................................................................................................................14 ACTIVITÉ GLOBALE...................................................................................................................................................14 ACTIVITÉ LOGIN........................................................................................................................................................15 ACTIVITÉ COMMANDE..........................................................................................................................................15

VIII. 1. 2. IX.

CHOIX TECHNOLOGIQUE...........................................................................................................................16

POURQUOI J2EE.......................................................................................................................................................16 POURQUOI MVC.......................................................................................................................................................16 CONCEPTION GRAPHIQUE............................................................................................................................ 16

3. 4. 5. 6. 7. 8. 9.

ENTÊTE......................................................................................................................................................................16 PAGE D’ACCUEIL.......................................................................................................................................................17 LOGIN.........................................................................................................................................................................17 INSCRIPTION..............................................................................................................................................................18 INTERFACE ADMINISTRATEUR..................................................................................................................................18 CONTACTEZ NOUS.....................................................................................................................................................19 CONSULTATION DE CATÉGORIES...............................................................................................................................19

X.

SIMULATION DE L'APPLICATION(LES INTERFACES)............................................................................. 20

1. 2. 3.

VISITEUR....................................................................................................................................................................20 CLIENT.......................................................................................................................................................................22 ADMINISTRATEUR......................................................................................................................................................23

XI.

CONCLUSION...................................................................................................................................................... 27

XII.

BIBLIOGRAPHIE...............................................................................................................................................28

Cahier des charges [E-Commerce]

3

Tabl edeFi g ur e s Figure 1: Structure du site web Amazon.com_______________________________________________________________________________6 Figure 2: Interface de recherche par catégorie______________________________________________________________________________6 Figure 3: Fiche d'article______________________________________________________________________________________________________7 Figure 4 : Gestion de projet___________________________________________________________________________________________________8 Figure 5: Diagramme de GANTT_____________________________________________________________________________________________8 Figure 6 : Diagramme de class primaire_____________________________________________________________________________________9 Figure 7: Cas d'utilisation pour l'acteur "visiteur"________________________________________________________________________10 Figure 8: Cas d'utilisation pour l'acteur « client »_________________________________________________________________________10 Figure 9: Cas d'utilisation pour l'acteur "Administrateur"________________________________________________________________11 Figure 10: Base de données_________________________________________________________________________________________________11 Figure 11: la structure générale du site web_______________________________________________________________________________14 Figure 12: diagramme d'activité globale__________________________________________________________________________________14 Figure 13: activité d'authentification______________________________________________________________________________________15 Figure 14: Activité Commande______________________________________________________________________________________________15 Figure 15: Model MVC_______________________________________________________________________________________________________16 Figure 16: Entête globale du site web______________________________________________________________________________________16 Figure 17: Maquette de la page d'accueil entière__________________________________________________________________________17 Figure 18: Formulaire d'authentification__________________________________________________________________________________17 Figure 19: Formulaire d'inscription________________________________________________________________________________________18 Figure 20: Interface d'administrateur______________________________________________________________________________________18 Figure 21: Formulaire pour contacter l'entreprise________________________________________________________________________19 Figure 22: Consultation par catégories____________________________________________________________________________________19 Figure 23: page principale (visiteur)_______________________________________________________________________________________20 Figure 24: login – inscription_______________________________________________________________________________________________20 Figure 25:Consultation d’un produit______________________________________________________________________________________21 Figure 26 : Contacter l’administrateur_____________________________________________________________________________________21 Figure 27 : Ecrire un commentaire_________________________________________________________________________________________22 Figure 28: Panier____________________________________________________________________________________________________________22 Figure 29: liste des voitures_________________________________________________________________________________________________23 Figure 30: liste des produits________________________________________________________________________________________________23 Figure 31:p a g ed el ’ a d mi n i s t r a t e u r ________________________________________________________________________________________24 Figure 32: Gestion des comptes_____________________________________________________________________________________________24 Figure 33: Gestion des Véhiculés____________________________________________________________________________________________24 Figure 34 : Gestion des Produits____________________________________________________________________________________________24 Figure 35: Gestion des Catégories__________________________________________________________________________________________25 Figure 36 :Co n s u l t a t i o nd e sc omma n de s ___________________________________________________________________________________25 Figure 37:Ge s t i o nd e sc o mme nt a i r e s _______________________________________________________________________________________25 Figure 38 :Ge s t i o nd e sl e t t r e s _______________________________________________________________________________________________26

I.

Présentation générale du projet 1.

Contexte du projet

La Création d’un site web e-commerce qui propose d’un part la vente en ligne des produits et matériel sportif et d’un autre part la location des voitures sportives de luxe 2.

Objectifs du projet

Il s’agit de : - Proposer aux utilisateurs un site qui soit tout à la fois un moyen de se balader dans les différents produits et consulter la nouveauté du domaine sportif, - Proposer les informations sur la nouveauté voiture avec une possibilité de location via le site web - Ce projet est un outil de travail susceptible de faciliter l’accès à des informations et des ressources spécifiques. 3.

Les caractéristiques du projet :

- Un site portail à la navigation conviviale, disposant d’un mode d’administration et multi-rédacteurs, - Des contenus commerciaux dans le domaine de Sport à destination du public-cible (voir 1.4) - La partie location de voiture sera dédié pour les visiteurs qui désirent louer une les meilleurs voitures sportives - Une animation spécifique et régulière du site tout en assurant l’ergonomie nécessaire afin que le site puisse être vivant. - La langue du site sera en anglais vu que c’est une langue international et facile a traduire vers n’importe quel langue tiers, - Une possibilité de traduction du contenu sera fournie par le site. 4.

Public-cible du projet

Cette offre s’adressera en premier lieu aux (salles de sport, clubs sportif et atelet), ainsi qu’au publique sportif. Le site vise à mettre à disposition de ces publics des données essentielles dans les principaux domaines sportifs (foot-ball/ musculation /athlétisme/ natation), à savoir informations et actualités des nouveaux produits sportifs.

II.

Description du site portai

1. Objectifs du site Le site aura pour principaux objectifs de :  De consulter des produits et des actualités fournies par les administrateurs.  D’accéder à des nouveautés du domaine sportif gratuitement pour le publique sportif  De contacter un administrateur par le biais d’un formulaire à remplir en ligne.  De laisser des commentaires pour chaque article ou produit 5.

Module d’administration

Il s’agit de prévoir la mise à disposition d’une interface sophistiquée de gestion du site, permettant une administration multi-user. tel que : − Gestion des comptes d’utilisateurs

Cahier des charges [E-Commerce]

5

− − − − − −

Gestion des articles Gestion des véhicules Gestion des commentaires Gestion des messages Consultation des paniers Consultation des commandes

III.

Etudes de l’existence

1. Amazon.com

Figure 1: Structure du site web Amazon.com

Amazon.com est une entreprise de commerce enligne électronique américaine basée aux états unit. C’est une entreprise spécialisé dans la vente de livres, mais elle est diversifiée dans d'autres produits, notamment dans la vente de tous types de produits culturels : disques CD, musique en téléchargement, DVD ... 6. Decathlon.fr a. Recherche des catégories

Figure 2: Interface de recherche par catégorie

b. La fiche d’article

Figure 3: Fiche d'article

La stratégie du site décathlon se base sur la proposition de service, on peut dire à titre d’exemple la fiche présent les photos de l’article, le prix, la description, mais il propose aussi de voir l’offre par LOT ainsi que de voir le stock en magasin, ce qui encourage le client par fois d’aller loin en acceptant certaine de ces propositions

Cahier des charges [E-Commerce]

7

IV.

Gestion de projet

Figure 4 : Gestion de projet

On a utilisé le Diagramme de Gantt pour répondre au besoin de planification de projet de façon optimale ainsi de communiquer sur le planning établi, ce qui nous a permet : - De déterminer les dates de réalisation d'un projet ; - D’identifier les marges existantes sur certaines tâches ; - De visualiser d'un seul coup d'œil le retard ou l'avancement des travaux

Figure 5: Diagramme de GANTT

V.

Conception primaire

1. Diagramme de class

Figure 6 : Diagramme de class primaire

Le diagramme ci-dessus est constitué de plusieurs classes dont chacune représente un objet dans le système de gestion des configurations et répond à un besoin bien précis. Ce sont ces objets qui vont interagir ensemble pour réaliser les cas d'utilisation. En effet, ce diagramme a bien été dégagé de celui des cas d'utilisation exposé avant. 7.

Diagramme de cas d’utilisation

 Visiteur : le deuxième acteur, parmi les taches qu'il peut effectuer : la consultation, l'inscription, Commentaire ...

Cahier des charges [E-Commerce]

9

Figure 7: Cas d'utilisation pour l'acteur "visiteur"

Figure 8: Cas d'utilisation pour l'acteur « client »

 Client : réservation, Achat, Gestion de panier, Commandes …

Figure 9: Cas d'utilisation pour l'acteur "Administrateur"

 Administrateur : la personne principale pour cette application qui a comme but de faire les différentes gestions possibles pour les articles, Véhicules, Comptes, Promotions...

VI.

Base de données

1. Les Tables Plusieurs tables ont seront crée pour le stockage dans la base de donnée

Figure 10: Base de données

Cahier des charges [E-Commerce]

11

8.

Dictionnaire de donnée

Cahier des charges [E-Commerce]

13

VII.

Diagrammes d’activités

1. Structure du Site

Figure 11: la structure générale du site web

9.

Activité globale

Figure 12: diagramme d'activité globale

10.

Activité login

Figure 13: activité d'authentification

11.

Activité COMMANDE

Figure 14: Activité Commande

Cahier des charges [E-Commerce]

15

VIII.

Choix technologique

1. Pourquoi J2EE JEE est constituée de nombreuses bibliothèques ou API ( java.lang, java.io, java.math, java.util...) , ces bibliothèques contiennent un nombre conséquent de classes et de méthodes prêtes à l'emploi pour effectuer toutes sortes de tâches. 12. Pourquoi MVC Si nous cherchons à mettre en œuvre une architecture MVC via un environnement J2EE, on peut donc faire les rapprochements suivants :  Un contrôleur est implémenté sous forme de servlet Java.  Le modèle consiste en l'implémentation de la logique métier du site Web.  Chaque vue est implémentée via une servlet ou une page JSP.

Figure 15: Model MVC

IX.

Conception Graphique 13.

Entête

Figure 16: Entête globale du site web

L’entête de la page d’accueil dispose  D’un espace pour le logo de l’entreprise plus le Slogan  Accès au panier du client,  Menu global qui donne accès aux différentes rubriques du site web

14.

Page d’accueil

Figure 17: Maquette de la page d'accueil entière

15.

Login

Figure 18: Formulaire d'authentification

Cahier des charges [E-Commerce]

17

Un Formulaire simple qui permet a l’utilisateur soit de s’authentifier, soit de s’inscrire s’il n’est pas encore inscrit. 16.

Inscription

Figure 19: Formulaire d'inscription

17.

Interface Administrateur

Figure 20: Interface d'administrateur

Cette interface permet à l’administrateur d’effectuer des recherches avancées, en fouillant dans la base de donnée, la requête de recherche va prendre en considération l’ensemble des critères sélectionné par l’adminis...