Institut supérieur des études

Technologiques Mahdia.
Département Technologie de l’Informatique

Rapport de :

Stage Perfectionnement.

Elaboré par : Encadré par :

Maha messaoud Mohamed Yahya messaoud

Période de stage : 17-01-2022 / 17-02-2022

Société d’accueil : WICO TECHNOLOGY

Remerciement
 Au terme de ce travail, je tiens à remercier toutes les personnes qui ont contribué au
succès de mon stage.

Tout d’abord, j'adresse mes sincères remerciements à mon encadrant Mr. Mohamed
Yahya messaoud, au sein de la société WICO pour son accueil, le temps passé ensemble et
le partage de son expertise au quotidien, ainsi les connaissances qu’il a partagées avec moi.

Je le remercie aussi pour sa disponibilité et la qualité de son encadrement.

Grâce à sa confiance aussi, j'ai eu la possibilité de vivre cette expérience professionnelle tout
au long de mon stage.

Je remercie aussi tous les membres de l'équipe WICO pour leur accueil, leur esprit d'équipe,
leurs conseils et toutes les explications qu’ils ont fournis chaque fois que j’en avais besoin.

Pour finir, je voudrais exprimer ma reconnaissance envers mes parents, qui m’ont
apporté leur support moral et leurs mots tout au long de ma démarche.

Table des matières

Introduction générale..............................................................................................................................5
Chapitre I : Contexte Général.................................................................................................................7
Introduction :....................................................................................................................................7
I. Présentation de l’organisme d’Accueil :.........................................................................................7
1. Présentation de la société (WICO) :............................................................................................7
II. Présentation du projet :...................................................................................................................8
1. Le but à atteindre :......................................................................................................................8
2. Travail demandé :.......................................................................................................................8
Conclusion :......................................................................................................................................8
Chapitre II : Analyse et spécification.....................................................................................................9
Introduction :....................................................................................................................................9
I. Analyse des besoins :................................................................................................................9
1. Besoins fonctionnels :............................................................................................................9
2. Besoins non fonctionnels :....................................................................................................10
II. Spécification détaillée des besoins :...................................................................................11
1. Diagramme de cas d’utilisation :..........................................................................................11
2. Identification des acteurs :.................................................................................................13
Conclusion :....................................................................................................................................14
Chapitre III : Étude Conceptuelle.........................................................................................................15
Introduction :....................................................................................................................................15
I. Langage UML :.......................................................................................................................15
1. Présentation du langage UML :.........................................................................................15
2. Les avantages d'UML :......................................................................................................15
II. Description des diagrammes :............................................................................................16
1. Diagramme de classe :........................................................................................................16
Conclusion :.....................................................................................................................................17
Chapitre IV : Implémentation...............................................................................................................18
Introduction :....................................................................................................................................18
I. Environnement de développement........................................................................................18
1. Environnement matériel :..................................................................................................18
2. Environnement logiciel :.....................................................................................................18
1. Les technologies choisies :..................................................................................................19
II. Réalisation :.........................................................................................................................21
Conclusion :.....................................................................................................................................27

Liste des figures

Figure 1 : Le logo de wico............................................................................................................
Figure 2 : Diagamme de cas d’utilisation de Gestion de cabinet medicale..................................
Figure 3: Diagramme de cas d’utilisation de Gestion de patients................................................
Figure 4: Diagramme de classe ....................................................................................................
Figure 5: logo symfony.................................................................................................................
Figure 6 : logo bootstrap...............................................................................................................
Figure 7: logo mysql.....................................................................................................................
Figure 8: logo xampp....................................................................................................................
Figure 9: Creation Base de données..............................................................................................
Figure 10: signup..........................................................................................................................
Figure 11: signin...........................................................................................................................
Figure 12: dashboard docteur........................................................................................................
Figure 13: dashboard docteur dark mode......................................................................................
Figure 14: listes patients...............................................................................................................

Introduction générale
 De nos jours, le rôle de l’informatique devient indispensable et sa présence de plus en
plus répandue par son efficacité ainsi que son utilité. Ce fait s’explique par les applications
importantes de l’informatique dans presque tous les domaines.

Mon rapport est divisé en quatre chapitres principaux: contexte général, articulation des
besoins, conception et mise en œuvre. Pour ce faire, j'ai suivi la syntaxe suivante:

– Le premier chapitre présente le contexte général où j’introduis l’organisme d’accueil et le

langage de modélisation utilisé .

– Le deuxième chapitre intitulé «Analyse et spécification», présente les différents besoins

fonctionnels et non fonctionnels auxquels doit satisfaire l’application.

– La conception de notre solution sera présentée dans le chapitre trois.

– Le quatrième chapitre décrit les tâches accomplies .

– Et nous allons finir par une conclusion où je résume mon projet.

 Chapitre I : Contexte Général

Introduction :
Au niveau de ce chapitre, Je présente en premier lieu la société dans laquelle nous avons
effectué notre sujet de travail proposé tout en expliquant ses objectifs ainsi les fonctionnalités
nécessaires pour le réaliser.

I. Présentation de l’organisme d’Accueil :

Figure1 : logo société

1. Présentation de la société (WICO) :

WICO a été fondée en 2021. Elle se présente comme étant une société spécialisée dans
le développement des logiciels web, mobile, bureaux et systèmes informatiques. Cette
dernière offre à ses clients un très haut niveau de qualité de service.
Elle bénéficie d’un grand dynamisme, d’un esprit compétitif et surtout beaucoup
d’innovation.

WICO propose à ses clients un ensemble de services, parmi lesquels nous citons :
 ⦁ Analyse, conception et réalisation des logiciels standards et spécifiques.
⦁ Développement, vente, et maintenance des logiciels informatiques.

II. Présentation du projet :

Notre travail est réalisé dans le cadre de stage de perfectionnement. L’application « Gestion
de cabinet médicale » permet aux docteurs d’automatiser le traitement d’ajout les patients
avec leur fichier et le rendre plus facile, afin d’améliorer leurs rendements de travail et éviter
la perte des dossiers médicales.

1. Le but à atteindre :

Le but de notre projet est de créer une application web pour :

 Faciliter et organiser la gestion des patients.

 Gagner du temps et atteindre la satisfaction des clients.

2. Travail demandé :

Notre projet a pour objectifs :

 Apprendre la plateforme de développement web sous Symfony.

 Réaliser l’interface graphique pour l’application.
 Développer une base de données et l’intégrer dans l’application.
 Établir la connexion entre l’application et la base de données.

Conclusion :

Ce chapitre m’a permis de présenter le contexte général de mon projet à travers la description
de l'organisme d'accueil, et de cadre projet de l'étude.
Dans le prochain chapitre je me focalise sur l’activité d'expression des besoins
 Chapitre II : Analyse et spécification

Introduction :
La phase d'analyse et de spécification, est la première étape du processus de développement
que nous avons adopté. En effet, elle formalise et détaille ce qui a été ébauché au cours de
l'étude préliminaire, et permet de dégager l'étude fonctionnelle du système. Elle permet ainsi
d'obtenir une idée sur ce que va réaliser le système en termes de métier (comportement du
système). Tout au long de ce chapitre, nous commencerons par définir les besoins
fonctionnels et non fonctionnels de la solution que nous allons proposer, et présenter le
diagramme général de cas d’utilisation.

I. Analyse des besoins :

Cette partie va servir à poser les bases du recueil des besoins du système à réaliser. Pour
pouvoir clarifier les besoins des utilisateurs de notre application, nous allons présenter les
besoins fonctionnels ainsi que les besoins non fonctionnels. Voici en premier temps les
besoins fonctionnels :

1. Besoins fonctionnels :

Il s'agit des fonctionnalités du système. Ce sont les besoins spécifiant un comportement

d'entrée / sortie du Système.
Le système à concevoir doit permettre à l’utilisateur d’effectuer les opérations
suivantes :

Cas d’utilisation Description

S’authentifier Il s’agit de saisir les paramètres de connexion (Identifiant et Mot de

passe et valider les terms) pour accéder à l’application.
Gérer Patients Le docteur peut ajouter, supprimer, modifier un patient

Gérer CertificatsMedicales Permet au docteur d’effectuer des opérations sur les certificats
 médicales.
Ces opérations concernent, Affichage , ajout , suppression,
modification .
Gérer les ordonnances Le docteur peut ajouter, supprimer, modifier une ordonnance à un
patient

2. Besoins non fonctionnels :

Les besoins non fonctionnels concernent les contraintes à prendre en considération
pour mettre en place une solution adéquate aux attentes des concepteurs des
architectures dynamiques. Notre application doit nécessairement assurer ces
besoins :
 La sécurité : l’application devra être hautement sécurisée, les informations ne
devront pas être accessibles à tout le monde, c'est-à-dire que le site web est
accessible par un identifiant et un mot de passe attribué à une personne
physique.
 Besoins de performance : Le système doit répondre aux fonctionnalités
fondamentales d’une manière optimale et en un temps minimal.
 La fiabilité : Le système doit toujours être en mesure de fonctionner
correctement sans risque d’erreur et de panne.
 L’ergonomie : Les interfaces doivent être bien organisées, simples à manipuler
vu que l’application sera utilisée par des utilisateurs de différents niveaux de
maîtrise de l’outil informatique.
 Besoin de disponibilité et de fiabilité : Le système devra être opérationnel
d’une façon continue sauf pendant les phases de maintenances régulières du
système par l’administrateur.
 Le code doit être clair pour permettre des futures évolutions ou améliorations.
II. Spécification détaillée des besoins :
Nous présentons dans cette partie, les fonctionnalités principales ajoutées, en utilisant les
diagrammes UML et nous décrivons en détails chaque cas d’utilisation. Cette description est
utile pour délimiter le projet et planifier son déroulement.

1. Diagramme de cas d’utilisation :

Le diagramme de cas d'utilisation décrit les utilisations requises d'un système, ou ce qu'un
système est supposé faire. Les principaux concepts de ce diagramme sont les acteurs, cas
d'utilisation et sujets.

Un sujet représente un système avec lequel les acteurs et autres sujets interagissent.

Figure 2 : diagramme de cas d’utilisation système

 Figure 3 : diagramme de cas d utilisation gestion patients

 Description des cas d’utilisation « Gérer Patient »

Nom de cas : Gérer Patient.

Acteur : Docteur.

Pré_Condition : Le docteur choisit la gestion patients.

Post_Condition : Le docteur gére les patients.

Le cas d’utilisation : La gestion de patients tels que l’ajout ,la modification,la

supression,et l’affichage.
 2. Identification des acteurs :
Un acteur représente l'abstraction d'un rôle joué par des entités externes (utilisateur, dispositif
matériel ou autre système) qui interagissent directement avec le système étudié.

La mise en marche du système nécessite essentiellement un seul acteur :

Docteur : Le docteur est l’acteur gérant de l’application qui possède tous les droits dans l’application.
 Conclusion :
Ce chapitre présente une phase indispensable pour l’étude et l’analyse des besoins avant la
réalisation et la phase de développement de notre application. Nous avons défini les différents
besoins fonctionnels et non fonctionnels, nous avons présenté le diagramme de cas d’utilisation
général. Nous entamerons dans le chapitre suivant la conception de ces cas d’utilisation de cette
application.
 Chapitre III : Étude Conceptuelle

Introduction :
Penser avant d’agir, faire des plans avant de construire, concevoir d’abord, développer ensuite
c’est la démarche qui doit être suivre lors du développement d’une application et pour réussir
n’importe quel projet.
Nous allons présenter en détails la conception du projet à travers le diagramme UML suivant :
le diagramme de classes

I. Langage UML :
1. Présentation du langage UML :
UML, c’est l’acronyme anglais pour « Unified Modeling Language ». On le traduit par «
Langage de modélisation unifié ». La notation UML est un langage visuel constitué d’un
ensemble de schémas, appelés des diagrammes, qui donnent chacun une vision différente
du projet à traiter. UML spécifie plusieurs objectifs qui font un outil exact de
communication :
 Comprendre et décrire les besoins.

 Spécifier un système.

 Établir l’architecture logicielle.

2. Les avantages d'UML :

 UML est un langage formel et normalisé : il permet un gain de précision et de stabilité.
 UML est un support de communication performant : il permet grâce à sa représentation
graphique, d'exprimer visuellement une solution objet, de faciliter la comparaison et
l'évolution de solution.
 Son caractère polyvalent et sa souplesse en font un langage universel.
II. Description des diagrammes :

Dans le précédent chapitre, nous avons présenté le digramme de cas d’utilisation qui décrit le
comportement fonctionnel du système tel qu'il est vu par l'utilisateur, et ceci ne suffit plus.
C’est pour cela, que nous allons traiter en premier lieu le diagramme de classe, suivi en
deuxième lieu par le digramme de séquence qui décrit les différents composants et
fonctionnalités de notre solution.

1. Diagramme de classe :

 Le diagramme de classes est un schéma utilisé en génie logiciel pour présenter les classes et
les interfaces des systèmes ainsi que les différentes relations entre celles-ci. Ce diagramme
fait partie de la partie statique d'UML car il fait abstraction des aspects temporels et
dynamiques.

Dans notre diagrammes on 4 classes (Docteur , Patients, certificatsMedicales, Ordonnances ).

Figure 4 : Diagramme de classe de système

Conclusion :
Au cours de ce chapitre, nous avons présenté le diagramme qui décrivent les fonctionnalités
de notre application comme le diagramme de classe.

Dans le chapitre suivant, implémentation, nous allons formaliser ce qu’on vient d´écrire au
cours de ce chapitre : Étude conceptuel.
 Chapitre IV : Implémentation
Introduction :
Ce chapitre, est l’étape finale dans la préparation de notre rapport, il sera consacré pour
l’implémentation du travail réalisé dans tous les chapitres précédents. Ce chapitre est consacré
à la présentation de l’environnement matériel et logiciel utilisés pour le développement de la
solution proposée. Ensuite, j’expliquerai quelques captures d’écran des interfaces relatives à
l’application.

I. Environnement de développement
Dans cette partie je décris l’environnement matériel, logiciel et technique que j’ai choisi au
cours de la réalisation de mon application.

1. Environnement matériel :

L’équipement mis à notre disposition pour la réalisation du projet se compose d’un ordinateur
portable dont la configuration est la suivante :

– Processeur : Intel ® Core ™ i5-6500U CPU.

– 8 GO de mémoire vive.

– 500 Go d’espace disque.

2. Environnement logiciel :

Après avoir présenté les moyens matériels mis à notre disposition dans le cadre de réalisation
de ce projet, nous abordons dans cette partie les moyens logiciels utilisés.

Les logiciels utilisés pour la réalisation de ce projet ainsi que pour la rédaction du rapport
sont :

– Visuel Code : est un éditeur de code open-source, gratuit et multi-plateforme (Windows,

Mac et Linux), développé par Microsoft, il permet également de supporter déférents langages,
comme JavaScript, XML, PHP et HTML.

– LucidChart UML: Pour la réalisation des déférents diagrammes de modélisation.

– Microsoft Word : Pour la rédaction de rapport. 

 1. Les technologies choisies :

La technologie choisie dans la réalisation de notre application.

 Symfony :

Symfony est un ensemble de composants PHP ainsi qu'un Framework

MVC libre écrit en PHP. Il fournit des fonctionnalités modulables et
adaptables qui permettent de faciliter et d’accélérer le développement d'un
site web. 

Figure 5 : logo Symfony

 Bootstrap 
Bootstrap est un Framework frontend (HTML5, CSS et JavaScript) spécialement
conçu pour le développement d'application web "responsive", c'est-à-dire qui s’adapte
automatiquement à différents dispositifs et tailles d'écran (desktop, tablettes,
smartphones, ...). 

Figure 6 : logo Bootstrap

 MySQL :

MySQL est un serveur de bases de données relationnelles Open Source.

Un serveur de bases de données stocke les données dans des tables séparées plutôt que
de tout rassembler dans une seule table.

Figure 7 : logo MySQL

 Xampp

XAMPP est un ensemble de logiciels permettant de mettre en place un serveur Web

local, un serveur FTP et un serveur de messagerie électronique. Il s'agit d'une
distribution de logiciels libres offrant une bonne souplesse d'utilisation, réputée pour
son installation simple et rapide

Figure 8 : xampp

II. Réalisation :
Dans cette partie, on va présenter le travail réalisé dans notre projet à travers une sélection de
quelques imprimés écran des interfaces développées.

 Création de base de données : la base contient ici 3 tables (docteur, ordonnance et

patients)

Figure 9: création de base de données

 Sign up

Si le docteur n’a pas un compte il doit créer un compte pour

accéder à l’espace de gestion

Figure 10 : sign up

 Sign in

Si le docteur a un compte il suffit de login pour accéder à la gestion

Figure 11 :sign in
  Dashboard
Dashboard admin (docteur ) à travers cette Dashboard l’admin peut gérer les
patients , les certifs médicaux , les ordonnances et les dossiers médicaux.

Figure 12 :Dashboard docteur

 Dashbaord (Dark mode)

Figure 13 : dashboard docteur dark mode

  Liste Patients
On a ici la liste des patients ajoutées par le docteurs.

Figure 14 : liste patients

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érales
Ce stage a répondu à mes attentes en matière de développement, j’ai pu énormément
renforcer mes connaissances en Symfony.

Ce stage a vraiment été une expérience très enrichissante.

L’équipe a toujours été présente pour m’expliquer et me fournir des solutions pour mener à
bien les différentes missions qui m’étaient confiées.

Ce stage a vraiment confirmé mes ambitions futures de vouloir travailler en entreprise dans le
domaine de l’informatique.