building second screen tv apps
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
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?