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