Développement d'une application de cartographie interactive sur internet.

Abstract

Electrical cables ERDF / TEN or cable lifts installed may be the cause of mortalities in some bird species such as the Beardedvulture. A project named LIFEGypHelp (European project with grant) was created and one of its objectives is the reduction of risk of percussion and electric birds (birds of prey) on these overhead cables identified as dangerous.

From a business perspective, for several years, the Vanoise national Park has invested in a census project of the dangerousness of these cables and posts for birds and inventory tracking and neutralizing equipment placed on these dangerous elements.

From a technical point of view, an application of dynamic mapping on the internet is currently in place. It was conducted from anowner development: AIGLE™ solution.

This project aims to redeploy the web mapping application on a dynamic open source development environment (PostgreSQL / PostGIS, Symfony2, angularjs, Leaflet) and potentially evolve its features.

Keywords: Bearded, LIFE GypHelp, the Vanoise national Park, dangerous electric cables, web application, WebGIS, open source, PostgreSQL / PostGIS, Symfony2, angularjs, Leaflet, GIS

Sommaire

REMERCIEMENTS 1

RÉSUMÉ 3

ABSTRACT 4

TABLE DES ILLUSTRATIONS 6

GLOSSAIRE 7

INTRODUCTION 9

CHAPITRE I - PRÉSENTATION ET CONTEXTE DU STAGE 11

I. LE PARC NATIONAL DE LA VANOISE 11

1. Histoire du Parc 12

2. Missions du PNV 12

3. Siège du Parc national de la Vanoise 13

II. LE SYSTÈME D'INFORMATION GÉOGRAPHIQUE DANS LES PARCS NATIONAUX 14

III. APPLICATION CÂBLES ET OBJECTIFS DU STAGE 16

1. Protocole câbles 16

2. Objectif du stage 18

IV. LES OUTILS MOBILISÉS 18

1. Le côté serveur 19

2. Le coté Client 20

CHAPITRE II - DÉVELOPPEMENT DE L'APPLICATION 24

I. LE CÔTÉ SERVEUR 26

1. La base de données (BDD) 26

2. Symfony2 et Doctrine 27

3. Requêtes et réponses HTTP* 28

II. LE CÔTÉ CLIENT 29

1. Une application avec AngularJS 29

2. La partie cartographie: Leaflet et AngularJS 30

3. L'ergonomie de l'application : Bootstrap et CSS* 31

CONCLUSION 32

ANNEXES 34

BIBLIOGRAPHIE 46

WEBOGRAPHIE 46

Table des illustrations

Figure 1: carte de localisation du Parc National de la Vanoise 11

Figure 2: exemple définition des SIG 14

Figure 3: base de données géographiques avec PostgreSQL et PostGIS 19

Figure 4: exemple d'architecture d'une application AngularJS 20

Figure 5: carte basique Leaflet avec trois formes géométriques différentes 21

Figure 6: exemples de quelques fonctionnalités Bootstrap 21

Figure 7: carte basique Leaflet avec trois formes géométriques différentes 22

Figure 8: capture d'écran de Sublime Text 3 23

Figure 9: architecture de l'application Câbles 25

Glossaire

API : Application Programming Interface (Interface de programmation d'Application), c'est ce qui permet à deux systèmes informatiques totalement indépendants de se parler de façon automatique.

Bundle: c'est un répertoire qui a une structure bien définie et qui peut héberger à peu près tout, des classes aux contrôleurs en passant par les ressources web.

CSS: Cascading Style Sheets, c'est un langage informatique utilisé sur l'internet pour mettre en forme les fichiers HTML ou XML*.

DOM : Document Object Model, c'est une interface de programmation d'application (API) pour des documents HTML et XML bien formés. Il définit la structure logique des documents et la façon dont un document est accessible et manipulé.

EPSG: European Petroleum Survey Group (devenue depuis l'Oil and Gas Producers Surveying and Positioning Committee -OGP-), il regroupe sous un code unique à 5 chiffres les systèmes de référence spatiale existant dans le monde.

Framework: c'est un ensemble structurel de composants logiciels qui permet de créer et de modeler l'architecture des applications (applicatif, web...).

Géomatique: elle regroupe l'ensemble des outils et méthodes permettant d'acquérir, de représenter, d'analyser et d'intégrer des données géographiques. La géomatique étant liée à l'informatique, son application passe par l'utilisation d'outils informatiques que l'on nomme les SIG.

HTML: HyperText Markup Language est un langage informatique utilisé pour créer des pages web.

HTTP: HyperText Transfer Protocol, « protocole de transfert hypertexte », c'est un protocole de communication client-serveur développé pour le World Wide Web (www).

IGN: Institut national de l'information géographique et forestière, c'est un établissement public à caractère administratif ayant pour mission d'assurer la production, l'entretien et la diffusion de l'information géographique de référence en France.

JSON : JavaScript Object Notation, c'est un format de données textuelles qui permet de représenter de l'information structurée comme le XML.

Linux: c'est un système d'exploitation complet et libre qui peut être utilisé en lieu et place de systèmes d'exploitation commercialisés, tels que Windows avec de nombreux logiciels libres complémentaires, offrant un système complet aux utilisateurs.

MVC: Modèle Vue Contrôleur, c'est un modèle d'architecture destiné à répondre aux besoins des applications interactives en séparant les problématiques liées aux différents composants (base de données, côté serveur, et côté client) au sein de leur architecture respective.

Open Source:

ORM : Object-relational Mapping, c'est une technique de programmation informatique qui crée l'illusion d'une base de données orientée objet.

PHP: Hypertext Preprocessor, c'est un langage de programmation libre pour faire des pages web dynamiques.

Projection : c'est un système de coordonnées spatiales résultant de l'application de formules mathématiques destinées à traduire des coordonnées géographiques en coordonnées planes (carte).

SFTP: Secure File Transfer Protocol, c'est une version sécurisée du protocole de transfert de fichiers (FTP), qui facilite l'accès aux données et le transfert de données sur un Shell (SSH) flux de données sécurisé.

SIG: Système d'Information Géographique, c'est un système qui a pour but d'informer sur la géographie d'un espace donné en s'appuyant sur un certain nombre de bases de données géographies, qu'il permet d'intégrer, de gérer, de traiter et de représenter sous forme de cartes.

SQL: Structured Query Language (en français langage de requête structurée), c'est un langage informatique normalisé servant à exploiter des bases de données relationnelles.

URL : Uniform Resource Locator, littéralement « localisateur uniforme de ressource »), c'est une chaîne de caractères utilisée pour adresser les ressources du World Wide Web.

Webmapping: c'est méthode qui regroupe l'ensemble des technologies permettant d'afficher une carte par internet (navigateur web ou mobile).

WGS : World Geodesic System, le système géodésique mondial. Il définit une représentation du géoïde terrestre (diffèrent de projection).

WMS : le Web Map Service est un protocole de communication standard qui permet d'obtenir des cartes de données géo-référencées à partir de différents serveurs de données.

XML: l'eXtensible Markup Language est un langage informatique qui sert à enregistrer des données textuelles.

YAML: Ain't Markup Language, est un format de représentation de données par sérialisation Unicode. Il reprend des concepts d'autres langages comme XML