JPH08115208A - Method for displaying program execution condition - Google Patents

Method for displaying program execution condition

Info

Publication number
JPH08115208A
JPH08115208A JP6249074A JP24907494A JPH08115208A JP H08115208 A JPH08115208 A JP H08115208A JP 6249074 A JP6249074 A JP 6249074A JP 24907494 A JP24907494 A JP 24907494A JP H08115208 A JPH08115208 A JP H08115208A
Authority
JP
Japan
Prior art keywords
data structure
graphic
pattern
program
application program
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
JP6249074A
Other languages
Japanese (ja)
Inventor
Naoki Shimada
直樹 島田
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hitachi Ltd
Original Assignee
Hitachi Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hitachi Ltd filed Critical Hitachi Ltd
Priority to JP6249074A priority Critical patent/JPH08115208A/en
Publication of JPH08115208A publication Critical patent/JPH08115208A/en
Pending legal-status Critical Current

Links

Abstract

PURPOSE: To newly define a graphic characteristic to a data structure in the case of preparing the new data structure by providing a means for selecting and specifying a graphic arrangement pattern specific to the newly defined data structure. CONSTITUTION: In the case of newly registering a graphic pattern for indicating the data structure intrinsic to an application, after defining it in a graphic pattern defining function 102, a program is executed. When it is not required to register a new pattern, the program is directly executed. An execution condition display function 106 displays the situation at a display device 107 while referring to the graphic arrangement pattern 103 along with the execution of the program. Thus, sufficient graphic arrangement patterns are provided relating to a new application program as well and visibility at the time of executing the application program is improved. Also, color visions in common to a variable generated from the similar data structure is imparted and the visibility at the time of executing the program is similarly improved.

Description

【発明の詳細な説明】Detailed Description of the Invention

【0001】[0001]

【産業上の利用分野】本発明は、プログラムのテスト・
デバッグの計算機上での支援に係り、特にプログラムの
動作を表す図形表現によってプログラム実行状況に視覚
的側面を与える支援に関するものである。
BACKGROUND OF THE INVENTION The present invention relates to program testing and
The present invention relates to assisting debugging on a computer, and in particular, to assisting a program execution situation with a visual aspect by means of a graphic representation showing the behavior of a program.

【0002】[0002]

【従来の技術】「プログラム実行状況図形表示における
リスト構造レイアウト方式(高橋健司他、NTTソフト
ウェア研究所、情報処理学会第39回全国大会)」があ
る。ここでは、大量のリスト型データを効率良く表示す
るために、視認性が高く表示スペースの小さいリスト
レイアウト方式、注目する部分だけの選択的な表示方
式が提案されている。では3つのレイアウト方式に関
して、視認性と表示密度の観点から優劣を判定し、「親
ノードが子ノードの中心にあるという条件の下で表示密
度最大になるように配置する方式」が最適であると結論
している。では表示方式を全体表示と部分表示に分け
るやり方と、注目したい要素を指定する方式、ポインタ
によるリンク状態を表示する方式を検討している。
2. Description of the Related Art There is a "list structure layout method for displaying program execution status graphic (Kenji Takahashi et al., NTT Software Laboratories, 39th National Convention of Information Processing Society of Japan"). Here, in order to efficiently display a large amount of list-type data, a list layout method with high visibility and a small display space, and a selective display method for only a portion of interest are proposed. Then, regarding the three layout methods, the method of deciding the superiority or inferiority from the viewpoints of visibility and display density and arranging so as to maximize the display density under the condition that the parent node is in the center of the child node is the most suitable. I have concluded. Then, we are studying a method of dividing the display method into a whole display and a partial display, a method of designating an element to be noted, and a method of displaying a link state by a pointer.

【0003】[0003]

【発明が解決しようとする課題】従来の技術では、基本
的なデータ構造を表す図形配置パターンを前もって定義
することはできても、開発者が新たなデータ構造を作成
した場合、該データ構造に特徴的な図形を新たに定義す
ることはできなかった。
In the prior art, although a graphic layout pattern representing a basic data structure can be defined in advance, when a developer creates a new data structure, the data layout It was not possible to define a new characteristic figure.

【0004】又、データ構造間の類似性を認識するため
には図形の形状によって判断するしかなく、より直覚的
に認識できるための手段を必要としていた。
Further, in order to recognize the similarity between data structures, there is no choice but to make a judgment based on the shape of a figure, and a means for more intuitive recognition has been required.

【0005】又、新たな図形配置パターンを定義するに
は全ての定義項目を新たに定義するしかなく、もっと効
率の良い定義方法が求められていた。
Further, in order to define a new figure layout pattern, all definition items have to be newly defined, and a more efficient definition method has been demanded.

【0006】[0006]

【課題を解決するための手段】開発者が新たに定義した
データ構造に関して、該データ構造に特有の図形配置パ
ターンを選択指定する手段を提供する。
Means for Solving the Problem With respect to a data structure newly defined by a developer, a means for selectively designating a graphic layout pattern specific to the data structure is provided.

【0007】類似するデータ構造の図形に同系統の色を
配色する手段を提供する。
Means are provided for assigning similar colors to graphics of similar data structure.

【0008】新たに図形配置パターンを定義する際に、
既存の図形配置パターンを再利用する手段を提供する。
When a new figure layout pattern is defined,
A means for reusing an existing graphic layout pattern is provided.

【0009】[0009]

【作用】新規アプリケーションプログラムに関しても十
分な図形配置パターンを提供可能となり、該アプリケー
ションプログラム実行時の視認性を高めることが可能と
なった。
With the new application program, it is possible to provide a sufficient graphic layout pattern, and it is possible to improve the visibility when the application program is executed.

【0010】類似するデータ構造から生成された変数に
共通する色覚を付与でき、該アプリケーションプログラ
ム実行時の視認性を高めることが可能となった。
A common color vision can be given to variables generated from similar data structures, and the visibility at the time of executing the application program can be improved.

【0011】新たに図形配置パターンを定義する際の指
定項目を削減することが可能となった。
It has become possible to reduce the number of designated items when newly defining a graphic layout pattern.

【0012】[0012]

【実施例】本発明の一実施例を、以下図面に従って説明
する。
DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS An embodiment of the present invention will be described below with reference to the drawings.

【0013】図1は、本発明を実現するための一システ
ム構成を示す図である。入力装置101、図形配置パタ
ーン定義機能102、図形配置パターン103、ソース
プログラム104、プログラム実行機能105、実行状
況表示機能106、表示装置107、から構成される。
FIG. 1 is a diagram showing a system configuration for implementing the present invention. The input device 101, the graphic layout pattern definition function 102, the graphic layout pattern 103, the source program 104, the program execution function 105, the execution status display function 106, and the display device 107 are included.

【0014】図2は、本発明を実現するためのハードウ
ェア構成を示す図である。CPU201、マウス20
2、キーボード203、CRT204、プリンタ20
5、主記憶装置206、外部記憶装置207、より構成
される。
FIG. 2 is a diagram showing a hardware configuration for implementing the present invention. CPU201, mouse 20
2, keyboard 203, CRT 204, printer 20
5, a main storage device 206 and an external storage device 207.

【0015】図3は、図1に示した各機能における動作
の概略を示す流れ図である。301においてアプリケー
ション固有のデータ構造を表す図形パターンを新たに登
録する場合は、図形配置パターン定義機能102で定義
した後(302)、プログラムを実行する(303)。
新規パターンの登録の必要がない時は直接プログラムを
実行する(303)。実行状況表示機能106はプログ
ラムの実行と共に、図形配置パターン103を参照しな
がら、表示装置107にその様子を表示する(30
4)。以下では、図形配置パターン定義機能102に関
して詳細に説明する。
FIG. 3 is a flow chart showing the outline of the operation in each function shown in FIG. In the case of newly registering a graphic pattern representing an application-specific data structure in 301, it is defined by the graphic layout pattern definition function 102 (302) and then the program is executed (303).
When there is no need to register a new pattern, the program is directly executed (303). The execution status display function 106 displays the state on the display device 107 while referring to the graphic layout pattern 103 as the program is executed (30
4). The graphic layout pattern definition function 102 will be described in detail below.

【0016】図4は、図形配置パターン定義機能102
における処理の流れを示す図である。401において、
新たに作成したデータ構造の名称を指定した後、図5に
示すようなテーブルを作成する(402)。更に図7に
示すようなテーブルを作成する(403)。404から
は指定したデータ構造のメンバ関数に図形配置パターン
を割り当てていく。図形配置パターンを割当てられてい
ないメンバ関数があれば(404Y)、該メンバ関数の
名称を指定し(405)、402で定義した図形と40
3で定義した配置パターンを指定し対応付ける(40
6)。一つのメンバ関数の実行が複数の図形乃至配置パ
ターンを必要とする場合、406は繰り返される(40
7N)。一つのメンバ関数への割当てが完了すると(4
07Y)、404に戻る。全てのメンバ関数への割当が
完了すると(404N)図形配置パターン定義は終了す
る。
FIG. 4 shows a graphic layout pattern definition function 102.
It is a figure which shows the flow of the process in. At 401
After designating the name of the newly created data structure, a table as shown in FIG. 5 is created (402). Further, a table as shown in FIG. 7 is created (403). From 404, the graphic layout pattern is assigned to the member function of the specified data structure. If there is a member function to which the figure layout pattern is not assigned (404Y), the name of the member function is specified (405), and the figure defined in 402 and the 40
The layout pattern defined in 3 is specified and associated (40
6). If the execution of one member function requires multiple graphics or layout patterns, then 406 is repeated (40
7N). When the allocation to one member function is completed (4
07Y) and returns to 404. When the allocation to all member functions is completed (404N), the graphic layout pattern definition is completed.

【0017】図5は図形定義402で作成されるテーブ
ルの一例である。図形定義テーブル501はビットマッ
プ502、スケール503、色504で構成される。デ
ータ構造の一つであるCollectionのビットマ
ップの例を図6に示す。601は包含する器の形状を示
し、602は包含されるデータの形状を示す。505は
該ビットマップを実際に表示する際の拡大率を示すテー
ブルである。506の色定義テーブルを用いて図形に彩
色する。
FIG. 5 is an example of a table created by the graphic definition 402. The graphic definition table 501 includes a bitmap 502, a scale 503, and a color 504. FIG. 6 shows an example of a Collection bitmap that is one of the data structures. Reference numeral 601 shows the shape of the contained container, and 602 shows the shape of the contained data. Reference numeral 505 is a table showing the enlargement ratio when the bitmap is actually displayed. The figure is colored using the color definition table 506.

【0018】図7は配置パターン定義403で作成され
るテーブルの一例である。配置パターンテーブル701
は継承パターン702、要素の配置間隔703、要素の
配置特性704、要素の並び順番705、要素の重ね順
番706等で構成される。継承パターンテーブル707
は基本データ構造を表現する図形の配置規則と配置パタ
ーン701自身を保有している。要素の配置間隔テーブ
ル708で、構成要素間の間隔を定義する。要素の配置
特性テーブル709で、構成要素のどの部分を強調表示
するかを定める。要素の並び順番テーブル710で、構
成要素の何を基準として並べる順番を決定するのかを指
定する。構成要素の重なりが生じると、重なった下の部
分は見えなくなる。そこでどの部分を最後に描くか、即
ちどの部分を前面に持ってくるのかを要素の重ね順番テ
ーブル711で指定する。
FIG. 7 is an example of a table created by the arrangement pattern definition 403. Arrangement pattern table 701
Is composed of an inheritance pattern 702, element arrangement intervals 703, element arrangement characteristics 704, element arrangement order 705, element stacking order 706, and the like. Inheritance pattern table 707
Holds the arrangement rule of the figure expressing the basic data structure and the arrangement pattern 701 itself. The element arrangement interval table 708 defines the intervals between the constituent elements. The element placement characteristic table 709 defines which part of the component is highlighted. In the element arrangement order table 710, what of the constituent elements is used as a reference to determine the arrangement order is specified. When the components overlap, the lower part of the overlap disappears. Therefore, which part is drawn last, that is, which part is brought to the front is designated by the element stacking order table 711.

【0019】図8は実行状況表示機能106によって表
示されたCollection(友人録)を示してい
る。該友人録は7つの個人データで構成されており、配
置パターンテーブル701でいうと、Collecti
on(707),20ミリ(708)、均一(70
9)、挿入順(710)、右前面(711)である。た
だし、(708),(709),(710),(71
1)はCollectionで定められた標準値を使用
している。該友人録を、構成要素を名称順で管理するS
ortedCollectionで置き換えたものが図
9である。同様に配置パターンテーブル701を用いて
説明すると、Collection(707),15ミ
リ(708)、現在位置重視(709)、名称順(71
0)、現在位置前面(711)である。このようにして
定義された該SortedCollectionは以降
継承パターンとして再利用することが可能である。
FIG. 8 shows Collection displayed by the execution status display function 106. The friend record is composed of seven pieces of personal data, and in the arrangement pattern table 701, Collecti
on (707), 20 mm (708), uniform (70
9), insertion order (710), and right front surface (711). However, (708), (709), (710), (71
1) uses the standard value defined by Collection. S for managing the friend list in order of name of components
FIG. 9 shows the replacement with ortedCollection. Similarly, using the arrangement pattern table 701, Collection (707), 15 mm (708), emphasis on current position (709), and name order (71).
0), the front of the current position (711). The SortedCollection defined in this way can be reused as an inheritance pattern thereafter.

【0020】[0020]

【発明の効果】以上説明したように本発明によれば、ア
プリケーションプログラム開発者が新たなデータ構造を
作成しても、該データ構造を表現する図形配置パターン
を定義でき、該アプリケーションプログラム実行時の視
認性を高めることが可能となった。
As described above, according to the present invention, even if the application program developer creates a new data structure, the graphic layout pattern expressing the data structure can be defined, and the graphic arrangement pattern can be defined when the application program is executed. It has become possible to improve the visibility.

【0021】又、該データ構造に色覚を付与することに
より、該アプリケーションプログラム実行時の直覚的視
認性を高めることが可能となった。
Further, by providing a color vision to the data structure, it becomes possible to enhance the intuitive visibility when the application program is executed.

【0022】更に、配置パターンを継承することによっ
て、新たに図形配置パターンを定義する際の労力を削減
できた。
Further, by inheriting the layout pattern, the labor for newly defining the graphic layout pattern can be reduced.

【図面の簡単な説明】[Brief description of drawings]

【図1】第1の実施例を示すシステム構成図。FIG. 1 is a system configuration diagram showing a first embodiment.

【図2】第1の実施例のハードウェア構成図。FIG. 2 is a hardware configuration diagram of the first embodiment.

【図3】第1の実施例の処理の流れを示す図。FIG. 3 is a diagram showing a processing flow of the first embodiment.

【図4】第1の実施例の図形配置パターン定義の処理の
流れを示す図。
FIG. 4 is a diagram showing a flow of processing of defining a graphic layout pattern according to the first embodiment.

【図5】第1の実施例の図形定義テーブル。FIG. 5 is a graphic definition table according to the first embodiment.

【図6】第1の実施例の図形定義におけるビットマップ
を示す図。
FIG. 6 is a diagram showing a bitmap in the graphic definition of the first embodiment.

【図7】第1の実施例の配置パターンテーブル。FIG. 7 is an arrangement pattern table according to the first embodiment.

【図8】第1の実施例の基本データ構造の表示例。FIG. 8 is a display example of a basic data structure according to the first embodiment.

【図9】第1の実施例の新規データ構造の表示例。FIG. 9 is a display example of a new data structure according to the first embodiment.

【符号の説明】[Explanation of symbols]

102…図形配置パターン定義機能、 103…図形配
置パターン、201…CPU、 204…CRT、 2
06…主記憶装置、207…外部記憶装置、 501…
図形定義テーブル、701…配置パターン定義テーブ
ル。
102 ... Graphic layout pattern definition function, 103 ... Graphic layout pattern, 201 ... CPU, 204 ... CRT, 2
06 ... Main storage device, 207 ... External storage device, 501 ...
Graphic definition table 701 ... Arrangement pattern definition table.

Claims (3)

【特許請求の範囲】[Claims] 【請求項1】計算機および対話用端末を有する情報処理
装置上で、基本デ−タ構造毎に図形配置パターンを定義
しておき、アプリケーションプログラム開発の際、該ア
プリケーションプログラム固有のデータ構造の図形配置
パターンを追加定義し、該アプリケーションプログラム
の実行時に、該図形配置パターンに従ってアニメーショ
ンすることを特徴とするプログラム実行状況表示方法。
1. A graphic layout pattern is defined for each basic data structure on an information processing apparatus having a computer and a dialogue terminal, and a graphic layout of a data structure unique to the application program is developed when an application program is developed. A program execution status display method characterized in that a pattern is additionally defined, and when the application program is executed, an animation is made in accordance with the figure arrangement pattern.
【請求項2】請求項1記載の画面表示方式において、デ
ータ構造の種類毎に上記図形配置パターンに色を定義し
ておき、上記アプリケーションプログラムの実行時に、
アニメーションする図形に彩色することを特徴とするプ
ログラム実行状況表示方法。
2. The screen display method according to claim 1, wherein a color is defined in the graphic arrangement pattern for each type of data structure, and when the application program is executed,
A program execution status display method characterized by coloring an animated figure.
【請求項3】請求項1記載の画面表示方式において、上
記アプリケーションプログラム固有のデータ構造の図形
配置パターンを定義する際に、上記基本データ構造の図
形配置パターンを継承し再利用することを特徴とするプ
ログラム実行状況表示方法。
3. The screen display method according to claim 1, wherein when defining a graphic layout pattern of a data structure unique to the application program, the graphic layout pattern of the basic data structure is inherited and reused. How to display program execution status.
JP6249074A 1994-10-14 1994-10-14 Method for displaying program execution condition Pending JPH08115208A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP6249074A JPH08115208A (en) 1994-10-14 1994-10-14 Method for displaying program execution condition

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP6249074A JPH08115208A (en) 1994-10-14 1994-10-14 Method for displaying program execution condition

Publications (1)

Publication Number Publication Date
JPH08115208A true JPH08115208A (en) 1996-05-07

Family

ID=17187623

Family Applications (1)

Application Number Title Priority Date Filing Date
JP6249074A Pending JPH08115208A (en) 1994-10-14 1994-10-14 Method for displaying program execution condition

Country Status (1)

Country Link
JP (1) JPH08115208A (en)

Similar Documents

Publication Publication Date Title
CN108958736A (en) Page generation method, device, electronic equipment and computer-readable medium
CN112241263A (en) Visual page processing method and equipment
CN114356761A (en) Test case document generation method and device, storage medium and computer equipment
JP5933474B2 (en) Development and creation method of control device program
CN115562652B (en) Component style processing method and system for low-code development platform
CN115794285A (en) Online theme switching method, device, equipment and medium
JPH08115208A (en) Method for displaying program execution condition
CN115964037A (en) Engineering data visualization low code configuration method and system
US9021346B2 (en) Systems and methods for displaying and editing state-specific link attributes
JPH07318380A (en) Apparatus and method for supporting data measurement
CN114385302B (en) Screen effect generation method and system based on visualization engine
CN115080044B (en) Processing method and device of combined assembly, front-end equipment and storage medium
CN111242735B (en) Numerical template generation method and numerical template generation device
US7440882B1 (en) Method and system for analyzing transaction level simulation data of an integrated circuit design
JP3500812B2 (en) Table processing equipment
CN116991385A (en) Data instrument panel construction method and device, electronic equipment and storage medium
CN115586898A (en) Method and device for generating user interaction UI
JP3870990B2 (en) Graphical user interface device
JPH02285414A (en) Key display processing system
CN117523039A (en) Method, system, equipment and storage medium for drawing head top UI based on componentization
CN114140549A (en) Heterogeneous hash component merging display method and device, electronic equipment and storage medium
JP2004280543A (en) Structure analysis condition setting method
CN113656518A (en) Map rendering method and device, electronic equipment and storage medium
CN116034368A (en) Operation method of network platform for driving viewer and network server
JPH07141155A (en) Information processor