製作電腦程式除錯訊息動畫的動畫事件順序

Abstract

理解程式碼在開發軟體的過程中是一個很重要的環節。隨著程式的複雜度越來越高，理解程式碼的工作也變得越來越艱難，一般傳統除錯器隨著程式的複雜度增加，對於程式設計師的幫助也就跟著減少。尤其要在既有的軟體上加入新的功能或者要將程式碼作重構，勢必要了解部分或者全部程式碼的運作流程，當面對複雜且龐大的資料結構時，就不是在短時間內所可以理解的。在文字除錯器效用有限的情況下，出現了許多軟體視覺化的程式，來幫助程式開發者了解複雜的結構。 為了讓程式開發者能夠從圖形的改變來了解程式的運作，我們提出了xDiva這個軟體視覺化的系統。藉由視覺化隱喻(visualization metaphor, VM)本身的改變和位置的改變來呈現一段動畫，並且在動畫中呈現出中斷點與中斷點之間程式的動態行為。 如何讓動畫的呈現變得有意義，使程式開發者在理解程式碼時能夠從動畫中獲得所需要的資訊。在本篇論文中，試著從VM改變的事件中，將不同事件的發生順序互相做排列，進而尋找出較符合人類思考的動畫順序。Understand the code in the software development process is a very important part. With the increasing complexity of the program, understanding the code has also become increasingly difficult, conventional debugger for helping programmers will become limited.

Especially in the existing software, programmer have to add new functionality or make refactoring code, is bound to some or all of the code to understand the operation of the process, face to the complex and large data structures. We can not understand those code in short time. When the text debugger’s effectiveness has limited, there were many visual programming software provider to help developers understand the complex structure.

To make the program developers understand from the graphical changes to the operation of the program, we developed xDiva, a software visualization system. Through visual metaphors (visualization metaphor, VM) itself changes and position changes to render an animation, and shown in the animation of the program's dynamic behavior between the two breakpoints . How to make animation meaningful, let program developers understand the code when the animation can be obtained from the information they need. In this paper, we try to search a sequence from the different sequence of events, and then find out the closer animation sequence of human thinking.