JP2015041111A - Web page takeover system, web page takeover method, communication terminal, and method and program of web page display - Google Patents
Web page takeover system, web page takeover method, communication terminal, and method and program of web page display Download PDFInfo
- Publication number
- JP2015041111A JP2015041111A JP2013170075A JP2013170075A JP2015041111A JP 2015041111 A JP2015041111 A JP 2015041111A JP 2013170075 A JP2013170075 A JP 2013170075A JP 2013170075 A JP2013170075 A JP 2013170075A JP 2015041111 A JP2015041111 A JP 2015041111A
- Authority
- JP
- Japan
- Prior art keywords
- web page
- information
- terminal
- code
- displayed
- 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
Links
- 238000004891 communication Methods 0.000 title claims description 32
- 238000000034 method Methods 0.000 title claims description 15
- 239000000284 extract Substances 0.000 claims description 7
- 238000012545 processing Methods 0.000 claims description 5
- 235000014510 cooky Nutrition 0.000 description 27
- 230000006870 function Effects 0.000 description 25
- 238000010586 diagram Methods 0.000 description 10
- 238000003384 imaging method Methods 0.000 description 10
- 238000004590 computer program Methods 0.000 description 8
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000001514 detection method Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
Description
本発明は、複数のデバイス間でブラウザの状態を引き継ぐ技術に関する。 The present invention relates to a technique for taking over the state of a browser among a plurality of devices.
近年、通信機能を有し、計算処理だけでなく様々な用途に使用可能な端末として、据え置き型のPC(Personal Computer)だけでなく、持ち運び可能な多機能端末、いわゆるスマートデバイスがシェアを伸ばしている。利用者の多くは、このような端末を複数所有しており、利用するサービスや利用状況等に応じて利用する端末を使い分けている。 In recent years, not only stationary PCs (Personal Computers) but also portable multifunctional terminals, so-called smart devices, have expanded their share as terminals that have communication functions and can be used not only for calculation processing but also for various purposes. Yes. Many users own a plurality of such terminals, and use different terminals depending on the service to be used, the usage situation, and the like.
したがって、例えば、据え置き型のPCを用いて机上で行っていた作業を中断し、外出時にスマートデバイスで作業を再開するという利用形態が可能となる。しかしながら、このような場合でも、PCにおける作業の継続を完全には実現できず、例えば途中まで入力していた文字、数値等の情報は破棄され、改めてスマートデバイスで入力しなければならない。 Therefore, for example, it is possible to use the system in which work performed on a desk using a stationary PC is interrupted and the work is resumed by the smart device when going out. However, even in such a case, the continuation of work on the PC cannot be realized completely, and for example, information such as characters and numerical values that have been input halfway is discarded and must be input again by the smart device.
例えば、PCおよびスマートデバイスの双方で利用できるブラウザであるGoogle Chrome(登録商標)がある。Google Chromeでは、その独自機能として、現在開いているウインドウ(ブラウザ)の状態、お気に入り、閲覧履歴の状態等を同期するクラウド型サービスを提供している。例えば、ユーザID(Identifier)等を用いて認証するシステムを用いて、ユーザIDに紐づくデータをサーバに一時保存することにより、PCにおけるブラウザの状態をスマートデバイス側のブラウザに再現することが可能である。 For example, there is Google Chrome (registered trademark) which is a browser that can be used on both a PC and a smart device. Google Chrome provides a cloud-type service that synchronizes the state of the currently opened window (browser), the favorite, the state of browsing history, and the like as its unique function. For example, by temporarily storing data associated with a user ID in a server using a system that authenticates using a user ID (Identifier) or the like, the browser state on the PC can be reproduced on the browser on the smart device side It is.
しかしながら、Google Chromeは、クラウド型サービスであるため、常時起動したサーバが必要であり費用等がかかるという課題がある。また、Webページ内のフォーム(Form)の入力状態を同期することはできないので、ユーザが時間をかけて入力したフォームの内容等の情報は失われてしまい、利便性が悪いという課題がある。 However, since Google Chrome is a cloud-type service, there is a problem that it requires a server that is always activated and is expensive. In addition, since the input state of the form in the Web page cannot be synchronized, there is a problem that information such as the contents of the form input by the user over time is lost and the convenience is poor.
特許文献1は、ブラウザとサイト間で確立されるアクティブセッションのブラウザ状態を保存し、復元できるブラウザ状態リポジトリ(BSR)サービスを開示している。しかしながら、このBSRサービスでは、他のブラウザにアクティブセッションを移行することは可能であるが、Webページ内のフォームの入力状態を他のブラウザに同期することはできないので、その入力状態は破棄されてしまう。 Patent Document 1 discloses a browser state repository (BSR) service that can save and restore the browser state of an active session established between a browser and a site. However, in this BSR service, it is possible to transfer the active session to another browser, but the input state of the form in the Web page cannot be synchronized with the other browser, so the input state is discarded. End up.
また、特許文献2は、Webサービス実行中にそのサービスを中断することなく、かつ、簡易な操作で、ブラウザ端末の切り替えを実現するサービス引継システムを開示している。しかしながら、このサービス引継システムによるブラウザ端末の切り替えには、引継サーバを必要とするので、費用等がかかってしまう。 Patent Document 2 discloses a service takeover system that realizes switching of browser terminals without interrupting the service during execution of the Web service and with a simple operation. However, the switching of browser terminals by this service takeover system requires a takeover server, and thus costs are increased.
本願発明は、上記課題を鑑みてなされたものであり、費用を増加させることなく、一方の端末のブラウザの状態を他方の端末のブラウザに再現することにより、利便性を向上することができるWebページ引き継ぎシステム、Webページ引き継ぎ方法、通信端末、Webページ表示方法およびプログラムを提供することを主要な目的とする。 The present invention has been made in view of the above problems, and can improve convenience by reproducing the browser state of one terminal to the browser of the other terminal without increasing the cost. A main object is to provide a page takeover system, a web page takeover method, a communication terminal, a web page display method, and a program.
本発明の第1のWebページ引き継ぎシステムは、通信ネットワークを介して取得した情報により特定されるWebページをそれぞれ表示する第1の端末と第2の端末とを備えたWebページ引き継ぎシステムであって、前記第1の端末は、表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を取得するWebページ情報取得部と、前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御するコード生成部とを備え、前記第2の端末は、前記第1の端末に表示されたコードのイメージを表す画像データから、前記第1の端末において表示される前記Webページを特定する情報と、当該Webページへの前記入力状態とを含むWebページ情報を抽出するコード解析部と、前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御するWebページ情報反映部とを備える。 A first Web page takeover system of the present invention is a Web page takeover system including a first terminal and a second terminal that respectively display Web pages specified by information acquired through a communication network. The first terminal includes a Web page information acquisition unit that acquires Web page information including information specifying a displayed Web page and an input state to the Web page, and the acquired Web page information. A code generation unit that generates a code to be stored and controls to display an image of the code, and the second terminal uses image data representing an image of the code displayed on the first terminal. , Which includes information specifying the Web page displayed on the first terminal and the input state to the Web page Based on the code analysis unit that extracts page information and the extracted web page information, the web page is controlled to be displayed, and the input state is controlled to be reflected on the displayed web page. A web page information reflection unit.
本発明の第1の通信端末は、自端末に表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を取得するWebページ情報取得部と、前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御するコード生成部とを備える。 The first communication terminal according to the present invention includes a Web page information acquisition unit that acquires Web page information including information specifying a Web page displayed on the terminal and an input state of the Web page, and the acquired A code generation unit that generates a code for storing the Web page information and controls to display an image of the code.
本発明の第2の通信端末は、コードのイメージを表す画像データから、通信ネットワークを介して取得した情報により特定されるWebページを表示する第1の端末において表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を抽出するコード解析部と、前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御するWebページ情報反映部とを備える。 The second communication terminal of the present invention specifies information specifying a Web page displayed on the first terminal that displays a Web page specified by information acquired via a communication network from image data representing an image of a code. And a code analysis unit that extracts Web page information including an input state to the Web page, and controls to display the Web page based on the extracted Web page information, and the input state is A Web page information reflection unit that controls to reflect the displayed Web page.
本発明の第1のWebページ引き継ぎ方法は、通信ネットワークを介して取得した情報により特定されるWebページをそれぞれ表示する第1の端末と第2の端末とにおけるWebページ引き継ぎ方法であって、前記第1の端末によって、表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を取得し、前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御し、前記第2の端末によって、前記第1の端末に表示されたコードのイメージを表す画像データから、前記第1の端末において表示される前記Webページを特定する情報と、当該Webページへの前記入力状態とを含むWebページ情報を抽出し、前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御する。 A first Web page takeover method of the present invention is a Web page takeover method in a first terminal and a second terminal that respectively display Web pages specified by information acquired via a communication network, The first terminal acquires Web page information including information for specifying a Web page to be displayed and an input state to the Web page, and generates a code for storing the acquired Web page information. The web page displayed on the first terminal is controlled from the image data representing the code image displayed on the first terminal by the second terminal. Web page information including information to be specified and the input state to the Web page is extracted, and the extracted Web page is extracted. Based on the di-information, the controls to display a Web page, the input state control so as to reflect on the displayed Web page.
本発明の第1のWebページ表示方法は、通信端末によって、表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を取得し、前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御する。 According to a first Web page display method of the present invention, a communication terminal acquires Web page information including information specifying a Web page to be displayed and an input state to the Web page, and the acquired Web page A code for storing information is generated, and control is performed to display an image of the code.
本発明の第2のWebページ表示方法は、通信端末によって、コードのイメージを表す画像データから、通信ネットワークを介して取得した情報により特定されるWebページを表示する第1の端末において表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を抽出し、前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御する。 The second Web page display method of the present invention is displayed on the first terminal that displays the Web page specified by the information acquired via the communication network from the image data representing the image of the code by the communication terminal. Web page information including information specifying the Web page and an input state to the Web page is extracted, and the control is performed to display the Web page based on the extracted Web page information, and the input Control is performed so that the status is reflected on the displayed Web page.
なお同目的は、上記の各構成を有する通信端末またはWebページ表示方法を、コンピュータによって実現するコンピュータ・プログラム、およびそのコンピュータ・プログラムが格納されている、コンピュータ読み取り可能な記憶媒体によっても達成される。 This object is also achieved by a computer program for realizing the communication terminal or the Web page display method having the above-described configurations by a computer, and a computer-readable storage medium storing the computer program. .
本願発明によれば、費用を増加させることなく、一方の端末のブラウザの状態を、他方の端末のブラウザに再現することにより、利便性を向上することができるという効果が得られる。 According to the present invention, it is possible to improve the convenience by reproducing the browser state of one terminal to the browser of the other terminal without increasing the cost.
以下、本発明の実施形態について図面を参照して詳細に説明する。 Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings.
第1の実施形態
図1は、本発明の第1の実施形態に係るWebページ引き継ぎシステム100の全体構成を示す図である。図1に示すように、Webページ引き継ぎシステム100は、通信ネットワーク110を介してWebサーバ120と通信可能な第1の端末(PC10)と第2の端末(スマートデバイス40)を備える。
First Embodiment FIG. 1 is a diagram showing an overall configuration of a Web
第1の端末は、例えば据え置き型のPC10である。第2の端末は、例えば持ち運び可能なスマートデバイス40である。
The first terminal is, for example, a
図2は、PC10とスマートデバイス40の各構成を示すブロック図である。図2に示すように、PC10は、例えば、通信機能11、入力手段12、ブラウザ機能13、およびブラウザ機能13が提供する情報を表示するディスプレイ30を備える。ブラウザ機能13は、ブラウザが有する機能に従って動作可能な情報表示部20を備える。
FIG. 2 is a block diagram illustrating configurations of the
PC10は、通信機能11によって、通信ネットワーク110を通じてWebサーバ120にアクセスし、取得した情報により特定されるWebページ(Web画面)をブラウザ機能13の情報表示部20の動作によりディスプレイ30に表示する。
The PC 10 accesses the
また、スマートデバイス40は、例えば、通信機能41、入力手段42、撮像部50、ブラウザ機能43、およびブラウザ機能43が提供する情報を表示するディスプレイ70を備える。ブラウザ機能43は、ブラウザが有する機能に従って動作可能な情報反映部60を備える。
In addition, the
PC10と同様に、スマートデバイス40は、通信機能41によって、通信ネットワーク110を通じてWebサーバ120にアクセスし、取得した情報により特定されるWebページをブラウザ機能43の情報反映部60の動作によりディスプレイ70に表示する。
Similar to the PC 10, the
PC10のユーザは、各入力手段12を使用して通信ネットワーク110を介してWebサーバ120にアクセスする。PC10は、Webサーバ120から取得した情報により特定されるWebページをPC10のブラウザにより表示する。ユーザは、表示されたWebページの入力エリアに、入力手段12を使用して文字入力、数値入力等を行うことができる。入力された文字、数値等の入力情報が通信ネットワーク110を介してWebサーバ120に送信されることにより、ユーザはWebサーバ120が提供するサービスを受けることができる。ここで、入力手段12は、現在では一般的な構成を採用できるので、本実施形態における説明は省略する。スマートデバイス40も上記PC10と同様の動作を行う。
A user of the PC 10 accesses the
PC10およびスマートデバイス40は、図2に示す他にも、図示しないCPU(Central Processing Unit)の制御に基づいて動作する演算部等を備えるが、本実施形態ではその説明を省略する。
The
本実施形態は、PC10およびスマートデバイス40が備える各ブラウザ機能13、43を拡張することにより実現する。
This embodiment is realized by extending the browser functions 13 and 43 included in the
図3は、図2に示したPC10とスマートデバイス40の情報表示部20および情報反映部60の各構成を詳細に示すブロック図である。図3では、図2に示した通信機能11,41、入力手段12,42を省略する。図3に示すように、PC10の情報表示部20は、Webページ情報取得部21、Form情報取得部22、Cookie情報取得部23、二次元バーコード生成部24および二次元バーコード表示部25を備える。
FIG. 3 is a block diagram showing in detail each configuration of the
スマートデバイス40の情報反映部60は、二次元バーコード解析部61、Webページ情報反映部62、Form情報反映部63およびCookie情報反映部64を備える。
The
PC10が備える情報表示部20の各構成要素の動作の概略を説明する。
An outline of the operation of each component of the
Webページ情報取得部21は、PC10のブラウザによって表示されるWebページに関する情報、例えば、URL(Uniform Resource Locator)、サイズ、スクロール状態等を取得する。Form情報取得部22は、上記Webページの入力エリアに入力されている文字、数字等に関するForm情報を取得する。Cookie情報取得部23は、PC10のブラウザによって表示されたWebページの閲覧履歴、アクセス情報等に関するCookie情報を取得する。
The web page
二次元バーコード生成部24は、上記取得された情報を含む二次元バーコードを生成する。二次元バーコード表示部25は、生成された二次元バーコードをブラウザにより表示する。
The two-dimensional
次に、スマートデバイス40が備える情報反映部60の各構成要素の動作の概略を説明する。
Next, an outline of the operation of each component of the
二次元バーコード解析部61は、撮像部50により取得された二次元バーコードの画像データに基づいて、当該二次元バーコードが保存する情報を抽出する。ここで、撮像部50は二次元バーコード読み込み機能を有する。この二次元バーコード読み込み機能は、一般的に用いられる機能でよいため、本実施形態ではその説明は省略する。
The two-dimensional
Webページ情報反映部62は、二次元バーコード解析部61により抽出されたWebページ情報に基づいてWebページをスマートデバイス40のブラウザによって表示する。Form情報反映部63は、二次元バーコード解析部61により抽出されたForm情報に基づいて、Webページに入力状態を反映する。Cookie情報反映部64は、二次元バーコード解析部61により抽出されたCookie情報に基づいて当該ブラウザにCookieを反映する。
The web page
図4は、PC10の情報表示部20が備える各部の動作を示すフローチャートである。図4を参照して、情報表示部20が備える各部の動作の詳細を説明する。
FIG. 4 is a flowchart showing the operation of each unit provided in the
PC10のユーザが、入力手段12を使用して、Webサーバ120にアクセスすると、係るアクセスに応じてWebサーバ120から取得した情報により特定されるWebページがPC10のブラウザによって表示される。ユーザは、また、表示されたWebページの入力エリアに、入力手段12を使用して文字または数値等の情報を入力する。このとき、ユーザは、外出等の理由により、当該Webページの情報をスマートデバイス40に反映してスマートデバイス40にて作業を継続するために、入力手段12を使用してPC10のブラウザにWebページ情報の取得を要求する。
When a user of the
情報表示部20のWebページ情報取得部21は、表示されるWebページのURL、サイズ、スクロール状態等のWebページ情報を取得する(ステップS201)。
The Web page
続いて、情報表示部20のForm情報取得部22は、Webページ内の、HTML(HyperText Markup Language)およびXML(Extensible Markup Language)文書用のアプリケーションプログラムインタフェースであるDOM(document object model)を解析することにより、HTMLタグまたはXMLタグのnameおよびValueを取得する(ステップS202)。ここで、DOMは、ブラウザに表示されたHTMLページまたはXMLページの実行状態を規定する構造を表す。
Subsequently, the form
例えば、Form情報取得部22は、ステップS202において、
・inputタグ
・textareaタグ
・selectタグ内のoptionタグ
等の各タグのnameおよびValueを取得する。
For example, the form
-Input tag-textarea tag-name and value of each tag such as an option tag in the select tag are acquired.
続いて、Cookie情報取得部23は、当該ブラウザが有するCookie情報を取得する(ステップS203)。
Subsequently, the cookie
続いて、二次元バーコード生成部24は、Webページ情報取得部21、Form情報取得部22およびCookie情報取得部23により取得された各情報を保存するコードを生成する(ステップS204)。例えば、二次元バーコード生成部24は、これらの情報を保存する二次元バーコード(例えばQRコード(登録商標))を生成する。
Subsequently, the two-dimensional
図5は、例えば二次元バーコード生成部24が生成するQRコードが保存する情報80を示す図である。二次元バーコード生成部24は、図5に示すようにKey−Valueストア形式で情報を保存するQRコードを生成してもよい。図5では、Webページ情報81、Form情報82およびCookie情報83が保存される状態を示す。
FIG. 5 is a
二次元バーコード生成部24は、Webページ情報81、Form情報82およびCookie情報83を保存する1つのQRコードを生成してもよい。あるいは、1つのQRコードの容量を超えた場合、二次元バーコード生成部24は、複数のQRコードを生成してもよい。
The two-dimensional
二次元バーコード表示部25は、ブラウザで表示されるWebページに、生成されたQRコードのイメージを表示する(ステップS205)。図6は、二次元バーコード表示部25が、生成されたQRコード84をブラウザの左下部に表示する例を示す。例えば、二次元バーコード表示部25は、左から順にWebページ情報、Form情報、Cookie情報をそれぞれ含む各QRコードを表示してもよいが、本願の本実施形態を例に説明する本発明は、それに限定されない。
The two-dimensional
以上の動作により、PC10は、ブラウザで表示されるWebページに関する情報を保存するQRコードを生成すると共に表示する。
With the above operation, the
次に、PC10のブラウザで表示されるWebページをスマートデバイス40に反映する動作について、図7を参照しながら説明する。ユーザは、スマートデバイス40が備えるカメラ等の撮像部50を用いて、PC10のブラウザで表示されるQRコードを撮影する。撮像部50は、撮影したQRコードを表す画像データを取得する。
Next, an operation of reflecting the Web page displayed on the browser of the
二次元バーコード解析部61は、撮像部50が取得した画像データを解析することにより、QRコードに保存された情報を抽出する(ステップS301)。二次元バーコードが横方向に複数表示されていた場合、二次元バーコード解析部61は、それらを左から順に解析してもよい。なお、複数の二次元バーコードの検出については、例えば特開2007−86936号公報に開示されるので、本実施形態ではその説明は省略する。
The two-dimensional
図5に示すように、抽出された情報にはtype値が格納される。二次元バーコード解析部61は、type値に応じて、抽出した情報が、Webページ情報、Form情報およびCookie情報のいずれであるかを判定する。二次元バーコード解析部61は、type値が”Web”である情報をWebページ情報、type値が”form”である情報をForm情報、type値が”cookie”である情報をCookie情報と判定する。
As shown in FIG. 5, a type value is stored in the extracted information. The two-dimensional
二次元バーコード解析部61は、Webページ情報に含まれるWebページのURL、サイズ、スクロール状態等をWebページ情報反映部62に与える。二次元バーコード解析部61は、Form情報に含まれるkeyとValueをForm情報反映部63に与える。二次元バーコード解析部61は、Cookie情報に含まれるkeyとValueをCookie情報反映部64に与える。
The two-dimensional
Cookie情報反映部64は、取得したCookie情報を、スマートデバイス40のブラウザに反映する(ステップS302)。Webページ情報反映部62は、取得したURLで指定されるWebページをブラウザで開くと共に、Webページのサイズおよびスクロール状態を当該Webページに反映する(ステップS303)。
The cookie
Form情報反映部63は、取得したForm情報を、Webページ情報反映部62が開いたWebページに反映する(ステップS304)。すなわち、PC10のブラウザに入力された文字、数字等の情報を当該Webページに表示する。
The form
以上のように、第1の実施形態によれば、PC10のブラウザで表示するWebページに関する情報、およびそのWebページへの入力状態等である作業状態を、Webページ情報取得部21、Form情報取得部22およびCookie情報取得部23が取得する。二次元バーコード生成部24はこれらの情報を保存するQRコードを生成し、二次元バーコード表示部25はQRコードをブラウザにより表示する。
As described above, according to the first embodiment, the Web page
スマートデバイス40の二次元バーコード解析部61は、撮像部50を用いて撮影された、PC10のブラウザにより表示されたQRコードを示す画像データを解析する。解析の結果得られたWebページ情報に基づいて、Webページ情報反映部62はWebページを表示し、Form情報反映部63は、当該Webページに入力状態を反映する。Cookie情報反映部64は、ブラウザにCookieを反映する。
The two-dimensional
上記構成を採用することにより、第1の実施形態によれば、据え置き型のPC10等のブラウザにより表示されるWebページを、サーバ等を要することなく持ち運び可能な他の端末(スマートデバイス40)に引き継ぐことができるので、費用を増加させることなく利便性を向上できるという効果が得られる。このとき、表示されるWebページだけでなく、ユーザの入力状態も引き継ぐことができるので、作業の無駄が生じることなく利便性がさらに向上するという効果が得られる。
By adopting the above configuration, according to the first embodiment, the Web page displayed by the browser such as the
第2の実施形態
図8は、本発明の第2の実施形態に係るWebページ引き継ぎシステム300の全体構成を示す図である。図8に示すように、Webページ引き継ぎシステム300におけるスマートデバイス310は、上記第1の実施形態におけるPC10と同様の構成を有し、PC340は、上記第1の実施形態におけるスマートデバイス40と同様の構成を有する。
Second Embodiment FIG. 8 is a diagram showing an overall configuration of a Web
上記第1の実施形態では、PC10のブラウザで表示されたWebページをスマートデバイス40に反映することを説明したが、本第2の実施形態では、スマートデバイス310のブラウザに表示されたページをPC340のブラウザに反映することを説明する。
In the first embodiment, it has been described that the web page displayed on the browser of the
図8に示すように、スマートデバイス310の情報表示部320は、Webページ情報取得部321、Form情報取得部322、Cookie情報取得部323、二次元バーコード生成部324および二次元バーコード表示部325を備える。
As shown in FIG. 8, the
PC340の情報反映部360は、二次元バーコード解析部361、Webページ情報反映部362、Form情報反映部363およびCookie情報反映部364を備える。
The
スマートデバイス310の情報表示部320が備える各構成要素は、図3に示した情報表示部20が備える各構成要素と同様に動作する。また、PC340の情報反映部360が備える各構成要素は、図3に示した情報反映部60が備える各構成要素と同様に動作する。
Each component included in the
スマートデバイス310は、生成したQRコードをディスプレイ330に表示する。PC340は、Webカメラ等の撮像部350によりQRコードを撮影したり、スマートデバイス310にて取得されたスクリーンショットを取り込んだりすることによりQRコードを表す画像データを取得する。PC340は、二次元バーコード解析部361において、第1の実施形態と同様にQRコードを解析する。
The
ここで、上記または以下の各実施形態の変形例として、一方の端末(PCまたはスマートデバイス)のブラウザにより表示されたiFrame(インラインフレーム)を、他の端末(スマートデバイスまたはPC)のブラウザによって表示する場合、図3または図8に示すWebページ情報取得部21、321は、当該インラインフレームのサイズ情報およびスクロール情報を含むiFrame情報を取得すればよい。
Here, as a modification of each of the embodiments described above or below, iFrame (inline frame) displayed by the browser of one terminal (PC or smart device) is displayed by the browser of another terminal (smart device or PC). In this case, the Web page
この場合、二次元バーコード生成部24、324は、iFrame情報を保存するQRコードを生成する。
In this case, the two-dimensional
図9は、Webページ情報取得部21、321が取得したiFrame情報を例示する図である。二次元バーコード生成部24、324は、Webページ情報取得部21、321から取得したiFrame情報を保存するQRコードを生成する。他の構成は、上述した構成と同様である。
FIG. 9 is a diagram illustrating the iFrame information acquired by the Web page
以上のように、第2の実施形態によれば、スマートデバイス310が情報表示部320を備え、PC340が情報反映部360を備えるので、スマートデバイス310において行う作業状態(入力状態)をPC340に反映することができるという効果が得られる。これにより、ユーザは外出先で、スマートデバイス310にて行った作業を、帰宅後に据え置き型のPC340にて継続するということができる。
As described above, according to the second embodiment, since the
第3の実施形態
図10は、本発明の第3の実施形態に係るWebページ引き継ぎシステム400の全体構成を示す図である。図10に示すように、Webページ引き継ぎシステム400は、通信ネットワークを介して取得した情報により特定されるWebページをそれぞれ表示する第1の端末410と第2の端末420とを備える。
Third Embodiment FIG. 10 is a diagram showing an overall configuration of a Web
第1の端末410は、表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を取得するWebページ情報取得部(上記第1の実施形態におけるWebページ情報取得部、Form情報取得部に相当する)411と、取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御するコード生成部(上記第1の実施形態における二次元バーコード生成部、二次元バーコード表示部に相当する)412とを備える。
The
第2の端末420は、第1の端末410に表示されたコードのイメージを表す画像データから、第1の端末410において表示されるWebページを特定する情報と、Webページへの入力状態とを含むWebページ情報を抽出するコード解析部(上記第1の実施形態における二次元バーコード解析部に相当する)421と、抽出されたWebページ情報に基づいて、Webページを表示するように制御すると共に、入力状態を当該表示されたWebページに反映するように制御するWebページ情報反映部(上記第1の実施形態におけるWebページ情報反映部、Form情報反映部に相当する)422とを備える。
The
上記構成を採用することにより、本第3の実施形態によれば、費用を増加させることなく、一方の端末のブラウザの状態を、他方の端末のブラウザに再現することにより、利便性を向上することができるという効果が得られる。 By adopting the above configuration, according to the third embodiment, convenience is improved by reproducing the browser state of one terminal to the browser of the other terminal without increasing the cost. The effect that it can be obtained.
なお、上記各実施形態において、据え置き型または持ち運び可能な通信端末は、PCまたはスマートデバイスに限定されず、携帯電話機、ゲーム端末、電子書籍端末等であってよい。 In each of the above embodiments, the stationary or portable communication terminal is not limited to a PC or a smart device, and may be a mobile phone, a game terminal, an electronic book terminal, or the like.
また、上記各実施形態に示す構成は、ブラウザにより表示するWebページに適用することに限定されず、YouTube(登録商標)等によるFlash動画サイトにおいても適用できる。すなわち、Flash動画サイトに関し、その時点での再生状態(ボリュームや再生時間等)を、PCからスマートデバイスに引き継ぐことが可能である。 Further, the configuration shown in each of the above embodiments is not limited to being applied to a Web page displayed by a browser, and can also be applied to a Flash moving image site such as YouTube (registered trademark). That is, regarding the Flash video site, the playback state (volume, playback time, etc.) at that time can be transferred from the PC to the smart device.
また、上記二次元バーコードはQRコードに限定されず、バーコードでも他の形式のコードであってもよい。この場合、PCまたはスマートデバイスが備える撮像部はそのコードの読み込み機能を有する。 The two-dimensional bar code is not limited to a QR code, and may be a bar code or another type of code. In this case, the imaging unit included in the PC or smart device has a function of reading the code.
上述した各実施の形態は、適宜組み合わせて実施されることが可能である。また、本願発明は、上述した各実施の形態に限定されず、様々な態様で実施されることが可能である。 Each embodiment mentioned above can be implemented combining suitably. Further, the present invention is not limited to the above-described embodiments, and can be implemented in various modes.
また、図3、図8および図10に示したPCまたはスマートデバイスの各部は、コンピュータにより実現した場合、図11に例示するハードウエア資源において実現される。すなわち、図11に示す構成は、CPU90、RAM(Random Access Memory)91、ROM(Read Only Memory)92、ネットワークインタフェース93および記憶媒体94を備える。PCまたはスマートデバイスのCPU90は、ROM92または記憶媒体94に記憶された各種ソフトウエア・プログラム(コンピュータ・プログラム)を、RAM91に読み出して実行することにより、PCまたはスマートデバイスの全体的な動作を司る。すなわち、上記各実施形態において、CPU90は、ROM92または記憶媒体94を適宜参照しながら、PCまたはスマートデバイスが備える各機能(各部)を実行するソフトウエア・プログラムを実行する。
Also, each part of the PC or smart device shown in FIGS. 3, 8, and 10 is realized by the hardware resources illustrated in FIG. 11 when realized by a computer. That is, the configuration shown in FIG. 11 includes a
また、上述した各実施形態では、図3、図8および図10に示したPCまたはスマートデバイスを、図11に示すCPU90が実行する一例として、ソフトウエア・プログラムによって実現する場合について説明した。しかしながら、上記各図に示した各ブロックに示す機能は、一部または全部を、ハードウエアとして実現してもよい。
In each of the above-described embodiments, the case where the PC or smart device shown in FIGS. 3, 8, and 10 is realized by a software program as an example executed by the
各実施形態を例に説明した本発明は、PCまたはスマートデバイスに対して、その説明において参照したフローチャート(図4、図7)の機能を実現可能なコンピュータ・プログラムを供給した後、そのコンピュータ・プログラムを、CPU90がRAM91に読み出して実行することによって達成される。
The present invention described by taking each embodiment as an example provides a PC or smart device with a computer program capable of realizing the functions of the flowcharts (FIGS. 4 and 7) referred to in the description, and then the computer program. The program is achieved by the
また、係る供給されたコンピュータ・プログラムは、読み書き可能なメモリ(一時記憶媒体)またはハードディスク装置等のコンピュータ読み取り可能な記憶デバイスに格納すればよい。そして、このような場合において、本発明は、係るコンピュータ・プログラムを表すコード或いは係るコンピュータ・プログラムを格納した記憶媒体によって構成されると捉えることができる。 The supplied computer program may be stored in a computer-readable storage device such as a readable / writable memory (temporary storage medium) or a hard disk device. In such a case, the present invention can be understood as being configured by a code representing the computer program or a storage medium storing the computer program.
本発明は、例えば、PCとスマートデバイスを併用するシーンにおいて、机上ではPCを利用し、外出時にはスマートデバイスを利用する場合等に適用できる。 The present invention can be applied to, for example, a scene in which a PC and a smart device are used together, in which a PC is used on a desk and a smart device is used when going out.
10 PC
20 情報表示部
21 Webページ情報取得部
22 Form情報取得部
23 Cookie情報取得部
24 二次元バーコード生成部
25 二次元バーコード表示部
30、70 ディスプレイ
40 スマートデバイス
50 撮像部
60 情報反映部
61 二次元バーコード解析部
62 Webページ情報反映部
63 Form情報反映部
64 Cookie情報反映部
10 PC
DESCRIPTION OF
Claims (10)
前記第1の端末は、
表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を取得するWebページ情報取得部と、
前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御するコード生成部とを備え、
前記第2の端末は、
前記第1の端末に表示されたコードのイメージを表す画像データから、前記第1の端末において表示される前記Webページを特定する情報と、当該Webページへの前記入力状態とを含むWebページ情報を抽出するコード解析部と、
前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御するWebページ情報反映部と
を備えたWebページ引き継ぎシステム。 A web page takeover system comprising a first terminal and a second terminal that respectively display web pages specified by information acquired via a communication network,
The first terminal is
A web page information acquisition unit for acquiring web page information including information for specifying a web page to be displayed and an input state to the web page;
A code generation unit that generates a code for storing the acquired web page information and controls to display an image of the code;
The second terminal is
Web page information including information specifying the Web page displayed on the first terminal from the image data representing the image of the code displayed on the first terminal, and the input state to the Web page A code analysis unit for extracting
A web page comprising: a web page information reflecting unit that controls to display the web page based on the extracted web page information and to reflect the input state on the displayed web page. Page takeover system.
前記第2の端末の前記Webページ情報反映部は、当該第2の端末のブラウザに前記アクセス情報を反映するように制御する
請求項1記載のWebページ引き継ぎシステム。 The web page information acquisition unit of the first terminal further acquires access information in the browser of the first terminal,
The Web page takeover system according to claim 1, wherein the Web page information reflection unit of the second terminal controls the access information to be reflected in a browser of the second terminal.
請求項1または請求項2記載のWebページ引き継ぎシステム。 The Web page takeover system according to claim 1, wherein the code generation unit of the first terminal generates a two-dimensional barcode as the code.
前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御するコード生成部と
を備えた通信端末。 A web page information acquisition unit for acquiring web page information including information specifying a web page displayed on the terminal and an input state of the web page;
A communication terminal comprising: a code generation unit that generates a code for storing the acquired Web page information and controls to display an image of the code.
前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御するWebページ情報反映部と
を備えた通信端末。 Information specifying the Web page displayed on the first terminal that displays the Web page specified by the information acquired via the communication network from the image data representing the image of the code, and the input state to the Web page A code analysis unit that extracts Web page information including:
And a web page information reflecting unit that controls to display the web page based on the extracted web page information and to reflect the input state on the displayed web page. Terminal.
前記第1の端末によって、
表示されるWebページを特定する情報と、当該Webページへの入力状態とを含むWebページ情報を取得し、
前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御し、
前記第2の端末によって、
前記第1の端末に表示されたコードのイメージを表す画像データから、前記第1の端末において表示される前記Webページを特定する情報と、当該Webページへの前記入力状態とを含むWebページ情報を抽出し、
前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御する
Webページ引き継ぎ方法。 A Web page takeover method in a first terminal and a second terminal that respectively display Web pages specified by information acquired via a communication network,
By the first terminal,
Web page information including information specifying a Web page to be displayed and an input state to the Web page is acquired;
Generating a code for storing the acquired web page information, and controlling to display an image of the code;
By the second terminal,
Web page information including information specifying the Web page displayed on the first terminal from the image data representing the image of the code displayed on the first terminal, and the input state to the Web page Extract
A web page takeover method that controls to display the web page based on the extracted web page information and reflects the input state on the displayed web page.
前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御する
Webページ表示方法。 Web page information including information specifying a displayed Web page and an input state to the Web page is acquired by the communication terminal;
A web page display method for generating a code for storing the acquired web page information and controlling to display an image of the code.
前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御する
Webページ表示方法。 Information specifying the Web page displayed on the first terminal that displays the Web page specified by the information acquired via the communication network from the image data representing the image of the code by the communication terminal, and the Web page Web page information including the input status of
A web page display method for controlling to display the web page based on the extracted web page information and to reflect the input state on the displayed web page.
前記取得されたWebページ情報を保存するコードを生成すると共に、当該コードのイメージを表示するように制御する処理と
を、コンピュータに実行させるプログラム。 Processing for acquiring Web page information including information for specifying a Web page to be displayed and an input state to the Web page;
A program for causing a computer to execute a process of generating a code for storing the acquired Web page information and controlling to display an image of the code.
前記抽出されたWebページ情報に基づいて、前記Webページを表示するように制御すると共に、前記入力状態を当該表示されたWebページに反映するように制御する処理と
を、コンピュータに実行させるプログラム。 Information specifying the Web page displayed on the first terminal that displays the Web page specified by the information acquired via the communication network from the image data representing the image of the code, and the input state to the Web page Processing to extract Web page information including
A program that causes a computer to execute processing for controlling the web page to be displayed based on the extracted web page information and controlling the input state to be reflected in the displayed web page.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2013170075A JP6213041B2 (en) | 2013-08-20 | 2013-08-20 | Web page takeover system, web page takeover method, communication terminal, web page display method, and program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2013170075A JP6213041B2 (en) | 2013-08-20 | 2013-08-20 | Web page takeover system, web page takeover method, communication terminal, web page display method, and program |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2015041111A true JP2015041111A (en) | 2015-03-02 |
JP6213041B2 JP6213041B2 (en) | 2017-10-18 |
Family
ID=52695266
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2013170075A Active JP6213041B2 (en) | 2013-08-20 | 2013-08-20 | Web page takeover system, web page takeover method, communication terminal, web page display method, and program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6213041B2 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2017084064A (en) * | 2015-10-27 | 2017-05-18 | 株式会社ビジカ | Print order system, id-photo print order system, and print order method |
JP6274469B1 (en) * | 2017-04-19 | 2018-02-07 | 株式会社フィール | Information provision system |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004096420A (en) * | 2002-08-30 | 2004-03-25 | Ntt Docomo Inc | Service interruption restoration system, service interruption restoration method, communication terminal, service interruption restoration apparatus, and service interruption restoration program |
JP2004147006A (en) * | 2002-10-23 | 2004-05-20 | Sharp Corp | Information transmitting method and portable terminal |
KR20070076335A (en) * | 2006-01-18 | 2007-07-24 | 삼성전자주식회사 | Method and apparatus for storing and restoring a state information of remote user interface |
WO2012108129A1 (en) * | 2011-02-10 | 2012-08-16 | パナソニック株式会社 | Terminal migration system |
-
2013
- 2013-08-20 JP JP2013170075A patent/JP6213041B2/en active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004096420A (en) * | 2002-08-30 | 2004-03-25 | Ntt Docomo Inc | Service interruption restoration system, service interruption restoration method, communication terminal, service interruption restoration apparatus, and service interruption restoration program |
JP2004147006A (en) * | 2002-10-23 | 2004-05-20 | Sharp Corp | Information transmitting method and portable terminal |
KR20070076335A (en) * | 2006-01-18 | 2007-07-24 | 삼성전자주식회사 | Method and apparatus for storing and restoring a state information of remote user interface |
CN101005501A (en) * | 2006-01-18 | 2007-07-25 | 三星电子株式会社 | Method and apparatus for storing and restoring state information of remote user interface |
US20070174301A1 (en) * | 2006-01-18 | 2007-07-26 | Samsung Electronics Co., Ltd. | Method and apparatus for storing and restoring state information of remote user interface |
JP2007193802A (en) * | 2006-01-18 | 2007-08-02 | Samsung Electronics Co Ltd | Method for saving and restoring status information of remote user interface and its device |
WO2012108129A1 (en) * | 2011-02-10 | 2012-08-16 | パナソニック株式会社 | Terminal migration system |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2017084064A (en) * | 2015-10-27 | 2017-05-18 | 株式会社ビジカ | Print order system, id-photo print order system, and print order method |
JP6274469B1 (en) * | 2017-04-19 | 2018-02-07 | 株式会社フィール | Information provision system |
JP2018181125A (en) * | 2017-04-19 | 2018-11-15 | 株式会社フィール | Information service system |
Also Published As
Publication number | Publication date |
---|---|
JP6213041B2 (en) | 2017-10-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9984408B1 (en) | Method, medium, and system for live video cooperative shopping | |
JP6294307B2 (en) | Method and system for monitoring and tracking browsing activity on portable devices | |
KR101219228B1 (en) | System and method for delivering informaiton using image code | |
US20200137196A1 (en) | Capturing and replaying application sessions using resource files | |
CN102646135B (en) | Webpage collecting method, device and system | |
US20140006921A1 (en) | Annotating digital documents using temporal and positional modes | |
US9411839B2 (en) | Index configuration for searchable data in network | |
JP2009003802A (en) | Information display device and information display method | |
CN105573733B (en) | Method, web front-end and the system that browser is communicated with web front-end | |
KR101140419B1 (en) | Mobile phone display capturing method | |
JP2012133586A (en) | Display device, screen image transfer method and program | |
US20170169122A1 (en) | Webpage display method, mobile terminal, intelligent terminal, program and storage medium | |
CN108063804A (en) | Communication means and device | |
WO2014166283A1 (en) | Interaction method and device between browsers and browser | |
CN111177623A (en) | Information processing method and device | |
CN112764857A (en) | Information processing method and device and electronic equipment | |
CN103164214A (en) | Calling method and system of browser on camera in mobile terminal | |
Gossweiler et al. | Argos: Building a web-centric application platform on top of android | |
JP6213041B2 (en) | Web page takeover system, web page takeover method, communication terminal, web page display method, and program | |
US20180192121A1 (en) | System and methods thereof for displaying video content | |
CN112307386A (en) | Information monitoring method, system, electronic device and computer readable storage medium | |
JP6500894B2 (en) | Information processing apparatus and recording medium | |
WO2015035899A1 (en) | Search methods and terminals | |
CN110147518A (en) | Local resource access method, local resource access mechanism and electronic equipment | |
KR101170322B1 (en) | Method and device for providing cloud computing service using personal computer based on web |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20160715 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20170418 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20170523 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20170721 |
|
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: 20170822 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20170904 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6213041 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |