JP2018160225A - Browsing system and program - Google Patents

Browsing system and program Download PDF

Info

Publication number
JP2018160225A
JP2018160225A JP2017104827A JP2017104827A JP2018160225A JP 2018160225 A JP2018160225 A JP 2018160225A JP 2017104827 A JP2017104827 A JP 2017104827A JP 2017104827 A JP2017104827 A JP 2017104827A JP 2018160225 A JP2018160225 A JP 2018160225A
Authority
JP
Japan
Prior art keywords
image
wide
display
information processing
angle image
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
JP2017104827A
Other languages
Japanese (ja)
Other versions
JP6844420B2 (en
Inventor
修 小河原
Osamu Ogawara
修 小河原
陽平 藤田
Yohei Fujita
陽平 藤田
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.)
Ricoh Co Ltd
Original Assignee
Ricoh Co Ltd
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 Ricoh Co Ltd filed Critical Ricoh Co Ltd
Publication of JP2018160225A publication Critical patent/JP2018160225A/en
Application granted granted Critical
Publication of JP6844420B2 publication Critical patent/JP6844420B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

PROBLEM TO BE SOLVED: To provide a browsing system that can display an image in which a browser is expected to have an interest.SOLUTION: In a browsing system 100 having an information processing apparatus 10 that acquires screen information from a first screen information providing device 30 and a second screen information providing device 50, and an image distribution device 20 that manages the history of operations of the information processing apparatus, the image distribution device comprises: operation history storage means 291 that stores the history of operations in association with identification information on an image and identification information on the information processing apparatus; wide angle image storage means 292 that stores a wide-angle image in association with the identification information on the image; display area determination means 22 that determines the wide-angle image on the basis of the identification information on the information processing apparatus acquired from the information processing apparatus, and determines a display area of the wide-angle image on the basis of the history of operations associated with the identification information of the information processing apparatus; and image transmission means 21 that transmits the wide-angle image and the display area to the information processing apparatus.SELECTED DRAWING: Figure 1

Description

本発明は、閲覧システム、及び、プログラムに関する。   The present invention relates to a browsing system and a program.

Webサーバは様々な画像を含む画面情報を提供しており、ブラウザソフトウェアが動作している情報処理装置を閲覧者が操作することで画像を閲覧することができる。また、従来のデジタルカメラよりも広範囲の広角画像を撮像できる撮像装置が普及しはじめている。   The Web server provides screen information including various images, and an image can be browsed by a viewer operating an information processing apparatus in which browser software is operating. In addition, imaging devices that can capture a wider range of wide-angle images than conventional digital cameras are becoming popular.

また、ブラウザソフトウェアが表示する画像が広告に活用される場合も少なくない。Webサーバが配信するWebページには広告枠が設けられており、広告枠に広告の対象の画像が表示される。閲覧者が広告をクリック等すると、情報処理装置は広告に記述されたリンク先のWebサーバと通信して広告の対象に関する詳細な情報を表示することができる。   In addition, images displayed by browser software are often used for advertisements. An advertisement frame is provided on a web page distributed by the web server, and an image to be advertised is displayed in the advertisement frame. When the viewer clicks on the advertisement, the information processing apparatus can communicate with the linked Web server described in the advertisement and display detailed information regarding the target of the advertisement.

広告主としては閲覧者が広告をクリックする頻度を向上させたいが、1つのWebページに掲載される広告の数は増大傾向にあり、広告主は閲覧者の注意を引きつける表示方法を工夫している(例えば、特許文献1参照。)。特許文献1には、動画広告を配信することで広告の効果(クリック率)を高める技術について開示されている。   Advertisers want to improve the frequency with which viewers click on advertisements, but the number of advertisements posted on one Web page is increasing, and advertisers devise display methods that attract the attention of viewers (For example, refer to Patent Document 1). Patent Document 1 discloses a technique for improving the effect (click rate) of an advertisement by distributing a video advertisement.

しかしながら、動画は閲覧者の注意を引きつける可能性があるが、閲覧者が興味を持つ画像が表示されるとは限らないという問題がある。すなわち、動画広告の再生時間の一部に閲覧者が興味を持つ画像が含まれていても、閲覧者が該画像を閲覧するには再生されるタイミングで動画広告を見ていなければならない。閲覧者がこのタイミングで動画広告を見ていなければ広告の効果を向上できないおそれがある。   However, although a moving image may attract the viewer's attention, there is a problem that an image in which the viewer is interested is not always displayed. That is, even if an image that the viewer is interested in is included in a part of the playback time of the moving image advertisement, the viewer must view the moving image advertisement at the playback timing in order to view the image. If the viewer does not watch the video advertisement at this timing, the effect of the advertisement may not be improved.

本発明は、上記課題に鑑み、閲覧者が興味を持つことが期待される画像を表示できる閲覧システムを提供することを目的とする。   In view of the above-described problems, an object of the present invention is to provide a browsing system that can display an image expected to be of interest to a viewer.

本発明は、情報処理装置と、画像配信装置とを有する閲覧システムであって、
前記情報処理装置は、
第一の画面情報提供装置から取得した画面情報の画像に対する操作を受け付ける操作受付手段と、前記操作受付手段が受け付けた前記画像に対する操作履歴、前記画像の識別情報、及び前記情報処理装置の識別情報を前記画像配信装置に送信する操作履歴送信手段と、第二の画面情報提供装置から画面情報を取得した場合、前記情報処理装置の識別情報を前記画像配信装置に送信して、前記情報処理装置の識別情報に基づいて決定された広角画像と該広角画像の表示領域を取得する広角画像取得手段と、前記第二の画面情報提供装置から取得した画面情報に基づいて、前記広角画像取得手段が取得した前記広角画像の前記表示領域を表示装置に表示する表示手段と、を有し、
前記画像配信装置は、前記画像の識別情報及び前記情報処理装置の識別情報に対応付けて前記操作履歴を記憶する操作履歴記憶手段と、前記画像の識別情報に対応付けて前記広角画像を記憶する広角画像記憶手段、を参照し、前記情報処理装置から取得した前記情報処理装置の識別情報に基づき前記広角画像を決定し、前記情報処理装置の識別情報に対応付けられた前記操作履歴に基づき前記広角画像の前記表示領域を決定する表示領域決定手段と、前記広角画像と前記表示領域を前記情報処理装置に送信する画像送信手段と、を有する閲覧システムを提供する。
The present invention is a browsing system having an information processing device and an image distribution device,
The information processing apparatus includes:
Operation accepting means for accepting an operation on the image of the screen information acquired from the first screen information providing apparatus, operation history for the image accepted by the operation accepting means, identification information of the image, and identification information of the information processing apparatus When the screen information is acquired from the second screen information providing device and the operation history transmitting means for transmitting the information to the image distribution device, the identification information of the information processing device is transmitted to the image distribution device, and the information processing device The wide-angle image acquisition means for acquiring the wide-angle image determined based on the identification information and the display area of the wide-angle image, and the wide-angle image acquisition means based on the screen information acquired from the second screen information providing device. Display means for displaying the display area of the acquired wide-angle image on a display device;
The image distribution device stores an operation history storage unit that stores the operation history in association with the identification information of the image and the identification information of the information processing device, and stores the wide-angle image in association with the identification information of the image. A wide-angle image storage means, determine the wide-angle image based on the identification information of the information processing apparatus acquired from the information processing apparatus, and based on the operation history associated with the identification information of the information processing apparatus There is provided a browsing system including display area determining means for determining the display area of a wide-angle image, and image transmitting means for transmitting the wide-angle image and the display area to the information processing apparatus.

閲覧者が興味を持つことが期待される画像を表示できる閲覧システムを提供することができる。   It is possible to provide a browsing system that can display an image expected to be of interest to the viewer.

広角画像の一例として全天球画像について説明する図の一例である。It is an example of the figure explaining an omnidirectional image as an example of a wide-angle image. 閲覧システムの概略を説明する図である。It is a figure explaining the outline of a browsing system. 閲覧システムの概略を説明する図である。It is a figure explaining the outline of a browsing system. 閲覧システムの概略的な構成図の一例である。It is an example of the schematic block diagram of a browsing system. 情報処理装置の概略的なハードウェア構成を示したブロック図である。It is the block diagram which showed the schematic hardware constitutions of information processing apparatus. 全天球カメラの使用イメージ図である。It is a use image figure of a spherical camera. 全天球カメラで撮像された画像から全天球画像が作成されるまでの処理の概略を説明する図である。It is a figure explaining the outline | summary of the process until an omnidirectional image is produced from the image imaged with the omnidirectional camera. 全天球カメラで撮像された画像から全天球画像が作成されるまでの処理の概略を説明する図である。It is a figure explaining the outline | summary of the process until an omnidirectional image is produced from the image imaged with the omnidirectional camera. 閲覧者の視線を説明する図の一例である。It is an example of the figure explaining a viewer's eyes | visual_axis. 情報処理装置、広告主Webサイト、パートナーサイト、履歴管理サーバ、及び広告配信サーバの機能をブロック状に示す機能ブロック図の一例である。It is an example of the functional block diagram which shows the function of an information processing apparatus, an advertiser website, a partner site, a history management server, and an advertisement distribution server in a block shape. 各Webページが有する情報を模式的に説明する図の一例である。It is an example of the figure which illustrates typically the information which each Web page has. 全天球画像の画角を説明する図の一例である。It is an example of the figure explaining the angle of view of a spherical image. 操作履歴の記録を説明する図の一例である。It is an example of the figure explaining recording of operation history. 履歴管理サーバが操作履歴を記録するまでのシーケンス図の一例である。It is an example of a sequence diagram until a history management server records an operation history. 情報処理装置が広告を表示するまでのシーケンス図の一例である。It is an example of a sequence diagram until an information processing apparatus displays an advertisement. 広告主Webサイトで表示される画像を説明する図の一例である。It is an example of the figure explaining the image displayed on an advertiser Web site. 広告画像DBが有する情報を模式的に示す図である。It is a figure which shows typically the information which advertisement image DB has. 2つの全天球画像と対象が写っている画角を模式的に示す図である。It is a figure which shows typically the angle of view in which two spherical images and the object are reflected. 操作履歴に基づいて表示領域を決定する手順のシーケンス図の一例である。It is an example of a sequence diagram of a procedure for determining a display area based on an operation history. パートナーサイトのWebページの一例を示す図である。It is a figure which shows an example of the web page of a partner site. ヒートマップを説明する図の一例である。It is an example of the figure explaining a heat map. 広告枠に表示された全天球画像に関する情報の表示例を示す図である。It is a figure which shows the example of a display of the information regarding the omnidirectional image displayed on the advertisement frame. 全天球画像に重ねて表示された表示対象物を説明する図の一例である。It is an example of the figure explaining the display target object superimposed and displayed on the omnidirectional image. 表示対象物の表示方法の概略を説明する図の一例である。It is an example of the figure explaining the outline of the display method of a display target object. 情報処理装置の機能をブロック状に示す機能ブロック図の一例である。It is an example of the functional block diagram which shows the function of information processing apparatus in a block form. 色差を説明する図の一例である。It is an example of the figure explaining a color difference. 情報処理装置が表示対象物の色を決定して表示する手順を示すフローチャート図の一例である。It is an example of the flowchart figure which shows the procedure in which an information processing apparatus determines and displays the color of a display target object. 広告枠に表示された全天球画像に関する情報の表示例を示す図である。It is a figure which shows the example of a display of the information regarding the omnidirectional image displayed on the advertisement frame. 全天球画像に対する表示対象物の位置が変わった場合に情報処理装置が表示対象物の色を決定して表示する手順を示すフローチャート図の一例である。It is an example of the flowchart figure which shows the procedure in which an information processing apparatus determines and displays the color of a display target object when the position of the display target object with respect to an omnidirectional image changes. 表示対象物に重ねて表示される背景オブジェクトを説明する図の一例である。It is an example of the figure explaining the background object displayed on a display target object. 情報処理装置が背景オブジェクトを表示する手順を示すフローチャート図の一例である。It is an example of the flowchart figure which shows the procedure in which an information processing apparatus displays a background object. 表示位置の変更を説明する図の一例である。It is an example of the figure explaining the change of a display position. 情報処理装置が背景オブジェクトを表示する手順を示すフローチャート図の一例である。It is an example of the flowchart figure which shows the procedure in which an information processing apparatus displays a background object. 表示対象物の例を説明する図の一例である。It is an example of the figure explaining the example of a display target object. 表示対象物の例を説明する図の一例である。It is an example of the figure explaining the example of a display target object.

以下、本発明を実施するための形態について図面を参照しながら説明する。   Hereinafter, embodiments for carrying out the present invention will be described with reference to the drawings.

<本実施形態の電子機器システムの概略>
図1は、広角画像の一例として全天球画像について説明する図の一例である。図1(a)は、3次元の立体球CSで表わされた全天球画像を示し、図1(b)は正距円筒図法で表された全天球画像を示す。全天球カメラで生成された全天球画像は図1(b)のような画像が立体球CSに張り合わされた三次元の構造を有している。仮想カメラICは閲覧者の視点に対応し、図1では全天球画像の中心に視点がある。閲覧者は仮想カメラICを通るX軸、Y軸、Z軸を中心とする3軸の回転を行わせて、全天球画像の任意の所定領域Tを表示させることができる。
<Outline of Electronic Device System of Present Embodiment>
FIG. 1 is an example of a diagram illustrating an omnidirectional image as an example of a wide-angle image. 1A shows an omnidirectional image represented by a three-dimensional solid sphere CS, and FIG. 1B shows an omnidirectional image represented by an equirectangular projection. The omnidirectional image generated by the omnidirectional camera has a three-dimensional structure in which an image as shown in FIG. The virtual camera IC corresponds to the viewer's viewpoint, and in FIG. 1, the viewpoint is at the center of the omnidirectional image. The viewer can display an arbitrary predetermined region T of the omnidirectional image by rotating three axes around the X axis, the Y axis, and the Z axis passing through the virtual camera IC.

図2、図3は、本実施形態の閲覧システム100の概略を説明する図である。本実施形態ではリターゲティング広告で表示される全天球画像の表示領域を決定する閲覧システム100について説明する。リターゲティング広告とは、行動ターゲティング広告の1つであり、任意のWebサイトを訪れた訪問者のその後の行動を追跡し、再度、広告を表示させる広告の方法である。閲覧者は、Webサイトの一度目の訪問で商品やサービスを下見しておき、別の機会に商品やサービスを購入する行動パターンを取ることが多い。リターゲティングタグ広告は、商品やサービスの2回目以降の閲覧を促す仕組みであり、閲覧者が広告(商品やサービス)をクリックする率を向上させる可能性がある。   2 and 3 are diagrams for explaining the outline of the browsing system 100 of the present embodiment. This embodiment demonstrates the browsing system 100 which determines the display area | region of the omnidirectional image displayed by a retargeting advertisement. The retargeting advertisement is one of behavioral targeting advertisements, and is an advertising method for tracking the subsequent behavior of a visitor who has visited an arbitrary website and displaying the advertisement again. In many cases, a viewer previews a product or service at the first visit of the Web site and takes an action pattern of purchasing the product or service at another opportunity. The retargeting tag advertisement is a mechanism for encouraging browsing of a product or service for the second time or later, and may improve the rate at which a viewer clicks on the advertisement (product or service).

しかし、Webページには多くの広告が表示されており、閲覧者が過去に訪問したWebサイトの商品やサービスを閲覧システム100が再度、表示するだけではクリック率が向上しない状況になっている。   However, many advertisements are displayed on the Web page, and the click rate is not improved simply by the browsing system 100 displaying again the products and services of the Web site visited by the viewer in the past.

広告の画像に全天球画像が用いられる場合、所定領域Tという一部のみが表示される。閲覧者は全天球画像を回転させて全体を閲覧できるが、Webページが表示された直後は所定領域Tしか表示されない。   When the omnidirectional image is used for the advertisement image, only a part of the predetermined area T is displayed. The viewer can view the entire image by rotating the omnidirectional image, but only the predetermined area T is displayed immediately after the Web page is displayed.

一方、クリック率は初期表示される画像と大きな相関があることが知られており、クリック率を向上させるには、Webページが表示された直後の全天球画像の所定領域Tを閲覧システム100がどのように決定するかが重要になる。そこで、本実施形態の閲覧システム100は、Webサイトの一度目の訪問で全天球画像を閲覧した際にどのような領域を表示させたかを記録しておき、全天球画像の広告の表示の際は過去に表示させた領域を参考にWebページが表示された直後の全天球画像の所定領域Tを決定する。図2,3を用いて説明する。
(1)例えば、閲覧者は不動産サイト(広告主Webサイト30)を情報処理装置10のブラウザソフトウェア(以下、ブラウザ8という)で閲覧する。不動産サイトには各種の不動産の物件の全天球画像が用意されており、閲覧者は所望の物件を選択する。図2ではある物件のキッチンの部分を表示している。不動産サイトはリターゲティングタグをブラウザ8に送信しておく。リターゲティングタグは閲覧者を追跡するためのスクリプト(プログラム)である。
(2)リターゲティングタグは広告配信サーバ40と通信し、広告配信サーバ40は生成したクッキー(Cookieと表記されるが、本実施形態では「クッキー」という)をブラウザ8に送信する。ブラウザ8はクッキーを記憶しておく。なお、クッキーは不動産サイトを訪問した閲覧者(又は情報処理装置10,ブラウザ8)を特定するための識別情報である。
(3)閲覧者がブラウザ8を操作して全天球画像を操作している間、リターゲティングタグはどの閲覧画角がどのくらい表示されたかという操作履歴を履歴管理サーバ20に送信する。例えば、キッチン、押し入れ、出窓、及び、トイレに対応する閲覧画角が記録され、更にそれぞれがどのくらいの時間、表示されかが記録される。
On the other hand, it is known that the click rate has a large correlation with the initially displayed image, and in order to improve the click rate, the browsing system 100 displays the predetermined area T of the omnidirectional image immediately after the Web page is displayed. How to decide is important. Therefore, the browsing system 100 according to the present embodiment records what area is displayed when viewing the omnidirectional image on the first visit of the website, and displays an advertisement of the omnidirectional image. In this case, the predetermined area T of the omnidirectional image immediately after the Web page is displayed is determined with reference to the area displayed in the past. This will be described with reference to FIGS.
(1) For example, a viewer browses a real estate site (advertiser Web site 30) with browser software (hereinafter referred to as browser 8) of the information processing apparatus 10. In the real estate site, spherical images of various real estate properties are prepared, and the viewer selects a desired property. In FIG. 2, the kitchen part of a certain property is displayed. The real estate site transmits the retargeting tag to the browser 8. The retargeting tag is a script (program) for tracking a viewer.
(2) The retargeting tag communicates with the advertisement distribution server 40, and the advertisement distribution server 40 transmits the generated cookie (denoted as Cookie, but referred to as “cookie” in the present embodiment) to the browser 8. The browser 8 stores cookies. The cookie is identification information for specifying a visitor (or information processing apparatus 10, browser 8) who has visited a real estate site.
(3) While the viewer operates the browser 8 to operate the omnidirectional image, the retargeting tag transmits an operation history indicating which viewing angle of view is displayed to the history management server 20. For example, the viewing angle of view corresponding to a kitchen, close-in, bay window, and toilet is recorded, and how long each is displayed is recorded.

次に、閲覧者は不動産サイトの閲覧を終了し、パートナーサイト50を閲覧した。
(4)ブラウザ8はパートナーサイト50のWebページを表示する。
(5)このWebページには広告配信サーバ40の広告枠が配置されており、広告枠に対応付けられたスクリプトが広告配信サーバ40にクッキーを送信する。
(6)広告配信サーバ40は送信されたクッキーを、記録してあるクッキーと比較して、一致する場合には不動産サイトを閲覧した閲覧者がパートナーサイト50を閲覧したと検出する。
(7)広告配信サーバ40は広告枠のオークションを行うが、本実施形態では履歴管理サーバ20が入札などにより広告枠を購入したものとする。履歴管理サーバ20は広告主Webサイト30から広告主Webサイト30の物件を広告することを請け負っている。オークションのような仕組みは必ずしも必須ではない。
(8)広告配信サーバ40は履歴管理サーバ20に広告を要求するための広告要求タグ(スクリプト)を情報処理装置10に送信する。
(9)情報処理装置10は広告要求タグを実行して履歴管理サーバ20にクッキーを送信する。
(10)履歴管理サーバ20はクッキーに対応付けられた全天球画像の閲覧履歴を参照して全天球画像の表示領域を決定する。例えば、キッチンを多く見ていた場合、キッチンが含まれるように表示領域を決定し広告情報(全天球画像と表示領域)を送信する。
Next, the viewer finished browsing the real estate site and browsed the partner site 50.
(4) The browser 8 displays the web page of the partner site 50.
(5) The advertisement frame of the advertisement distribution server 40 is arranged on this Web page, and a script associated with the advertisement frame transmits a cookie to the advertisement distribution server 40.
(6) The advertisement distribution server 40 compares the transmitted cookie with the recorded cookie, and if it matches, the advertisement distribution server 40 detects that the viewer who has viewed the real estate site has viewed the partner site 50.
(7) The advertisement distribution server 40 performs an auction for the advertising space. In this embodiment, it is assumed that the history management server 20 purchases the advertising space by bidding or the like. The history management server 20 undertakes to advertise the property of the advertiser website 30 from the advertiser website 30. A mechanism like an auction is not always necessary.
(8) The advertisement distribution server 40 transmits an advertisement request tag (script) for requesting an advertisement to the history management server 20 to the information processing apparatus 10.
(9) The information processing apparatus 10 executes the advertisement request tag and transmits a cookie to the history management server 20.
(10) The history management server 20 determines the display area of the omnidirectional image with reference to the browsing history of the omnidirectional image associated with the cookie. For example, when a lot of kitchens are seen, the display area is determined so that the kitchen is included, and the advertisement information (the omnidirectional image and the display area) is transmitted.

したがって、リターゲティング広告で全天球画像のような広角画像が表示される場合、ブラウザ8はパートナーサイトのWebサイトを表示した直後(初期状態)から、閲覧者が興味を持った表示領域で全天球画像を表示できる。   Therefore, when a wide-angle image such as a celestial sphere image is displayed by the retargeting advertisement, the browser 8 immediately displays the partner site website (initial state) immediately after displaying the entire display area in which the viewer is interested. A celestial sphere image can be displayed.

<用語について>
特許請求の範囲又は発明の詳細な説明の操作履歴は、画像に対する何らかの操作をいう。「履歴」と称しても単一の操作だけの場合がある。画像に対する操作は、例えば表示させること又は回転させることの他、拡大・縮小すること、輝度を変えること、先鋭度を変えることなどが含まれる。また、画像の選択や画像の閲覧時間などもこの操作履歴に含めても良い。
<Terminology>
The operation history in the claims or the detailed description of the invention refers to some operation on the image. Even if it is referred to as “history”, there may be only a single operation. The operation on the image includes, for example, displaying or rotating, enlarging / reducing, changing luminance, changing sharpness, and the like. The operation history may include image selection, image browsing time, and the like.

情報処理装置の識別情報は情報処理装置を特定するための情報であるが、情報処理装置の識別と共に、ブラウザ又は閲覧者が識別される場合がある。また、閲覧者とは、広告を閲覧する者をいい、ユーザ、利用者、操作者などと呼ばれてもよい。   The identification information of the information processing apparatus is information for specifying the information processing apparatus, but the browser or the viewer may be identified together with the identification of the information processing apparatus. Moreover, a viewer means the person who browses an advertisement, and may be called a user, a user, an operator, etc.

操作履歴に基づき広角画像の表示領域を決定するとは、閲覧者が興味を示しそうな全天球画像の一部、領域、範囲、又は場所を推定して示すことをいう。   Determining the display area of the wide-angle image based on the operation history means estimating and indicating a part, area, range, or place of the omnidirectional image that the viewer is likely to be interested in.

<システム構成例>
図4は、閲覧システム100の概略的な構成図の一例である。閲覧システム100は、ネットワークNを介して通信可能な情報処理装置10、広告主Webサイト30、パートナーサイト50、広告配信サーバ40及び履歴管理サーバ20を有している。
<System configuration example>
FIG. 4 is an example of a schematic configuration diagram of the browsing system 100. The browsing system 100 includes an information processing apparatus 10, an advertiser website 30, a partner site 50, an advertisement distribution server 40, and a history management server 20 that can communicate via a network N.

ネットワークNは、情報処理装置10が設置されている施設などに構築されているLAN、LANをインターネットに接続するプロバイダのプロバイダネットワーク、及び、回線事業者が提供する回線等により構築されている。ネットワークNが複数のLANを有する場合、ネットワークNはWANやインターネットと呼ばれる。ネットワークNは有線又は無線のどちらで構築されてもよく、また、有線と無線が組み合わされていてもよい。また、情報処理装置10が直接、公衆回線網に接続する場合は、LANを介さずにプロバイダネットワークに接続することができる。   The network N is constructed by a LAN constructed in a facility where the information processing apparatus 10 is installed, a provider network of a provider that connects the LAN to the Internet, a line provided by a line operator, and the like. When the network N has a plurality of LANs, the network N is called a WAN or the Internet. The network N may be constructed by either wired or wireless, and wired and wireless may be combined. When the information processing apparatus 10 is directly connected to the public line network, it can be connected to the provider network without going through the LAN.

情報処理装置10は、本実施形態においてクライアント端末として動作する。情報処理装置10ではブラウザ8又はこれと同等の機能を有するアプリケーションソフトウェアが動作しており、情報処理装置10が要求したWebページを広告主Webサイト30、及び、パートナーサイト50から受信してディスプレイ(後述するLCD:Liquid Crystal Display)に表示させる。   The information processing apparatus 10 operates as a client terminal in this embodiment. In the information processing apparatus 10, the browser 8 or application software having an equivalent function is operating. The Web page requested by the information processing apparatus 10 is received from the advertiser website 30 and the partner site 50 and displayed ( It is displayed on an LCD (Liquid Crystal Display) described later.

情報処理装置10は、例えばPC(Personal Computer)、タブレット装置、スマートフォン、PDA(Personal Digital Assistant)、ゲーム機、ナビゲーション端末、ウェアラブルPCなどであるが、Webページを表示させることができればよい。例えば、プリンターがWebページを表示させる機能やディスプレイを有する場合、プリンターが情報処理装置10として使用されてもよい。また、デジタルサイネージがWebページを表示させてもよい。デジタルサイネージとは、屋外、店頭、公共空間及び交通機関など、人が通過又は存在しうる場所でディスプレイなどの電子的な表示機器を使って情報を発信するシステム、表示機器又は表示される情報をいう。   The information processing apparatus 10 is, for example, a PC (Personal Computer), a tablet device, a smartphone, a PDA (Personal Digital Assistant), a game machine, a navigation terminal, a wearable PC, or the like, as long as it can display a Web page. For example, when the printer has a function for displaying a Web page or a display, the printer may be used as the information processing apparatus 10. Digital signage may display a web page. Digital signage is a system, display device, or information that is displayed using electronic display devices such as a display in places where people can pass or exist, such as outdoors, stores, public spaces, and transportation facilities. Say.

情報処理装置10は、有線LANや無線LANのアクセスポイントを介してネットワークNと接続してもよいし、3G、4GやLTE(Long Term Evolution)といった交換回線型の通信規格で通信して、ネットワークNに接続してもよい。   The information processing apparatus 10 may be connected to the network N via an access point of a wired LAN or a wireless LAN, or communicates with a switched line type communication standard such as 3G, 4G or LTE (Long Term Evolution) to N may be connected.

広告主Webサイト30とパートナーサイト50は、いずれも閲覧者が使用するクライアントコンピュータ(本実施形態の情報処理装置10)に対しネットワークを通じて情報や機能を提供するサーバ(一般的な情報処理装置)である。本実施形態では、広告主Webサイト30とパートナーサイト50の役割が異なる。広告主Webサイト30は広告を出す側であり、パートナーサイト50は広告枠を提供する側である。役割は固定的ではなく両者が逆の関係になる場合もある。   Each of the advertiser website 30 and the partner site 50 is a server (general information processing apparatus) that provides information and functions over a network to a client computer (information processing apparatus 10 of the present embodiment) used by a viewer. is there. In this embodiment, the roles of the advertiser website 30 and the partner site 50 are different. The advertiser website 30 is the side that advertises, and the partner site 50 is the side that provides the advertising space. The roles are not fixed, and the two may be reversed.

広告主Webサイト30は履歴管理サーバ20に広告の配信を依頼しているため、履歴管理サーバ20がクッキーで情報処理装置10を特定すれば、広告主Webサイト30が情報処理装置10を特定したことと同等の効果が得られる。広告配信サーバ40には履歴管理サーバ20が広告の販売の対象として登録されているため、広告配信サーバ40は、情報処理装置10が広告枠を検出しクッキーを送信するとクッキーを履歴管理サーバ20に送信する。履歴管理サーバ20はクッキーに基づいて広告枠を購入する価値があるかどうかを判断できる。   Since the advertiser website 30 requests the history management server 20 to distribute advertisements, if the history management server 20 identifies the information processing apparatus 10 with a cookie, the advertiser website 30 identifies the information processing apparatus 10. The same effect can be obtained. Since the history management server 20 is registered as an advertisement sale target in the advertisement distribution server 40, the advertisement distribution server 40 sends the cookie to the history management server 20 when the information processing apparatus 10 detects the advertisement frame and transmits the cookie. Send. The history management server 20 can determine whether it is worth buying the advertising space based on the cookie.

広告主Webサイト30及びパートナーサイト50と情報処理装置10はHTTP又はHTTPsに則り、情報処理装置10からの要求に対し広告主Webサイト30とパートナーサイト50が画面情報を情報処理装置10に送信する。画面情報は、HTML、スクリプト言語、及びCSS(cascading style sheet)で記述されたプログラムであり、主にHTMLによりWebページの構造が特定され、スクリプト言語によりWebページの動作が規定され、CSSによりWebページのスタイルが特定される。本実施形態で、閲覧者のWebページに対する操作を全天球画像に反映させるのはスクリプト言語である。スクリプト言語として、具体的には、JavaScript(登録商標)又はECMAScriptというプログラム言語が知られている。   The advertiser website 30 and the partner site 50 and the information processing apparatus 10 transmit screen information to the information processing apparatus 10 in response to a request from the information processing apparatus 10 in accordance with HTTP or HTTPs. . The screen information is a program described in HTML, script language, and CSS (cascading style sheet). The structure of the Web page is specified mainly by HTML, the operation of the Web page is specified by the script language, and the Web is specified by CSS. The page style is specified. In the present embodiment, it is a script language that reflects a browser's operation on the Web page in the omnidirectional image. Specifically, a program language called JavaScript (registered trademark) or ECMAScript is known as the script language.

なお、本実施形態でWebページと称する場合はWebアプリが含まれるものとして説明する。Webアプリの定義は定かでないが、例えば、広告主Webサイト30とパートナーサイト50が閲覧者の要求に応じてWebページを動的に構築することを指したり、スクリプト言語でWebページが動作することを指したりする。前者は、例えば閲覧者が設定した検索条件に適合する不動産の写真を広告主Webサイト30が配置してWebページを構築する場合が相当し、後者は、例えば閲覧者の操作で全天球画像が回転することなどが相当する。   In the present embodiment, a web page will be described as including a web application. The definition of the web application is not clear, but for example, the advertiser website 30 and the partner site 50 indicate that the web page is dynamically constructed according to the request of the viewer, or the web page operates in a script language. Or point to. The former corresponds to the case where the advertiser website 30 arranges a photograph of real estate that matches the search conditions set by the viewer, for example, and constructs a web page. Is equivalent to rotating.

広告配信サーバ40は、広告枠に配信する広告機会を販売するサーバ(一般的な情報処理装置)ということができる。広告配信サーバ40と情報処理装置10は例えばHTTP又はHTTPsに則り通信する。情報処理装置10がパートナーサイト50の広告枠が配置されたWebページを表示すると、情報処理装置10は広告配信サーバ40にクッキーを送信する。この時、情報処理装置10は広告配信サーバ40に関係がある全てのクッキーを送信する。クッキーは不動産サイトに限らず各種の広告主Webサイト30から提供されている。広告配信サーバ40は全てのクッキーを履歴管理サーバ20(実際には履歴管理サーバ20は複数ある)に提示して、この広告枠の入札を受け付ける。履歴管理サーバ20はクッキーから閲覧者の属性を特定し、属性と広告したい商品などを勘案して入札金額を決定し入札する。本実施形態では、操作履歴が記録されていることがクッキーでわかるので、履歴管理サーバ20はより高い金額(及び速いレスポンス)で入札したものとして広告枠を購入することができる。   The advertisement distribution server 40 can be said to be a server (general information processing apparatus) that sells advertisement opportunities to be distributed to the advertisement space. The advertisement distribution server 40 and the information processing apparatus 10 communicate according to, for example, HTTP or HTTPs. When the information processing apparatus 10 displays a Web page on which the advertising space of the partner site 50 is arranged, the information processing apparatus 10 transmits a cookie to the advertisement distribution server 40. At this time, the information processing apparatus 10 transmits all cookies related to the advertisement distribution server 40. Cookies are provided from various advertiser websites 30 as well as real estate sites. The advertisement distribution server 40 presents all cookies to the history management server 20 (actually, there are a plurality of history management servers 20) and accepts bids for this advertising space. The history management server 20 identifies the attribute of the viewer from the cookie, determines the bid amount in consideration of the attribute and the product to be advertised, and bids. In this embodiment, since the operation history is recorded from the cookie, the history management server 20 can purchase the advertising space as a bid with a higher amount (and faster response).

広告配信サーバ40は契約にしたがって履歴管理サーバ20に課金し、履歴管理サーバ20と不動産サイト(広告主Webサイト)の間では契約に従った課金が行われる。ただし、広告が表示されただけで課金されるかどうかなどは契約によって異なる。   The advertisement distribution server 40 charges the history management server 20 according to the contract, and charging according to the contract is performed between the history management server 20 and the real estate site (advertiser Web site). However, whether or not the user is charged only when the advertisement is displayed differs depending on the contract.

履歴管理サーバ20はバナーやテキストなどの入稿素材や広告画像(以下、広告情報という)を保持しており、情報処理装置10からの要求に対し広告情報を送信する。広告情報は単なるバナー(文字や写真や絵でつくられた画像)の場合もあるし、画像に加えスクリプト言語が含まれる場合がある。本実施形態では、閲覧者のWebページに対する操作を全天球画像の表示態様に反映させるため、スクリプト言語で記述されたプログラム(上記の表示プログラム)が含まれる。   The history management server 20 holds input materials such as banners and texts and advertisement images (hereinafter referred to as advertisement information), and transmits advertisement information in response to a request from the information processing apparatus 10. The advertisement information may be just a banner (an image made up of characters, photos or pictures) or may include a script language in addition to the image. In the present embodiment, a program written in a script language (the above display program) is included in order to reflect the operation of the browser on the Web page in the display mode of the omnidirectional image.

広告がクリックされた場合、広告がクリックされた等の情報は閲覧者のブラウザ8のクッキー(上記とは別)に書きこまれ、広告配信サーバ40に送信される。クッキーには広告枠を特定する情報が含まれているので、広告のクリックにより閲覧者が広告主Webサイト30にアクセスした場合、パートナーサイト50の広告枠を経由したことを広告配信サーバ40が把握可能になる。広告配信サーバ40はパートナーサイト50の運営者にクリック数に応じた料金を支払う。また、広告主Webサイト30はクリックされた旨のクッキーにより履歴管理サーバ20が購入した広告枠によりクリックされたことを検出し、契約に基づいて所定の料金を履歴管理サーバ20に支払う。   When the advertisement is clicked, information such as the click of the advertisement is written in a cookie (other than the above) of the browser 8 of the browser and transmitted to the advertisement distribution server 40. Since the cookie contains information for identifying the advertising space, when the viewer accesses the advertiser website 30 by clicking on the advertisement, the advertising distribution server 40 grasps that the advertising space of the partner site 50 is passed. It becomes possible. The advertisement distribution server 40 pays a fee corresponding to the number of clicks to the operator of the partner site 50. Further, the advertiser website 30 detects that the click has been made by the advertisement space purchased by the history management server 20 based on the clicked cookie, and pays a predetermined fee to the history management server 20 based on the contract.

<ハードウェア構成例>
図5は、情報処理装置10の概略的なハードウェア構成を示したブロック図である。情報処理装置10は、概ねパーソナル・コンピュータ、ワークステーション又はアプライアンス・サーバとして実装することができる。情報処理装置10は、CPU201と、CPU201が使用するデータの高速アクセスを可能とするメモリ202とを備える。CPU201及びメモリ202は、システム・バス203を介して、情報処理装置10の他のデバイス又はドライバ、例えば、グラフィックス・ドライバ204及びネットワーク・デバイス(NIC)205へと接続されている。
<Hardware configuration example>
FIG. 5 is a block diagram illustrating a schematic hardware configuration of the information processing apparatus 10. The information processing apparatus 10 can be generally implemented as a personal computer, a workstation, or an appliance server. The information processing apparatus 10 includes a CPU 201 and a memory 202 that enables high-speed access of data used by the CPU 201. The CPU 201 and the memory 202 are connected to other devices or drivers of the information processing apparatus 10, for example, a graphics driver 204 and a network device (NIC) 205 via the system bus 203.

グラフィックス・ドライバ204は、バスを介してLCD(表示装置)206に接続されて、CPU201による処理結果をモニタする。LCD206にはタッチパネルが一体に配置されていてもよい。この場合、閲覧者は操作手段として指を使って情報処理装置10を操作できる。   The graphics driver 204 is connected to an LCD (display device) 206 via a bus and monitors a processing result by the CPU 201. A touch panel may be integrally disposed on the LCD 206. In this case, the viewer can operate the information processing apparatus 10 using a finger as an operation means.

また、ネットワーク・ドライバ205は、トランスポート層レベル及び物理層レベルで情報処理装置10をネットワークNへと接続して、広告主Webサイト30等とのセッションを確立させている。   The network driver 205 connects the information processing apparatus 10 to the network N at the transport layer level and the physical layer level to establish a session with the advertiser website 30 and the like.

システム・バス203には、更にI/Oバス・ブリッジ207が接続されている。I/Oバス・ブリッジ207の下流側には、PCIなどのI/Oバス208を介して、IDE、ATA、ATAPI、シリアルATA、SCSI、USBなどにより、HDD209などの記憶装置が接続されている。HDD209の代わりに又はHDD209と共にSSD(Solid State Drive)を有していてもよい。   An I / O bus bridge 207 is further connected to the system bus 203. On the downstream side of the I / O bus bridge 207, a storage device such as an HDD 209 is connected by an IDE, ATA, ATAPI, serial ATA, SCSI, USB, etc. via an I / O bus 208 such as PCI. . Instead of the HDD 209 or together with the HDD 209, an SSD (Solid State Drive) may be included.

HDD209は情報処理装置10の全体を制御するプログラム209pを記憶している。プログラム209pは、ブラウザ8の他、広告主Webサイト30、パートナーサイト50、広告配信サーバ40が送信した画面情報を含んでいる。情報処理装置10はブラウザ8と画面情報に含まれる表示プログラムを実行することで、Webページに対する操作を全天球画像に反映させる。プログラム209pは、広告主Webサイト30等から配信される他、USBメモリや光記憶媒体などの可搬性の記憶媒体に記憶された状態で配布されてもよい。   The HDD 209 stores a program 209p that controls the entire information processing apparatus 10. The program 209p includes screen information transmitted by the advertiser Web site 30, the partner site 50, and the advertisement distribution server 40 in addition to the browser 8. The information processing apparatus 10 executes the display program included in the browser 8 and the screen information to reflect the operation on the Web page in the omnidirectional image. The program 209p may be distributed in a state of being stored in a portable storage medium such as a USB memory or an optical storage medium in addition to being distributed from the advertiser website 30 or the like.

また、I/Oバス208には、USBなどのバスを介して、キーボード及びマウス(ポインティング・デバイスと呼ばれる)などの入力装置210が接続され、閲覧者などのオペレータによる入力及び指令を受け付けている。   Further, an input device 210 such as a keyboard and a mouse (referred to as a pointing device) is connected to the I / O bus 208 via a bus such as a USB, and accepts inputs and commands by an operator such as a viewer. .

広告主Webサイト30、パートナーサイト50、広告配信サーバ40、及び履歴管理サーバ20のハードウェア構成図は図5と相違がないか、又は、相違があったとしても本実施形態の説明の上で支障がないものとする。広告主Webサイト30、パートナーサイト50、広告配信サーバ40、及び履歴管理サーバ20はクラウドコンピューティングに対応していることが好ましい。クラウドコンピューティングとは、特定ハードウェア資源が意識されずにネットワーク上のリソースが利用される利用形態をいう。この場合、図5に示したハードウェア構成は、1つの筐体に収納されていたり一まとまりの装置として備えられていたりする必要はなく、広告主Webサイト30、パートナーサイト50、広告配信サーバ40、及び履歴管理サーバ20が備えていることが好ましいハード的な要素を示す。また、クラウドコンピューティングに対応するため、本実施例の広告主Webサイト30、パートナーサイト50、広告配信サーバ40、及び履歴管理サーバ20の物理的な構成は固定的でなくてもよく、負荷等に応じてハード的なリソースが動的に接続・切断されることで構成されてよい。   The hardware configuration diagram of the advertiser website 30, the partner site 50, the advertisement distribution server 40, and the history management server 20 is the same as or different from that in FIG. There shall be no hindrance. It is preferable that the advertiser website 30, the partner site 50, the advertisement distribution server 40, and the history management server 20 support cloud computing. Cloud computing refers to a usage pattern in which resources on a network are used without being aware of specific hardware resources. In this case, the hardware configuration shown in FIG. 5 does not need to be housed in a single housing or provided as a single device, and is not limited to the advertiser website 30, partner site 50, and advertisement distribution server 40. , And hardware elements that the history management server 20 preferably includes. Further, in order to support cloud computing, the physical configurations of the advertiser website 30, the partner site 50, the advertisement distribution server 40, and the history management server 20 according to the present embodiment may not be fixed, such as a load. It may be configured by dynamically connecting / disconnecting hardware resources according to the situation.

<全天球画像について>
図6〜図9を用いて全天球画像について説明する。図6は、全天球カメラ9の使用イメージ図である。全天球カメラ9は、図6に示されているように、閲覧者が手に持って閲覧者の周りの被写体を撮像するために用いられる。全天球カメラ9は、2つの撮像素子の背面同士が対向させられた構造を有しており、それぞれ閲覧者の周りの被写体を撮像することで、2つの半球画像を得る。
<About spherical images>
The omnidirectional image will be described with reference to FIGS. FIG. 6 is a usage image diagram of the omnidirectional camera 9. As shown in FIG. 6, the omnidirectional camera 9 is used by the viewer to take an image of a subject around the viewer by holding it. The omnidirectional camera 9 has a structure in which the back surfaces of the two imaging elements are opposed to each other, and obtains two hemispherical images by imaging the subject around the viewer.

次に、図7及び図8を用いて、全天球カメラ9で撮像された画像から全天球画像が作成されるまでの処理の概略を説明する。なお、図7(a)は全天球カメラ9で撮像された半球画像(前側)、図7(b)は全天球カメラ9で撮像された半球画像(後側)、図7(c)は正距円筒図法により表された画像(以下、「正距円筒画像」という)を示した図である。図8(a)は正距円筒画像で球を被う状態を示した概念図、図8(b)は全天球画像を示した図である。   Next, an outline of processing until an omnidirectional image is created from an image captured by the omnidirectional camera 9 will be described with reference to FIGS. 7 and 8. 7A shows a hemispherical image (front side) captured by the omnidirectional camera 9, FIG. 7B shows a hemispherical image captured by the omnidirectional camera 9 (rear side), and FIG. 7C. FIG. 4 is a diagram showing an image represented by equirectangular projection (hereinafter, referred to as “equal equirectangular image”). FIG. 8A is a conceptual diagram showing a state in which a sphere is covered with an equirectangular image, and FIG. 8B is a diagram showing an omnidirectional image.

図7(a)に示されているように、全天球カメラ9によって得られた画像は、魚眼レンズによって湾曲した半球画像(前側)となる。また、図7(b)に示されているように、全天球カメラ9によって得られた画像は、魚眼レンズによって湾曲した半球画像(後側)となる。そして、半球画像(前側)と、180度反転された半球画像(後側)とは、全天球カメラ9によって合成され、図7(c)に示されているように、正距円筒画像が作成される。   As shown in FIG. 7A, the image obtained by the omnidirectional camera 9 is a hemispherical image (front side) curved by the fisheye lens. Further, as shown in FIG. 7B, the image obtained by the omnidirectional camera 9 is a hemispherical image (rear side) curved by the fisheye lens. Then, the hemispherical image (front side) and the hemispherical image inverted by 180 degrees (rear side) are synthesized by the omnidirectional camera 9, and as shown in FIG. Created.

そして、OpenGL ES(Open Graphics Library for Embedded Systems)が利用されることで、図8(a)に示されているように、正距円筒画像が球面を覆うように貼り付けられ、図8(b)に示されているような全天球画像が作成される。このように、全天球画像は、正距円筒画像が球の中心を向いた画像として表される。なお、OpenGL ESは、2D(2-Dimensions)及び3D(3-Dimensions)のデータを視覚化するために使用するグラフィックスライブラリである。全天球画像は、静止画であっても動画であってもよい。   Then, by using OpenGL ES (Open Graphics Library for Embedded Systems), as shown in FIG. 8A, the equirectangular image is pasted so as to cover the spherical surface, and FIG. A celestial sphere image as shown in FIG. In this way, the omnidirectional image is represented as an image in which the equirectangular image is directed toward the center of the sphere. OpenGL ES is a graphics library used to visualize 2D (2-Dimensions) and 3D (3-Dimensions) data. The omnidirectional image may be a still image or a moving image.

広告配信サーバ40が配信する広告情報にはこの全天球画像が含まれている。全天球画像は、球面を覆うように貼り付けられた画像であるため湾曲しており、人間が見ると違和感を持ってしまう。そこで、情報処理装置10は、全天球画像の一部の所定領域Tを湾曲の少ない平面画像として表示することで、人間に違和感を与えないように表示する。所定領域Tは、三次元の仮想空間における座標(X,Y,Z)によって示される。一方、LCD206は二次元平面なので所定領域Tのままでは情報処理装置10が表示できない。そこで、3Dコンピュータグラフィックの技法を用いて三次元の物体を二次元平面に投影する透視投影変換により情報処理装置10は所定領域Tを得る。以上のようにして図1に示したように、全天球画像の所定領域Tが表示領域としてLCD206に表示される。   The omnidirectional image is included in the advertisement information distributed by the advertisement distribution server 40. Since the omnidirectional image is an image that is pasted so as to cover the spherical surface, it is curved and has a sense of incongruity when viewed by humans. Therefore, the information processing apparatus 10 displays a predetermined region T of the omnidirectional image as a flat image with little curvature so as not to give a sense of incongruity to humans. The predetermined area T is indicated by coordinates (X, Y, Z) in a three-dimensional virtual space. On the other hand, since the LCD 206 is a two-dimensional plane, the information processing apparatus 10 cannot display with the predetermined area T as it is. Therefore, the information processing apparatus 10 obtains the predetermined region T by perspective projection conversion in which a three-dimensional object is projected onto a two-dimensional plane using a 3D computer graphic technique. As described above, as shown in FIG. 1, the predetermined area T of the omnidirectional image is displayed on the LCD 206 as a display area.

図9は、閲覧者の視線を説明する図の一例である。全天球画像は三次元の座標を有しているので、視線方向は三次元の座標又は緯度・経度などの球体の座標を特定する情報で特定される。本実施形態では、所定領域Tの中心cpを視線方向とする。   FIG. 9 is an example of a diagram illustrating a viewer's line of sight. Since the omnidirectional image has three-dimensional coordinates, the line-of-sight direction is specified by the information specifying the three-dimensional coordinates or the coordinates of the sphere such as latitude / longitude. In the present embodiment, the center cp of the predetermined region T is the line-of-sight direction.

閲覧者は操作により視線方向を変えることができるが、仮想カメラICが平行移動しないと仮定すると、仮想カメラICは剛体としてロール(Z軸を中心とする回転)、ヨー(Y軸を中心とする回転)、及びピッチ(X軸を中心とする回転)の3つの回転が可能である。この3つの回転のいずれが生じても視線方向が変化する。例えば、閲覧者が全天球画像を水平方向に回転させるとヨー角が変化し、上下方向に回転させるとピッチ角が変化し、LCD206の中心を軸に全天球画像を回転させるとロール角が変化する。本実施形態では、閲覧者のWebページに対する操作が、視線方向(ロール角、ヨー角、ピッチ角)等に反映される。どのように反映されるかは表示プログラムに予め記述されているものとする。   The viewer can change the line-of-sight direction by operation, but assuming that the virtual camera IC does not move in parallel, the virtual camera IC is a rigid body that rolls (rotates around the Z axis) and yaw (centers around the Y axis). Rotation) and pitch (rotation around the X axis) are possible. The line-of-sight direction changes regardless of which of these three rotations occurs. For example, the yaw angle changes when the viewer rotates the omnidirectional image in the horizontal direction, the pitch angle changes when the omnidirectional image rotates in the vertical direction, and the roll angle when the omnidirectional image rotates around the center of the LCD 206. Changes. In the present embodiment, a browser operation on the web page is reflected in the viewing direction (roll angle, yaw angle, pitch angle) and the like. It is assumed that how it is reflected is described in advance in the display program.

<機能について>
図10は情報処理装置10、広告主Webサイト30、パートナーサイト50、履歴管理サーバ20、及び広告配信サーバ40の機能をブロック状に示す機能ブロック図の一例である。
<About functions>
FIG. 10 is an example of a functional block diagram illustrating the functions of the information processing apparatus 10, the advertiser website 30, the partner site 50, the history management server 20, and the advertisement distribution server 40 in a block form.

<<情報処理装置10>>
情報処理装置10は、Webページ取得部11、Webページ解析部12、Webページ表示部13、操作受付部14、及びスクリプト実行部15を有している。情報処理装置10が有するこれらの各機能は、HDD209からメモリ202に展開されたプログラム209pをCPU201が実行することにより実現される機能又は手段である。
<< Information processing device 10 >>
The information processing apparatus 10 includes a web page acquisition unit 11, a web page analysis unit 12, a web page display unit 13, an operation reception unit 14, and a script execution unit 15. Each of these functions of the information processing apparatus 10 is a function or means realized by the CPU 201 executing the program 209p expanded from the HDD 209 to the memory 202.

操作受付部14は、情報処理装置10に対する各種の操作を受け付ける。具体的には、情報処理装置10が実行するブラウザ8に対する操作を受け付ける。Webページがスクリプト言語で記述されたプログラム(上記のスクリプト)を有得する場合は、スクリプトが動作の契機とするWebページに対する操作を受け付ける。なお、本実施形態では、操作の対象が情報処理装置10、ブラウザ8又はWebページのいずれであるか厳密に区別せず、情報処理装置10に対する操作、ブラウザ8に対する操作又はWebページに対する操作は同等の意味を持つ。操作受付部14は、図5に示したCPU201がプログラム209pを実行し入力装置210やタッチパネルを制御すること等により実現される。   The operation receiving unit 14 receives various operations on the information processing apparatus 10. Specifically, an operation on the browser 8 executed by the information processing apparatus 10 is accepted. When the Web page has a program (the above script) described in the script language, an operation on the Web page triggered by the script is accepted. In this embodiment, it is not strictly distinguished whether the operation target is the information processing apparatus 10, the browser 8, or the Web page, and the operation on the information processing apparatus 10, the operation on the browser 8, or the operation on the Web page is the same. With the meaning. The operation reception unit 14 is realized by the CPU 201 illustrated in FIG. 5 executing the program 209p to control the input device 210 and the touch panel.

Webページ取得部11は、閲覧者の操作により又はスクリプトの動作により広告主Webサイト30及びパートナーサイト50と通信して、広告主Webサイト30及びパートナーサイト50からWebページを取得する。Webページ取得部11は、図5に示したCPU201がプログラム209pを実行しネットワーク・ドライバ205を制御すること等により実現される。   The web page acquisition unit 11 communicates with the advertiser website 30 and the partner site 50 by a browser operation or a script operation, and acquires a web page from the advertiser website 30 and the partner site 50. The Web page acquisition unit 11 is realized by the CPU 201 illustrated in FIG. 5 executing the program 209p and controlling the network driver 205.

Webページ解析部12は、画面情報に含まれるHTMLを先頭から順番に読み取りHTMLに含まれる文章や画像データの構造を解析する。また、CSSに記述されたHTMLの文章や画像データとの紐付けを検出して、HTMLに含まれる文章や画像データのスタイルを対応付ける。また、Webページ解析部12は、HTMLからscriptタグを検出してスクリプト言語で記述されているスクリプトを抽出する。Webページ解析部12はHTMLとCSSをWebページ表示部13に送出し、スクリプトをスクリプト実行部15に送出する。Webページ解析部12は、図5に示したCPU201がプログラム209pを実行すること等により実現される。   The Web page analysis unit 12 reads the HTML included in the screen information in order from the top and analyzes the structure of the text and image data included in the HTML. In addition, a link between HTML text and image data described in CSS is detected, and the style of text and image data included in HTML is associated. Further, the Web page analysis unit 12 detects a script tag from HTML and extracts a script described in a script language. The web page analysis unit 12 sends HTML and CSS to the web page display unit 13 and sends the script to the script execution unit 15. The Web page analysis unit 12 is realized by the CPU 201 illustrated in FIG. 5 executing the program 209p.

Webページ表示部13はHTMLの先頭から解析が終わった順にWebページをLCD206に表示していく。また、Webページに対する操作に応じてWebページを更新する。Webページ表示部13は図5に示したCPU201がプログラム209pを実行すること等により実現される。   The web page display unit 13 displays web pages on the LCD 206 in the order in which the analysis is completed from the top of the HTML. In addition, the web page is updated according to an operation on the web page. The Web page display unit 13 is realized by the CPU 201 shown in FIG. 5 executing the program 209p.

スクリプト実行部15は、Webページ解析部12が抽出したスクリプトを実行する。スクリプトの具体的な内容はWebページによって様々である。本実施形態ではスクリプトとしてリターゲティングタグ、広告枠に対応付けられたスクリプト、及び広告要求タグ等が検出される。スクリプト実行部15は、図5に示したCPU201がプログラム209pを実行すること等により実現される。また、スクリプト実行部15が有する各機能又は手段は、CPU201がスクリプトを実行することで実現される。   The script execution unit 15 executes the script extracted by the web page analysis unit 12. The specific content of the script varies depending on the Web page. In the present embodiment, a retargeting tag, a script associated with an advertisement space, an advertisement request tag, and the like are detected as scripts. The script execution unit 15 is realized by the CPU 201 illustrated in FIG. 5 executing the program 209p. Each function or means of the script execution unit 15 is realized by the CPU 201 executing the script.

クッキー取得部152は、スクリプト実行部15のうちWebページ取得部11が取得した画面情報に含まれるリターゲティングタグを情報処理装置10が実行して実現される機能である。クッキー取得部152は広告配信サーバ40からクッキーを取得する。   The cookie acquisition unit 152 is a function realized by the information processing apparatus 10 executing the retargeting tag included in the screen information acquired by the Web page acquisition unit 11 in the script execution unit 15. The cookie acquisition unit 152 acquires a cookie from the advertisement distribution server 40.

クッキー取得部152が取得したクッキーは記憶部19に記憶される。記憶部19は、図5に示したHDD209又はメモリ202により実現される。記憶部19のクッキーは広告取得部151及び操作履歴送信部155により参照される。   The cookie acquired by the cookie acquisition unit 152 is stored in the storage unit 19. The storage unit 19 is realized by the HDD 209 or the memory 202 illustrated in FIG. The cookies in the storage unit 19 are referred to by the advertisement acquisition unit 151 and the operation history transmission unit 155.

広告取得部151は、スクリプト実行部15のうち履歴管理サーバ20から広告を取得する機能である。広告取得部151は広告枠に対応付けられた(又は、埋め込まれた又はリンクされた等という場合がある)URLに基づいて広告配信サーバ40にアクセスすることで、クッキーを広告配信サーバ40に通知する。これにより、まず広告要求タグを取得する。広告要求タグもスクリプトの一種である。   The advertisement acquisition unit 151 is a function of acquiring an advertisement from the history management server 20 in the script execution unit 15. The advertisement acquisition unit 151 notifies the advertisement distribution server 40 of the cookie by accessing the advertisement distribution server 40 based on the URL associated with the advertisement space (or may be embedded or linked). To do. Thereby, an advertisement request tag is first acquired. An advertisement request tag is also a kind of script.

広告取得部151は広告要求タグを実行して、クッキーを履歴管理サーバ20に送信する。履歴管理サーバ20がクッキーに基づいて広告情報を生成するので、広告取得部151は広告情報を取得する。本実施形態の広告情報は、全天球画像及び表示領域を含み、全天球画像を表示させる表示プログラムを有している。表示プログラムは全天球画像への直接の操作を全天球画像の表示態様に反映させる。表示プログラムもスクリプト言語で記述されており、スクリプト実行部15により実行される。   The advertisement acquisition unit 151 executes the advertisement request tag and transmits a cookie to the history management server 20. Since the history management server 20 generates advertisement information based on the cookie, the advertisement acquisition unit 151 acquires the advertisement information. The advertisement information of the present embodiment includes a omnidirectional image and a display area, and has a display program for displaying the omnidirectional image. The display program reflects the direct operation on the omnidirectional image on the display mode of the omnidirectional image. The display program is also written in a script language and is executed by the script execution unit 15.

広告表示部153は、スクリプト実行部15のうち履歴管理サーバ20から取得した広告情報を表示する機能である。広告表示部153は、広告枠に全天球画像を含む広告を表示する。また、全天球画像に対する直接の操作に応じて全天球画像の表示態様を変更する。   The advertisement display unit 153 has a function of displaying the advertisement information acquired from the history management server 20 in the script execution unit 15. The advertisement display unit 153 displays an advertisement including an omnidirectional image in the advertisement frame. Further, the display mode of the omnidirectional image is changed according to a direct operation on the omnidirectional image.

操作履歴記録部154は、後述の表2に示す操作履歴を記録する。表2に示すように、操作履歴は画像ID、閲覧時刻、クッキー、閲覧画角1〜3を有する。画像IDは広告主Webサイト30のWebページに含まれている全天球画像を特定するための情報である。IDはIdentificationの略であり識別子や識別情報という意味である。IDは複数の対象から、ある特定の対象を一意的に区別するために用いられる名称、符号、文字列、数値又はこれらのうち1つ以上の組み合わせをいう。以下のIDについても同様である。閲覧時刻は、閲覧者が広告主Webサイト30の全天球画像を閲覧した時刻である。クッキーについては表1にて説明する。閲覧画角1〜3は、閲覧者が全天球画像を回転させずに静止した時間が所定時間(例えば1秒)以上の画角である。操作履歴記録部154は静止した時間が上位3つの画角を記録する。1つだけでもよいし4つ以上でもよい。また、操作履歴記録部154はそれぞれの閲覧画角1〜3で閲覧者が拡大又は縮小したか否かを記録する。   The operation history recording unit 154 records an operation history shown in Table 2 described later. As shown in Table 2, the operation history has an image ID, a browsing time, a cookie, and a viewing angle of view 1 to 3. The image ID is information for specifying the omnidirectional image included in the web page of the advertiser website 30. ID is an abbreviation for Identification and means an identifier or identification information. ID refers to a name, a code, a character string, a numerical value, or a combination of one or more of these used to uniquely distinguish a specific target from a plurality of targets. The same applies to the following IDs. The browsing time is the time when the viewer browses the omnidirectional image of the advertiser website 30. Cookies are described in Table 1. The viewing angle of view 1 to 3 is an angle of view in which the time during which the viewer is stationary without rotating the omnidirectional image is a predetermined time (for example, 1 second) or more. The operation history recording unit 154 records the upper three angles of view during the stationary time. There may be only one or four or more. Further, the operation history recording unit 154 records whether or not the viewer has enlarged or reduced at each viewing angle of view 1 to 3.

操作履歴送信部155は、スクリプト実行部15のうちWebページ取得部11が取得した画面情報に含まれるリターゲティングタグを実行することで実現される機能である。操作履歴送信部155は広告主Webサイト30で表示された全天球画像に対する操作履歴をクッキーと共に履歴管理サーバ20に送信する。   The operation history transmission unit 155 is a function realized by executing a retargeting tag included in the screen information acquired by the Web page acquisition unit 11 in the script execution unit 15. The operation history transmission unit 155 transmits the operation history for the omnidirectional image displayed on the advertiser website 30 to the history management server 20 together with the cookie.

<<広告主Webサイト30、パートナーサイト50>>
広告主Webサイト30とパートナーサイト50は、Webページ提供部31を有している。広告主Webサイト30とパートナーサイト50が有するこれらの各機能は、HDD209からメモリ202に展開されたプログラム209pをCPU201が実行することにより実現される機能又は手段である。
<< Advertiser Website 30, Partner Site 50 >>
The advertiser Web site 30 and the partner site 50 have a Web page providing unit 31. These functions of the advertiser website 30 and the partner site 50 are functions or means realized by the CPU 201 executing the program 209p loaded from the HDD 209 to the memory 202.

Webページ提供部31は、情報処理装置10からのHTTPリクエストを解釈してWebページを構築してHTTPレスポンスとして情報処理装置10に送信する。処理に必要であればアプリケーションサーバに処理を依頼し、処理結果をWebページに配置して送信する。Webページ提供部31は、図5に示したCPU201がプログラム209pを実行すること等により実現される。   The web page providing unit 31 interprets the HTTP request from the information processing apparatus 10, constructs a web page, and transmits it to the information processing apparatus 10 as an HTTP response. If necessary for the processing, the application server is requested to perform the processing, and the processing result is arranged on the Web page and transmitted. The Web page providing unit 31 is realized by the CPU 201 illustrated in FIG. 5 executing the program 209p.

<<広告配信サーバ40>>
広告配信サーバ40は、広告提供部41及びクッキー生成部42を有している。広告配信サーバ40が有するこれらの各機能は、HDD209からメモリ202に展開されたプログラム209pをCPU201が実行することにより実現される機能又は手段である。
<< Ad Distribution Server 40 >>
The advertisement distribution server 40 includes an advertisement providing unit 41 and a cookie generation unit 42. These functions of the advertisement distribution server 40 are functions or means realized by the CPU 201 executing the program 209p expanded from the HDD 209 to the memory 202.

また、記憶部49には、クッキー情報DB491が構築されている。記憶部49は、図5に示したHDD209又はメモリ202により実現される。   In the storage unit 49, a cookie information DB 491 is constructed. The storage unit 49 is realized by the HDD 209 or the memory 202 illustrated in FIG.


表1はクッキー情報DB491に記憶される情報を模式的に示す。クッキー情報DB491は各クッキーの情報を記録している。クッキー情報DB491には、各クッキーごとに、クッキー名、クッキー値、生成時刻、有効期限、及び、ドメイン名の各項目が記録される。クッキー名は、広告配信サーバ40がクッキーに付与する任意の名称である。広告配信サーバ40が所定の規則にしたがって付与する。クッキー値は重複しない識別情報である。生成時刻は最後に閲覧者がサイトを訪れた日時である。有効期限はクッキーが有効とされる(利用可能な)期限である。ドメイン名は、広告主Webサイト30のドメインである。クッキーにより広告主Webサイト30を閲覧したブラウザ8(閲覧者)が特定される。

Table 1 schematically shows information stored in the cookie information DB 491. The cookie information DB 491 records information on each cookie. In the cookie information DB 491, for each cookie, items of cookie name, cookie value, generation time, expiration date, and domain name are recorded. The cookie name is an arbitrary name given to the cookie by the advertisement distribution server 40. The advertisement distribution server 40 assigns according to a predetermined rule. The cookie value is unique identification information. The generation time is the date and time when the viewer last visited the site. The expiry date is the time when the cookie is valid (available). The domain name is the domain of the advertiser website 30. The browser 8 (viewer) who browsed the advertiser website 30 is specified by the cookie.

(広告配信サーバの機能について)
クッキー生成部42は、広告主Webサイト30を閲覧したブラウザ8を識別するためのクッキーを生成する。クッキー生成部42は、クッキーを記憶部49のクッキー情報DB491に記憶させる。クッキー生成部42は、図5に示したCPU201がプログラム209pを実行すること等により実現される。
(About the function of the advertisement distribution server)
The cookie generator 42 generates a cookie for identifying the browser 8 that has browsed the advertiser website 30. The cookie generation unit 42 stores the cookie in the cookie information DB 491 of the storage unit 49. The cookie generation unit 42 is realized by the CPU 201 illustrated in FIG. 5 executing the program 209p.

広告提供部41は、情報処理装置10からクッキーと共に送信されるHTTPリクエストを解釈して、広告枠を購入する履歴管理サーバ20を決定し、広告要求タグをHTTPレスポンスとして情報処理装置10に送信する。広告提供部41は、図5に示したCPU201がプログラム209pを実行すること等により実現される。   The advertisement providing unit 41 interprets the HTTP request transmitted together with the cookie from the information processing apparatus 10, determines the history management server 20 for purchasing the advertisement space, and transmits the advertisement request tag to the information processing apparatus 10 as an HTTP response. . The advertisement providing unit 41 is realized by the CPU 201 illustrated in FIG. 5 executing the program 209p.

<<履歴管理サーバ20>>
履歴管理サーバ20は、広告画像通信部21、表示領域決定部22、及び操作履歴取得部23を有している。履歴管理サーバ20が有するこれらの各機能は、HDD209からメモリ202に展開されたプログラム209pをCPU201が実行することにより実現される機能又は手段である。
<< History management server 20 >>
The history management server 20 includes an advertisement image communication unit 21, a display area determination unit 22, and an operation history acquisition unit 23. These functions of the history management server 20 are functions or means realized by the CPU 201 executing the program 209p expanded from the HDD 209 to the memory 202.

また、履歴管理サーバ20は、図5に示したHDD209又はメモリ202により実現される記憶部29を有している。記憶部29には、操作履歴DB291、広告画像DB292及び配信設定DB293が構築されている。   Further, the history management server 20 has a storage unit 29 realized by the HDD 209 or the memory 202 shown in FIG. In the storage unit 29, an operation history DB 291, an advertisement image DB 292, and a distribution setting DB 293 are constructed.


表2は、操作履歴DB291に記憶される情報を模式的に示す。操作履歴DB291には各閲覧者が全天球画像に対しどのような操作を行ったのかという履歴が記録されている。操作履歴DB291には画像ID、閲覧時刻、クッキー、閲覧画角1〜3の各項目が記録されている。画像IDは全天球画像を特定するための情報である。クッキーは上記のとおりである。閲覧画角1〜3は閲覧者が全天球画像を閲覧した際の画角である。各閲覧画角1〜3には閲覧時間、拡大の有無、拡大した場合は拡大後の画角、及び、縮小の有無、が格納されている。このように、各画像ごとに閲覧者が興味を持ったと考えられる画角が記録される。履歴管理サーバ20は閲覧画角1〜3を参照して、広告時の全天球画像の表示領域を決定する。

Table 2 schematically shows information stored in the operation history DB 291. The operation history DB 291 records a history of what operation each viewer has performed on the omnidirectional image. In the operation history DB 291, items of image ID, browsing time, cookie, and viewing angle of view 1 to 3 are recorded. The image ID is information for specifying the omnidirectional image. The cookies are as described above. The viewing angle of view 1 to 3 is an angle of view when the viewer browses the omnidirectional image. Each viewing angle of view 1 to 3 stores the viewing time, the presence / absence of enlargement, the angle of view after enlargement when enlarged, and the presence / absence of reduction. In this way, the angle of view that the viewer is considered interested in is recorded for each image. The history management server 20 refers to the viewing angle of view 1 to 3 and determines the display area of the omnidirectional image at the time of advertisement.


表3は、広告画像DB292に記憶されている情報を模式的に示す。広告画像DB292には、広告の対象となる全天球画像に関する情報が登録されている。また、広告主Webサイト30で表示された全天球画像に関する情報が登録されている。広告画像DB292にはドメインに対応付けて、画像ID、画像、及び、画像内容が記憶されている。ドメイン名は広告主Webサイト30を特定するための情報である。画像IDは広告枠に表示される全天球画像を特定する情報である。広告主Webサイト30で表示された全天球画像の画像IDを含む。画像は全天球画像の画像データである。画像内容はどのような画像であるかを広告主が判断するための情報である。不動産であれば1つの物件のうち撮像場所が異なる複数の全天球画像が登録されている。

Table 3 schematically shows information stored in the advertisement image DB 292. In the advertisement image DB 292, information regarding the omnidirectional image to be advertised is registered. In addition, information regarding the omnidirectional image displayed on the advertiser Web site 30 is registered. The advertisement image DB 292 stores an image ID, an image, and an image content in association with the domain. The domain name is information for specifying the advertiser website 30. The image ID is information for specifying the omnidirectional image displayed in the advertising space. The image ID of the omnidirectional image displayed on the advertiser Web site 30 is included. The image is image data of a spherical image. The image content is information for the advertiser to determine what kind of image the image is. In the case of real estate, a plurality of omnidirectional images with different imaging locations are registered in one property.


表4は、配信設定DB293に記憶される情報を模式的に示す。配信設定DB293は履歴管理サーバ20がどのような規則で広告を配信するかが設定されている。配信設定DB293には、ドメイン名、広告対象、非広告対象、及び、広告内容の各項目が記録される。ドメイン名は、クッキーと広告配信を紐付けるための情報であり、広告主Webサイト30のドメインが設定される。広告対象は重点的に広告を閲覧させたい閲覧者の属性である。非広告対象は広告を閲覧させたくない閲覧者の属性である。広告内容は、どのような広告を閲覧させるかが設定される。例えば、広告内容が同じ商品の場合、閲覧者が広告主Webサイト30で閲覧した商品と同じ商品が広告となる。広告内容が類似商品の場合、閲覧者が広告主Webサイト30で閲覧した商品と類似した商品が広告となる。なお、表4では説明の便宜上、ドメインに配信設定が対応付けられているが、画像IDごとに配信設定が対応付けられていてもよい。画像ごとに細かに広告の配信方法を決定できる。

Table 4 schematically shows information stored in the distribution setting DB 293. The distribution setting DB 293 is set with what rules the history management server 20 distributes advertisements. Each item of domain name, advertisement target, non-advertisement target, and advertisement content is recorded in the distribution setting DB 293. The domain name is information for associating cookies with advertisement distribution, and the domain of the advertiser Web site 30 is set. The advertisement target is an attribute of a viewer who wants to browse advertisements with priority. The non-advertisement target is an attribute of a viewer who does not want to browse the advertisement. The advertisement content is set as to what kind of advertisement is to be viewed. For example, in the case of a product with the same advertisement content, the same product as the product browsed by the viewer on the advertiser website 30 is the advertisement. When the advertisement content is a similar product, a product similar to the product browsed by the viewer on the advertiser website 30 is the advertisement. In Table 4, for convenience of explanation, a distribution setting is associated with a domain, but a distribution setting may be associated with each image ID. It is possible to determine the advertisement distribution method in detail for each image.

(履歴管理サーバの機能について)
広告画像通信部21は情報処理装置10からクッキーを取得して、表示領域決定部22に広告として表示される全天球画像と表示領域を決定させる。また、広告情報(全天球画像と表示領域)を広告配信サーバ40に送信する。
(About history management server functions)
The advertisement image communication unit 21 acquires a cookie from the information processing apparatus 10 and causes the display area determination unit 22 to determine the omnidirectional image and display area to be displayed as an advertisement. In addition, the advertisement information (the omnidirectional image and the display area) is transmitted to the advertisement distribution server 40.

表示領域決定部22は、クッキーに基づいて閲覧者が閲覧していた画像IDを操作履歴DB291から特定する。また、クッキーに含まれるドメインで広告画像DB292を検索し、広告主Webサイト30を特定する。この広告主Webサイト30の全天球画像を画像IDで特定する。そして、この全天球画像の表示領域を操作履歴DB291の閲覧画角1〜3により決定する。   The display area determination unit 22 specifies the image ID that the viewer was browsing from the operation history DB 291 based on the cookie. Further, the advertisement image DB 292 is searched for the domain included in the cookie, and the advertiser website 30 is specified. The omnidirectional image of this advertiser Web site 30 is specified by the image ID. Then, the display area of this omnidirectional image is determined by the viewing angle of view 1 to 3 in the operation history DB 291.

まず、閲覧者が興味を持っている画角は長く表示されると考えられる。したがって、まず、閲覧時間が最も長い閲覧画角を表示領域に決定する。更に、拡大と縮小を考慮してもよい。拡大することは閲覧者が興味を持っていると考えられ、縮小することは閲覧者がより広い範囲に興味を持っていると考えられる。表示領域決定部22は、閲覧時間、拡大及び縮小をポイントに変換して、最もポイントが高い画角を表示領域に決定する。   First, it is considered that the angle of view that the viewer is interested in is displayed for a long time. Therefore, first, the viewing angle of view with the longest viewing time is determined as the display area. Furthermore, enlargement and reduction may be considered. Enlarging is considered to be interested in the viewer, and reducing is considered to be interested in a wider range. The display area determination unit 22 converts the viewing time, enlargement, and reduction into points, and determines the angle of view with the highest point as the display area.

閲覧画角1のポイント=10秒×1.5(拡大有り)=15
閲覧画角2のポイント=5秒×0.8(縮小有り)=4.8
閲覧画角3のポイント=3秒×1.5=4.5
操作履歴取得部23は、情報処理装置10からクッキーと共に操作履歴を取得し、操作履歴DB291に設定する。操作履歴取得部23は、図5に示したCPU201がプログラム209pを実行してネットワーク・ドライバ205を制御すること等により実現される。
Point of view angle of view = 10 seconds x 1.5 (with enlargement) = 15
Point of view angle of view 2 = 5 seconds x 0.8 (with reduction) = 4.8
Point of view angle of view 3 = 3 seconds x 1.5 = 4.5
The operation history acquisition unit 23 acquires the operation history together with the cookie from the information processing apparatus 10 and sets it in the operation history DB 291. The operation history acquisition unit 23 is realized by the CPU 201 illustrated in FIG. 5 executing the program 209p to control the network driver 205, and the like.

なお、情報処理装置10の操作履歴記録部154を履歴管理サーバ20が有していてもよい。操作履歴記録部154は時系列的な操作内容を必要とするので、通信帯域などによっては履歴管理サーバ20が取得することが困難になるおそれがある。これに対し、情報処理装置10の操作履歴記録部154は最終的な操作履歴のみを履歴管理サーバ20に送信すればよいので通信負荷を低減できる。   The history management server 20 may include the operation history recording unit 154 of the information processing apparatus 10. Since the operation history recording unit 154 requires time-series operation content, it may be difficult for the history management server 20 to acquire depending on the communication band. On the other hand, since the operation history recording unit 154 of the information processing apparatus 10 only needs to transmit only the final operation history to the history management server 20, the communication load can be reduced.

<各Webページが有する情報>
図11は、各Webページが有する情報を模式的に説明する図の一例である。図11(a)は広告主Webサイト30が提供するWebページであり、図11(b)はパートナーサイト50が提供するWebページである。
<Information held by each Web page>
FIG. 11 is an example of a diagram schematically illustrating information included in each Web page. FIG. 11A is a web page provided by the advertiser website 30, and FIG. 11B is a web page provided by the partner site 50.

広告主Webサイト30が提供するWebページは全天球画像401を有しており、全天球画像は画像IDを有している。また、広告主Webサイト30が提供するWebページによりリターゲティングタグ404が付随して情報処理装置10に送信される。リターゲティングタグ404には広告配信サーバ40のURLが記述されており、ブラウザ8はリターゲティングタグ404を実行して広告配信サーバ40からクッキー403を取得する。更に、リターゲティングタグ404には履歴管理サーバ20のURLが記述されており、ブラウザ8はリターゲティングタグ404を実行して履歴管理サーバ20に、クッキー403、画像ID及び操作履歴を送信する。   The web page provided by the advertiser website 30 has an omnidirectional image 401, and the omnidirectional image has an image ID. In addition, a retargeting tag 404 is attached to the information processing apparatus 10 by a web page provided by the advertiser website 30. The URL of the advertisement distribution server 40 is described in the retargeting tag 404, and the browser 8 executes the retargeting tag 404 and acquires the cookie 403 from the advertisement distribution server 40. Further, the URL of the history management server 20 is described in the retargeting tag 404, and the browser 8 executes the retargeting tag 404 and transmits the cookie 403, the image ID, and the operation history to the history management server 20.

パートナーサイト50が提供するWebページは広告枠402を有している。広告枠402にはアドタグなどのスクリプトと広告枠IDが対応付けられており、スクリプトには広告配信サーバ40のURLが記述されている。ブラウザ8はスクリプトを実行してクッキー403を広告配信サーバ40に送信する。   The web page provided by the partner site 50 has an advertising space 402. The advertisement frame 402 is associated with a script such as an ad tag and an advertisement frame ID, and the URL of the advertisement distribution server 40 is described in the script. The browser 8 executes the script and transmits the cookie 403 to the advertisement distribution server 40.

<閲覧画角について>
図12は、全天球画像の閲覧画角を説明する図の一例である。図12の全天球画像は正距円筒図法で表されている。閲覧者が操作する場合、図1(a)のように全天球のまま所定領域Tを表示させている。この場合、全天球画像の閲覧画角は全天球画像から切り抜かれる4点の座標で表現される。所定領域Tは矩形なので、本実施形態では対角頂点のみで閲覧画角が示される。
<About viewing angle of view>
FIG. 12 is an example of a diagram illustrating the viewing angle of view of the omnidirectional image. The omnidirectional image of FIG. 12 is represented by an equirectangular projection. When the viewer operates, the predetermined area T is displayed with the whole celestial sphere as shown in FIG. In this case, the viewing angle of view of the omnidirectional image is expressed by coordinates of four points cut out from the omnidirectional image. Since the predetermined area T is a rectangle, in this embodiment, the viewing angle of view is indicated only by the diagonal vertex.

<操作履歴>
図13は、操作履歴の記録を説明する図の一例である。閲覧者は広告主Webサイト30が提供するWebページの全天球画像を操作する。図13ではWebページの全天球画像を正距円筒図法で簡略化して示している。この全天球画像は不動産の物件のものであるため、キッチン341、玄関342、窓343、及び、ベランダ344(天井も床も写っているが省略されている)が写っている。
<Operation history>
FIG. 13 is an example of a diagram for explaining operation history recording. The viewer operates the omnidirectional image of the web page provided by the advertiser website 30. In FIG. 13, the omnidirectional image of the web page is simplified by equirectangular projection. Since this omnidirectional image is of a real estate property, the kitchen 341, the entrance 342, the window 343, and the veranda 344 (the ceiling and the floor are shown but omitted) are shown.

閲覧者は全天球画像を回転させて、興味のある対象(場所)を閲覧する。回転させている間は静止していないが、閲覧時間が所定以上になると操作履歴記録部154は閲覧画角301〜303と閲覧時間を記録する。また、拡大と縮小の有無、拡大後と縮小後の閲覧画角を記録する。   The viewer rotates the omnidirectional image and browses an object (location) of interest. Although it is not stationary during the rotation, the operation history recording unit 154 records the viewing angle of view 301 to 303 and the viewing time when the viewing time exceeds a predetermined value. Also, the presence / absence of enlargement / reduction, and the viewing angle of view after enlargement / reduction are recorded.

<動作手順>
図14、図15を用いて閲覧システム100の動作を説明する。図14は履歴管理サーバ20が操作履歴を記録するまでのシーケンス図であり、図15は情報処理装置10が広告を表示するまでのシーケンス図である。
<Operation procedure>
The operation of the browsing system 100 will be described with reference to FIGS. FIG. 14 is a sequence diagram until the history management server 20 records an operation history, and FIG. 15 is a sequence diagram until the information processing apparatus 10 displays an advertisement.

S1:まず閲覧者はブラウザ8を起動させる操作を行う。情報処理装置10はブラウザ8を起動させる。   S1: First, the viewer performs an operation for starting the browser 8. The information processing apparatus 10 activates the browser 8.

S2:閲覧者は広告主Webサイト30を表示させる操作を行い、情報処理装置10の操作受付部14は広告主Webサイト30のURLやIPアドレスを受け付ける。情報処理装置10のWebページ取得部11は広告主Webサイト30にWebページを要求する。   S2: The viewer performs an operation to display the advertiser website 30 and the operation reception unit 14 of the information processing apparatus 10 receives the URL and IP address of the advertiser website 30. The web page acquisition unit 11 of the information processing apparatus 10 requests a web page from the advertiser website 30.

S3:広告主Webサイト30のWebページ提供部31はリターゲティングタグを含む画面情報を情報処理装置10に送信する。リターゲティングタグの送信は画面情報と同時でなくてもよい。   S3: The web page providing unit 31 of the advertiser website 30 transmits screen information including the retargeting tag to the information processing apparatus 10. The retargeting tag may not be transmitted simultaneously with the screen information.

S4:Webページ解析部12はWebページを解析し、スクリプト(リターゲティングタグ)を検出すると共に、HTMLとCSSをWebページ表示部13に送出する。これにより広告主Webサイト30のWebページが表示される。   S4: The web page analysis unit 12 analyzes the web page, detects a script (retargeting tag), and sends HTML and CSS to the web page display unit 13. Thereby, the Web page of the advertiser Web site 30 is displayed.

S5:リターゲティングタグが実行されることでクッキー取得部152は、リターゲティングタグに記述された広告配信サーバ40のURLに対しクッキーを要求する。この時、広告主Webサイト30を特定するためWebページのドメイン名が送信される。   S5: When the retargeting tag is executed, the cookie acquisition unit 152 requests a cookie for the URL of the advertisement distribution server 40 described in the retargeting tag. At this time, the domain name of the web page is transmitted to identify the advertiser website 30.

S6:広告配信サーバ40のクッキー生成部42は、クッキー名、クッキー値、生成時刻、有効期限、及び、ドメイン名を含むクッキーを生成し、情報処理装置10に送信する。   S6: The cookie generation unit 42 of the advertisement distribution server 40 generates a cookie including a cookie name, a cookie value, a generation time, an expiration date, and a domain name, and transmits the cookie to the information processing apparatus 10.

S7:情報処理装置10のクッキー取得部152はクッキーを受信し、記憶部19に記憶させる。   S7: The cookie acquisition unit 152 of the information processing apparatus 10 receives the cookie and stores it in the storage unit 19.

S8:情報処理装置10の操作受付部14は閲覧者の全天球画像に対する操作を受け付け、操作履歴記録部154に通知する。操作履歴記録部154は操作履歴を記録する。閲覧者が複数の全天球画像を閲覧した場合、全ての全天球画像について操作履歴を記録する。   S8: The operation reception unit 14 of the information processing apparatus 10 receives an operation on the omnidirectional image of the viewer and notifies the operation history recording unit 154 of the operation. The operation history recording unit 154 records an operation history. When the viewer browses a plurality of omnidirectional images, the operation history is recorded for all the omnidirectional images.

S9:情報処理装置10の操作履歴送信部155は、リターゲティングタグに記述された履歴管理サーバ20のURLに対し、画像IDと共に操作履歴及びクッキーを履歴管理サーバ20に送信する。なお、操作履歴を送信するタイミングは、閲覧者が広告主Webサイト30の閲覧を終了した時でもよいし、1つの全天球画像の閲覧を終了して次の全天球画像の閲覧に遷移した時でもよい。あるいは、閲覧者の明示的な操作により送信してもよい。   S9: The operation history transmission unit 155 of the information processing apparatus 10 transmits the operation history and the cookie together with the image ID to the history management server 20 with respect to the URL of the history management server 20 described in the retargeting tag. Note that the timing for transmitting the operation history may be when the viewer has finished browsing the advertiser website 30 or has finished browsing one omnidirectional image and transitioning to browsing the next omnidirectional image. It may be when you do. Or you may transmit by an explicit operation of a viewer.

S10:履歴管理サーバ20の操作履歴取得部23は画像ID、操作履歴及びクッキーを受信し、操作履歴DB291に記憶させる。   S10: The operation history acquisition unit 23 of the history management server 20 receives the image ID, the operation history, and the cookie, and stores them in the operation history DB 291.

S11:次に、閲覧者はパートナーサイト50を表示させる操作を行い、情報処理装置10の操作受付部14はパートナーサイト50のURLやIPアドレスを受け付ける。情報処理装置10のWebページ取得部11はパートナーサイト50にWebページを要求する。   S11: Next, the viewer performs an operation of displaying the partner site 50, and the operation receiving unit 14 of the information processing apparatus 10 receives the URL and IP address of the partner site 50. The web page acquisition unit 11 of the information processing apparatus 10 requests a web page from the partner site 50.

S12:パートナーサイト50のWebページ提供部31は広告枠を含む画面情報を情報処理装置10に送信する。広告枠の送信は画面情報と同時でなくてもよい。   S12: The web page providing unit 31 of the partner site 50 transmits screen information including the advertising space to the information processing apparatus 10. The advertisement space may not be transmitted simultaneously with the screen information.

S13:Webページ解析部12はWebページを解析し、広告枠に対応づけられたスクリプトを検出すると共に、HTMLとCSSをWebページ表示部13に送出する。これによりパートナーサイト50のWebページが表示される。   S13: The web page analysis unit 12 analyzes the web page, detects a script associated with the advertising space, and sends HTML and CSS to the web page display unit 13. Thereby, the web page of the partner site 50 is displayed.

S14:広告枠のスクリプトが実行されることで広告取得部151は、広告枠に記述された広告配信サーバ40のURLに対しクッキーと広告枠IDを送信する。   S14: When the advertisement space script is executed, the advertisement acquisition unit 151 transmits the cookie and the advertisement space ID to the URL of the advertisement distribution server 40 described in the advertisement space.

S15:広告配信サーバ40の広告提供部41はクッキーと広告枠IDを受信する。広告配信サーバ40の広告提供部41は、受信したクッキーでクッキー情報DB491を検索する。クッキー情報DB491にクッキーが登録されている場合、広告配信サーバ40はリターゲティングの対象となる閲覧者がパートナーサイト50を訪れたことを検出する。   S15: The advertisement providing unit 41 of the advertisement distribution server 40 receives the cookie and the advertisement space ID. The advertisement providing unit 41 of the advertisement distribution server 40 searches the cookie information DB 491 with the received cookie. When a cookie is registered in the cookie information DB 491, the advertisement distribution server 40 detects that a viewer who is a target of retargeting has visited the partner site 50.

S16:情報処理装置10のブラウザ8が複数のクッキーを記憶している場合も少なくなく、この場合、広告取得部151は広告配信サーバ40に関連する全てのクッキーを広告配信サーバ40に送信する。広告提供部41はクッキーが有するドメインに基づいて入札を行う。履歴管理サーバ20にクッキーを送信すると、履歴管理サーバ20はクッキーのクッキー値、生成時刻や閲覧者の属性に基づいて入札する。   S16: The browser 8 of the information processing apparatus 10 often stores a plurality of cookies. In this case, the advertisement acquisition unit 151 transmits all cookies related to the advertisement distribution server 40 to the advertisement distribution server 40. The advertisement providing unit 41 bids based on the domain that the cookie has. When a cookie is transmitted to the history management server 20, the history management server 20 bids based on the cookie value of the cookie, the generation time, and the attributes of the viewer.

S17:広告提供部41は入札金額などの入札の基準を満たす履歴管理サーバ20に広告枠を販売する。本実施形態では履歴管理サーバ20がクッキー値に基づき操作履歴がある広告主Webサイト30の閲覧者であると特定し、広告枠を購入したものとする。   S17: The advertisement providing unit 41 sells the advertising space to the history management server 20 that satisfies the bidding criteria such as the bid amount. In the present embodiment, it is assumed that the history management server 20 has identified the viewer of the advertiser website 30 with the operation history based on the cookie value and purchased the advertising space.

S18:広告配信サーバ40の広告提供部41は広告要求タグ(プログラム)と広告枠IDを情報処理装置10に送信する。広告要求タグは、広告枠を購入した履歴管理サーバ20のURL等を含み、履歴管理サーバ20が購入した広告枠に配信する広告を情報処理装置10が要求するためのプログラムである。   S18: The advertisement providing unit 41 of the advertisement distribution server 40 transmits the advertisement request tag (program) and the advertisement space ID to the information processing apparatus 10. The advertisement request tag includes a URL of the history management server 20 that purchased the advertisement space, and is a program for the information processing apparatus 10 to request an advertisement distributed to the advertisement space purchased by the history management server 20.

S19:情報処理装置10の広告取得部151は広告要求タグを取得してこれを実行することで、履歴管理サーバ20に広告要求とクッキーを送信する。   S19: The advertisement acquisition unit 151 of the information processing apparatus 10 acquires an advertisement request tag and executes it, thereby transmitting an advertisement request and a cookie to the history management server 20.

S20:履歴管理サーバ20の広告画像通信部21は広告要求を受信し、表示領域決定部22にクッキーを送出する。表示領域決定部22は配信設定DB293を参照して配信設定を確認する。閲覧者の属性を確認し広告対象であり、非広告対象でないことを確認する。閲覧者の属性とは、年代、性別、職業、家族構成、年収、所在地などである。履歴管理サーバ20はクッキーに対応付けて閲覧者の属性を蓄積している。なお、閲覧者の属性は、広告配信サーバ40が蓄積していたものを利用してもよいし、閲覧者の属性を専門に蓄積するサーバから取得してもよい。履歴管理サーバ20の表示領域決定部22は、配信設定DB293を参照して広告内容を決定する。ここでは同じ商品が指定されたものとする。   S20: The advertisement image communication unit 21 of the history management server 20 receives the advertisement request and sends a cookie to the display area determination unit 22. The display area determination unit 22 refers to the distribution setting DB 293 and confirms the distribution setting. Check the viewer ’s attributes and make sure it ’s advertised and not non-advertised. Viewer attributes include age, gender, occupation, family composition, annual income, and location. The history management server 20 stores viewer attributes in association with cookies. Note that the browser attributes may be acquired from the advertisement distribution server 40 or may be acquired from a server that specially stores the viewer attributes. The display area determination unit 22 of the history management server 20 determines the advertisement content with reference to the distribution setting DB 293. Here, it is assumed that the same product is designated.

S21:表示領域決定部22はクッキーで操作履歴DB291を検索する。これにより、画像IDと閲覧画角1〜3が決定される。クッキーに対応付けられた画像IDが複数の場合がある。閲覧者が複数の全天球画像を閲覧した場合である。この場合、複数の全天球画像を全て送信してよい。あるいは、上記のポイントが最も高い閲覧画角を有する全天球画像に決定してもよいし、閲覧時刻が最も早い又は最も遅い全天球画像に決定してもよい。   S21: The display area determination unit 22 searches the operation history DB 291 using cookies. Thereby, the image ID and the viewing angle of view 1 to 3 are determined. There may be a plurality of image IDs associated with cookies. This is a case where a viewer browses a plurality of spherical images. In this case, all the plurality of omnidirectional images may be transmitted. Alternatively, the omnidirectional image having the highest viewing angle of view may be determined, or the omnidirectional image having the earliest or latest viewing time may be determined.

S22:表示領域決定部22は、閲覧画角1〜3をポイントに変換し、最もポイントが高い閲覧画角を表示領域に決定する。広告内容は「同じ画像」なので、表示領域決定部22は広告画像DB292から、ドメインと画像IDで特定される全天球画像を読み出す。   S22: The display area determination unit 22 converts the viewing angle of view 1 to 3 into points, and determines the viewing angle of view with the highest point as the display area. Since the advertisement content is “same image”, the display area determination unit 22 reads the omnidirectional image specified by the domain and the image ID from the advertisement image DB 292.

S23:広告画像通信部21は広告情報(全天球画像と表示領域)を情報処理装置10に送信する。   S23: The advertisement image communication unit 21 transmits the advertisement information (the omnidirectional image and the display area) to the information processing apparatus 10.

S24:情報処理装置10の広告取得部151は広告情報を受信する。広告表示部153は、広告要求タグで広告を要求した広告枠に、表示領域で決定される画角で全天球画像を表示する。   S24: The advertisement acquisition unit 151 of the information processing apparatus 10 receives the advertisement information. The advertisement display unit 153 displays the omnidirectional image at the angle of view determined in the display area in the advertisement frame for which the advertisement is requested by the advertisement request tag.

このように、本実施形態の閲覧システム100は、クッキーで閲覧者を追跡して閲覧者が興味を示した画角で全天球画像を表示できる。情報処理装置10はWebサイトを表示した直後(初期状態)から、閲覧者が興味を持った表示領域で全天球画像を表示できるのでクリック率を向上できる。   As described above, the browsing system 100 according to the present embodiment can display the omnidirectional image at an angle of view where the viewer is interested by tracking the viewer with the cookie. Since the information processing apparatus 10 can display the omnidirectional image in the display area in which the viewer is interested immediately after displaying the website (initial state), the click rate can be improved.

なお、本実施例では、広告配信サーバ40が広告要求タグを情報処理装置10に送信しているが、履歴管理サーバ20が広告配信サーバから広告情報を取得し、そのまま情報処理装置10に送信してもよい。   In this embodiment, the advertisement distribution server 40 transmits the advertisement request tag to the information processing apparatus 10, but the history management server 20 acquires the advertisement information from the advertisement distribution server and transmits it to the information processing apparatus 10 as it is. May be.

また、情報処理装置10は、広告主Webサイト30からリターゲティングタグを含む画面情報を取得し、パートナーサイト50から広告枠を含む画面情報を取得する構成としたが、例えば、リターゲティングタグを含む画面情報及び広告枠を含む画面情報を、広告主Webサイト30から取得するようにしても良い。更に、リターゲティングタグを含む画面情報及び広告枠を含む画面情報を、パートナーサイト50から取得するようにしても良い。   In addition, the information processing apparatus 10 acquires screen information including a retargeting tag from the advertiser website 30 and acquires screen information including an advertising space from the partner site 50. For example, the information processing apparatus 10 includes a retargeting tag. Screen information including screen information and advertisement space may be acquired from the advertiser website 30. Furthermore, screen information including a retargeting tag and screen information including an advertising space may be acquired from the partner site 50.

また、ステップS9において、情報処理装置10が操作履歴、クッキー、画像IDを履歴管理サーバ20に対して送信しているが、履歴管理サーバ20が、情報処理装置10で操作される画像IDを別の方法で取得する場合(例えば広告主Webサイト30から表示する画像が履歴管理サーバ20に対して通知され、履歴管理サーバ20が、情報処理装置10に画像を送信することで、履歴管理サーバ20が情報処理装置10で表示される画像を特定できる場合や、情報処理装置10が画面情報を解析し、操作対象となる画像を履歴管理サーバ20から別途取得して表示することで、履歴管理サーバ20が情報処理装置10で表示される画像を特定できる場合等)、情報処理装置10は、ステップS9において画像IDを送信しなくても良い。   In step S9, the information processing apparatus 10 transmits an operation history, a cookie, and an image ID to the history management server 20, but the history management server 20 determines the image ID operated by the information processing apparatus 10 separately. (For example, an image to be displayed from the advertiser website 30 is notified to the history management server 20, and the history management server 20 transmits the image to the information processing apparatus 10, thereby the history management server 20. Can identify an image to be displayed on the information processing apparatus 10, or the information processing apparatus 10 analyzes the screen information and separately acquires and displays an image to be operated from the history management server 20, thereby displaying the history management server. When 20 can identify an image displayed on the information processing apparatus 10), the information processing apparatus 10 may not transmit the image ID in step S <b> 9.

本実施例では、閲覧者が全天球画像以外の画像を閲覧している場合にも操作履歴を記録できる閲覧システム100について説明する。また、広告主Webサイト30とパートナーサイト50で異なる全天球画像を表示できる閲覧システム100について説明する。   In this embodiment, a browsing system 100 that can record an operation history even when a viewer is browsing an image other than the omnidirectional image will be described. In addition, a browsing system 100 that can display different spherical images on the advertiser website 30 and the partner site 50 will be described.

システム構成、ハードウェア構成、及び、機能ブロック図については実施例1と同様であるため、相違点を主に説明する。   Since the system configuration, hardware configuration, and functional block diagram are the same as those in the first embodiment, the differences will be mainly described.

<広告主Webサイトで平面画像が閲覧される場合>
図16は広告主Webサイト30で表示される画像を説明する図の一例である。この広告主Webサイト30では不動産のある物件の4つの平面画像311〜314が用意されている。閲覧者が任意の平面画像311〜314をクリックすると表示欄320にクリックした平面画像が大きく表示される。このような平面画像311〜314は画角が固定なので操作履歴記録部154が閲覧画角を記録できない。しかしながら、広告主は閲覧者が興味を示す対象を知りたいので、平面画像311〜314に何が写っているかが分かって入れれば、それを利用して適切な広告を提供できる。
<When a flat image is viewed on the advertiser website>
FIG. 16 is an example of a diagram illustrating an image displayed on the advertiser website 30. In this advertiser Web site 30, four plane images 311 to 314 of a property with real estate are prepared. When the viewer clicks on any of the planar images 311 to 314, the clicked planar image is displayed in a large size in the display column 320. Since such plane images 311 to 314 have a fixed angle of view, the operation history recording unit 154 cannot record the viewing angle of view. However, since the advertiser wants to know the object that the viewer is interested in, if it is understood what is shown in the planar images 311 to 314, an appropriate advertisement can be provided using that.

平面画像311〜314の場合、例えば平面画像311〜314のメタデータ(平面画像に関する情報が記録されたデータ)に撮像対象が記録されている。平面画像311の撮像対象はキッチン、平面画像312の撮像対象は玄関、平面画像313の撮像対象は窓、平面画像314の撮像対象はベランダである。操作履歴記録部154は表示欄320に拡大表示した平面画像の撮像対象を操作履歴として記録する。   In the case of the planar images 311 to 314, for example, the imaging target is recorded in the metadata of the planar images 311 to 314 (data in which information regarding the planar image is recorded). The imaging target of the planar image 311 is the kitchen, the imaging target of the planar image 312 is the entrance, the imaging target of the planar image 313 is the window, and the imaging target of the planar image 314 is the veranda. The operation history recording unit 154 records an imaging target of the planar image enlarged and displayed in the display field 320 as an operation history.

一方、図17に示すように、履歴管理サーバ20は全天球画像の画角と撮像対象を対応付けて広告画像DB292に保持している。図17は、広告画像DB292が有する情報を模式的に示す図である。図17では1つの全天球画像にキッチン、玄関、窓、及び、ベランダが写っている。広告画像DB292にはキッチン341、玄関342、窓343、及び、ベランダ344の画角が登録されている。   On the other hand, as illustrated in FIG. 17, the history management server 20 associates the angle of view of the omnidirectional image and the imaging target and holds them in the advertisement image DB 292. FIG. 17 is a diagram schematically illustrating information included in the advertisement image DB 292. In FIG. 17, the kitchen, the entrance, the window, and the veranda are shown in one spherical image. In the advertisement image DB 292, the angles of view of the kitchen 341, the entrance 342, the window 343, and the veranda 344 are registered.

したがって、操作履歴DB291に平面画像311(キッチン)の表示時間が一番長いと記録されていれば、表示領域決定部22は全天球画像のうちキッチンが写っている画角を、広告で表示させる初期の表示領域に決定できる。   Therefore, if it is recorded in the operation history DB 291 that the display time of the flat image 311 (kitchen) is the longest, the display area determination unit 22 displays the angle of view in which the kitchen is reflected in the omnidirectional image as an advertisement. The initial display area can be determined.

このように、閲覧者が全天球画像以外の画像を閲覧している場合にも操作履歴を記録し広告の表示領域を決定できる。なお、4つの平面画像311〜314と全天球画像は同じ物件が撮像されたものでもよいし、異なる物件が撮像されたものでもよい。   Thus, even when the viewer is browsing an image other than the omnidirectional image, the operation history is recorded and the display area of the advertisement can be determined. The four plane images 311 to 314 and the omnidirectional image may be images of the same property, or may be images of different properties.

<広告主Webサイトとパートナーサイトで異なる全天球画像を表示する場合>
同様の仕組みを操作履歴の記録に採用することで、閲覧システム100は広告主Webサイト30とパートナーサイト50で異なる全天球画像を表示できる。
<When displaying different spherical images on the advertiser website and partner site>
By adopting the same mechanism for recording the operation history, the browsing system 100 can display different spherical images on the advertiser website 30 and the partner site 50.

図18は、2つの全天球画像と対象が写っている画角を模式的に示す。2つの全天球画像は異なる物件のものであるので、どの画角に何が写っているかは同じでない。しかし、図17のように全天球画像の画角に写っている対象が広告画像DB292に設定されていれば、操作履歴記録部154が表示画角を記録することで、この表示画角に写っている対象を表示領域決定部22が決定できる。例えば、図18(a)の全天球画像が広告主Webサイト30で表示され、(Xs1,Ys1)(Xe1,Ye1)が閲覧画角として記録されたものとする。この閲覧画角はキッチンであることが広告画像DB292に設定されているので、図18(b)の全天球画像がパートナーサイト50で表示される場合、キッチンの画角である(Xs2,Ys2)(Xe2,Ye2)が表示領域になる。   FIG. 18 schematically shows two celestial sphere images and an angle of view in which the object is captured. Since the two spherical images are of different properties, what is reflected in which angle of view is not the same. However, as shown in FIG. 17, if the object shown in the angle of view of the omnidirectional image is set in the advertisement image DB 292, the operation history recording unit 154 records the display angle of view so that the display angle of view is displayed. The display area determination unit 22 can determine the object that is shown. For example, it is assumed that the omnidirectional image of FIG. 18A is displayed on the advertiser website 30 and (Xs1, Ys1) (Xe1, Ye1) is recorded as the viewing angle of view. Since the viewing angle of view is set in the advertisement image DB 292 to be a kitchen, when the omnidirectional image of FIG. 18B is displayed on the partner site 50, it is the angle of view of the kitchen (Xs2, Ys2 ) (Xe2, Ye2) is the display area.

<広告画像DB>   <Advertising image DB>


表5を用いて本実施例の広告画像DB292を説明する。なお、表5では主に表3との相違を説明する。表5(a)は平面画像が登録された広告画像DB292を示す。平面画像ごとに画像IDと対象が登録されている。表5(b)は全天球画像が登録された広告画像DB292を示す。表5(b)の広告画像DB292は対象及び対象画角の項目を有している。対象及び対象画角は撮像されている対象とその画角が対応付けられた情報である。

The advertisement image DB 292 of the present embodiment will be described using Table 5. Table 5 mainly explains differences from Table 3. Table 5 (a) shows the advertisement image DB 292 in which the planar image is registered. An image ID and a target are registered for each plane image. Table 5 (b) shows the advertisement image DB 292 in which the spherical image is registered. The advertisement image DB 292 in Table 5 (b) has items of target and target angle of view. The target and the target angle of view are information in which the target being imaged is associated with the angle of view.

表示領域決定部22は、広告主Webサイト30で平面画像が閲覧された場合、表5(a)で閲覧された平面画像に対応付けられた対象を特定し、この対象が写っている全天球画像の画角を表5(b)から特定できる。また、全天球画像が閲覧された場合、表5(b)で閲覧された全天球画像の表示画角(ポイントが最も高い)に対応付けられた対象を特定し、この対象と同じ対象が写っている別の全天球画像の画角を表5(b)から特定できる。   When a planar image is browsed on the advertiser website 30, the display area determination unit 22 identifies a target associated with the planar image browsed in Table 5 (a), and the whole sky in which this target is reflected. The angle of view of the spherical image can be specified from Table 5 (b). Further, when the omnidirectional image is browsed, the target associated with the display angle of view (the point is the highest) of the omnidirectional image browsed in Table 5 (b) is specified, and the same target as this target From Table 5 (b), the angle of view of another omnidirectional image in which can be seen can be specified.

<動作手順>
本実施例の閲覧システム100の動作のうち操作履歴の記録は実施例1と同様でよい。図19は操作履歴に基づいて表示領域を決定する手順のシーケンス図の一例である。なお、図19の説明では主に図15との相違を説明する。ステップS10〜S22の処理は図15と同様とする。ただし、ステップS20で広告内容が「類似商品」に決定されたものとする。
<Operation procedure>
Of the operations of the browsing system 100 according to the present embodiment, the operation history may be recorded as in the first embodiment. FIG. 19 is an example of a sequence diagram of a procedure for determining a display area based on an operation history. In the description of FIG. 19, differences from FIG. 15 are mainly described. The processes in steps S10 to S22 are the same as those in FIG. However, it is assumed that the advertisement content is determined as “similar products” in step S20.

S22-2:表示領域決定部22は、クッキーに含まれるドメインと画像IDで特定される広告画像DB292の対象及び対象画角を参照して、ステップS22で決定した表示領域に最も近い対象画角を決定する。表示領域の中心と対象画角の中心の距離を比較すればよい。そしてこの対象画角に対応付けられた対象を特定する。   S22-2: The display area determining unit 22 refers to the target and the target angle of view of the advertisement image DB 292 specified by the domain and the image ID included in the cookie, and the target angle of view closest to the display area determined in step S22. To decide. The distance between the center of the display area and the center of the target angle of view may be compared. And the object matched with this object view angle is specified.

S22-3:また、広告内容は「類似商品」であるので、表示領域決定部22は広告画像DB292から、クッキーに含まれるドメインと画像IDで特定される全天球画像を読み出す。そして、この全天球画像と類似する画像を広告画像DB292から特定する。類似する画像を特定する方法にはいくつかある。
・パターンマッチングなどの画像認識処理により類似する全天球画像を特定する
・それぞれの全天球画像(物件)の属性(一戸建て、マンション、部屋数、環境、駅までの距離等)を比較して類似する全天球画像を特定する
・閲覧者が閲覧した全天球画像と同じ全天球画像を閲覧した他の閲覧者が閲覧した全天球画像を類似していると決定する
・閲覧者の属性(年代、性別、職業、家族構成、年収、所在地)と類似した属性を有する閲覧者が閲覧した全天球画像を類似していると決定する
S22-4:表示領域決定部22は、ステップS22−2で決定した対象が、類似する全天球画像でどの画角に写っているかを広告画像DB292の対象と対象画角を参照して決定する。そしてこの対象画角を表示領域に決定する。以降の処理は図15と同様でよい。
S22-3: Since the advertisement content is “similar products”, the display area determination unit 22 reads the omnidirectional image specified by the domain and the image ID included in the cookie from the advertisement image DB 292. Then, an image similar to the omnidirectional image is specified from the advertisement image DB 292. There are several ways to identify similar images.
・ Identify similar celestial sphere images by image recognition processing such as pattern matching ・ Compare attributes of each celestial sphere image (property) (detached house, condominium, number of rooms, environment, distance to station, etc.) Identify similar omnidirectional images ・ Determine that omnidirectional images viewed by other viewers who viewed the same omnidirectional image viewed by the viewer are similar ・ Browsers Omnidirectional images viewed by viewers with similar attributes to the attributes (age, gender, occupation, family composition, annual income, location) of
S22-4: The display area determination unit 22 determines in which angle of view the target determined in step S22-2 is reflected in a similar omnidirectional image with reference to the target and target angle of view of the advertisement image DB 292. To do. This target angle of view is determined as a display area. The subsequent processing may be the same as in FIG.

このように本実施例の閲覧システム100は、操作履歴で興味があると推定される対象に基づいて全天球画像の表示領域を決定できる。したがって、操作履歴が記録される際の画像は全天球画像に限られない。また、広告主Webサイト30で表示された全天球画像と類似する全天球画像をパートナーサイト50で表示する際も閲覧者に最適な表示領域で表示できる。   As described above, the browsing system 100 according to the present embodiment can determine the display area of the omnidirectional image based on the target estimated to be interested in the operation history. Therefore, the image when the operation history is recorded is not limited to the omnidirectional image. In addition, when displaying an omnidirectional image similar to the omnidirectional image displayed on the advertiser Web site 30 on the partner site 50, it can be displayed in a display area optimum for the viewer.

なお、本実施例では、広告画像DB292に対象及び対象画角が登録されているとしたが、表示領域決定部22は画像処理により表示領域を決定してもよい。ポイントにより表示領域を決定すると、表示領域決定部22は表示領域に写っている対象(例えばキッチン)を、機械学習などを利用したパターンマッチングで特定する。類似する全天球画像に対しても同様のパターンマッチングで同じ対象が写っている対象画角を特定すると、類似する全天球画像で対象が写っている表示領域を決定できる。   In this embodiment, the target and the target angle of view are registered in the advertisement image DB 292. However, the display area determination unit 22 may determine the display area by image processing. When the display area is determined based on the points, the display area determination unit 22 identifies an object (for example, a kitchen) shown in the display area by pattern matching using machine learning or the like. By specifying a target angle of view in which the same target is captured with similar pattern matching for similar omnidirectional images, a display area in which the target is captured in similar omnidirectional images can be determined.

本実施例では、パートナーサイト50のWebページに広告として表示された全天球画像を閲覧者が切り替えることができる閲覧システム100について説明する。システム構成、ハードウェア構成、及び、機能ブロック図については実施例1と同様であるとし、相違点を主に説明する。   In the present embodiment, a browsing system 100 that allows a viewer to switch the omnidirectional image displayed as an advertisement on the Web page of the partner site 50 will be described. The system configuration, hardware configuration, and functional block diagram are the same as those in the first embodiment, and the differences will be mainly described.

図20は、本実施例のパートナーサイト50のWebページの一例を示す。図20では広告枠を拡大して示している。この広告枠は全天球画像表示欄332と、マップ欄331を有している。マップ欄331には全天球画像の撮像位置がA〜Cで示されている。閲覧者が撮像位置A〜Cを押下すると操作受付部14が受け付け、広告表示部153は押下された撮像位置の全天球画像を全天球画像表示欄332に表示する。   FIG. 20 shows an example of the web page of the partner site 50 of the present embodiment. In FIG. 20, the advertising space is shown enlarged. This advertising space has an omnidirectional image display field 332 and a map field 331. In the map column 331, the imaging positions of the omnidirectional images are indicated by A to C. When the viewer presses the imaging positions A to C, the operation receiving unit 14 receives the advertisement, and the advertisement display unit 153 displays the omnidirectional image of the pressed imaging position in the omnidirectional image display field 332.

このように閲覧者は複数の全天球画像から所望の全天球画像を選択して表示させることができる。図20の例では同じ物件の異なる撮像位置の全天球画像が選択可能であるが、異なる物件の全天球画像が選択可能でもよい。   In this way, the viewer can select and display a desired omnidirectional image from a plurality of omnidirectional images. In the example of FIG. 20, omnidirectional images of different imaging positions of the same property can be selected, but omnidirectional images of different properties may be selectable.

複数の全天球画像の決定方法を説明する。表示領域決定部22は、操作履歴DB291でクッキーから特定された画像IDの全天球画像を広告画像DB292から取得する。この時、画像IDの一部が同じ全天球画像は同じ物件の全天球画像なので、まとめて送信すると決定する。初期の表示領域については、画像IDが全く同じ全天球画像の表示領域を一致させる。   A method for determining a plurality of omnidirectional images will be described. The display area determination unit 22 acquires the omnidirectional image of the image ID specified from the cookie in the operation history DB 291 from the advertisement image DB 292. At this time, since the omnidirectional images having the same part of the image ID are omnidirectional images of the same property, it is determined to be transmitted together. As for the initial display area, the display areas of the omnidirectional images having exactly the same image ID are matched.

実施例2のように、操作履歴DB291でクッキーから特定された画像IDの全天球画像と類似する複数の全天球画像を情報処理装置10に送信する場合、表示領域決定部22は類似度の高い上位3〜4つの全天球画像を特定する。この場合、実施例2にて説明したように類似する全天球画像ごとに初期の表示領域を決定できる。   When the plurality of omnidirectional images similar to the omnidirectional image having the image ID specified from the cookie in the operation history DB 291 are transmitted to the information processing apparatus 10 as in the second embodiment, the display area determination unit 22 determines the similarity. The top three to four celestial sphere images with the highest are identified. In this case, as described in the second embodiment, an initial display area can be determined for each similar omnidirectional image.

情報処理装置10の操作履歴記録部154は閲覧時間に基づいて表示領域を決定すると説明したが、ヒートマップという手法で表示領域を決定してもよい。   Although the operation history recording unit 154 of the information processing apparatus 10 has been described as determining the display area based on the viewing time, the display area may be determined by a technique called a heat map.

図21はヒートマップを説明する図の一例である。操作履歴記録部154は一定時間以上、表示された閲覧画角を記録する。複数の閲覧画角が重なり合った場合、各々の中心点351bから平均の中心点352を算出する。そして、閲覧画角が重なりあう数が多いほど相対的に高値となるように中心点352に重み付けする値を決定する。図21(a)の点351aと点352の重み付け値では点352の方が大きい。   FIG. 21 is an example of a diagram illustrating a heat map. The operation history recording unit 154 records the displayed viewing angle of view for a predetermined time or more. When a plurality of viewing angle of view overlap, an average center point 352 is calculated from each center point 351b. Then, a value for weighting the center point 352 is determined so that the larger the number of viewing angle of view overlaps, the higher the value becomes. In the weighting values of the points 351a and 352 in FIG. 21A, the point 352 is larger.

よく見られている閲覧画角を視覚的に表した全天球画像を図21(b)に示す。中心点の近傍に等間隔に格子点が設定されており、中心点から離れるほど小さくなる重み付け値が設定されている。重み付け値が大きいほど濃い色で描画することで図21(b)のようなヒートマップ状の視覚効果が得られる。   FIG. 21 (b) shows an omnidirectional image visually representing a viewing angle of view that is often seen. Lattice points are set at equal intervals in the vicinity of the center point, and a weight value that decreases as the distance from the center point decreases. By drawing in a darker color as the weighting value is larger, a heat map-like visual effect as shown in FIG. 21B is obtained.

履歴管理サーバ20の表示領域決定部22は、重み付け値が最も高い中心点を含む所定の画角を表示領域に決定する。   The display area determination unit 22 of the history management server 20 determines a predetermined angle of view including the center point having the highest weight value as the display area.

ヒートマップを使用すれば、閲覧者が連続的に閲覧画角を変化させ閲覧時間が十分でないような場合でも閲覧者が興味を示した画角を表示領域に決定できる。   By using a heat map, even if the viewer continuously changes the viewing angle of view and the viewing time is not sufficient, the viewing angle at which the viewer has shown interest can be determined as the display area.

本実施例では広告枠に表示される全天球画像に関する情報の視認性を向上させる閲覧システム100について説明する。   In the present embodiment, a browsing system 100 that improves the visibility of information related to the omnidirectional image displayed in the advertising space will be described.

図22は広告枠402に表示された全天球画像に関する情報の表示例を示す。全天球画像に関する情報とは全天球画像のクリック(又はタップ)を促す文であり、例えば、全天球画像を説明する文章、広告主の名称や商品のブランド名、特典や期限などキャンペーンの内容、リンク先URLなど様々である。以下、全天球画像に関する情報を表示対象物51という。   FIG. 22 shows a display example of information related to the omnidirectional image displayed in the advertisement frame 402. The information about the omnidirectional image is a sentence that prompts the user to click (or tap) the omnidirectional image. Contents, link destination URLs, and the like. Hereinafter, information regarding the omnidirectional image is referred to as a display object 51.

図22を用いて本実施例が想定する課題を説明する。図22(a)では広告枠402の下側に表示対象物51が表示され、図22(b)では広告枠402の上側に表示対象物51が表示され、図22(c)では広告枠402の左側に表示対象物51が表示され、図22(d)では広告枠402の右側に表示対象物51が表示されている。図22の表示対象物51は矩形領域で表されているがここに例えばテキスト(文字)等が記述されていると理解されたい。   The problem assumed by the present embodiment will be described with reference to FIG. 22A, the display object 51 is displayed below the advertisement frame 402, the display object 51 is displayed above the advertisement frame 402 in FIG. 22B, and the advertisement frame 402 in FIG. 22C. The display object 51 is displayed on the left side of FIG. 22, and the display object 51 is displayed on the right side of the advertising space 402 in FIG. Although the display object 51 in FIG. 22 is represented by a rectangular area, it should be understood that, for example, text (characters) is described here.

閲覧者が、表示対象物51をクリック(又はタップ)すると情報処理装置10は表示対象物51に埋め込まれたリンク先のURLに接続する。全天球画像の画像部分はクリック(又はタップ)以外の操作で回転、拡大/縮小等が可能になっているので、閲覧者が誤って全天球画像をクリック(又はタップ)しても情報処理装置10はリンク先に接続しない。   When the viewer clicks (or taps) the display object 51, the information processing apparatus 10 connects to the link destination URL embedded in the display object 51. Since the image part of the omnidirectional image can be rotated, enlarged / reduced, etc., by operations other than clicking (or tapping), information is available even if the viewer accidentally clicks (or taps) the omnidirectional image. The processing device 10 is not connected to the link destination.

このように全天球画像に重ねて表示対象物51が表示されると以下のような不都合が生じる。図23を用いて説明する。   When the display object 51 is displayed so as to overlap the omnidirectional image in this way, the following inconvenience occurs. This will be described with reference to FIG.

図23は、全天球画像に重ねて表示された表示対象物51を説明する図の一例である。図23は正距円筒図法で表示された全天球画像の全体を表している。したがって、広告枠402に表示されるのはこのうちの一部の画角である。図23の画角Aが広告枠402に表示された場合、「サイトへゴー」という表示対象物51は空を背景に表示されるため視認性がよい。しかしながら、閲覧者は全天球画像を上下左右にスクロールしたり拡大・縮小したりすることで広告枠402における全天球画像の画角を任意に変更できる。また、全天球画像の全体を閲覧させるため、ブラウザが広告枠402の全天球画像を自動的に回転させる(例えば水平方向)に回転させる場合もある。   FIG. 23 is an example of a diagram for explaining the display object 51 displayed so as to overlap the omnidirectional image. FIG. 23 shows the whole celestial sphere image displayed by the equirectangular projection. Accordingly, a part of the angle of view is displayed in the advertisement frame 402. When the angle of view A in FIG. 23 is displayed in the advertising space 402, the display object 51 “go to site” is displayed with the sky in the background, so that the visibility is good. However, the viewer can arbitrarily change the angle of view of the omnidirectional image in the advertisement frame 402 by scrolling the celestial sphere image up and down, left and right, or by enlarging or reducing it. In addition, in order to browse the entire omnidirectional image, the browser may rotate the omnidirectional image of the advertisement frame 402 automatically (for example, in the horizontal direction).

これに対し、ある広告枠402における表示対象物51の位置は一定である。例えば、閲覧者が画角Bを広告枠402に表示した場合、表示対象物51と被写体(ビル)が重なってしまい、表示対象物51の視認性が低下してしまう。一般に、全天球画像の色と表示対象物51の色が近いと視認性が低下する。例えば、視認性の低下は画角Aでも空と表示対象物51の色が似ている場合には生じうる。逆に、画角Bでも被写体(ビル)と表示対象物51の色が大きく異なる場合は視認性が低下しにくい。   On the other hand, the position of the display object 51 in a certain advertisement frame 402 is constant. For example, when the viewer displays the angle of view B in the advertisement frame 402, the display target object 51 and the subject (building) overlap, and the visibility of the display target object 51 decreases. Generally, when the color of the omnidirectional image is close to the color of the display object 51, the visibility is lowered. For example, a reduction in visibility can occur when the color of the display object 51 is similar to the sky even at the angle of view A. On the other hand, even when the angle of view is B, if the color of the subject (building) and the display object 51 are significantly different, the visibility is unlikely to deteriorate.

平面画像が広告として表示される場合は、広告主が表示対象物51の位置を決定して、その位置の平面画像の色と異なる色で表示対象物51を表示すればよい。しかし、全天球画像の場合、広告枠402における表示対象物51の位置が一定であるのに対し、広告枠402に表示される画角が任意に変わるため、予め決定した表示対象物51の色と、表示対象物51の位置の全天球画像の色が似てしまう状況が生じうる。   When a planar image is displayed as an advertisement, the advertiser may determine the position of the display object 51 and display the display object 51 in a color different from the color of the planar image at that position. However, in the case of the omnidirectional image, the position of the display object 51 in the advertisement frame 402 is constant, but the angle of view displayed in the advertisement frame 402 is arbitrarily changed. A situation may occur in which the color and the color of the omnidirectional image at the position of the display object 51 are similar.

そこで、本実施例では、表示対象物51の視認性の低下を抑制する処理を施す閲覧システム100について説明する。具体的には、以下のような処理を行う。
1.表示対象物51の位置の全天球画像の色に応じて表示対象物51の色を変更する、
2.背景オブジェクトの表示
3.表示対象物51の表示位置の変更
を行う。
Therefore, in the present embodiment, a browsing system 100 that performs a process of suppressing a reduction in the visibility of the display object 51 will be described. Specifically, the following processing is performed.
1. Changing the color of the display object 51 according to the color of the omnidirectional image at the position of the display object 51;
2. 2. Display of background object The display position of the display object 51 is changed.

〔1.表示対象物の色の変更〕
<動作の概略>
図24は、本実施例の表示対象物51の表示方法の概略を説明する図の一例である。
(1)図24(a)に示すように、広告表示部153は表示対象物51の位置601における全天球画像の色を算出する。
(2)図24(b)に示すように、現在の表示対象物51の色を算出する。
(3)図24(c)に示すように、全天球画像の色と表示対象物51の色の色差が閾値より小さい場合、表示対象物51の色を色差が閾値以上となる色に変更する。
[1. (Change the color of the display object)
<Outline of operation>
FIG. 24 is an example of a diagram for explaining the outline of the display method of the display object 51 of the present embodiment.
(1) As shown in FIG. 24A, the advertisement display unit 153 calculates the color of the omnidirectional image at the position 601 of the display object 51.
(2) As shown in FIG. 24B, the current color of the display object 51 is calculated.
(3) As shown in FIG. 24C, when the color difference between the color of the omnidirectional image and the color of the display object 51 is smaller than the threshold value, the color of the display object 51 is changed to a color whose color difference is equal to or greater than the threshold value. To do.

こうすることで、全天球画像の色と表示対象物51の色の色差が常に閾値以上になるため、表示対象物51の視認性が低下することを抑制できる。   By doing so, since the color difference between the color of the omnidirectional image and the color of the display object 51 is always equal to or greater than the threshold value, it is possible to suppress the visibility of the display object 51 from being lowered.

<機能について>
図25は、本実施例の情報処理装置10の機能をブロック状に示す機能ブロック図の一例である。図25の説明では主に図10との相違を説明する。図25の情報処理装置10は広告表示部153が色差算出部153a、色差判断部153b、及び、色決定部153cを有する。これら各機能ブロックは広告情報に含まれるHTML、及び、JavaScript(登録商標)等により実現される機能又は手段である。
<About functions>
FIG. 25 is an example of a functional block diagram illustrating the functions of the information processing apparatus 10 according to the present embodiment in a block shape. In the description of FIG. 25, differences from FIG. 10 are mainly described. In the information processing apparatus 10 of FIG. 25, the advertisement display unit 153 includes a color difference calculation unit 153a, a color difference determination unit 153b, and a color determination unit 153c. Each of these functional blocks is a function or means realized by HTML, JavaScript (registered trademark), etc. included in the advertisement information.

色差算出部153aは、表示対象物51の位置601における全天球画像の色(例えば、表示対象物51の外接矩形の画素の平均)と表示対象物51の色の色差を算出する。LCD206はRGB色空間で画面を表示するので、RGB色空間で表示対象物51の位置601における全天球画像の色と表示対象物51の色の距離を一例として色差とする。   The color difference calculation unit 153a calculates the color difference between the color of the omnidirectional image at the position 601 of the display target object 51 (for example, the average of the circumscribed rectangular pixels of the display target object 51) and the color of the display target object 51. Since the LCD 206 displays the screen in the RGB color space, the color difference is taken as an example of the distance between the color of the omnidirectional image at the position 601 of the display object 51 and the color of the display object 51 in the RGB color space.

色差判断部153bは、この色差が閾値より小さいか否かを判断する。閾値は、視認性が保たれる色差として実験的に予め決定されているものとする。色差判断部153bは色差が閾値より小さい場合、色決定部153cに表示対象物51の色の決定を要求する。   The color difference determination unit 153b determines whether this color difference is smaller than a threshold value. The threshold value is experimentally determined in advance as a color difference that maintains visibility. When the color difference is smaller than the threshold value, the color difference determination unit 153b requests the color determination unit 153c to determine the color of the display object 51.

色決定部153cは、RGB色空間で表示対象物51の位置601における全天球画像の色に対する表示対象物51の色の色差が閾値以上になる色を決定する。例えば、RGB色空間において表示対象物51の位置601における全天球画像の色に対し、距離が閾値以上の色を表示対象物51の色に決定する。本実施例では実用性を考慮して補色関係を利用して色を決定するが、色差が閾値以上になる点は同様である。   The color determination unit 153c determines a color in which the color difference of the color of the display target 51 with respect to the color of the omnidirectional image at the position 601 of the display target 51 is greater than or equal to a threshold value in the RGB color space. For example, a color whose distance is equal to or greater than a threshold value is determined as the color of the display object 51 with respect to the color of the omnidirectional image at the position 601 of the display object 51 in the RGB color space. In this embodiment, the color is determined using the complementary color relationship in consideration of practicality, but the color difference is equal to or greater than the threshold value.

<履歴管理サーバの機能>
履歴管理サーバ20の機能に大きな変更はないが履歴管理サーバ20の広告画像DB292に表示対象物51に関する情報が記憶される。
<Function of history management server>
Although there is no major change in the function of the history management server 20, information related to the display object 51 is stored in the advertisement image DB 292 of the history management server 20.

表6は、広告画像DB292に記憶されている情報を模式的に示す。表6の説明では表3との相違を主に説明する。本実施例の広告画像DB292は表示対象物51という項目を有する。表示対象物51の項目にはそれぞれ表示位置に対応付けて表示対象物51が登録されている。表示位置は広告枠402の左上コーナを原点とする座標で表示対象物51の位置を指定する。表示対象物51は例えばテキスト(*.txt)、及び/又は画像(*.jpg)等である。図示するように1つの広告画像が複数の表示対象物51を有してよい。情報処理装置10の広告表示部153はこの表示位置に表示対象物51を表示する。表示対象物51の色は情報処理装置10側で変更されるため、履歴管理サーバ20が初期値として保持する色は例えば黒など所定の色でよいものとする。なお、表示対象物51としての画像は例えば再生ボタン、拡大ボタン、又は縮小ボタン等を示すアイコンである。テキストが画像として提供されてもよい。 Table 6 schematically shows information stored in the advertisement image DB 292. In the description of Table 6, differences from Table 3 will be mainly described. The advertisement image DB 292 of the present embodiment has an item of display object 51. In the display object 51 item, the display object 51 is registered in association with the display position. The display position designates the position of the display object 51 using coordinates with the upper left corner of the advertisement frame 402 as the origin. The display object 51 is, for example, text (* .txt) and / or an image (* .jpg). As shown in the figure, one advertisement image may have a plurality of display objects 51. The advertisement display unit 153 of the information processing apparatus 10 displays the display object 51 at this display position. Since the color of the display object 51 is changed on the information processing apparatus 10 side, the color held by the history management server 20 as an initial value may be a predetermined color such as black. The image as the display object 51 is an icon indicating, for example, a reproduction button, an enlargement button, a reduction button, or the like. Text may be provided as an image.

<色差の一例>
図26(a)は、RGB色空間を模式的に示す図である。表示対象物51の位置601における全天球画像の色501、及び、表示対象物51の色502はRGB色空間でそれぞれ一意に定まる。したがって、色差算出部153aはこの2つの色の距離Lを算出すればよい。しかし、仮に距離Lが閾値より小さい場合に、表示対象物51の位置601における全天球画像の色501に対しどの方向に表示対象物51の色を変更すればよいかを判断しにくい。
<Example of color difference>
FIG. 26A is a diagram schematically showing the RGB color space. The color 501 of the omnidirectional image at the position 601 of the display object 51 and the color 502 of the display object 51 are uniquely determined in the RGB color space. Therefore, the color difference calculation unit 153a may calculate the distance L between the two colors. However, if the distance L is smaller than the threshold value, it is difficult to determine in which direction the color of the display object 51 should be changed with respect to the color 501 of the omnidirectional image at the position 601 of the display object 51.

そこで、図26(b)に示すようにHSV色空間に変更して色決定部153cが表示対象物51の色を決定することが有効である。図26(b)はHSV色空間の色相環602を示す。色相環602では、時計回りに赤→橙→黄→緑→青→藍→紫の色を辿るように色が配置されている。図26(b)では12個の色しかないが実際には色は連続的に変化しており360度の円となる。色相環602は、180度異なる色同士が補色の関係になるという特徴がある。補色とは互いの色を最も目立たせる色の組み合わせをいう。   Therefore, it is effective that the color determination unit 153c determines the color of the display object 51 by changing to the HSV color space as shown in FIG. FIG. 26B shows a hue ring 602 in the HSV color space. In the hue ring 602, colors are arranged so as to follow red, orange, yellow, green, blue, indigo, and purple in a clockwise direction. In FIG. 26 (b), there are only 12 colors, but in actuality, the colors change continuously and form a circle of 360 degrees. The hue ring 602 is characterized in that colors different by 180 degrees have a complementary color relationship. Complementary colors are combinations of colors that make each other's colors stand out most.

したがって、表示対象物51の位置601における全天球画像の色501に対し、表示対象物51の色502が補色の関係になるように色決定部153cが色を決定すれば視認性を維持できると考えられる。また、このように決定された表示対象物51の色はRGB色空間においても表示対象物51の位置601における全天球画像の色501に対し閾値以上の距離を有する。   Therefore, the visibility can be maintained if the color determining unit 153c determines the color so that the color 502 of the display object 51 is complementary to the color 501 of the omnidirectional image at the position 601 of the display object 51. it is conceivable that. Further, the color of the display object 51 determined in this way has a distance equal to or greater than a threshold with respect to the color 501 of the omnidirectional image at the position 601 of the display object 51 in the RGB color space.

したがって、色決定部153cは、RGB色空間の色をHSV色空間に変換し、補色の関係になる色を決定し、再度、RGB色空間に戻せばよい。RGB色空間とHSV色空間の変換は以下の式で行われる。
・RGBからHSVへの変換
S=255×(max−min)/max
V=max
Hについては場合分けして求められる。
Rがmaxの場合:H=60×(B−G)/(max−min)
Gがmaxの場合:H=60×{2+(R−B)}/(max−min)}
Bがmaxの場合:H=60×{4+(G−R)}/(max−min)}
ただし、maxはRGBうちの最大値、minはRGBのうち最小値である。
・HSVからRGBへの変換
Hi=H÷60の商の整数部分(0〜5を取る)
F=H/60−Hi
M=V×(1−S/255)
N=V×(1−(S/255)×F)
K=V×{1−S/255×(1−F))
Hi=0 → R=V,G=K,B=M
Hi=1 → R=N,G=V,B=M
Hi=2 → R=M,G=V,B=K
Hi=3 → R=M,G=N,B=V
Hi=4 → R=K,G=M,B=V
Hi=5 → R=V,G=M,B=N
なお、RGB色空間からHSV色空間への変換は一例であり、色決定部153cはLab色空間へ変換してから色差が閾値以上の色を決定してもよい。
Therefore, the color determination unit 153c may convert the color in the RGB color space to the HSV color space, determine a color that has a complementary color relationship, and return it to the RGB color space again. Conversion between the RGB color space and the HSV color space is performed by the following equation.
Conversion from RGB to HSV S = 255 × (max−min) / max
V = max
H is obtained separately for each case.
When R is max: H = 60 × (B−G) / (max−min)
When G is max: H = 60 × {2+ (R−B)} / (max−min)}
When B is max: H = 60 × {4+ (G−R)} / (max−min)}
However, max is the maximum value of RGB, and min is the minimum value of RGB.
・ Conversion from HSV to RGB Hi = H ÷ 60 integer part (takes 0 to 5)
F = H / 60-Hi
M = V × (1−S / 255)
N = V × (1− (S / 255) × F)
K = V × {1-S / 255 × (1-F))
Hi = 0 → R = V, G = K, B = M
Hi = 1 → R = N, G = V, B = M
Hi = 2 → R = M, G = V, B = K
Hi = 3 → R = M, G = N, B = V
Hi = 4 → R = K, G = M, B = V
Hi = 5 → R = V, G = M, B = N
Note that conversion from the RGB color space to the HSV color space is an example, and the color determination unit 153c may determine a color having a color difference equal to or greater than a threshold value after conversion to the Lab color space.

<動作手順>
図27は、情報処理装置10が表示対象物51の色を決定して表示する手順を示すフローチャート図の一例である。適宜、図28を参照して説明する。
<Operation procedure>
FIG. 27 is an example of a flowchart illustrating a procedure in which the information processing apparatus 10 determines and displays the color of the display object 51. This will be described with reference to FIG. 28 as appropriate.

情報処理装置10の広告取得部151は図15のステップ23に示すように広告情報を受信する(S10)。この広告情報には、履歴管理サーバ20が決定した表示領域、及び、広告画像DB292に記憶されている表示対象物51に関する情報(表示位置、テキスト及び画像)が含まれる。   The advertisement acquisition unit 151 of the information processing apparatus 10 receives the advertisement information as shown in step 23 of FIG. 15 (S10). This advertisement information includes the display area determined by the history management server 20 and information (display position, text, and image) related to the display object 51 stored in the advertisement image DB 292.

次に、広告表示部153は広告情報を取得し、色差算出部153aが表示対象物51の位置601の全天球画像の色を算出する(S20)。図28に示すように、履歴管理サーバ20が決定した表示領域で指定される全天球画像のある画角が透視投影変換により広告枠402に平面画像として表示される。表示対象物51の位置は二次元座標で、例えば表示対象物51の外接矩形の左上コーナの座標が指定されている。文字サイズは予め指示されている。したがって、表示対象物51の位置601(表示対象物51が占める範囲)が明らかになる。表示対象物51の視認性に影響するのは表示対象物51の背景部分の色なので例えば表示対象物51の全体の外接矩形の色の平均値を算出する。   Next, the advertisement display unit 153 acquires advertisement information, and the color difference calculation unit 153a calculates the color of the omnidirectional image at the position 601 of the display object 51 (S20). As shown in FIG. 28, a certain angle of view of the omnidirectional image specified in the display area determined by the history management server 20 is displayed as a planar image in the advertisement frame 402 by perspective projection conversion. The position of the display object 51 is a two-dimensional coordinate. For example, the coordinates of the upper left corner of the circumscribed rectangle of the display object 51 are designated. The character size is specified in advance. Therefore, the position 601 of the display object 51 (the range occupied by the display object 51) becomes clear. Since it is the color of the background part of the display target object 51 that affects the visibility of the display target object 51, for example, the average value of the color of the entire circumscribed rectangle of the display target object 51 is calculated.

色決定部153cは、ステップS20で算出した色との距離が閾値以上の色を表示対象物51の色に決定する(S30)。上記のように、表示対象物51の位置の全天球画像の色(RGB)をHSV色空間に変換し補色を決定し、この補色をRGB色空間の色に変更する。   The color determination unit 153c determines a color whose distance from the color calculated in step S20 is equal to or greater than a threshold as the color of the display object 51 (S30). As described above, the color (RGB) of the omnidirectional image at the position of the display object 51 is converted into the HSV color space to determine a complementary color, and the complementary color is changed to a color in the RGB color space.

広告表示部153は広告画像の手前側に表示対象物51を重ねて表示する(S40)。   The advertisement display unit 153 displays the display object 51 so as to overlap the front side of the advertisement image (S40).

なお、図27の処理では、広告画像を情報処理装置10が受信した際に必ず表示対象物51の色が決定されているが、初期値の表示対象物51の色と表示対象物51の位置601の全天球画像の色の色差を算出し、色差が閾値以上であれば初期値の色で表示対象物51を表示してもよい。   In the process of FIG. 27, the color of the display object 51 is always determined when the information processing apparatus 10 receives the advertisement image. However, the initial color of the display object 51 and the position of the display object 51 are determined. The color difference between the colors of the celestial sphere image 601 may be calculated, and the display object 51 may be displayed with the initial color if the color difference is equal to or greater than a threshold value.

図29は、全天球画像に対する表示対象物51の位置601が変わった場合に情報処理装置10が表示対象物51の色を決定して表示する手順を示すフローチャート図の一例である。   FIG. 29 is an example of a flowchart illustrating a procedure in which the information processing apparatus 10 determines and displays the color of the display object 51 when the position 601 of the display object 51 with respect to the omnidirectional image changes.

閲覧者は広告枠402の全天球画像を回転させたり拡大又は縮小させたりすることができるので、全天球画像に対する表示対象物51の位置が変わりうる。このため、広告表示部153は操作受付部14から操作の有無を取得し全天球画像が操作されたか否かを判断する(S10)。   Since the viewer can rotate, enlarge, or reduce the omnidirectional image of the advertisement frame 402, the position of the display object 51 with respect to the omnidirectional image can change. For this reason, the advertisement display unit 153 acquires the presence / absence of an operation from the operation reception unit 14 and determines whether or not the omnidirectional image has been operated (S10).

ステップS10の判断がYesの場合、広告表示部153は閲覧者が操作した画角で全天球画像を表示する(S20)。   When the determination in step S10 is Yes, the advertisement display unit 153 displays the omnidirectional image at the angle of view operated by the viewer (S20).

次に、広告表示部153は一定時間が経過したか否かを判断する(S30)。全天球画像が自動的に回転する場合があり(広告表示部153が回転させる)、この一定時間は最後にステップS30を判断してから経過した所定の時間である。   Next, the advertisement display unit 153 determines whether or not a certain time has elapsed (S30). In some cases, the omnidirectional image is automatically rotated (the advertisement display unit 153 rotates), and this predetermined time is a predetermined time that has elapsed since step S30 was last determined.

ステップS20に続いて、又は、ステップS30の判断がYesの場合、全天球画像に対する表示対象物51の位置601が変わっているので、色差算出部153aは表示対象物51の位置601の全天球画像の色を算出する(S40)。算出方法は図27と同様でよい。   Subsequent to step S20 or when the determination in step S30 is Yes, the position 601 of the display object 51 with respect to the omnidirectional image has changed, so the color difference calculation unit 153a has the omnidirectional position of the display object 51 at the position 601. The color of the sphere image is calculated (S40). The calculation method may be the same as in FIG.

そして、色差判断部153bは表示対象物51の位置601の全天球画像の色と表示対象物51の色の色差が閾値より小さいか否かを判断する(S50)。   Then, the color difference determination unit 153b determines whether or not the color difference between the color of the omnidirectional image at the position 601 of the display object 51 and the color of the display object 51 is smaller than the threshold (S50).

ステップS50の判断がNoの場合、視認性が落ちていないと判断されるので、表示対象物51の色は変更されない。   When the determination in step S50 is No, it is determined that the visibility is not lowered, so the color of the display object 51 is not changed.

ステップS50の判断がYesの場合、色決定部153cは表示対象物51の色との距離が閾値以上の色を表示対象物51の色に決定する(S60)。決定方法は図27と同様でよい。   When the determination in step S50 is Yes, the color determination unit 153c determines a color whose distance from the color of the display target object 51 is equal to or greater than a threshold as the color of the display target object 51 (S60). The determination method may be the same as in FIG.

広告表示部153は広告画像の手前側に表示対象物51を重ねて表示する(S70)。   The advertisement display unit 153 displays the display object 51 so as to overlap the front side of the advertisement image (S70).

広告表示部153は図29の処理を繰り返すことで、常に、表示対象物51の視認性を確保することができる。   The advertisement display unit 153 can always ensure the visibility of the display object 51 by repeating the processing of FIG.

〔2.背景オブジェクトの表示〕
表示対象物51の色を変えるのでなく、表示対象物51に背景オブジェクトを重ねて表示してもよい。図30を用いて説明する。
[2. (Display of background object)
Instead of changing the color of the display object 51, a background object may be superimposed on the display object 51. This will be described with reference to FIG.

図30は、表示対象物51に重ねて表示される背景オブジェクト52を説明する図の一例である。図30(a)では表示対象物51の位置601の色と表示対象物51の色が似ているため表示対象物51の視認性が低下している。図30(b)では表示対象物51に重ねて背景オブジェクト52が表示されている。背景オブジェクト52の色は表示対象物51の色と異なる(例えば補色)なので、視認性が低下しにくい。   FIG. 30 is an example of a diagram for explaining the background object 52 displayed so as to be superimposed on the display object 51. In FIG. 30A, since the color of the position 601 of the display target object 51 is similar to the color of the display target object 51, the visibility of the display target object 51 is lowered. In FIG. 30B, a background object 52 is displayed over the display object 51. Since the color of the background object 52 is different from the color of the display object 51 (for example, complementary color), the visibility is unlikely to deteriorate.

背景オブジェクト52は、表示対象物51と同じ広さ以上の均一な色の領域である。例えば、外接矩形又はそれよりもやや大きい矩形領域である。全天球画像における表示対象物51の色が算出される範囲と同じとしてもよい。表示対象物51と同じ広さ以上であれば円形、楕円、多角形、吹き出し、又は、不定型などでもよい。また、背景オブジェクト52は表示対象物51の一部のみと重なってもよい。また、背景オブジェクト52の色は表示対象物51を閲覧者が視認できる程度に異なる色であればよい。   The background object 52 is a uniform color area that is equal to or larger than the display object 51. For example, a circumscribed rectangle or a rectangular area slightly larger than that. It may be the same as the range in which the color of the display object 51 in the omnidirectional image is calculated. A circle, an ellipse, a polygon, a balloon, an indeterminate shape, or the like may be used as long as it is equal to or larger than the display object 51. Further, the background object 52 may overlap only a part of the display object 51. Moreover, the color of the background object 52 should just be a different color so that the viewer can visually recognize the display target object 51.

また、背景オブジェクト52は透過度が設定されていることが有効である。透過度は例えば0〜100%で指定され、透過度0%が背面の画像を透過させない通常の画像であり、透過度100%が背面の画像を完全に透過させる画像である。透過度の値は例えば10〜90%の間で適宜、決定されればよい。透過度が設定された背景オブジェクト52は表示対象物51の視認性を向上させると共に、背景オブジェクト52と重なっている全天球画像の閲覧を可能にする。   In addition, it is effective that the background object 52 has transparency set. For example, the transparency is specified as 0 to 100%. The transparency of 0% is a normal image that does not transmit the back image, and the transparency of 100% is an image that completely transmits the back image. The transmittance value may be appropriately determined between 10% and 90%, for example. The background object 52 in which the transparency is set improves the visibility of the display object 51 and enables browsing of the omnidirectional image that overlaps the background object 52.

図31(a)は情報処理装置10が背景オブジェクトを表示する手順を示すフローチャート図の一例である。図31(a)の説明では図27との相違を説明する。   FIG. 31A is an example of a flowchart illustrating a procedure in which the information processing apparatus 10 displays a background object. In the description of FIG. 31A, differences from FIG. 27 will be described.

情報処理装置10の広告取得部151は図15のステップ23に示すように広告情報を受信する(S10)。   The advertisement acquisition unit 151 of the information processing apparatus 10 receives the advertisement information as shown in step 23 of FIG. 15 (S10).

次に、広告表示部153は広告情報を取得し、色差算出部153aが表示対象物51の色を取得する(S20)。色差算出部153aは表示対象物51の属性として定められている初期値の色を取得する。   Next, the advertisement display unit 153 acquires advertisement information, and the color difference calculation unit 153a acquires the color of the display object 51 (S20). The color difference calculation unit 153a acquires an initial color set as an attribute of the display object 51.

色決定部153cは、表示対象物51の色との距離が閾値以上の色を背景オブジェクトの色に決定する(S30)。すなわち、表示対象物51の色(RGB)をHSV色空間に変換し補色を決定し、この補色をRGB色空間の色に変更する。   The color determining unit 153c determines a color whose distance from the color of the display target object 51 is equal to or greater than a threshold as the color of the background object (S30). That is, the color (RGB) of the display object 51 is converted into the HSV color space to determine a complementary color, and this complementary color is changed to a color in the RGB color space.

広告表示部153は広告画像に重ねて背景オブジェクト52と表示対象物51を表示する(S40)。   The advertisement display unit 153 displays the background object 52 and the display object 51 so as to overlap the advertisement image (S40).

なお、図31(a)の処理では、背景オブジェクト52の色が決定されているが、情報処理装置10が予め初期値の表示対象物51の色と補色の関係にある背景オブジェクト52の色を決定しておいてもよい。   In the process of FIG. 31A, the color of the background object 52 is determined. However, the information processing apparatus 10 previously selects the color of the background object 52 that has a complementary color relationship with the color of the display object 51 of the initial value. It may be determined.

また、図31(a)では、広告画像を情報処理装置10が受信した際に必ず背景オブジェクト52が表示されているが、全天球画像における表示対象物51の位置601の色と表示対象物51の色の色差を情報処理装置10が算出し、閾値以上であれば背景オブジェクトが表示されなくてもよい。   In FIG. 31A, the background object 52 is always displayed when the information processing apparatus 10 receives the advertisement image, but the color of the position 601 of the display target 51 in the omnidirectional image and the display target are displayed. The information processing apparatus 10 calculates the color difference of 51 colors, and the background object may not be displayed as long as it is equal to or greater than the threshold value.

図31(b)は、全天球画像に対する表示対象物51の位置601が変わった場合に情報処理装置10が背景オブジェクトの色を決定して表示する手順を示すフローチャート図の一例である。図31(b)の説明では図29との相違を説明する。まず、ステップS10〜S50の処理は図29と同様である。   FIG. 31B is an example of a flowchart illustrating a procedure in which the information processing apparatus 10 determines and displays the color of the background object when the position 601 of the display object 51 with respect to the omnidirectional image changes. In the description of FIG. 31B, differences from FIG. 29 will be described. First, the processing in steps S10 to S50 is the same as that in FIG.

ステップS50の判断がYesの場合、色決定部153cは表示対象物51の色との距離が閾値以上の色を背景オブジェクト52の色に決定する(S60)。決定方法は図31(a)と同様でよい。   When the determination in step S50 is Yes, the color determination unit 153c determines a color whose distance from the display object 51 is equal to or greater than a threshold as the color of the background object 52 (S60). The determination method may be the same as in FIG.

ステップS50の判断がNoの場合、視認性が落ちないと判断されるので、色決定部153cは背景オブジェクト52を消去する(S62)。   If the determination in step S50 is No, it is determined that the visibility is not lowered, so the color determination unit 153c deletes the background object 52 (S62).

広告表示部153は広告画像に背景オブジェクト52と表示対象物51を重ねて表示する(S70)。   The advertisement display unit 153 displays the background image 52 and the display object 51 so as to overlap the advertisement image (S70).

背景オブジェクト52であれば表示対象物51の色を変えるよりも表示対象物51をより目立たせることが可能になる。透過度を設定することで背景オブジェクト52と重なっている全天球画像の閲覧を可能にすることができる。   In the case of the background object 52, the display object 51 can be made more conspicuous than the color of the display object 51 is changed. By setting the transparency, it is possible to browse the omnidirectional image that overlaps the background object 52.

なお、背景オブジェクト52が表示されない場合(図28のようにテキストの色が変更される場合)であっても、テキストが半透明で表示されてよい。テキストの視認性は若干低下するが、テキストと重なった全天球画像の閲覧が可能になる。   Even when the background object 52 is not displayed (when the color of the text is changed as shown in FIG. 28), the text may be displayed translucently. Although the visibility of the text is slightly reduced, it is possible to view the omnidirectional image that overlaps the text.

〔3.表示対象物51の表示位置の変更〕
表示対象物51の色を変えるのでなく表示対象物51の表示位置を変更してもよい。
図32は表示位置の変更を説明する図の一例である。例えば、図32(a)〜(c)に示すように予め表示対象物51の表示の候補となる表示位置A〜Cが決定されている。色差算出部153aは表示位置A〜Cのうち最も色差が大きい表示位置を決定し、広告表示部153は該表示位置に表示対象物51を表示する。こうすることで、表示対象物51との色差が最も大きい表示位置に表示対象物51を表示することができる。
[3. Change of display position of display object 51)
The display position of the display object 51 may be changed instead of changing the color of the display object 51.
FIG. 32 is an example of a diagram for explaining the change of the display position. For example, as shown in FIGS. 32A to 32C, display positions A to C that are candidates for display of the display object 51 are determined in advance. The color difference calculation unit 153a determines the display position having the largest color difference among the display positions A to C, and the advertisement display unit 153 displays the display object 51 at the display position. By doing so, the display object 51 can be displayed at the display position where the color difference from the display object 51 is the largest.

図32では3つの表示位置A〜Cしかないが表示位置の候補は4つ以上でもよい。また、表示位置は重複してもよく、処理負荷を許容できる範囲で候補の数が多いほど色差が大きい表示位置を決定しやすい。また、図32の表示位置A〜Cは横書きの表示対象物51の表示に適した形状であるが、縦書きの表示対象物51の表示に適した表示位置の候補も用意され、履歴管理サーバ20から適宜、使用する表示位置の候補が指示される。   In FIG. 32, there are only three display positions A to C, but there may be four or more display position candidates. In addition, the display positions may overlap, and it is easier to determine a display position with a larger color difference as the number of candidates increases within a range where the processing load can be tolerated. 32 are shapes suitable for the display of the horizontally written display object 51, but display position candidates suitable for the display of the vertically written display object 51 are also prepared. A candidate for a display position to be used is instructed from 20 as appropriate.

図33(a)は情報処理装置10が背景オブジェクトを表示する手順を示すフローチャート図の一例である。図33(a)の説明では図31(a)との相違を説明する。   FIG. 33A is an example of a flowchart illustrating a procedure in which the information processing apparatus 10 displays a background object. In the description of FIG. 33A, differences from FIG. 31A will be described.

ステップS10,S20は図31(a)と同様でよい。   Steps S10 and S20 may be the same as in FIG.

次に、色差算出部153aは全ての表示位置の候補ごとに表示位置の全天球画像の色の平均値を算出する(S30)。   Next, the color difference calculation unit 153a calculates the average value of the colors of the omnidirectional images at the display positions for every display position candidate (S30).

色決定部153cは表示対象物51の色との色差が最も大きい表示位置の候補を決定する(S40)。   The color determination unit 153c determines a display position candidate having the largest color difference from the color of the display object 51 (S40).

広告表示部153は決定した表示位置に表示対象物51を表示する(S50)。   The advertisement display unit 153 displays the display object 51 at the determined display position (S50).

図33(b)は、全天球画像に対する表示対象物51の位置が変わった場合に情報処理装置10が背景オブジェクト52の色を決定して表示する手順を示すフローチャート図の一例である。図33(b)の説明では図31(b)との相違を説明する。まず、ステップS10〜S50の処理は図31(b)と同様である。   FIG. 33B is an example of a flowchart illustrating a procedure in which the information processing apparatus 10 determines and displays the color of the background object 52 when the position of the display object 51 with respect to the omnidirectional image changes. In the description of FIG. 33B, differences from FIG. 31B will be described. First, the processing in steps S10 to S50 is the same as that in FIG.

ステップS50の判断がNoの場合、表示対象物51の表示位置は変更されない。   When the determination in step S50 is No, the display position of the display object 51 is not changed.

ステップS50の判断がYesの場合、色差算出部153aは全ての表示位置の候補ごとに表示位置の色の平均値を算出する(S60)。   When the determination in step S50 is Yes, the color difference calculation unit 153a calculates the average value of the colors at the display positions for all display position candidates (S60).

色決定部153cは表示対象物51の色に対し色差が最も大きい表示位置を決定する(S70)。   The color determination unit 153c determines the display position having the largest color difference with respect to the color of the display object 51 (S70).

広告表示部153は決定した表示位置に表示対象物51を表示する(S80)。   The advertisement display unit 153 displays the display object 51 at the determined display position (S80).

なお、表示対象物51の表示位置が変更される際、広告表示部153は変更前と変更後の表示位置を線形補間して表示対象物51を移動してもよい。これにより、表示対象物51が突然移動してしまい、閲覧者が見失うことを抑制できる。   When the display position of the display object 51 is changed, the advertisement display unit 153 may move the display object 51 by linearly interpolating the display positions before and after the change. Thereby, it can suppress that the display target object 51 moves suddenly and a viewer loses sight.

こうすることで、表示対象物51が自動で移動するので視認性の低下を抑制できると共に、移動することで閲覧者の注意を引きやすくなる。   By doing so, the display object 51 is automatically moved, so that a reduction in visibility can be suppressed, and the movement of the viewer is easy to draw.

<表示対象物の例>
図34は表示対象物51の例を説明する図の一例である。図34(a)は表示対象物51として停止ボタン53の一例を示し、図34(b)は表示対象物51として再生ボタン54の一例を示す。停止ボタン53と再生ボタン54は閲覧者の操作に応じて交互に切り替わって表示される。このような表示対象物51は画像として履歴管理サーバ20から送信されるが、広告表示部153が色を変更することができる。したがって、テキストと同様に視認性の低下が抑制されるように色を変更できる。なお、停止ボタン53と再生ボタン54は一例に過ぎず、拡大ボタン、縮小ボタン、右向きボタン(右向きに所定量回転)、左向きボタン、上向きボタン、下向きボタン、移動ボタン(撮像位置が異なる別の全天球画像を表示させるボタン)、自動再生ボタン等のボタンがある。このような画像はアイコンと呼ばれる場合がある。
<Example of display object>
FIG. 34 is an example for explaining an example of the display object 51. 34A shows an example of the stop button 53 as the display object 51, and FIG. 34B shows an example of the playback button 54 as the display object 51. The stop button 53 and the playback button 54 are alternately displayed according to the operation of the viewer. Such a display object 51 is transmitted from the history management server 20 as an image, but the advertisement display unit 153 can change the color. Therefore, the color can be changed so as to suppress a decrease in visibility as in the text. Note that the stop button 53 and the play button 54 are merely examples, and an enlarge button, a reduce button, a right button (a predetermined amount of rotation to the right), a left button, an up button, a down button, and a move button (all other images having different imaging positions). Button for displaying a celestial sphere image) and an automatic playback button. Such an image may be called an icon.

画像が表示対象物51として表示される場合も、画像は半透明で表示可能である。したがって、広告表示部153が、視認性が低下しにくい色に表示対象物51の色を変えると共に半透明で表示することで、画像と重なっている全天球画像の閲覧が可能になる。   Even when an image is displayed as the display object 51, the image can be displayed translucently. Accordingly, the advertisement display unit 153 changes the color of the display object 51 to a color in which the visibility is difficult to be lowered and displays it in a translucent manner, so that the omnidirectional image overlapping the image can be viewed.

また、図34(c)に示すように広告主のホームページなどのURLが表示対象物51となってもよい。このようなURL55はリンクと呼ばれる場合がある。このURL55は図34(b)のように明示されていない場合でも広告画像と対応付けられている(埋め込まれている又はリンクされている)。このURL55も半透明で表示可能である。   Further, as shown in FIG. 34C, a URL such as an advertiser's home page may be the display object 51. Such a URL 55 may be called a link. This URL 55 is associated (embedded or linked) with the advertisement image even if it is not clearly shown as shown in FIG. This URL 55 is also translucent and can be displayed.

また、広告表示部153は表示対象物51を点滅させてもよい、図34(d)では「サイトへゴー」という表示対象物51が表示されているが、図34(e)では「サイトへゴー」という表示対象物51が表示されていない。広告表示部153は同じ表示位置のまま表示対象物51の表示と非表示を所定時間ごとに切り替える。表示対象物51が点滅されることで閲覧者の注意を引くことができるため視認性の低下を抑制できる。なお、色差を考慮して表示対象物51の色を変更した上で点滅させることが好ましい。   In addition, the advertisement display unit 153 may blink the display object 51. In FIG. 34D, the display object 51 “Go to site” is displayed, but in FIG. The display object 51 “go” is not displayed. The advertisement display unit 153 switches between display and non-display of the display object 51 at predetermined time intervals with the same display position. Since the viewer's attention can be drawn by blinking the display target object 51, a decrease in visibility can be suppressed. In addition, it is preferable to blink after changing the color of the display target object 51 in consideration of the color difference.

また、図35(a)に示すように1つの広告枠402に複数の表示対象物51が表示される場合がある。図35(a)では「サイトへゴー」という表示対象物51と「キャンペーン中!」という表示対象物51が表示されている。表6に示したように表示対象物51は表示対象物51ごとに表示位置が定められるので、広告表示部153は表示対象物51ごとに視認性が低下しにくい色に変更できる。   In addition, as shown in FIG. 35A, a plurality of display objects 51 may be displayed in one advertisement frame 402. In FIG. 35A, a display object 51 “Go to site” and a display object 51 “Campaign!” Are displayed. As shown in Table 6, since the display position of the display object 51 is determined for each display object 51, the advertisement display unit 153 can be changed to a color in which the visibility is difficult to decrease for each display object 51.

図35(b)に示すように、複数の表示対象物51が表示される場合、広告表示部153はテキストの色を変える表示対象物51と背景オブジェクト52を重ねる表示対象物51を混在させてよい。例えば、色を変えるか又は背景オブジェクトが重ねられるかは情報の種類等に応じて予め定められている。あるいは、広告表示部153が所定時間ごとに切り替えてもよい。あるいは、テキストが所定の単語を含むかどうか、又は、表示対象物51がテキストと画像のどちらであるか等、表示対象物51の内容を広告表示部153が解析して決定してもよい。   As shown in FIG. 35B, when a plurality of display objects 51 are displayed, the advertisement display unit 153 mixes the display object 51 that changes the color of the text and the display object 51 that overlaps the background object 52. Good. For example, whether the color is changed or the background object is overlaid is determined in advance according to the type of information. Alternatively, the advertisement display unit 153 may switch every predetermined time. Alternatively, the advertisement display unit 153 may determine the content of the display target 51 by analyzing whether the text includes a predetermined word or whether the display target 51 is a text or an image.

また、広告表示部153は複数の記号(文字又は数字)から成るテキストの表示対象物51の色を記号ごとに変更してもよい。この場合、全天球画像のうち各記号の外接矩形に対応する範囲の色を算出し、距離が閾値以上となる色を記号ごとに決定する。また、広告表示部153は記号ごとに決定した色の背景オブジェクトを表示してもよい。表示対象物51の位置における全天球画像の色は表示対象物51が占める面積が広いほど全天球画像の全体の色に似てしまい色差の大きい色を決定しにくくなるおそれがある。これに対し、記号ごとに色を変える場合は記号が重なる局所的な全天球画像の色に対し視認性が低下しにくい色を決定しやすい。当然ながら、二文字ごと又は三文字など複数の文字ごとに色を決定してもよい。   Further, the advertisement display unit 153 may change the color of the text display object 51 made up of a plurality of symbols (letters or numbers) for each symbol. In this case, the color of the range corresponding to the circumscribed rectangle of each symbol in the omnidirectional image is calculated, and the color whose distance is equal to or greater than the threshold is determined for each symbol. Further, the advertisement display unit 153 may display a background object having a color determined for each symbol. The color of the omnidirectional image at the position of the display object 51 is more similar to the overall color of the omnidirectional image as the area occupied by the display object 51 is larger, and it may be difficult to determine a color having a large color difference. On the other hand, when changing the color for each symbol, it is easy to determine a color whose visibility is less likely to deteriorate with respect to the color of the local omnidirectional image where the symbols overlap. Of course, the color may be determined for each of a plurality of characters such as every two characters or three characters.

<まとめ>
以上説明したように、本実施例の閲覧システム100は全天球画像における表示対象物51の色に対し閾値以上の色差があるように表示対象物51又は背景オブジェクト52の色を変更するので、全天球画像に対する表示対象物51の相対的な位置が変更される状況でも表示対象物51の視認性の低下を抑制できる。
<Summary>
As described above, the viewing system 100 of the present embodiment changes the color of the display object 51 or the background object 52 so that there is a color difference equal to or greater than the threshold with respect to the color of the display object 51 in the omnidirectional image. Even in a situation where the relative position of the display object 51 with respect to the omnidirectional image is changed, a reduction in the visibility of the display object 51 can be suppressed.

なお、本実施例では履歴管理サーバ20が決定した表示領域の全天球画像が広告枠402に表示されると説明したが、本実施例の表示対象物51の色の変更は任意の表示領域に対し適用可能である。したがって、リターゲティング広告に限られないし任意のWebサーバの全天球画像に適用できる。   In the present embodiment, it has been described that the omnidirectional image of the display area determined by the history management server 20 is displayed in the advertisement frame 402. However, the color change of the display object 51 of the present embodiment can be changed to an arbitrary display area. Is applicable. Therefore, the present invention is not limited to retargeting advertisements and can be applied to omnidirectional images of arbitrary Web servers.

<その他の適用例>
以上、本発明を実施するための最良の形態について実施例を用いて説明したが、本発明はこうした実施例に何等限定されるものではなく、本発明の要旨を逸脱しない範囲内において種々の変形及び置換を加えることができる。
<Other application examples>
The best mode for carrying out the present invention has been described above with reference to the embodiments. However, the present invention is not limited to these embodiments, and various modifications can be made without departing from the scope of the present invention. And substitutions can be added.

例えば、本実施形態では情報処理装置10が広告主Webサイト30とパートナーサイト50からWebページを取得し、広告を表示したが、Webページでなく一般のアプリケーションソフトウェアに全天球画像が表示される場合に適用されてもよい。   For example, in this embodiment, the information processing apparatus 10 acquires a web page from the advertiser website 30 and the partner site 50 and displays an advertisement. However, the omnidirectional image is displayed not on the web page but on general application software. It may be applied to the case.

また、本実施形態では全天球画像が広告に利用される例を説明したが、全天球画像が広告に利用されるものである必要はない。   Further, in this embodiment, the example in which the omnidirectional image is used for the advertisement has been described, but the omnidirectional image need not be used for the advertisement.

また、本実施形態では、不動産の内覧に全天球画像が利用される例を説明したが、全天球画像にどのようなコンテンツが写っているか又はどのような広告に利用されるかは制限がない。例えば、観光地のPR、デパート、旅館、車の車内の説明、道案内、機械の構造説明、人が入りにくい場所の説明など、多くの分野で活用可能である。   Further, in this embodiment, an example in which the omnidirectional image is used for the preview of the real estate has been described, but what kind of content is reflected in the omnidirectional image or what kind of advertisement is used is limited. There is no. For example, it can be used in many fields, such as PR of tourist spots, department stores, inns, explanations in cars, road guidance, explanation of machine structure, explanation of places where people are difficult to enter.

また、本実施形態では、広告主Webサイトで表示される全天球画像が静止画であったが全天球画像は動画でもよい。情報処理装置10は再生される動画の閲覧履歴を再生時間と共に記録する。パートナーサイト50が全天球画像を表示する際は、再生時間ごとに表示領域を決定する。これにより、閲覧者が見ていた画角を広告時に情報処理装置10が再現できる。   In this embodiment, the omnidirectional image displayed on the advertiser website is a still image, but the omnidirectional image may be a moving image. The information processing apparatus 10 records the browsing history of the reproduced moving image together with the reproduction time. When the partner site 50 displays the omnidirectional image, the display area is determined for each reproduction time. Thereby, the information processing apparatus 10 can reproduce the angle of view that the viewer was viewing at the time of advertisement.

また、本実施形態では、全天球カメラの周囲の360度が撮像可能な全天球画像がWebページに配置されるとして説明したが、Webページの画像データは広角画像であればよい。本実施形態の広角画像は、広告枠に表示しきれない部分を有する画像をいう。例えば、水平方向にだけ180度程度の画角を有するパノラマ画像でもよい。   Further, in the present embodiment, it has been described that the omnidirectional image capable of capturing 360 degrees around the omnidirectional camera is arranged on the web page, but the image data of the web page may be a wide-angle image. The wide-angle image of the present embodiment refers to an image having a portion that cannot be displayed in the advertisement frame. For example, a panoramic image having an angle of view of about 180 degrees only in the horizontal direction may be used.

また、全天球画像は2つの画像が張り合わされる方法で作成される場合に限られず、例えば、撮像方向を少しずつ移動しながら撮像した画像データの重複部分を重ね合わせて作成してもよい。すなわち、全天球画像の作成方法は制限されない。   In addition, the omnidirectional image is not limited to the case where the two images are created by a method in which the two images are pasted together. . That is, the method for creating the omnidirectional image is not limited.

また、図10などの構成例は、情報処理装置10、広告主Webサイト30、パートナーサイト50,広告配信サーバ40、及び履歴管理サーバ20による処理の理解を容易にするために、主な機能に応じて分割したものである。処理単位の分割の仕方や名称によって本願発明が制限されることはない。情報処理装置10、広告主Webサイト30、パートナーサイト50,広告配信サーバ40、及び履歴管理サーバ20の処理は、処理内容に応じて更に多くの処理単位に分割することもできる。また、1つの処理単位が更に多くの処理を含むように分割することもできる。   Further, the configuration example of FIG. 10 and the like has main functions in order to facilitate understanding of processing by the information processing apparatus 10, the advertiser website 30, the partner site 50, the advertisement distribution server 40, and the history management server 20. It is divided accordingly. The present invention is not limited by the way of dividing the processing unit or the name. The processing of the information processing apparatus 10, the advertiser website 30, the partner site 50, the advertisement distribution server 40, and the history management server 20 can be divided into more processing units according to the processing contents. Moreover, it can also divide | segment so that one process unit may contain many processes.

また、広告配信サーバ40と履歴管理サーバ20は別々のサーバとして存在する他、1つのサーバとして機能が統合されていてもよい。また、広告配信サーバ40の機能が複数のサーバに分散されていたり、履歴管理サーバ20の機能が複数のサーバに分散されていたりしてもよい。   Moreover, the advertisement delivery server 40 and the history management server 20 exist as separate servers, and the functions may be integrated as one server. Further, the function of the advertisement distribution server 40 may be distributed to a plurality of servers, or the function of the history management server 20 may be distributed to a plurality of servers.

また、履歴管理サーバ20はDSP(Demand-Side Platform)と呼ばれる場合がある。DSPは広告主側が広告のプラットフォームの呼称であり、閲覧者の属性、媒体の種類、時間帯などを考慮して入札金額を決定し、SSP(Supply-Side Platform)に入札する。SSPは情報処理装置10から広告枠が表示されるという通知を受けて閲覧者の属性、媒体の種類などをDSPに通知する。DSPとSSPは対に動作して広告枠に表示する全天球画像(落札者)を決定する。   The history management server 20 may be called a DSP (Demand-Side Platform). In the DSP, the advertiser side is the name of the advertising platform, and the bid amount is determined in consideration of the attributes of the viewer, the type of medium, the time zone, etc., and the bid is made on the SSP (Supply-Side Platform). In response to the notification that the advertising space is displayed from the information processing apparatus 10, the SSP notifies the DSP of the attributes of the viewer, the type of medium, and the like. The DSP and the SSP operate in pairs to determine the omnidirectional image (successful bidder) to be displayed in the advertising space.

また、履歴管理サーバ20は、情報処理装置10に対して全天球画像(広角画像)を送信することから、画像(広告)を配信するサーバであっても良い。   Further, since the history management server 20 transmits an omnidirectional image (wide-angle image) to the information processing apparatus 10, it may be a server that distributes an image (advertisement).

なお、広告主Webサイト30は第一の画面情報提供装置の一例であり、パートナーサイト50は第二の画面情報提供装置の一例であり、履歴管理サーバ20は画像配信装置の一例である。操作受付部14は操作受付手段の一例であり、操作履歴送信部155は操作履歴送信手段の一例であり、広告取得部151は広角画像取得手段の一例であり、広告表示部153は表示手段の一例であり、操作履歴DB291は操作履歴記憶手段の一例であり、広告画像DB292は広角画像記憶手段の一例であり、表示領域決定部22は表示領域決定手段の一例であり、広告画像通信部21は画像送信手段の一例であり、クッキー取得部152は識別情報取得手段の一例である。広告要求タグは画像要求情報の一例であり、広告配信サーバ40は外部装置の一例であり、色差判断部153bは色差判断手段の一例である。   The advertiser website 30 is an example of a first screen information providing device, the partner site 50 is an example of a second screen information providing device, and the history management server 20 is an example of an image distribution device. The operation reception unit 14 is an example of an operation reception unit, the operation history transmission unit 155 is an example of an operation history transmission unit, the advertisement acquisition unit 151 is an example of a wide-angle image acquisition unit, and the advertisement display unit 153 is a display unit. The operation history DB 291 is an example of an operation history storage unit, the advertisement image DB 292 is an example of a wide-angle image storage unit, the display area determination unit 22 is an example of a display area determination unit, and the advertisement image communication unit 21 is an example. Is an example of an image transmission unit, and the cookie acquisition unit 152 is an example of an identification information acquisition unit. The advertisement request tag is an example of image request information, the advertisement distribution server 40 is an example of an external device, and the color difference determination unit 153b is an example of a color difference determination unit.

8 ブラウザ
9 全天球カメラ
10 情報処理装置
20 履歴管理サーバ
30 広告主Webサイト
40 広告配信サーバ
50 パートナーサイト
100 閲覧システム
8 Browser 9 Spherical Camera 10 Information Processing Device 20 History Management Server 30 Advertiser Website 40 Advertising Distribution Server 50 Partner Site 100 Browsing System

特開2008−19211号公報JP 2008-19211 A

Claims (20)

情報処理装置と、画像配信装置とを有する閲覧システムであって、
前記情報処理装置は、
第一の画面情報提供装置から取得した画面情報の画像に対する操作を受け付ける操作受付手段と、
前記操作受付手段が受け付けた前記画像に対する操作履歴、前記画像の識別情報、及び前記情報処理装置の識別情報を前記画像配信装置に送信する操作履歴送信手段と、
第二の画面情報提供装置から画面情報を取得した場合、前記情報処理装置の識別情報を前記画像配信装置に送信して、前記情報処理装置の識別情報に基づいて決定された広角画像と該広角画像の表示領域を取得する広角画像取得手段と、
前記第二の画面情報提供装置から取得した画面情報に基づいて、前記広角画像取得手段が取得した前記広角画像の前記表示領域を表示装置に表示する表示手段と、を有し、
前記画像配信装置は、
前記画像の識別情報及び前記情報処理装置の識別情報に対応付けて前記操作履歴を記憶する操作履歴記憶手段と、
前記画像の識別情報に対応付けて前記広角画像を記憶する広角画像記憶手段、を参照し、
前記情報処理装置から取得した前記情報処理装置の識別情報に基づき前記広角画像を決定し、前記情報処理装置の識別情報に対応付けられた前記操作履歴に基づき前記広角画像の前記表示領域を決定する表示領域決定手段と、
前記広角画像と前記表示領域を前記情報処理装置に送信する画像送信手段と、
を有する閲覧システム。
A browsing system having an information processing device and an image distribution device,
The information processing apparatus includes:
Operation accepting means for accepting an operation on the image of the screen information acquired from the first screen information providing device;
An operation history transmitting means for transmitting the operation history for the image received by the operation receiving means, the identification information of the image, and the identification information of the information processing apparatus to the image distribution apparatus;
When acquiring screen information from the second screen information providing device, the identification information of the information processing device is transmitted to the image distribution device, and the wide angle image determined based on the identification information of the information processing device and the wide angle Wide-angle image acquisition means for acquiring a display area of the image;
Display means for displaying the display area of the wide-angle image acquired by the wide-angle image acquisition means on a display device based on the screen information acquired from the second screen information providing device;
The image distribution device includes:
Operation history storage means for storing the operation history in association with the identification information of the image and the identification information of the information processing apparatus;
Referring to wide-angle image storage means for storing the wide-angle image in association with the identification information of the image,
The wide-angle image is determined based on the identification information of the information processing apparatus acquired from the information processing apparatus, and the display area of the wide-angle image is determined based on the operation history associated with the identification information of the information processing apparatus. Display area determining means;
Image transmitting means for transmitting the wide-angle image and the display area to the information processing apparatus;
A browsing system.
前記第一の画面情報提供装置から取得した前記画面情報の前記画像は前記広角画像であり、
前記操作履歴送信手段は、前記広角画像に対する操作履歴、前記広角画像の識別情報、及び前記情報処理装置の識別情報を前記画像配信装置に送信し、
前記操作履歴記憶手段には、前記広角画像の識別情報及び前記情報処理装置の識別情報に対応付けて前記操作履歴が記憶されており、
前記広角画像記憶手段には、前記広角画像の識別情報に対応付けて前記広角画像が記憶されており、
前記表示領域決定手段は、前記情報処理装置から取得した前記情報処理装置の識別情報に対応付けられた前記操作履歴と前記広角画像の識別情報を前記操作履歴記憶手段から特定し、
特定した前記広角画像の識別情報に対応付けられた前記広角画像記憶手段の前記広角画像の前記表示領域を前記操作履歴に基づいて決定する請求項1に記載の閲覧システム。
The image of the screen information acquired from the first screen information providing device is the wide-angle image;
The operation history transmission means transmits an operation history for the wide-angle image, identification information of the wide-angle image, and identification information of the information processing device to the image distribution device,
In the operation history storage means, the operation history is stored in association with the identification information of the wide-angle image and the identification information of the information processing device,
The wide angle image storage means stores the wide angle image in association with the identification information of the wide angle image,
The display area determining means specifies the operation history and the wide-angle image identification information associated with the identification information of the information processing apparatus acquired from the information processing apparatus from the operation history storage means,
The browsing system according to claim 1, wherein the display area of the wide-angle image of the wide-angle image storage unit associated with the identified identification information of the wide-angle image is determined based on the operation history.
前記表示領域決定手段は、前記情報処理装置から取得した前記情報処理装置の識別情報に対応付けられた前記操作履歴と前記広角画像の識別情報を前記操作履歴記憶手段から特定し、
前記情報処理装置の識別情報に対応付けられた前記広角画像と類似する前記広角画像を前記広角画像記憶手段から検出し、
前記操作履歴に基づき前記画像と類似する広角画像の前記表示領域を決定し、
前記画像送信手段は前記類似する前記広角画像と前記表示領域を前記情報処理装置に送信する請求項2に記載の閲覧システム。
The display area determining means specifies the operation history and the wide-angle image identification information associated with the identification information of the information processing apparatus acquired from the information processing apparatus from the operation history storage means,
Detecting the wide-angle image similar to the wide-angle image associated with the identification information of the information processing device from the wide-angle image storage means;
Determining the display area of a wide-angle image similar to the image based on the operation history;
The browsing system according to claim 2, wherein the image transmission unit transmits the similar wide-angle image and the display area to the information processing apparatus.
前記広角画像記憶手段には、前記広角画像の識別情報に対応付けて前記広角画像の画角と該画角に写っている対象が記憶されており、
前記表示領域決定手段は、前記操作履歴に基づいて決定した前記表示領域に対応する前記広角画像の画角に写っている前記対象を前記広角画像記憶手段から取得し、
前記情報処理装置の識別情報に対応付けられた前記広角画像と類似する前記広角画像において前記対象が写っている前記画角を前記広角画像記憶手段から特定し、該画角を前記類似する前記広角画像の前記表示領域に決定する請求項3に記載の閲覧システム。
The wide-angle image storage means stores the angle of view of the wide-angle image and the object reflected in the angle of view in association with the identification information of the wide-angle image,
The display area determining means acquires from the wide-angle image storage means the object shown in the angle of view of the wide-angle image corresponding to the display area determined based on the operation history,
The angle of view in which the object is reflected in the wide-angle image similar to the wide-angle image associated with the identification information of the information processing device is specified from the wide-angle image storage unit, and the angle of view is determined to be the similar wide-angle. The browsing system according to claim 3, wherein the viewing area is determined as the display area of the image.
前記操作履歴記憶手段には、平面画像に対する操作履歴、前記平面画像の識別情報、及び前記情報処理装置の識別情報が対応付けて記憶されており、
前記広角画像記憶手段には、前記平面画像の識別情報に対応付けて前記平面画像に被写体を示す情報が記憶されており、
前記表示領域決定手段は、前記情報処理装置から取得した前記情報処理装置の識別情報に対応付けられた前記操作履歴と前記平面画像の識別情報を前記操作履歴記憶手段から特定し、
前記情報処理装置の識別情報に対応付けられた前記平面画像の被写体を示す情報に基づき、前記広角画像の前記表示領域を決定する請求項1乃至4のいずれか1項に記載の閲覧システム。
In the operation history storage means, an operation history for a flat image, identification information of the flat image, and identification information of the information processing device are stored in association with each other,
The wide-angle image storage means stores information indicating the subject in the plane image in association with the identification information of the plane image.
The display area determining unit specifies the operation history and the planar image identification information associated with the identification information of the information processing device acquired from the information processing device from the operation history storage unit,
The browsing system according to any one of claims 1 to 4, wherein the display area of the wide-angle image is determined based on information indicating a subject of the planar image associated with identification information of the information processing apparatus.
前記操作履歴記憶手段には、前記広角画像において閲覧された閲覧画角と該閲覧画角の閲覧時間が記憶されており、
前記表示領域決定手段は、前記閲覧時間が最も長い前記閲覧画角を前記広角画像の前記表示領域に決定する請求項2〜4のいずれか1項に記載の閲覧システム。
The operation history storage means stores a viewing angle of view viewed in the wide-angle image and a browsing time of the viewing angle.
The browsing system according to any one of claims 2 to 4, wherein the display area determining means determines the viewing angle of view with the longest browsing time as the display area of the wide-angle image.
前記操作履歴記憶手段には、更に、前記閲覧画角ごとに拡大又は縮小の操作の有無が記憶されており、
前記表示領域決定手段は、前記閲覧時間、前記拡大、及び、前記縮小の操作をポイントに変換し、ポイントに応じて決定された前記閲覧画角を前記広角画像の前記表示領域に決定する請求項6に記載の閲覧システム。
The operation history storage means further stores the presence or absence of an enlargement or reduction operation for each viewing angle of view,
The display area determining unit converts the browsing time, the enlargement, and the reduction operations into points, and determines the viewing angle determined according to the points as the display area of the wide-angle image. 6. The browsing system according to 6.
前記情報処理装置は、
前記第一の画面情報提供装置から画面情報を取得した際、外部装置及び前記画像配信装置と通信するスクリプトを取得し、
前記スクリプトを実行して、前記外部装置に対し前記情報処理装置の識別情報を要求し、前記外部装置から前記情報処理装置の識別情報を取得する識別情報取得手段を有し、
前記スクリプトを実行して、前記操作履歴送信手段は前記操作履歴、前記画像の識別情報、及び前記情報処理装置の識別情報を前記画像配信装置に送信する請求項1〜7のいずれか1項に記載の閲覧システム。
The information processing apparatus includes:
When acquiring screen information from the first screen information providing device, acquire a script that communicates with an external device and the image distribution device;
Executing the script, requesting identification information of the information processing apparatus from the external apparatus, and having identification information acquisition means for acquiring the identification information of the information processing apparatus from the external apparatus,
The said script is executed and the said operation history transmission means transmits the said operation history, the identification information of the said image, and the identification information of the said information processing apparatus to the said image delivery apparatus in any one of Claims 1-7. The browsing system described.
前記情報処理装置は、
前記第二の画面情報提供装置から前記画面情報を取得した際、前記外部装置と通信するスクリプトを取得し、
前記広角画像取得手段は、前記スクリプトを実行して、前記外部装置に対し前記情報処理装置の識別情報を送信し、前記外部装置から前記画像配信装置に前記広角画像を要求するための画像要求情報を取得し、
前記広角画像取得手段は前記画像要求情報を用いて前記情報処理装置の識別情報を前記画像配信装置に送信することで、前記広角画像と前記表示領域を取得する請求項8に記載の閲覧システム。
The information processing apparatus includes:
When acquiring the screen information from the second screen information providing device, obtain a script to communicate with the external device,
The wide-angle image acquisition means executes the script, transmits identification information of the information processing device to the external device, and requests image information from the external device to the image distribution device for the wide-angle image. Get
The browsing system according to claim 8, wherein the wide-angle image acquisition unit acquires the wide-angle image and the display area by transmitting identification information of the information processing apparatus to the image distribution apparatus using the image request information.
前記広角画像は全天球画像であることを特徴とする請求項1〜9のいずれか1項に記載の閲覧システム。   The browsing system according to claim 1, wherein the wide-angle image is an omnidirectional image. 前記広角画像取得手段は前記広角画像と前記表示領域を取得すると共に、前記広角画像に関する情報であり前記広角画像に重ねて表示される表示対象物を取得し、
前記表示手段は、前記広角画像に前記表示対象物を重ねて表示する際に、前記表示対象物の視認性の低下を抑制する処理を行う、
請求項1〜10のいずれか1項に記載の閲覧システム。
The wide-angle image acquisition means acquires the wide-angle image and the display area, acquires a display object that is information related to the wide-angle image and is displayed on the wide-angle image,
The display means performs a process of suppressing a reduction in visibility of the display object when the display object is displayed on the wide-angle image.
The browsing system of any one of Claims 1-10.
前記表示手段は、前記表示対象物の視認性の低下を抑制する処理として前記表示対象物の色を変更するか、又は、前記表示対象物と同じ広さ以上の背景オブジェクトを前記表示対象物に重ねて表示する請求項11に記載の閲覧システム。   The display means changes a color of the display object as a process for suppressing a decrease in visibility of the display object, or a background object having the same width or more as the display object is displayed on the display object. The browsing system according to claim 11, wherein the browsing system displays the images in a superimposed manner. 前記広角画像における前記表示対象物の位置の前記広角画像の色と前記表示対象物の色の色差が閾値より小さいか否かを判断する色差判断手段、を有し、
前記色差判断手段が前記広角画像における前記表示対象物の位置の前記広角画像の色と前記表示対象物の色の色差が閾値より小さいと判断した場合、
前記表示手段は、前記表示対象物の視認性の低下を抑制する処理として前記表示対象物の色を変更する請求項12に記載の閲覧システム。
Color difference determining means for determining whether a color difference between the color of the wide-angle image at the position of the display object in the wide-angle image and the color of the display object is smaller than a threshold value;
When the color difference determining means determines that the color difference between the color of the wide-angle image at the position of the display object in the wide-angle image and the color of the display object is smaller than a threshold value,
The browsing system according to claim 12, wherein the display unit changes a color of the display object as a process of suppressing a decrease in visibility of the display object.
前記広角画像における前記表示対象物の位置の前記広角画像の色と前記表示対象物の色の色差が閾値より小さいか否かを判断する色差判断手段、を有し、
前記色差判断手段が前記広角画像における前記表示対象物の位置の前記広角画像の色と前記表示対象物の色の色差が閾値より小さいと判断した場合、
前記表示手段は、前記表示対象物の視認性の低下を抑制する処理として、前記表示対象物と同じ広さ以上の背景オブジェクトを前記表示対象物に重ねて表示し、
前記色差判断手段が前記広角画像における前記表示対象物の位置の前記広角画像の色と前記表示対象物の色の色差が閾値以上であると判断した場合、
前記表示手段は、前記背景オブジェクトを消去する請求項12に記載の閲覧システム。
Color difference determining means for determining whether a color difference between the color of the wide-angle image at the position of the display object in the wide-angle image and the color of the display object is smaller than a threshold value;
When the color difference determining means determines that the color difference between the color of the wide-angle image at the position of the display object in the wide-angle image and the color of the display object is smaller than a threshold value,
The display means displays a background object having the same or larger area as the display object as a process for suppressing a decrease in the visibility of the display object,
When the color difference determining means determines that the color difference between the color of the wide-angle image at the position of the display object in the wide-angle image and the color of the display object is greater than or equal to a threshold value,
The browsing system according to claim 12, wherein the display unit erases the background object.
前記表示手段は、前記表示対象物の位置における前記広角画像の色と前記表示対象物の色の色差が閾値以上になるように前記表示対象物の色を決定するか、又は、
前記表示対象物の色に対する色差が閾値以上になる前記背景オブジェクトの色を決定する請求項12〜14のいずれか1項に記載の閲覧システム。
The display means determines the color of the display object so that a color difference between the color of the wide-angle image and the color of the display object at the position of the display object is equal to or greater than a threshold; or
The browsing system according to any one of claims 12 to 14, wherein a color of the background object in which a color difference with respect to a color of the display object is equal to or greater than a threshold value is determined.
前記表示手段は、前記表示対象物の視認性の低下を抑制する処理として、予め定められた複数の前記表示対象物の位置の色と前記表示対象物の色の色差をそれぞれ算出し、最も色差が大きい前記表示対象物の位置に前記表示対象物を表示する請求項11に記載の閲覧システム。   The display unit calculates a color difference between a plurality of predetermined positions of the display object and a color of the display object as a process for suppressing a decrease in visibility of the display object, The browsing system according to claim 11, wherein the display object is displayed at a position of the display object having a large size. 前記表示手段は、前記表示対象物又は前記背景オブジェクトを半透明に表示する請求項12〜15のいずれか1項に記載の閲覧システム。   The browsing system according to any one of claims 12 to 15, wherein the display means displays the display object or the background object in a translucent manner. 前記表示対象物は、テキスト、又は画像である請求項11〜17のいずれか1項に記載の閲覧システム。   The browsing system according to claim 11, wherein the display object is a text or an image. 第一の画面情報提供装置及び第二の画面情報提供装置から画面情報を取得し、
前記第一の画面情報提供装置から取得した前記画面情報の画像に対する操作を受け付ける操作受付手段と、
前記操作受付手段が受け付けた前記画像に対する操作履歴、前記画像の識別情報、及び情報処理装置の識別情報を画像配信装置に送信する操作履歴送信手段と、
前記第二の画面情報提供装置から画面情報を取得した場合、前記情報処理装置の識別情報を前記画像配信装置に送信して、前記情報処理装置の識別情報に基づいて決定された広角画像と該広角画像の表示領域を取得する広角画像取得手段と、
前記第二の画面情報提供装置から取得した画面情報に基づいて、前記広角画像取得手段が取得した前記広角画像の前記表示領域を表示装置に表示する表示手段と、を有する情報処理装置の操作履歴を管理する画像配信装置を、
前記画像の識別情報及び前記情報処理装置の識別情報に対応付けて前記操作履歴を記憶する操作履歴記憶手段と、
前記画像の識別情報に対応付けて前記広角画像を記憶する広角画像記憶手段、を参照し、
前記情報処理装置から取得した前記情報処理装置の識別情報に基づき前記広角画像を決定し、前記情報処理装置の識別情報に対応付けられた前記操作履歴に基づき前記広角画像の前記表示領域を決定する表示領域決定手段と、
前記広角画像と前記表示領域を前記情報処理装置に送信する画像送信手段、
として機能させるためのプログラム。
Obtain screen information from the first screen information providing device and the second screen information providing device,
Operation accepting means for accepting an operation on the image of the screen information acquired from the first screen information providing device;
An operation history transmitting means for transmitting the operation history for the image received by the operation receiving means, the identification information of the image, and the identification information of the information processing apparatus to an image distribution apparatus;
When acquiring screen information from the second screen information providing device, the identification information of the information processing device is transmitted to the image distribution device, and the wide-angle image determined based on the identification information of the information processing device and the information Wide-angle image acquisition means for acquiring a display area of the wide-angle image;
An operation history of an information processing apparatus comprising: display means for displaying the display area of the wide-angle image acquired by the wide-angle image acquisition means on a display device based on screen information acquired from the second screen information providing device Manage the image distribution device
Operation history storage means for storing the operation history in association with the identification information of the image and the identification information of the information processing apparatus;
Referring to wide-angle image storage means for storing the wide-angle image in association with the identification information of the image,
The wide-angle image is determined based on the identification information of the information processing apparatus acquired from the information processing apparatus, and the display area of the wide-angle image is determined based on the operation history associated with the identification information of the information processing apparatus. Display area determining means;
Image transmission means for transmitting the wide-angle image and the display area to the information processing apparatus;
Program to function as.
情報処理装置と、サーバとを有する閲覧システムであって、
前記情報処理装置は、
ネットワークを介して外部から取得した画面情報に含まれる画像に対する操作を受け付ける受付手段と、
前記受付手段が受け付けた前記画像に対する操作の履歴と、当該情報処理装置の識別情報と、を前記サーバに送信する送信手段と、
前記画面情報と異なる他の画面情報を取得したとき、該他の画面情報に含まれる情報に基づき前記情報処理装置の識別情報を前記サーバに送信し、該サーバから前記画面情報とは異なる画面情報に含まれる広角画像と該広角画像の表示領域を取得する取得手段と、
前記他の画面情報に基づいて、取得した前記広角画像の前記表示領域を表示装置に表示する表示手段と、を有し、
前記サーバは、
前記画像の識別情報と、前記画像に対する前記操作の履歴と、前記情報処理装置の識別情報とを対応付けて記憶する記憶手段と、
前記情報処理装置から送信される前記情報処理装置の識別情報に応じて、該情報処理装置の識別情報と対応付けて記憶された前記画像の識別情報及び前記操作の履歴とに基づき、前記広角画像及び該広角画像の表示領域を決定する決定手段と、
前記広角画像及び前記広角画像の表示領域を前記情報処理装置に送信する送信手段と、
を有することを特徴とする閲覧システム。
A browsing system having an information processing device and a server,
The information processing apparatus includes:
Accepting means for accepting an operation on an image included in screen information acquired from outside via a network;
A transmission unit that transmits a history of operations on the image received by the reception unit and identification information of the information processing apparatus to the server;
When other screen information different from the screen information is acquired, identification information of the information processing device is transmitted to the server based on information included in the other screen information, and the screen information different from the screen information is transmitted from the server. An acquisition means for acquiring a wide-angle image and a display area of the wide-angle image included in
Display means for displaying, on a display device, the display area of the acquired wide-angle image based on the other screen information;
The server
Storage means for storing the identification information of the image, the history of the operation on the image, and the identification information of the information processing apparatus in association with each other;
The wide-angle image based on the identification information of the image stored in association with the identification information of the information processing device and the history of the operation according to the identification information of the information processing device transmitted from the information processing device Determining means for determining a display area of the wide-angle image;
Transmitting means for transmitting the wide-angle image and the display area of the wide-angle image to the information processing apparatus;
The browsing system characterized by having.
JP2017104827A 2017-03-21 2017-05-26 Browsing system, program Active JP6844420B2 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2017055012 2017-03-21
JP2017055012 2017-03-21

Publications (2)

Publication Number Publication Date
JP2018160225A true JP2018160225A (en) 2018-10-11
JP6844420B2 JP6844420B2 (en) 2021-03-17

Family

ID=63796770

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2017104827A Active JP6844420B2 (en) 2017-03-21 2017-05-26 Browsing system, program

Country Status (1)

Country Link
JP (1) JP6844420B2 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10991342B2 (en) 2018-07-04 2021-04-27 Ricoh Company, Ltd. Terminal apparatus, system, and method of displaying image
US11914652B2 (en) 2019-12-19 2024-02-27 Ricoh Company, Ltd. Information processing system, method, and storage medium

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020082923A1 (en) * 1997-06-16 2002-06-27 Merriman Dwight A. Network for distribution of re-targeted advertising
JP2013251787A (en) * 2012-06-01 2013-12-12 Nintendo Co Ltd Information processing program, information processing device, information processing system and panoramic moving image display method
JP2014041259A (en) * 2012-08-22 2014-03-06 Yahoo Japan Corp Advertisement distribution device, advertisement distribution method, and advertisement distribution program
JP2017041205A (en) * 2015-08-21 2017-02-23 株式会社リコー Image management system, image communication system, image management method, and program
JP2017049956A (en) * 2015-09-04 2017-03-09 株式会社リコー Information providing system, information processing apparatus, terminal device, information providing program, and information providing method

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020082923A1 (en) * 1997-06-16 2002-06-27 Merriman Dwight A. Network for distribution of re-targeted advertising
JP2013251787A (en) * 2012-06-01 2013-12-12 Nintendo Co Ltd Information processing program, information processing device, information processing system and panoramic moving image display method
JP2014041259A (en) * 2012-08-22 2014-03-06 Yahoo Japan Corp Advertisement distribution device, advertisement distribution method, and advertisement distribution program
JP2017041205A (en) * 2015-08-21 2017-02-23 株式会社リコー Image management system, image communication system, image management method, and program
JP2017049956A (en) * 2015-09-04 2017-03-09 株式会社リコー Information providing system, information processing apparatus, terminal device, information providing program, and information providing method

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10991342B2 (en) 2018-07-04 2021-04-27 Ricoh Company, Ltd. Terminal apparatus, system, and method of displaying image
US11914652B2 (en) 2019-12-19 2024-02-27 Ricoh Company, Ltd. Information processing system, method, and storage medium

Also Published As

Publication number Publication date
JP6844420B2 (en) 2021-03-17

Similar Documents

Publication Publication Date Title
US10771704B2 (en) Method of displaying wide-angle image, image display system, and information processing apparatus
US9990657B2 (en) Information display device, distribution device, information display method, and non-transitory computer readable storage medium
US10701263B2 (en) Browsing system, image distribution apparatus, and image distribution method
US10877649B2 (en) Browsing system, browsing method, and information processing apparatus
US10547798B2 (en) Apparatus and method for superimposing a virtual object on a lens
JP6784168B2 (en) Information processing equipment, programs, browsing systems
US20050086612A1 (en) Graphical user interface for an information display system
US9830388B2 (en) Modular search object framework
US20150254694A1 (en) System and Method for Providing Redeemable Commercial Objects in Conjunction with Geographic Imagery
JP7069970B2 (en) Browsing system, image distribution device, image distribution method, program
JP6844420B2 (en) Browsing system, program
TW201610814A (en) Contextual view portals
JP6891667B2 (en) Browsing system, program
US10991342B2 (en) Terminal apparatus, system, and method of displaying image
WO2020189341A1 (en) Image display system, image distribution method, and program
JP2021056852A (en) Program, information processing apparatus, and display method
US10628848B2 (en) Entity sponsorship within a modular search object framework
JP7031168B2 (en) Browsing system, information processing device, image distribution method, program
WO2020184259A1 (en) Image display system, image display method, and non-transitory recording medium
JP2020013552A (en) Terminal device, browsing system, display method, and program
JP2018195199A (en) Information display program, information display method, information display device, and distribution device
JP2020009016A (en) Terminal, browsing system, presentation method, and program
US20160034978A1 (en) Method, system and apparatus for associating merchant-supplied information with a fixed reference point in a virtual three-dimensional world
JP2021052224A (en) Program, information processing apparatus, and display method
JP2020126368A (en) Program, browsing system, terminal device, presentation method and information processor

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20200206

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20201118

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20201124

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20210108

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20210208

R151 Written notification of patent or utility model registration

Ref document number: 6844420

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R151