Embed Size (px)
Citation preview
基于 Tizen 的 电视 WebApp 软件开发套件
Ping Song 三星电⼦子
概述
基于 Tizen 的电视软件开发套件概述
所有⼈人 合作伙伴
Web 应⽤用 SDK ⾯面向 HTML/CSS/JS ⺴⽹网络应⽤用的⼯工具
3
平台 SDK 开发原⽣生应⽤用和电视模块的⼯工具。
实⽤用程序⼯工具 调试和开发⼯工具。
HTML5 API IDE
模拟器
电视软件模块构建⼯工具
⺴⽹网⻚页审查⼯工具
设备 API CAPH
DRM ⽀支持应⽤用 多任务处理
动态分析器
基于 Tizen 的电视软件开发套件概述
所有⼈人 合作伙伴
Web 应⽤用 SDK ⾯面向 HTML/CSS/JS ⺴⽹网络应⽤用的⼯工具。
平台 SDK T开发原⽣生应⽤用和电视模块的⼯工具。
实⽤用程序⼯工具 调试和开发⼯工具。.
HTML5 API IDE
模拟器
电视软件模块构建⼯工具
⺴⽹网⻚页审查⼯工具
设备 API CAPH DRM ⽀支持应⽤用 多任务处理
动态分析器
11/1 : 1.0 版本
7/1 : Beta 版本
4
基于 Tizen 的电视⺴⽹网络软件开发套件
IDE 模拟器 - ⺴⽹网络模拟器 - 全栈电视模拟器
5
基于 Tizen 的电视⺴⽹网络应⽤用结构
HTML Page : 结构 CSS : 样式 Javascript : 运⾏行⽅方式 config.xml : 环境和应⽤用信息
6
Tizen 的独特之处 • 开发 Tizen ⺴⽹网络应⽤用的最佳⼯工具
• 项⺫⽬目管理 • 项⺫⽬目向导 & Explorer • 模板、⽤用户模板和⽰示例应⽤用 • 针对 Tizen ⺴⽹网络应⽤用的配置编辑（W3C 窗⼝口⼩小部件配置）
7
基于 Tizen 的电视软件开发套件：IDE
Emulator Manager
& 其他
& 其他
& 其他
& 其他
& 其他
8
基于 Tizen 电视软件开发套件：IDE
• 特性 • 基于 Eclipse • HTML、JavaScript、
CSS • 模拟器集成 • 项⺫⽬目模板 • 其他…
9
基于 Tizen 电视软件开发套件：IDE
• 特性 • 悬浮视⾓角 • ⾃自动模板
10
基于 Tizen 的电视⺴⽹网络软件开发套件： Web 模拟器 • 轻量 & ⾮非常适合快速测试
11
基于 Tizen 的电视⺴⽹网络软件开发套件
代码编辑器 编辑、调试并包装应⽤用。
电视设备模拟器⺴⽹网络模拟器
API、⽂文档等
12
⽤用户界⾯面设计程序
Caph
Caph ⽂文本编辑器 • Caph 组件⽚片段
14
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
Caph ⽤用户界⾯面元素
Caph 包含许多出⾊色的窗⼝口⼩小部件。
⽅方框 图⽚片
导航 列表
标签
Dom 容器
输⼊入框
Spinner
按钮条
进程条 颜⾊色标签
⾯面板
栅格
Carousel
按钮 书籍
图⽚片库
16
Caph ⽤用户界⾯面设计程序
特性 • WYSIWYG 设计程序 • 拖拽组件 • 编程⽀支持 • ⻚页⾯面管理 • 其他…
17
Web 模拟器
概述
19
新特性
20
• Web API • 单例模式 • HTTP 实时流传输 • 其他
• 不间断集成
功能： 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
功能：HLS
22
功能：加载应⽤用 • IDE 中的 Run As • 独⽴立
23
功能：远程控制
24
功能：连接⼿手机 RC • ⼆二维码 • UPnP
25
功能：⺴⽹网⻚页审查⼯工具
26
功能：配置设置
27
功能：⾯面板设置
勾选以显⽰示
28
⽰示例：如何使⽤用 Web 模拟器进⾏行调试 • 软件包和应⽤用
29
⽰示例：如何使⽤用 Web 模拟器进⾏行调试
已安装的测试软件包包括两个应⽤用。
30
• 软件包和应⽤用
⽰示例：如何使⽤用 Web 模拟器进⾏行调试
前 后
31
function onListInstalledApps(applications) { for (var i = 0; i < applications.length; i++) console.log("ID : " + applications[i].id); } tizen.application.getAppsInfo(onListInstalledApps);
总结
33
总结
• 基于 Tizen 的 TV Web SDK 1.0 将于 10 ⽉月推出 • Caph UI 设计程序即将发布。 • SDK 将加⼊入更多特性。
• 多屏 • 计费等。
"• '
, • •
• (, . . ...
. I • I • I ' . - . . ., ..
.
,.
• • ' "• '
• ' . •
TIZE 开发者 峰会
2014
TM
- . .- ,I ' - . \
. . ..., . ....
. . • I
e ' • .' . ....
,. 上海 fil!:mlmiil.9fil!:mlmiil.9fil!:ml TIZENTF:At ll$ (..t fi)
• ' "
• • •
• I •
• , \
4 • • ' . • • •
'•"
