多维度探索HTML5技术 打造最佳应用体验干货分享

原创
开发 前端 移动开发
10月31日,51CTO在北京理想国创业咖啡厅举办了第七期线下公开课,本次沙龙主题聚焦HTML5高质量应用开发,继续于H5标准定稿后,如何在云时代低成本打造最佳用户体验的H5应用。

金秋十月,朦胧的秋色撷夹着一份收获,一份回忆,记录了一季的圆满。在十年前,无论多复杂的布局,在神奇的table面前都不是问题,惊叹着神奇的yahoo在IE5下都能表现的如此***。在Web标准化后,开始专注于网站的性能优化以及交互体验,各种响应式以及CSS3的风靡,SVG和WebGL的流行,使得H5走进人们的眼帘。在云端的这个金秋季节,H5还能否为我们带来一丝丝新意?

10月31日,51CTO在北京理想国创业咖啡厅举办了第七期线下公开课,本次沙龙主题聚焦HTML5高质量应用开发,继续于H5标准定稿后,如何在云时代低成本打造***用户体验的H5应用。

[[154479]]

本次公开课51CTO诚邀三家H5新锐企业的一线前端技术专家,通过不同领域的H5探索,分别从新颖的HTML5/WebGL的3D建模、云端的Web技术栈的选择、以及如何利用H5超越原生应用体验的技术分享。

[[154480]]

Autodesk资深开发顾问杜长宇

首位演讲人是来自Autodesk资深开发顾问杜长宇,演讲的主题是《Web从此走入3D时代 -  基于HTML5/WebGL的3D模型浏览技术 》。目前负责其公司云技术的支持和推广,关注HTML5、WebGL、NodeJs及Web上的三维模型显示技术。

3D立体模型效果展示

[[154481]]

杜老师给开发者演示Web中几种可交互的3D立体模型效果,看了如此效果,二维和三维如何选择想必现场开发者已有定论。

在线三维模型浏览工具

杜老师表示,用WebGL打造三维效果,无需任何插件并且几乎所有现代浏览器都支,但是WebGL也不是那么简单。有简单的方法那就是知晓上图这些在线三维模型浏览工具,其中Autodesk Viewer可以在浏览器和移动设备中浏览,简单、而且免费使用。

Autodesk Viewer

Autodesk Viewer支持ipt, neu, stla, stl, xlsx, jt, jpg, skp, prt, dwf, xls, png, sldas等众多数据格式,目前还在持续增加中。上图是模型 + 属性数据的展示,还提供编程接口View and Data API。可能的应用场景有,物业管理、电子商务商品展示、展品在线虚拟体验、生产管理、设备运行监控、游戏、虚拟现实等。

LeanCloud高级工程师尼奥

接下来演讲人是来自LeanCloud高级工程师尼奥(王潇),演讲的主题是《构建云上的云》。目前负责LeanCloud JavaScript SDK 及 Web 端产品,有丰富的 Web 产品和技术产品开发经验。

回顾云服务 解析云上的云

[[154482]]

曾经开发一个产品需要Desiger、FE、BE、OP四各环节,之后OP就被众多云服务所代替。有了BaaS 以后(云服务 2.0)BE、OP这两个环节也可节省,使得写程序更容易,产品迭代更快速。基于LeanCloud自身需求与服务,开始在产品和技术层面的综合考虑,比 如说产品浏览器兼容性的问题,就要在技术层面权衡。

技术栈与分工

从尼奥老师的演讲中,开发者们可以了解当下如果Web产品的研发较色发生转变时,应该如何选择技术栈。并且和开发者们探讨了技术开发模式。多做产品、提升技术能力、尝试新技术、成为主导者等是前端技术发展和职业发展方向。

 LeanCLoud

LeanCLoud典型用户是知乎、UBer(中国)、功夫猫、决战喵星等。尼奥老师表示,前端工程师将成为技术主导者,前端工程师应该提升技术能力、尝试新技术、多做产品。

Dcloud高级前端工程师崔红保

***演讲人是来自Dcloud高级前端工程师崔红保,演讲的主题是《多端发布和流应用,HTML5超越原生的利器》,目前致力于如何让HTML5达到原生App体验。

MUI —高性能前端框架

MUI —高性能前端框架拥有众多UI扩展插件及模板,拥有小巧 、原生样式、流畅体验等特点。

HBuilder工具

HBuilder工具作为HTML5开发工具有多语言编辑、离线登录、一键搜索等优势。

基于HTML5流应用终将超越原生

HTML5应用在功能和性能上都可以和原生应用相媲美,HTML5应用跨平台六端齐发、动态执行、成本低等其特有的优势。崔老师***表示,基于HTML5流应用产皮终将超越原生。

[[154483]]

开发者提问

在每位讲师演完之后,现场的开发者们都踊跃的提出自己的观点,和三位讲师进行交流。大家相对比较关注的技术如三维模型显示、hybrid、5+ runtime引擎、流应用等。由于时间关系,讲师们回答有限几个问题之后,留下各自联系方式,以便后续和开发者交流。之后MDSA也会把各位老师分享的 PPT以及给广大的开发者分享。

大会以精心的抽奖环节告终,抽奖方式是从现场所有开发者手中收集的调查问卷中选出。通过三次抽奖,现场开发者热血沸腾,奖品是一款雷蛇游戏键鼠套装和两款智能的运动手环。

[[154484]]

整个沙龙结束后开发者们意犹未尽,还在在和老师们探讨交流今天的演讲内容。

写在***:

万维网联盟(W3C)宣布 HTML5 完成标准制定一周年纪念日已过去两天,15年HTML5飞速发展,有很多人正处在基于HTML5的宣传广告、移动应用、手机页游等产品开发的路上。纯粹的 HTML5正处于少年期,它有更广阔的未来,等着开发者脚踏实地的一步步深入探索。同时也有一些问题需要开发者们去克服。HTML5对移动应用革命性的影 响力深深地吸引着众多的开发者向前进,在明年,在未来HTML5 将会更加普及。相信来参加移动开发者服务联盟(MDSA)线下公开课的开发者,都已经感受到HTML5的力量,期待下次公开课与大家再次聚首。

MDSA线下公开课每月一期,力求为广大开发者解决移动开发各个环节中所遇到的问题。也希望更多开发者关注51CTO,关注MDSA。 我们会一如既往为广大开发者邀请业内最权威的讲师,分享最有价值的干货!下期见了!

MDSA线下公开课PPT下载地址:

◆ 多端发布和流应用,HTML5超越原生的利器副本

◆ 构建云上的云

◆ Web从此走入3D时代 - 基于HTML5/WebGL的3D模型浏览技术探讨

 

责任编辑:王雪燕 来源: 51CTO
相关推荐

2015-11-04 18:50:37

HTML5MDSA线下公开课

2015-12-04 09:09:58

HTML5多维度技术

2015-10-31 18:41:58

MDSA线下公开课

2011-11-28 13:25:41

PhoneGapHTML5

2011-03-22 10:45:50

HTML5

2013-03-18 15:42:47

HTML5手机游戏微信

2014-12-30 17:13:51

HTML5

2015-01-13 14:23:21

HTML5

2013-05-29 13:28:06

移动开发企业级应用移动中间件

2012-08-21 09:41:24

HTML5

2011-06-20 06:29:53

ibmdwWeb

2012-02-21 15:20:52

傲游浏览器新版发布

2015-02-05 10:11:44

HTML5Application

2013-03-22 08:59:57

HTML5移动应用Web App

2014-03-20 10:50:44

HTML5 定位技术

2011-12-29 17:32:09

欧朋HTML5Opera

2011-05-11 12:59:18

HTML5

2012-05-21 09:31:56

HTML5

2012-03-29 09:18:47

HTML5WEB

2015-06-10 10:18:27

WebAPP开发技巧
点赞
收藏

51CTO技术栈公众号