Computer Science ›› 2021, Vol. 48 ›› Issue (5): 68-74.doi: 10.11896/jsjkx.200100133

• Computer Software • Previous Articles     Next Articles

Tree Structure Evaluation Visualization Model for Program Debugging

SU Qing, LI Zhi-zhou, LIU Tian-tian, WU Wei-min, HUANG Jian-feng, LI Xiao-mei   

  1. School of Computers,Guangdong University of Technology,Guangzhou 510006,China
  • Received:2020-01-21 Revised:2020-07-29 Online:2021-05-15 Published:2021-05-09
  • About author:SU Qing,born in 1979,Ph.D,associate professor,is a member of China Computer Federation.His main research interests include visual computing and so on.(suqing@gdut.edu.cn)
    LIU Tian-tian,born in 1979,M.S,lecturer.Her main research interests include visual computing and so on.
  • Supported by:
    National Natural Science Foundation of China(618002072),Natural Science Foundation of Guangdong Province,China(2018A030313389) and Higher Education Teaching Reform Project Foundation of Guangdong Province,China(SJJG20191216).

Abstract: Tree structure is a nonlinear data structure,whose evolution process is abstract in the program execution.Memory leak happens while applying modification-like operation on it.It is an open challenge for programming beginner to control the evolution of tree structure in the program debugging procedure,especially to debug the error when memory leakage happens.To address this issue,this paper proposes a tree evaluation visualization model(TEVM) to visualize the evolution procedure of tree structure.Two tree structures are obtained after executing a visual debugging step.This paper designs a structure comparison algorithm to obtain their structural difference including leaked tree by transforming tree structure into linear representation.It also designs a tree layout method and computes their positional difference.A visual evaluation sequence is generated with thesestructural diffe-rence and positional difference.At last,it applys the drawing engine to interpret and execute actions of this sequence to visualize the tree structure evaluation dynamically,smoothly and intuitively.The visualization of tree structure helps programming beginner to understand the execution of program relating to tree structure and improves the efficiency of program debugging.TEVM model is applied in the Web AnyviewC,which is a prototype of the integrated development environment for programming trai-ning,and gains an excellent application effect.

Key words: Data structure visualization, Leaked tree, Program debugging process, Tree struct evaluation visualization model, Tree structure

CLC Number: 

  • TP311
[1]SU Q,TANG Y H,ZENG Y A,et al.Research on Real-TimeIdentification and Visualization Layout Algorithm for Single Linklist Structure [J].Computer Engineering and Applications,2019,55(16):240-245.
[2]WU W M,LI X M,LIU T T,et al.Data Structure [M].Beijing:Higher Education Press,2017:126-130.
[3]WANG G,NAKANISHI T,FUKUDA A.2-D Layout for Tree Visualization:a survey[C]//MATEC Web of Conferences.EDP Sciences,2016,56:1-12.
[4]BACHER I,MAC N B,KELLEHER J D.On using Tree Visualisation Techniques to support Source Code comprehension[C]//2016 IEEE Working Conference on Software Visualization (VISSOFT).IEEE,2016:91-95.
[5]YUAN T.System design tree compiler [J].Information Technology and Network Security,2014,33(20):10-11,19.
[6]HEER J,ROBERTSON G.Animated transitions in statisticaldata graphics[J].IEEE Transactions on Visualization and Computer Graphics,2007,13(6):1240-1247.
[7]PLAISANT C,GROSJEAN J,BEDERSON B B.Spacetree:Supporting exploration in large node link tree,design evolution and empirical evaluation[C]//IEEE Symposium on Information Visualization,2002.IEEE,2002:57-64.
[8]SHANMUGASUNDARAM M,IRANI P,GUTWIN C.Cansmooth view transitions facilitate perceptual constancy in node-link diagrams?[C]//Proceedings of Graphics Interface 2007.2007:71-78.
[9]GUILMAINE D,VIAU C,MCGUFFIN M J.Hierarchically animated transitions in visualizations of tree structures[C]//Proceedings of the International Working Conference on Advanced Visual Interfaces.2012:514-521.
[10]SU Q,ZHANG S Y,HUANG J F,et al.Design and application of online visual programming cloud platform[J].Experimental Technology and Management,2020(7):191-194,203.
[11]CARD S K,MACKINLAY J D,SHNEIDERMAN B.Readings in Information Visualization:Using Vision to Think[M].San Francisco,California:Morgan Kaufmann,1999:233-267.
[12]BOSTOCK M,OGIEVETSKY V,HEER J.D'data-driven documents[J].IEEE Transactions on Visualization and Computer Graphics,2011,17(12):2301-2309.
[13]BILLE P.A survey on tree edit distance and related problems[J].Theoretical Computer Science,2005,337(1/2/3):217-239.
[14]DE LUCA F,HOSSAIN I,KOBOUROV S,et al.Multi-leveltree based approach for interactive graph visualization with semantic zoom[J].arXiv:1906.05996,2019.
[15]WARD M O,GRINSTEIN G,KEIM D.Interactive data visualization:foundations,techniques,and applications[M].Natick,Massachusetts:AK Peters/CRC Press,2015:120-132.
[1] TANG Bing and HE Hai-wu. MapReduce Parallel Model Based on Tree Structure [J]. Computer Science, 2015, 42(11): 65-67.
[2] . Research on Nearest Neighbor Query Based on Temporal Distance [J]. Computer Science, 2012, 39(Z11): 149-153.
[3] TANG Yang, LAN Ju-long (National Digital Switching System Engineering & Technological Research Center,Zhengzhou 450002,China). [J]. Computer Science, 2008, 35(11): 116-121.
[4] XU Jian, WU Tiart-Yi,WANG Chen, WANG Wei, SHI Bai-Le (Department of Computing and Information Technology,Fudan University,Shanghai 200433). [J]. Computer Science, 2005, 32(11): 99-103.
Viewed
Full text


Abstract

Cited

  Shared   
  Discussed   
No Suggested Reading articles found!