基于HTML5技术的电力3D监控应用(一)

标签: html5 技术 电力 | 发表时间:2013-12-16 10:57 | 作者:
出处:http://www.iteye.com

最近参与了国网计量中心的四线一库自动化检定系统的项目开发,团队封闭开发了大半年终于快到尾声了,整个项目过程实在非常累,我的mentor杨杨老师是这样描述的:累的不想说话了。我估计是我太渴望新知识,整天不断问他问题把他搞烦了。

对我这种新人来说还是相当充实的,整个系统需要和硬件厂家对接采集硬件数据,需要和实时数据库厂家对接实时数据,需要和视频厂家对接视屏界面组件,还要和国家电网的业务专家请教业务知识,我从只会写代码的程序员慢慢变得也喜欢和人打交道了。

对于我最有意义的是我终于可以真正从事基于HTML5技术的开发了,以前呆过几家互联网公司总要痛苦的去做兼容IE6、7、8的无趣事情,每天看到HTML5技术的日新月异而我却只能望梅止渴,现在做回企业应用开发,虽然老同事笑我从toC降级做toB,但我自己倒觉得能用上HTML5技术是升级,并且在项目界面呈现上我们采用了 HT的基于WebGL的3D引擎框架,让我们整天面对CRUD的企业应用,增加了很大的3D应用亮点,搞得很多其他部分同事因为能参与3D的开发很想加入我们项目组,先展示几张项目的现场抓图:

HT的3D引擎设计很独特,完全用面对对象的模式来开发三维场景,将常规2D图形组件的 Model-View-Presenter (MVP) 
设计模式与3D引擎融合一体,这种完全可以控制模型所有属性事件变化的模式还是很独创的,基于这样的设计就没有什么FPS(Frames Per Second)的概念,因为基于MVP的设计模型可监控所有属性变化,因此如果模型没有变化时,无需进行传统3D引擎那样无谓的刷新。基于事件模式的刷新对于桌面应用可能无所谓,但我们项目选择基于HMTL5很重要的一点是我们需要利用HTML5的跨平台技术,让我们的项目也能跑在Android等移动终端,而对于移动应用来说如果不断进行无谓的刷新对于移动终端耗电可是个大问题,下面为几张移动平板的项目抓图:



已有 2 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [html5 技术 电力] 推荐:

基于HTML5技术的电力3D监控应用(四)

- - ITeye博客
回答了 知乎问题较长,就作为新的一篇:. 正好逛到这个问题,正好是2013年底,正好最近基于的 HT for Web 3D做的电力项目收尾,正好用到的就是WebGL技术,因此说说自己的感觉供参考:. 1、2013年应该感谢Google和MS,前者提供了Android Chrome浏览器的WebGL支持,后者终于让IE11支持了WebGL并且减低到win7也能运行.

基于HTML5技术的电力3D监控应用(二)

- - ITeye博客
我们选用HTML5技术还是顶着很大压力,毕竟HTML5技术性能行不行,浏览器兼容性会不会有问题,这些在项目选型阶段还是充满疑惑,项目做到现在终于快收尾了我们才敢松口气,压力基本顶住了,我个人总结的经验是:HTML5性能肯定不是最高,但对企业应用足够高效,HTML5标准不可能所有浏览器都一致实现,但对于企业应用已经足够工作.

基于HTML5技术的电力3D监控应用(一)

- - ITeye博客
最近参与了国网计量中心的四线一库自动化检定系统的项目开发,团队封闭开发了大半年终于快到尾声了,整个项目过程实在非常累,我的mentor杨杨老师是这样描述的:累的不想说话了. 我估计是我太渴望新知识,整天不断问他问题把他搞烦了. 对我这种新人来说还是相当充实的,整个系统需要和硬件厂家对接采集硬件数据,需要和实时数据库厂家对接实时数据,需要和视频厂家对接视屏界面组件,还要和国家电网的业务专家请教业务知识,我从只会写代码的程序员慢慢变得也喜欢和人打交道了.

HTML5中的CSS Shader技术

- SUN - Solidot
Panggit 写道 "Adobe在Photoshop和Flashplayer等产品中运用了2D Shader技术来丰富它们的滤镜和动画,现在Adobe也将这种技术运用到了CSS中并将CSS Shaders提案提交给了W3C. 运用这项技术,可以轻松实现类似纸张折叠(视频),弯曲(视频)等3D效果,并运用在CSS动画中.

W3C批评苹果专利HTML5技术

- ashuai - Solidot
苹果是W3C成员,根据W3C的专利政策,成员提供的技术必须免专利费,以确保Web标准可供任何人使用. 然而,苹果却专利了两项HTML5技术:专利申请号No.11/432,295和专利7,743,336. 苹果申请的专利是Widget Access Request Policy的核心组成,前者是移动应用的访问控制,后者是Widget安全.

HTML5的新特性,技巧及技术

- Amo - HTML5研究小组
过去的HTML 已经难以满足现代 Web 应用的需要,事实上,这个协议已经有超过 10 年没有更新了. HTML5 的出现旨在解决 Web 中的交互,媒体,本地操作等问题,一些浏览器已经尝试支持 HTML5 的一些功能,而开发者们有望最终从那些 Web 插件中得到解脱. 作为一个使用HTML5的开发人员下面这27条html5的新特性和技巧及技术,你有必要去了解.

HTML5技术将推进在线游戏领域的发展

- - 酷勤网-挖经验 [expanded by feedex.net]
多数技术领域人士都认为,在在线视频和UI领域,HTML5将取代flash. 难以定夺的是,在网络游戏领域,HTML5是否会取代flash技术. 苹果、微软、谷歌和Mozilla——4家大型技术公司如今正积极在各领域推广HTML5技术,其中包括游戏领域. 更重要的是,他们的产品占据97%的浏览器市场.

Crocodoc推HTML5文档嵌入技术,Dropbox, Yammer, SAP已在使用

- - 雷锋网
从YC毕业的 Crocodoc正推出一项新的技术,旨在将企业级的HTML5的office或者PDF嵌入基于web的产品中. 该公司最初利用基于Flash的技术让你上传一份PDF,在浏览器中可以获得一个相同版本的文档,并且可以和同事一起实时协同共享,添加备注等. Crocodoc在2010年成立,目标是干掉Acrobat.

King.com产品经理谈HTML5技术发展潜力

- - GamerBoom.com 游戏邦
作者:Joe Osborne. 作为一种用于创造网页游戏的新工具,HTML5已经成为了2012年社交游戏领域的一大热词. King.com最近发布于Facebook的《Pyramid Solitaire Saga》便是一款基于HTML5技术的游戏(游戏邦注:但德国社交游戏开发商Wooga则在最近宣布放弃HTML5),该公司产品经理Levina Nilsson在最近媒体采访中解释了King.com看好HTML5技术的原因.

移动平台上的HTML5技术是否华而不实

- - InfoQ cn
时至今日,HTML5技术已经不再是停留在纸面上的标准了,越来越多的公司和开发者尝试把HTML5技术应用到前端领域,到底HTML5能够对移动开发者带来多大的改进. 社区对此褒贬不一,有人认为HTML5的优势无可比拟,机会越来越多,有人则持不同观点,认为有炒作之嫌,HTML5在实际应用中存在诸多现实问题.