0 06.02.2003 21:33 Architektur Moderner Internet Applikationen – Multimedia Copyright ©2003...

06.02.2003 21:33 Architektur Moderner Internet Applikationen – MultimediaCopyright ©2003 Christian Donner. Alle Rechte vorbehalten.

1

Architektur Moderner Internet Applikationen

22.-24.4.2004 TU Wien/Ausseninstitut

Multimedia im Web

DI Christian Donnercd (at) donners.com


2

InhaltInhalt

Streaming Audio und Video

Flash

Panoramagrafiken

Animierte GIF Bilder

JavaScript

VML, VRML

Liquid Motion


3

Streaming Audio und VideoStreaming Audio und Video

Streaming erfolgt Live oder On-Demand

Streaming Technologie ist Voraussetzung für das Senden von Live Audio- und Videoprogrammen

Live: Das Programm wird in Echtzeit codiert und abgearbeitet, egal, ob Clients angemeldet sind, und endet zur vorbestimmten Zeit

On-Demand: Programm ist vorcodiert und wird auf Anforderung gesendet

Es existieren zwei konkurrierende, nicht-kompatible Formate: Windows Media (Microsoft), RealMedia


4

Technischer AufwandTechnischer Aufwand

Das Senden von Programmen mit mehr als einigen hundert gleichzeitigen Benutzern macht spezielle Maßnahmen notwendig.

Provider für Streaming Media sind darauf spezialisiertStellen benötigte Bandbreite vom streamenden Server weg zur VerfügungReplizieren Streams geographischRedundante Streams zwischen Verteilungsservern verbessert die Qualität


5

Unicast, Multicast, BroadcastUnicast, Multicast, Broadcast

Unicast ‘normaler’ Internet-Datenverkehr zwischen Server und Client

MulticastSpezielles IP Servicemodell für Streaminganwendungen (RFC 1112). Datenpakete werden an alle ‘Subscriber’ versendet. Bandbreitenbedarf ist theoretisch unabhängig von der Zahl der Teilnehmer.

BroadcastDaten werden an alle Clients geschickt, unabhängig davon, ob sie dort gebraucht werden (praktische Relevanz nur in LANs).


6

Pro und Contra StreamingPro und Contra Streaming

PLUS

Unerreichte “User experience”

Maximale Informationsdichte durch bewegte Bilder

Weitergeben der gestreamten Daten durch Unbefugte ist technisch möglich, aber praktisch unwahrscheinlich, weil das Speichern einen hohen Aufwand erfordert.

Gut in Browser integrierbar

MINUS

Bandbreitenbedarf ist hoch

Viele Internetbenutzer können nicht in dieser Technologie teilnehmen, weil

Bandbreite nicht vorhanden istNetzwerkadministratoren blockieren die Ports

Kodierungsaufwand ist hoch, besonders, wenn professionelle Qualität verlangt ist


7

Streaming Video BeispielStreaming Video Beispielhttp://store.law.com/seminars/sampleClassroom.asphttp://store.law.com/seminars/sampleClassroom.asp


8

Macromedia FlashMacromedia Flash

Flash ist proprietäre Technology von Macromedia zum Senden von animierten Grafiksequenzen (“Movies”) über das Web.

Flash besteht aus den folgenden Komponenten:AuthorensystemFlash Player Browser-PluginFlash Dateiformat

Das Prinzip besteht darin, daß Objekte, die auf mehreren aufeinanderfolgenden Bilder vorkommen, nur einmal gespeichert (und übertragen) werden.

Microsofts konkurrierendes Format heißt Liquid Motion, hat sich aber hisher nicht durchgesetzt.


9

Pro und Contra Pro und Contra FlashFlash

PLUS

Hohe Qualität der grafischen Präsentation möglich

Flash-Anwendungen laufen weitgehend selbständig auf dem Client

Gezielter Einsatz kann die Benutzerinteraktion interessanter machen

Sound- und grafische Effekte können oft nicht anders realisiert werden (z.B. Spiele)

MINUS

Inhalte von Search Engines ignoriert

In der Vergangenheit oft mißbraucht: richtige Dosierung will gelernt sein (siehe Beispiel 2)!

Plugin benötigt, Sicherheitsrisiko

Stigma des “nutzlosen Spielzeuges


10

Flash Flash BeispielBeispiel 1 1http://www.vw.com/GTI337http://www.vw.com/GTI337


11

Flash Flash BeispielBeispiel 2 2http://demo.fb.se/eng/volvo/volvoxc90/volvoxc90_eng/default.htmhttp://demo.fb.se/eng/volvo/volvoxc90/volvoxc90_eng/default.htm


12

PanoramagrafikenPanoramagrafiken

Eine Randerscheinung für spezielle Anwendungen

Ermöglicht Rundumsicht bei feststehendem Standort

Kostengünstiger und bandbreiteschonender Ersatz für Streaming Video

Vor allem in den Bereichen Architektur, Immobilien, Unterricht, Reisen verwendet


13

Pro und Contra Pro und Contra PanoramagrafikenPanoramagrafiken

PLUS

Kostengünstig

Kurze Ladezeiten

Benutzer kann die Kameraposition steuern

MINUS

Keine Bewegung durch den Raum möglich

Komplizierte Herstellung

Plug-In erforderlich

Oft umständliche Bedienung bei geringem “Mehr-Wert”


14

Panoramagrafiken BeispielPanoramagrafiken Beispielhttp://www.bluewaters.nethttp://www.bluewaters.net


15

Animierte GIF BilderAnimierte GIF Bilder

Für einfache Animationseffekte in Banners Ads und auf Webseiten reicht es oft, animierte GIF Bilder zu verwenden.

Dabei werden mit einem Bildbearbeitungsprogramm mehrere Teilbilder in einer GIF-Datei gespeichert. Der Browser zeigt die Teilbilder dann hintereinander an. Die Zeit kann gesteuert werden.

Animierte GIFs sollten, wenn überhaupt, sehr sparsam verwendet werden.


16

JavaScript AnimationenJavaScript Animationen

JavaScript hat in letzer Zeit neue Bedeutung erlangt, da findige Ad-Programmierer damit die bei vielen Benutzern installierten Popup-Blocker aushebeln können.

Ein Script, das in einer Webseite eingebettet ist, stellt dabei dynamische und bewegte Inhalte vor der eigentlichen Webseite dar.

Diese Technik ist umstritten, da der eigentliche Seiteninhalt verdeckt wird und der Benutzer die Anzeige erst umständlich “wegclicken” muß, was von vielen als störend empfunden wird.

Siehe kurier.at


17

VMLVML

VML steht für Vector Markup Language und ist eine W3C Erweiterung des HTML Standards zur Darstellung von Vektorgrafiken im Browser.

Der Standard ist recht mächtig, fand aber bisher kaum praktische Bedeutung.

Vorgeschlagen 1998, unterstützt seit IE 5.0


18

VRML, X3DVRML, X3D

VML steht für Virtual Reality Modelling Language, einem Standard des Web 3D Consortiums.

X3D ist der Nachfolger der VRML Spezifikation von 1997.

Darstellung von dreidimensionalen Objekten im Browser

Ein Browser-Plugin wird benötigt, das die Daten interpretieren und darstellen kann.

Auch dieser Standard hat kaum praktische Bedeutung im heutigen Web und ist nur der Vollständigkeit halber erwähnt.


19

Liquid MotionLiquid Motion

Microsoft Konkurrenzprodukt zu Flash.

Kombination aus Java, JavaScript und DirectX Aufrufen.

Entwicklung wurde 1998 begonnen und 2001 ersatzlos eingestellt


20

Vielen Dank für Ihre Aufmerksamkeit!

0 06.02.2003 21:33 Architektur Moderner Internet Applikationen – Multimedia Copyright ©2003...

Documents

Transcript of 0 06.02.2003 21:33 Architektur Moderner Internet Applikationen – Multimedia Copyright ©2003...