(57)【特許請求の範囲】
【請求項１】
階層的に管理されるデータを表示する階層データ表示方法であって、
各階層を表示する階層表示領域について、親階層を表す背景内に該親階層に属するデータを表示する領域と子階層を表示する領域とを表示画面で排他的位置になるよう設定し、
前記各領域内に該領域の階層に属するデータを表すデータアイコンを表示するよう表示を制御し、
更に、所定の操作により前記データアイコンが指示された場合、該データアイコンが示すデータの詳細情報を表示し、所定の操作によりいずれかの階層の階層表示領域が指示された場合、該指示された階層表示領域をズームアップすると共に該階層表示領域の階層に属するデータを表すデータアイコンを表示し、ズームアップされた階層表示領域に対しズームアウトが指示された場合、ズームアップされた前記階層表示領域から親階層の階層表示領域へズームアウトするよう表示を制御することを特徴とする階層データ表示方法。
【請求項２】
前記設定される領域の大きさは、前記親階層のデータ数と子階層のデータ数とに基づいて決められることを特徴とする請求項１記載の階層データ表示方法。
【請求項３】
前記子階層が複数ある場合に、各子階層の領域は該子階層に含まれる下位階層のデータ数に対応して決められることを特徴とする請求項１記載の階層データ表示方法。
【請求項４】
前記背景は階層の深さを識別可能に選択されて表示されることを特徴とする請求項１記載の階層データ表示方法。
【請求項５】
前記背景は階層が深い程濃い色で表示されることを特徴とする請求項４記載の階層データ表示方法。
【請求項６】
前記領域の設定では、
前記各階層の階層表示領域について、前記親階層に属するデータを表示する領域と子階層を表示する領域が設定されているかどうか判断し、
設定されていないと判断された場合、該階層の階層表示領域について前記領域の設定を行うことを特徴とする請求項１記載の階層データ表示方法。
【請求項７】
階層的に管理されるデータを表示する階層データブラウザシステムであって、
各階層の階層表示領域について、親階層を表す背景内に該親階層に属するデータを表示する領域と子階層を表示する領域とを表示画面で排他的位置になるよう設定する設定手段と、
前記設定手段により設定された各領域内に該領域の階層に属するデータを表すデータアイコンを表示するよう表示を制御する制御手段とを有し、
前記制御手段は、更に、所定の操作により前記データアイコンが指示された場合、該データアイコンが示すデータの詳細情報を表示し、所定の操作によりいずれかの階層の階層表示領域が指示された場合、該指示された階層表示領域をズームアップすると共に該階層表示領域の階層に属するデータを表すデータアイコンを表示し、ズームアップされた階層表示領域に対しズームアウトが指示された場合、ズームアップされた前記階層表示領域から親階層の階層表示領域へズームアウトするよう表示を制御することを特徴とする階層データブラウザシステム。
【請求項８】
前記設定手段は、前記設定される領域の大きさを、前記親階層のデータ数と子階層のデータ数とに基づいて決めることを特徴とする請求項７記載の階層データブラウザシステム。
【請求項９】
前記設定手段は、前記子階層が複数ある場合に、各子階層の領域は該子階層に含まれる下位階層のデータ数に対応して決めることを特徴とする請求項７記載の階層データブラウザシステム。
【請求項１０】
前記制御手段は、前記背景を階層の深さが識別可能になるよう選択して表示することを特徴とする請求項７記載の階層データブラウザシステム。
【請求項１１】
前記制御手段は、前記背景を階層が深い程濃い色で表示することを特徴とする請求項７記載の階層データブラウザシステム。
【請求項１２】
前記設定手段は、
前記各階層の階層表示領域について、前記親階層に属するデータを表示する領域と子階層を表示する領域が設定されているかどうか判断する判断手段を有し、
前記判断手段が設定されていないと判断した場合、該階層の階層表示領域について前記領域の設定を行うことを特徴とする請求項７記載の階層データブラウザシステム。
【発明の詳細な説明】
【０００１】
【産業上の利用分野】
本発明はデータベースやファイルシステムなど複数のデータを階層化して管理されたデータを検索する階層データ表示方法及びブラウザシステムに関するものである。
【０００２】
【従来の技術】
コンピュータのファイル管理システムやデータベースシステム等では、多数のデータを管理する手法として、データを階層的に管理する手法がよく用いられる。特にファイルシステムにおいては、ほとんどのオペレーティングシステム（以後ＯＳと記載する）でファイルシステム全体を階層的な複数のディレクトリに分割して管理している。近年のＯＳにおいては、グラフィカルユーザインターフェース（以後ＧＵＩと記載）によってファイルシステムなどの階層構造を画面上に表示し、マウスなどのポインティングデバイスで目的のデータを指示することで、ファイルなどのデータをアクセスするというブラウザシステムを採用するのが通常である。
【０００３】
従来のこのような階層構造をユーザに対して表示するブラウザシステムにおいては、図２のようなツリー表示や図３のような階層リストボックス表示によって階層構造を表現していた。
図２は階層ファイルシステムを木構造で表現した例であり、ディレクトリ階層をフォルダのアイコン（１０１，１０３，１０５，１０８，１１０，１１３）で表現し、ファイルを文書のアイコン（１０２，１０４，１０６，１０７，１０９，１１１，１１２，１１４）で表現し、それらの階層的な関係を木構造で表現している。
【０００４】
図２で、１０１はルートディレクトリであり、ルートディレクトリ（１０１）にはファイルＲ−１（１０２）がある。ルートディレクトリ（１０１）の下にはディレクトリ−Ａ（１０３），ディレクトリ−Ｂ（１０５），ディレクトリ−Ｃ（１０８）がある。ディレクトリ−Ａ（１０３）の下にはファイルＡ−１（１０４）があり、ディレクトリ−Ｂ（１０５）の下にはファイルＢ−１（１０６）とファイルＢ−２（１０７）とがある。ディレクトリ−Ｃ（１０８）の下にはファイルＣ−１（１０９）とディレクトリ−Ｄ（１１０）とがあり、ディレクトリ−Ｄ（１１０）の下にはファイルＤ−１（１１１）とファイルＤ−２（１１２）とディレクトリ−Ｅ（１１３）とがある。ディレクトリ−Ｅ（１１３）の下にはファイルＥ−１（１１４）がある。
【０００５】
このように全ての階層のファイルが木構造で表示されているので、目的とするファイルを選択することができる。
図３は図２と同じ階層ファイルシステムを階層リストボックスで表現した例である。図３の（ａ）は、ディレクトリ−Ｃ（１１６）の下のファイル及びディレクトリをアクセスしようとした状態である。同図において、１１５は第１階層のファイル及びディレクトリを表示するためのリストボックスである。１１７はリストボックス１１５に表示可能な項目数よりファイルやディレクトリ数が多かった場合に用いるスクロールバーであり、１１８は上方向スクロールボタン、１１９は下方向スクロールボタンである。１１６はディレクトリ−Ｃを示す。
【０００６】
さて、ディレクトリ−Ｃ（１１６）をリストボックス（１１５）から選択してポインティングデバイスでクリックすると、ディレクトリ−Ｃ（１１６）の表示が反転表示されるとともにディレクトリ−Ｃ（１１６）の下にあるファイルＣ−１とディレクトリ−Ｄ（１２１）が、第２階層のファイル及びディレクトリを示すリストボックス（１２０）に表示される。
【０００７】
図３の（ｂ）は、さらにリストボックス（１２０）からディレクトリ−Ｄ（１２１）をポインティングデバイスで選択してクリックした際の状態を示している。同図において、ディレクトリ−Ｄ（１２１）をクリックするとディレクトリ−Ｄ（１２１）の下にあるディレクトリ−ＥとファイルＤ−１とファイルＤ−２とが、第３階層のファイル及びディレクトリを示すリストボックス（１２２）に表示される。このように１段ずつ深い階層を選択していくことによって目的のファイルに到達することができる。
【０００８】
図示しないが、他にアップルコンピュータ社のマッキントッシュのＯＳやＩＢＭ社のＯＳ／２（いずれも製品名）等のようにフォルダのメタファで階層ファイルシステムを表示するシステムも一般的である。
【０００９】
【発明が解決しようとする課題】
しかしながら、従来の図２に示す階層ファイルシステムのように、階層ファイルシステムを木構造で表した場合、ファイルやディレクトリの数が多くなると、画面に全てのファイルやディレクトリのアイコンを表示しきれなくなり、目的のディレクトリやファイルを探すために画面全体をスクロールさせるなどの手段が必要になり、目的のディレクトリやファイルが探しにくくなる。すなわち、階層の深い部分では表示が横長になり、同一階層にファイルやディレクトリが多数ある部分では表示が縦長になる等、表示の際に全画面を有効に使えない場合が多いため、ますます画面のスクロールが必要になってしまうという欠点がある。
【００１０】
また、従来の図３に示すようなリストボックスを使ったブラウザシステムでは、狭い画面でも階層的なブラウジングが可能である反面、あるディレクトリを選択して初めてその下のディレクトリやファイルが表示されるため、全体の階層構造がどのようになっているかが把握しにくく、目的のファイルが探しにくいという欠点があった。
【００１１】
更に、従来の階層構造を表す際にフォルダのメタファを用いたシステムでは、フォルダの中にどのようなデータが入っているかはフォルダを開くまで全くわからない。また、２階層以上にわたる階層構造の全体像が把握できない。また、フォルダを開くたびに新しいウィンドウが開かれるため、開いたフォルダを示すウィンドウでデスクトップ画面が散らかってしまい、目的のデータを見失いやすいと言う欠点があった。
【００１２】
これらの欠点に関しては、同じ表示方式を、階層的にデータをカテゴリー分けするようなデータベースのブラウザシステムに応用した場合においても同様であった。
本発明は、前記従来の欠点を除去し、階層構造を持つファイルシステムやデータベースの階層構造の全体構造をベン図状の表示によって直感的に把握でき、かつ子階層に属するデータは親階層と重なることなく表示すると共に、簡単な操作で階層間のズームアップ、ズームアウト、データの詳細情報の表示をすることによって、目的のデータが見つけ易くなった階層データ表示方法及びブラウザシステムを提供する。
【００１３】
また、深い階層構造も限られた面積の画面内に表示することができ、ズームアップする手段を備えることにより、迅速に目的の階層の詳細情報を見ることができると共に、ズームアウトする手段を有することによってより、上位の階層から見た階層構造の概要を容易に知ることができる階層データ表示方法及びブラウザシステムを提供する。
【００１４】
また、現在どの階層深度の階層がズームアップされているかを表示することで、ナビゲーションの際にどの深度にいるのかを直感的に把握することができる階層データ表示方法及びブラウザシステムを提供する。
【００１５】
【課題を解決するための手段】
上述の課題を解決するために、本発明の階層データ表示方法は、階層的に管理されるデータを表示する階層データ表示方法であって、各階層を表示する階層表示領域について、親階層を表す背景内に該親階層に属するデータを表示する領域と子階層を表示する領域とを表示画面で排他的位置になるよう設定し、前記各領域内に該領域の階層に属するデータを表すデータアイコンを表示するよう表示を制御し、更に、所定の操作により前記データアイコンが指示された場合、該データアイコンが示すデータの詳細情報を表示し、所定の操作によりいずれかの階層の階層表示領域が指示された場合、該指示された階層表示領域をズームアップすると共に該階層表示領域の階層に属するデータを表すデータアイコンを表示し、ズームアップされた階層表示領域に対しズームアウトが指示された場合、ズームアップされた前記階層表示領域から親階層の階層表示領域へズームアウトするよう表示を制御することを特徴とする。
【００１６】
ここで、前記設定される領域の大きさは、前記親階層のデータ数と子階層のデータ数とに基づいて決められる。また、前記子階層が複数ある場合に、各子階層の領域は該子階層に含まれる下位階層のデータ数に対応して決められる。また、前記背景は階層の深さを識別可能に選択されて表示される。また、前記背景は階層が深い程濃い色で表示される。また、前記領域の設定では、前記各階層の階層表示領域について、前記親階層に属するデータを表示する領域と子階層を表示する領域が設定されているかどうか判断し、設定されていないと判断された場合、該階層の階層表示領域について前記領域の設定を行う。
【００１７】
又、本発明の階層データブラウザシステムは、階層的に管理されるデータを表示する階層データブラウザシステムであって、各階層の階層表示領域について、親階層を表す背景内に該親階層に属するデータを表示する領域と子階層を表示する領域とを表示画面で排他的位置になるよう設定する設定手段と、前記設定手段により設定された各領域内に該領域の階層に属するデータを表すデータアイコンを表示するよう表示を制御する制御手段とを有し、前記制御手段は、更に、所定の操作により前記データアイコンが指示された場合、該データアイコンが示すデータの詳細情報を表示し、所定の操作によりいずれかの階層の階層表示領域が指示された場合、該指示された階層表示領域をズームアップすると共に該階層表示領域の階層に属するデータを表すデータアイコンを表示し、ズームアップされた階層表示領域に対しズームアウトが指示された場合、ズームアップされた前記階層表示領域から親階層の階層表示領域へズームアウトするよう表示を制御することを特徴とする。
【００１８】
ここで、前記設定手段は、前記設定される領域の大きさを、前記親階層のデータ数と子階層のデータ数とに基づいて決める。また、前記設定手段は、前記子階層が複数ある場合に、各子階層の領域は該子階層に含まれる下位階層のデータ数に対応して決める。また、前記制御手段は、前記背景を階層の深さが識別可能になるよう選択して表示する。また、前記制御手段は、前記背景を階層が深い程濃い色で表示する。また、前記設定手段は、前記各階層の階層表示領域について、前記親階層に属するデータを表示する領域と子階層を表示する領域が設定されているかどうか判断する判断手段を有し、前記判断手段が設定されていないと判断した場合、該階層の階層表示領域について前記領域の設定を行う。
【００２１】
【実施例】
以下、本発明の一実施例を添付図面を用い詳細に説明する。
［実施例１］
＜ブラウザシステムの構成例＞
図２３は、本発明が実施されるプラットフォームの一例であるパーソナルコンピュータシステムの構成の例を示している。
【００２２】
図２３において、３０１はコンピュータシステム本体、３０２はデータを表示するディスプレー、３０３は代表的なポインティングデバイスであるマウス、３０４はマウスボタン、３０５はキーボードである。
図２４はソフトウェアとハードウェアとを含む階層データブラウザシステムの構成を示す図である。
【００２３】
図２４において、５０９はハードウェアであり、５０５はハードウェア５０９の上で動作するオペレーティングシステム（ＯＳ）であり、５０４はＯＳ５０５の上で動作するアプリケーションソフトウェアである。
図２４において、５１８はＣＰＵ、５１７はメモリ、５１９はデータバスであり、５１５はファイルやデータを物理的に格納するハードディスクである。５０８はＯＳを構成するファイル管理システムであり、アプリケーションソフトウェアがハードウェアを意識せずにファイルの入出力が行えるようにする機能がある。５１４はファイル管理システム５０８がハードディスク５１５の読み書きを行うためのディスクＩＯインターフェースである。
【００２４】
５０７はＯＳを構成する描画管理システムであり、アプリケーションソフトウェアがハードウェアを意識せずに描画が行えるようにする機能がある。５１３は描画管理システム５０７がディスプレイ３０２に描画を行うためのビデオインターフェースである。
５０６はＯＳを構成する入力デバイス管理システムであり、アプリケーションソフトウェアがハードウェアを意識せずにユーザの入力を受け取ることができるようにする機能がある。５１０は入力デバイス管理システム５０６がキーボード３０５の入力を受け取るためのキーボードインターフェース、５１２は入力デバイス管理システム５０６がマウス３０３からの入力を受け取ることができるようにするためのマウスインターフェースである。
【００２５】
５１６はメモリ管理システムであり、アプリケーションソフトウェアがハードウェアを意識せずにメモリ５１７への入出力を行えるようにする機能がある。
５０１はアプリケーションソフトである階層データブラウザであり、５０２はデータを階層的に管理するための階層管理手段、５０３は階層的に管理されたデータを階層構造が把握できるように表示する階層表示手段である。
【００２６】
（階層属性データ例）
図２５は本実施例において階層管理手段５０２が管理する階層属性データを説明する図である。
同図において、６０１は階層属性データであり、６０２は階層を一意に識別するための階層識別子である。６０３は階層の深度を示す階層深度識別子である。図２の例で言えばルートディレクトリが階層深度１、ディレクトリ−Ａ，Ｂ，Ｃは階層深度２、ディレクトリ−Ｄは階層深度３と言うように定義できる。６０４は階層名であり、図２の例で言えばＡ，Ｂ，Ｃ，Ｄ，Ｅが階層名の例である。６０５は所属データ数であり、階層ファイルブラウザの場合は所属データ数がそのディレクトリに所属するファイル数となる。したがって図２の例で言えばディレクトリ−Ａの所属データ数は１、ディレクトリ−Ｂの所属データ数は２となる。６０６はその階層の直下に所属する階層数を示す。図２の例で言えばルートディレクトリの所属子階層数は３である。
【００２７】
６０７は階層表示領域情報であり、後に説明するようにすべての子階層に含まれるデータ数も含めた所属データ数の割合に応じて、割り当てられた領域が階層管理手段５０２によって階層表示領域６０７にセットされる。６０２はデータアイコン表示領域であり、後に説明するようにその階層直下のデータ数と全ての子階層以下の総データ数の比によって決定される。６０８は所属データリストであり、その階層に直属するデータの属性データ６０９すなわちファイルブラウザであれば、そのディレクトリに直属するファイルの属性データがリストされている。６１０は子階層リストであり、その階層に直属する子階層の階層属性データ６０１がリストされている。
【００２８】
（データ属性データ例）
図２６はデータ属性データ６０９の構成を示した図である。
図２６において、６１１はデータを一意に識別するためのデータ識別子である。６１２はデータ名であり、図２の例ではＡ−１，Ｂ−１等のファイル名がデータ名に相当する。６１３はデータ容量でありデータがファイルシステム中において占める容量を示す。６１４はデータ種別であり、画像データであれば画像のフォーマット等を示す。６１５はアイコン表示サイズであり、後に説明するようにその階層に含まれるデータ数に応じて階層管理手段５０２によって設定される。６１６はデータアイコン表示位置である。
【００２９】
（表示の構成要素例）
図２７は図２４に示す階層管理手段５０２が管理するデータに基づき、階層表示手段５０２が階層内のデータを表示する際の表示の構成要素について説明する図である。
同図において、４０１は階層表示領域であり、階層内に所属するデータまたは子階層を表示する。尚、同一階層表示領域内は同一背景色で塗られる。４０２は子階層と親階層間とのボーダ（境界）である。ボーダは線で明示的に表示しても、各階層表示領域の背景色が異なることで表現するだけでもよい。４０３は階層名表示領域であり、４０４はデータを識別するためのデータの概略内容を示すデータアイコンである。データアイコン４０４の構成要素はデータの種類によって異なり、画像データの場合は縮小画像データとデータ名、ワードプロセッサのデータの場合は、ワードプロセッサアプリケーションで作られたことを示すアプリケーション固有のアイコンとデータ名とで構成され、データの概要を知ることができるように構成する。
【００３０】
＜階層データの表示例＞
図１は図２４に示す階層管理手段５０２が管理するデータに基づき、階層表示手段５０３が表示する階層データの表示例を示している。表示するデータは図２のファイルブラウザと同じ階層ファイルシステムのデータである。
図１において、１はルートディレクトリの階層表示領域であり、階層表示領域情報６０７により決定される。２は階層名表示領域であり、階層名６０４によって決定される。３はファイルＲ−１のデータアイコンであり、その表示の大きさはアイコン表示サイズ６１５によって決定される。４はルートディレクトリの子階層であるディレクトリ−Ａの表示領域、５はディレクトリ−Ａの階層名表示領域、６はファイルＡ−１のデータアイコン、７はルートディレクトリの子階層であるディレクトリ−Ｂの階層表示領域、８はディレクトリ−Ｂの階層名表示領域、９はファイルＢ−１のデータアイコン、１０はファイルＢ−２のデータアイコン、１１はルートディレクトリの子階層であるディレクトリ−Ｃの階層表示領域、１２はディレクトリ−Ｃの階層名表示領域、１３はファイルＣ−１のデータアイコン、１４はディレクトリ−Ｃの子階層であるディレクトリ−Ｄの階層表示領域、１５はディレクトリ−Ｄの階層名表示領域、１６はファイルＤ−１のデータアイコンである。１７はディレクトリ−Ｃの子階層であるディレクトリ−Ｅの階層表示領域、１８はディレクトリ−Ｅの階層名表示領域、１９はファイルＥ−１のデータアイコン、２０はファイルＥ−２のデータアイコン、２１は注目階層やデータを指定するためのナビゲーションカーソルである。
【００３１】
また、階層の深度によって階層表示領域の背景色が決定される。図１の例では階層が深いほど濃い色で表示することで３次元的的な奥行き感を表現している。データアイコンの大きさは階層深度が深くなるほど小さくすることで、限られた画面面積内により多くの階層表示領域とデータアイコンを表示することが可能になる。
【００３２】
＜階層データの表示手順例＞
（各階層の領域設定）
図９は図２４に示す階層表示手段５０３が図２７に示す各階層の階層表示領域４０１とデータアイコン４０４の大きさを設定する際のフローチャートを示している。
【００３３】
図９において、ステップＳ１では、最大階層深度Ｎを設定する。例えば図１の例ではＮ＝３となる。ステップＳ２では各階層の階層深度に応じて背景色を決定する。例えば背景色は同一とし階層深度が深くなるほど同系色で濃い色となるようにすることで、深い階層表示が奥にあるような奥行き感を持たせる効果がある。次にステップＳ３で、表示領域を設定しようとする階層深度ｎを“０”に初期化する。次にステップＳ４で階層深度ｎを“１”だけインクリメントし、ステップＳ５でｎがステップＳ１で設定した最大階層深度数Ｎを越えているかどうかチェックする。越えていなければステップＳ６に進み、越えていれば終了する。
【００３４】
ステップＳ６でｎを表示領域設定対象の階層深度として設定する。次にステップＳ７で、階層深度ｎにデータアイコンを表示する領域と子階層を表示する領域が設定されていない階層があるかどうかをチェックする。あればステップＳ８に進み、その階層を表示領域設定対象階層として設定し、なければステップＳ４に戻る。次にステップＳ９において、表示領域設定対象階層の直下のデータ数と子階層以下の総データ数に応じて、表示領域設定対象階層の階層表示領域をデータアイコン表示領域と子階層表示領域との面積比を決定し、ステップＳ１０で、表示領域設定対象階層の直下の各子階層の下層階層も含めたデータ数に応じて、各子階層の表示領域を決定し、ステップＳ７に戻る。
【００３５】
さて、ルートディレクトリにおけるデータアイコン表示領域と子階層表示領域の分割結果の例を図１０に示す。図１０において、１は図１と同じくルートディレクトリの階層表示領域であり、２３はデータアイコン表示領域、２４は子階層表示領域である。
（表示領域の分割）
図１４にデータアイコン表示領域と子階層表示領域の分割の際のフローチャートを示す。
【００３６】
図１４のステップＳ２０において、データアイコンの最低表示領域ａ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 ）とで定義される矩形によって、グループ名表示領域サイズ７３４で示されたサイズとなっている。７２８はグループ名表示であり、グループ名７３９が表示されるが、グループ名が特に指定されていないときは、グループ名表示領域にはデータ識別子リスト７３１の先頭にあるデータ名が表示される。グループ化した後にグループ名が指定されれば、指定したグループ名がグループ名７３９に設定され、グループ名表示領域に表示される。グループ名表示領域７２７にグループ名が全て表示できない時は、先頭から表示可能な文字数だけが表示され、最後にグループ名の続きがあることを示す印である“…”がつけ加えられて表示される。
【００８１】
グループ名とアイコン画像との表示／非表示に関しては、図３１に示したと同様の処理によって制御される。図４１に示すグループ属性データ７３０は、最初にデータが図３７に示すようなグループ化操作が行われたときに、図２４に示す階層管理手段５０２によって作成され、グループ化が解除されたかもしくは最後のデータがグループから取り除かれたときに削除される。
【００８２】
尚、本発明は、複数の機器から構成されるシステムに適用しても、１つの機器から成る装置に適用しても良い。また、本発明はシステム或は装置にプログラムを供給することによって達成される場合にも適用できることはいうまでもない。
【００８３】
【発明の効果】
以上、説明したように、本発明によって、階層構造を持つファイルシステムやデータベースの階層構造の全体構造をベン図状の表示によって直感的に把握でき、かつ子階層に属するデータは親階層と重なることなく表示すると共に、簡単な操作で階層間のズームアップ、ズームアウト、データの詳細情報の表示をするため、目的のデータが見つけ易くなった。
【００８４】
また、深い階層に関しては縮小して表示するため、深い階層構造も限られた面積の画面内に表示することができ、また、階層を一段一段たどることなく目的の階層に属するデータを特定するために目的の階層を示す階層表示領域をズームアップする手段を備えていて、迅速に目的の階層の詳細情報を見ることができる。すなわち、深い階層にあるデータでもデータアイコンを特定できればルート階層から直接データアイコンを指定してデータの詳細情報を知ることができる。
【００８５】
逆に、ズームアウトする手段を有することによってより、上位の階層から見た階層構造の概要を容易に知ることができ、より上位の階層に属するデータに容易にアクセスすることができる。
また、現在どの階層深度の階層がズームアップされているかを示す階層深度表示部を有することで、ナビゲーションの際にどの深度にいるのかを直感的に把握することができる。
【００８６】
また、同一階層深度の階層深度表示領域は同一色とし、しかも深い階層ほど同系色の濃い色で表示することで、深い階層深度の表示領域が奥にあるような表示上の奥行き感を持たせることができる。
更に、１つのデータアイコンに割り当てられた領域が大きいときにはアイコン画像とデータ名を大きく表示して見やすくし、１つのデータアイコンに割り当てられた領域が小さいときには認識可能な範囲でアイコン画像とデータ名を小さくし、１つのデータアイコンに割り当てられた領域がさらに小さいときにはデータ名の表示を省略し、アイコン画像だけを表示することでデータの認識を極力可能にし、１つのデータアイコンに割り当てられた領域がさらに小さいときにはデータアイコンの枠だけを表示することでデータ数を認識できるようにしたことにより、表示領域の大きさに応じたデータの認識支援の効果を持たせた。
【００８７】
更に、使用可能なメモリが少ないときは１つのデータアイコンに割り当てられた領域がある程大きくないとアイコン画像を表示しないようにすることで、メモリを節約する効果がある。
更に、複数のデータアイコンで示されるデータをグループ化してグループアイコンとして表示する手段を有することで、狭い表示領域でより多くのデータを管理することが可能になった。
【図面の簡単な説明】
【図１】本実施例における階層データの表示例を示した図である。
【図２】階層ファイルシステムを木構造で示した図である。
【図３】図２と同じ階層ファイルシステムを階層リストボックスで表現した例を示す図である。
【図４】ディレクトリ−Ｃのズームアップ表示例を示す図である。
【図５】ディレクトリ−Ｅのズームアップ表示例を示す図である。
【図６】ファイルの詳細な内容を示す図である。
【図７】ディレクトリ−Ｅのズームアップ表示例でズームアウトを説明するための図である。
【図８】直接的にデータの詳細情報表示を指示する方法を示した図である。
【図９】階層表示手段が各階層の階層表示領域とデータアイコンの大きさを設定する際の処理手順を示すフローチャートである。
【図１０】ルートディレクトリにおけるデータアイコン表示領域と子階層表示領域の分割結果の例を示す図である。
【図１１】階層深度０においてルート階層の子階層の表示領域とデータアイコンの表示の大きさと位置が決定された階層での状態を示す図である。
【図１２】所定階層のズームアップ表示の際の処理手順を示すフローチャートである。
【図１３】所定階層のズームアップ表示状態から上位階層を含む表示へズームアウトする際の処理手順を示すフローチャートである。
【図１４】データアイコンの表示領域を決定する際の処理手順を示すフローチャートである。
【図１５】本実施例で社員データベースを表示した例を示す図である。
【図１６】詳細情報の表示例を示す図である。
【図１７】階層表示がルート階層の表示を行なっている際の表示例を示す図である。
【図１８】ディレクトリ−Ｃの階層表示領域がズームアップされた状態を示す図である。
【図１９】ディレクトリ−Ｅの階層表示領域がズームアップした状態を示す図である。
【図２０】ディレクトリ−Ｂの階層表示領域がズームアップした状態を示す図である。
【図２１】利用者がズームアップ表示している階層表示領域の階層深度を示す階層深度表示部を説明する図である。
【図２２】階層深度表示部の他の例を示す図である。
【図２３】本実施例のプラットフォームであるパーソナルコンピュータシステムの構成を示す図である。
【図２４】本実施例のソフトウェアとハードウェアを含む階層データブラウザシステムの構成を示す図である。
【図２５】本実施例における階層管理手段が管理する階層属性データを説明するための図を示す図である。
【図２６】データ属性の構成を示す図である。
【図２７】図２４に示す階層管理手段が管理するデータに基づき、階層表示手段が階層内のデータを表示する際の表示の構成要素について説明する図である。
【図２８】実施例２のデータ属性の構成を示す図である。
【図２９】データアイコンの表示の際の構成要素を説明する図である。
【図３０】階層データブラウザの詳細な構成を示す図である。
【図３１】図１４に示すフローチャートのステップＳ２５の割り当てられた１つのデータアイコンの表示領域の大きさに応じてデータアイコンの表示方法を決定する際の処理手順を示すフローチャートを示す図である。
【図３２】データ名表示フォントサイズテーブルの例を示す図である。
【図３３】最小データアイコン画像表示サイズテーブルの例を示す図である。
【図３４】図３のフローチャートで示された処理で決定されたデータアイコンの表示形態の例を示す図である。
【図３５】画像データを階層的にカテゴリ分けしてベン図状に表示する際に、データアイコンの表示に図３１の処理手順を適用した例を示す図である。
【図３６】本実施例で、保険会社が顧客の情報収集のために作成したデータベースのある階層表示領域におけるデータ表示例を示す図である。
【図３７】本実施例で、階層データブラウザにおいて複数のデータアイコンをグループ化する方法を説明する図である。
【図３８】本実施例で、図３６の上段４個のデータアイコンを１個のグループにまとめ、下段４個のデータアイコンを１個のグループにまとめた表示例を示す図である。
【図３９】本実施例で、グループ化されたデータアイコンの各データアイコンにアクセスする方法を示す図である。
【図４０】グループからデータを取り除く操作を説明するための図である。
【図４１】階層管理手段がグループ化されたデータアイコンを管理するためのグループ属性データの構成を説明する図である。
【図４２】グループアイコンの構成を説明する図である。
【図４３】使用可能なメモリが少ないときに、図３１のフローチャートで示された手順で決定されたデータアイコンの表示形態の例を示す図である。
【図４４】使用可能メモリが少ないときに画像データを階層的にカテゴリ分けし、ベン図状に表示する際にデータアイコンの表示に図３１の処理手順を適用した例を示す図である。
【符号の説明】
１ ルート階層の階層表示領域
２１ ナビゲーションカーソル
２０８ 階層深度表示アイコン
２２０ 階層深度表示
３０１ コンピュータシステム本体
３０２ ディスプレイ
３０３ マウス
３０５ キーボード
４０１ 階層表示領域
４０２ ボーダ
４０３ 階層名表示領域
４０４ データアイコン
５０１ 階層データブラウザ
５０２ 階層管理手段
５０３ 階層表示手段
５０４ アプリケーションソフトウェア
５０５ ＯＳ
５０６ 入力デバイス管理システム
５０７ 描画管理システム
５０８ ファイル管理システム
５０９ ハードウェア
５１０ キーボードインターフェース
５１２ マウスインターフェース
５１３ ビデオインターフェース
５１４ ディスクＩＯインターフェース
５１５ ハードディスク
５１６ メモリ管理システム
５１７ メモリ
５１８ ＣＰＵ
７２０ グループアイコン
７２２ グループマーク
７３０ グループ属性
【図１】
0003809198.tif 000002
【図２】
0003809198.tif 000003
【図３】
0003809198.tif 000004
【図４】
0003809198.tif 000005
【図５】
0003809198.tif 000006
【図６】
0003809198.tif 000007
【図７】
0003809198.tif 000008
【図８】
0003809198.tif 000009
【図９】
0003809198.tif 000010
【図１０】
0003809198.tif 000011
【図１１】
0003809198.tif 000012
【図１２】
0003809198.tif 000013
【図１３】
0003809198.tif 000014
【図１４】
0003809198.tif 000015
【図１５】
0003809198.tif 000016
【図１６】
0003809198.tif 000017
【図１７】
0003809198.tif 000018
【図１８】
0003809198.tif 000019
【図１９】
0003809198.tif 000020
【図２０】
0003809198.tif 000021
【図２１】
0003809198.tif 000022
【図２２】
0003809198.tif 000023
【図２３】
0003809198.tif 000024
【図２４】
0003809198.tif 000025
【図２５】
0003809198.tif 000026
【図２６】
0003809198.tif 000027
【図２７】
0003809198.tif 000028
【図２８】
0003809198.tif 000029
【図２９】
0003809198.tif 000030
【図３０】
0003809198.tif 000031
【図３１】
0003809198.tif 000032
【図３２】
0003809198.tif 000033
【図３３】
0003809198.tif 000034
【図３４】
0003809198.tif 000035
【図３５】
0003809198.tif 000036
【図３６】
0003809198.tif 000037
【図３７】
0003809198.tif 000038
【図３８】
0003809198.tif 000039
【図３９】
0003809198.tif 000040
【図４０】
0003809198.tif 000041
【図４１】
0003809198.tif 000042
【図４２】
0003809198.tif 000043
【図４３】
0003809198.tif 000044
【図４４】
0003809198.tif 000045