Adieu lineares TV, bonjour Smart TV

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
Joseph von Fraunhofer (1787 - 1826)
 Scientist
Discovery of the “FraunhoferLines“ in the solar spectrum
 Innovator
New tooling methods for
lenses
 Entrepreneur
Director and associate of a
glass factory
Fraunhofer Gesellschaft in Germany and worldwide
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
5
From Ideas to Solutions for Industry and Public Space
6
Competence Center for
Future Applications and Media – FAME
Future Applications and Media FAME
Intelligent Services & Applications: interactive – personalized – everywhere
Research & Development
Interactivity
 Multi-Screen Applications
 Applications on all Devices: Mobiles, Desktops,
User
TVs, Appliances
Home Media
 Multi-Screen Interaction and Synchronization
 Web-Technologies for distributed Applications
Converged
Media
Services
& Services & Data
 Internet delivered Media
 Hybrid and Connected TV
 Protected Video Streaming
Multi-Screen
 Personalization
 Analytics, Data Mining, Recommendation Systems
Entertainment
 Content Guides and Metadata Management
Industrial Partners
Deutsche Telekom
Microsoft
MEDIA BROADCAST



Smarter TV
Communication
 Interactive Multi-Screen Content



Community
NTT – Nippon Telegraph & Telephone
Rovi Corporation
ImmobilienScout 24
8
Future Applications & Media Lab
Hybrid TV Lab
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
Source:hothardware
• Viewing distance (10-foot UX)
• Lean-back mentality / passive consumption
• Shared viewing experience
Mobile apps exploit the features of smartphone devices!!!
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 VoD
traffic 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
Consumer Internet Video 2011-2016 in PB/month
8000
7000
Cisco® Visual Networking Index (VNI)
6000
5000
4000
3000
2000
1000
0
2011
Internet video to TV
2012
2013
Live Internet TV
2014
Ambient video
2015
Internet PVR
2016
Mobile video
Cisco® Visual Networking Index (VNI)
18
Consumer Internet Video 2011-2015 per region
20000
18000
16000
14000
12000
10000
8000
6000
4000
2000
0
2011
2012
2013
2014
North America
Western Europe
Latin America
Central and Eastern Europe
Middle East and Africa
Asia Pacific
2015
Cisco® Visual Networking Index (VNI)
19
Media consumption not bound to one channel only
Major media channels used on daily basis
daily media interactions
screen based media
iterations (TV, PC,
handhelds)
10
non-screen based
media iterations
(Newspaper,
Magazines, Radio)
90%
Source: Google, “The New Multi-screen World: Understanding Cross-platform Consumer Behavior”, August
2012
20
Cross-Device Applications
Connected Word
Using multiple devices
for creating richer
applications
TV
PC/Laptop
Smartphones & Tablets
Cars
Embedded
21
There may be more…
22
Reasons to set on multi-screen apps?
Changed user/viewer behavior is the driving factor
The end user role.
The broadcaster opportunities.
 “77% of Internet users are surfing while  “25% of german viewers watched the
watching They
television.”
make a difference
olympic games in London from PC or
mobile.”
(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)
(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
 “Almost 60% of Internet users would
rather give up sweets than the Internet”
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.
(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
23
Multi-screen
Consumer Behavior
While w atching TV I us e…
...content on the Web that has nothing
to do with the TV programme.
82%
….EPG to get information on the TV
programme.
30%
…chat or social networks to talk about
the current show.
23%
...information related to the current
show from the internet
23%
...content that is related to the current
show provided by the broadcaster
13%
0%
20%
40%
60%
80% 100%
(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
„managed
network“
e.g. NGN
WebTV
/OTT IPTV
Hybrid-TV
„Unmanaged
network“
(Over-TheTop)
Content is
delivered by
DVB-S/C/T
Content and Data is
provided via Internet
Content is provided by
network provider
• Quality of Service
• Sufficent bandwitdh
• UDP/RTP possible
• Adaptive Streaming
Quality of Service (QoS
matters)
• Sufficent bandwitdh required
• IP-Multicast (UDP/RTP)
possible
• Adaptive Streaming
(possible)
Mobile
Device is connected to
the Internet and can
consume 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
Internet delivered Media
Hybrid and Connected TV
Broadcaster
Ext. Service Provider
TV Playout
TV Playout
TV Playout
Web Server
Web Server
Web Server
broadcast
&
broadband
Hybrid TV
28
Portal Provider
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 Media
Hybrid 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
Introduction – Players (cont.)
LG
Loewe
Panasonic
Philips
Introduction – Players (cont.)
Samsung
Sharp
Sony
Toshiba
Standards – HbbTV
Different TV sets
 LG
 Samsung
 Panasonic
 Sony
 Philips
 Toshiba
Source: „SFT – Spiele | Filme | Technik“ Edition 05/13
HbbTV devices available in Germany
Standards – HbbTV in Europe
in regular operation
announced / trials
no information
other plans
Standards – HbbTV
German - 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 next
Topmodel
• 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 – HbbTV
Further German HbbTV/CE-HTML Offers
•
•
•
VideoWeb
Internetportal
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 – HbbTV
Further German HbbTV/CE-HTML Offers
•
•
•
•
•
portalZINE TV
Wikipedia
Tuneln Radio
Viewster.tv Kino
yellowmap.de
•
•
•
•
•
aupeo! Musikportal
DrDish HbbTV
TV Movie
MeteoConsult
Wetter
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 (by
APS)
Home Shopping
Europe 24
Lieferservice.de
Neurocampus
Gehirntraining
GuteKueche.at
Standards – HbbTV
Dos and Don‘ts
 Resolution
– 1280 x 720px (16:9 Ratio)
– Respect Titlesafe-Area and Actionsafe-Area  1024 x 648px
Title Safe Area
0-80%
Always visible
Action Safe Area
80-90%
Nice if visible
Overscan Area
90-100%
May not be visible
Standards – HbbTV
Dos 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 – HbbTV
Dos 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 – HbbTV
Dos 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
Standards – HbbTV
Dos 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
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und
sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen
Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen
werden. 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, dass
alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr
zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig
angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem
Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. 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 Explorer ebenso wie für die Darstellung in Handys. Und
was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. Ihr
Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesen haben. Meine
Mission 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 nicht
nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im
Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein
ist wahrgenommen werden. 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, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum
Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine
Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die
Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. 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 Explorer ebenso wie für die Darstellung in
Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme
Webseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesen
haben. Meine Mission 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 nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke
erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn
esse est percipi - Sein ist wahrgenommen werden. 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, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu
früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen
Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber
ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine
Erleichterung. 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 Explorer
ebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren
einfach standardkonforme Webseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich
bin zum Ende gelesen haben. Meine Mission 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
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
Q&A
THANK YOU FOR YOUR ATTENTION
Fraunhofer Institute for Open
Communication Systems
Kaiserin-Augusta-Allee 31
10589 Berlin, Germany
www.fokus.fraunhofer.de