[1]肖英剑,揭安全*,李宏伟*,等.一种增强代码理解的代码可视化工具JavaCity[J].江西师范大学学报(自然科学版),2023,(06):652-660.[doi:10.16357/j.cnki.issn1000-5862.2023.06.13]
 XIAO Yingjian,JIE Anquan*,LI Hongwei*,et al.JavaCity:A Code Visualization Tool to Enhance Code Understanding[J].Journal of Jiangxi Normal University:Natural Science Edition,2023,(06):652-660.[doi:10.16357/j.cnki.issn1000-5862.2023.06.13]
点击复制

一种增强代码理解的代码可视化工具JavaCity()
分享到:

《江西师范大学学报》(自然科学版)[ISSN:1006-6977/CN:61-1281/TN]

卷:
期数:
2023年06期
页码:
652-660
栏目:
信息科学与技术
出版日期:
2023-11-25

文章信息/Info

Title:
JavaCity:A Code Visualization Tool to Enhance Code Understanding
文章编号:
1000-5862(2023)-06-0652-09
作者:
肖英剑12揭安全1*李宏伟1*钟崇文1罗 荣3
(1.江西师范大学计算机信息工程学院,江西 南昌 330022; 2.南昌理工学院计算机信息工程学院,江西 南昌 330044; 3.江西师范大学数字产业学院,江西 上饶 334000)
Author(s):
XIAO Yingjian12JIE Anquan1*LI Hongwei1*ZHONG Chongwen1LUO Rong3
(1.School of Computer and Information Engineering,Jiangxi Normal University,Nanchang Jiangxi 330022,China; 2.School of Computer and Information Engineering,Nanchang Institute of Technology,Nanchang Jiangxi 330044,China; 3.School of Digital Industry,Jiangxi Normal University,Shangrao Jiangxi 334000,China)
关键词:
代码可视化 城市隐喻 代码理解 虚拟现实
Keywords:
code visualization urban metaphor code understanding virtual reality
分类号:
TP 391
DOI:
10.16357/j.cnki.issn1000-5862.2023.06.13
文献标志码:
A
摘要:
该文提出了一种基于城市隐喻的沉浸式代码可视化工具JavaCity,实现了方法级别的细粒度可视化; 通过抽取软件项目各项度量值构建可视化可交互的虚拟城市,进一步增强代码可视化和代码理解的能力.在JavaCity和IDEA上进行的对比实验研究表明:JavaCity在理解软件项目相关的任务上时间效率节省200 s以上,在有用性评价上接近100%正确,近90%的参与者在脑力劳动、努力程度和挫折程度方面认为认知负荷更低.
Abstract:
In this paper,the immersive code visualization tool JavaCity is proposed based on the city metaphor, which enables fine-grained visualization at the method level and further enhances code visualization and code understanding by extracting various metrics of a software project to build a visual and interactive virtual city.Comparative experimental studies conducted on JavaCity and IDEA show that JavaCity saves more than 200 seconds in time efficiency on tasks related to understanding software projects,is nearly 100% correct on usefulness ratings,and nearly 90% of participants perceive lower cognitive load in terms of mental effort,effort level,and frustration level.

参考文献/References:

[1] JOHNSON J,LUBO S,YEDLA N,et al.An empirical study assessing source code readability in comprehension[C]// MALETIC J, ROBINSON B. 2019 IEEE International Conference on Software Maintenance and Evolution(ICSME).Cleveland:IEEE,2019:513-523.
[2] KHALOO P, MAGHOUMI M, TARANTA E, et al. Code park:a new 3D code visualization tool[C]// ZHANG Kang. 2017 IEEE Working Conference on Software Visualization(VISSOFT).Shanghai:IEEE,2017:43-53.
[3] DOMINIC J, TUBRE B, HOUSE R J,et al.Program comprehension in virtual reality[C]//CHOI J.Proceedings of the 28th International Conference on Program Comprehension.New York:Association for Computing Machinery,2020:391-395.
[4] WETTEL R, LANZA M. CodeCity:3D visualization of large-scale software[C]// WILHELM S.Companion of the 13th international conference on Software engineering-ICSE Companion'08. Leipzig:ACM Press, 2008:921-922.
[5] WETTEL R, LANZA M. Visualizing software systems as Cities[C]//ANDRIAN M.2007 4th IEEE International Workshop on Visualizing Software for Understanding and Analysis.2007:92-99.
[6] ALANAZI R, GHARIBI G, LEE Y. Facilitating program comprehension with call graph multilevel hierarchical abstractions[J].Journal of Systems and Software,2021,176:110945.
[7] CHEERS H, LIN Y. Reverse engineering UML sequence diagrams for program comprehension Activities[C]//ELSTON C. 2020 5th International Conference on Innovative Technologies in Intelligent Systems and Industrial Applications(CITISIA).Sydney:IEEE,2020:1-10
[8] LI Zheng,WU Yonghao,PENG Bin,et al.SeCNN:a semantic CNN parser for code comment generation[J].Journal of Systems and Software,2021,181:111036.
[9] BAI Yang,ZHANG Liping,ZHAO Fengrong.A survey on research of code comment[C]//CHANG Chin-Chen,WANG Yulin.Proceedings of the 2019 3rd International Conference on Management Engineering,Software Engineering and Service Sciences.New York:Association for Computing Machinery,2019:45-51.
[10] ZHANG Chunyan, WANG Junchao, ZHOU Qinlei, et al.A survey of automatic source code summarization[J].Symmetry,2022,14(3):471.
[11] JIANG S. Improving program comprehension using neural machine translation[D].South Bend:University of Notre Dame,2018.
[12] KADAR R,OTHMAN J,WAHAB N A.A survey on ontology-based visualization techniques towards program comprehension application[J].Journal of Computing Research and Innovation,2018,3(1):19-29.
[13] ALNABHAN M,HAMMOURI A,HAMMAD M,et al.2D visualization for object-oriented software systems[C]// SABRI M A,YAHYAOUY A,TAIRI H et al.2018 International Conference on Intelligent Systems and Computer Vision(ISCV).Fez:IEEE,2018:1-6.
[14] WETTEL R,LANZA M.Program comprehension through software habitability[C]//WIBG G.15th IEEE International Conference on Program Comprehension(ICPC'07).Banff:IEEE,2007:231-240.
[15] ERRA U,SCANNIELLO G,CAPECE N.Visualizing the evolution of software systems using the forest metaphor[C]//CROLL P R.2012 16th International Conference on Information Visualisation.Montpellier:IEEE,2012:87-92.
[16] HORI A,KAWAKAMI M,ICHII M.CodeHouse:VR code visualization tool[C]//FABRY J.2019 Working Conference on Software Visualization(VISSOFT).Cleveland:IEEE,2019:83-87.
[17] MERINO L,GHAFARI M,ANSLOW C,et al.CityVR:gameful software visualization[C]//ZHANG L,ZIMMERMANN T.2017 IEEE International Conference on Software Maintenance and Evolution(ICSME).Shanghai:IEEE,2017:633-637.
[18] OBERHAUSER R,LECON C.Gamified virtual reality for program code structure comprehension[J].International Journal of Virtual Reality,2017,17(2):79-88.
[19] WETTEL R,LANZA M,ROBBES R.Software systems as cities:a controlled experiment[C]//TAYLOR R N. Proceedings of the 33rd International Conference on Software Engineering.New York:Association for Computing Machinery,2011:551-560.
[20] 王芳芳.基于Threejs技术的虚拟校园设计与实现[D].杭州:浙江工商大学,2017.
[21] ROMANO S,CAPECE N,ERRA U, et al.On the use of virtual reality in software visualization:the case of the city metaphor[J].Information and Software Technology,2019,114:92-106.
[22] MERINO L,BERGEL A,NIERSTRASZ O.Overcoming issues of 3D software visualization through immersive augmented reality[C]// ITURBIDE J A V.2018 IEEE Working Conference on Software Visualization(VISSOFT).Madrid:IEEE,2018:54-64.
[23] MERINO L,GHAFARI M,ANSLOW C,et al.A systematic literature review of software visualization evaluation[J].Journal of Systems and Software,2018,144:165-180.
[24] 付倩文.基于认知负荷的VR任务情景设计研究[D].贵阳:贵州大学,2021.
[25] QAYUM A, KHAN S U R, INAYAT-UR-REHMAN, et al.FineCodeAnalyzer:multi-perspective source code analysis support for software developer through fine-granular level interactive code visualization[J].IEEE Access,2022,10:20496-20513.
[26] 梁丽玲,赵丽,邓娟,等.NASA-TLX量表的汉化及信效度检验[J].护理研究,2019,33(5):734-737.

备注/Memo

备注/Memo:
收稿日期:2023-05-12
基金项目:国家自然科学基金(62266021),江西省自然科学基金(20224BAB202018),江西省03专项课题(20212ABC03A26)和江西省科技厅重大科技专项“揭榜挂帅”(20213AAE02001)资助项目.
更新日期/Last Update: 2023-11-25