Beyond the red button
          Building second screen TV apps
#iminds
                           Text




                     Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
                                                               www.vrtmedialab.be
                                                               @vrtmedialab
1. Introduction
            Text




      Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
INTERACTIVE TV?
whats the problem
context change
what broadcasters want
so we started
brainstorming
the cycling race*




                    * de koers
also tested on humans*




                  * ook getest op mensen
diabetes test




                h"p://ogomquiz.appspot.com/
                                      12
diabetes test
                13
diabetes test
                14
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
working prototype




                    Demo
Magical
4. villasquare
launched without apps
Apps! Apps! Apps!
ON AIR




         36
2. On air
            Text




      Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
super hero
35.000 messages
600 messages/episode
war room
ready for launch
DEMO@BOOTH
15 kilobytes of fame
war room


                        on air




           super hero
IT WORKS IN THE BROWSER
3. Front end
            Text




      Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
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!
a big mistake




                65
4. Back end
            Text




      Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
1. prototype


2. SKELETON


3. REALTIME


4. SCALING
1. prototype
focus on your app
not the underlying
architecture
1. prototype


2. SKELETON
we knew excellent
rails developers
1. prototype


2. SKELETON


3. REALTIME
Activity
publish
 Input
Handling




           Activity
Redis
Pub/Sub


          publish
           Input
          Handling




                     Activity
Redis
            Pub/Sub


subscribe             publish
 Node.js               Input
Socket.io             Handling




                                 Activity
Redis
                            Pub/Sub


             subscribe                publish
              Node.js                  Input
             Socket.io                Handling




On Air App   Villa.een.be   ...                  Activity
1. prototype


2. SKELETON


3. REALTIME


4. SCALING
Team
friends
co-produced with
Team
QUESTIONS?

Building second screen TV apps