Mémoire de fin d'étudesdéposé à l'

UNIVERSITÉ MOHAMED BOUDIAF – MSILA

FACULTÉ DESMATHÉMATIQUESET DE L'INFORMATIQUE

DÉPARTEMENT DE L'INFORMATIQUE

Pourla satisfaction partielle des exigences dudiplôme de

MasterenInformatique

Par
Zakaria mazari

Titre du mémoire

Une plateforme numérique dédiée

aux commerçants et
consommateurs pour contrôler
les prix(" pricefinder")
Sousla direction de

MohamedBounif
Composition du jury

Abdelghani boudaa Université de M’sila Président

Mohamed Bounif Université de M’sila Rapporteur
Zohir Tahri Université de M’sila Examinateur
June, 2024

1
2
Dedications
Enfin et surtout, je veux me remercier, je veux me remercier d'avoir cru en moi, je veux
me remercier d'avoir fait tout ce travail acharné, je veux me remercier de ne pas avoir
de jours de congé, je veux me remercier de ne jamais arrêter, je veux remercie-moi
d'être toujours un donateur et d'essayer de donner plus que ce que je reçois, je veux me
remercier d'essayer de faire plus de bien que de mal, je veux me remercier d'être juste
moi à tout moment.

3
 Remerciements

Je remercie en premier lieu Dieu tout puissant de m’avoir accordé la puissance et la

volonté pour achever ce travail.
Je tiens à exprimer ma gratitude et ma reconnaissance à mon directeur de thèse : Dr.
BOUNIF Mohamed pour son aide précieuse, sa disponibilité, son suivi permanent et ses
conseils avisés qui m’ont beaucoup aidé à mener à bien ce travail.
Je voudrais également remercier les membres du jury pour avoir accepté d’évaluer ce
travail et pour toutes leurs remarques et critiques, ainsi que le personnel et les enseignants
qui ont contribué à ma formation.
Je remercie tous ceux qui ont contribué de près ou de loin à l’élaboration de ce mémoire.
Enfin, je voudrais exprimer ma reconnaissance envers mes proches et ma famille pour leur
soutien indéfectible tout au long de ce parcours.

4
Contents

Introduction.........................................................................................................................14
Chapitre1 : Concepts de base.............................................................................................15
Introduction.....................................................................................................................15
1. Applications similaires :.........................................................................................16
1.1. Google Shopping:.............................................................................................16
1.2 PriceGrabber:...................................................................................................17
1.3. Shopzilla :..............................................................................................................17
2. Précautions d'application :.....................................................................................18
2.4. Performances du site :.........................................................................................19
2.5. Expérience utilisateur :........................................................................................19
2.6. Intégration :..........................................................................................................19
2.7. Compatibilité :......................................................................................................19
2.8. Durabilité :............................................................................................................19
3. Privilèges de candidature :.........................................................................................19
Conclusion:.......................................................................................................................21
Chapitre2 : La conception de diagrammes et UML........................................................23
Introduction.....................................................................................................................23
1. UML :........................................................................................................................23
2. Définition du Diagrammes d’UML :.....................................................................23
2.1. Diagrammes de cas d'utilisation :....................................................................23
2.2. Diagrammes de séquence :...............................................................................23
2.3. Diagrammes de classes:....................................................................................23
2.4. Diagrammes d'activités:...................................................................................24
[Link] des modèles de projets :..........................................................................24
3.1. Diagrammes de cas d'utilisation :......................................................................24
3.2. Diagrammes de séquence:................................................................................28

5
 3.2. Diagramme de Class :......................................................................................47
3.3. Diagramme de Activity :..................................................................................48
Conclusion:...........................................................................................................................49
Chapitre3 : Développement................................................................................................50
Introduction :...................................................................................................................50
1. hard ware :...............................................................................................................50
1.1. téléphone intelligent(Samsung galaxy s10 5g) :...........................................50
2. soft ware :..................................................................................................................50
2.1. Système d'exploitation :..................................................................................50
2.2. Programmes :...................................................................................................51
3. Implémentation et Résultats :................................................................................54
3.1. Les résultats résultant de l'exécution du code du Application Mobile :...54
3.2. Les résultats résultant de l'exécution du code du site web:.......................61
Conclusion :......................................................................................................................67
Conclusion générale :..........................................................................................................68
Les références :....................................................................................................................69

Liste des figures

Figure 1: Une image de l'interface de l'application Google Shopping..................................13

Figure 2: Site Web PriceGrabber............................................................................................14

6
Figure 3: Site Web Shopzilla..................................................................................................15

Figure 4: diagramme cas utilisation global............................................................................21

Figure 5: diagramme du séquence cas utilisation « Connectez-vous administrateur »......24

Figure 6: diagramme du séquence cas utilisation « Ajouter un produit «...........................26

Figure 7: diagramme du séquence cas utilisation « Ajustement de prix»...........................29

Figure 8: diagramme du séquence cas utilisation « Supprimer le produit»........................32

Figure 9: diagramme du séquence cas utilisation « Supprimer la catégorie».....................34

Figure 10: diagramme du séquence cas utilisation « Modifier un produit»........................36

Figure 11: diagramme du séquence cas utilisation « Modifier la catégorie»......................38

Figure 12: diagramme du séquence cas utilisation « Ajouter une catégorie»«...................40

Figure 13: diagramme du séquence cas utilisation « Ajouter un prix»................................42

Figure 14: diagramme du Class..............................................................................................44

Figure 15: diagramme du Activity..........................................................................................45

Figure 16: Affichage de la Liste des Produits dans l'Application Mobile...............................52

Figure 17: Interface Détails et Réclamation..........................................................................53

Figure 18: Interface Liste des Prix par État............................................................................54

Figure 19: Interface Choix entre Détail et Gros.....................................................................55

Figure 20: Interface Affichage de Produits par État..............................................................56

Figure 21: Interface Gestion des Sous-Catégories.................................................................57

Figure 22: Interface Affichage des Prix des Produits par État et Catégorie..........................58

Figure 23: Interface Gestion Complète des Produits par État...............................................59

Figure 24: Interface Ajout de Produits...................................................................................59

Figure 25: Interface Gestion des Réclamations.....................................................................60

Figure 26: Interface Création de Catégories..........................................................................61

Figure 27: Interface Gestion des Catégories..........................................................................61

7
Liste des tableaux

Tableau 1: Tableau descriptif des cas d'utilisation................................................................23

Tableau 2: Description détaillée de chaque cas d'utilisation................................................24

Tableau 3: descriptif des étapes de la procédure de connexion...........................................25

Tableau 4: descriptif des étapes d’ajout d’un produit..........................................................27

Tableau 5: descriptif des étapes pour ajuster le prix............................................................30

Tableau 6: descriptif des étapes pour supprimer un produit................................................32

Tableau 7: descriptif des étapes pour supprimer un catégorie.............................................34

Tableau 8: descriptif des étapes pour modifier un produit...................................................37

Tableau 9: descriptif des étapes pour modifier un catégorie...............................................39

Tableau 10: descriptif des étapes de la procédure d'ajout de catégorie..............................40

Tableau 11: descriptif des étapes de la procédure d'ajout de prix de produit.....................42

Tableau 12: descriptif des étapes de la procédure de vérification des informations

d'identification.......................................................................................................................45

8
Tableau des Termes Techniques et Leurs Explications
Terme technique Explication

Google Shopping Service de Google permettant aux utilisateurs de rechercher

et d'acheter des produits en ligne auprès de différents
vendeurs, comparer les prix et consulter les avis des
utilisateurs.

PriceGrabber Site web permettant aux utilisateurs de comparer les prix

des produits de divers magasins en ligne, incluant des
informations détaillées sur les produits et des offres
spéciales.

Shopzilla Moteur de recherche de shopping permettant aux

utilisateurs de comparer les prix des produits de plusieurs
magasins avec des détails et des avis utilisateurs pour une
expérience d'achat fiable.

Sécurité et Assurer la protection des données des utilisateurs et des

protection des informations sensibles, empêcher les accès non autorisés et
données garantir l'intégrité des données stockées.

Exactitude des Assurer la précision des données saisies et affichées sur le

données site pour fournir des informations correctes et fiables aux

9
 utilisateurs.
Expérience Améliorer l'interface utilisateur et l'expérience d'utilisation
utilisateur
pour garantir une navigation facile et une expérience
agréable et conviviale.

Intégration Capacité de l'application à s'intégrer facilement avec

d'autres systèmes et services pour une expérience utilisateur
complète et des services supplémentaires.

Compatibilité Assurer que l'application fonctionne correctement sur

divers appareils et navigateurs pour garantir un accès
équitable à tous les utilisateurs.

Durabilité Développer l'application de manière à assurer sa continuité

et sa durabilité à long terme sans nécessiter de mises à jour
radicales fréquentes.

UML Langage de modélisation unifié utilisé en ingénierie

logicielle pour modéliser les systèmes à l'aide de
diagrammes et décrire les relations entre les différents
éléments du système.

Diagrammes de Diagrammes utilisés pour modéliser les interactions de

cas d'utilisation l'utilisateur avec le système et illustrer les différents
scénarios et fonctions possibles de l'application.

Sécurité des Mesures et procédures pour assurer la protection des

applications applications contre les attaques et les menaces de sécurité,
et maintenir la confidentialité et l'intégrité des données.

Confidentialité Protection de la vie privée des utilisateurs et garantir que

leurs données personnelles ne sont pas partagées ou
utilisées sans leur consentement.

Performances du Assurer la rapidité et l'efficacité des performances du site

site pour offrir une expérience utilisateur de qualité et réduire
les temps d'attente et de chargement.

Langages de Langages de programmation utilisés pour développer

programmation l'application, tels que PHP et JavaScript, permettant de

10
 créer des pages web dynamiques et interactives.

Laravel Framework PHP puissant permettant aux développeurs de

créer facilement et rapidement des applications web
avancées grâce à sa riche bibliothèque et ses outils
simplifiant de nombreuses tâches telles que le routage,
l'authentification et le cache.

PHP Langage de script côté serveur largement utilisé pour le

développement web pour créer des pages web dynamiques et
interactives, compatible avec des bases de données comme
MySQL.
MySQL Système de gestion de bases de données performant, rapide et
facile à utiliser, largement utilisé pour le développement
d'applications nécessitant une gestion intensive des données.
XAMPP Ensemble de logiciels gratuit et open-source utilisé pour
créer un serveur web local pour développer et tester des
applications web avant de les publier sur internet.

Visual Studio Éditeur de texte open-source léger développé par Microsoft,

Code axé sur la rapidité et l'efficacité, prenant en charge de
nombreux langages de programmation.

Just Color Picker Application simple utilisée pour sélectionner les couleurs à
partir de n'importe quel écran de l'ordinateur et afficher les
valeurs RGB et HEX, prenant en charge plusieurs formats
de couleurs et utilisée dans le design graphique et
artistique.

Pichon Logiciel offrant une bibliothèque complète d'icônes et de

pictogrammes pour les projets de design, avec une interface
conviviale permettant de télécharger, redimensionner et
organiser les icônes en collections.

11
12
 Chapitre1:Définitions générales liées au projet

Introduction
À l'ère moderne, la technologie joue un rôle crucial dans l'amélioration de la vie
quotidienne et l'accès à l'information et aux services. Un des défis majeurs auxquels les
consommateurs sont confrontés est la transparence et la précision des prix des produits. Cette
difficulté rend la comparaison des prix complexe et l'obtention des meilleures offres souvent
ardue. En conséquence, cela entraîne un coût de la vie élevé, une perte de confiance entre les
consommateurs et les commerçants, et une consommation de temps et d'efforts significative
pour rechercher les prix.

Pour résoudre ce problème, une plateforme numérique dédiée aux commerçants et aux
consommateurs pour contrôler les prix apparaît comme une solution innovante et essentielle.
Cette plateforme a pour but de fournir une transparence des prix, de faciliter les comparaisons
et d'optimiser les décisions d'achat et de vente. En développant une application ou un site web
dédié, cette solution permettra aux consommateurs de comparer les prix entre différents
magasins, de suivre les variations des prix au fil du temps, de recevoir des notifications de
prix et d'obtenir des informations détaillées sur les produits.

Ce projet vise à renforcer la transparence du marché, à améliorer l'expérience des

consommateurs et à soutenir l'économie locale. En mettant à disposition des informations
claires et accessibles sur les prix, nous souhaitons accroître la confiance des consommateurs
dans le marché local et encourager une concurrence loyale entre les magasins. Grâce à la
technologie, nous pouvons envisager un avenir où le shopping est plus transparent et
équitable, permettant à chacun d'accéder facilement aux meilleures offres et aux meilleurs
prix.

Dans ce cadre, cette étude se propose de décrire les différentes étapes de conception et de
mise en œuvre de cette plateforme. Nous aborderons d'abord la définition du problème,
ensuite la modélisation UML de la plateforme, et enfin le processus de mise en œuvre
technique de la solution. Cette approche méthodique vise à démontrer comment une telle
plateforme numérique peut transformer la gestion et le contrôle des prix, offrant ainsi des
avantages significatifs pour les commerçants et les consommateurs.

13
 Chapitre1:Définitions générales liées au projet

Chapitre1 : Concepts de base

Introduction

À l’ère moderne, l’humanité a atteint de nouveaux niveaux de progrès technologique et

d’innovation et est devenue de plus en plus dépendante des technologies de l’information
automatisées pour faciliter la vie quotidienne et améliorer l’expérience utilisateur. Dans ce
contexte, l'idée de notre projet de fin d'études vise à améliorer globalement les services de
tarification des produits, dans le but de suivre les évolutions et d'exploiter les technologies
modernes pour répondre aux besoins des exigences actuelles.

Notre application vise à fournir une solution complète et innovante pour trouver le prix du
produit le plus approprié et à tirer parti des évolutions technologiques modernes pour offrir
une expérience utilisateur distincte et efficace. Nous développerons un site Web combinant
les technologies modernes et les besoins des utilisateurs.

Le principal problème est l’absence de moyens efficaces et fiables permettant aux

consommateurs de comparer rapidement et avec précision les prix des produits dans le pays.
Ce manque de transparence entraîne plusieurs problèmes, notamment : le coût de la vie élevé,
le manque de confiance entre les consommateurs et les commerçants et la perte de temps et
d'efforts dans la recherche des prix.

Pour résoudre ce problème, nous utiliserons la technologie pour développer un site Web
visant à déterminer les prix des produits de manière précise et transparente dans le pays. Cette
solution permettra aux consommateurs de comparer les prix entre différents magasins, de
suivre les changements de prix, de recevoir des notifications de prix et d'obtenir des détails
complets sur les produits.

Ce projet vise à renforcer la transparence du marché, à améliorer l'expérience du

consommateur et à soutenir l'économie locale. Grâce à la technologie, nous pouvons parvenir
à un avenir plus transparent et plus équitable dans le domaine du shopping, où chacun aura
facilement accès aux meilleures offres et aux meilleurs prix.

14
 Chapitre1:Définitions générales liées au projet

1. Applications similaires :

Il existe plusieurs applications et sites Web importants pour sélectionner des produits et
comparer les prix entre différents magasins.

1.1. Google Shopping :

Google Shopping est un service Google qui permet aux utilisateurs de rechercher et
d'acheter des produits en ligne auprès de différents vendeurs. Le site offre la possibilité de
comparer les prix de différents magasins, d'afficher les détails des produits et les avis des
utilisateurs, ce qui aide les acheteurs à prendre des décisions éclairées.

Figure 1: Une image de l'interface de l'application Google Shopping.

Fonctionnalités de l'application :
1 - Couverture complète :
donne accès à une large gamme de produits provenant de nombreuses boutiques en ligne.
2-Avis des utilisateurs :
affiche les avis et les évaluations des utilisateurs, ce qui aide à prendre des décisions
éclairées.

15
 Chapitre1:Définitions générales liées au projet

-3 Intégration avec Google :

parfaitement intégré au moteur de recherche Google, ce qui facilite la recherche de
produits directement à partir des résultats de recherche..

1.2 PriceGrabber:

PriceGrabber est un site Web qui permet aux utilisateurs de comparer les prix des
produits d'une variété de magasins en ligne. Le site propose des informations
complètes sur les produits, y compris des offres spéciales et des soldes, permettant
aux utilisateurs de trouver plus facilement les meilleurs prix et les meilleures offres.

Figure 2: Site Web PriceGrabber.

Fonctionnalités de l'application :
1-comparaison de prix:
Il permet de comparer les prix de plusieurs magasins, ce qui aide les utilisateurs à trouver
les meilleures offres.
2-Alertes de prix :
Il fournit des alertes lorsque les prix baissent, ce qui permet d'acheter au moment optimal.
3-Disponibilité des offres et réductions :
Il affiche des offres spéciales et des réductions, ce qui vous permet d'économiser de
l'argent.

1.3. Shopzilla :

16
 Chapitre1:Définitions générales liées au projet

Shopzilla est un moteur de recherche d'achats qui permet aux utilisateurs de

comparer les prix des produits de plusieurs magasins. Le site affiche les détails des
produits, y compris les avis et évaluations des utilisateurs, ce qui contribue à fournir une
expérience d'achat fiable et des informations précises.

Figure 3: Site Web Shopzilla.

Fonctionnalités de l'application :
1-Moteur de recherche puissant :
Il facilite la recherche de produits dans une variété de catégories et de magasins.
2-Avis et notes :
Il fournit des avis et des évaluations d'utilisateurs, ce qui renforce la confiance dans les
produits et les achats.
3-Interface utilisateur intuitive :
Fournit une expérience utilisateur simple et intuitive.

2. Précautions d'application :

2.1. Sécurité et protection des données :

-Cryptage des données : utilisez HTTPS pour protéger le transfert de données.

-Gestion des mots de passe.

17
 Chapitre1:Définitions générales liées au projet

2.2. Confidentialité :

-Politique de confidentialité : expliquez comment les données sont collectées et utilisées.

2.3. Exactitude des données :

-Sources fiables : collectez des données à partir de sources fiables.

-Mises à jour régulières : données de prix mises à jour régulièrement.

2.4. Performances du site :

-Test de résistance : testez la capacité du site à gérer un trafic important.

2.5. Expérience utilisateur :

-Interface intuitive : conception d'une interface facile à utiliser.

-Support client : fournit un support multiple.

2.6. Intégration :

-Accords de partenariat : conclure des accords avec les magasins.

2.7. Compatibilité :

-Conception réactive : faites en sorte que le site fonctionne correctement sur tous les
appareils.

-Tests de compatibilité : le site fonctionne sur différents navigateurs et appareils.

2.8. Durabilité :

-Mises à jour périodiques : mettez à jour le site pour améliorer les performances et la
sécurité.

-Analyse des données : utilisez l'analyse pour améliorer continuellement le site.

3. Privilèges de candidature :

Notre application de tarification des produits offre plusieurs fonctionnalités, notamment

une comparaison instantanée des prix dans différents magasins, aidant ainsi les utilisateurs
à économiser de l'argent et à trouver les meilleures offres. Il fournit un suivi de
l'historique des prix et des alertes en cas de baisse de prix, ainsi que des détails complets
sur les produits et des avis d'utilisateurs. Il présente une interface utilisateur intuitive et
une conception simple qui facilite la navigation. Il s'intègre à de nombreuses boutiques en
ligne pour des données régulièrement mises à jour et prend en charge plusieurs langues et

18
 Chapitre1:Définitions générales liées au projet

devises pour convenir à un large éventail d'utilisateurs. L'application est disponible sur
smartphones et sur le Web et fournit un support client efficace sur plusieurs canaux. Il
comprend des fonctionnalités de personnalisation telles que des listes de souhaits et des
recommandations personnalisées, et assure la sécurité et la protection des données des
utilisateurs grâce à des technologies de cryptage et des politiques de confidentialité.

4. Objectifs de l'application :

 Économisez de l'argent pour les consommateurs.

 Comparaison de prix : aidez les utilisateurs à trouver les meilleurs prix et offres
disponibles dans différents magasins, leur permettant ainsi d'économiser de
l'argent.

 Faciliter le processus de recherche de produits.

 Interface conviviale : Concevoir une interface intuitive qui permet aux utilisateurs
de rechercher plus facilement et rapidement les produits souhaités.

 Disponibilité sur différents appareils : proposer l'application sur plusieurs

plateformes (Web et smartphones) pour offrir un accès facile et pratique.

 Parvenir à la transparence sur le marché.

 Données fiables : fournir des données précises et mises à jour provenant de sources
fiables, ce qui renforce la confiance entre les utilisateurs et les commerçants.

 Avis et évaluations des utilisateurs : affichez les avis et les évaluations des
utilisateurs pour améliorer la transparence et fournir des informations précieuses
aux consommateurs.

 Permettre aux utilisateurs de prendre des décisions d’achat éclairées.

 Détails complets du produit : affichez les spécifications du produit, les avis et

l'historique des prix pour aider les utilisateurs à prendre des décisions éclairées.

 Alertes de prix : envoi d'alertes aux utilisateurs lorsque les prix des produits qui les
intéressent baissent, leur permettant d'acheter au bon moment.

 Soutenir l’économie locale.

19
 Chapitre1:Définitions générales liées au projet

 Encourager les achats dans les magasins locaux : fournir des informations sur les
prix dans les magasins locaux pour soutenir l'économie locale et promouvoir le
commerce intérieur.

 Améliorer l'expérience utilisateur.

 Personnalisez l'expérience : fournissez des recommandations personnalisées et des

listes de souhaits pour améliorer l'expérience de l'utilisateur et la rendre plus
adaptée à ses besoins.

 Prise en charge multilingue et monétaire : prend en charge plusieurs langues et

devises pour répondre aux besoins des utilisateurs de différents pays et régions.

 Améliorez la sécurité et protégez la confidentialité.

 Protection des données : utilisation de techniques de cryptage et de politiques

strictes pour protéger les données des utilisateurs et garantir leur confidentialité.

Conclusion:

L'application de tarification des produits améliore l'expérience d'achat en ligne en

fournissant des outils de comparaison de prix et des alertes en cas de baisse de prix, aidant
ainsi les consommateurs à prendre des décisions d'achat éclairées et à économiser de
l'argent. Il contribue à renforcer la transparence en fournissant des données fiables et des
avis d'utilisateurs, et soutient l'économie locale en encourageant les achats dans les
magasins locaux. Accorde une attention particulière à la sécurité et à la protection des
données en utilisant des techniques de cryptage et des politiques strictes. Il représente un
modèle efficace pour des achats intelligents et sécurisés, et vise à répondre aux attentes
des utilisateurs et à apporter de la valeur ajoutée.

20
Chapitre1:Définitions générales liées au projet

21
 Conception

Chapitre2 : La conception de diagrammes et UML

Introduction

Ce chapitre vise à clarifier les diagrammes utilisés dans la conception et la mise en

œuvre du projet, et à clarifier les détails de chaque diagramme et son importance dans
le projet.

1. UML :

Nous avons utilisé le langage de modélisation de systèmes logiciels en raison

de ses avantages : Unified Modeling Language (UML).

Il nous permet de concevoir notre application de manière plus précise, claire,

compréhensible et facile à expliquer. Il se caractérise par les éléments
suivants :

• Applicabilité

• exhaustivité

• Évolutivité

• Fiabilité

• Simplicité

• Répandu

2. Définition du Diagrammes d’UML :

2.1. Diagrammes de cas d'utilisation :

Les Diagrammes de cas d'utilisation montrent comment les

utilisateurs interagissent avec le système et les tâches qu'ils effectuent.

2.2. Diagrammes de séquence :

Les diagrammes de séquence illustrent l'interaction entre les objets du

système et retracent la séquence des événements.

2.3. Diagrammes de classes:

22
 Conception

Il explique la structure interne du système logiciel et les relations entre les

objets, les diagrammes de classes, les variables et les fonctions.

2.4. Diagrammes d'activités:

Les diagrammes d'activités en UML illustrent le flux de travail et les

activités effectuées par un système et sont utilisés dans l'analyse
commerciale.

[Link] des modèles de projets :

Après avoir identifié et compris les concepts de base utilisés dans UML, nous
discuterons la conception et de la description de chaque diagramme pour
atteindre les objectifs de notre projet.

3.1. Diagrammes de cas d'utilisation :

Figure 4: diagramme cas utilisation global.

Afin de mieux comprender un fonctionnement d'un cas d'utilisation, nous
allons présenter une table descriptive pour les principaux cas d'utilisations de notre
application.

23
 Conception

Tableau descriptif des cas d'utilisation :

Acteurs principaux Description Nom du cas d'utilisation

utilisateur L'utilisateur parcourt les Parcourez divers produits

différents produits
disponibles dans le
système.
utilisateur, responsable L'administrateur ou Se connecter
l'utilisateur se connecte
au système pour accéder
aux fonctionnalités
diverses.
responsable Interface d'administration Accueil – Admin
accessible après la
connexion, incluant
diverses fonctionnalités
de gestion.
Responsable Permet à l'administrateur Gestion des produits
de gérer les détails des
produits.
Responsable Permet à l'administrateur La gestion par catégorie
de classer et de gérer les
produits par catégories.
responsable Permet à l'administrateur Gestion des prix
de fixer et de modifier les

24
 Conception

prix des produits.

responsable Permet à l'administrateur Gestion des rapports
de consulter et d'analyser utilisateurs
les rapports des
utilisateurs.
Système Le système envoie des Envoyer des notifications
notifications aux
utilisateurs en fonction de
certains événements ou
modifications.
Tableau 1: Tableau descriptif des cas d'utilisation.
Description détaillée de chaque cas d'utilisation :

N° Cas Description Acteurs Relations

d'utilisation
1 Parcourez Permet à utilisateur
divers l'utilisateur de
produits parcourir les
différents produits
disponibles dans le
système.
2 Se connecter Permet à l'utilisateur utilisateur,
ou à l'administrateur responsable
de se connecter au
système pour
accéder aux
fonctionnalités
diverses.
3 Accueil - Interface principale responsable inclut Gestion des
Admin de l'administration produits, La
accessible après la gestion par
connexion, catégorie, Gestion
contenant diverses des prix, et Gestion
fonctionnalités de des rapports
gestion. utilisateurs
4 Gestion des Permet à responsable
produits l'administrateur de extends à partir de
gérer les détails des Accueil - Admin
produits, comme
l'ajout, la
modification ou la
suppression de
produits.
5 La gestion par Permet à responsable extends à partir de
catégorie l'administrateur de Accueil - Admin
classer et de gérer les
produits par
catégories.

25
 Conception

6 Gestion des Permet à responsable extends à partir de

prix l'administrateur de Accueil - Admin
fixer et de modifier
les prix des produits.
7 Gestion des Permet à responsable extends à partir de
rapports l'administrateur de Accueil - Admin
utilisateurs consulter et
d'analyser les
rapports des
utilisateurs.
Envoyer des Le système envoie système extends à
8
partir de
notifications des notifications aux
Parcourez
utilisateurs en divers produits
fonction de certains
événements ou
modifications.
Tableau 2: Description détaillée de chaque cas d'utilisation.

3.2. Diagrammes de séquence:

Diagramme de séquence »Connectez-vous administrateur »

la figure ci-dessous illustre le diagramme de séquence de cas
utilisation»Connectez-vous administrateur ».

26
 Conception

Figure 5: diagramme de séquence cas utilisation « Connectez-vous administrateur ».

Tableau descriptif des étapes de la procédure de connexion :

Numéro Étape Description

d'étape
1 Le responsable envoie une demande
Formulaire de demande de
pour le formulaire de connexion.
connexion

2 Le système affiche le formulaire de

Afficher le formulaire de
connexion connexion pour le responsable.

3 Le responsable remplit les

Remplissez les informations de informations de connexion (nom
connexion d'utilisateur et mot de passe).

4 Le responsable appuie sur la touche

"Appuyez sur la touche "Entrée" "Entrée" pour soumettre les
informations de connexion.
5
Vérifier la validité des Le système vérifie la validité des
informations informations de connexion soumises.

27
 Conception

6 Vérification avec une base de Le système vérifie les informations

données avec la base de données.

7 Si les informations sont correctes, le

Les informations sont correctes système confirme leur validité.

8 Le système affiche la page d'accueil

Afficher la page de accueil pour le responsable après validation.

9 Si les informations sont incorrectes, le

Les informations sont fausses système confirme l'erreur.
Le système affiche un message
10
indiquant que les informations
Les informations de connexion de connexion sont incorrectes.
sont incorrectes

Tableau 3: descriptif des étapes de la procédure de connexion.

Diagramme de séquence»Ajouter un produit«

la figure ci-dessous illustre le diagramme de séquence pour le cas utilisation
»Ajouter un produit«

Figure 6: diagramme de séquence cas utilisation « Ajouter un produit «

28
 Conception

Tableau descriptif des étapes d’ajout d’un produit:

Numéro Étape Description

d'étape
1 Le responsable envoie une demande
Demander un formulaire de
pour le formulaire d'ajout de produit.
ajout de produit

2 Afficher le formulaire de ajout

Le système affiche le formulaire
d'ajout pour le responsable.

3 Le responsable remplit les

Remplissez les informations
sur le produit informations sur le produit.

4 Appuyez sur la touche Le responsable appuie sur la touche

"Ajouter" "Ajouter" pour soumettre les
informations sur le produit.
5
Vérifier la validité des Le système vérifie les informations
informations avec la base de données.

6 Vérification avec le base de Le système vérifie les informations

données avec la base de données.

7 Si les informations sont correctes, le

Les informations sont correctes système confirme leur validité.

29
 Conception

8 Le système ajoute le produit avec

Ajouté avec succès succès après validation.

9 Si les informations sont incorrectes, le

Les informations sont
incorrectes système confirme l'erreur.
Le système affiche un message
10
indiquant que les informations
Veuillez vérifier vos de produit sont incorrectes et
informations demandant vérification.

Tableau 4: descriptif des étapes d’ajout d’un produit

Diagramme de séquence»Ajustement de prix«

la figure ci-dessous illustre le diagramme de séquence pour le cas
utilisation»Ajustement de prix«

Figure 7: diagramme de séquence cas utilisation « Ajustement de prix»

30
 Conception

Tableau descriptif des étapes pour ajouter le prix:

Numéro Étape Description

d'étape

1 Demander un formulaire de Le responsable envoie une demande

ajustement du prix de un
produit pour le formulaire d'ajustement du
prix de un produit.

2 Afficher le formulaire de Le système affiche le formulaire de

modification
modification pour le responsable.

3 Identifier le produit Le responsable identifie le produit

en question.

4 Appui sur la touche Le responsable appuie sur la touche

"Modifier"
"Modifier" pour accéder aux
informations de modification du
prix.

5 Afficher les informations sur Le système affiche les informations

le prix du produit
actuelles sur le prix du produit.

6 Modifier les informations Le responsable modifie les

informations sur le prix du produit.

7 Appuyez sur Enregistrer Le responsable appuie sur la touche

"Enregistrer" pour soumettre les
modifications.

8 Vérifier la validité des Le système vérifie la validité des

informations

31
 Conception

informations modifiées.

9 Vérification avec le base de Le système vérifie les informations

données
modifiées avec la base de données.

10 Information correcte Si les informations sont correctes, le

système confirme leur validité.

11 Modification terminée avec La modification est terminée avec

succès
succès et le système en informe le
responsable.

12 Mauvaise information Si les informations sont incorrectes,

le système confirme l'erreur.

13 Veuillez vérifier vos Le système affiche un message

informations
indiquant que les informations de
modification sont incorrectes et
demande vérification.
Tableau 5: descriptif des étapes pour ajuster le prix.

Diagramme de séquence»Supprimer le produit»

la figure ci-dessous illustre le diagramme de séquence pour le cas
utilisation»Supprimer le produit«

32
 Conception

Figure 8: diagramme du séquence cas utilisation « Supprimer le produit»

Tableau descriptif des étapes pour supprimer un produit :

Numéro Étape Description

d'étape

1 Demander un formulaire Le responsable envoie une demande pour

de suppression de produit le formulaire de suppression de produit.

2 Afficher le formulaire de Le système affiche le formulaire de

suppression suppression pour le responsable.

3 Identifier le produit Le responsable identifie le produit en

question.

4 Appuyer sur la touche Le responsable appuie sur la touche

"Supprimer" "Supprimer" pour accéder aux
informations de suppression du produit.

5 Vérifier la validité des Le système vérifie la validité des

informations informations fournies.

33
 Conception

6 Vérification Le système vérifie les informations avec

la base de données.

7 Information correcte Si les informations sont correctes, le

système confirme leur validité.

8 Supprimé avec succès La suppression est terminée avec succès et

le système en informe le responsable.

9 Informations incorrectes Si les informations sont incorrectes, le

système confirme l'erreur.

10 Veuillez vérifier vos Le système affiche un message indiquant

informations que les informations sont incorrectes et
demande vérification.
Tableau 6: descriptif des étapes pour supprimer un produit.

Diagramme de séquence»Supprimer la catégorie«

la figure ci-dessous illustre le diagramme de séquence pour le cas
utilisation»Supprimer la catégorie».

Figure 9: diagramme du séquence cas utilisation « Supprimer la catégorie»

34
 Conception

Tableau descriptif pour supprimer catégorie :

Numéro Étape Description

d'étape

1 Demander un formulaire Le responsable envoie une demande pour

de suppression de le formulaire de suppression de catégorie.
catégorie

2 Afficher le formulaire de Le système affiche le formulaire de

suppression suppression pour le responsable.

3 Choisir une catégorie Le responsable choisit une catégorie à

supprimer.

4 Appuyer sur la touche Le responsable appuie sur la touche

"Supprimer" "Supprimer" pour accéder aux
informations de suppression de la
catégorie.

5 Vérifier la validité des Le système vérifie la validité des

informations informations fournies.

6 Vérification Le système vérifie les informations avec

35
 Conception

la base de données.

7 Information correcte Si les informations sont correctes, le

système confirme leur validité.

8 Supprimé avec succès La suppression est terminée avec succès et

le système en informe le responsable.

9 Informations incorrectes Si les informations sont incorrectes, le

système confirme l'erreur.

10 La catégorie a déjà été Le système affiche un message indiquant

supprimée que la catégorie a déjà été supprimée et
demande vérification.
Tableau 7: descriptif des étapes pour supprimer un catégorie.

Diagramme de séquence»Modifier un produit«

La figure ci-dessous illustre le diagramme de séquence pour le cas
utilisation»Modifier un produit«.

Figure 10: diagramme de séquence cas utilisation « Modifier un produit»

36
 Conception

Tableau descriptif des étapes pour modifier un produit :

Numéro Étape Description

d'étape

1 Demander un formulaire Le responsable envoie une demande pour

de modification d'un un formulaire de modification de produit.
produit

2 Afficher le formulaire de Le système affiche le formulaire de

modification modification pour le responsable.

3 Identifier le produit Le responsable identifie le produit à

modifier.

4 Appuyer sur la touche Le responsable appuie sur la touche

"Modifier" "Modifier" pour accéder aux informations
du produit.

5 Afficher les informations Le système affiche les informations du

du produit produit sélectionné.

6 Modifier les informations Le responsable modifie les informations

37
 Conception

nécessaires pour le produit.

7 Appuyer sur"Enregistrer" Le responsable appuie sur le bouton

"Enregistrer" pour mettre à jour les
informations.

8 Vérifier la validité des Le système vérifie la validité des

informations informations fournies.

9 Vérification Le système vérifie les informations avec

la base de données.

10 Informations correctes Si les informations sont correctes, le

système confirme leur validité.

11 Modification terminée La modification est terminée avec succès

avec succès et le système en informe le responsable.

12 Informations incorrectes Si les informations sont incorrectes, le

système confirme l'erreur.

13 Veuillez vérifier vos Le système demande au responsable de

informations vérifier les informations saisies.
Tableau 8: descriptif des étapes pour modifier un produit.

Diagramme de séquence»Modifier la catégorie«

la figure ci-dessous illustre le diagramme de séquence pour le cas utilisation
« Modifier la catégorie«

38
 Conception

Figure 11: diagramme de séquence cas utilisation « Modifier la catégorie»

Tableau descriptif des étapes pour modifier un catégorie :

Numéro Étape Description

d'étape

1 Demander un formulaire Le responsable envoie une demande pour

de modification de un formulaire de modification de
catégorie catégorie.

2 Afficher le formulaire de Le système affiche le formulaire de

modification modification pour le responsable.

3 Choisir une catégorie Le responsable choisit une catégorie à

modifier.
4 Appuyer sur la touche Le responsable appuie sur la touche
"Modifier" "Modifier" pour accéder aux

39
 Conception

informations de la catégorie.

5 Afficher les informations Le système affiche les informations de la

de la catégorie catégorie sélectionnée.

6 Modifier les informations Le responsable modifie les informations

nécessaires pour la catégorie.

7 Appuyer sur "Enregistrer" Le responsable appuie sur le bouton

"Enregistrer" pour mettre à jour les
informations.

8 Vérifier la validité des Le système vérifie la validité des

informations informations fournies.

9 Vérification Le système vérifie les informations avec

la base de données.

10 Informations correctes Si les informations sont correctes, le

système confirme leur validité.

11 Modification terminée La modification est terminée avec succès

avec succès et le système en informe le responsable.

12 Informations incorrectes Si les informations sont incorrectes, le

système confirme l'erreur.
Le système demande au responsable
13 Veuillez vérifier vos
de vérifier les informations
informations saisies.

Tableau 9: descriptif des étapes pour modifier un catégorie.

Diagramme de séquence»Ajouter une catégorie «

la figure ci-dessous illustre le diagramme de séquence pour le cas utilisation
« Ajouter une catégorie«

40
 Conception

Figure 12: diagramme de séquence cas utilisation « Ajouter une catégorie»«

41
 Développement

Tableau descriptif des étapes de la procédure d'ajout de catégorie :

Numéro Étape Description

d'étape

1 Demander un formulaire Le responsable demande un formulaire pour

de ajout de catégorie ajouter une nouvelle catégorie.

2 Afficher le formulaire de Le système affiche le formulaire d'ajout de

ajout catégorie pour le responsable.

3 Remplissez les Le responsable remplit les informations

informations sur la concernant la nouvelle catégorie.
catégorie

4 Appuyez sur la touche Le responsable appuie sur la touche "Ajouter"

"Ajouter" pour soumettre les informations de la
catégorie.

5 Vérifier la validité des Le système vérifie la validité des

informations informations soumises.

6 Vérification avec une Le système vérifie les informations avec la

base de données base de données.

7 Information correcte Si les informations sont correctes, le système

confirme leur validité.

8 Ajouté avec succès Le système ajoute la nouvelle catégorie avec

succès.

9 Informations incorrectes Si les informations sont incorrectes, le

système confirme l'erreur.
Le système demande au responsable de
10 Veuillez vérifier vos
vérifier les informations et de
informations réessayer.

Tableau 10: descriptif des étapes de la procédure d'ajout de catégorie

Diagramme de séquence»Ajouter un prix«

42
 Développement

la figure ci-dessous illustre le diagramme de séquence pour le cas utilisation

« Ajouter un prix«

Figure 13: diagramme de séquence cas utilisation « Ajouter un prix»

Tableau descriptif des étapes de la procédure d'ajout de prix de produit :

43
 Développement

Numér Étape Description

o
d'étape

1 Demander un Le responsable demande un formulaire pour

formulaire de ajout de ajouter le prix d'un produit.
prix de produit

2 Afficher le formulaire Le système affiche le formulaire d'ajout de prix

de ajout pour le responsable.

3 Remplissez les Le responsable remplit les informations

informations sur le prix concernant le prix du produit.

4 Appuyez sur la touche Le responsable appuie sur la touche "Ajouter"

"Ajouter" pour soumettre les informations de prix.

5 Vérifier la validité des Le système vérifie la validité des informations

informations soumises.

6 Vérification avec une Le système vérifie les informations avec la

base de données base de données.

7 Information correcte Si les informations sont correctes, le système

confirme leur validité.

8 Ajouté avec succès Le système ajoute le prix du produit avec

succès.

9 Informations Si les informations sont incorrectes, le système

incorrectes confirme l'erreur.

10 Veuillez vérifier vos Le système demande au responsable de vérifier

informations les informations et de réessayer.
Tableau 11: descriptif des étapes de la procédure d'ajout de prix de produit.

3.2. Diagramme de Class :

44
 Développement

Figure 14: diagramme de Class.

3.3. Diagramme de Activity :

45
 Développement

Figure 15: diagramme d’ Activité.

Tableau descriptif des étapes de la procédure de vérification des informations

d'identification :

Numér Étape Description

o

46
 Développement

d'étape

1 Entrer les informations L'utilisateur entre les informations

d'identification d'identification.

2 Vérifier les informations Le système vérifie les informations

d'identification d'identification.

3 Accès accordé Si les informations sont correctes, l'accès

est accordé.

4 La page d'accueil L'utilisateur est redirigé vers la page

d'accueil.

5 Afficher un message Si les informations sont incorrectes, un

d'erreur message d'erreur est affiché.
Tableau 12: descriptif des étapes de la procédure de vérification des informations
d'identification.

Conclusion:

Ici, nous avons terminé la phase de conception, dans laquelle nous avons utilisé les
diagrammes les plus importants avec une brève explication de chaque diagramme.

Chapitre3 : Développement

Introduction :

Pour mener à bien tout projet, nous devons passer par la première étape, qui
consiste à préparer notre environnement de travail, y compris le matériel physique
et logiciel, ainsi qu'à choisir les langages de programmation appropriés, et c'est ce
dont nous discuterons dans ce chapitre.

47
 Développement

1. hard ware :
Processeur Intel (R) Core(TM) I7 6emeCPU 2.3GHz et mémoire de stockage
aléatoire (RAM : 8GO)

Il fonctionne sur le système Bit64.

Disk SSD 512 GB.

GPU Intel(R) HD Graphics 620.

1.1. téléphone intelligent(Samsung galaxy s10 5g) :

Android version12.

RAM 8.

Storage 256 Gb.

Nous avons utilisé le téléphone pour simuler le fonctionnement de l'application sur

le terrain.

Après avoir terminé le côté matériel, nous passons au côté logiciel.

2. soft ware :

Le côté logiciel est divisé en 3 sections :

2.1. Système d'exploitation :

Le programme a été créé au niveau du système d'exploitation ID à partir de la

version Windows 10, car il est couramment utilisé et facile à adopter des interfaces
graphiques.

2.2. Programmes :

Nous avons travaillé sur de nombreux programmes, que je mentionnerai

brièvement et préciserai la raison du choix de chacun des programmes suivants :

 . programmestar uml:

Il s'agit d'un outil de génie logiciel permettant de modéliser un système à l'aide du

langage de modélisation unifié, ainsi que du langage de modélisation de systèmes

48
 Développement

et des paradigmes de modélisation classiques. Publié par MKLabs, nous l'avons

utilisé pour créer les diagrammes suivants : (cas d'utilisation du diagramme, classe
de diagramme…) situés dans le deuxième chapitre du rapport.

 Just Color Picker :

Il s’agit d’une application simple et facile à utiliser pour sélectionner les

couleurs à partir de n’importe quel écran de l’ordinateur. Affiche les valeurs
RVB et HEX des couleurs sélectionnées et prend en charge différents formats
de couleurs. Il peut être utilisé dans l’analyse des couleurs, la conception
graphique et la coloration artistique. Il permet de sauvegarder et d'importer des
couleurs à partir d'autres fichiers et fournit une fonction de zoom pour une plus
grande précision. Nous avons utilisé ce programme pour les nombreuses
fonctionnalités qu'il possède et qui nous aident à déterminer et coordonner les
couleurs de notre application.

 Programme Pichon :

Il s'agit d'un programme qui fournit une bibliothèque complète de symboles et de

pictogrammes à utiliser dans la conception. Il se caractérise par une interface
facile à utiliser et la possibilité de rechercher et de télécharger au format PNG. La
taille des icônes peut être modifiée et organisée en groupes. Utilisez ce programme
riche en icônes pour augmenter l'esthétique du programme sur le site. d'une part et
d'autre part de clarifier les tâches dans l'application.

 Visual Studio Code :

Il s'agit d'un éditeur de code open source léger développé par Microsoft. VS Code
se concentre sur la vitesse et l'efficacité et convient particulièrement aux
développeurs qui ont besoin d'un environnement léger et rapide pour l'écriture,
l'édition et le débogage. Il prend également en charge les langages de
programmation populaires tels que JavaScript, Python, C++ et Java.

 XAMPP:

XAMPP est un progiciel gratuit et open source utilisé pour créer un serveur Web
local sur un ordinateur. Ce package permet aux développeurs de tester et de

49
 Développement

développer des applications Web dans un environnement local avant de les

déployer sur un serveur réel.

XAMPP comprend :

Apache : Le serveur Web qui gère l'hébergement du site Web.

MariaDB/MySQL : Bases de données pour stocker et gérer les données.

PHP : Un langage de programmation populaire pour développer des sites Web

dynamiques.

Perl : Un autre langage de programmation pris en charge.

 Android Studio :

Android Studio est un environnement de développement intégré (IDE) officiel

permettant de développer des applications Android, développé par Google.

Il s'agit du logiciel que vous utilisez pour développer des applications pour les
appareils exécutant le système d'exploitation Android (tels que les smartphones et
les tablettes).

Android Studio est un outil complet qui vous aide à programmer, concevoir et
tester votre application avant de la publier sur l'App Store.

2.3. Langages de programmation :

o MySQL :

MySQL est un système de gestion de bases de données open source

utilisé pour gérer des bases de données relationnelles. Il est
considéré comme l’un des systèmes de bases de données les plus
populaires et les plus utilisés dans les applications Web et le
développement de logiciels en général. MySQL se caractérise par sa
rapidité, ses hautes performances et sa facilité d'utilisation.

o Laravel :

50
 Développement

Laravel est un cadre PHP puissant qui permet aux développeurs de

créer facilement des applications web sophistiquées. Les sites web
construits avec Laravel bénéficient de sa syntaxe élégante, de ses
bibliothèques étendues et de ses outils qui simplifient des tâches
comme le routage, l'authentification et la mise en cache. L'approche
modulaire du cadre permet un code évolutif et facile à maintenir, le
rendant adapté aussi bien aux petits projets qu'aux applications à
grande échelle. De plus, l'écosystème dynamique de Laravel,
incluant des outils comme Eloquent ORM et Blade templating,
accélère le développement et améliore les performances. En somme,
Laravel permet aux développeurs de créer des sites web riches en
fonctionnalités et efficaces qui répondent aux normes modernes du
web.

o PHP:

PHP, ou Hypertext Preprocessor, est un langage de script côté

serveur largement utilisé pour le développement web. Conçu pour
créer des pages web dynamiques et interactives, PHP s'intègre
facilement avec les bases de données comme MySQL, facilitant la
gestion de données. Il est connu pour sa simplicité et sa flexibilité,
permettant aux développeurs de créer des applications web
rapidement et efficacement. Les frameworks comme Laravel
exploitent la puissance de PHP, offrant des outils et des structures
pour un développement plus rapide et organisé. Globalement, PHP
reste un pilier fondamental dans l'univers du développement web,
soutenant de nombreux sites web et applications à travers le monde.

o Tableau de Bord dans une Base de Données :

Un tableau de bord dans une base de données est un outil visuel

essentiel pour la gestion et l'analyse des données. Il permet de
centraliser et de visualiser des informations clés sous forme de
graphiques, de tableaux et d'indicateurs de performance. Grâce à un
tableau de bord, les utilisateurs peuvent surveiller en temps réel les
métriques importantes, identifier les tendances et prendre des

51
 Développement

décisions éclairées. Les données provenant de différentes sources

peuvent être intégrées et présentées de manière cohérente, facilitant
l'analyse comparative. En somme, un tableau de bord dans une base
de données transforme les données brutes en informations
exploitables, améliorant ainsi l'efficacité et la réactivité des
processus décisionnels.

3. Implémentation et Résultats :
Dans cette phase, je présenterai les résultats obtenus, en mettant en
avant les choix technologiques, les méthodologies utilisées et
l'efficacité de l'application développée

3.1. Les résultats résultant de l'exécution du code du Application

Mobile :

Les résultats résultant de l'exécution du code de l'application mobile

montrent une interface utilisateur fluide et intuitive. L'application,
conçue spécifiquement pour une utilisation par des utilisateurs
individuels, offre une navigation simple et efficace. Les fonctionnalités
clés incluent l'affichage de listes de produits, la possibilité de choisir
entre les options "Détail" et "Gros", ainsi que la gestion des sous-
catégories. De plus, l'application permet de localiser les produits par
état, offrant une expérience personnalisée et locale. La sécurité et la
rapidité de récupération de compte sont également assurées par des
options telles que la vérification par e-mail et la réinitialisation de mot
de passe.

3.1.1 Affichage de la Liste des Produits dans l'Application

Mobile :

Dans l'interface de l'application mobile, une liste de produits s'affiche

pour faciliter la navigation des utilisateurs. Chaque produit est présenté
avec une image, un titre, une description courte et le prix. Vous pouvez
faire défiler la liste pour voir plus de produits disponibles. En cliquant sur
un produit, vous accédez à sa fiche détaillée avec des informations

52
 Développement

supplémentaires. Cette interface intuitive permet de trouver facilement les

articles souhaités.

Figure 16: Affichage de la Liste des Produits dans l'Application Mobile.

3.1.2 Interface Détails et Réclamation

Dans l'interface de l'application mobile, en entrant dans la section d'un

produit, tous les détails le concernant s'affichent. Vous y trouverez une
description complète, les spécifications techniques, le prix et les avis
des utilisateurs. En bas de la page, une option "Signaler une
53
 Développement

réclamation" est également disponible. Cela permet aux utilisateurs de

signaler tout problème ou mécontentement concernant le produit. Cette
fonctionnalité assure une transparence et une satisfaction accrue des
utilisateurs.

54
 Développement

Figure 17: Interface Détails et Réclamation.

3.1.3 Interface Liste des Prix par État

55
 Développement

Dans l'interface de l'application mobile, une liste des prix pour chaque état
s'affiche clairement. Les prix sont divisés en deux catégories : "Détail" et
"Gros". Pour chaque état, vous pouvez comparer les prix de vente au détail
et les prix de gros facilement. Cette présentation permet aux utilisateurs de
prendre des décisions informées selon leurs besoins. L'interface est conçue
pour une navigation rapide et intuitive.

Figure 18: Interface Liste des Prix par État.

3.1.4 Interface Choix entre Détail et Gros

56
 Développement

Dans l'interface de l'application mobile, vous pouvez choisir entre les

options "Détail" ou "Gros". Sélectionnez simplement l'option souhaitée
pour voir les produits et les prix correspondants. L'interface met à jour
les informations affichées en fonction de votre choix, vous permettant
de naviguer facilement entre les deux catégories. Cette fonctionnalité
simplifie la gestion de vos achats selon vos besoins spécifiques.
L'application est conçue pour offrir une expérience utilisateur fluide et
intuitive.

Figure 19: Interface Choix entre Détail et Gros.

3.1.5 Interface Affichage de Produits par État

57
 Développement

Dans l'interface de l'application mobile, entrez votre état pour afficher

les produits disponibles dans cette région. Cette fonctionnalité permet
de voir uniquement les articles pertinents pour votre localisation. En
saisissant votre état, l'application filtre automatiquement les produits
pour correspondre à votre choix. Cela facilite la recherche de produits
locaux. L'interface est conçue pour offrir une expérience personnalisée
et efficace.

Figure 20: Interface Affichage de Produits par État.

3.2. Les résultats résultant de l'exécution du code du site web:

58
 Développement

Les résultats résultant de l'exécution du code du site web révèlent une

interface dédiée à une utilisation par les administrateurs uniquement.
Cette interface permet une gestion avancée et personnalisée du contenu
du site. Les administrateurs peuvent afficher une liste de sous-
catégories avec des options pour modifier ou supprimer chaque entrée,
facilitant ainsi la gestion dynamique des catégories. Les fonctionnalités
supplémentaires incluent la possibilité d'ajuster les paramètres du site,
de surveiller l'activité des utilisateurs et de gérer les produits
disponibles. Cette structure garantit un contrôle total et une flexibilité
maximale pour les administrateurs dans la gestion et la maintenance du
site web.

3.2.1. Interface Gestion des Sous-Catégories

Dans l'interface du site web, une liste de sous-catégories est affichée

pour faciliter la navigation. Chaque sous-catégorie est accompagnée de
boutons permettant de la modifier ou de la supprimer. En cliquant sur
"Modifier", vous pouvez ajuster les détails de la sous-catégorie selon
vos besoins. En sélectionnant "Supprimer", vous pouvez retirer une
sous-catégorie de la liste. Cette fonctionnalité offre une gestion flexible
et personnalisée de votre contenu.

Figure 21: Interface Gestion des Sous-Catégories.

59
 Développement

3.2.2. Interface Affichage des Prix des Produits par État et

Catégorie

Dans l'interface du site web, une liste des prix des produits est affichée
en fonction de l'état et de la catégorie, soit "Détail" soit "Gros". Chaque
produit est répertorié avec son prix correspondant pour chaque état.
Cela permet aux utilisateurs de comparer facilement les prix de vente au
détail et de gros selon leur localisation. L'interface est conçue pour une
navigation simple et rapide, offrant une vue claire et organisée des
informations tarifaires. Cette fonctionnalité facilite la prise de décision
pour les achats ou les ventes.

Figure 22: Interface Affichage des Prix des Produits par État et Catégorie.

3.2.3. Interface Gestion Complète des Produits par État

Sur l'interface du site web, une liste complète des produits est présentée
avec tous les détails pertinents, y compris les codes-barres individuels
pour chaque produit. En plus de cela, des options pour modifier ou
supprimer chaque produit sont disponibles, offrant une flexibilité totale
aux administrateurs. De plus, les informations sont organisées par état,
permettant une gestion précise des produits selon leur disponibilité
géographique. Cette approche facilite la navigation et la gestion des
stocks, tout en garantissant une expérience utilisateur optimale.

60
 Développement

Figure 23: Interface Gestion Complète des Produits par État.

3.2.4. Interface Ajout de Produits

Sur l'interface du site web, l'ajout de nouveaux produits est une procédure simple
et intuitive. Les administrateurs ont la possibilité de saisir toutes les informations
pertinentes pour chaque produit, y compris son nom, sa description, son prix et son
code-barres. En quelques étapes, un produit peut être ajouté à la liste existante,
prêt à être consulté par les utilisateurs. Cette fonctionnalité offre une flexibilité
totale dans la gestion du contenu du site, permettant aux administrateurs de
maintenir facilement une base de données à jour et exhaustive.

Figure 24: Interface Ajout de Produits.

61
 Développement

3.2.5. Interface Gestion des Réclamations

Dans l'interface du site web, la liste des réclamations est affichée de

manière claire et organisée. Chaque réclamation est présentée avec des
détails pertinents, tels que la nature de la plainte, la date et l'état de
traitement. Les administrateurs ont la possibilité de consulter et de gérer
efficacement chaque réclamation. Cette fonctionnalité permet une
gestion proactive des problèmes signalés par les utilisateurs,
contribuant ainsi à maintenir la satisfaction client et la qualité des
services.

Figure 25: Interface Gestion des Réclamations.

3.2.6. Interface Création de Catégories

Dans l'interface du site web, l'ajout de catégories est une tâche simple et
pratique pour les administrateurs. Ils peuvent facilement créer de
nouvelles catégories en fournissant un nom et une description
pertinents. Une fois ajoutées, ces catégories sont immédiatement
disponibles pour organiser et classifier les produits du site. Cette
fonctionnalité offre une flexibilité totale dans la structuration du
contenu, permettant une navigation claire et intuitive pour les
utilisateurs.

62
 Développement

Figure 26: Interface Création de Catégories.

3.2.7. Interface Gestion des Catégories

Sur l'interface du site web, les catégories sont présentées avec des
options pour les modifier ou les supprimer. Cette fonctionnalité permet
aux administrateurs de gérer efficacement la structure du contenu du
site. En sélectionnant l'option "Modifier", ils peuvent ajuster les détails
de chaque catégorie selon les besoins actuels. De même, en choisissant
"Supprimer", ils peuvent retirer une catégorie de la liste avec facilité.
Cette approche offre une flexibilité totale dans la gestion des catégories
pour garantir une expérience utilisateur optimale.

Figure 27: Interface Gestion des Catégories.

63
 Développement

Conclusion :
À la fin de cette troisième partie, nous avons abordé les aspects de développement
de sites Web liés à la tarification des produits. Nous mettons en place
l'environnement de travail nécessaire, y compris le matériel et les logiciels, et
discutons des détails du processus de développement, depuis le choix des langages
de programmation appropriés jusqu'à la mise en œuvre et le débogage. Nous avons
pu développer une interface utilisateur interactive et facile à utiliser qui permet
aux utilisateurs d'accéder facilement et rapidement à des informations précises sur
les prix. Cette section couvre également les défis que nous avons rencontrés au
cours du processus de développement et comment nous les avons surmontés pour
garantir le fonctionnement efficace du système.

64
 Développement

Conclusion générale :
En conclusion, nous pouvons dire que le projet de site Web sur la tarification des
produits représente une étape importante vers l’amélioration de la transparence du
marché et l’amélioration de l’expérience du consommateur. En fournissant un outil
fiable et facile à utiliser pour comparer les prix et suivre les changements, le projet
contribue à faire gagner du temps et des efforts aux consommateurs et à
encourager une concurrence loyale entre les magasins. Ce projet renforce
également l'économie locale en soutenant les magasins locaux et en encourageant
les consommateurs à acheter chez eux.

Nous avons montré comment la technologie peut jouer un rôle central dans la
résolution des problèmes quotidiens auxquels les consommateurs sont confrontés.
Grâce à l'utilisation de données précises et fiables, les utilisateurs peuvent prendre
des décisions d'achat éclairées et plus judicieuses. Nous attachons également une
grande importance à la sécurité et à la protection des données des utilisateurs afin
de garantir leur confidentialité et leur confiance dans le système.

Nous espérons que ce projet marquera le début de nouvelles innovations dans le

domaine des achats électroniques et qu'il contribuera à créer un environnement
commercial plus transparent et plus équitable. Merci à tous ceux qui ont contribué
à ce travail, et nous sommes impatients d'améliorer et de développer
continuellement le système pour mieux répondre aux besoins et aux attentes des
utilisateurs.

Les références :

65
 Développement

[1] [Link] [En ligne; consulté le 03 janvier 2024].

[2] Un livre de cours gratuit pour apprendre Laravel 5 en arabe par l'auteur Safaa
Al-Hayali.

[3] Livre MySQL vers le professionnalisme

[4] Un livre pour apprendre à programmer soi-même des appareils Android, par
Ahmed Hunter.

[5] Un manuel de cours pour apprendre la programmation d'applications Android

[6] Un livre étape par étape sur la programmation d'applications Android par
Rahma Al-Imam.

[7] Livre de la série éducative sur la conception et la programmation d'applications

Android, partie 1.

[8] Livre de la série éducative sur la conception et la programmation d'applications

Android, partie 2.

[9] [Link] [En ligne; consulté le 02 janvier 2024].

[10] [Link] .[En ligne; consulté le 01 janvier 2024].

[xam] Xampp. [Link] [En ligne; consulté le 05 Février 2024].

[chr] Google chrome browser. [Link] [En ligne; consulté le 30

janvier 2024].

[php] Hypertext preprocessor (php). [Link] [En ligne; consulté le 10 janvier

2024].

[vsc] Visual studio code. [Link] [En ligne; consulté le 20 janvier

2024].

66
 Développement

Abstract:
This thesis discusses the development of a website for accurately and transparently
determining product prices. The project aims to enable consumers to compare prices
across different stores and track price changes over time, enhancing market
transparency, improving consumer experience, and supporting the local economy. It
includes similar applications like Google Shopping and PriceGrabber, focusing on
security, data protection, data accuracy, user experience, integration, and
compatibility.

:‫الملخص‬
‫تتناول هذه المذكرة تطوير موقع إلكتروني لتحديد أسعار المنتجات بشكل دقيق‬
‫ يهدف المشروع إلى تمكين المستهلكين من مقارنة األسعار بين مختلف‬.‫وشفاف‬
‫ مما يعزز الشفافية في السوق ويحسن‬،‫المتاجر ومتابعة تغييرات األسعار بمرور الوقت‬
‫ يتضمن المشروع تطبيقات مشابهة مثل‬.‫تجربة المستهلك ويدعم االقتصاد المحلي‬
‫ مع التركيز على األمن وحماية البيانات ودقة البيانات‬،PriceGrabber‫ و‬Google Shopping
.‫وتجربة المستخدم والتكامل والتوافق‬

Résumé:
Cette thèse traite du développement d'un site web pour déterminer les prix des
produits de manière précise et transparente. Le projet vise à permettre aux
consommateurs de comparer les prix entre différents magasins et de suivre les
changements de prix au fil du temps, ce qui améliore la transparence du marché,
l'expérience du consommateur et soutient l'économie locale. Il inclut des applications
similaires comme Google Shopping et PriceGrabber, en se concentrant sur la sécurité,
la protection des données, la précision des données, l'expérience utilisateur,
l'intégration et la compatibilité.

67