UNIVERSITE DE DJIBOUTI

Filière : Informatique

Thème

Gestion d’hôtel

Réaliser Par : Encadré Par :

Zakaria Yacin Abdi [Link] Mohamed Abdi
Saad Hassan Nour
MOUSTAPHA MAHAMOUD DJAMA

Année Universitaire 2023 –2024

 Sommaire

Remerciement.......................................................................................3
I. Description De Projet......................................................................4
1.1. Contexte de développement..................................................................................................4
1.2. Présentation du Projet............................................................................................................4
1.3. Objectif...................................................................................................................................4
1.4. Avantage.................................................................................................................................5
1.5. Scenario..................................................................................................................................5

II. Etude Préalable............................................................................6

2.1. Découpage du Projet..............................................................................................................6
2.2. Contrainte de délai.................................................................................................................7
2.3. Planification............................................................................................................................7
2.3.1. Tableau du calculer........................................................................................................8
2.4. Diagramme Gant et Pert.........................................................................................................9
2.4.1. Diagramme Gantt...........................................................................................................9
2.4.2. Diagramme Pert..............................................................................................................9

III. Analyse et Conception.............................................................10

3.1. Modélisation de Base de Donnée.........................................................................................10
3.1.1. Relation en MCD de base de donnée............................................................................10
3.1.2. RELATION EN MLD DE BASES DE DONNEE....................................................................10
3.2. PROTOTYPE...........................................................................................................................11

IV. Réalisation et technique.............................................................12

4.1. Les technique utilise.............................................................................................................12
4.2. Tests.....................................................................................................................................13

CONCLUSION...................................................................................17
Annexe................................................................................................18

2
3
 Remerciement

Cher Mr. CHIREH

Nous tenons à exprimer nos gratitude pour avoir encadré le Guidé notre
projet Votre expertise, votre soutien et vos conseils ont été des éléments
essentiels qui ont contribué de manière significative à la réussite de ce projet.
Votre dévouement envers l'excellence pédagogique et votre capacité à inspirer
ont eu un impact positif sur notre apprentissage. Grâce à votre encadrement,
nous avons acquis des compétences précieuses et avons surmonté des défis de
manière éducative.
Votre passion pour création de notre site web a été une source d'inspiration pour
nous tous, et nous Sommes reconnaissants de l'opportunité que vous nous avez
donnée de travailler sous Votre direction.
Merci encore pour votre soutien constant et pour avoir fait de ce projet une
expérience
D’apprentissage enrichissant.
Merci cordialement

4
 I. Description De Projet

I.1. Contexte de développement

On suppose une personne venu d’un autre pays qui ne connait pas la ville
et qui n’a pas un lieu pour se loyer donc ici on a la meilleure solution
Cette plateforme Donne la possibilité aux clients de réserver directement
des chambres de l’hôtel sans se déplacer vers l’hôtel puis vérifier le prix
correspondant,
Et sans avoir besoin un agent qui lui trouve et qu’il paie
Le système permet aux clients de réserver des hôtels via le site web de
l’hôtel d’une manière transparente, et sécurisé

I.2. Présentation du Projet

Notre projet consiste à développer, une plateforme de réservation d’Hôtel en ligne, qui sera une
solution web innovante offrant aux utilisateurs la facilite de rechercher, trouver et réserver des
hébergements de manière efficace.
Notre projet vise à simplifier le processus de réservation d’hôtels

I.3. Objectif

Facilite d’accès : permettre aux clients de réserver des chambres facilement n’ importe où et à
tout moment en fonction de leurs besoins
Expérience utilisateur : offrir une interface conviviale et accueillante pour pouvoir attirer la
conscience de l’utilisateur
Gestion efficace : permettre une gestion centralise des réservations et des paiements
Feedback client : faciliter la collection de commentaire et d’avis clients pour améliorer les
services
Sécurité de la réservation : Assurer la sécurité des réservations en ligne pour renforcer la
confiance du client

5
 I.4. Avantage
Notre site Permet aux utilisateurs :
-Spécifier leur destination
-Leurs dates de séjour
-Les nombres des chambres désirées
-une Description sur la Chambres
-Liste de Prix
-Catégorie de la chambre
-Moyens de communication hôtelière
-Informations sur l’hôtel
-Galerie de photos et visite virtuelle de l’hôtel
- contenu haute qualité

I.5. Scenario
Connexion d’utilisateur : premièrement des que le client visite la plateforme on lui demander de
s’inscrire la plateforme en cas qu’il n’a pas sinon il va se connecter directement en saisissant le
nom d’utilisateur et le mot de passe Rechercher des chambres : ensuite il va rechercher la
chambre de son choix et qu’il se sent confortable
Sélection de chambre : après avoir retrouvé son choix le client va sélectionner Remplir le
formulaire de la chambre : le client va remplir le formulaire de réservation de l’hôtel puis
l’envoyer

Processus de réservation : il y’aura le système de réservation de l’hôtel

Réception page PDF de confirmation : enfin le client recevra un récit Qui prouve que son
chambre a été reversée avec succès

6
 II. Etude Préalable

II.1. Découpage du Projet

7
 II.2. Contrainte de délai

II.3. Planification

Taches Noms des Taches Durée Prédécesseur

A choix du projet 3 -
B Analyse du besoin 3 A
C Analyse de contrainte 4 A
D Prototype 2 A
E Découpage 2 C
F Modélisation de base 3 E
G Développement de base 4 F
H Interface utilisateur 8 G
I Interface administrateur 7 H
J Back end 8 G,H
K Tests 2 J
L Livraison 5 K

8
 II.3.1. Tableau du calculer

Durée estime Ecart-type estime Variance estime

38 ,42 3,32 1,25

En faisant la (39-38,42) /1,25=0,454. Avec un pourcentage de réussite du projet=67.72.

9
II.4. Diagramme Gant et Pert
II.4.1. Diagramme Gantt

II.4.2. Diagramme Pert

10
 III. Analyse et Conception

III.1. Modélisation de Base de Donnée

III.1.1. Relation en MCD de base de donnée

III.1.2. RELATION EN MLD DE BASES DE DONNEE

Chambre= (id chambre, #id catégorie, num_chambre, type chambre)

Clients= (nom, prénom, Adresse, Email, mot passe)
Reservation= (id_réservation,#id_client,#id_chambre,date_arrive,date_depart)
Employe(id_employe,nom_employe,prenom_employe,adresse,Email,Telephone)
Administrateur(nom_admin,prenom_admin,Email,mot_passe) ;
Catégorie= (id catégorie, catégorie) ;

11
III.2. PROTOTYPE

12
 IV. Réalisation et technique

IV.1. Les technique utilise

[Link]

Wampserver ( MySQL)

Visual studio( HTML, CSS , PHP)

Word

Excel

Gantt Project

13
 IV.2. Tests

Page de connexion

Page Accueil Utilisateur

14
Page de formulaire

15
Page de confirmation

Page Accueil administrateur

16
Page Accueil administrateur

Une foctionnalite du part administrateur

17
 CONCLUSION

La réussite de ce projet de gestion d'hôtel repose sur une approche systématique, intégrant
des fonctionnalités efficaces telles que la réservation en ligne, la gestion des chambres et du
personnel. En optimisant les processus opérationnels, ce système contribuera à une
expérience client améliorée et à une gestion plus efficiente de l'établissement.
Dans ce projet on a eu l’opportunité de créer un site web qui permet de réserver des
chambres via notre site à tout moment .

Difficulté du projet

Durant le projet
Nous avons pas rencontré aucune difficulté sur la création de cette site .

Perspective était

le mode de paiement due grâce au temps qui était trop

serrée et encore grâce à nos effectifs

Bibliographie

[Link] : cette nous aide de nous

montre comment semblera notre site web et grâce a lui
on pu faire le Prototype.

[Link] : cette nous aide de nous

montre comment faite des formulaires des réservation
en php.

[Link] : cette nous aide

beaucoup on a fait des rechercher énorme

18
 Annexe

Utilisateur
<?php
session_start();
if(!$_SESSION['mot']){
header('location:[Link]');
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>reservation paiement</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<header>
<div class="container">

</div>
<div id="branding">
<h1><span class="highlight"> Al-Aqsa</span> HOTEL <img
src="[Link]" ></h1>
</div>
<nav>
<ul>
<li class="current"><a href="[Link]">HOME</a></li>
<li><a href="[Link]">A propos de</a></li>
<li><a href="[Link]">CONTACT Nous</a></li>
<li><a href="[Link]">SERVICES</a></li>
<li><a href="#">GALERIE</a></li>
<li><a href="[Link]">deconnexion</a></li>
</ul>
</nav>
</div>
</header>
<style>
/* Ajoutez vos styles pour la classe 'row' ici */
.row {
display: flex;
justify-content: space-between;
margin-bottom: 20px; /* Espacement entre les lignes, ajustez selon vos
besoins */
}

19
/* Ajoutez d'autres styles de mise en page si nécessaire */
/* Ajoutez ces styles pour agrandir l'image spécifiquement pour la
classe .box img */
#boxes .box img {
width: 100%; /* Pour faire en sorte que l'image occupe 100% de la
largeur du conteneur parent */
height: auto; /* Pour maintenir le ratio hauteur/largeur de l'image */
max-width: 1000px; /* Définissez une largeur maximale pour l'image */
display: block; /* Assurez-vous que l'image est affichée comme un
élément de bloc */
margin: 0 auto; /* Centrer l'image horizontalement dans son conteneur
parent */
cursor: pointer; /* Ajoute un curseur pointer pour indiquer qu'il
s'agit d'un lien cliquable */
}

</style>
<section id="showcase">
<div class="container">
<h1>AL-AQSA HÔTEL</h1>
<p>Sérenite et luxe , votre refuge à l'Ombre d'Al-Aqsa</p>
</div>
</section>

<section id="newsletter">
<div class="container">
<center> <h1>veuillez reserve vos chambres que vous convient </h1>
</center>
</div>
</section>
<?php
include('[Link]');

$sql = "SELECT * FROM chambre ";

$result = $conn->query($sql);

echo "<section id='boxes'>";

echo "<div class='container'>";

if ($result->num_rows > 0) {
// Afficher les données de chaque ligne
$count = 0;
while ($ligne = $result->fetch_assoc()) {
if ($count % 3 == 0) {

20
 // Début d'une nouvelle ligne après chaque troisième image
echo "<div class='row'>";
}

$class = ($count < 3) ? 'box-first-row' : 'box-second-row'; //

Choix de classe en fonction de la ligne

echo "<div class='box $class'>";

echo "<img src='image/" . $ligne["image_chambre"] . "'>";
echo "<h3>" . $ligne["categorie"] . "</h3>";
echo "<p>Prix par jour: $" . $ligne["prix_journel"] . "</p>";
echo"<form action='[Link]' method='post'>";
echo"<input type='hidden' name='num' value='$ligne[id_chambre]'
>";
echo" <button type='submit' class='bouton'>reserver</button>
</form>";
echo "</div>";

$count++;

if ($count % 3 == 0) {
// Fin de la ligne après chaque troisième image
echo "</div>";
}
}

// Fermer la ligne si le nombre total d'images n'est pas un multiple

de 3
if ($count % 3 != 0) {
echo "</div>";
}
} else {
echo "<p>Aucune image trouvée.</p>";
}

echo "</div>";
echo "</section>";

$conn->close();
?>

<footer>
<p>hôtel al-aqsa , Copyright &copy; 2019</p>

21
 </footer>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Brad Traversy">
<title></title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<header>
<div class="container">
</div>
<div id="branding">
<h1><span class="highlight"> Al-Aqsa</span> HOTEL <img
src="[Link]" ></h1>
</div>
<nav>
<ul>
<li class="current"><a href="[Link]">HOME</a></li>
<li><a href="[Link]">A propos de</a></li>
<li><a href="[Link]">CONTACT Nous</a></li>
<li><a href="[Link]">SERVICES</a></li>
<li><a href="#">GALERIE</a></li>
<li><a href="[Link]">deconnexion</a></li>
</ul>
</nav>
</div>
</header>

<section id="newsletter">
<div class="container">
<h1>Reservation</h1>
</div>
</section>
<section id="boxes">
<div class="container">
<aside id="sidebar">
<div class="dark">
<h3>formulaire de reservation</h3>
<form action="[Link]" method="post">
<label for="nom">Nom :</label>

22
 <input type="text" id="nom" name="nom" required><br><br>

<label for="email">Email :</label>

<input type="email" id="email" name="email" required><br><br>

<label for="date_arrivee">Date d'arrivée :</label>

<input type="date" id="date_arrivee" name="date_arrivee"
required><br><br>

<label for="date_depart">Date de départ :</label>

<input type="date" id="date_depart" name="date_depart"
required><br><br>

<!-- Ajout des champs prix et categorie récupérés depuis la base de

données -->
<?php
include('[Link]');
$o=$_POST["num"];
// Récupérer les informations de la chambre depuis la base de données
$query = "SELECT prix_journel, categorie FROM chambre WHERE
id_chambre='$o'"; // À compléter avec la condition appropriée
$result = $conn->query($query);
if ($result->num_rows > 0) {
$row = $result->fetch_assoc();
$prix = $row["prix_journel"];
$categorie = $row["categorie"];

// Afficher les champs récupérés depuis la base de données

echo "<label for='prix'>Prix :</label>";
echo "<input type='text' id='prix' name='prix' value='$prix'
required><br><br>'";

echo "<label for='prix'> categorie :</label>";

echo "<input type='text' name='categorie' value='$categorie'
required><br><br>'";
} else {
echo "Aucune chambre correspondante trouvée.";
}

// Fermer la connexion à la base de données

$conn->close();
?>
<div><br>
<button class="button_1" type="submit">Réserver</button>

</form>

23
 </div>
</aside>
</div>
</section>
<br><br><br><br>
<footer>
<p>hôtel, Copyright &copy; 2019</p>
</footer>
</body>
</html>

<!-- [Link] -->

<?php
include('[Link]');
// Récupérez les données du formulaire
$nom = $_POST['nom'];
$mail = $_POST['email'];
$dA = $_POST['date_arrivee'];
$dd = $_POST['date_depart'];
$p=$_POST['prix'];
$cat=$_POST['categorie'];
// Insérez les données dans la table 'reservation'
$reservation_query = "INSERT INTO reservation
(Nom,Email,date_arrive,date_depart,prix,categorie)
VALUES ('$nom', '$mail', '$dA', '$dd','$p','$cat')";
$result_reservation = mysqli_query($conn, $reservation_query);
$o=$_POST["num"];
$requet="SELECT prix_journel,categorie FROM chambre WHERE id_chambre=$o";
$result = $conn->query($requet);
if ($result->num_rows > 0) {
$row = $result->fetch_assoc();
$prix = $row["prix_journel"];
$categorie = $row["categorie"];
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Confirmation de Réservation</title>
<style>
body {
font-family: Arial, sans-serif;

24
 margin: 0;
padding: 0;
background-color: #f4f4f4;
}

header {
background-color: #333;
color: #fff;
padding: 1em;
text-align: center;
}

main {
padding: 2em;
}

.confirmation-message {
background-color: #fff;
padding: 1em;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
button{
padding: 15px;
background: #ff5361;
color: #fff;
font-size: 18px;
border: 0;
outline: none;
cursor: pointer;
width: 150px;
margin: 20px auto 0;
border-radius: 30px;
}

</style>
</head>
<body>

<header>
<h1>Confirmation de Réservation</h1>
</header>

<main>
<div class="confirmation-message">
<h2>Merci pour votre réservation!</h2>

25
 <p>Nom: <?php echo isset($_POST['nom']) ?
htmlspecialchars($_POST['nom']) : ''; ?></p>
<p>Email: <?php echo isset($_POST['email']) ?
htmlspecialchars($_POST['email']) : ''; ?></p>
<p>Date d'arrivée: <?php echo isset($_POST['date_arrivee']) ?
htmlspecialchars($_POST['date_arrivee']) : ''; ?></p>
<p>Date de départ: <?php echo isset($_POST['date_depart']) ?
htmlspecialchars($_POST['date_depart']) : ''; ?></p>
<p>Prix de la chambre: <?php echo isset($prix) ? $prix : ''; ?
></p>
<p>Catégorie de la chambre: <?php echo isset($categorie) ?
$categorie : ''; ?></p>
</div>
<button onclick="[Link]();">Imprimer</button>
</main>
</body>
</html>

<!DOCTYPE html>
<html lang="en">

<!-- ... (votre code HTML existant) -->

<!-- ... (votre code HTML existant) -->

<?php

?>

Administrateur

26
<?php
session_start();
if(!$_SESSION['mot']){
header('location:[Link]');
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="[Link]">
<title>[Link]</title>
</head>
<body>
<!--- SIDE BAR ----->
<aside>
<div class="user-img"><img style="background-size: cover;
height: 120px;
width: 120px;
border-radius: 65px;
margin-left: -8px;" src="[Link]" alt="">
<p>Administrateur</p>
<p style="color:green;">enligne</p>
</div>
<br>
<br>
<br>
<br>
<br>
<nav>
<ul>
<li>
<a href="[Link]">Accueil</a>
</li>
<li>
<img src="[Link]" >client
<input type="checkbox" id="down1">
<label for="down1" class="nav-toggle">
<img src="[Link]" id="down">
<img src="[Link]" id="up">
</label>
<ul class="sous-menu">
<li><img src="[Link]"><a
href="[Link]">Liste des client</a></li>

27
 <li><img src="[Link]"><a
href="[Link]">Ajouter un client</a></li>
<li><img src="[Link]"><a
href="[Link]">Modifie de client</a></li>
<li><img src="[Link]"><a
href="[Link]">Supprimer un client</a></li>
</ul>
</li>
<li>
<img src="[Link]" >Employe
<input type="checkbox" id="down2">
<label for="down2" class="nav-toggle">
<img src="[Link]" id="down">
<img src="[Link]" id="up">
</label>
<ul class="sous-menu">
<li><img src="[Link]"><a
href="[Link]">Liste des Employe</a></li>
<li><img src="[Link]"><a
href="[Link]">Ajouter un Employe</a></li>
<li><img src="[Link]"><a
href="[Link]">Modifie de Employe</a></li>
<li><img src="[Link]"><a
href="[Link]" id="petit">Supprimer un Employe</a></li>
</ul>
<li>
<img src="[Link]" >chambres
<input type="checkbox" id="down3">
<label for="down3" class="nav-toggle">
<img src="[Link]" id="down">
<img src="[Link]" id="up">
</label>
<ul class="sous-menu">
<li><img src="[Link]"><a
href="[Link]">Liste des chambres</a></li>
<li><img src="[Link]"><a
href="[Link]">Ajouter un chambres</a></li>
<li><img src="[Link]"><a
href="[Link]">Modifie de chambres</a></li>
<li><img src="[Link]"><a
href="[Link]">Supprimer un chambres</a></li>
</ul>

<li>
<img src="[Link]" >reservation
<input type="checkbox" id="down4">

28
 <label for="down4" class="nav-toggle">
<img src="[Link]" id="down">
<img src="[Link]" id="up">
</label>
<ul class="sous-menu">
<li><img src="[Link]"><a
href="[Link]">Liste des reservation</a></li>
<li><img src="[Link]"><a
href="[Link]">Supprimer un reservation</a></li>
</ul>
<br>
<br>
<br>
<br>
<li>
<li><img src="[Link]"><a
href="[Link]">deconnexion</a></li>

</ul>
</nav>
</aside>
<section id="corps" style="background-image: url([Link]);">
</section>
</body>
</html>

<?php
session_start();
if(!$_SESSION['mot']){
header('location:[Link]');
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="[Link]">
<title>[Link]</title>
</head>
<body>
<!--- SIDE BAR ----->
<aside>
<div class="user-img"><img style="background-size: cover;
height: 120px;

29
 width: 120px;
border-radius: 65px;
margin-left: -8px;" src="[Link]" alt="">
<p>Administrateur</p>
<p style="color:green;">enligne</p>
</div>
<br>
<br>
<br>
<br>
<br>
<nav>
<ul>
<li>
<a href="[Link]">Accueil</a>
</li>
<li>
<img src="[Link]" >client
<input type="checkbox" id="down1">
<label for="down1" class="nav-toggle">
<img src="[Link]" id="down">
<img src="[Link]" id="up">
</label>
<ul class="sous-menu">
<li><img src="[Link]"><a
href="[Link]">Liste des client</a></li>
<li><img src="[Link]"><a
href="[Link]">Ajouter un client</a></li>
<li><img src="[Link]"><a
href="[Link]">Modifie de client</a></li>
<li><img src="[Link]"><a
href="[Link]">Supprimer un client</a></li>
</ul>
</li>
<li>
<img src="[Link]" >Employe
<input type="checkbox" id="down2">
<label for="down2" class="nav-toggle">
<img src="[Link]" id="down">
<img src="[Link]" id="up">
</label>
<ul class="sous-menu">
<li><img src="[Link]"><a
href="[Link]">Liste des Employe</a></li>
<li><img src="[Link]"><a
href="[Link]">Ajouter un Employe</a></li>

30
 <li><img src="[Link]"><a
href="[Link]">Modifie de Employe</a></li>
<li><img src="[Link]"><a
href="[Link]" id="petit">Supprimer un Employe</a></li>
</ul>
<li>
<img src="[Link]" >chambres
<input type="checkbox" id="down3">
<label for="down3" class="nav-toggle">
<img src="[Link]" id="down">
<img src="[Link]" id="up">
</label>
<ul class="sous-menu">
<li><img src="[Link]"><a
href="[Link]">Liste des chambres</a></li>
<li><img src="[Link]"><a
href="[Link]">Ajouter un chambres</a></li>
<li><img src="[Link]"><a
href="[Link]">Modifie de chambres</a></li>
<li><img src="[Link]"><a
href="[Link]">Supprimer un chambres</a></li>
</ul>

<li>
<img src="[Link]" >reservation
<input type="checkbox" id="down4">
<label for="down4" class="nav-toggle">
<img src="[Link]" id="down">
<img src="[Link]" id="up">
</label>
<ul class="sous-menu">
<li><img src="[Link]"><a
href="[Link]">Liste des reservation</a></li>
<li><img src="[Link]"><a
href="[Link]">Supprimer un reservation</a></li>
</ul>
<br>
<br>
<br>
<br>
<li>
<li><img src="[Link]"><a
href="[Link]">deconnexion</a></li>

</ul>
</nav>

31
 </aside>

</body>
</html>
<section id="corps" style="background-image: url([Link]);">
<?php
include('[Link]');
$nom=$_POST['nom'];
$prenom=$_POST['prenom'];
$mail=$_POST['mail'];
$mot=$_POST['mot'];
$resultat="INSERT INTO client (nom,prenom,Email,mot_passe)
VALUES('$nom','$prenom','$mail','$mot')";
$resultat=mysqli_query($conn,$resultat);
if($resultat)
{
echo ("ajout reussie avec succes");}
else{
echo ("ajout echoué".mysqli_error($sum));
}
?>
</section>
</body>
</html>

32