JPH08263633A

JPH08263633A - 画像編集方法及びそのシステム

Info

Publication number: JPH08263633A
Application number: JP7064311A
Authority: JP
Inventors: Hideo Takiguchi; 英夫滝口; Akira Suga; 章菅
Original assignee: Canon Inc
Current assignee: Canon Inc
Priority date: 1995-03-23
Filing date: 1995-03-23
Publication date: 1996-10-11
Anticipated expiration: 2018-09-22
Also published as: JP3450498B2

Abstract

(57)【要約】【目的】簡単な操作で画像を切り抜いてアルバムソフ
トに取り込む、あるいは切り抜きの変更を行う、又、全
体の階層構造がどのようになっているかが把握し易く、
且つ目的のファイルが探しやすい、更に、多数のファイ
ルの中からでも、よく使用するファイルが見つけやすく
取り出しやすい画像編集方法及びそのシステムを提供す
る。【構成】切り抜き形状と画像とを独立に登録し、画像
の属性３０として、切り抜き形状の識別子３１と位置３
２とサイズ３３とを持たせ、登録された切り抜き形状が
画像上の所望位置に置かれ、前記切り抜き形状が所望の
大きさに拡大または縮小された場合に（４０，３５）、
前記切り抜き形状の識別子４１と位置４２とサイズ４３
とを前記画像の属性として登録し、前記登録された画像
の属性に基づいて、前記画像の前記切り抜き形状内部を
切り抜き画像として出力する（Ｓ１０４〜Ｓ１１０）。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は、画像をハンドリングす
る描画ソフトやデータベースシステムにおける画像編集
方法及びそのシステムに関するものである。

【０００２】

【従来の技術】パソコン上で稼動するデータベースソフ
トウェアで、最近、カタログソフトと呼ばれるものが登
場している。カタログソフトとは、グラフィックス，文
書，画像等をデータの中心として扱っているデータベー
スであり、データ毎にそのデータの縮小画像（以降サム
ネール画像と呼ぶ）を持ち、これらを眺めて所望のデー
タを捜すこと（ブラウジング）を基本的操作としてい
る。

【０００３】このブラウジングによる検索を補助する形
で、一般的にフリーキーワードと言われるものが付けら
れる。フリーキーワードとは、フィールドを持たないキ
ーワードである。なお、フィールドを持つキーワードと
しては、リレーショナル型やカード型のデータベースの
ように、フィールド設定をして、そこにキーワードを入
力する。上記カタログソフトでは、フリーキーワードを
使っての検索が可能であり、この検索結果と先のブラウ
ジングとを組み合わせて所望のデータをピックアップす
る。

【０００４】このカタログソフトの中でも、特に画像を
重視したものをアルバムソフトという名称で呼んだりも
する。このアルバムソフトは、写真のアルバム（紙）を
意識して名付けられているように、データベース中に主
に画像を格納し、これを、基本的には、ブラウジングと
補助的なフリーキーワードとで、見たい画像をピックア
ップする。

【０００５】紙のアルバムの場合には、使用者は、写真
を単に挟み込むだけでなく、その写真に注釈を付けた
り、図２に示すように写真の任意の部分だけが見えて、
あとは隠れてしまうような紙（以降、フレームと呼ぶ）
を上に重ねて保存したりする。これは、特に強調したい
写真や印象に残った写真を残すときに、一般的に行われ
る。

【０００６】この図２に示す手法をアルバムソフトで行
おうとする場合には、画像を使用者が作った任意のフレ
ームで切り抜いて保存することになるが、これに伴う操
作は非常に煩雑である。図３に、この一連の操作手順を
フローチャートとして示す。まずステップＳ１で、グラ
フィックスの描画を行うアプリケーションソフト（以
降、ドローイングソフトと呼ぶ）を起動し、フレームを
作成する。図４の４０１にフレーム作成例を示す。ステ
ップＳ２で、ドローイングソフトに画像を読み込んでき
て、先のフレームと大きさを調整しながら重ね合わせ
る。この例を図４の４０２に示す。次にステップＳ３
で、画像の加工・編集を行うアプリケーションソフト
（以降、フォトレタッチソフトと呼ぶ）を起動する。そ
してクリップボード経由で、先の重ね合わせたフレーム
と画像とをフォトレタッチソフトに取り込む。ドローイ
ングソフト上では、フレームと画像とは別々に扱うこと
ができたが、フォトレタッチソフトに取り込んだ時点で
一枚の画像になってしまう。次に、ステップＳ４で、フ
ォトレタッチ上で、フレーム部分からはみ出している部
分を消していく。図４の４０３にその例を示すが、フォ
トレタッチソフトの、領域指定ツールや消しゴムツール
を使用して作業を行う。こうしてできた修正画像は図４
の４０４の例のようになる。ステップＳ５で新しい画像
としてファイルにセーブし、最後にステップＳ６でこれ
をアルバムソフトに取り込む。

【０００７】一方、従来、コンピュータのファイル管理
システムやデータベースシステム等では、多数のデータ
を管理する手法としてデータを階層的に管理する手法が
よく用いられる。特にファイルシステムにおいては、ほ
とんどのオペレーティングシステム（以後、ＯＳと略）
でファイルシステム全体を階層的な複数のディレクトリ
に分割して管理している。近年のＯＳにおいては、グラ
フィカルユーザインタフェース（以後、ＧＵＩと略）に
よってファイルシステムなどの階層構造を画面上に表示
し、マウスなどのポインティングデバイスで目的のデー
タを指示することでファイルなどのデータにアクセスさ
せる、ブラウザシステムを採用するのが通常である。

【０００８】従来このような階層構造をユーザに対して
表示するブラウザシステムにおいては、図１８のような
ツリー構造や図１９の（ａ），（ｂ）のような階層リス
トボックス構造によって階層構造を表現していた。図１
８は階層ファイルシステムを木構造で表現した例であ
り、ディレクトリ階層をフォルダのアイコンでファイル
を文書のアイコンで表現し、それらの階層的な関係を木
構造で表現している。図中、１０１はルールを文書のア
イコンで表現し、それらの階層的な関係を木構造で表現
している。図中、１０１はルートディレクトリであり、
ルートディレクトリ１０１にはファイルＲ−１（１０
２）がある。ルートディレクトリの下には、ディレクト
リＡ（１０３），ディレクトリＢ（１０５），ディレク
トリＣ（１０８）がある。ディレクトリＡの下にはファ
イルＡ−１（１０４）があり、ディレクトリＣの下には
ファイルＢ−１（１０６）とファイルＢ−２（１０７）
とがある。ディレクトリＣの下にはファイルＣ−１（１
０９）とディレクトリＤ（１１０）とがあり、ディレク
トリＤの下にはファイルＤ−１（１１１）とファイルＤ
−２（１１２）とディレクトリＥ（１１３）とがある。
ディレクトリＥの下にはファイルＥ−１（１１４）があ
る。このように全ての階層のファイルが木構造で表示さ
れているので、目的とするファイルを選択することがで
きる。

【０００９】図１９は図１８と同じ階層ファイルシステ
ムを階層リストボックスで表現した例である。図１９の
（ａ）はディレクトリＣの下のファイル及びディレクト
リをアクセスしようとした状態である。図１９の（ａ）
において、１１５は第１階層のファイル及びディレクト
リを表示するためのリストボックスである。１１７は、
リストボックス１１５に表示可能な項目数よりファイル
やディレクトリ数が多かった場合に用いるスクロールバ
ーであり、１１８は上方向スクロールボタン、１１９は
下方向スクロールボタンである。１１６はディレクトリ
Ｃを示す。ディレクトリＣ（１１６）をポインティング
デバイスでクリックすると、ディレクトリＣ（１１６）
の表示が反転表示されるとともにディレクトリＣ（１１
６）の下にあるファイルＣ−１とディレクトリＤとが、
第２階層のファイル及びディレクトリを示すリストボッ
クス１２０に表示される。図１９の（ｂ）は、さらにリ
ストボックス１２０からディレクトリＤ（１２１）をポ
インティングデバイスで選択してクリックした際の状態
を示している。同図においてディレクトリＤ（１２１）
をクリックすると、ディレクトリＤ（１２１）の下にあ
るディレクトリＥとファイルＤ−１とファイルＤ−２と
が、第３階層のファイル及びディレクトリを示すリスト
ボックス１２２に表示される。このように、１段ずつ深
い階層を選択していくことによって目的のファイルに到
達することができる。

【００１０】

【発明が解決しようとする課題】しかしながら、従来の
画像を切り抜いてアルバムソフトに取り込む際の手順
は、いくつものソフトを起動しながら作業を行わなけれ
ばならず、操作が非常に煩雑であると同時に作業負荷を
伴う。また、以上の操作を行うためには、使用者の操作
に対しての熟練度が必要となる。

【００１１】もう１つの問題は、フレームと画像とを合
わせて一枚の画像となってしまっている点である。もし
後で、フレームの形を変えたくなったり、画像の見せた
い部分を変えたくなったりした場合には、先の図３のフ
ローチャートに示した手順を最初から行わなければなら
ない。また、元の修正前の画像はそのまま保存しておく
のが一般的であるので、結局、元の画像とフレームと組
み合わせて切り抜いた画像との２種類を別々の画像とし
て保存することになってしまう。

【００１２】以上の理由から、もっと簡単にフレームを
作って切り抜き画像を作成する方法、そして後から簡単
に修正できる柔軟性のある方法が必要である。また、従
来の階層ファイルシステムを図１８のように木構造で表
わした場合、ファイルシステムがどのような階層構造に
なっているかが把握しやすく目的のファイルが探しやす
い反面、ファイルやディレクトリの数が多くなると画面
に全てのファイルやディレクトリのアイコンを表示しき
れなくなり目的のディレクトリやファイルが探しにくく
なる。また、階層が深い部分は表示が横長になり、同一
階層にファイルやディレクトリが多数ある場合は表示が
縦長になるため、必ずしも全画面を有効に使えず、ます
ます画面のスクロールが必要になってしまう欠点があ
る。

【００１３】一方、図１９のようにリストボックスを使
ったブラウザシステムでは、狭い画面でも階層的なブラ
ウジングが可能な反面、あるディレクトリを選択して初
めてその下のディレクトリやファイルが表示されるため
全体の階層構造がどのようになっているかが把握しにく
く、目的のファイルが探しにくいという欠点があった。

【００１４】また、多数のファイルの中からでも、よく
使用するファイルが見つけやすい、あるいは取り出しや
すいことが重要であるが、図１８の場合は、よく使用す
るファイルが深い階層のときや同一階層にたくさんのフ
ァイルやディレクトリがあったときなどは、なかなか見
つけられない。図１９の場合も同様に、よく使用するフ
ァイルを取り出すのは大変である。

【００１５】以上の内容は、階層的にデータをカテゴリ
分けするようなデータベースのブラウザシステムにおい
ても同様であった。本発明は、前記従来の欠点を除去
し、簡単な操作で画像を切り抜いてアルバムソフトに取
り込む、あるいは切り抜きの変更を行う画像編集方法及
びそのシステムを提供する。

【００１６】又、全体の階層構造がどのようになってい
るかが把握し易く、且つ目的のファイルが探しやすい画
像編集方法及びそのシステム、更に、多数のファイルの
中からでも、よく使用するファイルが見つけやすく取り
出しやすい画像編集方法及びそのシステムを提供する。

【００１７】

【課題を解決するための手段】上述の課題を解決するた
めに、本発明の画像編集方法は、画像から指定された領
域を所定の形状で切り抜く画像編集方法であって、複数
の切り抜き形状を登録し、登録された切り抜き形状の１
つを指定して画像上の所望位置に置き、前記切り抜き形
状を所望の大きさにすることによって、前記切り抜き形
状内部の画像を切り抜き画像とすることを特徴とする。

【００１８】又、本発明の画像編集方法は、画像から指
定された領域を所定の形状で切り抜く画像編集方法であ
って、切り抜き形状と画像とを独立に登録し、画像の属
性として、切り抜き形状の識別子と位置とサイズとを持
たせ、登録された切り抜き形状が画像上の所望位置に置
かれ、前記切り抜き形状が所望の大きさに拡大または縮
小された場合に、前記切り抜き形状の識別子と位置とサ
イズとを前記画像の属性として登録し、前記登録された
画像の属性に基づいて、前記画像の前記切り抜き形状内
部を切り抜き画像として出力することを特徴とする。

【００１９】ここで、前記切り抜き形状は、画像の切り
抜きたい部分の中央に置かれ、中心位置は固定で拡大ま
たは縮小される。また、前記切り抜き形状は、画像を切
り抜く形状と該形状の外側に出力する形状とからなる。
また、前記切り抜き画像は、データベースシステムにお
けるサムネール画像として使用される。又、本発明の画
像編集方法は、複数のデータを階層的に管理する階層デ
ータ管理システムにおける画像編集方法であって、デー
タの属性として、表示されるアイコンの大きさを指定す
るアイコン表示サイズとアイコンの表示位置を指定する
データアイコン表示位置とを含んで登録し、該アイコン
表示サイズとデータアイコン表示位置とを階層順に設定
することによって、データの識別情報を示すデータアイ
コン群を、階層順に異なる大きさで同じ階層に属するデ
ータアイコンは他の階層のデータアイコンと識別可能に
表示することを特徴とする。

【００２０】ここで、前記アイコン表示サイズとデータ
アイコン表示位置とを変更することによって、階層ある
いはデータアイコンのズームアップ，パニング及びズー
ムアウトを行う。また、前記データの属性として、更に
データをアクセスした回数を記憶するアクセス回数を含
み、前記アクセスの回数が相対的に多いデータアイコン
を相対的に大きく表示する。

【００２１】又、本発明の画像編集方法は、複数のデー
タを階層的に管理する階層データ管理システムにおける
画像編集方法であって、階層順に異なる大きさでデータ
の識別情報を示すデータアイコン群を表示し、所望のデ
ータアイコンを指定して、該データをアクセスし、前記
アクセスの頻度が相対的に高いデータアイコンを相対的
に大きく表示することを特徴とする。

【００２２】ここで、同じ階層に属するデータアイコン
は他の階層のデータアイコンと識別可能に表示され、前
記アクセスの頻度が相対的に高いデータが属する階層も
相対的に大きく表示する。また、前記相対的に大きく表
示されたデータアイコンは、一定期間を越えてアクセス
されない場合に、アクセスされない期間、または他のデ
ータがアクセスされた回数に応じて、縮小される。ま
た、更に、所望の階層あるいはデータアイコンを指定し
て、該階層あるいはデータアイコンをズームアップ，パ
ニング及びズームアウトする。また、注視階層よりも上
位階層のデータアイコンをぼかし処理を加えて表示す
る。また、前記ぼかし処理は、表示画素数よりも少ない
画素数の元データの拡大により行う。また、上位階層に
位置するデータアイコンほどぼかし処理が強く加えて表
示する。また、前記データの属性として、更に、データ
の作成された日時情報とデータがアクセスされた日時情
報とデータ中に明記された日時情報との中から選択され
る日時情報を含み、該アイコン表示サイズとデータアイ
コン表示位置とを日時順に設定することによって、デー
タの識別情報を示すデータアイコン群を、日時順に異な
る大きさで同じ日時に属するデータアイコンは他の日時
のデータアイコンと識別可能に表示する。また、前記ア
イコン表示サイズとデータアイコン表示位置とを変更す
ることによって、同じ日時に属するデータアイコンのズ
ームアップ及びズームアウトを行う。また、前記階層表
示と日時順に従う表示とを選択できる。また、更に、全
階層の中で現時点で画面に表示をしている位置を、別ウ
ィンドウの中に、上下左右平面と奥行き方向とに分けて
表示し、前記別ウィンドウ内で所望の位置を指定するこ
とによって、所望の階層を所望の拡大率で表示する。

【００２３】又、本発明の画像編集システムは、画像か
ら指定された領域を所定の形状で切り抜く画像編集シス
テムにおいて、複数の切り抜き形状を登録する登録手段
と、登録された切り抜き形状の１つを指定して画像上の
所望位置に置く配置手段と、前記切り抜き形状を所望の
大きさにする変更手段と、前記切り抜き形状内部の画像
を切り抜き画像とする切り抜き手段とを備えることを特
徴とする。

【００２４】又、本発明の画像編集システムは、画像か
ら指定された領域を所定の形状で切り抜く画像編集シス
テムにおいて、切り抜き形状と画像とを独立に登録する
登録手段と、所定の操作により登録された切り抜き形状
を画像上の所望位置に置く配置手段と、所定の操作によ
り前記切り抜き形状を所望の大きさに拡大または縮小す
る変更手段と、前記切り抜き形状の識別子と位置とサイ
ズとを前記画像の属性として登録する属性登録手段と、
前記登録された画像の属性に基づいて、前記画像の前記
切り抜き形状内部を切り抜き画像として出力する画像出
力手段とを備えることを特徴とする。

【００２５】ここで、前記配置手段は、前記切り抜き形
状の中央を画像の切り抜きたい部分の中央とし、前記変
更手段は、前記切り抜き形状を中心位置は固定で拡大ま
たは縮小する。また、前記登録手段は、前記切り抜き形
状を画像を切り抜く形状と該形状の外側に出力する形状
として登録する。また、前記画像編集システムはデータ
ベースシステムに含まれ、前記切り抜き画像はサムネー
ル画像として使用される。

【００２６】又、本発明の画像編集システムは、複数の
データを階層的に管理する階層データ管理システムにお
ける画像編集システムであって、データの属性として、
表示されるアイコンの大きさを指定するアイコン表示サ
イズとアイコンの表示位置を指定するデータアイコン表
示位置とを含んで登録する属性登録手段と、該アイコン
表示サイズとデータアイコン表示位置とを階層順に設定
することによって、データの識別情報を示すデータアイ
コン群を、階層順に異なる大きさで同じ階層に属するデ
ータアイコンは他の階層のデータアイコンと識別可能に
表示する第１の表示手段とを備えることを特徴とする。

【００２７】ここで、前記アイコン表示サイズとデータ
アイコン表示位置とを変更することによって、階層ある
いはデータアイコンのズームアップ，パニング及びズー
ムアウトを行う第１の表示変更手段を更に備える。ま
た、前記データの属性として、更にデータをアクセスし
た回数を記憶するアクセス回数を更に登録し、前記アク
セスの回数が相対的に多いデータアイコンを相対的に大
きく表示する第２の表示変更手段を更に備える。

【００２８】又、本発明の画像編集システムは、複数の
データを階層的に管理する階層データ管理システムにお
ける画像編集システムにおいて、階層順に異なる大きさ
でデータの識別情報を示すデータアイコン群を表示する
表示手段と、所望のデータアイコンを指定して、該デー
タをアクセスするアクセス手段と、前記アクセスの頻度
が相対的に高いデータアイコンを相対的に大きく表示す
る第２の表示変更手段とを備えることを特徴とする。

【００２９】ここで、前記表示手段は、同じ階層に属す
るデータアイコンは他の階層のデータアイコンと識別可
能に表示し、前記第２の表示変更手段は、前記アクセス
の頻度が相対的に高いデータが属する階層も相対的に大
きく表示する。また、前記第２の表示変更手段は、前記
相対的に大きく表示されたデータアイコンを、一定期間
を越えてアクセスされない場合に、アクセスされない期
間、または他のデータがアクセスされた回数に応じて、
縮小する。また、所望の階層あるいはデータアイコンを
指定して、該階層あるいはデータアイコンをズームアッ
プ，パニング及びズームアウトする第１の表示変更手段
を更に備える。また、前記第１の表示変更手段は、注視
階層よりも上位階層のデータアイコンをぼかし処理を加
えて表示するぼかし手段を備える。また、前記ぼかし手
段は、表示画素数よりも少ない画素数の元データの拡大
によりぼかし処理を行う。また、前記ぼかし手段は、上
位階層に位置するデータアイコンほどぼかし処理が強く
加えて表示する。また、前記属性登録手段は、前記デー
タの属性として、更に、データの作成された日時情報と
データがアクセスされた日時情報とデータ中に明記され
た日時情報との中から選択される日時情報を更に登録
し、該アイコン表示サイズとデータアイコン表示位置と
を日時順に設定することによって、データの識別情報を
示すデータアイコン群を、日時順に異なる大きさで同じ
日時に属するデータアイコンは他の日時のデータアイコ
ンと識別可能に表示する第２の表示手段を更に備える。
また、前記アイコン表示サイズとデータアイコン表示位
置とを変更することによって、同じ日時に属するデータ
アイコンのズームアップ及びズームアウトを行う第３の
表示変更手段を更に備える。また、前記第１の表示手段
と第２の表示手段とを切り換える切換手段を更に備え
る。また、前記第１及び第２の表示手段は、全階層の中
で現時点で画面に表示をしている位置を、別ウィンドウ
の中に、上下左右平面と奥行き方向とに分けて表示し、
前記別ウィンドウ内で所望の位置を指定することによっ
て、所望の階層を所望の拡大率で表示する表示指示手段
を備える。

【００３０】

【実施例】以下、本発明の実施例を添付図面を用い詳細
に説明する。［実施例１］本実施例よるアルバムソフトの表示画面の
例を図１に示す。図１に示すように、紙のアルバムのよ
うなオブジェクトの各ページに画像が貼り付けられ、画
像とともにメモも加えられている。このアルバムソフト
では、ページを一枚一枚めくってブラウジングすること
が、検索としての基本操作となる。また、図示はしない
が、画像にフリーキーワードを付加することができ、こ
のフリーキーワードによる検索で、該当する画像の含ま
れるページを自動的にめくることもできる。この中で、
１１２０が本実施例における画像の切り抜き状態を示す
図である。この例では四角い枠がフレームであり、その
中の画像のみが表示されている。このフレームは、図５
に示すパレットウィンドウ中に登録されており、この中
から任意のフレームを選ぶことにより、画像の切り抜き
を行うことができる。

【００３１】＜画像管理システムの構成例＞図１５は本
実施例が実現されるプラットフォームであるパーソナル
コンピュータシステムの構成の例を示している。図１５
において、３０１はコンピュータシステム本体、３０２
はデータ表示をするディスプレイ、３０３は代表的なポ
インティングデバイスであるマウス、３０４はマウスボ
タン、３０５はキーボードである。

【００３２】図１６はソフトウェアとハードウェアを含
む階層データ管理システムの構成を示す図である。図１
６において、５０９はハードウェアであり、５０５はハ
ードウェア５０９の上で動作するオペレーティングシス
テム（ＯＳ）であり、５０４はＯＳ５０５の上で動作す
るアプリケーションソフトウェアである。なおハードウ
ェア５０９とＯＳ５０５とを構成するブロックのうち、
構成要件として当然含まれるが本実施例を説明する上で
直接必要としないブロックに関しては図示していない。
そのような図示していないブロックの例としてハードウ
ェアとしてはＣＰＵやメモリ、ＯＳとしてはメモリ管理
システム等がある。

【００３３】図１６において、５１５はファイルやデー
タを物理的に格納するハードディスク、５０８はＯＳを
構成するファイルシステムであり、アプリケーションソ
フトウェアがハードウェアを意識せずにファイルの入出
力が行えるようにする機能がある。５１４は、ファイル
システム５０８がハードディスク５１５の読み書きを行
うためのディスクＩＯインタフェースである。５０７は
ＯＳを構成する描画管理システムであり、アプリケーシ
ョンソフトウェアがハードウェアを意識せずに描画が行
えるようにする機能がある。

【００３４】５１３は、描画管理システム５０７がディ
スプレイ３０２に描画を行うためのビデオインタフェー
スである。５０６はＯＳを構成する入力デバイス管理シ
ステムであり、アプリケーションソフトウェアがハード
ウェアを意識せずにユーザの入力を受け取ることができ
るようにする機能がある。５１０は、入力デバイス管理
システム５０６がキーボード３０５の入力を受け取るた
めのキーボードインタフェース、５１２は、入力デバイ
ス管理システム５０６がマウス３０３からの入力を受け
取ることができるようにするためのマウスインタフェー
スである。５０２は、フレームデータをパレットに登録
・管理するためのフレーム管理手段である。５０３は、
先のフレームデータを画像に重ね合わせて切り抜き画像
を表示する表示部である。

【００３５】＜データ構造例＞（フレームデータ）図８の３４にフレームデータを示
す。フレームデータは、ビットマップデータではなく、
直線や曲線を記述する関数の集合である。これらは、Ｏ
Ｓによって標準のものが設定されており、例えばマイク
ロソフト社のWindows ではメタファイルと呼ばれる。本
実施例におけるアルバムソフトの描画機能は、このメタ
ファイルを作成することができ、ドローイングソフト
も、同じＯＳ上で稼動するものであればメタファイルを
作成することができる。このメタファイルは、描画関数
で表されているので、ビットマップデータのようにリサ
イズをすると品質がさがるようなことがなく、自由にリ
サイズが可能である。

【００３６】３５にフレーム属性データを示す。これは
各フレーム３４に対して１対１に対応している。フレー
ム属性データ３５のフレーム番号３６は、パレットに登
録された時点で付けられる番号であり、本実施例におけ
るアルバムソフトの中で、フレームデータ３４を一意に
指し示している。フレーム属性データ３５の透過領域３
７の外側が隠す領域、言い換えると重ね合わせた画像が
隠れる領域となる。これは、フレームデータをパレット
に登録する際に使用者が設定する。

【００３７】フレーム属性データ３５の透過領域３５の
設定手順のフローチャートを図９に示す。ステップＳ５
０は、プログラムに対するイベント要求を待っているル
ープである。イベントが発生するとステップＳ５１へ進
む。ステップＳ５１ではフレームをパレットへ登録する
か否かが判定され、フレームをパレットへ登録する場合
はステップＳ６０に進む。違う場合は、ステップＳ５９
で他のイベントに対する処理を行い、ステップＳ５０へ
戻る。なお、フレームをパレットへ登録するイベント
は、使用者がフレームデータ上でマウスボタンを押し
て、そのままパレットウィンドウに移動させて、パレッ
トウィンドウ内の任意の位置でマウスボタンを離した時
に発生する。以降、これをドラッグ＆ドロップ（Drag &
Drop ）と呼ぶ。

【００３８】ステップＳ６０では、フレームに対応した
図８のフレーム属性データ３５を取得する。このフレー
ム属性データ３５は、本アルバムソフトの中で作成した
時点、あるいは他のドローイングソフトで作成したグラ
フィックスを、フレームとして本アルバムソフトに取り
込んだ時点で、内容が空のものがフレームデータに対応
して作成される。ステップＳ５２で、フレーム属性デー
タ３５中の透過領域３７が未設定かどうかチェックす
る。未設定の場合はステップＳ５５へ進む。設定済みの
場合はステップＳ５３へ進み、使用者に対して問い合わ
せボックス（ダイアログボックス）を表示して、透過領
域３７の指定を変更するかどうかを尋ね、ステップＳ５
４でその応答を待つ。変更する場合はステップＳ５５へ
進む。変更しない場合は透過領域設定処理をスキップし
て、ステップＳ５８の後述するパレットへの登録処理へ
進む。ステップＳ５５では、図１０に示すダイアログボ
ックスを表示して、使用者に透過領域内の点を指定して
もらう。図１０で、６８は、現在登録を行っているフレ
ームを表示するフレーム表示エリアである。その中央部
分にカーソル６５が表示される。使用者は、マウスか矢
印キーでカーソル６５を任意の位置に移動させることが
できる。そして、ＯＫボタン６６を押すことで、この設
定が有効なものとして終了する。Cancelボタン６７を押
した場合は、設定は無効となる。

【００３９】図９の説明に戻って、ステップＳ６１で、
ＯＫボタンを押されたか、Cancelボタンが押されたかを
チェックする。Cancelボタンの場合は無効であるので処
理は終了し、ステップＳ５０へ戻る。ＯＫボタンの場合
は、ステップＳ５６へ進む。ステップＳ５６では、フレ
ームデータと使用者が指定した位置から、その位置を含
む最小の図形を抽出する。図１０のカーソル位置では、
透過領域がこのカーソルを含む最も内側の楕円形６９と
いうことになる。次にステップＳ５７で、この最小図形
を透過領域３７にセットする。以上で、透過領域３７の
設定は終了する。尚、ステップＳ５８は、以下に示すパ
レットへのフレームの登録処理を示す。

【００４０】（パレット属性データ）次に、図８に示す
パレット属性データ３９へのフレームの登録処理につい
て説明する。図１１は、その処理手順を示すフローチャ
ートである。ステップＳ７１からステップＳ７８までが
図９におけるステップＳ５８に対応する。尚、ステップ
Ｓ７０は、上記に示した透過領域の設定処理を示す。

【００４１】ステップＳ７０で前述した透過領域３７の
設定が終了したら、次のステップＳ７１で、図８に示す
フレーム属性データ３５中のフレーム番号３６の内容を
取り出す。ステップＳ７２で、このフレーム番号がまだ
設定されていないかどうかをチェックする。設定されて
いない場合は、新規登録であるのでステップＳ７４に進
む。設定されている場合は、既に登録されているので、
使用者にステップＳ７３で既に登録されている旨を表示
して処理は終了する。

【００４２】ステップＳ７４では、新規登録であるので
まずパレット属性データ３９のフレームリスト４０を新
規作成する。新規作成の後に、ステップＳ７５で固有の
番号をフレーム番号４１にセットする。固有の番号と
は、他の既に存在しているフレームリストで使用されて
いるフレーム番号とは重ならない番号である。ステップ
Ｓ７６で、フレーム番号４１と同じ番号をフレーム属性
データ３５のフレーム番号３６にセットする。ステップ
Ｓ７７で、フレームをドラッグ＆ドロップされた位置と
表示の大きさとを取得し、ステップＳ７８でその位置及
びサイズをそれぞれフレーム位置４２及びフレームサイ
ズ４３にセットする。以上で、パレットへの登録処理が
終了する。

【００４３】（画像データ）図１３に、図８の画像属性
データ３０としてのフレームデータの登録フローチャー
トを示す。ステップＳ８０でイベント待ちをし、ステッ
プＳ８１でイベント内容を判別し、フレームがドラッグ
＆ドロップされたイベントであった場合は、ステップＳ
８２に進む。ステップＳ８２では、パレットウィンドウ
からのフレームがドロップされた位置が、画像の上かど
うかをチェックし、違う場合は処理を終了する。

【００４４】画像の上の場合は、ステップＳ８３でその
画像データを取得し、ステップＳ８４でフレームデータ
を取得する。次にステップＳ８５で、図８に示す画像デ
ータに対応した画像属性データ３０を新規作成する。そ
して、ステップＳ８６で、画像属性データ３０中のフレ
ーム番号３１に、フレーム属性データ３５中のフレーム
番号３６をコピーする。このように、フレーム番号によ
り画像データとフレームデータとの対応がとれることに
なる。

【００４５】次にステップＳ８７で、現在のフレームの
位置情報とサイズ情報とを各々フレーム位置３２及びフ
レームサイズ３３に格納する。ステップＳ８８ではリサ
イズイベントか否かを判定し、フレームのリサイズイベ
ントだった場合には、ステップＳ８９に進み、その画像
データから画像属性データ３０を取得し、次にステップ
Ｓ８７に進んで現在の位置とサイズとを格納する。そう
でない場合は、ステップＳ９０で他のイベント処理を行
い、終了する。

【００４６】＜本実施例の処理手順例＞（画像の切り抜き）次に画像に対して、任意のフレーム
をパレットから選択して、これを画像に重ね合わせるこ
とによって、画像の切り抜きを実現する手法について説
明していく。まず、図１２の画面例に対しての操作手順
例について述べていく。

【００４７】図１２の（ａ）に示すように、使用者は、
パレットウィンドウから任意のフレームを選択し、これ
をアルバムページ上に任意の画像へドラッグ＆ドロップ
することによって、選択されたフレームがパレットウィ
ンドウ上でのフレームサイズで画像上に置かれる。する
と、図１２の（ｂ）図で示すように、透過領域内の画像
は見えるが、透過領域外の部分は隠れて見えなくなる。

【００４８】使用者の操作としては、次に、このフレー
ムをリサイズして好みの大きさにすることである。ま
ず、使用者は、フレーム上でマウスボタンを押し、これ
をドラッグ（マウスボタンを押したままマウスを移動さ
せる）することで、フレームの透過領域の中心が画像の
見せたい部分の中心に来るように移動させる。図１２の
（ｂ）に示すように、一般のドローイングソフトと同じ
ように、フレームの端には選択時に黒い四角が表示され
ている。次に、この黒い四角をマウスでドラッグするこ
とによってリサイズを行う。このときのリサイズは、フ
レームの透過領域の中心が固定の状態で、縦横比は固定
のまま（縦横等倍）で全体が大きくあるいは小さくな
る。尚、ドローイングソフト等のリサイズでは、使用者
がドラッグしている黒い四角が可変で、これの対極に位
置している四角が固定の状態でリサイズされるのがデフ
ォルトのモードとなっている。例えば、四角の右下の角
をマウスでドラッグすると、左上の角が固定（移動しな
い）状態でリサイズが行われる。本実施例においてこの
方法をとらないのは、透過領域という領域内に画像を納
める操作にとって、中心固定のリサイズの方が操作とし
て向いているからである。こうして操作を行い、完了し
た結果が図１の１１２０に示した状態である。

【００４９】登録・管理された画像データとフレームデ
ータとに対して、画像の切り抜き状態を表示するための
フローチャートが図１４である。ステップＳ１００でイ
ベントを待ち、表示の更新イベントが発生した場合、ス
テップＳ１０１からステップＳ１０２へ進み、表示すべ
き全ての画像、すなわち画像の表示終りまでに対して、
以下の処理を行う。

【００５０】まず、ステップＳ１０３で、表示する画像
に対応した画像属性データがあるかどうかをチェックす
る。画像属性データがあるのはフレームが上に重ねられ
ている場合ということになり、ステップＳ１０４へ進
む。ステップＳ１０４では、画像属性データの中のフレ
ーム番号３１から、同じフレーム番号３６を持つフレー
ム属性データ３５を取得する。次に、ステップＳ１０５
で透過領域３７を取得し、ステップＳ１０６でフレーム
サイズ３３と透過領域３７とから画像を見せる（表示す
る）領域を抽出する。そしてステップＳ１０７で、画像
データのうち先の見せる領域を描画する。次にステップ
Ｓ１１０で、フレーム位置３２にフレームサイズ３３
で、フレームデータを描画する。以上の処理手順によ
り、画像の切り抜き状態の表示が完了する。

【００５１】ステップＳ１０３で画像属性データがない
場合は、通常の画像の表示を行えばよいので、ステップ
Ｓ１０８で画像データ全てを表示して処理が完了する。
ステップＳ１０１で表示の更新でない場合は、ステップ
Ｓ１０９へ進み、他のイベント処理を行い終了する。（全体の操作手順）図６に、本実施例の全体の操作手順
を示す。

【００５２】ステップＳ１０で、パレットにすでに登録
済みのフレームを使用するか否かを検査し、登録済みの
フレームを使用する場合は、ステップＳ１１に進んでフ
レームと処理を施したい画像とを選択する。次に、ステ
ップＳ１２で、フレームの位置及びサイズを指定して、
これだけで手順は終了である。このように、フレームを
登録しておくパレットを用意したことで、簡単に処理を
行うことが可能になる。

【００５３】フレームを新規作成する場合は、ステップ
Ｓ１３へ進む。本実施例におけるアルバムソフトは、簡
単なドローイング機能を有しているので、簡単な形状の
フレームを作成する場合は、ステップＳ１４でアルバム
ソフトの機能を使って作成し、もっと複雑な形を作成し
たいときは、ステップＳ１７でドローイングソフトによ
り作成する。次にステップＳ１５で、作成したフレーム
の透ける部分（内側）と隠す部分（外側）の指定を行
う。これは、フレームの形状によっては、外側と内側が
はっきり区別できない場合もあり得るので、作成者が明
示的に指定する。ステップＳ１６でパレットに登録した
後は、前述したステップＳ１１，ステップＳ１２と進
む。

【００５４】（切り抜き画像の従来例との比較）図７
に、従来例の切り抜き画像の構造と本実施例による切り
抜き画像の構造との違いを示す。従来例では、フォトレ
タッチソフトでフレームと画像とを新たな一枚の画像と
して編集してしまうため、図７の（ａ）の４２１のよう
な一体の画像なる。これに対して、本実施例では、図７
の（ｂ）の４２２のように、元画像はそのままでフレー
ムを上から重ねた構造になっている。従って、元画像が
そのまま保存されるので、フレームの変更等を簡単に行
うことができ、柔軟性が高い。

【００５５】［実施例２］図３７は、本実施例のソフト
ウェアとハードウェアを含むデータ管理システムの構成
を示す図である。図３７において、ハードウェア部５０
９とＯＳ５０５とは図１６と同様なので、説明を省く。
図３７のアプリケーションソフトウェア部５０４は、以
下のようになる。図３７で、１５０１は階層データブラ
ウザであり、１５０２はデータを階層的に管理するため
の階層管理部である。１５０３は階層的に管理されたデ
ータを階層構造が把握できるように表示する階層表示部
である。

【００５６】＜データ構造例＞（階層属性データ）図３８は、本実施例において図３７
の階層管理部１５０２が管理する階層属性データを説明
するための図である。図３８において、６０１は階層属
性データであり、６０２は階層を一意に識別するための
階層識別子である。６０３は階層の深度を示す階層深度
識別子である。図１８の例で言えば、ルートディレクト
リが階層深度０、ディレクトリＡ，Ｂ，Ｃは階層深度
１、ディレクトリＤは階層深度２というように定義でき
る。６０４は階層名であり、図１８の例で言えばＡ，
Ｂ，Ｃ，Ｄ，Ｅが階層名の例である。６０５は所属デー
タ数であり、階層ファイルブラウザの場合は所属データ
数はそのディレクトリに所属するファイル数になる。し
たがって、図１８の例で言えば、ディレクトリ−Ａの所
属データ数は１、ディレクトリ−Ｂの所属データ数は２
となる。

【００５７】６０６はその階層の直下に所属する階層数
を示し、図１８の例で言えば、ルートディレクトリの所
属子階層数は３である。６０７は階層表示領域であり、
後に説明するようにすべての子階層に含まれるデータ数
も含めた所属データ数の割合に応じて、割り当てられた
領域が階層管理部５０２によって階層表示領域６０７に
セットされる。６２０はデータアイコン表示領域であ
り、後に説明するように、その階層直下のデータ数と全
ての子階層以下の総データ数との比によって決定され
る。６０８は所属データリストであり、その階層に直属
するデータの属性データ６０９すなわちファイルブラウ
ザであれば、そのディレクトリに直属するファイルの属
性データがリストされている。６１０は子階層リストで
あり、その階層には更に直属する子階層の階層属性デー
タ６０１がリストされている。

【００５８】（データ属性データ）図３９は、図３８の
データ属性データ６０９の構成を示した図である。図３
９において、６１１はデータを一意に識別するためのデ
ータ識別子である。６１２はデータ名であり、図１８の
例ではＡ−１，Ｂ−１等のファイル名がデータ名に相当
する。６１３はデータ容量であり、データがファイルシ
ステム中において占める容量を示す。６１４はデータ種
別であり、画像データであれば画像のフォーマット等を
示す。６１５はアイコン表示サイズであり、後に説明す
るように、その階層に含まれるデータ数に応じて図３７
の階層管理部５０２によって設定される。６１６はデー
タアイコン表示位置である。

【００５９】＜階層データの表示動作例＞図１７は図３
７の階層管理部５０２が管理するデータに基づき、階層
表示部５０３が表示する階層データの表示例を示してい
る。表示するデータは、図１８のファイルブラウザと同
じ階層ファイルシステムのデータである。図１７におい
て、１はルートディレクトリの階層表示領域であり、図
３８の階層表示領域６０７により決定される。２は階層
名表示領域であり、図３８の階層名６０４によって決定
される。３はファイルＲ−１のデータアイコンであり、
その表示の大きさは図３９のアイコン表示サイズ６１５
によって決定される。４はルートディレクトリの子階層
であるディレクトリＡの表示領域、５はディレクトリＡ
の階層名表示領域、６はファイルＡ−１のデータアイコ
ン、７はルートディレクトリの子階層であるディレクト
リＢの階層表示領域、８はディレクトリＢの階層名表示
領域、９はファイルＢ−１のデータアイコン、１０はフ
ァイルＢ−２のデータアイコン、１１はルートディレク
トリの子階層であるディレクトリＣの階層表示領域、１
２はディレクトリＣの階層名表示領域、１３はファイル
Ｃ−１のデータアイコン、１４はディレクトリＣの子階
層であるディレクトリＤの階層表示領域、１５はディレ
クトリＤの階層名表示領域、１６はファイルＤ−１のデ
ータアイコンである。１７はディレクトリＣの子階層で
あるディレクトリＥの階層表示領域、１８はディレクト
リＥの階層名表示領域、１９はファイルＥ−１のデータ
アイコン、２０はファイルＥ−２のデータアイコン、２
１は注目階層やデータを指定するためのナビゲーション
カーソルである。

【００６０】（階層表示領域，データアイコンの大きさ
設定）図２５は、階層表示部５０３が各階層の階層表示
領域とデータアイコンの大きさを設定する際のフローチ
ャートを示している。図２５では、ステップＳ２０１に
おいて最大階層深度Ｎを設定する。例えば図１７の例で
はＮ＝２となる。次にステップＳ２０３で表示領域を設
定しようとする階層深度ｎを“０”に初期化し、ステッ
プＳ４でｎに“１”を加える。ステップＳ５では、ｎが
最大階層数Ｎより大きくなっていれば終了し、そうでな
ければステップＳ２０６へ進む。ステップＳ２０６では
ｎを表示領域設定対象階層深度として設定する。

【００６１】次のステップＳ２０７では、階層深度ｎに
データアイコンを表示する領域と子階層を表示する領域
が設定されていない階層があるかどうかをチェックし、
なければステップＳ２０４に戻り、あればステップＳ２
０８へ進み、その階層を表示領域設定対象階層として設
定する。ステップＳ２０９において、表示領域設定対象
階層直下のデータ数と子階層以下の総データ数とに応じ
て、表示領域設定対象階層の階層表示領域をデータアイ
コン表示領域と子階層表示領域とに分割する。ルートデ
ィレクトリにおけるデータアイコン表示領域と子階層表
示領域との分割結果の例を図２６に示す。図２６におい
て、２３はデータアイコン表示領域、２４は子階層表示
領域である。

【００６２】図２９にデータアイコン表示領域と子階層
表示領域との分割の際のフローチャートを示す。図２９
のステップＳ２０において、データアイコンの最低表示
領域ａ_min を設定する。すなわちデータアイコンとして
ユーザが視覚的に認識できる最小のデータアイコンの大
きさを予め決めておき、その階層直下の全てのデータを
最小のデータアイコンによって全て表示するための最小
の領域をａ_min として設定しておく。次にステップＳ２
１において、その階層直下のデータ数と全ての子階層下
に含まれる層データ数との比によって、データアイコン
表示領域ａ_propを設定する。次にステップＳ２２におい
てａ_propとａ_min とを比較し、ａ_propがａ_min 以上であ
ればａ_propを、さもなければａ_min を、図３８のデータ
アイコン表示領域６２０に設定する。次にステップＳ２
５で、データアイコン表示サイズ６１５とデータアイコ
ン表示位置６１６とを決定する。図３８のデータアイコ
ン表示領域６２０がａ_min のときは、データアイコン表
示サイズは予め決められた最小のサイズとされ、データ
アイコン表示領域がａ_propの時は、図３８のデータアイ
コン表示領域６２０に所属する全てのデータを表示でき
る最大のサイズとされる。

【００６３】図２５の説明に戻る。ステップＳ２１０に
おいて、表示領域設定対象階層の各子階層の表示領域を
設定する。その際、各子階層の総データ数（各子階層の
子階層以下のデータも含むデータ数）に比例して、各子
階層の表示領域を配分する。ただし、比例計算の結果、
子階層の表示領域の大きさが予め決められた最小の大き
さ以下になってしまった場合は、その子階層の表示領域
の大きさは予め決められた最小の大きさとする。次にス
テップＳ２０７に戻り、表示領域設定対象階層深度中の
全ての階層の表示領域が設定されるまでループする。

【００６４】図２７は階層深度０においてルート階層の
子階層の表示領域とデータアイコンの表示の大きさと位
置が決定された段階での状態を示す図である。表示領域
設定対象階層深度中の全ての階層の表示領域が設定され
ると、図２５のステップＳ２０４にて階層深度が１深く
設定され、ステップＳ２０５に進む。設定された階層深
度が最大階層深度を越えた場合は階層表示領域の設定は
終了し、越えていない場合はステップＳ２０６にすす
み、これまで説明した作業を全ての階層深度において繰
り返すことによって、図３８の全ての階層表示領域６０
７，データアイコン表示領域６２０，図３９のアイコン
表示サイズ６１５，データアイコン表示位置６１６が決
定される。

【００６５】＜表示のズームアップ／ズームアウト＞本
実施例において、階層化されたデータのうち所望の階層
の細部に注目する場合は、たとえば図３７のマウス３０
３の左ボタンを押している時間に応じて表示がズームア
ップされる。階層構造のより階層深度の浅い階層に注目
したい場合、またはより全体を見たい場合は、たとえば
マウス３０３の右ボタンが押している時間に応じて表示
がズームアウトされることで、より階層の浅い視点から
広い範囲のデータを見ることができる。

【００６６】（ズームアップ）図２０はディレクトリＣ
のズームアップ表示の例である。図２０の（ａ）のよう
に、ナビゲーションカーソル２１を拡大したい中心部分
に移動し、マウス３０３の左ボタンを押し続けることに
よって、図２０の（ｂ）のごとく、画面全体の表示がデ
ィレクトリＣの階層が中心に表示がズームアップされ
る。この拡大率は、マウスの押されたというイベント１
回あたりのズームアップ率があらかじめ定められている
ので、マウスのボタンが押されたというイベントの回数
によって、表示の大きさが決まる。言い換えると、マウ
スを押し続けている時間に応じて表示が拡大される。こ
れによって、ズームアップの比率に応じて各データアイ
コンも拡大表示されるので、各データアイコンのより詳
細な情報を知ることができる。さらに、図２０の（ｃ）
に示すように、ナビゲーションカーソル２１をディレク
トリＥの階層表示領域１７中の部分を指示するようにし
て、マウス３０３の左ボタンを押し続けることによっ
て、同様にディレクトリＥの階層表示領域１７が画面全
体にズームアップ表示されることになる。

【００６７】図２１の（ａ）と（ｂ）とは、ディレクト
リＥを中心としたズームアップ表示の例である。図２１
で、さらにファイルＥ−２のデータアイコンを指示した
状態すなわち、図２１の（ｃ）でマウスボタン３０４を
ダブルクリック（短い間隔で２回クリックする動作を一
般的にダブルクリックと称する）することによって、階
層表示部はファイルＥ−２の詳細な内容を表示する。

【００６８】図２２はファイルの詳細な内容２２の表示
例である。（パンニング）次に、現在の表示状態から、同じズーム
アップ率で他の部分を見る場合（以降、パンニングと呼
ぶ）を、図４０に示す。図４０の（ａ）のようにナビゲ
ーションカーソル２１を、表示画面の端に持っていく
と、カーソルが矢印の形に変わる。図４０の（ａ）の例
では、上方向にパンニングするので、上矢印１００１の
ようになっている。この状態でマウス３０３のボタン
（右、左ボタンのどちらでもよい）を押し続けている
間、図４０の（ｂ）のように、表示画面は同じズームア
ップ率で指定方向にパンニングしていく。

【００６９】（ズームアウト）次に、下位階層のズーム
アップ表示状態からより上位の階層から見た表示に切り
替えたいときは、表示をズームアウトする。図２３はデ
ィレクトリＥのズームアップ表示である。図２３の表示
状態でマウス３０３の右ボタンを押すことによって、ナ
ビゲーションカーソル２１が手前向きに変わる。マウス
３０３の右ボタンを押し続けることによって、図２０に
示す表示（ただしナビゲーションカーソル２１は手前向
き）のようにズームアウトしていき、さらに押し続けて
いると図１７の表示までズームアウトする。

【００７０】（詳細情報表示指示）所望のデータを示す
データアイコンをズームアップすることなしに発見する
ことができれば、ナビゲーションカーソル２１を用い
て、直接データの詳細情報表示を指示することができ
る。図２４は直接的にデータの詳細情報表示を指示する
方法を示した図である。ファイルＥ−２の詳細情報を表
示したい場合、図２４のようにファイルＥ−２のデータ
アイコン２０を直接ナビゲーションカーソル２１で指示
してダブルクリックすることで、図２２に示す詳細情報
表示を得ることができる。

【００７１】（ズームアップ／パンニングの処理手順）
図２８は以上説明した所定階層のズームアップとパンニ
ング表示の際のフローチャートを示している。尚、ズー
ムアウト表示の場合は、ステップＳ４５を「ズームアッ
プ率をデクリメント」とすることにより達成されるの
で、ズームアウトの説明は省略する。

【００７２】図２８において、ステップＳ４１はイベン
ト待ちループを示しており、利用者からのマウスやキー
ボードからの指示（イベント）を待っている状態であ
る。何らかのイベントが発生するとステップＳ４２へ進
み、利用者がデータアイコンをダブルクリックしたかど
うかチェックし、もしYes であればステップＳ４３へ進
み、データアイコンが示すデータの詳細情報を表示す
る。NoであればステップＳ４４へ進み、マウスボタン３
０４が押された位置が画面の端かどうか、言い換えれば
ズーミングかパンニングかをチェックし、Noであればズ
ーミングをするということで、ステップＳ４５に進む。
Yes であればパンニングをするということで、ステップ
Ｓ４９に進む。

【００７３】ズーミングのときは、ステップＳ４５で、
ズームアップ率Z_Uを所定の率だけアップする。次に、ス
テップＳ４６に進む。ここで、ズームアップの時に画面
の中心からずれた位置を押されているときに、その位置
がズームアップしていくにつれて、次第に中心にくる表
示を行いたい。そこで、ステップＳ４６で、押された位
置から中心位置までの距離に応じて、所定のシフト量 s
hiftＸ, shiftＹを求める。次にステップＳ４７で、全
ての階層について、階層の位置と大きさ情報とを保持し
ている階層表示領域とデータアイコン表示領域とを更新
する。これは今までの位置の中心からZ_Uだけ大きさを拡
大させ、かつ shiftＸ, shiftＹだけ全体を移動するこ
とによって、新しい位置及び大きさとする。次にステッ
プＳ４８でも、各データに対して、位置と大きさとを表
す情報であるアイコン表示サイズとデータアイコン表示
位置とを計算する。この計算の仕方は、ステップＳ４７
と同様である。以上で表示の更新に必要な計算は終了し
たので、ステップＳ４８１で表示画面を更新する。

【００７４】パンニングのときは、ステップＳ４９で、
所定のシフト量 shiftＸ, shiftＹをセットする。ステ
ップＳ４９１で、全ての階層に対して、階層表示領域と
データアイコン表示領域とを shiftＸ, shiftＹだけシ
フトする。次に、ステップＳ４９２でも同様に、データ
アイコン表示位置を shiftＸ, shiftＹだけシフトす
る。以上で表示の更新に必要な計算は終了したので、ス
テップＳ４８１で表示画面を更新する。

【００７５】＜社員データベース表示例＞図３０は本実
施例を用いて社員データベースを表示した例である。会
社の組織ごとに社員を分類し、社員の顔画像をデータア
イコンとして表示している。会社の組織は階層構造を形
成するので、階層ファイルシステムと同様に入れ子にし
た階層表示で表すことができる。図３０において、２０
４は社員データベースの最上位階層、２０５は開発部門
の階層、２０６は開発部長のデータアイコンである。ナ
ビゲーションカーソル２１で開発部長のデータアイコン
を指示してダブルクリックすると、図３１のごとく開発
部長に関する詳細情報２０７が表示される。

【００７６】＜表示の大きさの変化例＞次に、ファイル
（データ）の使用頻度に応じて。表示の大きさを他のフ
ァイル（データ）よりも相対的に大きくしていく手法の
例について詳細に説明する。図４２は、本実施例の表示
例を示す図である。図４２の（ａ）の表示１００２の状
態から、Ｅ−１のドキュメントを何回かオープンして使
用すると、使用する度にこのＥ−１の表示が大きくな
り、その使用の（アクセス）結果、図４２の（ｂ）の表
示１００３のようになる。このように、Ｅ−１は大きく
表示され、その分他のファイル（データ）は相対的に小
さく表示される。

【００７７】図４１は、本実施例におけるデータ属性デ
ータについて示す。図４１は、図３９でのデータ属性デ
ータに対して、アクセス回数６１６１と記録日付６１６
２とが追加されている。アクセス回数６１６１は、その
ファイル（データ）がダブルクリックされたら、つまり
ファイル（データ）がオープンされたら、１つインクリ
メントされる。このアクセス回数のカウント値に応じ
て、後述するやり方でデータの表示の大きさが決定され
る。また、ある時期に頻繁にアクセスされたが、その後
全く使わないファイル（データ）というのも多々あり得
る。そのために、ファイルがアクセスされたときに、記
録日付６１６２をその日の日付に書き換える。この日付
が、使用者が設定した所定期間を経過したものであれ
ば、これはしばらく使っていないものとして、アクセス
回数をデクリメントする。そして、記録日付６１６２を
その日の日付に書き換える。

【００７８】以上の操作によって、よく使うファイル
（データ）はだんだん大きくなって見つけやすくなり、
使わないデータはだんだん小さくなって感覚的には後方
に下がったように見える。また、一定期間頻繁に使った
データも、ある時期から使わなくなったときには、次第
に小さくなって、他の全く使わないデータと同じになっ
ていく。ここで、１回のアクセスにより大きくする比率
や、アクセスされない時に小さく戻すための所定期間
は、デフォルトで設定してあるが、使用者が自分の使用
状況に合わせて変更することもできる。

【００７９】以上の処理手順をフローチャートで示した
ものを、図４３、図４４に示す。（アクセスによる拡大）図４３は、アクセスされたファ
イルに対して処理を行うフローチャートである。ステッ
プＳ１００１で、使用者からのイベントを待つ。それが
ステップＳ１００２でダブルクリックでなければ、ファ
イル（データ）をオープンするイベントではないので、
ステップＳ１００８で他の処理を行う。ダブルクリック
の場合、ステップＳ１００３でダブルクリックされた位
置がファイルの表示上かどうかをチェックし、そうであ
ればその指定ファイルを取得する。そうでなければ、ス
テップＳ１００７で他の処理を行う。次にステップＳ１
００４で、指定ファイルに対応する図３８に示すデータ
属性データ６０９を取得し、ステップＳ１００５で、そ
の中のアクセス回数６１６１を＋１して、記録日付６１
６２にその時点での日付を記入する。そしてステップＳ
１００６で、ファイルをオープンする操作を行う。

【００８０】（非アクセスによる縮小）図４４は、所定
期間アクセスされないファイルに対して処理を行うフロ
ーチャートである。本プログラムの起動時には全てのフ
ァイルの表示動作を行うわけであるから、本プログラム
の起動時にのみに以降の処理を行う。ステップＳ１０１
０で、使用者からのイベントを待つ。画面の表示を行わ
ないイベントでは、ステップＳ１０１８へ進み他のイベ
ント処理をする。画面の表示を行うイベントであれば、
ステップＳ１０１２でデータの終りならば終了し、終り
でなければステップＳ１０１３へ進む。ステップＳ１０
１３では、表示ファイルのデータ属性データを取得し、
次のステップＳ１０１４でその中の記録日付６１６２の
日付を取得する。次に、ステップＳ１０１５では、その
日の日付から記録日付を引いた期間が所定期間を越えて
いない場合は、ステップＳ１０１７へ進む。所定期間を
越えていた場合はステップＳ１０１６へ進み、アクセス
回数６１６１を−１とし、記録日付６１６２をその日の
日付に書き換える。アクセス回数のを−１する時（デク
リメント時）に、“０”未満となる場合は“０”にクリ
ップしておく。次にステップＳ１０１７で表示の処理を
行う。以上を全ての表示ファイルに対して行い、終了し
たら、またステップＳ１０１０のイベント待ちに戻る。

【００８１】（階層表示領域、データアイコンの大きさ
設定）図４６は、本実施例における図３７に示す階層表
示部５０３が各階層の階層表示領域とデータアイコンの
大きさを設定する際のフローチャートであり、ほぼ図２
５と同様である。図４６のステップＳ２０１では、最大
階層深度Ｎを設定する。例えば図１７の例ではＮ＝２と
なる。次にステップＳ３で表示領域を設定しようとする
階層深度を“０”に初期化する。次にステップＳ６でｎ
を表示領域設定対象階層深度として設定する。次に階層
深度ｎにデータアイコンを表示する領域と子階層を表示
する領域が設定されていない階層があるかどうかをチェ
ックし、あればステップＳ８においてその階層を表示領
域設定対象階層として設定する。次にステップＳ９にお
いて、表示領域設定対象階層直下のデータ数と子階層以
下の総データ数とに応じて、表示領域設定対象階層の階
層表示領域をデータアイコン表示領域と子階層表示領域
とに分割する。

【００８２】このとき、データ数の計算をステップＳ１
００９のように行う。データ数の計算は、アクセス回数
６１６１が“０”のデータについては１．０とし、アク
セス回数がｎの場合は、（１．０＋ｎ×拡大比ｆ）とし
て、全データ数を加算して計算していく。例えば、ある
データがアクセス回数＝２で、拡大比ｆが０．２という
場合には、（１．０＋２×０．２＝１．４）となって他
のデータとともに加算される。ルートディレクトリにお
けるデータアイコン表示領域と子階層表示領域との分割
結果の例を、図２６に示す。図２６において、２３はデ
ータアイコン表示領域、２４は子階層表示領域である。

【００８３】図４５にデータアイコン表示領域と子階層
表示領域の分割の際のフローチャートを示す。図４５は
図２９と対応した処理である。図４５において、まずそ
の階層直下のデータ数と全ての子階層下に含まれる総デ
ータ数とを計算する。このデータ数の計算は、アクセス
回数６１６１が０のデータについては１．０とし、アク
セス回数がｎの場合は（１．０＋ｎ×拡大比）として、
全データ数を加算して計算していく（ステップＳ１０２
０〜Ｓ１０２５）。

【００８４】ステップＳ１０２３で例えば、あるデータ
がアクセス回数＝２で、拡大比ｆが０．２という場合に
は、（１．０＋２×０．２＝１．４）となる。次にステ
ップＳ１０２７において、その階層直下のデータ数と全
ての子階層下に含まれる総データ数との比によって、デ
ータアイコン表示領域ａ_propを設定する。次にステップ
Ｓ１０２８で、図４１のデータアイコン表示サイズ６１
５とデータアイコン表示位置６１６とを決定する。この
ときの表示サイズは、図４５のステップＳ１０２０から
ステップＳ１０２５までと同じ手法で、アクセス回数に
応じた比で大きさが決められる。ここで、拡大比ｆは、
デフォルトで定められている数値である、かつ、使用者
が使用状況に合わせて変更もできる。

【００８５】以上説明した図４５、図４６の手法によ
り、よく使われるデータが大きく表示されるだけでな
く、そのデータを含む階層領域も他の階層領域よりも相
対的に大きくなることになる。図４２では、Ｅ−１が大
きく表示されるのに伴って、それを含む階層領域Ｅと、
さらに階層領域Ｃが、他の階層領域よりも相対的に大き
く表示される。これは、使用者がある目的をもって階層
領域に分割している（カテゴリを作っている）わけであ
るから、その中のデータが頻繁にアクセスされるという
ことは、それを含むカテゴリもよく使われていることに
なる。よって、アクセスされるデータが、大きく表示さ
れて目立つようになるのに伴って、それを含むカテゴリ
も大きく表示されることは、自然でありむしろ望まし
い。

【００８６】（拡大表示例）本例は、拡大表示をする場
合の実施例である。以下、拡大表示する場合について、
カーソルを合わせたデータか階層領域よりも上の階層に
属するデータの表示を行う場合、元画像を小さなものを
用意して、これを拡大・ぼかし処理をして生成する場合
について説明する。ここで、ピンぼけ画像を生成するに
は、元画像よりも小さな画像を使って平均化することで
十分目的が達せられる。従って、３次元的な奥行き感
と、メモリ上の占有容量の節約とが同時に達成されその
効果は大きい。

【００８７】図４７に、画像を中心にしたデータベース
システムにおける、本実施例の表示例を示す。図４７
は、使用者が２００１の画像にカーソルを合わせてズー
ムアップしていく過程を表している。このとき、画像２
００２は、画像２００１に対して１つ上の階層領域に属
しているので、これをぼかし処理をして表示する。これ
により、カーソルを合わせた画像よりも上の階層の画像
をより手前に位置している画像と捉えて、奥行き感のあ
る表示を実現できる。と同時に、ぼかし処理をする画像
は、画像サイズの小さなデータに対して行えば十分であ
るので、メモリ容量の節約にもなる。

【００８８】図４８に、本実施例における拡大処理のフ
ローチャートを示す。ステップＳ１０３１で表示をする
イベントであった場合、ステップＳ１０３２でカーソル
がある位置の階層深度を階層深度識別子６０３から取得
する。次に、表示すべき個々のデータに対して以下の処
理を行う。ステップＳ１０３４で、そのデータが所属す
る階層の階層深度識別子６０３を取得する。ステップＳ
１０３５で各々の階層深度識別子を比較して、カーソル
がある位置の階層とそのデータが所属する階層とのどち
らが上かを判定する。データの方が上の場合は、手前に
位置するデータとして、メモリ上に元画像データを小さ
なサイズのものに入れ替えて、かつリサイズ処理（拡大
／縮小処理）を行う。ステップＳ１０３８でフィルタリ
ング処理を行う。

【００８９】図４９に簡単なフィルタ配列を示す。中央
が注目画素にかける係数（１／２／）であり、その周辺
画素にも所定の係数（１／１６）をかけて加算すること
によって、ぼかし処理を施した表示画像が生成される。
図４９のフィルタ配列は、表示画像の大きさによってか
えてもよい。また、ズームアップ時に手前に位置するも
のほど強くぼかし処理をほどこすようにすれば、より奥
行き感のある表示を実感できる。例えば図５０のフィル
タ配列は、図４９のものよりもぼかし効果が強いので、
最も手前に位置するもの（例えば最上位階層）に用い
て、そこから階層が深くなるにつれて段階的にぼかし効
果を弱めたものを使用していく。

【００９０】図４８のステップＳ１０３５で、カーソル
位置と同じかそれより深い階層のデータの場合は、通常
のリサイズ処理を施す。そして、ステップＳ１０３９
で、表示に関する処理を行う。以上の操作によって、カ
メラのズームレンズで覗いているような感覚で、カーソ
ルがあるところにはピンとが合って、それより手前はピ
ンぼけになっているという表示が実現できる。また、本
実施例は、画像を中心にしたデータベースを例にして説
明してきたが、ファイルシステムの場合もそのファイル
アイコン画像に対して同様の処理を行えばよいので、実
現可能である。

【００９１】＜時間順表示例＞本例では、時間順表示モ
ードについて説明する。本実施例では、ファイルの作成
日付順、最近アクセスしたデータ順等で表示を行う。こ
の場合も全てのファイル（データ）の表示を行い、新し
いほど（あるいは古いほど）手前に大きく表示し、古い
ほど（新しいほど）奥に小さく表示するようにして実現
する。これの操作は、前記と同様に連続的に拡大表示す
る手段を用いることによって、奥の小さな表示を大きく
することができ、連続的に縮小表示する手段を用いるこ
とによって元に戻ることができるようにする。また、こ
の時間順表示モードへは、前記の階層形式の表示状態か
ら、使用者が階層を指定することによって入ることがで
き、時間順表示モードを終了させると元の階層形式の表
示へ戻ることができる。

【００９２】図５１は、本実施例の時間順表示を説明す
る図である。図５１の（ａ）の１０５３が階層形式の表
示を示す。この表示状態で、カーソルがある位置の階層
が全て表示されていて、かつ所定の面積をしめると、時
間順表示アイコン１０５１が階層の端に現れる。このア
イコンは時間順表示モードへの入り口を示す。使用者
が、このアイコン上にカーソルを合わせてさらにズーム
アップの操作を行うと、図５１の（ｂ）の時間順表示モ
ード１０５４へ切り替わる。この切り替えは、図５２の
ように、順次（ａ）→（ｂ）→（ｃ）と切り替わるよう
にすれば、より操作の連続性が達成され効果的である。
時間表示画面では、指定された階層中のデータを子階層
のデータまで含めて時間順に表示する。図５１の（ｂ）
に示す１０５５から１０５８までの矩形は、時間を後述
する手段で区切ったものである（以降、時間矩形と呼
ぶ）。１０５４では、最近の時間のデータアイコンは最
も外側に表示され、時間が古くなるにつれて内側の矩形
内に表示される。このとき、時間順を、３次元的に奥行
きを持たせて表現するために、内側の矩形ほど暗い色に
設定し、かつデータアイコンの表示の大きさも小さく表
示する。逆に、古いデータを手前に新しいデータを奥に
して見たい場合は、外側の矩形ほど暗い色に設定する
と、新しい方からデータを見ているのか、古い方からデ
ータを見ているかが、使用者に感覚的にわかるので有効
である。

【００９３】そして、この時間順表示においても、階層
表示と同様の操作で、ズームアップして古いデータを大
きく表示して見ることができ、ズームアウトして、また
新しいデータを見ることができる。（時間矩形属性データ）図５７は、本実施例において各
々の時間矩形を管理する時間矩形属性データを説明する
図である。

【００９４】同図において、１０８１は時間矩形属性デ
ータであり、１０８２は時間矩形を一意に識別するため
の時間矩形識別子である。１０８３は時間矩形の奥行き
方向の位置を示す時間矩形深度識別子である。１０８４
はその時間矩形が持つ時間の範囲を示す。１０８５は所
属データ数であり、その時間の範囲に該当するファイル
数となる。１０８６は時間矩形表示領域であり、１０８
７はデータアイコン表示領域である。１０８３は所属デ
ータリストであり、その時間矩形に含まれるデータの属
性データ６０９すなわちファイルブラウザであれば、そ
のディレクトリに直属するファイルの属性データがリス
トされている。図５７のデータ属性データ６０９の詳細
は、図３９と同様である。

【００９５】（時間矩形、データアイコンの大きさ設
定）図５３は、時間矩形の設定と、各時間矩形に属する
データアイコンの大きさを設定する際のフローチャート
を示している。図５３において、ステップＳ３０１は、
表示するデータの中で最も新しい日時と最も古い日時と
を取得する。もし使用者が、ファイル作成日付順で表示
したい場合は、表示する全ファイルについて、ＯＳを介
してそのファイルの作成日付を取得する。その中で、最
も古いものと新しいものを選び出せばよい。使用者がフ
ァイルのアクセス順で表示したい場合には、表示する全
ファイルについて、図５７のデータ属性データ６０９の
中の記録日付６１６２を取得する。その中で、最も古い
ものと新しいものを選び出せばよい。

【００９６】次にステップＳ３０２において、使用者が
時間矩形の時間間隔の設定をしているかどうかをチェッ
クする。デフォルトの状態では、表示すべきデータ中の
最も古いものから新しいものまでの日時を、所定数Ｎ
（例えばＮ＝１０）で分割して設定する（ステップＳ３
０３）。これとは別に、本実施例では、使用者が時間間
隔を１日単位とか、１年単位とか、希望の間隔でも指定
できる。この場合、所定数Ｎは、表示すべきデータ中の
最も古いものから新しいものまでの日時を、使用者指定
の時間間隔で割った数となる（ステップＳ３０４）。

【００９７】次に、時間矩形の最初からＮ番目まで以下
の処理を行う。ステップＳ３０８で、現在処理を行って
いる時間矩形の大きさをセットする。最初の時間矩形は
表示画面の大きさであり、次からは、後述する面積を分
割する手段によって定められる。ステップＳ３０９で、
時間矩形ｎ内にファイルアイコンか時間矩形ｎ＋１があ
る場合には、ステップＳ３１０で、時間矩形ｎ内の領域
をファイルアイコン表示部分と時間矩形ｎ＋１の表示部
分とに分割する。このとき、分割は、時間矩形ｎ内のフ
ァイルデータ数と時間矩形ｎ＋１以降のファイルデータ
総数との比で分割される。

【００９８】この結果得られた時間矩形ｎ＋１の面積
は、さらに次のループでステップＳ３０８でセットさ
れ、さらにステップＳ３１０で分割されていく。ステッ
プＳ３１０のさらに詳細な処理については、図５５で後
述する。このようにして、図５４に示すように、図５４
の（ａ）から（ｂ）へと、時間矩形領域並びにその中の
ファイルアイコン表示領域が設定される。このように、
面積比に従って、外側にその時間矩形に属するファイル
アイコン表示領域、内側に次の時間矩形領域が設定され
る。そして、その中がさらにファイルアイコン領域と、
次の時間矩形領域とに分けられていく。図５５に、図５
３ステップＳ３１０のより細かなフローチャートを示
す。

【００９９】（表示面積の分割）図５５のステップＳ３
２０において、現在注目している時間矩形におけるデー
タアイコンの最低表示領域ａ_min を設定する。まず、時
間矩形の奥行き方向の位置によってデータアイコンの大
きさをデフォルトとして予め決めておく。このデフォル
トの大きさは、最初（手前）の時間矩形ほど大きく、最
後の（奥の）時間矩形ほど小さく設定される。その時間
矩形内の全てのデータをデフォルトのデータアイコンに
よって全て表示するための領域を、ａ_def として設定す
る。これは、ａ_def ＝｛（デフォルトのデータアイコン
の大きさ＋余白）×（時間矩形内のデータ数）｝で計算
される。次にステップＳ３２１において、その時間矩形
内のデータ数と次以降の全ての時間矩形内に含まれる総
データ数との比によって、データアイコン表示領域ａ
_propを設定する。次にステップＳ３２２においてａ_prop
とａ_def とを比較し、ａ_propがａ_def 以上であればステ
ップＳ３２３でａ_propを、さもなければステップＳ３２
４でａ_def をデータアイコン表示領域１０６１として設
定する。

【０１００】次にステップＳ３２５で、図４１に示すデ
ータアイコン表示サイズ６１５とデータアイコン表示位
置６１６とを決定する。図５４のデータアイコン表示領
域１０６１がａ_def のときはデータアイコン表示サイズ
は予め決められたデフォルトのサイズとされ、データア
イコン表示領域がａ_propの時はデータアイコン表示領域
１０６１に所属する全てのデータを表示できる最大のサ
イズとされる。次にステップＳ３２６で、定められたデ
ータ表示領域を引いた残りの領域を、次以降の（より奥
の）時間矩形領域として設定する。以上図５５のフロー
チャートが図５３のステップＳ３１０に対応し、このよ
うにして、最初の時間矩形領域から、順次データアイコ
ン領域と各データアイコンの大きさ、位置が決定してい
く。

【０１０１】（時間順表示のズームアップ）図５６は以
上説明した時間順表示でのズームアップの際のフローチ
ャートを示している。本時間順表示の場合は、データが
時間順で奥行き方向に並んでいるので、パンニングの機
能はなしとしている。尚、ズームアウト表示の場合は、
ステップＳ１０７３が「ズームアップ率をデクリメン
ト」となるところだけが異なるので説明を省略する。

【０１０２】図５６において、ステップＳ１０７１はイ
ベント待ちループを示しており、利用者からのマウスや
キーボードからの指示（イベント）を待っている状態で
ある。何らかのイベントが発生するとステップＳ１０７
２で利用者がデータアイコンをダブルクリックしたかど
うかチェックし、もしYes であればステップＳ１０７９
でデータアイコンが示すデータの詳細情報を表示する
（データをオープン、表示する）。Noであればズームア
ップ操作ということで、ステップＳ１０７３へ進み、ズ
ームアップ率Z_Uを所定の率だけアップする。次に、表示
すべき全ての時間矩形について以下の操作を行う。ま
ず、ステップＳ１０７５でZ_Uに従って、図５７の時間矩
形表示領域１０８６及びデータアイコン表示領域１０８
７を更新する。次に、現在注視している時間矩形に属す
る全てのデータについて、ステップＳ１０７７でZ_Uに従
って、図４１のアイコン表示サイズ６１５及びデータア
イコン表示位置６１６を計算する。以上の操作を全ての
時間矩形に対して行ったあとで、ステップＳ１０７８で
表示画面を更新する。

【０１０３】（ナビゲーションウィンドウ）図３６の２
０００は利用者がズームアップ表示しているときに、全
体のどの位置を見ているかを参照するためのナビゲーシ
ョンウィンドウである。これはさらに、ｘｙ平面（縦，
横平面）を表す２００１と、ｚ方向（奥行き方向）を表
す表示２００２で構成される。ｘｙ平面表示とｚ方向表
示の中に、現在いる位置がカーソル２００３，２００４
で示される。さらに、このカーソル２００３，２００４
のどちらかをクリックして、２００１，２００２上の任
意の位置に動かすことによって、現在見ている位置か
ら、素早く所望の位置に移動をすることができる。ｘｙ
平面表示２００１は常に全体を示すので、２００３カー
ソル以外は表示は不変であるが、ｚ方向表示２００２
は、表示画面２００５で見ている位置の階層の深さに応
じて表示が更新される。

【０１０４】ｘｙ平面表示２００１を作成するためのフ
ローチャートは、上記図２５及び図２９と同様である。
これを、プログラム起動時に行いセットする。ｚ方向表
示のフローチャートを図３２に示す。図３２でステップ
Ｓ２０１０がイベント待ちループである。ステップＳ２
０１１で、図３６の表示画面２００５の更新がされたこ
とを通知するイベントだった場合、ステップＳ２０１２
へ進む。図３６の表示画面２００５のカーソルが指し示
す階層について、その階層属性データ６０１（図３８）
を取得する。次に、ステップＳ２０１３で、この階層属
性データの階層深度識別子６０３から、階層の深さを取
得する。ステップＳ２０１４では、階層の深さに応じ
て、図３６の２００２のｚ方向表示を描画する。

【０１０５】図３６の２００２の例では、深さが３階層
の場合を示している。図３２のステップＳ２０１５で
は、表示画面の面積と階層表示領域６０７とが示す比に
応じて、現在の深さ方向の位置を定める。これは、図３
３に示す計算による。すなわち、表示画面に全ての階層
が表示される最もズームアウトした状態での、現在注視
している階層の表示画面における比率を“ａ”とする。
そして、現在注視している階層が表示画面いっぱいに表
示されたときの、表示画面における比率を“ｂ”とす
る。そして、現在の注視している階層の、現在における
表示画面に対する比を“ｃ”とする。このとき、ｃに対
する階層の位置は、ｙ＝（ｎ−１）×ｃ／（ｃ−ａ）−（ｎ−１）×ａ／
（ｂ−ａ）但し、ｎは階層の深度で、計算される。つまり、最もズームアウトした状態の
とき（ａのとき）、ｚ方向表示が図３４のようにカーソ
ルが最も左にくる。また、注視している階層が画面いっ
ぱいに表示されたときを、図３５のように階層深度の入
り口にくるよう、比例計算を行う。

【０１０６】以上の手法によって、ナビゲーションウィ
ンドウのカーソルを移動させて、表示画面を更新する場
合は次のように行う。ｚ方向の移動（図３６に示す２０
０４のカーソルによる操作）は、移動されたカーソルの
位置から図３３の逆計算を行うと、表示画面に対する面
積比ｃ’が求められる。（ｃ’／ａ）で、図２８におけ
るズームアップ率Z_Uが算出できる。このZ_Uに従って、画
面を更新すればよい。また、ｘｙ方向の移動（図３６に
示す２００３のカーソルによる操作）の場合は、カーソ
ル２００３の位置の移動量から、図２８におけるパンニ
ングのときのパンニング量 shiftＸ， shiftＹが算出で
きる。このパンニング量に従って、全体をシフトすれば
よい。

【０１０７】尚、本発明は、複数の機器から構成される
システムに適用しても、１つの機器から成る装置に適用
しても良い。また、本発明はシステム或は装置にプログ
ラムを供給することによって達成される場合にも適用で
きることはいうまでもない。

【０１０８】

【発明の効果】以上、説明したように、本発明により、
簡単な操作で画像を切り抜いてアルバムソフトに取り込
む、あるいは切り抜きの変更を行う画像編集方法及びそ
のシステムを提供できる。又、全体の階層構造がどのよ
うになっているかが把握し易く、且つ目的のファイルが
探しやすい画像編集方法及びそのシステム、更に、多数
のファイルの中からでも、よく使用するファイルが見つ
けやすく取り出しやすい画像編集方法及びそのシステム
を提供できる。

【０１０９】すなわち、本発明は、切り抜き形状（フレ
ーム）をパレットに登録することによって、柔軟性の高
い画像及びフレームの管理を可能とする。また、パレッ
トから任意の切り抜き形状を選択して画像にドラッグ＆
ドロップし、画像上の切り抜き形状を中心固定で拡大／
縮小することによって、簡単で柔軟性の高い操作方法を
提供できる。また、本発明では、元の画像を加工したり
修正したりすることは行わずそのままの使うので、重ね
たフレームのリサイズや異なるフレームデータへの変更
が簡単になった。

【０１１０】更に、本発明は、階層間の包含関係及び階
層とファイル（もしくはデータ）間の包含関係を入れ子
にした階層で表示することによって、ファイルシステム
もしくはデータベースシステムの階層構造全体を視覚的
に表現することを可能にした。また、任意の階層の中に
含まれる所望の階層表示を連続的に拡大表示することに
よって、該階層に含まれる階層及びファイル（もしくは
データ）のさらに詳細な情報を得られるようにし、逆
に、階層表示を連続的に縮小表示する手段を用いること
によってより上位の階層を含む情報を得られるようにし
た。以上のズームアップ／ズームアウトの画面更新は、
キーボードの指定キーまたはポインティングデバイスを
押している時間に応じてなされるため、使用者の感覚に
合致したユーザインターフェースを提供できる。

【０１１１】また、よく使われるファイル（データ）
は、その使用頻度に応じて、他のファイル（データ）に
比べて相対的に大きく表示するようにしたことから、よ
く使われるファイル（データ）を簡単に見つけ出すこと
ができるようになった。また、ズームアップした状態で
は、カーソルを合わせたデータに階層領域にカメラのピ
ントが合っていると捉えて、これよりも上の階層に属す
るデータの表示は、拡大・ぼかし処理をして生成するこ
とにより、３次元的な奥行き感とメモリ上の占有容量の
節約とが同時に達成される。

【０１１２】また、階層表示のみでなく、時間順での表
示モードを持ち、両者を自由に切り替えられるようにす
ることにより、階層的に分類されたファイル（データ）
の検索と同時に時間順の検索を可能とし、かつ両者がズ
ームアップ／ズームアウトという同じユーザインターフ
ェースで実現されるため、検索効率性がさらに向上す
る。

【０１１３】また、階層表示において、大きくズームア
ップしたときに、ｘｙ平面のｚ方向の位置を示すウィン
ドウを設けたことにより、全体の中の現在注視している
位置を把握しやすいようになった。

【図面の簡単な説明】

【図１】実施例１におけるアルバムソフトの表示画面の
例を示す図である。

【図２】紙のアルバムにおける写真の保存例を示す図で
ある。

【図３】従来ソフトでの画像の切り抜き手順を示すフロ
ーチャートである。

【図４】従来の画像の切り抜き作成例を示す図である。

【図５】実施例１におけるフレームを登録するパレット
の例を示す図である。

【図６】実施例１での画像の切り抜き手順を示すフロー
チャートである。

【図７】従来例と実施例１における切り抜き画像の構造
の比較を説明するための図である。

【図８】実施例１におけるデータ管理構造を示す図であ
る。

【図９】実施例１における透過領域の設定フローチャー
トである。

【図１０】実施例１の透過領域設定のダイアログボック
スの例を示す図である。

【図１１】実施例１のパレットへの登録フローチャート
である。

【図１２】実施例１の画像切り抜きの操作例を示す図で
ある。

【図１３】実施例１の画像へのフレームデータの登録フ
ローチャートである。

【図１４】実施例１の画像の切り抜き状態の表示フロー
チャートである。

【図１５】本実施例におけるパーソナルコンピュータの
構成図である。

【図１６】実施例１におけるパーソナルコンピュータの
内部ブロック図である。

【図１７】実施例２における階層データの表示例を示す
図である。

【図１８】実施例２の階層ファイルシステムを木構造で
表現した例を示す図である。

【図１９】階層ファイルシステムをリストボックスで表
現した例を示す図である。

【図２０】実施例２のディレクトリ−Ｃの連続的なズー
ムアップ表示の例を示す図である。

【図２１】実施例２のディレクトリ−Ｅを中心とした連
続的なズームアップ表示の例を示す図である。

【図２２】実施例２のファイルの詳細な内容の表示例を
示す図である。

【図２３】実施例２のディレクトリ−Ｅのズームアップ
表示を示す図である。

【図２４】実施例２の直接的にデータの詳細情報表示を
指示する方法を示す図である。

【図２５】実施例２の階層表示領域とデータアイコンの
大きさを設定するフローチャートである。

【図２６】実施例２のデータアイコン表示領域と子階層
表示領域の分割結果の例を示す図である。

【図２７】実施例２のルート階層の子階層の表示領域と
データアイコンの表示の大きさと位置が決定された段階
での表示状態を示す図である。

【図２８】実施例２のズームアップとパンニング表示の
際のフローチャートである。

【図２９】実施例２のデータアイコン表示領域と子階層
表示領域の分割のフローチャートである。

【図３０】実施例２を用いて社員データベースを表示し
た例である。

【図３１】実施例２の社員データベース詳細情報表示例
を示す図である。

【図３２】実施例２のｚ方向表示のフローチャートであ
る。

【図３３】実施例２のｚ方向の位置を決める計算例を示
す図である。

【図３４】実施例２のｚ方向表示例を示す図である。

【図３５】実施例２のｚ方向表示例を示す図である。

【図３６】実施例２のナビゲーションウィンドウの表示
例を示す図である。

【図３７】実施例２におけるソフトウェアとハードウェ
アを含む階層データ管理システムの構成例である。

【図３８】実施例２における階層属性データを説明する
ための図である。

【図３９】実施例２のデータ属性データの構成を示した
図である。

【図４０】実施例２のパンニングの表示例を示す図であ
る。

【図４１】実施例２におけるデータ属性データについて
示す図である。

【図４２】実施例２のファイルの使用頻度に応じて表示
の大きさを相対的に大きくする説明図である。

【図４３】実施例２のアクセスされたファイルに対して
処理を行うフローチャートである。

【図４４】実施例２の所定期間アクセスされないファイ
ルに対して処理を行うフローチャートである。

【図４５】実施例２において、データアイコン表示領域
と子階層表示領域の分割のフローチャートである。

【図４６】実施例２において階層表示領域とデータアイ
コンの大きさを設定するフローチャートである。

【図４７】実施例２の画像を中心にしたデータベースシ
ステムにおける例を示す図である。

【図４８】実施例２における画像拡大の手順を示すフロ
ーチャートである。

【図４９】実施例２におけるフィルタ配列例を示す図で
ある。

【図５０】実施例２におけるフィルタ配列例を示す図で
ある。

【図５１】実施例２の時間順表示の表示例を示す図であ
る。

【図５２】実施例２の時間順表示の表示例を示す図であ
る。

【図５３】実施例２の時間矩形の設定とデータアイコン
を設定するフローチャートである。

【図５４】実施例２の時間矩形領域とファイルアイコン
表示領域の設定例を示す図である。

【図５５】実施例２の時間順表示でのデータアイコンを
設定するフローチャートである。

【図５６】実施例２の時間順表示でのズームアップのフ
ローチャートである。

【図５７】実施例２の時間矩形属性データを説明する図
である。

【符号の説明】

３０画像属性データ３２，４２フレーム位置３３，４３フレームサイズ３４フレームデータ３５フレームデータ属性３１，３６，４１フレーム番号３７，６９透過領域３９パレット属性データ４０フレームリスト６５カーソル６６ＯＫボタン６７ Cancelボタン６８フレーム表示エリア３０１コンピュータシステム本体３０２ディスプレー３０３マウス３０５キーボード５０２フレーム管理部５０３切り抜き表示部５０４，５０４’ アプリケーションソフトウェア５０５オペレーティングシステム（ＯＳ）５０６入力デバイス管理システム５０７描画管理システム５０８ファイルシステム５０９ハードウェア５１０キーボードインターフェース５１２マウスインターフェース５１３ビデオインターフェース５１４ディスクＩＯインターフェース５１５ハードディスク１１２０画像の切り抜き状態１５０１階層データ管理システム（階層ブラウザ）１５０２階層管理部１５０３階層表示部

Claims

【特許請求の範囲】

【請求項１】画像から指定された領域を所定の形状で
切り抜く画像編集方法であって、複数の切り抜き形状を登録し、登録された切り抜き形状の１つを指定して画像上の所望
位置に置き、前記切り抜き形状を所望の大きさにすることによって、前記切り抜き形状内部の画像を切り抜き画像とすること
を特徴とする画像編集方法。
【請求項２】画像から指定された領域を所定の形状で
切り抜く画像編集方法であって、切り抜き形状と画像とを独立に登録し、画像の属性として、切り抜き形状の識別子と位置とサイ
ズとを持たせ、登録された切り抜き形状が画像上の所望位置に置かれ、
前記切り抜き形状が所望の大きさに拡大または縮小され
た場合に、前記切り抜き形状の識別子と位置とサイズと
を前記画像の属性として登録し、前記登録された画像の属性に基づいて、前記画像の前記
切り抜き形状内部を切り抜き画像として出力することを
特徴とする画像編集方法。
【請求項３】前記切り抜き形状は、画像の切り抜きた
い部分の中央に置かれ、中心位置は固定で拡大または縮
小されることを特徴とする請求項１または２記載の画像
編集方法。
【請求項４】前記切り抜き形状は、画像を切り抜く形
状と該形状の外側に出力する形状とからなることを特徴
とする請求項３記載の画像編集方法。
【請求項５】前記切り抜き画像は、データベースシス
テムにおけるサムネール画像として使用されることを特
徴とする請求項１乃至４のいずれか１つに記載の画像編
集方法。
【請求項６】複数のデータを階層的に管理する階層デ
ータ管理システムにおける画像編集方法であって、データの属性として、表示されるアイコンの大きさを指
定するアイコン表示サイズとアイコンの表示位置を指定
するデータアイコン表示位置とを含んで登録し、該アイコン表示サイズとデータアイコン表示位置とを階
層順に設定することによって、データの識別情報を示す
データアイコン群を、階層順に異なる大きさで同じ階層
に属するデータアイコンは他の階層のデータアイコンと
識別可能に表示することを特徴とする画像編集方法。
【請求項７】前記アイコン表示サイズとデータアイコ
ン表示位置とを変更することによって、階層あるいはデ
ータアイコンのズームアップ，パニング及びズームアウ
トを行うことを特徴とする請求項６記載の画像編集方
法。
【請求項８】前記データの属性として、更にデータを
アクセスした回数を記憶するアクセス回数を含み、前記
アクセスの回数が相対的に多いデータアイコンを相対的
に大きく表示することを特徴とする請求項６記載の画像
編集方法。
【請求項９】複数のデータを階層的に管理する階層デ
ータ管理システムにおける画像編集方法であって、階層順に異なる大きさでデータの識別情報を示すデータ
アイコン群を表示し、所望のデータアイコンを指定して、該データをアクセス
し、前記アクセスの頻度が相対的に高いデータアイコンを相
対的に大きく表示することを特徴とする画像編集方法。
【請求項１０】同じ階層に属するデータアイコンは他
の階層のデータアイコンと識別可能に表示され、前記ア
クセスの頻度が相対的に高いデータが属する階層も相対
的に大きく表示することを特徴とする請求項８または９
記載の画像編集方法。
【請求項１１】前記相対的に大きく表示されたデータ
アイコンは、一定期間を越えてアクセスされない場合
に、アクセスされない期間、または他のデータがアクセ
スされた回数に応じて、縮小されることを特徴とする請
求項８または９記載の画像編集方法。
【請求項１２】更に、所望の階層あるいはデータアイ
コンを指定して、該階層あるいはデータアイコンをズー
ムアップ，パニング及びズームアウトすることを特徴と
する請求項９記載の画像編集方法。
【請求項１３】注視階層よりも上位階層のデータアイ
コンをぼかし処理を加えて表示することを特徴とする請
求項１２記載の画像編集方法。
【請求項１４】前記ぼかし処理は、表示画素数よりも
少ない画素数の元データの拡大により行うことを特徴と
する請求項１３記載の画像編集方法。
【請求項１５】上位階層に位置するデータアイコンほ
どぼかし処理が強く加えて表示することを特徴とする請
求項１４記載の画像編集方法。
【請求項１６】前記データの属性として、更に、デー
タの作成された日時情報とデータがアクセスされた日時
情報とデータ中に明記された日時情報との中から選択さ
れる日時情報を含み、該アイコン表示サイズとデータア
イコン表示位置とを日時順に設定することによって、デ
ータの識別情報を示すデータアイコン群を、日時順に異
なる大きさで同じ日時に属するデータアイコンは他の日
時のデータアイコンと識別可能に表示することを特徴と
する請求項６記載の画像編集方法。
【請求項１７】前記アイコン表示サイズとデータアイ
コン表示位置とを変更することによって、同じ日時に属
するデータアイコンのズームアップ及びズームアウトを
行うことを特徴とする請求項１６記載の画像編集方法。
【請求項１８】前記階層表示と日時順に従う表示とを
選択できることを特徴とする請求項１６記載の画像編集
方法。
【請求項１９】更に、全階層の中で現時点で画面に表
示をしている位置を、別ウィンドウの中に、上下左右平
面と奥行き方向とに分けて表示し、前記別ウィンドウ内で所望の位置を指定することによっ
て、所望の階層を所望の拡大率で表示することを特徴と
する請求項６乃至１８のいずれか１つに記載の画像編集
方法。
【請求項２０】画像から指定された領域を所定の形状
で切り抜く画像編集システムにおいて、複数の切り抜き形状を登録する登録手段と、登録された切り抜き形状の１つを指定して画像上の所望
位置に置く配置手段と、前記切り抜き形状を所望の大きさにする変更手段と、前記切り抜き形状内部の画像を切り抜き画像とする切り
抜き手段とを備えることを特徴とする画像編集システ
ム。
【請求項２１】画像から指定された領域を所定の形状
で切り抜く画像編集システムにおいて、切り抜き形状と画像とを独立に登録する登録手段と、所定の操作により登録された切り抜き形状を画像上の所
望位置に置く配置手段と、所定の操作により前記切り抜き形状を所望の大きさに拡
大または縮小する変更手段と、前記切り抜き形状の識別子と位置とサイズとを前記画像
の属性として登録する属性登録手段と、前記登録された画像の属性に基づいて、前記画像の前記
切り抜き形状内部を切り抜き画像として出力する画像出
力手段とを備えることを特徴とする画像編集システム。
【請求項２２】前記配置手段は、前記切り抜き形状の
中央を画像の切り抜きたい部分の中央とし、前記変更手
段は、前記切り抜き形状を中心位置は固定で拡大または
縮小することを特徴とする請求項２０または２１記載の
画像編集システム。
【請求項２３】前記登録手段は、前記切り抜き形状を
画像を切り抜く形状と該形状の外側に出力する形状とし
て登録することを特徴とする請求項２０または２１記載
の画像編集システム。
【請求項２４】前記画像編集システムはデータベース
システムに含まれ、前記切り抜き画像はサムネール画像
として使用されることを特徴とする請求項２０乃至２３
のいずれか１つに記載の画像編集システム。
【請求項２５】複数のデータを階層的に管理する階層
データ管理システムにおける画像編集システムであっ
て、データの属性として、表示されるアイコンの大きさを指
定するアイコン表示サイズとアイコンの表示位置を指定
するデータアイコン表示位置とを含んで登録する属性登
録手段と、該アイコン表示サイズとデータアイコン表示位置とを階
層順に設定することによって、データの識別情報を示す
データアイコン群を、階層順に異なる大きさで同じ階層
に属するデータアイコンは他の階層のデータアイコンと
識別可能に表示する第１の表示手段とを備えることを特
徴とする画像編集システム。
【請求項２６】前記アイコン表示サイズとデータアイ
コン表示位置とを変更することによって、階層あるいは
データアイコンのズームアップ，パニング及びズームア
ウトを行う第１の表示変更手段を更に備えることを特徴
とする請求項２５記載の画像編集システム。
【請求項２７】前記データの属性として、更にデータ
をアクセスした回数を記憶するアクセス回数を更に登録
し、前記アクセスの回数が相対的に多いデータアイコン
を相対的に大きく表示する第２の表示変更手段を更に備
えることを特徴とする請求項２５または２６記載の画像
編集システム。
【請求項２８】複数のデータを階層的に管理する階層
データ管理システムにおける画像編集システムにおい
て、階層順に異なる大きさでデータの識別情報を示すデータ
アイコン群を表示する表示手段と、所望のデータアイコンを指定して、該データをアクセス
するアクセス手段と、前記アクセスの頻度が相対的に高いデータアイコンを相
対的に大きく表示する第２の表示変更手段とを備えるこ
とを特徴とする画像編集システム。
【請求項２９】前記表示手段は、同じ階層に属するデ
ータアイコンは他の階層のデータアイコンと識別可能に
表示し、前記第２の表示変更手段は、前記アクセスの頻
度が相対的に高いデータが属する階層も相対的に大きく
表示することを特徴とする請求項２７または２８記載の
画像編集システム。
【請求項３０】前記第２の表示変更手段は、前記相対
的に大きく表示されたデータアイコンを、一定期間を越
えてアクセスされない場合に、アクセスされない期間、
または他のデータがアクセスされた回数に応じて、縮小
することを特徴とする請求項２７または２８記載の画像
編集システム。
【請求項３１】所望の階層あるいはデータアイコンを
指定して、該階層あるいはデータアイコンをズームアッ
プ，パニング及びズームアウトする第１の表示変更手段
を更に備えることを特徴とする請求項２８記載の画像編
集システム。
【請求項３２】前記第１の表示変更手段は、注視階層
よりも上位階層のデータアイコンをぼかし処理を加えて
表示するぼかし手段を備えることを特徴とする請求項３
１記載の画像編集システム。
【請求項３３】前記ぼかし手段は、表示画素数よりも
少ない画素数の元データの拡大によりぼかし処理を行う
ことを特徴とする請求項３２記載の画像編集システム。
【請求項３４】前記ぼかし手段は、上位階層に位置す
るデータアイコンほどぼかし処理が強く加えて表示する
ことを特徴とする請求項３３記載の画像編集システム。
【請求項３５】前記属性登録手段は、前記データの属
性として、更に、データの作成された日時情報とデータ
がアクセスされた日時情報とデータ中に明記された日時
情報との中から選択される日時情報を更に登録し、該アイコン表示サイズとデータアイコン表示位置とを日
時順に設定することによって、データの識別情報を示す
データアイコン群を、日時順に異なる大きさで同じ日時
に属するデータアイコンは他の日時のデータアイコンと
識別可能に表示する第２の表示手段を更に備えることを
特徴とする請求項２５記載の画像編集システム。
【請求項３６】前記アイコン表示サイズとデータアイ
コン表示位置とを変更することによって、同じ日時に属
するデータアイコンのズームアップ及びズームアウトを
行う第３の表示変更手段を更に備えることを特徴とする
請求項３５記載の画像編集システム。
【請求項３７】前記第１の表示手段と第２の表示手段
とを切り換える切換手段を更に備えることを特徴とする
請求項３５記載の画像編集システム。
【請求項３８】前記第１及び第２の表示手段は、全階
層の中で現時点で画面に表示をしている位置を、別ウィ
ンドウの中に、上下左右平面と奥行き方向とに分けて表
示し、前記別ウィンドウ内で所望の位置を指定すること
によって、所望の階層を所望の拡大率で表示する表示指
示手段を備えることを特徴とする請求項２５乃至３７の
いずれか１つに記載の画像編集システム。