插播一则广告(长期有效)

TWaver需要在武汉JavaScript工程师若干

要求:对前端技术(JavasScript、HTML、CSS),对可视化技术(Canvas、WebGL)有浓厚的兴趣
基础不好的可培养,基础好的可共谋大事
感兴趣的给我发邮件:hr@servasoft.com

--------------------------------------------------------------------------------正文的分割线----------------------------------------------------------------------------------

可视化的这口香饽饽,很快便从电信行业,蔓延到了电力老大哥那里。和电信设备的面板一样,为了能够方便地绘制和显示电力系统中的各类设备元件,提供统一的图形用户界面,电力系统应用软件通常需要一个电力系统图形编辑器,用于电路图的展示、编辑、存储和导出,实现基本图形和电气设备元件的绘画、缩放、复制、粘贴、删除等操作。

专业人员用的那些软件,像Multisim,Protel,Proteus等等都是用于专业设计,而较为常见的CAD,Visio,又存在着各种问题,比如来看这位知乎网友的吐槽:

为了响应越来越多电力行业客户的需求,基于Doodle的编辑器框架,TWaver快速为电力行业的客户开发了一款编辑器,基本图形和元件作为模型,放置在界面左侧,通过拖拽的方式,即可快速绘制图形界面,并且和实时数据绑定,实现电力监控可视化

更加复杂的版本:

智能变电站也是近年来的热点话题,电力行业发展迅速,对变电站设计、巡检、故障处理等管理提出了更高要求。TWaver为某变电站定制了三维巡检可视化功能,使用变电站场景编辑器,可以快速创建变电站模型场景,并且在场景基础上,进行可视化的巡检安全区划定和安全线路划定:

人员位置实时定位,实现越界实时报警:

除了电力行业,拖拖拽拽弄个轨道交通图出来,也挺好玩的:

写到这里,小编也不禁感叹,风云十年,TWaver编辑器的发展史,可不就是一场技术的革命呢?前面说的,都是比较传统行业的应用,而这两年,云计算大数据、物联网、机器智能纷至沓来,我们还是要面向未来,看看这两年,TWaver都做了些什么。举两个风口浪尖的小栗子吧:

云计算架构设计编辑器

云计算不再是巨头们的专属了,软件定义网络,亦或是一切,云资源的管理,得靠这款云架构编辑器来完成。云资源被设计为可视化元件,用户只需要通过可视化元件的放置和简单的连线以及必要的信息配置便可建立云资源之间的依赖关系,完成系统的架构设计。

在实际使用的中,编辑器也可以可视化的方式将架构展现给用户,用户可以在此基础上增加、修改配置,查看和修改整体架构设计,参考此架构图完成云计算资源购买与部署。

用户也可以绘制现有系统的架构图,导入现有云资源的配置信息,然后根据现有的业务系统的需要,进行资源配置的修改和架构的调整。

数据中心能耗管理

最后我们还是回到数据中心可视化。正所谓,可视的才是可管的,除了在视觉效果上可以做到业界数一数二的数据中心三维可视化场景,TWaver还巧妙利用了编辑器,使得数据中心的业务管理,变得更加简单。

例如在这个用于能耗管理的产品中,TWaver通过最简单的2D场景,实现了数据中心的机柜容量、电力负载、空调负载、网络负载、端口占用等业务。

对,你看到的密集恐惧图,就是负载展示了,一看就知道是干活的员工需要面对的界面:

使用3D场景图片+小挂件,来统计每层楼或者每个房间的能耗情况:

可拖拽的纯2D图纸,精确显示每个机柜的当前能耗:

2D面板,右键功能实现设备上下架、设备连接的创建和查看:

如果你有耐心读到这里,小编真的很感动,你一定是TWaver的铁粉。欢迎私信留言一起交流技术问题。

最后放一张小谍照:这是TWaver正在参与设计的某公司数据中心电子化设计工具。

看起来是很朴素的一张平面图,和平时看到的CAD图纸没多大差别,但是,上面的每一个小对象,都已经被转为了TWaver对象,也就意味着这是一张可以被读取的图纸,将来可以直接被用作监控界面,或者转为TWaver的3D场景,可谓是编辑器的终极应用了。怎么样,是不是很期待呢?

TWaver可视化编辑器的前世今生(四)电力 云计算 数据中心的更多相关文章

  1. TWaver可视化编辑器的前世今生(三)Doodle编辑器

    插播一则广告(长期有效)TWaver需要在武汉招JavaScript工程师若干要求:对前端技术(JavasScript.HTML.CSS),对可视化技术(Canvas.WebGL)有浓厚的兴趣基础不好 ...

  2. TWaver可视化编辑器的前世今生(一)电信网管编辑器

    走到今天,TWaver,一个致力于在技术领域(Technology)的弄潮儿(Waver),已经是第十二个年头.当年网吧的小网管都是IDC机房的运维人员了,TWaver也见证了这个时代的成长变迁. 萌 ...

  3. TWaver可视化编辑器的前世今生(二)3D编辑器

    接着昨天的继续说哈. 作为一款高效.轻量.自带编辑功能小组件,TWaver Java在电信网管界一炮而红,在各大运营商的OSS,BSS,NMS系统中随处可见. 采用了TWaver图形组件的上海世博会监 ...

  4. 详解如何快速使用数据可视化BI软件创建医疗运营监控数据中心大屏

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏.大家可以在他们的官网下载软件.   本文以医疗运营监控数据中心大屏 ...

  5. 大规模SDN云计算数据中心组网的架构设计

    本文首先分析了在大规模SDN数据中心组网中遇到的问题.一方面Underlay底层组网规模受限于设备实际的转发能力和端口密度,单一Spine-leaf的Fabric架构无法满足大规模组网的需求:另一方面 ...

  6. vue-json-editor可视化编辑器的介绍与应用

    vue-json-editor可视化编辑器 最近项目中有用到json编辑器,我选用了这款vue的编辑器,看起来也是比较简洁,接下来就具体介绍一下它,以及内部属性. 一.vue-json-editor的 ...

  7. rails使用bootstrap3-wysiwyg可视化编辑器并实现自定义图片上传插入功能

    之前在rails开发中使用了ckeditor作为可视化编辑器,不过感觉ckeditor过于庞大,有很多不需要的功能,而且图片上传功能不好控制不同用户可以互相删除图片,感觉很不好.于是考虑更改可视化编辑 ...

  8. 使用wp_editor函数实现可视化编辑器

    在最近的wp项目中遇到了需要使用可视化编辑器来接收用户的输入,正好就研究了一下wp_editor这个函数的用法,利用这个函数能很方便的把textarea文本域变成可视化编辑器. Wp_editor函数 ...

  9. myeclipse关闭html,jsp等页面的可视化编辑器

    myeclipse打开html,jsp等页面时,有的是默认用可视化编辑器打开的,这样打开会显得很慢,只要关闭可视化编辑器就会快很多了,方法如下: 1,选择菜单: windows -> prefe ...

随机推荐

  1. 为什么linux有足够的内存还进行swap?

    1.Linux在内存被用完之前开始交换.这是为了提高性能和响应能力: 性能提高是因为一些内存放磁盘缓存比方内存更合适.因此,最好将一个已经停用了一段时间的程序交换出去,而将经常使用的文件保存在缓存中. ...

  2. win10部署Python3和Python2

    首先添加两个的环境变量, 使用python3 -m pip -v (后面为自己的pip命令) 工具: pip install you-get you-get -url

  3. CodeForces 712C Memory and De-Evolution (贪心+暴力)

    题意:现在有一个长度为 x 的正三角形,每次可以把一条边减小,然后用最少的时间变成长度为 y 的正三角形. 析:一开始,正着想,然后有一个问题,就是第一次减小多少才能最快呢?这个好像并不好确定,然后我 ...

  4. E20170404-gg

    margin  外边,外埔 padding 内铺 inherit v 继承

  5. bzoj 4161 Shlw loves matrixI【常系数线性齐次递推】

    并不会递推,不过板子挺好背的,只要是类似的递推都能用,但是注意c数组不能使负数 如果除了递推还有常数项的话,就用f[i]-f[i-1]的方式消掉常数项(然后多一个f[i-1]的项) #include& ...

  6. bzoj 4446: [Scoi2015]小凸玩密室【树形dp】

    神仙题!参考https://www.cnblogs.com/wfj2048/p/7695711.html 注意完全二叉树不是满二叉树!!!! 设g[u][j]为u遍历完子树到深度为i-1的祖先的兄弟的 ...

  7. (2)javascript的基本语法、数据结构、变量

    本篇学习资料主要讲解javascript的基本语法.数据结构.变量      无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些 ...

  8. jquery $.trim()方法的介绍

    http://www.jb51.net/article/50282.htm

  9. 一个Nice的生活主题博客模板

    https://www.bitcron.com/ https://api.bitcron.com/ https://chopstack.com/

  10. Eclipse显示空白符,及使用google代码格式化

    启动Eclipse,打开Preferences对话框.菜单“window”-“Preferences”. 找到Text Editors,勾选show whitespace characters,如图: ...