基于Web技术的三维客流呈现系统

发布时间：2021-12-09 08:21

　　传统的客流呈现系统通常以数字和图表的方式呈现客流数据,这种方式对于使用者来说不够直接,操作体验也较为一般。基于Web技术的三维客流呈现系统是一款使用Web技术在浏览器上运行的应用程序,其目标是为用户提供播放式的三维客流呈现,同时保证系统的高效运行。基于WebGL技术,浏览器可以高效地呈现三维内容,以丰富其显示效果。同时,利用单页面技术,可以让Web应用开发变得更加结构化,也提升了 Web应用的可预测性和可维护性。此外,使用HTML5的Web Workers技术,可以进一步提高基于JavaScript的Web应用的运行性能。本文利用WebGL、单页面应用和Web Workers等Web技术,构建了一款高效、直观、易用的三维客流呈现系统。论文首先介绍了相关的背景知识和课题意义;对系统的整体需求进行了完整的阐述;以此为基础对系统进行总体设计,其中提出的增量式数据存储方案和Web Workers池动态管理方案是论文在系统性能优化方面提出的关键技术,同时也是本文的主要创新工作;论文随后对系统功能和关键技术的具体实现原理进行了详细的阐述;通过功能和性能测试验证了系统的实现效果;最后对论文工作进行总... 

【文章来源】：北京邮电大学北京市 211工程院校 教育部直属院校

【文章页数】：82 页

【学位级别】：硕士

【部分图文】：

图３－１无状态组件示意图??

｝??用户点击播放控制按钮将会调用ｈａｎｄｌｅＣｌｉｃｋＰｌａｙＣｏｎｔｒｏｌ方法，方法内部会根??据当前的播放状态给出对应的下一个状态，播放状态的迀移如图４－１所示。方法??ｈａｎｄｌｅＣｌｉｃｋＰｌａｙＣｏｎｔｒｏｌ会发出对应的Ａｃｔｉｏｎ，并携带新的播放状态彳目息。??：临时暫停???平’．??拖动进度条结束拖动进度条开始??严一?辟翻柳?丄－－?結ｇ赖ａ?，＿??０?？初始化一＾＾摆放；?暂停??、一＇点击搶放按银??播放结束?点击重播按钮??）?停止?｜??图４－１播放状态迁移的状态机图??当用户开始拖动进度条时，ｐｏｉｎｔｅｒＳｔａｔｕｓ会被设置为“ｈｏｌｄ”，此时播放不再??进行。用户拖动进度条移动时，ｈａｎｄｌｅＭｏｕｓｅＤｒａｇＰｏｉｎｔｅｒＭｏｖｅ方法会实时检测鼠??标的位置，进度条的位置也会跟随鼠标移动，其偏移量将被记录到Ｓｔｏｒｅ的状态??树中。当用户松开鼠标按键后，ｐｏｉｎｔｅｒＳｔａｔｕｓ会被被设置为“ｌｏｓｅ”，然后调用??ｐｌａｙＦｒｏｍ方法，该方法会将用户拖动进度条后所ｆｆ■留的时间点作为发出的Ａｃｔｉｏｎ??的参数。Ｓｔｏｒｅ在接收到Ａｃｔｉｏｎ之后

＞?组件交互功能测试??组件交互功能测试主要测试在给定的操作下，组件能否正常地做出响应。以??时间轴组件为例，对其进行如下操作，结果如表５－１所示，效果符合预期。????表５－１时间轴交互测试结果???播放状态?点击播放控制按钮?拖动进度条???初始状态?开始播放?可以拖动，松开后不自动播放??播放?暂停播放?可以拖动，松开后继续播放??暂停?继续播放?可以拖动，松开后不自动播放??＾束?Ｉ重新播放?Ｉ可以拖动，松开后不自动播放??

【参考文献】：
期刊论文
[1]Web3D可视化技术的研究与应用[J]. 卞敏捷,高珏,高洪皓,许杰品.  计算机技术与发展. 2015(06)
[2]Web前端性能优化方案与实践[J]. 王成,李少元,郑黎晓,缑锦,曾梅琴,刘慧敏.  计算机应用与软件. 2014(12)
[3]高并发Web应用系统的性能优化分析与研究[J]. 王亚楠,吴华瑞,黄锋.  计算机工程与设计. 2014(08)
[4]基于REST的面向资源Web应用架构参考模型[J]. 贺海梁,袁玉宇.  软件. 2012(11)
[5]基于WebGL技术的网络三维可视化研究与实现[J]. 刘爱华,韩勇,张小垒,陈戈.  地理空间信息. 2012(05)
[6]HTML5——下一代Web开发标准研究[J]. 刘华星,杨庚.  计算机技术与发展. 2011(08)



本文编号：3530292