La cartographie en mode vectoriel sur le Web. XML et SVG Andréas M. Winter Université de Vienne et FreytagBerndt.com Andreas Neumann Ecole Polytechnique de Zurich

... est un média de publication à part entière Internet ... est un média de publication à part entière Communication et information rapide Croissance continue Phénomène de masse Haute pénétration Multimédia Mauvaise cartographie ... Internet

Formats vectoriels XML SVG Exemples Contenu

Le besoin de formats vectoriels HTML/DHTML L‘aspect graphique Raster is faster, but raster is vaster, and vector just seems to be correcter. Formats vectoriels Tomlin, 1990

Le besoin de formats vectoriels L‘aspect graphique Zoom et panoramique continus Qualités visuelles à l‘écran sur papier Format léger Courbes de Bézier Réutilisation d‘objets (clones) Hiérarchie d‘objets (DOM) Analyse Interaction Formats vectoriels

Prémisses d’un format vectoriel L‘aspect de la manipulation des données Le PAO Vecteurs Raster Texte L‘edition Source ASCII Automatisable Import-Export SIG PAO Format unique pour l‘écran l‘impression l‘archivage Hiérarchie d‘objets Interaction Animation Standardisation W3C, ISO, ... Pao = publication assistée par ordinateur Formats vectoriels

Formats graphiques concurrents Formats raster GIF, JPG, PNG SVF (Simple Vector Format) DWF (Drawing Web Format, Autodesk) Flash (Macromdia) PDF (Portable Document Format, Adobe) VRML, X3D (Virtual Reality M. L.) Java2D, ActiveX (VML) WebCGM, PGML, HGML, DrawML Par la suite je vous présenterai SVG, mais voici les autres formats existant sur le marché Formats vectoriels

+ - Macromedia Flash Fonctions similaires à SVG Très répandu Performant Bonnes animations multimédia + Format propriétaire et binaire Pas de base XML/CSS Edition PAO essentiellement Interaction cartographique pauvre - Formats vectoriels

PDF, Portable Document Format Très répandu, toutes plate-formes Sécurisable Bien documenté Génération automatique possible + Interaction faible Multimédia faible Pas de base XML/CSS Non standard W3C - Formats vectoriels

Java2D, machine virtuelle Grande flexibilité, toutes plate-formes Performant Importante bibliothèque de ressources Utilisation hors Web possible + Programmation difficile Développement long Peu de navigateurs intègrent Java2 à l‘heure actuelle - Formats vectoriels

XML Extensible Markup Language Caractéristiques Extensible Indépendance de plate-forme de langages de programmation d‘applications Séparation du contenu de la structure de la présentation de la syntaxe de validation XML

XML Extensible Markup Language Caractéristiques Facile à créer et à éditer tout éditeur texte éditeur XML applications individuelles et scripts bases de données Lisible (non-binaire) Standard à longue échéance Tests intégrés de validité de syntaxe XML

XML Extensible Markup Language Caractéristiques Indépendance du média de diffusion Word Wide Web PDA, UMTS Impression Indépendance de produits commerciaux XML n’est pas un langage de programmation XML

XML Extensible Markup Language Dialectes XML

Prolog (processing instructions) Notions de XML Prolog (processing instructions) <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?> <?xml-stylesheet href="adressliste.xsl" type="text/xsl"?> <!DOCTYPE Adresses SYSTEM "mes_adresses.dtd"> <Adresses> <Personne Sexe="m"> <Nom>Dupont</Nom> <Prenom>Michel</Prenom> <Naissance>02.12.1963</Naissance> <Residea>Brest</Residea> <Profession>cartographe</Profession> </Personne> </Adresses> root element (document entity) XML

<Pays code=”fr”>France</Pays> Notions de XML L‘élément XML <Pays code=”fr”>France</Pays> XML

<Pays code=”fr”>France</Pays> Notions de XML L‘élément XML <Pays code=”fr”>France</Pays> opening tag closing tag XML

<Pays code=”fr”>France</Pays> Notions de XML L‘élément XML <Pays code=”fr”>France</Pays> delimiter XML

<Pays code=”fr”>France</Pays> Notions de XML L‘élément XML <Pays code=”fr”>France</Pays> element name XML

<Pays code=”fr”>France</Pays> Notions de XML L‘élément XML <Pays code=”fr”>France</Pays> element content XML

<Pays code=”fr”>France</Pays> Notions de XML L‘élément XML <Pays code=”fr”>France</Pays> attribute XML

XML Définition et structure Diffusion Transfert de données XML Liens DTD Def. de données XML Définition et structure XSL CSS PDF SVG HTML etc ... Diffusion Bases de données Applications diverses Transfert de données XML XLink XPointer HTML GIF JPG PNG Dérivés XML autres ressources Liens XML

DOM Document Objet Model

Caracteristiques générales SVG Caracteristiques générales Grande qualité graphique (anti-aliasing) Intégration de polices Remplissage, dégradé, transparence Filtres raster Compatibilité XML/DOM, standard ouvert Edition ASCII, Format lisible Extensible par des définitions individuelles Intégration de métadonnées Animation, multimédia + SVG

Points problématiques SVG Points problématiques - Code source ouvert En développement Grande concurrence Dessin non-cartographique: aucune topologie un objet a un style graphique SVG

Caracteristiques graphiques SVG Caracteristiques graphiques Affichage par „l'algorithme des peintres“ Derniers éléments recouvrent les premiers Groupes, Couches Graphes et hiérarchie modifiable par scripts Systèmes de coordonnées Coordonnées locales (UserSpace) Coordonnées naturelles (ViewPortSpace) Plusieurs systèmes à la fois Transformations affines SVG

Caracteristiques graphiques SVG Caracteristiques graphiques Exemples sur http://www.carto.net/ SVG

svgmapping @ cartography . ch www . carto . net svgmapping @ cartography . ch Fin