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

最近参与了国网计量中心的四线一库自动化检定系统的项目开发,团队封闭开发了大半年终于快到尾声了,整个项目过程实在非常累,我的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等移动终端,而对于移动应用来说如果不断进行无谓的刷新对于移动终端耗电可是个大问题,下面为几张移动平板的项目抓图:

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序人生

程序人生之图穷匕见:第二弹

欢迎来到第二周的podcast,程序人生之图穷匕见。以后这个一周综述的名字就叫图穷匕见。听声音,或者看文字,随你选。不过声音内容更丰富哦。 首先讲讲TED吧。上...

3185
来自专栏斑斓

《AngularJS深度剖析与最佳实践》推荐序

这是一本具有强烈ThoughtWorks项目风格的书。书中打造的实战项目,完全遵循了ThoughtWorks工程实践,一步一步从最初的Skeleton通过快速迭...

2776
来自专栏大数据文摘

美得令人窒息的九大数据中心

3947
来自专栏机器人网

一个合格的工控技术人员,需要掌握哪些技能?

都说工控的技术含金量很低,我完全不这么认为。 1.首先要有电路和电子的基础知识,这也是整个电学的入门课程;然后要有低压电气的知识,比如变压器,断路器,接触器,继...

28012
来自专栏IMWeb前端团队

程序员编程的10个实用技巧...| 慕课网

下面是我自己在工作中学到的一些简单的技巧和策略,希望能对各位有用。   1.橡皮鸭调试法    不知道各位有没有这样的经历,当你正在给别人描述问题的...

1969
来自专栏大数据文摘

每天记录一件开心的事,736天后回看数据我学到了…

1473
来自专栏BestSDK

智运开放6大API接口:全程监控车辆轨迹、位置、异常离线等功能

货运企业的“管车利器”——车旺智运API正式推出6大全新接口!新开发的接口将更好的服务于企业业务的开展,以数据促进业务,以业务带动数据,从而实现企业工作效率的提...

3215
来自专栏腾讯数据中心

天津数据中心群英传——之呼风唤水篇(中)

励炼之路: 空调系统的各位“大侠”桃园结义后,要想实现功成名就,长治久安,这可不是一件容易的事,一番苦心修炼,那是在所难免。 励炼一:机房温度恒定是如何炼成的?...

36910
来自专栏程序人生

那些年,我追过的语言

程序君也年轻过,年轻的代价就是盲目追随。 从MS-DOS6.0开始,程序君就是微软的狂热拥趸。 这种狂热自win95走上高潮(有谁还记得win95光盘里带的Go...

3315
来自专栏嵌入式程序猿

这些年很火的接口

物联网的火爆,催生了很多的用于物联网的模组,有UART接口的,有I2C接口的,有SPI接口的等等,像我们曾经在公众号介绍过的NXP的QFM2202是SPI接口的...

2737

扫码关注云+社区