際際滷

際際滷Share a Scribd company logo

First app on Samsung Smart TV - WarsawJS Meetup #1

P
Piotr Kowalski

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 of 23
Downloaded 10 times
q達短6Z属達棚 Z達誰即 Z棚`p 棚則 S属棚8短達多属属属達足多
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)
First app on Samsung Smart TV - WarsawJS Meetup #1
(短棚達棚棚 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
First app on Samsung Smart TV - WarsawJS Meetup #1
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
=村棚達達棚叩即 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
=村棚達達棚叩属足棚 01. 02. 03. 04. 05. 06. 07. 08. !DOCTYPE html html lang=en head script src=/piecioshka/warsawjs-first-app-on-samsung-smart-tv/scripts/boot.js/script /head body style=margin: 0px; img src=http://lorempixel.com/960/540/sports/ / /body
=村棚達達棚叩達属棚達棚村達 // 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.
=村棚達達棚叩属即達棚足誰即 Small image with dimensions 95x78px Available (tested) format: png, bmp, jpg, gif
=村棚達短属即棚属達棚 ?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.
=村棚達短属即棚達棚叩属 Remember ignore node_modules directory Warning! Packing files, not parent directory! The smaller size of file is better
Z足属短属即達 Permission of files. Be readable for `others`! Disable firewall Application name
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短短誰誰足短達棚棚炭
First app on Samsung Smart TV - WarsawJS Meetup #1
+達 Video player: VOD, DRM, LIVE STREAMING Communicator using audio, video Voice control application Gesture. Use your hand to control device! Convergence with mobile
First app on Samsung Smart TV - WarsawJS Meetup #1
G棚誰属棚属達 WebWorkers, WebSocket, WebGL, Canvas Connection with social media HTML5: tags, localStorage, video tag (only VOD)
Z達属棚属達 ipla YouTube Twitter Skype Tuba.fm
First app on Samsung Smart TV - WarsawJS Meetup #1
(則誰棚達 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?
V達誰達 Samsung Development Guide Browser Specifications Tizen SDK Gulp Weinre - Web Inspector Remote 際際滷s: http://git.io/s8pouQ
Z誰棚 棚足棚 q達短6Z

More Related Content

First app on Samsung Smart TV - WarsawJS Meetup #1

  • 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=/piecioshka/warsawjs-first-app-on-samsung-smart-tv/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 際際滷s: http://git.io/s8pouQ