Département : Mathématiques, Physique & Informatique

Filière : Sciences Mathématiques et Informatique

Mémoire de Projet de Fin d'Etudes

Conception et Réalisation d’une application

Web
de Gestion d’Hôtel

Cas : << Hôtel Mercure Quemado resort >>

Soutenu le : 30/06/2022

Réalisé par :
Encadré par :
BOUDOUZ Fatima Zahra Pr. EL
HAZZAT Soulaimane

Année universitaire : 2022/2023

Filière : SMI
 Dédicaces

A DIEU, pour m'avoir donné la force dans les moments difficiles

d'éditer ce mémoire.

A ma mère, qui a oeuvré pour ma réussite, par son amour, son

soutien, tous les sacrifices consentis et ses précieux conseils, pour toute

son assistance et sa présence dans ma vie, reçois à travers ce travail

aussi modeste soit-il, l'expression de mes sentiments et de mon éternelle

gratitude.

A mon père, qui est fier et trouver ici le résultat de longues années

de sacrifices et de privations pour m'aider à avancer dans la vie.

A mes frères et sœurs à qui me souhaitent un avenir prospère.

A toutes ma famille.

A mes chers amis(es) pour leurs présences et encouragements,

qu’ils trouvent là toute ma reconnaissance .

A mes enseignantes pour leurs instructions et directive.

A tous les fonctionnaires de la faculté polydisciplinaire TAZA .

2
 Remerciements

Louange à Dieu qui ma donné la force, le courage, et l’espoir

nécessaire Pour accomplir ce travail et surmonter l’ensemble des

difficultés.

Je tiens d'abord à remercier très chaleureusement Mr EL

HAZZAT Soulaimane parce qu’il m’a permis de bénéficier de son

encadrement, ainsi les conseils qu'il m'a prodigués, la patience, la

confiance qu’il ma témoignée ont été déterminant dans la réalisation de

mon travail.

Mes vifs remerciements vont également aux membres du jury pour

l'intérêt qu'ils ont porté à notre recherche en acceptant d'examiner

notre travail Et de l'enrichir par leurs propositions.

Enfin, je tiens également à remercier toutes personnes ayant

contribué, de près ou de loin, à la réalisation de ce travail.

Table des matières

3
Dédicace...................................................................................................................................2
Remerciements ........................................................................................................................3
Liste des figures..................................................….................................................................7
Introduction générale..............................................................................................................9
Chapitre 1: présentation du projet.................................…....................................................12
1. introduction.............................…........................…...................................…..............13

2. Présentation de l’hôtel Mercure Quemado resort.…...................................….…......13

2.1 Informations sur l'hôtel…...................................….……...................................13
2.2 2.2 Equipements de l'hôtel…...................................….……........................…...14
2.3 Equipements des chambres…...................................….……..............................15
3. Présentation de l’étude…...................................….……...................................……16
3.1 Présentation du sujet…...................................….……...................................…16
3.2 Problématique…...................................….……...................................….……..16
3.3 Objectif de l’étude…...................................….……............................…..…….16
4.Conclusion…...................................….……...................................….……..............17
Chapitre 2: analyse et conception…...................................….……...............................…18
1. Introduction…...................................….……...................................….……............19
2. Définition du l’UML…...................................….……...................................….……19
2.1 Les avantages d’UML…...................................….……………………………..19
3. Spécification…...................................….……...................................….……..…....…20
3.1 Besoins fonctionnels et non fonctionnels…...................................….………...20
A. Besoins fonctionnels et non fonctionnels…...................................….…..20
B. Besoins non fonctionnels…...................................….……........................20
4. Diagramme des cas d’utilisation…...................................….……..............................21
4.1 Diagramme de cas d’utilisation globale…...................................….…………..22
4.2 Description des cas d’utilisations…...................................….…….....................22
4.3 Diagramme de cas d’utilisation Coté Client…...................................….……....24
4.4 Diagramme de cas d’utilisation Coté Administrateur…..............................…...25
5. Diagramme de séquence…...................................….…….......................….........….25
5.1 Diagramme de séquence pour le cas d’utilisation « s’authentifier »…..............26
5.2 Diagramme de séquence pour le cas d’utilisation « Réserver chambre »……..27

4
 5.3 Diagramme de séquence pour le cas d’utilisation « Réservation des tables et
l’endroit d’événement »…...................................….……...................................….……..…28
5.4 Diagramme de séquence pour le cas d’utilisation « Gestion réservation des
chambres »…...................................….……...................…………………………………..29
5.5 Diagramme de séquence pour le cas d’utilisation «Gestion des chambres»…..30
5.6 Diagramme de séquence pour le cas d’utilisation « Gestion des réservation des
tables et l’endroit d’événement »……………………………..……………………………31
6. Diagramme d’activité …...................................….……....................….............….….31
6.1 Le diagramme d’activité : Ajouter réservation…...................................…..……32
6.2 Le diagramme d’activité : Gestion de réservation des chambres……….………33
6.3 Le diagramme d’activité : Gestion des chambres…............................…....….…34
6.4 Le diagramme d’activité : Gestion de réservation des tables et l’endroit
d’événement…...................................….……...................................……………….………35
7. Diagramme de classe…...................................….……...................................….……36
8. Conclusion…...................................….……...................................….………………37
Chapitre 3: réalisation…...................................….……..................................….………….38
1. Introduction …...................................….……................................….………………39
2. Outils de développement…................................….……...................................….…..39
2.1 XAMPP …...................................….……...................................….…………..…39
2.2 PHP MyAdmin…...........................….……..................................….……............39
2.3 Notepad++…...................................….……................................….…………….40
2.4 StarUML…...................................….…….................................….……………..40
3. Langages de développement …...................................….……...................................40
3.1 HTML (Hyper Texte MarkupLanguage)…...................................….………….40
3.2 CSS…...................................….……...................................….………………….41
3.3 javaScript…...................................….……..................................….…………….41
3.4 PHP ….…...................................….……..................................….………………41
4. Schéma de navigation de l’application…………………...................................….…42
4.1 Page d’accueil…...................................….……..................................….……….42
4.2 Page des chambres…...................................….……................................….……43
4.3 Formulaire d’ajout d’une réservation de chambre…................................….….44

5
 4.4 Page de restaurant …...................................….……................................….……45
4.5 Page d’événement privé…...................................….……...............................…..46
4.6 Page de Contact…...................................….……................................….……….47
4.7 Page d’authentification de l’administrateur…...................................….……….48
4.8 Page de réservation des chambres dans l’espace d’administrateur…………….49
4.9 Page des chambres dans l’espace d’administrateur…………………………….51
4.10 Page de réservation des tables dans l’espace d’administrateur………………..52
Conclusion générale…...................................….…….................................….…………….54
Bibliographie……...................................….……..................................….……...................56

Liste des figures

Figure 1 : Hôtel Mercure Quemado resort…………………………………………..……14
Figure 2 : Diagramme de cas d’utilisation globale…………………………………….….22
Figure 3 : Diagramme de cas d’utilisation Coté Client………………………………..….24
Figure 4 : Diagramme de cas d’utilisation Coté Administrateur…………………………25

6
Figure 5 : Diagramme de séquence pour le cas d’utilisation s’authentifier……………..26
Figure 6 : Diagramme de séquence pour le cas d’utilisation Réserver chambre…….….27
Figure 7 : Diagramme de séquence pour le cas d’utilisation Réservation des tables et
l’endroit d’événement………………………………………………………………………28
Figure 8 : Diagramme de séquence pour le cas d’utilisation Gestion réservation des
chambres……………………………………………………………………………………29
Figure 9 : Diagramme de séquence pour le cas d’utilisation Gestion des chambres……..30
Figure 10 : Diagramme de séquence pour le cas d’utilisation Gestion des chambres……31
Figure 11 : Le diagramme d’activité : Ajouter réservation………………………………..32
Figure 12 : Le diagramme d’activité : Gestion de réservation des chambres……………..33
Figure 13 : Le diagramme d’activité : Gestion des chambres…………………………..…34
Figure 14 : Le diagramme d’activité : Gestion de réservation des tables et l’endroit…….35
d’événement
Figure 15 : Le diagramme de classe de notre projet……………………………………….36
Figure 16 : Schéma de navigation de l’application……………………………………..…42
Figure 17 : La page d’accueil de notre site……………………………………….……….43
Figure 18 : La page des chambres…………………………………………………………44
Figure 19 : formulaire de réservation d’une chambre……………………………...…….45
Figure 20 : la réponse de confirmation d’une réservation ……………………….………45
Figure 21 : La page de restaurant…………………………………………………………46
Figure 22 : La page d’événement privé…………………………………………..……….47
Figure 23 : La page de contact…………………………………………………………….48
Figure 24 : La page d’authentification d’administrateur……………………………..….49
Figure 25 : La liste des réservations des chambres en attent……………………….……50
Figure 26 : La liste des réservations des chambres enregistrés……………………………50
Figure 27 : La liste des réservations des chambres vérifiés………………………….…….51
Figure 28 : La liste des chambres ………………………………………………………….52
Figure 29 : La liste des réservations des tables en attent…………………………………..53
Figure 30 : La liste des réservations des tables confirmées………………………………..53

7
INT 8
 RO

L'informatique étant une science de traitement automatique de

données s'avère bénéfique dans tous les domaines qu'ils soient
scientifiques ou professionnels, privés et/ou publics. En observant les
grandes entreprises dans le monde, on se rend vite compte qu'elles
réalisent des travaux complexes en fractions de temps très réduit à l'aide
des machines, ce qui leur couterait des journées manuellement. En se
référant à la gestion des hôtels. Ce genres des travaux ne s'effectuent
plus à la main, mais par les machines et des logiciels.

A l’issu de mon étude, j’ai constaté que les hôtels (l’Hôtel

Mercure Quemado resort) connait actuellement assez de difficultés liées à
son mode de gestion manuelle entrainant le gaspillage du temps lors du
traitement des opérations des clients à l'hôtel, tel que la réservation des
clients, le remplissage du bulletin d'inscription de l'hôtel, fiche
d'identification des clients, l'élaboration des factures, la difficulté de
retrouver les documents à la suite du classement manuel, les erreurs
dans le calcul source des différends entre l'hôtel et ses clients, la lenteur
dans l'élaboration des rapports journalier, mensuel comme annuel à
plusieurs copies.

Vu la complexité des activités d'un hôtel, l'outil informatique est

un élément qui lui facilite une bonne gestion pour une meilleure prise des
décisions dans le but d'orienter la politique générale de celle-ci. Dans ce

9
contexte, ce mémoire s’est focalisé sur une des problématique de la
gestion de l’hôtel (Hôtel Mercure Quemado resort) qui est la réservation
car dans le domaine de l’hôtellerie, la vitesse de traitement des
réservations et la gestion des besoins des clients sont fondamentales
dans la stratégie commerciale, c’est pour cela que l’automatisation et
l’informatisation de la gestion d’un hôtel est devenue indispensable.
Le plan de ce projet est devisé en trois chapitres :

Le premier chapitre intitulé « Présentation du projet », qui fournira

une brève présentation de l’Hôtel Mercure Quemado resort, sa structure,
son organisation, la problématique ainsi que la solution proposée

Le deuxième chapitre est la partie d’une application « analyse des

besoins et
conception », en présentant le langage UML sur lequel est fondée mon
méthode de
conception, suivant le processus unifé. Ensuite, j’ai recensé les
paramètres qui interagissent avec l’application, puis je décrives l’utilité
de chaque paramètre sous forme de cas d’utilisation. Et aussi, pour
chaque cas d’utilisation, j’ai établi le diagramme de séquence dont
l’objectif est de représenter les interactions entre les objets du système
en indiquant la chronologie des échanges .Enfin la réalisation d’un
modèle statique représenté par le diagramme de classe de plus que le
modèle relationnel associé à ce dernier en appliquant les règles de
passage ce qui nous permettra d’avoir un aperçu sur la base de donnée.

Le troisième chapitre concerne la «Réalisation» où j’exposerais

les techniques d’implémentation que j’ai mise en œuvre et je donnerais
un aperçu final à travers quelques interfaces de l’application réalisé.

10
 CHAPITRE 1:
PRESENTATION
DU PROJET

11
1. Introduction

Ce chapitre présente le contexte et les objectifs de mon projet de fin

d’études. Je vais commencer par présenter l’organisme d’accueil et mon
projet, ensuite j'aborderais la problématique et les raisons qui j’ont
amenées à je lancer dans ce travail. Pour terminer ce chapitre, je
définirais mon méthodologie de développement qui est le langage de
modélisation unifié (UML).

2. Présentation de l’hôtel Mercure Quemado

resort

2.1 Informations sur l'hôtel

Situé à moins d'une minute à pied de la plage de Quemado, le

Mercure Quemado Al-Hoceima Resort (figure 1.1) bénéficie de belles vues
sur la mer Méditerranée. Il dispose d'une connexion Wi-Fi gratuite, d'une
terrasse et d'une piscine extérieure.
Présentant une décoration moderne, tous les appartements sont équipés
de la climatisation et du chauffage. Tous comprennent un salon, une table
à manger et une cuisine avec des ustensiles. La salle de bains est
pourvue d'une baignoire et d'une douche.
Vous pourrez préparer vos propres repas dans la cuisine et les déguster
en regardant la télévision dans le salon.
La ville d'Al Hoceima se trouve à 10 minutes de route du Mercure

12
Quemado Al-Hoceima Resort By Accor et l'aéroport Cherif Al Idrissi est
implanté à 19 km.

Figure 1 : Hôtel Mercure Quemado resort

2.2 Equipements de l'hôtel

L’hôtel Mercure Quemado resort dispose des équipements suivants :

 Air conditionné

 Piscine

 Restaurant

 Centre de fitness

 Salle de Jeux

13
  Spa

 Equipement handicapés

 Chambres grand lit 33

 Chambres lits twin 26

 Chambre privilège grand lit 5

 Suites Supérieure 3

L'hôtel Mercure Quemado Resort dispose de climatisation et offre

équipements pour personnes à mobilité réduite. L'hôtel est idéal pour
ceux qui aiment la mer et les sports nautiques

2.3 Equipements des chambres

 Télévision
 Téléphone direct 
 Air conditionné  
 Sèche-cheveux  
 Coffre-fort  
 WiFi
 Balcon
 Terrasse

L'hôtel Mercure Quemado Resort4 étoiles propose l'utilisation d'un

téléviseur dans les chambres. L'hébergement a un téléphoneavec ligne
directe dans toutes les chambres.
L’Hôtel Mercure Quemado Resort4 étoiles offre à ses clients l'utilisation
d'un sèche-cheveux dans les salles de bains. Le logement a un coffre-fort
dans toutes les chambres. Les clients ont accès à une connexion WI-FI à
Internet sans fil dans les chambres.

14
3. Présentation de l’étude

3.1 Présentation du sujet

Les informations circulant dans l’hôtel sont de nature diverses, elles

concernent le client depuis son arrivé jusqu’à son départ de l’hôtel, et
pour le bon fonctionnement du travail j’ai mis en place un système
informatique qui facilitera les tâches des utilisateurs.
L’application à mettre en œuvre permettra aux utilisateurs d’assurer ainsi
une
bonne gestion pour l’hôtel.

3.2 Problématique

Les réservations à l’hôtel Mercure Quemado Resort deviennent de

plus en plus dure, vu les voyageurs et les touristes, chacun serait sans
doute d’accord que la complexité du métier « hôtelier » ne fait que
s’accroitre. Les erreurs sont fréquemment commises, avec le nombre
d’informations à sauvegarder qui augmente de jour en jour, de plus avec
la procédure manuelle et faute de bon archivage des documents ces
derniers sont facilement perdus, et la recherche des informations n’est
pas chose évidente ni facile, ce qui provoque le mécontentement des
clients.

3.3 Objectif de l’étude

L’objectif essentiel de ce travail se résume à « la conception et la

réalisation d’une application web pour la gestion d’un Hôtel », une
application fiable et maniable afin de facilite la tâche de réservation
(chambres, salle et table). De pouvoir suivre la clientèle (de leurs arrivées

15
jusqu’à leur départ).Ainsi que d’améliorer la qualité du service en un
temps très réduit et surtout limiter les erreurs de stockage des
informations et leurs bonne gestion.

4. Conclusion

Dans ce premier chapitre, on a effectué une présentation de l’hôtel

Mercure Quemado Resort et ses différentes structures, ou le plus grand
intérêt est porté au poste de travail service de réception. Puis, on a mis
l’accent sur la problématique ainsi les objectifs à atteindre.
Dans le chapitre suivant, je vais entamer la partie qui consiste à analyser
mes besoins et de les appliquer sur mon conception.

16
 CHAPITRE 2:
ANALYSE ET
CONCEPTION

1. Introduction

Dans ce chapitre on s’intéresse à l’étude et analyse de conception

de l’application proposée pour le traitement des différentes difficultés

17
rencontrées lors des réservations au niveau de l’hôtel Mercure Quemado
Resort. Le langage de modélisation engagé pour ce fait est l’UML qui est
consacré à faire une étude préliminaire de l’application à concevoir. Ce
présent chapitre offre également une démonstration des diagrammes des
différentes utilisations en décrivant les scénarios de chaque acteur, par
conséquent, les diagrammes de séquence qui évoquent les interactions
entre ces acteurs et les différents objets.

2. Définition du l’UML

UML Unified Modeling Language est une notation permettant de

modéliser un problème de façon standard. Ce langage est né de la fusion
de plusieurs méthodes existantes auparavant, et est devenu désormais la
référence en termes de modélisation objet. Nous avons choisi UML
comme langage de conception vu sa simplicité et sa puissance à
l’abstraction des objets réels. Parmi les facteurs de puissance, UML
présente plusieurs diagrammes statiques et dynamiques facilitant la
tache de conception et offrant une vue globale sur la composition et le
fonctionnement de note logiciel.

2.1 Les avantages d’UML

 Flexible
 Facile à Comprendre
 Adopté par plusieurs processus de développement
 Limite les risques d’erreur
 Notation unifiée

 N’est pas limité au domaine informatique

 Adapté par les grandes entreprises

18
3. Spécification

L'analyse de ce sujet m’a permis d'identifier les divers besoins

auxquels doit répondre mon application. Ces besoins dégagés sont
classés en deux catégories à savoir les besoins fonctionnels et les besoins
non fonctionnels.

3.1 Besoins fonctionnels et non fonctionnels

A. Besoins fonctionnels

Les besoins fonctionnels produisent le modèle des besoins en se

basant sur les fonctions des utilisateurs ci-dessus, Elle qualifie de produire
un système adapté aux utilisateurs.
 Permettre la consultation des réservations.
 Permettre les tâches de gestion de chambre : ajout, modification,
suppression.
 Permettre les tâches de gestion des réservations : ajout,
confirmation, vérification, suppression

B. Besoins non fonctionnels

Une fois les besoins fonctionnels sont bien définis, les besoins non
fonctionnels
doivent être pris en compte tout au long du processus de développement
de l’application à savoir :

 L’application doit offrir un fonctionnement sous-réseau.

 Ergonomie et convivialité : l’application doit fournir aux
différents utilisateurs une interface (espace des utilisateurs).

19
  La latence (délai de réponse) doit être raisonnable
 Portabilité : l’application doit être portable, c’est-à-dire
fonctionnelle sur n’importe
 quel machine (ordinateurs).
 Sécurité : l’application doit assurer un niveau minimum de
sécurité pour les
 informations traitées.

4. Diagramme des cas d’utilisation

Le diagramme de cas d'utilisation est diagramme UML utilisés pour

donner une vision globale du comportement fonctionnel d'un système
logiciel. A partir de l’étude préliminaire, j’ai pu dégager le diagramme des
cas d’utilisation.

Acteur : utilisateurs qui interagissent avec un système. Un

acteur peut être une personne, une organisation ou un système
externe qui interagit avec votre application ou votre système.
Système : Le systeme est un ensemble de cas d'utilisation, il
contient les cas d'utilisation mais pas des acteurs
Cas d’utilisation : Un cas d’utilisation est un service rendu
à un acteur : c’est une fontionnalité de son point de vue.

4.1 Diagramme de cas d’utilisation globale

Ci-dessous, je présente le diagramme de cas d’utilisation pour la
compréhension du fonctionnement du système.

20
 Figure 2 : Diagramme de cas d’utilisation globale

4.2 Description des cas d’utilisations

Dans cette section, je présente une description détaillée de chaque

cas d’utilisation. Il s’agit de définir les scénarios possibles.

Cas d’utilisation :Réservation

Acteur principal : Client , Administrateur

21
 Description
L’utilisateur (client, administrateur) choisit le type de réservation
(chambre, table, endroit d’événement), ensuite pour pouvoir réserver
dans l’hôtel en remplissant des formulaires administratifs.

Cas d’utilisation :Authentification

Acteur principal : Client , Administrateur

Description:

cas d’inscription :

Le client saisit ses informations, le système verifie son exixstance, si

l’apprenant est dèjà inscrit, le système affiche un message d’erreur,
si non, il l’enregistre dans la base de données.

cas de connexion:

l’administrateur ou le client saisit les informations demandées (gmail

et mot de passe), le système vérifie son existance, si oui, il le derige
vers la page d’acceuille, si non, il affiche message d’erreur.

Cas d’utilisation :Gestion réservation

Acteur principal : Administrateur

Description:

22
L’administrateur doit s’authentifie d’abord, pour pouvoir consulter les
demandes de réservations, et il pourra supprimer, enregistrer ou
confirmer une réservation.

Cas d’utilisation :Gestion des chambres

Acteur principal : Administrateur
Description:

L’administrateur doit s’authentifie d’abord, pour pouvoir consulter la liste

des chambres d’hôtel, et il pourra supprimer, modifier ou ajouter une
chambre

4.3 Diagramme de cas d’utilisation Coté Client

Figure 3 : Diagramme de cas d’utilisation Coté Client

4.4 Diagramme de cas d’utilisation Coté
Administrateur

23
 Figure 4 : Diagramme de cas d’utilisation Coté Administrateur

5. Diagramme de séquence

L’objectif du diagramme de séquence est de représenter les

interactions entre objets en indiquant la chronologie des échanges. Cette
représentation peut se réaliser par cas d’utilisation en considérant les
différents scénarios associés. Le diagramme de séquence est composé de
:

 Ligne de vie : représente l’ensemble des opérations

exécutées par un objet.

 Message synchrone ( flèche avec extrémité

pleine) : l’émetteur reste en attente de la réponse à son
message avant de poursuivre ses actions.

24
  Message asynchrone (flèche avec une extrémité
non pleine) : l’émetteur n’attend pas la réponse à son
message, il poursuit l’exécution de ses opérations Ainsi, nous
avons développé pour chaque cas d’utilisation un diagramme
de séquence modélisant l’ensemble des interactions.

5.1 Diagramme de séquence pour le cas d’utilisation «

s’authentifier »

Figure 5 : Diagramme de séquence pour le cas d’utilisation

s’authentifier

25
5.2 Diagramme de séquence pour le cas d’utilisation «
Réserver chambre »

Figure 6 : Diagramme de séquence pour le cas d’utilisation Réserver

chambre

26
5.3 Diagramme de séquence pour le cas d’utilisation «
Réservation des tables et l’endroit d’événement »

Figure 7 : Diagramme de séquence pour le cas d’utilisation Réservation

des tables et l’endroit d’événement

5.4 Diagramme de séquence pour le cas d’utilisation «

Gestion réservation des chambres »

27
Figure 8 : Diagramme de séquence pour le cas d’utilisation Gestion
réservation des chambres

28
5.5 Diagramme de séquence pour le cas d’utilisation «
Gestion des chambres »

Figure 9 : Diagramme de séquence pour le cas d’utilisation Gestion des

chambres

29
5.6 Diagramme de séquence pour le cas d’utilisation «
Gestion des réservation des tables et l’endroit
d’événement »

Figure 10 : Diagramme de séquence pour le cas d’utilisation Gestion

des chambres

6. Diagramme d’activité

Le diagramme d’activété représente la dynamique du système.il

montre l’enchainement des activités d’un système ou d’une opération. Il

30
représente le flot de contrôle qui retrace le fil d’exécution et qui transite
d’une activité à une autre dans le système .
6.1 Le diagramme d’activité : Ajouter réservation

Figure 11 : Le diagramme d’activité : Ajouter réservation

31
6.2 Le diagramme d’activité : Gestion de réservation
des chambres

Figure 12 : Le diagramme d’activité : Gestion de réservation des

chambres

32
6.3 Le diagramme d’activité : Gestion des chambres

Figure 13 : Le diagramme d’activité : Gestion des chambres

33
6.4 Le diagramme d’activité : Gestion de réservation
des tables et l’endroit d’événement

34
Figure 14 : Le diagramme d’activité : Gestion de réservation des tables
et l’endroit d’événement

7. Diagramme de classe

Un diagramme de classes UML décrit les structures d'objets et

d'informations utilisées par votre application, à la fois en interne et dans
la communication avec ses utilisateurs.
Il décrit les informations sans faire référence à une implémentation
particulière. Ses classes et relations peuvent être implémentées de
nombreuses manières, comme les tables de bases de données, les nœuds
XML ou encore les compositions d'objets logiciels .

35
 Figure 15 : Le diagramme de classe de notre projet

8. Conclusion

Dans Ce chapitre j’ai présenté d’une façon globale, les deux étapes
essentielles du système élaboré pour l’analyse et la conception de mon
application en suivant le processus de normalisation UML et les différents
diagrammes, afin de faciliter la phase de réalisation.
Le chapitre suivant, quant à lui, sera consacré à la phase de
développement de mon application.

36
CHAPITRE 3:
37
 REALISATION

1. Introduction

Après avoir réalisé une conception qui répondait bien aux besoins de
l’application, j’entame la partie réalisation de l’application que j’ai
développée pour l’hôtel Mercure Quemado Resort, en exposons les
différents outils et langages de développement utilisés lors de la
réalisation et l’implémentation de la base de données ainsi qu’un aperçu
sur les interfaces de notre application.

2. Outils de développement

Le développement d'un tel système nécessite l'utilisation de

quelques outils. Dans ce qui suit, je cite les outils qui ont été utilisés.

2.1 XAMPP

Xampp est un ensemble de logiciels servant à mettre en place

aisément un serveur Web, un serveur FTP et un serveur de messagerie

38
électronique. C'est une distribution de logiciels libres (X
Apache MySQL Perl PHP) offrant une bonne souplesse d'utilisation,
reconnue pour son installation simple et rapide. Ainsi, il est à la portée de
la plupart de personnes dans la mesure où il ne requiert pas de
connaissances spécifiques et fonctionne, qui plus est , sur les dispositifs
d'exploitation les plus communs.

2.2 PHP MyAdmin

Il s’agit de l’une des plus célèbres interfaces pour gérer une base de
données MySQL sur un serveur PHP. Cette interface pratique permet
d’exécuter très facilement et sans grandes connaissances en bases de
données, des requêtes comme les créations de table de données,
insertions, mise à jour, suppressions et modifications de structure de la
base de données. Ce système permet de sauvegarder commodément une
base de données sous forme de fichier .sql d’y transférer ses données,
même sans connaître SQL.

2.3 Notepad++

Notepad++ est un éditeur de code source qui prend en charge

plusieurs langages. Ce programme, codé en C++ avec STL et win32 api, a
pour vocation de fournir un éditeur de code source de taille réduite mais
très performant. Il optimise de nombreuses fonctions tout en conservant
une facilité d'utilisation et une certaine convivialité.

2.4 StarUML

StarUML est un logiciel de modélisation UML, qui a été « cédé

comme open source » par son éditeur, à la fin de son exploitation
commerciale (qui visiblement continue ...), sous une licence modifiée

39
de GNU GPL.

3. Langages de développement

3.1 HTML (Hyper Texte MarkupLanguage)

C’est un langage de description de pages web. Cette description

porte l’extension « html ». Ce code se cache derrière toute page web
constituée de texte, d’images et des liens. Ce langage offre aussi un
moyen de réaliser des documents interactifs en utilisant des liens
hypertexte.

3.2 CSS

Le terme CSS est l’acronyme anglais de Cascading Style Sheets qui

peut se traduire par « feuilles de style en cascade ». Le CSS est un
langage informatique utilisé sur l’internet pour mettre en forme les
fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers
CSS, comprennent du code qui permet de gérer le design d’une page en
HTML.

3.3 JavaScript

JavaScript désigne un langage de développement informatique, et

plus précisément un langage de script orienté objet. On le retrouve
principalement dans les pages Internet. Il permet, entre autres,
d'introduire sur une page web ou HTML des petites animations ou des
effets.

40
3.4 PHP

Est un langage principalement utilisé pour produie un site web

dynamique. Il est courant que ce langage soit associé à une base de
données, tel que MySQL. Exécuté du côté serveur (l’endroit ou est
hébergé le site) il n’ pas besoin aux visiteurs d’avoir des logiciels
particulier. 3.2.4JavaScript Le JavaScript est un langage informatique
utilisé sur les pages web. Ce langage à la particularité de s’activer sur le
poste client, en d’autres mots c’est votre ordinateur qui va recevoir le
code et qui devra l’exécuter. C’est en opposition à d’autres langages qui
sont activé côté serveur. L’exécution du code est effectuée par votre
navigateur internet tel que Firefox ou Internet Explorer. JavaScript est un
langage de programmation de scripts principalement employé dans les
pages web interactives mais aussi pour les serveurs.

4. Schéma de navigation de l’application

Le schéma de navigation d’un site représente les différentes pages
de celui-ci, organisées logiquement et hiérarchiquement sous forme d’un
arbre.

Accueil Admin

Connexion Accueil Comptes Réservation

Chambres Restaurant

Réservation
Chambres Restaurant Evénement

41
Evénement Inscription Contact

Connexion

Figure 16 : Schéma de navigation de l’application

4.1 Page d’accueil

La figure 17 représente la page d’accueil qui est l’interface principal

de notre site. Depuis cette page, le client pourra accéder aux autres
interfaces (Chambre, Evénement, Restaurant, Réservation, Contact,
Inscription) selon ses besoins.

42
 Figure 17 : La page d’accueil de notre site.

4.2 Page des chambres

La figure 18 représente la page des chambres qui est l’interface qui permet d’effectuer une
réservation du chambre par l’administrateur ou le client en cliquant sur “Réserver”, ce
dérnier pourra accéder à l’interface “voir les photos” pour voir toutes les photos et les
disponibilités du chaque chambres .

Figure 18 : La page des chambres.

4.3 Formulaire d’ajout d’une réservation de chambre

La figure 19 représente le formulaire de réservation d’une chambre, en remplissant le

43
formulaire puis en envoyant les données par un clique sur “envoyer”.

La figure 20 représente la réponse de confirmation c'est-à-dire la réservation du chambre

effectuée .

Figure 19 : formulaire de réservation Figure 20 : la réponse de

confirmation d’une d’une chambre
réservation .

4.4 Page de restaurant

La figure 21 représente la page de restaurant qui est l’interface qui permet d’effectuer une
réservation d’une table par l’administrateur ou le client en cliquant sur “Réservation table”
en remplissant le formulaire disponible, ce dérnier pourra accéder à l’interface “Notre menu”
pour voir le menu du restaurant et les plats disponibles .

44
 Figure 21 : La page de restaurant.

4.5 Page d’événement privé

La figure 22 représente la page d’événement privé qui est l’interface qui permet d’effectuer
une réservation de l’endroit d’événement par l’administrateur ou le client en remplissant le
formulaire et en envoyant les données par un clique sur “envoyer”.

45
 Figure 22 : La page d’événement privé.

4.6 Page de Contact

La figure 23 représente la page de contact qui est l’interface qui permet de contacter l’hôtel
par le client en remplissant le formulaire et en envoyant les données dans la boite mail
d’hôtel par un clique sur “envoyer” .

46
 Figure 23 : La page de contact.

4.7 Page d’authentification de l’administrateur

La figure 24 représente la page d’authentification, l'administrateur doit s’authentifier par un

nom d’utilisateur et un mot de passe. Si ces informations existent dans la base de données, le
système donne le droit d’accès à l’espace d’administrateur, sinon un message d’erreur
s’affiche.

47
 Figure 24 : La page d’authentification d’administrateur.

4.8 Page de réservation des chambres dans l’espace

d’administrateur

La figure 25 représente la page de réservation des chambres dans l’espace d’administrateur,

s’affiche en premier lieu la liste des réservations en attente, c'est-à-dire le client n'est pas
venu encore à l'hôtel, et l’administrateur pourra supprimer une réservation ou enregistrer
l’arrivée du client à l'hôtel.

La figure 26 représente la liste des réservations enregistrées, c'est-à-dire le client est arrivé à
l'hôtel mais n'est pas encore parti.

La figure 27 représente la liste des réservations vérifiées, c'est-à-dire le client a quitté l'hôtel
après avoir payé la facture.

48
Figure 25 : La liste des réservations des chambres en attent.

49
 Figure 26 : La liste des réservations des chambres enregistrés.

Figure 27 : La liste des réservations des chambres vérifiés.

4.9 Page des chambres dans l’espace

d’administrateur

La figure 28 représente la page des chambres dans l’espace d’administrateur,

s’affiche en premier lieu les types des chambres d’hôtel, l’administrateur pourra supprimer,
modifier ou ajouterr une chambre .

50
 Figure 28 : La liste des chambres .

4.10 Page de réservation des tables dans l’espace

d’administrateur

La figure 29 représente la page de réservation des tables dans l’espace d’administrateur,

s’affiche en premier lieu la liste des réservations des tables en attente, c'est-à-dire le client
n'est pas venu encore au restaurant d'hôtel, et l’administrateur pourra supprimer une
réservation ou confirmer l’Arrivée du client.

La figure 30 représente la liste des réservations des tables confirmées, Le client est arrivé au
restaurant d'hôtel .

51
 Figure 29 : La liste des réservations des tables en attent.

Figure 30 : La liste des réservations des tables confirmées.

52
 CONCLUSION
GENERALE

Je suis parvenus, par le biais de ce projet, à réaliser un site Web dynamique pour

l'hôtel Mercure Quemado Resort dans le but de faciliter la réservation aux clients en

informatisant cette dernière.

Pour cela, j’ai défini et analysé les besoins attendus du système. Il s'agissait de

formuler, d'affiner et d'analyser la plupart des cas d'utilisation par les diagrammes d'UML.

J’ai par la suite entamé la conception où j’ai mis en œuvre le diagramme de

53
classe, enfin j’ai entamé la réalisation en utilisant les outils d'implémentation appropriés

l’intégration du contenu et le style avec HTML5 et CSS, la gestion de la base de données en

utilisant le PHP et MySQL.

Ce travail m’a permis d’acquérir une expérience personnelle et professionnelle. Il m’a

été très bénéfique car j’ai eu la chance d’améliorer mes connaissances dans le domaine

d’analyse des besoins et de conception et cela sur le plan théorique, mais aussi de découvrir

et d’acquérir de nouvelles connaissances en matière de programmation et de développement

de bases de données en ce qui concerne l’aspect pratique, concernons le côté technique, c’est

une occasion pour moi de se familiariser avec l’environnement du travail et de savoir gérer

notre temps.

Je souhaite que ce travail puisse servir comme un outil d’aide et de documentations

pour les étudiants à l’avenir, et une base de travail pour les utilisateurs concernés.

En perspective, mon Site Web pourrait devenir plus sophistiqué en intégrant d'autres

fonctionnalités comme la possibilité de recruter plus de personnel envoyant son CV.

Bibliographie :
:http://www.hotelroyalbejaia.com/

:http://dspace.univ-tlemcen.dz/bitstream/112/5500/5/chapitre1.pdf

:https://fr.slideshare.net/AmirSouissi1/chap4-diagramme-de-squence

:https://www.edrawsoft.com/fr/uml-classdiagramsolutions.html?

54
gclid=Cj0KCQiAh4jBRCsARIsAGeV12Ao4_G4tKPCx8L1xmE6UhY16JaEFZlxOWD4do

_RZJkH _yQoeEMk_RkaAi0cEALw_wcB

:http://perso.modulonet.fr/~placurie/Ressources/BTS1-

Cgo1/Chap_11_Passage_modele_relationnel.pdf

: http://www-inf.int-evry.fr/COURS/BD/BD_REL/CONCEPTION/reglesconc.html

55