2022/2023

CENTRE DU BTS LYCEE LISSANE

EDDINE IBN AL-KHATIB LAAYOUNE

RAPPORT DE PROJET
DE FIN D'ÉTUDE
 Réalisé par : Yassine BOUCHAMRA
Lahcen FAHMI

 Encadré par : M. Ayman RIAD

Système de gestion immobilière

 REMERCIEMENTS

Je tiens à exprimer ma profonde gratitude envers toutes les

personnes qui ont contribué à la réalisation de ce projet de fin
d'études sur la plateforme des systèmes de gestion. Tout
d'abord, je souhaite remercier chaleureusement mon
encadrant, M. Ayman RIAD, pour son soutien constant, ses
précieux conseils et son expertise inestimable tout au long de
ce projet. Sa disponibilité et ses encouragements ont été
essentiels pour mener ce travail à bien.

Je souhaite également exprimer ma reconnaissance envers les

membres du jury pour avoir accepté d'évaluer mon projet et de
partager leur expertise. Leurs commentaires constructifs et
leurs suggestions m'ont permis d'améliorer considérablement
ce travail.

Je tiens également à remercier sincèrement mes camarades de

classe, mes proches et mes amis pour leur soutien indéfectible
et leurs encouragements tout au long de ce parcours
académique. Leur présence et leurs encouragements ont été
une source d'inspiration et de motivation.

1
 SOMMAIRE
I. INTRODUCTION GENERAL ............................................................................. 4
II. Définition d’un système de gestion immobilière .......................................... 5
III. Contexte générale de projet :........................................................................ 5
1. Problématique : ......................................................................................... 5
2. La solution : ............................................................................................... 6
3. Les objectifs de ce projet : ........................................................................ 7
4. Les critères de qualité ............................................................................... 7
IV. Analyse et conception ................................................................................... 7
a) Définition................................................................................................ 8
b) Les différents diagrammes UML............................................................ 9
c) Le diagramme de cas d’utilisation ....................................................... 10
d) Diagramme de cas de notre projet ..................................................... 11
e) Le diagramme de classe ....................................................................... 12
f) Diagramme de classe de notre projet ................................................. 14
g) Diagramme de séquence ..................................................................... 14
h) Diagramme de séquence de notre projet ........................................... 15
V. Réalisation .................................................................................................... 15
1. Introduction ............................................................................................ 15
2. Les outils de développement .................................................................. 16
3. Présentation de notre projet .................................................................. 19
a) Page d’accueille ................................................................................... 19
b) Page de connexion ............................................................................... 20
c) Section de contrôle des autorisations ................................................. 21
d) La section qui permet d'ajouter un nouveau type de chambre ......... 21
e) Section pour voir les chambres disponibles........................................ 22
f) Page de modification des informations client .................................... 22
g) Page de création des réservations ...................................................... 23
4. Conclusion ............................................................................................... 24
VI. Conclusion générale .................................................................................... 25
VII. Webographie .............................................................................................. 26
2
 LISTE DES FIGURES

Figure 1 : diagramme de GANTT ........................................................................................................... 8

Figure 2 : diagramme de cas d'utilisation ............................................................................................ 11

Figure 3: diagramme de cas d'utilisation ............................................................................................. 12

Figure 4 : diagramme de classe ........................................................................................................... 14

Figure 5 : diagramme de sequence ..................................................................................................... 15

Figure 6 : page d’accueille .................................................................................................................. 19

Figure 7 : page d’accueille .................................................................................................................. 19

Figure 8 : page de connexion .............................................................................................................. 20

Figure 9 : page de contrôle des autorisations ...................................................................................... 21

Figure 10 : La section pour ajouter un nouveau type de chambre ........................................................ 21

Figure 11 : la disponibilité des chambres ............................................................................................ 22

Figure 12 : modification des informations des clients .......................................................................... 22

Figure 13 : création des réservations .................................................................................................. 23

3
 I. INTRODUCTION GENERAL

L'informatique désigne l'automatisation du traitement de

l'information par un système, concret (machine) ou abstrait. Dans son
acception courante, l'informatique désigne l'ensemble des sciences et
techniques en rapport avec le traitement de l'information. Dans le parler
populaire, l'informatique peut aussi désigner ce qui se rapporte au matériel
informatique (l'électronique), et la bureautique.
Dans l'absolu, on pourrait faire de l'informatique avec n'importe quel
système se comportant comme un circuit logique : machine mécanique
(comme par exemple la pascaline ou les automates), machine
pneumatique, système hydraulique… Les premiers programmes datent
même d'avant l'invention de l'ordinateur (voir Ada Lovelace). Dans les faits,
seule l'électronique numérique permet d'avoir une puissance de calcul
accessible à un coût raisonnable — coût financier, mais aussi place occupée
par la machine, ressources nécessaires à la fabrication et au
fonctionnement, nuisances sonores, durée de vie de la machine, rapidité du
traitement (coût en heures de travail, disponibilité), souplesse
(adaptabilité)… La séparation concept/support reste donc très abstraite.
L’informatisation donc est le phénomène le plus important de notre
époque. Elle s’immisce maintenant dans la plupart des objets de la vie
courantes, que ce soit dans l’objet proprement dit, ou bien dans le processus
de conception ou de fabrication de cet objet. Et dans ce cas nous avons utilisé
cette technologie de l’informatisation pour développer un système de gestion
immobilière qui regroupe un ensemble de fonctionnalités spécifiques à
l'industrie hôtelière pour optimiser les activités quotidiennes et améliorer
l'expérience des clients.

4
 II. Définition d’un système de gestion immobilière

Un système de gestion immobilière pour les hôtels, également connu

sous le nom de ‘Property Management System’ (PMS) dans l'industrie
hôtelière, est un logiciel utilisé pour gérer efficacement les opérations
quotidiennes et les activités liées à la gestion d'un hôtel. Il fournit une
plateforme centrale pour la coordination de diverses tâches, telles que la
réservation des chambres, la gestion des tarifs, la gestion des stocks, la
gestion des clients, la gestion des revenus, la comptabilité et la génération
de rapports. Ce système permet de rationaliser les processus opérationnels,
d'améliorer l'expérience client et de maximiser les revenus de
l'établissement hôtelier. Grâce à ses fonctionnalités telles que la gestion
des réservations, des check-ins et check-outs, des tarifs et des inventaires,
des services complémentaires, des opérations de back-office, des rapports
et analyses, ainsi que des intégrations avec d'autres systèmes, il contribue à
une gestion plus efficace de l'hôtel. En centralisant les données et en
automatisant les processus, il permet aux hôtels de fonctionner de manière
plus fluide, de fournir un service de qualité supérieure et d'optimiser leurs
performances globales

III. Contexte générale de projet :

1. Problématique :
La gestion des opérations hôtelières, telles que les réservations, les
tarifs, les stocks, les clients et les revenus, est souvent complexe et
nécessite une coordination minutieuse. Les méthodes traditionnelles de
gestion basées sur des processus manuels et des systèmes disparates
entraînent souvent des inefficacités, des erreurs et une perte de temps
précieuse.

De plus, les hôtels sont confrontés à des défis spécifiques à leur

industrie, tels que la gestion des disponibilités des chambres, la
tarification dynamique en fonction de la demande, la gestion des
services complémentaires, et la coordination des opérations service

5
d'accueil et back-office. Ces défis nécessitent une solution intégrée qui
puisse gérer ces aspects de manière fluide et efficace.

Un autre problème majeur est la nécessité de fournir une expérience

client exceptionnelle. Les attentes des clients sont de plus en plus
élevées en termes de rapidité, de personnalisation et de facilité
d'utilisation lors de la réservation et du séjour à l'hôtel. Un système de
gestion immobilière spécifiquement conçu pour les hôtels peut
contribuer à améliorer cette expérience en automatisant les processus,
en offrant des fonctionnalités conviviales pour les clients, et en
permettant une gestion proactive des demandes et des préférences des
clients.

2. La solution :

La création d'un système de gestion immobilière

spécifiquement conçu pour les hôtels offre une solution complète et
intégrée aux défis de gestion spécifiques rencontrés par l'industrie
hôtelière. En centralisant les opérations telles que les réservations, les
tarifs, les stocks, les clients et les revenus, ce système permet une
gestion efficace et automatisée, réduisant les erreurs et les
inefficacités. Il offre également des fonctionnalités avancées telles que
la gestion des disponibilités des chambres, la tarification dynamique,
la personnalisation des services et la génération de rapports détaillés,
favorisant ainsi une expérience client exceptionnelle. De plus, en
optimisant la gestion des revenus, ce système permet aux hôtels de
maximiser leur rentabilité. Globalement, un système de gestion
immobilière spécifique pour les hôtels simplifie les opérations,
améliore l'efficacité et offre des avantages concurrentiels pour
l'industrie hôtelière.

6
 3. Les objectifs de ce projet :

 Optimiser les opérations hôtelières

 Offrir une expérience client exceptionnelle
 Maximiser les revenus
 Centraliser les informations
 Améliorer la gestion des stocks
 Faciliter la génération de rapports et d'analyses

4. Les critères de qualité

 Fiabilité et stabilité
 Convivialité et facilité d'utilisation
 Intégration et compatibilité
 Sécurité des données
 Performance et évolutivité
 Personnalisation et flexibilité
 Support technique et assistance
 Cohérence des données

IV. Analyse et conception

1. Diagramme de GANTT

a) Définition

Un diagramme de Gantt est un outil de gestion de projet qui permet

de visualiser les tâches d'un projet sur une ligne de temps. Il affiche les
différentes tâches, leur durée, leur séquence et leur chevauchement

7
éventuel. Les tâches sont représentées par des barres horizontales qui
indiquent leur période d'exécution prévue. Le diagramme de Gantt permet
de comprendre la planification globale du projet, d'identifier les
dépendances entre les tâches et de suivre l'avancement du projet en
mettant à jour les tâches terminées. Il est souvent utilisé pour la
planification, la coordination et le suivi des projets dans de nombreux
domaines, tels que la construction, le développement de logiciels, la
gestion d'événements et bien d'autres.

Diagramme d GANTT de notre projet

Figure 1 : diagramme de GANTT

2. Le langage de UML
a) Définition

Le langage de modélisation unifié (UML, Unified Modeling Language)

est un langage de modélisation graphique utilisé dans le domaine de
l'ingénierie logicielle pour représenter visuellement les différents aspects
d'un système logiciel. UML fournit un ensemble de notations et de
diagrammes standardisés qui permettent de communiquer et de

8
documenter de manière claire et précise les différentes parties d'un
système, ses composants, ses relations et son comportement.

b) Les différents diagrammes UML

UML propose plusieurs types de diagrammes qui sont utilisés pour

représenter différents aspects d'un système logiciel. Voici les principaux
types de diagrammes UML :

o Diagramme de cas d'utilisation : Il représente les fonctionnalités du

système du point de vue des utilisateurs (acteurs) et montre les
interactions entre les acteurs et les cas d'utilisation.

o Diagramme de classes : Il modélise les classes, les attributs, les

méthodes et les relations entre les classes. Il permet de représenter la
structure statique du système.

o Diagramme d'objets : Il montre les instances spécifiques des classes et

les relations entre ces instances à un moment précis de l'exécution du
système.

o Diagramme de séquence : Il décrit l'ordre des interactions entre les

objets au fil du temps. Il permet de représenter les scénarios
d'exécution ou les séquences d'appel de méthodes.

o Diagramme de collaboration : Il met en évidence les interactions entre

les objets pour un scénario donné. Il montre les objets et leurs liens,
ainsi que les messages échangés entre eux.

o Diagramme d'états : Il modélise les différents états d'un objet et les

transitions entre ces états en réponse aux événements. Il est utile pour
représenter le comportement dynamique d'un objet.
9
 o Diagramme d'activité : Il modélise le flux d'activités et de processus à
travers des étapes, des décisions, des branchements conditionnels,
des boucles, etc. Il est utilisé pour représenter le comportement
procédural d'un système.

o Diagramme de composants : Il représente les composants logiciels du

système, leurs dépendances et leurs interfaces.

o Diagramme de déploiement : Il montre la configuration matérielle et

la disposition physique des composants logiciels dans l'architecture du
système.

o Diagramme de paquetage : Il permet d'organiser les éléments du

système en paquets ou modules logiques pour représenter la structure
globale du système.

Chaque type de diagramme UML a son propre objectif et est utilisé pour
représenter des aspects spécifiques d'un système logiciel, contribuant ainsi
à une modélisation complète et compréhensible du système.

c) Le diagramme de cas d’utilisation

Le diagramme de cas d'utilisation est l'un des types de diagrammes

UML les plus couramment utilisés. Il permet de modéliser les interactions
entre les acteurs (utilisateurs externes ou systèmes) et un système logiciel
donné.
Les éléments clés d'un diagramme de cas d'utilisation sont les suivants :

10
o Acteur : Un acteur représente un rôle externe qui interagit avec le
système. Il peut s'agir d'un utilisateur humain, d'un autre système
logiciel, d'un matériel ou même d'un autre système.

o Cas d'utilisation : Un cas d'utilisation représente une fonctionnalité ou

une action spécifique que le système offre à ses acteurs. Il décrit une
séquence d'actions entre l'utilisateur et le système pour atteindre un
objectif particulier.

o Relation d'association : Les acteurs sont reliés aux cas d'utilisation par
des relations d'association pour montrer l'implication des acteurs dans
les fonctionnalités spécifiques.

d) Diagramme de cas de notre projet

Figure 2 : diagramme de cas d'utilisation

11
 Figure 3: diagramme de cas d'utilisation

e) Le diagramme de classe

Le diagramme de classe est un type de diagramme UML utilisé pour

modéliser la structure statique d'un système logiciel. Il représente les classes,
les attributs, les méthodes et les relations entre les classes d'un système.
Dans un diagramme de classe, les classes sont représentées sous forme de
rectangles, avec le nom de la classe écrit à l'intérieur. Les attributs de classe
sont généralement affichés sous le nom de la classe, tandis que les méthodes
sont listées en dessous. Les relations entre les classes sont représentées par
des lignes qui connectent les classes et sont annotées pour indiquer le type
de relation.
Les éléments clés d'un diagramme de classe sont les suivants :

12
o Classe : Une classe représente un ensemble d'objets ayant des
attributs et des comportements similaires. Elle décrit les
caractéristiques communes des objets et sert de modèle pour créer
des instances (objets) de cette classe.

o Attribut : Un attribut est une caractéristique ou une propriété d'une

classe. Il représente l'état ou les données que chaque objet de la classe
peut contenir. Les attributs sont généralement représentés avec leur
nom et leur type de données.

o Méthode : Une méthode est une opération ou un comportement

associé à une classe. Elle définit les actions que les objets de la classe
peuvent effectuer. Les méthodes sont généralement représentées
avec leur nom, leurs paramètres et leur type de retour.

o Relation : Les relations entre les classes sont utilisées pour représenter
les associations, les agrégations, les compositions, les héritages et les
dépendances entre les classes. Ces relations aident à définir les
interactions et les connexions entre les objets.

13
 f) Diagramme de classe de notre projet

Figure 4 : diagramme de classe

g) Diagramme de séquence

Un diagramme de séquence est un type de diagramme UML (Unified

Modeling Language) utilisé pour représenter l'interaction entre différents
objets dans un système ou entre différentes étapes d'un processus. Il met
en évidence la séquence chronologique des messages échangés entre les
objets ou acteurs participant à une interaction spécifique. Les diagrammes
de séquence sont utilisés pour modéliser le flux de contrôle et les échanges
de données entre les entités, montrant comment les objets collaborent
dans une séquence d'étapes pour atteindre un objectif donné. Ces
diagrammes sont utiles pour comprendre le comportement dynamique
d'un système et pour concevoir des interactions entre les composants
logiciels ou les parties prenantes d'un projet.

14
 h) Diagramme de séquence de notre projet

Figure 5 : diagramme de sequence

V. Réalisation
1. Introduction

Dans ce dernier chapitre, nous allons fournir une présentation

détaillée de l'environnement de développement utilisé ainsi que des
outils sélectionnés pour l'implémentation de notre application de
gestion immobilière spécifiquement conçue pour les hôtels. Nous
aborderons également les captures d'écran des interfaces clés qui
mettent en évidence les différentes fonctionnalités du système, telles
que discutées dans le chapitre précédent. Ces captures d'écran
permettront d'illustrer visuellement le fonctionnement et l'apparence
de notre système, offrant ainsi un aperçu concret de son utilisation
potentielle dans un contexte hôtelier. Nous expliquerons en détail les
différentes sections et fonctionnalités présentées dans ces captures
15
 d'écran, mettant en évidence les avantages et les bénéfices qu'elles
apportent à la gestion immobilière des hôtels. En combinant des
informations textuelles explicatives avec des illustrations visuelles, ce
chapitre fournira une vision globale et concrète de notre système de
gestion immobilière dédié aux hôtels, renforçant ainsi la
compréhension de son utilisation et de ses avantages potentiels pour
les professionnels de l'industrie hôtelière.

2. Les outils de développement

HTML est un langage de balisage utilisé pour structurer et

présenter le contenu d'une page web. Il utilise des balises
pour définir différentes parties de la page et des attributs
pour fournir des informations supplémentaires. En combinant
HTML avec CSS et JavaScript, il est possible de créer des sites web
interactifs et visuellement attrayants

Tailwind est un Framework CSS utilitaire révolutionnaire

qui simplifie considérablement la création d'interfaces
utilisateur modernes, réactives et esthétiquement
agréables pour les sites web. Contrairement aux Framework
CSS traditionnels axés sur les composants prédéfinis, Tailwind CSS se
concentre sur l'utilisation de classes utilitaires pour styliser les éléments
HTML. Cette approche innovante offre une flexibilité exceptionnelle et
permet aux développeurs et aux concepteurs de personnaliser chaque
aspect de l'interface de manière efficace.

16
 Laravel est un framework de développement web puissant
et élégant, conçu pour simplifier le processus de création
d'applications web modernes en PHP. Avec sa structure
MVC, ses fonctionnalités avancées et son écosystème actif,
Laravel est devenu l'un des frameworks les plus populaires et les plus
utilisés dans le monde du développement web.

Vue.js est un framework JavaScript moderne et puissant,

conçu pour la création d'interfaces utilisateur réactives et
dynamiques. Avec sa simplicité, sa flexibilité et sa vaste
communauté de développeurs, Vue.js est devenu un choix
populaire pour le développement d'applications web
interactives et performantes.

MySQL est un système de gestion de base de données

relationnelle open source, largement utilisé pour stocker,
organiser et gérer des données de manière efficace. Il offre
un environnement fiable et performant pour la gestion des
bases de données, avec une grande capacité de stockage,
des fonctionnalités avancées et une stabilité éprouvée.

Laravel Valet est un outil spécifique à Laravel qui facilite

la mise en place d'un environnement de développement
local pour les projets Laravel. Il offre une configuration
optimisée, une simplicité d'utilisation et une légèreté,
permettant aux développeurs de se concentrer sur le
développement de leurs projets Laravel sans avoir à se soucier de la
configuration du serveur web.

17
 Visual Studio Code est un éditeur de code source
populaire, gratuit et open source, offrant une interface
conviviale, une grande flexibilité et une large gamme de
fonctionnalités. Avec son écosystème d'extensions, son
intégration avec les systèmes de contrôle de version et ses
fonctionnalités de débogage avancées, VS Code est devenu un choix
populaire parmi les développeurs pour leur travail quotidien.

DBngin est une application très pratique et légère

permettant d'obtenir des bases de données MySQL,
PostgreSQL et Redis sur votre machine locale. Elle offre une
méthode simple pour créer une ou plusieurs bases de
données. La combinaison avec TablePlus - son logiciel
"sœur" - facilite grandement la visualisation, la gestion et la modification de
vos bases de données. Dans ce tutoriel, je vais vous montrer comment
mettre en place votre première base de données DBngin et quelles
informations d'identification utiliser pour vous y connecter.

GitHub est une plateforme de développement

collaborative basée sur Git. Elle permet aux développeurs
de travailler ensemble sur des projets, de partager du
code source, de collaborer et de gérer les versions de leurs
logiciels. GitHub offre des fonctionnalités telles que le suivi des problèmes,
la gestion des demandes de tirage (pull requests), la documentation, la
gestion des branches, et facilite la collaboration entre les membres d'une
équipe ou d'une communauté de développeurs. En résumé, GitHub est un
outil essentiel pour le développement de logiciels en équipe, favorisant la
transparence, la contribution et le partage des connaissances.

18
 Axios est une bibliothèque JavaScript populaire pour effectuer
des requêtes HTTP. Elle facilite l'appel aux services Web, la
récupération de données et la gestion des en-têtes et des
paramètres. Avec une conception modulaire, Axios est
largement utilisé pour la communication entre le front-end
et le back-end des applications web.

3. Présentation de notre projet

a) Page d’accueille

Figure 6 : page d’accueille

C’est la première page téléchargéeFigure 7 :et visualisée

page d’accueille par les visiteurs et les
clients, c’est la vitrine du site puisqu’elle donne une idée générale sur les
fonctionnalités de notre application.

19
 b) Page de connexion

Figure 8 : page de connexion

Notre page de connexion est la porte d'entrée sécurisée du système

complet de gestion immobilière dédié aux hôtels. Elle permet aux
utilisateurs autorisés de se connecter en toute sécurité et d'accéder à de
puissantes fonctionnalités telles que la gestion des réservations, la
disponibilité des chambres, les enregistrements clients, la facturation, la
planification des employés, la gestion des stocks et la génération de
rapports pertinents pour la prise de décision éclairée.

20
c) Section de contrôle des autorisations

Figure 9 : page de contrôle des autorisations

d) La section qui permet d'ajouter un nouveau type de

chambre

Figure 10 : La section pour ajouter un nouveau type de chambre

21
e) Section pour voir les chambres disponibles

Figure 11 : la disponibilité des chambres

f) Page de modification des informations client

Figure 12 : modification des informations des clients

22
 g) Page de création des réservations

Figure 13 : création des réservations

Cette page permet au personnel de générer de nouvelles réservations de

manière fluide. À travers cette page, les utilisateurs peuvent saisir des
informations essentielles et toute demande supplémentaire. Le système
vérifie la disponibilité des chambres en fonction des dates spécifiées et
affiche des options appropriées à sélectionner. Une fois la réservation
créée, le système met à jour l'inventaire des chambres, et génère un
identifiant de réservation unique.

23
4. Conclusion

En conclusion, le développement d'un système de gestion

immobilière spécifiquement conçu pour les hôtels est une
étape essentielle dans l'amélioration de l'efficacité
opérationnelle et de la gestion des ressources au sein de
l'industrie hôtelière. Ce système permet de centraliser et
d'automatiser les processus clés tels que la réservation, la
gestion des chambres, la facturation et la gestion des stocks, ce
qui permet aux hôtels de rationaliser leurs opérations et
d'offrir une expérience client améliorée.

Il est important de noter que la conception et la mise en place

d'un système de gestion immobilière pour les hôtels exigent
une planification minutieuse, une analyse approfondie des
besoins spécifiques de l'établissement, ainsi qu'une étroite
collaboration avec les parties prenantes internes et externes.
De plus, la formation du personnel sur l'utilisation du système
est cruciale pour assurer une transition en douceur et une
adoption réussie.

En conclusion, la mise en œuvre d'un système de gestion

immobilière spécifique aux hôtels offre une solution
technologique avancée pour améliorer l'efficacité, la
productivité et la qualité des services dans l'industrie hôtelière.
Ce système permet aux hôtels de mieux répondre aux besoins
changeants des clients, d'optimiser leurs opérations et de
rester compétitifs sur le marché. Il ouvre également la voie à
l'utilisation de technologies émergentes telles que
l'intelligence artificielle et l'analyse de données pour améliorer
continuellement les performances et offrir des expériences
client exceptionnelles.

24
VI. Conclusion générale

Ce projet de PFE a été une expérience significative pour nous. Nous avons
non seulement développé nos compétences techniques et
organisationnelles, mais nous avons également appris à travailler en équipe
et à gérer efficacement un projet de développement de systèmes
d'information.
Nous sommes reconnaissants envers notre encadrant pour son soutien tout
au long de ce projet, ainsi qu'aux professionnels de l'industrie qui nous ont
apporté leurs conseils et leur expertise.
Ce projet marque la fin de notre parcours académique en tant qu'étudiants
du BTS Développement des Systèmes d'Information, mais il représente
également le début d'une nouvelle étape dans notre carrière
professionnelle. Nous sommes confiants dans les compétences que nous
avons acquises et nous sommes impatients de les appliquer dans des
projets futurs et de continuer à apprendre et à grandir en tant que
développeurs de systèmes d'information.

25
VII. Webographie

 www.laravel.com
 www.wikipedia.or
 www.stackoverflow.com
 www.tailwindcss.com
 www.mermaid.live
 www.tailwindui.com
 www.github.com

26