JP6365492B2 - ウェブコンテンツ表示システム、画像形成装置、ウェブページ提供方法、およびコンピュータプログラム - Google Patents

Description

本発明は、画像形成装置へリモートアクセスしている端末装置へウェブコンテンツを提供する技術に関する。

コピー、ネットワークプリント、ファックス、スキャン、およびファイルサーバなどの機能を集約した画像形成装置が普及している。このような画像形成装置は、「複合機」または「ＭＦＰ（Multi Function Peripherals）」などと呼ばれている。

近年、画像形成装置のディスプレイが大型化しかつ解像度が向上している。さらに、画像形成装置にウェブブラウザが備えられるようになった。

それに伴い、画像形成装置に固有の機能または状態に連動した動的なウェブコンテンツをサーバ側の対応によって供給する技術が提案されている（特許文献１）。さらに、操作パネルに表示可能なデータに変換して供給する技術が、提案されている（特許文献２）。

特開２００９−２３８２３２号公報 特開２００８−１３９９８１号公報

また、スマートフォンのような小型の携帯型の端末装置によって画像形成装置へリモートアクセスし、画像形成装置を遠隔的に操作することができるようになった。

リモートアクセスの技術によると、画像形成装置のウェブブラウザを端末装置によって使用することができる。

しかし、端末装置によって画像形成装置のウェブブラウザを使用する場合に、従来の方法では、取得したウェブページなどのウェブコンテンツが見にくくなってしまうことがある。

本発明は、このような課題に鑑み、スマートフォンなどの小型のディスプレイを有する端末装置から画像形成装置へリモートアクセスしてユーザがウェブコンテンツを閲覧する場合に、従来よりも好適にウェブコンテンツが表示されるようにすることを、目的とする。

本発明の一形態に係るウェブコンテンツ表示システムは、端末装置からリモートアクセスすることができる画像形成装置と、前記画像形成装置へウェブコンテンツを提供するサーバと、を有するウェブコンテンツ表示システムであって、前記画像形成装置に、ディスプレイと、前記ディスプレイの表示を制御するとともに、前記ディスプレイに表示させる画像を前記端末装置に表示させるために当該画像の画像データを当該端末装置へ送信する表示制御手段と、前記端末装置の属性に関する第一の属性情報を取得する属性情報取得手段と、前記端末装置からリモートアクセスされていない場合は当該画像形成装置の属性に関する第二の属性情報を前記サーバへ通知し、リモートアクセスされている場合は前記第一の属性情報を前記サーバへ通知することによって、前記ウェブコンテンツを取得する、ウェブコンテンツ取得手段と、取得された前記ウェブコンテンツに基づく画像を生成する、ブラウザ手段と、が設けられ、前記サーバに、前記ウェブコンテンツとして、前記画像形成装置から通知された前記第一の属性情報または前記第二の属性情報に応じた形態のウェブコンテンツを前記画像形成装置へ送信する、ウェブコンテンツ送信手段、が設けられ、前記表示制御手段は、記端末装置からリモートアクセスされていない場合は、前記ブラウザ手段によって生成された、前記第二の属性情報に対応する前記ウェブコンテンツに基づく画像を前記ディスプレイに表示させ、リモートアクセスされている場合は、前記ブラウザ手段によって生成された、前記第一の属性情報に対応する前記ウェブコンテンツに基づく画像の前記画像データを前記端末装置へ送信し、前記ウェブコンテンツ取得手段は、前記端末装置からリモートアクセスされなくなった場合に、前記ウェブコンテンツとして、前記第二の属性情報に対応しかつ直前に当該端末装置に表示させていたウェブコンテンツである端末ウェブコンテンツを、当該第二の属性情報を前記サーバへ通知することによって取得し、前記表示制御手段は、前記端末装置からリモートアクセスされなくなった場合に、前記ブラウザ手段によって生成された、前記端末ウェブコンテンツに基づく画像を前記ディスプレイに表示させる。
本発明の一形態に係る画像形成装置は、端末装置からリモートアクセスすることができる画像形成装置であって、ディスプレイと、前記ディスプレイの表示を制御するとともに、前記ディスプレイに表示させる画像を前記端末装置に表示させるために当該画像の画像データを当該端末装置へ送信する表示制御手段と、前記端末装置の属性に関する第一の属性情報を取得する属性情報取得手段と、前記端末装置からリモートアクセスされていない場合は当該画像形成装置の属性に関する第二の属性情報をサーバへ通知し、リモートアクセスされている場合は前記第一の属性情報を当該サーバへ通知することによって、ウェブコンテンツを取得する、ウェブコンテンツ取得手段と、取得された前記ウェブコンテンツに基づく画像を生成する、ブラウザ手段と、が設けられ、前記表示制御手段は、前記端末装置からリモートアクセスされていない場合は、前記ブラウザ手段によって生成された、前記第二の属性情報に対応する前記ウェブコンテンツに基づく画像を前記ディスプレイに表示させ、リモートアクセスされている場合は、前記ブラウザ手段によって生成された、前記第一の属性情報に対応する前記ウェブコンテンツに基づく画像の前記画像データを前記端末装置へ送信し、前記ウェブコンテンツ取得手段は、前記端末装置からリモートアクセスされなくなった場合に、前記ウェブコンテンツとして、前記第二の属性情報に対応しかつ直前に前記端末装置に表示させていたウェブコンテンツである端末ウェブコンテンツを、当該第二の属性情報を前記サーバへ通知することによって取得し、前記表示制御手段は、前記端末装置からリモートアクセスされなくなった場合に、前記ブラウザ手段によって生成された、前記端末ウェブコンテンツに基づく画像を前記ディスプレイに表示させる。

好ましくは、前記第一の属性情報は、前記端末装置が有する第二のディスプレイに関する情報であり、前記第二の属性情報は、前記ディスプレイに関する情報である。
好ましくは、前記第一の属性情報は、前記第二のディスプレイの解像度であり、前記第二の属性情報は、前記ディスプレイの解像度である。

本発明によると、スマートフォンなどの小型のディスプレイを有する端末装置から画像形成装置へリモートアクセスしてユーザがウェブコンテンツを閲覧する場合に、従来よりも好適にウェブコンテンツが表示されるようにすることができる。

ウェブページ閲覧システムの全体的な構成の例を示す図である。 画像形成装置のハードウェア構成の例を示す図である。 端末装置のハードウェア構成の例を示す図である。 画像形成装置および端末装置の機能的構成の例を示す図である。 リモートアクセスの際の画像形成装置、端末装置、およびウェブサーバの処理の流れの例を示すシーケンス図である。 リモートアクセスの際の画像形成装置、端末装置、およびウェブサーバの処理の流れの例を示すシーケンス図である。 リモートアクセスの際の画像形成装置、端末装置、およびウェブサーバの処理の流れの例を示すシーケンス図である。 メニュー画面の例を示す図である。 大サイズウェブページの例を示す図である。 小サイズウェブページの例を示す図である。 ウェブページの調整の処理の例を説明するための図である。 サーバプログラムに基づく処理の流れの例を説明するフローチャートである。 ウェブブラウザプログラムの基づく処理の流れの例を説明するフローチャートである。 ウェブブラウザプログラムの基づく処理の流れの例を説明するフローチャートである。

図１は、ウェブページ閲覧システム１００の全体的な構成の例を示す図である。図２は、画像形成装置１のハードウェア構成の例を示す図である。図３は、端末装置２のハードウェア構成の例を示す図である。図４は、画像形成装置１および端末装置２の機能的構成の例を示す図である。

図１に示すように、ウェブページ閲覧システム１００は、画像形成装置１、端末装置２、ウェブサーバ３、および通信回線４などによって構成される。

画像形成装置１、端末装置２、およびウェブサーバ３は、通信回線４を介して通信を行うことができる。通信回線４として、インターネット、ＬＡＮ（Local Area Network）回線、固定電話回線、または携帯電話回線などが用いられる。

画像形成装置１は、コピー、ネットワークプリント、ファックス、スキャン、およびファイルサーバなどの機能を集約した装置である。一般に、「複合機」または「ＭＦＰ（Multi Function Peripherals）」などと呼ばれることがある。

画像形成装置１は、図２に示すように、ＣＰＵ（Central Processing Unit）１０ａ、ＲＡＭ（Random Access Memory）１０ｂ、ＲＯＭ（Read Only Memory）１０ｃ、補助記憶装置１０ｄ、タッチパネルディスプレイ１０ｅ、操作キーパネル１０ｆ、ＮＩＣ（Network Interface Card）１０ｇ、近距離無線通信装置１０ｈ、モデム１０ｉ、スキャンユニット１０ｊ、およびプリントユニット１０ｋなどによって構成される。

タッチパネルディスプレイ１０ｅは、ユーザに対するメッセージを示す画面、ユーザがコマンドまたは情報を入力するための画面、およびＣＰＵ１０ａなどが実行した処理の結果を示す画面などを表示する。また、タッチパネルディスプレイ１０ｅは、タッチされた位置を示す信号をＣＰＵ１０ａへ送る。以下、タッチパネルディスプレイ１０ｅとして、解像度が８００×４８０画素であるタッチパネルディスプレイが用いられる場合を例に説明する。

ユーザは、端末装置２を画像形成装置１へリモートアクセスさせ、タッチパネルディスプレイ１０ｅの代わりに端末装置２を用いて遠隔的に画像形成装置１を操作することができる。

操作キーパネル１０ｆは、いわゆるハードウェアキーボードであって、テンキー、スタートキー、ストップキー、およびファンクションキーなどによって構成される。

ＮＩＣ１０ｇは、ＴＣＰ／ＩＰ（Transmission Control Protocol/Internet Protocol）などのプロトコルによって端末装置２またはウェブサーバ３と通信を行う。

近距離無線通信装置１０ｈは、到達する距離が数メートルないし十数メートル程度の電波によって通信を行う。近距離無線通信装置１０ｈとして、Ｂｌｕｅｔｏｏｔｈ（登録商標）またはワイヤレスＵＳＢ（Universal Serial Bus）などの規格に準拠する装置が用いられる。

モデム１０ｉは、ファクシミリ端末との間でＧ３などのプロトコルで画像データをやり取りする。

スキャンユニット１０ｊは、プラテンガラスの上にセットされたシートに記されている画像を読み取って画像データを生成する。

プリントユニット１０ｋは、スキャンユニット１０ｊによって読み取られた画像のほか、ＮＩＣ１０ｇ、近距離無線通信装置１０ｈ、またはモデム１０ｉによって端末装置２またはウェブサーバ３などから受信した画像を用紙に印刷する。

ＲＯＭ１０ｃまたは補助記憶装置１０ｄには、上述のコピーなどの機能を実現するためのプログラムおよび端末装置２からのリモートアクセスを受け入れるためのサーバプログラム１Ｐ１が記憶されている。さらに、ウェブブラウザを実現するためのプログラムとして、ウェブブラウザプログラム１Ｐ２が記憶されている。

これらのプログラムは、必要に応じてＲＡＭ１０ｂにロードされ、ＣＰＵ１０ａによって実行される。補助記憶装置１０ｄとして、ハードディスクまたはＳＳＤ（Solid State Drive）などが用いられる。

端末装置２は、画像形成装置１の上述の機能を遠隔的に使用するためのクライアントである。端末装置２として、パーソナルコンピュータ、スマートフォン、タブレットコンピュータ、または携帯電話端末などが用いられる。以下、端末装置２としてスマートフォンが用いられる場合を例に説明する。

端末装置２は、図３に示すように、ＣＰＵ２０ａ、ＲＡＭ２０ｂ、ＲＯＭ２０ｃ、フラッシュメモリ２０ｄ、タッチパネルディスプレイ２０ｅ、操作ボタン群２０ｆ、デジタルカメラ２０ｇ、無線ＬＡＮ通信装置２０ｈ、近距離無線通信装置２０ｉ、および携帯電話通信装置２０ｊなどによって構成される。

タッチパネルディスプレイ２０ｅは、ユーザに対するメッセージを示す画面、ユーザがコマンドまたは情報を入力するための画面、およびＣＰＵ２０ａが実行した処理の結果を示す画面などを表示する。画像形成装置１へリモートアクセスしている間は、画像形成装置１のタッチパネルディスプレイ１０ｅに表示されるべき画面を表示する。また、タッチパネルディスプレイ２０ｅは、タッチされた位置を示す信号をＣＰＵ２０ａへ送る。以下、タッチパネルディスプレイ２０ｅとして、解像度が４８０×３２０画素であるタッチパネルディスプレイが用いられる場合を例に説明する。

操作ボタン群２０ｆは、ホーム画面に戻るためのボタン、何かを確定するためのボタン、音量を調整するためのボタン、および電源のオン／オフを切り換えるためのボタンなどによって構成される。デジタルカメラ２０ｇは、種々の画像を撮影する。

無線ＬＡＮ通信装置２０ｈは、通信回線４を構成する基地局を介してＴＣＰ／ＩＰなどのプロトコルによって画像形成装置１と通信を行う。

近距離無線通信装置２０ｉは、画像形成装置１の近距離無線通信装置１０ｈと同じ規格に基づいて近距離無線通信を行う。携帯電話通信装置２０ｊは、携帯電話網を介して通信を行う。

ＲＯＭ２０ｃまたはフラッシュメモリ２０ｄには、画像形成装置１の上述の機能を使用するためのドライバおよびアプリケーションプログラムが記憶されている。さらに、画像形成装置１へリモートアクセスするためのプログラムとして、クライアントプログラム２Ｐ１が記憶されている。

これらのプログラムは、必要に応じてＲＡＭ２０ｂにロードされ、ＣＰＵ２０ａによって実行される。

ウェブサーバ３は、ウェブページを画像形成装置１または端末装置２などのクライアントへ提供する。予め用意された１つまたは複数のファイルをクライアントへ送信することもあれば、クライアントから与えられたデータに応じてＣＧＩ（Common Gateway Interface）などによってウェブページを生成し、生成したウェブページのファイルをクライアントへ送信することもある。これらのファイルは、基本的に、ＨＴＭＬ（Hypertext Markup Language）またはＪａｖａＳｃｒｉｐｔ（登録商標）などによって記述される。また、ウェブページを構成する画像のファイルとして、ＧＩＦ（Graphics Interchange Format）またはＪＰＥＧ（Joint Photographic Experts Group）などの画像フォーマットの画像ファイルが送信される。

また、ウェブサーバ３は、１つのＵＲＬ（Uniform Resource Locator）に対応するウェブページとして、クライアントの属性に応じたウェブページを提供する。

例えば、ディスプレイの解像度が所定の解像度以上である場合は、ウェブサーバ３は、パーソナルコンピュータまたはタブレットコンピュータに合わせてデザインされたウェブページを提供し、所定の解像度未満である場合は、スマートフォンに合わせてデザインされたウェブページを提供する。この仕組みは、公知である。

サーバプログラム１Ｐ１、ウェブブラウザプログラム１Ｐ２、およびクライアントプログラム２Ｐ１によると、ユーザが端末装置２から画像形成装置１へリモートアクセスしてウェブページを閲覧する場合であっても、画像形成装置１ではなく端末装置２に合ったウェブページを閲覧することができる。以下、この仕組みを、図４などを参照しながら説明する。

サーバプログラム１Ｐ１によると、図４に示すリモート操作対処部１０１、画面データ生成部１０２、および画面データ送信部１０３などの機能が画像形成装置１に実現される。

ウェブブラウザプログラム１Ｐ２によると、図４に示すモード記憶部１２１、モード切換部１２２、ユーザエージェントデータ取得部１２３、ウェブページデータ取得部１２４、ウェブページ調整部１２５、およびウェブページ表示部１２６などの機能が画像形成装置１に実現される。

クライアントプログラム２Ｐ１によると、図４に示す操作データ送信部２０１、表示処理部２０２、およびユーザエージェントデータ送信部２０３などの機能が端末装置２に実現される。

そのほか、サーバプログラム１Ｐ１およびクライアントプログラム２Ｐ１によると、端末装置２から画像形成装置１へのリモートアクセスのために、画像形成装置１と端末装置２とを接続するための機能が実現される。

〔各部の概要〕
端末装置２の操作データ送信部２０１は、リモートアクセスのために画像形成装置１と端末装置２とが接続された後、特定の操作（例えば、リモートアクセスの終了のコマンドの入力）が行われるまで、ユーザが端末装置２に対して操作を行うごとに、操作の内容を示す操作データ５Ａを画像形成装置１へ送信する。

画像形成装置１のリモート操作対処部１０１は、操作データ５Ａが端末装置２から送信されてくると、操作データ５Ａに基づいて、端末装置２のユーザの操作に対処する。

画面データ生成部１０２は、タッチパネルディスプレイ１０ｅに表示すべき画面を端末装置２において表示するための画面データ５Ｂを生成する。

画面データ送信部１０３は、画面データ生成部１０２によって画面データ５Ｂが生成されるごとに、画面データ５Ｂを端末装置２へ送信する。

端末装置２の表示処理部２０２は、画面データ５Ｂが画像形成装置１から送信されてくるごとに、画面データ５Ｂに基づいて画面をタッチパネルディスプレイ２０ｅに表示させる。

モード記憶部１２１は、現モードデータ５Ｃを記憶する。現モードデータ５Ｃは、ウェブページの表示に関する現在のモードを示す。ウェブページの表示に関するモードとして「ノーマルモード」、「リモートアクセスモード」、および「調整モード」の３つのモードが用意されている。デフォルトのモードは、ノーマルモードである。

ノーマルモードは、タッチパネルディスプレイ１０ｅに好適なウェブページを取得して表示するモードである。リモートアクセスモードは、画像形成装置１にリモートアクセスした装置のディスプレイに好適なウェブページを取得して表示するモードである。調整モードは、タッチパネルディスプレイ１０ｅに好適なウェブページを取得し、画像形成装置１にリモートアクセスした他の装置（例えば、端末装置２）のディスプレイに合わせてウェブページを調整して表示するモードである。

さらに、モード記憶部１２１は、デフォルトモードデータ５Ｄを記憶する。デフォルトモードデータ５Ｄは、画像形成装置１がリモートアクセスされた際に適用すべきデフォルトのモードを示す。デフォルトのモードとして、リモートアクセスモードおよび調整モードのうちのいずれか１つが、ユーザによって予め設定される。

モード切換部１２２は、モード記憶部１２１に記憶されている現モードデータ５Ｃを更新することによって、モードを切り換える。

ユーザエージェントデータ取得部１２３は、端末装置２のユーザエージェント（ＵＡ）を示すユーザエージェントデータ５Ｅを取得する。

端末装置２のユーザエージェントデータ送信部２０３は、画像形成装置１へユーザエージェントデータ５Ｅを送信する。ユーザエージェントデータ５Ｅの内容は、後述する。

画像形成装置１のウェブページデータ取得部１２４は、ユーザが指定したウェブページまたはホームページ（ウェブブラウザの起動の直後に表示するように設定されているウェブページ）のファイルをウェブサーバ３から取得する。

ウェブページ調整部１２５は、必要に応じて、ウェブページデータ取得部１２４によってファイルが取得されたウェブページの構成を調整する。

ウェブページ表示部１２６は、リモートアクセスされていない場合に、ウェブページをタッチパネルディスプレイ１０ｅに表示させる。

〔リモートアクセス時の各部の処理の一例〕
図５〜図７は、リモートアクセスの際の画像形成装置１、端末装置２、およびウェブサーバ３の処理の流れの例を示すシーケンス図である。図８は、メニュー画面６１の例を示す図である。図９は、大サイズウェブページ６２の例を示す図である。図１０は、小サイズウェブページ６３の例を示す図である。図１１は、ウェブページの調整の処理の例を説明するための図である。

次に、端末装置２が画像形成装置１へリモートアクセスして画像形成装置１のウェブブラウザを使用する場合を例に、図４の各部の処理をさらに詳細に説明する。

ユーザは、クライアントプログラム２Ｐ１を端末装置２に起動させておく。そして、画像形成装置１の識別子（例えば、ＩＰアドレス）およびリモートアクセスのコマンドを入力する。

すると、端末装置２から画像形成装置１へリモートアクセスが要求され（図５の＃７３１、＃７０１）、画像形成装置１および端末装置２は、公知の方法で接続（リモート接続）を確立する（＃７０２、＃７３２）。

接続が確立すると、画像形成装置１において、遠隔的に操作されるのに伴い、タッチパネルディスプレイ１０ｅがロックされる（＃７０３）。これにより、ロックが解除されるまでタッチパネルディスプレイ１０ｅは操作を受け付けなくなる。

画面データ生成部１０２は、画面データ５Ｂとして、所定の画面を表示するための画面データを端末装置２へ送信する。本実施形態では、メニュー画面６１の画面データを送信する（＃７０４）。メニュー画面６１には、図８に示すように、コピー、ファックス、およびウェブブラウザなど画像形成装置１に備わる機能を選択するためのボタン６１１が並んでいる。

端末装置２において、表示処理部２０２は、画面データ５Ｂを受信すると（＃７３３）、画面データ５Ｂに基づいてメニュー画面６１をタッチパネルディスプレイ２０ｅに表示させる（＃７３４）。ここで、ユーザは、ウェブブラウザに対応するボタン６１１をタッチする。

すると、操作データ送信部２０１は、操作の内容を受け付け（＃７３５）、その内容を示すデータを操作データ５Ａとして画像形成装置１へ送信する（＃７３６）。ここでは、タッチされたことおよびタッチされた位置を示すデータを送信する。

画像形成装置１において、リモート操作対処部１０１は、操作データ５Ａを受信すると（＃７０５）、操作データ５Ａに基づいてユーザの操作に対処する。ここでは、ウェブブラウザプログラム１Ｐ２を起動する（＃７０６）。

リモートアクセスしている他の装置（本実施形態では、端末装置２）のユーザの操作に応じてウェブブラウザプログラム１Ｐ２が起動された場合に、モード切換部１２２およびユーザエージェントデータ取得部１２３は、次の処理を行う。

モード切換部１２２は、表示のモードを、デフォルトモードデータ５Ｄに示されるモードに切り換える（＃７０７）。つまり、リモートアクセスモードがデフォルトモードデータ５Ｄに示される場合は、リモートアクセスモードが示されるように現モードデータ５Ｃを更新する。調整モードが示される場合は、調整モードが示されるように現モードデータ５Ｃを更新する。

ユーザエージェントデータ取得部１２３は、ユーザエージェントデータ５Ｅを端末装置２へ要求し（＃７０８）、受信する（＃７０９）。

端末装置２において、ユーザエージェントデータ送信部２０３は、画像形成装置１からユーザエージェントデータ５Ｅを要求されると（＃７３７）、これを送信する（＃７３８）。ユーザエージェントデータ５Ｅには、端末装置２のウェブブラウザの製品名およびバージョン、端末装置２のＩＰアドレス、ならびにタッチパネルディスプレイ２０ｅの解像度および画素密度などが示される。画素密度の単位は、「ＰＰＩ（pixel per inch）」である。

なお、リモートアクセスされていない場合は、表示のモードはノーマルモードのままである。また、ユーザエージェントデータ５Ｅは取得されない。

画像形成装置１において、ウェブページデータ取得部１２４は、ウェブページのファイルをウェブサーバ３から次のように取得する。

ウェブページデータ取得部１２４は、ＵＲＬに基づいてウェブページをウェブサーバ３へ要求する（図６の＃７１０）。具体的には、ウェブブラウザプログラム１Ｐ２が起動された直後は、ホームページとして設定されているウェブページがあれば、このウェブページをウェブサーバ３へ要求する。なお、ホームページとして設定されているウェブページがなければ、後にユーザが端末装置２を操作してＵＲＬなどによって指定したウェブページをウェブサーバ３へ要求する。図５〜図７のシーケンス図には示さないが、この操作の内容を示すデータが操作データ５Ａとして端末装置２から画像形成装置１へ送信され、このウェブページをウェブサーバ３へ要求する。

ウェブページの要求は、公知の方法によって行われる。例えば、ウェブページデータ取得部１２４は、ＨＴＴＰ（Hypertext Transfer Protocol）リクエストをウェブサーバ３へ送信する。ＨＴＴＰリクエストには、ウェブページのアドレスおよびクライアントのユーザエージェントなどが示される。ウェブページデータ取得部１２４は、ユーザエージェントデータ５Ｅがユーザエージェントデータ取得部１２３によって取得された場合は、ユーザエージェントデータ５Ｅに示されるユーザエージェントをＨＴＴＰリクエストに書き込む。これにより、ユーザエージェントデータ５Ｅの一部または全部がウェブサーバ３へ送信される。そうでない場合は、画像形成装置１自信のユーザエージェントをＨＴＴＰリクエストに書き込む。

ウェブサーバ３は、ＨＴＴＰリクエストを受信すると（＃７５１）、必要に応じて、公知の方法によって、リクエスト元の、ＨＴＴＰリクエストに示されない他の情報を要求し（＃７５２）、取得する（＃７５３）。

ウェブページデータ取得部１２４は、要求を受け付けると（＃７１１）、要求された情報を示す属性データ５Ｆをウェブサーバ３へ次のように返信する（＃７１２）。ユーザエージェントデータ５Ｅがユーザエージェントデータ取得部１２３によって取得された場合は、このユーザエージェントデータ５Ｅに示される内容を示すデータを属性データ５Ｆとしてウェブサーバ３へ送信する。そうでない場合は、画像形成装置１の属性を示すデータを属性データ５Ｆとして送信する。

ステップ＃７１０〜＃７１２およびステップ＃７５１〜＃７５３によって、画像形成装置１からウェブサーバ３へ、特に、ウェブページのアドレスおよびディスプレイの解像度の情報が通知される。以下、画像形成装置１から通知された解像度を「解像度Ｒａ」と記載する。

そして、ウェブサーバ３は、ＨＴＴＰリクエストに係るウェブページのファイル５Ｇを次のように画像形成装置１へ送信し（＃７５４）、画像形成装置１のウェブページデータ取得部１２４は、ファイル５Ｇを受信する（＃７１３）。

ウェブサーバ３は、例えば、クラウドストレージに保存されているデータを管理するためのウェブページを要求されると、解像度Ｒａが所定の解像度Ｒｂ（例えば、６００×４８０画素）以上である場合は、図９に示すような大サイズウェブページ６２を表示するためのファイルをファイル５Ｇとして送信する。一方、解像度Ｒａが所定の解像度Ｒｂ未満である場合は、図１０に示すような小サイズウェブページ６３を表示するためのファイルをファイル５Ｇとして送信する。

大サイズウェブページ６２は、パーソナルコンピュータまたはタブレットコンピュータのディスプレイの解像度に合わせてデザインされ、小サイズウェブページ６３はスマートフォンのディスプレイの解像度に合わせてデザインされている。したがって、大サイズウェブページ６２には、小サイズウェブページ６３よりも多くのオブジェクトが配置されている。

以上の処理によると、ノーマルモードまたは調整モードの場合は、ウェブページデータ取得部１２４は、大サイズウェブページ６２のファイルをファイル５Ｇとしてウェブサーバ３から取得する。リモートアクセスモードの場合は、小サイズウェブページ６３のファイルをファイル５Ｇとして取得する。

画像形成装置１において、ファイル５Ｇがウェブページデータ取得部１２４によって取得されると、表示のモードが調整モードである場合に、ウェブページ調整部１２５によってウェブページの調整の処理が実行される（＃７１４）。ここで、この処理を、図１１（Ａ）のウェブページ６４を調整する場合を例に説明する。

ウェブページ調整部１２５は、ウェブページ６４が拡大されるようにファイル５Ｇを書き換える。拡大の倍率は、予め決めたものであってもよいが、（Ｄｂ／Ｄａ）倍にしてもよい。ただし、「Ｄａ」は、画像形成装置１のタッチパネルディスプレイ１０ｅの画素密度であり、「Ｄｂ」は、端末装置２のタッチパネルディスプレイ２０ｅの画素密度である。

例えば、（Ｄａ／Ｄｂ）が「４」である場合は、ウェブページ調整部１２５は、図１１（Ｂ）のようにウェブページ６４の縦および横がともに４倍に拡大されるようにファイル５Ｇを書き換える。以下、拡大後のウェブページ６４を「ウェブページ６５」と記載する。

または、タッチパネルディスプレイ１０ｅおよびタッチパネルディスプレイ２０ｅそれぞれの解像度に基づいて拡大してもよい。例えば、タッチパネルディスプレイ１０ｅの解像度が（Ｗａ×Ｈａ）であり、タッチパネルディスプレイ２０ｅの解像度が（Ｗｂ×Ｈｂ）である場合に、ボタン６４１の縦および横の長さを、（Ｗａ／Ｗｂ）倍に拡大してもよい。または、（Ｈａ／Ｈｂ）倍に拡大してもよい。または、縦の長さを（Ｗａ／Ｗｂ）倍に拡大し、横の長さを（Ｈａ／Ｈｂ）倍に拡大してもよい。

図６に戻って、画面データ生成部１０２は、画面データ５Ｂを次のように生成する（＃７１５）。

表示のモードがリモートアクセスモードである場合は、画面データ生成部１０２は、ウェブページデータ取得部１２４によって取得されたファイル５Ｇに基づいてウェブページをレンダリングすることによってビットマップのデータを生成する。表示のモードが調整モードである場合は、ウェブページ調整部１２５によって書き換えられたファイル５Ｇに基づいてウェブページをレンダリングすることによってビットマップのデータを生成する。このようにして生成されたデータが、画面データ５Ｂである。

そして、画面データ送信部１０３は、画面データ５Ｂを端末装置２へ送信する（＃７１６）。

端末装置２において、表示処理部２０２は、画面データ５Ｂを受信すると（＃７３９）、画面データ５Ｂに基づいてウェブページをタッチパネルディスプレイ２０ｅに表示させる（＃７４０）。

すると、表示のモードがリモートアクセスモードである場合は、例えば小サイズウェブページ６３（図１０参照）のような、スマートフォン用のウェブページがタッチパネルディスプレイ２０ｅに表示される。

一方、表示のモードが調整モードである場合は、例えばウェブページ６５（図１１（Ｂ）参照）のように、拡大されたウェブページがタッチパネルディスプレイ２０ｅに表示される。ただし、拡大されているので、図１１（Ｃ）に示すように、一度に一部分しか表示されないことがある。この場合は、ユーザは、ドラッグまたはフリックの操作を行うことによってウェブページ６５をスクロールさせ、残りの部分を表示させることができる。

その後、ユーザがハイパーリンクを選択するなどしてウェブページを指定するごとに、操作の内容を示すデータが操作データ５Ａとして端末装置２から画像形成装置１へ送信される。そして、上述の方法によって、画像形成装置１からウェブサーバ３へそのウェブページがリクエストされ、現在の表示のモード（リモートアクセスモードまたは調整モード）に応じたウェブページが端末装置２へ提供される。

ユーザは、リモートアクセスを終了する場合は、切断の指令を端末装置２へ入力する。端末装置２が指令を受け付けると（＃７４１）、画像形成装置１および端末装置２は、ステップ＃７０２、＃７３２で確立した接続（リモート接続）を切断する（＃７１７、＃７４２）。

すると、画像形成装置１において、モード切換部１２２は、表示のモードをノーマルモードに切り換える（＃７１８）。

切断後、端末装置２による画像形成装置１の遠隔操作が終了するので、タッチパネルディスプレイ１０ｅのロックが解除される（図７の＃７１９）。

ウェブページデータ取得部１２４は、接続を切断する直前に端末装置２に表示されていたウェブページをウェブサーバ３へ要求する（＃７２０）。そして、以下、ウェブページデータ取得部１２４およびウェブサーバ３は、ステップ＃７１１〜＃７１３およびステップ＃７５１〜＃７５４と同様の処理を実行する（＃７２２〜＃７２４、＃７５５〜＃７５８）。

ただし、画像形成装置１は、端末装置２のタッチパネルディスプレイ２０ｅの解像度ではなく画像形成装置１自身のタッチパネルディスプレイ１０ｅの解像度をウェブサーバ３へ通知する。それに応じて、ウェブサーバ３は、小サイズウェブページ６３（図１０参照）のようなスマートフォン用のウェブページのファイルではなく、大サイズウェブページ６２（図９参照）のようなパーソナルコンピュータ用のウェブページのファイルを画像形成装置１へ送信する。

そして、端末装置２において、ウェブページデータ取得部１２４がウェブページのファイルを受信すると（＃７２３）、ウェブページ表示部１２６は、通常の通り、そのファイルに基づいてそのウェブページをタッチパネルディスプレイ１０ｅに表示させる（＃７２４）。

図１２は、サーバプログラム１Ｐ１に基づく処理の流れの例を説明するフローチャートである。図１３〜図１４は、ウェブブラウザプログラム１Ｐ２の基づく処理の流れの例を説明するフローチャートである。

次に、画像形成装置１の全体的な処理の流れを、フローチャートを参照しながら説明する。

画像形成装置１は、リモートアクセスのサービスを端末装置２へ提供する処理をサーバプログラム１Ｐ１に基づいて図１２の通りに実行する。

端末装置２からリモートアクセスの要求を受信すると（＃１１でＹｅｓ）、画像形成装置１は、端末装置２との接続を確立する（＃１２）。そして、メニュー画面６１（図８参照）を表示するためのデータを画面データ５Ｂとして端末装置２へ送信するとともに（＃１３）、タッチパネルディスプレイ１０ｅをロックする（＃１４）。

接続後、画像形成装置１は、端末装置２から操作データ５Ａを受信すると（＃１５でＹｅｓ）、操作データ５Ａに示される内容に応じて次のように処理を行う。

ウェブブラウザを起動するボタン６１１が押されたことが操作データ５Ａに示される場合は（＃１６でＹｅｓ）、画像形成装置１は、ウェブブラウザプログラム１Ｐ２を起動する（＃１７）。そして、サーバプログラム１Ｐ１と並行してウェブブラウザプログラム１Ｐ２を実行する。ウェブブラウザプログラム１Ｐ２による処理の流れは、図１３〜図１４を用いて後述する。

または、操作データ５Ａに示される内容がウェブブラウザの操作に関するものである場合は（＃１８でＹｅｓ）、操作データ５Ａをウェブブラウザプログラム１Ｐ２へ引き渡す（＃１９）。

ステップ＃１７またはステップ＃１９の処理の後、ウェブブラウザプログラム１Ｐ２によってウェブページのファイル５Ｇが取得された場合は（＃２０でＹｅｓ）、端末装置２にリモートアクセスされていなければ（＃２１でＮｏ）、このファイル５Ｇに基づいてこのウェブページをタッチパネルディスプレイ１０ｅによって表示する（＃２２）。一方、端末装置２にリモートアクセスされていれば（＃２１でＹｅｓ）、このファイル５Ｇに基づいて、このウェブページのビットマップデータを生成し（＃２３）、画面データ５Ｂとして端末装置２へ送信する（＃２４）。

または、ステップ＃１２で確立した接続が切断された場合は（＃２５でＹｅｓ）、画像形成装置１は、切断された旨をウェブブラウザプログラム１Ｐ２へ通知するとともに（＃２６）、タッチパネルディスプレイ１０ｅのロックを解除する（＃２７）。

画像形成装置１は、リモートアクセスサービスを提供している間、ステップ＃１１〜＃２６の処理を適宜、実行する。

さらに、画像形成装置１は、ウェブブラウザプログラム１Ｐ２に基づいて、図１３〜図１４に示す手順で次のように処理を実行する。

ウェブブラウザプログラム１Ｐ２の起動後（＃３１でＹｅｓ）、画像形成装置１は、端末装置２にリモートアクセスされている場合は（＃３２でＹｅｓ）、端末装置２へユーザエージェントデータ５Ｅを要求し（＃３３）、受信する（＃３４）。そして、表示のモードをリモートアクセスモードまたは調整モードに切り換える（＃３５）。

ウェブブラウザプログラム１Ｐ２にホームページが設定されている場合は（＃３６でＹｅｓ）、画像形成装置１は、ホームページであるウェブページをウェブサーバ３へ要求する（＃３７）。

ウェブページを要求する際に、または、ウェブサーバ３からの要求に応じて、ユーザエージェントなどをウェブサーバ３へ送信する（＃４０〜＃４２）。具体的には、表示のモードがリモートアクセスモードである場合は（＃４０でＹｅｓ）、ステップ＃３４で受信した端末装置２のユーザエージェント（本実施形態では、少なくともタッチパネルディスプレイ２０ｅの解像度）を送信する（＃４１）。そうでない場合は（＃４０でＮｏ）、画像形成装置１自身のユーザエージェント（本実施形態では、少なくともタッチパネルディスプレイ１０ｅの解像度）を送信する（＃４２）。

画像形成装置１は、要求したウェブページのファイル５Ｇをウェブサーバ３から受信する（＃４３）。

表示のモードが調整モードである場合は（図１４の＃４４でＹｅｓ）、ウェブページが調整されるように、受信したファイル５Ｇを書き換える（＃４５）。調整の方法の一例は、図１１で説明した通りである。

ファイル５Ｇは、必要に応じて書き換えられた後、ウェブページをタッチパネルディスプレイ１０ｅまたは端末装置２のタッチパネルディスプレイ２０ｅへ表示するためにサーバプログラム１Ｐ１によって用いられる（＃４６）。用い方は、図１２のステップ＃２１〜＃２４で説明した通りである。

なお、ステップ＃３２〜＃３４の処理は、ウェブブラウザプログラム１Ｐ２の起動後に１回だけ実行される。また、ホームページへの自動的なアクセスも（＃３７〜４６）、基本的にウェブブラウザプログラム１Ｐ２の起動後に１回だけ実行される。

または、画像形成装置１は、操作データ５Ａをサーバプログラム１Ｐ１から与えられると、現在のウェブページ（または、いわゆるブランクページ）から他のウェブページへの移動の操作がその操作データ５Ａに示される場合は（＃３８でＹｅｓ）、当該他のウェブページをウェブサーバ３へ要求する（＃３９）。その後の処理は、ホームページへのアクセスの場合と同様である（＃４０〜＃４６）。

または、画像形成装置１は、接続の切断の通知をサーバプログラム１Ｐ１から与えられると（＃４７でＹｅｓ）、表示のモードをノーマルモードに切り換える（＃４８）。そして、接続を切断する直前に端末装置２のタッチパネルディスプレイ２０ｅが表示していたウェブページを、ウェブサーバ３へ要求する（＃４９）。その後の処理は、ホームページへのアクセスの場合と同様である（＃４０〜＃４６）。その結果、通常の通り、ウェブページが画像形成装置１自身のタッチパネルディスプレイ１０ｅに表示される。

ステップ＃３８〜＃４９の処理は、ウェブブラウザプログラム１Ｐ２が終了するまでの間、適宜、実行される。

本実施形態によると、端末装置２から画像形成装置１へリモートアクセスして画像形成装置１のウェブブラウザを使用する場合に、従来よりも好適にウェブコンテンツを端末装置２へ提供することができる。

本実施形態では、サーバプログラム１Ｐ１およびウェブブラウザプログラム１Ｐ２を別々のプログラムとして構成したが、１つのプログラムとして構成してもよい。

本実施形態では、画像形成装置１は、ディスプレイの解像度をウェブサーバ３へ通知し、ウェブサーバ３は、解像度に応じたウェブページのファイル５Ｇを提供した。しかし、画像形成装置１は、他の属性を通知し、ウェブサーバ３は、それに応じたウェブページのファイル５Ｇを提供してもよい。

例えば、画像形成装置１は、リモートアクセスモードである場合は端末装置２のＯＳ（Operating System）の名称を通知し、そうでない場合は画像形成装置１自身のＯＳの名称を通知する。ウェブサーバ３は、ＯＳの通知された名称に基づいて、そのＯＳがスマートフォン用のものであるか否かを判別する。そして、スマートフォン用のものである場合は、スマートフォン用のウェブページ（例えば、図１０の小サイズウェブページ６３）のファイル５Ｇを送信し、そうでない場合は、パーソナルコンピュータ用のウェブページ（例えば、図９の大サイズウェブページ６２）のファイル５Ｇを送信する。

または、画像形成装置１は、リモートアクセスモードである場合は端末装置２のタッチパネルディスプレイ２０ｅのサイズ（インチ数）を通知し、そうでない場合は画像形成装置１自身のタッチパネルディスプレイ１０ｅのサイズを通知する。ウェブサーバ３は、通知されたサイズが所定のサイズ未満である場合は、スマートフォン用のウェブページのファイル５Ｇを送信し、そうでない場合は、パーソナルコンピュータ用のウェブページのファイル５Ｇを送信する。

本実施形態では、ウェブページ調整部１２５は、ウェブページを調整する処理を調整モードの場合にのみ行ったが、モードに関わらず、リモートアクセスされておりかつ端末装置２のタッチパネルディスプレイ２０ｅの解像度が所定の解像度（例えば、タッチパネルディスプレイ１０ｅの解像度）未満である場合に行ってもよい。

本実施形態では、画像形成装置１のタッチパネルディスプレイ１０ｅを、端末装置２が画像形成装置１にリモートアクセスしている間、ロックしたが、ロックしなくてもよい。この場合は、タッチパネルディスプレイ１０ｅにもウェブページを表示すればよい。

本実施形態では、ウェブサーバ３は、ウェブコンテンツとしてウェブページを画像形成装置１へ配信したが、ウェブコンテンツとして動画像などを配信する場合にも本発明を適用することができる。

その他、ウェブページ閲覧システム１００、画像形成装置１、端末装置２の全体または各部の構成、処理内容、処理順序、画面の構成などは、本発明の趣旨に沿って適宜変更することができる。

１００ ウェブページ閲覧システム（ウェブコンテンツ表示システム）
１ 画像形成装置
１０ｅ タッチパネルディスプレイ（第一のディスプレイ）
１０２ 画面データ生成部（ブラウザ手段）
１０３ 画面データ送信部（表示制御手段）
１２３ ユーザエージェントデータ取得部（属性情報取得手段）
１２４ ウェブページデータ取得部（ウェブコンテンツ取得手段）
１２６ ウェブページ表示部（表示制御手段）
２ 端末装置
３ ウェブサーバ（サーバ）
５Ｅ ユーザエージェントデータ（第一の属性情報）

Claims (6)

1. 端末装置からリモートアクセスすることができる画像形成装置と、前記画像形成装置へウェブコンテンツを提供するサーバと、を有するウェブコンテンツ表示システムであって、
   前記画像形成装置に、
   ディスプレイと、
   前記ディスプレイの表示を制御するとともに、前記ディスプレイに表示させる画像を前記端末装置に表示させるために当該画像の画像データを当該端末装置へ送信する表示制御手段と、
   前記端末装置の属性に関する第一の属性情報を取得する属性情報取得手段と、
   前記端末装置からリモートアクセスされていない場合は当該画像形成装置の属性に関する第二の属性情報を前記サーバへ通知し、リモートアクセスされている場合は前記第一の属性情報を前記サーバへ通知することによって、前記ウェブコンテンツを取得する、ウェブコンテンツ取得手段と、
   取得された前記ウェブコンテンツに基づく画像を生成する、ブラウザ手段と、
   が設けられ、
   前記サーバに、
   前記ウェブコンテンツとして、前記画像形成装置から通知された前記第一の属性情報または前記第二の属性情報に応じた形態のウェブコンテンツを前記画像形成装置へ送信する、ウェブコンテンツ送信手段、
   が設けられ、
   前記表示制御手段は、
   前記端末装置からリモートアクセスされていない場合は、前記ブラウザ手段によって生成された、前記第二の属性情報に対応する前記ウェブコンテンツに基づく画像を前記ディスプレイに表示させ、
   リモートアクセスされている場合は、前記ブラウザ手段によって生成された、前記第一の属性情報に対応する前記ウェブコンテンツに基づく画像の前記画像データを前記端末装置へ送信し、
   前記ウェブコンテンツ取得手段は、
   前記端末装置からリモートアクセスされなくなった場合に、前記ウェブコンテンツとして、前記第二の属性情報に対応しかつ直前に当該端末装置に表示させていたウェブコンテンツである端末ウェブコンテンツを、当該第二の属性情報を前記サーバへ通知することによって取得し、
   前記表示制御手段は、
   前記端末装置からリモートアクセスされなくなった場合に、前記ブラウザ手段によって生成された、前記端末ウェブコンテンツに基づく画像を前記ディスプレイに表示させる、
   ことを特徴とするウェブコンテンツ表示システム。
2. 端末装置からリモートアクセスすることができる画像形成装置であって、
   ディスプレイと、
   前記ディスプレイの表示を制御するとともに、前記ディスプレイに表示させる画像を前記端末装置に表示させるために当該画像の画像データを当該端末装置へ送信する表示制御手段と、
   前記端末装置の属性に関する第一の属性情報を取得する属性情報取得手段と、
   前記端末装置からリモートアクセスされていない場合は当該画像形成装置の属性に関する第二の属性情報をサーバへ通知し、リモートアクセスされている場合は前記第一の属性情報を当該サーバへ通知することによって、ウェブコンテンツを取得する、ウェブコンテンツ取得手段と、
   取得された前記ウェブコンテンツに基づく画像を生成する、ブラウザ手段と、
   が設けられ、
   前記表示制御手段は、
   前記端末装置からリモートアクセスされていない場合は、前記ブラウザ手段によって生成された、前記第二の属性情報に対応する前記ウェブコンテンツに基づく画像を前記ディスプレイに表示させ、
   リモートアクセスされている場合は、前記ブラウザ手段によって生成された、前記第一の属性情報に対応する前記ウェブコンテンツに基づく画像の前記画像データを前記端末装置へ送信し、
   前記ウェブコンテンツ取得手段は、
   前記端末装置からリモートアクセスされなくなった場合に、前記ウェブコンテンツとして、前記第二の属性情報に対応しかつ直前に前記端末装置に表示させていたウェブコンテンツである端末ウェブコンテンツを、当該第二の属性情報を前記サーバへ通知することによって取得し、
   前記表示制御手段は、
   前記端末装置からリモートアクセスされなくなった場合に、前記ブラウザ手段によって生成された、前記端末ウェブコンテンツに基づく画像を前記ディスプレイに表示させる、
   ことを特徴とする画像形成装置。
3. 前記第一の属性情報は、前記端末装置が有する第二のディスプレイに関する情報であり、
   前記第二の属性情報は、前記ディスプレイに関する情報である、
   請求項２に記載の画像形成装置。
4. 前記第一の属性情報は、前記第二のディスプレイの解像度であり、
   前記第二の属性情報は、前記ディスプレイの解像度である、
   請求項３に記載の画像形成装置。
5. ディスプレイを有しかつ端末装置からリモートアクセスすることができる画像形成装置におけるウェブページ提供方法であって、
   当該画像形成装置に、
   前記端末装置の属性に関する第一の属性情報を取得する第一の処理を実行させ、
   前記端末装置からリモートアクセスされていない場合は当該画像形成装置の属性に関する第二の属性情報をサーバへ通知し、リモートアクセスされている場合は前記第一の属性情報を当該サーバへ通知することによって、ウェブコンテンツを取得する、第二の処理を実行させ、
   前記端末装置からリモートアクセスされていない場合は、前記第二の属性情報に対応する前記ウェブコンテンツに基づく画像を生成して前記ディスプレイに表示させ、リモートアクセスされている場合は、前記第一の属性情報に対応する前記ウェブコンテンツに基づく画像の画像データを生成し前記端末装置へ送信する、第三の処理を実行させ、
   前記端末装置からリモートアクセスされなくなった場合に、前記ウェブコンテンツとして、前記第二の属性情報に対応しかつ直前に前記端末装置に表示させていたウェブコンテンツである端末ウェブコンテンツを、当該第二の属性情報を前記サーバへ通知することによって取得する、第四の処理を実行させ、
   前記端末装置からリモートアクセスされなくなった場合に、前記端末ウェブコンテンツに基づく画像を生成して前記ディスプレイに表示させる、第五の処理を実行させる、
   ことを特徴とするウェブページ提供方法。
6. ディスプレイを有しかつ端末装置からリモートアクセスすることができる画像形成装置に用いられるコンピュータプログラムであって、
   当該画像形成装置に、
   前記端末装置の属性に関する第一の属性情報を取得する第一の処理を実行させ、
   前記端末装置からリモートアクセスされていない場合は当該画像形成装置の属性に関する第二の属性情報をサーバへ通知し、リモートアクセスされている場合は前記第一の属性情報を当該サーバへ通知することによって、ウェブコンテンツを取得する、第二の処理を実行させ、
   前記端末装置からリモートアクセスされていない場合は、前記第二の属性情報に対応する前記ウェブコンテンツに基づく画像を生成して前記ディスプレイに表示させ、リモートアクセスされている場合は、前記第一の属性情報に対応する前記ウェブコンテンツに基づく画像の画像データを生成し前記端末装置へ送信する、第三の処理を実行させ、
   前記端末装置からリモートアクセスされなくなった場合に、前記ウェブコンテンツとして、前記第二の属性情報に対応しかつ直前に前記端末装置に表示させていたウェブコンテンツである端末ウェブコンテンツを、当該第二の属性情報を前記サーバへ通知することによって取得する、第四の処理を実行させ、
   前記端末装置からリモートアクセスされなくなった場合に、前記端末ウェブコンテンツに基づく画像を生成して前記ディスプレイに表示させる、第五の処理を実行させる、
   ことを特徴とするコンピュータプログラム。

Images