More Related Content Similar to Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案 Similar to Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案 (20) Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案 2. 摘要
• UniSDP概述
• HTML5&Hybrid App概述
• UniSDP架构设计
• 案例一基于UniSDP构建Web智能云电视
• 案例二 智能城市公交系统
• 案例二 跨平台的智能遥控器
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
3. UniSDP 概述
UniSDP核心组件
UniSDP :Unified Smart Device Development Practices
Web应用 混合应用 系统 • 统一的智能设备开发实践(解决方案)。
引擎 引擎 中间件
• 移动互联网时代跨平台和设备的通用解决方案。
云服务 混合应用 云设备 • 基于HTML5混合式开发模型并与云计算相结合。
引擎 商店 管理
• 由开发框架、公共构件和方法学组成的。
软件工厂开发模型 开发者体系结构
研发目标
应用开发者
Step1
• 满足移动互联网的需求。 云开发者
• 四屏一云的通用解决方案。 Step2
• 支持应用和嵌入式业务开发。 UniSDP开发者
• 低成本、高效率、高品质。 Step3
嵌入式开发者
• 易学、易用、易扩展 Step 4
• 能与其他中间件协同工作。 Step 5 领域专家
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
4. 背景
移动互联网 四屏一云
PC 互联网
嵌入式
政府
政府 通信
通信 金融
金融 …
… 能源
能源 交通
交通 嵌入式
云平台
四屏一云
PC 浏览器
UniEAP UniEAP UniSDP
UniSDP :Unified Enterprise Application Practices 为构建于其上
UniEAP Unified Smart Device Development Practices
行业解决方案和产品提供稳定、可扩展的应用框架和丰富的功能
UniSDP是基于HTML5和云技术的实现的跨平台和设备的统一的智能设备解
构件集,是东软行业解决方案的统一开发架构平台。
决方案。
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
7. Gartner发布2013年十大战略技术
1. 移动设备 6.混合IT和云计算
2. 移动应用和HTML5 7.战略大数据
3. 私有云 8.可行性分析
4. 企业应用商店 9.内存计算
5. 物联网 10.整合生态系统
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
8. HTML5概述
HTML5 new elements • HTML5设计原理
section article aside hgroup – 避免不必要的复杂性。
header footer nav figure – 支持已有的内容。
meter track embed mark video
– 解决现实的问题。
progress time ruby canvas wbr
– 求真务实。
datalist keygen output tel bdi
search url email date command – 平稳退化。
datetime month week time details – 最终用户优先。
number range color datetime-local deta
• 优点:
Borders border-color border-image border-radius Colors – 开发效率高。
HSL HSLA opacity RGBA Backgrounds -origin -clip – 跨平台。
-size multiple backgrouds Text effects -shadow word-wrap – 原生B/S。
• 制约:
-overflow Box -shadow -sizing Transitions transition
-property -duration -delay -timing-function Transform
transform -origin User-interface resize
– 标准的问题。
outline nav-up
nav-right nav-down nav-up Generated-Content content
– 本地能力不足。
media queries multi-column layout web fonts speech
– 性能问题。
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
9. Hybrid APP概述
Android App Web App Hybrid App
UniSDP Hybrid Apps Platform
Hybrid App
是采用Web技术开发,具有本地程序执
行能力,以本地程序封装的应用程序。
优点: 不足:
交互式方式 • 跨平台。 • 运行效率不高。
• 易用性强。 • 使用场景有限。
• Client Server模式。
• 本地API和硬件访问能力。• 能力不全。
• 浏览器通过URI参数分析。 • 可以使用成熟JS框架。 • 内存消耗大。
• 扩展JS访问接口。 • 调式难度大。
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
10. UniSDP 架构设计
云服务引擎 服务集成 版本控制 开放认证 增量更新 应用商店 云设备管理
WebOS Chrome OS Tizen Boot to Geeko Windows8
Web应用引擎 HTML5 CSS3 JS UI FW 公共SDK 桌面系统
Web Browser HTML5 JavaScript CSS
统一显示 统一行为 WEB 和系统调用 Web增强
混合应用引擎 安全认证 原生系统API
接口
Runtime WinRT
原生组件 系统资源 设备调用 UniSIS 手机 Meggo 平板 PC DLNA MDM DCM
Linux Linux Linux Linux Windows
HP Google Intel Samsung Mozilla Microsoft
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
11. UniSDP 特性
• 跨平台、设备、统一用户体验。
运行模式 • HTML5增强、设备访问。
• 桌面系统、App管理和云服务
• 多屏共享、设备互联、设备间辅助
UniSDP Cloud
• 集成大量专业组件,开发灵活高效。
• 控制力
Offline Mode 集中部署,
统一发布
更新策略
Online Mode
• 动态性
动态调用系统原生组件
增量更新
实时更新
热部署
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
12. UniSDP HTML5与原生组合开发
① WebView1
② EPG.html
②Android
MeidaPlayer
① ③)div load
webControlModule
④webview
③ ⑦Div
photoView
⑤Android
SurfaceView
kq.neusoft.com
for Camera
④ ⑥Andorid MediaPlayerControllerBar
⑦ ⑤
⑥
• Native组件动态创建及管理 HTML 标签方式
• Native组件Layout管理 <div unitype=“button”></div>
• Native组件与Web组件交互 JavaScript 方式
unisdp.create(“button”params…);
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
13. UniSDP 核心服务
App1
App2
Activty1 Activty2 Activty3
WebView App3 Browser
Web View WebView
Cloud
WebView App4
UniSDP
Client
UniSDP Core Service
PhoneGap DLNA ...
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
14. UniSDP APP 发布更新模式
开发者1
发布 更新维度:
AppStore & Cloud 开发者2 APP
更新 Module
HTML
APP1 JS
单 • HTML、JS、CSS APP2 CSS
• 配置文件
一 WAR
AppName
双 ID APP3
向 版本
联 访问权限 省电
接 开发者信息 APP4
…… 推送/拉取服务
首次安装
权限判读
服务访问 增量更新
迒回结果
实时更新
UniSDP Core Service
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
16. 图层结构 & TV 模式
全屏模式 消息吹出模式
半屏模式 后台服务模式
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
17. • 智能遥控器 • 设备互连、多屏共享、
相同内容推送 不同内容、互动推送
• 语音识别
• 体感控制
UniSDP应用平台可以将其上应用推送到其它设备上的支持HTML5的浏览器上
• 触控手势 (PC、平板、手机)等,无需安装即可使用。
@天行者-阿纳金 保留必要的物理键。去掉多余模块,加入无线电和传感器。
遥控器功能以软件方式升级。遥控器可以当触摸板,触屏,实现语音,体感,
以及多屏互动。公开sdk,引入开发者。和199的智能手机,这个成本也还好。
屏小点,尽量走无线电,使用传统功能屏不开,不知道能够1周电不。
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
18. 案例二 智能城市公交系统
媒体采编发布系统 公交车报站系统
车辆位置监控网络结构图
公交车到站预报
卫星
息
PS
电子站牌
信
G
3G
置
位
采集
辆
车辆
车
车载GPS 位置
送
3G
信息
发
基站
公交车 Internet
公交调度指挥中心
3G
挥
指
度
调
GIS服务器 数据服务器 WEB服务器 通信服务器
辆
车
防火墙
移动监控设备
监
控
屏
监控设备 幕
箱体监控系统 箱体设备巡检系统
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
22. Window8 Metro App
媒体采编发布系统
iOS iPad App
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
23. 展望
• 对Win8的支持:
PhoneGap方式。
Win8 模拟器。
• 私有云和家庭网关。
• 实时Web App & Game 。
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!
24. 案例ROI分析
投入:
UniSDP核心团队 15人。
前端中间件团队 8人。
• HTML5 TV 项目
– 基于C开发 100人
– 基于HTML5开发 30人,100 人团队开发(欧洲、北美、日本)三个机型。
• DLNA&遥控器项目
– iOS:10人月
– Android: 8 人月
– UniSDP HTML5:4人月 (iOS、Android、win8、Browser)
揭示研发管理白金定律,分享那些激动人心的创新与变革,使得团队获得过多源动力与更大的推动力!