JP2011040034A - ウェブサイト閲覧システム、サーバ及びクライアント端末 - Google Patents

ウェブサイト閲覧システム、サーバ及びクライアント端末 Download PDF

Info

Publication number
JP2011040034A
JP2011040034A JP2010056149A JP2010056149A JP2011040034A JP 2011040034 A JP2011040034 A JP 2011040034A JP 2010056149 A JP2010056149 A JP 2010056149A JP 2010056149 A JP2010056149 A JP 2010056149A JP 2011040034 A JP2011040034 A JP 2011040034A
Authority
JP
Japan
Prior art keywords
information
image
metadata
server
client terminal
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
JP2010056149A
Other languages
English (en)
Other versions
JP5575511B2 (ja
JP2011040034A5 (ja
Inventor
Tomoe Shibukawa
友恵 澁川
Kentaro Watanabe
健太郎 渡辺
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fujifilm Corp
Original Assignee
Fujifilm Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Fujifilm Corp filed Critical Fujifilm Corp
Priority to JP2010056149A priority Critical patent/JP5575511B2/ja
Priority to US12/837,367 priority patent/US8990674B2/en
Publication of JP2011040034A publication Critical patent/JP2011040034A/ja
Publication of JP2011040034A5 publication Critical patent/JP2011040034A5/ja
Application granted granted Critical
Publication of JP5575511B2 publication Critical patent/JP5575511B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • H04M1/72445User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality for supporting Internet browser applications
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Information Transfer Between Computers (AREA)
  • Digital Computer Display Output (AREA)

Abstract

【課題】Webページのデザインを崩すことなく、携帯電話等を用いてPC用のWebページを高速に閲覧、操作する。
【解決手段】図4(a)に示すHTMLファイルをブラウズした状態を図4(C)に示す画像に変換する。また、図4(b)に示すHTMLファイルのテキスト入力欄タグ301、ラジオボタンタグ302、ラジオボタンタグ303、リンクタグ304、リンクタグ305、及びボタンタグ306の、6つのタグからUI情報201〜206を抽出し、各UI情報のXY座標値を取得する。これらの情報から、図4(c)に示す画像の位置401〜406にUI情報201〜206が配置されていることがわかり、図4(c)に示す画像を表示した携帯端末においてこれらのUI情報を制御する。
【選択図】 図4

Description

本発明はウェブサイト閲覧システム、サーバ及びクライアント端末に係り、特に、携帯電話等の画面サイズやダウンロード可能なファイルサイズが制限されるクライアント端末においてPC向けウェブサイトを閲覧、操作するためのウェブサイト閲覧システム、サーバ及びクライアント端末に関する。
近年、携帯電話でウェブ(Web)サイトを閲覧する機会が多く見受けられる。しかしながら、PC向けWebサイトに加え携帯電話向けWebサイトも作るのは大きな手間でコストがかかることから、サイト制作側は携帯電話向けWebサイトの制作を避ける傾向にあり、ユーザが閲覧したいWebサイトに携帯電話向けのサイトが用意されていないことが少なくない。
画面サイズやダウンロード可能なファイルサイズがPCと比べて劣る携帯電話においてPC向けWebサイトを閲覧する場合に、コンテンツファイルを分割して受信させ、複数のページに渡って表示させることが考えられるが、PCでWebページを閲覧した場合と携帯電話でWebページを閲覧した場合とで、見た目の差異が生じてしまう。
また、携帯電話向けのマークアップ言語に変換することも考えられるが、デザイン崩れの問題が起こりやすい。
このような課題に対し、PC向けWebサイトを画像化して携帯電話に表示する方法が提案されている。例えば、特許文献1では、画像配信サーバにおいて取得したWebページのHTML文書等の構成要素からWebページを作成し、作成したWebページをビットマップ等の画像データに変換し、クライアント端末に送信している。この画像データを表示したクライアント端末は、ユーザがポインティングデバイスを用いて表示された文字列等をクリックすると、そのクリック位置座標データと表示されているWebページのURLとを画像配信サーバに送信する。画像配信サーバは、そのWebページの構成要素から、送られてきたクリック位置座標に対応するリンクポインタが存在しているかどうかを検査し、リンクポインタが存在している場合に、そのリンクポインタが示すURLが指定するWebサーバにアクセスする。
特許文献1の技術によれば、Webブラウザを実装していないクライアント端末であっても、Webページの閲覧が可能となる。
特開2004−220260号公報
特許文献1に記載の技術においては、Webページ中のリンクポインタ(HTML中のリンクタグ)に対応することができ、ユーザのクリック位置に対応したリンク先の表示を行うことができる。しかしながら、テキスト入力やチェックボックス等の、リンクタグ以外の入力フォームには対応していない。このように、特許文献1では、Webページ中の全てのユーザインターフェース(UI)情報には対応していないという問題点があった。
また、ユーザ操作が発生するたびにサーバと通信を行うために、サーバへの負荷が大きく、さらに通信時間がかかるという問題点もあった。
本発明はこのような事情に鑑みてなされたもので、Webページのデザインを崩すことなく、携帯電話等を用いてPC用のWebページを高速に閲覧、操作可能とするウェブサイト閲覧システム、サーバ及びクライアント端末を提供することを目的とする。
前記目的を達成するために請求項1に記載のウェブサイト閲覧システムは、クライアント端末からサーバに接続するウェブサイト閲覧システムにおいて、前記サーバは、前記クライアント端末から要求されたページコンテンツを取得する手段と、前記取得したページコンテンツを画像に変換する手段と、前記取得したページコンテンツからUI情報を抽出し、抽出したUI情報に基づいてUI情報メタデータを生成する手段と、前記変換された画像と前記生成されたUI情報メタデータとを前記クライアント端末に送信する手段と、を備え、前記クライアント端末は、所望のページコンテンツを前記サーバに要求する手段と、前記サーバから送信された前記要求したページコンテンツの画像とUI情報メタデータとを受信する手段と、前記画像を表示手段に表示する手段と、前記UI情報メタデータに基づいて前記表示手段に表示された画像上のUI情報を制御する手段と、を備えたことを特徴とする。
請求項1に記載の発明によれば、取得したページコンテンツを画像に変換すると共にUI情報メタデータを生成し、当該画像とUI情報メタデータとをクライアント端末に送信し、これを受信したクライアント端末は、画像を表示手段に表示すると共にUI情報メタデータに基づいて画像上のUI情報を制御するようにしたので、ウェブページのデザインを崩すことなく、携帯電話等を用いてPC用のウェブページを高速に閲覧、操作することが可能となる。
請求項2に示すように請求項1に記載のウェブサイト閲覧システムにおいて、前記クライアント端末は、前記表示手段に表示された画像上のUI情報を実行する実行手段と、前記実行手段により実行されたUI情報に基づいて前記UI情報メタデータを書き換える手段と、前記書き換えられたUI情報メタデータに基づいて前記画像を書き換える手段とを備えたことを特徴とする。
これにより、実行したUI情報の操作に応じた画像を表示することができる。
請求項3に示すように請求項1に記載のウェブサイト閲覧システムにおいて、前記クライアント端末は、前記表示手段に表示された画像上のUI情報を実行する実行手段と、前記実行手段により実行されたUI情報に基づいて前記UI情報メタデータを書き換える手段と、前記書き換えられたUI情報メタデータを前記サーバに送信する手段と、を備え、前記サーバは、前記クライアント端末から送信された前記書き換えられたUI情報メタデータを受信する手段と、前記受信したUI情報メタデータに基づいて前記画像を書き換える手段と、前記書き換えられた画像を前記クライアント端末に送信する手段と、を備えたことを特徴とする。
これにより、実行したUI情報の操作に応じた画像を表示することができる。
請求項4に示すように請求項2又は3に記載のウェブサイト閲覧システムにおいて、前記クライアント端末は、前記実行手段により実行されたUI情報が画面遷移を伴うUI情報である場合に、該UI情報を特定する情報を前記サーバに送信する手段を備え、前記サーバは、前記実行されたUI情報を特定する情報を受信し、該受信した情報に基づいて次に表示すべきページコンテンツの画像と該ページコンテンツのUI情報メタデータとを前記クライアント端末に送信することを特徴とする。
これにより、画面遷移を伴うUI情報が実行されると、次に表示すべき画像を適切に表示することができる。
請求項5に示すように請求項1から4のいずれかに記載のウェブサイト閲覧システムにおいて、前記実行手段は、前記表示手段に表示されるカーソルと画像とを相対的に移動させる移動手段と、前記カーソルの位置と重なる位置に存在するUI情報を、実行するUI情報として決定する決定手段と、を備えたことを特徴とする
これにより、実行したいUI情報を適切に選択することができる。
請求項6に示すように請求項5に記載のウェブサイト閲覧システムにおいて、前記移動手段は、前記表示手段に表示された画像に対してカーソルを移動させることを特徴とする。
これにより、実行したいUI情報を適切に選択することができる。
請求項7に示すように請求項5に記載のウェブサイト閲覧システムにおいて、前記移動手段は、前記表示手段の略中央部に前記カーソルを表示すると共に、前記カーソルに対して前記画像を移動させることを特徴とする。
これにより、実行したいUI情報を適切に選択することができる。
請求項8に示すように請求項1から7のいずれかに記載のウェブサイト閲覧システムにおいて、前記移動手段は、前記UI情報メタデータに基づいて視覚効果を表示することを特徴とする。
これにより、操作性を改善することができる。
請求項9に示すように請求項1から8のいずれかに記載のウェブサイト閲覧システムにおいて、前記サーバは、ページコンテンツが記憶された記憶手段を備え、前記ページコンテンツを取得する手段は、前記記憶手段からページコンテンツを取得することを特徴とする。
これにより、コンテンツファイルの取得に外部機器との通信の必要が無く、高速で操作性のよいWebページ閲覧を実現することができる。
請求項10に示すように請求項1から9のいずれかに記載のウェブサイト閲覧システムにおいて、前記サーバは、ウェブサーバと接続する手段を備え、前記ページコンテンツを取得する手段は、前記ウェブサーバと接続する手段を介して前記ウェブサーバからページコンテンツを取得することを特徴とする。
これにより、様々なウェブページを閲覧対象とすることができる。また、サーバ内に記憶されていないコンテンツファイルを閲覧対象とすることができる。
前記目的を達成するために請求項11に記載のサーバは、クライアント端末から要求されたページコンテンツを取得する手段と、前記取得したページコンテンツを画像に変換する手段と、前記取得したページコンテンツからUI情報を抽出し、抽出したUI情報に基づいてUI情報メタデータを生成する手段と、前記変換された画像と前記生成されたUI情報メタデータとをクライアント端末に送信する手段と、前記クライアント端末の操作に応じて書き換えられたUI情報メタデータを取得する手段と、前記取得したUI情報メタデータを解析する手段と、を備えたことを特徴とする。
請求項11に記載の発明によれば、取得したページコンテンツを画像に変換すると共にUI情報メタデータを生成し、当該画像とUI情報メタデータとをクライアント端末に送信し、クライアント端末の操作に応じて書き換えられたUI情報メタデータを取得して解析するようにしたので、クライアント端末で実行されたUI情報を知ることができる。
前記目的を達成するために請求項12に記載のクライアント端末は、画像と該画像から抽出されたUI情報に基づいて生成されたUI情報メタデータを受信する手段と、前記画像を表示手段に表示する手段と、前記表示手段に表示された画像上のUI情報を実行する手段と、前記実行手段により実行されたUI情報に基づいて前記UI情報メタデータを書き換える手段と、前記書き換えられたUI情報メタデータを前記画像の送信元に送信する手段と、を備えたことを特徴とする。
請求項12に記載の発明によれば、画像と該画像のUI情報メタデータとを受信すると共に画像を表示手段に表示し、実行したUI情報に基づいて前記UI情報メタデータを書き換え、書き換えたUI情報メタデータを前記画像の送信元に送信することにより、実行したUI情報を送信元に認識させることができる。
本発明によれば、Webページのデザインを崩すことなく、携帯電話等を用いてPC用のWebページを高速に閲覧、操作することができる。
PC向けWebページをPC1の表示部2と携帯端末10の表示部14とで閲覧した様子を示す図 Webページ閲覧システム100の全体構成の一例を示す図 携帯端末10の表示部14に所望のWebページの表示を行うまでの動作を示すフローチャート UIメタデータの生成について説明するための図 CSVファイルとして保存されるメタデータを示す図 携帯端末10の内部処理について示すフローチャート 操作に応じてカーソルが移動する場合を示す図 操作に応じて画像が移動する場合を示す図 表示部14に表示された画像の拡大、縮小を示す図 UIメタデータの書き換えについて説明するための図 UIメタデータの書き換えについて説明するための図 携帯端末10においてUI操作された場合の動作を示すフローチャート 携帯端末10の内部処理について示すフローチャート 携帯端末10の内部処理について示すフローチャート カーソルがUI情報に引き付けられる様子を示す図 Webページ閲覧システム101の全体構成の一例を示す図 携帯端末10の表示部14に所望のWebページの表示を行うまでの動作を示すフローチャート 携帯端末10においてUI操作された場合の動作を示すフローチャート
図1は、PC1の表示部2を用いてWebページを閲覧した場合と同様に、携帯端末10の表示部14を用いてWebページの閲覧しているイメージを示す図である。同図に示すように、本発明に係る携帯電話は、PCと同様にWebページの閲覧が可能である。
以下、添付図面に従って本発明を実施するための形態について説明する。
<第1の実施形態>
図2は、本実施形態におけるWebページ閲覧システム100の全体構成の一例を示す図である。同図に示すように、Webページ閲覧システム100は、ユーザが使用する携帯端末10と、外部Webサーバ30、及び携帯端末10と外部Webサーバ30との通信を中継する中継サーバ20とから構成されている。
携帯端末10は、通信部11、処理部12、入力装置13、及び表示部14を備えて構成されている。
通信部11は、所定のプロトコルによる中継サーバ20との通信を制御する。
携帯端末10と中継サーバ20とは、いわゆるインターネットを介して接続されており、通信部11と後述する通信部21とは、TCP/IP等の標準的なインターネットプロトコルにしたがってそれぞれ通信を行う。なお、専用通信回線やVPNを介して接続されてもよい。
処理部12は、通信部11を介して中継サーバ20から取得した画像を表示部14に表示させ、また、ユーザの入力装置13による入力操作に基づいた処理を行う。
入力装置13は、図示しない電源ボタン、番号キー、十字キー、決定キー等を含み、ユーザは、入力装置13を操作することにより、携帯端末10を操作することができる。また、表示部14の前面にタッチパネルを配置し、入力装置13として用いてもよい。
表示部14は、カラー表示が可能な液晶ディスプレイであり、処理部12から入力された画像信号に基づいて、表示を行う。なお、液晶ディスプレイに代えて、有機ELなど他の方式の表示装置を用いてもよい。
中継サーバ20は、通信部21、画像変換部22、UI情報解析部23を備えて構成されている。
通信部21は、携帯端末10との通信を制御するとともに、外部Webサーバ30との通信を制御する。中継サーバ20と外部Webサーバ30とは、インターネットを介して接続され、通信部21と後述する通信部31とは、標準的なインターネットプロトコルにしたがってそれぞれ通信を行う。
画像変換部22は、通信部21を介して外部Webサーバ30から取得したページコンテンツ(コンテンツファイル)に基づいて、当該コンテンツファイルをブラウズした状態と同様の画像ファイルを生成する。ここでは、予め決められた解像度で画像ファイルを生成するが、コンテンツファイルの内容や携帯端末10の解像度に応じた解像度の画像ファイルを生成してもよい。
また、UI情報解析部23は、取得したコンテンツファイルからUI情報を抽出し、その種類や位置を解析し、UIメタデータを生成する。
外部Webサーバは、通信部31、記憶部32を備えて構成されている。
通信部31は、中継サーバ20との通信を制御する。また、記憶部32は、外部Webサーバ30に開設されたWebページの各コンテンツファイルを記憶している。通信部31は、中継サーバ20から受信したURLのリクエストに応じたファイルを、記憶部32から読み出して中継サーバ20に送信する。
なお、図2においては、携帯端末10は1つだけ記載されているが、中継サーバ20と通信可能な携帯端末10は多数存在し、それぞれ個別に中継サーバ20との通信を行う。また、外部Webサーバ30もインターネット網中に多数存在し、中継サーバ20は、それぞれの外部Webサーバ30と通信することが可能である。このように、どの携帯端末10からどの外部Webサーバ30へアクセスする場合であっても、中継サーバ20を介して通信を行う。
次に、このように構成されたWebページ閲覧システム100の動作について説明する。まず、携帯端末10の表示部14に、所望のWebページの表示を行うまでの動作について、図3を用いて説明する。
ユーザは、携帯端末10の入力装置13を用いて、閲覧したいWebページのURLアドレスを入力する。文字列を直接入力するのではなく、携帯端末10の図示しない記憶部に登録されているブックマーク等を用いてURLアドレスを選択してもよい。URLアドレスを入力後に入力装置13の送信ボタンにより送信を指示すると、通信部11は、入力されたURLアドレスを中継サーバ20に送信する(ステップS11)。
なお、中継サーバ20の図示しない記憶部のブックマークにおいて、WebページタイトルとURLアドレスを保持しておき、これらのWebページタイトルの中から選択可能に構成してもよい。この場合は、中継サーバ20は、通信部21を介して保持しているWebページタイトルを携帯端末10に送信し、携帯端末10は、通信部11を介してこれを受信する。さらに、処理部12によって受信したWebページタイトルを表示部14に表示させる。ユーザは、表示されたWebページタイトルの中から所望のWebページを、入力装置13を用いて選択する。そして、携帯端末10は、選択されたWebページタイトルを通信部11を介して中継サーバ20に送信すればよい。
中継サーバ20は、携帯端末10から送信されたURLアドレスを通信部21を介して受信する(ステップS21)。さらに、通信部21は、受信したURLアドレスを、当該URLアドレスに該当する外部Webサーバ30に送信する(ステップS22)。中継サーバ20のブックマークを用いてWebページタイトルが選択された場合には、図示しない記憶部から該当するURLアドレスを読み出し、これを該当する外部Webサーバ30に送信すればよい。
該当する外部Webサーバ30は、通信部31を介してこのURLアドレスを受信する(ステップS31)。そして、受信したURLアドレスに該当するHTMLファイル、CSSファイル、Java(登録商標)Scriptファイル等のコンテンツファイルを記憶部32から読み出し、通信部31を介して中継サーバ20に送信する(ステップS32)。
中継サーバ20は、外部Webサーバ30から送信されたコンテンツファイルを受信し(ステップS23)、UI情報解析部23により、受信したコンテンツファイルを解析して、UI情報を抽出する(ステップS24)。ここでのコンテンツファイルの解析方法は特に限定されるものではなく、パースしてタグを抽出するといった公知の手法を用いればよい。
UI情報解析部23は、この解析結果に基づいてUIメタデータを生成する(ステップS25)。図4は、UIメタデータの生成について説明するための図であり、図4(a)は、図4(b)に示すHTMLファイルを通常のPC等を用いてブラウズした状態を示す図である。なお、図4(b)に示すHTMLファイルは、不要な部分を適宜省略している。
UI情報解析部23は、図4(b)に示すHTMLファイルからリンクタグや入力フォーム等のUI情報を抽出し、各UI情報の図4(a)における位置座標を算出する。
例えば、図4(b)に示すHTMLファイルには、テキスト入力欄タグ301、ラジオボタンタグ302、ラジオボタンタグ303、リンクタグ304、リンクタグ305、及びボタンタグ306の、6つのタグが記載されている。UI情報解析部23は、HTMLファイルからこれらのタグを抽出することにより、各UI情報201〜206を抽出する。
また、UI情報201〜206は、HTMLファイルをブラウズした状態において、図4(a)に示す画面上の各位置に配置される。UI情報解析部23は、これらのUI情報の開始と終了のXY座標値(左上と右下に相当する座標値)を取得する。座標値の取得方法は特に限定されるものではなく、例えば、画像レンダリング中に記憶、ブラウザから取得等の手法を用いればよい。
このように抽出された各UI情報とその位置情報は、それぞれのUI情報IDとともに関連付けられ、UIメタデータとして中継サーバ20の図示しない記憶部に保存される。ここでは、UI情報IDは、それぞれ201〜206とする。図5は、CSVファイルとして保存されたUIメタデータを示す図である。レイアウト等の画面表示に関する属性(例えばsize属性)は、UIメタデータに含まなくてよい。
また、画像変換部22は、取得したコンテンツファイルをレンダリングし、jpeg形式やbitmap形式等の、携帯端末10の表示部14に表示可能な形式の画像ファイルを生成する(ステップS25)。なお、画像ファイルの生成方法は特に限定されるものではなく、公知の手法によって行なえばよい。
図4(c)は、図4(b)に示すHTMLファイルをレンダリングした画像を示す図である。ここで、図5に示すUIメタデータを用いることにより、この画像中のUI情報の位置と種別を知ることができる。例えば、各タグ301〜306に対応するUI情報は、図4(c)に示す各位置401〜406に配置されていることがわかり、これらの位置は、図4(a)に示すブラウズ状態における各UI情報201〜206の配置と同様になっている。この画像ファイルは、UIメタデータと共に中継サーバ20の図示しない記憶部に保存してもよい。
中継サーバ20は、ステップS25で生成したUIメタデータと画像ファイルを、通信部21を介して携帯端末10へ送信する(ステップS26)。このとき、基となったコンテンツファイルを、送信した携帯端末10や生成したUIメタデータと関連付けて図示しない記憶部に記憶しておく。携帯端末10は、通信部11を介して、このUIメタデータと画像ファイルを受信する(ステップS12)。
次に、UIメタデータと画像ファイルを受信した携帯端末10の内部処理について、図6を用いて説明する。
携帯端末10は、通信部11を介してUIメタデータと画像ファイルを受信すると(ステップS41)、処理部12は、受信したUIメタデータに含まれる各UI情報の位置座標と表示部14に表示されるカーソルの位置座標とを比較し(ステップS42)、比較結果に基づいて、表示部14に画像ファイルとUI情報とを表示する(ステップS43)。
例えば、カーソルの位置座標がUI情報の位置座標と重なったときに、該当するUI情報の位置の部分に対してマークを付し、UI情報が選択可能であることをユーザに認識させる。また、下線を引く、四角で囲う等でもよい。なお、ここでは、UIメタデータに記録された各UI情報のXY座標値を対角とする矩形状の範囲内にカーソルが位置する場合に、UI情報の位置座標とカーソルの位置座標とが重なったとみなす。また、重なった場合ではなく、表示されているUI情報の画像上の位置に対して常にこのような表示を行ってもよい。逆に、カーソルの位置座標がUI情報の位置座標と重なったときに、カーソルの色や形状を変更して表示してもよい。
ここで、入力装置13によりユーザ操作が行われると(ステップS44)、操作内容に応じて、表示部14の表示を変更する。
例えば、十字キー等による上下左右移動の操作が行われた場合には、操作に応じてカーソル又は画像を移動させる(ステップS45)。
図7は、操作に応じてカーソルが移動する場合を示す図であり、図7(b)は、図7(a)の状態から左上移動の操作が行われた場合の表示を示している。ユーザ操作に応じて、カーソル502が画面左上にあるUI情報の位置501(ここでは、リンク)上に移動されると、UI情報の位置501に下線を引くと共に、カーソル502の形状をカーソル502´に変更して表示する。
なお、この状態で決定ボタンによる操作を行うことで、後述するようにUI情報の位置501に関連付けられたリンク先を表示することができる。
図8は、同様に上下左右移動の操作が行われたときに、操作に応じて画像が移動するように構成された場合を示す図であり、図8(b)は、図8(a)の状態から右移動の操作が行われた場合の表示を示している。カーソル503は、表示部14の画面中央に固定されて表示されており、ユーザ操作に応じて表示されている画像が移動する。ここで、カーソル503上にUI情報の画像上の位置501が移動されると、UI情報の画像上の位置501に下線を引くと共に、カーソル503を色の異なるカーソル503´に変更して表示する。
また、ステップS44において拡大・縮小の操作が行われた場合には、操作に応じた倍率に変更して画像を表示する(ステップS46)。
図9は、拡大・縮小の操作が行われた場合の表示部14に表示された画像について説明するための図であり、図9(a)に示す状態から縮小操作が行われると、図9(b)のように画像は縮小表示される。さらに縮小操作を行うことで、図9(c)のように表示させることも可能である。
また、図9(c)に示す状態から拡大操作が行われた場合には、図9(c)から図9(b)のように拡大表示する。さらに、拡大操作を行うことで、図9(a)のように拡大表示することも可能である。
なお、図9においては、カーソル504の画面内における位置は変更されていないが、表示される画像の表示倍率が、カーソル504の表示位置以外の位置を中心として変更されているために、カーソル504の画像上の位置が移動している。
その結果、図9(a)に示す状態においては、カーソル504の位置はUI情報の画像上の位置とは重なっていないが、図9(b)に示す状態においては、UI情報(リンク)の画像上の位置505とカーソル504の位置とが重なっている。したがって、UI情報の画像上の位置505に下線を引くと共に、カーソル504の形状をカーソル504´に変更して表示している。
また、ステップS44において決定ボタンによる操作(クリック操作)が行われた場合には、ステップS42における比較結果に基づいて、カーソル位置とUI情報の画像上の位置とが重なっているか否かを判定する(ステップS47)。
カーソル位置がUI情報の画像上の位置と重なっていない場合は、処理部12はこのクリック操作を無効とし、ステップS42に戻り、同様の処理を行う。
カーソル位置がUI情報の画像上の位置と重なっている場合は、処理部12は、UIメタデータに基づいてカーソル位置と重なる位置に存在するUI情報の種別を判定する(ステップS48)。
ここで、UI情報の種別としては、(1)テキスト入力欄等のユーザによる入力が必要なUI情報、(2)チェックボックスやラジオボタン等の画面遷移を伴わず、データ入力の必要もないUI情報、(3)リンク、ボタン等の画面遷移を伴うUI情報、の3つが考えられる。
カーソル位置に存在するUI情報の種別が、(1)テキスト入力欄等のユーザによるデータ入力が必要なUI情報である場合は、まずポップアップ等により表示部14にデータ入力画面を表示し、ユーザに入力を要求する(ステップS49)。ユーザは、この入力画面において入力装置13によって必要なデータ入力を行う(ステップS50)。処理部12は、ユーザ入力に応じて図示しない記憶部に記憶されているUIメタデータを書き換える(ステップS51)。書き換えられたUIメタデータは、書き換えられたUI情報IDと共に、通信部11を介して中継サーバ20に送信される(ステップS52)。
ここで、UIメタデータの書き換えの詳細について、図10、図11を用いて説明する。
図10(a)は、図4(c)に示した画像を表示部14に表示した様子を示す図である。表示された画像上の各位置401〜406には、図11(a)に示すUIメタデータに示すように、各UI情報201〜206が表示されている。ここで、ユーザが、UI情報201に対応する位置401上にカーソル400を移動させてクリック操作を行うと、図10(b)に示すように、表示部14にはテキスト入力ポップアップ画面が表示される。
ユーザは、このポップアップ画面において、入力装置13を用いて所望の文字を入力する。テキスト入力後、入力装置13によりクリック操作が行われると、処理部12は、入力されたテキストに基づいて、位置401に対応するUI情報201のvalue属性を書き換える。ここでは、図10(b)に示すように、ユーザがテキスト入力ポップアップ画面において「shibukawa」と入力しているため、図11(b)に示すように、UI情報201のvalue属性が「shibukawa」と書き換えられている。
この書き換えられたUIメタデータは、書き換えられた(実行された)UI情報ID(ここでは、201)と共に、通信部11を介して中継サーバ20に送信される。
次に、対応するUI情報が(2)画面遷移を伴わず、データ入力の必要もない場合について説明する。
図10(c)に示すUI情報202に対応する位置402とUI情報203に対応する位置403には、性別を指定するためのラジオボタンが表示されている。このUI情報202とUI情報203は、図4に示すように、基となるタグ302と303が同じname属性を有している。すなわち、UI情報202とUI情報203のうち、いずれか一方を選択することが可能である。ここで、初期の設定では、図11(a)に示すように、UI情報202のchecked属性がtrue、UI情報203のchecked属性がfalseとなっているため、図10(a)に示すように、UI情報202が選択された状態となっている。
ここで、UI情報203に対応する位置403上にカーソル400を移動させてクリック操作が行われると、処理部12は、UIメタデータに基づいて、カーソル位置と重なる位置に存在するUI情報の種別を判定する。
ここでは、UI情報203はラジオボタンであり、ユーザによるデータ入力の必要がなく、また画面遷移を伴わないUI情報であるので、ステップS51に移行し、処理部12は、図示しない記憶部に記憶されているUIメタデータからUI情報203に関するデータを書き換える。
図11(c)は、この場合に書き換えられたUIメタデータを示す図である。同図に示すように、UI情報203のchecked属性がtrueに書き換えられていると共に、UI情報203と同じname属性を有するUI情報202のchecked属性がfalseに書き換えられている。
最後に、対応するUI情報が(3)画面遷移を伴う場合について説明する。画面遷移を伴うUI情報とは、そのUI情報を実行した結果、現在表示している画像とは異なる画像を表示することになるUI情報を指している。
図10(d)に示すように、UI情報206に対応する位置406に表示されているのは送信ボタンであり、位置406をクリック操作することにより、タグ306の記載にしたがって別の画面に遷移する。この位置406上にカーソル400を移動させてクリック操作が行われると、処理部12は、UIメタデータに基づいてカーソル位置と重なる位置に存在するUI情報の種別を判定する。
ここで、UI情報206はボタンであり、画面遷移を伴うUI情報であるので、ステップS52に移行する。そして、UIメタデータと共に、実行されたUI情報ID(ここでは、206)が、通信部11を介して中継サーバ20に送信される(ステップS52)。
このように、どの種別のUI情報がクリック操作された場合であっても、UIメタデータと実行されたUI情報IDとが、中継サーバ20に送信される。
次に、実行されたUIメタデータに基づくWebページ閲覧システム100の動作について、図12を用いて説明する。
携帯端末10から、UIメタデータと実行されたUI情報IDが送信されると(ステップS61)、中継サーバ20は、通信部21を介してこれを受信する(ステップS71)。
UI情報解析部23は、受信したUIメタデータと実行されたUI情報IDを解析し、UIメタデータ中のどのUI情報が実行されたのかを解析する(ステップS72)。
また、UI情報解析部23は、実行されたUI情報に基づいて、外部Webサーバとの通信が必要であるか否かを判定する(ステップS73)。例えば、リンクボタンが操作され、画面遷移がある場合が該当する。
実行されたUI情報が外部Webサーバとの通信が必要なUI情報である場合は、図示しない記憶部に記憶されたコンテンツファイルから遷移先のURLアドレスを取得し、該当する外部Webサーバ30へ送信する(ステップS74)。そして、この外部Webサーバ30から該当するコンテンツファイルを受信し(ステップS75)、UI情報解析部23においてこの遷移先のコンテンツファイルを解析する(ステップS76)。
さらに、UI情報解析部23は、この解析結果に基づいて遷移先のUIメタデータを生成し、また、画像変換部22は、遷移先のコンテンツファイルに基づいて画像ファイルを生成する(ステップS77)。この遷移先の画像ファイルとUIメタデータとを、通信部21を介して携帯端末10に送信する(ステップS78)。
携帯端末10は、通信部11を介してこの画像ファイルとUIメタデータを受信し、この画像ファイルを遷移先の画面として表示部14に表示する(ステップS62)。
ステップS73において、実行されたUI情報が外部Webサーバとの通信が不要なUI情報であると判断された場合は、ステップS77へ移行し、この書き換えられたUIメタデータと関連するコンテンツファイルを図示しない記憶部から読み出し、書き換えられたUIメタデータに基づいて新たな画像ファイルを生成する。また、新たな画像ファイルを生成するのではなく、基のコンテンツファイルの画像と実行されたUI情報IDとに基づいて、実行されたことにより書き換えを要する部分についてだけ、画像を書き換えてもよい。
この新たな画像ファイルとUIメタデータとを、通信部21を介して携帯端末10に送信する(ステップS78)。
携帯端末10は、通信部11を介してこの画像ファイルとUIメタデータを受信し、この画像ファイルを表示部14に表示する(ステップS62)。
例えば、実行されたUI情報が、図10(a)に示すUI情報201(テキスト入力欄)の場合は、携帯端末10から、図11(b)に示す書き換えられたUIメタデータと、実行されたUI情報ID201が送信される(ステップS61)。中継サーバ20は、通信部21を介してこれを受信する(ステップS71)。
画像変換部22は、この書き換えられたUIメタデータと関連するコンテンツファイルを図示しない記憶部から読み出し、書き換えられたUIメタデータに基づいて新たな画像ファイルを生成する。この新たな画像ファイルは、図10(c)に示すように、テキスト入力欄の位置にステップS50において入力された文字「shibukawa」が表示された画像となっている。
また、実行されたUI情報が、図10(c)に示すUI情報203(ラジオボタン)の場合は、携帯端末10から、図11(c)に示す書き換えられたUIメタデータと、実行されたUI情報ID203が送信される(ステップS61)。中継サーバ20は、通信部21を介してこれを受信する(ステップS71)。
画像変換部22は、この書き換えられたUIメタデータと関連するコンテンツファイルを図示しない記憶部から読み出し、書き換えられたUIメタデータに基づいて新たな画像ファイルを生成する。この新たな画像ファイルは、図10(d)に示すように、ラジオボタンのチェック位置が位置402から位置403に変更された画像となっている。
さらに、実行されたUI情報が、図10(d)に示すUI情報206(ボタン)の場合は、携帯端末10から、UIメタデータ(この場合は書き換えられていない)と、実行されたUI情報ID206が送信される(ステップS61)。中継サーバ20は、通信部21を介してこれを受信する(ステップS71)。
これを受信した中継サーバ20は、UIメタデータから遷移先のURLアドレスを取得し、該当する外部Webサーバ30から該当するコンテンツファイルを要求して(ステップS74)、受信する(ステップS74)。このコンテンツファイルに基づいて、UI情報解析部23においてUIメタデータが生成されると共に、画像変換部22において画像ファイルが生成する(ステップS77)。
この遷移先の画像ファイルとUIメタデータとが携帯端末10に送信され(ステップS78)、この画像ファイルは表示部14に表示される(ステップS62)。
このように、画面遷移を伴うUI操作がされた場合も、新たな遷移先のWebページを表示させることができ、さらに、これまでと同様にUI情報の操作も可能である。
以上のように、Webページ閲覧システム100は、高速で操作性のよいWebページ閲覧を実現することができる。
<第2の実施形態>
図13は、第2の実施形態の携帯端末10の内部処理について示すフローチャートである。なお、図6のフローチャートと共通する部分には同一の符号を付し、その詳細な説明は省略する。
図10(a)に示す状態において、UI情報201に対応する位置401にテキスト入力を行った場合に、図11(b)に示すように、UIメタデータを書き換える。このとき、第2の実施形態の携帯端末10は、中継サーバ20との通信は行わず、処理部12において図10(c)に示す画像を生成する(ステップS91)。その後、ステップS42に戻り、同様の処理を行う。
同様に、図10(c)に示す状態において、UI情報203に対応する位置403をクリックした場合についても、中継サーバ20との通信は行わず、処理部12において図10(d)に示すチェック位置が移動した画像を生成する。その後、ステップS42に戻り、同様の処理を行う。
このように、画面遷移を伴わずに画像書き換えが発生した場合には、携帯端末10において画像を書き換えるように構成することで、携帯端末10と中継サーバ20との通信量を減らすことができ、さらに通信時間を無くすことができるので、携帯端末10の操作性を改善することが可能となる。
<第3の実施形態>
図14は、第3の実施形態の携帯端末10の内部処理について示すフローチャートである。なお、図6のフローチャートと共通する部分には同一の符号を付し、その詳細な説明は省略する。
第3の実施形態の携帯端末10は、カーソル位置とUI情報との位置に応じて視覚効果のある処理を行うところが第1の実施形態と異なっている。
図14のステップS45において、十字キー等による上下左右移動の操作が行われた場合、処理部12は、操作に応じてカーソル又は画像を移動させる。
移動の操作が終了すると、移動後のカーソルの位置座標を算出し、算出した位置座標とUIメタデータとに基づいて、算出した位置座標がUI情報の存在する領域から近いか否かを判定する(ステップS92)。ここでは、所定の画素数を閾値として近いか否かを判定するが、この閾値は、表示部14に表示されている画像の拡大率等に応じて適宜決めればよい。
近くないと判定した場合は、第1の実施形態と同様にステップS42に戻るが、近いと判定した場合は、処理部12は視覚効果のある処理を行う(ステップS93)。
例えば、図15のように、カーソルを最も近いUI情報に対応する位置へ自動的に移動させる。同図の例では、カーソル506を、UI情報の位置501の位置まで自動的に移動させ、UI情報の位置501上でカーソルを506´に変更して表示している。また、カーソル506の移動中には、その移動軌跡上に、カーソル残像506a、506b、506c、及び507dを表示させている。
操作に応じて画像が移動するように構成されている場合も、画面中央に固定されたカーソルに最も近い位置にあるUI情報が重なるように、画像を移動させればよい。
このように構成することで、Webサイトを閲覧する際の操作性を改善することができる。
<第4の実施形態>
第4の実施形態は、中継サーバ20とWebサーバ30とが一体となったサーバを用いるところが第1の実施形態と異なっている。なお、第1の実施の形態と同一の部分については、同一の符号を付し、説明を省略する。また、携帯端末10の内部処理については、第1の実施の形態〜第3の実施の形態に示す任意の処理が適用できるため、説明を省略する。
図16は、本実施形態におけるWebページ閲覧システム101の全体構成の一例を示す図である。同図に示すように、Webページ閲覧システム101は、ユーザが使用する携帯端末10と、携帯端末10との通信を行う中継サーバ20と、外部Webサーバ30との機能を包含する中継サーバ一体型Webサーバ(以下、一体型サーバという)40とから構成されている。
一体型サーバ40は、通信部41、記憶部42、画像変換部43、UI情報解析部44を備えて構成されている。
通信部41は、携帯端末10との通信を制御するとともに、外部Webサーバ30との通信を制御する。
記憶部42は、一体型サーバ40に開設されたWebページの各コンテンツファイルを記憶している。
画像変換部43は、携帯端末10から受信したURLのリクエストに応じたファイルを記憶部42から読み出す。また、画像変換部43は、記憶部42から取得したページコンテンツ(コンテンツファイル)に基づいて、当該コンテンツファイルをブラウズした状態と同様の画像ファイルを生成する。ここでは、予め決められた解像度で画像ファイルを生成するが、コンテンツファイルの内容や携帯端末10の解像度に応じた解像度の画像ファイルを生成してもよい。
また、UI情報解析部44は、取得したコンテンツファイルからUI情報を抽出し、その種類や位置を解析し、UIメタデータを生成する。
なお、図16においては、携帯端末10は1つだけ記載されているが、一体型サーバ40と通信可能な携帯端末10は多数存在し、それぞれ個別に一体型サーバ40との通信を行う。
次に、このように構成されたWebページ閲覧システム101の動作について説明する。まず、携帯端末10の表示部14に、所望のWebページの表示を行うまでの動作について、図17を用いて説明する。
ユーザは、携帯端末10の入力装置13を用いて、閲覧したいWebページのURLアドレスを入力する。文字列を直接入力するのではなく、携帯端末10の図示しない記憶部に登録されているブックマーク等を用いてURLアドレスを選択してもよい。URLアドレスを入力後に入力装置13の送信ボタンにより送信を指示すると、通信部11は、入力されたURLアドレスを一体型サーバ40に送信する(ステップS11)。
なお、一体型サーバ40の図示しない記憶部のブックマークにおいて、WebページタイトルとURLアドレスを保持しておき、これらのWebページタイトルの中から選択可能に構成してもよい。この場合は、一体型サーバ40は、通信部41を介して保持しているWebページタイトルを携帯端末10に送信し、携帯端末10は、通信部11を介してこれを受信する。さらに、処理部12によって受信したWebページタイトルを表示部14に表示させる。ユーザは、表示されたWebページタイトルの中から所望のWebページを、入力装置13を用いて選択する。そして、携帯端末10は、選択されたWebページタイトルを通信部11を介して一体型サーバ40に送信すればよい。
一体型サーバ40は、携帯端末10から送信されたURLアドレスを通信部41を介して受信する(ステップS21)。通信部41は受信したURLアドレスを画像変換部43に出力し、画像変換部43は受信したURLアドレスに該当するHTMLファイル、CSSファイル、Java(登録商標)Scriptファイル等のコンテンツファイルを記憶部42から読み出す(ステップS27)。読み出されたコンテンツファイルは、画像変換部43及びUI情報解析部44へ出力される。
UI情報解析部44は、画像変換部43により読み出されたコンテンツファイルを解析して、UI情報を抽出する(ステップS24)。
UI情報解析部44は、この解析結果に基づいてUIメタデータを生成する(ステップS25)。また、画像変換部43は、取得したコンテンツファイルをレンダリングし、jpeg形式やbitmap形式等の、携帯端末10の表示部14に表示可能な形式の画像ファイルを生成する(ステップS25)。
一体型サーバ40は、ステップS25で生成したUIメタデータと画像ファイルを、通信部41を介して携帯端末10へ送信する(ステップS26)。このとき、基となったコンテンツファイルを、送信した携帯端末10や生成したUIメタデータと関連付けて画像変換部43内の図示しない記憶部に記憶しておく。携帯端末10は、通信部11を介して、このUIメタデータと画像ファイルを受信する(ステップS12)。
次に、実行されたUIメタデータに基づくWebページ閲覧システム101の動作について、図18を用いて説明する。
携帯端末10から、UIメタデータと実行されたUI情報IDが送信されると(ステップS61)、一体型サーバ40は、通信部41を介してこれを受信する(ステップS71)。
UI情報解析部44は、受信したUIメタデータと実行されたUI情報IDを解析し、UIメタデータ中のどのUI情報が実行されたのかを解析する(ステップS72)。
UI情報解析部44は、実行されたUI情報に基づいて、記憶部42からのデータ取得が必要であるか否かを判定する(ステップS79)。例えば、リンクボタンが操作され、画面遷移がある場合が該当する。
実行されたUI情報が記憶部42からのデータ取得が必要なUI情報である場合(ステップS79でYES)は、該当するコンテンツファイルを記憶部42から取得し(ステップS80)、UI情報解析部44においてこの遷移先のコンテンツファイルを解析する(ステップS76)。
さらに、UI情報解析部44は、この解析結果に基づいて遷移先のUIメタデータを生成し、また、画像変換部43は、遷移先のコンテンツファイルに基づいて画像ファイルを生成する(ステップS77)。この遷移先の画像ファイルとUIメタデータとを、通信部41を介して携帯端末10に送信する(ステップS78)。
携帯端末10は、通信部11を介してこの画像ファイルとUIメタデータを受信し、この画像ファイルを遷移先の画面として表示部14に表示する(ステップS62)。
実行されたUI情報が記憶部42からのデータ取得が不要なUI情報である場合(ステップS79でNO)は、ステップS77へ移行し、画像変換部43は、この書き換えられたUIメタデータと関連するコンテンツファイルを画像変換部43内の図示しない記憶部から読み出し、書き換えられたUIメタデータに基づいて新たな画像ファイルを生成する。また、新たな画像ファイルを生成するのではなく、基のコンテンツファイルの画像と実行されたUI情報IDとに基づいて、実行されたことにより書き換えを要する部分についてだけ、画像を書き換えてもよい。
この新たな画像ファイルとUIメタデータとを、通信部41を介して携帯端末10に送信する(ステップS78)。
携帯端末10は、通信部11を介してこの画像ファイルとUIメタデータを受信し、この画像ファイルを表示部14に表示する(ステップS62)。
以上のように、Webページ閲覧システム101は、高速で操作性のよいWebページ閲覧を実現することができる。特に、一体型サーバ40内にコンテンツファイルが記憶されているため、外部Webサーバからコンテンツファイルを取得する場合と比べてさらに高速化することができる。
なお、本実施の携帯のWebページ閲覧システム101は、携帯端末10と一体型サーバ40とで構成されていたが、インターネット網中に多数存在する外部Webサーバ30と一体型サーバ40とが接続可能となるように構成してもよい。一体型サーバ40と外部Webサーバ30とは、インターネットを介して接続され、通信部41と後述する通信部31とは、標準的なインターネットプロトコルにしたがってそれぞれ通信を行う。これにより、一体型サーバ40内に記憶されていないコンテンツファイルに対しても閲覧対象とすることができる。一体型サーバ40が外部Webサーバ30からコンテンツファイルを取得する方法は、第1の実施の形態で中継サーバ20が外部Webサーバ30からコンテンツファイルを取得する方法と同じ方法を用いることができる。
1…PC、2、14…表示部、10…携帯端末、11、21、31…通信部、12…処理部、13…入力装置、20…中継サーバ、22…画像変換部、23…UI情報解析部、30…外部Webサーバ、32…記憶部、100…Webページ閲覧システム、201〜206…UI情報、301〜306…タグ、400、502、503…カーソル、401〜406、501…画像内の各位置

Claims (12)

  1. クライアント端末からサーバに接続するウェブサイト閲覧システムにおいて、
    前記サーバは、
    前記クライアント端末から要求されたページコンテンツを取得する手段と、
    前記取得したページコンテンツを画像に変換する手段と、
    前記取得したページコンテンツからUI情報を抽出し、抽出したUI情報に基づいてUI情報メタデータを生成する手段と、
    前記変換された画像と前記生成されたUI情報メタデータとを前記クライアント端末に送信する手段と、
    を備え、
    前記クライアント端末は、
    所望のページコンテンツを前記サーバに要求する手段と、
    前記サーバから送信された前記要求したページコンテンツの画像とUI情報メタデータとを受信する手段と、
    前記画像を表示手段に表示する手段と、
    前記UI情報メタデータに基づいて前記表示手段に表示された画像上のUI情報を制御する手段と、
    を備えたことを特徴とするウェブサイト閲覧システム。
  2. 前記クライアント端末は、
    前記表示手段に表示された画像上のUI情報を実行する実行手段と、
    前記実行手段により実行されたUI情報に基づいて前記UI情報メタデータを書き換える手段と、
    前記書き換えられたUI情報メタデータに基づいて前記画像を書き換える手段と
    を備えたことを特徴とする請求項1に記載のウェブサイト閲覧システム。
  3. 前記クライアント端末は、
    前記表示手段に表示された画像上のUI情報を実行する実行手段と、
    前記実行手段により実行されたUI情報に基づいて前記UI情報メタデータを書き換える手段と、
    前記書き換えられたUI情報メタデータを前記サーバに送信する手段と、
    を備え、
    前記サーバは、
    前記クライアント端末から送信された前記書き換えられたUI情報メタデータを受信する手段と、
    前記受信したUI情報メタデータに基づいて前記画像を書き換える手段と、
    前記書き換えられた画像を前記クライアント端末に送信する手段と、
    を備えたことを特徴とする請求項1に記載のウェブサイト閲覧システム。
  4. 前記クライアント端末は、前記実行手段により実行されたUI情報が画面遷移を伴うUI情報である場合に、該UI情報を特定する情報を前記サーバに送信する手段を備え、
    前記サーバは、
    前記実行されたUI情報を特定する情報を受信し、該受信した情報に基づいて次に表示すべきページコンテンツの画像と該ページコンテンツのUI情報メタデータとを前記クライアント端末に送信することを特徴とする請求項2又は3に記載のウェブサイト閲覧システム。
  5. 前記実行手段は、
    前記表示手段に表示されるカーソルと画像とを相対的に移動させる移動手段と、
    前記カーソルの位置と重なる位置に存在するUI情報を、実行するUI情報として決定する決定手段と、
    を備えたことを特徴とする請求項1から4のいずれかに記載のウェブサイト閲覧システム。
  6. 前記移動手段は、前記表示手段に表示された画像に対してカーソルを移動させることを特徴とする請求項5に記載のウェブサイト閲覧システム。
  7. 前記移動手段は、前記表示手段の略中央部に前記カーソルを表示すると共に、前記カーソルに対して前記画像を移動させることを特徴とする請求項5に記載のウェブサイト閲覧システム。
  8. 前記移動手段は、前記UI情報メタデータに基づいて視覚効果を表示することを特徴とする請求項1から7のいずれかに記載のウェブサイト閲覧システム。
  9. 前記サーバは、ページコンテンツが記憶された記憶手段を備え、
    前記ページコンテンツを取得する手段は、前記記憶手段からページコンテンツを取得することを特徴とする請求項1から8のいずれかに記載のウェブサイト閲覧システム。
  10. 前記サーバは、ウェブサーバと接続する手段を備え、
    前記ページコンテンツを取得する手段は、前記ウェブサーバと接続する手段を介して前記ウェブサーバからページコンテンツを取得することを特徴とする請求項1から9のいずれかに記載のウェブサイト閲覧システム。
  11. クライアント端末から要求されたページコンテンツを取得する手段と、
    前記取得したページコンテンツを画像に変換する手段と、
    前記取得したページコンテンツからUI情報を抽出し、抽出したUI情報に基づいてUI情報メタデータを生成する手段と、
    前記変換された画像と前記生成されたUI情報メタデータとをクライアント端末に送信する手段と、
    前記クライアント端末の操作に応じて書き換えられたUI情報メタデータを取得する手段と、
    前記取得したUI情報メタデータを解析する手段と、
    を備えたことを特徴とするサーバ。
  12. 画像と該画像から抽出されたUI情報に基づいて生成されたUI情報メタデータを受信する手段と、
    前記画像を表示手段に表示する手段と、
    前記表示手段に表示された画像上のUI情報を実行する手段と、
    前記実行手段により実行されたUI情報に基づいて前記UI情報メタデータを書き換える手段と、
    前記書き換えられたUI情報メタデータを前記画像の送信元に送信する手段と、
    を備えたことを特徴とするクライアント端末。
JP2010056149A 2009-07-16 2010-03-12 ウェブサイト閲覧システム、サーバ及びクライアント端末 Active JP5575511B2 (ja)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2010056149A JP5575511B2 (ja) 2009-07-16 2010-03-12 ウェブサイト閲覧システム、サーバ及びクライアント端末
US12/837,367 US8990674B2 (en) 2009-07-16 2010-07-15 Website browsing system using page content converted to an image

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
JP2009167975 2009-07-16
JP2009167975 2009-07-16
JP2010056149A JP5575511B2 (ja) 2009-07-16 2010-03-12 ウェブサイト閲覧システム、サーバ及びクライアント端末

Publications (3)

Publication Number Publication Date
JP2011040034A true JP2011040034A (ja) 2011-02-24
JP2011040034A5 JP2011040034A5 (ja) 2012-11-29
JP5575511B2 JP5575511B2 (ja) 2014-08-20

Family

ID=43466118

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2010056149A Active JP5575511B2 (ja) 2009-07-16 2010-03-12 ウェブサイト閲覧システム、サーバ及びクライアント端末

Country Status (2)

Country Link
US (1) US8990674B2 (ja)
JP (1) JP5575511B2 (ja)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013167940A (ja) * 2012-02-14 2013-08-29 Ntt Data Corp 表示画面変換装置、表示画面変換方法、およびプログラム
KR101421501B1 (ko) * 2013-01-16 2014-08-13 한국기술교육대학교 산학협력단 터치스크린 상의 롤오버 구현 방법
JP2016218704A (ja) * 2015-05-20 2016-12-22 株式会社リコー 情報処理装置、機器、情報処理システム、情報処理方法、及びプログラム
WO2018229988A1 (ja) * 2017-06-16 2018-12-20 三菱電機株式会社 列車統合管理システム、中央指令装置、画面情報伝送システムおよび画面情報伝送方法

Families Citing this family (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012032943A (ja) * 2010-07-29 2012-02-16 Fujifilm Corp ウェブサイト閲覧システム、サーバ、サーバ用プログラム及びウェブサイト閲覧支援方法
KR101864185B1 (ko) * 2011-12-15 2018-06-29 삼성전자주식회사 디스플레이 장치 및 이를 이용한 화면 모드 변경 방법
US9043441B1 (en) 2012-05-29 2015-05-26 Google Inc. Methods and systems for providing network content for devices with displays having limited viewing area
US9794369B2 (en) 2012-06-10 2017-10-17 Mcgushion Kevin D Active web page consolidator
US9286295B2 (en) * 2012-10-09 2016-03-15 Robert Beadles Apparatus and method for cloud based storage using a multi-layer scannable tag
US10095663B2 (en) 2012-11-14 2018-10-09 Amazon Technologies, Inc. Delivery and display of page previews during page retrieval events
WO2014174369A2 (en) * 2013-03-29 2014-10-30 Mcgushion Kevin D Mapping of defined regions within a webpage
WO2014207941A1 (ja) * 2013-06-28 2014-12-31 楽天株式会社 判定装置、判定方法、及びプログラム
JP6146230B2 (ja) * 2013-09-19 2017-06-14 富士通株式会社 中継装置、シンクライアントシステム、中継方法および中継プログラム
US9412187B2 (en) * 2013-12-20 2016-08-09 Documill Oy Delayed rendering of content
US10042521B1 (en) * 2014-05-22 2018-08-07 Amazon Technologies, Inc. Emulation of control resources for use with converted content pages
US11169666B1 (en) 2014-05-22 2021-11-09 Amazon Technologies, Inc. Distributed content browsing system using transferred hardware-independent graphics commands
US9922007B1 (en) 2014-05-22 2018-03-20 Amazon Technologies, Inc. Split browser architecture capable of determining whether to combine or split content layers based on the encoding of content within each layer
US9454515B1 (en) 2014-06-17 2016-09-27 Amazon Technologies, Inc. Content browser system using graphics commands and native text intelligence
US10089280B1 (en) * 2016-03-22 2018-10-02 Massachusetts Mutual Life Insurance Company Systems and methods for improving workflow efficiency and for electronic record population in a networked environment
CN106557537B (zh) * 2016-09-22 2020-12-18 深圳峰创智诚科技有限公司 网页图片标签显示方法和装置
US10866686B2 (en) * 2017-01-02 2020-12-15 Samsung Electronics Co., Ltd. Method and terminal for recognizing text

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004341855A (ja) * 2003-05-16 2004-12-02 Fuji Photo Film Co Ltd ウェブ・ページ表示システム
US20080222273A1 (en) * 2007-03-07 2008-09-11 Microsoft Corporation Adaptive rendering of web pages on mobile devices using imaging technology

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6785016B1 (en) * 1999-05-25 2004-08-31 Silverbrook Research Pty Ltd. Portable interactive printer
US7356570B1 (en) * 2000-08-29 2008-04-08 Raja Tuli Portable high speed communication device
US6704024B2 (en) * 2000-08-07 2004-03-09 Zframe, Inc. Visual content browsing using rasterized representations
US20020062396A1 (en) * 2000-10-31 2002-05-23 Mishou Co., Ltd. Server devices for displaying web pages
US8392827B2 (en) * 2001-04-30 2013-03-05 International Business Machines Corporation Method for generation and assembly of web page content
JP2004220260A (ja) 2003-01-14 2004-08-05 Nec Access Technica Ltd ウェブページ閲覧システム及び画像配信サーバ
US7631256B2 (en) * 2003-05-16 2009-12-08 Fujifilm Corporation Web page display system, and image server and method of controlling the same
US20050041858A1 (en) * 2003-08-21 2005-02-24 International Business Machines Corporation Apparatus and method for distributing portions of large web pages to fit smaller constrained viewing areas
US7620892B2 (en) * 2004-07-29 2009-11-17 Xerox Corporation Server based image processing for client display of documents
JP2006155333A (ja) 2004-11-30 2006-06-15 Brainlink:Kk 情報閲覧システム、情報転送サーバ、携帯端末及びそのプログラム
US8156418B2 (en) * 2008-06-05 2012-04-10 Microsoft Corporation Image acquisition from dynamic content for delivery to network-enabled static display devices
KR20100089339A (ko) * 2009-02-03 2010-08-12 삼성전자주식회사 이미지 생성 방법과 이미지 표시 방법 및 그 방법을 수행하는 장치

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004341855A (ja) * 2003-05-16 2004-12-02 Fuji Photo Film Co Ltd ウェブ・ページ表示システム
US20080222273A1 (en) * 2007-03-07 2008-09-11 Microsoft Corporation Adaptive rendering of web pages on mobile devices using imaging technology

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013167940A (ja) * 2012-02-14 2013-08-29 Ntt Data Corp 表示画面変換装置、表示画面変換方法、およびプログラム
KR101421501B1 (ko) * 2013-01-16 2014-08-13 한국기술교육대학교 산학협력단 터치스크린 상의 롤오버 구현 방법
JP2016218704A (ja) * 2015-05-20 2016-12-22 株式会社リコー 情報処理装置、機器、情報処理システム、情報処理方法、及びプログラム
WO2018229988A1 (ja) * 2017-06-16 2018-12-20 三菱電機株式会社 列車統合管理システム、中央指令装置、画面情報伝送システムおよび画面情報伝送方法
JPWO2018229988A1 (ja) * 2017-06-16 2019-12-19 三菱電機株式会社 列車統合管理システム、中央指令装置、画面情報伝送システムおよび画面情報伝送方法
US11186303B2 (en) 2017-06-16 2021-11-30 Mitsubishi Electric Corporation Train control and management system, central command device, screen information transmission system and screen information transmission method

Also Published As

Publication number Publication date
JP5575511B2 (ja) 2014-08-20
US20110016403A1 (en) 2011-01-20
US8990674B2 (en) 2015-03-24

Similar Documents

Publication Publication Date Title
JP5575511B2 (ja) ウェブサイト閲覧システム、サーバ及びクライアント端末
JP2011186913A (ja) ウェブサイト閲覧システム及びサーバ
JP2012043140A (ja) Webページ閲覧システム及び中継サーバ
US8984395B2 (en) Methods, systems and devices for transcoding and displaying electronic documents
JP2011070481A (ja) ウェブ・ブラウザ送信サーバおよびその動作制御方法
JP5885527B2 (ja) 印刷システム、印刷サーバ、制御方法およびコンピュータプログラム
JP2012032943A (ja) ウェブサイト閲覧システム、サーバ、サーバ用プログラム及びウェブサイト閲覧支援方法
WO2009093643A1 (ja) マークアップ言語文書変換システム、装置、方法およびプログラム
JP2011123697A (ja) ウェブ・ページ変換システム
JPWO2008078684A1 (ja) ネットワークシステム
JP2005063412A (ja) 表示データ生成装置、表示装置、表示データ生成システム、表示データ生成装置の制御方法、表示データ生成プログラム、記録媒体、電子装置及び電子装置の制御方法
KR20130130869A (ko) 열람 시스템, 단말기, 화상 서버, 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체 및 방법
JPWO2008013128A1 (ja) 端末装置、コンテンツ表示方法、およびコンテンツ表示プログラム
JP2012123598A (ja) 情報処理装置、表示方法及びプログラム
RU2634221C2 (ru) Способ и устройство для отрисовки представления электронного документа на экране
JP2009048333A (ja) ウェブページ閲覧装置およびウェブページ閲覧サーバ
JP5062901B2 (ja) Webページを表示する方法
US20100251087A1 (en) Information browse apparatus
WO2012120704A1 (ja) ウェブ表示プログラム変換システム、ウェブ表示プログラム変換方法、及び、ウェブ表示プログラム変換用プログラム
JP4750128B2 (ja) ナンバリング付与機能付きブラウザ
US20150116763A1 (en) Method of executing web application in image forming apparatus and image forming apparatus to perform the method
JP2011253301A (ja) ウェブサイト閲覧システム、サーバ及びサーバ用プログラム
JP2012123679A (ja) ウェブサイト閲覧システム、サーバ及びデータ送受信方法
JP2008176451A (ja) 電子文書提供装置、端末装置、電子文書提供方法、電子文書表示制御方法、電子文書提供プログラム、および電子文書表示制御プログラム
JP4774018B2 (ja) サーバ、端末、プログラム及び方法

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20120828

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20121011

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20140305

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20140421

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20140625

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20140702

R150 Certificate of patent or registration of utility model

Ref document number: 5575511

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313113

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S533 Written request for registration of change of name

Free format text: JAPANESE INTERMEDIATE CODE: R313533

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250