Proseminar Auszeichnungssprachen WS04/05
description
Transcript of Proseminar Auszeichnungssprachen WS04/05
![Page 1: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/1.jpg)
Proseminar Auszeichnungssprachen WS04/05
XML und MultimediaReferat von Benjamin Bornemann
![Page 2: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/2.jpg)
XML und Multimedia
● XML hervorragend geeignet für information retrieval aus Dokumenten
● aber wie handhabt XML Multimediaformate wie Audio, Video oder Bilder?
● Einbindung XML-fremder Daten über Deklaration eines externen Entities
![Page 3: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/3.jpg)
Einbindung XML-fremder Daten● Anhängsel NDATA (non XML-Data) um
Anwendungsprogramm Verwendung XML fremder Daten zu signalisieren
● abschliessend muss Notation deklariert werden
● Notation-Deklaration für Formate sollte besser in externer Teilmenge untergebracht werden
![Page 4: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/4.jpg)
Beispiel Entity
<!Entity am_Strand SYSTEM ''urlaub/Uschi.JPEG''
NDATA JPEG >
Verwendung des Entities im Text:
&am_Strand;
![Page 5: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/5.jpg)
Notation-Deklaration für JPEG
<!NOTATION JPEG PUBLIC ''ISO/IEC 10918:1993//NOTATION Digital Compression and Coding of Continuous-tone Still Images (JPEG)//EN''
Der Name des Public Identifier ist in diesem Fall der internationale Standard, der das JPEG-Format definiert. An dieser Stelle kann auch ein System Identifier stehen, der beispielsweise den Dateinamen eines Programms zum Anzeigen von Grafiken enthält.
![Page 6: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/6.jpg)
Mögliche Notation-Deklarationen für non-XML-Data
<!NOTATION MPEG SYSTEM ''/usr/local/bin/mpeg_player'' >
<!NOTATION WAV SYSTEM ''C:\windows\player.exe'' >
![Page 7: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/7.jpg)
Metasuche?
● Vorteile der Markuplanguage gehen allerdings so verloren
● Multimediaelement nicht im XML-Dokument untergebracht, sondern als Blackbox betrachtet
![Page 8: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/8.jpg)
Auf XML basierende Applikationen
● wie erfahre ich etwas über den Autor eines Musikstückes, oder wer ist der Regisseur von Film XY?
● im Umfeld von XML entstehen unzählige Applikationen um die Markupfähigkeit für Multimediaformate zu ermöglichen
![Page 9: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/9.jpg)
Beispielapplikationen
● VML (Vector Markup Language)● SMIL (Synchronized Multimedia Integration
Language)● SVG (Scalable Vector Graphics)● VoiceXML
![Page 10: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/10.jpg)
VML
Vector Markup Language
![Page 11: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/11.jpg)
VML
● auf XML basierendes Format zum Austausch und Editieren von hochqualitativen Vektorgrafiken im Web
● im Gegensatz zu Pixelgrafiken wie GIF oder JPEG bestehen VML-Grafiken aus XML-Markup-Tags
![Page 12: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/12.jpg)
VML
● textbasiert● Open-Source● ermöglicht Webentwicklern „cut and paste“
und Editieren von Vektorgrafiken ohne Einbussen von Qualität
![Page 13: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/13.jpg)
VML● im Gegensatz zum Referenzieren von
externen Grafikdateien werden VML-Grafiken „inline“ mit der HTML-Seite übertragen
● Sprich: Bild ist Teil der Seite
![Page 14: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/14.jpg)
Vector Markup Language
● nun zum eigentlichen Nutzen einer Markup Language
● eine Vektorgrafik besteht aus Linien, Ellipsen, Kreisen, Rechtecken, etc.
● jedes Element der Grafik kann einzeln angesprochen und editiert werden
![Page 15: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/15.jpg)
Beispiel
Eine Vektorgrafik
![Page 16: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/16.jpg)
Beispiel
Teil des Codes für das Beispiel
<v:shape type="#flowChartTerminator" style='position: absolute; left: 17; top: 263; width: 150; height: 64' fillcolor="#39f"> <v:fill type="gradient" color2="fill lighten(0)" method="linear sigma" angle="-135" focus="100%"/> <v:textbox> <div> <span class="font5">Product</span> </div> </v:textbox> </v:shape>
![Page 17: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/17.jpg)
Beispiel
● problemloses ändern des Textes aus dem Beispiel möglich
● Text „Product“ aus der Textbox kann beliebig verändert werden
● genauso natürlich Farbe, Grösse, Form, etc. beliebiger Elemente
![Page 18: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/18.jpg)
SMIL
Synchronized Multimedia Integration Language(ausgesprochen wie engl. smile)
![Page 19: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/19.jpg)
SMIL
● erstellt synchrone Streaming-Multimedia-Präsentationen, die Audio, Video, Bilder und Text integrieren
● einsetzbar auf Desktop-Pcs, Mobiltelefonen, Kfz-Navigationssystemen, Fernsehern, etc.
● entworfen um die Probleme bei der Darstellung von Multimedia im Web zu lösen
![Page 20: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/20.jpg)
SMIL
● Synchronisation der verschiedenen Sequenzen wichtig
● 3 verschiedene Synchronisationsarten der Sequenzen: zeitbasiert, objektbasiert und eine Kombination aus beiden
![Page 21: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/21.jpg)
SMIL
Die verschiedenen Elemente einer SMIL- Präsentation
![Page 22: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/22.jpg)
Beispiel
<par> <video src="anchor.mpg" ... /> <switch> <audio src="germanHQ.aiff" systemBitrate="56000" ... />
<audio src="germanMQ.aiff" systemBitrate="28800" ... /> <audio src="germanLQ.aiff" ... />
</switch> </par>
![Page 23: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/23.jpg)
Markupfähigkeit
● auch hier jedes Element einzeln ansprechbar● Beispiel: Zugriff auf verschiedene
Audiospuren eines Filmes möglich
![Page 24: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/24.jpg)
SVG
Scalable Vector Graphics
![Page 25: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/25.jpg)
SVG
● in XML formuliert● vom W3C (World Wide Web Consortium)
initiiert● problemlose Integration in Datenbanken,
eCommerce oder andere Quellen von Echtzeitinformation
![Page 26: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/26.jpg)
SVG
● auch nichtromanische und andere unübliche Schriftarten können in SVG-Dokumenten eingebettet werden
● es wird nur eine Datei erstellt, welche in beliebigen Situationen eingesetzt werden kann
![Page 27: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/27.jpg)
SVG
● Unterstützung von Stylesheets zu Präsentationszwecken
● CSS kann nicht nur für Schriftartcharakteristiken sondern auch für Eigenschaften grafischer Elemente benutzt werden
● eng verwandt mit VML
![Page 28: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/28.jpg)
Beispiel
![Page 29: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/29.jpg)
Beispiel
![Page 30: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/30.jpg)
VoiceXML
Sprachgesteuerte Benutzereingaben
![Page 31: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/31.jpg)
VoiceXML
● Sprache zum sprachbasierten Zugriff auf Dokumente
● Spracherkennung, Ausgabe von Audiodateien, Aufnahme von gesprochenen Benutzereingaben möglich
● VoiceXML-Interpreter führt Code aus und gibt ihn an Applikation zur Sprachein- und Ausgabe weiter
![Page 32: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/32.jpg)
ein VoiceXML-Dokument
<?xml version=''1.0''?><vxml version ''1.0''><menu><prompt> In welchem Modus möchten Sie arbeiten? </prompt><choice next=''anfaenger.vxml''> Anfänger </choice><choice next=''fortgeschr.vxml''> Fortgeschrittener </choice><choice next=''profi.vxml''> Profi </choice><erklaerung>Sind Sie ein Anfänger, sagen Sie „Anfänger“; sind
Sie Fortgeschrittener, sagen Sie „Fortgeschrittener“; sind Sie Profi, sagen Sie „Profi“. </erklaerung>
<noinput> Bitte treffen Sie eine Auswahl. </noinput><nomatch> Versuchen Sie es noch einmal. </nomatch></menu></vxml>
![Page 33: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/33.jpg)
VoiceXML
● VoiceXML-Interpreter wertet Aussage aus und gibt sie an die Applikation weiter
● XML-Dokument legt lediglich fest, welche Auswahlmöglichkeiten bestehen
● hohe Anforderungen an die Applikation● VoiceXML liefert bereits bestehende
Schnittstelle zwischen Benutzeroberfläche und der Applikation
![Page 34: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/34.jpg)
Fazit
Auszeichnungssprachen für Multimediainhalte ermöglichen fast genauso komplexen Zugriff auf Metadaten der verschiedenen Formate,
wie XML es für Dokumente tut.
![Page 35: Proseminar Auszeichnungssprachen WS04/05](https://reader034.fdocuments.net/reader034/viewer/2022042509/56813a9d550346895da29861/html5/thumbnails/35.jpg)
Quellenangaben
● [McKelvey2001]● www.w3c.org● Behme, Mintert - XML in der Praxis