Video: https://www.youtube.com/watch?v=2ktpOVFQOe8 First steps how create first application on Samsung Smart TV platform. Presentation preparing fo my first speech at WarsawJS - new organization about JavaScript.

1. q†ßã†û6ZÔ°ßãê
†ÜÜÐÉZ†Èãïɨ
ZȆßê`p
܆ê§ÐßÈ
S°Ðêß8Ðû†Âã¿°ÀÜ°“°Ðã­¿†

2. SßВÈãÁVãêß°“ê°ÐÉã
1. Remote controller (without mouse and keyboard)
2. Limited space for all view port of application (not infinity longest page)
3. Not everywhere WebKit (in old platforms Maple4)
4. Low internet connection (application should always waiting for long
request)
5. Lazy user? (with beer and remote controller in hand on sofa)

4. (ÐûêÐãê†ßêÛ
1. TV: Price: +600pln or Blu-Ray: Price: +300pln
2. Register account: develop
3. Installation on workstation Samsung Smart TV SDK?
4. Pair device with workstation by set IP Address
5. Synchronize

6. A“ãã†ßëÈ°É°ÈïÈîã
1. ~/projects/first_app/config.xml
2. ~/projects/first_app/index.html
3. ~/projects/first_app/scripts/boot.js
4. ~/projects/first_app/images/thumb.png
5. ~/projects/widgetlist.xml
6. ~/projects/widget/first_app.zip

7. =àÜßм“êãàßãêá†ÜÜà“ÐɨÚÈÂ
01.
02.
03.
04.
05.
06.
07.
08.
?xml version=1.0 encoding=utf-8?
widget
BigListIconimages/thumb.jpg/BigListIcon
typeuser/type
widgetnameProject Name/widgetname
width960/width
height540/height
dconty/dcont

8. =àÜßм“êãàßãêá†ÜÜà°É™Ú­êÈÂ
01.
02.
03.
04.
05.
06.
07.
08.
!DOCTYPE html
html lang=en
head
script src=scripts/boot.js/script
/head
body style=margin: 0px;
img src=http://lorempixel.com/960/540/sports/ /
/body

9. =àÜßм“êãàßãêá†ÜÜàã“ß°Üêãà’ÐÐêÚ¼ã
// Alias to launched widget. `||` for browser protection.
var launchWidget = window.curWidget || {};
// Smart Hub call method `onload` on launch widget.
window.onload = function () {
// Inform Smart Hub, that app is ready.
if (typeof launchWidget.setPreference === 'function') {
launchWidget.setPreference('ready', 'true');
}
01.
02.
03.
04.
05.
06.
07.
08.

10. =àÜßм“êãàßãêá†ÜÜà°È†¨ãàê­ïÈ’ÚÜɨ
• Small image with dimensions 95x78px
• Available (tested) format: png, bmp, jpg, gif

11. =àÜßм“êãàû°™¨ê°ãêÚÈÂ
?xml version=1.0 encoding=UTF-8?
rsp stat=ok
list
widget id=first_app
titlefirst_app/title
compression size=10000000 type=zip/
downloadhttp://[PC IP]/widget/first_app.zip/download
/widget
01.
02.
03.
04.
05.
06.
07.
08.

12. =àÜßм“êãàû°™¨êàßãêá†ÜÜÚ°Ü
• Remember ignore node_modules directory
• Warning! Packing files, not parent directory!
• The smaller size of file is better

13. ZÉ“­ßÐÉ°û†ßɰɨã
• Permission of files. Be readable for `others`!
• Disable firewall
• Application name

14. ZÉ“­ßÐÉ°ÜßГãã
1. Device requesting for file widgetlist.xml
2. Next, device read that file, and download defined inside packages
3. After completion shows popup with success message
AÐûÕû“ÐïÉ“­ÉûãȆßêêú†ÜÜ×

16. +™†ã
• Video player: VOD, DRM, LIVE STREAMING
• Communicator using audio, video
• Voice control application
• Gesture. Use your hand to control device!
• Convergence with mobile

18. GÜÜÐßêïɰ객ã
• WebWorkers, WebSocket, WebGL, Canvas
• Connection with social media
• HTML5: tags, localStorage, video tag (only VOD)

19. Z†Èܝã†ÜÜ°“†ê°ÐÉã
• ipla
• YouTube
• Twitter
• Skype
• Tuba.fm

21. (ÂܧïÂêÐÐÂã
1. Browser - Develop app for TV, but try keep running on browser
2. Gulp - Tasking, ex. create zip package with command: $ gulp zip
3. Weinre - Web Inspector Remote
4. Network Link Conditioner - Manage your down / up net limits
5. Emulator?

22. VãÐïß“ã
• Samsung Development Guide
• Browser Specifications
• Tizen SDK
• Gulp
• Weinre - Web Inspector Remote
• Slides: http://git.io/s8pouQ

23. ZÐïɝê
ÈÐÉê­†ê
q†ßã†û6Z