(57)【特許請求の範囲】
【請求項１】
内部に保持したプログラムに基づき処理を行うことによりその結果をネイティブ画像として生成するネイティブ処理部と、
サーバへリクエストしたデータに基づくウェブ画像を生成するウェブ処理部と、
前記ネイティブ画像の少なくとも一部を構成する要素画像と前記ウェブ画像の少なくとも一部を構成する要素画像とを含む表示画像を生成し表示装置に出力する表示画像生成部と、
を備え、
前記ネイティブ画像は、前記要素画像として、ユーザの操作対象を前記ウェブ画像に切り替えるための切り替え用ＧＵＩ（Graphical User Interface）部品を含む複数のＧＵＩ部品の配列を含み、
前記ネイティブ処理部および前記ウェブ処理部は、前記切り替え用ＧＵＩ部品が選択されたとき、各画像を構成する要素画像を同方向へ移動させることにより、前記表示画像の構成を変化させることを特徴とする情報処理装置。
【請求項２】
前記表示画像生成部は、前記ネイティブ画像と前記ウェブ画像の少なくとも一部の領域を透明化または半透明化して重ね合わせることにより、各画像を構成する前記要素画像を同時に表す表示画像を生成することを特徴とする請求項１に記載の情報処理装置。
【請求項３】
前記ネイティブ処理部は、操作対象を前記ウェブ画像に切り替える操作が前記ネイティブ画像に対してなされたことを検知してその旨を前記ウェブ処理部へ通知し、
前記ウェブ処理部は、操作対象を前記ネイティブ画像に切り替える操作が前記ウェブ画像に対してなされたことを検知してその旨を前記ネイティブ処理部に通知することにより、
前記ネイティブ処理部および前記ウェブ処理部がそれぞれ、各画像を構成する要素画像を同方向へ移動させることを特徴とする請求項１または２に記載の情報処理装置。
【請求項４】
前記ネイティブ処理部および前記ウェブ処理部は、前記切り替え用ＧＵＩ部品が選択されたとき、各画像を構成する前記要素画像を前記配列と垂直方向に移動させることを特徴とする請求項１から３のいずれかに記載の情報処理装置。
【請求項５】
前記ウェブ処理部は、前記ネイティブ画像における前記切り替え用ＧＵＩ部品が注目対象とされたとき、当該ＧＵＩ部品に対応する要素画像のデータをサーバから取得して前記ウェブ画像に表示することにより、前記表示画像において前記ＧＵＩ部品の配列に加え前記ウェブ画像に表示された要素画像が表示されることを特徴とする請求項１から４のいずれかに記載の情報処理装置。
【請求項６】
前記ウェブ処理部は、前記切り替え用ＧＵＩ部品が注目対象とされた状態で、画面を前記同方向にスクロールさせる操作がなされたとき、前記切り替え用ＧＵＩ部品が選択されたと判定し、前記ウェブ画像への操作を受け付けることを特徴とする請求項１から５のいずれかに記載の情報処理装置。
【請求項７】
前記ウェブ処理部は、前記ウェブ画像に対し当該ウェブ画像の少なくとも一部を更新するユーザ操作がなされたとき、その旨を前記ネイティブ画像に通知し、
前記ネイティブ画像は、前記ウェブ画像の上層に重ね合わせて表示される前記ネイティブ画像の少なくとも一部を不透明とすることにより、前記ウェブ画像の更新時に当該ウェブ画像の少なくとも一部を所定時間隠蔽することを特徴とする請求項２に記載の情報処理装置。
【請求項８】
前記切り替え用ＧＵＩ部品が選択されたとき、前記ネイティブ処理部は、前記ネイティブ画像を構成する要素画像を移動させるアニメーションを作成し、前記ウェブ処理部は、前記ウェブ画像を構成する要素画像を移動させるアニメーションを作成することにより、前記表示画像の構成が変化することを特徴とする請求項１から７のいずれかに記載の情報処理装置。
【請求項９】
情報処理装置がユーザ操作に応じて表示装置に表示させる画像を変化させる情報処理方法であって、
内部の記憶装置に格納されたプログラムを読み出し、当該プログラムに基づき処理を行うことによりその結果をネイティブ画像として生成するステップと、
サーバへリクエストしたデータに基づくウェブ画像を生成するステップと、
前記ネイティブ画像の少なくとも一部を構成する要素画像と前記ウェブ画像の少なくとも一部を構成する要素画像とを含む表示画像を生成し表示装置に出力するステップと、
前記ネイティブ画像に前記要素画像として含まれる、ユーザの操作対象を前記ウェブ画像に切り替えるための切り替え用ＧＵＩ（Graphical User Interface）部品を含む複数のＧＵＩ部品の配列のうち、当該切り替え用ＧＵＩ部品が選択されたとき、各画像を構成する要素画像を同方向に移動させることにより、前記表示画像の構成を変化させるステップと、
を含むことを特徴とする情報処理方法。
【請求項１０】
内部の記憶装置に格納されたデータに基づき処理を行うことによりその結果をネイティブ画像として生成する機能と、
サーバへリクエストしたデータに基づくウェブ画像を生成する機能と、
前記ネイティブ画像の少なくとも一部を構成する要素画像と前記ウェブ画像の少なくとも一部を構成する要素画像とを含む表示画像を生成し表示装置に出力する機能と、
前記ネイティブ画像に前記要素画像として含まれる、ユーザの操作対象を前記ウェブ画像に切り替えるための切り替え用ＧＵＩ（Graphical User Interface）部品を含む複数のＧＵＩ部品の配列のうち、当該切り替え用ＧＵＩ部品が選択されたとき、各画像を構成する要素画像を同方向に移動させることにより、前記表示画像の構成を変化させる機能と、
をコンピュータに実現させることを特徴とするコンピュータプログラム。
【請求項１１】
内部の記憶装置に格納されたデータに基づき処理を行うことによりその結果をネイティブ画像として生成する機能と、
サーバへリクエストしたデータに基づくウェブ画像を生成する機能と、
前記ネイティブ画像の少なくとも一部を構成する要素画像と前記ウェブ画像の少なくとも一部を構成する要素画像とを含む表示画像を生成し表示装置に出力する機能と、
前記ネイティブ画像に前記要素画像として含まれる、ユーザの操作対象を前記ウェブ画像に切り替えるための切り替え用ＧＵＩ（Graphical User Interface）部品を含む複数のＧＵＩ部品の配列のうち、当該切り替え用ＧＵＩ部品が選択されたとき、各画像を構成する要素画像を同方向に移動させることにより、前記表示画像の構成を変化させる機能と、
をコンピュータに実現させるコンピュータプログラムを記録した、コンピュータにて読み取り可能な記録媒体。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明はユーザ操作に応じて画像を表示させながら情報処理を行う情報処理装置、およびその情報処理方法に関する。
【背景技術】
【０００２】
近年の情報処理技術の発展、通信環境の充実化などにより、パーソナルコンピュータ、携帯端末などユーザが操作する装置の性能や使用環境によらず、様々な情報処理を実現させることが可能となっている。例えばユーザが操作する端末と、それに応じた情報処理を実施する情報処理装置とを分離することにより、簡素な構成の携帯端末などでも高度な情報を出力できるような技術が提案されている（例えば特許文献１参照）。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開２０１２−６５８３１号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
サーバとの連携によって情報処理を行うことを前提とするいわゆるウェブアプリケーションは、常時、サーバ側で用意された最新データを用いた処理や最新情報へのアクセスを実現できる一方、そのときの通信状態が応答性などの処理性能に影響を与えやすい。そのため情報の最新性と情報処理の速度や応答性の両立を実現できる技術が求められている。
【０００５】
本発明はこのような課題に鑑みてなされたものであり、その目的は、情報処理の速度と情報の最新性を備えた画像表示を行うことのできる技術を提供することにある。
【課題を解決するための手段】
【０００６】
本発明のある態様は情報処理装置に関する。この情報処理装置は、内部に保持したプログラムに基づき処理を行うことによりその結果をネイティブ画像として生成するネイティブ処理部と、サーバへリクエストしたデータに基づくウェブ画像を生成するウェブ処理部と、ネイティブ画像の少なくとも一部を構成する要素画像と前記ウェブ画像の少なくとも一部を構成する要素画像とを含む表示画像を生成し表示装置に出力する表示画像生成部と、を備え、ネイティブ処理部およびウェブ処理部は、ユーザの操作対象がネイティブ画像とウェブ画像との間で切り替えられたとき、各画像を構成する要素画像を同方向へ移動させることにより、表示画像の構成を変化させることを特徴とする。
【０００７】
本発明の別の態様は情報処理方法に関する。この情報処理方法は、情報処理装置がユーザ操作に応じて表示装置に表示させる画像を変化させる情報処理方法であって、内部の記憶装置に格納されたプログラムを読み出し、当該プログラムに基づき処理を行うことによりその結果をネイティブ画像として生成するステップと、サーバへリクエストしたデータに基づくウェブ画像を生成するステップと、ネイティブ画像の少なくとも一部を構成する要素画像とウェブ画像の少なくとも一部を構成する要素画像とを含む表示画像を生成し表示装置に出力するステップと、ユーザの操作対象がネイティブ画像とウェブ画像との間で切り替えられたとき、各画像を構成する要素画像を同方向に移動させることにより、表示画像の構成を変化させるステップと、を含むことを特徴とする。
【０００８】
なお、以上の構成要素の任意の組合せ、本発明の表現を方法、装置、システム、コンピュータプログラムなどの間で変換したものもまた、本発明の態様として有効である。
【発明の効果】
【０００９】
本発明によると、情報処理速度と情報の最新性を両立させた画像表示を実現できる。
【図面の簡単な説明】
【００１０】
【図１】本実施の形態における情報処理システムの構成を示す図である。
【図２】本実施の形態における情報処理装置の内部回路構成を示す図である。
【図３】ネイティブアプリケーションおよびウェブアプリケーションを実行する際の標準的な表示画面例を示す図である。
【図４】本実施の形態においてネイティブ画像とウェブ画像を重ね合わせることによって表示される表示画面の例を示す図である。
【図５】図４のメニュー画面を表示するために重ね合わせる画像の構成例を示す図である。
【図６】図４で示したメニュー画面においてユーザが「ニュース」の機能の選択を確定させたときの画面の変化例を示す図である。
【図７】本実施の形態における情報処理装置の機能的な構成を示す図である。
【図８】本実施の形態において情報処理装置がモード切り替えを行いながらユーザ操作に応じた画像を表示する処理手順を示すフローチャートである。
【図９】本実施の形態において静的アドレスのまま内容を更新するときの画面の変化例を示す図である。
【図１０】本実施の形態において情報処理装置が静的アドレスのままウェブページを切り替えるときの処理手順を示すフローチャートである。
【発明を実施するための形態】
【００１１】
図１は本実施の形態を適用できる情報処理システムの構成例を示す。情報処理システム１において情報処理装置１０ａ、１０ｂは、パーソナルコンピュータ、タブレット、携帯電話、携帯端末、ゲーム機など、それぞれのユーザが操作する装置である。サーバ３０はウェブページなど情報処理装置１０に表示させるデータを送信する。あるいはサーバ３０は、情報処理装置１０ａ、１０ｂからの要求に応じて情報処理を実施し、その結果生成したデータを情報処理装置１０ａ、１０ｂに送信する。
【００１２】
情報処理装置１０ａ、１０ｂ、およびサーバ３０は、ネットワーク３へ有線または無線で接続する。情報処理装置１０ａ、１０ｂとサーバ３０との接続機構やデータの送受信に係る手続きには一般的な技術を適用することができる。なおネットワーク３に接続する情報処理装置１０ａ、１０ｂ、サーバ３０の数は特に限定されない。以後、情報処理装置１０ａ、１０ｂを総称して情報処理装置１０とする。
【００１３】
図２は情報処理装置１０の内部回路構成を示している。情報処理装置１０は、ＣＰＵ（Central Processing Unit）１２、ＧＰＵ（Graphics Processing Unit)１４、メインメモリ１６を含む。ＣＰＵ１２は、オペレーティングシステムやアプリケーションなどのプログラムに基づいて、情報処理装置１０内部の構成要素における処理や信号伝送を制御する。ＧＰＵ１４は画像処理を行う。メインメモリ１６はＲＡＭ（Random Access Memory）により構成され、処理に必要なプログラムやデータを記憶する。
【００１４】
これらの各部は、バス２０を介して相互に接続されている。バス２０にはさらに入出力インターフェース１８が接続されている。入出力インターフェース１８には、ＵＳＢやＩＥＥＥ１３９４などの周辺機器インターフェースや、有線又は無線ＬＡＮのネットワークインターフェースからなる通信部２２、ハードディスクドライブや不揮発性メモリなどの記憶部２４、画像や音声のデータを出力する出力部２６、ユーザなど外部からの入力を受け付ける入力部２８、磁気ディスク、光ディスクまたは半導体メモリなどのリムーバブル記録媒体を駆動する記録媒体駆動部２９が接続される。
【００１５】
ＣＰＵ１２は、記憶部２４に記憶されているオペレーティングシステムを実行することにより、情報処理装置１０の全体を制御する。ＣＰＵ１２はまた、記憶部２４やリムーバブル記録媒体から読み出されてメインメモリ１６にロードされたアプリケーションプログラムを実行する。このプログラムには、情報処理装置内で処理が完結するネイティブアプリケーションのプログラム、および、サーバ３０との連携により処理が進捗するウェブアプリケーションのためのプログラムが含まれる。ＧＰＵ１４は、ジオメトリエンジンの機能とレンダリングプロセッサの機能とを有し、ＣＰＵ１２からの描画命令に従って描画処理を行い、表示画像を図示しないフレームバッファに格納する。そしてフレームバッファに格納された表示画像をビデオ信号に変換して出力部２６に出力する。
【００１６】
入力部２８は、キーボード、タッチパッド、ボタン、ジョイスティック、マイクロフォン、カメラなど一般的な入力装置と、当該入力装置から入力信号を取得する機構とを含む。出力部２６は、画像を表示するディスプレイ、音声を出力するスピーカーなどの一般的な出力装置と、当該出力装置へ出力信号を送出する機構とを含む。通信部２２は、ＨＴＴＰなど所定のプロトコルに従いサーバ３０と通信し、必要な要求を送信したりデータを受信したりする。
【００１７】
情報処理装置１０と、入力部２８に含まれる入力装置、および、出力部２６に含まれるディスプレイは、それぞれ個別の筐体を有し、有線ケーブルで接続されてよい。またはBluetooth（ブルートゥース）（登録商標）プロトコルやIEEE802.11プロトコルなどを用いて無線接続を確立してもよい。あるいは、それらが内部で接続された一体的な筐体を備えた装置としてもよい。例えばディスプレイを筐体表面に配し、その前面に設けたタッチパッドを入力装置とすることにより、携帯ゲーム機、タブレット端末、高機能携帯電話などを実現してもよい。
【００１８】
情報処理装置１０は、Ｃ言語などのプログラミング言語で記述されたソースコードをコンパイルしてなるネイティブコードを記憶部２４などに保持し、情報処理装置１０の起動時やユーザ操作に応じて読み出し、実行することによって表示画面を生成し表示する。情報処理装置１０はさらに、ユーザ操作に応じたデータまたは処理をサーバ３０へ要求し、それに応じて送信された表示画面のデータをウェブブラウザによって解釈し表示する。ここで送信される表示画面のデータは一般に、ＨＴＭＬなどのマークアップ言語で記述されているため、情報処理装置のＯＳに依存せず表示が可能である。
【００１９】
前者の形態によって実行されるアプリケーションをネイティブアプリケーション、後者の形態によって実行されるアプリケーションをウェブアプリケーションと呼ぶ。ネイティブアプリケーションは一般的に、サーバ３０を介して実行されるウェブアプリケーションと比較して処理速度が速く応答性が良い。ウェブアプリケーションは、サーバ３０が主たる処理を行っているため、常に最新のプログラムで処理を行ったり最新の情報を提供できる。
【００２０】
したがって表示画面に複雑な動きを加えたり、応答性が要求される情報処理はネイティブアプリケーションで実現し、最新情報の提供を必要としたり動きが比較的単純でよい情報処理はウェブアプリケーションで実現するなど、情報処理の内容や処理性能などに応じて両者を使い分けることが望ましい。本実施の形態では、一の表示画面にネイティブアプリケーションによる出力画像とウェブアプリケーションによる出力画像を融合させることにより、操作性、デザイン性、情報の最新性を同時に追求する。本実施の形態の特徴を明らかにするため、まず、ネイティブアプリケーションおよびウェブアプリケーションを実行する際の標準的な表示形態について説明する。
【００２１】
図３は、ネイティブアプリケーションおよびウェブアプリケーションを実行する際の標準的な表示画面例を示している。まず上段のメニュー画面１００は、あらかじめ情報処理装置にインストールされたネイティブアプリケーションによって、「ゲーム」、「ニュース」、「住所録」のいずれかの機能を選択するための３つのＧＵＩ（Graphical User Interface）部品１０２ａ、１０２ｂ、１０２ｃが表示されている。このとき当該ＧＵＩ部品１０２ａ、１０２ｂ、１０２ｃに対するユーザ操作の解釈やそれに応じた処理は、ネイティブアプリケーションを構成するプログラムによって規定される。
【００２２】
ここで、メニュー画面１００に含まれる３つの選択肢のうち、ニュースサイトを閲覧するための「ニュース」のＧＵＩ部品１０２ｂが選択されると、情報処理装置においてウェブブラウザが起動する。そしてニュースサイトを運営するサーバとの通信によりウェブページを表すブラウザ画面１０６へ表示が切り替わる。当該ブラウザ画面１０６に対するユーザの操作内容が情報処理装置から当該サーバへ送信されることにより、また新たなウェブページのデータが送信されブラウザ画面１０６が更新される。
【００２３】
同図は表示画面全体を切り替える例であるが、複数のウィンドウを表示できる環境においては、その時点で操作対象となっているアプリケーションの画像が最前面に位置するウィンドウに表示される。いずれにしろ両アプリケーションで生成された表示画面は基本的には関連性を持たず、それぞれ個別に表示される。本実施の形態では、このように一般的には独立している表示画面を融合させる。さらに操作対象の切り替えに応じて画面をシームレスに変化させる。
【００２４】
具体的には、ネイティブアプリケーションによって生成された表示画像（以後、ネイティブ画像と呼ぶ）とウェブアプリケーションによって生成された表示画像（以後、ウェブ画像と呼ぶ）の少なくとも一部を透明または半透明としたうえで重ねて表示する。これにより、各画像の構成要素であるアイコン、ＵＩ部品、文字情報、図形、サムネイル画像など、背景以外の部分（以後、要素画像と呼ぶ）が隠蔽されることなく同時に表示されるようにする。
【００２５】
このとき、ＧＵＩとして操作可能な要素画像、すなわち「ＧＵＩ部品」を、ネイティブアプリケーションにより生成された要素画像、およびウェブアプリケーションにより生成された要素画像、のいずれか一方とすることにより、操作対象がどちらのアプリケーションであるかを明らかにする。これにより、画面上は融合されていてもネイティブアプリケーション／ウェブアプリケーション間での切り替えが明確化されるとともに、それぞれのアプリケーションに対する操作性を維持できる。
【００２６】
図４はネイティブ画像とウェブ画像を重ね合わせることによって表示される表示画面の例を示している。図３のメニュー画面１００と同様、メニュー画面１１０には、「ゲーム」、「ニュース」、「住所録」のいずれかの機能を選択するための３つのＧＵＩ部品１１２ａ、１１２ｂ、１１２ｃが表示されている。メニュー画面１１０ではさらに、ユーザがこの時点で注目対象としている「ニュース」の機能が選択された場合に表示されるべき画像、すなわちニュースサイトのウェブページに含まれる、少なくとも一部の要素画像１１４ａ、１１４ｂ、１１４ｃが、実際のウェブページを表示するのに先駆けて表示される。
【００２７】
つまり「ニュース」の機能の選択が確定する前の段階で、ウェブページの一部の情報を表示する。これによりユーザは、選択を確定させるか否かを判断することができる。注目対象のＧＵＩ部品は、例えば表示画面上に表示したカーソル（図示せず）を、所望のＧＵＩ部品上に移動させることによって選択してもよいし、画面をスクロールさせ所定の位置に所望のＧＵＩ部品を移動させることによって選択してもよい。この際、図示するように、注目対象であることがわかるように太枠で囲うなどして該当ＧＵＩ部品を強調表示する。いずれにしろ要素画像１１４ａ、１１４ｂ、１１４ｃはウェブアプリケーションによってサーバ３０から取得するウェブページのデータに基づき描画される。
【００２８】
図５は、図４のメニュー画面１１０を表示するために重ね合わせる画像の構成例を示している。この例では、最下層をネイティブ画像８４、中間層をウェブ画像８６、最上層をネイティブ画像８８とする３層構造８２を有する。ただし層の数や積層順はこれに限定されない。最下層のネイティブ画像８４はメニュー画面１１０の背景を構成し、全体を不透明な画像とする。なお同図では全面を網掛けの塗りつぶし画像としているが、静止画、動画などを、意図するデザインによって適宜選択してよい。ネイティブ画像８４はネイティブコードによって描画されるため、複雑な動きを有する画像であっても円滑な表示が可能である。
【００２９】
中間層のウェブ画像８６は、図４のメニュー画面１１０において表示される、ウェブページの要素画像１１４ａ、１１４ｂ、１１４ｃを含み、それ以外の領域９０を透明または半透明とする。最上層のネイティブ画像８８は、図４のメニュー画面１１０において表示されるＧＵＩ部品１１２ａ、１１２ｂ、１１２ｃを含み、それ以外の領域９２は透明または半透明とする。これらを重ね合わせて表示することにより、背景上に要素画像１１４ａ、１１４ｂ、１１４ｃ、ＧＵＩ部品１１２ａ、１１２ｂ、１１２ｃが同時に配置された、図４のメニュー画面１１０を表示できる。
【００３０】
なお注目対象の機能が「ゲーム」や「住所録」などネイティブアプリケーションで実行される場合は、ウェブ画像８６の全面を透明または半透明とし、ネイティブ画像８８にさらにゲームのタイトル画像を表したり住所録のサムネイル画像を表したりしてよい。このような構成により、ユーザは注目対象の機能がネイティブアプリケーションかウェブアプリケーションかによらず同様の画面構成で、実際に選択を確定させる前に、注目している機能についての情報を得ることができる。
【００３１】
このとき情報処理装置１０は、ネイティブ画像を描画するためのネイティブアプリケーションの処理を担うプロセスと、ウェブ画像を描画するためのウェブアプリケーションの一部の処理を担うプロセスとを並列に実行する。そしてメニュー画面１１０においてウェブアプリケーションの機能である「ニュース」が注目対象とされたとき、ネイティブアプリケーションのプロセスはその旨をウェブアプリケーションのプロセスに通知する。
【００３２】
これを受けてウェブアプリケーションのプロセスは、サーバ３０に要素画像１１４ａ、１１４ｂ、１１４ｃを含むウェブ画像８６を描画するためのデータを要求してウェブ画像８６を生成する。なお図５の例では画面全体を３層構造としていたが、画面の一部の領域のみを重ね合わせたり、画面内の領域によって層の数や積層順を変化させたりしてもよい。
【００３３】
上記のような構成によって始めからネイティブ画像とウェブ画像を融合させておくと、図３で示したような操作対象の切り替えをシームレスに実現できる。図６は図４で示したメニュー画面１１０においてユーザが「ニュース」の機能の選択を確定させたときの画面の変化例を示している。図中、左側の３つの画像は、図４のメニュー画面１１０からの遷移過程における最上層のネイティブ画像１２４ａ、中間層のウェブ画像１２６ａ、およびそれらと背景画像のネイティブ画像を重ねて表示される表示画面１２８ａである。
【００３４】
右側の３つの画像は、ニュースサイトのウェブページを表示した最終状態における最上層のネイティブ画像１２４ｂ、中間層のウェブ画像１２６ｂ、およびそれらと背景画像のネイティブ画像を重ね合わせて表示される、最終的なウェブページの表示画面１２８ｂである。なお背景画像のネイティブ画像は図５のネイティブ画像８４と同様でよいため図示を省略しているが、デザイン上、別の画像に変化させてもよい。
【００３５】
図４のメニュー画面１１０においてウェブアプリケーションの機能である「ニュース」への選択が確定した場合、図示するように、画面全体が所定方向、図では左方向にスクロールするような遷移過程を設ける。このとき、ネイティブ画像１２４ａにおいて３つのＧＵＩ部品が画面左端から徐々に消えていくようにし、それと同じ移動速度でウェブ画像１２６ａにおいてウェブページが画面右端から徐々に出現するようにする。
【００３６】
図４における初期状態のメニュー画面１１０において、ウェブページの要素画像１１４ａ、１１４ｂ、１１４ｃが表示済みのため、それが移動するのに合わせてウェブページを出現させたりタイトルを重畳させたりすると、メニュー画面１１０から表示画面１２８ａ、表示画面１２８ｂのように時間的な連続性を有する画面遷移を実現できる。同図の例では、「ニュース」への選択確定とともに、ウェブ画像１２６ａの画面上側に「ＡＡニュース」なるページタイトルが出現したうえ、ウェブページの右側の記事が徐々に出現するような変化となっている。
【００３７】
また同図の例では、最終的なウェブページの表示画面１２８ｂに到達しても、メニュー画面１１０においてＧＵＩ部品であった３つの要素画像の右端の微少領域を、ネイティブ画像１２４ｂに残し、ウェブ画像１２６ｂの左端に当該微少領域を表示させる領域１２７を設けている。このようにすることで、ウェブページの表示画面１２８ｂにおいても画面外に元のメニュー画面１１０が存在するという想像を喚起させることができ、両者の関連性が位置関係として把握されやすくなる。また別個のアプリケーションが起動されたにも関わらず画像上ではつながっているという独特の表示を実現できる。
【００３８】
なお最終的なウェブページの表示画面１２８ｂに残すネイティブ画像の要素画像は図示するような微少領域に限らず、所定の一部の領域または全部の領域でもよい。例えば選択が確定した「ニュース」の要素画像全体を表示画面１２８ｂにおいても継続して表示するようにしてもよい。この場合、ウェブページをいくらか小さく表示してネイティブ画像の要素画像の表示領域を設けてもよいし、要素画像の少なくとも一部の領域がウェブページに重なるようにしてもよい。本実施の形態ではネイティブ画像とウェブ画像を重ねて表示しているため、所望のデザインに応じて様々な組み合わせや配置が可能である。
【００３９】
メニュー画面１１０において選択肢として表示される３つのＧＵＩ部品を、図示するように縦方向に配列させた場合、注目対象の選択は上述のとおり、カーソルを上下方向に移動させるか画面を上下方向にスクロールさせることによって実現できる。そこで、注目対象を「ニュース」のＧＵＩ部品に合わせた状態で、カーソルを右方向に移動させたり画面を左方向へスクロールさせたりする操作を、当該ＧＵＩ部品の選択を確定させる操作とすれば、画面右端からウェブページが出現することとの親和性が高く、自然な動きでウェブページ表示画面へ移行できる。
【００４０】
同様に、ウェブページを画面左端から出現させる場合は、注目対象を所望のＧＵＩ部品へ合わせた状態で、カーソルを左方向に移動させたり画面を右方向へスクロールさせたりすることにより選択を確定させる。ＧＵＩ部品を横方向に配列させる場合は、ウェブページを上から出現させるか下から出現させるかによって、カーソルを当該方向に移動させたり画面を逆側へスクロールさせたりすることにより選択確定操作とする。なおカーソルの移動や画面スクロールは、マウス、ジョイスティック、方向指示ボタン、タッチパッドなど、入力部２８に含まれる入力装置を用いた一般的な手法で実現してよい。
【００４１】
また、ウェブページを画面の端から出現させるのに限らず、透明化されていたウェブページが徐々に不透明になることにより画面全体に出現するようにしてもよい。これに合わせてメニュー画面に表示されていたネイティブ画像中の要素画像が徐々に透明化するようにしてもよい。なお図６に示した画面は一例であり、ウェブページの表示画面１２８ｂにおいて、必ずしもネイティブ画像の要素画像を残さなくてもよい。またＧＵＩ部品の選択の確定操作には、上記のようにカーソル移動やスクロールによる場合のほか、入力装置における所定のボタン、例えば方向指示ボタンを１回押下するなどの手段を用いてもよい。
【００４２】
ウェブページの表示画面１２８ｂを表示させている期間においては、当該ウェブページを操作対象とし、通常のウェブページと同様に操作を受け付ける。例えば、メニュー画面１１０における「ニュース速報」、「天気予報」、「ＡＡショップ」といったウェブ画像の要素画像を、表示画面１２８ｂに到達した時点でＧＵＩ部品へと切り替え、それらに対する操作を受け付ける。同図の例では「ニュース速報」のＧＵＩ部品が注目対象として強調表示されている。例えばこの状態で確定操作がなされたらニュース速報の記事を表示するなど、ＧＵＩ操作に応じてウェブページを変化させる。
【００４３】
ウェブページの表示画面１２８ｂからメニュー画面１１０へ表示を戻す際は、画面全体が逆方向、図では右方向にスクロールするような遷移過程を設ける。このときのユーザ操作は、メニュー画面１１０からウェブページの表示画面１２８ｂを表示させたのと逆に、カーソルを左方向へ移動させたり、画面を右方向へスクロールさせたりする操作によって行うと、画像の連続性を演出できる。あるいは入力装置における所定のボタン、例えば方向指示ボタンを１回押下するなどの手段を用いてもよい。
【００４４】
以後、図４のメニュー画面１１０のようにネイティブ画像に対する操作を受け付ける状態をネイティブモード、図６のウェブページの表示画面１２８ｂのようにウェブ画像に対する操作を受け付ける状態をウェブモードと呼ぶ。本実施の形態では上述のとおり、ネイティブ画像とウェブ画像が同じ画像平面上で連続的に表示されているように演出すると同時に、操作対象についてはネイティブモード／ウェブモード間で切り替えることにより両者を区別する。
【００４５】
図７は情報処理装置１０の機能的な構成を示している。情報処理装置１０は、ユーザ操作を受け付ける入力情報受付部４０、ネイティブアプリケーションのための処理を行うネイティブ処理部４２、ネイティブ画像の描画に用いるデータを記憶するネイティブ画像データ記憶部４９、ウェブアプリケーションのための処理を行うウェブ処理部５０、ネイティブアプリケーションおよびウェブアプリケーションによってそれぞれ表示される画像を重ね合わせて表示画像を生成する表示画像生成部５８、表示画像を表示する画像表示部６０を含む。
【００４６】
図７において、さまざまな処理を行う機能ブロックとして記載される各要素は、ハードウェア的には、既述したようにＣＰＵ（Central Processing Unit）、メモリ、その他のＬＳＩで構成することができ、ソフトウェア的には、記録媒体や記憶装置に格納されメモリにロードされたプログラムなどによって実現される。したがって、これらの機能ブロックがハードウェアのみ、ソフトウェアのみ、またはそれらの組合せによっていろいろな形で実現できることは当業者には理解されるところであり、いずれかに限定されるものではない。
【００４７】
入力情報受付部４０は、図２の入力部２８によって実現され、ユーザが情報処理装置１０に対し行った操作を受け付けたうえ、当該情報をネイティブ処理部４２およびウェブ処理部５０に通知する。ネイティブ処理部４２はＣＰＵ１２、ＧＰＵ１４などによって実現され、記憶部２４からメインメモリ１６にロードしたネイティブアプリケーションのプログラムを実行することによってネイティブ画像を生成する。ウェブ処理部５０はＣＰＵ１２、ＧＰＵ１４などによって実現され、記憶部２４からメインメモリ１６にロードしたウェブブラウザのプログラムを実行することによって、サーバ３０との連携によりウェブ画像を生成する。
【００４８】
なおネイティブ処理部４２およびウェブ処理部５０は上述したように、それぞれプロセスとして生成されたものをＣＰＵ１２が並列に処理することによって実現してもよい。上述のとおりネイティブ画像とウェブ画像は常時重ね合わされ、連携して変化するため、ネイティブ処理部４２とウェブ処理部５０はそれぞれ、内部で行う処理の途中で必要に応じて互いにメッセージを送受信する。
【００４９】
ネイティブ処理部４２はネイティブ操作処理部４６およびネイティブ画像処理部４８を含む。ネイティブ操作処理部４６は、ネイティブモードにおいてネイティブ画像に含まれるＧＵＩ部品への操作に応じた処理を行う。またゲームや各種情報処理など、実行中のネイティブアプリケーションへの操作に応じた処理を行う。後者の処理はアプリケーションの内容に依存する。ネイティブ画像処理部４８は、ネイティブモード／ウェブモード間の切り替えの際、ネイティブ画像を変化させたり、ネイティブモードにおいてネイティブ操作処理部４６が行った処理の結果をネイティブ画像として生成したりする。ネイティブ画像処理部４８はさらに、ウェブモードにおいても必要に応じてウェブ画像を変化させる。ネイティブ画像はネイティブ画像データ記憶部４９に格納された画像データを用いて描画される。
【００５０】
ウェブ処理部５０はウェブ操作処理部５４およびウェブ画像処理部５６を含む。ウェブ操作処理部５４は、ウェブモードにおいてウェブ画像に含まれるＧＵＩ部品への操作や、実行中のウェブアプリケーションへの操作に応じたリクエストをサーバ３０へ送信する。そしてサーバ３０から送信されたデータを用いてウェブ画像処理部５６にウェブ画像を生成させたりプラグインの処理を行ったりする。ウェブ画像処理部５６は、ネイティブモード／ウェブモード間の切り替えの際、ウェブ画像を変化させたり、ウェブモードにおいてウェブ操作処理部５４から供給されたデータに基づきウェブ画像を生成したりする。ウェブ画像処理部５６はさらに、ネイティブモードにおいても必要に応じてサーバ３０へデータをリクエストすることによりウェブ画像を変化させる。
【００５１】
表示画像生成部５８はＣＰＵ１２、ＧＰＵ１４などで実現され、ネイティブ処理部４２のネイティブ画像処理部４８が生成したネイティブ画像と、ウェブ処理部５０のウェブ画像処理部５６が生成したウェブ画像を重ね合わせて表示画像を生成する。図５の例では、前者は最下層と最上層の２層を構成する２つのネイティブ画像をネイティブ画像処理部４８から取得し、中間層の１層を構成する１つのウェブ画像をウェブ画像処理部５６から取得して重ね合わせる。生成した表示画像は内部のフレームメモリに格納する。画像表示部６０は入出力インターフェース１８、出力部２６によって実現され、表示画像生成部５８が生成しフレームメモリに格納された表示画像を逐次読み出し、ディスプレイに表示する。
【００５２】
次にこれまで述べた構成によって実現される情報処理装置１０の動作を説明する。図８は情報処理装置１０がモード切り替えを行いながらユーザ操作に応じた画像を表示する処理手順を示すフローチャートである。まず情報処理装置１０はネイティブアプリケーションおよびウェブブラウザを起動する（Ｓ１０）。より詳細には例えば、ユーザの操作によってネイティブアプリケーションを起動し、そのプログラムの中でウェブブラウザを起動する。するとネイティブ処理部４２は、ネイティブ画像の初期画像を、ウェブ処理部５０はウェブ画像の初期画像を、それぞれ生成し、表示画像生成部５８がそれらを重ね合わせることにより、初期画面が生成されディスプレイに表示される（Ｓ１２）。
【００５３】
ネイティブ画像の初期画像は、ネイティブ画像データ記憶部４９に格納されているデータを用い、ウェブ画像の初期画像は、サーバ３０へのリクエストに対し送信されたデータを用いて生成される。このような処理により、例えば図４のメニュー画面１１０のような初期画面を表示できる。ただし初期画面において必ずしもウェブ画像の要素画像が含まれていなくてもよく、この場合、ウェブ画像の全面を透明または半透明としてもよい。なお同図では初期画面の状態をネイティブモードとしているが、ウェブモードとしてもよい。
【００５４】
次に、そのようにして表示した初期画面に対するユーザ操作を受け付ける（Ｓ１４）。この操作がモードの切り替え操作でない場合（Ｓ１６のＮ）、ユーザ操作に応じてネイティブアプリケーションの処理を実施し画像を更新する（Ｓ１８）。このとき、処理に応じてネイティブ画像を更新するとともに、必要に応じてウェブ画像も更新する。
【００５５】
例えば図４のメニュー画面１１０において、注目対象とするＧＵＩ部品を変更する操作がなされた場合、右側に表示したウェブ画像の要素画像を、変更後のＧＵＩ部品に対応するサイトのウェブページに含まれる要素画像へ切り替える。またゲームなどネイティブアプリケーションの実行が確定し全画面をネイティブ画像とする場合は、ウェブ画像の要素画像を消去してもよい。いずれにしろ表示画像生成部５８は、ネイティブ画像とウェブ画像を重ね合わせた状態を維持する。ユーザが表示を終了させる操作を行わない間は（Ｓ２０のＮ）、この状態でさらなるユーザ操作を待機する。
【００５６】
ユーザ操作がモードの切り替えである場合（Ｓ１４、Ｓ１６のＹ）、例えばメニュー画面１１０において「ニュース」のＧＵＩ部品への選択を確定させる操作がなされた場合、ネイティブ処理部４２およびウェブ処理部５０はそれぞれ、モード切り替え処理を実行する（Ｓ２２）。具体的には、ネイティブ処理部４２のネイティブ画像処理部４８は、ネイティブ画像の要素画像、図４のメニュー画面１１０では３つのＧＵＩ部品１１２ａ、１１２ｂ、１１２ｃが、画面内で所定方向へ移動し画面端から消えていくアニメーションのフレームを生成する。
【００５７】
ウェブ処理部５０のウェブ画像処理部５６は、ウェブ画像の要素画像、図４のメニュー画面１１０では要素画像１１４ａ、１１４ｂ、１１４ｃが、画面内で同所定方向へ移動するとともに、ネイティブ画像の要素画像が消えたのと逆側の画面端から残りのウェブページの画像が出現するアニメーションのフレームを生成する。表示画像生成部５８が、生成されたネイティブ画像とウェブ画像の各フレームを同期させて重ね合わせ、画像表示部６０に出力することにより、図６で示したように変化する画面が表示される。最終的な表示画面が表示されたら、ネイティブ処理部４２のネイティブ操作処理部４６が処理を休止し、ウェブ処理部５０のウェブ操作処理部５４が処理を開始することにより、ネイティブモードからウェブモードへ切り替わる。
【００５８】
そして画面内の主たる構成要素となったウェブページに対するユーザ操作を受け付ける（Ｓ２４）。この操作がモードの切り替え操作でない場合（Ｓ２６のＮ）、ユーザ操作に応じたウェブアプリケーションの処理を実施して画像を更新し（Ｓ２８）次の操作を待機する。このとき、基本的にはウェブ操作処理部５４およびウェブ画像処理部５６が、サーバ３０との協働によって画面内のウェブページを更新するが、操作の内容によっては、画面内に残していたネイティブ画像の要素画像を、ネイティブ画像処理部４８が消去するなどしてもよい。この場合も表示画像生成部５８は、ネイティブ画像とウェブ画像を重ね合わせた状態を維持する。
【００５９】
ユーザ操作がモードの切り替えである場合（Ｓ２４、Ｓ２６のＹ）、ネイティブ処理部４２およびウェブ処理部５０はそれぞれ、モード切り替え処理を実行する（Ｓ３０）。この場合、ウェブ処理部５０のウェブ画像処理部５６は、ウェブページが画面内でＳ２２と逆方向へ移動しながら画面端から消えていくアニメーションのフレームを生成する。ネイティブ処理部４２のネイティブ画像処理部４８は、Ｓ２２で画面端から消えていたネイティブ画像の要素画像が、同画面端から出現しながら画面内をＳ２２と逆方向へ移動していくアニメーションのフレームを生成する。
【００６０】
表示画像生成部５８が、生成されたネイティブ画像とウェブ画像の各フレームを同期させて重ね合わせ、画像表示部６０に出力することにより、例えば図６で示した遷移と逆の動きを有する画面が表示され、結果的に図４のメニュー画面１１０へ表示が戻る。この段階で、ウェブ処理部５０のウェブ操作処理部５４が処理を休止し、ネイティブ処理部４２のネイティブ操作処理部４６が処理を開始する。これによりウェブモードからネイティブモードへ切り替わり、ネイティブ画像に対するユーザ操作が再び受け付けられる（Ｓ１４）。このような処理を、ユーザが表示終了操作を行うまで続け、当該操作を行ったら表示処理を終了する（Ｓ２０のＹ）。なお表示終了操作は実際にはモードによらずいずれの段階で受け付けてもよい。
【００６１】
Ｓ１６のＹ、Ｓ２２でネイティブモードからウェブモードへ切り替える際は、ネイティブ処理部４２によるネイティブコードの処理においてモード切り替え操作がなされたことを検出し、ウェブアプリケーションを処理するウェブ処理部５０へその旨を通知することにより上記切り替え処理を双方で実施する。Ｓ２６のＹ、Ｓ３０においてウェブモードからネイティブモードへ切り替える際は、ウェブアプリケーションを処理するウェブ処理部５０がモード切り替え操作がなされたことを検出し、ネイティブ処理部４２へその旨を通知することにより上記切り替え処理を双方で実施する。
【００６２】
Ｓ２２およびＳ３０のモード切り替え処理は、ソフトウェア的には例えばネイティブコードとJavaScript（登録商標） を用いて次のように実現される。
ネイティブモードからウェブモードへの切り替え
（１）ネイティブコードにおいてフォーカス対象をウェブ画像の要素画像に切り替えるとともにネイティブ画像のアニメーションを生成
（２）ウェブアプリケーションはフォーカスの切り替えをwindow.focusイベントとして受け取る
（３）ウェブアプリケーションのJavaScriptはそのイベントを受けアニメーションを生成
【００６３】
ウェブモードからネイティブモードへの切り替え
（１）ネイティブコードを呼び出す機能（Injected Bundle）として実装したＡＰＩ経由でApplication Exitのメッセージがネイティブコードに届く
（２）ネイティブコードにおいてフォーカス対象をネイティブ画像の要素画像に切り替えるとともにネイティブ画像のアニメーションを生成
（３）ウェブアプリケーションはwindow.focusが外れたことを受けアニメーションを生成
【００６４】
次に、情報処理装置１０を用いて実現できる表示画面変化の別の例を説明する。ウェブページを表示する場合は一般に、URL(Uniform Resource Locator)に代表されるデータのアドレスを指定して該当サーバにデータを要求し、送信されたデータを受信した情報処理装置がブラウザによってそれを解釈して表示する、という手順が踏まれる。一方、近年ではAjaxのように、データアドレスは静的なまま、ユーザ操作に応じてウェブページの内容のみを逐次サーバに要求することにより表示を更新していく動的な画像表示技術が実用化されている。
【００６５】
このような技術を用いると、あるサイトのウェブページに表示したＧＵＩ部品の選択操作により、そのページの少なくとも一部が他のウェブページに対応する内容へ更新される表示形態を実現できる。図９は静的アドレスのまま内容を更新するときの画面の変化例を示している。まず画面７０は更新前のウェブページの表示画面であり、同図の場合、図６で示したウェブモードでの表示画面１２８ｂと同じ状態としている。この画面７０においてはＧＵＩ部品として「ニュース速報」、「天気予報」、「ＡＡショップ」なる３つのＧＵＩ部品が表示され、それぞれが、さらに詳細な情報を表示する別のウェブページに対応づけられているとする。
【００６６】
ここでユーザが「ＡＡショップ」のＧＵＩ部品７２を選択する入力を行ったら、情報処理装置１０は、当該ウェブページのデータ送信元であるサーバに、選択対象である「ＡＡショップ」に対応するウェブページの内容を表すデータのみを要求する。そしてサーバから送信されたデータを用いて元のウェブページの少なくとも一部の内容を更新することにより、画面７４が表示される。同図の画面７４では、ウェブページの全体が更新された結果、「ＡＡショップ」なるオンラインストアで購入できる「経済新聞」、「有料株式情報」といった商品のリストが表示されている。本実施の形態では、このような変化はウェブモードにおいてウェブ処理部５０のウェブ操作処理部５４、ウェブ画像処理部５６によって実現される。
【００６７】
このようにすると、各ウェブページのデータアドレスを指定してサーバにリクエストし直し、得られたデータを用いて全てを新たに描画し直すより高速に表示内容を更新できる。その一方、前のページから連続的に次のページへ更新されるため、表示内容としてウェブページが切り替えられたことや、ウェブページ間の主従関係がわかりづらくなる可能性がある。そこで本実施の形態では、ネイティブ処理部４２によってウェブページの切り替えを明示的に表現する。なおここでの「ウェブページの切り替え」は上述のとおり、データアドレスを指定し直して表示画像全体を切り替える処理ではなく、ページ内の情報のみを更新する処理を意味する。
【００６８】
まずユーザが表示中のウェブページを切り替える操作を行ったとき、ウェブ処理部５０のウェブ操作処理部５４は、切り替え後のデータをサーバに要求するとともに、切り替え操作がなされた旨の情報をネイティブ処理部４２に通知する。それに応じてネイティブ処理部４２のネイティブ画像処理部４８は、切り替え前の画面７０から切り替え後の画面７４への遷移過程においてネイティブ画像に変化を加えることにより、切り替えの時間的な区切りを明示する。
【００６９】
例えば、最上層に位置するネイティブ画像のうち、下層のウェブ画像においてウェブページを表示している領域に対応する領域を透明から不透明に変化させることによりウェブページを一旦、隠蔽する（図９の画面７６）。透過率を所定量、下げるようにしてもよい。そして切り替え後のウェブ画像が生成された時点て、ネイティブ画像の該当領域を再度透明化することにより、図９の画面７４を表示する。これにより少なくとも、ウェブページが遷移したことを微少な非表示期間によって示すことができる。
【００７０】
なお元のウェブページの隠蔽、新たなウェブページの露出は、連続的な変化でおこなってもよい。例えばウェブページの切り替え操作がなされたら、最上層のネイティブ画像の透明度を徐々に下げていき、ウェブ画像が更新されたら当該透明度を徐々に上げていってもよい。または元のウェブページのうち見える部分を徐々に小さくしていき、ウェブ画像の更新後、新たなウェブページのうち見える部分を徐々に大きくするように、最上層のネイティブ画像における透明な部分の面積を変化させてもよい。または単に隠蔽するのみでなく、新たなウェブページが表示されることを文字や図形でネイティブ画像に表してもよい。
【００７１】
図１０は情報処理装置１０が静的アドレスのままウェブページを切り替えるときの処理手順を示すフローチャートである。このフローチャートは図８のＳ２２においてネイティブモードからウェブモードへの切り替えがなされ、主にウェブページが表示された状態から開始される。すなわちウェブ画像においてウェブページが描画され、ネイティブ画像において少なくとも対応する領域が透明化されているものとする。この状態でウェブページ上のＧＵＩ部品が選択されるなどウェブページを切り替える操作がなされたら、ウェブ処理部５０のウェブ操作処理部５４が当該操作を受け付け（Ｓ４４）、ネイティブ処理部４２にその旨を通知する（Ｓ４６）。
【００７２】
これを受けてネイティブ処理部４２のネイティブ画像処理部４８は、ネイティブ画像の透明度を下げたり透明な領域を徐々に狭めていくなどしてウェブページを隠蔽するためのネイティブ画像を生成する（Ｓ５０）。このようなネイティブ画像とウェブ画像を表示画像生成部５８が重ね合わせて順次、画像表示部６０に表示させることにより、元のウェブ画像が隠蔽される。一方、ウェブ操作処理部５４は、サーバ３０に、選択されたＧＵＩ部品に対応するウェブページの内容を表すデータを要求したうえ、それを受信してウェブ画像処理部５６に供給することにより、切り替え後のウェブページを表すウェブ画像を生成させる（Ｓ４８）。
【００７３】
切り替え後のウェブページを表すウェブ画像が完成したら、ウェブ操作処理部５４はその旨をネイティブ処理部４２に通知する（Ｓ５２）。これを受けてネイティブ処理部４２のネイティブ画像処理部４８は、ネイティブ画像の透明度を上げたり透明な領域を徐々に広げていくなどして、切り替え後のウェブページを露出させるためのネイティブ画像を生成する（Ｓ５４）。このようなネイティブ画像とウェブ画像を表示画像生成部５８が重ね合わせて順次、画像表示部６０に表示させることにより、遷移後のウェブ画像が表示される。
【００７４】
以上述べた本実施の形態によれば、ネイティブアプリケーションにより生成された画像とウェブアプリケーションにより生成された画像を、一部を透明化または半透明化させて重ね合わせて表示することにより一つの画面に融合する。これにより、ユーザ操作に対する応答性と、表示される情報の最新性とを両立した画面表示を実現できる。また両者を同じ画面に混在させることにより、ネイティブアプリケーション／ウェブアプリケーションといった情報処理の主体やデータソースの切り替えに対しシームレスな画像表現を実現でき、１つ１つを別のウィンドウに表示したり画面全体を切り替えたりするのと比較し、情報系統や各処理同士の関連性が把握されやすくなる。また様々な組み合わせや配置が可能であるため、用途や内容に応じたデザイン性の高い画面表示を実現できる。
【００７５】
また操作対象をネイティブアプリケーション／ウェブアプリケーション間で切り替える際、各アプリケーションの画像が画面端から徐々に出現したり消えていったりするアニメーションにより画面を変化させる。これにより主たる画面がどのアプリケーションによるものであっても、その外側に別のアプリケーションによる画像がつながっているように見せることができ、画面スクロールのような容易かつ直感的な操作で操作対象を切り替えることができる。また画面内の主たる領域を一のアプリケーションの画像に変化させるとともに、アクティブなＧＵＩ部品を切り替えることにより、通常と同様の操作が可能である。
【００７６】
さらにネイティブ画像とウェブ画像の階層構造を利用し、ウェブモードにおいて静的アドレスのままウェブページの内容のみを切り替える際、ネイティブ画像によって元のウェブページを隠蔽する遷移過程を導入する。これにより、ウェブページが切り替わったことを明示的に表すことができ、操作に対する表示の切り替えがなされたことや、現在表示されている画像が情報系統のどこに位置するか、といったことが把握されやすくなる。
【００７７】
以上、本発明を実施の形態をもとに説明した。上記実施の形態は例示であり、それらの各構成要素や各処理プロセスの組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。
【符号の説明】
【００７８】
１  情報処理システム、  １０  情報処理装置、  １２  ＣＰＵ、  １４  ＧＰＵ、  １６  メインメモリ、  ２２  通信部、  ２４  記憶部、  ２６  出力部、  ２８  入力部、  ３０  サーバ、  ４０  入力情報受付部、  ４２  ネイティブ処理部、  ４６  ネイティブ操作処理部、  ４８  ネイティブ画像処理部、  ４９  ネイティブ画像データ記憶部、  ５０  ウェブ処理部、  ５４  ウェブ操作処理部、  ５６  ウェブ画像処理部、  ５８  表示画像生成部、  ６０  画像表示部。
【図１】
0005963815.tif 000002
【図２】
0005963815.tif 000003
【図３】
0005963815.tif 000004
【図４】
0005963815.tif 000005
【図５】
0005963815.tif 000006
【図６】
0005963815.tif 000007
【図７】
0005963815.tif 000008
【図８】
0005963815.tif 000009
【図９】
0005963815.tif 000010
【図１０】
0005963815.tif 000011