Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google

1,708 views

Published on

  • Be the first to comment

  • Be the first to like this

OWF12/PAUG Conf Days Google tv part 1 (introduction) matt gaunt, advocate at google

  1. 1. Developers
  2. 2. Intro to Google TVTargeting the Big ScreenMatt GauntDeveloper Advocate
  3. 3. What is Google TV?
  4. 4. The Open Platform 4
  5. 5. It’s Android 5
  6. 6. Big 7 6
  7. 7. Development OptionsBuild Apps: Google TV Users 12 7
  8. 8. Sony’s Internet streaming set-topbox is already available in the US,UK, Germany, Netherlands,France and Brazil with plans tolaunch in Canada and Mexicolater this year. 8
  9. 9. New Google TV Devices- ARM processors- More on the way...Sony Vizio LG 9
  10. 10. 10
  11. 11. OpportunityWhy should I care?
  12. 12. “ In the US, homes have an average of2.5 people and 2.93 TV sets(and rising!) ” Television Audience Report, 2009: The Nielsen Company
  13. 13. “ In the US, people “watch” and averageof ~5 hours of TV per day ” Three Screen Report, Q1’10: The Nielsen Company
  14. 14. Why Develop for TV?- 22% of US broadband households already own an HDTV with integrated TV apps Source: 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 week Source: 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
  15. 15. UI for the Big Screen
  16. 16. Big, but small Big, but small • 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 16
  17. 17. Information Density Information on screen Big 7 17
  18. 18. SocialShared Experience - Entertainment > Work - Games, learning, exploring, music, shared experiences - Privacy considerations - How can you take advantage of this social setting? 18
  19. 19. D-Pad D-Pad Tips - “Lean back” - No-look navigation - Highlight and Select 19
  20. 20. Cursor Cursor Tips - Cursor != Touch - Accelerate nav - Low-twitch - BIG hit targets 20
  21. 21. Selection & Focus 21
  22. 22. Action Bar . . . ? 22
  23. 23. Beware: D-Pad Interaction Traps 23
  24. 24. Horizontal Zone Pattern 24
  25. 25. Android Tips
  26. 26. Left Nav Bar http://code.google.com/p/googletv-android-samples/ 26
  27. 27. Left Nav Bar http://code.google.com/p/googletv-android-samples/ 27
  28. 28. Selection and Focus- Show selection & focus (state list) XML<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> 28
  29. 29. Focus (cont.)- Finer control of focus XMLandroid:nextFocusDownandroid:nextFocusLeftandroid:nextFocusRightandroid:nextFocusUpandroid:nextFocusForward 29
  30. 30. Size, Resolutions & Densities 30
  31. 31. Am I on TV?Don’t forget the -television specifier XML: values/bools.xml<?xml version="1.0" encoding="utf-8"?><resources> <bool name="is_television">false</bool></resources> XML: values-television/bools.xml<?xml version="1.0" encoding="utf-8"?><resources> <bool name="is_television">true</bool></resources> 31
  32. 32. Brief note on the SDK
  33. 33. The Add-On... 33
  34. 34. ADB + GTV Dev Box IP GTV IP adb connect 34
  35. 35. ADB + GTV - Debugger IP Addr. = Your IP Addr. Debugger IP GTV IP adb connect Settings > Application > Development > Debugger IP Address 35
  36. 36. ADB + GTV - Find GTV’s IP Address Dev Box IP GTV IP adb connect Settings > Network > Status > IP Address 36
  37. 37. ADB + GTV - Connect the dots Dev Box IP GTV IP adb connect adb connect <GTV IP Address> 37
  38. 38. Chrome UI Tips
  39. 39. Embrace FocusKeyboard navigation pluginMike Hostetlerhttp://mike-hostetler.com/jquery-keyboard-navigation-plugin 39
  40. 40. Make the Focus JSwindow.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; } }} 40
  41. 41. Auto-Zoom- 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 HTML<meta name=”gtv-autozoom” content=”off” /> 41
  42. 42. Auto-Zoom Cont.- Adjust the zoom JS$(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);})- Dare I say responsive design... 42
  43. 43. 43
  44. 44. Google Analytics- Use it & learn what your users are doing- Track usage of every section in your app- Track settings Java// Start trackingtracker.start("UA-MY_CODE-XX", this);// Register a page viewtracker.trackPageView("/map_view");// Send views to servertracker.dispatch(); 44
  45. 45. <Thank You!>http://developers.google.com/tv/mattgaunt@google.com+matt gaunt@gauntface
  46. 46. Developers

×