Web Apps on your TV - Creating content for the Opera TV Store / TV Hackfest / London / 27.11.2012

3,191 views

Published on

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

No Downloads
Views
Total views
3,191
On SlideShare
0
From Embeds
0
Number of Embeds
45
Actions
Shares
0
Downloads
25
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Web Apps on your TV - Creating content for the Opera TV Store / TV Hackfest / London / 27.11.2012

  1. 1. Web Apps on your TVCREATING CONTENT FOR THE OPERA TV STOREPatrick H. Lauke / TV Hackfest / London / 26 October 2012
  2. 2. issues with web on TV
  3. 3. usability of “wild web”
  4. 4. discoverability
  5. 5. introducing theOpera TV Store
  6. 6. curated list ofTV-optimised web apps
  7. 7. based on Opera SDKbut a separate standalone product
  8. 8. distribution to different OEMs no need for separate app submissions
  9. 9. built on web technologies
  10. 10. browser asuniversal (meta)platform
  11. 11. developing for TV
  12. 12. 1. input mechanism2. display size3. performance
  13. 13. 1. input mechanism2. display size3. performance
  14. 14. ● spatial navigation by default● handle key events directly● minimise text entry
  15. 15. blah.addEventListener("keydown", function(e) { … e.preventDefault();}, useCapture);
  16. 16. blah.addEventListener("keydown", function(e) { … if (VK_RED == e.keyCode) { … } … e.preventDefault();}, useCapture);
  17. 17. dont lose your focusa:hover { … }a:hover, a:focus { … }
  18. 18. 1. input mechanism2. display size3. performance
  19. 19. ● large text and images● large UI elements for interaction● minimise scrolling
  20. 20. 720×5761280×7201920×1080
  21. 21. 1. input mechanism2. display size3. performance
  22. 22. ● hardware acceleration?● avoid heavy JavaScript● keep animations (JS/CSS3/etc) minimal● space/memory extremely limited
  23. 23. no magic bullet...
  24. 24. testing and debugging
  25. 25. Opera TV Emulator opera.com/developer/tools
  26. 26. opera.com/dragonfly
  27. 27. dev.opera.com/tv
  28. 28. publish.tvstore.opera.com
  29. 29. dev.opera.com/articles/view/testing-your-app-inside-the-opera-tv-store
  30. 30. dev.opera.com/tv patrick.lauke@opera.com

×