Es werden Methoden beschrieben, Mediendateien (Bilder und Ton) in HTML-Seiten einzubinden. Dies ist ein Nachtrag zur Vorlesung vom 9.11.

Digitale Medien - WiSe 2007/2008

Hypertext und HTML Teil III

Es wird ein Überblick über die Möglichkeiten gegeben, Webseiten interaktiv abhängig von benutzereingaben und anderen externen Faktoren zu gestalten. Die Sprache JavaScript wird eingeführt und verschiedene Beispiele zur HTML-Integration werden besprochen. Als Zugriffsmöglichkeit auf Benutzereingaben werden HTML-Forms und das Document Object Model eingeführt. Abschließend wird eine knappe einführende Diskussion von serverseitigen Lösungen für dynamische Web-Seiten gegeben, mit kurzen Beispielen in der Sprache PHP.

Interaktive Web-Inhalte

Es wird eine Einführung in die Grundkonzepte der Extensible Markup Language XML gegeben. Ausgehend von der Grundidee und dem hisotrischen Hintergrund werden die syntaktischen regeln von XML und von DTDs besprochen und die Begriffe der Wohlgeformtheit und Gültigkeit eingeführt. Als konkrete praxisrelevante Beispiele werden spezielle XML-Formate aus dem Bereich der digitalen Medien eingeführt, nämlich SMIL als mit Multimedia-Playern abspielbares Format für Multimedia-Dokumente und RSS als technologische Basis für News-Feeds im Web und für Podcasts.

Web-Dokumente : XML

Es werden Grundprinzipien der 2-dimensionalen Vektorgrafik diskutiert und das Dateiformat SVG im Detail vorgestellt. Zur Abrundung wird kurz auf 3-dimensionale Vektorgrafik am Beipsiel von VRML eingegangen.

Vektorgrafik

Es werden grundlegende Verfahren zur Kompression von Bewegtbildern besprochen, insbesondere die Techniken der Differenzkodierung und Bewegungskompensation. Die Videocodierung nach MPEG-1 und MPEG-2 wird im Detail behandelt; zu anderen Videoformaten wird ein Überblick gegeben.

Bewegtbilder

Es werden weiterführende Themen zur verlustbehafteten Bildkompression besprochen, insbesondere progressive JPEG-Codierung und Wavelet-Kompression (mit JPEG2000 als voraussichtlichem Nachfolger von JPEG). Ergänzend werden Spezialtechniken der verlustfreien Kompression diskutiert, insbesondere die Basistechniken von JPEG-LS: Prädiktion, Adaptive Prädiktionskorrektur über Kontextinformation, Golomb-Rice-Entropiecodierung. Abschließend wird als Überleitung zum nächsten Thema Motion JPEG kurz angesprochen.

Bilder Teil IV : Progressive und prädiktive Bildcodierungen, Wavelets

Das Grundprinzip der Bildkompression nach JPEG wird erläutert, unter Betonung der verlustbehafteten Kompression im baseline process.

Bilder Teil III : Verlustbehaftete Bild-Kompression

Es werden die wichtigsten Grundbegriffe für Rasterbilder eingeführt und einige gängige Dateiformate im Detail erläutert. Insbesondere wird ausführlich auf das GIF-Format und alle seine Anwendungsmöglichkeiten eingegangen. Technische Anmerkung: Der Ton ist teilweise lückenhaft.

Bilder Teil II : Rasterbild-Datenformate

Es werden die physikalischen und physiologischen Grundprinzipien für Licht, Farbe und Sehwahrnehmung erläutert. Die wichtigsten Farbmodelle werden eingeführt, einschließlich des CIE-Farbraums, der additiven und subtraktiven Farbmischung.

Bilder Teil I : Licht und Farbe

Es werden weitere Formate für Audio-Mediendateien vorgestellt. Anschließend werden Prinzipien der elektronischen Klnagerzeugung sowie elektronishcer Musik erläutert und demonstriert. Der MIDI-Standard wurd ausführlich diskutiert, die Anbindung externer Geräte und von Softwareinstrumenten sowie die Funktion von Sequencern wird praktisch demonstriert. Die Aufnahme enthält auch die Audio-Vorführungen; leider ist das aufgenommene Signal leicht übersteuert.

Audio Teil III : Weitere Formate und Klangsynthese

Es werden die Grundprinzipien verlustbehafteter Audiokompression erläutert, insbesondere die Funktionsweise der Codierung nach dem MP3- und verwandten Standards. Aufgrund eines weiteren technischen Problems sind keine Folien eingebunden, und es liegen an vielen Stellen kleinere Tonstörungen vor.

Audio Teil II : Audio-Kompression

Es werden grundlegende Informationen zu Schall und Ton gegeben, sowohl auf physikalischer als auch auf physiologischer Ebene. Pegelangaben mittels Dezibel und Phon werden eingeführt. In einer Einführung in die Psychoakustik werden Hörschwellen und erste Begriffe zur Maskierung eingeführt. Technische Anmerkung: Aufgrund eines Bedienungsfehlers bei der Aufnahme wurden die ersten 7 Minuten leider mit extrem leisem Ton aufgezeichnet.

Audio Teil I : Tonwahrnehmung

In Vorbereitung der folgenden Kapitel zu Einzelmedien werden Grundbegriffe der Signalverarbeitung eingeführt. Kernthema ist die Zusammensetzung von Signalverfläufen aus harmonischen Sinusschwingungen, also Fourieranalyse und Frequenzraum. Die Behnadlung dieses Stoffs erfolgt wenig mathematisch, mit vielen Anwendungsbeispielen und interaktiven Demonstrationen zur Veranschalulichung der Zusammenhänge. Die Demonstrationen sind (als exerne Applets) im WWW verfügbar; der Podcast enthält nur wenige Screenshots zu den durchgeführten Vorführungen.

Signalverarbeitung

Es werden fortgeschrittenere HTML-Konzepte behandelt, insbesondere Tabellen und Frames. Cascading Style Sheets (CSS) werde eingeführt und einige einfache Beispiele im Zusammenspiel mit HTML diskutiert. Hinweis: Durch ein technisches Problem ist leider der Ton in den letzten ca. 15 Minuten schlecht bzw. fehlt ganz.

Hypertext und HTML Teil II

Hypertext als typisches computergestütztes Textmedium wird mit einer Demonstration und einem historischen Überrblick eingeführt. Anschließend werden Grundlagen zum WWW (z.B. Basisideen von HTTP) und die Grundkonzepte von HTML (4.01) besprochen.

Hypertext und HTML Teil I

Es werden Basiskenntnisse über die physikalischen und wahrnehmungsphysiologischen Grundlagen der Realisierung digitaler Mediensysteme sowie elementare Techniken der digitalen Medienrepräsentation (einschließlich Datenkompressionstechniken) vermittelt. Es soll ein grundlegendes Verständnis der verschiedenen Multimedia-Datenformate und ihrer Vor- und Nachteile erworben werden.

hubhopper

Hypertext und HTML Teil III

hubhopper