HTML5应用的未来和对电脑设备的意义BJ12_GVCS004_100_CHIf

HTML5应用的未来和对电脑与设备的意义GVCS004KimPallister,DirectorofContentPlanning2议程•HTML5是什么和为何成为关注的热点？•技术发展现状•对电脑与设备的机会•你该做什么准备？本课程演示文稿（PDF）发布在技术课程目录网站:intel.com/go/idfsessionsBJ该网址同时打印于会议指南中专题讲座日程页的上方3议程•HTML5是什么和为何成为关注的热点？•技术发展现状•对电脑与设备的机会•你该做什么准备？4开放网络平台：核心规范HTML5:文档结构与内容.CSS3:文档呈现.ECMAScript即JavaScript*:可编程性.5本机编码的API和运行时服务增强了核心规范媒体AudioVideo绘图2DGraphicsWebGL(3D)SVGscalablevectorgraphicsMathML存储WebStorage(local)IndexDBDatabaseAccessFileRead/WriteOfflineWebApps通信WebSocketsServer-senteventsWebmessaging(crossdoc)线程WebWorkers地点/位置GeolocationAccelerationOrientation挂件规范Package,configure,updateStandaloneapps触摸接口Drag&Drop开发中TouchInterfaceNotificationFilewritePhoneAPIs•原来用于构建网页的技术正在演进为完全的软件开发平台•原来所需的插件现在可以通过JavaScript*用标准API来实现•可以实现为一个浏览器或Web运行时•这两种情况下是一个编程平台，所不同的只是封装6“HTML5”意味着什么？“HTML5experimental”technologies“HTML5-relatedtechnologies”BrokenoutofHTML5SpecReferencedbyHTML5SpecW3CHTML5SpecVideoTagHTML5doctypeOfflineWebappsSVGMathMLCanvasHTML5CodecLocalStorageCSS3WebWorkersWebFontsGeoLocWebGLFFAudioAPIs•通常“HTML5”使用更广泛意义的W3C规范和相关API•所有的支持都是可选的；大多数浏览器可以支持到‘HTML5-related’•即使在规范内，支持的程度也可能会有所不同•总体上,近似的“最小规范”将会随着时间的推移而出现7每次从云端加载:•浏览器中的网页•可以隐藏整个“chrome”浏览器的应用–全屏模式下的Google应用安装好的应用•离线，但“纯”•有些运行在由设备操作系统提供的Web运行时上•有些被操作系统提供的Web组件打包成自带的应用来显示和面向HTML5的操作系统绑定•操作系统使用html5/JavaScript*来开发主要应用模式，内置应用，甚至OS界面•可能需要额外的非标准的API•例如Microsoft*Windows*8HTML5部署选项Picozu*LucidChart*8变局中的“完美风暴”变革的机会存在于产业链的每个环节•软硬件供应商通过丰富交互界面开始分化–游戏客户之上的图形API的演进–丰富界面的应用提升了图形设备的使用•多年来首次重大的浏览器竞争–在支持新兴的Web标准的广度和速度上进行竞争–GPU硬件加速的InternetExplorer*,Firefox*,Chrome*•被视作一条绕开产业链“围墙花园”的路径–落后于Apple*,Android*的平台供应商–ISVs/SVCs出于商业原因•软件厂商在基于云和混合应用上进行竞争–云/混合Web应用在同客户端应用竞争时必须能够提供相同水平的丰富视觉和交互体验–最近在Web应用和社交游戏上的M&A和VC活动9因特网浏览器间的竞争加剧•浏览器都在利用图形硬件来加速下一代应用与内容•浏览器，软件供应商间竞争激烈•HTML5性能已成为设备与电脑平台整体性能中的一部分WallStreetJournal–Sept15,2010Neowin.net–Sept20,2010ComputerWorld–Sept15,2010CNET–March6,2012AllThingsD–March5,201210议程•HTML5是什么和为何成为关注的热点？•技术发展现状•对电脑与设备的机会•你该做什么准备？11开发者用它来做什么？Chrome*网上商店的众多游戏LucidChart*Tinkercad*Google*地图(WebGL选项)12内容软件供应商采用HTML5•一些早先采用HTML5的有名的例子•某些情况下，因平台而异，也用于非PC客户端(平板，游戏机，电视…)•PC上有许多最有说服力的例子…我们的PS3用户界面完全采用HTML5在定制化的Webkit上构建…感觉一下它的用户体验，看起来并不像网络技术，不是么？这就是HTML5带给我们的，为任何平台浏览器自由创建丰富，动态和交互式的体验。事实上，我们也正在使用HTML5为我们的iPhone*,iPad*和Android*应用创建完美的用户体验。我们为HTML5作为一个开放标准感到兴奋，并且想成为推动HTML5网络应用继续前进的一员.iPadeMagazines:HTML5让我们又前进了一步...BillHillblog*–Oct2010Netflix*TechBlog–Dec2010Youtube*blog–Jan201013示例1:3D游戏SkidRacer*byGamagio*视频演示14示例2:交互视频•ArcadeFire*与Google*共同开发的概念视频•使用HTML5视频,画布,3D,音频,SVG来渲染一段发生在用户家附近的定制化的音乐视频视频演示15示例3:内容创建•Tinkercad*应用•消费者CAD应用,完全由HTML5和WebGL开发(无安装,无插件)•而且,导出到Shapeways视频演示16示例:办公效率HTML5用来创建交互式应用……提供了与桌面应用相同的功能性和交互性……以大幅降低的价格和/或替代性的商业模式:视频演示LucidChart*byLucidChart17议程•HTML5是什么和为何成为关注的热点？•技术发展现状•对电脑与设备的机会•你该做什么准备？18未来的机会•HTML5有望带来一波新的软件应用分化–“浏览器层面的广度+平台层面的性能”–组合Web服务与平台功能–新的商业模式•“不是祖父辈的互联网”–不是取决于广告和最低共同标准•理想情况下，从长远看这意味着…–平台性能得到完全展现和优化–应用程序的可扩展模式迁移到HTML519议程•HTML5是什么和为何成为关注的热点？•技术发展现状•对电脑与设备的机会•你该做什么准备？20•代码路径所遵循的策略因浏览器，内容，OS,平台，设备而有所不同…•业界需要共享验证方法，性能数据，最佳做法等信息•需要确保图形与设备支持，针对内容类型的最佳实现策略实现上的差异网络内容/应用HTML5JscriptSVGVideoFlash*ContentSilverlight*ContentWebGL通过浏览器加速InternetExplorer*Chrome*Firefox*Safari*接下来使用Direct3D*OpenGL*Direct2D*DirectWrite*DXVA*FFMpeg*WebkitFlashSilverlilght然后访问DX9*DriverDX10*driverOpenGLdriverWARP*SWRastGenericSWimplementation…ornotrunWebkitGECKOMSHHTML21英特尔®图形性能分析器•用来调试/分析应用程序图形性能的有用工具•现在支持基于浏览器的应用，以及Android平台22您该作何准备？•将HTML5的兼容性和性能考虑作为您的软件产品规划中的“一等公民”–优化，验证，合作伙伴参与…•帮助开发人员充分利用您的平台–通过开发者合作，指导，工具来衡量和最佳利用平台的功能和性能•帮助推进业界发展–回馈产业链和开源社区–参与标准制定，为新平台和功能铺平道路•设备厂商需要考虑最佳策略以提供最好的HTML5性能–绑定浏览器的性能现在是设备价值的一部分–允许第三方浏览器/运行时?安全/品质vs.创新/性能–这将如何影响您的类似appstore的服务的策略？23更多与本课程相关的信息:•英特尔®图形性能分析器(Intel®GPA):–英特尔GPA网站:–使用基于浏览器的版本:•更多基于网络的信息:–Microsoft*IETestDrivesite:–Google*ChromeExperimentssite:–Mozilla*WebO’Wonder:热点问题问答：图形与视觉计算专题讲座4月11日17:15306BGVCS005下一代英特尔®微架构,代号IvyBridge中的媒体创新4月12日11:10311APTAS005使用开放运算语言（OpenCL*）工具实施平台优化4月12日13:10306B24LegalDisclaimerINFORMATIONINTHISDOCUMENTISPROVIDEDINCONNECTIONWITHINTELPRODUCTS.NOLICENSE,EXPRESSORIMPLIED,BYESTOPPELOROTHERWISE,TOANYINTELLECTUALPROPERTYRIGHTSISGRANTEDBYTHISDOCUMENT.EXCEPTASPROVIDEDININTEL'STERMSANDCONDITIONSOFSALEFORSUCHPRODUCTS,INTELASSUMESNOLIABILITYWHATSOEVERANDINTELDISCLAIMSANYEXPRESSORIMPLIEDWARRANTY,RELATINGTOSALEAND/ORUSEOFINTELPRODUCTSINCLUDINGLIABILITYORWARRANTIESRELATINGTOFITNESSFORAPARTICULARPURPOSE,MERCHANTABILITY,ORINFRINGEMENTOFANYPATENT,COPYRIGHTOROTHERINTELLECTUALPROPERTYRIGHT.•AMissionCriticalApplicationisanyapplicationinwhichfailureoftheIntelProductcouldresult,directlyorindirectly,inpersonalinjuryordeath.SHOULDYOUPURCHASEORUSEINTEL'SPRODUCTSFORANYSUCHMISSIONCRITICALAPPLICATION,YOUSHALLINDEMNIFYANDHOLDINTELANDITSSUBSIDIARIES,SUBCONTRACTORSANDAFFILIATES,ANDTHEDIRECTORS,OFFICERS,ANDEMPLOYEESOFEACH,HARMLESSAGAINSTALLCLAIMSCOSTS,DAMAGES,ANDEXPENSESANDREASONABLEATTORNEYS'FEESARISINGOUTOF,