Royaume du Maroc ‫المملكة المغربية‬

Ministère de la Santé ‫وزارة الـصـــحــــة‬

Centre Hospitalier Mohammed ‫ وجــدة‬-‫المركز االستشفائي محمد السادس‬
VI-OUJDA

RAPPORT DE STAGE

[2020/2021] Développement et déploiement d’un Application

télésurveillance diabétiques

Encadré par :
Mme SANAE LAMTIE(Chef de service)
Mme ZAKIA BEKHTAOUI
Réalisé par :
HICHAM LATRECHE
YOUSSEF LEKFIF
Service Informatique et Système d’Information

Centre Hospitalier Universitaire Mohammed VI Oujda

Tél : 05 36 53 91 00 – Fax : 05 36 53 35 54 / 72, Site web : www.chuoujda.ma

Email: chu.oujda@menara.ma
 Résumé :
Notre application sera conçu pour faciliter le traitement des patients
diabétiques qui appartient à CHU Mohammed VI et qui veulent avoir une
automatisation du gestion des dossiers médical qui se présentent à leur
médecin. Le problème était la difficulté de gérer la quantité des données
manuscrites et les visites non ordonnées des patients,. Pour cela, notre
application a été développée par les outils informatiques (HTML, PHP,JS,
SQL...) et elle a permis aux médecin d’avoir ces données en ligne (pas d’archives
en papier et fichier), de les traiter et les présenter sous forme des graphes.
Une fois l’administration accueille le dossier du patient, elle aura
un compte pour pouvoir faciliter la communication avec son médecin,.
De plus, cette application permet le calcul de la dose d’insuline, et en
perspectives cette application sera testée en ligne après l’avoir hébergée
sur le site officiel du CHU .
 Dédicaces
A nos chers parents, Aucun mot, aucune dédicace ne
saurait exprimer notre respect, notre considération Et
l’amour éternel pour les sacrifices que vous avez déployés
pour Notre instruction et notre bien-être dans les
meilleures conditions. Votre générosité et votre bonté ont
toujours été un exemple pour nous. A nos frères, nos amis
et nos proches. Nous tenons également à remercier tous
les enseignants de l’Ecole supérieure de technologie
d’Oujda, et plus précisément les enseignants de la
département génie Informatique qui nous laisse mener
une tâche aussi importante
que sensible,
On vous remercie vivement pour votre présence et
votre soutien.
 Remerciement
Nous remercions ALLAH de m'avoir permis de mener à terme
ce projet qui est pour nous le point de départ d'une
merveilleuse aventure, celle de la recherche, Source de remise
en cause permanent et de perfectionnement perpétuelle.
La réalisation du présent rapport est non seulement le résultat
du travail personnel, mais aussi le fruit de collaboration de
plusieurs personnes. Je tiens à remercier en premier lieu
Madame ZAKIA BEKHTAOUI pour son aide et sa
disponibilité tout au long de mon stage. En outre, Je voudrais
exprimer ma gratitude ainsi que ma profonde reconnaissance à
Madame SANAE LAMTI, chef du service informatique aux
centre ainsi que tout le staff administratif, de m’avoir offert
l’occasion de passer mon stage au sein de ce hôpital. Je
remercie plus particulièrement Ma famille, mes parents, mon
frère et mon fiancé pour leurs encouragements et leur
permanente collaboration. En fin, je tiens également à
remercier toute personne qui m’a encouragée, aidée et
soutenue.
 Table des matières

Table des matières

Introduction générale.......................................................8
Chapitre 1 ........................................................................9
I- Organisme d’accueil ................................................................................ 10
1- Présentation et Historique ..............................................................................................10
2- Organigramme ................................................................................................................11
3- Description du projet ......................................................................................................12
3.1. Généralité sur la télésurveillance et la suivi médical du diabète ..............................12
a- Problématique....................................................................................................13
b- Solution proposé ................................................................................................14
c- Planification et démarche suivie ........................................................................14
4- Conclusion .......................................................................................................................16

Chapitre 2 ......................................................................17
I- Capture et analyse des besoins ................................................................. 18
1- Cahier des charges ...........................................................................................................18
2- Règles de gestion .............................................................................................................18
3- Arborescence de l’application .........................................................................................19

II- Conception ............................................................................................... 20

1- Identification des acteurs ................................................................................................20
a. Identification des messages................................................................................21
b. Les cas d’utilisations ...........................................................................................21
c. Diagramme de séquence ....................................................................................22
d. Passage aux modèle relationnel .........................................................................23
e. Technologie et outils utilisées.............................................................................24
2- Conclusion........................................................................................................................26

Chapitre 3 ......................................................................27
I- Interfaces développés ............................................................................... 28
1- Authentification ...............................................................................................................28
1.1. Espace patient ...........................................................................................................29
1.2. Espace Médecin.........................................................................................................34
1.3. Espace administratif ..................................................................................................36
2- Déploiement ....................................................................................................................38
2.1. Définition de déploiement.........................................................................................38
2.2. Les grandes types de déploiement............................................................................38
2.3. Choix du déploiement mutualisé...............................................................................38
3- Conclusion........................................................................................................................39

Conclusion générale.................................................................................. 40
 Table de figures

Figure 1 : Organigramme .................................................................................................................................................... 11

Figure 2 : Planification du projet ........................................................................................................................................ 16
Figure 3 : Arborescence de l’application ............................................................................................................................ 19
Figure 4 : Cas d’utilisations ................................................................................................................................................. 21
Figure 5 : Diagramme de séquence .................................................................................................................................... 22
Figure 6 : Modèle relationnel ............................................................................................................................................. 23
Figure 7 : Outils utilisées ..................................................................................................................................................... 24
Figure 8 : Identification Patient .......................................................................................................................................... 28
Figure 9 : Coordonnés incorrectes...................................................................................................................................... 28
Figure 10 : Page d’accueil ................................................................................................................................................... 29
Figure 11 : Barre d’options ................................................................................................................................................. 29
Figure 12 : Insuline Calculateur .......................................................................................................................................... 29
Figure 13 : About Us ........................................................................................................................................................... 30
Figure 14 : Services ............................................................................................................................................................. 31
Figure 15 : Rendez vous ...................................................................................................................................................... 31
Figure 16 : Profil.................................................................................................................................................................. 32
Figure 17 : Ajouter des nouvelles données ........................................................................................................................ 33
Figure 18 : Réception des prescriptions ............................................................................................................................. 33
Figure 19 : Mes patients ..................................................................................................................................................... 34
Figure 20 : Fiche médical .................................................................................................................................................... 34
Figure 21 : Diagramme des valeurs visuelles ...................................................................................................................... 35
Figure 22 : Histogramme de dose d’insuline ...................................................................................................................... 35
Figure 23 : Courbe glycémie insuline .................................................................................................................................. 35
Figure 24 : Envoyer une prescription.................................................................................................................................. 36
Figure 25 : Ajouter un médecin .......................................................................................................................................... 36
Figure 26 : Liste des patients .............................................................................................................................................. 37
Figure 27 : Ajouter un patient ............................................................................................................................................ 37
Figure 28 : Deployment ...................................................................................................................................................... 38
Figure 29 : Ressources ........................................................................................................................................................ 39
Figure 30 : Contact US ........................................................................................................................................................ 40
 Introduction générale
Tant donné la forte importance du traitement de diabète car cette
maladie est une maladie silencieuse qui peut avoir des complications
graves sur les yeux, les pieds, le cerveau, les reins, et le cœur. En cas du
diabète il est important de mesurez régulièrement le taux de sucre dans
le sang au moins trois fois par jours ;cela permet de savoir comment
s’évalue la maladie et si le traitement et efficace. En effet l’existence
d’un application qui facilite l’autonomie de personne diabétique par
meilleure connaissance de ses besoins est presque essentiel.
Pour cela, le Centre Hospitalier Universitaire Mohammed IV
cherche à développer une application pour rendre le traitement et
l’analyse des données sanitaires des patient diabétiques plus efficace et
gérer le suivi médical à domicile.
a solution, est une application web qui a été développée par un
certain nombre d’outils informatiques (HTML, PHP,JS, SQL … ).
Le présent rapport présente en détail notre projet. Il comporte trois
chapitres.
Le premier chapitre décrit le contexte général du projet, en
présentant l’organisme d’accueil, la problématique et la solution
proposée. Le deuxième chapitre aborde la phase d’analyse et de
conception détaillée. Il présente le cahier de charges et la modélisation
par le langage UML.
Le troisième chapitre traite la phase de l’étude technique en
décrivant les outils et langages utilisés et la présentation de l’application
sous forme de prises d’écran commentées.
 Chapitre 1
Contexte général du projet

Dans ce chapitre, nous présenterons en premier lieu le

environnement du centre hospitalier Mohammed VI et des
généralité sur le projet. Nous aborderons par la suite le système
d'exploitation web les plus répandus sur le marché. Enn, nous
verrons les avantages qu'ont apportés ces applications web au
domaine médical et plus particulièrement à la gestion et
l’analyse des dossiers patients et finalement la stratégies
préconisées pour leur développement .
 I- Organisme d’accueil
1. Présentation et Historique

Le CHU Mohamed VI (Oujda) est un centre hospitalier universitaire situé

dans la ville d'Oujda. Il est affilié au ministère de la Santé .Crée le 1
Ramadan 1434/10 juillet 2013.

Capacité litière 635 lits

Surface couvert 52 000 m2
Cout global 1.2 milliard Dh
Adresse BP 4806 Oujda Université 60049
Oujda
Site www.chuoujda.ma
Email Chu.oujda@gmail.com
Téléphone TEL : + 212 (0) 5 37 56 64 84
FAX : + 212 (0) 5 37 56 64 85

Etant un établissement public doté de personnalité morale et

d’autonomie financière, il a pour missions de :
Dispenser des soins médicaux
Conduire des travaux de recherche médicale dans le strict respect
de l'intégrité physique et morale et de la dignité des malades;
Participer à l'enseignement clinique universitaire et
postuniversitaire médical et pharmaceutique ainsi qu’à la
formation du personnel paramédical.
 2. Organigramme

Figure 1 : Organigramme

Il est constitué des formations hospitalières et d’une direction qui

comporte les organes de direction et de gestion suivants :
• Le Secrétariat général
• La Division des affaires médicales et des soins infirmiers
• La Division des ressources humaines, de formation et de
coopération
• La Division des affaires financières, de logistiques et de
maintenance
• Le Service informatique et de statistiques
• Le Service d’audit et de contrôle de gestion.

3. Description du projet
3.1. Généralité sur la télésurveillance et le suivi médical du
diabète :
- La télésurveillance médicale [1] : est une branche de la
télémédecine qui a pour objet de permettre à un professionnel
médical d'interpréter à distance les données nécessaires au suivi
médical d'un patient et, le cas échéant, de prendre des décisions
relatives à la prise en charge de ce patient. L'enregistrement et la
transmission des données peuvent être automatisés ou réalisés par
le patient lui-même ou par un professionnel de santé. Un dispositif
de télésurveillance permet également à une personne âgée ou
malade de joindre une plate-forme d'assistance médicale en cas
d'urgence.
- La télémédecine : quant à elle est une forme de pratique
médicale à distance utilisant les technologies de l'information et
de la communication. Elle met en rapport, entre eux ou avec un
patient, un ou plusieurs professionnels de santé, parmi lesquels
figure nécessairement un professionnel médical et, le cas échéant,
d'autres professionnels apportant leurs soins au patient. Elle
permet d'établir un diagnostic, d'assurer, pour un patient à risque,
un suivi à visée préventive ou un suivi post-thérapeutique, de
requérir un avis spécialisé, de préparer une décision thérapeutique,
de prescrire des produits, de prescrire ou de réaliser des
prestations ou des actes, ou d'effectuer une surveillance de l'état
des patients.
-le diabète :Le diabète est une maladie chronique qui survient
lorsque le pancréas ne produit pas assez d'insuline ou lorsque
l'organisme n'est pas capable d'utiliser efficacement l'insuline qu'il
 produit. Il en résulte une concentration accrue de glucose dans le
sang (hyperglycémie).
Le diabète de type 1 (connu auparavant sous le nom de diabète
insulinodépendant ou diabète juvénile) se caractérise par une production
d'insuline insuffisante.
La diabète de type 2 (appelé jadis diabète non insulinodépendant ou
diabète adulte) résulte de l'utilisation inadéquate de l'insuline par
l'organisme. Il est souvent la conséquence d'un excès pondéral et de
l'inactivité physique. Le diabète gestationnel est l'hyperglycémie qui est
détectée pendant la grossesse
-application web [ 2 ] :
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.
pourquoi ce choix :
- une application Web peut fonctionner à la fois sur PC et appareils
mobiles, à travers un navigateur web tel que Safari ou Google Chrome, -
Une application Web ne doivent pas être installées. - La plupart des
utilisateurs choisissent d’utiliser une application web à partir de leurs
appareils mobiles pour plus de rapidité.
a. Problématique :
Vue la quantité importante des données collectées et leur
consultation non périodique ainsi que le stockage dans des dossiers
papiers avant les stockées sur des fichiers tell que Excel se qui
peut commettre des erreurs.
Ainsi, le risque de perte des données est très élevé puisqu’il
s’agit d’un nombre très important des dossiers et documents
circulant d’une personne à une autre qu’il faut imprimer, signer,
agrafer, mettre sous pli, etc
De cette manière, une liste de problèmes est dégagée :
• Archivage papier et espace de stockage très important.
 • Une grande perte de temps lors de la recherche d’une
information.
• Possibilité d'erreur dans les calculs des statistiques.
• Pour éviter le prolongement de certaines
hospitalisations et d'anticiper le retour au domicile.
• Danger de porter le virus (COVID-19).

b. Solution proposé :
La solution consiste à mettre en place une plateforme web pour le suivi
du diabète uniquement sur ordonnance.
Côté patient :
lui permet d’ajuster la dose d’insuline à s’injecter, notamment au
moment des repas, en se fiant au traitement prescrit par son médecin.
L’application agit également sur le plan de la motivation, en fournissant des
articles des conseils d’hygiène de vie qui aident à garder la maladie sous
contrôle.
Côté médecin :
Quant à l’équipe soignante, elle reçoit en temps réel les rapports de
glycémie du patient. Des alertes sont déclenchées lorsque certains seuils sont
franchis. Ce système permet de suivre le patient en continu, et de
programmer des rendez-vous avec lui quand le besoin de rééquilibrer le
traitement se fait sentir. C’est particulièrement utile à l’heure où le nombre
de diabétiques explose, tandis que le nombre de médecins, lui, est plutôt à
la baisse.

c. Planification et démarche suivie :

Il n'existe pas de démarche qui soit standard pour garantir la bonne
conduite d’un travail mais son adoption doit être en fonction des spécificités
de chaque projet y compris les buts à atteindre.
 Suite à ces étapes nous avons identifié les besoins à satisfaire,
définit l’aspect fonctionnel de l’application et sa conception, réalisé le
système et finalement nous l’avons soumis à plusieurs tests unitaires et
d’intégration pour s’assurer de son adaptation aux besoins exprimés
précédemment.
 Figure 2 : Planification du projet

Conclusion :
À travers tout ce qui précède, nous avons voulu montrer les points
de rencontre entre la santé, le marché des application Web et les besoins
de personnes diabétique
 Chapitre 2
Analyse des besoins et conception
Cette partie est consacrée aux étapes fondamentales pour le développement de
notre système de gestion d'un patient hospitalisé.
Pour la conception et la réalisation de notre application, nous avons choisis de
modéliser avec le formalisme UML (UnifiedModelingLanguage) qui offre une
flexibilité marquante qui s'exprime par l'utilisation des diagrammes .
 I- Capture et analyse des besoins
1. Cahier des charges :
Les discussions menées avec le service ont abouti à la définition
des fonctionnalités suivantes :
• collecter les informations telles que le taux de glycémie et
autres entré par le patient et les enregistrer sur la plateforme.
• Le médecin reçoit donc ses informations qui lui permettent de
prononcer un diagnostic et de donner des traitements à faire
ou programmer un rendez-vous physique.
• Assurer la disponibilité d’un carnet médical électronique
facile à lire.
• Assurer la disponibilité d’un calculateur de dose d’insuline
facile à utiliser.
• Favoriser le suivi médical à domicile et à distance .
• Un système doit être capable de générer des statistiques et de
les représenter sous forme des graphiques
• Le système doit assurer le contact entre le médecin et ces
patients grâce aux comptes personnels générés par le service .
2. Règles de gestion :
• Seul le l’administratif peut ajouter et supprimées ,les compte
et rendez-vous.
• Le médecin peut envoyer des prescription à tous ces patient.
• Un group est composée d’un ou plusieurs personne
diabétiques mais ils sont encadrées par un seul médecin.
• Le médecin reçoit les informations des patients à partir d'un
formulaire déjà mentionné par le patient.
• Le médecin peut organisé des consultation une fois une alerte
de danger.
• Le médecin reçoit donc ses informations (telles que le
taux de glycémie, la dose d’insuline)qui lui permettent de
prononcer un diagnostic et de donner des traitements à faire
ou programmer un rendez-vous physique et de recevoir un
message d’alerte en cas d'urgence.
3. Arborescence de l’application :

Figure 3 : Arborescence de l’application

 II- Conception
1. Identification des acteurs :
Les acteurs qui interagissent directement avec le système étudié en
émettant et/ou en recevant des messages éventuellement porteurs de
données sont
L’Administrateur :
L’administrateur est chargé de gérer les comptes Utilisateurs:
- Ajoutez un compte.
- Supprimer un compte.
- Modifier un compte.
ET gérer les gérer les consultations :
- Confirmer un rendez-vous ;
- Supprimer un rendez-vous ;
- Rapporté un rendez-vous ;
Et d’assurer la sécurité du système.
Le patient :
Le patient après authentification il va envoyer les données sur
l’état de sa santé pour que médecin puisse les consulter, Avec
la possibilité de consulter l’espace utilisateurs et sont dossier
médicales.
Le médecin :
Le médecin reçoit donc ses informations (telles que le taux de
glycémie, la tension et autres)qui lui permettent de prononcer un
diagnostic et de donner des traitements à faire ou programmer un
rendez-vous physique et de recevoir un message d’alerte en cas
d'urgence
 a. Identification des messages :
Un message est normalement associé à deux occurrences
d'événements: un événement d'envoi et un événement de réception.
Entre autres :
→ le système reçoit :
La saisie des données de l’authentification
Le remplissage des formulaire de données sanitaire/création
de compte/préinscription/dose..........
→ Le système émet :
Les détails d’un patient.
Les messages de confirmation ou des erreurs.
Les résultats de recherche .
Les statistiques des données.
b. Les cas d’utilisations :
Dans cette partie nous allons préciser les fonctionnalités dans un
diagrammes global de cas d’utilisation.

Figure 4 : Cas d’utilisations

 c. Diagramme de séquence :
Il permet de décrire les scénarios de chaque cas d'utilisation en
mettant l'accent sur la chronologie des opérations en interaction avec les
objets. Un diagramme de séquence montre une interaction présentée en
séquence dans le temps. En particulier, il montre aussi les objets qui
participent à l'interaction par leur "ligne de vie" et les messages qu'ils
échangent présentés en séquence dans le temps.

Figure 5 : Diagramme de séquence

 d. Passage aux modèle relationnel :
Du modèle conceptuel au modèle relationnel A partir de la
description conceptuelle que nous avons effectuée, on peut réaliser le
modèle relationnel; vu que le système d'information ne peut pas le
manipulé directement; et ça en utilisons des règles de passages de
l'UML vers le relationnel.

Figure 6 : Modèle relationnel

 e. Technologie et outils utilisées [5] :

Figure 7 : Outils utilisées

→ HTML :

C’est un langage de balisage permettant d’écrire de l’hypertexte,

d’où son nom. HTML permet également de structurer sémantiquement
et de mettre en forme le contenu des pages, d’inclure des ressources
multimédias dont des images, des formulaires de saisie, et des
programmes informatiques. Il permet de créer des documents
interopérables avec des équipements très variés de manière conforme
aux exigences de l’accessibilité du web. Il est souvent utilisé
conjointement avec des langages de programmation (JavaScript) et des
formats de présentation (feuilles de style en cascade).
→ PHP5 :
HypertextPreprocessor, plus connu sous son sigle PHP, est un langage
de programmation libre principalement utilisé pour produire des pages
web dynamiques via un serveur HTTP, mais pouvant également
fonctionner comme n’importe quel langage interprété - ayant pour tâche
d'analyser, de traduire et d'exécuter les programmes écrits dans un
langage informatique de façon locale. PHP5es t un langage impératif
orienté-objet
→ JavaScript :
Langage de programmation de script principalement utilisé dans les
pages web interactives mais aussi côté serveur. C’est un langage orienté
objet à prototype, c’est-à-dire que les bases du langage et ses principales
interfaces sont fournies par des objets qui ne sont pas des instances de
classes, mais qui sont chacun équipés de constructeurs permettant de
créer leurs propriétés, et notamment une propriété de prototypage qui
permet d’en créer des objets héritiers personnalisés. En outre, les
fonctions sont des objets de première classe ; une entité qui peut être
utilisée sans restriction
 → CSS :
Le terme CSS (l’acronyme anglais de Cascading Style Sheets qui
peut se traduire par "feuilles de style en cascade"). Le CSS est un
langage informatique utilisé sur l'internet pour mettre en forme les
fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les
fichiers CSS, comprennent du code qui permet de gérer le design d'une
page en HTML.

→ Xampserver :
XampServer est une plate-forme de développement Web pour des
applications Web dynamiques à l’aide du serveur Apache2, du langagede
scripts PHP et d’une base de données MySQL. Il possède également
PHPMyAdmin pour gérer plus facilement vos bases de données.
→ MYSQL :
MySQL est un système de gestion de base de données (SGDB). Selon
le type d'application, sa licence est libre ou propriétaire. Il faitpartie des
logiciels de gestion de base de données les plus utilisés au monde, autant par
le grand public (applications web principalement) que par des
professionnels, en concurrence avec Oracle ou Microsoft SQL Server.
→ UML :
Langage de modélisation unifié, est un langage de modélisation
graphique à base de pictogrammes. Il est utilisé en développement
logiciel, et en conception orientée objet. UML est couramment utilisé
dans les projets logiciels. UML est utilisé pour spécifier, visualiser,
modifier et construire les documents nécessaires au bon développement
d'un logiciel orienté objet. UML offre un standard de modélisation, pour
représenter l'architecture logicielle. Les différents éléments
représentables sont :
• Activité d'un objet/logiciel
• Acteurs
• Processus
• Schéma de base de données
• Composants logiciels
• Réutilisation de composants
Grâce aux outils de modélisation UML, il est également possible de
générer automatiquement une partie de code, par exemple en langage
Java, à partir des divers documents réalisés.
→ Notepad++ :
Notepad++ est un éditeur de code source qui prend en charge plusieurs
langages. Ce programme, codé en C++ avec STL et win32 api, a pour
vocation de fournir un éditeur de code source de taille réduite mais très
performant. En optimisant de nombreuses fonctions tout en conservant
une facilité d'utilisation et une certaine convivialité, Notepad++
contribue à la limitation des émissions de dioxyde de carbone dans le
monde : en effet, en réduisant l'utilisation de CPU, la consommation
d'énergie des ordinateurs chute considérablement, en conséquence de
quoi, la terre est plus verte. Ce logiciel, basé sur la composante
Scintilla, a pour but de fournir un éditeur léger (aussi bien au niveau de
la taille du code compilé que des ressources occupées durant
l’exécution) et efficace. Il est également une alternative au bloc-notes
de Windows (d’où le nom) .
→ Google Charst :
Google Charts est un service Web interactif qui crée des graphiques
à partir d'informations fournies par l'utilisateur. L'utilisateur fournit des
données et une spécification de formatages exprimés en JavaScript
intégré dans une page Web ; en réponse, le service envoie une image de
la carte
Conclusion :

Au cours de ce chapitre, nous avons présenté notre étude conceptuelle du

système.

Dans le prochain chapitre, nous allons montrer comment nous avons

traduit cette étude conceptuelle et à l'aide de quels outils nous avons pu
mettre en place notre système .
 Chapitre 3
Réalisation de projet

Ce chapitre contient quelques interfaces de l’application ainsi

qu’une brève description qui accompagne chaque interface.
 I- Interfaces développées :
1. Authentification :
Le recours sécurisé de l’application dépend impérativement d’une
page d’authentification pour gérer avec efficacité l’accès de toute
personne habilitée.

Figure 8 : Identification Patient

Figure 9 : Coordonnés incorrectes

 1.1. Espace patient :
→ Page d’identification :

Figure 10 : Page d’accueil (patient)

La barre suivante permet d’accéder à plusieurs options dans
l’application :

Figure 11 : Barre d’options

• CALCULER LA DOSE :

Figure 12 : Insuline Calculateur

• A PROPOS DE NOUS :
Cette interface explique le statut juridique du centre et indique sa
position.

Figure 13 : About Us
• Services :

Figure 14 : Services
• Rendez-vous :

Le patient peut demander un rendez-vous dans la page d’accueil.

Figure 15 : Rendez-Vous
• MON JOURNAL : Cette interface permet au patient de modifier et
ajouter des données tel que type de diabète(1 ou 2) mode d’injections

Figure 16 : Profil
 Figure 17 :Ajouter des nouvelles données
« Envoyer » pour les sauvegarder dans la base de données et
l’envoyeraux médecins.
Le patient reçoit la prescription et les consultations programmées
dans sa boite de réception.

Figure 18 :Réception des prescriptions

 1.2. Espace Médecin :

Figure 19 : Mes patients

Le bouton <afficher > de l’interface principale redirige vers la
fiche médical du patient sélectionné.

Figure 20 : Fiche médical

→ Affiche un journal de bord simple et claire regroupe plusieurs
courbes et diagrammes.
Voici quelques ‘un :

Figure 21 : Diagramme des valeurs visuelles

Figure 22 : Histogramme de dose d’insuline

Figure 23 : Courbe glycémie insuline

 Figure 24 : Envoyer une prescription

1.3. Espace administratif :

Figure 25 : Ajouter un médecin

Figure 26 : Liste des patients

Figure 27 : Ajouter un patient

 2. Déploiement :
2.1. définition de déploiement :
Déploiement d'une application c’est le processus de déplacement du
code source d'un local host au public host , ce dernier exécutera les
livres des pages aux personnes concernées ou qui les demandent-ils

Figure 28 : Deployment
Il permet d’uploader l’application de local host (accès personnel)
aux serveur web (accès public).
2.2. les grandes type de déploiement :
→ Déploiement mutualisé.
→ Déploiement VPS.
→ Déploiement dédié.
→ Le cloud.
2.3. Choix du déploiement mutualisé:
Définition :
Les sites web seront déposer sur une machine ou un serveur dont
les ressource seront partagées avec d’autres clients de l’hébergeurs.
-La machine sera appelé serveur mutualisé.
-On aura le statu de colocataire de la machin.
→ Avantages :
-idéal pour les petits projets.
-gratuit.
 → Inconvénients :
Ressource limité.
Ressources partagées.

Figure 29 : Ressource
→ Nom du domaine :
http://chuoujda2020.epizy.com/?i=2

Conclusion :
La dernière partie était dédiée à la navigation dans notre
application. Elle constitue le dernier volet de ce rapport, elle a pour
objet de présenter l’environnement logiciel et matériel de réalisation, et
de décrire les principales fonctionnalités implémentées suite au
développement par des captures écrans présentant les principes
interfaces des applications .
 Conclusion générale

En guise de conclusion nous pouvons dire que durant notre stage

aux sein de CHU Mohammed Vi on a traité trois chapitres Le
développent de cette application web nous a permis de confronter une
expérience professionnelle dans le domaine de l’informatique. En outre,
notre projet nous a offert de l’opportunité de concrétiser nos
connaissances théoriques à l’aide d’un cas réel. Ainsi, ce projet nous a
apporté le plus concernant les langages de programmation et les outils
de développements. Nous avons présenté dans ce rapport toutes les
étapes nécessaires pour la création d'une application web. Sur le plan
professionnel, ce projet de fin d’études nous a permis de se familiariser
avec certains concepts et outils et d’acquérir des nouvelles
connaissances à propos de PhpMyAdmin, PHP, UML, HTML, CSS, JS,
Google Chart.
Finalement notre application peut être amélioré et enrichie par des
nouvelles fonctionnalités.
 Références

1: https://www.has-sante.fr/
2: https://www.ideematic.com/
3 : https://www.lucidchart.com/
4 : https://chuoujda.ma/
5 : https://fr.wikipedia.org/wiki/
6 : https://getbootstrap.com/