conception et développement d'un site agence de voyage en utilisant PHP

1. Institut Supérieur Du Génie Appliqué
3 Année Ingénierie Des Systèmes Informatique
Rapport Du Projet En Programmation Web
Site Web D’une Agence De
Voyage
Réalisée Par :
WAHSOUSSE Wissal
Encadré Par :
EL ABID AMRANI Noureddine
Année Universitaire : 2021/2022

2. 2
Résume
L’objectif principal de ce travail consiste à concevoir un site web d’une agence de
voyage.
Ce site permet de représenter une agence de voyage, et gérer ses clients et
destinations, …
Ce site web est composé de trois espaces:
 Espace administrateur : qui gère les clients, les destinations et les hôtels
disponibles.
 Espace utilisateur : qui permet de réserver un vol ou un hôtel.
 Espace invité : qui visite le site.
Le site web est développé avec le langage de programmation PHP.
A travers ce document, nous allons décrire en détail les différentes étapes de
réalisation de ce projet.
Mots clés : agence de voyage, PHP, programmation.

3. 3
Dédicace
Je dédie ce modeste travail :
A mes chers parents, mais aucun dédicace ne serait témoin de mon
profond amour, mon immense gratitude et mon plus grand respect.
Car je ne pourrais jamais oublier la tendresse et l’amour dévoué par
lesquels entoure depuis mon enfance.
A toute ma famille, frères et sœurs, pour leur soutien moral.
A tous mes amis, et à tous ceux que j’aime et à toutes les personnes
qui m’ont prodigué des encouragements et se ont données la peine de
me soutenir durant ce projet.
Je vous dédie ce travail.
w.wissal

4. 4
Remerciements
Ce travail n’aurait pas pu être confectionné si DIEU le tout puissant m’a avait pas
doté d’une santé physique et morale à chaque instant, c’est pourquoi, je le remercie à
l’infini pour ce don inestimable dont il m’a gratifié.
Je tiens bien entendre à remercier particulièrement, mon cher encadreur, en
l’occurrence Mr : EL ABID AMRANI Noureddine, de l’Institut Supérieur du génie
Appliqué qui, par son encadrement ses précieux conseils, sa générosité et sa
disponibilité ont fait que mon œuvre a été largement facilité : je ne saurie l’oublier.
Je remercie également l’administration et tout les membres de l’IGA et tous ceux qui
se sont compréhensifs à l’égard de nos objectifs.
Je ne peux pas oublier de remercier tous les membres de ma famille pour leurs
soutiens et leurs encouragements et particulièrement mes très chers parents.
Merci à tous ceux qui ont contribué, de prés ou de loin, à la réalisation de ce travail.

5. 5
Table des matières
Résume........................................................................................................................................... 2
Dédicace......................................................................................................................................... 3
Remerciements............................................................................................................................... 4
Table des matières.......................................................................................................................... 5
Table des figures ............................................................................................................................ 7
Introduction ................................................................................................................................... 8
Chapitre1 : cadre général du projet.............................................................................................. 10
1 Introduction .......................................................................................................................... 10
2 Problématique....................................................................................................................... 10
3 Etude de l’existant................................................................................................................. 10
3.1 Atlas voyage...............................................................................................................................10
3.2 selfReservation...........................................................................................................................11
3.3 Terratour ...................................................................................................................................11
4 Solution à développer............................................................................................................ 12
5 Spécifications des besoins :................................................................................................... 12
5.1 Les besoins fonctionnels : ..........................................................................................................12
5.2 Les besoins non fonctionnels :...................................................................................................12
6 Conclusion ............................................................................................................................ 13
Chapitre 2 : Etude conceptuel...................................................................................................... 15
1 Introduction .......................................................................................................................... 15
2 Méthodologie et approche utilisée :....................................................................................... 15
2.1 Le langage UML........................................................................................................................15
2.2 Modèles d’UML utilisés.............................................................................................................15
3 Diagramme de cas d’utilisation............................................................................................. 16
4 Diagramme de séquence ....................................................................................................... 17
5 Diagramme de classe............................................................................................................. 18
6 Conclusion ............................................................................................................................ 19
Chapitre 3 : Réalisation ............................................................................................................... 21
1 Introduction .......................................................................................................................... 21
2 Logiciels et outils de développement ..................................................................................... 21
3 Langage utilisée .................................................................................................................... 22

6. 6
4 Mise en œuvre....................................................................................................................... 23
4.1 Espace visiteur...........................................................................................................................23
4.1.1 Interface Accueil ...................................................................................................................................23
4.1.2 Interface vol ..........................................................................................................................................24
4.1.3 Interface destination ..............................................................................................................................24
4.1.4 Interface Service....................................................................................................................................25
4.1.5 Interface galeries...................................................................................................................................25
4.1.6 Interface review.....................................................................................................................................25
4.1.7 Interface contact....................................................................................................................................26
4.1.8 Le pied de la page..................................................................................................................................26
4.2 Espace client ..............................................................................................................................27
4.2.1 Se connecter..........................................................................................................................................27
4.2.2 S’inscrire...............................................................................................................................................27
4.2.3 Réserver vol ..........................................................................................................................................27
4.2.4 Réserver hôtel .......................................................................................................................................28
4.3 Espace Administrateur..............................................................................................................28
4.3.1 Interface Accueil ...................................................................................................................................28
4.3.2 Gérer clients..........................................................................................................................................29
4.3.3 Gérer destinations..................................................................................................................................29
4.3.4 Gérer hôtel ............................................................................................................................................30
5 Conclusion ............................................................................................................................ 31
Conclusion générale..................................................................................................................... 32
Référence bibliographique ........................................................................................................... 33
Annexe ......................................................................................................................................... 34

7. 7
Table des figures
Figure 1 : Atlas Voyage..............................................................................................................................................10
Figure 2 : SelfReservation..........................................................................................................................................11
Figure 3 : Terratour...................................................................................................................................................11
Figure 4 : Diagramme de Cas D'Utilisation................................................................................................................16
Figure 5 : Diagramme de séquence pour le cas d'utilisation modifier destination........................................................17
Figure 6 : Diagramme de séquence pour le cas d'utilisation réserver hôtel..................................................................18
Figure 7 : Diagramme de Classe................................................................................................................................19
Figure 8 : Xampp.......................................................................................................................................................21
Figure 9 : SublimeText3 .............................................................................................................................................21
Figure 10 : Power amc...............................................................................................................................................22
Figure 11 : HTML / CSS/ JS.......................................................................................................................................22
Figure 12 : Bootstrap.................................................................................................................................................23
Figure 13 : PHP.........................................................................................................................................................23
Figure 14 : Interface Accueil......................................................................................................................................24
Figure 15 : Interface vol.............................................................................................................................................24
Figure 16 : destination...............................................................................................................................................24
Figure 17 : Interface service.......................................................................................................................................25
Figure 18 : interface galerie.......................................................................................................................................25
Figure 19 : Interface review .......................................................................................................................................26
Figure 20 : Interface contact......................................................................................................................................26
Figure 21 : pied de la page.........................................................................................................................................26
Figure 22 : se connecter.............................................................................................................................................27
Figure 23 : S'inscrire .................................................................................................................................................27
Figure 24 : réserver vol..............................................................................................................................................28
Figure 25 : Réserver hotel..........................................................................................................................................28
Figure 26 : interface accueil admin ............................................................................................................................29
Figure 27 : Interface gèrer clients ..............................................................................................................................29
Figure 28 : Interface gérer destination .......................................................................................................................30
Figure 29 : Interface gérer hôtel.................................................................................................................................30

8. 8
Introduction
Le monde d'aujourd'hui est témoin d'un progrès énorme dans les déférents domaines
et plus particulièrement dans le domaine de la technologie de l'information, cette
progression remarquable pousse les sociétés à considérer les sites et les applications
web de commerce électronique comme un dispositif global fournissant aux clients un
pont de passage à l'ensemble des informations, des produits, et des services d'une
façon plus rapide et plus facile.
Le présent travail s'inscrit dans le cadre du projet de programmation web en vue de
valider la fin du semestre du 3ème
année filière ingénierie des systèmes informatiques
de l’Institut Supérieur du génie Appliqué (IGA) pour l'année universitaire
2021/2022, dans lequel nous allons concevoir un site web qui représente une agence
de voyage ,en utilisant le langage de programmation PHP.
Le présent document est organisé comme suit : Dans le premier chapitre, nous
consistons à étudier le cadre général et la problématique avant de critiquer les
solutions existantes pour dégager leurs insuffisances et proposer les orientations de
notre solution future. La présentation de la solution souhaitée nous mène à bien
analyser les différentes méthodologies de travail existantes afin de dégager celle la
plus adéquate à notre projet.
Le deuxième chapitre détaille la partie analyse et conception et explique de manière
approfondie les fonctionnalités de l'application.
Le troisième chapitre présente l'environnement de développement logiciel que nous
allons adopter et nous allons présenter quelques captures d'écrans du site web.

9. 9
Chapitre 1 :
Cadre général du projet
Dans ce chapitre nous allons présenter notre projet
en étudiant son cadre générale

10. 10
Chapitre1 : cadre général du projet
1 Introduction
Au cours de ce chapitre, nous allons introduire notre projet en étudiant son cadre
général et la problématique qui nous a poussées à réaliser cette application web. Nous
allons critiquer les solutions existantes pour dégager leurs insuffisances et proposer
les orientations de notre solution future.
2 Problématique
Traditionnellement, l’agence de voyage sert d’intermédiaire entre, d’une part, les
créateurs de voyage que sont les compagnies aériennes, les tour-opérateurs, les
prestataires de service tels les loueurs de voiture et l’industrie hôtelière ou encore les
compagnies d’assurance et, d’autre part, la clientèle candidate au voyage.
L’agence de voyage se présente sous forme de point de vente (ou guichet) qui peut
être unique ou multiplié en succursales disséminées sur tout le territoire selon son
importance et sa politique commerciale.
En tant qu’un informaticienne, mon souci est d’arriver à réaliser des outils fiables
pour gérer ce problématique en développant un site web qui a pour objectif de
réserver les différents vol et les hôtels selon leurs catégories et types.
3 Etude de l’existant
La réalisation de tout projet doit être précédée par une étude de l’existant qui
détermine les points faibles et les points forts des systèmes actuels et les besoins du
client en vue de les prendre en considération lors de la conception et de la réalisation.
3.1 Atlas voyage
Figure 1 : Atlas Voyage

11. 11
Atlas Voyages, leader du voyage au Maroc: plus de 300 000 hôtels au Maroc et dans
le monde, billets d'avion, voyages organisés, Omra, Club Med, croisières.
3.2 selfReservation
Figure 2 : SelfReservation
SelfReservation.com une agence de voyage 100% en ligne, Des offres de voyage au
quotidien au meilleur prix (pas de frais de réservation, promotions exclusives et deals
privés)
3.3 Terratour
Figure 3 : Terratour

12. 12
4 Solution à développer
Après l’étude que nous avons effectuée, et selon les besoins de l’entreprise, nous
opterons pour développer un site web qui se constitue de trois parties :
Partie administrateur :
 Gère les clients,
 Gère les destinations,
 Gère les hôtels.
Partie client :
 Réserver vol,
 Réserver hôtel.
Partie client/invité :
 Visiter le site,
 S’authentifier au site.
5 Spécifications des besoins :
Etant donné la nécessité d’avoir un système informatique de qualité, le sujet de notre
site permettra de répondre aux besoins des responsables de l’agence de voyage
5.1 Les besoins fonctionnels :
Notre site web doit satisfaire les besoins fonctionnels suivants :
 Gestion des destinations ;
 Gestion des hôtels ;
 Gestion des demandes d’inscription ;
 Implémentation d’un système d’inscription.
5.2 Les besoins non fonctionnels :
Ce sont les besoins qui permettraient d’améliorer la qualité des services du projet
comme la convivialité et l’ergonomie des interfaces et l’amélioration du temps de
réponse. Parmi ces besoins on cite :
 La convivialité : le site doit être facile à utiliser. Il doit présenter un
enchainement logique entre les interfaces et un ensemble de liens suffisants
pour assurer une navigation rapide et un texte compréhensible, visible et
lisible ;
 Temps de réponse : le temps de réponse doit être le plus court possible ;

13. 13
 Fiabilité : l’application doit fonctionner de façon cohérente sans erreurs et doit
être satisfaisante.
6 Conclusion
Dans ce chapitre, nous avions pu insérer notre projet dans son contexte en présentant
la solution adoptée pour résoudre les problèmes et qui répond à nos besoins. Dans le
chapitre suivant, nous allons présenter la conception qui a été mise en œuvre tout au
long de la réalisation de ce projet.

14. 14
Chapitre 2 :
Etude conceptuel
Dans ce chapitre nous allons présenter l’étude
technique, puis la conception des modèles statique
et dynamique avec le formalisme UML.

15. 15
Chapitre 2 : Etude conceptuel
1 Introduction
Après avoir cité les différentes fonctionnalités de notre projet dans le deuxième
chapitre, on va commencer maintenant une phase importante et indispensable dans le
cycle de vie d’une application. Cette phase est la conception qui a pour but
d’expliquer le déroulement de notre application ainsi qu’assurer une bonne
compréhension des besoins des utilisateurs.
2 Méthodologie et approche utilisée :
Pour la conception de nos projets nous avons adopté une méthode objet, en effet
l’approche objet est une approche incontournable dans le cadre de développement des
applications.
Pour mieux présenter l’architecture de notre projet, on va choisir le langage de
modélisation le plus adopté UML (Unified Modeling Language).
2.1 Le langage UML
UML c’est une notation qui permet de modéliser un problème de façon standard. Ce
langage qui est né de la fusion de plusieurs méthodes existantes auparavant est
devenu une référence en termes de modélisation objet. UML est caractérisé par :
 C’est un langage formel et normalisé.
 Il permet le gain de précision, encourage l’utilisation d’outils et constitue à cet
effet un gage de stabilité.
 UML est un support de communication performant.
 Il cadre l’analyse et facilite la compréhension de représentations abstraites
complexes.son caractère polyvalent et sa souplesse en font un langage
universel.
2.2 Modèles d’UML utilisés
Les diagrammes qu’on a montrés dans la partie précédente sont des moyens de
description des objets ainsi que des liens qui les relient. Nous n’utilisons pas les treize
types de diagrammes proposés par UML 2, mais seulement un tiers parmi eux en
insistant particulièrement sur les diagrammes suivants :
 Diagramme de cas d’utilisation
 Diagrammes de séquence
 Diagramme de classes

16. 16
3 Diagramme de cas d’utilisation
Un cas d’utilisation représente une unité discrète d’interaction entre un utilisateur
(humain ou machine) et un système. Il est une unité significative de travail. Dans un
diagramme de cas d’utilisation. Les utilisateurs sont appelés acteurs (actors), ils
interagissent avec les cas d’utilisation (use cases). Ce diagramme permet d’identifier
les possibilités d’interaction entre le système et les acteurs. Il représente toutes les
fonctionnalités que le système doit fournir.
Figure 4 : Diagramme de Cas D'Utilisation
Cette dernière figure représente le diagramme de cas d’utilisation globale du notre
site de voyage qui est composé de deux acteurs utilisateur et administrateur et de six

17. 17
cas qui sont : « consulter le site », « Réserver vol », «Réserver Hôtel », « gérer
client», « gérer destination », «gérer hôtel».
4 Diagramme de séquence
Le diagramme de séquences est la représentation graphique des interactions entre les
acteurs et le système selon un ordre chronologique dans la formulation UML.
Ce diagramme est utilisé pour représenter certains aspects dynamiques d’un système :
dans le contexte d’une opération, d’un système, d’un sous-système, d’un cas
d’utilisation (un scénario d’un cas d’utilisation) selon un point de vue temporel.
Dans cette phase, et après identification des cas d’utilisation, nous représentons
quelques scenarios à l’aide des diagrammes de séquences.
 Diagramme de séquence pour le cas d’utilisation modifier destination
Figure 5 : Diagramme de séquence pour le cas d'utilisation modifier destination
 Diagramme de séquence pour le cas d’utilisation réserver Hôtel

18. 18
Figure 6 : Diagramme de séquence pour le cas d'utilisation réserver hôtel
5 Diagramme de classe
Le diagramme de classes est considéré comme le plus important de la modélisation
orientée objet, il est le seul obligatoire lors d'une telle modélisation. Il montre la
structure interne. Il permet de fournir une représentation abstraite des objets du
système qui vont interagir pour réaliser les cas d'utilisation. Il est important de noter
qu'un même objet peut très bien intervenir dans la réalisation de plusieurs cas
d'utilisation. Les cas d'utilisation ne réalisent donc pas une partition des classes du
diagramme de classes. Un diagramme de classes n'est donc pas adapté (sauf cas
particulier) pour détailler, décomposer, ou illustrer la réalisation d'un cas d'utilisation
particulier.
Il s'agit d'une vue statique, car on ne tient pas compte du facteur temporel dans le
comportement du système. Le diagramme de classes modélise les concepts du
domaine d'application ainsi que les concepts internes créés de toutes pièces dans le
cadre de l'implémentation d'une application. Chaque langage de Programmation
orienté objet donne un moyen spécifique d'implémenter le paradigme objet (pointeurs
ou pas, héritage multiple ou pas, etc.), mais le diagramme de classes permet de
modéliser les classes du système et leurs relations indépendamment d'un langage de
programmation particulier

19. 19
Les principaux éléments de cette vue statique sont les classes et leurs relations :
association, généralisation et plusieurs types de dépendances, telles que la réalisation
et l'utilisation.
Figure 7 : Diagramme de Classe
6 Conclusion
Ce chapitre a été le cœur de notre projet, nous avons présenté les diagrammes qui
décrivent les fonctionnalités de notre projet comme les diagrammes de cas
d’utilisation et les diagrammes de séquence. Dans le chapitre suivant, réalisation,
nous allons formaliser ce qu’on vient de décrire au cours de ce chapitre.

20. 20
Chapitre 3 :
Réalisation
Dans ce chapitre nous allons présenter les outils et
les technologies utilisés, puis l’ensemble des
fonctionnalités offertes par notre site

21. 21
Chapitre 3 : Réalisation
1 Introduction
La phase qui suit une conception est éventuellement l’implémentation. Après les
deux chapitres précédents, nous arrivons à rassembler nos informations et réaliser
notre système, nous commençons ce chapitre par décrire l’environnement de
développement matériel et logiciel que nous avons adoptés, ainsi que la
démonstration de notre site à travers des captures d’écran.
2 Logiciels et outils de développement
Cette section décrit l’environnement logiciel avec lequel nous avons réalisé ce projet
avec le rapport.
 Xampp est une distribution Apache entièrement gratuite, facile à installer qui
contient MariaDB, PHP et Perl. Le package open source XAMPP a été mis en
place pour être incroyablement facile à installer et à utiliser.
 Sublime text 3 est un éditeur de texte générique codé en C++ et Python,
disponible sur Windows, Mac et Linux. Le logiciel a été conçu tout d’abord
comme une extension pour Vim, riche en fonctionnalités.
Figure 8 : Xampp
Figure 9 : SublimeText3

22. 22
 PowerAMC : est un logiciel de modélisation. Il permet de modéliser les
traitements informatiques et leurs bases de données associées.
3 Langage utilisée
 HTML : est le langage de balisage conçu pour représenter les pages web. C’est
un langage permettant d’écrire de l’hypertexte, d’où son nom.
 CSS : Les feuilles de style en cascade forment un langage informatique qui
décrit la présentation des documents HTML et XML.
 JavaScript : un langage de programmation de scripts principalement employé
dans les pages web interactives.
 Bootstrap : une collection d'outils utiles à la création du design de sites et
d'applications web. C'est un ensemble qui contient des codes HTML et CSS,
des formulaires, boutons, outils de navigation et autres éléments interactifs,
ainsi que des extensions JavaScript en option.
Figure 10 : Power amc
Figure 11 : HTML / CSS/ JS

23. 23
 PHP (officiellement, ce sigle est un acronyme récursif pour PHP Hypertext
Preprocessor ) est un langage de scripts généraliste et Open Source,
spécialement conçu pour le développement d'applications web. Il peut être
intégré facilement au HTML.
4 Mise en œuvre
Dans cette partie, nous allons exposer quelques interfaces de notre site web
<<Relax&Fly>> en essayant de présenter les différentes interfaces dans notre travail.
4.1 Espace visiteur
4.1.1 Interface Accueil
L’interface d’accueil du site web donne une présentation générale de l’agence de
voyage Relax&Fly, elle est accessible par tous les visiteurs et elle aide les internautes
à connaitre les services, les missions et les visions de l’agence.
Figure 12 : Bootstrap
Figure 13 : PHP

24. 24
Figure 14 : Interface Accueil
4.1.2 Interface vol
Figure 15 : Interface vol
4.1.3 Interface destination
Figure 16 : destination

25. 25
4.1.4 Interface Service
Figure 17 : Interface service
4.1.5 Interface galeries
Figure 18 : interface galerie
4.1.6 Interface review

26. 26
Figure 19 : Interface review
4.1.7 Interface contact
Figure 20 : Interface contact
4.1.8 Le pied de la page
Figure 21 : pied de la page

27. 27
4.2 Espace client
4.2.1 Se connecter
Figure 22 : se connecter
4.2.2 S’inscrire
Figure 23 : S'inscrire
4.2.3 Réserver vol

28. 28
Figure 24 : réserver vol
4.2.4 Réserver hôtel
Figure 25 : Réserver hotel
4.3 Espace Administrateur
4.3.1 Interface Accueil

29. 29
Figure 26 : interface accueil admin
4.3.2 Gérer clients
Figure 27 : Interface gèrer clients
4.3.3 Gérer destinations

30. 30
Figure 28 : Interface gérer destination
4.3.4 Gérer hôtel
Figure 29 : Interface gérer hôtel

31. 31
5 Conclusion
Ce chapitre a été consacré pour la présentation de la solution, nous avons commencé
par la présentation des différents outils utilisés pour le développement de notre
application, puis nous avons terminé par l’illustration de la solution avec des captures
d’écran.

32. 32
Conclusion générale
Ce projet nous a permis de revoir et de suivre avec beaucoup d'attention, les
méthodes fondamentales de la modélisation et de la conception des systèmes
d'informations grâce auxquelles l'application a été réalisée.
Ce travail nous a permis d'apprendre énormément de choses concernant le
développement en langage php, et ce mémoire présente notre première expérience
pour la mise en œuvre d'une agence de voyage, également nous avons appris à
manipuler : les langages du web html, CSS et Js, et le langage de programmation php.
Ce fut une occasion pour nous de compléter de manière transversale nos compétences
en informatique, d'élargir et d'approfondir nos connaissances et les apprécier aux
diverses réalités du terrain.
Cette expérience nous a profité dans la complémentarité des efforts et surtout la
synergie des compétences et des qualités. La richesse de ce sujet nous a profité tant
dans l'acquisition des connaissances que dans l'initiation du travail de groupe.

33. 33
Référence bibliographique
 Canva: création des logos. https://www.canva.com/fr_fr/
 https://www.w3schools.com/
 https://github.com/ColorlibHQ/gentelella
 https://www.codeur.com/
 https://stackoverflow.com/
 https://github.com/
 https://www.phpmyadmin.net/
 https://www.atlasvoyages.com/
 http://www.fpdf.org/

34. 34
Annexe
Code d’espace connexion