Ministère de l’Economie Numérique

et de la Poste

École Supérieure Africaine des Technologies

de l’Information et de la Communication

Année académique : 2019/2020

L-20.BAM.007

MÉMOIRE DE FIN DE CYCLE POUR L’OBTENTION DE LA

LICENCE EN

SYSTEMES, RÉSEAUX INFORMATIQUES ET

TÉLÉCOMMUNICATIONS (SRIT)

MISE EN ŒUVRE D’UNE APPLICATION WEB DE

RESERVATION ET DE PAIEMENT EN LIGNE DE CHAMBRES
D’HÔTEL

Présenté par
BAMBA Gninaton Dognimé Charles

Période du stage :
16 Mars 2020 au 02 Juillet 2020
Soutenu le :
28 Septembre 2020
Maitre de stage :
Encadreur académique : M. GODO Ulrich Pascal
Dr. YOBOUÉ PAMELA Responsable du service informatique
Maître-Assistant à l’ESATIC de WorlDev

MEMBRE DU JURY

Président : Prof. Monsan Vincent, enseignant à L’UFHB

Rapporteur : M. OULOBLY Stéphane Ronin, enseignant-chercheur à L’ESATIC
Assesseur : Mme Silué Mariam Epse Coulibaly enseignante à L’ESATIC
Membre : M. AGANH Kola Jacques, enseignant à L’ESATIC
Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel
Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

DÉDICACE

Je voudrais dédier ce rapport à ma très chère famille pour tout le soutien apporté.
.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms I

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

REMERCIEMENTS

Je voudrais remercier, l’ensemble des personnes sans qui ce travail n’aurait pu aboutir et
envers qui nous vouons une très grande reconnaissance.

Ainsi, adressons-nous nos vifs remerciements à :

- Prof KONATE ADAMA, Directeur Général de l’ESATIC, pour le leadership qu’il nous
a inculqué tout le long de notre formation ;
- Dr. YOBOUÉ PAMELA, Maître-Assistant à l’ESATIC, pour avoir supervisé ce travail ;
- M. SILUÉ DOZOWA, Enseignant à l’ESATIC, pour avoir supervisé ce travail ;
- Tout le personnel de l’ESATIC (corps enseignant et personnel administratif), pour les
enseignements de qualité et l’encadrement tout le long de notre formation ;
- M. BAHI, Directeur Général de Worldev, pour nous avoir reçu en tant que stagiaire en
informatique au sein de son entreprise ;
- M. GODO, Responsable du service informatique à Worldev, pour nous avoir encadrés
tout le long de notre stage ;
- Tout le personnel de Worldev, pour leur accueil chaleureux et tous les conseils proférés.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms II

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

SOMMAIRE

INTRODUCTION

PARTIE 1 : GÉNÉRALITÉS

CHAPITRE I : PRÉSENTATION DE LA STRUCTURE D’ACCUEIL

CHAPITRE II : PRÉSENTATION DU THÈME DE L’ÉTUDE

PARTIE 2 : ANALYSE ET CONCEPTION DU SYSTÈME

CHAPITRE I : ÉTUDE FONCTIONNELLE

CHAPITRE II : ÉTUDE CONCEPTUELLE

PARTIE 3 : RÉSULTATS ET DISCUSSION

CHAPITRE I : ARCHITECTURE DE L’APPLICATION

CHAPITRE II : TECHNOLOGIES UTILISÉES

CHAPITRE III : PRÉSENTATION DE L’APPLICATION

CONCLUSION GÉNÉRALE

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms III

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

SIGLES ET ABRÉVIATIONS
ACT : thérapie d'ACceptation et d'engagemenT

CRUD : Create, Read, Update and Delete

CNDJ : Centre National de Documentation Juridique

CPDEC : Centre De Préparation Au Diplôme De L'Expertise Comptable

EME : Établissement de Monnaie Électronique

IMSC : International Multi Service Center

ESATIC : École Supérieure Africaine des Technologies de l'Information et de la

Communication

MVC : Model View Controller

NSIA : Nouvelle Société Interafricaine d’Assurance

OTA : Online Tourism Agency

SADT : Structured Analysis and Design Technics

SARL : Société A Responsabilité Limitée

SGBD : Système de Gestion de Base de Donnée

TIC : Technologies de l'Information et de la Communication

UML : Unified Modeling Language (Langage de modélisation unifié)

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms IV

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

GLOSSAIRE
Accepteur : Le fournisseur de biens et de services acceptant la monnaie électronique à titre de
paiement.

E-Service : Le terme e-service désigne tout système d’information ou logiciel permettant aux
usagers de procéder par voie électronique à des démarches ou formalités.

Internaute : Internaute désigne une personne qui utilise Internet, quelqu'un qui va sur le web,
que ce soit de manière régulière ou occasionnelle.

Merise : Méthode d’Etude et de Réalisation par sous ensemble.

Monnaie électronique : une valeur monétaire représentant une créance sur l’établissement
émetteur qui est stockée sous une forme électronique, y compris magnétique ; émise sans
délai contre la remise de fonds d’un montant qui n’est pas inférieur à la valeur monétaire
émise ; et acceptée comme moyen de paiement par des personnes physiques ou morales autres
que l’établissement émetteur.

Porteur : La personne qui, en vertu d’un contrat qu’elle a conclu avec l’EME, détient de la
monnaie électronique.

Runtime : C’est l’environnement logiciel, également appelé environnement d'exécution, où

sont exécutées les applications développées pour un système d’exploitation donné, qui peut ne
pas être associé selon la taille de la cible disponible, par opposition à l’environnement de
développement.

Web : Ensemble des données reliées par des liens hypertextes sur internet.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms V

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

LISTE DES FIGURES

Figure 1:L’organigramme de WORLDEV................................................................................4
Figure 2 : Le diagramme de cas d’utilisation du système de réservation...............................14
Figure 3: Diagramme de séquence pour l’action « ajouter chambre »....................................15
Figure 4:Diagramme de séquence pour l’action « réserver une chambre »............................16
Figure 5:Le diagramme de classe.............................................................................................17
Figure 6:La hiérarchie de reservhotel......................................................................................24
Figure 7: La page d’accueil des de reservhotel........................................................................25
Figure 8: La page d’inscription de reservhotel........................................................................25
Figure 9:La page de connexion de reservhotel........................................................................26
Figure 10: La page des chambres disponibles.........................................................................26
Figure 11: La page détails d’une chambre...............................................................................27
Figure 12: La page de réservation.............................................................................................27
Figure 13: La page de facturation............................................................................................28
Figure 14: La page de gestion de l’hôtel..................................................................................28
Figure 15: La page de gestion des chambres de l’hôtel...........................................................29
Figure 16: La page de gestion des hôtels.................................................................................29
Figure 17: La procédure d’installation de Laravel...................................................................34

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms VI

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

INTRODUCTION
Depuis la fin des années 1980, nous assistons, avec l’avènement du numérique, à une
transformation quasi quotidienne de notre vie. Ce changement est perceptible tant au niveau
des habitudes de vie qu’au niveau de l’organisation structurelle de la société.
On a vu naitre une nouvelle société, la société de l’information, société moderne caractérisée
par un usage accru, dominant et quotidien des TIC. Vue l’importance et l’efficacité des TIC,
dans presque tous les domaines de l'entreprise. Il est né un besoin de digitalisation de la
plupart des secteurs d’activités. La réservation en ligne, via des applications web manipulable
directement en ligne grâce à un navigateur web et qui ne nécessite pas d'installation préalable
sur les machines clientes, est devenue l’un des services les plus demandés dans notre société,
en particulier celle de chambres d’hôtel car maillon essentiel du développement du tourisme,
secteur prometteur dans lequel l’Etat ivoirien investi pour en faire un secteur économique
pourvoyeur d’emplois. En outre, la réservation en ligne s’avère être l’outil propice pour palier
le besoin de digitalisation du secteur hôtelier.
Cependant, s’il est vrai que la réservation de chambres d’hôtels connait un succès en Côte
d’Ivoire, le paiement en ligne reste faiblement utilisé par les ivoiriens. Il convient donc pour
nous développeurs de proposer des plateformes sûres de réservation et de paiement en ligne
capables de gagner la confiance de nos concitoyens. C’est dans ce cadre qu’il nous a été
demandé lors de notre stage de fin de cycle de travailler sur le thème de la : « MISE EN
ŒUVRE D’UNE APPLICATION WEB DE RESERVATION ET DE PAIEMENT DE
CHAMBRES D’HOTEL EN LIGNE » en vue de l'amélioration des relations existantes déjà
entre hôtels et clients d'une part et d'autres part entre hôtels et ses futurs clients à travers la
mise en place de ce site. Pour cette phase d’expérimentation, notre entreprise d’accueil a
souhaité que nous nous limitions aux hôtels se trouvant sur le territoire ivoirien. Dans
l’optique de mener à bien ce travail, la problématique suivante se pose à nous :
Comment mettre en œuvre une application web de réservation ?
Quels sont les moyens de paiement à distance disponible en Côte d’Ivoire ?
Quels sont les informations que les hôtels pourront-ils mettre à la portée du public sans que la
sécurité, la distance et le temps soient des handicaps ?
La réponse à cette problématique subdivisera le travail en trois (3) grandes parties :
- dans la première partie, relative aux généralités, nous présenterons la structure d’accueil et
ferons une description du projet ;
- la seconde partie fera une analyse du projet et une modélisation UML des fonctionnalités;

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 1

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

- nous terminerons avec la troisième partie qui présentera l’architecture ainsi que les outils
de développement utilisés et l’application web.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 2

PREMIERE PARTIE : GÉNÉRALITÉS
Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

Dans cette partie, nous présenterons l’entreprise d’accueil, le thème d’étude qui nous a
été soumis à travers une description globale du projet, de l’existant et du cahier des charges.

CHAPITRE I : PRÉSENTATION DE LA STRUCTURE

D’ACCUEIL
Dans ce chapitre nous présenterons l’entreprise d’accueil où s’est déroulé notre stage.
Nous ferons son historique et nous présenterons son organisation et son domaine d’activité.

I. HISTORIQUE
1. Caractère juridique
Anciennement appelée International Multi Service Center (IMSC) pendant vingt (20)
années, l’entreprise est devenue WORLDEV en 2017.

WORLDEV est une Société à Responsabilité Limitée (SARL) au capital d’un million de
francs CFA (1 000 000 F CFA), créée en 2017 par le cadre ivoirien BAHI HUBERT, ayant
exercé dans des sociétés privées auparavant. Elle a pour objectif principal la promotion et la
vulgarisation de l’informatique dans tout son environnement. WORLDEV, dans la recherche
de marchés, travaille en partenariat avec d’autres structures telles que NSIA-
TECHNOLOGIES, VIP NET et le Centre National de la Documentation Juridique (CNDJ).

2. Statut actuel
La SARL WORLDEV a un effectif de dix (10) personnes qui travaillent au bon
fonctionnement de l’entreprise. C’est une entreprise légale du fait qu’elle respecte les
déclarations en vigueur sur le territoire. Elle a pour références :

- Adresse : 06 B.P 6945 Abidjan 06 ;

- Tél : (225) 22 41 10 00 ;
- Email : info@worldev.com;
- R.CN° : CI-ABJ-2017-B-18667 ;
- CC : 1741031 U ;
- Centre des impôts de Cocody II plateaux2 ;
- Banques : SIB 900008762430 ;
- Compte N° Numéro Employeur CNPS : 329650.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 3

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

II. ORGANISATION DE L’ENTREPRISE

Il s’agit ici de définir la façon dont est découpé et coordonné le travail au sein de
l’entreprise et le mode de fonctionnement qui en découle. On distingue ainsi :

- la Direction Générale ;
- le Secrétariat ;
- le Service Commercial ;
- le Service Développement ;
- le Département Technique ;
- la Direction Juridique et des Ressources Humaines ;
- le Service Comptabilité.

1. Organigramme
Les services de l’entreprise sont structurés et organisés sous la hiérarchie décrite par
l’organigramme illustré à la Figure 1 ci-dessous :

Figure 1:L’organigramme de WORLDEV

2. La direction générale
La Direction Générale de WORLDEV est assurée par Monsieur BAHI HUBERT
ZAOUROU, ancien membre de la Commission Technique chargée de l’informatisation de le
Communauté portuaire de Côte d’Ivoire. Elle élabore les objectifs et la politique de
l’entreprise. Elle contrôle et coordonne les opérations des différents services en collaboration
avec leurs responsables respectifs. Elle ordonne les sorties de fonds par l’apposition de sa
signature sur les différentes pièces de décaissement, chèques, virements, etc.
Elle s’emploie essentiellement à :

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 4

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

- penser la stratégie globale qui sous-tend l’évolution de IMSC ;

- veiller à la mise en application de la politique d’émulation et de motivation de tout le
personnel au service de la satisfaction du client ;
- voir et prévoir pour mieux anticiper sur l’avenir.

3. Le secrétariat
Vitrine de l’entreprise, il est chargé de traiter et de classer les différents documents
administratifs à lui confiés, les plis de l’entreprise ainsi que bien d’autres documents, et de
gérer la liaison téléphonique des différents services. Il est également chargé de la
communication avec l’extérieur de l’entreprise.

4. Le service commercial
Il est chargé d’élaborer de nouvelles stratégies permettant de conquérir de nouveaux
clients potentiels et les amener à conclure afin de faire face à la rude concurrence. Il reste
ensuite en contact avec sa clientèle pour un éventuel service après-vente sinon pour des
commandes ultérieures.

5. Le service développement
Il propose des applications sur mesure aux entreprises désireuses de rendre efficientes
leurs méthodes de travail ; il s’agit de faire la conception de logiciel bien adapté à leur style
de travail et à leurs besoins exprimés selon un cahier de charges bien établi.

Exemple de logiciels conçus :

- GED (Gestion Electronique des Documents) qui consiste à faire le rangement ou

classement électronique des documents physiques.
- GEC (Gestion Electronique du Courrier) qui consiste à faire l’archivage et l’achèvement
des dossiers administratifs des différentes structures.
- GECI (Gestion des états civils) qui est une application conçue pour la gestion des
mairies.
- La bibliothèque numérique du CNDJ
- JURISTEPRO qui est une application conçue pour la gestion des cabinets juridiques
mais utilisable par le système juridique dans son ensemble (Avocats, Huissiers, Juristes,
tribunaux ...). Elle est actuellement le logiciel phare de l’entreprise WORLDEV.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 5

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

6. Le service technique
Ce service travaille en collaboration avec le service commercial. Il maintient les
relations avec la clientèle par la gestion du service après-vente. Il exécute également des
contrats de maintenance, assure l’installation des logiciels commercialisés avec le matériel, le
câblage réseaux et divers autres services. Il est dirigé par un cadre technicien. C’est un
technicien supérieur diplômé en maintenance informatique certifié ACT et ASE COMPAQ.
WORLDEV bénéficie en outre des compétences de collaborateurs extérieurs qui apportent
chacun dans son domaine l’expertise nécessaire permettant à l’entreprise d’honorer au mieux
ses engagements.

7. Le service juridique et ressources humaines

Le service juridique et ressources humaines est dirigé par MONSIEUR Max Bolou,
juriste de formation. Ce service a pour tâche la gestion du personnel et porte assistance à la
Direction Générale quant aux affaires qui la lient aux tiers.

8. Le service comptable
Il est sous la responsabilité d’un cadre administratif titulaire d’un DECF finance
comptabilité option contrôle de gestion et Audit du CPDEC de l’antenne Abidjan de l’Institut
National Polytechnique Felix Houphouët Boigny (INPHB) de Yamoussoukro. Il est chargé de
la gestion des opérations journalières de l’entreprise, en relation avec tous les autres services.
Pour s’assurer une bonne gestion, WORLDEV utilise comme outil de gestion les
logiciels SAGE et DOLIBARR :
-SAGE PAYE qui édite les bulletins de paye, planifie les congés des salariés et traite
les déclarations sociales en toute simplicité.
-SAGE COMPTA qui permet de traiter l’ensemble des tâches financières et
comptables de l’entreprise, et de gérer automatiquement les différentes taxes sur ventes, leurs
encaissements ainsi que les déclarations fiscales.
-DOLIBAR permet de gérer tout le volet commercial c’est-à-dire depuis la
prospection, la facturation, le recouvrement et la relance client.

III. LE DOMAINE D’ACTIVITE

WORLDEV intervient dans diverses activités, dont :

- le développement d’application ;
- le système réseau ;
- la formation pratique ;

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 6

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

- la géolocalisation ;
- la vente de matériel informatique ;
- la création graphique et impression.

CHAPITRE II : PRÉSENTATION DU THEME DE L’ETUDE

Dans ce chapitre nous présenterons le contexte dans lequel s’inscrit le projet, son
importance et le cahier des charges qui lui est dédié.

I. DESCRIPTION DU PROJET
1. Contexte et objectif du projet
A fortiori, le projet s’inscrit dans un contexte académique qui est la mise en pratique
des connaissances théoriques acquises au cours de notre parcours à l’ESATIC mais il nous
permet aussi de nous imprégner des réalités de l’entreprise. Et du point de vue
professionnelle, il s’inscrit dans le cadre des activités de l’entreprise où il nous a été demandé
de réaliser une application web permettant de relier les hôtels à leur clientèle dans le but
d’automatiser la réservation, le paiement des chambres d’hôtel et faciliter l’accès aux hôtels.
2. Spécification des besoins du système
L’analyse du thème, de la problématique et des besoins utilisateurs a permis de faire
ressortir les fonctionnalités qui constituent l’application.
Les contraintes de réalisation et de bon fonctionnement auxquelles le système fait face seront
définis comme étant les besoins non fonctionnels, en vue de combler les problèmes suivant :
- difficulté de recherche de la chambre désirée au meilleur prix ;
- difficulté pour trouver des applications de réservations locales offrant des services
correspondant aux réalités du pays.

II. DESCRIPTION DE L’EXISTANT

1. Présentation et critique de l’existant
Il existe plusieurs plateformes en ligne de réservation de chambre d’hôtel au plan
international comme au plan local. Au plan international les plus utilisées sont les plateformes
OTA (Online Tourism Agency) c’est-à-dire les comparateurs en ligne de prix de chambres
d’hôtel, intermédiaires entre les hôtels et leurs clients. Cependant les hôtels possèdent aussi
leurs propres site web et application de réservation de chambres en ligne. Dans la suite nous
énumérerons les OTA et applications web les plus utilisées en Côte d’Ivoire.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 7

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

1.1. Les plateformes OTA (Online Tourism Agency)

L’apparition des OTA (Online Tourism Agency) comme Booking ou Expedia a bouleversé
les modes de consommation des voyageurs. Auparavant réserver un hôtel se faisait
majoritairement auprès des agences de voyages ou des offices de tourisme. Si un voyageur
souhaitait réserver un établissement par lui-même, il devait appeler par téléphone ou envoyer
un courrier. Ainsi, les chemins de réservations étaient très pauvres. Le développement
d’Internet a ouvert la porte à de nouvelles alternatives. Les OTA constituent une nouvelle
manière de réserver en ligne un séjour. Les plus utilisées sont : Booking, Hotels.com,
Expedia, airbnb, trivago, Agoda et Tripadvisor.

1.2. Plateformes locales : les sites web des hôtels

Au niveau local certaines solutions informatiques : logicielles et applications, ont été
mises en place pour pouvoir satisfaire les besoins nationaux et critères internationaux de
réservation en ligne. Parmi elles les plus utilisées sont :
- l’application web ALL-Accor Hôtels (all.accor.com) qui regroupe la réservation des hôtels
de la filiale Accor implantée en Côte d’Ivoire (l’hôtel Pullman, Sofitel Abidjan Hôtel Ivoire,
Ibis Abidjan Plateau et Novotel Abidjan) ;
- Radisson Blu Hôtel possède sa propre plateforme web de réservation (radissonhotels.com) ;
- ONOMO Hôtel Abidjan possède, elle aussi, une application web de réservation
onomohotel.com ;
- Heden Golf Hotel possède sa propre plateforme web de réservation hedengolfhotels.com.

2. Les fonctionnalités des plateformes existantes

2.1. Fonctionnalités des OTA
Les différentes fonctionnalités que nous retrouvons sur les OTA sont :
- rechercher hôtel/chambre ;
- consulter un hôtel ;
- consulter une chambre ;
- comparer le prix des hôtels ;
- réserver chambre ;
- inscription/ connexion ;
- ajouter une nouvelle annonce ;
- supprimer une annonce ;
- payer par carte bancaire et visa ;

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 8

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

- noter une chambre ;

- noter un hôtel ;
- enregistrer un hôtel ;
- ajouter commentaire ;
- Rechercher dans les commentaires.
2.2. Fonctionnalités des sites web locaux
Les différentes fonctionnalités que nous retrouvons sur ces plateformes sont :
Les différentes fonctionnalités que nous retrouvons sur ces plateformes sont :
- consulter une chambre ;
- réserver chambre ;
- inscription/ Connexion ;
- éditer la disponibilité des chambres ;
- payer ;
- noter ;
- enregistrer une chambre ;
- ajouter commentaire.
3. Cahier des charges
En se référant aux besoins évoqués par l’entreprise, nous avons établi le cahier des
charges ci-après qui regroupe les besoins fonctionnels qui sont l’ensemble des fonctionnalités
que devra contenir notre application finale. Et par la suite les contraintes auxquelles sera
soumis le système pour son bon fonctionnement seront décrites comme étant besoins non
fonctionnels.
3.1. Besoins fonctionnels
Les besoins fonctionnels auxquels notre application web devra répondre sont les
suivants :
 Le système devra être capable de :
- authentifier des utilisateurs et gérants hôteliers via un login et un mot de passe pour
accéder à la plateforme.
 Le système devra permettre aux utilisateurs de :
- rechercher une chambre ;
- réserver une chambre ;
- noter ou Commenter une chambre ;
- payer en ligne ;

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 9

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

- voir l’historique de ses réservations.

 Le système devra permettre aux gérants hôteliers de :
- recevoir des notifications de réservations et de pouvoir consulter les chambres qui ont été
réservées ;
- ajout de chambre ;
- éditer une chambre ;
- supprimer une chambre ;
- gérer les dates de disponibilités ;
- gérer la disponibilité des chambres ;
- consulter les commentaires des chambres.

3.2. Besoins non fonctionnels

Les besoins non fonctionnels sont les besoins qui permettent de décrire les
caractéristiques du système en terme de performance, de type de matériel ou de type de
conception. Ces besoins concernent aussi bien les contraintes d'implémentation telles que le
langage de programmation, le SGBD utilisé ainsi que le système d'exploitation.

Ainsi notre application web doit respecter les besoins non fonctionnels suivant :

- ergonomie de l’interface : l'application doit être facile d’usage et l'interface utilisateur

doit être conviviale et ergonomique ;
- fiabilité : les informations renseignées sur l’application doivent être fiables et sûres ;
- sécurité : l’application comporte les informations personnelles et sensibles des
utilisateurs, donc doit respecter les droits relatifs à la sécurité des systèmes informatiques
et protection des données à caractère personnelles.

Durant cette partie nous avons donné un contexte général à notre projet de fin d’étude
en définissant les différents besoins du projet et en établissant une étude des systèmes
existants qui nous a permis de connaitre les fonctionnalités primordiales.

Dans la partie suivante, nous entamerons la phase d’analyse et de conception du

système.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 10

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 11

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

DEUXIÈME PARTIE : ANALYSE ET CONCEPTION

DU SYSTEME
 Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

Dans cette partie, nous nous attarderons sur l’étude fonctionnelle du projet et son
analyse à travers des modèles statiques et dynamiques détaillant les fonctionnalités de
l’application.

CHAPITRE I : ETUDE FONCTIONNELLE

Dans ce chapitre, nous énumérons les avantages et inconvénients des méthodes
d’analyses en vue de justifier notre choix de méthode. Ensuite, modéliserons-nous le système
à travers différents diagramme.

I. CHOIX DE LA MÉTHODE D’ANALYSE

Il existe différentes méthodes d’analyse dans la réalisation d’un projet en
informatique. Cependant, les plus utilisées sont : MERISE, UML et SADT. Nous énoncerons
dans le tableau suivant les définitions, avantages et limites de ces méthodes.

Tableau 1:Les méthodes d'analyse de projet informatique

Nom Définition Avantages Limites

- Utile pour la modélisation - Difficile à utiliser
MER des bases de donnée pour les avantages
relationnelles. et systèmes
ISE Merise signifie Méthode - Présence de règles de gestion distribués.
d’Etude et de Réalisation par permettant de mieux définir - Elle permet pas
sous ensemble. C’est une les Systèmes informatiques possible de
méthode de conception des par des relations. modéliser les
systèmes informatiques. données à caractère
sémantique.
UML est un langage formel, - Il permet d'exprimer et - Il ne définit pas le
défini par un métamodèle. d'élaborer des modèles processus
Le métamodèle d'UML décrit objets, indépendamment de d'élaboration des
de manière très précise tous les tout langage de modèles.
éléments de modélisation (les programmation. - Maintenance
concepts véhiculés et manipulés - Présence de règles de gestion complexe en cas
par le langage) et la sémantique permettant de mieux définir d’évolution [3].
UML
de ses éléments (leur définition les Systèmes informatiques
et le sens de leur utilisation). En par des relations.
d'autres termes : UML - UML supporte l'abstraction,
normalise les concepts objets l’héritage et les principes de

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 12

 Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

[3]. la POO.
- UML est doté d’une
approche objet.
- La réutilisabilité du code [3].
SADT(Structured Analysis - Il permet les échanges aisés - Il ne définit pas le
and Design Technics) signifie avec l’utilisateur processus
démarche qui consiste à - Favorise le travail en équipe d'élaboration des
analyser un produit d’une (communication) modèles.
manière systémique en - Il permet de définir les - Maintenance
SADT
l’examinant aussi bien de spécifications fonctionnelles complexe en cas
l’intérieur que de l’extérieur afin de systèmes complexes. d'évolution
de porter une attention - Il ne propose pas de
particulière aux interactions formalisme
entre ses différents éléments et permettant des
son environnement [4]. vérifications
sémantiques.

Vu les avantages et inconvénients de ces différentes méthodes de conception et les

recommandations de notre cahier de charge, nous porterons notre choix sur UML pour la
simplicité de ces diagrammes et ses qualités en matière de conception des systèmes utilisant la
POO (Programmation Orienté Objet). Ce choix s’avère donc judicieux pour notre
environnement de développement, le framework laravel 5.8 de PHP, basé sur la
Programmation Orienté Objet et le modèle MVC (Modèle Vue Contrôleur).

II. MODÉLISATION UML DES BESOINS FONCTIONNELS

La modélisation UML est axée sur trois (3) grands diagrammes :
- Le diagramme de cas d’utilisation, montrant toutes les interactions entre les utilisateurs
et le système.
- Le diagramme de séquence, montre le déroulement séquentiel d’une action mené sur le
système par un utilisateur.
- Le diagramme de classes, permet de modéliser toutes les tables de la base de données et
les relations les liant.
Ces différents diagrammes mettront en exergue les besoins fonctionnels afin d’avoir une
vue plus globale sur les exigences de l’application.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 13

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

1. Identification des acteurs

Le système devra prendre en compte l’interaction de différents acteurs qu–i sont :
- Les gérants hôteliers chargés de la gestion des contenus et activités qu’offrent les hôtels
qu’ils ont en charge.
- Les visiteurs de l’application qui ont pour rôle la réservation de chambre d’hôtel.
2. Diagramme de cas d’utilisation
Dans cette partie, nous présenterons le diagramme de cas d’utilisation qui regroupe la
gestion des chambres, la consultation des chambres et la gestion des réservations. Il permet de
distinguer les acteurs principaux du système qui sont les gérants (hoteliers) et les
visiteurs.Ainsi, l’application doit pouvoir implémenter, pour les visiteurs, les fonctionnalités
de recherche et de listage des chambres pour la réservation des chambres. De même pour les
gérants, les fonctionnalités d’un CRUD c’est-à-dire l’ajout, la mise à jour des informations et
la suppression d’une chambre en vue de gérer les chambres sont indispensables.

Figure 2 : Le diagramme de cas d’utilisation du système de réservation

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 14

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

CHAPITRE II : ETUDE CONCEPTUELLE

L’étude conceptuelle a pour objectif de détailler les spécifications des besoins
fonctionnels selon un modèle statique et dynamique.

I. DIAGRAMME DE SEQUENCE
1. Diagramme de séquence « Ajout chambre »
Le diagramme de séquence suivant modélise les interactions du cas d’utilisation «
Ajout chambre » et des interactions entre un acteur et le système. Ici l’acteur est le gérant
hôtelier, il initie la séquence et effectue les actions suivantes : se connecter, ajouter une
chambre, renseigner le formulaire, définir la disponibilité de la chambre et enfin confirmer la
chambre.

Figure 3: Diagramme de séquence pour l’action « ajouter chambre »

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 15

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

2. Diagramme de séquence « Réserver une chambre »

Le diagramme suivant modélise les interactions du cas d’utilisation « Réserver une
chambre » et des interactions entre un acteur et le système. Ici l’acteur est le visiteur, il initie
la séquence et effectue les actions suivantes : se connecter, rechercher une chambre,
renseignement du formulaire, définir la disponibilité de la chambre et enfin confirmation de la
chambre, filtrer les résultats, choisir et réserver une chambre.

Figure 4:Diagramme de séquence pour l’action « réserver une chambre »

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 16
Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

II. DIAGRAMME DE CLASSE

Figure 5:Le diagramme de classe

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 17

Mise en œuvre d’une application web de réservation et de paiement en ligne de chambres d’hôtel

Le diagramme de classe (voir Figure 5) comprend les règles de gestion suivantes :

- neuf (9) classes ;
- une chambre est consultée par un ou plusieurs visiteurs qui pourront réserver une
chambre après inscription ;
- un gérant peut ajouter une ou plusieurs chambres ;
- un hôtel est géré par un seul gérant ;
- une réservation est réalisée par un ou plusieurs visiteurs inscrits.

III. MODELISATION DE LA BASE DE DONNEES DE

L’APPLICATION
À partir du diagramme de classe de la figure 5 nous déduisons le modèle relationnel
suivant pour notre base de données :
utilisateur (idVisiteur, nom, adresse, mail, numéro, dateNaissance, civilité, motDePasse)
visiteur (idVisiteur, nom, adresse, mail, numéro, dateNaissance, civilité, motDePasse)
gérant (idGerant, nom, numero, mail, #idHotel)
hôtel (idHotel, nom, adresse, siteWeb, description, étoiles, #idGerant)
chambre (idChambre , NumeroChambre, note, prix, description, #idHotel, #idCategorie)
pièce (idPiece , type, superficie, #idChambre)
catégorie (idCategorie, nom)
réservation (idRéservation,Arrivée,Départ,lieu,NbAdulte,NbEnfant,#idVisiteur,#idChambre)

Au cours de cette partie, nous avons réalisé une analyse intégrale de notre projet tout
en modélisant les fonctionnalités de l’application grâce à la méthode UML et ses différents
diagrammes.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 18

TROISIÈME PARTIE : RESULTATS ET DISCUSSION
 Dans cette partie, il sera question de présenter l’architecture et la structure de
l’application, ainsi que les outils et technologie utilisés pour la réalisation du projet et pour
finir présenter les différentes fonctionnalités de l’application.

CHAPITRE I : ARCHITECTURE DE L’APPLICATION

L’architecture d’une application permet de définir la répartition des composants du
système informatique. Celle utilisée par Laravel est l’architecture MVC (Model-View-
Controller) qu’on utilisera pour la réalisation de notre application. Le sigle MVC signifie en
français Modèle-Vue-Contrôleur. Cette architecture a été créée dans les années 1970 pour le
langage Smalltallk dans le but de gérer séparément l’interface et la base de donnée. Elle se
divise en 3 grandes entités : le modèle, la vue et le contrôleur ayant chacun un rôle précis
dans le fonctionnement de l’application.

I. ARCHITECTURE MVC
1. Le modèle
Le modèle définit les données utilisées par l’application. En effet, c’est ici que le lien
se fera entre notre application et la base de données. Il assure la gestion de ces données et
garantit leur intégrité. Le modèle offre des méthodes pour mettre à jour ces données (insertion
suppression, changement de valeur). Il offre aussi des méthodes pour récupérer ses données et
les afficher au niveau de la vue.
2. La Vue
La vue définit la façon dont les informations seront affichées à l’écran. Il s’agit de l’interface
utilisateur. C’est ici qu’on utilisera les données récupérées par le modèle afin de les présenter
à l'utilisateur. Elle reçoit aussi toutes les actions de l'utilisateur (clic de souris, sélection d'une
entrées, boutons, …) et les envoie au contrôleur.
3. Le Contrôleur
Dans le contrôleur, nous retrouvons toute la logique métier. En effet, lorsque l’utilisateur
interagit avec la vue, la requête est traitée par le contrôleur. Il attend que l'utilisateur
interagisse avec la vue pour en récupérer la requête. Ainsi, c’est le contrôleur qui définira la
logique d’affichage, et affichera la vue à l’écran. Le contrôleur est chargé de la
synchronisation du modèle et de la vue. Il reçoit tous les événements de l'utilisateur et
enclenche les actions à effectuer.
 4. Les avantages et inconvénients de l’architecture MVC
Cette architecture apporte plusieurs avantages lors de la création et de la mise en place
d'un projet. Tout d'abord, elle facilite la maintenance et les évolutions futures. En effet, étant
donné qu'il y a une séparation entre les différentes couches, il sera plus facile de modifier
uniquement la partie vue ou encore uniquement le traitement de la requête dans le contrôleur.
Cependant cette architecture nécessite directement une plus grosse arborescence de
fichiers étant donné qu'il y aura trois (3) fois plus de fichiers. Ainsi, pour les petits projets,
cela semble potentiellement inutile.
CHAPITRE II : TECHNOLOGIES UTILISÉES
Dans ce chapitre nous présenterons les technologies utilisées pour développer notre
application.

I. LES OUTILS UTILISES

1. HTML 5
L'HTML est un langage informatique utilisé sur l'internet. Ce langage est utilisé pour
créer des pages web. L'acronyme signifie HyperText Markup Language, ce qui signifie en
français "langage de balisage d'hypertexte". Cette signification porte bien son nom
puisqu'effectivement ce langage permet de réaliser de l'hypertexte à base d'une structure
de balisage [7].

2. CSS 3
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
[5].
3. PHP 7.1.3
Le PHP est un langage informatique utilisé sur l'internet. Le terme PHP est un
acronyme récursif de "PHP : Hypertext Preprocessor". Ce langage est principalement
utilisé pour produire un site web dynamique. Il est courant que ce langage soit associé à
une base de données, telle que MySQL [5].
4. Javascript
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és côté serveur. L'exécution du code est effectué par votre navigateur internet tel que
Firefox ou Internet Explorer [5].
5. Laravel
Laravel est un framework PHP qui propose des outils pour construire une application
web. Le créateur de Laravel, Taylor Otwel, a simplement regroupé les meilleures librairies
pour chaque fonctionnalité nécessaire pour la création d’un site web. Il a aussi rajouté des

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 21

fonctionnalités exclusives, comme le moteur de template Blade. La version de Laravel
actuellement en développement est la 7.x mais nous utiliserons la version 5.8 pour question de
stabilité [6].
6. Bootstrap
Bootstrap est un framework développé par l'équipe du réseau social Twitter. Proposé en
open source (sous licence MIT), ce framework utilisant les langages HTML, CSS et
JavaScript fournit aux développeurs des outils pour créer un site facilement. Ce framework est
pensé pour développer des sites avec un design responsif, qui s'adapte à tout type d'écran, et
en priorité pour les smartphones. Il fournit des outils avec des styles déjà en place pour des
typographies, des boutons, des interfaces de navigation et bien d'autres encore [8].
7. PhpMyAdmin
PhpMyAdmin est un outil logiciel gratuit écrit en PHP , destiné à gérer l'administration
de MySQL sur le Web. phpMyAdmin prend en charge un large éventail d'opérations sur
MySQL et MariaDB. Les opérations fréquemment utilisées (gestion des bases de données,
tables, colonnes, relations, index, utilisateurs, autorisations, etc.) peuvent être effectuées via
l'interface utilisateur, tandis que vous avez toujours la possibilité d'exécuter directement
n'importe quelle instruction SQL [9].
8. Github
GitHub est un service web d'hébergement et de gestion de développement de logiciels,
utilisant le logiciel de gestion de versions Git. Ce site est développé en Ruby on Rails et
Erlang par Chris Wanstrath, PJ Hyett et Tom Preston-Werner. GitHub propose des comptes
professionnels payants, ainsi que des comptes gratuits pour les projets de logiciels libres. Le
site assure également un contrôle d'accès et des fonctionnalités destinées à la collaboration
comme le suivi des bugs, les demandes de fonctionnalités, la gestion de tâches et un wiki pour
chaque projet.

II. LES LOGICIELS UTILISÉS

1. WampServer
WAMP est un acronyme signifiant « Windows », « Apache », « MySQL » et « PHP
». Afin de pouvoir utiliser WAMP, nous avons un logiciel du nom de « WampServer » qui
nous en donne la possibilité. « WampServer » est une plateforme de Développement Web
nous permettant de faire fonctionner des scripts PHP sans se connecter à un serveur. C’est-à-
dire que WampServer contient déjà deux serveurs « Apache » et « MySQL » qui nous permet

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 22

de nous connecter directement en local. Nous avons l’interprète de scripts « PHP » et pour
finir une page nommée « PHPMyAdmin » nous permettant l’administration WEB de l’SQL.
2. Visual Studio Code
Visual Studio Code est un éditeur de code source, développé par Microsoft, léger mais
puissant qui s'exécute sur votre bureau et est disponible pour Windows, macOS et
Linux. Il est livré avec un support intégré pour JavaScript, TypeScript et Node.js et
possède un riche écosystème d'extensions pour d'autres langages (tels que C ++, C #, Java,
Python, PHP, Go) et des runtimes (tels que .NET et Unity).
3. Draw.io
Draw.io est une application création de diagrammes compatible avec Google Drive(TM)
et entièrement gratuite vous permettant de dessiner :
- Des organigrammes ;
- Des diagrammes UML ;
- Des diagrammes ERD ;
- Des schémas réseaux ;
- Des circuits électroniques ;
- Des maquettes d'interface.

III. API DE PAIEMENT EN LIGNE

1. MTN MOBILE MONEY
MTN MOBILE MONEY (le ‘Service’) est un service innovant permettant aux clients à
l’échelle nationale et internationale, d’effectuer des transactions financières relativement
simples à partir du téléphone mobile.
Les fonctionnalités potentielles du Service sont : le transfert d’argent (de compte à compte, de
compte à cash, de cash à cash) l’alimentation du compte du PORTEUR ; l’encaissement de
monnaie espèces auprès des établissements distributeurs de monnaie et de toutes les agences
de L’EME ; le paiement de factures ; l’achat de biens et services ; les inscriptions et frais de
concours de différents types et bien d’autres services qui feront leur apparition au fur et
mesure de l’évolution du marché [10].

2. STRIPE

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 23

 Stripe est une infrastructure de paiement pour le commerce en ligne. Il permet aux
marchands en ligne et physiques, aux entreprises d'abonnements, aux plateformes logicielles
et aux places de marché, ainsi qu'à de nombreux autres types d'entreprise, d'accepter des
paiements par :
- carte bancaire (Mastercard, VISA, American Express…) ;
- virement ;
- plusieurs mensualités[11].

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 24

CHAPITRE III : PRÉSENTATION DE L’APPLICATION
Ce chapitre représente la dernière partie de notre mémoire. Il présente un aperçu du
travail réalisé en termes de code.

I. HIÉRARCHIE DE L’APPLICATION

Figure 6:La hiérarchie de reservhotel

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 25

 II. LA PAGE D’ACCUEIL
La page d’accueil, illustré à la Figure 7, ci-dessous contient différentes sections dont un
menu avec un lien de connexion, un lien vers la liste des hôtels favoris. Ainsi qu’une barre de
recherche permettant d’affiner sa recherche selon le lieu voulu, le type de chambre, le jour
d’arrivée et de départ.

Figure 7: La page d’accueil des de reservhotel

III. LES PAGES D’AUTHENTIFICATION

1. La page d’inscription
L’inscription sur le site web se fait en cliquant sur l’onglet « connexion » de la page d’accueil
qui renverra l’internaute vers la page d’inscription s’il ne s’est pas encore fait enregistré. La
page d’inscription illustré à la Figure 8 ci-dessous contient un formulaire où l’internaute devra
renseigner ses informations personnelles. Après inscription l’utilisateur est redirigé vers la
page d’accueil.

Figure 8: La page d’inscription de reservhotel

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 26

 2. La page de connexion
La connexion sur le site web se fait en cliquant sur l’onglet « connexion » de la page d’accueil
qui renverra l’internaute vers la page de connexion, illustré à la Figure 9, ci-dessous si
l’utilisateur est déjà enregistré dans la base de donnée. Il sera redirigé vers la page gestion
hôtel s’il est enregistré entant que gérant hôtelier, sinon il sera redirigé vers la page d’accueil.

Figure 9:La page de connexion de reservhotel

IV. LES FONCTIONNALITÉS DE L’INTERNAUTE

1. La page des chambres disponibles
La page des chambres disponibles, illustré à la Figure 10, ci-dessous est la page
résultante d’une recherche faite par l’utilisateur. Elle liste l’ensemble des chambres
disponibles sur la plateforme et remplissant les critères de recherche de l’utilisateur. Sur cette
page l’utilisateur peux choisir une chambre et être dirigé vers la page contenant les détails de
la chambre.

Figure 10: La page des chambres disponibles

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 27

 2. La page des détails d’une chambre
La page de détails, illustré à la Figure 11, ci-dessous comme son nom l’indique détaille
les commodités de la chambre.

Figure 11: La page détails d’une chambre

3. La page de réservation
La page de réservation, illustré à la Figure 12, ci-dessous permet à l’utilisateur de choisir
le moyen de paiement par lequel il aimerait régler sa réservation : carte bancaire, carte visa ou
MTN mobile money.

Figure 12: La page de réservation

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 28

 4. La page de facturation
La page de facturation, illustré à la Figure 13, ci-dessous est une page contenant les
informations de la réservation pouvant être converties en format PDF et imprimées en guise
de facture.

Figure 13: La page de facturation

V. LES FONCTIONNALITES DU GERANT HOTELIER

Le gérant hôtelier est chargé de l’administration d’un hôtel. À cet effet, il dispose de
différente fonctionnalités que nous dévoilerons dans la suite.

1. La page de gestion de l’hôtel

La page gestion hôtel, illustré à la Figure 14, ci-dessous est la page via laquelle le gérant
hôtelier administre son hôtel, où sont consigné les réservations de chambre qu’a enregistré
l’hôtel.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 29

 Figure 14: La page de gestion de l’hôtel

2. La page de gestion des chambres de l’hôtel

La page gestion de chambre, illustré à la Figure 15, est la page dédiée à l’ajout, l’édition et
la suppression d’une chambre de l’hôtel.

Figure 15: La page de gestion des chambres de l’hôtel

VI. LES FONCTIONNALITES DE L’ADMINISTRATEUR

1. La page de gestion des hôtels
La page création hôtel, illustré à la Figure 16, est la page dédiée à l’ajout d’un hôtel au
site. Elle est seulement accessible par l’administrateur.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 30

 Figure 16: La page de gestion des hôtels
Ce chapitre marque la fin de notre projet d’étude. Tout au long de ce chapitre nous
avons abordé l’environnement de travail dans lequel l’application web a été développée. Ainsi
que son architecture, ses fonctionnalités et ses pages web.

CONCLUSION GÉNÉRALE
Ce stage effectué au sein de l’entreprise WORLDEV nous a permis de mettre en
pratique les compétences théoriques apprises durant nos trois (3) années de licence et
d’apprendre sur le terrain les rudiments de la programmation web. Il nous a été très formateur
car il nous a permis de découvrir une nouvelle technologie innovante et de nous confronter à
plusieurs contraintes à la fois : contraintes de temps, contraintes d’expérience et de
technologie. Ce qui nous a permis de développer le sens des responsabilités, le travail en
équipe, la ponctualité, la maîtrise de soi et de son temps tout en travaillant sous pression.

Avec l'évolution des TIC, aujourd'hui l'internet permet de diffuser des informations à faible
coût et en temps réel sans tenir compte de la distance.

Ainsi, dans le but d’optimiser la réservation à distance de chambres d’hôtel, nous

avons mis en place une application web qui permettra la réservation des chambres d'hôtel et
leurs paiements à distance.

Tout au long de ce mémoire, nous avons détaillé les étapes suivies pour atteindre le résultat
escompté. Dans un premier temps, nous avons étudié le contexte général dans lequel le projet
s’inscrivait et identifier les différentes exigences que le système devrait remplir. Ensuite, nous
avons réalisé dans le second chapitre, une analyse intégrale de notre projet tout en modélisant
les fonctionnalités de l’application grâce à la méthode UML et ses différents diagrammes. Et

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 31

pour finir dans le dernier chapitre, nous avons abordé l’environnement de travail dans lequel
l’application web a été développée ainsi que son architecture et ses fonctionnalités.

La réalisation de ce projet n’a pas été de tout repos, car il a fallu nous tenir au contraintes de
développement et apprendre le framework laravel qui nous était inconnu, faire des recherches
sur les hôtels installés dans le pays et leur mode de fonctionnement, ainsi que les services de
réservation en ligne qu’ils offraient.

Au vue du fait que le projet abordé dans ce mémoire est un sujet d’actualité. Il serait judicieux
de ne pas s’arrêter en si bon chemin car plusieurs perspectives s’offrent à ce projet entre
autres, l’utilisation du SGBD MongoDB pour rendre la capacité de la base de données plus
extensible, ainsi qu’ajouter au site un comparateur de prix en ligne.

ANNEXE

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 32

 ANNEXE 1

Cas d’utilisation « S’authentifier »

But : S’authentifier sur le site.

Résumé : S’authentifier pour accéder à l’espace réserver aux différents utilisateurs du site.

Acteur : Administrateur, Gérant d’hôtel et internaute.

Préconditions : Utilisateur déjà enregistrer dans la base de donnée.

Post-conditions : L’utilisateur est authentifié.

DESCRIPTION DES SEQUENCES :

Séquences nominales :

1) Affichage de la page d’accueil.

2) L’utilisateur clique sur le lien « connexion ».
3) Affichage de la page d’authentification.
4) Remplissage des champs et validation.
5) Vérification par le système des champs remplis.
6) Redirection vers la page d’accueil si l’utilisateur existe dans la base de donnée.

Séquences alternatives :

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 33

Le système renvoie un message d’erreur si :

1) Le site est indisponible ;

2) Le serveur subi un dysfonctionnement ;
3) Mauvais remplissage des champs du formulaire.

Mémoire de fin de cycle de licence – Systèmes, Réseaux Informatiques et Télécoms 34

 ANNEXE 2

Cas d’utilisation « ajouter une chambre »

But : Ajouter une chambre à un hôtel.

Résumé : Ajouter une chambre à un hôtel.

Acteur : Gérant de l’hôtel.

Préconditions : le gérant est authentifié et affichage de la page de gestion de l’hôtel.

Post-conditions : La chambre est ajoutée.

DESCRIPTION DES SEQUENCES :

Séquences nominales :

1) Le gérant clique sur le lien ajouter une chambre.

2) Le système affiche le formulaire d’ajout.
3) Le gérant rempli le formulaire et le soumet.
4) Vérification des données remplies.
5) Enregistrement de la chambre.

Séquences alternatives :

Le système renvoie un message d’erreur si :

4) Le site est indisponible ;

5) L’url est incorrecte ;
6) Le serveur subi un dysfonctionnement ;
7) Mauvais remplissage des champs du formulaire.
 ANNEXE 3

Cas d’utilisation « Faire une réservation »

But : Faire une réservation d’une chambre d’hôtel en ligne.

Résumé : Choisir une chambre disponible et régler les formalités de paiement en ligne.

Acteur : Internaute

Préconditions : La chambre soit disponible et l’internaute authentifié.

Post-conditions : Chambre est réservée.

DESCRIPTION DES SEQUENCES :

Séquences nominales :

1) Affichage de l’interface d’accueil.

2) Rechercher et choisir une chambre.
3) Le système présente la page de confirmation de réservation.
4) Renseigner ses identifiants bancaires et valider.
5) Affichage de la facture.
6) Impression de la facture en PDF.

Séquences alternatives :

Le système renvoie un message d’erreur si :

1) Le site est indisponible ;

2) Le serveur subi un dysfonctionnement ;
3) Erreur dans le renseignement des identifiants bancaires.
 ANNEXE 4 : Installation de Laravel

Laravel utilise composer pour gérer ses dépendances. Donc on installe d’abord composer
avant de débuter l’installation de Laravel. Voici les étapes de son installation :

Figure 17: La procédure d’installation de Laravel

 BIBLIOGRAPHIE
[1] BERGER C. Projet tutoré - La réservation en ligne en restauration, Mémoire de fin
d’étude de licence, [document électronique], Toulouse, 2015-2016,
http://www.isthia.fr/core/modules/download/download.php?memoires_id=601.

[2] Konan K. Réalisation d’une application web comparateur de prix des appareils modernes
de communication, Mémoire de fin de cycle de licence en SRIT, ESATIC, Abidjan, 2018, 50
pages.

[3] GABAY Joseph et David GABAY, Uml 2 analyse et conception, [document

électronique], Paris, Dunod, 2008, https://www.dunod.com/sciences-techniques/uml-2-
analyse-et-conception-mise-en-oeuvre-guidee-avec-etudes-cas.

[4] BTS ATI – Cours lycée Chevalier d’Eon, Structured analysis design technic(SADT),
[document électronique], Tonnerre, http://www.graczyk.fr/lycee/IMG/pdf/09-
10_ATI1_EST_COURS_SADT.pdf.

WEBOGRAPHIE
[5] Infowebmaster, Informations et ressources pour webmasters, [en ligne],
http://glossaire.infowebmaster.fr/ [page consultée le 12/08/2020]

[6] Taylor Otwell, Installation de Laravel, [en ligne], https://laravel.com/docs/5.8 [page

consultée le 12/08/2020]

[7] Osama Al Maqtri, [en ligne], https://codepen.io/osama-al-maqtri/full/xjBrjx/ [page

consultée le 12/08/2020]

[8] Le Journal du Net, Bootstrap : définition [en ligne], https://www.journaldunet.com/ [page

consultée le 12/08/2020]

[9] The phpMyAdmin devel team, Introduction, [en ligne],

https://docs.phpmyadmin.net /fr/

latest /intro.html [page consultée le 12/08/2020]

[10] conditions generales de fonctionnement du service MTN mobile money, [en ligne],
https://www.mtn.ci/insight/conditions-generales-de-fonctionnement-du-service-mtn-mobile-
money/ [page consultée le 12/08/2020]
[11] Stripe, [en ligne], https://stripe.com/ [page consultée le 12/08/2020]
 TABLES DES MATIERES

DÉDICACE............................................................................................................................1
REMERCIEMENTS.............................................................................................................2
LISTE DES FIGURES..........................................................................................................3
LISTE DES TABLEAUX.....................................................................................................3
SOMMAIRE..........................................................................................................................4
SIGLES ET ABRÉVIATIONS............................................................................................5
GLOSSAIRE..........................................................................................................................6
INTRODUCTION.................................................................................................................1
PREMIERE PARTIE : GÉNÉRALITES................................................................................1
CHAPITRE I : PRÉSENTATION DE LA STRUCTURE................................................3
D’ACCUEIL..........................................................................................................................3
I. HISTORIQUE................................................................................................................3
1. Caractère juridique...................................................................................................3
2. Statut actuel..............................................................................................................3
II. ORGANISATION DE L’ENTREPRISE.....................................................................3
1. Organigramme..........................................................................................................4
2. La direction générale................................................................................................4
3. Le secrétariat.............................................................................................................5
4. Le service commercial..............................................................................................5
5. Le service développement........................................................................................5
6. Le service technique.................................................................................................5
7. Le service juridique et ressources humaines............................................................6
8. Le service comptable................................................................................................6
III. LE DOMAINE D’ACTIVITE...................................................................................6
CHAPITRE II : PRÉSENTATION DU THEME DE L’ETUDE.....................................7
I. DESCRIPTION DU PROJET...................................................................................7
1. Contexte et objectif du projet...................................................................................7
2. Spécification des besoins du système.......................................................................7
II. DESCRIPTION DE L’EXISTANT..........................................................................7
1. Présentation et critique de l’existant.........................................................................7
2. Les fonctionnalités des plateformes existantes.........................................................8
DEUXIÈME PARTIE : ANALYSE ET CONCEPTION DU SYSTEME............................1
CHAPITRE I : ETUDE FONCTIONNELLE..................................................................12
I. CHOIX DE LA MÉTHODE D’ANALYSE...............................................................12
II. MODÉLISATION UML DES BESOINS FONCTIONNELS.................................13
 1. Identification des acteurs........................................................................................13
2. Diagramme de cas d’utilisation..............................................................................14
CHAPITRE II : ETUDE CONCEPTUELLE..................................................................15
I. DIAGRAMME DE SEQUENCE................................................................................15
1. Diagramme de séquence « Ajout chambre »..........................................................15
2. Diagramme de séquence « Réserver une chambre »..............................................15
II. DIAGRAMME DE CLASSE......................................................................................17
III. MODELISATION DE LA BASE DE DONNEES DE L’APPLICATION.........18
TROISIÈME PARTIE : RESULTATS ET DISCUSSION...................................................18
CHAPITRE I : ARCHITECTURE DE L’APPLICATION............................................18
I. ARCHITECTURE MVC............................................................................................18
1. Le modèle...............................................................................................................18
2. La Vue....................................................................................................................18
3. Le Contrôleur..........................................................................................................18
4. Les avantages et inconvénients de l’architecture MVC.........................................18
CHAPITRE II : TECHNOLOGIES UTILISÉES............................................................20
I. LES OUTILS UTILISES............................................................................................20
1. HTML 5..................................................................................................................20
2. CSS 3......................................................................................................................20
3. PHP 7.1.3................................................................................................................20
4. Javascript................................................................................................................20
5. Laravel....................................................................................................................20
6. Bootstrap.................................................................................................................21
7. PhpMyAdmin.........................................................................................................21
8. Github.....................................................................................................................21
II. LES LOGICIELS UTILISÉS.....................................................................................21
1. WampServer...........................................................................................................21
2. Visual Studio Code.................................................................................................22
3. Draw.io...................................................................................................................22
III. API DE PAIEMENT EN LIGNE...........................................................................22
1. MTN MOBILE MONEY.......................................................................................22
2. STRIPE...................................................................................................................23
CHAPITRE III : PRÉSENTATION DE L’APPLICATION..........................................24
I. HIÉRARCHIE DE L’APPLICATION..................................................................24
II. LA PAGE D’ACCUEIL...........................................................................................25
III. LES PAGES D’AUTHENTIFICATION............................................................25
1. La page d’inscription..............................................................................................25
2. La page de connexion.............................................................................................26
IV. LES FONCTIONNALITÉS DE L’INTERNAUTE..........................................26
1. La page des chambres disponibles..........................................................................26
2. La page des détails d’une chambre.........................................................................27
3. La page de réservation............................................................................................27
 4. La page de facturation............................................................................................28
V. LES FONCTIONNALITES DU GERANT HOTELIER.....................................28
1. La page de gestion de l’hôtel..................................................................................28
2. La page de gestion des chambres de l’hôtel...........................................................29
VI. LES FONCTIONNALITES DE L’ADMINISTRATEUR................................29
1. La page de gestion des hôtels.................................................................................29
CONCLUSION GÉNÉRALE............................................................................................30
ANNEXE..............................................................................................................................31
BIBLIOGRAPHIE..............................................................................................................35
WEBOGRAPHIE................................................................................................................35
TABLES DES MATIERES................................................................................................36
 RÉSUMÉ
L’usage d’internet s’accroît de plus en plus dans la société ivoirienne, à tel point que l’on ne
peut s’en passer. On voit naître de nouveaux services en ligne (e-services) tels que la
réservation en ligne qui est encore à ses premiers pas dans le domaine de l’hôtellerie en Côte
paiement de chambres d’hôtel en ligne. En vue, d’aider le développement de ce secteur nous
avons MIS EN ŒUVRE UNE APPLICATION WEB DE RESERVATION ET DE
PAIEMENT EN LIGNE DE CHAMBRES D’HÔTEL. Ce projet a été réalisé par le service
développement de WORLDEV dédié à la conception d’applications sur mesure aux
entreprises. Pour effectuer ce travail, nous avons, dans un premier temps, présenté l’entreprise
et décrit le projet dans sa globalité. Ensuite, nous avons réalisé dans la seconde partie, une
analyse intégrale de notre projet tout en modélisant les fonctionnalités de l’application grâce
aux diagrammes UML. Et pour finir, dans la troisième et dernière partie, nous avons présenté
l’application résultant des deux premières parties. Le projet abordé est un sujet d’actualité.
Auquel il serait judicieux d’ajouter un comparateur en ligne de prix des chambres.

ABSTRACT
The use of the internet is increasing more and more in Ivorian society, to the point where it
cannot be done without. We are seeing the emergence of new online services (e-services) such
as online reservation, which is still in its infancy in the field of hotels in the Coast. Online
payment for hotel rooms. In order to help the development of this sector, we have
IMPLEMENTED A WEB APPLICATION FOR ONLINE RESERVATION AND
PAYMENT OF HOTEL ROOMS. This project was carried out by the WORLDEV
development department dedicated to the design of tailor-made applications for companies.
To do this work, we first introduced the company and described the project as a whole. Then,
in the second part, we carried out a full analysis of our project while modeling the
functionalities of the application using UML diagrams. And finally, in the third and last part,
we presented the application resulting from the first two parts. The project discussed is a
topical subject. To which it would be wise to add an online room price comparator.

École Supérieure Africaine des Technologies de l’Information et de la Communication

Zone 3, Km 4 Bd Marseille - 18 BP 1501 Abidjan 18 – www.esatic.ci
Mail : direction. esatic@esatic.ci