Richard Tom, CTO at Hulu Innovating the Future of TV With the new digital age transforming the way people are watching TV, users are looking to find and enjoy premium video content whenever and wherever they want on the web and across all devices. What advantages does building an entertainment experience online provide for optimized user experiences, smart social sharing and cutting-edge online advertising platforms? When engineering apps cross multiple devices, how can you utilize automation frameworks so that your team is centered on innovation and not just porting? This session will discuss how to leverage technology and develop a team culture that focuses on world-class innovation for online video.

2. What we’ll cover...
• Video - Past and
Present
• Opportunities
• Challenges
• Foster Innovation

3. To help people find and
enjoy the world’s premium
content when, where, and
how they want it.

5. SLEEP
8.6 hours

6. SLEEP
8.6 hours
WORK
7.5 hours

7. Other
3.4 hours
SLEEP
WATCHING VIDEO 8.6 hours
4.5 hours
WORK
7.5 hours

8. Video Timeline

10. 1927
Television

11. Internet
Video
Recorder Laserdisc DVR Bluray
1951 1978 1999 2006
1927 1971 1996 2000 +2010
Television VCR DVD DVD Game
Internet
Console
Devices
BitTorrent

12. Capture and Playback

14. Personalization &
Freedom

15. Opportunities

16. Services

23. Devices

24. Freedom

25. Freedom

26. Freedom

27. Freedom

28. Freedom

29. Freedom

30. Freedom

31. Freedom

32. Freedom

33. Freedom Customer Service

34. Freedom Customer Service

35. Freedom Customer Service

36. Freedom Customer Service

37. Freedom Customer Service

38. Freedom Companion Experiences Customer Service

39. Challenges

40. Back in the day...

41. Back in the day...

42. Back in the day...
CDN

43. Back in the day...
CDN

44. Present Day
CDN CDN CDN CDN

45. Present Day
CDN CDN CDN CDN

46. Present Day
CDN CDN CDN CDN

47. Present Day
CDN CDN CDN CDN

48. Present Day
CDN CDN CDN CDN

50. • Unique design
considerations
• Playback and DRM
• Language and Frameworks

52. • Device Manufacturers

53. • Device Manufacturers
• Mobile Carriers

54. • Device Manufacturers
• Mobile Carriers
• Users

55. • Gated releases
• Backwards compatibility
• Platform test matrix

56. • Gated releases
= • Backwards compatibility
• Platform test matrix

57. Foster Innovation

58. Innovation

59. Innovation Porting Applications

60. Leverage Automation

61. Leverage Automation
Services

62. Leverage Automation
Build/CI Test Provision Configure Deploy
Jenkins JUnit Chef Capistrano
Donki
Services Server Maven Mocha, MiniTest
SOD
Fabric Fabric, Octopus
Rake Rspec Salt Chef

63. Leverage Automation
Build/CI Test Provision Configure Deploy
Jenkins JUnit Chef Capistrano
Donki
Services Server Maven Mocha, MiniTest
SOD
Fabric Fabric, Octopus
Rake Rspec Salt Chef

64. Leverage Automation
Build/CI Test Provision Configure Deploy
Jenkins JUnit Chef Capistrano
Donki
Services Server Maven Mocha, MiniTest
SOD
Fabric Fabric, Octopus
Rake Rspec Salt Chef

65. Leverage Automation
Build/CI Test Provision Configure Deploy
Jenkins JUnit Chef Capistrano
Donki
Services Server Maven Mocha, MiniTest
SOD
Fabric Fabric, Octopus
Rake Rspec Salt Chef

66. Leverage Automation
Build/CI Test Provision Configure Deploy
Jenkins JUnit Chef Capistrano
Donki
Services Server Maven Mocha, MiniTest
SOD
Fabric Fabric, Octopus
Rake Rspec Salt Chef

67. Leverage Automation
Build/CI Test Provision Configure Deploy
Jenkins JUnit Chef Capistrano
Donki
Services Server Maven Mocha, MiniTest
SOD
Fabric Fabric, Octopus
Rake Rspec Salt Chef

68. Leverage Automation
Apps

69. Leverage Automation
Build/CI Deploy Test
Jasmine
PC Jenkins (Web)
Selenium
Apps Jenkins
Bender
Rake
Living Room waf
Ceecee JSTestDriver
nosetests, sinon.js
DevicePulse
Mobile Jenkins
Milkyway
MSTest

70. Leverage Automation
Build/CI Deploy Test
Jasmine
PC Jenkins (Web)
Selenium
Apps Jenkins
Bender
Rake
Living Room waf
Ceecee JSTestDriver
nosetests, sinon.js
DevicePulse
Mobile Jenkins
Milkyway
MSTest

71. Leverage Automation
Build/CI Deploy Test
Jasmine
PC Jenkins (Web)
Selenium
Apps Jenkins
Bender
Rake
Living Room waf
Ceecee JSTestDriver
nosetests, sinon.js
DevicePulse
Mobile Jenkins
Milkyway
MSTest

72. Leverage Automation
Build/CI Deploy Test
Jasmine
PC Jenkins (Web)
Selenium
Apps Jenkins
Bender
Rake
Living Room waf
Ceecee JSTestDriver
nosetests, sinon.js
DevicePulse
Mobile Jenkins
Milkyway
MSTest

73. Leverage Automation
Documentation
Server
Codo
PC Docygen
Javadoc
JSDoc
RDoc
Living Room
Mobile

74. Serve & Render

75. Server

76. Server
• Navigation elements

77. Server
• Navigation elements
• Layout hints

78. Server
• Navigation elements
• Layout hints
• References

79. Server
• Navigation elements
• Layout hints
• References
• Meta-data

80. Devices

81. Devices
• Render

82. Devices
• Render
• Playback

83. Devices
• Render
• Playback
• User Experience

84. Devices
• Render
• Playback
• User Experience
• Fire events

85. Is a “Hybrid” right for you?

86. Native Interpreted
Is a “Hybrid” right for you?

87. Typical Applications
Native Interpreted

88. Typical Applications
Native Interpreted
Native Application

89. Typical Applications
Native Interpreted
Interpreted Application

90. What is a “Hybrid” application?
Native Interpreted
Native Layer

91. What is a “Hybrid” application?
• Compiled into Native Binary
Native Interpreted • Handles Playback
• Network Stack
• Less Frequent Updates
Native Layer

92. What is a “Hybrid” application?
Native Interpreted
Interpreted Layer
Native Layer

93. What is a “Hybrid” application?
• UI Components
• Application Logic
Native Interpreted • Interacts with Services
• Frequently Updated
Interpreted Layer
Native Layer

94. Advantages of Hybrid
Native Interpreted

95. Advantages of Hybrid
• Multi-platform deployments
• Reduce deployment gates
Native Interpreted • Reduce test matrix
• Preserve native capabilities

96. Is a Hybrid right for you?
Native JS/HTML Hybrid
Native
Yes No Sort Of
Experience
Native Interpreted
Performance Fastest Slowest In the Middle
Native API Yes No Yes
Offline Yes No Yes
Dev Complexity Highest Lowest In the Middle

97. The Foundation

101. • Embrace flexibility &
simplicity

102. • Embrace flexibility &
simplicity
• Be transparent and trust

103. • Embrace flexibility &
simplicity
• Be transparent and trust
• Consistently bet on talent

104. • Embrace flexibility &
simplicity
• Be transparent and trust
• Consistently bet on talent
• Value the team to a fault

105. • Embrace flexibility &
simplicity
• Be transparent and trust
• Consistently bet on talent
• Value the team to a fault