La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

1 Web Mapping Emmanuel Fritsch – 8 décembre 2009.

Présentations similaires


Présentation au sujet: "1 Web Mapping Emmanuel Fritsch – 8 décembre 2009."— Transcription de la présentation:

1 1 Web Mapping Emmanuel Fritsch – 8 décembre 2009

2 2 Web Mapping 1.linformation géographique 2.Clients et serveurs, internet 3.Image et internet 4.Client cartographique 5.Serveur cartographique 6.Les flux de données 7.Fonctionnement du serveur

3 3 1) Les donn é es en mode raster ou maill é ou matriciel : un quadrillage r é gulier du terrain Image satellitale Document scanné information géographique valeur = radiométrie (intensité lumineuse)

4 4 Les donn é es en mode vecteur (ou vectoriel) Les primitives g é om é triques sont des objets é l é mentaires : PrimitivesExemple x le point une borne x---x le segment (peu utilisé) la ligne un axe de route la surface une commune x AB le texte un toponyme St-Mésis information géographique

5 5 Web Mapping 1.linformation géographique 2.Clients et serveurs, internet 3.Image et internet 4.Client cartographique 5.Serveur cartographique 6.Les flux de données 7.Fonctionnement du serveur

6 6 Architecture client-serveur comment cela fonctionne et à quoi cela sert

7 7 ? {

8 8 Que trouve-t-on dans un serveur ? = un programme = une base de données = des fichiers de données = +

9 9 + truc.html + identifiant exp. serveur internet Apache Architecture client-serveur navigateur IE, Netscape, Firefox, etc. affichage truc.html

10 10 Le client navigateur affichage

11 11 La gestion des fichiers sur le serveur : Le client voit : truc.html Ladministrateur voit : c:\Program Files\apache\wwwroot\truc.html Tout ce qui est en dehors de : c:\Program Files\apache\wwwroot est invisible pour le client Le serveur

12 12 Apache truc.html machin\ c:\ wwwroot\ Program Files\ apache\ c:\ wwwroot\ Program Files\ apache\ Le serveur

13 13 Apache truc.html c:\ wwwroot\ Program Files\ apache\ /machin/truc.html truc.html machin\ c:\Program Files\apache\wwwroot\machin\truc.html Le serveur

14 14 Apache /machin/ truc.html machin\ c:\Program Files\apache\wwwroot\machin\index.html c:\Program Files\apache\wwwroot\machin\index.htm c:\Program Files\apache\wwwroot\machin\index.html c:\Program Files\apache\wwwroot\machin\index.htm c:\Program Files\apache\wwwroot\machin\index.php Le serveur

15 15 Apache Client et plug-in – serveur et modules truc.php?x=12&y=45 javascript navigateur affichage plug-in PHP MySQL truc.php $x=12 $y=45 => Le web dynamique

16 16 Un image dans une page truc.html 2- lit le document : il y a une image dedans 3- appelle limage 4- reçoit limage et linsère dans la page + truc.html + identifiant exp. 1- appelle le document src="Guernesey.jpg"

17 17 Web Services javascript navigateur affichage plug-in PHP MySQL Webservice

18 18 affichage Page dynamique Serveur de lAPI Page Dynamique 6 API Client

19 19 Web Mapping 1.linformation géographique 2.Clients et serveurs, internet 3.Image et internet 4.Client cartographique 5.Serveur cartographique 6.Les flux de données 7.Fonctionnement du serveur

20 20 De limage statique à la carte interactive Evolution du langage HTML : -La balise -Les balises et -La balise Web dynamique Navigation entre pages statiques Image statique

21 21 Principe : langage à base de balise (Hyper Text Mark-up Language) Balise HTML – le principe titre du document Titre de la page = balise ouvrant le fichier = balise ouvrant lentête du doc. = ce qui apparaît sur la barre sup. = balise fermant lentête = balise ouvrant le corps du doc. = titre de la page = fin du corps du document = fin du fichier html

22 22 Balise Les balises permettent dinclure : du texte des formulaires avec bouton, menu, etc. des images des objets, utilisant des plug-in Les balises permettent dinclure : du texte des formulaires avec bouton, menu, etc. des images des objets, utilisant des plug-in

23 23 La carte comme image Une image dans une page html : la balise

24 24 Usage : simplicité extrême sécurité totale maîtrise du rendu La carte comme image Exemple : site de réservation touristique

25 25 La carte cliquable : MAP et AREA La carte cliquable comporte des liens = déclare un groupe de liens = déclare une zone cliquable = coordonnées X1,Y1,X2,Y2, etc. = lien vers la page cible = message qui saffiche sous la souris = déclare une image = limage est liée à une map

26 26 La carte avec zones cliquables Utilisation : Atlas / fiche région / lien vers des données sémantiques Lien avec javascript => Les balises et Peu pratique pour la navigation graphique

27 27 poster les coordonnées : INPUT = déclare un formulaire = déclare une image cliquable = comment a été générée limage (celle que lon voit) Lorsquon clique sur la carte, - le formulaire est posté vers la page Map.asp - les coord. (x,y) du "clic" sont postées aussi - Map.asp génère une nouvelle image, à partir des coodonnées (x,y).

28 28 poster les coordonnées : INPUT

29 29 &NavigateHeight=46 &NavigateWidth=46 &XgoClickMap.x=226 &XgoClickMap.y=168 &ClickMode=1

30 30 poster les coordonnées : INPUT La balise INPUT : la solution pour envoyer les coordonnées dun clic du client vers le serveur base du serveur cartographique on peut mettre plusieurs cartes sur la même page ex : la carte détaillée + une carte de situation

31 31 Web Mapping 1.linformation géographique 2.Clients et serveurs, internet 3.Image et internet 4.Client cartographique 5.Serveur cartographique 6.Les flux de données 7.Fonctionnement du serveur

32 32 client riche : Ajax, flash, API carto Le client riche prend en charge toutes les opérations de navigations Ces opérations de navigations sont prises en charge par des contrôles Les contrôles gèrent, en dehors de linterface, les appels aux serveurs

33 33 Les contrôles Dans actions dans linterface widgets clics souris raccourcis claviers + Firegesture ? + motion capture ? + nouvelles interfaces ? Zoom / dézoom / pan Recadrage Sélection Mise en relief Affichage / effacement Gestion de la transparence etc. Des interfaces intuitives et similaires

34 34 Définition du client Carto Interface qui gère laffichage de la carte Les interactions avec lutilisateur Les connexions avec les sources de données

35 35 Web Mapping 1.linformation géographique 2.Clients et serveurs, internet 3.Image et internet 4.Client cartographique 5.Serveur cartographique 6.Les flux de données 7.Fonctionnement du serveur

36 36 Serveur cartographique - définition Une source de données (ou plusieurs) Et un traitement Pour : un transport par Internet et une visualisation sur écran Client lourd (Google Earth) Client léger = navigateur

37 37 MapServer fichiers shape image (gif, jpeg) Avant

38 38 MapServer fichiers shape image (gif, jpeg) tab WMS WFS PostGIS Oracle spatial mdb GPX mySQL services SGBD tif WMS WFS Après services vecteur GML GeoJSON SVG png

39 39 MapServer fichiers image services SGBD services vecteur

40 40 Web Mapping 1.linformation géographique 2.Client et serveur, internet 3.Image et internet 4.Client cartographique 5.Serveur cartographique 6.Les flux de données 7.Fonctionnement du serveur

41 41 typologie des web-mapping vecteur image serveur cartographique accès à une BD chaque image est générée compatibilité totale souplesse

42 42 typologie des web-mapping vecteur extraction dune BD rapidité nécessite un plug-in problème de la protection des données légèreté

43 43 Quelle solution technique ? La carte statique Pour conserver la maîtrise – de la carte – de la mise en page Vecteur => vecteur Si je suis maître -des données -de leur volume -de leur sécurité Vecteur => Image Dans tous les autres cas

44 44 Recommandations de lOGC Pourquoi ? un syndicat de professionnels des recommandations et des standards des logiciels labellisés de la veille et des évolutions spécifications abstraites standards techniques bonnes pratiques Une procédure de labellisation change requests, discussion papers OGC Reference Model

45 45 Recommandations de lOGC Standards pour le web –WMS :La carte raster –WFS :Les objets vecteur –SLD :La légende –WCS :Les couvertures –WPS :Les processus –SPS :Les capteurs Spécifications abstraites –Géométrie –Relations spatiales –Gestion des droits –Métadonnées –etc.

46 46 WMS et WFS Web Map Service 3 requêtes : -getCapabilities -getMap -getFeatureInfo Web Feature Services 3+2 requêtes : -getCapabilities -describeFeatureType -getFeature -lockFeature -transaction WFS-T

47 47 Langages porteurs XML et ses dérivés (GML, KML, SVG) -anciens et rodés -standardisés -outils répandus -mais langage parsé sur le client JSON, GeoJSON (issu de javascript) -récent (2 ans) -expansion rapide -facilité de lecture -interprété sur le client

48 48 La standardisation en marche Premières utilisations Logiques de projet pour : –Prototypage –Maintenance Aujourdhui Logique de service Logique de partage Mais fortes protections sur la sémantique => WMS le plus utilisé

49 49 Web Mapping 1.linformation géographique 2.Clients et serveurs, internet 3.Image et internet 4.Client cartographique 5.Serveur cartographique 6.Les flux de données 7.Fonctionnement du serveur

50 50 Serveurs cartographiques Deux modes de fonctionnement : soit la carte est générée à la volée soit la carte est stockée temporairement

51 51 carte générée à la volée truc.php 2- lit le document : il y a une carte dedans 3- appelle la carte 4- reçoit la carte et linsère dans la page 1- appelle le document Serveur carto

52 52 carte stockée truc.php 3- lit le document : il y a une carte dedans 4- appelle la carte 5- reçoit limage et linsère dans la page 1- appelle le document PHP MapScript 2- renvoie une page, + génère une carte stockée temporairement

53 53 truc.php?x=12&y=45 Apache MapServer navigateur affichage truc.php javascript plug-in PHP MySQL $x=12 $y=45

54 54 Apache MapServer navigateur affichage javascript plug-in MySQL MapScript PHP MapServer Mode cgi

55 55 MapScript -Carte stockée temporairement -Souplesse -Ressources externes -Coûteux en temps mode cgi-bin -Carte stockée (mode browse) ou carte à la volée (mode map) -Gain de performance MapServer

56 56 questions ?

57 57

58 58 La carte dans un plug-in... OBJECT + EMBED : double appel de lobjet PARAM : un paramètre que lon passe à lobjet PLUGINSPAGE : la page qui permet de télécharger le plug-in si ce dernier nest pas déjà installé.

59 59 truc.svf?x=12&y=45 Apache Serveurs cartographiques navigateur affichage truc.svf javascript plug-in Module

60 60 quelques noms Quelques solutions avec plug-in : –Flash –SVG –AlovMap (java) –MapGuide –OpenLayers Les programmes dédiés : –Google Earth –World Wind Un téléchargement complet et lourd, contre la richesse des données

61 61

62 62

63 63

64 64

65 65 image typologie des web-mapping simplicité statique pas de programmation éditable en HTML bon rendu cartographique

66 66 pause questions ?

67 67 typologie des web-mapping serveurclient une image des vecteursune image des vecteurs statique dynamique

68 68 typologie des web-mapping type de solutionprincipeutilisationHTML image image statique - artisanale - protection maximale IMG, MAP vecteur image gif, jpeg, etc. commande HTML/script -Serveur SIG -MapServer.. INPUT vecteur objet indépendant flash, SVG, MapGuide, java, etc. OBJECT, EMBED, APPLET

69 69 typologie des web-mapping type de solutionavantage image simple vecteur imagesécurité compatibilité vecteur compacité vitesse

70 70 FIN questions ?


Télécharger ppt "1 Web Mapping Emmanuel Fritsch – 8 décembre 2009."

Présentations similaires


Annonces Google