RAPPORT PROJET DE
FIN D’ÉTUDES
SUJET: SITE DE RESERVATION D’HOTELS EN
LIGNE
REALISE PAR : MARWA El QANNAA 2024-2025
SOMMAIRE
1- Remerciements
2- Introduction
3- Chapitre 01 :Analyse des besoins
Étude du marché et des utilisateurs
Cahier des charges fonctionnel
Contraintes et exigences techniques
Architecture du site
4- Chapitre 02: Conception du site
Choix technologiques
Structure des pages
Base de données
5- Chapitre 03 :Développement
Environnement de développement
Création des interfaces
Intégration des fonctionnalités
Sécurité et validation
6- Chapitre 04 :Tests et validations
Tests fonctionnels
Tests utilisateurs
Corrections et améliorations
7- Chapitre 05 :Résultats finals
Présentation du site final
Accès et navigation
Liste des hôtels par ville
2024-2025
SOMMAIRE
8- Chapitre 06 : Difficultés rencontrés
Techniques
Organisationnelles
9- Chapitre 07 :Conclusion et perspectives
Bilan du projet
Améliorations futures possibles
Ouverture vers des extensions
2024-2025
REMERCIEMENTS
Avant tout, je tiens à exprimer ma sincère gratitude à toutes les
personnes qui ont contribué, de près ou de loin, à la réalisation et à la
réussite de ce projet de fin d'études.
Je remercie tout particulièrement Madame Ilham Raihani pour son
encadrement rigoureux, sa disponibilité constante, sa patience et la
qualité de ses conseils. Son expertise et son accompagnement tout au
long de ce travail ont grandement facilité les différentes étapes du
projet, de sa conception à sa finalisation. Sa bienveillance et son
exigence ont été une véritable source de motivation pour moi.
Je tiens également à remercier l’ensemble de l’équipe pédagogique,
pour les connaissances qu’ils m’ont transmises tout au long de ma
formation, ainsi que pour leur soutien et leurs conseils tout au long de
ce projet. Leur implication et leur écoute m'ont permis d’avancer
sereinement et de surmonter les difficultés rencontrées.
Mes remerciements s’adressent aussi à tous mes camarades de
promotion, avec qui j’ai partagé des moments d’échange, d’entraide et
de collaboration, qui ont enrichi mon parcours humain et professionnel.
Enfin, je remercie du fond du cœur ma famille et mes proches, pour
leur amour, leur confiance, leurs encouragements et leur présence à
mes côtés. Leur soutien indéfectible m’a permis d’aborder ce travail
avec motivation et sérénité.
4 2024-2025
INTRODUCTION
Dans un contexte où le digital occupe une place centrale dans le
secteur du tourisme, la mise en place de solutions en ligne adaptées
devient une nécessité pour répondre aux attentes des voyageurs
modernes. Le Maroc, en tant que destination touristique prisée, attire
chaque année des millions de visiteurs locaux et internationaux. Face à
cette demande croissante, les services de réservation en ligne
représentent un levier stratégique pour améliorer l’accessibilité, la
visibilité et la gestion des hébergements touristiques.
Ce projet de fin d’études s’inscrit dans cette dynamique en proposant
la conception et le développement d’un site web dédié à la réservation
d’hôtels de luxe au Maroc. Le site regroupe cinq hôtels luxueux situés
dans différentes villes touristiques majeures : Agadir , Rabat, Tanger ,
Dakhla et Marrakech. L’objectif principal est de permettre aux
utilisateurs de consulter les informations sur chaque hôtel, vérifier les
disponibilités, comparer les offres et effectuer leurs réservations de
manière simple, rapide et sécurisée.
Ce rapport présente dans un premier temps le contexte et les objectifs
du projet, puis détaille les étapes de sa réalisation, depuis la phase de
conception jusqu’à la mise en ligne de la solution. Il met également en
avant les choix techniques effectués, les difficultés rencontrées, ainsi
que les perspectives d’évolution du site.
5 2024-2025
CHAPITRE 01 :
Analyse des besoins :
a) Étude du marché et des utilisateurs :
Avec l’essor du tourisme au Maroc, la demande pour des
services de réservation d’hôtels en ligne ne cesse
d’augmenter. Les plateformes de réservation doivent répondre
à des attentes de plus en plus exigeantes : simplicité, rapidité,
sécurité et personnalisation.
Les utilisateurs cibles de notre site sont :
Des touristes nationaux et internationaux.
Des voyageurs d’affaires ou des familles en vacances.
Des personnes recherchant un hébergement par ville, par
prix ou par type (luxueux, économique, traditionnel...).
Ces utilisateurs souhaitent :
Accéder facilement à une liste d’hôtels disponibles.
Comparer les prix et les services.
Réserver en quelques clics, de manière fiable et sécurisée.
6 2024-2025
CHAPITRE 01 :
Analyse des besoins :
b) Cahier des charges fonctionnel:
Le site doit permettre à l’utilisateur de :
🔍 Rechercher un hôtel selon :
La ville (Agadir, Rabat, Tanger, Dakhla, Marrakech)
Les dates de séjour
Le prix
Le nombre d’étoiles ou de services (Wi-Fi, piscine, etc.)
🏨 Consulter les détails d’un hôtel :
Nom, description, images, emplacement, services
proposés, prix par nuit.
📝 Réserver une chambre :
Formulaire de réservation (nom, prénom, e-mail,
téléphone, dates)
Confirmation de réservation
📬 Contacter l’administration du site :
Formulaire de contact ou service client
⚙️ Panneau d’administration (facultatif) :
Ajouter, modifier ou supprimer des hôtels
Gérer les réservations
7 2024-2025
CHAPITRE 01 :
Analyse des besoins :
c) Contraintes et exigences techniques:
Le site doit être responsive (compatible avec les mobiles,
tablettes, PC).
Il doit être rapide et intuitif, avec un design simple et clair.
Les données doivent être stockées en base de données
(MySQL ou autre).
Le site doit être développé avec des technologies web
modernes :
HTML, CSS, JavaScript (ou framework), PHP.
L’interface doit être en français, avec possibilité future de
multilingue (anglais, espagnol...).
8 2024-2025
CHAPITRE 01 :
Analyse des besoins :
d) Architecture du site:
L’architecture générale sera organisée comme suit :
Page d’accueil : présentation du site, recherche rapide.
Pages par ville : liste des hôtels disponibles dans chaque
ville.
Page détails hôtel : fiche complète d’un hôtel.
Page de réservation : formulaire à remplir.
Page contact : assistance et informations.
Page admin (si besoin) : gestion du contenu.
9 2024-2025
CHAPITRE 02 :
Conception du site : La conception du site web constitue une étape
essentielle dans le cycle de développement. Elle regroupe à la fois les
décisions techniques, l’organisation des pages, l’aspect visuel du site,
ainsi que la modélisation de la base de données.
d) Choix technologiques:
Pour le développement du site, plusieurs technologies ont été sélectionnées en
fonction des besoins fonctionnels, de la facilité d’utilisation, et de la compatibilité
avec les compétences acquises durant la formation :
[Link]/ CSS/ : pour la structure et le style des pages et les interactions côté
client (menu, animation, validation de formulaire…).
LARAVEL: pour le traitement côté serveur.
MySQL : pour la gestion de la base de données.
XAMPP / WAMP : pour l’environnement de développement local.
e) Structure des pages:
Le site a été organisé en plusieurs pages selon la logique de navigation prévue.
Voici la structure principale :
Page d’accueil : présentation générale du site, menu de navigation.
Nos hôtels : Affichage des hôtels disponibles avec quelques détails (nom,
localisation, tarif, etc.).
Offres : Offres spéciales et promotions.
Espace utilisateur: Accessible via la barre de navigation (bouton "Connexion"),
permet l’inscription et la connexion des utilisateurs avec accès à un espace
personnel où l’utilisateur peut consulter ses réservations et modifier ses
informations
10 2024-2025
CHAPITRE 02 :
Conception du site :
f) Choix technologiques:
Page d’administration : Espace sécurisé réservé à l’administrateur du site,
gestion des utilisateurs, des contenus (ajout, modification, suppression d’hôtels,
de réservations, des utilisateurs ,d’offres, …).
Page contact :Formulaire de contact (nom, email, …., message), informations de
contact (email, téléphone, adresse), option d’affichage d’une carte (Google
Maps).
h) Bases de données: La base de données constitue un élément fondamental du
site, permettant de gérer l’ensemble des informations liées aux utilisateurs, aux
hôtels, aux réservations et aux offres. Elle a été conçue de manière relationnelle afin
d’assurer la cohérence, la sécurité et l’intégrité des données.
Choix du SGBD :
Le système de gestion de base de données utilisé est MySQL, pour sa compatibilité
avec Laravel, sa facilité d’utilisation et sa large adoption dans les projets web.
Principales tables de la base de données :
Utilisateurs (users) :
- Contient les informations des utilisateurs inscrits sur le site.
- Champs principaux : id, nom, email, mot_de_passe, role (utilisateur ou admin),
date_inscription.
Hôtels (hotels) :
- Stocke les données de chaque hôtel.
- Champs principaux : id, nom, ville, adresse, description, image, prix_par_nuit.
11 2024-2025
CHAPITRE 02 :
Conception du site :
h) Bases de données:
Chambres (chambres) :
- Détail des chambres pour chaque hôtel.
- Champs principaux : id, hotel_id, type, nombre_lits, prix, disponibilité.
Réservations (réservations) :
- Contient les réservations effectuées par les utilisateurs.
- Champs principaux : id, user_id, chambre_id, date_arrivee, date_depart, statut.
Offres (offres) :
- Gère les promotions ou offres spéciales disponibles.
- Champs principaux : id, titre, description, hotel_id, date_debut, date_fin, reduction.
Messages (messages_contact):
- Stocke les messages envoyés via le formulaire de contact.
- Champs principaux : id, nom, email, message, date_envoi.
Modélisation :
Le modèle relationnel de la base de données repose sur des relations de type
un-à-plusieurs (par exemple : un hôtel peut avoir plusieurs chambres)
et plusieurs-à-un (plusieurs réservations peuvent concerner la même chambre). Les
clés primaires et étrangères ont été définies de manière stricte pour garantir la
cohérence des données.
12 2024-2025
CHAPITRE 03 :
Développement :
a) Environnement de développement : Pour développer le site de réservation
d’hôtels, un environnement de développement web standard a été utilisé,
combinant à la fois des outils modernes et accessibles.
Éditeur de code : Visual Studio Code
Microsoft Visual Studio & Visual Studio Code : Suites de Développement Modernes
Microsoft Visual Studio est une suite complète de développement intégrée (IDE)
conçue pour créer des applications Windows, web, cloud, mobiles et IoT.
La dernière version stable est Visual Studio 2022, offrant des performances
optimisées, un support étendu des langages et une intégration approfondie avec
Azure et .NET. Avantages de VS Code :
✅ Extensible : Des milliers d’extensions (Python, Java, Docker, etc.).
✅ Intégration Git native : Gestion des branches, commits, merges.
✅ Terminal intégré : PowerShell, Bash, WSL.
✅ Débogage intelligent : Prise en charge de [Link], C++, Python, etc.
✅ Personnalisable : Thèmes, raccourcis, snippets.
Langages utilisés :
- Frontend : [Link], CSS
- Backend : Laravel
- Base de données : MySQL
- Serveur local : XAMPP (Apache + MySQL)
13 2024-2025
CHAPITRE 03 :
Développement :
b) Création des interfaces : L’interface du site a été conçue pour être intuitive,
responsive et conviviale. L’objectif est de proposer une navigation fluide aux
utilisateurs, qu’ils accèdent au site via un ordinateur, une tablette ou un
smartphone.
Les pages principales créées sont :
Page d’accueil : Présentation du site avec un diaporama et les offres en vedette.
Page “Nos Hôtels” : Liste des hôtels avec photos, descriptions et lien de
réservation.
Page “Réserver” : Formulaire de sélection (dates, nombre de personnes), avec
disponibilité en temps réel.
Page “Connexion / Inscription” : Authentification sécurisée des utilisateurs.
Espace utilisateur : Gestion des réservations, modification du profil.
Espace administrateur : Ajout/modification/suppression d’hôtels, chambres,
offres, gestion des utilisateurs.
Page “Contact” : Formulaire pour envoyer un message à l’administrateur du site.
Une barre de navigation commune et un pied de page sont présents sur toutes les
pages pour faciliter la navigation.
14 2024-2025
CHAPITRE 03 :
Développement :
c) Intégration des fonctionnalités:
Les principales fonctionnalités dynamiques intégrées sont :
Système de réservation avec vérification de disponibilité.
Espace utilisateur : possibilité de voir, modifier ou annuler ses réservations.
Espace administrateur : tableau de bord pour gérer le contenu du site (CRUD).
Recherche d’hôtels par ville ou nom.
Affichage dynamique des offres et réductions.
Formulaire de contact relié à la base de données.
Toutes ces fonctionnalités ont été codées principalement en PHP avec des requêtes SQL
préparées pour interagir avec la base de données MySQL.
d) Sécurité et validation :
La sécurité et la fiabilité du site ont été prises en compte dès le développement :
Validation des formulaires côté client ([Link]) et côté serveur (Laravel).
Protection contre les injections SQL grâce à l’utilisation de requêtes
préparées (PDO).
Hachage des mots de passe avec l’algorithme password_hash().
Contrôle d’accès :
Seuls les utilisateurs connectés peuvent effectuer une réservation.
L’administration du site est protégée par une vérification du rôle
utilisateur.
Gestion des erreurs : affichage de messages clairs et gestion des erreurs
critiques via des redirections.
15 2024-2025
CHAPITRE 04 :
Tests et Validations :
a) Tests fonctionnels : Les tests fonctionnels ont pour objectif de vérifier que
chaque fonctionnalité du site fonctionne correctement et selon les exigences
définies. Ils ont été réalisés sur un serveur local (XAMPP) avec différents jeux
de données.
Fonctionnalité
Résultat attendu Résultat obtenu Statut
testée
Inscription d’un Création d’un
Succès Réussi
utilisateur compte valide
Connexion avec Redirection vers
Succès Réussi
identifiants l’espace utilisateur
Réservation d’un Enregistrement dans
Succès Réussi
hôtel la base de données
Recherche d’un Affichage des hôtels
Succès Réussi
hôtel correspondants
Accès admin sans Redirection vers la
Succès Réussi
authentification page de connexion
Formulaire de Envoi du message
Succès Réussi
contact dans la base
16 2024-2025
CHAPITRE 04 :
Tests et Validations :
b) Tests utilisateurs : Pour évaluer l’ergonomie et la convivialité du site, des
tests utilisateurs ont été effectués avec un petit groupe de personnes
(étudiants et amis non développeurs).
Méthodologie :
- Nombre de participants : 5
- Outils utilisés : questionnaires, observation directe
- Tâches demandées :
Créer un compte
Réserver un hôtel
Envoyer un message via la page Contact
Se déconnecter
Résultats :
- Tous les utilisateurs ont réussi à utiliser les fonctions principales sans
assistance.
Quelques remarques ont été faites concernant :
Le manque de messages de confirmation visibles après certaines
actions (ex : "réservation effectuée avec succès").
Le bouton de retour à l’accueil peu visible sur certaines pages.
17 2024-2025
CHAPITRE 04 :
Tests et Validations :
c) Corrections et améliorations : À la suite des tests, plusieurs corrections et
ajustements ont été réalisés :
Problème identifié Correction apportée
Ajout d’un message flash confirmant la
Absence de message après réservation
réservation
Champ de mot de passe non masqué Correction via l’attribut type="password"
Bouton de retour difficile à repérer Amélioration du design (taille et couleur)
Ajout de validations JavaScript + côté
Manque de validation des champs
serveur
Ajustement du CSS pour meilleure
Texte peu lisible sur mobile
responsivité
18 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final: À l’issue de toutes les phases de développement,
tests et corrections, le site de réservation d’hôtels a été finalisé avec succès.
Il propose une interface claire, moderne et facile d’utilisation, adaptée aussi
bien aux ordinateurs qu’aux appareils mobiles (responsive design).
Le site comporte les principales sections suivantes :
Page d’accueil : introduction, présentation de l’entreprise, menu de
navigation.
19 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Nos hôtels : liste des hôtels partenaires avec photos et descriptions.
20 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Offres : affichage des promotions en cours.
21 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Offres : affichage des promotions en cours.
21 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Réservation : formulaire de réservation personnalisé.
21 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Réservation : formulaire de réservation personnalisé.
22 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Espace utilisateur : pour s’inscrire, se connecter et consulter ses
réservations.
22 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Contact : formulaire permettant aux visiteurs d’envoyer un message.
23 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Contact : formulaire permettant aux visiteurs d’envoyer un message.
Espace administrateur : gestion des utilisateurs, hôtels et réservations
(accès restreint).
24 2024-2025
CHAPITRE 05 :
Résultats finals:
a) Présentation du site final:
Espace administrateur : gestion des utilisateurs, hôtels et réservations
(accès restreint).
Pied de page: intégrés sur toutes les pages pour faciliter la navigation.
25 2024-2025
CHAPITRE 05 :
Résultats finals:
b) Accès et navigation:
La navigation a été pensée pour être intuitive, avec des menus clairs et visibles
depuis toutes les pages. L’utilisateur peut accéder à toutes les rubriques
principales via la barre de navigation supérieure :
Accueil
Nos hôtels
Offres
Réserver
Contact
Connexion / Inscription
Une fois connecté, l’utilisateur peut accéder à son espace personnel où il peut :
Visualiser ses réservations
Modifier son profil
Se déconnecter
Le site est sécurisé avec des validations côté client et serveur pour assurer la
fiabilité des données saisies. Les rôles sont bien séparés : un utilisateur normal
ne peut pas accéder à l’espace d’administration.
26 2024-2025
CHAPITRE 06:
Difficultés rencontrées: Durant la réalisation de ce projet, plusieurs obstacles
ont été rencontrés, tant sur le plan technique qu’organisationnel. Ces
difficultés ont toutefois permis d’enrichir nos compétences et de mieux
comprendre les exigences d’un projet web professionnel.
a) Difficultés techniques:
Certaines problématiques techniques ont freiné temporairement l’avancement
du projet :
Connexion à la base de données : Des erreurs de configuration dans les
identifiants d’accès à la base ont causé des blocages au début du
développement.
Gestion des sessions utilisateur : La mise en place d’un système sécurisé
de connexion et de gestion des sessions (login/logout, protection des pages
réservées) a nécessité du temps pour bien comprendre les mécanismes et
éviter les failles de sécurité.
Affichage dynamique des hôtels : Il a été nécessaire d'utiliser des requêtes
SQL complexes pour permettre un tri par ville et une recherche efficace, ce
qui a demandé des ajustements et des tests fréquents.
Responsive design : L’adaptation du site aux différents écrans (ordinateur,
tablette, smartphone) a posé quelques difficultés au niveau du CSS et de
l’agencement des éléments.
27 2024-2025
CHAPITRE 06:
Difficultés rencontrées:
b) Difficultés organisationnelles:
Sur le plan de l’organisation, les principaux obstacles rencontrés étaient :
Gestion du temps : Il a parfois été difficile de concilier les différentes
tâches du projet avec d'autres obligations académiques et personnelles.
Planification initiale sous-estimée : Certaines fonctionnalités ont pris plus
de temps que prévu, ce qui a nécessité des ajustements dans le planning.
Travail en autonomie : Travailler seule (ou en petit groupe) sans
encadrement quotidien a parfois ralenti la progression, notamment pour
résoudre certains bugs ou faire des choix technologiques.
Communication avec l'encadrant : Les périodes d’indisponibilité de
l’encadrant ont pu créer des retards dans la validation des étapes du projet.
28 2024-2025
CHAPITRE 07:
Conclusion et perspectives:
a) Bilan du projet:
Ce projet de création d’un site de réservation d’hôtels a été une expérience
enrichissante tant sur le plan technique que personnel. Il nous a permis de
mettre en pratique les connaissances acquises au cours de la formation,
notamment en [Link], CSS, LARAVEL, et en gestion de base de données
avec MySQL.
Tout au long de ce projet, nous avons traversé les différentes phases du
développement web : analyse des besoins, conception de l’interface, création
de la base de données, développement des fonctionnalités, tests et corrections.
Chaque étape a contribué à renforcer notre compréhension du processus de
développement d’un site dynamique.
Nous avons également pris conscience de l’importance de l’ergonomie, de la
sécurité, de la validation des données et d’une bonne organisation du code pour
garantir un bon fonctionnement et une expérience utilisateur agréable.
29 2024-2025
CHAPITRE 07:
Conclusion et perspectives:
b) Améliorations futures possibles:
Bien que le site soit fonctionnel, plusieurs améliorations peuvent être
envisagées :
Intégration d’un système de paiement en ligne sécurisé (par carte bancaire
ou plateforme comme PayPal).
Mise en place d’un système de notation et d’avis par les utilisateurs ayant
effectué une réservation.
Optimisation de l’affichage pour accroître les performances (temps de
chargement, gestion du cache).
Traduction du site en plusieurs langues pour toucher un public plus large.
Intégration d’un système de filtres avancés (prix, équipements, catégories
d’hôtel, disponibilité).
30 2024-2025
CHAPITRE 07:
Conclusion et perspectives:
c) Ouverture vers des extensions:
Ce projet peut également être étendu vers des fonctionnalités plus avancées :
Mise en place d’un système de gestion des réservations pour les hôteliers,
leur permettant de gérer leurs chambres et disponibilités.
Création d’un module de fidélité pour récompenser les utilisateurs réguliers.
Intégration d’un chat en ligne ou chatbot pour assister les visiteurs en
temps réel.
Connexion à une API de géolocalisation ou de météo pour améliorer
l’expérience de recherche.
Cordialement,
MARWA EL QANNAA
Stagiaire en Technicien Spécialisé - Développement Digital
ISTA Hay CHMAOU
Le : 19/05/2025 - Sale
31 2024-2025