RIA Unleashed - Developing for the TV with litl os

1,701 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,701
On SlideShare
0
From Embeds
0
Number of Embeds
1,040
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

RIA Unleashed - Developing for the TV with litl os

  1. 1. @ryancanulla | developer.litl.com Developing For The TV Companion Wednesday, November 10, 2010
  2. 2. @ryancanulla developer.litl.com What will be available to developers? Wednesday, November 10, 2010
  3. 3. @ryancanulla developer.litl.com What’s available to developers? Keyboard . Trackpad . Gestures Wednesday, November 10, 2010
  4. 4. @ryancanulla developer.litl.com What’s available to developers? Trackpad . Gestures . Accelerometer Wednesday, November 10, 2010
  5. 5. @ryancanulla developer.litl.com What’s available to developers? Gestures . Accelerometer . Microphone Wednesday, November 10, 2010
  6. 6. @ryancanulla developer.litl.com What’s available to developers? Accelerometer . Microphone . Webcam Wednesday, November 10, 2010
  7. 7. @ryancanulla developer.litl.com What’s available to developers? Microphone . Webcam . Keyboard Wednesday, November 10, 2010
  8. 8. @ryancanulla developer.litl.com What do I need to build channels now? Wednesday, November 10, 2010
  9. 9. @ryancanulla developer.litl.com What do I need to build channels now? litl os SDK Wednesday, November 10, 2010
  10. 10. @ryancanulla developer.litl.com What do I need to build channels now? litl os simulator Wednesday, November 10, 2010
  11. 11. @ryancanulla developer.litl.com How can I get a more realistic experience? Wednesday, November 10, 2010
  12. 12. @ryancanulla developer.litl.com How can I get a more realistic experience? Use your phone. Wednesday, November 10, 2010
  13. 13. @ryancanulla developer.litl.com How can I get a more realistic experience? Connect Over WiFi Wednesday, November 10, 2010
  14. 14. @ryancanulla developer.litl.com What’s the developer workflow? Wednesday, November 10, 2010
  15. 15. @ryancanulla developer.litl.com What’s the developer workflow? Start in your favorite IDE. Wednesday, November 10, 2010
  16. 16. @ryancanulla developer.litl.com What’s the developer workflow? Build your channel. Wednesday, November 10, 2010
  17. 17. @ryancanulla developer.litl.com What’s the developer workflow? Test in the simulator. Wednesday, November 10, 2010
  18. 18. @ryancanulla developer.litl.com What’s the developer workflow? Add remotes in the simulator. Wednesday, November 10, 2010
  19. 19. @ryancanulla developer.litl.com What’s the developer workflow? Use an Android or iOS device. Wednesday, November 10, 2010
  20. 20. @ryancanulla developer.litl.com What’s the developer workflow? Go to the settings tab. Wednesday, November 10, 2010
  21. 21. @ryancanulla developer.litl.com What’s the developer workflow? Enable remote app connections. Wednesday, November 10, 2010
  22. 22. @ryancanulla developer.litl.com What’s the developer workflow? Run your Android / iOS app. Wednesday, November 10, 2010
  23. 23. @ryancanulla developer.litl.com What’s the developer workflow? Test on the device. Wednesday, November 10, 2010
  24. 24. @ryancanulla developer.litl.com What’s the developer workflow? Prepare the USB stick. Wednesday, November 10, 2010
  25. 25. @ryancanulla developer.litl.com What’s the developer workflow? Plug it into the device :-) Wednesday, November 10, 2010
  26. 26. @ryancanulla developer.litl.com How “I” manage the service/view. Wednesday, November 10, 2010
  27. 27. @ryancanulla developer.litl.com How “I” manage the service/view. LitlServiceManager() Where “my” service lives How I pass my service around my application Singleton Wednesday, November 10, 2010
  28. 28. @ryancanulla developer.litl.com How “I” manage the service/view. LitlViewManager() Listen for events from the service manager and react accordingly Ensures that your view change stuff is simple, clean, and tucked away nicely I usually have a class for each view (ie. Card, Focus Channel) Wednesday, November 10, 2010
  29. 29. @ryancanulla developer.litl.com What is overscan? Wednesday, November 10, 2010
  30. 30. @ryancanulla developer.litl.com What is overscan? What is overscan? Cropping of your content when it’s displayed on TV’s Varies from TV to TV, but usually 5-10% Occurs on both old & new TV sets Wednesday, November 10, 2010
  31. 31. @ryancanulla developer.litl.com How do I deal with overscan? Wednesday, November 10, 2010
  32. 32. @ryancanulla developer.litl.com How do I deal with overscan? Liquify your layout. Wednesday, November 10, 2010
  33. 33. @ryancanulla developer.litl.com How do I deal with overscan? Trust in the ViewBase() All of my view objects extend ViewBase You can now call myViewObject.setView(width, height) Override sizeUpdated() and add in your layout logic Wednesday, November 10, 2010
  34. 34. @ryancanulla developer.litl.com How do I deal with overscan? Wednesday, November 10, 2010
  35. 35. @ryancanulla developer.litl.com How do I deal with overscan? Wednesday, November 10, 2010
  36. 36. @ryancanulla developer.litl.com Break. Wednesday, November 10, 2010
  37. 37. @ryancanulla developer.litl.com Wednesday, November 10, 2010
  38. 38. @ryancanulla developer.litl.com That was flash. Wednesday, November 10, 2010
  39. 39. @ryancanulla developer.litl.com Wednesday, November 10, 2010
  40. 40. @ryancanulla developer.litl.com Managing remotes and accelerometer data. Wednesday, November 10, 2010
  41. 41. @ryancanulla developer.litl.com Managing remotes and accelerometer data. LitlRemoteManager() Instantiate in the ServiceManager Extends RemoteHandlerManager Handles the connection/disconnection of remotes Wednesday, November 10, 2010
  42. 42. @ryancanulla developer.litl.com Managing remotes and accelerometer data. LitlRemoteManager()continued... Constructor needs a reference to the service as well as a factory class Don’t forget to call the start() method Override onRemoteConnected/onRemoteDisconnected Wednesday, November 10, 2010
  43. 43. @ryancanulla developer.litl.com Managing remotes and accelerometer data. Wednesday, November 10, 2010
  44. 44. @ryancanulla developer.litl.com Managing remotes and accelerometer data. RemoteFactory() Implements IRemoteHandlerFactory Instantiates a Remote() factory object This is a “set it and forget it” type of class :-) Wednesday, November 10, 2010
  45. 45. @ryancanulla developer.litl.com Managing remotes and accelerometer data. Wednesday, November 10, 2010
  46. 46. @ryancanulla developer.litl.com Managing remotes and accelerometer data. Remote() Extends AccelerometerEventHandler or KeypadRemoteHandler Implements IRemoteHandler Override protected function onAccelerometerEvent() Can override pair() & unpair() methods Wednesday, November 10, 2010
  47. 47. @ryancanulla developer.litl.com Managing remotes and accelerometer data. Wednesday, November 10, 2010

×