XML » SVG Presenter - Carto:net

XML » SVG PRESENTER | STRUKTURIERTE MULTIMEDIA-PRÄSENTATION IM WEB 181
den Zuständen und Manipulationen anderer Objekte abhängig zu machen, 1 etwa mittels
und auch mehrere Animations-Elemente zu verschachteln – die
parallele Änderung bzw. Animation mehrerer Attribute eines Elements ist jedoch nicht möglich: So lässt
sich etwa eine Animation wie die in [Abb.6.5.2.1.1] gezeigte derzeit nicht mittels konventioneller SVG-
bzw. SMIL-Syntax realisieren.
Auch die „dynamische“ Anzeige der nächsten Hierarchie-Ebene des Baumes bereitet im Rahmen der von SVG angebotenen Funktionalität
einige Schwierigkeiten: Da bei Aktivierung eines „Eltern“-Knotens (etwa
durch Anklicken des „plus“-Symbols) ja nicht nur die Tochterelemente entsprechend sichtbar gemacht,
sondern ebenso alle unterhalb dargestellten Symbole entsprechend weiter „nach unten“ 2 verschoben werden
müssen, 3 sind an dieser Stelle gleich die Attribute 4 einer enormen Anzahl sichtbarer und bislang unsichtbarer
Objekte zu modifizieren. Dies wiederum kann bei ausschließlicher Realisierung in Script-freiem
SVG sehr schnell unübersichtlich geraten – wenn es nicht gar völlig unmöglich ist.
Aus diesem Grunde habe ich mich auch hier zur Entwicklung verschiedener „Utility Classes“ entschlossen,
also grundlegender, hilfreicher Objekte und Funktionen, die auch komplexere Operationen
wie etwa die
eben angesprochene „Massen-Manipulation“ von Elementen oder auch Animations-Eigenschaften ermögli-
chen sollten – und zwar naturgemäß wiederum mittels clientseitigem ECMAScript. Aufgrund dessen erscheint
an dieser Stelle auch die Anwendung der Script-Engine beim bereits in [6.5.1] erläuterten Parsing
der internen XML-Daten in einem anderen Licht: Da die Präsentationsdaten aus der XML-Struktur somit
zur Animation bzw. Anzeige der einzelnen Objekte ohnehin in der Form ECMAScript-konformer Variablen
vorliegen sollten, 5 macht auch der Skript-basierte Parser, 6 insbesondere im Vergleich mit den externe Prozessoren
benötigenden SVG-Alternativen [HSL00, Herm02, Sue02] durchaus Sinn und trägt zudem zur erfreulichen
7 Standalone-Eigenschaft des XML » SVG Presenters bei.
6.5.2.1 Animations-Framework
Im Zuge der Realisierung eines, wie soeben dargelegt, für die Umsetzung
des Presenters notwendigen Animations-Frameworks,
gilt es freilich zunächst zu überlegen, welche Grundeigenschaften eine „Animation“
erfüllen sollte und wie sich dies im Rahmen
der ECMAScript-Syntax realisieren lässt: Zunächst sei festgehal-
ten, dass eine diskrete Animation jeweils die Eigenschaft eines Objekts in einem bestimmten Zeitfenster von
einem Ausgans- zu einem zuvor festgelegten Zielwert dynamisch verändern soll. Dies allein ließe sich in
SVG- bzw. SMIL-Syntax ja noch sehr einfach realisieren:
Listing
6.5.2.1.1: Animation des x-Radius einer Ellipse in SVG. 8
1
vgl. [Watt02] pp.428ff.
2
Aus der Perspektive der Darstellungsfläche also: (Positive) Verschiebung entlang der y-Pixelkoordinate
3
Darüber hinaus sind freilich
noch einige Weitere Aktionen durchzuführen: Die Linien sind zu verlängern etc.
4
In der Regel bezieht sich dies auf die x-, y- und visibility-Eigenschaften.
5
Anm: Schliesslich wird die ECMAScript-Engine ja ebenso zur Steuerung der Animation verwendet und benötigt daher natürlich auch
Daten (in Form von Variablen), in welcher Form diese Anweisungen zu geben
sind.
6
s. 6.5.1
7
s. ebenda.
8
Anm: Im Animate-Tag wurden die für diesen Sachverhalt irrelevanten und ohnehin „obligatorischen“ Attribute attributeType="XML"
sowie fill="freeze"
entfernt.