JP3809198B2 - Hierarchical data display method and browser system - Google Patents

Hierarchical data display method and browser system Download PDF

Info

Publication number
JP3809198B2
JP3809198B2 JP06431095A JP6431095A JP3809198B2 JP 3809198 B2 JP3809198 B2 JP 3809198B2 JP 06431095 A JP06431095 A JP 06431095A JP 6431095 A JP6431095 A JP 6431095A JP 3809198 B2 JP3809198 B2 JP 3809198B2
Authority
JP
Japan
Prior art keywords
data
hierarchy
display
hierarchical
area
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.)
Expired - Lifetime
Application number
JP06431095A
Other languages
Japanese (ja)
Other versions
JPH08263255A (en
Inventor
章 菅
英夫 滝口
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.)
Canon Inc
Original Assignee
Canon Inc
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
Priority to JP06431095A priority Critical patent/JP3809198B2/en
Application filed by Canon Inc filed Critical Canon Inc
Priority to US08/573,519 priority patent/US7336279B1/en
Priority to DE69523423T priority patent/DE69523423T2/en
Priority to EP00203600A priority patent/EP1074923B1/en
Priority to EP95309152A priority patent/EP0717346B1/en
Priority to EP04078192A priority patent/EP1515248A3/en
Priority to ES95309152T priority patent/ES2161835T3/en
Priority to DE69534027T priority patent/DE69534027T2/en
Publication of JPH08263255A publication Critical patent/JPH08263255A/en
Priority to US09/845,960 priority patent/US7639254B2/en
Application granted granted Critical
Publication of JP3809198B2 publication Critical patent/JP3809198B2/en
Anticipated expiration legal-status Critical
Expired - Lifetime legal-status Critical Current

Links

Images

Description

【０００１】
【産業上の利用分野】
本発明はデータベースやファイルシステムなど複数のデータを階層化して管理されたデータを検索する階層データ表示方法及びブラウザシステムに関するものである。
【０００２】
【従来の技術】
コンピュータのファイル管理システムやデータベースシステム等では、多数のデータを管理する手法として、データを階層的に管理する手法がよく用いられる。特にファイルシステムにおいては、ほとんどのオペレーティングシステム（以後ＯＳと記載する）でファイルシステム全体を階層的な複数のディレクトリに分割して管理している。近年のＯＳにおいては、グラフィカルユーザインターフェース（以後ＧＵＩと記載）によってファイルシステムなどの階層構造を画面上に表示し、マウスなどのポインティングデバイスで目的のデータを指示することで、ファイルなどのデータをアクセスするというブラウザシステムを採用するのが通常である。
【０００３】
従来のこのような階層構造をユーザに対して表示するブラウザシステムにおいては、図２のようなツリー表示や図３のような階層リストボックス表示によって階層構造を表現していた。
図２は階層ファイルシステムを木構造で表現した例であり、ディレクトリ階層をフォルダのアイコン（１０１，１０３，１０５，１０８，１１０，１１３）で表現し、ファイルを文書のアイコン（１０２，１０４，１０６，１０７，１０９，１１１，１１２，１１４）で表現し、それらの階層的な関係を木構造で表現している。
【０００４】
図２で、１０１はルートディレクトリであり、ルートディレクトリ（１０１）にはファイルＲ−１（１０２）がある。ルートディレクトリ（１０１）の下にはディレクトリ−Ａ（１０３），ディレクトリ−Ｂ（１０５），ディレクトリ−Ｃ（１０８）がある。ディレクトリ−Ａ（１０３）の下にはファイルＡ−１（１０４）があり、ディレクトリ−Ｂ（１０５）の下にはファイルＢ−１（１０６）とファイルＢ−２（１０７）とがある。ディレクトリ−Ｃ（１０８）の下にはファイルＣ−１（１０９）とディレクトリ−Ｄ（１１０）とがあり、ディレクトリ−Ｄ（１１０）の下にはファイルＤ−１（１１１）とファイルＤ−２（１１２）とディレクトリ−Ｅ（１１３）とがある。ディレクトリ−Ｅ（１１３）の下にはファイルＥ−１（１１４）がある。
【０００５】
このように全ての階層のファイルが木構造で表示されているので、目的とするファイルを選択することができる。
図３は図２と同じ階層ファイルシステムを階層リストボックスで表現した例である。図３の（ａ）は、ディレクトリ−Ｃ（１１６）の下のファイル及びディレクトリをアクセスしようとした状態である。同図において、１１５は第１階層のファイル及びディレクトリを表示するためのリストボックスである。１１７はリストボックス１１５に表示可能な項目数よりファイルやディレクトリ数が多かった場合に用いるスクロールバーであり、１１８は上方向スクロールボタン、１１９は下方向スクロールボタンである。１１６はディレクトリ−Ｃを示す。
【０００６】
さて、ディレクトリ−Ｃ（１１６）をリストボックス（１１５）から選択してポインティングデバイスでクリックすると、ディレクトリ−Ｃ（１１６）の表示が反転表示されるとともにディレクトリ−Ｃ（１１６）の下にあるファイルＣ−１とディレクトリ−Ｄ（１２１）が、第２階層のファイル及びディレクトリを示すリストボックス（１２０）に表示される。
【０００７】
図３の（ｂ）は、さらにリストボックス（１２０）からディレクトリ−Ｄ（１２１）をポインティングデバイスで選択してクリックした際の状態を示している。同図において、ディレクトリ−Ｄ（１２１）をクリックするとディレクトリ−Ｄ（１２１）の下にあるディレクトリ−ＥとファイルＤ−１とファイルＤ−２とが、第３階層のファイル及びディレクトリを示すリストボックス（１２２）に表示される。このように１段ずつ深い階層を選択していくことによって目的のファイルに到達することができる。
【０００８】
図示しないが、他にアップルコンピュータ社のマッキントッシュのＯＳやＩＢＭ社のＯＳ／２（いずれも製品名）等のようにフォルダのメタファで階層ファイルシステムを表示するシステムも一般的である。
【０００９】
【発明が解決しようとする課題】
しかしながら、従来の図２に示す階層ファイルシステムのように、階層ファイルシステムを木構造で表した場合、ファイルやディレクトリの数が多くなると、画面に全てのファイルやディレクトリのアイコンを表示しきれなくなり、目的のディレクトリやファイルを探すために画面全体をスクロールさせるなどの手段が必要になり、目的のディレクトリやファイルが探しにくくなる。すなわち、階層の深い部分では表示が横長になり、同一階層にファイルやディレクトリが多数ある部分では表示が縦長になる等、表示の際に全画面を有効に使えない場合が多いため、ますます画面のスクロールが必要になってしまうという欠点がある。
【００１０】
また、従来の図３に示すようなリストボックスを使ったブラウザシステムでは、狭い画面でも階層的なブラウジングが可能である反面、あるディレクトリを選択して初めてその下のディレクトリやファイルが表示されるため、全体の階層構造がどのようになっているかが把握しにくく、目的のファイルが探しにくいという欠点があった。
【００１１】
更に、従来の階層構造を表す際にフォルダのメタファを用いたシステムでは、フォルダの中にどのようなデータが入っているかはフォルダを開くまで全くわからない。また、２階層以上にわたる階層構造の全体像が把握できない。また、フォルダを開くたびに新しいウィンドウが開かれるため、開いたフォルダを示すウィンドウでデスクトップ画面が散らかってしまい、目的のデータを見失いやすいと言う欠点があった。
【００１２】
これらの欠点に関しては、同じ表示方式を、階層的にデータをカテゴリー分けするようなデータベースのブラウザシステムに応用した場合においても同様であった。
本発明は、前記従来の欠点を除去し、階層構造を持つファイルシステムやデータベースの階層構造の全体構造をベン図状の表示によって直感的に把握でき、かつ子階層に属するデータは親階層と重なることなく表示すると共に、簡単な操作で階層間のズームアップ、ズームアウト、データの詳細情報の表示をすることによって、目的のデータが見つけ易くなった階層データ表示方法及びブラウザシステムを提供する。
【００１３】
また、深い階層構造も限られた面積の画面内に表示することができ、ズームアップする手段を備えることにより、迅速に目的の階層の詳細情報を見ることができると共に、ズームアウトする手段を有することによってより、上位の階層から見た階層構造の概要を容易に知ることができる階層データ表示方法及びブラウザシステムを提供する。
【００１４】
また、現在どの階層深度の階層がズームアップされているかを表示することで、ナビゲーションの際にどの深度にいるのかを直感的に把握することができる階層データ表示方法及びブラウザシステムを提供する。
【００１５】
【課題を解決するための手段】
上述の課題を解決するために、本発明の階層データ表示方法は、階層的に管理されるデータを表示する階層データ表示方法であって、各階層を表示する階層表示領域について、親階層を表す背景内に該親階層に属するデータを表示する領域と子階層を表示する領域とを表示画面で排他的位置になるよう設定し、前記各領域内に該領域の階層に属するデータを表すデータアイコンを表示するよう表示を制御し、更に、所定の操作により前記データアイコンが指示された場合、該データアイコンが示すデータの詳細情報を表示し、所定の操作によりいずれかの階層の階層表示領域が指示された場合、該指示された階層表示領域をズームアップすると共に該階層表示領域の階層に属するデータを表すデータアイコンを表示し、ズームアップされた階層表示領域に対しズームアウトが指示された場合、ズームアップされた前記階層表示領域から親階層の階層表示領域へズームアウトするよう表示を制御することを特徴とする。
【００１６】
ここで、前記設定される領域の大きさは、前記親階層のデータ数と子階層のデータ数とに基づいて決められる。また、前記子階層が複数ある場合に、各子階層の領域は該子階層に含まれる下位階層のデータ数に対応して決められる。また、前記背景は階層の深さを識別可能に選択されて表示される。また、前記背景は階層が深い程濃い色で表示される。また、前記領域の設定では、前記各階層の階層表示領域について、前記親階層に属するデータを表示する領域と子階層を表示する領域が設定されているかどうか判断し、設定されていないと判断された場合、該階層の階層表示領域について前記領域の設定を行う。
【００１７】
又、本発明の階層データブラウザシステムは、階層的に管理されるデータを表示する階層データブラウザシステムであって、各階層の階層表示領域について、親階層を表す背景内に該親階層に属するデータを表示する領域と子階層を表示する領域とを表示画面で排他的位置になるよう設定する設定手段と、前記設定手段により設定された各領域内に該領域の階層に属するデータを表すデータアイコンを表示するよう表示を制御する制御手段とを有し、前記制御手段は、更に、所定の操作により前記データアイコンが指示された場合、該データアイコンが示すデータの詳細情報を表示し、所定の操作によりいずれかの階層の階層表示領域が指示された場合、該指示された階層表示領域をズームアップすると共に該階層表示領域の階層に属するデータを表すデータアイコンを表示し、ズームアップされた階層表示領域に対しズームアウトが指示された場合、ズームアップされた前記階層表示領域から親階層の階層表示領域へズームアウトするよう表示を制御することを特徴とする。
【００１８】
ここで、前記設定手段は、前記設定される領域の大きさを、前記親階層のデータ数と子階層のデータ数とに基づいて決める。また、前記設定手段は、前記子階層が複数ある場合に、各子階層の領域は該子階層に含まれる下位階層のデータ数に対応して決める。また、前記制御手段は、前記背景を階層の深さが識別可能になるよう選択して表示する。また、前記制御手段は、前記背景を階層が深い程濃い色で表示する。また、前記設定手段は、前記各階層の階層表示領域について、前記親階層に属するデータを表示する領域と子階層を表示する領域が設定されているかどうか判断する判断手段を有し、前記判断手段が設定されていないと判断した場合、該階層の階層表示領域について前記領域の設定を行う。
【００２１】
【実施例】
以下、本発明の一実施例を添付図面を用い詳細に説明する。
［実施例１］
＜ブラウザシステムの構成例＞
図２３は、本発明が実施されるプラットフォームの一例であるパーソナルコンピュータシステムの構成の例を示している。
【００２２】
図２３において、３０１はコンピュータシステム本体、３０２はデータを表示するディスプレー、３０３は代表的なポインティングデバイスであるマウス、３０４はマウスボタン、３０５はキーボードである。
図２４はソフトウェアとハードウェアとを含む階層データブラウザシステムの構成を示す図である。
【００２３】
図２４において、５０９はハードウェアであり、５０５はハードウェア５０９の上で動作するオペレーティングシステム（ＯＳ）であり、５０４はＯＳ５０５の上で動作するアプリケーションソフトウェアである。
図２４において、５１８はＣＰＵ、５１７はメモリ、５１９はデータバスであり、５１５はファイルやデータを物理的に格納するハードディスクである。５０８はＯＳを構成するファイル管理システムであり、アプリケーションソフトウェアがハードウェアを意識せずにファイルの入出力が行えるようにする機能がある。５１４はファイル管理システム５０８がハードディスク５１５の読み書きを行うためのディスクＩＯインターフェースである。
【００２４】
５０７はＯＳを構成する描画管理システムであり、アプリケーションソフトウェアがハードウェアを意識せずに描画が行えるようにする機能がある。５１３は描画管理システム５０７がディスプレイ３０２に描画を行うためのビデオインターフェースである。
５０６はＯＳを構成する入力デバイス管理システムであり、アプリケーションソフトウェアがハードウェアを意識せずにユーザの入力を受け取ることができるようにする機能がある。５１０は入力デバイス管理システム５０６がキーボード３０５の入力を受け取るためのキーボードインターフェース、５１２は入力デバイス管理システム５０６がマウス３０３からの入力を受け取ることができるようにするためのマウスインターフェースである。
【００２５】
５１６はメモリ管理システムであり、アプリケーションソフトウェアがハードウェアを意識せずにメモリ５１７への入出力を行えるようにする機能がある。
５０１はアプリケーションソフトである階層データブラウザであり、５０２はデータを階層的に管理するための階層管理手段、５０３は階層的に管理されたデータを階層構造が把握できるように表示する階層表示手段である。
【００２６】
（階層属性データ例）
図２５は本実施例において階層管理手段５０２が管理する階層属性データを説明する図である。
同図において、６０１は階層属性データであり、６０２は階層を一意に識別するための階層識別子である。６０３は階層の深度を示す階層深度識別子である。図２の例で言えばルートディレクトリが階層深度１、ディレクトリ−Ａ，Ｂ，Ｃは階層深度２、ディレクトリ−Ｄは階層深度３と言うように定義できる。６０４は階層名であり、図２の例で言えばＡ，Ｂ，Ｃ，Ｄ，Ｅが階層名の例である。６０５は所属データ数であり、階層ファイルブラウザの場合は所属データ数がそのディレクトリに所属するファイル数となる。したがって図２の例で言えばディレクトリ−Ａの所属データ数は１、ディレクトリ−Ｂの所属データ数は２となる。６０６はその階層の直下に所属する階層数を示す。図２の例で言えばルートディレクトリの所属子階層数は３である。
【００２７】
６０７は階層表示領域情報であり、後に説明するようにすべての子階層に含まれるデータ数も含めた所属データ数の割合に応じて、割り当てられた領域が階層管理手段５０２によって階層表示領域６０７にセットされる。６０２はデータアイコン表示領域であり、後に説明するようにその階層直下のデータ数と全ての子階層以下の総データ数の比によって決定される。６０８は所属データリストであり、その階層に直属するデータの属性データ６０９すなわちファイルブラウザであれば、そのディレクトリに直属するファイルの属性データがリストされている。６１０は子階層リストであり、その階層に直属する子階層の階層属性データ６０１がリストされている。
【００２８】
（データ属性データ例）
図２６はデータ属性データ６０９の構成を示した図である。
図２６において、６１１はデータを一意に識別するためのデータ識別子である。６１２はデータ名であり、図２の例ではＡ−１，Ｂ−１等のファイル名がデータ名に相当する。６１３はデータ容量でありデータがファイルシステム中において占める容量を示す。６１４はデータ種別であり、画像データであれば画像のフォーマット等を示す。６１５はアイコン表示サイズであり、後に説明するようにその階層に含まれるデータ数に応じて階層管理手段５０２によって設定される。６１６はデータアイコン表示位置である。
【００２９】
（表示の構成要素例）
図２７は図２４に示す階層管理手段５０２が管理するデータに基づき、階層表示手段５０２が階層内のデータを表示する際の表示の構成要素について説明する図である。
同図において、４０１は階層表示領域であり、階層内に所属するデータまたは子階層を表示する。尚、同一階層表示領域内は同一背景色で塗られる。４０２は子階層と親階層間とのボーダ（境界）である。ボーダは線で明示的に表示しても、各階層表示領域の背景色が異なることで表現するだけでもよい。４０３は階層名表示領域であり、４０４はデータを識別するためのデータの概略内容を示すデータアイコンである。データアイコン４０４の構成要素はデータの種類によって異なり、画像データの場合は縮小画像データとデータ名、ワードプロセッサのデータの場合は、ワードプロセッサアプリケーションで作られたことを示すアプリケーション固有のアイコンとデータ名とで構成され、データの概要を知ることができるように構成する。
【００３０】
＜階層データの表示例＞
図１は図２４に示す階層管理手段５０２が管理するデータに基づき、階層表示手段５０３が表示する階層データの表示例を示している。表示するデータは図２のファイルブラウザと同じ階層ファイルシステムのデータである。
図１において、１はルートディレクトリの階層表示領域であり、階層表示領域情報６０７により決定される。２は階層名表示領域であり、階層名６０４によって決定される。３はファイルＲ−１のデータアイコンであり、その表示の大きさはアイコン表示サイズ６１５によって決定される。４はルートディレクトリの子階層であるディレクトリ−Ａの表示領域、５はディレクトリ−Ａの階層名表示領域、６はファイルＡ−１のデータアイコン、７はルートディレクトリの子階層であるディレクトリ−Ｂの階層表示領域、８はディレクトリ−Ｂの階層名表示領域、９はファイルＢ−１のデータアイコン、１０はファイルＢ−２のデータアイコン、１１はルートディレクトリの子階層であるディレクトリ−Ｃの階層表示領域、１２はディレクトリ−Ｃの階層名表示領域、１３はファイルＣ−１のデータアイコン、１４はディレクトリ−Ｃの子階層であるディレクトリ−Ｄの階層表示領域、１５はディレクトリ−Ｄの階層名表示領域、１６はファイルＤ−１のデータアイコンである。１７はディレクトリ−Ｃの子階層であるディレクトリ−Ｅの階層表示領域、１８はディレクトリ−Ｅの階層名表示領域、１９はファイルＥ−１のデータアイコン、２０はファイルＥ−２のデータアイコン、２１は注目階層やデータを指定するためのナビゲーションカーソルである。
【００３１】
また、階層の深度によって階層表示領域の背景色が決定される。図１の例では階層が深いほど濃い色で表示することで３次元的的な奥行き感を表現している。データアイコンの大きさは階層深度が深くなるほど小さくすることで、限られた画面面積内により多くの階層表示領域とデータアイコンを表示することが可能になる。
【００３２】
＜階層データの表示手順例＞
（各階層の領域設定）
図９は図２４に示す階層表示手段５０３が図２７に示す各階層の階層表示領域４０１とデータアイコン４０４の大きさを設定する際のフローチャートを示している。
【００３３】
図９において、ステップＳ１では、最大階層深度Ｎを設定する。例えば図１の例ではＮ＝３となる。ステップＳ２では各階層の階層深度に応じて背景色を決定する。例えば背景色は同一とし階層深度が深くなるほど同系色で濃い色となるようにすることで、深い階層表示が奥にあるような奥行き感を持たせる効果がある。次にステップＳ３で、表示領域を設定しようとする階層深度ｎを“０”に初期化する。次にステップＳ４で階層深度ｎを“１”だけインクリメントし、ステップＳ５でｎがステップＳ１で設定した最大階層深度数Ｎを越えているかどうかチェックする。越えていなければステップＳ６に進み、越えていれば終了する。
【００３４】
ステップＳ６でｎを表示領域設定対象の階層深度として設定する。次にステップＳ７で、階層深度ｎにデータアイコンを表示する領域と子階層を表示する領域が設定されていない階層があるかどうかをチェックする。あればステップＳ８に進み、その階層を表示領域設定対象階層として設定し、なければステップＳ４に戻る。次にステップＳ９において、表示領域設定対象階層の直下のデータ数と子階層以下の総データ数に応じて、表示領域設定対象階層の階層表示領域をデータアイコン表示領域と子階層表示領域との面積比を決定し、ステップＳ１０で、表示領域設定対象階層の直下の各子階層の下層階層も含めたデータ数に応じて、各子階層の表示領域を決定し、ステップＳ７に戻る。
【００３５】
さて、ルートディレクトリにおけるデータアイコン表示領域と子階層表示領域の分割結果の例を図１０に示す。図１０において、１は図１と同じくルートディレクトリの階層表示領域であり、２３はデータアイコン表示領域、２４は子階層表示領域である。
（表示領域の分割）
図１４にデータアイコン表示領域と子階層表示領域の分割の際のフローチャートを示す。
【００３６】
図１４のステップＳ２０において、データアイコンの最低表示領域ａmin を設定する。すなわちデータアイコンとしてユーザが視覚的に認識できる最小のデータアイコンの大きさを予め決めておき、その階層直下の全てのデータを最小のデータアイコンによって全て表示するための最小の領域をａmin として設定しておく。次にステップＳ２１において、その階層直下のデータ数と全ての子階層に含まれる総データ数の比からデータアイコン表示領域ａpropを設定する。次にステップＳ２２に進み、ａpropとａmin とを比較し、ａpropがａmin 以上であればａpropをデータアイコン領域情報６０２として設定し、さもなければａmin をデータアイコン表示領域情報６２０として設定する。次にステップＳ２５で、データアイコン表示サイズ６１５とデータアイコン表示位置６１６とを決定する。データアイコン表示領域情報６２０がａmin のときはデータアイコン表示サイズ６１５は予め決められた最小のサイズとされ、データアイコン表示領域情報がａpropの時はデータアイコン表示領域に所属する全てのデータを表示できる範囲で最大のサイズとされる。
【００３７】
次に図９の説明に戻る。図９でステップＳ１０において表示領域設定対象階層の各子階層の表示領域を設定する。その際、各格子階層の総データ数（各子階層のさらに子階層以下のデータも含むデータ数）に比例して、各子階層の表示領域を配分する。ただし、比例計算の結果、子階層の表示領域の大きさが予め決められた最小の大きさ以下になってしまった場合は、その子階層の表示領域の大きさは予め決められた最小の大きさとする。次にステップＳ７に戻り、表示領域設定対象階層深度中の全ての階層の表示領域が設定されるまでループする。
【００３８】
図１１は、階層深度１におけるルート階層の子階層の表示領域とデータアイコンの表示の大きさと位置とが決定された階層での状態を示す図である。表示領域設定対象の階層深度中の全ての階層の表示領域が設定されると、図９のステップＳ４にて階層深度が１つ深く設定され、ステップＳ５に進む。ステップＳ５において設定された階層深度が最大階層深度を越えた場合は、階層表示領域の設定は終了する。越えていない場合はステップＳ６に進んで、これまで説明した作業を全ての階層深度において繰り返すことによって、図２５に示す全ての階層表示領域６０７とデータアイコン表示領域情報６０２、図２６に示すアイコン表示サイズ６１５とデータアイコン表示位置６１６とが決定される。
【００３９】
（ズームアップ／ズームアウト）
本実施例において、階層化されたデータのうち所望の階層の細部に注目する場合は、所望の階層以下のデータのみが表示されるように表示がズームアップされ、より階層深度の浅い所望の階層から下にある階層構造に注目する場合は、表示がズームアウトされることでより階層の浅い視点から広い範囲のデータを見ることができる。
【００４０】
図４はディレクトリ−Ｃのズームアップ表示である。図１においてナビゲーションカーソル２１をディレクトリ−Ｃの階層表示領域１１中の子階層表示領域とデータアイコン以外の部分を指示して、マウスボタン３０４を押し続けることによって図４のごとく画面全体の表示がディレクトリ−Ｃの階層表示領域となるように表示がズームアップされる。これによってズームアップの比率に応じて各データアイコンも拡大表示されるので、各データアイコンのより詳細な情報を知ることができる。
【００４１】
さらにナビゲーションカーソル２１をディレクトリ−Ｅの階層表示領域１７中の部分を指示してマウスボタン３０４を押し続けることによって、同様にディレクトリ−Ｅンも階層表示領域１７が画面全体にズームアップ表示される。図５はディレクトリ−Ｅのズームアップ表示である。
さらにファイルＥ−２のデータアイコンを指示した状態でマウスボタン３０４をダブルクリック（短い間隔で２回クリックする動作を一般的にダブルクリックと称する）することによって、階層表示手段はファイルＥ−２の詳細な内容を表示する。図６の２２はファイルの詳細な内容の表示例である。
【００４２】
逆に、下位階層のズームアップ表示状態からより上位の階層から見た表示に切替えたいときは、表示をズームアウトする。図７はディレクトリ−Ｅのズームアップ表示である。ここで図７の表示状態において所定のキー（例えばシフトキー）を押すことによってナビゲーションカーソル２１が手前向きに変る。この状態でマウスボタン３０４を押し続けることによって、図４の表示（ただしナビゲーションカーソル２１は手前向き）にズームアウトされる、さらにシフトキーを押しながらマウスボタン３０４を押し続けると、図１の表示までズームアウトすることができる。
【００４３】
（詳細情報表示）
また、本実施例では、所望のデータを示すデータアイコンをズームアップすることなしに発見することができれば、ナビゲーションカーソル２１を用いて直接データの詳細情報表示を指示することができる。図８は直接的にデータの詳細情報表示を指示する方法を示した図である。ファイルＥ−２の詳細情報を表示したい場合、図８のようにファイルＥ−２のデータアイコン２０を直接ナビゲーションカーソル２１で指示して、ダブルクリックすることで図６の詳細情報を得ることができる。
【００４４】
（階層深度表示）
図２１は、利用者がズームアップ表示している階層表示領域の階層深度を示す階層深度表示部２２０の例を示す図である。図２１において、２１１は階層深度１区間、２１２は階層深度２区間、２１３は階層深度３区間である。階層深度を示す区間の数は、現在ズームアップ表示されている階層が含む子階層もしくはその階層自身のうち最大の深度によって決定される。例えば階層表示領域に含まれる階層の最大階層深度が３であれば区間は３区間となる。２０８は階層深度表示アイコンであり、現在ズームアップ表示している階層を示す区間に表示される。また、階層深度表示アイコン２０８は、ズームイン動作時は階層深度が深くなる方向を示しズームアウト動作時は階層深度が浅くなる方向を示す。また階層深度区間の表示方法に関しては、図２１の階層深度表示例では階層深度が深くなるほど階層深度区間の表示を細くして階層深度区間を区別している。
【００４５】
図２２は階層深度表示部２２０の他の表示例である。図２２の例では同じ階層深度を示す区間を階層表示領域の背景色とすることによって、階層深度区間を区別している。
図１７から図２０は階層深度表示を有する本実施例の画面表示例を示している。図１７は階層表示がルート階層の表示を行なっている際の表示例である。図１７において、２２０は階層深度表示部、２０８は階層深度表示アイコン、２１１は階層深度１区間、２１２は階層深度２区間、２１３は階層深度３区間である。ルート階層の下にある子階層の最大階層深度は３であるので、このようにルート階層での階層深度表示部は階層深度１から階層深度３までの３区間を表示する。また、ナビゲーションカーソル２１が奥へ向かっているときは、階層深度表示アイコン２０８も階層深度が深くなる方へ向かう向きで、階層深度１区間２１１内に表示される。
【００４６】
図１８はディレクトリ−Ｃの階層表示領域がズームアップされた状態を示した図である。この段階では、階層深度表示アイコン２０８は階層深度２区間２１２の中に表示される。ナビゲーションカーソル２１は階層深度が深くなる方向へ向かっているので、階層深度表示アイコン２０８もそれを反映して階層深度が深くなる方向を向いた形状で表示される。
【００４７】
図１９はディレクトリ−Ｅの階層表示領域がズームアップした状態を示した図である。この段階では、階層深度表示アイコン２０８は階層深度３区間２１３の中に表示される。また、ナビゲーションカーソル２１は階層深度が浅くなる方向を向いているので、階層深度表示アイコン２０８も階層深度が浅くなる方向を向いた形状で表示される。
【００４８】
図２０はディレクトリ−Ｂの階層表示領域がズームアップした状態を示した図である。ディレクトリ−Ｂの中に含まれるもっとも深い階層深度の階層はディレクトリ−Ｂ自身であり階層深度は２である。したがってこの場合、階層深度表示部２２０には階層深度１区間２１１と階層深度２区間２１２のみが表示される。
（ズームアップ手順例）
図１２は、以上説明した所定階層のズームアップ表示の際のフローチャートを示している。
【００４９】
図１２において、ステップＳ４１はイベント待ちループを示しており、利用者からのマウスやキーボードからの指示（イベント）を待っている状態である。何らかのイベントが発生すると、ステップＳ４２で利用者がデータアイコンをダブルクリックしたかどうかチェックする。もしＹＥＳであればステップＳ４３に進み、データアイコンが示すデータの詳細情報を表示する。ＮＯであればステップＳ４４へ進み、利用者が階層表示領域内を指示してマウスボタンを押したかどうかをチェックする。
【００５０】
ＹＥＳであればステップＳ４５へ進み指定階層領域をズームアップ表示する。ステップＳ４６では、ズームアップされたことによって表示されている指定階層の階層表示領域に含まれる子階層の最大階層深度を、Ｄmax として設定する。ステップＳ４７では、階層深度表示２２０の区間をＤmax の区間に区切って表示する。ステップＳ４８では、現在の階層深度と進行方向とを示す階層深度表示アイコンを表示する。
【００５１】
ステップＳ４４でＮＯであればステップＳ４９へ進み、他のイベント処理を行いイベント待ちのステップＳ４１に戻る。
（ズームアウト手順例）
図１３は所定階層のズームアップ表示状態から上位階層を含む表示へズームアウトする際のフローチャートを示す図である。
【００５２】
図１３において、ステップＳ５１はイベント待ちループを示しており、利用者からのマウスやキーボードからの指示（イベント）を待っている状態である。何らかのイベントが発生すると、ステップＳ５２で利用者がシフトキーを押しながらマウスボタンを押したかどうかをチェックする。
もしＹＥＳであればステップＳ５３へ進み、１段上位階層にズームアウト表示する。ステップＳ５４では、ズームアウトされたことによって表示されている指定階層の階層表示領域に含まれる子階層の最大階層深度をＤmax として設定する。ステップＳ５５では、階層深度表示２２０の区間をＤmax の区間に区切って表示する。ステップＳ５６では、現在の階層深度と進行方向を示す階層深度表示アイコンを表示する。
【００５３】
ステップＳ５２でＮＯであればステップＳ５７へ進み、他のイベント処理を行いイベント待ちのステップＳ５１に戻る。
（社員データベースへの適用例）
図１５は、本実施例を用いて社員データベースを表示した例である。
会社の組織ごとに社員を分類し、社員の顔画像をデータアイコンとして表示している。会社の組織は階層構造を形成するので、階層ファイルシステムと同様にベン図状に表すことができる。図１５において、２０４は社員データベースの最上位階層、２０５は開発部門の階層、２０６は開発部長のデータアイコンである。ナビゲーションカーソル２１で開発部長のデータアイコンを指示してダブルクリックすると、図１６のごとく開発部長に関する詳細情報２０７が表示される。
【００５４】
［実施例２］
実施例２は、本発明の別の様態を説明するものである。実施例１と同様の表示や制御フローチャートでは、実施例１と同じ機能のものは同じ参照番号を使用して説明を省き、異なるものについて説明する。
（データ属性データ）
図２８の本実施例のデータ属性データ６０９は、図２６に示す実施例１のデータ属性データに点線以下の６２２〜６２５が加えてある。図２８における６２２はデータ名表示領域サイズ、６２３はデータ名フォントサイズ、６２４はアイコン画像ＩＤ、６２５はアイコン画像表示フラグである。
【００５５】
（データアイコンの構成例）
図２９は図２７に示すデータアイコン４０４の表示の際の構成要素を説明する図である。
図２９において、７０１は１つのデータアイコン全体の表示領域であり、原点（０，０）と、データアイコンの幅をＸic、高さをＹicとして座標（Ｘic，Ｙic）とで定義される矩形によって、図２８に示すアイコン表示サイズ６１５で示されたサイズとなっている。７０２はアイコン画像表示領域であり、図２８に示すアイコン画像ＩＤ６２４で示されたアイコン画像が表示される領域である。７０５はアイコン画像である。アイコン画像のオリジナルの大きさを幅Ｗimorg 、高さをＨimorg とするとアイコン画像はアイコン画像表示領域７０２に収まるように幅Ｗim、高さをＨimに拡大または縮小されて描画される。
【００５６】
７０３はデータ名表示領域であり、原点（０，０）と幅Ｘic、高さＹt として座標（Ｘic，Ｙt ）で定義される矩形によって、図２８に示すデータ名表示領域サイズ６２２で示されたサイズとなっている。７０４はデータ名表示であり、図２８に示すデータ名６１２が表示されるが、データ名表示領域７０３にデータ名６１２が全て表示できないときは、データ名６１２の先頭から表示可能な文字数だけが表示され、最後にデータ名の続きがあることを示す印である“…”がつけ加えられて表示される。
【００５７】
（階層データブラウザ）
図３０は本実施例の階層データブラウザ５０１のより詳細な構成を示す図である。７４０はデータ名６１２を表示する時にフォントのサイズを設定する際に、参照するデータ名表示のフォントサイズテーブルであり、７４１はアイコン画像付きで図２７に示すデータアイコン４０４を表示する時に必要とする最小のアイコン画像の表示領域サイズを設定する際に、参照する最小データアイコン画像の表示サイズテーブルである。
【００５８】
（データアイコンの表示手順例）
図３１は、図１４に示すフローチャートのステップＳ２５の結果割り当てられた１つのデータアイコンの表示領域の大きさに応じて、データアイコンの表示方法を決定する際の処理手順を示すフローチャートである。図３２は、図３０に示すデータ名表示フォントサイズテーブル７４０の例を示す図であり、インデックスｋに対してデータアイコン幅Ｗ（ｋ）、データアイコン高さＨ（ｋ）、フォントサイズＦｓ（ｋ）が引き出される。図３３は、図３０に示す最小データアイコン画像表示サイズテーブル７１４の例を示す表であり、使用可能メモリ容量によって決められたインデックスｍによって、最小の画像表示領域サイズの幅Ｗimmin ，Ｈimmin が引き出される。
【００５９】
以下、図３１に示すフローチャートに従ってデータアイコンの表示方法の決定について説明する。
図３１のステップＳ６０において、データ名表示フォンとサイズテーブル７４０をアクセスする際のインデックスｋを“０”に初期化する。ステップＳ６１で、図３２のデータ名表示フォントサイズテーブル７４０から得られるデータアイコンの大きさと実際のデータアイコンに割り当てられた大きさとを比較して、Ｘic≧Ｗ（ｋ）AND Ｙic≧Ｈ（ｋ）の評価を行う。関係が成り立たなければステップＳ６２に進み、ｋをインクリメントしてステップＳ６１に戻る。従って、ステップＳ６１の条件を満たすまでループし、ｋをインクリメントしてｋを決定する。
【００６０】
ステップＳ６３において、図３２のデータ名表示フォンとサイズテーブル７４０からフォントサイズＦｓ（ｋ）を得、図２８に示すデータ名フォントサイズ６２３に設定する。データ名フォントサイズ６２３が決定するとフォントの高さからデータ名表示領域を決定する座標Ｙt が決定するので、図２８のデータメイ表示サイズ６２２に設定される。ここで、図３２に示されるようなデータ名表示フォントサイズテーブル７４０はｋが大きいほどＷ（ｋ），Ｈ（ｋ），Ｆｓ（ｋ）が大きくなるように構成されているので、１つのデータアイコンの表示領域の大きさが非常に小さいときはデータ名は表示されず、１つのデータアイコンの表示領域の大きさが大きくなるほど、大きな見やすいフォントでデータ名が表示される。
【００６１】
次のステップＳ６４では、ｋ＝０の時ステップＳ７１へ進む。ｋ≠０の時は次のステップＳ６５へ進む。ステップＳ６５では、図３３の最小データアイコン画像表示サイズテーブル７４１を参照する際のインデックスｍを“０”に初期化する。ステップＳ６６では、図２４に示すメモリ管理システム５１６の機能を用いて得た使用可能なメモリ容量と、図３３の例で示される最小データアイコン画像表示サイズテーブル７４１から得られるメモリ容量Ｍａ（ｍ）とを比較して、使用可能メモリ容量がＭａ（ｍ）以上となるまで、ステップＳ６７へ進んでインデックスｍのインクリメントを行い、ステップＳ６６で比較判断ステップを繰り返し、インデックスｍを決定する。
【００６２】
ステップＳ６８にて、Ｗimmin （ｍ）とＨimmin （ｍ）とを図３３の最小データアイコン画像表示サイズテーブル７４１の参照によって決定する。ステップＳ６９では、条件式Ｙic−Ｙt ≧Ｈimmin （ｍ）AND Ｘic≧Ｗimmin （ｍ）を評価する。結果が真であればステップＳ７０へ進み、図２８のアイコン画像表示フラグ６２５を真にセットする。ステップＳ６９で偽であればステップＳ７１へ進み、アイコン画像表示フラグを偽にセットする。このように１つのデータアイコンの表示領域のデータ名表示領域を除く部分の大きさが、高さＨimmin （ｍ）と幅Ｗimmin （ｍ）とで規定される最小データアイコン画像表示サイズよりも小さい場合は、アイコン画像が表示されない。
【００６３】
ここで、図３３で示されるような最小データアイコン画像表示サイズテーブル７４１においてインデックスｍが大きいほどＭａ（ｍ）は大きく、Ｈimmin （ｍ）とＷimmin （ｍ）とは小さくなるよう構成されているので、使用可能メモリ容量が小さいほど、１つのデータアイコンの表示領域の大きさが大きくなればアイコン画像が表示されないことになる。アイコン画像を表示するためには、アイコン画像のデータをメモリ中に保持しなければならないが、上記のように図３３の最小データアイコン画像表示サイズテーブル７４１を構成することによって、使用可能メモリ容量が少ない時はアイコン画像をできるだけ表示しないようにしてメモリを節約できる。
【００６４】
（データアイコンの表示例）
図３４は、図３１のフローチャートで示された方法で決定されたデータアイコンの表示形態の例を示す図である。
図３４の（ａ）は、図３１のフローチャートで条件式ｋ＝０AND （Ｙic−Ｙt ＜Ｈimmin OR Ｘic＜Ｗimmin ）が成り立った際の表示例であり、ｋ＝０の時は図２８のデータ名フォントサイズ６２３が“０”であり、この場合は図２８のデータ名６１２は表示されない。また、図２８のアイコン画像表示フラグ６２５が偽なのでアイコン画像も表示されず、枠だけがデータアイコン４０４ａとして表示される。図３４の（ｂ）は、条件式ｋ＝０ AND （Ｙic−Ｙt ≧Ｈimmin AND Ｘic≧Ｗimmin ）が成り立った際のデータアイコンの表示例で、（ａ）と同様に図２８のデータ名６１２は表示されないが、アイコン画像表示フラグ６２５が真になるのでアイコン画像を含むデータアイコン４０４ｂが表示される。
【００６５】
図３４（ｃ）のは、条件式ｋ＝１ AND （Ｙic−Ｙt ≧Ｈimmin AND Ｘic≧Ｗimmin ）が成り立った際のデータアイコンの表示例で、図２８のデータ名６１２がフォントサイズｆｓ１で表示され、アイコン画像も（ｂ）より大きく、データアイコン４０４ｃとして表示される。図３４（ｄ）は、条件式ｋ＝２ AND （Ｙic−Ｙt ≧Ｈimmin AND Ｘic≧Ｗimmin ）が成り立った際のデータアイコンの表示例で、図２８のデータ名６１２がフォントサイズｆｓ２で大きく表示されアイコン画像も（ｃ）より大きくデータアイコン４０４ｄとして表示される。
【００６６】
図３５は画像データを階層的にカテゴリ分けし、ベン図状に表示する際にデータアイコンの表示に図３１のフローチャートに従った処理を適用した例である。同図においてカテゴリＡがもっとも上位の階層で、カテゴリＢ，Ｃ，Ｄの順に深い階層となる。その際、階層が深くなるほど１つのデータアイコンの表示領域の大きさが小さくなるので、カテゴリＡではデータアイコン４０４ｄの形式で表示され、カテゴリＢではデータアイコン４０４ｃの形式で表示され、カテゴリＣではデータアイコン４０４ｂの形式で表示され、カテゴリＤではデータアイコン４０４ａの形式で表示されている。
【００６７】
ここで、カテゴリＢにズームアップし、カテゴリＢでの各データアイコンの表示領域の割り当てが変われば、再度図３１のフローチャートに基づいた処理により、各階層表示領域のデータアイコンの表示形態が決定される。
図４３は、使用可能なメモリが少ない時に図３１のフローチャートで示された方法で決定されたデータアイコンの表示形態の例を示す図である。
【００６８】
図４３の（ａ）は、図３１のフローチャートで条件式ｋ＝０ AND （Ｙic−Ｙt ＜Ｈimmin OR Ｘic＜Ｗimmin ）が成り立った際の表示例であり、ｋ＝０の時はデータ名フォントサイズ６２３が“０”であり、この場合はデータ名６１２は表示されない。またアイコン画像表示フラグ６２５が偽なのでアイコン画像も表示されず、枠だけがデータアイコン４０４ａとして表示される。図４３の（ｂ）は、図４３の（ａ）と同一条件でアイコン表示領域の割り当てが（ａ）より大きいだけの場合であり、枠が（ａ）より大きくデータアイコン４０４ｅとして表示される。
【００６９】
図４３の（ｃ）は、条件式ｋ＝１ AND （Ｙic−Ｙt ＜Ｈimmin OR Ｘic＜Ｗimmin ）が成り立った際のデータアイコンの表示例で、データ名がフォントサイズｆｓ１で表示されアイコン画像は表示されない形式で、データアイコン４０４ｆとして表示される。図４３の（ｄ）は、条件式ｋ＝２ AND （Ｙic−Ｙt ＜Ｈimmin AND Ｘic＜Ｗimmin ）が成り立った際のデータアイコンの表示例で、図２８のデータ名６１２がフォントサイズｆｓ２で表示されアイコン画像も表示される形式で、データアイコン４０４ｄとして表示される。
【００７０】
図４４は使用可能メモリが少ないときに画像データを階層的にカテゴリ分けし、ベン図状に表示する際にデータアイコンの表示に図３１に示す処理を適用した例である。
図４４において、カテゴリＡがもっとも上位の階層で、カテゴリＢ，Ｃ，Ｄの順に深い階層となる。その際、階層が深くなるほど１つのデータアイコンの表示領域の大きさが小さくなるので、カテゴリＡではデータアイコン４０４ｄの形式で表示され、カテゴリＢではデータアイコン４０４ｆの形式で表示され、カテゴリＣではデータアイコン４０４ｅの形式で表示され、カテゴリＤではデータアイコン４０４ａの形式で表示されている。ここで、カテゴリＢにズームアップし、カテゴリＢでの各データアイコンの表示領域の割り当てが変われば、再度図３１のフローチャートに基づいて各階層表示領域のデータアイコンの表示形態が決定される。
【００７１】
（データアイコンのグループ化）
図３６は本実施例を用いて、例えば保険会社が顧客の情報収集のために作成したデータベースのある階層表示領域におけるデータ表示例である。
図３６において、７１０はData Aという階層の階層表示領域である。７１１は人物Ａの顔画像データを示すデータアイコン、７１２は人物Ａの家の画像データを示すデータアイコン、７１３は人物Ａの健康に関するデータを示すデータアイコン、７１４は人物Ａの財産に関するデータを示すデータアイコンである。７１５は人物Ｂの顔画像データを示すデータアイコン、７１６は人物Ｂの家の画像データを示すデータアイコン、７１７は人物Ｂの健康に関するデータを示すデータアイコン、７１８は人物Ｂの財産に関するデータを示すデータアイコンである。データが少ないときは全てのデータを図３３のように一様に並べれば良いが、データが増えたときはデータアイコンを小さくするか表示領域を大きくしなければ、全てのデータアイコンを表示しきれなくなる。
【００７２】
図３７は本実施例の階層データブラウザにおいて複数のデータアイコンをグループ化する方法を説明する図である。
図３７の（ａ）は、利用者が人物Ａの財産に関するデータを示すデータアイコン７１４と人物Ａの健康に関するデータアイコン７１３とをグループ化する際に必要な操作を示している。ナビゲーションカーソル２１で人物Ａの健康に関するデータを示すデータアイコン７１３を選択して、人物Ａの財産に関するデータを示すデータアイコン７１４に重ねることによって、人物Ａの財産に関するデータを示すデータアイコン７１４と人物Ａの健康に関するデータを示すデータアイコン７１３とがグループ化される。
【００７３】
図３７の（ｂ）は、人物Ａの財産に関するデータを示すデータアイコン７１４と人物Ａの健康に関するデータを示すデータアイコン７１３とがグループ化された状態を示しており、グループ化されたデータアイコン７１９として表示されている。グループ化されたデータアイコン７１９にはグループ化されたデータアイコンであることを示すグループマーク７２２が表示される。
【００７４】
さらに同様の操作を人物Ａの家の画像データを示すデータアイコン７１２、人物Ａの顔画像データを示すデータアイコン７１１に対して繰り返すことで、図３７の（ｃ）のように、４個のデータアイコンがグループ化されてグループアイコン７２０として表示される。グループアイコンのアイコン画像としてグループを代表して表示されるアイコン画像は、最後に重ねたデータアイコンのアイコン画像データとなっている。また、このグループ化のための操作として、データアイコンを重ねると言う手段だけでなく、予め選択しておいた複数のデータアイコンをグループ化するための命令を利用者が選択するためのグループ化メニュー（ＧＵＩ）として提供しても良い。
【００７５】
図３８は図３６の上段４個のデータアイコンを１個のグループにまとめて下段４個のデータアイコンを１個のグループにまとめた表示例を示している。
図３８において、７２１は図３６の人物Ｂの顔画像データを示すデータアイコン７１５と人物Ｂの家の画像データを示すデータアイコン７１６と人物Ｂの健康に関するデータを示すデータアイコン７１７と人物Ｂの財産に関するデータを示すデータアイコン７１８とをグループ化したグループアイコンである。このように８個のデータアイコンが２個のアイコンにまとめられるので、階層表示領域７１０を小さくするか、または階層表示領域７１０を広げずにより多くのデータを管理・表示することが可能になる。
【００７６】
図３８に示すグループマーク７２２をナビゲーションカーソル２１でクリックすると、図３９の（ａ）のごとくグループ内のデータアイコンのリストであるデータアイコンリスト７２９が表示される。人物Ａの健康に関するデータを示すデータアイコン７１３を図３９の（ｂ）のごとくナビゲーションカーソル２１でダブルクリックすると、人物Ａの健康に関するデータの詳細情報が表示される。次にグループアイコンのアイコン画像を取り替えたい場合は、図３９の（ｃ），（ｄ）のようにグループの代表画像にしたいデータアイコンを、データアイコンリスト７２９の先頭までドラッグすればよい。
【００７７】
図４０はグループからデータを取り除く操作を説明する図である。図４０の（ａ）のように、グループに属したデータアイコンをリスト表示して、取り除きたいデータアイコン７１３をナビゲーションカーソル２１で選択し、データアイコンリスト７２９の外にドラッグすることによって、図４０の（ｂ）のようにデータアイコン７１３がグループから取り除かれる。また、指定したグループのグループ化を解除するための命令を、利用者が選択するためのグループ化解除メニュー（ＧＵＩ）として提供しても良い。
【００７８】
図４１は図２４に示す階層管理手段５０２がグループ化されたデータアイコンを管理するためのグループ属性データの構成を示す図である。
図４１において、７３０はグループ属性データ、７３８はグループを一意に識別するためのグループ識別子である。７３９はグループ名、７３１は図２８のグループに属する全てのデータのデータ識別子６１１をリストしたデータ識別子リストである。グループマーク７２２をクリックした際の図３９に示すデータアイコンリスト７２９におけるデータアイコンのリスト表示は、データ識別子リスト７３１に登録された順番に従って行われる。７３２はグループアイコンのアイコン表示サイズ、７３３はグループアイコンの表示位置、７３４はグループ名表示領域サイズ、７３５はグループ名フォントサイズである。７３６はアイコン画像ＩＤであり、データ識別子リスト７３１に登録されているデータのアイコン画像ＩＤ６２４が設定される。７３７はアイコン画像表示フラグであり、アイコン画像表示フラグ７３７が真の時はアイコン画像が表示され、偽の時はアイコン画像が表示されない。
【００７９】
図４２はグループアイコンの構成を説明する図である。
図４２において、７２３はグループアイコン全体の表示領域であり、データアイコンの表示領域と同様に原点（０，０）と、グループアイコンの幅をＸic、高さをＹicとして座標（Ｘic，Ｙic）とで定義される矩形によって、アイコン表示サイズ７３２で示されたサイズとなっている。７２４はグループアイコンのアイコン画像表示領域の背景パターンであり、グループであることがわかるような背景パターンが描かれる。７２５はアイコン画像表示領域であり、アイコン画像ＩＤ７３６で示されたアイコン画像が表示される領域である。アイコン画像表示領域７２５は、背景パターン７２４を全て覆い尽くさないようにするための幅ＷfgをＸicから差し引いた大きさとなる。７２６はアイコン画像である。アイコン画像のオリジナルの大きさを幅Ｗimorg 、高さをＨimorg とすると、アイコン画像はアイコン画像表示領域７２６に収まるように幅Ｗim、高さＨimに拡大または縮小されて描画される。
【００８０】
７２２はグループマークであり、幅Ｗmgの領域に表示される。７２７はグループ名表示領域であり、座標（Ｗmg，０）と（Ｘic，Ｙt ）とで定義される矩形によって、グループ名表示領域サイズ７３４で示されたサイズとなっている。７２８はグループ名表示であり、グループ名７３９が表示されるが、グループ名が特に指定されていないときは、グループ名表示領域にはデータ識別子リスト７３１の先頭にあるデータ名が表示される。グループ化した後にグループ名が指定されれば、指定したグループ名がグループ名７３９に設定され、グループ名表示領域に表示される。グループ名表示領域７２７にグループ名が全て表示できない時は、先頭から表示可能な文字数だけが表示され、最後にグループ名の続きがあることを示す印である“…”がつけ加えられて表示される。
【００８１】
グループ名とアイコン画像との表示／非表示に関しては、図３１に示したと同様の処理によって制御される。図４１に示すグループ属性データ７３０は、最初にデータが図３７に示すようなグループ化操作が行われたときに、図２４に示す階層管理手段５０２によって作成され、グループ化が解除されたかもしくは最後のデータがグループから取り除かれたときに削除される。
【００８２】
尚、本発明は、複数の機器から構成されるシステムに適用しても、１つの機器から成る装置に適用しても良い。また、本発明はシステム或は装置にプログラムを供給することによって達成される場合にも適用できることはいうまでもない。
【００８３】
【発明の効果】
以上、説明したように、本発明によって、階層構造を持つファイルシステムやデータベースの階層構造の全体構造をベン図状の表示によって直感的に把握でき、かつ子階層に属するデータは親階層と重なることなく表示すると共に、簡単な操作で階層間のズームアップ、ズームアウト、データの詳細情報の表示をするため、目的のデータが見つけ易くなった。
【００８４】
また、深い階層に関しては縮小して表示するため、深い階層構造も限られた面積の画面内に表示することができ、また、階層を一段一段たどることなく目的の階層に属するデータを特定するために目的の階層を示す階層表示領域をズームアップする手段を備えていて、迅速に目的の階層の詳細情報を見ることができる。すなわち、深い階層にあるデータでもデータアイコンを特定できればルート階層から直接データアイコンを指定してデータの詳細情報を知ることができる。
【００８５】
逆に、ズームアウトする手段を有することによってより、上位の階層から見た階層構造の概要を容易に知ることができ、より上位の階層に属するデータに容易にアクセスすることができる。
また、現在どの階層深度の階層がズームアップされているかを示す階層深度表示部を有することで、ナビゲーションの際にどの深度にいるのかを直感的に把握することができる。
【００８６】
また、同一階層深度の階層深度表示領域は同一色とし、しかも深い階層ほど同系色の濃い色で表示することで、深い階層深度の表示領域が奥にあるような表示上の奥行き感を持たせることができる。
更に、１つのデータアイコンに割り当てられた領域が大きいときにはアイコン画像とデータ名を大きく表示して見やすくし、１つのデータアイコンに割り当てられた領域が小さいときには認識可能な範囲でアイコン画像とデータ名を小さくし、１つのデータアイコンに割り当てられた領域がさらに小さいときにはデータ名の表示を省略し、アイコン画像だけを表示することでデータの認識を極力可能にし、１つのデータアイコンに割り当てられた領域がさらに小さいときにはデータアイコンの枠だけを表示することでデータ数を認識できるようにしたことにより、表示領域の大きさに応じたデータの認識支援の効果を持たせた。
【００８７】
更に、使用可能なメモリが少ないときは１つのデータアイコンに割り当てられた領域がある程大きくないとアイコン画像を表示しないようにすることで、メモリを節約する効果がある。
更に、複数のデータアイコンで示されるデータをグループ化してグループアイコンとして表示する手段を有することで、狭い表示領域でより多くのデータを管理することが可能になった。
【図面の簡単な説明】
【図１】本実施例における階層データの表示例を示した図である。
【図２】階層ファイルシステムを木構造で示した図である。
【図３】図２と同じ階層ファイルシステムを階層リストボックスで表現した例を示す図である。
【図４】ディレクトリ−Ｃのズームアップ表示例を示す図である。
【図５】ディレクトリ−Ｅのズームアップ表示例を示す図である。
【図６】ファイルの詳細な内容を示す図である。
【図７】ディレクトリ−Ｅのズームアップ表示例でズームアウトを説明するための図である。
【図８】直接的にデータの詳細情報表示を指示する方法を示した図である。
【図９】階層表示手段が各階層の階層表示領域とデータアイコンの大きさを設定する際の処理手順を示すフローチャートである。
【図１０】ルートディレクトリにおけるデータアイコン表示領域と子階層表示領域の分割結果の例を示す図である。
【図１１】階層深度０においてルート階層の子階層の表示領域とデータアイコンの表示の大きさと位置が決定された階層での状態を示す図である。
【図１２】所定階層のズームアップ表示の際の処理手順を示すフローチャートである。
【図１３】所定階層のズームアップ表示状態から上位階層を含む表示へズームアウトする際の処理手順を示すフローチャートである。
【図１４】データアイコンの表示領域を決定する際の処理手順を示すフローチャートである。
【図１５】本実施例で社員データベースを表示した例を示す図である。
【図１６】詳細情報の表示例を示す図である。
【図１７】階層表示がルート階層の表示を行なっている際の表示例を示す図である。
【図１８】ディレクトリ−Ｃの階層表示領域がズームアップされた状態を示す図である。
【図１９】ディレクトリ−Ｅの階層表示領域がズームアップした状態を示す図である。
【図２０】ディレクトリ−Ｂの階層表示領域がズームアップした状態を示す図である。
【図２１】利用者がズームアップ表示している階層表示領域の階層深度を示す階層深度表示部を説明する図である。
【図２２】階層深度表示部の他の例を示す図である。
【図２３】本実施例のプラットフォームであるパーソナルコンピュータシステムの構成を示す図である。
【図２４】本実施例のソフトウェアとハードウェアを含む階層データブラウザシステムの構成を示す図である。
【図２５】本実施例における階層管理手段が管理する階層属性データを説明するための図を示す図である。
【図２６】データ属性の構成を示す図である。
【図２７】図２４に示す階層管理手段が管理するデータに基づき、階層表示手段が階層内のデータを表示する際の表示の構成要素について説明する図である。
【図２８】実施例２のデータ属性の構成を示す図である。
【図２９】データアイコンの表示の際の構成要素を説明する図である。
【図３０】階層データブラウザの詳細な構成を示す図である。
【図３１】図１４に示すフローチャートのステップＳ２５の割り当てられた１つのデータアイコンの表示領域の大きさに応じてデータアイコンの表示方法を決定する際の処理手順を示すフローチャートを示す図である。
【図３２】データ名表示フォントサイズテーブルの例を示す図である。
【図３３】最小データアイコン画像表示サイズテーブルの例を示す図である。
【図３４】図３のフローチャートで示された処理で決定されたデータアイコンの表示形態の例を示す図である。
【図３５】画像データを階層的にカテゴリ分けしてベン図状に表示する際に、データアイコンの表示に図３１の処理手順を適用した例を示す図である。
【図３６】本実施例で、保険会社が顧客の情報収集のために作成したデータベースのある階層表示領域におけるデータ表示例を示す図である。
【図３７】本実施例で、階層データブラウザにおいて複数のデータアイコンをグループ化する方法を説明する図である。
【図３８】本実施例で、図３６の上段４個のデータアイコンを１個のグループにまとめ、下段４個のデータアイコンを１個のグループにまとめた表示例を示す図である。
【図３９】本実施例で、グループ化されたデータアイコンの各データアイコンにアクセスする方法を示す図である。
【図４０】グループからデータを取り除く操作を説明するための図である。
【図４１】階層管理手段がグループ化されたデータアイコンを管理するためのグループ属性データの構成を説明する図である。
【図４２】グループアイコンの構成を説明する図である。
【図４３】使用可能なメモリが少ないときに、図３１のフローチャートで示された手順で決定されたデータアイコンの表示形態の例を示す図である。
【図４４】使用可能メモリが少ないときに画像データを階層的にカテゴリ分けし、ベン図状に表示する際にデータアイコンの表示に図３１の処理手順を適用した例を示す図である。
【符号の説明】
１ ルート階層の階層表示領域
２１ ナビゲーションカーソル
２０８ 階層深度表示アイコン
２２０ 階層深度表示
３０１ コンピュータシステム本体
３０２ ディスプレイ
３０３ マウス
３０５ キーボード
４０１ 階層表示領域
４０２ ボーダ
４０３ 階層名表示領域
４０４ データアイコン
５０１ 階層データブラウザ
５０２ 階層管理手段
５０３ 階層表示手段
５０４ アプリケーションソフトウェア
５０５ ＯＳ
５０６ 入力デバイス管理システム
５０７ 描画管理システム
５０８ ファイル管理システム
５０９ ハードウェア
５１０ キーボードインターフェース
５１２ マウスインターフェース
５１３ ビデオインターフェース
５１４ ディスクＩＯインターフェース
５１５ ハードディスク
５１６ メモリ管理システム
５１７ メモリ
５１８ ＣＰＵ
７２０ グループアイコン
７２２ グループマーク
７３０ グループ属性[0001]
[Industrial application fields]
The present invention relates to a hierarchical data display method and a browser system for retrieving data managed by hierarchizing a plurality of data such as a database and a file system.
[0002]
[Prior art]
In a computer file management system, a database system, or the like, a method of managing data hierarchically is often used as a method of managing a large number of data. Particularly in the file system, most operating systems (hereinafter referred to as OS) manage the entire file system by dividing it into a plurality of hierarchical directories. In recent OSs, a hierarchical structure such as a file system is displayed on the screen by a graphical user interface (hereinafter referred to as GUI), and data such as a file is accessed by instructing target data with a pointing device such as a mouse. It is usual to adopt a browser system that does.
[0003]
In a conventional browser system that displays such a hierarchical structure to the user, the hierarchical structure is expressed by a tree display as shown in FIG. 2 or a hierarchical list box display as shown in FIG.
FIG. 2 shows an example in which the hierarchical file system is expressed in a tree structure. The directory hierarchy is expressed by folder icons (101, 103, 105, 108, 110, 113), and the files are document icons (102, 104, 106). , 107, 109, 111, 112, 114), and their hierarchical relationship is expressed in a tree structure.
[0004]
In FIG. 2, reference numeral 101 denotes a root directory, and the root directory (101) includes a file R-1 (102). Below the root directory (101) are directory-A (103), directory-B (105), and directory-C (108). A file A-1 (104) is present under the directory-A (103), and a file B-1 (106) and a file B-2 (107) are present under the directory-B (105). There are a file C-1 (109) and a directory -D (110) under the directory-C (108), and a file D-1 (111) and a file D-2 under the directory-D (110). (112) and directory-E (113). Below the directory-E (113) is a file E-1 (114).
[0005]
As described above, since the files of all the hierarchies are displayed in a tree structure, the target file can be selected.
FIG. 3 shows an example in which the same hierarchical file system as in FIG. 2 is expressed by a hierarchical list box. FIG. 3A shows a state in which a file and directory under the directory-C (116) are to be accessed. In the figure, reference numeral 115 denotes a list box for displaying first layer files and directories. 117 is a scroll bar used when the number of files and directories is larger than the number of items that can be displayed in the list box 115, 118 is an upward scroll button, and 119 is a downward scroll button. Reference numeral 116 denotes a directory-C.
[0006]
When the directory-C (116) is selected from the list box (115) and clicked with the pointing device, the display of the directory-C (116) is highlighted and the file C under the directory-C (116) is displayed. -1 and directory-D (121) are displayed in a list box (120) indicating files and directories in the second hierarchy.
[0007]
FIG. 3B shows a state when the directory-D (121) is further selected from the list box (120) and clicked with the pointing device. In the figure, when a directory-D (121) is clicked, a directory-E, a file D-1, and a file D-2 under the directory-D (121) are a list box indicating files and directories in the third hierarchy. (122). In this way, the target file can be reached by selecting a deep hierarchy one step at a time.
[0008]
Although not shown, a system that displays a hierarchical file system with a folder metaphor, such as an OS of Macintosh by Apple Computer or OS / 2 (product name) of IBM, is also common.
[0009]
[Problems to be solved by the invention]
However, like the conventional hierarchical file system shown in FIG. 2, when the hierarchical file system is represented by a tree structure, when the number of files and directories increases, it is not possible to display all file and directory icons on the screen. In order to find the target directory or file, a means such as scrolling the entire screen is required, and it becomes difficult to find the target directory or file. In other words, the display is horizontally long in the deep part of the hierarchy, and the display is vertically long in the part where there are many files and directories in the same hierarchy. There is a drawback that it becomes necessary to scroll.
[0010]
In addition, in the conventional browser system using the list box as shown in FIG. 3, hierarchical browsing is possible even in a narrow screen, but the directory and files below it are displayed only after a certain directory is selected. However, there is a drawback that it is difficult to grasp the overall hierarchical structure and it is difficult to find a target file.
[0011]
Furthermore, in a system using a folder metaphor when representing a conventional hierarchical structure, it is impossible to know what data is contained in the folder until the folder is opened. In addition, it is impossible to grasp the overall image of the hierarchical structure over two or more layers. In addition, since a new window is opened each time a folder is opened, the desktop screen is cluttered with the window indicating the opened folder, and the target data is easily lost.
[0012]
These drawbacks are the same when the same display method is applied to a database browser system that hierarchically categorizes data.
The present invention eliminates the above-mentioned conventional drawbacks, makes it possible to intuitively grasp the overall structure of a hierarchical structure of a file system or database having a hierarchical structure by displaying a Venn diagram, and data belonging to a child hierarchy does not overlap with the parent hierarchy. indicate At the same time, you can zoom in and out between levels and display detailed data information with a simple operation. Thus, a hierarchical data display method and a browser system that make it easy to find target data are provided.
[0013]
In addition, a deep hierarchical structure can be displayed on a screen with a limited area, and by providing means for zooming in, detailed information on the target hierarchy can be quickly seen, and means for zooming out are provided. Thus, there is provided a hierarchical data display method and a browser system that can easily know an outline of a hierarchical structure viewed from an upper hierarchy.
[0014]
Further, the present invention provides a hierarchical data display method and a browser system that can intuitively grasp which depth is at the time of navigation by displaying which hierarchical depth is currently zoomed up.
[0015]
[Means for Solving the Problems]
In order to solve the above-described problems, a hierarchical data display method of the present invention is a hierarchical data display method for displaying data managed hierarchically, Hierarchy display area for displaying In the background representing the parent hierarchy, an area for displaying data belonging to the parent hierarchy and an area for displaying the child hierarchy are set to be in an exclusive position on the display screen, Belongs to the hierarchy of the region Control display to display data icon representing data Further, when the data icon is instructed by a predetermined operation, detailed information of the data indicated by the data icon is displayed, and when a hierarchy display area of any hierarchy is instructed by the predetermined operation, the instruction When the zoomed-in hierarchical display area is zoomed in, a data icon representing data belonging to the hierarchy of the hierarchical display area is displayed, and when zoom-out is instructed for the zoomed-up hierarchical display area, the zoomed-up hierarchical display area Control display to zoom out from the display area to the parent hierarchy display area It is characterized by doing.
[0016]
Here, the size of the set area is determined based on the number of data in the parent hierarchy and the number of data in the child hierarchy. Further, when there are a plurality of child hierarchies, the area of each child hierarchy is determined corresponding to the number of data in the lower hierarchy included in the child hierarchy. The background is selected and displayed so that the depth of the hierarchy can be identified. Further, the background is displayed in a deeper color as the hierarchy is deeper. Also, In the setting of the area, for the hierarchy display area of each hierarchy, An area for displaying data belonging to the parent hierarchy and an area for displaying the child hierarchy are set. Have If it is determined that it is not set, Hierarchy display of hierarchy The area is set for the area.
[0017]
The hierarchical data browser system of the present invention is a hierarchical data browser system that displays hierarchically managed data. Hierarchy display area Setting means for setting an area for displaying data belonging to the parent hierarchy and an area for displaying the child hierarchy to be in an exclusive position on the display screen in the background representing the parent hierarchy, and the setting means Within each area Belongs to the hierarchy of the region Control means for controlling the display so that a data icon representing data is displayed. In addition, when the data icon is instructed by a predetermined operation, the control means displays detailed information of the data indicated by the data icon, and the hierarchical display area of any hierarchy is instructed by the predetermined operation. If the designated hierarchical display area is zoomed up, a data icon representing data belonging to the hierarchy of the hierarchical display area is displayed, and if zooming out is instructed to the zoomed-up hierarchical display area, zooming is performed. Control the display so that it zooms out from the displayed hierarchical display area to the parent hierarchical display area It is characterized by doing.
[0018]
Here, the setting means determines the size of the set area based on the number of data in the parent hierarchy and the number of data in the child hierarchy. In addition, when there are a plurality of child hierarchies, the setting means determines the area of each child hierarchy corresponding to the number of data in the lower hierarchy included in the child hierarchy. Further, the control means selects and displays the background so that the depth of the hierarchy can be identified. Also, The control means includes The background is displayed in a deeper color as the hierarchy is deeper. Also, The setting means, for the hierarchical display area of each hierarchy, An area for displaying data belonging to the parent hierarchy and an area for displaying the child hierarchy are set. Have A determination means for determining whether the determination means is not set, Hierarchy display of hierarchy The area is set for the area.
[0021]
【Example】
Hereinafter, an embodiment of the present invention will be described in detail with reference to the accompanying drawings.
[Example 1]
<Configuration example of browser system>
FIG. 23 shows an example of the configuration of a personal computer system which is an example of a platform on which the present invention is implemented.
[0022]
In FIG. 23, 301 is a computer system main body, 302 is a display for displaying data, 303 is a mouse which is a typical pointing device, 304 is a mouse button, and 305 is a keyboard.
FIG. 24 is a diagram showing a configuration of a hierarchical data browser system including software and hardware.
[0023]
In FIG. 24, 509 is hardware, 505 is an operating system (OS) operating on the hardware 509, and 504 is application software operating on the OS 505.
In FIG. 24, 518 is a CPU, 517 is a memory, 519 is a data bus, and 515 is a hard disk that physically stores files and data. Reference numeral 508 denotes a file management system constituting the OS, which has a function that allows application software to input and output files without being aware of hardware. Reference numeral 514 denotes a disk IO interface for the file management system 508 to read / write the hard disk 515.
[0024]
Reference numeral 507 denotes a drawing management system constituting the OS, which has a function that allows application software to perform drawing without being aware of hardware. Reference numeral 513 denotes a video interface for the drawing management system 507 to draw on the display 302.
Reference numeral 506 denotes an input device management system constituting the OS, which has a function that allows application software to receive user input without being aware of hardware. Reference numeral 510 denotes a keyboard interface for the input device management system 506 to receive input from the keyboard 305. Reference numeral 512 denotes a mouse interface for the input device management system 506 to receive input from the mouse 303.
[0025]
Reference numeral 516 denotes a memory management system, which has a function that allows application software to input / output data to / from the memory 517 without regard to hardware.
A hierarchical data browser 501 is application software, 502 is a hierarchical management unit for hierarchically managing data, and 503 is a hierarchical display unit that displays hierarchically managed data so that the hierarchical structure can be grasped. is there.
[0026]
(Example of hierarchical attribute data)
FIG. 25 is a diagram for explaining hierarchy attribute data managed by the hierarchy management means 502 in this embodiment.
In the figure, reference numeral 601 denotes hierarchy attribute data, and reference numeral 602 denotes a hierarchy identifier for uniquely identifying the hierarchy. Reference numeral 603 denotes a hierarchy depth identifier indicating the depth of the hierarchy. In the example of FIG. 2, the root directory can be defined as layer depth 1, directory-A, B, and C can be defined as layer depth 2, and directory D can be defined as layer depth 3. Reference numeral 604 denotes a hierarchy name. In the example of FIG. 2, A, B, C, D, and E are examples of the hierarchy name. Reference numeral 605 denotes the number of belonging data. In the case of a hierarchical file browser, the number of belonging data is the number of files belonging to the directory. Therefore, in the example of FIG. 2, the number of belonging data of the directory-A is 1, and the number of belonging data of the directory-B is 2. Reference numeral 606 denotes the number of hierarchies that belong directly below the hierarchy. In the example of FIG. 2, the number of subordinate hierarchy of the root directory is 3.
[0027]
Reference numeral 607 denotes hierarchical display area information. As will be described later, the allocated area is assigned to the hierarchical display area 607 by the hierarchical management unit 502 in accordance with the ratio of the number of belonging data including the number of data included in all child hierarchies. Set. A data icon display area 602 is determined by the ratio of the number of data immediately below the hierarchy and the total number of data below all child hierarchies as will be described later. Reference numeral 608 denotes an affiliation data list, in which attribute data 609 of data directly belonging to the hierarchy, that is, attribute data of files directly belonging to the directory is listed in the case of a file browser. Reference numeral 610 denotes a child hierarchy list, in which hierarchy attribute data 601 of a child hierarchy that directly belongs to the hierarchy is listed.
[0028]
(Data attribute data example)
FIG. 26 is a diagram showing the configuration of the data attribute data 609.
In FIG. 26, reference numeral 611 denotes a data identifier for uniquely identifying data. Reference numeral 612 denotes a data name. In the example of FIG. 2, file names such as A-1 and B-1 correspond to data names. Reference numeral 613 denotes a data capacity, which indicates the capacity occupied by data in the file system. Reference numeral 614 denotes a data type. If it is image data, it indicates the format of the image. The icon display size 615 is set by the hierarchy management unit 502 in accordance with the number of data included in the hierarchy, as will be described later. Reference numeral 616 denotes a data icon display position.
[0029]
(Example of display components)
FIG. 27 is a diagram for explaining the components of the display when the hierarchy display means 502 displays the data in the hierarchy, based on the data managed by the hierarchy management means 502 shown in FIG.
In the figure, reference numeral 401 denotes a hierarchy display area, which displays data belonging to the hierarchy or child hierarchies. The same layer display area is painted with the same background color. Reference numeral 402 denotes a border (boundary) between the child hierarchy and the parent hierarchy. The border may be explicitly displayed as a line, or may be simply expressed by the background color of each hierarchical display area being different. Reference numeral 403 denotes a hierarchical name display area, and reference numeral 404 denotes a data icon indicating the outline of data for identifying data. The components of the data icon 404 differ depending on the type of data. In the case of image data, the reduced image data and data name, and in the case of word processor data, an application-specific icon and data name indicating that the data processor 404 has been created. Configured so that you can get an overview of the data.
[0030]
<Example of hierarchical data display>
FIG. 1 shows a display example of hierarchical data displayed by the hierarchical display means 503 based on the data managed by the hierarchical management means 502 shown in FIG. The data to be displayed is data of the same hierarchical file system as the file browser of FIG.
In FIG. 1, 1 is a hierarchy display area of the root directory, which is determined by the hierarchy display area information 607. Reference numeral 2 denotes a hierarchy name display area, which is determined by the hierarchy name 604. Reference numeral 3 denotes a data icon of the file R-1, and the display size is determined by the icon display size 615. 4 is a display area of a directory-A which is a child hierarchy of the root directory, 5 is a hierarchy name display area of the directory-A, 6 is a data icon of the file A-1, and 7 is a directory-B which is a child hierarchy of the root directory. Hierarchy display area, 8 is a hierarchy name display area of directory-B, 9 is a data icon of file B-1, 10 is a data icon of file B-2, and 11 is a hierarchy display of directory-C which is a child hierarchy of the root directory. Area, 12 is a hierarchy name display area of directory-C, 13 is a data icon of file C-1, 14 is a hierarchy display area of directory-D which is a child hierarchy of directory-C, and 15 is a hierarchy name display of directory-D. An area 16 is a data icon of the file D-1. Reference numeral 17 denotes a hierarchy display area of the directory-E which is a child hierarchy of the directory-C, 18 denotes a hierarchy name display area of the directory-E, 19 denotes a data icon of the file E-1, 20 denotes a data icon of the file E-2, 21 Is a navigation cursor for designating the target hierarchy and data.
[0031]
Further, the background color of the hierarchical display area is determined by the hierarchical depth. In the example of FIG. 1, the deeper the hierarchy, the deeper the color is displayed, thereby expressing a three-dimensional sense of depth. By reducing the size of the data icon as the hierarchical depth increases, it is possible to display more hierarchical display areas and data icons within a limited screen area.
[0032]
<Example of hierarchical data display procedure>
(Area settings for each layer)
FIG. 9 shows a flowchart when the hierarchy display means 503 shown in FIG. 24 sets the size of the hierarchy display area 401 and the data icon 404 of each hierarchy shown in FIG.
[0033]
In FIG. 9, in step S1, the maximum hierarchy depth N is set. For example, in the example of FIG. 1, N = 3. In step S2, the background color is determined according to the layer depth of each layer. For example, the background color is the same, and the deeper the layer depth, the deeper the deeper layer display is. Next, in step S3, the hierarchical depth n for setting the display area is initialized to “0”. Next, in step S4, the layer depth n is incremented by “1”, and in step S5, it is checked whether n exceeds the maximum layer depth number N set in step S1. If not exceeded, the process proceeds to step S6, and if exceeded, the process ends.
[0034]
In step S6, n is set as the display area setting target hierarchical depth. Next, in step S7, it is checked whether or not there is a hierarchy in which a data icon display area and a child hierarchy display area are not set at the hierarchy depth n. If there is, the process proceeds to step S8, the hierarchy is set as the display area setting target hierarchy, and if not, the process returns to step S4. Next, in step S9, the hierarchy display area of the display area setting target hierarchy is defined as the area between the data icon display area and the child hierarchy display area according to the number of data immediately below the display area setting target hierarchy and the total number of data below the child hierarchy. The ratio is determined, and in step S10, the display area of each child hierarchy is determined according to the number of data including the lower hierarchy of each child hierarchy immediately below the display area setting target hierarchy, and the process returns to step S7.
[0035]
FIG. 10 shows an example of the division result of the data icon display area and the child hierarchy display area in the root directory. In FIG. 10, 1 is a hierarchy display area of the root directory as in FIG. 1, 23 is a data icon display area, and 24 is a child hierarchy display area.
(Split display area)
FIG. 14 shows a flowchart for dividing the data icon display area and the child hierarchy display area.
[0036]
In step S20 of FIG. 14, the minimum display area a of the data icon min Set. That is, the size of the minimum data icon that can be visually recognized by the user as a data icon is determined in advance, and the minimum area for displaying all the data immediately below the hierarchy with the minimum data icon is a. min Set as. Next, in step S21, the data icon display area a is calculated from the ratio of the number of data immediately below the hierarchy and the total number of data included in all the child hierarchies. prop Set. Next, proceeding to step S22, a prop And a min And a prop Is a min If it is more than a prop Is set as the data icon area information 602, otherwise a min Is set as the data icon display area information 620. In step S25, the data icon display size 615 and the data icon display position 616 are determined. Data icon display area information 620 is a min In this case, the data icon display size 615 is set to a predetermined minimum size, and the data icon display area information is a. prop In this case, the maximum size is displayed in the range where all data belonging to the data icon display area can be displayed.
[0037]
Next, the description returns to FIG. In FIG. 9, in step S10, the display area of each child hierarchy of the display area setting target hierarchy is set. At that time, the display area of each child hierarchy is distributed in proportion to the total number of data of each lattice hierarchy (the number of data including data of each child hierarchy and further below the child hierarchy). However, if the size of the display area of the child hierarchy is equal to or smaller than the predetermined minimum size as a result of the proportional calculation, the size of the display area of the child hierarchy is set to the predetermined minimum size. To do. Next, the process returns to step S7 and loops until the display areas of all the hierarchies within the display area setting target hierarchy depth are set.
[0038]
FIG. 11 is a diagram illustrating a state in a hierarchy in which the display area and the display size and position of the data icon of the root hierarchy at the hierarchy depth 1 are determined. When the display areas of all hierarchies within the hierarchy depth to be set as the display area are set, the hierarchy depth is set one deep in step S4 of FIG. 9, and the process proceeds to step S5. If the hierarchy depth set in step S5 exceeds the maximum hierarchy depth, the setting of the hierarchy display area is ended. If not, the process proceeds to step S6, and the operations described so far are repeated at all the hierarchy depths, so that all the hierarchy display areas 607 and the data icon display area information 602 shown in FIG. 25 and the icon display shown in FIG. A size 615 and a data icon display position 616 are determined.
[0039]
(Zoom up / Zoom out)
In this embodiment, when paying attention to the details of the desired hierarchy among the hierarchized data, the display is zoomed up so that only data below the desired hierarchy is displayed, and the desired hierarchy with a shallower hierarchy depth is displayed. When the attention is paid to the hierarchical structure below, the display is zoomed out so that a wide range of data can be viewed from a shallower viewpoint.
[0040]
FIG. 4 is a zoom-up display of directory-C. In FIG. 1, the navigation cursor 21 is pointed to a part other than the child hierarchy display area and the data icon in the hierarchy display area 11 of the directory-C, and the entire screen is displayed as shown in FIG. The display is zoomed up so that it becomes a hierarchical display area of -C. As a result, each data icon is enlarged and displayed according to the zoom-in ratio, so that more detailed information of each data icon can be known.
[0041]
Further, by pointing the navigation cursor 21 to a portion in the hierarchy display area 17 of the directory-E and holding down the mouse button 304, the hierarchy display area 17 of the directory-E is similarly zoomed up on the entire screen. FIG. 5 is a zoom-up display of directory-E.
Further, by double-clicking the mouse button 304 with the data icon of the file E-2 being designated (the operation of clicking twice at a short interval is generally referred to as double-clicking), the hierarchical display means can display the file E-2. Display detailed contents. Reference numeral 22 in FIG. 6 is a display example of the detailed contents of the file.
[0042]
Conversely, when switching from the zoom-up display state of the lower hierarchy to the display viewed from the higher hierarchy, the display is zoomed out. FIG. 7 is a zoom-up display of directory-E. Here, when a predetermined key (for example, shift key) is pressed in the display state of FIG. 7, the navigation cursor 21 is turned forward. By continuing to hold down the mouse button 304 in this state, the display is zoomed out to the display shown in FIG. 4 (however, the navigation cursor 21 is facing forward). Can be out.
[0043]
(Detailed information display)
In this embodiment, if the data icon indicating the desired data can be found without zooming up, the navigation cursor 21 can be used to instruct detailed data information display directly. FIG. 8 is a diagram showing a method for directly instructing detailed data display. When the detailed information of the file E-2 is to be displayed, the detailed information of FIG. 6 can be obtained by directly pointing the data icon 20 of the file E-2 with the navigation cursor 21 and double-clicking it as shown in FIG. .
[0044]
(Hierarchical depth display)
FIG. 21 is a diagram illustrating an example of the layer depth display unit 220 that indicates the layer depth of the layer display area that the user zooms in on. In FIG. 21, 211 is a hierarchical depth 1 section, 212 is a hierarchical depth 2 section, and 213 is a hierarchical depth 3 section. The number of sections indicating the hierarchy depth is determined by the maximum depth of the child hierarchy included in the hierarchy currently zoomed up or the hierarchy itself. For example, if the maximum hierarchy depth of the hierarchy included in the hierarchy display area is 3, the interval is 3 intervals. 208 is a hierarchy depth display icon, which is displayed in a section showing the hierarchy currently zoomed up. Further, the hierarchy depth display icon 208 indicates a direction in which the hierarchy depth increases during a zoom-in operation, and indicates a direction in which the hierarchy depth decreases during a zoom-out operation. As for the display method of the hierarchical depth section, in the exemplary hierarchical depth display of FIG. 21, the hierarchical depth section is differentiated by narrowing the display of the hierarchical depth section as the hierarchical depth increases.
[0045]
FIG. 22 shows another display example of the hierarchical depth display unit 220. In the example of FIG. 22, the hierarchical depth sections are distinguished by using the section showing the same hierarchical depth as the background color of the hierarchical display area.
FIGS. 17 to 20 show screen display examples of this embodiment having a hierarchical depth display. FIG. 17 shows a display example when the hierarchy display is displaying the root hierarchy. In FIG. 17, reference numeral 220 denotes a hierarchical depth display section, 208 denotes a hierarchical depth display icon, 211 denotes a hierarchical depth 1 section, 212 denotes a hierarchical depth 2 section, and 213 denotes a hierarchical depth 3 section. Since the maximum hierarchy depth of the child hierarchy below the root hierarchy is 3, the hierarchy depth display section in the root hierarchy displays three sections from the hierarchy depth 1 to the hierarchy depth 3 in this way. In addition, when the navigation cursor 21 is going to the back, the hierarchy depth display icon 208 is also displayed in the hierarchy depth 1 section 211 in a direction toward the deeper hierarchy depth.
[0046]
FIG. 18 is a diagram showing a state in which the hierarchy display area of the directory-C is zoomed up. At this stage, the hierarchy depth display icon 208 is displayed in the hierarchy depth 2 section 212. Since the navigation cursor 21 is moving in the direction in which the layer depth is increased, the layer depth display icon 208 is also reflected in a shape facing the direction in which the layer depth is increased.
[0047]
FIG. 19 is a diagram showing a state in which the hierarchy display area of the directory-E is zoomed up. At this stage, the hierarchy depth display icon 208 is displayed in the hierarchy depth 3 section 213. Further, since the navigation cursor 21 faces the direction in which the layer depth decreases, the layer depth display icon 208 is also displayed in a shape facing the direction in which the layer depth decreases.
[0048]
FIG. 20 is a diagram showing a state in which the hierarchy display area of the directory-B is zoomed up. The hierarchy having the deepest hierarchy depth included in the directory-B is the directory-B itself, and the hierarchy depth is 2. Therefore, in this case, only the layer depth 1 section 211 and the layer depth 2 section 212 are displayed on the layer depth display section 220.
(Zoom-up procedure example)
FIG. 12 shows a flowchart for zoom-up display of the predetermined hierarchy described above.
[0049]
In FIG. 12, step S41 shows an event wait loop, which is a state waiting for an instruction (event) from the mouse or keyboard from the user. If any event occurs, it is checked in step S42 whether the user has double-clicked the data icon. If YES, the process proceeds to step S43, and the detailed information of the data indicated by the data icon is displayed. If NO, the process proceeds to step S44, and it is checked whether or not the user has designated the inside of the hierarchical display area and pressed the mouse button.
[0050]
If YES, the process proceeds to step S45, and the designated hierarchical area is zoomed up and displayed. In step S46, the maximum hierarchy depth of the child hierarchy included in the hierarchy display area of the designated hierarchy displayed by zooming in is determined as D max Set as. In step S47, the section of the hierarchical depth display 220 is changed to D. max It is displayed by dividing into sections. In step S48, a hierarchy depth display icon indicating the current hierarchy depth and the traveling direction is displayed.
[0051]
If “NO” in the step S44, the process proceeds to a step S49, performs other event processing, and returns to the event waiting step S41.
(Example of zoom-out procedure)
FIG. 13 is a diagram illustrating a flowchart when zooming out from a zoom-up display state of a predetermined hierarchy to a display including an upper hierarchy.
[0052]
In FIG. 13, step S51 shows an event wait loop, which is a state waiting for an instruction (event) from the mouse or keyboard from the user. If any event occurs, it is checked in step S52 whether the user has pressed the mouse button while pressing the shift key.
If YES, the process proceeds to step S53, and the zoom-out display is performed on the upper layer one level. In step S54, the maximum hierarchy depth of the child hierarchy included in the hierarchy display area of the designated hierarchy displayed by zooming out is set to D. max Set as. In step S55, the section of the hierarchical depth display 220 is set to D. max It is displayed by dividing into sections. In step S56, a hierarchy depth display icon indicating the current hierarchy depth and the traveling direction is displayed.
[0053]
If “NO” in the step S52, the process proceeds to a step S57, performs other event processing, and returns to the event waiting step S51.
(Example of application to employee database)
FIG. 15 is an example in which an employee database is displayed using this embodiment.
Employees are classified according to company organization, and employee face images are displayed as data icons. Since the company organization forms a hierarchical structure, it can be represented in a Venn diagram like the hierarchical file system. In FIG. 15, 204 is the highest hierarchy of the employee database, 205 is the hierarchy of the development department, and 206 is the data icon of the development manager. When the data icon of the development manager is designated with the navigation cursor 21 and double-clicked, detailed information 207 regarding the development manager is displayed as shown in FIG.
[0054]
[Example 2]
Example 2 describes another aspect of the present invention. In the same display and control flowchart as in the first embodiment, the same functions as those in the first embodiment will not be described using the same reference numerals, and different ones will be described.
(Data attribute data)
The data attribute data 609 of this embodiment shown in FIG. 28 is obtained by adding 622 to 625 below the dotted line to the data attribute data of the first embodiment shown in FIG. In FIG. 28, 622 is a data name display area size, 623 is a data name font size, 624 is an icon image ID, and 625 is an icon image display flag.
[0055]
(Data icon configuration example)
FIG. 29 is a diagram for explaining the components when the data icon 404 shown in FIG. 27 is displayed.
In FIG. 29, reference numeral 701 denotes an entire display area of one data icon, and the origin (0, 0) and the width of the data icon are set to X. I c , Height Y I c As coordinates (X I c , Y I c ) And the size defined by the icon display size 615 shown in FIG. Reference numeral 702 denotes an icon image display area in which an icon image indicated by an icon image ID 624 shown in FIG. 28 is displayed. Reference numeral 705 denotes an icon image. The original size of the icon image is the width W imorg , Height H imorg Then, the icon image has a width W so as to fit in the icon image display area 702. im , Height H im The image is drawn enlarged or reduced.
[0056]
Reference numeral 703 denotes a data name display area. The origin (0, 0) and the width X I c , Height Y t As coordinates (X I c , Y t ) Is the size indicated by the data name display area size 622 shown in FIG. 704 is a data name display, and the data name 612 shown in FIG. 28 is displayed. However, when all the data names 612 cannot be displayed in the data name display area 703, only the number of characters that can be displayed from the top of the data name 612 is displayed. Finally, "..." which is a mark indicating that there is a continuation of the data name is added and displayed.
[0057]
(Hierarchical data browser)
FIG. 30 is a diagram showing a more detailed configuration of the hierarchical data browser 501 of the present embodiment. Reference numeral 740 denotes a font size table for displaying a data name to be referred to when setting the font size when displaying the data name 612, and reference numeral 741 is necessary for displaying the data icon 404 shown in FIG. It is a display size table of the minimum data icon image to be referred to when setting the display area size of the minimum icon image.
[0058]
(Example of data icon display procedure)
FIG. 31 is a flowchart showing a processing procedure for determining a data icon display method according to the size of the display area of one data icon assigned as a result of step S25 in the flowchart shown in FIG. FIG. 32 shows an example of the data name display font size table 740 shown in FIG. 30. The data icon width W (k), data icon height H (k), and font size Fs (k ) Is pulled out. FIG. 33 is a table showing an example of the minimum data icon image display size table 714 shown in FIG. 30, and the width W of the minimum image display area size is determined by the index m determined by the usable memory capacity. immin , H immin Is pulled out.
[0059]
Hereinafter, the determination of the data icon display method will be described with reference to the flowchart shown in FIG.
In step S60 of FIG. 31, an index k for accessing the data name display phone and the size table 740 is initialized to “0”. In step S61, the size of the data icon obtained from the data name display font size table 740 of FIG. 32 is compared with the size assigned to the actual data icon, and X I c ≧ W (k) AND Y I c ≧ H (k) is evaluated. If the relationship does not hold, the process proceeds to step S62, k is incremented, and the process returns to step S61. Therefore, a loop is performed until the condition of step S61 is satisfied, and k is incremented to determine k.
[0060]
In step S63, the font size Fs (k) is obtained from the data name display phone of FIG. 32 and the size table 740, and set to the data name font size 623 shown in FIG. When the data name font size 623 is determined, the coordinate Y that determines the data name display area from the height of the font t Therefore, the data display size 622 in FIG. 28 is set. Here, since the data name display font size table 740 as shown in FIG. 32 is configured such that W (k), H (k), and Fs (k) increase as k increases, one data item is displayed. When the size of the icon display area is very small, the data name is not displayed, and as the display area of one data icon becomes larger, the data name is displayed in a larger and easier-to-see font.
[0061]
In the next step S64, when k = 0, the process proceeds to step S71. When k ≠ 0, the process proceeds to the next step S65. In step S65, the index m when referring to the minimum data icon image display size table 741 in FIG. 33 is initialized to “0”. In step S66, the usable memory capacity obtained by using the function of the memory management system 516 shown in FIG. 24 and the memory capacity Ma (m) obtained from the minimum data icon image display size table 741 shown in the example of FIG. In step S67, the index m is incremented until the usable memory capacity becomes equal to or larger than Ma (m). In step S66, the comparison determination step is repeated to determine the index m.
[0062]
In step S68, W immin (M) and H immin (M) is determined by referring to the minimum data icon image display size table 741 in FIG. In step S69, conditional expression Y I c -Y t ≧ H immin (M) AND X I c ≧ W immin (M) is evaluated. If the result is true, the process proceeds to step S70, and the icon image display flag 625 of FIG. 28 is set to true. If it is false in step S69, the process proceeds to step S71, and the icon image display flag is set to false. Thus, the size of the portion excluding the data name display area of the display area of one data icon is the height H. immin (M) and width W immin If it is smaller than the minimum data icon image display size defined by (m), the icon image is not displayed.
[0063]
Here, in the minimum data icon image display size table 741 as shown in FIG. 33, Ma (m) increases as the index m increases. immin (M) and W immin Since (m) is configured to be smaller, the smaller the usable memory capacity is, the more the icon image is not displayed when the size of the display area of one data icon is larger. In order to display the icon image, the data of the icon image must be held in the memory. By configuring the minimum data icon image display size table 741 in FIG. 33 as described above, the usable memory capacity is reduced. When there are few, you can save memory by not displaying icon images as much as possible.
[0064]
(Data icon display example)
FIG. 34 is a diagram showing an example of the display form of the data icon determined by the method shown in the flowchart of FIG.
FIG. 34A is a flowchart of FIG. 31 in which conditional expression k = 0AND (Y I c -Y t <H immin OR X I c <W immin ) Is established. When k = 0, the data name font size 623 in FIG. 28 is “0”. In this case, the data name 612 in FIG. 28 is not displayed. Also, since the icon image display flag 625 of FIG. 28 is false, no icon image is displayed, and only the frame is displayed as the data icon 404a. FIG. 34 (b) shows the conditional expression k = 0 AND (Y I c -Y t ≧ H immin AND X I c ≧ W immin ), The data name 612 in FIG. 28 is not displayed as in FIG. 28A, but the icon image display flag 625 is true, so the data icon 404b including the icon image is displayed. The
[0065]
In FIG. 34 (c), conditional expression k = 1 AND (Y I c -Y t ≧ H immin AND X I c ≧ W immin ) Is established, the data name 612 of FIG. 28 is displayed with the font size fs1, and the icon image is also larger than (b) and displayed as the data icon 404c. FIG. 34 (d) shows the conditional expression k = 2 AND (Y I c -Y t ≧ H immin AND X I c ≧ W immin ) Is established, the data name 612 in FIG. 28 is displayed with the font size fs2 larger, and the icon image is also displayed as the data icon 404d larger than (c).
[0066]
FIG. 35 shows an example in which the processing according to the flowchart of FIG. 31 is applied to the display of the data icon when the image data is hierarchically categorized and displayed in a Venn diagram. In the same figure, category A is the highest hierarchy, and is a deep hierarchy in the order of categories B, C, and D. At that time, as the hierarchy becomes deeper, the size of the display area of one data icon becomes smaller. Therefore, the category A is displayed in the format of the data icon 404d, the category B is displayed in the format of the data icon 404c, and the data is displayed in the category C. It is displayed in the format of icon 404b, and in category D, it is displayed in the format of data icon 404a.
[0067]
Here, when zooming up to category B and the allocation of the display area of each data icon in category B is changed, the display form of the data icon in each hierarchical display area is determined again by the processing based on the flowchart of FIG. The
FIG. 43 is a diagram showing an example of the display form of the data icon determined by the method shown in the flowchart of FIG. 31 when the available memory is small.
[0068]
FIG. 43A is a flowchart of FIG. 31 in which conditional expression k = 0 AND (Y I c -Y t <H immin OR X I c <W immin ), The data name font size 623 is “0” when k = 0, and in this case, the data name 612 is not displayed. Further, since the icon image display flag 625 is false, no icon image is displayed, and only the frame is displayed as the data icon 404a. FIG. 43 (b) shows a case where the icon display area allocation is only larger than (a) under the same conditions as in FIG. 43 (a), and the frame is larger than (a) and displayed as a data icon 404e.
[0069]
43 (c) shows a conditional expression k = 1 AND (Y I c -Y t <H immin OR X I c <W immin ), The data name is displayed in the font size fs1 and the icon image is not displayed, and is displayed as the data icon 404f. FIG. 43D shows the conditional expression k = 2 AND (Y I c -Y t <H immin AND X I c <W immin ), The data name 612 in FIG. 28 is displayed in the font size fs2 and the icon image is also displayed as the data icon 404d.
[0070]
FIG. 44 is an example in which the processing shown in FIG. 31 is applied to the display of data icons when image data is hierarchically categorized when available memory is low and displayed in a Venn diagram.
In FIG. 44, category A is the highest hierarchy, and is a hierarchy deeper in the order of categories B, C, and D. At that time, as the hierarchy becomes deeper, the size of the display area of one data icon becomes smaller. Therefore, the category A is displayed in the format of the data icon 404d, the category B is displayed in the format of the data icon 404f, and the data is displayed in the category C. It is displayed in the form of an icon 404e, and in category D, it is displayed in the form of a data icon 404a. Here, when zooming up to category B and changing the allocation of the display area of each data icon in category B, the display form of the data icon in each hierarchical display area is determined again based on the flowchart of FIG.
[0071]
(Grouping of data icons)
FIG. 36 shows an example of data display in a hierarchical display area having a database created by an insurance company for collecting customer information, for example, using this embodiment.
In FIG. 36, reference numeral 710 denotes a hierarchical display area called Data A. 711 is a data icon indicating face image data of the person A, 712 is a data icon indicating image data of the house of the person A, 713 is a data icon indicating data related to the health of the person A, and 714 is data related to the property of the person A Data icon. 715 is a data icon indicating face image data of the person B, 716 is a data icon indicating image data of the house of the person B, 717 is a data icon indicating data related to the health of the person B, and 718 is data related to the property of the person B Data icon. When the amount of data is small, all the data should be arranged uniformly as shown in FIG. 33. However, when the amount of data increases, all the data icons can be displayed unless the data icon is reduced or the display area is enlarged. Disappear.
[0072]
FIG. 37 is a diagram for explaining a method of grouping a plurality of data icons in the hierarchical data browser of this embodiment.
FIG. 37A shows operations necessary when the user groups the data icon 714 indicating data related to the property of the person A and the data icon 713 related to the health of the person A. By selecting the data icon 713 indicating the data related to the health of the person A with the navigation cursor 21 and overlaying the data icon 714 indicating the data related to the property of the person A, the data icon 714 indicating the data related to the property of the person A and the person A Are grouped with data icons 713 indicating data related to health.
[0073]
FIG. 37B shows a state in which a data icon 714 indicating data related to the property of the person A and a data icon 713 indicating data related to the health of the person A are grouped, and the grouped data icon 719 is illustrated. It is displayed as. The grouped data icon 719 displays a group mark 722 indicating that it is a grouped data icon.
[0074]
Further, by repeating the same operation for the data icon 712 indicating the image data of the person A's house and the data icon 711 indicating the face image data of the person A, as shown in FIG. Icons are grouped and displayed as a group icon 720. The icon image displayed on behalf of the group as the icon image of the group icon is the icon image data of the data icon superimposed last. Further, as an operation for this grouping, not only means for overlapping data icons, but also a grouping menu for the user to select a command for grouping a plurality of data icons selected in advance. (GUI) may be provided.
[0075]
FIG. 38 shows a display example in which the upper four data icons in FIG. 36 are grouped into one group and the lower four data icons are grouped into one group.
38, reference numeral 721 denotes a data icon 715 indicating the face image data of the person B in FIG. 36, a data icon 716 indicating the image data of the house of the person B, a data icon 717 indicating the health data of the person B, and the property of the person B This is a group icon obtained by grouping data icons 718 indicating data related to the data. Since the eight data icons are combined into two icons in this way, it becomes possible to manage and display more data without reducing the hierarchical display area 710 or expanding the hierarchical display area 710.
[0076]
When the group mark 722 shown in FIG. 38 is clicked with the navigation cursor 21, a data icon list 729 which is a list of data icons in the group is displayed as shown in FIG. When a data icon 713 indicating data related to the health of the person A is double-clicked with the navigation cursor 21 as shown in FIG. 39B, detailed information on the data related to the health of the person A is displayed. Next, when it is desired to replace the icon image of the group icon, the data icon to be made the representative image of the group may be dragged to the top of the data icon list 729 as shown in FIGS.
[0077]
FIG. 40 is a diagram for explaining an operation for removing data from a group. As shown in FIG. 40 (a), a list of data icons belonging to a group is displayed, and a data icon 713 to be removed is selected with the navigation cursor 21, and dragged out of the data icon list 729. As shown in (b), the data icon 713 is removed from the group. Further, a command for canceling the grouping of the specified group may be provided as a grouping cancellation menu (GUI) for the user to select.
[0078]
FIG. 41 is a diagram showing a configuration of group attribute data for managing the data icons grouped by the hierarchy management unit 502 shown in FIG.
In FIG. 41, 730 is group attribute data, and 738 is a group identifier for uniquely identifying a group. 739 is a group name, and 731 is a data identifier list in which data identifiers 611 of all data belonging to the group of FIG. 28 are listed. When the group mark 722 is clicked, the data icon list display in the data icon list 729 shown in FIG. 39 is performed according to the order registered in the data identifier list 731. Reference numeral 732 denotes an icon display size of the group icon, 733 denotes a display position of the group icon, 734 denotes a group name display area size, and 735 denotes a group name font size. Reference numeral 736 denotes an icon image ID, and an icon image ID 624 of data registered in the data identifier list 731 is set. Reference numeral 737 denotes an icon image display flag. When the icon image display flag 737 is true, an icon image is displayed, and when it is false, no icon image is displayed.
[0079]
FIG. 42 is a diagram illustrating the configuration of group icons.
In FIG. 42, reference numeral 723 denotes a display area for the entire group icon, and the origin (0, 0) and the width of the group icon are set to X as in the data icon display area. I c , Height Y I c As coordinates (X I c , Y I c ) And the size defined by the icon display size 732. Reference numeral 724 denotes a background pattern of the icon image display area of the group icon, and a background pattern that can be recognized as a group is drawn. Reference numeral 725 denotes an icon image display area in which an icon image indicated by an icon image ID 736 is displayed. The icon image display area 725 has a width W for preventing the background pattern 724 from being completely covered. fg X I c The size is subtracted from. Reference numeral 726 denotes an icon image. The original size of the icon image is the width W imorg , Height H imorg Then, the width of the icon image is set so that the icon image fits in the icon image display area 726 im , Height H im The image is drawn enlarged or reduced.
[0080]
Reference numeral 722 denotes a group mark having a width W mg Is displayed in the area. Reference numeral 727 denotes a group name display area with coordinates (W mg , 0) and (X I c , Y t ) And the size defined by the group name display area size 734. Reference numeral 728 denotes a group name display. A group name 739 is displayed. When the group name is not specified, the data name at the head of the data identifier list 731 is displayed in the group name display area. If a group name is specified after grouping, the specified group name is set as the group name 739 and displayed in the group name display area. When all the group names cannot be displayed in the group name display area 727, only the number of characters that can be displayed from the top is displayed, and “...” that is a mark indicating that there is a continuation of the group name is added at the end. .
[0081]
The display / non-display of the group name and the icon image is controlled by the same process as shown in FIG. The group attribute data 730 shown in FIG. 41 is created by the hierarchical management unit 502 shown in FIG. 24 when data is first subjected to the grouping operation shown in FIG. Will be deleted when data is removed from the group.
[0082]
The present invention may be applied to a system composed of a plurality of devices or an apparatus composed of a single device. Needless to say, the present invention can also be applied to a case where the present invention is achieved by supplying a program to a system or apparatus.
[0083]
【The invention's effect】
As described above, according to the present invention, the overall structure of the hierarchical structure of a file system or database having a hierarchical structure can be intuitively grasped by a Venn diagram display, and data belonging to a child hierarchy is displayed without overlapping the parent hierarchy. Do At the same time, you can zoom in and out between levels and display detailed data information with a simple operation. This makes it easier to find the target data.
[0084]
In addition, since the deep hierarchy is displayed in a reduced size, the deep hierarchy structure can also be displayed on a screen with a limited area, and the data belonging to the target hierarchy can be specified without following the hierarchy step by step. Means for zooming up the hierarchy display area indicating the target hierarchy, so that detailed information of the target hierarchy can be quickly viewed. That is, if a data icon can be specified even for data in a deep hierarchy, the data icon can be directly specified from the root hierarchy to obtain detailed data information.
[0085]
On the contrary, by having means for zooming out, it is possible to easily know the outline of the hierarchical structure as seen from the upper hierarchy, and it is possible to easily access data belonging to the higher hierarchy.
In addition, by having a hierarchical depth display section that indicates which hierarchical depth is currently zoomed up, it is possible to intuitively understand which depth is in the navigation.
[0086]
In addition, the layer depth display areas of the same layer depth are the same color, and the deeper layers are displayed in a deeper color of similar colors, thereby giving a sense of depth on the display such that the deeper layer depth display area is in the back. be able to.
Further, when the area assigned to one data icon is large, the icon image and the data name are displayed in a large size for easy viewing. When the area assigned to one data icon is small, the icon image and the data name are displayed within a recognizable range. When the area assigned to one data icon is smaller, the display of the data name is omitted, and only the icon image is displayed so that the data can be recognized as much as possible. By displaying only the frame of the data icon when it is smaller, the number of data can be recognized, thereby providing an effect of data recognition support according to the size of the display area.
[0087]
Further, when the available memory is small, the icon image is not displayed unless the area allocated to one data icon is large enough, so that the memory can be saved.
Furthermore, it has become possible to manage a larger amount of data in a narrow display area by providing means for grouping data indicated by a plurality of data icons and displaying them as a group icon.
[Brief description of the drawings]
FIG. 1 is a diagram showing a display example of hierarchical data in the present embodiment.
FIG. 2 is a diagram showing a hierarchical file system in a tree structure.
FIG. 3 is a diagram showing an example in which the same hierarchical file system as in FIG. 2 is expressed by a hierarchical list box.
FIG. 4 is a diagram illustrating a zoom-up display example of a directory-C.
FIG. 5 is a diagram illustrating a zoom-up display example of a directory-E.
FIG. 6 is a diagram showing detailed contents of a file.
FIG. 7 is a diagram for explaining zoom-out in a zoom-up display example of a directory-E.
FIG. 8 is a diagram showing a method for directly instructing display of detailed information of data.
FIG. 9 is a flowchart showing a processing procedure when the hierarchy display means sets a hierarchy display area and a data icon size of each hierarchy.
FIG. 10 is a diagram illustrating an example of a division result of a data icon display area and a child hierarchy display area in a root directory.
FIG. 11 is a diagram illustrating a state in a hierarchy in which the display size and position of the display of the child hierarchy of the root hierarchy and the data icon are determined at a hierarchy depth of 0;
FIG. 12 is a flowchart showing a processing procedure for zoom-up display of a predetermined hierarchy.
FIG. 13 is a flowchart illustrating a processing procedure when zooming out from a zoom-up display state of a predetermined hierarchy to a display including an upper hierarchy.
FIG. 14 is a flowchart showing a processing procedure for determining a display area of a data icon.
FIG. 15 is a diagram showing an example in which an employee database is displayed in the present embodiment.
FIG. 16 is a diagram illustrating a display example of detailed information.
FIG. 17 is a diagram illustrating a display example when the hierarchy display is displaying a root hierarchy.
FIG. 18 is a diagram illustrating a state in which the hierarchy display area of the directory-C is zoomed up.
FIG. 19 is a diagram illustrating a state in which the hierarchy display area of the directory-E is zoomed up.
FIG. 20 is a diagram illustrating a state in which the hierarchy display area of the directory-B is zoomed up.
FIG. 21 is a diagram illustrating a hierarchical depth display unit that indicates the hierarchical depth of a hierarchical display area that is zoomed up by a user.
FIG. 22 is a diagram illustrating another example of a hierarchical depth display unit.
FIG. 23 is a diagram illustrating a configuration of a personal computer system that is a platform of the embodiment;
FIG. 24 is a diagram showing a configuration of a hierarchical data browser system including software and hardware of the present embodiment.
FIG. 25 is a diagram for explaining hierarchy attribute data managed by hierarchy management means in the embodiment.
FIG. 26 is a diagram showing a configuration of data attributes.
FIG. 27 is a diagram for explaining display components when the hierarchy display means displays data in the hierarchy based on the data managed by the hierarchy management means shown in FIG. 24;
FIG. 28 is a diagram illustrating a configuration of data attributes according to the second embodiment.
FIG. 29 is a diagram for explaining constituent elements when displaying a data icon.
FIG. 30 is a diagram showing a detailed configuration of a hierarchical data browser.
31 is a flowchart showing a processing procedure for determining a data icon display method according to the size of the display area of one assigned data icon in step S25 of the flowchart shown in FIG.
FIG. 32 is a diagram illustrating an example of a data name display font size table.
FIG. 33 is a diagram showing an example of a minimum data icon image display size table.
34 is a diagram showing an example of a display form of data icons determined by the processing shown in the flowchart of FIG.
FIG. 35 is a diagram illustrating an example in which the processing procedure of FIG. 31 is applied to display of data icons when image data is hierarchically categorized and displayed in a Venn diagram.
FIG. 36 is a diagram showing a data display example in a hierarchical display area of a database created by an insurance company for collecting customer information in the present embodiment.
FIG. 37 is a diagram illustrating a method of grouping a plurality of data icons in the hierarchical data browser in the present embodiment.
38 is a diagram showing a display example in which the upper four data icons in FIG. 36 are grouped into one group and the lower four data icons are grouped into one group in the present embodiment.
FIG. 39 is a diagram illustrating a method of accessing each data icon of the grouped data icons in the present embodiment.
FIG. 40 is a diagram for explaining an operation of removing data from a group.
FIG. 41 is a diagram for explaining a configuration of group attribute data for managing data icons grouped by a hierarchy management unit;
FIG. 42 is a diagram illustrating the configuration of group icons.
FIG. 43 is a diagram showing an example of a display form of data icons determined by the procedure shown in the flowchart of FIG. 31 when available memory is small.
FIG. 44 is a diagram showing an example in which the processing procedure of FIG. 31 is applied to the display of data icons when image data is hierarchically categorized when available memory is low and displayed in a Venn diagram.
[Explanation of symbols]
1 Root hierarchy display area
21 Navigation cursor
208 depth display icon
220 layer depth display
301 Computer system body
302 display
303 mouse
305 keyboard
401 Hierarchy display area
402 border
403 Hierarchical name display area
404 Data icon
501 Hierarchical data browser
502 Hierarchy management means
503 hierarchy display means
504 Application software
505 OS
506 Input device management system
507 Drawing management system
508 File management system
509 hardware
510 Keyboard interface
512 Mouse interface
513 video interface
514 Disk IO interface
515 hard disk
516 Memory management system
517 memory
518 CPU
720 Group icon
722 Group Mark
730 Group attribute

Claims (12)

階層的に管理されるデータを表示する階層データ表示方法であって、
各階層を表示する階層表示領域について、親階層を表す背景内に該親階層に属するデータを表示する領域と子階層を表示する領域とを表示画面で排他的位置になるよう設定し、
前記各領域内に該領域の階層に属するデータを表すデータアイコンを表示するよう表示を制御し、
更に、所定の操作により前記データアイコンが指示された場合、該データアイコンが示すデータの詳細情報を表示し、所定の操作によりいずれかの階層の階層表示領域が指示された場合、該指示された階層表示領域をズームアップすると共に該階層表示領域の階層に属するデータを表すデータアイコンを表示し、ズームアップされた階層表示領域に対しズームアウトが指示された場合、ズームアップされた前記階層表示領域から親階層の階層表示領域へズームアウトするよう表示を制御することを特徴とする階層データ表示方法。A hierarchical data display method for displaying hierarchically managed data,
For the hierarchy display area for displaying each hierarchy , the area for displaying data belonging to the parent hierarchy and the area for displaying the child hierarchy are set to be in an exclusive position on the display screen in the background representing the parent hierarchy,
Control display to display data icons representing data belonging to the hierarchy of the area in each area ,
Further, when the data icon is instructed by a predetermined operation, the detailed information of the data indicated by the data icon is displayed, and when the hierarchical display area of any hierarchy is instructed by the predetermined operation, the instructed When the hierarchical display area is zoomed up, a data icon representing data belonging to the hierarchy of the hierarchical display area is displayed, and when zoom-out is instructed to the zoomed-up hierarchical display area, the zoomed-up hierarchical display area A method of displaying hierarchical data, wherein display is controlled to zoom out to a hierarchical display area of a parent hierarchy . 前記設定される領域の大きさは、前記親階層のデータ数と子階層のデータ数とに基づいて決められることを特徴とする請求項１記載の階層データ表示方法。  2. The hierarchical data display method according to claim 1, wherein the size of the set area is determined based on the number of data in the parent hierarchy and the number of data in the child hierarchy. 前記子階層が複数ある場合に、各子階層の領域は該子階層に含まれる下位階層のデータ数に対応して決められることを特徴とする請求項１記載の階層データ表示方法。  2. The hierarchical data display method according to claim 1, wherein when there are a plurality of child hierarchies, the area of each child hierarchy is determined in accordance with the number of data in the lower hierarchy included in the child hierarchy. 前記背景は階層の深さを識別可能に選択されて表示されることを特徴とする請求項１記載の階層データ表示方法。  2. The hierarchical data display method according to claim 1, wherein the background is selected and displayed so that the depth of the hierarchy can be identified. 前記背景は階層が深い程濃い色で表示されることを特徴とする請求項４記載の階層データ表示方法。  5. The hierarchical data display method according to claim 4, wherein the background is displayed in a darker color as the hierarchy is deeper. 前記領域の設定では、
前記各階層の階層表示領域について、前記親階層に属するデータを表示する領域と子階層を表示する領域が設定されているかどうか判断し、
設定されていないと判断された場合、該階層の階層表示領域について前記領域の設定を行うことを特徴とする請求項１記載の階層データ表示方法。 In the setting of the area,
Hierarchical display area of the respective layers, it is determined whether an area for displaying the area and child hierarchy to display the data belonging to the parent hierarchy is set,
If it is judged not to be set, the hierarchical data display method of claim 1, wherein the the hierarchy display area of the hierarchy for setting said area. 階層的に管理されるデータを表示する階層データブラウザシステムであって、
各階層の階層表示領域について、親階層を表す背景内に該親階層に属するデータを表示する領域と子階層を表示する領域とを表示画面で排他的位置になるよう設定する設定手段と、
前記設定手段により設定された各領域内に該領域の階層に属するデータを表すデータアイコンを表示するよう表示を制御する制御手段とを有し、
前記制御手段は、更に、所定の操作により前記データアイコンが指示された場合、該データアイコンが示すデータの詳細情報を表示し、所定の操作によりいずれかの階層の階層表示領域が指示された場合、該指示された階層表示領域をズームアップすると共に該階層表示領域の階層に属するデータを表すデータアイコンを表示し、ズームアップされた階層表示領域に対しズームアウトが指示された場合、ズームアップされた前記階層表示領域から親階層の階層表示領域へズームアウトするよう表示を制御することを特徴とする階層データブラウザシステム。A hierarchical data browser system for displaying hierarchically managed data,
A setting means for setting the area for displaying data belonging to the parent hierarchy and the area for displaying the child hierarchy to be in an exclusive position on the display screen in the background representing the parent hierarchy for the hierarchy display area of each hierarchy,
Have a control means for controlling a display to display data icons representing data belonging to the hierarchy of the region in each region set by the setting means,
The control means further displays detailed information of the data indicated by the data icon when the data icon is instructed by a predetermined operation, and indicates a hierarchical display area of any hierarchy by the predetermined operation When the designated hierarchical display area is zoomed in, a data icon representing data belonging to the hierarchy of the hierarchical display area is displayed, and when zoom out is instructed to the zoomed-up hierarchical display area, the zoomed up display is performed. A hierarchical data browser system that controls display so as to zoom out from the hierarchical display area to a hierarchical display area of a parent hierarchy . 前記設定手段は、前記設定される領域の大きさを、前記親階層のデータ数と子階層のデータ数とに基づいて決めることを特徴とする請求項７記載の階層データブラウザシステム。8. The hierarchical data browser system according to claim 7 , wherein the setting means determines the size of the set area based on the number of data in the parent hierarchy and the number of data in the child hierarchy. 前記設定手段は、前記子階層が複数ある場合に、各子階層の領域は該子階層に含まれる下位階層のデータ数に対応して決めることを特徴とする請求項７記載の階層データブラウザシステム。8. The hierarchical data browser system according to claim 7 , wherein when there are a plurality of child hierarchies, the setting means determines an area of each child hierarchy corresponding to the number of data in a lower hierarchy included in the child hierarchy. . 前記制御手段は、前記背景を階層の深さが識別可能になるよう選択して表示することを特徴とする請求項７記載の階層データブラウザシステム。8. The hierarchical data browser system according to claim 7 , wherein the control means selects and displays the background so that the depth of the hierarchy can be identified. 前記制御手段は、前記背景を階層が深い程濃い色で表示することを特徴とする請求項７記載の階層データブラウザシステム。 8. The hierarchical data browser system according to claim 7 , wherein the control means displays the background in a darker color as the hierarchy is deeper. 前記設定手段は、
前記各階層の階層表示領域について、前記親階層に属するデータを表示する領域と子階層を表示する領域が設定されているかどうか判断する判断手段を有し、
前記判断手段が設定されていないと判断した場合、該階層の階層表示領域について前記領域の設定を行うことを特徴とする請求項７記載の階層データブラウザシステム。 The setting means includes
Wherein the hierarchy display area of each layer has a determination means area for displaying the area and child hierarchy to display the data belonging to the parent hierarchy to determine whether it is set,
If it is determined that the determination means is not set, the hierarchical data browser system according to claim 7, characterized in that the hierarchy display area of the hierarchy for setting said area.
JP06431095A 1994-12-16 1995-03-23 Hierarchical data display method and browser system Expired - Lifetime JP3809198B2 (en)

Priority Applications (9)

Application Number Priority Date Filing Date Title
JP06431095A JP3809198B2 (en) 1995-03-23 1995-03-23 Hierarchical data display method and browser system
DE69523423T DE69523423T2 (en) 1994-12-16 1995-12-15 Display method of hierarchical data and information system for implementation
EP00203600A EP1074923B1 (en) 1994-12-16 1995-12-15 Hierarchical data display method and information processing system for realizing it
EP95309152A EP0717346B1 (en) 1994-12-16 1995-12-15 Hierarchical data display method and information processing system for realizing it
US08/573,519 US7336279B1 (en) 1994-12-16 1995-12-15 Intuitive hierarchical time-series data display method and system
EP04078192A EP1515248A3 (en) 1994-12-16 1995-12-15 Hierarchical data display method and information processing system for realizing it
ES95309152T ES2161835T3 (en) 1994-12-16 1995-12-15 METHOD OF VISUALIZATION OF HIERARCHICAL DATA AND INFORMATION PROCESS SYSTEM FOR THEIR REALIZATION.
DE69534027T DE69534027T2 (en) 1994-12-16 1995-12-15 Hierarchical data display method and information processing method to realize it
US09/845,960 US7639254B2 (en) 1994-12-16 2001-05-01 Intuitive hierarchical time-series data display method and system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP06431095A JP3809198B2 (en) 1995-03-23 1995-03-23 Hierarchical data display method and browser system

Publications (2)

Publication Number Publication Date
JPH08263255A JPH08263255A (en) 1996-10-11
JP3809198B2 true JP3809198B2 (en) 2006-08-16

Family

ID=13254545

Family Applications (1)

Application Number Title Priority Date Filing Date
JP06431095A Expired - Lifetime JP3809198B2 (en) 1994-12-16 1995-03-23 Hierarchical data display method and browser system

Country Status (1)

Country Link
JP (1) JP3809198B2 (en)

Families Citing this family (48)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH1040063A (en) * 1996-07-26 1998-02-13 Canon Inc Method and device for processing image information
US6122634A (en) * 1996-11-12 2000-09-19 International Business Machines Corporation Fractal nested layout for hierarchical system
JPH1115709A (en) * 1997-05-01 1999-01-22 Hitachi Ltd Method and device for managing version
JPH11242542A (en) * 1998-02-25 1999-09-07 Mitsubishi Electric Corp Summary generation/display
JP2000112965A (en) * 1998-10-01 2000-04-21 Toshiba Corp Information management reference system
WO2000029932A1 (en) * 1998-11-18 2000-05-25 Fujitsu Limited Data item listing device and method, and computer-readable recording medium recording data item listing program
US7600192B1 (en) 1998-11-30 2009-10-06 Sony Corporation Method of zoom and fade transitioning between layers of information screens
US6983424B1 (en) 2000-06-23 2006-01-03 International Business Machines Corporation Automatically scaling icons to fit a display area within a data processing system
JP2002305713A (en) * 2001-04-03 2002-10-18 Canon Inc Image processing unit and its method, and storage medium
KR100439468B1 (en) * 2001-12-27 2004-07-09 삼성에스디에스 주식회사 Table Contolling Method Through Data Distribution Definition
JP2004062649A (en) * 2002-07-30 2004-02-26 Kyocera Corp Display control device and display control program for use in the same
TWI238348B (en) 2002-05-13 2005-08-21 Kyocera Corp Portable information terminal, display control device, display control method, and recording media
KR100817394B1 (en) * 2003-05-08 2008-03-27 힐크레스트 래보래토리스, 인크. A control framework with a zoomable graphical user interface for organizing, selecting and launching media items
US8046705B2 (en) 2003-05-08 2011-10-25 Hillcrest Laboratories, Inc. Systems and methods for resolution consistent semantic zooming
US8555165B2 (en) 2003-05-08 2013-10-08 Hillcrest Laboratories, Inc. Methods and systems for generating a zoomable graphical user interface
WO2005109879A2 (en) 2004-04-30 2005-11-17 Hillcrest Laboratories, Inc. Free space pointing devices and method
US8629836B2 (en) 2004-04-30 2014-01-14 Hillcrest Laboratories, Inc. 3D pointing devices with orientation compensation and improved usability
JP5055684B2 (en) 2004-05-13 2012-10-24 ソニー株式会社 Image folder switching device
JP3871684B2 (en) * 2004-06-18 2007-01-24 株式会社ソニー・コンピュータエンタテインメント Content playback apparatus and menu screen display method
JP4441603B2 (en) * 2004-07-13 2010-03-31 株式会社エヌ・ティ・ティ・データ Risk assessment device and program
JP4736081B2 (en) * 2004-07-30 2011-07-27 株式会社リコー Content browsing system, content server, program, and storage medium
WO2006058129A2 (en) 2004-11-23 2006-06-01 Hillcrest Laboratories, Inc. Semantic gaming and application transformation
KR100619071B1 (en) 2005-03-18 2006-08-31 삼성전자주식회사 Apparatus for displaying a menu, method thereof, and recording medium having program recorded thereon to implement the method
WO2006123513A1 (en) * 2005-05-19 2006-11-23 Access Co., Ltd. Information display device and information displaying method
US7855803B2 (en) 2005-06-20 2010-12-21 Canon Kabushiki Kaisha Printing control apparatus, information processing apparatus, control method therefor, computer program, and computer-readable storage medium
JP2007172702A (en) * 2005-12-20 2007-07-05 Sony Corp Method and apparatus for selecting content
US7487464B2 (en) 2006-02-16 2009-02-03 International Business Machines Corporation Enhanced visualization and selection of multi-layered elements in a containment hierarchy
JP4704235B2 (en) * 2006-02-20 2011-06-15 株式会社リコー Image forming apparatus, display processing apparatus, display processing method, and display processing program
CN101063972B (en) * 2006-04-28 2010-05-12 国际商业机器公司 Method and apparatus for enhancing visuality of image tree
JP2007331321A (en) * 2006-06-19 2007-12-27 Canon Inc Image processing device and its control method
JP4542068B2 (en) * 2006-06-23 2010-09-08 キヤノン株式会社 Image processing apparatus, image processing apparatus control method, and program
JP4768537B2 (en) * 2006-07-18 2011-09-07 株式会社リコー Content browsing system and program
JP4296521B2 (en) 2007-02-13 2009-07-15 ソニー株式会社 Display control apparatus, display control method, and program
JP4337062B2 (en) 2007-02-13 2009-09-30 ソニー株式会社 Display control apparatus, display method, and program
US8601393B2 (en) * 2008-01-28 2013-12-03 Fuji Xerox Co., Ltd. System and method for supporting document navigation on mobile devices using segmentation and keyphrase summarization
JP5056814B2 (en) * 2009-08-20 2012-10-24 ソニー株式会社 Image display device
JP5229257B2 (en) * 2010-03-26 2013-07-03 パナソニック株式会社 Display control processing device, display control processing method, and display control processing program
US8957920B2 (en) * 2010-06-25 2015-02-17 Microsoft Corporation Alternative semantics for zoom operations in a zoomable scene
TWI441051B (en) * 2011-01-25 2014-06-11 Compal Electronics Inc Electronic device and information display method thereof
WO2013154289A1 (en) * 2012-04-09 2013-10-17 Chang Yun Suk Apparatus and method for providing list information on data stored in device
JP5374628B2 (en) * 2012-09-03 2013-12-25 キヤノン株式会社 Image processing apparatus, image processing apparatus control method, and program
JP5711798B2 (en) * 2013-09-20 2015-05-07 キヤノン株式会社 Image processing apparatus, image processing apparatus control method, and program
JP5920673B2 (en) * 2014-04-10 2016-05-18 株式会社ソニー・インタラクティブエンタテインメント Image processing apparatus and image processing method
JP6191567B2 (en) 2014-09-19 2017-09-06 コニカミノルタ株式会社 Operation screen display device, image forming apparatus, and display program
JP6322272B2 (en) * 2016-12-22 2018-05-09 シャープ株式会社 Display device, setting method, computer program, and recording medium recording the same
JP7306007B2 (en) 2019-03-25 2023-07-11 セイコーエプソン株式会社 Display controller and program
WO2021010328A1 (en) * 2019-07-12 2021-01-21 京セラドキュメントソリューションズ株式会社 Display device and display method
CN113835791A (en) * 2020-06-23 2021-12-24 北京字节跳动网络技术有限公司 Method and device for presenting hierarchical relation of view components

Also Published As

Publication number Publication date
JPH08263255A (en) 1996-10-11

Similar Documents

Publication Publication Date Title
JP3809198B2 (en) Hierarchical data display method and browser system
US6636250B1 (en) Methods and apparatus for presenting information to a user of a computer system
US6448985B1 (en) Directory tree user interface having scrollable subsections
US6317739B1 (en) Method and apparatus for data retrieval and modification utilizing graphical drag-and-drop iconic interface
US8276095B2 (en) System for and method of generating and navigating within a workspace of a computer application
US5787417A (en) Method and system for selection of hierarchically related information using a content-variable list
JP2710547B2 (en) Graphical user interface
JP4290871B2 (en) A computer system for the display and interaction of data organized in a hierarchical data structure.
US7639254B2 (en) Intuitive hierarchical time-series data display method and system
JP4880334B2 (en) Scrollable and resizable formula bar
US7984388B2 (en) System and method for partially collapsing a hierarchical structure for information navigation
KR100368478B1 (en) Displaying a complex tree structure among multiple windows
US5870090A (en) System for facilitating selection and searching for object files in a graphical window computer environment
JPH06203136A (en) Selective operation method of data collection display and data processing system
JP3668041B2 (en) Data search device and computer-readable recording medium storing data search program
JP3945767B2 (en) Text editing apparatus and program
JPH07160467A (en) Display controller
JP3459707B2 (en) Information processing apparatus and control method therefor
JP3754111B2 (en) Method for generating hierarchically related information and computer-controlled display system
JP3738358B2 (en) Window display control device
JP2000214975A (en) Folder managing device and computer readable recording medium
Cisco Objective View Editor
Cisco Objective View Editor
JP2787833B2 (en) Multi-window processing apparatus and method
JP3488108B2 (en) Drawing management apparatus and recording medium storing drawing management program

Legal Events

Date Code Title Description
A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20040913

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20041112

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20060428

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20060522

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20100526

Year of fee payment: 4

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20100526

Year of fee payment: 4

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20110526

Year of fee payment: 5

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20120526

Year of fee payment: 6

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20120526

Year of fee payment: 6

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20130526

Year of fee payment: 7

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20140526

Year of fee payment: 8

EXPY Cancellation because of completion of term