需求文档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:网络流量实时检测地图
这部分也是前端的主要界面,结合二维地图和三维地图展示。一开始给一个总览的地图,通过二维显示,通常高校都有多个校区,这部分就显示校区的大概位置。示例:
在示例的基础上需要增加实时的校区间流量结点链路图
然后可以进入到具体每一个校区,具体校区中展示3D模型地图,同时展示更加细节的流量结点链路图。示例:
以上示例均参考:http://finemaxdemo.fanruan.com/中
FVS大屏编辑模式插件
->智慧小镇
在进入到具体校区(3D地图)后,可以点击查看关键结点的数据(如关键结点的网络端口的请求和响应次数)。类似于示例2中的结点上的框。