1. @ryancanulla | developer.litl.com
Developing For The TV Companion
Wednesday, November 10, 2010

2. @ryancanulla
developer.litl.com
What will be available to developers?
Wednesday, November 10, 2010

3. @ryancanulla
developer.litl.com
What’s available to developers?
Keyboard . Trackpad . Gestures
Wednesday, November 10, 2010

4. @ryancanulla
developer.litl.com
What’s available to developers?
Trackpad . Gestures . Accelerometer
Wednesday, November 10, 2010

5. @ryancanulla
developer.litl.com
What’s available to developers?
Gestures . Accelerometer . Microphone
Wednesday, November 10, 2010

6. @ryancanulla
developer.litl.com
What’s available to developers?
Accelerometer . Microphone . Webcam
Wednesday, November 10, 2010

7. @ryancanulla
developer.litl.com
What’s available to developers?
Microphone . Webcam . Keyboard
Wednesday, November 10, 2010

8. @ryancanulla
developer.litl.com
What do I need to build channels now?
Wednesday, November 10, 2010

9. @ryancanulla
developer.litl.com
What do I need to build channels now?
litl os SDK
Wednesday, November 10, 2010

10. @ryancanulla
developer.litl.com
What do I need to build channels now?
litl os simulator
Wednesday, November 10, 2010

11. @ryancanulla
developer.litl.com
How can I get a more realistic experience?
Wednesday, November 10, 2010

12. @ryancanulla
developer.litl.com
How can I get a more realistic experience?
Use your phone.
Wednesday, November 10, 2010

13. @ryancanulla
developer.litl.com
How can I get a more realistic experience?
Connect Over WiFi
Wednesday, November 10, 2010

14. @ryancanulla
developer.litl.com
What’s the developer workflow?
Wednesday, November 10, 2010

15. @ryancanulla
developer.litl.com
What’s the developer workflow?
Start in your favorite IDE.
Wednesday, November 10, 2010

16. @ryancanulla
developer.litl.com
What’s the developer workflow?
Build your channel.
Wednesday, November 10, 2010

17. @ryancanulla
developer.litl.com
What’s the developer workflow?
Test in the simulator.
Wednesday, November 10, 2010

18. @ryancanulla
developer.litl.com
What’s the developer workflow?
Add remotes in the simulator.
Wednesday, November 10, 2010

19. @ryancanulla
developer.litl.com
What’s the developer workflow?
Use an Android or iOS device.
Wednesday, November 10, 2010

20. @ryancanulla
developer.litl.com
What’s the developer workflow?
Go to the settings tab.
Wednesday, November 10, 2010

21. @ryancanulla
developer.litl.com
What’s the developer workflow?
Enable remote app connections.
Wednesday, November 10, 2010

22. @ryancanulla
developer.litl.com
What’s the developer workflow?
Run your Android / iOS app.
Wednesday, November 10, 2010

23. @ryancanulla
developer.litl.com
What’s the developer workflow?
Test on the device.
Wednesday, November 10, 2010

24. @ryancanulla
developer.litl.com
What’s the developer workflow?
Prepare the USB stick.
Wednesday, November 10, 2010

25. @ryancanulla
developer.litl.com
What’s the developer workflow?
Plug it into the device :-)
Wednesday, November 10, 2010

26. @ryancanulla
developer.litl.com
How “I” manage the service/view.
Wednesday, November 10, 2010

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. @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. @ryancanulla
developer.litl.com
What is overscan?
Wednesday, November 10, 2010

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. @ryancanulla
developer.litl.com
How do I deal with overscan?
Wednesday, November 10, 2010

32. @ryancanulla
developer.litl.com
How do I deal with overscan?
Liquify your layout.
Wednesday, November 10, 2010

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. @ryancanulla
developer.litl.com
How do I deal with overscan?
Wednesday, November 10, 2010

35. @ryancanulla
developer.litl.com
How do I deal with overscan?
Wednesday, November 10, 2010

36. @ryancanulla
developer.litl.com
Break.
Wednesday, November 10, 2010

37. @ryancanulla
developer.litl.com
Wednesday, November 10, 2010

38. @ryancanulla
developer.litl.com
That was flash.
Wednesday, November 10, 2010

39. @ryancanulla
developer.litl.com
Wednesday, November 10, 2010

40. @ryancanulla
developer.litl.com
Managing remotes and accelerometer data.
Wednesday, November 10, 2010

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. @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. @ryancanulla
developer.litl.com
Managing remotes and accelerometer data.
Wednesday, November 10, 2010

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. @ryancanulla
developer.litl.com
Managing remotes and accelerometer data.
Wednesday, November 10, 2010

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. @ryancanulla
developer.litl.com
Managing remotes and accelerometer data.
Wednesday, November 10, 2010