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

  • 2,518 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,518
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
23
Comments
0
Likes
3

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