xml und andere webgrafiken
DESCRIPTION
XML und andere Webgrafiken. Ausarbeitung von:. David Sauermann. Maik Twelsiek. Lars Wessel. X M L. E x tensible. M arkup. L anguage. Ziel: unterschiedliche Dateiformate mit einem Tool lesbar machen und weiterverarbeiten zu können. Leistungen:. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/1.jpg)
XML und andere Webgrafiken
Ausarbeitung von:
David Sauermann
Maik Twelsiek
Lars Wessel
![Page 2: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/2.jpg)
X
M
L
Extensible
Markup
Language
Ziel: unterschiedliche Dateiformate mit einem Tool lesbar machen und weiterverarbeiten zu können
![Page 3: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/3.jpg)
Leistungen:
Anwendungsszenario besteht aus Editor- /Verarbeitungs-/ Viewerkomponente
Visualisierung und Manipulation von Grafiken
Beschreibung skalierbarer Vektorgrafiken
Grafikformate sind kompakt schnelle Übertragung im Internet
Einfache Erstellung (keine Vorkenntnisse nötig)
Leicht verständliche Syntax
Optionale Funktionen auf ein Minimum reduziert (geringe Komplexität)
Arbeitet mit bestehenden Webprotokollen (HTTP oder MIME) zusammen
![Page 4: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/4.jpg)
Plattform für eine Vielzahl andere Webgrafiken, z.B.:
SVG
VML
X3D
Macromedia Flash
VRML
![Page 5: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/5.jpg)
V
M
L
Vector
Markup
Language
Programmiersprache zur Darstellung von Vektorformaten für 2D-Grafiken
![Page 6: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/6.jpg)
Merkmale:
entwickelt 1998 von Microsoft Nachteil: Unterstützung nur von Microsoftprodukten; Darstellung nur mit Internet Explorer möglich
kann zusammen mit HTML in einer Datei verwendet werden
ist ohne Plugin im Browser darstellbar
ab Powerpoint 2000 können Folien direkt als Webdaten gespeichert und VML als Grafikdarstellung verwendet werden
![Page 7: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/7.jpg)
Beispiel für die Einsatzmöglichkeit unter Powerpoint:
[www.heise.de]
Bild kann beliebig skaliert werden
Vergrößerung des gewünschten Kartenausschnitts über ein Navigationsfenster
Technische Lösung:
Verbindung über multidirektionale Links
zurück
![Page 8: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/8.jpg)
S
V
G
Scalable
Vector
Graphics
Programmiersprache zur Darstellung von Vektorformaten für 2D-Grafiken
![Page 9: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/9.jpg)
Merkmale:
entwickelt 1998 Adobe und beim World Web Consortium vorgestellt
Plugin erforderlich (kostenlos erhältlich auf www.adobe.com)
höherer Funktionsumfang als VML größere Komplexitiät
Dynamische Darstellung möglich (z.B. Bewegungen von Objekten, Größenänderungen von Objekten, Farbvariationen)
Script-Daten werden innerhalb eines speziellen script-Elements definiert
Problem: Druckausgabe von gezoomten Grafiken, da große Datenmengen generiert werden Druckerabsturz
![Page 10: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/10.jpg)
Vergleich VML & SVG
Quellcode VML
Quellcode SVG
![Page 11: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/11.jpg)
Beispiele SVG
www.scale-a-vector.de
www.s-v-g.net
www.cadstd.com
SVG-Kurs
zurück
![Page 12: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/12.jpg)
Macromedia Flash
kurz „Flash“ engl. = „aufblitzen“, „leuchten“
Entwickelt von der Firma Macromedia ( 1997 )
Aktuelle Version ist Flash MX 2004 7.2
Entwicklungsumgebung zur Erzeugung von „Flash-Filmen“
Konkurrenzformat zu SVG
![Page 13: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/13.jpg)
Leistungen
Flash kombiniert interaktiv Vektorgrafik mit Pixelgrafik
Flash lässt nicht nur die Puppen tanzen, sondern spielt auch noch die notwendig Musik dazu
Flash zeigt Ihnen mit Hilfe seiner Streaming – Technik schnell etwas
Flash lädt automatisch die benötigten Dateien nach
Flash arbeitet modular
Flash verfügt über eine eigene Skriptsprache ( ActionScript )
![Page 14: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/14.jpg)
![Page 15: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/15.jpg)
Streaming – Technik
Streaming strömend, fließend
Betrachter muss nicht die komplette Flash-Datei herunterladen, bis er etwas zu sehen bekommt
Abspielen beginnt bereits während der Übertragung
Steuerung ist interaktiv möglich
längerer Verbindungsaufbau zum Webserver durch eine spezielle entwickelte Internet-Technologie
![Page 16: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/16.jpg)
Vektorgrafik
eine Vektorgrafik ist aus Linien, Kurven und Flächen aufgebaut wird mit Vektoren mathematisch genau beschrieben ist der Gegensatz zur Rastergrafik ( Pixelgrafik )
Vorteile gegenüber der Rastergrafik:
kann ohne Qualitätsverlust stufenlos verändert werden die Dateigröße ist geringer Eigenschaften einzelner Linien bleiben erhalten
![Page 17: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/17.jpg)
![Page 18: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/18.jpg)
Beispiele:
www.goegge-hamburg.de
www.derbauer.de
www.playboy.de
www.pepworks.de
zurück
![Page 19: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/19.jpg)
VirtualRealityModelingLanguage
VRML
Programmiersprache zum erstellen von virtuellen 3D-Welten
![Page 20: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/20.jpg)
Virtuelle Welten z.B. Räume, Gebäude, Städte können mit virtuellen Objekten gefüllt werden z.B. Personen
Welten können dynamisch gestaltet werden - Animieren der Objekte, so das sie sich bewegen
- mit Skripten und kleinen Programmen einwirken und kontrollieren
- VRML erlaubt Benutzer zu interagieren- Videos und Töne können integriert werden
Darstellung in Echtzeit
![Page 21: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/21.jpg)
VRML-Dateien enden mit “.wrl“ (Abkz. für “World“)
sind textuelle Beschreibung der VRML-Welt
Können mit jedem beliebigen Texeditor erstellt werden
Versionen: VRML 1.0 / 2.0 / VRML97
Sehr hohe Anforderungen an die Hardware
zurück
![Page 22: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/22.jpg)
X3D Extensible 3D
Offizieller Nachfolger von VRML
ist seit 2004 ISO-Standart
VRML-Beschreibung durch XML
viel mehr standardisierte Möglichkeiten und Schnittstellen
![Page 23: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/23.jpg)
Unterschiede VRML und X3D
Einige Eigenschaften wurden entfernt
Einige Eigenschaften werden anders geschrieben, im Viewer aber gleich dargestellt.
Konvertierung dieser Eigenschaften von X3D nach VRML ohne Daten-und Funktonalitätsverlust möglich
Neue Eigenschaften wurden dazugefügt,die X3D leistungsfähiger machen
![Page 24: XML und andere Webgrafiken](https://reader035.vdokument.com/reader035/viewer/2022062500/568150ba550346895dbed654/html5/thumbnails/24.jpg)
Ziele des X3D-Standards
1. Komponentenmodel
Kapseln entscheidender VRML-Funktionen in einem kleinen Kern
2. Erweiterbarkeit
Es können Komponenten benutzt werden, um die Kernfunktionalität zu erweitern
3. Rückwärtskompatibel
X3D hat ein Profil das vollständige Rückwertskompabillität zu VRML97 bietet
4. XML Integration
Mit Erweiterung kann man VRML mit XML ausdrücken
zurück