- 博客(133)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 智能楼宇的三维可视化管理 （上）
现代城市的一个显著标志便是各色的摩天大楼，随着我国城市化的逐步推进，楼宇已经成为了城市管理的基本单元。城市内部的各类业态，包括住宅小区、商业广场、办公楼乃至各类产业聚集体，都是一栋栋楼宇构建而成的，显然，城市的高效运行离不开楼宇的良好管理。当然，智能楼宇的概念想必很多人并不陌生，信息技术的飞速发展帮助人们可以以全新的方式管理建筑：楼宇自控系统、通信控制系统、安防系统、办公自动化系统乃至基础能源系统的部署可以充分实现楼宇管理智能化、数字化。智慧楼宇的可视化解决方案便是在整合对接各类业务系统的基础上，通过可视
2020-07-21 15:38:03
5033
1
原创 TWaver可视化软件（八）工业可视化 下
接着上篇，本篇内容对工业可视化功能进行收尾。开始先对本文做个总结，本篇重点在于可视化平台在于工业领域的具体应用以及一些精巧的可视化工具。感兴趣的朋友不要错过。基于视频监控的可视化应用1.智能化巡检生产设备发生故障时，除了通过三维可视化平台获取故障信息外，也可以调用附近监控摄像机画面弹窗，检查是否现场操作不当或其它现场因素导致故障。大型、贵重生产设备故障时为了避免影响整个流水线生产，需要及时现场排查故障，通过现场视频联动，可第一时间通知维修部门，并提供故障发生前现场视频以助排查。2.远程视频生产调
2020-06-30 17:14:27
1388
原创 TWaver可视化软件（七） WEB组态可视化软件
关于这个软件，首先要从组态的概念开始说起。组态（Configure）的概念来自于20世纪70年代中期出现的第一代集散控制系统（Distributed Control System），可以理解为“配置”、“设定”、“设置”等，是指通过人机开发界面，用类似“搭积木”的简单方式来搭建软件功能，而不需要编写计算机程序。我们也可称之为“二次开发”，组态软件即为“二次开发平台”。从用户操作与界面呈现的角度来说，组态软件采用标准HTML5技术，基于B/S架构进行开发，支持Web端呈现，在浏览器端即可完成便捷的人机交互
2020-06-16 10:57:26
3720
1
原创 TWaver可视化软件（六）工业可视化 上
之前我们已经谈过了电力、数据中心的三维可视化，今天我们来聊一聊工业领域的可视化。工业是一个宽泛的词，我们在这儿说的工业并不单纯地指代某一个具体行业，制造、化工、机械、能源、物流仓储行业乃至生产机器人、自动化流水线、制造设备等工业组件都是涉及范围，它们都是可以被管理的对象。工业始终与科技发展密不可分，当前，以云计算、物联网和5G等为代表的新一轮科技革命席卷全球，正在构筑信息互通、资源共享、能力协同、开放合作的工业新体系。那么，在这样的技术背景下，当我们谈起智慧工业，我们在谈些什么？三维可视化对于智慧工业来
2020-05-27 17:45:00
1706
原创 TWaver可视化软件（五）电力可视化 下
之前，我们已经讲过电力行业的三维可视化，包括电厂以及变电站的运营三维可视化管理，本期将接着上篇，继续对电力行业的其他环节可视化进行介绍。电力可视化 上3.配电房/机房可视化配电房通常采用无人值守、定期巡视的运行方式，但是在集成了大量智能设备的情况下，这样的巡视方式往往质量不高，容易忽略某些故障或者异常状况。面对这一问题，当前的可视化产品在对配电房进行三维可视化的基础上，将配电柜信息、一次接线图、具体设备状态、环境监控数据和视频监控系统进行统一呈现可管理，充分保障配电房安全正常运行，降低设备故障，提高
2020-05-14 16:18:41
1018
原创 TWaver可视化软件（四）电力可视化 上
本系列前几篇内容将数据中心的可视化管理系统简单地进行了介绍，本文将开始详解电力行业的可视化管理系统。与数据中心类似，电力行业的可视化系统同样是基于自研的3D引擎开发，针对电力产业链各环节的需求，提供三维可视化的管理工具。电力行业是关系到国计民生的基础性行业。随着电力市场化以及电网建设的进一步发展，电力信息化的需求日益增强。2019年，国家电网提出了“泛在电力物联网”的概念，基于日益成熟的物联网和...
2020-04-29 14:53:56
1565
原创 新基建的时代，数字孪生能做些什么？（下）
本篇是数字孪生专题的下篇，内容上将承接上篇，继续介绍数字孪生在各领域的应用。上篇主要介绍了信息网的建设，本篇将着眼于能源网和交通网两个方面。、...
2020-04-16 14:35:52
1581
原创 新基建的时代，数字孪生能做些什么？（上）
本专题将分上下两篇，感兴趣的朋友可以关注我们，及时获取更新！开始这个专题之前，有必要先简单介绍一下数字孪生，相比新基建，这个概念有点小众。数字孪生是什么？数字孪生（Digital Twin）的定义并不复杂：为物理对象建立对应的数字模型，该模型可以通过接收来自物理对象的数据而实时演化，从而与物理对象在全生命周期保持一致。基于数字孪生，我们可以进行分析、预测、诊断、训练等（即仿真），并将仿真结果...
2020-04-10 17:00:41
2719
4
原创 TWaver可视化软件（三）数据中心可视化 下
本文是TWaver可视化软件系列的第三篇，内容上承接上一篇，继续介绍数据中心可视化的相关功能。除了上篇说到的环境、资产、容量以及管线外，数据中心的动环、安防告警、IT运维、巡检等各类业务系统都已经实现了与可视化平台的对接，并实现了数据的可视化处理。...
2020-03-24 13:48:23
1245
原创 TWaver可视化软件（一）初识三维可视化软件
在这个特殊的时期，想必大家在家中或放假或办公，学习的热情必定是空前高涨，趁着这个机会，我们就来聊一聊数据可视化。说起可视化，很多人听说过却未必深入了解过，事实上，在信息化的浪潮席卷之下，数据可视化已经成为数字化、智能化管理运营的趋势。数据可视化，顾名思义，就是将数据以可视图表的形式展现出来，以直观的形式挖掘数据深层次的价值，帮助企业实现管理和运营的智能化，提高企业运行效率。赛瓦软件便是国内最早...
2020-03-02 22:58:33
3028
1
原创 科技赋能防疫——社区疫情防控平台简述
时至2月底，相信大家也陆陆续续地复工了，不过疫情还远未结束，大家外出还是要做好防护。个人防护之外，我们今天来说一说跟每个人都息息相关的社区防疫。社区防疫在这场没有硝烟的战争中起到了巨大的作用，各地小区的封闭管理、进出控制、测温消毒等措施有力地控制了疫情的扩散和蔓延。但是，在这背后，面临的是社区人手、物资缺乏、管理措施贯彻困难、人员信息采集缺漏等问题。为了解决这些问题，我们依托云平台、三维可视化、...
2020-02-26 10:29:44
7027
2
原创 TWaver可视化编辑器（四）电力 云计算 数据中心
插播一则广告（长期有效）TWaver需要在武汉招JavaScript工程师若干要求：对前端技术(JavasScript、HTML、CSS)，对可视化技术(Canvas、WebGL)有浓厚的兴趣基础不好的可培养，基础好的可共谋大事感兴趣的给我发邮件：[email protected]
2017-08-15 17:36:12
3087
2
原创 TWaver可视化编辑器（三）Doodle编辑器
插播一则广告（长期有效）TWaver需要在武汉招JavaScript工程师若干要求：对前端技术(JavasScript、HTML、CSS)，对可视化技术(Canvas、WebGL)有浓厚的兴趣基础不好的可培养，基础好的可共谋大事感兴趣的给我发邮件：[email protected]
2017-08-14 12:06:50
3151
1
原创 TWaver可视化编辑器（二）3D编辑器
作为一款高效、轻量、自带编辑功能小组件，TWaver Java在电信网管界一炮而红，在各大运营商的OSS，BSS，NMS系统中随处可见。
2017-08-11 16:17:38
5920
原创 TWaver可视化编辑器（一）电信网管编辑器
TWaver可视化编辑器，经常化身为各种形式，出现在TWaver的demo、产品和各个项目中，帮助企业更好地进行IT可视化管理。今天我们就来深度八一八这个神秘的存在：TWaver的编辑器。
2017-08-07 17:15:31
2318
原创 WebGL 绘制Line的bug(三)
之前铺垫了许多，今天可以来分享点纯干货了。上一篇已经讲述了通过面模拟线条时候，每一个顶点的顶点数据包括：端点坐标、偏移量、前一个端点坐标、后一个端点坐标，当然如果我们通过索引的方式来绘制的话，还包括索引数组，下面的代码通过传递一组线条的端点数组来创建上述相关数据：bk.Line3D = function (points,colors){ this.points = p
2017-07-26 15:30:55
1069
原创 WebGL 绘制Line的bug（一）
熟悉WebGL的同学都知道，WebGL绘制模式有点、线、面三种；通过点的绘制可以实现粒子系统等，通过线可以绘制一些连线关系；面就强大了，通过面，我们可以绘制我们想绘制的所有的三维对象。一切看起来都很完美，perfect。然而，不幸的是，WebGL在绘制线条的时候，存在一个缺陷，那就是在一些机器的一些浏览器上面（应该是大多数情况下）线宽只能设置为1，而不能设置成其他的值。通过网址http
2017-07-21 14:00:11
1416
原创 VR技术在数据中心3D机房中的应用（上）
近年来VR（虚拟现实）这个词越来越频繁地出现在我们生活当中。由于它能带来前所未有的交互体验和沉浸感，VR技术的广泛应用，例如在游戏，影视，数据中心等领域，已经成了一个必然的趋势。
2017-05-31 15:28:03
2669
原创 10个TWaver网页3D可视化精彩案例
以下网页3D案例均为TWaver原创出品，推荐使用Chrome, FireFox, Safari等对WebGL支持良好的浏览器运行。案例排名不分先后，如需Demo，可直接申请试用。
2016-12-09 11:29:05
7494
2
原创 HTML5，不只是看上去很美（第四弹：可交互地铁线路图）
用TWaver HTML5制作的上海地铁图，一个简单实用的小应用，具有纯矢量、可交互、有动态效果、无失真缩放等特点。可以方便扩展各种实用功能，也可以稍加改造应用于高铁、公交等类似图形展示。
2016-11-03 10:12:00
9696
54
原创 打造最美HTML5 3D机房（第四季：大型园区、地球仪效果，及其他扩展）
前言初次见面的朋友们大家好，这篇文章是“打造最美3D机房”系列的第四季，感兴趣的朋友可从头开始观看。这篇文章，主要介绍了如何实现从“地球（地图）”— “园区”— “楼宇”— “机房”的炫酷效果，以及一些其他3D应用的开发思路。欢迎大家一起探讨。
2016-06-27 14:42:03
9020
原创 模型库框架TWaver® Make发布
在我们协助客户进行3D应用的开发过程中，客户遇到的最头疼的问题是如何在短时间内学会使用TWaver 3D引擎，以及使用TWaver 3D来创建和导入项目所需的各种3D业务模型。由于项目涵盖的行业繁多、对模型种类和精度的需求各异，为了降低TWaver底层引擎的使用难度，TWaver发布了一款全新的模型库框架TWaver® Make，来帮助开发者快速创建高质量、专业的行业可视化应用场景。
2016-04-13 17:10:02
2980
2
原创 Legolas工业自动化平台案例 —— 水源地自动化监控系统
最近我们承接了一个水源地自动化监控系统的项目。由于水源地一般都会远离生产、生活区，例如各地的水库、地下水、井等，派驻人员实时进入水源腹地进行数据监测，是不实际的，为了增强监测的实效性，远程的自动化水源监控系统是必不可少的。该系统除了能够监控各种水质指标外，还可以远程监测水源井的工作情况，远程监控水泵工作状态，同时还可以将监测指标以图形显示方式发布到各级监管单位或者管理领导的工作平台或者移动工作终端（平板、手机等）。
2015-11-25 16:34:52
1858
原创 TWaver家族新成员 — Legolas工业自动化设计平台
项目交付以后，我们经常会遇到这种情况：在已经交付的某客户现场，甲方又提出了界面改动需求。通常情况下，需求都不难，但是会超出了当初需求调研以及验收标准中的要求了。而且按照传统的开发流程，撇开时间和费用等问题，界面改动通常需要让后方的美工大人重新调整界面，开发人员进行代码修改，一来一回，耗时耗力。我们近期也遇到了这样的情况，不过得益于项目所使用的Legolas™工业自动化平台，这个改动只花了几分钟就搞定了。
2015-11-25 16:20:13
2179
原创 打造最美HTML5 3D机房（第三季，新增资产管理、动环监控等效果）
前两篇介绍了如何从最基础的webgl封装到创建3d物体对象，再通过3d物体对象“搭积木”式的组建整个3d机房场景，如何在这个场景上进一步丰富更多的功能和呈现效果，以及实现这些功能在技术上的思路。这一篇里，会重点介绍一些业务功能，比如如何显示机柜的利用率和负载，如何处理动环监控的展示效果，包括温度、漏水、视频、门禁等。
2015-10-27 11:11:52
8613
33
原创 打造最美HTML5 3D机房 —— 第二季重磅回归
前情提要前阵子写了一篇打造最美html5 3d机房，介绍了如何用html5在网页上创建无插件的精美3d机房场景。这两个月以来，陆续收到很多朋友的鼓（膝）励（盖），受宠若惊之余，对索要源代码的朋友都已经尽力邮件回复。最近项目第二期又要紧锣密鼓地开始了，所以想抓紧把一些新增的内容补充上，包括如何增加机柜标签、复杂电信设备、走线架和线缆的呈现、机房内的轨迹显示等等。
2015-09-06 17:57:11
10274
53
原创 HTML5第三弹：亦酷亦萌的网络拓扑图
前言前一篇3D机房好像有点火，看来轻量的Web 3D是大势所趋，当时选择WebGL而不是U3D真是灰常英明的抉择。3D虽然炫酷，但在真正的企业应用里，数据、关系的呈现还是要回到传统2D界面，而HTML5是目前的最佳选择。像HTML5的canvas，虽然已经不是什么新鲜技术了，但直接在浏览器中绘制网络拓扑图的逻辑关系，而不需要安装任何插件，对于很多正在更新换代的OSS系统来说，还是很有吸引力的。最近忙
2015-07-16 19:39:14
9115
3
原创 HTML5，不只是看上去很美（第二弹：打造最美3D机房）
前言最近项目开发任务告一段落，刚好有时间整理这大半年的一些成果。使用html5时间还不久，对js的认识还不够深入。没办法，以前一直搞java，对js的一些语言特性和概念一时还转换不过来。上一篇第一弹介绍了项目中做的一个彩虹爆炸图，主要用了 html5的canvas的2d绘制技术。这一回我想介绍一下项目中的一个亮点技术：html5的3D，以及如何用它打造精美的3D机房监控系统。
2015-07-07 13:47:12
25379
210
原创 HTML5，不只是看上去很美 (第一弹：彩虹爆炸图)
25年过去了，Brooks博士著名的“没有银弹”的论断依旧没有被打破。HTML5也是一样。但这并不妨碍HTML5是一个越来越有威力的“炸弹”：发展迅速、势不可挡。随着HTML5技术的普及，用HTML5做可视化呈现的项目越来越多了。HTML5的优势明显：网页上直接运行无需插件、手机平板方便兼容、代码开发和维护相对容易，等等。最近也是应客户需求，打算着手把HTML5可视化好好研究一番，争取不输ECharts和d3。
2015-05-18 15:18:08
9594
27
原创 HTML5实现的矢量卡片式组织结构图
组织结构图（Organization chart）是企业的流程运转、部门设置及职能规划等最基本的结构依据。和客户交流时，不少人都提到需要一个灵活的工具来绘制呈现企业的组织架构，今天就给大家带来一款用TWaver实现的组织结构图，提供多种布局方式，为了清晰呈现组织里每个人的职能，我们定制了名片样式来展示网元。首先来看下整体效果。先来一个经典的上下层级布局：再来一个
2015-05-08 16:29:02
10914
2
原创 用拓扑图呈现多层级关系图（二）
上一篇里我们用TWaver制作了一个公司内部的流程图，这一弹，我们来研究如何呈现出公司内部门和员工间的关系网图。先来看看效果：例子中我们展示的是各部门员工之间的复杂关系图。在公司内部，不仅部门内部员工之间发生着关系往来，部门和部门之间的员工也在发生这各种往来关系。如果你还是用原先的那种表格来呈现，显然很难直观看出各种关系，用图形化的拓扑呈现就会显得一目了然。好了，我们就来分析一下这张图如何
2015-05-04 18:04:58
7352
原创 技术回溯，点阵字库为3D中文字符展示提供新思路
早在遥远的DOS时代，点阵汉字库为计算机处理汉字起到了关键作用。当时的显示器在图形模式下的分辨率只有640x480甚至320x200，显示汉字直接使用点阵字库在屏幕上打点就可以了。如今的电脑屏幕甚至手机、电视屏幕都已经进入视网膜高清屏时代，字体也早使用了矢量化技术。其实在工控机等嵌入式设备领域点阵字库依旧用途广泛。除此之外，前辈们苦心整理的这些HZK12、HZK16、HZK24汉字点阵字库还有什么用途吗？本文我们就尝试用twaver的3d技术来继续发挥这些点阵字库的余热。
2015-05-04 17:58:28
1904
原创 数字图像处理技术在TWaver可视化中的应用
数字图像处理（Digital Image Processing）又称为计算机图像处理，它是指将图像信号转换成数字信号并利用计算机对其进行处理的过程。常用的图像处理方法有图像增强、复原、编码、压缩等，数字图像处理应用领域非常广泛。具体关于数字图像处理的介绍可以参考书籍《冈萨雷斯 数字图像处理》。TWaver作为可视化的利器，如果在展示网元的时候，融入图像处理技术，将会对网元图标的显示增加了灵活性，是一件非常有意思的事情。那么我们不妨来试试，如何将图像处理技术融入进来。
2015-04-16 14:26:48
2609
原创 用拓扑图呈现多层级关系图
大部分拓扑图界面都有显示“分级呈现”的需求。一个复杂的系统或组织，会有很多不同层次的节点和连接关系。如何用图形相对清晰的呈现出来，是一个需要不断探讨的话题。
2015-04-13 11:47:54
10807
2
原创 当ECharts碰到TWaver
百度公司的ECharts发展迅速，已经成为HTML5 Chart的佼佼者，这让大家骄傲：中国人终于也有世界级的开源通用UI产品了。正如其网站所说，它是百度的，是中国的，也是世界的。想想那些年，我们追逐感慨过的chart产品，fusionchart、highchart等等不计其数，随着HTML5的迅速普及和ECharts的疯狂发展，大家可以忘掉那些产品了。其他商业chart产品基本上也离颤抖中关门的日子不远了
2015-03-24 10:06:11
2700
1
TWaver图形界面之道
2012-06-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人