Ministère de l’Enseignement Supérieur,

de la Recherche Scientifique et de l’Innovation

Université Ibn Zohr

Ecole Supérieure de Technologie – Guelmim

Rapport de Projet de Fin d'Études

Soumis en vue de l'obtention du Diplôme Universitaire de Technologie (DUT)

En Génie Informatique

Application web de Gestion du Don de Sang

Réalisé par : Mohamed Khacha et Mohamed Khanoubas

Encadrant académique : Monsieur Akram Sedki

Soutenu le 19/03/2024 devant le jury composé de :

- Monsieur SEDKI Akram

- Monsieur SABRI Yassine

-
Année universitaire 2023-2024
-
 Dédicace
“
Ce mémoire est entièrement dédiée à mes parents bienaimés, qui ont été ma source d’inspiration et
m’ont donné de la force lorsque j’ai pensé à abandonner, qui fournissent continuellement leur soutien moral,
spirituel, émotionnel et financier. mes frères, sœurs, professeurs, amis et camarades de classe qui ont partagé
leurs conseils et leurs encouragements. Par-dessus tout, à Allah Tout-Puissant qui me donne toujours la
force, la connaissance et la sagesse dans tout ce que je fais.

À tous ceux qui me sont chers, à vous tous Merci.

”
- Mohamed khacha

“
Je dédie ce mémoire à mes chers parents ma mère et mon père Pour leur patience, leur amour, leur
soutien et leurs encouragements. À mes frères, à mes amies et mes camarades et à toute ma famille. Sans
oublier tous les professeurs que ce soit du primaire, du moyen du secondaire ou de l’enseignement
supérieur. À tous ceux qui me sont chers, à vous tous Merci.

”
- Mohamed Khanoubas

Application web de Gestion du Don de Sang Page 2

 REMERCIEMENT

Je tiens remercier avant tout le bon Dieu tout puissant de m’avoir accordé volonté et patience pour
accomplir ce travail.

Mes remerciements les plus sincères vont à tous ceux qui ont contribué de près ou de loin à la réalisation de
ce travail en particulier : Mr SEDKI Akram pour leur encadrement, et pour l’effort fournit, les conseils
prodigués et sa patience dans la suivie.

Les membres de jury pour avoir accepté la participation au jury de ce travail.

Notre chef de département Mr ASIMI Younes.

Tous les enseignants et le personnel du département d’informatique.

A Tous Merci.

Application web de Gestion du Don de Sang Page 3

 Sommaire
Dédicace........................................................................................................................................................ 2

Remerciement .............................................................................................................................................. 3

Sommaire ..................................................................................................................................................... 4

Table de figures ........................................................................................................................................... 6

Introduction général.................................................................................................................................... 7

CHAPITRE 01 : Don de sang..................................................................................................................... 8

1. Introduction ..................................................................................................................................... 9

2. Définition .......................................................................................................................................... 9

3. Types de don .................................................................................................................................... 9

3.1. Le don du sang total ................................................................................................................ 9

3.2. Le don de sang aphérèse ....................................................................................................... 10

4. Les différentes étapes du Don ....................................................................................................... 11

4.1. L’Accueil ................................................................................................................................ 11

4.2. L’Entretien médical............................................................................................................... 11

4.3. Le Don .................................................................................................................................... 11

4.4. La collation ............................................................................................................................. 11

5. Les conditions au Don ................................................................................................................... 12

6. Transfusion sanguine .................................................................................................................... 13

6.1. Définition ................................................................................................................................ 13

6.2. Comptabilité des groups sanguine ....................................................................................... 13

7. Conclusion ...................................................................................................................................... 14

CHAPITRE 02 : Conception .................................................................................................................... 15

1. Introduction ................................................................................................................................... 16

Application web de Gestion du Don de Sang Page 4

 2. Problématique................................................................................................................................ 16

3. Objectif ........................................................................................................................................... 17

4. Conception détaillée ...................................................................................................................... 19

4.1. Diagramme cas d’utilisation ................................................................................................. 19

4.2. Diagramme de classe : ........................................................................................................... 23

4.3. Diagramme de séquence : ..................................................................................................... 25

5. Conclusion ...................................................................................................................................... 31

CHAPITRE 03 : Réalisation..................................................................................................................... 32

1. Introduction ................................................................................................................................... 33

2. Application ..................................................................................................................................... 33

2.1. Définition ................................................................................................................................ 33

2.2. Types des applications web ................................................................................................... 33

2.3. Les attaques sur l’application web : .................................................................................... 34

3. Gafus : Application web de donation du sang ............................................................................ 35

3.1. Introduction ........................................................................................................................... 35

3.2. Gafus ....................................................................................................................................... 35

3.3. Outils et technologies utilises ................................................................................................ 36

3.4. Présentations de quelques interfaces de l’application ........................................................ 40

4. Conclusion ...................................................................................................................................... 47

Conclusion générale .................................................................................................................................. 48

Perspectives ................................................................................................................................................ 49

Références .................................................................................................................................................. 50

Application web de Gestion du Don de Sang Page 5

 Table de figures
Figure 1 : Le don du sang aphérèse ................................................................................................ 10

Figure 2 : Les étapes du don ........................................................................................................... 11

Figure 3 : Les groups sanguin ......................................................................................................... 14

Figure 4 : diagramme de cas d’utilisation ...................................................................................... 19

Figure 5 : Digramme de classes pour l’authentification ................................................................. 23

Figure 6 : Diagramme de classe de gestion de centre de Don ....................................................... 25

Figure 7 : Diagramme de séquence pour planifier un rendez-vous ............................................... 26

Figure 8 : Diagramme de séquence pour faire un don ................................................................... 28

Figure 9 : Diagramme de séquence pour demander un poche ...................................................... 30

Figure 10 : Logo de l'application.................................................................................................... 36

Figure 11 : Interface d’accueil ....................................................................................................... 40

Figure 12 : Interface de connexion................................................................................................. 41

Figure 13 : Formulaire de demande de sang .................................................................................. 42

Figure 14 : Trouver les centres plus proches.................................................................................. 43

Figure 15 : Planifier un rendez-vous pour le don du sang .............................................................. 44

Figure 16 : Exemple de Rendez-vous ............................................................................................. 45

Figure 17 : Tableau de bord de l’Administrateur ........................................................................... 46

Figure 18 : Tableau de bord de le centre ....................................................................................... 47

Application web de Gestion du Don de Sang Page 6

 Introduction général
Le sang, en tant que liquide vital circulant dans le corps humain, joue un rôle crucial en assurant
le transport d'oxygène des poumons vers l'ensemble du corps et l'élimination des déchets. Un adulte
moyen porte entre 4 à 6 litres de ce précieux fluide, dont l'équilibre et la qualité sont essentiels pour
maintenir une santé optimale. Cependant, certaines affections, telles que l'anémie, peuvent
compromettre gravement la santé d'une personne, voire entraîner des conséquences fatales.

Au-delà de ses implications individuelles, le sang est également au cœur des pratiques médicales
contemporaines, notamment à travers la transfusion sanguine. Celle-ci se révèle être un élément
essentiel des soins de santé, contribuant à sauver des millions de vies chaque année, tant dans des
contextes de routine que d'urgence. Les services de transfusion sanguine reposent largement sur la
générosité des donneurs volontaires, soulignant ainsi l'importance de la solidarité humaine pour
assurer un approvisionnement suffisant en sang.

Cependant, même si la transfusion sanguine demeure une pratique médicale essentielle, d'autres
événements peuvent venir bouleverser la stabilité des services de santé. Un exemple marquant est
survenu le 8 septembre 2023 , lorsque le Maroc a été secoué par un séisme d'une magnitude de 6.9
dans la province d'Al Haouz. Cet événement a eu des répercussions notables, soulignant la fragilité
des infrastructures médicales dans des situations d'urgence.

Ainsi, cet ensemble de circonstances souligne l'importance critique du sang dans le maintien de la vie
humaine et met en lumière les défis auxquels peuvent être confrontés les services de santé, en
particulier lors d'événements sismiques majeurs. Cette introduction générale établira le contexte
nécessaire pour explorer plus en détail les enjeux liés au sang, à la transfusion sanguine, et à la
résilience des services de santé face aux catastrophes naturelles.

Application web de Gestion du Don de Sang Page 7

I. CHAPITRE 01 :
Don de sang
1. Introduction
Dans ce chapitre nous allons se focaliser sur le contexte et les objectifs de notre projet de fin
d’études. Nous commencerons par présenter l’établissement d’accueil, puis nous aborderons le
problème et la source de motivation qui nous a poussé à faire ce projet.

2. Définition
Le sang est un fluide qui circule constamment et qui fournit à l’organisme de la nutrition, de l’oxygène
et l’élimination des déchets.

Le sang est surtout liquide, avec de nombreuses cellules et protéines en suspension, ce qui rend le sang
"plus épais" que l’eau pure.

La personne moyenne a environ 5 litres (plus d’un gallon) de sang [29]. Un liquide appelé plasma
représente environ la moitié du contenu du sang. Le plasma contient des protéines qui aident le sang à
coaguler, à transporter des substances dans le sang et à remplir d’autres fonctions [20].

Le plasma sanguin contient également du glucose et d’autres nutriments dissous. Environ la moitié du
volume sanguin est composée de cellules sanguines :

• Globules rouges, qui transportent l’oxygène dans les tissus.

• Les globules blancs, qui luttent contre les infections.
• Plaquettes, cellules plus petites qui aident le sang à coaguler.

3. Types de don
Le sang est fait de différentes parties, ou composants.

Ces composants sont entre autres le plasma, les globules rouges (GR), les globules blancs (GB) et les
plaquettes.

Lors d’une transfusion sanguine, on peut donner le sang total, donc tous ses composants.

On peut aussi donner seulement une partie du sang.

3.1. Le don du sang total

C’est la forme de prélèvement la plus connue. Elle consiste à prélever 450 ml à 500 ml de sang
directement de la veine du donneur jusqu’à une poche de recueil qui contient l’anticoagulant. La poche

Application web de Gestion du Don de Sang Page 9

 de recueil rassemble donc tous les éléments du sang : globules rouges, plaquettes et plasma, Le don du
sang doit respecter les conditions suivantes :

• Le prélèvement de sang total est effectué chez les sujets âgés de dix-huit ans soixante-cinq ans.

• Le don du sang total dure 8 à 12 minutes.

• Une femme peut donner son sang 4 fois par an, un homme 6 fois, en respectant un délai d’au moins 8
semaines entre chaque don.

3.2. Le don de sang aphérèse

Le sang est prélevé et séparé en ses différents composants.

Figure 01 : Le don du sang aphérèse

Figure 1 : Le don du sang aphérèse
Ce schéma définit les différents composants du sang, Le don de plasma, de plaquettes, de
granulocytes ou de globules rouges appelé don en aphérèse.

Lors d’un don par aphérèse, le sang prélevé est directement centrifugé dans un appareil d’aphérèse et
permet d’isoler ses différents composants.

Selon le procédé, il est possible de ne prélever que des plaquettes (thrombocytes) et du plasma, ou
uniquement du plasma. Les globules rouges (érythrocytes) et les autres composants du sang sont
restitués au fur et à mesure de la procédure au donneur.

Les produits sanguins ont une durée de vie limitée d'où la nécessité de mobiliser la population tout au
long de l'année :

• 42 jours pour les globules rouges.

• 5 jours pour les plaquettes.
• 1 an pour le plasma qui est congelé.

Application web de Gestion du Don de Sang Page 10

4. Les différentes étapes du Don
Cette image représenter les parcours du donneur : l’accueil et l’enregistrement, l’entretien
médical, le don, la collation et le repos, avant de quitter le site de collecte.

Figure 02 : Les étapes du don

Figure 2 : Les étapes du don
4.1. L’Accueil
Une fois arrivé sur le site, le donneur est enregistré à l’accueil, où il se voit remettre un
questionnaire préalable au don, ainsi que des documents pédagogiques sur les maladies transmissibles
par le sang. Il sera ensuite orienté vers un médecin pour l’entretien médical.

4.2. L’Entretien médical

C’est l’étape clé du don du sang. La sécurité du donneur et du receveur en dépend. L’entretien
médical s’appuie sur un questionnaire rempli par le candidat au don.

4.3. Le Don
Il n’est pas plus douloureux qu’une prise de sang. Une infirmière prélève tout d’abord quelques
échantillons, qui serviront aux analyses. Les types de dons diffèrent en fonction des techniques de
prélèvement employées, des appareillages utilisés, de la durée et de la fréquence des dons.

4.4. La collation
Et le repos Une collation est offerte par le personnel sur place. Le donneur prendra le temps de
se reposer un peu avant de quitter le site de collecte, afin d’éviter un malaise dû au prélèvement ou à
une hypoglycémie.

Application web de Gestion du Don de Sang Page 11

5. Les conditions au Don
La plupart des personnes peuvent donner du sang si elles sont en bonne santé. Il existe des critères
de base à remplir pour devenir donneur de sang. Ci-dessous figurent quelques critères de base à remplir:

➢ L’Âge

Au Maroc, il faut vous êtes âgé entre 18 et 65 ans.

Dans certains pays, la législation nationale autorise les jeunes âgés de 16 à 17 ans à donner du sang à
condition qu'ils remplissent les critères physiques et hématologiques requis et qu'un consentement
approprié soit obtenu.

Dans certains pays, les donneurs réguliers âgés de plus de 65 ans peuvent être acceptés à la discrétion
du médecin responsable. Dans certains pays, la limite supérieure est de 60 ans.

➢ Poids
• Vous pesez au moins 50 kg.
• Dans certains pays, les donneurs de sang total doivent peser au moins 45 kg pour donner 350 ml ±
10 %.
➢ Santé
• Vous devez être en bonne santé au moment du don.
• Vous ne pouvez pas faire de don si vous avez un rhume, une grippe, un mal de gorge, un bouton
de fièvre, un mal de ventre ou toute autre infection.
• Si vous vous êtes récemment fait faire des tatouages ou des piercings, vous ne pouvez pas faire de
don pendant 6 mois à compter de la date de l'intervention.
• Si vous avez consulté un dentiste pour subir une intervention mineure, vous devez attendre 24
heures avant de faire un don ; pour les interventions majeures, il faut respecter un délai d’un mois.
• Vous ne devez pas donner de sang si vous n'atteignez pas le taux d'hémoglobine minimum requis
pour le don de sang.
• Un test sera administré sur le lieu du don. Dans de nombreux pays, un taux d'hémoglobine d'au
moins 12,0 g/dl pour les femmes et d'au moins 13,0 g/dl pour les hommes constitue le seuil requis.

Application web de Gestion du Don de Sang Page 12

6. Transfusion sanguine
6.1. Définition
La transfusion est un acte médical thérapeutique consistant à administrer un ou plusieurs produits
sanguins labiles provenant d’un ou de plusieurs sujets appelés « donneurs » à un ou plusieurs sujets
malades appelés « receveurs ».

C’est une thérapeutique substitutive indispensable, car il n’existe pas de produit capable de se
substituer complètement au sang humain

6.2. Comptabilité des groups sanguine

Les premiers enregistrements documentés de transfusions sanguines intraveineuses datent d'Europe
vers le milieu du XVIIe siècle, mais tant de patients sont morts des réactions d'incompatibilité qui en
ont résulté que le processus a été interdit en France, en Angleterre et en Italie à la fin du siècle. La
transfusion, qui est aujourd'hui une procédure fréquente et salvatrice, n'est devenue utile ou sûre
qu'après la découverte des antigènes et des anticorps des groupes sanguins ; le premier système à être
identifié était le système de groupe sanguin ABO en 1901. En 1940, un deuxième système majeur,
appelé système de groupe sanguin Rh (Rhésus), a été identifié. Par la suite, le groupe sanguin de routine
des donneurs et des receveurs a permis des transfusions sanguines réussies entre eux. Avant de procéder
à une transfusion, il est primordial qu’il y ait compatibilité entre le groupe sanguin du donneur et celui
du receveur. Si l'on transfuse au malade un composant sanguin d'un groupe non compatible, son
système immunitaire va reconnaître la présence de substances qui lui sont étrangères, appelées «
antigènes ». Une incompatibilité peut entraîner le rejet du composant sanguin et une aggravation de
l'état du malade. Des tests de compatibilité sont réalisés à l'hôpital avant chaque transfusion.

Application web de Gestion du Don de Sang Page 13

 Figure 3 : Les groups sanguin
Figure 03 : Les groups sanguin

Cette figure résume les compatibilités entre les différents groupes sanguins des donneurs et des
receveurs pour les transfusions de globules rouges. Ainsi, le groupe O- est destiné à tout le monde : on
l'appelle « donneur universel ». On utilisera donc, entre autres, du sang O- dans les situations d'urgence.
À l'inverse, le groupe AB+ peut recevoir du sang de tous les groupes sanguins : c'est donc le groupe
appelé « receveur universel ». Toutefois, dans la majorité des cas, les receveurs sont transfusés avec le
sang d'un donneur de leur propre groupe sanguin. C'est donc dire qu'un receveur A+ va recevoir du
sang d'un donneur A+.

Avant la transfusion, la poche de sang suit un protocole très strict. Tout se passe relativement vite
puisque la durée de vie d’une poche de sang n’est que de 42 jours. Une personne transfusée peut donc
être assurée que le sang qu’elle reçoit est frais et n’a pas été conservé des mois au congélateur.

7. Conclusion
Dans ce chapitre, nous avons présenté le don de sang, ses types et ses conditions en détail, ainsi
que le processus de don avec étapes. Nous avons également discuté la transfusion sanguine et aussi le
cheminement du sang du donneur au receveur.

Application web de Gestion du Don de Sang Page 14

 II. CHAPITRE 02 :
Conception

Application web de Gestion du Don de Sang Page 15

1. Introduction
L'étape de conception constitue le socle initial dans la réalisation d'un système. Elle s'attelle à
définir et structurer les tâches ainsi que les fonctionnalités du projet. Son objectif premier est de
rechercher une solution réaliste et réalisable, répondant aux besoins des utilisateurs. Il convient de
souligner que la phase de conception représente le pivot central du processus de développement
logiciel. Un système bien conçu revêt une importance capitale pour garantir sa compréhension aisée,
sa maintenance efficace et sa fiabilité. Par conséquent, le choix d'un langage de modélisation s'avère
crucial. Dans ce contexte, nous avons opté pour le langage de modélisation UML (Unified Modeling
Language), reconnu pour sa capacité à clarifier les aspects liés à la conception et à l'architecture
logicielle. L'utilisation de l'UML favorise une représentation visuelle compréhensible du programme,
facilitant ainsi sa maintenance et son évolution, notamment lors d'une reprise par des développeurs
externes. Ce chapitre s'attache à présenter la problématique et les objectifs du projet, avant d'entamer
la modélisation à travers l'UML. Préalablement, nous définirons les besoins fonctionnels du système
d'information.

2. Problématique
Bien que les avancées technologiques aient considérablement progressé, de nos jours, de
nombreux systèmes de gestion du sang, dès leur instauration, continuent de faire face à des défis
persistants. dans le processus de don de sang au Maroc, caractérisées par un manque d'accessibilité,
de transparence et d'efficacité. Actuellement, l'accès à un centre de don de sang peut s'avérer ardu,
notamment pour les résidents des zones reculées ou rurales. De plus, une sensibilisation insuffisante
quant à l'importance du don de sang, ainsi que la dispersion des informations relatives aux lieux et
horaires de collecte, compliquent davantage la situation. En cas d'urgence médicale nécessitant une
transfusion sanguine, la localisation rapide de donneurs compatibles représente un défi majeur. Cette
lacune dans la communication compromet la rapidité et l'efficacité des transfusions sanguines,
mettant ainsi en danger la vie des patients nécessiteux.

Dans un futur proche, la question cruciale de l'accessibilité et de la disponibilité du sang se

pose avec une acuité particulière, surtout dans le contexte des interventions chirurgicales et des
traitements médicaux. Les professionnels de la santé se trouvent régulièrement dans la nécessité de
mobiliser les proches des patients pour solliciter des dons de sang ou trouver des donneurs
compatibles, créant ainsi des défis variés pour les donateurs. Malgré les efforts mondiaux déployés,
la pénurie persistante de donneurs entrave la capacité à répondre à la demande croissante, résultant
du vieillissement de la population et de l'allongement de l'espérance de vie.

Application web de Gestion du Don de Sang Page 16

 Selon les données de l'Organisation mondiale de la santé (OMS), environ 108 millions d'unités
de sang sont collectées chaque année dans le monde, provenant de 100 centres de transfusion sanguine
répartis dans 168 pays. Toutefois, ce volume reste insuffisant pour satisfaire les besoins mondiaux,
soulignant ainsi l'urgence de numériser les processus de don de sang à l'ère moderne. La digitalisation
émerge comme une solution potentielle pour optimiser la collecte, le stockage et la distribution du
sang à une échelle mondiale.

Suite au séisme de magnitude 6.9 qui a frappé la province d'Al Haouz au Maroc, la fragilité
des systèmes de gestion du sang face à des catastrophes naturelles a été cruellement exposée.
L'urgence médicale qui en résulte soulève des questions critiques quant à la capacité des
infrastructures de santé, notamment en termes de disponibilité et d'accessibilité du sang nécessaire
pour répondre aux besoins immédiats des victimes.

Dans ce contexte, il est crucial de renforcer les systèmes de gestion du sang pour faire face à
l'absence de sang causée par des événements majeurs tels que les séismes. Il convient d'analyser les
défis logistiques, de coordination et de disponibilité en temps réel du sang dans les situations post-
sismiques afin d'améliorer la résilience des systèmes de gestion du sang et garantir une réponse
efficace lors de catastrophes naturelles.

3. Objectif
Afin de répondre à la problématique soulevée, notre projet vise la mise en place d'une
plateforme novatrice facilitant les opérations liées aux dons de sang. L'objectif central est de créer un
environnement numérique où les donneurs potentiels peuvent prendre des rendez-vous dans le centre
de don le plus proche de chez eux. Cette plateforme offre une solution pratique en permettant aux
donneurs de planifier leurs dons en fonction de leur disponibilité et de la localisation des centres de
collecte.

Le processus serait simplifié, permettant aux donneurs de signaler leur intention de donner du
sang à un centre spécifique via la plateforme. Cette demande serait ensuite transmise au centre de
collecte, préparant ainsi le personnel et les ressources nécessaires pour accueillir le donneur à l'heure
convenue. De plus, la plateforme pourrait également jouer un rôle essentiel dans la gestion des stocks
de sang, en permettant aux centres de collecte de mieux anticiper les besoins et de garantir une
disponibilité constante.

Application web de Gestion du Don de Sang Page 17

 Cette initiative s'inscrit dans une démarche de numérisation visant à optimiser l'efficacité des
opérations de don de sang, à surmonter les défis liés à la pénurie de donneurs, et à répondre aux
exigences de compatibilité sanguine de manière plus proactive. Elle contribuerait également à
sensibiliser davantage la population aux besoins constants en sang, encouragerait la participation
active des donneurs et renforcerait la solidarité communautaire dans le domaine de la santé.

Notre application vise à remédier aux déficiences actuelles du processus de don de sang au
Maroc en améliorant son accessibilité, sa transparence et son efficacité. Elle ambitionne
spécifiquement de :

▪ Faciliter la localisation des centres de don de sang et des caravanes de collecte les plus
proches, afin de rendre le processus de don plus accessible à tous les citoyens, notamment
ceux vivant dans des zones éloignées ou rurales.
▪ Faciliter la prise de rendez-vous pour les donneurs potentiels, permettant ainsi une meilleure
gestion des flux de dons de sang et une réduction des temps d'attente aux centres de collecte.
▪ Sensibiliser le public à l'importance du don de sang en fournissant des informations claires
et accessibles sur les lieux et les horaires de collecte, ainsi que sur les critères d'admissibilité
au don.
▪ Offrir des fonctionnalités éducatives pour sensibiliser le public aux avantages du don de sang,
aux critères d'admissibilité et aux bonnes pratiques en matière de santé, encourageant ainsi
une participation plus régulière et consciente au don de sang.
▪ Permettre une réponse plus rapide en cas d'urgence médicale nécessitant une transfusion
sanguine en facilitant la localisation de donneurs compatibles et en permettant une
communication instantanée entre les donneurs potentiels et les centres de collecte.
▪ Améliorer la coordination entre les donneurs de sang et les centres de collecte afin d'optimiser
l'utilisation des ressources et de réduire les retards dans la réponse aux besoins en sang.

L’objectif principal de cette application serait de sauver des vies en améliorant l'efficacité du
processus de don de sang et en garantissant un accès plus équitable aux services de transfusion
sanguine à travers le Maroc.

Application web de Gestion du Don de Sang Page 18

4. Conception détaillée
4.1. Diagramme cas d’utilisation
Le diagramme de cas d'utilisation représente la séquence des opérations effectuées par un
acteur. Il s'agit du pilier principal du modèle UML, établissant la relation entre l'utilisateur et les
objets du système. Cet outil permet de recueillir et décrire les besoins des acteurs, facilitant ainsi la
structuration des exigences des utilisateurs et l'expression des limites et des objectifs du système.

Figure 04 : diagramme de cas d’utilisation

Figure 4 : diagramme de cas d’utilisation

Ci-dessous se trouve une description détaillée de chaque cas d'utilisation :

❖ Cas d'Utilisation : Gestion des Utilisateurs

▪ Description : Gérer les utilisateurs du système en ajoutant, supprimant ou modifiant leurs
privilèges.
▪ Acteurs : Administrateur, Utilisateurs.
▪ Objectif : Permettre à l'administrateur de gérer les comptes des utilisateurs, leurs
autorisations et leurs informations.

Application web de Gestion du Don de Sang Page 19

 ❖ Cas d'Utilisation : Gestion des Centres
▪ Description : Gérer les centres de donation en ajoutant ou supprimant des centres.
▪ Acteurs : Administrateur, Responsable du centre.
▪ Objectif : Faciliter la gestion des centres de donation, y compris leur localisation, leurs
activités et leurs besoins en sang.

❖ Cas d'Utilisation : Prendre un Rendez-vous

▪ Description : Permettre aux utilisateurs de planifier un rendez-vous pour donner du sang.
▪ Acteurs : Utilisateurs.
▪ Objectif : Simplifier le processus de prise de rendez-vous pour les dons de sang, en
assurant une organisation efficace des dons et imprimer le.
▪
❖ Cas d'Utilisation : Créer un Compte
▪ Description : Permettre aux utilisateurs de créer un compte sur la plateforme ai.
▪ Acteurs : Utilisateurs, Responsable du centre.
▪ Objectif : Offrir aux utilisateurs la possibilité de s'inscrire sur le système pour accéder à
ses fonctionnalités.

❖ Cas d'Utilisation : Savoir sur la Donation

▪ Description : Fournir des informations sur le processus de donation ainsi le sang en
général.
▪ Acteurs : Utilisateurs.
▪ Objectif : Éduquer les utilisateurs sur les aspects liés à la donation de sang et sensibiliser
à l'importance de donner du sang.

❖ Cas d'Utilisation : Trouver une Caravane de Donation

▪ Description : Localiser les caravanes de donation les plus proches.
▪ Acteurs : Utilisateurs.
▪ Objectif : Aider les utilisateurs à trouver des lieux mobiles de collecte de sang pour
faciliter leur participation.

Application web de Gestion du Don de Sang Page 20

 ❖ Cas d'Utilisation : Rechercher le Centre
▪ Description : Trouver le centre de donation le plus proche de l'utilisateur.
▪ Acteurs : Utilisateurs.
▪ Objectif : Faciliter l'accès des utilisateurs à des centres de donation pour encourager les
dons de sang.

❖ Cas d'Utilisation : Demander le Sang

▪ Description : Effectuer une demande de sang sur la plateforme.
▪ Acteurs : Utilisateurs.
▪ Objectif : Permettre aux utilisateurs de demander du sang en cas de besoin urgent .

❖ Cas d'Utilisation : Validation de la Capacité à Donner

▪ Description : Vérifier l'admissibilité d'un individu à donner du sang.
▪ Acteurs : Utilisateurs.
▪ Objectif : S'assurer que les donneurs potentiels répondent aux critères requis pour donner
du sang en toute sécurité.

❖ Cas d'Utilisation : S'Authentifier

▪ Description : Authentifier l'utilisateur pour accéder au système.
▪ Acteurs : Utilisateurs, Admin et Responsable du centre.
▪ Objectif : Garantir la sécurité et l'accès autorisé aux fonctionnalités du système par les
utilisateurs.

❖ Cas d'Utilisation : Gérer le Centre

▪ Description : Administrer les activités et informations du centre de donation.
▪ Acteurs : Administrateur, Responsable du centre.

Application web de Gestion du Don de Sang Page 21

 ▪ Objectif : Permettre la gestion efficace des opérations et des ressources du centre de
donation.

❖ Cas d'Utilisation : Gérer les Appointements

▪ Description : Gérer les rendez-vous et les plannings des donneurs.
▪ Acteurs : Administrateur, Responsable du centre.
▪ Objectif : Organiser les rendez-vous pour assurer une collecte efficace et ordonnée du
sang.

❖ Cas d'Utilisation : Gérer les Demandes Sang

▪ Description : Gérer les demandes de sang reçues sur la plateforme.
▪ Acteurs : Administrateur, Responsable du centre.
▪ Objectif : Traiter et répondre aux demandes de sang dans les délais requis pour sauver
des vies.

❖ Cas d'Utilisation : Gestion les Caravanes de Sang

▪ Description : Superviser les activités et déplacements des caravanes mobiles de collecte
de sang est chaque centre peut ajouter ou bien supprimer son caravane .
▪ Acteurs : Administrateur, Responsable du centre.
▪ Objectif : Assurer la coordination efficace des caravanes pour maximiser la collecte de
sang .

Le diagramme de cas d'utilisation offre une vue complète des interactions entre les acteurs et
le système de gestion des dons de sang. Il définit clairement les fonctionnalités essentielles telles que
la gestion des utilisateurs, des centres de donation, la planification des rendez-vous, la recherche de
caravanes de collecte de sang, etc. La collaboration entre les acteurs est cruciale pour assurer le bon
fonctionnement du système. La prochaine étape consistera à élaborer un diagramme de classe pour
définir la structure sous-jacente du système

Application web de Gestion du Don de Sang Page 22

 4.2. Diagramme de classe :
Représente la description statique du système à développer, en intégrant dans chaque classe la
partie dédiée aux données et celle consacrée au traitement. Il s'agit d'un diagramme pivot de
l'ensemble de modélisation d'un système, focalisé sur le concept de classe et d'associations, les
traitements étant matérialisés par des opérations. Une classe est une description abstraite d'un
ensemble d'objets ayant des propriétés similaires, un comportement commun et des relations
communes avec d'autres objets.

4.2.1. Diagramme de classe pour l’authentification

Le diagramme de classes illustré dans la figure suivante décrit l'authentification pour six
utilisateurs (Admin, donneurs (utilisateur ordinaire), personnel médical) chaque utilisateur a son
propre compte:

Figure 05 : Digramme de classes pour l’authentification

Figure 5 : Digramme de classes pour l’authentification

Application web de Gestion du Don de Sang Page 23

 4.2.2. Diagramme de classe pour la gestion de centre de don
Le diagramme de classe présenté dans la figure suivante décrit les corrélations entre les
catégories et ceci afin d'identifier les dépendances entre les différentes catégories pour la gestion des
Centres. Les classes représentées sont :

Donneur : Inclut des informations sur le donateur telles que le nom, prénom, date de naissance,
commune, groupage sanguin, etc.

Personne médicale : Comprend des fonctionnalités liées à la validation de capacité, la vérification de

l'éligibilité et de la capacité, ainsi que la gestion des rendez-vous et des demandes de sang.

Fiche médicale : La classe de la fiche résultant de l'entretien médical (Taille, Poids, Tension, Type Don,
Type Poche…etc.), ainsi ces informations sur le patient et le receveur.

Caravanes : Contient des informations sur les caravanes de don de sang, comprenant l'ID de la
caravane, le lieu et la date de la caravane.

Centre de Don : Comprend des détails sur les centres de don, tels que l'ID du centre, le nom du centre,
l'adresse, et des fonctions pour gérer les rendez-vous, les demandes de sang et les caravanes de don.

Receveur : C’est celui qui subit la demande de sang Inclut des données sur les receveurs de sang comme
l'ID du patient, l'ID du receveur, le groupe sanguin, et des fonctionnalités pour chercher un centre
proche.

Demandes Sang : Englobe les demandes de sang avec des détails tels que l'ID de la demande, la quantité
de sang requise, le type sanguin, l'ID du centre et l'ID du patient et celle de receveur.

Banque Du Sang : Comprend des informations sur les banques de sang avec des attributs tels que l'ID
de la banque et le nom de la banque.

Application web de Gestion du Don de Sang Page 24

 Figure
Figure 6 : Diagramme de classe de 06de: centre
gestion Diagramme
de Don de classe de gestion de centre de Don

4.3. Diagramme de séquence :

Le diagramme de séquence représente la dynamique d'un système en mettant en évidence la
séquence d'interactions entre les objets ou acteurs pendant l'exécution d'un scénario donné. Il se
concentre sur la manière dont les objets coopèrent dans un flux d'exécsution spécifique, en montrant
l'ordre chronologique des messages échangés entre eux.

Application web de Gestion du Don de Sang Page 25

 4.3.1. Cas prendre rendez-vous :
Le processus de prise de rendez-vous pour un don de sang est crucial pour assurer une gestion
efficace des ressources sanguines et répondre rapidement aux besoins médicaux. Dans cette optique,
un système de gestion des dons de sang doit offrir une expérience fluide et sécurisée aux donneurs.
Les étapes clés de ce processus incluent l'authentification du donneur, le remplissage du formulaire,
la vérification des informations fournies, la planification du rendez-vous, l'enregistrement des détails,
la validation du rendez-vous et la génération de la confirmation. En comprenant ces étapes, nous
pouvons apprécier comment elles contribuent à optimiser la disponibilité des ressources en sang et à
sauver des vies

Figurede
Figure 7 : Diagramme 07séquence
: Diagramme de séquence
pour planifier pour planifier un rendez-vous
un rendez-vous

Les étapes pour planifier un rendez-vous :

1. Demande un rendez-vous : Le donneur de sang initie la demande de rendez-vous en accédant à

la fonction correspondante sur l'application ou le système en ligne.

2. Vérifier l'authentification : Le système vérifie l'identité du donneur en s'assurant qu'il est

authentifié et autorisé à prendre un rendez-vous.

Application web de Gestion du Don de Sang Page 26

 3. Remplir le formulaire : Le donneur remplit un formulaire en ligne avec les informations
nécessaires pour planifier son rendez-vous, telles que ses coordonnées, sa disponibilité, et des
informations médicales pertinentes.

4. Vérifier le formulaire : Le système vérifie que toutes les informations fournies dans le
formulaire sont complètes et valides, afin de garantir une planification de rendez-vous précise et
efficace.

5. Rendez-vous : Une fois que le formulaire est validé, le système procède à la planification du
rendez-vous en sélectionnant une date et une heure disponibles.

6. Enregistrer le rendez-vous : Les détails du rendez-vous, tels que la date, l'heure et les
informations du donneur, sont enregistrés dans la base de données du système pour référence
future.
7. Validation : Le processus de prise de rendez-vous est validé et confirmé, assurant ainsi que le
donneur est officiellement inscrit pour son rendez-vous de don de sang.

8. Imprimer le rendez-vous : Une fois validé, le système génère et imprime les détails du rendez-
vous pour le donneur, fournissant ainsi une confirmation physique ou numérique de son rendez-
vous planifié.

Ces étapes garantissent un processus transparent, sécurisé et efficace pour les donneurs de sang qui
souhaitent planifier leur don de sang.

4.3.2. Cas pour faire un don :

Le diagramme de séquence présenté dans la Figure offre un aperçu du processus de don dans
un cadre médical, se déroulant après la planification du rendez-vous. Ce processus crucial incarne
l'engagement altruiste d'un individu à contribuer à sauver des vies en faisant don de son sang. Chaque
étape, minutieusement conçue, représente un maillon essentiel dans la chaîne de solidarité qui permet
de garantir l'efficacité et la sécurité du processus de don. À travers cette série d'étapes, nous plongeons
dans le parcours du donneur, depuis l'initiation de sa demande jusqu'à la sauvegarde des informations
relatives à son don. Cette description détaillée met en lumière l'importance et la rigueur nécessaires
pour mener à bien ce noble acte dans un contexte médical, tel que représenté dans le diagramme.

Application web de Gestion du Don de Sang Page 27

 Figure
Figure 8 : Diagramme 08 : Diagramme
de séquence pour faire unde
donséquence pour faire un don

Ce diagramme illustre le processus de don dans un contexte médical, intervenant après la prise
de rendez-vous. Chaque étape est minutieusement conçue pour assurer la sécurité et l'efficacité du
processus de don de sang.

Voici une description détaillée de chaque étape :

▪ Faire un don : Cette étape représente l'acte généreux de faire un don de sang dans un cadre
médical.
▪ Donneur : Il s'agit de la personne qui souhaite faire un don de sang pour contribuer à sauver
des vies.
1. Demander Faire un Don : Le donneur initie la demande pour effectuer son don de sang.
2. Vérifier le Rendez-vous : Le personnel médical vérifie la disponibilité du rendez-vous du
donneur.

Application web de Gestion du Don de Sang Page 28

 3. Vérification du Rendez-vous : Cette étape garantit la validité du rendez-vous fixé pour le
don de sang.
4. Validation : Le processus de don est validé pour assurer sa conformité avec les normes de
sécurité et de santé.
5. Passer des Tests : Le donneur subit des tests ou des examens pour évaluer son éligibilité au
don de sang.
6. Validité : Cette étape confirme la validité du don de sang et des résultats des tests.
7. Sauvegarder : Les informations concernant le don de sang sont enregistrées ou
sauvegardées pour référence future.

Ces étapes décrivent de manière exhaustive le processus de don dans un contexte médical, tel
qu'illustré dans le diagramme. Par ailleurs, de manière similaire, le processus de demande de sang
suit un cheminement rigoureux et essentiel pour assurer l'efficacité et la sécurité des transfusions
sanguines.

4.3.3. Cas pour Faire une Demande de Sang :

Le diagramme dépeint le processus de demande de poche de sang, essentiel dans les situations
médicales nécessitant une transfusion. Chaque étape de ce processus est soigneusement conçue pour
assurer une gestion efficace et sécurisée des ressources sanguines, en garantissant que le sang
nécessaire parvienne rapidement au receveur.

Application web de Gestion du Don de Sang Page 29

 Figure 08 : Diagramme de séquence pour Demande du don

Ce diagramme représente un processus de demande de poche de sang. Voici la description de chaque

étape :

▪ Demande de Poche : Il s'agit de la demande spécifique pour une poche de sang, initiée par le receveur.
▪ Receveur : La personne ayant besoin de la poche de sang.
Figure 9 : Diagramme de séquence pour demander un poche
1. Demande : Le receveur initie la demande pour la poche de sang.
2. Remplir le Formulaire : Le système demande au receveur de remplir un formulaire pour la
demande de poche de sang.
3. Formulaire : Le formulaire contenant les informations nécessaires pour la demande.
4. Vérification : Le système vérifie les informations fournies dans le formulaire pour garantir leur
exactitude.
5. Envoi de la Demande (ville Utilisateur) : La demande est envoyée au centre de la ville de
l'utilisateur pour traitement.
6. Vérification du Stock : Le système vérifie le stock de poches de sang disponibles.
7. Contact : Un contact est établi pour finaliser la demande et organiser la transfusion.
8. Receveur : Accès au centre avec une fiche médicale contenant les informations médicales du
receveur.
9. Vérification de la Fiche Médicale : Le personnel médical vérifie la fiche médicale du receveur
pour garantir la compatibilité et la sécurité de la transfusion.

Application web de Gestion du Don de Sang Page 30

 10. Validation : La validation finale du processus de demande de poche de sang.
11. Don de Sang : La poche de sang est donnée au receveur pour la transfusion.

Le processus de demande de poche de sang décrit ci-dessus est essentiel pour garantir la disponibilité
et la sécurité des ressources sanguines nécessaires aux transfusions médicales. De la première étape
de la demande initiale par le receveur jusqu'à la validation finale du processus, chaque étape est
conçue pour assurer l'exactitude des informations, la disponibilité du stock de sang, et la sécurité du
receveur. En suivant rigoureusement ces étapes, il est possible d'optimiser l'efficacité du processus
de transfusion sanguine, contribuant ainsi à sauver des vies et à améliorer la santé des patients dans
le besoin.

5. Conclusion
La conception détaillée de notre application vise à répondre efficacement aux besoins des
utilisateurs en matière de don de sang au Maroc. En combinant une approche technique solide avec
une expérience utilisateur fluide, nous aspirons à sauver des vies et à améliorer la santé publique dans
tout le pays.

Application web de Gestion du Don de Sang Page 31

III. CHAPITRE 03 :
Réalisation

Application web de Gestion du Don de Sang Page 32

1. Introduction
La réalisation d'un projet dans le domaine des applications web englobe la création de logiciels
accessibles via un navigateur internet, offrant une expérience utilisateur sans nécessiter d'installation
locale. Ces applications peuvent être statiques, dynamiques ou des portails web, chacun offrant
différents niveaux d'interactivité et de fonctionnalités. Ce domaine en constante évolution présente
des défis techniques et nécessite une compréhension approfondie des meilleures pratiques de
développement pour aboutir à des solutions web efficaces et innovantes.

2. Application Web
2.1. Définition
Une application web désigne un logiciel applicatif hébergé sur un serveur et accessible via un
navigateur web.

Contrairement à un logiciel traditionnel, l’utilisateur d’une application web n’a pas besoin de
l’installer sur son ordinateur.

Il lui suffit de se connecter à l’application à l’aide de son navigateur favori.

La tendance actuelle est d’offrir une expérience utilisateur et des fonctionnalités équivalentes aux
logiciels directement installés sur les ordinateurs.

Les technologies utilisées pour développer les applications web sont les mêmes que celles employées
dans la création des sites internet.

2.2. Types des applications web

2.2.1. Application Statique :
Ces applications web sont souvent conçues en utilisant du CSS et du HTML et peuvent
supporter du contenu animé comme les GIFS et les vidéos.

Elles se chargent sur le navigateur d’un utilisateur exactement comme elles sont enregistrées sur le
serveur web.

Ce sont des applications qui manquent de flexibilité et proposent peu ou pas d’interaction.

Application web de Gestion du Don de Sang Page 33

 2.2.2. Application de portail web :
Le portail Web fait référence à un site web ou à un service qui offre un large éventail de
ressources et de services tels que l’envoi du mail, un forum, chats, moteur de recherche, zone d’accès
avec enregistrement.

2.2.3. Application Dynamique :

Les applications web dynamiques constituent des outils qui, à l’inverse des applications web
statiques, utilisent des bases de données pour charger leurs informations.

Elles changent continuellement et peuvent fournir beaucoup d’informations en fonction de

l’interaction avec l’utilisateur.

Ce style d’application est techniquement plus compliqué que l’application statique et est mis en place
pour faire en sorte que les bases de données ou les forums soient régulièrement capables de se mettre
à jour ou de changer l’information disponible.

2.3. Les attaques sur l’application web :

2.3.1. Injection de commande :
Cette technique est principalement utilisée pour les applications qui interagissent avec le
système d’exploitation.

Les attaquants insèrent des commandes système malveillantes pour exécuter des opérations non
autorisées sur le serveur web.

2.3.2. Injection SQL :

Les attaquants insèrent des requêtes SQL malveillantes dans les champs de saisie de texte de
l’application pour accéder, modifier ou supprimer des données dans la base de données de
l’application.

2.3.3. Injection des scripts :

Les attaquants insèrent des scripts malveillants, souvent du code JavaScript, dans les entrées
de l’application pour exploiter les navigateurs des utilisateurs finaux, voler des données ou perturber
le fonctionnement normal de l’application

Application web de Gestion du Don de Sang Page 34

 2.3.4. Sécuriser une application web
La sécurité d’une application web s’applique à tous ses composants :

• N’utilisez pas de bases de données partagées entre les applications et les sites.
• La séparation des privilèges pour les comptes qui ont accès aux bases de données.
• Encadrez le plus possible les informations qui sont entrées dans les formulaires.
• Mettez en place des sauvegardes régulières pour pouvoir restaurer les données en cas de
besoin.
• Et on n’oublie pas L’authentification, L’intégrité et la confidentialité des données.

3. Gafus : Application web de donation du sang

3.1. Introduction
Dans ce chapitre, nous nous consacrons à concrétiser Gafus, notre application web de donation,
après avoir soigneusement planifié, conçu et analysé le projet en profondeur. Nous franchissons ainsi
l'étape de la conceptualisation pour donner vie à notre vision. Nous détaillons les différentes phases
du développement, de la mise en place de l'infrastructure à l'implémentation des fonctionnalités
essentielles, tout en surmontant les obstacles qui se dressent sur notre chemin. Enfin, nous évaluons
le produit final résultant de notre travail, tout en identifiant les axes d'amélioration pour l'avenir de
Gafus.

3.2. Gafus
"Gafus" est un terme empreint de la richesse linguistique du tamazight, une langue berbère.
Dans ce contexte, il évoque l'idée de solidarité et de collaboration, se manifestant par le geste de
tendre la main, symbolisant ainsi l'entraide et le support mutuel. Ce terme, porteur d'une profonde
signification sociale, est choisi avec soin pour nommer notre application web. En effet, il incarne
parfaitement les valeurs de partage, de coopération et de soutien qui sont au cœur de notre projet.

Application web de Gestion du Don de Sang Page 35

 3.2.1. Logo de l'application

Figure 10 : Logo de l'application

3.3. Outils et technologies utilises

3.3.1. Les langages utilisés :

❖ PHP

Hypertext Preprocessor est un langage de programmation libre et interprété, cela veut dire que celui-
ci doit être interprété par un serveur afin d’afficher correctement le contenu demandé. Il est bien
évidemment possible d’utiliser PHP en local (Serveur local : wamp, xampp…).

❖ Html5

L’HyperText Markup Language, HTML, désigne un type de langage informatique descriptif.

Il s’agit plus précisément d’un format de données utilisé dans l’univers d’Internet pour la mise en
forme des pages Web.

❖ CSS3

Les feuilles de styles (en anglais « Cascading Style Sheets », abrégé CSS) sont un langage qui permet
de gérer la présentation d’une page Web.

Avec CSS on peut par exemple définir un ensemble de règles stylistiques communes à toutes les
pages d’un site internet.

Application web de Gestion du Don de Sang Page 36

 ❖ JavaScript

JavaScript est un langage de programmation de scripts principalement employé dans les pages
web interactives et à ce titre est une partie essentielle des applications web. Avec les technologies
HTML et CSS.

3.3.2. API de Google Maps

3.3.2.1 Définition de L’API
API (Application Programming Interface) : Une interface de programmation d'application est
un ensemble de règles et de protocoles qui permettent à différentes applications logicielles de
communiquer entre elles. Les API définissent les méthodes et les données qu'un développeur peut
utiliser pour intégrer les fonctionnalités d'un logiciel dans un autre. Les API peuvent être utilisées
pour accéder à des fonctionnalités d'un système d'exploitation, d'une bibliothèque logicielle, d'un
service web, ou d'une plateforme en ligne.

3.3.2.2 API de Google Maps

L'API de Google Maps est une API de cartographie fournie par Google qui permet aux
développeurs d'intégrer des fonctionnalités de cartographie et de géolocalisation dans leurs
applications web et mobiles. Cette API offre une large gamme de fonctionnalités, notamment
l'affichage de cartes interactives, la recherche de lieux, le calcul d'itinéraires, la géolocalisation, et
bien plus encore.

Axe d'utilisation : Intégration pour localiser rapidement les centres de dons à proximité de
l'utilisateur.

3.3.3. Bibliothèques des graphes

3.3.3.1 Définition des Bibliothèque en Javascript
Les bibliothèques en JavaScript sont des ensembles de fonctions et de méthodes pré-écrites qui
facilitent le développement d'applications web en JavaScript. Ces bibliothèques JavaScript sont
largement utilisées dans le développement web pour accélérer le processus de développement,
améliorer la qualité du code et offrir des fonctionnalités avancées aux applications web.

3.3.3.2 Bibliothèque charts.js

Charts.js est une bibliothèque JavaScript populaire et largement utilisée pour la création de
graphiques et de visualisations de données interactives dans les pages web, offrant simplicité,
flexibilité et puissance pour répondre aux besoins variés des développeurs et des applications.

Application web de Gestion du Don de Sang Page 37

 Axe d'utilisation : Affichage des informations relatives aux demandes et aux rendez-vous de
manière claire et concise.

3.3.4. TCPDF
TCPDF est une bibliothèque PHP largement utilisée pour la création dynamique de fichiers
PDF. Contrairement aux bibliothèques JavaScript qui se concentrent sur la manipulation de
graphiques et de visualisations sur les pages web, TCPDF est utilisé pour générer des documents PDF
à partir de données dynamiques. TCPDF offre une gamme complète de fonctionnalités pour la
création de documents PDF personnalisés, notamment la gestion de polices, les graphiques vectoriels,
les annotations, etc. Son utilisation est particulièrement courante dans les applications web
nécessitant la génération de rapports, de factures, de billets, etc.

Axe d'utilisation : Génération automatique de confirmations de rendez-vous au format PDF.

3.3.5. Outils

❖ PhpMyAdmin

C’est une application Web gratuite qui fournit une interface graphique pratique pour travailler
avec le système de gestion de base de données MySQL.

C’est l’outil d’administration MySQL le plus populaire, utilisé par des millions d’utilisateurs dans
le monde, et a remporté de nombreux prix et distinctions.

❖ Git/Github :

Git est un système de contrôle de version décentralisé utilisé dans le développement logiciel pour
suivre les modifications du code source au fil du temps. GitHub, une plateforme web basée sur Git,
permet le stockage et la collaboration sur des projets informatiques. Ensemble, ces outils offrent un
environnement collaboratif pour suivre les modifications, gérer les branches de code et coordonner
les membres de l'équipe de développement.

❖ WAMP

(Window, Apache, MySQL, PHP) WampServer est une solution pratique et accessible pour créer un
serveur web local, un serveur FTP et un serveur de messagerie électronique. Son installation simple,

Application web de Gestion du Don de Sang Page 38

 sa rapidité et sa compatibilité avec les systèmes d’exploitation courants en font un outil idéal tant
pour les débutants que pour les experts en développement web.

❖ Canva :

Canva est un outil de conception graphique en ligne offrant une variété de fonctionnalités pour créer
des graphiques, des illustrations, des présentations et d'autres contenus visuels. Avec une interface
conviviale, même les utilisateurs sans expertise en conception graphique peuvent produire des
contenus visuellement attrayants et professionnels. Canva est largement utilisé dans le développement
web pour créer des éléments visuels tels que des logos, des infographies et des bannières.

Application web de Gestion du Don de Sang Page 39

 3.4. Présentations de quelques interfaces de l’application
3.4.1. Interface d’accueil

Figure 11 : Interface d’accueil

Figure
La page d'accueil de l'application : Interface
Gafus10invite d’accueilà s'engager dans des actions
les utilisateurs
de don de sang, en fournissant des informations claires sur les besoins urgents en sang et en
mettant en valeur les avantages du don. Elle propose également des statistiques sur les dons
réalisés via l'application, tout en offrant une navigation fluide et une option pour basculer entre
les modes clair et sombre. Son design attrayant et ses messages persuasifs visent à encourager
l'engagement des utilisateurs et à sensibiliser sur l'importance du don de sang.

Application web de Gestion du Don de Sang Page 40

 3.4.2. Interface de connexion

Figure 12 : Interface de connexion

Figure 11 : Interface de connexion

Cette interface offre une structure de gestion des comptes diversifiée, comprenant les administrateurs,
les utilisateurs ordinaires et les comptes centre. Les administrateurs, dotés de privilèges, ont la responsabilité
de gérer les utilisateurs, les centres et les fonctionnalités de l'application. Les utilisateurs ordinaires
bénéficient d'un accès standard, leur permettant d'utiliser les fonctionnalités de base sans pouvoir de gestion.
Enfin, les comptes centre sont destinés à des entités spécifiques et possèdent des privilèges similaires à ceux
des administrateurs, se spécialisant souvent dans la gestion de certaines fonctionnalités ou données propres
à leur centre. Cette hiérarchie assure une gestion efficace et sécurisée des utilisateurs et des fonctionnalités
de l'application, tout en permettant une adaptation aux besoins spécifiques de chaque type de compte. Cette
structure joue un rôle déterminant lors de la connexion à l'application, car elle permet de déterminer quel
type de compte sera connecté.

Application web de Gestion du Don de Sang Page 41

 3.4.3. Demander le sang

Figure 12 : Formulaire de demande de sang

Figure 13 : Formulaire de demande de sang

Ce formulaire permet aux utilisateurs de soumettre des demandes de dons de sang, incluant des détails
tels que le nom du patient, le groupe sanguin nécessaire, l'urgence de la demande, et plus encore. Cette page
facilite ainsi le processus de demande de dons de sang en reliant les demandeurs aux donneurs potentiels
ainsi qu'aux centres disposant de suffisamment de sang pour aider à sauver des vies.

Application web de Gestion du Don de Sang Page 42

 3.4.4. Trouver les centres proches

Figure 13 : Trouver les centres plus proches

Figure 14 : Trouver les centres plus proches

La page web fournit une interface pour trouver des centres de don de sang. Elle permet aux utilisateurs
de rechercher des centres en saisissant leur ville ou leur code postal dans une section de carte interactive.
En utilisant Google Maps, les résultats de la recherche sont affichés, et les utilisateurs peuvent également
se géolocaliser.

La marque de localisation bleue indique la localisation de l’utilisateur et la marque verte indique les centres
proches.

L'objectif principal de la page est de simplifier le processus de recherche de centres de don de sang pour les
utilisateurs, en fournissant une expérience utilisateur fluide et intuitive.

Application web de Gestion du Don de Sang Page 43

 3.4.5. Planifier un rendez-vous pour le don de sang

Figure 14 : Planifier un rendez-vous pour le don du sang

Figure 15 : Planifier un rendez-vous pour le don du sang

Cette page web offre une interface pour la planification des rendez-vous de don de sang. Elle
comporte deux sections principales : une section dédiée aux conditions préalables au don de sang, où les
utilisateurs peuvent consulter les exigences telles que le poids minimum, l'âge et l'état de santé, présentées
de manière claire et concise, et une section de formulaire permettant aux utilisateurs de saisir leurs
informations personnelles comme le nom, l'e-mail, le numéro de téléphone, etc. Cette approche facilite le
processus de prise de rendez-vous en fournissant une référence rapide des conditions requises et un
formulaire simple et complet pour recueillir les détails des donneurs potentiels.

Application web de Gestion du Don de Sang Page 44

3.4.5.1 Rendez-Vous

Figure 16 : Exemple de Rendez-vous

Application web de Gestion du Don de Sang Page 45

 3.4.6. Espace Administrateur

Figure 15 :17Tableau
Figure : Tableaude
debord del’Administrateur
bord de l’Administrateur

Cette page web offre un tableau de bord administrateur pour superviser les activités de don de sang,
présentant une barre latérale de navigation contenant des liens vers diverses sections telles que l'accueil, le
profil utilisateur, la gestion des utilisateurs, les commentaires et les rendez-vous. Le contenu principal se
change dynamiquement en fonction du lien sélectionné, avec la page d'accueil affichant des statistiques sur
les utilisateurs enregistrés, les rendez-vous et les demandes de don de sang. Ces statistiques sont présentées
sous forme de boîtes avec des graphiques générés.

Application web de Gestion du Don de Sang Page 46

 3.4.8. Espace Centre

Figure 16 : Tableau de bord du centre

Figure 18 : Tableau de bord de le centre

Cette page représente une interface web pour un tableau de bord d'administration d'un centre de don
de sang. Elle comporte une barre latérale de navigation avec des liens vers différentes sections telles que
l'accueil, le profil où l’admin du centre de don peut modifier les informations liées à son centre, les caravanes
de don à travers ce lien, le centre peut créer des caravanes de don en collaborant avec des parties spécifiques,
les demandes et les rendez-vous. Le contenu dynamique est chargé dans un conteneur dédié, permettant une
expérience utilisateur interactive sans rechargement de la page.

4. Conclusion
Dans ce chapitre, nous avons plongé dans la concrétisation de Gafus, une application web dédiée aux
dons, en détaillant les étapes du développement et les technologies employées. Des langages de
programmation jusqu'aux API comme Google Maps, chaque élément a joué un rôle essentiel dans la création
d'une expérience utilisateur fluide et fonctionnelle. Nous avons également présenté quelques interfaces clés
de l'application. Ce chapitre représente une avancée significative vers la réalisation de la vision de Gafus,
tout en soulignant son engagement envers une amélioration continue pour mieux servir sa communauté.

Application web de Gestion du Don de Sang Page 47

 Conclusion générale
En conclusion, ce projet de fin d'études représente une proposition innovatrice visant à résoudre une
problématique majeure dans le domaine de la santé et du sang au Maroc. La création d'une application web
pour améliorer la collecte, le stockage et la distribution du sang revêt une importance cruciale pour répondre
aux besoins croissants de la population en matière de transfusion sanguine, ainsi que pour renforcer la
résilience des infrastructures de santé face aux catastrophes naturelles telles que le séisme de 2023 dans la
province d'Al Haouz.

Malgré les défis rencontrés, notamment l'incapacité à développer des versions en langues arabe et
anglaise et l'absence de fonctionnalités de notifications pour les donneurs, notre équipe a fait preuve d'une
détermination sans faille pour mener à bien ce projet. Nous sommes conscients de l'importance de respecter
les lois et réglementations en vigueur au Maroc dans le domaine de la santé, et nous nous engageons à
collaborer étroitement avec les autorités compétentes pour garantir que notre solution soit conforme à ces
normes, tout en offrant des avantages tangibles pour la santé et le bien-être de la population marocaine.

En fin de compte, ce projet représente une avancée significative dans l'amélioration des systèmes de
gestion du sang au Maroc, même s'il ne comprend pas toutes les fonctionnalités initialement envisagées.
Nous sommes convaincus que notre application sera un outil précieux pour les professionnels de la santé et
les centres de transfusion sanguine, contribuant ainsi à sauver des vies et à promouvoir la santé publique
dans tout le pays.

Application web de Gestion du Don de Sang Page 48

 Perspectives
Alors que nous clôturons ce projet de fin d'études, nous tournons notre regard vers l'avenir avec
optimisme et détermination. Bien que notre plateforme numérique représente une avancée significative dans
l'amélioration des systèmes de gestion du sang au Maroc, nous reconnaissons qu'il reste encore beaucoup à
faire pour atteindre notre objectif ultime.

Dans les perspectives à venir, nous nous engageons à poursuivre le développement et l'amélioration de notre
application web. Nous envisageons d'intégrer de nouvelles fonctionnalités et d'améliorer l'expérience
utilisateur afin de rendre la plateforme encore plus efficace et conviviale. Parmi ces fonctionnalités, nous
projetons d'ajouter des outils de suivi en temps réel des stocks de sang, des options de planification avancée
des dons et des fonctionnalités de communication en ligne entre les donneurs et les centres de collecte.

De plus, nous sommes résolus à étendre la portée de notre plateforme au-delà de la province d'Al Haouz
pour englober tout le territoire marocain. Nous cherchons à établir des partenariats avec d'autres
organisations de santé et des institutions gouvernementales pour promouvoir l'adoption de notre solution et
assurer une couverture nationale des services de gestion du sang.

En parallèle, nous restons ouverts aux commentaires et aux suggestions de la communauté des
professionnels de la santé, des donneurs potentiels et des autres parties prenantes. Nous croyons fermement
que la collaboration et le partage d'idées sont essentiels pour faire progresser notre initiative et répondre aux
besoins évolutifs du secteur de la santé au Maroc.

En définitive, notre objectif est de faire de notre plateforme web un outil indispensable dans le paysage de
la santé au Maroc, contribuant ainsi à sauver des vies, à améliorer l'accès aux services de santé et à renforcer
la résilience du système de santé du pays. Nous sommes convaincus que, avec un engagement continu et
une approche collaborative, nous pouvons réaliser cette vision et avoir un impact positif durable sur la santé
et le bien-être de la population marocaine.

Application web de Gestion du Don de Sang Page 49

 Références
[1] Organisation mondiale de la Santé (OMS). (Consulté le 12 Janvier 2024). https://www.who.int/fr

[2] Ministère de la Santé du Maroc. (Consulté le 27 Janvier 2024).

https://www.sante.gov.ma/sites/Ar/Pages/AccueilAr.aspx [3] Campagne de l'OMS pour la Journée
mondiale du donneur de sang 2020. (Consulté le 3 mars 2024). https://www.who.int/fr/campaigns/world-
blood-donor-day/2020/who-can-give-blood

[4] Wikipédia. (Consulté le 27 Janvier 2024). https://fr.wikipedia.org/wiki/Don_de_sang

[5] Établissement Français du Sang. (Consulté régulièrement le 28 Janvier 2024).

https://dondesang.efs.sante.fr/

[6] Ministère des Armées, France. (Consulté régulièrement le 13 Février 2024). Expertises du Service de
santé des armées - Transfusion sanguine. https://www.defense.gouv.fr/sante/expertises-du-ssa/transfusion-
sanguine/differents-types-dons

[7] W3Schools. (Consulté régulièrement depuis le 3 Janvier 2024). https://www.w3schools.com

[8] Flaticon. (Consulté régulièrement depuis le 3 Janvier 2024). https://www.flaticon.com

[9] Freepik. (Consulté régulièrement depuis le 3 Janvier 2024). https://www.freepik.com

[10] Pinterest. (Consulté régulièrement depuis le 3 Janvier 2024). https://www.pinterest.com

[11] Chaîne YouTube Elzero Web School. (Consulté régulièrement depuis le 3 Janvier 2024).
https://www.youtube.com/@ElzeroWebSchool

[12] Chaîne YouTube Tahar Naili. (Consultée le 12 Février 2024).

https://www.youtube.com/@taharnaili1559

[13] Chaîne YouTube LearnToCode. (Consultée le 29 Janvier 2024).

https://www.youtube.com/@learntocode-3306

[14] HTML Color Codes. (Consulté régulièrement depuis le 3 Janvier 2024). https://htmlcolorcodes.com

Application web de Gestion du Don de Sang Page 50

 ‫ملخـــــــــــــــــص‬

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

Résumé

Le don du sang est un geste humanitaire noble, crucial pour sauver des vies et promouvoir la santé.
Dans les situations d'urgence médicale, son importance vitale est indéniable. Pour faciliter les dons de sang,
une plateforme numérique est proposée.

Elle vise à améliorer l'accessibilité et l'efficacité du processus en permettant aux donneurs potentiels
de localiser les centres de collecte, de prendre des rendez-vous et d'obtenir des informations pertinentes. Cet
effort souligne l'engagement envers la conformité aux normes de santé locales pour assurer le succès de
l'initiative.

Abstract

Blood donation is a noble humanitarian act, crucial for saving lives and promoting health. In medical
emergencies, its vital importance is undeniable. To facilitate blood donations, a digital platform is proposed.

It aims to improve accessibility and efficiency of the process by allowing potential donors to locate
collection centers, schedule appointments, and obtain relevant information. This effort underscores
commitment to compliance with local health standards to ensure the success of the initiative.

Application web de Gestion du Don de Sang Page 51