SlideShare une entreprise Scribd logo
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] :
→ HTML :
Figure 7 : Outils utilisées
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 :
• Rendez-vous :
Figure 14 : Services
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.
→ Nom du domaine :
Figure 29 : Ressource
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/

Contenu connexe

Similaire à Développement et déploiement d’un Application télésurveillance diabétiques HICHAM LATRECHE

Rapport stage onee-be_2
Rapport stage onee-be_2Rapport stage onee-be_2
Rapport stage onee-be_2
Mounir Kaali
 
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
Bader Nassiri
 
RAPPORT DE PROJET DE FIN D’ETUDES
RAPPORT DE PROJET DE FIN D’ETUDESRAPPORT DE PROJET DE FIN D’ETUDES
RAPPORT DE PROJET DE FIN D’ETUDES
TombariAhmed
 
Rapport de PFE - Houssem SAKLI (ISIMM)
Rapport de PFE - Houssem SAKLI (ISIMM)Rapport de PFE - Houssem SAKLI (ISIMM)
Rapport de PFE - Houssem SAKLI (ISIMM)
Houssem Sakli
 
Rapport stage pfe
Rapport stage  pfe Rapport stage  pfe
Rapport stage pfe
rimeh moussi
 
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Saadaoui Marwen
 
Rapport PFE Ahmed BEN JEMIA
Rapport PFE Ahmed BEN JEMIARapport PFE Ahmed BEN JEMIA
Rapport PFE Ahmed BEN JEMIA
Ahmed BEN JEMIA
 
Backup & Restore SharePoint 2013 Farm
Backup & Restore SharePoint 2013 FarmBackup & Restore SharePoint 2013 Farm
Backup & Restore SharePoint 2013 Farm
Youssef El Idrissi
 
Rapport de stage de fin d'études ISI 2015
Rapport de stage de fin d'études ISI 2015Rapport de stage de fin d'études ISI 2015
Rapport de stage de fin d'études ISI 2015
Anouar Kacem
 
Deploiement solution_ha_de_stockage_ceph_sous_une_plateforme_virtualisee_vsph...
Deploiement solution_ha_de_stockage_ceph_sous_une_plateforme_virtualisee_vsph...Deploiement solution_ha_de_stockage_ceph_sous_une_plateforme_virtualisee_vsph...
Deploiement solution_ha_de_stockage_ceph_sous_une_plateforme_virtualisee_vsph...
Abdelmadjid Djebbari
 
Rapport final
Rapport finalRapport final
Rapport final
YosraJerbi1
 
Rapport_deStage
Rapport_deStageRapport_deStage
Rapport_deStageOmar TRAI
 
Mise en place d'une stratégie de marketing digital
Mise en place d'une stratégie de marketing digital Mise en place d'une stratégie de marketing digital
Mise en place d'une stratégie de marketing digital
Karim Ben Alaya
 
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Ramzi Noumairi
 
Etude et mise en place d’un Cloud privé Avec Openstack
Etude et mise en place d’un Cloud privé Avec OpenstackEtude et mise en place d’un Cloud privé Avec Openstack
Etude et mise en place d’un Cloud privé Avec Openstack
BayeOusseynouFall
 
AUTOMATISATION D’UNE MACHINE EXTRUDEUSE ET MISE EN PLACE D’UNE INTERFACE HOMM...
AUTOMATISATION D’UNE MACHINE EXTRUDEUSE ET MISE EN PLACE D’UNE INTERFACE HOMM...AUTOMATISATION D’UNE MACHINE EXTRUDEUSE ET MISE EN PLACE D’UNE INTERFACE HOMM...
AUTOMATISATION D’UNE MACHINE EXTRUDEUSE ET MISE EN PLACE D’UNE INTERFACE HOMM...
RidhaChayeh1
 
Plateforme de gestion des projets de fin d'études
Plateforme de gestion des projets de fin d'étudesPlateforme de gestion des projets de fin d'études
Plateforme de gestion des projets de fin d'études
Majdi SAIBI
 
Conception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTSConception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTS
FaissoilMkavavo
 
cnam.pdf
cnam.pdfcnam.pdf
cnam.pdf
NadaNadita3
 
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)Ghali Rahma
 

Similaire à Développement et déploiement d’un Application télésurveillance diabétiques HICHAM LATRECHE (20)

Rapport stage onee-be_2
Rapport stage onee-be_2Rapport stage onee-be_2
Rapport stage onee-be_2
 
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
 
RAPPORT DE PROJET DE FIN D’ETUDES
RAPPORT DE PROJET DE FIN D’ETUDESRAPPORT DE PROJET DE FIN D’ETUDES
RAPPORT DE PROJET DE FIN D’ETUDES
 
Rapport de PFE - Houssem SAKLI (ISIMM)
Rapport de PFE - Houssem SAKLI (ISIMM)Rapport de PFE - Houssem SAKLI (ISIMM)
Rapport de PFE - Houssem SAKLI (ISIMM)
 
Rapport stage pfe
Rapport stage  pfe Rapport stage  pfe
Rapport stage pfe
 
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
 
Rapport PFE Ahmed BEN JEMIA
Rapport PFE Ahmed BEN JEMIARapport PFE Ahmed BEN JEMIA
Rapport PFE Ahmed BEN JEMIA
 
Backup & Restore SharePoint 2013 Farm
Backup & Restore SharePoint 2013 FarmBackup & Restore SharePoint 2013 Farm
Backup & Restore SharePoint 2013 Farm
 
Rapport de stage de fin d'études ISI 2015
Rapport de stage de fin d'études ISI 2015Rapport de stage de fin d'études ISI 2015
Rapport de stage de fin d'études ISI 2015
 
Deploiement solution_ha_de_stockage_ceph_sous_une_plateforme_virtualisee_vsph...
Deploiement solution_ha_de_stockage_ceph_sous_une_plateforme_virtualisee_vsph...Deploiement solution_ha_de_stockage_ceph_sous_une_plateforme_virtualisee_vsph...
Deploiement solution_ha_de_stockage_ceph_sous_une_plateforme_virtualisee_vsph...
 
Rapport final
Rapport finalRapport final
Rapport final
 
Rapport_deStage
Rapport_deStageRapport_deStage
Rapport_deStage
 
Mise en place d'une stratégie de marketing digital
Mise en place d'une stratégie de marketing digital Mise en place d'une stratégie de marketing digital
Mise en place d'une stratégie de marketing digital
 
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
 
Etude et mise en place d’un Cloud privé Avec Openstack
Etude et mise en place d’un Cloud privé Avec OpenstackEtude et mise en place d’un Cloud privé Avec Openstack
Etude et mise en place d’un Cloud privé Avec Openstack
 
AUTOMATISATION D’UNE MACHINE EXTRUDEUSE ET MISE EN PLACE D’UNE INTERFACE HOMM...
AUTOMATISATION D’UNE MACHINE EXTRUDEUSE ET MISE EN PLACE D’UNE INTERFACE HOMM...AUTOMATISATION D’UNE MACHINE EXTRUDEUSE ET MISE EN PLACE D’UNE INTERFACE HOMM...
AUTOMATISATION D’UNE MACHINE EXTRUDEUSE ET MISE EN PLACE D’UNE INTERFACE HOMM...
 
Plateforme de gestion des projets de fin d'études
Plateforme de gestion des projets de fin d'étudesPlateforme de gestion des projets de fin d'études
Plateforme de gestion des projets de fin d'études
 
Conception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTSConception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTS
 
cnam.pdf
cnam.pdfcnam.pdf
cnam.pdf
 
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
 

Développement et déploiement d’un Application télésurveillance diabétiques HICHAM LATRECHE

  • 1. 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
  • 2. 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 .
  • 3. 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.
  • 4. 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.
  • 5. 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
  • 6. 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
  • 7. 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
  • 8. 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.
  • 9. 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 .
  • 10. 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.
  • 11. 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
  • 12. • 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
  • 13. 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.
  • 14. • 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.
  • 15. 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.
  • 16. 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
  • 17. 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 .
  • 18. 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.
  • 19. • 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
  • 20. 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
  • 21. 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
  • 22. 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
  • 23. 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
  • 24. e. Technologie et outils utilisées [5] : → HTML : Figure 7 : Outils utilisées 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
  • 25. → 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
  • 26. • 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 .
  • 27. Chapitre 3 Réalisation de projet Ce chapitre contient quelques interfaces de l’application ainsi qu’une brève description qui accompagne chaque interface.
  • 28. 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
  • 29. 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
  • 30. • A PROPOS DE NOUS : Cette interface explique le statut juridique du centre et indique sa position. Figure 13 : About Us
  • 31. • Services : • Rendez-vous : Figure 14 : Services Le patient peut demander un rendez-vous dans la page d’accueil. Figure 15 : Rendez-Vous
  • 32. • 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
  • 33. 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
  • 34. 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.
  • 35. Voici quelques ‘un : Figure 21 : Diagramme des valeurs visuelles Figure 22 : Histogramme de dose d’insuline Figure 23 : Courbe glycémie insuline
  • 36. Figure 24 : Envoyer une prescription 1.3. Espace administratif : Figure 25 : Ajouter un médecin
  • 37. Figure 26 : Liste des patients Figure 27 : Ajouter un patient
  • 38. 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.
  • 39. → Inconvénients : Ressource limité. Ressources partagées. → Nom du domaine : Figure 29 : Ressource 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 .
  • 40. 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.
  • 41. 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/