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

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. 洛谷 - P1002 - 过河卒 - 简单dp

    https://www.luogu.org/problemnew/show/P1002 方程很好想,题目也很暴力.感谢题目提示数据会很大. #include<bits/stdc++.h> ...

  2. hdoj5387【模拟】

    题意: 略: 思路: 把所有的角度按照分母的形式写,中间不要约,不要除...(然后我就wa了),本来是想保证结果的正确性,最后会造成约好以后分子很大..>360°: /* 这个案例不错,妈的,随 ...

  3. STL<queue>的使用

    队列是一种基本的线性数据结构.它满足先进先出(First In ,First Out)的原则. 我们可以应用这种数据结构实现很多复杂的问题.但每次要手写队列的相关函数并不省事,我们便可以应用STL中的 ...

  4. FlashFXP Registration

    -------- FlashFXP Registration Data START --------FLASHFXPuQBW1wi5uQAAAACvW7cJKQXzmx8Eu6ikXL4LbrYQHZ ...

  5. python实现汉诺塔(递归)

    def hanoi(n, A, B, C): if n > 0: hanoi(n-1, A, C, B) print("%s->%s" % (A, C)) hanoi( ...

  6. AtCoder Grand Contest 015 C - Nuske vs Phantom Thnook

    题目传送门:https://agc015.contest.atcoder.jp/tasks/agc015_c 题目大意: 现有一个\(N×M\)的矩阵\(S\),若\(S_{i,j}=1\),则该处为 ...

  7. UOJ#52. 【UR #4】元旦激光炮(交互)

    题意 给出三个已经排好序的数组$a, b, c$ 在$100$次询问内找出第$k$小的元素 Sol 一种很显然的$log^2n$的做法:首先在$a$中二分,然后再$b,c$中二分.这样可以得到$60$ ...

  8. jsonp对付同源策略

    当 协议不同或者域名/ip不同或者端口号不同 ,  都不算是同源 这时候 源生的ajax 就不能进行数据请求了 JSONP json with padding 在平时的开发中也发现了  ,当我们请求  ...

  9. Math.net,.net上的科学计算利器

    F#在科学计算领域的应用,包括部分语法介绍. Math.net,.net上的科学计算利器 摘要: .net上科学计算个人觉得首选numpy和scipy for dotnet.因为这两个库用户数量已经非 ...

  10. 在Java8的foreach()中使用break、continue

    java8的lambda中,foreach()处理集合时不能使用break和continue这两个方法,可以使用return实现 参考:https://blog.csdn.net/lmy86263/a ...