需求文档v1.0


需求文档v1.0

一、项目主题

网络流量可视化展示大屏

关键词:可视化网络流量模拟3D地图大屏展示多视图可交互

二、背景

针对特定场景,结合3D地图实时监测网络流量,并将流量按不同的维度进行可交互的多视图可视化展示,以便分析网络流量的特点,发现数据的内在规律。拟采用虚构的高校校区分布和高校3D模型来作为应用场景。

三、项目实现流程

流程图

关键流程1:流量的获取

模拟生成网络流量,需要对真实的流量进行模拟,体现出一些特征(周期性、峰值等)。

p.s.可以使用第三方开源工具实现

关键流程2:数据处理

将模拟的网络流量数据进行处理,获得7个主要的特征维度:源地址 (srcIP)、源端口 (srcPort)、目的地址 (destIP)、目的端口 (destPort)、连接数 (link)、字节数 (destTotalBytes) 和包数 (destPackets)

关键流程3:可视化视图(重点)

1.周期性视图(重中之重)

参考论文:Enhanced_Interactive_Spiral_Displa用螺旋线来展示周期性特征。

2.基于特征(源地址、目的地址等)的聚类视图
3.基于时间的流量大小视图

p.s.可以对以上的视图进行补充

关键流程4:多视图

在流程3中得到的多个针对不同特征的可视化单一视图可以通过Web前端进行交互。

关键流程5:网络流量实时检测地图

这部分也是前端的主要界面,结合二维地图和三维地图展示。一开始给一个总览的地图,通过二维显示,通常高校都有多个校区,这部分就显示校区的大概位置。示例:

在示例的基础上需要增加实时的校区间流量结点链路图

示例1

然后可以进入到具体每一个校区,具体校区中展示3D模型地图,同时展示更加细节的流量结点链路图。示例:

示例2

以上示例均参考:http://finemaxdemo.fanruan.com/FVS大屏编辑模式插件->智慧小镇

在进入到具体校区(3D地图)后,可以点击查看关键结点的数据(如关键结点的网络端口的请求和响应次数)。类似于示例2中的结点上的框。


文章作者: LorraineLai
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 LorraineLai !
评论
  目录