转载

如何助你打造高品质HTML5移动应用开发分享

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

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

如何助你打造高品质HTML5移动应用开发分享

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

如何助你打造高品质HTML5移动应用开发分享

Autodesk资深开发顾问杜长宇

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

3D立体模型效果展示

如何助你打造高品质HTML5移动应用开发分享

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

在线三维模型浏览工具

如何助你打造高品质HTML5移动应用开发分享

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

Autodesk Viewer

如何助你打造高品质HTML5移动应用开发分享

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

如何助你打造高品质HTML5移动应用开发分享

LeanCloud高级工程师尼奥

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

回顾云服务 解析云上的云

如何助你打造高品质HTML5移动应用开发分享

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

技术栈与分工

如何助你打造高品质HTML5移动应用开发分享

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

LeanCLoud

如何助你打造高品质HTML5移动应用开发分享

LeanCLoud接入分为三个步骤:1.注册账号(个人、团队)2.引用相应的 SDK(多端兼容)3.调用 API,专注业务。典型用户是知乎、UBer(中国)、功夫猫、决战喵星等

如何助你打造高品质HTML5移动应用开发分享

Dcloud高级前端工程师崔红保

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

MUI —高性能前端框架

如何助你打造高品质HTML5移动应用开发分享

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

HBuilder工具

如何助你打造高品质HTML5移动应用开发分享

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

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

如何助你打造高品质HTML5移动应用开发分享

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

如何助你打造高品质HTML5移动应用开发分享

开发者提问

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

如何助你打造高品质HTML5移动应用开发分享

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

如何助你打造高品质HTML5移动应用开发分享

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

写在最后:

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

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

【责任编辑:wangxueyan TEL:(010)68476606】

正文到此结束
Loading...