Blue Modern Annual Report

ISGA
ECOLE D'INGÉNIEUR
PROJET DE FIN D’ETUDES

LICENCE EN INGÉNIERIE DES SYSTEME
INFORMATIQUE
CONCEPTION ET RÉALISATION D’UN SITE

WEB D’E-COMMERCE
Réalisé par : Encadrée par :

BOUSSARDI Abdellah M.JOUNAIDI Soufiane
2O22/2O23
Conception et réalisation d’un site web d’commerce
Dédicace
Nous dédions cet humble travail à :
Nos chers parents,
Pour qui nous devons ce que nous sommes aujourd’hui. Grâce à

vos prières, soutiens et sacrifices tout au long de notre cursus.
Que dieu, le tout puissant vous préserve et vous procure une
santé et une longue vie.
À nos chers frères et sœurs,
Aucune dédicace ne serait suffisante pour vous exprimer ce que

nous ressentons envers vous. Nous vous dirons juste merci pour
vos conseils et vos encouragements, et que nous vous
souhaitons une vie pleine de succès et de prospérité.
À tous nos enseignants,
Pour leur bienveillance et pour leur contribution à notre solide

formation.
À nos familles et nos amis, pour leur affection et leur soutien.
Pour tous ceux qui ont contribué de près ou de loin à la

réalisation de ce travail.
Par : BOUSSARDI Abdellah 1

Remerciements
En préambule à cette mémoire nous remerciant ALLAH qui nous a

aidé et nous a donné la patience et le courage durant ces longues
années d’étude.
Nous souhaitons adresser nos remerciements les plus sincères aux
personnes qui nous ont apporté leur aide et qui ont contribué à
l’élaboration de ce mémoire ainsi qu’à la réussite de cette formidable
année universitaire.
Ces remerciements vont tout d’abord au corps professoral et
administratif du département d’ingénierie informatique pour la richesse
et la qualité de leurs enseignements et qui déploient de grands efforts
pour assurer à leurs étudiants une formation actualisée.
Nous tenons à remercier sincèrement M.SOUFIANE JOUNAIDI qui, en
tant qu’encadrant de mémoire, elle a toujours montré l’écoute et la
disponibilité tout au long de la réalisation de cette mémoire, ainsi pour
l’inspiration, l’aide et le temps qu’elle a bien voulu nous consacrer pour
que ce mémoire voit le jour.
On n’oublie pas nos parents pour leur contribution, leur soutien et leur
patience. Enfin, nous adressons nos plus sincères remerciements à
tous nos proches et amis, qui nous ont toujours encouragés au cours
de la réalisation de ce mémoire. Merci à toutes et à tous

Table des matieres

Dédicace..................................................................................... 1
Remerciements.........................................................................2
Table des matieres..................................................................3
Introduction générale.............................................................4
Chapitre I : Contexte général du projet et étude de l’existant ...7
I. Cahier de charge...............................................................................8
1.1 Introduction...........................................................................8
1.2 Définition de l’e-commerce..................................................8
1.3 Le processus d'e-commerce.................................................8
1.4 Présentation de problématique...........................................9
1.5 Solution.................................................................................... 9
1.6 WooCommerce<< espace admin>>.....................................10
Chapitre II : Analyse et conception.......................................................11
I. Les diagrammes des cas d’utilisation..........................................12
1.1 Definition.................................................................................... 12
1.2 Diagrammes de cas d’utilisation de notre site..................13
II. Diagrammes de séquences...........................................................16
2.1 Definition.................................................................................. 16
2.2 Diagrammes de séquences de notre site..........................17

III. Diagramme de classes............................................................22
3.1 Definition..................................................................................... 22
3.2 Diagrammes de classes de notre site......................................23
Chapitre III : Réalisation de l’application......................................24
I...................Outils de développement 25
1.1 Wordpress.............................................................................. 25
1.2 Entreprise Architect...........................................................25
1.3 Xampp..................................................................................... 25
1.4 HTML........................................................................................ 26
1.5 CSS........................................................................................... 26
1.6 PHP........................................................................................... 26
1.7 MYSQL...................................................................................... 27
1.8 JavaScript............................................................................... 27
1.9 JQUERY................................................................................... 27
1.10 Namecheap..........................................................................27
II.................Présentation de l’application 29
2.1 L’en-tête du site....................................................................29
2.2 La page d’accueil..................................................................30
2.3 Wishlist (liste de souhaits)....................................................32
2.4 Fenêtres de chat...................................................................33
2.5 Authentification...................................................................34
2.6 Achat........................................................................................ 35

III. Présentation de l’espace administrateur.........................40
3.1 Authentification.............................................................40
3.2 Espace administrateur...................................................41
3.3 Gestion des produits......................................................42

3.4 Gestion des commandes..............................................42
Conclusion............................................................................. 43
Webographie......................................................................... 44

Introduction Général
Aujourd’hui, le commerce électronique est considéré comme un dossier
prioritaire par de nombreuses organisations internationales, surtout depuis que
les problèmes liés à la facture numérique ramènent les politiques des
technologies de l’information, de la communication et du développement sur les
devant de l’actualité. Des recommandations stratégiques spécifiques ont été
formulées dans différent domaine : infrastructure et services de
télécommunications, fiscalité, protection du consommateur, sécurité des
réseaux, protection de la vie privée et des données. La confiance est un élément
crucial pour le développement du commerce électronique. Il s’agit,
essentiellement, d’assurer aux consommateurs et à l’entreprise des services de
réseaux sures, fiables et vérifiables. De même, les consommateurs entendent
rester maîtres de la collecte de leurs données personnelles et de l’usage qui en
est fait, et veulent être surs d’avoir accès à des mécanismes de recours adaptés.
Pour créer le niveau de confiance souhaitable, il faut se doter de technologie
fiable, de dispositifs de réglementation et d’auto réglementation appropriés,
et pratiquer une pédagogie du public.
Ce rapport est composé de trois chapitres, Le premier contient l'introduction

d'e-commerce et le cahier de charges. Dans le deuxième nous décrivons
l’analyse et la conception de notre application, et dans le troisième chapitre
nous présentons les outils utilisés pour la réalisation ainsi que des captures
d’écran de l’application avec description.
Par : BOUSSARDI 6
Abdellah
CHAPITRE I
CONTEXTE GÉNÉRAL DU PROJET ET

ÉTUDE DE L’EXISTANT

I. Cahier de charge
1.1 . Introduction :
Dans l'absolu, l'e-commerce, c'est-à-dire le commerce électronique, désigne

simplement l'achat et la vente de produits et services sur Internet. Cependant,
le terme est souvent utilisé pour décrire toutes les mesures et actions entreprises
par un vendeur dans le but de vendre des produits directement aux
consommateurs.
1.2 Définition de l’e-commerce
L'e-commerce, également connu sous le nom de commerce électronique,

désigne la vente et l'achat de biens et de services en ligne. Cela peut inclure
l'achat de produits physiques, tels que des vêtements, de l'électronique et des
meubles, ainsi que la vente de services en ligne, tels que des billets d'avion, des
réservations d'hôtel ou des services de formation en ligne.
1.3 Le processus d'e-commerce
Le processus d'e-commerce implique généralement la création d'un

site web de commerce électronique pour présenter les produits ou les
services, la mise en place de systèmes de paiement en ligne sécurisés
pour permettre aux clients de passer des commandes et de régler les
achats, ainsi que la mise en place d'un système de livraison ou de retrait
des produits achetés.
L'e-commerce a considérablement évolué au fil des ans, passant des
simples sites web de vente en ligne à des plateformes complexes incluant
des fonctionnalités de recommandation de produits, des chatbots de
service client, des publicités ciblées et bien plus encore.
Par : BOUSSARDI 8
Abdellah
1.4 présentation de la problématique
Des ventes de mains en mains, vers des ventes virtuelles, passent les
priorités des opérations de ventes des biens et des services, ce qui nous rend
obligés de donner plus d’importance à la vente électronique.
Les boutiques en ligne sont depuis des années, largement conseillés pour les
sociétés qui se basent sur la vente des produits et même des services Ces types
de sites web représentent un dispositif global fournissant aux clients un pont de
passage à l’ensemble des informations, des produits, et des services à partir d’un
portail unique en rapport avec son activité.
Les sites de vente en ligne permettent aux clients de profiter d’une foire
virtuelle disponible est quotidiennement mise à jours sans la moindre contrainte,
ce qui leur permettrai de ne jamais rater les coups de cœur, ainsi Une foire sans
problèmes de distance géographique, ni d’horaire de travail ni de disponibilité de
transport. D’une autre part ces sites offrent à la société de profiter de cette
espace pour exposer ses produits à une plus large base de clientèle.
Notre projet est réalisé dans le cadre du mémoire de licence en génie

informatique ayant comme objectif principal : la conception et la création
d’une boutique virtuelle
1.5 Solution
Notre projet c’est de réaliser un site web dynamique d’e-commerce,
l’objectif de ce site est de donner aux clients la possibilité d’avoir une idée plus
ou moins général sur chaque produit(ses caractéristiques et son domaine) ,de
plus lui permettre d’effectuer ses achats en ligne et par conséquent augmenter
le chiffre d’affaire et en même temps faciliter les tâches.
Le site de <<LEONALUX>> sera une plateforme de vente en ligne, et doit être
en mesure de proposer une expérience de qualité aux visiteurs du site.
Par : BOUSSARDI 9
Abdellah
1.6 WooCommerce :
Le WooCommerce regroupe un ensemble de tâches administratives, ce dernier

doit également permettre une gestion quotidienne des activités e-commerce
(suivi des commandes, mise à jour des catalogues produits etc ...)
automatiquement
Parmi les tâches de gestion WooCommerce nous pouvons citer :
L’ajout des produits
La modification des produits

La suppression des produits
La gestion du stock
Guider les visiteurs du site

CHAPITRE II
ANALYSE ET CONCEPTION

1. Les diagrammes des cas d’utilisation
1.1 Définition
Les rôles des diagrammes de cas d’utilisation sont de recueillir, d’analyser et

d’organiser les besoins, ainsi que de recenser les grandes fonctionnalités d’un
système. Il s’agit donc de la première étape UML pour la conception d’un
système.
Le diagramme de cas se compose de trois éléments principaux :
Un Acteur : c’est l’idéalisation d’un rôle joué par une personne externe, un
processus ou une chose qui interagit avec un système. Il se représente par un
petit bonhomme avec son nom inscrit dessous.
Un cas d’utilisation : c’est une unité cohérente représentant une
fonctionnalité visible de l’extérieur. Il réalise un service de bout en bout, avec un

déclenchement, un déroulement et une fin, pour l’acteur qui l’initie.
Les relations : Trois types de relations sont pris en charge par la

norme UML et sont graphiquement représentées par des types particuliers
de ces relations.
Les relations indiquent que le cas d'utilisation source présente les mêmes
conditions d'exécution que le cas issu. Une relation simple entre un acteur et une
utilisation est un trait simple.

1.2 Diagrammes de cas d’utilisation de notre site web
Le visiteur : c’est un individu qui est entrain de fouiller sur le net, cherchant
un produit pour l’acheter ou pour avoir une idée sur les modèles et les prix.
Jusqu'à ce stade c’est un utilisateur inconnu donc il n’est pas encore un client.
Figure 1 : Diagramme de cas d’utilisation Visiteur

Le Client : cette acteur est un visiteur ayant déjà créer un compte sur notre
site, il peut donc suivre le processus d’achat des produits en toute sécurité
sachant que notre système doit être l’unique responsable de la confidentialité
des données personnelles de ses clients
Figure 2 : Diagramme de cas d’utilisation Client

L’administrateur : pour les sites web on l’appelle généralement « le
webmaster ». C’est celui qui assure le dynamisme du site et veille sur les mises à
jour des produits, de leurs prix, de leurs disponibilités, de la gestion des
paiements et la gestion des livraisons.
Figure 3 : Diagramme de cas d’utilisation Administrateur

2. Les diagrammes de séquences
2.1 Définition
Un diagramme de séquences est un diagramme d'interaction qui expose en

détail la façon dont les opérations sont effectuées : quels messages sont envoyés
et quand ils le sont.
En ce qui suit, nous présenterons quelques diagrammes de séquences

relatifs aux cas d’utilisations présentés.
Les diagrammes de séquences sont basées sur le model MVC :
Figure 4 :présentation du modèle MVC

2.2Diagrammes de séquences de notre site web
Le visiteur:
Figure 5 : Diagramme de séquences d’authentification du visiteur

Le visiteur demande le formulaire d’inscription.

Le formulaire s’affiche.
Le visiteur 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.
Le Client:
Figure 6 : Diagramme de séquences d’authentification du Client

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

Figure 7: Diagramme de séquences d’achats d’un produits
le client choisit les produits
il lance une procédure de la commande
une vérification se lance dans la base de données
si le client est déjà authentifié ,il doit choisir seulement le mode de

paiements, après la commande se valide
sinon le client doit s’authentifier s'il a déjà un compte,ou bien remplir le
formulaire de commande après il choisit le mode de paiements dans les deux

cas et la commande se valide

L’administrateur :
Figure 8 : Diagramme de séquences d’authentification d’administrateur
L’administrateur 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

3. Le diagramme de classe
3.1Définition
Un diagramme de classes UML décrit les structures d'objets et

d'informations utilisées sur notre site web, à la fois en interne et en
communication avec ses utilisateurs. Il décrit les informations sans faire
référence à une implémentation particulière. Ses classes et relations peuvent
être implémentées de nombreuses manières, comme les tables de bases de
données

3.2Diagramme de classe de notre site
Figure 9 : Diagramme de classes

CHAPITRE III
RÉALISATION DE L’APPLICATION

1. Les Outiles de développement
1.1 Wordpress:
WordPress est un système de gestion de contenu gratuit (SGC ou content

management system (CMS) en anglais) et open-source. Ce logiciel libre écrit en
PHP repose sur une base de données MySQL et est distribué par l'entreprise
américaine Automattic.
1.2Entreprise architect:
Enterprise Architect est un logiciel de modélisation et de conception

UML. Couvrant, par ses fonctionnalités d'applicationdepuis la gestion des
exigences,
en passant par les phases de conception, la construction,tests et maintenance. Il
permet le développement d'applications selon le schéma d'Architecture orientée
modèle, ainsi que le schéma d'Architecture orientée services.
1.3Xampp :
XAMPP est un ensemble de logiciels permettant de mettre en place
facilement un serveur Web local, un serveur FTP et un serveur de messagerie

électronique. Il s'agit d'une distribution de logiciels libres (X (cross) Apache
MariaDB Perl PHP) offrant une bonne souplesse d'utilisation, réputée pour son
installation simple et rapide
1.4HTML :
L’HypertextMarkupLanguage, généralement abrégé HTML, est le format de

données conçu pour représenter les pages web. C’est un langage de balisage
permettant d’écrire de l’hypertexte, d’où son nom. HTML permet également de
structurer sémantiquement et de mettre en forme le contenu des pages,
d’inclure des ressources multimédias dont des images, des formulaires de saisie,
et des programmes informatiques. Il est souvent utilisé conjointement avec des
langages de programmation (PHP, JavaScript…) et des formats de présentation
(feuilles de style en cascade).
1.5CSS :
l'anglais: Cascading Style Sheets, forment un Les feuilles de style en
cascade, généralement appelées CSS de langage informatique qui décrit la
présentation des documents HTML et XML Les standards définissant CSS sont
publiés par le World Wide Web Consortium (W3C). Introduit au milieu des années
1990, CSS Devient couramment utilisé dans la conception des sites web et bien
pris en charge par les navigateurs web dans les années 2000.
1.6 PHP
PHP: Hypertext Preprocessor, plus connu sous son sigle PHP(acronyme

récursif), est un langage de programmation principalement utilisé pour produire
des pages Web dynamiques via un serveur HTTP, mais pouvant également
fonctionner comme n'importe quel langage interprété de façon locale. PHP est
un langage impératif orienté objet. PHP a permis de créer un grand nombre de
sites web célèbres, comme Facebook, Wikipédia, etc. Il est considéré comme la

base de la création des sites Internet dits dynamiques

1. 7 MYSQL
MySQL est un système de gestion de bases de données relationnelles
(SGBDR). Il est distribué sous une double licence GPL et propriétaire Il fait partie
des logiciels de gestion de base de données les plus utilisés au monde, autant par
le grand public (applications web principalement) que par des professionnels, en
concurrence avec Oracle, Informix et Microsoft SQL Server.
1.8 JavaScript
JavaScript est un langage de script orienté objet principalement utilisé dans

les pages HTML. À l’opposé des langages serveur (qui s’exécutent sur le site),
JavaScript est exécuté sur l’ordinateur de l’internaute par le navigateur lui--
même. Ainsi, ce langage permet une interaction avec l’utilisateur en fonction de

ses actions (lors du passage de la souris au dessus d’un élément, du
redimensionnement de la page…)
1.9 JQuery
JQuery est une bibliothèque JavaScript open-source et cross-browser qui

permet de traverser et manipuler très facilement l’arbre DOM de vous pages

1. 7 MYSQL
MySQL est un système de gestion de bases de données relationnelles
(SGBDR). Il est distribué sous une double licence GPL et propriétaire Il fait partie
des logiciels de gestion de base de données les plus utilisés au monde, autant par
le grand public (applications web principalement) que par des professionnels, en
concurrence avec Oracle, Informix et Microsoft SQL Server.
1.8 JavaScript
JavaScript est un langage de script orienté objet principalement utilisé dans

les pages HTML. À l’opposé des langages serveur (qui s’exécutent sur le site),
JavaScript est exécuté sur l’ordinateur de l’internaute par le navigateur lui--
même. Ainsi, ce langage permet une interaction avec l’utilisateur en fonction de

ses actions (lors du passage de la souris au dessus d’un élément, du
redimensionnement de la page…)
1.9 JQuery


1.10 Namecheap
Namecheap est un bureau d'enregistrement de noms de domaine et une

société d'hébergement Web accrédités par l'ICANN, basé à Phoenix, en Arizona
2. Présentation de l’application
Dans ce qui suit, des captures d’écran présentant l’application qui a été hébergée
Figure 10 : Entête du site
sous le nom de domaine : www.leonalux.com
C’est un entête représentant un logo de la siteweb LEONALUX responsable

de la vente des produits représentés dans notre site
Le menu contient la case ‘‘votre compte’’ permettant soit de créer un compte
soit se connecter en tant qu’un client déjà inscrit, et la case ‘‘Wishlist’’ qui
permet aux clients de consulter la Liste de souhaits, aussi les catégories des
produits avec les sous-catégories pour avoir une bonne hiérarchisation des
produits sur la droite c’est le panier avec le nombre des produits ajoutée plus la
case de la recherche au cas où le client veut chercher un tel produit , ausii
dropdown our changer la langue du siteweb .

0
Figure 11 :partie une de l’accueil
C’est la partie une de l’accueil de notre site qui fait représenter un slider
descriptif des marques et des offres proposés par la société plus les grand
catégories des produits.

Figure 12 :deuxième partie de l’accueil

Figure 13 :wishlist (liste de souhaits)
Lorsqu'un visiteur ou un client click sur l'icone de coeur le produit sera

automatiquement ajouter a la liste de souhaits

Figure 14 :chat_1
Figure 15 :chat_2
Ces figure représente

les étapes à passer par
un visiteur pour faire
une commande ou
discuter avec
l'opérateur de site
Figure 16 :chat_3

Figure 17 :footer
Contient des liens sur plusieurs pages plus des informations sur le site
Figure 18: Création d’un compte

Figure 19: réception d'un mail d'enregistrement
Figure 20: Espace client
Comme dans tout site web commercial le visiteur ne peut devenir client
qu’après la phase d’inscription. Notre site web met à la disposition de ses
visiteurs un petit formulaire afin de valider son inscription. Après la validation,
une autre page s’affiche qui contient les informations du client
Figure 21: Insertion dans la base de données
Le visiteur est maintenant client. Il est Ajouté la base de données avec le

cryptage de son mot de passe

Figure 22: Authentification
Après l’authentification la même page qu’on vient de montrer ci-dessous et

qui contient l’espace client s’ouvre.
Figure 23: Panier

Après avoir sélectionné un produit la page du panier s’ouvre, le client aura

deux possibilités soit cliquer sur « Passer la commande par whatsapp» pour
confirmer la commande sur whatsapp , soit cliquer sur « Procéder à la commande
» pour passer au paiement, mais avant on a un champ à remplir s'appelant « code
Promo » si jamais le client à déjà reçu un code de promotion sur les produits
Figure 24: Facturation
Cette page contient un formulaire à remplir par les informations

personnelles du client, à droite de la page on a un tableau qui contient des
détails sur la commande (Nom du produit et le prix) , ici la méthode de payer est
paiement à la livraison

Figure 25: Confirmation de la commande

une page contenant des détails sur la commande effectuée par le client,des
détails sur le client et des détails sur la facture

Figure 26: mail de

confirmation
Après avoir commandé, un mail de confirmation est envoyé à l’email du
client concerné
A fin de se connecter autant qu’administrateur il faut entrer un lien particulier

pour que la Page d’authentification peut s’afficher, raison de sécurité

Figure 27:Authentification D'administrateur
C’est une fenêtre permettant l’authentification de l’administrateur

Figure 28:espace administrateur
Après l’authentification, l’espace administrateur s’affiche contenant une

statistique et représentation de l’état du site avec un tableau contenant les
différentes tâches qui peuvent être réalisé par l’administrateu
Figure 29:modification d’un produit

Figure 30 : ajouter un produit
Figure 31 : les commandes

Conclusion
Ce projet fin d’étude consiste à concevoir un site web dynamique qui
permet de réaliser le commerce électronique des téléphones portable.
Au cours de ce mémoire, nous avons présenté les différentes étapes de la

conception et la réalisation de notre application.
C’est une application presque finalisée et accompagnée de tous les

documentations technique et conceptuelle nécessaire à sa bonne évolution.
Pour concevoir ce travail j’ai présenté premièrement le cadre de ce projet, puis
j’ai analysé l’étude de l’existant.
En second, j’ai montré la phase de conception.
Finalement, j’ai traité toutes les phases nécessaires à la réalisation de cette

application, et dans cette phase j’ai appris à mieux manipuler les langages PHP,
CSS, HTML et Java Script, j’ai approfondi mes connaissances sur le langage SQL
avec le MySQL. JQuery et WordPress

Webographie
https://wordpress.com/com-vs-org/
https://www.sliderrevolution.com/
https://openclassrooms.com/en/courses/5489551-creez-un-site-moderne-
et-professionnel-avec-wordpress-5?archived-source=1891206
https://openclassrooms.com/en/courses/3504441-introduction-a-jquery?
archived-source=1631636
https://openclassrooms.com/forum/sujet/woocommerce
https://woostify.com/

Blue Modern Annual Report

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Blue Modern Annual Report

Uploaded by

Copyright:

Available Formats

ISGA

PROJET DE FIN D’ETUDES

CONCEPTION ET RÉALISATION D’UN SITE

Réalisé par : Encadrée par :

Nous dédions cet humble travail à :

Nos chers parents,

Pour qui nous devons ce que nous sommes aujourd’hui. Grâce à

À nos chers frères et sœurs,

Aucune dédicace ne serait suffisante pour vous exprimer ce que

À tous nos enseignants,

Pour leur bienveillance et pour leur contribution à notre solide

À nos familles et nos amis, pour leur affection et leur soutien.

Pour tous ceux qui ont contribué de près ou de loin à la

Par : BOUSSARDI Abdellah 1

En préambule à cette mémoire nous remerciant ALLAH qui nous a

Par : BOUSSARDI Abdellah 2

Table des matieres

Chapitre I : Contexte général du projet et étude de l’existant ...7

Chapitre II : Analyse et conception.......................................................11

I. Les diagrammes des cas d’utilisation..........................................12

II. Diagrammes de séquences...........................................................16

Par : BOUSSARDI Abdellah 3

Chapitre III : Réalisation de l’application......................................24

Par : BOUSSARDI Abdellah 4

III. Présentation de l’espace administrateur.........................40

3.3 Gestion des produits......................................................42

Par : BOUSSARDI Abdellah 5

Ce rapport est composé de trois chapitres, Le premier contient l'introduction

CONTEXTE GÉNÉRAL DU PROJET ET

Par : BOUSSARDI Abdellah 7

Dans l'absolu, l'e-commerce, c'est-à-dire le commerce électronique, désigne

1.2 Définition de l’e-commerce

L'e-commerce, également connu sous le nom de commerce électronique,

1.3 Le processus d'e-commerce

Le processus d'e-commerce implique généralement la création d'un

1.4 présentation de la problématique

Notre projet est réalisé dans le cadre du mémoire de licence en génie

Le WooCommerce regroupe un ensemble de tâches administratives, ce dernier

Parmi les tâches de gestion WooCommerce nous pouvons citer :

L’ajout des produits

La modification des produits

Par : BOUSSARDI Abdellah 10

Par : BOUSSARDI Abdellah 11

1. Les diagrammes des cas d’utilisation

Les rôles des diagrammes de cas d’utilisation sont de recueillir, d’analyser et

Le diagramme de cas se compose de trois éléments principaux :

Un cas d’utilisation : c’est une unité cohérente représentant une

fonctionnalité visible de l’extérieur. Il réalise un service de bout en bout, avec un

Les relations : Trois types de relations sont pris en charge par la

Par : BOUSSARDI Abdellah 12

1.2 Diagrammes de cas d’utilisation de notre site web

Figure 1 : Diagramme de cas d’utilisation Visiteur

Par : BOUSSARDI Abdellah 13

Figure 2 : Diagramme de cas d’utilisation Client

Par : BOUSSARDI Abdellah 14

L’administrateur : pour les sites web on l’appelle généralement « le

Figure 3 : Diagramme de cas d’utilisation Administrateur

Par : BOUSSARDI Abdellah 15

2. Les diagrammes de séquences

Un diagramme de séquences est un diagramme d'interaction qui expose en

En ce qui suit, nous présenterons quelques diagrammes de séquences

Les diagrammes de séquences sont basées sur le model MVC :

Figure 4 :présentation du modèle MVC