Réf : …/………… AU : 2022-2023

MINISTERE DE L’ENSEIGNEMENT BURKINA FASO

SUPERIEUR, DE LA RECHERCHE *******
ET DE L’INNOVATION Unité - Progrès - Justice
**********
ECOLE POLYTECHNIQUE
DE OUAGADOUGOU
**********
INSTITUT DU GENIE INFORMATIQUE ET
DES TELECOMS (IGIT)

Rapport de projet de fin d’année

Intitulé : Conception et réalisation d’une plateforme pour la gestion des salles.

Réalisé par :

Wend-kuni Marie Astride NARE

Koguili Reine Eulalie THIOMBIANO

Niveau : IC2 en Génie Informatique

Encadrant :

Docteur Thierry BAYALA

Membres du jury :

Nom et prénom (s)

Président

Membres
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Remerciements

Avant d'entamer ce présent rapport, nous tenons à exprimer nos sincères remerciements à toutes
les personnes qui ont contribué de près ou de loin à la réalisation de notre projet de fin d'année.
Nous sommes reconnaissantes envers toutes les personnes qui ont partagé leur expertise, leur
soutien et leur connaissance avec nous durant nos deux années de parcours ingénieur, rendant
ainsi la conception et la réalisation de ce présent projet possible.

Nous adressons nos remerciements à l'ensemble du corps enseignant de l'École polytechnique de

Ouagadougou, en particulier celui de l'Institut du génie informatique et des télécommunications,
pour la connaissance inculquée, la guidance précieuse, les conseils éclairés et le soutien constant
dont nous avons bénéficié tout au long de ce projet. Cette disponibilité et cette implication ont
grandement contribué à notre réussite.

Nos remerciements vont également à l'endroit de toute l'administration de l'EPO pour son appui
inconditionnel. Son engagement pour l'excellence académique a créé un environnement propice
à l'apprentissage et au développement de compétences.

i
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Table des matières

Remerciements......................................................................................................................................
Liste des figures..................................................................................................................................
Résumé................................................................................................................................................
Abstract................................................................................................................................................
Fiche-synthèse.....................................................................................................................................
Liste des sigles et abréviations...........................................................................................................
Introduction générale............................................................................................................................
CHAPITRE I : Analyse des besoins et conception..............................................................................
Introduction.............................................................................................................................................9
1.1 Étude de l’existant........................................................................................................................9
1.2 Analyse des besoins...................................................................................................................10
1.3 Conception.................................................................................................................................12
1.4 Démarche - Méthodologie utilisée.............................................................................................16
Conclusion.............................................................................................................................................17
CHAPITRE II : Réalisation................................................................................................................
Introduction...........................................................................................................................................18
2.1 Choix technologiques et environnements de développement....................................................18
2.2 Fonctionnalités réalisées............................................................................................................21
2.3 Interfaces ou le prototype..........................................................................................................22
Conclusion.............................................................................................................................................28
Conclusion générale...........................................................................................................................
Webographie.........................................................................................................................................30

ii
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Liste des figures

Figure 1: Diagramme de classe..........................................................................................13

Figure 2: Diagramme de cas d’utilisation..........................................................................15
Figure 3: Diagramme de séquence....................................................................................16
Figure 4: Page d’accueil du site.........................................................................................22
Figure 5: Page d’accueil sur smartphone...........................................................................23
Figure 6: Page affichant le programme de la semaine d’une classe..................................23
Figure 7: Page d'impression du programme......................................................................24
Figure 8: Page à propos de nous........................................................................................24
Figure 9: Page contacter nous............................................................................................25
Figure 10: Page de connexion du coordonnateur..............................................................25
Figure 11: Page connectée d'un coordonnateur : sélectionner une classe pour ajouter un
planning.............................................................................................................................26
Figure 12: Page connectée d'un coordonnateur : sélectionner un jour de la semaine pour
ajouter un planning............................................................................................................26
Figure 13: Page de planification de cours..........................................................................27
Figure 14: Interface montrant l’ajout d’une salle..............................................................27
Figure 15: Interface d’ajout de coordonnateur..................................................................28

iii
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Résumé
Ce rapport porte sur la conception et la réalisation d'une plateforme de gestion de salles. Il s'agit
de mettre en place une plateforme améliorant l'efficacité des processus liés à la gestion des salles
de classe.

Après la phase de l'analyse des besoins, nous sommes passés à la conception avec des
technologies soigneusement choisies, à savoir, HTML, CSS, PHP, JavaScript et MySQL afin de
garantir une expérience utilisateur optimale, aussi bien sur les ordinateurs de bureau que sur les
appareils mobiles.

La structure de la plateforme repose sur le langage de balisage HTML pour la création des pages
Web, le stylisme est assuré par CSS pour garantir une présentation visuelle attrayante et
responsive. L'interactivité est intégrée grâce à JavaScript, permettant une expérience utilisateur
dynamique et fluide.

Côté serveur, le langage de programmation PHP est employé pour traiter les données et gérer les
fonctionnalités backend. La base de données MySQL est utilisée pour stocker de manière
sécurisée et organisée les informations relatives aux salles, aux réservations, aux utilisateurs, etc.

La plateforme offre des fonctionnalités clés telles que la programmation des cours, la réservation
des salles, la visualisation et l'impression des programmes, la gestion des utilisateurs et des
autorisations.

iv
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Abstract
This report focuses on the design and implementation of a classroom management platform. The
aim is to establish a platform that enhances the efficiency of processes related to classroom
management.

Following the needs analysis phase, we proceeded with the design using carefully selected
technologies, namely HTML, CSS, PHP, JavaScript, and MySQL to ensure an optimal user
experience on both desktop computers and mobile devices.

The platform's structure relies on the HTML markup language for creating web pages, styling is
ensured by CSS to guarantee an attractive and responsive visual presentation. Interactivity is
integrated through JavaScript, enabling a dynamic and smooth user experience.

On the server side, the PHP programming language is used to process data and manage backend
functionalities. The MySQL database is employed to securely and systematically store
information related to classrooms, reservations, users, etc.

The platform offers key features such as course scheduling, room reservations, program
visualization and printing, as well as user and permission management.

v
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Fiche-synthèse

Ville Ouagadougou
Nom du tuteur M. Thierry BAYALA

Les principales tâches -Etude de l’existent ;

réalisées -Phase de conception de la plateforme ;
-Phase de développement de la plateforme ;
- Test.

Le projet a-t-il une partie 20

conception ? Si oui
combien de jours ?
Le projet a-t-il une partie 25
développement ? Si oui
combien de jours ça a pris.
Quels sont les prérequis Connaissances en développement web frontend avec html, css
pour ce projet en termes de et backend avec PHP.
compétences techniques ?
Les outils et logiciels Visual Studio Code
utilisés durant le projet Xampp server
Microsoft Edge
Power AMC Designer
Méthodologies utilisées Conception, développement en PHP avec la structure MVC
durant le projet puis présentation des résultats et correction grâce aux apports et
suggestions.

vi
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Liste des sigles et abréviations

EPO : Ecole Polytechnique de Ouagadougou

IGIT : Institut de Génie Informatique et des Télécommunications

EPSCT : Etablissement Public à Caractère Scientifique, Culturel et Technique

UML : Unified Modeling Language

MVC : Modèle Vue Contrôleur

SGBD : Système de Gestion de Base de Données

SGBDR : Système de Gestion de Base de Données Relationnel

SQL: Structured Query Language

MS SQL: Microsoft SQL

DB: DataBase

PHP: Hypertext Preprocessor

HTML: Hypertext Markup Language

CSS: Cascade Style Sheet

vii
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Introduction générale
Le projet de fin d'année, dans le parcours d’ingénieur de conception, à l'École Polytechnique de
Ouagadougou (EPO) représente une étape significative. C’est ainsi que nous avons choisi pour
notre projet de fin de deuxième année le projet dédié à la conception et à la réalisation d'une
plateforme de gestion de salles. Cette plateforme se positionne comme un outil essentiel pour
optimiser l'utilisation des ressources éducatives au sein de notre établissement.

L'EPO, établie en tant qu'Établissement Public à caractère Scientifique, Culturel et Technique

(EPSCT), nous a offert l'environnement propice pour développer nos compétences en ingénierie.
Notre plateforme vise à répondre aux besoins croissants en matière de gestion efficace des salles de
classe, en facilitant la planification des cours et en offrant une expérience améliorée aux enseignants
et aux étudiants.

Au cours de ce projet, nous avons suivi une approche méthodique, adaptée aux exigences
spécifiques du développement de la plateforme de gestion de salles. L'objectif ultime est de fournir
une solution pratique et innovante qui contribuera à l'amélioration continue de l'environnement
éducatif au sein de l'EPO.

Dans ce rapport, nous présenterons en détail les différentes phases de notre projet, de la conception
à la réalisation. Nous décrirons également les technologies que nous avons mises en œuvre pour
atteindre nos objectifs. Ce projet reflète notre engagement envers l'excellence académique et notre
volonté de contribuer de manière significative au domaine du génie informatique. Nous espérons
que cette plateforme de gestion de salles deviendra un outil essentiel pour l'EPO, favorisant une
utilisation plus efficiente des infrastructures éducatives.

8
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

CHAPITRE I : Analyse des besoins et

conception
Introduction
Le présent chapitre marque le commencement de notre exploration approfondie du projet de
conception et de réalisation d'une plateforme de gestion de salles au sein de l’EPO. Dans cette phase
préliminaire, nous nous attarderons sur l'étude de l'existant, visant à analyser minutieusement le
contexte actuel de la gestion des salles de classe au sein de notre établissement.
L'État des lieux, première section de ce chapitre, nous plongera dans l'infrastructure existante dédiée
à la gestion des salles, ainsi que dans les processus actuellement en place. Cette analyse approfondie
nous permettra de cerner les forces et les faiblesses de l'environnement actuel, jetant ainsi les bases
de notre démarche vers une solution innovante.
La seconde section de ce chapitre se penchera sur la problématique traitée. Nous mettrons en
lumière les défis concrets et les besoins non satisfaits que nous avons identifiés au cours de notre
étude. Ces éléments constituent la raison d'être de notre projet, justifiant la nécessité impérieuse de
mettre en œuvre une plateforme de gestion de salles plus efficace et adaptée aux besoins spécifiques
de l'EPO.
En somme, ce chapitre d'introduction éveillera votre compréhension quant à la réalité actuelle de la
gestion des salles de classe à l'EPO, tout en soulignant les enjeux cruciaux qui motivent notre
engagement dans ce projet novateur. Notre objectif ultime est de contribuer significativement à
l'optimisation de l'utilisation des ressources éducatives au sein de notre institution.

1.1 Étude de l’existant

L'école polytechnique de Ouagadougou a ouvert ses portes en 2017 avec les classes préparatoires.
En 2018, il y avait trois classes de MPSI plus les deux classes de MP. En 2019, il y avait également
trois classes de MPSI, deux classes de MP et toujours aucune salle informatique. En 2020, on
comptait deux classes de MP, quatre classes, soit deux classes de MPSI et deux classes de PCSI,
quatre classes au cycle ingénieur, soit au total dix (10) salles de classe pour une seule salle
informatique. En 2021, on comptait deux classes, dont une classe de MP et une classe de PC, deux

9
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

classes, dont une classe de MPSI et une classe de PCSI, et neuf classes au cycle Ingénieur. Soit un
total de treize (13) salles de classe pour une seule salle informatique.

De ces faits, on constate que le nombre de classe connait une croissance remarquable, tandis que les
salles physiques ont un nombre fixe qui tend à diminuer, car certaines sont transformées en
laboratoires. Il est donc plus que nécessaire de penser à une bonne gestion de ces salles, de sorte à
ce qu’un cours ne rencontre pas un retard dans son évolution à cause de l’indisponibilité d’une salle
commune indispensable à cette matière.

Dans une université dépourvue de solutions technologiques avancées, le système de gestion de

salles demeure non digitalisé, engendrant divers défis opérationnels. Les réservations de salles sont
effectuées manuellement, nécessitant la présence physique des utilisateurs au bureau dédié, ce qui
peut entraîner des retards et des inconvénients. Les informations sur les réservations et les emplois
du temps des salles sont communiquées à l'aide d'affichages physiques et de tableaux d'affichage,
générant des inefficacités, en particulier pour les mises à jour de dernière minute. La gestion des
conflits de réservation est traitée manuellement, augmentant le risque d'erreurs humaines et de
double-réservations. La collecte de données sur l'utilisation des salles et la génération de statistiques
pertinentes sont fastidieuses. Les utilisateurs ont une faible flexibilité pour gérer leurs réservations,
et l'absence de notifications automatiques peut entraîner des oublis. En outre, le suivi des demandes
spéciales et des configurations particulières des salles est effectué manuellement, créant des
possibilités d'erreurs et de communication inefficace. En adoptant une solution digitalisée, ces défis
pourraient être surmontés, automatisant les processus, améliorant la communication et permettant
une gestion plus efficace des ressources.

1.2 Analyse des besoins

1.2.1 Description du thème

Le thème qui fait l’objet de notre travail de fin d’année est intitulé conception et réalisation d’une
plateforme de gestion de salle.

On entend par gestion de salle de classe l’ensemble des techniques qui permettent une
administration efficiente de l’occupation des salles de classe.

La conception ici consiste à élaborer une solution pour une meilleure gestion des salles de classe
c’est-à-dire penser à la structuration d’une plateforme chargée de cette gestion. Pour mener à bien
cette conception, nous allons avant tout faire une analyse du système à travers la réalisation de
diagramme de cas d’utilisation, de diagramme de classe et de diagramme de séquence.

10
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Ce projet consiste donc à concevoir et à développer une plate-forme permettant de gérer les salles
de classes au sein de l’Ecole Polytechnique de Ouagadougou. Elle doit alors offrir la possibilité de
réserver une salle à l’avance, mais aussi permettre aux étudiants de consulter les réservations
effectuées par leurs enseignants.

Cette plate-forme vise essentiellement à procurer un environnement adéquat pour la répartition du

matériel immobilier. Cela permettra une occupation optimale des ressources disponibles et une
meilleure exploitation du temps imparti à chaque professeur sans désagréments causés par une
indisponibilité de ressources.

Elle vise aussi à permettre aux élèves d’économiser le temps et l’énergie qu’ils auraient à perdre en
recherchant la salle dans laquelle se déroulera leur cours car ils sauront à l’avance où se rendre.

1.2.2 Objectifs
1.2.2.1 Objectif général
L’objectif principal visé est de permettre une meilleure gestion des ressources immobilières au sein
de l’EPO.

1.2.2.2 Objectifs spécifiques

 Permettre à un enseignant de l’EPO d’accéder à la plateforme afin de se renseigner sur son

programme de cours et le nom de salle dans laquelle le cours doit être fait,
 Permettre aux étudiants de consulter leurs programmes de cours et les imprimer si besoin,
 Permettre aux coordonnateurs des instituts d’avoir un espace centralisé pour la planification
des cours.

1.2.3 Outils utilisés

1.2.3.1 Power AMC
Power AMC est un logiciel de conception sous licence qui permet de modéliser les traitements
informatiques et leurs bases de données associées en vue de la réalisation de systèmes
d’information. Il a été créé par la société SAP sous le nom de AMC*Designer, qui fut racheté par
POWERSOFT à son tour par Sybase en 1995.

Il existe en version française et simple à prendre en main pour les utilisateurs ayant une expérience
dans la modélisation des systèmes d’information. C’est l’un des premiers outils pouvant effectuer à
la fois l’élaboration des différents modèles de MERISE ou d’UML de manière graphique et
d’implémenter quel que soit le SGBD de manière automatique.
1.2.3.2 Visual Studio Code
Visual Studio Code est un éditeur de code extensible développé par Microsoft pour Windows,
Linux et MacOs. Les fonctionnalités incluent la prise en charge du débogage, la mise en évidence
de la syntaxe, la complétion intelligente du code et Git intégré. Dans le sondage auprès des

11
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

développeurs en 2021, VS Code a été classé comme l’outil d’environnement de développement le

plus populaire. Il peut être utilisé avec une variété de langages de programmation, notamment Java,
JavaScript, Node.js, C++, CSS et HTML grâce au téléchargement d’extensions de langage.

1.2.3.3 MySQL
MySQL fait partie des logiciels de gestion de base de données les plus utilisés au monde, autant par
le grand public que par des professionnels. Il est distribué sous une double
licence GPL et propriétaire.

MySQL Database Service est un service natif d’Oracle Cloud Infrastructure entièrement géré qui
automatise des tâches telles que la sauvegarde et la restauration, ainsi que l’application de correctifs
aux bases de données et au système d’exploitation.

Nous avons en outre choisi MySQL car c’est la base de données open source la plus populaire au
monde qui est de surcroit gratuite.

1.3 Conception
La conception d’une plateforme pour la gestion des salles repose sur une approche
minutieuse visant à répondre de manière efficace aux besoins identifiés lors de l'analyse. Cette
conception reflète notre engagement envers une expérience utilisateur optimale, soutenue par une
conception intelligente, des fonctionnalités adaptatives et une évolutivité continue pour répondre
aux besoins de nos utilisateurs. Pour mieux expliquer cette conception, nous avons réalisé trois
diagrammes UML (Unified Modeling Language) pour faciliter la compréhension de l’architecture
de notre système.

1.3.1 Diagramme de classe

Un diagramme de classe est un type de diagramme UML utilisé pour représenter la structure
statique d'un système logiciel. Il offre une vue conceptuelle des classes dans le système, de leurs
attributs, de leurs méthodes, et des relations entre elles. De plus, il présente une vue d’ensemble de
la base de données. Un diagramme de classe fournit aussi une représentation visuelle de la structure
du système, aidant les développeurs à comprendre l'organisation des classes, leurs relations, et les
interactions entre elles. Il est largement utilisé dans le processus de conception logicielle pour
planifier et documenter l'architecture d'un système.

12
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

a. La liste des attributs

Classe Attributs Type Visibilité
Cours titre VARCHAR public
date DATE public
heure VARCHAR public
volume horaire INT public
code ECUE INT public
type VARCHAR public
Salle idsalle INT public
inutilé VARCHAR public
capacité INT public
spécification VARCHAR public
Classe idclasse INT public
nom VARCHAR public
institut VARCHAR public
Coordonnateur idprof INT public
nom VARCHAR public
prénom VARCHAR public
statut VARCHAR public
institut VARCHAR public
username VARCHAR public
motdepasse VARCHAR public

b. Diagramme de classe

Figure 1: Diagramme de classe

13
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

1.3.2 Digramme de cas d’utilisation

Un diagramme de cas d'utilisation UML est une représentation graphique qui illustre les
interactions entre les utilisateurs (acteurs) et un système logiciel. Il met en évidence les différentes
fonctionnalités du système du point de vue de l'utilisateur.

a. La liste des acteurs

Coordonnateur : cet acteur peut

 Ajouter une réservation d’une salle,

 Modifier une réservation,
 Supprimer une réservation.
Étudiant : cet acteur peut

 Consulter le programme,
 Imprimer le programme.
Professeur : cet acteur peut

 Consulter le programme,
 Imprimer le programme.
Administrateur : cet acteur peut

 Administrer le système c’est-à-dire ajouter, supprimer ou modifier une salle, une classe
ou coordonnateur.
Système de gestion

 Charger des authentifications.

b. Les cas d’utilisateurs

Ce tableau est une description des différents cas d’utilisation.

Cas d’utilisation Description

Ajouter Ajouter une réservation de salle de classe
Modifier Modifier une réservation c’est-à-dire
changée l’heure la salle ou le jour
Supprimer Enlever une réservation de la liste des
réservations
Consulter Consulter la liste des différentes réservations
Imprimer Imprimer au besoin la liste des différentes
réservations
Authentifier Fournir son nom d’utilisateur et son mot de

14
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

passe pour authentification

Administrer Créer un profil, modifier, supprimer, voir la
liste des profils

c. Le diagramme

Figure 2: Diagramme de cas d’utilisation

1.3.3 Diagramme de séquence

Diagramme de séquence du cas d’utilisation : réserver salle

Les diagrammes de séquences sont la représentation graphique des interactions entre les acteurs et
le système selon l’ordre chronologique des échanges de messages. Il permet de montrer les relations
d’objets dans le cadre d’un scénario d’un diagramme de cas d’utilisation.
Le diagramme de séquence fait ressortir :
 Les acteurs,
 Les objets,
 Les messages.

15
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Les messages traduisent les échanges d’informations entre les objets. Une ligne verticale en
pointillé est attachée à chaque objet et représente sa durée de vie. Les traits horizontaux en pointillé
correspondent aux messages de retour.

Figure 3: Diagramme de séquence

1.4 Démarche - Méthodologie utilisée

Pour atteindre notre objectif final, la réalisation complète de la plateforme web pour la gestion des
salles, nous avions adopté une méthode de conception orientée objet. Cette démarche que nous
avions longuement étudiée est constitué de plusieurs parties.

16
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

1.4.1 Phase d’analyse

Cette phase nous a permis de comprendre les besoins de notre système (plateforme web). Ce qui a
facilité l’élaboration des spécifications de notre système dont les spécifications générales,
fonctionnelles, d’interface et les spécifications techniques.

1.4.2 Phase de conception

La conception revient à fournir une description fonctionnelle du système en utilisant une méthode.
De façon plus explicite, elle se résume à concevoir l'architecture logicielle, à déterminer les
composants du système, à créer des diagrammes UML (Unified Modeling Language) pour
représenter les relations entre les différents éléments, et produire des documents détaillant la
conception de la plateforme web.

1.4.3 Phase de codage

L’implémentation a consisté à produire le code source de la plateforme web répondant exactement

aux spécifications définies et retenues en utilisant les langages de programmation appropriés.

1.4.4 Phase de tests

La phase de tests est la phase de vérification du fonctionnement de la plateforme web. Nous devions
nous assurer que le site répond exactement aux éléments de notre cahier de charges.

1.4.5 Phase de maintenance

La maintenance du système a consisté d’abord à identifier et corriger les erreurs après le

déploiement et à s’assurer de son bon fonctionnement continu. Ensuite nous devons adapter la
plateforme web aux éventuels changements qui ont lieu. Enfin, nous devons apporter des
améliorations sur la plateforme web telles que celles signalées par les utilisateurs, réajuster les
interfaces du logiciel pour qu’elles répondent aux exigences des clients.

Conclusion
En conclusion de ce chapitre consacré à la conception de la plateforme de gestion de salles, nous
avons jeté les bases solides d'un système bien structuré en utilisant des outils graphiques essentiels
tels que les diagrammes de classe, de cas d'utilisation, et de séquence.

La prochaine étape consistera à passer à la phase de développement, mettant en pratique les

principes de conception établis, afin de concrétiser cette vision en une plateforme fonctionnelle et
performante. Ce premier chapitre sert ainsi de fondation solide pour la réalisation de la plateforme

17
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

de gestion de salles, offrant une perspective claire sur la manière dont les besoins ont été analysés et
traduits en une conception technologique précise et adaptée.

CHAPITRE II : Réalisation

Introduction
À l'ère numérique actuelle, la nécessité d'une gestion efficiente des salles de classe au sein de l'EPO
devient impérative. Notre projet, conçu pour répondre à cette exigence qui se fait de plus en plus
ressentir, passe maintenant de la phase de conception à celle de réalisation. Tout comme un centre
d'aide numérique est essentiel pour une assistance rapide et accessible, notre plateforme de gestion
de salles aspire à offrir une solution indispensable à notre environnement éducatif.

Ce chapitre, suite logique de la conceptualisation détaillée dans le précédent, se consacrera à la

concrétisation de notre vision. Nous détaillerons les choix technologiques opérés, les fonctionnalités
implémentées, et nous vous inviterons à explorer les interfaces utilisateur qui rendront notre
plateforme intuitive et conviviale. Plus qu'un simple exposé technique, ce chapitre révélera l'essence
de notre projet à travers les différentes étapes de développement.

Embarquez avec nous dans cette aventure captivante, où la conception prend forme, les idées
deviennent fonctionnalités, et notre plateforme de gestion de salles se transforme en un outil
inestimable pour l'épanouissement académique à l'EPO.

2.1 Choix technologiques et environnements de

développement
Dans le cadre de la réalisation de notre plateforme, nous avons utilisé une série de
technologies couramment employées dans le développement de plateformes web. Cela comprend la
structure utilisée pour l’implémentation de notre application, un système de gestion de bases de
données relationnelles pour gérer nos données, des langages de programmation spécifiques pour
construire notre application et un serveur en local pour héberger notre plateforme dans un premier
temps.

2.1.1 Structure de conception

18
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Un patron de conception est une solution réutilisable à un problème de conception courant. Il

s’agit d’une description de la façon de résoudre ces problèmes et de concevoir une solution. Les
patrons de conception ne sont pas spécifiques à des langages de programmation individuels, mais
sont plutôt des meilleures pratiques ou des heuristiques qui peuvent être appliquées dans différents
environnements de programmation.

Pour la réalisation de notre plateforme, nous avons choisi d’utiliser un paradigme de

développement web sans design patterns formels au regard de la structure de notre projet. Cela
implique une approche plus pragmatique où le code est structuré en fonction des besoins spécifiques
du projet sans nécessairement appliquer des modèles de conception standardisés. Tout de même,
nous avons utilisé des principes de conception et de bonnes pratiques pour organiser notre code de
manière logique et maintenable, même s'ils ne suivent pas explicitement un ensemble de patrons de
conception prédéfinis.

2.1.2 Système de gestion de base de données relationnelle : MySQL

Un système de gestion de base de données (SGBD) est un logiciel qui interagit avec
l’utilisateur, les applications et la base de données elle-même pour capturer et analyser les données.
Un SGBD général permet à l’utilisateur d’interagir avec plusieurs bases de données.

Il existe deux types principaux de SGBD : les SGBD relationnels (SGBDR) et les SGBD
non relationnels (NoSQL).

SGBD relationnels (SGBDR) : Les SGBDR utilisent des tables pour stocker les données.
Les données dans une table sont organisées en colonnes et chaque ligne de la table représente un
ensemble unique de données. Comme exemple de base de données relationnelle, nous avons
MySQL, Oracle Database et MS SQL.

Pour notre plateforme, nous avons choisi d’utiliser un SGBDR, MySQL. Les raisons qui ont
motivé notre choix sont entre autres :
 Intégrité des données : les SGBDR assurent l’intégrité des données en utilisant des clés
primaires et étrangères et en imposant des contraintes sur les données.
 Normalisation : les SGBDR permettent la normalisation des données, ce qui évite la
redondance des données et économise de l’espace de stockage.
 Support des transactions : les SGBDR prennent en charge les transactions, ce qui
signifie que plusieurs opérations peuvent être effectuées en une seule fois. Si une

19
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

opération échoue, toutes les opérations de la transaction sont annulées, ce qui assure
l’intégrité des données.

Quant à MySQL, il est largement utilisé, bien documenté et dispose d’une grande
communauté d’utilisateurs, ce qui peut faciliter la résolution des problèmes. De plus, MySQL est
open source, ce qui signifie qu’il est gratuit à utiliser et à modifier.

2.1.3 Langages de programmation

La réalisation d’une application web implique généralement l’utilisation de plusieurs langages
de programmation, chacun ayant un rôle spécifique :
 Langages serveur : ces langages s’exécutent côté serveur et sont responsables de la
logique métier de l’application, comme de l’implémentation des fonctionnalités que nous
aurons besoin dans le cadre de notre projet. Ils interagissent avec la base de données,
traitent les requêtes des clients et génèrent des réponses. Pour la réalisation du projet, le
langage serveur utilisé est le PHP au regard de sa robustesse, de sa flexibilité, de sa
rapidité, de la documentation bien fournie et de sa grande communauté.
 Langages client : ces langages s’exécutent dans le navigateur de l’utilisateur (côté client)
et sont responsables de la présentation et de l’interaction utilisateur. Le HTML, le CSS et
le JavaScript sont les principaux langages client utilisés dans le développement web. Le
HTML permet le balisage des éléments visibles sur le navigateur, le CSS permet de mettre
du style, de rendre la page agréable à regarder et le JavaScript permet une meilleure
interactivité.
 Langages pour les bases de données : ces langages sont utilisés pour interagir avec le
système de gestion de base de données. Le plus couramment utilisé est le SQL (Structured
Query Language), qui permet de créer, de lire, de mettre à jour et de supprimer des
données dans une base de données relationnelle.

Chacun de ces langages joue un rôle crucial dans la création d’une application web fonctionnelle et
performante. De façon récapitulative, nous avons utilisé PHP, HTML, CSS, JavaScript et SQL.

2.1.4 Environnement de développement

L’environnement de développement que nous avons utilisé pour ce projet est à la fois
robuste et flexible, ce qui nous a permis de travailler efficacement et de manière collaborative.

20
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Le système d’exploitation principal était Windows. C’est un choix populaire parmi les
développeurs en raison de sa grande compatibilité avec divers outils de développement et de sa
facilité d’utilisation.

Notre éditeur de code était Visual Studio Code. C’est un éditeur de code source puissant
qui supporte une multitude de langages de programmation. Il offre également une multitude
d’extensions qui peuvent améliorer votre productivité et faciliter votre travail.

En somme, notre environnement de développement a été soigneusement choisi pour

optimiser notre efficacité et notre productivité. Chaque outil a joué un rôle crucial pour nous aider à
mener à bien notre projet.

2.2 Fonctionnalités réalisées

Dans le cadre de ce projet, nous avons réalisé plusieurs fonctionnalités pour les utilisateurs
et les administrateurs.

Du côté client, nous avons mis en place l’affichage des différents emplois de temps,
permettant aux utilisateurs (étudiants, profs et membres de scolarité) de savoir rapidement le
programme des cours et du même coup le nom de la classe où le cours aura lieu et de passer à son
impression. Nous avons également mis en place un dispositif de connexion pour les coordonnateurs
qui peuvent effectuer des taches spécifiques sur la plateforme, après s’être connecté un
coordonnateur peut ajouter les programmes des différentes classes de son institut en affectant à
chaque cours une salle disponible selon le besoin spécifique du cours, il peut également apporter
des modifications sur les programmes ou procéder à l’impression. L’affichage des programmes
étant dynamique l’interaction avec la plateforme est plus fluide, intuitive et ne demande pas trop de
maintien.

Pour le côté administrateur, nous avons développé des fonctionnalités d’ajout, de

suppression et de modification de classe, de salle et de coordonnateur. Ces fonctionnalités offrent
aux administrateurs un contrôle total sur le contenu de l’application.

Parmi les défis majeurs que nous avons rencontrés, l’implémentation de la fonction d’ajout
du programme par le coordonnateur été particulièrement complexe.

21
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

En somme, nous avons réussi à développer une application web fonctionnelle, performante
et responsive, répondant aux besoins des utilisateurs et des administrateurs. Chaque fonctionnalité a
été soigneusement conçue et mise en œuvre pour offrir une expérience utilisateur optimale.

2.3 Interfaces ou le prototype

Toutes les interfaces qui suivront sont pensées responsive c’est-à-dire consultables
confortablement sur des écrans de tailles différentes, le choix de la couleur bien guidé vers celle de
l’école et le positionnement des éléments bien pensé pour une meilleure expérience utilisateur.

La Page d’accueil d’un utilisateur simple présente un entête permettant de se connecter en tant que
coordonnateur ou admin, de naviguer vers la page d’accueil, une page ‘à propos’ qui donne des
informations sur l’équipe de développeurs et une page pour nous connecter en cas de difficultés, de
problèmes ou de suggestions. Dans le corps de la page, nous présentons l’ensemble des classes de
l’école où l’utilisateur peut cliquer sur le bouton ‘Voir le programme’ pour avoir accès à l’emploi
du temps de la classe choisie et l’imprimer au besoin.

Figure 4: Page d’accueil du site

Quand l’écran devient petit (sur smartphone ou tablette) nous avons un autre rendu visuel. Il faut
cliquer sur le menu à droite pour voir les différentes options citées plus haut.

22
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Figure 5: Page d’accueil sur smartphone

Le programme d’une classe donnée, c’est sur cette interface que n’importe quel utilisateur arrive
quand il désire voir un programme. Il peut décider de lancer l’impression de son programme en
cliquant sur le bouton ‘Imprimer’.

Figure 6: Page affichant le programme de la semaine d’une classe

Et on arrive sur cette interface d’impression.

23
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Figure 7: Page d'impression du programme

La barre de navigation en haut permet d’atteindre la page dédiée à la présentation de l’équipe de

concepteurs.

Figure 8: Page à propos de nous

Les utilisateurs ont la possibilité de nous contacter à travers les contacts de l’école ou en nous
envoyant directement un mail en cas de difficultés, de problèmes, suggestions ou pour tout autre
besoin.

24
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Figure 9: Page contacter nous

Pour avoir accès aux opérations spécifiques en tant que coordonnateur, des informations de
connexion sont demandées afin de renforcer la sécurité du site.

Figure 10: Page de connexion du coordonnateur

25
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Une fois le coordonnateur connecté à son compte, il peut choisir de modifier les informations à son
sujet en cliquant sur mon profil. Il peut également remplir le programme de la semaine en
choisissant la classe, puis le jour.

Figure 11: Page connectée d'un coordonnateur : sélectionner une classe pour ajouter un planning

Figure 12: Page connectée d'un coordonnateur : sélectionner un jour de la semaine pour ajouter un planning

26
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Puis il arrive sur l’interface de planification de cours.

Figure 13: Page de planification de cours

Les administrateurs du site ont une interface graphique conviviale suite à une connexion à son
compte pour l’ajout de salle de classe, de classe ou de nouveau coordonnateur selon la survenue des
évènements.

Figure 14: Interface montrant l’ajout d’une salle

Il faut noter que c’est le rôle de l’administrateur de créer les informations de connexion du
coordonnateur, celui-ci pourra éventuellement les changer après connexion.

27
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Figure 15: Interface d’ajout de coordonnateur

Conclusion
En conclusion, à travers ce chapitre, nous avons couvert plusieurs aspects importants de la
réalisation de notre projet. Nous avons discuté de nos choix technologiques et de notre
environnement de développement, en mettant en évidence l’importance de choisir les bons outils et
les technologies pour assurer l’efficacité et la productivité de notre travail.

Nous avons également présenté les fonctionnalités que nous avons réalisées, en décrivant comment
elles répondent aux besoins des utilisateurs et des administrateurs. Nous avons souligné les défis
que nous avons rencontrés et comment nous les avons surmontés.

Enfin, nous avons donné un aperçu de nos interfaces utilisateur et de notre prototype, en montrant
comment ils contribuent à une expérience utilisateur optimale.

Dans l’ensemble, ce chapitre illustre notre engagement à développer une application web de haute
qualité qui répond aux besoins de nos utilisateurs tout en offrant une expérience utilisateur
exceptionnelle. Nous sommes fiers du travail que nous avons accompli et nous sommes impatients
de voir comment notre application sera utilisée et appréciée par nos utilisateurs.

28
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Conclusion générale

En conclusion, ce rapport offre une vision complète du processus de conception, de développement

et de mise en œuvre de la plateforme de gestion de salles. À travers les deux chapitres explorés,
nous avons examiné en détail les choix technologiques, les phases de conception, et les défis
rencontrés lors du développement de l'application.

Le premier chapitre a mis en lumière la rigueur de notre approche de conception, en utilisant des
diagrammes de classe, de cas d'utilisation, et de séquence pour établir des fondations solides. Ces
représentations visuelles ont joué un rôle central dans la formalisation de l'architecture et des
fonctionnalités de la plateforme.

Le deuxième chapitre a exposé le résultat concret de cette phase de conception, mettant en évidence
nos choix technologiques, les fonctionnalités implémentées, et les interfaces utilisateur
soigneusement conçues.

Dans l'ensemble, ce rapport témoigne de notre engagement à fournir une solution complète et
performante pour la gestion des salles, en mettant l'accent sur la satisfaction des utilisateurs. Nous
sommes confiants dans la robustesse de notre application et sommes impatients de la voir contribuer
positivement à la gestion efficace des espaces éducatifs. Nous restons ouverts aux retours des
utilisateurs et sommes prêts à apporter d'éventuelles améliorations pour répondre aux besoins en
constante évolution de notre communauté d'utilisateurs. Ce projet représente une étape significative
dans notre quête continue d'innovation et d'excellence dans le domaine du développement
d'applications web.

29
Rapport de PFA : Conception et réalisation d’une plateforme pour la gestion des salles.

Webographie

Plate-forme (informatique) — Wikipédia (wikipedia.org) le 29 Octobre 2023 à 16h

PowerAMC — Wikipédia (wikipedia.org) le 30 Octobre 2023 à 13h

MySQL — Wikipédia (wikipedia.org) le 10 Novembre 2023 à

14h

Visual Studio Code — Wikipédia (wikipedia.org) le 15 Novembre 2023 à

19h

définition uml - Recherche (bing.com) le 18 Novembre 2023 à

13h

Apprendre le HTML - Tutoriel Pour Débutant (2h) - YouTube le 10 Décembre 2023 à 14h

framework - Recherche (bing.com) le 11 Décembre 2023 à 14h30

definition bootstrap - Recherche (bing.com) le 11 Décembre 2023 à 18h

06 Bootstrap 5 Créer une page web 100% responsive complète avec Bootstrap Pratique Coding City
- YouTube le 11 Décembre 2023 à 21h

30