JP2007047988A - Web page re-editing method and system - Google Patents

Web page re-editing method and system Download PDF

Info

Publication number
JP2007047988A
JP2007047988A JP2005230916A JP2005230916A JP2007047988A JP 2007047988 A JP2007047988 A JP 2007047988A JP 2005230916 A JP2005230916 A JP 2005230916A JP 2005230916 A JP2005230916 A JP 2005230916A JP 2007047988 A JP2007047988 A JP 2007047988A
Authority
JP
Japan
Prior art keywords
web page
web
editing
viewer
browser
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
JP2005230916A
Other languages
Japanese (ja)
Other versions
JP4386011B2 (en
Inventor
Shinji Fukatsu
真二 深津
Tsutomu Sasaki
努 佐々木
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.)
Nippon Telegraph and Telephone Corp
Original Assignee
Nippon Telegraph and Telephone 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 Nippon Telegraph and Telephone Corp filed Critical Nippon Telegraph and Telephone Corp
Priority to JP2005230916A priority Critical patent/JP4386011B2/en
Publication of JP2007047988A publication Critical patent/JP2007047988A/en
Application granted granted Critical
Publication of JP4386011B2 publication Critical patent/JP4386011B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

<P>PROBLEM TO BE SOLVED: To enable a browser who browses an arbitrary web page to have the initiative in acquiring relevant information placed in another web page, and combining the information with information on the arbitrary web page. <P>SOLUTION: This browser device makes access to a web page re-editing device to acquire a bookmarklet, and acquires a script shown by the bookmarklet selected from a browser, and reads it in a web page being displayed, and transmits a web page re-editing request from the browser to the web page re-editing device. The web page re-editing device executes a web browsing operation preliminarily prepared for each re-editing processing of a web page, and acquires the web page satisfying a web page re-editing request, and extracts relevant information satisfying the request from the web page, and transmits it to the browser device. The browser device combines the received relevant information with the information on the web page being displayed. <P>COPYRIGHT: (C)2007,JPO&INPIT

Description

本発明は、任意のWebページ中に、他Webページで記載されている関連情報を取得・合成するWebページの再編集方法及びシステムに係り、特にWebページの閲覧時に、閲覧者主導で関連情報の取得・合成処理を動的に行うためのWebページ再編集方法及びシステムに関する。   The present invention relates to a Web page re-editing method and system for acquiring and synthesizing related information described in other Web pages in an arbitrary Web page, and in particular, when browsing a Web page, the related information is led by a viewer. The present invention relates to a Web page re-editing method and system for dynamically performing acquisition / composition processing.

Webページ再編集方法として、Webページ製作時に、当該Webページ製作者が手動で他のWebページ中で記載されている情報を取得し、予め合成する方法がある。   As a Web page re-editing method, there is a method in which, when a Web page is produced, the Web page creator manually acquires information described in another Web page and synthesizes it in advance.

例えば、ある店のWebページに、当該店の地図情報を記載する場合、まず、当該店の住所をある地図検索サイトで検索し、その検索結果ページのURLを自ページ中に記載したり、当該検索結果ページ中の地図画像(または、IMGタグ)をコピーし、自ページ中で利用したりする。   For example, when describing the map information of a store on the Web page of a certain store, first, the address of the store is searched on a certain map search site, and the URL of the search result page is described in its own page, The map image (or IMG tag) in the search result page is copied and used in the own page.

また、近年、Webサービス(Web Services:XML、HTTP、SOAPなどのインターネット標準技術を利用して、異なるプラットフォーム上のアプリケーションを統合することが可能なソフトウェアの総称)と呼ぶ技術を利用し、各Webサービスサイトが公開する情報(例えば、ニュース、株価情報、星占いなど)を動的にWebページ中に合成することが実現されている。   In recent years, Web services (Web Services: a general term for software that can integrate applications on different platforms by using Internet standard technologies such as XML, HTTP, SOAP, etc.) It is realized that information published by a service site (for example, news, stock price information, horoscope, etc.) is dynamically combined into a Web page.

具体的には、Webページの製作時に、当該Webページ製作者が、各Webサービスサイトが定める仕様に従い、自ページ内に記載したい情報をタグ(ポートレットと呼ばれる)として記述することで、閲覧者が当該Webページの閲覧時に、対応する情報が動的に取得され合成して提示される(例えば、非特許文献1参照)。   Specifically, when a web page is created, the web page creator describes the information to be described in the page as a tag (called a portlet) in accordance with the specifications established by each web service site, so that the viewer can When browsing the Web page, corresponding information is dynamically acquired, combined, and presented (for example, see Non-Patent Document 1).

他にも、Webページの閲覧時に、閲覧者主導で、当該Webページの関連情報を取得する方法として、Webブラウザの拡張機能である右クリックメニューによる検索を用いる方法が考えられる。   In addition, as a method of acquiring related information of the Web page at the time of browsing the Web page, a method using a search by a right click menu which is an extended function of the Web browser can be considered.

例えば、ある店のWebページ閲覧時、当該店の地図画像を取得したい場合、当該Webページ中の店名や住所をドラッグ後、右クリックメニューから地図検索の項目を選択することで、地図検索サイトで検索した結果のWebページが新たに開くウィンドウ中に表示される。   For example, when browsing a store's web page, if you want to get a map image of the store, drag the store name or address in the web page and select the map search item from the right-click menu. The retrieved Web page is displayed in a newly opened window.

また、最近では、ブックマークレットと呼ぶ機能を用いることで、Webページの閲覧時に、閲覧者主導で、当該Webページに関する情報を取得したり、当該Webページの表示を変更したりすることが実現されている。ここで、「ブックマークレット」について説明する。Webブラウザのブックマークに登録して使うことができるJavaScriptで記述された小さな(1行で記述される)プログラムであり、通常、Webブラウザでブックマークを選ぶと、当該ブックマークが示すURLのWebページがWebブラウザ内に表示されるが、ブックマークレットを選んだ場合、当該ブックマークレットが示すJavaScriptプログラムが作動し、様々な動作を実現できる。検索用ブックマークレットを以下に示す。
Javacript:var selTxt=”;if(window.getSelection)selTxt=window.getSelection();else
if(document.getSelection)seTxt=document,getSlection();void(document.location.href=’http://www.DEF.com/search?q=’escape(selTxt));
具体的には、右クリックメニューでの検索と同じく、あるWebページ中の住所情報をドラッグ後、地図検索用のブックマークレットを選択することで、地図検索サイトで検索した結果を新たに開くウィンドウで閲覧できる。他にも、閲覧中のWebページに含まれる画像を拡大・縮小したり、閲覧中のWebページに別途設定する情報を合成して提示したりなど、閲覧中のWebページの表示を一時的に(リロードすると元の状態に戻る)に変更できる。
「Webサービス概説−Webサービス関連技術の概要、および最新動向」XMLコンソーシアムWebサービス技術解説書http://www.xmlconsortium.org/websv/kaisetsu/index.html
In addition, recently, by using a function called a bookmarklet, it is realized that when browsing a web page, information related to the web page is acquired or a display of the web page is changed by a viewer. ing. Here, “bookmarklet” will be described. It is a small program (written in one line) written in JavaScript that can be registered and used as a bookmark in the Web browser. Normally, when a bookmark is selected by the Web browser, the Web page with the URL indicated by the bookmark is displayed on the Web Although displayed in the browser, when a bookmarklet is selected, the JavaScript program indicated by the bookmarklet is activated, and various operations can be realized. The search bookmarklet is shown below.
Javacript: var selTxt = ”; if (window.getSelection) selTxt = window.getSelection (); else
if (document.getSelection) seTxt = document, getSlection (); void (document.location.href = 'http: //www.DEF.com/search? q =' escape (selTxt));
Specifically, as with the right-click menu search, after dragging the address information in a certain web page, selecting a bookmarklet for map search, a window that newly opens the search result on the map search site Can browse. In addition, temporarily displaying the web page being browsed, such as enlarging / reducing an image included in the web page being browsed, or combining and presenting information to be separately set on the web page being browsed (Reloads to restore the original state).
"Outline of Web Services-Outline of Web Service Related Technologies and Latest Trends" XML Consortium Web Service Technical Description http://www.xmlconsortium.org/websv/kaisetsu/index.html

しかしながら、Webページの製作中に当該Webページ製作者が手動で他のWebページの中で記載されている情報を取得し、予め合成する方法や、Webサービスを利用し、動的にWebページ中を合成する方法では、Webページの製作時に、当該Webページ製作者が予め合成する情報、または、合成する情報を指定したタグを記載する必要がある。   However, during the production of a web page, the web page creator manually acquires information described in other web pages and pre-combines the information or dynamically uses a web service. In the method for synthesizing, it is necessary to describe information to be synthesized in advance by the web page producer or a tag designating information to be synthesized when the web page is produced.

そのため、従来の方法では、Webページの閲覧時に、閲覧者主導でWebページの再編集を動的に行うことはできず、また、合成される情報もWebページ製作者により予め決められており、閲覧者主導で決定するようなこともできない。   Therefore, in the conventional method, at the time of browsing the web page, the web page cannot be dynamically re-edited by the viewer, and the information to be synthesized is determined in advance by the web page producer, You can't make decisions on the part of viewers.

また、右クリックメニューを用いる方法では、Webページの閲覧時に、閲覧者主導で当該Webページの関連情報を取得できるものの、取得できる情報は、右クリックメニューとして設定されている項目に限定される。さらには、通常、右クリックメニューはWebブラウザのプラグインとなっているため、その項目を増やしたり、その内容を変更・拡張したりすることが難しい。   Further, in the method using the right click menu, related information of the Web page can be acquired at the initiative of the viewer when browsing the Web page, but the information that can be acquired is limited to items set as the right click menu. Furthermore, since the right-click menu is usually a plug-in for a Web browser, it is difficult to increase the number of items and to change or expand the contents.

それに対し、ブックマークレットを用いる方法では、処理内容をJavaScriptで記述できるため、JavaScriptを理解できる利用者であれば、任意に変更・拡張できる。   On the other hand, in the method using bookmarklet, the processing contents can be described in JavaScript, so any user who understands JavaScript can change or extend it arbitrarily.

しかしながら、ブックマークレットで記述された処理内容は、Webブラウザ上で実行されるため、その処理内容はWebブラウザが持つセキュリティ設定に制限される。その結果、本発明で考えるような、関連情報を記載したWebページを取得し、当該Webページ中から関連情報のみを抽出し、閲覧中のWebページに合成して提示したり、取得したWebページに含まれるアンカーを辿り、別のWebページに遷移したりといった、他Webページに対する処理が行えない。   However, since the processing content described in the bookmarklet is executed on the Web browser, the processing content is limited to the security setting of the Web browser. As a result, a Web page describing the related information as considered in the present invention is acquired, only the related information is extracted from the Web page, and is combined with the Web page being browsed and presented, or the acquired Web page It is not possible to perform processing for other Web pages such as tracing an anchor included in the URL and transitioning to another Web page.

本発明は、上記の点に鑑みなされたもので、Webページの再編集処理を、Webブラウザに表示されたWebページに対する編集部分(ブックマークレットで実現)と関連情報を記載したWebページの取得・関連情報の抽出部分とに分離し、それらを連携させることにより、任意のWebページ閲覧時に、閲覧者主導で、当該Webページ中に他Webページで記載されている関連情報を取得・合成できるWebページ再編集方法及びシステムを提供することを目的とする。   The present invention has been made in view of the above points, and the re-editing process of a web page is performed by acquiring an edit part (implemented by a bookmarklet) for a web page displayed on a web browser and a related page. A web that can acquire and synthesize related information described in other web pages in the web page at the initiative of the viewer when browsing any web page by separating it from the related information extraction part and linking them together It is an object to provide a page re-editing method and system.

図1は、本発明の原理を説明するための図である。   FIG. 1 is a diagram for explaining the principle of the present invention.

本発明(請求項1)は、Webページの閲覧時、閲覧者主導で、該閲覧者が閲覧中のWebページに、他のWebページで記載されている関連情報を取得し、合成するWebページ再編集方法であって、
関連情報を記載したWebページの取得・抽出を実行するWebページ再編集装置と、Webブラウザを有する閲覧者装置から構成されるシステムにおいて、
閲覧者装置は、Webページ再編集装置にアクセスし(ステップ1)、該Webページ再編集装置が管理する、Webブラウザのブックマークに登録して使用できるプログラムであるブックマークレットを取得し(ステップ2)、
閲覧者装置は、Webページ再編集装置にアクセスし(ステップ3)、閲覧者から選択されたブックマークレットが示すスクリプトを取得し(ステップ4)、該閲覧者装置で表示中のWebページに読み込み(ステップ5)、
閲覧者装置は、閲覧者からのWebページ再編集要求を解析し、Webページ再編集装置に送信し(ステップ6)、
Webページ再編集装置は、Webページ再編集要求を受信すると、Web閲覧操作を実行し、該Webページ再編集要求に合致するWebページを取得し(ステップ7)、
取得したWebページからWebページ再編集要求に合致する関連情報を抽出し(ステップ8)、
抽出した関連情報を閲覧者装置に送信し(ステップ9)、
閲覧者装置は、Webページ再編集要求に対応する関連情報を受信し、受信した該関連情報を表示中のWebページに合成する(ステップ10)。
The present invention (Claim 1) is a Web page for acquiring related information described in other Web pages and synthesizing the Web page being browsed by the viewer when browsing the Web page. Re-editing method,
In a system composed of a Web page re-editing device that executes acquisition / extraction of a Web page that describes related information, and a browser device that has a Web browser,
The browser device accesses the web page re-editing device (step 1), and acquires a bookmarklet that is a program that can be registered and used in the bookmark of the web browser managed by the web page re-editing device (step 2). ,
The browser device accesses the web page re-editing device (step 3), acquires the script indicated by the bookmarklet selected by the viewer (step 4), and reads it into the web page being displayed on the viewer device (step 4). Step 5),
The browser device analyzes the web page re-edit request from the viewer, and transmits it to the web page re-edit device (step 6).
When receiving the web page re-editing request, the web page re-editing apparatus executes a web browsing operation, acquires a web page that matches the web page re-editing request (step 7), and
Relevant information that matches the Web page re-edit request is extracted from the acquired Web page (step 8),
The extracted related information is transmitted to the viewer device (step 9),
The browser device receives the related information corresponding to the Web page re-edit request, and synthesizes the received related information with the Web page being displayed (step 10).

図2は、本発明の原理構成図である。   FIG. 2 is a principle configuration diagram of the present invention.

本発明(請求項2)は、関連情報を記載したWebページの取得・抽出を実行するWebページ再編集装置2とWebブラウザを有する閲覧者装置5から構成され、Webページの閲覧時、閲覧者主導で、該閲覧者が閲覧中のWebページに、他のWebページで記載されている関連情報を取得し、合成するWebページ再編集システムにおいて、
閲覧者装置5は、
Webページ再編集装置2にアクセスし、該Webページ再編集装置2が管理する、Webブラウザのブックマークに登録して使用できるプログラムであるブックマークレットを取得するブックマークレット取得手段61と、
Webページ再編集装置2にアクセスし、閲覧者から選択されたブックマークレットが示すスクリプトを取得し、該閲覧者装置5で表示中のWebページに読み込むスクリプト取得手段62と、
閲覧者からのWebページ再編集要求を解析し、Webページ再編集装置2に送信するWebページ再編集要求手段73と、
Webページ再編集要求に対応する関連情報を受信し、受信した該関連情報を表示中のWebページに合成する関連情報合成手段75と、
を有し、
Webページ再編集装置2は、
ブックマークレットを公開し、閲覧者装置5からのアクセスに応じて該ブックマークレットを送信するブックマークレット公開手段21と、
閲覧者装置5に送信するためのスクリプトを記憶し、該閲覧者装置5からアクセスがあると該スクリプトを読み出して送信するスクリプト記憶手段22と、
閲覧者装置5からWebページ再編集要求を受信すると、Web閲覧操作を実行し、該Webページ再編集要求に合致するWebページを取得するWeb閲覧操作実行手段25と、
取得したWebページからWebページ再編集要求に合致する関連情報を抽出するWebデータ抽出手段26と、
抽出した関連情報を閲覧者装置5に送信するWebデータ送信手段27と、を有する。
The present invention (Claim 2) is composed of a Web page re-editing device 2 that executes acquisition / extraction of a Web page in which related information is described, and a browser device 5 having a Web browser. In a web page re-editing system that acquires and synthesizes related information described in other web pages on the web page being browsed by the viewer,
The viewer device 5
Bookmarklet acquisition means 61 for accessing the Web page re-editing device 2 and acquiring a bookmarklet, which is a program managed by the Web page re-editing device 2 and which can be registered and used as a bookmark of the Web browser;
Script acquisition means 62 that accesses the Web page re-editing device 2, acquires the script indicated by the bookmarklet selected by the viewer, and reads it into the Web page being displayed on the browser device 5;
Web page re-edit request means 73 for analyzing a Web page re-edit request from a viewer and transmitting it to the Web page re-edit device 2;
Relevant information combining means 75 for receiving related information corresponding to the Web page re-edit request, and combining the received related information with the displayed Web page;
Have
The web page re-editing device 2
Bookmarklet publishing means 21 for publishing the bookmarklet and transmitting the bookmarklet in response to access from the viewer device 5;
Script storage means 22 for storing a script to be transmitted to the viewer device 5, and reading and transmitting the script when accessed from the viewer device 5;
When receiving a web page re-editing request from the browser device 5, a web browsing operation executing unit 25 that executes a web browsing operation and acquires a web page that matches the web page re-editing request;
Web data extraction means 26 for extracting related information that matches the Web page re-edit request from the acquired Web page;
Web data transmission means 27 for transmitting the extracted related information to the browser device 5.

上記のように本発明によれば、Webページ製作者側で特別な対応を必要とすることなく、任意のWebページ閲覧時に、閲覧者主導で当該Webページ中に他のWebページで記載されている関連情報を取得・合成できる。   As described above, according to the present invention, a web page creator does not require any special handling, and when browsing an arbitrary web page, the web page is written on the other web page in the web page led by the viewer. Related information can be acquired and synthesized.

この際、従来のように、関連情報を含むWebページが新たに開くウィンドウに表示されるのではなく、必要とする関連情報のみが現在の閲覧箇所(アクション発生箇所)近傍に表示される。その結果、Webページ間の移動や分断がなくなり、さらには、閲覧中のWebページと関連情報を同時に閲覧できるため、閲覧者にとってわかりやすい情報提供が可能となる。   At this time, unlike the related art, a Web page including related information is not displayed in a newly opened window, but only necessary related information is displayed in the vicinity of the current browsing location (action occurrence location). As a result, there is no movement or division between web pages, and furthermore, since the web page being browsed and related information can be browsed simultaneously, it is possible to provide information that is easy for the viewer to understand.

また、ブックマークレットを利用することで、処理内容の拡張性を維持しつつ、Webページの再編集処理をWebブラウザに表示されたWebページに対する編集部分と関連情報を記載したWebページの取得・関連情報の抽出部分に分離することで、Webブラウザが持つセキュリティ設定に縛られることなく、多様なWebページの再編集処理が可能となる。   Also, by using the bookmarklet, the Web page re-editing process for the Web page displayed on the Web browser and the Web page acquisition / related information describing the related information are maintained while maintaining the expandability of the processing contents. By separating the extracted information, it is possible to re-edit various web pages without being restricted by the security settings of the web browser.

以下、図面と共に本発明の実施の形態を説明する。   Hereinafter, embodiments of the present invention will be described with reference to the drawings.

図3は、本発明の一実施の形態におけるシステム構成を示す。   FIG. 3 shows a system configuration according to an embodiment of the present invention.

同図に示すシステムは、インターネット1を介して、Webページ再編集装置2、Webサーバ3、検索サーバ4、閲覧者のパーソナルコンピュータ(PC)5が相互に接続されている。   In the system shown in the figure, a Web page re-editing device 2, a Web server 3, a search server 4, and a viewer's personal computer (PC) 5 are connected to each other via the Internet 1.

ここで、Webページ再編集装置2、Webサーバ3、検索サーバ4は、Webブラウザからの要求に応じて保持する情報(Webページやスクリプトなど)を送出する機能に加え、PerlやPHPやJava(登録商標)などで記述されたプログラムを実行し、その結果を動的に生成し送信する機能など、Webサーバとしての基本機能を有している。   Here, the Web page re-editing device 2, the Web server 3, and the search server 4 have functions such as Perl, PHP, Java (in addition to a function of sending information (Web page, script, etc.) held in response to a request from the Web browser. It has basic functions as a Web server, such as a function for executing a program described in (registered trademark) or the like and dynamically generating and transmitting the result.

また、閲覧者PC5は、インターネットを閲覧するWebブラウザを有し、当該Webブラウザは、JavaScriptなどで記述されたスクリプトを実行するJavaScriptエンジンなどを有している。   The browser PC 5 has a Web browser for browsing the Internet, and the Web browser has a JavaScript engine for executing a script written in JavaScript or the like.

図4は、本発明の一実施の形態におけるWebページ再編集装置の構成を示す。   FIG. 4 shows the configuration of the Web page re-editing apparatus according to the embodiment of the present invention.

同図に示すWebページ再編集装置2は、ブックマークレット公開部21、スクリプト保管部22、プログラム保管部23、イベントデータ受信部24、Web閲覧操作実行部25、Webデータ抽出部26、Webデータ送信部27から構成される。   The web page re-editing device 2 shown in the figure includes a bookmarklet disclosure unit 21, a script storage unit 22, a program storage unit 23, an event data reception unit 24, a web browsing operation execution unit 25, a web data extraction unit 26, and web data transmission. The unit 27 is configured.

Web閲覧操作実行部25は、Webサーバ3及び検索サーバ4と接続されている。   The web browsing operation execution unit 25 is connected to the web server 3 and the search server 4.

イベントデータ受信部24、ブックマークレット公開部21は閲覧者PC5と接続されている。   The event data receiving unit 24 and the bookmarklet disclosure unit 21 are connected to the viewer PC 5.

ブックマークレット公開部21は、閲覧者PC5にブックマークレットを公開する。   The bookmarklet publishing unit 21 publishes the bookmarklet to the browser PC 5.

スクリプト保管部22は、スクリプトを格納する。   The script storage unit 22 stores a script.

プログラム保管部23は、スクリプト保管部22に格納されているスクリプトとプログラムを関連付けて格納する。例えば、スクリプトの各関数名とプログラムの各CGI名との対応関係を表などで管理することが考えられる。   The program storage unit 23 stores the script and the program stored in the script storage unit 22 in association with each other. For example, the correspondence between each function name of a script and each CGI name of a program can be managed by a table or the like.

ここで、スクリプト保管部22、プログラム保管部23は、ハードディスク装置等の記憶媒体である。   Here, the script storage unit 22 and the program storage unit 23 are storage media such as a hard disk device.

イベントデータ受信部24は、閲覧者PC5からのイベントデータを受信し、当該イベントデータに含まれる各種データを取得する。   The event data receiving unit 24 receives event data from the viewer PC 5 and acquires various data included in the event data.

Web閲覧操作実行部25は、アクセスが発生したプログラムに記載されたWeb閲覧操作を実行し、目的のWebページへ遷移し、Webページを取得する。   The web browsing operation execution unit 25 executes the web browsing operation described in the program in which access has occurred, transitions to the target web page, and acquires the web page.

Webデータ抽出部26は、Web閲覧操作実行部25で取得したWebページから目的の情報(関連情報)を抽出する。   The web data extraction unit 26 extracts target information (related information) from the web page acquired by the web browsing operation execution unit 25.

Webデータ送信部27は、Webデータ抽出部26で抽出された目的の関連情報を閲覧者PC5に送信する。   The Web data transmission unit 27 transmits the target related information extracted by the Web data extraction unit 26 to the browser PC 5.

図5は、本発明の一実施の形態における動作を説明するための図であり、Webページ再編集装置2、Webサーバ3、検索サーバ4、閲覧者PC5間における通信手順と、各コンピュータで実行される処理手順とを示す。   FIG. 5 is a diagram for explaining the operation in the embodiment of the present invention. The communication procedure among the Web page re-editing device 2, the Web server 3, the search server 4, and the browser PC 5 is executed by each computer. The processing procedure to be performed is shown.

(1)ブックマークレットの取得;
まず、閲覧者は閲覧者PC5からWebページ再編集装置2にアクセスし、当該Webページ再編集装置2が管理するブックマークレットを取得する。
(1) Acquisition of bookmarklet;
First, the viewer accesses the web page reediting device 2 from the viewer PC 5 and acquires a bookmarklet managed by the web page reediting device 2.

具体的には、Webページ再編集装置2では、ブックマークレット公開部21において、図6に示すようなブックマークレットの紹介Webページを公開する。この際、ブックマークレット公開部21は、ブックマークレットが示すJavaScriptプログラムをhref属性に持つアンカー形式で公開する。また、当該紹介Webページには、各ブックマークレットの説明や使い方を記述する。   Specifically, in the Web page re-editing apparatus 2, the bookmarklet publicizing unit 21 publishes a bookmarklet introduction Web page as shown in FIG. At this time, the bookmarklet publishing unit 21 publishes the JavaScript program indicated by the bookmarklet in an anchor format having the href attribute. The introduction web page describes the description and usage of each bookmarklet.

そして、閲覧者が閲覧者PC5において、当該紹介Webページにアクセスし、ブックマークレットが設定されたアンカー上で右クリックメニューを開き、「このリンクをブックマーク」を選択することで、閲覧者の使用する閲覧者PC5のWebブラウザのブックマークに選択したブックマークレットを登録する。   Then, the viewer accesses the introduction Web page on the browser PC 5, opens a right-click menu on the anchor where the bookmarklet is set, and selects “Bookmark this link” to use the viewer. The selected bookmarklet is registered in the bookmark of the Web browser of the browser PC 5.

この際、ブックマークレットは、背景技術の欄で説明したようなプログラムそのものを記述する形式ではなく、図7に示すように、プログラム本体は独立したJavaScriptファイル(スクリプト:図8参照)に記述し、ブックマークレットには、当該スクリプトを閲覧中のWebページに読み込み、当該スクリプトに記述されたプログラムを実行するための命令を記述する形式をとる。   At this time, the bookmarklet is not a format for describing the program itself as described in the background section, but the program body is described in an independent JavaScript file (script: see FIG. 8) as shown in FIG. The bookmarklet has a format in which an instruction for reading the script into a Web page being browsed and executing a program described in the script is written.

このように、ブックマークレットとプログラム本体を分離することで、閲覧者が各自のWebブラウザにブックマークレットを登録した後にでも、当該ブックマークレットに対応するプログラムを容易に変更・拡張でき、柔軟かつ汎用的なシステムを構成できる。   In this way, by separating the bookmarklet and the program itself, the program corresponding to the bookmarklet can be easily changed / expanded even after the viewer registers the bookmarklet in his / her web browser. System can be configured.

(2) ブックマークレットの選択;
図9は、本発明の一実施の形態におけるブックマークレットと当該ブックマークレットが示すスクリプトの基本構成を示し、これらは、同図では、閲覧者PC5とは独立して設けられているように記載されているが、Webブラウザが有するJavaScriptエンジン上に展開され、動作する。
(2) Selection of bookmarklet;
FIG. 9 shows a basic configuration of a bookmarklet and a script indicated by the bookmarklet according to an embodiment of the present invention, which are described as being provided independently from the viewer PC 5 in the same figure. However, it is deployed and operates on the JavaScript engine of the Web browser.

このうち、ブックマークレット6は、スクリプト取得部61、スクリプト挿入部62から構成され、閲覧者によるブックマークレットの選択操作に応じて展開される。スクリプト7の構成については後述する。   Among these, the bookmarklet 6 includes a script acquisition unit 61 and a script insertion unit 62, and is expanded in response to a bookmarklet selection operation by a viewer. The configuration of the script 7 will be described later.

なお、図9には図示していないが、閲覧者PC(Webブラウザ)5上で表示されているWebページは、閲覧者PC(Webブラウザ)5の内部メモリ上で保管されており、当該内部メモリに保管されたWebページに対し再編集処理を実行する。つまり、Webサーバ3上のWebページが再編集されるのではなく、当該Webページの閲覧者PC(Webブラウザ)5上での表示を一時的に変更する。   Although not shown in FIG. 9, the Web page displayed on the browser PC (Web browser) 5 is stored on the internal memory of the browser PC (Web browser) 5, and the internal page A re-editing process is executed on the Web page stored in the memory. That is, the Web page on the Web server 3 is not re-edited, but the display of the Web page on the viewer PC (Web browser) 5 is temporarily changed.

以下、図5を用いて動作を説明する。   Hereinafter, the operation will be described with reference to FIG.

始めに、閲覧者は、ブックマークレットをWebページ再編集装置2から取得しておく(ステップ101)。そして、Webサーバ3(または、検索サーバ4)にアクセスし、任意のWebページをWebブラウザ上に表示する(ステップ102)。   First, the viewer acquires a bookmarklet from the Web page reediting apparatus 2 (step 101). Then, the web server 3 (or the search server 4) is accessed, and an arbitrary web page is displayed on the web browser (step 102).

そして、閲覧者がWebブラウザのブックマークから閲覧中のWebページに対して実行したいブックマークレットを選択する(ステップ103)。この際、選択されたブックマークットがWebブラウザの有するJavaScriptエンジン上に展開される。   Then, the user selects a bookmarklet to be executed with respect to the Web page being browsed from the bookmark of the Web browser (Step 103). At this time, the selected bookmark is developed on the JavaScript engine of the Web browser.

以降では、図6に示す“地図画像の取得”ブックマークレットを選択した際の処理の流れを図5、図7、図9を参照して説明する。   Hereinafter, the flow of processing when the “get map image” bookmarklet shown in FIG. 6 is selected will be described with reference to FIGS. 5, 7, and 9.

まず、スクリプト取得部61は、Webページ再編集装置2にアクセスし、選択されたブックマークレットが示すスクリプト7(ここでは、http://remixserver/map_ABC.js、図8参照)を、Webページ再編集装置2のスクリプト保管部22から取得する(ステップ104)。   First, the script acquisition unit 61 accesses the Web page re-editing device 2, and the script 7 indicated by the selected bookmarklet (here, http: //remixserver/map_ABC.js, see FIG. 8) Obtained from the script storage unit 22 of the editing device 2 (step 104).

次に、スクリプト挿入部62は、取得したスクリプト7をsrc属性に持つSCRIPTタグ
(<script src=”http://remixserver/map_ABC.js”type=”text/javascript”></script>)を生成し、当該SCRIPTタグを、閲覧中のWebページに挿入する(ステップ105)。
Next, the script insertion unit 62 uses the SCRIPT tag having the acquired script 7 as the src attribute.
(<script src = ”http: //remixserver/map_ABC.js” type = ”text / javascript”></script>) is generated, and the SCRIPT tag is inserted into the web page being browsed (step 105) .

この際、取得したスクリプト7は、Webブラウザの有するJavaScriptエンジン上に展開され、スクリプト起動部70(図9参照)において、当該スクリプトに記述されている初期化関数を実行する(ステップ106)。   At this time, the acquired script 7 is developed on the JavaScript engine of the Web browser, and the script activation unit 70 (see FIG. 9) executes the initialization function described in the script (step 106).

ここでは、図8に示すように、初期化関数として、Webページ上で発生するドラッグ操作(イベント)を監視し、取得するイベントリスナを閲覧中のWebページに設定する。   Here, as shown in FIG. 8, as an initialization function, a drag operation (event) that occurs on a Web page is monitored, and an event listener to be acquired is set to the Web page being browsed.

ここで、スクリプト7は、図9に示すように、スクリプト起動部70、イベント受信部71、イベント解析部72、イベントデータ送信部73、Webデータ受信部74、Webデータ挿入部75から構成され、WebブラウザのJavaScriptエンジン上に展開され、動作する。   Here, as shown in FIG. 9, the script 7 includes a script starting unit 70, an event receiving unit 71, an event analyzing unit 72, an event data transmitting unit 73, a Web data receiving unit 74, and a Web data inserting unit 75. It is deployed on the JavaScript engine of the Web browser and operates.

(3)Webページの再編集;
(3−1)アクションの実行;
まず、Webページの再編集において、閲覧者からのアクション(再編集要求)発生後、WebブラウザのJavaScriptエンジン上に展開されたスクリプト7で行われる処理について図5、図8、図9を参照して説明する。
(3) Re-editing web pages;
(3-1) Action execution;
First, in the re-editing of a Web page, refer to FIGS. 5, 8, and 9 regarding processing performed by the script 7 developed on the JavaScript engine of the Web browser after an action (re-editing request) from a viewer occurs. I will explain.

始めに、閲覧者はステップ103で選択したブックマークレットに対応するアクションを実行する。ここでは、“地図画像の取得”ブックマークレットに対応するアクション(図6参照)として、閲覧中のWebページに記述されている“住所テキストをドラッグ”する(ステップ107)(図10参照)。   First, the viewer performs an action corresponding to the bookmarklet selected in step 103. Here, as an action (see FIG. 6) corresponding to the “get map image” bookmarklet (see FIG. 6), “drag the address text” described in the Web page being browsed (step 107) (see FIG. 10).

この際、スクリプト7のイベント受信部71で、閲覧者からのアクションに伴うイベントの発生を受信し、イベント解析部72で、受信したイベントに対応する処理を実行する(ステップ108)。   At this time, the event receiving unit 71 of the script 7 receives the occurrence of the event accompanying the action from the viewer, and the event analyzing unit 72 executes processing corresponding to the received event (step 108).

具体的には、まず、イベント受信部71は、閲覧者によりドラッグされた住所テキストを取得する。   Specifically, first, the event receiving unit 71 acquires the address text dragged by the viewer.

そして、Webページ再編集装置2が提供する地図画像取得CGIに取得した住所テキストを送信するためのSCRIPTタグ
(<scriptsrc=”http://remixserver/cgi-bin/map_ABC.cgi?id=Map1&amp:loc=住所テキスト”</script>)
を生成し、ドラッグされた住所テキストの後ろに挿入する。
Then, a SCRIPT tag for transmitting the acquired address text to the map image acquisition CGI provided by the Web page re-editing device 2
(<scriptsrc = ”http: //remixserver/cgi-bin/map_ABC.cgi? id = Map1 & amp: loc = address text” </ script>)
And insert it after the dragged address text.

この際、上記SCRIPTタグがWebページ中に挿入されることで、イベントデータ送信部73が起動し、該SCRIPTタグの示す処理を実行する。つまり、Webページ再編集装置2に対して、イベント解析部72で生成したイベントデータを送信する(ステップ109)。   At this time, when the SCRIPT tag is inserted into the Web page, the event data transmission unit 73 is activated and executes the process indicated by the SCRIPT tag. That is, the event data generated by the event analysis unit 72 is transmitted to the Web page reediting apparatus 2 (step 109).

ここでは、閲覧者によりドラッグされた住所テキスト、イベント解析部72で生成したイベントデータ送信用SCRIPTタグを示すID、並びに、地図画像の取得処理要求をイベントデータとしてWebページ再編集装置2へ送信する。   Here, the address text dragged by the viewer, the ID indicating the event data transmission SCRIPT tag generated by the event analysis unit 72, and the map image acquisition processing request are transmitted as event data to the Web page re-editing apparatus 2. .

(3−2)関連情報の取得・抽出;
次に、閲覧者PC5からの受信後、Webページ再編集装置2で行われる処理について、図4,図5,図11を参照して説明する。
(3-2) Acquisition / extraction of related information;
Next, processing performed by the Web page reediting apparatus 2 after reception from the viewer PC 5 will be described with reference to FIGS. 4, 5, and 11.

図11は、本発明の一実施の形態におけるWebページ再編集装置で実行されるプログラム(CGI)の一例を示し、当該プログラムは、スクリプト保管部22で保管される各スクリプトと関連付けて、プログラム保管部23で管理するものとする。プログラム管理部23は、例えば、スクリプトの各関数名とプログラムの各CGI名との対応関係を表などで管理することが考えられる。   FIG. 11 shows an example of a program (CGI) executed by the Web page re-editing apparatus according to the embodiment of the present invention, and the program is stored in association with each script stored in the script storage unit 22. It is assumed that it is managed by the unit 23. For example, the program management unit 23 may manage the correspondence between each function name of the script and each CGI name of the program using a table or the like.

まず、Webページ再編集装置2のイベントデータ受信部24で、閲覧者PC5から送信されたイベントデータを受信し、イベントデータに含まれる各種データを取得する(ステップ110)。具体的には、地図画像取得部CGIプログラムをプログラム保管部22から読み出し、当該CGIの引数として指定されたデータ、ここでは、閲覧者によりドラッグされた住所テキストとイベントデータ送信用に生成されたSCRIPTタグを示すIDを取得する(図11参照)。   First, the event data receiving unit 24 of the Web page re-editing apparatus 2 receives the event data transmitted from the viewer PC 5 and acquires various data included in the event data (step 110). Specifically, the map image acquisition unit CGI program is read from the program storage unit 22, and the data specified as an argument of the CGI, here, the address text dragged by the viewer and the SCRIPT generated for event data transmission An ID indicating a tag is acquired (see FIG. 11).

次に、Web閲覧操作実行部25で、アクセスが発生したCGIプログラムに記載されたWeb閲覧操作を実行することで、目的のWebページへ遷移・取得する(ステップ111)。   Next, the web browsing operation execution unit 25 performs a web browsing operation described in the CGI program that has been accessed, thereby transitioning to and acquiring the target web page (step 111).

具体的には、まず、利用する地図検索サービスのトップページにアクセスし、次に、ステップ110で取得した住所テキストをクエリに検索操作を実行する。例えば、当該トップページに表示されている検索フォームに住所テキストを入力し、検索ボタンをクリックするといった操作を実行する。そして、検索結果のWebページを取得する(図11参照)。   Specifically, first, the top page of the map search service to be used is accessed, and then a search operation is executed using the address text acquired in step 110 as a query. For example, an operation of inputting address text in a search form displayed on the top page and clicking a search button is executed. Then, a Web page as a search result is acquired (see FIG. 11).

この際、図11のプログラム中には記述していないが、検索結果として取得したWebページを解析し、当該Webページが目的のページかを判定することが考えられる。   At this time, although not described in the program of FIG. 11, it is conceivable to analyze a Web page acquired as a search result and determine whether the Web page is a target page.

具体的には、Web閲覧操作実行部25は、当該Webページ中に地図画像が含まれるかどうか、当該Webページ中にステップ110で取得した住所テキストが記載されているかどうか、などで判別する。そして、取得したWebページが目的のWebページである場合、Web閲覧操作の実行を終了する。一方、目的のWebページでなかった場合、例えば、検索結果として複数の候補が存在し、検索結果のWebページには地図画像が含まれず、候補一覧が表示されているような場合、順番に各候補が示すWebページへ移動し、上記処理を繰り返し、目的のWebページを導出する。   Specifically, the web browsing operation execution unit 25 determines whether or not a map image is included in the web page, whether or not the address text acquired in step 110 is described in the web page. If the acquired Web page is the target Web page, the execution of the Web browsing operation is terminated. On the other hand, if it is not the target Web page, for example, there are a plurality of candidates as search results, and if the search result Web page does not include a map image and a candidate list is displayed, each candidate is displayed in turn. Move to the Web page indicated by the candidate, repeat the above process, and derive the target Web page.

次に、Webデータ抽出部26で、Web閲覧操作実行部25で取得したWebページを解析し、当該Webページから目的の情報(Webデータ)を抽出する(ステップ112)。   Next, the web data extraction unit 26 analyzes the web page acquired by the web browsing operation execution unit 25, and extracts target information (web data) from the web page (step 112).

具体的には、取得したWebページ含まれる各画像のURL(IMGタグのsrc属性)と予め設定された地図画像のURL記述フォーマットを照合し、当該Webページに含まれる地図画像が示すURLを取得する。さらには、当該WebページのURLを取得する(図11参照)。   Specifically, the URL (src attribute of the IMG tag) of each image included in the acquired Web page is collated with the URL description format of the preset map image, and the URL indicated by the map image included in the Web page is acquired. To do. Furthermore, the URL of the Web page is acquired (see FIG. 11).

そして、Webデータ送信部27で、Webデータ抽出部26で取得した情報(Webデータ)を閲覧者PC5(Webブラウザ)に送信する(ステップ113)。   Then, the Web data transmission unit 27 transmits the information (Web data) acquired by the Web data extraction unit 26 to the browser PC 5 (Web browser) (step 113).

具体的には、取得した地図画像のURLをsrc属性に持つIMGタグと、当該地図画像を含むWebページのURLをhref属性に持つAタグを生成し、当該IMGタグとAタグを閲覧中のWebページに埋め込むためのJavaScriptプログラムを、閲覧者PC5(Webブラウザ)に送信する。   Specifically, an IMG tag having the URL of the acquired map image as the src attribute and an A tag having the URL of the Web page including the map image as the href attribute are generated, and the IMG tag and the A tag are being browsed. A JavaScript program to be embedded in the Web page is transmitted to the browser PC 5 (Web browser).

(3−3)関連情報の合成:
最後に、Webページ再編編集装置2からのWebデータ受信後、閲覧者PC5、正確には、WebブラウザのJavaScriptエンジン上に展開されたスクリプト7で行われる処理について、図5、図9を参照して説明する。
(3-3) Synthesis of related information:
Lastly, referring to FIGS. 5 and 9, the processing performed by the viewer PC 5 after receiving the Web data from the Web page reorganization editing apparatus 2, more precisely, the script 7 developed on the JavaScript engine of the Web browser will be described. I will explain.

まず、スクリプト7のWebデータ受信部74で、Webページ再編集装置2から送信されたWebデータを受信し、Webデータ挿入部75で、受信したWebデータが示すJavaScriptプログラムを実行することで、当該Webデータに記載された情報を閲覧中のWebページに挿入する(ステップ114)。   First, the Web data receiving unit 74 of the script 7 receives the Web data transmitted from the Web page re-editing device 2, and the Web data inserting unit 75 executes the JavaScript program indicated by the received Web data, thereby Information described in the Web data is inserted into the Web page being browsed (step 114).

ここでは、Webページ再編集装置2で取得された地図画像のURLをsrc属性に持つIMGタグと、当該地図画像を含むWebページのURLをhref属性に持つAタグを、ステップ108で生成されたイベントデータ送信用SCRIPTタグの後ろに挿入する(図11参照)。   Here, the IMG tag having the URL of the map image acquired by the Web page re-editing apparatus 2 as the src attribute and the A tag having the URL of the Web page including the map image as the href attribute are generated in step 108. Insert after the SCRIPT tag for sending event data (see Fig. 11).

以上の結果、ステップ107で閲覧者がドラッグした住所テキストの後ろに、当該住所テキストに対応する地図画像が合成され提示される(ステップ115)。   As a result, a map image corresponding to the address text is synthesized and presented behind the address text dragged by the viewer in step 107 (step 115).

図12に地図画像合成後のWebページの例、図13に地図画像合成後のHTML文書を示す。この際、閲覧者は、合成された地図画像をクリックすることで、当該地図画像を掲載していたオリジナルのWebページを閲覧できる。   FIG. 12 shows an example of a Web page after the map image composition, and FIG. 13 shows an HTML document after the map image composition. At this time, the viewer can browse the original web page on which the map image was posted by clicking on the synthesized map image.

(3−4)Webページの再編集;
図12に示すように、既に地図画像が挿入された状態で、新たに別の住所テキストをドラッグした場合、前述のステップ107〜ステップ114で示す処理が実行されることにより、図14に示すように、新たにドラッグした住所テキストの後ろに、当該住所テキストに対応する地図画像が新たに合成され、Webブラウザに提示される。
(3-4) Web page re-editing;
As shown in FIG. 12, when a new address text is dragged in a state where a map image has already been inserted, the processing shown in the above-mentioned steps 107 to 114 is executed, so that as shown in FIG. In addition, a map image corresponding to the address text is newly synthesized behind the newly dragged address text and presented to the Web browser.

このように、一旦ブックマークレットの選択操作を行った後は、当該ブックマークレットに対応するアクションを実行することで、連続して関連情報を閲覧中のWebページ合成することができる。   As described above, once a bookmarklet is selected, an action corresponding to the bookmarklet can be executed to synthesize a Web page while browsing related information continuously.

以下、図面と共に、本発明の実施例を説明する。   Embodiments of the present invention will be described below with reference to the drawings.

[第1の実施例]
前述の実施の形態では、ブックマークレットの選択後、閲覧者からのアクションに応じて、随時、閲覧中のWebページに関連情報を合成する方法を説明した。
[First embodiment]
In the above-described embodiment, after selecting a bookmarklet, a method for synthesizing related information with a Web page being browsed at any time according to an action from a viewer has been described.

本実施例では、ブックマークレットの選択に連続して、閲覧中のWebページに複数の関連情報を一度に合成する方法について説明する。   In the present embodiment, a method of synthesizing a plurality of related information on a web page being browsed at once following selection of a bookmarklet will be described.

なお、本実施例で述べる処理は、実施の形態で述べた処理を拡張することで容易に実現できる。   Note that the processing described in this embodiment can be easily realized by extending the processing described in the embodiment.

本実施例の処理を図4、図5、図9を参照して説明する。   The processing of this embodiment will be described with reference to FIGS.

(1)ブックマークレットの取得:
まず、閲覧者は、Webページ再編集装置2のブックマークレット公開部21が公開するブックマークレットの紹介Webページ(図6参照)にアクセスし、ブックマークレット、ここでは、“店舗画像の一括取得”ブックマークレットを取得する(ステップ101)。
(1) Acquisition of bookmarklet:
First, the viewer accesses the bookmarklet introduction web page (see FIG. 6) published by the bookmarklet publishing unit 21 of the web page re-editing device 2, and the bookmarklet, here “collection of store images” bookmark. A let is acquired (step 101).

(2)ブックマークレットの選択:
次に、閲覧者は、Webサーバ3にアクセスし、任意のWebページ、ここでは、“DEFぐるめの検索結果ページ”(図15参照)をWebブラウザ上に表示する(ステップ102)。
(2) Selection of bookmarklet:
Next, the viewer accesses the Web server 3 and displays an arbitrary Web page, here, a “DEF round search result page” (see FIG. 15) on the Web browser (step 102).

そして、Webブラウザのブックマークから、取得した“店舗画像の一括取得”ブックマークレットを選択する(ステップ103)。   Then, the acquired “collection of store images” bookmarklet is selected from the bookmarks of the Web browser (step 103).

この際、スクリプト取得部61が、選択されたブックマークレットが示すスクリプト7をWebページ再編集装置2から取得し(ステップ104)、スクリプト挿入部62で、当該スクリプト7をsrc属性に持つSCRIPTタグを閲覧中のWebページに挿入する(ステップ105)。   At this time, the script acquisition unit 61 acquires the script 7 indicated by the selected bookmarklet from the Web page re-editing apparatus 2 (step 104), and the script insertion unit 62 adds a SCRIPT tag having the script 7 as a src attribute. It is inserted into the web page being browsed (step 105).

その後、スクリプト起動部70において、当該スクリプトに記述されている初期化関数を実行する(ステップ106)。   Thereafter, the script starting unit 70 executes the initialization function described in the script (step 106).

ここでは、初期化関数として、閲覧中のWebページに記述されているアンカーを解析し、
<A href-“http://DEF.co.jp/\w+/” target=”_top”>
との記述フォーマットに合致するアンカー(検索結果として表示された各店舗ページへのアンカー)を抽出する。
Here, as an initialization function, the anchor described in the web page being browsed is analyzed,
<A href-“http://DEF.co.jp/\w+/” target=”_top”>
The anchor (anchor to each store page displayed as a search result) matching the description format is extracted.

そして、抽出された各アンカーの後ろに、Webページ再編集装置2が提供する店舗画像取得CGIに抽出された各アンカーを示すURL(href属性)を送信するためのSCRIPTタグ
<script src=”http://remixserver/cgi-bin/img_grnavi.cgi=?id=各SCRIPTタグ示すID&amp;url=各アンカーが示すURL”></script>
を生成し、挿入する(ステップ108)。
A SCRIPT tag for transmitting a URL (href attribute) indicating each extracted anchor in the store image acquisition CGI provided by the Web page reediting device 2 behind each extracted anchor.
<script src = ”http: //remixserver/cgi-bin/img_grnavi.cgi=? id = ID indicating each SCRIPT tag &amp; url = URL indicated by each anchor”></script>
Is generated and inserted (step 108).

この際、上記SCRIPTタグがWebページ中に挿入されることで、イベントデータ送信部73が起動し、Webページ再編集装置2に対して、イベントデータ、ここでは各アンカーが示すURL、各SCRIPTタグを示すID、並びに、店舗画像の取得処理要求を送信する(ステップ109)。   At this time, when the SCRIPT tag is inserted into the Web page, the event data transmission unit 73 is activated, and the Web page re-editing device 2 is notified of the event data, here, the URL indicated by each anchor, and each SCRIPT tag. And the store image acquisition processing request are transmitted (step 109).

このように、本実施例では、閲覧者からのアクション(ステップ107)を介することなく、閲覧中のWebページに予め設定する内容が記載されているかを解析し、自動的にWebページの再編集処理を実行する。   As described above, in this embodiment, it is analyzed whether the preset contents are described in the web page being browsed without the action (step 107) from the viewer, and the web page is automatically re-edited. Execute the process.

以降、閲覧者PC5からのイベントデータ受信後におけるWebページ再編集装置2での処理、並びに、Webページ再編集装置20からのWebデータ受信後における閲覧者PC5での処理は、前述の実施の形態で述べた処理の流れとほぼ同じである。   Thereafter, the processing in the Web page re-editing apparatus 2 after receiving event data from the viewer PC 5 and the processing in the viewer PC 5 after receiving Web data from the Web page re-editing apparatus 20 are described in the above embodiment. This is almost the same as the process flow described in.

(3−2)関連情報の取得・抽出;
まず、イベントデータ受信部24で、閲覧者PC5から送信されたイベントデータを受信し、イベントデータに含まれる各種データを取得する(ステップ110)。
(3-2) Acquisition / extraction of related information;
First, the event data receiving unit 24 receives the event data transmitted from the viewer PC 5 and acquires various data included in the event data (step 110).

次に、Web閲覧操作実行部25で、ステップ110で取得したURLが示すWebページ、つまり、検索結果として表示された各店舗ページへ遷移・取得する(ステップ111)。   Next, the web browsing operation execution unit 25 makes a transition / acquisition to the web page indicated by the URL obtained in step 110, that is, each store page displayed as a search result (step 111).

そして、Webデータ抽出部26で、取得したWebページからの目的の情報、ここでは、店舗画像を抽出する(ステップ112)。具体的には、取得したWebページに含まれる画像のうち、店舗名をalt属性に持つ画像、特に最初に現れた画像を店舗画像として抽出する。   Then, the Web data extraction unit 26 extracts the target information from the acquired Web page, here, the store image (Step 112). Specifically, among images included in the acquired Web page, an image having a store name as an alt attribute, particularly an image that appears first, is extracted as a store image.

その後、Webデータ送信部27で、抽出した結果、具体的には、抽出した店舗画像を対応するアンカーの後ろに埋め込むためのJavaScriptプログラムを閲覧者PC5に送信する(ステップ113)。   After that, as a result of the extraction by the Web data transmission unit 27, specifically, a JavaScript program for embedding the extracted store image behind the corresponding anchor is transmitted to the viewer PC 5 (step 113).

(3−3)関連情報の合成;
まず、Webデータ受信部74で、Webページ再編集装置2から送信されたWebデータを受信し、Webデータ挿入部75で、受信したWebデータが示すJavaScriptプログラムを実行する(ステップ114)。
(3-3) Synthesis of related information;
First, the web data receiving unit 74 receives the web data transmitted from the web page reediting device 2, and the web data inserting unit 75 executes the JavaScript program indicated by the received web data (step 114).

その結果、ステップ106で抽出されたアンカーの後ろに、当該アンカーが示す店舗ページに掲載されている店舗画像が合成され提示される(ステップ115)。   As a result, the store image posted on the store page indicated by the anchor is synthesized and presented behind the anchor extracted in step 106 (step 115).

以降、関連情報の取得・抽出、並びに、関連情報の合成処理がステップ106で抽出された各アンカーに対して実行されることにより、図16に示すように、各店舗ページへのアンカーに各店舗ページの店舗画像が合成されたページが閲覧者に提示されることとなる。   Thereafter, the acquisition / extraction of the related information and the synthesis process of the related information are executed for each anchor extracted in step 106, so that each store has an anchor to each store page as shown in FIG. A page in which the store images of the pages are combined is presented to the viewer.

これにより、閲覧者は、各店舗ページに移動することなく、各店舗の雰囲気などを提示される画像から判断することができる。   Thereby, the browsing person can judge from the image by which the atmosphere of each store, etc. are shown, without moving to each store page.

[第2の実施例]
前述の実施の形態では、関連情報として、画像(IMGタグ)を合成する方法について説明したが、実施の形態で述べた処理における、Webデータの抽出処理(ステップ112)を変更することで、Webページ中の任意のテキストや表(TABLEタグ)などを抽出し、合成することも容易に実現できる。
[Second Embodiment]
In the above-described embodiment, the method of synthesizing an image (IMG tag) as related information has been described. However, by changing the Web data extraction process (step 112) in the process described in the embodiment, the Web Any text or table (TABLE tag) in the page can be extracted and synthesized easily.

[第3の実施例]
前述の実施の形態では、イベントデータとして、閲覧者がドラッグした住所テキストや条件が一致したアンカーの示すURLなど、閲覧中のWebページに記載されている情報を送信した。
[Third embodiment]
In the above-described embodiment, the information described in the Web page being browsed, such as the address text dragged by the viewer and the URL indicated by the anchor that matches the condition, is transmitted as the event data.

本実施例では、別途、閲覧者毎にオプションやプロファイルを作成し、これら情報をイベントデータとして送信することで、合成される情報を閲覧者毎にカスタマイズ/パーソナライズすることが考えられる。   In the present embodiment, it is possible to customize / personalize the information to be synthesized for each viewer by separately creating options and profiles for each viewer and transmitting the information as event data.

例えば、前述の実施の形態で述べた地図画像の合成に際し、閲覧者が予め画像サイズや地図の縮尺をオプションとして設定しておき、これらの情報をイベントデータとして送信し、Webページ再編集装置2から返信するWebデータを変更することで、閲覧者毎に合成する地図画像のサイズや縮尺を変更できるようにする。   For example, at the time of synthesizing the map image described in the above-described embodiment, the viewer sets an image size and a map scale as options in advance, and transmits such information as event data, and the Web page re-editing device 2 By changing the Web data sent back from, the size and scale of the map image synthesized for each viewer can be changed.

[第4の実施例]
前述の実施の形態では、Webページ再編集装置2を、閲覧者PC5と独立したコンピュータ上で動作する装置として記述したが、Webブラウザのプラグインやローカルプロキシとして提供し、閲覧者PC5上で動作する構成にすることも考えられる。
[Fourth embodiment]
In the above-described embodiment, the Web page re-editing device 2 is described as a device that operates on a computer independent of the viewer PC 5. However, the Web page re-editing device 2 is provided as a Web browser plug-in or local proxy and operates on the viewer PC 5. It is also conceivable to adopt a configuration that does this.

なお、上記のWebページ再編集装置2の構成要素をプログラムとして構築し、コンピュータにインストールして実行する、または、ネットワークを介して流通させることが可能である。   It should be noted that the constituent elements of the Web page re-editing apparatus 2 can be constructed as a program, installed in a computer and executed, or distributed via a network.

なお、本発明は、上記の実施の形態及び実施例に限定されることなく、特許請求の範囲内において種々変更・応用が可能である。   The present invention is not limited to the above-described embodiments and examples, and various modifications and applications can be made within the scope of the claims.

本発明は、閲覧者が閲覧するWebページの編集技術に適用可能である。   The present invention is applicable to a technique for editing a Web page viewed by a viewer.

本発明の原理を説明するための図である。It is a figure for demonstrating the principle of this invention. 本発明の原理構成図である。It is a principle block diagram of this invention. 本発明の一実施の形態におけるシステム構成図である。1 is a system configuration diagram according to an embodiment of the present invention. 本発明の一実施の形態におけるWebページ再編集装置の構成図である。It is a block diagram of the Web page re-editing apparatus in one embodiment of this invention. 本発明の一実施の形態における動作を説明するための図である。It is a figure for demonstrating the operation | movement in one embodiment of this invention. 本発明の一実施の形態におけるブックマークレットの紹介Webページの例である。It is an example of the introduction web page of the bookmarklet in one embodiment of this invention. 本発明の一実施の形態におけるプログラム本体を記述したJavaScriptファイルの例である。It is an example of the JavaScript file which described the program main body in one embodiment of this invention. 本発明の一実施の形態におけるスクリプトの例である。It is an example of the script in one embodiment of this invention. 本発明の一実施の形態におけるブックマークレットとスクリプトの基本構成図である。It is a basic block diagram of the bookmarklet and script in one embodiment of this invention. 本発明の一実施の形態におけるアクション実行時のWebページの表示例である。It is an example of a display of the Web page at the time of action execution in one embodiment of this invention. 本発明の一実施の形態におけるWebページ再編集装置で実行されるプログラム(CGI)の例である。It is an example of a program (CGI) executed by the Web page re-editing apparatus in one embodiment of the present invention. 本発明の一実施の形態における地図画像合成後のWebページの例である。It is an example of the web page after the map image synthesis | combination in one embodiment of this invention. 本発明の一実施の形態における地図画像合成後のHTML文書の例である。It is an example of the HTML document after the map image synthesis | combination in one embodiment of this invention. 本発明の一実施の形態における新たに地図画像が合成されたWebページの例である。It is an example of the web page by which the map image was newly synthesize | combined in one embodiment of this invention. 本発明の第1の実施例のWebブラウザ上のWebページの例である。It is an example of the web page on the web browser of 1st Example of this invention. 本発明の第1の実施例の関連情報を合成したWebページの例である。It is an example of the Web page which synthesize | combined the relevant information of 1st Example of this invention.

符号の説明Explanation of symbols

1 インターネット
2 Webページ再構成装置
3 Webサーバ
4 検索サーバ
5 閲覧者装置、閲覧者PC
6 ブックマークレット
7 スクリプト
21 ブックマークレット公開手段、ブックマークレット公開部
22 スクリプト記憶手段、スクリプト保管部
23 プログラム保管部
24 イベントデータ受信部
25 Web閲覧操作実行手段、Web閲覧操作実行部
26 Webデータ抽出手段、Webデータ抽出部
27 Webデータ送信手段、Webデータ送信部
61 ブックマークレット取得手段、ブックマークレット読込部
62 スクリプト取得手段、スクリプト取得部
63 スクリプト挿入部
70 スクリプト起動部
71 イベント受信部
72 イベント解析部
73 Webページ再編集要求手段、イベントデータ送信部
74 Webデータ受信部
75 関連情報合成手段、Webデータ挿入部
DESCRIPTION OF SYMBOLS 1 Internet 2 Web page reconstruction apparatus 3 Web server 4 Search server 5 Browser apparatus, browser PC
6 bookmarklet 7 script 21 bookmarklet publication means, bookmarklet publication section 22 script storage means, script storage section 23 program storage section 24 event data reception section 25 web browsing operation execution means, web browsing operation execution section 26 web data extraction means, Web data extraction unit 27 Web data transmission unit, Web data transmission unit 61 Bookmarklet acquisition unit, bookmarklet reading unit 62 Script acquisition unit, script acquisition unit 63 Script insertion unit 70 Script activation unit 71 Event reception unit 72 Event analysis unit 73 Web Page re-edit request means, event data transmission section 74 Web data reception section 75 related information composition means, Web data insertion section

Claims (2)

Webページの閲覧時、閲覧者主導で、該閲覧者が閲覧中のWebページに、他のWebページで記載されている関連情報を取得し、合成するWebページ再編集方法であって、
関連情報を記載したWebページの取得・抽出を実行するWebページ再編集装置と、Webブラウザを有する閲覧者装置から構成されるシステムにおいて、
前記閲覧者装置は、前記Webページ再編集装置にアクセスし、該Webページ再編集装置が管理する、前記Webブラウザのブックマークに登録して使用できるプログラムであるブックマークレットを取得し、
前記閲覧者装置は、前記Webページ再編集装置にアクセスし、閲覧者から選択されたブックマークレットが示すスクリプトを取得し、該閲覧者装置で表示中のWebページに読み込み、
前記閲覧者装置は、前記閲覧者からのWebページ再編集要求を解析し、前記Webページ再編集装置に送信し、
前記Webページ再編集装置は、前記Webページ再編集要求を受信すると、Web閲覧操作を実行し、該Webページ再編集要求に合致するWebページを取得し、
取得した前記Webページから前記Webページ再編集要求に合致する関連情報を抽出し、
抽出した前記関連情報を前記閲覧者装置に送信し、
前記閲覧者装置は、前記Webページ再編集要求に対応する前記関連情報を受信し、受信した該関連情報を表示中のWebページに合成する、
ことを特徴とするWebページ再編集方法。
A web page re-editing method that acquires and synthesizes related information described in other web pages on a web page being browsed by the viewer when browsing a web page,
In a system composed of a Web page re-editing device that executes acquisition / extraction of a Web page that describes related information, and a browser device that has a Web browser,
The browser device accesses the Web page re-editing device, acquires a bookmarklet that is a program that can be registered and used as a bookmark of the Web browser managed by the Web page re-editing device,
The browser device accesses the web page re-editing device, acquires a script indicated by the bookmarklet selected by the viewer, reads it into the web page being displayed on the viewer device,
The browser device analyzes a web page re-editing request from the viewer, and transmits the web page re-editing request to the web page re-editing device.
Upon receiving the web page re-editing request, the web page re-editing device executes a web browsing operation, acquires a web page that matches the web page re-editing request,
Extracting related information that matches the Web page re-edit request from the acquired Web page;
Sending the extracted related information to the viewer device;
The viewer device receives the related information corresponding to the Web page re-edit request, and synthesizes the received related information with a displayed Web page.
A Web page re-editing method characterized by the above.
関連情報を記載したWebページの取得・抽出を実行するWebページ再編集装置とWebブラウザを有する閲覧者装置から構成され、Webページの閲覧時、閲覧者主導で、該閲覧者が閲覧中のWebページに、他のWebページで記載されている関連情報を取得し、合成するWebページ再編集システムにおいて、
前記閲覧者装置は、
前記Webページ再編集装置にアクセスし、該Webページ再編集装置が管理する、前記Webブラウザのブックマークに登録して使用できるプログラムであるブックマークレットを取得するブックマークレット取得手段と、
前記Webページ再編集装置にアクセスし、閲覧者から選択されたブックマークレットが示すスクリプトを取得し、該閲覧者装置で表示中のWebページに読み込むスクリプト取得手段と、
前記閲覧者からのWebページ再編集要求を解析し、前記Webページ再編集装置に送信するWebページ再編集要求手段と、
前記Webページ再編集要求に対応する前記関連情報を受信し、受信した該関連情報を表示中のWebページに合成する関連情報合成手段と、
を有し、
前記Webページ再編集装置は、
ブックマークレットを公開し、前記閲覧者装置からのアクセスに応じて該ブックマークレットを送信するブックマークレット公開手段と、
前記閲覧者装置に送信するためのスクリプトを記憶し、該閲覧者装置からアクセスがあると該スクリプトを読み出して送信するスクリプト記憶手段と、
前記閲覧者装置から前記Webページ再編集要求を受信すると、Web閲覧操作を実行し、該Webページ再編集要求に合致するWebページを取得するWeb閲覧操作実行手段と、
取得した前記Webページから前記Webページ再編集要求に合致する関連情報を抽出するWebデータ抽出手段と、
抽出した前記関連情報を前記閲覧者装置に送信するWebデータ送信手段と、
を有することを特徴とするWebページ再編集システム。
A web page re-editing device that executes acquisition / extraction of a web page that describes related information and a browser device that has a web browser. When browsing a web page, the web page that the viewer is browsing is led by the viewer. In a Web page re-editing system that acquires and synthesizes related information described in other Web pages on a page,
The viewer device is:
Bookmarklet acquisition means for accessing the Web page re-editing device and acquiring a bookmarklet, which is a program that is managed by the Web page re-editing device and can be registered and used in the bookmark of the Web browser;
Script acquisition means for accessing the Web page re-editing device, acquiring a script indicated by the bookmarklet selected by the viewer, and reading the script into the Web page being displayed on the viewer device;
Web page re-edit request means for analyzing a web page re-edit request from the viewer and transmitting to the web page re-edit device;
Relevant information combining means for receiving the related information corresponding to the Web page re-editing request and combining the received related information with the displayed Web page;
Have
The web page re-editing device
Bookmarklet publishing means for publishing a bookmarklet and transmitting the bookmarklet in response to access from the viewer device;
Script storage means for storing a script for transmission to the viewer device, and reading and transmitting the script when accessed from the viewer device;
Web browsing operation execution means for executing a Web browsing operation upon receiving the Web page re-editing request from the browser device, and acquiring a Web page that matches the Web page re-editing request;
Web data extracting means for extracting related information that matches the Web page re-edit request from the acquired Web page;
Web data transmission means for transmitting the extracted related information to the viewer device;
A Web page re-editing system characterized by comprising
JP2005230916A 2005-08-09 2005-08-09 Web page re-editing method and system Expired - Fee Related JP4386011B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2005230916A JP4386011B2 (en) 2005-08-09 2005-08-09 Web page re-editing method and system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2005230916A JP4386011B2 (en) 2005-08-09 2005-08-09 Web page re-editing method and system

Publications (2)

Publication Number Publication Date
JP2007047988A true JP2007047988A (en) 2007-02-22
JP4386011B2 JP4386011B2 (en) 2009-12-16

Family

ID=37850769

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2005230916A Expired - Fee Related JP4386011B2 (en) 2005-08-09 2005-08-09 Web page re-editing method and system

Country Status (1)

Country Link
JP (1) JP4386011B2 (en)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010049294A (en) * 2008-08-19 2010-03-04 Fujitsu Ltd Screen information management method
WO2010055781A1 (en) * 2008-11-11 2010-05-20 インターナショナル・ビジネス・マシーンズ・コーポレーション Data providing device, system, server device, program, and method
JP2010218005A (en) * 2009-03-13 2010-09-30 Yahoo Japan Corp Web page browsing support device, web page browsing support method, and its program
WO2011065285A1 (en) * 2009-11-26 2011-06-03 楽天株式会社 Server apparatus, terminal apparatus, method for inserting information into web page, information insertion program, and recording medium with program recorded therein
JP2011113279A (en) * 2009-11-26 2011-06-09 Rakuten Inc Terminal apparatus, method for inserting information into web page, and terminal processing program
US8516499B2 (en) 2008-11-27 2013-08-20 International Business Machines Corporation Assistance in performing action responsive to detected event
US9547926B2 (en) 2009-04-24 2017-01-17 International Business Machines Corporation Displaying nodes visually offset from associated components
US9703596B2 (en) 2007-12-10 2017-07-11 Microsoft Technology Licensing, Llc Service platform for in-context results
US10262006B2 (en) 2016-04-29 2019-04-16 Microsoft Technology Licensing, Llc Contextually triggered entry point

Cited By (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9703596B2 (en) 2007-12-10 2017-07-11 Microsoft Technology Licensing, Llc Service platform for in-context results
JP2010049294A (en) * 2008-08-19 2010-03-04 Fujitsu Ltd Screen information management method
US8694582B2 (en) 2008-11-11 2014-04-08 International Business Machines Corporation Providing a web page to a client
WO2010055781A1 (en) * 2008-11-11 2010-05-20 インターナショナル・ビジネス・マシーンズ・コーポレーション Data providing device, system, server device, program, and method
US9009247B2 (en) 2008-11-11 2015-04-14 International Business Machines Corporation Responding to a page retrieval request from a client terminal
JP5132782B2 (en) * 2008-11-11 2013-01-30 インターナショナル・ビジネス・マシーンズ・コーポレーション Providing device, system, server device, program, and method
US8713111B2 (en) 2008-11-11 2014-04-29 International Business Machines Corporation Providing a web page to a client
US8516499B2 (en) 2008-11-27 2013-08-20 International Business Machines Corporation Assistance in performing action responsive to detected event
JP2010218005A (en) * 2009-03-13 2010-09-30 Yahoo Japan Corp Web page browsing support device, web page browsing support method, and its program
US10503369B2 (en) 2009-04-24 2019-12-10 International Business Machines Corporation Displaying nodes visually offset from associated components
US11073966B2 (en) 2009-04-24 2021-07-27 International Business Machines Corporation Displaying nodes visually offset from associated components
US9547926B2 (en) 2009-04-24 2017-01-17 International Business Machines Corporation Displaying nodes visually offset from associated components
US10534501B2 (en) 2009-04-24 2020-01-14 International Business Machines Corporation Displaying nodes visually offset from associated components
US10268346B2 (en) 2009-04-24 2019-04-23 International Business Machines Corporation Displaying nodes visually offset from associated components
JP2011113279A (en) * 2009-11-26 2011-06-09 Rakuten Inc Terminal apparatus, method for inserting information into web page, and terminal processing program
US10360270B2 (en) 2009-11-26 2019-07-23 Rakuten, Inc. Server apparatus, terminal apparatus, method for inserting information into web page, information insertion program, and recording medium with program recorded therein
WO2011065285A1 (en) * 2009-11-26 2011-06-03 楽天株式会社 Server apparatus, terminal apparatus, method for inserting information into web page, information insertion program, and recording medium with program recorded therein
US10262006B2 (en) 2016-04-29 2019-04-16 Microsoft Technology Licensing, Llc Contextually triggered entry point

Also Published As

Publication number Publication date
JP4386011B2 (en) 2009-12-16

Similar Documents

Publication Publication Date Title
JP4386011B2 (en) Web page re-editing method and system
US6081263A (en) System and method of a user configurable display of information resources
US8392834B2 (en) Systems and methods of authoring a multimedia file
US8042036B1 (en) Generation of a URL containing a beginning and an ending point of a selected mark-up language document portion
JP3771831B2 (en) Computer system and program for sharing annotation information added to digital content
US8719713B2 (en) Rich entity for contextually relevant advertisements
US20060242126A1 (en) System and method for a context-sensitive extensible plug-in architecture
JP5385373B2 (en) High-fidelity rendering of documents in the viewer client
JPH10154162A (en) System and method for providing multimedia bookmark to hypertext markup language file
US20110161807A1 (en) Document information transmission method and apparatus
AU2011214379A1 (en) Method and system for organizing information with a sharable user interface
US20100023854A1 (en) Method and apparatus for reconstructing a web page
US11314757B2 (en) Search results modulator
JP2011028747A (en) System and method for generating search term
JP2007328510A (en) Content conversion device, content display device, content browsing device, content conversion method, content browsing method and program
JP2004178512A (en) Link destination content browsing support device, link destination content browsing support method and program, and recording medium
WO2010063070A1 (en) Method and system for displaying data on a mobile terminal
US20030226112A1 (en) Layout-based page capture
JP5552987B2 (en) Search result output device, search result output method, and search result output program
CN101611423B (en) Structural data is used for online investigation
US9697182B2 (en) Method and system for navigating a hard copy of a web page
JP4586652B2 (en) RSS document browsing method and apparatus, program, and storage medium storing program
JP2005115684A (en) Content search device and content search method
JP2009157797A (en) Data input support system, data input support method and program
CN111258465B (en) Method and equipment for displaying and viewing information

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20070817

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20090810

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: 20090908

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20090921

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20121009

Year of fee payment: 3

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20121009

Year of fee payment: 3

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20131009

Year of fee payment: 4

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

LAPS Cancellation because of no payment of annual fees