i

REPUBLIQUE DU BENIN
*******
MINISTERE DES L’ENSEIGNEMENTS SECONDAIRES TECHNIIQUES ET DE LA
FORMATIION PROFESSIONNEL
*******
DIRECTION GENERALE DE L’ENSEIGNEMENT SUPERIEUR
*******
CENTRE DES INNOVATIONS TECHNOLOGIQUES(CITECH)
*******
MEMOIRE DE FIN DE FORMATION POUR L’OBTENTION DE DIPLOME
PROFESSIONNELLE

FILIÈRE : Génie Logiciel et Réseau (GLR) OPTION : Sciences et Techniques

Année académique : 2024-2025

THÈME :

CONCEPTION ET REALISATION D’UNE APPLICATION WEB ET

MOBILE POUR LA PROMOTION DES SITES TOURISTIQUES

Réalisé par :
ADANMADO Josias

Sous la supervision de :
Maitre de stage : Directeur Général :
Mme Bénie HOUNKANRIN M Modeste SOSSOU
(Développeuse FullStacks)

Juillet 2025
 ENGAGEMENT
« LE CENTRE DES INNOVATIONS TECHNOLOGIQUES N’ENTEND

DONNER NI APPROBATION, NI IMPROBATION AUX OPINIONS

ÉMISES DANS CE MEMOIRE. CES OPINIONS DOIVENT ÊTRE

CONSIDÉRÉES COMME PROPRES A SON AUTEUR»

DEDICACE :
à:

➢ mon père Franck ADANMADO ;

➢ ma mère Rosine YAOU ;

Josias-Marie ADANMADO

ii
 REMERCIEMENTS
En préambule à notre mémoire, nous remercions DIEU Tout-Puissant qui nous aide, nous
encourages et qui nous a donné la patience Durant ses longues années d’études et formation.

Ce travail est le fruit de l’effort conjugué des personnes à qui nous devons toutes notre
reconnaissance et gratitude.

Nous tenons à remercier et à présenter toutes nos excuses à tous ceux que nous n’avons pas
pu citer de manière exhaustive.

Nos remerciements vont particulièrement à :

➢ M.Modeste SOSSOU le directeur général du centre des Innovations Technologies

(CITECH) pour nous avoir permis d’effectuer notre formation professionnelle aux
sien de sa structure ;

➢ M. Bénin HOUNKANRIN, notre maître de mémoire, pour son enseignement, ses

conseils, et l’intérêt qu’il nous a porté ;

➢ M. Fabrice DEGLA, notre tuteur de stage, pour sa disponibilité, son encadrement et

son apport de qualité pour la réalisation de notre formation ;
➢ Tout le personnel du Centre des Innovations et Technologiques Sarl ;

➢ Tous ceux qui d’une manière ou d’une autre ont participé à la réalisation de cette
étude.

➢ Aux membres de jury, pour l’honneur qu’ils nous ont fait en examinant ce mémoire de
fin d’étude.

➢ A tous mes amis, lesquels nous avons partagé nos moments de joie et de bonheur au
cours de cette formation à travers votre fidélité et votre soutien.

iii
 LISTE DES SIGLES ET ACRONYMES
A : Alphabétique

CITECH: Centre des Innovations Technologiques

CSS: Cascading Style Sheets

LOOP: Boucle

FTP: File Transfer Protocol

HTTP: Hyper Text Markup Language

UML: Unified Modeling Language

HTML: Hyper Text Transport Protocol

JS: JavaScript

MVC: Modèle-Vue-Contrôleur

SARL: Société à Responsabilité limité

SGML: Standard Generalized Markup Language

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

SIL: Systèmes Informatiques et logiciels

PHP: Hypertext Preprocessor

SQL: Secured Query Language

TIC : Technologies de l’informatique et de Communication

WIFI : Wireless Fidelity

XAMPP : X Apache MySql Perl PHP

XML : Extensible Markup Language

RG : Règle de Gestion

REF : Reference

W3C: World Wide Web Consortium

iv
 LISTE DES FIGURES

Figure 1 : Situation géographique de CITECH Sarl (Source : réalisé par CITECH).................4

Figure 2 : Organigramme de CITECH Sarl................................................................................5
Figure 3 : : Interface de Bénin tourisme....................................................................................11
Figure 4 : Diagramme des cas d’utilisation..............................................................................18
Figure 5 : Diagramme des classes.............................................................................................19
Figure 6 : Dessin d’écran du formulaire d’inscription..............................................................20
Figure 7 : Diagramme de séquence du cas « s’inscrire »..........................................................21
Figure 8 : Dessin d’écran du formulaire de connexion.............................................................21
Figure 9 : Diagramme de séquence du cas « s’authentifier »...................................................22
Figure 10 : Dessin d’écran du formulaire de réservation..........................................................23
Figure 11 : Dessin d’écran du formulaire d’ajout du passager à la réservation........................23
Figure 12 : Diagramme d’activité du cas « S’authentifier ».....................................................25
Figure 13 : Diagramme d’activité du cas « S’inscrire»............................................................26
Figure 14 : Diagramme d’activité du cas « Réservation »........................................................27
Figure 15 : Schéma de l'architecture de l’MVC........................................................................37
Figure 16 : Interface de Bienvenue..........................................................................................38
Figure 17 : Interface d’authentification....................................................................................39
Figure 18 : Interface d’inscription............................................................................................40
Figure 19 : Interface « Accueil Bénin Tourismes »...................................................................41
Figure 20 : Interface « Détail de l’évènement »........................................................................42
Figure 21 : Interface « Dashboard Organisateur les utilisateur (1/2) ».....................................43
Figure 22 : Interface « Dashboard Organisateur pour le nombre de visiteur (2/2) »................43

v
 LISTE DES TABLEAUX
Tableau 1 :Les cas d’utilisation de la plateforme à
réaliser...................................................................................... 40

Tableau 3 : Scénario nominal du cas « S’inscrire » .................................................................

41

Tableau 4 : Scénario nominal du cas « S’authentifier » ...........................................................

42

Tableau 5 : Scénario nominal du cas « Réservation » .......................................................... 43

Tableau 6 : Scénario nominal du cas « Ajouter évènement » .................................................. 44

vi
 RESUME

La valorisation des sites touristiques et des événements culturels reste une préoccupation essentielle
pour le développement du tourisme au Bénin. C’est dans l’optique d’apporter une solution à cette
problématique qu’une application web et mobile dédiée à la réservation et à la valorisation des sites
touristiques du Bénin a été conçue et réalisée. Cette application vise, d’une part, à permettre aux
utilisateurs de découvrir facilement les sites touristiques, les musées et les événements culturels et,
d’autre part, à offrir aux gestionnaires la possibilité de mettre à jour et de publier ces informations en
ligne.

La plateforme propose des fonctionnalités clés telles que la consultation des sites, la localisation des
lieux, la réservation de tickets, l’ajout d’événements et la gestion des contenus. Elle permet également
aux gestionnaires de notifier les utilisateurs en cas de modification ou d’annulation d’un événement.Le
système a été conçu à partir d’une modélisation UML et implémenté avec des technologies modernes
telles que Java, XML, PHP, HTML5, CSS3, JavaScript et MySQL. Des frameworks comme Android
Studio et Laravel ont été utilisés pour offrir une expérience utilisateur optimale et garantir la sécurité
des données personnelles.

Mots-clés : Tourisme, Événements, Promotion.

ABSTRACT

The promotion and enhancement of tourist sites and cultural events remain essential concerns
for the development of tourism in Benin. To provide a solution to this issue, a web and mobile
application dedicated to the management and presentation of Benin’s tourist sites has been designed
and developed. This application aims, on the one hand, to allow users to easily discover tourist sites,
museums, and cultural events, and on the other hand, to offer administrators the possibility to update
and publish this information online.The platform offers key features such as browsing tourist sites,
locating places, booking tickets, adding events, and managing content. It also allows administrators to
notify users in case of event modifications or cancellations.The system was designed using UML
modeling and implemented with modern technologies such as Java, XML, PHP, HTML5, CSS3,
JavaScript, and MySQL. Frameworks likeAndroid Studio and Laravel were integrated to ensure an
optimal user experience and to guarantee the security of personal data.

Keywords: Tourism, Events, upgrade.

vii
 INTRODUCTION

TION
D’EVENEMENT
CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA
PROMOTION DES SITES TOURISTIQUES AU BÉNIN
L’informatique occupe aujourd’hui une place centrale dans tous les secteurs d’activité. Le
tourisme, comme bien d’autres domaines, tire parti de la digitalisation pour mieux valoriser
son patrimoine et faciliter l’accès à l’information.

Avec l’essor des applications mobiles et des plateformes numériques, il devient plus facile
pour les voyageurs de découvrir des sites, lire des avis, localiser des lieux ou réserver en
ligne. Des outils comme Google Travel ou TripAdvisor en sont des exemples concrets.

Dans cette dynamique, nous avons choisi, dans le cadre de notre mémoire de fin de formation
en Génie Logiciel et Réseau (GLR) au CITECH SAHL, de concevoir une application web et
mobile pour promouvoir les sites touristiques, musées et événements culturels du Bénin.

Notre objectif est de proposer une plateforme intuitive permettant aux utilisateurs d’explorer
les richesses touristiques du pays, de consulter des informations détaillées, de localiser les
sites sur une carte, de réserver et de suivre les événements à venir.

Ce travail s’organise autour de la problématique suivante :« Comment concevoir une

application web et mobile efficace pour recenser et valoriser le patrimoine touristique et
culturel du Bénin ? »

Pour y répondre, notre mémoire s’articulera en trois parties :

 Présentation du contexte d’étude et du cadre du projet ;

 Analyse et conception avec les outils méthodologiques (UML, etc.) ;
 Développement et mise en œuvre de la plateforme.

REALISE PAR ADANMADO JOSIAS 2

 CHAPITRE I :

PRESENTATION DU CONTEXTE
D’ETUDE
CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

I. PRESENTATION DE LA STRUCTURE D’ACCUEIL

1. Historique
Créé le 13 juillet 2015, la Société CITECH SARL (Centre des Innovations
Technologiques) est une société à responsabilité limitée. Son siège social se trouvait à
VODJE Carré N° 210 dans la maison BINAZON non loin du carrefour étoile rouge de Juillet
2015 au Septembre 2018. Le 1er Octobre 2018, le Quartier AGORI à Abomey Calavi abrite le
Siège de CITECH. Elle est enregistrée au Registre de Commerce et de Crédit Mobilier
(RCCM) sous le numéro RB/ABC/21 B 4374 et de numéro IFU : 3202112995254.

L’histoire remonte en vacances 2013. D’une part, après une analyse des différentes
difficultés rencontrées quotidiennement par les étudiants dans la réalisation de leurs rapports
de fin de formation pour les cycles BTS d’alors,
LICENCE, MASTER et d’autre part, vus les cahiers des charges des différents projets en
informatique et électronique à réaliser, une conjugaison de forces s’impose car nul n’est
puissant tout seul dit-on. Ainsi au départ, deux ingénieurs malgré les maigres moyens
financiers mais nantis d’idées, d’expériences et de dévotion, décident de s’investir, pour
innover dans le but de contribuer au développement du secteur industriel au Bénin.

La première action à mener était d’introduire une étude théorique et pratique des
microcontrôleurs dans les cours de Conception de Logiciels et de Matériels pour les étudiants
des filières d’Informatique Industrielle et Maintenance (IIM) et Electronique, dans le but de
susciter en eux la passion d’être des industriels car un industriel qui a une bonne main
pratique ne doit jamais chômer. Ce qui était faite.

La deuxième action était d’acquérir des matériels et logiciels indispensables pour pouvoir
asseoir un laboratoire d’électronique programmée et d’informatique pour la réalisation des
projets innovants et d’être une solution immédiate et compète pour le monde électronique et
informatique. Dans le souci de remplir les formalités administratives, l’entreprise s’était
dotée d’une dénomination et d’un siège car durant deux années, les études se faisaient dans
les universités et à la maison. Elle compte aujourd’hui des personnes morales qui soutiennent
ses activités. CITECH ouvre donc ses portes le 13 Juillet et intervient dans les domaines
d’électronique programmée, de maintenance et réseaux informatiques, d’électricité et
électrotechnique, d’administration réseau et de base de données, d’installation d’antenne
parabolique et de panneau solaire, de développement Web et d’applications, de la mise en

REALISE PAR ADANMADO JOSIAS 4

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

œuvre des automates programmables industriels, de l’importation et de la vente de

consommables électroniques, informatiques, des panneaux solaires et aussi de la Formation.

L’entreprise vient combler les attentes de la population à l’ère des TIC où le besoin de se faire
former dans ces domaines ci-dessus cités n’est plus à démontrer, la sécurité des biens
matériels est une question préoccupante, l’informatique et la télécommunication deviennent
une habitude des populations.
Dans le souci de disposer assez d’espace pour accueillir les apprenants et de leur donner
un cadre de vie à la hauteur de leurs attentes, Citech a délocalisé son siège et se trouve aux
bords de la voie pavée Calavi-Tankpè entre les Complexes Scolaires Clé de la Réussite et
Bakhita sur le même alignement que Clé de la Réussite. Ainsi, au premier étage du bâtiment,
Citech dispose de deux salles de formation, un laboratoire, un bureau pour le DG, un bureau
pour le Directeur Technique, un Secrétariat, un Magasin et un grand hall.

REALISE PAR ADANMADO JOSIAS 5

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

2. Situation Géographique
La figure ci-dessous retrace la situation géographique de CITECH SARL

Figure 1 : Situation géographique de CITECH Sarl (Source : réalisé par CITECH)

3. Objectifs
Les objectifs de CITECH sont :

• installer un laboratoire électronique et informatique moderne, bien équipé où on

pourra sortir des produits électroniques ou informatiques finis ;
• créer une confrérie de technologues pour une veille électronique, électrotechnique,
informatique et de télécommunication permanente afin de réfléchir et de résoudre les
différentes questions relatives à ces secteurs ;
• développer un esprit de solidarité et de coopération entre les ingénieurs béninois afin
qu’ensemble, nous puissions participer au développement de notre cher pays ;

• former les étudiants afin de les aider à avoir une main pratique dans ces différents
secteurs pour se prendre en charge ;
• être un guide pour les étudiants dans la réalisation des projets ;

• mettre à la disposition de la population des consommables électroniques,

informatiques et des énergies renouvelables.

REALISE PAR ADANMADO JOSIAS 4

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

4. Structure Organisationnelle

Figure 2 : Organigramme de CITECH Sarl

4.1. La Direction Générale :

CITECH SARL est dirigé par un directeur général qui représente l’entreprise auprès
des pouvoirs publics et des partenaires. C’est lui qui coordonne les activités et qui prend les
décisions qui s’imposent. Chaque dossier à traiter est soumis à son autorité et doit avoir son
approbation avant de poser n’importes quelles actions. Il entretient des relations suivies avec
les partenaires intéressés ou impliqués dans la bonne marche de l’entreprise.

4.2. Secrétariat Administratif :

Sous l’autorité de la Direction Générale, le Secrétariat Administratif est chargé des affaires
académiques et des relations extérieures.
4.3. La Direction Technique :

REALISE PAR ADANMADO JOSIAS 5

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Il assure tout ce qui a rapport aux cotés techniques de l’entreprise. Elle se charge de la gestion
des matériels, étudie et propose des solutions techniques adéquates. Elle coordonne les
activités dans les différents services et s’assure de la bonne satisfaction des clients. Elle
s’occupe aussi de la formation des stagiaires et apprenants.

4.4. Le Service électronique et Telecom :

Sous l’autorité du directeur technique, il a pour tâches de :

• concevoir et de fabriquer des systèmes électroniques et embarqués ;

• assurer la maintenance des ordinateurs pour l’entreprise et pour les clients ;

• installer les antennes paraboliques et des caméras de vidéosurveillance ;
• préparer ou de reprogrammer les téléphones portables ;

• installer le réseau téléphonique local.

4.5. Le Service informatique :

Sous l’autorité du directeur technique, il a pour tâches :

o d’installer et d’administrer les réseaux informatiques ; o de

créer des sites web dynamiques ; o de développer des
applications.
4.6. Le Service électricité et électrotechnique :

Sous l’autorité du Directeur technique, il a pour mission de :

o exécuter les travaux d’électricités bâtiment, d’électricité

industrielle ; o installer des systèmes automatiques ; o installer des groupes
électrogènes industriels ; o installer des armoires électriques ; o exécuter les
marchés liés au froid et climatisation ;

o étudier et d’installer les panneaux solaires et d’assurer leurs maintenances.

4.7. Le service comptabilité et relations commerciales :

Il se charge des affaires financières, comptables et des relations commerciales telles que :

• l’élaboration des projets de budget ;

REALISE PAR ADANMADO JOSIAS 6

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

• l’élaboration de plan de gestion de documents comptables ;

• l’élaboration d’un plan de marketing afin de gagner des marchés et de permettre

l’écoulement des produits ;

• l’assurance de la disponibilité des différents matériels utilisés dans les différents

secteurs d’activité.

5. Déroulement du stage
Nous avons débuté les stages à CITECH SARL en Mars 2024. Nous avons eu à revoir
des langages comme PHP, HTML, MYSQL, ce qui nous a aidé dans la réalisation de notre
projet de fin d’année. Nous avons appris à travailler de manière organiser, bon et
accélérer.

5.1. Activités Effectuées

Durant notre séjour à CITECH SARL, en vue de renforcer nos connaissances et
réaliser notre projet nous avons menées plusieurs activités. Il s’agit :

➢ Création de notre application mobile et web

Nous avons faire usage des langages tel que : PHP, CSS, HTML, JAVA,

JAVASCRIPT aussi la conception de notre application est faite avec l’éditeur de code Visual
studio code, Android Studio, le serveur XAMPP et les Framework LARAVEL puis
BOOTSTRAP.

➢ Base de données

Nous avons implémenté notre base de données avec LARAVEL et XAMPP, on a géré la
récupération, la sauvegarde, la modification et la suppression etc. des données ont été gérées
avec les requêtes SQL.

5.2. Les Apports Du Stage

Au cours de ces trois (03) mois de stage, nous avons acquis des connaissances
pratiques puis développer des compétences techniques et aussi nous avons eu l’opportunité de
travailler avec des professionnels afin de mieux servir dans le domaine professionnel.

REALISE PAR ADANMADO JOSIAS 7

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

REALISE PAR ADANMADO JOSIAS 8

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

II. ÉTUDE THÉMATIQUE

1. Explication

Ce projet se concentre sur la conception et la réalisation d'une application innovante de

gestion et de valorisation des sites touristiques au Bénin. L’objectif principal de cette étude
est, d’une part, de permettre aux utilisateurs de découvrir facilement les sites touristiques, les
musées et les événements culturels du Bénin, et d’autre part, d’offrir aux administrateurs un
outil efficace pour mettre en ligne et gérer ces différents sites.

Pour atteindre cet objectif, une analyse approfondie des besoins des utilisateurs sera réalisée
afin de proposer une interface utilisateur conviviale et intuitive, tout en intégrant des outils de
localisation et des fonctionnalités de réservation en ligne. L’application permettra aux
touristes et aux visiteurs de rechercher des sites touristiques, de consulter les descriptions
détaillées, d’accéder aux cartes interactives et de réserver des tickets pour des visites ou des
événements.

Du côté des gestionnaires, la plateforme leur offrira la possibilité de créer, de modifier et de

supprimer des fiches de sites ou d’événements, ainsi que de notifier les utilisateurs en cas de
changements importants.

2. Problématique

Depuis plusieurs années, les touristes et les visiteurs désireux de découvrir les richesses
culturelles et naturelles du Bénin rencontrent des difficultés d’accès à l’information
touristique fiable et actualisée. En l’absence d’une plateforme centralisée, les visiteurs sont
souvent obligés de se rendre sur place pour s’informer ou effectuer des réservations, ce qui
entraîne des pertes de temps et parfois des désagréments liés au manque de disponibilité ou
d’organisation sur les sites.

De plus, certains sites touristiques, musées ou événements sont peu visibles sur les
plateformes en ligne et souffrent d’un manque de promotion efficace, ce qui freine leur
attractivité nationale et internationale.

Cette problématique soulève des questions essentielles liées à la digitalisation de l’accès à

l’information touristique, à la conception d’une interface adaptée aux utilisateurs, à la sécurité
des données personnelles et à la satisfaction des visiteurs et des gestionnaires.

REALISE PAR ADANMADO JOSIAS 9

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Pour répondre à ces besoins et améliorer l’expérience touristique, il devient nécessaire de

créer une application web et mobile dédiée à la gestion et à la promotion des sites
touristiques au Bénin, permettant aux utilisateurs d’accéder aux informations en temps réel
et de planifier facilement leurs visites.

3. Objectif Principal

Développer une application web et mobile simple, ergonomique et sécurisée permettant

aux utilisateurs de consulter les sites touristiques, les musées et les événements culturels du
Bénin, d’effectuer des recherches ciblées, de localiser les lieux sur des cartes interactives et de
réserver des tickets en ligne en toute sécurité.

4. Objectifs Spécifiques

Les objectifs spécifiques du projet incluent :

➢ La création d’une interface de gestion (Dashboard) permettant aux administrateurs de

référencer facilement des sites touristiques, des musées et des événements, et de suivre leur
visibilité ;
➢ La conception d’une interface conviviale et intuitive pour les utilisateurs, facilitant la
recherche, la navigation et la localisation des sites touristiques ;

➢ Le développement de fonctionnalités de réservation et de consultation permettant aux

utilisateurs de réserver des tickets et de gérer leur historique de visites ;

➢ L’intégration de fonctionnalités supplémentaires telles que la possibilité de recueillir des

avis sur les sites visités et de recevoir des notifications sur les nouveaux événements ou les
mises à jour importantes.

III. ÉTUDE ET CRITIQUE DE L'EXISTANT

L’étude de l’existant permet de mieux comprendre les solutions actuellement disponibles sur
le marché et d’analyser leurs limites afin de proposer un projet plus adapté et plus performant.
Cette phase préalable permet de valider la pertinence du projet et d’identifier les axes
d’amélioration possibles.

Parmi les solutions existantes, nous avons étudié les cas suivants :

REALISE PAR ADANMADO JOSIAS 10

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

1. Étude de l’existant

➢ Les agences touristiques physiques

Les visiteurs se rendent directement dans les agences touristiques ou sur les sites physiques
pour obtenir des informations et effectuer des réservations. Cependant, ces agences sont
souvent inaccessibles 24h/24 et ne couvrent pas toujours l’ensemble des sites disponibles. Les
informations peuvent parfois être incomplètes ou obsolètes.

➢ Google Travel et TripAdvisor

Ces plateformes offrent des informations générales sur les sites touristiques à l’échelle
internationale. Bien qu’elles soient utiles, elles ne sont pas toujours adaptées au contexte local
du Bénin et n’intègrent pas de services spécifiques pour les musées, les événements locaux ou
les réservations ciblées sur le territoire béninois.

➢ Booking.com et Agoda

Ces plateformes permettent de réserver des hôtels et certaines activités touristiques.

Cependant, elles sont principalement orientées vers l’hébergement et ne proposent pas une
gestion complète des sites touristiques et des événements culturels spécifiques au Bénin.

REALISE PAR ADANMADO JOSIAS 11

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Figure 3 : : Interface de Bénin tourisme

2. Limites des systèmes actuels

a) Vente physique des tickets

Elle présente plusieurs inconvénients :

 files d’attente longues ;

 indisponibilité à certaines périodes ;
 risques de fraude ou falsification ;
 ruptures de stock ;
 difficultés d’accès pour les personnes éloignées géographiquement.

REALISE PAR ADANMADO JOSIAS 12

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

b) Cas de Gozem
Bien que la plateforme propose plusieurs services, son interface n’est pas intuitive pour les
nouveaux utilisateurs. Elle ne permet pas aux organisateurs de gérer librement les détails de
leurs événements (ajout, modification…).

3. Intérêt de la solution proposée

Le projet vise à mettre en place une plateforme numérique adaptée au contexte béninois,
facilitant :

 la consultation en ligne de l’offre touristique ;

 l’achat de tickets électroniques sécurisés ;
 la gestion efficace des événements par les administrateurs ;
 le suivi en temps réel des ventes et de la fréquentation.

Cette solution apportera un réel gain de temps, une meilleure visibilité pour les promoteurs
de sites, et un service moderne et accessible aux utilisateurs locaux et internationaux.

REALISE PAR ADANMADO JOSIAS 13

 CHAPITRE II :

ANALYSE ET CONCEPTION
CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

I. TECHNIQUE D’ANALYSE

La réussite d’un projet informatique passe par une phase d’analyse structurée qui permet de
définir avec précision ses contours et ses exigences. Il est donc primordial de faire un choix
approprié des méthodes et des langages de modélisation afin d'assurer une analyse claire et
cohérente du système à concevoir.

Dans le cadre de ce projet, plusieurs méthodes d’analyse et de conception existent telles que :
Merise, UML, OMT, SADT, RACINES, Booch, MASE, etc.
Cependant, les deux méthodes principalement enseignées durant notre formation sont Merise
et UML. Nous avons opté pour l’utilisation du langage UML (Unified Modeling Language).

Le choix d’UML pour modéliser notre système se justifie par les nombreux avantages qu’il
offre. Tout d’abord, UML est un langage standardisé et largement reconnu dans
l’industrie informatique pour sa capacité à représenter efficacement les systèmes logiciels
de toutes tailles. Ensuite, UML est un langage graphique intuitif et facile à comprendre, ce qui
facilite la communication entre les différents acteurs du projet. Il permet de modéliser aussi
bien les structures statiques que les comportements dynamiques du système, tout en
garantissant une documentation précise et exploitable. De plus, UML est flexible et adapté
aussi bien aux petits projets qu’aux systèmes complexes. Il permet d’organiser clairement
les idées et de structurer les différentes fonctionnalités à travers des diagrammes explicites.
Enfin, l’adoption d’UML contribue à améliorer la maintenance et l’évolution du système dans
le temps.
Tous ces avantages font d’UML le choix idéal pour la modélisation de notre application de
gestion et de promotion des sites touristiques au Bénin.

II. ANALYSE FONCTIONNELLE ET STATIQUE

Section 1 : Analyse fonctionnelle

L’analyse des spécifications permet de mieux détailler le projet et de poser les bases
nécessaires pour une conception efficace. Dans notre projet de développement d’une
application web et mobile de gestion et de promotion des sites touristiques au Bénin, nous
avons pris en compte les spécifications fonctionnelles et non fonctionnelles.

REALISE PAR ADANMADO JOSIAS 15

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

1.1. Spécifications Fonctionnelles

Les spécifications fonctionnelles définissent les fonctionnalités que notre application doit
proposer. Elles servent de référence tout au long du développement. Notre système doit
permettre aux utilisateurs de :

 S’inscrire sur la plateforme.

 S’authentifier pour accéder aux fonctionnalités.
 Consulter les sites touristiques et les événements culturels disponibles.
 Réserver des tickets pour des visites touristiques ou des événements.
 Consulter les détails des sites touristiques (nom, localisation, description, images,
horaires, etc.).
 Laisser des avis et des commentaires sur les sites et événements.
 Recevoir des notifications concernant les événements ou mises à jour.
 Gérer les sites touristiques, les musées, les événements et les utilisateurs (pour les
administrateurs et gestionnaires).

1.2. Spécifications Non Fonctionnelles

Les spécifications non fonctionnelles garantissent la qualité globale du système, sa fiabilité et

sa performance. Notre application doit être :

 Fiable : Les données et les services doivent être disponibles et cohérents.

 Performante : La navigation doit être rapide et fluide.
 Sécurisée : Les informations personnelles des utilisateurs doivent être protégées
contre les accès non autorisés.
 Facile d’utilisation : L’interface doit être intuitive et ergonomique.
 Accessible : Compatible avec les téléphones, tablettes et ordinateurs.
 Disponible : Accessible à tout moment et en tout lieu.
 Évolutive : Capable de supporter de nouvelles fonctionnalités et une croissance du
nombre d’utilisateurs.
 Portable : Compatible avec Android version 5.1 minimum pour la version mobile et
les navigateurs récents comme Google Chrome, Opera Mini, etc.

REALISE PAR ADANMADO JOSIAS 16

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Section 2 : Identification des Acteurs

Dans notre projet, les acteurs sont les entités externes qui interagissent avec l’application.
Nous avons identifié les acteurs suivants :

Acteurs Description

Visiteur Peut consulter la plateforme et s’inscrire pour accéder à plus de services

Client Peut réserver des tickets, consulter ses réservations et laisser des avis

Gestionnaire Peut gérer les sites, les musées, les événements et les réservations

Administrateur Peut gérer les comptes utilisateurs et assurer la maintenance de la plateforme

Section 3 : Réalisation du Projet

3.1. Choix de la Méthode de Modélisation

Pour la modélisation de notre projet, nous avons opté pour UML (Unified Modeling
Language). UML est un langage standardisé permettant de représenter visuellement les
systèmes logiciels, ce qui facilite la communication entre les acteurs techniques et non
techniques du projet.

3.2. Justification du Choix d’UML

L’utilisation d’UML s’explique par les avantages suivants :

 Standardisation : Reconnu et largement utilisé dans l’industrie.

 Visuel : Simple à comprendre, facilite la communication.
 Polyvalence : Adapté à des projets de toutes tailles.
 Maintenance : Facilite la mise à jour et l’évolution du système.
 Documentation : Offre une représentation claire et précise des différentes parties du
système.

REALISE PAR ADANMADO JOSIAS 17

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Section 4 : Élaboration des Diagrammes

Nous avons choisi d’élaborer les diagrammes suivants pour modéliser notre projet :

 Diagramme des cas d’utilisation

 Diagramme de classe
 Diagramme d’activité
 Diagramme de séquence

4.1 Les Cas d’Utilisation

Les cas d’utilisation définissent comment les acteurs interagissent avec le système pour
atteindre des objectifs spécifiques.

a. Identification des Cas d’Utilisation

Acteurs Cas d’Utilisation

Visiteur Consulter la plateforme, s’inscrire

S’authentifier, rechercher des sites, réserver des tickets, consulter ses

Client
réservations, laisser des avis, imprimer ses tickets

Gestionnaire S’authentifier, gérer les sites, gérer les événements, gérer les réservations

S’authentifier, gérer les comptes utilisateurs, gérer la plateforme, assurer la

Administrateur
maintenance

b. Diagramme des Cas d’Utilisation

Le diagramme des cas d’utilisation illustre graphiquement les interactions entre les acteurs et
les fonctionnalités du système.

REALISE PAR ADANMADO JOSIAS 18

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Figure 4 : Diagramme des cas d’utilisation

REALISE PAR ADANMADO JOSIAS 19

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

4.2 Le diagramme de classes

Un diagramme de classe est un schéma utilisé en génie logiciel pour
présenter les classes et les interfaces des systèmes ainsi que les différentes relations
entre celles-ci. Ce diagramme fait partie de la partie statique d'UML car il fait
abstraction des aspects temporels et dynamiques. Les diagrammes de classes
expriment de manière générale la structure statique d’un système en termes de
classe et de relation entre ces classes. De même qu’une classe décrit un ensemble
d’objets, une association décrit un ensemble de liens ; les objets sont instances des
classes et les liens sont instances des relations. Un diagramme de classe n’exprime
rien de particulier sur les liens d’un objet donné, mais décrit de manière abstraite
les liens potentiels d’un objet vers d’autres objets. C’est le diagramme pivot de
l’ensemble de la modélisation d’un système, en intégrant dans chaque classe la
partie dédiée aux données et celle consacrée aux traitements.

Le diagramme suivant, représente le diagramme de classe associé à la plateforme que

nous réalisons :

Figure 5 : Diagramme des classes

REALISE PAR ADANMADO JOSIAS 20

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

4.3 Diagramme de séquence

Le diagramme de séquence représente la séquence des messages entre les objets au cours
d’une interaction. Il comprend un groupe d’objets, représentés par des lignes de vie, et les
messages que ces objets échangent lors de l’interaction.

4.3.1 Diagramme de séquence du cas « s’inscrire»

INSCRIPTION
Nom :

Prenom :

Email :

Téléphone :
Mot de passe :
Confirmer le mot de passe :

S’inscrire

Figure 6 : Dessin d’écran du formulaire d’inscription

REALISE PAR ADANMADO JOSIAS 21

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Figure 7 : Diagramme de séquence du cas « s’inscrire »

4.3.2 Diagramme de séquence du cas « s’authentifier»

CONNEXION

Nom :

Mot de passe:

S’inscrire

Figure 8 : Dessin d’écran du formulaire de connexion

REALISE PAR ADANMADO JOSIAS 22

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Figure 9 : Diagramme de séquence du cas « s’authentifier »

REALISE PAR ADANMADO JOSIAS 23

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

RESERVATION
Quel es le site que vous voulez visité et avec qui ?

Moi seul Moi et autres Autres

v

Choisissez une compagnie

Date de visite:

Heure de visite

Site à visité
Nombre de passagers

Reserver

Figure 10 : Dessin d’écran du formulaire de réservation

Passagers n°1

Nom :
Prénom :

Siege Choisir

S’inscrire

Figure 11 : Dessin d’écran du formulaire d’ajout du passager à la réservation

REALISE PAR ADANMADO JOSIAS 24

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

4.4 ANALYSE DYNAMIQUE

1. Diagramme d’Activité

Le diagramme d’activité est un diagramme UML de type comportemental qui permet de

représenter graphiquement les différentes étapes ou activités d’un processus dans le système.
Il illustre la séquence et les conditions dans lesquelles ces activités se déclenchent.

Dans le cadre de ce projet, le diagramme d’activité est utilisé pour modéliser les scénarios
suivants :

 Le processus de connexion de l’utilisateur.

 La navigation et la consultation des sites touristiques.
 La réservation d’un site touristique.
 La gestion des services et des utilisateurs par l’administrateur.

Ce diagramme permet de décrire le flux d’activités, les décisions, et les alternatives

possibles dans le fonctionnement global de l’application web et mobile des sites touristiques.

UML permet de représenter de manière graphique le comportement dynamique des cas

d’utilisation et des processus métier à travers le diagramme d’activités.

REALISE PAR ADANMADO JOSIAS 25

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

➢ Diagramme d'activité du cas « S’authentifier »

Figure 12 : Diagramme d’activité du cas « S’authentifier »

REALISE PAR ADANMADO JOSIAS 26

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

➢ Diagramme d'activité du cas «S’inscrire »

Figure 13 : Diagramme d’activité du cas « S’inscrire»

REALISE PAR ADANMADO JOSIAS 27

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

➢ Diagramme d'activité du cas « Réservation »

Figure 14 : Diagramme d’activité du cas « Réservation »

REALISE PAR ADANMADO JOSIAS 28

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

2. Description Textuelle des Cas d’Utilisation

Chaque cas d’utilisation décrit les interactions entre les acteurs et le système ainsi que les
actions que le système doit exécuter pour atteindre les objectifs attendus.
Les cas d’utilisation sont accompagnés de :

 Scénario nominal
 Enchaînements alternatifs
 Enchaînements d’erreur
 Préconditions et postconditions

Les cas étudiés sont :

 S’inscrire
 S’authentifier
 Réserver un site touristique
 Ajouter un site touristique

Description des scénarios

Préconditions

 Le visiteur doit avoir accès à la plateforme.

 Le visiteur doit disposer d’une adresse e-mail valide.
 Le visiteur ne doit pas posséder de compte existant.

Scénario nominal

Visiteur Système

1. Demande le formulaire d'inscription. 2. Affiche le formulaire d'inscription.

3. Remplit le formulaire et valide. 4. Vérifie la validité et l’unicité des informations.

5. Enregistre les informations.

6. Affiche un message de succès.

7. Redirige vers la page de connexion.

REALISE PAR ADANMADO JOSIAS 29

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Enchaînement alternatif

 A1 : Informations incorrectes ou manquantes.

 L’enchaînement commence au point 4.

 5 devient : Le système affiche un message d’erreur et invite le visiteur à corriger les
informations en revenant au point 2.

Enchaînement d’erreur

 Aucun

Postconditions

 Le visiteur dispose d’un compte et peut se connecter à la plateforme.

Description des scénarios

Préconditions

 L’utilisateur doit avoir un compte existant.

 La plateforme doit être opérationnelle.

Scénario nominal

Utilisateur Système

1. Demande le formulaire de
2. Affiche le formulaire de connexion.
connexion.

3. Saisit ses identifiants et valide. 4. Vérifie la validité des identifiants.

5. Redirige l’utilisateur vers son espace selon son

profil.

Enchaînement alternatif

 A1 : Identifiants incorrects.

 L’enchaînement commence au point 4.

 5 devient : Le système affiche un message d’erreur et retourne au point 2.

REALISE PAR ADANMADO JOSIAS 30

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Enchaînement d’erreur

 Aucun

Postconditions

 L’utilisateur est connecté et accède à ses fonctionnalités.

Description des scénarios

Préconditions

 L’utilisateur doit être connecté.

 Le site touristique doit être disponible.

Scénario nominal
Utilisateur Système

1. Accède à la plateforme. 2. Affiche la liste des sites disponibles.

3. Sélectionne un site. 4. Affiche les détails du site.

5. Lance la réservation. 6. Affiche le formulaire de réservation.

7. Remplit et valide la réservation. 8. Vérifie la disponibilité et enregistre la réservation.

9. Affiche une confirmation de réservation.

Enchaînement alternatif

 A1 : Site complet (non disponible).

 L’enchaînement commence au point 8.

 9 devient : Le système affiche un message d’indisponibilité et retourne au point 2.

Enchaînement d’erreur

 E1 : Erreur de traitement.

Le système affiche une erreur et annule la réservation.

REALISE PAR ADANMADO JOSIAS 31

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Postconditions

 La réservation est enregistrée et confirmée.

Description des scénarios

Préconditions

 L’administrateur doit être connecté.

 La plateforme doit être opérationnelle.

Scénario nominal

Administrateur Système

1. Demande l'accès au formulaire d'ajout de site. 2. Affiche le formulaire d’ajout.

3. Remplit les informations et valide. 4. Vérifie la validité des informations.

5. Enregistre le site.

6. Affiche un message de succès.

Enchaînement alternatif

 A1 : Informations invalides.

 L’enchaînement commence au point 4.

 5 devient : Le système affiche une erreur et retourne au point 2.

Enchaînement d’erreur

 E1 : Erreur d’enregistrement.

 Le système affiche une erreur et annule l’opération.

Postconditions

 Le site touristique est ajouté à la plateforme.

REALISE PAR ADANMADO JOSIAS 32

CHAPITRE III :REALISATION DE LA
PLATEFORME
CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

I. PRÉSENTATION DES OUTILS ET TECHNOLOGIES DE

DEVELOPPEMENT UTILISES
1. Choix de L’outil de Développement et du Système de Gestion de Base de
Données
Outils de développement

Les outils de développement sont des logiciels qui aident les développeurs à créer,
tester, déboguer et maintenir des applications informatiques. Ces outils sont conçus pour
faciliter et accélérer le processus de développement en fournissant des fonctionnalités et des
interfaces spécifiques pour chaque étape du cycle de développement.

Pour satisfaire les besoins de notre application à réaliser, nous avons utilisées les outils
suivants:

Visual Studio Code est un éditeur de code source gratuit et opensource

développé par Microsoft. Contrairement à Visual Studio, qui est un
environnement de développement complet, Visual Studio Code est conçu pour les
développeurs qui souhaitent travailler sur des projets plus petits ou qui n'ont pas besoin de
toutes les fonctionnalités d'un IDE complet. Il est disponible pour Windows, Linux et MacOs.

XAMPP est un ensemble de logiciels permettant de mettre en place un serveur

Web local, un serveur FTP et un serveur de messagerie

électronique1. Il s'agit d'une distribution de logiciels libres (X (cross) Apache MariaDB Perl
PHP) offrant une bonne souplesse d'utilisation, réputée pour son installation simple et rapide.
Voici quelques détails sur les composants de XAMPP.

Android Studio est un environnement de développement intégré pour

développer des applications mobiles Android12. Il est basé sur IntelliJ IDEA et
utilise le moteur de production Gradle1. Il est compatible avec les systèmes
d'exploitation Windows, macOS, Chrome OS et Linux12.

Choix du SGBD : Système de Gestion de Base de Données

Un système de gestion de base de données (SGBD) est un logiciel qui permet de gérer
et d'organiser des données de manière efficace et sécurisée. Il permet aux utilisateurs de

REALISE PAR ADANMADO JOSIAS 34

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

stocker, de récupérer et de manipuler des données dans une base de données. Les SGBD
offrent de nombreux avantages par rapport à la gestion manuelle des données. Ils permettent
de stocker de grandes quantités de données de manière structurée, d'accéder rapidement à ces
données, de les modifier et de les supprimer de manière contrôlée, et de garantir leur intégrité
et leur sécurité.

Il existe plusieurs systèmes de gestion de base de données et les plus couramment

utilisés sont Oracle, MySQL, Microsoft SQL Server, PostgreSQL, SQLite et MongoDB.

Pour stocker les données et aussi les récupérer, la plateforme devra communiquer avec
une base de données. Pour administrer cette base de données, notre choix s’est porté sur
MySQL.

MySQL est un système de gestion de bases de données relationnelles (SGBDR). Il est

distribué sous une double licence GPL et propriétaire. Il fait partie des logiciels de gestion de
base de données les plus utilisés au monde. Les avantages de MySQL sont nombreux et
expliquent sa grande popularité auprès des développeurs : il est totalement open source et
gratuit, ses performances sont excellentes et Prévu pour fonctionner parfaitement avec PHP. Il
est facile à mettre en place et à utiliser.

2. Les Langages de Programmation

Un langage de programmation web est un ensemble de symboles, de règles et
d'instructions utilisées pour créer des applications web, des sites web et des services web. Il
existe plusieurs types de langages de programmation web nous pouvons citer : Kotlin, PHP,
C#, C++, CSS, HTML, PHP, Java, JavaScript,
XML,Python, Perl, Ruby…

Nous avons utilisé les langages de programmation web suivant :

HTML5 (Hypertext Markup Language version 5) est la dernière version du

langage de balisage standard utilisé pour la création de pages web. HTML5 est
une évolution majeure par rapport aux versions précédentes d'HTML et apporte un certain
nombre de nouvelles fonctionnalités pour les développeurs web.

CSS3 (Cascading Style Sheets version 3) est la dernière version du langage de

feuilles de style utilisé pour décrire l'apparence visuelle d'une page web écrite en
HTML. On le traduit en français par feuilles de style en cascade. Apparu dans les années

REALISE PAR ADANMADO JOSIAS 35

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

1990, le CSS se présente comme une alternative à la mise en forme via des balises,
notamment HTML. Un peu plus complexe à maîtriser, il permet un gain de temps
considérable dans la mise en forme d’une page web par rapport à ces balises. Grâce au CSS,
vous pouvez en effet appliquer des règles de mise en forme (titrage, alignement, polices,
couleurs, bordures, etc.) à plusieurs documents simultanément.

JavaScript est un langage de programmation de scripts utilisé pour créer des

applications interactives sur le web. Il est souvent utilisé en conjonction avec
HTML et CSS pour créer des pages web dynamiques et interactives. Il est interprété par les
navigateurs web et permet aux développeurs de créer des fonctionnalités interactives telles
que des formulaires, des menus déroulants, des animations et des effets visuels. Le langage
JavaScript se distingue des langages serveurs par le fait que l’exécution des taches est opérée
par le navigateur lui-même, sur l’ordinateur de l’utilisateur et non sur le serveur web.

PHP (HyperText Preprocessor) est un langage de programmation de script côté

serveur utilisé pour créer des applications web dynamiques. Il est utilisé pour
générer du contenu dynamique et des pages web interactives. Le langage PHP est open
source, ce qui signifie qu'il est disponible gratuitement et que tout le monde peut contribuer à
son développement.

JAVA est un langage de programmation qui est utilisé pour écrire des
applications logicielles. Il n'est écrit dans aucun autre langage. Le code Java est
compilé en bytecode, qui peut être exécuté sur n'importe quelle plate-forme sur
laquelle est installé un logiciel de gestion de contenu. Java Virtual Machine (JVM) installé.

XML (Extensible Markup Language) est un langage de balisage utilisé pour

décrire des données structurées. Dans le contexte d’Android Studio, XML est
largement utilisé pour créer des mises en page d’interface utilisateur pour les
applications Android.

REALISE PAR ADANMADO JOSIAS 36

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

3. Framework
Un Framework est un ensemble de concepts, de pratiques et d'outils qui permettent de
faciliter le développement de logiciels. Il fournit une structure de base pour le développement
d'applications, y compris des fonctionnalités de base telles que la gestion des entrées et
sorties, la gestion des erreurs, la sécurité et la gestion de base de données.

Bootstrap est un Framework frontend open source développée par Twitter. Il est
conçu pour faciliter la création de sites web responsives, adaptatifs et attrayants en
utilisant des composants HTML, CSS et JavaScript préconçus. Il offre également des grilles
de mise en page responsives, qui permettent de créer facilement des mises en page
adaptatives pour les appareils mobiles et de bureau. Les développeurs peuvent utiliser ces
grilles pour créer des colonnes et des rangées qui s'ajustent automatiquement à la taille de
l'écran.

Laravel est un Framework du langage de programmation PHP. Il a été créé

par Taylor Otwel et regroupe les meilleures librairies utiles pour la création
d’un site web. L’utilisation de ce Framework permet d’avoir accès à des fonctionnalité
préprogrammées telles que : L’authentification, le routage et la création de modèles HTML.

4. Moyens de paiement

KkiaPay est une solution de paiement et d’encaissement

simplement à distance. Elle fournit une infrastructure solide et flexible servant aux
organisations marchandes et aux e-commerçants de recevoir des paiements par Mobile
Money, Cartes bancaires de manières simple et sécurisé. Elle facilite l’intégration dans les
applications à travers une bibliothèque un plugin ou une dépendance. Elle a été utilisée pour
faciliter le paiement des frais de scolarité.

II. ARCHITECTURE DU SYSTEME

1. Présentation de L'architecture
Nous avons utilisé l'architecture MVC (Modèle-Vue-Contrôleur) qui est un modèle de
conception qui divise une application en trois parties distinctes : le modèle, la vue et le
contrôleur. Le modèle représente les données et la logique métier de l'application. Cela peut
inclure des fonctions pour récupérer, stocker, modifier et supprimer des données, ainsi que
des règles de validation et de traitement des données. La vue est la représentation visuelle des

REALISE PAR ADANMADO JOSIAS 37

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

données pour l'utilisateur. Cela peut être une page web, une interface utilisateur graphique ou
tout autre élément qui permet à l'utilisateur de voir et d'interagir avec les données. Le
contrôleur est responsable de la gestion des actions de l'utilisateur et de l'interaction entre le
modèle et la vue. Il reçoit les entrées de l'utilisateur, effectue les traitements nécessaires sur
les données et envoie les résultats à la vue. Ainsi l'architecture MVC permet de séparer
clairement les différentes responsabilités d'une application, ce qui facilite la maintenance et
l'évolutivité du code. Elle favorise également la réutilisation du code, car chaque composant
peut être utilisé indépendamment des autres. Enfin, le modèle contient les données et la
logique de l'application, la vue est la présentation visuelle de ces données, et le contrôleur est
le lien entre les deux, qui gère les actions de l'utilisateur et les modifications apportées aux
données.

Figure 15 : Schéma de l'architecture de l’MVC

2. Principe De Fonctionnement
Le principe de fonctionnement de l'architecture MVC repose sur la séparation des
responsabilités de l'application en trois parties distinctes : le modèle, la vue et le contrôleur.
Le processus de fonctionnement se déroule généralement comme suit : L'utilisateur interagit
avec la vue de l'application (par exemple en cliquant sur un bouton ou en saisissant des
données dans un formulaire). La vue envoie les informations d'interaction à travers le
contrôleur. Le contrôleur traite les informations reçues et met à jour le modèle en

REALISE PAR ADANMADO JOSIAS 38

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

conséquence. Le modèle met à jour ses données en fonction de l'interaction de l'utilisateur. Le

contrôleur récupère les données mises à jour à partir du modèle et les renvoie à la vue. La vue
est alors mise à jour pour refléter les modifications apportées aux données. Ce processus
permet à chaque partie de l'application de se concentrer sur sa tâche spécifique, sans interférer
avec les autres parties. Le modèle ne se préoccupe que des données et de la logique métier, la
vue ne se préoccupe que de l'affichage des données, et le contrôleur ne se préoccupe que de la
gestion de l'interaction utilisateur. Ce découplage permet également de faciliter la
maintenance et l'évolutivité de l'application, car chaque partie peut être modifiée ou
remplacée sans affecter les autres parties.

III. PRESENTATION DE QUELQUES INTERFACES GRAPHIQUES DE

LA PLATEFORME
Nous allons présenter dans ce qui suit les principales interfaces illustrant le
fonctionnement de notre plateforme et cela grâce à des captures d’écran.

Interface de Bienvenue
L’interface de Bienvenue est la première interface accessible à tout le monde.
C’est l’interface principal de notre plateforme.

REALISE PAR ADANMADO JOSIAS 39

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Figure 16 : Interface de Bienvenue

REALISE PAR ADANMADO JOSIAS 40

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Interface d’authentification
Cette interface permet aussi aux clients de se connecter à leurs comptes en saisissant leurs
email et mot de passe.

Figure 17 : Interface d’authentification

Interface d’inscription
Pour pouvoir effectuer des achats, le visiteur doit être enregistré comme client, pour cela,
il doit créer un compte en cliquant sur «
Inscrivez-vous » de la page d’authentification. L’interface d’inscription sera affichée, le
visiteur pourra alors remplir tous les champs du formulaire et valider.

REALISE PAR ADANMADO JOSIAS 41

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Figure 18 : Interface d’inscription

Accueil Bénin tourisme

C’est l’interface sur laquelle est redirigé le client après authentification. Elle présente les
évènements disponibles sur la plateforme ainsi que la barre de recherche pour rechercher des
évènements.

REALISE PAR ADANMADO JOSIAS 42

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Figure 19 : Interface « Accueil Bénin Tourismes »

REALISE PAR ADANMADO JOSIAS 43

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Détail de l’évènement »
Elle présente les informations (date, lieu, description, ticket etc.) sur l’évènement choisi
par le client.

Figure 20 : Interface « Détail de l’évènement »

REALISE PAR ADANMADO JOSIAS 44

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

Interface « Dashboard Organisateur pour Ajout d’évènement »

Le Dashboard de l’organisateur est cet espace qui permet à l’organisateur d’ajouter un
nouvel évènement à la plateforme.

Figure 21 : Interface « Dashboard Organisateur les utilisateur (1/2) »

Figure 22 : Interface « Dashboard Organisateur pour le nombre de visiteur (2/2) »

REALISE PAR ADANMADO JOSIAS 45

CONCLUSION
CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA

La formation professionnelle suivie au sein de CITECH Sarl a représenté une étape décisive
dans notre parcours. Elle nous a permis de renforcer nos compétences en ingénierie logicielle,
notamment en développement web avec Laravel et mobile avec Android Studio.

Le projet réalisé dans ce cadre a porté sur la conception et la réalisation d'une application
web et mobile dédiée à la valorisation des sites touristiques du Bénin. À travers cette
plateforme intuitive, les utilisateurs peuvent consulter des sites touristiques, accéder à des
descriptions, localiser les lieux, réserver leurs visites, et même recevoir des notifications sur
les nouveautés.

Cette expérience nous a permis d’appliquer concrètement les notions apprises durant la
formation, tout en découvrant les réalités professionnelles liées à la gestion de projet, la
conception d’interface utilisateur et l’organisation du travail en équipe.

Bien que perfectible, notre solution constitue une base solide pour promouvoir le patrimoine
touristique du Bénin à l’ère du numérique. Nous espérons que cette application contribuera au
développement du secteur touristique en facilitant l’accès à l’information et en valorisant les
sites peu connus du grand public.

Ce projet restera une expérience marquante, tant sur le plan technique qu'humain, et constitue
une étape importante vers notre insertion dans le monde professionnel.

REALISE PAR ADANMADO JOSIAS 47

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA
PROMOTION DES SITES TOURISTIQUES AU BÉNIN

WEBOGRAPHIE
➢ https://openclassrooms.com/courses/debutez-l-analyse-logicielle-avec-uml;
(Le 19/05/2025)

➢ https://www.wikipedia.com ; (Le 23/05/2025)

➢ https://E:/getbootstrap.com/index.html; (Le 02/02/25)

➢ https://www.youtube.com ; (Le 12/02/2025)

➢ https://openclassrooms.com/fr/courses/4462426-maitrisez-les-bases-dedonnees ;(Le
14/02/2025)

➢ https://openclassrooms.com ; (Le 24/03/2025)

➢ https://www.pierre-giraud.com/php-mysql-apprendre-coder-cours/ ;(Le 16/02/2025)

➢ https://www.php.net; (Le 17/01/2025)

REALISE PAR ADANMADO JOSIAS I

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA
PROMOTION DES SITES TOURISTIQUES AU BÉNIN

TABLE DES MATIERES

DEDICACE :..........................................................................................................
REMERCIEMENTS.............................................................................................
LISTE DES SIGLES ET ACRONYMES............................................................
LISTE DES TABLEAUX......................................................................................
II. ÉTUDE THÉMATIQUE...................................................................................
III. ÉTUDE ET CRITIQUE DE L'EXISTANT...................................................
I. TECHNIQUE D’ANALYSE............................................................................
II. ANALYSE FONCTIONNELLE ET STATIQUE.........................................
4.3 ANALYSE DYNAMIQUE.............................................................................
INTRODUCTION .............................................................................................. iii

CHAPITRE I : PRESENTATION DU CONTEXTE D’ETUDE ................... 3

I. PRESENTATION DE LA STRUCTURE D’ACCUEIL .............................. 4

1. Historique ....................................................................................................... 4
2. Situation Géographique .................................................................................. 6

3. Objectifs ......................................................................................................... 6
4. Structure Organisationnelle ............................................................................ 7
4.1. La Direction Générale : .......................................................................... 8

4.2. Secrétariat Administratif : ...................................................................... 8

4.3. La Direction Technique : ........................................................................ 8

4.4. Le Service électronique et Telecom : ..................................................... 8
4.5. Le Service informatique : ....................................................................... 9
4.6. Le Service électricité et électrotechnique : ............................................ 9
4.7. Le service comptabilité et relations commerciales : .............................. 9
5. Déroulement du stage ............................................................................. 10

5.1. Activités Effectuées .............................................................................. 10

REALISE PAR ADANMADO JOSIAS II

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA
PROMOTION DES SITES TOURISTIQUES AU BÉNIN

5.2. Les Apports Du Stage ........................................................................... 10

II. ETUDE THEMATIQUE ............................................................................. 11
1. Explication ................................................................................................... 11

2. Problématique .............................................................................................. 11
3. Objectif Principal ......................................................................................... 12

4. Objectifs Spécifiques ................................................................................... 12

III. ETUDE ET CRITIQUE DE L’EXISTANT ............................................ 13

1. Etude De L’existant .................................................................................... 13

2. Critique De L’existant ................................................................................ 15

3. Intérêt de notre Solution par Rapport à L’existant ..................................... 15

4. CHAPITRE II : ANALYSE ET CONCEPTION ........................................... 16

I. TECHNIQUE D’ANALYSE .................................................................... 17

1. Justification Du Choix d’UML .................................................................. 17

II. ANALYSE FONCTIONNELLE ET STATIQUE .................................. 18

A. ANALYSE FONCTIONNELLE .............................................................. 18

1. Spécification des Besoins .......................................................................... 18

2. Identification Des Acteurs ......................................................................... 20
3. Le Diagramme De Contexte Statique ........................................................ 21

4. Les Cas d’utilisation .................................................................................. 22

B. ANALYSE STATIQUE ............................................................................. 26

1. Diagramme de classes ................................................................................ 30

2. Modèle Logique Relationnel ..................................................................... 32
III. ANALYSE DYNAMIQUE ...................................................................... 33

1. Diagramme d’activité................................................................................. 33

2. Description Textuelle Des Cas D’utilisation ............................................. 36

REALISE PAR ADANMADO JOSIAS III

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA
PROMOTION DES SITES TOURISTIQUES AU BÉNIN

3. Diagramme De Séquence ........................................................................... 44

CHAPITRE III : REALISATION DE LA PLATEFORME ......................... 48

I. PRÉSENTATION DES OUTILS ET TECHNOLOGIES DE

DEVELOPPEMENT UTILISES ..................................................................... 49

1. Choix de L’outil de Développement et du Système de Gestion de Base de

Données ............................................................................................................ 49

2. Les Langages de Programmation ............................................................... 51

3. Framework ................................................................................................. 53
4. Moyen de paiement .................................................................................... 53
II. ARCHITECTURE DU SYSTEME ............................................................ 54

1. Présentation de L'architecture .................................................................... 54

2. Principe De Fonctionnement ..................................................................... 55
3. Avantages et Limites .................................................................................. 56
3.1. Avantages de L'architecture ................................................................ 56

3.2. Limite de L'architecture MVC ......................................................... 57

III. PRESENTATION DE QUELQUES INTERFACES GRAPHIQUES

DE LA PLATEFORME .................................................................................... 59

• Interface de Bienvenue .............................................................................. 59

• Interface d’authentification ........................................................................ 60

• Interface d’inscription ................................................................................ 61

• Interface « Accueil Bénin tourisme» ................................................................... 62

• Interface « Détail de l’évènement » ........................................................... 63

• Interface « Réservation » ...................................................................... 64

• Interface « Paiement de ticket » ................................................................. 65

• Interface « Dashboard Organisateur pour Ajout d’évènement » ............... 66

REALISE PAR ADANMADO JOSIAS IV

CONCETION ET RÉALISATION D’UNE APPLICATION WEB ET MOBILE POUR LA
PROMOTION DES SITES TOURISTIQUES AU BÉNIN

• Interface « Front Web Bénin tourisme » .............................................................. 67

CONCLUSION .................................................................................................. 68
ANNEXES .......................................................................................................... xii
WEBOGRAPHIE .............................................................................................. xv
BIBLIOGRAPHIE ............................................................................................ xv

REALISE PAR ADANMADO JOSIAS V