基于数据的可视化资产管理系统的相关设计

随着计算机技术、网络技术、信息技术的飞速发展， 人们对互联网环境下数据的呈现提出了更高的要求， 传统的以表格为主的呈现方式已难以满足人们多样化的需求。为了适应网络大数据时代背景下信息的充分挖掘再利用， 数据可视化的研究逐渐得到越来越多的重视。国外数据可视化技术的研究起步较早，目前已经在军事、电力、金融、商业、交通、通信、物流等领域内得到了广泛的应用。近几年，我国的数据可视化技术研究与应用取得了很大的进步，数据可视化技术逐步深入到各行各业。

本文针对单位资产管理的现状， 把可视化技术与单位资产管理系统相互结合， 设计了可视化的资产管理系统。与传统的资产管理系统相比，可视化的资产管理系统具有更加直观的表现形式， 能更好地展现出资产数据之间的相互关系， 挖掘出数据背后隐含的信息。基于数据的可视化资产管理系统，能有效地提高资产管理效率。

1 数据可视化

1.1 数据可视化的定义

数据可视化就是利用计算机强大的运算处理能力，综合图像处理、计算机图形学等技术，把海量的数据以静态的或者动态的图形形式展现给用户，在呈现给用户图形的同时， 支持图形与用户之间的交互。数据可视化的实质就是以图形化的方式直观、形象地展示数据的特征、数据之间的关系以及发展趋势等， 从而挖掘出数据背后隐藏的信息， 为人们分析、理解、利用数据提供强有力的技术支撑。为了增强用户的体验度， 数据可视化应该朝着四个方向努力：a)直观化。能形象、直观地展示数据。b)关联化。能挖掘、分析出数据之间的内在联系。c)交互性。能实现用户、数据之间的交互，用户对感兴趣的数据能进行深度挖掘呈现。d)艺术化。能从审美的角度， 美化数据的呈现样式， 增强数据的呈现效果。

1.2 数据可视化的过程

数据可视化的过程主要包括数据获取、数据分析、数据过滤、数据挖掘、数据表述、 ☺数据修饰和数据交互七个步骤。数据获取是指通过传感器或者人工操作的方式对数据进行采集， 采集的数据作为数据源提供给计算机处理; 数据分析和数据过滤是指对采集到的数据提取有用信息形成ค概括性结论， 并进行结构化处理的过½程; 数据挖掘是指运用数据挖掘算法，对数据进行分类、归纳，从数据集中挖掘出数据的典型特征;数据表述是用规范化的语言格式，以图、表、动画等形式进行呈现的过程，为了增强用户的体验度，一般辅以颜色、过滤等渲染形式对数据进行修饰;数据交互实现数据与用户相互操作，使数据能响应用户的请求。

目前数据可视化的主要方法有基于Java Applet的轻量级Web 动态图表、面向网络应用的SVG矢量图以及基于JavaScript 的第三方控件等。基于JavaScript 的第三方控件支持Java、HTML、PHP、aspx 等开发语言， 兼容大多数主流浏览器，是数据可视化的首选。

2 资产管理系统

资产管理系统是借助计算机技术， 利用信息化的管理手段，对资产的增加、修改、入库、出库、维修、查询、借用、归还、调拨、领用、故障、报废等情况进行管理，为单位进行资产全程跟踪，发挥资产的使用效益，提高工作效率。

2.1 系统架构

系统采用B / S 架构，以Web 技术为核心，参照软件工程的思想，进行层次化设计，通过浏览器这种瘦客户端模式提供用户操作界面， 便于用户访问和查看系统信息。Web 技术成熟地应用到资产管理，具有较高的可移植性和通用性。固定资产管理系统具有资产管理、耗材管理、维修管理、报表中心、系统管理等功能。系统的总体结构如图1 所示，分为基础层 ツ、数据层、支撑层和表示层。

1)基础层包含资产、耗材、网络、服务器、存储设备等系统运行的基础设备设施和基本条件。

2)数据层包含系统运行的各种数据库。在资产管理系统中， 系统运行的数据库分为固定资产数据库、耗材数据库、资产厂家数据库、资产状态数据库、用户数据库、可视化图形库等。

3)支撑层位于表示层和数据层之间，为系统提供访问数据库的统一访问接口，有资产管理、耗材管理、维修管理、报表中心、系统管理等主要功能。支撑层处理前端用户的查询等访问请求， 并把请求的结果返回到表示层。

4) 表示层以Web 方式为用户提供访问系统的可视化人机交互界面以及多样化的数据呈现界面。

2.2 系统功能

在传统的B / S架构的资产管理系统中，当用户访问系统时，客户端根据用户的操作产生不同的参数提交给服务器端， 服务器根据客户端不同的请求参数，执行相应的动作，进行请求响应，并把响应的结果以DataTable、DataSet 等格式化的数据列表形式返回给客户端， 由客户端的数据呈现控件进行呈现， 客户端的呈现方法大部分都是列表的形式。在可视化的资产管理系统中，服务器端响应客户端的请求结果以XML 、JSON或者其他的数据格式送给XML / JSON 数据解析器， 解析后的数据交由Java Applet、SVG 或其他第三方可视化呈现控件在客户端进行二维或者三维可视化呈现。在客户端可视化的呈现支持与用户之间的交互等操作。

3 可视化资产管理系统实现

系统采用MySQl 数据库，在ASP.NET 环境下进行开发，开发时综合利用HTML、CSS、JavaScript、Ajax 以及SVG 和Web前端可视化呈现等技术。在服务器与客户端的交互方面， 尽可能使用WebServices、ashx、JavaScript 方法，避免在服务器端处理大量数据，减轻服务器的压力，提高客户端的访问速度。

系统按照楼房楼层机房/ 实验室装备四级的顺序， 逐级呈现出资产的具体位置以及当前情况。第一级是楼房的呈现，在这级里面，要呈现出单位的平面图， 在平面图上楼房的区域建立可以与用户交互的热点区域;第二级是楼层的呈现，在每座楼房每层建筑平面图上的机房或者实验室的位置建立可以与用户交互的热点区域; 第三级是机房/ 实验室的呈现， 在每个机房或者实验室的平面图上呈现机房的布局等可视化视图， 建立可以与用户交互的热点区域;第四级是装备，用户通过点击装备的图标呈现装备的具体细节。

采用SVG 技术实现用户与资产位置布局图的交互式设计。SVG 基于XML 标准，以文本的形式描述矢量图形，可以很好地兼容HTML、CSS 等标准，具有图形质量高、占用存储空间小、动态交互性好、传输快的优点。SVG 继承了XML 的动态交互功能，能响应用户的鼠标事件。在交互式设计中，首先根据建筑物的AutoCAD 图纸生成SVG 格式的图形文件或者JPG 图像文件， 然后在SVG 文件编辑器中使用path 图形元素， 勾勒出要与用户交互的热点区域， 再对勾勒出的热点区域设置mouseover 和mouseout 属性。

然后编写path 响应鼠标onclick 事件goURL的JavaScript 代码：

添加了用户交互代码的SVG 图形文件另存为jzt.svg，在HTML 页面中用方式引用。

当用户的鼠标停放在客户端的建筑物布局图上机房所在的区域时，所在区域块的颜色将高亮显示;当用户点击该区域块ฉ时， 客户端向服务器端发起访问请求，服务器根据客户端的参数调用ashx 一般处理程序。ashx 程序通过访问数据库的统一接口实现对数据库的访问， 访问数据库的结果序列化为标准的JSON 格式的数据返回到客户端。客户端对JSON格式的数据反序列化后， 调用第三方可视化控件进行可视化呈现。在客户端，除了显示资产所在位置的建筑平面图外，还以饼状图、柱状图、气泡图显示资产的情况。

4 结束语

在大数据的时代背景下， 人们对数据的运用提出了更高的要求。数据可视化技术能够把海量的数据转换为可以与用户交互的静态或者动态图像的形式进行呈现。本文从数据可视化技术的概念出发，研究了基于B / S 结构的可视化资产管理系统的设计及实现方法。这种可视化的资产管理系统为人们分析数据、理解数据、运用数据、形成决策提供了有力手段，能有效提高资产管理效率。