Building second screen TV apps

2,822 views

Published on

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.

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
2,822
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
60
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Building second screen TV apps

  1. 1. Beyond the red button Building second screen TV apps#iminds Text Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe www.vrtmedialab.be @vrtmedialab
  2. 2. 1. Introduction Text Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
  3. 3. INTERACTIVE TV?
  4. 4. whats the problem
  5. 5. context change
  6. 6. what broadcasters want
  7. 7. so we startedbrainstorming
  8. 8. the cycling race* * de koers
  9. 9. also tested on humans* * ook getest op mensen
  10. 10. diabetes test h"p://ogomquiz.appspot.com/ 12
  11. 11. diabetes test 13
  12. 12. diabetes test 14
  13. 13. EYEWITNESS test h"p://ogomface.appspot.com/
  14. 14. 17
  15. 15. mediasquare* * working title
  16. 16. APPS! APPS! APPS!
  17. 17. MediaSquare is a second screen platform for TV apps, to helpprimetime content consumers to interact digitally(talk about, having a dialogue, vote, poll, recommend, play games ...)
  18. 18. mockup
  19. 19. working prototype Demo
  20. 20. Magical
  21. 21. 4. villasquare
  22. 22. launched without apps
  23. 23. Apps! Apps! Apps!
  24. 24. ON AIR 36
  25. 25. 2. On air Text Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
  26. 26. super hero
  27. 27. 35.000 messages
  28. 28. 600 messages/episode
  29. 29. war room
  30. 30. ready for launch
  31. 31. DEMO@BOOTH
  32. 32. 15 kilobytes of fame
  33. 33. war room on air super hero
  34. 34. IT WORKS IN THE BROWSER
  35. 35. 3. Front end Text Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
  36. 36. INTERACTIVE TV FOR ALL VIEWERS
  37. 37. 32% IE7-IE8 USERS
  38. 38. 5.5% tablet USERS
  39. 39. tools to the rescue
  40. 40. COMPASS EXAMPLE
  41. 41. COMPASS EXAMPLE
  42. 42. COMPASS EXAMPLE
  43. 43. 2 finger scrolling, WTF?iscroll, FTW!
  44. 44. a big mistake 65
  45. 45. 4. Back end Text Hendrik Dacquin Kasper Jordaens Bert Wijnants and Ilja Strobbe
  46. 46. 1. prototype2. SKELETON3. REALTIME4. SCALING
  47. 47. 1. prototype
  48. 48. focus on your appnot the underlyingarchitecture
  49. 49. 1. prototype2. SKELETON
  50. 50. we knew excellentrails developers
  51. 51. 1. prototype2. SKELETON3. REALTIME
  52. 52. Activity
  53. 53. publish InputHandling Activity
  54. 54. RedisPub/Sub publish Input Handling Activity
  55. 55. Redis Pub/Subsubscribe publish Node.js InputSocket.io Handling Activity
  56. 56. Redis Pub/Sub subscribe publish Node.js Input Socket.io HandlingOn Air App Villa.een.be ... Activity
  57. 57. 1. prototype2. SKELETON3. REALTIME4. SCALING
  58. 58. Team
  59. 59. friends
  60. 60. co-produced withTeam
  61. 61. QUESTIONS?

×