@kaosbeat explaining how we made a 2nd screen app from idea to implementation and then took it further by making tools to be used in the TV studio on top of that, using the same technology. Node.js, redis, EC2, RoR, ...

1. browser as a
broadcast
medium
tech for post space age developers

2. who am i
wiebenekik
@kaosbeat
+kasper jordaens

3. media space age
mediaburn by ant farm

4. TV ≠ interactive

5. Laidback = fine

6. Moose + Cat = ???

7. broadcasters
falling behind

8. context change

9. whats the problem

10. INTERACTIVE TV?

11. plugin madness
MIR from wikipedia

12. what broadcasters want

13. that’s not a moon

14. THe future of TV is
that’s not a moon
the browser

16. so we started
brainstorming

17. the cycling race*
* de koers

19. APPS! APPS! APPS!

20. also tested on humans*
* ook getest op mensen

21. diabetes test
h$p://ogomquiz.appspot.com/
21

22. diabetes test
22

23. peak LOAD
25%
30307
(61%)
14%

24. kill the server
24

26. 3%
1% 4%
6%
1% 1%
1% iPad (1347)
9%
iPhone
iPod
Android
15%
Windows/IE
Windows/ Firefox
Windows Chrome
Windows/ other
Macintosh
others
59%
26

27. EYEWITNESS test
h$p://ogomface.appspot.com/

29. 7 min 14 min 21 min 28 min 35 min 42 min 49 min

30. 4. villasquare

31. launched without apps

32. 32

33. Apps! Apps! Apps!

35. ON AIR
35

36. super hero

37. 35.000 messages

38. 600 messages/episode

39. war room

40. ready for launch

41. DEMO

45. 15 kilobytes of fame

46. war room
on air
super hero

47. INTERACTIVE TV FOR ALL VIEWERS

48. tools to the rescue

49. sockets:
persistent low overhead connections

50. 1. prototype
2. SKELETON
3. REALTIME
4. SCALING

51. 1. prototype

52. first prototype
h$p://media-­‐square.appspot.com/

53. 1. prototype
2. SKELETON

54. we knew excellent
rails developers

55. 1. prototype
2. SKELETON
3. REALTIME

56. Redis
Pub/Sub
subscribe publish
Node.js Input
Socket.io Handling
On Air App Villa.een.be ... Activity

57. 1. prototype
2. SKELETON
3. REALTIME
4. SCALING

60. the magic
change model
{ view
MODEL
view
MODEL
view
MODEL
comclient comclient comclient
broadcast
PUT
save

61. lessons learned
61

62. Team

63. friends

64. co-produced with
Team

65. POST space age galaxy exploring
~=[,,_,,]:3
http://www.slideshare.net/vrtmedialab