RAPPORT DU PROJET DE FIN D'ANNÉE

Présenté en vue de la soutenance du stage technique

Spécialité : GÉNIE INFORMATIQUE

Titre :

Conception et Réalisation d’un Dashboard de

suivi des performances VOLTE

Entreprise :

ORANGE-CASABLANCA

Réalisé par :

DAHBI NARJIS

Encadré par :

Mme.HRIKICH LAMIA

Soutenu le 27/09/2023 devant le jury composé de :

Mr. BOUTABIA MOHAMED :
Professeur et Chef de Filière à
L’université Internationale de Casablanca

Année universitaire : 2023/2024

 Dédicace

Je dédie ce travail :

À mes parents, qui ont sacrifié le précieux et le bon pour arriver à ce stade
avancé de ma vie universitaire

À ma sœur et à mon frère que j'aime du plus profond de

mon cœur Àma petite famille et ma grande famille

À mes chers amis

À mes professeurs du primaire au supérieur

À tous les personnes qui ont contribué de près ou de loin dans mon
arrivée à ce que je suis aujourd’hui…
 Remerciement

Avant d’entamer ce rapport, j’ai l’honneur et le privilège de solliciter ma gratitude à toutes les
personnes qui ont contribué de près ou de loin à la réalisation de mon stage et à tous ceux qui m’ont
assisté à l’écriture de ce présent rapport.

Je tiens à remercier mon encadrante Mme.HRIKCH LAMIA, qui m’a assisté tout au long de ma
période de stage, et qui m’a permis d’utiliser mes acquis ainsi que sa grande expérience dans le domaine
de l’informatique.

J’adresse mes vifs remerciements à l’entreprise d’accueil ORANGE pour l’opportunité qu’il m’a offert
d’effectuer mon stage au sein de ses locaux, et à toute son équipe pour l’ensemble des précieuses
informations qui m’ont été fournies et qui m’ont servi à mieux cerner les particularités et les
mécanismes du métier.
Je remercie aussi Mr. GHAZI YASSINE ainsi que l’ensemble du personnel d’ORANGE pour leur
grand accueil et la confiance qu’ils m’ont accordée dès mon arrivée dans l’entreprise.
 Résumé

Ce stage technique résume la conception et la mise en œuvre de tableaux de bord de surveillance

des performances VoLTE à l'aide de Python, Django et Plotly. L'objectif principal était de créer une
application interactive permettant de visualiser de manière claire et efficace les indicateurs clés de la
technologie VoLTE. Grâce à l'intégration rationalisée de Django, le projet bénéficie d'une structure
modulaire solide qui facilite la gestion des données et des vues.

L'utilisation de Plotly pour créer des graphiques interactifs a enrichi l'expérience utilisateur en
présentant les données de manière interactive et visuellement attrayante. La mise en place de
graphiques représentant la qualité et la latence des appels a renforcé la pertinence de ce tableau de
bord, offrant aux utilisateurs une compréhension instantanée des performances. En résumé, ce rapport
souligne comment l'alliance de Python, Django et Plotly a été utilisée efficacement pour concevoir des
tableaux de bord conviviaux permettant de surveiller de manière proactive les performances Volte. Ce
projet ouvre également des perspectives intéressantes pour des améliorations futures, telles que
l'intégration de données en temps réel, l'ajout de fonctionnalités d'analyse avancées et l'extension des
mesures de performances surveillées. L'acquisition de compétences techniques et l'exploration
spécifique au domaine VoLTE font de ce stage une étape formatrice et prometteuse pour une carrière
vers les nouvelles technologies et les télécommunications.
 Abstract

This technical internship summarised the design and implementation of Volte performance
monitoring dashboards using Python, Django and Plotly. The main objective was to create an
interactive application that provides a clear and efficient view of key VoLTE metrics. Thanks to the
streamlined integration of Django, the project benefits from a solid modular structure that facilitates
the management of data and views.

The use of Plotly to create interactive graphs has enriched the user experience by presenting data in
an interactive and visually appealing way. The introduction of graphs representing call quality and
latency has enhanced the relevance of this dashboard, giving users an instant understanding of
performance. In summary, this report highlights how the combination of Python, Django and Plotly
has been used effectively to design user-friendly dashboards that proactively monitor Volte
performance. The project also opens up interesting prospects for future improvements, such as the
integration of real-time data, the addition of advanced analysis functionalities and the extension of
monitored performance measurements. The acquisition of technical skills and the specific exploration
of the VoLTE domain make this internship a formative and promising step towards a career in new
technologies and telecommunications.
 Table des matières
Dédicace _______________________________________________________________________________ 3
Remerciement _________________________________________________________________________ 4
Résumé ______________________________________________________________________________ 5
Abstract ______________________________________________________________________________ 6
I. Introduction _________________________________________________________________________ 3
II. L’organisme d’accueil _________________________________________________________________ 3
II.1 Présentation de l’entreprise _________________________________________________________ 3
II.2 Fiche technique d’Orange Maroc ____________________________________________________ 3
II.3 Historique d’Orange Maroc_________________________________________________________ 5
II.4 Services d’Orange Maroc __________________________________________________________ 6
II.5 Organigramme de la société ________________________________________________________ 7
II.5 Organigramme du service d’accueil __________________________________________________ 8
III. Présentation générale du projet : _______________________________________________________ 9
III.1 Contexte général du projet : ________________________________________________________ 9
III.2 Problématiques : __________________________________________________________________ 10
III.3 Objectifs et Motivations : _________________________________________________________ 11
II. Planification du projet ______________________________________________________________ 11
IV. Conclusion _______________________________________________________________________ 11
I. Introduction ________________________________________________________________________ 14
II. Etude de l’existant ___________________________________________________________________ 14
III. Besoin fonctionnels ________________________________________________________________ 14
III.1 Identifications des acteurs : ________________________________________________________ 14
III.2 Identifications des fonctionnalités : __________________________________________________ 15
IV. Besoins non fonctionnels____________________________________________________________ 15
V. Conclusion :________________________________________________________________________ 17
I. Introduction ________________________________________________________________________ 19
II. Choix de la méthodologie de conception _________________________________________________ 19
II.1 Présentation d’UML : ____________________________________________________________ 19
III. Diagramme des cas d’utilisation ______________________________________________________ 20
III.1 Identification des acteurs __________________________________________________________ 20
III.2 Identification des cas d'utilisation ___________________________________________________ 20
III.3 Description textuelle des principaux cas d'utilisation ____________________________________ 22
IV. Modélisation conceptuelle des données ________________________________________________ 24
IV.1 Dictionnaire des données__________________________________________________________ 24
IV.2 Représentation des classes_________________________________________________________ 25
IV.3 Diagramme de classes ____________________________________________________________ 26
V. Architecture du système : _____________________________________________________________ 27
 VI.1 Architecture logique du backend :___________________________________________________ 27
VII. Conclusion _______________________________________________________________________ 28
I. Introduction ________________________________________________________________________ 30
II. Environnement du travail _____________________________________________________________ 30
II.1 Environnement matériel __________________________________________________________ 30
II.2 Environnement logiciel ___________________________________________________________ 30
II.2.1 Outils de modélisation ________________________________________________________ 30
II.2.2 Environnement de développement (IDE) _________________________________________ 31
II.2.3 Système de gestion de la base de données_________________________________________ 31
II.2.4 Serveur d’application ________________________________________________________ 32
II.2.5 Langages et technologies________________________________________________________ 32
II.2.6 Frameworks ________________________________________________________________ 34
III. Réalisations ______________________________________________________________________ 35
III.1 Charte graphique ________________________________________________________________ 35
a. Choix des couleurs : _________________________________________________________________ 35
III.2 Les interfaces graphiques _________________________________________________________ 36
VI. Cas d’administrateur : ______________________________________________________________ 60
VII. Conclusion _______________________________________________________________________ 64
Conclusion Générale _____________________________________________________________________ 65
Annexes _______________________________________________________________________________ 67
1. Annexe 1 : _______________________________________________________________________ 67
 Résultats de requêtes pour les KPIs 4G du tableau de bord Volte __________________________ 67
2. Annexe 2 : _______________________________________________________________________ 67
 Résultats de requêtes pour les KPIs 3G du tableau de bord Volte __________________________ 68
3. Annexe 3 : _______________________________________________________________________ 68
 Résultats de requêtes pour les KPIs 2G du tableau de bord Volte __________________________ 68
 Liste des figures

Figure 1: Logo d'Orange Maroc. _____________________________________________________________ 3

Figure 2 : Grandes titres d'Orange Maroc ______________________________________________________ 6
Figure 3 :Services d’Orange Maroc __________________________________________________________ 7
Figure 4: L'organigramme d'Orange Maroc. ____________________________________________________ 8
Figure 5: Organigramme du service d’accueil __________________________________________________ 8
Figure 6: Diagramme de Gantt _____________________________________________________________ 11
Figure 7 : Diagramme de cas d’utilisation ____________________________________________________ 22
Figure 8: Diagramme des classes ___________________________________________________________ 27
Figure 9:Logo d’entreprise Architect ________________________________________________________ 31
Figure 10:Logo de pycharm _______________________________________________________________ 31
Figure 11:Logo de SQLite_________________________________________________________________ 31
Figure 12:Logo de serveur django___________________________________________________________ 32
Figure 13:Logo de html ___________________________________________________________________ 32
Figure 14:Logo de CSS ___________________________________________________________________ 33
Figure 15:Logo de python _________________________________________________________________ 33
Figure 16:Logo de JavaScript ______________________________________________________________ 34
Figure 17:Logo de Django ________________________________________________________________ 34
Figure 18:Logo de plotly __________________________________________________________________ 35
Figure 19:Logo de pandas _________________________________________________________________ 35
Figure 20:Interface choix de couleurs ________________________________________________________ 35
Figure 21:Page d’accueil en blanche _________________________________________________________ 36
Figure 22: :Page d’accueil en noir ___________________________________________________________ 37
Figure 23:Page de création de compte _______________________________________________________ 37
Figure 24: Page de création de compte avec mot de passe non valide _______________________________ 38
Figure 25:Page de création de compte avec offrant la possibilité d'afficher le mot de passe ______________ 38
Figure 26:Page utilisateur créée avec succès. __________________________________________________ 39
Figure 27: Page d’authentification __________________________________________________________ 39
Figure 28:Menu de l’application web ________________________________________________________ 40
Figure 29: Interface du tableau de bord_______________________________________________________ 41
Figure 30 : Interface du tableau de bord en cliquant sur le logo orange ______________________________ 41
Figure 31: La continuation de l'interface du tableau de bord ______________________________________ 41
Figure 32: Sélection des fichiers pour les données. _____________________________________________ 42
Figure 33: Choix des fichiers Excel de données ________________________________________________ 42
Figure 34:Interface graphiques _____________________________________________________________ 45
Figure 35: Fonctionnalité de zoom avant pour les graphiques. _____________________________________ 46
Figure 36: Fonctionnalité de zoom arrière pour les graphiques. ____________________________________ 46
Figure 37: Option de téléchargement du graphique sous forme d'image. _____________________________ 47
Figure 38:Interface Data __________________________________________________________________ 53
Figure 39: Téléchargement des tableaux de données ____________________________________________ 55
Figure 40:Fichier Excel data 2G ____________________________________________________________ 55
Figure 41:Interface User Profile ____________________________________________________________ 56
Figure 42:Interface changer mot de passe _____________________________________________________ 56
Figure 43: Interface de réussite du changement de mot de passe. ___________________________________ 57
Figure 44:Interface fichier 3G non compatible _________________________________________________ 57
Figure 45:Interface invalid 3G file __________________________________________________________ 58
Figure 46:Interface graphique avec fichier 3G non valide ________________________________________ 58
Figure 47:Interface download template _______________________________________________________ 59
Figure 48 :Interface Template 3G ___________________________________________________________ 59
Figure 49: Interface de téléchargement des fichiers sans avoir choisi les fichiers de données. ____________ 60
Figure 50:Interface fichier Excel 2G sans avoir choisi les fichiers de données. ________________________ 60
Figure 51: Interface de la terminal dans PyCharm pour créer un superutilisateur. ______________________ 61
Figure 52:Formulaire de connexion d’un administrateur _________________________________________ 61
Figure 53: Les tables des utilisateurs , des données 4G,3G et 3G ___________________________________ 61
Figure 54:Interface Users _________________________________________________________________ 62
Figure 55:Interface ajout networkdatas _______________________________________________________ 62
Figure 56 :Interface de détails et champs associés à l'ajout de données réseau 4G _____________________ 63
Figure 57:Interface de détails et champs associés à l'ajout de données réseau 2G ______________________ 64
Figure 58:Interface de détails et champs associés à l'ajout de données réseau 3G ______________________ 64
 Liste des tableaux

Tableau 1 : Fiche technique d'Orange Maroc ____________________________________________ 5

Tableau 2 :Dictionnaire des données _________________________________________________ 25
Tableau 3: Liste des classes ________________________________________________________ 26
 Introduction Générale
Mon stage chez Orange a été une opportunité passionnante de plonger au cœur de l'intersection
entre les technologies de pointe et le monde dynamique des télécommunications. Durant cette période,
j'ai eu l'honneur de travailler sur un projet important visant à concevoir et mettre en œuvre un tableau
de bord de suivi des performances Volte. Mon parcours chez Orange m'a permis de collaborer avec
des professionnels hautement qualifiés et d'apporter une contribution concrète à un projet basé sur la
convergence de l'informatique et des télécommunications.
Ce rapport de stage est organisé en quatre chapitres décrivant les différentes phases du projet et les
éléments clés de mon expérience chez Orange :

Chapitre 1 : Contexte général du projet

Ce chapitre ouvre la porte à l’environnement global dans lequel se déroule le projet.
Il explore en détail les activités d'Orange, soulignant son rôle clé dans l'industrie des
télécommunications et son engagement en faveur de l'innovation.
De plus, ce chapitre fournit des informations détaillées sur la motivation derrière la création du tableau
de bord de surveillance des performances Volte.
Chapitre 2 : Analyse et Spécification des Besoins
Le deuxième chapitre se concentre sur l’étape importante de l’analyse des besoins.
Il examine les KPI Volte qui ont guidé le développement du projet.
De plus, ce chapitre approfondit les besoins techniques et fonctionnels identifiés en collaboration
avec les équipes opérationnelles d'Orange.
Chapitre 3 : Conception
Dans ce chapitre, nous entrons dans le processus de conception du tableau de bord de surveillance des
performances Volte. Il explore les choix technologiques et les décisions architecturales qui ont permis
de créer une interface interactive et conviviale. Cette phase de conception est fondamentale pour
s'assurer que le produit final répond aux besoins spécifiques définis précédemment.
Chapitre 4 : Réalisation
Le dernier chapitre plonge dans la réalisation concrète du projet. Il examine les défis techniques
surmontés et met en lumière les étapes de développement clés qui ont conduit à la finalisation du
tableau de bord. De plus, ce chapitre présente les résultats obtenus, mettant en évidence la manière
dont le produit final répond aux besoins identifiés dans le chapitre d'analyse des besoins.

1
 Chapitre 1
Contexte général du projet

2
 Chapitre 1:Contexte général du projet

I. Introduction

Orange, l'entreprise au sein de laquelle se déroule ce stage et qui jouit d'une reconnaissance
tant nationale qu’internationale, a réussi à se positionner solidement sur le marché compétitif qui
définit le secteur des communications. Dans cette section inaugurale, nous amorçons notre
exploration en vous présentant l'histoire, la structure organisationnelle et les activités majeures de
l’entreprise.

II. L’organisme d’accueil

II.1 Présentation de l’entreprise

Orange est l'un des principaux opérateurs de télécommunications dans le monde avec un
chiffre d'affaires de 40,9 milliards d'euros en 2016 et 155 000 salariés au 31 décembre 2016. Dont
96 000 en France. Présent dans 29 pays, le Groupe servait 263 millions de clients dans le Monde
au 31 décembre 2016, dont 202 millions de clients du mobile et 18 millions de clients haut débit
fixe. Orange est également l'un des leaders mondiaux des services de télécommunications aux
entreprises multinationales sous la marque Orange Business Services. ». Par ailleurs, Orange trouve
également ses origines dans ses défis stratégiques, ses forts engagements ainsi que dans les
multiples nobles rôles sociaux et culturels qu’elle joue au sein de l’environnement géographique
dans lequel elle opère (sponsor, éducation et actions de solidarité).

Figure 1: Logo d'Orange Maroc.

II.2 Fiche technique d’Orange Maroc

3
 Chapitre 1:Contexte général du projet

Informations Détails

Nom Orange Maroc

Création 1999 (sous le nom de Méditelecom)

Dates clés 8 décembre 2016 - Méditel devient Orange

Forme Juridique Société anonyme

Slogan « Vous rapprocher de l’essentiel »

Siège social Lotissement la colline II – Immeuble les 4

temps, Sidi Maarouf, Casablanca, Maroc

Direction Yves Gautier

Actionnaires Orange (49 %), Finance Com (25,5 %), CDG

(25,5 %)

Produits Mobile, Internet (4G, Fibre, ADSL)

Société mère Orange

Effectif 2043 (en 2014)

Chiffre d'affaires 5,15 milliards de MAD (en 2008)

Résultat net 457 millions de MAD (en 2008)

Site Web www.orange.ma

Services clés Téléphonie mobile, Internet haut débit,

Services financiers (Orange Money),
Solutions d'entreprise

Réseau Couverture 4G, Fibre optique, ADSL

Engagement social Initiatives en faveur de l'éducation et du

développement durable

Innovation Lancement de services numériques avancés et

de nouvelles technologies

Récompenses Plusieurs prix pour la qualité de service et

l'innovation

4
 Chapitre 1:Contexte général du projet

Tableau 1 : Fiche technique d'Orange Maroc

II.3 Historique d’Orange Maroc

Orange Maroc est une entreprise de télécommunications qui a été fondée en 1999 sous le
nom de "Médi Télécom". Elle a été créée en partenariat avec le groupe français Vivendi Telecom,
qui détenait à l'époque 35% des parts de l'entreprise. Au fil des années, l'entreprise a connu une
croissance significative et a réussi à se positionner comme l'un des principaux opérateurs de
télécommunications au Maroc. En 2001, elle a lancé son premier réseau mobile GSM et a
commencé à proposer des services de téléphonie mobile à ses clients. En 2005, Médi Télécom est
devenue la première entreprise marocaine à lancer des services 3G sur son réseau mobile. En 2010,
elle a lancé la marque commerciale "Orange" pour ses services de téléphonie mobile, après que le
groupe français Orange ait acquis une participation majoritaire dans l'entreprise. En 2015, Orange
a annoncé son intention d'acquérir l'ensemble des parts de l'entreprise et a lancé une offre publique
d'achat pour les actions de Télécom. En 2016, l'acquisition a été finalisée et l'entreprise est devenue
"Orange Maroc". Aujourd'hui, Orange Maroc est l'un des principaux opérateurs de
télécommunications au Maroc, avec un vaste réseau de distribution et plus de 17 millions de clients.
L'entreprise est engagée dans des initiatives sociales et environnementales et continues de
développer de nouveaux services pour répondre aux besoins de ses clients.

5
 Chapitre 1:Contexte général du projet

Figure 2 : Grandes titres d'Orange Maroc

II.4 Services d’Orange Maroc

Orange est considérée comme l'un des meilleurs opérateurs offrant une large gamme
de services dans divers domaines, ce qui lui permet d'être à la fois compétitif et innovant. Les
clients utilisent aujourd'hui une multitude de services appartenant à différentes activités, et les
opérateurs doivent s'adapter rapidement à l'évolution technologique. La force d'Orange réside dans
sa capacité à s'adapter aux différents domaines et à opérer dans différentes technologies en peu de
temps. Les différents services offerts par Orange sont les suivants :
 Téléphonie mobile : Orange Maroc propose des offres de téléphonie mobile prépayées et
postpayées pour les particuliers et les entreprises. Les offres incluent des forfaits de données
mobiles, des appels nationaux et internationaux, des SMS et des services de roaming.
 Téléphonie fixe : Orange Maroc propose également des services de téléphonie fixe pour
les entreprises et les particuliers. Les offres incluent des forfaits avec appels illimités vers
6
 Chapitre 1:Contexte général du projet

les numéros fixes nationaux et internationaux.

 Internet : Orange Maroc propose des offres d'accès à Internet pour les particuliers et les
entreprises, incluant l'ADSL, la fibre optique et les connexions 4G/LTE.
 Cloud : Orange Maroc propose des solutions de Cloud pour les entreprises, avec des
services de stockage, de sauvegarde et de gestion de données. En plus de ces services,
Orange Maroc propose également des solutions de télécommunications pour les entreprises,
des services de sécurité informatique, des solutions de communication et de collaboration,
ainsi que des services de paiement mobile et de divertissement.

Figure 3 :Services d’Orange Maroc

II.5 Organigramme de la société

Pour la hiérarchie et les départements d’Orange Maroc, il peut être résumé
dans l’organigramme suivant :

7
 Chapitre 1:Contexte général du projet

Figure 4: L'organigramme d'Orange Maroc.

II.5 Organigramme du service d’accueil

MOHAMED BENNIS
Directeur Planification &
Ingénierie Réseau

IMANE FARAZDAG
Senior Manager Radio

YASSINE GHAZI
Manager Design et
Nouvelles Solutions
Radio

LAMIA
IMANE EL MY ABDELAZIZ EL SALWA EL SAFAE
SAID EL AOUD HRIKICH
ALAMI BOUMASHOULI HABCHI AMHOUD
Technicien Specialist
Specialist Senior Specialist Specialist Specialist
Qualification Senior
Nouvelles Qualification Ingénierie QoS Ingénierie QoS et
RAN Nouvelles
Solutions réclamation B2B et Trafic Trafic
Solutions

Figure 5: Organigramme du service d’accueil

8
 Chapitre 1:Contexte général du projet

III. Présentation générale du projet :

Le but du projet est de créer un tableau de bord (Dashboard) basé sur le langage de
programmation Python afin de faciliter le suivi de la technologie de voix sur LTE (Volte) dans une
infrastructure de télécommunications. La technologie Volte permet la transmission de la voix via
le réseau de données LTE (4G) plutôt que le réseau de voix conventionnel.
Ce dernier parcours représente mon sujet de stage PFA.

III.1 Contexte général du projet :

Le projet de création d'un tableau de bord de suivi de VoLTE (Voice over LTE) fait
partie d'un contexte plus large dans l'industrie des télécommunications. Voici l'ensemble du
contexte du projet :
 Le contexte de l'industrie des télécommunications :
L'industrie des télécommunications est en constante évolution, avec une demande croissante
pour des services de communication de haute qualité pour la voix et les données. La transition
vers les réseaux 4G LTE (Long Term Evolution) a permis des vitesses de connexion plus
rapides et une expérience utilisateur améliorée.
 VoLTE (Voix au-delà de LTE) :
La technologie Volte permet de transmettre des appels vocaux de haute qualité via les réseaux
de données 4G LTE plutôt que les réseaux de voix conventionnels. Elle offre une connectivité
plus rapide, une qualité sonore améliorée et une expérience utilisateur améliorée.
 Le défi de la surveillance de la Volte est important.
Il existe des difficultés techniques dans la mise en œuvre et le suivi de la Volte. Les opérateurs
de télécommunications accordent une grande importance à la qualité de service et à la rapidité
de résolution des problèmes de performance. Pour garantir un déroulement fluide et sans
interruption des appels VoLTE, les ingénieurs réseau doivent surveiller en permanence les
indicateurs clés de performance.
 Le rôle du tableau de bord :
Dans ce contexte, le tableau de bord de suivi Volte est crucial. Il offre une solution efficace
pour visualiser, analyser et interpréter les données liées aux performances Volte en temps réel
et historiques. Cela permet aux opérateurs de surveiller la qualité de service de manière
proactive, d'identifier les problèmes et de prendre des mesures correctives en temps opportun.
 La visualisation des données est cruciale :
Les données techniques complexes peuvent rendre difficile la prise de décisions rapides et
9
 Chapitre 1:Contexte général du projet

précises. La visualisation des données à l'aide de graphiques et de tableaux de bord interactifs

simplifie l'analyse et permet aux responsables de repérer rapidement les tendances, les
anomalies et les zones de préoccupation.
 Influence sur l'expérience du consommateur :
L'expérience utilisateur est directement affectée par un suivi Volte efficace. Les clients doivent
recevoir des appels vocaux clairs et stables. Les opérateurs peuvent maintenir une expérience
utilisateur de haute qualité, renforçant leur réputation et fidélisant les clients, en surveillant
activement la performance de la Volte.

III.2 Problématiques :

Plusieurs problèmes techniques se présentent dans le cadre de mon projet de

développement de tableau de bord pour le suivi de la Volte. Ces questions ont un impact significatif
sur la création d'une plateforme efficace et fonctionnelle, du choix des technologies au traitement
des données existantes.
 Choix des Technologies :
Quels outils de développement, bibliothèques de visualisation et frameworks Web utiliser pour
créer efficacement un tableau de bord adapté aux besoins ?
 Intégration des données :
Comment importer automatiquement et de manière cohérente les données existantes du fichier
Excel dans le tableau de bord ?
 Traitement des données :
Comment nettoyer, modifier et préparer les données pour qu'elles puissent être utilisées dans les
tableaux de bord ? Comment traiter les possibles erreurs et incohérences dans les données ?
 Conception de l'Interface :
Comment rendre l'interface utilisateur du tableau de bord facile à comprendre, conviviale et
permettant une visualisation claire des données ?
 Graphiques et Visualisations :
Quels types de graphiques et de visualisations utiliser pour illustrer au mieux les données du fichier
Excel ? Comment modifier ces graphiques pour rendre l'analyse plus facile ?
 Performance :
Comment améliorer les performances du tableau de bord pour assurer une réactivité fluide et des
temps de chargement rapides, même avec des jeux de données importants ?
 Sécurité des données :
Comment protéger les données importées depuis un fichier Excel et s'assurer que le tableau de
10
 Chapitre 1:Contexte général du projet

bord est accessible uniquement aux utilisateurs autorisés ?

III.3 Objectifs et Motivations :

L'objectif principal de ce projet est de créer un outil de visualisation pratique et
interactif. Cette solution sera conçue pour donner aux responsables, aux ingénieurs réseau et aux
techniciens une vue en temps réel des performances et de la qualité de service de la technologie
VoLTE dans notre réseau de télécommunications. Les indicateurs clés de performance (KPI)
essentiels à la VoLTE pourront être surveillés et analysés pro activement grâce à ce tableau de
bord. Cette interface aidera les parties prenantes à identifier rapidement les tendances, à détecter
les anomalies potentielles et à prendre les mesures appropriées pour améliorer continuellement les
choses.

II. Planification du projet

La phase la plus importante en avant-projet est la planification, car elle permet de
définir un ordonnancement des tâches du projet, et de donner une estimation de la charge et de
temps à consacrer à chaque tâche. Ceci afin de comparer les objectifs atteints avec les objectifs
préfixés, et pour garantir une bonne communication de l’avancement du projet.
Le diagramme de Gantt ci-après représente la planification prévisionnelle du projet.

Figure 6: Diagramme de Gantt

IV. Conclusion

Le chapitre a présenté Orange Maroc, une entreprise de télécommunications, en

fournissant des informations détaillées sur son profil et son historique. Les services offerts par
Orange Maroc ont été décrits, mettant en évidence leur diversité et leur orientation client.
Ce chapitre sert comme cadrage du projet, il donne une vue générale sur le projet, la démarche
suivie, les phases et les méthodes mises en pratique tout au long du projet. Dans le chapitre suivant

11
 Chapitre 1:Contexte général du projet

nous aborderons en détails les différentes exigences et composantes de notre système.

12
 Chapitre 2
Spécification et analyse des besoins

13
 Chapitre 2: Spécification et analyse des besoins

I. Introduction

La phase de spécification et d'analyse des besoins est cruciale pour le développement de

notre projet de tableau de bord de suivi de Volte. À ce stade, nous commençons par une étude de
l’existant, suivie d’une analyse des besoins fonctionnels et non fonctionnels de notre système.

II. Etude de l’existant

L'étude approfondie de l'existant a révélé les éléments essentiels à améliorer pour le suivi
de la Volte. Bien que les solutions actuelles offrent des données sur les KPI clés, leur
convivialité limitée et leur manque d'interactivité entravent une analyse approfondie. De plus,
il y a des inquiétudes quant à la cohérence et à la fiabilité des informations en raison de la
qualité variable des données collectées. Pour une gestion proactive, il est également nécessaire
de détecter rapidement les tendances et les anomalies. Notre objectif est de concevoir un tableau
de bord innovant, doté d'une convivialité améliorée, de visualisations interactives et de
mécanismes renforcés de sécurité des données en utilisant les enseignements de cette analyse.

III. Besoin fonctionnels

III.1 Identifications des acteurs :

L'identification des acteurs est cruciale pour déterminer les parties prenantes qui
utiliseront le tableau de bord de suivi Volte. Cette identification nous permet de mieux
comprendre les rôles et les responsabilités des utilisateurs, ce qui est essentiel pour créer une
expérience utilisateur qui répond à leurs besoins uniques. Les participants importants identifiés
pour ce projet incluent :
Responsables opérationnels : Les responsables opérationnels sont chargés de superviser la
qualité générale des services Volte. Afin de prendre des décisions stratégiques, ils utiliseront le
tableau de bord pour obtenir une vue d'ensemble des performances et des tendances.
Ingénieurs réseau : Les ingénieurs réseau utiliseront le tableau de bord de manière active.
Pour optimiser la Volte, ils surveilleront les indicateurs de performance, trouveront les
problèmes techniques et prendront des mesures correctives.
Techniciens : Pour diagnostiquer les problèmes opérationnels, résoudre les incidents et
effectuer des tests de performance, les techniciens devront accéder au tableau de bord.

14
 Chapitre 2: Spécification et analyse des besoins

Analystes de données : Les analystes de données utiliseront le tableau de bord pour effectuer
des analyses plus approfondies, trouver des tendances à long terme, examiner les données
historiques et aider à la prise de décisions basée sur les données.
Gestionnaires de la qualité de service : La responsabilité de vérifier la conformité aux normes
de qualité incombe aux gestionnaires de la qualité de service. Pour évaluer la performance de
la Volte par rapport aux objectifs prédéfinis, ils utiliseront le tableau de bord.
Administrateurs du système : La gestion des utilisateurs, la protection des données et le
maintien de la plateforme technique sous-jacente du tableau de bord sont toutes des
responsabilités des administrateurs du système.

III.2 Identifications des fonctionnalités :

Dans le cadre du développement du tableau de bord de suivi de la Volte, nous

avons identifié un ensemble de fonctionnalités clés visant à offrir une exploration détaillée des
données de performance de la Volte. Les fonctionnalités identifiées sont les suivantes :
Data upload :
Les administrateurs système pourront importer et charger les données de performance Volte à
partir d'un fichier Excel dans la base de données du tableau de bord grâce à cette fonctionnalité.
Cela garantit la disponibilité des informations les plus récentes et les plus complètes pour
l'analyse.
L'option "Exploration des données" donnera aux utilisateurs accès au tableau de données
complet utilisé pour créer les graphiques. Un tableau fournissant un aperçu détaillé des données
brutes présentera les variables pertinentes qui ont été utilisées pour créer les graphiques.
Charts : L'option "Charts" fournira une visualisation graphique des indicateurs de performance
clés de la VoLTE basés sur les variables sélectionnées. Les utilisateurs pourront choisir parmi
une variété de graphiques interactifs pour identifier rapidement les tendances et les anomalies.
Download : La fonctionnalité "Download" permettra aux utilisateurs de télécharger les données
de performance de la VoLTE sous forme d'un fichier Excel.
Log out : L'option "Logout" permettra aux utilisateurs de se déconnecter de l'application web
en toute sécurité, protégeant ainsi leurs données et leur confidentialité.

IV. Besoins non fonctionnels

15
 Chapitre 2: Spécification et analyse des besoins

Il est essentiel de tenir compte des besoins non fonctionnels en plus des besoins
fonctionnels qui guident la création du tableau de bord de suivi de la Volte. Les critères de
qualité, de performance et d'expérience utilisateur qui contribueront à la réussite du projet sont
définis par ces besoins. Les besoins non fonctionnels suivants ont été identifiés :

Performance : Le tableau de bord doit être capable de traiter efficacement une grande quantité
de données tout en garantissant des temps de réponse rapides aux requêtes et aux interactions
avec l'utilisateur.
L'interface utilisateur doit être conviviale et simple à comprendre, même pour les utilisateurs
non techniques. Les éléments clés sont la navigation fluide, la disposition logique des
informations et la simplicité d'utilisation.
Réactivité : Pour garantir une expérience cohérente sur les ordinateurs de bureau, les tablettes
et les appareils mobiles, le tableau de bord doit être réactif et adaptable à différentes tailles
d'écran.
Sécurité : La protection des données est essentielle. Pour garantir que seuls les utilisateurs
autorisés accèdent aux informations sensibles, le tableau de bord doit mettre en place des
mécanismes robustes d'authentification et de contrôle d'accès.
Performance des Graphiques : Les graphiques doivent être générés et affichés rapidement,
même lors de l'utilisation de données volumineuses, afin de garantir une expérience utilisateur
fluide et réactive.
Fiabilité : Le tableau de bord doit être hautement fiable, minimisant les temps d'indisponibilité
non planifiés et garantissant un accès constant aux données pour les utilisateurs.
Extensibilité : La conception de la plateforme doit être conçue de manière à permettre l'ajout
de fonctionnalités ou de nouvelles sources de données à l'avenir afin qu'elle puisse continuer à
fonctionner dans un environnement en constante évolution.
Compatibilité : Pour rendre le tableau de bord facile à utiliser, il doit être compatible avec de
nombreux navigateurs web modernes.
Performances de chargement : Les temps de chargement doivent être optimisés pour réduire
les attentes des utilisateurs lors de l'accès aux données et aux graphiques.
Évolutivité : La solution doit être capable de supporter une charge utilisateur accrue sans
compromettre la convivialité ou les performances.
Confidentialité : Les données sensibles doivent être protégées conformément aux règles de
protection et de confidentialité des données.
16
 Chapitre 2: Spécification et analyse des besoins

V. Conclusion :

Dans ce chapitre nous avons présenté le système existant, les acteurs du futur système, ainsi que
les fonctionnalités attendues. Ensuite, nous avons mis l’accent sur l’importance de chaque besoin non
fonctionnel dans l'implémentation du système. Dans le chapitre suivant nous aborderons avec plus de
détails la conception de notre projet.

17
Chapitre 3
Conception

18
 Chapitre 3: Conception

I. Introduction

La phase de conception est la phase durant laquelle les exigences sont transformées en une
modélisation du système avant sa mise en œuvre.
Dans ce chapitre, nous abordons le diagramme de cas d’utilisation, les diagrammes de séquences
liés aux cas d’utilisation, Ensuite, nous décrirons les différentes entités de notre système avec un
diagramme de classe, pour finir avec l’architecture détaillée du système.

II. Choix de la méthodologie de conception

Dans la cadre de notre projet, nous avons opté pour le langage UML comme une approche de
conception. Ci-dessous, nous présentons ce langage puis nous justifions notre choix.

II.1 Présentation d’UML :

UML (Unified Modeling Language) est un langage formel et normalisé en
termes de modélisation objet. Son indépendance par rapport aux langages de programmation, aux
domaines de l’application et aux processus, son caractère polyvalent et sa souplesse ont fait lui un
langage universel. En plus UML est essentiellement un support de communication, qui facilite la
représentation et la compréhension de solution objet. Sa notation graphique permet d’exprimer
visuellement une solution objet, ce qui facilite la comparaison et l’évaluation des solutions.
L’aspect de sa notation, limite l’ambigüité et les incompréhensions. UML fournit un moyen
astucieux permettant de représenter diverses projections d'une même représentation grâce aux vues.
Une vue est constituée d'un ou plusieurs diagrammes.
On distingue deux types de vues :
La vue statique, permettant de représenter le système physiquement :
Diagrammes de classes : représentent des collections d'éléments de modélisation statiques
(classes, paquetages...), qui montrent la structure d'un modèle.
Diagrammes d’objets : ces diagrammes montrent des objets (instances classes dans un état
particulier) et des liens (relations sémantiques) entre objets.
Diagrammes de cas d’utilisation : identifient les utilisateurs du système (acteurs) et leurs
interactions avec le système.
Diagrammes de composants : permettent de décrire l'architecture physique statique d'une
application en termes de modules : fichiers sources, librairie exécutables, etc.
Diagrammes de déploiement : montrent la disposition physique du matériel qui compose le
système et la répartition des composants sur ce matériel.
19
 Chapitre 3: Conception

La vue dynamique, montrant le fonctionnement du système :

Diagrammes de collaboration : montrent des interactions entre objet (instances de classes et
acteurs).
Diagrammes de séquence : permettent de représenter des collaborations eu objets selon un point
de vue temporel, on y met l'accent sur la chronologie (envois de messages).
Diagrammes d'états-transitions : permettent de décrire les changements d'états d'un objet ou d'un
composant, en réponse aux interactions avec d'autres objets/composants ou avec des acteurs.
Diagrammes d’activités : (une variante des diagrammes d'états-transitions) servent à représenter
graphiquement le comportement d'une méthode ou déroulement d'un cas d'utilisation.
La conception de notre interface a été élaborée en suivant la démarche suivante :
 L'élaboration des diagrammes de cas d'utilisation. Cette étape a été réalisée suite à la
spécification fonctionnelle de l’application.
 Recensement des classes candidates et élaboration du diagramme des classes.
 Dresser les diagrammes de collaboration et de séquences pour mettre en évidence
interactions entre les différents objets du système.

III. Diagramme des cas d’utilisation

Les cas d’utilisation décrient un ensemble d’actions réalisées par le système, en réponse à une
action d’un acteur.

III.1 Identification des acteurs

Acteur Principale :
Utilisateur Authentifié : Cet utilisateur est l'utilisateur principal du système de tableau de bord. Il
se connecte, interagit avec les fonctionnalités, télécharge et visualise des données et des graphiques.
Il joue un rôle central dans l'expérience utilisateur.
Acteurs Secondaires
L'acteur secondaire du système de gestion de l'authentification Django est chargé de superviser
l'authentification des utilisateurs, de vérifier les informations d'identification, de créer des sessions
et de fournir des autorisations. Il garantit la sécurité du tableau de bord et contrôle son accès.
La communication avec la base de données est gérée par cet acteur secondaire du système de
gestion de la base de données Django. Il stocke, récupère et gère les données nécessaires pour le
tableau de bord, telles que les données d'utilisateur, les données téléchargées et les données
nécessaires pour créer des graphiques.

III.2 Identification des cas d'utilisation

20
 Chapitre 3: Conception

Nous décrivons pour chaque acteur les cas d’utilisation. On distingue les cas
d'utilisation suivants :
Acteurs :
Utilisateur
Système de Gestion d'Authentification Django
Système de Gestion de la Base de Données Django
Cas d'utilisation :
Upload Data :
Acteur : Utilisateur Authentifié
Description : L'Utilisateur Authentifié télécharge des fichiers de données.
View Charts :
Acteur : Utilisateur
Description : L'Utilisateur génère et affiche des graphiques basés sur les données.
View Data :
Acteur : Utilisateur
Description : L'Utilisateur affiche les données stockées dans la base de données.
Download Data :
Acteur : Utilisateur
Description : L'Utilisateur télécharge les données sous forme de fichiers Excel.
Authenticate User :
Acteur : Système de Gestion d'Authentification Django
Description : Le système authentifie l'utilisateur.
Manage Data :
Acteur : Système de Gestion de la Base de Données Django
Description : Le système gère le stockage et la fourniture de données.

Relations :
L'Utilisateur utilise les cas d'utilisation "Upload Data", "View Charts", "View Data" et
"Download Data".
Le Système de Gestion d'Authentification Django intervient dans le cas d'utilisation
"Authenticate User".
Le Système de Gestion de la Base de Données Django intervient dans le cas d'utilisation
"Manage Data" et fournit les données pour les cas "View Charts" et "View Data".

21
 Chapitre 3: Conception

Figure 7 : Diagramme de cas d’utilisation

III.3 Description textuelle des principaux cas d'utilisation

CU1 : Inscription au site
Résumé : Ce cas permet à l'acteur de s'inscrire sur le site.
Acteurs : Utilisateur non inscrit (Formateur, Apprenant)
Post-Condition : L'utilisateur est inscrit et peut accéder aux fonctionnalités du site en tant que
membre.
Scénario nominal
«DEBUT»
01 : Le système affiche un formulaire d'inscription à l'utilisateur.
02 : L'utilisateur saisit ses informations.
03 : Le système vérifie la validité des informations saisies.
04 : Le système enregistre ces informations dans la base de données.
05 : Le système envoie une notification de succès d'inscription à l'utilisateur.
«FIN»
Scénario alternatif - Informations Invalides
«DEBUT»
01a : Le système affiche un formulaire d'inscription à l'utilisateur.

22
 Chapitre 3: Conception

02a : L'utilisateur saisit ses informations.

03a : Le système détecte que les informations saisies sont invalides.
04a : Le système affiche un message d'erreur à l'utilisateur.
«FIN»
CU2: Connexion au site
Résumé : Ce cas permet à l'acteur de se connecter au site avec son compte.
Acteurs : Utilisateur inscrit (Formateur, Apprenant)
Post-Condition : L'utilisateur est connecté et peut accéder aux fonctionnalités du site en tant
qu'utilisateur authentifié.
Scénario nominal
«DEBUT»
01 : L'utilisateur entre ses identifiants de connexion.
02 : Le système vérifie les informations de connexion.
03 : Le système valide les informations et affiche le tableau de bord.
«FIN»
Scénario alternatif - Informations Incorrectes
«DEBUT»
01a : L'utilisateur entre ses identifiants de connexion.
02a : Le système vérifie les informations de connexion.
03a : Le système détecte que les informations sont incorrectes.
04a : Le système affiche un message d'erreur à l'utilisateur.
«FIN»
CU3: Télécharger Données
Résumé : Ce cas permet à l'utilisateur de télécharger des données au format Excel.
Acteurs : Utilisateur authentifié (Formateur, Apprenant)
Post-Condition : L'utilisateur obtient un fichier Excel contenant les données sélectionnées.
Scénario nominal
«DEBUT»
01 : L'utilisateur navigue vers la section de téléchargement de données.
02 : Le système affiche les options de téléchargement.
03 : L'utilisateur sélectionne les données à télécharger.
04 : Le système génère un fichier Excel avec les données sélectionnées.
05 : Le système propose le fichier Excel en téléchargement.
«FIN»
23
 Chapitre 3: Conception

Scénario alternatif - Aucune Donnée Sélectionnée

« DEBUT»
01a : L'utilisateur navigue vers la section de téléchargement de données.
02a : Le système affiche les options de téléchargement.
03a : L'utilisateur ne sélectionne aucune donnée.
04a : Le système affiche un message indiquant qu'aucune donnée n'a été sélectionnée.
« FIN»

IV. Modélisation conceptuelle des données

La modélisation conceptuelle des données permet de dégager l'ensemble des données

manipulées en vue d'élaborer le diagramme de classes. En effet, ce dernier donne une vue statique du
système. Il décrit les types et les objets du système. Il s’agit donc d’une représentation des données du
champ de l’étude ainsi que le lien sémantique entre ces données, facilement compréhensible,
permettant de décrire le système d’information à l’aide des concepts proposés par le modèle UML.

IV.1 Dictionnaire des données

Le tableau ci-dessous représente la liste des attributs composants toutes les classes
formants notre système ainsi que leur description, leur taille et leur type.

Classe : Utilisateur

Attribut Description Taille Type

id Identifiant unique de l'utilisateur Petit Entier
nom Nom de l'utilisateur Moyen Chaîne de caractères

prénom Prénom de l'utilisateur Moyen Chaîne de caractères

email Adresse e-mail de l'utilisateur Moyen Chaîne de caractères

mot_de_passe Mot de passe de l'utilisateur Moyen Chaîne de caractères

Classe : Système de Gestion de la Base de Données Django

24
 Chapitre 3: Conception

Attribut Description Taille Type

id Identifiant unique du Petit Entier
système
version Version du système Petit Chaîne de caractères
date création Date de création du Petit Date/Heure
système
type base Type de base de Moyen Chaîne de caractères
données

Classe : Système de Gestion d'Authentification Django

Attribut Description Taille Type

id Identifiant unique du Petit Entier
système
version Version du système Petit Chaîne de caractères
date création Date de création du Petit Date/Heure
système
développeur Nom du développeur du Moyen Chaîne de caractères
système

Tableau 2 :Dictionnaire des données

IV.2 Représentation des classes

La modalisation objet est utilisée dans le langage UML pour définir des objets-métiers
et l’architecture de l’application. Ces objets sont créés en tant qu’instance de classe et s’interagissent
dynamiquement pour offrir le comportement décrit par les cas d’utilisation. La modélisation objet
définit le comportement requis par les différentes classes pour assurer la bonne mise en place des cas
d’utilisation et des règles de gestion. Les objets constituent la base de l’architecture des applications,
ils peuvent être réutilisés à travers des domaines d’application ou encore être identifiés et dérivés
directement des cas d’utilisation ou des domaines d’application. Une classe est composée :
Attributs : représentant des données dont les valeurs représentent l’état de l’objet.
25
 Chapitre 3: Conception

La méthode : il s’agit des opérations applicables aux objets. Après avoir dégagé le dictionnaire de
données épuré, nous pouvons dégager les classes ainsi leurs méthodes et leurs attributs qui sont
présentés dans le tableau suivant :

N° Nom Classe Liste des Attributs Méthodes

01 utilisateur Id Créer compte ()
Nom Accéder profil ()
Prénom Se connecter ()
Email Télécharger données ()
Mot_de_passe Télécharger fichiers ()
Voir graphiques
Voir tableaux ()

02 Système de Gestion Id
d'Authentification Version Authentifier()
Django Date création
développeur
03 Système de Gestion de Id
la Base de Données Version gérer données ()
Django Date creation
Type base

Tableau 3: Liste des classes

IV.3 Diagramme de classes

La figure ci-dessous récapitule les tableaux précédents dans un diagramme de classes
qui Contient toutes les informations telles que les classes, les méthodes, les associations et les
propriétés.

26
 Chapitre 3: Conception

Figure 8: Diagramme des classes

V. Architecture du système :
VI.1 Architecture logique du backend :
Mon système backend basé sur Django avec Django Admin suit les principes
fondamentaux de l'architecture MVC (Modèle-Vue-Contrôleur) spécifique à Django. Voici un aperçu
de l'architecture backend de votre système :
Les modèles utilisés sont des modèles Django.
Les modèles sont des classes Python qui déterminent la structure et le schéma de la base de données.
Chaque application Django a son fichier models.py où les modèles sont définis.
J’ai créé des modèles pour des entités telles que "Utilisateur", "Données" et "Graphiques".
Django Admin :
Django Admin est une interface d'administration générée automatiquement pour vos modèles.
Vous pouvez gérer les enregistrements de la base de données via cette interface, en effectuant des
opérations de création, lecture, mise à jour et suppression (CRUD).
Les modèles que vous avez créés sont utilisés pour générer les formulaires et les vues d'administration.
Les contrôleurs utilisant des vues Django :
Les vues dans Django gèrent le traitement des requêtes et la logique applicative, agissant ainsi
comme des contrôleurs.
Pour superviser les diverses actions effectuées par votre application, vous avez probablement créé
27
 Chapitre 3: Conception

des fonctions de vue ou des classes basées sur des vues génériques.
Routes (URLs Django) :
Les routes dans Django sont définies dans le fichier urls.py de chaque application.
Les routes sont utilisées pour mapper les URL aux vues correspondantes.
Lorsqu'une URL est appelée, Django recherche le fichier urls.py pour déterminer quelle vue doit être
exécutée.
Le middleware :
Il est possible d'utiliser le middleware de Django pour intercepter et traiter les requêtes avant qu'elles
ne parviennent aux vues.
De plus, il est capable de gérer les réponses avant qu'elles ne soient renvoyées au client.
Services de base de données :
Vous pouvez avoir des modules ou des packages personnalisés pour gérer des tâches particulières
telles que l'authentification, l'interaction avec les bases de données, etc.
Ces services fournissent des fonctionnalités backend pour vos vues qui peuvent être réutilisées.
Ces composants fonctionnent ensemble pour gérer la logique applicative, interagir avec la base de
données et présenter les données à l'aide de l'interface d'administration Django.

VII. Conclusion

Dans ce chapitre nous avons présenté les différentes composantes qui collaborent
pour donner le résultat attendu de mon projet, ainsi que les différentes architectures adoptées et les
systèmes avec lesquels notre système doit interagir. Dans le chapitre qui suit, nous présenterons la
partie réalisation du projet.

28
 CHAPITRE 2: SPECIFICATION ET ANALYSE DES BESOINS

Chapitre 4
Réalisation
 Chapitre 4: Réalisation

I. Introduction

Afin de réaliser notre projet de fin d’études, nous avons utilisé une panoplie de technologies, des
outils de développement, de tests. Ceci pour mettre en œuvre une application de bonne qualité
respectant des exigences fonctionnelles et non fonctionnelles du cahier de charges.
Environnement matériel
L’environnement matériel sur lequel nous avons travaillé est constitué d’un ordinateur portable ASUS
caractérisé par : • Processeur : Intel Core I7. •Mémoire : 16Go de RAM. • Disque dur : 1 To . • Système
d’exploitation : Windows 10.

II. Environnement du travail

Nous allons commencer par la description de l’environnement matériel et logiciel tout en donnant
par la suite un aperçu sur l’implémentation de notre travail.

II.1 Environnement matériel

L’environnement matériel sur lequel nous avons travaillé est constitué d’un ordinateur portable
HP ELITE BOOK caractérisé par :
• Processeur : Intel Core I7.
• Mémoire : 16Go de RAM.
• Disque dur :512 GO.
• Système d’exploitation : Windows 11.

II.2 Environnement logiciel

II.2.1 Outils de modélisation

Enterprise Architect est un logiciel de modélisation et de conception UML, édité par la société
australienne Sparx Systems. Couvrant, par ses fonctionnalités, l'ensemble des étapes du cycle de
conception d'application, il est l'un des logiciels de conception et de modélisation les plus reconnus.
Enterprise Architect permet le développement d'applications selon le schéma d'architecture orientée
modèle ainsi que le schéma d'architecture orientée services.
Enterprise Architect couvre tous les aspects du cycle de développement d'applications depuis la gestion
des exigences, en passant par les phases de conception, la construction, tests et maintenance. Ces
aspects sont appuyés par des fonctions de support tels que la traçabilité, la gestion de projet, ou encore
le contrôle de version

30
 Chapitre 4: Réalisation

Figure 9:Logo d’entreprise Architect

II.2.2 Environnement de développement (IDE)

Développé par JetBrains, PyCharm est à ce jour l’IDE le plus populaire pour Python. Cette
plateforme hybride est couramment utilisée pour le développement d’applications Python, et
notamment par de grandes entreprises telles que Twitter, Facebook, Amazon ou Pinterest.

Compatible avec Windows, Linux et macOS, PyCharm contient des modules et des packages aidant
les développeurs à programmer des logiciels avec Python plus rapidement et avec moins d’efforts. Il
est aussi possible de le customiser pour répondre aux besoins précis d’un projet.

Figure 10:Logo de pycharm

II.2.3 Système de gestion de la base de données

SQLite est un système de gestion de base de données relationnelle. Ce moteur de base de
données est connu pour implémenter une grande partie du standard SQL-92 et des propriétés ACID.
Cette bibliothèque écrite en C est directement intégrée au programme. Ce système et son code source
sont entièrement dans le domaine public ce qui permet à tout à chacun d’utiliser et de participer à
l’évolution de ce projet.
Grâce à son environnement intégré au programme et le fait que le code source ne soit régit par
aucune licence, SQLite est utilisé dans de nombreux logiciels et systèmes bien connus tels que
Firefox, Skype, Android, l’iPhone et divers produits et projets.

Figure 11:Logo de SQLite

31
 Chapitre 4: Réalisation

II.2.4 Serveur d’application

Le serveur de développement de Django, également appelé « serveur de développement de
Django » ou « serveur de développement de Django », est un serveur web léger intégré à Django.
Il est fourni pour simplifier le processus de développement en permettant aux développeurs de
tester leur application localement pendant la phase de développement. Cependant, pour des raisons
de performances, de sécurité et de fonctionnalités limitées, il n'est pas destiné à être utilisé en
production.

Figure 12:Logo de serveur django

II.2.5 Langages et technologies

 HTML

Le HyperText Markup Language, généralement abrégé HTML ou dans sa dernière

version HTML5, est le langage de balisage conçu pour représenter les pages web. C’est un langage
permettant d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer
sémantiquement et logiquement et de mettre en forme le contenu des pages, d’inclure des ressources
multimédias dont desimages, des formulaires de saisie et des programmes informatiques.

Figure 13:Logo de html

 CSS

Les feuilles de style en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets,
forment un langage informatique qui décrit la présentation des documents HTML et XML. Les
32
 Chapitre 4: Réalisation

standards définissant CSS sont publiés par le World Wide Web Consortium (W3C). Introduit au milieu
des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge
par les navigateurs web dans les années 2000.

Figure 14:Logo de CSS

 Python

est un langage de programmation interprété multi-paradigme. Il favorise la programmation

impérative structurée, et orientée objet. Il est doté d'un typage dynamique fort, d'une
gestion automatique de la mémoire par ramasse-miettes et d'un système de gestion d'exceptions ;
il est ainsi similaire à Perl, Ruby, Scheme, Smalltalk et Tcl.
Le langage Python est placé sous une licence libre proche de la licence BSD et fonctionne sur la
plupart des plates-formes informatiques, des supercalculateurs aux ordinateurs centraux,
de Windows à Unix en passant par Linux et MacOS, avec Java ou encore .NET. Il est conçu pour
optimiser la productivité des programmeurs en offrant des outils de haut niveau et une syntaxe
simple à utiliser. Il est également apprécié par les pédagogues qui y trouvent un langage où la
syntaxe, clairement séparée des mécanismes de bas niveau, permet une initiation plus aisée aux
concepts de base de la programmation.

Figure 15:Logo de python

 JavaScript
33
 Chapitre 4: Réalisation

est un langage de programmation de scripts notamment employé dans les pages web
interactives mais aussi pour les serveurs avec l'utilisation (par exemple) de Node.js. C'est un langage
orienté objet à prototype, c'est-à-dire que les bases du langage et ses interfaces sont fournies par des
objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs
permettant de créer leurs propriétés, et notamment une propriété de prototypage qui permet d'en créer
des objets héritiers personnalisés.

Figure 16:Logo de JavaScript

II.2.6 Frameworks

 Django

Django est un framework de développement web open-source écrit en Python. Il est conçu
pour rendre la création d'applications web complexes plus rapide et plus simple en fournissant une
structure organisée et des outils prêts à l'emploi.

Figure 17:Logo de Django

 Plotly
est une bibliothèque de visualisation de données interactive qui offre des outils puissants pour créer
des graphiques, des tableaux de bord et des visualisations interactives à partir de données. Elle est
disponible dans plusieurs langages de programmation populaires tels que Python, R, Julia et JavaScript.
Plotly permet aux utilisateurs de représenter visuellement des données complexes de manière claire et
attrayante, tout en offrant des fonctionnalités interactives pour explorer ces données plus en
profondeur.

34
 Chapitre 4: Réalisation

Figure 18:Logo de plotly

 Pandas
est une bibliothèque open source populaire pour la manipulation et l'analyse de données en Python.
Elle fournit des structures de données et des fonctions qui rendent plus facile la manipulation, le
nettoyage, la transformation et l'analyse de données tabulaires, comme celles que l'on retrouve souvent
dans des feuilles de calcul ou des bases de données relationnelles.

Figure 19:Logo de pandas

III. Réalisations

III.1 Charte graphique

a. Choix des couleurs :

En vue du respect des couleurs du logo et le site du ORANGE, nous avons été obligé de
garder les mêmes couleurs, mais en jouant avec leurs nuances.

Figure 20:Interface choix de couleurs

b. Choix des formes et des lignes :

Pour concevoir les interfaces que nous avons réalisées pour la nouvelle application, nous
avons opté pour les formes rectangulaires qui symbolisent le mouvement, l’interaction et le
dynamisme, pour dynamiser l’interface.

c. Choix du font d’écriture :

Le font de l’écriture dans une plateforme, est aussi important comme les couleurs, alors,
Choisir un font normal, peut réduire la valeur du contenu affiché. Pour cela, nous avons choisi
35
 Chapitre 4: Réalisation

de chercher un font convenable, qui valorise notre application.

III.2 Les interfaces graphiques

Dans cette partie, on va projeter les différentes pages en spécifiant les différentes
fonctionnalités.
- Authentification :
Dans un premier temps, l’utilisateur doit créer un compte en cliquant sur le bouton Register.

Figure 21:Page d’accueil en blanche

Pour modifier la couleur de cette interface de page d'accueil en noir, il vous suffit de cliquer sur le
bouton situé en haut. Ensuite, l'interface suivante s'affichera avec la nouvelle couleur.

36
 Chapitre 4: Réalisation

Figure 22: :Page d’accueil en noir

Une fois que vous aurez cliqué sur le bouton, vous accéderez à une interface où vous devrez
compléter un formulaire pour l'authentification.

Figure 23:Page de création de compte

Lorsque je saisis les informations dans le formulaire, un message d'erreur s'affiche. Je suis alors tenue
de suivre les indications fournies, ce qui implique de choisir un mot de passe différent de mon nom
d'utilisateur et comprenant au moins 8 caractères.

37
 Chapitre 4: Réalisation

Figure 24: Page de création de compte avec mot de passe non valide

Je peux également cliquer sur l'icône de l'œil située dans le formulaire du mot de passe pour afficher

son contenu.

Figure 25:Page de création de compte avec offrant la possibilité d'afficher le mot de passe

38
 Chapitre 4: Réalisation

Figure 26:Page utilisateur créée avec succès.

Après avoir cliqué sur le bouton "Register" et réussi à créer le compte, je suis maintenant prête à
effectuer la connexion. Je saisis les informations demandées dans le formulaire, puis je clique sur le
bouton "Login".

Figure 27: Page d’authentification

39
 Chapitre 4: Réalisation

- Sidebar
A travers ce menu, l’utilisateur peut accéder au
Différent service que lui autorise son profil.

Figure 28:Menu de l’application web

40
 Chapitre 4: Réalisation

Figure 29: Interface du tableau de bord

Lorsque je clique sur le logo situé en haut à droite, j'ai la possibilité de voir mon profil et de me
déconnecter.

Figure 30 : Interface du tableau de bord en cliquant sur le logo orange

Figure 31: La continuation de l'interface du tableau de bord

Maintenant, dans la phase de téléchargement des données, je clique sur le bouton "Choisir des fichiers"
dans les formulaires, puis je sélectionne les fichiers à télécharger.

41
 Chapitre 4: Réalisation

Figure 32: Sélection des fichiers pour les données.

Lorsque je clique sur le bouton "Télécharger", je peux maintenant visualiser les graphiques et les
données pour les trois modes de connexion : 3G, 4G et 2G.

Figure 33: Choix des fichiers Excel de données

42
 Chapitre 4: Réalisation

43
 Chapitre 4: Réalisation

44
 Chapitre 4: Réalisation

Figure 34:Interface graphiques

Les graphiques sont accompagnés de plusieurs fonctionnalités, notamment le zoom avant, le zoom
arrière et le téléchargement au format image. Vous pourrez avoir un aperçu de ces fonctionnalités dans
les interfaces à venir.

45
 Chapitre 4: Réalisation

Figure 35: Fonctionnalité de zoom avant pour les graphiques.

Figure 36: Fonctionnalité de zoom arrière pour les graphiques.

46
 Chapitre 4: Réalisation

Figure 37: Option de téléchargement du graphique sous forme d'image.

Maintenant, dans la section "Data", nous avons les tableaux affichant les données importées à partir
d'Excel.

47
 Chapitre 4: Réalisation

48
 Chapitre 4: Réalisation

49
 Chapitre 4: Réalisation

50
 Chapitre 4: Réalisation

51
 Chapitre 4: Réalisation

52
 Chapitre 4: Réalisation

Figure 38:Interface Data

Par la suite, il est possible de télécharger les tableaux de données pour les modes 4G, 3G et 2G au
format Excel.

53
 Chapitre 4: Réalisation

54
 Chapitre 4: Réalisation

Figure 39: Téléchargement des tableaux de données

Prenons l'exemple des données pour la voix 2G. Lorsque je clique sur le bouton de téléchargement et
que le fichier est enregistré sur mon ordinateur, j'ouvre ensuite l'interface Excel pour accéder au
contenu du fichier.

Figure 40:Fichier Excel data 2G

Ensuite, nous accédons au menu "Profil utilisateur" pour effectuer des modifications, y compris la
possibilité de changer le mot de passe si besoin.

55
 Chapitre 4: Réalisation

Figure 41:Interface User Profile

Figure 42:Interface changer mot de passe

56
 Chapitre 4: Réalisation

Figure 43: Interface de réussite du changement de mot de passe.

Par exemple, si j'ai sélectionné un fichier qui n'est pas compatible ou non valide, un
message d'erreur s'affichera en rouge.

Figure 44:Interface fichier 3G non compatible

57
 Chapitre 4: Réalisation

Figure 45:Interface invalid 3G file

Et ainsi, les graphiques pour les modes 4G et 2G fonctionnent correctement, cependant le mode
3G ne s'affiche pas en raison d'un fichier non valide, et le tableau de données pour le mode 3G ne
s'affiche pas non plus en raison du fichier non valide.

Figure 46:Interface graphique avec fichier 3G non valide

Pour résoudre cette situation, vous avez la possibilité de télécharger le modèle (template), d'examiner
son contenu, puis d'essayer de choisir un autre fichier qui soit compatible avec ce modèle.

58
 Chapitre 4: Réalisation

Figure 47:Interface download template

Figure 48 :Interface Template 3G

Si l'on souhaite télécharger les fichiers 3G, 2G et 4G sans avoir encore choisi de fichiers, on
téléchargera le fichier qui était présent dans l'interface précédente sous format Excel, mais pas les
tableaux de données.

59
 Chapitre 4: Réalisation

Figure 49: Interface de téléchargement des fichiers sans avoir choisi les fichiers de données.

Figure 50:Interface fichier Excel 2G sans avoir choisi les fichiers de données.

VI. Cas d’administrateur :

Pour créer un superutilisateur, qui a des privilèges d'administration sur l'interface

d'administration Django, je dois exécuter la commande suivante dans le répertoire de mon
projet Django

60
 Chapitre 4: Réalisation

Figure 51: Interface de la terminal dans PyCharm pour créer un superutilisateur.

Si l'utilisateur est un administrateur, il peut accéder à un formulaire de login différent de celui
utilisé par les autres utilisateurs :

Figure 52:Formulaire de connexion d’un administrateur

L'administrateur peut désormais accéder aux données 4G, 3G et 2G. Il a la possibilité de les modifier
ou de les supprimer selon ses préférences :

Figure 53: Les tables des utilisateurs , des données 4G,3G et 3G

61
 Chapitre 4: Réalisation

Figure 54:Interface Users

Figure 55:Interface ajout networkdatas

62
 Chapitre 4: Réalisation

Figure 56 :Interface de détails et champs associés à l'ajout de données réseau 4G

63
 Chapitre 4: Réalisation

Figure 57:Interface de détails et champs associés à l'ajout de données réseau 2G

Figure 58:Interface de détails et champs associés à l'ajout de données réseau 3G

En cliquant sur les boutons de la barre de navigation, il peut aller à la page d'accueil, changer son mot
de passe où se déconnecter.

VII. Conclusion

La dernière partie de ce projet était dédiée à la navigation dans notre application. Cette
partie constitue le dernier volet de ce rapport ; elle a pour objet de présenter l’environnement logiciel
et matériel de réalisation. Elle a été clôturée par l’exposition des imprimés écrans décrivant quelques
interfaces de notre application.

64
 CHAPITRE 2: SPECIFICATION ET ANALYSE DES BESOINS

Conclusion Générale

En concluant ce stage technique axé sur la réalisation du tableau de bord de suivi des
performances Volte à l'aide des technologies Python, Django et Plotly, force est de constater que
l'objectif initial a été pleinement atteint. L'application développée démontre clairement la capacité de
ces outils à créer des solutions puissantes et conviviales pour la visualisation et l'analyse de données
complexes.

L'utilisation de Django permet de structurer efficacement les projets, d'organiser les données et
de faciliter la gestion de l'interface utilisateur. L'intégration de Plotly a permis de créer des graphiques
interactifs et esthétiques qui fournissent un aperçu des performances Volte. La combinaison de ces
technologies a abouti à un tableau de bord puissant qui permet aux utilisateurs de surveiller et d'évaluer
visuellement les indicateurs clés. Au cours de ce stage, d'importantes compétences techniques ont été
développées, de la manipulation de données en Python à la conception de modèles de bases de données
en passant par la création d'interfaces utilisateur dynamiques. De plus, nous acquérons une
compréhension approfondie du domaine de performance Volte, ce qui nous permet d'adapter les
fonctions de la console aux besoins réels des utilisateurs.

Il est important que ce projet ouvre la voie à des développements futurs passionnants. Des
fonctionnalités telles que l'intégration de données en temps réel, l'optimisation des performances des
applications et la mise à l'échelle des KPI peuvent être prises en compte. De plus, l'expérience acquise
lors de ce stage, que ce soit en ingénierie ou en gestion de projet, sera précieuse pour une carrière
ultérieure. En fin de compte, la réalisation de ce tableau de bord de surveillance des performances
VoLTE démontre la puissance des technologies modernes et évolutives pour transformer les données
brutes en informations exploitables. Ce projet illustre comment Python, Django et Plotly peuvent être
utilisés ensemble pour créer des solutions innovantes qui répondent aux besoins de l'industrie des
télécommunications et au-delà.
 Références webographiques

https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_templates_interior_design&stacked
=h
https://plotly.com/python/
https://www.orange.ma/
https://sparxsystems.com/products/ea/downloads.html
https://datascientest.com/pycharm-tout-savoir
https://sql.sh/sgbd/sqlite

66
 CHAPITRE 2: SPECIFICATION ET ANALYSE DES BESOINS

Annexes

1. Annexe 1 :
 Résultats de requêtes pour les KPIs 4G du tableau de bord Volte

volte_call qci1_setup qci5_setup srvcc_succe audio_downlink call_setup_success_ amelioration

Date _setup_su _success_ra _success_ra volte_call_ ss_rate_l2g _packet_loss_rat audio_uplink_pa volte_handover volte_voice_call_ volte_voice_call_d volte_uplink_traffic volte_uplink_traffic volte_average_ul_v rate_4G_data_NP _percent
ccess_rate te te drop_rate u e cket_loss_rate _success_rate duration uration qi M
2023-07-24 99,258 99,8721 99,8702 0,0475 95,4116 0,1008 0,1057 99,8688 4420,8819 4420,8819 18369,5348 18369,5348 3,4706 99,0606 21,01
2023-07-25 99,2858 99,8766 99,8769 0,0452 95,867 0,0938 0,1029 99,8653 4399,102 4399,102 18371,8737 18371,8737 3,469 99,0715 23,08
2023-07-26 99,2413 99,8551 99,87 0,0431 95,5836 0,0974 0,1095 99,8485 4377,6376 4377,6376 18240,4023 18240,4023 3,4682 99,0366 21,25
2023-07-27 99,2523 99,8727 99,8648 0,0398 95,5613 0,0945 0,1212 99,8529 4085,7987 4085,7987 17183,553 17183,553 3,4732 99,0011 25,15
2023-07-28 99,2472 99,8793 99,8556 0,0505 95,6727 0,1001 0,1101 99,8484 3992,8278 3992,8278 16573,9736 16573,9736 3,4671 98,9925 25,28
2023-07-29 99,2175 99,8866 99,8335 0,0382 95,2547 0,0998 0,1171 99,8735 3420,8554 3420,8554 14182,7811 14182,7811 3,4695 98,9638 24,48
2023-07-30 99,2167 99,8948 99,8349 0,0443 94,8257 0,0958 0,1225 99,8634 2908,2177 2908,2177 12001,2077 12001,2077 3,473 98,9752 23,57
2023-07-31 99,2764 99,9014 99,8607 0,0521 95,5606 0,0974 0,0993 99,8625 4303,4577 4303,4577 17746,6984 17746,6984 3,4733 99,0325 25,21
2023-08-01 99,2767 99,8824 99,8673 0,0425 95,9489 0,0962 0,1061 99,8593 4199,4284 4199,4284 17455,4726 17455,4726 3,4647 99,0468 24,12
2023-08-02 99,2621 99,8803 99,8631 0,0449 95,5351 0,1069 0,1094 99,8163 4196,8648 4196,8648 17384,8479 17384,8479 3,4644 99,039 23,22
2023-08-03 99,2689 99,8949 99,8602 0,0536 95,6418 0,101 0,1084 99,8575 4174,4624 4174,4624 17384,3726 17384,3726 3,4646 99,0194 25,44
2023-08-04 99,2392 99,8768 99,8574 0,0483 95,836 0,0996 0,1157 99,8369 3980,2045 3980,2045 16579,7213 16579,7213 3,4637 99,0186 22,48
2023-08-05 99,2031 99,8761 99,8483 0,0458 95,2269 0,1061 0,1485 99,8213 3354,1863 3354,1863 14048,9694 14048,9694 3,4741 98,9794 21,92
2023-08-06 99,1323 99,8615 99,8196 0,0511 95,0097 0,1158 0,1423 99,7057 2863,0382 2863,0382 12055,3903 12055,3903 3,4803 98,9256 19,24
2023-08-07 99,2147 99,8779 99,8446 0,0503 95,5206 0,1021 0,1152 99,7823 4052,1046 4052,1046 16954,8982 16954,8982 3,464 98,9749 23,39
2023-08-08 99,2307 99,8818 99,8522 0,0471 95,959 0,1023 0,1133 99,847 3929,9288 3929,9288 16474,5503 16474,5503 3,4629 98,9634 25,79
2023-08-09 99,233 99,893 99,8525 0,0455 95,5464 0,1069 0,1154 99,8417 4026,0856 4026,0856 16813,9808 16813,9808 3,4662 98,9667 25,77
2023-08-10 99,2184 99,8813 99,8561 0,0491 95,7373 0,1126 0,1305 99,7543 3957,3252 3957,3252 16579,2846 16579,2846 3,4637 98,9734 23,87
2023-08-11 99,193 99,8732 99,8507 0,0548 95,577 0,1109 0,128 99,7871 3676,2554 3676,2554 15387,7824 15387,7824 3,4612 98,9449 23,51
2023-08-12 99,2035 99,8798 99,8517 0,0612 95,4827 0,1202 0,1292 99,8327 3273,473 3273,473 13703,3236 13703,3236 3,4646 98,9508 24,09
2023-08-13 99,1798 99,887 99,8428 0,0608 95,13 0,118 0,1377 99,7819 2704,1546 2704,1546 11375,2455 11375,2455 3,4727 98,9131 24,54
2023-08-14 99,206 99,8838 99,8526 0,0457 96,0846 0,0995 0,1277 99,8252 3234,1475 3234,1475 13461,5217 13461,5217 3,4748 98,9361 25,37
2023-08-15 99,2516 99,8888 99,8524 0,0487 95,4357 0,1095 0,1187 99,8393 4845,1063 4845,1063 20135,5661 20135,5661 3,4829 99,0133 24,15
2023-08-16 99,249 99,8838 99,8506 0,0473 95,2306 0,0998 0,1176 99,8223 5006,4818 5006,4818 20794,5763 20794,5763 3,4767 99,0131 23,90
2023-08-17 99,2257 99,8808 99,8451 0,044 95,3926 0,1121 0,1164 99,8438 4961,3902 4961,3902 20565,163 20565,163 3,4756 98,9718 24,69
2023-08-18 99,1787 99,8772 99,796 0,0563 95,4452 0,1008 0,1194 99,8072 4617,7945 4617,7945 19163,5412 19163,5412 3,4703 98,9749 19,88
2023-08-19 99,1505 99,8605 99,7989 0,0615 95,233 0,1192 0,1331 99,8539 4041,8418 4041,8418 16798,2006 16798,2006 3,469 98,9602 18,30
2023-08-20 99,1765 99,87 99,8246 0,0531 95,3086 0,1097 0,1336 99,7803 3495,3994 3495,3994 14537,0338 14537,0338 3,4731 98,9743 19,71
2023-08-21 99,211 99,8814 99,8322 0,0584 95,756 0,1081 0,1225 99,834 4052,4992 4052,4992 16797,4355 16797,4355 3,4758 99,009 20,38
2023-08-22 99,2357 99,8791 99,8466 0,0499 95,2166 0,1046 0,1132 99,8371 4810,011 4810,011 19763,5285 19763,5285 3,4733 99,0209 21,94

2. Annexe 2 :
 Résultats de requêtes pour les KPIs 3G du tableau de bord Volte
Date whole_network integrity EVQI_DL_avg EVQI_UL_avg speech_cssr_3g speech_dcr_3g
2023-07-23 Whole Network 99% 3,8154 3,774 99,8161 0,1964
2023-07-24 Whole Network 99% 3,8182 3,7771 99,8339 0,1791
2023-07-25 Whole Network 99% 3,8187 3,7773 99,8664 0,1736
2023-07-26 Whole Network 99% 3,8189 3,7773 99,8435 0,1814
2023-07-27 Whole Network 99% 3,8182 3,777 99,8536 0,1815
2023-07-28 Whole Network 99% 3,8171 3,7758 99,8448 0,181
2023-07-29 Whole Network 99% 3,8156 3,7741 99,7877 0,1836
2023-07-30 Whole Network 99% 3,8145 3,7734 99,8177 0,198
2023-07-31 Whole Network 99% 3,8172 3,777 99,8549 0,1795
2023-08-01 Whole Network 99% 3,8174 3,7758 99,8537 0,1756
2023-08-02 Whole Network 99% 3,817 3,7753 99,8358 0,2029
2023-08-03 Whole Network 99% 3,8163 3,7749 99,8508 0,1828
2023-08-04 Whole Network 99% 3,8163 3,7736 99,8256 0,1857
2023-08-05 Whole Network 99% 3,8139 3,7708 99,7379 0,1924
2023-08-06 Whole Network 99% 3,8125 3,77 99,658 0,2266
2023-08-07 Whole Network 99% 3,8166 3,7747 99,7933 0,1873
2023-08-08 Whole Network 99% 3,8163 3,7744 99,7869 0,2005
2023-08-09 Whole Network 99% 3,8164 3,7738 99,7769 0,1872
2023-08-10 Whole Network 99% 3,816 3,7729 99,7811 0,1935
2023-08-11 Whole Network 99% 3,8148 3,7712 99,8147 0,2034
2023-08-12 Whole Network 99% 3,8132 3,7701 99,8148 0,2043
2023-08-13 Whole Network 99% 3,8125 3,7701 99,7809 0,2108
2023-08-14 Whole Network 99% 3,8146 3,7733 99,8347 0,1995
2023-08-15 Whole Network 99% 3,8169 3,7761 99,8551 0,1832
2023-08-16 Whole Network 99% 3,8172 3,7767 99,8498 0,1795
2023-08-17 Whole Network 99% 3,8177 3,7773 99,8558 0,1776
2023-08-18 Whole Network 99% 3,8156 3,7738 99,8446 0,1883
2023-08-19 Whole Network 99% 3,8139 3,7716 99,8237 0,1912
2023-08-20 Whole Network 99% 3,8126 3,7708 99,8073 0,206
2023-08-21 Whole Network 99% 3,8147 3,7735 99,7886 0,2012

3. Annexe 3 :
 Résultats de requêtes pour les KPIs 2G du tableau de bord Volte

Date whole_network integrity ft_CSSR_voice ft_DCR_voice

2023-07-23 Whole Network 100% 99,3896 0,7752
2023-07-24 Whole Network 99% 99,3876 0,7673
2023-07-25 Whole Network 99% 99,4442 0,7465
2023-07-26 Whole Network 99% 99,3431 0,7938
2023-07-27 Whole Network 99% 99,4381 0,7343
2023-07-28 Whole Network 99% 99,2706 0,8367
2023-07-29 Whole Network 100% 99,3409 0,7419
2023-07-30 Whole Network 100% 99,3437 0,7933
2023-07-31 Whole Network 99% 99,3313 0,7774
2023-08-01 Whole Network 99% 99,3528 0,7604
2023-08-02 Whole Network 99% 99,2239 0,7934
2023-08-03 Whole Network 99% 99,3554 0,7518
2023-08-04 Whole Network 99% 99,1762 0,7931
2023-08-05 Whole Network 100% 99,2746 0,7859
2023-08-06 Whole Network 99% 99,1433 0,8664
2023-08-07 Whole Network 99% 99,2371 0,7825
2023-08-08 Whole Network 99% 99,1887 0,759
2023-08-09 Whole Network 99% 99,1546 0,7807
2023-08-10 Whole Network 100% 99,1608 0,8075
2023-08-11 Whole Network 99% 99,075 0,8819
2023-08-12 Whole Network 100% 99,2612 0,8475
2023-08-13 Whole Network 100% 99,2553 0,8408
2023-08-14 Whole Network 99% 99,2928 0,8424
2023-08-15 Whole Network 99% 99,3428 0,8096
2023-08-16 Whole Network 99% 99,1939 0,7759
68
2023-08-17 Whole Network 99% 99,357 0,7962
2023-08-18 Whole Network 99% 99,3405 0,8227
2023-08-19 Whole Network 100% 99,2345 0,7967
2023-08-20 Whole Network 100% 99,2836 0,8366
2023-08-21 Whole Network 100% 99,2371 0,8106

69