Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

SVG 1 Prof. Franz-Josef Behr XML-basierte Visualisierung von Geodaten mittels SVG Prof. Dr.-Ing. Franz-Josef Behr.

Ähnliche Präsentationen


Präsentation zum Thema: "SVG 1 Prof. Franz-Josef Behr XML-basierte Visualisierung von Geodaten mittels SVG Prof. Dr.-Ing. Franz-Josef Behr."—  Präsentation transkript:

1 SVG 1 Prof. Franz-Josef Behr XML-basierte Visualisierung von Geodaten mittels SVG Prof. Dr.-Ing. Franz-Josef Behr

2 SVG 2 Prof. Franz-Josef Behr Gliederung Einleitung: Entwicklung, Übersicht einige Grundlagen Beispiele Dokumentstruktur, Aufbau einer einfachen SVG-basierten Karte Zusammenfassung

3 SVG 3 Prof. Franz-Josef Behr Entwicklung SGML GML 2000 Internet World Wide Web HTML XML XSLXHTMLSVG SprachfamilieSprache IBM: Charles Goldfarb Edward Mosher Raymond Lorie Quelle: unbekannt

4 SVG 4 Prof. Franz-Josef Behr World Wide Web Consortium

5 SVG 5 Prof. Franz-Josef Behr Grundsätze von XML eXtensible Markup Language Dient der Definition von Sprachen (Grammatik und Vokabular) -> Auszeichnungselemente selbst schaffen Sätze von Auszeichnungen wiederverwendbar Strenge Syntaxregeln Trennung der Präsentation vom Inhalt -> GML / SVG

6 SVG 6 Prof. Franz-Josef Behr Die Basis: Elemente Franz-Josef Behr Start-Tag End-TagElementinhalt Elementname, frei wählbar Franz-Josef Behr Start-Tag mit Attribut End-TagElementinhalt Elementname AttributnameAttributwert

7 SVG 7 Prof. Franz-Josef Behr Dokumententyp-Deklaration Wurzelelement / Dokument- inhalt Kind- elemente XML-Deklaration Aufbau eines XML-Dokuments

8 SVG 8 Prof. Franz-Josef Behr punkt x x y y Document Object Model (DOM) punktliste punkt x x y y datum DTD id Knotentypen: Document DocumentFragment DocumentType EntityReference Element Attr ProcessingInstruction Comment Text CDATASection Entity Notation

9 SVG 9 Prof. Franz-Josef Behr Document Object Model (DOM) Strukturierung von XML-Dokumenten Sprach- und plattformneutrale Schnittstelle var Knoten = punktliste.getElementById(1000);... var Kinderknoten = Knoten.getChildNodes(); In SVG: Unterstützung DOM  Grafiken können per JavaScript und anderen Programmiersprache manipuliert werden.

10 SVG 10 Prof. Franz-Josef Behr XML-Namensräume Eindeutige Benennung von Elementnamen Namensräumen, durch URI-Verweise identifiziert GML

11 SVG 11 Prof. Franz-Josef Behr GML-Visualisierung mittels Scalable Vector Graphics (SVG) GML XSLT- Prozessor XSL SVG

12 12 Prof. Franz-Josef Behr SVG XML-Sprache, lesbar Dateien oft sehr klein, da reiner Text. Hochauflösende Grafiken möglich, die auch bei Skalierung nicht an Qualität verlieren. Gute Qualität bei Rasterdaten (Resampling) hohe Farbtiefe Animationen ohne signifikanten Overhead Unterstützung DOM (Document Object Model)  Grafiken können per JavaScript und anderen Programmiersprache manipuliert werden. Filter und Schatten.

13 SVG 13 Prof. Franz-Josef Behr Beispiele (offline) Landesvermessungsamt Baden-Württemberg: Thematische Kartenfachdaten Tuerlersee

14 SVG 14 Prof. Franz-Josef Behr Landesvermessungsamt Baden-Württemberg: Thematische Kartenfachdaten ( TKFD) Zielsystem: Adobe Illustrator, geringfügige Änderungen / Aktualisierungen, dann Ausgabe Mit SVG: neuer Workflow Vorteil: wesentlich schneller "in letzter Sekunde" Änderungen im Vektordatensatz Keine Einschränkung wie bei der Bearbeitung von Rasterdaten.

15 SVG 15 Prof. Franz-Josef Behr Landesvermessungsamt Baden-Württemberg: Thematische Kartenfachdaten in SVG

16 SVG 16 Prof. Franz-Josef Behr Tuerlersee

17 SVG 17 Prof. Franz-Josef Behr Schummerung

18 SVG 18 Prof. Franz-Josef Behr Tuerlersee: Höhenprofil

19 SVG 19 Prof. Franz-Josef Behr SVG-Dokumentaufbau Koordinatensystem, Canvas, Viewport Wurzelelement, Grundstruktur Aufbau eines Beispiels aus Geometrieelemente Effekte

20 SVG 20 Prof. Franz-Josef Behr Koordinatensystem, Canvas und Viewport +x +y Canvas View- port

21 SVG 21 Prof. Franz-Josef Behr Erstellung eines SVG-Dokuments XML-Prolog DTD einfügen

22 SVG 22 Prof. Franz-Josef Behr Geometrische Grundelemente Rechteck

23 SVG 23 Prof. Franz-Josef Behr Rechteck als Kartenrahmen Koordinaten linke obere Ecke BreiteHöhe Füllfarbe Farbe Umrandung Linienbreite Umrandung

24 SVG 24 Prof. Franz-Josef Behr Linie Koordinaten Anfangspunkt Koordinaten Endspunkt

25 SVG 25 Prof. Franz-Josef Behr Unser Beispiel... Gruppe von Straßen

26 SVG 26 Prof. Franz-Josef Behr Kreise Koordinaten Mittelpunkt Radius

27 SVG 27 Prof. Franz-Josef Behr Unser Beispiel... Gruppe von Bäumen

28 SVG 28 Prof. Franz-Josef Behr Pfade Parameter: –moveto(m,M) + x,y –lineto (l,L) + x,y –horizontalLineTo(h,H) + x, verticalLineTo(v,V) + y –closePath(z,Z), beendet die Darstellung des Pfades, mit m kann an einer anderen Stelle nach Unterbrechung fortgesetzt werden. –kubische Bezierkurven (c,C; s,S), übernimmt je nach Kurventyp sechs oder vier Parameter –quadratische Bezierkurven (q,Q; t,T) übernimmt je nach Kurventyp vier oder zwei Parameter –elliptische Kurven (a,A), zeichnet eine Ausschnitt einer Ellipse, inklusive der Rotation: sieben Parameter

29 SVG 29 Prof. Franz-Josef Behr Unser Beispiel... Vielleicht ein See... Farbe folgt später!

30 SVG 30 Prof. Franz-Josef Behr Text AbcDef... Position Textinhalt Schriftart Größe End-Tag Start-Tag

31 SVG 31 Prof. Franz-Josef Behr Text: Weitere Möglickeiten gedrehter Text: Strasse Mehrzeiliger Text und Untergrupen Mehrzeilig: erste Zeile zweite Zeile Farben: Wechselnde tspan-Elemente werden mit unterschiedlichen Farben belegt: Die Farbe gelb, schlecht! Zeichenabstand und -versetzung Ein hohes Wort! Text längs Linie

32 SVG 32 Prof. Franz-Josef Behr Unser Beispiel SVG Map...

33 SVG 33 Prof. Franz-Josef Behr Definitionen: das -Element Container-Element Darin: Definitionen von Objekten, die in der Grafik von anderen Objekten referenziert (verwendet) werden können (einzelne Elemente, Gruppen, Symbole, Farbverläufe oder Filtereffekte). Elemente nur sichtbar, wenn sie innerhalb der Grafik von anderen Elementen referenziert werden.  Elemente, die Referenzen darstellen, immer innerhalb des defs- Container platzieren!

34 SVG 34 Prof. Franz-Josef Behr Das -Element Mit dem use-Element wird eine Instanz einer bereits bestehenden Vorlage erzeugt, d.h. sie können mit dem Element use andere Elemente bzw. Objekte referenzieren. Die Attribute x und y verlegen den Standort der Instanz, dabei ist der Nullpunkt der Nullpunkt des Elements und nicht der gesamten SVG-Grafik. !

35 SVG 35 Prof. Franz-Josef Behr Transformationen Allgemeine Syntax: scale (zum Skalieren) rotate (zum Rotieren) translate (zum Verschieben) skewX | skewY (zum Neigen in x- oder y-Richtung) matrix (zum allgemeinen Verzerren einschließlich Skalieren, Rotieren, Verschieben und Neigen).

36 SVG 36 Prof. Franz-Josef Behr Unser Beispiel... Reihenfolge der Transformationen beachten!

37 SVG 37 Prof. Franz-Josef Behr Hyperlinks Anchor-Tag, vergleichbar HTML, Jedoch: href entstammt hier dem xlink-Namensraum.... Namensraum xlink‘a‘-Elementhref-Attribut URL

38 SVG 38 Prof. Franz-Josef Behr Filter Quelle: w3.org

39 SVG 39 Prof. Franz-Josef Behr Unser Beispiel...

40 SVG 40 Prof. Franz-Josef Behr Verlauf (Gradienten) gleichmässige Abstufung von einer Quell- hin zu einer Zielfarbe. Unterscheidung –lineare Verläufe –radiale Verläufe jeweils durch Form und Richtung des Verlaufsmusters charakterisiert.

41 SVG 41 Prof. Franz-Josef Behr Unser Beispiel... Im ‚defs‘-Abschnitt Um den "See" herum:

42 SVG 42 Prof. Franz-Josef Behr Animation Im defs-Abschnitt

43 SVG 43 Prof. Franz-Josef Behr Zusammenfassung

44 SVG 44 Prof. Franz-Josef Behr Zusammenfassung XML: Metasprache Grundlage einer Vielzahl von Sprachen und Einsatzmöglichkeiten in allen Bereichen der IT Von Mensch und Maschine gleichermaßen gut lesbar International und plattformunabhängig einsetzbar

45 SVG 45 Prof. Franz-Josef Behr Relevanz von XML im GI-Bereich Geography Markup Language (GML) NAS – künftiges Austauschformat der AdV häufig zur Beschreibung von Metadaten genutzt XML-based messaging: WMS GetCapabilities, GetFeature... für GetMap-Ergebnisse ist SVG optionales Ausgabeformat LandXML.org ESRI: Arc Extensible Markup Language (ArcXML), the file format ArcIMS uses for communication between ArcIMS components Scalable Vector Graphics (SVG) …

46 SVG 46 Prof. Franz-Josef Behr Résumée SVG Integration von vektor- und rasterbasierten raumbezogenen Daten einschließlich Sachdaten, exzellente Darstellung, hohes Maß an Interaktivität (Zoom, Verschieben des Bildaussschnittes, …), Kopplung zwischen verschiedenen Elementen bzw. Gruppen (Übersichtskarte / Detailkarte, Karte / Attribute), interaktive Analyse / Abfrage der Daten

47 SVG 47 Prof. Franz-Josef Behr GI-Systeme und SVG Direkte Unterstützung: –MicroImages TNTmips, tm tm SVG-Erzeugung über Add-ons: –ArcView (Shape2SVG,...)Shape2SVG –MapInfo (Map2SVG, SVGMapMaker,...)Map2SVGSVGMapMaker –Manifold (Master Thesis P&GI) –FME,

48 SVG 48 Prof. Franz-Josef Behr Links Die SVG-Website für Kartographie / GIS: SVG-Tutorials: Der Spezialist für SVG / PDF, PostScript: Linkslisten: für “Verspielte” unter den Zuhörern:

49 SVG 49 Prof. Franz-Josef Behr SVG Viel Spaß!

50 SVG 50 Prof. Franz-Josef Behr Bereitstellung von SVG-Dokumenten im Internet Internet http Webserver http CGI-Protokoll Document root SVG Dokumente CGI-Programme Ggf. dynam. Generierung von SVG-Dokumenten Client "User Agent" Adobe SVG Viewer


Herunterladen ppt "SVG 1 Prof. Franz-Josef Behr XML-basierte Visualisierung von Geodaten mittels SVG Prof. Dr.-Ing. Franz-Josef Behr."

Ähnliche Präsentationen


Google-Anzeigen