Rapport de projet

realisé par :

  Adam FERGALI  

Titre :

Réalisation d’une Application Web de

Gestion de Stock

Encadré par :

Mr Boussaid

Mr El Kharchi
 Année Universitaire : 2024-2025

DEDICACES
À mes parents, je tiens à exprimer toute ma reconnaissance pour leur
amour inconditionnel, leur patience sans faille et les nombreux
sacrifices qu’ils ont consentis. Votre soutien constant a été une source
essentielle de motivation et de confiance tout au long de mon
parcours. Sans vous, rien de tout cela n’aurait été possible, et je vous
en suis profondément reconnaissant.

À mes amis, je souhaite adresser mes plus sincères remerciements

pour leur présence fidèle, leurs encouragements sincères et leur
amitié précieuse. Vous avez partagé mes moments de joie comme mes
difficultés, apportant réconfort et énergie à chaque étape. Votre
soutien a grandement contribué à la réussite de ce projet.

À ma famille et à toutes les personnes qui me sont chères, je dédie

également cette réussite. Votre affection constante, votre confiance et
votre bienveillance ont été des piliers solides qui m’ont aidé à
surmonter les obstacles. Merci de faire partie de ma vie et de
m’accompagner avec autant de générosité..
 REMERCIMENT
Je souhaite profiter de cette occasion pour exprimer ma profonde gratitude envers
toutes les personnes qui ont apporté une contribution précieuse à la réussite de mon
projet. Leur soutien, leur accompagnement et leurs conseils éclairés ont été
déterminants dans la réalisation de ce travail.

Je tiens tout particulièrement à remercier sincèrement Monsieur Boussaid et Monsieur

El Kharchi, dont l’encadrement a représenté un véritable atout tout au long de cette
expérience. Leur disponibilité constante, leur écoute attentive, ainsi que leur patience
et leur rigueur ont grandement facilité mon avancée. Grâce à leurs remarques
constructives et à la qualité de leurs recommandations, j’ai pu enrichir mes
compétences, approfondir ma réflexion et surmonter les différents défis rencontrés
durant ce projet.

Leur expertise reconnue dans le domaine, alliée à une bienveillance constante, m’a
offert un cadre d’apprentissage à la fois stimulant et enrichissant. Ils ont su me guider
avec clarté et professionnalisme, tout en me laissant la liberté nécessaire pour
explorer, analyser et développer des solutions personnelles face aux problématiques
rencontrées. Je suis sincèrement reconnaissant d’avoir bénéficié de l’encadrement de
deux enseignants aussi investis et passionnés. Leur soutien a constitué une source
majeure de motivation et a largement contribué à la réussite de ce projet, tant sur le
plan académique que personnel.

2
 LISTE DES FIGURES
Figure 1 : Diagramme de class ............................................................................................ 22

Figure 2: Diagramme de cas d’utilisation Admin ............................................................... 23

Figure 4: Logo de vscode .................................................................................................... 25

Figure 5: Logo de Visily ...................................................................................................... 25

Figure 6: Logo MySQL ....................................................................................................... 26

Figure 7: Logo de php ......................................................................................................... 26

Figure 8: Logo de Html ....................................................................................................... 27

Figure 9: Logo de CSS ........................................................................................................ 27

Figure 10: Logo d UML ...................................................................................................... 28

Figure 11: Interface de connexion administrateur.............................................................. 30

Figure 12: Page Catégorie .................................................................................................. 31

Figure 14: Page Brand ........................................................................................................ 31

Figure 15: Dashboard ......................................................................................................... 32

Figure 16: Liste des clients ................................................................................................. 33

Figure 17: List des produits ................................................................................................ 33

Figure 18: List de fournisseur de produits ........................................................................... 34

3
 TABLES DES MATIERES
DEDICACES ......................................................................................................................... 1

REMERCIMENT ................................................................................................................... 2

LISTE DES FIGURES ........................................................................................................... 3

TABLES DES MATIERES .................................................................................................... 4

INTRODUCTION GENERAL .............................................................................................. 7

Chapitre 1: Cadre Théorique ................................................................................................. 8

1.1. Introduction : ............................................................................................................... 8

1.1.1. Contexte de projet :.............................................................................................. 8

1.1.2. Intérêt du projet : ................................................................................................. 9

1.1.3. Importance pour la Gestion des Stocks : ............................................................. 9

Chapitre 2: Cahier de charge et Spécification ..................................................................... 12

2.1. Introduction : ............................................................................................................. 13

2.2. Cahier des charges :................................................................................................... 13

2.2.1. Contexte général : .............................................................................................. 13

2.2.2. Problématique : .................................................................................................. 13

2.2.3. Solution proposée : ............................................................................................ 14

2.2.4. Acteurs : ............................................................................................................. 15

2.2.5. Etude des besoins : ............................................................................................ 15

4
 2.2.6. Diagramme de Gantt :........................................................................................ 17

2.3. Conclusion : .............................................................................................................. 17

Chapitre 3: Conception et modélisation .............................................................................. 19

3.1. Introduction : ............................................................................................................. 19

3.2. Cycle de vie : ............................................................................................................. 19

3.3. La méthodologie de conception : .............................................................................. 19

3.3.1. UML : ................................................................................................................ 19

3.3.2. Diagramme de class : ......................................................................................... 20

3.3.3. Diagramme de cas d’utilisation : ....................................................................... 20

Chapitre 4: Environnement de travail et outils .................................................................... 22

4.1. Introduction : ............................................................................................................. 23

4.2. Outils de travail : ....................................................................................................... 23

4.2.1. Visual studio code :............................................................................................ 23

4.2.2. Visily :................................................................................................................ 23

4.3. Outils de développement : ......................................................................................... 24

4.3.1. MySQL : ............................................................................................................ 24

4.3.2. PHP : .................................................................................................................. 24

4.3.3. HTML5 : ............................................................................................................ 25

4.3.4. CSS : .................................................................................................................. 25

5
 4.4. Conclusion................................................................................................................. 26

Chapitre 5: Réalisation de projet ......................................................................................... 27

5.1. Introduction : ............................................................................................................. 28

5.2. Les interfaces graphiques : ........................................................................................ 28

Conclusion Générale : .......................................................................................................... 34

Webographie :....................................................................................................................... 36

6
 INTRODUCTION GENERAL
Ce rapport présente le projet que j’ai mené dans le cadre de la conception et du
développement d’une application web dédiée à la gestion de stock. Réalisé dans un contexte
académique, ce travail a pour objectif de fournir une solution numérique simple, efficace et
adaptée aux besoins des entreprises pour la gestion quotidienne de leurs stocks.

Aujourd’hui, la gestion rigoureuse des entrées et sorties de produits, le suivi des fournisseurs,
ainsi que le contrôle des niveaux de stock sont essentiels pour garantir une organisation
optimale et éviter les ruptures ou les surplus. Face à ces enjeux, il devient indispensable de
disposer d’un outil moderne permettant de centraliser et d’automatiser ces opérations.

L’application développée vise à répondre à ces besoins en offrant une interface intuitive, des
fonctionnalités adaptées (gestion des articles, mouvements de stock, alertes, etc.) et un
système de gestion fiable. Ce projet m’a permis d’aborder l’ensemble du cycle de
développement, de l’analyse des besoins à la mise en œuvre, en passant par la modélisation,
le choix des technologies, et le développement des différentes fonctionnalités.

À travers ce rapport, je présenterai les différentes étapes de réalisation, les choix techniques
opérés, ainsi que les difficultés rencontrées et les solutions apportées. Ce projet m’a
également permis de mettre en pratique mes compétences en développement web et en
gestion de projet, tout en répondant à un besoin concret du monde professionnel.

7
 Chapitre 1: Cadre Théorique

1.1. Introduction :
1.1.1. Contexte de projet :

Avec la digitalisation croissante des entreprises, la gestion optimisée des stocks est devenue
un enjeu crucial pour assurer la fluidité des opérations et la satisfaction des clients. Le
développement d’une application web dédiée à la gestion des stocks représente une solution
efficace permettant de centraliser le suivi des produits, d’automatiser les entrées et sorties,
de faciliter la communication entre les différents services, tout en offrant une interface simple
et ergonomique. Cet outil contribue non seulement à améliorer la gestion opérationnelle,
mais aussi à renforcer la compétitivité des entreprises dans un contexte économique en
constante évolution.

Ce projet porte sur la conception, le développement et la mise en œuvre d’une application

web visant à optimiser la gestion des stocks. Son objectif principal est de créer une
plateforme intuitive qui facilite le suivi des articles, la gestion des fournisseurs, la gestion
des mouvements de marchandises ainsi que le contrôle des niveaux de stock. L’application
a pour vocation d’automatiser les processus internes, de minimiser les erreurs et de fournir
aux utilisateurs un outil fiable, sécurisé et facilement accessible.

8
Cette solution permet d’améliorer la réactivité de l’entreprise face aux fluctuations de la
demande, d’optimiser les ressources disponibles et de faciliter la prise de décision grâce à
un suivi en temps réel. Ce projet s’inscrit donc dans une dynamique d’innovation
technologique, répondant aux besoins pratiques des professionnels de la gestion logistique.

1.1.2. Intérêt du projet :

La conception d’une application web dédiée à la gestion des stocks offre plusieurs avantages
majeurs :

Accessibilité et Flexibilité : L’application est accessible à tout moment et depuis n’importe

quel appareil connecté, ce qui permet un suivi instantané des produits et une gestion plus
dynamique des stocks.

Optimisation des Processus Internes : En centralisant les opérations liées aux entrées et
sorties de marchandises, au suivi des fournisseurs et au contrôle des niveaux de stock,
l’application réduit les erreurs humaines, automatise les tâches répétitives et améliore
l’efficacité globale des opérations.

Amélioration de l’Expérience Utilisateur : Dotée d’une interface claire et de fonctionnalités

interactives telles que les alertes de stock bas, les rapports personnalisés et la gestion des
historiques, l’application facilite le travail quotidien des utilisateurs et soutient une prise de
décision rapide et éclairée.

1.1.3. Importance pour la Gestion des Stocks :

Le développement d’une application web dédiée à la gestion de stock présente une grande
pertinence, tant sur le plan opérationnel que technologique, en répondant aux besoins
croissants des entreprises pour une gestion efficace et sécurisée de leurs inventaires,
fournisseurs et achats.

• Répondre à une Exigence Croissante

9
Avec l’augmentation des flux de marchandises, la diversité des fournisseurs et la complexité
des processus d’achat, il est devenu indispensable pour les entreprises de disposer d’outils
numériques performants permettant un suivi précis et en temps réel des stocks, des
commandes fournisseurs et des besoins en approvisionnement, afin d’éviter ruptures et
surplus.

• Accessibilité et Flexibilité

Une application web permet aux utilisateurs d’accéder aux données relatives aux produits,
aux fournisseurs, aux commandes et aux stocks à tout moment et depuis n’importe quel
appareil connecté. Cette flexibilité facilite la gestion des approvisionnements, des ventes,
des transferts de produits et des relations avec les fournisseurs.

• Efficacité Opérationnelle

La gestion informatisée des mouvements de stock, des achats et des fournisseurs automatise
les tâches répétitives, optimise les processus internes et réduit les risques d’erreurs humaines.
Cela permet au personnel de se concentrer sur des missions stratégiques, comme la
négociation avec les fournisseurs ou la gestion des commandes.

• Sécurité et Conformité

Le traitement des données sensibles liées aux produits, aux fournisseurs et aux opérations
d’achat nécessite des mesures de sécurité rigoureuses. Une application bien conçue assure la
protection des informations, le respect des normes en vigueur, ainsi que la traçabilité
complète des transactions.

• Expérience Utilisateur Optimisée

Grâce à une interface intuitive et moderne, l’application offre une navigation fluide, des
outils de recherche avancée, des alertes personnalisées (par exemple pour les stocks faibles
ou les commandes en attente) et des rapports détaillés. Ces fonctionnalités facilitent la prise
de décision, améliorent la gestion quotidienne et renforcent les relations avec les partenaires
commerciaux.

10
1.1.4 Apports Fonctionnels d’une Solution Web pour la Gestion de Stock

La conception et le déploiement d’une application web pour la gestion de stock revêtent une
importance stratégique majeure, tant pour la digitalisation des processus logistiques que pour
l’amélioration de la performance interne des entreprises.

• Accessibilité et Visibilité

Une application web bien conçue permet un accès permanent aux données de stock, aux
informations produits et aux mouvements d’inventaire. Elle offre une visibilité continue sur
l’état des entrepôts et permet aux responsables de prendre des décisions en temps réel, quel
que soit leur emplacement.  Sécurité des Données

La gestion des stocks implique la manipulation de données sensibles, telles que les niveaux
de stock, les historiques d’achats, les fournisseurs et les utilisateurs du système. Il est donc
essentiel d’implémenter des mécanismes de sécurité avancés afin d’assurer la confidentialité,
l’intégrité et la traçabilité des informations.

• Analyse et Optimisation

L’intégration d’outils de reporting et de visualisation permet de suivre les flux d’entrées et

de sorties, d’identifier les produits à forte rotation, de détecter les anomalies et d’optimiser
la gestion des réapprovisionnements, des achats et des fournisseurs.

• Expérience Utilisateur (UX)

Une interface intuitive, fluide et ergonomique permet aux différents intervenants

(gestionnaires, magasiniers, agents d’achats) de manipuler l’application avec facilité. Une
bonne UX réduit le temps de formation et favorise une utilisation efficace et cohérente de
l’outil.

• Suivi des Achats et des Fournisseurs

11
L’application permet d’automatiser le suivi des commandes fournisseurs, de gérer les fiches
fournisseurs, les bons de livraison, les factures et les historiques d’achats. Cela améliore la
coordination entre les services et assure une traçabilité complète des opérations.

• Centralisation de la Gestion des Produits et des Stocks

Grâce à une base de données centralisée, tous les produits sont répertoriés, classifiés et mis
à jour en temps réel. L’automatisation des mouvements de stock (entrées/sorties/transferts)
réduit les erreurs humaines et assure une gestion optimale des quantités disponibles.

Chapitre 2: Cahier de charge

et Spécification

12
2.1. Introduction :

Dans ce chapitre, nous décrivons les spécifications fonctionnelles et techniques de

l'application de gestion de centres de cours de soutien. Ces spécifications servent de base
pour le développement de la solution et garantissent qu'elle répondra aux attentes des
utilisateurs et aux objectifs fixés.

2.2. Cahier des charges :

2.2.1. Contexte général :

Le projet a pour objectif de développer une application web dédiée à la gestion des stocks,
offrant une solution centralisée, moderne et efficace aussi bien pour les administrateurs que
pour les utilisateurs du système. Les administrateurs pourront gérer les produits, les
fournisseurs, les mouvements d’entrées et de sorties, les commandes d’approvisionnement,
ainsi que les utilisateurs autorisés.

La plateforme permettra également un suivi en temps réel des niveaux de stock, la

consultation des historiques de transactions, la génération de rapports statistiques, et
l’optimisation des flux logistiques. Grâce à une interface intuitive et accessible, cette
application simplifie la gestion quotidienne des opérations tout en assurant une meilleure
coordination entre les différents services de l’entreprise.

Ce système numérique vise à améliorer l’efficacité opérationnelle, réduire les erreurs

humaines, automatiser les processus répétitifs et offrir un environnement de travail fluide,
sécurisé et adapté aux besoins de la gestion moderne des stocks.

2.2.2. Problématique :

Comment assurer une gestion efficace, centralisée et en temps réel des produits, des
fournisseurs, des commandes et des mouvements de stock au sein d’une seule plateforme ?

Comment garantir la sécurité des données sensibles liées aux utilisateurs, aux fournisseurs
et aux opérations internes, notamment lors des traitements d’approvisionnement et des mises
à jour du stock ?
13
Comment permettre aux utilisateurs de rechercher, filtrer et consulter les articles de manière
rapide, intuitive et selon plusieurs critères (catégorie, niveau de stock, fournisseur, etc.) ?

Comment offrir une interface fluide et conviviale permettant à tous les intervenants
d’accéder facilement aux informations nécessaires et de gérer efficacement les opérations
liées au stock ?

2.2.3. Solution proposée :

L’objectif de ce projet est de concevoir une application web dédiée à la gestion centralisée
des opérations liées au stock au sein d’une entreprise. Cette plateforme a pour but de fournir
une interface intuitive, fonctionnelle et sécurisée pour les administrateurs et les utilisateurs
autorisés, afin de simplifier le suivi des produits, des fournisseurs et des opérations
d’approvisionnement.

Les fonctionnalités principales de l'application incluent :

✔ Gestion des profils utilisateurs et des rôles administratifs.

✔ Suivi des produits : ajout, modification, suppression, classification par catégories.

✔ Suivi des niveaux de stock en temps réel, avec historique des mouvements d’entrées et de
sorties.

✔ Gestion complète des fournisseurs et des relations d’approvisionnement.

✔ Enregistrement et suivi des achats (commandes d’approvisionnement, statut, réception).

✔ Système de connexion sécurisé pour assurer la confidentialité des données sensibles.

✔ Interface personnalisable et filtrage multicritère des produits (catégorie, stock disponible,

fournisseur, etc.).

✔ Accès rapide aux tableaux de bord et statistiques selon le profil de l’utilisateur.

14
2.2.4. Acteurs :

L’administrateur est l’acteur central de la plateforme. Il est responsable de la gestion

complète du système, notamment de la création, la modification et la suppression des
produits, des catégories, des fournisseurs et des commandes d’approvisionnement. Il gère
également les profils des utilisateurs, attribue les rôles et assure le contrôle d’accès au
système.

Il supervise l’ensemble des opérations liées au stock : mouvements d’entrée et de sortie,

niveaux de stock en temps réel, historiques d’activités, et alertes en cas de seuil critique.
L’administrateur a accès à des outils d’analyse avancés, permettant de générer des rapports
statistiques, de visualiser les performances d’approvisionnement, et de prendre des décisions
stratégiques pour optimiser la gestion des ressources matérielles de l’entreprise.

2.2.5. Etude des besoins :

2.2.5.1. Besoins fonctionnels :

Les besoins fonctionnels de l’application se déclinent en sept grandes catégories :

• Gestion des produits :

L’administrateur doit pouvoir ajouter, modifier ou supprimer des produits. Chaque produit
est associé à une catégorie, un niveau de stock, une unité de mesure, un prix d’achat et un
fournisseur. Le système doit aussi permettre le suivi des stocks en temps réel, l’identification
des produits en rupture ou proches du seuil critique, ainsi que la génération d’alertes
automatiques.

• Gestion des fournisseurs :

L’application doit permettre la gestion complète des fournisseurs : enregistrement de leurs

coordonnées, historique des commandes effectuées auprès d’eux, évaluation des délais de
livraison et suivi des performances.

• Gestion des catégories :

15
Les produits doivent être classés par catégories pour une meilleure organisation.
L’administrateur doit pouvoir créer, modifier ou supprimer ces catégories selon les besoins
de l’entreprise.

• Gestion des commandes d’approvisionnement (purchases) :

Le système doit permettre la création de bons de commande, le suivi des livraisons, la

validation des réceptions, et l’archivage des achats effectués. Il doit également générer des
statistiques sur les volumes et la fréquence des achats.

• Espace utilisateur sécurisé :

Chaque utilisateur (administrateur ou autre profil autorisé) dispose d’un espace personnel
avec authentification sécurisée. Il peut y consulter ses actions, gérer ses paramètres, et
accéder aux fonctionnalités en fonction de ses droits.

• Consultation du stock :

Les utilisateurs autorisés doivent pouvoir consulter l’état actuel du stock, effectuer des
recherches par catégorie, nom de produit, niveau de stock ou fournisseur, et accéder à des
fiches produites détaillées.

• Historique et rapports :

Le système doit conserver un historique complet des mouvements de stock, des achats et des
modifications effectuées. Des rapports personnalisés (mensuels, par produit, par
fournisseur…) peuvent être générés pour faciliter l’analyse et la prise de décision.

2.2.5.2. Les besoins non fonctionnels :

Les besoins non fonctionnels décrivent les critères qualité pour un système ou une
application, ils comprennent :

Sécurité: La plateforme doit garantir la sécurité des informations d'identification et

financières des utilisateurs, ainsi que la confidentialité des données des projets. La sécurité

16
des données doit être assurée à travers des mécanismes tels que le chiffrement des données,
Le pare-feu et les contrôles d'accès.

Performance : La plateforme doit être rapide, fiable et résistante, pour permettre une
expérience utilisateur fluide et sans interruption. Les temps de chargement doivent être
courts, les erreurs doivent être minimisées et la disponibilité doit être assurée à tout moment.

Interface utilisateur : La plateforme doit offrir une interface utilisateur intuitive et facile à
utiliser, avec une navigation claire et cohérente.

Interface conviviale : Assurez-vous que l'application possède une interface intuitive et facile
à naviguer. Les utilisateurs doivent pouvoir accéder rapidement aux différentes
fonctionnalités, telles que la réservation, l'annulation, etc…

Réactivité : L'application doit être réactive et fournir des réponses rapides aux actions des
utilisateurs. Cela inclut des temps de chargement rapides, des transitions fluides entre les
écrans et des notifications en temps réel pour les mises à jour importantes

2.2.6. Diagramme de Gantt :

Le diagramme de GANTT est un outil permettant de modéliser la planification des tâches

nécessaires à la réalisation d'un projet. Il s'agit d'un outil inventé en 1917 par Henry L.
GANTT. Dans un diagramme de GANTT chaque tâche est représentée par une ligne, tandis
que les colonnes représentent les jours, semaines ou mois du calendrier selon la durée du
projet.

2.3. Conclusion :

Dans ce chapitre, nous avons analysé en détail les besoins fonctionnels ainsi que les
exigences techniques de l’application web dédiée à la gestion d’une agence de voyage. Nous

17
avons identifié les principales fonctionnalités à intégrer, tout en anticipant les défis potentiels
et en proposant des solutions adaptées pour garantir une plateforme performante et fiable.

Afin d’assurer une expérience utilisateur optimale, plusieurs contraintes clés ont été définies
la conception d’une interface ergonomique, intuitive et responsive (adaptée à tous les types
d’appareils), l’intégration de fonctionnalités spécifiques liées à la gestion des clients, des
offres de voyage et des réservations, ainsi que la mise en œuvre de mesures robustes pour la
protection des données personnelles.

Une attention particulière a également été portée à la compatibilité multi-navigateurs, à la

disponibilité d’un support utilisateur réactif, ainsi qu’à la réalisation de tests réguliers afin
de garantir la stabilité, la sécurité et l’amélioration continue de l’application.

Grâce à ces spécifications, le développement de cette solution permettra de répondre

efficacement aux attentes des administrateurs et des clients, en assurant une gestion
centralisée, fluide et sécurisée des activités de l’agence de voyage.

18
 Chapitre 3: Conception et
modélisation
3.1. Introduction :

Dans ce chapitre, nous allons aborder la modélisation et la conception de notre projet en

utilisant les diagrammes UML Nous allons commencer par les diagrammes de cas
d'utilisation, suivi du diagramme de séquence et du diagramme de classe. Enfin, nous allons
expliquer la structure de notre base de données. Cette approche nous a permis de concevoir
des systèmes bien structurés qui répond aux besoins de nos utilisateurs.

3.2. Cycle de vie :

Le cycle de vie spiral est un modèle de développement logiciel itératif qui permet aux équipes
de s'adapter aux changements et aux risques potentiels tout au long du processus de
développement. Ce modèle se compose de quatre phases : planification, analyse des risques,
ingénierie et évaluation. La planification implique la définition des objectifs et des
exigences, l'analyse des risques permet d'identifier les risques potentiels et de les gérer,
l'ingénierie implique le développement, les tests et la documentation, et l'évaluation permet
de vérifier la qualité du produit et d'identifier les points à améliorer pour la prochaine
itération. Le modèle spiral offre une approche structurée tout en permettant une flexibilité et
une adaptation en cours de développement, ce qui en fait un choix populaire pour les projets
de fin d'étude. Avec cette cycle de vie n avais pas correctement un batch that has no
complications

3.3. La méthodologie de conception :

3.3.1. UML :

Les diagrammes UML peuvent être utilisés comme une façon de visualiser un projet avant
qu'il ne se déroule ou comme documentation pour un projet par la suite. Le but général des
19
diagrammes UML est de permettre aux équipes de visualiser comment fonctionne ou
fonctionnera un projet.
3.3.2. Diagramme de class :

Figure 1 : Diagramme de class

3.3.3. Diagramme de cas d’utilisation :

Le rôle des diagrammes de cas d'utilisation est de collecter, d'analyser, d'organiser les
exigences et de lister les principales fonctionnalités d'un système. C'est donc la première
étape UML pour la conception du système. Le diagramme de cas d'utilisation comporte 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.

Un cas d’utilisation : c'est l'unité cohérente représentant une fonctionnalité visible

d'utilisation.

Relations : c'est l'unité cohérente représentant une fonctionnalité visible d'utilisation Les
relations dans les cas d’utilisation :

20
• L’inclusion : un cas A inclus dans un cas B si le comportement décrit par A est inclus
dans le comportement de B. On dit que B dépend de A.

• L’extension : on dit que A étend B si le comportement du ce dernier peut être étendu par
l’autre
• Généralisation/ spécialisation : un cas A une généralisation d’un cas B si best est un
cas particulier de A, cette relation est présente dans la plu part des diagrammes d’UML,
et se traduit par le concept d’héritage dans les langages orientés objet.

21
 Figure 2: Diagramme de cas d’utilisation Admin

Chapitre 4: Environnement de
travail et outils

22
4.1. Introduction :

L'utilisation d'outils lors de la création d'une application web est essentielle, en particulier
les logiciels de développement et les Framework web. Ce chapitre présente tous les outils
utilisés pour créer notre application.

4.2. Outils de travail :

4.2.1. Visual studio code :

Figure 3: Logo de vscode

Visual Studio Code, également communément appelé VS Code, est un éditeur de code source
créé par Microsoft pour Windows, Linux et MacOs. Il possède des fonctionnalités telles que
le débogage, la coloration syntaxique, la complétion intelligente de code, les extraits de code,
la refactorisation de code et Git intégrer. Les utilisateurs peuvent changer le thème, les
raccourcis clavier, les préférences et installer des extensions qui ajoutent des fonctionnalités
supplémentaires.

4.2.2. Visily :

23
 Figure 4: Logo de Visily

Visily est une plateforme de design de prototypage qui permet aux équipes de créer
rapidement des maquettes interactives et des prototypes pour des applications web et
mobiles. Elle offre une interface intuitive avec des outils de glisser-déposer, des
bibliothèques de composants prédéfinis et des fonctionnalités de collaboration en temps réel.
Visily simplifie le processus de conception, permettant aux développeurs, designers et parties
prenantes de visualiser et itérer sur des idées de manière efficace avant de passer à la phase
de développement.

4.3. Outils de développement :

4.3.1. MySQL :

Figure 5: Logo MySQL

4.3.2. PHP :

Figure 6: Logo de php

24
PHP (Hypertext Preprocessor) est un langage de script largement utilisé, open-source,
particulièrement adapté au développement web. Il peut être intégré dans des pages HTML et
est principalement utilisé pour créer des pages web dynamiques et interactives. PHP est un
langage côté serveur, ce qui signifie qu'il s'exécute sur le serveur web pour générer le contenu
HTML avant de l'envoyer au navigateur du client.

4.3.3. HTML5 :

Figure 7: Logo de Html

HTML (HyperText Markup Language) est le langage de balisage standard utilisé pour
structurer et afficher le contenu des pages web. C'est l'une des technologies fondamentales
du web, aux côtés de CSS (pour la mise en forme) et JavaScript (pour les interactions
dynamiques). HTML utilise des balises pour définir la structure et le contenu des documents
web.

4.3.4. CSS :

Figure 8: Logo de CSS

25
CSS (Cascading Style Sheets) est un langage de style utilisé pour contrôler l'apparence et la
mise en forme des documents HTML. Il permet de séparer le contenu (HTML) de la
présentation (CSS) et joue un rôle essentiel dans la création de pages web modernes et
attractives.

Figure 9: Logo d UML

UML (Unified Modeling Language) est un langage de modélisation graphique utilisé pour
représenter visuellement la conception et la structure des systèmes logiciels. Il offre une
notation standardisée pour décrire les différents aspects d'un système, tels que les classes, les
objets, les relations, les comportements et les interactions. UML facilite la communication
entre les membres de l'équipe de développement et permet de mieux comprendre, concevoir
et documenter les logiciels.

4.4. Conclusion

En conclusion, les outils de développement modernes constituent des piliers essentiels pour
la création d’applications web performantes. Les frameworks tels que CodeIgniter et
Bootstrap facilitent le développement rapide et structuré, tandis que des langages comme
JavaScript, associés à HTML5 et CSS3, permettent de créer des interfaces dynamiques et
visuellement attrayantes. En utilisant ces technologies de manière cohérente, les
développeurs peuvent produire des solutions web robustes et adaptées aux besoins
spécifiques des utilisateurs, tout en garantissant une expérience fluide et engageante.

26
Chapitre 5: Réalisation de
projet

27
5.1. Introduction :

Ce chapitre a pour objectif principal de présenter le projet final, marquant ainsi la phase de
réalisation concrète de l’application web. Après avoir défini les besoins, conçu
l’architecture et planifié les différentes étapes de développement, nous abordons ici la mise
en œuvre pratique du système. Dans cette partie, nous mettrons en avant plusieurs
interfaces clés de l’application. Ces interfaces permettent non seulement d’illustrer le travail
réalisé, mais également de vous offrir une vue d’ensemble du fonctionnement et de
l’ergonomie du système. Chaque capture d’écran sera accompagnée d’une description
détaillée, expliquant son utilité, ses fonctionnalités, ainsi que les interactions possibles pour
l’utilisateur. L’objectif de cette présentation est de vous situer concrètement dans le projet,
en vous montrant comment les fonctionnalités précédemment décrites ont été intégrées dans
une interface conviviale et intuitive.

5.2. Les interfaces graphiques :

Figure 10: Interface de connexion administrateur

Cette interface constitue le point d’entrée principal pour les administrateurs de l’application
web. Elle permet un accès direct et sécurisé au tableau de bord (Dashboard), qui regroupe

28
l’ensemble des fonctionnalités essentielles à la gestion de la plateforme. Dès la connexion,
l’administrateur est redirigé vers cette interface centrale, conçue pour offrir une vue
d’ensemble claire et intuitive sur les différentes activités du système. Le tableau de bord
présente généralement des indicateurs clés, tels que le nombre d’utilisateurs enregistrés, les
sessions en cours, les notifications importantes ou encore des statistiques globales liées à
l’utilisation de l’application. Cette interface joue donc un rôle crucial dans le pilotage de
l’application, en facilitant la navigation vers les modules de gestion (utilisateurs, modules,
sessions, rapports, etc.) et en permettant une prise de décision rapide et efficace grâce à une
visualisation synthétique des données.

Figure 11: Page Catégorie

Cette interface constitue l’espace principal dédié à la gestion des catégories de produits au
sein de l’application web. Elle permet à l’administrateur d’ajouter, de modifier, de supprimer
et de consulter les différentes catégories disponibles, facilitant ainsi l’organisation et la
structuration du catalogue. Grâce à une présentation claire et intuitive, cette interface offre
une vue d’ensemble sur l’ensemble des catégories existantes, incluant des informations telles
que le nom, la description et le nombre de produits associés. Elle joue un rôle essentiel dans
l’administration du système en assurant une classification logique des produits, ce qui
améliore la navigation pour les utilisateurs finaux et simplifie la gestion interne pour les

29
administrateurs.

Figure 12: Page Brand

Cette interface contient l’espace principal de gérance des Brands de produits.

30
 Figure 13: Dashboard

Cette interface correspond au tableau de bord (Dashboard) de l’application, et elle constitue

la première page affichée immédiatement après l’authentification de l’utilisateur, en
particulier pour les administrateurs. Elle offre un aperçu global et synthétique de l’ensemble
du système, regroupant des informations clés telles que les statistiques générales, les
dernières activités, les alertes importantes ou encore les raccourcis vers les modules de
gestion. Conçue pour être à la fois intuitive et fonctionnelle, cette interface permet une
navigation rapide vers les différentes sections de l’application et facilite la prise de décision
grâce à la visualisation directe des données essentielles. Elle représente ainsi le centre de
pilotage de l’application et un point de départ stratégique pour toutes les opérations de
gestion.

Figure 14: Liste des clients

Cette interface contient l’espace principal de gérance des clients.

31
 Figure 15: List des produits

Cete interface représente l’espace central dédié à la ges�on des produits au sein de
l’applica�on web. Elle permet à l’administrateur d’effectuer les principales opéra�ons liées
aux produits, telles que l’ajout de nouveaux ar�cles, la modifica�on des informa�ons
existantes (nom, descrip�on, prix, image, etc.), la suppression de produits obsolètes, ainsi
que la consulta�on d’une liste détaillée des produits enregistrés dans le système. Conçue
pour être claire et fonc�onnelle, cete interface facilite le suivi et l’organisa�on du catalogue
produit, en offrant une vue structurée et un accès rapide aux ac�ons de ges�on essen�elles,

32
ce qui contribue à une administra�on efficace et à jour de l’inventaire.

Figure 16: List de fournisseur de produits

Cette interface contient l’espace principal de gérance des fournisseurs de produits.

33
 Conclusion Générale :
Ce projet a permis de concevoir, développer et mettre en œuvre une application web dédiée
à la gestion de stock, répondant à une problématique essentielle rencontrée par de
nombreuses entreprises : le suivi efficace, sécurisé et centralisé des ressources matérielles.
L’objectif principal était de fournir un outil numérique moderne permettant de superviser les
produits, les fournisseurs, les achats, les utilisateurs et l’ensemble des mouvements d’entrée
et de sortie de marchandises de manière claire, fluide et automatisée.

Tout au long du projet, plusieurs défis ont été relevés : la définition précise des besoins
fonctionnels et non fonctionnels, la conception d’une architecture robuste, l’intégration
d’une interface ergonomique et intuitive, ainsi que la mise en place de mécanismes de
sécurité fiables pour garantir la confidentialité et l’intégrité des données. Grâce à une
approche méthodologique rigoureuse, des itérations de développement progressives et des
tests continus, l’application a pu évoluer pour atteindre un niveau de fiabilité satisfaisant.

L’un des points clés de cette application réside dans sa capacité à centraliser et à automatiser
les opérations de gestion, ce qui représente un gain considérable en termes de temps, de
productivité et de réduction des erreurs humaines. Les administrateurs peuvent aisément
créer, modifier ou supprimer des produits, gérer les fournisseurs et les catégories, suivre les
achats effectués, et accéder à des tableaux de bord analytiques permettant une prise de
décision éclairée. Par ailleurs, les niveaux de stock sont mis à jour en temps réel, ce qui
permet d’éviter les ruptures imprévues et de planifier les réapprovisionnements de manière
optimale.

En mettant l'accent sur la sécurité des données, la performance du système et l’expérience

utilisateur, l'application a démontré qu’il est possible de concilier robustesse technique et
simplicité d’utilisation. Cette solution s’inscrit dans une logique d’amélioration continue et
pourrait, à l’avenir, intégrer de nouvelles fonctionnalités telles que la gestion des ventes, des
alertes de seuil critique, ou encore des modules de reporting avancé avec exportation de
données.

34
En conclusion, ce projet constitue une contribution significative à la digitalisation de la
gestion logistique. Il a permis non seulement de mettre en pratique des compétences
techniques en développement web et en modélisation, mais aussi de développer une vision
globale des enjeux liés à l'organisation interne des entreprises. Il représente une base solide
et évolutive pour toute structure souhaitant optimiser la gestion de ses stocks de manière
intelligente, durable et sécurisée.

35
 Webographie :
https://github.com/ https://stackoverflow.com/

https://chat.openai.com/

https://www.lucidchart.com/

https://www.visily.ai/

https://www.apachefriends.org/

https://www.php.net/

https://getbootstrap.com/

36