`
xhload3d
  • 浏览: 212869 次
社区版块
存档分类
最新评论

基于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等移动终端,而对于移动应用来说如果不断进行无谓的刷新对于移动终端耗电可是个大问题,下面为几张移动平板的项目抓图:

3
1
分享到:
评论
5 楼 xhload3d 2013-12-17  
tjl713 写道
www.hightopo.com
网站打开后怎么什么都没有啊?
可以点击的就一个链接“Contact US”

他们对自己产品要求比较高,还没进行网站宣传
4 楼 tjl713 2013-12-17  
www.hightopo.com
网站打开后怎么什么都没有啊?
可以点击的就一个链接“Contact US”
3 楼 bushkarl 2013-12-16  
这玩意儿免费吗
2 楼 xhload3d 2013-12-16  
我们用的是HT for Web 3D的引擎,可参考 www.hightopo.com
1 楼 huangyunhui 2013-12-16  
你们用的开发工具是什么?

相关推荐

    html5绘图工具 基于 HTML5 的 Canvas 技术,拓扑图是电力

    HTML5 是一种强大的 web 开发技术,它在网页...通过这样的方式,HTML5 和 Canvas 结合 JTopo 等绘图库,能够在网页上实现灵活且功能丰富的电力或电信行业的拓扑图应用,帮助工程师进行系统监控、故障排查和网络规划。

    基于 HTML5 的 USB 电表上位机。兼容 YZXStudio ZY1280 系列.zip

    这个压缩包“基于HTML5的USB电表上位机。兼容YZXStudio ZY1280系列.zip”显然涉及到使用HTML5技术来创建一个与USB电表交互的上位机应用程序。这个应用程序可能用于监测和管理电表数据,比如读取电量消耗、进行远程...

    基于 HTML5 快速构建拓扑图1

    基于 HTML5 快速构建拓扑图是现代 Web 应用中的一个重要技术,尤其在电信、电力、工业控制等领域,用于可视化复杂的网络结构和工作流程。HT 是一种基于 HTML5 的图形化解决方案,它简化了拓扑图的开发过程,让开发者...

    大量企业异军突起,实现降本增效,原因竟是这个.docx

    图扑软件基于HTML5开发,无需任何插件,支持在线编辑。它不仅提供了2D矢量图形,还支持3D模型,通过拖拽操作即可完成样式、交互和数据绑定,降低了编程门槛。软件支持实时数据和历史数据接入,实时数据采用变化推送...

    ICONICS新产品研讨会PPT下载-愿景.pdf

    此外,ICONICS还采用了SOAP基于Web服务的技术,可以自动创建可复用的案例,案例气象和资源如石油与电力价格转换比率等。其解决方案还整合了Azure云服务,以支持远程监控和数据分析等应用。 ICONICS的技术和产品优势...

    大量企业异军突起,实现降本增效,原因竟是这个.pdf

    图扑的可视化软件是一个基于标准HTML5开发的工具,它不依赖任何插件,可以在任何网络环境下在线编辑。它支持Canvas的2D矢量图形和WebGL的3D模型,为用户提供了丰富的图形化编辑界面,使得非专业的工程师也能通过拖拽...

Global site tag (gtag.js) - Google Analytics