REPUBLIQUE ALGERIENNE DEMOCRATIQUE ET POPULAIRE

MINISTERE DE L’ENSEIGNEMENT SUPERIEUR ET DE LA RECHERCHE SCIENTIFIQUE

ECOLE NATIONALE SUPERIEURE D’INFORMATIQUE

RAPPORT DE STAGE D’ETE

THEME

CONCEPTION ET REALISATION
D’UN SYSTEME DE GESTION
DES RENDEz-VOUS MEDICAUX

REALISE PAR : PROPOSE PAR :

- Zatout Badreddine - TRex IT Batna
- Option : SIL
- Groupe : 1

PROMOTION : 2020/2021
 Table des matières
Table des matières.............................................................................................................................2
Table de figures : ................................................................................................................................4
Remerciement : ...................................................................................................................................5
Introduction : .......................................................................................................................................6
Chapitre 1 : Présentation du Cadre de Stage ..........................................................................7
1. Présentation générale de stage : ......................................................................................7
2. Présentation général de l’entreprise :............................................................................7
a) Localisation géographique :........................................................................................7
b) Objectifs de l’entreprise : .............................................................................................8
c) Equipe : ................................................................................................................................8
d) Organigramme : ...............................................................................................................9
e) Service de l’entreprise : ................................................................................................9
Chapitre 2 : Etude de l’existant ................................................................................................. 11
1. Problématique : .................................................................................................................... 11
2. Critique : .................................................................................................................................. 11
3. Solution Proposée : ............................................................................................................. 11
Chapitre 3 : Conception ................................................................................................................ 12
1. Spécifications fonctionnelles : ........................................................................................ 12
2. Spécifications techniques :............................................................................................... 13
3. Identification des acteurs : .............................................................................................. 13
4. Diagramme des cas d’utilisations : ............................................................................... 14
5. Documentation des cas d’utilisations : ....................................................................... 15
6. Diagramme de class :.......................................................................................................... 18
7. Diagramme d’activité :....................................................................................................... 19
8. Diagrammes de Séquence : .............................................................................................. 20
a) Diagramme de Séquence du cas d’utilisation « Se connecter » : .............. 20
b) Diagramme de Séquence du cas d’utilisation « Afficher liste des
médecins et patients » :......................................................................................................... 22
c) Diagramme de Séquence du cas d’utilisation « Afficher Liste des RDV » :
24
d) Diagramme de Séquence du cas d’utilisation « Chercher un médecin » :
25
 e) Diagramme de Séquence du cas d’utilisation « Prendre un Rendez-vous
»: 26
Chapitre 4 : Réalisation................................................................................................................. 27
1. Les outils de développement :........................................................................................ 27
a) Laravel : ............................................................................................................................ 27
b) Mysql : ............................................................................................................................... 27
c) PHP :................................................................................................................................... 28
d) Html : ................................................................................................................................. 28
e) CSS : .................................................................................................................................... 28
f) Java Script : ......................................................................................................................... 29
g) Xampp : ............................................................................................................................. 29
h) GitHub : ............................................................................................................................. 30
i) VS Code : .............................................................................................................................. 30
j) Adobe XD : ........................................................................................................................... 31
2. Justification de choix technique : .................................................................................. 31
Conclusion :........................................................................................................................................ 32
Références :........................................................................................................................................ 33
 Table de figures :

Figure 1 - Logo de TRex IT .............................................................................................................7

Figure 2 - Localisation de l'entreprise TRex IT .....................................................................8
Figure 3 - Diagramme des cas d'utilisation .......................................................................... 14
Figure 4 - Diagramme des classes ............................................................................................ 18
Figure 5 - Diagrammes d'activités ........................................................................................... 19
Figure 6 - Diagramme de Séquence du cas d’utilisation " Se connecter" ................ 20
Figure 7 - Diagramme de Séquence du cas d’utilisation "Afficher liste des
médecins et patients" .................................................................................................................... 22
Figure 8 - Diagramme de Séquence du cas d’utilisation "Afficher Liste des RDV"
................................................................................................................................................................. 24
Figure 9 - Diagramme de Séquence du cas d’utilisation "Chercher un médecin" 25
Figure 10 - Diagramme de Séquence du cas d’utilisation "Prendre un Rendez-
vous" ..................................................................................................................................................... 26
Figure 11 - Laravel.......................................................................................................................... 27
Figure 12 - MySQL........................................................................................................................... 27
Figure 13 - PHP ................................................................................................................................ 28
Figure 14 - HTML 5......................................................................................................................... 28
Figure 15 - CSS 3 .............................................................................................................................. 28
Figure 16 - Java Script ................................................................................................................... 29
Figure 17 - Xampp........................................................................................................................... 29
Figure 18 - GitHub........................................................................................................................... 30
Figure 19 - VS Code ........................................................................................................................ 30
Figure 20 - Adobe XD ..................................................................................................................... 31
 Remerciement :

Je tiens tout d’abord à remercier le bon dieu Allah le tout puissant de m’avoir
aidé à accomplir ce travail.
Au terme de ce modeste travail je tiens à remercier chaleureusement et
respectivement tous ceux qui ont contribué de près ou de loin au succès de mon
stage et qui nous ont aidé lors de la rédaction de ce rapport.
Tout d'abord, je m’adresse mes remerciements à Mr ABDELHADI Youcef qui m’a
beaucoup aidé dans ma recherche de stage et m’a permis de postuler dans cette
entreprise.
Je tiens à remercier vivement mes maitres de stage, Mr ABDELHADI Youcef et
Mr FERROUDJ Houssam, pour leur accueil, le temps passé ensemble et le partage
de leur expertise au quotidien. Grâce aussi à leur confiance j’ai pu m’accomplir
totalement dans mes missions. Ils furent d'une aide précieuse dans les moments
les plus délicats.
Enfin, je tiens à remercier Mme AIT ALI YAHIA Dahbia pour cette opportunité de
faire un stage, car ça m’a bien donné une idée claire sur le monde de l’entreprise.
 Introduction :

Dans le cadre de formation d’ingénieurs d’états en informatique compétents

et pluridisciplinaires, L’École nationale Supérieure d’Informatique insiste sur la
compréhension de tous aspects relatifs au domaine informatique, également
l’intégration de l’étudiant au sein d’une entreprise et la familiarisation avec leur
environnement de travail futur, ceci à travers l’organisation d’un stage
obligatoire d’une durée de 4 à 6 semaines comme module du premier semestre
du cycle supérieur.
Le travail présenté dans ce rapport est réalisé par un étudiant de l’ESI
(Ecole nationale Supérieure d'Informatique) suite à un stage de durée
de 5 semaines au sein de l’entreprise TRex IT où on m’a confié la
conception et la réalisation d’un système, qui est une application web
pour la gestion des Rendez-Vous médicaux.
L’encadrement a été assuré par Mr ABDELHADI Youcef, gérant et
co-directeur de l’entreprise TRex IT.
Ce rapport est composé de quatre parties majeures :
 La première partie consistera à présenter l’entreprise, son
organigramme et ses différents membres (divisions).
 La deuxième partie présentera l’étude de l’existant (Poser la
problématique et énumérés les différentes fonctionnalités de la
solution proposée ainsi que ses utilités).
 La troisième et quatrième partie porterons sur la conception et la
réalisation de l’application (Spécification fonctionnelles/techniques,
Digramme de classes/Cas d’utilisation…) ainsi que les différents choix
techniques.
 La dernière partie sera dédiée à une conclusion qui traitera,
l’expérience et compétences acquises tout au long de cette période et
nos perspectives d’évolution sur le plan personnel et organisationnel.
 Chapitre 1 : Présentation du Cadre de Stage
1. Présentation générale de stage :
Dans le cadre de notre formation en Informatique à l’ESI (ex. I.N.I) je suis appelé
à réaliser un stage pratique durant l’été dans le milieu professionnel.
Le présent travail est un rapport de mon stage qui consiste à la conception et la
réalisation d’un system automatisé pour la gestion des Rendez-vous médicales.
Le travail a été réalisé du 19 aout 2020 jusqu’au 24 septembre 2020.

2. Présentation général de l’entreprise :

Trex IT est une société créée en 2019 opérant dans

l’informatique. Cette société basée à Batna a pour
objectif principal la recherche applicative dans le
domaine de développement informatique et digitale
marketing. Trex IT est composée de plusieurs services
chacun travaillant sur un domaine spécifique.

Trex IT est constituée essentiellement de jeunes

enthousiastes qui cherchent à innover et à donner le Figure 1 - Logo de TRex IT
meilleur d'eux même, en fournissant la meilleure
qualité. En choisissant les nouvelles technologies comme secteur d'activités, la
société a su s'imposer en Est d’Algérie et concurrencer les plus grandes
entreprises de la région

La société aide ses clients à développer leurs activités et à étendre leurs champs
d'action en proposant plusieurs services permettant l'optimisation de la
stratégie de communication, qui se basent essentiellement sur les nouvelles
technologies.

a) Localisation géographique :
TRex IT est située en 19 RUE BOUKHLOUF LHADI BUREAU 10 BATIMENT
MERZELKADE, Batna 05000
Figure 2 - Localisation de l'entreprise TRex IT

b) Objectifs de l’entreprise :
 TRex IT se fixe comme objectifs l'amélioration continue de l'expérience et
la maitrise des nouvelles technologies, afin de proposer à ses partenaires
les meilleurs services et une base de connaissances à niveau Equipe.
 TRex IT fonde son activité sur la satisfaction continue des besoins et
exigences de sa clientèle. La confiance qui lie TRex IT à ses partenaires est
animée par une politique de qualité de service irréprochable et une
maitrise des produits et services indiscutable.
 La parfaite maîtrise de ces différentes technologies et l'optimisation des
méthodes de travail garantissent à ses clients des solutions sur mesure et
parfaitement efficaces, dans le respect de leurs exigences.

c) Equipe :
TRex IT est composé d'une équipe jeune d'ingénieurs et techniciennes dans des
domaines variés telle que l'informatique, le marketing, génie industrielle et
finance. Cette variété dont fait objet l'équipe permet à TRex IT d'offrir un large
panel d'expertise et couvre toute l'activité et métiers de nos partenaires.
 d) Organigramme :
Direction générale

Développement Commercial Services

e

Gestion Mobile Web Desktop Paiement Design Digitale

de projet électronique marketing

Co-fondateurs: Abdelhadi Youcef, Ferroudj Houssam

e) Service de l’entreprise :
 Développement de solutions sur mesure : développement des solutions
informatique respectant les normes et satisfaisant les clients, ces solutions
peut être :
- Des solutions web comme des sites web, des applications web ou
l’installation des serveurs web.
- Des solutions desktop comme les applications de gestion.
- Des Solutions mobile dans les plateformes Android et IOS.
 Intégration des ERP : Un ERP (pour Enterprise Ressource Planning) est
une solution logicielle visant à unifier le système d’information d’une
entreprise en intégrant les différentes composantes fonctionnelles autour
notamment d’une base de données unique.
 Digitale Marketing : est la composante du marketing qui utilise Internet
et les technologies numériques en ligne telles que les ordinateurs de
bureau, les téléphones mobiles et d'autres médias et plates-formes
numériques pour promouvoir les produits et services.
 Design : Une conception est un plan ou une spécification pour la
construction d'un objet ou d'un système ou pour la mise en œuvre d'une
activité ou d'un processus, ou le résultat de ce plan ou de cette
spécification sous la forme d'un prototype, d'un produit ou d'un processus.
L’entreprise offre les designs des logos, banner ….
 Sponsoring : Le sponsoring désigne un soutien financier ou matériel
apporté à un événement, une entité ou un individu par un partenaire
annonceur en échange de différentes formes de visibilité de nature
publicitaire liées à l'événement ou l'individu soutenu, et l’entreprise offre
cette service en utilisant une page Facebook personnelle.
 Chapitre 2 : Etude de l’existant

1. Problématique :
La structure d’accueil de ce stage m’accordé le travail de répondre à un besoin
exprimé par l’un de ses clients, le problématique majeur est surtout au niveau de
la gestion de ses rendez-vous médicaux et l’organisation des malades, avant de
proposé une solution j’ai étudié le cas actuel de la situation et je suis arrivé à
conclure que le système de gestion n’est pas automatisé et risque de produire
plusieurs problèmes tels que :
- Mélanger les Rendez-vous de certaines malades
- Manque de flexibilité dans les relations internes
- Prendre des rendez-vous en des jours de repos de médecin
- Difficulté de trouver un médecin proche au lieu de résidence

2. Critique :
- Perte important de temps du travail
- Mal organisation des clients
- La nécessité d’automatiser le système
- Une grande chance de l’insatisfactions des clients

3. Solution Proposée :
Afin de répondre aux besoins de l’entreprise Trex IT, on a proposé d’automatiser
la gestion de rendez-vous en utilisant une application web.
Mon solution consiste à créer une application web que se décompose en deux
parties, une partie pour le médecin pour qu’il puisse organiser les rendez-vous,
et une partie pour le malade pour qu’il puisse prendre un chercher un médecin
désirer et prendre un rendez-vous.
Mon solution contient aussi un Dashboard qui permet de paramétrer le système
et garder trace sur les rendez-vous réservés et permet aussi de créer des
comptes pour les utilisateurs (médecins ou malades)
Pour réaliser ce travail j’ai opté pour le développement web afin de faciliter
l’accès à l’application et son utilisation, j’ai opté aussi pour l’utilisation d’une
base de données connectée qui permet de créer une applications collaboratives
riches en permettant un accès sécurisé à la base de données directement à partir
du code côté client. Les données sont conservées dans un serveur de l’entreprise
TRex IT.
 Chapitre 3 : Conception

1. Spécifications fonctionnelles :
 Le système doit permettre à un utilisateur de créer un compte
 Le système doit permettre à un utilisateur de se connecter
 Le système doit permettre trois type des utilisateurs : Admin, Médecin,
Patient
 Le système doit permettre à l’admin d’afficher la liste des médecins
 Le système doit permettre à l’admin d’afficher la liste des patients
 Le système doit permettre à l’admin d’activer/désactiver un compte d’un
médecin
 Le système doit permettre à l’admin d’activer/désactiver un compte d’un
patient
 Le système doit permettre à l’admin de modifier/supprimer un compte
d’un médecin
 Le système doit permettre à l’admin de modifier/supprimer un compte
d’un patient
 Le système doit permettre au médecin d’afficher la liste des Rendez-vous
 Le système doit permettre au médecin de changer son état de travail
 Le système doit permettre au médecin de spécifier l’heures de début de
travail dans un jour
 Le système doit permettre au médecin de spécifier l’heures de fin de
travail dans un jour
 Le système doit permettre au médecin de spécifier le nombre maximal des
rendez-vous dans un jour
 Le système doit permettre au médecin de spécifier la durée d’un rendez-
vous
 Le système doit permettre au médecin de valider un rendez-vous
 Le système doit permettre au médecin de changer l’état d’un rendez-vous
(fait, reporté, annulé)
 Le système doit permettre au patient de chercher un médecin
 Le système doit permettre au patient de chercher un médecin selon sa
spécialité
 Le système doit permettre au patient de chercher un médecin selon la
wilaya
 Le système doit permettre au patient de localiser médecin sur une map
 Le système doit permettre au patient de prendre un rendez-vous
 Le système doit permettre au patient de valider un rendez-vous
 2. Spécifications techniques :
 Le système est un application web
 Le front-end de l’application doit être crée avec html, css, bootstrap et java
script
 Le back-end de l’application doit être crée avec le Framework Laravel
 Le système doit utiliser une base de données Mysql
 Les requêtes au base de données doit être réalisé en utilisant Ajax
 Le système doit fonctionner en tous les navigateurs web
 Le système doit utiliser l’api de Google map

3. Identification des acteurs :

Un acteur présente une entité jouant un rôle défini par une ou plusieurs
fonctions, cette entité est externe au système mais elle est en interaction avec
celui-ci.
Trois acteurs peuvent intervenir au sein de système :
 Admin : Acteur possédant le contrôle total du fonctionnement du système.
C’est lui qui décide des usagers du système et de leurs droits. Le contrôle
des entités du système et aussi en sa possession.
 Médecin : Acteur possédant le contrôle sur la gestion des Rendez-vous et
les paramètres de systèmes
 Patient : Acteur Possédant le contrôleur la création des Rendez-vous
 4. Diagramme des cas d’utilisations :

Figure 3 - Diagramme des cas d'utilisation

 5. Documentation des cas d’utilisations :

CU Se Connecter

ID 2

Description Se connecter à l’application pour pourvoir bénéficier des

avantages de cette dernière

Acteurs Utilisateur
primaires

Acteurs /
Secondaires

Préconditions Avoir déjà inscrit dans l’application

1. Le CU commence lorsque l’utilisateur clique sur « se

Enchainement connecter »
principal 2. L’utilisateur entre son email et son mot de passe
3. Le système valide le compte et le mot de passe
4. Le système le dirige vers sa page par défaut

CU Afficher liste des médecins et patients

ID 3
Description Affiche une tables qui continent les médecins et les patients
inscris dans l’application web

Acteurs Admin
primaires

Acteurs /
Secondaires
PréconditionsAvoir déjà des médecins et des patient inscrit dans l’application
web
1. Le CU commence lorsque l’utilisateur se dirige vers sa page
Enchainement par défaut
principal 2. Le système affiche les deux tables

CU Afficher Liste des RDV

ID 5

Description Affiche une table qui contient la liste des rendez-vous

Acteurs Médecin
primaires

Acteurs /
Secondaires

Préconditions Avoir déjà des patients qui ont pris rendez-vous

1. Le CU commence lorsque l’utilisateur clique sur « Liste des

Enchainement Rendez-Vous »
principal 2. Le système affiche une table qui contient la liste des rendez-
vous

CU Chercher un médecin
ID 6
Description Chercher des médecins selon leur spécialité ou la wilaya
Acteurs Patient
primaires

Acteurs /
Secondaires
Préconditions Avoir déjà s’authentifier
1. Le CU commence lorsque l’utilisateur choisit la spécialité
Enchainement désirée ou la wilaya
principal 2. Le système affiche un tableau qui contient la liste des
médecins
3. Point d’extension : Localiser un médecin avec Google map

CU Prendre un Rendez-vous

ID 7

Description Réserver un rendez-vous médical

Acteurs Patient
primaires

Acteurs /
Secondaires

Préconditions Avoir déjà inscrit dans l’application,

1. Inclure (Chercher un médecin)

Enchainement 2. Le CU commence lorsque l’utilisateur clique sur « prendre
principal un rendez-vous »
3. Le système enregistre le rendez-vous.
 6. Diagramme de class :

Figure 4 - Diagramme des classes

 7. Diagramme d’activité :

Figure 5 - Diagrammes d'activités

 8. Diagrammes de Séquence :
Les diagrammes de séquence permettent de décrire comment les éléments du
système interagissent entre eux et avec les acteurs. Les objets au cœur d’un
système interagissent en s’échangeant des messages, les acteurs interagissent
avec le système au moyen d’interface homme-machine. Chaque cas d’utilisation
est distingué par un diagramme de séquences correspondant.
a) Diagramme de Séquence du cas d’utilisation « Se connecter » :

Figure 6 - Diagramme de Séquence du cas d’utilisation " Se connecter"

Deux cas sont possibles lors de l’authentification, ce qui justifie l’utilisation de
l’opérateur « alt », dans le premier cas ou l’information introduite par
l’utilisateur sont correcte le système accorde un accès à l’usage du système. Dans
le deuxième cas, le système refuse l’accès à l’utilisateur en lui affichant un
message d’erreur d’authentification et l’invitant à réintroduire de nouveau ses
identifiants.
Ce procédé est exécuté à chaque fois que l’utilisateur tente de s’authentifier, c’est
pour cela que nous avons utilisé l’opérateur « loop ».
 b) Diagramme de Séquence du cas d’utilisation « Afficher liste des médecins
et patients » :

Figure 7 - Diagramme de Séquence du cas d’utilisation "Afficher liste des médecins et patients"
Une fois authentifié avec une compte admin il se redirige à sa page par défaut.
L’admin peut : afficher la liste des médecins, afficher la liste des patients
 Afficher la liste des médecins : l’admin clique sur le bouton liste des
médecins, le système vérifier s’il existe des comptes des médecins, s’il
existe il les affiche dans tableau sinon la page reste vide.
 Afficher la liste des patients : l’admin clique sur le bouton liste des
médecins, le système vérifier s’il existe des comptes des médecins, s’il
existe il les affiche dans tableau sinon la page reste vide.
 c) Diagramme de Séquence du cas d’utilisation « Afficher Liste des RDV » :

Figure 8 - Diagramme de Séquence du cas d’utilisation "Afficher Liste des RDV"

Une fois authentifié avec une compte médecin il se redirige à sa page par défaut.
Le médecin clique sur le bouton liste des rendez-vous, le système vérifier dans la
base de données s’il existe des rendez-vous, si oui il les afficher dans table sinon
la page reste vide
 d) Diagramme de Séquence du cas d’utilisation « Chercher un médecin » :

Figure 9 - Diagramme de Séquence du cas d’utilisation "Chercher un médecin"

Une fois authentifié avec une compte médecin il se redirige à sa page par défaut.
Le patient peur chercher un médecin selon sa spécialité ou sa wilaya ou les deux,
après que la patient spécifie les informations de recherche il clique sur le bouton
Chercher, le système cherche dans la base de données sur les médecins qui
approuve les informations de recherche et les afficher dans une liste des cartes.
Si le patient clique sur localiser dans la carte d’un médecin, l’adresse du cabinet
de ce médecin et afficher dans Google map.
 e) Diagramme de Séquence du cas d’utilisation « Prendre un Rendez-vous
»:

Figure 10 - Diagramme de Séquence du cas d’utilisation "Prendre un Rendez-vous"

Après la liste des médecins et afficher pour le patient il clique sur le bouton
Prendre un rendez-vous après une petite fenêtre de confirmation apparait,
ensuite le patient clique sur le bouton Confirmer et finalement le système
sauvegarde le rendez-vous dans la base de données
 Chapitre 4 : Réalisation
1. Les outils de développement :
a) Laravel :
Laravel est un Framework web PHP open-source gratuit,
créé par Taylor Otwell et destiné au développement
d'applications web suivant le modèle architectural modèle
– vue – contrôleur (MVC) et basé sur Symfony. Certaines
des fonctionnalités de Laravel sont un système
d'empaquetage modulaire avec un gestionnaire de
dépendances dédié, différentes manières d'accéder aux
bases de données relationnelles, des utilitaires qui
facilitent le déploiement et la maintenance des applications
et son orientation vers le sucre syntaxique. Figure 11 - Laravel

Le code source de Laravel est hébergé sur GitHub et sous

les termes de la licence MIT.

b) Mysql :
MySQL est un système de gestion de base de
données relationnelle (SGBDR) open source.
Son nom est une combinaison de «My», le nom
de la fille du co-fondateur Michael Widenius, et
de «SQL», l'abréviation de Structured Query
Language. Une base de données relationnelle

organise les données en une ou plusieurs tables Figure 12 - MySQL

de données dans lesquelles les types de données
peuvent être liés les uns aux autres; ces relations aident à structurer les
données. SQL est un langage utilisé par les programmeurs pour créer, modifier
et extraire des données de la base de données relationnelle, ainsi que pour
contrôler l'accès des utilisateurs à la base de données. En plus des bases de
données relationnelles et SQL, un SGBDR comme MySQL fonctionne avec un
système d'exploitation pour implémenter une base de données relationnelle
dans le système de stockage d'un ordinateur, gère les utilisateurs, permet l'accès
au réseau et facilite les tests de l'intégrité de la base de données et la création de
sauvegardes.
 c) PHP :
PHP est un langage de script à usage général
particulièrement adapté au développement
Web. Il a été créé à l'origine par le
programmeur danois-canadien Rasmus
Lerdorf en 1994. L'implémentation de
référence PHP est maintenant produite par
The PHP Group. PHP signifiait à l'origine
Personal Home Page, mais il représente Figure 13 - PHP

maintenant l'initialisme récursif PHP:

Hypertext Preprocessor.
Le code PHP est généralement traité sur un serveur Web par un interpréteur
PHP implémenté sous la forme d'un module, d'un démon ou d'un exécutable CGI
(Common Gateway Interface). Sur un serveur Web, le résultat du code PHP
interprété et exécuté - qui peut être n'importe quel type de données, comme le
HTML généré ou les données d'image binaire - formerait tout ou partie d'une
réponse HTTP.

d) Html :
Le langage de balisage hypertexte (HTML) est le
langage de balisage standard pour les documents
conçus pour être affichés dans un navigateur Web.
Il peut être assisté par des technologies telles que
les feuilles de style en cascade (CSS) et des
langages de script tels que JavaScript.
Les navigateurs Web reçoivent des documents
HTML d'un serveur Web ou d'un stockage local et Figure 14 - HTML 5
convertissent les documents en pages Web
multimédias. HTML décrit la structure d'une page Web de manière sémantique
et inclut à l'origine des indices pour l'apparence du document.

e) CSS :
Les feuilles de style en cascade (CSS) sont un langage de feuille
de style utilisé pour décrire la présentation d'un document
écrit dans un langage de balisage tel que HTML. CSS est une
technologie de base du World Wide Web, aux côtés de HTML et
JavaScript.

Figure 15 - CSS 3
CSS est conçu pour permettre la séparation de la présentation et du contenu, y
compris la mise en page, les couleurs et les polices.

f) Java Script :
JavaScript, souvent abrégé en JS, est un langage de
programmation conforme à la spécification ECMAScript.
JavaScript est de haut niveau, souvent compilé juste à
temps et multi-paradigme. Il a une syntaxe entre
crochets, un typage dynamique, une orientation d'objet
basée sur un prototype et des fonctions de première
classe.
Outre HTML et CSS, JavaScript est l'une des technologies
de base du World Wide Web. JavaScript permet des
pages Web interactives et constitue une partie Figure 16 - Java Script
essentielle des applications Web. La grande majorité des
sites Web l'utilisent pour le comportement des pages côté client, et tous les
principaux navigateurs Web disposent d'un moteur JavaScript dédié pour
l'exécuter.

g) Xampp :
XAMPP est un package de pile de solutions de serveur Web
multiplateforme gratuit et open source développé par Apache
Friends, composé principalement du serveur HTTP Apache,
de la base de données MariaDB et d'interprètes pour les
scripts écrits dans les langages de programmation PHP et
Perl. Étant donné que la plupart des déploiements de serveurs
Web utilisent les mêmes composants que XAMPP, cela rend
possible la transition d'un serveur de test local à un serveur
en direct.
La facilité de déploiement de XAMPP signifie qu'une pile Figure 17 - Xampp

WAMP ou LAMP peut être installée rapidement et simplement

sur un système d'exploitation par un développeur, avec l'avantage que les
applications complémentaires courantes telles que WordPress et Joomla ! peut
également être installé avec une facilité similaire à l'aide de Bitnami.
 h) GitHub :
GitHub est une société américaine qui fournit un
hébergement pour le contrôle de version de développement
de logiciel à l'aide de Git. C'est une filiale de Microsoft, qui a
acquis la société en 2018 pour 7,5 milliards de dollars. Il
offre toutes les fonctionnalités de contrôle de version
distribuée et de gestion du code source (GDS) de Git, ainsi
que l’ajout de ses propres fonctionnalités. Il fournit un
contrôle d'accès et plusieurs fonctionnalités de
collaboration telles que le suivi des bogues, les demandes de
fonctionnalités, la gestion des tâches et les wikis pour Figure 18 - GitHub

chaque projet.
GitHub propose des plans pour des comptes gratuits, professionnels et
d'entreprise. Les comptes gratuits GitHub sont couramment utilisés pour
héberger des projets open source.
Depuis janvier 2019, GitHub offre des référentiels privés illimités pour tous les
plans, y compris les comptes gratuits. En mai 2019, GitHub avait plus de 37
millions d'utilisateurs et plus de 100 millions de référentiels (dont au moins 28
millions de référentiels publics), ce qui en fait le plus grand hébergeur de code
source au monde.

i) VS Code :
Visual Studio Code est présenté lors de la conférence des
développeurs Build d'avril 2015 comme un éditeur de code
multi-plateforme, open source et gratuit, supportant une
dizaine de langages.
Il est basé sur Electron, une structure utilisée pour déployer
des applications Node.js pour le bureau exécuté sur le
moteur Blink. Bien qu'il utilise le Framework Electron, le

logiciel n'utilise pas Atom mais utilise le même composant Figure 19 - VS Code
éditeur (nommé "Monaco") utilisé dans Azure DevOps
(anciennement appelé Visual Studio Online et Visual Studio Team Services).
Le code source est fourni sous la licence libre MIT (plus précisément la licence
MIT) sur le site du projet sur Github. En revanche, l'exécutable est proposé sur le
site officiel de Microsoft sous une licence propriétaire.
 j) Adobe XD :
Adobe XD est un outil de conception d'expérience utilisateur
basé sur le vecteur pour les applications Web et les applications
mobiles, développé et publié par Adobe Inc. Il est disponible
pour MacOs et Windows, bien qu'il existe des versions pour iOS
et Android pour aider à pré-visualiser le résultat du travail
directement sur appareils mobiles. Adobe XD prend en charge le
wireframing de site Web et la création de prototypes cliquables.
Figure 20 - Adobe XD

2. Justification de choix technique :

Afin de répondre aux exigences techniques et fonctionnelles de notre client,
nous avons opté à utiliser le Framework Laravel basé sur le langage PHP, nous
avons également utilisé pour implémenter notre base de données MySQL, les
raisons pour lesquelles nous avons choisis ces technologies sont les suivantes :
 Laravel : Laravel est aujourd’hui une solution largement reconnue dans le
monde informatique et très populaire pour le développement de logiciels
personnalisé. L’un des avantages les plus importants du choix de Laravel
pour le développement de vos applications Web réside dans ses capacités
à fournir une sécurité de haut niveau. Laravel possède une puissante
communauté de développeurs qui fournit en permanence une assistance
pour la rendre plus flexible et évolutive.
 MySQL : MySQL est très utilisé avec PHP et ses Framework ce qui facilite
le travail. Le serveur MySQL est très rapide. Des tests de performances
sont disponibles sur le site de MySQL. MySQL est beaucoup plus simple à
utiliser que la plupart des serveurs de bases de données commerciaux.
MySQL dispose d'un système de sécurité permettant de gérer les
personnes et les machines pouvant accéder aux différentes bases.
 Conclusion :

Ce stage m’a permis, en étant un futur ingénieur de mettre en pratique mes

connaissances acquises tout au long de ma formation, de se familiariser avec le
milieu professionnel et d’acquérir de nouvelles compétences en matière de
communication, gestion de projet et de développement mobile.
Ce qui conduit à l’élaboration de ce rapport, qui est le résultat d’un stage
pratique de 5 semaines au sein de l’entreprise Trex IT où j’ai réussi à satisfaire
les différentes contraintes et besoins de cette dernière et réalisé un système
complet pour la gestion des rendez-vous médical. Mon système permet aux
Patients de Prendre des Rendez-vous en ligne en choisissons le médecin désiré
selon la spécialité et la wilaya et il permet aussi au médecin d’organiser les
Rendez-vous afin de ne pas tomber dans des cas indésirables.
Enfin, cette expérience en entreprise a été extrêmement gratifiante et
enrichissante, tant sur le plan professionnel que personnel. En effet, ce stage a
pleinement contribué à renforcer mes connaissances et compétences techniques
dans le domaine du développement Web. Il m’a également offert une bonne
préparation à ma insertion professionnelle.
Cette expérience a conforté mon désir d'exercer ma futur métier d'ingénieur en
informatique.
 Références :

 https://www.w3schools.com/html

 https://www.w3schools.com/css

 https://www.w3schools.com/js

 https://www.w3schools.com/js/js_ajax_intro.asp

 https://www.w3schools.com/php

 https://laravel.com/docs