Sommaire
REMERCIEMENTS 2
RESUME 3
ABSTRACT 4
TABLE DES ILLUSTRATIONS 6
GLOSSAIRE 7
INTRODUCTION 9
CHAPITRE I - PRESENTATION 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 SYSTEME D'INFORMATION GEOGRAPHIQUE DANS LES PARCS
NATIONAUX 14
III. APPLICATION CABLES ET OBJECTIFS DU STAGE
16
1. Protocole câbles 16
2. Objectif du stage 18
IV. LES OUTILS MOBILISES 18
1. Le côté serveur 19
2. Le coté Client 20
CHAPITRE II - DEVELOPPEMENT DE L'APPLICATION
24
I. LE COTE 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 COTE 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
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
6
< / Développement d'une application de
cartographie interactive sur internet >
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
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
7
< / Développement d'une application de
cartographie interactive sur internet >
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.
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
8
< / Développement d'une application de
cartographie interactive sur internet >
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
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
9
< / Développement d'une application de
cartographie interactive sur internet >
| 
