Adieu lineares TV, bonjour Smart TV

Dr. Stefan Arbanowski – stefan.arbanowski@fokus.fraunhofer.de

Director Competence Center Future Applications and Media,

Fraunhofer FOKUS Research Institute for Open Communications Systems)

About Fraunhofer FOKUS

(1787 - 1826)

Scientist

Discovery of the “Fraunhofer-

Lines“ in the solar spectrum

Innovator

New tooling methods for

lenses

Entrepreneur

Director and associate of a

glass factory

Joseph von Fraunhofer

The Fraunhofer Gesellschaft is Europe‘s largest

organization for applied research.

Fraunhofer develops products and processes

through to technical or commercial maturity

Individual solutions are elaborated in direct

contact with the customers

The Fraunhofer Gesellschaft maintains

– 66 self-contained Fraunhofer Institutes

throughout Germany

– with a staff of 22, 000 scientists and

engineers

– 2 billion Euro annual budget

More than 70% of funding are raised through

innovative development projects, license fees

and contract research

Sub-companies and representative offices all

over the world

Fraunhofer Gesellschaft in Germany and worldwide

5

From Ideas to Solutions for Industry and Public Space

6

Competence Center for

Future Applications and Media – FAME

Future Applications and Media FAMEIntelligent Services & Applications: interactive – personalized – everywhere

Research & Development

Multi-Screen Applications

Applications on all Devices: Mobiles, Desktops,

TVs, Appliances

Multi-Screen Interaction and Synchronization

Web-Technologies for distributed Applications

& Services & Data

Internet delivered Media

Hybrid and Connected TV

Interactive Multi-Screen Content

Protected Video Streaming

Personalization

Analytics, Data Mining, Recommendation Systems

Content Guides and Metadata Management

Future Applications & Media Lab NTT – Nippon Telegraph & Telephone

Rovi Corporation

ImmobilienScout 24

Industrial Partners

Deutsche Telekom

Microsoft

MEDIA BROADCAST Hybrid TV Lab

Smarter TV

Converged

Media

Services

Home Media

Community

Interactivity

Communication

Multi-Screen

Entertainment

User

8

Service Offers

Coaching / Tutorials

Based on extensive and recognized experience in the field, we offer coaching and tutorial sessions to let you

benefit from our knowledge.

Consulting / Studies

Is there something about Future Media Internet (solutions, technologies and standards, etc.) you need to

know in detail? We’ll provide you with studies and consulting.

Research and Development

We analyze your problems, identify gaps and challenges and develop suitable solutions based on your

requirements.

Prototyping & Proof-of-Concept Implementations

We create and deliver prototype implementations of new concepts and specifications.

Demo Development – Contextualization of Innovation

We develop demonstrations that show impressive and convincing show cases of new technologies.

Support in Standardization

Our experts will help you to push your standardization efforts and push your ideas or provide you with new

visions.

Comprehensive Testbed Projects

We are well-connected and work closely with relevant players in the field. This allows us to maintain state of

the art testbeds in our laboratories, where we can test and demonstrate your solutions.

9

Adieu lineares TV, bonjour Smarter TV

Dr. Stefan Arbanowski – stefan.arbanowski@fokus.fraunhofer.de

Director Competence Center Future Applications and Media,

Fraunhofer FOKUS Research Institute for Open Communications Systems)

Introduction – Key factors for ConnectedTV success

• IPTV, HybridTV and WebTV is nothing new, started many years ago.

• What has changed ? Why now?

• Broadband widely available in households

• sufficient bandwidth, affordable

• Internet services are commodity

• Devices

• more powerful, ubiquitous computing, hybrid

• Flat Screen, hi resolution

• Evolved Web Standards & Tools

• HTML, JS, CSS

Introduction – Services

What is the killer app for TVs ?

• Mobile apps can hardly be ported onto TV:

• Remote control

• Viewing distance (10-foot UX)

• Lean-back mentality / passive consumption

• Shared viewing experience

Mobile apps exploit the features of smartphone devices!!!

Source:hothardware

?

Introduction – What is the killer app for TVs ?

Video is !

Introduction - Growth of IP Traffic and Non-PC Devices

In 2016, the gigabyte equivalent of all movies ever made will cross global IP networks every 3 minutes.

It would take over 138 years to watch the amount of video that will cross global IP networks every second in 2016.

Video-on-demand traffic will triple by 2016. The amount of VoDtraffic in 2016 will be equivalent to 4 billion DVDs per month.

The number of devices connected to IP networks will be nearly three times as high as the global population in 2016.

In 2011, 22 percent of IP traffic originated with non-PC devices, but by 2016 the non-PC share of IP traffic will grow to 31 percent.

Source: Cisco

2013: Knapp 50 Mio. Screens

Introduction – Connected TV Usage in Germany

30% watch free videoclips

18% watch free movies

15% watch catch up TV

15% search for information

15% listen to music

Source: GfK

Cisco® Visual Networking Index (VNI)

0

1000

2000

3000

4000

5000

6000

7000

8000

2011 2012 2013 2014 2015 2016

Internet video to TV Live Internet TV Ambient video Internet PVR Mobile video

Consumer Internet Video 2011-2016 in PB/month

18

Cisco® Visual Networking Index (VNI)

0

2000

4000

6000

8000

10000

12000

14000

16000

18000

20000

2011 2012 2013 2014 2015

North America Western Europe Latin America

Central and Eastern Europe Middle East and Africa Asia Pacific

Consumer Internet Video 2011-2015 per region

19

Cisco® Visual Networking Index (VNI)

Media consumption not bound to one channel onlyMajor media channels used on daily basis

daily media interactions

screen based media

iterations (TV, PC,

handhelds)

non-screen basedmedia iterations

(Newspaper,Magazines, Radio)

10

90%

20

Source: Google, “The New Multi-screen World: Understanding Cross-platform Consumer Behavior”, August 2012

Cross-Device Applications

TV Smartphones & Tablets

CarsPC/Laptop

Connected Word

Using multiple devices for creating richer

applications

Embedded

21

There may be more…

22

Reasons to set on multi-screen apps?Changed user/viewer behavior is the driving factor

23

The end user role.

“77% of Internet users are surfing while watching television.”(BITKOM, “Zapping 2.0”, June 2012)

“77% of the time when we’re using a TV, we’re using another device.”(Google, “The New Multi-screen World: Understanding Cross-platform Consumer Behavior”, August 2012)

“Almost 60% of Internet users would rather give up sweets than the Internet”(Yahoo! Germany, “Vertical Study On Connected Devices”, March 2012)

The content provider possibilities.

Getting more of user’s attention

Making the user discover new content

The broadcaster opportunities.

“25% of german viewers watched the olympic games in London from PC or mobile.” (BITKOM, “Olympia 2012: Durchbruch für Internet-TV”, August 2012)

Feedback channel. The user is not muted anymore, Example case:

– The live-act shows during the transmission of the olympic games 2012 closing ceremony were accompanied by intrusive commentary.

– This led to a intense “Shitstorm” on social media and the provision of an uncommented live-stream by the broadcaster.

They make a difference

Multi-screenConsumer Behavior

13%

23%

23%

30%

82%

0% 20% 40% 60% 80% 100%

...content that is related to the currentshow provided by the broadcaster

...information related to the currentshow from the internet

…chat or social networks to talk about the current show.

….EPG to get information on the TV programme.

...content on the Web that has nothingto do with the TV programme.

While watching TV I use…

(BITKOM, “Connected TV und Second Screen – aktuelle Markttrends”)Base: Total Respondents (2000) Q. “Welche Inhalte nutzen Sie häufig, während Sie fernsehen (Mehrfachnennungen möglich)?”

24

Characteristics of TV distribution

Traditional TV

Broadcast via DVB-S/C/T

IPTV

„managednetwork“ e.g. NGN

Content is provided bynetwork provider

Quality of Service (QoSmatters)

•Sufficent bandwitdh required

•IP-Multicast (UDP/RTP) possible

•Adaptive Streaming (possible)

WebTV /OTT IPTV

„Unmanagednetwork“

(Over-The-Top)

Content and Data isprovided via Internet

•Quality of Service

•Sufficent bandwitdh

•UDP/RTP possible

•Adaptive Streaming

Mobile

Hybrid-TV

Content isdelivered byDVB-S/C/T

Device is connected tothe Internet and canconsume Services of

the Internet

Standards – Hybrid TV + Web Standards

As content providers are diversifying their target audience…

– common authoring basis to address those different devices(Internet,TV, tablets, mobiles)

– faster authoring time for simple applications or reuse of existing solutions (e.g. reuse of backend and only frontend adaptations)

– benefit from the WWW community and capitalize on existing content of the Web.

– Browser as common denominator

Standards – HbbTV

• HbbTV is a key technology for Hybrid TV

– ETSI TS 102 796 V1.2.1 (Nov 2012)

Based on: ETSI TS 102 796 V1.1.1, errata 2 to V1.1.1, HbbTV 1.5

– Hybrid TV enabler / platform to signal and transport Web applications : „red button“ functionality

broadcast broadband

Internet delivered MediaHybrid and Connected TV

&

Broadcaster

Hybrid TV

Ext. Service Provider

Portal Provider

TV Playout Web ServerTV Playout

TV PlayoutWeb Server

Web Server

28

Standards – HbbTV

• Broadcast-related vs. Broadcast-independent (how to access HbbTV apps)

– Broadcast-independent application

not associated with any broadcast service

downloaded via broadband and accesses all of its associated data via broadband

– Broadcast-related application

associated with one or more broadcast services or one or more broadcast events within a service

may be launched automatically ("autostart") or explicitly upon user request.

may be downloaded broadband or broadcast and may access its data via either

Internet delivered MediaHybrid and Connected TV

HbbTV draws from other open standards

– CEA-2014 (CE-HTML)

– OIPF DAE & A/V formats

– ETSI TS 102 809

– W3C specifications

TV app platforms are different!!!

– Samsung has 1000+ apps available and

ten million downloads

– LG, Toshiba and TP Vision define common

platform - (HTML/HbbTV-based)

– And many more

Expensive for content providers to deploy one service to all TV platforms

BUT, common basis is (CE-) HTML + JavaScript

30

Introduction – Some Players for HybridTV

Introduction – Players (cont.)

>90% of German broadcast market supports HbbTV with applications on air ~ 50 currently known applications from large and small stations

LG

Panasonic

Loewe

Philips

Introduction – Players (cont.)

Samsung

Sony

Sharp

Toshiba

Introduction – Players (cont.)

Standards – HbbTVDifferent TV sets

LG

Panasonic

Philips

Samsung

Sony

Toshiba

Source: „SFT – Spiele | Filme | Technik“ Edition 05/13

HbbTV devices available in Germany

Standards – HbbTV in Europe

other plans

in regular operation

announced / trials

no information

Standards – HbbTVGerman - HbbTV/CE-HTML Offers

• ARD Text

• ZDF Mediathek

• ARD Mediathek

• ARD EPG

• ARD HbbTV Portal

• RBB Mediathek

• Einsfestival Mediathek

• ARTE TV

• ARTE Live Web

• Tagesschau

• BR Rundschau

• Kinderkino

• Germany's nextTopmodel

• Welt der Wunder Mediathek

• ProSieben Videocenter

• SAT.1 Videocenter

• Pro 7 Startleiste

• Pro 7 Smart TV

• Sat 1 Startleiste

• MyVideo.de

• Welt Online

• Bild.de

• Multithek

• BR Mediathek 1

• Radio Bremen Mediathek

• RadioTime

• Meteo news TV

• Volkswagen Beetle

• SWR Mediathek

• MIT-xperts Apps

Standards – HbbTVFurther German HbbTV/CE-HTML Offers

• VideoWebInternetportal

• Humax Portal

• IRT Portal

• Inverto Portal

• Youtube TV

• Q-Tom

• Picasa

• eBay (via Jaast)

• Spox

• Maxdome mini 2.0

• TV App Gallery Demo

• Hbbig Twitterwall

• PC-Welt

• NUNA.tv

• Zapp Internet

• TV-ID

• CineTrailer.tv

• smartPortal

• tennislive.tv

• spobox.tv

• Krone.at

• Virgile EPG

• Panoramabilder Alpen

• MySpass.de

• PotsdamTV

• Hamburg 1 Fernsehen

• München Live TV

• Telecinco.es

Standards – HbbTVFurther German HbbTV/CE-HTML Offers

• portalZINE TV

• Wikipedia

• Tuneln Radio

• Viewster.tv Kino

• yellowmap.de

• aupeo! Musikportal

• DrDish HbbTV

• TV Movie

• MeteoConsultWetter

• Funspot.tv Spiele

• Kicker Online

• RAN Liveticker

• Mikestar Online Karaoke

• Heute 100 sec

• NiederschlagsRadar.de

• golfdigital.tv

• shralp!

• Freshmilk TV

• TV-ID

• AutoBILD.de

• Das Telefonbuch

• Dailymotion

• Anixe iTV News

• TV Movie

• Sport 1

• Ticketmaster (byAPS)

• Home Shopping Europe 24

• Lieferservice.de

• Neurocampus Gehirntraining

• GuteKueche.at

Standards – HbbTVDos and Don‘ts

Resolution

– 1280 x 720px (16:9 Ratio)

– Respect Titlesafe-Area and Actionsafe-Area 1024 x 648px

Title Safe Area0-80%

Always visible

Action Safe Area80-90%

Nice if visible

Overscan Area90-100%

May not be visible

Standards – HbbTVDos and Don‘ts

The regular viewer sits at least 3times the TV size away

Lean Back: TV optimized User Interface

The following must be obvious at a glance:

What kind of page am I visiting? What can I do?

How can I interact?

Where is the cursor? What is the highlight color?

How can I go back/ close the app?

What are the available button versions (e.g. inactive, selectable, selected, activated)?

inactive selectable selected activated

Standards – HbbTVDos and Don‘ts

Remote Control

Every feature should be controllable only by using

– Arrow keys and

– Ok-button

In addition allow shortcuts:

– Media control (play, pause, stop, seek)

– Back

– Color keys (green, yellow, blue)

– Numbers

Never use (not allowed)

– Channel up/ down

– Exit/ shut down

– Red button (for other features than back/ close)

– Other, manufacturer specific, buttons

Standards – HbbTVDos and Don‘ts

Colors

High-Color Model (RGBA4444) is minimal setup

Not lighter (white) than 95% (240/240/240 in RGB)

Not darker (black) than 5% (16/16/16 in RGB)

Avoid high color saturation unwanted bloom

Avoid half transparent images

Use color gradients economically

Test all colors on real screens

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht undsich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großenBruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommenwerden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen,Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden:Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS,JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dassalle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehrzwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtigangelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einemHandy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei denEntwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle an dieseStandards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys. Undwas können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. IhrBudget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesen haben. MeineMission ist erfüllt. Ich werde hier noch die Stellung halten, bis der geplante Text eintrifft. Ich wünsche Ihnen noch einen schönen Tag.Und arbeiten Sie nicht zuviel! Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nichtnackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer imSchatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Seinist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich dieseGelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommenzu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln fürHTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standardssorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zumBeispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eineSeite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder dieDarstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeitbei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle andiese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung inHandys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonformeWebseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesenhaben. Meine Mission ist erfüllt. Ich werde hier noch die Stellung halten, bis der geplante Text eintrifft. Ich wünsche Ihnen noch einenschönen Tag. Und arbeiten Sie nicht zuviel! Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit dasLayout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zweckeerschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Dennesse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zubegleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das esebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseitenaufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwicklergehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zufrüheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderenBrowser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aberebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eineErleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen.Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorerebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmiereneinfach standardkonforme Webseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie michbin zum Ende gelesen haben. Meine Mission ist erfüllt. Ich werde hier noch die Stellung halten, bis der geplante Text eintrifft. Ichwünsche Ihnen noch einen schönen Tag. Und arbeiten Sie nicht zuviel!Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt aufsich

Standards – HbbTVDos and Don‘ts

Avoid where ever it‘s possible:

Small Fonts (at the best > 16pt)

A lot of texts (at the best < 90 words, < 7 lines)

Scrolling text

Dark text on a light background

Texts!

Use:

Videos

Pictures

Icons

Concluding thoughts

“Understand Media” – TV/video is part of it – be a Media Expert

Be on all screens – think multiscreen / digital natives expect you to be everywhere – all others will follow

Do video and put it on all channels – image videos work

TV is getting interactive – use the back channel

– Turn a broadcast medium into a 1:1 channel

– Help your customers by prolonging their TV campaigns

Involve viewers to pull them into your “Ecosystem”

If you go for TV please don’t put (to much) text on the big screen

46

Show it is working – www.fokus.fraunhofer.de/go/fame

47

4th Media Web Symposium – May 8-9, 2014

THANK YOU FOR YOUR ATTENTION

Q&A

Fraunhofer Institute for Open

Communication Systems

Kaiserin-Augusta-Allee 31

10589 Berlin, Germany

www.fokus.fraunhofer.de