subnetwork的专栏

 TWaver提供了一套3D场景的开发包，用来帮助用户快速搭建3D场景，实现3D的监控系统。这个开发包目前商推的只有Flex框架下的版本，被称为TWaver3D for Flex。开发包提供简单的API，用户向TWaver的数据对象（例如Node）中设定相关的3D style，就可以构建出一套3D场景。（详细的使用方式请参考产品包中的为了简化用户使用代码搭建3D场景的复杂度，TWaver还提供...

随着岁末将至，twaver开发团队依旧马不停蹄，3d产品功能持续更新，新特效和功能目不暇接。现在，我们就利用一些新功能，制作一个全新“赛瓦号”飞船，大家看一下仿真程度是否有质的不同？网页3d技术正在快速发展，3d可视化技术目前大热，不但是目前整个IT业中的技术热点，也是互联网、投资界的热门话题。各种3d虚拟仿真技术纷纷出现，对twaver这类底层3d展示引擎产品需求量也迅速加大，要求也...

大部分拓扑图界面都有显示“分级呈现”的需求。一个复杂的系统或组织，会有很多不同层次的节点和连接关系。如何用图形相对清晰的呈现出来，是一个需要不断探讨的话题。twaver中有很多的方式可以显示“分级”的先是方法：1、用Group网元组显示。Group网元组是把一些网元显示在一个组中。这个组可以双击展开、闭合。在闭合状态，它和一个普通的网元节点没什么区别：有位置、有图标、有动作。双击后，...

数字图像处理（Digital Image Processing）又称为计算机图像处理，它是指将图像信号转换成数字信号并利用计算机对其进行处理的过程。常用的图像处理方法有图像增强、复原、编码、压缩等，数字图像处理应用领域非常广泛。具体关于数字图像处理的介绍可以参考书籍《冈萨雷斯 数字图像处理》。 TWaver作为可视化的利器，如果在展示网元的时候，融入图像处理技术，将会对网元图标的显示增加...

互联网购物成了当今非常热门的话题，各种购物网站，手机APP如雨后春笋般涌现出来。什么买衣服，买水果，买米，买油都得到了解决，自从有了这些app，再也不用去超市排着超长的队伍，扛着超重货物，骑着超累的车子了。之前每出一趟门买东西简直是跟参加了一场马拉松似的，现在好了，直接送货到家。那么在购物的背后又有什么样的流程呢，今天我们给大家介绍的是TWaver的另一款流程图。说到TWaver的流程图却是层出...

组织结构图（Organization chart）是企业的流程运转、部门设置及职能规划等最基本的结构依据。和客户交流时，不少人都提到需要一个灵活的工具来绘制呈现企业的组织架构，今天就给大家带来一款用TWaver实现的组织结构图，提供多种布局方式，为了清晰呈现组织里每个人的职能，我们定制了名片样式来展示网元。首先来看下整体的效果，是上下布局的样式：也可以调整为圆形布局： 这些布局...

最近项目开发任务告一段落，刚好有时间整理这大半年的一些成果。使用html5时间还不久，对js的认识还不够深入。没办法，以前一直搞java，对js的一些语言特性和概念一时还转换不过来。 上一篇第一弹介绍了项目中做的一个彩虹爆炸图，主要用了 html5的canvas的2d绘制技术。这一回我想介绍一下项目中的一个亮点技术：html5的3D，以及如何用它打造精美的3D机房监控系统。 目...

忙完3D，最近又开始用HTML5给客户开发网管界面。这次客户的需求很明确，要把一个关系很复杂的多层嵌套网络拓扑图做得尽可能美观和清晰。现实应用中，网络拓扑图结构可能很简单，也可能非常复杂，比如这种节点较多的单层拓扑：稍复杂一些的： 再复杂一些的： 在这些拓扑图中常见的场景是，很多网络节点需要组成一组，这常被称为“网元组”。一般来说，网元组会有一个形状，双击可以展开/闭合...

GIS作为信息系统的重要组成部分，在电信行业中的应用由来已久。将GIS引入电信管理系统，GIS强大的功能就会得到充分的体现，GIS技术可以将各类电信信息系统以其特有的表现形有机整合在一起，并为真正做到电信运行维护和营销整合为一体的管理模式提供强有力的手段。从电信企业经营的角度分析，电信企业拥有的资源可以大体分为外部资源和内部资源，外部资源主要是业务、用户资源，例如营业收入，电信用户数量分布，内部资...

应客户需求写个Demo，Demo中包含一些常用的功能，包括解析JSON数据生成TWaver中的网元和连线，网元右下角带上不同标识的小图标，连线需要是二次曲线，弹出菜单和信息板，跟大家分享下。先上图让大家看看效果（大家在学习的同时，能否发现这次Demo有所不同）解析JSON数据生成TWaver中的网元和连线下面是Demo中用到的JSON数据格式样例1var topo_d...

天津港爆炸事件后，除了安置群众、追究事故责任外，人们最关心的莫过于爆炸污染物对于周边环境的影响，其中最重要的一块就是饮用水的安全。所幸的是，水源的安全监测是实实在在有据可依的。环保单位和供水企业在建设自己的饮用水水源监控系统，实时的监控民生水源安全。 最近我们承接了一个水源地自动化监控系统的项目。由于水源地一般都会远离生产、生活区，例如各地的水库、地下水、井等，派驻人员实时进入水源腹地进...

前阵子写了一篇HMTL5 3D机房开发的例子http://twaver.iteye.com/blog/2215863，介绍了如何用html5在网页上创建无插件的精美3d机房场景，收到很多朋友的鼓励，深表感谢。对于索要源代码的朋友，已经尽力邮件回复。由于精力所限，如未能收到的朋友请留言或给我发送邮件：tw-service@servasoft.com。最近项目第二期又要紧锣密鼓地开始了，所以想抓紧...

MONO Design在线3D建模平台网站, www.mono-design.cn，开发组的成员们已经开始紧锣密鼓的 对这个平台进行内测。在之前的文章里，我们提到用户可以获得多种多样的TWaver官方模型库， 现在已经新鲜出炉，让我们擦亮眼睛，一睹为快！模板图库闪耀登场…TWaver MONO Design模板库中，各式各样的办公桌、椅子等，快速拖拽，创意摆放，分分钟创建办公室工作场景。下面...

论坛上有同学提出如何在tree上画引导线，之前我们Flex已经实现此功能，现在最新版的HTML5也将添加此功能。先看看效果：详细的使用方法可以参考我们开发手册中可视化视图组件#Tree引导线一章，下面贴出一个Demo，没有图标，没有框选。仅供参考： 123456789101112131415161718...

     TWaver HTML5临近发布,通用组件Tree、Table效率都非常高,都可以承载万以上级别的数据,但是使用Element拼装方式的拓扑图在数据量上还有所欠缺，只能达到千级别，为了解决用户的大数据量需求,近期最大的惊喜是添加了一个高性能的拓扑实现, 看看下面的测试就知道有多高效了, 性能和TWaver Java有得一拼.接口和实现效果与原有拓扑图基本一致，用户切换起来也很方便。另外敬...

      在TWaver中，拓扑上的告警呈现的方式是多种多样的，最常见、最通用的是在原来的图片上叠加上告警级别所对应的颜色，这种方式在TWaver的各个分支版本中都是支持的，呈现效果如下图所示：      另外还有两种是将告警颜色添加在网元的前景或背景上，效果如下：      我们主要来看默认的渲染方式，这种方式是采取图片颜色叠加处理，也就是在原来网元的图片上叠加上告警的颜...

TWaver图形界面之道作者序最早我按TWaver的功能点拟定了提纲，在完成第一章后，遇到了两个问题：是写整个TWaver还是只介绍TWaver Java？与开发手册和培训文档的内容是否重复了？于是我停下来思考，这本书究竟应该说点什么？如果只是TWaver的使用，看我们的开发手册，参加我们的培训会更合适，我希望说点特别的东西，更有价值的东西，不只是为TWaver用户，更包括所有从...

接上篇：TWaver图形界面之道（一）序言与目录TWaver介绍TWaver是一款图形界面组件产品，电信行业的朋友用它开发网管图形界面，非电信行业的用它制作的表格，指标图表，流程图。TWaver让界面开发变得简单，几行代码就可以实现组件与数据的绑定，组件与组件间的同步交互。TWaver提供多种界面组件，支持多种编程语言，这意味着无论你使用Java，.NET，Flex，还是JavaSc...

TWaver产品家族TWaver JavaTWaver Java是TWaver产品家族中历史最悠久、功能最强大、应用最广泛的一个分支。TWaver Java基于Java 2D和Java Swing技术，相比于JS、Flex、Silverlight、HTML5这些现在热门的Web前段技术，关注Java Swing技术的越来越少，但从技术的成熟性和运行效率考虑，不太在乎Web化，那么...

接上篇：TWaver图形界面之道（三）TWaver产品家族TWaver如何获取TWaver是一款商业软件，面向企业用户，出售软件授权，提供支持服务，此外对于非商业用途的项目（ 譬如院校，研究所的一些研究性课题），会给于优惠和减免。要了解TWaver产品，可以先从我们的在线产品示例开始，这能直观全面的了解到TWaver产品的特性，接下来你可以申请产品试用，借助试用包中的类库和资料，可以...

继续上一章的介绍TWaver图形界面之道（四）如何申请与技术支持本章将以一个入门示例开始，介绍TWaver的基本使用，设计思想以及开发流程，如果你已经熟悉了TWaver的使用，熟悉了TWaver的MVC的设计模式，可跳过本章节。Hello TWaver以一个经典示例开始，创建两个节点和一条连线，并在不同组件中展现，然后我们会追加告警，观察界面的变化。开发环境TWaver有...

TWaver最大的优点之一是“灵活的定制功能”。光说不练不行，来个例子演练一下：定制Tree节点的标签。默认Tree和Network上的标签显示的是网元的name属性，设置Styles.TREE_LABEL属性后，可以让Tree显示Styles.TREE_LABEL的值，以达到Tree和Network显示不同标签的目的如果觉得这样还不够，可以设置Tree#labelFunction，比如...

关于3D场景在现在网管中的应用的讨论一直没有停止过，应用场景有哪些，应用的意义有哪些，可以为产品开发、为系统使用带来多少利益点等等。今天给大家介绍一种应用情景，希望能借此机会，抛砖引玉，引出更多更具有实际意义的应用需求来，为大家应用系统的丰富性添砖加瓦。在TWaver传统的2D应用中，近一年非常突出地出现了一种需求，那就是希望能够在同一个页面内显示多种层次的网络结构，这样做的好处在于：在同一个页面...

最近有客户提到自定义链路的需求，个人感觉非常有代表意义，现在共享出来给大家参考一下。先来看看需求：1.  链路要分成两半，用两种颜色填充。2.  填充百分比在不同值域时，用不同颜色。3.  显示刻度4.  有个开关，可以控制链路变短，变短后，链路只画开始和结束部分（相当于原始链路的缩影），中间不画 5.  如果有多条链路，链路合并后两端分别显示这些链路中的最高填充百分比合并前：合并后： 6...

随着mono-design不断推广，用户越来越多，陆续有电话来询问“为什么3D展现的时候，是一团黑？”，针对这个问题，专门写个帖子说明原因并给出解决方案，并且在mono-design编辑器中加了判断功能，同时链接到这里，不用等到发现一团黑时，才知道出问题。好了，言归正传，开始分析问题：当发现3D展现是一团黑的时候，在控制台如果看到“Unable to get image data from...

一般而言，需要实现3D物体的渐变，通常的思路就是通过2D绘制一张渐变canvas图片作为3D对象的贴图，这种方式是可以解决这类问题的，不过对于一般用户而言，通过2D生成一张渐变的图片，有一定的难度，另外如果要生成的图片比较多，性能效率上会成为一个瓶颈，特别是渐变随着条件在不断变化的情况下，就需要每次绘制的时候都去生成一张渐变的canvas图，效率极其低。 在3D中，另外一种通常的方式就是...