Der XML-Prolog Sprachversion - Pflicht DTD Dokumenteninstanz

Transkript

1

2 Struktur Der XML-Prolog Sprachversion - Pflicht DTD Dokumenteninstanz <?xml version= 1.0?> <!DOCTYPE MEMO SYSTEM memo.dtd > <memo> <von> <Name>Ernst Mayer</Name> < >e.mayer@xxx.de</ > </von> <an> <Name>Fritz Peter</Name> < >f.peter@yyy.de</ > </an> <thema>ein Memo-Beispiel</thema> <body> <paragraph> Ich muss an einem Beispiel XML erklären. </paragraph> <paragraph> Sag mal Deine Meinung! </paragraph> </body> </memo> XML Struktur: Beispiel XML Intro Seite 37

3 Struktur memo von Name an Name thema body paragraph paragraph XML Struktur: Beispiel XML Intro Seite 38

4 Struktur  <!ELEMENT memo (von, an, thema, body)> <!ELEMENT von (Name, )> <!ELEMENT Name (#PCDATA)> <!ELEMENT (#PCDATA)> <!ELEMENT an (Name, )> <!ELEMENT Name (#PCDATA)> <!ELEMENT (#PCDATA)> <!ELEMENT thema (#PCDATA)> <!ELEMENT body (paragraph+)> <!ELEMENT paragraph (#PCDATA)>  memo von an thema body Name Name paragraph paragraph XML Struktur: Beispiel XML Intro Seite 39

5 Struktur Indikator das Element ist? optional (null- oder einmal) * optional und wiederholbar (null-, ein- oder mehrmals) + zwingend erforderlich und wiederholbar (ein- oder mehrmals) (#PCDATA) kein Spezifikation für kombinierte Inhalte (parsed code data) zwingend erforderlich und nicht wiederholbar (einmal) <!ELEMENT thema (#PCDATA)> <!ELEMENT body (paragraph+)> <!ELEMENT paragraph (#PCDATA)> XML Struktur: DTD Indikatoren XML Intro Seite 40

6 Struktur Einrichtung von Verweisen, die weit über HTML (Anker <a href...>, Bildverweise ) hinausgehen. Einfache Links - etwa analog der HTML-Technik - was ein Linkelement ist wird in XML durch Attribut definiert: xml:link= Erweiterte Links - Verbinden 2 Dokumente so, daß keines etwas vom anderen wissen muß (externe Formulierung) - Bidirektionale Links (Linknetze) - Multidirektionale Links ( Verweis auf mehrere Ressourcen gleichzeitig) XML Struktur: Linking XML Intro Seite 41

7 Struktur MM-Daten werden in der DTD als Entity mit Datentyp angelegt und können im Dokument beliebig eingebunden werden. <!ENTITY meine_tochter SYSTEM "/home/video/charlotte.mpeg" NDATA MPEG> Der referenzierte Datentyp muss XML vorher bekannt gemacht werden. <!NOTATION MPEG SYSTEM "/usr/local/bin/mpeg_player"> XML Struktur: Entities XML Intro Seite 42

8 formatiert & transformiert DSSSL Metasprachen SGML XML definiert HTML XHTML formatiert CSS formatiert & transformiert XSL XSLT Auszeichnungssprachen Formatierungs- und Transformationssprachen XML Layout: Kontext XML Intro Seite 43

9 Layout Für die Verwendung unter HTML wurden Cascading Style Sheets (CSS) entwickelt. Sie gestatten eine Veränderung der im Browser voreingestellten Formatierung. CSS-Code kann sowohl direkt in HTML-Code integriert werden als auch als externe Datei zugeordnet werden. Informationen unter: XML Layout: CSS XML Intro Seite 44

10 Layout <STYLE TYPE="text/css"> H1 { background-color : black; color : white } H2 { background-color : blue; color : read } H3 { background-color : black; color : white } </STYLE> Verändert die Farben und Hintergrundfarben einiger Überschriftstypen. XML Layout: CSS XML Intro Seite 45

11 Layout Mit Stylesheets können auch Unterklassen von Anweisungen definiert werden. <STYLE TYPE="text/css"> H1.wichtig { background-color : yellow; color : white } H1.unwichtig { background-color : white; color : gray } </STYLE> <BODY> <H1>normale Überschrift erster Ordnung</H1> <H1 CLASS="wichtig">Wichtige Überschrift</H1> <H1 CLASS="unwichtig">Nicht so wichtige Überschrift</H1> </BODY> XML Layout: CSS XML Intro Seite 46

12 Layout Pseudo-Formate: - z.b. display:none zum Ausblenden (nicht darstellen) Pseudo-Elemente: - z.b. :first-letter, :first-line zur speziellen Formatierung von Textteilen - z.b. :before, :after zum Modifizieren von Texten bei der Anzeige Pseudo-Klassen - z.b. :hover, :focus, :active zur Darstellung abhängig von Benutzeraktionen Kontextabhängige Formatierung - z.b. für Elemente abhängig von bestimmten Attributwerten - z.b. für Unterelemente abhängig von den im Dokument vorhandenen Oberelementen Strukturierung von Formatierungsinformation - Vererbung und verschiedene Formen zur Einbindung von Stylesheets XML Layout: CSS XML Intro Seite 47

13 formatiert & transformiert DSSSL Metasprachen SGML XML definiert HTML XHTML formatiert CSS formatiert & transformiert XSL XSLT Auszeichnungssprachen Formatierungs- und Transformationssprachen XML Layout: Kontext XML Intro Seite 48

14 Layout Struktur Sprache, mit der man die Formatierungsanweisungen für XML-Dokumente formulieren kann Abgeleitet aus der Document Style Semantics and Specification Language DSSSL Standardisierte Formatierung von XML-Dokumenten ( W3C) Kann ergänzend zu CSS verwendet werden, geht weit über CSS hinaus 90% der Formatierungselemente identisch zu CSS Zweistufige Interpretation - Tree Transformation (Ergebnisbaum aus XML-Struktur) - Formatierung (Präsentation in area-container, block area, line-area) XML Layout: XSL XML Intro Seite 49

15 Layout Struktur XML Layout: XSL XML Intro Seite 50

16 Layout Struktur Tree Transformation nach Regeln des W3C: XSL Transformation Transformation nicht nur für die Darstellung, auch für die Überführung in andere Datenformate nutzbar XML- Dokument XSLT- Stylesheet XML-Parser Xpath- Processor XSLT- Processor XML- Dokument XML Layout: XSLT XML Intro Seite 51

17 XML Layout: XSLT XML Intro Seite 52

18 XML Layout: XSL XML Intro Seite 53

19 XML- Dokume XSLT- Styleshee XML-Parser XML Layout: XSLT XML Intro Seite 54

20 Layout Struktur Mögliche Ergebnisse: XML-Baum, HTML-Baum, Text XML Layout: XSL XML Intro Seite 55

21 Struktur Document Object Model (DOM) - Standardisierte Schnittstelle (API) für den Zugriff auf XML-Dokumente - Baut intern den Baum des XML-Dokuments auf (Abstrakter Syntaxbaum) - Zugriff über Programmier- oder Scriptsprache ( Java, C++, JavaScript, VBScript,...) Simple API for XML (SAX) - Standardisierte Schnittstelle (API), die beim Parsen eines XML-Dokuments Ereignisse zur Steuerung externer Programme anzeigt Informationen unter: und XML Layout: DOM und SAX XML Intro Seite 56

22 Struktur Die Struktur eines beliebigen XML-Dokuments ist ein Baum. Xpath ist die XML Path Language - Stellt ein Adressierungsmodell für die Knoten bereit - Die Knoten erhalten eine eindeutige Nummerierung - Bildet z.b. die Grundlage für Xpointer und XSLT - Navigationssprache, Abfragesprache XML Layout: XPath XML Intro Seite 57

23 <?xml version="1.0" encoding="utf-8" standalone="yes"?> <dok> <kap title="nettes Kapitel"> <pa>ein Absatz</pa> <pa>noch ein Absatz</pa> <pa>und noch ein Absatz</pa> <pa>nett, oder?</pa> </kap> <kap title="zweites Kapitel"> <pa>ein Absatz</pa> </kap> </dok> Struktur /dok Ausdruck selektiert... das Wurzel-Element dok /* das Wurzel-Element unabhängig vom Namen (jedes wohlgeformte XML-Dokument hat genau ein Wurzel-Element) /dok/kap /dok/kap[1] alle kap-elemente innerhalb eines dok Elements das erste kap-element innerhalb eines dok Elements //pa Kapitel"]/pa child::* child::pa alle pa-elemente auf allen Ebenen (Vorsicht: langsam) alle Absätze des Kapitels Nettes Kapitel. alle Kindelemente des gegenwärtigen Knotens alle pa-kinder des gegenwärtigen Knotens XML Intro Seite 58

24 Reformierung von HTML als XML-Anwendung XHTML (Dezember 1999) Stärkere Modularisierung Formale Verifizierbarkeit von Dokumenten WAP Wireless Application Protocol Markup Language ( WML) XHTML Mobile Profile soll WML ersetzen SVG (Scalable Vector Graphics) und MML (Math Markup Language) als weitere Bestandteile von XHTML - Entwicklung wird vom W3C vorangetrieben XML Anwendungen: XHTML und WML XML Intro Seite 59

25 Synchronized Multimedia Integration Language SMIL Standardsprache ( W3C) für die koordinierte Kombination von zeitabhängigen Medien zu einer Multimedia-Präsentation - zeitliche Abhängigkeiten im Ablauf - berücksichtigt auch nicht-zeitabhängige Medientypen (Text, Standbild) - auch geeignet für Streaming, d.h. kontinuierliches Laden von Mediendaten über Netzwerke - Version 1.0 Juni Version 2.0 August Version 3.0 (smil 3.0 candidate recommendation) Januar 2008 Unterstützung durch RealPlayer, QuickTime, Ambulant Player Bekannte Editoren: Graphical Interface for SMILE (GRInS), Adobe GoLive XML Anwendungen: SMIL XML Intro Seite 60

26 XML Intro Seite 61

27 <smil xmlns=" <head> <layout> </layout> </head> <body> <seq> <root-layout width="356" height="356" backgroundcolor="black"/> <region id="imgreg" width="256" height="256" left="50" top="50"> <img region="imgreg" src="tiger.jpg" dur="4s"/> <img region="imgreg" src="elephant.jpg" dur="4s"/> <img region="imgreg" src="butterfly.jpg" dur="4s"/> </seq> </body> </smil> XML Anwendungen: SMIL XML Intro Seite 62

28 <layout>-tag bestimmt Platzierung der Medienrepräsentation auf dem Bildschirm - Optional: Wenn weggelassen, Standard-Layout durch Player <root-layout>: Größe des gesamten Darstellungsbereichs - Alternativ Mehrfenster-Layout (<top-layout>) <region>: Anzeigebereich (mit Namen für spätere Referenzierung) Hierarchische Layout-Struktur - Beliebige Schachtelung von Regionen Ausgewählte Attribute für Regionen: - fit: Regel für die Größenanpassung von Mediendarstellungen - z-index: Ebene in der Darstellung (höchster Z-Index vorne ) - soundlevel: Relative Lautstärke von Tonelementen - close: Regel für Schliessen des Fensters bei Mehrfenster-Layout XML Anwendungen: SMIL XML Intro Seite 63

29 <ref/> - Generische Referenz auf Medien <animation/> - Animierte Grafik, z.b. in Flash-Format (.swf-dateien) <audio/> - Tondatei. z.b. in WAV-(.wav), MPEG-(.mp3) oder RealAudio-Format (.rm) <brush/> - Farbblock anstelle eines Clips <img/> - Standbild, z.b. in JPEG-(.jpg), GIF-(.gif ) oder PNG-Format (.png) <text/> - Statischer Text (.txt) <textstream/> - Textstrom, z.b. in RealText-Format (.rt) <video/> - Videostrom, z.b. in MPEG-Format (.mpg) oder RealVideo-Format (.rm) XML Intro Seite 64

30 <a/> - Hyperlink wie in HTML - Anwendbar auf beliebige Clips (Text, Bilder, Video, ) <body> <par> <img region="img_region" src="tiger.jpg"/> <a href="slideshow2elephant.smil"> <text region="text" src="data:,elephant"/> </a> </par> </body> XML Intro Seite 65

31 t dur-attribut (duration): - (Einfache) Zeitdauer, für die ein Medienelement (Clip) aktiv ist - Tatsächliche Zeitdauer kann z.b. durch Wiederholungen erhöht werden Zeitdauer bei zeitgebundenen Medien: - Abspielzeit wird der natürlichen Zeitdauer des Clips angepasst (z.b. Abschneiden) Zeitdauer bei statischen Medien (z.b. Bild): Standzeit Maßeinheit: Uhrzeiten relativ zum Startzeitpunkt - Volle Zeitangabe: 01:15: Stunde, 15 Minuten, 3.25 Sekunden - Partielle Angabe: 1:03 1 Minute, 3 Sekunden - Partielle Angabe: Sekunden Verschiedene Player haben (leider) verschiedene Alternativformate für Zeitmaße: - RealPlayer: z.b. "4s" für 4 sec, QuickTime Player: z.b. "4sec" für 4 sec - Standard (nur Zahl) wird von meisten Playern verstanden XML Intro Seite 66

32 <seq> - Sequentieller Ablauf von Medienelementen - Start des nächsten Elements nach Ende des vorangehenden Elements - Möglichkeiten der Zeitsteuerung durch Attribute <par> - Paralleler Ablauf von Medienelementen - Gleichzeitiger Start der enthaltenen Medienelemente - Ende bei Beendigung des längsten Medienelements - Möglichkeiten der Zeitsteuerung durch Attribute <excl> (noch nicht in SMIL 1.0) - Gegenseitiger Ausschluss des Ablaufs - Reihenfolge z.b. durch Benutzeraktion gegeben - Möglichkeit der zeitlichen Verschachtelung t XML Intro Seite 67

33 Attribute begin und end - Angabe von Start- und Endzeitpunkt - Relativ zur aktuellen Gruppe (par, seq, excl) Wertangaben bei begin und end: - (Relative) Zeitwerte - Absolute Zeitwerte (durch Bezug auf ein wallclock-objekt) - Bezug auf Ereignisse z.b. Mausklick: id.activateevent z.b. Start eines Clips: id.beginevent - Offset auf Ereignisse d.h. zusätzliche Zeitangabe, z.b. id.beginevent+5 Attribut fill - Steuerung des visuellen Erscheinungsbilds bei Ende - Werte z.b.: remove, freeze, transition XML Intro Seite 68

34 Übergang (transition) von einem visuell dargestellten Medienobjekt zum nächsten Grundbegriffe: - Quellelement (source), Zielelement (destination) und Fortschritt (progress) - Übergang beim Erscheinen (transin) und beim Verschwinden (transout) SMIL-Transitionen - Klassische sogenannte SMPTE-Transitionen z.b. barwipe, barndoorwipe, iriswipe, doublefanwipe,... - Transitionen haben eine Zeitdauer (begin, end, dur) - Vielfältige Attributeinstellungen: Richtung, Farben, Wiederholung, Ränder, zeitlicher Verlauf,... - Deklaration im Kopfbereich einer SMIL-Datei mit id - Anbindung an Medienobjekte mit Attributen transin, transout <transition id="img_wipe" type="barwipe" subtype="lefttoright" dur="3s"/> <img... transin="img_wipe" fill="transition"/> XML Intro Seite 69

35 <?xml version="1.0"?> <!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" " <smil xmlns=" <head> <meta name="title" content="ppc Slideshow with Dual Audio and Text Captions"/> <meta name="generator" content="grins Pro for SMIL 2.0, v2.2 Mobile win32 build 150"/> <meta name="author" content="dick Bulterman"/> <layout> <root-layout id="advanced_ppc_slideshow" backgroundcolor="black" width="240" height="270"/> <region id="audio_1"/> <region id="audio_2"/> <region id="bkgd_image" left="0" width="240" top="0" height="270"/> <region id="images" left="18" width="220" top="6" height="240" z-index="1" fit="meet"/> <region id="captions" left="19" width="220" top="184" height="85" z-index="2"/> </layout> <transition id="slideover" type="slidewipe"/> <transition id="fade" type="fade"/> <transition id="push" type="pushwipe"/> </head>... XML Intro Seite 70

36 ...<body> <par id="advancedppcslideshow"> <audio id="nystateofmind" region="audio_2" src="nycdata/nystateofmind.mp3" systemcomponent="multichannelaudio"/> <seq id="imagesandaudiosequence"> <par id="imagetextaudio" dur="8s"> <img id="titlea" region="images" dur="8s" fill="transition" src="nycdata/titlea.gif"/> <audio id="welcome" region="audio_1" begin="0" src="nycdata/welcome.mp3"/> </par> <par id="imagetextaudio-0" begin="0"> <img id="titlea1" region="images" begin="0" dur="7s" src="nycdata/titlea1.gif" transin="fade"/> </par> <par id="imagetextaudio-1"> <img id="titleb" region="images" dur="5s" src="nycdata/titleb.gif" transin="fade"/> <audio id="sif-intro" region="audio_1" src="nycdata/sif-intro.mp3"/> <text id="capf0" region="captions" dur="5s" src="nycdata/capf0.txt"/> </par>... XML Intro Seite 71

37 XML Intro Seite 72

38 FLASH SMIL DVD/Bluray SVG QTVR SGML Streaming Media (X)HTML XML Social Software CD/ROM e/m-commerce Warenwirtschaft Games VRML/X3D Zusammenfassung XML Intro Seite 73

39 Was unterscheidet HTML und XML? Welche Aufgabe erfüllt eine DTD? Was wird bei der Validierung von XML-Code geprüft? Wann ist XML-Code wohlgeformt? Wann ist XML-Code gültig? Welche Beispiele für XML-Anwendungen kennen Sie? Wozu wird XSLT benötigt? Was unterscheidet XSL von CSS? Zusammenfassung XML Intro Seite 74

40 Henning Behme, Stefan Mintert: XML in der Praxis, Addison-Wesley-Longman, 2002 Charles F. Goldfarb, Paul Prescott: XML Handbuch, München, London: Prentice Hall, 1999 Seiten des W3C zu XML: XML-Basics von Stefan Münz (deutschsprachig) Quellen und Literatur XML Intro Seite 75

41 Quellen und Literatur XML Intro Seite 76

42