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

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. mtr和nmap命令

    mtr mtr是一个网络连通性判断工具,它可以结合ping nslookup tracert 来判断网络的相关特性. [root@10.10.90.97 ~]# mtr -h usage: mtr [ ...

  2. Codeforces - 1117E - Crisp String - 进制 - 交互

    https://codeforces.com/problemset/problem/1117/E 就用abc表示数字来给每个数编码,编完直接问出移动的结果,反构造就行了,比C和D还简单. #inclu ...

  3. 洛谷 - P1002 - 过河卒 - 简单dp

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

  4. pyrcharm 编程规范

    正常变量赋值, 等号左右各一个空格: 参数赋值, 等号左右都没有空格: 注释#后面一个空格 类定义和函数定义,前后各两行,而在类的里面定义成员函数,只需要空一行 文件最后一个空行 变量.函数.类最好都 ...

  5. OpenCV认识之发展历史

    OpenCV认识之发展历史刚接触OpenCV,据说是专门用于机器视觉,机器人图形图像处理等,但对OpenCV的历史还不是特别了解,今天上网查好多资料,记录在此,OpenCV的全称是:Open Sour ...

  6. JSP | 基础 | 新建Hello world 的三种方式

    第一种: 直接写一个 test.jsp 文件到ROOT文件目录下,内容如下,访问 “http://localhost:8080/test.jsp” <%-- Licensed to the Ap ...

  7. 洛谷 P4585 [FJOI2015]火星商店问题

    (勿看,仅作笔记) bzoj权限题... https://www.luogu.org/problemnew/show/P4585 对于特殊商品,直接可持久化trie处理一下即可 剩下的,想了一段时间c ...

  8. 系统中同时存在python2和python3时 pip有时候更新后会报错 解决安装的方法如下

    官网原链接:https://pip.pypa.io/en/stable/installing/ Installation Do I need to install pip? pip is alread ...

  9. javascript简单的表单验证

    <html> <head> <title>用户登录</title> <script language="javascript" ...

  10. 数位dp知识

    转自http://blog.csdn.net/zhaoxinfan/article/details/8707605 下面先给出数位DP的背景: •在给定区间[A,B]内,找满足要求的数. •要求一般和 ...