Académique Documents
Professionnel Documents
Culture Documents
Référence :
Ghofrane SAADALLY
À nos amis et collègues qui n'ont épargné le moindre effort pour nous soutenir tout au long
de notre cursus d'études.
À tous ceux qui nous ont soutenus et étaient présents pour nous. À tous ceux qui veulent
partager notre joie.
À nos familles, nous vous remercions d’avoir embellir notre vie. Nous vous dédions ce
travail, le fruit de nos efforts et le résultat de longues années d'études, que vous y trouvez le
couronnement de votre assistance et l'expression profonde de notre gratitude.
i
Remerciements
Au terme de ce travail, nous voudrons offrir nos remerciements spéciaux à diverses personnes pour
leurs contributions à ce projet, leurs conseils techniques et leurs soutiens morales.
Nous tenons à remercier dans un premier temps toute l’équipe pédagogique de l’Institut Supérieur
des Études Technologiques en Communications pour la formation qu’ils nous ont procurée durant notre
parcours académique.
Ainsi, nous tenons exprimer notre profonde gratitude, notre reconnaissance, notre respect et nos
remerciements les plus sincères à notre chère professeure Mme. Jamila BEN SLIMANE Nous la
remercions pour ses encouragements continus, ses précieuses directives et sa disponibilité tout au long
du projet.
Notre gratitude à Mme. Ines HAMDA notre encadrante dans l’Intercom Technologies qui nous a
aimablement encadré et agréablement guidé. Nous la remercions pour son aide, son soutien moral et
pour le temps qu’elle nous a octroyée malgré ses occupations.
Ce travail sera examiné et évalué par un groupe des professeurs, qu’ils soient vivement remerciés
pour avoir accepté de faire partie du Jury.
Enfin, nous remercions tous ceux et toutes celles qui ont bien voulu nous aider à accomplir ce travail
dans des conditions favorables.
ii
Table des matières
Introduction générale.................................................................................................................. 1
Chapitre 1 : Cadre général du projet .......................................................................................... 2
Introduction ............................................................................................................................ 2
1. Présentation de l’entreprise d’accueil .......................................................................... 2
1.1 Organigramme d’INTERCOM ............................................................................ 3
1.2 Secteur d’activités ................................................................................................ 3
2. Etude de l’existant ....................................................................................................... 4
2.1 Les applications de gestion de projets et de relevés sur terrain ........................... 4
2.2 Les applications de géolocalisations utiles pour l’archéologie ............................ 5
3. Contexte du projet ....................................................................................................... 7
3.1 Problématique....................................................................................................... 7
3.2 Solution proposée ................................................................................................. 8
4. Gestion et suivi du projet ............................................................................................. 9
4.1 Méthodologie de travail ....................................................................................... 9
4.1.1 Modèle en cascade .......................................................................................... 10
4.1.2 Modèle en V ................................................................................................... 10
4.1.3 Modèle par incrément ..................................................................................... 11
4.2 Les étapes du cycle en V .................................................................................... 12
4.2.1 La phase de conception................................................................................... 12
4.2.2 La phase de réalisation ................................................................................... 13
4.2.3 La phase de validation .................................................................................... 13
4.3 Planning prévisionnel ......................................................................................... 13
Conclusion ............................................................................................................................ 14
Chapitre 2 : Etat de l’art ........................................................................................................... 15
Introduction .......................................................................................................................... 15
1. Etude générale sur la fibre optique ............................................................................ 15
1.1 Composition de la fibre optique ......................................................................... 15
1.2 Les types de fibre ............................................................................................... 16
1.2.1 Fibre monomode ......................................................................................... 16
1.2.2 Fibre multi-mode ........................................................................................ 16
1.3 Les avantages et les inconvénients de la fibre optique....................................... 16
1.3.1 Les principaux avantages ............................................................................ 16
1.3.2 Les inconvénients........................................................................................ 17
2. Présentation d’architecture de la fibre optique .......................................................... 17
2.1.1 Architecture générale de réseaux FTTx ...................................................... 17
2.1.2 L’importance du réseau FTTH.................................................................... 18
3. Infrastructure du réseau FTTH .................................................................................. 20
3.1 Les éléments du réseau FTTH ............................................................................ 20
3.2 Le déploiement de la fibre optique ..................................................................... 21
3.3 Infrastructure du réseau fibre ............................................................................. 21
3.3.1 Couche infrastructure ..................................................................................... 23
iii
Conclusion ................................................................................................................................ 31
Chapitre 3 : Conception et spécification des besoins ............................................................... 32
Introduction .......................................................................................................................... 32
1. Spécification des besoins ........................................................................................... 32
1.1 Identification des acteurs .................................................................................... 32
1.2 Besoins fonctionnels .......................................................................................... 33
1.3 Besoins non fonctionnels ................................................................................... 34
2. Digramme de cas d’utilisation global ........................................................................ 35
3. Analyses détaillées des diagrammes de cas d’utilisation .......................................... 35
3.1 Cas d’utilisation « S’authentifier »..................................................................... 36
3.2 Cas d’utilisation « Gérer les comptes utilisateurs » ........................................... 37
3.2.1 Cas d’utilisation « Ajouter un compte » ......................................................... 37
3.2.2 Cas d’utilisation « Modifier un compte » ....................................................... 38
3.2.3 Cas d’utilisation « Supprimer un compte » .................................................... 39
3.3 Cas d’utilisation « Gérer les projets » ................................................................ 39
3.3.1 Cas d’utilisation « Créer un projet » ............................................................... 40
3.3.2 Cas d’utilisation « Modifier un projet » ......................................................... 41
3.3.3 Cas d’utilisation « Supprimer un projet » ....................................................... 41
3.3.4 Cas d’utilisation « Consulter la liste des Projets » ......................................... 42
3.3.5 Cas d’utilisation « Modifier les relevées terrains » ........................................ 43
3.3.6 Cas d’utilisation « Modifier la réservation des alvéoles ».............................. 44
3.4 Cas d’utilisation « Rechercher les projets » ....................................................... 45
3.4.1 Cas d’utilisation « Ajouter un support » ......................................................... 46
3.4.2 Cas d’utilisation « Modifier un support » ....................................................... 47
3.4.3 Cas d’utilisation « Remplir des informations » .............................................. 47
3.5 Cas d’utilisation « Consulter l’avancement du projet » ..................................... 48
4. Diagramme de séquences .......................................................................................... 49
4.1 Diagramme de séquences objets « S’authentifier » ........................................... 49
4.2 Diagramme de séquences objets « Ajouter un compte » ................................... 50
4.3 Diagramme de séquences objets « Supprimer un compte » ............................... 50
4.4 Diagramme de séquences objets « Gérer les projets » ....................................... 50
4.5 Diagramme de séquences objets « Relevé de chambre » ................................... 52
5. Diagramme de classes global .................................................................................... 53
Conclusion ................................................................................................................................ 53
Chapitre 4 : Réalisation ............................................................................................................ 54
Introduction .......................................................................................................................... 54
1. Environnement de développement ............................................................................ 54
1.1 Environnement matériel ..................................................................................... 54
1.2 Enivrement logiciel ............................................................................................ 55
1.2.1 Ionic ............................................................................................................ 55
1.2.2 Node.js ........................................................................................................ 55
1.2.3 Angular ....................................................................................................... 55
1.2.4 Visual Studio Code ..................................................................................... 55
iv
1.2.5 Apache Cordova.......................................................................................... 56
1.2.6 Visual Paradigm Online .............................................................................. 56
1.2.7 ApowerMirror ............................................................................................. 56
1.2.8 Postman ....................................................................................................... 56
1.3 Language de programmation .............................................................................. 56
1.3.1 HTML ......................................................................................................... 56
1.3.2 CSS ............................................................................................................. 57
1.3.3 JavaScript .................................................................................................... 57
2. Réalisation ................................................................................................................. 57
2.1 Interfaces graphiques.......................................................................................... 57
2.1.1 Espace administrateur ................................................................................. 57
2.1.2 Espace utilisateurs ....................................................................................... 60
Conclusion ................................................................................................................................ 69
Conclusion générale ................................................................................................................. 70
Webographie ............................................................................................................................ 71
Annexes .................................................................................................................................... 73
v
Liste des figures
vi
Figure 3.10: Diagramme détaillé du cas d’utilisation « Relevé de chambre » ......................... 52
Figure 3.11: Schéma du diagramme de classes global ............................................................. 53
Figure 4.1: Interface d’authentification web ............................................................................ 58
Figure 4.2: Interface d’ajout d’un utilisateur ........................................................................... 58
Figure 4.3: Interface de gestion de la liste des utilisateurs....................................................... 59
Figure 4.4: Interface de suppression d’un utilisateur ............................................................... 59
Figure 4.5: Interface d’authentification mobile........................................................................ 60
Figure 4.6: Interface de gestion de projet « Application web » ............................................... 61
Figure 4.7: Interface de modification et suppression un projet « Application web » .............. 61
Figure 4.8: Interface de gestion de projet « Application mobile » ........................................... 62
Figure 4.9: Interface d’ajout d’un support « Application web » .............................................. 63
Figure 4.10: Interface d’affichage de la position de chambre en mode « Plan » ..................... 63
Figure 4.11: Interface d’affichage de la position de chambre en mode « Satellite » ............... 64
Figure 4.12: Interface liste des supports en mode d’affichage « Satellite » ............................. 64
Figure 4.13: Interface liste des projets en mode d’affichage « Plan » ..................................... 65
Figure 4.14: Interface Chambre « Application mobile » ......................................................... 65
Figure 4.15: Interface Chambre « Application web » .............................................................. 66
Figure 4.16: Interface masque « Application mobile » ............................................................ 66
Figure 4.17: Interface masque « Application mobile » ............................................................ 67
Figure 4.18: Interface masque « Application web » ................................................................ 67
Figure 4.19: Interface réservation « Application web » ........................................................... 68
Figure 4.20: Interface consulter l’avancement du projet « Application web » ........................ 69
vii
Liste des tableaux
viii
Liste des acronyms
A
ArcGIS : Geographic Information System
C
CCF : Câblage Client Final
E
Esri : Environmental Systems Research Institute
F
FOA : Fiche d'Occupation d'Alvéole classique
G
GPS : Global Positioning System,
H
HTML: HyperText Markup Language
I
IOS : Internetwork Operating System
M
MMF : Multi-Mode Fiber
N
NRO : Nœud de Raccordement Optique
ix
O
OLT : Optical Line Terminal
P
PB : Point de Branchement
PM : Point de Mutualisation
PTM : point-multipoint
R
RCA : Raccordement de Clients d’Affaires
S
SMF: Single-Mode Fiber
U
UML: Unified Modeling Language.
x
Introduction générale
Les technologies de l'information et de la communication ont été la révolution la plus importante et
innovante qui a marqué ces dernières décennies. En effet, loin d'être un phénomène éphémère ces
technologies nous ont apporté du confort dans notre vie quotidienne par leurs capacités à traiter
l’information dans des délais raisonnables.
Cependant, l’informatisation présente quelques limites. Étant donné que certains outils et
applications développés ne répondent plus aux besoins des entreprises en termes de gaspillage de temps
et de ressources, les administrateurs se trouvent dans l’obligation d’effectuer certaines de leurs tâches
manuellement puisque les équipes terrain n’ont pas toujours les bons documents pour aller faire le
piquetage. D’autre part les équipes en bureau d’étude se battent pour relire les relevés papier et pour les
interpréter.
Pour remédier à ce déficit et aux contraintes de la concurrence accrue sur le marché, les entreprises
sont tenues d’améliorer constamment la qualité de leurs produits en adoptant de nouvelles technologies
et méthodes de travail.
En effet, la bonne gestion des informations mène les entreprises à mettre en œuvre des techniques
permettant de diminuer l’effort physique humain et de rendre le travail plus performant et plus efficace.
C’est dans ce cadre que, s’intègre notre Projet de Fin d’Études effectué au sein de l’Intercom
Consulting, sous forme d’un stage entreprise qui a pour objectif de concevoir et implémenter une
application cartographique de gestion de projet dans le domaine de la fibre optique.
Notre rapport se subdivise en quatre principaux chapitres : Le premier chapitre, intitulé « Cadre
général du projet », se focalise sur la présentation de l’organisme d’accueil ainsi qu’à la mise en contexte
du projet. Le deuxième chapitre, dédié à l’explication des notions de base de la fibre optique et
l’architecture du réseau pour bien comprendre le processus de travail avant l’intervention de notre
application. Le troisième chapitre, s’articule autour de la phase de conception, en se basant sur
l’approche de modélisation orienté-objet UML suite à l’analyse des besoins fonctionnels et non
fonctionnels. Le quatrième chapitre portera sur la réalisation de l’application proposée, il comportera
l’environnement de développement et ainsi que la réalisation des interfaces. Enfin, nous clôturons par
une conclusion générale et quelques perspectives intéressantes concernant ce travail.
1
Chapitre 1 Cadre général du projet
Introduction
Ce chapitre a pour objectif de situer le projet dans son contexte général, à savoir la
problématique qui a inspiré la mise en place de la solution à adopter, la description du projet et
les objectifs à atteindre.
2
Chapitre 1 Cadre général du projet
3
Chapitre 1 Cadre général du projet
2. Etude de l’existant
Au niveau de cette section, nous présentons les solutions de gestion de projets qui existent
sur le marché.
Parmi les solutions les plus populaires de gestion de projets et de relevés sur terrain nous
trouvons : sépale, BulldozAIR…
- Sépale : est un outil développé par Circet afin d’optimiser et fiabiliser les relevés
effectués sur le terrain, éviter les erreurs de saisie, aider le technicien à vérifier que son
relevé est exhaustif et que les photos requises sont effectuées [2].
La figure 1.2 représente l’interface de l’application sépale de gestion de projets et de relevés
sur terrain [2].
- BulldozAIR : permet aux entreprises de toutes tailles de mieux gérer leurs projets de
construction et gérer les équipes techniques sur le terrain dans la construction, le
transport, l’énergie ou la distribution à la fois complexe et chronophage [3].
4
Chapitre 1 Cadre général du projet
5
Chapitre 1 Cadre général du projet
- Collector for ArcGIS : tout d’abord, ArcGIS est une suite de logiciels
d’informations géographique développés par la société américaine Esri.
Ainsi, collector for ArcGIS est une application mobile de collecte sur terrain, qui facilite
la capture de données précises et leur transfert vers la base de données partagée.
Les équipes sur terrain utilisent des fonds de cartes web sur des appareils mobiles pour
capturer et éditer des données. Le collector for ArcGIS fonctionne même lorsqu'il est
en mode déconnecté et s'intègre de manière transparente à ArcGIS.
Parmi ces fonctionnalités, nous citons :
• Collecter et mettre à jour les informations sur terrain.
• Utiliser les cartes et les données hors connexion et synchroniser les
modifications sur réseau.
• Améliorer la qualité de ses données avec des formulaires faciles à utiliser.
• Suivre le travail et signaler les activités.
• Capturer et partager des photos et des vidéos.
• Fonctionne sur iOS, Android et Windows 10 [6].
6
Chapitre 1 Cadre général du projet
3. Contexte du projet
3.1 Problématique
Le souci principal d’une grande entreprise se réduit essentiellement au temps perdu dans la
coordination entre les équipes terrain et les bureaux d’études. Ce temps perdu est expliqué par
le fait que les équipes terrain n’ont pas toujours les bons documents pour aller faire le piquetage.
Elles ont des problèmes principalement au niveau des feuilles qui s’envolent ainsi elles peuvent
être obligées de retourner sur terrain plusieurs fois pour prendre des photos ou des relevés
oubliés et sans oublier que les équipes de bureau d’études se battent pour relire les relevés sur
papiers et pour les interpréter. Aussi, s’ajoutent les risques d’erreurs qui peuvent être présentes.
Les problèmes mentionnés précédemment peuvent être résolus par un moyen qui garantit :
- L’amélioration du temps de saisie sur le terrain puis de ressaisie en bureau d’études.
- L’amélioration de la qualité et de la complétude de relevés terrain via une interface
réalisée avec un ergonome (contribue à l’amélioration des situations de travail, les outils
et des produits afin d’en faciliter l’usage, optimiser la qualité, etc…).
7
Chapitre 1 Cadre général du projet
Afin de faciliter les tâches des techniciens de terrain et d’éviter les problèmes cités
précédemment, nous proposons de mettre en place une application web et mobile permettant la
gestion des projets dans le domaine de la fibre optique. L’application web vise essentiellement
à la gestion des projets FTTH en bureau d’études liée à une autre application mobile pour les
relevés des supports et des travaux d’installation du réseau sur terrain.
En fait, l’application mobile permet d’une part au technicien terrain de vérifier que les
photos requises sont effectuées. C’est une application pratique qui sera disponible dans l’App
Store et le Google Play Store. Elle guide le technicien tout au long de sa mission et lui permet
de contrôler la cohérence de son relevé.
Notre application permet de fournir une progression robuste et continue dans le domaine
de la fibre optique afin d’assurer principalement plusieurs fonctionnements :
- Préparation des projets de relevés se fait en bureau d’études qui permet d’envoyer au
piqueteur un projet de relevé contenant les informations à relever, préremplies lorsque
les données sont disponibles.
- Réalisation de la liste des relevés par le piqueteur sur sa tablette. En fait lorsqu’il ouvre
un relevé la présentation cartographique lui permet directement de s’orienter par rapport
aux éléments du réseau grâce au GPS.
- Le retour en bureau d’études.
8
Chapitre 1 Cadre général du projet
Pour bien comprendre notre idée, nous présentons un schéma descriptif de la solution à
proposer donnée par la figure 1.6.
La gestion de projet est l’ensemble des activités visant à organiser le bon déroulement d‘un
projet et à en atteindre les objectifs. Elle consiste à appliquer les méthodes, techniques et outils
de gestion spécifiques aux différentes étapes du projet, de l’évaluation de l’opportunité jusqu’à
l’achèvement du projet [7].
9
Chapitre 1 Cadre général du projet
Le modèle en cascade est un modèle de gestion linéaire qui divise les processus de
développement en phases de projet successives. Le modèle en cascade est principalement utilisé
dans le développement de logiciels [8].
Il recommandait un modèle en sept phases qui se déroulaient en plusieurs étapes comme
le montre la figure 1.7 [8].
4.1.2 Modèle en V
Le cycle en V est une méthode traditionnelle de gestion de projet conçue tout d’abord
pour l’industrie puis adaptée à l’informatique. Il est une évolution du cycle en cascade qui
manquait de réactivité. Il évite les retours en cas d’anomalie rencontrées et aussi il est
composé d’une phase descendante puis montante, la phase montante envoie des
informations vis-à-vis de la phase descendante [9].
10
Chapitre 1 Cadre général du projet
Dans notre projet, nous adaptons le modèle en V car c’est un modèle qui permet d’anticiper
très tôt les évolutions des besoins ainsi il est adopté aux projets de complexité moyenne étant
donné que les exigences et les demandes du client sont fixées clairement dès le départ.
La méthode de cycle en V possède de nombreux avantages et quelques inconvénients dans
le développement d’une application donnée par le tableau 1.1 [11].
11
Chapitre 1 Cadre général du projet
Avantages Inconvénients
Le cycle en V est un cycle composé de trois grandes phases contenant huit étapes de
conception d’un produit :
Le client recherche un produit et exprime ses besoins à travers ce produit. En effet, il définit
un délai final de livraison. Le prestataire effectue une étude de faisabilité afin de savoir si la
solution peut être conçue et rentable.
Le client et le prestataire définissent un cahier des charges détaillant toutes les
fonctionnalités recherchées dans le produit final avant la conception du produit final. Le cahier
des charges est un document indispensable dans un projet car il lie le client et le prestataire sous
un contrat. Le prestataire détermine les spécifications techniques de la solution dans la
technologie choisie et il effectue une estimation de délai pour chaque fonctionnalité à
développer. Cette phase assure principalement :
- L’analyse des besoins et faisabilité
- Les spécifications
- La conception détaillée
12
Chapitre 1 Cadre général du projet
L’équipe du projet se lance dans le développement du produit sur la base des spécifications
techniques. Cette phase du projet consiste à concevoir les différentes fonctionnalités du produit
final dans les délais attendus. Chaque fois qu’un composant logiciel est développé, il est testé
afin de déterminer s’il fonctionne correctement.
Cette phase est assurée par deux étapes :
- Codage
- Tests unitaires
Les composants logiciels sont intégrés dans la solution finale pour vérifier que l’intégration
ne provoque pas d’anomalies. Le produit est ensuite testé au regard des spécifications
fonctionnelles. Une dernière validation du produit est effectuée avant la mise en production.
Suite à la mise en production, le client vérifie, dans le cadre de la recette, que le produit
correspond bien à ses attentes.
Cette phase possède trois étapes, citons :
- Tests d’intégration
- Test de validation
- Recette
Le planning prévisionnel des tâches est nécessaire lors de la réalisation d’un projet. La
figure 1.10 illustre la planification prévisionnelle des différentes phases du projet.
13
Chapitre 1 Cadre général du projet
Conclusion
Dans ce premier chapitre, nous avons défini le champ de notre étude suivi d’une étude de
l’existant afin de préciser les objectifs à atteindre.
En effet, l’étude de l’existant nous a permis de fixer les différents besoins à prendre en
considération lors de la phase de conception afin de réaliser une solution qui répondra
fidèlement aux exigences spécifiées par le cahier de charges.
Dans le deuxième chapitre, nous présentons un état de l’art des connaissances dans le
domaine de la fibre optique.
14
Chapitre 2 Etat de l’art
Introduction
Dans ce chapitre, nous avons présenté une étude générale de la fibre optique ainsi que leur
composition par la suite ses avantages et ses inconvénients. Nous parlons ensuite de la
technologie FTTH (Fiber To The Home) afin de bien comprendre l’architecture et les éléments
nécessaires pour bien définir l’infrastructure de cette technologie.
La fibre optique est un câble permettant de propager des ondes lumineuses entre deux lieux.
La lumière est conduite sans perte au cœur du câble, et elle suit les éventuelles courbures de
son support. Elle est généralement utilisée en informatique, pour la transmission de données à
très haut débit et sur de grandes distances. Toutefois, elle possède
d'autres applications répandues comme en médecine, en automatisation, ou en éclairage
décoratif [12].
La fibre optique est un fil de verre entouré d'une gaine réfléchissante. Sa propriété
principale est de servir de « tuyau » dans lequel on peut faire circuler de la lumière. Elle sert à
transporter de l’information numérique. Elle est composée des trois éléments clés suivants :
15
Chapitre 2 Etat de l’art
Nous présentons à travers ce paragraphe les différents types de la fibre telle que la fibre
monomode et multi-mode [14].
La fibre optique monomode ou SMF (Single-Mode Fiber) est une fibre optique conçue pour
directement porter la lumière uniquement dans la fibre - le mode transversal. Pour la fibre
optique monomode, peu importe qu'elle fonctionne au taux de 100 Mbit/s ou 1 Gbit/s, la
distance de transmission peut atteindre au moins 5 km. Généralement, elle est utilisée pour la
transmission des signaux à longue distance.
La fibre optique multi-mode ou MMF (Multi-Mode Fiber) est un type de fibre optique
principalement utilisée pour la communication à courte distance, telles que dans un bâtiment
ou un campus. La vitesse typique et les limites de distance sont de 100 Mbit/s pour la distance
plus de 2 km (100BASE-FX), 1 Gbit/s pour la distance plus de 1000m, et 10 Gbit/s pour la
distance plus de 550 m. Il existe deux types d'index multi-mode : indice d'étape et indice gradué.
- La fibre optique offre des débits 100 fois plus élevés que le réseau actuel en cuivre.
- Elle permet de transporter une grande quantité de données sur très longues distances, sans
atténuation significative du signal.
- Elle possède aussi l’avantage d’être naturellement insensible à des perturbations électriques
extérieures, ce qui garantit une meilleure qualité de service internet.
- Grâce à sa fiabilité, les familles peuvent profiter simultanément de tous les usages
multimédias (internet, Smartphone, TV HD, etc.).
16
Chapitre 2 Etat de l’art
- En ce qui concerne les entreprises, la technologie est utile pour leurs réseaux à longue ou
moyenne distance.
Le réseau d’accès optique est souvent constitué par une partie en fibre optique suivie d’une
partie en conducteur métallique qui va jusqu’au terminal de l’abonné. Ce réseau assure l’accès
au réseau téléphonique public pour les applications vocales comme il permet l’accès aux
applications de transfert de données grâce à l’emploi des techniques numériques.
Nous distinguons les techniques FTTx (Fiber To The x) qui consistent à amener la fibre
optique au plus près de l’utilisateur afin d’augmenter la qualité de service en particulier le débit.
Nous citons ici les configurations les plus répondues, selon la localisation de la terminaison de
réseau optique [16] :
La terminaison du réseau optique, propre à un abonné est implantée dans ces locaux. La
fibre optique va donc jusqu’au domicile ou au bureau (débit jusqu’à 1 Gbits/s).
La terminaison optique est localisée soit au pied de l’immeuble, soit dans un local
technique, soit dans une armoire ou un conduit sur le palier. Elle est généralement partagée
entre plusieurs abonnés qui lui sont raccordés par des liaisons en fil de cuivre.
17
Chapitre 2 Etat de l’art
La terminaison du réseau optique est localisée soit dans une chambre souterraine, soit dans
une armoire sur la voie publique (sous répartiteur), soit dans un centre de télécommunication,
soit sur un poteau. Dans le cas où la fibre arrive jusqu’au trottoir, on appelle cette configuration
Fiber To The Curb (FTTC). D’autre part, si elle arrive jusqu’au sous répartiteur, on appelle
cette configuration Fiber To The Cabinet (FTTCab). Selon le cas, il est envisagé de réutiliser le
réseau terminal en cuivre existant ou de mettre en œuvre une distribution terminale par voie
radio électrique. La figure 2.2 représente l’architecture générale du réseau FTTx [17].
Pour différentes raisons, le client de la société intercom qui est l’opérateur Orange a choisi
le FTTH comme méthode de déploiement de la fibre optique.
Les réseaux optiques ont connu un développement rapide ces dernières années. La demande
d’une bande passante plus élevée a provoqué la mise en place des réseaux d’accès de type FTTH
à base large bande.
Parmi la différente implémentation FTTH, nous trouvons le réseau optique passif PON
(Passive Optical Network), qui peut fournir des débits très élevés aux clients, une grande zone
de couverture et un coût réduit de d’entretien grâce à l’utilisation de composants passifs dans
le réseau.
18
Chapitre 2 Etat de l’art
Le réseau FTTH est structuré en plaques organisées autour d’un NRO (Nœud de
Raccordement Optique), interface entre le réseau de collecte et la boucle locale FTTH. Il s’agit
d’un local technique abritant les équipements actifs OLT (Optical Line Terminal) du réseau
FTTH de l’opérateur et concentrant les parties de fibres optiques desservant les clients finaux.
Nous distinguons deux principaux types d’architecture FTTH :
- L’architecture Ethernet point à point (P2P), pour laquelle une fibre optique par abonné
est déployée, du NRO jusqu’au foyer de l’usager.
- L’architecture point-multipoint (P2M) (Passive Optical Network), basée sur différents
standards, (GPON, EPON) et pour laquelle une fibre optique issue du NRO peut
desservir plusieurs abonnés.
Nous expliquons par la suite les différentes architectures du réseau FTTH [18] :
Le réseau point à point comprend au moins une fibre continue et non partagée entre le NRO
et l’utilisateur. Cette architecture est utilisée uniquement dans les ZTD (Zone Très Dense). Elle
demande un investissement plus important puisqu’une fibre doit être tirée du NRO jusqu’au
domicile du client mais elle permet une bande passante maximale avec débit garanti. La figure
2.3 présente l’architecture point à point.
Une architecture P2M ou PON est un réseau qui utilise un système de couplage passif
(coupleur optique, splitter) grâce auquel une seule fibre partant du NRO peut relier jusqu’à 128
utilisateurs. Le trafic de chaque abonné est isolé via du multiplexage et permet des économies
dans le déploiement.
19
Chapitre 2 Etat de l’art
L’illustration donnée par la figure 2.5 résume l’organisation d’un réseau FTTH. Il existe
principalement 4 éléments principaux d’un réseau à savoir :
20
Chapitre 2 Etat de l’art
La fibre optique permet d’apporter le très haut débit à travers le territoire. Nous expliquons
les différentes étapes du déploiement de la fibre optique :
- Le NRO : La première étape du déploiement de la fibre optique passe par la création
d’un NRO (Nœud de Raccordement Optique). Pour savoir le mettre en service, il doit
préalablement être relié au réseau de collecte de l’opérateur par un lien optique. Le
NRO comprend l’OLT, une baie optique où convergent toutes les fibres d’une même
zone d’habitation.
- Du NRO au point de mutualissation : La fibre est déployée dans la rue vers les
habitations en utilisant les équipements existants aérien ou souterrain, jusqu’au PM
une armoire dans l’espace public ou à l’intérieur des immeubles, nous appelons cette
étape le déploiement horizontal de la fibre optique.
- Du PM au logement : Enfin, un opérateur d’immeuble doit être désigné
(généralement, celui qui a réalisé le fibrage horizontal en premier) par le propriétaire
ou copropriétaires, du PM à l’intérieur des logements.
La figure 2.5 présente les principaux éléments pour le déploiement du réseau FTTH.
21
Chapitre 2 Etat de l’art
22
Chapitre 2 Etat de l’art
La couche infrastructure est composée notamment des fourreaux, les gaines techniques, des
chambres, des armoires de rues et des locaux techniques, nous présentons par la suite les
différents composants de la couche infrastructure :
- Les fourreaux
Ainsi, nous présentons les figures des fourreaux PEHD (Voir Annexe A).
- Le sous-tubage est un conduit rigide, plus ou moins flexible et résistant, utilisé pour la
pose de câbles de fibres optiques à l’intérieur des fourreaux. Il est utilisé dans le cas
d'un réseau câblé en cuivre déjà existant dont le but est d'optimiser le génie civil.
Le choix de sous tubage de PEHD ou de PVC dépend du diamètre extérieur du câble
mais généralement, le sous tubage utilisé est le PEHD.
23
Chapitre 2 Etat de l’art
- Les conduites en PVC peuvent être sous tubées, c'est-à-dire réunies sous une enveloppe
de forme cylindrique, par des fourreaux PEHD pour le déploiement des câbles en fibre
optique, et chaque tube possède une capacité précise en alvéole PVC.
L’opérateur choisit parmi les configurations données par le tableau 2.1 en priorisant
celles comportant le plus petit nombre de Tubes. Pour le cas spécifique de pose de câble
optique pour le Raccordement de Clients d’Affaires (RCA), l’opérateur doit choisir le
type de tube dimensionné au juste besoin pour la pose de son ou ses câbles. Le diamètre
de ce tube sera toujours inférieur ou égal au diamètre mentionné dans les configurations
ci-dessus en précisant que pour les alvéoles de 60 et 80, les tubes autorisés doivent avoir
un diamètre minimum de 11/14.
Le tubage souple est toujours privilégié en alvéole de 45. La structure de tubage est
alors choisie pour satisfaire exclusivement les besoins propres de l’opérateur. Le tubage
d’un alvéole de 45 par 3 x 15/18 nécessite un calibrage préalable à 40. Celui d’un 60
par 3x21/25 nécessite un calibrage préalable à 52 [24]. Le tableau 2.1 liste les différentes
configurations possibles d’un alvéole libre.
8/11
16/20
21/25
11/14
24
Chapitre 2 Etat de l’art
13/16
21/25
27/32
15/18
25
Chapitre 2 Etat de l’art
La structure de tubage est alors choisie pour satisfaire exclusivement les besoins
propres de l’opérateur. En cas d’impossibilité de procéder à un tubage rigide, il pourra
être proposé un tubage souple [24]. Le tableau 2.2 liste les différentes configurations
possibles d’un alvéole occupée.
Tubage avec 2 x 11/14 ou 4 Tubage avec 2 x 15/18 ou 3 Tubage avec 2 x 21/25 ou 4 x 16/20
x 8/10 ou bien 2 x 15/18 si le x 13/16 ou 4 x 11/14
taux d’occupation est ≤ à
15%
26
Chapitre 2 Etat de l’art
- Les chambres
Les chambres recevant les PEC seront par défaut de type KxC (chaussée) et LxT
(trottoir). La taille des chambres est déterminée suivant le nombre de câbles et fourreaux
à déployer, les longueurs des câbles, la taille des coffrets et leur volume.
Ce dimensionnement prend en considération la règle de partage de 33% du volume total,
en prévoyant un déploiement pour au plus trois opérateurs.
Voici quelques images qui sont relevées sur le terrain à travers les équipes terrains afin
de trouver les chambres principales relatives à leur étude.
27
Chapitre 2 Etat de l’art
Les spécifications techniques concernant ces chambres sont résumées dans le tableau 2.3.
DIMENSION INFERIEUR
CHAMBRE L*L*P (CM) CAS D’EMPLOI
Le nommage des masques est effectué selon les principes suivants : Les lettres A et B
sont réservées en priorité à l'artère principale. A, pour le masque d'entrée de chambre et B,
pour le masque de sortie de chambre. Les masques présentés dans la figure 2.11 sont repérés
alphabétiquement dans le sens des aiguilles d'une montre. La numérotation des alvéoles
s’effectue en partant du haut à gauche pour finir en bas à droite.
28
Chapitre 2 Etat de l’art
La figure 2.8 fait apparaître clairement grâce à une lettre le nom et la position de chacun
des masques physiques repérés dans la chambre.
A B
29
Chapitre 2 Etat de l’art
Légende
Ø 45 Ø 60 Ø 80 Ø 100- Tubage
150
Libre
Réservation
Occupé
Mauvais
Pour mieux comprendre comment utiliser le tableau 2.4, nous procédons à son explication à
l'aide d’un exemple d’un extrait de document FOA (Fiche d'Occupation d'Alvéole classique)
donnée par la figure 2.10 qui montre le masque A de la chambre.
30
Chapitre 2 Etat de l’art
- Les poteaux
Les poteaux utilisés par Orange sont généralement soit en bois, soit en acier galvanisé.
Leur hauteur hors sol se situe généralement entre 4,50 mètres et 6,50 mètres. Ils
comportent tous une étiquette bleue numérotée permettant leur identification et
indiquant leur appartenance à Orange [25]. La figure 2.12 montre un poteau qui
comporte une étiquette.
Nous présentons la fiche descriptive d’appuis qui sont relevées par les équipes terrain
(Voir Annexe C).
Conclusion
Tout au long de ce chapitre, nous avons présenté les notions de base de la fibre optique
et ses caractéristiques. Ainsi nous exposerons la technologie FTTH et par la suite nous
avons expliqué principalement l’infrastructure du réseau fibre tout en représentant les
compostions nécessaires dans le déploiement de la fibre optique.
Dans le chapitre suivant, nous introduisons la première phase de notre projet à savoir
l’analyse et la spécification des besoins.
31
Chapitre 3 Conception et spécification des besoins
Introduction
Après avoir présenté le cadre général de notre projet, à ce niveau, nous entamons la phase
de conception et spécification des besoins.
En fait, la première partie de développement de toute application consiste à questionner
l’utilisateur de base afin de dresser la liste de fonctionnalités qui devraient être présentées dans
l’application.
Il est impérativement demandé de passer par cette phase afin de déterminer l’utilité de
l’application. Dans ce chapitre, nous passons d’une part, à l’identification des caractéristiques
fonctionnelles et à l’analyse des besoins qui constituent la phase de départ de toute application
à développer.
D’autre part, nous présentons la conception détaillée de notre application avec des
différents diagrammes UML explicatifs.
La spécification des besoins se fait au niveau de l’étude préliminaire qui est le point de
départ de notre processus de développement. Elle consiste à effectuer une première
identification des besoins fonctionnels et non fonctionnels, en utilisant principalement le texte,
ou des diagrammes très simples.
Nous énumérons les différents acteurs de notre système. En effet, toute intervention ou
manipulation va être gérer par un ou des acteurs. Définissons tout d’abord ce que c’est un acteur.
Un acteur est un utilisateur qui pourrait être une personne externe ou une personne qui désire
effectuer une interaction, avec un système, il a un but final.
32
Chapitre 3 Conception et spécification des besoins
Dans notre projet, nous identifions les acteurs principaux qui vont interagir directement
avec notre application, comme donné par la figure 3.1.
33
Chapitre 3 Conception et spécification des besoins
- S’authentifier
• Saisir login et mot de passe.
- Consulter l’avancement des projets (travaux, Etude, Archivé…)
Et concernant l‘ingénieur qui parfois peut prendre le rôle du chef de projet, il a le droit de :
Les besoins non fonctionnels décrivent toutes les contraintes auxquelles est soumis le
système pour sa réalisation et son bon fonctionnement. En effet, la solution doit assurer certains
points qui peuvent ne pas être parmi les besoins fonctionnels mais ne marquent pas
d’importance. Parmi ces points, nous citons :
• Fiabilité : Touche à l’aspect qualité des données et persistance des informations dans
l’application ainsi que la vitesse de chargement des interfaces. D’une part, les interfaces
de l’application doivent s’adapter à la taille des différents écrans des appareils mobiles.
• Sécurité : Les différents comptes utilisés doivent être sécurisés et vérifiés pour éviter
les faux comptes et les fausses informations.
• Contraintes techniques : L’application doit être toujours effective.
• Contraintes ergonomiques : Doit être simple et compréhensible.
• Disponibilité : Il est indispensable que cette dernière soit disponible à tout moment.
• Maintenabilité et scalabilité : Les codes des applications doivent être lisibles et
compréhensibles afin d’assurer leurs états évolutifs et extensibles.
34
Chapitre 3 Conception et spécification des besoins
• Efficacité : Ceci doit être garanti pour que notre application puisse s’intégrer facilement
dans le marché des applications mobiles.
Il s’agit à ce niveau de définir l’ensemble des actions qui sont réalisées par le système et
qui produisent un résultat observable chez un acteur particulier.
Le diagramme donné par la figure 3.2 décrit les grands modules du système.
35
Chapitre 3 Conception et spécification des besoins
36
Chapitre 3 Conception et spécification des besoins
37
Chapitre 3 Conception et spécification des besoins
Nous décrivons le sous cas d'utilisation « Modifier un compte » à l’aide d’une description
textuelle dans le tableau 3.3.
38
Chapitre 3 Conception et spécification des besoins
Nous décrivons le sous cas d'utilisation « Supprimer un compte » à l’aide d’une description
textuelle dans le tableau 3.4.
39
Chapitre 3 Conception et spécification des besoins
Le diagramme donné par la figure 3.5, détaille les tâches que peut affecter l’ingénieur.
Nous décrivons le cas d'utilisation « Créer un projet » à l’aide d’une description textuelle dans
le tableau 3.5.
40
Chapitre 3 Conception et spécification des besoins
Nous décrivons le cas d'utilisation « Modifier un projet » à l’aide d’une description textuelle
donnée par le tableau 3.6.
41
Chapitre 3 Conception et spécification des besoins
42
Chapitre 3 Conception et spécification des besoins
Nous décrivons le cas d'utilisation « Modifier un projet » à l’aide d’une description textuelle
donnée par le tableau 3.8.
Tableau 3.8 : Description textuelle du cas d’utilisation « Consulter la liste des Projets »
Nous décrivons le cas d'utilisation « Modifier les relevés terrains » à l’aide d’une description
textuelle donnée par le tableau 3.9.
43
Chapitre 3 Conception et spécification des besoins
Tableau 3.9: Description textuelle du cas d’utilisation « Modifier les relevées terrains »
Nous décrivons le cas d'utilisation « Modifier la réservation des alvéoles » à l’aide d’une
description textuelle donnée par le tableau 3.10.
44
Chapitre 3 Conception et spécification des besoins
45
Chapitre 3 Conception et spécification des besoins
Le diagramme, donné par la figure 3.6, détaille les tâches que peut réaliser le technicien
terrain.
46
Chapitre 3 Conception et spécification des besoins
47
Chapitre 3 Conception et spécification des besoins
Scénario nominale 1. Le technicien doit tout d’abord saisir son login et mot de passe.
2. Le technicien peut rechercher et accéder au projet.
3. Il remplit les informations nécessaires liées au projet sélectionné.
4. Le technicien peut créer, modifier des supports.
Scénario alternatif Détection de champs vides : message d’erreur.
Post-conditions Opération effectuée avec succès.
Le diagramme, donné par la figure 3.7, détaille les tâches que peut réaliser le client.
Acteur Client
Description Ce cas d’utilisation permet au client de saisir son login ainsi leur
mot de passe et consulter l’avancement de son projet.
Pré-conditions Application accessible
48
Chapitre 3 Conception et spécification des besoins
Scénario nominale Le client doit tout d’abord saisir son login et mot de passe puis
consulter l’avancement de son projet (a traité, en cours, terminé).
Scénario alternatif Si login et/ou mot de passe incorrect : message d’erreur s’affiche
Post-conditions Opération effectuée avec succès.
4. Diagramme de séquences
Pour chaque message, le diagramme de séquences montre non seulement les acteurs externes
qui interagissent avec le système, mais également les événements système déclenchés par les
acteurs.
Nous présenterons par la suite les diagrammes de séquences, que nous avons jugés
importants dans le fonctionnement de notre application.
49
Chapitre 3 Conception et spécification des besoins
50
Chapitre 3 Conception et spécification des besoins
projet existe, il peut alors accéder au projet et aux interfaces du menu correspondant. Sinon, il
crée un nouveau projet.
Ainsi, lorsque l’utilisateur importe des supports dans un projet il doit cliquer sur le bouton
« choose file » et ajouter le fichier csv qui contient les données relatives aux chambres.
Une fois le fichier est importé, il doit cliquer sur le bouton « Plan » pour afficher le
positionnement des chambres sur le GPS. Aussi, il peut l’afficher sur le mode satellite. Puis on
peut cliquer sur le bouton « Liste » pour afficher la liste des chambres.
Lorsque l’utilisateur modifie des supports dans un projet il doit afficher la liste des chambres
et cliquer sur la chambre qu’il souhaite la modifier en cliquant sur « Modifier » et exécuter les
modifications nécessaires. Après avoir enregistré la modification dans la base de données les
supports modifiés seront affichés dans l’interface support.
Quand l’utilisateur effectue une réservation dans un projet, il doit cliquer sur « Détail » et
remplir les informations liées aux chambres et la réservation des alvéoles. Après avoir effectué
la réservation, elle sera affichée dans l’interface réservation.
La figure 3.9 illustre le diagramme de séquences détaillé du cas d’utilisation « Gérer les projets
».
Figure 3.9: Diagramme de séquences détaillé du cas d’utilisation « Gérer les projets »
51
Chapitre 3 Conception et spécification des besoins
52
Chapitre 3 Conception et spécification des besoins
Conclusion
Ce chapitre a donné une vision sur notre travail, ainsi que l’aspect conceptuel de l’application
web et mobile « CartoFib » à travers les différents diagrammes décrits en UML. Pour cela, nous
proposons un diagramme des différents cas d’utilisations des deux systèmes et des diagrammes
de séquences illustrant aussi le processus de visualisation des cas d’utilisation et enfin un
dernier diagramme représentant les différentes classes métiers de notre application. Le chapitre
suivant portera sur la mise en œuvre de notre application.
53
Chapitre 4 Réalisation
Chapitre 4 : Réalisation
Introduction
Après avoir accompli les phases d’études et de conception, nous intéressons à la réalisation
de notre application.
Nous commençons par présenter l’environnement de développement, tels que les logiciels
et les langages qui nous ont permis de réaliser notre projet. Finalement, nous décrivons les
principales interfaces graphiques générées par l’application proposée.
1. Environnement de développement
Ordinateur HP DELL
54
Chapitre 4 Réalisation
Dans cette partie, nous présentons les logiciels pour développer notre application
« CartoFib ».
1.2.1 Ionic
Ionic est un framework open-source qui va nous permettre de créer des applications mobiles
en utilisant des technologies Web. Basé initialement sur AngularJS et Apache Cordova2, Ionic
permet de créer un code multisupport en utilisant des outils Web comme HTML,
CSS, JavaScript, afin de générer des applications iOS, Android, Chrome, Windows Phone [27].
1.2.2 Node.js
Node.js est une plateforme logicielle libre en JavaScript orientée vers les applications réseau
évènementielles hautement concurrentes qui doivent pouvoir montrer en charge.
Node.js offre un environnement côté serveur qui nous permet aussi d'utiliser le langage
JavaScript pour générer des pages web. En gros, il vient en remplacement de langages serveur
comme PHP, Java EE, etc [28].
1.2.3 Angular
Angular est une plateforme de développement qui permet de créer des applications web
dynamiques et immersives.
Ainsi c’est est un cadriciel (framework) côté client, open source, basé sur TypeScript, et co-
dirigé par l'équipe du projet « Angular » à Google et par une communauté de particuliers et de
sociétés. Angular est une réécriture complète d’AngularJS, cadriciel construit par la même
équipe [28].
Visual Studio Code est un éditeur de code multiplateforme édité par Microsoft. Cet outil
destiné aux développeurs supporte plusieurs dizaines de langages de programmation comme le
HTML, C++, PHP, Javascript, Markdown, CSS, etc. Visual Studio Code intègre plusieurs
outils facilitant la saisie de code par les développeurs comme la coloration syntaxique ou encore
le système d’auto-complétion IntelliSense [29].
55
Chapitre 4 Réalisation
Apache Cordova est une plate-forme open source utilisée pour créer des applications mobiles
en utilisant HTML, CSS et JavaScript.
Il agit comme un conteneur qui est responsable de la connexion de nos applications Web
avec des fonctionnalités mobiles natives. Il propose principalement un pont qui définit la
connexion entre les applications Web et les appareils mobiles [30].
Visual Paradigm Online ("VP Online") est un outil de création de diagrammes basé sur le
Web qui prend en charge un grand nombre de diagrammes commerciaux et techniques [31].
1.2.7 ApowerMirror
C’est un logiciel qui nous permet d’afficher le contenue de l’écran d’un smartphone sur
l’écran d’un PC et d’en prendre le contrôle. Ainsi, il permet également de faire des
enregistrements vidéo de l’écran du smartphone, ou des captures simples [32].
1.2.8 Postman
Postman est un puissant client HTTP pour tester les services Web. Il facilite le test, le
développement et la documentation des APIs en permettant aux utilisateurs de créer rapidement
des requêtes HTTP simples et complexes [33].
1.3.1 HTML
HTML signifie « HyperText Markup Language » c’est le langage de balisage conçu pour
représenter les pages web qu'on peut traduire par « langage de balises pour l'hypertexte ».
Il est utilisé afin de créer et de représenter le contenu d'une page web et sa structure. D'autres
technologies sont utilisées avec HTML pour décrire la présentation d'une page (CSS) et/ou ses
fonctionnalités interactives (JavaScript) [34].
56
Chapitre 4 Réalisation
1.3.2 CSS
CSS (Cascading Style Sheets) est le code utilisé pour mettre en forme une page web.
C'est un langage de feuille de style, c'est-à-dire qu'il permet d'appliquer des styles sur
différents éléments sélectionnés dans un document HTML [34].
1.3.3 JavaScript
2. Réalisation
Dans cette partie, nous expliquons les étapes de l’implémentation de la solution CartoFib et
nous présentons les interfaces de notre application.
L’interface graphique est une partie très importante pour la production d’une application
web adaptée et conviviale qui offre une expérience simple et agréable à l’utilisateur final lors
de la navigation.
Nous commençons par la présentation des différentes interfaces web qui décrivent et
expliquent le fonctionnement de notre application.
Dans cette partie, nous présentons les interfaces de notre application web gérées par
l’administrateur.
- Interface d’authentification
La figure 4.1 représente l’interface d’authentification web qui est un certificat de sécurité du
système, et à partir d’elle chaque utilisateur authentifié peut accéder à notre application. Nous
avons haché les mots de passe pour les sécuriser dans la base des données.
57
Chapitre 4 Réalisation
58
Chapitre 4 Réalisation
59
Chapitre 4 Réalisation
Nous présentons aussi les interfaces liées à notre application web et mobile et qui sont gérées
par les utilisateurs.
La figure 4.5 représente l’interface d’authentification qui sera affichée lors du lancement de
l’application mobile CartoFib. Cette interface permet aux utilisateurs de l’application de se
connecter chacun avec son login et son mot de passe pour pouvoir accéder aux interfaces
suivantes.
Tout d’abord, nous commençons par les interfaces de gestion de projets relatives à
l’application web.
La figure 4.6 représente l’interface de gestion de projet de notre application CartoFib, qui
permet de gérer les projets. D’une part, cette interface permet au chef du projet (Ingénieur) et
au conducteur de travaux (Administrateur) de créer des nouveaux projets en remplissant les
champs suivants : nom, opérateur, adresse, code INSEE, ville et l’état actuel du projet (Etude,
Archivé, Terminé, Travaux) puis il ne reste que de cliquer sur le bouton « Ajouter ».
60
Chapitre 4 Réalisation
Ainsi, le projet sera enregistré dans la BD de notre application. De plus, cette interface
permet de consulter les projets existants.
61
Chapitre 4 Réalisation
La figure 4.8 représente l’interface de gestion de projet de notre application mobile. Une
fois le technicien terrain saisit son login et son mot de passe, une interface s’affiche qui permet
à l’utilisateur de rechercher son projet pour accomplir les relevés des supports sur terrain, ainsi
il doit cliquer sur « Projet » et saisir le nom de son projet déjà enregistré sur l’application web.
Si le projet est inexistant le technicien terrain doit accéder à l’application web pour créer un
nouveau projet.
La figure 4.9 présente l’interface d’ajout d’un support, elle interface permet à l’utilisateur de
l’application web d’importer un fichier de type CSV qui contient toutes les données et les
informations relatives aux chambres, telles que la position exacte des chambres, les numéros,
code postale, ville.
Pour ajouter un support, il faut cliquer sur le bouton « Choose file » et sélectionner le fichier
à importer ensuite, cliquer sur « Plan » pour afficher les supports sous forme plan ou sur sous
forme d’une liste en cliquant sur le bouton « Liste ». Aussi, l’utilisateur peut cliquer sur le
bouton « Satellite » pour afficher la position des chambres en mode satellite.
62
Chapitre 4 Réalisation
Les interfaces web données par les figures 4.10 et 4.11, représentent l’affichage de la
position des chambres en mode « Plan » et « Satellite ».
63
Chapitre 4 Réalisation
64
Chapitre 4 Réalisation
Bouton GPS
65
Chapitre 4 Réalisation
• Interface masque
Nous présentons ensuite, les interfaces relatives au masque, d’une part, nous commençons
par les interfaces liées à l’application mobile.
- Interface masque « Application mobile »
La figure 4.16 présente l’interface masque, qui permet au technicien terrain à travers
l’application mobile de vérifier et modifier l’état de réservation des alvéoles lié à la chambre.
Dès que le technicien consulte l’interface masque, il peut modifier la réservation des alvéoles
en appuyant sur un emplacement dans la grille affichée.
66
Chapitre 4 Réalisation
Puis, l’interface alvéole s’affiche comme le montre la figure 4.17 pour que le technicien
saisit les informations liées à la réservation, telles que : diamètre, longueur… et affecte les
câbles et la liaison. Une fois cette étape est terminée, une couleur s’affiche sur la grille comme
le montre la figure précédente pour que l’utilisateur reconnait l’état de réservation des alvéoles
tel que : saturé, réservé...
Dès que le technicien terrain fait la modification liée au masque, ces informations peuvent
être vérifiées et modifiées dans l’interface masque de l’application web comme le montre la
figure 4.18.
67
Chapitre 4 Réalisation
• Interface réservation
Bouton « Ajouter »
68
Chapitre 4 Réalisation
Cette interface présente le nom du projet, ville, opérateur, état, pourcentage d’avancement
de projet.
Conclusion
A ce stade, notre projet de fin d’études atteint sa fin. Tout au long de ce chapitre, nous
avons présenté l’environnement de travail et justifié les choix technologiques adoptés. Par la
suite, nous avons entamé la présentation des principales interfaces de l’application proposèe.
69
Conclusion générale
En guise de conclusion, nous avons effectué un stage de fin d'études, en Licence Appliquée
en Sciences et Technologies de l’Information et de la Communication spécialité Réseaux et
Système de Télécommunication, au sein de l'entreprise Intercom Technologies.
Le présent projet de fin d’études a pour but de développer et de mettre en place une
application cartographique capable de gérer les projets de fibre optique au niveau du bureau
d’études et d’accomplir les relevées sur terrain en assurant une bonne synchronisation entre ces
deux tâches.
Riche en expériences et en rencontres, ces mois de stage viennent clore notre formation à
l’ISET’COM. Ce travail a ´été pour nous, l’occasion de mettre en œuvre et d’approfondir les
connaissances techniques et le savoir académique acquis durant notre cursus à l’ISET’COM.
Le support et l’encadrement mis à notre disposition par Intercom ont contribué énormément
au bon déroulement de notre stage ainsi qu’à la réalisation du projet et son achèvement dans les
délais.
70
Webographie
71
[23] https://www.cercle-credo.com/docs/guidecredo2017-deploiement-des-reseaux-ftth-en-
zmd.pdf consulté le 07/05/2020.
[24] http://alladinsamaad.free.fr/Annexe%20V5/Annexe%201%20-
%20r%E8gles%20d'ing%E9nierie%20-%20V5%2020111010%20avec%20mdr.pdf consulté
le 07/05/2020.
[25] https://www.google.com/search?q=Etiquette+sur +poteau+en+bois &sxsrf=ALeKk03W
consulté le 13/05/2020.
[26] http: //www.umlsysml.org/diagrammes-uml-et-sysml/diagrammeuml/diagramme-de-
classe consulté le 13/05/2020.
[27] https://www.grafikart.fr/tutoriels/ionic-framework-641 consulté le 13/05/2020.
[28] https://openclassrooms.com/fr/courses/1056721-des-applications-ultra-rapides-avec-
node-js/1056866-node-js-mais-a-quoi-ca-sert consulté le 13/05/2020.
[29]https://code.visualstudio.com/docs consulté le 17/05/2020.
[30] https://www.javatpoint.com/apache-cordova consulté le 17/05/2020.
[31] https://online.visual-paradigm.com/fr/diagrams/about-us/press-
kit/#:~:text=Visual%20Paradigm%20Online%20(%22VP%20Online,de%20diagrammes%20
commerciaux%20et%20techniques. consulté le 20/05/2020.
[32] https://www.lesnumeriques.com/telecharger/apowermirror-
24930#:~:text=ApowerMirror%20est%20un%20logiciel%20qui,le%20clavier%20de%20l'ord
inateur consulté le 20/05/2020.
[33] https://openclassrooms.com/fr/courses/4668056-construisez-des-microservices/5123020-
testez-votre-api-grace-a-postman consulté le 20/05/2020.
[34] https://developer.mozilla.org/fr/docs/Web/HTML consulté le 22/05/2020.
[35] https://www.journaldunet.fr/web-tech/dictionnaire-du-webmastering/1203585-javascript/
consulté le 17/05/2020.
72
Annexes
Annexe A
73
Annexes B
- Supprimer un compte
74
Annexes C
75
• Fiche descriptive d’appui
76
Résumé
Le travail présenté dans ce rapport, qui a été effectué au sein de l'entreprise Intercom
Technologies, entre dans le cadre du projet de fin d'études pour l'obtention du diplôme
universitaire pour la Licence Appliquée en Sciences et Technologies de l’Information et de la
Communication (Iset’Com). Il s’agit de la conception et la réalisation d'une application, à la
fois Web et Mobile de cartographique "CartoFib” permettant de gérer les projets de fibre
optique au niveau des bureaux d’études et d’accomplir les relevées sur terrain en assurant une
bonne synchronisation entre ces deux tâches.
Mots clés : Fibre Optique, JavaScript, Angular5, MongoDB, Node.js, Visual Studio Code.
Abstract
The work presented in this report, which was carried out within the company Intercom
Technologies, within the framework of the graduation project for university diploma for the
Applied Degree in Science and Technology of Information and Communication of Tunisia
(Iset’Com).This is about the conception and the realization of an application, both Web and
Mobile cartographic "CartoFib" to manage the fiber optic projects at the design office level
and to carry out filed surveys by ensuring between these two tasks.
Keywords : Optical Fiber, JavaScript, Angular5, MongoDB, Node.js, Visual Studio Code.