MINISTERE DE L'ENSEIGNEMENT SUPERIEUR ET DE LA RECHERCHE

SCIENTIFIQUE

CENTRE UNIVERSITAIRE SALHI AHMED NAAMA

Institut des Sciences & Technologies

Département de Mathématique et d’Informatique

Filière Informatique

Mémoire De Fin D’Etude

Pour L’obtention Du Diplôme De licence En Informatique

Conception et Réalisation d’une

Application Web pour la gestion des
ventes des produits cosmétique.

 Présenté par :
Hachifa Abdeldjalil.
Riahi Ayoub.
 Encadré par :
Dr.Kaouane Moussa.

Année universitaire :2021/2022

1
 Dédicace

Nous dédions ce message à nos parents

Pour leur patience, leur amour et leur soutien
Et à mes amis et collègues.
Sans oublier tous les professeurs
Primaire, collège et lycée ou
Enseignement supérieur.

2
 Remerciements
Avant tout nous remercions dieu le tout
puissant qui nous a donné la force, la patience et
le courage pour qu’on puisse accomplir ce modeste
travail.
Nous remercions profondément notre encadreur
monsieur Kaouane Moussa pour ses suivis et ses
précieuses orientations dans notre travail et Nous
voudraient vous remercier pour tous vos conseils
et vos remarques intéressantes.
Nous exprimons nos reconnaissances à tous
personnes qui a contribué de près ou de loin à
l’achèvement de ce travail; nos enseignants, nos
amis, nos collègues de promotion Licence
Informatique 2022.
Nous remercions également les membres de jury
d’avoir accepté juger ce modeste travail.

3
Sommaire

Introduction générale : …...……………………………………………….. 1

I .Chapitre I : Généralités sur la gestion des stocks…………………………… … 2

I.1 Introduction :………………………………………………………………... 3

I.2 Définition des concepts : …………………………………………………… 3

I.2.1 Gestion : …………………………………………………………………. 3

I.2.2. Stock : ………………………………………………………………..….. 3

I.2.3 Un magasin : …………………………………………….……………….. 3

I.2.4 La gestion des stocks : …………………………………..……………….. 3

I.2.5 Objectif de la gestion des stocks : ……..……...………………………….. 3

I.2.6 Un logiciel de gestion des stocks :……………………………………….. 4

I.3 Conclusion :………………………………………………………………….. 4

II .Chapitre II : Le langage de modélisation UML et conception. ………….…….. 5

II.1 Introduction ………………………………………………………………... 6

II.2 Choix de la méthodologie de conception……………………………….….. 6

II.2.1 Présentation d’UML ………………………………………………..….. 6

II.2.2 Diagrammes de Cas d'utilisations…………………………………..….. 6

II.2.3 Diagramme de classes ……………………………………………..….. 7

II.2.4 Diagramme de séquence ………………………………………...…….. 8

II.2.4.1 Diagramme de séquence «authentification » :………………….….. 8

II.2.4.3 Diagramme de séquence «ajouter un vendeur» : ………………….. 9

II.2.4.4 Diagramme de séquence «ajouter un fournisseur» : ………...…….. 9

II.2.4.2 Diagramme de séquence «ajouter son stock» : ……………...….. 9

II.3 Conclusion ………………………………………………………….…..... 10

III .Chapitre III : Implémentation ………………………………………....…... 11

4
III.1 Introduction …………………………………………………...………... 12
III.2 Les outils utilisés : …………………………………….……………...….. 12

III.3 Les captures : ………………………………………............................….. 12

III.3.1 Page de Authentification : ……………………………………….….. 12

III.3.2 Page de Administrateur : ………………………….……………...….. 12

III.3.3 Page Stock : ……………………………………………………....….. 13

III.3.4 Page ventes : ……………………………………………………...….. 13
III.3.5 Page fournisseur : ………………………………………………...….. 14
III.3.6 Page vendeur : ……………………………………….…………...….. 14
III.3.7 Page gérant : ……………………………………….......................….. 14
III.3.8 Page de Caisse : ………………………………………...………...….. 15

III.3.9 tiquet caisse : ……………………………………….......………...….. 16

III.4 Conclusion : …………………………………………………...……...….. 16

Références bibliographiques : …………………………………………...……...... 17

5
Introduction générale

De nos jours, les applications sont un phénomène pour la facilitation de la

manipulation et la sauvegarde d’informations, et elles ont émergé partout dans
notre vie surtout pour les particuliers, les sociétés, les magasins, les
gouvernements, etc. Car, elle permet d’exécuter des taches avec une efficacité.
Nous avons choisi le thème de création une application web pour la gestion
des ventes des produits cosmétique a cause de sa grande importance pour
facilite service entre acheteur vendeur.
Le but de notre projet est de faciliter le service aux clients, et affichez de
nombreuses données, tâches et activités spécifiques pour chacun des employés
et du propriétaire de la boutique. Pour réaliser cette tache nous avons utilisé la
modélisation UML.

1
 Chapitre I :
Généralités sur la gestion des
stocks.

2
 Chapitre I: Généralités sur la gestion des stocks.

I.1 Introduction :

Dans ce chapitre, nous allons présenter les notions de base de la gestion des stocks.
dans la première partie, on va définir les principaux concepts de ce domaine, puis, nous
allons introduire l’objectif de la gestion des stocks, et enfin. Dans la deuxième partie, on
va donner un aperçu sur les systèmes de gestion des stocks et leur importance dans la vie
quotidienne des entreprises de production.

I.2 Définition des concepts :

I.2.1 Gestion :

la mise en œuvre des ressources pour atteindre des objectifs dans un cadre bien
déterminé [1].

I.2.2 Stock :

Le mot « stock » peut être défini comme étant un produit que l’on garde en vue d’une

utilisation ultérieure. Il représente les biens achetés, transformés ou à vendre dans une

entreprise à un moment donné. Il est ainsi constitué de matières premières, matières

consommables , composants achetés ou fabriqués [2]

I.2.3 Un magasin :

Un magasin est un espace de stockage dans lequel les marchandises sont stockées de
manière ordonnée. précis. Il permet de garder l'état exact de l'article. Il garantit que chaque
article a un point Gestion entre approvisionnement et consommation. C'est ici que nous
pointons l'entrée et sortir. Le magasin propose des emplacements de stockage bien
matérialisés qui permettent Le comptage est effectué pour garantir l'exactitude permanente
de la quantité Articles disponibles [4].

I.2.4 La gestion des stocks :

La gestion des stocks est une étape essentielle qui reste au cœur des préoccupations
des clients Tout manager qui souhaite orienter l'entreprise vers la performance. il est défini

3
comme Une technique pour maintenir un inventaire suffisant et nécessaire pour contrôler
les problèmes Capacité de contrôler et de réguler les entrées et les sorties [1].

I.2.5 Objectif de la gestion des stocks :

La gestion des stocks a pour but de maintenir à un seuil acceptable le niveau des
services pour lequel le stock considéré existe. En effet, l'un des objectifs de la gestion des
stocks est précisément d'aller vers une performance accrue par une meilleure maitrise des
stocks [1] .

I.2.6 Un logiciel de gestion des stocks :

Un logiciel de gestion des stocks est un système informatique qui suit les niveaux de
stocks ventes, commandes, produits et livraison. une entreprise utilise un logiciel de
gestion des stocks pour éviter les stocks produits superflus et dysfonctionnements. C'est
un outil d'organisation des données d'inventaire [1].

I.3 Conclusion :

Dans ce chapitre, nous avons donné un aperçu général sur les principaux concepts de la
gestion des stocks. Ce chapitre a été conclu par définition logiciel de gestion de stock .

4
 Chapitre II :
Le langage de modélisation
UML et conception

5
 Chapitre II : Le langage de modélisation UML et conception

II.1 Introduction :

Un modèle conceptuel de données est une représentation statique d'un système

d'information. Son objectif est de former une représentation claire et cohérente des
données traitées dans un système d'information. section, sera présenté comme suit : Nous
commençons par le choix de l'approche de conception et de la justification. Ensuite, nous
identifions des diagrammes d'acteurs et de cas d'utilisation, puis des diagrammes de
classes, des diagrammes de collaboration et enfin des diagrammes de transition d'état.

II.2 Choix de la méthodologie de conception :

Dans le cadre de ce projet, nous avons choisi le langage UML comme méthode de
conception. Ci-dessous, nous introduisons le langage puis justifions ce choix[3].

II.2.1 Présentation d’UML :[3]

Le langage de modélisation unifié (UML) est un langage de modélisation standardisé

permettant aux développeurs de spécifier, visualiser, construire et documenter les artefacts
du système logiciel. Par conséquent, UML rend ces artefacts évolutifs, sécurisés et
robustes dans leur exécution. UML est un aspect important du développement de logiciels
orientés objet. Il utilise des annotations graphiques pour créer des modèles visuels de
systèmes logiciels. Il fournit un moyen agréable de représenter diverses projections qui
utilisent la même représentation de la vue. Une vue se compose d'un ou plusieurs
diagrammes. Il existe deux types de vues :

 La vue statique : permettant de représenter le système physiquement :

 Diagrammes de classes : représentent des collections d’éléments de modélisation
statiques (classes, paquetages...), qui montrent la structure d'un modèle.
 Diagrammes de cas d’utilisation : identifient les utilisateurs du système (acteurs) et
leurs interactions avec le système.
 La vue dynamique : montrant le fonctionnement du système :
 Diagrammes de collaboration : montrent des interactions entre objet.
 Diagrammes de séquence : permettent de représenter des collaborations en objets
selon un point de vue temporel, on y met l'accent sur la chronologie (envois de messages).
 Diagrammes d’activités : servent à représenter graphiquement le comportement d’une
méthode ou déroulement d’un cas d'utilisation.

II.2.2 Diagrammes de Cas d'utilisations :

6
 Définition : Décrit les fonctionnalités d'un système en termes d'acteurs, d'objectifs en tant
que cas d'utilisation et de dépendances entre les cas d'utilisation.et Pour construire le
diagramme de cas d'utilisation il faut [3]:
• identifier les rôles qui interagissent avec (acteurs).
• déterminer les grandes catégories d'utilisation (cas d'utilisation).
• décrire textuellement les interactions (scenarios).
Notre système est composé de 2 acteurs :
Gérant : permet de mettre des manipulations du stock, fournisseur, les utilisateurs
d’application web, les demande du fournissement, modification de la caisse et consultation
des achats.
Vendeur : permet d’effectuer des ventes.

Figure II.1: Diagrammes de Cas d'utilisations .

II.2.3 Diagramme de classes :

Définition : Représente la classe système, les attributs et les relations entre les classes[3].

7
 Figure II.2: Diagramme de classe de l’application

II.2.4 Diagramme de séquence :

Définition : Représente la communication entre les objets en termes d'une séquence de

messages[3].
II.2.4.1 Diagramme de séquence «authentification» :

Figure II.3: Diagramme de séquence «authentification»

8
II.2.4.2 Diagramme de séquence «ajouter un vendeur» :

Figure II.4: Diagramme de séquence «ajouter un vendeur»

II.2.4.3 Diagramme de séquence «ajouter un fournisseur» :

Figure II.5: Diagramme de séquence «ajouter un fournisseur»

II.2.4.4 Diagramme de séquence «ajouter son stock» :

9
 Figure II.6: Diagramme de séquence «ajouter son stock»

Conclusion :

Nous avons présenté dans ce chapitre la phase de conception de notre système qui
contient les diagrammes de cas d’utilisation qui montrent les différentes relations entre les
cas d’utilisation et les acteurs, ensuite afin de bien décrire les détails de fonctionnement de
notre application nous avons établi les diagrammes de séquences pour faciliter la
réalisation du notre projet, puis le diagramme de classes qui montre les classes du système
et les relations entre elles, dans le chapitre suivant, nous allons entamer la dernière partie
de notre projet dédiée au développement et la réalisation de notre application.

10
 Chapitre III :
Implémentation

11
III.1 Introduction :

Au démarrage de l’application, le système affiche une interface qui représente Page de

Authentification de notre application. A travers cette interface les acteurs peuvent utiliser
le système chacun selon ses droits. Nous donnons une description pour chaque fenêtre ce
qui concerne les différentes interfaces que constituent notre application Web.

III.2 Les outils utilisés :

Wamp : pile de solutions composée du serveur Web Apache pour le support base donne
Html Css Js Php : Langage de programmation
MySQL : est un système de gestion de base de données relationnelles open source .
III.3 Les captures :

III.3.1 Page de Authentification :

Cette page est un moyen d'accéder à une application web qui nécessite que l'utilisateur
saisisse un email d'utilisateur et un mot de passe pour lui permettre d'entrer dans la page
d'accueil Del ‘application web où se trouvent deux types d’utilisateurs : gérant, vendeur.
III.3.2 Page de Administrateur :

Cette page est une page de super admin où l’on trouve tous les services fournis par
l’application web pouvant être gérés par l’administrateur (Gérant). Où il peut stocker les
produits ou ajouter un fournisseur ou un employé et moniteur des ventes ce qui signifie
qu'il peut effectuer tous les services existants dans l'application web.

12
III.3.3 Page Stock :

Sur cette page, vous pouvez ajouter le produit en écrivant le nom, code du produit et la
quantité disponible à partir de ce produit, en plus du produit et de la date de validité du
produit et prix de la vente et nom du fournisseur, puis appuyez sur Enregistrer pour
l'ajouter.
Et aussi afficher les informations sur les produits stockées dans un tableau avec la
possibilité de rechercher, supprimer et modifier les produits dont la date de péremption est
inférieure à trois mois sont affichés en rouge.
III.3.4 Page ventes :

13
Afficher les informations sur les ventes stockées dans un tableau.

III.3. 5 Page fournisseur :

Sur cette les pages, nous pouvons ajouter les fournisseurs en saisissant leur nom,
prénom, email, numéro de téléphone puis cliquer sur enregistrer pour ajouter le
fournisseur.
Et aussi afficher les informations sur les fournisseurs stockées dans un tableau avec la
possibilité de rechercher, supprimer et modifier.

III.3.6 Page vendeur :

Sur cette les pages, nous pouvons ajouter les vendeurs en saisissant leur nom, prénom,
email, mot de pesse puis cliquer sur enregistrer pour ajouter le vendeur.
Et aussi afficher les informations sur les vendeurs stockées dans un tableau avec la
possibilité de rechercher, supprimer et modifier.
III.3.7 Page gérant :

14
Afficher les informations sur le gérant stockées dans un tableau avec la possibilité
modifier .

III.3.8 Page de Caisse :

Le vendeur entre code produit. le système affiche automatiquement le prix et la quantité

du produit en stock ensuite, le vendeur saisit la quantité à vendre

Le botton ajout le produit dans la table, il peut afficher le prix total des produits

Le button supprime ligne sélectionne dans la table

Le button afficher la facture des produits vendus peut l'imprimer

15
III.3.9 tiquet caisse :

III.4 Conclusion :

Notre projet qui est une application web pour la gestion des ventes des produits
cosmétique a été créé en plusieurs étape qui sont :
1. Analyse des besoins avec la un magasin : les informations des produits, donnes utilise
pour mettre un achat …etc.
2. Etude conceptuelle Avec UML : on a utilisé diagramme des cas, diagramme de
séquence et diagramme des classes.
3. Réalisation : on a utilisé le langage html, Css, Js, MySQL, PHP.
Les connaissances acquises au cours de notre projet sont généralement comment les taches
dans le magasin sont devisée, comment les produits sont gérés, et la méthode pour mettre
les ventes. On a trouvé quelques difficultés comme par exemple manque des ressources,
etc.

16
 Références bibliographiques :
[1] M. Kabori, Problématique de la gestion des stocks dans les secteurs hôteliers.
Casde l'hôtel Lac Kivu Lodge de 2009 à 2011, Université Libre des Pays des Grands
Lacs.
[2] Notions de base de la gestion des stocks,
http://www.logistiqueconseil.org/Articles/Entrepot-magasin/Gestion-des-
stocks.htm.
[3] H.Kendouci et Y. Regagda, mémoire « Conception et Réalisation d’une Application
Web permettant aux étudiants de réviser à travers le partage de cours, TD, QCM, QUIZ
…»

[4] Le magasin : buts,

caractéristiques http://www.logistiqueconseil.org/Articles/Entrepot-
magasin/Le-magasin.htm.

17