(57)【要約】【課題】ウェブページを表示する領域を従来よりも有効的に使用する。【解決手段】画像形成装置の状態を示す状態ページを第三のフレーム５３に表示する。さらに、画像形成装置に実行させる処理のメニューオブジェクト５３Ｍを状態ページの上に、クライアントから位置を通知された場合はこの位置に重ねて表示し、余白がある場合はこの余白に重ねて表示し、それ以外の場合は状態ページの中の一部分が隠れるオブジェクトの位置に重ねて表示する。【選択図】図１３
2015118584.tif 000002
【特許請求の範囲】
【請求項１】
ウェブサーバの機能を備える画像形成装置であって、
当該画像形成装置における状態を示す状態ページを表示するための状態ページデータを生成する状態ページデータ生成手段と、
当該画像形成装置に実行させる処理のメニューを前記状態ページに重ねて表示するためのメニューデータを、クライアントから位置を通知された場合は当該位置に重ねて表示されるように生成し、当該メニューを配置する余白が前記状態ページにある場合は当該余白に重ねて表示されるように生成し、それ以外の場合は前記状態ページの中の一部分が隠れるオブジェクトの位置に重ねて表示されるように生成する、メニューデータ生成手段と、
生成された前記状態ページデータと前記メニューデータとをクライアントへ送信する送信手段と、
を有することを特徴とする画像形成装置。
【請求項２】
ウェブサーバの機能を備える画像形成装置であって、
当該画像形成装置における状態を示す状態ページを表示するための状態ページデータを生成する生成手段と、
生成された前記状態ページデータと、当該画像形成装置に実行させる処理のメニューを前記状態ページの下部に重ねて表示するためのメニューデータとを、クライアントへ送信する、送信手段と、
を有することを特徴とする画像形成装置。
【請求項３】
ウェブサーバの機能を備える画像形成装置であって、
当該画像形成装置における状態を示す状態ページを表示するための状態ページデータを生成する状態ページデータ生成手段と、
当該画像形成装置に実行させる処理のメニューを前記状態ページの余白に重ねて表示するためのメニューデータを生成するメニューデータ生成手段と、
生成された前記状態ページデータと前記メニューデータとをクライアントへ送信する送信手段と、
を有することを特徴とする画像形成装置。
【請求項４】
ウェブサーバの機能を備える画像形成装置であって、
当該画像形成装置における状態を示す状態ページを表示するための状態ページデータを生成する状態ページデータ生成手段と、
当該画像形成装置に実行させる処理のメニューを前記状態ページの中の一部分が隠れるオブジェクトの位置に重ねて表示するためのメニューデータを生成するメニューデータ生成手段と、
生成された前記状態ページデータと前記メニューデータとをクライアントへ送信する送信手段と、
を有することを特徴とする画像形成装置。
【請求項５】
ウェブサーバの機能を備える画像形成装置であって、
当該画像形成装置における状態を示す状態ページを表示するための状態ページデータを生成する状態ページデータ生成手段と、
当該画像形成装置に実行させる処理のメニューを、前記状態ページのクライアントから通知された位置に重ねて表示するためのメニューデータを生成するメニューデータ生成手段と、
生成された前記状態ページデータと前記メニューデータとをクライアントへ送信する送信手段と、
を有することを特徴とする画像形成装置。
【請求項６】
前記状態ページは、当該画像形成装置が管理するドキュメントデータの一覧を示すページであり、
前記メニューは、前記ドキュメントデータを用いた処理を前記処理として示すメニューである、
請求項１ないし請求項５のいずれかに記載の画像形成装置。
【請求項７】
前記オブジェクトは、前記ドキュメントデータを選択するためのアイコンである、
請求項６に記載の画像形成装置
【請求項８】
画像形成装置における状態をクライアントに表示させる表示方法であって、
前記状態を示す状態ページを表示するための状態ページデータを生成し、
前記画像形成装置に実行させる処理のメニューを前記状態ページに重ねて表示するためのメニューデータを、前記クライアントから位置を通知された場合は当該位置に重ねて表示されるように生成し、当該メニューを配置する余白が前記状態ページにある場合は当該余白に重ねて表示されるように生成し、それ以外の場合は前記状態ページの中の一部分が隠れるオブジェクトの位置に重ねて表示されるように生成し、
生成された前記状態ページデータおよび前記メニューデータに基づいて前記クライアントにおいて、前記状態ページを、前記メニューを重ねて表示させる、
ことを特徴とする表示方法。
【請求項９】
ウェブサーバの機能を備える画像形成装置に用いられるコンピュータプログラムであって、
前記画像形成装置に、
前記画像形成装置における状態を示す状態ページを表示するための状態ページデータを生成する第一の生成処理を実行させ、
前記画像形成装置に実行させる処理のメニューを前記状態ページに重ねて表示するためのメニューデータを、クライアントから位置を通知された場合は当該位置に重ねて表示されるように生成し、当該メニューを配置する余白が前記状態ページにある場合は当該余白に重ねて表示されるように生成し、それ以外の場合は前記状態ページの中の一部分が隠れるオブジェクトの位置に重ねて表示されるように生成する、第二の生成処理を実行させ、
生成した前記状態ページデータと前記メニューデータとを前記クライアントへ送信する送信処理を実行させる、
ことを特徴とするコンピュータプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画像形成装置が提供するウェブページを表示する技術に関する。
【背景技術】
【０００２】
近年、コピー、スキャナ、ファックス、ネットワークプリンタ、およびドキュメントサーバなどの機能が備わった、複合機またはＭＦＰ（Multi Function Peripherals）などと呼ばれる画像形成装置が普及している。
【０００３】
画像形成装置には、さらに、ウェブサーバの機能が備わるようになった。そして、画像形成装置の状態を示すウェブページ、「ボックス」または「パーソナルボックス」と呼ばれる記憶領域に記憶されたドキュメントデータを管理するためのウェブページ、アドレス帳を管理するためのウェブページなどを配信するようになった。ユーザは、端末装置のウェブブラウザによってこれらのウェブページへアクセスし、種々の事項を確認したり種々の処理を画像形成装置に行わせたりすることができる。
【０００４】
従来、ウェブページを複数のフレームを組み合わせて構成することができる（特許文献１、２）。
【０００５】
複数のフレームを組み合わせることによって、例えば、次のようなウェブページを構成することができる。
【０００６】
ウェブページを、メインのフレームである第一のフレームおよびサブのフレームである第二のフレームによって構成する。第一のフレームに、ボックスに記憶されているドキュメントデータの一覧を表示する。第二のフレームに、ドキュメントデータに対する処理（例えば、印刷、送信、アップロードなど）のメニューを表示する。
【０００７】
そして、ユーザが第一のフレームの中からドキュメントデータを選択し第二のフレームの中から処理を選択すると、画像形成装置は、選択されたドキュメントデータに対して、選択された処理を実行する。
【先行技術文献】
【特許文献】
【０００８】
【特許文献１】特開２０１１−９０３８４号公報
【特許文献２】特開平１０−１７１７５５号公報
【発明の概要】
【発明が解決しようとする課題】
【０００９】
しかし、メニューのためにフレームを用意しておくと、メニューをユーザに提示する必要のないときに、このフレームための表示領域が無駄になってしまう。
【００１０】
本発明は、このような問題点に鑑み、ウェブページを表示する領域を従来よりも有効的に使用することを目的とする
【課題を解決するための手段】
【００１１】
本発明の一形態に係る画像形成装置は、ウェブサーバの機能を備える画像形成装置であって、当該画像形成装置における状態を示す状態ページを表示するための状態ページデータを生成する状態ページデータ生成手段と、当該画像形成装置に実行させる処理のメニューを前記状態ページに重ねて表示するためのメニューデータを、クライアントから位置を通知された場合は当該位置に重ねて表示されるように生成し、当該メニューを配置する余白が前記状態ページにある場合は当該余白に重ねて表示されるように生成し、それ以外の場合は前記状態ページの中の一部分が隠れるオブジェクトの位置に重ねて表示されるように生成する、メニューデータ生成手段と、生成された前記状態ページデータと前記メニューデータとをクライアントへ送信する送信手段と、を有する。
【発明の効果】
【００１２】
本発明によると、ウェブページを表示する領域を従来よりも有効的に使用することができる。
【図面の簡単な説明】
【００１３】
【図１】ネットワークシステムの全体的な構成の例を示す図である。
【図２】画像形成装置の外観および内部の例を示す図である。
【図３】画像形成装置のハードウェア構成の例を示す図である。
【図４】ウェブサーバアプリケーションによって実現される機能的構成の例を示す図である。
【図５】端末装置のハードウェア構成の例を示す図である。
【図６】ウェブブラウザによって実現される機能的構成の例を示す図である。
【図７】基礎ページに重畳レイヤを重ね合わせる例を示す図である。
【図８】トップページの形態の例を示す図である。
【図９】トップページの形態の例を示す図である。
【図１０】トップページの形態の例を示す図である。
【図１１】位置決定処理の流れの例を説明するフローチャートである。
【図１２】第三のフレームにおけるオブジェクトの配置の例を示す図である。
【図１３】トップページの形態の例を示す図である。
【図１４】トップページとウェブページ表示領域との位置関係の例を示す図である。
【図１５】トップページの形態の例を示す図である。
【図１６】端末装置における全体的な処理の流れの例を説明するフローチャートである。
【図１７】画像形成装置における全体的な処理の流れの例を説明するフローチャートである。
【発明を実施するための形態】
【００１４】
図１は、ネットワークシステム１００の全体的な構成の例を示す図である。図２は、画像形成装置１の外観および内部の例を示す図である。図３は、画像形成装置１のハードウェア構成の例を示す図である。図４は、ウェブサーバアプリケーション１０ＷＳによって実現される機能的構成の例を示す図である。図５は、端末装置２のハードウェア構成の例を示す図である。図６は、ウェブブラウザ２０ＷＢによって実現される機能的構成の例を示す図である。
【００１５】
図１に示すように、ネットワークシステム１００は、画像形成装置１、端末装置２、および通信回線ＮＷなどによって構成される。画像形成装置１と端末装置２とは、通信回線ＮＷを介して通信を行うことができる。通信回線ＮＷとして、公衆回線、専用線、インターネット、またはいわゆるＬＡＮ（Local Area Network）回線などが用いられる。
【００１６】
画像形成装置１は、一般にＭＦＰ（Multi Function Peripherals）または複合機と呼ばれる画像処理装置であって、コピー、ＰＣプリント（ネットワークプリンティング）、ファックス、スキャン、およびボックスなどの機能を集約した装置である。
【００１７】
ボックス機能は、ユーザごとに「ボックス」または「パーソナルボックス」などと呼ばれる記憶領域を与えておき、各ユーザが自分の記憶領域によって文書データ（ドキュメントデータ）を保存し管理するための機能である。ボックスは、パーソナルコンピュータにおける「フォルダ」または「ディレクトリ」に相当する。
【００１８】
図２または図３に示すように、画像形成装置１は、ＣＰＵ（Central Processing Unit）１０ａ、ＲＡＭ（Random Access Memory）１０ｂ、ＲＯＭ（Read Only Memory）１０ｃ、大容量記憶装置１０ｄ、スキャンユニット１０ｅ、ＮＩＣ（Network Interface Card）１０ｆ、モデム１０ｇ、接続インタフェースボード１０ｈ、プリントユニット１０ｉ、後処理装置１０ｊ、および操作パネルユニット１０ｋなどによって構成される。
【００１９】
スキャンユニット１０ｅは、用紙に記されている写真、文字、絵、図表などの画像を読み取って画像データを生成する。具体的には、スキャンユニット１０ｅは、イメージセンサ１０ｅ１、ＡＤＦ（Auto Document Feeder）１０ｅ２、読取用スリット１０ｅ３、およびプラテンガラス１０ｅ４などによって構成される。
【００２０】
ＡＤＦ１０ｅ２は、セットされた用紙を１枚ずつ読取用スリット１０ｅ３へ搬送する。すると、イメージセンサ１０ｅ１は、用紙が読取用スリット１０ｅ３を通過する際に、用紙から画像を読み取り、画像の電子データを生成する。また、ユーザがプラテンガラス１０ｅ４に原稿をセットした場合は、イメージセンサ１０ｅ１は、プラテンガラス１０ｅ４を走査することによって、用紙から画像を読み取り、画像の電子データを生成する。
【００２１】
ＮＩＣ１０ｆは、ＴＣＰ／ＩＰ（Transmission Control Protocol/Internet Protocol）などのプロトコルによって端末装置２などの装置と通信を行う。
【００２２】
モデム１０ｇは、固定電話網を介してＧ３などのプロトコルによってファックス端末と通信を行う。
【００２３】
接続インタフェースボード１０ｈは、周辺機器を画像形成装置１に接続するための装置である。接続インタフェースボード１０ｈとして、例えば、ＵＳＢ（Universal Serial Bus）ボードまたはＩＥＥＥ（Institute of Electrical and Electronics Engineers）１３９４ボードなどが用いられる。
【００２４】
プリントユニット１０ｉは、スキャンユニット１０ｅによって読み取られた画像、または、ＮＩＣ１０ｆ、モデム１０ｇ、もしくは接続インタフェースボード１０ｈを介して入力された画像を、用紙に印刷する。具体的には、プリントユニット１０ｉは、エンジン部１０ｉ１、給紙トレイ１０ｉ２、大容量給紙タンク１０ｉ３、および用紙搬送機構１０ｉ４などによって構成される。
【００２５】
給紙トレイ１０ｉ２は、１つまたは複数、プリントユニット１０ｉに設けられている。それぞれに、所定のサイズの用紙（白紙）が格納される。大容量給紙タンク１０ｉ３にも、所定のサイズの用紙（白紙）が格納されるが、給紙トレイ１０ｉ２よりも容量が大きい。よって、通常、最もよく使用されるサイズの用紙が格納される。
【００２６】
用紙搬送機構１０ｉ４は、給紙トレイ１０ｉ２または大容量給紙タンク１０ｉ３から用紙を１枚ずつエンジン部１０ｉ１へ搬送する。エンジン部１０ｉ１は、用紙に画像を印刷する。そして、用紙搬送機構１０ｉ４は、画像が印刷された用紙を排紙トレイまたはビンへ搬出する。なお、後処理（ステープルで綴じる処理またはパンチ穴を開ける処理など）が必要な場合は、画像が印刷された用紙を後処理装置１０ｊへ搬送する。
【００２７】
後処理装置１０ｊは、画像が印刷された１枚または複数の用紙に対して、適宜、上述の後処理を施す。
【００２８】
操作パネルユニット１０ｋは、ユーザインタフェースのユニットであって、ハードキーパネル１０ｋ１、液晶ディスプレイ（ＬＣＤ：Liquid Crystal Display）１０ｋ２、およびタッチパネル１０ｋ３などによって構成される。
【００２９】
ハードキーパネル１０ｋ１は、テンキー、スタートキー、ストップキー、リセットキー、電源キー、およびファンクションキーなどのキーによって構成される入力装置である。これらのキーは、液晶ディスプレイ１０ｋ２に表示されるキー（いわゆるソフトウェアキー）と区別するために、一般に、「ハードキー」または「ハードウェアキー」と呼ばれることがある。
【００３０】
液晶ディスプレイ１０ｋ２には、ユーザへのメッセージを示す画面、処理の結果を示す画面、またはユーザが画像形成装置１に対して指示もしくは条件を入力するための画面などが表示される。
【００３１】
タッチパネル１０ｋ３は、液晶ディスプレイ１０ｋ２の表示面の全体を覆うように固定的に設けられており、タッチされた位置を検知し、メインＣＰＵ１０ａにその位置を通知する。タッチパネル１０ｋ３として、例えば、静電容量方式のタッチパネル、表面弾性波方式のタッチパネル、または電磁誘導方式のタッチパネルなどが用いられる。
【００３２】
ＲＯＭ１０ｃまたは大容量記憶装置１０ｄには、上述のコピーおよびＰＣプリントなどの機能を実現するためのプログラムが記憶されている。さらに、ウェブサーバアプリケーション１０ＷＳが記憶されている。ウェブサーバアプリケーション１０ＷＳは、ユーザが端末装置２のウェブブラウザによって遠隔的に画像形成装置１を操作するためのウェブページを提供するアプリケーションである。
【００３３】
ウェブサーバアプリケーション１０ＷＳによると、図４に示すリクエスト受付部１０１、基礎ソースコード生成部１０２、メニュー位置決定部１０３、重畳レイヤソースコード生成部１０４、ウェブページファイル生成部１０５、ウェブページファイル送信部１０６、およびジョブ実行部１０７などの機能が実現される。
【００３４】
これらのプログラムは、必要に応じてＲＡＭ１０ｂにロードされ、ＣＰＵ１０ａによって実行される。大容量記憶装置１０ｄとして、ハードディスクドライブまたはＳＳＤ（Solid State Drive）などが用いられる。
【００３５】
図１に戻って、端末装置２は、画像形成装置１が提供する種々のサービスをユーザが遠隔的に使用するためのクライアントである。端末装置２として、パーソナルコンピュータ、スマートフォン、またはタブレットコンピュータなどが用いられる。以下、端末装置２としてノート型のパーソナルコンピュータが用いられる場合を例に説明する。
【００３６】
端末装置２は、図５に示すように、ＣＰＵ２０ａ、ＲＡＭ２０ｂ、ＲＯＭ２０ｃ、大容量記憶装置２０ｄ、液晶ディスプレイ２０ｅ、キーボード２０ｆ、ポインティングデバイス２０ｇ、およびＮＩＣ２０ｈなどによって構成される。
【００３７】
大容量記憶装置２０ｄには、画像形成装置１のサービスを使用するためのプログラムとして、ドライバおよびウェブブラウザ２０ＷＢなどが記憶されている。これらのプログラムは、必要に応じてＲＡＭ２０ｂにロードされ、ＣＰＵ２０ａによって実行される。
【００３８】
ウェブブラウザ２０ＷＢによると、図６に示す対ウェブサーバリクエスト部２０１、レスポンス受付部２０２、ウェブページ表示部２０３、およびメニュー位置記憶部２０４などの機能が実現される。なお、ウェブブラウザ２０ＷＢとして、既存のウェブブラウザを用いることができる。足りない機能については、アドインなどによって実現することができる。
【００３９】
以下、図４のウェブサーバアプリケーション１０ＷＳおよび図６のウェブブラウザ２０ＷＢについて説明する。
【００４０】
〔各部の機能〕
図７は、基礎ページ３Ａに重畳レイヤ３Ｂを重ね合わせる例を示す図である。
【００４１】
ウェブサーバアプリケーション１０ＷＳとウェブブラウザ２０ＷＢとは、ＨＴＴＰ（Hypertext Transfer Protocol）などのプロトコルに基づいてリクエストおよびレスポンスなどのデータのやり取りを行う。
【００４２】
また、ウェブサーバアプリケーション１０ＷＳおよびウェブブラウザ２０ＷＢは、ＣＳＳ（Cascading Style Sheets）の仕様に対応している。したがって、図７のように基礎のウェブページの上にボタンなどのオブジェクトからなるレイヤを重ねて、１つのウェブページとして取り扱うことができる。以下、基礎のウェブページを「基礎ページ３Ａ」と記載し、これに重ねられるレイヤを「重畳レイヤ３Ｂ」と記載する。
【００４３】
ウェブブラウザ２０ＷＢにおいて、対ウェブサーバリクエスト部２０１は、ユーザが行った操作に応じて画像形成装置１に対してＨＴＴＰリクエストを送信する。
【００４４】
ウェブサーバアプリケーション１０ＷＳにおいて、リクエスト受付部１０１は、ウェブブラウザ２０ＷＢからのＨＴＴＰリクエストを受け付ける。
【００４５】
基礎ソースコード生成部１０２ないしジョブ実行部１０７は、受け付けられたＨＴＴＰリクエストに応じた処理を実行する。
【００４６】
基礎ソースコード生成部１０２は、基礎ページ３Ａの構造および内容を示すソースコード６Ａを生成する。メニュー位置決定部１０３および重畳レイヤソースコード生成部１０４は、重畳レイヤ３Ｂの構造および内容を示すソースコード６Ｂを生成する。生成の仕方は、後述する。
【００４７】
ウェブページファイル生成部１０５は、生成されたソースコード６Ａまたはソースコード６Ｂなどを用いて、ウェブページを表示するためのファイル（以下、「ウェブファイル７」と記載する。）を生成する。ウェブファイル７は、１つのウェブページにつき１つであることもあれば、複数であることもある。主たるウェブファイル７は、スクリプトが記述されたファイル（いわゆるスクリプトファイル）である。そのほか、適宜、ウェブファイル７として、画像ファイルまたは動画ファイルなどが用いられる。スクリプトファイルは、ＨＴＭＬ（Hypertext Markup Language）、ＣＳＳ、またはＪａｖａＳｃｒｉｐｔ（登録商標）などによって記述される。
【００４８】
ウェブページファイル送信部１０６は、生成されたウェブファイル７をＨＴＴＰレスポンスとして端末装置２へ送信する。
【００４９】
ジョブ実行部１０７は、ドキュメントの印刷またはドキュメントデータの移動などのジョブを実行する。
【００５０】
端末装置２において、レスポンス受付部２０２は、ウェブサーバアプリケーション１０ＷＳからのＨＴＴＰレスポンスを受け付ける。
【００５１】
ウェブページ表示部２０３は、ＨＴＴＰリクエストとしてウェブファイル７が受け付けられた場合に、ウェブファイル７に基づいてウェブページを液晶ディスプレイ２０ｅに表示させる。
【００５２】
メニュー位置記憶部２０４は、重畳レイヤ３Ｂの中のオブジェクトの位置に関する情報を記憶する。この情報の使い方は、後述する。
【００５３】
〔基礎ページに重畳レイヤを重ねたウェブページを表示する処理の手順〕
図８〜図１０は、トップページ５の形態の例を示す図である。図１１は、位置決定処理の流れの例を説明するフローチャートである。図１２は、第三のフレーム５３におけるオブジェクトの配置の例を示す図である。図１３は、トップページ５の形態の例を示す図である。
【００５４】
次に、画像形成装置１のボックスに記憶されているドキュメントデータをユーザが端末装置２から遠隔的に使用する場合を例に、ウェブサーバアプリケーション１０ＷＳおよびウェブブラウザ２０ＷＢの各部の処理の手順を説明する。
【００５５】
ユーザは、端末装置２のキーボード２０ｆまたはポインティングデバイス２０ｇを操作してウェブブラウザ２０ＷＢを起動させ、所定のウェブページのＵＲＬ（Uniform Resource Locator）を指定する。本例では、画像形成装置１のトップページ５（図８参照）のＵＲＬを指定する。
【００５６】
すると、端末装置２において、対ウェブサーバリクエスト部２０１は、このＵＲＬに基づいて画像形成装置１のトップページ５を画像形成装置１に対してリクエストする。
【００５７】
画像形成装置１において、リクエスト受付部１０１は、端末装置２からのリクエストを受け付ける。
【００５８】
基礎ソースコード生成部１０２は、リクエストに基づいて、予め用意されているデータを適宜編集することによって、初期状態のトップページ５の基礎ページ３Ａのソースコードを生成する。
【００５９】
図８に示すように、トップページ５は、第一のフレーム５１、第二のフレーム５２、および第三のフレーム５３に分かれている。したがって、基礎ソースコード生成部１０２は、基礎ページ３Ａのソースコード６Ａとして、トップページ５の全体の構造を示すソースコードおよび各フレームに埋め込むウェブページのソースコードを生成する。なお、コントロールバー２０ＷＢａは、ウェブブラウザ２０ＷＢを操作するためのものであり、ウェブページを表示する領域（以下、「ウェブページ表示領域」と記載する。）ではない。
【００６０】
図８に示す通り、デフォルトでは、第二のフレーム５２および第三のフレーム５３には、何も配置されない。したがって、ここでは、基礎ソースコード生成部１０２は、ソースコード６Ａとして、トップページ５の全体の構造を示すソースコードおよび第一のフレーム５１に埋め込むウェブページのソースコードを生成する。
【００６１】
また、トップページ５には、重畳レイヤ３Ｂがない。したがって、第一のメニュー位置決定部１０３および重畳レイヤソースコード生成部１０４は、ここでは、処理を行わない。
【００６２】
ウェブページファイル生成部１０５は、基礎ソースコード生成部１０２によって生成されたソースコード６Ａをファイル化することによって、ウェブファイル７を生成する。ウェブページに写真またはイラストなどの画像が配置される場合は画像ファイルを用意するが、初期状態においてトップページ５にはこれらの画像が１つもないので、ここでは、画像ファイルを用意しない。
【００６３】
ウェブページファイル送信部１０６は、生成されたウェブファイル７をレスポンスとして端末装置２へ送信する。
【００６４】
端末装置２において、レスポンス受付部２０２は、画像形成装置１からウェブファイル７をレスポンスとして受け付ける。
【００６５】
ウェブページ表示部２０３は、ウェブファイル７に基づいてトップページ５を液晶ディスプレイ２０ｅに表示させる。
【００６６】
トップページ５において、第一のフレーム５１には、複数のボタン５１Ｔａ〜５１Ｔｅが配置されている。ユーザは、ボックスの管理に対応するボタン５１Ｔｃを選択する。
【００６７】
すると、対ウェブサーバリクエスト部２０１は、ボタン５１Ｔｃに対応付けられているウェブページを画像形成装置１に対してリクエストする。
【００６８】
画像形成装置１において、リクエスト受付部１０１がリクエストを受け付けると、基礎ソースコード生成部１０２は、リクエストに基づいて、予め用意されているデータを適宜編集することによって、ソースコード６Ａとして、ボックスの操作を行うためのウェブページのソースコードを生成する。
【００６９】
この時点でも、重畳レイヤ３Ｂを重ねないので、メニュー位置決定部１０３および重畳レイヤソースコード生成部１０４は、処理を行わない。
【００７０】
ウェブページファイル生成部１０５は、生成されたソースコード６Ａをファイル化することによってウェブファイル７を生成し、ウェブページファイル送信部１０６は、これをレスポンスとして端末装置２へ送信する。
【００７１】
端末装置２において、レスポンス受付部２０２がウェブファイル７を受け付けると、ウェブページ表示部２０３は、ウェブファイル７に基づいて第二のフレーム５２を、図９のように、ボックスの操作用のボタン５２Ｔａ〜５２Ｔｄが配置されるように更新する。ここで、ユーザは、ボタン５２Ｔａを選択する。
【００７２】
すると、対ウェブサーバリクエスト部２０１は、ボタン５２Ｔａに対応付けられているファイルを画像形成装置１に対してリクエストする。
【００７３】
画像形成装置１において、リクエスト受付部１０１がリクエストを受け付けると、基礎ソースコード生成部１０２は、リクエストに基づいて、画像形成装置１に設けられているボックスをチェックすることによって、ボックスを選択するためのウェブページのソースコードをソースコード６Ａとして生成する。
【００７４】
この時点でも、重畳レイヤ３Ｂを重ねないので、メニュー位置決定部１０３および重畳レイヤソースコード生成部１０４は、処理を行わない。
【００７５】
ウェブページファイル生成部１０５は、生成されたソースコード６Ａをファイル化することによってウェブファイル７を生成し、ウェブページファイル送信部１０６は、これをレスポンスとして端末装置２へ送信する。
【００７６】
端末装置２において、レスポンス受付部２０２がウェブファイル７を受け付けると、ウェブページ表示部２０３は、ウェブファイル７に基づいて第三のフレーム５３を、図１０のように、各ボックスのボックス名からなるボックスリスト５３Ｓが配置されるように更新する。ここで、ユーザは、開きたいボックスのボックス名を選択する。
【００７７】
すると、対ウェブサーバリクエスト部２０１は、選択されたボックス名のボックスに保存されているファイル（ドキュメントデータ）の一覧のウェブページを画像形成装置１に対してリクエストする。このウェブページの設定データ６７がメニュー位置記憶部２０４に保存されている場合がある。この場合は、さらに、設定データ６７を画像形成装置１へ送信する。設定データ６７は、メニューオブジェクト５３Ｍの位置を示している。なお、メニューオブジェクト５３Ｍは、ドキュメントデータに対する処理を選択するための複数のボタンからなるオブジェクトである（図１２参照）。
【００７８】
画像形成装置１において、リクエスト受付部１０１がリクエストを受け付けると、基礎ソースコード生成部１０２は、リクエストに基づいて、そのボックスに保存されているドキュメントデータを検索するなどして、ソースコード６Ａとして、ドキュメントデータそれぞれのアイコン（操作ボタン）およびデータ名（ファイル名）を示すウェブページのソースコードを生成する。
【００７９】
ドキュメントデータの一覧を表示する際に、重畳レイヤ３Ｂを重ねる。そこで、メニュー位置決定部１０３および重畳レイヤソースコード生成部１０４は、次の処理を実行する。
【００８０】
メニュー位置決定部１０３は、図１１に示す手順で、重畳レイヤ３Ｂにおけるメニューオブジェクト５３Ｍの位置を決定する。
【００８１】
設定データ６７が受信された場合は（＃８０１でＹｅｓ）、メニュー位置決定部１０３は、設定データ６７に示される位置をメニューオブジェクト５３Ｍの位置に決定する（＃８０２）。
【００８２】
設定データ６７が受信されなかった場合は（＃８０１でＮｏ）、メニュー位置決定部１０３は、基礎ソースコード生成部１０２によって生成されたソースコード６Ａに基づいて、このソースコード６Ａによって第三のフレーム５３に再現されるウェブページの下部に、メニューオブジェクト５３Ｍを配置できるスペース（余白）があるか否かをチェックする（＃８０３）。
【００８３】
例えば図１２（Ａ）のようにスペースがある場合は（＃８０４でＹｅｓ）、メニュー位置決定部１０３は、このスペースの位置を、メニューオブジェクト５３Ｍの位置に決定する（＃８０５）。なお、メニューオブジェクト５３Ｍの位置は、重畳レイヤ３Ｂの下端からの高さおよび左端からの距離によって表わされる。
【００８４】
一方、例えば図１２（Ｂ）のようにスペースがない場合は（＃８０４でＮｏ）、メニュー位置決定部１０３は、第三のフレーム５３に再現されるウェブページの中の、ユーザにとって有効でない領域（以下、「非有効領域」と記載する。）を判別する（＃８０５）。
【００８５】
図１２（Ｂ）の中の上から４行目は、アイコンの一部分が現われているがファイル名が現われていない。したがって、どのドキュメントデータのアイコンなのかを判別することがユーザにとって困難である。そこで、メニュー位置決定部１０３は、このようなアイコンおよびファイル名の配置される領域を、非有効領域であると判別する。
【００８６】
そして、メニュー位置決定部１０３は、非有効領域の位置を、メニューオブジェクト５３Ｍの位置に決定する（＃８０６）。
【００８７】
なお、トップページ５がスクロールすると非有効領域が移動する。この場合は、適宜、メニューオブジェクト５３Ｍの位置を変更する。変更の仕方は、後述する。
【００８８】
重畳レイヤソースコード生成部１０４は、決定した位置にメニューオブジェクト５３Ｍがされるように重畳レイヤ３Ｂのソースコード６Ｂを生成する。
【００８９】
ウェブページファイル生成部１０５は、生成されたソースコード６Ｂをファイル化することによってウェブファイル７Ｂを生成する。生成されたソースコード６Ａに、このウェブファイル７Ｂを呼び出すためのコードを埋め込んでファイル化することによって、ウェブファイル７Ａを生成する。さらに、各アイコンの画像ファイル７Ｃを、所定のディレクトリから読み出すなどして用意する。
【００９０】
ウェブページファイル送信部１０６は、ウェブファイル７Ａ、７Ｂおよび画像ファイル７Ｃをウェブファイル７として端末装置２へ送信する。
【００９１】
端末装置２において、レスポンス受付部２０２がウェブファイル７を受け付けると、ウェブページ表示部２０３は、ウェブファイル７に基づいて第三のフレーム５３をドキュメントごとのアイコンおよびファイル名などが配置されるように更新する。さらに、図７に示したように、重畳レイヤ３Ｂを重ねる。これにより、図１３のようにトップページ５が更新される。
【００９２】
トップページ５が更新されたら、ユーザは、処理の対象のドキュメントデータのアイコンを選択し、処理に対応するボタンをメニューオブジェクト５３Ｍの中から選択する。
【００９３】
すると、対ウェブサーバリクエスト部２０１は、選択されたアイコンに対応するドキュメントデータおよびボタンに対応する処理を画像形成装置１へ通知することによって、リクエストを行う。
【００９４】
画像形成装置１において、リクエスト受付部１０１が端末装置２からの通知（リクエスト）を受け付けると、ジョブ実行部１０７は、この通知に基づいてドキュメントに関する処理を実行する。例えば、端末装置２から「ｒｅｐｏｒｔ０１」および「印刷」が通知された場合は、「ｒｅｐｏｒｔ０１」というドキュメントデータをボックスから読み出し、このドキュメントデータのドキュメント（書類）が用紙に印刷されるようにプリントユニット１０ｉなどを制御する。
【００９５】
図１４は、トップページ５とウェブページ表示領域との位置関係の例を示す図である。図１５は、トップページ５の形態の例を示す図である。
【００９６】
ところで、第三のフレーム５３をより具体的に説明すると、図１４に示すように、第三のフレーム５３には、タイトル５３Ｈが上部に配置され、その下に点線で示すテーブル５３Ｌが配置される。なお、点線は、説明のために記したものであって、液晶ディスプレイ２０ｅには表示されない。テーブル５３Ｌは、４×Ｎ個のセルからなり、１つのセルに１つのドキュメントデータのアイコンおよびファイル名が配置される。
【００９７】
ボックスに多数のドキュメントデータが保存されている場合は、これらのアイコンなどが第三のフレーム５３に一度に収まらないことがある。このような場合は、ウェブブラウザ２０ＷＢは、図１５に示すように、これらのドキュメントデータのうちの一部のドキュメントデータのアイコンなどを表示させる。そして、ユーザがスクロールバー２０ＷＢｂの操作を行うと、これに応じてトップページ５をスクロールさせ、残りのドキュメントデータのアイコンなどを順次、表示させる。つまり、図１４に一点鎖線で示すウェブページ表示領域に入れるトップページ５の部分を変更する。
【００９８】
トップページ５がスクロールすると、非有効領域の位置が変わる。そこで、メニューオブジェクト５３Ｍの縦方向の位置を変更する処理が次のように行われる。
【００９９】
対ウェブサーバリクエスト部２０１は、重畳レイヤ３Ｂが表示されている際にトップページ５を上下にスクロールさせる操作が行われると、スクロールの方向および距離（量、画素数）とウェブページ表示領域の現在の高さとを画像形成装置１へ通知する。
【０１００】
リクエスト受付部１０１が通知を受け付けると、メニュー位置決定部１０３は、次のように重畳レイヤ３Ｂにおけるメニューオブジェクト５３Ｍの位置を決定する。
【０１０１】
メニュー位置決定部１０３は、次の（１）式を満たす値ＤＨの最大値を算出する。
（ＳＴ＋ＳＨ）≧（ＡＨ＋ＴＨ＋ＤＨ）  ……  （１）
ただし、図１４に示すように、値ＳＴは、トップページ５の上端からウェブページ表示領域の上端までの距離である。これは、端末装置２から通知された上下方向のスクロールの距離によって決まる。値ＳＣは、ウェブページ表示領域の高さであって、端末装置２から通知される。値ＡＨは、第一のフレーム５１の高さである。値ＴＨは、第二のフレーム５２の上端からテーブル５３Ｌの上端までの距離である。値ＡＨおよび値ＴＨは、ソースコード６Ａより知ることができる。値ＤＨは、テーブル５３Ｌにおける縦方向のセルの個数と１つのセルの高さとの積である。１つのセルの高さも、ソースコード６Ａより知ることができる。
【０１０２】
メニュー位置決定部１０３は、値ＤＨの最大値を算出し、次の（２）式のＤＨに代入することによって値ＭＨを算出する。図１４の例の場合は、最大値は「５」である。
ＭＨ＝（ＳＴ＋ＳＨ）−（ＡＨ＋ＴＨ＋ＤＨ）  ……  （２）
そして、メニュー位置決定部１０３は、算出した値ＭＨを、メニューオブジェクト５３Ｍの縦方向の位置に決定する。この位置は、一部分が隠れているオブジェクト（アイコンまたはドキュメント名）の位置になることが多い。
【０１０３】
重畳レイヤソースコード生成部１０４は、新たに決定した位置にメニューオブジェクト５３Ｍがされるように重畳レイヤ３Ｂのソースコード６Ｂを生成する。
【０１０４】
ウェブページファイル生成部１０５は、生成されたソースコード６Ｂをファイル化することによってウェブファイル７Ｂを生成する。
【０１０５】
ウェブページファイル送信部１０６は、生成されたウェブファイル７Ｂを端末装置２へ送信する。
【０１０６】
端末装置２において、レスポンス受付部２０２がウェブファイル７Ｂを受信すると、ウェブページ表示部２０３は、古い重畳レイヤ３Ｂの代わりに、ウェブファイル７Ｂに基づいて新たな重畳レイヤ３Ｂを表示し直す。
【０１０７】
以上の処理によって、メニューオブジェクト５３Ｍの位置が変更される。なお、（１）式および（２）式は、第三のフレーム５３にドキュメントデータの一覧を表示させる当初においても（図１１のステップ＃８０６）、使用することができる。
【０１０８】
ユーザは、メニューオブジェクト５３Ｍをドラッグするなどして、メニューオブジェクト５３Ｍの位置を変更することができる。この場合は、次のように処理が行われる。
【０１０９】
対ウェブサーバリクエスト部２０１は、ドラッグの方向および距離を画像形成装置１へ通知する。
【０１１０】
画像形成装置１において、リクエスト受付部１０１が通知を受け付けると、メニュー位置決定部１０３は、メニューオブジェクト５３Ｍの現在の位置および通知された内容に基づいて、メニューオブジェクト５３Ｍの位置を決定する。例えば、現在の位置が（Ｐｘ，Ｐｙ）であり、通知された方向および距離がそれぞれ上方向およびＬである場合は、（Ｐｘ，Ｐｙ＋Ｌ）に決定する。
【０１１１】
以下、スクロールの場合と同様に、重畳レイヤソースコード生成部１０４は、新たに決定した位置にメニューオブジェクト５３Ｍがされるように重畳レイヤ３Ｂのソースコード６Ｂを生成し、ウェブページファイル生成部１０５は、これをファイル化することによってウェブファイル７Ｂを生成する。ウェブページファイル送信部１０６は、ウェブファイル７Ｂを端末装置２へ送信する。そして、端末装置２において、ウェブファイル７Ｂが受信されると、ウェブページ表示部２０３は、古い重畳レイヤ３Ｂの代わりにウェブファイル７Ｂに基づいて新たな重畳レイヤ３Ｂを表示し直す。
【０１１２】
メニュー位置記憶部２０４は、メニューオブジェクト５３Ｍの位置を示す設定データ６７が記憶される。設定データ６７として、例えば、Ｃｏｏｋｉｅが用いられる。そして、次回、メニューオブジェクト５３Ｍを表示する際に、画像形成装置１へ通知される。
【０１１３】
なお、設定データ６７に基づいてメニューオブジェクト５３Ｍが表示された場合は、その後、ドラッグが行われたらメニューオブジェクト５３Ｍの位置を変更するが、トップページ５がスクロールしても位置を変更しないのが望ましい。
【０１１４】
図１６は、端末装置２における全体的な処理の流れの例を説明するフローチャートである。図１７は、画像形成装置１における全体的な処理の流れの例を説明するフローチャートである。
【０１１５】
次に、画像形成装置１および端末装置２それぞれにおけるメニューオブジェクト５３Ｍの表示に関する全体的な処理の流れを、フローチャートを参照しながら説明する。
【０１１６】
図１６において、端末装置２は、ボックスリスト５３Ｓ（図１０参照）の中からボックス名が選択されると、選択されたボックス名のボックスに保存されているドキュメントデータの一覧のウェブページを画像形成装置１に対してリクエストする（＃８０１）。この際に、設定データ６７を有していれば（＃８０２）、設定データ６７を画像形成装置１へ送信する（＃８０３）。
【０１１７】
リクエストに対するレスポンスとしてウェブファイル７Ａ、７Ｂ、および画像ファイル７Ｃを受信すると（＃８０４）、図１３に示したように、これらに基づいて第三のフレーム５３を更新するとともに重畳レイヤ３Ｂを重ねて表示する（＃８０５）。
【０１１８】
ユーザがトップページ５のスクロールの操作を行うと（＃８０６でＹｅｓ）、スクロールの方向および距離などを画像形成装置１へ通知する（＃８０７）。そして、新しいウェブファイル７Ｂを受信し（＃８０８）、これに基づいて、古い重畳レイヤ３Ｂに代えて新しい重畳レイヤ３Ｂを表示する（＃８０９）。これにより、スクロールに応じてメニューオブジェクト５３Ｍが移動する。
【０１１９】
または、ユーザがドラッグするなどして任意の位置へメニューオブジェクト５３Ｍを移動させようとすると（＃８１０でＹｅｓ）、端末装置２は、その方向および距離を画像形成装置１へ通知する（＃８１１）。そして、新しいウェブファイル７Ｂを受信し（＃８１２）、これに基づいて、古い重畳レイヤ３Ｂに代えて新しい重畳レイヤ３Ｂを表示する（＃８１３）。これにより、ユーザの希望する位置へメニューオブジェクト５３Ｍが移動する。さらに、移動後のメニューオブジェクト５３Ｍの位置を示す設定データ６７を記憶する（＃８１４）。なお、古い設定データ６７があれば、これを削除する。
【０１２０】
図１７において、画像形成装置１は、ボックスに保存されているドキュメントデータの一覧のウェブページをリクエストされると（＃８２１）、メニューオブジェクト５３Ｍの位置を決定する（＃８２２）。リクエストの際に、設定データ６７が送信されてくる場合がある。そして、メニューオブジェクト５３Ｍを配置した重畳レイヤ３Ｂのウェブファイル７Ｂを生成し、一覧のウェブページのウェブファイル７Ａを生成し、アイコン用の画像ファイル７Ｃを生成する（＃８２３）。なお、位置の決定の仕方は、前に図１１で説明した通りである。そして、画像形成装置１は、生成した各ファイルを端末装置２へ送信する（＃８２４）。
【０１２１】
その後、端末装置２からスクロールに関する通知を受信した場合は（＃８２５でＹｅｓ）、メニューオブジェクト５３Ｍの位置を決定し直し（＃８２６）、ウェブファイル７Ｂを生成し直して端末装置２へ送信する（＃８２７、＃８２８）。
【０１２２】
または、端末装置２からドラッグに関する通知を受信した場合は（＃８２９でＹｅｓ）、メニューオブジェクト５３Ｍの位置を決定し直し（＃８３０）、ウェブファイル７Ｂを生成し直して端末装置２へ送信する（＃８３１、＃８３２）。
【０１２３】
本実施形態によると、メニュー用のフレームがなくてもメニューオブジェクト５３Ｍを表示することができるので、ウェブページ表示領域を従来よりも有効的に使用することができる。
【０１２４】
本実施形態では、メニューオブジェクト５３Ｍの位置をウェブサーバアプリケーション１０ＷＳによって算出したが、ウェブブラウザ２０ＷＢによって算出してもよい。
【０１２５】
重畳レイヤ３Ｂを、ユーザの操作に応じて非表示にしたり、再度、表示したりしてもよい。表示と非表示との切換は、切換用のボタンを用意しておきユーザがこれを操作するごとに行ってもよい。または、最後（直近）に操作したフレームをユーザがロングタップするごとに行ってもよい。または、スクロールの操作が始まったら行ってもよい。または、デフォルトでは非表示にしておき、ユーザがいずれかのアイコンを選択したら表示してもよい。
【０１２６】
メニューオブジェクト５３Ｍを第三のフレーム５３の下部の余白に配置した場合は、トップページ５がスクロールしても、ウェブページ表示領域に対するメニューオブジェクト５３Ｍの位置を固定しておいてもよい。または、余白の有無に関わらず、下部に表示させてもよい。または、下部以外の余白に表示させてもよい。
【０１２７】
本実施形態では、画像形成装置１の状態として、画像形成装置１が管理するドキュメントデータの一覧を表示させたが、画像形成装置１の消耗品の状態を表示させてもよいし、画像形成装置１が管理するアドレス帳を表示させてもよい。この場合は、メニューオブジェクト５３Ｍの代わりに、それぞれに応じたメニューのメニューオブジェクトを表示させる。
【０１２８】
本実施形態では、ソースコード６ＢがＣＳＳに準拠している場合を例に説明したが、ＸＨＴＭＬまたはＪａｖａＳｃｒｉｐｔなどに準拠している場合にも、本発明を適用することができる。
【０１２９】
本実施形態では、一部分が隠れるオブジェクト（アイコンまたはドキュメント名）の位置を、上述の（１）式および（２）式によって算出したが、他の方法で算出してもよい。例えば、各オブジェクトの位置と、トップページ５の中の、ウェブページ表示領域に現在表示されている部分との、位置関係に基づいて算出してもよい。一部分が隠れるオブジェクトが１つもない場合は、表示されているオブジェクトのうちの、下から２段目のオブジェクトの直ぐ下にメニューオブジェクト５３Ｍを配置すればよい。
【０１３０】
その他、ネットワークシステム１００、画像形成装置１、端末装置２の全体または各部の構成、処理内容、処理順序、画面の構成などは、本発明の趣旨に沿って適宜変更することができる。
【符号の説明】
【０１３１】
１  画像形成装置
１０２  基礎ページソースコード生成部（状態ページデータ生成手段）
１０３  メニュー位置決定部（メニューデータ生成手段）
１０４  重畳レイヤソースコード生成部（メニューデータ生成手段）
１０５  ウェブページファイル生成部（状態ページデータ生成手段、メニューデータ    １０６  ウェブページデータ送信部（送信手段）
生成手段）
２  端末装置（クライアント）
６Ａ  ソースコード（状態ページデータ）
６Ｂ  ソースコード（メニューデータ）
７Ａ  ウェブファイル（状態ページデータ）
７Ｂ  ウェブファイル（メニューデータ）
【図１】
2015118584.tif 000003
【図２】
2015118584.tif 000004
【図３】
2015118584.tif 000005
【図４】
2015118584.tif 000006
【図５】
2015118584.tif 000007
【図６】
2015118584.tif 000008
【図７】
2015118584.tif 000009
【図８】
2015118584.tif 000010
【図９】
2015118584.tif 000011
【図１０】
2015118584.tif 000012
【図１１】
2015118584.tif 000013
【図１２】
2015118584.tif 000014
【図１３】
2015118584.tif 000015
【図１４】
2015118584.tif 000016
【図１５】
2015118584.tif 000017
【図１６】
2015118584.tif 000018
【図１７】
2015118584.tif 000019