xDIVA（extreme Debugging Information Visualization Assistant）是過去在本實驗室開發已久的程式3D視覺化除錯工具，其主要目的為協助程式設計師在進行程式除錯時提供具體的形式與圖像來呈現程式之變數內容。xDIVA提供一個直觀的3D畫面來表達程式中變數的資料與其對應關係。 由於先前的xDIVA程式的各個模組皆為獨立的執行視窗，需要由使用者自行額外開啟xDIVA程式，並且需要在命令列對GDB（GNU Debugger）下指令來操作，使得使用者需要在一些視窗頻繁切換。又因為普遍的程式設計師往往會使用IDE（Integrated Development Environment）來開發程式，但目前xDIVA需要由額外的視窗開啟。且舊版xDIVA若要支援其他程式語言的視覺化所要的開發成本並不小。 VS Code（Visual Studio Code）為現今大多數程式開發者使用的IDE工具。本論文藉由舊有的xDIVA部分程式來與VS Code所提供的API進行整合，並重構xDIVA的核心程式，擴展xDIVA未來支援其他語言視覺化的靈活性，設計出一套能在VS Code中使用Debugger UI結合xDIVA來進行 3D視覺化功能的擴充套件，改善xDIVA的使用與提升未來擴充性。;xDIVA(extreme Debugging Information Visualization Assistant) is a program 3D visualization debugging tool that has been developed in our laboratory for a long time in the past. Its main purpose is to assist programmers in providing specific forms and graphs to show the program’s data or variable’s content. xDIVA provides an intuitive 3D picture to present the variable data in the program and its corresponding relationship. Since each module of the previous xDIVA programs are independent execution windows, users need to open several programs by themselves, and they need to manipulate GDB(GNU Debugger) in Command-Line Interface by using xDIVA. Switching frequently among several working windows which brings inconvenience for users. Nowadays, developers often use IDE(Integrated Development Environment) to develop software, however xDIVA’s user need to run xDIVA with other window. Supporting other language’s visualization is also a problem which brings high development cost to xDIVA. Visual Studio Code is the most popular IDE nowadays. This paper integrates with part of xDIVA’s program and the API/UI provided by VS Code, and reconstructs the xDIVA program, also expands the flexibility of xDIVA to support other language’s visualization. This research combines Debugger UI provided by VS Code and xDIVA’s functionality, improves the availability and scalability of xDIVA.
