Titre Bernhard Rieder 4 / 6 / 2009 Atelier technique Visualisation géospatiale avec Google Maps

I - INTRO : Faire des cartes Faire des cartes.

I - INTRO : La cartographie numérique Nouvelles cartographies, nouvelles villes ? - Qu’est-ce que la cartographie? - La cartographie est une technique. Exemple : mesurer l’espace par triangulation

I - IM : Çatalhöyük - 7000, peinture murale, Çatalhöyük

I - IM : Ebstorfer Weltkarte 1300, Ebstorfer Weltkarte

I - IM : Giovanni Leardo 1452, Giovanni Leardo

I - IM : Pietro Coppo 1520, Pietro Coppo

I - IM : 1772 Physical map of the world

I - IM : Aujourd’hui, physique Physical map of the world aujourd’hui, carte physique

I - IM : Aujourd’hui, politique Physical map of the world aujourd’hui, carte politique

I - IM : Google maps world maps.google.com

I - IM : Global wellbeing Global projection of subjective well-being, 2006

I - IM : Neurath 1936, Otto Neurath, International Credits

I - IM : Info

I - SC : HEALTHCARE http:// healthcarethatworks.org

I - INTRO : La cartographie numérique interactive La cartographie numérique interactive Le contexte technique : - logique de la machine universelle - logique d’un réseau « end-to-end » Conséquences : - environnement malléable - environnement économique particulier Constat : - explosion des usages - recherche de chemins préférentiels

I - INTRO : La cartographie numérique interactive La cartographie numérique interactive La carte est un outil - d’information - de visualisation - d’exploration et d’interaction - de planification - de communication - de socialisation - de production de sens (outil heuristique) - rhétorique Faire croire. Faire faire. [ Bruno Latour ] Pouvoir.

I - INTRO : La cartographie numérique interactive La cartographie numérique interactive La cartographie « classique » est un outil sémiotique. Elle propose un vocabulaire de signes . La cartographie numérique interactive est un outil sémiotique et procédural. Elle propose un vocabulaire de signes et fonctions . Elle relève du design graphique et de la programmation.

I - INTRO : Cet atelier Programme de cet atelier Ouvrir la boite noire de la création technique. Donner une idée des possibilités techniques. Montrer comment faire. La création technique de fait dans un environnement riche et surdéterminé : - outils - connaissances - communautés

II - API Web 1 Qu'est qu'une API-Web ? API ( Application Programming Interface ) : Une interface de programmation permet l'accès externe à des fonctions ou informations existantes. import java.awt.*; public class HelloWorld { public static void main(String [] args) { Frame f = new Frame("Hello World!"); f.show(); } } Les API-Web permettent l'accès à des fonctions à travers le Web. Deux types d'API-Web : - Système question / réponse ( SOAP, REST, etc. ) - Système intégré

II - API Web 2 Qu'est qu'une API-Web ? Les APIs proposent l'intégration de fonctions qui seraient impossible à réaliser pour des développeurs individuels ou les PMI, pour les amateurs mais aussi des professionnels. Le site http://maps.google.com est la première application de l’API de Google Maps .

II - API Web : Choix technique Choix technique - Google Maps - Microsoft Virtual Earth - Yahoo Maps - OpenLayers + OpenStreetMap - Géoportail - …

II - Conditions d’utilisation Conditions d’utilisation Il suffit d’enregistrer une clé de développeur. Gratuit pour … … les sites à libre accès … 15K appels géocoder par IP et jour => Google Maps for Entreprises

II - Données La question des données On ne peut montrer des informations qu’on n’a pas. Différents pays ont différentes cultures de données. Au moins deux facteurs ont contribué à une réelle révolution pour la disponibilité publique de données : - Le Web 2.0 - L’essor des ONG La nouvelle cartographie est une rencontre entre systèmes (APIs) cartographiques et données.

II - SC : Sunlight Foundation

II - SC : World Bank

II - SC : GC Finder

II - SC : Swivel

II - SC : Geocommons CO2 pour station électrique

II - SC : SWIVEL dette extérieure

II - Exploration de données Exploration de données sur une carte Les GIS combinent habituellement plusieurs axes informationnelles : - espace physique - temps ( dynamique temporelle, « pulsations » ) - propriétés particulières ( intensité, etc. ) et fonctionnelles : - navigation sur la carte - navigation dans les données - possibilités d’ajouter des informations - communication

III - Composition technique Composition technique de GM Ce « vocabulaire » technique permet de créer des cartes et systèmes cartographiques avec Google Maps : 1 Fonds de carte 2 Objets et calques 3 Navigation 4 Evénements ( interactions ) 5 Calculs 6 Géocoder et reverse géocoder 7 Services supplémentaires 8 Charger des données Fichiers d'exemple : http://cours.rieder.fr/p8/gm/

III - 0 Bases Bases L’API de Google Maps d’intègre dans tout fichier HTML. Elle est écrite et utilisée en JavaScript. => base.html

III - SC : CityVox

III - SC : Platial

III - 1 Fonds de carte 1 - Fonds de carte Différents fonds permettent de projeter différentes informations. Les fonds représentent un contexte informationnel et graphique pour l’application.

III - SC : GM SAT

III - SC : GM MAP

III - SC : GM TERRAIN

III - SC : Georgia Sex Offenders Google Maps API Überblick Google Maps ist ein System zur Online-Visualisierung von geographischen Karten und Satellitenbildern. Die Google Maps API ist die Schnittstelle über die eine eingebettete Karte gesteuert werden kann.

III - SC : London Crime Google Maps API Überblick Google Maps ist ein System zur Online-Visualisierung von geographischen Karten und Satellitenbildern. Die Google Maps API ist die Schnittstelle über die eine eingebettete Karte gesteuert werden kann.

III - 2 Objets et calques 2 Objets et calques L’API propose une série de fonctions pour ajouter des objets sur la carte. - markers ( => marker.html ) - infobulles ( => marker_infobulle.html ) - surfaces KML ( => kml_base.html, km_depts.html ) Image ( => image.html ) - objets externes ( => calque.html ) Tout est HTML !

III - SC : GM SAT INFO

III - SC : GM TERRAIN METRO

III - SC : GM TERRAIN WIKIPEDIA

III - 3 Eléments de navigation Eléments de navigation GM permet de sélectionner parmi les outils de navigation standards et de remplacer ces outils par des objets customisés.

III - SC : Montre Verte

III - 4 Evénements Evénements A quasiment tout élément peut être attaché un gestionnaire d’événement. => evenement.html

III - 5 Calculs Calculs Calculer les distances, convertir des unités, etc.

III - 6 Géocoders Géocoders Transformer une adresse en point Transformer en point en adresse => adresse.html

III - 7 Services Services supplémentaires Google Maps proposent d’autres services acceessibles à travers l’API : - directions - streetview - … Des fonctionnalités sont constamment ajoutées.

III - SC : housingmaps.com Google Maps API Überblick Google Maps ist ein System zur Online-Visualisierung von geographischen Karten und Satellitenbildern. Die Google Maps API ist die Schnittstelle über die eine eingebettete Karte gesteuert werden kann.

III - 8 Charger des données Charger des données Les données se trouvent la plupart du temps dans des bases de données. Il faut les charger. => flickr.html => gm_wiki

Conclusions Conclusions Ce sont des concepts transférables sur d’autres systèmes. Ces possibilités techniques orientent la création technique.

Merci Merci de votre attention ! http://cours.rieder.fr/p8/gm/ http://lamontreverte.org http://paragraphe.univ-paris8.fr http://bernhard.rieder.fr [email_address]