实现Web物联网监控系统中的实时动画


“物联网概念”是在“互联网概念”的基础上,将其用户端延伸和扩展到任何物品与物品之间,进行信息交换和通信的一种网络概念。其定义是:通过射频识别(RFID)、红外感应器、全球定位系统、激光扫描器等信息传感设备,按约定的协议,把任何物品与互联网相连接,进行信息交换和通信,以实现智能化识别、定位、跟踪、监控和管理的一种网络概念。

SCADA(Supervisory Control And Data Acquisition)系统,即数据采集与监视控制系统。SCADA系统广泛应用于电力、石油、水利、环保、智能楼宇等行业中,对生产、管理的自动化提供现场数据以及控制的技术手段,也是所谓物联网的核心所在。 现代的SCADA系统主要都是由:以测控技术提供的现场传感器,现场采集动作单元,数据传输通道,以及计算机为中心的主站系统组成的。

实现Web物联网监控系统中的实时动画

Web SCADA系统与传统的SCADA系统有哪些优势

具有以下优点具

1) 可以远程访问,使用户虽远离现场,亦可处处关心

2) 报警方式的多途径实现,不仅能在SCADA监控系统中显示,还可以通过传呼、E_Mail甚至手机短信实现

3) 一个用户可监控多个过程,使过程控制人员不再分身乏术;多个用户可以监控同一过程,真正实现了数据的开放性及过程信号的透明化

4) 仪器虚拟化,操作简单,不仅可以进行现场数据记录,更可以进行智能化分析  

5) 多种仪器、多种控制系统的协同工作,使全局自动诊断能力增强

 Web Scada系统架构中难点

一般的Scada系统包括图形界面、设备管理、变量管理、脚本管理、设备驱动、事件管理和数据库存取等几个重要的模块。而图形界面与动画
又是核心中的核心。组态软件的图形界面基本上都采用矢量图形系统。对于矢量图形的开发,有各种各样的技术, 有SVG技术的, 有基于VML技术的。
还有使用最新的HTML5技术的。在本系统中,我们采用的是多比图形控件。本文对矢量图形系统的基础知识不做介绍,
只是介绍适量图形系统中很多用户比较关心的两个问题:  如何实现图形的组合功能和动画效果。

如何实现图形的组合功能

多比图形控件高级版中提供可视化的图元编辑器,在图元编辑器中, 用户可以用线段,长方形,圆形,路径等组成复杂的图元图形。

实现Web物联网监控系统中的实时动画

用户只需要打开《多比可视化的图元编辑器》, 将线段,长方形,圆形等拖拽到展示区,即可完成多个图元的组合。在日常用到的图元库中,常用的设备有、变压器、传送带、电流计、电力的设备包括刀闸、开关、温度计、液压容器等等,这些元件一定是可以动作的,也是应该包含很多设备属性的,多比图形控件提供了自定义属性的功能,您不仅可以自定义存储属性(如设备编号, 资产编号, 生产厂家、型号、生产地等信息),也可以自定义和界面相关的属性。

 实现Web物联网监控系统中的实时动画

如何实现图形的动画功能

  下面是一个常用的这个刀闸元件。我们可以给他自己定义一个属性onOff,只要改变此值,使之等于0或者1,刀闸就可以呈现开或分的状态。以下是Javascript实现的代码。

setOnOff:function(v){
 if(this.onOff != v){
 this.onOff = v;
 var main = this.getChild("main");
 if(v){
 main.setToY(0);
 }else{
            main.setToY(10);
        }
    }
}

又如一个泵,我们可以给他定义一个属性stop, 只要改变该值,可以让他不停的旋转。

var a1 = sa.getShapeByPath("fah-" + i);
						if(a1!=null){
							a1.startAnimation(1, {rotation:"360", repeat:-1});
						}

 

 
上一篇 下一篇

评论



分享