Université Cadi Ayad

Ecole Supérieure De Technologie-Essaouira

Filière:
Informatique Décisionnelle Et science De Donnée

Rapport de stage de fin d'étude

Réalisation d’un Application de prise des

rendez-vous avec des médecins
« Medino »

Durée de stage : 10/04/2023 à 01/06/2023

Réalisé par : Encadré par :

CHIADLI Salma Mr. BENTAHER Mehdi

Année universitaire : 2023-2024

1
 Remerciement

Remerciement

Je tiens tout d’abord à remercier Mr. GUERRAOUI Mehdi et Mr. BENTAHER Mehdi Qui m'a
supervisé pendant la période de stage pour leur confiance et les connaissances qu’ils ont su partager
avec moi. Je les remercie aussi pour leur disponibilité et la qualité de son encadrement en entreprise.

Je souhaite également adresser mes remerciements les plus sincères aux équipes pédagogiques et
administratives de Ecole Supérieure De Technologie-Essaouira qui ont facilité mes démarches et ont
assuré un suivi tout au long de mon stage.

Enfin, un grand merci à ma famille qui m’a toujours encouragé dans mes choix d’orientation
professionnelle.

2
 Sommaire

Remerciement ..................................................................................................................................... 2
Liste des tableaux ...................................................................................................................................... 5
Liste des figures ........................................................................................................................................ 5
Introduction Général ................................................................................................................................. 6
Chapitre I : Présentation De stage. ............................................................................................................ 7
Introduction ........................................................................................................................................... 8
1. Cadre de stage: ............................................................................................................................... 8
2. Présentation d’entreprise: ............................................................................................................... 8
2.1 ) Bc skills: ................................................................................................................................... 8
2.2 ) Les services de l’entreprise:..................................................................................................... 8
2.3 ) Organigramme de BC Skills : ................................................................................................... 9
2.4 ) La fiche signalétique: ................................................................................................................ 9
3. Déroulement du stage : ................................................................................................................ 10
3.1 ) Sujet du projet : ....................................................................................................................... 10
3.2) Cahier de charge : ................................................................................................................... 10
3.3 ) Planning prévisionnel: ............................................................................................................ 10
Conclusion .......................................................................................................................................... 11
Chapitre II : Environnement de travail. .................................................................................................. 12
Introduction ......................................................................................................................................... 13
1. Environnement de travail : .............................................................................................................. 13
1.1) Les Outils utilisé : ................................................................................................................... 13
1.2 ) Les langages principaux: ....................................................................................................... 14
Conclusion .......................................................................................................................................... 15
Chapitre III : Analyse et Conception du projet. ...................................................................................... 16
Introduction ......................................................................................................................................... 17
1. Modélisation UML :........................................................................................................................ 17
1.1 ) Diagramme de cas d’utilisation: ......................................................................................... 17
1.2 ) Diagramme de classe: ......................................................................................................... 18
Conclusion .......................................................................................................................................... 18
Chapitre VI : Réalisation du projet ......................................................................................................... 19

3
 Introduction ......................................................................................................................................... 20
1. Les interfaces du Platform: ............................................................................................................. 20
1.1) Page sing up : ........................................................................................................................... 20
1.2 ) Page sing in : ........................................................................................................................... 20
1.3 ) Page Home : ............................................................................................................................ 21
1.4 ) Page doctors : .......................................................................................................................... 23
1.5 ) Page cahier-medicale : ............................................................................................................ 28
1.6 ) Page consultation : .................................................................................................................. 29
Conclusion .......................................................................................................................................... 29
Conclusion Général ................................................................................................................................. 30
Bibliographie ........................................................................................................................................... 31

4
 Liste des tableaux
Tableau 1 : tableau des taches.

Liste des figures

Figure 1 : Organigramme d’entreprise bc skiils.
Figure 2 : Logo de Visual studio code.
Figure 3: Logo de StarUML.
Figure 4 : Logo de MYSQL.
Figure 5 : Logo de HTML.
Figure 6 : Logo de CSS.
Figure 7 : Logo de Javascript.
Figure 8 : Logo de Bootstrap.
Figure 9 : Logo de Django.
Figure 10 : Diagramme de cas d’utilisation.
Figure 11 : Diagramme de classe.
Figure 12 : page sing up.
Figure 13 : page sing in.
Figure 14 : page de home de patient.
Figure 15 : page de home d’admin.
Figure 16 : page de home de docteur.
Figure 17 : Table des reservations.
Figure 18 : Page docteur de docteur et patient.
Figure 19 : Page docteur d’admin.
Figure 20 : Page de bar de recherche .
Figure 21 : Page de reservation.
Figure 22 : Page d’ajouter un docteur.
Figure 23 : Page cahier-medicale.
Figure 24 : Table des consultations.

5
 Introduction Général

Introduction Général

Prendre rendez-vous avec un médecin est l'une des choses les plus difficiles de nos jours en raison de la

surpopulation à laquelle nous assistons aujourd'hui dans notre société, en particulier pour les personnes

qui vivent dans les communes rurales autour de la ville, avec la possibilité de perdre le carnet médical

pour cela. C'est pourquoi j'ai profité de l'évolution remarquable à laquelle nous assistons aujourd'hui,

alors que tout est devenu numérique, et j'ai réalisé une plateforme qui permet de prendre rendez-vous

avec le médecin, et ce dernier saisit les informations liées à la consultation sur la page de patient pour la

protéger si nous en avons besoin.

Ce rapport se compose de quatre chapitres :

● Le premier chapitre est consacré au cadre général de stage avec une présentation par apport
l’entreprise et les étapes que vous avez suivies pour réaliser à bien le projet.
● Le deuxième chapitre sera consacré à présenter l’environnement de travail (les outilles et les
langages que j’ai utilisés).
● Le troisième chapitre est la partie de modélisation du projet.
● Le quatrième chapitre sera consacré à la réalisation et les résultats que j’ai obtenus de mon projet.
«Medino».

Finalement, je donne une conclusion et quelques perspectives pour ce travail.

6
Chapitre I : Présentation De stage.

7
Introduction
Ce chapitre sera réservé pour présenter l’entreprise avec l'étude générale du projet « Medino ».

1. Cadre de stage:
Ce projet s'inscrit dans le cadre du stage de fin d’étude de la filière Informatique Décisionnelle et
science de Données.

2. Présentation d’entreprise:

2.1 ) Bc skills:

Mon stage s'est déroulé dans le service informatique du l’entreprise BC-Skills c’est un
établissement privée doté de la personnalité morale et de l’autonomie financière.
Le service informatique gère les réseaux, le matériel, et les logiciels informatiques de l’entreprise
et développement web. Les compétences vont du changement de petits matériels (souris, écran, etc.…)
à des choses plus spécifiques comme configurer et dépanner des serveurs, virtuels ou non, chargés de
faire tourner les logiciels et des applications et créer des applications web ou mobile.

2.2 ) Les services de l’entreprise:

● Transformation Digitale .
● Implémentation ERP .
● Etudes et stratégies.
● Business process.
● Business suite SAAS.
● The Academy.

8
2.3 ) Organigramme de BC Skills :

Figure 1 : Organigramme d’entreprise bc skills.

2.4 ) La fiche signalétique:

•Nom: Entreprise Bc skills.

• Adresse: 8PFV+J6F, Av. Mohamed Belkhadir, sidi bouzid, Safi.
• Fax: +212 (0)5 25 98 89 11
• Mail: comms@bc-skills.com
• Site Internet: https://www.bcskills.com/

9
 3. Déroulement du stage :
3.1 ) Sujet du projet :

J’ai réalisé une plateforme de gestion de rendez-vous médicaux qui permet de trouver le médecin
qui vous convient, et de prendre rendez-vous directement en ligne.

3.2) Cahier de charge :

● Admin et docteur peuvent faire sing up et sing in comme user normale.
● Admin peut ajouter des docteurs à la plateforme.
● Admin, user et docteur peut prendre une rendez-vous.
● Le docteur peut accéder à la table des réservations et gérer les rendez-vous.
● Le docteur peut remplir le formulaire de consultation de chaque patient.
● Patient ou user peut accéder à la table des consultations précédente.

3.3 ) Planning prévisionnel:

La clé principale de la réussite d'un projet est un bon planning. En effet, le planning aide à bien

subdiviser le travail et séparer les taches à réaliser, il offre une meilleure estimation et gestion du temps

nécessaire pour chaque tache. Dans notre projet, j’ai estimé de réaliser mon application dans une durée

approximative d’un mois. Le tableau ci-dessous décrit les différentes tâches à réaliser avec une estimation

du délai de leur réalisation.

Tache Date début Date de fin Durée

prendre une petite formation par
apport django. 10-04-2023 25-04-2023 15 jours

Conception de la base de donnéés

et définition du cahier des charges. 26-04-2023 28-04-2023 2 jours

Réalisation de site 28-04-2023 28-05-2023 30 jours

rédaction du rapport 28-05-2023 31-05-2023 3 jours

Tableau 1 : tableau des taches

10
Conclusion

Dans ce chapitre, j’ai présenté le cadre général de stage et j'ai parlé brièvement sur l’entreprise.
Ensuite j’ai abordé le déroulement du stage tout en décrivant le sujet du stage, problématique, le cahier
de charge et le planning prévisionnel. Cette étude nous permet de commencer plus clairement la phase
d’étude de l’environnement du travail.

11
Chapitre II : Environnement de travail.

12
Introduction
Dans cette partie nous allons présenter l'environnement de travail (Les langages de
programmation et les outils de développement proposés pour développer mon site.

1. Environnement de travail :
1.1) Les Outils utilisé :
Visual Studio Code :

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 snippers, la refactorisation du code et Git intégrer. Les utilisateurs peuvent
modifier le thème, les raccourcis clavier, les préférences et installer des extensions
qui ajoutent des fonctionnalités supplémentaires.

Figure 2: Visual Studio Code.

StartUML :

StarUML est un outil de génie logiciel dédié à la modélisation UML et

édité par la société coréenne MKLabs. Il est multiplateforme et fonctionne
sous Windows, Linux et MacOS.

Figure 3 : StartUML.

MySQL :

Le MySQL est un système de gestion de bases de données relationnelles.

Une base de données est un ensemble structuré de données. Les données
vont pouvoir être des informations clients (nom, adresse, mot de passe,
etc.), la liste des commentaires de notre blog, le texte de nos articles, etc.

Figure 4 : MySQL

13
 1.2 ) Les langages principaux:
HTML :

Le HyperText Markup Language, généralement abrégé HTML ou, dans

sa dernière version, HTML5, est le langage de balisage conçu pour
représenter les pages web. Ce langage permet : d’écrire de l’hypertexte,
d’où son nom, de structurer sémantiquement la page, de mettre en forme le
contenu.

Figure 5 : HTML logo.

CSS :

CSS signifie feuilles de style en cascade il décrit comment les éléments

HTML doivent être affichés à l'écran, sur papier ou sur d'autres supports.
Il peut contrôler la mise en page de plusieurs pages Web à la fois .Les
feuilles de style externes sont stockées dans des fichiers CSS.

Figure 6 : CSS logo.

Javascript :

JavaScript désigne un langage de développement informatique, et plus

précisément un langage de script orienté objet. On le retrouve
principalement dans les pages Internet. Il permet, entre autres, d'introduire
sur une page web ou HTML des petites animations ou des effets.

Figure 7 : JAVACRIPT logo.

Bootstrap :

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

Figure 8 : Bootstrap logo.

14
 Django :

Django est un framework web open source en Python. Il a pour but de

rendre le développement d'applications web simple et basé sur la
réutilisation de code. Développé en 2003 pour le journal local de Lawrence
(État du Kansas, aux États-Unis), Django a été publié sous licence BSD à
partir de juillet 2005.

Figure 9 : django logo.

Conclusion

Dans ce chapitre j’ai présenté les logiciels, les langages que j’ai utilisés pour la réalisation de

site. Le chapitre qui suit va entamer la partie d’analyse et la conception du projet.

15
Chapitre III : Analyse et Conception du
projet.

16
Introduction
Après l’étape de la planification de tâches nécessaires à la réalisation, je réserve cette partie à la
conception détaillée de mon système. En effet, au cours de ce chapitre je vais décrire les différents
modèles de données décrivant mon système.

1. Modélisation UML :
Le langage UML (Unified Modeling Language, ou langage de modélisation unifié) a été pensé
pour être un langage de modélisation visuelle commun, et riche sémantiquement et syntaxiquement. Il
est destiné à l'architecture, la conception et la mise en œuvre de systèmes logiciels complexes par leur
structure aussi bien que leur comportement. L'UML a des applications qui vont au-delà du
développement logiciel, notamment pour les flux de processus dans l'industrie.

1.1 ) Diagramme de cas d’utilisation:

Figure 10 : Diagramme de cas d’utilisation.

17
 1.2 ) Diagramme de classe:

Figure 11 : Diagramme de classe .

 Docteur , admin et patient peuvent faire l’authentification (sing in,sing up) de la meme façon.
 User peut effectuer zero ou plusieur reservation .
 Chaque réservation concerne un médecin.
 Docteur peut reseigner zero ou plusieur consultation .
 Zero ou plusieur admin peuvent ajouter zero ou plusieur docteur.
 Un docteur peut controler 10 patient.

Conclusion

Dans ce chapitre j’ai présenté la partie de conception de mon projet .

18
Chapitre VI : Réalisation du projet

19
Introduction
Après avoir terminé la conception détaillée de ma plateforme, je vais présenter les interfaces de la
plateforme.

1. Les interfaces du Platform:

1.1) Page sing up :

La page sing up permet à créer des comptes dans le site web.

Figure 12 : page de sing up.

1.2 ) Page sing in :

La page sing in c’est la page d’authentification, Cette page permet aux patients, l’Admin et les
docteurs de s’authentifier.

Figure 13 : page de sing in.

20
1.3 ) Page Home :
1.3.1) Patient Home:

Figure 14 : page de home de patient.

21
 1.3.2) Admin Home:

Figure 15 : page de home d’admin.

1.3.3) Docteur Home:

La seule distinction avec les autres, c'est l'ajout de boutons qui permettent au docteur d'accéder à
la page des réservations

Figure 16 : page de home de docteur.

22
 1.3.4 ) bouton voir les reservations :

Une fois que docteur fait l'authentification . toutes les réservations effectuées par les patients dans
une date spécifique sont afficher a la table des reservations.

Figure 17 : Table des reservations.

1.4 ) Page doctors :

1.4.1) Page docteur de docteur et patient :
Cette page contient tous les docteurs qui sont disponible dans la platforme .

23
Figure 18 : Page docteur de docteur et patient.

24
1.4.2) Page docteur d’admin:

Figure 19 : Page docteur d’admin.

1.4.3 ) Bar de recherche:

Permet de filterer les doocteurs d’apret leur activite.

25
Figure 20 : Page de bar de recherche .

26
 1.4.4 ) Bouton Prendre une rendez-vous :
Cette page permet d’effectuees une reservation.

Figure 21 : Page de reservation.

1.4.5 ) Bouton Ajouter docteur :

Cette page permet d’ajouter un docteur.

Figure 22 : Page d’ajouter un docteur.

27
 1.5 ) Page cahier-medicale :

Quand on click sur boutton cahier-medivale qui trouve dans page home de docteur on vas passé à cette
page qui permet a docteur pour renseigner une consultation de patient et de l'entregistrer dans la table
des consulations

Figure 23 : Page cahier-medicale.

28
 1.6 ) Page consultation :

Cette page presente tous les consultation qui fait par la personne qui est actuellement connectée à la
plateforme avec chaque médecin.

Figure 24 : Table des consultations.

Conclusion
Dans ce chapitre, j’ai présenté les interfaces du site et comment ils fonctionnent.

29
 Conclusion Général

Conclusion Général

Le but de réaliser un rapport est de présenter de manière structurée et concise les informations,
les résultats, les analyses et les conclusions d'une étude, d'un projet ou d'une situation donnée. Il vise à
fournir une compréhension claire et détaillée du sujet traité, afin d'informer, de prendre des décisions
éclairées et d'éventuellement recommander des actions ou des améliorations.

Pour cela j'ai fait de mon mieux pour rédiger un rapport détaillé comprenant quatre chapitres. Le
premier chapitre présente le contexte et le sujet de manière approfondie. Le deuxième chapitre aborde
les outils que j'ai utilisés tout au long du projet. Le troisième chapitre concerne la conception du projet,
où j'ai détaillé les différentes étapes et décisions prises. Enfin, le quatrième chapitre traite de la réalisation
du projet, avec un focus particulier sur les détails de la plateforme utilisée.

Ce projet m'a été très utile car j'ai appris un peu de django et appliquer des nouvelles connaissances bien
que les connaissances acquises dans ma formation à l’ESTE.

30
 Bibliographie

https://youtube.com/playlist?list=PLknwEmKsW8OtK_n48UOuYGxJPbSFrICxm

https://fontawesome.com/

https://www.w3schools.com/django/

https://www.w3schools.com/bootstrap5/

31