(57)【要約】【課題】リンク先のウェブページの取得に時間がかかる場合でも、元のウェブページの閲覧を継続できるようにする。【解決手段】ページ取得部７０は、リンクを含む表示中のウェブページにおいて、ユーザにより操作される入力装置を介してリンクが選択されたとき、リンク先ウェブページの読み込みを行う。画像取り込み部８６は、メモリ上にレンダリングされた画像のうち、リンク先ウェブページの読み込み開始前にウインドウ内に表示されていたウェブページの範囲と少なくとも同一の範囲を画像として取り込み、ディスプレイの表示領域に表示する。切り替え制御部８４は、リンクが選択されたことを契機として、ウインドウ表示部７６に対してディスプレイの表示領域よりもサイズを小さくした縮小ウインドウを表示するよう指示するとともに、読み込み中のリンク先ウェブページのレンダリングを縮小ウインドウ内で行うようレンダリング部７４に指示する。【選択図】図３
2012078925.tif 000002
【特許請求の範囲】
【請求項１】
情報処理端末に設けられたディスプレイにウェブページを表示させる情報表示装置であって、
リンク先ウェブページの位置情報が関連付けられたリンクを含む表示中のウェブページにおいて、ユーザにより操作される入力装置を介して前記リンクが選択されたとき、該リンクに関連する位置情報に基づき前記リンク先ウェブページの読み込みを行うページ取得部と、
前記ウェブページおよび前記リンク先ウェブページをメモリ上にレンダリングするレンダリング部と、
メモリ上にレンダリングされた画像を表示する前記ディスプレイ内のウインドウのサイズを制御するウインドウ表示部と、
メモリ上にレンダリングされた画像のうち、前記リンク先ウェブページの読み込み開始前に前記ウインドウ内に表示されていた前記ウェブページの範囲と少なくとも同一の範囲を画像として取り込み、前記ディスプレイの表示領域に表示する画像取り込み部と、
前記入力装置を介して前記リンクが選択されたことを契機として、前記ウインドウ表示部に対して前記ディスプレイの表示領域よりもサイズを小さくした縮小ウインドウを表示するよう指示するとともに、読み込み中の前記リンク先ウェブページのレンダリングを前記縮小ウインドウ内で行うよう前記レンダリング部に指示する切り替え制御部と、
を備え、
前記切り替え制御部は、前記リンク先ウェブページの読み込みおよびレンダリングが完了したとき、前記ウインドウを前記ディスプレイの表示領域全体に拡大するよう前記ウインドウ表示部に指示することを特徴とする情報表示装置。
【請求項２】
前記切り替え制御部は、前記リンク先ウェブページの読み込み開始から所定の時間が経過したとき、前記画像取り込み部に対して前記画像の取り込みを指示するとともに、前記ウインドウ表示部に対して前記縮小ウインドウの表示を指示することを特徴とする請求項１に記載の情報表示装置。
【請求項３】
前記画像取り込み部は、前記リンク先ウェブページの読み込み開始前に前記ウインドウ内に表示されていた前記ウェブページの範囲よりも広い範囲を含むように前記画像を作成することを特徴とする請求項１または２に記載の情報表示装置。
【請求項４】
前記レンダリング部は、前記リンク先ウェブページの読み込み中止をユーザが選択するためのキャンセルボタンを前記縮小ウインドウ内に表示し、
前記入力装置を介して前記キャンセルボタンが選択されたとき、前記ページ取得部に対して前記リンク先ウェブページの読み込みの中止を指示し、読み込み前のウェブページを前記ウインドウ内にレンダリングするよう前記レンダリング部に指示し、前記ウインドウを表示領域全体に拡大するよう前記ウインドウ表示部に指示するキャンセル処理部をさらに備えることを特徴とする請求項１ないし３のいずれかに記載の情報表示装置。
【請求項５】
コンピュータを備えた情報処理端末に設けられたディスプレイにウェブページを表示させるプログラムであって、
リンク先ウェブページの位置情報が関連付けられたリンクを含む表示中のウェブページにおいて、ユーザにより操作される入力装置を介して前記リンクが選択されたとき、該リンクに関連する位置情報に基づき前記リンク先ウェブページの読み込みを行うファイル取得手段と、
前記ウェブページおよび前記リンク先ウェブページをメモリ上にレンダリングするレンダリング手段と、
メモリ上にレンダリングされた画像を表示する前記ディスプレイ内のウインドウのサイズを制御するウインドウ表示手段と、
メモリ上にレンダリングされた画像のうち、前記リンク先ウェブページの読み込み開始前に前記ウインドウ内に表示されていた前記ウェブページの範囲と少なくとも同一の範囲を画像として取り込み、前記ディスプレイの表示領域に表示する画像取り込み手段と、
前記入力装置を介して前記リンクが選択されたことを契機として、前記ウインドウ表示手段に対して前記ディスプレイの表示領域よりもサイズを小さくした縮小ウインドウを表示するよう指示するとともに、読み込み中の前記リンク先ウェブページのレンダリングを前記縮小ウインドウ内で行うよう前記レンダリング手段に指示する切り替え制御部と、
前記リンク先ウェブページの読み込みおよびレンダリングが完了したとき、前記ウインドウを前記ディスプレイの表示領域全体に拡大するよう前記ウインドウ表示手段に指示する完了処理手段と、
をコンピュータに機能させるための情報表示プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、情報処理端末に搭載されるブラウザにおけるウェブページの表示技術に関する。
【背景技術】
【０００２】
携帯電話やスマートフォンなどの携帯情報端末では、無線通信によってウェブページを取得するので、通信に時間がかかりブラウザ上にウェブページがなかなか表示されない場合がある。このようなとき、真っ白の画面または処理途中のページがブラウザに表示されるので、通信が完了するまでの間、ユーザはコンテンツを閲覧できないまま待たされることになる。
【０００３】
従来、ウェブページ読み込みの進捗程度をユーザに示すために、プログレッシブバーをウインドウに重畳表示させたりタスクバーなどに表示するブラウザが知られている。例えば特許文献１には、ウェブページのローディング中に一時的なグラフィック要素を表示することが開示されている。特許文献２には、ウェブページのローディング中にローディングバーを表示することが開示されている。特許文献３には、ウェブページのローディング中に、そのウェブページを開いているウインドウに設けられた背景タブにウェブページを開いていることを示すことが開示されている。
【先行技術文献】
【非特許文献】
【０００４】
【特許文献１】米国特許第６３３９７８０号明細書
【特許文献２】米国特許第７５４３２４０号明細書
【特許文献３】米国特許第７５２３４０９号明細書
【発明の概要】
【発明が解決しようとする課題】
【０００５】
上記の方法では、ユーザはページ読み込みの進捗は分かるものの、ページの読み込みとレンダリングが完了するまでコンテンツを閲覧できないという問題は解決されていない。
【０００６】
本発明はこうした課題に鑑みてなされたものであり、その目的は、リンク先のウェブページの取得に時間がかかる場合でも、元のウェブページの閲覧を継続できるようにする技術を提供することにある。
【課題を解決するための手段】
【０００７】
本発明のある態様は、情報処理端末に設けられたディスプレイにウェブページを表示させる情報表示装置である。この装置は、リンク先ウェブページの位置情報が関連付けられたリンクを含む表示中のウェブページにおいて、ユーザにより操作される入力装置を介してリンクが選択されたとき、該リンクに関連する位置情報に基づきリンク先ウェブページの読み込みを行うページ取得部と、ウェブページおよびリンク先ウェブページをメモリ上にレンダリングするレンダリング部と、メモリ上にレンダリングされた画像を表示するディスプレイ内のウインドウのサイズを制御するウインドウ表示部と、メモリ上にレンダリングされた画像のうち、リンク先ウェブページの読み込み開始前にウインドウ内に表示されていたウェブページの範囲と少なくとも同一の範囲を画像として取り込み、ディスプレイの表示領域に表示する画像取り込み部と、入力装置を介してリンクが選択されたことを契機として、ウインドウ表示部に対してディスプレイの表示領域よりもサイズを小さくした縮小ウインドウを表示するよう指示するとともに、読み込み中のリンク先ウェブページのレンダリングを縮小ウインドウ内で行うようレンダリング部に指示する切り替え制御部と、を備える。切り替え制御部は、リンク先ウェブページの読み込みおよびレンダリングが完了したとき、ウインドウをディスプレイの表示領域全体に拡大するようウインドウ表示部に指示する。
【０００８】
この態様によると、リンク先ウェブページの読み込みを待っている間でも、ユーザは取り込んだ画像の表示によりリンク元ウェブページの閲覧を継続することができ、ユーザビリティが向上する。また、リンク先ウェブページの読み込みの進捗を、縮小ウインドウにより確認することができる。
【０００９】
切り替え制御部は、リンク先ウェブページの読み込み開始から所定の時間が経過したとき、画像取り込み部に対して画像の取り込みを指示するとともに、ウインドウ表示部に対して縮小ウインドウの表示を指示するようにしてもよい。これによると、リンク先ウェブページの読み込みに時間がかかるときのみ、擬似的な二つのウインドウが表示される。
【００１０】
画像取り込み部は、リンク先ウェブページの読み込み開始前にウインドウ内に表示されていたウェブページの範囲よりも広い範囲を含むように画像を取り込んでもよい。これによると、所定の範囲内であれば元のウェブページの画像内をスクロールして閲覧することができるので、リンク先ページの読み込みが長期化した場合でもユーザに与えるストレスを軽減することができる。
【００１１】
レンダリング部は、リンク先ウェブページの読み込み中止をユーザが選択するためのキャンセルボタンを縮小ウインドウ内に表示してもよい。入力装置を介してキャンセルボタンが選択されたとき、ページ取得部に対してリンク先ウェブページの読み込みの中止を指示し、読み込み前のウェブページをウインドウ内にレンダリングするようレンダリング部に指示し、ウインドウを表示領域全体に拡大するようウインドウ表示部に指示するキャンセル処理部をさらに備えてもよい。これによると、誤ってリンクをタップしたときでも、キャンセルボタンを選択することで元のウェブページに直ちに戻ることができる。
【００１２】
本発明の別の態様は、コンピュータを備えた情報処理端末に設けられたディスプレイにウェブページを表示させる情報表示プログラムである。このプログラムは、リンク先ウェブページの位置情報が関連付けられたリンクを含む表示中のウェブページにおいて、ユーザにより操作される入力装置を介してリンクが選択されたとき、該リンクに関連する位置情報に基づきリンク先ウェブページの読み込みを行うファイル取得手段と、ウェブページおよびリンク先ウェブページをメモリ上にレンダリングするレンダリング手段と、メモリ上にレンダリングされた画像を表示するディスプレイ内のウインドウのサイズを制御するウインドウ表示手段と、メモリ上にレンダリングされた画像のうち、リンク先ウェブページの読み込み開始前にウインドウ内に表示されていたウェブページの範囲と少なくとも同一の範囲を画像として取り込み、ディスプレイの表示領域に表示する画像取り込み手段と、入力装置を介してリンクが選択されたことを契機として、ウインドウ表示手段に対してディスプレイの表示領域よりもサイズを小さくした縮小ウインドウを表示するよう指示するとともに、読み込み中のリンク先ウェブページのレンダリングを縮小ウインドウ内で行うようレンダリング手段に指示する切り替え制御部と、リンク先ウェブページの読み込みおよびレンダリングが完了したとき、ウインドウをディスプレイの表示領域全体に拡大するようウインドウ表示手段に指示する完了処理手段と、をコンピュータに機能させる。
【００１３】
なお、以上の構成要素の任意の組合せ、本発明の表現を方法、装置、システム、記録媒体、コンピュータプログラムなどの間で変換したものもまた、本発明の態様として有効である。
【発明の効果】
【００１４】
本発明によれば、情報処理端末において、リンク先のウェブページの取得に時間がかかる場合でも、元のウェブページの閲覧を継続することができる。
【図面の簡単な説明】
【００１５】
【図１】実施の形態に係る情報表示機能を備えた携帯情報端末を含むネットワークシステムの全体構成を示す図である。
【図２】携帯情報端末のハードウェア構成図である。
【図３】携帯情報端末のうち、本実施形態に係る情報表示機能に関与する部分の構成を示す図である。
【図４】携帯情報端末のディスプレイにウェブページが表示された様子を示す図である。
【図５】ウェブページにおいて、いずれかのハイパーリンクがタップされたときの様子を示す図である。
【図６】縮小ウインドウ内でリンク先ウェブページのレンダリングが進行している様子を示す図である。
【図７】リンク先ウェブページの読み込みとレンダリングが完了したときの様子を示す図である。
【図８】メモリ上のウェブページのレンダリング画像と、背景画像として取り込まれる範囲と、ディスプレイの表示領域の関係を説明する図である。
【図９】本実施形態の情報表示装置によるウェブページの表示処理のフローチャートである。
【発明を実施するための形態】
【００１６】
以下では、まず携帯情報端末の一般的な説明を述べ、続いて本発明の一実施形態に係る機能についての詳細な説明を述べる。
【００１７】
図１は、実施の形態に係る情報表示機能を備えた携帯情報端末１０を含むネットワークシステムの全体構成を示す。
【００１８】
携帯情報端末１０は、携帯電話またはスマートフォンなどの、ユーザと共に移動可能なハードウェアである。携帯情報端末１０は、ユーザの操作によってアクセスポイント１６または基地局１８などを介してＬＡＮ（Local Area Network）、インターネット等のネットワーク１４に接続され、ＵＲＬ（Uniform Resource Locator）で特定されるサーバ１２にアクセスし、所望のファイルを取得することが可能である。
【００１９】
サーバ１２は、ネットワーク１４を介して、携帯情報端末１０にテキストファイル、イメージファイル、音声ファイル、動画ファイルなどのファイルを提供する。このサーバは、例えばウェブサーバその他インターネット上のサービス主体でもよく、その場合、ＣＧＩ（Common Gateway Interface）のようにサーバ側に処理の主たる機能が残るもの、Ｊａｖａ（登録商標）アプレットのようにクライアント側に処理の主たる機能が移動するもの、サーバとクライアントの両方に処理の主たる機能であるＪａｖａ（登録商標）アプリケーションなどを配するものなど、いろいろな態様で実現できる。
【００２０】
また、携帯情報端末１０は、ネットワーク１４にアクセスしなくても、内部の記憶装置や記憶媒体に格納されているファイルをユーザ操作により参照、編集することができるように構成されている。
【００２１】
携帯情報端末１０には、ディスプレイと重ねた状態でタッチパネル５０が配設される。携帯情報端末１０は、主にユーザの指またはスタイラスのような器具でタッチパネルを触れることで操作される。以下では、ユーザの指でタッチパネルを操作するものとして説明する。タッチパネルの他、スイッチや各種のキー５２等が携帯情報端末１０に備えられていてもよい。
【００２２】
タッチパネル５０は、ユーザの指やスタイラス等がパネルに触れると、接触位置の座標を出力するように構成された透明のパネルである。タッチパネル５０は、フィルム電極とガラス電極との接触点の電位を検知して接触位置を算出する抵抗膜方式、赤外線の発光素子と受光素子とでグリッドを作り指示オブジェクトで遮光された位置を出力する赤外線方式、表面弾性波の到達時間を検出して接触位置を出力する超音波表面弾性波方式の他、周知の方式、および今後開発される任意の方式を採用できる。
【００２３】
携帯情報端末１０には、周知のブラウザが搭載されている。ブラウザは、ＨＴＴＰプロトコルにしたがってサーバ１２からウェブページを取得し、ＨＴＭＬ等で記述された文書データを解析し、ウェブページを表示するためのレイアウト処理を行い、レイアウト処理されたウェブページをディスプレイに表示させる機能を有する。
【００２４】
図２は、携帯情報端末１０のハードウェア構成図である。携帯情報端末１０は、ＣＰＵ（Central Processing Unit）２０、メインメモリ（ＲＡＭ：Random Access Memory）２２、ＲＯＭ（Read Only Memory）２４、音声制御装置２６、不揮発性記憶装置３２、表示制御装置３４、入力装置３８、通信制御装置４０、外部記憶装置４２、およびＧＰＳ受信機４４を備える。これらは、バス４６を介して相互に接続される。
【００２５】
ＣＰＵ２０は、オペレーティングシステムを動作させて携帯情報端末１０の全体を制御する。また、ＲＯＭ２４から、または外部記憶装置４２に装着された記録媒体からメインメモリ２２にプログラムやデータを読み出し、これにしたがって各種の処理を実行する。メインメモリ２２は、ＣＰＵ２０がプログラムの実行を行う際に必要となる一時記憶領域および作業領域、およびプログラムの実行に必要な各種のデータを格納する領域となる。ＲＯＭ２４は、ＣＰＵ２０が実行するコンピュータプログラムおよびデータを格納する読み出し専用の記憶装置である。
【００２６】
音声制御装置２６は、携帯電話を始めとする電話機能付きの携帯情報端末に設けられ、マイク２８およびスピーカ３０と接続されて、音声の入出力制御を行う。
【００２７】
不揮発性記憶装置３２は、電源オフ後も記憶内容を保持可能な記憶装置であり、ハードディスクドライブまたはフラッシュメモリ等の半導体メモリを含む。
【００２８】
表示制御装置３４は、ＣＰＵによって図示しないフレームバッファに描画されたデータを、携帯情報端末１０に備えられたディスプレイ３６で表示できるようにするためのビデオ信号を生成する。
【００２９】
入力装置３８は、ユーザが携帯情報端末１０に対して操作の指示を入力するための装置である。入力装置３８には、キー、トラックパッドなどのポインティングデバイス、各種ボタン、ディスプレイ３６の表面に配置されるタッチパネル５０など、携帯情報端末の種類に応じた任意のデバイスが含まれる。ＵＳＢ（Universal Serial Bus）端子等を介して携帯情報端末にマウスを接続して用いてもよい。
【００３０】
通信制御装置４０は、各種通信方式による音声およびデータの通信を制御する。データ通信方式は、ＩＥＥＥ８０２．１ａ／ｂ／ｇ／ｎなどの無線ＬＡＮ、赤外線通信、パケット通信によるデータ通信などの任意の方式を含む。なお、ケーブルを使用して携帯情報端末１０をネットワーク１４に接続してもよい。
【００３１】
外部記憶装置４２は、交換可能な記録媒体を使用するドライブ装置である。記録媒体には、磁気ディスク、光ディスク、光磁気ディスク、または半導体メモリなどが含まれる。
【００３２】
ＧＰＳ受信機４４は、人工衛星からの電波をもとに携帯情報端末の場所を測位する装置である。
【００３３】
上述の各構成要素はいずれも周知のものであるから、これ以上詳細な説明は省略する。
【００３４】
携帯情報端末に搭載される、オペレーティング・システム（ＯＳ）やブラウザ等を含むプラットフォームの中には、ブラウザのウインドウをアクティブな状態で一つしか表示できないものも存在する。このようなシングルウインドウのブラウザでは、背景技術で述べたようにウェブページの通信に時間がかかり、真っ白の画面または処理途中のページがブラウザウインドウに表示されると、通信が完了するまでの間、ユーザはコンテンツを閲覧できない状態になる。
【００３５】
そこで、本実施形態では、ブラウザウインドウをアクティブな状態で一つしか表示できない携帯情報端末において、擬似的に二つのウインドウを表示しているように見せ、一方で通信中のウェブページのレンダリングを実行する間、他方でユーザがコンテンツの閲覧を継続できるようにする技術を提供する。
【００３６】
図３は、携帯情報端末１０のうち、本実施形態に係る情報表示機能に関与する部分の構成を示す。この構成は、ハードウェア的には、任意のコンピュータのＣＰＵ、メモリ、その他のＬＳＩで実現でき、ソフトウェア的には、ブラウザ、オペレーティングシステム、ＪａｖａＳｃｒｉｐｔ、ＡＰＩ（Application Programming Interface）などの協働により実現される。図３では、それらの組合せで実現されるもののうち、本実施形態に関与する部分のみを取り出して機能ブロックとして説明している。なお、図３に示されていない機能であっても、通常の携帯情報端末が備えている機能は当然に有しているものとする。
【００３７】
また、これらの機能ブロックがハードウェアのみ、ソフトウェアのみ、またはそれらの組合せによっていろいろなかたちでも実現できることは、当業者には理解されるところである。
【００３８】
続いて、各機能ブロックの詳細を述べる。
【００３９】
ページ取得部７０は、ブラウザウインドウ内に表示中のウェブページにおけるハイパーリンクの選択に応じて、ネットワーク経由でウェブページファイルを受け取る。ウェブページファイルは、ＳＧＭＬ(Standard Generalized Markup Language)、ＨＴＭＬ(HyperText Markup Language)、ＸＭＬ(eXtensible Markup Language)などのマークアップ言語で記述されている。ウェブページファイルにＪａｖａＳｃｒｉｐｔなどのスクリプト言語が含まれていてもよい。
【００４０】
一般に、ウェブページ内のハイパーリンクは、<a>要素を起点にしてhref属性でリンク先の絶対ＵＲＬ、相対ＵＲＬ、絶対パスを指定することで表現されている。ハイパーリンクには、通常、インターネット上に存在する情報リソースの位置を指し示すＵＲＬが関連付けられている。なお、本明細書でいう「ＵＲＬ」には、サーバ名、ポート番号、フォルダ名、ファイル名などで構成される文字列や、ＩＰ（Internet Protocol）アドレスで指定するものを含む。
【００４１】
ページ／履歴保持部７２は、ページ取得部７０で受け取られたウェブページファイルを記憶する。ウェブページの表示内容を規定するＣＳＳ（Cascading Style Sheet）等の外部スタイルシートやＥｃｍａＳｃｒｉｐｔ等の外部スクリプトが存在する場合は、それらも合わせて記憶する。また、ブラウザウインドウ内での閲覧履歴も保持する。
【００４２】
レンダリング部７４は、ページ／履歴保持部７２に格納されたハイパーリンクを含むウェブページファイルをメモリ上にレンダリングする。具体的には、レンダリング部７４は、ウェブページファイルの論理的な構造を解釈し、各タグで定められた表現形式、テーブル、フレーム、画像データ、フォーム部品、テキストの折り返し、表示画面のサイズといった情報を用いて、ブラウザウインドウ内に表示されるウェブページのレイアウト処理を行う。このようなウェブページの解釈はパーサとして、レイアウト処理はレンダリングエンジンとして当業者には周知であるため、詳細な説明は省略する。
【００４３】
ウインドウ表示部７６は、メモリ上にレンダリングされた画像をブラウザウインドウ内に表示するとともに、ウインドウのサイズを制御する。
【００４４】
ページ要求部７８は、タップ位置検出部８０で検出されたタッチパネル上でのタップ位置と、ウインドウに表示されているウェブページとのマッチングを行い、いずれのハイパーリンクが選択されたかを決定する。そして、選択されたハイパーリンクに関連付けられている位置情報にしたがって、リンク先のファイルを送信するように要求する。
【００４５】
画像取り込み部８６は、切り替え制御部８４からの指示にしたがって、メモリ上にレンダリングされた画像のうち、リンク先ウェブページの読み込み開始前にウインドウ内に表示されていたウェブページの範囲と少なくとも同一の範囲をコピーし（あるいは取り込み（キャプチャし））、ディスプレイの表示領域に背景画像として表示する。すなわち、取り込まれた画像は、後述するアクティブなブラウザウインドウである縮小ウインドウよりもさらに背面側に配置された別のウインドウ内に重畳させて表示される。
【００４６】
切り替え制御部８４は、ページ取得部７０によるリンク先ウェブページの読み込み開始から所定の時間が経過したとき、画像取り込み部８６に対して背景画像の取り込みを指示するとともに、ウインドウ表示部７６に対して、ディスプレイの表示領域よりもサイズを小さくした縮小ウインドウの表示を指示する。さらに、レンダリング部７４に対して、読み込み中のリンク先ウェブページのレンダリングを縮小ウインドウ内で行うよう指示する。
【００４７】
また、切り替え制御部８４は、リンク先ウェブページの読み込みおよびレンダリングが完了したとき、ウインドウをディスプレイの表示領域全体に拡大するようウインドウ表示部７６に指示する。このとき、切り替え制御部８４は、背景画像を破棄するようにしてもよい。画像を破棄するタイミングは特に限定されず、不要になったときに行う他、後でまとめて破棄してもよい。
【００４８】
キャンセル処理部８２は、縮小ウインドウ内に表示された後述するキャンセルボタンがタップされたとき、ページ取得部７０に対してリンク先ウェブページの読み込みの中止を指示する。また、読み込み前のウェブページをウインドウ内にレンダリングするようレンダリング部７４に指示するとともに、ウインドウを表示領域全体に拡大するようウインドウ表示部７６に指示する。
【００４９】
図４〜図８を参照して、情報表示装置１００の作用について説明する。
【００５０】
図４は、携帯情報端末１０のディスプレイ１１０にウェブページ１１６が表示された様子を示す。この例では、ウェブページ１１６はポータルサイトのホームページであり、複数のハイパーリンクが含まれているものとする。
【００５１】
一般に、携帯情報端末のディスプレイには、通信状態、電池残量、時刻等を表示するためのステータスバー領域１１２や、ブラウザのタイトルバー１１４などがウェブページとともに表示される。以下の説明では、これらを除いたコンテンツ表示領域１２０内にウェブページが表示されるものとして説明する。
【００５２】
図５は、ウェブページ１１６において、いずれかのハイパーリンクがタップされたときの様子を示す。図４の状態から、ウェブページ１１６内のハイパーリンクがクリックされると、ページ取得部７０によりリンク先ウェブページの読み込みが開始される。
【００５３】
読み込み開始時間から所定の時間が経過すると、切り替え制御部８４は、擬似的な二画面表示に切り替えると判定する。そのため、画像取り込み部８６に対して、メモリ上にレンダリングされている表示中のウェブページの画像のうち、所定の範囲を取り込むように指示する。また、ウインドウ表示部７６に対し、ウインドウのサイズをコンテンツ表示領域１２０よりも小さくするように指示する。ウインドウ表示部７６は、例えば図５のようにコンテンツ表示領域１２０の右下隅に縮小ウインドウ１３０を表示する。
【００５４】
そして、画像取り込み部８６は、取り込んだ表示中のウェブページの画像のうち、リンク先ウェブページの読み込み開始前にウインドウ内に表示されていた範囲と同じ範囲を、背景画像１１６’としてディスプレイ内に表示する。
【００５５】
レンダリング部７４は、読み込み中のリンク先ウェブページのレンダリングを縮小ウインドウ１３０内で行う。また、縮小ウインドウ１３０内の一部、例えば左上隅に、リンク先ウェブページの読み込みを中止するためのキャンセルボタン１３２を表示する。キャンセルボタン１３２については後述する。
【００５６】
図６は、縮小ウインドウ内でリンク先ウェブページ１３４のレンダリングが進行している様子を示す。そして、リンク先ウェブページの読み込みとレンダリングが完了すると、切り替え制御部８４は、ウインドウ表示部７６に対して、ウインドウのサイズをコンテンツ表示領域１２０の全体に拡大するように指示する。この結果、図７に示すように、リンク先ウェブページ１３４がディスプレイ１１０内に表示される。このとき、切り替え制御部８４が上述のように背景画像とした元のウェブページの画像を破棄した場合、メモリの消費を抑えることができる。
【００５７】
以上のように、リンク先ウェブページのレンダリングを縮小ウインドウ内で行い、元のウェブページを背景画像として表示することで、リンク先ウェブページの読み込みの間もユーザは元のウェブページのコンテンツを閲覧し続けることができる。ウインドウを縮小して背景画像に重畳表示することで、ユーザにとっては、あたかも既存のウインドウで元のページを表示しつつ、別のウインドウが開いてその中でリンク先ページのレンダリングが行われているように見せることができる。そのため、ユーザは違和感なく元のウェブページを閲覧することができる。
【００５８】
但し、上記のように背景画像として元のウェブページを表示し、ユーザにとっての見た目に変化がないようにすると、ユーザは背景画像内の、位置情報が埋め込まれていない単なる文字列としてのハイパーリンクをタップして、別のリンク先ページをさらに開こうとすることが考えられる。そこで、元のウェブページは背景画像に切り替えられたことを、テキストやアイコン等によってユーザに知らせるようにしてもよい。
【００５９】
図８は、メモリ上のウェブページのレンダリング画像と、背景画像として取り込まれる範囲と、ディスプレイの表示領域の関係を説明する図である。
【００６０】
リンク先ウェブページの読み込み開始前に表示されていた範囲のみを背景画像として設定すると、閲覧できるコンテンツの量は限られてしまい、リンク先ウェブページの読み込みが長期化した場合は不都合である。そこで、画像取り込み部８６は、図８に示すように、リンク先ウェブページの読み込み開始前にウインドウ内に表示されていたウェブページの範囲１４２よりも広い範囲１４４を含むように背景画像を作成することが好ましい。このとき、メモリ上のウェブページのレンダリング画像１４０の全体を取り込んでもよいが、ウェブページの構成によっては大量のメモリを消費してしまうため、元の範囲１４２よりも上下左右方向に所定の間隔を加えた範囲を取り込むことが好ましい。
【００６１】
そして、ディスプレイ１１０において、背景画像をスクロール表示できるように構成すれば、縮小ウインドウ内でリンク先ウェブページのレンダリングを行いつつ、元のウェブページのスクロールしながらの閲覧が可能になる。
【００６２】
背景画像は、ウェブページの見た目の変化を最小とし、処理を速くするため、ビットマップ画像とすることが好ましい。しかしながら、背景画像の情報量を抑制したい場合などは、ＪＰＥＧ等の圧縮画像としてもよい。
【００６３】
続いて、図５および図６に示したキャンセルボタンの作用について説明する。縮小ウインドウ内でのレンダリングの進行をみて、誤ったハイパーリンクをタップしたことや、興味のないウェブページであることが分かった場合、ユーザは縮小ウインドウ１３０内に表示されるキャンセルボタン１３２をタップする。このとき、キャンセル処理部８２は、ページ取得部７０に対してリンク先ウェブページの読み込みを中止するよう指示するとともに、レンダリング部７４に対して元のウェブページをウインドウ内にレンダリングするように指示する。したがって、迅速に元のウェブページに戻り、別のハイパーリンクをタップし直すことが可能になる。
【００６４】
二つ以上のブラウザウインドウを同時に表示できる携帯情報端末用プラットフォームにおいても、リンク先ウェブページを表示するために新たなウインドウを開いた場合、元のウインドウでの閲覧履歴やJavaScriptのコンテキスト情報を新たなウインドウに引き継ぐことはできないものが多い。この場合、新しいウインドウにおいて閲覧履歴を遡ることができず、ウェブページによっては振る舞いが変わってしまうという問題がある。具体的には、１．ブラウザの「戻る」ボタン、「進む」ボタンが機能しなくなる、２．JavaScriptのhistory.back()、history.forward()、history.go()が動作しなくなる、３．JavaScriptのwindow.openerの値が無効になる、といった問題が生じる。
【００６５】
これに対し、本実施形態では、リンク先ウェブページを表示するために新たなウインドウを生成するのではなく、既に開いているウインドウを縮小してその中でリンク先ウェブページを表示するので、閲覧履歴を維持することができる。そのため、リンク先ウェブページの読み込みをキャンセルをした場合でも、履歴が残っている限り速やかに元のウェブページに復帰することが可能となっている。
【００６６】
図９は、本実施形態の情報表示装置によるウェブページの表示処理のフローチャートである。
【００６７】
ユーザが表示中のウェブページ内のハイパーリンクをタップすると、ページ取得部７０がリンク先ウェブページの読み込みを開始する（Ｓ１０）。リンク先ウェブページの読み込み開始から所定時間以内に読み込みが完了した場合（Ｓ１２のＮ）、ウインドウのサイズを変えることなく、レンダリング部７４がリンク先ページをウインドウ内に表示する（Ｓ２４）。所定時間以内に読み込みが完了しない場合（Ｓ１２のＹ）、切り替え制御部８４が擬似的な二画面表示を行うことを決定する。これに応じて、画像取り込み部８６は、リンク先ウェブページの読み込み前に表示されているウェブページのコピーであるビットマップ画像を、メモリ上にレンダリングされている画像から作成し（Ｓ１４）、これを背景画像としてディスプレイに表示する（Ｓ１６）。同時に、ウインドウ表示部７６は縮小ウインドウを表示し、レンダリング部７４が縮小ウインドウ内でリンク先ウェブページのレンダリングを実行する（Ｓ１８）。
【００６８】
リンク先ウェブページのレンダリング中にキャンセルボタンがタップされなければ（Ｓ２０のＮ）、リンク先ウェブページの読み込みおよびレンダリングの完了後、ウインドウ表示部７６がウインドウサイズを元に戻して、リンク先ウェブページを画面全体に表示する（Ｓ２２）。キャンセルボタンがタップされた場合（Ｓ２０のＹ）、キャンセル処理部８２はウインドウの閲覧履歴を参照し、履歴が更新されているか否かを判定する（Ｓ２６）。履歴が更新されていない場合（Ｓ２６のＮ）、リンク先ウェブページの読み込みを中止するようにページ取得部７０に指示する（Ｓ２８）。履歴が更新されている場合（Ｓ２６のＹ）、閲覧履歴を辿って元のウェブページの位置情報を取得し（Ｓ３０）、ページ要求部７８が元のウェブページを再度要求する。そして、ウインドウ表示部７６がウインドウを最大化し、レンダリング部７４が元のウェブページをウインドウ内に表示する（Ｓ３２）。
【００６９】
以上説明したように、本実施形態によれば、アクティブなブラウザウインドウを一つしか表示できない携帯情報端末において、リンク先のウェブページの読み込みに時間がかかる場合、リンク先ウェブページを縮小したウインドウで表示するとともに、リンク元のウェブページを取り込んだ画像を背景画像として表示するようにした。これにより、リンク先ウェブページの読み込みを待っている間でも、ユーザはリンク元ウェブページの閲覧を継続することができ、ユーザビリティが向上する。また、リンク先ウェブページの読み込みの進捗を、縮小ウインドウにより確認することができる。
【００７０】
リンク元ウェブページの画像を取り込む範囲を、元々ウインドウに表示されていた範囲よりも大きくすることで、所定の範囲内であればスクロールして閲覧することが可能になる。これにより、リンク先ページの読み込みが長期化した場合でも、ユーザに与えるストレスを軽減することができる。
【００７１】
また、縮小ウインドウ内にリンク先ウェブページの読み込みキャンセルボタンを表示するので、誤ってリンクをタップしたときに、リンク元のページに直ちに戻ることができる。
【００７２】
以上、本発明を実施の形態をもとに説明した。この実施の形態は例示であり、それらの各構成要素や各処理プロセスの組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。
【００７３】
実施の形態では、リンク元のウェブページを取り込んだ画像を背景とし、リンク先ウェブページを縮小ウインドウとして重畳させて表示したが、この態様に限定されない。例えば、リンク元ウェブページの取り込み画像を表示したウインドウと、リンク先ウェブページとを、タイル状に横方向または縦方向に並べて表示してもよい。
【００７４】
実施の形態では、タッチパネルを入力装置として備えた携帯情報端末について説明したが、カーソルを移動してハイパーリンクを選択できる限り、マウス、トラックボール、十字キー、タッチパッドなどの任意のポインティングデバイスを備えた携帯情報端末にも本発明を適用することができる。
【００７５】
実施の形態では、本発明に係る情報表示機能を携帯電話やスマートフォンなどの携帯情報端末に実装することについて説明した。これらの端末以外でも、複数のウインドウを同時に表示することができない比較的小さなディスプレイを有する機器、例えばタブレットＰＣ、電子ブックリーダー、ウェアラブルデバイス、ＰＮＤ（Portable Navigation Device）等の情報処理端末にも本発明を適用することができる。
【符号の説明】
【００７６】
１０  携帯情報端末、  ３６  ディスプレイ、  ３８  入力装置、  ５０  タッチパネル、  ７０  ページ取得部、  ７２  ページ／履歴保持部、  ７４  レンダリング部、  ７６  ウインドウ表示部、  ７８  ページ要求部、  ８０  タップ位置検出部、  ８２  キャンセル処理部、  ８４  切り替え制御部、  ８６  画像取り込み部、  １００  情報表示装置。
【図１】
2012078925.tif 000003
【図２】
2012078925.tif 000004
【図３】
2012078925.tif 000005
【図４】
2012078925.tif 000006
【図５】
2012078925.tif 000007
【図６】
2012078925.tif 000008
【図７】
2012078925.tif 000009
【図８】
2012078925.tif 000010
【図９】
2012078925.tif 000011