(57)【特許請求の範囲】
【請求項１】
写真画像が配置される配置枠が設けられたテンプレート画像に前記写真画像を配置したレイアウト画像を作成する画像処理システムであって、
前記写真画像の画像データを保存する画像データ保存手段と、
前記配置枠の形状を決定するテンプレートデータを保存するテンプレート保存手段と、
前記レイアウト画像の作成サービスにアクセスを行ったユーザ端末に、前記テンプレート画像と前記配置枠に配置された前記写真画像とが合成された前記レイアウト画像を表示するレイアウト画面と、前記写真画像を縮小して表示した複数のサムネイル写真からなる一覧画面とを含むレイアウト画像作成ページを表示させる閲覧画面提供手段と、
前記レイアウト画面作成ページにおいて、前記レイアウト画面に表示されている前記写真画像及び前記一覧画面に表示されている前記サムネイル写真の少なくとも一方に対するドラッグアンドドロップ操作を受けた場合に前記レイアウト画面の表示を変更するレイアウト画面制御手段と、を備え、
前記画像データは前記写真画像の縦横の長さを示す情報を有し、
前記テンプレートデータは前記配置枠の縦横の長さを示す情報を有し、
前記テンプレート保存手段は、前記配置枠の縦横の長さが異なる複数の前記テンプレートデータを保存し、
前記閲覧画面提供手段は、前記レイアウト画像作成ページにおいて、前記一覧画面に表示されている前記サムネイル写真のうち、前記配置枠に配置されている前記写真画像に対応するサムネイル写真の色を前記配置枠に配置されていないサムネイル写真の色と変化させて表示し、
前記レイアウト画面制御手段は、
前記写真画像の縦横の長さ情報と、前記写真画像が配置される前記配置枠の縦横の長さ情報とを用いて、前記写真画像と前記配置枠とが適合する前記テンプレートデータを抽出するテンプレート抽出手段と、
前記抽出された前記テンプレートデータに基づいて、前記配置枠と適合する前記写真画像を配置した前記レイアウト画像を出力するレイアウト画像出力手段とを備えるとともに、
前記ドラッグアンドドロップ操作として、前記レイアウト画面に表示されている前記写真画像がドラッグされるとともに当該ドラッグされている写真画像が配置されていた配置枠以外の配置枠で当該写真画像がドロップされる操作を受けた場合に、当該操作前に前記写真画像が配置されていた配置枠の向きと当該操作後に前記写真画像が配置される配置枠の向きとが一致するかどうかを判定し、一致しない場合にはテンプレートを変更する
ことを特徴とする画像処理システム。
【請求項２】
前記複数のテンプレートデータは、前記配置枠の縦横の長さが、縦長、横長、または同じのいずれかであって、
前記テンプレート抽出手段は、
縦長の前記写真画像が、縦長または縦横の長さが同じである前記配置枠に適合すると判断し、
横長の前記写真画像が、横長または縦横の長さが同じである前記配置枠に適合すると判断し、
縦横の長さが同じである前記写真画像が、縦長、横長、または縦横の長さが同じである前記配置枠と適合すると判断する
ことを特徴とする請求項１に記載の画像処理システム。
【請求項３】
前記レイアウト画面制御手段は、前記ドラッグアンドドロップ操作として、前記一覧画面の中から一つの前記サムネイル写真がドラッグされるとともに前記レイアウト画面に表示されている前記写真画像又はこの写真画像が配置されている配置枠で当該サムネイル写真がドロップされる操作を受けた場合に、当該操作の前後で前記写真画像が縦長あるいは横長に切り替わったかどうかを判定し、
前記テンプレート抽出手段は、前記写真画像が縦長あるいは横長に切り替わった場合に前記写真画像と前記配置枠とが適合する前記テンプレートデータを抽出する
ことを特徴とする請求項１または２に記載の画像処理システム。
【請求項４】
前記画像処理システムが、前記写真画像を配置してなる商品について、前記配置枠が設けられた前記テンプレート画像に前記写真画像を配置した前記レイアウト画像を作成するシステムであって、
前記テンプレート保存手段は、前記商品において前記テンプレート画像が適用される場所の情報を付して前記テンプレートデータを保存する
ことを特徴とする請求項１〜３のいずれか１項に記載の画像処理システム。
【請求項５】
前記テンプレート抽出手段は、前記レイアウト画像作成ページにおいて、前記レイアウト画面に設けられた前記配置枠の数と同じ前記配置枠の数で配置または大きさを異にする複数の前記テンプレートデータを含むテンプレート群の中から、前記写真画像と前記配置枠とが適合する前記テンプレートデータを抽出する
ことを特徴とする請求項１〜４のいずれか１項に記載の画像処理システム。
【請求項６】
前記テンプレートデータは、前記配置枠が前記テンプレート画像上に設けられる位置を示す情報を有し、
前記テンプレート抽出手段は、前記ユーザの操作に伴って前記写真画像と前記配置枠とが適合する前記テンプレートデータを抽出する際に、前記レイアウト画像作成ページの前記レイアウト画面に設けられた前記配置枠の位置が入れ替わらないように配置関係が同じものを抽出する
ことを特徴とする請求項５に記載の画像処理システム。
【請求項７】
前記テンプレートデータは、いずれか一つの前記配置枠が、他方の配置枠よりも大きく設けられている
ことを特徴とする請求項５又は６に記載の画像処理システム。
【請求項８】
前記テンプレートデータは、いずれか一つの前記配置枠が、前記テンプレート画像の少なくとも半分の領域を占有するように設けられ、他の前記配置枠が前記テンプレート画像の他の領域に設けられている
ことを特徴とする請求項５〜７に記載の画像処理システム。
【請求項９】
前記ユーザが、前記テンプレート画像を変更する操作を行った際に、
前記レイアウト画像出力手段は、前記変更する操作後の前記テンプレート画像の前記配置枠に、前記写真画像をそれぞれ配置して前記レイアウト画像を出力する
ことを特徴とする請求項１〜８のいずれか１項に記載の画像処理システム。
【請求項１０】
前記画像データは、前記写真画像の縦横の長さが縦長又は横長となる２種類のアスペクト比に規定されており、
前記テンプレートデータは、前記縦長の配置枠と前記横長の配置枠のアスペクト比が、前記写真画像のいずれかの前記アスペクト比と同様に規定されている
ことを特徴とする請求項１〜９のいずれか１項に記載の画像処理システム。
【請求項１１】
前記テンプレートデータには、文字を挿入するための文字枠が設けられており、
前記テンプレート保存手段は、前記文字枠の大きさ、前記文字枠が設けられる位置、または文字枠の文字組みが異なる複数の前記テンプレートデータを保存する
ことを特徴とする請求項１〜１０のいずれか１項に記載の画像処理システム。
【請求項１２】
請求項１〜１１のいずれか１項に記載の画像処理システムが適用され、ネットワークを介して前記ユーザ端末及びセンタサーバを有するシステムであって、
前記ユーザ端末に、前記ドラッグアンドドロップ操作を行う操作部が設けられるともに、
前記センタサーバに、前記写真画像についての処理を行うための、前記画像データ保存手段、前記テンプレート保存手段、前記閲覧画面提供手段及び前記レイアウト画面制御手段が設けられた
ことを特徴とする画像処理システム。
【請求項１３】
前記ユーザ端末の前記操作部が、前記写真画像を配置してなる商品を選択する操作部としても構成され、
前記センタサーバに、前記操作部によって選択された前記商品における前記写真画像についての処理を行うための、前記画像データ保存手段、前記テンプレート保存手段、前記閲覧画面提供手段及び前記レイアウト画面制御手段が設けられた
ことを特徴とする請求項１２記載の画像処理システム。
【請求項１４】
請求項１〜１１のいずれか１項に記載の画像処理システムが適用され、ネットワークを介して前記ユーザ端末及びセンタサーバを有するシステムに用いられる前記センタサーバであって、
前記センタサーバに、前記写真画像についての処理を行うための、前記画像データ保存手段、前記テンプレート保存手段、前記閲覧画面提供手段及び前記レイアウト画面制御手段が設けられた
ことを特徴とする画像処理システム用センタサーバ。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、写真画像が配置される配置枠が設けられたテンプレート画像に、写真画像を配置してなるレイアウト画像を作成する画像処理システムに関するものである。
【背景技術】
【０００２】
写真の撮影によって得られた画像データをプリントアウトして、ユーザに提供する写真の注文サービスが知られている。また、テンプレート画像に写真画像を配置したレイアウト画像を作成して、このレイアウト画像をプリントしてユーザに提供する写真の注文サービスが行われている。
【０００３】
このような写真の注文サービスでは、ユーザがコンピュータを操作することによって、テンプレート画像、または配置する画像データを選択して、画像データのレイアウトを編集することができる画像処理装置が用いられている。
【０００４】
特許文献１には、ページに割り振られる画像データの枚数を検知して、画像データの配置する位置を指定するレイアウトデータ（テンプレート）を決定し、このレイアウトデータに従って、画像データをページ上に配置する電子アルバム編集装置が開示されている。
【０００５】
特許文献２には、写真中の人物の向きやポーズ等の区分または写真画像の大きさに応じて、写真画像がテンプレート画像の各枠に自動で配置される写真配置表示装置が開示されている。さらに、特許文献２では、写真画像の配置領域を示す画像をディスプレイに表示するとともに、写真画像を配置領域に対応するディスプレイ上の領域に表示して、ユーザからの入力に基づいて、配置領域の位置、大きさ及び形状を変更することができる。
【先行技術文献】
【特許文献】
【０００６】
【特許文献１】特開２００６−７４５９２号
【特許文献２】特開２００８−３１０６８４号
【発明の概要】
【発明が解決しようとする課題】
【０００７】
ここで、画像の配置を行う場合において、一般的に写真画像は縦長または横長であるから、配置される画像が縦長であるか横長であるかによって、レイアウトの仕方が変ってくる。例えば、配置枠の位置とその形状が予め設定されており、縦長の配置枠に横長の画像を配置する場合には、どのように配置を行うかが問題となる。このとき、例えば、横向きの画像を回転して縦向きに表示した場合には、９０度ずれて見えることで本来横向きである画像の見栄えが大きく変ってしまう。また、配置枠にあわせて画像の左右をトリミング（クロッピング）する場合には、トリミングを受けた部分の画像が失われてしまう。また、画像のアスペクト比を維持して、配置枠の高さに画像の高さをあわせてサイズを調整した場合には、写真画像の横幅が配置枠の外に広がるようになり、レイアウト画面の外枠、または他の写真画像との干渉が問題となる。中でも、写真画像が写真スタジオで撮影したものである場合、プロのカメラマンがレイアウトや構図、写真の向きを考慮して撮影を行って得られた写真画像が、レイアウトの過程でトリミングを受けることによって写真の妙が損なわれてしまうことがある。
【０００８】
特許文献１に開示された技術によれば、ユーザが画像データのレイアウトを選択することなく、自動的に決定されるレイアウトに従って、画像データを電子アルバムのページ上に配置することができる。しかしながら、特許文献１では、画像を配置する枠と、画像の縦長と横長との関係との関係は明らかにしておらず、自動的に画像データを配置した場合には、上述の問題が生じるおそれがある。
【０００９】
特許文献２に開示された技術は、配置領域の位置、大きさ及び形状を編集することができるため、隣接して配置された写真同士のバランスや、写真と背景とのバランスを考慮しつつ、ユーザが最適なレイアウトを編集することが可能とされている。しかしながら、特許文献２に開示された技術では、ユーザが区分の分別と配置領域の編集を行う必要があるため、ユーザに操作の負担が生じるものであった。
【００１０】
本発明は、上記のような課題に鑑みなされたもので、本発明の目的の一つは、ユーザの操作を軽減するとともに、配置される画像に応じて適したレイアウトが行われる画像処理システムを提供することである。なお、この目的に限らず、後述する発明を実施するための形態に示す各構成により導かれる作用効果であって、従来の技術によっては得られない作用効果を奏することも本発明の他の目的として位置づけることができる。
【課題を解決するための手段】
【００１１】
（１）ここで開示する画像処理システムは、写真画像が配置される配置枠が設けられたテンプレート画像に前記写真画像を配置したレイアウト画像を作成する画像処理システムであって、前記写真画像の画像データを保存する画像データ保存手段と、前記配置枠の形状を決定するテンプレートデータを保存するテンプレート保存手段と、前記レイアウト画像の作成サービスにアクセスを行ったユーザ端末に、前記テンプレート画像と前記配置枠に配置された前記写真画像とが合成された前記レイアウト画像を表示するレイアウト画面と、前記写真画像を縮小して表示した複数のサムネイル写真からなる一覧画面とを含むレイアウト画像作成ページを表示させる閲覧画面提供手段と、前記レイアウト画面作成ページにおいて、前記レイアウト画面に表示されている前記写真画像及び前記一覧画面に表示されている前記サムネイル写真の少なくとも一方に対するドラッグアンドドロップ操作を受けた場合に前記レイアウト画面の表示を変更するレイアウト画面制御手段と、を備える。前記画像データは前記写真画像の縦横の長さを示す情報を有し、前記テンプレートデータは前記配置枠の縦横の長さを示す情報を有する。前記テンプレート保存手段は、前記配置枠の縦横の長さが異なる複数の前記テンプレートデータを保存する。前記閲覧画面提供手段は、前記レイアウト画像作成ページにおいて、前記一覧画面に表示されている前記サムネイル写真のうち、前記配置枠に配置されている前記写真画像に対応するサムネイル写真の色を前記配置枠に配置されていないサムネイル写真の色と変化させて表示する。前記レイアウト画面制御手段は、前記写真画像の縦横の長さ情報と、前記写真画像が配置される前記配置枠の縦横の長さ情報とを用いて、前記写真画像と前記配置枠とが適合する前記テンプレートデータを抽出するテンプレート抽出手段と、前記抽出された前記テンプレートデータに基づいて、前記配置枠と適合する前記写真画像を配置した前記レイアウト画像を出力するレイアウト画像出力手段とを備えるとともに、前記ドラッグアンドドロップ操作として、前記レイアウト画面に表示されている前記写真画像がドラッグされるとともに当該ドラッグされている写真画像が配置されていた配置枠以外の配置枠で当該写真画像がドロップされる操作を受けた場合に、当該操作前に前記写真画像が配置されていた配置枠の向きと当該操作後に前記写真画像が配置される配置枠の向きとが一致するかどうかを判定し、一致しない場合にはテンプレートを変更する。
【００１２】
（２）前記複数のテンプレートデータは、前記配置枠の縦横の長さが、縦長、横長、または同じのいずれかであって、前記テンプレート抽出手段は、縦長の前記写真画像が、縦長または縦横の長さが同じである前記配置枠に適合すると判断し、横長の前記写真画像が、横長または縦横の長さが同じである前記配置枠に適合すると判断し、縦横の長さが同じである前記写真画像が、縦長、横長、または縦横の長さが同じである前記配置枠と適合すると判断することが好ましい。
【００１３】
（３）前記レイアウト画面制御手段は、前記ドラッグアンドドロップ操作として、前記一覧画面の中から一つの前記サムネイル写真がドラッグされるとともに前記レイアウト画面に表示されている前記写真画像又はこの写真画像が配置されている配置枠で当該サムネイル写真がドロップされる操作を受けた場合に、当該操作の前後で前記写真画像が縦長あるいは横長に切り替わったかどうかを判定し、前記テンプレート抽出手段は、前記写真画像が縦長あるいは横長に切り替わった場合に前記写真画像と前記配置枠とが適合する前記テンプレートデータを抽出することが好ましい。
【００１４】
（４）前記画像処理システムが、前記写真画像を配置してなる商品について、前記配置枠が設けられた前記テンプレート画像に前記写真画像を配置した前記レイアウト画像を作成するシステムであって、前記テンプレート保存手段は、前記商品において前記テンプレート画像が適用される場所の情報を付して前記テンプレートデータを保存することが好ましい。
【００１７】
（５）前記テンプレート抽出手段は、前記レイアウト画像作成ページにおいて、前記レイアウト画面に設けられた前記配置枠の数と同じ前記配置枠の数で配置または大きさを異にする複数の前記テンプレートデータを含むテンプレート群の中から、前記写真画像と前記配置枠とが適合する前記テンプレートデータを抽出することが好ましい。
【００１８】
（６）前記テンプレートデータは、前記配置枠が前記テンプレート画像上に設けられる位置を示す情報を有し、前記テンプレート抽出手段は、前記ユーザの操作に伴って前記写真画像と前記配置枠とが適合する前記テンプレートデータを抽出する際に、前記レイアウト画像作成ページの前記レイアウト画面に設けられた前記配置枠の位置が入れ替わらないように配置関係が同じものを抽出することが好ましい。
【００１９】
（７）前記テンプレートデータは、いずれか一つの前記配置枠が、他方の配置枠よりも大きく設けられていることが好ましい。
（８）前記テンプレートデータは、いずれか一つの前記配置枠が、前記テンプレート画像の少なくとも半分の領域を占有するように設けられ、他の前記配置枠が前記テンプレート画像の他の領域に設けられていることが好ましい。
【００２０】
（９）前記ユーザが、前記テンプレート画像を変更する操作を行った際に、前記レイアウト画像出力手段は、前記変更する操作後の前記テンプレート画像の前記配置枠に、前記写真画像をそれぞれ配置して前記レイアウト画像を出力することが好ましい。
【００２１】
（１０）前記画像データは、前記写真画像の縦横の長さが縦長又は横長となる２種類のアスペクト比に規定されており、前記テンプレートデータは、前記縦長の配置枠と前記横長の配置枠のアスペクト比が、前記写真画像のいずれかの前記アスペクト比と同様に規定されていることが好ましい。
【００２２】
（１１）前記テンプレートデータには、文字を挿入するための文字枠が設けられており、前記テンプレート保存手段は、前記文字枠の大きさ、前記文字枠が設けられる位置、または文字枠の文字組みが異なる複数の前記テンプレートデータを保存することが好ましい。
（１２）上記の（１）〜（１１）のいずれか１つに記載の画像処理システムが適用され、ネットワークを介して前記ユーザ端末及びセンタサーバを有するシステムであって、前記ユーザ端末に、前記ドラッグアンドドロップ操作を行う操作部が設けられるともに、前記センタサーバに、前記写真画像についての処理を行うための、前記画像データ保存手段、前記テンプレート保存手段、前記閲覧画面提供手段及び前記レイアウト画面制御手段が設けられていることが好ましい。
（１３）この場合、前記ユーザ端末の前記操作部が、前記写真画像を配置してなる商品を選択する操作部としても構成され、前記センタサーバに、前記操作部によって選択された前記商品における前記写真画像についての処理を行うための、前記画像データ保存手段、前記テンプレート保存手段、前記閲覧画面提供手段及び前記レイアウト画面制御手段が設けられていることが好ましい。
（１４）また、ここで開示する画像処理システム用センタサーバは、上記の（１）〜（１１）のいずれか１つに記載の画像処理システムが適用され、ネットワークを介して前記ユーザ端末及びセンタサーバを有するシステムに用いられる前記センタサーバであって、前記センタサーバに、前記写真画像についての処理を行うための、前記画像データ保存手段、前記テンプレート保存手段、前記閲覧画面提供手段及び前記レイアウト画面制御手段が設けられている。
【発明の効果】
【００２３】
本発明によれば、ユーザの操作が軽減されるとともに、配置枠への写真画像のレイアウトを適切に行う画像処理システムを提供することが出来る。
【図面の簡単な説明】
【００２４】
【図１】一実施形態に係る画像処理システムの機能構成の例を示すブロック図である。
【図２】一実施形態に係る画像処理システムのハードウェア構成の例を示すブロック図である。
【図３】一実施形態に係るレイアウト情報の格納状態の例を示す図である。
【図４】一実施形態に係る配置枠が３つの場合のレイアウトの例を示す図である。
【図５】配置枠が３つの場合のレイアウトの例を示す図であり、（ａ）は配置枠の向きが横横縦の場合を示す図、（ｂ）は配置枠の向きが縦横縦で配置位置を調整した場合を示す図、（ｃ）は配置枠が重なっている場合を示す図、（ｄ）は配置枠の位置が入れ替わっている場合を示す図である。
【図６】配置枠が３つの場合のレイアウトの例を示す図であり、（ａ）は配置枠の向きが横横縦の場合を示す図、（ｂ）は配置枠の向きが横横横で配置位置を調整した場合を示す図、（ｃ）は配置枠の向きが横横横で配置枠の大きさを調整した場合を示す図、（ｄ）は配置枠がレイアウト画像から外れている場合を示す図である。
【図７】配置枠の配置の第一の例を示す図である。
【図８】配置枠の配置の第二の例を示す図である。
【図９】配置枠の配置の第三の例を示す図である。
【図１０】配置枠の配置の第四の例を示す図である。
【図１１】配置枠の配置の第五の例を示す図である。
【図１２】配置枠の配置の第六の例を示す図である。
【図１３】配置枠の配置の第七の例を示す図である。
【図１４】配置枠の配置の第八の例を示す図である。
【図１５】配置枠の配置の第九の例を示す図である。
【図１６】配置枠の配置の第十の例を示す図である。
【図１７】一実施形態に係る写真画像の候補についての情報の格納状態の例を示す図である。
【図１８】一実施形態に係るテンプレート情報の格納状態の例を示す図である。
【図１９】一実施形態に係るアルバムのレイアウトの例を示す図である。
【図２０】一実施形態に係る写真画像の割り当てについての情報の格納状態の例を示す図である。
【図２１】一実施形態に係る画像処理システムにおけるレイアウト画像作成処理の一例を示すフローチャートである。
【図２２】一実施形態に係る画像処理システムにおけるレイアウト画像の初期表示処理の一例を示すフローチャートである。
【図２３】一実施形態に係る画像処理システムにおける写真画像の差し替え処理の一例を示すフローチャートである。
【図２４】一実施形態に係る画像処理システムにおける写真画像の入れ替え処理の一例を示すフローチャートである。
【図２５】一実施形態に係る画像処理システムにおけるテンプレート画像の変更処理の一例を示すフローチャートである。
【図２６】一実施形態に係る画像処理システムにおけるテンプレート候補の変更処理の一例を示すフローチャートである。
【図２７】一実施形態に係る写真一覧ページの例を示す図である。
【図２８】一実施形態に係るレイアウト画像作成ページの例を示す図である。
【図２９】一実施形態に係るアルバム内容確認ページの例を示す図である。
【発明を実施するための形態】
【００２５】
以下、図面を参照して本発明の実施の形態について説明する。なお、以下に示す実施形態はあくまでも例示に過ぎず、以下の実施形態で明示しない種々の変形や技術の適用を排除する意図はない。本実施形態の各構成は、それらの趣旨を逸脱しない範囲で種々変形して実施することができるとともに、必要に応じて取捨選択することができ、あるいは適宜組み合わせることが可能である。
【００２６】
［１．構成］
［１−１．画像処理システムの全体構成］
図１及び図２を参照しながら、本実施形態に係る画像処理システム１の機能構成及びハードウェア構成について説明する。図１は、本実施形態に係る画像処理システム１の機能構成例を示すブロック図である。図２は、本実施形態に係る画像処理システム１のハードウェア構成例を示すブロック図である。本実施形態に係る画像処理システム１は、ユーザの依頼により撮影した画像データを用いて、ユーザが操作するユーザ端末７１を介して、写真画像をテンプレート画像に配置したレイアウト画像の作成を受け付けるレイアウト画像作成サービスのためのシステムである。
【００２７】
画像データとは、例えば写真の画像データであって、中でもユーザの依頼により写真スタジオで撮影を行った画像データをいう。注文には、撮影後の初回のプリント注文と、その後の焼き増し注文とが含まれる。
【００２８】
図２に示すように、画像処理システム１は、メモリ１２、及び中央処理装置（ＣＰＵ）１３を備えたセンタサーバ１１として構成されている。センタサーバ１１は、ネットワーク８１を介して、ラボサーバ１４、スタジオサーバ１７、及びユーザ端末７１と接続されている。ラボサーバ１４は、メモリ１５を備えている。また、ラボサーバ１４は、印刷装置１６と接続されている。スタジオサーバ１７は、メモリ１８を備えている。
【００２９】
メモリ１２，１５，１８は、種々のデータやプログラムを格納する記憶部（記憶手段）１２，１５，１８である。メモリ１２，１５，１８は、例えば、ＲＡＭ（Random Access Memory）等の揮発性メモリや、ＲＯＭ、フラッシュメモリ等の不揮発性メモリ、またはＨＤＤ（Hard Disk Drive）、ＳＳＤ（Solid State Device）によって実現される。メモリ１２は後述するように、撮影された画像データ、ウェブページのデータ、及びテンプレートを格納する。
【００３０】
さらに、メモリ１２は、ＣＰＵ１３に実行させることで、図１に示すように、閲覧画面提供部（閲覧画面提供手段）３１、注文受付部（注文受付手段）３３、画像候補指定部（画像候補指定手段）３４、テンプレート候補指定部（テンプレート候補指定手段）３５、レイアウト画面制御部（レイアウト画面制御手段）４１として機能させる、所定のプログラムを保存する。さらに、レイアウト画面制御部４１は、縦横情報判定部（縦横情報判定手段）４２、テンプレート抽出部（テンプレート抽出手段）４３、レイアウト画像出力部（レイアウト画像出力手段）４４として機能させる、所定のプログラムを含んで構成される。
【００３１】
ＣＰＵ１３は、種々の制御や演算を行なう処理装置であり、メモリ１２に格納されたプログラムを読み出して実行することにより、種々の機能を実現する。そして、ＣＰＵ１３が、これらのプログラムを実行することにより、図１で示すように、信号処理部１３の各機能手段としてそれぞれ機能する。
【００３２】
センタサーバ１１は、図示しない、入出力インタフェース（Ｉ／Ｆ）、ＣＲＴ（Cathode Ray Tube）またはＬＣＤ（Liquid Crystal Display）等のディスプレイ、マウス、キーボード、ネットワークＩ／Ｆ、及びバスを有している。メモリ１２、ＣＰＵ１３、入出力Ｉ／Ｆ、及びネットワークＩ／Ｆは、バスを介して相互に通信可能に接続されている。入出力Ｉ／Ｆは、ディスプレイ、マウス、及びキーボードとＣＰＵ１３との間に介在し、ディスプレイ、マウス、及びキーボードとＣＰＵ１３とを接続する。ネットワークＩ／Ｆは、センタサーバ１１をネットワーク８１に接続して通信を行い、ラボサーバ１４、スタジオサーバ１７、またはユーザ端末７１とのデータ転送を行う。また、ラボサーバ１４及びスタジオサーバ１７は、センタサーバ１１と同様に、図示しない、ＣＰＵ、入出力Ｉ／Ｆ、ＣＲＴまたはＬＣＤ等のディスプレイ、マウス、キーボード、ネットワークＩ／Ｆ、及びバスを有している。
【００３３】
ユーザ端末７１は、少なくともディスプレイ７２、マウス７４、及びキーボード７５を備えた情報端末（パーソナルコンピュータ）である。
【００３４】
図１に示すように、画像処理システム１を機能的に表すと、記憶部１２と、信号処理部１３とを備えるセンタサーバ１１によって構成される。記憶部１２は、データ記憶装置であって、メモリ１２を用いて、ファイルシステムまたはデータベースシステムによりデータを格納している。本実施形態における記憶部１２は、画像データ保存部（画像データ保存手段）２１、ウェブページ保存部（ウェブページ保存手段）２３、及びテンプレート保存部（テンプレート保存手段）２４を備えて構成される。信号処理部１３は、ＣＰＵ１３で演算処理される機能部位であり、各機能は個別のプログラムとして構成されている。本実施形態における信号処理部１３は、閲覧画面提供部３１、注文受付部３３、画像候補指定部３４、テンプレート候補指定部３５、及びレイアウト画面制御部４１として機能するものである。さらに、レイアウト画面制御部４１は、縦横情報判定部４２、テンプレート抽出部４３、及びレイアウト画像出力部４４として機能する。
【００３５】
ラボサーバ１４を機能的に表すと、図１に示すように、センタサーバ１１と同様に、メモリ１５を用いてデータを格納している記憶部１５を備えるとともに、プリント部１６に接続されている。記憶部１５は、画像データ保存部５１と、テンプレート保存部５４とを備えて構成される。プリント部１６は、ラボサーバ１４からの指令を受けて印刷装置１６によって画像データの印刷処理を行う印刷手段である。
【００３６】
スタジオサーバ１７を機能的に表すと、図１に示すように、センタサーバ１１と同様に、メモリ１８を用いてデータを格納している記憶部１８を備えている。記憶部１８は、画像データ保存部６１を備えて構成される。スタジオサーバ１７は、写真を撮影する写真スタジオに設置されるサーバである。
【００３７】
ユーザ端末７１を機能的に表すと、図１に示すように、表示部７２と、操作部７３とを備えている。ディスプレイ７２は、センタサーバ１１により送信されたデータを表示するための表示部７２として機能する。マウス７４及びキーボード７５は、ユーザ端末７１及び表示部７２に表示される画面を操作するための情報、並びセンタサーバ１１により要求された情報を入力するための操作部７３として機能する。
【００３８】
ネットワーク８１は、複数のコンピュータまたはサーバを接続して電子データの伝送を行う通信回線網であり、例えば、無線または有線によるＬＡＮ（Local Area Network）、イントラネット、イーサネット（登録商標）、インターネット、または電話通信回線ネットワーク、光ファイバー通信ネットワーク、ケーブル通信ネットワーク、移動体通信網ネットワーク、もしくは衛星通信ネットワークである。または、ネットワーク８１は、これらが複合された通信回線網である。
【００３９】
センタサーバ１１は上述の通り構成されており、ユーザ端末７１に対してウェブページを提供して、ユーザ端末７１からの要求及び情報の入力を受け付けるウェブサーバとして機能する。また、センタサーバ１１は、画像データを保存して、ラボサーバ１４及びユーザ端末７１に画像データを提供する、データベースサーバとして機能する。また、ラボサーバ１４は、センタサーバ１１から画像データまたはテンプレートデータの提供を受けて、プリントを行うための画像データまたはテンプレートデータを保存するデータベースサーバとして機能する。また、ラボサーバ１４は、センタサーバ１１から印刷データ（印刷ジョブ）を受け取り、この印刷データを印刷装置１６へと出力するプリントサーバとして機能する。また、スタジオサーバ１７は、画像データを保存して、センタサーバ１１に画像データを提供する、データベースサーバとして機能する。
【００４０】
［１−２．記憶部］
図１に示すように、記憶部１２は、画像データ保存部２１、ウェブページ保存部２３、及びテンプレート保存部２４を備えて構成される。なお、ラボサーバ１４の記憶部１５及びスタジオサーバ１７の記憶部１８は、それぞれ、画像データ保存部５１，６１を備えており、これらは画像データ保存部２１と同様に構成されている。また、ラボサーバ１４の記憶部１５は、テンプレート保存部５４を備えており、これはテンプレート保存部２４と同様に構成されている。このため、ここでは、センタサーバ１１の記憶部１２を例に挙げて説明する。なお、センタサーバ１１、ラボサーバ１４、及びスタジオサーバ１７は、定期的にデータの連携を行い、画像データ保存部２１，５１，６１に保存されているデータを同期させている。また、センタサーバ１１、及びラボサーバ１４は、定期的にデータの連携を行い、テンプレート保存部２４，５４に保存されているデータを同期させている。
【００４１】
＜画像データ保存部＞
画像データ保存部２１は、ユーザの依頼により撮影した写真画像の画像データを保存する。撮影はスタジオサーバ１７が設置されている写真スタジオで行われて、画像データは画像データ保存部６１に保存された後に、ネットワーク８１を介してセンタサーバ１１に送信されて、画像データ保存部２１に保存される。画像データは、ファイル名としてそれぞれ画像データ番号が付されて保存されている。
【００４２】
画像データは撮影時のオリジナル写真画像データと、オリジナル写真画像データを変換して得られる、ウェブ閲覧用のサムネイル写真画像データとからなる。オリジナル写真画像データは、プリント部１６によるプリントアウトの際のデータとして用いられる。サムネイル写真画像データは、マイページにおける画像データ閲覧、またはレイアウト画像作成処理の際に操作または表示するための画像データとして用いられる。オリジナル写真画像データは、高解像度でファイルサイズの大きいデータであり、例えば、高さ２６４９ピクセル、横幅３９６０ピクセル、解像度３２０ｄｐｉのＪｐｇ形式のファイルである。一方、サムネイル写真画像データは、低解像度でファイルサイズの小さいデータであり、例えば、高さ９２４ピクセル、横幅１３８６ピクセル、解像度７２ｄｐｉのＪｐｇ形式のファイルである。また、サムネイル写真画像データには、画像の無断コピー及び無断利用の防止の観点から、ウォーターマーク（透かし画像）が入れられている。なお、画像データのサイズは上記の値に限られず、高さと横幅の値が入れ替わった縦向きの画像であっても良いことは勿論である。
【００４３】
上述のように、画像データは、オリジナル写真画像データとサムネイル写真画像データともに、高さと横幅を示すピクセル情報、すなわち写真画像の縦横の長さを示す情報を有している。この高さと横幅によって、縦横の長さが縦長であるか、横長であるか、または同じであるかを判定することができる。このような画像データの高さの情報と横幅の情報は、画像データのヘッダまたはフッターから取り出すことができる。また、写真画像のどちらの辺が上であるか、すなわち写真の向きは、画像データに埋め込まれるメタデータからも確認することができる。このメタデータとは、例えば、Ｅｘｉｆ情報のＯｒｉｅｎｔａｔｉｏｎ属性である。
【００４４】
本実施形態では、レイアウト画像作成処理の際に、サムネイル写真画像データ及び配置枠に配置される写真画像が、縦横の長さが縦長と横長のいずれかとなる２種類のアスペクト比（およそ７：５又は５：７）に規定されて表示されている。これは、上述する高さ９２４ピクセル、横幅１３８６ピクセルのファイルのサムネイル写真画像データが適宜トリミング処理を受けることで生成される。また、後述するテンプレートデータも、縦長の配置枠と横長の配置枠のアスペクト比が、写真画像のいずれかの前記アスペクト比と同様に規定されている。すなわち、縦長の写真画像は、縦長の配置枠と、横長の写真画像は、横長の配置枠とアスペクト比が一致するようになっている。ただし、このアスペクト比は、レイアウトに応じて適宜変更してもよい。
【００４５】
マイページでの画像データの表示の場合には、サムネイル写真画像データが画像データ保存部２１から読み出され、ユーザ端末７１に送信されて、表示部７２に表示される。さらに、ユーザからのプリント注文を受けた場合には、オリジナル写真画像データが画像データ保存部２１からラボサーバ１４に送信されて、画像データ保存部５１に保存された後、プリント部１６に送られてプリントが行われる。またプリントの際には、テンプレート画像がテンプレート保存部２４からラボサーバ１４に送信されて、テンプレート保存部５４に保存された後、プリント部１６に送られてプリントが行われる。
【００４６】
画像データ保存部２１は、保存している画像データを、一定期間の経過後に消去するようにしてもよい。これにより、画像データ保存部２１を構成するメモリ１２の容量を節約することができる。
【００４７】
＜ウェブページ保存部＞
ウェブページ保存部２３は、ユーザがユーザ端末７１を介してアクセスするマイページについて、ウェブページを構成する、例えばＨＴＭＬデータを保存する。また、ウェブページ保存部２３は、ウェブページに表示する、ロゴ、イラスト、ボタン等のオブジェクトや背景等のデータを保存する。
【００４８】
＜テンプレート保存部＞
テンプレート保存部２４は、配置枠を規定するテンプレートデータを保存する。テンプレートデータには、配置枠の数や位置、形状等を規定するテンプレート情報と、テンプレートの表示またはプリント時に用いられるテンプレート画像データとを含む。
【００４９】
テンプレート情報は、特定の商品の、特定の場所（見開き位置）に適用されるテンプレートについて、そのテンプレートが有する配置枠の配置情報を有している。また、テンプレートデータは、商品に応じて、テンプレートが配置される場所に応じて、それぞれテンプレート情報を保持している。ここでは、商品がフォトアルバムであって、見開き２−３ページ目に適用されるテンプレートについて例を挙げて説明する。
【００５０】
図３は、テンプレート保存部２４に保存されるテンプレート情報の格納状態を示す例である。テンプレート情報には、テンプレートごとに、テンプレートＩＤ、商品ＩＤ、見開き番号、テンプレート画像番号、コマ数、及び配置枠の情報が含まれる。テンプレートＩＤは、テンプレートごとに割り振られる固有の識別情報である。商品ＩＤは、後述する商品選択処理において選択する商品の種類を示すべく、商品ごとに付与された識別情報である。見開き番号は、商品において、テンプレートが適用される場所（見開き位置）を示す番号である。テンプレート画像番号は、商品の見開き番号に対応する箇所に表示またはプリントアウトされるテンプレート画像のデータを指定する番号である。
【００５１】
見開き番号の例としては、複数の台紙を張り合わせて冊子状に製本して得られるフォトアルバムが商品である場合、アルバムの外装となる表紙を表す「１」、アルバムを開いて表紙裏とその隣の１ページ目との見開きを表す「２」、２ページ目と３ページ目との見開きを表す「３」のようにして、表紙の反対側の裏表紙まで順次番号が振られる。または、フォトアルバムが商品であって、表紙と裏表紙に写真画像を配置しない場合には、アルバムを開いて表紙裏とその隣の１ページ目との見開きを表す「１」、次の２ページ目と３ページ目との見開きを表す「２」のようにして、順次番号が振られている。裏表に画像が配置されるキーホルダーの場合には、一方の面を表す「１」、もう一方の面を表す「２」が振られる。一面に画像が配置されるフォトフレームまたはポストカードの場合には、画像の配置される面を表す「１」が振られる。コマ数は、テンプレート中に含まれる配置枠の数を示している。同じ商品ＩＤの同じ見開き番号のテンプレートであれば、コマ数は同じとなっている。
【００５２】
配置枠の情報としては、配置枠の向き、位置、大きさ、及び傾きの情報が含まれる。配置枠の向きの情報は、配置枠の高さ（縦の寸法）と横幅（横の寸法）とのどちらが長いかを示す符号である。縦の寸法が横の寸法よりも長い場合、すなわち縦長の場合には「ｔ」、横の寸法が縦の寸法よりも長い場合、すなわち横長の場合には「ｙ」、縦と横の長さが同じ場合には「ｓ」が付される。配置枠の位置の情報は、テンプレート画像を、左上を（０，０）の原点とする座標系として、座標系上の点の位置を、原点からの横方向の位置（位置横）と縦方向の位置（位置縦）との座標で示すものである。本実施形態では、レイアウト画面制御手段４１によって表示部７２に表示されるテンプレート画像の１ピクセルを座標の単位として、（０，０）、（４８０，０）、（０，３２０）、（４８０，３２０）の４点に囲まれる長方形のテンプレート画像上の位置を示す。この位置横及び位置縦によって示される座標が、長方形の配置枠の左上の頂点の位置を示す。配置枠の大きさの情報は、長方形の配置枠について、位置の情報が示す座標から、横幅が横方向の長さを示し、高さが縦方向の長さを示すものである。すなわち、位置横、位置縦、横幅、及び高さによって、レイアウト画像上における配置枠の位置と領域が指定される。配置枠の傾きの情報は、配置枠の回転の度合い（度）を示すものである。数値は回転している角度を表し、０の場合はそのままで回転しておらず、９０の場合は時計回りに９０度回転して、３６０の場合は１回転することになる。
【００５３】
さらに、テンプレート情報は、テンプレートに含まれる配置枠の数に対応した数の配置枠の情報を有しており、それぞれの配置枠について、配置枠の向き、位置、大きさ、及び傾きの情報を特定している。ここでは、コマ数が３であって、「配置枠１」、「配置枠２」、「配置枠３」の３種類の配置枠の情報を有している。この配置枠の情報の数も、同じ商品ＩＤの同じ見開き番号のテンプレートであれば同じとなる。配置枠の情報が複数含まれる場合には、１から順に配置枠の番号が振られている。
【００５４】
テンプレート情報では、テンプレート中に含まれる配置枠それぞれについて、横幅と高さとを特定することで、配置枠の縦横の長さが、縦長、横長、同じであるかを規定している。さらには、テンプレート情報は、テンプレート中に含まれる配置枠の縦横の長さの組み合わせについて、少なくとも縦長であるか横長であるかの組合せが全て充足されるだけのテンプレートを有している。例を挙げると、配置枠が１つであれば、縦と横で少なくとも２つのテンプレートを有している。配置枠が２つであれば、一つ目の配置枠が縦と横で二通り、二つ目の配置枠が縦と横で二通りであるから、これらの組み合せで少なくとも４つのテンプレートを有している。配置枠が３つであれば、一つ目の配置枠が縦と横で二通り、二つ目の配置枠が縦と横で二通り、三つ目の配置枠が縦と横で二通りであるから、これらの組み合せで少なくとも８つのテンプレートを有している。以降同様に、配置枠の数をｎとした場合、テンプレート情報は、配置枠の数が増えるにつれて、配置枠の縦横の長さが異なる少なくとも２nの数のテンプレートを含む。すなわち、同じ商品ＩＤの同じ見開き番号のテンプレート情報は、配置枠の縦横の長さが異なる少なくとも２nの数のテンプレートを含む、テンプレート群からなるものである。
【００５５】
図３では、配置枠が３であるテンプレート情報であって、縦横の長さの組合せがｙｙｔ、ｔｙｔ、ｙｔｔ、ｔｔｔ、ｙｙｙ、ｔｙｙ、ｙｔｙ、ｔｔｙとなる、テンプレートＩＤが００２１〜００２８の８種類のテンプレートを有している。
【００５６】
図４を参照して、テンプレート情報についてさらに説明する。図４では、配置枠１０３、配置枠１０４、配置枠１０５と、これら配置枠１０３〜１０５が配置されるテンプレート画像の外枠１０２と、これらによって構成されるテンプレート１０１の配置関係を模式的に示している。図３のテンプレート情報に含まれる配置枠１，配置枠２，配置枠３は、図４の配置枠１０３，配置枠１０４，配置枠１０５にそれぞれ対応している。また、図３のテンプレートＩＤが００２１のテンプレートは、図４のテンプレート画像の外枠１０２ａ、配置枠１０３ａ，１０４ａ，１０５ａからなるテンプレート１０１ａに対応し、それぞれ符号にａを付して配置関係を示している。同様に、図３のテンプレートＩＤが００２２〜００２８のテンプレートについては、図４で符号ｂ〜ｈをそれぞれ付して配置関係を示している。図４に示すように、テンプレート１０１ａ〜１０１ｈ中の３つの配置枠１０３ａ〜１０３ｈ，１０４ａ〜１０４ｈ，１０５ａ〜１０５ｈによって、配置枠の縦横の長さが縦長あるいは横長であるかの組合せが全て充足されている。なお、図４では、テンプレート情報に含まれる配置枠１に対応するテンプレート上の領域を、右下がりの斜線を描いた領域１０３により示している。また、配置枠２に対応するテンプレート上の領域を、右上がりの斜線を描いた領域１０４により示している。また、配置枠３に対応するテンプレート上の領域を、横線を描いた領域１０５により示している（以降、他のテンプレートの配置関係を模式的に示す図においても同様に示す。）
【００５７】
一例を挙げてテンプレート情報について具体的に説明する。図３のテンプレートＩＤが「００２１」のテンプレートは、配置枠１、配置枠２、及び配置枠３を有している。配置枠１は、位置横が「５０」、位置縦が「５５」、横幅が「１４０」、高さが「１００」、傾きが「０」である。図４のテンプレート画像の外枠１０２ａは、左上を（０，０）の原点として、（０，０）、（４８０，０）、（０，３２０）、（４８０，３２０）の４点に囲まれる長方形の座標系によって示される。配置枠１に対応する配置枠１０３ａは、位置横及び位置縦の座標である（５０，５５）が、長方形の配置枠の左上の点の位置を示す。さらに、配置枠は、位置横及び位置縦の座標である（５０，５５）、横幅が加わった（１９０，５５）、縦幅が加わった（５０，１５５）、横幅と縦幅が加わった（１９０，１５５）の４点に囲まれる領域として規定される。配置枠２及び配置枠３についても同様にして、配置枠１０４ａ及び配置枠１０５ａが、テンプレート画像の外枠１０２ａ上の領域として規定される。
【００５８】
上述の通り、商品がフォトアルバムであって、見開き２−３ページ目に適用されるテンプレートのテンプレート情報について説明した。テンプレート保存部２４は、商品ＩＤが同じであって、見開き番号が異なるテンプレート情報も同様に保存している。また、テンプレート保存部２４は、商品ＩＤが異なるテンプレートについても、それぞれの見開き番号に対応するテンプレート情報を保存している。
【００５９】
テンプレートデータは、文字を挿入するための文字枠が設けられていてもよい。この場合、テンプレート保存手段は、文字枠の大きさ、文字枠が設けられる位置、または文字枠の文字組みが異なる複数の前記テンプレートデータを保存する。文字枠が設けられたテン
プレートデータは、複数の配置枠を有するテンプレート情報において、いずれか一つの配置枠を文字枠に替えることで実現できる。または、配置枠とは別途に文字枠を設けておき、残りのスペースにレイアウト画像の表示又はプリントアウトを行うようにしてもよい。
【００６０】
テンプレート保存部２４に保存されるテンプレート画像データは、レイアウト画像中の写真画像以外の領域に表示またはプリントアウトされる画像のデータである。テンプレート画像データは、単色の塗りつぶしであってもよく、二以上の色の塗りつぶし、階調表現、またはグラデーションであってもよく、図柄や模様を描くものであってもよい。レイアウト画像は、商品及び見開き番号ごと決められており、図３に示すように、テンプレートに対応付けられてテンプレート画像番号によって指定されている。商品を選択した場合、商品ＩＤから用いられるテンプレート（テンプレートＩＤ）が絞り込まれ、テンプレート画像番号から、この商品及びテンプレートに対応するレイアウト画像も決定されることになる。異なる商品の間では、レイアウト画像のサイズが異なるようにしてもよいが、同じ商品の同じ見開き番号の間では、レイアウト画像のサイズは同じになっている。
【００６１】
商品がアルバムの場合、テンプレート画像は、アルバムの見開きの状態、または表紙もしくは裏表紙の状態において、それぞれ印刷される背景の画像を表すことになる。テンプレート画像データは、配置枠の位置、形状、または大きさにあわせて、配置枠の周囲に図柄を描くものであってもよい。これは例えば、配置枠の周りを囲む額（フレーム）の図柄や、配置枠の周りを縁取る飾り枠の図柄が挙げられる。配置枠の情報とテンプレート画像番号とは関連付けられてテンプレート情報として保存されている。このため、写真画像の向きに適合するテンプレートデータを抽出した場合、対応するテンプレート画像を表示するとともに、配置枠に写真画像を配置することで、写真画像がテンプレート画像の図柄に囲まれて配置されるレイアウト画面を出力することができる。
【００６２】
＜配置枠について＞
テンプレート保存部２４に保存されるテンプレートデータには、上述の通りテンプレート情報が含まれる。テンプレート情報によって規定される配置枠の向き、位置、または大きさの関係について例を挙げて説明する。
【００６３】
以下、配置枠の向きと位置との関係について説明する。また、配置枠の配置について例を挙げて説明する。以下の配置枠の配置の例では主に配置枠が二つの場合について説明するが、二つの配置枠のうち、いずれか一方の配置枠に二つの配置枠が割り当てられるようにすることで、三つの配置枠の関係にも適用することができる。また、以下の配置枠の配置の例では、二つの配置枠がレイアウト画像の左方と右方に配置されて、一方の配置枠が他方の配置枠とサイズまたは形状が違う場合について説明するが、配置枠を右方と左方で入れ替えても同様に適用することができる。
【００６４】
テンプレートデータは、以下の配置枠の配置例を含んでいることが好ましい。見開きページが複数ある場合において、複数種類の配置枠の配置例を含んでいてもよい。この場合には、見開きページごとに表示されるレイアウト画像のバリエーションが広がって、商品全体としての見栄えを向上させることができる。または、配置枠の配置例の種類を絞り込んでもよい。この場合、レイアウト画像に統一感のある商品を提供することが出来る。
【００６５】
（配置枠の向きと位置の関係（１））
図５（ａ）〜図５（ｄ）では、配置枠２０３、配置枠２０４、配置枠２０５と、これら配置枠２０３〜２０５が配置されるテンプレート画像の外枠２０２と、これらによって構成されるテンプレート２０１の配置関係を模式的に示している。
【００６６】
図５（ａ）は、配置枠が３つの場合のテンプレート２０１ａの配置関係を示しており、配置枠１、配置枠２、配置枠３にそれぞれ対応する、配置枠２０３ａ，２０４ａ，２０５は、それぞれ縦横の長さ情報がｙｙｔである。
【００６７】
図５（ｂ）は、配置枠が３つの場合のテンプレート２０１ｂの配置関係を示している。図５（ｂ）で示されるテンプレート２０１ｂは、図５（ａ）に示されるテンプレート２０１ａに対し、配置枠１に対応する配置枠２０３ｂの向きが縦向きになっており、また配置枠２０３ｂ、及び配置枠２に対応する配置枠２０４ｂの位置が異なっている点で相違している。
【００６８】
ここで、テンプレート２０１ａについて、配置枠２０３ａの向きを単に縦向きに変更した場合の配置関係を示すのが、図５（ｃ）に示すテンプレート２０１ｃである。このとき、配置枠１に対応する配置枠２０３ｃが、配置枠２に対応する配置枠２０４ｃと重なっている。この場合、配置枠２０３ｃに配置される写真画像と、配置枠２０４ｃに配置される写真画像とが重なってしまう。
【００６９】
この事態を避けるためには、図５（ｂ）に示すテンプレート２０１ｂのようにして、配置枠２０３ｂと配置枠２０４ｂとの占める領域が重ならないように、両者の位置を離すかまたは接触するように調整して配置すればよい。これにより、レイアウト画像において写真画像が重なることが無い、適切なレイアウト画像を提供できる。
【００７０】
また、配置枠２０３ａの向きを縦向きに変更して、さらに配置枠２０３ａと配置枠２０４ａの位置を移動させた場合の配置関係を示すのが、図５（ｄ）に示すテンプレート２０１ｄである。このとき、配置枠２０３ａが移動した位置を、符号２０３ｄを付して示している。また、配置枠２０４ａが移動した位置を、符号２０４ｄを付して示している。この場合、配置枠１に対応する配置枠２０３ｄが、配置枠２に対応する配置枠２０４ｄの下側に位置している。すなわち、図５（ｄ）に示すテンプレート２０１ｄでは、図５（ａ）に示すテンプレート２０１ａと比較すると、配置枠１と配置枠２の位置が入れ替わっている。この場合、テンプレート抽出によって、テンプレートが２０１ａから２０１ｄに変更されて、レイアウト画像が出力された際に、写真画像が配置される位置が入れ替わってしまうことになる。
【００７１】
この事態を避けるためには、例えば配置枠の回転により位置の調整が必要であっても、図５（ａ）に示すテンプレート２０１ａと図５（ｂ）に示すテンプレート２０１ｂとの間の関係のように、テンプレート抽出の対象となるテンプレート間では、同じ配置枠に対応するテンプレート画像上の配置枠の位置が、近い位置にあるか、または近い領域を占めていることが好ましい。または、テンプレート画像上において、配置枠が設けられる位置が入れ替わらず、同様の配置関係に保たれていることが好ましい。これにより、写真画像の操作によりテンプレートが変更されて、写真画像が変更後の配置枠に配置された場合であっても、写真画像は変更前と同様な位置に配置されることで、操作前後でレイアウトを大きく崩さないようにすることができる。また、写真画像の配置関係が変ってしまって、ユーザが違和感を覚えてしまうことを防ぐことができる。
【００７２】
（配置枠の向きと位置の関係（２））
図６（ａ）〜図６（ｄ）では、配置枠２１３、配置枠２１４、配置枠２１５と、これら配置枠２１３〜２１５が配置されるテンプレート画像の外枠２１２と、これらによって構成されるテンプレート２１１の配置関係を模式的に示している。
【００７３】
図６（ａ）は、配置枠が３つの場合のテンプレート２１１ａの配置関係を示しており、配置枠１、配置枠２、配置枠３にそれぞれ対応する、配置枠２１３ａ，２１４ａ，２１５ａは、それぞれ縦横の長さ情報がｙｙｔである。
【００７４】
図６（ｂ）は、配置枠が３つの場合のテンプレート２１１ｂの配置関係を示しており、テンプレート２１１ａとは、配置枠３に対応する配置枠２１５ｂの向きが横向きになっており、また配置枠１に対応する配置枠２１３ｂと配置枠２に対応する配置枠２１４ｂの位置が異なっている点で相違している。
【００７５】
図６（ｃ）は、配置枠が３つの場合のテンプレート２１１ｃの配置関係を示しており、テンプレート２１１ａとは、配置枠３に対応する配置枠２１５ｃの向きが横向きになり、配置枠２１５ｃの占める領域が狭くなっている点で相違している。
【００７６】
ここで、テンプレート２１１ａについて、配置枠２１５ａの向きを単に横向きに変更した場合の配置関係を示すのが、図６（ｄ）に示すテンプレート２１５ｄである。このとき、配置枠３に対応する配置枠２１５ｄが、テンプレート画像の外枠２１２と重なってしまう。この場合、配置枠２１５ｄに配置される写真画像は、レイアウト画面上に右側の部分が表示されず、また印刷もされなくなる。
【００７７】
この事態を避けるためには、図６（ｂ）に示すテンプレート２１１ｂのようにして、配置枠２１５ｂと外枠２１２とが重ならないように、両者の位置を離すか、または両者の辺が接触するように調整して配置すればよい。またこのとき、配置枠２１３ｂ、２１４ｂについても配置枠２１５ｂと重ならないよう調整を行う。または、図６（ｃ）に示すテンプレート２１１ｃのようにして、配置枠２１５ｃと外枠２１２とが重ならないように、配置枠２１５ｃを縮小するよう調整して配置すればよい。これにより、写真画像の操作によりテンプレートが変更されて、写真画像が変更後の配置枠に配置された場合であっても、写真画像がテンプレート画像上から外れて一部が欠けてしまうことなく、適切なレイアウト画像を出力することができる。
【００７８】
（配置枠の配置の例（１））
図７を参照して、配置枠の配置の第一の例について説明する。図７には、配置枠３０３，３０４と、これら配置枠３０３，３０４が配置されるテンプレート画像の外枠３０２と、これらによって構成されるテンプレート３０１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１に対応する配置枠は、縦向きの配置枠に３０３ａ、横向きの配置枠に３０３ｂを付して示している。また、テンプレート情報に含まれる配置枠２に対応する配置枠は、縦向きの配置枠を３０４ａ、横向きの配置枠に３０４ｂを付して示している。
【００７９】
図７に示すテンプレート３０１ａ〜３０１ｄは、配置枠の数が２で同じであって、２つの配置枠の向きの組合せが異なる配置枠を有するテンプレートの例を示している。配置枠１及び配置枠２を縦向きにした場合にはテンプレート３０１ａ、配置枠１を横向きにした場合にはテンプレート３０１ｂ、配置枠２を横向きにした場合にはテンプレート３０１ｃ、配置枠１及び配置枠２を横向きにした場合にはテンプレート３０１ｄのようにして、レイアウト画像を表示する。ここでは、テンプレート画像の外枠３０２の大きさが、縦向きに配置された配置枠３０３ａ，または３０４ａを横に２倍程度大きくしたサイズとなっている。また、配置枠３０３ａと配置枠３０４ａ、また配置枠３０３ｂと配置枠３０４ｂとは、それぞれ同じサイズとなっている。また、いずれの配置枠もテンプレート画像を二分する中心の線を越えないように配置されている。これにより、テンプレート３０１ａのように、縦向きの配置枠３０３ａ、３０４ａを横に二つ並べて配置することで、テンプレート画像の領域を全体的に均等に埋めるようにしてレイアウト画像を表示することができる。このとき横向きの配置枠３０３ｂ、３０４ｂは、横幅が縦向きの配置枠３０３ａと同程度で、高さが縦向きの配置枠３０３ａの半分程度になる。
【００８０】
（配置枠の配置の例（２））
図８を参照して、配置枠の配置の第二の例について説明する。図８には、配置枠４０３，４０４と、これら配置枠４０３，４０４が配置されるテンプレート画像の外枠４０２と、これらによって構成されるテンプレート４０１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１に対応する配置枠は、横向きの配置枠に４０３ａ、縦向きの配置枠に４０３ｂを付して示している。また、テンプレート情報に含まれる配置枠２に対応する配置枠は、横向きの配置枠を４０４ａ、縦向きの配置枠に４０４ｂを付して示している。
【００８１】
図８に示すテンプレート４０１ａ〜４０１ｄは、配置枠の数が２で同じであって、２つの配置枠の向きの組合せが異なる配置枠を有するテンプレートの例を示している。ここでは、テンプレート画像の外枠４０２の形状は、横と高さとの長さの比が２対１となっている。配置枠１及び配置枠２を横向きにした場合にはテンプレート４０１ａ、配置枠２を縦向きにした場合にはテンプレート４０１ｂ、配置枠１を縦向きにした場合にはテンプレート４０１ｃ、配置枠１及び配置枠２を縦向きにした場合にはテンプレート４０１ｄのようにして、レイアウト画像を表示する。テンプレート画像の横の長さは、横向きに配置された配置枠４０３ａ及び配置枠４０４ｂを横に並べた長さと同じサイズとなっている。また、縦向きの配置枠４０３ｂ及び４０４ｂの高さは、テンプレート画像の高さと同じになっている。また、配置枠４０３ａと配置枠４０４ａ、また配置枠４０３ｂと配置枠４０４ｂとは、それぞれ同じサイズとなっている。これにより、図７に示したテンプレート３０１ａ〜３０１ｄと比較すると、横向きの配置枠４０３ａ、４０４ａを横に二つ並べて配置した場合には、テンプレート４０１ａのように、テンプレート画像の領域を全体的に均等に埋めるようにしてレイアウト画像を表示することができる。また、縦向きの配置枠４０４ｂ，４０４ｂを横に二つ並べて配置した場合にも、テンプレート画像の領域を全体的に均等に埋めるようにしてレイアウト画像を表示することができる。また、いずれかの配置枠の向きを変更して、縦向きの配置枠と横向きの配置枠とから構成するようにした場合には、レイアウトが大きく変わることがなく、バランスのよい表示が可能である。
【００８２】
（配置枠の配置の例（３））
図９を参照して、配置枠の配置の第三の例について説明する。図９には、配置枠４１３，４１４と、これら配置枠４１３，４１４が配置されるテンプレート画像の外枠４１２と、これらによって構成されるテンプレート４１１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１に対応する配置枠は、横向きの配置枠に４１３ａ，４１３ｂ、縦向きの配置枠に４１３ｃ，４１３ｄを付して示している。また、テンプレート情報に含まれる配置枠２に対応する配置枠は、横向きの配置枠を４１４ａ，４１４ｃ、縦向きの配置枠に４１４ｂ，４１４ｄを付して示している。
【００８３】
図９に示すテンプレート４１１ａ〜４１１ｄは、配置枠の数が２で同じであって、２つの配置枠の向きの組合せが異なる配置枠を有するテンプレートの例を示している。ここでは、図８に示したテンプレート４０１ａ〜４０１ｄと同様に、テンプレート画像の外枠４１２の形状は、横と高さとの長さの比が２対１となっている。配置枠１及び配置枠２を横向きにした場合にはテンプレート４１１ａ、配置枠２を縦向きにした場合にはテンプレート４１１ｂ、配置枠１を縦向きにした場合にはテンプレート４１１ｃ、配置枠１及び配置枠２を縦向きにした場合にはテンプレート４１１ｄのようにして、レイアウト画像を表示する。横向きの配置枠４１３ａと横向きの配置枠４１４ａは同じサイズであり、縦向きの配置枠４１３ｄと縦向きの配置枠４１４ｄは同じサイズである。一方で、横向きの配置枠４１３ｂの高さと、縦向きの配置枠４１４ｂの高さが同じになり、横向きの配置枠４１３ｂはテンプレート画像の半分以上の領域を占めている。また、縦向きの配置枠４１３ｃの高さと、横向きの配置枠４１４ｃの高さが同じになり、横向きの配置枠４１４ｃはテンプレート画像の半分以上の領域を占めている。これにより、配置枠をともに横向きまたは縦向きに配置した場合には、テンプレート４１１ａ，４１１ｄのように、テンプレート画像の領域を均等に埋めるようにしてレイアウト画像を表示することができる。一方、いずれかの配置枠の向きを変更して、縦向きの配置枠と横向きの配置枠とから構成するようにした場合には、テンプレート４１１ｂ，４１１ｃのように、横向きの配置枠を縦向きの配置枠よりも大きく表示して、強い印象を与えることができる。
【００８４】
（配置枠の配置の例（４））
図１０を参照して、配置枠の配置の第四の例について説明する。図１０には、配置枠４２３，４２４と、これら配置枠４２３，４２４が配置されるテンプレート画像の外枠４２２と、これらによって構成されるテンプレート４２１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１に対応する配置枠は、横向きの配置枠に４２３ａ，４２３ｂ、縦向きの配置枠に４２３ｃ，４２３ｄを付して示している。また、テンプレート情報に含まれる配置枠２に対応する配置枠は、横向きの配置枠を４２４ａ，４２４ｃ、縦向きの配置枠に４２４ｂ，４２４ｄを付して示している。
【００８５】
図１０に示すテンプレート４２１ａ〜４２１ｄは、配置枠の数が２で同じであって、２つの配置枠の向きの組合せが異なる配置枠を有するテンプレートの例を示している。ここでは、図８に示したテンプレート４０１ａ〜４０１ｄと同様に、テンプレート画像の外枠４２２の形状は、横と高さとの長さの比が２対１となっている。配置枠１及び配置枠２を横向きにした場合にはテンプレート４２１ａ、配置枠２を縦向きにした場合にはテンプレート４２１ｂ、配置枠１を縦向きにした場合にはテンプレート４２１ｃ、配置枠１及び配置枠２を縦向きにした場合にはテンプレート４２１ｄのようにして、レイアウト画像を表示する。テンプレート４２１ｂ〜４２１ｄは、図９に示したテンプレート４１１ｂ〜４１１ｄと同様に構成されている。一方で、横向きの配置枠４２４ａは高さがテンプレート画像にあわせて拡大されて、横向きの配置枠４２３ａは縮小されることで、配置枠４２４ａは配置枠４２３ａよりも大きく表示されている。これにより、縦向きの配置枠と横向きの配置枠とから構成するようにした場合のみならず、ともに横向きの配置枠から構成するようにした場合にも、テンプレート４２１ａのように、一方の配置枠を他方の配置枠よりも大きく表示して、より強い印象を与えることができる。このように、いずれか一つの配置枠が、他方の配置枠よりも大きく設けられていることで、ユーザは特にお気に入りの写真を選択して、大きい配置枠に配置することができる。
【００８６】
（配置枠の配置の例（５））
図１１を参照して、配置枠の配置の第五の例について説明する。図１１には、配置枠４３３，４３４と、これら配置枠４３３，４３４が配置されるテンプレート画像の外枠４３２と、これらによって構成されるテンプレート４３１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１に対応する配置枠は、横向きの配置枠に４３３ａ，４３３ｂ、縦向きの配置枠に４３３ｃを付して示している。また、テンプレート情報に含まれる配置枠２に対応する配置枠は、横向きの配置枠に４３４ａ、縦向きの配置枠に４３４ｂを付して示している。
【００８７】
図１１に示すテンプレート４３１ａ〜４３１ｄは、配置枠の数が２で同じであって、２つの配置枠の向きの組合せが異なる配置枠を有するテンプレートの例を示している。ここでは、図８に示したテンプレート４０１ａ〜４０１ｄと同様に、テンプレート画像の外枠４３２の形状は、横と高さとの長さの比が２対１となっている。配置枠１及び配置枠２を横向きにした場合にはテンプレート４３１ａ、配置枠２を縦向きにした場合にはテンプレート４３１ｂ、配置枠１を縦向きにした場合にはテンプレート４３１ｃ、配置枠１及び配置枠２を縦向きにした場合にはテンプレート４３１ｄのようにして、レイアウト画像を表示する。横向きに配置された配置枠４３３ａ，４３３ｂは、高さがテンプレート画像の高さと同程度に、いっぱいに表示されるように拡大される。このとき、配置枠４３４ａ，４３４ｂは、残りの領域に小さく配置される。また、縦向きに配置された配置枠４３３ｃも、高さがテンプレート画像の高さと同程度に、いっぱいに表示されるように拡大される。また、配置枠４３３ａ，４３３ｂは、配置枠４３４ａ，４３４ｂと近づいた状態で表示される。一方、配置枠４３３ｃと配置枠４３４ａ，４３４ｂとは離れた状態で表示される。これにより、一方の写真画像を最大限にまで拡大して表示することで、さらに強い印象を与えることができる。中でも、一方の写真画像を横向きに配置した場合には、テンプレート４３１ａのように、テンプレート画像の大半（７割程）の領域を占めさせることができる。
【００８８】
（配置枠の配置の例（６））
図１２を参照して、配置枠の配置の第六の例について説明する。図１２には、配置枠４４３，４４４と、これら配置枠４４３，４４４が配置されるテンプレート画像の外枠４４２と、これらによって構成されるテンプレート４４１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１に対応する配置枠は、横向きの配置枠に４４３ａ、縦向きの配置枠に４４３ｂを付して示している。ここでは、テンプレート情報に含まれる配置枠２に対応する配置枠は、正方形に規定されており、この配置枠に４４４を付して示している。
【００８９】
図１２に示すテンプレート４４１ａ，４４１ｂは、配置枠の数が２で同じであって、２つの配置枠の向きの組合せが異なる配置枠を有するテンプレートの例を示している。ここでは、図８に示したテンプレート４０１ａ〜４０１ｄと同様に、テンプレート画像の外枠４４２の形状は、横と高さとの長さの比が２対１となっている。配置枠１を横向きにした場合にはテンプレート４４１ａ、配置枠１を縦向きにした場合にはテンプレート４４１ｂのようにして、レイアウト画像を表示する。正方形の配置枠４４４は、レイアウト画像の半分の領域を占めるように表示される。これにより、一方の写真画像を拡大して表示するとともに、図８〜図１１に示したようなレイアウトとは、一風変った新鮮な印象を与えることができる。また、配置枠４４４に配置される写真画像は正方形に表示されることから、正方形の構図が好ましい写真画像を配置する場合に好適である。
【００９０】
（配置枠の配置の例（７））
図１３を参照して、配置枠の配置の第七の例について説明する。図１３には、配置枠５０３，５０４，５０５と、これら配置枠５０３，５０４，５０５が配置されるテンプレート画像の外枠５０２と、これらによって構成されるテンプレート５０１の配置関係を模式的に示している。図１３に示すテンプレート５０１ａ〜５０１ｆは、配置枠の数が３で同じであって、３つの配置枠の向きの組合せが異なる配置枠を有するテンプレートの例を示している。より詳しくは、図４に示したテンプレート１０１ａ〜１０１ｈの変形例にあたるものである。なお、以下に説明する変形例は、図４に示したテンプレート１０１ａ〜１０１ｈに留まらず、他の配置例の変形にも適用できる。また、以下に説明する変形例を適宜組み合せて変形を行ってもよい。
【００９１】
テンプレート１０１ｄでは、縦向きの配置枠１０３ｄ，１０４ｄを横に並べて表示する例を挙げたが、テンプレート５０１ａのように、縦向きの配置枠５０３ａ，５０４ａを縦に並べて表示してもよい。
【００９２】
テンプレート１０１ｂでは、配置枠１０３ｂ，１０４ｂの右辺を揃えて表示する例を挙げたが、テンプレート５０１ｂのように、配置枠５０３ｂ，５０４ｂを左右にずらして表示してもよい。
【００９３】
また同様に、テンプレート１０１ｃでは、配置枠１０３ｃ，１０４ｃの右辺を揃えて表示する例を挙げたが、テンプレート５０１ｃのように、配置枠５０３ｃ，５０４ｃを左右にずらして表示してもよい。
【００９４】
テンプレート１０１ａでは、横向きの配置枠１０３ａ，１０４ａを接近した状態で表示する例を挙げたが、テンプレート５０１ｄのように、横向きの配置枠５０３ｄ，５０４ｂを左右にずらして、上下に離隔した状態で表示してもよい。
【００９５】
テンプレート１０１ｄでは、縦向きの配置枠１０３ｄ，１０４ｄを接近した状態で表示する例を挙げたが、テンプレート５０１ｅのように、縦向きの配置枠５０３ｅ，５０４ｅを左右及び上下にずらした状態で表示してもよい。
【００９６】
テンプレート１０１ａでは、最大の配置枠１０５ａをレイアウト画像の右側の領域に表示して、他の配置枠１０３ａ，１０４ａをレイアウト画像の左側の領域に表示する例を挙げたが、テンプレート５０１ｆのように、最大の配置枠５０３ｆをレイアウト画像の左側の領域に表示して、他の配置枠５０４ｆ，５０５ｆをレイアウト画像の右側の領域に表示してもよい。
【００９７】
（配置枠の配置の例（８））
図１４を参照して、配置枠の配置の第八の例について説明する。図１４には、配置枠６０３〜６０６と、これら配置枠６０３〜６０６が配置されるテンプレート画像の外枠６０２と、これらによって構成されるテンプレート６０１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１〜４に対応する配置枠は、それぞれ６０３〜６０６を付して示している。なお、配置枠４に対応するテンプレート上の領域を、縦線を描いた領域６０６により示している（以降、他のテンプレートの配置関係を模式的に示す図においても同様に示す。）。
【００９８】
図１４に示すテンプレート６０１は、４つの配置枠を有するテンプレートの例を示している。テンプレート６０１では、配置枠６０３〜６０６のコーナー部分をつき合わせるようにして、より集められた状態で表示される。
【００９９】
（配置枠の配置の例（９））
図１５を参照して、配置枠の配置の第九の例について説明する。図１５には、配置枠６１３〜６１６と、これら配置枠６１３〜６１６が配置されるテンプレート画像の外枠６１２と、これらによって構成されるテンプレート６１１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１〜４に対応する配置枠は、それぞれ６１３〜６１６を付して示している。
【０１００】
図１５に示すテンプレート６１１は、４つの配置枠を有するテンプレートの例を示している。テンプレート６１１では、配置枠６１３〜６１６を横一列に並べた状態で表示される。
【０１０１】
（配置枠の配置の例（１０））
図１６を参照して、配置枠の配置の第十の例について説明する。図１６には、配置枠７０３〜７０７と、これら配置枠７０３〜７０７が配置されるテンプレート画像の外枠７０２と、これらによって構成されるテンプレート７０１の配置関係を模式的に示している。テンプレート情報に含まれる配置枠１〜５に対応する配置枠は、それぞれ７０３〜７０７を付して示している。なお、配置枠５に対応するテンプレート上の領域を、横破線を描いた領域７０７により示している。
【０１０２】
図１６に示すテンプレート７０１は、５つの配置枠を有するテンプレートの例を示している。テンプレート７０１では、配置枠７０３，７０４が上段に、配置枠７０５〜７０７が下段となって、二段に組むようにした状態で表示される。
【０１０３】
［１−３．信号処理部］
図１に示すように、信号処理部１３は、閲覧画面提供部３１、注文受付部３３、画像候補指定部３４、テンプレート候補指定部３５、及びレイアウト画面制御部４１を備えて構成される。さらに、レイアウト画面制御部４１は、縦横情報判定部４２、テンプレート抽出部４３、及びレイアウト画像出力部４４を備えて構成される。
【０１０４】
＜閲覧画面提供部＞
閲覧画面提供部３１は、レイアウト画像作成サービスにアクセスを行ったユーザ端末７１に、画像データの画像を表示するための閲覧画面として、ユーザごとに固有のマイページを提供する。閲覧画面提供部３１は、レイアウト画像作成サービスにアクセスしたユーザ関連の画像データをマイページに表示する。
【０１０５】
マイページは、例えばＨＴＭＬ（Hyper Text Markup Language）、ＸＭＬ（Extensible Markup Language）、ＣＧＩ（Common Gateway Interface）スクリプト、ＰＨＰ（PHP: Hypertext Preprocessor）、Ｊａｖａ（登録商標）、ＪａｖａＳｃｒｉｐｔ（登録商標）、Ａｊａｘ（Asynchronous JavaScript（登録商標）+ XML）、Ｆｌａｓｈ（登録商標）等を使用して実装されたウェブページである
【０１０６】
ユーザはユーザ端末７１を操作してウェブブラウザを実行することによって、マイページに対応したＵＲＬを指定し、またはマイページで所定の操作を行うことで、ユーザ端末７１から閲覧画面提供部３１にマイページの閲覧要求が送信される。閲覧画面提供部３１は閲覧要求を受信すると、画像データ保存部２１から画像データを読み込み、またはウェブページ保存部２３からウェブページを構成するデータを読み込んで、マイページのデータを生成してユーザ端末７１に送信する。ユーザ端末７１では、ウェブブラウザが、受信した画像データまたはウェブページを構成するデータを基にしてマイページを生成し、表示部７２に表示する。
【０１０７】
閲覧画面提供部３１は、マイページとして、写真一覧ページ、商品選択ページ、レイアウト画像作成ページ、内容確認ページ、及び注文ページを提供する。各マイページには、表示部７２に表示されるボタンまたは入力フォームが設けられている。操作部７３を用いてボタンをクリックすることで、ボタンに設定された動作を行わせることができる。また、操作部７３を用いて入力フォームに情報を入力して、センタサーバ１１に情報を送信することができる。
【０１０８】
＜注文受付部＞
注文受付部３３は、マイページに表示されたレイアウト画像の注文を受け付ける。
注文受付部３３では、商品の届け先の情報、支払い方法等の注文情報の入力を受け付ける。商品の届け先の情報とは、届け先の相手の名前、郵便番号、住所、電話番号等である。さらに、注文受付部３３は、レイアウト画像の注文の提供に係る情報の入力も受けつける。レイアウト画像の注文の提供に係る情報には、後述する商品選択処理において選択する、商品のカテゴリ、商品の種類、または商品のページ数を示す、商品情報が含まれる。また、レイアウト画像の注文の提供に係る情報には、後述するレイアウト画像作成処理において選択したテンプレート画像、画像データ、及びテンプレート画像の配置枠と画像データとの配置関係を示す情報が含まれる。
【０１０９】
商品とは、注文を受けたレイアウト画像の提供を行うための形態である。画像処理システム１は、ユーザからの注文を受けて、レイアウト画像のダウンロードの提供、またはレイアウト画像をプリントアウトしたプリント物の提供を行う。このうちプリント物が、商品に該当する。プリント物としては、レイアウト画像をプリントアウトした、写真、フォトアルバム、フォトフレーム、ポストカード、または日用品、雑貨もしくは衣服が挙げられる。レイアウト画像をプリントアウトした写真とは、レイアウト画像をプリントアウトしたプリントシート、またはプリントシートを台紙と張り合わせたものである。レイアウト画像をプリントアウトしたフォトアルバムとは、プリントシートを台紙と張り合わせたもの複数を製本したものであり、フォトブックともいう。レイアウト画像をプリントアウトしたフォトフレームとは、プリントシートを台紙と張り合わせ、これをフレーム（額）に収めたものである。レイアウト画像をプリントアウトしたポストカードとは、レイアウト画像をポストカードにプリントしたもの、またはプリントシートをポストカードと張り合わせたものである。レイアウト画像をプリントアウトした日用品、雑貨、または衣服とは、レイアウト画像を日用品、雑貨、もしくは衣服にプリントしたもの、プリントシートを日用品、雑貨、もしくは衣服と張り合わせたもの、または日用品、雑貨、もしくは衣服に挟み込みもしくは挿入することで一体化したものである。雑貨としては、例えばキーホルダーが挙げられる。キーホルダーの素材に直接レイアウト画像をプリントしてもよく、またはプリントシートをキーホルダーに挟み込み、もしくは挿入することで一体化させたものを提供してもよい。
【０１１０】
＜画像候補指定部＞
画像候補指定部３４は、ユーザによる、配置枠に配置する写真画像の候補の指定を受け付ける。配置枠に配置する写真画像の候補の指定は、後述する写真一覧ページにおいて、ユーザがお気に入りボタン１４４（図２７参照）を操作することにより行われる。
【０１１１】
（画像候補テーブル）
画像候補指定部３４は、候補の指定を受けた、配置枠に配置する写真画像の候補についての情報を、画像候補テーブル（図１７参照）としてメモリ１５に保持している。
【０１１２】
図１７は、画像候補テーブルの格納状態を示す例である。画像候補テーブルには、画像候補指定部３４が候補の指定を受け付けた写真画像について、その画像データ番号を、連番の画像候補テーブル番号を付して保存する。
【０１１３】
画像候補テーブルには、例えば、図１７に示すように、画像候補テーブル番号の順に、「Ｃ１５−０１２１＿０１２」、「Ｃ１５−０１２１＿０２６」、「Ｃ１５−０１２１＿０３４」、「Ｃ１５−０１２１＿０４４」の４つの画像データ番号が格納される。
【０１１４】
画像候補指定部３４が候補の指定を新たに受け付けた場合には、画像候補テーブルに画像データ番号を追加する。画像候補指定部３４が候補の解除を受け付けた場合には、画像候補テーブルから画像データ番号を削除する。
【０１１５】
＜テンプレート候補指定部＞
テンプレート候補指定部３５は、ユーザによる、テンプレートの候補（「テンプレート候補」とも称する。）の指定を受け付ける。テンプレート候補とは、見開き番号ごとに、配置枠の数が同じであって、配置枠の縦横の長さが異なる少なくとも２nの数のテンプレートを含むテンプレート群である。テンプレートの候補の指定は、商品選択ページで具体的な商品の選択を行うことによりなされる。選択された商品に付与された商品ＩＤの情報が含まれるテンプレートが、テンプレートの候補に該当する。
【０１１６】
＜レイアウト画面制御部＞
レイアウト画面制御部４１は、配置枠に写真画像を配置した画面を表示する、レイアウト画面１５３（図２８参照）に表示されるレイアウト画像を出力するとともに、ユーザの操作を受けてレイアウト画面１５３の表示を変更する。
【０１１７】
（レイアウト設定テーブル）
レイアウト画面制御部４１は、レイアウト画面１５３にレイアウト画像を表示するための情報を、レイアウト設定テーブル（図１８参照）としてメモリ１５に保持している。
【０１１８】
レイアウト画面制御部４１は、レイアウト設定テーブルに基づいて、レイアウト画面１５３を表示する。ここでは、商品がフォトアルバムであって、表紙、裏表紙、及び１〜８ページに写真画像が配置される、見開きの数が７のレイアウト設定テーブルについて例を挙げて説明する。この場合の商品のテンプレートの見開き番号は、アルバムの表紙を表す「１」、表紙裏と１ページ目との見開きを表す「２」、２ページ目と３ページ目との見開きを表す「３」、４ページ目と５ページ目との見開きを表す「４」、６ページ目と７ページ目との見開きを表す「５」、８ページ目と裏表紙裏との見開きを表す「６」、裏表紙を表す「７」が振られている。
【０１１９】
図１８は、レイアウト設定テーブルの格納状態を示す例である。レイアウト設定テーブルには、商品ＩＤ、見開き番号、テンプレート画像番号、及び配置枠の情報が含まれる。配置枠の情報としては、配置枠の向き、位置、大きさ、及び傾きの情報が含まれる。ここでは、フォトアルバムの商品に対応する商品ＩＤ「００１」のテンプレートについて、見開き番号「１」〜「７」の各ページのレイアウト設定テーブルが示されている。
【０１２０】
見開き番号に対応するそれぞれのページには、商品ＩＤに対応したテンプレート画像番号が、見開き番号ごとに設定されている。レイアウト画像出力部４４は、見開き番号ごとに、レイアウト設定テーブルのテンプレート画像番号に対応するテンプレート画像をテンプレート保存部２４から読み出して、この読み出したテンプレート画像をレイアウト画面１５３に表示する。
【０１２１】
レイアウト設定テーブルには、見開き番号ごとに配置枠の情報が設定されている。配置枠の情報は、テンプレートに含まれる配置枠の数に対応した数の配置枠の情報を有している。見開き番号１のテンプレートを例に挙げて説明すると、この場合の配置枠１は、位置横が「２０」、位置縦「９０」、横幅「２００」、高さ「１４０」、傾き「０」によって、配置枠の配置位置及び領域が規定される。また、このときの配置枠の向きは「ｙ」、すなわち横長である。
【０１２２】
レイアウト画面制御部４１は、後述するテンプレート抽出部４３によって、写真画像と配置枠とが適合するテンプレートデータを抽出する。さらに、レイアウト画面制御部４１は、抽出により得られたテンプレートデータのテンプレート情報を、レイアウト設定テーブルへ設定する。例えば、図１８の見開き番号「３」に用いられるテンプレートデータとして、図３に示すテンプレートＩＤが「００２２」のテンプレートデータが抽出された場合、テンプレート情報の商品ＩＤ、テンプレート画像番号、配置枠についての情報を取得して、この内容を図１８に示すレイアウト設定テーブルの見開き番号「３」の商品ＩＤ、テンプレート画像番号、配置枠についての情報として設定する。
【０１２３】
図１９を参照して、レイアウト設定テーブルについてさらに説明する。図１９では、配置枠１１３と、配置枠１１３が配置されるテンプレート画像の外枠１１２と、これらによって構成されるテンプレート１１１の関係を模式的に示している。テンプレートが配置枠を複数有する場合には、配置枠１１４、１１５をさらに示している。図１９は、図１８を参照して説明した、商品がフォトアルバムであって見開きの数が７のレイアウト設定テーブルに対応する、配置枠の配置関係を示すものである。
【０１２４】
図１８のテンプレート情報に含まれる配置枠１，２，３は、図１９の配置枠１１３，１１４，１１５にそれぞれ対応している。さらに、図１８の見開き番号「１」のレイアウト設定テーブルは、図１９のテンプレート画像の外枠１１２ａ、配置枠１１３ａからなるテンプレート１１１ａに対応し、それぞれ符号ａを付して配置関係を示している。同様に、図１８の見開き番号が「２」〜「７」のレイアウト設定テーブルについては、図１９の符号ｂ〜ｈをそれぞれ付して配置関係を示している。
【０１２５】
一例を挙げてレイアウト設定テーブルについて具体的に説明する。図１８の見開き番号が「３」のレイアウト設定テーブルは、２ページ目と３ページ目の見開きページのレイアウトの設定を示すものである。テンプレート画像番号「１０３」に対応する画像が、テンプレート１１１ｃの写真画像以外の領域に表示またはプリントアウトされる。このレイアウト設定テーブルでは、配置枠１，配置枠２，及び配置枠３の情報が設定されている。これらはそれぞれ、図１９の配置枠１１３ｃ，１１４ｃ，１１５ｃの配置位置及び領域を示すものである。ここで、図１８の見開き番号「３」のレイアウト設定テーブルは、図３に示すテンプレートＩＤが「００２２」のテンプレートデータが抽出された場合に、このテンプレート情報を設定したものに相当する。このとき、図３に示すテンプレートＩＤが「００２２」のテンプレート情報に対応する、図４のテンプレート１０１ｂの配置は、図１８に示す見開き番号が「３」のレイアウト設定テーブルに対応する、図１９のテンプレート１１１ｃの配置と一致していることが分かる。
【０１２６】
（画像設定テーブル）
レイアウト画面制御部４１は、レイアウト設定テーブルの配置枠の情報にあわせて、配置枠に写真画像を割り当てて配置するための情報を、画像設定テーブル（図２０参照）としてメモリ１５に保持している。
【０１２７】
図２０は、画像設定テーブルの格納状態を示す例である。画像設定テーブルには、レイアウト画面制御部４１が写真画像を配置枠に配置するために取得した画像データについて、その画像データ番号を、連番の画像設定テーブル番号を付して保存する。
【０１２８】
画像設定テーブルに格納される画像データ番号は、画像設定テーブル番号の順に、レイアウト設定テーブルに含まれる配置枠に対応して、順に格納される。
【０１２９】
画像設定テーブルに保存される画像データは、画像候補テーブルに保存される画像データから優先的に取得される。このとき、画像データはランダムな順番で取得される。その次に、テンプレートのコマ数に応じて、画像データ保存部２１から、画像候補テーブルに保存される画像データ以外がランダムに取得される。
【０１３０】
画像設定テーブルには、例えば、図２０に示すように、画像データ番号が格納される。ここでは、合計１２コマ分の写真画像を配置する場合の例を示している。このうち、画像設定テーブル番号１〜４の「Ｃ１５−０１２１＿０１２」、「Ｃ１５−０１２１＿０４４」、「Ｃ１５−０１２１＿０３４」、「Ｃ１５−０１２１＿０２６」の画像データ番号は、図１７に示す画像候補テーブルから、ランダムな順番で取得されたものである。画像設定テーブル番号５〜１２の画像データ番号は、画像データ保存部２１から、ランダムに取得されたものである。
【０１３１】
画像設定テーブル番号１の「Ｃ１５−０１２１＿０１２」は、図１８に示すレイアウト設定テーブルの１個目の配置枠である、見開き番号１の配置枠１に配置される。画像設定テーブル番号２の「Ｃ１５−０１２１＿０４４」は、図１８に示すレイアウト設定テーブルの２個目の配置枠である、見開き番号２の配置枠１に配置される。画像設定テーブル番号３の「Ｃ１５−０１２１＿０３４」は、図１８に示すレイアウト設定テーブルの３個目の配置枠である、見開き番号３の配置枠１に配置される。画像設定テーブル番号４の「Ｃ１５−０１２１＿０２６」は、図１８に示すレイアウト設定テーブルの４個目の配置枠である、見開き番号３の配置枠２に配置される。画像設定テーブル番号５の「Ｃ１５−０１２１＿００６」は、図１８に示すレイアウト設定テーブルの５個目の配置枠である、見開き番号３の配置枠３に配置される。以降、同様にして、画像設定テーブル番号の順に配置される。そして、画像設定テーブル番号１２の「Ｃ１５−０１２１＿０３１」は、図１８に示すレイアウト設定テーブルの１２個目の配置枠である、見開き番号７の配置枠１に配置される。
【０１３２】
レイアウト画面制御部４１が、レイアウト画面１５３に表示されている写真画像１５６ａ，１５６ｂの操作を受けた場合、操作に応じて画像設定テーブルに格納される画像データ番号の追加、削除、または入れ替え（交換）を行う。
【０１３３】
＜縦横情報判定部＞
縦横情報判定部４２は、画像データの縦横の長さが、縦長、横長、または同じのいずれかであるかを判定して、写真画像の縦横の長さ情報を取得する。判定は、画像データの有する高さの情報と横幅の情報とを読み込んで、高さと横幅との長さを比較することにより行う。縦横情報判定部４２は、縦の寸法が横の寸法よりも長い場合には、「縦長」と判定する。横の寸法が縦の寸法よりも長い場合には、「横長」と判定する。縦と横の長さが同じ場合には、「同じ」と判定する。なお、縦横の長さ情報は、「縦長」を向きが「縦」または「ｔ」、「横長」を向きが「横」または「ｙ」と称することもある。
【０１３４】
＜テンプレート抽出部＞
テンプレート抽出部４３は、写真画像の縦横の長さ情報と、写真画像が配置される配置枠の縦横の長さ情報とを用いて、写真画像と配置枠とが適合するテンプレートデータを抽出する。このとき、テンプレート抽出部４３は、テンプレート情報とテンプレート画像とを取得する。
【０１３５】
より詳細には、テンプレート抽出部４３は、テンプレート候補指定部３５が取得したテンプレート群の中から、同じ見開き番号であって、写真画像と配置枠とが適合するテンプレートデータを抽出する。これにより、テンプレート抽出部４３は、ユーザが操作するテンプレート画面に設けられた配置枠の数と同じ配置枠の数で、配置または大きさを異にするテンプレートデータの中から、写真画像と配置枠とが適合するテンプレートデータを抽出する。
【０１３６】
テンプレート抽出部４３は、縦長の写真画像が、縦長または縦横の長さが同じである配置枠に適合すると判断する。また、テンプレート抽出部４３は、横長の写真画像が、横長または縦横の長さが同じである配置枠に適合すると判断する。また、テンプレート抽出部４３は、縦横の長さが同じである前記写真画像が、縦長、横長、または縦横の長さが同じである配置枠と適合すると判断する。
【０１３７】
写真画像と配置枠との整合性を高める観点からは、テンプレート抽出部４３は、縦長の写真画像が、縦長の配置枠に適合すると判断し、横長の写真画像が、横長の配置枠に適合すると判断し、縦横の長さが同じ写真画像が、縦横の長さが同じ配置枠と適合すると判断してもよい。この場合、レイアウト画像を出力する際に、写真画像の修正を抑えることができる。
【０１３８】
ユーザがレイアウト画像の作成を開始して、レイアウト画面１５３に初期表示を行う際に、テンプレート抽出部４３はテンプレートデータを抽出して、レイアウト画面制御部４１はレイアウト画像を出力する。また、ユーザが配置枠に配置された写真画像をレイアウト画像に表示されていない写真画像の中から変更して、操作の前後で写真画像が縦長あるいは横長に切り替わった際に、テンプレート抽出部４３はテンプレートデータを抽出して、レイアウト画面制御部４１はレイアウト画像を出力する。また、ユーザがいずれか一つの配置枠に配置された写真画像と他の配置枠に配置された写真画像とを入れ替えて、操作の前後でそれぞれの配置枠に配置される写真画像が縦長あるいは横長に切り替わった際に、テンプレート抽出部４３はテンプレートデータを抽出して、レイアウト画面制御部４１はレイアウト画像を出力する。
【０１３９】
＜レイアウト画像出力部＞
レイアウト画像出力部４４は、配置枠に写真画像を配置したレイアウト画像を出力して、レイアウト画面１５３に表示する。レイアウト画像の出力は、レイアウト画面制御部４１が設定するレイアウト設定テーブル及び画像設定テーブルに基づいて行われる。
【０１４０】
レイアウト画像出力部４４は、レイアウト設定テーブルに含まれるテンプレート画像番号に対応するテンプレート画像に、画像設定テーブルに含まれる画像データ番号に対応する写真画像をオーバレイした合成画像として、レイアウト画像を出力する。レイアウト画面１５３は、見開き番号ごと生成される。レイアウト画像出力部４４は、画像設定テーブルで設定される画像データを画像設定テーブル番号の順に読み出して、レイアウト設定テーブルの見開き番号の順、且つ配置枠の順に、配置枠に写真画像を配置する。写真画像がテンプレート画像上に配置される位置及び大きさは、レイアウト設定テーブルの配置枠情報によって指定される。このときレイアウト画像出力手段４４は、配置枠に併せて写真画像を適宜、拡大、縮小、回転、またはトリミングしてもよい。
【０１４１】
ユーザが、テンプレート画像を変更する操作を行った際に、レイアウト画像出力部４４は、テンプレート画像を読み出して、変更操作後のテンプレート画像の配置枠に、写真画像をそれぞれ配置してレイアウト画像を出力する。
【０１４２】
＜プリント部＞
プリント部１６は、レイアウト画像出力部４４が出力するレイアウト画像をプリントアウトする。レイアウト画像のプリントは、レイアウト画面制御部４１が設定するレイアウト設定テーブル及び画像設定テーブルに基づいて行われる。配置枠と写真画像とは、レイアウト画像の出力の場合と同様にして、順に配置を行う。
【０１４３】
レイアウト画像の出力の際には、上記の通り、レイアウト設定テーブルの配置枠情報のピクセル単位の座標に基づいて表示を行ったが、プリントアウトの際には、適宜、配置関係を高解像度の座標系で示すよう変換した配置情報に基づいてプリントアウトを行う。また、プリントアウト用の高解像度のテンプレート画像データ及び写真画像データを用いてプリントアウトを行う。
【０１４４】
［２．動作］
以下、図２１〜図２３を参照しながら、本実施形態に係る画像処理システム１の処理や動作について説明する。
【０１４５】
まず、図２１に示すフローチャート（ステップＳ１０１〜Ｓ１１６）に従って、本実施形態に係る画像処理システム１によるマイページ提供に係る処理の流れについて説明する。
【０１４６】
＜写真一覧処理（画像候補指定処理）＞
閲覧画面提供部３１は、レイアウト画像作成サービスにアクセスするユーザに対して、図２７に示すような写真一覧ページを表示させる（ステップＳ１０１）。
【０１４７】
写真一覧ページは、ユーザに関連する画像データの一覧情報を表示する画面である。
【０１４８】
図２７に示すように、写真一覧ページには、選択写真１４１、一覧写真１４２、撮影枚数ボタン１４３ａ、お気に入りボタン１４４、商品選択ボタン１４５が設けられている。
【０１４９】
一覧写真１４２は、ユーザに関連する画像データを、縮小したサムネイル写真として表示するものである。ユーザが操作部７３を用いて一覧写真１４２の中からいずれか一つのサムネイル写真１４２ａを選択することで、選択された画像データが、拡大された選択写真１４１として表示される。このとき、選択されたサムネイル写真１４２ａは、周囲の色が他のサムネイル写真と変化することで、選択されていることが分かるようになっている。
【０１５０】
撮影枚数ボタン１４３ａは、写真一覧ページに表示される一覧写真１４２を切り替えるボタンである。画像データの撮影枚数が、一覧写真１４２に表示される枚数の上限を超える場合には、全部の撮影枚数のうち一部にあたる画像データが一覧写真１４２として表示される。このとき、ユーザが操作部７３を用いて撮影枚数ボタン１４３ａを操作することで、写真一覧ページに表示される一覧写真１４２を、一覧写真１４２に表示される枚数の上限に応じて、残りの写真に順次切り替えることができる。
【０１５１】
本実施形態では、写真一覧ページに、５０枚分の画像データの中から２０枚分を表示している。また、一覧写真１４２から、サムネイル写真１４２ａを選択しており、このサムネイル写真１４２ａが拡大されたものが選択写真１４１として表示されている。ユーザは、撮影枚数ボタン１４３ａを操作することで、一覧写真１４２に表示される画像データを、残りの２０枚分または１０枚分に切り替えることができる。
【０１５２】
お気に入りボタン１４４は、ユーザが操作部７３を用いて操作することで、選択写真１４１に表示された画像データをお気に入り写真として設定することができるボタンである。
画像候補指定部３４は、お気に入り写真の設定を、配置枠に配置する写真画像の候補を指定する、画像候補指定処理として受け付ける。このとき、画像候補指定部３４は、候補の指定を受け付けた写真画像の画像データ番号を、画像候補テーブル（図１７参照）に追加する。これにより、お気に入り写真として設定された画像データは、後述するレイアウト画像作成処理の際に優先的に使用される。図２７では、画像データ１４２ｂがお気に入り写真として設定されている。このとき、画像データ１４２ｂは、サムネイル写真の下に塗りつぶされた星印が付されている。他のお気に入り写真として設定されていない画像データでは星印が塗りつぶされていないことで、お気に入り写真として設定されているかどうかを区別できるようになっている。
【０１５３】
商品選択ボタン１４５は、ユーザが操作部７３を用いて操作することで、写真一覧ページに表示されている一連の画像データについての各々の商品選択ページの閲覧要求が送信されるボタンである。本実施形態では、図２７に示すように、商品選択ボタン１４５は、フォトアルバムボタン１４５ｂ、フォトフレームボタン１４５ｃ、及びポストカードボタン１４５ｄからなる。いずれかの商品選択ボタン１４５を操作することで、各ボタンに対応する商品（フォトアルバム（写真集）の作成、フォトフレームの作成、ポストカードの作成）の詳細を選択する商品選択ページへの閲覧要求が送信される。
【０１５４】
閲覧画面提供部３１は、ユーザから写真一覧ページでの商品選択ページの閲覧要求を受け付ける（ステップＳ１０２）。商品選択ページの閲覧要求がされた場合には、商品選択ページを表示して、商品選択を行う商品選択処理を実行する（ステップＳ１０３）。商品選択ページの閲覧要求がなされなかった場合には、ステップＳ１０１に戻り、写真一覧ページの表示を行う。
【０１５５】
商品選択処理を実行した後には、レイアウト画像の作成を行うレイアウト画像作成処理（ステップＳ１０４〜Ｓ１１４）を実行する。レイアウト画像作成処理では、内容確認を要求する操作が行われたかを判定する（ステップＳ１１４）。内容確認を要求する操作が行われた場合には、閲覧画面提供部３１は、作成したレイアウト画像の内容確認を行う内容確認処理（ステップＳ１１５）、レイアウト画像の注文を行う注文処理（ステップＳ１１６）を順に実行する。
【０１５６】
＜商品選択処理（テンプレート候補指定処理）＞
ステップＳ１０３にて行う、商品選択処理について説明する。ステップＳ１０３では、閲覧画面提供部３１がユーザ端末７１に、商品選択ページを表示させる。
【０１５７】
商品選択ページは、レイアウト画像の注文に際して、注文形態としての商品を表示するとともに、レイアウト画像作成ページに遷移可能とする画面である。
【０１５８】
ここで、ステップＳ１０２では、フォトアルバムボタン１４５ｂ、フォトフレームボタン１４５ｃ、またはポストカードボタン１４５ｄを操作される。このときの商品選択ページへの閲覧選択要求は、フォトアルバムの作成、フォトフレームの作成、ポストカードの作成を選択することによるものである。これは商品選択として、レイアウト画像の提供を行う商品のカテゴリが決定されたことを意味する。
【０１５９】
ステップＳ１０３ではさらに、選択されたカテゴリの中で、具体的にどの商品を選択するかをユーザに決定させる商品選択ページが表示される。具体的な商品の選択とは、フォトアルバムであれば、アルバムの種類、またはアルバムのページ数を選択することを言う。フォトフレーム、ポストカード、またはキーホルダーであれば、それぞれの種類を選択することをいう。または、ユーザは商品のカテゴリを変更して、さらに具体的な商品の選択を行うことも可能である。
【０１６０】
ユーザが商品選択ページにおいて具体的な商品の選択を行うことで、選択された商品に付与された商品ＩＤが決定される。テンプレート候補指定部３５は、選択された商品の商品ＩＤを、テンプレートの候補を指定する、テンプレート候補指定処理として受け付ける。これにより、該当する商品ＩＤが含まれるテンプレートデータが、後述するレイアウト画像作成処理テンプレートの際に抽出の対象となる候補に該当することになる。
【０１６１】
商品選択ページでフォトアルバム、フォトフレーム、ポストカード、またはキーホルダーの具体的な商品が選択された場合には、レイアウト画像作成ページへの閲覧要求が送信される。閲覧画面提供部３１は、レイアウト画像作成ページの閲覧要求を受信すると、表示部７２にレイアウト画像作成ページを表示させる（ステップＳ１０４）。
【０１６２】
＜レイアウト画像作成処理＞
図２１に示すフローチャート（ステップＳ１０４〜Ｓ１１４）に従って、レイアウト画像作成処理について説明する。さらに、図２２〜図２６に示すフローチャートに従って、本実施形態に係る画像処理システム１によるレイアウト画像の作成の各々の処理の流れについて説明する。
【０１６３】
ステップＳ１０４では、閲覧画面提供部３１がユーザ端末７１に、図２８に示すようなレイアウト画像作成ページを表示させる（図２２のステップＳ２０１）。さらに、レイアウト画像作成処理では、ユーザからの入力要求を受け付けて、写真画像の差し替えを行う操作が行われたか（ステップＳ１０５）、写真画像の入れ替えを行う操作が行われたか（ステップＳ１０７）、テンプレート画像を変更する操作が行われたか（ステップＳ１０９）、商品選択ページの閲覧を要求する操作が行われたか（ステップＳ１１１）、内容確認を要求する操作が行われたか（ステップＳ１１４）を判定する。以降、初めにレイアウト画像作成ページの構成についての説明を行い、次に各処理についての説明を行う。
【０１６４】
レイアウト画像作成ページは、ユーザの意向が反映された商品を作成するために、商品に配置される画像データを選択するための画像データと、画像データを配置するテンプレート画像とを表示して、画像データのレイアウトを表示する画面である。ここでは、商品が８ページのアルバムである場合のアルバム作成ページを例に挙げて説明する。
【０１６５】
図２８に示すように、レイアウト画像作成ページには、写真一覧ページと同様に、撮影枚数ボタン１４３ｂが設けられている。なお、写真一覧ページの撮影枚数ボタン１４３ａは、一覧写真１４２に表示される２０枚分の表示を切り替えていたのに対して、レイアウト画面作成ページの撮影枚数ボタン１４３ｂは、一覧画面１５９に表示される１２枚分の表示を切り替える。さらに、レイアウト画像作成ページには、商品表示１５１、プルダウンメニュー１５２、レイアウト画面１５３、ガイド画面１５７、一覧画面１５９、戻るボタン１６０、内容確認ボタン１６１が設けられている。
【０１６６】
商品表示１５１は、レイアウト画像作成ページに表示される、商品選択処理にて選択した商品の種類とページ数を表すものである。プルダウンメニュー１５２は、商品を選択することで、商品の種類に応じて予め用意されたテンプレートを変更するためのメニューである。
【０１６７】
ガイド画面１５７には、アルバムに含まれる各ページのレイアウトを縮小して示す簡易テンプレート画像１５８ａ，１５８ｂ，１５８ｃ，１５８ｄが表示されている。簡易テンプレート画像１５８ａ，１５８ｂ，１５８ｃ，１５８ｄは、それぞれ１ページ目、２ページ目と３ページ目、４ページ目と５ページ目、６ページ目と７ページ目のレイアウトに対応している。ガイド画面１５７に表示される簡易テンプレート画像は、別のページの簡易テンプレート画像を表示するよう切り替えることができる。さらに、簡易テンプレート画像１５８ａ，１５８ｂ，１５８ｃ，１５８ｄのいずれかをクリックした場合、対応するページの画像が、レイアウト画面１５３に表示される。
【０１６８】
レイアウト画面１５３には、抽出されたテンプレートに対応するテンプレート画像１５４と、テンプレート画像１５４に設けられた配置枠１５５ａ，１５５ｂに配置された写真画像１５６ａ，１５６ｂとが合成されたレイアウト画像が表示されている。図２８では、レイアウト画面１５３に、簡易テンプレート画像１５８ｃに対応する、見開きページ４ページ目と５ページ目のレイアウト画像が表示されている。
【０１６９】
一覧画面１５９は、写真画像を縮小して表示した、複数のサムネイル写真からなる。一覧画面１５９は、アクセスしたユーザに関連する画像データを、縮小したサムネイル写真として、レイアウト画面１５３とは別に表示するものである。一覧画面１５９は、配置枠１５５ａ，１５５ｂに配置可能な写真画像の候補を表示する。
【０１７０】
レイアウト画像作成ページにおいて、ユーザが操作部７３を用いて、一覧画面１５９の中からいずれか一つのサムネイル写真を選択する第一の操作対象の選択と、配置枠１５５ａ，１５５ｂまたは配置枠１５５ａ，１５５ｂに配置された写真画像１５６ａ，１５６ｂを選択する第二の操作対象の選択とを行うことで、第二の操作対象で選択した配置枠に、第一の操作対象に選択したサムネイル写真に対応する写真画像を配置することができる。この操作は、例えばマウス７４を使用して、第一の操作対象をドラッグして、第二の操作
対象でドロップを行う、ドラッグアンドドロップの操作により実現できる。このとき、操作前に配置されていた画像データを、レイアウト画像に表示されていなかった写真画像の中から選択した画像データに変更して、新たに配置する。この操作を画像の差し替えという。閲覧画面提供部３１は、写真画像の差し替えを行う操作が行われたかを判定し（ステップＳ１０５）、写真画像の差し替えを行う操作が行われた場合には、写真画像の差し替え処理を実行する（ステップＳ１０６）。
【０１７１】
また、レイアウト画像作成ページにおいて、ユーザが操作部７３を用いて、配置枠１５５ａまたは配置枠１５５ａに配置されている写真画像１５６ａを選択する第一の操作対象の選択と、他の配置枠１５５ｂまたは配置枠１５５ｂに配置されている写真画像１５６ｂを選択する第二の操作対象の選択とを行うことで、第一の操作対象及び第二の操作対象に選択した配置枠１５５ａ，１５５ｂに配置された写真画像１５６ａ，１５６ｂの表示される位置を入れ替えることができる。この操作は、例えばマウス７４を使用して、第一の操作対象をドラッグして、第二の操作対象でドロップを行う、ドラッグアンドドロップの操作により実現できる。この操作を画像の入れ替えという。閲覧画面提供部３１は、写真画像の入れ替えを行う操作が行われたかを判定し（ステップＳ１０７）、写真画像の入れ替えを行う操作が行われた場合には、写真画像の入れ替え処理を実行する（ステップＳ１０８）。
【０１７２】
プルダウンメニュー１５２には、レイアウト画像作成ページに表示されている商品と、見開き番号、コマ数、及び配置枠の情報が共通し、テンプレート画像番号が異なるテンプレート情報を有する商品が表示される。このため、プルダウンメニュー１５２を操作して、操作を行っている時点で表示されている商品以外の商品を選択して、テンプレートを変更することで、テンプレート画像１５４を変更することができる。この操作をテンプレート画像の変更という。閲覧画面提供部３１は、テンプレート画像１５４の変更を行う操作が行われたかを判定し（ステップＳ１０９）、テンプレート画像１５４を変更する操作が行われた場合には、テンプレート画像の変更処理を実行する（ステップＳ１１０）。
【０１７３】
アルバム作成のために選択されて、テンプレート画像１５４のいずれかの配置枠に配置されている画像データに対応するサムネイル写真１５９ａ，１５９ｂ，１５９ｃ，および１５９ｄは、周囲の色が他のサムネイル写真と変化して表示されることで、選択されていることが分かるようになっている。また、配置枠に配置されている画像データに対応するサムネイル写真１５９ａ，１５９ｂ，１５９ｃ，および１５９ｄは、ドラッグアンドドロップの操作を受け付けない設定がされており、これによっても選択されていることが分かるようになっている。画像の差し替え操作によって、配置枠に配置されることになった画像データに対応するサムネイル写真は、周囲の色が他のサムネイル写真と変化して表示されるとともに、ドラッグアンドドロップの操作を受け付けないように設定される。一方、新しい画像と差し替えられた画像データに対応するサムネイル写真は、周囲の色の変化が解除されて表示されるとともに、ドラッグアンドドロップの操作を受け付けるように設定される。
【０１７４】
戻るボタン１６０は、ユーザが操作することで、ユーザ端末７１からセンタサーバ１１に、商品選択ページの閲覧要求が送信されるボタンである。閲覧画面提供部３１は、商品選択ページの閲覧要求を受信すると、表示部７２に商品選択ページを表示させる。商品選択ページにて商品を変更した場合、商品の変更前にレイアウト画像作成ページに表示されていた商品と、見開き番号、コマ数、及び配置枠の情報が異なるテンプレート情報を有する商品に変る場合がある。このとき、商品の選択に伴い、テンプレート候補も変更されることになる。したがって、この操作をテンプレート候補の変更という。
【０１７５】
閲覧画面提供部３１は、商品選択ページの閲覧要求がされたかどうかを判定し（ステップＳ１１１）、商品選択ページの閲覧要求を受信すると、商品選択ページが表示される（ステップＳ１１２）。ステップＳ１１２では、ステップＳ１０３と同様に商品選択処理を実施する。商品が選択されると、閲覧画面提供部３１は、テンプレート候補の変更処理を実行する（ステップＳ１１３）。
【０１７６】
内容確認ボタン１６１は、ユーザが操作することで、ユーザ端末７１からセンタサーバ１１に、内容確認ページの閲覧要求が送信される。閲覧画面提供部３１は、内容確認ページの閲覧がされたかどうかを判定し（ステップＳ１１４）、内容確認ページの閲覧要求を受信すると、表示部７２に内容確認ページを表示させる（ステップＳ１１５）。
【０１７７】
（画面初期表示処理）
図２２に示すフローチャート（ステップＳ２０２〜Ｓ２２０）に従って、図２１のステップＳ１０４にてレイアウト画面制御部４１が行う、レイアウト画面の初期表示処理について説明する。
【０１７８】
まず、レイアウト画面制御部４１は、画像候補テーブル（図１７参照）を参照して、画像候補指定処理により指定された、写真画像の候補に対応する画像データをランダムな順番で取得する（ステップＳ２０２）。
【０１７９】
次に、レイアウト画面制御部４１は、商品選択処理（テンプレート候補指定処理）により指定された商品ＩＤを用いて、テンプレートデータから、商品ＩＤが一致するテンプレート情報を読み込む（図３参照）。このとき、商品選択処理により指定されたページ数に応じて、見開き番号が「１」である表紙のテンプレートから、見開き番号が「７」である裏表紙のテンプレートまで、見開き番号の昇順に読み込む（ステップＳ２０３）。またこのとき、見開き番号毎に、テンプレート画像番号に対応するテンプレート画像を読み込む。さらに、レイアウト画面制御部４１は、見開き番号に対応させて、商品ＩＤと、テンプレート画像番号とを、レイアウト設定テーブル（図１８参照）に設定する。
【０１８０】
ステップＳ２０４において、レイアウト画面制御部４１は、ステップＳ２０３で読み込んだ、各見開き番号の件数を定数Ａに設定する。ここでは、見開き番号が１〜７までの７件あることから、定数Ａが７に設定される。さらに、変数Ｍ1が１に設定される。
【０１８１】
そして、ステップＳ２０５において、レイアウト画面制御部４１は、Ｍ1がＡより大きいか否かを判定し、Ｍ1がＡより大きければステップＳ２１２に進む、一方、Ｍ1がＡより大きくなければステップＳ２０６に進む。
【０１８２】
ステップＳ２０６では、レイアウト画面制御部４１は、ステップＳ２０３で読み込んだテンプレートから、Ｍ1の示す見開き番号のテンプレートにおけるコマ数を取得する。
【０１８３】
ステップＳ２０７では、レイアウト画面制御部４１は、ステップＳ２０６で取得したコマ数一つにつき、ステップＳ２０２で取得した候補の画像データの画像データ番号を一つ、画像設定テーブル（図２０参照）に追加する。これにより、画像設定テーブルに基づいて、Ｍ1の示す見開き番号のテンプレートに含まれる、ステップＳ２０６で取得したコマ数分の配置枠に、ステップＳ２０２で取得した画像データが順に割り当てられる。なお、割り当てるための候補の画像データが無い場合には、画像データ番号の追加を行わずにステップＳ２０８に進む。
【０１８４】
ステップＳ２０８において、ステップＳ２０６で取得したコマ数の残りがあるかどうかを判定し、残りコマ数があればステップＳ２０９に進む、一方、残りコマ数がなければステップＳ２１１に進む。このようにして、ステップＳ２０６で取得したコマ数の分、画像設定テーブルに画像データ番号が追加される。
【０１８５】
ステップＳ２０９において、ステップＳ２０２で取得した候補の画像データの残りがあるかどうかを判定し、残りがあればステップＳ２０７に進み、画像データの割当を行う。一方、候補の画像データの残りがなければステップＳ２１０に進む。
【０１８６】
ステップＳ２１０では、レイアウト画面制御部４１は、写真画像の候補以外の画像データを、画像データ保存部２１からランダムに追加取得する。そして、ステップＳ２０７に進み、ステップＳ２１０で取得した写真画像の候補以外の画像データの画像データ番号を、画像設定テーブルに追加する。
【０１８７】
ステップＳ２１１において、Ｍ1に１を加算して、ステップＳ２０５に戻り、ステップＳ２０６〜Ｓ２１１の処理を、Ｍ1がＡより大きくなるまで、すなわち、取得した見開き番号の件数分行う。これにより、表紙からアルバム中の見開き部分を経て裏表紙まで、各見開き番号に対応するテンプレートに含まれる配置枠に、画像設定テーブルに基づいて、それぞれ画像データが割り当てられる。
【０１８８】
ステップＳ２０５において、Ｍ1がＡより大きくなると、ステップＳ２１２に進む。
ステップＳ２１２において、レイアウト画面制御部４１は、ステップＳ２０４と同様に、ステップＳ２０３で読み込んだ、各見開き番号の件数を定数Ａに設定する。さらに、変数Ｍ2が１に設定される。
【０１８９】
そして、ステップＳ２１３において、レイアウト画面制御部４１は、Ｍ2がＡより大きいか否かを判定し、Ｍ2がＡより大きければステップＳ２２０に進む、一方、Ｍ2がＡより大きくなければステップＳ２１４に進む。
【０１９０】
ステップＳ２１４において、レイアウト画面制御部４１は、Ｍ2の示す見開き番号のテンプレートに含まれる、コマ数を定数Ｂに設定する。さらに、変数Ｎが１に設定される。
そして、ステップＳ２１５において、レイアウト画面制御部４１は、ＮがＢより大きいか否かを判定し、ＮがＢより大きければステップＳ２１８に進む、一方、ＮがＢより大きくなければステップＳ２１６に進む。
【０１９１】
ステップＳ２１６では、縦横情報判定部４２が、画像設定テーブルに格納された画像データ番号に対応する画像データについて、画像データ保存部２１を参照して、高さと横幅の情報を取り出す。この処理は、Ｍ2の示す見開き番号でＮの示す配置枠の番号に割り当てられた画像データについて行う。さらに、縦横情報判定部４２は、画像データの縦横の長さが、縦長、横長、または同じのいずれであるかを判定する。これにより、縦横情報判定部４２は、写真画像の縦横の長さ情報を取得する。
【０１９２】
ステップＳ２１７において、Ｎに１を加算して、ステップＳ２１５に戻り、ステップＳ２１６，Ｓ２１７の処理を、ＮがＢより大きくなるまで、すなわち、テンプレートに含まれるコマ数分行う。これにより、テンプレート中のＭ2の示す見開き番号の配置枠に割り当てられた画像データについて、それぞれ縦横の長さ情報が得られる。
【０１９３】
ステップＳ２１５において、ＮがＢより大きくなると、ステップＳ２１８に進む。
ステップＳ２１８では、テンプレート抽出手段４３が、ステップＳ２１６で取得したそれぞれの写真画像の縦横の長さ情報に基づいて、写真画像と配置枠とが適合するテンプレートデータを抽出する。このとき、テンプレートデータの抽出は、テンプレート候補指定処理により決定された商品ＩＤをテンプレート情報として含む、Ｍ2の示す見開き番号のテンプレートデータの中から行う。さらに、レイアウト画面制御部４１は、見開き番号と配置枠に対応させて、抽出されたテンプレートデータの配置枠の情報を、レイアウト設定テーブル（図１８参照）に設定する。
【０１９４】
ステップＳ２１９において、Ｍ2に１を加算して、ステップＳ２１３に戻り、ステップＳ２１４〜Ｓ２１９の処理を、Ｍ2がＡより大きくなるまで、すなわち、取得した見開き番号の件数分行う。これにより、表紙からアルバム中の見開き部分を経て裏表紙まで、各見開き番号に対応するテンプレートについて、写真画像と配置枠とが適合するテンプレートデータが抽出される。
【０１９５】
ステップＳ２１３において、Ｍ2がＡより大きくなると、ステップＳ２２０に進む。
ステップＳ２２０では、レイアウト画像出力部４４は、レイアウト設定テーブル及び画像設定テーブルに基づいて、画像データ保存部２１から写真画像を読み出し、テンプレート保存部２４からテンプレート画像を読み出す。そして、ステップＳ２１８で抽出されたテンプレートデータに含まれる配置枠に、ステップＳ２０７で画像設定テーブルに割り当てられた画像データ番号に対応する写真画像を順に配置して、レイアウト画像を出力する。これにより、レイアウト画面１５３に、レイアウト画像が表示されたレイアウト画像作成ページが提供される。
【０１９６】
（画像の差し替え処理）
図２３に示すフローチャート（ステップＳ３０１〜３１０）に従って、図２１のステップＳ１０６にてレイアウト画面制御部４１が行う、画像の差し替え処理について説明する。画像の差し替え処理では、操作を行った見開きページのテンプレートデータ、及びこの見開きページに表示される写真画像に対して処理を施す。
【０１９７】
まず、ステップＳ３０１では、レイアウト画面制御部４１は、画像設定テーブルにおいて、画像の差し替え操作を受けた配置枠に対応する画像設定テーブル番号の画像データ番号を削除して、新たに配置された画像データの画像データ番号を追加する。これにより、画像設定テーブルに基づいて、画像の差し替え操作を受けた配置枠に、操作後の画像データが割り当てられる。
【０１９８】
次に、レイアウト画面制御部４１は、画像の差し替え操作前のテンプレートに含まれる、見開き番号に対応するコマ数を定数Ｂに設定する。さらに、変数Ｎが１に設定される（ステップＳ３０２）。
【０１９９】
そして、ステップＳ３０３において、レイアウト画面制御部４１は、ＮがＢより大きいか否かを判定し、ＮがＢより大きければステップＳ３０６に進む、一方、ＮがＢより大きくなければステップＳ３０４に進む。
【０２００】
ステップＳ３０４では、縦横情報判定部４２が、画像データ保存部２１を参照して、Ｎの示す配置枠の番号に割り当てられた画像データについて、高さと横幅の情報を取り出して、写真画像の縦横の長さ情報を取得する。
【０２０１】
ステップＳ３０５において、Ｎに１を加算して、ステップＳ３０３に戻り、ステップＳ３０４，Ｓ３０５の処理を、ＮがＢより大きくなるまで、すなわち、テンプレートに含まれるコマ数分行う。これにより、テンプレート中の配置枠に割り当てられた画像データについて、それぞれ縦横の長さ情報が得られる。
【０２０２】
ステップＳ３０３において、ＮがＢより大きくなると、ステップＳ３０６に進む。
ステップＳ３０６では、テンプレート抽出手段４３が、ステップＳ３０４で取得したそれぞれの写真画像の縦横の長さ情報に基づいて、写真画像と配置枠とが適合するテンプレートデータを抽出する。このとき、テンプレートデータの抽出は、画像の差し替え操作前のテンプレートの商品ＩＤと見開き番号のテンプレート情報を含むテンプレートデータの中から行う。
【０２０３】
ステップＳ３０７において、レイアウト画面制御部４１は、ステップＳ３０６で抽出したテンプレート情報の配置枠の情報と、画像の差し替え操作前のレイアウト設定テーブルの配置枠の情報とを比較して、それぞれの配置枠の向きが一致している場合には、テンプレートを変更せず、ステップＳ３０８へ進む。一方、それぞれの配置枠の向きが一致していない場合には、ステップＳ３０９へ進む。
【０２０４】
ステップＳ３０８では、レイアウト画像出力部４４は、レイアウト設定テーブル及び画像設定テーブルに基づいて、レイアウト画像を出力する。このレイアウト画像は、差し替え操作の前後で同じテンプレート情報に含まれる配置枠について、画像差し替え操作を受けた配置枠には差し替えられた画像データに対応する写真画像を配置して、また他の配置枠にはそれ以外の操作前の写真画像を配置したものである。この場合、画像の差し替え操作によって新たに配置枠に配置された画像が、画像の差し替え操作の前と後とで、縦横の長さ情報、すなわち画像の向きが変化しないことを意味する。これは例えば、一覧写真１５９の中から縦向きのサムネイル写真１５９ｆを第一の操作対象として選択して、写真画像１５６ａを第二の操作対象として選択した場合が該当する。このとき、第一の操作対象として選択されたサムネイル写真１５９ｆに対応する写真画像が、配置枠１５５ａのサイズにあわせて表示される。または、例えば、一覧写真１５９の中から横向きのサムネイル写真１５９ｅを第一の操作対象として選択して、写真画像１５６ｂを第二の操作対象として選択した場合が該当する。このとき、第二の操作対象として選択されたサムネイル写真１５９ｅに対応する写真画像が、配置枠１５５ｂのサイズにあわせて表示される。
【０２０５】
ステップＳ３０９では、レイアウト画面制御部４１は、ステップＳ３０６で抽出されたテンプレート情報のテンプレート画像番号及び配置枠の情報を、差し替え操作を受けた見開き番号のレイアウト設定テーブルに設定する。これにより、テンプレートの変更が行われる。
【０２０６】
さらに、ステップＳ３１０では、レイアウト画像出力部４４は、レイアウト設定テーブル及び画像設定テーブルに基づいて、レイアウト画像を出力する。このレイアウト画像は、ステップＳ３０６で抽出されたテンプレート情報に含まれる配置枠について、画像差し替え操作を受けた配置枠には差し替えられた画像データに対応する写真画像を配置して、また他の配置枠にはそれ以外の操作前の写真画像を配置したものである。この場合、画像の差し替え操作によって新たに配置枠に配置された画像の向きが、画像の差し替え操作の前と後とで、縦横の長さ情報、すなわち画像の向きが変化することを意味する。これは例えば、一覧写真１５９の中から横向きのサムネイル写真１５９ｅを第一の操作対象として選択して、写真画像１５６ａを第二の操作対象として選択した場合が該当する。このとき、第二の操作対象として選択されたサムネイル写真１５９ｅに対応する写真画像が、配置枠１５５ａに表示される。このとき、配置枠１５５ａは、横向きの配置枠に変化する。または、例えば、一覧写真１５９の中から縦向きのサムネイル写真１５９ｆを第一の操作対象として選択して、写真画像１５６ｂを第二の操作対象として選択した場合が該当する。このとき、第二の操作対象として選択されたサムネイル写真１５９ｆに対応する写真画像が、配置枠１５５ｂに表示される。このとき、配置枠１５５ｂは、縦向きの配置枠に変化する。
【０２０７】
（画像の入れ替え処理）
図２４に示すフローチャート（ステップＳ４０１〜４１０）に従って、図２１のステップＳ１０８にてレイアウト画面制御部４１が行う、画像の入れ替え処理について説明する。画像の入れ替え処理では、操作を行った見開きページのテンプレートデータ、及びこの見開きページに表示される写真画像に対して処理を施す。画像の入れ替え処理は、画像の差し替え処理（ステップＳ３０１〜Ｓ３１０）と同様に行うことができる。
【０２０８】
まず、ステップＳ４０１では、レイアウト画面制御部４１は、画像設定テーブルにおいて、画像の入れ替え操作を受けたそれぞれの配置枠に対応する画像設定テーブル番号の画像データ番号を交換する。これにより、画像設定テーブルに基づいて、画像の入れ替え操作を受けた配置枠に、操作後の画像データがそれぞれ割り当てられる。
【０２０９】
次に、レイアウト画面制御部４１は、画像の入れ替え操作前のテンプレートに含まれる、見開き番号に対応するコマ数を定数Ｂに設定する。さらに、変数Ｎが１に設定される（ステップＳ４０２）。
【０２１０】
そして、ステップＳ４０３において、レイアウト画面制御部４１は、ＮがＢより大きいか否かを判定し、ＮがＢより大きければステップＳ４０６に進む、一方、ＮがＢより大きくなければステップＳ４０４に進む。
【０２１１】
ステップＳ４０４では、縦横情報判定部４２が、画像データ保存部２１を参照して、Ｎの示す配置枠の番号に割り当てられた画像データについて、高さと横幅の情報を取り出して、写真画像の縦横の長さ情報を取得する。
【０２１２】
ステップＳ４０５において、Ｎに１を加算して、ステップＳ４０３に戻り、ステップＳ４０４，Ｓ４０５の処理を、ＮがＢより大きくなるまで、すなわち、テンプレートに含まれるコマ数分行う。これにより、テンプレート中の配置枠に割り当てられた画像データについて、それぞれ縦横の長さ情報が得られる。
【０２１３】
ステップＳ４０３において、ＮがＢより大きくなると、ステップＳ４０６に進む。
ステップＳ４０６では、テンプレート抽出手段４３が、ステップＳ４０４で取得したそれぞれの写真画像の縦横の長さ情報に基づいて、写真画像と配置枠とが適合するテンプレートデータを抽出する。このとき、テンプレートデータの抽出は、画像の入れ替え操作前のテンプレートの商品ＩＤと見開き番号のテンプレート情報を含むテンプレートデータの中から行う。
【０２１４】
ステップＳ４０７において、レイアウト画面制御部４１は、ステップＳ４０６で抽出したテンプレート情報の配置枠の情報と、画像の入れ替え操作前のテンプレートとのテンプレート情報を比較して、それぞれの配置枠の向きが一致している場合には、テンプレートを変更せず、ステップＳ４０８へ進む。一方、それぞれの配置枠の向きが一致していない場合には、ステップＳ４０９へ進む。
【０２１５】
ステップＳ４０８では、レイアウト画像出力部４４は、レイアウト設定テーブル及び画像設定テーブルに基づいて、レイアウト画像を出力する。このレイアウト画像は、入れ替え操作の前後で同じテンプレート情報に含まれる配置枠について、画像差し替え操作を受けた配置枠には入れ替えられた画像データに対応するそれぞれの写真画像を配置して、また他の配置枠にはそれ以外の操作前の写真画像を配置したものである。この場合、画像の入れ替え操作を受けた二つの画像は、縦横の長さ情報、すなわち画像の向きが同じであることを意味する。このとき、画像の入れ替え操作によって、操作後の画像の向きが変化しないことを意味する。これは例えば、仮に、配置枠１５５ｂが縦向きの配置枠であり、写真画像１５６ｂが縦向きの写真画像であった場合において、写真画像１５６ａを第一の操作対象として選択して、写真画像１５６ｂを第二の操作対象として選択した場合が該当する。このとき、第一の操作対象として選択された写真画像１５６ａが、配置枠１５５ｂに表示されて、第二の操作対象として選択された写真画像１５６ｂが、配置枠１５５ａに表示される。
【０２１６】
ステップＳ４０９では、レイアウト画面制御部４１は、ステップＳ４０６で抽出されたテンプレート情報のテンプレート画像番号及び配置枠の情報を、差し替え操作を受けた見開き番号のレイアウト設定テーブルに設定する。これにより、テンプレートの変更が行われる。
【０２１７】
さらに、ステップＳ４１０では、レイアウト画像出力部４４は、レイアウト設定テーブル及び画像設定テーブルに基づいて、レイアウト画像を出力する。このレイアウト画像は、ステップＳ４０６で抽出されたテンプレート情報に含まれる配置枠について、画像差し替え操作を受けた配置枠には入れ替えられた画像データに対応するそれぞれの写真画像を配置して、また他の配置枠にはそれ以外の操作前の写真画像を配置したものである。この場合、画像の入れ替え操作を受けた二つの画像は、縦横の長さ情報、すなわち画像の向きが異なることを意味する。このとき、画像の入れ替え操作によって、操作後の画像の向きが変化することを意味する。これは例えば、写真画像１５６ａを第一の操作対象として選択して、写真画像１５６ｂを第二の操作対象として選択した場合が該当する。このとき、第一の操作対象として選択された写真画像１５６ａが、配置枠１５５ｂに表示されて、第二の操作対象として選択された写真画像１５６ｂが、配置枠１５５ａに表示される。このとき、配置枠１５５ａは、横向きの配置枠に変化する。また、配置枠１５５ｂは、縦向きの配置枠に変化する。
【０２１８】
（テンプレート画像の変更処理）
図２５に示すフローチャート（ステップＳ５０１〜５０３）に従って、図２１のステップＳ１１０にてレイアウト画面制御部４１が行う、テンプレート画像の変更処理について説明する。テンプレート画像の変更処理では、全ての見開きページに対応するテンプレート画像に対して処理を施す。
【０２１９】
レイアウト画面制御部４１は、選択された商品に対応する商品ＩＤを用いて、テンプレートデータから、商品ＩＤが一致するテンプレート情報を読み込む。またこのとき、見開き番号ごとに、テンプレート画像番号に対応するテンプレート画像を読み込む（ステップＳ５０１）。
【０２２０】
次に、レイアウト画面制御部４１は、ステップＳ５０１で読み込まれたテンプレート情報の商品ＩＤ、及びテンプレート画像番号を、見開き番号に対応させて、レイアウト設定テーブル（図１８参照）に設定する。これにより、テンプレート画像の変更が行われる（ステップＳ５０２）。
【０２２１】
さらに、ステップＳ５０３では、レイアウト画像出力部４４は、レイアウト設定テーブル及び画像設定テーブルに基づいて、テンプレート画像を、ステップＳ５０１で読み込んだテンプレート画像に変更して、レイアウト画像を出力する。この場合、テンプレート画像の変更の際に選択される商品の見開き番号、コマ数、及び配置枠の情報が共通しているため、写真画像の縦横の長さ情報の取得やテンプレートの抽出は不要である。
【０２２２】
（テンプレート候補の変更処理）
図２６に示すフローチャート（ステップＳ２０２〜Ｓ２２０，Ｓ６０１〜Ｓ６０３）に従って、図２１のステップＳ１１３にてレイアウト画面制御部４１が行う、テンプレート候補の変更処理について説明する。
【０２２３】
テンプレート候補の変更処理の一部は、図２２に示すフローチャート（ステップＳ２０２〜２２０）に従って説明した、レイアウト画面の初期表示処理と同様にして行うことができる。このため、上述の初期表示処理と同様のステップについては説明を省略し、同符号を用いて説明する。
ステップＳ２０１〜Ｓ２０４は、初期表示処理と同様に処理を行う。
【０２２４】
ステップＳ２０５において、レイアウト画面制御部４１は、Ｍ1がＡより大きいか否かを判定し、Ｍ1がＡより大きければステップＳ６０２に進む、一方、Ｍ1がＡより大きくなければステップＳ２０６に進む。
ステップＳ２０６では、初期表示処理と同様にコマ数を取得して、ステップＳ６０１に進む。
【０２２５】
ステップＳ６０１では、ステップＳ２０６で取得したコマ数の分、画像設定テーブル（図２０参照）に画像データ番号が追加されているかどうかを判断する。すなわち、画像設定テーブルに基づいて、Ｍ1の示す見開き番号のテンプレートに含まれる、ステップＳ２０６で取得したコマ数分の配置枠に、画像データが割り当てられているかどうかを判断する。画像データが割り当てられていれば、ステップＳ２１１に進む。一方、画像データが割り当てられていなければ、ステップＳ２０７に進み、以降、ステップＳ２０７〜Ｓ２１１は、初期表示処理と同様に処理を行う。
【０２２６】
Ｓ２０６〜Ｓ２１１の処理を、Ｍ1がＡより大きくなるまで、すなわち、取得した見開き番号の件数分行う（ステップＳ２０５）。これにより、表紙からアルバム中の見開き部分を経て裏表紙まで、各見開き番号に対応するテンプレートに含まれる配置枠に、画像設定テーブルに基づいて、それぞれ画像データが割り当てられているかどうかを判断することができる。また、割り当てられていない配置枠には、画像データが割り当てられる。
【０２２７】
ステップ２０５において、Ｍ1がＡより大きくなると、ステップＳ６０２に進む。
ステップＳ６０２において、レイアウト画面制御部４１は、ステップＳ２０６で取得された、見開き番号の件数分の合計のコマ数を用いて、画像設定テーブルを参照する。そして、画像設定テーブルに、合計のコマ数分の配置枠を超えて画像データ番号が追加されているかどうかを判断する。すなわち、画像設定テーブルにおいて、商品またはページ数変更後の配置枠の数よりも、画像データが超過して割り当てられているかどうかを判断する。割り当てが超過している場合には、ステップＳ６０３に進む。一方、超過していない場合には、ステップＳ２１２に進む。
【０２２８】
ステップＳ６０３では、画像設定テーブルにおいて、割り当て超過分の画像データ番号を削除する。
ステップＳ２１２〜Ｓ２２０は、初期表示処理と同様に、テンプレートデータの抽出と、レイアウト画像の出力を行う。
【０２２９】
テンプレート候補の変更処理の場合には、既に画面初期表示処理（図２１のステップＳ１０４）、差し替え処理（図２１のステップＳ１０６）、または入れ替え処理（図２１のステップＳ１０８）を行ったことで、画像設定テーブルに画像データ番号が格納されている。上述の説明のように、テンプレート候補の変更処理では、変更後のテンプレート情報と画像設定テーブルとを対比することで、配置枠に対して画像データが不足する場合には追加して割当を行う。一方、配置枠に対して画像データが超過する場合には、超過分の画像データを削除する。さらに、変更後の商品に対応するテンプレートにあわせて、レイアウト画像を出力する。
【０２３０】
＜内容確認処理＞
ステップＳ１１５にて行う、内容確認処理について説明する。ステップＳ１１５では、閲覧画面提供部３１がユーザ端末７１に、図２９に示すような内容確認ページを表示させる。
【０２３１】
内容確認ページは、画像データのレイアウトを行った商品について、内容の確認を行うためにレイアウト状態を表示する画面である。ここでは、ステップＳ１０４〜Ｓ１１４のレイアウト画像作成処理において、レイアウト画像作成ページにて、商品が８ページのアルバムを作成した場合のアルバム内容確認ページを例に挙げて説明する。
【０２３２】
図２９に示すように、アルバム内容確認ページには、レイアウト画像作成ページと同様に、商品表示１５１、及びガイド画面１５７が設けられている。さらに、アルバム内容確認ページには、レイアウト確認用画面１６３、戻るボタン１６４、カートに入れるボタン１６５、及び商品確認表示１６６が設けられている。レイアウト確認用画面１６３は、レイアウト画面１５３と同様に、テンプレート画像１５４と、テンプレート画像１５４に設けられた配置枠１５５ａ，１５５ｂに配置された写真画像１５６ａ，１５６ｂとが合成されたレイアウト画面が表示されている。レイアウト確認用画面１６３に表示される配置構成は、ステップＳ１０４〜Ｓ１１４のレイアウト画像作成処理において指定されたものである。このように、レイアウト確認用画面１６３では、レイアウト画像作成ページで作成を行なったレイアウトを表示してユーザが確認を行うことができるようになっているが、画像データの入れ替え等は出来ないようになっている。商品確認表示１６６は、商品の種類とページ数、及び金額を表示するものである。
【０２３３】
戻るボタン１６４は、ユーザが操作部７３を用いて操作することで、ユーザ端末７１からセンタサーバ１１に、レイアウト画像作成ページの閲覧要求が送信されるボタンである。閲覧画面提供部３１は、レイアウト画像作成ページの閲覧要求を受信すると、表示部７２にレイアウト画像作成ページを表示させる。
【０２３４】
カートに入れるボタン１６５は、ユーザが操作部７３を用いて操作することで、ユーザ端末７１からセンタサーバ１１に、注文ページの閲覧要求が送信される。閲覧画面提供部３１は、注文ページの閲覧要求を受信すると、表示部７２に注文ページを表示させる。
【０２３５】
＜注文処理＞
ステップＳ１１６にて行う、注文処理について説明する。ステップＳ１１６では、閲覧画面提供部３１がユーザ端末７１に、注文ページを表示させる。
【０２３６】
注文ページは、ユーザが操作部７３を用いて、届け先の相手の名前、郵便番号、住所、電話番号等、支払い方法を入力して、注文ページに表示される注文ボタンを操作することで、ユーザ端末７１からセンタサーバ１１に、注文情報が送信される。注文受付部３３は、注文情報を受信すると、これをラボサーバ１４に送信する。また、注文受付部３３は、商品情報、並びにレイアウト設定テーブル及び画像設定テーブルをラボサーバ１４に送信する。このとき、注文の提供に用いる画像データ及びテンプレートデータが記憶部１５に保存されていない場合には、注文受付部３３は、必要に応じて画像データ及びテンプレートデータをラボサーバ１４に送信する。ラボサーバ１４では、受信した注文情報、商品情報、並びにレイアウト設定テーブル及び画像設定テーブルを基にして、プリント部１６により画像データのプリントアウトを行う。その後、注文情報に応じて、商品を発送する。
【０２３７】
［３．作用］
上記の画像処理システム１による作用について、図４を参照して説明する。
ユーザが、例えば横長の写真画像を二つと、縦長の写真画像を一つとをお気に入り写真と設定した場合、画像候補指定部３４は、この三つの写真画像の画像データ番号を、画像候補テーブルに追加する。画像候補テーブルに追加された写真画像は、レイアウト画面制御部４１によって、優先して画像設定テーブルに追加されて、配置枠に割り当てられる。さらに、縦横情報判定部４２が、割り振られた三つの写真画像の縦横の長さ情報（ｙｙｔ）を取得する。テンプレート抽出部４３は、この縦横の長さに基づいて、写真画像と配置枠とが適合する、配置枠の縦横の長さ情報がｙｙｔであるテンプレートデータを抽出して、配置枠の情報をレイアウト設定テーブルに設定する。そして、レイアウト画像出力部４４は、レイアウト設定テーブル及び画像設定テーブルに基づいて、配置枠に写真画像を順に配置してレイアウト画像を出力する。このようにして、図４に示すように、二つが横長で一つが縦長である写真画像の向きにあわせた配置枠が設けられているテンプレート１０１ａが選択されて、このテンプレート１０１ａに写真画像を配置したレイアウト画像が出力される。このとき、ユーザはお気に入り写真の設定を行うだけで、好みの写真が配置されたレイアウト画像を得ることができる。また、お気に入り写真の設定を行っていない場合であっても、レイアウト画面制御部４１が追加取得を行うことで、ユーザの写真画像から自動的にレイアウト画像を出力する。
【０２３８】
さらに、図４のテンプレート１０１ａにより表示されるレイアウト画像において、ユーザが配置枠１０３ａに対応する配置枠１に配置される写真画像の差し替え操作を行った場合に、操作の前後で配置枠に配置される写真画像が縦長に切り替わったとする。この場合、テンプレート抽出部４３は、配置枠１、配置枠２、配置枠３に配置された写真の縦横情報ｔｙｔと適合する、配置枠の縦横情報がｔｙｔである、テンプレート１０１ｂのテンプレートデータを抽出する。レイアウト画像出力手段４４は、テンプレート１０１ｂのテンプレートデータに基づいて、配置枠１と適合する、差し替えを受けた縦向きの写真画像を配置枠１に配置して、配置枠２，３には操作前に配置されていた写真画像をそれぞれ配置することで、レイアウト画像を出力する。このようにして、画像処理システム１によれば、写真画像の差し替え操作を行った場合に、差し替えられた写真画像の向きに応じて適切にテンプレートデータが抽出されて、写真画像が配置されたレイアウト画像を得ることができる。
【０２３９】
また、ユーザが図４のテンプレート１０１ｂにより表示されるレイアウト画像において、配置枠１０３ｂに対応する配置枠１に配置される写真画像と、配置枠１０４ｂに対応する配置枠２に配置される写真画像との入れ替え操作を行ったとする。この場合には、配置枠１に配置される画像の向きが縦から横に、配置枠２に配置される画像の向きが横から縦になり、操作の前後で配置枠に配置される写真画像が縦長と横長とで切り替わる。この場合、テンプレート抽出部４３は、配置枠１、配置枠２、配置枠３に配置された写真の縦横情報ｙｔｔと適合する、配置枠の縦横情報がｙｔｔである、テンプレート１０１ｃのテンプレートデータを抽出する。レイアウト画像出力手段４４は、テンプレート１０１ｃのテンプレートデータに基づいて、配置枠１と適合する、入れ替えを受けた横向きの写真画像を配置枠１に配置して、配置枠２と適合する、入れ替えを受けた縦向きの写真画像を配置枠２に配置して、配置枠３には操作前に配置されていた写真画像を配置することで、レイアウト画像を出力する。このようにして、画像処理システム１によれば、写真画像の入れ替え操作を行った場合に、入れ替えられた写真画像の向きに応じて適切にテンプレートデータが抽出されて、写真画像が配置されたレイアウト画像を得ることができる。
【０２４０】
［４．効果］
本実施形態に係る画像処理システム１は、上述のように構成されるため、以下のような作用及び効果を得ることができる。
【０２４１】
（１）上記の画像処理システム１は、ユーザの操作を受けてレイアウト画面の表示を変更するレイアウト画面制御部４１を備える。さらに、レイアウト画面制御部４１は、写真画像の縦横の長さ情報と、写真画像が配置される配置枠の縦横の長さ情報とを用いて、写真画像と配置枠とが適合するテンプレートデータを抽出するテンプレート抽出部４３を備えている。また、レイアウト画面制御部４１は、配置枠と適合する写真画像を配置したレイアウト画像を出力するレイアウト画像出力部４４を備えている。このように、画像処理システム１は、写真画像の向きにあわせた配置枠が設けられているテンプレートを選択して、このテンプレートに写真画像を配置したレイアウト画像を出力する。これにより、ユーザが、配置枠にあわせてテンプレートを選択したり、写真画像にあわせて配置枠を修正したりするなどのレイアウト調整を行う必要がない。よって、ユーザの操作が軽減されるとともに、配置枠への写真画像のレイアウトを適切に行う画像処理システム１を提供することが出来る。また、ユーザはレイアウト画像によって、プリントアウトされた際の出来上がり状態を確認することができる。
【０２４２】
（２）上記の画像処理システム１は、テンプレート抽出部４３が、縦長の写真画像が、縦長または縦横の長さが同じである配置枠に適合すると判断し、横長の写真画像が、横長または縦横の長さが同じである配置枠に適合すると判断し、縦横の長さが同じである写真画像が、縦長、横長、または縦横の長さが同じである前記配置枠と適合すると判断する。このようにして、画像処理システム１は、配置枠と写真画像との向きが合ったテンプレートを抽出できる。これにより、例えば縦長の配置枠に横長の写真画像を配置する場合に生じるような、写真画像がトリミングを受けることで、被トリミング部分の画像が失われたり、写真の構図やレイアウトが崩れたりすることを抑えることができる。
【０２４３】
（３）上記の画像処理システム１は、ユーザが、配置枠に配置された写真画像を、レイアウト画像に表示されていない写真画像の中から変更して、操作の前後で写真画像が縦長あるいは横長に切り替わった際に、テンプレートデータを抽出している。これにより、ユーザが配置枠に配置される画像を新たな画像に差し替える操作を行った場合に、差し替えられた写真画像に応じて適切に配置されたレイアウト画像を提供することが出来る。また、このとき、ユーザは、画像の差し替えを行うたびにレイアウトの調整を行う必要がないため、所望の写真画像に差し替えて、手軽に出来上がりの状態を確認することができる。
【０２４４】
（４）上記の画像処理システム１は、ユーザが、いずれか一つの配置枠に配置された写真画像と、他の配置枠に配置された写真画像とを入れ替えて、操作の前後でそれぞれの配置枠に配置される写真画像が縦長あるいは横長に切り替わった際に、テンプレートデータを抽出している。これにより、ユーザが配置枠に配置される画像を入れ替える操作を行った場合に、入れ替えられた写真画像に応じて適切に配置されたレイアウト画像を提供することが出来る。また、このとき、ユーザは、画像の入れ替えを行うたびにレイアウトの調整を行う必要がないため、所望の写真画像に入れ替えて、手軽に出来上がりの状態を確認することができる。
【０２４５】
（５）上記の画像処理システム１は、ユーザに配置枠に配置する写真画像の候補の選択を受け付ける画像候補選択部３４を備える。さらに、選択された写真画像が配置枠の数よりも少ない場合、レイアウト画面制御部４１は、配置枠の数を満たすよう画像データを追加取得する。このようにして、画像処理システム１は、ユーザが候補として選択した写真画像を基にして、この選択された写真画像が配置されたレイアウト画面を出力することができる。さらに、選択された写真画像が不足する場合には追加取得を行うことで、ユーザは好みの写真を候補として選ぶだけで、他に編集操作を必要とせずに、レイアウト画面を得ることができる。
【０２４６】
（６）上記の画像処理システム１は、写真画像をレイアウト画面とは別に表示するとともに、配置枠に配置された写真画像と配置枠に配置されていない写真画像との周囲の色が異なるように表示する。これにより、ユーザが配置枠に配置された写真画像と配置枠に配置されていない写真画像とを直感的に見分けることができ、レイアウト画面作成の作業効率を高めることができる。
【０２４７】
（７）上記の画像処理システム１は、ユーザが操作するレイアウト画面に設けられた配置枠の数と同じ配置枠の数で配置または大きさを異にするテンプレートデータを含むテンプレート群の中から、写真画像と配置枠とが適合するテンプレートデータを抽出する。これにより、ユーザの操作を受けてレイアウト画像の表示が変更されたとしても、レイアウト画面に表示される写真画像の数が増えたり減ったりはしない。したがって、写真画像の数が増えて、一つあたりの画像が小さくなり、ユーザが受ける印象が変化することを防ぐことができる。また、写真の数が減って、操作前に配置されていた写真画像が表示されなくなることを防ぐことができる。
【０２４８】
（８）上記の画像処理システム１では、テンプレートデータは、配置枠がテンプレート画像上に設けられる位置を示す情報を有し、テンプレート群に含まれるテンプレートデータは、ユーザが操作するレイアウト画面に設けられた配置枠と同じ配置関係に、配置枠が設けられている。これにより、レイアウト画面の操作を行ってレイアウト画面の表示が変更を受けた場合であっても、操作前と同じ配置関係に写真画像が配置される。これにより、操作を行って写真画像の向きが変ったとしても、操作前と大きくレイアウトが変ってしまい、ユーザが違和感を覚えることを防ぐことができる。
【０２４９】
（９）上記の画像処理システム１では、テンプレート群は、配置枠の縦方向の長さがテンプレート画像の高さと同程度の高さであるテンプレートデータを含む。これにより、写真画像がテンプレート画像いっぱいに表示されて強調されることから、インパクトのあるレイアウト画像を提供することが出来る。
【０２５０】
（１０）上記の画像処理システム１では、テンプレートデータは、配置枠の位置が互いに離れて設けられている。これにより、テンプレート画像上において写真画像の配置のバランスがとれたレイアウト画面を提供することができる。
【０２５１】
（１１）上記の画像処理システム１では、テンプレートデータは、いずれか一つの配置枠が、他方の配置枠よりも大きく設けられている。これにより、配置される写真画像の大きさにバリエーションが生じることになるため、、レイアウト画面が単調になることを防ぎ、変化に富んだレイアウト画面を提供することが出来る。
【０２５２】
（１２）上記の画像処理システム１では、テンプレートデータは、いずれか１つの配置枠が、テンプレート画像の少なくとも半分の領域を占有するように設けられ、他の配置枠がテンプレート画像の他の領域に設けられている。これにより、いずれか一つの写真画像をレイアウト画面内に大きく表示して、この写真画像がレイアウト画像全体に対して強い印象を与えるレイアウトを提供することが出来る。
【０２５３】
（１３）上記の画像処理システム１は、ユーザが、テンプレート画像を変更する操作を行った際に、操作後のテンプレート画像の配置枠に、写真画像をそれぞれ配置してレイアウト画像を出力する。これにより、ユーザが例えば写真がプリントアウトされる商品を変更して、テンプレート画像が変更されることになった場合であっても、変更後のテンプレート画像にあわせたレイアウト画像を出力することができる。これにより、ユーザは、写真画像の配置関係を変更せず、レイアウト画像の変更のみを行うことができる。よって、ユーザは、写真画像はそのままに、好みのレイアウト画像が表示される商品に変更して、自らのオリジナルのフォトアルバムやフォトフレームなどを作成することができる。
【０２５４】
（１４）上記の画像処理システム１は、配置枠に併せて写真画像を拡大、縮小、回転、またはトリミングする。これにより、写真画像と配置枠の形状または大きさが完全に一致しない場合であっても、配置枠に合致するよう写真画像に修正を施してレイアウト画像を出力することができる。このとき、配置枠が写真画像と適合するテンプレート抽出していることから、写真画像の修正は最小限に留めることができる。
【０２５５】
（１５）上記の画像処理システム１は、画像データは、写真画像の縦横の長さが縦長と横長のいずれかとなる２種類のアスペクト比に規定されており、テンプレートデータは、縦長の配置枠と横長の配置枠のアスペクト比が、写真画像のいずれかのアスペクト比と同様に規定されている。この場合、写真画像を配置する際に、トリミングが不要となる。よって、写真画像がトリミングを受けることで、被トリミング部分の画像が失われたり、写真の構図やレイアウトが崩れたりすることを防ぐことができる。また、レイアウト画像出力の際にトリミングによる画像処理の負荷がなくなることで、レイアウト画像作成のレスポンスを向上させることができる。
【０２５６】
（１６）上記の画像処理システム１は、テンプレートデータに文字を挿入するための文字枠が設けられており、テンプレート保存手段は、文字枠の大きさ、文字枠が設けられる位置、または文字枠の文字組みが異なる複数の前記テンプレートデータを保存する。これにより、配置枠が写真画像の向きに適合するとともに、文字枠が設けられたテンプレートが抽出されて、写真画像と文字とが配置されたレイアウト画像が提供される。よって、ユーザが写真画像に加えて文字枠を含めてプリントアウト等を行おうとした場合に、写真画像と文字枠との位置調整が不要になり、よりユーザの操作を軽減することができる。また、写真画像と文字枠が入ったレイアウト画像を得て、出来上がり状態を確認することができる。
【０２５７】
（１７）上記の画像処理システム１は、レイアウト画像をプリントするプリント手段を備えている。これにより、出来上がり状態を確認したレイアウト画像をプリントアウトして、プリント物を得ることが出来る。
【０２５８】
［５．その他］
［５−１．システムの構成について］
上記の実施形態では、センタサーバ１１の信号処理部１３における各機能手段が、画像処理システム１を構成する場合について説明した。画像処理システム１の構成はこれに限定されず、信号処理部１３における機能手段の一部または全てが、ラボサーバ１４、スタジオサーバ１７、またはユーザ端末７１に備えられるよう構成してもよい。この場合、ラボサーバ１４、スタジオサーバ１７、またはユーザ端末７１のメモリに信号処理部１３における機能手段として機能するプログラムを保存して、ラボサーバ１４、スタジオサーバ１７、またはユーザ端末７１のＣＰＵがこのプログラムを読み出して実行することにより実現される。
【０２５９】
また、上記の実施形態では、ユーザ端末７１としてパーソナルコンピュータ（パソコン）を例示したが、ユーザ端末７１はこれに限るものではない。例えば、デスクトップパソコン、ノートパソコン、タブレット型の端末（タブレットＰＣ）、スマートフォン等を利用できる。
【０２６０】
また、上記の実施形態では、表示部７２及び操作部７３として、マウス７４およびキーボード７５を例示して説明したが、これに限定されない。例えば、表示部７２または操作部７３として、データを表示する表示部７２としての機能と、画面の操作または情報を入力するための操作部７３としての機能とを併せ持つ、タッチパネルディスプレイを用いてもよい。この場合、マウス７４によるクリック操作に替えて、タッチパネルによるタップ操作を行えばよい。また、キーボード７５（ハードウェアキー）による入力に替えて、タッチパネルに表示されるソフトウェアキーによる入力を行えばよい。また、マウス７４によるドラッグアンドドロップ操作に替えて、タッチパネルによるタッチ長押しの後に、スライド（スワイプ）する操作を行ってもよい。
【０２６１】
［５−２．信号処理について］
上記の実施形態では、信号処理部１３における処理機能が、各ステップを実行する個々のプログラムにより構成されている場合について説明したが、本件のプログラムは、個々のプログラムが組み合わされた一つのプログラムとして構成されていてもよい。または、個々のプログラムが組み合わされて複合したプログラムとなり、さらにこの複合したプログラムが一つのプログラムとして構成されていてもよい。
【０２６２】
［５−３．画像データの処理について］
上記の実施形態では、ラボサーバ１４では、プリント部１６により画像データのプリントアウトを行う場合について説明した。プリント部１６により画像データのプリントアウトを行う前に、画像データに色補正や肌の修正等の画像修正を施してもよく、画像データのレイアウト状態に併せて適宜トリミングを行ってもよい。そして、このように修正を行った修正済みの画像データをプリントアウトするようにしてもよい。
【０２６３】
上記の実施形態では、配置枠を長方形として、テンプレート情報の位置横と位置縦で配置枠の左上の頂点の位置を規定する場合について説明した。配置枠の位置または領域の規定方法は、これに限定されず、例えば、テンプレート情報の位置横と位置縦で配置枠の中心座標を指定するようにしてもよい。または、テンプレート情報で、配置枠の四隅の座標を指定するようにしてもよい。
【０２６４】
上述の実施形態では、配置枠が縦長か横長のいずれかである場合について説明したが、配置枠の縦横の長さが同じ、正方形の配置枠であってもよい。
【０２６５】
上記の実施形態では、見開きページに写真が１枚、２枚、または３枚配置される場合を中心に説明した。見開きページに配置される写真の枚数及び配置枠の数は特に限定されず、４枚以上であってもよい。この場合も、写真が配置される見開き内の配置枠の数に応じて、縦横の長さが異なる少なくとも２nの数のテンプレートを含むテンプレート群を用意すればよい。
【０２６６】
上記の実施形態では、写真一覧ページにおいて、フォトアルバムボタン１４５ｂ、フォトフレームボタン１４５ｃ、またはポストカードボタン１４５ｄを操作して、商品選択ページを閲覧する場合について説明した。またこのとき、商品選択ページでは、具体的に商品を選択することについて説明した。商品の選択の処理はこれに限定されず、写真一覧ページの表示前に、商品のカテゴリを表示して、どのカテゴリを選択するかをユーザに決定させるようにしてもよい。さらに、いずれかのカテゴリの商品が選択された場合には、選択されたカテゴリの中で、具体的にどの商品を選択するかをユーザに決定させるようにしてもよい。この場合、商品の選択後に写真一覧ページを表示して、写真の閲覧と、お気に入り写真としての設定を行うようにしてもよい。そして、その後にレイアウト画像作成処理を行うようにしてもよい。
【０２６７】
上記の実施形態では、アルバムの表紙、裏表紙、または見開きページに設けられた配置枠に、写真画像を配置する場合について説明した。この場合、出力されるレイアウト画像の配置構成でプリントアウトを行い製本することで、商品が提供される。レイアウト画像と商品との関係はこれに限定されない。例えば、商品がキーホルダーである場合において、レイアウト画像として、キーホルダーの表面と裏面の画像を表示するとともに、キーホルダーの表面と裏面に配置枠が設けられてこの配置枠に写真画像が配置されるよう表示を行ってもよい。このとき、写真画像の差し替えまたは入れ替えを行って写真画像の向きが変った場合、写真画像の向きにあわせて、レイアウト画面ではキーホルダーの向きが入れ替わる。このように、レイアウト画像を利用して、キーホルダーの出来上がり状態を確認することができる。
【符号の説明】
【０２６８】
１  画像処理システム
１１  センタサーバ
１２，１５，１８  記憶部
１３  信号処理部
１４  ラボサーバ
１６  プリント部（プリント手段）
１７  スタジオサーバ
２１，５１，６１  画像データ保存部（画像データ保存手段）
２３  ウェブページ保存部（ウェブページ保存手段）
２４，５４  テンプレート保存部（テンプレート保存手段）
３１  閲覧画面提供部（閲覧画面提供手段）
３４  画像候補指定部（画像候補指定手段）
３５  テンプレート候補指定部（テンプレート候補指定手段）
４１  レイアウト画面制御部（レイアウト画面制御手段）
４２  縦横情報判定部（縦横情報判定手段）
４３  テンプレート抽出部（テンプレート抽出手段）
４４  レイアウト画像出力部（レイアウト画像出力手段）
７１  ユーザ端末
８１  ネットワーク
【図１】
0006662592.tif 000002
【図２】
0006662592.tif 000003
【図３】
0006662592.tif 000004
【図４】
0006662592.tif 000005
【図５】
0006662592.tif 000006
【図６】
0006662592.tif 000007
【図７】
0006662592.tif 000008
【図８】
0006662592.tif 000009
【図９】
0006662592.tif 000010
【図１０】
0006662592.tif 000011
【図１１】
0006662592.tif 000012
【図１２】
0006662592.tif 000013
【図１３】
0006662592.tif 000014
【図１４】
0006662592.tif 000015
【図１５】
0006662592.tif 000016
【図１６】
0006662592.tif 000017
【図１７】
0006662592.tif 000018
【図１８】
0006662592.tif 000019
【図１９】
0006662592.tif 000020
【図２０】
0006662592.tif 000021
【図２１】
0006662592.tif 000022
【図２２】
0006662592.tif 000023
【図２３】
0006662592.tif 000024
【図２４】
0006662592.tif 000025
【図２５】
0006662592.tif 000026
【図２６】
0006662592.tif 000027
【図２７】
0006662592.tif 000028
【図２８】
0006662592.tif 000029
【図２９】
0006662592.tif 000030