Dédicaces

À mon Dieu,
Le tout puissant, de m’avoir donné la force pour survivre, et la patience d’accomplir ce
modeste travail, ainsi que l’audace pour dépasser toutes les difficultés.
À ma maman,
Qui m’a soutenu et encouragé durant ces années d’études, vous êtes et vous resterez pour moi
ma référence, la lumière qui illumine mon chemin,.
À mon papa,
Je dédie ce travail à mon papa que nulle dédicace ne puisse exprimer mon amour éternel et
ma considération pour vos sacrifices et leur soutien, vous avez toujours été mon école de
patience, de confiance.
À ma sœur jumelle Rawen
Merci énormément pour ton soutien plus que précieux. Merci pour ton grand cœur toutes vos
qualités qui seraient trop longues à énumérer. Ma vie ne serait pas aussi magique sans ton
présence et ton amour
Àmon frère Rayen
En signe de l’affection et du grand amour que je te porte, les mots sont insuffisants pour
exprimer ma profonde estime. , je t’aime de tout mon cœur
À toute ma famille,
Pour son soutien moral et ses conseils précieux tout au long de mes études qui m’ont toujours
encouragé, et à qui je souhaite plus de succès.

Ranym
 Dédicaces
Du plus profond de mon cœur, je dédie ce travail :
A MON CHER PERE,
Aucune dédicace ne pourra traduire ma profonde affectation et ma grande reconnaissance pour les
sacrifices que vous avez consentis.
A MA CHERE MERE,
Aucune dédicace ne peut exprimer mon profond amour, ma sincère gratitude et toute
reconnaissance pour les sacrifies que vous avez consenties.
A MES FRERES,
Vous avez toujours été à mes côtés pour me soutenir et m’encourager

A MES SŒURS,
Pour leur affectation, compréhension et patience. Que ce travail traduit ma gratitude et mon
affection

Manel
 Remerciements
C’est avec un grand plaisir que nous ayons réservé cette page en signe de gratitude et
profonde reconnaissance à tous ceux qui nous aident de près ou de loin pour mener à la
réalisation de ce travail.
Nous tenons à exprimer tout d’abord tous nos respects, à nos encadrant Mme “Soussi
Mouna“ pour sa disponibilité, ses conseils et son temps précieux dont il nous faisons part.
Merci beaucoup Madame.
Nous remercions également Mr “Touzri Fadi” pour nous avoir offert cette
opportunité de stage, l’expérience enrichissante, tout le savoir qu’il a partagé avec nous et
pour le temps qu’il nous a consacré tout au long de cette période.
Nous tenons à remercier toutes les personnes qui ont contribué au succès de notre
stage. Au terme de ce projet, nous tenons à remercier toute l’équipe pédagogique de l’institut
supérieure des langues appliquées et d’informatique de Béja, qui depuis, quelques années,
leurs conseils et leurs connaissances nous ont bien servis.
Nous exprimons aussi notre gratitude envers tous ceux qui nous ont accordé leur
soutien, tant par leur gentillesse que par leur dévouement. Nous ne pouvons nommer ici
toutes les personnes qui de près ou de loin nous ont aidé et encouragé mais nous les en
remercions vivement.
Enfin, nos remerciements vont également aux membres du juré d'avoir accepté de
juger notre travail.
 Sommaire

Introduction générale............................................................................................................................................1
Chapitre1 : Présentation du cadre de projet.........................................................................................................2
Introduction..........................................................................................................................................................2
1. Présentation de société.....................................................................................................................................2
2. Cadre générale du projet...................................................................................................................................2
2.1. Présentation du contexte du projet...........................................................................................................2
2.2Problématique..............................................................................................................................................3
3. Analyse de la situation actuelle.........................................................................................................................3
3.1 Présentation de la situation actuelle...........................................................................................................3
3.2 Critique de la situation existante.................................................................................................................3
3.3Solution proposée........................................................................................................................................4
4. Langage de modélisation...................................................................................................................................4
Chapitre2 : Analyse et spécification des besoins...................................................................................................6
Introduction..........................................................................................................................................................6
1.Identification des acteurs...................................................................................................................................6
1.1Identification des exigences :...........................................................................................................................6
1.1.1Exigences fonctionnels..............................................................................................................................6
1.1.2Besoins non fonctionnels..........................................................................................................................7
1.2Scénario et cas d’utilisation :............................................................................................................................7
1.2.1 Diagramme de cas d’utilisation globale....................................................................................................7
1.2.1.1 Cas d’utilisation « Administrateur »......................................................................................................7
1.2.1.2 Cas d’utilisation « pharmacie »..............................................................................................................9
1.2.1.3Cas d’utilisation « Fournisseur ».............................................................................................................9
Chapitre3 : Conception........................................................................................................................................11
Introduction :......................................................................................................................................................11
1.Architecture du système :................................................................................................................................11
2.Structure de la base de données......................................................................................................................11
2.1.Base de données No SQL (Not Only SQL Data base)..................................................................................12
2.2. Document JSON........................................................................................................................................12
2.3 La différence entre une SGBD SQL et une SGBD No SQL...........................................................................13
3. Diagramme de séquence.................................................................................................................................13
Chapitre 4: Réalisation........................................................................................................................................18
Introduction........................................................................................................................................................18
1.Environnement de développement..................................................................................................................18
1.1.Environnement matériel...............................................................................................................................18
1.2.Environnement logiciel..................................................................................................................................18
2. Langages de programmation...........................................................................................................................19
3. Les interfaces graphiques................................................................................................................................21
Conclusion générale............................................................................................................................................29
Webographie.......................................................................................................................................................30
 Liste des figures
Fig1: Logo de la société.......................................................................................................................................2
Fig 2:Dashboard de application "Care Flow"........................................................................................................4
Fig3: Qualité de logiciel selon la norme ISO 25000..............................................................................................7
Fig4: diagramme de cas d’utilisation "Administrateur".........................................................................................7
Fig5 : diagramme de cas d’utilisation "Pharmacie"...............................................................................................9
Fig6 : diagramme de cas d’utilisation "Fournisseur...............................................................................................9
Fig7 : le modèle MVC........................................................................................................................................11
Fig8: SQL VS NOSQL.......................................................................................................................................12
Fig9: La différence entre une SGBD SQL et une SGBD No SQL......................................................................13
Fig10 : Diagramme de séquence relatif au cas d’utilisation « s’authentifier ».....................................................13
Fig11: Diagramme de séquence relatif au cas d’utilisation « Ajouter pharmacie »...........................................14
Fig12: Diagramme de séquence relatif au cas d’utilisation « Ajouter fournisseur »..........................................14
Fig13: Diagramme de séquence relatif au cas d’utilisation « supprimer pharmacie ».......................................15
Fig14: Diagramme de séquence relatif au cas d’utilisation « supprimer fournisseur »......................................15
Fig15: Diagramme de séquence relatif au cas d’utilisation« modifier profil pharmacie »..................................16
Fig16: Diagramme de séquence relatif au cas d’utilisation « modifier profil fournisseur ».................................16
Fig17: Interface d’authentification......................................................................................................................21
Fig18: Interface d’inscription..............................................................................................................................22
Fig19: Interface de gestion d’utilisateur..............................................................................................................23
Fig20: Interface d’ajout utilisateur......................................................................................................................23
Fig21: Interface de modifier un utilisateur..........................................................................................................24
Fig22 : Interface de supprimer un utilisateur.......................................................................................................24
Fig23: Interface des produits...............................................................................................................................25
Fig24: Interface d’ajouter un produit...................................................................................................................25
Fig25: Interface de modifier un produit...............................................................................................................26
Fig26: Interface de consultation profile pharmacie.............................................................................................26
Fig27: Interface pour passer commande..............................................................................................................27
Fig28: Interface de réception d’un produit..........................................................................................................28
 Liste des tableaux

Tab1 : Enoncé textuelle du cas d’utilisation « ajouter pharmacie/fournisseur »....................................................8

Tab2: Enoncé textuelle du cas d’utilisation « modifier pharmacie/fournisseur »..................................................8
Tab3: Environnement matériel............................................................................................................................18
Tab 4: Environnement logiciel............................................................................................................................19
Tab 5: Langage de programmation......................................................................................................................20
 Introduction générale

Actuellement, le monde connaît d'énormes progrès technologiques dans divers domaines,

grâce à l'informatique, la science qui étudie les technologies de traitement automatique de
l'information.
En effet loin d'être un grand phénomène dans le monde, les ordinateurs ont apporté de
multiples conforts dans nos vies grâce à leur intrusion Avant l'invention des ordinateurs, on
enregistrait manuellement toutes les informations sur un support papier ce qui posait de
nombreux problèmes comme la perte de beaucoup de temps ou la dégradation de ce dernier
lors de la recherche de telles informations. Ainsi, jusqu'à présent, les ordinateurs restent le
moyen le plus sûr de gérer et de stocker des informations. L'invention a permis des systèmes
informatisés de gestion des données des entreprises, qui constituent aujourd'hui une partie
importante de leur développement. Ainsi, les pharmacies hospitalières et leurs entrepôts font
partie de ces institutions où l'informatique peut beaucoup aider.
En effet, l'augmentation du nombre de médicaments dans les hôpitaux nécessite une mise en
œuvre et une gestion raisonnables et efficaces. Jusqu'à présent, la gestion manuelle domine
encore. En l'occurrence, notre projet de fin d'étude visait la conception et la mise en place
d'une application web interactive, fiable et facile à intégrer dans un environnement entre dépôt
et pharmacie, permettant le suivi et la gestion de la livraison des produits pharmaceutiques
[1]. Ce rapport présente une description détaillée du travail réalisé durant la période du stage
de fin d’étude, il est organisé comme suit :
Le premier chapitre est intitulé « Introduction du cadre du projet », et nous définirons le
projet en présentant d'abord l'entreprise et en examinant et critiquant les entreprises existantes.
Nous proposons ensuite des méthodes pour résoudre ces problèmes.
Le deuxième chapitre« Analyse des besoins ». Il expose les fonctionnalités de l'application à
travers la spécification des exigences fonctionnelles et non fonctionnelles et la présentation de
différents cas d'utilisation.
Le troisième chapitre « Conception », nous décrivons toutes les parties de conception
générale et détaillée de l'application à mettre en œuvre.
Le quatrième chapitre, intitulé « Réalisation », nous décrivons l'environnement de
conception et l'environnement de développement de l'application.
Et on finit par guiser une conclusion dans laquelle nous présenterons les acquis retenus au
cours de ce projet et proposant les perspectives envisagées dans le futur proche.

1
 Chapitre1 : Présentation du cadre de projet

Introduction
Ce chapitre a pour objectif de situer notre projet dans son contexte général. Il est
composé de deux parties. La première a pour but de présenter le projet, la problématique et la
solution et la deuxième partie a pour but d’expliquer le choix méthodologique.

1. Présentation de société
Ce projet s’intègre dans le cadre du projet de fin d’études de 3 ème année en Génie
Logiciel et Système d’information (GLSI), au sein de la société GoMyCode Béja, pour
l’année universitaire 2022/2023.

En premier lieu on va présenter la société GoMyCode. Le groupe GoMyCode est une

startup tunisienne de secteur d’activité éducative et bientôt une société de propriété de
capital privée. Ses domaines d’activité couvrent presque tous les domaines de
développement informatique : développement web, intelligence artificielle, data scientiste,
python, DevOps [2].

Fig1: Logo de la société

2. Cadre générale du projet

2.1. Présentation du contexte du projet
Notre projet consiste à développer une application web qui sera nommé «Pharmacy ». Notre
application permet aux pharmacies de consulter, gérer, commander des médicaments fournis
par des agents qu’on l’appelle fournisseurs.

2
 Notre travail consiste à développer l’application « Pharmacy » Qui va permettre aux
utilisateurs à atteindre leur but essentiel orienté vers l’amélioration de l’accès aux produits
médicaux en mettant à leur disposition des outils simples et intuitifs pour que chacun devenir
responsable de sa santé et de son bien-être.

Un doute, une inquiétude, besoin de savoir si tes médicaments sont en stock ? «

Pharmacy » C’est la solution

2.2Problématique
Aujourd'hui, il existe de multiples problèmes et difficultés dans le secteur de la santé que
certaines entreprises cherchent à résoudre.

• Comment peut –on suivre les commandes des produits pharmaceutiques ?

• Comment garantir un contrôle simple des données ?

• Comment éviter la perte du temps ?

• Comment peut-on avoir une excellente gestion des stocks des médicaments ?

3. Analyse de la situation actuelle

3.1 Présentation de la situation actuelle
L’étude comparative des services similaires est une phase importante dans la
spécification des besoins. Elle nous permet de déterminer les points faibles des services
existants pour servir les pharmacies, dans le but de prendre en compte lors de la conception et
la réalisation de cette application [3].

3.2 Critique de la situation existante

On passe à présenter un exemple d’application similaire.

⮚Présentation de l’application similaire « Care Flow »

Notre application est considérée comme une solution des certaines lacunes réalisées dans
quelques autres applications et parmi ces derniers on cite « Care Flow »

Durant ce stage, on a observé qu’il y a une difficulté dans la gestion du commandes des
produits pharmaceutiques entre fournisseur et pharmacie, on a remarqué que cette tâche se fait
manuellement et l’affichage des nouvelles informations se fait sur papiers, tous ces conditions
peuvent causer plus de problèmes tel que :

3
  Risque de perte d’information
 Problème de manipulation de mise à jour d’organisation des fichiers
 Risque de commettre des erreurs
 Perte du temps

Fig 2:Dashboard de application "Care Flow"

3.3Solution proposée
Pour pallier ces problèmes, nous proposons de développer une application pour gérer,
commander, livrer des médicaments entre les fournisseurs et les pharmacies. Cette application
contient les innovations suivantes :

• Une interface bien structurée et conviviale assure une administration plus sécurisée

• Manipulation et contrôle simples des données

• Excellente gestion des stocks de médicaments

• Lien simple et fiable entre les pharmacies et les fournisseurs

• Les pharmacies ont le droit de suivre les livraisons (leurs commandes)

• L'administrateur a le pouvoir de gérer les pharmacies et les fournisseurs

4. Langage de modélisation
Pour modéliser notre projet nous choisissons UML comme un langage de conception. UML
(UnifiedModelingLanguage), C’est un langage de description basé sur des pictogrammes
utilisé pour offrir une approche standardisée afin d’observer la conception d’un système. [4].

4
Conclusion
Dans ce chapitre nous abordons la partie théorique qui contient la présentation de la
société, ses activités et ensuite on a met le regard sur l’analyse de la situation actuelle, Dans
ce qui suit nous allons détailler approfondiement l’analyse et la spécification des besoins.

5
 Chapitre2 : Analyse et spécification des besoins

Introduction
On commence par expliquer plus en détail notre projet en précisant les exigences
fonctionnelles à travers des diagrammes de cas d’utilisation montrant les différentes
caractéristiques du système et des exigences non fonctionnelles montrant les contraintes que
le système doit vérifier. Enfin, nous détaillerons le backlog de notre projet et le calendrier
d'exécution des tâches.

1.Identification des acteurs

Un acteur peut être considéré comme une entité externe qui interagit avec le système et en
réponse à l’action de cet acteur, le système fournit un service qui satisfait son besoin [5]Par
conséquent, nous identifions trois acteurs :
Acteur 1 : Administrateur est un acteur incontournable du projet, il est responsable
des différents paramétrages de l’application, qui a pour rôle est de gérer les
pharmacies et les fournisseurs.
Acteur 2 : Pharmacie est un acteur principal, il a comme rôle de gérer les médicaments,
consulter les stocks, commander des produits.
Acteur 3 : Fournisseur est un acteur principal

1.1Identification des exigences :

1.1.1Exigences fonctionnels
Notre système à réaliser doit répondre aux besoins fonctionnels suivants :
L’inscription : les visiteurs peuvent s’inscrire pour accéder à l’application.
Authentification : L’administrateur ou les autres utilisateurs doivent nécessairement
s’authentifier en tapant le login et le mot de passe pour accéder aux différentes rubriques.

6
1.1.2Besoins non fonctionnels

Fig3: Qualité de logiciel selon la norme ISO 25000

1.2Scénario et cas d’utilisation :

1.2.1 Diagramme de cas d’utilisation globale
Nous présentons dans ce qui suit le diagramme des cas d’utilisation globale afin
d’avoir une vision Globale de notre solution :
1.2.1.1 Cas d’utilisation « Administrateur »

Fig4: diagramme de cas d’utilisation "Administrateur"

7
 Enoncé textuelle du cas d’utilisation « ajouter pharmacie/fournisseur »
Titre Diagramme gérer compte
But Ajouter pharmacie/fournisseur
Acteurs Administrateur
Scénario-nominal  L’administrateur peut afficher et
consulter le formulaire
 L’administrateur saisie les informations
 L’administrateur vérifie les
informations saisies
 Le système enregistre les informations
 L’opération a été effectuée avec succès
Scénario –alternatif  L’administrateur remplie le formulaire
 Le système vérifie les informations
 Un message d’échec contient « cet
utilisateur existe déjà » envoyé au
administrateur

Tab1 : Enoncé textuelle du cas d’utilisation « ajouter pharmacie/fournisseur »

 Enoncé textuelle du cas d’utilisation « modifier pharmacie/fournisseur »
Titre Diagramme gérer compte

But Modifier pharmacie/fournisseur

Acteurs Administrateur

Scénario-nominal  L’administrateur choisit

(fournisseur/pharmacie)
 L’administrateur change les
informations
 Le système enregistre les structures
des données
 L’opération a été effectuée avec
succès

Tab2: Enoncé textuelle du cas d’utilisation « modifier pharmacie/fournisseur »

8
1.2.1.2 Cas d’utilisation « pharmacie »

Fig5 : diagramme de cas d’utilisation "Pharmacie"

1.2.1.3Cas d’utilisation « Fournisseur »

Fig6 : diagramme de cas d’utilisation "Fournisseur

9
Conclusion
Ce chapitre a été dédié à l’analyse et la spécification des besoins.
On a décrit toutes les fonctionnalités du futur système, ainsi que le comportement fonctionnel
du système. Par suite, nous allons étudier la partie conception qui consiste à élaborer
l’architecture du système.

10
 Chapitre3 : Conception

Introduction :
Dans cette partie nous allons étudier la conception des cas d’utilisations précédentes. Afin de
clarifier le déroulement des évènements, nous allons concevoir les diagrammes de séquences
pour certains cas d’utilisations
1.Architecture du système :
Modèle-vue-contrôleur ou MVC est un patron d’architecture logicielle adapté aux interfaces
graphiques.
Le motif est constitué de trois composants différents avec trois rôles différents : les modèles,
les vues et les contrôleurs.[6]

Fig7 : le modèle MVC

2.Structure de la base de données

Pour avoir une application performante et rapide, il nous a été demandé de travailler avec le
SGBD Mango DB : il a comme rôle de stockera base de données le No SQL (non
relationnelle).

11
2.1.Base de données No SQL (Not Only SQL Data base)
Le No SQL est un type de base de données, qui se caractérise par son non rationalité, Il assure le
stockage des données sans structure prédéfinie. Les opérations de jointure ne sont pas obligatoires
Contrairement à une base de données SQL relationnelle, elle à un schéma prédéfini sous
forme d’un tableau (ligne et colonne), elle utilise les jointures d’où il existe des clés primaires
et des clés étrangères. [7]

Fig8: SQL VS NOSQL

2.2. Document JSON

Alors, dans notre application les données sont stockées sous forme d’un document
JSON, qui est constitués de champs, qui sont des objets de pair nom-valeur. Les champs
peuvent être dans n’importe quel ordre et être imbriqués ou organisés en tableaux. Il n’y a pas
d’application des structures de document

12
2.3 La différence entre une SGBD SQL et une SGBD No SQL

Fig9: La différence entre une SGBD SQL et une SGBD No SQL

3. Diagramme de séquence
Un diagramme de séquence ou un diagramme temporel du système décrit la communication
entre les acteurs et le système. Il s'agit donc d'une vue externe.

 Diagramme de séquence relatif au cas d’utilisation « s’authentifier » :

Fig10 : Diagramme de séquence relatif au cas d’utilisation « s’authentifier »

13
 Diagramme de séquence relatif au cas d’utilisation « Gérer compte : ajouter Pharmacie
/fournisseur »

Fig11: Diagramme de séquence relatif au cas d’utilisation « Ajouter pharmacie »

Fig12: Diagramme de séquence relatif au cas d’utilisation « Ajouter fournisseur »

14
 Diagramme de séquence relatif au cas d’utilisation « Gérer compte : supprimerPharmacie

/fournisseur »

Fig13: Diagramme de séquence relatif au cas d’utilisation « supprimer pharmacie »

Fig14: Diagramme de séquence relatif au cas d’utilisation « supprimer fournisseur »

15
  Diagramme de séquence relatif au cas d’utilisation « Gérer compte : modifier

Pharmacie /fournisseur »

Fig15: Diagramme de séquence relatif au cas d’utilisation« modifier profil pharmacie »

Fig16: Diagramme de séquence relatif au cas d’utilisation « modifier profil fournisseur »

16
Conclusion :

On guise de conclusion, nous avons étudié la conception de notre application en utilisant un

diagramme de séquence et une structure du système de gestion de données, Ensuite, on va
présenter l’exécution détaillée de la mise en œuvre.

17
 Chapitre 4: Réalisation

Introduction
Au cours de ce chapitre nous allons déterminer les deux environnements matériels et
logiciels utilisés dans notre projet et les interfaces de l’application développée. Nous
décrivons aussi les différents choix techniques relatifs à la réalisation du projet. Et on termine
avec une conclusion générale.

1.Environnement de développement
1.1.Environnement matériel
Pour réaliser cette application, nous avons disposé de deux PC portable ayant les
caractéristiques suivantes :

Marque HP DELL

Processeur Intel core i5 Intel ® Celeron®

Ram 8GO 4GO

Disque dur 1TO 500GO

Système d’exploitation Windows 832bit Windows 832bit

Tab3: Environnement matériel

1.2.Environnement logiciel
Dans cette partie, on va citer les différentes ressources employées pour la création de notre
application.
 Visual Studio Code :
Visual Studio Code est un éditeur de développement
avec ses fonctionnalités qui comprennent l’occupation
du débogage, la coloration syntaxique, la complétion
intelligente du code [8].
18

Lucidchart :
Lucidchart est un outil de coordination, il est en ligne
qui offre des fonctionnalités pour la création des
diagrammes. [9]

Postman :
Postman désigne une application permettant la
vérification des API. [10]

Tab 4: Environnement logiciel

2. Langages de programmation

JavaScript :
JavaScript c’est un langage de scriptage utilisé
Principalement pour former des pages web interactives.
[11]

HTML5 :
HTML5 représente la dernière évolution majeure du
HTML. cette dernière présente deux représentations
syntaxiques d’un modèle abstrait en relation avec DOM.
[12]
CSS :
SyntacticallyAwesome Style Sheet est le sur-ensemble
de CSS. SCSS est la version la plus avancée de CSS.
[13].
❖Backend
Express JS :
Express JS est une plateforme de développement qui sert
à créer des applications web utilisant Node.js. [14]

19
Node JS :
Node.js est un environnement de développement
logicielle libre basé sur JavaScript, il est destiné
applications réseau à une concurrence élevée qui
nécessite une grande extensibilité. [15]

❖Frontend
React:
React est une bibliothèque JavaScript libre. Son but
principal consiste à faciliter la création d’application
web monopage , [16]

❖Système de gestion des données

⮚MongoDB
Désigne un système de gestion de base de données
documentaire, qui fonctionne sans nécessité de schéma
des données prédéfini, [17]

Tab 5: Langage de programmation

20
3. Les interfaces graphiques
Lors de la réalisation de notre application, nous allons voir les différentes interfaces.
Le schéma ci-dessous (fig 17) montre l’interface d’authentification :

Fig17: Interface d’authentification

On cas d’erreur le système alerte l’utilisateur et lui redirige vers la même page.
Une fois identifié, l’utilisateur peut accéder au menu de l’application qui contient des
fonctionnalités relatives à son rôle d’authentification.

21
En cas où l’utilisateur n’a pas un compte pour s’authentifier, l’exemple qui suit ci-dessous
(fig 18) montre l’interface qui contient le formulaire de création d’un compte.

Fig18: Interface d’inscription

22
L’interface ci-dessous (fig 19) qui concerne l’administrateur est relative à la gestion

D’utilisateur (fournisseur/ pharmacie).

Fig19: Interface de gestion d’utilisateur

L’interface ci-dessous (fig 20) est relative à l’ajout d’utilisateur

Fig20: Interface d’ajout utilisateur

23
L’interface ci-dessous (fig 21) est relative à modifier un utilisateur

Fig21: Interface de modifier un utilisateur

L’interface ci-dessous (fig 22) est relative à supprimer un utilisateur

Fig22 : Interface de supprimer un utilisateur

24
L’interface ci-dessous (fig 23) qui concerne l’utilisateur est relative aux produits

Fig23: Interface des produits

L’interface ci-dessous (fig 24) qui concerne l’utilisateur est relative à l’ajout des produits

Fig24: Interface d’ajouter un produit

25
L’interface ci-dessous (fig 25) est relative à la modification d’un produit

Fig25: Interface de modifier un produit

L’interface ci-dessous (fig 26) est relative à la consultation de profile de pharmacie

Fig26: Interface de consultation profile pharmacie

26
L’interface ci-dessous (fig 27) est relative au passer commande

Fig27: Interface pour passer commande

27
L’interface ci-dessous (fig 28) est relative à la réception d’un produit par la pharmacie

Fig28: Interface de réception d’un produit

Conclusion :
Dans cette dernière section, on a abordé l’environnement logiciel avec lequel on a réalisé
notre projet, les technologies de développement et de programmation que nous avons
utilisées, ainsi les interfaces graphiques qui permettant de simuler les conditions réelles du
système.

28
 Conclusion générale
Ce projet consiste à développer une application « Le suivi et la livraison des produits
pharmaceutiques » comme une solution qui répond à leurs besoins.
Afin d’étudier les besoins et les problématiques et pouvoir proposer la solution
adéquate, nous avons commencé par l’analyse des besoins fonctionnelles et les
besoins non fonctionnelles de l’application. En fait, cette analyse nous a permis de
bien définir nos objectifs à atteindre et d’assurer un traitement cohérent. Ensuite,
pour atteindre les objectifs définis, nous avons choisi le langage UML pour
modéliser notre application en utilisant des différents diagrammes qui sont étudié en
détail dans la phase conception. Enfin, dans la phase de réalisation et implémentation
nous avons présenté les outils et les technologies utilisés pour le développement de
notre application web. Un aperçu sur les interfaces développées a été présenté dans
ce rapport.
Tout au long de ce projet, nous avons rencontrés quelques difficultés au niveau de la
conception et au niveau du développement. Toutefois, grâce à notre travail et
patience, nous avons pu surmonter la majorité des difficultés rencontrés.

En guise de perspective, d’autres améliorations seront apportées à l’application pour

lui permettre d’être encore plus performante, comme par exemple l’ajout de la partie
qui concerne le client, ce dernier au lieu d’aller à la pharmacie, il peut consulter et
acheter ses besoins à travers l’application.

29
 Webographie
[1] https://congovirtuelle.com/conception-et-realisation-dune-application-web-pour-
lagestion-dune-pharmacie-cas-de-shalina/

[2] https://gomycode.com/TN-FR/aboutVisité le 05/02/2022

[3] https://fr.slideshare.net/RaouaBenasr/rapport-pfe-conceptionet-developpement- dune-

application-web-et-mobile

[4] https://www.btshassan2.com/cours.html?idCours=98

[5] https://uml.developpez.com/faq/?page=Cas-d-utilisation

[6] https://fr.wikipedia.org/wiki/Mod%C3%A8le-vue-contr%C3%B4leur

[7] https://datascientest.com/nosql-tout-savoir

[8] https://fr.wikipedia.org/wiki/Visual_Studio_Code

[9] https://fr.wikipedia.org/wiki/Lucidchart

[10] https://fr.wikipedia.org/wiki/Postman_(logiciel)

[11] https://fr.wikipedia.org/wiki/JavaScript

[12] https://fr.wikipedia.org/wiki/HTML5

[13] https://baraksaidoff.medium.com/intro-to-sass-syntactically-awesome-style-
sheets-
2d7e7eb3d671

[14] https://fr.wikipedia.org/wiki/Express.js

[15] https://fr.wikipedia.org/wiki/Node.js

[16] https://www.devlab.io/technologies/react

[17] https://fr.wikipedia.org/wiki/MongoDB

30