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

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. hdoj3664【DP】

    题意: 有一种值E=the number of elements where ai > i.比如1 3 2 4,只有3位置是满足的,E=1.然后他会给你一个数组和一个k,问有多少个序列的E=k. ...

  2. Codeforces Round #364 (Div. 2)【A,C】

    啊啊啊啊啊啊啊啊啊,目睹A->CⅠA全过,最终fstwaA,C;23333333 A题: 题意: 就是分成相等的m堆,每堆有两个位置上的值相加. 思路: fst在sum可能不是偶数,先*2/n; ...

  3. 了解Hypertable

    1.为什么要了解Hypertable, 因为全球最大的搜索引擎公司百度使用了Hypertable(http://www.baidu.com/s?wd=Hypertable),Hypertable类似于 ...

  4. jetty的web部署

    jetty版本:jetty-distribution-9.4.8.v20171121,jdk1.8 1.下载jetty 2.cd demo-base 3.java -jar ../start.jar ...

  5. 优化 SQL 查询:如何写出高性能SQL语句

    1. 首先要搞明白什么叫执行计划? 执行计划是数据库根据SQL语句和相关表的统计信息作出的一个查询方案,这个方案是由查询优化器自动分析产生的,比如一条SQL语句如果用来从一个 10万条记录的表中查1条 ...

  6. NOIp 2014飞扬的小鸟【dp】By cellur925

    题目传送门 放在14年Day1T3的dp题目...应该比较看出来是dp算法吧,因为在本蒟蒻看来求最值的算法不清晰时就是dp了==. 状态还是比较好设计的,考虑到每个情况需要记录下的量:f[i][j]表 ...

  7. keepalived+nginx高可用实现

    1.keepalived介绍 keepalived最初是专为LVS负载均衡软件设计的,用来管理并监控LVS集群系统中各个服务节点的状态,后来又加入了实现高可用的VRRP功能.keepalived除了能 ...

  8. websocket实现群聊

    server # @File: 群聊 from flask import Flask, render_template, request from geventwebsocket.handler im ...

  9. Android-apk文件反编译

    一:工具介绍及下载 1:apktool         作用:资源文件获取,可以提取出图片文件和布局文件进行使用查看 2:dex2jar       作用:将apk反编译成java源码(classes ...

  10. C#中分部类和分部方法的应用

    本篇文章介绍了,C#中分部类和分部方法的应用.需要的朋友参考下     分部类(Partial Class)在C#2.0引入,分部方法(Partial Method)在C#3.0引入,这两个语法特性都 ...