web apps on your tv - creating content for the opera tv store / tv hackfest / london / 27.11.2012

Web Apps on your TV CREATING CONTENT FOR THE OPERA TV STORE

Patrick H. Lauke / TV Hackfest / London / 26 October 2012

issues with web on TV

usability of “wild web”

discoverability

introducing the

Opera TV Store

curated list ofTV-optimised web apps

based on Opera SDKbut a separate standalone product

distribution to different OEMsno need for separate app submissions

built on web technologies

browser asuniversal (meta)platform

developing for TV

1. input mechanism2. display size3. performance

1. input mechanism2. display size3. performance

● spatial navigation by default● handle key events directly ● minimise text entry

blah.addEventListener("keydown", function(e) {

…

e.preventDefault();

}, useCapture);

blah.addEventListener("keydown", function(e) {

…

if (VK_RED == e.keyCode) { … }

…

e.preventDefault();

}, useCapture);

don't lose your focus

a:hover { … }

a:hover, a:focus { … }

1. input mechanism2. display size3. performance

● large text and images● large UI elements for interaction● minimise scrolling

720×5761280×7201920×1080

1. input mechanism2. display size3. performance

● hardware acceleration?● avoid heavy JavaScript● keep animations (JS/CSS3/etc) minimal● space/memory extremely limited

no magic bullet...

testing and debugging

Opera TV Emulatoropera.com/developer/tools

opera.com/dragonfly

dev.opera.com/tv

publish.tvstore.opera.com

dev.opera.com/articles/view/testing-your-app-inside-the-opera-tv-store

dev.opera.com/tvpatrick.lauke@opera.com