TWaver可视化编辑器的前世今生(三)Doodle编辑器
插播一则广告(长期有效)
TWaver需要在武汉招JavaScript工程师若干
要求:对前端技术(JavasScript、HTML、CSS),对可视化技术(Canvas、WebGL)有浓厚的兴趣
基础不好的可培养,基础好的可共谋大事
感兴趣的给我发邮件:hr@servasoft.com
------------------------------------------------------------正文的分割线--------------------------------------------------------------
前两天说到了3D编辑器是大势所趋,今天就接着这个话题继续说。
Legolas,特别帅气的一个名字,是TWaver继Mono-Design发布的一款产品,其最大的特点就是通过框架式设计和模块化的呈现,突破了中间件的限制,可以直接将通过可视化拖拽生成的场景,经过简单的机制,即转换为可运行的程序。
如果觉得这段话比较生涩,可以直接理解为:Legolas是一个不写代码就能生成组态化监控小程序的平台,像精灵王子一样帅气。
Legolas具备了一个优秀编辑器应该有的样子:
- 丰富的图元库,2D和3D的各类常见对象
- 拖拽式交互(设置界面布局,数据关联绑定,图元联动动作设定…)
- 多种页面容器,支持界面布局和交互
- 脚本式动态逻辑注入
- Event总线满足跨界面,跨图元类型交互
- 编辑态及调试态之间的实时切换
- 预定义的业务流程模块
- 跨屏幕的支持
就是下面这些简简单单的小组件,拖拖拽拽,就摇身变成了各种小项目。
例如,水质净化过程中,对药剂流量和进水量进行实时检测的污水自动控制处理:
对生产车间内各项生产指标和环境指标实时采集并进行图形化展示的化工厂自控系统:
工程用车车况的采集和实时监控:
配电房一次接线图:
水源地自动化监控系统中可旋转交互的小阀门:
Legolas的独到之处,在于它在Mono-Design的基础上,向行业应用更近了一步,可以帮助那些不太懂代码的终端用户、实施人员迅速组建监控平台。也难怪,具备了这些特色的Legolas,在非电信行业,尤其是工控领域大放异彩。
随着越来越多的商业项目采用了Mono Design和Legolas,“可视化”的概念也越来越深入人心。TWaver深知一款优秀的编辑器工具,将大幅减少工程师和项目实施人员的工作量,就像编辑器在TWaver内部使用时一样。因此,2015年,TWaver推出了一款集多年编辑器之大成的产品:TWaver Doodle,正如其名,希望用户可以像涂鸦般轻松地使用编辑功能。
- TWaver Doodle不是单纯的编辑器,而是编辑器的组件:
- 高度封装的编辑器组件,完整的数据编辑能力
- 支持TWaver 2D拓扑图、TWaver 3D模型、HTML片段的编码
- 网络拓扑图、设备机架图、流程图、3D模型、3D机房/园区的快速编辑
- 基于TWaver Make模板库,实现模版的快速导入,及编辑数据的导出
- 通过API接口实现快速集成,让您的系统立刻拥有强大的编辑器
简单地说,他可以是TWaver Doodle,也可以是你的Doodle。换logo,改布局,自定义模型,2D的,3D的,任何行业的,都可以通过Doodle来实现。
例如,Doodle为数据中心打造了一整套的场景、机架、面板、模型编辑器:
机架,设备,模型多多,属性都可以自定义:
拖拖拽拽,设备上架:
设备面板,也可以自由定义和编辑:
面板、设备、机架,完事具备,只差场景:
四大神器凑在一起,简直就是合体金刚大力神了:
提到TWaver Doodle,就不得不介绍一下他的好兄弟TWaver Make。Make和Doodle是打虎不离亲兄弟,一个管理模型,一个主打编辑,无论是2D还是3D的可视化应用,都可以分分钟搞定。
Doodle的发布,标志着TWaver已经形成了内部使用,客户定制,标准化产品三位一体的编辑器解决方案。
当然,TWaver并不止步于此,真正的大杀器还在后头,我们下一篇接着说。
TWaver可视化编辑器的前世今生(三)Doodle编辑器的更多相关文章
- TWaver可视化编辑器的前世今生(四)电力 云计算 数据中心
插播一则广告(长期有效) TWaver需要在武汉招JavaScript工程师若干 要求:对前端技术(JavasScript.HTML.CSS),对可视化技术(Canvas.WebGL)有浓厚的兴趣基础 ...
- TWaver可视化编辑器的前世今生(二)3D编辑器
接着昨天的继续说哈. 作为一款高效.轻量.自带编辑功能小组件,TWaver Java在电信网管界一炮而红,在各大运营商的OSS,BSS,NMS系统中随处可见. 采用了TWaver图形组件的上海世博会监 ...
- unity3D Socket连接C#server出现unity3D编辑器再次启动连接 unity3D编辑器马上卡死
unity3D Socket与C#server第一次连接时通讯正常.客服端段关闭后.unity3D编辑器再次启动连接 unity3D编辑器马上卡死 原因是Socket处于异步状态,而异步线程是不受Un ...
- N个富文本编辑器/基于Web的HTML编辑器
转自:http://www.cnblogs.com/lingyuan/archive/2010/11/15/1877447.html 基于WEB的HTML 编辑器,WYSIWYG所见即所得的编辑器,或 ...
- TWaver可视化编辑器的前世今生(一)电信网管编辑器
走到今天,TWaver,一个致力于在技术领域(Technology)的弄潮儿(Waver),已经是第十二个年头.当年网吧的小网管都是IDC机房的运维人员了,TWaver也见证了这个时代的成长变迁. 萌 ...
- Asp.Netserver控件开发的Grid实现(三)列编辑器
以下是GridColumnsEditor的实现代码: GridColumnsEditor.cs using System; using System.Collections.Generic; usin ...
- Unity3D编辑器扩展(三)——使用GUI绘制窗口
前两篇分别讲解了创建菜单https://www.cnblogs.com/xiaoyulong/p/10115053.html和创建窗口https://www.cnblogs.com/xiaoyulon ...
- Android开发 - 掌握ConstraintLayout(三)编辑器
从本篇博客开始我们开始介绍如何使用ConstraintLayout. 既然ConstraintLayout叫约束布局,首先我们先介绍什么叫约束(Constraints): 约束(Constraints ...
- cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第三步---编辑器(2)---更方便很多其它操作更像编辑器
/* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦.他说:随便写,第一别全然照搬代码:第二能够说 ...
随机推荐
- mysql连接过多-报错
有两种方法: 1,错误连接参数 max_connect_errors,在配置文件中调整增大. 比如:修改mysql配置文件,在[mysqld]字段下面添加 max_connect_errors=102 ...
- 041--Jquery
一.Jquery对象 jQuery 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuer ...
- 018--python 函数参数、变量、前向引用、递归
目录 一.python函数的定义 二.函数参数 三.全局变量和局部变量 四.前向引用 五.递归 一.python函数的定义 python函数是对程序逻辑进行结构化或过程化的一种方法 1 python中 ...
- iOS中音频的录制与播放(本地音频文件的播放)
iOS功能开发涉及到音频处理时,最常见的时进行录音,以及音频文件的播放.停止播放等的操作.在开发中还要避免同一个音频文件,或不同音频文件之间的处理,比如说正在播放A音频时,可以停止播放A音频,也可以播 ...
- StructLayoutLayout 属性无法通过GetCustomAttributes 或者 Attributes获得
http://stackoverflow.com/questions/17684664/retrieve-the-structlayout-attribute-of-a-struct 这是一个type ...
- python __builtins__ tuple类 (68)
68.'tuple', 转换为元组类型 class tuple(object) | tuple() -> empty tuple | tuple(iterable) -> tuple in ...
- 洛谷 P3960 列队【线段树】
用动态开点线段树分别维护每一行和最后一列,线段树的作用是记录被选的点的个数以及查询第k个没被选的点,每次修改,从行里标记被选的点,从最后一列标记向左看齐之后少的点,然后用vector维护行列的新增点 ...
- 7天学完Java基础之1/7
方法重载 package cn.itcat.day04.demo01; //方法重载就是参数个数不同,参数类型不同,参数类型的顺序不同 //方法重载与参数名称无关,与方法返回值类型无关 //方法重载方 ...
- Vue-CLI3详解
vue-cli3快速开始 node 安装,略. webpack 安装webpack npm install webpack webpack-cli -g 查看版本 webpack -v vue-cli ...
- Scipy-数值计算库
Scipy在Numpy的基础上则加了众多的数学计算,科学计算以及工程计算中常用的模块,例如线性代数,常微分方程的数值求解,信号处理,图像处理,系数矩阵等.在本章中,将通过实例介绍Scipy中常用的的一 ...