Browser as a broadcast medium

1,733 views
1,539 views

Published on

@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, ...

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,733
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Browser as a broadcast medium

  1. 1. browser as a broadcast mediumtech for post space age developers
  2. 2. who am i wiebenekik @kaosbeat +kasper jordaens
  3. 3. media space age mediaburn by ant farm
  4. 4. TV ≠ interactive
  5. 5. Laidback = fine
  6. 6. Moose + Cat = ???
  7. 7. broadcastersfalling behind
  8. 8. context change
  9. 9. whats the problem
  10. 10. INTERACTIVE TV?
  11. 11. plugin madness MIR from wikipedia
  12. 12. what broadcasters want
  13. 13. that’s not a moon
  14. 14. THe future of TV isthat’s not a moonthe browser
  15. 15. so we startedbrainstorming
  16. 16. the cycling race* * de koers
  17. 17. APPS! APPS! APPS!
  18. 18. also tested on humans* * ook getest op mensen
  19. 19. diabetes test h$p://ogomquiz.appspot.com/ 21
  20. 20. diabetes test 22
  21. 21. peak LOAD 25% 30307  (61%) 14%
  22. 22. kill the server 24
  23. 23. 3% 1% 4% 6% 1% 1% 1% iPad (1347) 9% iPhone iPod Android15% Windows/IE Windows/ Firefox Windows Chrome Windows/ other Macintosh others 59% 26
  24. 24. EYEWITNESS test h$p://ogomface.appspot.com/
  25. 25. 7 min 14 min 21 min 28 min 35 min 42 min 49 min
  26. 26. 4. villasquare
  27. 27. launched without apps
  28. 28. 32
  29. 29. Apps! Apps! Apps!
  30. 30. ON AIR 35
  31. 31. super hero
  32. 32. 35.000 messages
  33. 33. 600 messages/episode
  34. 34. war room
  35. 35. ready for launch
  36. 36. DEMO
  37. 37. 15 kilobytes of fame
  38. 38. war room on air super hero
  39. 39. INTERACTIVE TV FOR ALL VIEWERS
  40. 40. tools to the rescue
  41. 41. sockets:persistent low overhead connections
  42. 42. 1. prototype2. SKELETON3. REALTIME4. SCALING
  43. 43. 1. prototype
  44. 44. first prototype h$p://media-­‐square.appspot.com/
  45. 45. 1. prototype2. SKELETON
  46. 46. we knew excellentrails developers
  47. 47. 1. prototype2. SKELETON3. REALTIME
  48. 48. Redis Pub/Sub subscribe publish Node.js Input Socket.io HandlingOn Air App Villa.een.be ... Activity
  49. 49. 1. prototype2. SKELETON3. REALTIME4. SCALING
  50. 50. the magic change model { view MODEL view MODEL view MODEL comclient comclient comclient broadcast PUT save
  51. 51. lessons learned 61
  52. 52. Team
  53. 53. friends
  54. 54. co-produced withTeam
  55. 55. POST space age galaxy exploring ~=[,,_,,]:3 http://www.slideshare.net/vrtmedialab

×