Top100summit东软孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案

UniSDP基于HTML5构建的
跨平台的统一智能设备解决方案

孙广宇
东软集团 UniSDP 首席架构师
商用软件产品&运营经理
HTML5梦工场嵌入式 & 大连负责人

揭示研发管理白金定律，分享那些激动人心的创新与变革，使得团队获得过多源动力与更大的推动力！

摘要

• UniSDP概述
• HTML5&Hybrid App概述
• UniSDP架构设计
• 案例一基于UniSDP构建Web智能云电视
• 案例二智能城市公交系统
• 案例二跨平台的智能遥控器


UniSDP 概述
UniSDP核心组件
UniSDP :Unified Smart Device Development Practices
Web应用混合应用系统 • 统一的智能设备开发实践（解决方案）。
引擎引擎中间件
• 移动互联网时代跨平台和设备的通用解决方案。
云服务混合应用云设备 • 基于HTML5混合式开发模型并与云计算相结合。
引擎商店管理
• 由开发框架、公共构件和方法学组成的。

软件工厂开发模型开发者体系结构
研发目标
应用开发者
Step1
• 满足移动互联网的需求。云开发者
• 四屏一云的通用解决方案。 Step2

• 支持应用和嵌入式业务开发。 UniSDP开发者

• 低成本、高效率、高品质。 Step3
嵌入式开发者
• 易学、易用、易扩展 Step 4

• 能与其他中间件协同工作。 Step 5 领域专家


背景
移动互联网四屏一云
PC 互联网

嵌入式
政府
政府通信
通信金融
金融 …
… 能源
能源交通
交通嵌入式
云平台

四屏一云
PC 浏览器
UniEAP UniEAP UniSDP
UniSDP :Unified Enterprise Application Practices 为构建于其上
UniEAP Unified Smart Device Development Practices
行业解决方案和产品提供稳定、可扩展的应用框架和丰富的功能
UniSDP是基于HTML5和云技术的实现的跨平台和设备的统一的智能设备解
构件集，是东软行业解决方案的统一开发架构平台。
决方案。


怎么做到的

• 定位：放弃开发OS、定位为跨平台的开发平台。

• 驱动：从平台驱动项目、改为项目驱动平台。

• 收缩: 嵌入式以Android、Linux平台为主。
应用平台以Android、iOS为主。
逐步添加Windows8的支持。

• 勇气：创新需要直面权威,敢于挑战。


Gartner的近年技术成熟度曲线报告


Gartner发布2013年十大战略技术

1. 移动设备 6.混合IT和云计算

2. 移动应用和HTML5 7.战略大数据

3. 私有云 8.可行性分析

4. 企业应用商店 9.内存计算

5. 物联网 10.整合生态系统


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
– 性能问题。


Hybrid APP概述

Android App Web App Hybrid App

UniSDP Hybrid Apps Platform
Hybrid App
是采用Web技术开发，具有本地程序执
行能力，以本地程序封装的应用程序。
优点：不足：
交互式方式 • 跨平台。 • 运行效率不高。
• 易用性强。 • 使用场景有限。
• Client Server模式。
• 本地API和硬件访问能力。• 能力不全。
• 浏览器通过URI参数分析。 • 可以使用成熟JS框架。 • 内存消耗大。
• 扩展JS访问接口。 • 调式难度大。


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


UniSDP 特性
• 跨平台、设备、统一用户体验。
运行模式 • HTML5增强、设备访问。
• 桌面系统、App管理和云服务
• 多屏共享、设备互联、设备间辅助
UniSDP Cloud
• 集成大量专业组件,开发灵活高效。
• 控制力
Offline Mode 集中部署，
统一发布
更新策略
Online Mode
• 动态性
动态调用系统原生组件
增量更新
实时更新
热部署


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…);


UniSDP 核心服务
App1
App2
Activty1 Activty2 Activty3

WebView App3 Browser

Web View WebView
Cloud
WebView App4
UniSDP
Client
UniSDP Core Service

PhoneGap DLNA ...


UniSDP APP 发布更新模式
开发者1
发布更新维度:
AppStore & Cloud 开发者2  APP
更新  Module
 HTML
APP1  JS
单 • HTML、JS、CSS APP2  CSS
• 配置文件 
一 WAR
 AppName
双  ID APP3
向  版本
联  访问权限省电
接  开发者信息 APP4
 …… 推送/拉取服务

首次安装
权限判读
服务访问增量更新
迒回结果
实时更新
UniSDP Core Service


案例一构建Web智能云电视


图层结构 & TV 模式

全屏模式消息吹出模式

半屏模式后台服务模式


• 智能遥控器 • 设备互连、多屏共享、
相同内容推送不同内容、互动推送

• 语音识别
• 体感控制
UniSDP应用平台可以将其上应用推送到其它设备上的支持HTML5的浏览器上
• 触控手势 (PC、平板、手机)等，无需安装即可使用。

@天行者-阿纳金保留必要的物理键。去掉多余模块，加入无线电和传感器。
遥控器功能以软件方式升级。遥控器可以当触摸板，触屏，实现语音，体感，
以及多屏互动。公开sdk，引入开发者。和199的智能手机，这个成本也还好。
屏小点，尽量走无线电，使用传统功能屏不开，不知道能够1周电不。


案例二智能城市公交系统
媒体采编发布系统公交车报站系统
车辆位置监控网络结构图

公交车到站预报

卫星

息
PS
电子站牌

信
G
3G

置
位
采集

辆
车辆

车
车载GPS 位置

送

3G
信息

发
基站
公交车 Internet
公交调度指挥中心
3G

挥
指
度
调
GIS服务器数据服务器 WEB服务器通信服务器

辆
车
防火墙
移动监控设备
监
控
屏
监控设备幕

箱体监控系统箱体设备巡检系统


媒体采编发布系统流程


媒体采编发布系统


案例三跨平台的智能遥控器


Window8 Metro App
媒体采编发布系统
iOS iPad App


展望
• 对Win8的支持：
 PhoneGap方式。
 Win8 模拟器。

• 私有云和家庭网关。

• 实时Web App & Game 。


案例ROI分析
投入：
UniSDP核心团队 15人。
前端中间件团队 8人。

• HTML5 TV 项目
– 基于C开发 100人
– 基于HTML5开发 30人,100 人团队开发(欧洲、北美、日本)三个机型。

• DLNA&遥控器项目
– iOS：10人月
– Android: 8 人月
– UniSDP HTML5：4人月 (iOS、Android、win8、Browser)


案例启示

• 关注技术社区和新生技术。

• 对待新技术早调研，只早投入半步。

• 实践是检验真理的唯一标准。

• 他山之石可以攻玉。



www.top100summit.com

Top100summit东软孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Top100summit东软孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案

Semelhante a Top100summit东软孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案 (20)

Mais de drewz lin

Mais de drewz lin (20)