JP6802505B2 - 情報処理装置とサーバと情報処理システムと、その処理方法及びプログラム - Google Patents

Description

本発明は、画像を用いた指示内容を記録する情報処理装置とサーバと情報処理システムと、その処理方法及びプログラムに関する。

従来より、サーバに格納されている画像データを、クライアント側で編集し、編集した画像をサーバで保存する技術（クライアント／サーバ型のシステム）が実現されている。

具体的には、クライアント側がＷｉｎｄｏｗｓ（登録商標）アプリケーションのような場合、サーバとクライアント間は画像の送受信にバイナリデータを授受できるプロトコル例：ＴＣＰソケット通信）で、バイナリデータである画像データをクライアント側で受信し、クライアント側の画像操作インタフェース（例：ＧＤＩ）を用い、受信した画像データに対してアプリケーション上で図形やフリーハンドなどの描画操作を行うことが一般的に行われている。
これらの技術を利用して、例えば、特許文献１のように、電子会議システムでは、画面上で画像を操作した内容を複数人で共有することが行われている。

特開２００６−９１０３３号公報

しかしながら、クライアント／サーバ型のシステムではクライアント側で入力した内容をサーバで管理する仕組みを構築することは容易であるが、ブラウザを用いたＷｅｂ環境では、画像の編集、編集した内容の管理は難しかった。

特に、ブラウザ上で表示した画像に対して編集を行うことができても、その編集に係る内容（例えば、編集順やその編集に係るコメント）を適切に管理することは容易ではなかった。また、他のユーザに対して、画像を用いた指示を出すには、画像を単に編集できる技術では指示内容が伝わらず、従来の技術では解決が困難な課題もあった。

また、ユーザによって編集の仕方が異なり、指示内容が適切とならない場合がある。そのため指示内容が入力された画像を用いて判断するユーザ（例えば、保険会社のアジャスター）に指示内容がうまく伝わらず、効率が悪くなるという課題があった。そのため、他のユーザが指示した内容を参照して入力を行いたいという要望があった。

そこで、本発明の目的は、画像を用いた内容の入力を支援する仕組みを提供することである。

本発明の目的を達成するための、アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性を管理する管理装置と通信可能な情報処理装置であって、前記編集画像の画像一覧を取得する取得手段と、前記取得手段で取得した画像一覧を表示する表示手段と、前記画像一覧から参照する編集画像を選択する編集画像選択手段と、前記編集画像選択手段により選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する追加手段とを備えることを特徴とする。

本発明によれば、画像を用いた内容の入力を支援することができる。

Ｗｅｂシステムの構成の一例を示すシステム構成図である クライアント端末１００に適用可能な情報処理装置のハードウエア構成の一例を示すブロック図である 本システムにおける各装置の機能ブロックを示す図である 画像編集の処理を示すフローチャートである 画像評価に関する処理を示すフローチャートである アノテーション追加処理のフローチャートである 画像保存処理のフローチャートである 画像編集例の表示処理のフローチャートである ランキングの表示処理のフローチャートである 画像編集画面の一例を示すイメージ図である 属性が設定された画像編集画面の一例を示すイメージ図である フィードバック画面の一例を示すイメージ図である フィードバック結果画面の一例を示すイメージ図である ランキング画面の一例を示すイメージ図である ＤＢサーバ３００で記憶するデータの一例を示すデータ図である 画像一覧表示画面の一例を示すイメージ図である アノテーションを追加する前と追加した後の画面イメージ図である アノテーション配列の一例を示すデータ図である 編集された画像の保存データのデータ遷移を示す図である

以下、図面を参照して、本発明の実施形態を詳細に説明する。

図１は本発明のクライアント端末１００（情報処理装置）と、Ｗｅｂサーバ２００（画像管理サーバ）と、ＤＢサーバ３００と、ファイルサーバ４００とクライアント端末４０１と含むＷｅｂシステム（情報処理システム）の構成の一例を示すシステム構成図である。

なお、クライアント端末１００は、画像を登録、編集する側の拠点であり、修理工場などに設置されている情報処理装置である。また、クライアント端末４０１は、登録された画像をチェックする側の拠点であり、例えば、画像をチェックして保険を適用するかを判断する企業に設置されている情報処理装置である。Ｗｅｂサーバ２００（画像管理サーバ）と、ＤＢサーバ３００と、ファイルサーバ４００はクラウド環境などのネットワーク上に設置されているサーバである。

なお、より好適な例を用いて説明するため、本実施形態では、画像を管理するＷｅｂシステムとしたが、画像を編集した内容を管理するシステムであれば、一般的なＷｅｂシステム以外にも適用してもよい。

クライアント端末１００はブラウザを記憶し、ブラウザからネットワーク５００を介して、Ｗｅｂサーバ２００にアクセスする。Ｗｅｂサーバ２００にログインして、Ｗｅｂサーバ２００からブラウザで表示するＷｅｂ画面を受信し、Ｗｅｂサーバで管理している画像を受信してブラウザ上で表示する。なお、Ｗｅｂ画面はＷｅｂサーバ２００に記憶されている。Ｗｅｂ画面には、各種スクリプトが記述されており、Ｗｅｂ画面上の表示制御を実現可能な構成となっている。

すなわち、クライアント端末１００は、アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性（線の種別、太さ、色など）を管理する管理装置と通信可能な情報処理装置である。
ＤＢサーバ３００は、画像を管理するうえでのデータを管理するサーバであり、各種データをデータベースで管理するサーバである。
Ｗｅｂサーバ２００からの要求（検索要求、登録要求、削除要求）に応じて、管理しているデータへアクセス可能となっている。

図１５の送信ボタン１５０４が押下されると、後述するフローチャートで登録された画像、編集画像やメモ（案件データ）がファイルサーバ４００にＷｅｂサーバ２００から送信される。ファイルサーバ４００は、送信された案件データを登録して、クライアント端末４０１に通知する。クライアント端末４０１で案件データを表示する。この表示の際には、アノテーションが合成された編集画像がブラウザ上に表示される。

Ｗｅｂサーバでは画像を管理し、この画像に対するアノテーション情報やメモ情報は図１４のオリジナル画像情報テーブル１４００と編集画像情報テーブル１４１０で管理している。オリジナル画像情報テーブル１４００は、オリジナル画像ＩＤ、オリジナル画像ファイルパス、メモの値を保持している。編集画像情報テーブル１４１０は、編集画像ＩＤ、オリジナル画像ＩＤ、編集画像ファイルパス、シリアライズアノテーションの値を保持している。
なお、本実施形態では、ＤＢサーバ３００をＷｅｂサーバ２００と別筐体として説明したが、ＷｅｂサーバとＤＢサーバ３００は同一筐体であってもよい。

すなわち、Ｗｅｂサーバ２００のハードディスク（記憶装置）上でデータを管理する（データベース）構成であってもよい。Ｗｅｂサーバ２００とファイルサーバ４００が同一筐体であってもよい。

また、本実施形態では、ネットワーク５００は、外部のネットワーク（クラウドシステムなどのＷｅｂ環境）を想定しているが、社内のクローズしたネットワークであってもよい。

このシステムでは、サーバとしての管理装置で、アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性を管理しており、クライアント端末としての情報処理装置で前記編集画像の画像一覧を取得し、取得した画像一覧（例えば、９０３）を表示し、前記画像一覧から参照する編集画像を選択し、選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する（例えば１００６）。
また、情報処理装置では、編集画像に用いたアノテーションの属性を用いて、編集に用いるアノテーションの属性に設定する（例えば、１００１、１００２）。

次に、図２を用いて、図１に示したクライアント端末１００（情報処理装置）と、Ｗｅｂサーバ２００と、ＤＢサーバ３００に適用可能な情報処理装置のハードウエア構成について説明する。
なお、図２は、クライアント端末１００として説明する。

図２において、２０１はＣＰＵで、システムバス２０４に接続される各デバイスやコントローラを統括的に制御する。また、ＲＯＭ２０２あるいは外部メモリ２１１には、ＣＰＵ２０１の制御プログラムであるＢＩＯＳ（Ｂａｓｉｃ Ｉｎｐｕｔ ／ Ｏｕｔｐｕｔ Ｓｙｓｔｅｍ）やオペレーティングシステムプログラム（以下、ＯＳ）や、各サーバ或いは各ＰＣの実行する機能を実現するために必要な後述する各種プログラム等が記憶されている。

本実施形態では、例えば、ブラウザを管理している。なお、図２がＷＥＢサーバ２００の構成図とする場合、Ｗｅｂアプリケーション、画像を記憶管理している。なお、Ｗｅｂアプリケーションではクライアント端末１００からのログインを制御するため、セッションの管理をしている。同時接続数の管理、すなわちセッション管理については、Ａｐａｃｈｅなどで周知技術であるため実現可能であるため説明を省略する。また、セッションだけでなく、Ｗｅｂサプリケーションでログインユーザ数を管理する構成であってもよい。

２０３はＲＡＭで、ＣＰＵ２０１の主メモリ、ワークエリア等として機能する。ＣＰＵ２０１は、処理の実行に際して必要なプログラム等をＲＯＭ２０２あるいは外部メモリ２１１からＲＡＭ２０３にロードして、該ロードしたプログラムを実行することで各種動作を実現するものである。

また、２０５は入力コントローラで、キーボード（ＫＢ）２０９や不図示のマウス等のポインティングデバイス等からの入力を制御する。２０６はビデオコントローラで、ＣＲＴディスプレイ（ＣＲＴ）２１０等の表示器への表示を制御する。なお、図２では、ＣＲＴ２１０と記載しているが、表示器はＣＲＴだけでなく、液晶ディスプレイ等の他の表示器であってもよい。これらは必要に応じて管理者が使用するものである。

２０７はメモリコントローラで、ブートプログラム，各種のアプリケーション，フォントデータ，ユーザファイル，編集ファイル，各種データ等を記憶するハードディスク（ＨＤ）や、フレキシブルディスク（ＦＤ）、或いはＰＣＭＣＩＡカードスロットにアダプタを介して接続されるコンパクトフラッシュ（登録商標）メモリ等の外部メモリ２１１へのアクセスを制御する。

２０８は通信Ｉ／Ｆコントローラで、ネットワーク（例えば、図１に示した５００）を介して外部機器と接続・通信するものであり、ネットワークでの通信制御処理を実行する。例えば、ＴＣＰ／ＩＰを用いた通信等が可能である。

なお、ＣＰＵ２０１は、例えばＲＡＭ２０３内の表示情報用領域へアウトラインフォントの展開（ラスタライズ）処理を実行することにより、ＣＲＴ２１０上での表示を可能としている。また、ＣＰＵ２０１は、ＣＲＴ２１０上の不図示のマウスカーソル等でのユーザ指示を可能とする。

本発明を実現するための後述する各種プログラムは、外部メモリ２１１に記録されており、必要に応じてＲＡＭ２０３にロードされることによりＣＰＵ２０１によって実行されるものである。さらに、上記プログラムの実行時に用いられる定義ファイル及び各種情報テーブル等も、外部メモリ２１１に格納されており、これらについての詳細な説明も後述する。

次に、図３の機能ブロック図を参照して、本システムにおける各装置の各機能ブロックについて説明する。なお、各機能は、ＣＰＵにより実行され、各機能で実行される詳細な処理については、図４〜図１０のフローチャートで説明する。
まず、クライアント端末１００の機能部について説明する。
画像取得部３０１は、サーバなどの画像を管理する記憶装置から画像を取得する機能部である。
画像表示制御部３０２は、画像取得部３０１で取得した画像を表示する機能部である。

アノテーション表示制御（追加）部３０３は、画像表示制御部３０２で表示した画像上のユーザの操作に対応する位置に、アノテーションを操作した識別情報を付したアノテーションを表示（追加）する機能部である。

入力情報表示制御（追加）部３０４は、アノテーション表示制御（追加）部３０３によるアノテーションを表示（追加）する場合に、前記識別情報に対応する入力情報を表示（追加）する機能部である。
次に、Ｗｅｂサーバ２００の機能部について説明する。
画像管理部３０５は、画像とクライアント端末１００で付与されたアノテーション情報と入力情報とを管理する機能部である。

画像送信部３０６は、クライアント端末１００にユーザに指定された画像を送信する機能部である。なお、画像に対応するアノテーション情報と入力情報を送信する機能部でもある。

以下、図４〜図８のフローチャートを参照して、本実施形態のシステムにおける処理についてより詳細に説明する。
なお、各ステップについては、各装置のＣＰＵが処理を実行する。

まず、図４Ａと図４Ｂを用いて、本発明の実施形態における、詳細処理について説明する。図４Ａのフローチャートは、画像編集の処理を示すフローチャートである。

ステップＳ４０１では、Ｗｅｂサーバへのログイン後、ログインユーザにより指定された案件情報（図１４の事故案件情報１４４０の一覧から指定された案件情報）に登録されている画像一覧を案件の詳細画面（図１５）に表示する。各画像にはオリジナル画像ＩＤが対応付いているものとする。なお、編集された画像には１５０２のように、編集されたことを識別するマークが表示される。
ステップＳ４０２では、１５０１で画像の指定を受け付ける。
ステップＳ４０３では、指定された画像の編集ボタン１５０３の押下を受け付ける。

ステップＳ４０４では、１５０１で指定された画像のオリジナル画像ＩＤをＷｅｂサーバ２００に送信する。ＨＴＴＰリクエストにオリジナル画像ＩＤを含めて送信するものとする。
ステップＳ４０５では、クライアント端末１００からオリジナル画像ＩＤを受信する。

ステップＳ４０６では、受信したオリジナル画像ＩＤに対応するオリジナル画像を取得するため、オリジナル画像ＩＤを含む取得要求をＤＢサーバ３００に送信する。例えば、ＳＱＬ文を発行するものとする。

ステップＳ４０７では、Ｗｅｂサーバ２００から受信した取得要求に含まれるオリジナル画像ＩＤに従って、オリジナル画像情報テーブル（図１４の１４００）からオリジナル画像ファイルパス（例えば、１４０１）を取得する。
ステップＳ４０８では、取得したオリジナル画像ファイルパスをＷｅｂサーバ２００に送信する。
ステップＳ４０９では、ＤＢサーバ３００が送信したオリジナル画像ファイルパスを受信する。
ステップＳ４１０では、オリジナル画像ファイルパスに従って、外部メモリ（ＨＤＤ等）に記憶されているオリジナル画像を取得する。外部メモリは、ファイルサーバ４００に置き換えてもよい。
ステップＳ４１１では、取得したオリジナル画像（オリジナル画像ＩＤを含む）をクライアント端末１００へ送信する。

ステップＳ４１２では、Ｗｅｂサーバ２００からオリジナル画像を受信する。受信したオリジナル画像はＲＡＭに記憶され、表示する際に取得される。すなわち、編集画像の画像一覧を取得する取得処理の一例を示すものである。

ステップＳ４１３では、受信した画像をブラウザを用いて表示する。例えば図９。すなわち、取得した画像一覧を表示する表示処理の一例を示すものである。画像一覧はオリジナル画像とアノテーションを合成した編集画像である。
ステップＳ４１４では、画像編集画面に画像の編集例を表示する。詳細は図７で後述する。
ステップＳ４１５では、アノテーションを追加する。詳細は図５で後述する。
ステップＳ４１６では、アノテーションやメモを入力した画像を保存する。詳細は図６で後述する。

ステップＳ４１７では、オリジナル画像ＩＤ、画像編集画面で指定された部位（例えば、９０１）、追加したアノテーション、コメント、編集を行った工場ユーザのユーザＩＤをＷｅｂサーバ２００に送信する。

ステップＳ４１８では、クライアント端末１００から送信されたオリジナル画像ＩＤ、部位（部位情報）、追加したアノテーション（シリアライズされたアノテーション情報）、コメント（シリアライズされたテキスト）、編集を行った工場ユーザのユーザＩＤを受信する。

ステップＳ４１９では、部位情報、シリアライズされたアノテーション情報、シリアライズされたテキスト（メモ情報）、工場ユーザＩＤ、オリジナル画像ＩＤを含む保存要求をＤＢサーバ３００に送信する。なお、アノテーション情報とメモ情報は、テーブルに保存するための適切な形式に変換されるものとする。

ステップＳ４２０では、保存要求を受信して、編集画像情報テーブル（図１４の１４１０）に、アノテーション情報、部位情報、工場ユーザＩＤをオリジナル画像ＩＤと対応付けて保存する。編集画像ＩＤは自動採番して登録する。また、オリジナル画像情報テーブル（図１４の１４００）に、メモ情報をオリジナル画像ＩＤと対応付けて保存する。
ステップＳ４２１では、ｂａｓｅ６４エンコード文字列をデコードしてバイナリデータを取得して、編集画像ファイルとして外部メモリ上に保存する。
ステップＳ４２２では、保存された編集画像ファイルのファイルパスと、オリジナル画像ＩＤを含む保存要求をＤＢサーバ３００に送信する。

ステップＳ４２３では、保存要求を受信して、オリジナル画像ＩＤに対応する編集画像情報テーブル（図１４の１４１０）の編集画像ファイルパスに、受信したファイルパスを保存する。ここまでが編集して保存の処理である。

この保存処理とは別に、工場側のクライアント端末１００から図１５の画面で送信ボタン１５０４が押下された場合に、損害保険会社側のクライアント端末４０１で表示する処理を次に説明する。
ステップＳ４２４では、１５０１で画像の指定を受け付ける。
ステップＳ４２５では、指定された画像に対して送信ボタン１５０４の押下を受け付ける。

ステップＳ４２６では、オリジナル画像とアノテーション情報とメモ情報をクライアント端末４０１に送信すべく、Ｗｅｂサーバ２００に送信する。なお、本実施形態では、指定された画像を送信する構成としたが、表示されている画像をすべて送信する構成であってもよい。

ステップＳ４２７では、クライアント端末１００から受信したオリジナル画像とアノテーション情報とメモ情報を受信し、クライアント端末４０１へ送信する。なお、本実施形態では、クライアント端末１００からの送信により、クライアント端末４０１でオリジナル画像とアノテーション情報とメモ情報を受信して表示する構成としたが、クライアント端末４０１が任意のタイミングでＤＢサーバに保存されているオリジナル画像とアノテーション情報とメモ情報を読み出して、表示する構成であってもよい。

次に、図４Ｂのフローチャートを用いて、図４Ａに続く処理の説明を行う。図４Ｂのフローチャートは、画像評価に関する処理を示すフローチャートである。

ステップＳ４２８では、ステップＳ４２７でＷｅｂサーバ２００から送信したオリジナル画像とアノテーション情報とメモ情報を受信する。受信したオリジナル画像はＲＡＭに記憶され、アノテーション情報とオリジナル画像を合成して、ブラウザ上に表示する。また、この時メモ情報もコメント欄１１０４に合わせて表示する。なお、表示した際の例が図１１のフィードバック画面である。

ステップＳ４２９では、フィードバック画面（図１１）のフィードバック欄１１０１にて、表示された画像に対する品質評価の入力を受け付ける。受け付けた入力の一例を以下のステップで説明する。
ステップＳ４３０では、評価対象とするアノテーションがフィードバック欄１１０１のプルダウン１１０５から選択される。

ステップＳ４３１では、フィードバック欄１１０１にて、アノテーションの評価の入力を受け付ける。なお、フィードバック欄１１０１では、画像自体の画像評価（画像品質評価情報）に加え、画像に付与されたアノテーションの評価として、線の種類、線の太さ、線の色の評価入力（アノテーション評価情報）を受け付ける。なおコメントに対する評価も行えるものとする。本実施形態では、アノテーションの各項目に対して評価入力を受け付けるように構成したが、アノテーション全体の総合評価として、Ａ，Ｂ，Ｃ，Ｄなどのランクを入力する構成であってもよい。
ステップＳ４３２では、フィードバック欄１１０１にフィードバックに関するフィードバックコメントが入力される。
ステップＳ４３３では、クライアント端末４０１の画面上の評価の送信ボタン１１０２の押下を受け付ける。
ステップＳ４３４では、画像品質評価情報とアノテーション評価情報とフィードバックコメントをＷｅｂサーバ２００に送信する。
ステップＳ４３５では、クライアント端末４０１から画像品質評価情報とアノテーション評価情報とフィードバックコメントを受信する。

ステップＳ４３６では、画像品質評価情報（評価点数）、アノテーション評価情報（評価点数）と、その評価点数の合計点数と、フィードバックコメントの保存要求をＤＢサーバ３００に送信する。
評価点数としては、例えば、「とても良い＝５点」とするなどがある。なお合計点数でなくても、総合評価ランクであってもよい。

ステップＳ４３７では、保存要求を受信して、フィードバックテーブル（図１４の１４２０）に画像品質評価情報、アノテーション評価情報、フィードバックコメント、評価の合計点数をオリジナル画像ＩＤと対応付けて保存する。

次に、クライアント端末１００でフィードバック内容を閲覧する処理について説明する。ステップＳ４３７で保存したフィードバック内容をユーザの選択により任意の画像に対して確認できるものとする。

ステップＳ４３８では、１５０１や１５０２でフィードバック内容を確認したい画像の指定を受け付ける。ステップＳ４０１での説明に用いた図１５の画面からフィードバック内容を閲覧できるようにしたが、これに限ることはない。
ステップＳ４３９では、指定された画像のフィードバック内容確認ボタン１５０５の押下を受け付ける。

ステップＳ４４０では、１５０１や１５０２で指定された画像のオリジナル画像ＩＤを含むフィードバック内容確認要求（ＨＴＴＰリクエスト）を、Ｗｅｂサーバ２００に送信する。
ステップＳ４４１では、クライアント端末１００からオリジナル画像ＩＤを含むフィードバック内容確認要求を受信する。

ステップＳ４４２では、受信したオリジナル画像ＩＤに対応するオリジナル画像を取得するため、オリジナル画像ＩＤを含む取得要求をＤＢサーバ３００に送信する。例えば、ＳＱＬ文を発行するものとする。

ステップＳ４４３では、Ｗｅｂサーバ２００から受信した取得要求に含まれるオリジナル画像ＩＤに従って、オリジナル画像情報テーブル（図１４の１４００）からオリジナル画像ファイルパス（例えば、１４０１）を取得する。
ステップＳ４４４では、取得したオリジナル画像ファイルパスをＷｅｂサーバ２００に送信する。

ステップＳ４４５では、オリジナル画像ＩＤに従って、編集画像情報テーブル（図１４の１４１０）からシリアライズアノテーションを取得する。なお、アノテーション情報はＪＳＯＮ型式の文字列型である。また、オリジナル画像ＩＤに従って、オリジナル画像情報テーブル（図１４の１４００）からメモを取得する。
ステップＳ４４６では、取得したシリアライズアノテーション（以下、アノテーション情報）とメモ（以下、メモ情報）をＷｅｂサーバ２００へ送信する。

ステップＳ４４７では、オリジナル画像ＩＤに従って、フィードバックテーブル（図１４の１４２０）から画像品質評価情報とアノテーション評価情報とフィードバックコメントを取得する。
ステップＳ４４８では、取得した画像品質評価情報、アノテーション評価情報、フィードバックコメントをＷｅｂサーバ２００に送信する。

ステップＳ４４９では、ＤＢサーバ３００からオリジナル画像ファイルパス、アノテーション情報、メモ情報、画像品質評価情報、アノテーション評価情報、フィードバックコメントを受信する。
ステップＳ４５０では、オリジナル画像ファイルパスに従って、外部メモリ（ＨＤＤ等）に記憶されているオリジナル画像を取得する。

ステップＳ４５１では、取得したオリジナル画像、アノテーション情報、メモ情報、画像品質評価情報、アノテーション評価情報、フィードバックコメントをクライアント端末１００に送信する。

ステップＳ４５２では、オリジナル画像、アノテーション情報、メモ情報、画像品質評価情報、アノテーション評価情報、フィードバックコメントをＷｅｂサーバ２００から受信する。アノテーション情報をＲＡＭ上に記憶する。この、アノテーション情報には、描画関数と描画パラメータが記憶されるため、アノテーション情報をデシリアライズして描画関数と描画パラメータを用いてオリジナル画像上にアノテーションを順次表示する。

ステップＳ４５３では、受信したオリジナル画像、アノテーション情報、メモ情報、画像品質評価情報、アノテーション評価情報、フィードバックコメントを、ブラウザを用いて表示する。オリジナル画像は、例えば、ＨＴＭＬ５ Ｃａｎｖａｓ上に表示される。このＣａｎｖａｓ上に表示された画像の上位レイヤーにアノテーションを描画させることが可能となる。フィードバック内容の確認画面の例が図１２である。図１２では、評価点数をもとに、◎○△などのマークで表示する構成としているが、これに限る必要はない。

次に、図５を用いて、本発明の実施形態における、アノテーション追加処理について説明する。図５は、アノテーション追加処理のフローチャートである。

ステップＳ６０１では、ブラウザ上で表示しているオリジナル画像上のマウスのドラッグ操作を検知する。この時、１６０８で選択されたアノテーションの形状を示す種別（矢印、丸印、フリーハンド）、線の太さ（細い、標準、太い）、線の色が設定されている。

ステップＳ６０２では、ドラッグ操作による位置を取得し（位置取得）、この位置を用いて、設定されているアノテーションの種別（矢印、丸印、フリーハンド）、線の太さ（細い、標準、太い）、線の色に従って、レイヤー上にアノテーションを描画する。なお、描画に際しては、例えば、ＪａｖａＳｃｒｉｐｔ（登録商標）の描画ライブラリが提供する描画関数を用いて実行する。例えば、１６０４の矢印。すなわち、選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上に追加するアノテーションを追加する追加処理の一例を示すものである。
ステップＳ６０３では、アノテーション配列に空要素を追加する。

ステップＳ６０４では、追加した空要素に描画したアノテーションの描画命令（描画関数、描画関数パラメータ）を追加する。例えば、図１４の１４０１のようにアノテーション情報が追加される。図１４は説明上、配列は２つとなっているが、図１６の１６０４のアノテーションを追加した場合には、配列は４つとなる。

ステップＳ６０５では、追加されたアノテーションのアノテーション番号を取得する。アノテーション番号は、配列要素の要素数（作成順の番号）をもとに決定する。

ステップＳ６０６では、取得した要素数（アノテーション番号）を図形化したオブジェクト（番号を挿入したオブジェクト１６０９）を描画したアノテーションの始点（マウスでのドラッグ操作開始位置）に表示する。この表示もレイヤーに表示される。要素数とアノテーションが対応付いている。すなわち、表示した画像上のユーザの操作に対応する位置に、アノテーションを操作した識別情報を付したアノテーション（アノテーションと識別番号）を追加表示するアノテーション表示制御（追加）処理の一例を示すステップである。また、番号を挿入したオブジェクトを表示したアノテーションに付して表示する処理である。なお、本実施形態では、マウスでのドラッグ操作開始位置が矢印方向とは逆の末端となるようにアノテーションの始点としたが、マウスでのドラッグ操作開始位置が矢印方向の先端となるようにアノテーションを描画するようにした場合には、要素数（アノテーション番号）を図形化したオブジェクト（番号を挿入したオブジェクト１６０９）を、マウスでのドラッグ操作終了位置（終点）に描画するようにする。すなわち、アノテーションに対応する所定の位置に番号を挿入したオブジェクトを描画する。

ステップＳ６０７では、取得した要素数（アノテーション番号）をコメント欄１６０３に追加する（入力情報追加処理に相当）。追加された例が図１６の１６０５である。すなわち、アノテーションを表示する場合に、識別情報（番号）に対応する入力情報（テキスト）を表示する入力情報表示制御（追加）処理の一例を示すステップである。また、アノテーションに対するコメントを入力させるべく、アノテーションの追加に応じて、テキスト入力可能な領域に、自動的にアノテーションに対応する識別情報を表示する処理である。
また、ユーザの操作に応じて、キーボードにより入力された文字列を追加されたコメント欄に表示する。

なお、本実施形態では、１つのコメント欄（テキストボックス）にアノテーション番号を表示する構成したが、アノテーションが追加するごとに、アノテーションに対応するテキストボックス（入力欄）を追加表示する構成であってもよい。

また、本実施形態では、アノテーションを画像に表示し、アノテーションに対応するアノテーション番号のオブジェクトを画像に表示し、アノテーション番号のテキストを表示する手順としたが、アノテーションを表示後、テキストにアノテーション番号を表示した後に、アノテーション番号のオブジェクトを画像に表示する手順であってもよい。すなわち、結果的に、アノテーションとアノテーション番号とテキスト入力できる状態になれば、処理手順に限定されるものではない。

次に、図６を用いて、本発明の実施形態における、画像保存処理について説明する。図６は、画像保存処理のフローチャートである。なお、画像保存処理は、アノテーションの追加されている場合に実行するものとする。
ステップＳ１００１では、保存ボタンの押下を検知する（１６０６のボタン）。

ステップＳ１００２では、アノテーション配列（例えば、図１７）の全要素をＪＳＯＮ形式のアノテーション情報に変換する（シリアライズする）。具体的には、例えばＪａｖａＳｃｒｉｐｔのＡＰＩ「ＪＳＯＮ．Ｓｔｒｉｎｇｉｆｙ（）」を用いることで実行する。また、アノテーション配列には、アノテーションの線種（標準等の線の太さ、丸印等の種別）を保持している。
ステップＳ１００３では、コメント欄であるテキストボックスのテキスト（メモ）を取得して、ＪＳＯＮ形式に変換する（シリアライズする）。

ステップＳ１００４では、ブラウザのＣａｎｖａｓ上に表示されているオリジナル画像とレイヤーに描画されているアノテーションを合成して、新たな画像（編集画像）を作成する。

具体的には、ＨＴＭＬ５のｃａｎｖａｓのＡＰＩ「ｔｏＤａｔａＵＲＬ（）」を実行することで合成された編集画像が作成される。この関数を実行することで編集画像のｂａｓｅ６４エンコード文字列が取得できる。

この保存により、保存されたデータ遷移の例が図１８である。アノテーションが追加された場合の例が１８０１である。メモが追加された場合の例が１８０２である。編集画像が生成され保存された場合の例が、１８０３で、編集画像ファイルパスが登録されている。

なお、図１４の１４１０に示す通り、編集画像情報テーブル１４１０のシリアライズアノテーション１４０３には、アノテーションの線種（標準等の線の太さ、丸印等の種別）が保存されている。１４０３とは別の項目として、アノテーションの線種（標準等の線の太さ、丸印等の種別）を保存していてもよい。

次に、図７を用いて、本発明の実施形態における、画像編集例の表示処理について説明する。図７は、画像編集例の表示処理のフローチャートである。

ステップＳ７０１では、９０１で部位の指定を受け付ける。部位名称は部位一覧１４３０のデータの一覧であり、この部位名称から部位ＩＤが特定できる。画面では、部位一覧１４３０から読み出されたデータをクライアント端末１００で保持しているため、部位ＩＤが特定できる。
ステップＳ７０２では、９０１で指定された部位の部位ＩＤをＷｅｂサーバ２００に送信する。
ステップＳ７０３では、クライアント端末１００から部位ＩＤを受信する。

ステップＳ７０４では、受信した部位ＩＤに対応する編集画像のうち、「評価合計点数の高い画像かつ一定点数以上である画像」である編集画像を上位５枚取得するため、部位ＩＤを含む取得要求をＤＢサーバ３００に送信する。例えば、ＳＱＬ文を発行するものとする。取得要求の条件としては、部分ＩＤ、予め設定した点数以上（上位５枚でもよい）である。評価の高い画像が取得できればよいが、一定評価以上の画像が５枚ない場合には、３枚や０枚となることがあってもよい。

ステップＳ７０５では、Ｗｅｂサーバ２００から受信した取得要求に含まれる部位ＩＤに従って、編集画像情報テーブル（図１４の１４１０）からオリジナル画像ＩＤ（例えば、１４０２）を取得する。

ステップＳ７０６では、取得したオリジナル画像ＩＤに従って、オリジナル画像情報テーブル（図１４の１４００）からオリジナル画像ファイルパス（例えば、１４０１）を取得する。

ステップＳ７０７では、取得したオリジナル画像ファイルパスをＷｅｂサーバ２００に送信する。本実施形態ではオリジナル画像を用い、オリジナル画像から編集画像を生成してクライアント端末１００に表示する構成としたが、編集画像情報テーブル（図１４の１４１０）から編集画像を取得して、表示する構成であってもよい。

ステップＳ７０８では、編集画像ＩＤ又はオリジナル画像ＩＤに従って、編集画像情報テーブル（図１４の１４１０）からアノテーション情報と、オリジナル画像情報テーブル（図１４の１４００）からメモ情報を取得する。

なお、本実施形態では、アノテーション情報と、メモ情報が別のテーブルで管理されているようになっているが、例えば、編集画像情報テーブル（図１４の１４１０）にアノテーション情報とメモ情報を保存しておく構成であっても良い。この場合、編集画像情報テーブル（図１４の１４１０）からアノテーション情報とメモ情報を取得する。
ステップＳ７０９では、取得したアノテーション情報とメモ情報をＷｅｂサーバ２００に送信する。
ステップＳ７１０では、オリジナル画像ファイルパスとアノテーション情報とメモ情報をＤＢサーバ３００から受信する。

ステップＳ７１１では、オリジナル画像ファイルパスに従って、Ｗｅｂサーバ２００の外部メモリ（ＨＤＤ等）に記憶されているオリジナル画像（オリジナル画像ＩＤを含む）を取得する。
ステップＳ７１２では、取得したオリジナル画像とアノテーション情報とメモ情報をクライアント端末１００に送信する。

なお、アノテーション情報とメモ情報は、ＪＳＯＮ型式である。なお、ＪａｖａＳｃｒｉｐｔ（登録商標）のオブジェクト形式への変換は、クライアント端末１００で実行するものとする。例えば、ＪＳＯＮ．ｐａｒｓｅ関数を用いることで実現可能である。
ステップＳ７１３では、オリジナル画像とアノテーション情報とメモ情報をＷｅｂサーバ２００から受信する。アノテーション情報をＲＡＭ上に記憶する。
すなわち、編集画像の画像一覧を取得する処理の一例を示すものである。

この、アノテーション情報には、描画関数と描画パラメータが記憶されるため、アノテーション情報をデシリアライズして描画関数と描画パラメータを用いてオリジナル画像上にアノテーションを順次表示する。

ステップＳ７１４では、受信したオリジナル画像を、ブラウザを用いて表示する。オリジナル画像は、例えば、ＨＴＭＬ５ Ｃａｎｖａｓ上に表示される。このＣａｎｖａｓ上に表示された画像の上位レイヤーにアノテーションを描画させることが可能となる。

なお、本実施形態では、クライアント端末１００でアノテーションを追加した画像を生成して、ブラウザに表示する構成としたが、Ｗｅｂサーバでアノテーションを追加した画像を生成して、クライアント端末１００で表示してもよい。また、画像はサムネイル画像であってもよい。このサムネイル画像の一覧を９０３に表示する。すなわち、ステップＳ１３で取得した画像一覧を表示する表示処理の一例を示すものである。

ステップＳ７１５では、９０２で線の種類・太さ・色が選択されたかを判定する。線の種類・太さ・色が選択されている場合は、ステップＳ７１６へ処理を移す。線の種類・太さ・色が選択されていない場合は、ステップＳ７２７へ処理を移す。実際には、部位ＩＤとアノテーション情報（線種や太さ）をＷｅｂサーバ２００に送信する。すなわち、アノテーションの属性を選択する属性選択処理の一例を示すものである。

ステップＳ７１６では、受信した部位ＩＤに対応する編集画像のうち、「ステップＳ７１５で選択されたアノテーション情報を持つ画像」かつ「評価合計点数の高い画像かつ一定点数以上である画像」である編集画像を上位５枚取得するため、部位ＩＤとアノテーション情報を含む取得要求をＤＢサーバ３００に送信する。例えば、ＳＱＬ文を発行するものとする。条件としては、例えば、部位ＩＤと選択された線の太さ、種類のアノテーション情報である。

ステップＳ７１７では、Ｗｅｂサーバ２００から受信した取得要求に含まれる部位ＩＤとアノテーション情報に従って、編集画像情報テーブル（図１４）からオリジナル画像ＩＤ（例えば、１４０２）を取得する。

ステップＳ７１８では、取得したオリジナル画像ＩＤに従って、オリジナル画像情報テーブル（図１４）からオリジナル画像ファイルパス（例えば、１４０１）を取得する。
ステップＳ７１９では、取得したオリジナル画像ファイルパスをＷｅｂサーバ２００に送信する。
ステップＳ７２０では、オリジナル画像ＩＤに従って、アノテーション情報とメモ情報を取得する。
ステップＳ７２１では、取得したアノテーション情報とメモ情報をＷｅｂサーバ２００に送信する。
ステップＳ７２２では、オリジナル画像ファイルパスとアノテーション情報とメモ情報をＤＢサーバ３００から受信する。

ステップＳ７２３では、オリジナル画像ファイルパスに従って、外部メモリ（ＨＤＤ等）に記憶されているオリジナル画像（オリジナル画像ＩＤを含む）を取得する。
ステップＳ７２４では、取得したオリジナル画像とアノテーション情報とメモ情報をクライアント端末１００に送信する。

なお、アノテーション情報とメモ情報は、ＪＳＯＮ型式である。なお、ＪａｖａＳｃｒｉｐｔ（登録商標）のオブジェクト形式への変換は、クライアント端末１００で実行するものとする。例えば、ＪＳＯＮ．ｐａｒｓｅ関数を用いることで実現可能である。

ステップＳ７２５では、オリジナル画像とアノテーション情報とメモ情報をＷｅｂサーバ２００から受信する。アノテーション情報をＲＡＭ上に記憶する。すなわち、編集画像の画像一覧を取得する処理の一例を示すものである。また、属性が選択された場合に、当該選択された属性のアノテーションを有する編集画像の一覧を取得する処理の一例を示すものである。

この、アノテーション情報には、描画関数と描画パラメータが記憶されるため、アノテーション情報をデシリアライズして描画関数と描画パラメータを用いてオリジナル画像上にアノテーションを順次表示する。

ステップＳ７２６では、受信したオリジナル画像を、ブラウザを用いて表示する。オリジナル画像は、例えば、ＨＴＭＬ５ Ｃａｎｖａｓ上に表示される。このＣａｎｖａｓ上に表示された画像の上位レイヤーにアノテーションを描画させることが可能となる。この描画された画像が編集画像であり、これはサムネイル画像であってもよい。
なお、ステップＳ７２５とステップＳ７２６は、ステップＳ７１３〜ステップＳ７１４と同様の処理であり、画像に対して、線種や太さの情報を保持している。

ステップＳ７２７では、９０３で編集例が選択（編集画像選択）されたかを判定する。編集例が選択されている場合は、ステップＳ７２８へ処理を移す。編集例が選択されていない場合は、処理を終了する。すなわち、画像一覧から参照する編集画像を選択する編集画像選択処理の一例を示すものである。
ステップＳ７２８では、９０３で指定された画像のオリジナル画像ＩＤをＷｅｂサーバ２００に送信する。
ステップＳ７２９では、クライアント端末１００からオリジナル画像ＩＤを受信する。

ステップＳ７３０では、受信したオリジナル画像ＩＤに対応するアノテーション情報を取得するため、オリジナル画像ＩＤを含む取得要求をＤＢサーバ３００に送信する。

ステップＳ７３１では、Ｗｅｂサーバ２００から受信した取得要求に含まれるオリジナル画像ＩＤに従って、編集画像情報テーブル（図１４）からアノテーション情報（例えば、１４０３）を取得する。なお、アノテーション情報には、アノテーションの線種（標準等の線の太さ、丸印等の種別）が含まれている。
ステップＳ７３２では、取得したアノテーション情報をＷｅｂサーバ２００に送信する。
ステップＳ７３３では、ＤＢサーバ３００が送信したアノテーション情報を受信する。
ステップＳ７３４では、取得したアノテーション情報をクライアント端末１００に送信する。
ステップＳ７３５では、Ｗｅｂサーバ２００が送信したアノテーション情報を受信する。

ステップＳ７３６では、受信したアノテーション情報に基づき、図１０の対応する選択項目「線の種類・太さ・色を選択済み（例えば、１００１、１００２、１００３）」を選択状態（デフォルト設定）にする。すなわち、編集画像に用いたアノテーションの属性を用いて、編集に用いるアノテーションの属性の項目それぞれに設定する。これより評価の高い編集例を選択することで、ユーザはその評価の高いアノテーションを簡単に利用でき、画像の編集効率があがる。

ステップＳ７３７では、９０４で「コメントをコメント欄へ反映」が選択されたかを判定する。「コメントをコメント欄へ反映」１００５が選択されている（チェックされている）場合は、ステップＳ７３８へ処理を移す。編集例が選択されていない場合は、処理を終了する。これにより、評価の高いコメントも利用でき、入力が効率化される。さらに、損保会社などの確認側での確認が容易になる。
ステップＳ７３８では、ステップＳ７２８の９０３で指定された画像のオリジナル画像ＩＤをＷｅｂサーバ２００に送信する。
ステップＳ７３９では、クライアント端末１００からオリジナル画像ＩＤを受信する。
ステップＳ７４０では、受信したオリジナル画像ＩＤに対応するメモ情報を取得するため、オリジナル画像ＩＤを含む取得要求をＤＢサーバ３００に送信する。

ステップＳ７４１では、Ｗｅｂサーバ２００から受信した取得要求に含まれるオリジナル画像ＩＤに従って、オリジナル画像情報テーブル（図１４の１４００）からメモ情報（例えば、１４０４）を取得する。
ステップＳ７４２では、取得したメモ情報をＷｅｂサーバ２００に送信する。
ステップＳ７４３では、ＤＢサーバ３００が送信したメモ情報を受信する。
ステップＳ７４４では、取得したメモ情報をクライアント端末１００に送信する。
ステップＳ７４５では、Ｗｅｂサーバ２００が送信したメモ情報を受信する。
ステップＳ７４６では、受信したメモ情報に基づき、コメントをコメント欄に表示（例えば、１００４）する。

次に、図８を用いて、本発明の実施形態における、ランキングの表示処理について説明する。図７は、ランキングの表示処理のフローチャートである。このランキング表示は、メインメニューからランキング表示を選択することで、ランキング表示がされるものとする。なお、図９や図１５の画面からランキング表示できる構成であってもよい。
ステップＳ８０１では、ランキングメニュー一覧（全国ランキング、工場内ランキング、部位別ランキング）をランキングメニュー画面に表示する。

ステップＳ８０２では、ランキングメニュー画面でどのメニューが選択されたかを判定する。全国ランキングが選択されている場合は、ステップＳ８０３へ処理を移す。工場内ランキングが選択されている場合は、ステップＳ８０４へ処理を移す。部位別ランキングが選択されている場合は、ステップＳ８０５へ処理を移す。

ステップＳ８０３では、全編集画像のうち、評価合計点数の高い画像を上位３枚取得するため、取得要求をＤＢサーバ３００に送信する。例えば、ＳＱＬ文を発行するものとする。

ステップＳ８０４では、自工場ユーザによって編集された編集画像のうち、評価合計点数の高い画像を上位３枚取得するため、工場ＩＤを含む取得要求をＤＢサーバ３００に送信する。例えば、ＳＱＬ文を発行するものとする。
ステップＳ８０５では、図９の９０１のように、ランキング画面で部位の指定を受け付ける。
ステップＳ８０６では、指定された部位の部位ＩＤをＷｅｂサーバ２００に送信する。
ステップＳ８０７では、クライアント端末１００から部位ＩＤを受信する。

ステップＳ８０８では、受信した部位ＩＤに対応する編集画像のうち、評価合計点数の高い画像を上位３枚取得するため、部位ＩＤを含む取得要求をＤＢサーバ３００に送信する。例えば、ＳＱＬ文を発行するものとする。

ステップＳ８０９では、Ｗｅｂサーバ２００から受信した取得要求に従って、編集画像情報テーブル（図１４の１４１０）からオリジナル画像ＩＤ（例えば、１４０２）を取得する。

ステップＳ８１０では、取得したオリジナル画像ＩＤに従って、オリジナル画像情報テーブル（図１４の１４００）からオリジナル画像ファイルパス（例えば、１４０１）を取得する。
ステップＳ８１１では、取得したオリジナル画像ファイルパスをＷｅｂサーバ２００に送信する。
ステップＳ８１２では、オリジナル画像ＩＤに従って、アノテーション情報とメモ情報を取得する。
ステップＳ８１３では、取得したアノテーション情報とメモ情報をＷｅｂサーバ２００に送信する。
ステップＳ８１４では、オリジナル画像ファイルパスとアノテーション情報とメモ情報をＤＢサーバ３００から受信する。

ステップＳ８１５では、オリジナル画像ファイルパスに従って、外部メモリ（ＨＤＤ等）に記憶されているオリジナル画像（オリジナル画像ＩＤを含む）を取得する。

ステップＳ８１６では、取得したオリジナル画像とアノテーション情報とメモ情報をクライアント端末１００に送信する。すなわち、画像を送信する画像送信処理の一例を示すステップである。

なお、アノテーション情報とメモ情報は、ＪＳＯＮ型式である。なお、ＪａｖａＳｃｒｉｐｔ（登録商標）のオブジェクト形式への変換は、クライアント端末１００で実行するものとする。例えば、ＪＳＯＮ．ｐａｒｓｅ関数を用いることで実現可能である。

ステップＳ８１７では、オリジナル画像とアノテーション情報とメモ情報をＷｅｂサーバ２００から受信する。アノテーション情報をＲＡＭ上に記憶する。この、アノテーション情報には、描画関数と描画パラメータが記憶されるため、アノテーション情報をデシリアライズして描画関数と描画パラメータを用いてオリジナル画像上にアノテーションを順次表示する。

ステップＳ８１８では、受信したオリジナル画像を、ブラウザを用いて表示する。オリジナル画像は、例えば、ＨＴＭＬ５ Ｃａｎｖａｓ上に表示される。このＣａｎｖａｓ上に表示された画像の上位レイヤーにアノテーションを描画させることが可能となる。なお、工場で評価の高い画像を表示する場合、上述したように、サムネイル画像であってもよい。

ここで図９について説明する。図９はクライアント端末１００の画像編集画面の一例を示す図である。画像編集画面は、ブラウザを用いて表示され、９０３に画像の編集例が表示される。９０１で部位を選択することで、選択された部位のうち、評価合計点の高い画像かつ一定点数以上の編集例を表示する。また、９０２で線の種類・太さ・色を選択することで、選択された部位のうち、評価合計点の高い画像かつ一定点数以上の編集例かつ選択した編集が施されている編集例を表示することができる。

工場ユーザが９０３から編集例を選択すると、選択した編集例で使用されている線の種類・太さ・色が自動的に設定される。また、「コメントをコメント欄に反映」チェックボックスにチェックが入っていた場合は、編集例で使用されているコメントがコメント欄に反映される。

同じく図１０もクライアント端末１００の画像編集画面の一例を示す図であり、図１０は図９にて編集例が選択された後の状態を示す図である。工場ユーザが９０３から編集例を選択すると、１００１・１００２・１００３のように選択した編集例で使用されている線の種類・太さ・色が自動的に選択される。また、「コメントをコメント欄に反映」チェックボックスにチェックが入っていた場合は、１００４のように編集例で使用されているコメントがコメント欄に反映される。

図１１について説明する。図１１はクライアント端末４０１のフィードバック画面の一例を示す図である。フィードバック画面は、ブラウザを用いて表示される。１１０３に編集画像が表示され、１１０４にコメントが表示される。ユーザは１１０５にて評価対象の編集を選択し、１１０１にて評価を行う。評価完了後、１１０２が押下される。

図１２について説明する。図１２はクライアント端末１００のフィードバック結果画面の一例を示す図である。フィードバック結果画面は、ブラウザを用いて表示される。１２０１に編集画像が表示され、１２０２にコメントが表示される。１２０３にクライアント端末４０１のユーザによる評価とフィードバックコメントが表示される。

図１３について説明する。図１３はクライアント端末１００のランキング画面の一例を示す図である。

図１４について説明する。図１４は、ＤＢサーバ３００で記憶するデータの一例を示す図である。オリジナル画像情報テーブル１４００、編集画像情報テーブル１４１０、フィードバックテーブル１４２０、部位一覧１４３０、修理（事故）案件情報１４４０を記憶している。

なお、本実施形態では、画像はＷｅｂサーバ２００に記憶する構成としたが、ＤＢサーバ３００をＷｅｂサーバ２００と一体にして、Ｗｅｂサーバ２００で各種データを管理する構成であってもよい。

ここで図１５について説明する。図１５はクライアント端末１００の画像一覧表示画面の一例を示す図である。画像一覧表示画面は、ブラウザを用いて表示され、１５００に登録されているオリジナル画像のサムネイル画像が表示される。また、クライアント端末１００で画像をドラッグ＆ドロップすることで、所望の画像を登録できる構成となっている。

１５０１は、編集する画像が指定されている場合の枠である。１５０２は、画像が編集されている（アノテーションが付加されている）ことを示すマークである。Ｗｅｂサーバ２００はサムネイル画像を送信する際に、図１２の１２０２のシリアライズアノテーションにアノテーション情報が記憶されていることをチェックして、マークを付与してクライアント端末１００へ送信する。１５０３は、編集ボタンであり、１５０１で画像を選択され、編集ボタンが押下されることで、画像が表示される。編集例は、図１６である。本実施形態の特徴を示す編集例は、図９、図１０である。

図１６について説明する。図１６は編集例であり、アノテーションを追加する前と追加した後の例を示すものである。アノテーション１６０４を指定すると、自動でコメント欄に１６０５の文字列が挿入される。

本実施形態の機能構成について説明する。クライアント端末１００では以下の機能部を備える。

編集画像の画像一覧を取得する取得部、取得部で取得した画像一覧を表示する表示部、画像一覧から参照する編集画像を選択する編集画像選択部、編集画像選択部により選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する追加部。

また、編集画像に用いたアノテーションの属性を用いて、編集に用いるアノテーションの属性に設定する設定部、ユーザによるアノテーションの属性を選択する属性選択部を備える。

前記取得手段は、前記属性選択手段により、属性が選択された場合に、当該選択された属性のアノテーションを有する編集画像の一覧を取得することを特徴とする請求項１又は請求項２に記載の情報処理装置。

以上、本実施形態によれば、画像を用いた画像に係る指示内容（入力内容）の入力を支援することができる。具体的には、編集例となる画像の一覧を表示し、ユーザが選択することで、選択した画像に対応付くアノテーション情報に従って、アノテーション設定を自動的に行い、編集例に沿ったアノテーションを用いて指示内容を入力することができ、効率的な入力を支援することができる。

また、アノテーションとコメントを一括して入力可能になり、画像に係る指示を容易に入力することができる。特に、アノテーション番号とコメント番号を自動で付与するため、入力効率が良くなる。

更に、ＡｃｔｉｖｅＸ等のプラグインを別途用いることなく、ブラウザ上に表示した画像に対してアノテーションを付与し画像を直接編集することが可能となる。そして、編集された画像を新たな１枚の画像としてサーバに保存することで編集後の画像の参照も容易となる。アノテーションと連動して画像に対するメモを記入、保存することも可能となり、画像を用いた指示を容易に行うことが可能となる。
なお、上述した各種データの構成及びその内容はこれに限定されるものではなく、用途や目的に応じて、様々な構成や内容で構成されることは言うまでもない。

以上、一実施形態について示したが、本発明は、例えば、システム、装置、方法、プログラムもしくは記録媒体等としての実施態様をとることが可能であり、具体的には、複数の機器から構成されるシステムに適用しても良いし、また、一つの機器からなる装置に適用しても良い。

また、本発明におけるプログラムは、図４〜図８に示すフローチャートの処理方法をコンピュータが実行可能なプログラムであり、本発明の記憶媒体は図４〜図８の処理方法をコンピュータが実行可能なプログラムが記憶されている。なお、本発明におけるプログラムは図４〜図８の各装置の処理方法ごとのプログラムであってもよい。

以上のように、前述した実施形態の機能を実現するプログラムを記録した記録媒体を、システムあるいは装置に供給し、そのシステムあるいは装置のコンピュータ（またはＣＰＵやＭＰＵ）が記録媒体に格納されたプログラムを読出し実行することによっても、本発明の目的が達成されることは言うまでもない。

この場合、記録媒体から読み出されたプログラム自体が本発明の新規な機能を実現することになり、そのプログラムを記憶した記録媒体は本発明を構成することになる。

プログラムを供給するための記録媒体としては、例えば、フレキシブルディスク、ハードディスク、光ディスク、光磁気ディスク、ＣＤ−ＲＯＭ、ＣＤ−Ｒ、ＤＶＤ−ＲＯＭ、磁気テープ、不揮発性のメモリカード、ＲＯＭ、ＥＥＰＲＯＭ、シリコンディスク、ソリッドステートドライブ等を用いることができる。

また、コンピュータが読み出したプログラムを実行することにより、前述した実施形態の機能が実現されるだけでなく、そのプログラムの指示に基づき、コンピュータ上で稼働しているＯＳ（オペレーティングシステム）等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。

さらに、記録媒体から読み出されたプログラムが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書き込まれた後、そのプログラムコードの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるＣＰＵ等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。

また、本発明は、複数の機器から構成されるシステムに適用しても、１つの機器からなる装置に適用してもよい。また、本発明は、システムあるいは装置にプログラムを供給することによって達成される場合にも適応できることは言うまでもない。この場合、本発明を達成するためのプログラムを格納した記録媒体を該システムあるいは装置に読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。

さらに、本発明を達成するためのプログラムをネットワーク上のサーバ、データベース等から通信プログラムによりダウンロードして読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。
なお、上述した各実施形態およびその変形例を組み合わせた構成も全て本発明に含まれるものである。

１００ クライアント端末
２００ Ｗｅｂサーバ
３００ ＤＢサーバ
４００ ファイルサーバ
４０１ クライアント端末（参照端末）

Claims (10)

1. アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性を管理する管理装置と通信可能な情報処理装置であって、
   前記編集画像の画像一覧を取得する取得手段と、
   前記取得手段で取得した画像一覧を表示する表示手段と、
   前記画像一覧から参照する編集画像を選択する編集画像選択手段と、
   前記編集画像選択手段により選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する追加手段と
   を備えることを特徴とする情報処理装置。
2. 前記編集画像に用いたアノテーションの属性を用いて、編集に用いるアノテーションの属性に設定する設定手段を更に備え、
   前記追加手段は、前記設定手段により設定された属性に従い、ユーザの操作に応じて編集対象の画像上にアノテーションを追加することを特徴とする請求項１に記載の情報処理装置。
3. ユーザによるアノテーションの属性を選択する属性選択手段を更に備え、
   前記取得手段は、前記属性選択手段により、属性が選択された場合に、当該選択された属性のアノテーションを有する編集画像の一覧を取得することを特徴とする請求項１又は請求項２に記載の情報処理装置。
4. 前記前記編集画像は、編集に用いられたアノテーションに係る評価情報と対応付いて記憶され、
   前記取得手段は、前記評価情報に従って、決定された編集画像の一覧を取得することを特徴とする請求項１乃至３のいずれか１項に記載の情報処理装置。
5. 画像上のユーザの操作に対応する位置を取得する位置取得手段を更に備え、
   前記追加手段は、前記位置取得手段により取得した位置に応じて、前記アノテーションと前記アノテーションを識別する識別情報を追加することを特徴とする請求項１乃至４のいずれか１項に記載の情報処理装置。
6. アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性を管理する管理装置と情報処理装置を含む情報処理システムであって、
   前記管理装置は、
   前記情報処理装置でのアノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性とを管理する管理手段と、
   前記情報処理装置からの要求に従って、前記編集画像と前記アノテーションの属性を送信する送信手段と
   を備え、
   前記情報処理装置は、
   前記管理装置から前記編集画像と前記アノテーションの属性を取得する取得手段と、
   前記取得手段で取得した画像一覧を表示する表示手段と、
   前記画像一覧から参照する編集画像を選択する編集画像選択手段と、
   前記編集画像選択手段により選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する追加手段と
   を備えることを特徴とする情報処理システム。
7. アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性を管理する管理装置と通信可能な情報処理装置の処理方法であって、
   前記編集画像の画像一覧を取得する取得ステップと、
   前記取得ステップで取得した画像一覧を表示する表示ステップと、
   前記画像一覧から参照する編集画像を選択する編集画像選択ステップと、
   前記編集画像選択ステップにより選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する追加ステップと
   を含むことを特徴とする処理方法。
8. アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性を管理する管理装置と情報処理装置を含む情報処理システムの処理方法であって、
   前記管理装置は、
   前記情報処理装置でのアノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性とを管理する管理ステップと、
   前記情報処理装置からの要求に従って、前記編集画像と前記アノテーションの属性を送信する送信ステップと
   を含み、
   前記情報処理装置は、
   前記管理装置から前記編集画像と前記アノテーションの属性を取得する取得ステップと、
   前記取得ステップで取得した画像一覧を表示する表示ステップと、
   前記画像一覧から参照する編集画像を選択する編集画像選択ステップと、
   前記編集画像選択ステップにより選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する追加ステップと
   を含むことを特徴とする処理方法。
9. アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性を管理する管理装置と通信可能な情報処理装置のプログラムであって、
   前記情報処理装置を、
   前記編集画像の画像一覧を取得する取得手段と、
   前記取得手段で取得した画像一覧を表示する表示手段と、
   前記画像一覧から参照する編集画像を選択する編集画像選択手段と、
   前記編集画像選択手段により選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する追加手段
   として機能させることを特徴とするプログラム。
10. アノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性を管理する管理装置と情報処理装置を含む情報処理システムのプログラムであって、
    前記管理装置を、
    前記情報処理装置でのアノテーション追加による編集画像と当該編集画像で用いたアノテーションの属性とを管理する管理手段と、
    前記情報処理装置からの要求に従って、前記編集画像と前記アノテーションの属性を送信する送信手段
    として機能させ、
    前記情報処理装置を、
    前記管理装置から前記編集画像と前記アノテーションの属性を取得する取得手段と、
    前記取得手段で取得した画像一覧を表示する表示手段と、
    前記画像一覧から参照する編集画像を選択する編集画像選択手段と、
    前記編集画像選択手段により選択された編集画像に用いたアノテーションの属性を用いて、編集対象の画像上にアノテーションを追加する追加手段
    として機能させることを特徴とするプログラム。

Images