城市隐喻

城市隐喻依赖于软件结构和城市之间的相似性，通过以不同的方式实例化了城市隐喻，不同之处在于软件构建的方式及其通过城市隐喻在视觉上描述的特征。

问题

如何在给定的上下文中提供更多的信息？以及如何以直观且不会导致认知超载的方式提供该信息？

解决方案

在以抽象的复杂性查看软件，提供软件的结构和上下文，以帮助观察者解释程序行为的动态方面，避免认知超载。

示例

示例 1：

每个平行六面体的视觉属性代表该类的软件指标：

  • 建筑物的高度反映了方法数量（NOM）——建筑物越高，方法数量越多。
  • 建筑物的基础大小对应于属性数（NOA）——基础越大，属性数越多。
  • 建筑物的颜色映射到行数（LOC）——深蓝色表示几行代码，而浅蓝色表示多行代码。

块代表包。同一个包中的类放在同一个块中。根据包的嵌套级别，块的颜色范围从深灰色到浅灰色。

示例 2：https://github.com/modernizing/codecity

Codecity 示例

  • 颜色 => Git 变更，包括增加、删除、移动、重命名等，
  • 大小 => LOC
let CityInfo = {
    maxLines: 0,
    maxChanges: 0,
    pool: undefined
}

相似方式

银河或太阳系空间隐喻的隐喻、原子隐喻、细胞隐喻或其他地理隐喻

局限性

各种现有工具将动态分析信息从日志文件或在运行时提供给城市可视化事后剖析。无论哪种方式，动态信息在城市隐喻可视化中的利用都少得多。这可能更多是由于 难以提取细粒度的程序执行行为，而不是可视化研究人员如何描绘城市中的动态信息所面临的挑战。

改进/未来

可视化形式：

  • 结合 VR

其它研究方向：

  • 附加静态信息
  • 整合更多动态信息
  • 多人共享观看
  • 多语言城市可视化

参考资源

相关工具

Feature Sets of City-Metaphor Visualizations:

ToolLanguageVRBuildingSrcStaticDymanicInstr
SoftwareWorldJavaMaverikfunctionn/aLOC, #methods, public/private, #parameters, param. typesn/an/a
ComponentyXMLVRMLcomponentn/afunc. attributesn/an/a
CodeCitySmallTalk Java C++n/aclassn/a#methods, #attributes, package struct.n/an/a
Vizz3DC/C++n/afunctionn/aLOC, complexity, call graphs, contains, inheritance str. conn. comp.gprofnone (-pg)
VizzAspectJJava AspectJn/aclass aspectn/a#methods, #pointcuts #advicesn/an/a
EvoStreetsJavan/aclassn/amodule age, coupling, #dependencies, module size, last mod. date, authorn/an/a
SynchroVis ExplorVisJavaRiftclassn/ainheritance, implementation, associationinstances calls thread opKieker traces
CityVRJava/C++ViveclassyesLOC, #methods, #attributesn/an/a
VR CityJavaViveclassyesLOC, #methods, author, couplingtrace loc.inTrace traces
Code ParkC#n/aclassyessize, method namesn/an/a
High-RiseJavan/afunctionnon/atimeASM injection
LD-CityLD-Rn/a(dynamic)n/a#instance, #propertiesn/an/a

参考论文

  • 《The City Metaphor in Software Visualization》城市隐喻已成为可视化程序代码属性的流行方法。 本文概述了将此隐喻用于广泛的软件工程任务的研究项目。 到目前为止，使用城市隐喻的项目主要集中在可视化软件存储库的静态和半静态属性，例如了解程序的源代码结构如何随时间变化，以及谁在改变什么。 本文比较了这些现有的代码城市，并提出了未来研究的可能途径。
  • 《On the use of virtual reality in software visualization: The case of the city metaphor》