Trendwatch 11.09RIA, AIR & Co

Köln, 26. November 2009

Seite 2

1. Radio Chaos1.1 Ausgangslage

1.2 Flashplayer – Auswahl

1.3 JavaScript API & (VTX)-Untertitel

1.4 Embedded Player

2. In the Flash2.1 Flash CS

3. Obscured by Clouds3.1 The Cloud

3.2 RIA, AIR & Co.

3.3 ARIA

3. More4.1 HTML 5 / CSS 3 - Auszüge

4.2 Google

4.3 Opera

Seite 3

1. Radio Chaos

Seite 4

1.1 Ausgangslage

Zunehmende Fragmentierung der Endgeräte■ Desktops, Netbooks, Mobile, iPhone, Set-Top-Boxen, Konsolen, TV etc.

Zunehmende Fragmentierung der möglichen Techniken■ Formate – FLV, MP4, OGG ~ WMV, Real■ Codecs – on2VP6, H.264, Theora ~ WM9, Real■ Protokolle – HTTP, RTMP ~ MMS , RTSP , RTP

Momentaner de facto Standard ist Flashvideo => Wildwuchs an Flash-Playern

Seite 5

WDR Flashplayer (WDR / WDRmg)■ Closed Source■ Reiner Flashplayer (Implementierung variabel)■ Entwicklungszeit seit 2007■ Kosten für WDR seit 2007 ~ 5-stellig

jwPlayer 4.6 (Tagesschau / Bavaria / Phoenix)■ Open Source■ Reiner Flashplayer (Implementierung variabel)■ Entwicklungszeit seit 2005■ Kosten ab 49 € pro Lizenz

DMC Player (Sportschau / ARD)■ Closed Source (quelloffen für ARD Anstalten,

Anpassungen durch DMC, Wien)■ Komplettes JavaScript-Framework

(beinhaltet Flashplayer, komplex)■ Entwicklungszeit seit 2007(?)■ Kosten ???

1.2 Flashplayer – Auswahl

Seite 6

1.3 JavaScript API & (VTX)-Untertitel

WDR Flashplayer / jwPlayer 4.6 (mit Plugin - UT)■ Komplette Steuerung über JavaScript möglich■ Ausspielmöglichkeit für Untertitel in der Playerfläche

und extern im HTML■ Untertitel Format - TimedText (W3C Standard)■ Per XSLT Wandlungen der Untertitel für alternative

Ausspielung möglich■ Perspektivisch Videos anhand der Untertitel

durchsuchbar machen, d.h. Videoausschnitte mit gesuchtemText ansteuern

Vernetzung■ Kodierung / Aufbereitung - Video- & Audiotechnik■ Untertitel - Archivdienste (WPEG)■ Ausspielplattform - Internet Services

Nach gültiger BITV sind der WDR und alle Behörden bereitsjetzt zur Untertitelung im Netz verpflichtet.

Seite 7

1.4 Embedded Player

Grundsätzlich lässt sich jede Flash-(Video-)Abspielfläche,außer in einem Plugin-Container, innerhalb der(X)HTML-Seite, in einem größeren, multimedialenFlashkontext darstellen, der seinerseits Bestandteil einerkomplexen (X)HTML-Seite sein kann, aber nicht sein muss.

Seite 8

2. In the Flash

Seite 9

Flash CS 3 (Flash 9)■ ActionScript 3 – AS 3■ Hardwarebeschleunigung bei Fullscreen

Flash CS 4 (Flash 10)■ Skriptfähige Filter-Engine für Ebenenmodi

(Schatten, Spiegelungen und Weichzeichnen)■ Neuer Bewegungseditor (Flächen können gedreht werden)

Flash CS 5 (für 2010 angekündigt)■ Binär-Code Cross-Compiler für iPhone-Apps■ FLA-Quellformat demnächst XML basiert (z.Zt. Binär)■ Integration von Flash-Builder-Software (vormals Flex)

2.1 Flash CS

Adobe Produkte für Flash■ Catalyst (Beta Status) ~

grafisches Prototyping mit Photoshop-Vorlagen■ Flex- / Flash-Builder ~

Eclipse basierte Entwickler IDE (Integrated DeveloperEnvironment) für AS 3 mit vorgefertigten Komponenten

Seite 10

3. Obscured by Clouds

Seite 11

Damit steigt aber der Bedarf an Werkzeugen zur Visualisierung und Verwaltung der Inhalte.

Diese müssen nicht zwingend browserbasiert sein.

3.1 The Cloud

Es gibt einen klar zu beobachtenden Trend einer zunehmendenVerlagerung von Daten und Anwendungen ins Netz (Cloud).

Es gibt einen zweiten Trend zur Visualisierung und Verwaltung

von webbasierten (Cloud)-Daten ohne Browser.

Seite 12

3.2 RIA, AIR & Co.Klassisches Web im Browser■ seitenbasiert■ sequentiell■ Userinteraktion nur über Formulare■ Struktur ~ (X)HTML, Design ~ CSS

RIA – Rich Internet Application■ ansichtenbasiert■ asynchron■ komplexe Userinteraktionen möglich■ Visualisierung im Browser (XHTML / AJAX)

Struktur ~ (X)HTML, Design ~ CSS, Verhalten ~ JavaScript■ Visualisierung in Flash (im Browser mit Plugin)

AIR – Adobe Integrated Runtime■ Plattform zur Anzeige von RIA‘s auf dem Desktop■ Kann AJAX-Anwendungen und Flashapplikationen anzeigen■ Entwicklung mit den gleichen Standardmethoden,

wie konventioneller Webinhalt(!!!)■ Erweiterte Möglichkeiten durch Systemzugriff (keine Sandbox)■ Wegen nötiger Installation ist eine Versionsführung zwingend

Seite 13

3.3 ARIAARIA – Accessible Rich Internet Application■ W3C Standard■ Ermöglicht über ein Rollenkonzept, Bereiche in RIA‘s

auszuzeichnen, und so z.B. Screenreadern oder anderer,assistiver Technologie mitzuteilen, welche Bereiche sichdynamisch ändern können

■ Wird in Verbindung mit AJAX / RIA‘s zukünftig im Rahmen derBA-Abnahmen wichtig werden

Seite 14

4. More

Seite 15

4.1 HTML 5 / CSS 3 - AuszügeHTML 5■ Direkte Medienunterstützung mit <video /> und <audio />

Bereits implementiert in Firefox, Chrome – Webkit-Clones,Safari – nur mit Quicktime zusammen.

■ Verschiedene Codecs für Medieninhalte– Firefox ~ Ogg-Theora– Safari ~ MP4/H.264– Google Chrome ~ MP4/H.264 & Ogg-Theora– WebkitClones ~ meistens Ogg-Theora– Opera ~ nur spezielle HTML 5–Developer-Builds

■ 2D- und 3D-CanvasSpezielle „Leinwände“ innerhalb der Seitenfläche zurVisualisierung von 2D- und 3D-Inhalten

■ Dynamisierung der gezeichneten Daten per JavaScript

Keinerlei Unterstützung durch Microsoft Internet Explorer

CSS 3■ Runde Ecken, Box- und Textschatten

(teilweise Unterstützung in modernen Browsern)

Seite 16

4.2 Google

Google ChromeSehr schneller Webbrowser von Google, aus Datenschutzgründenin der Kritik.Basiert auf quelloffenem Chromium-Projekt, daher gibt es eineMenge weiterer Impementierungen ohne die Datenschutzmankos.

Google ChromeOS (geplant)Rudimentäres Betriebssystem auf Basis von Chrome.Alle Anwendungen und Daten liegen bei Google im Netz,Zugang nur durch Webinterfaces per Browser.Google-Account nötig

Google FramePlugin für Microsoft Internet Explorer, das im Browser-Fenster dieChrome-Rendering-Engine zur Darstellung von Webinhaltenbenutzt.

Seite 17

Opera LinkSynchronisation der Browsereinstellungen und Bookmarks über zentrale

Verwaltungmit Opera-Account ohne Zusatz-Tools.Google Chrome und Firefox werden in nächster Zeit nachziehen.

4.3 Opera

Opera TurboTechnik, die durch Umleiten des Netzwerkverkehrs über Opera Server und

Kompressiondie Übertragungsgeschwindigkeit bei langsamen Verbindungen erhöht.Opera UniteIn Opera intergrierter Webserver, der lokale Daten im Netz bereitstellen

kann.Opera-Account nötig.

Seite 18

Danke für Ihre Aufmerksamkeit