JP2000357172A - Hierarchy definition file display system - Google Patents

Hierarchy definition file display system

Info

Publication number
JP2000357172A
JP2000357172A JP17051599A JP17051599A JP2000357172A JP 2000357172 A JP2000357172 A JP 2000357172A JP 17051599 A JP17051599 A JP 17051599A JP 17051599 A JP17051599 A JP 17051599A JP 2000357172 A JP2000357172 A JP 2000357172A
Authority
JP
Japan
Prior art keywords
definition file
item
display
hierarchical
display mode
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
JP17051599A
Other languages
Japanese (ja)
Inventor
Kenji Mori
賢治 毛利
Noriyoshi Tomioka
乃美 富岡
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.)
Fujitsu Ltd
Original Assignee
Fujitsu 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 Fujitsu Ltd filed Critical Fujitsu Ltd
Priority to JP17051599A priority Critical patent/JP2000357172A/en
Publication of JP2000357172A publication Critical patent/JP2000357172A/en
Pending legal-status Critical Current

Links

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

PROBLEM TO BE SOLVED: To provide a hierarchy definition file display system which facilitates structuring and correcting operation for a system. SOLUTION: The hierarchy definition file display system which displays, on a browser screen 3, a hierarchy definition file 1 wherein the hierarchical structure of multiple items made hierarchical is defined includes a variable (switch flag) for making control possible so that all the items constituting the hierarchy definition file 1 are displayed in one of a 1st display mode wherein the layer right below an item is expanded and displayed when the item has the lower layer and a 2nd display mode wherein the layer right below the item is displayed without being expanded.

Description

【発明の詳細な説明】DETAILED DESCRIPTION OF THE INVENTION

【0001】[0001]

【発明の属する技術分野】本発明は、HTMLなどで記
述された階層化定義ファイルをブラウザ画面上に表示す
る階層化定義ファイル表示システムに関する。
The present invention relates to a hierarchical definition file display system for displaying a hierarchical definition file described in HTML or the like on a browser screen.

【0002】[0002]

【従来の技術】ある事柄を説明する際に、その事柄を階
層化して表現すると分かりやすくなる場合がある。例え
ば、1冊の本の内容を部、章、項、節のように階層化し
て説明すると理解されやすくなることが多い。ブラウザ
画面上に文書情報を表示する場合も同様である。
2. Description of the Related Art When explaining a certain matter, it is sometimes easy to understand if the matter is expressed in a hierarchical structure. For example, it is often easy to understand if the contents of one book are described in a hierarchy such as a section, a chapter, a section, or a section. The same applies when displaying document information on the browser screen.

【0003】図6は、階層化された情報をブラウザ画面
上に表示した例を示す図である。
FIG. 6 is a diagram showing an example in which hierarchical information is displayed on a browser screen.

【0004】図6には、パーソナルコンピュータの表示
装置上に、代表的なブラウザの一つであるNetsca
pe Navigatorを用いてある情報の目次を表
示した画面20が示されている。すなわち、この画面2
0の下左側の階層表示領域20aには、「目次」を構成
する最上位階層項目21a,21b,21c,…が列挙
されている。ここで、これらの項目21a,21b,2
1c,…を最上位階層項目と呼ぶのは、「目次」という
情報が階層構造を持つ情報であり、これらの各項目21
a,21b,21c,…それぞれの下に下位階層項目が
存在する可能性があることを意味している。
FIG. 6 shows Netsca, one of the typical browsers, on a display device of a personal computer.
A screen 20 displaying a table of contents of certain information using a pe Navigator is shown. That is, this screen 2
In the hierarchy display area 20a on the lower left side of 0, the highest hierarchy items 21a, 21b, 21c,... Constituting the "table of contents" are listed. Here, these items 21a, 21b, 2
1c,... Are called top-level items because the information “table of contents” has a hierarchical structure.
.., 21b, 21c,... means that there is a possibility that lower hierarchical items may exist below each of them.

【0005】これらの最上位階層項目21a,21b,
21c,…のうちの最上行の項目21a「はじめに」に
は他の項目に付された下線とは異なる色の下線が付され
ており、この項目がマウスでクリックされた状態である
ことを示しているが、白黒印刷では識別が難しい。この
ように、項目21a「はじめに」がマウスクリックされ
ると、その内容が階層表示領域20aの右側の内容表示
領域20bに図示のように表示される。
[0005] These top-level items 21a, 21b,
The item 21a "Introduction" in the top line of the items 21c,... Is underlined in a color different from the underline added to other items, indicating that this item is in a state of being clicked with the mouse. However, black-and-white printing makes identification difficult. As described above, when the item 21a "Introduction" is clicked with the mouse, the content is displayed in the content display area 20b on the right side of the hierarchical display area 20a as shown in the figure.

【0006】なお、図6では、全ての項目の先頭に、本
が閉じられている状態を表すアイコン(絵文字)22a
が表示されており、その項目が階層展開されていない状
態であることを表している。アイコンには、このアイコ
ン22aのほかに、図8(c)に示すように、その項目
が階層展開されていることを表す、本が開かれた状態を
表すアイコン22bと、内容自体が表示されていること
を表すページ右上部が折られたアイコン22cとがあ
る。
In FIG. 6, an icon (pictogram) 22a indicating that the book is closed is placed at the top of all items.
Is displayed, which indicates that the item is not hierarchically expanded. In addition to the icon 22a, as shown in FIG. 8C, the icon 22b indicates that the item is expanded in a hierarchy, the icon 22b indicates the open state of the book, and the icon itself is displayed. There is an icon 22c in which the upper right part of the page is turned to indicate that the icon 22c is turned off.

【0007】図7は、従来のブラウザ画面における情報
の階層化表示の仕組みを示す模式図である。
FIG. 7 is a schematic diagram showing a conventional mechanism for hierarchically displaying information on a browser screen.

【0008】図7にには、図6に示した画面20の元の
情報であるHTML(HyperText Marku
p Language)などで記述された階層化定義フ
ァイル31と、この階層化定義ファイル31から選択し
たパターンのファイルがRAM32をスルーしてブラウ
ザ画面30に表示された様子が示されている。利用者
は、マウスなどの入力装置33により、この画面30上
の所望個所をクリックすることにより画面の表示状態を
変更できるように構成されている。
FIG. 7 shows HTML (HyperText Marku) which is the original information of the screen 20 shown in FIG.
A hierarchical definition file 31 described in p Language, etc., and a pattern file selected from the hierarchical definition file 31 are displayed on the browser screen 30 through the RAM 32. The user can change the display state of the screen by clicking a desired portion on the screen 30 with the input device 33 such as a mouse.

【0009】階層化定義ファイル31は、最上位の項目
だけの表示状態を定義した階層定義ファイル31_1、
最上位項目のうち項目「はじめに」を展開した場合の表
示状態を定義した階層定義ファイル31_2_1、最上
位項目のうち項目「1.システム概要」を展開した場合
の表示状態を定義した階層定義ファイル31_2_2,
31_2_3,…、最上位項目のうち項目「はじめに」
および項目「1.システム概要」の2つの項目を展開し
た場合の表示状態を定義した階層定義ファイル31_3
_1,31_3_2,31_3_3,…などからなって
いる。さらに、図7には、紙面の都合上図示されていな
いが、最上位項目のうちの3つの項目、4つの項目、5
つの項目、…を展開した場合の表示状態を定義した多数
の階層定義ファイル群がある。
The hierarchy definition file 31 includes a hierarchy definition file 31_1 defining the display state of only the top item,
The hierarchy definition file 31_2_1 defining the display state when the item "Introduction" is expanded among the top items, and the hierarchy definition file 31_2_2 defining the display state when the item "1. System Overview" is expanded among the top items ,
31_2_3,..., The item “Introduction” among the top items
And a hierarchy definition file 31_3 that defines the display state when the two items “1.
_1, 31_3_2, 31_3_3,... Further, although not shown in FIG. 7 due to space limitations, three of the top items, four items,
There are a number of hierarchical definition file groups that define the display state when one item,... Is expanded.

【0010】図8は、図6および図7に示した画面上の
目次が階層展開される過程を示す模式図である。
FIG. 8 is a schematic diagram showing a process in which the table of contents on the screen shown in FIGS. 6 and 7 is hierarchically expanded.

【0011】図8(a)には、図6に示した画面20と
同じ画面が示されている。
FIG. 8A shows the same screen as the screen 20 shown in FIG.

【0012】図8(b)には、図8(a)の画面下左側
の領域の丸く囲んだ部分が拡大して示されている。ここ
で、利用者がマウスを操作して、図8(b)に示された
複数項目のうちの、例えば「1.システム概要」をクリ
ックしたとすると、項目「1.システム概要」が階層展
開され、図8(c)に示すように、下位項目「1.1.
概要」、「1.2.注意事項」が表示される。
FIG. 8 (b) is an enlarged view of a portion surrounded by a circle in the lower left area of the screen of FIG. 8 (a). Here, assuming that the user operates the mouse and clicks, for example, “1. System Overview” among a plurality of items shown in FIG. 8B, the item “1. As shown in FIG. 8 (c), the lower item "1.1.
Overview ”and“ 1.2. Notes ”are displayed.

【0013】さらに、図8(c)に示された複数項目の
うちの、例えば「3.ICAD/MX→ICAD/PC
B」をクリックしたとすると、項目「3.ICAD/M
X→ICAD/PCB」が階層展開され、図8(d)に
示すように、下位項目「3.1.変換概要」、「3.
2.変換仕様」、「3.3.使い方」、「3.4.トラ
ブルシューティング」が表示される。
Further, among the plurality of items shown in FIG. 8C, for example, "3. ICAD / MX → ICAD / PC"
If you click on “B”, the item “3.
X → ICAD / PCB ”is hierarchically expanded, and as shown in FIG. 8D, the lower items“ 3.1. Conversion overview ”and“ 3.
2. "Conversion specifications", "3.3. How to use", and "3.4. Troubleshooting" are displayed.

【0014】さらに、図8(d)に示された複数項目の
うちの、例えば「3.2.変換仕様」をクリックしたと
すると、項目「3.2.変換仕様」が階層展開され、図
8(e)に示すように、下位項目「3.2.1.ICA
D/MXでの作要」、「3.2.2.変換仕様」が表示
される。
Further, if the user clicks, for example, "3.2. Conversion specification" among the plurality of items shown in FIG. 8D, the item "3.2. Conversion specification" is expanded hierarchically. As shown in FIG. 8 (e), the lower item “3.2.1.
D / MX operation "and" 3.2.2. Conversion specification "are displayed.

【0015】また、図8(e)に示された表示状態にお
いて、例えば、現に階層展開されている「1.システム
概要」をマウスでクリックしたとすると、項目「1.シ
ステム概要」の下位項目「1.1.概要」、「1.2.
注意事項」の階層展開が解除され、図8(f)に示すよ
うに、項目「1.システム概要」の直下に次の項目
「2.チュートリアル」が表示される。
In the display state shown in FIG. 8 (e), for example, if "1. System Outline" which is currently hierarchically expanded is clicked with a mouse, a sub-item of the item "1. System Outline" is displayed. “1.1. Overview”, “1.2.
The hierarchical expansion of “Notes” is canceled, and the next item “2. Tutorial” is displayed immediately below the item “1. System overview” as shown in FIG.

【0016】[0016]

【発明が解決しようとする課題】以上説明したように、
従来の階層化定義ファイルは、ファイル構造が単純でわ
かりやすいという利点はあるが、この方式で実際に階層
化定義ファイル表示システムを構築しようとすると、前
述のように、階層定義ファイルの数が極めて膨大なもの
となるために、システム構築に多大の時間を必要とする
という問題がある。また、階層が深くなるほど各定義フ
ァイル間の関係が複雑なものとなるため、各定義ファイ
ルへの項目追加あるいは項目削除などの修正作業を行う
際には、膨大な数の定義ファイル相互間のデータの整合
をとりながら修正作業を行わなければならず、膨大なコ
ストを必要とする。そのため、項目数が多くかつ深い階
層構造を持つ階層化定義ファイルの構築を行うことは実
用上非常に困難である。
As described above,
The conventional hierarchical definition file has the advantage that the file structure is simple and easy to understand. However, if an attempt is made to actually construct a hierarchical definition file display system using this method, as described above, the number of hierarchical definition files becomes extremely large. Therefore, there is a problem that it takes a lot of time to construct the system. In addition, the deeper the hierarchy, the more complicated the relationship between the definition files becomes. Therefore, when performing correction work such as adding or deleting items to each definition file, a huge number of data between the definition files is required. It is necessary to carry out the correction work while maintaining the matching, which requires enormous costs. Therefore, it is practically very difficult to construct a hierarchical definition file having a large number of items and a deep hierarchical structure.

【0017】本発明は、上記の事情に鑑み、システムの
構築および修正作業が容易な階層化定義ファイル表示シ
ステムを提供することを目的とする。
The present invention has been made in view of the above circumstances, and has as its object to provide a hierarchical definition file display system that facilitates system construction and modification.

【0018】[0018]

【課題を解決するための手段】上記の目的を達成する本
発明の階層化定義ファイル表示システムは、階層化され
た複数の項目の階層構造が定義された階層化定義ファイ
ルをブラウザ画面上に表示する階層化定義ファイル表示
システムにおいて、上記階層化定義ファイルが、該階層
化定義ファイルを構成する複数の項目について、その項
目に下位の階層が存在する場合に、その項目の直下の階
層を展開した状態で表示する第1の表示モード、および
その項目の直下の階層を展開せずに表示する第2の表示
モードのうちのいずれか一方の表示モードでその項目を
表示するように制御する表示モード制御構造を含むもの
であることを特徴とする。
A hierarchical definition file display system according to the present invention for achieving the above object displays a hierarchical definition file in which a hierarchical structure of a plurality of hierarchical items is defined on a browser screen. In the hierarchical definition file display system, when the hierarchical definition file includes a plurality of items constituting the hierarchical definition file, if the item has a lower hierarchy, the hierarchy immediately below the item is expanded. A display mode in which the item is controlled to be displayed in one of a first display mode for displaying in a state and a second display mode for displaying without expanding a layer immediately below the item. It is characterized by including a control structure.

【0019】ここで、上記表示モード制御構造が、上記
項目の表示を、上記第1の表示モードおよび上記第2の
表示モードのうちのいずれの表示モードで行うかを項目
毎に設定する、表示モードの切換が自在な変数を用いて
記述されたものであることが好ましい。
Here, the display mode control structure sets, for each item, which of the first display mode and the second display mode is used to display the item. It is preferable that the mode switching is described using a variable that can be freely changed.

【0020】また、上記表示モード制御構造がJava
言語で記述されたものであることが好ましい。
Further, the display mode control structure is Java.
It is preferably written in a language.

【0021】[0021]

【発明の実施の形態】以下、本発明の実施形態について
説明する。
Embodiments of the present invention will be described below.

【0022】図1は、本発明の階層化定義ファイル表示
システムが構築されるコンピュータシステムの一例を示
す概要図である。
FIG. 1 is a schematic diagram showing an example of a computer system on which a hierarchical definition file display system of the present invention is constructed.

【0023】本発明の階層化定義ファイル表示システム
は、図1に示すようなコンピュータシステム上に構築さ
れて運用される。
The hierarchical definition file display system of the present invention is constructed and operated on a computer system as shown in FIG.

【0024】図1に示すように、このコンピュータシス
テム100は、CPU(中央演算処理装置)、RAM
(ランダムアクセスメモリ)、ハードディスク、通信用
ボードなどを内蔵した本体101,本体101からの指
示により画面表示を行うCRTディスプレイ102、こ
のコンピュータ内にユーザの指示や文字情報を入力する
ためのキーボード103、CRTディスプレイ102の
画面上の任意の位置を指定することによりその位置に応
じた指示を入力するマウス104、およびこのコンピュ
ータを他のコンピュータと接続する通信ケーブル105
を備えている。
As shown in FIG. 1, the computer system 100 includes a CPU (Central Processing Unit), a RAM
(Random access memory), a hard disk, a main body 101 incorporating a communication board, etc., a CRT display 102 for displaying a screen according to instructions from the main body 101, a keyboard 103 for inputting user's instructions and character information into the computer, A mouse 104 for designating an arbitrary position on the screen of the CRT display 102 and inputting an instruction corresponding to the position, and a communication cable 105 for connecting this computer to another computer
It has.

【0025】本体101は、フロッピーディスクやMO
(光ハードディスク)が取り出し自在に挿入されるフロ
ッピーディスク挿入口101aやMO挿入口101bを
有しており、その内部に挿入されたフロッピーディス
ク、MOをドライブするフロッピーディスクドライブ、
MOドライブが内蔵されている。
The main body 101 is a floppy disk or MO
A floppy disk insertion slot 101a and an MO insertion slot 101b into which an (optical hard disk) is removably inserted, a floppy disk inserted therein, a floppy disk drive for driving the MO,
MO drive is built-in.

【0026】本発明の階層化定義ファイル表示システム
をコンピュータシステム100上に構築するためのプロ
グラムが、これらのフロッピーディスクまたはMOなど
に記憶されており、そのプログラムが記憶されたフロッ
ピーディスクまたはMOなどをフロッピーディスク挿入
口101aまたはMO挿入口101bに挿入し、そのプ
ログラムを本体101内のハードディスクにインストー
ルする。こうして、このコンピュータシステム100
に、本実施形態の階層化定義ファイル表示システムが構
築される。
A program for constructing the hierarchical definition file display system of the present invention on the computer system 100 is stored on such a floppy disk or MO, and the floppy disk or MO on which the program is stored is stored on the floppy disk or MO. The program is inserted into the floppy disk insertion slot 101a or MO insertion slot 101b, and the program is installed on a hard disk in the main body 101. Thus, the computer system 100
Next, the hierarchical definition file display system of the present embodiment is constructed.

【0027】図2は、図1に示す外観を有するコンピュ
ータシステム100のハードウエア構成図である。
FIG. 2 is a hardware configuration diagram of the computer system 100 having the appearance shown in FIG.

【0028】このハードウエア構成図には、CPU11
1、RAM112、ハードディスクコントローラ11
3、フロッピーディスクドライブ114、MOドライブ
115、マウスコントローラ116、キーボードコント
ローラ117、ディスプレイコントローラ118および
通信用ボード119が示されており、それらはバス11
0で相互に接続されている。フロッピーディスクドライ
ブ114、MOドライブ115は、図1を参照して説明
したように、フロッピーディスク挿入口101aやMO
挿入口101bに挿入されたフロッピーディスク12
1、MO122をアクセスする。
In this hardware configuration diagram, the CPU 11
1, RAM 112, hard disk controller 11
3, a floppy disk drive 114, an MO drive 115, a mouse controller 116, a keyboard controller 117, a display controller 118, and a communication board 119, which are connected to the bus 11
0 are mutually connected. As described with reference to FIG. 1, the floppy disk drive 114 and the MO drive 115
Floppy disk 12 inserted into insertion slot 101b
1. The MO 122 is accessed.

【0029】通信ボード119は、通信ケーブル105
を介してこのコンピュータシステム100を他のコンピ
ュータシステムと相互に接続する。
The communication board 119 includes a communication cable 105
The computer system 100 is interconnected with other computer systems via the.

【0030】また、図2には、ハードディスクコントロ
ーラ113によりアクセスされるハードディスク12
0、マウスコントローラ116により制御されるマウス
104、キーボードコントローラ117により制御され
るキーボード103、およびディスプレイコントローラ
118により制御されるCRTディスプレイ102も示
されている。
FIG. 2 shows the hard disk 12 accessed by the hard disk controller 113.
0, a mouse 104 controlled by a mouse controller 116, a keyboard 103 controlled by a keyboard controller 117, and a CRT display 102 controlled by a display controller 118.

【0031】ここでは、キーボード103やマウス10
4がユーザによって操作されることにより階層化定義フ
ァイル表示システムが運用され、その結果がCRTディ
スプレイ102上に表示される。
Here, the keyboard 103 and the mouse 10
4 is operated by the user to operate the hierarchical definition file display system, and the result is displayed on the CRT display 102.

【0032】前述したように、フロッピーディスク12
1またはMO122などに本実施形態の階層化定義ファ
イル表示システムのプログラムが記憶されており、フロ
ッピーディスクドライブ114によりフロッピーディス
ク121から、または、MOドライブ115によりMO
122から本実施形態の階層化定義ファイル表示システ
ムのプログラムが読み込まれ、バス110を経由し、ハ
ードディスクコントローラ113によりハードディスク
120内に格納される。実際のシステムの実行にあたっ
ては、ハードディスク120内に格納されたプログラム
はRAM112上にロードされ、CPU111により実
行される。
As described above, the floppy disk 12
1 or the MO 122 stores a program of the hierarchical definition file display system of the present embodiment, and is stored in the floppy disk drive 114 from the floppy disk 121 or the MO drive 115 in the MO.
The program of the layered definition file display system of the present embodiment is read from 122 and stored in the hard disk 120 by the hard disk controller 113 via the bus 110. In actual execution of the system, a program stored in the hard disk 120 is loaded on the RAM 112 and executed by the CPU 111.

【0033】コンピュータシステム100としては、ク
ライアントサーバシステムやスタンドアローンシステム
などいずれの形態のコンピュータシステムを用いること
ができる。
As the computer system 100, any type of computer system such as a client server system and a stand-alone system can be used.

【0034】図3は、本発明の階層化定義ファイル表示
システムの一実施形態を示す概要図であり、図4は、図
3に示す階層化定義ファイル表示システムに備えられた
処理定義ファイルの内容(a)および初期値定義ファイ
ルの内容(b)を示す図である。
FIG. 3 is a schematic diagram showing an embodiment of a hierarchical definition file display system according to the present invention. FIG. 4 is a diagram showing the contents of a process definition file provided in the hierarchical definition file display system shown in FIG. FIG. 3A is a diagram illustrating contents of an initial value definition file.

【0035】図3に示すように、この階層化定義ファイ
ル表示システムには、図1および図2に示したコンピュ
ータシステム100のハードディスク120内に記憶さ
れた階層化定義ファイル1が備えられている。この階層
化定義ファイル1は、処理定義ファイル1_1および初
期値定義ファイル1_2の2つのファイルからなる処理
定義ファイル1_1には、階層化定義ファイル1を構成
する全ての項目1_1a,1_1b,1_1c,…が全
階層にわたって展開された状態で記述されている。処理
定義ファイル1_1の各項目1_1a,1_1b,1_
1c,…には、その項目に下位の階層が存在する場合
に、その項目の直下の階層を展開した状態で表示する第
1の表示モード、およびその項目の直下の階層を展開せ
ずに表示する第2の表示モードのうちのいずれか一方の
表示モードでその項目を表示するように制御する表示モ
ード制御構造が含まれている。
As shown in FIG. 3, the hierarchical definition file display system includes the hierarchical definition file 1 stored in the hard disk 120 of the computer system 100 shown in FIGS. The hierarchical definition file 1 includes a process definition file 1_1 and an initial value definition file 1_2. The process definition file 1_1 includes all the items 1_1a, 1_1b, 1_1c,. It is described in a state where it is expanded over all layers. Each item 1_1a, 1_1b, 1_ of the process definition file 1_1
1c,..., A first display mode in which a hierarchy immediately below the item is expanded when a lower hierarchy exists for the item, and a display without expanding the hierarchy immediately below the item. And a display mode control structure for controlling the item to be displayed in one of the second display modes.

【0036】すなわち、図4(a)に示すように、処理
定義ファイル1_1を構成する各項目毎に、その項目を
展開して表示する第1の表示モードおよび展開しないで
表示する第2の表示モードのいずれの表示モードで表示
するかを制御するためのスイッチフラグによる表示制御
の仕組みが記述されている。本実施形態では、このスイ
ッチフラグを用いた表示モード制御構造はJavaSc
riptで記述されている。
That is, as shown in FIG. 4A, for each item constituting the process definition file 1_1, a first display mode for expanding and displaying the item and a second display for displaying without expanding the item. A description is given of a display control mechanism using a switch flag for controlling in which display mode the image is displayed. In the present embodiment, the display mode control structure using this switch flag is JavaSc.
This is described by "ript".

【0037】例えば、図4(a)の第1行目L4a_1
には、スイッチフラグの一つである変数“intro”
の値“intro.value”が0でない、すなわち
1である場合に、第2行目L4a_2に記述されている
ように、変数“intro”を0にし、該当階層項目の
クリック時の動作定義とイメージデータおよび項目名の
表示を行い、さらに、第3行目L4a_3に記述されて
いるように、所属する下位項目のクリック時の動作定義
とイメージデータおよび項目名の表示を行うよう制御す
る旨が記述されている。
For example, the first line L4a_1 in FIG.
Has a variable “intro” which is one of the switch flags.
If the value “intro.value” is not 0, that is, 1, the variable “intro” is set to 0 as described in the second line L4a_2, and the action definition and image when the corresponding hierarchical item is clicked are set. The data and the item name are displayed, and further, as described in the third line L4a_3, the operation definition at the time of clicking the lower item to which it belongs and the control to display the image data and the item name are described. Have been.

【0038】一方、変数“intro”の値“intr
o.value”が0である場合は(第4行目L4a_
4)、第5行目L4a_5に記述されているように、変
数“intro”を1にし、該当階層項目のクリック時
の動作定義とイメージデータおよび項目名の表示を行う
よう制御する旨が記述されている。
On the other hand, the value “intr” of the variable “intro”
o. If the value “value” is 0 (the fourth line L4a_
4) As described in the fifth line L4a_5, the variable "intro" is set to 1 and the control to perform the operation definition at the time of clicking the corresponding hierarchical item, the image data, and the display of the item name is described. ing.

【0039】図3に示すように、初期値定義ファイル1
_2には、処理定義ファイル1_1に設定される各項目
のスイッチフラグの初期値が定義されている。すなわ
ち、図4(b)に示すように、の第1行目L4b_1か
ら第5行目L4b_5には、FORMを用いて、全ての
下位階層を持つ変数(スイッチフラグ)の初期値が設定
されている。例えば、第2行目L4b_2には、変数
“intro”をブラウザ画面3上に表示しないように
隠し(“hidden”)属性とするため、変数“in
tro”の初期値を0に設定しており、第3行目L4b
_3には、変数“sysinfo”を隠し属性とするた
め、変数“sysinfo”の初期値を0に設定してい
る。
As shown in FIG. 3, the initial value definition file 1
In _2, the initial value of the switch flag of each item set in the process definition file 1_1 is defined. That is, as shown in FIG. 4B, in the first row L4b_1 to the fifth row L4b_5, initial values of variables (switch flags) having all lower layers are set using FORM. I have. For example, in the second line L4b_2, the variable “intro” has a hidden (“hidden”) attribute so as not to be displayed on the browser screen 3;
The initial value of “tro” is set to 0, and the third line L4b
The initial value of the variable “sysinfo” is set to 0 in _3 in order to make the variable “sysinfo” a hidden attribute.

【0040】また、図4(b)の第6行目L4b_6か
ら第9行目L4b_9には、FRAMESETを用い
て、画面を左右に2分割する処理内容が記述されてい
る。すなわち、第7行目L4b_7には、画面の左領域
に“name”という名称で“name.htm”とい
う定義ファイルを表示すること、第8行目L4b_8に
は、画面の右領域に“view”という名称で“fir
st.htm”という定義ファイルを表示することがそ
れぞれ定義されている。
Further, in the sixth line L4b_6 to the ninth line L4b_9 of FIG. 4B, processing contents for dividing the screen into two right and left using FRAMESET are described. That is, in the seventh line L4b_7, a definition file “name.htm” with the name “name” is displayed in the left area of the screen, and in the eighth line L4b_8, “view” is displayed in the right area of the screen. With the name "fir
st. htm "is defined to be displayed.

【0041】こうして、処理定義ファイル1_1および
初期値定義ファイル1_2が、RAM2に読み込まれ、
各項目毎に設定されたスイッチフラグが1であるか0で
あるかにより、各項目毎に表示モードが制御され、ブラ
ウザ画面3上には、第1の表示モードまたは第2の表示
モードのいずれかの表示モードで表示が行われる。
Thus, the process definition file 1_1 and the initial value definition file 1_2 are read into the RAM 2,
The display mode is controlled for each item depending on whether the switch flag set for each item is 1 or 0, and the browser screen 3 displays either the first display mode or the second display mode. The display is performed in the display mode.

【0042】ここで、利用者がマウスなどの入力装置4
により、画面上に表示された項目の先頭に付されたアイ
コン22(図6参照)をクリックすることによりその項
目の表示モードを、第1の表示モードから第2の表示モ
ードに、あるいは第2の表示モードから第1の表示モー
ドにダイナミックに切り替えることができる。
Here, the user operates the input device 4 such as a mouse.
By clicking the icon 22 (see FIG. 6) provided at the head of the item displayed on the screen, the display mode of the item is changed from the first display mode to the second display mode or to the second display mode. Can be dynamically switched from the display mode to the first display mode.

【0043】図5は、本実施形態の階層化定義ファイル
表示システムにおける表示モード制御の処理フローであ
る。
FIG. 5 is a processing flow of display mode control in the hierarchical definition file display system of the present embodiment.

【0044】図5に示すように、このシステムの処理が
開始されると、処理定義ファイル1_1および初期値定
義ファイル1_2がシステムに読み込まれ、全階層項目
の表示文字列の定義が行われる(ステップS1)。
As shown in FIG. 5, when the processing of this system is started, the processing definition file 1_1 and the initial value definition file 1_2 are read into the system, and the display character strings of all hierarchical items are defined (step S1). S1).

【0045】次に、処理定義ファイル1_1に記述され
ている全項目のうちの先頭の項目について変数がチェッ
クされ(ステップS2)変数が1に設定されている場合
はステップS3に進み、その変数を0に設定し、該当階
層項目のクリック時の動作定義とイメージデータおよび
項目名の表示を行い、さらに該当階層に所属する全下位
項目のクリック時の動作定義とイメージデータおよび項
目名の表示を行ってから次のステップS5に進む。すな
わち、ステップS3ではその項目の表示は前述の第1の
表示モードで行われる。
Next, a variable is checked for the first item of all items described in the process definition file 1_1 (step S2). If the variable is set to 1, the process proceeds to step S3, and the variable is changed to the first item. Set to 0 to display the action definition, image data, and item name when clicking on the corresponding hierarchical item, and display the action definition, image data, and item name when clicking on all lower-level items belonging to the relevant layer. Then, the process proceeds to the next step S5. That is, in step S3, the item is displayed in the above-described first display mode.

【0046】一方、ステップS2において、変数が0に
設定されている場合はステップS4に進み、その変数を
1に設定し、該当階層項目のクリック時の動作定義とイ
メージデータおよび項目名の表示を行ってから次のステ
ップS5に進む。すなわち、ステップS4ではその項目
の表示は前述の第2の表示モードで行われる。
On the other hand, if the variable is set to 0 in step S2, the process proceeds to step S4, the variable is set to 1, and the operation definition, image data and item name when the corresponding hierarchical item is clicked are displayed. Then, the process proceeds to the next step S5. That is, in step S4, the display of the item is performed in the above-described second display mode.

【0047】ステップS5では、全項目の処理が終了し
たか否かが判定され、全項目の処理が終了していない場
合はステップS2に戻り、次の項目についての処理が繰
り返し行われる。ステップS5の判定の結果、全項目の
処理が終了している場合は処理を終了する。
In step S5, it is determined whether or not the processing for all items has been completed. If the processing for all items has not been completed, the process returns to step S2, and the processing for the next item is repeated. If the result of determination in step S5 is that all items have been processed, the process ends.

【0048】なお、本実施形態では、上記の表示モード
制御構造がJavaScriptで記述された場合の例
を示したが、表示モード制御構造を記述する言語は、上
記のJavaScriptに限られるものではなく、上
記実施形態で説明したような表示モードの切換が自在な
変数を用いて表示モード制御構造を記述することが可能
で、制御された表示モードでブラウザ画面上に階層定義
ファイルを表示することのできる言語であれば、いずれ
の言語を用いてもよい。
In this embodiment, an example in which the above-described display mode control structure is described in JavaScript is described. However, the language for describing the display mode control structure is not limited to the above-described JavaScript. The display mode control structure can be described using variables that can freely switch the display mode as described in the above embodiment, and the hierarchical definition file can be displayed on the browser screen in the controlled display mode. Any language may be used as long as it is a language.

【0049】[0049]

【発明の効果】以上説明したように、本発明の階層化定
義ファイル表示システムによれば、階層化された複数の
項目の階層構造が定義された階層化定義ファイルをブラ
ウザ画面上に表示するシステムにおいて、階層化定義フ
ァイルが、階層化定義ファイルを構成する複数の項目に
ついて、その項目に下位の階層が存在する場合に、その
項目の直下の階層を展開した状態で表示する第1の表示
モード、およびその項目の直下の階層を展開せずに表示
する第2の表示モードのうちのいずれか一方の表示モー
ドで該項目を表示するように制御する表示モード制御構
造を含むものとしたことにより、深い階層構造を有する
場合でも2つのファイルを作成するのみでよく階層化定
義ファイル表示システムの構築が容易で、かつ、ファイ
ルの修正作業も従来技術に比較し極めて容易な階層化定
義ファイル表示システムを実現することができる。
As described above, according to the hierarchical definition file display system of the present invention, a system for displaying a hierarchical definition file in which a hierarchical structure of a plurality of hierarchical items is defined on a browser screen. In the first display mode, the hierarchical definition file displays a plurality of items constituting the hierarchical definition file, in a case where a lower hierarchy exists in the item, in a state where a hierarchy immediately below the item is expanded. And a display mode control structure for controlling the item to be displayed in one of the second display modes for displaying the item immediately below the item without expanding the hierarchy. Even if it has a deep hierarchical structure, it is only necessary to create two files, it is easy to build a hierarchical definition file display system, and the file modification work is also performed. It can be realized very easily layering definition file display system as compared to the art.

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

【図1】本発明の階層化定義ファイル表示システムが構
築されるコンピュータシステムの一例を示す概要図であ
る。
FIG. 1 is a schematic diagram showing an example of a computer system in which a hierarchical definition file display system of the present invention is constructed.

【図2】図1に示す外観を有するコンピュータシステム
100のハードウエア構成図である。
FIG. 2 is a hardware configuration diagram of a computer system 100 having the appearance shown in FIG.

【図3】本発明の階層化定義ファイル表示システムの一
実施形態を示す概要図である。
FIG. 3 is a schematic diagram showing an embodiment of a hierarchical definition file display system according to the present invention.

【図4】図3に示す階層化定義ファイル表示システムに
備えられた処理定義ファイルの内容(a)および初期値
定義ファイルの内容(b)を示す図である。
FIG. 4 is a diagram showing contents (a) of a process definition file and contents (b) of an initial value definition file provided in the hierarchical definition file display system shown in FIG. 3;

【図5】本実施形態の階層化定義ファイル表示システム
における表示モード制御の処理フローである。
FIG. 5 is a processing flow of display mode control in the hierarchical definition file display system of the embodiment.

【図6】階層化された情報をブラウザ画面上に表示した
例を示す図である。
FIG. 6 is a diagram illustrating an example in which hierarchical information is displayed on a browser screen.

【図7】従来のブラウザ画面における情報の階層化表示
の仕組みを示す模式図である。
FIG. 7 is a schematic diagram showing a structure of hierarchical display of information on a conventional browser screen.

【図8】図6および図7に示した画面上の目次が階層展
開される過程を示す模式図である。
8 is a schematic diagram showing a process of hierarchically expanding a table of contents on the screen shown in FIGS. 6 and 7. FIG.

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

1 階層化定義ファイル 1_1 処理定義ファイル 1_1a,1_1b,1_1c,… 項目 1_2 初期値定義ファイル 2 RAM 3 ブラウザ画面 4 入力装置 20 画面 20a 階層表示領域 20b 内容表示領域 21a,21b,21c,… 項目 22 アイコン 30 画面 31 階層化定義ファイル 31_1 第1階層定義ファイル 31_2_1,31_2_2,31_2_3,… 第
2階層定義ファイル 31_3_1,31_3_2,31_3_3,… 第
3階層定義ファイル 32 RAM 33 入力装置 100 コンピュータシステム 101 本体 101a フロッピーディスク挿入口 101b MO挿入口 102 CRTディスプレイ 103 キーボード 104 マウス 105 通信ケーブル 110 バス 111 CPU 112 RAM 113 ハードディスクコントローラ 114 フロッピーディスクドライブ 115 MOドライブ 116 マウスコントローラ 117 キーボードコントローラ 118 ディスプレイコントローラ 119 通信用ボード 120 ハードディスク 121 フロッピーディスク 122 MO
1 Hierarchical definition file 1_1 Process definition file 1_1a, 1_1b, 1_1c, ... Item 1_2 Initial value definition file 2 RAM 3 Browser screen 4 Input device 20 Screen 20a Hierarchical display area 20b Content display area 21a, 21b, 21c, ... Item 22 Icon 30 screen 31 Hierarchical definition file 31_1 First hierarchical definition file 31_2_1, 31_2_2, 31_2_3, ... Second hierarchical definition file 31_3-1, 31_3_2, 31_3_3, ... Third hierarchical definition file 32 RAM 33 Input device 100 Computer system 101 Main unit 101a Floppy disk Insertion slot 101b MO insertion slot 102 CRT display 103 keyboard 104 mouse 105 communication cable 110 bus 111 CPU 112 RAM 113 c Disk controller 114 Floppy disk drive 115 MO drive 116 Mouse controller 117 Keyboard controller 118 Display controller 119 Communication board 120 Hard disk 121 Floppy disk 122 MO

───────────────────────────────────────────────────── フロントページの続き (51)Int.Cl.7 識別記号 FI テーマコート゛(参考) G06F 15/403 380E Fターム(参考) 5B075 NK04 NK43 PP02 PP03 PP13 PQ02 UU06 5B082 GA02 GC02 5E501 AA02 AC20 AC35 BA05 CA03 CB02 CB09 CC17 DA05 EA05 EA11 FB34 ──────────────────────────────────────────────────続 き Continued on the front page (51) Int.Cl. 7 Identification code FI Theme coat ゛ (Reference) G06F 15/403 380E F-term (Reference) 5B075 NK04 NK43 PP02 PP03 PP13 PQ02 UU06 5B082 GA02 GC02 5E501 AA02 AC20 AC35 BA05 CA03 CB02 CB09 CC17 DA05 EA05 EA11 FB34

Claims (3)

【特許請求の範囲】[Claims] 【請求項1】 階層化された複数の項目の階層構造が定
義された階層化定義ファイルをブラウザ画面上に表示す
る階層化定義ファイル表示システムにおいて、 階層化定義ファイルが、該階層化定義ファイルを構成す
る複数の項目について、該項目に下位の階層が存在する
場合に、該項目の直下の階層を展開した状態で表示する
第1の表示モード、および該項目の直下の階層を展開せ
ずに表示する第2の表示モードのうちのいずれか一方の
表示モードで該項目を表示するように制御する表示モー
ド制御構造を含むものであることを特徴とする階層化定
義ファイル表示システム。
1. A hierarchical definition file display system for displaying, on a browser screen, a hierarchical definition file in which a hierarchical structure of a plurality of hierarchical items is defined, wherein the hierarchical definition file includes A first display mode for displaying, in a state where a hierarchy immediately below the item is expanded when a lower hierarchy is present in the item, for a plurality of constituent items, and without expanding the hierarchy immediately below the item. A hierarchical definition file display system comprising a display mode control structure for controlling the item to be displayed in one of the second display modes for display.
【請求項2】 前記表示モード制御構造が、前記項目の
表示を、前記第1の表示モードおよび前記第2の表示モ
ードのうちのいずれの表示モードで行うかを項目毎に設
定する、該表示モードの切換が自在な変数を用いて記述
されたものであることを特徴とする請求項1記載の階層
化定義ファイル表示システム。
2. The display, wherein the display mode control structure sets, for each item, which of the first display mode and the second display mode is used to display the item. 2. The hierarchical definition file display system according to claim 1, wherein the mode switching is described using a variable that can be freely changed.
【請求項3】 前記表示モード制御構造がJava言語
で記述されたものであることを特徴とする請求項2記載
の階層化定義ファイル表示システム。
3. The hierarchical definition file display system according to claim 2, wherein said display mode control structure is described in Java language.
JP17051599A 1999-06-17 1999-06-17 Hierarchy definition file display system Pending JP2000357172A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP17051599A JP2000357172A (en) 1999-06-17 1999-06-17 Hierarchy definition file display system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP17051599A JP2000357172A (en) 1999-06-17 1999-06-17 Hierarchy definition file display system

Publications (1)

Publication Number Publication Date
JP2000357172A true JP2000357172A (en) 2000-12-26

Family

ID=15906384

Family Applications (1)

Application Number Title Priority Date Filing Date
JP17051599A Pending JP2000357172A (en) 1999-06-17 1999-06-17 Hierarchy definition file display system

Country Status (1)

Country Link
JP (1) JP2000357172A (en)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002207631A (en) * 2001-01-09 2002-07-26 Funai Electric Co Ltd Relaying device for network
JP2004318872A (en) * 2003-04-10 2004-11-11 Microsoft Corp System and method for creating object in object hierarchy structure
JP2007052678A (en) * 2005-08-18 2007-03-01 Ricoh Co Ltd Hierarchical structure display device, hierarchical structure display method, program and recording medium
JP2007172283A (en) * 2005-12-21 2007-07-05 Fuji Xerox Co Ltd Tree structure display program, tree structure display method and tree structure display device
JP2008097488A (en) * 2006-10-16 2008-04-24 Fuji Xerox Co Ltd Hierarchical structure display program and hierarchical structure display device
WO2016072298A1 (en) * 2014-11-07 2016-05-12 シャープ株式会社 Image display device, television receiver, and image display method

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002207631A (en) * 2001-01-09 2002-07-26 Funai Electric Co Ltd Relaying device for network
JP2004318872A (en) * 2003-04-10 2004-11-11 Microsoft Corp System and method for creating object in object hierarchy structure
JP2007052678A (en) * 2005-08-18 2007-03-01 Ricoh Co Ltd Hierarchical structure display device, hierarchical structure display method, program and recording medium
JP4690824B2 (en) * 2005-08-18 2011-06-01 株式会社リコー Hierarchical structure display device, hierarchical structure display method, program, and recording medium
JP2007172283A (en) * 2005-12-21 2007-07-05 Fuji Xerox Co Ltd Tree structure display program, tree structure display method and tree structure display device
JP2008097488A (en) * 2006-10-16 2008-04-24 Fuji Xerox Co Ltd Hierarchical structure display program and hierarchical structure display device
WO2016072298A1 (en) * 2014-11-07 2016-05-12 シャープ株式会社 Image display device, television receiver, and image display method
CN107077271A (en) * 2014-11-07 2017-08-18 夏普株式会社 Image display device, television receiver and method for displaying image
JPWO2016072298A1 (en) * 2014-11-07 2017-09-07 シャープ株式会社 Image display device, television receiver, and image display method

Similar Documents

Publication Publication Date Title
US6275227B1 (en) Computer system and method for controlling the same utilizing a user interface control integrated with multiple sets of instructional material therefor
US7900134B2 (en) Authoring arbitrary XML documents using DHTML and XSLT
US20030164859A1 (en) Hybrid widget/layout user interface for structured information
JPS63174122A (en) Computer human interface
JP2002502999A (en) Computer system, method and user interface components for abstraction and access of body of knowledge
JP2005531083A (en) Prototyping a graphical user interface
AU2003244888A1 (en) Display of data element indicia based on data types
JP2000357172A (en) Hierarchy definition file display system
US8055598B1 (en) User configured optimizer
GB2388002A (en) Graphical modelling system
Billingsley Taking panes: Issues in the design of windowing systems
JPH1145197A (en) Device and method for presenting hierarchical structure
US9122387B1 (en) User configured optimizer
Lawrence Compaq Visual Fortran: A guide to creating windows applications
WO1999054800A2 (en) Modelling of a process in a computer environment
JP2000181675A (en) System and method based upon computer
JPH086957A (en) Data retrieval device
JP2001134360A (en) Method and device for displaying node data and hypertext device
McFarland Dreamweaver CS3: The Missing Manual: The Missing Manual
JP2004110410A (en) Display method of chart, display system, and computer program
Carlsson A Categorization of HCI patterns
JP3422596B2 (en) How to display objects
Houlahan Our First Dashboard
JPH02263236A (en) Expert system
JP5962802B2 (en) Mathematical formula learning device and program

Legal Events

Date Code Title Description
A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20040713

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20050208