![Page 1: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/1.jpg)
基于 Tizen 的 电视 WebApp 软件开发套件
Ping Song 三星电⼦子
![Page 2: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/2.jpg)
概述
![Page 3: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/3.jpg)
基于 Tizen 的电视软件开发套件概述
所有⼈人 合作伙伴
Web 应⽤用 SDK ⾯面向 HTML/CSS/JS ⺴⽹网络应⽤用的⼯工具
3
平台 SDK 开发原⽣生应⽤用和电视模块的⼯工具。
实⽤用程序⼯工具 调试和开发⼯工具。
HTML5 API IDE
模拟器
电视软件模块构建⼯工具
⺴⽹网⻚页审查⼯工具
设备 API CAPH
DRM ⽀支持应⽤用 多任务处理
动态分析器
![Page 4: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/4.jpg)
基于 Tizen 的电视软件开发套件概述
所有⼈人 合作伙伴
Web 应⽤用 SDK ⾯面向 HTML/CSS/JS ⺴⽹网络应⽤用的⼯工具。
平台 SDK T开发原⽣生应⽤用和电视模块的⼯工具。
实⽤用程序⼯工具 调试和开发⼯工具。.
HTML5 API IDE
模拟器
电视软件模块构建⼯工具
⺴⽹网⻚页审查⼯工具
设备 API CAPH DRM ⽀支持应⽤用 多任务处理
动态分析器
11/1 : 1.0 版本
7/1 : Beta 版本
4
![Page 5: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/5.jpg)
基于 Tizen 的电视⺴⽹网络软件开发套件
IDE 模拟器 - ⺴⽹网络模拟器 - 全栈电视模拟器
5
![Page 6: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/6.jpg)
基于 Tizen 的电视⺴⽹网络应⽤用结构
HTML Page : 结构 CSS : 样式 Javascript : 运⾏行⽅方式 config.xml : 环境和应⽤用信息
6
![Page 7: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/7.jpg)
Tizen 的独特之处 • 开发 Tizen ⺴⽹网络应⽤用的最佳⼯工具
• 项⺫⽬目管理 • 项⺫⽬目向导 & Explorer • 模板、⽤用户模板和⽰示例应⽤用 • 针对 Tizen ⺴⽹网络应⽤用的配置编辑(W3C 窗⼝口⼩小部件配置)
7
![Page 8: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/8.jpg)
基于 Tizen 的电视软件开发套件:IDE
Emulator Manager
& 其他
& 其他
& 其他
& 其他
& 其他
8
![Page 9: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/9.jpg)
基于 Tizen 电视软件开发套件:IDE
• 特性 • 基于 Eclipse • HTML、JavaScript、
CSS • 模拟器集成 • 项⺫⽬目模板 • 其他…
9
![Page 10: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/10.jpg)
基于 Tizen 电视软件开发套件:IDE
• 特性 • 悬浮视⾓角 • ⾃自动模板
10
![Page 11: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/11.jpg)
基于 Tizen 的电视⺴⽹网络软件开发套件: Web 模拟器 • 轻量 & ⾮非常适合快速测试
11
![Page 12: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/12.jpg)
基于 Tizen 的电视⺴⽹网络软件开发套件
代码编辑器 编辑、调试并包装应⽤用。
电视设备模拟器⺴⽹网络模拟器
API、⽂文档等
12
![Page 13: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/13.jpg)
⽤用户界⾯面设计程序
Caph
![Page 14: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/14.jpg)
Caph ⽂文本编辑器 • Caph 组件⽚片段
14
![Page 15: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/15.jpg)
Caph ⽂文本编辑器
caph.define("caph.test.Test2", { $extend: "caph.test.Test1", $init: function() { this.x = 30; }, // public area fn: function() { this.$super.fn(); console.log(this.x * 10); }, test2: function() { console.log("test2"); }
});
OOP
15
![Page 16: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/16.jpg)
Caph ⽤用户界⾯面元素
Caph 包含许多出⾊色的窗⼝口⼩小部件。
⽅方框 图⽚片
导航 列表
标签
Dom 容器
输⼊入框
Spinner
按钮条
进程条 颜⾊色标签
⾯面板
栅格
Carousel
按钮 书籍
图⽚片库
16
![Page 17: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/17.jpg)
Caph ⽤用户界⾯面设计程序
特性 • WYSIWYG 设计程序 • 拖拽组件 • 编程⽀支持 • ⻚页⾯面管理 • 其他…
17
![Page 18: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/18.jpg)
Web 模拟器
![Page 19: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/19.jpg)
概述
19
![Page 20: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/20.jpg)
新特性
20
• Web API • 单例模式 • HTTP 实时流传输 • 其他
• 不间断集成
![Page 21: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/21.jpg)
功能: Web API
Network & Comm Storage
设备 API
应⽤用
蓝⽛牙
媒体内容
通知
下载
CSS3
键位映射
HTML 5
⽂文件
Web Worker
getUserMedia
WebAudio
WebSocket
Web 通知
Full Screen API
其他
Web GL
类型数组
Game Pad
应⽤用⾼高速缓存
应⽤用⾼高速缓存
Widget
• 标准 HTML5 + Tizen 设备 API
Web API
21
W3C Web UI FW
& Caph
![Page 22: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/22.jpg)
功能:HLS
22
![Page 23: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/23.jpg)
功能:加载应⽤用 • IDE 中的 Run As • 独⽴立
23
![Page 24: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/24.jpg)
功能:远程控制
24
![Page 25: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/25.jpg)
功能:连接⼿手机 RC • ⼆二维码 • UPnP
25
![Page 26: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/26.jpg)
功能:⺴⽹网⻚页审查⼯工具
26
![Page 27: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/27.jpg)
功能:配置设置
27
![Page 28: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/28.jpg)
功能:⾯面板设置
勾选以显⽰示
28
![Page 29: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/29.jpg)
⽰示例:如何使⽤用 Web 模拟器进⾏行调试 • 软件包和应⽤用
29
![Page 30: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/30.jpg)
⽰示例:如何使⽤用 Web 模拟器进⾏行调试
已安装的测试软件包包括两个应⽤用。
30
• 软件包和应⽤用
![Page 31: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/31.jpg)
⽰示例:如何使⽤用 Web 模拟器进⾏行调试
前 后
31
function onListInstalledApps(applications) { for (var i = 0; i < applications.length; i++) console.log("ID : " + applications[i].id); } tizen.application.getAppsInfo(onListInstalledApps);
![Page 32: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/32.jpg)
总结
![Page 33: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/33.jpg)
33
总结
• 基于 Tizen 的 TV Web SDK 1.0 将于 10 ⽉月推出 • Caph UI 设计程序即将发布。 • SDK 将加⼊入更多特性。
• 多屏 • 计费等。
![Page 34: 基于 Tizen 电视 WebApp 软件开发套件download.tizen.org/misc/media/tds2014/slides/Tizen-based... · 2014. 12. 3. · 基于 tizen 的电视软件开发套件概述 所有](https://reader035.vdokument.com/reader035/viewer/2022081802/5ffa134df5d0194ecc09b3c1/html5/thumbnails/34.jpg)
"• '
, • •
• (, . . ...
. I • I • I ' . - . . ., ..
.
,.
• • ' "• '
• ' . •
TIZE 开发者 峰会
2014
TM
- . .- ,I ' - . \
. . ..., . ....
. . • I
e ' • .' . ....
,. 上海 fil!:mlmiil.9fil!:mlmiil.9fil!:ml TIZENTF:At ll$ (..t fi)
• ' "
• • •
• I •
• , \
4 • • ' . • • •
'•"