(57)【要約】【課題】表示装置の画面サイズによらず、操作性および視認性に優れた表示情報を表示装置に表示することのできる表示制御装置を提供する。【解決手段】機器に関する表示項目を含む表示情報の表示要求を取得する取得部と、表示情報を表示する表示画面に表示される表示項目の項目サイズの最小値である最小項目サイズを記憶する第１記憶部と、表示画面の画面サイズに基づいて、表示項目の項目サイズであって、最小項目サイズ以上の項目サイズを決定する項目サイズ決定部と、決定された項目サイズの表示項目を含む表示情報を生成する表示情報生成部とを備える。【選択図】図１
2013130964.tif 000002
【特許請求の範囲】
【請求項１】
機器に関する表示項目を含む表示情報の表示要求を取得する取得部と、
前記表示情報を表示する表示画面に表示される前記表示項目の項目サイズの最小値である最小項目サイズを記憶する第１記憶部と、
前記表示画面の画面サイズに基づいて、前記表示画面に前記表示項目を表示する場合の前記表示項目の項目サイズであって、前記最小項目サイズ以上の前記項目サイズを決定する項目サイズ決定部と、
決定された前記項目サイズの前記表示項目を含む前記表示情報を生成する表示情報生成部と
を備えることを特徴とする表示制御装置。
【請求項２】
前記表示情報は、２以上の所定数の表示項目が配置される表示領域を有し、
前記第１記憶部は、予め設定された標準画面サイズの表示画面に前記表示情報を表示する場合の前記表示領域の領域サイズである標準領域サイズと、前記標準領域サイズの前記表示領域に含まれる前記表示項目の項目サイズである標準項目サイズとをさらに記憶し、
前記画面サイズと第１閾値を比較し、前記画面サイズが前記第１閾値に比べて小さい場合に、前記表示領域に対し、前記標準領域サイズよりも小さい領域サイズであって、前記画面サイズに基づいて定まる前記領域サイズを決定する領域サイズ決定部と
をさらに備え、
前記項目サイズ決定部は、前記表示領域に対し前記標準領域サイズよりも小さい前記領サイズが決定された場合に、前記表示領域に配置される前記所定数の表示項目に対し、前記最小項目サイズ以上であってかつ前記標準項目サイズよりも小さい前記項目サイズを決定することを特徴とする請求項１に記載の表示制御装置。
【請求項３】
前記表示情報生成部は、決定された前記領域サイズおよび前記項目サイズに基づいて、前記表示領域に前記所定数の表示項目を配置可能か否かを判断し、前記表示領域に前記所定数の表示項目を配置可能であると判断した場合に、前記項目サイズの前記所定数の表示項目が前記領域サイズの前記表示領域に配置された前記表示情報を生成することを特徴とする請求項２に記載の表示制御装置。
【請求項４】
前記表示情報生成部は、前記表示領域に前記所定数の表示項目を配置できないと判断した場合に、ユーザからのスクロール操作に応じて表示が切り替わる複数の表示領域に前記所定数の表示項目が配置された前記表示情報を生成することを特徴とする請求項３に記載の表示制御装置。
【請求項５】
前記表示情報生成部は、前記表示領域に前記所定数の表示項目を表示できないと判断した場合に、前記所定数の表示項目を表示する表示ウインドウ呼び出しのユーザ入力を受け付ける呼出ボタンが前記表示領域に配置された前記表示情報を生成することを特徴とする請求項３に記載の表示制御装置。
【請求項６】
前記領域サイズ決定部は、前記画面サイズが前記第１閾値以上である場合に、前記表示領域の前記領域サイズを前記標準領域サイズに決定し、
前記項目サイズ決定部は、前記表示領域の前記領域サイズが前記標準領域サイズに決定された場合に、前記表示項目の前記項目サイズを前記標準項目サイズに決定することを特徴とする請求項２から５のいずれか一項に記載の表示制御装置。
【請求項７】
前記領域サイズ決定部は、前記画面サイズと第２閾値とを比較し、前記画面サイズが前記第２閾値に比べて大きい場合に、前記表示領域に対し、前記標準領域サイズよりも大きい領域サイズであって、前記画面サイズに基づいて定まる前記領域サイズを決定し、
前記項目サイズ決定部は、前記表示領域の前記領域サイズが前記標準領域サイズよりも大きい前記領域サイズに決定された場合に、前記表示項目の前記項目サイズを前記標準項目サイズに決定することを特徴とする請求項２から６のいずれか一項に記載の表示制御装置。
【請求項８】
前記標準領域サイズの前記表示領域に表示される第１表示項目と、前記標準領域サイズよりも大きい前記領域サイズの前記表示領域に表示される第２表示項目とを記憶する第２記憶部をさらに備え、
前記領域サイズ決定部は、前記画面サイズと第２閾値とを比較し、前記画面サイズが前記第２閾値に比べて大きい場合に、前記表示領域に対し前記標準領域サイズよりも大きい領域サイズであって、前記画面サイズに基づいて定まる前記領域サイズを決定し、
前記表示情報生成部は、前記標準領域サイズよりも大きい領域サイズの前記表示領域内に前記第１表示項目が配置される前記表示情報を生成することを特徴とする請求項２から６に記載の表示制御装置。
【請求項９】
前記領域サイズ決定部は、前記画面サイズが前記第２閾値以下である場合に前記画面領域の前記領域サイズを前記標準領域サイズに決定し、
前記表示情報生成部は、前記標準領域サイズの前記表示領域内に前記第２表示項目が配置される前記表示情報を生成することを特徴とする請求項８に記載の表示制御装置。
【請求項１０】
前記第１表示項目は、前記表示領域に表示する第１文字列であり、
前記第２表示項目は、前記第１文字列に比べて長い第２文字列であることを特徴とする請求項８または９に記載の表示制御装置。
【請求項１１】
前記第１文字列は、前記表示領域のタイトルであり、
前記第２文字列は、前記表示領域のタイトルと説明であることを特徴とする請求項１０に記載の表示制御装置。
【請求項１２】
前記第１表示項目は、前記表示領域に表示する第１フォントサイズの文字列であって、
前記第２表示項目は、前記第１フォントサイズよりも大きい第２フォントサイズの文字列であることを特徴とする請求項８または９に記載の表示制御装置。
【請求項１３】
前記第１表示項目は、前記表示領域に表示する文字列であり、
前記第２表示項目は、前記文字列と画像であることを特徴とする請求項８または９に記載の表示制御装置。
【請求項１４】
前記取得部は、前記表示画面の前記画面サイズをさらに取得し、
前記項目サイズ決定部は、前記取得部が取得した前記画面サイズに基づいて、前記項目サイズを決定することを特徴とする請求項１から１３のいずれか一項に記載の表示制御装置。
【請求項１５】
機器に関する表示項目を含む表示情報の表示要求を取得する取得部と、
前記表示情報を表示する表示画面に表示される前記表示項目の項目サイズの最小値である最小項目サイズを記憶する第１記憶部と、
前記表示画面の画面サイズに基づいて、前記表示画面に前記表示項目を表示する場合の前記表示項目の項目サイズであって、前記最小項目サイズ以上の前記項目サイズを決定する項目サイズ決定部と、
決定された前記項目サイズの前記表示項目を含む前記表示情報を生成する表示情報生成部と
を備えることを特徴とする表示制御システム。
【請求項１６】
表示画面に表示される、機器に関する表示項目の項目サイズの最小値である最小項目サイズを記憶する第１記憶部を備えたコンピュータを、
前記表示項目を含む表示情報の表示要求を取得する取得部と、
前記表示画面の画面サイズに基づいて、前記表示画面に前記表示項目を表示する場合の前記表示項目の項目サイズであって、前記最小項目サイズ以上の前記項目サイズを決定する項目サイズ決定部と、
決定された前記項目サイズの前記表示項目を含む前記表示情報を生成する表示情報生成部と
して機能させるためのプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、表示制御装置、表示制御システムおよびプログラムに関する。
【背景技術】
【０００２】
従来のＷｅｂブラウザは、ＰＣ、スマートフォン、タブレット端末等表示画面サイズの異なる機器に搭載され、各機器の表示画面にＷｅｂページを表示する。ＷｅｂブラウザによりＰＣの表示画面に表示されるＷｅｂページのウィンドウサイズ（画面サイズ）は、ユーザ操作により変更することができる。また、Ｗｅｂページに含まれる文字のフォントサイズ等は、Ｗｅｂブラウザの種類に応じて様々な値に設定されており、さらにユーザ操作によりその設定を変更することが可能である。
【０００３】
このように、表示環境（表示画面サイズ）に応じてＷｅｂページのレイアウトが変更されるため、Ｗｅｂページ作成者の意図しないレイアウトのＷｅｂページがユーザに提供される可能性がある。このため、表示環境に依存することなく、Ｗｅｂページ作成者の意図するレイアウトのＷｅｂページが表示されるように、Ｗｅｂページを作成することが望まれている。
【０００４】
このように表示画面によらず同じような見え方のＷｅｂページを作成する技術として、「固定幅レイアウト」や「リキッドレイアウト」などのレイアウト手法が知られている。また、スマートフォンやタブレット端末の表示画面のように、画面サイズが比較的小さい表示画面に、ＰＣ向けに作成されたＷｅｂページを表示する場合には、ＰＣ向けのＷｅｂページ全体を縮小し、縮小後のＷｅｂページを表示する技術が知られている。
【０００５】
しかしながら、固定幅レイアウトにおいては、Ｗｅｂページ作成者が想定した画面サイズよりもＷｅｂページの画面サイズが小さい場合には、縦横のスクロールバーが表示されることになり、著しく使い勝手が悪くなるという問題があった。
【０００６】
リキッドレイアウトにおいては、画面サイズに応じて文章やアイコン等の配置エリアのサイズが変更される。このため、Ｗｅｂページ作成者の意図したレイアウトのＷｅｂページが表示されない場合があるという問題があった。
【０００７】
また、ブラウザ画面に収まらないためにページ全体を縮小した場合には、文字やアイコン等が小さくなり、ユーザが文字を読み難い、ボタンを押下し難いといった問題があった。
【０００８】
スマートフォン等の携帯型機器においては、上述のようなレイアウト手法により生成されたＷｅｂページや、ページ全体が縮小されたＷｅｂページのように、操作性や視認性に劣るＷｅｂページが表示される場合がある。この場合には、ユーザによる拡大操作やスクロール等の移動操作により見たい箇所や操作したい箇所を表示画面に表示させるのが一般的である。
【０００９】
しかしながら、例えばプリンタの操作表示パネルにＷｅｂページを表示する場合においては、スマートフォン等と同様のユーザ操作を要求するのは好ましくなく、操作性や視認性に優れたＷｅｂページを表示することが望まれている。
【００１０】
これに対し、例えば特許文献１には、ＰＣ向けのＷｅｂページを操作表示パネル上に表示する目的で、機器外部のサーバに記憶されているＷｅｂページを操作表示パネルのＷｅｂブラウザで表示する際に、ＷｅｂブラウザがＷｅｂページを解析し、操作表示パネルに表示するのに適したＷｅｂページとなるようにＨＴＭＬ（ＨｙｐｅｒＴｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）、ＣＳＳ（Ｃａｓｃａｄｅｉｎｇ  Ｓｔｙｌｅ  Ｓｈｅｅｔ）およびＪａｖａＳｃｒｉｐｔ（登録商標）を動的に生成する技術が開示されている。
【発明の概要】
【発明が解決しようとする課題】
【００１１】
しかしながら、特許文献１の技術においても、Ｗｅｂページが操作表示パネルに表示される際に、Ｗｅｂページ作成者の意図したＷｅｂページと異なるレイアウトのＷｅｂページが表示される場合があり、操作性および視認性に劣るＷｅｂページが表示される場合があるという問題があった。
【００１２】
本発明は、上記に鑑みてなされたものであって、表示装置の画面サイズによらず、操作性および視認性に優れた表示情報を表示装置に表示することのできる表示制御装置、表示制御システムおよびプログラムを提供することを目的とする。
【課題を解決するための手段】
【００１３】
上述した課題を解決し、目的を達成するために、本発明は、表示制御装置であって、機器に関する表示項目を含む表示情報の表示要求を取得する取得部と、前記表示情報を表示する表示画面に表示される前記表示項目の項目サイズの最小値である最小項目サイズを記憶する第１記憶部と、前記表示画面の画面サイズに基づいて、前記表示画面に前記表示項目を表示する場合の前記表示項目の項目サイズであって、前記最小項目サイズ以上の前記項目サイズを決定する項目サイズ決定部と、決定された前記項目サイズの前記表示項目を含む前記表示情報を生成する表示情報生成部とを備えることを特徴とする。
【００１４】
また、本発明は、表示制御システムであって、機器に関する表示項目を含む表示情報の表示要求を取得する取得部と、前記表示情報を表示する表示画面に表示される前記表示項目の項目サイズの最小値である最小項目サイズを記憶する第１記憶部と、前記表示画面の画面サイズに基づいて、前記表示画面に前記表示項目を表示する場合の前記表示項目の項目サイズであって、前記最小項目サイズ以上の前記項目サイズを決定する項目サイズ決定部と、決定された前記項目サイズの前記表示項目を含む前記表示情報を生成する表示情報生成部とを備えることを特徴とする。
【００１５】
また、本発明は、表示画面に表示される、機器に関する表示項目の項目サイズの最小値である最小項目サイズを記憶する第１記憶部を備えたコンピュータを、前記表示項目を含む表示情報の表示要求を取得する取得部と、前記表示画面の画面サイズに基づいて、前記表示画面に前記表示項目を表示する場合の前記表示項目の項目サイズであって、前記最小項目サイズ以上の前記項目サイズを決定する項目サイズ決定部と、決定された前記項目サイズの前記表示項目を含む前記表示情報を生成する表示情報生成部として機能させるためのプログラムである。
【発明の効果】
【００１６】
本発明によれば、表示装置の画面サイズによらず、操作性および視認性に優れた表示情報を表示装置に表示することができるという効果を奏する。
【図面の簡単な説明】
【００１７】
【図１】図１は、第１の実施の形態にかかる画像形成システムの全体構成を示す図である。
【図２−１】図２−１は、コピートップページを示す図である。
【図２−２】図２−２は、コピートップページを示す図である。
【図２−３】図２−３は、コピートップページを示す図である。
【図３】図３は、記憶部１１０が記憶するルールテーブル１１１のデータ構成を模式的に示す図である。
【図４】図４は、表示領域の拡大図である。
【図５】図５は、画像形成システムの処理を示すシーケンス図である。
【図６】図６は、画像形成システムの処理を示すシーケンス図である。
【図７−１】図７−１は、ステップＳ１００においてＷｅｂブラウザから送信されるＨＴＴＰリクエストを示す図である。
【図７−２】図７−２は、ステップＳ１０４においてＷｅｂブラウザに返送される画面サイズ確認ページを示す図である。
【図８−１】図８−１は、ステップＳ１０６においてＷｅｂブラウザから送信されるリクエストを示す図である。
【図８−２】図８−２は、ステップＳ１１５においてＷｅｂブラウザに返送されるコピートップページのＨＴＭＬデータを示す図である。
【図９−１】図９−１は、ステップＳ１１７においてＷｅｂブラウザから送信されるリクエストを示す図である。
【図９−２】図９−２は、ステップＳ１２６においてＷｅｂブラウザに返送されるコピートップページ用ＣＳＳファイルデータの一例を示す図である。
【図１０−１】図１０−１は、ステップＳ１２７においてＷｅｂブラウザから送信されるリクエストを示す図である。
【図１０−２】図１０−２は、ステップＳ１３３においてＷｅｂブラウザに返送されるコピートップページ用ＪａｖａＳｃｒｉｐｔファイルを示す図である。
【図１１】図１１は、ＣＳＳファイル生成処理（ステップＳ１２４）におけるＣＳＳファイル生成部の詳細な処理を示すフローチャートである。
【図１２】図１２は、ＣＳＳファイル生成処理（ステップＳ１２４）におけるＣＳＳファイル生成部の詳細な処理を示すフローチャートである。
【図１３】図１３は、ＣＳＳファイル生成部による処理経過を示す図である。
【図１４】図１４は、アイテムのレイアウト例を示す図である。
【図１５】図１５は、アイテムのレイアウト例を示す図である。
【図１６】図１６は、ＣＳＳファイル生成部による処理経過を示す図である。
【図１７−１】図１７−１は、トレイの表示領域を示す図である。
【図１７−２】図１７−２は、トレイの表示領域を示す図である。
【図１８】図１８は、ＣＳＳファイル生成部による処理経過を示す図である。
【図１９】図１９は、変倍の表示領域を示す図である。
【図２０】図２０は、ＣＳＳファイル生成部による処理経過を示す図である。
【図２１】図２１は、印刷面の表示領域を示す図である。
【図２２】図２２は、ＣＳＳファイル生成部による処理経過を示す図である。
【図２３−１】図２３−１は、後処理の表示領域を示す図である。
【図２３−２】図２３−２は、後処理の表示領域を示す図である。
【図２３−３】図２３−３は、後処理の表示領域を示す図である。
【図２４】図２４は、ＣＳＳファイル生成部による処理経過を示す図である。
【図２５−１】図２５−１は、標準サイズよりも小さい画面サイズのＷｅｂブラウザから送信されるリクエストを示す図である。
【図２５−２】図２５−２は、図２５−１に示すリクエストに対応するコピートップページのＣＳＳファイルを示す図である。
【図２６】図２６は、図２５−２に対応するコピートップページの表示例を示す図である。
【図２７】図２７は、図２６に示すコピートップページにおいて、カラーの呼出ボタンが選択された場合に表示されるポップアップ画面を示す図である。
【図２８】図２８は、図２６に示すコピートップページにおいて、ポップアップ画面の呼出ボタンが選択された場合に表示されるポップアップ画面を示す図である。
【図２９】図２９は、図２６に示すコピートップページにおいて、ポップアップ画面の呼出ボタンが選択された場合に表示されるポップアップ画面を示す図である。
【図３０】図３０は、図２９に示すポップアップ画面において呼出ボタンが選択された場合に表示されるポップアップ画面を示す図である。
【図３１−１】図３１−１は、スクロールボタンが配置されたポップアップ画面を示す図である。
【図３１−２】図３１−２は、スクロールボタンが配置されたポップアップ画面を示す図である。
【図３２】図３２は、ブラウザのスクロールバーが表示されるＷｅｂページを示す図である。
【図３３】図３３は、後処理の表示領域を示す図である。
【図３４】図３４は、アイテムの文字列を示す図である。
【図３５】図３５は、アイテムの文字列を示す図である。
【図３６】図３６は、アイテムのフォントサイズを示す図である。
【図３７−１】図３７−１は、標準サイズよりも大きい画面サイズのＷｅｂブラウザから送信されるリクエストを示す図である。
【図３７−２】図３７−２は、図３７−１に示すリクエストに対応するコピートップページのＣＳＳファイルを示す図である。
【図３８】図３８は、図３７−２に対応する、標準サイズよりも大きい画面サイズの表示画面に対するコピートップページの表示例を示す図である。
【図３９−１】図３９−１は、文字列のみが表示されるアイテムを示す図である。
【図３９−２】図３９−２は、文字列とアイコンが表示されるアイテムを示す図である。
【図３９−３】図３９−３は、文字列とアイコンが表示されるアイテムを示す図である。
【図４０−１】図４０−１は、図３９−２に示すアイテムが選択された場合のＣＳＳファイルを示す図である。
【図４０−２】図４０−２は、図３９−３に示すアイテムが選択された場合のＣＳＳファイルを示す図である。
【図４１】図４１は、第２の実施の形態にかかる画像形成システムの全体構成を示す図である。
【図４２】図４２は、第２の実施の形態にかかる画像形成装置のコピーページ生成部により生成されたＨＴＭＬデータの一例を示す図である。
【発明を実施するための形態】
【００１８】
以下に添付図面を参照して、表示制御装置、表示制御システムおよびプログラムの実施の形態を詳細に説明する。
【００１９】
（第１の実施の形態）
図１は、第１の実施の形態にかかる画像形成システム１の全体構成を示す図である。画像形成システム１は、画像形成装置１０と、画像形成装置１０とネットワーク３を介して接続された３つの操作端末２０とを備えている。操作端末２０としては、ＰＣ、スマートフォン、タブレット端末などが挙げられる。なお、画像形成システム１が備える操作端末２０の数は、実施の形態に限定されるものではない。画像形成システム１は、１または２の操作端末を備えてもよく、また４以上の操作端末を備えてもよい。
【００２０】
画像形成装置１０は、Ｗｅｂサーバ１００と、操作表示パネル１２０と、コピーアプリ１３０と、スキャナアプリ１３１と、システム管理部１３２と、メモリ管理部１３３と、エンジン管理部１３４と、ユーザ管理部１３５と、プロッタ１３６と、スキャナ１３７と、ＡＰＩ（Ａｐｐｌｉｃａｔｉｏｎ  Ｐｒｏｇｒａｍ  Ｉｎｔｅｒｆａｃｅ）１４０とを備えている。
【００２１】
Ｗｅｂサーバ１００は、Ｗｅｂブラウザ機能を搭載した機器からＷｅｂページの表示要求を取得すると、表示要求にかかるＷｅｂページを生成し、これを表示要求の要求元の機器に送信する。Ｗｅｂサーバ１００は、例えば画像形成装置１に搭載されているアプリケーション（コピーアプリ１３０およびスキャナアプリ１３１）に関するＷｅｂページを生成する。
【００２２】
画像形成システム１においては、操作端末２０および操作表示パネル１２０がＷｅｂブラウザ機能を搭載している。操作端末２０および操作表示パネル１２０は、Ｗｅｂサーバ１００に対し各種Ｗｅｂページの表示要求を送信する。操作端末２０および操作表示パネル１２０は、さらに表示要求に対する返答としてＷｅｂサーバ１００からＷｅｂページを受信し、これを表示画面に表示する。
【００２３】
操作表示パネル１２０は、Ｗｅｂページを表示するためのＬＣＤ（Ｌｉｑｕｉｄ  Ｃｒｙｓｔａｌ  Ｄｉｓｐｌａｙ）の他、画像形成装置１０の動作状態を示すためのＬＥＤやブザー、ユーザ操作を受け付ける複数のハードキーなど（いずれも不図示）を備えている。操作表示パネル１２０は、画像形成装置１０内部において、操作端末２０と同様にネットワーク３を介してＷｅｂサーバ１００と接続している。
【００２４】
コピーアプリ１３０およびスキャナアプリ１３１は、画像形成装置１０に搭載されているアプリケーションである。コピーアプリ１３０は、コピーのジョブを実行する。コピーアプリ１３０はまた、Ｗｅｂサーバ１００に対しコピーアプリ１３０に設定された設定情報などコピーアプリ１３０に関する情報を提供する。スキャナアプリ１３１は、スキャンのジョブを実行する。スキャナアプリ１３１はまた、Ｗｅｂサーバ１００に対しアプリケーションの設定などスキャナアプリ１３１に設定された設定情報などスキャナアプリ１３１に関する情報を提供する。なお、本実施の形態においては、画像形成装置１０がコピーアプリ１３０とスキャナアプリ１３１を搭載する例について説明するが、画像形成装置１０が搭載するアプリケーションの数および種類は実施の形態に限定されるものではない。
【００２５】
ここで、図２−１〜図２−３を参照しつつ、Ｗｅｂサーバ１００により提供されるＷｅｂページについて説明する。図２−１〜図２−３に示すＷｅｂページは、コピーアプリ１３０のコピートップページ２００であり、予め設定された標準サイズの表示画面に表示されることを想定してＷｅｂページ作成者によりレイアウトされたＷｅｂページである。なお、本実施の形態においては、横幅８００ピクセル、縦幅４５０ピクセルの表示画面を標準サイズと定めることとする。
【００２６】
コピートップページ２００は、コピーに関するメッセージを表示する表示領域２１０と、ユーザからコピーに関する設定を受け付ける表示領域２２０〜２７０を有している。表示領域２２０〜２７０はいずれも複数のアイコンを有している。なお、各表示領域２２０〜２７０には、予め１または２以上のアイテムが割り当てられている。
【００２７】
ここで、アイテムとは、Ｗｅｂページに表示すべき表示項目であり、具体的にはユーザからの選択を受け付けるアイコンや、ユーザに通知すべきメッセージの文字列などがある。表示領域とは、例えばカラーや原稿種類など所定のカテゴリに含まれる複数のアイテム（アイテム群）が配置される領域である。
【００２８】
表示領域２２０は、カラー設定のアイテム群を表示する領域である。表示領域２２０には、「フルカラー」、「自動カラー」および「白黒」の３つのアイコン２２１〜２２３が配置されている。表示領域２３０は、原稿種類設定のアイテム群を表示する領域である。表示領域２３０には、「文字」、「文字・写真」および「写真」の３つのアイコン２３１〜２３３が配置されている。「写真」のアイコン２３３には、右下に「…」の表示がある。これは、アイコン２３３がポップアップ画面を呼び出すための呼出ボタンであることを示している。
【００２９】
「写真」の呼出ボタン２３３が選択された場合には、図２−２に示すように、図２−１に示すウインドウ２０１と異なるウインドウ２０２がポップアップ表示される。図２−２に示すポップアップ画面には、写真の原稿種類として「印画紙写真」、「印刷写真」および「複写写真」の３つのアイコン２３４〜２３６が配置されている。
【００３０】
このように、表示領域に割り当てられているアイコンの数に対し表示領域の領域サイズが小さい場合には、表示領域内にすべてのアイコンを表示するのにかえて、表示領域に割り当てられているアイコンのうち一部または全部がポップアップ画面に割り当てられている。
【００３１】
表示領域２４０は、給紙トレイ選択のアイテム群の表示領域である。表示領域２４０には、６つのアイコン２４１〜２４６が配置されている。表示領域２５０は、変倍設定のアイテム群の表示領域である。表示領域２５０には、６つのアイコン２５１〜２５６が配置されている。表示領域２６０は、印刷面設定のアイテム群の表示領域である。表示領域２６０には、４つのアイコン２６１〜２６４が配置されている。
【００３２】
表示領域２７０は、後処理設定のアイテム群の表示領域である。表示領域には、６つのアイコン２７１〜２７６の他、三角形状のスクロールボタン２８０が配置されている。スクロールボタン２８０は、スクロールにより、他のアイコンが表示されることを示している。すなわち、ユーザによりスクロールボタン２８０が選択されると、図２−３に示すように、表示領域２７０に割り当てられている残り２つのアイコン２７７，２７８が表示領域２７０に表示される。
【００３３】
このように、表示領域に割り当てられているアイコンの数に対し表示領域の領域サイズが小さい場合には、表示領域２７０のようにスクロール操作により表示領域に割り当てられているすべてのアイコンを表示可能とするように、表示領域に対して各アイコンが配置されている。
【００３４】
表示領域に割り当てられているアイコンの数に対し表示領域の領域サイズが小さい場合の表示方法としては、上述のようにポップアップ画面表示とスクロール表示とがある。いずれの省略方法で表示するかについては、表示領域毎に予め設定されている。なお、省略方法については後述する。
【００３５】
図１に戻り、Ｗｅｂサーバ１００は、Ｗｅｂページの要求元の機器の画面サイズに応じて、Ｗｅｂページに含まれる表示領域のサイズである領域サイズを決定し、また各表示領域に含まれる各アイテムのサイズであるアイテムサイズを決定し、画面サイズに適したＷｅｂページを生成する。
【００３６】
Ｗｅｂサーバ１００は、このための機能として、リクエスト処理部１０１と、コピーページ生成部１０２と、スキャナページ生成部１０３と、画面サイズ確認部１０４と、ＣＳＳ（Ｃａｓｃａｄｅｉｎｇ  Ｓｔｙｌｅ  Ｓｈｅｅｔ）ファイル生成部１０５と、記憶部１１０とを有している。
【００３７】
リクエスト処理部１０１は、Ｗｅｂブラウザとしての操作端末２０または操作表示パネル１２０においてユーザから入力された表示要求等のリクエストを操作端末２０または操作表示パネル１２０から取得する。すなわち、リクエスト処理部１０１は取得部として機能する。リクエスト処理部１０１は、さらにリクエストのＵＲＬ（Ｕｎｉｆｏｒｍ  Ｒｅｓｏｕｒｃｅ  Ｌｏｃａｔｏｒ）を参照し、ＵＲＬに応じてリクエストに応じた処理を下位モジュールであるコピーページ生成部１０２、スキャナページ生成部１０３、画面サイズ確認部１０４およびＣＳＳファイル生成部１０５のいずれかに対して指示する。
【００３８】
コピーページ生成部１０２は、コピーアプリ１３０のＷｅｂページとしてのＨＴＭＬ（ＨｙｐｅｒＴｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）データを生成し、リクエスト処理部１０１を介してＷｅｂブラウザ（操作端末２０または操作表示パネル１２０）に返信する。コピーページ生成部１０２はまた、Ｗｅｂページにおいてユーザによって操作が行われるとコピーアプリ１３０に対し操作結果に応じた指示を出し、操作結果に応じてＷｅｂページの表示内容を更新する。コピーページ生成部１０２はさらに、コピーのためのＷｅｂページのレイアウトを定めるＣＳＳファイルの雛形となるＣＳＳファイル元データを有している。
【００３９】
スキャナページ生成部１０３は、コピーページ生成部１０２と同様に、スキャナアプリ１３１のＷｅｂページとしてのＨＴＭＬデータを生成し、リクエスト処理部１０１を介してＷｅｂブラウザに返信する。スキャナページ生成部１０３はまた、Ｗｅｂページにおいてユーザによって操作が行われるとスキャナアプリ１３１に対し操作結果に応じた指示を出し、操作結果に応じてＷｅｂページの表示内容を更新する。スキャナページ生成部１０３はさらに、スキャンのためのＷｅｂページのレイアウトを定めるＣＳＳファイルの雛形となるＣＳＳファイル元データを有している。
【００４０】
画面サイズ確認部１０４は、リクエスト処理部１０１がＷｅｂページの表示要求を取得すると、表示要求の要求元の機器の画面サイズを確認する。画面サイズ確認部１０４は、特定した画面サイズをＣｏｏｋｉｅにセットする。
【００４１】
ＣＳＳファイル生成部１０５は、コピーページ生成部１０２またはスキャナページ生成部１０３からＷｅｂページとしてのＨＴＭＬデータを取得する。ＣＳＳファイル生成部１０５は、さらにＣｏｏｋｉｅにセットされている画面サイズを参照し、記憶部１１０に記憶されている後述のルールテーブルと、ＨＴＭＬデータに基づいて、画面サイズに適したＣＳＳファイルを生成する。ＣＳＳファイル生成部１０５は、生成したＣＳＳファイルをリクエスト処理部１０１を介して表示要求の要求元のＷｅｂブラウザに送信する。
【００４２】
ＣＳＳファイル生成部１０５は、領域サイズ決定部１０６と、アイテムサイズ決定部１０７と、Ｗｅｂページ生成部１０８とを有している。領域サイズ決定部１０６は、表示要求の要求元の機器の画面サイズと、記憶部１１０に記憶されている後述のルールテーブルに基づいて、表示要求にかかるＷｅｂページに含まれる各表示領域のサイズ（領域サイズ）を決定する。アイテムサイズ決定部１０７は、画面サイズと、記憶部１１０に記憶されている後述のルールテーブルに基づいて、表示要求にかかるＷｅｂページに含まれる各表示領域に配置するアイテムのサイズ（アイテムサイズ）を決定する。
【００４３】
Ｗｅｂページ生成部１０８は、領域サイズ決定部１０６により決定された領域サイズと、アイテムサイズ決定部１０７により決定されたアイテムサイズに基づいて、各表示領域に対し、各表示領域に割り当てられたアイテムを配置し、Ｗｅｂページを生成する。
【００４４】
図３は、記憶部１１０が記憶するルールテーブル１１１のデータ構成を模式的に示す図である。ルールテーブル１１１には、表示領域およびアイテムのサイズを決定するためのルールが記述されている。具体的には、ルールテーブル１１１は、表示領域と、領域サイズ決定ルールと、アイテムサイズ決定ルールとを対応付けて記憶している。
【００４５】
領域サイズ決定ルールは、領域サイズを決定するためのルールである。ルールテーブル１１１には、領域サイズ決定ルールとして、表示領域の標準サイズ、横幅ルール、縦幅ルールおよび省略方法が記憶されている。
【００４６】
ここで、表示領域の標準サイズとは、標準サイズの表示画面にＷｅｂページを表示する場合の表示領域の領域サイズである。横幅ルールおよび縦幅ルールは、表示画面の画面サイズが標準サイズでない場合に、表示領域の横幅および縦幅を決定するために参照されるルールである。省略方法とは、横幅ルールおよび縦幅ルールに従い決定された領域サイズの表示領域に、当該表示領域に割り当てられたアイテムを表示できない場合のアイテムの表示方法である。省略方法としては、図２−２において説明したポップアップ画面表示と図２−３において説明したスクロール表示がある。
【００４７】
アイテムサイズ決定ルールは、アイテムサイズを決定するためのルールである。ルールテーブル１１１には、アイテムサイズ決定ルールとして、標準サイズと最小サイズとが記憶されている。標準サイズは、標準サイズの表示領域にアイテムを配置する場合のアイテムサイズである。最小サイズは、標準サイズよりも小さい領域サイズの表示領域にアイテムを配置する場合にアイテムを縮小可能な最小のアイテムサイズである。すなわち、最小サイズより小さいサイズにアイテムを縮小することはできない。
【００４８】
例えばカラーの表示領域に対しては、領域サイズの標準サイズは、横幅２００ピクセル、縦幅２００ピクセルに設定されている。さらに、横幅ルールおよび縦幅ルールにおいて、画面サイズが閾値よりも小さい場合の領域サイズは、横幅は表示画面の横幅（画面横幅）の２５％、縦幅は表示画面の縦幅（画面縦幅）から上段のメッセージの表示領域に対して割り当てられた領域サイズの縦幅（メッセージ縦幅）を引いた残りの縦幅の１／２に設定されている。
【００４９】
さらに、ルールテーブル１１１において、マージン、間隔およびスクロールボタンのサイズが定義されている。ここで、マージンおよび間隔について説明する。図４は、図２−１に示す表示領域２２０の拡大図である。マージンとは、表示領域２２０の外枠とアイコン２２１〜２２３の外枠の間の幅であり、間隔とは、各アイコン２２１〜２２３の間の幅である。本実施の形態においては、マージンおよび間隔はいずれも１２ピクセルの固定値に設定されている。
【００５０】
図３に戻り、ルールテーブル１１１において、さらにスクロールによる省略表示時のスクロールボタンのサイズについても定義されている。本実施の形態においては、スクロールボタンの横幅は２４ピクセル、縦幅はアイテムの縦幅に設定されている。
【００５１】
なお、図３に示すルールテーブル１１１は、図２−１〜図２−３に示すコピートップページ２００に対するものであるが、記憶部１１０には、Ｗｅｂサーバ１００が生成するすべてのページに対するルールテーブルが記憶されている。
【００５２】
システム管理部１３２は、画像形成装置１の全体の状態を管理する。メモリ管理部１３３は、メモリ管理や後述のスキャナ１３７によりスキャンされたファイルデータの作成を行う。エンジン管理部１３４は、原稿の読み取りと印刷の制御を行う。ユーザ管理部１３５は、ユーザ認証やスキャナ送信先の管理を行う。プロッタ１３６は、印刷を行う装置である。スキャナ１３７は、読み取りを行う装置である。ＡＰＩ１４０は、コピーアプリ１３０およびスキャナアプリ１３１と、システム管理部１３２、メモリ管理部１３３、エンジン管理部１３４およびユーザ管理部１３５の間のインターフェースである。
【００５３】
図５および図６は、Ｗｅｂブラウザとしての操作端末２０または操作表示パネル１２０からＷｅｂサーバ１００に対し表示要求が送信された場合の画像形成システム１の処理を示すシーケンス図である。図５および図６には、コピートップページの表示要求が送信された場合を例に画像形成システム１の処理を示している。
【００５４】
図５に示すように、Ｗｅｂブラウザとしての操作端末２０または操作表示パネル１２０からコピートップページの表示要求のリクエストが送信されると（ステップＳ１００）、Ｗｅｂサーバ１００のリクエスト処理部１０１は、このリクエストを取得する。
【００５５】
図７−１は、ステップＳ１００においてＷｅｂブラウザから送信されるＨＴＴＰリクエストを示す図である。このＨＴＴＰリクエストのリクエストヘッダのＣｏｏｋｉｅフィールドには、要求元の機器の画面サイズの情報は含まれていない。
【００５６】
リクエスト処理部１０１は、図７−１に示すＨＴＴＰリクエストを取得すると、画面サイズ確認部１０４に対し、画面サイズ確認の問い合わせを行う（ステップＳ１０１）。画面サイズ確認部１０４は、ＨＴＴＰリクエストのＣｏｏｋｉｅフィールドに画面サイズ情報が含まれていないことを確認すると（ステップＳ１０２）、画面サイズを確認するためのＷｅｂページデータ（画面サイズ確認ページ）をリクエスト処理部１０１に返す（ステップＳ１０３）。リクエスト処理部１０１は、ステップＳ１０３において取得した画面サイズ確認ページを、コピートップページリクエストに対するレスポンスとして、表示要求の要求元のＷｅｂブラウザに返送する（ステップＳ１０４）。
【００５７】
図７−２は、ステップＳ１０４においてＷｅｂブラウザに返送される画面サイズ確認ページを示す図である。画面サイズ確認ページにおいては、図７−２に示すように、Ｃｏｏｋｉｅの画面サイズは空欄となっている。さらに、画面サイズ確認ページには、ＪａｖａＳｃｒｉｐｔ部が含まれている。ＪａｖａＳｃｒｉｐｔ部には、画面サイズを計算し、画面サイズをＣｏｏｏｋｉｅフィールドにセットする処理が記述されている。
【００５８】
図５に戻り、Ｗｅｂブラウザは、画面サイズ確認ページを取得すると、画面サイズ確認ページを解釈し、画面サイズ確認ページに記述されているＪａｖａＳｃｒｉｐｔ部（図７−２参照）を実行する（ステップＳ１０５）。ＪａｖａＳｃｒｉｐｔ部の実行により、Ｃｏｏｋｉｅに表示画面の画面サイズ情報がセットされ、Ｗｅｂブラウザから再びコピートップページの表示要求のリクエストがＷｅｂサーバ１００に送信される（ステップＳ１０６）。ステップＳ１０６において送信されるコピートップページのリクエストには、画面サイズ情報が含まれている。
【００５９】
図８−１は、ステップＳ１０６においてＷｅｂブラウザから送信されるリクエストを示す図である。このように、ステップＳ１０６において送信されるコピートップページのリクエストにおいては、Ｃｏｏｋｉｅフィールドに画面サイズ情報がセットされている。
【００６０】
図５に戻り、リクエスト処理部１０１は、コピートップページのリクエストを取得すると（ステップＳ１０６）、再び画面サイズ確認部１０４に対し、画面サイズ確認の問い合わせを行う（ステップＳ１０７）。画面サイズ確認部１０４は、リクエストのＣｏｏｋｉｅフィールドに画面サイズ情報が含まれていることを確認し（ステップＳ１０８）、リクエスト処理部１０１に対し、Ｃｏｏｋｉｅフィールドに含まれている画面サイズ情報を返す（ステップＳ１０９）。リクエスト処理部１０１は、画面サイズ情報を取得すると、コピートップページの生成要求をコピーページ生成部１０２に対して送出する（ステップＳ１１０）。
【００６１】
コピーページ生成部１０２は、現在のコピーアプリ１３０の状態（アプリ状態）を取得すべく、コピーアプリ１３０に問い合わせを行う（ステップ１１１）。ここで、アプリ状態としては、例えばコピー可能か否か、給紙トレイとしていずれのトレイが選択されているかなどの情報がある。コピーページ生成部１０２は、コピーアプリ１３０からアプリ状態の情報を取得すると（ステップＳ１１２）、アプリ状態を参照して、コピートップページのＨＴＭＬデータを生成する（ステップＳ１１３）。そして、コピーページ生成部１０２は、生成したコピートップページのＨＴＭＬデータをリクエスト処理部１０１に返す（ステップＳ１１４）。
【００６２】
リクエスト処理部１０１は、コピートップページのＨＴＭＬデータを取得すると、これをステップＳ１０６において取得したＷｅｂブラウザからのリクエストに対するレスポンスとしてＷｅｂブラウザに返送する（ステップＳ１１５）。
【００６３】
図８−２は、ステップＳ１１５においてＷｅｂブラウザに返送されるコピートップページのＨＴＭＬデータを示す図である。なお、図８−２に示すＨＴＭＬデータは、図２−１〜図２−３に示すコピートップページに対応する。
【００６４】
コピートップページのＨＴＭＬデータには、後述する処理であるＣＳＳファイルの読み込みやＪａｖａＳｃｒｉｐｔファイルの読み込みの指示、コピートップページに含まれる各表示領域と各表示領域に配置すべきアイテムなどが記述されている。なお、ＨＴＭＬデータにおいては、表示領域やアイテムのサイズや配置位置などのレイアウトに関する情報は定義されていない。
【００６５】
続いて、図６に示すように、Ｗｅｂブラウザは、コピートップページのＨＴＭＬデータを取得すると（ステップＳ１１５）、Ｗｅｂブラウザから取得したＨＴＭＬデータを解釈し（ステップＳ１１６）、ＨＴＭＬデータに記述されているＣＳＳファイル読込指示に基づいて、Ｗｅｂサーバ１００に対し、コピートップページ用ＣＳＳファイルをリクエストする（ステップＳ１１７）。
【００６６】
図９−１は、ステップＳ１１７においてＷｅｂブラウザから送信されるリクエストを示す図である。このように、ステップＳ１１７において送信されるリクエストにおいては、Ｃｏｏｋｉｅフィールドに画面サイズ情報がセットされている。
【００６７】
図６に戻り、リクエスト処理部１０１は、画面サイズ確認部１０４に対し、画面サイズ確認の問い合わせを行う（ステップＳ１１８）。画面サイズ確認部１０４は、Ｃｏｏｋｉｅフィールドに画面サイズ情報が含まれていることを確認し（ステップＳ１１９）、リクエスト処理部１０１に対し画面サイズ情報を返す（ステップＳ１２０）。
【００６８】
リクエスト処理部１０１は、画面サイズ情報を取得すると、コピートップページ用ＣＳＳファイルの生成要求をＣＳＳファイル生成部１０５に送出する（ステップＳ１２１）。ＣＳＳファイル生成部１０５は、コピーページ生成部１０２およびスキャナページ生成部１０３のうち、生成要求にかかるＷｅｂページに対応するページ生成部に対し、ＣＳＳファイル元データの取得要求を送出する（ステップＳ１２２）。図６の例においては、コピートップページに対応し、コピーページ生成部１０２に対してＣＳＳファイル元データの取得要求を送出する。コピーページ生成部１０２は、取得要求に応じてコピートップページ用ＣＳＳファイル元データをＣＳＳファイル生成部１０５に返す（ステップＳ１２３）。
【００６９】
次に、ＣＳＳファイル生成部１０５は、画面サイズとコピートップページ用ＣＳＳファイル元データに基づいて、ルールテーブル１１１を参照し、コピートップページ用ＣＳＳファイルデータを生成する（ステップＳ１２４）。なお、ＣＳＳファイルデータを生成する処理については、後に詳述する。
【００７０】
ＣＳＳファイル生成部１０５は、コピートップページ用ＣＳＳファイルデータをリクエスト処理部１０１に返す（ステップＳ１２５）。リクエスト処理部１０１は、コピートップページ用ＣＳＳファイルデータをステップＳ１１７におけるＷｅｂブラウザからのリクエストに対するレスポンスとしてＷｅｂブラウザに返送する（ステップＳ１２６）。
【００７１】
図９−２は、ステップＳ１２６においてＷｅｂブラウザに返送されるコピートップページ用ＣＳＳファイルデータの一例を示す図である。図９−２に示すＣＳＳファイルデータは、図２−１〜図２−３に示す標準サイズの表示画面に表示されるコピートップページに対応する。
【００７２】
図９−２に示すコピートップページ用ＣＳＳファイルデータにおいては、表示領域の領域サイズや、各アイテムのアイテムサイズ、配置位置などがレイアウトに関する情報が定義されている。
【００７３】
図６に戻り、Ｗｅｂブラウザは、ステップＳ１１６において取得したＨＴＭＬデータに記述されたＪａｖａＳｃｒｉｐｔファイル読込指示に基づいて、Ｗｅｂサーバ１００に対し、コピートップページ用ＪａｖａＳｃｒｉｐｔファイルをリクエストする（ステップＳ１２７）。
【００７４】
図１０−１は、ステップＳ１２７においてＷｅｂブラウザから送信されるリクエストを示す図である。このように、ステップＳ１２７において送信されるリクエストのＣｏｏｋｉｅフィールドには、画面サイズ情報がセットされている。
【００７５】
図６に戻り、リクエスト処理部１０１は、画面サイズ確認部１０４に対し、画面サイズ確認の問い合わせを行う（ステップＳ１２８）。画面サイズ確認部１０４は、Ｃｏｏｋｉｅフィールドに画面サイズ情報が含まれていることを確認し（ステップＳ１２９）、リクエスト処理部１０１に対し画面サイズ情報を返す（ステップＳ１３０）。
【００７６】
リクエスト処理部１０１は、画面サイズ情報を取得すると、コピートップページ用ＪａｖａＳｃｒｉｐｔファイルの生成要求をコピーページ生成部１０２に送出する（ステップＳ１３１）。コピーページ生成部１０２は、生成要求に応じて、予め記憶されているコピートップページ用ＪａｖａＳｃｒｉｐｔファイルをリクエスト処理部１０１に返す（ステップＳ１３２）。なお、各Ｗｅｂページ用のＪａｖａＳｃｒｉｐｔファイルは、Ｗｅｂページ作成者により作成され、コピーページ生成部１０２に予め記憶されているものとする。
【００７７】
リクエスト処理部１０１は、コピートップページ用ＪａｖａＳｃｒｉｐｔファイルをステップＳ１２７におけるＷｅｂブラウザからのリクエストに対するレスポンスとしてＷｅｂブラウザに返送する（ステップＳ１３３）。図１０−２は、ステップＳ１３３においてＷｅｂブラウザに返送されるコピートップページ用ＪａｖａＳｃｒｉｐｔファイルを示す図である。
【００７８】
Ｗｅｂブラウザは、ステップＳ１３３において取得したコピートップページ用ＪａｖａＳｃｒｉｐｔファイルを表示画面に表示する（ステップＳ１３４）。以上で、画像形成システム１の処理が完了する。
【００７９】
なお、他の例としては、操作標準パネル１２０から送信されるＷｅｂページのリクエストには常に画面サイズが含まれるように、予め設定されていてもよい。この場合には、Ｗｅｂブラウザが操作標準パネル１２０である場合には、図５を参照しつつ説明したステップＳ１００〜ステップＳ１０５の処理を省略し、ステップＳ１０６以降の処理によりＷｅｂページを表示することができる。
【００８０】
図１１および図１２は、図６において説明したＣＳＳファイル生成処理（ステップＳ１２４）におけるＣＳＳファイル生成部１０５の詳細な処理を示すフローチャートである。図１１に示すように、ＣＳＳファイル生成処理（ステップＳ１２４）においては、ＣＳＳファイル生成部１０５の領域サイズ決定部１０６は、まず画面サイズと第１閾値とを比較する。ここで、第１閾値は、標準サイズと同一の値または標準サイズより小さい値であり、予め設定された値である。
【００８１】
画面サイズが第１閾値よりも小さい場合には（ステップＳ２００，Ｙｅｓ）、ＣＳＳファイル生成部１０５の領域サイズ決定部１０６は、ルールテーブル１１１において、処理対象となる対象表示領域に対応付けられている横幅ルールおよび縦幅ルールに従い対象表示領域の領域サイズを決定する（ステップＳ２０１）。
【００８２】
次に、アイテムサイズ決定部１０７は、ステップＳ２０１において決定された領域サイズの対象表示領域に標準サイズのアイテムを配置した場合に、この対象表示領域に割り当てられているすべてのアイテムを対象表示領域内に配置可能か否かを確認する。具体的には、アイテムサイズ決定部１０７は、対象表示領域の領域サイズ、対象表示領域に割り当てられているアイテムの数、ルールテーブル１１１に記憶されているアイテムの標準サイズ、マージンおよび間隔に基づいて、対象表示領域へのアイテムの配置の可否を判断する。なお、対象表示領域に割り当てられているアイテム数については、コピーページ生成部１０２により生成されるＨＴＭＬデータに記載されている。
【００８３】
対象表示領域に割り当てられているすべてのアイテムを対象表示領域に配置可能な場合には（ステップＳ２０２，Ｙｅｓ）、アイテムサイズ決定部１０７は、アイテムサイズを標準サイズに決定する（ステップＳ２０３）。次に、Ｗｅｂページ生成部１０８は、対象表示領域に対し、この対象表示領域に割り当てられているすべてのアイテムを配置する（ステップＳ２０４）。ここで配置されるアイテムのアイテムサイズは、標準サイズである。
【００８４】
ステップＳ２０２において、象表示領域に割り当てられているすべてのアイテムを対象表示領域に配置できない場合（ステップＳ２０２，Ｎｏ）、すなわち、標準サイズのアイテムを配置するには対象表示領域の領域サイズが小さすぎる場合には、アイテムサイズ決定部１０７は、アイテムサイズを最小サイズに決定する（ステップＳ２１０）。
【００８５】
次に、Ｗｅｂページ生成部１０８は、ステップＳ２０１において決定された領域サイズの対象表示領域にアイテムサイズが最小サイズまで縮小されたアイテムを配置した場合に、この対象表示領域に割り当てられているすべてのアイテムを対象表示領域内に配置可能か否かを確認する。具体的には、Ｗｅｂページ生成部１０８は、対象表示領域に割り当てられているアイテムの数と、ルールテーブル１１１に記憶されているアイテムの最小サイズ、マージンおよび間隔に基づいて、対象表示領域へのアイテムの配置の可否を判断する。
【００８６】
対象表示領域に割り当てられているすべてのアイテムを対象表示領域に配置可能な場合には（ステップＳ２１１，Ｙｅｓ）、Ｗｅｂページ生成部１０８は、対象表示領域に対し、この対象表示領域に割り当てられているすべてのアイテムを配置する（ステップＳ２１２）。ここで配置されるアイテムのアイテムサイズは、最小サイズである。
【００８７】
ステップＳ２１１において、アイテムサイズを最小サイズに縮小しても、対象表示領域に割り当てられているすべてのアイテムを対象表示領域に配置できない場合には（ステップＳ２１１，Ｎｏ）、Ｗｅｂページ生成部１０８は、ルールテーブル１１１を参照し、対象表示領域に対応付けられている省略方法にしたがい、対象表示領域の表示方法をポップアップ画面表示またはスクロール表示に決定する（ステップＳ２１３）。そして、対象表示領域のアイテムをポップアップ画面またはスクロール画面に配置する。
【００８８】
以上、ステップ２０１〜ステップＳ２１３の処理を、Ｗｅｂページに含まれる各表示領域に対して行い（ステップＳ２１４，Ｎｏ）、Ｗｅｂページに含まれるすべての表示領域に対する処理が完了すると（ステップＳ２１４，Ｙｅｓ）、決定したサイズ、レイアウトのＣＳＳファイルを生成し（ステップＳ２１５）、処理が完了する。
【００８９】
このように、画面サイズが第１閾値よりも小さい場合には、画面サイズに応じて各表示領域を縮小し、各表示領域に配置するアイテムについても縮小する。しかし、アイテムについては、最小サイズを定め、最小サイズに縮小したアイテムであっても表示領域に配置できない場合には、これらのアイテムの表示方法をポップアップ画面表示またはスクロール表示と定めることとする。これにより、アイテムサイズが小さすぎて、アイテムの文字列の解読が困難になったり、アイテムの選択が困難になるのを防ぐことができる。
【００９０】
なお、ステップＳ２１２において、対象表示領域に最小サイズのアイテムを配置した場合に、マージンや間隔がルールテーブル１１１に定義されている値に比べて大きくなる場合には、項目サイズ決定部１０７は、対象表示領域にすべてのアイテムを配置可能な程度に最小サイズに比べて大きいアイテムサイズを決定してもよい。
【００９１】
ステップＳ２００において、画面サイズが第１閾値以上である場合には、領域サイズ決定部１０６は、画面サイズと第２閾値を比較する。ここで、第２閾値は、表示画面の標準サイズと同一の値または標準サイズよりも大きい値である。なお、第２閾値は、第１閾値に比べて大きい値であってもよく、また他の例としては、第１閾値と第２閾値とは同一の値（標準サイズと同一の値）であってもよい。
【００９２】
図１２に示すように、画面サイズが第２閾値よりも大きい場合には（ステップＳ２２０，Ｙｅｓ）、ＣＳＳファイル生成部１０５の領域サイズ決定部１０６は、ルールテーブル１１１を参照し、領域サイズを決定する（ステップＳ２２１）。
【００９３】
次に、アイテムサイズ決定部１０７は、対象表示領域に割り当てられているすべてのアイテムのアイテムサイズを標準サイズに決定する（ステップＳ２２２）。次に、Ｗｅｂページ生成部１０８は、対象表示領域に標準サイズのアイテムを配置した場合に、対象表示領域に割り当てられているすべてのアイテムを対象表示領域内に配置可能か否かを確認する。具体的には、アイテムサイズ決定部１０７は、対象表示領域の領域サイズ、対象表示領域に割り当てられているアイテムの数、ルールテーブル１１１に記憶されているアイテムの標準サイズ、マージンおよび間隔に基づいて、対象表示領域へのアイテムの配置の可否を判断する。
【００９４】
対象表示領域に割り当てられているすべてのアイテムを対象表示領域に配置可能な場合には（ステップＳ２２３，Ｙｅｓ）、Ｗｅｂページ生成部１０８は、対象表示領域に、この対象表示領域に割り当てられているすべてのアイテムを配置する（ステップＳ２２４）。ここで配置されるアイテムのアイテムサイズは、標準サイズである。
【００９５】
ステップＳ２２３において、対象表示領域に割り当てられているすべてのアイテムを対象表示領域に配置できない場合には（ステップＳ２２３，Ｎｏ）、ルールテーブル１１１を参照し、対象表示領域の表示方法をスクロールまたはポップアップ表示に決定する（ステップＳ２２５）。そして、対象表示領域のアイテムをポップアップ画面またはスクロール画面に配置する。
【００９６】
以上ステップＳ２２３〜ステップＳ２２５の処理をＷｅｂページに含まれる各表示領域に対して行い（ステップＳ２２６，Ｎｏ）、Ｗｅｂページに含まれるすべての表示領域に対する処理が完了すると（ステップＳ２２６，Ｙｅｓ）、ＣＳＳファイルを生成し（ステップＳ２１５）、処理が完了する。
【００９７】
このように、画面サイズが第２閾値よりも大きい場合には、画面サイズに応じて表示領域の領域サイズを大きくしつつ、各アイテムのアイテムサイズについては、標準サイズ以上には拡大しない。そして、これにより余白が生じた場合には、標準サイズの表示画面においてスクロール表示やポップアップ表示が設定されていたアイテムを余白に配置することとする。これにより、画面サイズが標準サイズよりも大きい場合には、スクロール操作やポップアップ表示のための操作を行うことなく、アイテムを一覧表示することが可能となる。
【００９８】
一方、ステップＳ２２０において、画面サイズが第２閾値以下である場合には（ステップＳ２２０，Ｎｏ）、領域サイズ決定部１０６は、Ｗｅｂページに含まれる各表示領域の領域サイズを標準サイズに決定し（ステップＳ２３０）、アイテムサイズ決定部１０７は、各アイテムのアイテムサイズを標準サイズに決定する（ステップＳ２３１）。そして、Ｗｅｂページ生成部１０８は、ＣＳＳファイルを生成し（ステップＳ２１５）、処理が完了する。
【００９９】
このように、画面サイズが第１閾値以上であり、かつ第２閾値以下である場合（ステップＳ２００，Ｎｏ、ステップＳ２２０，Ｎｏ）、画面サイズは標準サイズ程度のサイズである。そこで、標準サイズの表示画面に対して生成されたＷｅｂページのレイアウトを変更する必要がないので、ステップＳ２３０およびステップＳ２３１に示すように、標準サイズの表示画面に対してレイアウトされたＣＳＳファイルを生成する。
【０１００】
次に、画面サイズが標準サイズよりも小さい横幅４００ピクセル、縦幅２２５ピクセルの表示画面にコピートップページのＣＳＳファイルを生成する場合のＣＳＳファイル生成部１０５の具体的な処理について説明する。なお、この画面サイズは第１閾値よりも小さい値であるとする。
【０１０１】
ＣＳＳファイル生成部１０５は、まず、メッセージの表示領域を対象表示領域とし、メッセージの表示領域の領域サイズ、表示領域に含まれるアイテムのアイテムサイズを決定する。ルールテーブル１１１において、メッセージの表示領域の横幅は、画面サイズと同じと定義されている。これに従い、領域サイズ決定部１０６は、メッセージの表示領域の横幅を４００ピクセルに決定する。また、ルールテーブル１１１において、メッセージの表示領域の縦幅は、フォントサイズの１〜２倍と定義され、さらに、メッセージの表示領域のアイテムの最小サイズのフォントサイズは２５ドットと定義されている。これに基づいて、領域サイズ決定部１０６は、メッセージの表示領域の縦幅を２５ドットに決定する。なお、アイテムサイズ決定部１０７は、アイテムサイズを最小サイズに決定する。図１３は、この時点において決定された表示領域およびアイテムのサイズを示す図である。
【０１０２】
次に、ＣＳＳファイル生成部１０５は、カラーの表示領域を対象表示領域とし、カラーの表示領域の領域サイズ、表示領域に含まれるアイテムのアイテムサイズを決定する。ルールテーブル１１１において、カラーの表示領域の横幅は画面サイズの２５％と定義されている。これにしたがい、領域サイズ決定部１０６は、カラーの表示領域の横幅を１００ピクセルに決定する。さらに、領域サイズ決定部１０６は、カラーの表示領域の縦幅については、ルールテーブル１１１のカラーの表示領域の縦幅の「（２２５−２５）／２」の定義にしたがいカラーの表示領域の縦幅を１００ピクセルに決定する。
【０１０３】
図８−２に示すＷｅｂページのＨＴＭＬデータにおいて、カラーの表示領域には、３つのアイテムが割り当てられている。しかしながら、図１４に示すように、アイテムサイズを最小サイズに縮小しても、カラーの表示領域３２０内に３つのアイテム３２１〜３２３を配置することができない。そこで、Ｗｅｂページ生成部１０８は、ルールテーブル１１１に定義されている省略方法にしたがい、ポップアップ画面を表示するようにアイテムをレイアウトする。
【０１０４】
さらに、図８−２に示すＷｅｂページのＨＴＭＬデータにおいて、カラー設定に対してフィードバックメッセージアイテムが定義されている。Ｗｅｂページ生成部１０８は、これにしたがい、フィードバックメッセージアイテムを表示領域３２０に配置する。ここで、フィードバックメッセージアイテムとは、ユーザにフィードバックを通知するためのメッセージアイテムである。図１５は、カラーの表示領域３２０のレイアウトを示す図である。カラーの表示領域３２０には、「フルカラー」、「自動カラー選択」および「白黒」のアイコン３２１〜３２３は配置されず、これらに替えて、フィードバックメッセージ３２４と、ポップアップ画面を呼び出すための呼出ボタン３２５が縦方向に並んで配置されている。このように、カラーの表示領域３２０に配置するアイテムを２つにすることにより、表示領域３２０の縦幅１００ピクセル内にアイテムを配置することができる。
【０１０５】
表示領域３２０の横幅から左右のマージン１２ピクセルずつを引くと、７６ピクセルになる。これはルールテーブル１１１の横幅ルールに適合する。したがって、アイテムサイズ決定部１０８は、アイテムサイズを最小サイズに決定する。フォントサイズについては、２５ドットでは大きすぎてはみ出てしまう。そこで、アイテムサイズ決定部１０８は、フォントサイズを最小の１５ドットに決定する。フォントサイズについては、以下の表示領域についても同様である。図１６は、この時点において決定された表示領域およびアイテムのサイズを示す図である。
【０１０６】
次に、ＣＳＳファイル生成部１０５は、原稿種類の表示領域を対象表示領域とし、ルールテーブル１１１を参照し、原稿種類の表示領域の領域サイズ、表示領域に含まれるアイテムのアイテムサイズを決定する。
【０１０７】
続いて、ＣＳＳファイル生成部１０５は、トレイの表示領域を対象表示領域とし、ルールテーブル１１１を参照し、表示領域の領域サイズ、表示領域に含まれるアイテムのアイテムサイズを決定する。
【０１０８】
ルールテーブル１１１において、トレイの表示領域の横幅は、画面サイズの７５％と定義されている。これにしたがい、領域サイズ決定部１０６は、トレイの表示領域の横幅を３００ピクセルに決定する。トレイの表示領域の縦幅については、ルールテーブル１１１の定義から「（２２５−２５）／４＝５０」または「（２２５−２５）／３＝６７」となるが、トレイの表示領域に配置されるアイテムの最小縦幅が３２ピクセルと定義されており、上下のマージンを考慮すると５０ピクセルの縦幅にアイテムを配置することができない。そこで、領域サイズ決定部１０６は、トレイの表示領域の縦幅を６７ピクセルに決定する。
【０１０９】
さらに、図８−２に示すＨＴＭＬデータにおいて、トレイの表示領域には、６つのアイテムが割り当てられている。しかしながら、アイテムの横幅は最小値が５０ピクセルであり、マージンと間隔のスペースを考慮した場合に、表示領域の横幅３００ピクセルに６つのアイテムを配置することができない。そこで、Ｗｅｂページ生成部１０８は、ルールテーブル１１１を参照し、トレイの表示領域の表示方法をスクロール表示に決定する。そして、図１７−１に示すように、スクロールボタン３４７をトレイの表示領域３４０の右端に配置する。なお、スクロールボタン３４７の横幅は２４ピクセルに決定され、縦幅は他のアイテムと同じ６７ピクセルに決定される。
【０１１０】
トレイの表示領域３４０の横幅からスクロールボタン３４７の横幅、マージンおよび間隔を除くと、トレイの表示領域３４０に本来割り当てられているアイテムを配置可能な余白の横幅は２４０ピクセルとなる。この余白には最小サイズである５０ピクセルの横幅のアイテムであっても４つまでしか配置できない。そこで、Ｗｅｂページ生成部１０８は、４つのアイテム３４１〜３４４を横方向に並べて表示領域３４０に配置することとする。さらに、アイテムサイズ決定部１０７は、間隔を考慮し、アイテムサイズを最小サイズよりもできるだけ大きいサイズに変更する。すなわち、アイテムサイズ決定部１０７は、（２４０−１２×３）／４より、アイテムサイズを５１ピクセルに決定する。ここで、「１２×３」は間隔分の幅である。
【０１１１】
なお、トレイの表示領域３４０において、スクロールボタン３４７が選択された場合の表示領域３４０には、図１７−２に示すように、表示領域３４０の左端にスクロールボタン３４８が配置され、さらに残りのアイコン３４５，３４６が配置される。なお、図１７−２に示す表示領域３４０に配置されるスクロールボタン３４８およびアイコン３４５のサイズ等は、図１７−１に示す表示領域３４０に配置されるスクロールボタン３４７およびアイコン３４１〜３４４のサイズ等と等しい。
【０１１２】
なお、図１７−２に示す表示領域３４０においては、右側に余白が生じるため、アイコンの横幅をより大きくすることが可能である。しかし、図１７−１の表示領域３４０から図１７−２の表示領域３４０に画面遷移した場合に、閲覧者に違和感を抱かせないように、両者のアイコンの横幅は同一サイズに設定することとする。図１８は、この時点において決定された表示領域およびアイテムのサイズを示す図である。
【０１１３】
次に、ＣＳＳファイル生成部１０５は、変倍の表示領域を対象表示領域とし、表示領域の領域サイズ、表示領域に含まれるアイテムのアイテムサイズを決定する。ルールテーブル１１１において、変倍の表示領域の横幅は画面サイズの７５％または３７．５%と定義されている。したがって、領域サイズ決定部１０６は、変倍の表示領域の横幅を仮に３７．５％の１５０ピクセルに決定し、縦幅をトレイの表示領域と同様に６７ピクセルに決定する。アイテムの横幅については、アイテムサイズ決定部１０７は、図１９に示すように、変倍の表示領域３５０にポップアップ画面を表示するためのアイコン３５１と、フィードバックアイテム３５２を配置することとし、マージン、間隔を考慮して５７ピクセルに決定される。図２０は、この時点において決定された表示領域およびアイテムのサイズを示す図である。
【０１１４】
次に、ＣＳＳファイル生成部１０５は、印刷面の表示領域を対象表示領域とし、表示領域の領域サイズ、表示領域に含まれるアイテムのアイテムサイズを決定する。領域サイズ決定部１０６は、印刷面の表示領域に対し、変倍の表示領域と同様に、ルールテーブル１１１を参照し、横幅１５０ピクセル、縦幅６７ピクセルの領域サイズを決定する。
【０１１５】
図８−２に示すＨＴＭＬデータにおいて、印刷面の表示領域には、４つのアイテムが割り当てられている。しかしながら、アイテムサイズの最小サイズの横幅は７６ピクセルであり、表示領域に４つのアイテムを配置することができない。そこで、Ｗｅｂページ生成部１０８は、ルールテーブル１１１に定義されている省略方法に従い、ポップアップ画面を表示するように、アイテムをレイアウトする。
【０１１６】
なお、印刷面の設定に関しては、図８−２に示すＷｅｂページのＨＴＭＬデータにおいて、フィードバックメッセージは定義されていない。したがって、Ｗｅｂページ生成部１０８は、図２１に示すように、印刷面の表示領域３６０には、ポップアップ画面を表示するためのアイコン３６１のみを配置し、フィードバックアイテムは配置しない。図２２は、この時点において決定された表示領域およびアイテムのサイズを示す図である。
【０１１７】
次に、ＣＳＳファイル生成部１０５は、後処理の表示領域を対象表示領域とし、表示領域の領域サイズ、表示領域に含まれるアイテムのアイテムサイズを決定する。領域サイズ決定部１０６は、後処理の表示領域に対し、トレイの表示領域と同様に、ルールテーブル１１１を参照し、横幅３００ピクセル、縦幅６７ピクセルの領域サイズを決定する。しかしながら、画面サイズの縦幅に対し、余白は６６ピクセルしかない。そこで、領域サイズ決定部１０６は、表示領域の縦幅を６７ピクセルから６６ピクセルに変更する。アイテムサイズ決定部１０７は、トレイのアイテムと同様にアイテムサイズを決定する。
【０１１８】
ただし、図８−２に示すＨＴＭＬデータにおいて、後処理の表示領域には、８つのアイテムが割り当てられているのに対し、後処理のアイテムの最小サイズは６０ピクセルである。このため、表示領域には横方向に３つのアイテムしか表示することができない。また、スクロール表示においては、８つすべてのアイテムを表示するには、図２３−１〜図２３−３に示すような３つのスクロール画面が必要になる。この場合には、各スクロール画面には、２つのスクロールボタン３８１，３８２が配置される。また、２つのスクロールボタン３８１，３８２を配置することを考慮し、アイテムの横幅は最小サイズである６０ピクセルに決定される。
【０１１９】
また、アイテムサイズ決定部１０７は、表示領域３７０が６６ピクセルであることから、アイテムの縦幅を６６−１２×２＝４２（ピクセル）と決定する。これにより、図２３−１に示す第１ページには、３つのアイコン３７１〜３７３が配置され、図２３−２に示す第２ページには、３つのアイコン３７４〜３７６が配置され、図２３−３に示す第３ページには、２つのアイコン３７７，３７８が配置される。
【０１２０】
なお、スクロール表示においては、図２３−１〜図２３−３に示すように、常に左右にスクロールボタン３８１，３８２が表示されるが、図２３−１に示す第１ページにおいては、左にはスクロールできないのでスクロールボタン３８１は無効を示す表現としてグレーで表示されている。また図２３−３に示す第３ページにおいては、右にはスクロールできないのでスクロールボタン３８２は、グレーで表示されている。図２４は、この時点において決定された表示領域およびアイテムのサイズを示す図である。以上のように、すべての表示領域にすべてのアイテムを配置するとＣＳＳファイル生成部１０５の処理が終了する。
【０１２１】
図２５−１は、標準サイズよりも小さい画面サイズのＷｅｂブラウザから送信されるリクエストを示す図であり、図２５−２は、図２５−１に示すリクエストに対し、以上の処理により生成されたコピートップページのＣＳＳファイルを示す図である。
【０１２２】
図２６は、図２５−２に対応するコピートップページ３００の表示例を示す図である。このように、カラー、原稿種類、変倍および印刷面の表示領域３２０，３３０，３５０，３６０には、ポップアップ表示用のアイテムが表示されている。例えば、カラーの表示領域３２０には、フィードバックメッセージアイテム３２４と、ポップアップ画面の呼出ボタン３２５が表示され、原稿種類の表示領域３３０には、フィードバックメッセージアイテム３３１とポップアップ画面の呼出ボタン３３２が表示されている。また、給紙トレイおよび後処理の表示領域３４０，３７０には、アイテムがスクロール表示されている。
【０１２３】
図２７は、図２６に示すコピートップページ３００において、カラーの呼出ボタン３２５が選択された場合に表示されるポップアップ画面４００を示す図である。図２−１のコピートップページ２００においてカラーの表示領域２２０に表示されていた「フルカラー」、「自動カラー選択」、「白黒」の３つのアイコン４０１〜４０３は、このポップアップ画面４００に配置されている。なお、ポップアップ画面４００のＯＫボタン４０４が選択されると、このポップアップ画面４００が閉じて、図２６に示すコピートップページ３００に戻る。
【０１２４】
図２８は、図２６に示すコピートップページ３００において、ポップアップ画面の呼出ボタン３５１が選択された場合に表示されるポップアップ画面４１０を示す図である。図２−１のコピートップページ２００において、表示領域２５０に表示されていた５つのアイコン４１１〜４１５は、ポップアップ画面４１０に配置されている。
【０１２５】
図２９は、図２６に示すコピートップページ３００において、ポップアップ画面の呼出ボタン３３２が選択された場合に表示されるポップアップ画面４２０を示す図である。図２−１のコピートップページ２００において、表示領域２３０に表示されていた３つのアイコン４２１〜４２３は、ポップアップ画面４２０に配置されている。さらに、図２９に示すポップアップ画面４２０において、呼出ボタン４２３が選択されると、図３０に示すポップアップ画面４３０がさらに表示される。ポップアップ画面４３０には、３つのアイコン４３１〜４３３が表示されている。
【０１２６】
図２６〜図３０に示すポップアップ画面に表示されるアイテムのアイテムサイズは、いずれも基本的に標準サイズであるが、適宜最小サイズまで縮小可能である。例えば、図２８に示すポップアップ画面４１０に配置された変倍にかかるアイテムの縦幅の標準サイズは７５ピクセルである。しかしながら、７５ピクセルでは、２段にレイアウトできない場合には、図２８に示すように、アイテムの縦幅を５０ピクセルに縮小して表示する。なお、ポップアップ画面に配置されるアイコンやスクロールボタンのサイズ等については、ルールテーブル１１１にしたがって決定するものとする。
【０１２７】
なお、ポップアップ画面においても、表示領域に割り当てられているすべてのアイテムを配置できない場合には、ＣＳＳファイル生成部１０５は、図３１−１および図３１−２に示すように、ポップアップ画面４４０にスクロールボタン４４１，４４２を表示し、すべてのアイテムをスクロール表示するようなＣＳＳファイルを生成してもよい。また、他の例としては、ＣＳＳファイル生成部１０５は、図３２に示すように、Ｗｅｂページ４５０にブラウザのスクロールバー４５１，４５２を表示するようなＣＳＳファイルを生成してもよい。
【０１２８】
次に、画面サイズが標準サイズよりも大きい横幅１２００ピクセル、縦幅９００ピクセルの表示画面にコピートップページ２００のＣＳＳファイルを生成する場合のＣＳＳファイル生成部１０５の処理について説明する。なお、この画面サイズは、第２閾値よりも大きい値であるとする。
【０１２９】
図２−１〜図２−３に示す標準サイズのコピートップページ２００においては、後処理の表示領域２７０に、表示領域２７０に割り当てられている８つのアイテムを配置することができず、８つのアイテムはスクロール表示されていた。
【０１３０】
この後処理の表示領域に対する処理について説明する。ＣＳＳファイル生成部１０５の領域サイズ決定部１０６は、ルールテーブル１１１に定義された画面サイズの７５％にしたがい、表示領域の横幅を９００ピクセルに決定する。さらに、アイテムサイズ決定部１０７は、アイテムサイズを標準サイズに決定する。
【０１３１】
Ｗｅｂページ生成部１０８は、標準サイズよりも大きい領域サイズの表示領域に対して配置可能なアイテム数を計算する。マージン、間隔を考慮して、９００／（７５＋１２）＝１０より、１０個のアイテムを配置である。そこで、Ｗｅｂページ生成部１０８は、図３３に示すように、後処理の表示領域５７０に対し、スクロールボタンを表示することなく、８個のアイテム５７１〜５７８を配置する。これにより、スクロール操作を行うことなく、後処理のすべてのアイテムを同一画面に表示することができる。
【０１３２】
同様に、例えば図２−１〜図２−３に示す標準サイズのコピートップページ２００の原稿種類の表示領域２３０のように、ポップアップ画面にアイテムが配置されている表示領域に対しても、画面サイズが標準サイズよりも大きく、原稿種類の表示領域の領域サイズが拡大された場合には、すべてのアイテムを表示領域に一覧表示することができる。
【０１３３】
さらに、Ｗｅｂページ生成部１０８は、画面サイズが標準サイズよりも大きい場合には、図３４および図３５に示すように、表示領域に配置する文字列を長くする。
【０１３４】
例えば、Ｗｅｂページ生成部１０８は、図３４に示すように、標準サイズの表示画面に対して生成されたコピートップページ２００においては、アイテム２２２に「自動カラー選択」と表示されるのに対し、標準サイズよりも大きい画面サイズの表示画面に対して生成すべきコピートップページの、アイテム２２２に対応するアイテム５２２においては、「自動的にカラーを選択する」と表示する。
【０１３５】
また、Ｗｅｂページ生成部１０８は、図３５に示すように、標準サイズの表示画面に対して生成されたコピートップページ２００においては、表示領域２１０に「コピーできます」の文字列を表示するのに対し、標準サイズよりも大きい画面サイズの表示画面に対して生成されたコピートップページの、表示領域２１０に対応する表示領域５１０においては、「コピーできます」というタイトルの他に、「必要に応じて付加機能を選択してスタートを押してください」というタイトルに対する説明の文字列を表示する。
【０１３６】
なお、標準サイズよりも大きい画面サイズの表示画面に対する文字列については、図８−２に示すＨＴＭＬデータにおいて、標準サイズの表示画面に対する文字列とともに定義されており、Ｗｅｂページ生成部１０８により、いずれかの文字列が選択される。
【０１３７】
さらに、Ｗｅｂページ生成部１０８は、図３６に示すように、表示画面の画面サイズが標準サイズよりも大きい場合には、アイテムのフォントサイズを画面サイズが標準サイズの場合のフォントサイズに比べて大きくしてもよい。なお、図３６に示すアイテム２４１は、標準サイズの表示画面に対するコピートップページ２００に配置されるアイテムであり、アイテム５４１は、標準サイズよりも大きい画面サイズの表示画面に対するコピートップページに配置されるアイテムである。アイテム５４１のフォントサイズは、アイテム２４１のフォントサイズに比べて大きい。なお、フォントサイズについては、ＨＴＭＬデータまたはルールテーブル１１１において定義されているものとする。
【０１３８】
図３７−１は、標準サイズよりも大きい画面サイズのＷｅｂブラウザから送信されるリクエストを示す図であり、図３７−２は、図３７−１に示すリクエストに対し、上述の処理により生成されたコピートップページのＣＳＳファイルを示す図である。
【０１３９】
図３８は、図３７−２に対応する、標準サイズよりも大きい画面サイズの表示画面に対するコピートップページ５００の表示例を示す図である。図３８に示すコピートップページ５００においては、カラーの表示領域５２０のアイテム５２２には、標準サイズの表示画面に対するアイテム２２２に比べて長い文字列が表示されている。また、給紙トレイの表示領域５４０のアイテム５４１〜５４６のフォントは、標準サイズの表示画面の表示領域２４０のアイテムに対するフォントに比べて大きい。さらに、後処理の表示領域５７０には、表示領域５７０に割り当てられているすべてのアイテム５７１〜５７８が配置されている。
【０１４０】
さらに、他の例としては、Ｗｅｂページ生成部１０８は、図３９−１〜図３９−３に示すように、標準サイズの表示画面に対するＷｅｂページにおいては、文字列のみが表示されるアイテム５２１を、標準サイズよりも大きい画面サイズの表示画面に表示する場合には、文字列とアイコンが表示されるアイテム５２４，５２５に変更してもよい。図４０−１は、図３９−２に示すアイテム５２４が選択された場合のＣＳＳファイルを示す図である。図４０−２は、図３９−３に示すアイテム５２５が選択された場合のＣＳＳファイルを示す図である。
【０１４１】
なお、本実施の形態にかかるＷｅｂサーバ１００は、Ｗｅｂページの表示内容を定義するＨＴＭＬデータを生成し、さらに、ＨＴＭＬデータのレイアウト等を定義するＣＳＳファイルを生成したが、Ｗｅｂページの表示内容およびレイアウト等を定義するためのデータ形式は実施の形態に限定されるものではなく、他のデータ形式を用いてＷｅｂページの表示内容およびレイアウトを定義してもよい。
【０１４２】
（第２の実施の形態）
図４１は、第２の実施の形態にかかる画像形成システム２の全体構成を示す図である。画像形成システム２は、画像形成装置１１と、操作端末２０と、これらとネットワーク３を介して接続された外部Ｗｅｂサーバ６０とを備えている。画像形成装置１１のＷｅｂサーバ１５０のコピーページ生成部１５１およびスキャナページ生成部１５２は、ＷｅｂページのＨＴＭＬデータを生成する。
【０１４３】
外部Ｗｅｂサーバ６０は、リクエスト処理部６０１と、コピーページ生成部６０２と、スキャナページ生成部６０３と、ＣＳＳファイル生成部６０４と、記憶部６１０とを有している。ＣＳＳファイル生成部６０４は、領域サイズ決定部６０５と、アイテムサイズ決定部６０６と、Ｗｅｂページ生成部６０７とを有している。
【０１４４】
リクエスト処理部６０１は、操作端末２０または操作表示パネル１２０においてユーザから入力された情報に対応する表示要求等のリクエストを操作端末２０または操作表示パネル１２０から取得する。すなわち、リクエスト処理部１０１は取得部として機能する。リクエスト処理部１０１は、さらにリクエストのＵＲＬを参照し、ＵＲＬに応じてリクエストに応じた処理を下位モジュールであるコピーページ生成部６０２、スキャナページ生成部６０３、およびＣＳＳファイル生成部６０４のいずれかに対して指示する。
【０１４５】
コピーページ生成部６０２およびスキャナページ生成部６０３は、いずれもＣＳＳファイル元データを有している。コピーページ生成部６０２およびスキャナページ生成部６０３は、ＣＳＳファイルの生成およびＪａｖａＳｃｒｉｐｔファイルの送信を行う。
【０１４６】
すなわち、第２の実施の形態にかかる画像形成システム２においては、第１の実施の形態において、図５および図６を参照しつつ説明した処理において、ステップＳ１００〜ステップＳ１１５の処理をＷｅｂサーバ１５０が行い、ステップＳ１１７〜ステップＳ１３３の処理を外部Ｗｅｂサーバ６０が行う。
【０１４７】
図４２は、画像形成装置１１のコピーページ生成部１５１により生成されたＨＴＭＬデータの一例を示す図である。このように、ＨＴＭＬデータには、外部Ｗｅｂサーバ６０のファイルの参照指示が記載されている。これにより、Ｗｅｂブラウザは、図６に示すステップＳ１１７およびステップＳ１２７においては、外部Ｗｅｂサーバ６０に対してリクエストを送信することができる。
【０１４８】
このように、第２の実施の形態にかかる画像形成システム２によれば、画像形成装置１１においては、ＨＴＭＬデータの生成のみを行い、Ｗｅｂページのレイアウトに関するＣＳＳファイルの生成とＪａｖａＳｃｒｉｐｔについては、外部Ｗｅｂサーバ６０において生成するので、例えば新たな画面サイズに対応するＷｅｂページを生成する必要が生じた場合であっても、画像形成装置１１のＷｅｂサーバ１５０のソフトウェアの変更することなく、外部Ｗｅｂサーバ６０のソフトウェアのみを変更すればよい。
【０１４９】
なお、第２の実施の形態にかかる画像形成システム２のこれ以外の構成および処理は、第１の実施の形態にかかる画像形成システム１の構成および処理と同様である。
【０１５０】
なお、本実施の形態の画像形成装置で実行されるプログラムは、ＲＯＭ等に予め組み込まれて提供される。本実施の形態の画像形成装置で実行されるプログラムは、インストール可能な形式又は実行可能な形式のファイルでＣＤ−ＲＯＭ、フレキシブルディスク（ＦＤ）、ＣＤ−Ｒ、ＤＶＤ（Ｄｉｇｉｔａｌ  Ｖｅｒｓａｔｉｌｅ  Ｄｉｓｋ）等のコンピュータで読み取り可能な記録媒体に記録して提供するように構成してもよい。
【０１５１】
さらに、本実施の形態の画像形成装置で実行されるプログラムを、インターネット等のネットワークに接続されたコンピュータ上に格納し、ネットワーク経由でダウンロードさせることにより提供するように構成しても良い。また、本実施の形態の画像形成装置で実行されるプログラムをインターネット等のネットワーク経由で提供または配布するように構成しても良い。
【０１５２】
本実施の形態の画像形成装置で実行されるプログラムは、上述した各部（リクエスト処理部、コピーページ生成部、スキャナページ生成部、画面サイズ確認部、ＣＳＳファイル生成部）を含むモジュール構成となっており、実際のハードウェアとしてはＣＰＵ（プロセッサ）が上記ＲＯＭからプログラムを読み出して実行することにより上記各部が主記憶装置上にロードされ、各部が主記憶装置上に生成されるようになっている。
【０１５３】
なお、本発明の画像形成装置は、コピー機能、プリンタ機能、スキャナ機能およびファクシミリ機能のうち少なくとも２つの機能を有する複合機、複写機、プリンタ、スキャナ装置、ファクシミリ装置等の画像形成装置であればいずれにも適用することができる。
【符号の説明】
【０１５４】
１  画像形成システム
１０  画像形成装置
２０  操作端末
１００  Ｗｅｂサーバ
１０１  リクエスト処理部
１０２  コピーページ生成部
１０３  スキャナページ生成部
１０４  画面サイズ確認部
１０５  ＣＳＳファイル生成部
１０６  領域サイズ決定部
１０７  アイテムサイズ決定部
１０８  Ｗｅｂページ生成部
１１０  記憶部
１１１  ルールテーブル
１３０  コピーアプリ
１３１  スキャナアプリ
【先行技術文献】
【特許文献】
【０１５５】
【特許文献１】特開２０１０−２７７１２０号公報
【図１】
2013130964.tif 000003
【図２−１】
2013130964.tif 000004
【図２−２】
2013130964.tif 000005
【図２−３】
2013130964.tif 000006
【図３】
2013130964.tif 000007
【図４】
2013130964.tif 000008
【図５】
2013130964.tif 000009
【図６】
2013130964.tif 000010
【図７−１】
2013130964.tif 000011
【図７−２】
2013130964.tif 000012
【図８−１】
2013130964.tif 000013
【図８−２】
2013130964.tif 000014
【図９−１】
2013130964.tif 000015
【図９−２】
2013130964.tif 000016
【図１０−１】
2013130964.tif 000017
【図１０−２】
2013130964.tif 000018
【図１１】
2013130964.tif 000019
【図１２】
2013130964.tif 000020
【図１３】
2013130964.tif 000021
【図１４】
2013130964.tif 000022
【図１５】
2013130964.tif 000023
【図１６】
2013130964.tif 000024
【図１７−１】
2013130964.tif 000025
【図１７−２】
2013130964.tif 000026
【図１８】
2013130964.tif 000027
【図１９】
2013130964.tif 000028
【図２０】
2013130964.tif 000029
【図２１】
2013130964.tif 000030
【図２２】
2013130964.tif 000031
【図２３−１】
2013130964.tif 000032
【図２３−２】
2013130964.tif 000033
【図２３−３】
2013130964.tif 000034
【図２４】
2013130964.tif 000035
【図２５−１】
2013130964.tif 000036
【図２５−２】
2013130964.tif 000037
【図２６】
2013130964.tif 000038
【図２７】
2013130964.tif 000039
【図２８】
2013130964.tif 000040
【図２９】
2013130964.tif 000041
【図３０】
2013130964.tif 000042
【図３１−１】
2013130964.tif 000043
【図３１−２】
2013130964.tif 000044
【図３２】
2013130964.tif 000045
【図３３】
2013130964.tif 000046
【図３４】
2013130964.tif 000047
【図３５】
2013130964.tif 000048
【図３６】
2013130964.tif 000049
【図３７−１】
2013130964.tif 000050
【図３７−２】
2013130964.tif 000051
【図３８】
2013130964.tif 000052
【図３９−１】
2013130964.tif 000053
【図３９−２】
2013130964.tif 000054
【図３９−３】
2013130964.tif 000055
【図４０−１】
2013130964.tif 000056
【図４０−２】
2013130964.tif 000057
【図４１】
2013130964.tif 000058
【図４２】
2013130964.tif 000059