WOW !! MUCH LOVE ! SO WORLD PEACE !
Fond bitcoin pour l'amélioration du site: 1memzGeKS7CB3ECNkzSn2qHwxU6NZoJ8o
  Dogecoin (tips/pourboires): DCLoo9Dd4qECqpMLurdgGnaoqbftj16Nvp


Home | Publier un mémoire | Une page au hasard

 > 

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

( Télécharger le fichier original )
par Khadim Mbacké
Université Jean Monnet de Saint-Etienne - Master 2 Système d'Information Géographique  2015
  

précédent sommaire suivant

Bitcoin is a swarm of cyber hornets serving the goddess of wisdom, feeding on the fire of truth, exponentially growing ever smarter, faster, and stronger behind a wall of encrypted energy

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 >

précédent sommaire suivant






Bitcoin is a swarm of cyber hornets serving the goddess of wisdom, feeding on the fire of truth, exponentially growing ever smarter, faster, and stronger behind a wall of encrypted energy








"L'imagination est plus importante que le savoir"   Albert Einstein