搜索
基于HTML5构建跨平台的智能设备解决⽅方案商⽤用软件事业部分享产品与技术分享腾讯与互联网更多精彩内容架构之美：开放环境下的网络架构QQ空间技术架构之峥嵘岁月QQ基础数据库架构演变之路查看更多孙广宇UniSDP首席架构师产品&运营经理东软集团商用软件事业部HTML5梦工场大连负责人@天行者-阿纳金sun.gy@neusoft.com内容概要• 智能操作系统架构变迁• 码农的故事• 企业软件开发不是⼀一个⼈人的战⽃斗!• Java情未了• 移动操作系统的架构变迁• HTML5简介• 基于HTML5构建跨平台的智能设备解决⽅方案 智能操作系统架构变迁智能⼿手机系统的发展历程（换图）资料来自sohu 补充TizenBoot2GeckoChromeOSWindow8WinPhone操作系统的内核分析（换图）MotoLinuxWebOSAndroidBadaMeeGoBook2GeckoChromeOSiOS WindowsCEWindowsMobileWindowsPhoneWindows8 SymbianPalmRIMLinuxBase Windows系 other 设备OS与内核逐步统⼀一Darwin MacOS iOS Mac iPhone、iPad、iTV Apple Microsoft WinCE WindowsMobile Windows WindowsPhone Windows Windows8 WinPhone8 Win8内核 Google Android ChromeOS ？？？？乔布斯改变的世界1977 Apple成立1984 发布Mac 1985 离开Apple，成立NeXT 1986 收购Pixar 1995 《玩具总动员》上映1996 Apple收购NeXT1997 回归苹果拯救Apple1998~1999 iMaciBookG42001 iPod改变音乐出版发行2005 采用IntelCPU2006 iMacMacBookProAppleTV2007 iPhone2008 AppStoreMacBookAir2010 iPadiPhone4MacOSIOS 更新同步应⽤用商店多屏互动文件共享视频通话云iTunes AppStore AirPlay AirDrop FaceTime iCloud Apple的优势：• 创新⼒力• 软硬结合• 完备的产品线• 掌握渠道Apple的产品帝国系统⼚厂商设备制造商通信及运营商浏览器及渠道商芯⽚片⼚厂商内容商Intel、ARMMTK、MSTARMicrosoft、IntelGoogle、SamsumgSony、NokiaHP、东芝、HTC联想、海信、TCL移动、联通电信、华为移动、联通、电信、百度、360、腾讯影⾳音、娱乐、游戏、应⽤用、盛⼤大30年前开放的IBMPC打败⻨麦⾦金塔电脑，今天⾯面对⽆无⽐比强⼤大地Apple整个产业链只有依靠开放的HTML5才能与之竞争。有且只有HTML5技术才能将⼤大家团结起来。对HTML5的期望HTML5影响的产业资源互联⺴⽹网企业应⽤用开发嵌⼊入式消费娱乐产品Wintel对HTML5的布局• NT内核完成Win8、WinPhone8双剑合璧，完成PC、平板、手机统一。• Metro⻛风格应用可以使用HTML5、CSSjavascript开发。• WinPhone8对WinPhone7.x的颠覆，说明微软内部完成权利更替，以StevenSinofsky为首的Office系夺得统治地位。整合Office、Windows、WinPhone产品线。• 微软需要给Nokia一个解释，Nokia所有手机无法升级Winpone8。• 由比尔盖茨及前Window团队推动.NET技术退居二线。HTML5+Native才是未来的方向。微软Windows8架构图HTML5给Intel带来的机遇• 面对AppleMacbook系列咄咄逼人的攻势，PC阵营急需Intel拿出解决方案对抗Apple。• 由于Apple的封闭和强势，不实现Intel硬件标准，在Mac机上实现自有硬件标准。Intel很显然不希望看到供应链上距离消费者更近的Apple过于强大。• 面对ARM在嵌入式领域的统治地位，Intel急需通过超级本和平板电脑占领市场。• Windows8和Metro对于Intel很重要。LinuxMeggoTizenLinuxChromeOSWindowsWindows8LinuxWebOSLinuxBoottoGeekoBrowserHTML5JavaScriptCSSRuntimeWinRTHPGoogleIntelSamsungMozillaMicrosoft⽤用Web技术构建操作系统• OS的Web化是⼤大势所趋开发者三分天下开发者iOS开发者HTML5OS开发者AndroidObjectCJava前端开发者HTML5简介HTML之⽗父蒂姆.伯纳斯.李W3C负责⼈人HTML5之⽗父伊恩.希克森担任W3C和WHATWG编辑负责协调HTML5进程• HTML标准发展历程 IETF：互联⺴⽹网⼯工程任务组InternertEngineeringTaskForceWHATWG：Web超⽂文本应⽤用技术⼯工作组,WebHypertextApplicationsTechnologyWorkingGroup。讨论，最终由伊恩.希克森决定。W3C万维⺴⽹网联盟WorldWideWebConsortium民主投票W3C预计2014年发布HTML5最终标准,W3C和WHATWG• W3C部分成员HTML5标准定制者 HTML发展历程及标准定制HTML5的设计原理Ø 避免不必要的复杂性:如果可能的话，简单的解决⽅方案。Ø ⽀支持已有的内容：现有内容往往依赖于预期的⽤用户代理处理和⾏行为所需的功能。Ø 解决现实的问题：与⽆无法满⾜足现有的需求的抽象框架⽐比⽤用户更倾向实⽤用的解决⽅方案。Ø 求真务实。Ø 平稳退化：设计HTML5⽂文档⼀一致性需求，在⽼老的浏览器使⽤用新的元素属性，API和内容模型时，能平稳退化。Ø 最终⽤用户优先：万⼀一有冲突的话，⽤用户的优先权要⾼高于作者，执⾏行者，规格定义者和理论纯度。Web平台技术点• Coreplatform• Graphicsandtypography• Media• Platforminteraction• Events• Messaging• Storage• Files• Real-timecommunication• HTMLbonusfeatures• Performanceoptimizationandanalysis• Securityandprivacy• Othercore-platformbonusfeatures• Foundations• Variousother 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 date search month week time datetime range color datetime-localnumber HTML5newelements deta HTML5&CSS3 Borders border-color border-image border-radius Colors HSL HSLA opacity RGBA Backgrounds -origin -clip -size multiplebackgrouds Texteffects -shadow word-wrap-overflowBox -shadow-sizingTransitionstransition-property-duration-delay-timing-functionTransformtransform-originUser-interfaceresizeoutlinenav-upnav-rightnav-downnav-upGenerated-Contentcontentmediaqueriesmulti-columnlayoutwebfontsspeechHybridApp&PhoneGapUniSDPHybridAppsPlatformAndroidAppWebAppHybridAppHybridApplication• HybridApp是采⽤用Web开发的封装成本地程序的具本地程序能⼒力的应⽤用程序。UniSDPHybridApplicationPlatform优点：• 跨平台。• 易⽤用性强。• 本地API和硬件访问能⼒力。• 可以使⽤用成熟JS框架。不⾜足：• 运⾏行效率不⾼高。• 使⽤用场景有限。• 能⼒力不全。• 内存消耗⼤大。• 调式难度⼤大。Web与Native交互⽅方式• ClientServer模式• 浏览器通过URI参数分析• 扩展JS访问接口android（JSInterface,OnJSPromt）PhoneGap实现方式 PhoneGap⼯工作原理异步调⽤用实现⽅方式UniSDP统⼀一智能设备开发实践 UniSDP核⼼心组件混合应⽤用引擎云服务引擎混合应⽤用商店云设备管理系统中间件Web应⽤用引擎UniSDP统⼀一的智能设备开发实践 UniSDP敏捷软件⼯工⼚厂云开发者应⽤用开发者UniSDP开发者嵌⼊入式开发者领域专家 UniSDP开发者体系开放认证服务集成版本控制增量更新云服务引擎应用商店云设备管理Web应用引擎JSCSS3UIFWHTML5桌面系统公共SDK混合应用引擎统一显示统一行为安全认证WEB和系统调用接口Web增强原生系统API原生组件UniSISDLNA系统资源手机平板PC设备调用SDMDCMUniSDP:UnifiedSmartDeviceDevelopmentPractices• UniSDP是基于HTML5和云技术的实现的跨平台和设备的统⼀一的智能设备解决⽅方案。• 它⽤用于解决软件开发中、多设备、多系统的多次开发移植问题。• 基于UniSDP可以开发：智能设备：TV、平板、⼿手机。操作系统：WebOS、CloudOS。跨平台应⽤用平台：Web&HybridAPP。跨平台应⽤用:企业个⼈人、社交、娱乐。跨平台游戏：单机、社交、⺴⽹网络.技术特点：• 模块化敏捷开发品质⾼高、效率好。• 扩展HTML5，开发灵活⾼高效。• 跨平台、设备、统⼀一⽤用户体验。• 集成⼤大量专业组件,开发灵活⾼高效。• 动态调⽤用系统原⽣生组件。• ⼀一次安装，实时增量更新。• 简单易学，效率⾼高，成本低。 UniSDP核⼼心组件Step1Step2Step3Step4Step5开放认证服务集成版本控制增量更新云服务引擎应⽤用商店云设备管理Web应⽤用引擎JSCSS3UIFWHTML5桌⾯面系统公共SDK混合应⽤用引擎统⼀一显⽰示统⼀一⾏行为安全认证WEB和系统调⽤用接⼝口Web增强原⽣生系统API原⽣生组件UniSISDLNA系统资源⼿手机平板PC设备调⽤用SDMDCM平台特性HTML5增强、设备访问多屏共享、设备互联、设备间辅助社交网络• 弥补了Android平台上支持不完善HTML5特性，如的Audio、video、文件缓存、DB访问等。• 为WebApp提供了访问系统硬件和API的能力，可以JS调用传感器、摄像头、AndroidUI组件和服务。• 基于HTML5开发的Web桌面系统，可以根据用户定义运行期云端同步更新。• 平台提供了完整WebAPP的生命周期、多任务处理机制。• 可以实现服务端统一发布、客户端实时同步、增量更新。• TV应用平台可以根据尺寸将适合的WebAPP推送到其它局域网终端，无需下载，直接运行，