基于HTML5的多源数据中心数据可视化研究

基于HTML5的多源数据中心数据可视化研究

崔艳林

132336197811300214

摘要：基于HTML5的多源数据中心在互联网等高科技技术支持下逐渐实现了数据可视化，为以数据为信息化的核心基础设施、供配电系统等提供数据依据及技术支撑，并成为综合布线系统、空调新风系统、照明系统等的基础性数据支撑系统，具有较强的复杂性及综合性特点，在各种系统管理及维护中都起到了不可代替的积极作用，所以机房管理、软件系统管理、硬件设备管理等领域都积极引进和利用基于HTML5的多源数据中心。对此，本文基于相关文献，对基于HTML5的多源数据中心及其可视化进行了简要分析。

关键词：基于HTML5的多源数据中心；数据可视化；系统设计

现如今，在各种信息网络技术支持下各大领域都逐渐实现信息化网络化发展，还在生产及管理等方面实现了数字化及智能化。基于HTML5的多源数据中心是目前应用范围较广的数据处理及管理系统，也是实现数字化发展的关键，很多领域都基于HTML5建立了符合行业发展的多源数据中心，以实现数据及信息共享的同时，还实现数据可视化，从而促进各领域发展。

数据可视化已经成为多源数据中心的发展必然趋势，所以基于HTML5的多源数据中心必须借助各种数字技术及网络信息技术去实现数据可视化，以此来弥补多源数据中心在综合型管理、数字化监控等方面的不足，并优化多源数据中心的系统功能，从而满足各种数据服务需求，实现系统可视化模拟、可视化管理操作、服务器数据可视化等。

1基于 HTML5构建多源数据中心的主要原因

第一，能够将数据转变为三维化图形及各种特效，HTML5是基于SVG、Canvas、WebGL及CSS3形成的一种数据管理系统，具有三维功能。第二，本地存储量非常大且信息反馈速度快。基于HTML5构建的多源数据中心，不仅启动时间大幅度缩短，还提升了数据信息反馈速度，更增加了数据储存量。第三，能够实现数据信息音频化及视频化。在HTML5支持下，网页端的Audio、Video 等众多多媒体功能都能够预数据中心功能互补，从而实现对数据信息的音频化及视频化。第四，能够提高用户体验，基于HTML5的多源数据中心不仅能够音频化及视频化数据信息，还能够三维化数据信息，从而实现了数据可视化，这样一来用户就能够很直观地了解各种数据信息，为用户提供了很多便利，从而提高了用户体验[1]。

2基于HTML5的多源数据中心构成及数据可视化相关技术

2.1数据中心构成

包括供电配电系统、综合布线系统、空调新风系统、照明系统、安全防范系统、环境动力监控系统、消防系统等。其中供电配电系统由电源、电力线路接入、配电柜等组成；综合布线系统由各类机柜、网线、桥架等组成；空调新风系统由风机、风管、机房精密空调等组成；照明系统由各类电灯组成；安全防范系统由视频监控专用设备、入侵报警设备等组成；环境动力监控系统则由配电监控设备、安防检测设备等组成。

2.2数据可视化相关技术

（1）基于命令行的数据中心管理技术。其原理是利用网络稳定的计算机信息系统对数据中心进行管理，主要通过下达命令的方式进行管理，相关管理命令见表1。

表1数据中心常用管理命令

（2）2D数据中心管理技术。主要利用专用网络系统及管理软件将数据信息转变为2D图像或者表格，然后通过下达命令的方式查看相关图像及网络，最后进行数据管理的技术，常用的管理软件及其功能见表2。

表 2 数据中心管理软件及功能

其中Cacti软件具有基于 MySQL的数据库，可用于图形化分析、网络流量监测、数据描绘、用户验证、查找多个脚本、给用户提供软件报告等；Nagios可用于网络监视（包括Windows系统、Linux 系统、Unix 系统、交换机、路由器等监控）、分析网络信息、服务检查等；Veeam可用于软件备份、虚拟化环境、恢复数据等，具有操作简单、兼容性强等优势；Ansible属于自动化运维工具，可用于批量系统配置、批量程序部署及管理、模块运作、跟踪监控、数据自动等；Chef属于一种自动化管理软件，可用于自动化配置管理、配置脚本、虚拟模型建立、创建指令等[2]。

（3）3D 可视化技术。包括基于unity3D、 HTML5的3D建模等，3D建模的原理在于利用3D可视化软件或者系统将数据信息转变为三维图形，然后在该基础上建立3D模型，具有很强的空间感、三维效果、立体感及色彩感。

3基于HTML5的多源数据中心数据可视化系统设计

包括3D模型创建、模型操作、服务器数据可视化（设计框架见图1）。

图1数据可视化系统设计框架

3.1 3D模型创建

首先，搭建3D画布，然后逐一添加完善每一个3D模型，并确定坐标、添加墙体及纹理图。其次，在模型添加身份验证数字开关、服务器管理命令、编辑器数据导出及导入命令，以便于将数据导入3D画布。最后，完善多源数据中心管理制度，并针对3D模型创建工作要求完善相应的实验室管理制度等，以确保3D模型顺利创建

[3]。

3.2模型操作

模型创建后需要设计模型操作流程、标准等，主要设计双击、拖拽等便捷性操作。例如镜头的双击切换可方便操作人员观察与管理数据中心；门的双击开关能让模型更真实；机柜的双击开关与类似。

3.3服务器数据可视化

构建数据可视化系统后还需要配套相应的数据服务器、数据信息管理系统、数据监测系统等，以便于操作者能够快速获取数据信息，并辨别、分类、管理、分析和应用数据信息。例如配套CPU、sata/ssd盘、网络连接交换机等，都可实现数据传输、监测及管理，通过报警服务器还能够快速发现并解决问题[4]。

结语

基于HTML5设立多源数据中心，不仅能够快速收集各种数据信息，还能够对各种数据信息进行分类、管理及分析，并从数据信息分析中判别各种问题，最后解决问题，促进发展。基于HTML5的多源数据中心与小型数据中心相比，除陡增信息量以外，还能够反映全面性的问题，并对数据信息进行分布式集中管理， 让数据信息能够向更大范围的共享资源演变，最终实现数据信息共享及高效利用。当代数据中心还应用到了安全技术、标准化技术及虚拟化技术等，逐渐实现了数据可视化，使数据信息的作用及价值得到最大限度发挥。因此，上文基于对多源数据中心的了解，从数据可视化相关技术、数据可视化系统设计等方面研究了基于HTML5的多源数据中心数据可视化。

参考文献

[1]毛文杰. 基于HTML5的多源数据中心数据可视化[D].电子科技大学,2017.

[2] 陈永青,史晨超. 数据中心3D可视化机房管理[J]. 中国金融电脑,2018(1):82-85.

[3] 宋文文,王珺,杜晔,等. 基于粒子群优化的数据中心负载均衡机制[J]. 南京邮电大学学报（自然科学版）,2019,39(5):81-88.

[4] 朱艳. 新疆天文台可视化数据传输系统设计与实现[D]. 中国科学院大学,2019.