Building second screen TV apps

Post on 18-Jan-2015

2.114 views 5 download

Tags:

description

Villa Square, one of the latest exploits of the VRT-medialab MediaSquare and MediaCRM teams, is a purpose-built platform for the popular live één-television program “Villa Vanthilt”. This platform is in many ways a pioneering second screen project and has received numerous positive feedback. We will present the stepping stones towards the Villa Square use cases and discuss the underlying technologies we have put to work. Come and see the mayhem HTML5 caused in the broadcast world.

Transcript of Building second screen TV apps

Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe

Building second screen TV appsBeyond the red button

Text

www.vrtmedialab.be@vrtmedialab

#iminds

Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe

1. IntroductionText

INTERACTIVE TV?

whats the problem

context change

what broadcasters want

so we startedbrainstorming

the cycling race*

* de koers

also tested on humans*

* ook getest op mensen

12

diabetes test

h"p://ogomquiz.appspot.com/

13diabetes test

14diabetes test

EYEWITNESS test

h"p://ogomface.appspot.com/

17

mediasquare*

* working title

APPS! APPS! APPS!

MediaSquare is a second screen platform for TV apps, to help primetime content consumers to interact digitally (talk about, having a dialogue, vote, poll, recommend, play games ...)

mockup

Demo

working prototype

Magical

4. villasquare

launched without apps

Apps! Apps! Apps!

36

ON AIR

Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe

2. On airText

super hero

35.000 messages

600 messages/episode

war room

ready for launch

DEMO@BOOTH

15 kilobytes of fame

war room

super hero

on air

IT WORKS IN THE BROWSER

Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe

3. Front end Text

INTERACTIVE TV FOR ALL VIEWERS

32% IE7-IE8 USERS

5.5% tablet USERS

tools to the rescue

COMPASS EXAMPLE

COMPASS EXAMPLE

COMPASS EXAMPLE

2 finger scrolling, WTF?

iscroll, FTW!

65

a big mistake

Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe

4. Back end Text

1. prototype

2. SKELETON

3. REALTIME

4. SCALING

1. prototype

focus on your appnot the underlying architecture

1. prototype

2. SKELETON

we knew excellentrails developers

1. prototype

2. SKELETON

3. REALTIME

Activity

publishInput

Handling

Activity

RedisPub/Sub

publishInput

Handling

Activity

RedisPub/Sub

subscribeNode.jsSocket.io

publishInput

Handling

Activity

RedisPub/Sub

On Air App Villa.een.be ...

subscribeNode.jsSocket.io

publishInput

Handling

Activity

1. prototype

2. SKELETON

3. REALTIME

4. SCALING

Team

friends

Teamco-produced with

QUESTIONS?