JP2006139614A - ウェブブラウザおよび表示装置 - Google Patents

Abstract

【課題】一度訪れたことのあるウェブページについて、そのウェブページへ移行する際に、ウェブページの表示の準備が整うまでの待機時間中、ユーザにとって動作状況が直感的に分かりやすいユーザインタフェースを提供する。
【解決手段】ユーザによるブックマークの指定時に、そのブックマークに対応するマークアップ言語文書を取得しそのウェブページの表示準備が整うまでの間、当該ウェブページ画面のキャプチャー画像を利用して動的表示（４０１〜４０４）を行い、当該ウェブページ情報が通信ネットワークを介してウェブサイトから取り寄せられつつある状況をユーザに直感的に知らしめる。表示準備が整った後、動的表示から当該新たに取得されたウェブページの表示（４０５）に切り替える。また、“戻り”操作、“進み”操作において、移行先のウェブページのキャプチャー画像を利用した動的表示、例えば当該移行先ウェブページのスライドイン表示等を行う。
【選択図】図５

Description

本発明は、マークアップ言語文書で記述されたウェブページを表示するウェブブラウザおよび表示装置に関するものである。

インターネット上のウェブサイトにおいて閲覧される文書等は通常ＨＴＭＬ（Hyper Text Markup Language）等のマークアップ言語で記述された文書である。マークアップ言語で記述された文書は、それ自体、テキストでありながら、フォントのサイズ、色等の文字装飾情報や画像の組み込み、それらのレイアウトの設定、さらには、同文書内の他の項目へのリンクあるいは他の文書や画像等へのリンクの設定等が行える。このようなマークアップ言語で記述された文書に含まれるタグ情報を解釈して文書内容を閲覧するための処理を行うソフトウェア（コンピュータプログラム）はウェブブラウザと呼ばれる。

ウェブブラウザは、パーソナルコンピュータ（ＰＣ）を代表とするコンピュータ装置において動作し、ウェブページ閲覧時に、通信ネットワークを介してｈｔｔｐプロトコル等の通信プロトコルに則り、当該ウェブページを特定するためのＵＲＬ（Uniform Resource Locator）を用いて当該ウェブサイトにウェブページを構成するマークアップ言語文書を要求し、取得する。ウェブブラウザは、この取得したマークアップ言語文書を解釈し、さらに文書内に埋め込まれている画像等があればそのデータを取得し、表示アイテムのレイアウトおよびレンダリングの処理を経て、表示デバイス上にウェブページ画面を表示する。

ウェブブラウザは、一般にその一機能として、一度訪れたウェブページについては次回に再訪する際にＵＲＬを手入力したり上位画面から階層的にリンクを辿っていく等の面倒な操作を行うことなく、直ちに当該ウェブページへ移行するために、そのＵＲＬを登録しておくブックマーク（または「お気に入り」）の機能を有している。

ユーザによるブックマークの指定操作により目的のウェブページが指定された場合、ブラウザはその対応するＵＲＬのウェブサイトにアクセスして該当するマークアップ言語文書を要求し、そのデータをダウンロードする。この際、そのダウンロードに要する時間、および取得したマークアップ言語文書を解釈して表示データを構築するための処理時間がかかり、ユーザはその間待たされることになる。従来、そのような待機時間中、例えば砂時計のようなアイコンを表示することが行われている。

このようなアイコンの表示により、ユーザには、処理中であることが認識できるが、初心者や操作に不慣れな者には現在何が行われているか判りづらかった。また、操作に慣れた者にとっても、要求したウェブページが表示されるまでの間、ただ砂時計を見つめて待つのは退屈であった。

本発明はこのような背景においてなされたものであり、その目的は、ウェブブラウザおよび表示装置において、一度訪れたことのあるウェブページについて、そのウェブページへ移行する際に、ウェブページの表示の準備が整うまでの待機時間中、ユーザにとって動作状況が直感的に分かりやすいユーザインタフェースを提供することにある。

本発明によるウェブブラウザは、ブックマークとして登録されたＵＲＬに対応するマークアップ言語文書の表示により得られたウェブページ画面のキャプチャー画像を記憶するステップと、ブックマークが選択されたとき、当該ブックマークに対応するＵＲＬからマークアップ言語文書を通信ネットワーク経由で取得するステップと、当該マークアップ言語文書が取得されその表示の準備が整う前に当該ウェブページ画面のキャプチャー画像を表示するステップと、前記マークアップ言語文書の表示の準備が整った後、前記ウェブページ画面のキャプチャー画像から前記マークアップ言語文書の表示に切り替えるステップとを備えたことを特徴とする。

ユーザによるブックマークの指定時に、そのブックマークに対応するマークアップ言語文書を取得しそのウェブページの表示準備が整うまでの間、当該ウェブページ画面のキャプチャー画像を利用してその表示（好ましくは動的表示）を行う。これにより、当該ウェブページ情報が通信ネットワークを介してウェブサイトから取り寄せられつつある状況をユーザに直感的に知らしめることができる。また、表示準備が整った後、動的表示から当該新たに取得されたマークアップ言語文書のウェブページ表示に切り替えるので、本発明の処理により目的のウェブページの表示が特に遅れることもない。

前記キャプチャー画像は前記ウェブページ画面の縮小コピーであり、前記動的表示では、前記キャプチャー画像が遠くから近くへ迫ってくるように、前記キャプチャー画像を小さい画面サイズから次第に拡大していくようにしてもよい。これにより、ユーザはマークアップ言語文書のデータが遠くから近づいてくる状況を仮想的に実感することができる。なお、最初の最小サイズから最後の最大サイズにまで変化していく過程で一時的に小さい側へ戻るような動作があってもよく、本発明はこのような動作を排除するものではない。

前記キャプチャー画像をブックマークとして画面上に２次元的に並べて配置するステップと、ユーザによる任意のブックマークの選択によりブックマークの選択を行うステップとをさらに備えてもよい。これにより、縮小されているとはいえ、各ウェブページのイメージを視覚的に認識できるので、従来のリスト表示によるブックマークの選択に比べてブックマークの内容がより理解されやすくなる。

本発明による他のウェブブラウザは、ウェブページの閲覧の履歴を蓄積するステップと、前記閲覧した各ウェブページ画面のキャプチャー画像を記憶するステップと、現在のウェブページから前記履歴の蓄積されたウェブページへの移行の指示を受けたとき、当該ウェブページに対応するマークアップ言語文書を取得するステップと、当該マークアップ言語文書が取得されその表示の準備が整う前に、当該ウェブページ画面のキャプチャー画像を用いた動的表示を行うステップと、前記マークアップ言語文書の表示の準備が整った後、前記キャプチャー画像の動的表示から前記マークアップ言語文書の表示に切り替えるステップとを備えたことを特徴とする。

ウェブページ閲覧の履歴に基づいてマークアップ言語文書が取得される場合にも、表示の準備が整うまでにある程度の時間がかかる。本発明ではその時間を利用して、ウェブページ画面のキャプチャー画像を用いた動的表示を行い、その後、前記マークアップ言語文書の表示に切り替える。例えば、前記動的表示を行うステップでは、現在のウェブページから当該ウェブページ画面のキャプチャー画像へ段階的に切り替えて表示する。より具体的には、切り替え後の画面を表示スクリーン内へスライドインさせる、ドライブインさせる、ドロップインさせる、フェイドインさせる、のいずれかを行う。また、これに併せて、切り替え前の画面を表示スクリーンからスライドアウトさせる、または、フェードアウトさせる。このような表示形態をとることにより、履歴に基づく戻り操作や進み操作の動作状況がユーザに直感的に分かりやすくなる。

本発明によるウェブブラウザは、別の観点によれば、閲覧された各ウェブページのＵＲＬごとに当該表示画面のキャプチャー画像を記憶するステップと、ユーザによりＵＲＬが指定されたことを検出するステップと、当該指定されたＵＲＬに該当する前記キャプチャー画像を読み出すステップと、前記ウェブページの表示準備処理が終了するまでの間に当該キャプチャー画像を動的に表示するステップとを備えたことを特徴とする。ユーザによるＵＲＬの指定は、手入力、ブックマークの選択、履歴に基づく選択等、任意である。指定されたＵＲＬに該当するキャプチャー画像が存在しない場合には、予め用意されているデフォルトの画像を用いることができる。

本発明によるウェブページを表示する表示装置は、ブックマークとして登録されたＵＲＬに対応するマークアップ言語文書の表示により得られたウェブページ画面のキャプチャー画像を記憶する記憶手段と、ユーザの操作を受け付ける操作受付手段と、ユーザの操作によりブックマークが選択されたとき、当該ブックマークに対応するＵＲＬからマークアップ言語文書を通信ネットワーク経由で取得する手段と、当該マークアップ言語文書が取得されその表示の準備が整う前に当該ウェブページ画面のキャプチャー画像を表示する表示手段と、前記マークアップ言語文書の表示の準備が整った後、前記ウェブページ画面のキャプチャー画像から前記マークアップ言語文書の表示に切り替える制御手段とを備えたことを特徴とする。

本発明によるウェブページを表示する他の表示装置は、ウェブページを表示する表示装置であって、ウェブページの閲覧の履歴を蓄積する履歴蓄積手段と、閲覧した各ウェブページのマークアップ言語文書をキャッシュ記憶領域に一時的に記憶するキャッシュ記憶手段と、前記閲覧した各ウェブページ画面のキャプチャー画像を記憶する画面記憶手段と、ユーザの操作を受け付ける操作受付手段と、ユーザの操作により、現在のウェブページから前記履歴の蓄積されたウェブページへの移行の指示を受けたとき、当該ウェブページに対応するマークアップ言語文書を前記キャッシュ記憶領域から取得する手段と、当該マークアップ言語文書が取得されその表示の準備が整う前に、当該ウェブページ画面のキャプチャー画像を用いた動的表示を行う表示手段と、前記マークアップ言語文書の表示の準備が整った後、前記ウェブページ画面のキャプチャー画像から前記マークアップ言語文書の表示に切り替える制御手段とを備えたことを特徴とする。

前記ウェブページ画面の縮小コピーであるキャプチャー画像をブックマークとして画面上に２次元的に並べて配置し、ユーザによる任意のブックマークの選択によりブックマークの選択を行うブックマーク手段をさらに備えてもよい。また、ブックマークの選択時、その近傍に当該キャプチャー画像のタイトルおよび／またはＵＲＬを併せて表示するようにしてもよい。

前記操作受付手段は、好ましくは、前記表示手段の表示画面に重なる入力領域を有するタッチパネルを含む。

本発明によれば、ユーザの操作に応じてウェブページが表示されるまでの待機時間の間に、過去に取得された当該ウェブページの画面のキャプチャー画像を表示し、マークアップ言語文書の表示の準備が整った後、前記ウェブページ画面のキャプチャー画像から前記マークアップ言語文書の表示に切り替える。すなわち、一度訪れたことのあるウェブページについて、そのウェブページへ移行する際に、ウェブページの表示の準備が整うまでの待機時間中、以前に見たウェブページが表示されるので、ユーザに待ち時間を意識させないインタフェースを提供できる。

待機時間中、当該ウェブページの画面のキャプチャー画像に基づく動的表示、例えば、前記キャプチャー画像が遠くから近くへ迫ってくるように、前記キャプチャー画像を小さい画面サイズから次第に拡大していくことにより、ユーザ操作に応じた現在の動作状況が直感的に理解される。

他の発明によれば、現在のウェブページから履歴の蓄積されたウェブページへの移行の指示を受けたとき、マークアップ言語文書が取得されその表示の準備が整う前に、当該ウェブページ画面のキャプチャー画像の動的表示を行うことにより、やはり、ユーザに待ち時間を意識させないインタフェースを提供できる。例えば、「戻り」操作や「進み」操作に応じた動的表示では、前記キャプチャー画像の画面を表示スクリーン内へスライドイン等させることにより、ユーザ操作に応じた現在の動作状況が直感的に理解される。

また、本発明によるウェブブラウザは、別の観点によれば、閲覧された各ウェブページのＵＲＬごとに当該表示画面のキャプチャー画像を記憶するステップと、ユーザにより指定されたことを検出するステップと、当該指定されたＵＲＬに該当する前記キャプチャー画像を読み出すステップと、前記ウェブページの表示準備処理が終了するまでの間に当該キャプチャー画像を動的に表示するステップとを備えたことを特徴とする。本発明によれば、ユーザが以前ウェブページを閲覧したときに、表示準備処理が完了して表示された表示画面をキャプチャー画像として記憶されているので、再び同一ＵＲＬの閲覧をユーザが指定すると当該ＵＲＬに該当するキャプチャー画像が読み出されて、当該ウェブページの表示準備処理が完了する間に動的表示されることとなって、ユーザにこれから表示させるウェブページが認識でき且つ一部の内容を伝えることができ、更に面白みを備えた非常に優れたユーザインタフェースとしてのアニメーション表現を、ブラウザによる表示準備処理を待たずに実現することができる。特に、ブラウザによりウェブページを表示させるためには必ずレンダリング処理が必要のため、上述のようにレンダリング処理が完了したキャプチャー画像の記憶を予めしておくことは有益である。

したがって、本発明によれば高齢者や子供にも使いやすいユーザインタフェースが得られる。

以下、本発明の好適な実施の形態について図面を参照しながら詳細に説明する。

図１は、本発明のマークアップ言語文書表示方法を実現するブラウザを搭載したマークアップ言語文書処理装置１００の概略構成を示すブロック図である。マークアップ言語文書処理装置１００は典型的にはＰＣであるが、これに限るものではなく、マークアップ言語文書を表示するためのデータ処理を行う任意の装置を含みうる。例えば、ＰＤＡ（Personal Digital Assistant）、カーナビゲーション装置、携帯電話機、携帯表示端末、等でありうる。

図１において、制御部１０１はＣＰＵを含み、プログラム制御により装置全体の制御を司る。本実施の形態における記憶部１２０はＲＯＭ１２１およびＲＡＭ１２３を含む。この他、ハードディスク装置等、他の記憶装置を含んでもよい。ＲＯＭ１２１は制御部１０１のＣＰＵが実行する各種プログラムや必要なデータを格納する不揮発性メモリであり、少なくとも再書き込み可能な領域を含む。ＲＡＭ１２３はＣＰＵのための作業用領域やデータの一時記憶領域を提供するメモリである。記憶部１２０は、本実施の形態におけるキャッシュ記憶領域も提供する。ＩｒＤＡ１１１は赤外線インタフェース部であり、外部のリモートコントローラや携帯電話機等（図示せず）からユーザの操作指示等を受けて、制御部１０１に入力する機能を有する。入力部１１３は、キーボード、マウス、タッチパネル、等から構成され、ユーザからの指示やデータの入力を受け、制御部１０１へ受け渡す機能を有する。ネットワークインタフェース（Ｉ／Ｆ）１１５は、無線または有線により通信ネットワークと接続され、インターネット上のウェブサイトにアクセスしたり、電子メールを送受したりする通信機能を提供する。

信号処理部１０２は、制御部１０１の制御下で、マイク１０７からの音声入力をデジタル化して制御部１０１へ受け渡したり、制御部１０１からの音声出力データをアナログ化してスピーカ１０８へ出力したり、後述の画像処理部１０３と信号を授受したりする各種の信号処理を行う部位であり、一例としてＦＰＧＡ(Field Programmable Gate Array）と呼ばれるＬＳＩにより構成することができる。

画像処理部１０３は、信号処理部１０２からの表示データを受け取り、液晶ディスプレイ（ＬＣＤ）等の表示部１０５に表示させる機能を有する。画像処理部１０３はグラフィック処理をサポートする表示ＬＳＩにより構成することができる。

図２は、本実施の形態におけるブラウザの機能を示すブロック図である。ブラウザ（ウェブブラウザ）２００は、図１の制御部１０１により実行されるソフトウェア（コンピュータプログラム）により実現される。

ＭＬ文書取得部２１１は、表示対象のＭＬ文書データ２０１を取得して、ブラウザエンジン２１３に渡す。このＭＬ文書データ２０１は、通信ネットワーク経由で取得される場合と、キャッシュ記録領域２４０から取得される場合とがありうる。

ブラウザエンジン２１３は、ＭＬ文書データを、表示用のデータに変換して、表示部１０５へ出力する。ブラウザエンジン２１３の機能については後述する。

ＵＲＬ検索部２１５は、ＭＬ文書取得部２１１から当該ＭＬ文書のＵＲＬを確認し、そのＵＲＬのウェブページをキャプチャー画像データベース（ＤＢ）１２０に記憶済かどうかをチェックし、記憶済でないＭＬ文書については、キャプチャー画像作成部２１９を起動して、ブラウザエンジン２１３の出力から当該ＭＬ文書の表示データに基づいて、キャプチャー画像を作成させる。

キャプチャー画像は、記憶部１２０内のキャプチャー画像データベース（ＤＢ）２５０内に記憶される。キャプチャー画像データベース２５０は、閲覧対象となったウェブページのキャプチャー画像とそのＵＲＬとを対応づけて記憶する。本実施の形態ではキャプチャー画像は元の画面サイズより小さいサイズとなるようサイズ縮小処理を行ったものである。これにより、キャプチャー画像のデータ量が削減され、キャプチャー画像用に必要な記憶容量を低減することができる。また、キャプチャー画像の表示の処理負荷も軽減される。

キャプチャー画像ＤＢ２５０にはキャプチャー画像に代えて用いられるデフォルト画像も併せて記憶してもよい。キャプチャー画像を表示する際に、キャプチャー画像が存在しない場合、デフォルト画像取得部２１８はデフォルト画像を取得し、これをキャプチャー画像の代わりに提供する。デフォルト画像はキャプチャー画像と同サイズの予め用意された任意の画像データである。

記憶部１２０内にはキャッシュ記憶領域２４０も設けられる。キャッシュ記憶領域２４０は一度閲覧の対象となったウェブページのＵＲＬおよびＭＬ文書データを一時的に記憶しておく領域であり、キャッシュ制御部２４１によりキャッシュ動作が制御される。例えば、逐次閲覧した複数のウェブページ画面について、後戻りして閲覧する際には再度ウェブサイトから再度ＭＬ文書データをダウンロードすることなく、キャッシュ記憶領域２４０に記憶された当該ＭＬ文書データを読み出して利用することができる。

記憶部１２０内には、ブックマーク制御部２２１により制御されるブックマーク記憶領域２２０、および、履歴制御部２３１により制御される履歴記憶領域２３０も設けられている。

ブックマーク制御部２２１および履歴制御部２３１は、ユーザ操作を受け付けるユーザ操作受付部２６０から、その指示内容に応じて動作する。例えば、ブックマーク制御部２２１はユーザによるブックマークの新たな登録、登録済のブックマークの選択、登録ブックマークの削除・整理等の指示操作に応じて、当該動作を実行する。履歴制御部２３１は、ユーザによる新規ＵＲＬの指定、ブックマークの指定、進み(Forward)操作、戻り（Backward）操作等の各種操作に応じて、履歴情報を記憶・更新する。

履歴に基づくウェブページの移動に伴ってＭＬ文書データが取得される際、または、ブックマークの選択時に、キャプチャー画像取得部２１６がそれぞれ履歴記憶領域２３０およびブックマーク記憶領域２２０から当該ＭＬ文書に対応するキャプチャー画像を検索して読み出し、アニメーション実現部２１７へ送る。アニメーション実現部２１７は、取得されたキャプチャー画像を加工して、ブラウザエンジン２１３から表示データが出力されるまでの期間、キャプチャー画像に基づく動的表示のための動画像を表示部１０５へ出力する。すなわち、アニメーション実現部２１７はブラウザエンジン２１３と並列に処理を実行可能である。本実施の形態では、後述するように、ブックマークの選択時と、履歴に基づくウェブページの移動時とで動的表示の態様を変えている。ブックマークの選択時と、履歴に基づくウェブページの移動時とは、ユーザの操作内容に基づいて区別することができる。

図３は、図２に示したブラウザ２００内の主要機能部としてのブラウザエンジン２１３の内部構成を示す。ブラウザエンジン２１３は、パーサ２１、ページメーカ２３、およびフォーマッタ２５の各機能を有する。パーサ２１は、ＭＬ文書取得部２１１から得られた表示対象のマークアップ言語（ＭＬ）文書２０１の論理的な構造を解釈し、その構造に関するドキュメントツリー２２を生成する。ページメーカ２３は、ドキュメントツリー２２を基に、各タグで決められた表現形式（block, inline, table, list, itemなど）の情報を含むレイアウトツリー２４を生成する。このレイアウトツリー２４は、block, inline, tableなどがどのような順番に存在しているかを表している。但し、レイアウトツリー２４は、まだ、これらの要素が画面のどこにどのような幅と高さで表示されるか、文字がどこで折り返されるか、等のレイアウトに関する情報までは含んでいない。フォーマッタ２５は、レイアウトツリー２４を基に、既知の表示画面幅などの実際の表示画面に関する情報を用いてレイアウトを行う。すなわち、レイアウトツリー２４を実際の表示画面に配置していき、文字の折り返しや、画面上の位置、幅、高さを決定する。ブラウザエンジン２１３によるこのような処理を経て、マークアップ言語（ＭＬ）文書２０１の内容が表示部１０５の表示画面上に表示される。

図４に、本実施の形態における記憶部１２０に記憶される情報を示す。記憶部１２０には、メニュー操作プログラム３０１、ソフトウェアキーボード操作プログラム３０２（ハードウェアのキーボードを備えていない場合）、ブラウザ２００等の各種プログラムが記憶される他、ブックマーク記憶領域２２０、履歴記憶領域２３０、キャッシュ記憶領域２４０、キャプチャー画像ＤＢ２５０等の各種データ記憶領域が設けられる。

以下、本実施の形態におけるブラウザの動作について説明する。

図５はブックマーク選択時のブラウザによる表示画面の遷移例を示している。ブックマークの選択は、通常、ブラウザ画面のメニューバーに用意された「ブックマーク」メニューからのメニュー項目の選択またはブックマークのアイコンの指示によりブックマークリスト（ウェブページのタイトルを羅列したもの）が表示され、その中から所望のブックマークを選択することにより、目的のＵＲＬが特定される。これに基づいて、ブラウザは通信ネットワークを介して当該ＵＲＬのＭＬ文書の取得要求をウェブサイトに対して出力する。このＭＬ文書のデータ（文書中に埋め込まれた必要な画像データ等も含む）が通信ネットワーク経由で取得されるまでには、相応の時間がかかる。さらに、必要なすべてのデータが取得された後も、それを表示データに変換するための処理（ここではレンダリングという）に相応の時間を要する。従来このように、ブックマークの指定からそのウェブページが実際に表示開始されるまでの時間（待機時間）中は前述のように砂時計などの表示が行われるのみであった。これに対して本発明では、当該ＭＬ文書が取得されその表示の準備が整う前に、過去に取得された当該ウェブページ画面のキャプチャー画像を表示する。この例では、ウェブページ画面のキャプチャー画像を動的表示する。但し、当該ＵＲＬについてのキャプチャー画像が存在しない場合には、デフォルト画像を利用する。ＭＬ文書の表示の準備が整った後、ウェブページ画面のキャプチャー画像からＭＬ文書の表示画面４０５（図５（ｅ））に切り替える。

本実施の形態ではキャプチャー画像はサイズを縮小した、ウェブページ画面のコピーであり、図５の例では、図５（ａ）〜（ｄ）に示すように、前記キャプチャー画像が遠くから近くへ迫ってくるように、小さいウェブページ画面サイズから次第に拡大していく。このような動作によって、閲覧対象のデータが通信ネットワーク経由で遠くから取得されている様子を仮想的に実感することができる。また、画面の内容は、過去のデータではあるが、ユーザが指定したウェブページの画面そのものなので、目的の情報が得られつつあることが直感的に理解される。なお、図５（ａ）〜（ｄ）は動的表示を４面の遷移画面４０１〜４０４で表したが、実際にはもっと多くの遷移画面を用いて、画面が揺れ動いたり、旋回したりする動作を導入することも可能である。図の例では、遠近感を持たせるため、各画面４０１〜４０４は傾斜した形で示したが、傾斜させることは必須の条件ではない。また、画面サイズはキャプチャー画像のサイズ（最小サイズ）からスタートして段階的にサイズを拡大する処理を行ったが、段階数が多い場合には途中で一時的に縮小動作が混在してもよい。また、動的表示の段階数は、固定である必要はない。実際の待機時間はウェブページにより、あるいは、通信環境、ブラウザの表示装置の性能等、各種要因によって変わりうるので、動的表示の段階数は待機時間に応じて可変とすることが望ましい。例えば、詳細図のキャプチャー画像が表示画面上部中央から中心部まで前進してくる第１段階、中央部で例えば８の字状にゆらゆらと動く第２段階、キャプチャー画像のサイズが表示画面全体を占める程度まで大きくなる第３段階の動画を用意し、待機時間が長引く場合には第２段階を繰り返して実行し、表示の準備が整った時点で第３段階へ移行する、などの表示態様が考えられる。

図６は履歴データに基づく「戻り」操作時のブラウザによる表示画面の遷移例を示している。「戻り」操作は、通常、ブラウザ画面のメニューバーに用意された所定のマークのアイコンをユーザが指示することにより指示される。これに基づいて、ブラウザは、当該ＵＲＬのＭＬ文書をキャッシュ記憶領域２４０から取得し、表示処理へ移行する。当該ＵＲＬのＭＬ文書がキャッシュ記憶領域２４０になければ、通信ネットワークを介して当該ＵＲＬのＭＬ文書の取得要求をウェブサイトに対して出力する。キャッシュ記憶領域２４０からＭＬ文書を取得する際には、表示までの待機時間はウェブサイトをアクセスする場合より短いがやはり相応の表示処理時間を要する。そこで、本発明では、ＭＬ文書が取得されその表示の準備が整う前に、現在のウェブページから、過去に取得した当該ウェブページ画面のキャプチャー画像へ段階的に切り替えて表示する。次いで、ＭＬ文書の表示の準備が整った後、前記ウェブページ画面のキャプチャー画像からＭＬ文書の表示に切り替える。

本実施の形態の切り替え表示では、図６（ａ）〜（ｄ）に示すように、切り替え後の画面５１１を表示スクリーン内へスライドインさせるとともに、切り替え前の画面を表示スクリーンからスライドアウトさせる。この例では、「戻り」操作時には画面に向かって左側から前の画面がスライドして正面へ移動してくるように表示する。切り替え前の画面はスライドアウトせずに静止したまま、切り替え後の画面をスライドインさせてもよい。前述のように、ウェブページ画面のキャプチャー画像はウェブページ画面の縮小コピーであり、切り替え表示では、縮小したコピーを元のサイズに拡大して用いる。図６（ｄ）の後、図６（ｅ）のようにＭＬ文書の画面を表示する。図面上、図６（ｄ）と図６（ｅ）は同じであるが、図６（ｄ）は過去の当該ウェブページの縮小キャプチャー画面を拡大したものであるのに対し、図６（ｅ）は当該ＵＲＬのＭＬ文書をレンダリングしたものである。したがって、両者の画面の画質（解像度）は異なる。

なお、遷移画面の段階数は図示の例に限るものではない。また、待機時間が短く、ＭＬ文書のレンダリングが間に合えば、画面遷移の最後に図６（ｄ）ように切り替え後の画面（キャプチャー画面）を表示することなく、図６（ｅ）のレンダリング結果の画面を表示するようにしてもよい。

図示しないが、進み操作の場合の画面遷移は図６に示した例と逆側（右側）からスライドインする。本実施の形態では動作の統一のため、戻り操作および進み操作においてキャッシュ記憶領域２４０からではなくウェブサイトからデータを取得する場合にもスライドインの動作を行う。

以下、本実施の形態におけるウェブブラウザの各種動作をフローチャートに従って説明する。

図７は、キャプチャー画像取得のための処理フローを示している。この例では、キャプチャー画像はＵＲＬに基づくＭＬ文書の取得時毎に行う構成を示している。ＭＬ文書の取得は、ブックマークの指定時、新規ＵＲＬ指定時、履歴指定（戻り、進み操作）時である。いずれの場合の指定されたＵＲＬが有効でなければ（Ｓ１１，Ｎｏ）、この処理を終了する。有効であれば（Ｓ１１，Ｙｅｓ）、当該ＭＬ文書の取得を開始する（Ｓ１２）。前述のように、履歴指定の場合はキャッシュ記憶領域２４０から優先的に取得するが、ブックマーク指定および新規指定の場合にはウェブサイトから取得する。取得されたＭＬ文書に基づいてウェブページ表示を行う（Ｓ１３）。ついで、このウェブページ画面のキャプチャー画像を取得する（Ｓ１４）。本実施の形態では、このキャプチャー画像は所定のサイズにまで縮小する。同じＵＲＬ対応のキャプチャー画像がキャプチャー画像ＤＢ内に存在しなければ（Ｓ１５，Ｎｏ）、当該キャプチャー画像をそのＵＲＬとともに新規保存する（Ｓ１６）。既に存在している場合には、当該キャプチャー画像をそのＵＲＬとともに上書き保存する（Ｓ１７）。

このような処理によって、閲覧対象となったウェブページの画面をキャプチャー画像として保存しておくことができる。図７の例では、同じＵＲＬ対応の画像の有無をキャプチャー画像の取得の後でチェックしたが、キャプチャー画像の取得の前にチェックして、同じＵＲＬ対応の画像がキャプチャー画像ＤＢ内に既に存在すれば、キャプチャー画像の取得および更新を行わないようにしてもよい。

同じＵＲＬ対応のキャプチャー画像を上書きする構成によれば、ウェブページが更新されている場合に、キャプチャー画像をそれに合わせて更新することができる。キャプチャー画像の取得および更新を行わない構成では、ウェブページの更新をキャプチャー画像に反映させることができないが、ＭＬ文書取得毎にキャプチャー画像の取得および更新を行う処理負荷を削減することができる。

図８に、ブックマーク指定時または新規ＵＲＬ指定時に動作する動的表示フロー（１）を示す。

まず、ＵＲＬの有効性をチェックし（Ｓ２１）、有効でなければこの処理を終了する。有効であれば、指定されたＭＬ文書の取得、解釈、レンダリングを開始する（Ｓ２２）。キャプチャー画像ＤＢを検索して当該ＵＲＬのウェブページのキャプチャー画像が存在すれば（Ｓ２３，Ｙｅｓ）、それを取得する（Ｓ２５）。キャプチャー画像がなければデフォルト画像を取得する（Ｓ２４）。このキャプチャー画像（またはデフォルト画像）に基づいてアニメーション実現部２１７において、図５に示したようなアニメーション表示を行う（Ｓ２６）。ＭＬ文書のレンダリングが終了したら（Ｓ２７，Ｙｅｓ）、ウェブページを表示する（Ｓ２８）。

図９に、履歴指定時に動作する動的表示フロー（２）を示す。

まず、ＵＲＬの有効性をチェックし（Ｓ３１）、有効でなければこの処理を終了する。有効であれば、指定されたＭＬ文書の取得、解釈、レンダリングを開始する（Ｓ３２）。キャプチャー画像ＤＢを検索して当該ＵＲＬのウェブページのキャプチャー画像が存在すれば（Ｓ３３，Ｙｅｓ）、それを取得する（Ｓ３５）。キャプチャー画像がなければデフォルト画像を取得する（Ｓ３４）。このキャプチャー画像（またはデフォルト画像）に基づいてアニメーション実現部２１７において、図６に示したようなアニメーション表示を行う（Ｓ３６）。ＭＬ文書のレンダリングが終了したら（Ｓ３７，Ｙｅｓ）、ウェブページを表示する（Ｓ３８）。

図１０に、本実施の形態の変形例として、ブックマークの他の表示例を示す。前述したように、従来のブックマークの指定は、ブックマークリストから選択するものであった。その場合、リストの文字列からだけでは自分自身が登録したブックマークでありながら、どのサイトのウェブページであったかを認識できない場合がたびたびあった。本変形例では、キャプチャー画像ＤＢに登録されたキャプチャー画像（縮小済）を利用して、ユーザにブックマークを提示することにより、ウェブページ内容をイメージとして視覚的に認識することができるようにするものである。図２の構成では、キャプチャー画像ＤＢ２５０中には、ブックマーク記憶領域２２０に登録されたＵＲＬだけでなく、履歴記憶領域２３０に記憶されたＵＲＬのキャプチャー画像も記憶されている。本変形例におけるブックマークの表示にはブックマーク記憶領域２２０に登録されたＵＲＬに対応するキャプチャー画像を選択して用いる。

図１０（ａ）は本変形例におけるブックマーク画面の例を示している。この例では、カードまたはかるたをテーブル上にならべて斜め上から見たときのように、ブックマーク記憶領域２２０に登録された複数のＵＲＬに対応する複数のキャプチャー画面を斜視像として遠近感をもって表示している。すなわち、多くのキャプチャー画像を小さく表示し、近くなるほどキャプチャー画像を大きく表示する。（図１０ではキャプチャー画像を便宜上白抜きで示しているが、実際にはウェブページを縮小した画像である。）キャプチャー画像の配置位置は任意であるが、例えば、閲覧頻度の高いＵＲＬ、あるいは最近閲覧したＵＲＬ等、所定の条件にあったＵＲＬのキャプチャー画像を手前に位置させるようにしてもよい。このようなブックマーク画面では、特に限定するものではないが、表示画面に入力領域が重なったタッチパネルを操作部の一つとして利用することが好ましい。ある程度以上の表示サイズを有する表示デバイスを用いた装置では、最も小さいキャプチャー画像でも人の指先のサイズよりは大きく表示させることができ、目的のブックマークをそのキャプチャー画像で指示できれば操作が直感的に分かりやすく、迅速かつ容易にブックマークの指示ができるからである。

図１０（ａ）のブックマーク画面において、例えばキャプチャー画像６０４をユーザが指示したとき、図１０（ｂ）に示すように、いままで斜視像で表示されていたキャプチャー画像を正立させた状態で表示させる。キャプチャー画像が正立することにより、この選択されたキャプチャー画像の輪郭形状は元のひしゃげた四角形から長方形に変化し、他のキャプチャー画像と明確に区別することができる。キャプチャー画像の正立とともに、そのキャプチャー画像のハイライト表示および／またはそのキャプチャー画像以外の他の表示領域の暗転（低輝度化）を行うようにしてもよい。

またキャプチャー画像の選択（正立）時、その近傍に当該キャプチャー画像６０４ａのタイトルおよびＵＲＬを併せて表示する。キャプチャー画像のみではそのウェブページの内容が判りづらい場合に、タイトルおよびＵＲＬの表示はウェブページの認識に役立つ。ブックマーク表示画面においてキャプチャー画像の選択時に初めてタイトルおよびＵＲＬを表示することにより、ブックマーク表示時に各キャプチャー画像のタイトルおよびＵＲＬを常時表示する場合に比べて、当該タイトル等の表示が各キャプチャー画像の認識の邪魔になったり、より画像を縮小したりする必要がなくなる。タイトルおよびＵＲＬの表示位置は特に限定するものではないが、好ましい例としては、当該正立したキャプチャー画像６０４ａの周囲に空き領域（他のキャプチャー画像が存在しない領域）があれば、そこに表示させる。空き領域がなければ、周囲の表示可能な領域に表示する。

図１０（ｂ）の状態で、正立したキャプチャー画像６０４ａをさらにユーザが指示すると、図１０（ｃ）のようにキャプチャー画像があたかも風に吹かれて舞い上がるような動的表示がなされ、その後、図５で説明した動的表示へ移行する。図１０（ｃ）の動的表示は必須ではないが、図１０（ｂ）のブックマーク画面から図５の動的表示への移行時の“つなぎ”としてスムーズな動的表示の遷移が行われる。

上記実施の形態によれば、ユーザがＭＬ文書の表示を指示したあと、そのウェブページが表示されるまでの待機時間中に当該ウェブページの過去のキャプチャー画像を利用してユーザ操作に応じた動的表示を行うことにより、動作の内容が直感的に分かりやすく、かつ、待機時間を長く感じさせることのないユーザインタフェースが提供される。

以上、本発明の好適な実施の形態について説明したが、上記で言及した以外にも種々の変形、変更を行うことが可能である。例えば、スライドインの代わりに、いわゆるドライブインさせる、ドロップインさせる、フェイドインさせる、のいずれかを行ってもよい。また、スライドアウトの代わりにフェードアウトさせるようにしてもよい。

本発明のマークアップ言語文書表示方法を実現するブラウザを搭載したマークアップ言語文書処理装置の概略構成を示すブロック図である。 本発明の実施の形態におけるブラウザの機能を示すブロック図である。 図２に示したブラウザ内の主要機能部としてのブラウザエンジンの内部構成を示すブロック図である。 本発明の実施の形態における記憶部に記憶される情報を示す図である。 本発明の実施の形態におけるブックマーク選択時のブラウザによる表示画面の遷移例を示す図である。 本発明の実施の形態における、履歴データに基づく「戻り(Backward)」操作時のブラウザによる表示画面の遷移例を示す図である。 本発明の実施の形態におけるキャプチャー画像取得のための処理フローを示すフローチャートである。 本発明の実施の形態におけるブックマーク指定時または新規ＵＲＬ指定時に動作する動的表示フロー（１）を示すフローチャートである。 本発明の実施の形態における履歴指定時に動作する動的表示フロー（２）を示すフローチャートである。 本発明の実施の形態の変形例として、ブックマークの他の表示例を示す図である。

符号の説明

２１…パーサ、２２…ドキュメントツリー、２３…ページメーカ、２４…レイアウトツリー、２５…フォーマッタ、１００…マークアップ言語文書処理装置、１０１…制御部、１０２…信号処理部、１０３…画像処理部、１０５…表示部、１０７…マイク、１０８…スピーカ、１１３…入力部、１２０…記憶部、２００…ブラウザ、２０１…マークアップ言語文書、２１１…文書取得部、２１３…ブラウザエンジン、２１５…検索部、２１６…キャプチャー画像取得部、２１７…アニメーション実現部、２１８…デフォルト画像取得部、２１９…キャプチャー画像作成部、２２０…ブックマーク記憶領域、２２１…ブックマーク制御部、２３０…履歴記憶領域、２３１…履歴制御部、２４０…キャッシュ記憶領域、２４１…キャッシュ制御部、２６０…ユーザ操作受付部、３０１…メニュー操作プログラム、３０２…ソフトウェアキーボード操作プログラム、４０５…表示画面、５１１…画面、６０４…キャプチャー画像、６０４ａ…キャプチャー画像

Claims (18)

1. ブックマークとして登録されたＵＲＬに対応するマークアップ言語文書の表示により得られたウェブページ画面のキャプチャー画像を記憶するステップと、
   ブックマークが選択されたとき、当該ブックマークに対応するＵＲＬからマークアップ言語文書を通信ネットワーク経由で取得するステップと、
   当該マークアップ言語文書が取得されその表示の準備が整う前に当該ウェブページ画面のキャプチャー画像を表示するステップと、
   前記マークアップ言語文書の表示の準備が整った後、前記ウェブページ画面のキャプチャー画像から前記マークアップ言語文書の表示に切り替えるステップと
   を備えたことを特徴とするウェブブラウザ。
2. 前記ウェブページ画面のキャプチャー画像を表示するステップでは、当該ウェブページ画面のキャプチャー画像を用いた動的表示を行うことを特徴とする請求項１記載のウェブブラウザ。
3. 前記キャプチャー画像は前記ウェブページ画面の縮小コピーであり、前記動的表示では、前記キャプチャー画像が遠くから近くへ迫ってくるように、前記キャプチャー画像を小さい画面サイズから次第に拡大していくことを特徴とする請求項２記載のウェブブラウザ。
4. 前記ウェブページ画面の縮小コピーであるキャプチャー画像をブックマークとして画面上に２次元的に並べて配置するステップと、ユーザによる任意のブックマークの選択によりブックマークの選択を行うステップとを備えたことを特徴とする請求項１〜３のいずれかに記載のウェブブラウザ。
5. ウェブページの閲覧の履歴を蓄積するステップと、
   前記閲覧した各ウェブページ画面のキャプチャー画像を記憶するステップと、
   現在のウェブページから前記履歴の蓄積されたウェブページへの移行の指示を受けたとき、当該ウェブページに対応するマークアップ言語文書を取得するステップと、
   当該マークアップ言語文書が取得されその表示の準備が整う前に、当該ウェブページ画面のキャプチャー画像を用いた動的表示を行うステップと、
   前記マークアップ言語文書の表示の準備が整った後、前記キャプチャー画像の動的表示から前記マークアップ言語文書の表示に切り替えるステップと
   を備えたことを特徴とするウェブブラウザ。
6. 前記動的表示を行うステップでは、現在のウェブページから当該ウェブページ画面のキャプチャー画像へ段階的に切り替えて表示することを特徴とする請求項５記載のウェブブラウザ。
7. 前記動的表示では、キャプチャー画像を表示スクリーン内へスライドインさせる、ドライブインさせる、ドロップインさせる、フェイドインさせる、のいずれかを行うことを特徴とする請求項６記載のウェブブラウザ。
8. 前記動的表示では、キャプチャー画像を表示スクリーンからスライドアウトさせる、または、フェードアウトさせることを特徴とする請求項７記載のウェブブラウザ。
9. 前記キャプチャー画像は前記ウェブページ画面の縮小コピーであり、前記、前記縮小コピーを元のサイズに拡大して用いることを特徴とする請求項５〜８のいずれかに記載のウェブブラウザ。
10. 閲覧した各ウェブページのマークアップ言語文書をキャッシュ記憶領域に一時的に記憶するステップを備え、現在のウェブページから前記履歴の蓄積されたウェブページへの移行の指示を受けたとき、前記キャッシュ記憶領域から当該ウェブページに対応するマークアップ言語文書を取得することを特徴とする請求項５〜９のいずれかに記載のウェブブラウザ。
11. ウェブページを表示する表示装置であって、
    ブックマークとして登録されたＵＲＬに対応するマークアップ言語文書の表示により得られたウェブページ画面のキャプチャー画像を記憶する記憶手段と、
    ユーザの操作を受け付ける操作受付手段と、
    ユーザの操作によりブックマークが選択されたとき、当該ブックマークに対応するＵＲＬからマークアップ言語文書を通信ネットワーク経由で取得する手段と、
    当該マークアップ言語文書が取得されその表示の準備が整う前に当該ウェブページ画面のキャプチャー画像を表示する表示手段と、
    前記マークアップ言語文書の表示の準備が整った後、前記ウェブページ画面のキャプチャー画像から前記マークアップ言語文書の表示に切り替える制御手段と
    を備えたことを特徴とする表示装置。
12. 前記制御手段は、当該ウェブページ画面のキャプチャー画像を用いた動的表示を行うことを特徴とする請求項１１記載の表示装置。
13. 前記キャプチャー画像は前記ウェブページ画面の縮小コピーであり、前記制御手段は、前記動的表示時に、前記キャプチャー画像が遠くから近くへ迫ってくるように、前記キャプチャー画像を小さい画面サイズから次第に拡大していくことを特徴とする請求項１２記載の表示装置。
14. ウェブページを表示する表示装置であって、
    ウェブページの閲覧の履歴を蓄積する履歴蓄積手段と、
    閲覧した各ウェブページのマークアップ言語文書をキャッシュ記憶領域に一時的に記憶するキャッシュ記憶手段と、
    前記閲覧した各ウェブページ画面のキャプチャー画像を記憶する画面記憶手段と、
    ユーザの操作を受け付ける操作受付手段と、
    ユーザの操作により、現在のウェブページから前記履歴の蓄積されたウェブページへの移行の指示を受けたとき、当該ウェブページに対応するマークアップ言語文書を前記キャッシュ記憶領域から取得する手段と、
    当該マークアップ言語文書が取得されその表示の準備が整う前に、当該ウェブページ画面のキャプチャー画像を用いた動的表示を行う表示手段と、
    前記マークアップ言語文書の表示の準備が整った後、前記ウェブページ画面のキャプチャー画像から前記マークアップ言語文書の表示に切り替える制御手段と
    を備えたことを特徴とする表示装置。
15. 前記ウェブページ画面の縮小コピーであるキャプチャー画像をブックマークとして画面上に２次元的に並べて配置し、ユーザによる任意のブックマークの選択によりブックマークの選択を行うブックマーク手段を備えたことを特徴とする請求項１１または１４記載の表示装置。
16. ブックマークの選択時、その近傍に当該キャプチャー画像のタイトルおよび／またはＵＲＬを併せて表示することを特徴とする請求項１５記載の表示装置。
17. 前記操作受付手段は、前記表示手段の表示画面に重なる入力領域を有するタッチパネルを含むことを特徴とする請求項１１または１４記載の表示装置。
18. 閲覧された各ウェブページのＵＲＬごとに当該表示画面のキャプチャー画像を記憶するステップと、
    ユーザによりＵＲＬが指定されたことを検出するステップと、
    当該指定されたＵＲＬに該当する前記キャプチャー画像を読み出すステップと、
    前記ウェブページの表示準備処理が終了するまでの間に当該キャプチャー画像を動的に表示するステップと
    を備えたことを特徴とするウェブブラウザ。

Images