JPH0785099A - System for displaying hierarchy - Google Patents
System for displaying hierarchyInfo
- Publication number
- JPH0785099A JPH0785099A JP5232686A JP23268693A JPH0785099A JP H0785099 A JPH0785099 A JP H0785099A JP 5232686 A JP5232686 A JP 5232686A JP 23268693 A JP23268693 A JP 23268693A JP H0785099 A JPH0785099 A JP H0785099A
- Authority
- JP
- Japan
- Prior art keywords
- display
- gui
- hierarchy
- displayed
- gui display
- 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.)
- Granted
Links
Abstract
Description
【０００１】[0001]
【産業上の利用分野】本発明は、階層構造を表示する階
層表示方式に関するものである。BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a hierarchical display system for displaying a hierarchical structure.
【０００２】[0002]
【従来の技術】線画や文字などの情報を扱うエディタに
おいて、扱う情報によって以下のような問題がある。2. Description of the Related Art In an editor that handles information such as line drawings and characters, there are the following problems depending on the information handled.
【０００３】・情報量が多くなると、全ての情報を１つ
の画面内に表示できない。 ・情報が複雑になると、全体像の把握が困難である。 このような問題に対して情報を簡素に表示するために、
階層化表示の方法が一般的に用いられている。この方法
は幾つかの情報を何からの関係を持った１つの集合情報
として扱い、情報を階層的に表示するものである。この
ような構造を持つ情報を扱うエディタではそれに対応し
た技術が必要である。When the amount of information increases, all the information cannot be displayed on one screen.・ When information becomes complicated, it is difficult to grasp the whole picture. In order to simply display information for such problems,
The hierarchical display method is generally used. This method treats several pieces of information as one set of information having some relation and displays the information hierarchically. An editor that handles information having such a structure requires a technique corresponding to it.
【０００４】従来の方法で情報を整理する場合、一般的
に図１０に示すように、情報を段階的に詳細化する階層
構造を用いる。この階層構造の従来の方法では、ディス
プレイ上にＧＵＩ(Graphical User Interface)を用いて
図１１のように表示し、下位階層の表示は、図１２のよ
うに画面を切り替えて行なう。以下簡単に説明する。In order to organize information by a conventional method, generally, as shown in FIG. 10, a hierarchical structure for gradually refining information is used. In the conventional method of the hierarchical structure, a GUI (Graphical User Interface) is used for display on the display as shown in FIG. 11, and the lower layer is displayed by switching the screen as shown in FIG. A brief description will be given below.
【０００５】図１０は、ＤＢ情報の階層化表示例を示
す。ここで、、、の数字は、階層を表し、大きく
なる程、下位階層を表す。この図１０の階層構造は、
階層のＡの左側の情報が持つ下位階層がの階層のＢで
ある。階層のＢの左の情報が持つ下位階層がのＤで
ある。FIG. 10 shows an example of hierarchical display of DB information. Here, the numbers of, and represent layers, and the larger the number, the lower layer. The hierarchical structure of FIG. 10 is
The lower layer of the information on the left side of the layer A is the layer B. The lower layer of the information on the left of the layer B is D.
【０００６】図１１は、従来方式の階層構造のＧＵＩ表
示例を示す。ここでは、前面の矩形枠は現階層の情報を
意味し、この現階層の下位の矩形枠（一部のみを表示）
は下位階層（１つあるいは複数の階層）を持つことを意
味する。FIG. 11 shows an example of a GUI display of a conventional hierarchical structure. Here, the rectangular frame in the front means the information of the current layer, and the lower rectangular frame of this current layer (only a part is displayed)
Means having a lower layer (one or more layers).
【０００７】図１２は、従来の階層構造を持つ情報の表
示方法例を示す。図１２の（ａ）は上位階層の情報を示
す。この上位階層は下位階層を点線で関係づけたように
持っている。この状態のときに、上位階層のうちから矩
形のＡを選択すると、この選択したＡの下位階層を
（ｂ）に示すように切り替えて表示する。FIG. 12 shows an example of a conventional method of displaying information having a hierarchical structure. Part (a) of FIG. 12 shows upper layer information. This upper layer has lower layers as if they were related by dotted lines. In this state, when a rectangular A is selected from the upper layers, the lower layer of the selected A is switched and displayed as shown in (b).
【０００８】[0008]
【発明が解決しようとする課題】上述した従来の階層表
示方式では、以下の問題があった。 （１） 上位階層から下位階層に移行する場合、上位階
層のＧＵＩ表示（枠）には下位階層を持つことを意味す
るＧＵＩ表示（枠）しか付加されていないので、その情
報が持つ階層数まで明らかにならない。The above-mentioned conventional hierarchical display system has the following problems. (1) When moving from the upper layer to the lower layer, since only the GUI display (frame) that means having a lower layer is added to the GUI display (frame) of the upper layer, up to the number of layers of the information Not clear.
【０００９】（２） 下位階層への移行を行なう場合、
１段階づつしか行えないため、操作性が悪くなる。例え
ば図１１の階層から階層へ移行する場合、→→
というように２回移行する必要がり、上位階層から所
望の下位階層に直接に移行できない。(2) When making a transition to a lower hierarchy,
Operability deteriorates because only one step can be performed. For example, when shifting from the hierarchy of FIG. 11 to the hierarchy, →→
As described above, it is necessary to shift twice, and it is impossible to shift directly from the upper layer to the desired lower layer.
【００１０】（３） 上位階層から下位階層に移行した
場合、図１２の（ｂ）に示すように、別のウィンドウに
下位階層が表示されるので、全体像が把握し難い。 （４） 上位階層から下位階層に移行した場合：階層間
の要素間の接続関係をとらえ難い。(3) When moving from the upper layer to the lower layer, the lower layer is displayed in another window as shown in FIG. 12B, so that it is difficult to grasp the whole image. (4) When moving from the upper layer to the lower layer: It is difficult to capture the connection relationship between elements between layers.
【００１１】本発明は、これらの問題を解決するため、
上位階層のＧＵＩ表示に下位階層の数だけのＧＵＩ表示
を付加して表示および上位階層間や階層内の要素間を線
分で接続表示などし、上位階層の下位階層の数を表示、
任意の階層を選択してその詳細情報を表示、および階層
間の接続関係を表示して階層構造のデータ内容を把握し
易くすることを目的としている。The present invention solves these problems.
The number of lower layers of the upper layer is displayed by adding GUI displays of the number of lower layers to the GUI display of the upper layer and connecting and displaying between the upper layers and elements in the layer with line segments,
The purpose is to select an arbitrary hierarchy and display its detailed information, and display the connection relationship between the hierarchies to facilitate understanding of the data contents of the hierarchy structure.
【００１２】[0012]
【課題を解決するための手段】図１は、本発明の原理構
成図を示す。図１において、階層表示機能２は、上位階
層の各ＧＵＩ表示が持つ下位階層の数だけＧＵＩ表示を
後方に一部が見えるように順次表示および上位階層の各
ＧＵＩ表示間の入出力を線分で接続表示したり、選択さ
れたＧＵＩ表示（あるいは選択されたＧＵＩ表示の最上
位階層のＧＵＩ表示）の位置に枠１１を設けて当該枠１
１内に選択された下位階層のＧＵＩ表示および当該下位
階層内のＧＵＩ表示間の入出力を線分で接続表示したり
などするものである。FIG. 1 is a block diagram showing the principle of the present invention. In FIG. 1, the layer display function 2 sequentially displays GUI displays by the number of lower layers included in each GUI display of the upper layer so that a part of the GUI display can be seen in the rear and input / output between the GUI displays of the upper layer is segmented. The frame 1 is provided at the position of connection display with or by the selected GUI display (or the GUI display of the highest layer of the selected GUI display).
The GUI display of the lower hierarchy selected in 1 and the input / output between the GUI displays in the lower hierarchy are connected and displayed by line segments.
【００１３】枠１１は、下位階層のＧＵＩ表示からいず
れかが選択されたときに、当該選択された下位階層のＧ
ＵＩ表示を表すものである。The frame 11 is a G of the selected lower layer when any one is selected from the GUI display of the lower layer.
The UI display is shown.
【００１４】[0014]
【作用】本発明は、図１に示すように、階層表示機能２
が上位階層の各ＧＵＩ表示が持つ下位階層の数だけＧＵ
Ｉ表示を後方に一部が見えるように順次表示および当該
上位階層の各ＧＵＩ表示間の入出力を線分で接続表示
し、いずれかの下位階層のＧＵＩ表示が選択されたこと
に対応して、選択されたＧＵＩ表示（あるいは選択され
たＧＵＩ表示の最上位階層のＧＵＩ表示）の位置に枠１
１を設けて当該枠１１内に選択された下位階層のＧＵＩ
表示および当該下位階層内のＧＵＩ表示間の入出力を線
分で接続表示するようにしている。The present invention, as shown in FIG. 1, has a hierarchical display function 2
Is the same as the number of lower layers that each GUI display in the upper layer has.
The I display is sequentially displayed so that a part can be seen in the rear, and the input and output between the GUI displays of the upper layer are connected and displayed by line segments, and one of the lower layer GUI displays is selected. , Frame 1 at the position of the selected GUI display (or the GUI display of the highest layer of the selected GUI display)
GUI of the lower hierarchy selected by setting 1 in the frame 11
Input / output between the display and the GUI display in the lower hierarchy is connected and displayed by a line segment.
【００１５】また、階層表示機能２が上位階層の各ＧＵ
Ｉ表示が持つ下位階層の数をまとめて圧縮したＧＵＩ表
示を後方に一部が見えるように順次表示および当該上位
階層の各ＧＵＩ表示間の入出力を線分で接続表示し、い
ずれかの下位階層のＧＵＩ表示が選択されたことに対応
して、選択されたＧＵＩ表示が圧縮されたＧＵＩ表示で
あると判明した場合、当該圧縮したＧＵＩ表示を取り出
して隣接する位置に下位階層の数だけＧＵＩ表示を後方
に一部が見えるように展開表示および当該下位階層の各
ＧＵＩ表示間の入出力を線分で接続表示するようにして
いる。Further, the hierarchy display function 2 is used for each GU in the upper hierarchy.
The GUI display in which the number of lower layers of the I display is compressed together is sequentially displayed so that a part can be seen in the rear, and the input and output between the GUI displays of the upper layer are connected and displayed by a line segment, and one of the lower layers is displayed. When it is determined that the selected GUI display is the compressed GUI display in response to the selection of the GUI display of the layer, the compressed GUI display is extracted and the number of GUIs corresponding to the number of lower layers is provided at the adjacent position. The display is expanded so that a part of the display can be seen backward, and the input and output between the GUI displays of the lower hierarchy are connected and displayed by line segments.
【００１６】従って、上位階層のＧＵＩ表示に下位階層
の数だけのＧＵＩ表示を付加して表示および上位階層間
や階層内の要素間を線分で接続表示などすることによ
り、上位階層の下位階層の数を表示、任意の階層を選択
してその詳細情報を表示、および階層間の接続関係を表
示することが可能となり、これらＧＵＩ表示をオペレー
タが見て階層構造のデータ内容を容易に把握することが
できる。Therefore, by adding GUI displays for the number of lower layers to the GUI display of the upper layer and displaying the layers between the upper layers and the elements in the layers by connecting line segments, the lower layers of the upper layer are displayed. It is possible to display the number of layers, select an arbitrary layer to display detailed information thereof, and display the connection relationship between layers, and the operator can easily understand the data content of the hierarchical structure by viewing these GUI displays. be able to.
【００１７】[0017]
【実施例】まず、図１の構成を説明する。図１の（ａ）
は構成図を示す。DESCRIPTION OF THE PREFERRED EMBODIMENTS First, the configuration of FIG. 1 will be described. Figure 1 (a)
Shows a configuration diagram.
【００１８】図１の（ａ）において、情報管理装置１
は、データベース４に階層構造で蓄積した情報（デー
タ）を管理するものであって、ここでは、階層構造に蓄
積した情報（データ）を判り易く表示するものであり、
階層表示機能２および制御部３などら構成されるもので
ある。In FIG. 1A, the information management device 1
Manages information (data) stored in the database 4 in a hierarchical structure, and here, the information (data) stored in a hierarchical structure is displayed in an easy-to-understand manner.
The hierarchy display function 2 and the control unit 3 are included.
【００１９】階層表示機能２は、上位階層の各ＧＵＩ表
示が持つ下位階層の数だけＧＵＩ表示を後方に一部が見
えるように順次表示および上位階層の各ＧＵＩ表示間の
入出力を線分で接続表示したり、上位階層の各ＧＵＩ表
示が持つ下位階層の数をまとめて圧縮したＧＵＩ表示を
後方に一部が見えるように順次表示および上位階層の各
ＧＵＩ表示間の入出力を線分で接続表示したり、選択さ
れたＧＵＩ表示（あるいは選択されたＧＵＩ表示の最上
位階層のＧＵＩ表示）の位置に枠１１を設けて当該枠１
１内に選択された下位階層のＧＵＩ表示および当該下位
階層内のＧＵＩ表示間の入出力を線分で接続表示した
り、選択されたＧＵＩ表示（あるいは選択されたＧＵＩ
表示の最上位階層のＧＵＩ表示）が圧縮したＧＵＩ表示
であると判明した場合に当該圧縮されたＧＵＩ表示を取
り出して隣接する位置に下位階層の数だけＧＵＩ表示を
後方に一部が見えるように展開表示および当該下位階層
の各ＧＵＩ表示間の入出力を線分で接続表示したりなど
するものである。The hierarchical display function 2 sequentially displays GUI displays by the number of lower layers of each upper GUI display, and displays input and output between the upper GUI displays in line segments so that a part can be seen at the rear. Connected display, or sequentially displaying the GUI display in which the number of lower layers possessed by each GUI display of the upper layer is compressed and a part of it can be seen in the rear, and input / output between the GUI displays of the upper layer are indicated by line segments. The frame 11 is provided at the position of connection display or the selected GUI display (or the GUI display of the highest layer of the selected GUI display).
The GUI display of the lower layer selected in 1 and the input / output between the GUI displays of the lower layer are connected and displayed by a line segment, or the selected GUI display (or the selected GUI is displayed).
When it is found that the highest level GUI display) is a compressed GUI display, the compressed GUI display is taken out so that a part of the lower level GUI display can be seen behind in the adjacent position. The input / output between the expanded display and each GUI display of the lower hierarchy is connected and displayed by a line segment.
【００２０】枠１１は、図３に示すように、上位階層の
ＧＵＩ表示からいずれかが選択されたときに、当該選択
された下位階層のＧＵＩ表示を表すものである。制御部
３は、各種制御を行なうものである。As shown in FIG. 3, the frame 11 represents the GUI display of the selected lower layer when any one is selected from the GUI display of the upper layer. The control unit 3 performs various controls.
【００２１】データベース４は、情報（データ）を階層
構造に、検索し易く蓄積するものである。入力装置５
は、各種データや指示を入力するものであって、例えば
上位階層の下位階層の数だけ表示したＧＵＩ表示から任
意のものを選択してその下位階層の情報（データ、要
素）の詳細を表示させたりなどの指示を入力するもので
ある。The database 4 stores information (data) in a hierarchical structure for easy retrieval. Input device 5
Is for inputting various data and instructions. For example, select any GUI display from the lower layers of the upper layer to display the details of the information (data, elements) of the lower layer. It is for inputting instructions such as a story.
【００２２】出力装置６は、各種情報を出力するもので
あって、ディスプレイやプリンタであり、例えば上位階
層の下位階層の数だけＧＵＩ表示および各接続関係を図
３に示すように表示するものである。The output device 6 outputs various kinds of information, and is a display or a printer. For example, the output device 6 displays GUIs and connection relationships as shown in FIG. is there.
【００２３】図１の（ｂ）は、下位階層のＧＵＩ表示例
を示す。ここで、“現階層での情報を表すＧＵＩ表示”
は、ここでは最上位階層をＧＵＩ表示したものであり、
枠内に当該最上位階層内の情報（要素）を表示する。FIG. 1B shows a GUI display example of the lower hierarchy. Here, "GUI display showing information in the current layer"
Is a GUI display of the top layer,
The information (element) in the highest hierarchy is displayed in the frame.
【００２４】“情報の持つ下位階層の数だけ付加”は、
最上位階層の下の下位階層の数だけここでは後方に一部
が見える矩形をＧＵＩ表示として付加して表示したもの
である。ここでは、下位階層が４つあるので、４つの後
方に一部が見える矩形をＧＵＩ表示として表示する。"Add only the number of lower layers of information" is
In this example, a rectangle whose part can be seen behind is added as a GUI display to the number of lower layers below the uppermost layer. Here, since there are four lower layers, a rectangle whose part can be seen behind four is displayed as a GUI display.
【００２５】以上のように、最上位階層のＧＵＩ表示
（矩形の枠およびこの枠内に最上位階層の要素を表示し
たもの）と、この最上位階層の下位にある下位階層の数
だけのＧＵＩ表示を後方に一部が見えるように表示、更
に図示しないが、当該最上位階層と他の最上位階層とを
線分で接続関係を表示することにより、 （１） 上位階層の下の下位階層の数を一目で見えるよ
うに表示できる。As described above, the GUI display of the highest layer (a rectangular frame and the elements of the highest layer displayed in this frame) and the GUI of the number of lower layers below the highest layer are displayed. Although not shown in the figure, the display is displayed so that a part of the display can be seen backward, but by displaying the connection relationship between the top layer and another top layer with a line segment, (1) the lower layer below the upper layer The number of can be displayed at a glance.
【００２６】（２） 上位階層と他の上位階層との接続
関係を容易に判断できるように表示できる。 （３） 上位階層の下の全ての下位階層の数だけＧＵＩ
表示されるため、任意の下位階層を選択してその階層の
詳細内容を直接に表示させることができる。(2) It can be displayed so that the connection relationship between the upper layer and another upper layer can be easily determined. (3) GUI for all lower layers under the upper layer
Since it is displayed, it is possible to select any lower layer and directly display the detailed contents of the layer.
【００２７】（４） 更に、（３）で選択した任意の下
位階層の詳細情報を表示する際に、後述する図３のや
に示すように、選択された任意の下位階層を枠１１で
表示し、当該枠１１内に下位階層の詳細情報を表示およ
び接続関係を表示、更に当該枠１１と他の階層との間の
接続関係を線分で表示し、目的とする下位階層と他の階
層との間の全体の接続関係を判り易く表示することがで
きる。(4) Furthermore, when the detailed information of the arbitrary lower hierarchy selected in (3) is displayed, the selected arbitrary lower hierarchy is displayed in the frame 11 as shown in FIG. Then, the detailed information of the lower layer and the connection relation are displayed in the frame 11, and the connection relation between the frame 11 and another layer is displayed by a line segment, and the target lower layer and other layers are displayed. It is possible to display the entire connection relationship between the and the intelligibly.
【００２８】図１の（ｃ）は、圧縮されたＧＵＩ表示の
展開方法例を示す。これは、後述する図９で圧縮して表
示したＧＵＩ表示を展開する方法を示す。図１の（ｃ−
１）は、圧縮したＧＵＩ表示例を示す。ここでは、ＧＵ
Ｉ表示のうちの第２番目の下位階層のＧＵＩ表示が圧縮
されて表示されているので、この第２番目の下位階層の
ＧＵＩ表示がマウスなどで選択されると、右側の（ｃ−
２）に示すように表示する。FIG. 1C shows an example of how to expand the compressed GUI display. This shows a method of expanding the GUI display compressed and displayed in FIG. 9 described later. 1 (c-
1) shows a compressed GUI display example. Here, GU
Since the GUI display of the second lower layer of the I display is compressed and displayed, when the GUI display of the second lower layer is selected with a mouse or the like, (c-
Display as shown in 2).
【００２９】図１の（ｃ−２）は、展開された階層情報
を示す。これは、（ｃ−１）で第２番目の下位階層のＧ
ＵＩ表示が選択されたことに対応して、この選択された
ＧＵＩ表示が圧縮されていると判明したので、当該第２
番目の下位階層の位置に合わせたここでは右側に３つの
下位階層に展開して表示する（展開された階層情報のよ
うに表示する）。FIG. 1C-2 shows the expanded hierarchical information. This is the second lower layer G in (c-1).
In response to the selection of the UI display, it is found that the selected GUI display is compressed.
In this example, the information is expanded and displayed in three lower layers on the right side according to the position of the second lower layer (displayed like expanded layer information).
【００３０】以上によって、上位階層の下位階層が数が
非常に多くなった場合、複数の下位階層をまとめて圧縮
したＧＵＩ表示として、図１の（ｃ−１）のように表示
しておき、圧縮されたＧＵＩ表示が選択された段階で、
（ｃ−２）に示すように、展開して実際の下位階層のＧ
ＵＩ表示を表示する。これにより、階層の数が非常に多
くなったときに表示して選択できる程度の数のＧＵＩ表
示に圧縮して表示し、操作性を良好に確保することがで
きる。As described above, when the number of lower layers of the upper layer becomes very large, a GUI display in which a plurality of lower layers are compressed together is displayed as shown in (c-1) of FIG. When the compressed GUI display is selected,
As shown in (c-2), the G of the actual lower hierarchy is expanded.
Display the UI display. As a result, when the number of layers becomes extremely large, the GUI display is compressed and displayed so that the number of GUI displays can be displayed and selected, and good operability can be ensured.
【００３１】次に、図２に示すフローチャートに従い、
図１の構成の動作を、図３を参照しつつ詳細に説明す
る。図２において、Ｓ１は、最上位階層を描画する。Next, according to the flow chart shown in FIG.
The operation of the configuration of FIG. 1 will be described in detail with reference to FIG. In FIG. 2, S1 draws the highest hierarchy.
【００３２】Ｓ２は、各要素の階層構造を検索する。Ｓ
３は、各要素の持つ下位階層数に応じた数のＧＵＩ表示
を付加（描画）する。これらＳ１からＳ３は、データベ
ース４を検索して例えば図３のに示すように、最上位
階層のＧＵＩ表示（ここでは矩形の枠）を表示（描画）
すると共に、このＧＵＩ表示の要素に下位階層の要素が
存在する場合、ここではアは２つの下位階層が存在し、
イは１つの下位階層が存在すると判明したので、アには
２つのＧＵＩ表示を表示（枠の一部が見えるように後方
に当該下位階層の数だけ表示）し、イには１つのＧＵＩ
表示を表示する。そして、各ＧＵＩ表示間を線分で図示
のように接続関係（入出力関係）を表示する。In step S2, the hierarchical structure of each element is searched. S
3 adds (draws) as many GUI displays as the number of lower layers of each element. These S1 to S3 search the database 4 and display (draw) a GUI display (rectangular frame in this case) of the highest layer as shown in, for example, FIG.
At the same time, if the element of this GUI display has an element of a lower layer, here, a has two lower layers,
Since it was found that there was one lower layer in A, two GUI displays were displayed in A (the number of the lower layers is displayed backward so that a part of the frame can be seen), and one GUI is displayed in B.
Show the display. Then, the connection relationship (input / output relationship) is displayed with a line segment between the GUI displays as shown in the figure.
【００３３】Ｓ４は、画面内の位置を指定する。これ
は、オペレータが、選択してその詳細を表示させようと
する画面の位置、例えば図３のの画面内の’の位置
（最上位から１つ下の階層のＧＵＩ表示の領域）をマウ
スでクリックする。In step S4, a position on the screen is designated. This is done by using the mouse to select the position of the screen on which the operator wants to select and display the details, for example, the position of'in the screen of FIG. 3 (the GUI display area one level below the top). click.
【００３４】Ｓ５は、ＧＵＩ表示領域内の選択か判別す
る。ここでは、図３の’の位置を選択したので、ＹＥ
Ｓとなり、Ｓ６に進む。一方、ＧＵＩ表示領域でなかっ
た場合には、ＮＯとなり、Ｓ４に戻る。In step S5, it is determined whether the selection is within the GUI display area. Here, since the position of'in FIG. 3 was selected, YE
It becomes S, and proceeds to S6. On the other hand, if it is not in the GUI display area, the determination result is NO and the process returns to S4.
【００３５】Ｓ６は、選択要素の確定を行なう。Ｓ７
は、選択された階層の確定を行なう。これは、Ｓ６で確
定した選択要素がいずれの階層かを確定する（図４を用
いて後述する）。In step S6, the selected element is determined. S7
Confirms the selected hierarchy. This determines which layer the selection element determined in S6 is (described later with reference to FIG. 4).
【００３６】Ｓ８は、下位階層の情報展開する。これ
は、Ｓ７で確定した下位階層の情報を展開する（図５を
用いて後述する）。Ｓ９は、階層情報の描画を行なう。
これは、Ｓ８で下位階層の展開された情報の描画を行な
う（図６を用いて後述する）。In step S8, the information of the lower hierarchy is developed. This expands the information of the lower hierarchy determined in S7 (described later with reference to FIG. 5). In step S9, the hierarchical information is drawn.
This draws the expanded information of the lower hierarchy in S8 (described later with reference to FIG. 6).
【００３７】Ｓ１０は、階層間の入出力関係の結合を行
い、接続関係を線分で表示する。Ｓ１１は、処理終了か
判別する。ＹＥＳの場合には、一連の任意下位階層の選
択に対応して、当該下位階層に関する表示処理を終了す
る。ＮＯの場合には、Ｓ４に戻り繰り返す。In step S10, the input / output relationships between the layers are combined and the connection relationships are displayed as line segments. In S11, it is determined whether the processing is completed. In the case of YES, the display process regarding the lower hierarchy is ended in response to the selection of a series of arbitrary lower hierarchy. If NO, the process returns to S4 and is repeated.
【００３８】以上の手順に従い、（１） 例えば図３の
に示すように、最上位階層のＧＵＩ表示および最上位
階層の要素に下位階層がある場合にはその下位階層の数
だけのＧＵＩ表示（表示できないときには圧縮してまと
めたＧＵＩ表示）を表示した状態で、オペレータから任
意の下位階層、ここでは、’の１つの下の階層、およ
び’’の１つの下の階層がそれぞれ選択された場合、
図３のに示すように、’に対応して枠（１）（最上
位階層を表す）を表示してその中に’の選択された下
位階層の情報を表示、および’’に対応して枠（２）
（最上位階層を表す）を表示してその中に’’の選択
された下位階層の情報を、図３ののように表示する。
（２） 更に、図３のの画面上で、オペレータから
任意の下位階層、ここでは、’の１つの下の階層が選
択された場合、図３のに示すように、’に対応して
枠（３）（図３ののウの階層を表す）を表示してその
中に’の選択された下位階層の情報を、図３ののよ
うに表示する。According to the procedure described above, (1) For example, as shown in FIG. 3, when the GUI display of the highest layer and the element of the highest layer has a lower layer, GUI display of the number of the lower layers ( When it is not possible to display, when the operator selects an arbitrary lower layer, that is, one lower layer of 'and one lower layer of ``, respectively, in a state in which a compressed GUI display) is displayed. ,
As shown in in Fig. 3, the frame (1) (representing the highest hierarchy) is displayed in correspondence with'and the information of the lower hierarchy selected in 'is displayed, and in correspondence with `` Frame (2)
(Representing the highest layer) is displayed, and the information of the lower layer selected by '' is displayed as shown in FIG.
(2) Furthermore, when an operator selects an arbitrary lower layer, that is, a layer below one of'here, on the screen of FIG. 3, as shown in FIG. (3) (representing the hierarchy of c in FIG. 3) is displayed, and the information of the selected lower hierarchy of'is displayed therein as shown in FIG.
【００３９】図３は、本発明の階層構造を持つ情報を展
開する際の画面遷移例を示す。図３のは、最上位階層
およびその下位階層のＧＵＩ表示例を示す。ここで、ア
の最上位階層には、２つの下位階層があるので、図示の
ようにＧＵＩ表示として枠の一部を後方に順次２つ表示
する。イの最上位階層には、１つの下位階層があるの
で、図示のようにＧＵＩ表示として枠の一部を後方に１
つ表示する。そして、これら最上位階層のＧＵＩ表示の
入出力を相互に線分で接続する。FIG. 3 shows an example of screen transition when expanding information having a hierarchical structure of the present invention. FIG. 3 shows a GUI display example of the highest layer and its lower layers. Here, since there are two lower hierarchies in the uppermost hierarchy of A, as shown in the figure, two parts of the frame are sequentially displayed backward in the GUI display. Since there is one lower layer in the uppermost layer of B, a part of the frame is displayed backward by 1 as a GUI display as shown in the figure.
Display one. Then, the input and output of the GUI display of these highest layers are mutually connected by line segments.
【００４０】図３のは、図３ののアの最上位階層か
ら１つ下の’のＧＵＩ表示をマウスでクリックして選
択、およびイの最上位階層から１つ下の’’のＧＵＩ
表示をマウスでクリックして選択したことに対応して表
示されたＧＵＩ表示例を示す。ここで、のアの最上位
階層を枠（１）で表示し、この枠（１）内に’で選択
した下位階層の情報を図示のように表示すると共に、表
示したウの階層に下位階層が１つあったので後方に１つ
矩形のＧＵＩ表示を図示のように表示する。そして、こ
の枠（１）内の最上位階層の入出力を線分で接続する。
また、枠（２）内の情報（要素）には、下位階層がない
ので、図示のように線分で情報をそれぞれ接続する。In FIG. 3, the GUI display "1" below the topmost layer of FIG. 3A is selected by clicking with the mouse, and the GUI display "1" below the topmost layer of B.
An example of GUI display displayed corresponding to selection by clicking the display with the mouse is shown. Here, the uppermost layer of A is displayed in the frame (1), the information of the lower layer selected in'is displayed in the frame (1) as shown in the figure, and the lower layer is displayed in the displayed C layer. Since there is one, a rectangular GUI display is displayed in the rear as shown. Then, the input and output of the highest hierarchy in this frame (1) are connected by line segments.
Further, since the information (element) in the frame (2) has no lower hierarchy, the information is connected by line segments as shown in the figure.
【００４１】図３のは、の枠（１）内のウの１つ下
の’のＧＵＩ表示をマウスでクリックして選択したこ
とに対応して表示されたＧＵＩ表示例を示す。ここで
は、枠（１）内に’で選択したウに対応する枠（３）
を表示し、この枠（３）内に当該下位階層の情報（要
素）を表示および情報間を線分で接続する。FIG. 3 shows an example of a GUI display displayed in response to the mouse click on the GUI display "1" below c in the frame (1). Here, in the frame (1), the frame (3) corresponding to the selected c
Is displayed, the information (element) of the lower hierarchy is displayed in this frame (3), and the information is connected by a line segment.
【００４２】尚、図３の→→の順番で下位階層を
表示したけれども、これに限られず、図３ので任意の
ＧＵＩ表示を選択してその選択された下位階層の表示を
枠内の情報（要素）を表示および線分で接続するように
してもよい。Although the lower hierarchy is displayed in the order of →→ in FIG. 3, the invention is not limited to this, and any GUI display in FIG. 3 is selected to display the selected lower hierarchy in the frame information ( (Elements) may be displayed and connected by line segments.
【００４３】以下図２のＳ７（Ａ）、Ｓ８（Ｂ）、Ｓ９
（Ｃ）について、図４、図５、図６を用いて順次詳細に
説明する。図４は、本発明の選択された階層の確定
（Ａ）のフローチャートを示す。これは、図２のＳ７
（Ａ）の詳細フローチャートであって、例えば図３の
の画面上でオペレータからマウスでクリックして選択さ
れたＧＵＩ表示の下位階層を確定するものである。Hereinafter, S7 (A), S8 (B) and S9 in FIG.
(C) will be sequentially described in detail with reference to FIGS. 4, 5, and 6. FIG. 4 shows a flowchart of the confirmation (A) of the selected layer according to the present invention. This is S7 in FIG.
FIG. 4A is a detailed flowchart of FIG. 3A, in which the lower layer of the GUI display selected by clicking with the mouse from the operator on the screen of FIG. 3 is defined.
【００４４】図４において、Ｓ２１は、入力として、選
択位置（ｐｘ、ｐｙ）をもとにＳ２２以下の処理を開始
する。これは、オペレータから図３のの画面上でマウ
スによってクリックして選択した位置（ｐｘ、ｐｙ）を
入力として、下位階層を確定する処理を開始する。In FIG. 4, S21 starts the processing of S22 and thereafter based on the selected position (px, py) as an input. This starts the process of fixing the lower hierarchy by inputting the position (px, py) selected by clicking with the mouse on the screen of FIG. 3 from the operator.
【００４５】Ｓ２２は、選択されたＧＵＩ表示の判別を
行なう。これは、オペレータがマウスによってクリック
して選択した位置（ｐｘ、ｐｙ）がいずれのＧＵＩ表示
内か判別する。At S22, the selected GUI display is determined. This determines in which GUI display the position (px, py) selected by the operator clicking with the mouse is selected.
【００４６】Ｓ２３は、選択されたＧＵＩ表示が下位階
層に対応するものか判別する。これは、Ｓ２２で判別し
た選択されたＧＵＩ表示が下位階層に対応するものであ
るか判別する。ＹＥＳの場合には、選択された下位階層
が判明したとして終了する（ＥＮＤ）。一方、ＮＯの場
合には、下位階層に対応するものでないので、Ｓ２４に
進む。In step S23, it is determined whether the selected GUI display corresponds to the lower layer. This determines whether the selected GUI display determined in S22 corresponds to the lower layer. In the case of YES, it is determined that the selected lower layer has been found, and the process ends (END). On the other hand, in the case of NO, since it does not correspond to the lower hierarchy, the process proceeds to S24.
【００４７】Ｓ２４は、選択されたＧＵＩ表示に複数の
下位階層が割り当てられた圧縮されたＧＵＩ表示か判別
する。ＹＥＳの場合には、複数下位階層をまとめて１つ
にしたＧＵＩ表示であると判明したので、Ｓ２５で選択
階層の位置に合わせて、その要素の持つ階層数をＧＵＩ
表示として追加表示し（図９に右側に示すように圧縮さ
れた下位階層を展開して階層数のＧＵＩ表示を追加して
表示し）、再度、オペレータから選択させ、Ｓ２６で選
択位置を確定し、Ｓ２２に戻り、同様に繰り返す。一
方、Ｓ２４のＮＯの場合には、圧縮されたＧＵＩ表示で
もなかったので、下位階層に該当しないとして終了する
（ＥＮＤ）。In step S24, it is determined whether the selected GUI display is a compressed GUI display in which a plurality of lower layers are assigned. In the case of YES, it has been found that the GUI display is one in which a plurality of lower hierarchies are combined into one. Therefore, in S25, the number of hierarchies of the element is set according to the position of the selected hierarchy.
Additional display is performed (as shown in the right side of FIG. 9, the compressed lower hierarchy is expanded and a GUI display of the number of hierarchies is added and displayed), the operator again selects, and the selection position is determined in S26. , S22, and the same process is repeated. On the other hand, in the case of NO in S24, since the GUI display is not compressed, the process is terminated because it does not correspond to the lower layer (END).
【００４８】以上によって、オペレータが図３のの画
面上で例えばアの１つ下の階層の’をマウスでクリッ
クして選択した場合、当該アの１つ下の下位階層が選択
された旨を出力する。尚、圧縮した下位階層のＧＵＩ表
示が選択された場合には、この圧縮した下位階層のＧＵ
Ｉを圧縮した階層数だけＧＵＩ表示を表示し、再度オペ
レータにそのうちから選択させ、同様にして選択された
下位階層を判別して出力する。As described above, when the operator clicks on the screen of FIG. 3 to select, for example, 'in the hierarchy one level lower than "a", the operator is informed that the lower level one level below "a" has been selected. Output. When the GUI display of the compressed lower layer is selected, the GUI of the compressed lower layer is selected.
The GUI display is displayed for the number of compressed layers of I, and the operator is again made to select from the GUI display, and similarly, the selected lower hierarchy is discriminated and output.
【００４９】図５は、本発明の下位階層の情報展開
（Ｂ）フローチャートを示す。これは、図２のＳ８
（Ｂ）の詳細フローチャートであって、図４によって確
定された下位階層の情報展開を行なうものである。FIG. 5 shows a lower layer information development (B) flowchart of the present invention. This is S8 in FIG.
It is a detailed flowchart of (B), and is for expanding the information of the lower hierarchy determined by FIG.
【００５０】図５において、Ｓ３１は、入力として、選
択された下位階層の位置をもとにＳ３２以下の処理を開
始する。これは、図４で確定した選択された下位階層を
入力として、当該下位階層内の情報の展開を開始する。In FIG. 5, S31 starts the processing of S32 and subsequent steps based on the position of the selected lower hierarchy as an input. This inputs the selected lower hierarchy determined in FIG. 4 and starts the development of information in the lower hierarchy.
【００５１】Ｓ３２は、展開する下位階層の要素数を得
る。Ｓ３３は、展開要素（展開する下位階層内の要素）
と上位階層の要素間の入出力情報の取り出しを行なう。In step S32, the number of elements in the lower hierarchy to be expanded is obtained. S33 is an expansion element (element in the lower hierarchy to be expanded)
And the input / output information between the elements of the upper hierarchy is extracted.
【００５２】Ｓ３４は、展開要素の入出力情報の取り出
しを行なう。Ｓ３５は、展開要素の画面位置の確定を行
なう。Ｓ３６は、画面出力時の位置関係の補正を行な
う。これは、展開しようとする下位階層内の要素を画面
上の位置（上位階層の位置）に表示しようとする際に、
他の要素と重ならないように補正（縮小、限定、移動な
ど）を行う。In step S34, the input / output information of the expansion element is extracted. In S35, the screen position of the expansion element is determined. In S36, the positional relationship at the time of screen output is corrected. This is because when you try to display the element in the lower hierarchy to be expanded at the position on the screen (the position of the upper hierarchy),
Correct (reduce, limit, move, etc.) so that it does not overlap with other elements.
【００５３】Ｓ３７は、全ての展開要素の処理終了か判
別する。ＹＥＳの場合には、下位階層内の全ての要素の
展開を終了したので、Ｓ３８に進む。ＮＯの場合には、
次の要素について、Ｓ３３以降を繰り返す。A step S37 decides whether or not the processing for all the expansion elements is completed. In the case of YES, since the development of all the elements in the lower hierarchy is completed, the process proceeds to S38. If no,
S33 and subsequent steps are repeated for the next element.
【００５４】Ｓ３８は、選択された下位階層の展開が終
了したか判別する。ＹＥＳの場合には、選択された全て
の下位階層の展開が終了したので、終了する。一方、Ｎ
Ｏの場合には、Ｓ３９で展開階層を１つ下の階層へ移
す。そして、Ｓ３２に戻り、繰り返す。In step S38, it is determined whether the development of the selected lower hierarchy is completed. In the case of YES, since the development of all the selected lower layers is completed, the process is completed. On the other hand, N
In the case of O, the expanded hierarchy is moved to the next lower hierarchy in S39. Then, the process returns to S32 and is repeated.
【００５５】以上によって、選択されて確定した下位階
層、例えば図３ののアの’の下位階層について、図
３のの枠（１）内の下位階層の要素を展開したことと
なる。そして、図６の処理に進む。As described above, the elements of the lower hierarchy within the frame (1) of FIG. 3 are expanded with respect to the selected and determined lower hierarchy, for example, the lower hierarchy of a in FIG. Then, the process proceeds to FIG.
【００５６】図６は、本発明の階層情報の描画（Ｃ）フ
ローチャートを示す。これは、図２のＳ９（Ｃ）の詳細
フローチャートであって、図５によって取り出して展開
などした階層情報の描画を行なうものである。FIG. 6 shows a flow chart (C) for drawing hierarchical information according to the present invention. This is a detailed flowchart of S9 (C) in FIG. 2, and is for drawing the hierarchical information extracted and expanded in FIG.
【００５７】図６において、Ｓ４１は、入力情報とし
て、各要素の配置、入出力関係をもとにＳ４２以下の処
理を開始する。Ｓ４２は、最上部の階層か判別する。Ｙ
ＥＳの場合には、Ｓ４７で階層内の要素間の入出力の結
合を行い、終了する（ＥＮＤ）。一方、ＮＯの場合に
は、最上部の階層でないと判明したので、Ｓ４３に進
む。In FIG. 6, S41 starts the processing from S42 onward based on the arrangement of each element and the input / output relationship as input information. In S42, it is determined whether it is the uppermost hierarchy. Y
In the case of ES, the input and output of the elements in the hierarchy are combined in S47, and the processing is ended (END). On the other hand, in the case of NO, it is determined that it is not the uppermost hierarchy, so the process proceeds to S43.
【００５８】Ｓ４３は、各要素の配置と描画を行なう。
Ｓ４４は、階層内の要素間の入出力の結合を行なう。Ｓ
４５は、階層間の要素間の入出力の結合を行なう。In step S43, each element is arranged and drawn.
In S44, the input and output of the elements in the hierarchy are combined. S
Reference numeral 45 connects input / output between elements between layers.
【００５９】Ｓ４６は、対象の階層の表示領域を枠で囲
む。これらＳ４３からＳ４６によって、例えば図３の
の’が選択されて当該選択された’の下位階層内の
要素と要素間の入出力情報、当該要素と上位階層との要
素の入出力情報などをもとに、図３のに図示のよう
に、枠（１）の各要素を表示および入出力を線分で接続
表示した後、当該枠（１）で囲む。そして、Ｓ４２に戻
る。In step S46, the display area of the target layer is surrounded by a frame. By these S43 to S46, for example, the input / output information between the elements in the lower hierarchy and the element of the selected'of FIG. As shown in FIG. 3, each element of the frame (1) is displayed and input / output is connected and displayed by a line segment, and then surrounded by the frame (1). Then, the process returns to S42.
【００６０】以上によって、図５で生成した各要素の配
置、入出力関係をもとに、画面上に選択された下位階層
の各要素およびその入出力を線分で接続表示して枠で囲
む、および最上位階層内の要素間の入出力を線分で接続
表示し、更に図２のＳ１０で階層間の入出力関係を線分
で接続表示し、例えば図３のに示すように表示する。As described above, based on the arrangement and input / output relationship of each element generated in FIG. 5, each element of the lower hierarchy selected on the screen and its input / output are connected and displayed by a line segment and surrounded by a frame. , And the input / output between the elements in the highest hierarchy are connected and displayed by line segments, and the input / output relationship between the hierarchies is connected and displayed by line segments in S10 of FIG. .
【００６１】図７は、本発明の下位階層を持つ要素のＧ
ＵＩ表示領域例を示す。ここで、点線の領域がＧＵＩ表
示領域であって、斜線の上位階層と、３つの下位階層の
ＧＵＩ表示を含む矩形領域である。FIG. 7 shows G of an element having a lower hierarchy of the present invention.
An example of a UI display area is shown. Here, the dotted line area is the GUI display area, which is a rectangular area including the GUI display of the upper hierarchical layer and the three lower hierarchical layers.
【００６２】図８は、本発明の下位階層を示すＧＵＩ表
示例を示す。これは、最上位階層の下の３つの下位階層
のＧＵＩ表示の例を示す。ここで、ＧＵＩ表示は、図示
のように、最上位階層の下の下位階層を後方に矩形でそ
の一部が見えるように表示する。FIG. 8 shows a GUI display example showing the lower layer of the present invention. This shows an example of the GUI display of the three lower layers below the top layer. Here, in the GUI display, as shown in the figure, a lower layer below the uppermost layer is displayed in a rectangular shape so that a part of the lower layer can be seen backward.
【００６３】図９は、本発明の多くの下位階層を持つ情
報のＧＵＩ表示（階層情報の圧縮）例を示す。この階層
情報の圧縮は、上位階層の下位の階層の数だけＧＵＩ表
示を行なうと、非常に多くの下位階層を持つ場合、付加
するＧＵＩ表示の数が非常に多くなってしまい、画面上
の示す割合が大きく成り過ぎてしまうので、複数の階層
情報をまとめて１つのＧＵＩ表示で代表することを行な
い、１つの下位階層を表すＧＵＩ表示と差別化（例えば
色、形などで差別化）して表示する。例えば（ａ）のｎ
個の下位階層を持つ場合、１つのＧＵＩ表示にｉ個をま
とめると、まとめた後のＧＵＩ表示の個数は、 ｍ＝ｎ／ｉ＋α αは、余りを表す。と、図９の（ｂ）に示すようにな
る。この圧縮したＧＵＩ表示が選択された場合、図１の
（ｃ）に示すように、当該圧縮したＧＵＩ表示を右側に
示すように元の下位階層に展開して表示する。この展開
して表示したＧＵＩ表示のうちの選択されたＧＵＩ表示
の下位階層についてその要素および要素間の接続関係を
表示する。FIG. 9 shows an example of GUI display (compression of layer information) of information having many lower layers according to the present invention. In this compression of layer information, if GUI display is performed by the number of lower layers of the upper layer, the number of GUI displays to be added becomes very large when there are a large number of lower layers. Since the ratio becomes too large, a plurality of pieces of hierarchical information are collectively represented by one GUI display and differentiated from the GUI display showing one lower hierarchy (for example, differentiation by color, shape, etc.). indicate. For example, n in (a)
In the case where there are i lower layers, when i pieces are grouped in one GUI display, the number of GUI displays after grouping is m = n / i + α α represents the remainder. Then, it becomes as shown in FIG. When this compressed GUI display is selected, as shown in (c) of FIG. 1, the compressed GUI display is expanded and displayed in the original lower hierarchy as shown on the right side. The element and the connection relationship between the elements are displayed for the lower hierarchy of the selected GUI display among the GUI displays expanded and displayed.
【００６４】[0064]
【発明の効果】以上説明したように、本発明によれば、
上位階層に下位階層の数だけのＧＵＩ表示を付加して表
示および上位階層間や階層内の要素間を線分で接続表示
などする構成を採用しているため、上位階層の下位階層
の数を表示、任意の階層を選択してその詳細情報を表
示、および階層間の接続関係を表示することができる。
これらの表示をオペレータが見て階層構造のデータ内容
を容易に把握することが可能となった。As described above, according to the present invention,
The GUI display is added to the upper layer by the number of lower layers, and the upper layer and the elements in the layer are connected by line segments. It is possible to display, select an arbitrary hierarchy to display its detailed information, and display the connection relationship between the hierarchies.
The operator can easily understand the data contents of the hierarchical structure by viewing these displays.
【図１】本発明の原理構成図である。FIG. 1 is a principle configuration diagram of the present invention.
【図２】本発明の全体動作説明フローチャートである。FIG. 2 is a flowchart for explaining the overall operation of the present invention.
【図３】本発明の階層構造を持つ情報を展開する際の画
面遷移例である。FIG. 3 is a screen transition example when expanding information having a hierarchical structure of the present invention.
【図４】本発明の選択された階層の確定（Ａ）フローチ
ャートである。FIG. 4 is a flowchart (A) of determining a selected layer according to the present invention.
【図５】本発明の下位階層の情報展開（Ｂ）フローチャ
ートである。FIG. 5 is a lower layer information expansion (B) flowchart of the present invention.
【図６】本発明の階層情報の描画（Ｃ）フローチャート
である。FIG. 6 is a drawing (C) flowchart of hierarchical information of the present invention.
【図７】本発明の下位階層を持つ要素のＧＵＩ表示領域
例である。FIG. 7 is an example of a GUI display area of an element having a lower layer according to the present invention.
【図８】本発明の下位階層を示すＧＵＩ表示例である。FIG. 8 is a GUI display example showing a lower layer of the present invention.
【図９】本発明の多くの下位階層を持つ情報のＧＵＩ表
示（階層情報の圧縮）例である。FIG. 9 is an example of GUI display (compression of hierarchical information) of information having many lower layers according to the present invention.
【図１０】ＤＢ情報の階層化表示例である。FIG. 10 is an example of hierarchical display of DB information.
【図１１】従来方式での階層構造のＧＵＩ表示例であ
る。FIG. 11 is a GUI display example of a hierarchical structure in the conventional method.
【図１２】従来の階層構造を持つ情報の表示方法例であ
る。FIG. 12 is an example of a conventional method of displaying information having a hierarchical structure.
１：情報管理装置 ２：階層表示機能 ３：制御部 ４：データベース ５：入力装置 ６：出力装置 １１：枠 1: Information management device 2: Hierarchical display function 3: Control part 4: Database 5: Input device 6: Output device 11: Frame
Claims (2)
て、 上位階層の各ＧＵＩ表示が持つ下位階層の数だけＧＵＩ
表示を後方に一部が見えるように順次表示および当該上
位階層の各ＧＵＩ表示間の入出力を線分で接続表示し、
いずれかの下位階層のＧＵＩ表示が選択されたことに対
応して、選択されたＧＵＩ表示（あるいは選択されたＧ
ＵＩ表示の最上位階層のＧＵＩ表示）の位置に枠（１
１）を設けて当該枠（１１）内に選択された下位階層の
ＧＵＩ表示および当該下位階層内のＧＵＩ表示間の入出
力を線分で接続表示する階層表示機能（２）を備えたこ
とを特徴とする階層表示方式。1. In a hierarchical display method for displaying a hierarchical structure, each GUI display of an upper hierarchy has as many GUIs as there are lower hierarchies.
The display is sequentially displayed so that a part can be seen backward, and the input and output between each GUI display of the upper hierarchy are connected and displayed by a line segment,
In response to the selection of the GUI display of any lower layer, the selected GUI display (or the selected GUI display)
A frame (1) at the position of the highest-level GUI display of UI display)
1) is provided, and the hierarchical display function (2) is provided to connect and display the GUI display of the lower layer selected in the frame (11) and the input / output between the GUI displays in the lower layer with line segments. Characteristic hierarchical display method.
て、 上位階層の各ＧＵＩ表示が持つ下位階層の数をまとめて
圧縮したＧＵＩ表示を後方に一部が見えるように順次表
示および当該上位階層の各ＧＵＩ表示間の入出力を線分
で接続表示し、いずれかの下位階層のＧＵＩ表示が選択
されたことに対応して、選択されたＧＵＩ表示が上記圧
縮したＧＵＩ表示であると判明した場合、当該圧縮され
たＧＵＩ表示を取り出して隣接する位置に下位階層の数
だけＧＵＩ表示を後方に一部が見えるように展開表示お
よび当該下位階層の各ＧＵＩ表示間の入出力を線分で接
続表示する階層表示機能（２）を備えたことを特徴とす
る階層表示方式。2. In a hierarchical display method for displaying a hierarchical structure, a GUI display in which the number of lower hierarchies of each GUI display of the upper hierarchy is collectively compressed is sequentially displayed so that a part can be seen in the rear, and the upper hierarchy is displayed. Input / output between the GUI displays are connected and displayed by line segments, and it is found that the selected GUI display is the compressed GUI display in response to the selection of one of the lower-layer GUI displays. , The compressed GUI display is taken out and the GUI display is expanded and displayed so that a part of the GUI display can be seen in the backward position at the adjacent position and the input / output between each GUI display of the lower layer is connected and displayed by a line segment. A hierarchical display method having a hierarchical display function (2) for
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP23268693A JP3374294B2 (en) | 1993-09-20 | 1993-09-20 | Hierarchical display |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP23268693A JP3374294B2 (en) | 1993-09-20 | 1993-09-20 | Hierarchical display |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JPH0785099A true JPH0785099A (en) | 1995-03-31 |
| JP3374294B2 JP3374294B2 (en) | 2003-02-04 |
Family
ID=16943204
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP23268693A Expired - Fee Related JP3374294B2 (en) | 1993-09-20 | 1993-09-20 | Hierarchical display |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP3374294B2 (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH10111874A (en) * | 1996-10-07 | 1998-04-28 | Casio Comput Co Ltd | Data processor |
| JP2001051766A (en) * | 1999-08-09 | 2001-02-23 | Nec Corp | Picture information browsing device |
| JP2001337762A (en) * | 2000-05-25 | 2001-12-07 | Sanwa Elec:Kk | Webpage display method |
| JP2002236696A (en) * | 2001-02-08 | 2002-08-23 | Ougi Seiko Kk | Method for retrieving and displaying information |
| WO2006129648A1 (en) * | 2005-06-01 | 2006-12-07 | Matsushita Electric Industrial Co., Ltd. | Hierarchical menu creation device, hierarchical menu creation method, hierarchical menu creation program, and integrated circuit used in the hierarchical menu creation device |
| US7315785B1 (en) | 1999-12-14 | 2008-01-01 | Hitachi Software Engineering Co., Ltd. | Method and system for displaying dendrogram |
| JP2008299363A (en) * | 2007-05-29 | 2008-12-11 | Ochanomizu Univ | Image generation method, program and database display device for visualizing database |
| JP2013222464A (en) * | 2012-04-12 | 2013-10-28 | Rathod Nainesh | Visual clustering method |
| JP2016194752A (en) * | 2015-03-31 | 2016-11-17 | 富士通株式会社 | Display method, apparatus, and program |
| JP2017107282A (en) * | 2015-12-07 | 2017-06-15 | 日本電気株式会社 | Information processing apparatus, information processing method, and program |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPS61118796A (en) * | 1984-11-15 | 1986-06-06 | 日本電気株式会社 | Display system of circuit plan |
| JPH02148173A (en) * | 1988-11-30 | 1990-06-07 | Fuji Xerox Co Ltd | Tree structural drawing generating system |
| JPH02155066A (en) * | 1988-12-07 | 1990-06-14 | Hitachi Ltd | Document processor |
| JPH0342777A (en) * | 1989-07-11 | 1991-02-22 | Nec Corp | Circuit diagram editor |
| JPH0440559A (en) * | 1990-06-06 | 1992-02-10 | Fuji Xerox Co Ltd | Browser display method for hypermedia device |
| JPH04195467A (en) * | 1990-11-28 | 1992-07-15 | Fuji Xerox Co Ltd | Tree structure chart display system |
| JPH04340129A (en) * | 1991-05-16 | 1992-11-26 | Nec Corp | Display device for hierarchical network diagram |
| JPH05225274A (en) * | 1992-02-15 | 1993-09-03 | Mitsubishi Electric Corp | Circuit diagram generation and display device |
-
1993
- 1993-09-20 JP JP23268693A patent/JP3374294B2/en not_active Expired - Fee Related
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPS61118796A (en) * | 1984-11-15 | 1986-06-06 | 日本電気株式会社 | Display system of circuit plan |
| JPH02148173A (en) * | 1988-11-30 | 1990-06-07 | Fuji Xerox Co Ltd | Tree structural drawing generating system |
| JPH02155066A (en) * | 1988-12-07 | 1990-06-14 | Hitachi Ltd | Document processor |
| JPH0342777A (en) * | 1989-07-11 | 1991-02-22 | Nec Corp | Circuit diagram editor |
| JPH0440559A (en) * | 1990-06-06 | 1992-02-10 | Fuji Xerox Co Ltd | Browser display method for hypermedia device |
| JPH04195467A (en) * | 1990-11-28 | 1992-07-15 | Fuji Xerox Co Ltd | Tree structure chart display system |
| JPH04340129A (en) * | 1991-05-16 | 1992-11-26 | Nec Corp | Display device for hierarchical network diagram |
| JPH05225274A (en) * | 1992-02-15 | 1993-09-03 | Mitsubishi Electric Corp | Circuit diagram generation and display device |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH10111874A (en) * | 1996-10-07 | 1998-04-28 | Casio Comput Co Ltd | Data processor |
| JP2001051766A (en) * | 1999-08-09 | 2001-02-23 | Nec Corp | Picture information browsing device |
| US7315785B1 (en) | 1999-12-14 | 2008-01-01 | Hitachi Software Engineering Co., Ltd. | Method and system for displaying dendrogram |
| JP2001337762A (en) * | 2000-05-25 | 2001-12-07 | Sanwa Elec:Kk | Webpage display method |
| JP2002236696A (en) * | 2001-02-08 | 2002-08-23 | Ougi Seiko Kk | Method for retrieving and displaying information |
| WO2006129648A1 (en) * | 2005-06-01 | 2006-12-07 | Matsushita Electric Industrial Co., Ltd. | Hierarchical menu creation device, hierarchical menu creation method, hierarchical menu creation program, and integrated circuit used in the hierarchical menu creation device |
| JP2008299363A (en) * | 2007-05-29 | 2008-12-11 | Ochanomizu Univ | Image generation method, program and database display device for visualizing database |
| JP2013222464A (en) * | 2012-04-12 | 2013-10-28 | Rathod Nainesh | Visual clustering method |
| JP2016194752A (en) * | 2015-03-31 | 2016-11-17 | 富士通株式会社 | Display method, apparatus, and program |
| JP2017107282A (en) * | 2015-12-07 | 2017-06-15 | 日本電気株式会社 | Information processing apparatus, information processing method, and program |
Also Published As
| Publication number | Publication date |
|---|---|
| JP3374294B2 (en) | 2003-02-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US6873344B2 (en) | Media production system using flowgraph representation of operations | |
| JP3320197B2 (en) | Image editing apparatus and method | |
| US6317739B1 (en) | Method and apparatus for data retrieval and modification utilizing graphical drag-and-drop iconic interface | |
| US5555357A (en) | Computer system and method for generating and manipulating charts and diagrams | |
| US6983420B1 (en) | Motion picture information displaying method and apparatus | |
| US20080120572A1 (en) | Method and apparatus for displaying menu in cross shape | |
| JPH05307476A (en) | Tree structure displaying and editing device | |
| EP0461830B1 (en) | Figure editing apparatus | |
| JP3374294B2 (en) | Hierarchical display | |
| KR100331159B1 (en) | Screen editor | |
| US5835917A (en) | Table forming apparatus employing a partial ruled survey for facilitated table formation | |
| JP3754111B2 (en) | Method for generating hierarchically related information and computer-controlled display system | |
| EP0477760A1 (en) | Programming method and apparatus for programmable controller | |
| JP3288460B2 (en) | Display data generation apparatus and method | |
| US20020122047A1 (en) | Display controlling method, program and display controlling apparatus | |
| JP3701127B2 (en) | Data management apparatus and computer-readable recording medium recording data management program | |
| JPH08235344A (en) | Scenario editor | |
| JP2657028B2 (en) | Electric circuit diagram display device | |
| JPS6068473A (en) | Searching system for corresponding ruled line of word processor or the like | |
| JP3588540B2 (en) | GUI creation support device, GUI creation support method, and recording medium recording GUI creation support program | |
| JPH09167071A (en) | Device and method for automatic editing of display menu | |
| JPH0876951A (en) | System and method for displaying map of hypermedia | |
| JP3490779B2 (en) | Screen control device by key input | |
| JPH0935083A (en) | Animation editing device | |
| JP2004126723A (en) | Root designating device for distribution cable and its method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20021029 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20081129 Year of fee payment: 6 |
|
| LAPS | Cancellation because of no payment of annual fees |