SVG Scalable Vector Graphics

Präsentation zum Thema: "SVG Scalable Vector Graphics"—  Präsentation transkript:

1 SVG Scalable Vector Graphics
Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt

2 Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt
SVG 1. Einleitung Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt

3 1.1. Vorstellung SVG - Einleitung Einleitung Hauptteil Schluss
Geschichte Zusammenhang mit W3C Hauptteil Skriptsprache SVG und XML Nutzung von SVG Das WWR-Projekt Arbeit mit SVG Statische Grafiken (Grundformen) Animationen (der „animate“ Tag) Komplexe Grafiken Filter und Effekte Tools WebDraw Corel Draw (Exportfunktionen) Eigenentwicklung Schluss Komplexe Animationen\ WWR Ausblicke auf die Zukunft und W3C

4 1.1. Vorstellung SVG - Einleitung Copyright © 2002 Petra Kukofka

5 1.2. Geschichte SVG - Einleitung
Erste Konzepte bereits 1998 erarbeitet April: Einreichung einer Note über PGML bei W3C durch Adobe, Sun, IBM, u.a. Mai: Vorschlag von hp, MS, Macromedia u. Visio für VML Entwurf von HGML durch PRP und Orange Oktober: Entstehung von SVG durch Zusammenfassung, Optimierung und Ergänzung der verschiedenen Konzepte

6 1.3. Zusammenhang mit W3C SVG - Einleitung
W3C: Interessenverband zahlreicher Einrichtungen um die Anzahl an www-Standards zu reduzieren Gründung einer SVG-Working Group (Adobe, hp, Apple, Canon, Corel, MS,...) 4. September 2001: offizielle SVG-Recommendation ( Aufbau von SVG Strukturen DTD (Dokumenttypdefinition) SVG-DOM Interfaces (Document Object Model)

7 Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt
SVG 2. Praktikumsarbeit Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt

8 2.1. SVG - Skriptsprache SVG - Praktikumsarbeit
Programmiersprachen, die die Ausführung des Programmcodes ohne getrennte Übersetzungsphase ermöglichen. 3 Arten Abgeleitet von Kommandozeileninterpretern Teil eines Anwenderprogramms (z. B. Makros) Vollwertige Programmiersprache Kein Unterschied zwischen Code und Daten (manche) Meist mit wenig Quelltext viel erreichen Merkmale Interpretierend Automatische Typenkonversion und Speichermanagement Implizit deklarierte Variablen Dynamische Funktionsnamen Späte syntaktische Fehlererkennung

9 2.2. SVG und XML SVG - Praktikumsarbeit
SVG basiert auf der Metasprache XML Baumstruktur Tags, Attribute, leere Tags Root-Elemente Verschachtelungen Entity-Referenzen

10 Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt
SVG 2.3. Das WWR Projekt Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt

11 2.3. Nutzung von SVG SVG - Das WWR Projekt
Verbundprojekt im Rahmen bmb+f Programms „Neue Medien in der Hochschullehre“ Kleine Module, die im Hinblick auf konkrete Lernziele kombinierbar sind SVG zur Animation von e-Learning Inhalten

12 Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt
SVG 2.4. Arbeit mit SVG Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt

13 2.4.1. Statische Grafiken SVG - Arbeit mit SVG
Grundformen-Tags (Rechteck, Kreise, Linien, Ellipsen) besitzen Attribute wie Füllung, Linienstärke, Deckkraft, Dimensionen Komplexe Formen (Polygone, Kurven, Pfade)

14 2.4.2. Animationen SVG - Arbeit mit SVG
Werden durch animate-Tag definiert <animate>, <animateColor>, <animateMotion>, <animateTransform>, <set>

15 SVG - Arbeit mit SVG Komplexe Grafiken ©

16 2.4.4. Filter und Effekte SVG - Arbeit mit SVG
Werden innerhalb eines filter-Tags definiert

17 Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt
SVG 2.5. Tools Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt

18 2.5.1. WebDraw SVG - Tools www.jasc.com Von Jasc Software
Speziell auf SVG ausgelegter Editor WYSIWYG-Tool Code-Validierung Zahlreiche Zeichentools Timeline, DOM-Tree, vorgefertigte Filter

19 2.5.2. Corel Draw 11 SVG - Tools Von Corel WYSIWYG-Tool
Exportfunktion für statische SVG Grafiken Grundformen bleiben erhalten (keine Umwandlung in Polygone)

20 SVG Builder SVG - Tools Auf Grund unverständlicher Kompatibilitätsprobleme zwischen Jasc WebDraw und Corel Draw 11 auch sich selbst gegenüber Bei Beherrschen der Sprache sind keine komplizierten Menü- und Toolstrukturen zu bewältigen Features: Syntax-Highlighting DOM Codevervollständigung (automatische In-Tag-Erkennung) Dateikomprimierung (gzip-Einbindung) und Releasefunktion Live-Vorschau Befehlsreferenz kostenlos

21 Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt
SVG 3. Ergebnisse Praktikumsarbeit an der TU Chemnitz von René Bergelt und Felix Schmitt

22 SVG - Ergebnisse 3.1. Komplexe Anim.\ WWR

23 3.2. Ausblicke für SVG SVG - Ergebnisse Fertigstellung von SVG 2.0
Schutz des Sourcecodes Scriptingmöglichkeiten Soll von allen Browser, grafischen Programmen, Autoren-Tools und Konvertierungsprogrammen für PCs, Handhelds sowie Drucker unterstützt werden Viewer Programm Unterstützung aller bzw. der meisten SVG Standards

24 3.3. Quellen SVG - Ergebnisse
Iris Fibinger: SVG-Scalable Vector Graphics, M+T Verlag 2002 Helmut Herold: Linux-Unix Systemprogrammierung, Addison Wesley 1999 David A. Solomon: Inside Windows NT, Microsoft Press 1998 Robert Baumgartl: Übung Betriebssysteme, TU Chemnitz 2003