owf12/paug conf days google tv part 1 (introduction) matt gaunt, advocate at google
TRANSCRIPT
![Page 1: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/1.jpg)
Developers
![Page 2: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/2.jpg)
Intro to Google TVTargeting the Big Screen
Matt GauntDeveloper Advocate
![Page 3: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/3.jpg)
What is Google TV?
![Page 4: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/4.jpg)
The Open Platform
4
![Page 5: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/5.jpg)
5
It’s Android
![Page 6: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/6.jpg)
6
Big
7
![Page 7: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/7.jpg)
Development Options
712
Build Apps: Google TV Users
![Page 8: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/8.jpg)
8
Sony’s Internet streaming set-top box is already available in the US, UK, Germany, Netherlands, France and Brazil with plans to launch in Canada and Mexico later this year.
![Page 9: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/9.jpg)
New Google TV Devices
9
- ARM processors- More on the way...
LGSony Vizio
![Page 10: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/10.jpg)
10
![Page 11: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/11.jpg)
OpportunityWhy should I care?
![Page 12: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/12.jpg)
“ In the US, homes have an average of 2.5 people and 2.93 TV sets (and rising!) ”
Television Audience Report, 2009: The Nielsen Company
![Page 13: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/13.jpg)
“ In the US, people “watch” and average of ~5 hours of TV per day ”
Three Screen Report, Q1’10: The Nielsen Company
![Page 14: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/14.jpg)
Why Develop for TV?
- 22% of US broadband households already own an HDTV with integrated TV appsSource: In-Stat, “Q2’11 US Digital Entertainment Database,” July 26, 2011
- 60% of connected-TV households will use a TV app at least once per weekSource: In-Stat, “Q2’11 US Digital Entertainment Database,” July 26, 2011
- By 2015, 500 million web enabled TV’s Source: Crave Asia, July 8, 2011
14
![Page 15: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/15.jpg)
UI for the Big Screen
![Page 16: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/16.jpg)
Big, but small
16
• Traditionally designed consumption not interaction
• Far away = lower information density
• Ironically, not so good for reading a lot of text
• Big Sound: Great for video, and listening to music
• Different than phones: personal, location, size, touch
• Not just a big Tablet => more like a PHONE
Big, but small
Traditionally designed consumption not
Far away = lower information density
Ironically, not so good for reading a lot of
Big Sound: Great for video, and listening
Different than phones: personal, locatiot
Big, but small
![Page 17: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/17.jpg)
Information Density
17
Info
rmat
ion
on s
cree
n
Big
7
![Page 18: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/18.jpg)
Social
Shared Experience-Entertainment > Work-Games, learning, exploring, music, shared experiences-Privacy considerations-How can you take advantage of this social setting?
18
![Page 19: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/19.jpg)
D-Pad
19
D-Pad Tips
- “Lean back”- No-look navigation- Highlight and Select
![Page 20: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/20.jpg)
Cursor
20
Cursor Tips
- Cursor != Touch- Accelerate nav- Low-twitch- BIG hit targets
![Page 21: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/21.jpg)
Selection & Focus
21
![Page 22: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/22.jpg)
Action Bar . . . ?
22
![Page 23: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/23.jpg)
23
Beware: D-Pad Interaction Traps
![Page 24: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/24.jpg)
Horizontal Zone Pattern
24
![Page 25: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/25.jpg)
Android Tips
![Page 26: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/26.jpg)
Left Nav Bar
26
http://code.google.com/p/googletv-android-samples/
![Page 27: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/27.jpg)
Left Nav Bar
27
http://code.google.com/p/googletv-android-samples/
![Page 28: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/28.jpg)
Selection and Focus
28
- Show selection & focus (state list)
<selector> <item android:drawable=”…” android:state_focused=“false” android:state_selected=“true” /> <item android:drawable=”…” android:state_focused=“true” android:state_selected=“false” /> <item android:drawable=”…” android:state_focused=“true” android:state_selected=“true” /></selector>
XML
![Page 29: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/29.jpg)
Focus (cont.)
- Finer control of focus
29
android:nextFocusDownandroid:nextFocusLeftandroid:nextFocusRightandroid:nextFocusUpandroid:nextFocusForward
XML
![Page 30: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/30.jpg)
Size, Resolutions & Densities
30
![Page 31: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/31.jpg)
Am I on TV?
Don’t forget the -television specifier
31
<?xml version="1.0" encoding="utf-8"?><resources> <bool name="is_television">false</bool></resources>
XML: values/bools.xml
<?xml version="1.0" encoding="utf-8"?><resources> <bool name="is_television">true</bool></resources>
XML: values-television/bools.xml
![Page 32: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/32.jpg)
Brief note on the SDK
![Page 33: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/33.jpg)
The Add-On...
33
![Page 34: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/34.jpg)
ADB + GTV
34
Dev Box IP GTV IP adb connect
![Page 35: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/35.jpg)
ADB + GTV - Debugger IP Addr. = Your IP Addr.
35
Debugger IP GTV IP adb connect
Settings > Application > Development > Debugger IP Address
![Page 36: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/36.jpg)
ADB + GTV - Find GTV’s IP Address
36
Dev Box IP GTV IP adb connect
Settings > Network > Status > IP Address
![Page 37: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/37.jpg)
ADB + GTV - Connect the dots
37
Dev Box IP GTV IP adb connect
adb connect <GTV IP Address>
![Page 38: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/38.jpg)
Chrome UI Tips
![Page 39: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/39.jpg)
Embrace Focus
39
Keyboard navigation pluginMike Hostetler
http://mike-hostetler.com/jquery-keyboard-navigation-plugin
![Page 40: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/40.jpg)
Make the Focus
40
window.onload = function() { document.onkeydown = function(e) { if (!e) e=window.event; switch(e.keyCode) { case 37: alert("Left arrow"); break; case 38: alert("Up arrow"); break; case 39: alert("Right arrow"); break; case 40: alert("Down arrow"); break; case 13: alert("Enter/select"); break; } }}
JS
![Page 41: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/41.jpg)
Auto-Zoom
41
- Google TV has an auto-zoom algorithm to scale web pages so they display properly on TV (i.e. account for overscan)
- If you experience problems, you have two options:- Switch it off
<meta name=”gtv-autozoom” content=”off” />HTML
![Page 42: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/42.jpg)
Auto-Zoom Cont.
- Adjust the zoom
- Dare I say responsive design...
42
$(document).ready(function() { var w = screen.width; var h = screen.height; var bw = $(window).width(); var bh = $(window).height();
var wRatio = bw/w; var hRatio = bh/h; var ratio = (wRatio + hRatio) / 2;
$('body').css('zoom', ratio);
})
JS
![Page 43: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/43.jpg)
43
![Page 44: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/44.jpg)
Google Analytics
- Use it & learn what your users are doing- Track usage of every section in your app- Track settings
44
// Start trackingtracker.start("UA-MY_CODE-XX", this);
// Register a page viewtracker.trackPageView("/map_view");
// Send views to servertracker.dispatch();
Java
![Page 46: OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google](https://reader033.vdocuments.mx/reader033/viewer/2022060112/55701a13d8b42aa8558b45c2/html5/thumbnails/46.jpg)
Developers