SlideShare a Scribd company logo
Developing apps
for Smart TVS
1
Who we are?
Name

• Wuaki TV, S.L.

Founded

• July 2009
• Service Launched 2011

HQ

• Barcelona, Spain

Employees

• 65 (10 nationalities)

Description

• Premium TVOD y SVOD
• Multiplatform Service (TV,
PC, Tablets, consoles, etc.)

Contents
Partners

• Walt Disney, Warner
Bros, Paramount, Sony
Pictures, NBC-Universal, 20
Th Century Fox etc..

Some Data

Hollywood Studios Partners

• Registered users: 900K
• Available Titles: 10,000

Hardware Manufacturers Partners

2
From Barcelona to the world!

HQ en Barcelona

International Expansion 2013-2015

3
Smart TV development
4
Wuaki.tv: Smart TV typical stack
The typical Wuaki.tv app for a Smart TV consists of:
1.
2.
3.
4.
5.
6.

HTML
JS
CSS
Player with DRM Support
Keyboard Mapping
Integration with Wuaki.tv API

So why is it SO difficult?

5
Wuaki.tv: There are no standards!

6
Wuaki.tv: Too many brands, too many SDKs

7
Wuaki.tv: “too many” Studios!

8
Wuaki.tv Approach
• We started creating 1 app for each manufacturer. We ended up with 7 apps to
maintain.
• We learned the hard way. The apps work, but need a different solution.
• We had to reduce development cost, maintenance cost and time to market. Each
year SDKs change.
• We decided to create our “GENERIC APP”
• We know that there are parts of the app we control and other we do not.

9
Wuaki.tv: which framework do we use?

10
Wuaki.tv: TRIBBLE!

11
Wuaki.tv: Testing, building and deploying our app
To ensure quality in applications is necessary to pass them for a process of testing.
This process consists in three types of testing:
1. Unit testing to design robust software components (Jasmine)

1. Automated Integration Tests to detect regressions (things that used to work
but have stopped unexpectedly). (Karma)

1. Manual tests to find failures (things dont work as expected).

12
Wuaki.tv: Testing, building and deploying our app
In order to build the app we use Jenkins. Karma can easily be integrated with it. We
follow CI methodology.

We deploy our app using capistrano.

We Check Code Quality with CodeClimate (as of 24th October 2013)

13
GRACIAS!
Jordi Miró Bruix
CTO Wuaki.tv
jordi.miro@wuaki.tv
@jordimirobruix

More Related Content

PDF
Flipps Presentation
PDF
Vinroad Company Profile
PDF
Essential Windows Phone App Developer Tools
PDF
Mautilus - introduction of the company
PDF
[Startup Nations Summit 2014] Competition - China - Beijing
PPTX
EU Stream Events presentation
PDF
Treat your servers like your Ruby App: Infrastructure as Code
PPTX
[Rakuten TechConf2014] [F-6] Changing the Behavior of IT
Flipps Presentation
Vinroad Company Profile
Essential Windows Phone App Developer Tools
Mautilus - introduction of the company
[Startup Nations Summit 2014] Competition - China - Beijing
EU Stream Events presentation
Treat your servers like your Ruby App: Infrastructure as Code
[Rakuten TechConf2014] [F-6] Changing the Behavior of IT

Viewers also liked (20)

PDF
アジャイルリーダーシップと組織改革
PDF
Rakuten LeoFs - distributed file system
PDF
Latent Class Transliteration based on Source Language Origin
PDF
コンピュータのための新たな表現の追及―プログラミング言語Egison開発史
PDF
Hadoop at Rakuten, 2011/07/06
PDF
[Rakuten TechConf2014] [G-4] Beyond Agile Testing to Lean Development
PPTX
[RakutenTechConf2013] [C-0] 日本にいたまま英語ペラペラ化!来年は海外カンファレンスでしゃべろう!
PPTX
[Rakuten TechConf2014] [Sendai] Global work in Tohoku Region!
PDF
アジャイルリーダーシップと組織改革 (アジャイルサムライ横浜道場)
PPTX
[Rakuten TechConf2014] [B-1] Performance at scale
PDF
[Rakuten TechConf2014] [A-5] Lessons learned from Ruby
PPT
インターネットガバナンス徒然2010-2
PDF
See the Future, See the Stars Rakuten Institute of Technology
PDF
プレゼン勉強会 「イイタイコト 革命」Study session on presentation "What you want to say" Revol...
PPTX
[Rakuten TechConf2014] [Fukuoka] Technologies that underlie service delivery
PPTX
[RakutenTechConf2013] [D-3_2] Counting Big Data by Streaming Algorithms
PDF
楽天ブックスiPhoneアプリ開発日誌 ~導かれし者たち~
PDF
What does Globalization mean for Rakuten? ~ 楽天のグローバル戦略について ~
PDF
Panel Discussion, Agile, Big Data, and Globalization
PDF
How to change our world ~楽天の開発現場からのアジャイル改善事例~
アジャイルリーダーシップと組織改革
Rakuten LeoFs - distributed file system
Latent Class Transliteration based on Source Language Origin
コンピュータのための新たな表現の追及―プログラミング言語Egison開発史
Hadoop at Rakuten, 2011/07/06
[Rakuten TechConf2014] [G-4] Beyond Agile Testing to Lean Development
[RakutenTechConf2013] [C-0] 日本にいたまま英語ペラペラ化!来年は海外カンファレンスでしゃべろう!
[Rakuten TechConf2014] [Sendai] Global work in Tohoku Region!
アジャイルリーダーシップと組織改革 (アジャイルサムライ横浜道場)
[Rakuten TechConf2014] [B-1] Performance at scale
[Rakuten TechConf2014] [A-5] Lessons learned from Ruby
インターネットガバナンス徒然2010-2
See the Future, See the Stars Rakuten Institute of Technology
プレゼン勉強会 「イイタイコト 革命」Study session on presentation "What you want to say" Revol...
[Rakuten TechConf2014] [Fukuoka] Technologies that underlie service delivery
[RakutenTechConf2013] [D-3_2] Counting Big Data by Streaming Algorithms
楽天ブックスiPhoneアプリ開発日誌 ~導かれし者たち~
What does Globalization mean for Rakuten? ~ 楽天のグローバル戦略について ~
Panel Discussion, Agile, Big Data, and Globalization
How to change our world ~楽天の開発現場からのアジャイル改善事例~
Ad

Similar to [RakutenTechConf2013] [C-2_2] Developing apps for Smart TVS (20)

PDF
Cross-Platform Smart TV App Development with Web Technologies – Everything Yo...
PPTX
"HTML & CSS apps & internet powered TV" por @JeronimJackson
PDF
Video Streaming App Development : Full Guide
PDF
A Complete Guide to Create A Smart TV App.pdf
PPTX
Smart TV and APIs
PDF
Get your mobile app in production in 3 months: Native and Reactive Mobile Apps
PDF
Start developing for TVs
PPTX
Building The Wix SDK
PDF
MTC Spring 2013 - crossplatform woes - robert virkus - 2013-03-13
PDF
How to Develop a Smart TV App in 2025.pdf
PPTX
How To: Bringing Media Channels to Amazon Fire TV
PDF
Developing Media Streaming Android Apps the Easy Way with Fire App Builder - ...
PPTX
TheApp v1.2
PDF
Qt - for stack overflow developer conference
PDF
Making it mobile_360_flex_jonathancampos_antonioholguin
PDF
Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...
PPT
"How to Make TV Apps Work" 10 rules for Connected Tv apps development
PDF
Developing Android Apps for TV in Minutes with Amazon Fire App Builder
PDF
Long Live the Legacy of HBO Max- Insights You Need to Know.
PDF
Wholesale Applications Community
Cross-Platform Smart TV App Development with Web Technologies – Everything Yo...
"HTML & CSS apps & internet powered TV" por @JeronimJackson
Video Streaming App Development : Full Guide
A Complete Guide to Create A Smart TV App.pdf
Smart TV and APIs
Get your mobile app in production in 3 months: Native and Reactive Mobile Apps
Start developing for TVs
Building The Wix SDK
MTC Spring 2013 - crossplatform woes - robert virkus - 2013-03-13
How to Develop a Smart TV App in 2025.pdf
How To: Bringing Media Channels to Amazon Fire TV
Developing Media Streaming Android Apps the Easy Way with Fire App Builder - ...
TheApp v1.2
Qt - for stack overflow developer conference
Making it mobile_360_flex_jonathancampos_antonioholguin
Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...
"How to Make TV Apps Work" 10 rules for Connected Tv apps development
Developing Android Apps for TV in Minutes with Amazon Fire App Builder
Long Live the Legacy of HBO Max- Insights You Need to Know.
Wholesale Applications Community
Ad

More from Rakuten Group, Inc. (20)

PDF
EPSS (Exploit Prediction Scoring System)モニタリングツールの開発
PPTX
コードレビュー改善のためにJenkinsとIntelliJ IDEAのプラグインを自作してみた話
PDF
楽天における安全な秘匿情報管理への道のり
PDF
What Makes Software Green?
PDF
Simple and Effective Knowledge-Driven Query Expansion for QA-Based Product At...
PDF
DataSkillCultureを浸透させる楽天の取り組み
PDF
大規模なリアルタイム監視の導入と展開
PDF
楽天における大規模データベースの運用
PDF
楽天サービスを支えるネットワークインフラストラクチャー
PDF
楽天の規模とクラウドプラットフォーム統括部の役割
PDF
Rakuten Services and Infrastructure Team.pdf
PDF
The Data Platform Administration Handling the 100 PB.pdf
PDF
Supporting Internal Customers as Technical Account Managers.pdf
PDF
Making Cloud Native CI_CD Services.pdf
PDF
How We Defined Our Own Cloud.pdf
PDF
Travel & Leisure Platform Department's tech info
PDF
Travel & Leisure Platform Department's tech info
PDF
OWASPTop10_Introduction
PDF
Introduction of GORA API Group technology
PDF
100PBを越えるデータプラットフォームの実情
EPSS (Exploit Prediction Scoring System)モニタリングツールの開発
コードレビュー改善のためにJenkinsとIntelliJ IDEAのプラグインを自作してみた話
楽天における安全な秘匿情報管理への道のり
What Makes Software Green?
Simple and Effective Knowledge-Driven Query Expansion for QA-Based Product At...
DataSkillCultureを浸透させる楽天の取り組み
大規模なリアルタイム監視の導入と展開
楽天における大規模データベースの運用
楽天サービスを支えるネットワークインフラストラクチャー
楽天の規模とクラウドプラットフォーム統括部の役割
Rakuten Services and Infrastructure Team.pdf
The Data Platform Administration Handling the 100 PB.pdf
Supporting Internal Customers as Technical Account Managers.pdf
Making Cloud Native CI_CD Services.pdf
How We Defined Our Own Cloud.pdf
Travel & Leisure Platform Department's tech info
Travel & Leisure Platform Department's tech info
OWASPTop10_Introduction
Introduction of GORA API Group technology
100PBを越えるデータプラットフォームの実情

Recently uploaded (20)

PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PPTX
Chapter 5: Probability Theory and Statistics
PDF
Mushroom cultivation and it's methods.pdf
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
PPTX
OMC Textile Division Presentation 2021.pptx
PPTX
A Presentation on Touch Screen Technology
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
Getting Started with Data Integration: FME Form 101
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Encapsulation theory and applications.pdf
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Chapter 5: Probability Theory and Statistics
Mushroom cultivation and it's methods.pdf
Heart disease approach using modified random forest and particle swarm optimi...
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
MIND Revenue Release Quarter 2 2025 Press Release
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
OMC Textile Division Presentation 2021.pptx
A Presentation on Touch Screen Technology
Agricultural_Statistics_at_a_Glance_2022_0.pdf
A novel scalable deep ensemble learning framework for big data classification...
Getting Started with Data Integration: FME Form 101
Enhancing emotion recognition model for a student engagement use case through...
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Programs and apps: productivity, graphics, security and other tools
Digital-Transformation-Roadmap-for-Companies.pptx
Group 1 Presentation -Planning and Decision Making .pptx
Univ-Connecticut-ChatGPT-Presentaion.pdf
Encapsulation theory and applications.pdf

[RakutenTechConf2013] [C-2_2] Developing apps for Smart TVS

  • 2. Who we are? Name • Wuaki TV, S.L. Founded • July 2009 • Service Launched 2011 HQ • Barcelona, Spain Employees • 65 (10 nationalities) Description • Premium TVOD y SVOD • Multiplatform Service (TV, PC, Tablets, consoles, etc.) Contents Partners • Walt Disney, Warner Bros, Paramount, Sony Pictures, NBC-Universal, 20 Th Century Fox etc.. Some Data Hollywood Studios Partners • Registered users: 900K • Available Titles: 10,000 Hardware Manufacturers Partners 2
  • 3. From Barcelona to the world! HQ en Barcelona International Expansion 2013-2015 3
  • 5. Wuaki.tv: Smart TV typical stack The typical Wuaki.tv app for a Smart TV consists of: 1. 2. 3. 4. 5. 6. HTML JS CSS Player with DRM Support Keyboard Mapping Integration with Wuaki.tv API So why is it SO difficult? 5
  • 6. Wuaki.tv: There are no standards! 6
  • 7. Wuaki.tv: Too many brands, too many SDKs 7
  • 9. Wuaki.tv Approach • We started creating 1 app for each manufacturer. We ended up with 7 apps to maintain. • We learned the hard way. The apps work, but need a different solution. • We had to reduce development cost, maintenance cost and time to market. Each year SDKs change. • We decided to create our “GENERIC APP” • We know that there are parts of the app we control and other we do not. 9
  • 10. Wuaki.tv: which framework do we use? 10
  • 12. Wuaki.tv: Testing, building and deploying our app To ensure quality in applications is necessary to pass them for a process of testing. This process consists in three types of testing: 1. Unit testing to design robust software components (Jasmine) 1. Automated Integration Tests to detect regressions (things that used to work but have stopped unexpectedly). (Karma) 1. Manual tests to find failures (things dont work as expected). 12
  • 13. Wuaki.tv: Testing, building and deploying our app In order to build the app we use Jenkins. Karma can easily be integrated with it. We follow CI methodology. We deploy our app using capistrano. We Check Code Quality with CodeClimate (as of 24th October 2013) 13
  • 14. GRACIAS! Jordi Miró Bruix CTO Wuaki.tv jordi.miro@wuaki.tv @jordimirobruix

Editor's Notes

  • #11: We want to use MVC and Backbone and AngularJS allows us to do so, but in different manners.jQuery5 to manage the elements on the page and also Ajax. RequireJS6 because allows downloading javascript files asynchronously avoiding the rest of the page content is blocked until the js loaded finish. It also optimizes files joining them into one so are needed fewer requests to the server. Marionette7 to simplify the construction of the application scaling it with modular event driven architecture. This allows us an easy way to modify the application being so flexible as we need. Also gives nested views and layouts within visual regions and much more benefits. Handlebars8 because let us build semantic templates effectively with no frustration so we save many lines of code. Lodash9 as an alternative to underscore because gives customs builds and additional features. Grunt10 to automate repetitive tasks as compilation, unit testing… 
  • #12: Tribble was launched to have LG on the UK working. We are now certifying the app.On the image is shown how was the application modularized following the MCV architecture and also our structure proposed at the beginning of the document to have the differences between devices separated from the common code. So, on packages we’ll find the specific from LG and on future the rest of devices.