ECOLE D’INGENIERIE ET D’INNOVATION DE MARRAKECH

FILIERE : Licence Informatique

PROJET DE FIN D’ETUDE

Présenté par:
Mouhcine BELAHMAR

SUJET :

Réalisation d’un site vente des produits électroniques et

produits alimentaires et de consultation.

Encadrant : Omar Boulman

Année universitaire 2020 - 2021

 Table des matière
Table des matière……………………………………………………………..……….2
Dédicace…………………………………………..……………………………..……….3
Remerciements…………………………………………….……………………………4
Résumé…………………………………………………………………………….………5
Liste des tâches / figures…………………………………………………………….6
Liste des tables………………………………………………………………………….7
Chapitre I : Contexte général ……………………………………………………...8
I – Présentation de l’entreprise……………………………………………………9
II - Définition et types de l'e-commerce.................................................10
– Définition........................................................................................10
– Types..............................................................................................11
III – Les taches effectuées………..………………………………………..………12
IV – Objective de projet….………..………..……………………………..………..13
V – Diagramme de Gantt….………..…..……………………..……...……………14
IV- Processus de développement adopté...............................................15
Chapitre 2 : Etat de l’art …………………………………………………………..16
I - Etude de l’existant ……………………………………………………………..17
- Les avantages .............................................................................17
- Les inconvénients .......................................................................18
II- Problématique et solution….……….……..………..……..…………........19
III– Fonctionnalités….………..………..……………………..……...…………..19

Chapitre 3 : Etude conceptuelle.............................. .....................20

I -Choix de la méthodologie de conception.......................... …………..21
II- Définition des acteurs ........................................... …………………..21

III- MCD Modèle Conceptuel De Données ...................... ………………...21

IV- MLD Modèle physique de données..................................................22
V- Conclusion............................................................... ………………….22
Chapitre 4 : Réalisation et interfaces………..………….………………….......23
I- Introduction .....................................................................................23
II- Etude technique................................................................................. .......24
III- Matériels de base............................................................................... .....24
IV - Les Démarche et outils :......................................................................26
V- Architecture logique ........................................................................32

2
VI-Les interfaces ………………………………………………………..……… …..33
Conclusion………………………………………………………………………….……44

Dédicace

A mes chers parents, que nulle dédicace ne puisse exprimer ce

que je leurs dois pour leur bienveillance, leur affection et leur
soutien Trésors de bonté, de générosité et de tendresse, en
témoignage de mon profond amour et ma grande
reconnaissance <<Que Dieu vous garde >> .

A mes chères sœurs, en témoignage de mes sincères

reconnaissances pour les efforts qu’ils ont consenti pour
l’accomplissement de mes études. Je leur dédie ce modeste
travail en témoignage de mon grand amour et ma gratitude
infinie a tous mes amis , pour leur aide et leur soutien moral
durant l’élaboration du travail de stage. A toute ma famille

A tous ceux qui m’aiment

3
 Remerciement
Au terme de ce travail, je tiens à remercier tous les
personnels d'UPM qu’on a côtoyé, pour son accueil, son
soutien et l'aide qu'ils ont su m'apporter à la réussite de mon
projet. Je tiens à exprimer mes sincères remerciements à
l'encadrants Mr.OMAR BOULMAN pour son encadrement,
ses précieux conseils professionnels et sa disponibilité tout au
long de la période de formation. Je tiens également à lui
exprimer ma gratitude pour sa patience et son soutien, ainsi
que pour sa confiance dans l'accomplissement de mon travail.

4
 Résumé

Ce projet entre dans le cadre du Diplôme licence en système

Informatique. Ses Objectifs étaient de mettre en application les
connaissances acquises au cours des différents enseignements
dispensés par l’UPM, et d’en apprendre davantage sur le
monde du travail. Ce projet m’a permis de mettre en œuvre
mes connaissances vues tout au long de cette année. Il m’a
permis aussi d’apprendre tout en mettant en application le
langage PHP: framework Laravel .
Les objectifs majeurs de ce site sont : la possibilité de
présenter nos produits dans une boutique virtuelle à la
disposition de tout le monde, de faire des transactions
commerciales, de faciliter la tâche du payement a la livraison
and payement en ligne et de suivre la livraison des produits.
Ce présent rapport, résumera le déroulement de toutes les
étapes du projet.

5
 Liste des tâches / figures

◊ Partie utilisateur :
-Afficher les produits par leurs catégories
-Afficher les services
-Inscription utilisateurs
◊ Partie administrateur :
-Gestion des utilisateurs
-Gestion des produits
-Gestion des catégories
-Gestion des commandes
-Gestion des services
-Gestion des messages

6
 Liste des tables
◊ table users
◊ table products
◊ table category
◊ table orders
◊ table services

7
 Chapitre 1 :
Contexte général

8
I – Présentation de l’entreprise : :

LSPRODUCT EST UN DES OPÉRATEURS ÉCONOMIQUES

LEADERS AU MAROC. IL DISPOSE D’UN GRAND SAVOIR-
FAIRE INDUSTRIEL ET UNE PARFAITE MAÎTRISE DES
TECHNIQUES DE DISTRIBUTION. LSPRODUCT DISPOSE
D’UNITÉS DE STOCKAGE ET DE DISTRIBUTION DANS
L’ENSEMBLE DU MAROC. LSPRODUCT OPÈRE DANS
PLUSIEURS SECTEURS D’ACTIVITÉS : – LA DISTRIBUTION
DE PRODUITS ÉLECTRONIQUES ( TÉLÉVISIONS, AUDIO ET
ACCESSOIRES…) À L’ÉTRANGER ET LEUR
COMMERCIALISATION AU MAROC. – L’IMPORTATION ET
LA DISTRIBUTION EN EXCLUSIVITÉ SUR LE TERRITOIRE
MAROCAIN DES PRODUITS ALIMENTAIRES DE GRANDES
MARQUES INTERNATIONALES : CONSERVE DE POISSON,
RIZ, CONFISERIES, PÂTE À TARTINER… – LA
REPRÉSENTATION DE GRANDES MARQUES
INTERNATIONALES DU SECTEUR DE L’ÉCLAIRAGE AU
MAROC ET EN AFRIQUE.

9
 II -Définition et types de l'e-commerce:
Définition :
Le e-commerce ou le commerce électronique, un sous ensemble de l’e-business,
est l’achat, la vente et l’échange de biens et de services sur les réseaux
informatiques (comme internet) par le biais duquel les opérations ou les
conditions de vente sont exercées par voie électroniques. Contrairement à la
croyance populaire, le commerce électronique n’est pas seulement sur le web.
En fait, le commerce électronique est bien vivant dans lestransactions entre
entreprise avant le web dans les années 70 par l’intermédiaire de l’EDI
(Electronic Data Interchange) a travers des VAN (Value-Added Networks). E-
commerce peuvent être répartis en quatre catégories principales : B2B, B2C,
C2B et C2C.

Types:
. B2B (Business-to-Business)
Ceux sont les entreprises qui font affaire avec d’autres, comme les fabricants
qui vendent a des distributeurs et grossistes, qui a leur tour vendent aux
détaillants. La
tarification est basée sur la quantité de l’ordre et est souvent négociable.

.B2C (Business-to-consumer)
Ceux sont les entreprises vendant au grand public en général grâce a des
catalogues en utilisant des logiciels panier. En volume en dollars, B2B a la
palme, cependant B2C est vraiment ce que l’utilisateur, a en tête en ce qui
concerne le commerce électronique, dans son ensemble.

10
.C2B (Consumer-to-Business)

Le consumer to business (C2B) est un modèle d’entreprise (business model)

dans lequel les consommateurs (les particuliers) sont au service de l’entreprise
en apportant un produit ou une prestation, et non le contraire comme c’est le cas
traditionnellement.
Ce type de système économique est qualité de modèle d’entreprise inversé.
Deux événements ont rendu possible l’émergence de ce nouveau type de relation
commerciale, d’une part, l’événement des réseaux informatiques a permis a
moindre frais de mettre en relation un très grand nombre de personnes ; d’autre
part, le développement des technologies et la baisse des cout qu’il a engendré,
ont donné aux particuliers accès a des technologies autrefois réservées aux
entreprises (ordinateur, moyens d’impressions et d’acquisition numériques,
logiciels)

.C2C (Consumer-to-Consumer)

Il existe de nombreux sites offrants de petites annonces gratuites, enchères, et

des forums ou les particuliers peuvent acheter et vendre en ligne grâce au
système de paiements tels que PayPal , ou les gens peuvent envoyer et recevoir
de l’argent en ligne en toute simplicité. Le service d’enchère d’eBay est un bon
exemple de commerce de personne, des transactions ont lieu tous les jours
depuis 1995.Les entreprises utilisant les réseaux internes, pour offrir a leurs
employés des
produits et services en ligne -- pas nécessairement en ligne sur le web – se sont
livrées a B2E (Business—to-Employée) e-commerce.

11
III - Les taches effectuées :

Cette entreprise est fait un ensemble des taches :

L’importation ET la Distribution.

Vente des produits électroniques et produits alimentaires.

12
IV – Objective de projet :

Notre projet consiste à réaliser un site web d’une entreprise qui

fait la vente des produits électroniques et produits alimentaires et
aussi la consultation cette application web permet de simplifier
les taches effectuées par l’entreprise.
Alors l’objective c’est digitaliser le système de l’entreprise.

13
V - Diagramme de Gantt

14
VI-Processus de développement adopté :

Dans notre processus de développement on va utiliser le cycle V, alors ce

cycle-là est un modèle de développement logiciel qui est une adaptation
du modèle en cascade. Avec cette structure, on peut avoir des équipes
séparées et travaillant en parallèle pour la partie descendante du V et la
partie remontante. En effet, dès que la spécification logicielle est prête, il
est possible de l’envoyer à une équipe de validation qui préparera un plan
de validation
logicielle et les moyens de test nécessaires pour son exécution (bancs de
tests, scripts de test, etc.). Évidemment, la validation ne pourra être
exécutée que lorsqu’une version logicielle sera disponible, mais le temps
de la création du plan sera économisé puisque le plan sera réalisé durant le
reste de la phase descendante du V. C’est le même principe pour les tests
d’intégration et les tests de modules .

15
Chapitre 2 :
Etat de l’art
16
 I - Etude de l’existant :

Les avantages:

Dans un premier temps, nous allons donc analyser les avantages que
le e-commerce procure a l’entreprise ainsi qu’à ses clients.
· Pour les entreprises :
- Il ouvre un nouveau canal de distribution, un circuit complémentaire pour
certain produit et services de l’entreprise.
- Il permet de couvrir des niches de marcher dont l’atteinte serait jugée trop
onéreuse par les moyens classiques de commercialisation.

17
- Il favorise l’interactivité en développant une relation personnelle avec le
consommateur ou le client, facilitant la vente « < one to one » (personnalisée) et
le sur-mesure.
- Il permet d’envisager des politiques de fidélisations du client à travers une
offre de services et à forte valeur ajoutée.
- Il facilite les transactions en évitant à l’acheteur de se déplacer (donc de lui
faire gagner du temps) tout en lui offrant un service identique et confortable.
- Il donne la possibilité de réduire les prix publics des produits en éliminant la
marge laissée habituellement aux intermédiaires, comme certains couts de
structure.
- L’enregistrement des données via internet est quasiment automatique et
demande peu d’effort.

· Pour les clients :

- Le e-commerce est un extraordinaire outil de présélection ;
- La recherche du meilleur prix ;
- Pas de pression de la part des vendeurs ;
- Un marché aux puces à l’échelle mondiale ;
- Un gain de temps ;
- Une offre actualisée (on trouve les derniers modèles).

3.2. Les inconvénients :

· Pour l’entreprise :
- L’incertitude et le manque de confiance autour de la sécurisation des moyens
de paiement, malgré le fait que dorénavant les méthodes de cryptage de données
assurent une confidentialité quasi parfaite lors de la transaction.
- La résistance des intermédiaires (grossistes, distributeurs) qui craignent une
destruction d’emplois assortie d’une perte de chiffre d’affaires · Pour les
clients :

18
- le pistage informatique à partir des cookies, c’est a’ dire ces petits fichiers qui
identifier l’ordinateur appelant de façon unique afin de pouvoir retracer toute les
habitudes d’appel et de consommation.
- L’insécurité des paiements et la peur de tomber sur un cybermarchand
malhonnête qui ne livre pas. - Le manque de relations humaines et le sentiment
d’isolement devant sa machine (cas des internautes peu expérimentés).
- Le manque de contacte avec le produit. - Les couts de téléphone. - Les
détailles et tarifs de livraison. - Les difficultés de recours en cas d’ennuis.

II - Problématique et solution :

A travers cette application l’agence aura la

possibilité de :
Lister et gérer les clients , gérer les services ,
vente des produits aux clients inscrit dans le site ,
recevoir les messages .

III - Fonctionnalités :

19
Etude des besoins fonctionnels:
Les besoins fonctionnels représentent les attentes de chaque acteur de la
future plate-forme.
Toute solution conceptuelle doit satisfaire, préalablement, à des besoins
fonctionnels afin de
délimiter le périmètre fonctionnel de l‘application et surveiller la
traçabilité des besoins lors
de la phase de développement.
La présente plateforme doit satisfaire les besoins fonctionnels suivants :
➢ Les besoins fonctionnels se présentent en huit grandes parties
➢ Exposition des produits ainsi que leurs prix et caractéristiques.
➢ Inscription des clients.
➢ Ajout des produits choisis au panier.
➢ Confirmation de la commande.
➢ Le payement en ligne. (Paypal/visa…)
➢ Sécuriser les informations des clients
Etude des besoins non fonctionnels:
Un besoin non fonctionnel est une restriction ou une contrainte qui pèse
sur un service du
système, telle les contraintes liées à l’environnement et à
l’implémentation et les exigences en
matière de performances.
Les besoins non fonctionnels sont :
❖ Le code doit être clair pour permettre des futures évolutions ou
améliorations,
❖ Le site doit fournir un accès rapide aux informations, et doit faire
la mise à jour en temps réel,
❖ Partie de livraison,
❖ Partie de promotion
❖ Le site doit être portable, extensible, réutilisable et fiable,
❖ Rapidité du site
❖ Responsivité

20
 Chapitre 2 :
Etude conceptuelle

I -Choix de la méthodologie de conception

Dans la cadre de notre projet, nous avons opté pour le langage UML comme un
langage de conception. Et Merise comme une méthode d'analyse
UML (Unified Modeling Language, traduisez « langage de modélisation objet unifié
») est né de la fusion des trois méthodes qui ont le plus influencé la modélisation objet.
Merise est une méthode d'analyse, de conception et de gestion de projet
informatique. Merise a été très utilisée dans les années 1970 et 1980 pour
l'informatisation massive des organisations

II- Définition des acteurs:

L’administrateur, le client sont les acteurs qui interagissent avec notre système.
Administrateur : c’est le responsable de l’administration du site
Client : C’est l’acteur qui consulte et achète les produits dans le site

III- Définition des cas d'utilisation:

On va décrire pour chaque acteur les cas d’utilisation.
On distingue les cas d'utilisation suivants :

Client :

❖ Consulter la liste des produits

21
❖ Acheter un produit
❖ Créer un compte
❖ Modifier son compte
❖ S’authentifier

Administrateur :

❖ Gestion des produits

❖ Gestion des catégories
❖ Gestion des notifications
❖ Validation des commandes
❖ S’authentifier

Diagramme cas d'utilisateur:

Client :

Administrateur:

22
 IV- MCD Modèle Conceptuel De Données :
Le MCD a pour but d’écrire de façon formelle les données qui seront
utilisées par le système d’information. Il s’agit donc d’une représentation
des données, facilement compréhensible, permettant de décrire le
système d’information à l’aide d’entités.

V- MLD Modèle physique de données :

23
L’étape de création du MPD est presque une formalité comparée à la création du
MCD. En s’appuyant sur des règles simples (et qui fonctionnent à tous les coups),
l’analyste fait évoluer sa modélisation de haut niveau pour la transformer en un
schéma plus proche des contraintes des logiciels de bases de données. Il s’agit de
préparer l’implémentation dans un SGBDR. notre modèle physique de données est le
suivant :

VI- Conclusion
Dans cette partie, j’ai réalisé la modélisation organisationnelle et
logique de notre site . Cette modélisation m’a permis de bien
comprendre le comportement de mon système ainsi que facilité
mon travail dans la phase de réalisation

24
 Chapitre 3 :
Réalisation et
interfaces

I- Introduction :

Après avoir élaboré la conception de mon site , j’aborde dans ce chapitre

le dernier volet de ce rapport, qui a pour objectif d'exposer la phase de
réalisation. La phase de réalisation est considérée comme étant la
concrétisation finale de toute la méthode de conception. Je mène tout
d’abord une étude technique où je décris les ressources logicielles
utilisées dans le développement de mon projet. Je présente en premier lieu
mon
choix de l’environnement de travail, où je spécifie l’environnement
matériel et logiciel que j’ai utilisé pour réaliser mon site de vente puis je
vais détailler l’architecture, aussi je vais présenter quelques interfaces
réalisées pour illustrer le fonctionnement de quelques activités du système

25
 II- Etude technique

L'étude technique est une phase d'adaptation de conception à l'architecture

technique. Elle a pour objectif de décrire au plan fonctionnel la solution à
réaliser d'une manière détaillée ainsi que la description des traitements.
Cette étude, qui suit l'étude détaillée, constitue le complément de
spécification informatique nécessaire pour assurer la réalisation du futur
système. Cette étude permet également de déterminer:

 La structure informatique de la base de données

 L'architecture des programmes
 La structure de chaque programme et l'accès aux données

Environnement de réalisation
Pour la réalisation de notre application, nous avons eu recours à plusieurs
moyens matériels et logiciels

III-Matériels de base

Le développement de l’application est réalisé via deux ordinateurs

portables ayant les caractéristiques suivantes :

Caractéristique Asus Toshiba

Marque Asus Toshiba
Processeur Intel i5 Intel i3
RAM 6GO 6GO
Disque dur 700 GO 500 GO
Système d'exploitation Microsoft Windows 10 Microsoft Windows 10

Tableau :Matériel de base

26
 IV - Les Démarche et outils :

◊ MsProject :

Microsoft Project est un logiciel de gestion de projets édité par Microsoft. Il permet aux chefs
de projet et aux planificateurs de planifier et piloter les projets, de gérer les ressources et le
budget, ainsi que d'analyser et communiquer les données des projets.

◊ Merise :

Merise est une méthode d'analyse, de conception et de gestion de projet informatique.

La méthode Merise d'analyse et de conception propose une démarche articulée simultanément selon 3
axes pour hiérarchiser les préoccupations et les questions auxquelles répondre lors de la conduite d'un
projet :

Cycle de vie : phases de conception, de réalisation, de maintenance puis nouveau cycle de projet.

27
Cycle de décision : des grands choix (GO-NO GO : Étude préalable), la définition du projet (étude
détaillée) jusqu'aux petites décisions des détails de la réalisation et de la mise en œuvre du système
d'information. Chaque étape est documentée et marquée par une prise de décision.

Cycle d'abstraction : niveaux conceptuels, d’organisation, logique et physique/opérationnel (du plus

abstrait au plus concret) L'objectif du cycle d'abstraction est de prendre d'abord les grandes décisions
métier, pour les principales activités (Conceptuel) sans rentrer dans le détail de questions d'ordre de
l’organisation ou technique .

◊ power AMC :

PowerAMC est un logiciel de modélisation. Il permet de modéliser les

traitements informatiques et leurs bases de données associées. Créé par
SDP sous le nom AMC*Designor, racheté par Powersoft, ce logiciel est
produit par Sybase depuis le rachat par cet éditeur en 1995. Hors de
France, la version internationale est commercialisée par Sybase sous la
marque PowerDesigner.

◊ XAMPP http server :

XAMPP est un ensemble de logiciels permettant de mettre en place un

serveur Web local, un serveur FTP et un serveur de messagerie
électronique.Il s'agit d'une distribution de logiciels libres offrant une
bonne souplesse d'utilisation, réputée pour son installation simple et
rapide.

28
◊ 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, PostgreSQL et Microsoft SQL Server.

◊ PhpMyAdmin :

PhpMyAdmin est une application Web de gestion pour les systèmes de gestion de base de
données MySQL et MariaDB, réalisée principalement en PHP et distribuée sous licence GNU
GPL.
Il s'agit de l'une des plus célèbres interfaces pour gérer une base de données MySQL sur un
serveur PHP. De nombreux hébergeurs, gratuits comme payants, le proposent ce qui évite à
l'utilisateur d'avoir à l'installer.

29
Cette interface pratique permet d'exécuter, très facilement et sans grandes connaissances en
bases de données, des requêtes comme les créations de table de données, insertions, mises à
jour, suppressions et modifications de structure de la base de données, ainsi que l'attribution et
la révocation de droits et l'import/export. Ce système permet de sauvegarder commodément
une base de données sous forme de fichier .sql et d'y transférer ses données, même sans
connaître SQL.

Les requêtes SQL restent possibles, ce qui permet de les tester interactivement lors de la
création d'un site pour les utiliser ensuite en batch (c'est-à-dire en différé) une fois au point .

◊ HTML 5  et CSS 3 et javascript (DOM) :

HTML : L’HyperText Markup Language, 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 permet de
créer des documents inter opérables avec des équipements très variés de
manière conforme aux exigences de l’accessibilité du web.

30
CSS : désigne Cascading Style Sheets (pour Feuilles de style en cascade).
Il s'agit d'un langage de style dont la syntaxe est extrêmement simple
mais son rendement est remarquable. En effet, le CSS s’intéresse à la
mise en forme du contenu intégré avec du HTML.
JavaScript : est un langage de programmation de scripts principalement
employé dans les pages web interactives mais aussi pour les serveurs. C’est
un langage orienté objet à prototype, et qui a été créé en 1995.

◊ JQUERY :

Jquery : est une bibliothèque JavaScript libre et multi- plateforme créée pour faciliter l'écriture
de scripts côté client dans le code HTML des pages web.

◊ Bootstrap :

Bootstrap est une collection d'outils utiles à la création du design de sites et d'applications
web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils
de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.

◊ AJAX :

31
Ajax : (Asynchronous JavaScript and XML) permet de construire des

applications Web et des sites web dynamiques interactifs sur le poste

client en se servant de différentes technologies ajoutées aux navigateurs

web entre 1995 et 2005.

◊ ChartJs :

Chart.js est une bibliothèque JavaScript open source gratuite

pour la visualisation des données, qui prend en charge 8 types de
graphiques: barre, ligne, zone, tarte, bulle, radar, polaire et
diffusion.

◊ Font Awesome :

32
 Font Awesome est une police d'écriture et un outil d'icônes qui
se base sur CSS, Less et Sass.

◊ Langage php :

PHP: Hypertext Preprocessor, plus connu sous son sigle PHP, est un langage de
programmation libre, 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.

◊ Framework LARAVEL 8 :

33
 Laravel est un framework web open-source écrit en PHP respectant le
principe modèle-vue-contrôleur et entièrement développé en
programmation orientée objet.

◊ Visual studio code:

Visual Studio Code est un éditeur de code extensible développé par

Microsoft pour Windows, Linux et macOS. Les fonctionnalités incluent la
prise en charge du débogage, la mise en évidence de la syntaxe, la
complétion intelligente du code, les snippets, la refactorisation du code et
Git intégré.

V–Architecture logique
Architecture (MODEL-VIEW-CONTROLLER)
MVC est un patron de conception très répandu pour réaliser des sites web. Ce patron
de conception est une solution éprouvée et reconnue permettant de séparer l’affichage
des informations ; les actions de l’utilisateur et l’accès aux données.

34
 Pour concevoir l’architecture logique de notre système nous option pour l’architecture
MVC (MODEL-VIEW-CONTROLLER) qui consiste a distingué trois entités
distinctes qui sont le modèle, la vue et le contrôleur ayant chacun un rôle précis dans
l’interface.
Dans l’architecture MVC les rôles des trois entêtes sont les suivants :
-Modelé : données (accès et mise à jour)
-Vue : interface utilisateur (entrées et sorties)
-Contrôleur : gestion des évènements et synchronisation

IV-Les interfaces

On commence par la page d’accueil :

35
Tous les service dans la page d’accueil

36
Affichage des produits dans la page d’accueil :

37
Le service localisation dans la page d’accueil :

38
Présentation des taches de l’entreprise : (page about-us)

39
Page services

40
Page details-service :

Page products :

41
Page products/details-products :

42
Page contact :

Envoyer contact

43
Page login et register

44
Se connecter en tant que client :

Modifier profile client

45
Accéder a tous les produits pour commander :

Ajouter un ou plusieurs produits au panier

46
Panier :

47
Payer avec paypal ou bien cache en delivery :

Paypal payement :

48
49
Fin de payement et vider la panier :

50
Se connecter en tant que administrateur :

51
Editer le profile de l’administrateur :

52
Modifier produits :

Gestion des categories :

Ajouter une categorie :

53
Gestion des utilisateur :

Ajouter utilisateur :

54
Gestion des commandes :

Gestion des coupons :

55
Gestion des contacts :

Conclusion
Au terme de ce module (Projet fin de formation) , on a réaliser une application web pour les
vente e-commerce et définir l’entreprise .
Ce projet est divisé en trois parties :
-la 1er partie consiste la problématique et la spécification des besoins .
-la deuxième partie consiste la modélisation et la conception de projet.
-la troisième partie consiste la réalisation de l’application avec les techniques qu’on a
maîtriser .

56
Ce projet était une occasion pour mettre en réalité différentes connaissances acquises durant
ma formation au sein de l’OFPPT, approfondir certaines et apprendre d’autres. De surcroît, ce
projet ma permis de raffiner mes capacités d’abstraction et de conception.
Par ailleurs, j’ai tiré grand profit aussi bien au niveau méthodologique qu’au niveau
technologique.
Finalement , j’ai amélioré mes capacités à s’auto former et gérer les erreurs produites lors
d’une application.

57