JP6844420B2 - Browsing system, program - Google Patents
Browsing system, program Download PDFInfo
- Publication number
- JP6844420B2 JP6844420B2 JP2017104827A JP2017104827A JP6844420B2 JP 6844420 B2 JP6844420 B2 JP 6844420B2 JP 2017104827 A JP2017104827 A JP 2017104827A JP 2017104827 A JP2017104827 A JP 2017104827A JP 6844420 B2 JP6844420 B2 JP 6844420B2
- Authority
- JP
- Japan
- Prior art keywords
- image
- wide
- display
- angle image
- information processing
- 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.)
- Active
Links
- 230000010365 information processing Effects 0.000 claims description 184
- 238000013515 script Methods 0.000 claims description 46
- 238000000034 method Methods 0.000 claims description 40
- 230000008569 process Effects 0.000 claims description 13
- 230000009467 reduction Effects 0.000 claims description 10
- 230000005540 biological transmission Effects 0.000 claims description 9
- 235000014510 cooky Nutrition 0.000 description 102
- 238000007726 management method Methods 0.000 description 87
- 238000010586 diagram Methods 0.000 description 44
- 230000006870 function Effects 0.000 description 31
- 239000003086 colorant Substances 0.000 description 21
- 230000008859 change Effects 0.000 description 15
- 238000004364 calculation method Methods 0.000 description 11
- 230000000295 complement effect Effects 0.000 description 11
- 238000003384 imaging method Methods 0.000 description 10
- 238000004458 analytical method Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 8
- 238000006243 chemical reaction Methods 0.000 description 7
- 230000004044 response Effects 0.000 description 5
- 230000006866 deterioration Effects 0.000 description 3
- 230000007246 mechanism Effects 0.000 description 3
- 230000003542 behavioural effect Effects 0.000 description 2
- 238000010079 rubber tapping Methods 0.000 description 2
- 235000000177 Indigofera tinctoria Nutrition 0.000 description 1
- 125000002066 L-histidyl group Chemical group [H]N1C([H])=NC(C([H])([H])[C@](C(=O)[*])([H])N([H])[H])=C1[H] 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 238000002716 delivery method Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 229940097275 indigo Drugs 0.000 description 1
- COHYTHOBJLSHDF-UHFFFAOYSA-N indigo powder Natural products N1C2=CC=CC=C2C(=O)C1=C1C(=O)C2=CC=CC=C2N1 COHYTHOBJLSHDF-UHFFFAOYSA-N 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000008685 targeting Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Description
本発明は、閲覧システム、及び、プログラムに関する。 The present invention relates to a browsing system and a program.
Webサーバは様々な画像を含む画面情報を提供しており、ブラウザソフトウェアが動作している情報処理装置を閲覧者が操作することで画像を閲覧することができる。また、従来のデジタルカメラよりも広範囲の広角画像を撮像できる撮像装置が普及しはじめている。 The Web server provides screen information including various images, and the image can be viewed by the viewer operating the information processing device on which the browser software is operating. In addition, imaging devices capable of capturing a wider range of wide-angle images than conventional digital cameras are becoming widespread.
また、ブラウザソフトウェアが表示する画像が広告に活用される場合も少なくない。Webサーバが配信するWebページには広告枠が設けられており、広告枠に広告の対象の画像が表示される。閲覧者が広告をクリック等すると、情報処理装置は広告に記述されたリンク先のWebサーバと通信して広告の対象に関する詳細な情報を表示することができる。 In addition, images displayed by browser software are often used for advertisements. An advertising space is provided on a Web page distributed by a Web server, and an image to be advertised is displayed in the advertising space. When the viewer clicks on the advertisement or the like, the information processing device can communicate with the linked Web server described in the advertisement and display detailed information on the target of the advertisement.
広告主としては閲覧者が広告をクリックする頻度を向上させたいが、1つのWebページに掲載される広告の数は増大傾向にあり、広告主は閲覧者の注意を引きつける表示方法を工夫している(例えば、特許文献1参照。)。特許文献1には、動画広告を配信することで広告の効果(クリック率)を高める技術について開示されている。 Advertisers want to increase the frequency with which viewers click on advertisements, but the number of advertisements posted on one Web page is increasing, and advertisers are devising display methods that attract the attention of viewers. (See, for example, Patent Document 1.). Patent Document 1 discloses a technique for enhancing the effectiveness (click rate) of an advertisement by delivering a video advertisement.
しかしながら、動画は閲覧者の注意を引きつける可能性があるが、閲覧者が興味を持つ画像が表示されるとは限らないという問題がある。すなわち、動画広告の再生時間の一部に閲覧者が興味を持つ画像が含まれていても、閲覧者が該画像を閲覧するには再生されるタイミングで動画広告を見ていなければならない。閲覧者がこのタイミングで動画広告を見ていなければ広告の効果を向上できないおそれがある。 However, although the moving image may attract the attention of the viewer, there is a problem that the image that the viewer is interested in 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 video advertisement, the viewer must see the video advertisement at the timing of playback in order to view the image. If the viewer does not watch the video advertisement at this timing, the effectiveness of the advertisement may not be improved.
本発明は、上記課題に鑑み、閲覧者が興味を持つことが期待される画像を表示できる閲覧システムを提供することを目的とする。 In view of the above problems, an object of the present invention is to provide a browsing system capable of displaying an image that is expected to be of interest to the viewer.
本発明は、情報処理装置と、画像配信装置とを有する閲覧システムであって、
前記情報処理装置は、
第一の画面情報提供装置から取得した画面情報の画像に対する操作を受け付ける操作受付手段と、前記操作受付手段が受け付けた前記画像に対する操作履歴、前記画像の識別情報、及び前記情報処理装置の識別情報を前記画像配信装置に送信する操作履歴送信手段と、第二の画面情報提供装置から画面情報を取得した場合、前記情報処理装置の識別情報を前記画像配信装置に送信して、前記情報処理装置の識別情報に基づいて決定された広角画像と該広角画像の表示領域を取得する広角画像取得手段と、前記第二の画面情報提供装置から取得した画面情報に基づいて、前記広角画像取得手段が取得した前記広角画像の前記表示領域を表示装置に表示する表示手段と、を有し、
前記画像配信装置は、前記画像の識別情報及び前記情報処理装置の識別情報に対応付けて前記操作履歴を記憶する操作履歴記憶手段と、前記画像の識別情報に対応付けて前記広角画像を記憶する広角画像記憶手段、を参照し、前記情報処理装置から取得した前記情報処理装置の識別情報に基づき前記広角画像を決定し、前記情報処理装置の識別情報に対応付けられた前記操作履歴に基づき前記広角画像の前記表示領域を決定する表示領域決定手段と、前記広角画像と前記表示領域を前記情報処理装置に送信する画像送信手段と、を有する閲覧システムを提供する。
The present invention is a browsing system including an information processing device and an image distribution device.
The information processing device
An operation receiving means for receiving an operation on an image of screen information acquired from a first screen information providing device, an operation history for the image received by the operation receiving means, an identification information of the image, and an identification information of the information processing device. When screen information is acquired from the operation history transmitting means for transmitting the image to the image distribution device and the second screen information providing device, the identification information of the information processing device is transmitted to the image distribution device to transmit the information processing device. The wide-angle image acquisition means for acquiring the wide-angle image and the display area of the wide-angle image determined based on the identification information of the above, and the wide-angle image acquisition means based on the screen information acquired from the second screen information providing device. It has a display means for displaying the display area of the acquired wide-angle image on a display device.
The image distribution device stores the 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, and 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 device acquired from the information processing device with reference to the wide-angle image storage means, and the operation history associated with the identification information of the information processing device is used as the basis for determining the wide-angle image. Provided is a viewing system including a display area determining means for determining the display area of a wide-angle image, and an 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 capable of displaying images that the viewer is expected to be interested in.
以下、本発明を実施するための形態について図面を参照しながら説明する。 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 the electronic device system of this embodiment>
FIG. 1 is an example of a diagram for explaining a spherical image as an example of a wide-angle image. FIG. 1A shows an omnidirectional image represented by a three-dimensional three-dimensional sphere CS, and FIG. 1B shows an omnidirectional image represented by an equirectangular projection. The spherical image generated by the spherical camera has a three-dimensional structure in which the image as shown in FIG. 1B is bonded to the stereoscopic sphere CS. The virtual camera IC corresponds to the viewpoint of the viewer, and in FIG. 1, the viewpoint is at the center of the spherical image. The viewer can rotate the three axes around the X-axis, Y-axis, and Z-axis passing through the virtual camera IC to display an arbitrary predetermined region T of the spherical image.
図2、図3は、本実施形態の閲覧システム100の概略を説明する図である。本実施形態ではリターゲティング広告で表示される全天球画像の表示領域を決定する閲覧システム100について説明する。リターゲティング広告とは、行動ターゲティング広告の1つであり、任意のWebサイトを訪れた訪問者のその後の行動を追跡し、再度、広告を表示させる広告の方法である。閲覧者は、Webサイトの一度目の訪問で商品やサービスを下見しておき、別の機会に商品やサービスを購入する行動パターンを取ることが多い。リターゲティングタグ広告は、商品やサービスの2回目以降の閲覧を促す仕組みであり、閲覧者が広告(商品やサービス)をクリックする率を向上させる可能性がある。 2 and 3 are diagrams for explaining the outline of the viewing system 100 of the present embodiment. In the present embodiment, the browsing system 100 that determines the display area of the spherical image displayed in the retargeting advertisement will be described. The retargeting advertisement is one of the behavioral targeting advertisements, and is an advertisement method of tracking the subsequent behavior of a visitor who visits an arbitrary website and displaying the advertisement again. Visitors often take a preview of a product or service on their first visit to a website and then take a behavioral pattern of purchasing the product or service on another occasion. Retargeting tag advertisement is a mechanism that encourages the second and subsequent browsing of a product or service, and may improve the rate at which the viewer clicks on the advertisement (product or service).
しかし、Webページには多くの広告が表示されており、閲覧者が過去に訪問したWebサイトの商品やサービスを閲覧システム100が再度、表示するだけではクリック率が向上しない状況になっている。 However, many advertisements are displayed on the Web page, and the click rate cannot be improved simply by displaying the products and services of the website visited by the viewer in the past by the browsing system 100 again.
広告の画像に全天球画像が用いられる場合、所定領域Tという一部のみが表示される。閲覧者は全天球画像を回転させて全体を閲覧できるが、Webページが表示された直後は所定領域Tしか表示されない。 When a spherical image is used as the image of the advertisement, only a part of the predetermined area T is displayed. The viewer can rotate the spherical image to view the whole image, but immediately after the Web page is displayed, only the predetermined area T 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 viewing system 100 browses a predetermined area T of the spherical image immediately after the Web page is displayed. How to decide is important. Therefore, the browsing system 100 of the present embodiment records what kind of area is displayed when the spherical image is browsed in the first visit of the website, and displays the advertisement of the spherical image. In this case, the predetermined area T of the spherical 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. 2 and 3.
(1) For example, the viewer browses the real estate site (advertiser website 30) with the browser software (hereinafter referred to as browser 8) of the information processing device 10. The real estate site provides spherical images of various real estate properties, and the viewer selects the desired property. FIG. 2 shows the kitchen part of a certain property. The real estate site sends the retargeting tag to the browser 8. Retargeting tags are scripts (programs) for tracking viewers.
(2) The retargeting tag communicates with the advertisement distribution server 40, and the advertisement distribution server 40 transmits the generated cookie (denoted as a cookie, but in the present embodiment, referred to as a "cookie") to the browser 8. The browser 8 stores the cookie. The cookie is identification information for identifying a viewer (or an information processing device 10, a browser 8) who has visited a real estate site.
(3) While the viewer operates the browser 8 to operate the spherical image, the retargeting tag transmits the operation history of which viewing angle of view and how much is displayed to the history management server 20. For example, the viewing angles of view corresponding to the kitchen, closet, bay window, and toilet are 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 visitor 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) An advertisement space of the advertisement distribution server 40 is arranged on this Web page, and a script associated with the advertisement space sends 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, detects that the visitor who browses the real estate site has browsed the partner site 50.
(7) The advertisement distribution server 40 auctions the advertisement space, but in the present embodiment, it is assumed that the history management server 20 purchases the advertisement 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 essential.
(8) The advertisement distribution server 40 transmits an advertisement request tag (script) for requesting an advertisement from the history management server 20 to the information processing device 10.
(9) The information processing device 10 executes the advertisement request tag and sends a cookie to the history management server 20.
(10) The history management server 20 determines the display area of the spherical image by referring to the browsing history of the spherical image associated with the cookie. For example, if you are looking at a lot of kitchens, the display area is determined so that the kitchen is included, and advertising information (omnidirectional image and display area) is transmitted.
したがって、リターゲティング広告で全天球画像のような広角画像が表示される場合、ブラウザ8はパートナーサイトのWebサイトを表示した直後(初期状態)から、閲覧者が興味を持った表示領域で全天球画像を表示できる。 Therefore, when a wide-angle image such as a spherical image is displayed in a retargeting advertisement, the browser 8 covers the entire display area of interest to the viewer immediately after displaying the website of the partner site (initial state). A celestial sphere image can be displayed.
<用語について>
特許請求の範囲又は発明の詳細な説明の操作履歴は、画像に対する何らかの操作をいう。「履歴」と称しても単一の操作だけの場合がある。画像に対する操作は、例えば表示させること又は回転させることの他、拡大・縮小すること、輝度を変えること、先鋭度を変えることなどが含まれる。また、画像の選択や画像の閲覧時間などもこの操作履歴に含めても良い。
<Terminology>
The operation history of the claims or the detailed description of the invention refers to some operation on the image. Even if it is called "history", it may be only a single operation. Operations on the image include, for example, displaying or rotating, as well as enlarging / reducing, changing the brightness, changing the sharpness, and the like. In addition, image selection, image viewing time, and the like may be included in this operation history.
情報処理装置の識別情報は情報処理装置を特定するための情報であるが、情報処理装置の識別と共に、ブラウザ又は閲覧者が識別される場合がある。また、閲覧者とは、広告を閲覧する者をいい、ユーザ、利用者、操作者などと呼ばれてもよい。 The identification information of the information processing device is information for identifying the information processing device, but the browser or the viewer may be identified together with the identification of the information processing device. Further, the viewer refers to a person who browses the advertisement, and may be called a user, a user, an operator, or the like.
操作履歴に基づき広角画像の表示領域を決定するとは、閲覧者が興味を示しそうな全天球画像の一部、領域、範囲、又は場所を推定して示すことをいう。 Determining the display area of a wide-angle image based on the operation history means estimating and showing a part, area, range, or location of a spherical 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 device 10 capable of communicating via the network N, an advertiser website 30, a partner site 50, an advertisement distribution server 40, and a history management server 20.
ネットワークNは、情報処理装置10が設置されている施設などに構築されているLAN、LANをインターネットに接続するプロバイダのプロバイダネットワーク、及び、回線事業者が提供する回線等により構築されている。ネットワークNが複数のLANを有する場合、ネットワークNはWANやインターネットと呼ばれる。ネットワークNは有線又は無線のどちらで構築されてもよく、また、有線と無線が組み合わされていてもよい。また、情報処理装置10が直接、公衆回線網に接続する場合は、LANを介さずにプロバイダネットワークに接続することができる。 The network N is constructed by a LAN constructed in a facility or the like 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, or 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 either wired or wireless, and may be a combination of wired and wireless. When the information processing device 10 is directly connected to the public network, it can be connected to the provider network without going through a LAN.
情報処理装置10は、本実施形態においてクライアント端末として動作する。情報処理装置10ではブラウザ8又はこれと同等の機能を有するアプリケーションソフトウェアが動作しており、情報処理装置10が要求したWebページを広告主Webサイト30、及び、パートナーサイト50から受信してディスプレイ(後述するLCD:Liquid Crystal Display)に表示させる。 The information processing device 10 operates as a client terminal in this embodiment. The information processing device 10 is running a browser 8 or application software having a function equivalent thereto, and receives a Web page requested by the information processing device 10 from the advertiser website 30 and the partner site 50 and displays the display ( Display on LCD (Liquid Crystal Display), which will be described later.
情報処理装置10は、例えばPC(Personal Computer)、タブレット装置、スマートフォン、PDA(Personal Digital Assistant)、ゲーム機、ナビゲーション端末、ウェアラブルPCなどであるが、Webページを表示させることができればよい。例えば、プリンターがWebページを表示させる機能やディスプレイを有する場合、プリンターが情報処理装置10として使用されてもよい。また、デジタルサイネージがWebページを表示させてもよい。デジタルサイネージとは、屋外、店頭、公共空間及び交通機関など、人が通過又は存在しうる場所でディスプレイなどの電子的な表示機器を使って情報を発信するシステム、表示機器又は表示される情報をいう。 The information processing device 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, but it is sufficient if a Web page can be displayed. For example, when the printer has a function or a display for displaying a Web page, the printer may be used as the information processing device 10. In addition, digital signage may display a Web page. Digital signage is a system, display device, or information to be displayed that uses an electronic display device such as a display to transmit information in places where people can pass or exist, such as outdoors, storefronts, public spaces, and transportation facilities. Say.
情報処理装置10は、有線LANや無線LANのアクセスポイントを介してネットワークNと接続してもよいし、3G、4GやLTE(Long Term Evolution)といった交換回線型の通信規格で通信して、ネットワークNに接続してもよい。 The information processing device 10 may be connected to the network N via an access point of a wired LAN or a wireless LAN, or communicates with an exchange line type communication standard such as 3G, 4G or LTE (Long Term Evolution) to form a network. You may connect to N.
広告主Webサイト30とパートナーサイト50は、いずれも閲覧者が使用するクライアントコンピュータ(本実施形態の情報処理装置10)に対しネットワークを通じて情報や機能を提供するサーバ(一般的な情報処理装置)である。本実施形態では、広告主Webサイト30とパートナーサイト50の役割が異なる。広告主Webサイト30は広告を出す側であり、パートナーサイト50は広告枠を提供する側である。役割は固定的ではなく両者が逆の関係になる場合もある。 The advertiser website 30 and the partner site 50 are both servers (general information processing devices) that provide information and functions to the client computer (information processing device 10 of the present embodiment) used by the viewer through a network. 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 in the opposite relationship.
広告主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 deliver the advertisement, if the history management server 20 identifies the information processing device 10 with a cookie, the advertiser website 30 identifies the information processing device 10. The same effect as that can be obtained. Since the history management server 20 is registered in the advertisement distribution server 40 as a target for selling advertisements, the advertisement distribution server 40 sends the cookie to the history management server 20 when the information processing device 10 detects the ad space and transmits the cookie. Send. The history management server 20 can determine whether it is worth purchasing the inventory 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, the partner site 50, and the information processing device 10 transmit screen information to the information processing device 10 in response to a request from the information processing device 10 in accordance with HTTP or HTTPS. .. The screen information is a program described in HTML, a script language, and a CSS (cascading style sheet). The structure of the Web page is mainly specified by HTML, the operation of the Web page is defined by the script language, and the Web is defined by CSS. The style of the page is specified. In the present embodiment, it is a script language that reflects the operation of the viewer on the Web page in the spherical image. Specifically, as a script language, a programming language called JavaScript (registered trademark) or ECMAScript is known.
なお、本実施形態でWebページと称する場合はWebアプリが含まれるものとして説明する。Webアプリの定義は定かでないが、例えば、広告主Webサイト30とパートナーサイト50が閲覧者の要求に応じてWebページを動的に構築することを指したり、スクリプト言語でWebページが動作することを指したりする。前者は、例えば閲覧者が設定した検索条件に適合する不動産の写真を広告主Webサイト30が配置してWebページを構築する場合が相当し、後者は、例えば閲覧者の操作で全天球画像が回転することなどが相当する。 In addition, when it is called a Web page in this embodiment, it will be described as including a Web application. The definition of the web application is not clear, but for example, it means that the advertiser website 30 and the partner site 50 dynamically construct the web page according to the request of the viewer, or the web page operates in the script language. Or point to. The former corresponds to, for example, a case where the advertiser website 30 arranges a photograph of real estate that matches the search conditions set by the viewer to construct a Web page, and the latter corresponds to, for example, a spherical image by the operation of the viewer. 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 device) that sells advertisement opportunities to be distributed to the advertisement space. The advertisement distribution server 40 and the information processing device 10 communicate with each other according to, for example, HTTPS or HTTPS. When the information processing device 10 displays the Web page on which the advertisement space of the partner site 50 is arranged, the information processing device 10 transmits a cookie to the advertisement distribution server 40. At this time, the information processing device 10 transmits all the cookies related to the advertisement distribution server 40. Cookies are provided not only by real estate sites but also by various advertiser websites 30. 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 ad space. The history management server 20 identifies the attributes of the viewer from the cookie, determines the bid amount in consideration of the attributes and the product to be advertised, and bids. In the present embodiment, since it is known from the cookie that the operation history is recorded, the history management server 20 can purchase the advertising space as if the bid was made at a higher price (and faster response).
広告配信サーバ40は契約にしたがって履歴管理サーバ20に課金し、履歴管理サーバ20と不動産サイト(広告主Webサイト)の間では契約に従った課金が行われる。ただし、広告が表示されただけで課金されるかどうかなどは契約によって異なる。 The advertisement distribution server 40 charges the history management server 20 according to the contract, and the history management server 20 and the real estate site (advertiser website) are charged according to the contract. However, it depends on the contract whether or not you will be charged just for displaying the advertisement.
履歴管理サーバ20はバナーやテキストなどの入稿素材や広告画像(以下、広告情報という)を保持しており、情報処理装置10からの要求に対し広告情報を送信する。広告情報は単なるバナー(文字や写真や絵でつくられた画像)の場合もあるし、画像に加えスクリプト言語が含まれる場合がある。本実施形態では、閲覧者のWebページに対する操作を全天球画像の表示態様に反映させるため、スクリプト言語で記述されたプログラム(上記の表示プログラム)が含まれる。 The history management server 20 holds submitted 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 device 10. Advertising information may be just a banner (an image made up of text, photos or pictures), or it may include a scripting language in addition to the image. In the present embodiment, a program written in a script language (the above-mentioned display program) is included in order to reflect the operation of the viewer on the Web page in the display mode of the spherical image.
広告がクリックされた場合、広告がクリックされた等の情報は閲覧者のブラウザ8のクッキー(上記とは別)に書きこまれ、広告配信サーバ40に送信される。クッキーには広告枠を特定する情報が含まれているので、広告のクリックにより閲覧者が広告主Webサイト30にアクセスした場合、パートナーサイト50の広告枠を経由したことを広告配信サーバ40が把握可能になる。広告配信サーバ40はパートナーサイト50の運営者にクリック数に応じた料金を支払う。また、広告主Webサイト30はクリックされた旨のクッキーにより履歴管理サーバ20が購入した広告枠によりクリックされたことを検出し、契約に基づいて所定の料金を履歴管理サーバ20に支払う。 When the advertisement is clicked, the information such as the click of the advertisement is written in the cookie of the browser 8 of the viewer (separate from the above) and transmitted to the advertisement distribution server 40. Since the cookie contains information that identifies the advertisement space, the advertisement distribution server 40 grasps that when the viewer accesses the advertiser website 30 by clicking the advertisement, the advertisement distribution server 40 has passed through the advertisement space of the partner site 50. It will be possible. The advertisement distribution server 40 pays the operator of the partner site 50 a fee according to the number of clicks. Further, the advertiser website 30 detects that the history management server 20 has been clicked by the purchased advertising space by the cookie indicating that the click has been made, 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 showing a schematic hardware configuration of the information processing device 10. The information processing device 10 can be implemented as a personal computer, a workstation, or an appliance server. The information processing device 10 includes a CPU 201 and a memory 202 that enables high-speed access to data used by the CPU 201. The CPU 201 and the memory 202 are connected to other devices or drivers of the information processing device 10, such as the graphics driver 204 and the network device (NIC) 205, via the system bus 203.
グラフィックス・ドライバ204は、バスを介してLCD(表示装置)206に接続されて、CPU201による処理結果をモニタする。LCD206にはタッチパネルが一体に配置されていてもよい。この場合、閲覧者は操作手段として指を使って情報処理装置10を操作できる。 The graphics driver 204 is connected to the LCD (display device) 206 via a bus to monitor the processing result by the CPU 201. A touch panel may be integrally arranged on the LCD 206. In this case, the viewer can operate the information processing device 10 by using a finger as an operation means.
また、ネットワーク・ドライバ205は、トランスポート層レベル及び物理層レベルで情報処理装置10をネットワークNへと接続して、広告主Webサイト30等とのセッションを確立させている。 Further, the network driver 205 connects the information processing device 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. A storage device such as HDD 209 is connected to the downstream side of the I / O bus bridge 207 by IDE, ATA, ATAPI, Serial ATA, SCSI, USB, etc. via an I / O bus 208 such as PCI. .. You may have SSD (Solid State Drive) instead of HDD 209 or together with HDD 209.
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 website 30, the partner site 50, and the advertisement distribution server 40 in addition to the browser 8. The information processing device 10 reflects the operation on the Web page on the spherical image by executing the browser 8 and the display program included in the screen information. The program 209p may be distributed from the advertiser website 30 or the like, or may be distributed in a state of being stored in a portable storage medium such as a USB memory or an optical storage medium.
また、I/Oバス208には、USBなどのバスを介して、キーボード及びマウス(ポインティング・デバイスと呼ばれる)などの入力装置210が接続され、閲覧者などのオペレータによる入力及び指令を受け付けている。 Further, an input device 210 such as a keyboard and a mouse (called a pointing device) is connected to the I / O bus 208 via a bus such as USB, and receives 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 diagrams of the advertiser website 30, the partner site 50, the advertisement distribution server 40, and the history management server 20 are the same as those in FIG. 5, or even if there are differences, after the explanation of the present embodiment. There should be no problem. 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 one housing or provided as a group of devices, and the advertiser website 30, the partner site 50, and the advertisement distribution server 40 do not need to be provided. , And the hardware elements that the history management server 20 preferably has. Further, in order to support cloud computing, the physical configurations of the advertiser website 30, partner site 50, advertisement distribution server 40, and history management server 20 of this embodiment do not have to be fixed, and the load, etc. 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 spherical image will be described with reference to FIGS. 6 to 9. FIG. 6 is a usage image diagram of the spherical camera 9. As shown in FIG. 6, the spherical camera 9 is used by the viewer to hold the camera in his / her hand and take an image of a subject around the viewer. The spherical camera 9 has a structure in which the back surfaces of the two image pickup elements are opposed to each other, and two hemispherical images are obtained by imaging a subject around the viewer.
次に、図7及び図8を用いて、全天球カメラ9で撮像された画像から全天球画像が作成されるまでの処理の概略を説明する。なお、図7(a)は全天球カメラ9で撮像された半球画像(前側)、図7(b)は全天球カメラ9で撮像された半球画像(後側)、図7(c)は正距円筒図法により表された画像(以下、「正距円筒画像」という)を示した図である。図8(a)は正距円筒画像で球を被う状態を示した概念図、図8(b)は全天球画像を示した図である。 Next, with reference to FIGS. 7 and 8, the outline of the process from the image captured by the spherical camera 9 to the creation of the spherical image will be described. 7 (a) is a hemispherical image (front side) captured by the spherical camera 9, FIG. 7 (b) is a hemispherical image (rear side) captured by the spherical camera 9, FIG. 7 (c). Is a diagram showing an image represented by the equirectangular projection (hereinafter, referred to as "equaltangular image"). FIG. 8A is a conceptual diagram showing a state of covering a sphere with an equirectangular image, and FIG. 8B is a diagram showing a spherical image.
図7(a)に示されているように、全天球カメラ9によって得られた画像は、魚眼レンズによって湾曲した半球画像(前側)となる。また、図7(b)に示されているように、全天球カメラ9によって得られた画像は、魚眼レンズによって湾曲した半球画像(後側)となる。そして、半球画像(前側)と、180度反転された半球画像(後側)とは、全天球カメラ9によって合成され、図7(c)に示されているように、正距円筒画像が作成される。 As shown in FIG. 7A, the image obtained by the spherical camera 9 is a hemispherical image (front side) curved by a fisheye lens. Further, as shown in FIG. 7B, the image obtained by the spherical camera 9 is a hemispherical image (rear side) curved by the fisheye lens. Then, the hemispherical image (front side) and the hemispherical image (rear side) inverted 180 degrees are combined by the spherical camera 9, and as shown in FIG. 7 (c), an equirectangular image is obtained. 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. 8B ) Is created as shown in the spherical image. In this way, the spherical image is represented as an image in which the equirectangular image faces the center of the sphere. OpenGL ES is a graphics library used to visualize 2D (2-Dimensions) and 3D (3-Dimensions) data. The spherical 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に表示される。 This spherical image is included in the advertisement information distributed by the advertisement distribution server 40. Since the spherical image is an image pasted so as to cover the spherical surface, it is curved and gives a sense of discomfort to humans. Therefore, the information processing device 10 displays a part of the predetermined region T of the spherical image as a flat image with little curvature so as not to give a sense of discomfort to humans. The predetermined area T is indicated by the coordinates (X, Y, Z) in the three-dimensional virtual space. On the other hand, since the LCD 206 is a two-dimensional plane, the information processing device 10 cannot display the predetermined area T as it is. Therefore, the information processing apparatus 10 obtains a predetermined region T by perspective projection conversion that projects a three-dimensional object onto a two-dimensional plane using a technique of 3D computer graphics. As described above, as shown in FIG. 1, a predetermined region T of the spherical image is displayed on the LCD 206 as a display region.
図9は、閲覧者の視線を説明する図の一例である。全天球画像は三次元の座標を有しているので、視線方向は三次元の座標又は緯度・経度などの球体の座標を特定する情報で特定される。本実施形態では、所定領域Tの中心cpを視線方向とする。 FIG. 9 is an example of a diagram for explaining the line of sight of the viewer. Since the spherical image has three-dimensional coordinates, the line-of-sight direction is specified by the three-dimensional coordinates or the information that specifies the coordinates of the sphere such as latitude and 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 translate, the virtual camera IC will be a rigid body with roll (rotation around the Z axis) and yaw (centered on the Y axis). Three rotations are possible: rotation) and pitch (rotation about the X-axis). The line-of-sight direction changes regardless of which of these three rotations occurs. For example, when the viewer rotates the spherical image in the horizontal direction, the yaw angle changes, when the viewer rotates it in the vertical direction, the pitch angle changes, and when the spherical image is rotated around the center of the LCD 206, the roll angle changes. Changes. In the present embodiment, the operation of the viewer on the Web page is reflected in the line-of-sight direction (roll angle, yaw angle, pitch angle) and the like. How it is reflected shall be 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 showing the functions of the information processing device 10, the advertiser website 30, the partner site 50, the history management server 20, and the advertisement distribution server 40 in a block shape.
<<情報処理装置10>>
情報処理装置10は、Webページ取得部11、Webページ解析部12、Webページ表示部13、操作受付部14、及びスクリプト実行部15を有している。情報処理装置10が有するこれらの各機能は、HDD209からメモリ202に展開されたプログラム209pをCPU201が実行することにより実現される機能又は手段である。
<< Information processing device 10 >>
The information processing device 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 included in 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 reception unit 14 receives various operations on the information processing device 10. Specifically, it accepts an operation on the browser 8 executed by the information processing device 10. When the Web page has a program written in the script language (the above script), the script accepts an operation on the Web page triggered by the operation. In the present embodiment, it is not strictly distinguished whether the operation target is the information processing device 10, the browser 8, or the Web page, and the operation on the information processing device 10, the operation on the browser 8, or the operation on the Web page is equivalent. Has the meaning of. The operation reception unit 14 is realized by the CPU 201 shown 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 the operation of the viewer or the operation of the script, and acquires the web page from the advertiser website 30 and the partner site 50. The Web page acquisition unit 11 is realized by the CPU 201 shown 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 HTML included in the screen information in order from the beginning and analyzes the structure of sentences and image data included in the HTML. In addition, the association with the HTML text or image data described in CSS is detected, and the style of the text or image data included in the HTML is associated. Further, the Web page analysis unit 12 detects a script tag from HTML and extracts a script written in the script language. The Web page analysis unit 12 sends HTML and CSS to the Web page display unit 13, and sends a script to the script execution unit 15. The Web page analysis unit 12 is realized by the CPU 201 shown in FIG. 5 executing the program 209p or the like.
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 beginning of HTML. In addition, the Web page is updated according to the 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 or the like.
スクリプト実行部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 the ad space, an ad request tag, and the like are detected as scripts. The script execution unit 15 is realized by the CPU 201 shown in FIG. 5 executing the program 209p or the like. Further, each function or means possessed by 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 device 10 executing a retargeting tag included in the screen information acquired by the Web page acquisition unit 11 of 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 shown in FIG. The cookie of the storage unit 19 is 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 of 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, etc.). To do. As a result, the advertisement request tag is first acquired. Advertising request tags are also a type of script.
広告取得部151は広告要求タグを実行して、クッキーを履歴管理サーバ20に送信する。履歴管理サーバ20がクッキーに基づいて広告情報を生成するので、広告取得部151は広告情報を取得する。本実施形態の広告情報は、全天球画像及び表示領域を含み、全天球画像を表示させる表示プログラムを有している。表示プログラムは全天球画像への直接の操作を全天球画像の表示態様に反映させる。表示プログラムもスクリプト言語で記述されており、スクリプト実行部15により実行される。 The advertisement acquisition unit 151 executes the advertisement request tag and sends the cookie to the history management server 20. Since the history management server 20 generates the advertisement information based on the cookie, the advertisement acquisition unit 151 acquires the advertisement information. The advertisement information of the present embodiment includes a spherical image and a display area, and has a display program for displaying the spherical image. The display program reflects the direct operation on the spherical image in the display mode of the spherical image. The display program is also written in the script language and is executed by the script execution unit 15.
広告表示部153は、スクリプト実行部15のうち履歴管理サーバ20から取得した広告情報を表示する機能である。広告表示部153は、広告枠に全天球画像を含む広告を表示する。また、全天球画像に対する直接の操作に応じて全天球画像の表示態様を変更する。 The advertisement display unit 153 is 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 a spherical image in the advertisement space. In addition, the display mode of the spherical image is changed according to the direct operation on the spherical 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 the operation history shown in Table 2 described later. As shown in Table 2, the operation history has an image ID, a viewing time, a cookie, and viewing angles of view 1 to 3. The image ID is information for identifying the spherical image included in the Web page of the advertiser website 30. ID is an abbreviation for Identification and means an identifier or identification information. An ID refers to a name, a code, a character string, a numerical value, or a combination of one or more of these, which is used to uniquely distinguish a specific object from a plurality of objects. The same applies to the following IDs. The browsing time is the time when the viewer browses the spherical image of the advertiser website 30. Cookies are described in Table 1. The viewing angles of view 1 to 3 are angles of view such that the time when the viewer stands still without rotating the spherical image is a predetermined time (for example, 1 second) or more. The operation history recording unit 154 records the top three angles of view when it is stationary. It may be only one or four or more. In addition, the operation history recording unit 154 records whether or not the viewer has expanded or contracted 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 the retargeting tag included in the screen information acquired by the Web page acquisition unit 11 of the script execution unit 15. The operation history transmission unit 155 transmits the operation history for the spherical image displayed on the advertiser website 30 together with the cookie to the history management server 20.
<<広告主Webサイト30、パートナーサイト50>>
広告主Webサイト30とパートナーサイト50は、Webページ提供部31を有している。広告主Webサイト30とパートナーサイト50が有するこれらの各機能は、HDD209からメモリ202に展開されたプログラム209pをCPU201が実行することにより実現される機能又は手段である。
<< Advertiser website 30, partner site 50 >>
The advertiser website 30 and the partner site 50 have a web page providing unit 31. Each of these functions possessed by the advertiser website 30 and the partner site 50 is a function or means realized by the CPU 201 executing the program 209p expanded 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 device 10, constructs a Web page, and transmits the HTTP response to the information processing device 10. If necessary for processing, the application server is requested to process, and the processing result is arranged on the Web page and transmitted. The Web page providing unit 31 is realized by the CPU 201 shown in FIG. 5 executing the program 209p or the like.
<<広告配信サーバ40>>
広告配信サーバ40は、広告提供部41及びクッキー生成部42を有している。広告配信サーバ40が有するこれらの各機能は、HDD209からメモリ202に展開されたプログラム209pをCPU201が実行することにより実現される機能又は手段である。
<< Advertisement distribution server 40 >>
The advertisement distribution server 40 has an advertisement providing unit 41 and a cookie generating unit 42. Each of these functions possessed by the advertisement distribution server 40 is a function 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により実現される。 Further, a cookie information DB 491 is constructed in the storage unit 49. The storage unit 49 is realized by the HDD 209 or the memory 202 shown in FIG.
表1はクッキー情報DB491に記憶される情報を模式的に示す。クッキー情報DB491は各クッキーの情報を記録している。クッキー情報DB491には、各クッキーごとに、クッキー名、クッキー値、生成時刻、有効期限、及び、ドメイン名の各項目が記録される。クッキー名は、広告配信サーバ40がクッキーに付与する任意の名称である。広告配信サーバ40が所定の規則にしたがって付与する。クッキー値は重複しない識別情報である。生成時刻は最後に閲覧者がサイトを訪れた日時である。有効期限はクッキーが有効とされる(利用可能な)期限である。ドメイン名は、広告主Webサイト30のドメインである。クッキーにより広告主Webサイト30を閲覧したブラウザ8(閲覧者)が特定される。
Table 1 schematically shows the information stored in the cookie information DB 491. The cookie information DB 491 records the information of each cookie. In the cookie information DB 491, each item of the cookie name, the cookie value, the generation time, the expiration date, and the domain name is recorded for each cookie. The cookie name is an arbitrary name given to the cookie by the advertisement distribution server 40. The advertisement distribution server 40 grants the advertisement according to a predetermined rule. The cookie value is unique identification information. The generation time is the date and time when the visitor last visited the site. The expiration date is the expiration date 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 generation unit 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 shown in FIG. 5 executing the program 209p or the like.
広告提供部41は、情報処理装置10からクッキーと共に送信されるHTTPリクエストを解釈して、広告枠を購入する履歴管理サーバ20を決定し、広告要求タグをHTTPレスポンスとして情報処理装置10に送信する。広告提供部41は、図5に示したCPU201がプログラム209pを実行すること等により実現される。 The advertisement providing unit 41 interprets the HTTP request transmitted from the information processing device 10 together with the cookie, determines the history management server 20 for purchasing the ad space, and transmits the advertisement request tag to the information processing device 10 as an HTTP response. .. The advertisement providing unit 41 is realized by the CPU 201 shown in FIG. 5 executing the program 209p or the like.
<<履歴管理サーバ20>>
履歴管理サーバ20は、広告画像通信部21、表示領域決定部22、及び操作履歴取得部23を有している。履歴管理サーバ20が有するこれらの各機能は、HDD209からメモリ202に展開されたプログラム209pをCPU201が実行することにより実現される機能又は手段である。
<< History management server 20 >>
The history management server 20 has an advertisement image communication unit 21, a display area determination unit 22, and an operation history acquisition unit 23. Each of these functions possessed by the history management server 20 is a function 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. The operation history DB 291 and the advertisement image DB 292 and the distribution setting DB 293 are constructed in the storage unit 29.
表2は、操作履歴DB291に記憶される情報を模式的に示す。操作履歴DB291には各閲覧者が全天球画像に対しどのような操作を行ったのかという履歴が記録されている。操作履歴DB291には画像ID、閲覧時刻、クッキー、閲覧画角1〜3の各項目が記録されている。画像IDは全天球画像を特定するための情報である。クッキーは上記のとおりである。閲覧画角1〜3は閲覧者が全天球画像を閲覧した際の画角である。各閲覧画角1〜3には閲覧時間、拡大の有無、拡大した場合は拡大後の画角、及び、縮小の有無、が格納されている。このように、各画像ごとに閲覧者が興味を持ったと考えられる画角が記録される。履歴管理サーバ20は閲覧画角1〜3を参照して、広告時の全天球画像の表示領域を決定する。
Table 2 schematically shows the information stored in the operation history DB 291. The operation history DB 291 records a history of what kind of operation each viewer has performed on the spherical image. Each item of the image ID, the viewing time, the cookie, and the viewing angle of view 1 to 3 is recorded in the operation history DB 291. The image ID is information for identifying the spherical image. The cookies are as described above. The viewing angles of view 1 to 3 are the angles of view when the viewer views the spherical image. The 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 considered to be of interest to the viewer is recorded for each image. The history management server 20 determines the display area of the spherical image at the time of advertisement by referring to the viewing angles of view 1 to 3.
表3は、広告画像DB292に記憶されている情報を模式的に示す。広告画像DB292には、広告の対象となる全天球画像に関する情報が登録されている。また、広告主Webサイト30で表示された全天球画像に関する情報が登録されている。広告画像DB292にはドメインに対応付けて、画像ID、画像、及び、画像内容が記憶されている。ドメイン名は広告主Webサイト30を特定するための情報である。画像IDは広告枠に表示される全天球画像を特定する情報である。広告主Webサイト30で表示された全天球画像の画像IDを含む。画像は全天球画像の画像データである。画像内容はどのような画像であるかを広告主が判断するための情報である。不動産であれば1つの物件のうち撮像場所が異なる複数の全天球画像が登録されている。
Table 3 schematically shows the information stored in the advertisement image DB 292. Information about the spherical image to be advertised is registered in the advertisement image DB 292. In addition, information regarding the spherical image displayed on the advertiser website 30 is registered. The advertisement image DB 292 stores an image ID, an image, and an image content in association with a domain. The domain name is information for identifying the advertiser website 30. The image ID is information that identifies the spherical image displayed in the advertising space. The image ID of the spherical image displayed on the advertiser website 30 is included. The image is image data of a spherical image. The image content is information for the advertiser to judge what kind of image it is. In the case of real estate, a plurality of spherical 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 the information stored in the distribution setting DB 293. The distribution setting DB 293 is set according to the rules for the history management server 20 to distribute the advertisement. Each item of the domain name, the advertisement target, the non-advertisement target, and the advertisement content is recorded in the distribution setting DB 293. The domain name is information for associating the cookie with the advertisement distribution, and the domain of the advertiser website 30 is set. The advertisement target is the attribute of the viewer who wants to focus on viewing the advertisement. The non-advertisement target is an attribute of the viewer who does not want the advertisement to be viewed. The content of the advertisement is set as to what kind of advertisement is viewed. For example, in the case of products having the same advertisement content, the same product as the product viewed by the viewer on the advertiser website 30 is the advertisement. When the advertisement content is a similar product, the product similar to the product viewed by the viewer on the advertiser website 30 is the advertisement. Although the distribution settings are associated with the domains in Table 4 for convenience of explanation, the distribution settings may be associated with each image ID. You can determine the advertisement delivery method in detail for each image.
(履歴管理サーバの機能について)
広告画像通信部21は情報処理装置10からクッキーを取得して、表示領域決定部22に広告として表示される全天球画像と表示領域を決定させる。また、広告情報(全天球画像と表示領域)を広告配信サーバ40に送信する。
(About the function of the history management server)
The advertisement image communication unit 21 acquires a cookie from the information processing device 10 and causes the display area determination unit 22 to determine the spherical image and the display area to be displayed as an advertisement. In addition, the advertisement information (omnidirectional image and 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 identifies the image ID that the viewer was viewing based on the cookie from the operation history DB 291. Further, the advertisement image DB 292 is searched by the domain included in the cookie, and the advertiser website 30 is specified. The spherical image of the advertiser website 30 is specified by the image ID. Then, the display area of the spherical image is determined by the viewing angles of view 1 to 3 of 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 having the longest viewing time is determined as the display area. Further, enlargement and reduction may be considered. Enlarging is considered to be of interest to the viewer, and reducing is considered to be of interest to the viewer 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 points 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を制御すること等により実現される。
Viewing angle of view 1 point = 10 seconds x 1.5 (with enlargement) = 15
Viewing angle of view 2 points = 5 seconds x 0.8 (with reduction) = 4.8
Viewing angle of view 3 points = 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 device 10 and sets it in the operation history DB 291. The operation history acquisition unit 23 is realized by the CPU 201 shown 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 have an operation history recording unit 154 of the information processing device 10. Since the operation history recording unit 154 requires time-series operation contents, it may be difficult for the history management server 20 to acquire the operation history depending on the communication band or the like. On the other hand, the operation history recording unit 154 of the information processing device 10 only needs to transmit the final operation history to the history management server 20, so that the communication load can be reduced.
<各Webページが有する情報>
図11は、各Webページが有する情報を模式的に説明する図の一例である。図11(a)は広告主Webサイト30が提供するWebページであり、図11(b)はパートナーサイト50が提供するWebページである。
<Information that each Web page has>
FIG. 11 is an example of a diagram schematically explaining the information contained 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 a spherical image 401, and the spherical image has an image ID. Further, the retargeting tag 404 is attached to the information processing device 10 by the Web page provided by the advertiser Web site 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 to acquire 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 to transmit 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. A script such as an ad tag and an ad space ID are associated with the ad space 402, and the URL of the ad distribution server 40 is described in the script. The browser 8 executes the script and sends 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 for explaining the viewing angle of view of the spherical image. The spherical image of FIG. 12 is represented by equirectangular projection. When the viewer operates, the predetermined area T is displayed as the whole celestial sphere as shown in FIG. 1 (a). In this case, the viewing angle of view of the spherical image is represented by the coordinates of four points cut out from the spherical image. Since the predetermined area T is a rectangle, the viewing angle of view is indicated only by the diagonal vertices in the present embodiment.
<操作履歴>
図13は、操作履歴の記録を説明する図の一例である。閲覧者は広告主Webサイト30が提供するWebページの全天球画像を操作する。図13ではWebページの全天球画像を正距円筒図法で簡略化して示している。この全天球画像は不動産の物件のものであるため、キッチン341、玄関342、窓343、及び、ベランダ344(天井も床も写っているが省略されている)が写っている。
<Operation history>
FIG. 13 is an example of a diagram for explaining the recording of the operation history. The viewer operates the spherical image of the Web page provided by the advertiser website 30. In FIG. 13, the spherical image of the Web page is simplified by equirectangular projection. Since this spherical image is of a real estate property, the kitchen 341, the entrance 342, the window 343, and the veranda 344 (the ceiling and floor are shown but omitted) are shown.
閲覧者は全天球画像を回転させて、興味のある対象(場所)を閲覧する。回転させている間は静止していないが、閲覧時間が所定以上になると操作履歴記録部154は閲覧画角301〜303と閲覧時間を記録する。また、拡大と縮小の有無、拡大後と縮小後の閲覧画角を記録する。 The viewer rotates the spherical image to browse the object (place) of interest. Although it is not stationary while being rotated, 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. In addition, the presence / absence of enlargement / reduction and the viewing angle of view after enlargement and 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. 14 and 15. FIG. 14 is a sequence diagram until the history management server 20 records the 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 to start the browser 8. The information processing device 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 device 10 receives the URL and IP address of the advertiser website 30. The Web page acquisition unit 11 of the information processing device 10 requests the advertiser Web site 30 for a Web page.
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 device 10. The retargeting tag does not have to be sent at the same time as 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. As a result, the web page of the advertiser website 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 from 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 Web site 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 device 10.
S7:情報処理装置10のクッキー取得部152はクッキーを受信し、記憶部19に記憶させる。 S7: The cookie acquisition unit 152 of the information processing device 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 device 10 accepts the operation of the viewer on the spherical image and notifies the operation history recording unit 154. The operation history recording unit 154 records the operation history. When the viewer browses a plurality of spherical images, the operation history is recorded for all the spherical images.
S9:情報処理装置10の操作履歴送信部155は、リターゲティングタグに記述された履歴管理サーバ20のURLに対し、画像IDと共に操作履歴及びクッキーを履歴管理サーバ20に送信する。なお、操作履歴を送信するタイミングは、閲覧者が広告主Webサイト30の閲覧を終了した時でもよいし、1つの全天球画像の閲覧を終了して次の全天球画像の閲覧に遷移した時でもよい。あるいは、閲覧者の明示的な操作により送信してもよい。 S9: The operation history transmission unit 155 of the information processing device 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. The timing of transmitting the operation history may be when the viewer finishes browsing the advertiser website 30, or shifts to browsing the next spherical image after finishing browsing one spherical image. It may be when you do. Alternatively, it may be transmitted by an explicit operation of the 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 to display the partner site 50, and the operation reception unit 14 of the information processing device 10 accepts the URL or IP address of the partner site 50. The Web page acquisition unit 11 of the information processing device 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 an advertising space to the information processing device 10. The ad space may not be sent at the same time as 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 the script associated with the advertising space, and sends HTML and CSS to the Web page display unit 13. As a result, the Web page of the partner site 50 is displayed.
S14:広告枠のスクリプトが実行されることで広告取得部151は、広告枠に記述された広告配信サーバ40のURLに対しクッキーと広告枠IDを送信する。 S14: When the ad space script is executed, the ad acquisition unit 151 transmits a cookie and an ad space ID to the URL of the ad distribution server 40 described in the ad 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 ad space ID. The advertisement providing unit 41 of the advertisement distribution server 40 searches the cookie information DB 491 with the received cookie. When the cookie is registered in the cookie information DB 491, the advertisement distribution server 40 detects that the viewer to be retargeted has visited the partner site 50.
S16:情報処理装置10のブラウザ8が複数のクッキーを記憶している場合も少なくなく、この場合、広告取得部151は広告配信サーバ40に関連する全てのクッキーを広告配信サーバ40に送信する。広告提供部41はクッキーが有するドメインに基づいて入札を行う。履歴管理サーバ20にクッキーを送信すると、履歴管理サーバ20はクッキーのクッキー値、生成時刻や閲覧者の属性に基づいて入札する。 S16: In many cases, the browser 8 of the information processing device 10 stores a plurality of cookies. In this case, the advertisement acquisition unit 151 transmits all the cookies related to the advertisement distribution server 40 to the advertisement distribution server 40. The advertisement providing unit 41 makes a bid based on the domain of the cookie. 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 advertisement space to the history management server 20 that satisfies the bid criteria such as the bid amount. In the present embodiment, it is assumed that the history management server 20 is identified as a viewer of the advertiser website 30 having an operation history based on the cookie value, and the advertising space is purchased.
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 device 10. The advertisement request tag is a program for the information processing apparatus 10 to request an advertisement to be delivered to the advertisement space purchased by the history management server 20, including the URL of the history management server 20 that has purchased the advertisement space.
S19:情報処理装置10の広告取得部151は広告要求タグを取得してこれを実行することで、履歴管理サーバ20に広告要求とクッキーを送信する。 S19: The advertisement acquisition unit 151 of the information processing device 10 acquires an advertisement request tag and executes it to transmit 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 confirms the distribution setting with reference to the distribution setting DB 293. Check the attributes of the viewer and confirm that it is an advertising target and not a non-advertising target. Viewer attributes include age, gender, occupation, family structure, annual income, and location. The history management server 20 stores the attributes of the viewer in association with the cookie. The attributes of the viewer may be those accumulated in the advertisement distribution server 40, or may be acquired from a server that specially accumulates the attributes of the viewer. 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 specified.
S21:表示領域決定部22はクッキーで操作履歴DB291を検索する。これにより、画像IDと閲覧画角1〜3が決定される。クッキーに対応付けられた画像IDが複数の場合がある。閲覧者が複数の全天球画像を閲覧した場合である。この場合、複数の全天球画像を全て送信してよい。あるいは、上記のポイントが最も高い閲覧画角を有する全天球画像に決定してもよいし、閲覧時刻が最も早い又は最も遅い全天球画像に決定してもよい。 S21: The display area determination unit 22 searches the operation history DB 291 with a cookie. As a result, the image ID and the viewing angles of view 1 to 3 are determined. There may be a plurality of image IDs associated with the cookie. This is the case when the viewer browses a plurality of spherical images. In this case, all of the plurality of spherical images may be transmitted. Alternatively, the above point may be determined to be the spherical image having the highest viewing angle of view, or the spherical image having the earliest or latest browsing time may be determined.
S22:表示領域決定部22は、閲覧画角1〜3をポイントに変換し、最もポイントが高い閲覧画角を表示領域に決定する。広告内容は「同じ画像」なので、表示領域決定部22は広告画像DB292から、ドメインと画像IDで特定される全天球画像を読み出す。 S22: The display area determination unit 22 converts the viewing angles of view 1 to 3 into points, and determines the viewing angle of view having the highest points as the display area. Since the advertisement content is "the same image", the display area determination unit 22 reads out the spherical 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 (omnidirectional image and display area) to the information processing device 10.
S24:情報処理装置10の広告取得部151は広告情報を受信する。広告表示部153は、広告要求タグで広告を要求した広告枠に、表示領域で決定される画角で全天球画像を表示する。 S24: The advertisement acquisition unit 151 of the information processing device 10 receives the advertisement information. The advertisement display unit 153 displays the spherical image at the angle of view determined by the display area in the advertisement space for which the advertisement is requested by the advertisement request tag.
このように、本実施形態の閲覧システム100は、クッキーで閲覧者を追跡して閲覧者が興味を示した画角で全天球画像を表示できる。情報処理装置10はWebサイトを表示した直後(初期状態)から、閲覧者が興味を持った表示領域で全天球画像を表示できるのでクリック率を向上できる。 As described above, the browsing system 100 of the present embodiment can track the viewer with a cookie and display the spherical image at an angle of view that the viewer is interested in. Since the information processing device 10 can display the spherical image in the display area of interest to the viewer 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 device 10, but the history management server 20 acquires the advertisement information from the advertisement distribution server and transmits it to the information processing device 10 as it is. You may.
また、情報処理装置10は、広告主Webサイト30からリターゲティングタグを含む画面情報を取得し、パートナーサイト50から広告枠を含む画面情報を取得する構成としたが、例えば、リターゲティングタグを含む画面情報及び広告枠を含む画面情報を、広告主Webサイト30から取得するようにしても良い。更に、リターゲティングタグを含む画面情報及び広告枠を含む画面情報を、パートナーサイト50から取得するようにしても良い。 Further, the information processing device 10 is configured to acquire the screen information including the retargeting tag from the advertiser website 30 and the screen information including the advertising space from the partner site 50. For example, the information processing device 10 includes the retargeting tag. The screen information including the screen information and the advertising space may be acquired from the advertiser website 30. Further, the screen information including the retargeting tag and the screen information including the 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を送信しなくても良い。 Further, in step S9, the information processing device 10 transmits the operation history, the cookie, and the image ID to the history management server 20, but the history management server 20 separates the image ID operated by the information processing device 10. (For example, the 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 device 10 to obtain the history management server 20. Can identify the image displayed by the information processing device 10, or the information processing device 10 analyzes the screen information and separately acquires and displays the image to be operated from the history management server 20 to display the history management server. When 20 can identify the image displayed by the information processing device 10), the information processing device 10 does not have to transmit the image ID in step S9.
本実施例では、閲覧者が全天球画像以外の画像を閲覧している場合にも操作履歴を記録できる閲覧システム100について説明する。また、広告主Webサイト30とパートナーサイト50で異なる全天球画像を表示できる閲覧システム100について説明する。 In this embodiment, the browsing system 100 that can record the operation history even when the viewer is browsing an image other than the spherical image will be described. Further, a browsing system 100 capable of displaying different spherical images on the advertiser website 30 and the partner site 50 will be described.
システム構成、ハードウェア構成、及び、機能ブロック図については実施例1と同様であるため、相違点を主に説明する。 Since the system configuration, the hardware configuration, and the 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's website>
FIG. 16 is an example of a diagram illustrating an image displayed on the advertiser website 30. The advertiser website 30 prepares four flat images 31 to 314 of a property with real estate. When the viewer clicks on any of the flat images 31 to 314, the clicked flat image is displayed in a large size in the display field 320. Since the angle of view of such flat images 31 to 314 is fixed, the operation history recording unit 154 cannot record the viewing angle of view. However, since the advertiser wants to know the target that the viewer is interested in, if he / she knows what is shown in the flat images 31 to 314, he / she can use it to provide an appropriate advertisement.
平面画像311〜314の場合、例えば平面画像311〜314のメタデータ(平面画像に関する情報が記録されたデータ)に撮像対象が記録されている。平面画像311の撮像対象はキッチン、平面画像312の撮像対象は玄関、平面画像313の撮像対象は窓、平面画像314の撮像対象はベランダである。操作履歴記録部154は表示欄320に拡大表示した平面画像の撮像対象を操作履歴として記録する。 In the case of the plane images 31 to 314, for example, the image pickup target is recorded in the metadata (data in which the information about the plane image is recorded) of the plane images 31 to 314. The image pickup target of the plane image 311 is the kitchen, the image pickup target of the plane image 312 is the entrance, the image pickup target of the plane image 313 is the window, and the image pickup target of the plane image 314 is the veranda. The operation history recording unit 154 records the image capture target of the flat image enlarged and displayed in the display field 320 as the operation history.
一方、図17に示すように、履歴管理サーバ20は全天球画像の画角と撮像対象を対応付けて広告画像DB292に保持している。図17は、広告画像DB292が有する情報を模式的に示す図である。図17では1つの全天球画像にキッチン、玄関、窓、及び、ベランダが写っている。広告画像DB292にはキッチン341、玄関342、窓343、及び、ベランダ344の画角が登録されている。 On the other hand, as shown in FIG. 17, the history management server 20 stores the angle of view of the spherical image and the imaging target in the advertisement image DB 292 in association with each other. FIG. 17 is a diagram schematically showing the information contained in the advertisement image DB 292. In FIG. 17, one spherical image shows the kitchen, the entrance, the window, and the balcony. The angles of view of the kitchen 341, the entrance 342, the window 343, and the balcony 344 are registered in the advertisement image DB 292.
したがって、操作履歴DB291に平面画像311(キッチン)の表示時間が一番長いと記録されていれば、表示領域決定部22は全天球画像のうちキッチンが写っている画角を、広告で表示させる初期の表示領域に決定できる。 Therefore, if the operation history DB 291 records 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 shown in the spherical image by advertisement. Can be determined as the initial display area.
このように、閲覧者が全天球画像以外の画像を閲覧している場合にも操作履歴を記録し広告の表示領域を決定できる。なお、4つの平面画像311〜314と全天球画像は同じ物件が撮像されたものでもよいし、異なる物件が撮像されたものでもよい。 In this way, even when the viewer is viewing an image other than the spherical image, the operation history can be recorded and the display area of the advertisement can be determined. The four plane images 31 to 314 and the spherical 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 spherical images and an angle of view in which an object is captured. Since the two spherical images are from different properties, what is shown in which angle of view is not the same. However, if the target reflected in the angle of view of the spherical image is set in the advertisement image DB 292 as shown in FIG. 17, the operation history recording unit 154 records the display angle of view to obtain this display angle of view. The display area determination unit 22 can determine the imaged object. For example, it is assumed that the spherical image of FIG. 18A is displayed on the advertiser website 30 and (Xs1, Ys1) (Xe1, Ye1) are recorded as the viewing angle of view. Since the viewing angle of view is set in the advertisement image DB 292 that the viewing angle of view is the kitchen, when the spherical image of FIG. 18B is displayed on the partner site 50, it is the angle of view of the kitchen (Xs2, Ys2). ) (Xe2, Ye2) becomes 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 this embodiment will be described with reference to Table 5. Note that Table 5 mainly describes the differences from Table 3. Table 5 (a) shows the advertisement image DB 292 in which the plane image is registered. An image ID and an object 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 a target and a target angle of view. The target and the target angle of view are information in which the imaged target and the angle of view are associated with each other.
表示領域決定部22は、広告主Webサイト30で平面画像が閲覧された場合、表5(a)で閲覧された平面画像に対応付けられた対象を特定し、この対象が写っている全天球画像の画角を表5(b)から特定できる。また、全天球画像が閲覧された場合、表5(b)で閲覧された全天球画像の表示画角(ポイントが最も高い)に対応付けられた対象を特定し、この対象と同じ対象が写っている別の全天球画像の画角を表5(b)から特定できる。 When the flat image is viewed on the advertiser website 30, the display area determination unit 22 identifies a target associated with the flat image viewed in Table 5 (a), and the display area determination unit 22 identifies the target associated with the flat image viewed in Table 5 (a), and the whole sky showing this target. The angle of view of the spherical image can be specified from Table 5 (b). When the spherical image is viewed, the target associated with the display angle of view (highest point) of the spherical image viewed in Table 5 (b) is specified, and the same target as this target is specified. The angle of view of another spherical image in which is shown can be specified from Table 5 (b).
<動作手順>
本実施例の閲覧システム100の動作のうち操作履歴の記録は実施例1と同様でよい。図19は操作履歴に基づいて表示領域を決定する手順のシーケンス図の一例である。なお、図19の説明では主に図15との相違を説明する。ステップS10〜S22の処理は図15と同様とする。ただし、ステップS20で広告内容が「類似商品」に決定されたものとする。
<Operation procedure>
Of the operations of the browsing system 100 of this embodiment, the recording of the operation history may be the same as that of 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, the difference from FIG. 15 will be mainly described. The processing of steps S10 to S22 is the same as in FIG. However, it is assumed that the advertisement content is determined to be a "similar product" in step S20.
S22-2:表示領域決定部22は、クッキーに含まれるドメインと画像IDで特定される広告画像DB292の対象及び対象画角を参照して、ステップS22で決定した表示領域に最も近い対象画角を決定する。表示領域の中心と対象画角の中心の距離を比較すればよい。そしてこの対象画角に対応付けられた対象を特定する。 S22-2: The display area determination unit 22 refers to the target and target angle of view of the advertisement image DB 292 specified by the domain included in the cookie and the image ID, and the target angle of view closest to the display area determined in step S22. To determine. The distance between the center of the display area and the center of the target angle of view may be compared. Then, the target associated with this target angle of view is specified.
S22-3:また、広告内容は「類似商品」であるので、表示領域決定部22は広告画像DB292から、クッキーに含まれるドメインと画像IDで特定される全天球画像を読み出す。そして、この全天球画像と類似する画像を広告画像DB292から特定する。類似する画像を特定する方法にはいくつかある。
・パターンマッチングなどの画像認識処理により類似する全天球画像を特定する
・それぞれの全天球画像(物件)の属性(一戸建て、マンション、部屋数、環境、駅までの距離等)を比較して類似する全天球画像を特定する
・閲覧者が閲覧した全天球画像と同じ全天球画像を閲覧した他の閲覧者が閲覧した全天球画像を類似していると決定する
・閲覧者の属性(年代、性別、職業、家族構成、年収、所在地)と類似した属性を有する閲覧者が閲覧した全天球画像を類似していると決定する
S22-4:表示領域決定部22は、ステップS22−2で決定した対象が、類似する全天球画像でどの画角に写っているかを広告画像DB292の対象と対象画角を参照して決定する。そしてこの対象画角を表示領域に決定する。以降の処理は図15と同様でよい。
S22-3: Further, since the advertisement content is a "similar product", the display area determination unit 22 reads out the spherical image specified by the domain and the image ID included in the cookie from the advertisement image DB 292. Then, an image similar to this spherical image is specified from the advertisement image DB 292. There are several ways to identify similar images.
-Identify similar spherical images by image recognition processing such as pattern matching-Compare the attributes of each spherical image (property) (detached house, apartment, number of rooms, environment, distance to the station, etc.) Identify similar spherical images ・ Determine that the spherical images viewed by other viewers are similar to the spherical images viewed by the viewer Determine that spherical images viewed by viewers with similar attributes to the attributes (age, gender, occupation, family structure, annual income, location) are similar.
S22-4: The display area determination unit 22 determines at which angle of view the target determined in step S22-2 appears in a similar spherical image with reference to the target and the target angle of view of the advertisement image DB 292. To do. Then, this target angle of view is determined as the display area. Subsequent processing may be the same as in FIG.
このように本実施例の閲覧システム100は、操作履歴で興味があると推定される対象に基づいて全天球画像の表示領域を決定できる。したがって、操作履歴が記録される際の画像は全天球画像に限られない。また、広告主Webサイト30で表示された全天球画像と類似する全天球画像をパートナーサイト50で表示する際も閲覧者に最適な表示領域で表示できる。 As described above, the viewing system 100 of this embodiment can determine the display area of the spherical image based on the object presumed to be of interest in the operation history. Therefore, the image when the operation history is recorded is not limited to the spherical image. Further, when the spherical image similar to the spherical image displayed on the advertiser website 30 is displayed on the partner site 50, it can be displayed in the optimum display area for the viewer.
なお、本実施例では、広告画像DB292に対象及び対象画角が登録されているとしたが、表示領域決定部22は画像処理により表示領域を決定してもよい。ポイントにより表示領域を決定すると、表示領域決定部22は表示領域に写っている対象(例えばキッチン)を、機械学習などを利用したパターンマッチングで特定する。類似する全天球画像に対しても同様のパターンマッチングで同じ対象が写っている対象画角を特定すると、類似する全天球画像で対象が写っている表示領域を決定できる。 In this embodiment, it is assumed that the target and the target angle of view are registered in the advertisement image DB 292, but the display area determination unit 22 may determine the display area by image processing. When the display area is determined by the points, the display area determination unit 22 identifies the target (for example, the kitchen) reflected in the display area by pattern matching using machine learning or the like. By specifying the target angle of view in which the same object is shown in the same pattern matching for similar spherical images, it is possible to determine the display area in which the target is shown in the similar spherical images.
本実施例では、パートナーサイト50のWebページに広告として表示された全天球画像を閲覧者が切り替えることができる閲覧システム100について説明する。システム構成、ハードウェア構成、及び、機能ブロック図については実施例1と同様であるとし、相違点を主に説明する。 In this embodiment, the browsing system 100 in which the viewer can switch the spherical image displayed as an advertisement on the Web page of the partner site 50 will be described. The system configuration, the hardware configuration, and the 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 a Web page of the partner site 50 of this embodiment. In FIG. 20, the advertising space is enlarged and shown. This advertising space has a spherical image display field 332 and a map field 331. In the map column 331, the imaging positions of the spherical images are indicated by A to C. When the viewer presses the imaging positions A to C, the operation receiving unit 14 accepts the image, and the advertisement display unit 153 displays the spherical image of the pressed imaging position in the spherical image display field 332.
このように閲覧者は複数の全天球画像から所望の全天球画像を選択して表示させることができる。図20の例では同じ物件の異なる撮像位置の全天球画像が選択可能であるが、異なる物件の全天球画像が選択可能でもよい。 In this way, the viewer can select and display a desired spherical image from the plurality of spherical images. In the example of FIG. 20, spherical images of different imaging positions of the same property can be selected, but spherical images of different properties may be selectable.
複数の全天球画像の決定方法を説明する。表示領域決定部22は、操作履歴DB291でクッキーから特定された画像IDの全天球画像を広告画像DB292から取得する。この時、画像IDの一部が同じ全天球画像は同じ物件の全天球画像なので、まとめて送信すると決定する。初期の表示領域については、画像IDが全く同じ全天球画像の表示領域を一致させる。 A method of determining a plurality of spherical images will be described. The display area determination unit 22 acquires the spherical 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 spherical images having the same part of the image ID are the spherical images of the same property, it is decided to transmit them all together. For the initial display area, the display areas of spherical images having exactly the same image ID are matched.
実施例2のように、操作履歴DB291でクッキーから特定された画像IDの全天球画像と類似する複数の全天球画像を情報処理装置10に送信する場合、表示領域決定部22は類似度の高い上位3〜4つの全天球画像を特定する。この場合、実施例2にて説明したように類似する全天球画像ごとに初期の表示領域を決定できる。 When transmitting a plurality of spherical images similar to the spherical images of the image ID specified from the cookie in the operation history DB 291 to the information processing device 10 as in the second embodiment, the display area determination unit 22 has a degree of similarity. Identify the top 3-4 spherical images with high. In this case, the initial display area can be determined for each similar spherical image as described in the second embodiment.
情報処理装置10の操作履歴記録部154は閲覧時間に基づいて表示領域を決定すると説明したが、ヒートマップという手法で表示領域を決定してもよい。 Although it has been explained that the operation history recording unit 154 of the information processing device 10 determines the display area based on the viewing time, the display area may be determined by a method 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 certain period of time or longer. When a plurality of viewing angles of view overlap, the average center point 352 is calculated from each center point 351b. Then, the value to be weighted to the center point 352 is determined so that the larger the number of overlapping viewing angles of view, the higher the value. In the weighted values of the points 351a and 352 in FIG. 21A, the point 352 is larger.
よく見られている閲覧画角を視覚的に表した全天球画像を図21(b)に示す。中心点の近傍に等間隔に格子点が設定されており、中心点から離れるほど小さくなる重み付け値が設定されている。重み付け値が大きいほど濃い色で描画することで図21(b)のようなヒートマップ状の視覚効果が得られる。 A spherical image that visually represents a commonly seen viewing angle of view is shown in FIG. 21 (b). Grid points are set at equal intervals in the vicinity of the center point, and a weighting value that becomes smaller as the distance from the center point increases is set. The larger the weighting value, the darker the color, and the heat map-like visual effect as shown in FIG. 21B can be 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 weighting value in the display area.
ヒートマップを使用すれば、閲覧者が連続的に閲覧画角を変化させ閲覧時間が十分でないような場合でも閲覧者が興味を示した画角を表示領域に決定できる。 By using the heat map, the angle of view that the viewer is interested in can be determined in the display area even when the viewer continuously changes the viewing angle of view and the viewing time is not sufficient.
本実施例では広告枠に表示される全天球画像に関する情報の視認性を向上させる閲覧システム100について説明する。 In this embodiment, the browsing system 100 for improving the visibility of information related to the spherical image displayed in the advertising space will be described.
図22は広告枠402に表示された全天球画像に関する情報の表示例を示す。全天球画像に関する情報とは全天球画像のクリック(又はタップ)を促す文であり、例えば、全天球画像を説明する文章、広告主の名称や商品のブランド名、特典や期限などキャンペーンの内容、リンク先URLなど様々である。以下、全天球画像に関する情報を表示対象物51という。 FIG. 22 shows a display example of information regarding the spherical image displayed on the advertising space 402. Information about the spherical image is a sentence that encourages clicking (or tapping) of the spherical image. For example, a sentence explaining the spherical image, an advertiser's name, a brand name of a product, a privilege, a deadline, etc. There are various contents such as the contents of and the URL of the link destination. Hereinafter, the information regarding the spherical 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 problems assumed by this embodiment will be described with reference to FIG. In FIG. 22A, the display target object 51 is displayed below the advertising space 402, in FIG. 22B, the display object 51 is displayed above the advertising space 402, and in FIG. 22C, the advertising space 402 is displayed. The display target object 51 is displayed on the left side of, and the display target object 51 is displayed on the right side of the advertising space 402 in FIG. 22 (d). The display object 51 in FIG. 22 is represented by a rectangular area, and it should be understood that, for example, text (characters) or the like is described here.
閲覧者が、表示対象物51をクリック(又はタップ)すると情報処理装置10は表示対象物51に埋め込まれたリンク先のURLに接続する。全天球画像の画像部分はクリック(又はタップ)以外の操作で回転、拡大/縮小等が可能になっているので、閲覧者が誤って全天球画像をクリック(又はタップ)しても情報処理装置10はリンク先に接続しない。 When the viewer clicks (or taps) the display object 51, the information processing device 10 connects to the URL of the link destination embedded in the display object 51. Since the image part of the spherical image can be rotated, enlarged / reduced, etc. by operations other than clicking (or tapping), information can be obtained even if the viewer accidentally clicks (or taps) the spherical image. The processing device 10 is not connected to the link destination.
このように全天球画像に重ねて表示対象物51が表示されると以下のような不都合が生じる。図23を用いて説明する。 When the display object 51 is displayed so as to be superimposed on the spherical image in this way, the following inconveniences occur. 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 illustrating a display object 51 displayed overlaid on the spherical image. FIG. 23 shows the entire spherical image displayed in equirectangular projection. Therefore, it is a part of the angles of view that are displayed in the advertising space 402. When the angle of view A of FIG. 23 is displayed in the advertising space 402, the display object 51 "Go to the site" is displayed against the sky, so that the visibility is good. However, the viewer can arbitrarily change the angle of view of the spherical image in the advertising space 402 by scrolling the spherical image up / down / left / right and enlarging / reducing it. Further, in order to browse the entire spherical image, the browser may automatically rotate the spherical image of the advertising space 402 (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 advertising space 402 is constant. For example, when the viewer displays the angle of view B on the advertising space 402, the display object 51 and the subject (building) overlap, and the visibility of the display object 51 deteriorates. Generally, when the color of the spherical image and the color of the display object 51 are close to each other, the visibility is lowered. For example, a decrease in visibility may occur even at an angle of view A when the colors of the sky and the display object 51 are similar. On the contrary, even at the angle of view B, if the colors 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 the flat image is displayed as an advertisement, the advertiser may determine the position of the display target object 51 and display the display target object 51 in a color different from the color of the flat image at that position. However, in the case of the spherical image, the position of the display object 51 in the advertisement frame 402 is constant, whereas the angle of view displayed in the advertisement frame 402 changes arbitrarily, so that the display object 51 determined in advance is displayed. There may be a situation where the color and the color of the spherical image at the position of the display object 51 are similar.
そこで、本実施例では、表示対象物51の視認性の低下を抑制する処理を施す閲覧システム100について説明する。具体的には、以下のような処理を行う。
1.表示対象物51の位置の全天球画像の色に応じて表示対象物51の色を変更する、
2.背景オブジェクトの表示
3.表示対象物51の表示位置の変更
を行う。
Therefore, in this embodiment, the browsing system 100 that performs the process of suppressing the deterioration of the visibility of the display object 51 will be described. Specifically, the following processing is performed.
1. 1. The color of the display object 51 is changed according to the color of the spherical image at the position of the display object 51.
2. Display of background object 3. 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 illustrating an outline of a display method of the display object 51 of this embodiment.
(1) As shown in FIG. 24A, the advertisement display unit 153 calculates the color of the spherical image at the position 601 of the display object 51.
(2) As shown in FIG. 24 (b), the color of the current display object 51 is calculated.
(3) As shown in FIG. 24 (c), when the color difference between the color of the spherical 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 larger than the threshold value. To do.
こうすることで、全天球画像の色と表示対象物51の色の色差が常に閾値以上になるため、表示対象物51の視認性が低下することを抑制できる。 By doing so, since the color difference between the color of the spherical image and the color of the display object 51 is always equal to or more than the threshold value, it is possible to suppress the deterioration of the visibility of the display object 51.
<機能について>
図25は、本実施例の情報処理装置10の機能をブロック状に示す機能ブロック図の一例である。図25の説明では主に図10との相違を説明する。図25の情報処理装置10は広告表示部153が色差算出部153a、色差判断部153b、及び、色決定部153cを有する。これら各機能ブロックは広告情報に含まれるHTML、及び、JavaScript(登録商標)等により実現される機能又は手段である。
<About functions>
FIG. 25 is an example of a functional block diagram showing the functions of the information processing apparatus 10 of this embodiment in a block shape. In the description of FIG. 25, the difference from FIG. 10 will be mainly described. In the information processing device 10 of FIG. 25, the advertisement display unit 153 has 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 included in the advertisement information, JavaScript (registered trademark), or the like.
色差算出部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 spherical image at the position 601 of the display object 51 (for example, the average of the pixels of the circumscribing rectangle of the display object 51) and the color of the display object 51. Since the LCD 206 displays the screen in the RGB color space, the color difference between the color of the all-sky image and the color of the display object 51 at the position 601 of the display object 51 in the RGB color space is taken as an example.
色差判断部153bは、この色差が閾値より小さいか否かを判断する。閾値は、視認性が保たれる色差として実験的に予め決定されているものとする。色差判断部153bは色差が閾値より小さい場合、色決定部153cに表示対象物51の色の決定を要求する。 The color difference determination unit 153b determines whether or not this color difference is smaller than the threshold value. It is assumed that 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 between the colors of the display object 51 and the color of the spherical image at the position 601 of the display object 51 in the RGB color space is equal to or greater than the threshold value. For example, in the RGB color space, a color having a distance 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 spherical image at the position 601 of the display object 51. In this embodiment, the color is determined by using the complementary color relationship in consideration of practicality, but the point that the color difference becomes equal to or more than the threshold value is the same.
<履歴管理サーバの機能>
履歴管理サーバ20の機能に大きな変更はないが履歴管理サーバ20の広告画像DB292に表示対象物51に関する情報が記憶される。
<History management server function>
Although there is no major change in the function of the history management server 20, information about the display object 51 is stored in the advertisement image DB 292 of the history management server 20.
<色差の一例>
図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 an RGB color space. The color 501 of the spherical 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 these 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 spherical 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, as shown in FIG. 26B, it is effective to change to the HSV color space and have the color determination unit 153c determine the color of the display object 51. FIG. 26B shows the color wheel 602 in the HSV color space. In the color wheel 602, the colors are arranged so as to follow the colors of red → orange → yellow → green → blue → indigo → purple clockwise. In FIG. 26B, there are only 12 colors, but in reality, the colors change continuously to form a 360-degree circle. The color wheel 602 is characterized in that colors that differ by 180 degrees form 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, visibility can be maintained if the color determining unit 153c determines the color so that the color 502 of the display object 51 has a complementary color relationship with the color 501 of the spherical 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 larger than the threshold value with respect to the color 501 of the spherical image at the position 601 of the display object 51 even 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 colors in the RGB color space into the HSV color space, determine the colors having a complementary color relationship, and return the colors to the RGB color space again. The 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 × (BG) / (max-min)
When G is max: H = 60 × {2+ (RB)} / (max-min)}
When B is max: H = 60 × {4+ (GR)} / (max-min)}
However, max is the maximum value of RGB, and min is the minimum value of RGB.
-Conversion from HSV to RGB The integer part of the quotient of Hi = H ÷ 60 (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
The conversion from the RGB color space to the HSV color space is an example, and the color determination unit 153c may determine the color whose color difference is equal to or larger than the threshold value after the conversion to the Lab color space.
<動作手順>
図27は、情報処理装置10が表示対象物51の色を決定して表示する手順を示すフローチャート図の一例である。適宜、図28を参照して説明する。
<Operation procedure>
FIG. 27 is an example of a flowchart showing a procedure in which the information processing device 10 determines and displays the color of the display object 51. It 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 device 10 receives the advertisement information as shown in step 23 of FIG. 15 (S10). This advertisement information includes a display area determined by the history management server 20 and information (display position, text, and image) regarding 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 the advertisement information, and the color difference calculation unit 153a calculates the color of the spherical image at the position 601 of the display object 51 (S20). As shown in FIG. 28, a certain angle of view of the spherical image designated in the display area determined by the history management server 20 is displayed as a flat image in the advertising frame 402 by the perspective projection conversion. The position of the display object 51 is two-dimensional coordinates, for example, the coordinates of the upper left corner of the circumscribing rectangle of the display object 51 are specified. The character size is instructed 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 portion of the display object 51 that affects the visibility of the display object 51, for example, the average value of the colors of the entire circumscribed rectangle of the display 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 the threshold value as the color of the display object 51 (S30). As described above, the color (RGB) of the all-sky image at the position of the display object 51 is converted into the HSV color space to determine the complementary color, and this complementary color is changed to the color of the RGB color space.
広告表示部153は広告画像の手前側に表示対象物51を重ねて表示する(S40)。 The advertisement display unit 153 superimposes the display object 51 on 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 device 10 receives the advertisement image, but the color of the initial display object 51 and the position of the display object 51 are determined. The color difference of the colors of the whole celestial sphere image of 601 may be calculated, and if the color difference is equal to or more than the threshold value, the display object 51 may be displayed with the initial value color.
図29は、全天球画像に対する表示対象物51の位置601が変わった場合に情報処理装置10が表示対象物51の色を決定して表示する手順を示すフローチャート図の一例である。 FIG. 29 is an example of a flowchart showing a procedure in which the information processing device 10 determines and displays the color of the display object 51 when the position 601 of the display object 51 with respect to the spherical image changes.
閲覧者は広告枠402の全天球画像を回転させたり拡大又は縮小させたりすることができるので、全天球画像に対する表示対象物51の位置が変わりうる。このため、広告表示部153は操作受付部14から操作の有無を取得し全天球画像が操作されたか否かを判断する(S10)。 Since the viewer can rotate, enlarge, or reduce the spherical image of the advertising space 402, the position of the display object 51 with respect to the spherical image can be changed. Therefore, the advertisement display unit 153 acquires the presence / absence of the operation from the operation reception unit 14 and determines whether or not the spherical image has been operated (S10).
ステップS10の判断がYesの場合、広告表示部153は閲覧者が操作した画角で全天球画像を表示する(S20)。 If the determination in step S10 is Yes, the advertisement display unit 153 displays the spherical 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). The spherical image may be automatically rotated (the advertisement display unit 153 is rotated), and this fixed time is a predetermined time that has elapsed since the last determination of step S30.
ステップS20に続いて、又は、ステップS30の判断がYesの場合、全天球画像に対する表示対象物51の位置601が変わっているので、色差算出部153aは表示対象物51の位置601の全天球画像の色を算出する(S40)。算出方法は図27と同様でよい。 Following step S20, or when the determination in step S30 is Yes, the position 601 of the display object 51 with respect to the spherical image has changed, so that the color difference calculation unit 153a is the whole sky of the position 601 of the display object 51. The color of the spherical image is calculated (S40). The calculation method may be the same as in FIG. 27.
そして、色差判断部153bは表示対象物51の位置601の全天球画像の色と表示対象物51の色の色差が閾値より小さいか否かを判断する(S50)。 Then, the color difference determination unit 153b determines whether or not the color difference between the color of the spherical image at the position 601 of the display object 51 and the color of the display object 51 is smaller than the threshold value (S50).
ステップS50の判断がNoの場合、視認性が落ちていないと判断されるので、表示対象物51の色は変更されない。 If the determination in step S50 is No, it is determined that the visibility has not deteriorated, so that the color of the display object 51 is not changed.
ステップS50の判断がYesの場合、色決定部153cは表示対象物51の色との距離が閾値以上の色を表示対象物51の色に決定する(S60)。決定方法は図27と同様でよい。 If the determination in step S50 is Yes, the color determination unit 153c determines the color of the display object 51 whose distance from the color of the display object 51 is equal to or greater than the threshold value (S60). The determination method may be the same as in FIG. 27.
広告表示部153は広告画像の手前側に表示対象物51を重ねて表示する(S70)。 The advertisement display unit 153 superimposes the display object 51 on the front side of the advertisement image (S70).
広告表示部153は図29の処理を繰り返すことで、常に、表示対象物51の視認性を確保することができる。 By repeating the process of FIG. 29, the advertisement display unit 153 can always ensure the visibility of the display object 51.
〔2.背景オブジェクトの表示〕
表示対象物51の色を変えるのでなく、表示対象物51に背景オブジェクトを重ねて表示してもよい。図30を用いて説明する。
[2. Display background object]
Instead of changing the color of the display object 51, the background object may be superimposed on the display object 51 and displayed. 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 illustrating a background object 52 that is displayed overlaid on the display object 51. In FIG. 30A, the color of the position 601 of the display object 51 and the color of the display object 51 are similar to each other, so that the visibility of the display object 51 is reduced. In FIG. 30B, the background object 52 is displayed on top of 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 colors), the visibility is not likely to decrease.
背景オブジェクト52は、表示対象物51と同じ広さ以上の均一な色の領域である。例えば、外接矩形又はそれよりもやや大きい矩形領域である。全天球画像における表示対象物51の色が算出される範囲と同じとしてもよい。表示対象物51と同じ広さ以上であれば円形、楕円、多角形、吹き出し、又は、不定型などでもよい。また、背景オブジェクト52は表示対象物51の一部のみと重なってもよい。また、背景オブジェクト52の色は表示対象物51を閲覧者が視認できる程度に異なる色であればよい。 The background object 52 is an area of uniform color having a size equal to or larger than that of the display object 51. For example, an circumscribing rectangle or a rectangular area slightly larger than that. The color of the display object 51 in the spherical image may be the same as the calculated range. A circle, an ellipse, a polygon, a balloon, an indeterminate form, or the like may be used as long as the area is the same as or larger than the display object 51. Further, the background object 52 may overlap with only a part of the display object 51. Further, the color of the background object 52 may be different so that the viewer can visually recognize the display object 51.
また、背景オブジェクト52は透過度が設定されていることが有効である。透過度は例えば0〜100%で指定され、透過度0%が背面の画像を透過させない通常の画像であり、透過度100%が背面の画像を完全に透過させる画像である。透過度の値は例えば10〜90%の間で適宜、決定されればよい。透過度が設定された背景オブジェクト52は表示対象物51の視認性を向上させると共に、背景オブジェクト52と重なっている全天球画像の閲覧を可能にする。 Further, it is effective that the background object 52 has the transparency set. The transparency is specified by, for example, 0 to 100%, and 0% transparency is a normal image that does not allow the image on the back surface to pass through, and 100% transparency is an image that completely transmits the image on the back surface. The value of transparency may be appropriately determined, for example, between 10% and 90%. The background object 52 with the transparency set improves the visibility of the display object 51 and enables viewing of the spherical image overlapping the background object 52.
図31(a)は情報処理装置10が背景オブジェクトを表示する手順を示すフローチャート図の一例である。図31(a)の説明では図27との相違を説明する。 FIG. 31A is an example of a flowchart showing a procedure in which the information processing apparatus 10 displays a background object. In the description of FIG. 31 (a), the difference from FIG. 27 will be described.
情報処理装置10の広告取得部151は図15のステップ23に示すように広告情報を受信する(S10)。 The advertisement acquisition unit 151 of the information processing device 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 the advertisement information, and the color difference calculation unit 153a acquires the color of the display target object 51 (S20). The color difference calculation unit 153a acquires the initial value color defined as the attribute of the display object 51.
色決定部153cは、表示対象物51の色との距離が閾値以上の色を背景オブジェクトの色に決定する(S30)。すなわち、表示対象物51の色(RGB)をHSV色空間に変換し補色を決定し、この補色をRGB色空間の色に変更する。 The color determination unit 153c determines a color whose distance from the color of the display object 51 is equal to or greater than the threshold value 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 the complementary color, and this complementary color is changed to the 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 on 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, but the information processing device 10 previously determines the color of the background object 52, which has a complementary color relationship with the color of the display object 51 of the initial value. You may decide.
また、図31(a)では、広告画像を情報処理装置10が受信した際に必ず背景オブジェクト52が表示されているが、全天球画像における表示対象物51の位置601の色と表示対象物51の色の色差を情報処理装置10が算出し、閾値以上であれば背景オブジェクトが表示されなくてもよい。 Further, in FIG. 31A, the background object 52 is always displayed when the information processing device 10 receives the advertisement image, but the color of the position 601 of the display object 51 in the spherical image and the display object are displayed. The information processing device 10 calculates the color difference of 51 colors, and if it is equal to or greater than the threshold value, the background object may not be displayed.
図31(b)は、全天球画像に対する表示対象物51の位置601が変わった場合に情報処理装置10が背景オブジェクトの色を決定して表示する手順を示すフローチャート図の一例である。図31(b)の説明では図29との相違を説明する。まず、ステップS10〜S50の処理は図29と同様である。 FIG. 31B is an example of a flowchart showing 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 spherical image changes. In the description of FIG. 31 (b), the difference from FIG. 29 will be described. First, the processing of steps S10 to S50 is the same as in FIG. 29.
ステップS50の判断がYesの場合、色決定部153cは表示対象物51の色との距離が閾値以上の色を背景オブジェクト52の色に決定する(S60)。決定方法は図31(a)と同様でよい。 If the determination in step S50 is Yes, the color determination unit 153c determines the color of the background object 52 as the color whose distance from the color of the display object 51 is equal to or greater than the threshold value (S60). The determination method may be the same as in FIG. 31 (a).
ステップS50の判断がNoの場合、視認性が落ちないと判断されるので、色決定部153cは背景オブジェクト52を消去する(S62)。 If the determination in step S50 is No, it is determined that the visibility does not deteriorate, so the color determination unit 153c erases the background object 52 (S62).
広告表示部153は広告画像に背景オブジェクト52と表示対象物51を重ねて表示する(S70)。 The advertisement display unit 153 superimposes the background object 52 and the display object 51 on the advertisement image (S70).
背景オブジェクト52であれば表示対象物51の色を変えるよりも表示対象物51をより目立たせることが可能になる。透過度を設定することで背景オブジェクト52と重なっている全天球画像の閲覧を可能にすることができる。 If the background object 52 is used, the display object 51 can be made more conspicuous than changing the color of the display object 51. By setting the transparency, it is possible to view the spherical image that overlaps with 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 semi-transparently. The visibility of the text is slightly reduced, but the spherical image that overlaps the text can be viewed.
〔3.表示対象物51の表示位置の変更〕
表示対象物51の色を変えるのでなく表示対象物51の表示位置を変更してもよい。
図32は表示位置の変更を説明する図の一例である。例えば、図32(a)〜(c)に示すように予め表示対象物51の表示の候補となる表示位置A〜Cが決定されている。色差算出部153aは表示位置A〜Cのうち最も色差が大きい表示位置を決定し、広告表示部153は該表示位置に表示対象物51を表示する。こうすることで、表示対象物51との色差が最も大きい表示位置に表示対象物51を表示することができる。
[3. Change the display position of the display object 51]
Instead of changing the color of the display object 51, the display position of the display object 51 may be changed.
FIG. 32 is an example of a diagram for explaining the change of the display position. For example, as shown in FIGS. 32 (a) to 32 (c), 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 four or more display position candidates may be used. Further, the display positions may overlap, and the larger the number of candidates within the range where the processing load can be tolerated, the easier it is to determine the display position where the color difference is large. Further, although the display positions A to C in FIG. 32 have a shape suitable for displaying the horizontally written display object 51, candidates for the display position suitable for displaying the vertically written display object 51 are also prepared, and the history management server Candidates for the display position to be used are appropriately indicated from 20.
図33(a)は情報処理装置10が背景オブジェクトを表示する手順を示すフローチャート図の一例である。図33(a)の説明では図31(a)との相違を説明する。 FIG. 33A is an example of a flowchart showing a procedure in which the information processing apparatus 10 displays a background object. In the description of FIG. 33 (a), the difference from FIG. 31 (a) will be described.
ステップS10,S20は図31(a)と同様でよい。 Steps S10 and S20 may be the same as in FIG. 31 (a).
次に、色差算出部153aは全ての表示位置の候補ごとに表示位置の全天球画像の色の平均値を算出する(S30)。 Next, the color difference calculation unit 153a calculates the average value of the colors of the spherical image of the display position for each candidate of the display position (S30).
色決定部153cは表示対象物51の色との色差が最も大きい表示位置の候補を決定する(S40)。 The color determination unit 153c determines a candidate for a display position 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 showing a procedure in which the information processing device 10 determines and displays the color of the background object 52 when the position of the display object 51 with respect to the spherical image changes. In the description of FIG. 33 (b), the difference from FIG. 31 (b) will be described. First, the processing of steps S10 to S50 is the same as in FIG. 31 (b).
ステップS50の判断がNoの場合、表示対象物51の表示位置は変更されない。 If the determination in step S50 is No, the display position of the display object 51 is not changed.
ステップS50の判断がYesの場合、色差算出部153aは全ての表示位置の候補ごとに表示位置の色の平均値を算出する(S60)。 If the determination in step S50 is Yes, the color difference calculation unit 153a calculates the average value of the colors of the display positions for each of the candidates for the display positions (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. As a result, the display object 51 suddenly moves, and it is possible to prevent the viewer from losing sight of it.
こうすることで、表示対象物51が自動で移動するので視認性の低下を抑制できると共に、移動することで閲覧者の注意を引きやすくなる。 By doing so, the display object 51 automatically moves, so that the decrease in visibility can be suppressed, and the movement makes it easier to attract the attention of the viewer.
<表示対象物の例>
図34は表示対象物51の例を説明する図の一例である。図34(a)は表示対象物51として停止ボタン53の一例を示し、図34(b)は表示対象物51として再生ボタン54の一例を示す。停止ボタン53と再生ボタン54は閲覧者の操作に応じて交互に切り替わって表示される。このような表示対象物51は画像として履歴管理サーバ20から送信されるが、広告表示部153が色を変更することができる。したがって、テキストと同様に視認性の低下が抑制されるように色を変更できる。なお、停止ボタン53と再生ボタン54は一例に過ぎず、拡大ボタン、縮小ボタン、右向きボタン(右向きに所定量回転)、左向きボタン、上向きボタン、下向きボタン、移動ボタン(撮像位置が異なる別の全天球画像を表示させるボタン)、自動再生ボタン等のボタンがある。このような画像はアイコンと呼ばれる場合がある。
<Example of display target>
FIG. 34 is an example of a diagram illustrating an example of the display object 51. FIG. 34 (a) shows an example of the stop button 53 as the display object 51, and FIG. 34 (b) shows an example of the play button 54 as the display object 51. The stop button 53 and the play button 54 are alternately switched and 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 the deterioration of visibility as in the text. The stop button 53 and the play button 54 are merely examples, and the enlargement button, the reduction button, the rightward button (rotate a predetermined amount to the right), the leftward button, the upward button, the downward button, and the move button (all different images with different imaging positions). There are buttons such as a button for displaying spherical images) and an autoplay button. Such images are sometimes called icons.
画像が表示対象物51として表示される場合も、画像は半透明で表示可能である。したがって、広告表示部153が、視認性が低下しにくい色に表示対象物51の色を変えると共に半透明で表示することで、画像と重なっている全天球画像の閲覧が可能になる。 Even when the image is displayed as the display object 51, the image can be displayed semi-transparently. Therefore, the advertisement display unit 153 changes the color of the display object 51 to a color that does not easily reduce the visibility and displays it semi-transparently, so that the spherical image that overlaps the image can be viewed.
また、図34(c)に示すように広告主のホームページなどのURLが表示対象物51となってもよい。このようなURL55はリンクと呼ばれる場合がある。このURL55は図34(b)のように明示されていない場合でも広告画像と対応付けられている(埋め込まれている又はリンクされている)。このURL55も半透明で表示可能である。 Further, as shown in FIG. 34 (c), the URL of the advertiser's homepage or the like may be the display target 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 explicitly shown as shown in FIG. 34 (b). This URL 55 is also translucent and can be displayed.
また、広告表示部153は表示対象物51を点滅させてもよい、図34(d)では「サイトへゴー」という表示対象物51が表示されているが、図34(e)では「サイトへゴー」という表示対象物51が表示されていない。広告表示部153は同じ表示位置のまま表示対象物51の表示と非表示を所定時間ごとに切り替える。表示対象物51が点滅されることで閲覧者の注意を引くことができるため視認性の低下を抑制できる。なお、色差を考慮して表示対象物51の色を変更した上で点滅させることが好ましい。 Further, the advertisement display unit 153 may blink the display object 51. In FIG. 34 (d), the display object 51 "Go to the site" is displayed, but in FIG. 34 (e), the display object 51 is displayed as "Go to the site". The display object 51 "Go" is not displayed. The advertisement display unit 153 switches between displaying and hiding the display object 51 at predetermined time intervals while maintaining the same display position. Since the display object 51 blinks to attract the attention of the viewer, it is possible to suppress a decrease in visibility. It is preferable to change the color of the display object 51 in consideration of the color difference and then blink the display object 51.
また、図35(a)に示すように1つの広告枠402に複数の表示対象物51が表示される場合がある。図35(a)では「サイトへゴー」という表示対象物51と「キャンペーン中!」という表示対象物51が表示されている。表6に示したように表示対象物51は表示対象物51ごとに表示位置が定められるので、広告表示部153は表示対象物51ごとに視認性が低下しにくい色に変更できる。 Further, as shown in FIG. 35A, a plurality of display objects 51 may be displayed in one advertising space 402. In FIG. 35 (a), the display object 51 "Go to the site" and the display object 51 "Campaign in progress!" 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 change the color for each display object 51 so that the visibility does not easily decrease.
図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 to change the color or overlay the background object is predetermined according to the type of information and the like. Alternatively, the advertisement display unit 153 may switch at predetermined time intervals. Alternatively, the advertisement display unit 153 may analyze and determine the content of the display object 51, such as whether the text contains a predetermined word or whether the display object 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 composed of a plurality of symbols (characters or numbers) for each symbol. In this case, the color of the range corresponding to the circumscribed rectangle of each symbol in the spherical image is calculated, and the color whose distance is equal to or larger than the threshold value is determined for each symbol. Further, the advertisement display unit 153 may display a background object of a color determined for each symbol. The larger the area occupied by the display object 51, the more similar the color of the spherical image at the position of the display object 51 to the overall color of the spherical image, and the more difficult it is to determine the color having a large color difference. On the other hand, when the color is changed for each symbol, it is easy to determine a color whose visibility is less likely to decrease with respect to the color of the local spherical image in which the symbols overlap. Of course, the color may be determined for each of a plurality of characters such as every two characters or every three characters.
<まとめ>
以上説明したように、本実施例の閲覧システム100は全天球画像における表示対象物51の色に対し閾値以上の色差があるように表示対象物51又は背景オブジェクト52の色を変更するので、全天球画像に対する表示対象物51の相対的な位置が変更される状況でも表示対象物51の視認性の低下を抑制できる。
<Summary>
As described above, the viewing system 100 of this 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 value with respect to the color of the display object 51 in the spherical image. Even in a situation where the relative position of the display object 51 with respect to the spherical image is changed, it is possible to suppress a decrease in the visibility of the display object 51.
なお、本実施例では履歴管理サーバ20が決定した表示領域の全天球画像が広告枠402に表示されると説明したが、本実施例の表示対象物51の色の変更は任意の表示領域に対し適用可能である。したがって、リターゲティング広告に限られないし任意のWebサーバの全天球画像に適用できる。 In this embodiment, it has been explained that the spherical image of the display area determined by the history management server 20 is displayed in the advertising space 402, but the color of the display object 51 of the present embodiment can be changed to an arbitrary display area. It is applicable to. Therefore, it can be applied not only to the retargeting advertisement but also to the spherical image of any Web server.
<その他の適用例>
以上、本発明を実施するための最良の形態について実施例を用いて説明したが、本発明はこうした実施例に何等限定されるものではなく、本発明の要旨を逸脱しない範囲内において種々の変形及び置換を加えることができる。
<Other application examples>
Although the best mode for carrying out the present invention has been described above with reference to examples, the present invention is not limited to these examples, and various modifications are made without departing from the gist of the present invention. And substitutions can be made.
例えば、本実施形態では情報処理装置10が広告主Webサイト30とパートナーサイト50からWebページを取得し、広告を表示したが、Webページでなく一般のアプリケーションソフトウェアに全天球画像が表示される場合に適用されてもよい。 For example, in the present embodiment, the information processing device 10 acquires a web page from the advertiser website 30 and the partner site 50 and displays the advertisement, but the spherical image is displayed not on the web page but on general application software. It may be applied in some cases.
また、本実施形態では全天球画像が広告に利用される例を説明したが、全天球画像が広告に利用されるものである必要はない。 Further, in the present embodiment, an example in which the spherical image is used for the advertisement has been described, but it is not necessary that the spherical image is used for the advertisement.
また、本実施形態では、不動産の内覧に全天球画像が利用される例を説明したが、全天球画像にどのようなコンテンツが写っているか又はどのような広告に利用されるかは制限がない。例えば、観光地のPR、デパート、旅館、車の車内の説明、道案内、機械の構造説明、人が入りにくい場所の説明など、多くの分野で活用可能である。 Further, in the present embodiment, an example in which the spherical image is used for viewing the real estate has been described, but what kind of content is reflected in the spherical 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 inside cars, directions, explanations of machine structures, explanations of places where people are difficult to enter, and so on.
また、本実施形態では、広告主Webサイトで表示される全天球画像が静止画であったが全天球画像は動画でもよい。情報処理装置10は再生される動画の閲覧履歴を再生時間と共に記録する。パートナーサイト50が全天球画像を表示する際は、再生時間ごとに表示領域を決定する。これにより、閲覧者が見ていた画角を広告時に情報処理装置10が再現できる。 Further, in the present embodiment, the spherical image displayed on the advertiser's website is a still image, but the spherical image may be a moving image. The information processing device 10 records the browsing history of the reproduced moving image together with the reproduction time. When the partner site 50 displays the spherical image, the display area is determined for each playback time. As a result, the information processing device 10 can reproduce the angle of view that the viewer was looking at at the time of advertising.
また、本実施形態では、全天球カメラの周囲の360度が撮像可能な全天球画像がWebページに配置されるとして説明したが、Webページの画像データは広角画像であればよい。本実施形態の広角画像は、広告枠に表示しきれない部分を有する画像をいう。例えば、水平方向にだけ180度程度の画角を有するパノラマ画像でもよい。 Further, in the present embodiment, it has been described that the spherical image capable of capturing 360 degrees around the spherical 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 advertising space. For example, a panoramic image having an angle of view of about 180 degrees only in the horizontal direction may be used.
また、全天球画像は2つの画像が張り合わされる方法で作成される場合に限られず、例えば、撮像方向を少しずつ移動しながら撮像した画像データの重複部分を重ね合わせて作成してもよい。すなわち、全天球画像の作成方法は制限されない。 Further, the spherical image is not limited to the case where two images are pasted together, and for example, the overlapping portion of the image data captured while moving the imaging direction little by little may be superposed. .. That is, the method of creating the spherical image is not limited.
また、図10などの構成例は、情報処理装置10、広告主Webサイト30、パートナーサイト50,広告配信サーバ40、及び履歴管理サーバ20による処理の理解を容易にするために、主な機能に応じて分割したものである。処理単位の分割の仕方や名称によって本願発明が制限されることはない。情報処理装置10、広告主Webサイト30、パートナーサイト50,広告配信サーバ40、及び履歴管理サーバ20の処理は、処理内容に応じて更に多くの処理単位に分割することもできる。また、1つの処理単位が更に多くの処理を含むように分割することもできる。 Further, configuration examples such as FIG. 10 have main functions in order to facilitate understanding of processing by the information processing device 10, the advertiser website 30, the partner site 50, the advertisement distribution server 40, and the history management server 20. It is divided according to it. The present invention is not limited by the method of dividing the processing unit or the name. The processing of the information processing device 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 content. It is also possible to divide one processing unit so as to include more processing.
また、広告配信サーバ40と履歴管理サーバ20は別々のサーバとして存在する他、1つのサーバとして機能が統合されていてもよい。また、広告配信サーバ40の機能が複数のサーバに分散されていたり、履歴管理サーバ20の機能が複数のサーバに分散されていたりしてもよい。 Further, the advertisement distribution server 40 and the history management server 20 exist as separate servers, and the functions may be integrated as one server. Further, the functions of the advertisement distribution server 40 may be distributed to a plurality of servers, or the functions 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は対に動作して広告枠に表示する全天球画像(落札者)を決定する。 Further, the history management server 20 may be called a DSP (Demand-Side Platform). The DSP is the name of the advertising platform on the advertiser side, 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 placed on the SSP (Supply-Side Platform). Upon receiving a notification from the information processing device 10 that the advertising space is displayed, the SSP notifies the DSP of the attributes of the viewer, the type of medium, and the like. The DSP and SSP operate in pairs to determine the spherical image (successful bidder) to be displayed in the advertising space.
また、履歴管理サーバ20は、情報処理装置10に対して全天球画像(広角画像)を送信することから、画像(広告)を配信するサーバであっても良い。 Further, since the history management server 20 transmits a spherical image (wide-angle image) to the information processing device 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 the first screen information providing device, the partner site 50 is an example of the second screen information providing device, and the history management server 20 is an example of the image distribution device. The operation reception unit 14 is an example of the operation reception means, the operation history transmission unit 155 is an example of the operation history transmission means, the advertisement acquisition unit 151 is an example of the wide-angle image acquisition means, and the advertisement display unit 153 is an example of the display means. As an example, the operation history DB 291 is an example of the operation history storage means, the advertisement image DB 292 is an example of the wide-angle image storage means, the display area determination unit 22 is an example of the display area determination means, and the advertisement image communication unit 21. Is an example of an image transmission means, and the cookie acquisition unit 152 is an example of an identification information acquisition means. 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 means.
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 Advertisement distribution server 50 Partner site 100 Browsing system
Claims (20)
前記情報処理装置は、
第一の画面情報提供装置から取得した画面情報の画像に対する操作を受け付ける操作受付手段と、
前記操作受付手段が受け付けた前記画像に対する操作履歴、前記画像の識別情報、及び前記情報処理装置の識別情報を前記画像配信装置に送信する操作履歴送信手段と、
第二の画面情報提供装置から画面情報を取得した場合、前記情報処理装置の識別情報を前記画像配信装置に送信して、前記情報処理装置の識別情報に基づいて決定された広角画像と該広角画像の表示領域を取得する広角画像取得手段と、
前記第二の画面情報提供装置から取得した画面情報に基づいて、前記広角画像取得手段が取得した前記広角画像の前記表示領域を表示装置に表示する表示手段と、を有し、
前記画像配信装置は、
前記画像の識別情報及び前記情報処理装置の識別情報に対応付けて前記操作履歴を記憶する操作履歴記憶手段と、
前記画像の識別情報に対応付けて前記広角画像を記憶する広角画像記憶手段、を参照し、
前記情報処理装置から取得した前記情報処理装置の識別情報に基づき前記広角画像を決定し、前記情報処理装置の識別情報に対応付けられた前記操作履歴に基づき前記広角画像の前記表示領域を決定する表示領域決定手段と、
前記広角画像と前記表示領域を前記情報処理装置に送信する画像送信手段と、
を有する閲覧システム。 A browsing system having an information processing device and an image distribution device.
The information processing device
An operation receiving means for accepting an operation on an image of 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 device to the image distribution device.
When the screen information is acquired 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 and the wide-angle image determined based on the identification information of the information processing device are transmitted. Wide-angle image acquisition means for acquiring the image display area,
It has a display means for displaying the display area of the wide-angle image acquired by the wide-angle image acquisition means on the display device based on the screen information acquired from the second screen information providing device.
The image distribution device is
An 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.
Refer to the 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 device acquired from the information processing device, 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 device. Display area determination means and
An image transmitting means for transmitting the wide-angle image and the display area to the information processing apparatus, and
Browsing system with.
前記操作履歴送信手段は、前記広角画像に対する操作履歴、前記広角画像の識別情報、及び前記情報処理装置の識別情報を前記画像配信装置に送信し、
前記操作履歴記憶手段には、前記広角画像の識別情報及び前記情報処理装置の識別情報に対応付けて前記操作履歴が記憶されており、
前記広角画像記憶手段には、前記広角画像の識別情報に対応付けて前記広角画像が記憶されており、
前記表示領域決定手段は、前記情報処理装置から取得した前記情報処理装置の識別情報に対応付けられた前記操作履歴と前記広角画像の識別情報を前記操作履歴記憶手段から特定し、
特定した前記広角画像の識別情報に対応付けられた前記広角画像記憶手段の前記広角画像の前記表示領域を前記操作履歴に基づいて決定する請求項1に記載の閲覧システム。 The image of the screen information acquired from the first screen information providing device is the wide-angle image.
The operation history transmitting means transmits the operation history for the wide-angle image, the identification information of the wide-angle image, and the identification information of the information processing device to the image distribution device.
The operation history storage means stores the operation history in association with the identification information of the wide-angle image and the identification information of the information processing apparatus.
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 identifies the operation history and the identification information of the wide-angle image associated with the identification information of the information processing device acquired from the information processing device from the operation history storage means.
The viewing system according to claim 1, wherein the display area of the wide-angle image of the wide-angle image storage means associated with the identified identification information of the wide-angle image is determined based on the operation history.
前記情報処理装置の識別情報に対応付けられた前記広角画像と類似する前記広角画像を前記広角画像記憶手段から検出し、
前記操作履歴に基づき前記画像と類似する広角画像の前記表示領域を決定し、
前記画像送信手段は前記類似する前記広角画像と前記表示領域を前記情報処理装置に送信する請求項2に記載の閲覧システム。 The display area determining means identifies the operation history and the identification information of the wide-angle image associated with the identification information of the information processing device acquired from the information processing device from the operation history storage means.
The wide-angle image similar to the wide-angle image associated with the identification information of the information processing device is detected from the wide-angle image storage means.
Based on the operation history, the display area of a wide-angle image similar to the image is determined.
The viewing system according to claim 2, wherein the image transmitting means 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 the object reflected in the angle of view of the wide-angle image corresponding to the display area determined based on the operation history from the wide-angle image storage means.
The angle of view in which the object is captured in the wide-angle image similar to the wide-angle image associated with the identification information of the information processing apparatus is specified from the wide-angle image storage means, and the angle of view is defined as the similar wide-angle image. The viewing system according to claim 3, wherein the display area of the image is determined.
前記広角画像記憶手段には、前記平面画像の識別情報に対応付けて前記平面画像に被写体を示す情報が記憶されており、
前記表示領域決定手段は、前記情報処理装置から取得した前記情報処理装置の識別情報に対応付けられた前記操作履歴と前記平面画像の識別情報を前記操作履歴記憶手段から特定し、
前記情報処理装置の識別情報に対応付けられた前記平面画像の被写体を示す情報に基づき、前記広角画像の前記表示領域を決定する請求項1乃至4のいずれか1項に記載の閲覧システム。 The operation history storage means stores the operation history for the plane image, the identification information of the plane image, and the identification information of the information processing apparatus in association with each other.
The wide-angle image storage means stores information indicating a subject in the plane image in association with the identification information of the plane image.
The display area determining means identifies the operation history and the identification information of the plane image associated with the identification information of the information processing device acquired from the information processing device from the operation history storage means.
The viewing system according to any one of claims 1 to 4, wherein the display area of the wide-angle image is determined based on the information indicating the subject of the plane image associated with the identification information of the information processing device.
前記表示領域決定手段は、前記閲覧時間が最も長い前記閲覧画角を前記広角画像の前記表示領域に決定する請求項2〜4のいずれか1項に記載の閲覧システム。 The operation history storage means stores the viewing angle of view viewed in the wide-angle image and the viewing time of the viewing angle of view.
The viewing system according to any one of claims 2 to 4, wherein the display area determining means determines the viewing angle of view having the longest viewing time in the display area of the wide-angle image.
前記表示領域決定手段は、前記閲覧時間、前記拡大、及び、前記縮小の操作をポイントに変換し、ポイントに応じて決定された前記閲覧画角を前記広角画像の前記表示領域に決定する請求項6に記載の閲覧システム。 The operation history storage means further stores the presence / absence of an enlargement / reduction operation for each viewing angle of view.
The display area determining means converts the viewing time, the enlargement, and reduction operations into points, and determines the viewing angle of view determined according to the points in the display area of the wide-angle image. The browsing system according to 6.
前記第一の画面情報提供装置から画面情報を取得した際、外部装置及び前記画像配信装置と通信するスクリプトを取得し、
前記スクリプトを実行して、前記外部装置に対し前記情報処理装置の識別情報を要求し、前記外部装置から前記情報処理装置の識別情報を取得する識別情報取得手段を有し、
前記スクリプトを実行して、前記操作履歴送信手段は前記操作履歴、前記画像の識別情報、及び前記情報処理装置の識別情報を前記画像配信装置に送信する請求項1〜7のいずれか1項に記載の閲覧システム。 The information processing device
When the screen information is acquired from the first screen information providing device, a script for communicating with the external device and the image distribution device is acquired.
It has an identification information acquisition means for executing the script, requesting the identification information of the information processing device from the external device, and acquiring the identification information of the information processing device from the external device.
The operation history transmitting means executes the script and transmits the operation history, the identification information of the image, and the identification information of the information processing device to the image distribution device according to any one of claims 1 to 7. Described browsing system.
前記第二の画面情報提供装置から前記画面情報を取得した際、前記外部装置と通信するスクリプトを取得し、
前記広角画像取得手段は、前記スクリプトを実行して、前記外部装置に対し前記情報処理装置の識別情報を送信し、前記外部装置から前記画像配信装置に前記広角画像を要求するための画像要求情報を取得し、
前記広角画像取得手段は前記画像要求情報を用いて前記情報処理装置の識別情報を前記画像配信装置に送信することで、前記広角画像と前記表示領域を取得する請求項8に記載の閲覧システム。 The information processing device
When the screen information is acquired from the second screen information providing device, a script for communicating with the external device is acquired, and the script is acquired.
The wide-angle image acquisition means executes the script to transmit identification information of the information processing device to the external device, and image request information for requesting the wide-angle image from the external device to the image distribution device. To get and
The viewing system according to claim 8, wherein the wide-angle image acquisition means acquires the wide-angle image and the display area by transmitting the identification information of the information processing device to the image distribution device using the image request information.
前記表示手段は、前記広角画像に前記表示対象物を重ねて表示する際に、前記表示対象物の視認性の低下を抑制する処理を行う、
請求項1〜10のいずれか1項に記載の閲覧システム。 The wide-angle image acquisition means acquires the wide-angle image and the display area, and also acquires a display object which is information about the wide-angle image and is displayed overlaid on the wide-angle image.
The display means performs a process of suppressing a decrease in visibility of the display object when the display object is superimposed on the wide-angle image.
The browsing system according to any one of claims 1 to 10.
前記色差判断手段が前記広角画像における前記表示対象物の位置の前記広角画像の色と前記表示対象物の色の色差が閾値より小さいと判断した場合、
前記表示手段は、前記表示対象物の視認性の低下を抑制する処理として前記表示対象物の色を変更する請求項12に記載の閲覧システム。 It has a color difference determining means for determining whether or not the color difference between the color of the wide-angle image and the color of the display object at the position of the display object in the wide-angle image is smaller than the threshold value.
When the color difference determining means determines that the color difference between the color of the wide-angle image and the color of the display object at the position of the display object in the wide-angle image is smaller than the threshold value.
The viewing system according to claim 12, wherein the display means changes the color of the display object as a process of suppressing a decrease in visibility of the display object.
前記色差判断手段が前記広角画像における前記表示対象物の位置の前記広角画像の色と前記表示対象物の色の色差が閾値より小さいと判断した場合、
前記表示手段は、前記表示対象物の視認性の低下を抑制する処理として、前記表示対象物と同じ広さ以上の背景オブジェクトを前記表示対象物に重ねて表示し、
前記色差判断手段が前記広角画像における前記表示対象物の位置の前記広角画像の色と前記表示対象物の色の色差が閾値以上であると判断した場合、
前記表示手段は、前記背景オブジェクトを消去する請求項12に記載の閲覧システム。 It has a color difference determining means for determining whether or not the color difference between the color of the wide-angle image and the color of the display object at the position of the display object in the wide-angle image is smaller than the threshold value.
When the color difference determining means determines that the color difference between the color of the wide-angle image and the color of the display object at the position of the display object in the wide-angle image is smaller than the threshold value.
The display means superimposes a background object having the same size as or larger than the display object on the display object and displays it as a process of suppressing a decrease in visibility of the display object.
When the color difference determining means determines that the color difference between the color of the wide-angle image and the color of the display object at the position of the display object in the wide-angle image is equal to or greater than the threshold value.
The viewing system according to claim 12, wherein the display means erases the background object.
前記表示対象物の色に対する色差が閾値以上になる前記背景オブジェクトの色を決定する請求項12〜14のいずれか1項に記載の閲覧システム。 The display means determines the color of the display object so that the 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 value.
The viewing system according to any one of claims 12 to 14, wherein the color of the background object whose color difference with respect to the color of the display object is equal to or greater than a threshold value is determined.
前記第一の画面情報提供装置から取得した前記画面情報の画像に対する操作を受け付ける操作受付手段と、
前記操作受付手段が受け付けた前記画像に対する操作履歴、前記画像の識別情報、及び情報処理装置の識別情報を画像配信装置に送信する操作履歴送信手段と、
前記第二の画面情報提供装置から画面情報を取得した場合、前記情報処理装置の識別情報を前記画像配信装置に送信して、前記情報処理装置の識別情報に基づいて決定された広角画像と該広角画像の表示領域を取得する広角画像取得手段と、
前記第二の画面情報提供装置から取得した画面情報に基づいて、前記広角画像取得手段が取得した前記広角画像の前記表示領域を表示装置に表示する表示手段と、を有する情報処理装置の操作履歴を管理する画像配信装置を、
前記画像の識別情報及び前記情報処理装置の識別情報に対応付けて前記操作履歴を記憶する操作履歴記憶手段と、
前記画像の識別情報に対応付けて前記広角画像を記憶する広角画像記憶手段、を参照し、
前記情報処理装置から取得した前記情報処理装置の識別情報に基づき前記広角画像を決定し、前記情報処理装置の識別情報に対応付けられた前記操作履歴に基づき前記広角画像の前記表示領域を決定する表示領域決定手段と、
前記広角画像と前記表示領域を前記情報処理装置に送信する画像送信手段、
として機能させるためのプログラム。 Obtain screen information from the first screen information providing device and the second screen information providing device,
An operation receiving means for receiving an operation on an image of the screen information acquired from the first screen information providing device, and an operation receiving means.
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 device to the image distribution device.
When the screen information is acquired 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 said Wide-angle image acquisition means for acquiring a wide-angle image display area,
Operation history of an information processing device having a display means for displaying the display area of the wide-angle image acquired by the wide-angle image acquisition means on the display device based on the screen information acquired from the second screen information providing device. Image distribution device that manages
An 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.
Refer to the 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 device acquired from the information processing device, 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 device. Display area determination means and
An image transmitting means for transmitting the wide-angle image and the display area to the information processing apparatus,
A program to function as.
前記情報処理装置は、
ネットワークを介して外部から取得した画面情報に含まれる画像に対する操作を受け付ける受付手段と、
前記受付手段が受け付けた前記画像に対する操作の履歴と、当該情報処理装置の識別情報と、を前記サーバに送信する送信手段と、
前記画面情報と異なる他の画面情報を取得したとき、該他の画面情報に含まれる情報に基づき前記情報処理装置の識別情報を前記サーバに送信し、該サーバから前記他の画面情報に含まれる広角画像と該広角画像の表示領域を取得する取得手段と、
前記他の画面情報に基づいて、取得した前記広角画像の前記表示領域を表示装置に表示する表示手段と、を有し、
前記サーバは、
前記画像の識別情報と、前記画像に対する前記操作の履歴と、前記情報処理装置の識別情報とを対応付けて記憶する記憶手段と、
前記情報処理装置から送信される前記情報処理装置の識別情報に応じて、該情報処理装置の識別情報と対応付けて記憶された前記画像の識別情報及び前記操作の履歴とに基づき、前記広角画像及び該広角画像の表示領域を決定する決定手段と、
前記広角画像及び前記広角画像の表示領域を前記情報処理装置に送信する送信手段と、
を有することを特徴とする閲覧システム。 A browsing system that has an information processing device and a server.
The information processing device
A reception means that accepts operations on images included in screen information acquired from the outside via a network,
A transmission means for transmitting the history of operations on the image received by the reception means and the identification information of the information processing device to the server.
When other screen information different from the screen information is acquired, the identification information of the information processing apparatus is transmitted to the server based on the information included in the other screen information, and the server includes the other screen information in the other screen information. An acquisition means for acquiring a wide-angle image and a display area of the wide-angle image, and
It has a display means for displaying the display area of the acquired wide-angle image on a display device based on the other screen information.
The server
A 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 is based on the identification information of the image and the operation history stored in association with the identification information of the information processing device according to the identification information of the information processing device transmitted from the information processing device. And a determination means for determining the display area of the wide-angle image,
A transmission means for transmitting the wide-angle image and the display area of the wide-angle image to the information processing device, and
A browsing system characterized by having.
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 JP2018160225A (en) | 2018-10-11 |
JP6844420B2 true 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) |
Families Citing this family (2)
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 |
JP7516754B2 (en) | 2019-12-19 | 2024-07-17 | 株式会社リコー | Information processing system, method, program, and recording medium |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1142260A2 (en) * | 1998-08-03 | 2001-10-10 | Doubleclick Inc. | Network for distribution of re-targeted advertising |
JP6006536B2 (en) * | 2012-06-01 | 2016-10-12 | 任天堂株式会社 | Information processing program, information processing apparatus, information processing system, and panoramic video display method |
JP5593356B2 (en) * | 2012-08-22 | 2014-09-24 | ヤフー株式会社 | Advertisement distribution device, advertisement distribution method, and advertisement distribution program |
JP6586819B2 (en) * | 2015-08-21 | 2019-10-09 | 株式会社リコー | Image management system, image communication system, image management method, and program |
JP6555026B2 (en) * | 2015-09-04 | 2019-08-07 | 株式会社リコー | Information provision system |
-
2017
- 2017-05-26 JP JP2017104827A patent/JP6844420B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
JP2018160225A (en) | 2018-10-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11140324B2 (en) | Method of displaying wide-angle image, image display system, and information processing apparatus | |
US10877649B2 (en) | Browsing system, browsing method, and information processing apparatus | |
US10701263B2 (en) | Browsing system, image distribution apparatus, and image distribution method | |
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 | |
JP7069970B2 (en) | Browsing system, image distribution device, image distribution method, program | |
US20150254694A1 (en) | System and Method for Providing Redeemable Commercial Objects in Conjunction with Geographic Imagery | |
JP6844420B2 (en) | Browsing system, program | |
JP6239228B2 (en) | Advertisement providing system and method for providing various link options | |
JP6891667B2 (en) | Browsing system, program | |
JP2008287450A (en) | Commodity sales system | |
US10991342B2 (en) | Terminal apparatus, system, and method of displaying image | |
JP2021056852A (en) | Program, information processing apparatus, and display method | |
WO2020189341A1 (en) | Image display system, image distribution method, and program | |
JP2020013552A (en) | Terminal device, browsing system, display method, and program | |
US10628848B2 (en) | Entity sponsorship within a modular search object framework | |
JP7031168B2 (en) | Browsing system, information processing device, image distribution method, program | |
JP6491261B2 (en) | Information display program, information display method, information display device, and distribution device | |
JP2020009016A (en) | Terminal, browsing system, presentation method, and program | |
JP2021052224A (en) | Program, information processing apparatus, and display method | |
JP2020144821A (en) | Image display system, image display method, and program | |
WO2021256235A1 (en) | Information processing device, information processing method, and program | |
JP7189779B2 (en) | Decision device, decision method, decision program |
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 |