JP2008250522A - 画像処理システム及び方法 - Google Patents

Abstract

【課題】 Ｗｅｂ上で簡単にかつユーザ側の端末に負荷をかけないで、操作性良く画像の編集ができる仕組みを提供する。
【解決手段】 レイアウト／画像処理プログラムにより、レイアウト用縮小画像へのリンク情報から、フォトオブジェクトを生成し、生成されたフォトオブジェクトに対応するレイアウト用縮小画像の画像データを割当てて記憶し、サーバからレイアウト／画像処理プログラムを受信して実行することにより、生成されたフォトオブジェクトを、上記フォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理を行い、レイアウト処理を行った後のフォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理結果情報を一時的に記憶し、フォトオブジェクト記憶手段に一時的に記憶されたレイアウト処理結果情報をサーバに送信することとした。
【選択図】 図１

Description

本発明は、画像データの管理や、画像データのレイアウトをＷｅｂページ上で行うための技術に関する。

現在、デジタルカメラなどにより、簡単に写真などを撮影し、そのデータJPEGなどのデータ形式で保存しておき、所定のレイアウトに基づいてこれを編集することが行われている。
このような、例として、サーバ側で利用者から処理対象画像データを受け入れ、受け入れた処理対象画像データを所定の保持期間にわたってストレージしておくと共に、処理対象画像データについての画像処理指示に基づいて、ストレージされている処理対象画像データに対する画像処理を行う技術がある（特許文献１）。
また、写真集製作の注文を受ける写真集受注システムにおいて、サーバ上で写真集の画像を編集し、確認した上で、編集した写真集の製作を注文することができる仕組みが
提案されている（特許文献２）。
また、インターネット上でデジタルデータをサムネイル表示し、そのサムネイル画像を利用してアルバムに使用する写真を選定すると共に、選定した写真のアルバムページにおけるレイアウトを決定し、それに基づいてアルバムを製作する仕組みが提案されている（特許文献３）。

特開２００５−２３４６８１ 特開２００１−３３１７０４ 特開２００４−２５８９２０

具体的にこのウエブページは、公知のファイルアップロードＣＧＩ（ C o m m o n G a t e w a y I n t e r f a c e）プログラムや、公知の画像編集用の専用プログラムなどを用いる場合、ユーザ側のコンピュータの環境に大きく依存してしまうという問題があった。
また、これらの画像編集用のプログラムを取得したり、また配布するために多大な手間とコストがかかってしまうという問題があった。

本発明は、上述の課題を解決するためになされたものであって、Ｗｅｂ上で簡単にかつユーザ側の端末に負荷をかけないで、操作性良く画像の編集ができる仕組みを提供することを目的とする。

本発明の一の観点にかかる画像処理システムは、登録された画像データを記憶するサーバと、上記サーバと通信可能に構成されたクライアント端末とから構成され、上記Ｗｅｂサーバに記憶された画像データを、上記クライアント端末のブラウザによりＷｅｂページ上で表示して、編集するためのシステムであって、上記サーバは、上記登録画像データのサイズを縮小して縮小画像データを生成する画像縮小手段と、上記縮小画像データと、各縮小画像へのリンク情報を記憶するレイアウト用縮小画像記憶手段と、上記レイアウト用縮小画像に対するリンクを生成する登録画像解析手段と、上記生成されたリンクを、上記レイアウト用縮小画像と関連付けて記憶する登録画像リンク情報を記憶する登録画像リンク情報記憶手段と、上記クライアント端末に対して、レイアウト／画像処理プログラムを配信する配信手段と、上記クライアント端末からの要求により、上記レイアウト用縮小画像記憶手段に記憶されている画像データを上記クライアント端末へ送信する手段と、を有し、上記クライアント端末は、上記レイアウト／画像処理プログラムにより、上記登録画像リンク情報記憶手段に記憶されているレイアウト用縮小画像へのリンク情報から、フォトオブジェクトを生成するフォトオブジェクト生成手段と、上記生成されたフォトオブジェクトに対応するレイアウト用縮小画像の画像データを割当てて記憶するフォトオブジェクト記憶手段と、上記生成されたフォトオブジェクトを、上記サーバから受信したレイアウト／画像処理プログラムを実行して操作することで、上記フォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理を行う実行手段と、レイアウト処理を行った後のフォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理結果情報を一時的に記憶するフォトオブジェクト記憶手段と、上記フォトオブジェクト記憶手段に一時的に記憶されたレイアウト処理結果情報を上記サーバに送信する送信手段と、有することを特徴とする。

また、上記実行手段は、上記レイアウト／画像処理プログラムを実行することにより、マスキングや色変換などの画像処理を更に行うようにしてもよい。

上記サーバは、上記受信したレイアウト処理結果情報をＸＭＬ形式の数値、テキスト情報に変換するＸＭＬレイアウト情報変換手段と、上記変換されたＸＭＬ形式のレイアウト処理結果情報を記憶するＸＭＬレイアウト情報記憶手段とを有してもよい。

上記サーバは、上記ＸＭＬレイアウト情報記憶手段に記憶されたＸＭＬ形式の数値、テキスト情報を、上記フォトオブジェクト群配列に格納されたフォトオブジェクトの各変数に変換する変換処理手段を更に有してもよい。

本発明の一の観点にかかる画像処理方法は、登録された画像データを記憶するサーバと、上記サーバと通信可能に構成されたクライアント端末とから構成され、上記Ｗｅｂサーバに記憶された画像データを、上記クライアント端末のブラウザによりＷｅｂページ上で表示して、編集するためのシステムにより行われる方法であって、上記サーバが、上記登録画像データのサイズを縮小して縮小画像データを生成する処理と、上記縮小画像データと、各縮小画像へのリンク情報をレイアウト用縮小画像記憶手段に記憶する処理と、上記レイアウト用縮小画像に対するリンクを生成する処理と、上記生成されたリンクを、上記レイアウト用縮小画像と関連付けて記憶する登録画像リンク情報を登録画像リンク情報記憶手段に記憶すると、上記クライアント端末に対して、レイアウト／画像処理プログラムを配信する処理と、上記クライアント端末からの要求により、上記レイアウト用縮小画像記憶手段に記憶されている画像データを上記クライアント端末へ送信する処理とを行い、上記クライアント端末が、上記レイアウト／画像処理プログラムにより、上記登録画像リンク情報記憶手段に記憶されているレイアウト用縮小画像へのリンク情報から、フォトオブジェクトを生成する処理と、上記生成されたフォトオブジェクトに対応するレイアウト用縮小画像の画像データを割当ててフォトオブジェクト記憶手段に記憶する処理と、上記生成されたフォトオブジェクトを、上記サーバから受信したレイアウト／画像処理プログラムを実行して操作することで、上記フォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理を行う処理と、レイアウト処理を行った後のフォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理結果情報をフォトオブジェクト記憶手段に一時的に記憶する処理と、上記フォトオブジェクト記憶手段に一時的に記憶されたレイアウト処理結果情報を上記サーバに送信する処理と、を行うことを特徴とする。

本発明によれば、Ｗｅｂページ上で画像を自由に回転、拡大、縮小等を行うことができる。これにより、インターネット上で自由に画像の編集を行うことができる。
また、ＸＭＬデータに変換してサーバ上に記憶しておくことで、ユーザは任意のタイミングで、記憶しておいたデータを参照して編集を行うことができるし、データ量が少なく、また他の技術への組み込みが容易となる。また製本システムなどの他のシステムへのへのインプットとレイアウト用写真データから、ＸＭＬの解析による製本用高解像度写真データへの置き換えが容易となる。

次に、本発明にかかる実施形態について図を参照して説明する。
図１は、本実施形態にかかるシステムの全体構成を示した図である。
図1において、本システムは、本発明の画像処理装置を適用したサーバ２と、このサーバ２に対してインターネット５を介して接続可能に構成された、ユーザが使用する複数のクライアント端末３及びクライアント端末４から構成されている。

クライアント端末３は、いわゆるパーソナルコンピュータや、ＰＤＡ端末、携帯電話端末などにより構成することができ、図１に示すように通信制御部３０１、Ｗｅｂブラウザ３０２、フォトオブジェクト記憶部３０３、オリジナル画像記憶部３０４、入力装置３０５、表示装置３０６から構成されている。
通信制御部３０１は、インターネット等のネットワーク、その他の通信回線を介して、所定のプロトコルに基づいて、サーバ２との間でのデータの送受信を行う。
Ｗｅｂブラウザ３０２は、ＨＴＭＬデータや画像データ、音声データなどを受信してＷｅｂページ画像を表示する処理を行う。また、Ｗｅｂブラウザ３０２は、ＡＶＭ３０２ａやレイアウト／画像処理ＲＩＡ（Rich Internet Applications）３０２ｂなどのアプリケーションプログラムを実行することができる。
フォトオブジェクト記憶部３０３は、Ｗｅｂページ上に表示される画像のフォトオブジェクトデータを一時的に記憶するメモリである。
オリジナル画像ファイル３０４は、ユーザがデジタルカメラなどで撮影した画像データを記憶する記憶部である。この画像形式はＪＰＥＧなど所定の画像形式であればよい。
入力装置３０５は、ユーザがデータの入力を行う際に使用するものであり、キーボードやマウスなどのポインティングデバイスなどである。
表示装置３０６は、受信したデータなどを表示するもので装置であり、ディスプレイ装置により構成することができる。

サーバ２は、ＣＰＵ(Central Processing Unit)、ＣＰＵが実行するコンピュータプログラム、コンピュータプログラムやデータなどを記憶するメモリ、ハードディスクドライブなどにより図１に示した機能ブロックを構成することができる。
図１に示した機能ブロックは、通信制御部２０１、画像登録プログラム２０２、オリジナル画像記憶部２０３、画像縮小プログラム２０４、レイアウト用縮小画像記憶部２０５、登録画像ＵＲＬ記憶部２０６、登録画像解析プログラム２０７、レイアウト画像処理ＲＩＡ２０８、デザイン読み出しプログラム２０９、アルバム情報記憶部２１０、ＸＭＬレイアウト情報保存プログラム２１１、ＸＭＬレイアウト情報解析プログラム２１２、ＸＭＬレイアウト情報記憶部２１３から構成されている。

通信制御部２０１は、インターネット等のネットワークその他の通信回線を介して、所定のプロトコルに基づいて、クライアント端末３との間でのデータの送受信を行う。

画像登録プログラム２０２は、クライアント端末３から送られてきた画像データをオリジナル画像記憶部２０３に記憶する処理を行う。

オリジナル画像記憶部２０３は、クライアント端末３から送られた画像データをデータベース化したものである。
このオリジナル画像記憶部２０３には、クライアントＩＤなどの識別情報と、必要な情報（例えば、結婚式のアルバムであれば、挙式日、新郎新婦の名前など）、当該クライアントが送信した画像データが関連付けて記憶されている。

画像縮小プログラム２０４は、クライアント端末３から送られてきた画像データを、Ｗｅｂページ上で表示するため、その画像の画素数を落として、縮小する処理を行う。

レイアウト用縮小画像記憶部２０５は、画像縮小プログラム２０４により作成され縮小画像データを記憶する記憶部である。
このレイアウト用縮小画像記憶部２０５には、ユーザＩＤなどの識別情報と、縮小画像の識別情報と縮小画像データが記憶される。

登録画像ＵＲＬ記憶部２０６は、縮小画像データと、各縮小画像へのＵＲＬリンク情報を記憶する記憶部である。

登録画像解析プログラム２０７は、登録画像データのサイズを縮小してレイアウト用縮小画像データを生成するとともに、レイアウト用縮小画像に対するＵＲＬリンクを生成する処理を行う。

レイアウト画像処理記憶部２０８は、クライアント端末３へ送信するレイアウト／画像処理ＲＩＡプログラムを記憶する記憶部である。
ここで、レイアウト／画像処理ＲＩＡプログラム２０８ａは、クライアント端末のＷｅｂブラウザ上で、フォトオブジェクトデータの編集処理を行うためのコンピュータプログラムである。

デザイン読み出しプログラム２０９は、クライアント端末３からの指示により、読み出されたレイアウト画像及び画像を読み出して、Ｗｅｂページデータとしてクライアント端末３に送信する。

アルバム情報記憶部２１０は、ユーザによる編集結果情報を記憶する記憶部である。

ＸＭＬレイアウト情報保存プログラム２１１は、クライアント端末３から受信したフォトオブジェクト処理結果情報をＸＭＬ形式の変換する処理を行う。

ＸＭＬレイアウト情報解析プログラム２１２は、ＸＭＬレイアウト情報記憶部２１３に記憶されているＸＭＬレイアウト情報に基づいて、画像データを生成する処理を行う。

ＸＭＬレイアウト情報記憶部２１３は、ＸＭＬ形式のレイアウト情報を記憶する記憶部である。

次に、ユーザ登録から画像登録、製本までのシステム全体の一連の処理の流れについて説明する。
１．ユーザ登録
図２において、事前処理として、ユーザはインターネット上のサイトにアクセスすると、サーバ２は、ユーザ登録のＷｅｂページデータをクライアント端末３へ送信し、ユーザ登録のＷｅｂページを表示させる（Ｓ１０１）。
このユーザ登録のＷｅｂページ上には、ユーザの氏名、住所、メールアドレス、電話番号、所属、希望するユーザ名、希望するパスワードの入力欄が表示される。

ユーザ登録情報が入力されて送信されると、サーバ２は、送信されたデータを受信し、図示しないユーザ情報データベースにセキュアな状態で登録すると同時に、メールにて登録を行ったユーザに登録情報を送信して、登録内容の確認をおこなう（Ｓ１０２）。
このメールには、ＰＤＦ形式の正式な契約書フォーマットが添付され、ユーザは決められた期間内に独自にプリントアウトした契約書に必要事項を書き入れ、郵送又はＦＡＸでこのシステムを運用する機関に送り、承認を得て正式な契約とする。
これでユーザ登録処理は完了する。

２．ユーザ専用アルバム管理ページとログイン
ユーザ登録を行った時点で、サーバ２は、図６に示すユーザ専用のアルバム管理ページを動的に生成し、これ以降管理されるアルバムデータを保管するため、サーバ上の記憶領域にユーザ専用スペースを確保する（Ｓ１０３）。

３．アルバム登録
作成されたこのアルバム管理ページにアクセスする場合、ユーザがサイトのアドレスを入力すると、サーバ２は、図７（ａ）に示したユーザ名とパスワードを入力するログインページを表示する（Ｓ１０４）。
これにより、ユーザからユーザ名とパスワードが入力されサーバ２へ送信されると、サーバ２は、入力されたユーザ名及びパスワードが正しいか否か判別し、正しい場合には図７（ｂ）に示すアルバム登録のＴＯＰ画面フォームのデータを送信する（Ｓ１０５）。

ユーザがクライアント端末３から、図７（ｃ）のアルバム登録フォームに従って、必要な登録データ及び画像データの入力を行い、サーバ２へ送信することで、サーバ２は、アルバムデータの登録処理を行う（Ｓ１０６）。
図７（ｃ）に示す、アルバム登録フォームから、アルバム制作における必要な情報の入力（例えば、結婚式のアルバムであれば挙式日、新郎新婦の名前など）、デザインやページ数の選択、Ａ４、Ｂ５など製本サイズの選択、製本のタイプとして紙質（光沢やフォーマットなど）の選択など複数の項目からなる。

これら必要な項目を満たしたフォームデータをサーバ２へ送信すると、サーバ２は、アルバムデータ類としてレイアウト作業に必要なプログラム類、デザイン類を、ユーザ専用スペースにアルバム登録フォームで登録した情報からの組み合わせによる新たなディレクトリ名を持つフォルダに記憶する。
サーバ２は、これら登録されたデータの状況を監視し、Ｗｅｂブラウザのリロード、管理ページの更新機能を持ったリンクのクリックを行うことで、監視状況を管理ページに反映する。

４．写真のアップロード
作成されたアルバム写真データのアップロードをする場合、ユーザにより写真データのアップロードが選択されると、サーバ２は、図８に示した写真のアップロードページを表示させる（Ｓ１０７）。
この写真アップロードページにはアップローダーのコンピュータプログラムが組み込まれており、これがクライアント端末３で実行される。

ユーザは、クライアント端末３に記憶されている写真データのうち、アップロードしたい写真データを選択して「ファイル選択」ボタンを押すと、サーバ２は、管理ページ上から上記３で収集保管されたもののうち、対応付けられた所定のディレクトリ（例えば、図７におけるoriginalフォルダ）へアップロードされ記憶する（Ｓ１０８）。
写真データをアップロードする際、クライアント端末３に保管された写真データ、またはクライアント端末３に接続されたデジタルカメラやＣＤ−ＲＯＭなどに代表される記録媒体に記録された写真データを複数枚選択することもできる。
また、この際、アップロードページによる写真のアップロードと同時に、サーバ２上の画像縮小プログラム２０４で後のレイアウト工程に使用するための解像度を落とした縮小写真に変換し、レイアウト用縮小画像記憶部２０５に記憶させる（Ｓ１０９）。

５．レイアウトページ
写真データのアップロードを行うと、サーバ２は、レイアウト作業ページへのリンクと、追加アップロードへのリンクを表示したＷｅｂ画面データをクライアント端末４に送信する（Ｓ１１０）。
追加アップロードが選択されると、上述のＳ１０７以下の処理が繰り返される。
また、レイアウト作業ページへのリンクがクリックされると、上述のＳ３０６のアルバム登録時に登録したアルバムのデザイン、タイプ、ページ数などの条件を備えたレイアウトアプリケーションのページを作成して、これをクライアント端末３へ送信する（Ｓ１１１）。
これにより、図９に示すように、Ｗｅｂページ上には、登録された条件に基づいたレイアウトページが表示される。図９の例では、画面上側に登録された写真データのサムネール画像と機能ボタンが表示され、その中央部には写真配置可能領域が表示され、右側にメッセージ表示領域、画面右下に注文ボタンが表示される。このサムネール画像は、レイアウト用縮小画像記憶部２０５に記憶されている画像が表示される。

６．レイアウト作業
６．１ 写真選択とデザインへの写真配置
ユーザは、クライアント端末３から、Ｗｅｂ画面の上方部分に、レイアウトプログラム用の解像度に調整されたサムネール画像の中から、アルバム作成に使用する画像をマウスで選択し、画像を中央の「アルバム領域」にドラッグドロップすることにより、図１０に示すように、ドラッグドロップされた画像が、写真配置可能領域に表示される（Ｓ１１２）。
この具体的な処理については後述する。
サムネール画像をサムネール一覧の領域より下の「アルバム領域」へドラッグドロップにより配置すると、レイアウト/画像処理RIA302bは、サムネール画像を白黒の画像として表示する（Ｓ１１３）。これにより、現在使われていることが分かるようになる。
なお、サムネール一覧の直下にあるスクロールバーを移動することで、現在画面上に表示されている以外のサムネールを表示、選択することができる。

ユーザが白黒のサムネール上にマウスのポインタを重ねると、レイアウト/画像処理RIA302bは、後述するページ番号のうち、その写真が使われているページ番号を表示する（Ｓ１１４）。

なお、写真の配置は、アルバムデザイン上で決められた範囲内（仮に「レイアウト可能範囲」）に配置される必要があり、それ以外の位置に配置された場合、レイアウト/画像処理RIA302bは、その位置が無効であることを通知するメッセージを、図９の画面右のメッセージ表示領域に表示する。
この位置の判別処理は、可能面積Ts、フォトオブジェクトの位置となり得る点K(ｘ，ｙ)とすると、フォトオブジェクトの新たな点P(x,y)は、
Ts ∋ K(x,y)
となる集合の元K(x,y)のいずれかと一致する場合、表示可能範囲に配置されたと判別され、これに入らない場合にその位置が無効であると判別される。

レイアウト可能範囲に写真を配置すると、レイアウト/画像処理RIA302bは、レイアウト可能領域外にはみ出す写真画像部分を、自動的にトリミングして、レイアウト可能領域内でのみの画像表示とする（写真マスク）。
また、マスクの付加機能として、レイアウト/画像処理RIA302bは、デザイン上決められた色変換機能を持ち、この色変換機能を持ったマスクを、配置した写真に適用することで、写真の色が指定された、例えば、モノクロとセピア色に変換される。ドラッグドロップによりこのマスク領域外へ移動すると、サーバ２は、このマスクの色変換も適用外となり、元の画像の色として表示する。

初期段階では、写真はサムネール領域にあるが、そこから最初のドラッグドロップによりレイアウト可能領域に配置されると、レイアウト/画像処理RIA302bは、配置された画像データをマスクするとともに、そのマスクの面積に対して写真のアスペクト比を保ったまま、写真とマスクとの間に余白のない状態になる場合の最小の面積と位置を自動的にプログラムが計算し写真を配置する（写真フィット）。
この計算は、レイアウト/画像処理RIA302bが以下の式に基づいて行う。
フォトオブジェクトPの位置をPx,Py、横幅縦幅をPw,Phとする。
また、マスクMの位置をMx,My、横幅縦幅をMw,Mhとすると、
Pw/Ph ≦ Mw/Mh ならばPw = Mw として代入し
Ph = Pw・Mh/Mw
Pw/Ph > Mw/Mh ならばPh = Mh として代入し
Pw = Ph・Mw/Mh
また
新たなフォトオブジェクトの位置は
Px = Mx - {(Pw - Mw)/2}
Py = My - {(Ph - Mh)/2}
とすることによって、フォトオブジェクトPはマスクMに対して余白が無いようにサイズ調整をし、配置する事ができる。
また、写真が配置された時点で余白が存在する場合、レイアウト/画像処理RIA302bは、その余白の色を変えて表示する。これにより、ユーザへ余白があるということを知らせることができる。

６・２ 写真の拡大縮小、回転、フィット機能
レイアウトした写真はマウスのみの操作で、写真の拡大縮小、回転、また上記６．１で述べたフィットを行うことができる（Ｓ１１５）。

６．３ アルバムデザインのページ変更
ユーザは、項目３において選択したアルバムのすべてのデザインに写真をレイアウトするために、現在表示されているページ以外のページデザインをマウスによるページ変更ボタンの押下によって表示する（Ｓ１１６）。
この際、サーバ２は、現在表示されているページにレイアウトされた写真の位置情報、マスクの情報、拡大縮小率、回転角度はすべてメモリ上に保持する。
またページを変更すると、サーバ２は、そのページ番号をレイアウトデザイン下部に表示する。
これらアルバムデザインのページ変更と写真の配置を繰り返し、アルバム全体のレイアウトを完成させる（Ｓ１１７）。

６．４レイアウトデータの保存と読み込み
ユーザが任意のタイミングで、図示しない「保存」ボタンを押下することで、レイアウトデータがＸＬＭレイアウト情報記憶部２１３に記憶される（Ｓ１１８）。
ここで保存されるデータとは、アルバムデザインの情報、使用されている写真のサーバ上の場所（参照）に関する情報、レイアウトページ番号とそのページに配置された写真の位置、拡大縮小率、回転角、などの数値、テキスト情報であり、インターネット、デジタル家電、モバイル機器等に汎用的に応用されるＸＭＬの形式に変換して記憶される。

また、ユーザは任意のタイミングで登録画像データの読み出しを指示することで、サーバ２は、ＸＭＬレイアウト情報記憶部２１３からデータを読み出し、これをクライント端末３のレイアウトページに反映させる。
この際、画像データとしての保存ではなくＸＭＬデータであるため、インターネットを用いた画像編集、レイアウト分野においてデータ量が少なく、また、他の技術への組み込みや応用が容易である。
例として、後述する製本システムへのインプットとレイアウト用写真データから、ＸＭＬの解析による製本用高解像度写真データへの自動的な置き換えができる。
また、ＨＤＤＶＤ（登録商標）のｃｏｎｔｅｎｔ ｔｙｐｅ ２／３規格のＸＭＬおよびＥＣＭＡスクリプトのインタラクティブ機能によるインターネットからのアルバムレイアウトデータの取得方法によって、テレビなどに代表される表示機器で高品質なデジタルアルバムインタラクティブな閲覧ができる。
Ｂｌｕ−Ｒａｙ Ｄｉｓｋ（登録商標）においても、ＢＤ−Ｊ規格のＪＡＶＡ（登録商標）プログラムによってこれらＸＭＬアルバムレイアウトデータのインターネットやその他からの取得解析、加工によって、テレビなどに代表される表示機器で高品質なデジタルアルバムのインタラクティブな閲覧ができる。

７．アルバム製本の注文図
上記６の全項目によりレイアウトが完成した場合、ユーザが任意のタイミングで、「製本の注文」ボタンを押下することで、製本注文を行う（Ｓ１１９）。
この際、写真配置可能領域の数に対して、実際に配置された写真の点数が少ない場合、サーバ２が自動的に判断して警告を表示するとともに、注文処理をキャンセルすることができる。

また、問題なく注文処理がされると、サーバ２は、ユーザ用アルバム管理ページには注文中であることを示す文字とリンクを表示する（Ｓ１２０）。
注文処理がされると、サーバ２は、ＸＭＬレイアウトデータは以降の変更がないように変更禁止のフラグを立て、ＸＭＬレイアウトデータの変更を禁止する（Ｓ１２１）。

ユーザ用管理ページからの注文中であることを示す文字リンクをクリックすると、サーバ２は、上記６と同様にレイアウトページへ移行する（Ｓ１２２）。この際、サーバ２は、閲覧専用のページとして、ＸＭＬレイアウトデータを表示する。

アルバムの注文処理を行う場合、サーバ２は、ＸＭＬレイアウトデータの変更を禁止して保護した後、このシステムの運用先への項目１で述べられたユーザ情報、項目３で述べられたアルバム情報、項目６で述べられたＸＭＬレイアウトデータが、図示しない製本システムにメールなどで送信される（Ｓ１２３）。
製本システムでは、このデータを取得した段階で製本の注文を受けたこととする。

製本システムでは、送信されたデータをもとに高解像度のアルバムデータをＸＭＬの解析とインターネット接続により自動的に再構築し、アルバムのプリントおよび製本を行う。
製本されたアルバムは、項目７で述べられたユーザ情報により、指定された住所へ郵送で納品される。

納品が終わり、ユーザの了承得た時点で、本アルバムのために収集、アップロード、生成されたすべてのデータ（階層構造含む）は消去される（Ｓ１２４）。
この消去により、ユーザ用のアルバム管理ページ上の項目も反映されてなくなる。

次に、上述の処理の中で、画像データのアップロードから、Ｗｅｂページ上で画像の編集を行う場合の詳細な処理について説明する。
図１１において、サーバ２はクライアントシステム４からのオリジナル画像ファイル４０３を、アップロードＲＩＡ４０２ｂを介して送信すると、画像登録プログラム２０２によってこれを受信し（Ｓ２０１）、オリジナル画像記憶部２０３に記憶する（Ｓ２０２）。

また同時に、画像縮小プログラム２０４が、受信したオリジナル画像データを一定の比率で縮小し、レイアウト用縮小画像記憶部２０５に記憶する（Ｓ２０３）。
また、この際、登録画像解析プログラム２０７が、ＵＲＬ(Uniform Resource Locator)テキスト形式により、レイアウト縮小画像記憶部２０５に記憶された縮小画像ファイルへのリンク一覧を生成し、これを登録画像ＵＲＬ記憶部２０６に記憶する（Ｓ２０４）。

サーバ２は、クライアントシステム３からの要求により、レイアウト／画像処理ＲＩＡ(リッチインターネットアプリケーション)３０２ｂを配信する（Ｓ２０５）。
配信されたレイアウト／画像処理ＲＩＡ３０２ｂは、クライアントシステム３のＡＶＭ（アクションスクリプトバーチャルマシン）上で実行される（Ｓ２０６）。
この際、使用する画像は、登録画像ＵＲＬ記憶部２０６に記憶されているレイアウト用縮小画像記憶部２０５へのリンク一覧から、フォトオブジェクト記憶部（メモリ）３０３に、フォトオブジェクトとして生成し一時的に記憶する（Ｓ２０７）。

以後、生成されたフォトオブジェクトをレイアウト／画像処理ＲＩＡ上で操作し、画像のレイアウト（画像位置、大きさの変更、回転）や画像処理（マスキング、色変換）を行う（Ｓ２０８）。ここで行った各種処理（画像位置ｘｙ、大きさ％、回転ｒａｄ、色変換情報など）は、それぞれのフォトオブジェクト記憶部３０３に数値及びテキスト情報（レイアウト処理結果情報）として一時的に記憶される。

フォトオブジェクト記憶部３０３に一時的に保管された数値及びテキスト情報（すなわちレイアウト／画像処理で得られた結果）は、レイアウト／画像処理ＲＩＡ３０２ｂの動作としてサーバ２に送信され、サーバ２のＸＭＬレイアウト情報保存プログラム２１１が、ＸＭＬレイアウト情報記憶部２１３にＸＭＬ（Extensible Markup Language）形式の数値、テキスト情報に変換して記憶する（Ｓ２０９）。
フォトオブジェクト記憶部（メモリ）３０３は、レイアウト／画像処理ＲＩＡ３０２ｂ及び実行環境のＡＶＭ３０２またはＷｅｂブラウザ３０２の終了により解放される（Ｓ２１０）。

次に、上述のフォトオブジェクトの生成処理の詳細について説明する。
図１２において、まず、レイアウト／画像処理ＲＩＡ３０２ｂは、ＡＶＭ３０２ａを介してクライアントシステム３のメモリ領域にフォトオブジェクト用のメモリ領域を確保する（Ｓ３０１）。
次に、登録画像ＵＲＬ記憶部２０６に記憶されたレイアウト用縮小画像記憶部２０５に記憶された画像一覧のリンクをもとにフォトオブジェクトを生成する（Ｓ３０２）。

また、レイアウト／画像処理ＲＩＡ３０２ｂは、対応した画像データのＵＲＬ形式テキストデータを、フォトオブジェクトの画像パス変数を確保しこれをメモリに記憶する（Ｓ３０３）。
このとき、レイアウト／画像処理ＲＩＡ３０２ｂのプログラムで決められた一意の続き番号がフォトオブジェクトに割り当てられ、リンクが複数の場合はその個数分生成する。
生成されたフォトオブジェクトには対応するレイアウト用縮小画像の画像データが割当てる。

フォトオブジェクトは、位置情報(ｘ，ｙ)、及び重なり(ｚ)、サイズ情報(縦、横ピクセル寸法、及び初期状態からの拡大縮小の％)、回転角度(ラジアン)などのジオメトリー変数を格納する。
初回起動時のフォトオブジェクトのジオメトリー変数は、フォトオブジェクト生成時に決められた一意の続き番号とこれらフォトオブジェクトの総数と上記で割り当てられた画像データの大きさから計算し割り当てられるものである。
また、フォトオブジェクトは、レイアウト上のマスキング処理のための変数、また色変換に対する変数である画像処理変数を持つ。
初期状態ではこれら画像処理変数は空である。

最後にフォトオブジェクトのこれらのジオメトリー変数、画像処理変数はクライアントシステム３のＷｅｂブラウザ３０２においてユーザによるマウスなどの入力装置３０４によって操作される必要があるため、インタラクション変数を決定する（Ｓ３０４）。
インタラクション変数には、例えばフォトオブジェクトの位置をマウスで移動するか否か、回転するか否か、大きさを変更するか否か、色を変換するか否か、あるいは現在選択されているか否かなどのＢＯＯＬ値が代入される。
初期状態ではインタラクション変数は空である。

ユーザはマウスなどの入力装置３０４によって、Ｗｅｂブラウザ３０２上に表示されているフォトオブジェクトをクリック及びドラッグまたはリリースなどをすることによって、上記のインタラクション変数に、現在フォトオブジェクトに対してユーザが行おうとしている操作を与える（Ｓ３０５）。
これにより、フォトオブジェクトはこのインタラクション変数と現在の自身の状態(例えば何度回転したか、どのマスキングを設定されたかなど)から、ジオメトリー変数及び画像処理変数を保持し、メモリに記憶する（Ｓ３０６）。

上記のインタラクション変数、ジオメトリー変数、画像処理変数の変更を繰り返すことによって、フォトオブジェクトのレイアウト／画像処理が行われる（Ｓ３０７）。

生成されたフォトオブジェクトは、クライアントシステム３のメモリ領域に記憶される（Ｓ３０８）。
また、ユーザがレイアウト／画像処理RIAの終了、Ｗｅｂブラウザの終了などによって結果的にＡＶＭを終了するとフォトオブジェクト記憶部３０３に保管されたフォトオブジェクトはメモリ上から解放される（Ｓ３０９）。

次に、フォトオブジェクトから、元の画像データへの復元プロセスについて、図 を参照して説明する
図１３において、フォトオブジェクト群配列はレイアウト／画像処理ＲＩＡ３０２ｂでの結果を記憶または呼び出しするために、複数のフォトオブジェクトを一括して処理するための一時的なメモリ領域である。
フォトオブジェクト群配列はフォトオブジェクトの生成過程の一番最初より前にメモリ上に確保される（Ｓ４０１）。

各フォトオブジェクトの生成が完了すると、フォトオブジェクト群配列に生成の順番に記憶される（Ｓ４０２）。
ユーザが自身の操作によってレイアウト／画像処理した結果を保存する動作を行う(具体的には保存ボタンを押す)と、上記フォトオブジェクト群配列に格納されたフォトオブジェクトの各変数(ファイルパス変数、ジオメトリー変数、画像処理変数、インタラクション変数)は、レイアウト／画像処理ＲＡＩ３０２ｂのプログラム上で、一括でＸＭＬ記述へ変換処理される（Ｓ４０３）。
クライアント端末３が、このＸＭＬ記述をサーバ２のＸＭＬレイアウト情報保存プログラム２１１に送信することで、実際のＸＭＬファイルとして、ＸＭＬレイアウト情報記憶部２１３記憶する（Ｓ４０４）。

一方、既に保管してあるＸＭＬレイアウト情報をクライアントシステム３のレイアウト／画像処理ＲＩＡ３０２ｂの操作(具体的には読み込みボタンを押すなど)によって、読み込み、ＸＭＬ処理について上記と逆のプロセスを経ることによって、各フォトオブジェクトを以前の画像データに復元することが可能となる。

本発明にかかる画像処理システムの実施形態の概略構成を示した図。 本実施形態にかかる画像登録処理から製本までの処理の流れを示した処理フロー。 図２に続き本実施形態にかかる画像登録処理から製本までの処理の流れを示した処理フロー。 図３に続き本実施形態にかかる画像登録処理から製本までの処理の流れを示した処理フロー。 本実施形態にかかるユーザ登録画面を示した図。 本実施形態にかかるアルバム一覧画面を示した図。 本実施形態にかかるユーザ登録画面、アルバム一覧、アルバム登録の流れ画面で示した図。 本実施形態にかかる画像アップロード画面を示した図。 本実施形態にかかる画像編集画面を示した図。 本実施形態にかかる画像編集状態を示した図。 本実施形態にかかる画像編集の際の処理を示した図。 本実施形態にかかるフォトオブジェクトの生成処理を示した図。 本実施形態にかかるフォトオブジェクトのＸＭＬ形式への変換処理を示した図。

符号の説明

２ サーバ
３ クライアント
２０１ 通信制御部
２０２ 画像登録プログラム
２０３ オリジナル画像記憶部
２０４ 画像縮小プログラム
２０５ レイアウト用縮小画像記憶部
２０６ 登録画像ＵＲＬ記憶部
２０７ 登録画像解析プログラム
２０８ レイアウト／画像処理ＲＩＡ
２０９ デザイン読み出しプログラム
２１０ アルバム情報記憶部
２１１ ＸＭＬレイアウト情報保存プログラム
２１２ ＸＭＬレイアウト情報解析プログラム
３０１ 通信制御部
３０２ Ｗｅｂブラウザ
３０３ フォトレジスト記憶部
３０４ オリジナル画像ファイル
３０５ 入力装置
３０６ 表示装置

Claims (5)

1. 登録された画像データを記憶するサーバと、上記サーバと通信可能に構成されたクライアント端末とから構成され、上記Ｗｅｂサーバに記憶された画像データを、上記クライアント端末のブラウザによりＷｅｂページ上で表示して、編集するためのシステムであって、
   上記サーバは、
   上記登録画像データのサイズを縮小して縮小画像データを生成する画像縮小手段と、
   上記縮小画像データと、各縮小画像へのリンク情報を記憶するレイアウト用縮小画像記憶手段と、
   上記レイアウト用縮小画像に対するリンクを生成する登録画像解析手段と、
   上記生成されたリンクを、上記レイアウト用縮小画像と関連付けて記憶する登録画像リンク情報を記憶する登録画像リンク情報記憶手段と、
   上記クライアント端末に対して、レイアウト／画像処理プログラムを配信する配信手段と、
   上記クライアント端末からの要求により、上記レイアウト用縮小画像記憶手段に記憶されている画像データを上記クライアント端末へ送信する手段と、を有し、
   上記クライアント端末は、
   上記レイアウト／画像処理プログラムにより、上記登録画像リンク情報記憶手段に記憶されているレイアウト用縮小画像へのリンク情報から、フォトオブジェクトを生成するフォトオブジェクト生成手段と、
   上記生成されたフォトオブジェクトに対応するレイアウト用縮小画像の画像データを割当てて記憶するフォトオブジェクト記憶手段と、
   上記生成されたフォトオブジェクトを、上記サーバから受信したレイアウト／画像処理プログラムを実行して操作することで、上記フォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理を行う実行手段と、
   レイアウト処理を行った後のフォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理結果情報を一時的に記憶するフォトオブジェクト記憶手段と、
   上記フォトオブジェクト記憶手段に一時的に記憶されたレイアウト処理結果情報を上記サーバに送信する送信手段と、
   を有することを特徴とする画像処理システム。
2. 上記実行手段は、上記レイアウト／画像処理プログラムを実行することにより、マスキングや色変換などの画像処理を更に行う、
   請求項１記載の画像処理システム。
3. 上記サーバは、
   上記受信したレイアウト処理結果情報をＸＭＬ形式の数値、テキスト情報に変換するＸＭＬレイアウト情報変換手段と、
   上記変換されたＸＭＬ形式のレイアウト処理結果情報を記憶するＸＭＬレイアウト情報記憶手段と、
   を有する請求項１又は２記載の画像処理システム。
4. 上記サーバは、
   上記ＸＭＬレイアウト情報記憶手段に記憶されたＸＭＬ形式の数値、テキスト情報を、上記フォトオブジェクト群配列に格納されたフォトオブジェクトの各変数に変換する変換処理手段を更に有する、
   請求項１〜３のいずれかに記載の画像処理システム。
5. 登録された画像データを記憶するサーバと、上記サーバと通信可能に構成されたクライアント端末とから構成され、上記Ｗｅｂサーバに記憶された画像データを、上記クライアント端末のブラウザによりＷｅｂページ上で表示して、編集するためのシステムにより行われる方法であって、
   上記サーバが、
   上記登録画像データのサイズを縮小して縮小画像データを生成する処理と、
   上記縮小画像データと、各縮小画像へのリンク情報をレイアウト用縮小画像記憶手段に記憶する処理と、
   上記レイアウト用縮小画像に対するリンクを生成する処理と、
   上記生成されたリンクを、上記レイアウト用縮小画像と関連付けて記憶する登録画像リンク情報を登録画像リンク情報記憶手段に記憶する処理と、
   上記クライアント端末に対して、レイアウト／画像処理プログラムを配信する処理と、
   上記クライアント端末からの要求により、上記レイアウト用縮小画像記憶手段に記憶されている画像データを上記クライアント端末へ送信する処理とを行い、
   上記クライアント端末が、
   上記レイアウト／画像処理プログラムにより、上記登録画像リンク情報記憶手段に記憶されているレイアウト用縮小画像へのリンク情報から、フォトオブジェクトを生成する処理と、
   上記生成されたフォトオブジェクトに対応するレイアウト用縮小画像の画像データを割当ててフォトオブジェクト記憶手段に記憶する処理と、
   上記生成されたフォトオブジェクトを、上記サーバから受信したレイアウト／画像処理プログラムを実行して操作することで、上記フォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理を行う処理と、
   レイアウト処理を行った後のフォトオブジェクトの位置、大きさの変更、回転などのレイアウト処理結果情報をフォトオブジェクト記憶手段に一時的に記憶する処理と、
   上記フォトオブジェクト記憶手段に一時的に記憶されたレイアウト処理結果情報を上記サーバに送信する処理と、を行う、
   ことを特徴とする画像処理方法。