Vous êtes sur la page 1sur 60

REPUBLIQUE DU CAMEROUN REPUBLIC OF CAMEROON

********* *********
Paix – Travail – Patrie Peace – Work - Fatherland
********* *********
MINISTRE DE L’ENSEIGNEMENT MINISTRY OF HIGHER EDUCATION
SUPERIEUR

RAPPORT DE STAGE ACADÉMIQUE

CONCEPTION ET REALISATION D’UNE


APPLICATION WEB DE RÉSERVATION EN LIGNE :
CAS DE GETIT

Stage effectue à Cristal art du 20juin 2021 au 20 août 2021

En vue de l’obtention d’un Brevet de Technicien Supérieur Génie Logiciel

Rédigé et présenté par :

BOUELET REMY FADHIL

Sous la supervision :

Académique de Professionnelle de
M. Christian HAMENI M. NKWIHOU Rodolph
Enseignant à l’institut universitaire de la cote Directeur Général de l’entreprise

ANNEE ACADEMIQUE 2021-2022


CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

DEDICACE

A MA FAMILLE

Rédigé et présenté par BOUELET REMY FADHIL ii

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

REMERCIEMENTS
Je remercie sincèrement tous ceux-là de prêt ou de loin qui ont contribué a la production de ce
rapport. Nous pensons ici à :

• DIEU, qui est en tout temps l’être suprême, qui nous a donné la vie, qui nous donnes la sante
tous les jours, nous protèges et béni notre travail.

• M. Christian HAMENI encadreur académique qui par ses recommandations et ses conseils a
contribué en grande partie à l’élaboration de ce rapport.

• M. Rodolph NKWIHOU encadreur professionnel qui par ses critiques et son de la motivation,
son enthousiasme et sa gentillesse nous a amené à faire beaucoup de recherches et à gagner de
l’expérience.

• M. NWOKAM ROSTANT notre chef de département pour son enthousiasme

• A mes enseignants et a tous nos camarades de promotion de la classe génie logiciel 2 du campus de
Logbessou qui son devenu plus que des amis mais plutôt une famille et faisant de cette aventure en BTS
une des plus belle.

• Mes remerciements vont aussi à l’endroit de tous ceux qui de près ou de loin m’ont tenu les bras et
dont leurs noms ne figurent pas sur la liste.

• Sans toutefois oublier ma merveilleuse Maman et ma famille pour leur présence, leur soutien,
leur disponibilité et leurs conseils qui m’ont permis de trouver la force et le courage d’accomplir
ce travail.

Enfin, veuillez accepter, mesdames et messieurs les membres du jury, l’expression de mes
sentiments les plus sincères tout en espérant que ce travail sera à la hauteur de vos exigences.

Rédigé et présenté par BOUELET REMY FADHIL iii

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

AVANT-PROPOS

Dans le but d’assurer son développement et de fournir à son industrie des agents compétents dans
divers domaines, l’Etat Camerounais a créé de nombreuses structures et formations, au rang desquelles
le Brevet de Technicien Supérieur (BTS). L’examen national du BTS est créé par arrêté ministériel
N°90/E/58/MINEDUC/DUET du 24 décembre 1971. L’Institut Supérieur des Technologies et du
Design Industrie (ISTDI) crée par arrêté N ° 02/0094/MINESUP/DDES/ESUP du 13 septembre 2002 et
dont l’autorisation d’ouverture N° 0102/MINESUP/DDES/ESUP/SAC/EBM du 24 octobre 2001.
L’IUC comporte quatre établissements, notamment :

1. L’Institut Supérieur de Technologie et du Design Industriel (ISTDI) : Qui forment dans les
cycles et filières suivantes :
Cycle des BTS Industriel :
➢ Maintenance des systèmes informatiques ➢ Gestion forestière
(MSI)
➢ Génie civil (GC)
➢ Informatique Industrielle (II)
➢ Chaudronnerie (CH)
➢ Electrotechnique (ET)
➢ Fabrication Mécanique (FM)
➢ Froid et climatisation (FC)
➢ Mécatronique
➢ Maintenance et après-vente automobile
(MAVA) ➢ Construction métallique

➢ Réseau et sécurité informatique ➢ Maintenance des systèmes fluidiques

➢ Télécommunication ➢ Contrôle, instrumentation et régulation

➢ Infographie et web design ➢ Hygiène sécurité et environnent

➢ Génie chimique des procédés ➢ Génie logiciel

➢ Maintenance des appareils biomédicaux

Rédigé et présenté par BOUELET REMY FADHIL iv

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Cycle des LICENCES PROFESSIONNELLES INDUSTRIELLES

o Génie civil (options Bâtiments et Travaux Publics) o Ameublement et Construction Bois


(ACB) ;
o Management et Service Automobile /Management
et Expertise de l’automobile ; o Electrotechnique (ET) ;
o Maintenance des Systèmes Industriels (MSI) ; o Electronique (EN) ;
o Administration et sécurité des Réseaux (ASR) o Ingénierie Electrique (IE) ;
o Automatique et Informatique Industrielle (AII) ; o Génie logiciel (GL) ;

2. L’institut de Commerce et d’Ingénierie d’Affaire (ICIA)


Qui forment dans les cycles et filières suivantes :
Cycle des BTS Commerciaux
➢ Assurance ➢ Génie Logistique et transport (GLT)
➢ Banque et finance (BF) ➢ Douane Transit
➢ Action commerciale (ACO) ➢ Micro finance
➢ Commerce international (CI) ➢ Gestion fiscale
➢ Communication d’entreprise (CE) ➢ Gestion de la qualité
➢ Comptabilité et gestion des entreprises ➢ Journalisme
(CGE) ➢ Gestion des systèmes d’information
➢ Assistance Judiciaire
CYCLE BTS FORMATIONS MEDICAUX SANITAIRE
➢ Sciences Infirmières
➢ Kinésithérapie
➢ Technique de Laboratoire et Analyse médicale
➢ Radiologie et imagerie Médicale
➢ Sage-Femme

Cycle des LICENCES PROFESSIONNELLES COMMERCIALES


➢ Marketing ; ➢ Logistique et Transport.
➢ Finance-comptabilité ; ➢ Publicité
➢ Banque ; ➢ Assurance
➢ Gestion des Ressources
Humaines ;

Cycle des MASTERS ISUGA –France

Rédigé et présenté par BOUELET REMY FADHIL v

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Cycle MASTER PROFESSIONNEL :

➢ Finance – comptabilité (03options)


➢ Management des organisations (03options)
3. L’Institut d’Ingénierie Informatique d’Afrique centrale (3i-AC)
Forme dans les cycles et les filières suivantes :
Classe Préparatoire aux Grandes Ecoles d’Ingénieurs (CP) :
➢ Classe préparatoire aux grandes écoles d’ingénieur,
➢ Licence en Sciences et Techniques

Cycle des NTIC


➢ Réseautique et Sécurité ;
➢ Programmation, analyse et web mobile ;

MASTER EUROPEEN :

➢ Génie logiciel
➢ Informatique Embarquée
➢ Administration des Systèmes Web
➢ Administration des Systèmes Réseaux et Télécoms

MASTER PROFESSIONNEL :

➢ Génie Electrique et informatique industrielle ;


➢ Génie Télécommunication et Réseaux ;
➢ Génie Energétique et Environnement
➢ Génie Energétique et Environnement ;
➢ Maintenance Industrielle ;

Rédigé et présenté par BOUELET REMY FADHIL vi

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

4. Programme Internationaux des Sciences et Technologies de l’Innovation (PISTI)


Cycles Ingénieurs

➢ Ingénieur de Génie industriel (Polytechnique Nancy)


➢ Ingénieur Informaticien (3iL-France)
➢ Ingénierie Biomédicale (Italie)
➢ Architecture et design industriel (Italie)

5. L’Exécutive Programs en partenariat avec les Universités Américaines, Asiatiques et Européennes :

➢ L’Exécutive MBA
➢ Le MBA
➢ L’Exécutive Certification

6. School of Engineering & Applied Sciences (SEAS), c’est cette école qui est au cœur des formations
purement Anglo-saxon à l’IUC, des jeunes Camerounais, de la sous-région et de l’Afrique toute entière, titulaire d’un
GCE. La SEAS offre des formations en cycle HND, Bachelor of Technologie, Bachelor of Science, Master of
Technologie et Business Management.

Rédigé et présenté par BOUELET REMY FADHIL vii

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

SOMMAIRE
Table of Contents
PARTIE I : PRESENTATION DU CADRE DE STAGE ET ANALYSE DU PROJET ................................................................... 2
Chapitre I : Présentation de la Startup CAT ................................................................................................................. 3
Introduction ............................................................................................................................................................. 3
I. Définition de l’entreprise ................................................................................................................................... 3
II. Fiche d’identification .................................................................................................................................... 4
Tableau 1 : Fiche d'identification du CAT ................................................................................................................. 4
III. Organisation de l’entreprise ........................................................................................................................ 5
Tableau 2: Organisation du CAT [1] ......................................................................................................................... 5
IV. Situation géographique ................................................................................................................................ 6
V. Déroulement du Stage......................................................................................................................................... 7
1. Nos ressources de stagiaires ........................................................................................................................ 7
Tableau 3: Nos ressources matériels........................................................................................................................ 7
2. Missions du Stagiaire.................................................................................................................................... 8
Conclusion ................................................................................................................................................................ 9
Chapitre II : Etude préalable du system existant ....................................................................................................... 10
Introduction ........................................................................................................................................................... 10
I. Qu’est-ce que la réservation de billet de voyage ?.......................................................................................... 10
1. Contexte et justification du projet (problématique)..................................................................................... 10
2. Fonctionnement ..................................................................................................................................... 10
3. Critiques ......................................................................................................................................................... 11
II. Quelques sites de réservations de billets en ligne ............................................................................................ 11
1. The cooltrip .................................................................................................................................................... 11
2. Blablacar ........................................................................................................................................................ 11
III. Critiques ............................................................................................................................................................ 12
IV. CPS DU PROJET ................................................................................................................................................. 12
1. Le Projet ......................................................................................................................................................... 12
2. Les objectifs ................................................................................................................................................ 12

Rédigé et présenté par BOUELET REMY FADHIL viii

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

3. Nos Moyens ................................................................................................................................................... 14


3. Cadrage du Projet....................................................................................................................................... 16
V. Planification du travail ....................................................................................................................................... 16
1. GanttProject ............................................................................................................................................... 16
2. GitHub ............................................................................................................................................................ 18
Conclusion .............................................................................................................................................................. 19
PARTIE II : CONCEPTION ET REALISATION.................................................................................................................. 20
Chapitre III : Choix des modèles de conception......................................................................................................... 21
INTRODUCTION ...................................................................................................................................................... 21
I. CONCEPTION GENERALE : CYCLE DE DEVELOPPEMENT EN (V) ................................................................. 21
II. CONCEPTION DETAILLEE ............................................................................................................................ 22
1. Présentation de UML ..................................................................................................................................... 22
2. Avantages d’UML ........................................................................................................................................... 23
3. Diagramme de cas d’utilisation ..................................................................................................................... 23
4. Diagramme de classe ..................................................................................................................................... 25
5. Diagramme de Séquence ............................................................................................................................... 26
Conclusion .............................................................................................................................................................. 28
Chapitre IV : Implémentation .................................................................................................................................... 29
Introduction ........................................................................................................................................................... 29
I. TECHNOLOGIES UTILISEES ............................................................................................................................... 29
1. Choix du langage de programmation ......................................................................................................... 29
2. Architecture de fonctionnement logique ...................................................................................................... 32
3. Environnement de développement ....................................................................................................... 33
III. INTERFACES ................................................................................................................................................ 37
1. Page d’accueil ............................................................................................................................................. 37
2. Page de connexion .................................................................................................................................... 38
3. Présentation d’une réservation ..................................................................................................................... 39
✓ Perspectives ........................................................................................................................................................... 42

Rédigé et présenté par BOUELET REMY FADHIL ix

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

TABLE D’ILLUSTRATION

Liste des Tableaux

Tableau 1 Fiche d'identification du CAT


Tableau 2: Organisation du CAT
Tableau 3: Nos ressources matériels
Tableau 4: Liste des ressources matériels
Tableau 5: Ressources Logiciels et Technologiques
Tableau 6: Ressources Humaines
Tableau 7 : Bilan

Rédigé et présenté par BOUELET REMY FADHIL x

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Liste des Figures

Figure 1: Localisation CAT.


Figure 2: Outils Gantt
Figure 3: Outils GitHub
Figure 4: Cycle en V
Figure 5: Diagramme de cas d'utilisation globale
Figure 6: Diagramme de classe globale
Figure 7: Diagramme de séquence globale
Figure 8: Logo JavaScript
Figure 9: Logo React
Figure 10: Logo Nodejs
Figure 11: Logo Html
Figure 12: Logo CSS
Figure 13: Logo node js
Figure 14: Logo Mongo DB
Figure 15: Accueil GETIT
Figure 16: Connexion
Figure 17: Recherche voyage
Figure 18: Résultat recherche
Figure 19: Caractéristiques recherche
Figure 20: Payement
Figure 21: Accueil GETIT mobile

Rédigé et présenté par BOUELET REMY FADHIL xi

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Liste des Abréviations

CAT : Crystal Art Technology

UML : Unified Modeling Language

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

CPS : Cadrage Synthétique et Pragmatique

Rédigé et présenté par BOUELET REMY FADHIL xii

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

RESUME

Le présent document définit notre rapport de fin de stage proposé dans le cadre de l’obtention
du Brevet de Technicien Supérieur (BTS) en Génie Logiciel à l’institut Universitaire de la Côte (IUC)
et réalisé au sein de la Startup CAT (Crystal Art Technologie) pendant la période du 21/06/2020 au
20/08/2021

Pendant la période passée au CAT, nous avons travaillé sur un projet qui consistait à la Vérification
et la Validation des données d’un plate-forme de réservation de billet de voyages et la conception et
réalisation de ladite plateforme, il nous a été donné comme tâche de développer des algorithmes pour
vérifier et valider les données, réaliser une maquette de la plate-forme en question et en fin réaliser la
plateforme.

Durant notre stage, nous avons occupé le poste de développeur stagiaire dans lequel nous avons
découvert de nouvelles choses à savoir les méthodes de travail professionnelles dans une équipe plutôt
bien organisée. Ayant assisté aux différentes phases d’analyse et conception, nous avons eu le bonheur
d’observer la chronologie de mise sur pied d’une solution logiciel ou informatique ce qui nous a permis
d’acquérir une grande expérience dans le domaine du Génie Logiciel.

Grâce à notre envie et à nos efforts appréciables, nous avons exécuté toutes les tâches assignées
par le chef d’équipe. Cela nous a permis de mettre en pratique des compétences acquises en milieu
académique mais aussi en entreprise, à l’instar des technologies telles que : PHP, HTML5, CSS3,
JAVASCRIPT, MYSQL, REACT, NODE JS etc.

Rédigé et présenté par BOUELET REMY FADHIL xiii

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

ABSTRACT

This document defines our end of internship report proposed as part of obtaining the Brevet
de Technician Superior (BTS) in Software Engineering at the Institute Universitaire de la Côte (IUC)
and carried out within the Startup CAT (Crystal Art Technology) during the period from 20/06/2020 to
20/09/2021.

During the period spent at the CAT, we worked on a project which consisted of the Verification
and Validation of the data of a platform for the travel booking and the design and realization of said
platform, we were given as a task to develop algorithms to verify and validate the data, to produce a
model of the platform in question and finally to build the platform.

During our internship, we held the position of intern developer in which we discovered new things
to know professional working methods in a rather well-organized team. Having attended the different
phases of analysis and design, we had the pleasure of observing the chronology of setting up a software
or IT solution, which allowed us to gain a great deal of experience in the field of Software Engineering.

Thanks to our envy and our appreciable efforts, we carried out all the tasks assigned by the team
leader. This allowed us to put into practice skills acquired in academia but also in business, like
technologies such as: PHP, HTML5, CSS3, JAVASCRIPT, MYSQL, REACT.

Rédigé et présenté par BOUELET REMY FADHIL xiv

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

INTRODUCTION GENERALE

L’informatique ne cesse d’envahir les différents domaines d’activités de l’homme en


générale. Cela s’explique par son apport incontestable pour ceux qui l’utilisent. En effet, cet outil permet
entre autres l’automatisation des traitements, l’échange d’information soit en temps réel ou non, la
conservation des données, l’exécution rapide des tâches...

Il ne fait plus désormais aucun doute que les technologies de l’information et de la communication
représentent la révolution la plus importante et la plus innovante qui marque la vie de l’humanité. Les
files d’attentes dans les agences de voyages sont assez fatigantes et pénibles car généralement on attend
debout ; bien même quand notre tour arrive enfin les billets sont souvent finis. Pour remédier à cela, nous
proposons de mettre à la disposition du grand public une plateforme de réservation de billet de voyage
pour ceux qui désire réserver des billets de voyage dans les agences en accord avec notre plateforme sans
avoir à lever le petit orteil ; cependant sa réussite nécessite un processus de vérification et de validation
des données d’un utilisateur en général et d’une agence, il sera donc question pour nous de savoir
pourquoi et comment vérifier et valider les données.

Notre travail se subdivisera en quatre principaux chapitres dont le premier nous permettra de
présenter l’entreprise d’accueil, le second dédié à l’étude du système existant, le troisième dédié à la
phase de conception et le dernier à l’implémentation

Rédigé et présenté par BOUELET Remy Fadhil 1

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

PARTIE I : PRESENTATION DU CADRE DE


STAGE ET ANALYSE DU PROJET

Rédigé et présenté par BOUELET Remy Fadhil 2

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Chapitre I : Présentation de la Startup CAT

Ce chapitre permettra d’avoir une vue globale de la structure dans laquelle nous avons eu
l’occasion de travailler tout au long de cette période de stage.

Introduction

La présentation du cadre de l’étude est importante vue qu’elle présente l’environnement


dans lequel l’étude au préalable a été faite. Il sera donc question ici de présenter l’entreprise en général, afin
d’en savoir plus sur son fonctionnement.

Dans ce premier chapitre, nous présentons l’entreprise, à travers sa définition, son historique, son
organisation, sa fiche d’identification et sa situation géographique. Ce chapitre permettra ainsi d’avoir
une vue globale de la structure dans laquelle nous avons eu l’occasion de travailler tout au long de cette
période de stage.

I. Définition de l’entreprise

CAT (Crystal Art Technology) est une jeune Start-Up constituée de développeurs
expérimentés et passionnés par les technologies desktop, mobile et web. CAT possède de l’expertise
dans la gestion des projets Web, Desktop et Mobile et aussi divers services s’inscrivant dans le domaine
du digital. Ses services se déclinent en six grands axes que sont :
Développement de logiciels
Conceptions d’applications mobiles
Intégration de solutions et urbanisation de système d’information
IT consulting (Assistance et Conseils)
Formations Professionnelle (Développement, Gestion des Bases de Données, Bureautique)

Rédigé et présenté par BOUELET Remy Fadhil 3

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
Transformation digitale

Constituée d’une équipe de jeunes dynamiques et passionnés des technologies informatiques, tous
engagés et chacun rempli de ressources selon leur nature et les exigences de chaque projet. Elle se charge
aussi d’offrir à d’autre entreprises et particuliers des remises à niveau à travers de formations
professionnelles dans le domaine du développement logiciel et à de meilleurs prix.

Faisant face aux difficultés d’investissement et d’accompagnement de grand projets, Le CAT s’est
associé à un bon nombre d’acteurs et investisseurs de divers domaines d’activité afin d’offrir de
meilleures offres technologiques dans la sous-région et de toujours répondre de qualité aux besoins des
clients.

II. Fiche d’identification

Tableau 1 : Fiche d'identification du CAT

NOM COMPLET Crystal Art Technologie

DIRECTEUR GENERAL M. Rodolph NKWIHOU

SIEGE SOCIAL Akwa immeuble siège STV

DATE DE CREATION Juin 2016

FORME JURIDIQUE Société A Responsabilité Limitée

TELEPHONE (+237)679448052

ACTIVITE PRINCIPALE It consulting

RAISON SOCIAL Crystal Art Technology

Rédigé et présenté par BOUELET Remy Fadhil 4

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
III. Organisation de l’entreprise

Le CAT au jour d’aujourd’hui possède une structure constituée d’une équipe d’experts en solutions
logicielles rendant toujours à tous leurs clients. L’organisation du CAT se matérialise à travers
l’organigramme suivant :

Tableau 2: Organisation du CAT [1]

Rédigé et présenté par BOUELET Remy Fadhil 5

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

IV. Situation géographique


Le CAT est situé à Douala au quartier Akwa immeuble siège STV.

Figure1 : Localisation de CAT [1]

Rédigé et présenté par BOUELET Remy Fadhil 6

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

V. Déroulement du Stage

1. Nos ressources de stagiaires

Durant notre séjour au CAT, nous avons utilisé nos propres ressources pour bien effectuer le
travail qui nous a été allouer en tant que stagiaire. Ses ressources sont d’ordre matérielles. Nos ressources
matérielles sont composées d’outils nécessaires à l’élaboration de notre projet. Elles seront répertoriées
dans le tableau ci-dessous :

Tableau 3: Nos ressources matériels

MATÉRIELS CARACTÉRISTIQUES

Ordinateur LENOVO Fabriquant : LENOVO

Modèle : 81WR

Processeur : Intel(R) Core (TM) i3-

10110U CPU @ 2.10GHz (4

CPUs), ~2.6GHz

Mémoire Ram : 8Go ;

Type de système : Windows 10

64 bits (10.0, version 19042)

Version : 10.0.19042 Numéro 19042

Rédigé et présenté par BOUELET Remy Fadhil 7

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
Fabriquant : APPLE ;

Téléphone IPhone 7 Modèle : A1778 FCCID;

Mémoire Ram : 4Go ;

Type de système : Système

D’exploitation IOS ;

Version: 12.0.1

2. Missions du Stagiaire

a. Mission Principale

Durant notre période de stage, nous avons eu entre autres comme mission principale :

• Spécification des données de la plateforme Getit

• Schématisation des algorithmes de vérification et validation à l’aide des organigrammes

• Implémentations des algorithmes de vérification et validation avec le langage de


programmation JavaScript

• Simulation des valeurs d’entrées et test des algorithmes implémentés

• Evaluation du temps d’exécution des algorithmes

• Conception et réalisation du site web de ECG-CAMEROON

• Concevoir de la plateforme GETIT

En effet il s’agit de réaliser une solution web permettant à la fois à des utilisateurs d’ajouter des
Livres pour location ou vente, mais également de permettre à des Librairies, des Bibliothèques Physiques
mais aussi des Auteurs de faire connaitre et de commercialiser plus facilement leur Livre.

Rédigé et présenté par BOUELET Remy Fadhil 8

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
b. Mission secondaire

Durant notre période de stage, nous avons eu entre autres comme mission secondaire :

• Achat et installation du matériel de travail (ex. Ordinateurs, cartes SIM, Routeur…) pour les
collègues

• Formation en ligne sur le marketing digital avec un expert de l’entreprise

• Conception et réalisation de la charte graphique de ECG-CAMEROON

Conclusion
Ce chapitre a porté sur une présentation générale et détaillée du CAT dont le but était de
comprendre leur fonctionnement et de découvrir leur plan de localisation ainsi le déroulement de notre stage.

Rédigé et présenté par BOUELET Remy Fadhil 9

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Chapitre II : Etude préalable du system existant

Introduction
De nos jours, il existe plusieurs sites de réservations de voyage en ligne tel que Blablacar en
France, cooltrip au Cameroun et bien d’autres. Cependant il n’existe pas un au Cameroun bien présent
et utile en temps réel.

I. Qu’est-ce que la réservation de billet de voyage ?

1. Contexte et justification du projet (problématique)


L’activité de réservation de bus existe depuis très fort longtemps dans notre société, il s’agit
d’aller dans une agence de voyage et de réserver un voyage à l’avance et Après avoir parcouru
la ville et ses environs, nous remarquons qu’il est accès difficile d’avoir un ticket de voyage dans
les différentes agences. Raison pour laquelle nous avons pensé rendre plus accessible et rapide
le transport en connus en implémentant dans le cadre de la technologie et du développement une
plateforme de réservation de billet d’agence en ligne. Ce document nous permettra donc
d’élaborer et de structure les différentes étapes de notre travaille en tenant compte du temps et
des difficultés.

2. Fonctionnement
Nous savons tous que le fonctionnement d’un tel système nécessite au moins la présence d’un gérant
pour les différentes transactions ; Cependant, Notre projet a pour objectif principale de faire gagne en
temps et en heure tant à l’agence qu’au passager. De ce fait, le passager pourra réserver en temps réel
peut importer sa position un ticket pour une destination de son choix qu’il pourra juste le présenter à
l’agence, pour notre cas d’espèce, il y’aura également la présence administrateur d’agence pour
recueillir les réservations.

Rédigé et présenté par BOUELET Remy Fadhil 10

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
Ainsi, il en découle que lorsqu’un client fait une réservation (Sur la plateforme), celle-ci est traité,
puis une facture lui sera envoyé par email, pour une agence désireuse mettre son agence sur la plateforme,
un formulaire d’ajout lui est présenté après que celui-ci s’est fait authentifier, après remplissage et envoie
de ce formulaire, nous le traitons, rejetons ou non sa demande d’ajout

3. Critiques
De nos jours, nous constatons que beaucoup de personnes désire réserver des billets de voyages
sans avoir à supporter le calvaire des listes d’attente dans les agences de voyages. Et certaine agence
désire augmenter leur chiffre d’affaires.

Beaucoup de plateforme offrent la possibilité aux personnes de réserver des billets de voyage
confortablement installées chez soi, mais ils ne sont malheureusement connus de tous, presque tous sont
hors de nos frontières ce qui augmente la complexité d’avoir une multitude choix d’agence : C’est pour
cette raison que nous apportons comme solution la plateforme Getit qui va améliorer le service dans ce
secteur d’activité, mais également permettre aux personnes ne pouvant pas se déplacer dans des agences
de voyages de faire des réservations . De plus, nous vous permettons de suivre vos trajets en temps réels
histoire de savoir ou est-ce que vous êtes précisément pendant la totalité du voyage

En plus de notre solution apportée pour pallier à ce problème il existe d’autres solutions qui seront
détaillées dans les prochaines lignes.

II. Quelques sites de réservations de billets en ligne

1. The cooltrip

Cooltrip est une plateforme qui fait uniquement dans réservation des bus en ligne. Cependant
il n’est pas très fonctionnel.

2. Blablacar

Blablacar est une plateforme qui fait aussi dans réservation de voyage en ligne. Cependant
l’accès est limite en France.

Rédigé et présenté par BOUELET Remy Fadhil 11

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

III. Critiques
Bien que ces solutions de réservation de billets soient de renommé internationale, elles ne
sont pas pour autant à l’ombre des critiques :

 Les applications de réservations de billet de voyage internationales ne proposent que très


peu de choix tant au niveau des agences que des destinations

 Les agences locales n’ont pris la peine de répertorier que très peu d’agences de voyages

 Peu de ses sites proposent des trajets autres que Douala-Yaoundé et vice versa

 La majeure partie de ces sites n’exercent pas leurs activités dans notre pays (Cameroun)
 Les applications locales ne disposent pas d’une très bonne IHM
 Ces applications ne proposent de services de suivi du voyage en temps réel

IV. CPS DU PROJET

1. Le Projet
Nous avons opté comme solution l’implémentation d’une application web de réservation de billet
pouvant être accessible par toute personnes (Morales ou Physiques). D’où le nom du site Getit.

Le terme Getit est une plateforme qui consiste a permettre aux personnes de réserver des billets
de voyages à distance, Mais également de permettre aux agences d’augmenter leur présence digital et
d’augmenter leurs chiffre d’affaire.

2. Les objectifs

Nous avons défini nos objectifs ici sous plusieurs aspects à savoir :

➢ Objectifs de délai :
• Date de fin de projet : 23 Mars 2022
• Effectué des Jalons chaque fin de mois
➢ Objectifs techniques : Défini sous forme de besoin relatif au Cahier des Charges

Rédigé et présenté par BOUELET Remy Fadhil 12

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
a. Besoins fonctionnels

Nous avons choisi de décomposer l’ensemble des besoins fonctionnels en module, permettant
ainsi d’appliquer la notion de programmation orienté fonctionnalité. Après un découpage, nous avons
comme modules :

➢ Gestion d’inscription : il est question ici pour nous de récolter les informations
personnelles des utilisateurs ou clients afin de leur créer un compte.

➢ Gestion d’authentification : il est question dans ce module de gérer les utilisateurs du


système et de définir leur niveau d’accès dans la plateforme.

➢ Gestion de profil : il est question dans ce module que les utilisateurs du système gèrent
leur profil.

➢ Gestion des agences : il est question dans ce module d’ajouter, modifier, supprimer une agence.

➢ Gestion des bus : il est question dans ce module que l’administrateur et les utilisateurs
puissent consulter le catalogue.

➢ Gestion des réservations : il est question dans ce module de permettre aux utilisateurs
de soumettre et de suivre leur réservation.

➢ Gestions du catalogue : il est question dans ce module que le responsable de l’agence


puisse ajouter, modifier, supprimer un bus.

➢ Gestion des notifications : il est question dans ce module que les utilisateurs puissent
recevoir des notifications qui leur sont propres après une action.

➢ Consulter le catalogue : Ici les utilisateurs auront la possibilité d’explorer les différentes agences
présentes sur le site.

➢ Payer sa réservation : Ici après confirmation de la commande le client devra payer la


somme totale de sa facture

➢ Suivre son voyage : Ici le client aura la possibilité d’avoir un bref suivi sur sa réservation
c’est-à-dire il pourra voire le du trajet de son voyage depuis le point de départ jusqu’à l’arrivée

➢ Réceptionner l’accuse de réception de sa réservation : Ici le client devra avoir un message qui
confirme belle et bien que sa réservation ait été valide.

Rédigé et présenté par BOUELET Remy Fadhil 13

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
➢ Confirmer une réservation : Ici le responsable d’agence qui aura les possibilités de dire si le
client s’est présenté à l’embarquement ou pas

➢ Gérer le profil de l’agence : Ici le responsable de l’agence aura la possibilité de changer ou


modifier, supprimer, actualiser, ajouter des éléments pour le design de l’agence.

b. Besoins non fonctionnels

➢ La sécurité et la confidentialité : le site doit être sécurisé au niveau des droits d’accès
ce qui engendre une protection des données de chaque utilisateur.
➢ La performance et rapidité : au sein du site le temps de réponse doit être plus court pour
satisfaire l’optimisation du traitement effectue.
➢ L’ergonomie et convivialité : le site doit fournir des interfaces lisibles et simple afin de
faciliter l’utilisation de ses fonctionnalités par les utilisateurs.
➢ La maintenance : le site doit être compréhensible au niveau du code source pour ainsi
faciliter sa maintenance.
➢ La disponibilité : la présence d’une connexion internet pour exploiter les fonctionnalités
du site.

3. Nos Moyens
a. Moyens matériels

Tableau 4: Liste des ressources matériels


DESIGNATION QUANTITE PRIX (FCFA)
Ordinateur hp elitebook 1 320 000
Modem + Abonnement 1 50000
mensuel sur 2 mois
Total 2 370 000

Rédigé et présenté par BOUELET Remy Fadhil 14

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
b. Moyens logiciels et technologiques
Tableau 5: Ressources Logiciels et Technologiques
LOGICIELS QUANTITES PRIX(FCFA)
Visual Studio Code 1 Gratuit
Power AMC 1 Gratuit
Node js 1 Gratuit
Total 3
TECHNOLOGIE
Node JS 1 Gratuit
React Native 1 Gratuit
Hébergement 1 75 000
Sécurité du site 1 25000
Total 3 100 000

c. Moyens humains

Une étude menée sur le salaire moyen mensuel d’un développeur web au Cameroun d’après le
site « JOP AND SALARY ABROAD » disponible à l’adressée :
https://www.jopandsalaryabroad.com/fr/cameroon/french-webdeveloper-cameroon.html
Montre que le moyen mensuel d’un développeur web est de 820 USD ce qui égale à 473261
FCFA

Tableau 6: Ressources humaines


mains d’œuvre prix(FCFA)/mois nombre de montant(fcfa
mois
ANLYSTE, 150.000 9 1350 000
concepteur
programmeur
(tout en un)
Développeur front end 474000 9 4266000
Développeur back end 474000 9 4266000
TOTAL 9882000

Rédigé et présenté par BOUELET Remy Fadhil 15

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
BILAN

Tableau 7: Bilan
CHARGE LIEES AU PROJET COUT(FCFA)

Ressources matérielles 300 000

Ressources logicielles 50000

Ressources humaines 9 882 000

total 10.232.000

3. Cadrage du Projet

➢ Périmètre : Le projet sera fonctionnel dans tous l’étendue du territoire national à travers
un téléphone, tablette ou Ordinateur
➢ Cibles : Les personnes ici sont toutes personnes physique ou morale désirant voyager

➢ Contrainte : Nous avons comme contrainte ici le processus d’annulation d’une réservation

V. Planification du travail

Plusieurs outils de gestions et de planification du travail sont mis à notre disposition pour une
bonne marche de nos projets informatiques. Dans le cadre de notre projet, nous avons utilisé les outils
tel que :

1. GanttProject

La planification de notre projet a été établir comme suit : chaque tache ayan une durée, nous
l’avons représenté dans diagramme ci-dessous.

Rédigé et présenté par BOUELET Remy Fadhil 16

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
Figure 2: Outils GanttProject

Rédigé et présenté par BOUELET Remy Fadhil 17

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
Les livrables
A la livraison, notre logiciel comportera plusieurs éléments, entre autres :

❖ Le dossier du logiciel
❖ Le dossier de conception
❖ Le dossier technique de réalisation

❖ ❖ Le manuel d’utilisation.

2. GitHub

GitHub est service web d’hébergement et de gestion de développement logiciels, utilisant le


logiciel de gestion de versions Git permettant ainsi de stocker un ensemble de fichiers en conservant la
chronologie de toutes les modifications qui ont été effectuées dessus. Il permet notamment de retrouver
les différentes versions d’un lot de fichiers connexes.

Figure 3: Outils GitHub

Rédigé et présenté par BOUELET Remy Fadhil 18

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
Conclusion

Dans ce chapitre, nous avons présenté le contexte du projet ainsi que les besoins fonctionnels
et non fonctionnels de notre plateforme, qui nous a permis d’avoir une vue globale de notre site afin de
concevoir les modèles et différents diagrammes dans le chapitre suivant.

Rédigé et présenté par BOUELET Remy Fadhil 19

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

PARTIE II : CONCEPTION ET REALISATION

Rédigé et présenté par BOUELET Remy Fadhil 20

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Chapitre III : Choix des modèles de conception

INTRODUCTION

La conception d’un projet est une phase primordiale pour définir les objectifs et les fonctionnalités
de notre site.

La modélisation consiste à créer une représentation abstraite ou virtuelle d’une réalité de telle
façon à ressortir les points auxquels on s’intéresse. Dans le cadre de notre projet, nous avons utilisés le
langage de modélisation UML pour la modélisation des différents diagrammes. Il est a noté qu’il existe
d’autres méthodes de modélisation tel que MERISE (Méthode d’étude et de réalisation informatique
pour les systèmes d’entreprise).

I. CONCEPTION GENERALE : CYCLE DE DEVELOPPEMENT EN (V)

La méthodologie adoptée dans l’analyse et la conception des systèmes représente à nos


jours un choix stratégique pour l’équipe projet afin de mener à terme les projets tout en respectant les
délais annoncés au client, la qualité demandée et les coûts.

Vu l’évolution des besoins des utilisateurs finaux, les applications d’entreprise deviennent alors de
plus en plus complexes et difficiles à concevoir et à développer.

Pour la conception, le développement et la réalisation de notre site, nous avons opté pour le
processus de développement en « V » qui demeure actuellement le cycle de vie le plus connu et
certainement le plus convenable aux projets complexes.

Ce processus nous a accompagné du début du projet jusqu’à l’implémentation. Le schéma ci-


dessous représente les différentes phases du modèle en V :

Rédigé et présenté par BOUELET Remy Fadhil 21

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Figure 4 Cycle en V [2]

II. CONCEPTION DETAILLEE

La conception détaillée met en œuvre itérativement un microprocessus de construction et


c’est en cette phase que l’on génère le plus de volume d’informations.

1. Présentation de UML

Au regard des objectifs fixés pour la réalisation de notre plateforme, nous remarquons que
nous sommes face à une solution constituée de plusieurs modules, qui devra rester ouverte pour des
améliorations futures. De ce fait, il est très important d’utiliser un langage universel pour la modélisation
afin de clarifier la conception et de faciliter les échanges. Notre choix est donc porté sur le langage UML
puisqu’il convient pour toutes les méthodes objet et se prête bien à la représentation de l’architecture du
système.

UML (Unified Modeling Language) est un langage de modélisation unifié qui permet de
modéliser une solution informatique d’une façon standard dans le cadre de conception orienté objet. Il
permet donc alors de couvrir le cycle de vie d’un logiciel depuis la spécification des besoins jusqu’au
codage en offrant plusieurs moyens de description et de modélisation des acteurs et d’utilisation système.

Rédigé et présenté par BOUELET Remy Fadhil 22

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
2. Avantages d’UML

Nous avons opté pour l’utilisation d’UML comme langage de modélisation car la notation
UML est la plus appropriée pour des projets à caractère orienté objet. Ce choix peut être justifié
également par plusieurs raisons :

O Le langage UML augmente la lisibilité et facilite la compréhension du modèle et la


communication entre les membres d’un projet même si certains parmi eux ne sont pas des informaticiens.
O Le langage UML facilite la compréhension et la communication d’une modélisation objet
O La notation UML par définition n’est pas spécifique à un langage de programmation objet, Elle
peut donc être utilisée avec n’importe quel langage.
Les concepteurs du langage UML ont mis au point des diagrammes qui fournissent une
représentation visuelle pour les différents points de vue de la modélisation que nous présenterons dans
une partie ultérieure.

3. Diagramme de cas d’utilisation

a. Identification des acteurs

Par définition, un acteur est un élément externe qui interagit directement avec le système. Cet
élément peut être utilisateur ou un système (autre ordinateur, programme, base de données). Dans notre
cas, nous aurons comme acteurs :

➢ Le Client
➢ L’administrateur

Rédigé et présenté par BOUELET Remy Fadhil 23

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
b. Cas d’utilisation

Un cas d’utilisation (Use Case) apporte une vision utilisateur et absolument pas une vision
informatique. Il ne nécessite aucune connaissance informatique. C’est le premier diagramme UML
constitué d’un ensemble d’acteurs qui agit sur des cas d’utilisation et est décrit sous la forme d’action et
de réactions, le comportement du futur système sans spécifier comment celui-ci sera fait.

Figure 5: Diagramme de cas d’utilisation de la plateforme

Rédigé et présenté par BOUELET Remy Fadhil 24

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

4. Diagramme de classe
Le diagramme de classe représente les classes intervenant dans le système ainsi que les
relations entre ces classes. Il décrit les informations sans faire référence à une implémentation
particulière. C’est le diagramme le plus important et le plus utilisé.

a. Les éléments de base d’un diagramme de classe

Les éléments de base d’un diagramme de classes sont les suivants :

➢ Objet : C’est une entité aux frontières définies qui représente ici une instance d’une classe
➢ Classe : Elle décrit un groupe d’objet ayant les propriétés (attributs) et un même
comportement (opérations).

➢ Méthode : C’est l’implémentation d’une opération dans une classe.


➢ Attribut : C’est une propriété élémentaire d’une classe à qui est attribué une valeur pour
chaque objet d’une classe.
➢ Classe-association : Elle permet de décrire soit des attributs , soit des opérations propres
à l’association.

b. Modèle relationnel
Le modèle relationnel est basé sur une organisation des données sous forme de tables. La
manipulation des données se fait selon le concept mathématique de relation de la théorie des ensembles
« Algèbre relationnel ». Le modèle relationnel est basé sur la terminologie suivante :

➢ Attributs : On appelle attributs le nom des colonnes qui représentent les constituants de
l’entité. Un attribut (une colonne) est repéré par un nom et un domaine de définition c’est-à-dire
l’ensemble des valeurs qu’il peut prendre.
➢ Cardinalité : Elle sert à compter le nombre minimum et maximum de possibilités que
chaque classe contient dans la relation liant deux ou plusieurs objets..’ .

Rédigé et présenté par BOUELET Remy Fadhil 25

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Figure 6: Diagramme de classe de la plateform

5. Diagramme de Séquence
Les diagrammes de séquence peuvent servir à illustrer les cas d’utilisations décrits plus
haut. Ils permettent de représenter la succession chronologique des opérations réalisées par un acteur et
qui font passer d’un objet à un autre pour représenter un scénario.

Rédigé et présenté par BOUELET Remy Fadhil 26

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Figure 7: Diagramme de séquence de la plateforme

Rédigé et présenté par BOUELET Remy Fadhil 27

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Conclusion

Cette phase de conception avait pour intérêt de présenter les différentes étapes de
conception de notre site tout en évoluant dans le niveau de détail, et doit par conséquent aboutir
immédiatement à l’implémentation avec une vision claire des aspects fonctionnels ainsi que
organisationnels de l’application.

Rédigé et présenté par BOUELET Remy Fadhil 28

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Chapitre IV : Implémentation

Introduction

Cette partie constitue le dernier volet de ce rapport. Après avoir terminé la phase de
spécification et conception, la solution étant déjà choisie et étudiée, il ne nous reste qu’à décider dans
quel environnement nous allons travailler, exposer les choix techniques utilisés et le langage adopté, et
présenter l’implémentation et les tests réalisés.

I. TECHNOLOGIES UTILISEES

1. Choix du langage de programmation

a. Langage de programmation web front end

Figure8 : LOGO JS

JavaScript est un langage de programmation des scripts principalement employé dans les pages
web interactive. De nos jours, grâce à son évolution, il est aussi utilisé coté serveur avec l’utilisation
par exemple de NodeJS et permet aussi de faire plus facilement des vues avec des Framework tel que
VueJS, REATC, Angular etc...

Rédigé et présenté par BOUELET Remy Fadhil 29

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Figure9 : LOGO REACT

REACT NATIVE, framework front end JavaScript. Servant a développé des application native cross
plateforme. A été mis sur pied par la société Facebook en 2015 et est aujourd’hui utiliser par des
grandes plateformes comme Facebook, Instagram, Spotify et bien d’autre

Figure10 : LOGO NODE JS

Node js est un Framework JavaScript coté serveur utilise pour écrire des programmes tournants sur des
serveur web. Technologie relativement récente vue qu’elle a vue le jour autour des année 2012 et a connu
une évolution fulgurante ; elle a servi à la création de certaine grande plateforme comme heroku+ , netify et
bien d’autres

Figure11 : LOGO HTML

HTML (HyperText Markup Language) est un langage de programmation web permettant de structurer une
page web, elle fonctionne sur le principe de balise et permet de créer les pages web.

Figure12 : LOGO CSS3

CSS3 (Cascading Style Sheet) est un langage permettant de styliser les pages web. Il permet de rendre les
pages web plus attractives.

Rédigé et présenté par BOUELET Remy Fadhil 30

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

b. Langage de programmation back


Node Js est un Framework JavaScript coté serveur utilise pour écrire des programmes tournants sur des
serveur web. Technologie relativement récente vue qu’elle a vue le jour autour des année 2012 et a connu
une évolution fulgurante ; elle a servi à la création de certaine grande plateforme comme heroku+ , netify et
bien d’autres et est utilisé du cote frontend tout comme backend.

• Avantages
➢ Nécessite d’utiliser un seul langage de programmation
➢ C’est plus rapide
➢ Profiter des avantages du NPM
➢ Solution idéale pour les applications web en temps réel
➢ Déploiement facile d’application web
• Limites
➢ L’interface API n’est pas stable
➢ Pas bon pour les calcul lourds

Figure13: LOGO NODE JS

c . Système de gestion de base de données

Pour créer une application web véritable, il faut qu’elle soit capable de communiquer avec la base de
données pour conserver les données propres à l’application et a chaque utilisateur. Un SGBD est un logiciel
qui permet de gérer les bases de données. On retrouve plusieurs SGBD permettent de réaliser les
applications web : MONGO DB, MYSQL, SQL server, Oracle server, etc…

❖ MONGO DB
• Avantages
➢ Il est orienté service web
➢ Possibilité de déployer les nouvelles fonctionnalités en peu de temps
➢ Le support propose par Mongo DB est de très bonne qualité
➢ Facilite de développement de prise en main
➢ Sécurité et performance durable
• Limites

Rédigé et présenté par BOUELET Remy Fadhil 31

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
➢ Nécessite d’une migration propre et sans problème d’une version a la suivante

Figure 14 : Mongo DB

2. Architecture de fonctionnement logique

Dans l’architecture à trois niveaux, les applications au niveau serveur sont délocalisées,
c’est-à-dire que chaque serveur est spécialisé dans une tâche (serveur web/ serveur de base de données
par exemple) permettant ainsi une grande souplesse. Cette architecture (appelée 3 tiers) fait intervenir
trois parties indépendantes les unes des autres :

• La couche de données liée au serveur de base de données (SGBD) : stockage et accès aux
données. Le système de stockage des données a pour but de conserver une quantité plus ou moins
importante de données de façon structurée. Nous pouvons utiliser pour cette partie des systèmes très
variés qui peuvent être des systèmes de fichiers, des mainframes, des systèmes de bases de données
relationnelles, etc.

• La logique applicative : elle se compose généralement d’un script ou d’un programme qui
constitue les traitements métier nécessaires sur l’information afin de rendre l’information exploitable par
chaque utilisateur.

• La couche présentation (ou affichage) associée au client qui de fait est dit « légère » dans la
mesure où elle n’assume aucune fonction de traitement à la différence du modèle 2-tiers. C’est la partie
la plus immédiatement visible pour l’utilisateur. Elle a donc une importance primordiale pour rendre
l’information lisible, compréhensible et accessible.

Rédigé et présenté par BOUELET Remy Fadhil 32

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
3. Environnement de développement

Un environnement de développement est un ensemble d’outils qui permet d’augmenter la


productivité des programmeurs qui développent des logiciels. Il comporte un :

✓ Un éditeur de texte destiné à la programmation

✓ Des fonctions qui permettent, par pression sur un bouton, de démarrer le compilateur ou
L’éditeur de liens

✓ Un débogueur en ligne qui permet d’exécuter ligne par ligne le programme

L’objectif d’un environnement de développement est

✓ D’augmenter la productivité des programmeurs en automatisant une partie des activités


et en simplifiant les opérations

✓ D’améliorer la qualité de la documentation en rapport avec le logiciel le site en


construction en construction

Dans le cadre de notre projet nous avons utilisés les environnements suivants :

➢ Visual Studio Code

Visual Studio Code est un éditeur de code extensible développé par Microsoft pour
Windows, Linux et MacOs. Visual Studio Code est présenté lors de la conférence des
développeurs Build d'avril 2015 comme un éditeur de code Cross-Platform, open source et gratuit,
supportant une dizaine de langages de programmation et une multitude d’extensions.

Rédigé et présenté par BOUELET Remy Fadhil 33

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

➢ Power AMC

PowerDesigner (anciennement PowerAMC) est un logiciel de conception créé


par la société SAP, qui permet de modéliser les traitements informatiques et leurs
bases de données associées. Il a été créé par SDP sous le nom AMCDesignor, racheté
par Powersoft qui lui-même a été racheté par Sybase en 1995. Depuis 2010 Sybase appartient à l'éditeur
allemand SAP. Avant mars 2016, la version française était commercialisée par SAP sous la marque
PowerAMC2, jusqu'à la fusion avec la version internationale sous le nom PowerDesigner depuis la
version 16.63. PowerDesigner est disponible sous forme d'application native Microsoft Windows ou
comme plugin Eclipse.

➢ Adobe XD

Adobe XD un logiciel de UI/UX Design permettant de réaliser les maquettes de nos


applications, logiciels et Sites ainsi que de réaliser des Prototypes

II. Mise en ligne

Après avoir terminé la phase de développement suivit des tests sur un serveur local, la prochaine étape est
la mise en ligne. La mise en ligne est ce processus qui permettra à l’application d’être accessible via le
réseau internet. Pour ce faire, nous allons aborder premièrement la notion d’hébergement ensuite nous
décrirons étape par étape le processus de mise en ligne.

Rédigé et présenté par BOUELET Remy Fadhil 34

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
1. L’hébergement

Héberger une application web revient tout simplement à la déployer sur un serveur. Cependant, les
hébergeurs proposent trois types de serveurs différents pouvant satisfaire au besoin d’hébergement mais
avec des spécificités différentes. Ces types de serveurs sont :

• Les serveurs mutualistes : ce sont les serveurs les moins chers car en réalité c’est un ensemble de
serveurs interconnectes hébergeant un grand nombre de sites en même temps. Ce qui réduit un peu la
bande passante. Ils sont conçus pour héberger des applications pas très robustes comme la nôtre par
exemple.
• Les VPS : ce sont des serveurs qui appartiennent au client qui le commande sauf s’il partage les
ressources matérielles avec d’autres machines car ils sont installés dans un environnement virtuel.
• Les serveurs dédiés : comme le VPS, ils appartiennent aussi essentiellement a celui qui les commande
mais a la seule différence qu’ils sont physiques et sont par conséquent dotes de ressources matérielles
de très hautes capacités. Ils sont plus chers et sont le plus souvent utilises pour héberger des
applications extrêmement robustes ou pour être revendu en détail a plusieurs autres clients.

2. Etapes de mise en ligne

La mise en ligne d’un projet web est un processus assez simple de nos jours car les différents hébergeurs
ont développé des panneaux de contrôle qui servent à automatiser certaines taches comme le transfert de
fichiers ou la création des comptes e-mails par exemple. C’est ce qu’on appelle en général le Cpanel. Les
étapes à suivre pour donc mettre en ligne notre application est la suivante.

a. Acheter un hébergeur

C’est en fait un parmi les serveurs cités plus haut. C’est un espace sur internet sur lequel sera stocke le
système de fichiers de notre application. Il existe à cet effet un grand nombre de vendeurs sur internet mais
après comparaison des offres et des prix, notre choix s’est centré sur Heroku.

Rédigé et présenté par BOUELET Remy Fadhil 35

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
b. Déployer l’application
Après avoir acheté l’hébergement, on déploie l’application. Pour une application web, le déploiement
consiste tout simplement à télé verse son système de fichier dans le serveur. Cela se fait soit par le
gestionnaire de fichier du Cpanel soit par FTP.

Rédigé et présenté par BOUELET Remy Fadhil 36

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

III. INTERFACES

1. Page d’accueil

Figure 15 : Accueil GETIT

Rédigé et présenté par BOUELET Remy Fadhil 37

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

2. Page de connexion

Figure 16 : Connexion

Rédigé et présenté par BOUELET Remy Fadhil 38

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

3. Présentation d’une réservation

Figure 17 : Formulaire de recherche

Rédigé et présenté par BOUELET Remy Fadhil 39

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Figure 18 : Résultat de la recherche

Figure 19 : Caractéristiques voyages

Rédigé et présenté par BOUELET Remy Fadhil 40

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Figure 20 : Payement

Rédigé et présenté par BOUELET Remy Fadhil 41

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE
✓ Perspectives

Pour la bonne évolution de notre projet, nous avons en perspective d’ajouter plusieurs modules à
savoir :

❖ Une application mobile pour permettre à l’utilisateur possédant un smartphone de faire des
réservations
❖ Etendre notre champ sur tout l’étendue du territoire national et dans la sous-région ;
❖ Un module d’ajout via le scan du code bar du livre à travers un smartphone ;

❖ Tracer les déplacements durant le voyage

❖ Rendre le site plus sécuriser

Figure 21 : Accueil GETIT mobile

Rédigé et présenté par BOUELET Remy Fadhil 42

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Conclusion générale

Ce stage passé dans les locaux de CAT a été sous plusieurs aspects riches d’enseignements car
il nous a permis de découvrir le monde du travail mais également de jumeler la théorie à la pratique. Sur
une période de deux mois et demi, il était question pour nous de réaliser un stage qui devait allier théorie
et pratique. De nombreuses tâches ont été réalisé dans le cadre de cette expérience. L’une des plus
importante fut l’objet de notre thème à savoir : Concevoir et réaliser une plateforme réservation de
billet de voyage en ligne. Pour cela de nombreuses technologies web (JAVASCRIPT, Node Js, React
Native) ont été utilisées, associées à des outils de pointe. Ce stage fut bénéfique, car il nous a permis
d’améliorer nos connaissances techniques (dans le développement web et la notion d’orienté Objet.),
mais aussi organisationnels en matière de développement

À l'heure actuelle, la plateforme est encore en phase de développement, mais nous pouvons quand
même affirmer que nous en sommes à plus de 65% de l’atteinte des objectifs initiaux fixés par le cahier
de charge.

S’il faille faire une remarque, ce serai d’améliorer les conditions d’accessibilité d’internet en
entreprise car cela nous a posé un problème lors du téléchargement des paquets ralentissant
considérablement la productivité et impactant sur les délais.

Pour nous, ce stage a été très enrichissant car il nous a permis d’être capable de résoudre des
problèmes avec plus de simplicité et de professionnalisme.

Rédigé et présenté par BOUELET Remy Fadhil 43

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Références
I. Bibliographies

➢ Cour de Gestion de Projet :


• Enseignant : M. NKAMGA Brice
• Année : 2021-2022
➢ Cour de Base de données et SQL
• Enseignant : M. TEBOU Yannick,
• Année : 2020-2021
➢ Cour d’administration des Bases de données
• Enseignant : Mme NTOH MOUALAM
• Année : 2020-2021
➢ Cour d’introduction à la modélisation objet
• Enseignant : M. NGAI Alain
• Année : 2021-2022

➢ Cour de programmation web1


• Enseignant : M. NKWIHOU Rodolph
• Année : 2020-2021

Rédigé et présenté par BOUELET REMY FADHIL

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

II. Liens internet visités

[1] CAT, Documentation Générale de la StartUp, Douala, .

[2] APPVIZER, «APPVIZER,» [En ligne]. Available:


s://www.appvizer.fr/magazine/operations/ppm/cycle-v. [Accès le 13 Mars 2021].

[3] PHP, «php,» [En ligne]. Available: https://www.php.net/docs.php. [Accès le 02 Mars


2021].

[4] M. Nebbra, «Openclassrooms,» [En ligne]. Available: https://openclassrooms.com/fr


cès le 16 Février 2021].

[5] Mozilla. [En ligne]. Available: https://developer.mozilla.org/fr/docs/Web/JavaScript.


cès le 19 Mars 2021].

Rédigé et présenté par BOUELET REMY FADHIL

2021-2022
CONCEPTION ET REALISATION D’UNE PLATEFORME DE
RESERVATION DE BILLET DE VOYAGE

Rédigé et présenté par BOUELET REMY FADHIL

2021-2022

Vous aimerez peut-être aussi