zoukankan      html  css  js  c++  java
  • 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并不止步于此,真正的大杀器还在后头,我们下一篇接着说。


  • 相关阅读:
    ES数据导入导出
    python Elasticsearch5.x使用
    http://elasticsearch-py.readthedocs.io/en/master/api.html
    Python Elasticsearch api
    es批量索引
    Razor字符串处理
    [.NET] ConfuserEx脱壳工具打包
    查看网页源码的时候找不到数据绑定
    HearthBuddy decompile
    Quickstart: Create and publish a package using Visual Studio (.NET Framework, Windows)
  • 原文地址:https://www.cnblogs.com/twaver/p/7357083.html
Copyright © 2011-2022 走看看