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

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. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 07. View的Model 和 Tag Helpers

    student添加一个属性BirthDate 然后把生成数据的地方,字段也加上 建立ViewModel list转换为ViewModel 进一步改进代码 StudentViewModel HomeIn ...

  2. POJ2371【水题】

    mdzz- wa了一发,没看清题意,真是智障 //#include <bits/stdc++.h> #include<iostream> #include<string. ...

  3. CodeForces 615C

    题意: 给定两个字符串s1,s2利用s1去构造s2,s1有无限个,可以翻转,你最少要用几个s1才能构造s2.输出每一次使用的s1的有效区间. 伪思路: 据说是暴力就能过的题目.然而自己就是暴力差,模拟 ...

  4. Ascall码的故事

    没事发个ascall码表,二进制值得研究呦 sub al,30h; and al,00001111b ;字符ascall转数字or al,00110000b; sub al,32; and al,11 ...

  5. C++中virtual继承的深入理解

    今天专门看了一下虚继承的东西,以前都没怎么用过,具体如下:父类: 复制代码代码如下: class   CParent { .... }; 继承类的声明比较特别: class   CChild   :  ...

  6. 设置Linux环境变量的方法和区别_Ubuntu/CentOS

    设置 Linux 环境变量可以通过 export 实现,也可以通过修改几个文件来实现,有必要弄清楚这两种方法以及这几个文件的区别. 通过文件设置 Linux 环境变量 首先是设置全局环境变量,对所有用 ...

  7. compose 函数实现

    总结componse函数实现过程 大致特点 参数均为函数, 返回值也是函数 第一函数接受参数, 其他函数接受的上一个函数的返回值 第一个函数的参数是多元的, 其他函数的一元的 自右向左执行 简单实现 ...

  8. Plugging an Unplugged Pluggable Database

    1.unplug To unplug a PDB, you first close it and then generate an XML manifest file. The XML file co ...

  9. 【转】grep 用法详解

    有时会使用到,但老忘,转到博客以便学习收藏 转自http://blog.csdn.net/tenfyguo/article/details/6387786 首先要记住的是: 正则表达式与通配符不一样, ...

  10. Ionic之数据绑定ng-model

    ionic 完美的融合下一代移动框架,ionic 基于Angular语法,支持 Angularjs 的特性.但是我在开发的时候,遇到了坑.因为之后用的就是angularjs,so 理所当然的以为代码应 ...