(57)【要約】【課題】コンテンツ内のＧＵＩを容易に操作できる電子機器を実現する。【解決手段】実施形態によれば、電子機器は、受信手段、表示処理手段、生成手段、及び送信手段を具備する。受信手段は、サーバから、第１商品の画像を表示するための第１データと、当該第１商品に関するグラフィカルユーザインターフェースを表示するための第２データとを受信する。表示処理手段は、前記第２データを用いて、前記グラフィカルユーザインターフェースを画面に表示する。生成手段は、前記第１データを用いて、外部ディスプレイに前記画像を表示するための第１映像データを生成する。送信手段は、前記第１映像データを前記外部ディスプレイに送信する。【選択図】図３
2015114974.tif 000002
【特許請求の範囲】
【請求項１】
サーバから、第１商品の画像を表示するための第１データと、当該第１商品に関するグラフィカルユーザインターフェースを表示するための第２データとを受信する受信手段と、
前記第２データを用いて、前記グラフィカルユーザインターフェースを画面に表示する表示処理手段と、
前記第１データを用いて、外部ディスプレイに前記画像を表示するための第１映像データを生成する生成手段と、
前記第１映像データを前記外部ディスプレイに送信する送信手段とを具備する電子機器。
【請求項２】
前記受信手段は、前記グラフィカルユーザインターフェースを用いた第１操作に応じて、第２商品の画像を表示するための第３データと、当該第２商品に関するグラフィカルユーザインターフェースを表示するための第４データとを受信し、
前記表示処理手段は、前記第４データを用いて、前記第２商品に関するグラフィカルユーザインターフェースを前記画面に表示し、
前記生成手段は、前記第３データを用いて、前記外部ディスプレイに前記第２商品の画像を表示するための第２映像データを生成し、
前記送信手段は、前記第２映像データを前記外部ディスプレイに送信する請求項１記載の電子機器。
【請求項３】
前記生成手段は、前記グラフィカルユーザインターフェースを用いた第１操作に応じて、拡大又は縮小された前記第１商品の画像を表示するための第２映像データを生成し、
前記送信手段は、前記第２映像データを前記外部ディスプレイに送信する請求項１記載の電子機器。
【請求項４】
前記生成手段は、前記グラフィカルユーザインターフェースを用いた第１操作に応じて、回転された前記第１商品の画像を表示するための第２映像データを生成し、
前記送信手段は、前記第２映像データを前記外部ディスプレイに送信する請求項１記載の電子機器。
【請求項５】
前記生成手段は、前記グラフィカルユーザインターフェースを用いた第１操作に応じて、色が変更された前記第１商品の画像を表示するための第２映像データを生成し、
前記送信手段は、前記第２映像データを前記外部ディスプレイに送信する請求項１記載の電子機器。
【請求項６】
前記生成手段は、前記グラフィカルユーザインターフェースを用いた第１操作に応じて、前記第１商品の画像と、前記第１商品に関連付けられる手書きによる情報とを表示するための第２映像データを生成し、
前記送信手段は、前記第２映像データを前記外部ディスプレイに送信する請求項１記載の電子機器。
【請求項７】
タッチスクリーンディスプレイをさらに具備し、
前記表示処理手段は、前記グラフィカルユーザインターフェースを前記タッチスクリーンディスプレイの画面に表示する請求項１記載の電子機器。
【請求項８】
サーバから、第１商品の画像を表示するための第１データと、当該第１商品に関するグラフィカルユーザインターフェースを表示するための第２データとを受信し、
前記第２データを用いて、前記グラフィカルユーザインターフェースを画面に表示し、
前記第１データを用いて、外部ディスプレイに前記画像を表示するための第１映像データを生成し、
前記第１映像データを前記外部ディスプレイに送信する表示制御方法。
【請求項９】
コンピュータにより実行されるプログラムであって、前記プログラムは、
サーバから、第１商品の画像を表示するための第１データと、当該第１商品に関するグラフィカルユーザインターフェースを表示するための第２データとを受信する手順と、
前記第２データを用いて、前記グラフィカルユーザインターフェースを画面に表示する手順と、
前記第１データを用いて、外部ディスプレイに前記画像を表示するための第１映像データを生成する手順と、
前記第１映像データを前記外部ディスプレイに送信する手順とを前記コンピュータに実行させるプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明の実施形態は、コンテンツの表示を制御する電子機器、及び該機器に適用される表示制御方法に関する。
【背景技術】
【０００２】
ネットショッピングで商品を購入する場合、ユーザは、ノートブック型のパーソナルコンピュータ（ＰＣ）、タブレットコンピュータ、スマートフォン、等のクライアントの画面に表示される商品の写真や動画を閲覧することによって、商品の購入を決定している。クライアントは、ネットショッピングのサービスを提供するサーバから、例えば、商品の画像や説明を含むウェブコンテンツを受信し、このウェブコンテンツを画面に表示する。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開２００７−７４２６５号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
ところで、コンテンツには、画像やテキストだけでなく、メニューやボタンのようなグラフィカルユーザインターフェース（ＧＵＩ）が含まれることがある。スマートフォンやタブレットコンピュータ等のクライアントは、サーバから、例えば、商品の画像や説明だけでなく、商品を購入するためのメニューやボタンを含むウェブコンテンツを受信する。
【０００５】
このようなウェブコンテンツがスマートフォンやタブレットコンピュータの小さな画面に表示される場合、ユーザは、コンテンツの一部を拡大する操作やコンテンツをスクロールする操作を行わなければならず、煩雑である。
【０００６】
本発明は、コンテンツ内のＧＵＩを容易に操作できる電子機器及び表示制御方法を提供することを目的とする。
【課題を解決するための手段】
【０００７】
実施形態によれば、電子機器は、受信手段、表示処理手段、生成手段、及び送信手段を具備する。受信手段は、サーバから、第１商品の画像を表示するための第１データと、当該第１商品に関するグラフィカルユーザインターフェースを表示するための第２データとを受信する。表示処理手段は、前記第２データを用いて、前記グラフィカルユーザインターフェースを画面に表示する。生成手段は、前記第１データを用いて、外部ディスプレイに前記画像を表示するための第１映像データを生成する。送信手段は、前記第１映像データを前記外部ディスプレイに送信する。
【図面の簡単な説明】
【０００８】
【図１】実施形態に係る電子機器（タブレットコンピュータ）を用いたオンラインショッピングシステムの例を説明するための図。
【図２】同実施形態の電子機器のシステム構成の例を示すブロック図。
【図３】同実施形態の電子機器によって実行されるブラウザアプリケーションプログラムの機能構成の例を示すブロック図。
【図４】同実施形態の電子機器によって生成される映像データを用いて、テレビジョン受信機に表示される商品の画像の例を示す図。
【図５】同実施形態の電子機器によって表示される、図４の商品に関するグラフィカルユーザインターフェース（ＧＵＩ）の例を示す図。
【図６】図５のＧＵＩの操作に応じて生成される映像データを用いて、テレビジョン受信機に表示される商品の画像の例を示す図。
【図７】図５のＧＵＩの操作に応じて生成される映像データを用いて、テレビジョン受信機に表示される別の商品の画像の例を示す図。
【図８】同実施形態の電子機器によって表示される、図７の商品に関するＧＵＩの例を示す図。
【図９】同実施形態の電子機器によって表示される、商品の画像と当該商品に関するＧＵＩとの例を示す図。
【図１０】同実施形態の電子機器によって生成される映像データを用いて、テレビジョン受信機に表示される商品の画像と手書きの情報との例を示す図。
【図１１】同実施形態の電子機器によって実行される表示制御処理の手順の例を示すフローチャート。
【図１２】同実施形態の電子機器によって実行される表示制御処理の手順の別の例を示すフローチャート。
【図１３】同実施形態の電子機器によって実行される操作処理の手順の例を示すフローチャート。
【発明を実施するための形態】
【０００９】
以下、実施の形態について図面を参照して説明する。
【００１０】
図１は、一実施形態に係る電子機器を用いたオンラインショッピングシステムの例を示す図である。この電子機器は、例えば、ペン又は指によって手書き入力可能なペン・ベースの携帯型電子機器である。この電子機器は、タブレットコンピュータ、ノートブック型パーソナルコンピュータ、スマートフォン、ＰＤＡ等として実現され得る。以下では、この電子機器がタブレットコンピュータ１として実現されている場合を想定する。タブレットコンピュータ１は、タブレット又はスレートコンピュータとも称される携帯型電子機器である。
【００１１】
タブレットコンピュータ１は、当該タブレットコンピュータ１のユーザによる操作に応じて、オンラインショッピングで提供される商品の情報をサーバ２から取得するための処理、ユーザが購入したい商品を注文するための処理、等を行う。タブレットコンピュータ１は、サーバ２から商品の情報を受信し、商品の情報の表示を制御する。
【００１２】
タブレットコンピュータ１は、商品の情報を当該タブレットコンピュータ１の画面に表示することができる。ユーザは、タブレットコンピュータ１の画面に表示された商品の画像や説明を閲覧し、その商品を購入したい場合には、サイズ、数量、色等を指定し、購入を決定するためのＧＵＩ（例えば、ボタン）を操作することにより、ネットワークを介した商品の注文を行うことができる。
【００１３】
ところで、上述したように、タブレットコンピュータ１は携帯型電子機器であるので、商品の情報を１画面分の領域では表示しきれない場合や、画像のサイズが小さい（解像度が低い）ために、商品の画像の細部を確認しづらい場合がある。このような場合には、ユーザが、１画面分の領域では表示されていない残りの情報を表示するためのスクロール操作や、画像を拡大するための拡大操作等を行う必要があり、ユーザによる操作回数が増加し、その操作が複雑になる可能性がある。
【００１４】
そのため、本実施形態では、タブレットコンピュータ１との間でデータ伝送が可能なテレビジョン受信機（ＴＶ）３の画面に商品の画像が表示され、タブレットコンピュータ１の画面に商品に関する操作のためのＧＵＩが表示される。タブレットコンピュータ１の画面上では、商品の画像が表示されず、商品の画像の表示に用いられていた画面上の領域をＧＵＩの表示に利用することができるので、例えば、ボタンや入力エリアをより大きく表示することや、表示可能なボタンや入力エリアの数を増やすことができる。これによりユーザは、テレビジョン受信機３の大きな画面で商品の画像を閲覧でき、またタブレットコンピュータ１の画面上でボタンやメニューのようなＧＵＩを容易に操作することができる。
【００１５】
なお、商品の画像が表示されるテレビジョン受信機３は、例えば、タブレットコンピュータ１（携帯型電子機器）の画面サイズよりも大きな画面サイズを有する外部ディスプレイ装置であれば、ノートブック型のパーソナルコンピュータ等であってもよい。
【００１６】
図２は、タブレットコンピュータ１のシステム構成を示す図である。  
タブレットコンピュータ１は、図２に示されるように、タッチスクリーンディスプレイ１７、ＣＰＵ１０１、システムコントローラ１０２、主メモリ１０３、グラフィクスコントローラ１０４、ＢＩＯＳ−ＲＯＭ１０５、不揮発性メモリ１０６、無線ＬＡＮモジュール１０７、エンベデッドコントローラ（ＥＣ）１０８、３Ｇモジュール１０９、等を備える。
【００１７】
ＣＰＵ１０１は、タブレットコンピュータ１内の各種コンポーネントの動作を制御するプロセッサである。ＣＰＵ１０１は、ストレージデバイスである不揮発性メモリ１０６から主メモリ１０３にロードされる各種ソフトウェアを実行する。これらソフトウェアには、オペレーティングシステム（ＯＳ）１０３Ａ、及び各種アプリケーションプログラムが含まれている。アプリケーションプログラムには、ブラウザアプリケーションプログラム１０３Ｂが含まれている。このブラウザアプリケーションプログラム１０３Ｂは、商品情報の表示を制御する表示制御機能を有する。
【００１８】
また、ＣＰＵ１０１は、ＢＩＯＳ−ＲＯＭ１０５に格納された基本入出力システム（ＢＩＯＳ）も実行する。ＢＩＯＳは、ハードウェア制御のためのプログラムである。
【００１９】
システムコントローラ１０２は、ＣＰＵ１０１のローカルバスと各種コンポーネントとの間を接続するデバイスである。システムコントローラ１０２には、主メモリ１０３をアクセス制御するメモリコントローラも内蔵されている。また、システムコントローラ１０２は、ＰＣＩＥＸＰＲＥＳＳ規格のシリアルバスなどを介してグラフィクスコントローラ１０４との通信を実行する機能も有している。
【００２０】
グラフィクスコントローラ１０４は、本タブレットコンピュータ１のディスプレイモニタとして使用されるＬＣＤ１７Ａを制御する表示コントローラである。このグラフィクスコントローラ１０４によって生成される表示信号はＬＣＤ１７Ａに送られる。ＬＣＤ１７Ａは、表示信号に基づいて画面イメージを表示する。このＬＣＤ１７Ａ上にはタッチパネル１７Ｂ及びデジタイザ１７Ｃが配置されている。タッチパネル１７Ｂは、ＬＣＤ１７Ａの画面上で入力を行うための静電容量式のポインティングデバイスである。指が接触される画面上の接触位置及び接触位置の動き等はタッチパネル１７Ｂによって検出される。デジタイザ１７ＣはＬＣＤ１７Ａの画面上で入力を行うための電磁誘導式のポインティングデバイスである。ペンが接触される画面上の接触位置、接触位置の動き、接触圧力、等はデジタイザ１７Ｃによって検出される。
【００２１】
３Ｇモジュール１０９は、３Ｇ移動通信による無線通信を実行するように構成されたデバイスである。３Ｇモジュール１０９は、例えばサーバ２との間で無線接続を確立する。タブレットコンピュータ１は、ユーザによる操作等に応じた商品情報を、３Ｇモジュール１０９を介してサーバ２から受信する。
【００２２】
無線ＬＡＮモジュール１０７は、ＩＥＥＥ  ８０２．１１ｎ及びＷｉ−Ｆｉ  Ｄｉｒｅｃｔに基づく通信を実行するように構成されるデバイスである。この無線ＬＡＮモジュール１０７は、アクセスポイントなしにデバイス間の無線接続を確立することができる。
【００２３】
Ｗｉ−Ｆｉ  Ｄｉｒｅｃｔを用いた技術として、無線接続されたデバイス間で、コンテンツのシームレスな表示を提供する技術（Ｗｉ−Ｆｉ  Ｄｉｓｐｌａｙ）がある。これにより、ソース機器上でコンテンツの閲覧が要求される場合に、そのコンテンツをシンク機器の画面に表示することができるので、ユーザは、例えば、スマートフォンやタブレットコンピュータ（ソース機器）の画面のような小さな画面に表示されるコンテンツを、テレビジョン受信機（シンク機器）の画面のようなより大きな画面で閲覧することができる。
【００２４】
無線ＬＡＮモジュール１０７は、例えばテレビジョン受信機３との間で無線接続を確立する。タブレットコンピュータ１は、無線ＬＡＮモジュール１０７を介して、商品の画像がテレビジョン受信機３の画面に表示されるように制御する。
【００２５】
ＥＣ１０８は、電力管理のためのエンベデッドコントローラを含むワンチップマイクロコンピュータである。ＥＣ１０８は、ユーザによるパワーボタンの操作に応じて本タブレットコンピュータ１を電源オン又は電源オフする機能を有している。
【００２６】
図３は、ブラウザアプリケーションプログラム１０３Ｂの機能構成の例を示す。上述したように、ブラウザアプリケーションプログラム１０３Ｂは、商品情報の表示を制御する機能を有する。ブラウザアプリケーションプログラム１０３Ｂは、例えば、サーバ２から商品情報を受信し、その商品情報を用いて、テレビジョン受信機３の画面に商品の画像を表示し、ＬＣＤ１７Ａの画面に商品に関する操作のためのＧＵＩを表示する。ブラウザアプリケーションプログラム１０３Ｂは、要求部４１、受信部４２、映像データ生成部４３、送信部４４、表示処理部４５、等を備える。
【００２７】
要求部４１は、第１商品の商品情報を表示するための要求を検出する。要求部４１は、タッチスクリーンディスプレイ１７によって発生される「タッチ」、「移動（スライド）」又は「リリース」のイベントを受信し、これによって、例えば、ＬＣＤ１７Ａの画面上に表示された、第１商品の商品情報の表示を要求するためのボタンが押し下げられたことを検出する。
【００２８】
要求部４１は、第１商品の商品情報を表示するための要求に応じて、テレビジョン受信機３の画面の解像度（サイズ）を検出する。テレビジョン受信機３の画面解像度の情報は、例えば、タブレットコンピュータ１（無線ＬＡＮモジュール１０７）とテレビジョン受信機３との間の無線接続が確立される際に、テレビジョン受信機３から受信されている。要求部４１は、テレビジョン受信機３の画面の解像度を含む第１商品の商品情報のリクエストをサーバ２に送信する。なお、要求部４１は、テレビジョン受信機３の画面の解像度を含む第１商品の商品情報のリクエストを、例えば３Ｇモジュール１０９を介してサーバ２に送信する。
【００２９】
サーバ２は、オンラインショッピングのサービスを提供し、例えば、商品に関するウェブコンテンツをクライアントであるタブレットコンピュータ１に提供し、そのウェブコンテンツを用いた商品の購入のための処理を行う。ウェブコンテンツには、商品の画像や説明、商品を購入するためのメニューやボタン、等が含まれている。
【００３０】
より具体的には、サーバ２は、要求部４１によるリクエストに応じて、例えば、テレビジョン受信機３の画面の解像度に対応する第１商品の画像のデータ（テレビジョン受信機３用のデータ）と、第１商品に関する操作のためのＧＵＩのデータ（タブレットコンピュータ１用のデータ）とを生成し、これらデータをタブレットコンピュータ１に送信する。サーバ２は、各データに、テレビジョン受信機３の画面とタブレットコンピュータ１の画面のいずれでの表示に用いられるデータであるかを示す表示画面指定情報を含める。これにより、タブレットコンピュータ１では、データがテレビジョン受信機３用のデータであるか、タブレットコンピュータ１用のデータであるかを決定することができる。
【００３１】
テレビジョン受信機３用のデータは、第１商品の画像（又は動画）のデータを含む。タブレットコンピュータ１用のデータは、第１商品に関する操作のためのボタンや入力エリアのようなＧＵＩのデータを含み、ＧＵＩの画面上のレイアウトを規定するために、例えばＨＴＭＬ形式のデータとして提供される。第１商品に関する操作は、例えば、第１商品の画像の閲覧に関する操作（回転、拡大・縮小、色の変更、等）や、第１商品の購入に関する操作を含む。なお、テレビジョン受信機３用のデータも、第１商品の画像の画面上でのレイアウトを示すデータを含んでいてもよい。
【００３２】
なお、要求部４１は、テレビジョン受信機３の画面の解像度とＬＣＤ１７Ａの画面の解像度（サイズ）とを含む第１商品の商品情報のリクエストをサーバ２に送信してもよい。その場合、サーバ２は、テレビジョン受信機３の画面の解像度に対応する第１商品の画像のデータと、ＬＣＤ１７Ａの画面の解像度に対応する、第１商品に関する操作のためのＧＵＩのデータとを生成し、これらデータをタブレットコンピュータ１に送信する。
【００３３】
受信部４２は、第１商品の商品情報に対応する、テレビジョン受信機３用のデータ（第１データ）とタブレットコンピュータ１用のデータ（第２データ）とを、例えば３Ｇモジュール１０９を介してサーバ２から受信する。受信部４２は、各データに含まれる表示画面識別情報を用いて、テレビジョン受信機３用のデータを映像データ生成部４３に出力し、タブレットコンピュータ１用のデータを表示処理部４５に出力する。
【００３４】
映像データ生成部４３は、テレビジョン受信機３用のデータを用いて、テレビジョン受信機３の画面に第１商品の画像を表示するための映像データを生成する。生成される映像データは、例えば、テレビジョン受信機３によってデコード可能なコーデック（フォーマット）の映像データである。
【００３５】
そして、送信部４４は、生成された映像データを、例えば無線ＬＡＮモジュール１０７を介してテレビジョン受信機３に送信する。送信部４４は、例えば、ＭＰＥＧ−２  トランスポートストリーム（ＭＰＥＧ−２  ＴＳ）コンテナで、映像データをテレビジョン受信機３に送信する。
【００３６】
テレビジョン受信機３は、送信部４４によって送信された映像データを受信する。そして、テレビジョン受信機３は、映像データを用いて画面に第１商品の画像を表示する。
【００３７】
図４に示すように、テレビジョン受信機３の画面５には第１商品の画像５１が表示される。なお、テレビジョン受信機３の画面５には、複数の商品の情報が順次表示可能であることを示す画像５２，５３が表示されていてもよい。
【００３８】
また、表示処理部４５は、タブレットコンピュータ１用のデータを用いて、第１商品に関する操作のためのＧＵＩをタブレットコンピュータ１の画面（すなわち、ＬＣＤ１７の画面）に表示する。
【００３９】
図５に示すように、ＬＣＤ１７Ａの画面６には、第１商品に関する操作のためのＧＵＩが表示される。より具体的には、ＬＣＤ１７Ａの画面６は、例えば、「名称」エリア６０１、「価格」エリア６０２、「サイズ」ボタン６０３、「数量」ボタン６０４、「色」ボタン６０５、「カートに入れる」ボタン６０６、「拡大」ボタン６０７、「縮小」ボタン６０８、「回転」ボタン６０９，６１０、「商品変更」ボタン６１１，６１２、「検索」ボタン６１３、「カート」ボタン６１４、「合計金額」エリア６１５を含む。
【００４０】
「名称」エリア６０１は、商品の名称が記述されるエリアである。「価格」エリア６０２は、商品の価格が記述されるエリアである。「サイズ」ボタン６０３は、購入する商品のサイズを選択するためのボタンである。「数量」ボタン６０４は、購入する商品の数量を選択するためのボタンである。「色」ボタン６０５は、購入する商品の色を選択するためのボタンである。「カートに入れる」６０６は、商品をオンラインショッピングのカートに入れるためのボタンである。「拡大」ボタン６０７は、拡大された商品の画像を表示するためのボタンである。「縮小」ボタン６０８は、縮小された商品の画像を表示するためのボタンである。「回転」ボタン６０９，６１０は、回転された商品の画像を表示するためのボタンである。「商品変更」ボタン６１１，６１２は、別の商品の情報を表示するためのボタンである。「検索」ボタン６１３は、商品を検索するための検索画面を表示するためのボタンである。「カート」ボタン６１４は、オンラインショッピングのカートに現在入っている商品の内容を表示するためのボタンである。「合計金額」エリア６１５は、現在カートに入っている商品の価格の合計が記述されるエリアである。
【００４１】
これによりユーザは、第１商品の画像５１をテレビジョン受信機３の大きな画面で閲覧できると共に、第１商品に関する操作のためのボタン６０３〜６１４をタブレットコンピュータ１のタッチスクリーンディスプレイ１７上で容易に操作することができる。
【００４２】
図６及び図７を参照して、ＬＣＤ１７Ａの画面６に表示されているボタン６０３〜６１４に対する操作に応じて、テレビジョン受信機３の画面に表示されている商品の画像が変更される例を説明する。ここでは、テレビジョン受信機３の画面５に第１商品の画像５１が表示されている間に、ＬＣＤ１７Ａの画面６に表示されているボタンが操作される場合を想定する。
【００４３】
図６には、ＬＣＤ１７Ａの画面６上の「回転」ボタン６０９，６１０、「拡大」ボタン６０７、「色」ボタン６０５がそれぞれ押し下げられた場合の例が示されている。
【００４４】
要求部４１は、「回転」ボタン６０９，６１０が押し下げられたことを示す操作情報を受け取った場合、指定された回転の向き（押し下げられた「回転」ボタン６０９，６１０に対応する向き）に、所定の角度だけ回転された商品の画像を表示するための映像データの生成を映像データ生成部４３に要求する。
【００４５】
映像データ生成部４３は、要求部４１による要求に応じて、サーバ２から受信された商品情報を用いて、回転された商品の画像を表示するための映像データを生成する。商品情報には、例えば、商品を複数の角度から見た場合の、複数の画像が含まれている。映像データ生成部４３は、商品情報の内の、「回転」ボタン６０９，６１０の操作に対応する角度の画像を用いて、映像データを生成する。
【００４６】
なお、商品情報には、商品の三次元モデルのデータが含まれていてもよい。その場合、映像データ生成部４３は、商品の三次元モデルのデータを用いて、「回転」ボタン６０９，６１０の操作に対応する角度の画像を生成し、この画像を用いて映像データを生成する。
【００４７】
また、要求部４１は、「拡大」ボタン６０７が押し下げられたことを示す操作情報を受け取った場合、所定の倍率で拡大された商品の画像を表示するための映像データの生成を映像データ生成部４３に要求する。
【００４８】
映像データ生成部４３は、要求部４１による要求に応じて、サーバ２から受信された商品情報を用いて、拡大された商品の画像を表示するための映像データを生成する。映像データ生成部４３は、サーバ２から受信された商品情報に含まれる商品の画像を拡大し、拡大された画像を用いて映像データを生成する。
【００４９】
同様に、「縮小」ボタン６０８が押し下げられた場合、要求部４１及び映像データ生成部４３は、所定の倍率で縮小された商品の画像を表示するための映像データを生成する。
【００５０】
さらに、要求部４１は、「色」ボタン６０５を用いて変更された色を示す操作情報を受け取った場合、指定された色の商品の画像を表示するための映像データの生成を映像データ生成部４３に要求する。
【００５１】
映像データ生成部４３は、要求部４１による要求に応じて、サーバ２から受信された商品情報を用いて、変更された色の商品の画像を表示するための映像データを生成する。商品情報には、例えば、ある商品について、複数の色に対応する複数の画像が含まれている。映像データ生成部４３は、商品情報の内の、「色」ボタン６０５の操作に対応する色の商品の画像を用いて、映像データを生成する。
【００５２】
なお、商品情報には、１つの色に対応する商品の画像だけが含まれていてもよい。その場合、映像データ生成部４３は、その商品の画像を、「色」ボタン６０５の操作に対応する色の商品の画像に変換するための画像処理を行い、色が変換された商品の画像を用いて、映像データを生成する。
【００５３】
次いで、図７及び図８は、「商品変更」ボタン６１１，６１２が押し下げられた場合の、テレビジョン受信機３の画面の例とタブレットコンピュータ１（ＬＣＤ１７Ａ）の画面の例とを示す。「商品変更」ボタン６１１，６１２が押し下げられたことに応じて、テレビジョン受信機３では、第１商品の画像５１が表示される画面５が、図７に示す第２商品の画像７１が表示される画面７に変更される。また、「商品変更」ボタン６１１，６１２が押し下げられたことに応じて、タブレットコンピュータ１では、第１商品に関する操作のためのＧＵＩ６０１〜６１５が表示される画面６が、図８に示す第２商品に関する操作のためのＧＵＩ８０１〜８１３が表示される画面８に変更される。
【００５４】
より具体的には、要求部４１は、「商品変更」ボタン６１１，６１２が押し下げられたことを示す操作情報を受け取った場合、押し下げられたボタン６１１，６１２に対応する商品（以下、第２商品と称する）の商品情報の送信をサーバ２に要求する。サーバ２は、要求部４１によって要求された第２商品の商品情報をタブレットコンピュータ１に送信する。受信部４２はサーバ２から第２商品の商品情報を受信し、この商品情報を映像データ生成部４３と表示処理部４５とに出力する。
【００５５】
映像データ生成部４３は、第２商品の商品情報を用いて、テレビジョン受信機３の画面に第２商品の画像７１を表示するための映像データを生成する。送信部４４は、生成された映像データをテレビジョン受信機３に送信する。これにより、テレビジョン受信機３の画面には第２商品の画像７１を含む画面７が表示される。  
また、表示処理部４５は、第２商品の商品情報を用いて、タブレットコンピュータ１（ＬＣＤ１７Ａ）の画面に、第２商品に関する操作のためのＧＵＩ８０１〜８１３を表示する。
【００５６】
図５に示した第１商品に関する操作のためのＧＵＩ６０１〜６１５と、図８に示した第２商品に関する操作のためのＧＵＩ８０１〜８１３とには、異なるオブジェクト（ボタン）が含まれ得る。これは、商品毎に適したＧＵＩが異なるためである。図５に示す例では、「フレアースカート」である第１商品に関する操作のために、サイズを選択するための「サイズ」ボタン６０３と色を選択するための「色」ボタン６０５とが設けられている。一方、図８に示す例では、「グラス」である第２商品に関する操作のためには、サイズを選択するためのボタンと色を選択するためのボタンとは設けられていない。このように、ブラウザアプリケーションプログラム１０３Ｂは、ＬＣＤ１７Ａの画面に、商品に適したＧＵＩを提供することができる。
【００５７】
また、図９に示すように、タブレットコンピュータ１（ＬＣＤ１７Ａ）の画面９には、商品の画像と当該商品に関する操作のためのＧＵＩとが表示される場合もある。この画面９には、図４に示したような商品の画像５１と、図５に示したような商品に関する操作のためのＧＵＩ（ボタン等）６０１〜６１５とが、１つの画面９に表示されている。ユーザは、この画面９を用いて、商品の画像５１を確認し、商品に関する操作を行うことができる。
【００５８】
しかし、上述したように、このような画面９では、画像のサイズが小さいために、商品の画像５１の細部を確認しづらい場合があり、またボタンのようなＧＵＩのオブジェクトのサイズも小さくなるので、ユーザが意図しないボタンを誤って押してしまう可能性が高くなる。
【００５９】
そのため、画面９には、商品の画像５１が外部ディスプレイに表示可能であることを示す外部表示ボタン９１がさらに設けられている。この外部表示ボタン９１が押し下げられた場合、要求部４１は、映像データ生成部４３に対して、テレビジョン受信機３の画面に商品の画像５１を表示するための映像データの生成を要求し、表示制御部４５に対して、商品に関する操作のためのＧＵＩをＬＣＤ１７Ａの画面に表示することを要求する。これにより、テレビジョン受信機３の画面に、図４のように商品の画像５１が表示され、タブレットコンピュータ１（ＬＣＤ１７Ａ）の画面に、図５のようにＧＵＩ６０１〜６１５が表示される。つまり、ユーザによる操作に応じて、１つの画面に商品の画像５１とＧＵＩ６０１〜６１５とを表示するか、２つの画面の一方に商品の画像５１を表示し、他方にＧＵＩ６０１〜６１５を表示するかを選択することができる。
【００６０】
また、タッチスクリーンディスプレイ１７に設けられるＬＣＤ１７Ａの画面には、図５のようなＧＵＩ６０１〜６１５に加えて、手書き入力操作のための領域も設けることができる。ユーザが、この領域上で文字や図形を手書きする操作を行うことによって、商品に関する手書きのメモ等を設定することができる。
【００６１】
図１０に示すように、手書きの文字や図形５５は、テレビジョン受信機３の画面上に表示することもできる。映像データ生成部４３は、タッチスクリーンディスプレイ１７を用いた手書き入力操作に応じて、テレビジョン受信機３の画面に、商品の画像５１と手書きの情報５５とを表示するための映像データを生成する。送信部４４は、生成された映像データをテレビジョン受信機３に送信する。これにより、テレビジョン受信機３の画面に、商品の画像５１と手書きの情報５５とが表示される。
【００６２】
次いで、図１１のフローチャートを参照して、タブレットコンピュータ１によって実行される表示制御処理の手順の例を説明する。
【００６３】
まず、要求部４１は、第１商品の商品情報の表示が要求されたか否かを判定する（ブロックＢ１０１）。商品情報の表示が要求されていない場合（ブロックＢ１０１のＮＯ）、ブロックＢ１０１に戻り、商品情報の表示が要求されたか否かが再度判定される。
【００６４】
商品情報の表示が要求されている場合（ブロックＢ１０１のＹＥＳ）、要求部４１は、テレビジョン受信機３の画面の解像度（サイズ）を検出する（ブロックＢ１０２）。要求部４１は、テレビジョン受信機３の画面の解像度を含む第１商品の商品情報のリクエストをサーバ２に送信する（ブロックＢ１０３）。サーバ２は、このリクエストに応じて、例えば、テレビジョン受信機３の画面の解像度に対応する第１商品の画像のデータ（テレビジョン受信機３用のデータ）と、第１商品に関する操作のためのＧＵＩのデータ（タブレットコンピュータ１用のデータ）とを生成し、これらデータをタブレットコンピュータ１に送信する。
【００６５】
受信部４２は、第１商品の商品情報に対応する、テレビジョン受信機３用のデータとタブレットコンピュータ１用のデータとをサーバ２から受信する（ブロックＢ１０４）。テレビジョン受信機３用のデータは、第１商品の画像のデータを含む。タブレットコンピュータ１用のデータは、第１商品に関する操作のためのＧＵＩのデータを含み、例えばＨＴＭＬ形式のデータとして提供される。表示処理部４５は、タブレットコンピュータ１用のデータを用いて、第１商品に関する操作のためのＧＵＩをタブレットコンピュータ１の画面（すなわち、ＬＣＤ１７の画面）に表示する（ブロックＢ１０５）。
【００６６】
また、映像データ生成部４３は、テレビジョン受信機３用のデータを用いて、テレビジョン受信機３の画面に第１商品の画像を表示するための映像データを生成する（ブロックＢ１０６）。そして、送信部４４は、生成された映像データをテレビジョン受信機３に送信する（ブロックＢ１０７）。
【００６７】
テレビジョン受信機３は、映像データを用いて第１商品の画像を画面に表示する。これによりユーザは、第１商品の画像をテレビジョン受信機３の大きな画面で閲覧できると共に、第１商品に関するＧＵＩをタブレットコンピュータ１のタッチスクリーンディスプレイ１７上で操作することができる。
【００６８】
また、図１２のフローチャートは、タブレットコンピュータ１によって実行される表示制御処理の手順の別の例を示す。
【００６９】
まず、要求部４１は、第１商品の商品情報の表示が要求されたか否かを判定する（ブロックＢ２０１）。商品情報の表示が要求されていない場合（ブロックＢ２０１のＮＯ）、ブロックＢ２０１に戻り、商品情報の表示が要求されたか否かが再度判定される。
【００７０】
商品情報の表示が要求されている場合（ブロックＢ２０１のＹＥＳ）、要求部４１は、第１商品の商品情報のリクエストをサーバ２に送信する（ブロックＢ２０２）。サーバ２は、この第１商品の商品情報のリクエストに応じて、例えば、第１商品の画像のデータと、第１商品に関する操作のためのＧＵＩのデータとを生成し、これらデータをタブレットコンピュータ１に送信する。
【００７１】
受信部４２は、第１商品の商品情報に対応するデータをサーバ２から受信する（ブロックＢ２０３）。このデータは、第１商品の画像のデータと、第１商品に関する操作のためのＧＵＩのデータとを含み、例えばＨＴＭＬ形式のデータとして提供される。表示処理部４５は、受信されたデータを用いて、第１商品の画像と第１商品に関する操作のためのＧＵＩとをタブレットコンピュータ１の画面（すなわち、ＬＣＤ１７の画面）に表示する（ブロックＢ２０４）。
【００７２】
次いで、要求部４１は、タブレットコンピュータ１の画面に表示されている第１商品の画像を、テレビジョン受信機３の画面に表示することが要求されたか否かを判定する（ブロックＢ２０５）。要求部４１は、タッチスクリーンディスプレイ１７によって発生される「タッチ」、「移動（スライド）」又は「リリース」のイベントを受信し、これによって、例えば、ＬＣＤ１７Ａの画面に表示された、第１商品の画像をテレビジョン受信機３の画面に表示することを要求するためのボタンが押し下げられたか否かを判定する。第１商品の画像をテレビジョン受信機３の画面に表示することが要求されていない場合（ブロックＢ２０５のＮＯ）、ブロックＢ２０５に戻り、第１商品の画像をテレビジョン受信機３の画面に表示することが要求されたか否かが再度判定される。
【００７３】
第１商品の画像をテレビジョン受信機３の画面に表示することが要求されている場合（ブロックＢ２０５のＹＥＳ）、要求部４１は、テレビジョン受信機３の画面の解像度（サイズ）を検出する（ブロックＢ２０６）。要求部４１は、テレビジョン受信機３の画面の解像度を含む第１商品の商品情報のリクエストをサーバ２に送信する（ブロックＢ２０７）。サーバ２は、このリクエストに応じて、例えば、テレビジョン受信機３の画面の解像度に対応する第１商品の画像のデータ（テレビジョン受信機３用のデータ）と、第１商品に関する操作のためのＧＵＩのデータ（タブレットコンピュータ１用のデータ）とを生成し、これらデータをタブレットコンピュータ１に送信する。
【００７４】
受信部４２は、第１商品の商品情報に対応する、テレビジョン受信機３用のデータ（第１データ）とタブレットコンピュータ１用のデータ（第２データ）とをサーバ２から受信する（ブロックＢ２０８）。表示処理部４５は、タブレットコンピュータ１用のデータを用いて、第１商品に関する操作のためのＧＵＩをタブレットコンピュータ１（ＬＣＤ１７）の画面に表示する（ブロックＢ２０９）。
【００７５】
また、映像データ生成部４３は、テレビジョン受信機３用のデータを用いて、テレビジョン受信機３の画面に第１商品の画像を表示するための映像データを生成する（ブロックＢ２１０）。そして、送信部４４は、生成された映像データをテレビジョン受信機３に送信する（ブロックＢ２１１）。
【００７６】
テレビジョン受信機３は、映像データを用いて第１商品の画像を画面に表示する。これによりユーザは、第１商品の画像をテレビジョン受信機３の画面に表示することを要求する操作を行うことによって、第１商品の画像をテレビジョン受信機３の大きな画面で閲覧できると共に、第１商品に関するＧＵＩをタブレットコンピュータ１のタッチスクリーンディスプレイ１７上で操作することができる。
【００７７】
次いで、図１３のフローチャートを参照して、タブレットコンピュータ１によって実行される操作処理の手順の例を説明する。以下では、テレビジョン受信機３の画面に第１商品の画像が表示され、タブレットコンピュータ１の画面に第１商品に関する操作のためのＧＵＩが表示されている場合を想定する。
【００７８】
まず、要求部４１は、タブレットコンピュータ１の画面上の、第１商品に関するＧＵＩに対する操作があったか否かを判定する（ブロックＢ３０１）。要求部４１は、タッチスクリーンディスプレイ１７によって発生される「タッチ」、「移動（スライド）」又は「リリース」のイベントを受信し、これによって、例えば、ＬＣＤ１７Ａの画面上に表示された第１商品に関するＧＵＩ（ボタン、メニュー、等）が操作されたか否かを判定する。ＧＵＩに対する操作がない場合（ブロックＢ３０１のＮＯ）、ブロックＢ３０１に戻り、ＧＵＩに対する操作があったが否かが再度判定される。
【００７９】
ＧＵＩに対する操作があった場合（ブロックＢ３０１のＹＥＳ）、要求部４１はその操作に応じた処理を実行する。より具体的には、要求部４１は第１商品の画像の拡大が要求されたか否かを判定する（ブロックＢ３０２）。第１商品の画像の拡大が要求されている場合（ブロックＢ３０２のＹＥＳ）、例えば、ＬＣＤ１７Ａの画面上の「拡大」ボタン６０７が押し下げられた場合、映像データ生成部４３は、テレビジョン受信機３の画面に、拡大された第１商品の画像を表示するための映像データを生成し（ブロックＢ３０３）、送信部４４はその映像データをテレビジョン受信機３に送信する（ブロックＢ３１５）。
【００８０】
第１商品の画像の拡大が要求されていない場合（ブロックＢ３０２のＮＯ）、要求部４１は、第１商品の画像の縮小が要求されたか否かを判定する（ブロックＢ３０４）。第１商品の画像の縮小が要求されている場合（ブロックＢ３０４のＹＥＳ）、例えば、ＬＣＤ１７Ａの画面上の「縮小」ボタン６０８が押し下げられた場合、映像データ生成部４３は、テレビジョン受信機３の画面に、縮小された第１商品の画像を表示するための映像データを生成し（ブロックＢ３０５）、送信部４４はその映像データをテレビジョン受信機３に送信する（ブロックＢ３１５）。
【００８１】
第１商品の画像の縮小が要求されていない場合（ブロックＢ３０４のＮＯ）、要求部４１は、第１商品の画像の回転が要求されたか否かを判定する（ブロックＢ３０６）。第１商品の画像の回転が要求されている場合（ブロックＢ３０６のＹＥＳ）、例えば、ＬＣＤ１７Ａの画面上の「回転」ボタン６０９，６１０が押し下げられた場合、映像データ生成部４３は、テレビジョン受信機３の画面に、回転された第１商品の画像を表示するための映像データを生成し（ブロックＢ３０７）、送信部４４はその映像データをテレビジョン受信機３に送信する（ブロックＢ３１５）。
【００８２】
第１商品の画像の回転が要求されていない場合（ブロックＢ３０６のＮＯ）、要求部４１は、要求部４１は、色が変更された第１商品の画像が要求されたか否かを判定する（ブロックＢ３０８）。色が変更された第１商品の画像が要求されている場合（ブロックＢ３０８のＹＥＳ）、例えば、ＬＣＤ１７Ａの画面上の「色」ボタン６０５が押し下げられた場合、映像データ生成部４３は、テレビジョン受信機３の画面に、色が変更された第１商品の画像を表示するための映像データを生成し（ブロックＢ３０９）、送信部４４はその映像データをテレビジョン受信機３に送信する（ブロックＢ３１５）。
【００８３】
色が変更された第１商品の画像が要求されていない場合（ブロックＢ３０８のＮＯ）、要求部４１は、第２商品の商品情報の表示が要求されたか否かを判定する（ブロックＢ３１０）。第２商品の商品情報の表示が要求されている場合（ブロックＢ３１０のＹＥＳ）、例えば、ＬＣＤ１７Ａの画面上の「商品変更」ボタン６１１，６１２が押し下げられた場合、要求部４１は、テレビジョン受信機３の画面の解像度を含む第２商品の商品情報のリクエストをサーバ２に送信する（ブロックＢ３１１）。サーバ２は、このリクエストに応じて、例えば、テレビジョン受信機３の画面の解像度に対応する第２商品の画像のデータ（テレビジョン受信機３用のデータ）と、第２商品に関する操作のためのＧＵＩのデータ（タブレットコンピュータ１用のデータ）とを生成し、これらデータをタブレットコンピュータ１に送信する。
【００８４】
受信部４２は、第２商品の商品情報に対応する、テレビジョン受信機３用のデータ（第１データ）とタブレットコンピュータ１用のデータ（第２データ）とをサーバ２から受信する（ブロックＢ３１２）。テレビジョン受信機３用のデータは、第２商品の画像のデータを含む。タブレットコンピュータ１用のデータは、第２商品に関する操作のためのＧＵＩのデータを含み、例えばＨＴＭＬ形式のデータとして提供される。表示処理部４５は、タブレットコンピュータ１用のデータを用いて、第２商品に関する操作のためのＧＵＩをタブレットコンピュータ１の画面に表示する（ブロックＢ３１３）。
【００８５】
また、映像データ生成部４３は、テレビジョン受信機３用のデータを用いて、テレビジョン受信機３の画面に第２商品の画像を表示するための映像データを生成する（ブロックＢ３１４）。そして、送信部４４は、生成された映像データをテレビジョン受信機３に送信する（ブロックＢ３１５）。これにより、テレビジョン受信機３には、映像データを用いた第２商品の画像を画面に表示される。
【００８６】
以上説明したように、本実施形態によれば、コンテンツ内のＧＵＩを容易に操作することができる。受信部４２は、サーバ２から、第１商品の画像を表示するための第１データ（タブレットコンピュータ１用のデータ）と、当該第１商品に関するグラフィカルユーザインターフェースを表示するための第２データ（テレビジョン受信機３用のデータ）とを受信する。表示処理部４５は、第２データを用いて、グラフィカルユーザインターフェースをＬＣＤ１７Ａの画面に表示する。映像データ生成部４２は、第１データを用いて、テレビジョン受信機３（外部ディスプレイ）に画像を表示するための第１映像データを生成する。送信部４４は、第１映像データをテレビジョン受信機３に送信する。これにより、テレビジョン受信機３の画面に第１映像データを用いて第１商品の画像が表示され、ＬＣＤ１７Ａの画面にＧＵＩが表示されるので、商品のコンテンツが見やすく表示され、またユーザはＬＣＤ１７Ａの画面上でＧＵＩを容易に操作することができる。
【００８７】
なお、図１１から図１３のフローチャートで説明した本実施形態の処理手順は全てソフトウェアによって実行することができる。このため、この処理手順を実行するプログラムを格納したコンピュータ読み取り可能な記憶媒体を通じてこのプログラムを通常のコンピュータにインストールして実行するだけで、本実施形態と同様の効果を容易に実現することができる。
【００８８】
本発明のいくつかの実施形態を説明したが、これらの実施形態は、例として提示したものであり、発明の範囲を限定することは意図していない。これら新規な実施形態は、その他の様々な形態で実施されることが可能であり、発明の要旨を逸脱しない範囲で、種々の省略、置き換え、変更を行うことができる。これら実施形態やその変形は、発明の範囲や要旨に含まれるとともに、特許請求の範囲に記載された発明とその均等の範囲に含まれる。
【符号の説明】
【００８９】
１…タブレットコンピュータ、２…サーバ、３…テレビジョン受信機、１７…タッチスクリーンディスプレイ、１７Ａ…ＬＣＤ、１７Ｂ…タッチパネル、１７Ｃ…デジタイザ、１０３Ｂ…ブラウザアプリケーションプログラム、４１…要求部、４２…受信部、４３…映像データ生成部、４４…送信部、４５…表示処理部
【図１】
2015114974.tif 000003
【図２】
2015114974.tif 000004
【図３】
2015114974.tif 000005
【図４】
2015114974.tif 000006
【図５】
2015114974.tif 000007
【図６】
2015114974.tif 000008
【図７】
2015114974.tif 000009
【図８】
2015114974.tif 000010
【図９】
2015114974.tif 000011
【図１０】
2015114974.tif 000012
【図１１】
2015114974.tif 000013
【図１２】
2015114974.tif 000014
【図１３】
2015114974.tif 000015