Your SlideShare is downloading. ×
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Building second screen TV apps
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Building second screen TV apps

2,200

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 …

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,200
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
55
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×