视频客户端监控数据的可视化技术研究与应用

发布时间：2017-04-08 19:03

  本文关键词：视频客户端监控数据的可视化技术研究与应用，由笔耕文化传播整理发布。

【摘要】：随着体育视频网站的兴起，用户观看体育赛事，不再拘泥于到比赛现场或者坐到电视机、电脑前观看，用户可以使用手机、平板电脑等移动设备，随时随地点击视频观看。视频网站管理者关心有多少用户访问网站，有哪些地区的用户在观看视频，，视频内容的受欢迎程度等等。视频客户端不间断的发送消息，后台服务器采集数据并将其存储。通过对这些数据进行统计分析，并对分析的结果进行数据可视化，能够将晦涩难懂的数据图形化，从而发现数据的深层含义，帮助运营商更好地管理视频网站。 结合某体育赛事直播网站的实际需求，视频客户端监控数据的可视化系统的主要难点包括：如何保证图形图像在不同分辨率的屏幕上都能任意显示，并且在放大或者缩小时，图形图像仍能清晰显示；如何缩减图像文件的尺寸，从而节省存储空间和减少下载时间；以及如何解决数据的实时传输问题。论文主要采用Ajax轮询技术和Highcharts.js技术，解决了上述难点。Highcharts.js是一种基于SVG（可扩展矢量图形）的交互性图表生成技术。SVG的可扩展特性使得图形图像能在不同分辨率的屏幕上任意显示，并且在放大或者缩小时，图形图像仍能清晰显示；SVG的矢量图形特点使得集成了SVG的XML文档更小，节省存储空间，提高下载速度。Ajax作为一种创建交互式网页应用程序的技术，以频繁请求的方式保持浏览器和服务器端数据的同步，从而实现了监控数据的实时传输。 论文首先介绍了课题的研究背景、国内外研究现状、研究内容。其次对论文中使用的SVG技术、Highcharts技术、Ajax技术进行详细介绍。然后分析视频客户端监控数据的可视化系统的需求，将系统分为实时数据可视化和历史数据可视化两部分。在实时数据可视化部分，利用曲线图、表格等图表，对在线人数、观看时长、比特率、受欢迎的视频等数据进行可视化，同时为了管理众多的仪表盘，开发了仪表盘管理功能；在历史数据可视化部分，对最近的历史数据进行统计分析，利用曲线图、柱状图等图表，对视频播放次数、最大在线人数、CDN流量、比特率等数据进行可视化。论文最终实现了视频客户端监控数据的可视化系统，并在此基础上进一步研究了WebSocket技术的应用。WebSocket摆脱了传统的Web的请求/响应模式，实现了客户端和服务器的双向通信,为突破实时监控数据可视化系统实时性的瓶颈，提供了新的解决方案。
【关键词】：视频数据 数据可视化 Highcharts Ajax WebSocket
【学位授予单位】：东华大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP393.092
【目录】：

• 摘要2-4
• ABSTRACT4-8
• 第一章 绪论8-11
• 1.1 选题研究背景8-9
• 1.2 国内外研究现状9
• 1.3 研究内容9-10
• 1.4 论文结构10
• 1.5 本章小结10-11
• 第二章 相关技术介绍11-21
• 2.1 数据可视化技术综述11-13
• 2.1.1 数据可视化分类11-12
• 2.1.2 数据可视化研究方法12-13
• 2.2 基于 Web 的数据可视化技术13-16
• 2.2.1 SVG 概述13
• 2.2.2 SVG 特点13-15
• 2.2.3 SVG 组成15-16
• 2.3 基于 SVG 的数据可视化工具 Highcharts16-18
• 2.3.1 Highcharts 简介16-17
• 2.3.2 Highcharts 主要组成17-18
• 2.4 Ajax 轮询技术分析18-19
• 2.5 WebSocket19-20
• 2.6 本章小结20-21
• 第三章 视频客户端监控数据的可视化分析21-25
• 3.1 可行性分析21
• 3.2 功能需求分析21-23
• 3.2.1 实时数据可视化21-23
• 3.2.2 历史数据可视化23
• 3.3 性能需求分析23-24
• 3.4 本章小结24-25
• 第四章 视频客户端监控数据的可视化系统设计25-35
• 4.1 系统功能结构25
• 4.2 实时数据可视化平台详细设计25-31
• 4.2.1 商业智能仪表盘26-28
• 4.2.2 不同屏幕设备28-29
• 4.2.3 收视率29
• 4.2.4 比特率29-30
• 4.2.5 内容分发网络30
• 4.2.6 用户观看记录查询30-31
• 4.3 历史数据可视化平台详细设计31-33
• 4.3.1 收视率31-32
• 4.3.2 内容32
• 4.3.3 内容分发网络32-33
• 4.3.4 比特率33
• 4.4 本章小结33-35
• 第五章 视频客户端监控数据的可视化系统实现35-55
• 5.1 Ajax 轮询技术的应用35-39
• 5.2 Highcharts 技术应用39-40
• 5.2.1 Highcharts 文件结构39
• 5.2.2 Highcharts 配置与使用39-40
• 5.3 数据可视化功能实现40-54
• 5.3.1 仪表盘管理功能实现40-43
• 5.3.2 表格数据可视化实现43-47
• 5.3.3 柱状图数据可视化47-53
• 5.3.4 曲线图数据可视化实现53-54
• 5.4 本章小结54-55
• 第六章 WebSocket 技术研究55-61
• 6.1 概述55
• 6.2 WebSocket 与传统数据传输技术比较55-57
• 6.2.1 传统数据传输技术55-56
• 6.2.2 传统解决方案的困境56-57
• 6.3 WebSocket 技术机制介绍57
• 6.4 WebSocket 性能测试57-60
• 6.5 本章小结60-61
• 第七章 总结与展望61-63
• 7.1 论文总结61-62
• 7.2 未来展望62-63
• 参考文献63-65
• 致谢65

【参考文献】

中国期刊全文数据库 前10条

1 温照松;易仁伟;姚寒冰;;基于WebSocket的实时Web应用解决方案[J];电脑知识与技术;2012年16期

2 涂聪;;大数据时代背景下的数据可视化应用研究[J];电子制作;2013年05期

3 原野,沈钧毅,何姝;SVG技术在统计图表中的应用研究[J];计算机工程与应用;2002年17期

4 刘勘,周晓峥,周洞汝;数据可视化的研究与发展[J];计算机工程;2002年08期

5 万本庭;陈明;;基于SVG的矢量图形库管理模型[J];计算机工程;2006年03期

6 周强中,谈俊忠;SVG在WebGIS中的应用[J];计算机应用研究;2003年01期

7 杨斌;张利欣;章立军;时鹏;;基于SVG的Web远程实时监测客户端研究[J];计算机应用研究;2010年06期

8 周宁;张弛;张会平;;信息可视化与知识检索系统设计[J];情报科学;2006年04期

9 魏应彬,林遍地,张树亮;新一代网络图像标准SVG[J];现代计算机(专业版);2002年02期

10 肖昕;SVG的发展与应用[J];计算机系统应用;2005年11期

中国硕士学位论文全文数据库 前2条

1 徐法强;基于SVG的矢量图表生成系统的设计与实现[D];四川大学;2005年

2 何岩;基于AJAX/SVG的EMS Web监视系统的研究[D];西南交通大学;2008年

  本文关键词：视频客户端监控数据的可视化技术研究与应用，由笔耕文化传播整理发布。

本文编号：293486