JP2011076451A - 画像付きドキュメントの表示方法 - Google Patents

Abstract

【課題】ベース画像に付加されたコメントなどの付加情報を、ベース画像と関連付けて即座に閲覧することができるようにする。
【解決手段】ドキュメント表示画面３２のドキュメント画面３３には、同じドキュメントに所属するタブ３５₁〜３５₄が設定されており、そのうちの１つ、例えば、タブ３５₁が開いた状態にある。このタブ３５₁には、ドキュメントに付随したベース画像３６が表示されるとともに、このベース画像のコメントなどの対象となる位置にコメント３７やこれに関連付けられた図形３８，シンボル３９，矢印４１などのオブジェクト（付加情報）が付加されている。これらオブジェクトは、「追加」ボタン１６ａやオブジェクト選択部４２などの操作により、付加することができる。また、これら付加されたオブジェクトの一覧を表わす付加オブジェクト一覧画面３４も、同時に表示されている。
【選択図】図８

Description

本発明は、写真や会議のメモなどの画像を有するドキュメントの表示方法に係り、特に、かかるドキュメントの画像にコメントやシンボル，図形などの付加情報を付加することができるようにした画像付きドキュメントの表示方法に関する。

従来、風景や人物などの写真，会議で黒板などに書き込まれたメモを撮影した写真，地図を撮影した写真などの写真の画像（以下、かかる画像をベース画像という）をユーザの端末に保存し、これを他のユーザがアクセスして自身の端末に表示し、このベース画像について意見などを述べるために、コメントをこの端末で入力し、ユーザのいずれもがかかるベース画像とこれに対するコメントを取得して表示させるようにした技術が知られている。

その一例として、ベース画像をテキストや表，図形とし、ユーザが、例えば、テキストを表示させて、このテキストでの必要なコメントを作成するとともに、このテキストでのこのコメントの付加する位置をカーソルなどで指定すると、その付加位置情報とコメントとが関連付けられてコメントファイルに登録され、また、このテキストを表示させてその所定の位置を指定すると、この指定された位置に対応するコメントがコメントファイルに登録されているときには、この該当するコメントの一覧がコメントファイルから読み出されて表示され、ユーザがこの一覧から所望のコメントを選択することにより、このコメントがディスプレイに表示されるようにした技術が知られている。これにより、ユーザは、表示されるテキストでの所望とする位置を指定することにより、このテキストの指定された位置での内容に対するコメントを閲覧することができる。なお、コメントファイルにテキストでの指定された位置に該当するコメントが登録されていなければ、コメントファイルからコメントは読み出されず、処理は終了する（例えば、特許文献１参照）。

特開２００２ー１０８８９８号公報

ところで、上記特許文献１に記載の技術では、ベース画像に対するコメントを、そのベース画像のコメントする所定の位置と関連付けて入力することができるが、その位置を指定することにより、その位置に関連するコメントの一覧が読み出されて表示され、その一覧から所望とするコメントを選択することにより、このコメントが表示されるものであるから、ベース画像の所定の位置のコメントを閲覧するためには、その位置を指定する操作やコメントの一覧から所望のコメントを選択する操作が必要となる。また、コメントが表示されるときには、ベース画像は表示されておらず、表示されたコメントとベース画像との関連を明確に確認することは難しい。

しかも、ベース画像のユーザが、例えば、気になる位置にコメントがあるか否かは、その位置を指定しなければ、分からないものであって、もしなければ、かかる指定操作をしても、コメントは表示されないものであり、かかる操作が無駄なものとなる。

本発明は、かかる点に鑑みてなされたものであって、その目的は、ベース画像に付加されたコメントなどの付加情報を、ベース画像と関連付けて即座に閲覧することができるようにした画像付きドキュメントの表示方法を提供することにある。

上記目的を達成するために、本発明は、ドキュメントを表わすドキュメント画面に表示されるドキュメントのベース画像に対する付加情報を表示する画像付きドキュメントの表示方法であって、ベース画像が表示されるドキュメント画面での付加情報の付加位置，付加情報の種類，付加情報の内容、付加情報の付加時刻，付加情報の作成者の属性情報からなる付加情報の関連情報をデータベースに記憶保持し、ドキュメント画面での関連情報に基づく付加位置に、関連情報に該当する付加情報を、ベース画像とともに、表示することを特徴とするものである。

また、本発明は、付加情報の１つの種類がテキスト情報であって、テキスト情報を検索キーワードとして入力することにより、データベースで付加情報の内容が入力された検索キーワードに合致するテキスト情報を検索し、検索によって得られた付加情報を、ドキュメント画面での関連情報に基づく付加位置に、ベース画像とともに表示することを特徴とするものである。

さらに、本発明は、付加情報が、シンボル，図形，線，画像をオブジェクトとして含み、ドキュメント画面にオブジェクトの選択部が設けられ、選択部から所望とするオブジェクトを選択するとともに、ベース画像が表示されたドキュメント画面の所定の位置を指定することにより、選択されたオブジェクトを指定された位置に表示することを特徴とするものである。

さらに、本発明は、付加情報がテキスト情報をオブジェクトとして含み、オブジェクトの選択部でテキスト情報選択部を選択するとともに、ベース画像が表示されたドキュメント画面の所定の領域を指定し、テキスト情報を入力することにより、ベース画像が表示されたドキュメント画面の指定された領域に入力されたテキスト情報を表示することを特徴とするものである。

さらに、本発明は、ドキュメント画面が、付加情報が付加された状態で印刷または編集可能であることを特徴とするものである。

さらに、本発明は、ベース画像を含むドキュメント画像とともに、ドキュメント画像に付加された付加情報の一覧を示す画面を表示することを特徴とするものである。

さらに、本発明は、付加情報の一覧を示す画面が、付加情報をドキュメント画面に付加された順に表示されることを特徴とするものである。

本発明によると、ベース画像とともに、これを表示する画面にコメントや図形，シンボル，画像，線などの付加情報を付加することができて、このベース画像と付加された付加情報とを同時に閲覧することができ、ベース画像を見ながらこのベース画像に対する各付加情報の作成者による付加情報を同時に確認することができるし、この付加情報がベース画像のどの部分に対するものであるかも、一目で確認することが可能となる。

図１は本発明による画像付きドキュメントの表示方法を実行するための表示システムの一実施形態を示す構成図である。 図１におけるデータベースの管理テーブルの一具体例を示す図である。 図２における各管理テーブルの一具体例を示す図である。 図３におけるタブ管理テーブルでの「タブ内の描画オブジェクトに関する情報」で管理される各オブジェクト（線や図形，コメント，シンポル・画像）のＸＭＬフォーマットで表わされる情報内容（属性）の一具体例を示す図である。 本発明による画像付きドキュメントの表示方法の一実施形態の一連の処理手順を示すフローチャートである。 図５でのステップＳ１０２で表示されるプロジェクト選択画面の一具体例を示す図である。 図６に示すプロジェクト選択画面でドキュメントを選択した状態を示す図である。 図７に示すドキュメントの選択によって表示されるドキュメント表示画面の一具体例を示す図である。 図５に示す処理手順でプロジェクト追加操作をしたときに表示されるプロジェクト選択画面の一具体例を示す図である。 図９に示すプロジェクト選択画面に続いて表示されるドキュメント追加操作画面の一具体例を示す図である。 図６に示すプロジェクト選択画面でコメント検索のための操作で表示されるコメント検索操作画面の一具体例を示す図である。 ドキュメント表示画面でシンボルを付加するためのシンボルアイコン一覧画面の一具体例を示す図である。 図１２に示すシンボルアイコン一覧画面で１つのシンボルアイコンを選択したときのドキュメント表示画面の一具体例を示す図である。 図１３に示すドキュメント表示画面で付加されたシンボルを拡大したときの表示状態を示す図である。 図８に示すオブジェクトが付加されたタブを保存するためのタブ保存方法選択画面の一具体例を示す図である。

以下、本発明の実施形態を図面を用いて説明する。

図１は本発明による画像付きドキュメントの表示方法を実行するための表示システムの一実施形態を示す構成図であって、１はサーバ、１ａはＷｅｂ（ウェブ）サーバ、１ｂはデータベース、２，２ａ〜２ｃはクライアントＰＣ（コンピュータ）、３はインターネットである。

同図において、この表示システムは、複数のクライアントＰＣ２，２ａ〜２ｃ（ここでは、便宜上、３個のクライアントＰＣを示しているが、その個数は限定されるものではない）が、インターネット３を介して、サーバ１に接続された構成をなしており、サーバ１はＷｅｂサーバ１ａとデータベース１ｂとから構成されている。データベース１ｂには、各クライアントＰＣ２，２ａ〜２ｃでＦＬＡＳＨを利用して作成されたベース画像を有するドキュメント（画像付きドキュメント）が格納されている。クライアントＰＣ２，２ａ〜２ｃでは、ＦＬＡＳＨやＦＬＡＳＨプラグインといったソフトウェアがインストールされており、このＦＬＡＳＨを利用して作成された画像付きドキュメントがＷｅｂサーバ１ａにアップロードされてデータベース１ｂに格納される。クライアントＰＣ２，２ａ〜２ｃで作成された画像付きドキュメントは全てデータベース１ｂに格納され、クライアントＰＣ２，２ａ〜２ｃのいずれから要求があっても、Ｗｅｂサーバ１ａはこのデータベース１ｂに格納されている画像付きドキュメントを要求があったクライアントＰＣ２，２ａ〜２ｃにダウンロードする。従って、クライアントＰＣ２，２ａ〜２ｃのいずれも、これらクライアントＰＣ２，２ａ〜２ｃのいずれもが作成した画像付きドキュメント（即ち、他のクライアントＰＣが作成した画像付きドキュメント）を取得して閲覧することができる。

なお、これらクライアントＰＣ２，２ａ〜２ｃは、全て同様の構成をなすものであり、以下では、クライアントＰＣ２に付いて説明するが、他のクライアントＰＣ２ａ〜２ｃについても、同様である。また、
Ｗｅｂサーバ１ａは、クライアントＰＣ２からの要求に応じて、データベース１ｂからこの要求に該当するドキュメントを取得し、Ｗｅｂページデータを作成し、インターネット３を介して要求のあったクライアントＰＣ２にダウンロードする。クライアントＰＣ２は、ＷｅｂブラウザにＦＬＡＳＨプラグインがインストールされており、これにより、Ｗｅｂサーバ１ａからの画像付きドキュメントを取得して表示する。

クライアントＰＣ２では、また、取得した画像付きドキュメントにコメントや人や車などを表わすシンボル，円などの図形、矢印などの線、縮小された画像などのオブジェクトを、付加情報として、付加することができ、この付加情報は、クライアントＰＣ２からの要求により、インターネット３を介してＷｅｂサーバ１ａにアップロードされる。Ｗｅｂサーバ１ａでは、取得した付加情報を、データベース１ｂでのクライアントＰＣ２でこの付加情報が付加された画像ドキュメントに該当する画像付きドキュメントと関連付けて、データベース１ｂに格納する。

また、クライアントＰＣ２では、新たな画像付きドキュメントを作成し、Ｗｅｂサーバ１ａにアップロードすることもできる。Ｗｅｂサーバ１ａは、かかる画像付きドキュメントも、データベース１ｂに追加格納する。

図２は図１におけるデータベース１ｂの管理テーブルの一具体例を示す図であって、４ａはユーザ管理テーブル、４ｂはプロジェクト管理テーブル、４ｃはドキュメント管理テーブル、４ｄはタブ管理テーブルである。

ユーザが新たに画像付きドキュメントを作成すると、この画像付きドキュメントに上位階層の「プロジェクト」が設定される。このプロジェクトは会議などの１つの作業に対して設定されるものであって、このプロジェクトには、１以上の画像付きドキュメントが含まれる。例えば、会議中での黒板のメモや同じ会議の結果などを写真撮影して夫々の画像を作成した場合、これらの画像毎に画像付きドキュメントを作成することにより、これら画像付きドキュメントは１つのプロジェクトに属することになる。また、この同じ会議について、後に新たな画像を作成し、この画像に対して画像付きドキュメントを作成した場合、この画像付きドキュメントを上記の同じプロジェクトに追加することもできる。なお、ユーザが新たに画像付きドキュメントを作成して新たにプロジェクトを作成する場合は、このユーザがこのプロジェクトの作成者となるが、既に作成されているプロジェクトへの新たな画像付きドキュメントの追加は、このプロジェクトの作成者以外のユーザも可能である。

また、画像付きドキュメントは、その画像に対して、複数のタブが設定されており、この画像付きドキュメントが作成されて新たなプロジェクトが設定され、この画像付きドキュメントに対して手を加えられていないときには、１つのタブが使用され（残りのタブを、以下、予備タブという。これに対して、使用されるタブは、断らない限り、単にタブということにする）、このタブに撮影されたときのままのペース画像が表示されることになる。ユーザがこのタブで画像にコメントを追加するなど画像に手を加え、これを別のタブで保管することを指示すると、予備タブの１つが使用されて、この画像付きドキュメンとに対して、タブが増加することになる。

データベース１ａは、図２に示すように、このような作成者やプロジェクト，画像付きドキュメント，タブを管理するテーブルを備えたものである。

ここで、データベース１ａには、プロジェクトの作成者を管理するユーザ管理テーブル４ａと、作成されたプロジェクトを管理するプロジェクト管理テーブル４ｂと、画像付きドキュメントを管理するドキュメント管理テーブル４ｃと、ドキュメント毎に設定されるタブや画像付きドキュメントの作成の際に入力される参考メモを管理するタブ管理テーブル４ｄとが設定されており、タブ管理テーブル４ｄでは、タブ毎に画像付きドキュメントの画像に付加された付箋や線などの図形，テキスト（文字列），マークなども管理されている。なお、以下では、かかる図形やマークを、まとめていう場合、「シンボル」ということにする。

図示する例では、ユーザ管理テーブル４ａでは、作成者として、「Ａさん」，「Ｂさん」，「Ｃさん」が管理されており、このデータベース１ｂでは、この３人の作成者のプロジェクト、従って、画像付きドキュメントが格納されて管理されていることになる。プロジェクト管理テーブル４ｂでは、「プロジェクトＡ」，「プロジェクトＢ」，「プロジェクトＣ」が管理されているが、ここでは、プロジェクトＡは作成者「Ａさん」によるもの、プロジェクトＢは作成者「Ｂさん」によるもの、プロジェクトＣは作成者「Ｃさん」によるものである。

ドキュメント管理テーブル４ｃでは、画像付きドキュメント１，２，３が管理されているが、ここでは、画像付きドキュメント１，２はプロジェクトＡに属しているものとしている。タブ管理テーブル４ｄでは、上記のように、ドキュメント毎に設定されるタブや画像付きドキュメントの作成の際に入力される参考メモが管理されるものであるが、ここでは、画像付きドキュメント１について示している。

図３は図２における各管理テーブルの一具体例を示す図である。

同図において、ユーザ管理テーブル４ａは、管理項目「フィールド名」４ａ₁，ユーザに割り当てられたＩＤ（識別子）である管理項目「ユニークＩＤ」４ａ₂，ユーザに割り当てられた名称である管理項目「ユーザ名」４ａ₃，ユーザに割り当てられた管理項目「パスワード」４ａ₄及びユーザの名前であって、ユーザを表わすために表示される管理項目「表示名」４ａ₅を管理するものである。

プロジェクト管理テーブル４ｂは、管理項目「フィールド名」４ｂ₁，プロジェクトに割り当てられたＩＤである管理項目「ユニークＩＤ」４ｂ₂，プロジェクトのタイトルを表わす管理項目「プロジェクトタイトル」４ｂ₃，プロジェクトに割り当てられた管理項目「管理コード」４ｂ₄，管理項目「備考」４ｂ₅，ユーザ管理テーブル４ａの管理項目「ユニークＩＤ」４ａ₂で表わされる管理項目「作成者のユニークＩＤ」４ｂ₆，プロジェクトの管理項目「作成日時」４ｂ₇，このプロジェクトでの画像付きドキュメントを最後に更新したユーザを表わす管理項目「最終更新ユーザのユニークＩＤ」４ｂ₈，その管理項目「最終更新日時」４ｂ₉，このプロジェクトを使用可能なユーザを表わす管理項目「限定ユーザリスト」４ｂ₁₀を管理する。ここで、管理項目「管理コード」４ｂ₄は、プロジェクトの検索に用いられるものである。

ドキュメントプロジェクト管理テーブル４ｃは、管理項目「フィールド名」４ｃ₁，画像付きドキュメントに割り当てられたＩＤである管理項目「ユニークＩＤ」４ｃ₂，画像付きドキュメントが属するプロジェクトを表わす管理項目「ドキュメントが所属するプロジェクトのユニークＩＤ」４ｃ₃，画像付きドキュメントのタイトルを表わす管理項目「タイトル」４ｃ₄，管理項目「ベース画像に関する情報」４ｃ₅，ユーザ管理テーブル４ａの管理項目「ユニークＩＤ」４ａ₂で表わされる管理項目「作成者のユニークＩＤ」４ｃ₆，画像付きドキュメントの管理項目「作成日時」４ｃ₇，この画像付きドキュメントを最後に更新したユーザを表わす管理項目「最終更新ユーザのユニークＩＤ」４ｃ₈，その管理項目「最終更新日時」４ｃ₉，この画像付きドキュメントを更新できないようにロックしているユーザを表わす管理項目「ドキュメントロックしているユーザのユニークＩＤ」４ｃ₁₀，この管理項目「ドキュメントロック開始日時」４ｃ₁₁を管理する。ここで、管理項目「ベース画像に関する情報」４ｃ₅では、ベース画像がＸＭＬ言語で表わされる。

タブ管理テーブル４ｄは、管理項目「フィールド名」４ｄ₁，このタブが所属する画像付きドキュメントを表わす管理項目「タブが所属するドキュメントのユニークＩＤ」４ｄ₂，このタブが所属するプロジェクトを管理項目「タブが所属するプロジェクトのユニークＩＤ」４ｄ₃，管理項目「タブが所属するドキュメントのユニークＩＤ」４ｄ₂で指定される画像付きドキュメントでのこのタブの位置を表わす管理項目「ドキュメント内でのタブの位置」４ｄ₄，管理項目「タブのキャプション」４ｄ₅，このタブ内で描画される線や図形，コメント，シンボル・画像といった付加情報となり得るもの（即ち、オブジェクト）に関する情報である管理項目「タブ内の描画オブジェクトに関する情報」４ｄ₆，このタブに付加されている検索の対象となるテキストである管理項目「ドキュメント全文検索用の検索対象文字列」４ｄ₇を管理する。管理項目「タブ内の描画オブジェクトに関する情報」４ｄ₆では、コメントなどのオブジェクトの位置やサイズ，色，透明度などの情報が管理され、また、図形とコメントなど異なるオブシェクトが関連している場合（グループ化）には、その点についての情報も管理される。

図４は図３におけるタブ管理テーブル４ｄでの管理項目「タブ内の描画オブジェクトに関する情報」４ｄ₆で管理される各オブジェクト（線や図形，コメント，シンポル・画像）のＸＭＬフォーマットで表わされる情報内容（属性）の一具体例を示す図である。

同図において、タブ管理テーブル４ｄでの管理項目「タブ内の描画オブジェクトに関する情報」４ｄ₆で管理される各オブジェクトは、その属性がＸＭＬ言語で表わされている。

「線（直線）」を表わすオブジェクト、即ち、線オブジェクトの属性としては、図示するように、直線の表示位置を表わす「配置Ｘ座標」，「配置Ｙ座標」（これらは、表示画面で指示した直線の指示開始点の位置座標）、表示画面で表示設定した線を移動できないようにする「移動禁止フラグ」、表示する線の「太さ」，「色」、表示する線の領域の「幅」，「高さ」（線が傾斜した線の場合は、この領域の対向する角部がこの線の夫々の端部となり、その端部の１つの座標位置が、上記の「配置Ｘ座標」，「配置Ｙ座標」で表わされる。また、水平な直線に対しては、「高さ」＝０となり、垂直な直線に対しては、「幅」＝０となる）、線の「表示透明度」、矢印の有無によって直線の種類を表わす「矢印分類」が管理される。

「図形（矩形・楕円）」を表わすオブジェクト、即ち、図形オブジェクトの属性としては、図示するように、図形の表示位置を表わす「配置Ｘ座標」，「配置Ｙ座標」（これらは、表示画面で指示した図形の指示開始点の位置座標）、表示画面で表示設定した図形を移動できないようにする「移動禁止フラグ」、矩形，楕円という図形の種類を表わす「図形種類」、表示する図形の「幅」，「高さ」、図形の線の太さ，色を表わす「外周線の太さ」，「外周線の色」、図形内の塗り潰しをすることを「塗り潰しフラグ」、この塗り潰しの色，透明度を表わす「塗り潰しの色」，「塗り潰しの透明度」が管理される。

「コメント」を表わすオブジェクト、即ち、コメントオブジェクトの属性としては、図示するように、コメントの表示位置を表わす「配置Ｘ座標」，「配置Ｙ座標」（これらは、表示画面で指示したコメントの表示領域の指示開始点の位置座標）、表示画面で表示設定したコメントを移動できないようにする「移動禁止フラグ」、「フォント名」、「文字サイズ」、「文字色」、文字を太字で表示することを指示する「文字太字フラグ」、コメントを付箋（枠）内に表示するか否かを表わす「付箋表示フラグ」、この付箋に関する「付箋外周線」，「付箋塗り潰し色」，「付箋塗り潰し透明度」、このコメントの作成者を表わす「最終更新ユーザ名」、さらに、「紐付けＵＲＬ」が管理される。そして、該当するコメントの文字列も管理される。

「シンボル」や「画像」を表わすオブジェクト、即ち、シンボル・画像オブジェクトの属性としては、図示するように、シンボルや画像の表示位置を表わす「配置Ｘ座標」，「配置Ｙ座標」（これらは、表示画面で指示したシンボルや画像の表示領域の指示開始点の位置座標）、表示画面で表示設定したシンボルや画像を移動できないようにする「移動禁止フラグ」、「画像種別」、「画像保存パス」（かかる画像はサーバ１（図１）に保存されている）、シンボルや画像の「表示倍率」や「表示透過度」が管理される。ここで、画像はサーバ１で所定の大きさ，所定の表示透過度で保存されており、クライアントＰＣ２（図１）でその大きさや表示透明度を変化させることができる。

各画像付きドキュメントでは、そのとき表示されているタブのベース画像にオブジェクトが付加されると、かかるオブジェクトが、上記のＸＬＭフォーマットで表わされて、データベース１Ｂ（図１）でのこの画像付きドキュメントのこのタブに該当するタブ管理テーブル４ｄの管理項目「タブ内の描画オブジェクトに関する情報」４ｄ₆で管理される。そして、オブジェクトが「コメント」である場合には、これがこのタブ管理テーブル４ｄの管理項目「ドキュメント全文検索用の検索対象文字列」４ｄ₇で管理されることになる。

次に、図１に示すシステムで実行されるクライアントＰＣ２での本発明による画像付きドキュメントの表示方法の一実施形態を図５〜図１５を用いて説明する。

図５はこの画像付きドキュメントの表示方法を実行するクライアントＰＣ２での一連の処理手順を示すフローチャートである。

図１及び図５において、まず、クライアントＰＣ２でサーバ１にログインすると（図５のステップＳ１００）、サーバ１では、Ｗｅｂサーバ１ａがデータベース１ｂでの全てのプロジェクトのプロジェクト管理テーブル４ａを読み取り、これらプロジェクトによるＷｅｂページデータを作成して要求のあったクライアントＰＣ２にダウンロードする。これにより、このクライアントＰＣ２では、このＷｅｂページデータを取得し、そのディスプレイの表示画面にプロジェクト一覧を示すプロジェクト一覧画面が表示される（図５のステップＳ１０１）。そして、このプロジェクト一覧からユーザが所望とするプロジェクトを選択操作すると、このプロジェクト一覧とともに、この選択されたプロジェクトの詳細情報とこのプロジェクトに所属するドキュメントの一覧を表わすプロジェクト選択画面が表示される（図５のステップＳ１０２）。

図６はかかるプロジェクト選択画面の一具体例を示す図であって、１０はプロジェクト選択画面、１１はプロジェクト一覧画面、１２はプロジェクト詳細画面エリア、１３はドキュメント一覧画面、１４はプロシェクト欄、１５はスクロール操作部、１６は「追加」ボタン、１７は「削除」ボタン、１８は「コメント検索」ボタン、１９は検索コード入力部、２０は「検索」ボタン、２１はカーソル、２２は矢印、２３は備考欄、２４はドキュメント欄、２４ａはベース画像、２４ｂは属性データ、２５はスクロール操作部、２６は「変更を適用」ボタン、２７は「取消し」ボタン２７、２８は「追加」ボタン、２９は「削除」ボタン、３０は「変更を適用」ボタン、３１は「開く」ボタンである。

同図において、このプロジェクト選択画面１０では、その右半分のエリアに、１以上のプロジェクト欄１４が縦方向に配列されたプロジェクト一覧画面１１が表示される。これらプロジェクト欄１４には、サーバ１でデータベース１ｂから読み出された全てのドキュメントデータのものであり、夫々のブロジェクトデータ１４は、図３に示すプロジェクト管理テーブル４ｂから読み取った管理項目「プロジェクトタイトル」４ｂ₃や管理項目「管理コード」４ｂ₄，管理項目「作成したユーザのユニークＩＤ」４ｂ₆に基づくこのプロジェクトの作成者の図３に示すユーザ管理テーブル４ａでの管理項目「ユーザ名」４ａ₃，この作成者による図３に示すプロジェクト管理テーブル４ｂから読み取った管理項目「作成日時」４ｂ₇などのブロジェクトデータが表示される。このプロジェクト一覧画面１１で同時に表示されるプロジェクト欄１４の個数には限りがあり、このため、このプロジェクト一覧画面１１の右変にスクロール操作部１５が設けられ、このスクロール操作部１５を操作することにより、プロジェクト一覧画面１１でプロジェクト欄１４の配列を上下にスクロールさせることができ、表示できなかったプロジェクト欄１４を表示させることができる。

また、プロジェクト一覧画面１１の上辺部には、プロジェクトを追加するための「追加」ボタン１６と、プロジェクト一覧画面１１のプロジェクト欄１４を削除するための「削除」ボタン１７と、コメントをキーワードとしてドキュメントを検索するための「コメント検索」ボタン１８とが設けられている。プロジェクト一覧画面１１で不要とするプロジェクト欄１４を指定し、「削除」ボタン１７を操作すると、プロジェクト一覧画面１１からこのプロジェクト欄１４が削除される。かかる操作は図１でのＷｅｂサーバ１ａに通知され、これにより、Ｗｅｂサーバ１ａはデータベース１ｂでのこのプロジェクト欄１４に該当するドキュメントデータが削除される。これは、図３でのこのプロジェクト欄１４に該当する各管理テーブル４ｂ，４ｃ，４ｄが削除され、このプロジェクトのみを作成したユーザに対しては、そのユーザ管理テーブル４ａも削除される。

なお、「追加」ボタン１６と「コメント検索」ボタン１８については、後に説明する。

さらに、プロジェクト選択画面１０のプロジェクト一覧画面１１の上側には、検索コード入力部１９と「検索」ボタン２０とが設けられている。これらは、ユーザが管理項目「管理コード」４ｂ₄から所望とするプロジェクトを指定し、これをプロジェクト一覧画面１１に表示させるものであり、ユーザが閲覧したいプロジェクトの検索コード、即ち、管理項目「管理コード」４ｂ₄を入力し、「検索」ボタン２０を操作すると、これに応じて、Ｗｅｂサーバ１ａでは、データベース１ｂでこの管理項目「管理コード」４ｂ₄のプロジェクトを検索し、その結果をＷｅｂページデータにして要求のあったクライアントＰＣ２にダウンロードする。これにより、このクライアントＰＣ２のプロジェクト選択画面１０では、そのプロジェクト一覧画面１１にこのプロジェクトのプロジェクト欄１４のみが表示される（あるいは、データベース１ｂで全てのプロジェクトのＷｅｂページデータが作成されてダウンロードされ、プロジェクト一覧画面１１でこれらの一覧が表示されるが、検索コードで検索したプロジェクトのプロジェクト欄１４をこの一覧の先頭に表示するようにしてもよい）。

なお、かかる画面が表示されるクライアントＰＣ２の表示画面では、カーソル操作により、所定のものを指定することができるようにするものであるが、表示画面にタッチパネルを設けてこの表示画面をタッチすることにより、その所定のものを指定することができるようにしてもよい。

図５でのステップＳ１０１では、プロジェクト選択画面１０は、以上のプロジェクト一覧画面１１と検索コード入力部１９と「検索」ボタン２０とが表示された状態にある。

図６に示すプロジェクト選択画面１０は、ステップＳ１０１で表示されたプロジェクト選択画面１０のプロジェクト一覧画面１１で所望のプロジェクト欄１４（ここでは、一例として、先頭に配列されたプロジェクト欄１４）を選択した状態を示すものであって、ステップＳ１０２での状態を示すものである。

かかるプロジェクト選択画面１０では、選択されたプロジェクト欄１４が枠状のカーソル２１などによってフォーカスされ、これとともに、プロジェクト選択画面１０の右半分、即ち、プロジェクト一覧画面１１の右側にプロジェクト詳細画面１２とドキュメント一覧画面１３とが縦方向に配列されて表示される。

なお、フォーカスされたプロジェクト欄１４内には、その右辺側にプロジェクト詳細画面１２やドキュメント一覧画面１３側に向いた矢印２２が表示される。この矢印は、右側にプロジェクト詳細画面１２やドキュメント一覧画面１３が表示されていることを示すものであり、換言すると、これらプロジェクト詳細画面１２やドキュメント一覧画面１３がこの矢印２２が表示されたプロジェクト欄１４のプロジェクトに所属するものであることを示している。

プロジェクト詳細画面１２では、この選択されたプロジェクト欄１４のプロジェクトに該当するデータベース１ｂ（図１）でのプロジェクト管理テーブル４ｂの属性データがこの選択されたプロジェクト欄１４の詳細データとして表示される。即ち、このプロジェクト管理テーブル４ｂの管理項目「プロジェクトタイトル」４ｂ₃が、図示するように、プロジェクト詳細画面１２で「プロジェクト名」として表示され、管理項目「作成日時」４ｂ₇が、図示するように、「作成日時」として表示され、管理項目「作成したユーザのユニークＩＤ」４ｂ₆に基づくこのプロジェクトの作成者の図３に示すユーザ管理テーブル４ａでの管理項目「ユーザ名」４ａ₃が、図示するように、「作成者」として表示され、管理項目「最終更新日時」４ｂ₉が、図示するように、「最終更新日時」として表示され、管理項目「最新更新ユーザのユニークＩＤ」４ｂ₈に基づく図３に示すユーザ管理テーブル４ａでの管理項目「ユーザ名」４ａ₃が、図示するように、「最終作成者」として表示される。また、Ｗｅｂサーバ１ａにより、データベース１ｂでのドキュメント管理テーブル４ｃでの管理項目「ドキュメントが所属するプロジェクトのユニークＩＤ」４ｃ₃を基に、この指定されたプロジェクトに所属するドキュメントの枚数が求められ、この枚数が、図示するように、「ドキュメント枚数」として表示される。また、このプロジェクト詳細画面１２では、備考欄２３も表示され、これにプロジェクト管理テーブル４ｂで管理される管理項目「備考」４ｂ₅の内容も表示される。

プロジェクト詳細画面１２には、また、例えば、参考欄２３の内容などプロジェクト詳細画面１２の記載内容を変更するための「変更を適用」ボタン２６や変更するために記載した内容を取り消すための「取消し」ボタン２７が設けられており、プロジェクト詳細画面１２での記載内容を変更したり、記載した変更内容を取り消したりすることができるようにしている。

ドキュメント一覧画面１３では、この選択されたプロジェクト欄１４に所属するドキュメントを示すドキュメント欄２４が縦方向に配列されて表示される。プロジェクト詳細画面１２で表示されるドキュメント枚数分のドキュメント欄２４がこのドキュメント一覧画面１３で表示可能であるが、同時に表示される枚数に限界があるので、このドキュメント一覧画面１３の右辺にスクロール操作部２５が設けられており、これを操作することによってドキュメント欄２４の配列が上下にスクロールし、これまで表示されていなかったドキュメント欄２４を表示させることができる。

各ドキュメント欄２４には、ベース画像２４ａとその属性データ２４ｂが表示されている。この属性データ２４ｂは、データベース１ｂでのドキュメント管理テーブル４ｃで管理される管理項目「タイトル」４ｃ₄や管理項目「ベース画像に関する情報」４ｃ₅などである。

なお、ドキュメント一覧画面１３の上辺側には、この指定されたプロジェクトに新たなドキュメントを追加するための「追加」ボタン２８と、このプロジェクトに所属するドキュメントを削除するための「削除」ボタン２９と、ドキュメントの内容を変更するための「変更を適用」ボタン３０と、表示されているドキュメント欄２４を開いてその内容を表示させるための「開く」ボタン３１とが設けられている。

このようにして、プロジェクト選択画面１０では、夫々のプロジェクトに対するプロジェクト欄１４の一覧が表示され、どのようなプロジェクトがあるのかを確認することができるし、そのうちの所望のプロジェクト欄１４を選択することにより、そのプロジェクト欄１４とともに、そのプロジェクトに所属するドキュメントのリストが表示されることになり、プロジェクトに所属するドキュメントを正確，確実に確認することができる。しかも、夫々のドキュメント欄２４には、ベース画像２４ａも表示されるので、そのドキュメントの概略の確認も容易に、かつ確実にできることになる。

このプロジェクト選択画面１０のドキュメント一覧画面１３でのドキュメント欄２４のいずれかを選択すると、プロジェクト選択画面１０では、図７に示すように、選択されたドキュメント欄２４が枠状のカーソル２１ａなどによってフォーカスされ（但し、図７においては、図６に対応する部分に同一符号を付し、かつ符号の一部は省略している）、「開く」ボタン３１を選択操作すると（図５のステップＳ１０３）、ドキュメント表示画面が表示される（図５のステップＳ１０４）。

図８はかかるドキュメント表示画面の一具体例を示す図であって、１６ａは「追加」ボタン、１７ａは「削除」ボタン、３２はドキュメント表示画面、３３はドキュメント画面、３４は付加オブジェクト一覧画面、３５₁〜３５₄はタブ、３６はベース画像、３７ａ〜３７ｄはコメント、３８は図形、３９ａ，３９ｂはシンボル、４０は画像，４１は線、４２はオブジェクト選択部、４２ａは文章アイコン、４３は「保存」ボタン、４４は「キャンセル」ボタン、４５は「印刷」ボタン、４６₁〜４６₉はオブジェクト欄、４７ａはロックアイコン、４７ｂはグルーピングアイコン、４８ａ，４８ｂはカーソル、４９ａ，４９ｂはスクロール操作部であり、前出図面に該当する部分には同一符号を付けて重複する説明を省略する。

同図において、ドキュメント表示画面３２は、ドキュメント画面３３と付加オブジェクト一覧画面３４とが左右に配列されて表示されたものである。

ドキュメント画面３３は、プロジェクト選択画面１０で選択されたドキュメントのデータベース１ｂで管理されるタブ管理テーブル４ｄ毎にタブ３５₁，３５₂，３５₃，３５₄，……（以下では、これらを総称する場合、タブ３５という）が設定され、そのうちの１つが開いた状態にある。ここでは、タブ３５₁が開いているものとする。

タブ３５では、ベース画像３６と、このベース画像３６に付加されたコメント３７ａ〜３７ｄ（以下、総称する場合には、コメント３７という）や図形３８，シンボル３９ａやシンボル３９ｂ（これらを、総称する場合には、シンボル３９という），画像４０，線４１といったオブジェクトが表示される。これらオブジェクトは、プロジェクタの作成者によって作成されたドキュメントに、この作成者やその他のユーザによって付加されたものであり、ドキュメントが作成されたときには、このドキュメントに対するタブ３５は１つだけであって、このタブ３５にベース画像３６のみが表示されている。従って、サーバ１のデータベース１ｂでも、ドキュメント管理テーブル４ｃに所属するタブ管理テーブル４ｄはこのときのタブ３５を管理するただ１つだけである。

タブ３５₁でのコメント３７は、データベース１ｂのタブ管理テーブル４ｄでの管理項目「ドキュメント全文検索用の検索対象文字列」４ｄ₇で管理され、図形３８やシンボル３９，画像４０，線４１のオブジェクトは、同じく管理項目「タブ内の描画オブジェクトに関する情報」４ｄ₆で管理されている。

各タブ３５では、ベース画像３６は同一であるが、このこと以外は表示内容が異なるものである。タブ３５では、後述するように、コメントや線，図形，シンボル，画像などのオブジェクトを追加することができ、かかるオブジェクトの追加前のタブ３５を残したまま、このオブジェクトを追加した新たな情報を保存する場合には、この新たな情報を追加した後、「保存」ボタン４３を操作することにより、新たなタブが設定されることになる。かかる新たなタブは、サーバ１のデータベース１ｂで新たなタブ管理テーブル４ｄによって管理される。このようにして、ドキュメント表示画面３２でタブ３５を追加することができる。なお、このための画面操作の詳細については、後述する。

また、ドキュメント画面３３で表示されているタブ３５は、「キャンセル」ボタン４４を操作することにより、そこに表示されるベース画像３６や付加されているオブジェクトが全て消去され、予備のタブとなる。従って、除去したいタブは、一旦これを選択し、「削除」ボタン１７ａを操作すればよい。１つのタブ３５が除去されると、次に配列されるタブ３５、または、それがないときには、最初に配列されるタブ３５が開いた状態となる。

また、「印刷」ボタン４５を操作することにより、開いているタブ３５の内容を印刷することができる。

なお、コメントや線，図形，シンボル，画像などのオブジェクトを追加する場合には、タブ３５の左辺側に設けられたオブジェクトのアイコンの一覧を表示したオブジェクト選択部４２が設けられており、そのうちの所望とするオブジェクトを、例えば、ドラッグアンドドロップすることにより、ベース画像３６に対して所定の位置に位置設定して表示させることができる。なお、コメントを追加する場合には、オブジェクト選択部４２での特定のアイコン、この場合には、文章アイコン４２ａを指定して、コメントの表示領域をその左上と右下の位置を指定すると、この表示領域が矩形状に表示され、キーボードなどによってコメントを入力すると、この表示領域内に入力したコメントが表示される。

付加オブジェクト一覧画面３４には、開いて表示されているタブ３５に付加されたコメント３７や図形３８，シンボル３９，画像４０，線４１といったオブジェクトが、新しく付加されたオブジェクトの順に、縦に配列されて表示される。これにより、タブ３５に付加されたオブジェクトを一覧でまとめて閲覧することができるとともに、オブジェクトの付加の履歴を知ることができる。

ここでは、図示するように、タブ３５₁には、コメント３７ａ〜３７ｄや図形３８，シンボル３９ａ，シンボル３９ｂ，画像４０，線４１のオブジェクトが付加されており、付加オブジェクト一覧画面３４では、付加が新しい順に、コメント３７ａに対するオブジェクト欄４６₁，コメント３７ｂに対するオブジェクト欄４６₂，シンボル３９ａに対するオブジェクト欄４６₃，コメント３７ｃに対するオブジェクト欄４６₄，図形３８に対するオブジェクト欄４６₅，シンボル３９ｂに対するオブジェクト欄４６₆，コメント３７ｄに対するオブジェクト欄４６₇，線４１に対するオブジェクト欄４６₈，画像４０に対するオブジェクト欄４６₉が表示される。この付加オブジェクト一覧画面３４によると、コメント３７ａがこのタブ３５₁に最初に付加されたオブジェクトである。なお、これらオブジェクト欄４６₁〜４６₉を総称する場合には、オブジェクト欄４６という。タブ３５に新らたなオブジェクトが付加されると、それに対するオブジェクト欄４６が付加オブジェクト一覧画面３４で先頭に付加される。

また、削除できないオブジェクトには、そのオブジェクト欄４６にロックアイコン４７ａが表示される。ここでは、一例として、オブジェクト欄４６₁にロックアイコン４７ａが付加されているが、これにより、タブ３５₁でのコメント３７ａは削除できない。

また、タブ３５に付加されたオブジェクトのうちで２つのオブジェクトが１つのグループをなすときには、これらのオブジェクトに対するオブジェクト欄４６に夫々グルーピングアイコン４７ｂが表示される。このグルーピングアイコン４７ｂが付加されたオブジェクト欄４６に対するタブ３５におけるオブジェクトは、１つのグループをなして互いに近接して配置されることになる。ここでは、オブジェクト欄４６₂，４６₃にグルーピングアイコン４７ｂが付加されており、これにより、シンボル３９ａとコメント３７ｂとがグループ化されている。開いているタブ３５の付加オブジェクト一覧画面３４でのロックアイコン４７ａが付加されていないオブジェクト欄４６（ここでは、オブシェクト欄４６₁）を指定し、オブジェクト選択部４２の中の削除アイコン（図８に示す例では、上から７番目の消しゴム印のアイコン４２ａ’）を操作すると、タブ３５でのこのオブジェクト欄４６に該当するオブジェクトが削除され、これとともに、このオブジェクトに対応するオブジェクト欄４６も削除されるが、２つのオブジェクトがグループ化されているときには、そのいずれか一方（例えば、コメント３７ｂ）を指定してオブジェクト選択部４２中の削除アイコン４２ａ’を操作すると、このコメント３７ｂとこれに該当するオブジェクト欄４６₂が削除されるが、これとともに、このコメント３７ｂとグループ化されているシンボル３９ａも、これに該当するオブジェクト欄４６₃とともに、同時に削除される。

なお、タブ３５での所望とするオブジェクトを選択すると、このオブジェクトが枠状のカーソル４８ａでフォーカスされるとともに、これに該当するオブジェクト欄４６も、同様に、枠状のカーソル４８ｂでフォーカスされ、逆に、付加オブジェクト一覧画面３４で所望とするオブジェクト欄４６を選択すると、このオブジェクト欄４６が枠状のカーソル４８ｂでフォーカスされるとともに、これに該当するタブ３５でのオブジェクトも、同様に、枠状のカーソル４８ａでフォーカスされる。図示する例では、コメント３７ｂ，オブジェクト欄４６₂のいずれかが選択されたことにより、これらコメント３７ｂ，オブジェクト欄４６₂がフォーカスされている状態を示す。

また、オブジェクト選択部４２の所望のアイコンを選択状態として、選択状態にあるタブ内の所望の位置でマウスをクリックまたはタッチすると、開いているタブ３５に新たなオブジェクトを追加することができ、これとともに、このオブジェクトに対するオブジェクト欄４６が付加オブジェクト一覧画面３４に先頭の位置で追加される。

このように、オブジェクト選択部４２の各アイコンの操作により、不要なオブジェクトを削除したり、必要なオブジェクトを該当位置に追加したりすることができ、タブ３５の編集が可能となる。

また、「追加」ボタン１６ａを操作すると、後述する図１５でのタブ保存方法選択画面７３が表示され、タブを追加することが可能である。

なお、各タブ３５には、そこに表示される内容を上下にスクロールするためのスクロール操作部４９ａが設けられ、付加オブジェクト一覧画面３４にも、オブジェクト欄４６の一覧を上下にスクロールするためのスクロール操作部４９ｂが設けられている。

以上は図５でのステップＳ１０４の説明であったが、次に、プロジェクトの追加、コメント検索について説明する。

《プロジェクトの追加》
先に、図５のステップＳ１０１について説明したが、このときのプロジェクト選択画面１０は、図６に示すプロジェクト選択画面１０でプロジェクト詳細画面１２が表示されていないものであった。以下では、かかるプロジェクト選択画面をプロジェクト選択画面１０’ということにする。

かかるプロジェクト選択画面１０’の表示状態にあるときに、このプロジェクト選択画面１０’のプロジェクト一覧画面１１に表示される「追加」ボタン１６が操作されると、プロジェクト選択画面１０’上に図９に示すプロジェクト追加操作画面が表示される（図５のステップＳ１０５）。

なお、図９において、５０はプロジェクト追加操作画面、５１は「プロジェクト名」入力部、５２は「コード」入力部、５３は「備考」入力部、５４は「ＯＫ」ボタン、５５は「キャンセル」ボタンであり、図６に対応する部分には同一符号をつけて重複説明を省略する。なお、プロジェクト一覧画面１１では、ここでは説明を必要としないので、各部の符号を省略している。

図９において、プロジェクト選択画面１０’上でプロジェクト一覧画面１１に一部重複して、プロジェクト追加操作画面５０が表示される。このプロジェクト追加操作画面５０では、「プロジェクト名」入力部５１，「コード」入力部５２，「備考」入力部５３，「ＯＫ」ボタン５４，「キャンセル」ボタン５５が設けられ、「プロジェクト名」入力部５１に追加するプロジェクトの名称（例えば、会議の名称）を、「コード」入力部５２にこのプロジェクトに付加するコードを夫々入力し、備考欄５３にこのブロジェクトの補足情報（このプロジェクトの作成者の氏名やドキュメントのタイトル，作成者の氏名など）を入力して「ＯＫ」ボタン５４を操作すると、このプロジェクト追加選択画面５０に代わって、ドキュメント追加操作画面が表示される（図５のステップＳ１０６）。

また、プロジェクト追加操作画面５０で上記の各情報を入力後、「ＯＫ」ボタン５４が操作されると、これら入力情報はクライアントＰＣ２のメモリに記憶されて保持される。

また、図９でのプロジェクト追加操作画面５０の「コード」入力部５２に入力されるコードは、プロジェクト一覧画面１１で表示されるプロジェクト欄１４に使用されていないものでなければならず、追加プロジェクトの作成者は、プロジェクト一覧画面１１を確認して、プロジェクト一覧画面１１のプロジェクト欄１４に使用されないコードを入力する。「コード」入力部５２でコードが入力されると、このコードがＷｅｂサーバ１ａに送信される。Ｗｅｂサーバ１ａは、このコードが、管理項目「管理コード」４ｂ₄として、他のプロジェクトで使用されていないか否かを判定し、他のプロジェクトで使用されている場合には、これをクライアントＰＣに通知する。これにより、プロジェクト追加操作画面５０では、「コード」入力部５２に入力されたコードを消去し、再度コードを入力することを要求する。

なお、プロジェクト追加操作画面５０で「キャンセル」ボタン５５が操作されると、プロジェクト追加操作画面５０が消去され、もとのプロジェクト選択画面１０’だけが表示された状態に戻る。

上記のように、図９に示すプロジェクト追加操作画面５０で「ＯＫ」ボタン５４が操作されると、このプロジェクト追加操作画面５０に代わってドキュメント追加操作画面が表示される（図５のステップＳ１０６）。

図１０はかかるドキュメント追加操作画面の一具体例を示す図であって、５６はこのドキュメント追加操作画面、５７はベース画像入力部、５８は「アップロード開始」ボタン、５９ａは「参照」ボタン、５９ｂは「キャンセル」ボタンであり、図６に対応する部分には同一符号をつけて重複説明を省略する。なお、プロジェクト一覧画面１１については、ここでは説明を必要としないので、その各部の符号を省略している。

同図において、ドキュメント追加操作画面５６は、プロジェクト一覧画面１１に一部重複して表示され、ベース画像入力部５７と「アップロード開始」ボタン５８と「キャンセル」ボタン５９ｂとが設けられている。

ベース画像入力部５７では、その「参照」ボタン５９ａを操作してクライアントＰＣ２に保存されたベース画像を選択指定することにより、所望のベース画像を入力することができ、「アップロード開始」ボタン５８を操作することにより、先にプロジェクト追加操作画面５０で入力されてメモリに保存されているプロジェクトの情報とともに、この入力されたベース画像がＷｅｂサーバ１ａ（図１）にアップロードされる。

Ｗｅｂサーバ１ａでは、この追加するプロジェクトに対して、プロジェクト管理テーブル４ｂ（図３）が、ベース画像からなるそのドキュメントに対して、ドキュメント管理テーブル４ｃとタブ管理テーブル４ｄとが作成される。また、この新たなプロジェクトの作成者がユーザ管理テーブル４ａ（図３）で管理されているかどうかをデータベース１ｂで検索し、管理されていれば、処理を終了するが、管理されていなければ、この作成者のユーザ管理テーブル４ａを作成する。

この新たなプロジェクトのプロジェクト管理テーブル４ｂは、管理項目「ユニークＩＤ」４ｂ₂や管理項目「作成日時」４ｂ₇が登録されるとともに、「プロジェクト名」入力部５１で入力されたプロジェクト名が管理項目「プロジェクトタイトル」４ｂ₃として、「コード」入力部５２に入力されたコードが管理項目「管理コード」４ｂ₄として、作成者に対して管理項目「作成したユーザのユニークＩＤ」４ｂ₆が登録されるなどして、作成される。

また、この新たなドキュメントのドキュメント管理テーブル４ｃは、管理項目「ユニークＩＤ」４ｃ₂や管理項目「ドキュメントが所属するプロジェクトのユニークＩＤ」４ｃ₃，管理項目「作成日時」４ｃ₇が登録されるとともに、プロジェクト追加操作画面５０の「備考」入力部５３で入力された情報を基に、ドキュメントのタイトルが管理項目「タイトル」４ｃ₄として、ベース画像に関する情報が管理項目「ベース画像に関する情報」４ｃ₅として夫々登録され、このドキュメントの作成者に対して管理項目「作成したユーザのユニークＩＤ」４ｃ₆が登録されるなどして、作成される。この場合には、また、オブジェクトは付加されていないので、ドキュメント管理テーブル４ｃ（図３）での管理項目４ｃ₈〜４ｃ₁₁については、登録が行なわれていない。

さらに、この新たなドキュメントに対して、ベース画像だけの１つのタブ３５に対するタブ管理テーブル４ｄ（図３）が作成されるが、このタブ管理テーブル４ｄでは、管理項目４ｄ₂〜４ｄ₅が登録されるが、このタブ３５では、ベース画像だけを含むものであるから、管理項目４ｄ₆，４ｄ₇では、登録が行なわれない。

なお、ベース画像は、ドキュメント管理テーブル４ｃでの管理項目「ベース画像に関する情報」４ｃ₅に関連付けられている。

図１０に示すドキュメント追加操作画面５６の「ダウンロード開始」ボタン５８が操作されると（図５のステップＳ１０６）、このように、Ｗｅｂサーバ１ａで各管理テーブル４ｂ〜４ｄが作成され、ベース画像３６とともに、データベース１ｂに格納されるが、これとともに、Ｗｅｂサーバ１ａはかかる管理テーブル４ｂ〜４ｄの情報からＷｅｂページデータを作成し、これをクライアントＰＣ２にダウンロードする。これにより、クライアントＰＣ２では、その表示画面に図６に示すプロジェクト選択画面１０を表示する（図５のステップＳ１０２）。この場合のプロジェクト選択画面１０では、プロジェクト一覧画面１１で新たに追加されたプロジェクトのプロジェクト欄１４が先頭に選択されてフォーカスされた状態で表示され、従って、このプロジェクト欄１４に対するプロジェクト詳細画面１２やドキュメント一覧画面１３も表示される。但し、この場合のドキュメント一覧画面１３では、ドキュメント欄２４はベース画像２４ａのみからなる１つのタブのドキュメントのドキュメント欄２４だけである。

このプロジェクト選択画面１０でも、ドキュメント欄２４を選択し、図６における「聞く」ボタン３１を押下することにより（図７：図５のステップＳ１０３）、図８に示すようなドキュメント表示画面３２が表示される。但し、このドキュメント表示画面３２では、ベース画像３６だけが表示される（図５のステップＳ１０４）。

なお、かかるプロジェクトの追加のための操作として、図５のステップＳ１０１で表示されるプロジェクト選択画面１０’での「追加」ボタン１６の操作によって行なわれるものとしたが、かかる「追加」ボタン１６が設けられた他の画面、例えば、図６に示すプロジェクト選択画面１０であっても、同様に、プロジェクトの追加のための操作が可能である。

《コメント検索》
先に説明した図５のステップＳ１０１でのプロジェクト選択画面１０’の表示状態にあるときに、このプロジェクト選択画面１０’のプロジェクト一覧画面１１に表示される「コメント検索」ボタン１７が操作されると、プロジェクト選択画面１０’上に図１１に示すドキュメント検索操作画面が表示され（図５のステップＳ１０７）、これに所望とするコメントを入力すると、このコメントを含むドキュメントが検索されて表示される（図５のステップＳ１０８）。

なお、図１１において、６０はコメント検索操作画面、６１はコメント入力部、６２は「検索開始」ボタン、６３は「終了」ボタン、６４は検索ドキュメント表示エリア、６５は「ドキュメントを開く」ボタン、６６はプロジェクト欄，６７はカーソルであり、図６に対応する部分には同一符号をつけて重複説明を省略する。なお、プロジェクト一覧画面１１については、ここでは説明を必要としないので、その各部の符号を省略している。また、図１１はドキュメントが検索された状態を示している。

図１１において、上記のステップＳ１０７のときには、プロジェクト選択画面１０’上でプロジェクト一覧画面１１に一部重複して、ドキュメント検索操作画面６０が表示される。このドキュメント検索操作画面６０では、これが表示されたときには、コメント入力部６１と「検索開始」ボタン６２と「終了」ボタン６３と検索ドキュメント表示エリア６４と「ドキュメントを開く」ボタン６５とが表示されるが、まだドキュメントの検索が行なわれていないので、検索ドキュメント表示エリア６４には、何も表示されていない。

コメント入力部６１に所望のコメントが入力され、「検索開始」ボタン６２が操作されると、この入力されたコメントがＷｅｂサーバ１ａ（図１）に送信される。Ｗｅｂサーバ１ａは、データベース１ｂ（図１）でタブ管理テーブル４ｄの「ドキュメント全文検索用の検索対象文字列」４ｄ₇を検索して、タブにこのコメントを含むドキュメントを有するプロジェクトをドキュメント管理テーブル４ｃとプロジェクト管理テーブル４ｂとから決定し、これをクライアントＰＣ２に通知する。これにより、ドキュメント追加操作画面６０の検索ドキュメント表示エリア６４に検索されたプロジェクトのプロジェクト欄６６が表示される。

ここで、検索されたプロジェクトは１つとして、検索ドキュメント表示エリア６４に１つのプロジェクトのプロジェクト欄６６が表示されるが、複数のプロジェクトが検索された場合には、夫々毎のプロジェクト欄６６が表示されることになる。

プロジェクト欄６６には、データベース１ｂでのプロジェクト管理テーブル４ｂの「プロジェクトタイトル」４ｂ₃で管理されているプロジェクト名や「管理コード」４ｂ₄で管理されているコード、ドキュメント管理テーブル４ｃの「タイトル」４ｃ₄で管理されているドキュメント名、タブ管理テーブル４ｄの「タブのキャプション」４ｄ₅で管理されている見出しなどが表示される。ここでは、検索コメントを含むタブが１つの場合を示し、このため、表示されるタブが１つでこれを含む１つのドキュメントが表示されるが、複数のタブに検索コメントが含まれ、しかも、これらのタブが異なるドキュメントに所属する場合には、夫々のドキュメント名が表示されるとともに、夫々のドキュメント名毎にこれに所属するタブの見出しが表示される。

このようにして、ドキュメント検索操作画面６０の検索ドキュメント表示エリア６４に検索結果としてのプロジェクト欄６６が表示されるが、このプロジェクト欄６６のいずれかを指定すると、このプロジェクト欄６６が枠状のカーソル６７などによってフォーカスされ、「ドキュメントを開く」ボタン６５が操作されると、図８に示すドキュメント表示画面３２が、ドキュメント検索操作画面６０のコメント入力部６１で入力されたコメントを含むタブ３５がドキュメント画面３３で開かれ、このタブ３５に対する付加オブジェクト一覧画面３４が表示された状態で、表示される（図５のステップＳ１０４）。

なお、ドキュメント検索操作画面６０で「終了」ボタン６３が操作されると、このドキュメント検索操作画面６０が消去されて、もとのプロジェクト選択画面１０’あるいはプロジェクト選択画面１０の表示状態に戻る。

以上のように、コメントを基にドキュメントの検索が可能であり、この検索の結果、このコメントを含むタブを直接閲覧することが可能となり、検索の手間と時間とを大幅に省くことが可能となる。

図８に示すドキュメント表示画面３２では、上記のように、オブジェクト選択部４２で所望とするオブジェクトアイコンを選択（例えば、ドラッグアンドドロップ）することにより、開かれているタブ３５に新たにオブジェクトを付加することができる。以下、付加するオブジェクトをシンボルとして、その一例を説明する。

ドキュメント表示画面３２のオブジェクト選択部４２でシンボルアイコン４２ｂが選択操作されると（図５のステップＳ１０９の“Ｙ”）、図１２に示すように、このシンボルアイコン４２ｂからシンボルアイコン一覧画面６８が展開される。

なお、図１２において、６８はシンボルアイコン一覧画面、６９はシンボルアイコン、７０はスクロール操作部であり、前出図面に対応する部分には同一符号をつけて重複する説明を省略する。

また、この図１２では、タブ３５₁がベース画像３６のみを有するものとしているが、これは、図８に示すドキュメント表示画面３２のように、タブ３５₁にオブジェクトが付加されていても、オブジェクト選択部４２の中の「削除」アイコン４２ａ’を選択状態とし、削除したいオブジェクト上でマウスの左クリック操作をすることにより、削除することができるものであるから、ベース画像３６のみが表示される作成時の状態のタブとすることができる（但し、この場合には、付加オブジェクト一覧画面３４には、ロックアイコン４７ａが設定されたオブジェクト欄４６が１つもないものとする。かかるオブジェクト欄４６が存在する場合には、これは削除されずに残ることになる）。

このシンボルアイコン一覧画面６８には、複数のシンボルアイコン６９が一覧で示されており、このシンボルアイコン一覧画面６８で全てのシンボルアイコン６９が表示しきれない場合には、このシンボルアイコン一覧画面６８に設けられたスクロール操作部７０を操作することにより、このシンボル６９の一覧が上下にスクロールし、このとき表示されていないシンボルアイコン６９を表示させることができる。

かかるシンボルアイコン一覧画面６８の所望とするシンボルアイコン６９を現在開いているタブ３５₁の所定の位置にドラッグアンドドロップすると（図５のステップＳ１１０）、このシンボルアイコン６９がシンボルアイコン一覧画面６８のこの位置に表示され、図１３に示すように、このシンボルアイコン６９によるシンボル３９ｃがタブ３５₁に付加されたことになる（図５のステップＳ１１１）。

なお、図１３において、３９ｃはシンボル、４２ｃは拡大アイコン、４２ｄは縮小アイコン、４２ｅは文字サイズ変更アイコン、７１はエリア枠、７２は矢印カーソルであり、前出図面に対応する部分には同一符号をつけて重複する説明を省略する。

このように、シンボル３９ｃがタブ３５₁に付加されるとともに、このシンボル３９ｃに関する属性情報（その種類や設定位置，表示倍率など）がＷｅｂサーバ１ａ（図１）に転送され、データベース１ｂ（図１）の該当するタブ管理テーブル４ｄ（図３）の「タブ内の描画オブジェクトに関する情報」４ｄ₆に登録されて管理されるとともに（図５のステップＳ１１２）、付加オブジェクト一覧画面３４にこのシンボル３９ｃに対するオブジェクト欄４６ａが設定される。

また、シンボル３９ｃが指定されると、このシンボル３９ｃに、このシンボル３９ｃの矩形状のエリアを示すエリア枠７１と矢印カーソル７２とが表示される。この矢印カーソル７２は図示しないマウスによって移動可能であるが、そのままの状態でマウスをダブルクリック（右クリック）すると、このシンボル３９ｃの状態が確定し（図５のステップＳ１１３の“Ｙ”）、ステップＳ１０４に戻って図８に示すようなドキュメント表示画面３２の表示状態となる。

これに対し、例えば、矢印カーソル７２を、エリア枠７１の１つの角部に位置付けた後、マウスをクリック操作して移動させると（シンボル３９ｃを変化させること：即ち、図５のステップＳ１１３の“Ｎ”）、この角部が矢印カーソル７２とともに移動してエリア枠７１が拡大し、これとともに、図１４に示すように、シンボル３９ｃがこの拡大されたエリア枠７１内で拡大して表示されることになる（図５のステップＳ１１４）。そして、マウスをダブルクリックすると、シンボル３９ｃの状態が確定してエリア枠７１や矢印枠７２が消去される（図５のステップＳ１１１）。そして、このときのシンボル３９ｃの表示倍率（拡大率）の情報がＷｅｂサーバ１ａ（図１）に転送され、データベース１ｂ（図１）の該当するタブ管理テーブル４ｄの「タブ内の描画オブジェクトに関する情報」４ｄ₆に登録されて管理される（図５のステップＳ１１２）。

従って、上記の操作により、オブジェクトの拡大，縮小という編集を行なうことができる。なお、ここでは、シンボルを例に説明したが、コメントなどの他のオブジェクトについても、同様である。オブジェクトがコメントである場合には、オブジェクト選択部４２の中の文字サイズ変更アイコン４２ｅを操作することにより、文字が小さくて見えにくい場合、これを拡大して見易いものとすることができる。

このようにして、開いているタブ３５にシンボル３９を新たに付加することができ、付加するシンボルも、このタブ３５に表示されるオブジェクト選択部４２から所望とするシンボルを選択し、これをタブ３５上の所望とする位置に移動操作することにより、簡単で確実な方法でシンボルの付加が可能となる。他のオブジェクト、即ち、図形や画像などの描画コマンドも、シンボルの場合のステップＳ１１０〜Ｓ１１４と同じステップＳ１１０ａ〜Ｓ１１４ａの一連の処理手順でもって付加することができ、コメントについても、先に説明したが、シンボルの場合のステップＳ１１０〜Ｓ１１４と同じステップＳ１１０ｂ〜Ｓ１１４ｂの一連の処理手順でもって付加することができる。

オブジェクト選択部４２には、拡大アイコン４２ｃと縮小アイコン４２ｄとが設けられており、これらを操作することにより、タブ３５内の表示エリア全体、即ち、ベース画像３６及びその周囲の余白を含めた領域の拡大／縮小を行なうことができる。例えば、図８はベース画像を縮小して表示エリア全体を表示した例であり、拡大アイコン４２ｃを操作することにより、部分的に拡大して表示させることが可能である。

図８に示すドキュメント表示画面３２で、上記のステップＳ１１０〜Ｓ１１４の処理手順により、開かれているタブ３５₁でのオブジェクトの付加などの処理が終了し、処理したタブ３５₁をサーバ１（図１）のデータベース１ｂに保存する場合には、「保存」ボタン４３を操作する（図５のステップＳ１１５）。これにより、図８に示す画面での作業（付加情報の追加や新たなタブの生成など）が保存されて図７に示す画面に戻る。

次に、図１５により、図５のステップＳ１１５について説明する。但し、図１５において、７３はタブ保存方法選択画面、７４は「新規タブ作成」チェックボックス、７５は「タブ複製」チェックボックス、７６は「ＯＫ」ボタン、７７は「キャンセル」ボタンであり、図８に対応する部分には同一符号をつけて重複する説明を省略する。

図１５において、タブ保存方法選択画面７３では、新たなタブの作成方法として、ベース画像３６のみをコピーして新規のタブ３５として保存する方法（この場合、この新たなオブジェクトが付加される前の元々のタブ３５₁はそのまま保存される）と、元のタブ３５₁に付加された情報を全て含んだ状態でコピーして新規のタブとして保存する方法（この場合も、この新たなオブジェクトが付加される前の元々のタブ３５₁はそのまま保存される）とがあり、これらを選択して保存することを可能にする。

タブ保存方法選択画面７３には、前者のベース画像３６のみをコピーして新規なタブ３５として保存する新規タブ作成を実行するための「新規タブ作成」チェックボックス７４と、後者の付加された情報を全て含んだ状態でコピーして新規のタブ３５としての保存を実行するための「タブ複製」チェックボックス７５とが設けられており、そのいずれかを選択してチェックし、このタブ保存方法選択画面７３に設けられた「ＯＫ」ボタン７６を選択することにより、選択された方法でサーバ１のデータベース１ｂにこのタブが保存される。

ここで、「新規タブ作成」チェックボックス７４がチェック選択され、「ＯＫ」ボタン７６が操作されると、図１５に示されるタブ３５₁に対して、Ｗｅｂサーバ１ａ（図１）により、所定のフロジェクト，ドキュメントに所属する新たなタブ管理テーブル４ｄが作成され、データベース１ｂに格納される。これとともに、この新たなタブ管理テーブル４ｄで管理される所定のデータがクライアントＰＣ２に送られ、これにより、現在開いている新たなオブジェクトが追加されたタブ３５は新たなタブとなり、元のタブ３５₁は閉じた状態で表わされることになる。これにより、ドキュメント画面３３に新たなタブが追加されることになる。

また、タブ保存方法選択画面７３で「タブ複製」チェックボックス７５がチェック選択され、「ＯＫ」ボタン７６が操作されると、このとき開いているタブ３５₁に新たに付加されたオブジェクトの情報がＷｅｂサーバ１ａ（図１）に送られ、この情報がデータベース１ｂ（図１）でのこのタブ３５₁に該当するタブ管理テーブル４ｄの「タブ内の描画オブジェクトに関する情報」４ｄ₆に登録されて管理される。従って、この場合には、タブ３５₁が新たにオブジェクトが追加されることによって更新されたことになる。

なお、タブ保存方法選択画面７３で「キャンセル」ボタン７７が操作されると、このタブ保存方法選択画面７３が消去される。

このように、タブ３５を保存するときには、図８に示すドキュメント表示画面３２のドキュメント画面３３で開いているタブ３５を保存するときには、「保存」ボタン４３を操作して図１５に示すタブ保存方法選択画面７３を表示させ、これで上記の操作を行なうことにより、このタブ３５を新たなタブとして、あるいは元のタブとして、保存することができる。

また、図８に示すドキュメント表示画面３２のドキュメント画面３３で、別のタブ、例えば、タブ３５₃を指定操作すると、これまで表示されていたタブ３５₁の代りに、このタブ３５₃が開かれて閲覧が可能となる（図５のステップＳ１１６，Ｓ１０４）。この場合には、タブ３５₁は元のままの状態で保存されていることになり、これまで新たなオブジェクトの追加がなされたものであるときには、このタブ３５₃への切り替えとともに、タブ３５₁では、これら新たに追加されたオブジェクトは含まれていない。そこで、かかる追加されたオブジェクトが失わせないようにするためには、新たにオブジェクトが追加されたタブ３５₁を「保存」ボタン４３とタブ保存方法選択画面７３とを用いて一旦データベース１ｂ（図１）に保存し、しかる後、タブ３５₃を指定操作すればよい。

以上のように、この実施形態では、ベース画像とともに、これを表示する画面にコメントや図形，シンボル，画像，線などのオブジェクトを付加することができて、このベース画像と付加されたオブジェクトとを同時に閲覧することができ、ベース画像を見ながらこのベース画像に対する各コメント作成者によるコメントを同時に確認することができるし、このコメントがベース画像のどの部分に対するものであるかも、一目で確認することが可能となる。

１ サーバ
１ａ Ｗｅｂサーバ
１ｂ データベース
２，２ａ〜２ｃ クライアントＰＣ
３ インターネット
４ａ ユーザ管理テーブル
４ｂ プロジェクト管理テーブル
４ｃ ドキュメント管理テーブル
４ｄ タブ管理テーブル
１０，１０’ プロジェクト選択画面
１１ プロジェクト一覧画面
１２ プロジェクト詳細画面
１３ ドキュメント一覧画面
１４ プロシェクト欄
１５ スクロール操作部
１６，１６ａ 「追加」ボタン
１７，１７ａ 「削除」ボタン
１８ 「コメント検索」ボタン
１９ 検索コード入力部
２０ 「検索」ボタン
２１，２１ａ カーソル
２２ 矢印
２３ 備考欄
２４ ドキュメント欄
２４ａ ベース画像
２４ｂ 属性データ
２５ スクロール操作部
２６ 「変更を適用」ボタン
２７ 「取消し」ボタン
２８ 「追加」ボタン
２９ 「削除」ボタン
３０ 「変更を適用」ボタン
３１ 「開く」ボタン
３２ ドキュメント表示画面
３３ ドキュメント画面
３４ 付加オブジェクト一覧画面
３５₁〜３５₄ タブ
３６ ベース画像
３７ コメント
３８ 図形
３９ａ〜３９ｃ シンボル
４０ 画像
４１ 線
４２ オブジェクト選択部
４２ａ 文章アイコン
４２ａ’ 「削除」ボタン
４２ｂ シンボルアイコン
４２ｃ 拡大アイコン
４２ｄ 縮小アイコン
４２ｅ 文字サイズ変更アイコン
４３ 「保存」ボタン
４４ 「キャンセル」ボタン
４５ 「印刷」ボタン
４６₁〜４６₉ オブジェクト欄
４７ａ ロックアイコン
４７ｂ グルーピングアイコン
４８ａ，４８ｂ カーソル
４９ａ，４９ｂ スクロール操作部
５０ プロジェクト追加操作画面
５１ 「プロジェクト名」入力部
５２ 「コード」入力部
５３ 「備考」入力部
５４ 「ＯＫ」ボタン
５５ 「キャンセル」ボタン
５６ ドキュメント追加操作画面
５７ ベース画像入力部
５８ 「アップロード開始」ボタン
５９ａ 「参照」ボタン
５９ｂ 「キャンセル」ボタン
６０ コメント検索操作画面
６１ コメント入力部
６２ 「検索開始」ボタン
６３ 「終了」ボタン
６４ 検索ドキュメント表示エリア
６５ 「ドキュメントを開く」ボタン
６６ プロジェクト欄
６７ カーソル
６８ シンボルアイコン一覧画面
６９ シンボルアイコン
７０ スクロール操作部
７１ エリア枠
７２ 矢印カーソル
７３ タブ保存方法選択画面
７４ 「新規タブ作成」チェックボックス
７５ 「タブ複製」チェックボックス
７６ 「ＯＫ」ボタン
７７ 「キャンセル」ボタン

Claims (7)

1. ドキュメントを表わすドキュメント画面に表示されるドキュメントのベース画像に対する付加情報を表示する画像付きドキュメントの表示方法であって、
   該ベース画像が表示される該ドキュメント画面での該付加情報の付加位置，該付加情報の種類，該付加情報の内容、該付加情報の付加時刻，該付加情報の作成者の属性情報からなる該付加情報の関連情報をデータベースに記憶保持し、
   該ドキュメント画面での該関連情報に基づく付加位置に、該関連情報に該当する該付加情報を、該ベース画像とともに、表示する
   ことを特徴とする画像付きドキュメントの表示方法。
2. 請求項１において、
   前記付加情報の１つの種類はテキスト情報であって、
   テキスト情報を検索キーワードとして入力することにより、前記データベースで前記付加情報の内容が入力された該検索キーワードに合致するテキスト情報を検索し、
   該検索によって得られた前記付加情報を、前記ドキュメント画面での前記関連情報に基づく付加位置に、該ベース画像とともに表示する
   ことを特徴とする画像付きドキュメントの表示方法。
3. 請求項１において、
   前記付加情報は、シンボル，図形，線，画像をオブジェクトとして含み、
   前記ドキュメント画面に該オブジェクトの選択部が設けられ、
   該選択部から所望とするオブジェクトを選択するとともに、前記ベース画像が表示された前記ドキュメント画面の所定の位置を指定することにより、選択された該オブジェクトを該指定された位置に表示する
   ことを特徴とする画像付きドキュメントの表示方法。
4. 請求項３において、
   前記付加情報は、テキスト情報をオブジェクトとして含み、
   前記オブジェクトの選択部でテキスト情報選択部を選択するとともに、前記ベース画像が表示された前記ドキュメント画面の所定の領域を指定し、テキスト情報を入力することにより、前記ベース画像が表示された前記ドキュメント画面の指定された該領域に入力された該テキスト情報を表示する
   ことを特徴とする画像付きドキュメントの表示方法。
5. 請求項１〜４のいずれか１つにおいて、
   前記ドキュメント画面は、前記付加情報が付加された状態で印刷または編集可能であることを特徴とする画像付きドキュメントの表示方法。
6. 請求項１〜５のいずれか１つにおいて、
   前記ベース画像を含む前記ドキュメント画像とともに、前記ドキュメント画像に付加された前記付加情報の一覧を示す画面を表示することを特徴とする画像付きドキュメントの表示方法。
7. 請求項６において、
   前記付加情報の一覧を示す画面は、前記付加情報を前記ドキュメント画面に付加された順に表示されることを特徴とする画像付きドキュメントの表示方法。