PROJET DE FIN D'ANNÉE

Présenté par :
LAHIB Zineb : Génie Informatique, ENSA de Khouribga
ENNOURI AMINA : Génie Informatique, ENSA de Khouribga

Sujet :
Etude et développement d’une application PMS destinée mobile

Effectué à : FRACTALITE

Soutenu le (date de soutenance), devant le jury :

M. GHERABI NOREDDINE ENSA Khouribga Encadrant Interne

M. NASSRI ENSA Khouribga Encadrant Interne
M. KASMI Mohammed Fractalite Encadrant Externe

Année Universitaire : 2022-2023

 Table des matières :

1-Remerciements……………………………………………………………………... 3
2-Résumé……………………………………………………………………………… 4
3-Dictionnaire………………………………………………………………………….5
4- Chapitre 1: Contexte général du projet…………………………………………….. 6
4-1 Introduction:............................................................................................................ 6
4-2 Présentation de l’organisme d’accueil……………………………………….. 6
4-2-1 Domaine d'expertise……………………………………………………… 6
Intégration…………………………………………………………… 6
Développement Web………………………………………………… 6
Développement mobile……………………………………………… 7
Infrastructure………………………………………………………… 7
Solution IT…………………………………………………………... 7
Marketing digital……………………………………………………. 7
4-2-2 Produits phares………………………………………………………….. 7
● Fractale-Sales……………………………………………………... 7
● Fractale-Corpo…………………………………………………….. 7
● Fractale-Travel……………………………………………………. 8
● Fractale-Beds……………………………………………………… 8
4-2-3 Fiche technique de l’entreprise…………………………………………. 9
5-Présentation du projet:............................................................................................ 10
5-1 Problématique :..................................................................................................10
6-Solution offerte:...................................................................................................................10
7-outils et technologie.:...........................................................................................................10
8- Chapitre 2: Conception………………………………………………………………. 18
8-1 diagramme de cas d'utilisation……………………………………………….18
8-2 diagramme de séquences…………………………………………………….. 21
9- Chapitre 3: Réalisation……………………………………………………………….. 24
8-1 application……………………………………………………………………. 24
10-Conclusion………………………………………………………………………. 38
 1-Remerciements

Nous tenons à exprimer nos sincères remerciements à M. KASMI Mohammed,

notre encadrant au sein de la société Fractalite, pour nous avoir fourni toutes les
informations et données nécessaires pour la réalisation de notre travail, ainsi que
pour son accompagnement et sa supervision permanente.

Nos remerciements les plus sincères s'adressent à notre encadrante académique,

M. GHERABI NOREDDINE, pour nous avoir encadré. Nous le remercions
vivement pour sa disponibilité et ses encouragements.

Nous exprimons également nos remerciements les plus dévoués à tous nos
professeurs qui n'ont pas manqué de nous apporter connaissance et soutien
durant nos années d'études à l'ENSA Khouribga.

Enfin, nous présentons notre profond respect aux membres du jury, M.

GHERABI NOREDDINE et M. NASSRI, qui nous font l'honneur d'évaluer
notre travail.

Merci à vous tous, et parlons autant en groupe que non en groupe.

 2-Résumé

Ce document synthétise un projet de fin d'année réalisé au sein de l'entreprise

Fractalite. L'objectif de ce projet était de concevoir et développer une
application mobile PMS en intégrant des services provenant des compagnies
hôtelières.

La plateforme mobile permet aux dirigeants des hôtels d'accéder en temps réel
aux données, y compris les insights disponibles, les problèmes et les actions.

Notez que le projet est encore dans sa phase de développement.

 3-Dictionnaire
PMS : Property Management System (Système de Gestion Hôtelière)

DG : Directeur Général

GUI : Graphical User Interface (Interface utilisateur graphique)

MVP : Model-View-Presenter (Modèle-Vue-Présentateur)

MVC : Model-View-Controller (Modèle-Vue-Contrôleur)

DTO : Data Transfer Object (Objet de transfert de données)

UI/UX : User Interface/User Experience (Interface utilisateur/Expérience

utilisateur)

VCS : Version Control System (Système de contrôle de version)

HTTP : Hypertext Transfer Protocol (Protocole de transfert hypertexte)

HTTPS : Hypertext Transfer Protocol Secure (Protocole de transfert hypertexte

sécurisé)
4- Chapitre 1: Contexte général du projet

4-1 Introduction:
4-2 Présentation de l’organisme d’accueil

FRACTALITE[1] , est une société technologique fondée en 2010 à

Casablanca qui innove, conçoit et développe des solutions informatiques
en faveur des entreprises souhaitant se digitaliser. Cette transformation
repose sur deux volets principaux :
● La refonte et la dématérialisation des processus métiers et des Workflows.
● La mise en place des systèmes d’information.

4-2-1 Domaine d'expertise

Fractalite met en place plusieurs services afin d'accompagner ses clients

et leur assurer un travail qualitatif et en lui apportant une réelle valeur
ajoutée. Parmi ces services on retrouve :

Intégration
Qui est l’une des étapes cruciales de la transformation digitale, elle
permet à l’entreprise d’accéder en temps réel à des données fiables et
pertinentes.
Développement Web
En mettant ses ressources technologiques et humaines pour trouver une
solution optimale pour la conception et la création d’un site web tout en
répondant aux besoins des clients.

Développement mobile
En offrant un large panel d’applications mobiles performantes et
ergonomiques. Grâce à une équipe spécialisée en la matière, maîtrisant
les langages de développement pour IOS et Android.
 Infrastructure
En mettant en place une architecture Cloud robuste et performante afin
d’accompagner les clients.

Solution IT
Le traitement des informations (collecter, stocker, et distribuer) est l’un
des facteurs clés de succès des entreprises modernes.

Marketing digital
Qui permet aux entreprises de lancer rapidement des nouvelles gammes
de produits et services en fonction des demandes changeantes du marché.

4-2-2 Produits phares

La société a décidé de lancer ses propres produits afin de se démarquer

et apporter du renouveau à celle-ci.

● Fractale-Sales
Est le Customer Relationship management (CRM) créé par
Fractalite et adapté à différents processus métiers.

Application web disponible responsive, destinée à toutes les tailles

d'entreprises avec une gestion d'accès selon le service ou la
responsabilité.

● Fractale-Corpo
Self Booking Tool : plateforme de réservation destinée au
corporate pour une meilleure gestion des business Travel ;
connectée via API aux agrégateurs de vols et d'hébergement, elle
permet de gagner en temps et en efficacité pour la planification et
validation des déplacements professionnels et également leurs
budgets alloués.

Toutes les commandes sont enregistrées sur la plateforme pour

une meilleure traçabilité.
 ● Fractale-Travel
Application web modulaire dédié aux acteurs de tourisme
notamment les agences de voyages connectés via API à des
agrégateurs de vols, des Beds-Banks ou encore à des web services
de transfert pour tout centraliser en une seule plateforme, faciliter
la tâche quotidienne du conseiller du voyage, améliorer sa
productivité et en l'occurrence satisfaction du client agence.

● Fractale-Beds
Booking engine appelé également moteur de réservation, est le
logiciel des hôteliers par excellence quel que soit la taille de leur
établissement, il permet de gérer tout ce qui relate à la réservation,
allant de la création de type de chambre, allotement, segmentation
tarifaire, distribution multinationale jusqu'à la vente
 4-2-3 Fiche technique de l’entreprise

Nom de l’entreprise Fractalite

Dirigeant M. KASMI Mohammed

Bd Abdellatif Ben Kaddour

Adresse
5éme étage, 20250 Casablanca
Maroc

Année de création 2010

Numéro de téléphone +212 605 376 235

Site web https://fractalite.com

Email contact@fractalite.com
5-Présentation du projet:

5-1 Problématique :

La gestion efficace d'un hôtel repose sur une compréhension approfondie de

son activité, y compris la disponibilité des chambres et la performance globale.
Cependant, la visualisation de l'état des réservations et des statistiques de
La performance de l'hôtel peut souvent être un défi pour les gestionnaires.
D'où vient cette plate-forme pour remédier aux suivants :
● Avoir un aperçu en temps réel de la capacité d'accueil de l'hôtel
● Avoir un aperçu en temps réel des réservations actuelles et futures
● Avoir un aperçu en temps réel de taux d'occupation et les revenus
générés
● Maximiser les performances financières de l'établissement.

6-Solution offerte:

La solution proposée pour répondre aux besoins du gestionnaire de l'hôtel

consiste
en une application dédiée à la gestion des réservations et à la surveillance des
performances
de l'établissement. Cette application intuitive offrira au gestionnaire une
interface conviviale
pour visualiser en temps réel l'état des réservations, notamment le nombre de
chambres
occupées, les réservations à venir et les annulations éventuelles. De plus, elle
fournira des
outils de suivi des performances de l'hôtel, tels que les taux d'occupation, les
tendances de
1. Gestion des Réservations : L'application permet au gestionnaire de visualiser
en temps réel l'état des réservations. Il peut voir combien de chambres sont
occupées actuellement, les réservations à venir et les éventuelles annulations.
Cette vue en temps réel permet au personnel de l'hôtel de mieux planifier et de
réagir rapidement aux fluctuations de la demande.

2. Suivi des Performances : L'application fournit des outils de suivi des

performances de l'hôtel. Le gestionnaire peut accéder à des données telles que
les taux d'occupation, les tendances de réservation, les revenus par chambre et
d'autres statistiques clés. Cela permet une analyse approfondie des performances
de l'établissement et aide à prendre des décisions éclairées pour optimiser les
opérations.

3. Gestion des Tarifs : Une fonctionnalité importante est la gestion des tarifs. Le
gestionnaire peut ajuster les tarifs en fonction de la demande, des saisons ou
d'autres facteurs pertinents. Cela permet de maximiser les revenus en tirant parti
des périodes de forte demande et en proposant des offres spéciales pour attirer
les clients.

4. Gestion des Clients : L'application peut également stocker les informations

sur les clients, leurs préférences et leur historique. Cela permet au personnel de
l'hôtel d'offrir un service personnalisé et de fidéliser les clients.

En résumé, cette application offre une solution complète pour la gestion des
réservations et l'optimisation des performances d'un hôtel. Elle permet au
gestionnaire de disposer des informations nécessaires pour prendre des décisions
éclairées et offrir un service de qualité aux clients de l'établissement.
7-Outils et technologies:
Les technologies et les Framework:
● Angular + ionic :

Ionic est une boîte à outils open source conçue pour le développement
d'applications mobiles performantes. Elle utilise des technologies web telles
qu'HTML, CSS et JavaScript, avec des intégrations pour les frameworks
populaires tels qu'Angular, React et Vue. Cette approche permet aux
développeurs de créer des applications mobiles cross-plateformes, fonctionnant
à la fois sur iOS, Android et le web, en utilisant un seul code source.
Ionic offre une interface utilisateur native-like grâce à une vaste bibliothèque de
composants préconçus, garantissant une expérience utilisateur familière et
attrayante. Il met l'accent sur les performances en exploitant l'accélération
matérielle et les fonctionnalités natives des appareils pour offrir des applications
fluides et réactives.
De plus, Ionic propose une variété de plugins et d'extensions pour simplifier
l'accès aux fonctionnalités natives telles que la géolocalisation, l'accès à la
caméra et les notifications push. Cette solution bénéficie d'une communauté
active, offrant une documentation exhaustive et un support en ligne.
En tant qu'outil open source, Ionic est gratuit, ce qui en fait une option rentable
pour le développement d'applications mobiles cross-plateformes, tout en offrant
une interface utilisateur de haute qualité et des performances optimales.

Angular est un framework pour clients, open source, basé sur TypeScript et
dirigé par l'équipe du projet Angular chez Google ainsi que par une communauté
de particuliers et de sociétés. Angular est une réécriture complète d'AngularJS,
cadriciel construit par la même équipe.

Postman

Postman est un client API qui permet aux développeurs de créer, partager, tester
et documenter facilement des API. Cela se fait en permettant aux utilisateurs de
créer et d'enregistrer des requêtes HTTP/s simples et complexes, ainsi que de
lire leurs réponses. Le résultat - un travail plus efficace et moins fastidieux.
Les outils de support:
● 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, les snippets, la refactorisation du code et Git intégrer. Les utilisateurs
peuvent modifier le thème, les raccourcis clavier, les préférences et installer des
extensions qui ajoutent des fonctionnalités supplémentaires.

● IntelliJ IDEA

IntelliJ IDEA est un environnement de développement intégré (IDE)

puissant développé par JetBrains, conçu principalement pour la
programmation en Java, mais qui prend également en charge de nombreux
autres langages de programmation tels que Kotlin, Scala, Groovy, etc. Cet
IDE offre un large éventail de fonctionnalités pour améliorer la
productivité des développeurs, notamment une navigation intelligente, une
complétion de code avancée, une refactoring efficace, une intégration Git,
une analyse statique, et un support complet pour les frameworks et les
technologies populaires. Il est également extensible grâce à un écosystème
d'extensions qui permet aux développeurs d'ajouter des fonctionnalités
supplémentaires en fonction de leurs besoins spécifiques. IntelliJ IDEA est
largement utilisé par les développeurs pour son interface utilisateur
conviviale et ses outils de développement avancés.
GitHub pour notre Projet

Nous avons choisi d'utiliser GitHub comme plateforme de gestion de versions pour

notre projet. GitHub nous permet de collaborer efficacement en tant qu'équipe de

développement, de suivre les modifications apportées au code source et de

maintenir un historique complet des révisions. Voici comment nous utilisons

GitHub dans notre projet :

1. Stockage du Code Source : Nous hébergeons notre code source sur GitHub. Cela

nous permet de le stocker de manière centralisée et d'y accéder à partir de

n'importe quel endroit avec une connexion Internet.

2. Gestion des Versions : GitHub nous offre un contrôle de version robuste. Nous

pouvons suivre chaque modification apportée au code, ce qui est essentiel pour la

collaboration et la résolution de conflits.

3. Collaboration d'équipe : GitHub facilite la collaboration entre les membres de

notre équipe. Chacun peut travailler sur sa propre branche (branch) et fusionner

(merge) les modifications dans la branche principale (main) lorsque nécessaire.

4. Suivi des Problèmes : Nous utilisons les fonctionnalités de suivi des problèmes

(issues) de GitHub pour gérer les tâches, les bogues et les améliorations du projet.

Cela nous permet de suivre l'état de chaque problème et de prioriser les travaux à

effectuer.

5. Pull Requests : Nous utilisons des Pull Requests pour soumettre des

modifications au code source principal. Cela permet une révision et une discussion

approfondies avant l'intégration des modifications.

7. Sécurité du Code : Nous utilisons les fonctionnalités de sécurité de GitHub

pour analyser notre code à la recherche de vulnérabilités potentielles et pour

appliquer des pratiques de développement sécurisé.

En résumé, GitHub joue un rôle essentiel dans la gestion de notre projet. Il

améliore notre efficacité, favorise la collaboration entre les membres de l'équipe,

et assure une gestion de versions robuste pour notre code source.

 8- Chapitre 2: Conception
8-1 diagramme de cas d'utilisation

Ce diagramme de cas d'utilisation UML représente les acteurs et les interactions

au sein du système de gestion hôtelière PMS. Il illustre comment différents
acteurs, tels que la gouvernante, le directeur général (DG), et le manager,
interagissent avec le système pour accomplir diverses tâches.

Acteurs :
● Gouvernante : L'employée chargée de superviser les tâches de ménage et
● de maintenance dans l'hôtel.
 ● Directeur Général : Le responsable de haut niveau de l'entreprise
hôtelière, qui a une vue d'ensemble sur la gestion de l'hôtel.
● Manager : Le responsable intermédiaire qui s'occupe de la gestion
quotidienne de l'hôtel, y compris les réservations, les statistiques,
l'affectation des chambres et la planification des événements.

Système de Gestion Hôtelier :

Le rectangle central représente le "Système de Gestion Hôtelier", c'est-à-dire
l'application ou le logiciel qui aide à gérer toutes les opérations de l'hôtel.

Interactions :
● La gouvernante peut effectuer les actions suivantes :
○ Consulter les Tâches de Ménage : Elle peut vérifier les tâches
assignées au personnel de ménage.
○ Saisir les Demandes de Maintenance : Elle peut signaler des
problèmes de maintenance.
○ Valider l'État des Chambres : Elle peut confirmer l'état des
chambres après le nettoyage.
● Le DG peut effectuer les actions suivantes :
○ Surveiller les performances : Il peut surveiller les performances
globales de l'hôtel.
○ Consulter les Rapports : Il peut consulter des rapports détaillés sur
divers aspects de l'hôtel.
○ Gérer les Réclamations Clients : En cas de réclamation d'un client,
il peut intervenir pour résoudre le problème.
● Le manager peut effectuer les actions suivantes :
○ Gérer les réservations : Il peut gérer les réservations des clients.
○ Voir les statistiques : Il peut consulter des statistiques liées à la
gestion de l'hôtel.
○ Affecter les chambres : Il peut assigner des chambres aux clients.
○ Planifier les Événements : Il peut planifier des événements spéciaux
dans l'hôtel.

Relations entre les cas d'utilisation :

Il y a deux relations spéciales indiquées :
● Saisir les Demandes de Maintenance peut conduire à Valider l'État des
Chambres. Cela signifie que lorsque la gouvernante signale un problème
 de maintenance, cela peut entraîner une vérification de l'état des chambres
après la maintenance (peut-être pour s'assurer que tout est en ordre).
● Gérer les Réclamations Clients peut étendre Consulter les Rapports. Cela
signifie que lorsque le manager traite une réclamation client, il peut avoir
besoin de consulter des rapports pour résoudre la situation.

Ce diagramme montre comment les acteurs interagissent avec le système de

gestion hôtelière pour effectuer différentes tâches. Il est utile pour comprendre
les rôles et les responsabilités de chaque acteur et comment ils contribuent au
bon fonctionnement de l'hôtel.
8-2 diagramme de séquences

Ce diagramme de séquence UML décrit les interactions entre les acteurs et le

système d'application mobile de gestion hôtelière PMS (Property Management
System). Le scénario représente les principales étapes d'utilisation de
l'application.
Titre : Application Mobile de Gestion Hôtelière PMS
Participants :
● Directeur Général (DG) : Le haut responsable de l'entreprise hôtelière.
● Manager (M) : Le responsable de la gestion quotidienne de l'hôtel.
● Gouvernante (G) : L'employée chargée de superviser les opérations de
ménage.
● Serveur de l'Application (Serveur) : Le serveur qui héberge l'application
mobile.
● Source de Données Externe (Externe) : Une source externe, une API et un
service externe, fournissant des informations telles que les avis Google et
les données d'urgence.

Séquence d'Interactions :
Les trois utilisateurs, le DG, le Manager, et la Gouvernante, se connectent à
l'application mobile en envoyant des requêtes au Serveur de l'Application.
● Le DG envoie une demande pour obtenir les données du tableau de bord
de l'application au Serveur de l'Application, qui répond en lui fournissant
les données du tableau de bord.
● De manière similaire, le Manager obtient également les données du
tableau de bord de l'application.
● Le DG demande ensuite au Serveur de l'Application de récupérer les
notifications, y compris les réclamations et les urgences. Le serveur
répond en fournissant ces notifications.
Il est important de noter que certaines de ces notifications proviennent de
sources externes. Le Serveur de l'Application communique avec la Source de
Données Externe (Externe) pour récupérer les avis Google et les données
d'urgence.
● Après avoir obtenu les notifications, le DG peut voir les détails des
statistiques en sélectionnant une carte. Il envoie une demande au Serveur
de l'Application, qui répond en fournissant les données des statistiques de
la carte sélectionnée.
● De manière similaire, le Manager peut également obtenir des détails
statistiques en sélectionnant une carte.
● La Gouvernante peut consulter les tâches de ménage en envoyant une
demande au Serveur de l'Application, qui répond en fournissant la liste
des tâches.
Enfin, les trois utilisateurs se déconnectent de l'application en envoyant des
requêtes au Serveur de l'Application.

Ce diagramme de séquence illustre comment les acteurs interagissent avec

l'application mobile de gestion hôtelière PMS pour accéder aux données du
tableau de bord, aux notifications, aux statistiques et aux tâches de ménage. Il
met en évidence l'interaction avec une source de données externe pour obtenir
des informations supplémentaires. Cette représentation visuelle est utile pour
comprendre le flux d'informations et les étapes clés de l'utilisation de
l'application.
 9- Chapitre 3: Réalisation
9-1 Application
Espace manager:

Cette interface représente un tableau de

bord
de gestion pour un hôtel ou une entreprise
similaire, fournissant un aperçu rapide
des
indicateurs clés de performance et des
données essentielles. Voici les éléments
principaux de cette interface :
2. Filtre de Date : Juste en dessous de
l'en-tête, il y a un sélecteur de date qui
permet
à l'utilisateur de choisir une période
spécifique pour les données affichées
3. Alertes Critiques : Une section
avertissant
des problèmes critiques est affichée avec
une
icône d'avertissement et un texte indiquant Critical. Cela permet aux utilisateurs
de prendre rapidement conscience des problèmes urgents.
4. Statistiques Principales : Les statistiques principales sont présentées sous
forme de diapositives dans un conteneur de type carrousel. Trois indicateurs clés
sont inclus : "Out of Service Rooms," "Maintenance Rooms," et "Closed
Rooms." Chaque indicateur est accompagné d'une barre de progression colorée
qui représente la proportion des chambres par rapport au nombre total, ainsi que
le nombre absolu de chambres.
5. Vue d'Ensemble : En dessous des statistiques principales, une nouvelle série
de diapositives offre une vue d'ensemble de la performance de l'hôtel. Cette
section inclut des statistiques telles que le "Taux de Remplissage," le "Taux
d'Annulation," et le "Nombre d'Arrivées restantes."

6. Gestion Financière : Une section dédiée à la gestion financière présente le

Chiffre d'affaires actuel avec une prévision pour la journée. Cette section offre
également un aperçu rapide des revenus par service de l'hôtel.
7. Revenus par Service : Une autre série de diapositives présente les revenus
par service de l'hôtel, notamment les services de restauration, de chambre, et
d'événement. Chaque service est représenté par une icône et un montant en
dollars.
8. Barre de navigation :En bas de la page, une barre de navigation permet aux
utilisateurs de passer facilement à d'autres sections de l'application grâce à des
onglets.Cette interface de
Cette interface de notification Angular comprend un en-tête avec des boutons
de navigation, une liste de notifications avec des badges de comptage et des
icônes de déploiement pour afficher ou masquer le contenu détaillé de chaque
notification. Lorsque l'utilisateur clique sur une notification, le contenu détaillé
s'affiche sous forme de carte déployable. Chaque notification est composée d'un
libellé descriptif, d'un badge indiquant le nombre de notifications non lues, et
d'une icône de déploiement. Cette interface offre une expérience utilisateur
interactive et permet aux utilisateurs de gérer efficacement leurs notifications.
 Ce composant de sélection de date a été
intégré à la page d'accueil pour permettre
aux utilisateurs de filtrer les statistiques
de l'hôtel en fonction de leur sélection.
Lorsqu'un utilisateur choisit une option
telle que Today (Aujourd'hui), la page
d'accueil se met à jour pour afficher
spécifiquement les statistiques et les
données relatives à la journée en cours.
De la même manière, si l'utilisateur
sélectionne "This week" (Cette semaine),
"This month" (Ce mois-ci), ou "This
Year" (Cette année), la page d'accueil
présente les données correspondantes
pour la période choisie, offrant ainsi une
vue personnalisée des performances de
l'hôtel en fonction de la plage de dates
sélectionnée. Cette fonctionnalité
améliore l'expérience utilisateur en fournissant des informations pertinentes et
actuelles en fonction de la préférence de l'utilisateur.
 Ce composant `<swiper-container>` est
une structure de carrousel qui
permet de présenter des informations
sur différents services de l'hôtel.
Chaque élément du carrousel,
représenté par `<swiper-slide>`,
est une carte affichant des détails
spécifiques sur un service particulier,
tels que la restauration, le service de
chambre et les événements. Chacune
de ces cartes comporte une icône
représentant le type
de service, un titre descriptif et un
montant en dollars correspondant aux
revenus ou aux performances du
service. Les utilisateurs peuvent faire
défiler ces cartes de manière
interactive pour obtenir un
aperçu rapide des chiffres clés de chaque service, ce qui facilite la visualisation
et la comparaison des données. Ce composant offre une manière visuellement
attrayante de présenter des informations importantes sur les différents services
de l'hôtel, améliorant ainsi la convivialité de l'interface utilisateur.
 Cette interface de contact permet au
manager de l'hôtel d'accéder facilement à
des contacts importants en un seul endroit
. Lorsque le manager clique sur l'icône de
téléphone à côté des noms des personnes, il
peut accéder rapidement aux numéros de
téléphone des contacts clés. Chaque élément
de la liste présente une image d'avatar, le
nom de la personne, et un numéro de téléphone
cliquable, simplifiant ainsi la prise de contact
avec des personnes importantes. Cette
fonctionnalité offre au manager un accès rapide
et pratique aux contacts essentiels, améliorant
ainsi la communication et la gestion globale de l'hôtel.
 Cette interface de profil de manager
permet au manager de l'hôtel d'afficher ses
informations personnelles et de les éditer au
besoin. Voici une explication des
composants et de la fonctionnalité
permettant au manager de modifier son
profil :
1. En-tête de Profil :
- L'en-tête contient un bouton de retour
pour permettre au manager de revenir à la
page d'accueil.
- Le titre est dynamique et affiche la
valeur de `pageTitle`, qui peut être
personnalisée en fonction du contexte.
2. Contenu Principal :
- Le contenu principal est situé sous l'en-tête et comprend une carte qui affiche
les informations du manager.
- La carte comprend une image d'avatar, le rôle du manager (dans ce cas,
"Hotel Manager"), et son nom.
3. Informations du Manager :
- Les informations du manager sont présentées sous forme de liste avec des
icônes illustratives.
- Les informations comprennent le numéro de téléphone, l'adresse e-mail et
l'adresse physique du manager.
 4. Bouton "Edit Profile" :
- Le bouton "Edit Profile" permet au manager
de passer en mode édition pour modifier ses
informations.
5. Formulaire de Modification (Initialement
Caché) :
- Lorsque le bouton "Edit Profile" est cliqué,
un formulaire de modification s'affiche.
- Le formulaire contient des champs
modifiables pour le nom, le numéro de
téléphone, l'adresse e-mail et l'adresse physique.
- Les champs sont pré-remplis avec les
informations actuelles du manager, ce qui
permet des modifications rapides.
6. Boutons "Save" et "Cancel" :
- Le bouton "Save" permet au manager de sauvegarder les modifications
apportées à son profil.
- Le bouton "Cancel" permet d'annuler les modifications en cours et de revenir
à l'affichage normal.
En résumé, cette interface de profil offre au manager de l'hôtel la possibilité de
visualiser et de mettre à jour ses informations personnelles, ce qui peut être utile
pour maintenir des données à jour ou pour personnaliser son profil en fonction
des besoins de l'hôtel. La fonction de modification permet au manager de mettre
à jour facilement ses informations, améliorant ainsi la convivialité et la gestion
de son profil.
 Ce bouton, représenté
par <ion-tab-button>,
est un élément interactif
dans l'interface utilisateur
permet au manager de prendre une capture d'écran de la page actuelle en
utilisant la fonction `captureScreen()`. Lorsque le bouton est cliqué, le code
utilise la bibliothèque `html2canvas` pour créer une image de la page, puis
génère un fichier PDF à partir de cette image. Le manager peut ainsi télécharger
la capture d'écran au format PDF pour une utilisation ultérieure.
Espace DG:
Dans notre application, nous avons
prévu un espace réservé au
Directeur Général (DG) qui offre
une vue d'ensemble complète des
statistiques disponibles dans
l'espace du gestionnaire. En outre,
le DG a la possibilité de consulter
les réclamations des clients et
d'accéder à plusieurs statistiques
essentielles pour une gestion plus
approfondie de l'entreprise.
Espace Gouvernante:

L'espace gouvernante est une interface conçue pour permettre au responsable

de la gouvernante de surveiller et de gérer l'état des chambres. Il offre la
capacité de visualiser l'état actuel de chaque chambre, que ce soit "Clean"
(propre), "Dirty" (sale), "Repair" (en réparation) ou "Cleaning" (en cours de
nettoyage). De plus, cet espace permet au responsable de modifier l'état des
chambres en utilisant des options telles que "Clean", "Dirty", "Repair" ou
"Cleaning" pour chaque chambre individuellement.
De manière pratique, il existe également un bouton "Call" (Appel) qui permet
au responsable de contacter directement l'équipe de femme de ménage en cas
de besoin. Cela facilite la communication pour l'affectation de tâches
spécifiques ou toute autre demande liée à l'entretien des chambres. Cette
interface offre ainsi une gestion efficace de l'état des chambres et des tâches
de nettoyage nécessaires au sein de l'établissement.
 10-Conclusion

Dans le cadre de ce rapport, nous avons exploré en détail le développement

d'une application de gestion hôtelière (PMS - Property Management System) en
collaboration avec l'entreprise Fractalite. Cette expérience de stage de PFA a été
riche en enseignements et en opportunités. Voici quelques points clés à retenir de
ce rapport :
1. Contexte de l'Entreprise Fractalite : Fractalite est une entreprise
technologique innovante spécialisée dans le développement de solutions
logicielles. Le stage au sein de cette entreprise nous a permis de découvrir un
environnement professionnel dynamique et axé sur la technologie.
2. Objectif du Projet : Le principal objectif du projet était de concevoir et de
développer un PMS hôtelier fonctionnel. Cette application devait répondre aux
besoins de gestion complexes des établissements hôteliers et offrir des
fonctionnalités avancées pour améliorer leur efficacité opérationnelle.
3. Application Pratique des Compétences : Le stage a été l'occasion
d'appliquer nos compétences en programmation, en conception d'interfaces
utilisateur, en gestion de bases de données et en développement logiciel dans un
contexte réel.
4. Compréhension de l'Industrie Hôtelière : Travailler sur un PMS hôtelier
nous a permis de mieux comprendre les besoins spécifiques de l'industrie
hôtelière en matière de gestion. Cela a nécessité une immersion dans le secteur
et une analyse approfondie des exigences des clients.
5. Collaboration et Communication : Nous avons eu l'occasion de collaborer
étroitement avec l'équipe de développement de Fractalite, ce qui a renforcé nos
compétences en communication et notre capacité à travailler en équipe.
6. Impact Potentiel : Le PMS développé a le potentiel d'apporter un impact
positif significatif à l'industrie hôtelière en améliorant la gestion des
établissements. Cela pourrait se traduire par une meilleure efficacité
opérationnelle et une expérience client améliorée.
En conclusion, ce stage de PFA au sein de Fractalite a été une expérience
précieuse qui nous a permis d'acquérir des compétences pratiques, de
comprendre l'industrie hôtelière et de contribuer à un projet technologique
prometteur. Il a renforcé notre engagement envers la technologie et notre
capacité à relever des défis complexes. Ce rapport reflète notre parcours, nos
réalisations et notre engagement envers l'innovation et le développement
logiciel.