RÉSUMÉ

Ce document présente
l’application web gestion
maladie qui est créé pour
faciliter la communication
entre le patient, médecin,
pharmacie et d’autres …

MR : ALAE EDDINE

LAZRAK DIRECTEUR DE
COMPETENCE CENTER

RAPPORT D’APPLICATION
Gestion Maladie
 Rapport d’application
Gestion maladie
I. Etude de besoin :
dans notre âge, la technologie se développe rapidement alors il faut automatiser toutes
les besoins nécessaires des citoyens pour faciliter leur vie, le domaine le plus important
c'est la santé parce que dans plusieurs cas le patient n'arrive pas à bien expliquer sa
maladie au médecin ou il perte ces ordonnances qui contient les traitements prescrit au
patient ou bien dans le cas d'une accident grave ou le patient a perdu sa conscience on
peut pas savoir ces maladies ou la catégorie de son sang pour une intervention rapide
dans le but de sauver sa vie, aussi le médecin à souffre de l’énorme quantité des dossiers
des patients et il trouve des difficultés pour consulter son revenus le même problème
pour la pharmacie.

II. Cahier de charge :

Nous sommes dans le but de créer une application web qui permet de résoudre plusieurs
problèmes au niveau de santé par exemple avec ce projet le patient peut savoir tous ces
anciennes maladies avec les consultations et les traitements ainsi que le nombre des
consultations passées en authentifiant par sa propre carte médicale qui contient un code
QR unique.
Le médecin aura la possibilité de lister ses patients, savoir leurs maladies avec les
traitements et les médicaments décrits, ajouter des nouveaux patients, donner une
ordonnance, décrire des médicaments au patient authentifié qui sera scannée par sa
carte médicale, consulter son profile qui contient le nombre des patients passée et le
total de revenus.
Le pharmacien qui a la possibilité de scanner un patient visiteur pour lister ses
consultations et ses traitements dans le but de valider l’achat des médicaments décrits et
visiter son profile pour savoir le nombre de patients de sa pharmacie et le revenu des
ventes.
L’employé du service mutuel qui a l’accès à la liste de toutes les consultations et les
traitements ou bien seulement lister les traitements et consultations non traités et
valider le remboursement de ces derniers et une page d’accueil qui permet de savoir le
nombre de consultation et traitements non traités.
Le dernier acteur c’est le délégué médical qui a la possibilité d’ajouter des médicaments
et de les lister,

Tous ces dernies acteurs (médecin, pharmacie, l’employé du service mutuel et le délégué
médical) doivent s’authentifier par leur E-mail et mot de passe pour bénéficier des
services mentionnés ci-dessus.
III. Technologies :
1. HTML5 :
(HyperText Markup Language 5) est la dernière
révision majeure du HTML (format de données conçu
pour représenter les pages web). Cette version a été
finalisée le 28 octobre 2014. HTML5 spécifie deux
syntaxes d'un modèle abstrait défini en termes de DOM.
- Sémantique : permet de décrire plus précisément votre contenu.
- Connectivité : permet de communiquer avec le serveur d'une façon
nouvelle et innovante.
- Hors-connexion & stockage : permet aux pages web de stocker des
données en local, côté client, et de fonctionner plus efficacement
hors-connexion.
- Multimédia : rendre la vidéo et l'audio des citoyens de premier plan
sur l'Open Web
- Performance & intégration : offre une puissance bien plus grande et
une meilleure utilisation du matériel de l'ordinateur.
- Accès aux périphériques : permet un usage de périphériques d'entrée
et de sortie variés.

2. CSS3 :

Les feuilles de style en cascade1, généralement appelées

CSS de l'anglais Cascading Style Sheets, forment un
langage informatique qui décrit la présentation des
documents HTML et XML. Les standards définissant CSS
sont publiés par le World Wide Web Consortium (W3C).
Introduit au milieu des années 1990, CSS devient couramment utilisé
dans la conception de sites web et bien pris en charge par les
navigateurs web dans les années 2000.

- Simplifiez la page et ne profitez que de ce pour quoi vous avez

travaillé, de sorte qu'elle inclue le contenu, tandis que le format est
dans le fichier CSS Styles.
- Rendre la page capable de traiter plusieurs navigateurs différents ou
écrans d'affichage différents, et chaque appareil (ordinateur ou même
téléphone portable) ou navigateur peut être traité séparément, et
donc une plus grande convivialité.
- Il est possible de développer plusieurs aspects de chaque apparence
qui répondent aux besoins de chaque lecteur, par exemple, la
convivialité des personnes ayant des besoins spéciaux peut être
garantie, ou plusieurs couleurs peuvent être développées pour
répondre à différents goûts.
- Le fichier de styles peut être inclus sur plusieurs pages, donc lorsque
vous changez l'apparence de l'affichage, vous ne devez modifier qu'un
seul fichier, ce qui signifie moins de temps et une édition de plus en
plus complète.

3. Bootstrap :

est une collection d'outils utiles à la création du

design (graphisme, animation et interactions avec
la page dans le navigateur, etc.) de sites et
d'applications web. C'est un ensemble qui contient
des codes HTML et CSS, des formulaires, boutons, outils de navigation et
autres éléments interactifs, ainsi que des extensions JavaScript en
option.

- Bootstrap offre l'avantage de répondre à toutes les tailles, telles que

les différentes tailles d'écran, ainsi que les tablettes et les téléphones
mobiles, qui sont devenus le plus grand nombre de visiteurs dans les
moteurs de recherche, surpassant les ordinateurs.
- Bootstrap est simple et flexible et vous pouvez l'utiliser simplement
en apprenant les bases de HTML, CSS et Javascript sans utiliser trop
de code complexe.
- L'une des caractéristiques les plus importantes du Bootstrap est qu'il
est Open Source et qu'il a été publié avec une licence MIT et que vous
pouvez l'utiliser à partir de GitHub où vous trouverez le plus
populaire.

4. JavaScript :

JavaScript est un langage de programmation de scripts

principalement employé dans les pages web
interactives et à ce titre est une partie essentielle des
applications web. Avec les technologies HTML et CSS, la
majorité des navigateurs web disposent d'un
moteur JavaScript4 dédié pour l'interpréter.
- Faire bouger, apparaitre ou disparaitre des éléments de la page (un
titre, un menu, un paragraphe, une image…).
- Mettre à jour des de la page sans recharger la page (changer le texte,
recalculer un nombre, etc).
- Demander au serveur un nouveau bout de page et l’insérer dans la
page en cours, sans la recharger.
- Attendre que l’utilisateur face quelque chose (cliquer, taper au
clavier, bouger la souris…) et réagir (faire une des opérations ci-
dessus suite à cette action).

5. JQuery :

est une bibliothèque JavaScript libre et

multiplateforme créée pour faciliter l'écriture de
scripts côté client dans le code HTML des pages web. La première version
est lancée en janvier 2006.
- La façon dont un développeur code un site Web peut grandement
affecter la façon dont il peut être trouvé sur les moteurs de
recherche. jQuery peut facilement être optimisé pour les moteurs de
recherche et dispose de nombreux plug-ins qui peuvent aider les
développeurs à atteindre cet objectif. L'une des pratiques optimales
pour le référencement que vous pouvez utiliser consiste à incorporer
des éléments jQuery à l'aide de listes non ordonnées.
- Les moteurs de recherche comme Google utilisent le temps de
chargement des pages comme un facteur clé lors du classement des
sites Web. En conséquence, chaque développeur Web doit s'efforcer
de s'assurer que son code est aussi concis et léger que possible. Les
fichiers jQuery sont généralement stockés séparément de la page
Web elle-même. Cela permet aux développeurs d'apporter des
modifications à l'ensemble du site Web en utilisant un référentiel
central plutôt que de rechercher dans de nombreuses structures de
dossiers.
6. PHP :

(Hypertext Preprocessor) plus connu sous son sigle

PHP (sigle auto-référentiel), est un langage de
programmation libre19, principalement utilisé pour
produire des pages Web dynamiques via un serveur
HTTP18, mais pouvant également fonctionner comme n'importe quel
langage interprété de façon locale. PHP est un langage impératif
orienté objet.

- La facilité est la caractéristique la plus importante du langage "php",

car il est considéré comme l'un des langages de programmation les
plus simples et est considéré comme le meilleur pour les
développeurs Web, en particulier pour ceux qui maîtrisent d'autres
langages de programmation tels que C et Perl , et même pour ceux
qui n'ont pas d'expérience, c'est facile à apprendre.
- Il est compatible avec de nombreux systèmes, bien qu'il contienne
plusieurs copies, et chacun d'eux fonctionne dans des
environnements différents, mais toutes les copies émanent du noyau
d'origine, ce qui les oblige à exécuter les scripts de la même manière.
- Il contient un fichier de paramètres, qui permet de contrôler les
fonctionnalités et fonctionnalités qu'il fournit, ce qui offre une sorte
de protection et de sécurité d'utilisation.
- Il se caractérise également par une flexibilité et une extensibilité que
le programmeur peut y ajouter par d'autres langages de
programmation, grâce à son code de programmation ouvert.
- Il contient de nombreuses fonctionnalités supplémentaires car il a des
fonctions de processeur mathématiques et donne accès à divers
serveurs de données tels que SQL et autres.
- Il se caractérise également par une grande rapidité dans la création
de programmes.

7. MySQL :

un système de gestion de bases de données

relationnelles (SGBDR). Il est distribué sous une
double licence GPL et propriétaire. Il fait partie
des logiciels de gestion de base de données les plus utilisés au monde3,
 autant par le grand public (applications web principalement) que par des
professionnels, en concurrence avec Oracle, PostgreSQL et Microsoft SQL
Server.

- Testé sur un large éventail de compilateurs différents.

- Dispose d'API pour C, C++, Eiffel, Java, Perl, PHP, Python, Ruby et Tcl.
See Chapitre 24, API MySQL.
- Complètement multi-threadé, grâce aux threads du noyau. Cela
signifie que vous pouvez l'utiliser facilement sur un serveur avec
plusieurs processeurs.
- Fournit des moteurs de tables transactionnels et non-transactionnels.
- Facilité relative à ajouter un nouveau moteur de table. C'est utile si
vous voulez ajouter une interface SQL à votre base de donnée
maison.
- Système l'allocation mémoire très rapide, exploitant les threads.
- Les fonctions SQL sont implémentées grâce à une bibliothèque de
classes optimisées, qui sont aussi rapides que possible généralement,
il n'y a aucune allocation mémoire une fois que la requête a été
initialisée.

IV. Les outils :

1. Wamp server :
Est une plateforme de développement Web de type WAMP, permettant
de faire fonctionner localement (sans avoir à se connecter à un serveur
externe) des scripts PHP. WampServer n'est pas en soi un logiciel, mais
un environnement comprenant trois serveurs (Apache, MySQL et
MariaDB), un interpréteur de script (PHP), ainsi que phpMyAdmin pour
l'administration Web des bases MySQL.

2. Entreprise Architect :
est un logiciel de modélisation et de conception UML, édité par la société
australienne Sparx Systems. Couvrant, par ses fonctionnalités, l'ensemble
des étapes du cycle de conception d'application, il est l'un des logiciels
de conception et de modélisation les plus reconnus.
 3. StarUML :
est un logiciel de modélisation UML, qui a été « cédé comme open
source » par son éditeur, à la fin de son exploitation commerciale (qui
visiblement continue ...), sous une licence modifiée de GNU GPL.

4. Visual Studio Code :

est un éditeur de code extensible développé par Microsoft pour
Windows, Linux et macOS2.
Les fonctionnalités incluent la prise en charge du débogage, la mise en
évidence de la syntaxe, la complétion intelligente du code, les snippets,
la refactorisation du code et Git intégré.

V. Conception Et Modélisation :

1. Diagramme de classe :

2. Cas d’utilisation Délégué Médical :

Ce diagramme présente Les services qui Peuvent être Consulter par le

Délègue Médical :
 - Ajouter Les Médicaments.
- Lister Les Médicaments.

3. Cas d’utilisation Service Mutuel :

Ce diagramme présente Les services qui Peuvent être Consulter par

l’Employé de Service Mutuel :
- Lister Les Consultations Non Traités.
- Lister Les Traitements Non Traités.
- Lister Tous Les Consultations.
- Lister Tous Les Traitements.
- Valider Le Remboursement Des Traitements.
- Valider Le Remboursement Des Consultations.
4. Cas d’utilisation Médecin :

Ce diagramme présente Les services qui Peuvent être Consulter par le

Médecin :
- Lister Les Consultations De Patient Authentifié.
- Lister Les Consultations De Ces Patients.
- Lister Les Traitements De Ces Patients.
- Lister Les Médicaments Décrit.
- Lister Ces Patients.
- Ajouter Consultation Au Patient Authentifié.
- Ajouter Nouveau Patient.
- Scanner Un Patient.
5. Cas d’utilisation Patient :

Ce diagramme présente Les services qui Peuvent être Consulter par le Patient :
- Lister Ces Consultation.
- Lister Ces Traitements.
6. Cas d’utilisation Pharmacie :

Ce diagramme présente Les services qui Peuvent être Consulter par la

Pharmacie :
- Lister Ces Consultation.
- Lister Ces Traitements.
- Valider L’achat Des Médicaments.
7. Diagramme de séquence Patient
Diagramme de séquence qui représente le scénario de cas d’utilisation d’authentification
d’un patient dans le site web pour lister ces consultations.

8. Diagramme de séquence Médecin

Diagramme de séquence qui représente le scénario de cas d’utilisation d’authentification
d’un médecin dans le site web pour ajouter un patient.
9. Diagramme de séquence pharmacie
Diagramme de séquence qui représente le scénario de cas d’utilisation d’authentification
d’un pharmacien dans le site web pour lister les consultations d’un patient.

10. Diagramme de séquence employé service mutuel

Diagramme de séquence qui représente le scénario de cas d’utilisation d’authentification
d’un employé dans le site web pour valider les consultations non traitées.
 11. Diagramme de séquence employé délégué médical
Diagramme de séquence qui représente le scénario de cas d’utilisation d’authentification
d’un délégué médical dans le site web pour valider les consultations non traitées.

VI. Implémentation :
1. Implémentation Partie Médecin :
o Interface authentification :
Simple Formulaire qui permet au médecin de bénéficier de ses
services.
o Menu de médecin :
Page simple présente au médecin le nombre de ces patients,
consultations, le total de son revenu, un menu qui contient les
services associés au médecin authentifié et deux buttons la 1 er
pour Ajouter un nouveau patient l’autre pour scanner le code
QR.

o La liste de consultation de patient authentifié :

Page qui contient la liste des consultations du patient
authentifié avec un bouton qui permet de déconnecter ce
dernier, et le bouton Détail Traitement redirige vers une autre
page qui contient la liste des traitements pour chaque
consultation.
 o Formulaire ajouter Consultation :
Page qui permet d’ajouter des consultations au patient
authentifié ensuite elle redirige vers un autre dont le but de
spécifier les médicaments décrits dans la consultation.

2. Implémentation partie employé de service mutuel :

o Menu employé de service mutuel :
Après l’authentification de l’employé il est redirigé vers son
profile qui contient les informations sur le nombre des
consultations et les traitements qu’il doit les traiter et le menu
à gauche pour faciliter l’accès aux autres pages.
o La liste des traitements Et consultations :
Deux pages l’une pour lister les traitements l’autre pour les
consultations comme historique des consultations et
traitements validée par l’employé de l’agence de mutuel.
o La liste des traitements Et consultations non traités :
Deux pages l’une pour lister les traitements non traités l’autre
pour les consultations et chacune contient un bouton qui
permet de rediriger vers autre page pour valider le
remboursement de ces derniers.
o Les Formulaires de validation du remboursement :
Deux Formulaires le premier pour valider le remboursement
des traitements le deuxième pour les consultations et tous les
deux contient en haut une ligne qui contient les informations à
modifier.
3. Implémentation partie pharmacie :
o Liste des consultations de patient authentifié :
Après l’authentification d’un patient par sa carte médical dans
une pharmacie il se redirige vers sa liste des consultations du
plus récent au plus ancien, le bouton Détail permet de lister les
traitements cités dans chaque consultation.

o Liste de validation de l’achat de médicament :

 Une simple page qui contient un bouton dont le but de valider
l’achat des médicaments décrits dans la consultation de patient
authentifié.

VII. Conclusion :

En guise de conclusion, Cette application web est considéré seulement comme

version de démonstration car il manque plusieurs acteurs comme le ministre
de la Santé qui s’occupera d’ajout des médecins qui auront l’autorisation
d’utiliser cette application web ou bien au niveau de chaque commune, pour
une meilleure gestion. Nous avons également besoin d'un acteur qui gérera et
coordonnera entre les délégués médicaux, ainsi pour les employés des services
mutuel, les patients doivent être répartis en fonction du nombre de bureaux de
couverture sanitaire dans chaque quartier pour mieux contrôler les
remboursements.
Enfin pour que cette idée de projet peut être prêt à utiliser on doit ajouter des
modifications comme : contrôler l’accès à la base donnée afin d'éviter un
chargement retardé du site Web, sécuriser les informations de chacun des
utilisateurs de notre Application Web, Ajouter un contenue multimédia qui
explique les utilités du site et finalement un bouton flottant dans l’écran pour
la communication entre les utilisateurs et le support.