DIRECTION DE L’ENSEIGNEMENT CATHOLIQUE REPUBLIQUE TOGOLAISE

TRAVAIL-LIBERTE-PATRIE
-----------
-----------
ECOLE SUPERIEURE D’ADMINISTRATION ET
DE GESTION NOTRE DAME DE L’EGLISE MINISTERE DE L’ENSEIGNEMENT
(E.S.A.G-N.D.E)
SUPERIEUR ET DE LA RECHERCHE
(M.E.S.R.)

RAPPORT DE STAGE
En vue de l’obtention du diplôme de

LICENCE PROFESSIONNELLE
OPTION : Technologie Informatique de Gestion

Digitalisation du processus de souscription à la fibre

optique : conception et développement
d’applications web et mobile

Présenté par

SAMA JEAN PAUL

TUTEUR ACADEMIQUE : MAITRE DE STAGE :

x
 Année académique : 2024 – 2025
DEDICACES

Je dédie ce travail,
À mes très chers parents SAMA KPONGOUYA ; TCHEYI BRIGITTE ET Ma Grand-Mère ABOUZI
Amah pour tout leur sacrifice consenti tout le long de mon cursus. Votre soutien et vos conseils
m’ont été d’une grande assistance et le seront pour toujours. Par votre labeur et dévouement,
vous êtes pour moi des modèles.
Que Dieu vous garde !

xi
REMERCIEMENTS

Les remerciements vont tout d’abord à DIEU notre créateur qui nous a accordé la vie et la santé
nécessaires tout au long de notre cursus.
La réalisation de ce mémoire a été possible grâce au dévouement de plusieurs personnes à qui
nous voudrions témoigner toute notre gratitude.
Nos remerciements vont à :

xii
SOMMAIRE
DEDICACES....................................................................................................xi
REMERCIEMENTS........................................................................................xii
GLOSSAIRE...................................................................................................xiv
.......................................................................................................................18
INTRODUCTION GENERALE............................................................................
INTRODUCTION GENERALE........................................................................19
CHAPITRE I : CAHIER DES CHARGES.............................................................
II. THEME DU STAGE..............................................................................................................................27
1. Présentation du sujet.....................................................................................................................27
2. Problématique du sujet.................................................................................................................27
3. Intérêts du sujet............................................................................................................................28
III. ETUDE DE L’EXISTANT.......................................................................................................................28
IV. CRITIQUE DE L’EXISTANT..................................................................................................................29
V. PROPOSITION DE SOLUTION.............................................................................................................29
1. Evaluation technique des solutions...............................................................................................29
2. Evaluation financière des solutions...............................................................................................30
VI. CHOIX DE LA SOLUTION....................................................................................................................31
VII. PLANNING PREVISIONNEL DE REALISATION...................................................................................31
CHAPITRE II : ANALYSE ET CONCEPTION.....................................................
I. PRESENTATION DE LA METHODE D’ANALYSE....................................................................................34
1. Présentation des deux approches.................................................................................................34
2. Le choix de la méthode..................................................................................................................35
II. PRESENTATION DE L’OUTIL DE MODELISATION................................................................................37
III. ETUDE DETAILLEE DE LA SOLUTION..................................................................................................38
1. Le diagramme de cas d’utilisation.................................................................................................38
2. Le diagramme de classes...............................................................................................................45
3. Le diagramme de séquences..........................................................................................................47
4. Le diagramme d’activités...............................................................................................................50
CHAPITRE III : REALISATION ET MISE EN OEUVRE.....................................
I. MATERIELS ET LOGICIELS UTILISES.....................................................................................................55
1. Matériels utilisés...........................................................................................................................55

xiii
 2. Logiciels utilisés.............................................................................................................................55
3. Langage utilisés..............................................................................................................................57
4. Technologies et Framework utilisés..............................................................................................61
II. ARCHITECTURE MATERIELLE ET LOGICIELLE DES APPLICATIONS......................................................65
1. Architecture matérielle..................................................................................................................65
2. Architecture logicielle....................................................................................................................66
III. SECURITE DES APPLICATIONS...........................................................................................................67
IV. MISE EN PLACE DE LA BASE DE DONNEES......................................................................................68
CHAPITRE IV : GUIDE D’EXPLOITATION........................................................
I. CONFIGURATION MATERIELLE ET LOGICIELLE....................................................................................70
1. Configuration matérielle................................................................................................................70
2. Configuration logicielle..................................................................................................................70
II. DEPLOIEMENT ET SUIVI.....................................................................................................................70
III. MAINTENANCE : ACTIONS A MENER EN CAS DE CERTAINES ERREURS...........................................70
CHAPITRE V : GUIDE D’UTILISATION.............................................................
I. DESCRIPTION TEXTUELLE DES APPLICATIONS....................................................................................73
II. PRESENTATIONS DES DIFFERENTES INTERFACES DES APPLICATIONS..............................................73
1. L’interface des clients....................................................................................................................73
2. L’interface des techniciens............................................................................................................83
3. L’application web administrative..................................................................................................89
CONCLUSION...............................................................................................95
BIBLIOGRAPHIE............................................................................................96

xiv
GLOSSAIRE

2TUP Two Track Unified Process

CSS Cascading Style Sheets

HTML HyperText Markup Language

LMD Licence Master Doctorat

MVC Modèle-Vue-Contrôleur
SASS Syntactically Awesome Style Sheets

SGBD Systèmes de Gestion de Bases de Données

SGBDR Systèmes de Gestion de Bases de Données
Relationnelles

SQL Structured Query Language

UML Unified Modeling Language

UP Unified Process

xv
LISTES DES FIGURES

xvi
xvii
LISTES DES TABLEAUX

xviii
INTRODUCTION GENERALE

19
 INTRODUCTION GENERALE

De nos jours la communication est essentielle pour garantir une gestion efficace des activités et
des relations interpersonnelles dans toute organisation. La communication permet de
transmettre les informations, les objectifs et les attentes de manière claire et précise, favorisant
ainsi une meilleure compréhension et coordination entre les membres d’une équipe. Ainsi
quant a La fibre optique elle joue un rôle fondamental dans l'optimisation de la communication,
notamment dans le domaine des télécommunications et des réseaux d’information tels que la
vitesse de transfert de données extrêmement rapide, permettant de transmettre de grandes
quantités d’informations presque instantanément assurant ainsi une connexion stable et de
haute qualité, même sur de longues distances. Les données transmises par fibre optique sont
plus sécurisées, car il est difficile d’intercepter un signal optique sans le couper, offrant ainsi une
protection accrue contre les écoutes et piratages.

Depuis l’introduction de la fibre optique dans les systèmes de communication en 1970, les
câbles à fibres optiques ont révolutionné les communications et le transfert d’informations. Non
seulement ils permettent une propagation plus rapide de l’information codée voyageant à la
vitesse de la lumière. En comparaison à la fibre optique qui pouvait atteindre un niveau de
transmission de 500 Mb/s, le cuivre lui n’atteignait que 200kb/s. En raison d’un besoin croissant
des transferts plus rapides et de l’augmentation du trafic de communication, la fibre à son tour
a dû augmenter constamment son débit de transmission jusqu’à 80 fois par rapport aux fibres
des années 1980.

Le groupe TOGOCOM est le leader du marché Togolais des télécommunications qui se

positionne aujourd’hui comme l’opérateur global fournisseur de solutions Fixe, Mobile et
Mobile Money. Le groupe résulte de la mise en commun des ressources et de la réorganisation
des activités opérées en 2017 entre ses deux filiales Togo Telecom, l’opérateur historique de la
téléphonie fixe au Togo et Togo Cellulaire (Togocom), l’opérateur de la téléphonie mobile. Il est
aussi le principal fournisseur d’accès à internet par la fibre. Au vu de cela, la société NTFS a jugé
nécessaire d’automatiser la plupart de ces tâches en mettant en place une application web et
mobile qui donnera accès aux interfaces pour les clients et pour les techniciens. La première
interface permettra la souscription à la fibre dans l’optique de faciliter l’enregistrement des
informations et les différents traitements dont chaque client fait l’objet. La seconde interface
permettra aux techniciens de voir la liste des souscriptions des clients et des dérangements
occasionnés par une panne liée à la fibre ainsi que la mise en place d’une application web
d’administration.

20
 CHAPITRE I : CAHIER DES
CHARGES

1. PRESENTATION DU CADRE DE STAGE

Dans le cadre de notre stage à NTFS nous avons eu à étudier la structure de près, ce présent
chapitre abordera sa présentation générale à travers son historique, sa vision, sa mission, sa
valeur, sa situation géographique, sa structure organisationnelle, ses activités et son
environnement.
1.1 Historique de NTFS
NTFS est centre de traitement et d’analyse des données en Sciences Économiques et Gestion -
Prestation de service - Maintenance et réseau informatique - Vente diverses et de matériel
informatique,

21
-N°RCCM: TG-LOM 2017 A 3459. NIF : 1001067427. N° CFE : 0463PP2017 CONTACT : 90 10 86 42
- E-MAIL : geperso@[Link] Le Centre est créé depuis septembre 2017 suite un appel de la
mise en place d’un logiciel de pilotage du système d’information comptable et financier du
ministère de l’Agriculture, Filiale Aménagement hydro agricole d’Agoméglozo du Bas Mono pour
une mission d’Audit et de contrôle demandé par l’Etat Togo, la BADEA et la BOAD,
1.2. Vision, mission et valeur
1.2.1. Vision
NTFS a pour vision de mettre en place un système de digitalisation des processus de collectes,
de traitement, d’analyse, de suivi et d’évaluation des systèmes d’information de gestion dans
toutes les entreprises selon leur secteur d’activité.
1.2.2. Mission
En considérant les compétences du responsable, ses missions peuvent se résumer comme suit :
 Mettre à la disposition des entreprises les logiciels sur mesure ;
 Logiciel de gestion comptable et financière ;
 Logiciel de gestion des ressources humaines ;
 Logiciel de gestion Commerciale ;
 Logiciel de gestion et de contrôles des stocks ;
 Logiciel de gestion des activités administratives et pédagogiques, Ecoles
et Universités avec le système LMD.
 Formé le personnel des entreprises dans l’utilisation des logiciels ;
 Permettre aux dirigeants des entreprise d’avoir les informations en temps réel afin de
prendre, à chaque instant, des décisions stratégiques sans trop dépendre de l’extérieur ;
 Former les étudiants sur l’utilisation des logiciels et les envoyer en entreprise ;
 Suivre les étudiants dans la réalisation des tâches pour lesquelles ils sont en stage.
 Recueillir des informations sur les manquements dans les logiciels afin d’apporter des
améliorations.
1.2.3. Valeurs
Très rigoureux dans le travail bien fait, et toujours à la recherche de nouvelles compétences
dans la performance de ses activités, NTFS dispose des valeurs ci-dessous
 La compétence

22
NTFS a déjà réalisé plusieurs missions sur le plan national et international dans la formation des
cadres et la mises en place des logiciels d’audit et de contrôle des données comptables et
financières des ministères et des projets
 L’efficacité
Toutes les missions réalisées par le centre NTFS ont été appréciée par tous les partenaires et
attestes par les attestations de bonnes fins d’exécution (annexe 1)
En outre, le respect, la dignité, la performance, la loyauté, la clarté font partis des valeurs du
centres NTFS
Toutes ses valeurs ont permis depuis la formation et le stage réalisé, d’acquérir à notre tour les
mêmes valeurs.

1.3. Situation géographique

Le siège social de NTFS est situé sur le boulevard du 30 Août, rue la Pampa, carrefour ADI, non
loin de l’église ZION TO Adidogomé

23
 Figure 1 : géolocalisation de la société

1.4. Structure organisationnelle

La structure organisationnelle des PME/PMI comprends généralement une représentation
schématique de toutes les structures fonctionnelles sous formes schématiques appelés
organigramme ; ainsi l’organigramme de NTFS peut être décris comme suit (annexe 3)
1.4.1. Direction Générale
NTFS est une petite structure organisée autour de la direction générale, notamment le directeur
qui fixe les objectifs et les budgets du centre afin d'optimiser l'utilisation des différentes
ressources. Il prend les décisions de gestion en s'appuyant sur les informations en provenance
de son environnement, et représente le centre. Par ailleurs, il intervient aussi dans certaines
prestations de service étant spécialiste du domaine d'activité de la structure. On distingue ainsi
une direction générale et trois services qui sont :
1.4.2. Service secrétariat ou assistance de direction
Il est chargé de la réception, du traitement et de l'envoi des courriers. Il s’occupe de l’agenda du
directeur en programmant les rendez-vous, les réunions et les formations. Il est aussi chargé de
programmer les séances de travaux avec les responsables d’entreprise, les professionnels et les
étudiants.
1.4.3. Service comptable
Il est chargé d’analyser les opérations réalisées dans le centre et cherche les comptes sur
lesquels les informations chiffrées seront enregistrées.
1.4.4. Service technique
Il assure les réceptions des demandes de réparations et des interventions dans les entreprises. Il
prépare les outils d’intervention dans les domaines de la maintenance des équipements
informatiques et réseaux dans les différentes entreprises.
1.5. Activités
Le centre dispose de plusieurs activités telles que :
 Formation et recyclage des étudiants et professionnels dans le domaine de la science
économique et de gestion ainsi que la Science Technologique ;
 Conception et l’installation des réseaux informatiques ;

24
  Assistance en gestion comptable et financières des entreprises et sociétés ;
 La formation des comptables, les contrôleurs et auditeur des entreprises et dans
ministères aux du Togo ;
 Enseignement des unités ou matières en informatique appliquée à la gestion comptable
et financière, des ressources humaines, commerciale et de la logistique.
Le centre a Développement des logiciels de gestion ci – dessous ;
 Logiciel de gestion comptable et financière ;
 Logiciel de gestion des ressources humaines ;
 Logiciel de gestion Commerciale ;
 Logiciel de gestion et de contrôles des stocks ;
 Logiciel de gestion des activités administratives et pédagogiques,
Ecoles et Universités avec le système LMD ;
 Logiciels de traitement et de gestion des courriers administratifs ;
1.6. Environnement de NTFS
Le centre opère dans un environnement où il n’est pas le seul acteur, il est en interdépendance
avec d'autres structures économiques. C'est-à- dire que pour fonctionner correctement, il ne se
suffit pas, il collabore donc avec d'autres acteurs économiques à des fins lucratives. Ces
collaborations constituent des éléments susceptibles d'influencer son fonctionnement. En ce qui
concerne NTFS, ses collaborateurs sont : l'Etat, les institutions financières, les organismes
sociaux, les fournisseurs, les clients ainsi que les concurrents et des cabinets d’expertise
comptable et des cabinets de formation.

1.6.1. Etat
Il constitue l'acteur phare de l'environnement des entreprises, des écoles supé[Link] peut du
fait de sa politique, constituer une menace ou au contraire une opportunité pour les
entreprises. Des entités privées ayant de grandes influences peuvent former un réseau et
influencer les preneurs de décisions publiques pour servir les intérêts de leurs secteurs
d'activité. Par ailleurs pour financer ses dépenses publiques l'État collecte auprès des entités à
but lucratif des impôts et taxes. En effet NTFS est soumise au régime réel sans TVA. De ce fait
elle ne paie pas de taxe sur la valeur ajoutée (TVA); mais elle paie le droit de patente et l'impôt
sur les sociétés (IS)
1.6.2. Institutions financières

25
Elles accompagnent les entreprises dans leurs besoins de financement ou d'épargne, elles
mettent à la disposition de l'entreprise plusieurs modes de financements de ses besoins selon la
nature de ces derniers. Par ailleurs, elles facilitent les transactions de l'entité avec ses
partenaires commerciaux. NTFS pour ses besoins financiers, est en relation avec Ora Bank et
BSIC ou elle domicilie ses fonds.
1.6.3. Fournisseurs
Il met à la disposition des entreprises contre rémunération, des biens et ou service dont ils ont
besoin pour faire fonctionner leurs activités. En cela ils fournissent aux entreprises les logiciels,
et les services connexes. Il s'agit d'opérations réalisées en b to b c'est-à-dire des transactions
réalisées entre entreprises. Par ailleurs, il est courant que l'entreprise dispose de plusieurs
fournisseurs, et les fournisseurs de plusieurs clients. En l'espèce NTFS dispose de plusieurs
fournisseurs, dont :
 un fournisseur pour son approvisionnement du matériel informatique destinés à la
revente ;
 SOTIMEX pour son approvisionnement en matériels de bureau comme les papiers rame,
les stylos, les blocs note, le broyeur et autres ;
 CEET pour ses besoins en électricité.
1.6.4. Clients
Les clients sont des personnes physiques ou morales ayant recours aux biens ou services de
l'entreprise pour leurs propres besoins ou pour les besoins de leurs activités. Lorsque les biens
ou services de l'entreprise sont destinés directement aux particuliers on parle de transactions
en b to c, le c représentant le particulier et des entreprises aussi. NTFS est en b to c car ses
clients sont des particuliers. Les clients de NTFS sont souvent des clients fidèles car les offres de
NTFS sont formulés de telle façon que le client auras besoin de revenir, si on prend l'exemple de
son offre « formation, installation techniques et les logiciels » il s'agit d'un programme
spécifique destinés aux clients en en besoins professionnels ou qui veulent surveiller leurs
activités, NTFS a développé plusieurs logiciels dont les logiciel de gestion comptable et
financière a vivement retenu notre attention pour ce rapport de stage .
Le centre a mis à la disposition des sociétés, entreprises et Ecole supérieures ci-dessous les
logiciels
 Ecole Supérieure d’audit et de Management (ESAM) en face de la Mairie Centrale de
Lomé depuis 2015 à ce jour : Logiciel de gestion des activités pédagogiques,
administratives et financière
 Ecole Supérieure d’Administration et de Gestion Notre dame de l’Eglise : Gestion
administrative et pédagogique des étudiants en Master promotion 2011 à 2014, Gestion
des ressources humaines

26
  Centre de Formation Bancaire du Togo (CFBT) à Lomé derrière FNFI depuis 2017 :
Logiciel de gestion des activités pédagogiques, administratives et financière
 Le projet Fonds mondiale : Logiciel de gestion des ressources, traitement administratif et
des rémunérations du personnel
 ENEGIA-TOGO, une société de représentation commerciale des produits
pharmaceutiques au TOGO : Logiciel de gestion comptable et financière.
 AGATA, une société Commerciale Import et Export à Bè à Lomé : Logiciel de gestion
commerciale et gestion comptable et financière
 Ministère de l’agriculture, Filiale Aménagement hydro agricole en face du la société
CEB Lomé pour les traitements des données comptable depuis 2009 à ce jour : Logiciel
de gestion Comptable et financière
 Centre National D’appareillage Orthopédique (CNAO) à Lomé : Logiciel de gestion et de
contrôle des stocks : depuis 2018
 ISAC, Institut Supérieur Agata Carelli, Lomé Agoè : Logiciel de gestion des activités
pédagogiques, administratives et financière, le Logiciel de gestion des ressources
humaines
1.6.5. Concurrents
Les entreprises sont dans un environnement hostile dans lequel à défaut d'être performant
perdent leurs parts de marché, ils doivent ainsi pour faire face à cet environnement fortement
concurrentiel se renouveler sans cesse, être plus proche des clients et établir des actions de
fidélisation. Les concurrents sont des entreprises qui exercent dans le même secteur et offrent
les mêmes biens et services, c'est grâce à la pluralité des offres que le client est dit « roi » car il a
le choix entre plusieurs offres et plusieurs prix. Les entreprises concurrentes de NTFS sont des
entreprises qui exercent presque les mêmes activités que lui.
A cet effet on peut citer, les cabinets de formation et des centres de développement des
logiciels
Dans ce chapitre, nous avons pu présenter NTFS en parlant de son historique, sa structure
organisationnelle, ses missions et sa situation géographique. Cette présentation nous a permis
de mieux connaître la structure.
Dans le chapitre qui suit, nous parlerons du déroulement du stage tout en mettant en évidence
le cadre conceptuel.

27
 II. THEME DU STAGE
1. Présentation du sujet
Au vu de l’importance de la fibre optique de nos jours dans tous les secteurs d’activités aussi
bien que chez soi il nous a paru nécessaire de concevoir une plateforme digitale pour faciliter
l’accès à la souscription de la fibre optique pour répondre aux besoins de tous les clients.

Ainsi, il nous a été confié comme tâche : « Digitalisation du processus de souscription à la fibre
optique : conception et développement d’applications web et mobile ».

Il revient donc à faire une étude sur les systèmes existants et de proposer une solution tout en
intégrant les modules demandés.

2. Problématique du sujet
La fibre optique est le moyen d’accès à internet le plus prisé et le plus en vogue de nos jours.
Elle permet d’avoir la connexion internet à un débit très élevé et ainsi de profiter de la meilleure
expérience possible. De plus à notre époque tout se fait par internet que ce soit pour regarder
des films en streaming, faire des achats en ligne, consulter ses mails, se connecter à distance au
bureau depuis sa maison.
Le processus de souscription à la fibre est un peu complexe. Le système actuel de souscription à
la fibre consiste à s’assurer à priori de l’éligibilité du client qui envoi les coordonnées
géographiques (GPS) de son lieu de résidence à l’agence principale ou une annexe plus proche.
De plus la souscription à la fibre se fait aussi en présentiel dans une agence TOGOCOM, ce qui
peut parfois occasionner un mélange de documents, engendrer un faible taux de traitements
des demandes des clients dans la journée, une file d’attente assez longue et paralyser l’activité
de certaines personnes.
De ce fait, notre principale préoccupation est de trouver une solution qui servira à digitaliser
tout le processus de souscription à la fibre en incluant toutes les informations à remplir.
Face à cette situation, il est nécessaire de se poser un certain nombre de questions :

 Comment favoriser le gain de temps ?

 Comment éviter la frustration des clients ?
 Comment rendre dynamique l’enregistrement des informations ?
 Comment éviter les erreurs d’enregistrement ?

Telles sont les questions auxquelles nous tenterons de répondre lors de la réalisation de ce
projet.

3. Intérêts du sujet
Dans cette section, nous présenterons les motivations et les attentes du projet en le divisant en
objectifs et résultats attendus.

28
 a. Objectifs
 Objectif général
L’objectif général de ce projet est la conception d’une application mobile permettant la
souscription à la fibre et la gestion des demandes.

 Objectifs spécifiques
Le projet, à la fin de son exécution devra atteindre les objectifs spécifiques suivants :

- Dématérialiser le formulaire de souscription ;

- Envoyer des messages de réclamation ;
- Gérer les souscriptions ;
- Gérer les utilisateurs.

b. Résultats attendus
Les résultats attendus lors de la mise en œuvre de ce projet sont :
 Formulaire de souscription dématérialisé ;
 Informations personnelles du client ;
 Pannes de connexion signalées à l’administration ;
 Recevoir les messages de l’administration ;
 Envoyer des messages aux clients ;
 Clients et utilisateurs gérés.

III. ETUDE DE L’EXISTANT

La première tâche pour mener à bien ce projet a été de comprendre le fonctionnement du
système existant.
Nous avons ainsi constaté que lorsqu’il advenait qu’une personne ait l’idée de souscrire à la
fibre, le schéma classique que cette dernière adopte est, tout d’abord la recherche d’un des
sièges annexes de TOGOCOM pour la demande de souscription afin de connaitre son éligibilité,
remplir la fiche de renseignement contenant toutes les informations nécessaires à propos de
l’intéressé ; ensuite vient le moment de payer la quittance concernant les frais d’installation. En
somme pour qu’une personne fasse une demande de souscription elle doit se déplacer pour se
rendre au lieu de l’agence la plus proche.

IV. CRITIQUE DE L’EXISTANT

La section précédente a fourni une vue d’ensemble du processus de souscription à la fibre. Il est
clair qu’il existe quelques inconvénients à bien des égards.
Le processus de souscription à la fibre optique qui comporte un certain nombre de phases
distinctes. Durant le processus de recherche d’une agence il se pourrait que le client ne trouve

29
pas d’agence proche de chez lui et doit être obligé de parcourir une distance beaucoup plus
importante pour trouver une autre agence. Ensuite une fois fait il doit patienter dans une salle
d’attente jusqu’à son tour afin de remplir les informations personnelles nécessaires dans le but
la souscription pour ensuite payer les frais d’installations en cas d’éligibilité. Et tout ceci sans
compter les frais de déplacements qui peuvent coûter cher.

V. PROPOSITION DE SOLUTION
1. Evaluation technique des solutions
a. Première solution
En ce qui concerne la première solution, elle consiste à utiliser une plateforme web nommée e-
rendezvous. C’est une plateforme qui permet la gestion des souscriptions en ligne. Elle possède
des avantages et inconvénients.
 Avantages :
- Solution immédiatement disponible,
- Permet de voir les dossiers de souscription,
- Permet de vérifier l’éligibilité.
 Inconvénient :
- Pas accessible aux clients,
- Disponible uniquement pour l’administration,
- Ne répond pas à nos attentes.
b. Deuxième solution : développement d’applications web et mobile
Après réflexion, nous avons opté à la conception des applications web coté administration et
mobile côté client et côté technicien en tenant compte des manquements mentionnés plus
haut.
 Avantages :
- Répond exactement aux exigences spécifiées dans le cahier des charges,
- Une plateforme gratuite pour les utilisateurs,
- Aucun problème majeur en ce qui concerne la maintenance des applications,
- Les applications sont personnalisables et évolutives,
- Permet l’atteinte des objectifs pédagogiques entre autres, la mise en pratique des
connaissances théoriques à l’école.

 Contrainte :
La contrainte est que cela requiert beaucoup d’heures de travail pour la ou les personne(s)
réalisant ce projet.

30
 2. Evaluation financière des solutions
a. Première solution
e-rendezvous étant une application web, son coût de conception est estimé entre 300 000 et
400 000 sans compter les frais de maintenance mensuelle.
b. Deuxième solution
 Le cout matériel
Tableau 1 : Cout humain de la solution

Désignation Sources Montant (FCFA)

Comment publier votre application sur

Déploiement des l’App Store : les étapes 65000
applications sur App Store ([Link])

Comment publier mon application dans

Déploiement des Google Play ? ([Link])
applications sur Google Play 16 000

La plate-forme d’hébergement faite pour

Hébergement Web vous - Allez en ligne avec Hostinger 47 000

Intel(R) Core (TM) i5- [Link]

4210M CPU @ 2.60GHz portable/5915-pc-portable-hp- 437 000
2.60 GHz probook-640-processeur-intel-i5-
[Link]

TOTAL 565 000

 Le coût humain
Tableau 2 : Coût humain de la deuxième solution

31
 Nombre d’heures Coût par heure (FCFA) Montant (FCFA)

Développeur 8h * 66 jours 4000 2 112 000

Frontend

Développeur 8h * 66 jours 4000 2 112 000

Backend

TOTAL 4 224 000

 Le coût total

Tableau 3 : Cout total de la solution

Différents coûts Montant (FCFA)

Coût matériel 565 000
Coût humain 4 224 000
TOTAL 4 789 000

VI. CHOIX DE LA SOLUTION

Après avoir analysé la solution comme indiqué ci-dessus, nous pouvons décider de la choisir
pour réaliser notre conception. Celle qui consiste à développer des applications qui répondront
aux besoins spécifiques et qui tiendront compte des réalités de la méthode de souscription à la
fibre. La plateforme a été nommée FIBRE COM. Pour la réalisation de nos applications, nous
avons utilisé le Framework Spring Boot pour le backend et Bootstrap pour le frontend web et
Flutter pour le mobile.

VII. PLANNING PREVISIONNEL DE REALISATION

La planification de projet correspond à l’organisation des tâches à réaliser sur une période
donnée. Il comporte les dates de début et les deadlines de chaque tâche, il joue ainsi un rôle
important dans le pilotage et le suivi de projet. Dans le tableau ci-dessous, nous allons lister les
différentes tâches à réaliser ainsi que les délais impartis pour chaque tâche.

32
Tableau 4 : Planning provisionnel du projet

33
CHAPITRE II : ANALYSE ET
CONCEPTION

34
 CHAPITRE II : ANALYSE ET CONCEPTION

Lors de la mise en place de tout projet informatique, il est important de passer par une étape de
modélisation qui est une représentation abstraite et simplifiée du monde réel en vue de le
décrire, de l’expliquer ou de le prévoir. L'étape de modélisation nous permet d'aller loin dans la
compréhension du système et de son fonctionnement. Un modèle est un langage commun et
précis ; c'est un vecteur privilégié car connu de tous les membres de l'équipe permettant la
communication. Il est tout autant important de savoir quel langage de modélisation choisir.
Dans un premier temps, nous parlerons de la phase d'analyse qui nous permet de comprendre
et de décrire les besoins de nos futurs utilisateurs. Ensuite, nous discuterons de la phase de
conception où les aspects techniques peuvent être clarifiés pendant l'utilisation du produit.

I. PRESENTATION DE LA METHODE D’ANALYSE

Une méthode d’analyse est un processus visant à formaliser les étapes initiales du
développement d'un système et à mieux adapter ce développement aux besoins du client. Pour
mener l’analyse et la conception des systèmes informatiques, on distingue deux approches :
 L’approche systémique ;
 L’approche objet.
1. Présentation des deux approches
a. L’approche systémique
Elle consiste en la décomposition du système en sous-systèmes. Elle qualifie une
méthode d’analyse, d’appréhension d’un système complexe privilégiant l’approche
globale par rapport à l’étude exhaustive des détails. L’évolution et la complexité
croissante des systèmes informatiques font fléchir cette approche devant certaines
contraintes spécifiques qui s’imposent. Comme méthodes d’analyse systémique, nous
distinguons :
 MERISE : méthode la plus utilisée en informatique de gestion en France et dans une
grande partie de l'Europe ;
 SAGACE : pour les systèmes complexes comme les systèmes gérant les centrales
atomiques ;
 AXIAL : utilisée par l’IBM pour les mégas-systèmes d’informations.
b. L’approche objet
L’approche objet repose sur la manipulation des objets. Elle permet d’avoir une vision
externe définissant les actions possibles qui seront effectuées par le logiciel et une vision
interne dans laquelle seule la structure du logiciel sera considérée. Comme méthodes
d’analyses objet nous noterons :
 MACAO (Méthode d’Analyse et de Conception d’Application Orientées Objet)
est fondée sur une démarche participative par prototypage incrémental
permettant aux utilisateurs d’intervenir très tôt dans le processus de
développement logiciel. Elle utilise l’annotation UML ;

35
 CHAPITRE II : ANALYSE ET CONCEPTION

 OMT (Object Modeling Technique) est une méthode qui couvre le cycle de
vie d’un logiciel. Elle comprend les phases d’analyse, de conception et
d’implémentation ;
 OOA (Object Oriented Analysis) ; conçue en 1992 par Coad et Yourdon est
une méthode d’analyse pure.
A cette liste, pourrait s’ajouter UML qui est un langage de modélisation permettant de
représenter graphiquement les besoins utilisateurs. Etant un langage de modélisation, afin
d’être utilisée comme une méthode d’analyse et de conception, il faudrait la coupler à un
processus. Comme processus susceptibles d’être couplés à UML, nous avons :
 UP : Unified Process ;
 2TUP : Two Track Unified Process.
2. Le choix de la méthode
Pour la réalisation du projet, l’approche objet a été choisie. En conséquence, parmi les multiples
méthodes, le processus de développement logiciel 2TUP associé au langage UML (Unified
Modeling Language) sera utilisé. Le choix s’est porté sur le processus 2TUP car il est assez simple
à mettre en place et qu’il offre une possibilité de modélisation graphique avec le langage UML.
LANGAGE + PROCESSUS = METHODE D’ANALYSE
 Le langage
Nous avons eu recours au langage UML (Unified Modeling Language) qui est un langage de
modélisation graphique à base de pictogrammes conçu comme une méthode normalisée de
visualisation dans les domaines du développement logiciel et en conception orientée objet.

Figure 2: Logo du langage UML

36
 CHAPITRE II : ANALYSE ET CONCEPTION

 Le processus
2TUP (Two Tracks Unified Process) est un processus de développement logiciel qui met en
œuvre la méthode du processus Unifié. Le 2TUP propose un cycle de développement en Y,
qui dissocie les aspects techniques des aspects fonctionnels. Il commence par une étude
préliminaire qui consiste essentiellement à identifier les acteurs qui vont interagir avec le
système à construire, les messages qu'échangent les acteurs et le système, à produire le
cahier des charges et à modéliser le contexte. Le processus s'articule ensuite autour de trois
phases essentielles : une branche technique, une branche fonctionnelle et une phase de
réalisation.
- La branche technique :
Elle est composée de :
 La capture des besoins techniques : Elle recense toutes les contraintes et les
choix dimensionnant la conception du système, les outils et les matériels
sélectionnés ainsi que la prise en compte des contraintes d’intégration avec
l’existent qui conditionne généralement cette capture ;
 La conception générique : Elle définit les composants nécessaires à la
construction de l’architecture technique. Cette conception est complétement
indépendante des aspects fonctionnels. Elle a pour objectif d’uniformiser et de
réutiliser les mêmes mécanismes pour tout un système.
- La branche fonctionnelle .
Elle comporte :
 La capture des besoins fonctionnels : Elle mène vers un modèle de besoin focalisé
sur le besoin des utilisateurs. Elle mitige le risque de création d’un système
inapproprié aux besoins des utilisateurs. De cette manière la MOE qui est la
maitrise d’œuvre consolide les spécifications et en vérifiant la cohérence et
l’exhaustivité ;
 L'analyse : elle consiste à étudier précisément la spécification fonctionnelle de
manière à obtenir une idée de ce que va réaliser le système en termes de métier.
Les résultats de l'analyse ne dépendent d'aucune technologie particulière.

- La phase de réalisation
 La conception préliminaire : elle représente une étape délicate, car elle
intègre le modèle d'analyse dans l'architecture technique de manière à tracer
la cartographie des composants du système à développer ;
 La conception détaillée : elle étudie comment réaliser chaque composant
 L'étape de codage et tests : c’est une étape qui ensuite produit ses
composants et teste au fur et à mesure les unités de code réalisées ;

37
 CHAPITRE II : ANALYSE ET CONCEPTION

 L'étape de recette : consiste enfin à valider les fonctions du système

développé.

II.

Figure 3 : Cycle de développement en Y 2TUP

PRESENTATION DE L’OUTIL DE MODELISATION

Pour modéliser un système d’information, le conceptionnaire a besoin d’outils pour réaliser son
œuvre. De ce fait plusieurs outils ont été développés et mis à notre disposition pour un meilleur
rendu qualité prix comme : PowerAMC, StarUML, [Link] . Parmi ces outils nous avons
choisi d’utiliser Power AMC.
Power AMC est un logiciel de conception qui permet de modéliser les traitements
informatiques et leurs bases de données associées. Il permet de réaliser tous les types de
modèles informatiques et travailler avec la méthode Merise. Cela permet d'améliorer la
modélisation, les processus, le coût et la production d'applications.

38
 CHAPITRE II : ANALYSE ET CONCEPTION

III. ETUDE DETAILLEE DE LA SOLUTION

L’étude détaillée va consister à représenter les diagrammes qui expliquent les besoins et les
interactions entre l’utilisateur final et le produit. De ce fait, pour mieux détailler notre solution,
nous aurons besoin des diagrammes d’UML à savoir :
 Le diagramme de cas d’utilisation ;
 Le diagramme de classes ;
 Le diagramme de séquences ;
 Le diagramme d’activité ;
1. Le diagramme de cas d’utilisation
a. Définition
Les diagrammes de cas d'utilisation (DCU) sont des diagrammes UML utilisés pour une
représentation du comportement fonctionnel d'un système logiciel. En effet, un cas d'utilisation
(use cases) représente une unité discrète d'interaction entre un utilisateur (humain ou machine)
et un système. Ainsi, dans un diagramme de cas d'utilisation, les utilisateurs sont appelés
acteurs.
Un acteur est une entité (un être humain ou un autre système) externe qui agit sur le système.
Les acteurs de notre projet sont :

 L’utilisateur ;
 Le technicien ;
 L’administrateur
Chaque cas d’utilisation correspond donc à une fonction métier du système, selon le point de
vue d’un de ses acteurs. Il est très important de distinguer pour chaque cas d’utilisation l’acteur
principal des acteurs secondaires. Nous appelons acteur principal celui qui représente l’entité
externe qui interagit avec le système étudié et joue un rôle clé dans la modélisation des cas
d’utilisation et des interactions système-utilisateur. Par opposition, nous qualifions d’acteurs
secondaires, les autres participants du cas d’utilisation. Les acteurs secondaires sont

39
 CHAPITRE II : ANALYSE ET CONCEPTION

typiquement sollicités à leur tour par le système pour obtenir des informations
complémentaires.
b. Modélisation des diagrammes de cas d’utilisation
 Diagramme de cas d’utilisation lié à l’utilisateur

Ce diagramme illustre les différentes actions d’un utilisateur .

Effectuer une
souscription Choisir une
souscription

<<extends>>

<<extends>>

<<include>>

Gérer une souscription

S'authentifier
Utilisateur

<<extends>>

<<extends>>
Envoyer un Effectuer un paiement
dérangement

Recevoir une notification

<<include>>

Figure 5 : Diagramme de cas d’utilisation lié à l’utilisateur

40
 CHAPITRE II : ANALYSE ET CONCEPTION

 Diagramme de cas d’utilisation lié au technicien

Ce diagramme illustre les différentes actions d’un technicien .

Envoyer une installation

effectuée Consulter une
souscription

<<extends>>

<<extends>>

<<include>>

Gérer une intervention

S'authentifier
Technicien

<<extends>>

<<extends>>
Envoyer un Consulter un dérangement
dérangement
effectué

Consulter la liste des techniciens

<<include>>

Figure 6 : Diagramme de cas d’utilisation lié au technicien

 Diagramme de cas d’utilisation lié à l’administrateur

41
 CHAPITRE II : ANALYSE ET CONCEPTION

Ce diagramme illustre les différentes actions d’un administrateur .

Supprimer une souscription

<<extends>>

Ajouter un utilisateur Modifier une souscription

<<extends>>
<<extends>>

Ajouter une souscription

Modifier un utilisateur

<<extends>>

<<extends>>

Gérer les souscriptions S'authentifier

<<include>>
Administrateur
Figure 7 : Diagramme de cas d’utilisation lié à l’administrateur

Supprimer un
utilisateur

Supprimer un
<<extends>> dérangement
<<extends>>

<<include>>
Gérer les dérangements

Envoyer des notifications

<<include>>

Gérer les utilisateurs

<<include>>

c.
Description textuelle de quelques cas d’utilisation
 Cas d’utilisation « S’authentifier »

Ce tableau donne une description textuelle du cas d’utilisation « S’authentifier » .

42
 CHAPITRE II : ANALYSE ET CONCEPTION

Tableau 5 : Description textuelle de "s'authentifier"

IDENTIFICATION
Titre : S’authentifier
Résumé : permet à tous les acteurs de se connecter à la plateforme. Il est indispensable pour
mener toute autre action
Acteur : tous les utilisateurs
Date de création : 5 Novembre 2024
Responsable : SAMA Jean Paul
Version : 1.0
DESCRIPTION
Préconditions

 Le système est fonctionnel

 L’utilisateur est enregistré
 L’utilisateur se trouve à la page de connexion
Scénario nominal

1. L’utilisateur saisit son E-mail ou son numéro de téléphone et le mot de passe ou

choisit de se connecter avec son compte Facebook ou Instagram.
2. Le système vérifie si les informations renseignées sont valides
3. L’utilisateur est redirigé vers la page d’accueil
Scénario alternatif
SA1 : L’utilisateur ne renseigne pas ses informations mais tente de se connecter. Ce scénario
démarre au point 1 du scénario nominal. Le système indique à l’utilisateur de renseigner ses
informations.
SA2 : Informations saisies incorrectes Ce scénario démarre au point 2 du scénario nominal
lorsque le système détecte que les informations entrées ne sont pas valides. L’utilisateur est
informé.

Post conditions

L’utilisateur s’est connecté avec succès à l’application et a accès aux informations selon ses
droits d’accès

 Cas d’utilisation <<Gérer une souscription>>

Ce tableau donne une description textuelle du cas d’utilisation « Gérer une souscription ».

43
 CHAPITRE II : ANALYSE ET CONCEPTION

Tableau 6 : Description textuelle de "Gérer une souscription"

IDENTIFICATION
Titre : Gérer une souscription
Résumé : permet à tous les acteurs de choisir une souscription, d’effectuer une souscription,
envoyer un dérangement ou effectuer un paiement.
Acteur : tous les utilisateurs
Date de création : 5 Novembre 2024
Responsable : SAMA Jean Paul
Version : 1.0
DESCRIPTION
Préconditions

 Le système est fonctionnel ;

 L’utilisateur est enregistré ;
 L’utilisateur se trouve à la page d’accueil
Scénario nominal

1. L’utilisateur une fois sur la page d’accueil choisi une souscription ;

2. L’utilisateur remplit le formulaire de souscription ;
3. L’utilisateur paie les frais d’installation s’il reçoit une notification concernant son
éligibilité
Scénario alternatif
SA1 : L’utilisateur effectue la souscription sans choisir une offre de souscription. Ce scénario
démarre au point 1 du scénario nominal. Le système indique à l’utilisateur de choisir une
souscription.
SA2 : L’utilisateur envoie le formulaire de souscription sans renseigner tous les champs. Ce
scénario démarre au point 2 du scénario nominal lorsque le système détecte que les
informations entrées ne sont pas complètes. L’utilisateur est informé.
Post conditions
L’utilisateur a envoyé ses informations de souscription et attend une notification confirmant
son éligibilité.

 Cas d’utilisation <<Gérer les utilisateurs>>

Ce tableau donne une description textuelle du cas d’utilisation « Gérer les utilisateurs ».

44
 CHAPITRE II : ANALYSE ET CONCEPTION

IDENTIFICATION
Titre : Gérer les utilisateurs
Résumé : permet à tous les administrateurs de voir tous les utilisateurs, de modifier, de créer,
de supprimer un utilisateur et aussi d’envoyer une notification à un utilisateur en particulier

Acteur : tous les administrateurs

Date de création : 10 Novembre 2024
Responsable : SAMA Jean Paul
Version : 1.0
DESCRIPTION
Préconditions

 Le système est fonctionnel ;

 L’administrateur est connecté ;
 L’administrateur se trouve à la page d’accueil ;
Scénario nominal

1. L’administrateur est à la page d’accueil après s’être authentifié ;

2. L’administrateur peut gérer tous les utilisateurs ;
3. L’administrateur peut envoyer un message à un utilisateur
Scénario alternatif
SA : L’administrateur n’arrive pas à envoyer une notification à un utilisateur. Ce scénario
démarre au point 3 du scénario nominal. Le système indique à l’administrateur de
sélectionner le jeton d’authentification de l’utilisateur.

Post conditions
L’administrateur a envoyé une notification à un utilisateur.

Tableau 7 : Description textuelle <<Gérer les utilisateurs>>

2. Le diagramme de classes
a. Définition
Le diagramme de classes est un schéma utilisé en génie logiciel pour présenter les classes et
interfaces des systèmes ainsi que les différentes relations entre celles-ci. Ce diagramme fait
partie de la branche statique de l’UML, car il fait abstraction des aspects temporels et
dynamiques. Le diagramme de classes est considéré comme le plus important de la
modélisation orientée objet, il est le seul obligatoire lors d'une telle modélisation. Une classe
décrit les responsabilités, le comportement et le type d'un ensemble d'objets. Les éléments de

45
 CHAPITRE II : ANALYSE ET CONCEPTION

cet ensemble sont les instances de la classe. Le diagramme de classe permet de modéliser les
classes du système et leur relation indépendamment d’un langage de programmation
particulier.
b. Modélisation du diagramme de classes
Le diagramme de classes illustré ci-dessous représente toutes entités utilisées dans le système
ainsi que leurs relations.

46
CHAPITRE II : ANALYSE ET CONCEPTION

Figure 8 : Diagramme de classes du projet

47
 CHAPITRE II : ANALYSE ET CONCEPTION

3. Le diagramme de séquences
a. Définition
Un diagramme de séquences est un type de diagramme d'interaction, car il décrit comment et
dans quel ordre plusieurs objets fonctionnent ensemble. Ces diagrammes sont utilisés à la fois
par les développeurs logiciels et les managers d'entreprises pour analyser les besoins d'un
nouveau système ou documenter un processus existant. Les diagrammes de séquences sont
parfois appelés diagrammes d'événements ou scénarios d'événements.
b. Modélisation des diagrammes de séquence
 S’authentifier
Ce diagramme illustre l’interaction entre les acteurs et le système lors de la demande
d’authentification.
S'authentifier

frontend API

Utilisateur

Visite

Afficher la page de connexion

Saisie des informations d'identification

Envoi des informations

[Informations Vérification
correctes]
Envoi de token d'authentification

[Informations
incorrectes]
Envoi de message d'erreur

Vider les champs

Figure 9 : Diagramme de séquences "S’authentifier"

48
 CHAPITRE II : ANALYSE ET CONCEPTION

 Gérer une souscription

Ce diagramme illustre l’interaction entre les acteurs et le système lors du choix de l’offre de
souscription.
Gestion des souscriptions

frontend API

Utilisateur

Choix de l'offre de souscription

Saisie des informations de souscription

Vérification que tous les champs sont

remplis

[Les champs sont remplis] Envoi des informations

[Les champs ne sont pas

remplis]

Demande de remplir les informations

Vérification
[Les informations sont
correctes] Envoi d'une page de confirmation

Affichage de la page de confirmation

[Les informations ne
sont pas correctes]
Envoi du méssage d'erreur
Affichage de la page d'erreur

Figure 10 : Diagramme de séquences "Gérer une souscription"

 Gérer les utilisateurs

49
 CHAPITRE II : ANALYSE ET CONCEPTION

Ce diagramme illustre l’interaction entre les acteurs et le système lors de la gestion d’un
utilisateur.
Gestion des utilisateurs

frontend API

Administrateur

Choix de l'utilisateur

Verification du token de l'utilisateur

[Les champs sont remplis] Envoi d'une notification

[Les champs ne sont pas

remplis]

Demande de remplir les champs

Vérification
[Les informations sont
correctes] Envoi d'une page de confirmation

Affichage de la page de confirmation

[Les informations ne
sont pas correctes]
Envoi du méssage d'erreur
Affichage de la page d'erreur

Figure 11 : Diagramme de séquences "Gérer les utilisateurs"

50
 CHAPITRE II : ANALYSE ET CONCEPTION

4. Le diagramme d’activités
a. Définition
Le diagramme d’activité est un diagramme comportemental d’UML, permettant le déclenchement en
fonction des états du système et de modéliser les comportements. Un diagramme d’activité permet de
modéliser un processus interactif, global ou partiel pour un système donné (logiciel, système
d’information). Ils peuvent être utilisés à des situations de détail, où le traitement parallèle peut survenir
dans l’exécution de certaines activités. Une activité représente une exécution d’un mécanisme, un
déroulement d’étapes séquentielles. Elle est représentée par un rectangle aux bords arrondis. Le
passage d’une activité vers une autre est matérialisé par une transition. Les transitions sont déclenchées
par la fin d’une activité et provoquent le début immédiat d’une autre activité (elles sont automatiques).

b. Modélisation des diagrammes d’activité

 S’authentifier
Ce diagramme d’activité illustre les différents comportements du système durant le processus
de l’authentification.
Utilisateur Système

Lancer l'application

Saisir l'identifiant et le mot de passe

Informations incorrectes
Message d'informations incorrectes Vérification

Informations correctes

Affichage de la page d'accueil

Figure 12 : Diagramme d'activités "S'authentifier"

51
 CHAPITRE II : ANALYSE ET CONCEPTION

 Gérer une souscription

Ce diagramme d’activité illustre les différents comportements du système durant le processus de
souscription.
Utilisateur Système

Choisir la souscription

Saisir les informations nécessaires

Message d'informations incorrectes Vérification

Informations incorrectes
Informations correctes

Affichage de la page de confirmation

Retour à la page d'accueil

Notification
Eligible

Pas éligible

Essai ultérieur

Passer au paiement

Remplir les champs de paiement

Paiement incorrect Vérification du paiement

Paiment non effectué

Paiement effectué

Page de confirmation

Figure 13 : Diagramme d'activités "Gérer une souscription"

52
 CHAPITRE II : ANALYSE ET CONCEPTION

 Gérer les utilisateurs

Ce diagramme d’activité illustre les différents comportements du système durant le processus
de gestion des utilisateurs.
Utilisateur Système

Choisir un utilisateur

Saisir le token d'authentification

Envoyer une notification

Informations incorrectes
Token incorrect Vérification

Informations correctes

Affichage du message envoyé

Affichage de la page d'accueil Retour à la page d'accueil

Figure 14 : Diagramme d'activités "Gérer les utilisateurs"

53
 CHAPITRE II : ANALYSE ET CONCEPTION

Dans cette partie nous avons parlé de l’analyse et de conception de notre projet ce qui nous a
permis d’identifier et de décrire les fonctionnalités du système. Cette phase va donc nous
conduire à la suivante qui est la phase de réalisation et de la mise en œuvre de notre projet.

54
CHAPITRE III : REALISATION ET
MISE EN OEUVRE

55
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

A cette étape, nous parlerons de la réalisation et de la mise en œuvre de notre projet,

notamment du matériel et des logiciels utilisés pour le développement, de l’architecture
matérielle et logicielle de l’application, de la sécurité de l’application et de la mise en place de la
base de données.

I. MATERIELS ET LOGICIELS UTILISES

1. Matériels utilisés
Pour la réalisation de notre projet, nous avons utilisé un (1) ordinateur portable dont les
caractéristiques sont les suivantes :

Marque HP ProBook 64

Processeur et fréquence Intel(R) Core(TM) i5-4210M CPU @ 2.60GHz

2.60 GHz

Mémoire RAM 8 Go

Système d’exploitation Windows 10 Professionnel 64 bits

Disque dur 1.0 To

Tableau 8 : Caractéristiques du matériel utilisé

2. Logiciels utilisés

 IntelliJ DEA
IntelliJ IDEA est un environnement de développement intégré destiné au développement de
logiciels informatiques reposant sur la technologie Java. Il est développé par JetBrains et
disponible en deux versions, l’une communautaire, open source, sous licence Apache 2 et
l’autre propriétaire, protégée par une licence commerciale.
IntelliJ IDEA offre une interface utilisateur intuitive et conviviale qui facilite la navigation et
l'utilisation de l'IDE.L'IDE offre un support complet pour le développement Java, avec des
fonctionnalités telles que la complétion de code, la refactoring, la recherche et le
remplacement, l'analyse statique, la génération de code automatique, la détection d'erreurs de
code et bien plus encore. Outre Java, IntelliJ IDEA prend également en charge d'autres langages
populaires tels que Kotlin, Scala, Groovy, JavaScript, TypeScript, HTML, CSS, etc. Cela permet
aux développeurs de travailler sur des projets polyglottes.

56
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

Figure 15 : Logo IntelliJ IDEA

 Android Studio
Android Studio est un environnement de développement intégré (IDE) officiel pour le
développement d'applications Android. Il est développé par Google et basé sur IntelliJ IDEA, un
autre IDE populaire de JetBrains. Android Studio est spécifiquement conçu pour faciliter le
développement d'applications Android, offrant une gamme complète d'outils et de
fonctionnalités pour les développeurs.
L'IDE facilite la gestion des ressources de l'application, notamment les images, les icônes, les
fichiers XML, les chaînes de texte, etc. Il offre des outils pour organiser, référencer et localiser
facilement les ressources de l'application. Il intègre aussi le gestionnaire d'émulateurs Android,
qui permet aux développeurs de créer et de gérer des périphériques virtuels pour tester leurs
applications sur différentes configurations matérielles et versions d'Android.

Figure 16 : Logo Android Studio

57
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

 WampServer
WampServer est un logiciel gratuit et open-source qui permet de créer un environnement de
développement web sur votre ordinateur. Il est principalement utilisé pour le développement et
la création de sites web dynamiques utilisant le langage de programmation PHP et la base de
données MySQL.
WampServer inclut le serveur web Apache, qui est l'un des serveurs web les plus populaires et
largement utilisés dans le monde. Il vous permet d'héberger et de servir vos fichiers et pages
web localement sur votre ordinateur. Il intègre également le système de gestion de bases de
données MySQL. Il vous permet de créer des bases de données, de gérer les tables et les
données, d'exécuter des requêtes SQL et d'interagir avec votre base de données lors du
développement de vos applications web.

Figure 17 : Logo de WampServer

3. Langage utilisés

 HTML 5
HTML5 (HyperText Markup Language 5) qu’on peut traduire par « langage de balises pour
l’hypertexte » est la prochaine révision majeure d'HTML (format de données conçu pour
représenter les pages web). Cette version est en développement en 2013. HTML5 spécifie
deux syntaxes d'un modèle abstrait défini en termes de DOM : HTML5 et XHTML5. Le
langage comprend également une couche application avec de nombreuses API, ainsi qu'un
algorithme afin de pouvoir traiter les documents à la syntaxe non conforme. Le travail a été
repris par le W3C en mars 2007 après avoir été lancé par le WHATWG. Les deux

58
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

organisations travaillent en parallèle sur le même document afin de maintenir une version
unique de la technologie.

Figure 18 : Logo du langage HTML5

 SASS
Sass (Syntactically awesome stylesheets) est un langage de script préprocesseur qui est compilé
ou interprété en CSS (Cascading Style Sheets). SassScript est le langage de script en lui-même.
Sass est disponible en deux syntaxes. La syntaxe originale, appelée "syntaxe indentée" qui utilise
l'indentation pour séparer les blocs de code et les sauts de ligne pour les séparer les directives.
La nouvelle syntaxe, "SCSS", utilise les mêmes séparateurs de blocs que CSS. Les fichiers de la
syntaxe indentée et SCSS utilisent respectivement les extensions .sass et .scss. La syntaxe
indentée est un métalangage et SCSS un métalangage imbriqué, car un CSS valide est un SCSS
valide sans modification de syntaxe.

Figure 19 : Logo de SASS

59
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

 JavaScript
JavaScript est un langage de script incorporé dans un document HTML. Historiquement, il s’agit
du premier langage de script pour le web. Ce langage est un langage de programmation qui
permet d’apporter des améliorations au langage HTML en permettant d’exécuter des
commandes du côté client, c’est-à-dire au niveau du navigateur et non du serveur web.
Le langage JavaScript est ainsi fortement dépendant du navigateur appelant la page web dans
laquelle le script est incorporé, mais en contrepartie il ne nécessite pas de compilateur,
contrairement au langage Java avec lequel il a longuement été confondu.

Figure 20 : Logo de JavaScript

 Java
Java est un langage de programmation orienté objet, populaire et polyvalent qui a été
développé par Sun Microsystems (maintenant acquis par Oracle) dans les années 1990. Il est
conçu pour être portable, sécurisé et robuste, ce qui signifie qu'il peut fonctionner sur
différentes plates-formes matérielles et logicielles avec peu ou pas de modifications.
Java est livré avec une vaste bibliothèque standard, appelée Java Development Kit (JDK),
qui fournit de nombreuses classes et méthodes prêtes à l'emploi pour des tâches
courantes telles que la gestion des chaînes de caractères, les opérations
sur les fichiers, le traitement des exceptions, les opérations réseau,
etc.

60
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

Figure 21 : Logo de Java

 Dart
Dart est un langage de programmation optimisé pour les applications sur plusieurs plateformes.
Il est développé par Google et est utilisé pour créer des applications mobiles, de bureau, de
serveur et web.
Dart est un langage orienté objet à ramasse-miettes avec une syntaxe de type C++. Dart peut se
compiler en code natif ou en JavaScript. Il prend en charge les interfaces, les mixins, les classes
abstraites, les génériques réifiés et l'inférence de type.

Figure 22 : Logo de Dart

 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

61
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

données les plus utilisés au monde, autant par le grand public (applications web principalement)
que par des professionnels, en concurrence avec Oracle, PostgreSQL et Microsoft SQL Server.

Figure 23 : Logo de MySql

4. Technologies et Framework utilisés

 Thymeleaf
Thymeleaf est un moteur de template Java basé sur XML/HTML. Il est conçu pour être utilisé
dans les applications web Java, en particulier avec les frameworks de développement web tels
que Spring MVC.
Il a une syntaxe basée sur les attributs : Thymeleaf utilise une syntaxe basée sur les attributs, ce
qui signifie que vous pouvez incorporer facilement des expressions et des directives de
traitement dans votre code HTML en utilisant des attributs spéciaux. Cela permet une
intégration fluide entre le code HTML et les fonctionnalités de Thymeleaf.

62
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

Figure 24 : Logo de Thymeleaf

 Bootstrap
Bootstrap est une collection d'outils utiles à la création du design (graphisme, animation et
interactions avec la page dans le navigateur, etc.) de sites et d'applications web. C'est un
ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et
autres éléments interactifs, ainsi que des extensions JavaScript en option. C'est l'un des projets
les plus populaires sur la plate-forme de gestion de développement GitHub.

Figure 25 : Logo de Bootstrap

 Spring Boot
Spring Boot est un Framework open-source basé sur Java qui facilite le développement
d'applications Java robustes et évolutives. Il est conçu pour simplifier la configuration et le
déploiement des applications Spring en fournissant des fonctionnalités par défaut et des
conventions de configuration intelligentes.
Spring Boot intègre un serveur Web embarqué, tel que Tomcat, Jetty ou Undertow, permettant
de lancer et de déployer facilement une application Spring sans nécessiter de configuration
supplémentaire. Cela facilite le déploiement de l'application en tant qu'exécutable autonome,
sans avoir besoin d'un serveur d'applications externe.

63
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

 Flutter
Flutter est un framework open-source développé par Google qui permet de créer des
applications mobiles multiplateformes. Il est basé sur le langage de programmation Dart et offre
une approche moderne pour le développement d'interfaces utilisateur réactives et esthétiques.
Flutter utilise un modèle de développement basé sur des widgets, ce qui signifie que vous
construisez votre interface utilisateur en assemblant des widgets réutilisables. Les widgets sont
les blocs de construction de l'interface utilisateur dans Flutter, et ils peuvent être combinés et
imbriqués pour créer des interfaces complexes et interactives.

Figure 27 : Logo de Flutter

 Firebase
Firebase est une plateforme de développement d'applications mobiles et web développée par
Google. Elle fournit un ensemble de services cloud qui inclut une base de données en temps
réel, Firebase Realtime Database, qui est une solution NoSQL. Firebase facilite la gestion des
données pour les applications Flutter en offrant une intégration transparente et en temps réel
avec la base de données.

64
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

L'utilisation de Firebase avec Flutter offre également d'autres fonctionnalités, telles que
l'authentification des utilisateurs, la gestion des notifications push, l'analyse des performances
de l'application, le stockage de fichiers, etc. Cela permet aux développeurs de se concentrer sur
le développement des fonctionnalités de leur application sans avoir à se soucier de la gestion de
l'infrastructure sous-jacente.

Figure 28 : Logo de Firebase

II. ARCHITECTURE MATERIELLE ET LOGICIELLE DES APPLICATIONS

1. Architecture matérielle
L’architecture matérielle d’un logiciel décrit l’ensemble des composants matériels supportant
nos applications. La solution mise en place est basée sur une architecture 3 tiers. L’architecture
trois tiers aussi appelée architecture à trois niveaux ou architecture à trois couches est
l’application du modèle plus général qu’est le multi-tiers. Elle est basée sur l’environnement
client-serveur. L’architecture logique du système est divisée en trois couches à savoir.
 La couche de présentation
C'est la première couche qui compose l'infrastructure trois tiers : il s'agit de la partie rendu
logiciel. Elle est rendue possible grâce aux langages de rendus, en l'occurrence pour une
application Web, le HTML5, le CSS3 et le JavaScript ; et pour une application mobile, le Dart du
framework Flutter pour ajouter une partie fonctionnelle à ce rendu. Son rôle est d’afficher les
données et de permettre à l’utilisateur final d’interagir avec ces dernières.
 La couche de traitement

65
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

Elle a la charge d’appliquer et de respecter les règles métiers (ou actes de gestion). C’est dans
cette couche que sont implémentées la logique applicative et la sécurité dans ce modèle
d’architecture.
 La couche d'accès aux données
C'est la troisième couche qui compose l'infrastructure trois-tiers : elle correspond au serveur de
base de données. Il s'agit de la couche d'accès aux données. Sur ce troisième tiers, un SGBD
(Système de Gestion de Base de Données) est installé et ce serveur est requêté par le serveur
applicatif afin d'utiliser un certain nombre de données. Dans notre cas, nous pouvons utiliser
différentes solutions pour la gestion des données, telles que MySQL pour les bases de données
relationnelles ou Firebase pour les bases de données NoSQL.
Firebase fournit un ensemble de services cloud qui inclut une base de données en temps réel,
Firebase Realtime Database, qui est une solution NoSQL. Firebase facilite la gestion des données
pour les applications Flutter en offrant une intégration transparente et en temps réel avec la
base de données.

Figure 29 : Image illustrant l'architecture 3 tiers

2. Architecture logicielle
La solution mise en place est basée sur une architecture MVC (Model View Controller).
Modèle-vue-contrôleur ou MVC est un motif d'architecture logicielle destiné aux interfaces
graphiques lancé en 1978 et très populaire pour les applications web. Le motif est composé

66
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

de trois types de modules ayant trois responsabilités différentes : les modèles, les vues et les
contrôleurs.
 Un modèle (Model) contient les données à afficher.
 Une vue (View) contient la présentation de l'interface graphique.
 Un contrôleur (Controller) contient la logique concernant les actions effectuées par
l'utilisateur.

Figure 30 : Image illustrant l'architecture MVC

III. SECURITE DES APPLICATIONS

La sécurité constitue un enjeu majeur aussi bien dans le développement des applications web
que dans le développement des applications mobiles. La gestion de la sécurité des applications
est le processus qui consiste à développer, ajouter et tester des fonctionnalités de sécurité au
sein des applications, afin d'éviter les vulnérabilités face à des menaces telles que les accès et
les modifications non autorisées.
Certaines mesures sécuritaires ont été adoptées pour garantir la confidentialité et la
disponibilité de ces données à savoir :

 Authentification:

67
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

Firebase propose des services d'authentification robustes pour permettre aux utilisateurs de
s'identifier de manière sécurisée dans les applications. Il prend en charge l'authentification par
e-mail/mot de passe, les fournisseurs d'identité tiers tels que Google, Facebook, Twitter, etc.,
ainsi que l'authentification par téléphone.
Pour le web Spring Security est un framework puissant pour la sécurisation des applications
Java, y compris les fonctionnalités d'authentification et d'autorisation tel que l'authentification
par e-mail et mot de passe.

 Contrôle d'accès
Firebase propose un système de contrôle d'accès permettant de gérer les autorisations et les
rôles des utilisateurs au sein de l'application. Vous pouvez définir des règles de sécurité au
niveau de la base de données et du stockage pour contrôler l'accès aux données sensibles.
 Protection contre les injections SQL
Une injection SQL est un groupe de méthodes d'exploitation de faille de sécurité d'une
application interagissant avec une base de données. Elle permet d'injecter dans la requête SQL
en cours un morceau de requête non prévu par le système et pouvant en compromettre la
sécurité.
 Cryptage des mots de passe
Tous les mots de passe des utilisateurs sont cryptés avant d’être enregistrés dans la base de
données. De ce fait il est impossible à tout individu de connaître les mots de passe même s’il a
accès à la base de données.

IV. MISE EN PLACE DE LA BASE DE DONNEES

Pour mettre en place la base de données avec Spring Boot et JPA, nous avons utilisé l'outil de
migration fourni par Spring Boot. Les migrations dans Spring Boot sont gérées à l'aide de la
fonctionnalité JPA (Java Persistence API) et offrent plusieurs avantages par rapport aux scripts
SQL traditionnels. Voici quelques-uns de ces avantages :

 Portabilité de la base de données : Les migrations JPA permettent de créer des schémas
de base de données indépendants du SGBD utilisé. Cela signifie que vous pouvez
développer votre application avec une base de données spécifique, comme MySQL, et
facilement migrer vers un autre SGBD, tel que PostgreSQL ou Oracle, sans avoir à
apporter de modifications majeures à votre code.

68
 CHAPITRE III : REALISATION ET MISE EN OEUVRE

 Gestion des versions : Les migrations JPA vous permettent de gérer facilement les
versions du schéma de base de données. Vous pouvez ajouter, modifier ou supprimer
des tables, des colonnes ou des contraintes à l'aide de migrations spécifiques à chaque
version de l'application. Cela facilite la gestion des changements de schéma dans un
environnement de développement collaboratif.
Dans cette partie, nous avons eu à présenter les technologies utilisées pour la réalisation du
projet, les architectures matérielles et logicielles de l’application, la sécurité de l’application,
ainsi que la mise en place de base de données.

69
CHAPITRE IV : GUIDE
D’EXPLOITATION

70
 CHAPITRE IV : GUIDE D’EXPLOITATION

La présente partie vient pour aider les administrateurs à prendre connaissance des tâches qui
les sont requises et aux utilisateurs les différentes étapes pour l’utilisation facile des
applications. Il sera donc présenté le déploiement des applications ainsi que les configurations
requises pour leurs fonctionnements.

I. CONFIGURATION MATERIELLE ET LOGICIELLE

1. Configuration matérielle
Pour une utilisation optimale de nos applications, nous recommandons les configurations
matérielles suivantes :
Tableau 9 : Configurations matérielles

Matériel Configuration minimale Configuration recommandée

Poste Client Système d’exploitation : Système d’exploitation : Android

(Smartphone Android 5.0 Mémoire interne : 10.0 Mémoire interne : 64 GB
Android) 16 GB Mémoire RAM : 2 GB Mémoire RAM : 8 GB

Poste Client Système d’exploitation : iOS Système d’exploitation : iOS 16.0

(Smartphone 12.0 Mémoire interne : 16 GB Mémoire interne : 64 GB Mémoire
iPhone) Mémoire RAM : 4 GB RAM : 8 GB

Poste Client Processeur : 1.5 GHz, 64bits Processeur : 2.5 GHz, 64bits Disque
(Ordinateur) Disque dur : 256 GB Mémoire dur : 500 GB Mémoire RAM : 4 GB
RAM : 2 GB

2. Configuration logicielle
Pour pouvoir utiliser l’application mobile, les utilisateurs doivent préalablement installer
l’application sur Google Play pour les smartphones Android ou sur App Store pour les iPhones.
Concernant l’application web, il suffit d’avoir un navigateur web comme Firefox, Google Chrome
ou Safari.

II. DEPLOIEMENT ET SUIVI

Une application a toujours besoin d’un suivi régulier pour son bon fonctionnement. Instaurer
une politique de sauvegarde de base de données est capitale. Il est crucial de sauvegarder
périodiquement les bases de données ; cela permet ainsi de minimiser les pertes de données en
cas de panne matérielle ou lors d’une mauvaise manipulation des utilisateurs.

III. MAINTENANCE : ACTIONS A MENER EN CAS DE CERTAINES ERREURS

Dans l’utilisation de notre application, certaines erreurs peuvent survenir. Nous avons ainsi
répertorié les erreurs possibles et les actions à mener au cas où elles surviendraient.

71
 CHAPITRE IV : GUIDE D’EXPLOITATION

Tableau 10 : Erreurs possibles et actions à mener

Message ou code d’erreur Description Action à mener

La connexion a échoué Impossible de se connecter à Vérifier votre connexion

(Microsoft Edge) ou la page l’application internet et rafraichir votre
est inaccessible (chrome) navigateur.

404 not found La page est introuvable Vérifier l’URL de la page et le

corriger

401 unauthorized ou 401 Vous n’avez pas Il faut revenir en arrière et

authorization required d’autorisation pour l’action demander l’attribution des
demandée droits à l’administrateur si
c’est obligatoire

Au cas où d’autres erreurs surviendraient, nous recommandons de contacter l’administrateur.

72
CHAPITRE V : GUIDE
D’UTILISATION

73
 CHAPITRE V : GUIDE D’UTILISATION

I. DESCRIPTION TEXTUELLE DES APPLICATIONS

Notre plateforme regroupe en tout deux appli (2) applications. Nous avons une application
mobile pour les clients et les techniciens ainsi qu’une application web pour les administrateurs.
L’interface des clients devra permettre de :
 Voir les différentes offres de souscription à la fibre ;
 Envoyer les informations de souscription ;
 Payer les frais d’installation via l’application ;
 Signaler un problème lié à la fibre par message à l’administration (Les dérangements) ;
L’interface des techniciens devra permettre de :
 Voir les différentes souscriptions des clients ;
 Voir les différents dérangements des clients ;
 De voir la liste des techniciens inscrits ;
 Voir le nombre de fiches de souscription et aussi le nombre de dérangements ;
 Envoyer les informations d’interventions (installations) et aussi de dérangements
résolus ;
L’application web quant à elle devra être en mesure de :
 Afficher la liste de tous les utilisateurs inscrits à l’application et de pouvoir supprimer
l’un d’eux au besoin ;
 Afficher la liste de tous les techniciens inscrits à l’application et de pouvoir supprimer
l’un d’eux au besoin ;
 Afficher la liste des informations de souscription que les utilisateurs auront envoyé à
l’administration, de la modifier ou même de la supprimer ;
 Afficher la liste des informations d’interventions que les techniciens auront envoyé à
l’administration, de la modifier ou même de la supprimer ;
 Voir le nombre d’utilisateurs actuellement inscrits à l’application, le nombre de fiches de
souscription et aussi le nombre de dérangements ;
 Envoyer un message à tous les utilisateurs où à un en particulier .

II. PRESENTATIONS DES DIFFERENTES INTERFACES DES APPLICATIONS

1. L’interface des clients

a. Page de description
Cette page permet aux utilisateurs de se faire une idée de ce à quoi va servir l’application.

74
CHAPITRE V : GUIDE D’UTILISATION

Figure 31 : Page de description

75
 CHAPITRE V : GUIDE D’UTILISATION

b. Page d’authentification
Cette page permet aux utilisateurs déjà inscrits de s’authentifier après une potentielle
déconnexion.

Figure 32 : Page de connexion

76
 CHAPITRE V : GUIDE D’UTILISATION

c. Page d’inscription
Cette page permet aux utilisateurs de s’inscrire.

Figure 33 : Page d'inscription

77
 CHAPITRE V : GUIDE D’UTILISATION

d. Page d’accueil
Cette page permet aux utilisateurs de voir les différentes offres en fonction des catégories
(résidentielles, professionnelle, entreprise).

Figure 34 : Page d'accueil

78
 CHAPITRE V : GUIDE D’UTILISATION

e. Page de détail
Cette page permet à l’utilisateur de voir les détails d’une offre et aussi de voir les autres offres
appartenant à la même catégorie.

Figure 35 : Page de détail

79
 CHAPITRE V : GUIDE D’UTILISATION

f. Page du formulaire
Cette page affiche une partie du formulaire de souscription que l’utilisateur devra soumettre
pour remplir les informations nécessaires à la souscription.

Figure 36 : Page du formulaire

g. Page de profil
Cette page permet à l’utilisateur de voir son profil et d’accéder à différentes fonctionnalités de
l’application.

80
 CHAPITRE V : GUIDE D’UTILISATION

Figure 37 : Page de profil

h. Page de notifications
Cette page permet à l’utilisateur de voir toutes les notifications envoyées au client par
l’administration.

81
 CHAPITRE V : GUIDE D’UTILISATION

Figure 38 : Page de notifications

i. Page de paiement

Cette page permet à l’utilisateur payer les frais d’installation et d’abonnement par mobile
money (Tmoney ou Flooz) ou par carte bancaire via PayPal.

82
 CHAPITRE V : GUIDE D’UTILISATION

Figure 39 : Page de paiement

2. L’interface des
techniciens
a. Page de description
Cette page permet aux techniciens
de se faire une idée de ce à quoi va
servir l’application.

83
CHAPITRE V : GUIDE D’UTILISATION

84
 CHAPITRE V : GUIDE D’UTILISATION

a. Page de connexion et d’inscription

Ces pages permettent aux techniciens de se connecter ou de s’inscrire.

Figure 41 : Page de connexion et d'inscription

85
 CHAPITRE V : GUIDE D’UTILISATION

b. Page d’accueil
Cette page permet aux techniciens de voir le nombre d’interventions, de dérangements ainsi
que la liste des techniciens inscrits à l’application et de les afficher en détail.

Figure 42 : Page d'accueil

86
 CHAPITRE V : GUIDE D’UTILISATION

c. Pages de liste et de détail des fiches de souscription

Ces pages permettent au technicien de voir la liste et de détail des fiches de souscription des
clients qu’il doit installer.

87

Figure 43 : Pages de liste et de détail des fiches de souscription

 CHAPITRE V : GUIDE D’UTILISATION

d. Formulaires d’intervention et de dérangement

Ces pages permettent aux techniciens de remplir les informations d’interventions et de
dérangements après leur passage.

Figure 44 : Formulaires d'intervention et de dérangement

88
 CHAPITRE V : GUIDE D’UTILISATION

e. Page de profil
Cette page permet au technicien de voir et de modifier son profil.

Figure 45 : Page de profil

89
 CHAPITRE V : GUIDE D’UTILISATION

3. L’application web administrative

a. Page de connexion

Cette page permet à l’administrateur de s’authentifier avec son nom d’utilisateur et son mot de
passe.
Figure 46 : Page de connexion

90
 CHAPITRE V : GUIDE D’UTILISATION

b. Page d’accueil
Cette page permet à l’utilisateur de voir le nombre de souscriptions, de dérangements et
d’utilisateurs inscrits à l’application.

Figure 47: Page d'accueil

91
 CHAPITRE V : GUIDE D’UTILISATION

c. Liste des utilisateurs

Cette page permet à l’administrateur de voir la liste de tous les utilisateurs inscrits avec les
données qu’ils auront saisies lors de l’inscription ainsi que du jeton d’authentification qui sera
utilisé par l’administration pour envoyer un message à un client en particulier. Il a la possibilité
aussi de modifier ou de supprimer un utilisateur.

Figure 48 : Liste des utilisateurs

d. Formulaire d’ajout d’un utilisateur

Cette page permet à l’utilisateur d’ajouter un nouvel utilisateur.

Figure 49: Formulaire d'ajout d'un utilisateur

92
 CHAPITRE V : GUIDE D’UTILISATION

e. Liste de souscription
Cette page permet à l’administrateur de voir, de modifier ou de supprimer la souscription que
chaque utilisateur aura envoyé.

Figure 50 : Liste de souscription

f. Formulaire d’ajout d’une souscription

Cette page permet à l’utilisateur d’ajouter une souscription à la liste existante.

93
 CHAPITRE V : GUIDE D’UTILISATION

Figure 51 : Formulaire d'ajout d'une souscription

g. Page d’envoi de message

Cette page permet à l’administrateur d’envoyer un message en particulier à un utilisateur grâce
au jeton d’authentification qui est généré automatiquement lors de l’inscription de cet
utilisateur.

94
 CHAPITRE V : GUIDE D’UTILISATION

Figure 52 : Page d'envoi de message

h. Page de profil de l’administrateur

Cette page affiche les informations personnelles de l’administrateur.

Figure 53 : Page de profil

95
CONCLUSION

CONCLUSION

Notre expérience de stage au sein de la société NTFS a été une occasion précieuse de mettre en
pratique nos connaissances et compétences dans le développement d'applications mobiles et
dans le domaine technique. Le projet FIBRE COM, auquel nous avons contribué, nous a permis
de nous immerger dans le monde professionnel et de relever les défis inhérents au
développement d'une application visant à simplifier la souscription à la fibre optique. À travers
les différentes étapes de notre travail, depuis l'analyse des besoins jusqu'à la réalisation et la
mise en œuvre de la solution, nous avons pu mettre en pratique nos connaissances techniques
tout en développant des compétences en gestion de projet et en collaboration au sein d'une
équipe.
La conception et la réalisation de l'application ‘’Fibre Com’’ nous ont confrontés à des
problématiques réelles liées à l'expérience utilisateur, à la sécurité des données et à la gestion
des utilisateurs. Nous avons dû trouver des solutions adaptées en utilisant les technologies
appropriées, et conviviales. Nous sommes fiers d'avoir contribué à la création de l'application
‘’Fibre Com’’, qui vise à simplifier et à améliorer l'expérience des utilisateurs lors de la
souscription à la fibre optique. Ce projet nous a permis de consolider nos compétences et de
développer notre passion pour le développement d'applications mobiles.
Nous remercions la société pour cette opportunité de stage et pour son encadrement tout au
long du projet. Nous espérons que notre contribution à l'application ‘’Fibre Com’’ apportera une
valeur ajoutée aux utilisateurs et permettra de faciliter l'accès à Internet haut débit pour un plus
grand nombre de personnes.
En conclusion, ce stage a été une expérience formatrice qui nous a permis d'acquérir de
nouvelles compétences, de relever des défis techniques et de nous familiariser avec les
exigences du monde professionnel. Nous sommes confiants dans notre capacité à continuer, à
évoluer et à contribuer au développement d'applications innovantes dans l'avenir.

96
BIBLIOGRAPHIE
Add Paypal. (2023, Juin 21). Récupéré sur Youtube: [Link]
v=bcCCXzoTdBA&list=PL35UpoKsTgbjVWHzB56SlKML_z60_aupb&index=105&t=1205s

Authentification. (2023, Juin 5). Récupéré sur [Link]: [Link]

hl=fr

Connect REST API. (2023, Juin 24). Récupéré sur Youtube: [Link]
v=auFJziKIVnM&list=PL35UpoKsTgbjVWHzB56SlKML_z60_aupb&index=114

Diagramme de classe. (2023, Juin 20). Récupéré sur Youtube: [Link]

ojNhBeNOY&t=774s

documentattion. (2023, Mai 28). Récupéré sur [Link]:

[Link]

firebase. (2023, Juin 3). Récupéré sur [Link]: [Link]

Firebase core. (2023, Juin 06). Récupéré sur [Link]: [Link]

Firebase_messaging. (2023, Juin 15). Récupéré sur [Link]:

[Link]

firebase-admin. (2023, Mai 20). Récupéré sur mvnrepository:

[Link]

flutter_local_notifications. (2023, Mai 23). Récupéré sur [Link]:

[Link]

Géolocalisation. (2023, Juin 20). Récupéré sur [Link]: [Link]

La fibre. (2023, Mai 12). Récupéré sur Togocom: [Link]

Nos engagements. (2023, Mai 16). Récupéré sur [Link]: [Link]

engagements/

Nous connaitre. (2023, Mai 16). Récupéré sur [Link]: [Link]

connaitre/#:~:text=Le%20groupe%20TOGOCOM%20est%20n%C3%A9,le%20plus%20dense
%20du%20pays.

Permission handler. (2023, Juin 15). Récupéré sur [Link]:

[Link]

Provider. (2023, Juin 25). Récupéré sur [Link]: [Link]

Responsive admin Dashboard. (2023, Juin 18). Récupéré sur Youtube: [Link]
v=CkVrmLLHmuI&list=PL35UpoKsTgbjVWHzB56SlKML_z60_aupb&index=102

Securing-web. (2023, Juin 5). Récupéré sur [Link]: [Link]

Spring boot. (2023, Juin 23). Récupéré sur Youtube: [Link]

v=pbAoRzU7OXY&list=PL35UpoKsTgbjVWHzB56SlKML_z60_aupb&index=115

97
Widgets. (2023, Mai 27). Récupéré sur [Link]: [Link]

98
99