基于SVG的软件程序结构可视化研究与应用

摘要

随着近年来软件行业的高速发展，软件的规模不断增大，复杂度也不断提高，使得软件的开发、测试和维护难度越来越大。软件可视化技术用图形的方式展示软件结构信息，能帮助软件开发人员处理复杂软件系统和提高程序理解效率。针对程序结构的图形化表示，本文提出了基于SVG（Scalable Vector Graphics，可伸缩矢量图形）的程序结构可视化方法，并从以下几个方面做了较为深入地研究：
　　首先，根据软件可视化的参考模型，确定了程序结构可视化的体系架构，分别从数据层、解析层、绘制层和显示层展现可视化的业务逻辑。根据体系架构制定了程序结构可视化的实现流程，并且研究了可视化实现过程中的关键技术— SVG文档的生成。
　　然后，进行了程序结构信息中间存储结构的设计，采用7个度量指标对原有5个度量指标的可视化映射图元节点设计进行了改进，为之后可视化图形的具体绘制实现做好了准备。
　　同时，在程序结构的可视化实现上，分别用函数调用关系图和程序控制流程图两种视图来表示程序结构信息。
　　（1）在函数调用关系图的实现上，增加了函数分组思想来解决函数隔离显示和按组操作问题，以中间语言DOT为基础，以SVG文档为图形描述语言进行图形绘制。
　　（2）在程序控制流程图的实现上，对现有的流程图表示方法进行分析，结合标准流程图和N-S图的特点，基于程序块设计了一种新的流程图表示方式。用中间语言XM L表示程序块信息，通过SVG文档为图形描述语言进行图形绘制。
　　最终在QT平台下进行图形的显示和图形的交互。实现程序结构的可视化图形绘制，增强了复杂程序的可理解性，可辅助提高软件测试与维护的效率。

目录

声明

1绪论

1.1研究的背景与意义

1.2国内外研究和应用现状

1.3课题研究内容与预期目标

1.4论文组织结构

2 程序结构可视化体系架构与关键技术

2.1 程序结构可视化体系架构

2.2 程序结构可视化整体实现流程

2.3关键技术

2.4本章小结

3基于SVG的程序结构可视化系统设计与实现

3.1数据源存储结构设计

3.2图元节点设计

3.3函数调用关系图的绘制和显示

3.4程序控制流程图图元设计及绘制显示原理

3.5相关图形交互操作的设计

3.6本章小结

4实例

4.1课题开发平台及相关技术

4.2实验数据存储呈现

4.3实验结果图呈现

4.3本章小结

5总结与展望

5.1本文工作

5.2工作展望

致谢

参考文献

攻读硕士学位期间参与的项目