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

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

UniSDP基于HTML5构建的

跨平台的统一智能设备解决方案

孙广宇

东软集团 UniSDP首席架构师

商用软件产品&运营经理

HTML5梦工场嵌入式 & 大连负责人


摘要

• UniSDP概述

• HTML5&Hybrid App概述

• UniSDP架构设计

• 案例一基于UniSDP构建Web智能云电视

• 案例二智能城市公交系统

• 案例二跨平台的智能遥控器


UniSDP核心组件

混合应用引擎

云服务引擎

混合应用商店

云设备管理

系统中间件

Web应用引擎

软件工厂开发模型

应用开发者

云开发者

UniSDP开发者

嵌入式开发者

领域专家

开发者体系结构

Step1

Step2

Step3

Step 4

Step 5

研发目标

• 满足移动互联网的需求。• 四屏一云的通用解决方案。• 支持应用和嵌入式业务开发。• 低成本、高效率、高品质。• 易学、易用、易扩展• 能与其他中间件协同工作。

UniSDP :Unified Smart Device Development Practices

• 统一的智能设备开发实践（解决方案）。

• 移动互联网时代跨平台和设备的通用解决方案。

• 基于HTML5混合式开发模型并与云计算相结合。

• 由开发框架、公共构件和方法学组成的。

UniSDP 概述


嵌入式

背景

UniEAP

政府通信金融 … 能源交通

PC 浏览器

PC 互联网

UniEAP Unified Enterprise Application Practices 为构建于其上行业解决方案和产品提供稳定、可扩展的应用框架和丰富的功能构件集，是东软行业解决方案的统一开发架构平台。

云平台

移动互联网四屏一云移动互联网

UniSDP :Unified Smart Device Development Practices

UniSDP是基于HTML5和云技术的实现的跨平台和设备的统一的智能设备解决方案。

政府通信金融 … 能源交通

UniEAP

四屏一云

UniSDP

嵌入式


怎么做到的

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

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

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

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


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


7.战略大数据

8.可行性分析

9.内存计算

10.整合生态系统

6.混合IT和云计算

2. 移动应用和HTML5

1. 移动设备

3. 私有云

4. 企业应用商店

5. 物联网

Gartner发布2013年十大战略技术


• HTML5设计原理– 避免不必要的复杂性。

– 支持已有的内容。

– 解决现实的问题。

– 求真务实。

– 平稳退化。

– 最终用户优先。

• 优点：– 开发效率高。

– 跨平台。

– 原生B/S。

• 制约：– 标准的问题。

– 本地能力不足。

– 性能问题。

HTML5概述

section article aside hgroup

header footer nav figure

video track embed mark meter

time ruby canvas progress

bdi

command

details

wbr

keygen output tel datalist

url email datesearch

month week time datetime

range color datetime-localnumber

HTML5 new elements

deta

Borders border-color border-image border-radius Colors

HSL HSLA opacity RGBA Backgrounds -origin -clip

-size multiple backgrouds Text effects -shadow word-wrap

-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


UniSDP Hybrid Apps Platform

Android App Web App Hybrid App

Hybrid App是采用Web技术开发，具有本地程序执行能力，以本地程序封装的应用程序。

Hybrid APP概述

优点：• 跨平台。• 易用性强。• 本地API和硬件访问能力。• 可以使用成熟JS框架。

不足：• 运行效率不高。• 使用场景有限。• 能力不全。• 内存消耗大。• 调式难度大。

交互式方式• Client Server模式。• 浏览器通过URI参数分析。• 扩展JS访问接口。


开放认证服务集成版本控制增量更新云服务引擎应用商店云设备管理

Web应用引擎 JSCSS3 UI FWHTML5 桌面系统公共SDK

混合应用引擎统一显示统一行为安全认证

WEB 和系统调用接口

Web增强原生系统API

原生组件 UniSIS DLNA系统资源手机平板 PC设备调用 MDM DCM

UniSDP 架构设计

Linux

Meggo

Tizen

Linux

Chrome OS

Windows

Windows8

Linux

WebOS

Linux

Boot to Geeko

Web Browser HTML5 JavaScript CSS

Runtime WinRT

HP Google Intel Samsung Mozilla Microsoft


Online Mode

UniSDP Cloud

Offline Mode

UniSDP 特性

• 跨平台、设备、统一用户体验。• HTML5增强、设备访问。• 桌面系统、App管理和云服务• 多屏共享、设备互联、设备间辅助• 集成大量专业组件,开发灵活高效。• 控制力

集中部署，统一发布更新策略

• 动态性动态调用系统原生组件增量更新实时更新热部署

运行模式


①

③

④⑤

⑥

⑦

②②Android

MeidaPlayer

③)div load

webControlModule

④webviewkq.neusoft.com⑤Android

SurfaceViewfor Camera

⑥Andorid MediaPlayerControllerBar

①WebView1

EPG.html

⑦Div photoView

HTML 标签方式<div unitype=“button”></div>

JavaScript 方式unisdp.create(“button”params…);

• Native组件动态创建及管理• Native组件Layout管理• Native组件与Web组件交互

UniSDP HTML5与原生组合开发


App1

UniSDP 核心服务

Activty1 Activty2 Activty3

Web View

WebView

WebView

WebView

UniSDP Core Service

PhoneGap DLNA ...

App2

App3

App4

Cloud

Browser

UniSDPClient


开发者2AppStore & Cloud

UniSDP Core Service

APP1• HTML、JS、CSS•配置文件

AppName ID 版本访问权限开发者信息 ……

APP2

APP3

APP4

发布

更新

开发者1

单一双向联接

首次安装增量更新实时更新

服务访问权限判读迒回结果

更新维度: APP Module

HTML

JS

CSS

WAR

推送/拉取服务

省电

UniSDP APP 发布更新模式


案例一构建Web智能云电视


全屏模式

半屏模式后台服务模式

消息吹出模式

图层结构 & TV 模式


• 设备互连、多屏共享、

相同内容推送

UniSDP应用平台可以将其上应用推送到其它设备上的支持HTML5的浏览器上(PC、平板、手机)等，无需安装即可使用。

不同内容、互动推送

• 智能遥控器

• 语音识别• 体感控制• 触控手势

@天行者-阿纳金保留必要的物理键。去掉多余模块，加入无线电和传感器。

遥控器功能以软件方式升级。遥控器可以当触摸板，触屏，实现语音，体感，以及多屏互动。公开sdk，引入开发者。和199的智能手机，这个成本也还好。屏小点，尽量走无线电，使用传统功能屏不开，不知道能够1周电不。


Internet

车辆位置监控网络结构图

卫星

公交车

基站

电子站牌

3G

公交调度指挥中心

监控屏

幕监控设备

GIS服务器数据服务器 WEB服务器通信服务器

防火墙移动监控设备

GPS

3G

3G

发送车辆位置信息

车辆调度指挥

公交车到站预报

车载GPS

采集车辆位置信息

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

媒体采编发布系统公交车报站系统

案例二智能城市公交系统


媒体采编发布系统流程


媒体采编发布系统


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


Window8 Metro AppiOS 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构建的跨平台的统一智能设备解决方案

Documents

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