JP5475733B2 - Server apparatus, image distribution method, and image display program - Google Patents

Server apparatus, image distribution method, and image display program Download PDF

Info

Publication number
JP5475733B2
JP5475733B2 JP2011199715A JP2011199715A JP5475733B2 JP 5475733 B2 JP5475733 B2 JP 5475733B2 JP 2011199715 A JP2011199715 A JP 2011199715A JP 2011199715 A JP2011199715 A JP 2011199715A JP 5475733 B2 JP5475733 B2 JP 5475733B2
Authority
JP
Japan
Prior art keywords
image data
client device
layer image
display area
image
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Expired - Fee Related
Application number
JP2011199715A
Other languages
Japanese (ja)
Other versions
JP2013061792A (en
Inventor
進吾 福井
肇 三宮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Yahoo Japan Corp
Original Assignee
Yahoo Japan Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Yahoo Japan Corp filed Critical Yahoo Japan Corp
Priority to JP2011199715A priority Critical patent/JP5475733B2/en
Publication of JP2013061792A publication Critical patent/JP2013061792A/en
Application granted granted Critical
Publication of JP5475733B2 publication Critical patent/JP5475733B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Description

本発明は、サーバ装置、画像配信方法及び画像表示プログラムに関する。   The present invention relates to a server device, an image distribution method, and an image display program.

従来、携帯端末装置やＰＣ（Personal Computer）等のクライアント装置は、インターネット上に配置されるＷｅｂサーバ等のサーバ装置にアクセスすることでウェブページを取得することができる。このようなサーバ装置は、テキストデータだけでなく、画像データや動画データを含むウェブページをクライアント装置に提供する場合がある。例えば、サーバ装置は、広告を目的とした画像データや動画データが表示されるウェブページを提供する場合がある。   Conventionally, a client device such as a mobile terminal device or a PC (Personal Computer) can acquire a web page by accessing a server device such as a web server arranged on the Internet. Such a server device may provide a client device with a web page including not only text data but also image data and moving image data. For example, the server device may provide a web page on which image data and moving image data for advertising purposes are displayed.

近年では、このようなウェブページの表示面積の有効利用を目的として、ウェブページに同一位置に２つの画像データを表示させておき、上層の画像データに対して消去等の操作が行われた際に、下層の画像データを表示させる技術が知られている（例えば、特許文献１）。   In recent years, in order to effectively use the display area of such a web page, two image data are displayed at the same position on the web page, and an operation such as erasing is performed on the upper layer image data. In addition, a technique for displaying lower layer image data is known (for example, Patent Document 1).

特開２００４−１５２０７４号公報JP 2004-152074 A

しかしながら、画像データを重畳表示させる従来技術では、上層の画像データを消去する操作が行われる前に、下層の画像データが表示される場合がある。例えば、クライアント装置は、サーバ装置から上層の画像データを受信する前に下層の画像データを受信した場合には、上層の画像データを取得するまでの間、ウェブページに下層の画像データを表示することがある。特に、サーバ装置とクライアント装置との間における通信速度が遅い環境下等では、クライアント装置に下層の画像データが到達してから上層の画像データが到達するまでの時間が長くなるので、クライアント装置が下層の画像データを表示する時間も長くなる。このことは、上層の画像データから下層の画像データを順次閲覧するという楽しみをユーザに提供できないという結果を招く。   However, in the conventional technique for displaying the image data in a superimposed manner, the lower layer image data may be displayed before the operation of deleting the upper layer image data is performed. For example, if the client device receives the lower layer image data before receiving the upper layer image data from the server device, the client device displays the lower layer image data on the web page until the upper layer image data is acquired. Sometimes. In particular, in an environment where the communication speed between the server device and the client device is low, the time until the upper layer image data arrives after the lower layer image data reaches the client device becomes longer. The time for displaying the lower layer image data also becomes longer. This leads to the result that it is not possible to provide the user with the pleasure of sequentially browsing the lower layer image data from the upper layer image data.

本願は、上記に鑑みてなされたものであって、上層の画像データから下層の画像データを徐々に閲覧する楽しみをユーザに提供可能にすることを課題とする。   The present application has been made in view of the above, and an object of the present invention is to make it possible to provide a user with the pleasure of gradually browsing lower-layer image data from upper-layer image data.

本願に係るサーバ装置は、ユーザ操作により指定された画像部分を他の表示態様に変換可能な画像の表示制御を行う制御情報と第１の画像データとをクライアント装置に送信する第１の送信部と、前記クライアント装置から、前記第１の画像データに対するユーザ操作が行われたことに基づく通知を受信する受信部と、前記受信部によって前記通知が受信された場合に、前記ユーザ操作により指定された画像部分に表示させる第２の画像データを前記クライアント装置に送信する第２の送信部とを備えたことを特徴とする。   A server device according to the present application includes a first transmission unit that transmits control information for performing display control of an image capable of converting an image portion designated by a user operation into another display mode and first image data to a client device. And a receiving unit that receives a notification based on a user operation performed on the first image data from the client device, and the notification is specified by the user operation when the notification is received by the receiving unit. And a second transmission unit for transmitting the second image data to be displayed on the image portion to the client device.

本願に係るサーバ装置、画像配信方法及び画像表示プログラムは、上層の画像データから下層の画像データを徐々に閲覧する楽しみをユーザに提供することができるという効果を奏する。   The server device, the image distribution method, and the image display program according to the present application have an effect that it is possible to provide the user with the pleasure of gradually browsing the lower layer image data from the upper layer image data.

図１は、第１の実施形態に係るネットワークシステムの構成例を示す図である。FIG. 1 is a diagram illustrating a configuration example of a network system according to the first embodiment. 図２は、第１の実施形態に係るネットワークシステムによる処理手順を示すシーケンス図である。FIG. 2 is a sequence diagram illustrating a processing procedure performed by the network system according to the first embodiment. 図３は、第１の実施形態に係るクライアント装置により表示されるウェブページの一例を示す図である。FIG. 3 is a diagram illustrating an example of a web page displayed by the client device according to the first embodiment. 図４は、第１の実施形態に係るクライアント装置により表示されるウェブページの一例を示す図である。FIG. 4 is a diagram illustrating an example of a web page displayed by the client device according to the first embodiment. 図５は、第１の実施形態に係るクライアント装置により表示されるウェブページの一例を示す図である。FIG. 5 is a diagram illustrating an example of a web page displayed by the client device according to the first embodiment. 図６は、第１の実施形態における制御情報による処理手順を示すフローチャートである。FIG. 6 is a flowchart illustrating a processing procedure based on control information according to the first embodiment. 図７は、第２の実施形態に係るネットワークシステムの構成例を示す図である。FIG. 7 is a diagram illustrating a configuration example of a network system according to the second embodiment. 図８は、第２の実施形態に係るネットワークシステムによる処理手順を示すシーケンス図である。FIG. 8 is a sequence diagram illustrating a processing procedure performed by the network system according to the second embodiment. 図９は、第２の実施形態に係るクライアント装置により表示されるウェブページの一例を示す図である。FIG. 9 is a diagram illustrating an example of a web page displayed by the client device according to the second embodiment. 図１０は、第３の実施形態に係るネットワークシステムによる処理手順を示すシーケンス図である。FIG. 10 is a sequence diagram illustrating a processing procedure performed by the network system according to the third embodiment. 図１１は、第３の実施形態における画像データの一例を示す図である。FIG. 11 is a diagram illustrating an example of image data according to the third embodiment. 図１２は、第３の実施形態における画像データの一例を示す図である。FIG. 12 is a diagram illustrating an example of image data according to the third embodiment. 図１３は、第３の実施形態における画像データの一例を示す図である。FIG. 13 is a diagram illustrating an example of image data according to the third embodiment. 図１４は、第３の実施形態における画像データの一例を示す図である。FIG. 14 is a diagram illustrating an example of image data according to the third embodiment. 図１５は、第４の実施形態における制御情報による処理手順を示すフローチャートである。FIG. 15 is a flowchart illustrating a processing procedure based on control information according to the fourth embodiment. 図１６は、第４の実施形態における画像データの一例を示す図である。FIG. 16 is a diagram illustrating an example of image data according to the fourth embodiment. 図１７は、第４の実施形態における制御情報による処理手順を示すフローチャートである。FIG. 17 is a flowchart illustrating a processing procedure based on control information according to the fourth embodiment. 図１８は、第４の実施形態における画像データの一例を示す図である。FIG. 18 is a diagram illustrating an example of image data according to the fourth embodiment.

以下に、本願に係るサーバ装置、画像配信方法及び画像表示プログラムを実施するための形態（以下、「実施形態」と呼ぶ）について図面を参照しつつ詳細に説明する。なお、この実施形態により本願に係るサーバ装置、画像配信方法及び画像表示プログラムが限定されるものではない。   Hereinafter, embodiments for implementing a server device, an image distribution method, and an image display program according to the present application (hereinafter referred to as “embodiments”) will be described in detail with reference to the drawings. Note that the server device, the image distribution method, and the image display program according to the present application are not limited by this embodiment.

（第１の実施形態）
図１〜図６を用いて、本願に係るサーバ装置、画像配信方法及び画像表示プログラムの第１の実施形態について説明する。 (First embodiment)
1st Embodiment of the server apparatus which concerns on this application, an image delivery method, and an image display program is described using FIGS.

〔１−１．構成〕
まず、図１を用いて、第１の実施形態に係るサーバ装置が含まれるネットワークシステムの構成について説明する。図１に例示するように、第１の実施形態に係るネットワークシステム１には、クライアント装置１０１〜１０ｎと、サーバ装置１００とが含まれる。かかるクライアント装置１０１〜１０ｎとサーバ装置１００とは、ネットワーク網を介して、無線通信又は有線通信を行う。なお、クライアント装置１０１〜１０ｎは、同様の構成を有するので、以下では、主にクライアント装置１０１について説明する。また、以下では、クライアント装置１０１〜１０ｎを区別する必要がない場合には、これらを総称して「クライアント装置１０」と表記する場合がある。 [1-1. Constitution〕
First, the configuration of a network system including a server device according to the first embodiment will be described with reference to FIG. As illustrated in FIG. 1, the network system 1 according to the first embodiment includes client devices 10 1 to 10 n and a server device 100. The client devices 10 1 to 10 n and the server device 100 perform wireless communication or wired communication via a network. Incidentally, the client device 10 1 to 10 n has the same configuration, the following description mainly about the client device 10 1. In the following description, when there is no need to distinguish the client devices 10 1 to 10 n , they may be collectively referred to as “client device 10”.

〔１−１（１）．クライアント装置１０の構成〕
クライアント装置１０１は、携帯電話機、ＰＤＡ（Personal Digital Assistant）、タブレット型ＰＣ、ノート型ＰＣ、デスクトップ型ＰＣ等の情報処理装置である。以下の説明では、クライアント装置１０１がタブレット型ＰＣであるものとする。かかるクライアント装置１０１は、図１に例示するように、通信部１１と、入力部１２と、ブラウザ制御部１３と、表示部１４とを有する。 [1-1 (1). Configuration of Client Device 10]
The client device 10 1, the cellular phone, PDA (Personal Digital Assistant), a tablet PC, a notebook PC, a data processing apparatus such as a desktop PC. In the following description, it is assumed the client device 10 1 is a tablet PC. Such client device 10 1 comprises as illustrated in FIG. 1, a communication unit 11, an input unit 12, a browser control section 13, a display unit 14.

通信部１１は、ネットワーク網を介してサーバ装置１００との間で各種データを送受信する。かかる通信部１１は、例えば、アンテナや通信制御を行う電子回路等である。なお、クライアント装置１０１がノート型ＰＣやデスクトップ型ＰＣである場合には、通信部１１は、例えば、ＮＩＣ（Network Interface Card）等に該当する。 The communication unit 11 transmits / receives various data to / from the server device 100 via the network. The communication unit 11 is, for example, an antenna or an electronic circuit that performs communication control. Note that when the client device 10 1 is a notebook PC and a desktop PC, the communication unit 11 corresponds to, for example, NIC (Network Interface Card) or the like.

入力部１２は、クライアント装置１０１の利用者から各種操作の入力を受け付ける入力デバイスである。かかる入力部１２は、例えば、後述する表示部１４に対する接触によって各種操作を検知するタッチパネル式の入力装置である。なお、クライアント装置１０１が携帯電話機やＰＤＡである場合には、入力部１２は、例えば、数字及び文字等を入力するテンキー、メニュー選択及び表示スクロールに利用するカーソルキー、ブラウザ等の各種アプリケーションを起動する特殊キー等である。また、クライアント装置１０１がノート型ＰＣやデスクトップ型ＰＣである場合には、入力部１２は、例えば、キーボードやマウス等である。 Input unit 12 is an input device for accepting input of various operations from a user of the client device 10 1. The input unit 12 is, for example, a touch panel type input device that detects various operations by touching the display unit 14 described later. Note that when the client device 10 1 is a mobile phone or PDA, the input unit 12 is, for example, ten keys for inputting numbers and characters, etc., cursor keys to be used for menu selection and display scroll, various application such as a browser A special key to be activated. Further, when the client device 10 1 is a notebook PC and a desktop PC, the input unit 12 is, for example, a keyboard, a mouse, or the like.

ブラウザ制御部１３は、入力部１２へのユーザの操作に基づいて、ブラウザを表示部１４に表示するとともに、インターネットの標準プロトコルであるＨＴＴＰ（Hypertext Transfer Protocol）等に従って、ＨＴＭＬ（HyperText Markup Language）等の言語で記述されたウェブページの取得要求であるＨＴＴＰリクエスト等をサーバ装置１００に送信したり、サーバ装置１００から取得したウェブページをブラウザ上に表示したりする。かかるブラウザ制御部１３は、例えば、ＣＰＵ（Central Processing Unit）やＭＰＵ（Micro Processing Unit）等により実現され、図示しない記憶部に予め記憶されているコンピュータプログラム（上記のブラウザ機能を実現するためのソフトウェア）を実行することにより各種処理を行う。   The browser control unit 13 displays a browser on the display unit 14 based on the user's operation on the input unit 12, and also uses HTML (HyperText Markup Language) according to HTTP (Hypertext Transfer Protocol) that is a standard protocol of the Internet. An HTTP request or the like that is a request for acquiring a web page written in the language is transmitted to the server apparatus 100, or the web page acquired from the server apparatus 100 is displayed on the browser. The browser control unit 13 is realized by, for example, a CPU (Central Processing Unit), an MPU (Micro Processing Unit), or the like, and is stored in advance in a storage unit (not shown) (software for realizing the above browser function). ) To execute various processes.

表示部１４は、各種情報を表示する表示デバイスであり、例えば、入力部１２と一体化されたタッチパネル等である。なお、クライアント装置１０１がタッチパネル式でない場合には、表示部１４は、例えば液晶ディスプレイ等である。 The display unit 14 is a display device that displays various types of information, and is, for example, a touch panel integrated with the input unit 12. Note that when the client device 10 1 is not a touch panel type, the display unit 14 is, for example, a liquid crystal display or the like.

なお、クライアント装置１０１が有する各処理部は、以下に説明する情報処理の機能や作用を実現又は実行する。 Each processing unit included in the client device 10 1 realizes or performs the function and operation of the information processing to be described below.

〔１−１（２）．サーバ装置１００の構成〕
サーバ装置１００は、クライアント装置１０のブラウザ制御部１３によって送信されるＨＴＴＰリクエストに応じて、かかるＨＴＴＰリクエストにおいて要求されたＨＴＭＬファイルや画像データや画像データをウェブページ上に表示制御する制御情報等を含むウェブページをクライアント装置１０に送信するコンピュータである。なお、制御情報は、例えば、Ｆｌａｓｈ（登録商標、以下同様）やＳｉｌｖｅｒｌｉｇｈｔ（登録商標）等のＲＩＡ（Rich Internet Application）用のコンテンツにより実現可能であり、画像表示プログラムとして動作する。以下では、制御情報がＦｌａｓｈコンテンツであるものとして説明する。 [1-1 (2). Configuration of Server Device 100]
In response to the HTTP request transmitted by the browser control unit 13 of the client device 10, the server device 100 displays control information for controlling the display of the HTML file, image data, and image data requested in the HTTP request on the web page. It is a computer that transmits a web page including it to the client device 10. The control information can be realized by, for example, RIA (Rich Internet Application) content such as Flash (registered trademark, the same applies to the following) and Silverlight (registered trademark), and operates as an image display program. In the following description, it is assumed that the control information is Flash content.

このようなサーバ装置１００は、図１に例示するように、通信部１１０と、ＨＴＭＬファイル記憶部１２１と、制御情報記憶部１２２と、画像データ記憶部１２３と、Ｗｅｂ制御部１３０とを有する。   As illustrated in FIG. 1, such a server apparatus 100 includes a communication unit 110, an HTML file storage unit 121, a control information storage unit 122, an image data storage unit 123, and a Web control unit 130.

通信部１１０は、ネットワーク網を介してクライアント装置１０との間で各種データを送受信する。かかる通信部１１０は、例えば、ＮＩＣ等である。   The communication unit 110 transmits / receives various data to / from the client device 10 via the network. The communication unit 110 is, for example, a NIC or the like.

ＨＴＭＬファイル記憶部１２１は、複数種類のＨＴＭＬファイルを記憶する。制御情報記憶部１２２は、ユーザ操作により指定された画像部分を他の表示態様に変換可能な画像の表示制御を行う制御情報としてＦｌａｓｈコンテンツを記憶する。画像データ記憶部１２３は、複数種類の画像データを記憶する。これらのＨＴＭＬファイル記憶部１２１、制御情報記憶部１２２及び画像データ記憶部１２３は、例えば、ＲＡＭ（Random Access Memory)、フラッシュメモリ（Flash Memory）等の半導体メモリ素子、又は、ハードディスク、光ディスク等の記憶装置である。   The HTML file storage unit 121 stores a plurality of types of HTML files. The control information storage unit 122 stores the Flash content as control information for performing display control of an image that can be converted into another display mode from an image portion designated by a user operation. The image data storage unit 123 stores a plurality of types of image data. The HTML file storage unit 121, the control information storage unit 122, and the image data storage unit 123 are, for example, a semiconductor memory device such as a RAM (Random Access Memory) or a flash memory, or a storage such as a hard disk or an optical disk. Device.

Ｗｅｂ制御部１３０は、サーバ装置１００をＷｅｂサーバとして動作させる制御部であり、クライアント装置１０から受信するＨＴＴＰリクエストに応じて、ＨＴＭＬファイル記憶部１２１に記憶されているＨＴＭＬファイルや、制御情報記憶部１２２に記憶されている制御情報や、画像データ記憶部１２３に記憶されている画像データをクライアント装置１０に送信する。かかるＷｅｂ制御部１３０は、例えば、ＣＰＵやＭＰＵ等により実現され、図示しない記憶部に予め記憶されているコンピュータプログラム（Ｗｅｂサーバとしての機能を実現するためのソフトウェア）を実行することにより、第１送信部１３１、受信部１３２及び第２送信部１３３による処理を実現する。   The Web control unit 130 is a control unit that causes the server apparatus 100 to operate as a Web server. In response to an HTTP request received from the client apparatus 10, an HTML file stored in the HTML file storage unit 121 or a control information storage unit The control information stored in 122 and the image data stored in the image data storage unit 123 are transmitted to the client device 10. The web control unit 130 is realized by, for example, a CPU, an MPU, or the like, and executes a computer program (software for realizing a function as a web server) stored in advance in a storage unit (not shown), thereby The processing by the transmission unit 131, the reception unit 132, and the second transmission unit 133 is realized.

なお、サーバ装置１００が有する各処理部は、以下に説明する情報処理の機能や作用を実現又は実行する。   Each processing unit included in the server device 100 realizes or executes the functions and operations of information processing described below.

〔１−２．作用〕
次に、図２を用いて、第１の実施形態に係るネットワークシステム１による処理手順について説明する。図２に示すように、クライアント装置１０のブラウザ制御部１３は、入力部１２に対するユーザの操作に従って、ウェブページの取得要求（ＨＴＴＰリクエスト）をサーバ装置１００に送信する（ステップＳ１０１）。 [1-2. Action)
Next, a processing procedure performed by the network system 1 according to the first embodiment will be described with reference to FIG. As illustrated in FIG. 2, the browser control unit 13 of the client device 10 transmits a web page acquisition request (HTTP request) to the server device 100 in accordance with a user operation on the input unit 12 (step S <b> 101).

続いて、サーバ装置１００の第１送信部１３１は、ＨＴＭＬファイルと、制御情報（「Ｆｌａｓｈコンテンツ１２２ａ」とする）と、上層の画像データとをクライアント装置１０に送信する（ステップＳ１０２）。具体的には、第１送信部１３１は、クライアント装置１０から要求されているＨＴＭＬファイルをＨＴＭＬファイル記憶部１２１から取得するとともに、クライアント装置１０から要求されているＦｌａｓｈコンテンツ１２２ａを制御情報記憶部１２２から取得する。さらに、第１送信部１３１は、かかるＦｌａｓｈコンテンツ１２２ａによってウェブページ上の同一位置に表示制御される２個の画像データのうち上層の画像データを画像データ記憶部１２３から取得する。そして、第１送信部１３１は、各種記憶部から取得したＨＴＭＬファイル、Ｆｌａｓｈコンテンツ１２２ａ及び画像データをクライアント装置１０に送信する。すなわち、第１送信部１３１は、Ｆｌａｓｈコンテンツ１２２ａによってウェブページ上の同一位置に表示制御される２個の画像データの双方を送信するのではなく、上層の画像データのみをクライアント装置１０に送信する。   Subsequently, the first transmission unit 131 of the server device 100 transmits the HTML file, the control information (referred to as “Flash content 122a”), and the upper layer image data to the client device 10 (step S102). Specifically, the first transmission unit 131 obtains the HTML file requested from the client device 10 from the HTML file storage unit 121 and the flash content 122a requested from the client device 10 to the control information storage unit 122. Get from. Further, the first transmission unit 131 acquires the upper layer image data from the image data storage unit 123 among the two pieces of image data whose display is controlled at the same position on the web page by the flash content 122a. Then, the first transmission unit 131 transmits the HTML file, the flash content 122a, and the image data acquired from the various storage units to the client device 10. That is, the first transmission unit 131 does not transmit both of the two pieces of image data whose display is controlled at the same position on the web page by the Flash content 122a, but transmits only the upper layer image data to the client device 10. .

続いて、クライアント装置１０のブラウザ制御部１３は、サーバ装置１００から受信したＨＴＭＬファイルやＦｌａｓｈコンテンツ１２２ａや画像データ等を表示する（ステップＳ１０３）。このときにクライアント装置１０の表示部１４に表示されるウェブページの一例を図３に示す。図３に示した例では、Ｆｌａｓｈコンテンツ１２２ａは、テキストデータ「スクラッチしてみて！」と画像データ２１とを含むウェブページ２０を表示する。ここで、ブラウザ制御部１３は、図３の右側に示した例のように、上層の画像データ２１と下層の画像データ２２とを重畳して表示する制御を行う。しかし、Ｆｌａｓｈコンテンツ１２２ａは、クライアント装置１０がサーバ装置１００から下層の画像データ２２を受信していないので、実際には上層の画像データ２１のみを表示することとなる。   Subsequently, the browser control unit 13 of the client device 10 displays the HTML file, the flash content 122a, the image data, and the like received from the server device 100 (step S103). An example of the web page displayed on the display unit 14 of the client device 10 at this time is shown in FIG. In the example shown in FIG. 3, the flash content 122 a displays a web page 20 including text data “Try to scratch!” And image data 21. Here, the browser control unit 13 performs control to superimpose and display the upper layer image data 21 and the lower layer image data 22 as in the example illustrated on the right side of FIG. 3. However, since the flash device 122 has not received the lower layer image data 22 from the server device 100, the flash content 122 a actually displays only the upper layer image data 21.

図２に戻って、クライアント装置１０のＦｌａｓｈコンテンツ１２２ａは、上層の画像データ２１に対して所定の画像部分を指定するユーザ操作として、上層の画像データ２１を取り除く操作が初めて行われた場合に（ステップＳ１０４）、上層の画像データ２１を取り除く操作が行われたことに基づく通知をサーバ装置１００に送信する（ステップＳ１０５）。   Returning to FIG. 2, the flash content 122 a of the client device 10 is obtained when an operation for removing the upper layer image data 21 is performed for the first time as a user operation for designating a predetermined image portion with respect to the upper layer image data 21 ( In step S104, a notification based on the operation for removing the upper layer image data 21 is transmitted to the server apparatus 100 (step S105).

続いて、サーバ装置１００の受信部１３２は、クライアント装置１０から、上層の画像データ２１を取り除く操作が行われたことに基づく通知を受信する。そして、サーバ装置１００の第２送信部１３３は、上層の画像データ２１の下層に表示される下層の画像データ２２をクライアント装置１０に送信する（ステップＳ１０６）。   Subsequently, the receiving unit 132 of the server device 100 receives a notification from the client device 10 based on an operation for removing the upper layer image data 21 being performed. Then, the second transmission unit 133 of the server device 100 transmits the lower layer image data 22 displayed on the lower layer of the upper layer image data 21 to the client device 10 (step S106).

続いて、クライアント装置１０のＦｌａｓｈコンテンツ１２２ａは、サーバ装置１００から受信した下層の画像データ２２を表示部１４に表示する（ステップＳ１０７）。このときにクライアント装置１０の表示部１４に表示されるウェブページの一例を図４に示す。図４では、上層の画像データ２１に対して所定の画像部分を指定するユーザ操作として、上層の画像データ２１の表示領域２１ａを取り除く操作が行われた例を示している。かかる場合に、Ｆｌａｓｈコンテンツ１２２ａは、サーバ装置１００から受信した下層の画像データ２２を上層の画像データ２１の下層に表示する。このとき、Ｆｌａｓｈコンテンツ１２２ａは、取り除く操作が行われた表示領域２１ａに該当する下層の画像データ２２の画像データ２２ａを表示領域２１ａに表示する。   Subsequently, the flash content 122a of the client device 10 displays the lower layer image data 22 received from the server device 100 on the display unit 14 (step S107). An example of the web page displayed on the display unit 14 of the client device 10 at this time is shown in FIG. FIG. 4 shows an example in which an operation for removing the display area 21 a of the upper layer image data 21 is performed as a user operation for designating a predetermined image portion with respect to the upper layer image data 21. In such a case, the flash content 122 a displays the lower layer image data 22 received from the server device 100 below the upper layer image data 21. At this time, the flash content 122a displays in the display area 21a the image data 22a of the lower layer image data 22 corresponding to the display area 21a on which the removal operation has been performed.

なお、下層の画像データ２２は、例えば広告を目的とした画像データあり、企業名、商品名、商品の価格、商品を紹介するサイトのＵＲＬ（Uniform Resource Locator）等の情報が描出される。また、下層の画像データ２２は、商品を紹介するサイト等にリンクが張られる。例えば、図４に示した例において、ブラウザ制御部１３は、表示領域２１ａをクリックされた場合に、下層の画像データ２２に張られているリンク先のサイトにアクセスし、かかるサイトのウェブページを表示する。なお、下層の画像データ２２は、静止画像に限られず動画像であってもよい。   The lower layer image data 22 is, for example, image data for advertising purposes, and information such as a company name, a product name, a product price, and a URL (Uniform Resource Locator) of a site introducing the product is depicted. In addition, the lower layer image data 22 is linked to a site or the like that introduces products. For example, in the example shown in FIG. 4, when the display area 21 a is clicked, the browser control unit 13 accesses the linked site attached to the lower layer image data 22, and displays the web page of the site. indicate. The lower layer image data 22 is not limited to a still image, and may be a moving image.

図２に戻って、クライアント装置１０のＦｌａｓｈコンテンツ１２２ａは、下層の画像データ２２を取得した後に、上層の画像データ２１における新たな表示領域を取り除く操作が行われたか否かを判定し、取り除く操作が行われた新たな表示領域に該当する下層の画像データ２２を新たな表示領域に表示する（ステップＳ１０８）。このときにクライアント装置１０の表示部１４に表示されるウェブページの一例を図５に示す。図５では、図４に示した表示領域２１ａに加えて新たな表示領域に対して取り除く操作が行われたことにより、表示領域２１ｂを取り除く操作が行われた例を示している。かかる場合に、Ｆｌａｓｈコンテンツ１２２ａは、取り除く操作が行われた表示領域２１ｂに該当する下層の画像データ２２の画像データ２２ｂを表示領域２１ｂに表示する。   Returning to FIG. 2, the flash content 122 a of the client device 10 determines whether or not an operation for removing a new display area in the upper-layer image data 21 has been performed after the lower-layer image data 22 has been acquired, and an operation for removing it. The lower-layer image data 22 corresponding to the new display area on which the above has been performed is displayed in the new display area (step S108). An example of the web page displayed on the display unit 14 of the client device 10 at this time is shown in FIG. FIG. 5 illustrates an example in which an operation for removing the display area 21b is performed by performing an operation for removing a new display area in addition to the display area 21a illustrated in FIG. In such a case, the flash content 122a displays the image data 22b of the lower layer image data 22 corresponding to the display area 21b on which the removal operation has been performed in the display area 21b.

このように、Ｆｌａｓｈコンテンツ１２２ａは、上層の画像データ２１における表示領域を取り除く操作が行われた場合には、かかる表示領域に該当する下層の画像データ２２を表示する処理を繰り返し行う（ステップＳ１０８）。   As described above, when the operation of removing the display area in the upper layer image data 21 is performed, the flash content 122a repeatedly performs the process of displaying the lower layer image data 22 corresponding to the display area (step S108). .

〔１−３．制御情報の処理手順〕
次に、第１の実施形態における制御情報による処理手順を図６のフローチャートに示す。なお、制御情報（Ｆｌａｓｈコンテンツ）は、クライアント装置１０のブラウザ制御部１３によって実行されることで図６に示した処理手順を実行する。 [1-3. (Control information processing procedure)
Next, the processing procedure based on the control information in the first embodiment is shown in the flowchart of FIG. The control information (Flash content) is executed by the browser control unit 13 of the client device 10 to execute the processing procedure shown in FIG.

図６に示すように、ブラウザ制御部１３によって実行される制御情報は、クライアント装置１０がサーバ装置１００から上層の画像データを受信した時点で、上層の画像データをウェブページ上に表示する（ステップＳ１１）。   As shown in FIG. 6, the control information executed by the browser control unit 13 displays the upper layer image data on the web page when the client device 10 receives the upper layer image data from the server device 100 (step S40). S11).

続いて、制御情報は、上層の画像データを取り除く操作が行われたか否かを検知する処理が組み込まれており、上層の画像データを取り除く操作が初めて行われた場合に（ステップＳ１２，Ｙｅｓ）、かかる操作が行われたことに基づく通知をサーバ装置１００に送信することで、サーバ装置１００から下層の画像データを取得する（ステップＳ１３）。例えば、Ｆｌａｓｈコンテンツ１２２ａは、上層の画像データが表示されている表示領域に対してタッチ（タップ）やフリック等の操作がユーザによって行われた場合に、上層の画像データのかかる表示領域を取り除く操作が行われたと判定し、サーバ装置１００に通知する。かかる通知について一例を挙げて説明すると、上層の画像データには対応する下層の画像データを特定するための情報が含まれており、制御情報は、上層の画像データを取り除く操作が初めて行われた場合に、かかる上層の画像データに対応する下層の画像データの取得要求を前述した通知としてサーバ装置１００に送信する。   Subsequently, the control information includes a process for detecting whether or not an operation for removing the upper layer image data has been performed, and when the operation for removing the upper layer image data is performed for the first time (Yes in step S12). The lower layer image data is acquired from the server device 100 by transmitting a notification based on the operation being performed to the server device 100 (step S13). For example, the flash content 122a is an operation for removing the display area where the upper layer image data is applied when the user performs an operation such as touch (tap) or flicking on the display area where the upper layer image data is displayed. Is determined, and the server apparatus 100 is notified. This notification will be described with an example. The upper layer image data includes information for specifying the corresponding lower layer image data, and the control information is the first operation to remove the upper layer image data. In this case, the acquisition request for the lower layer image data corresponding to the upper layer image data is transmitted to the server apparatus 100 as the above-described notification.

続いて、制御情報は、サーバ装置１００から取得した下層の画像データを上層の画像データの下層に重畳して表示する（ステップＳ１４）。具体的には、制御情報は、上層の画像データに対して取り除く操作が行われた表示領域に該当する下層の画像データをかかる表示領域に表示する。   Subsequently, the control information is displayed by superimposing the lower layer image data acquired from the server device 100 on the lower layer of the upper layer image data (step S14). Specifically, the control information displays the lower layer image data corresponding to the display area where the operation for removing the upper layer image data is performed in the display area.

続いて、制御情報は、下層の画像データを取得した後にも、上層の画像データの新たな表示領域を取り除く操作が行われた場合には（ステップＳ１５，Ｙｅｓ）、かかる新たな表示領域に下層の画像データを表示する（ステップＳ１６）。   Subsequently, when an operation for removing a new display area of the upper-layer image data is performed after acquiring the lower-layer image data (step S15, Yes), the control information is stored in the lower-layer image data. Is displayed (step S16).

このように、制御情報は、スクラッチシール（スクラッチインキ）をコイン等で削り取るとスクラッチシールに覆われていた印刷面が見えるスクラッチカードのように、上層の画像データの削り取られた領域に下層の画像データを表示させる制御を行う。   In this way, the control information includes the lower layer image in the area where the upper layer image data has been scraped, such as a scratch card in which the printed surface covered with the scratch seal is visible when the scratch seal (scratch ink) is scraped with a coin or the like. Control to display data.

〔１−４．効果〕
上述してきたように、第１の実施形態に係るサーバ装置１００は、第１送信部１３１が、画像データを表示させる制御を行う制御情報と上層の画像データとをクライアント装置１０に送信し、受信部１３２が、かかる制御情報によって制御されたクライアント装置１０から、上層の画像データを取り除く操作が行われたことに基づく通知を受信し、第２送信部１３３が、受信部１３２によって通知が受信された場合に、上層の画像データ２１の下層に表示される下層の画像データ２２をクライアント装置１０に送信する。 [1-4. effect〕
As described above, in the server device 100 according to the first embodiment, the first transmission unit 131 transmits control information for performing control to display image data and upper-layer image data to the client device 10 and receives them. The unit 132 receives a notification based on the operation for removing the upper layer image data from the client device 10 controlled by the control information, and the second transmission unit 133 receives the notification by the receiving unit 132. In this case, the lower layer image data 22 displayed on the lower layer of the upper layer image data 21 is transmitted to the client device 10.

これにより、第１の実施形態に係るサーバ装置１００は、クライアント装置１０からＨＴＴＰリクエストを最初に受信した段階では、下層の画像データを送信せずに、制御情報と上層の画像データとをクライアント装置１０に送信するので、クライアント装置１０に対して上層の画像データのみをウェブページ上に表示制御させることを可能にする。この結果、サーバ装置１００は、クライアント装置１０において上層の画像データが表示される前に下層の画像データが表示されることを防止できるので、上層の画像データから下層の画像データを徐々に閲覧する楽しみをユーザに提供することができる。また、第１の実施形態に係るサーバ装置１００は、Ｆｌａｓｈコンテンツ等の制御情報をクライアント装置１０に送信するので、クライアント装置１０のブラウザがＣＳＳ（Cascading Style Sheets）に対応していない場合や、ＣＳＳを使用しないよう設定されている場合であっても、制御情報によって上層の画像データと下層の画像データとを同一位置に重畳表示させることができ、画像データを徐々に閲覧する楽しみをユーザに提供することができる。   As a result, when the server apparatus 100 according to the first embodiment receives the HTTP request from the client apparatus 10 for the first time, the server apparatus 100 transmits the control information and the upper layer image data to the client apparatus without transmitting the lower layer image data. 10, the client apparatus 10 can be controlled to display only the upper layer image data on the web page. As a result, the server device 100 can prevent the lower layer image data from being displayed before the upper layer image data is displayed on the client device 10, and thus gradually browses the lower layer image data from the upper layer image data. Enjoyment can be provided to the user. In addition, since the server device 100 according to the first embodiment transmits control information such as Flash content to the client device 10, the browser of the client device 10 does not support CSS (Cascading Style Sheets) or CSS. Even if it is set not to use the image data, the upper layer image data and the lower layer image data can be superimposed and displayed at the same position by the control information, so that the user can enjoy browsing the image data gradually. can do.

また、第１の実施形態に係るサーバ装置１００は、第１送信部１３１が、上層の画像データにおける所定の表示領域を取り除く操作が初めて行われた際に下層の画像データをサーバ装置１００から取得し、取得した下層の画像データにおける所定の表示領域に該当する画像データを上層の画像データにおける所定の表示領域に表示させる制御を行う制御情報をクライアント装置１０に送信する。   The server device 100 according to the first embodiment acquires the lower layer image data from the server device 100 when the first transmission unit 131 performs an operation for removing a predetermined display area in the upper layer image data for the first time. Then, control information for performing control to display the image data corresponding to the predetermined display area in the acquired lower layer image data in the predetermined display area in the upper layer image data is transmitted to the client device 10.

これにより、第１の実施形態に係るサーバ装置１００は、クライアント装置１０に対して、上層の画像データに初めて取り除く操作が行われた表示領域に下層の画像データを表示させることを可能にする。この結果、サーバ装置１００は、上層の画像データから下層の画像データを徐々に閲覧する楽しみの提供を開始することができる。   Thereby, the server apparatus 100 according to the first embodiment enables the client apparatus 10 to display the lower layer image data in the display area where the operation of removing the upper layer image data for the first time has been performed. As a result, the server apparatus 100 can start providing pleasure for gradually browsing the lower layer image data from the upper layer image data.

また、第１の実施形態に係るサーバ装置１００は、第１送信部１３１が、下層の画像データを取得した後に上層の画像データにおける新たな表示領域を取り除く操作が行われた場合に、下層の画像データにおける新たな表示領域に該当する画像データを上層の画像データにおける新たな表示領域に表示させる制御を行う制御情報をクライアント装置１０に送信する。   Further, the server device 100 according to the first embodiment, when the first transmission unit 131 performs an operation of removing a new display area in the upper layer image data after acquiring the lower layer image data, Control information for performing control to display image data corresponding to a new display area in the image data in a new display area in the upper layer image data is transmitted to the client device 10.

これにより、第１の実施形態に係るサーバ装置１００は、クライアント装置１０に対して、上層の画像データに取り除く操作が行われるたびに取り除かれた表示領域に下層の画像データを表示させることを可能にする。この結果、サーバ装置１００は、上層の画像データから下層の画像データを徐々に閲覧する楽しみを継続的に提供することができる。   Accordingly, the server apparatus 100 according to the first embodiment can cause the client apparatus 10 to display lower layer image data in the removed display area each time an operation for removing upper layer image data is performed. To. As a result, the server device 100 can continuously provide pleasure for gradually browsing the lower layer image data from the upper layer image data.

（第２の実施形態）
次に、図７〜図９を用いて、本願に係るサーバ装置、画像配信方法及び画像表示プログラムの第２の実施形態について説明する。第２の実施形態では、クライアント装置のユーザがサーバ装置にログインしているか否かに応じて、サーバ装置がクライアント装置に送信する下層の画像データを変動させる例について説明する。なお、以下では、既に示した構成部位と同様の機能を有する部位には同一符号を付すこととして、その詳細な説明を省略する。 (Second Embodiment)
Next, a second embodiment of the server device, the image distribution method, and the image display program according to the present application will be described with reference to FIGS. In the second embodiment, an example in which the lower layer image data transmitted from the server apparatus to the client apparatus is changed according to whether or not the user of the client apparatus is logged in to the server apparatus will be described. In addition, below, the detailed description is abbreviate | omitted as attaching | subjecting the same code | symbol to the site | part which has the function similar to the already shown component site | part.

〔２−１．構成〕
まず、図７を用いて、第２の実施形態に係るサーバ装置が含まれるネットワークシステムの構成について説明する。図７に例示するように、第２の実施形態に係るネットワークシステム２には、クライアント装置１０１〜１０ｎと、サーバ装置２００とが含まれる。 [2-1. Constitution〕
First, the configuration of a network system including a server device according to the second embodiment will be described with reference to FIG. As illustrated in FIG. 7, the network system 2 according to the second embodiment includes client devices 10 1 to 10 n and a server device 200.

〔２−１（１）．サーバ装置２００の構成〕
第２の実施形態に係るサーバ装置２００は、図７に例示するように、ユーザ情報記憶部２２４を有する。ユーザ情報記憶部２２４は、例えば、ＲＡＭ、フラッシュメモリ等の半導体メモリ素子、又は、ハードディスク、光ディスク等の記憶装置であり、ユーザに関する情報を記憶する。例えば、ユーザ情報記憶部２２４は、ユーザを識別するためのユーザＩＤと、かかるユーザに割り当てられたパスワードとを対応付けて記憶する。 [2-1 (1). Configuration of Server Device 200]
The server device 200 according to the second embodiment includes a user information storage unit 224 as illustrated in FIG. The user information storage unit 224 is, for example, a semiconductor memory device such as a RAM or a flash memory, or a storage device such as a hard disk or an optical disk, and stores information about the user. For example, the user information storage unit 224 stores a user ID for identifying the user and a password assigned to the user in association with each other.

また、サーバ装置２００のＷｅｂ制御部２３０は、ＣＰＵやＭＰＵ等により実現され、図示しない記憶部に予め記憶されているコンピュータプログラムを実行することにより、第１送信部２３１、受信部２３２、第２送信部２３３、ログイン処理部２３４及び判定部２３５による処理を実現する。なお、サーバ装置２００が有する各処理部は、以下に説明する情報処理の機能や作用を実現又は実行する。   Further, the Web control unit 230 of the server device 200 is realized by a CPU, an MPU, or the like, and executes a computer program stored in advance in a storage unit (not shown), whereby a first transmission unit 231, a reception unit 232, a second The processing by the transmission unit 233, the login processing unit 234, and the determination unit 235 is realized. Each processing unit included in the server device 200 realizes or executes the functions and operations of information processing described below.

〔２−２．作用〕
次に、図８を用いて、第２の実施形態に係るネットワークシステム２による処理手順について説明する。図８に示すように、クライアント装置１０のブラウザ制御部１３は、ウェブページの取得要求をサーバ装置２００に送信する（ステップＳ２０１）。続いて、サーバ装置２００の第１送信部２３１は、ＨＴＭＬファイルと、制御情報（「Ｆｌａｓｈコンテンツ１２２ｂ」とする）と、上層の画像データとをクライアント装置１０に送信する（ステップＳ２０２）。ここで、第２の実施形態における第１送信部２３１は、ユーザがサーバ装置２００にログインするための入力欄（例えば、ユーザＩＤとパスワードの入力欄）等を表示させるＨＴＭＬファイルをクライアント装置１０に送信する。 [2-2. Action)
Next, a processing procedure performed by the network system 2 according to the second embodiment will be described with reference to FIG. As illustrated in FIG. 8, the browser control unit 13 of the client device 10 transmits a web page acquisition request to the server device 200 (step S201). Subsequently, the first transmission unit 231 of the server device 200 transmits the HTML file, the control information (referred to as “Flash content 122b”), and the upper layer image data to the client device 10 (step S202). Here, the first transmission unit 231 according to the second embodiment causes the client device 10 to display an HTML file that displays an input field (for example, a user ID and password input field) for the user to log in to the server device 200. Send.

続いて、クライアント装置１０のブラウザ制御部１３は、サーバ装置２００から受信したＨＴＭＬファイルやＦｌａｓｈコンテンツ１２２ｂや画像データを表示する（ステップＳ２０３）。   Subsequently, the browser control unit 13 of the client device 10 displays the HTML file, the flash content 122b, and the image data received from the server device 200 (step S203).

続いて、クライアント装置１０のブラウザ制御部１３と、サーバ装置２００のログイン処理部２３４とは、ログイン処理を行う（ステップＳ２０４）。例えば、クライアント装置１０のブラウザ制御部１３は、表示部１４に表示したウェブページ上にユーザＩＤ及びパスワード等が入力されるとともにログイン処理を行う旨の操作が行われた場合に、入力されたユーザＩＤ及びパスワードを含むログイン要求をサーバ装置２００に送信する。そして、サーバ装置２００のログイン処理部２３４は、クライアント装置１０から受信したユーザＩＤ及びパスワードの組合せがユーザ情報記憶部２２４に記憶されているか否かを判定する。このとき、ログイン処理部２３４は、ユーザＩＤ及びパスワードの組合せがユーザ情報記憶部２２４に記憶されている場合にはログインを許可し、ユーザＩＤ及びパスワードの組合せがユーザ情報記憶部２２４に記憶されていない場合にはログインを許可しない。そして、ログイン処理部２３４は、ログインの認証結果をクライアント装置１０に通知する。なお、ブラウザ制御部１３及びログイン処理部２３４は、ユーザによってログイン処理を行う旨の操作が行われなかった場合には、上記のログイン処理を行わない。   Subsequently, the browser control unit 13 of the client device 10 and the login processing unit 234 of the server device 200 perform login processing (step S204). For example, the browser control unit 13 of the client device 10 receives the input user when the user ID, password, and the like are input on the web page displayed on the display unit 14 and an operation for performing login processing is performed. A login request including the ID and password is transmitted to the server apparatus 200. Then, the login processing unit 234 of the server device 200 determines whether or not the combination of the user ID and password received from the client device 10 is stored in the user information storage unit 224. At this time, if the combination of the user ID and password is stored in the user information storage unit 224, the login processing unit 234 permits the login, and the combination of the user ID and password is stored in the user information storage unit 224. If not, login is not allowed. Then, the login processing unit 234 notifies the client device 10 of the login authentication result. Note that the browser control unit 13 and the login processing unit 234 do not perform the above-described login process when the user does not perform an operation for performing the login process.

続いて、クライアント装置１０のＦｌａｓｈコンテンツ１２２ｂは、上層の画像データを取り除く操作が初めて行われた場合に（ステップＳ２０５）、上層の画像データを取り除く操作が行われたことに基づく通知をサーバ装置２００に送信する（ステップＳ２０６）。このとき、Ｆｌａｓｈコンテンツ１２２ｂは、ユーザがサーバ装置２００へのログインに成功している場合には、ログインに成功していることを示す情報をサーバ装置２００に送信する。例えば、Ｆｌａｓｈコンテンツ１２２ｂは、ユーザのログインＩＤ等を含む通知をサーバ装置２００に送信する。   Subsequently, when the operation of removing the upper layer image data is performed for the first time (Step S205), the flash content 122b of the client device 10 notifies the server device 200 of a notification based on the operation of removing the upper layer image data. (Step S206). At this time, if the user has successfully logged in to the server apparatus 200, the flash content 122b transmits information indicating that the login has been successful to the server apparatus 200. For example, the flash content 122 b transmits a notification including the user login ID and the like to the server device 200.

続いて、サーバ装置２００の判定部２３５は、クライアント装置１０により送信された通知に含まれるログインＩＤ等の情報に基づいて、ログインを許可されたユーザであるか否かを判定する（ステップＳ２０７）。そして、判定部２３５は、ログインを許可されたユーザである場合には、懸賞の抽選を行い、予め決められている所定の確率で懸賞に当選したと判定する（ステップＳ２０８）。一方、判定部２３５は、ログインを許可されたユーザでない場合には、懸賞の抽選を行わない。   Subsequently, the determination unit 235 of the server device 200 determines whether or not the user is permitted to log in based on information such as a login ID included in the notification transmitted by the client device 10 (step S207). . If the user is permitted to log in, the determination unit 235 performs a prize drawing lottery and determines that the prize is won with a predetermined probability (step S208). On the other hand, the determination unit 235 does not perform a prize drawing lottery when the user is not permitted to log in.

続いて、サーバ装置２００の第２送信部２３３は、判定部２３５による判定結果に基づいてクライアント装置１０に送信する下層の画像データを決定し、決定した下層の画像データをクライアント装置１０に送信する（ステップＳ２０９）。具体的には、第２送信部２３３は、判定部２３５によって懸賞に当選したと判定された場合には、懸賞に当選したことを示す情報（例えば、「当たり！」等の文字列）が描出された画像データを画像データ記憶部１２３から取得し、取得した画像データを下層の画像データとしてクライアント装置１０に送信する。一方、第２送信部２３３は、判定部２３５によって懸賞に当選しなかったと判定された場合には、懸賞に当選しなかったことを示す情報（例えば、「はずれ！」等の文字列）が描出された画像データを画像データ記憶部１２３から取得し、取得した画像データを下層の画像データとしてクライアント装置１０に送信する。また、第２送信部２３３は、クライアント装置１０のユーザがサーバ装置２００にログインしていないユーザである場合には、広告情報等が描出された下層の画像データをクライアント装置１０に送信する。   Subsequently, the second transmission unit 233 of the server device 200 determines lower-layer image data to be transmitted to the client device 10 based on the determination result by the determination unit 235, and transmits the determined lower-layer image data to the client device 10. (Step S209). Specifically, when the determination unit 235 determines that the prize has been won, the second transmission unit 233 renders information (for example, a character string such as “win!”) Indicating that the prize has been won. The acquired image data is acquired from the image data storage unit 123, and the acquired image data is transmitted to the client device 10 as lower-layer image data. On the other hand, when it is determined by the determination unit 235 that the prize has not been won, the second transmission unit 233 renders information indicating that the prize has not been won (for example, a character string such as “No!”). The acquired image data is acquired from the image data storage unit 123, and the acquired image data is transmitted to the client device 10 as lower-layer image data. Further, when the user of the client device 10 is a user who has not logged in to the server device 200, the second transmission unit 233 transmits the lower layer image data on which the advertisement information and the like are rendered to the client device 10.

続いて、クライアント装置１０のＦｌａｓｈコンテンツ１２２ｂは、サーバ装置２００から受信した下層の画像データを表示する（ステップＳ２１０）。このときにクライアント装置１０の表示部１４に表示されるウェブページの一例を図９に示す。図９に示した例では、サーバ装置２００の第２送信部２３３は、懸賞に当選したことを示す情報が描出された下層の画像データ３２をクライアント装置１０に送信するものとする。かかる場合に、Ｆｌａｓｈコンテンツ１２２ｂは、対して取り除く操作が行われた上層の画像データ３１の表示領域３１ａに下層の画像データ３２の画像データ３２ａを表示する。   Subsequently, the flash content 122b of the client device 10 displays the lower layer image data received from the server device 200 (step S210). An example of the web page displayed on the display unit 14 of the client device 10 at this time is shown in FIG. In the example illustrated in FIG. 9, it is assumed that the second transmission unit 233 of the server device 200 transmits the lower layer image data 32 on which information indicating that the prize has been won is rendered to the client device 10. In such a case, the flash content 122b displays the image data 32a of the lower layer image data 32 in the display area 31a of the upper layer image data 31 that has been subjected to the removal operation.

図８に戻って、クライアント装置１０のＦｌａｓｈコンテンツ１２２ｂは、上層の画像データ３１における新たな表示領域を取り除く操作が行われた場合には、かかる新たな表示領域に下層の画像データ３２を表示する（ステップＳ２１１）。   Returning to FIG. 8, the flash content 122 b of the client device 10 displays the lower layer image data 32 in the new display region when an operation for removing the new display region in the upper layer image data 31 is performed. (Step S211).

〔２−３．他の実施形態〕
上記第２の実施形態において、サーバ装置２００の判定部２３５は、ログインを許可されたユーザであるか否かを判定する処理を行うが、懸賞の抽選処理を行わなくてもよい。そして、サーバ装置２００の第２送信部２３３は、判定部２３５によるログイン有無の判定結果に応じて、クライアント装置１０に送信する下層の画像データを変動させてもよい。具体的には、第２送信部２３３は、ログインを許可されたユーザであるか否かによって、描出される情報の価値が異なる下層の画像データをクライアント装置１０に送信してもよい。例えば、第２送信部２３３は、ログインを許可されたユーザである場合には、キャンペーン情報やイベント情報等が描出された下層の画像データをクライアント装置１０に送信し、ログインを許可されていないユーザである場合には、単なる広告情報が描出された下層の画像データをクライアント装置１０に送信してもよい。 [2-3. Other embodiments]
In the second embodiment, the determination unit 235 of the server device 200 performs a process of determining whether or not the user is permitted to log in, but the prize lottery process may not be performed. Then, the second transmission unit 233 of the server device 200 may change the lower layer image data to be transmitted to the client device 10 according to the determination result of the login presence / absence by the determination unit 235. Specifically, the second transmission unit 233 may transmit lower-layer image data having different values of information to be rendered to the client device 10 depending on whether or not the user is permitted to log in. For example, when the second transmission unit 233 is a user who is permitted to log in, the second transmission unit 233 transmits the lower layer image data in which campaign information, event information, and the like are depicted to the client device 10, and the user who is not permitted to log in. In this case, lower-layer image data in which simple advertisement information is drawn may be transmitted to the client device 10.

また、上記第２の実施形態において、サーバ装置２００の判定部２３５は、ログイン処理部２３４によってログインが許可されたユーザであるか否かにかかわらず、懸賞の抽選を行ってもよい。このとき、判定部２３５は、ログインが許可されていないユーザよりもログインが許可されているユーザの方が懸賞に当選しやすくなるように当選確率を変動させてもよい。   In the second embodiment, the determination unit 235 of the server device 200 may perform a prize drawing regardless of whether or not the user is permitted to log in by the login processing unit 234. At this time, the determination unit 235 may change the winning probability so that a user who is permitted to log in is more likely to win a prize than a user who is not permitted to log in.

〔２−４．効果〕
上述してきたように、第２の実施形態に係るサーバ装置２００は、ログイン処理部２３４が、クライアント装置１０からログイン要求を受け付けた場合に、かかるクライアント装置１０の利用者によるログインを許可するか否かを判定し、第２送信部２３３が、ログイン処理部２３４によってログインを許可されたか否かに応じて、クライアント装置１０に送信する下層の画像データを変動させる。 [2-4. effect〕
As described above, in the server device 200 according to the second embodiment, when the login processing unit 234 receives a login request from the client device 10, whether or not to permit the user of the client device 10 to log in is determined. The second transmission unit 233 changes the lower layer image data to be transmitted to the client device 10 according to whether or not the login processing unit 234 permits login.

これにより、第２の実施形態に係るサーバ装置２００は、ログイン有無に応じて下層の画像データの差別化を図ることができるので、下層の画像データをログインユーザの閲覧する期待感を向上させることができる。この結果、サーバ装置２００は、ログインユーザに対して上層の画像データを取り除く操作を行うことを促進することができる。さらに、サーバ装置２００は、ログイン有無に応じて下層の画像データの差別化を図ることができるので、サーバ装置２００が提供するサイトの会員になることを促進することができる。   Thereby, since the server apparatus 200 according to the second embodiment can differentiate the lower layer image data according to whether or not the login is performed, the expectation that the login user views the lower layer image data is improved. Can do. As a result, the server apparatus 200 can facilitate performing an operation of removing the upper layer image data for the login user. Furthermore, since the server device 200 can differentiate between lower-layer image data depending on whether or not a login is made, it is possible to promote becoming a member of a site provided by the server device 200.

また、第２の実施形態に係るサーバ装置２００は、判定部２３５が、ログイン処理部２３４によってログインを許可されたクライアント装置１０から送信された通知を受信部２３２によって受信された場合に、所定の確率で懸賞が当選したと判定し、第２送信部２３３が、判定部２３５によって懸賞が当選したと判定された場合に、懸賞が当選したことを示す情報が描出された画像データを下層の画像データとしてクライアント装置１０に送信する。   In addition, the server device 200 according to the second embodiment has a predetermined configuration when the determination unit 235 receives a notification transmitted from the client device 10 that is permitted to log in by the login processing unit 234 by the reception unit 232. When it is determined that the prize has been won based on the probability, and the second transmission unit 233 determines that the prize has been won by the determination unit 235, the image data on which the information indicating that the prize has been won is drawn is displayed as the lower layer image. The data is transmitted to the client device 10 as data.

これにより、第２の実施形態に係るサーバ装置２００は、懸賞に当選したか否かが描出された下層の画像データを閲覧するログインユーザの期待感を向上させることができる。この結果、サーバ装置２００は、ログインユーザに対して上層の画像データを取り除く操作を行うことを促進することができる。   Thereby, the server apparatus 200 according to the second embodiment can improve the expectation of the logged-in user who browses the lower layer image data in which whether or not the prize is won is drawn. As a result, the server apparatus 200 can facilitate performing an operation of removing the upper layer image data for the login user.

（第３の実施形態）
次に、図１０〜図１４を用いて、本願に係るサーバ装置、画像配信方法及び画像表示プログラムの第３の実施形態について説明する。第３の実施形態では、上層の画像データを取り除く操作の態様に応じて、サーバ装置がクライアント装置に送信する下層の画像データを変動させる例について説明する。 (Third embodiment)
Next, a third embodiment of the server device, the image distribution method, and the image display program according to the present application will be described with reference to FIGS. In the third embodiment, an example will be described in which the lower layer image data transmitted from the server device to the client device is changed according to the mode of the operation for removing the upper layer image data.

〔３−１．構成〕
第３の実施形態に係るネットワークシステムの構成は、図１に示したネットワークシステム１、又は、図７に示したネットワークシステム２と同様である。以下では、図１に示したネットワークシステム１の構成を用いて第３の実施形態について説明する。 [3-1. Constitution〕
The configuration of the network system according to the third embodiment is the same as that of the network system 1 shown in FIG. 1 or the network system 2 shown in FIG. The third embodiment will be described below using the configuration of the network system 1 shown in FIG.

〔３−２．作用〕
まず、図１０を用いて、第３の実施形態に係るネットワークシステムによる処理手順について説明する。なお、図１０に示したステップＳ３０１〜Ｓ３０４における処理手順は、図２に示したステップＳ１０１〜Ｓ１０４における処理手順と同様であるので説明を省略する。また、第３の実施形態における第１送信部１３１は、制御情報としてＦｌａｓｈコンテンツ１２２ｃをクライアント装置１０に送信するものとする。 [3-2. Action)
First, the processing procedure by the network system according to the third embodiment will be described with reference to FIG. Note that the processing procedures in steps S301 to S304 shown in FIG. 10 are the same as the processing procedures in steps S101 to S104 shown in FIG. In addition, the first transmission unit 131 in the third embodiment transmits the flash content 122c as control information to the client device 10.

クライアント装置１０のＦｌａｓｈコンテンツ１２２ｃは、上層の画像データを取り除く操作が初めて行われた場合に（ステップＳ３０４）、かかる操作態様を示す操作情報を含む通知をサーバ装置１００に送信する（ステップＳ３０５）。図１０に示した例では、Ｆｌａｓｈコンテンツ１２２ｃは、上層の画像データが表示されている表示領域のうち取り除く操作が行われた表示領域の位置を示す座標を操作情報としてサーバ装置１００に送信する。   When the operation of removing the upper layer image data is performed for the first time (Step S304), the Flash content 122c of the client device 10 transmits a notification including operation information indicating the operation mode to the server device 100 (Step S305). In the example illustrated in FIG. 10, the Flash content 122 c transmits, as operation information, coordinates indicating the position of the display area where the operation of removing the display area where the upper layer image data is displayed is performed to the server apparatus 100.

続いて、サーバ装置１００の第２送信部１３３は、クライアント装置１０から受信した操作情報に応じて、クライアント装置１０に送信する下層の画像データを変動させる操作情報判定を行う（ステップＳ３０６）。具体的には、第３の実施形態における第２送信部１３３は、取り除く操作が行われた位置に重要度の低い情報が表示される下層の画像データをクライアント装置１０に送信する（ステップＳ３０７）。そして、クライアント装置１０のＦｌａｓｈコンテンツ１２２ｃは、サーバ装置１００から受信した下層の画像データを表示する（ステップＳ３０８）。さらに、Ｆｌａｓｈコンテンツ１２２ｃは、新たな表示領域を取り除く操作が行われた場合には、新たな表示領域に下層の画像データを表示する（ステップＳ３０９）。   Subsequently, the second transmission unit 133 of the server device 100 performs operation information determination for changing the lower layer image data to be transmitted to the client device 10 in accordance with the operation information received from the client device 10 (step S306). Specifically, the second transmission unit 133 in the third embodiment transmits lower-layer image data in which information with low importance is displayed at the position where the removal operation is performed to the client device 10 (step S307). . Then, the flash content 122c of the client device 10 displays the lower layer image data received from the server device 100 (step S308). Further, when an operation for removing a new display area is performed, the flash content 122c displays lower-layer image data in the new display area (step S309).

ここで、図１１に、第３の実施形態における第２送信部１３３によって送信される画像データの一例を示す。図１１に示した例において、第２送信部１３３は、文字列「ポイントゲット」が描出されている表示領域をクリックしたユーザに特典が付与される下層の画像データをクライアント装置１０に送信するものとする。図１１（例１）に示したように、ユーザによって上層の画像データ４１の表示領域４１ａを取り除く操作が行われたものとする。かかる場合に、Ｆｌａｓｈコンテンツ１２２ｃは、表示領域４１ａの位置を示す座標をサーバ装置１００に通知する。サーバ装置１００の第２送信部１３３は、表示領域４１ａの位置に表示される画像データ４２ａに文字列「ポイントゲット」が描出されていない下層の画像データ４２をクライアント装置１０に送信する。これにより、クライアント装置１０は、表示領域４１ａに文字列「ポイントゲット」を表示しない。   Here, FIG. 11 shows an example of image data transmitted by the second transmission unit 133 in the third embodiment. In the example illustrated in FIG. 11, the second transmission unit 133 transmits, to the client device 10, lower-layer image data to which a privilege is given to the user who clicks the display area in which the character string “point get” is depicted. And As shown in FIG. 11 (example 1), it is assumed that the user has performed an operation of removing the display area 41a of the upper layer image data 41. In such a case, the flash content 122c notifies the server apparatus 100 of coordinates indicating the position of the display area 41a. The second transmission unit 133 of the server device 100 transmits the lower layer image data 42 in which the character string “point get” is not drawn in the image data 42 a displayed at the position of the display area 41 a to the client device 10. As a result, the client device 10 does not display the character string “point get” in the display area 41a.

また、図１１（例２）に示したように、ユーザによって上層の画像データ４１の表示領域４１ｂを取り除く操作が行われたものとする。かかる場合に、サーバ装置１００の第２送信部１３３は、表示領域４１ｂの位置に表示される画像データ４３ｂに文字列「ポイントゲット」が描出されていない下層の画像データ４３をクライアント装置１０に送信する。これにより、クライアント装置１０は、表示領域４１ｂに文字列「ポイントゲット」を表示しない。   Further, as shown in FIG. 11 (example 2), it is assumed that the user has performed an operation of removing the display area 41b of the upper layer image data 41. In such a case, the second transmission unit 133 of the server apparatus 100 transmits the lower layer image data 43 in which the character string “point get” is not drawn in the image data 43 b displayed at the position of the display area 41 b to the client apparatus 10. To do. Accordingly, the client device 10 does not display the character string “point get” in the display area 41b.

このように、サーバ装置１００は、取り除く操作が行われた位置に重要度の高い情報が描出されていない下層の画像データをクライアント装置１０に送信することで、上層の画像データの表示領域を全体的に取り除く操作の楽しみをユーザに提供することができる。   As described above, the server device 100 transmits the lower layer image data in which information of high importance is not drawn at the position where the removal operation is performed to the client device 10, thereby the entire display region of the upper layer image data. It is possible to provide the user with the enjoyment of the operation to be removed automatically.

なお、上記例において、画像データ記憶部１２３は、文字列「ポイントゲット」が左上に描出された画像データ４２と、文字列が右下に描出された画像データ４３の他に、文字列が右上に描出された下層の画像データや文字列が左下に描出された画像データを記憶してもよい。そして、第２送信部１３３は、クライアント装置１０から受信した座標と、文字列「ポイントゲット」が描出されている位置を示す座標とが最も離れている画像データを画像データ記憶部１２３から取得し、取得した画像データをクライアント装置１０に送信してもよい。   In the above example, the image data storage unit 123 has the character string “upper right” in addition to the image data 42 in which the character string “point get” is drawn in the upper left and the image data 43 in which the character string is drawn in the lower right. The lower layer image data and the image data drawn in the lower left may be stored. Then, the second transmission unit 133 acquires, from the image data storage unit 123, image data in which the coordinates received from the client device 10 and the coordinates indicating the position where the character string “point get” is depicted are farthest apart. The acquired image data may be transmitted to the client device 10.

〔３−３（１）．他の実施形態〕
上記第３の実施形態は、第２の実施形態に係るネットワークシステム２の構成によっても実施することができる。例えば、第２送信部２３３は、判定部２３５によって懸賞に当選したと判定された場合に、取り除く操作が行われた位置に当選情報（例えば、「当」等の文字列）が描出されていない下層の画像データをクライアント装置１０に送信する。言い換えれば、第２送信部２３３は、初めて取り除く操作が行われた位置から離れた位置に、当選情報が描出される下層の画像データをクライアント装置１０に送信する。 [3-3 (1). Other embodiments]
The third embodiment can also be implemented by the configuration of the network system 2 according to the second embodiment. For example, in the case where the determination unit 235 determines that the prize has been won, the second transmission unit 233 does not depict the winning information (for example, a character string such as “Ten”) at the position where the removal operation has been performed. The lower layer image data is transmitted to the client device 10. In other words, the second transmission unit 233 transmits, to the client device 10, lower-layer image data in which the winning information is drawn at a position away from the position where the first removal operation is performed.

〔３−３（２）．他の実施形態〕
また、図１０に示した例において、第２送信部１３３は、下層の画像データを所定の小領域に分割し、分割した下層の子画像データ群のうち、取り除く操作が行われた上層の画像データの位置に対応する下層の子画像データをクライアント装置１０に送信してもよい。 [3-3 (2). Other embodiments]
In the example illustrated in FIG. 10, the second transmission unit 133 divides the lower layer image data into predetermined small regions, and the upper layer image on which the operation of removing the divided lower layer child image data group has been performed. The lower layer child image data corresponding to the data position may be transmitted to the client device 10.

この点について図１２及び図１３を用いて具体的に説明する。図１２に示した例のように、サーバ装置１００は、上層の画像データ５１と下層の画像データ５２とをクライアント装置１０に送信するものとする。ここで、サーバ装置１００は、上層の画像データ５１における所定の小領域毎に下層の画像データ５２を分割することで、下層の子画像データ群を生成する。図１２に示した例では、サーバ装置１００は、上層の画像データ５１における小領域５１−１、５１−２、５１−３及び５１−４の各々に対応する下層の子画像データ５２−１、５２−２、５２−３及び５２−４を生成する。   This point will be specifically described with reference to FIGS. As in the example illustrated in FIG. 12, the server device 100 transmits the upper layer image data 51 and the lower layer image data 52 to the client device 10. Here, the server apparatus 100 divides the lower layer image data 52 for each predetermined small area in the upper layer image data 51 to generate a lower layer child image data group. In the example illustrated in FIG. 12, the server apparatus 100 includes lower layer child image data 52-1 corresponding to each of the small regions 51-1, 51-2, 51-3, and 51-4 in the upper layer image data 51. 52-2, 52-3 and 52-4 are generated.

そして、図１３に示すように、サーバ装置１００の第２送信部１３３は、取り除く操作が行われた上層の画像データ５１の位置に対応する下層の子画像データをクライアント装置１０に送信する。例えば、図１３の上段に示すように、上層の画像データ５１の表示領域５１ａに対して初めて取り除く操作が行われた場合に、第２送信部１３３は、表示領域５１ａを含む上層の画像データ５１の小領域５１−１に対応する下層の子画像データ５２−１をクライアント装置１０に送信する。そして、クライアント装置１０のブラウザ制御部１３は、図１３の上段に示すように、上層の画像データ５１の小領域５１−１の下層に下層の子画像データ５２−１を表示する。   Then, as illustrated in FIG. 13, the second transmission unit 133 of the server device 100 transmits lower-layer child image data corresponding to the position of the upper-layer image data 51 on which the removal operation has been performed to the client device 10. For example, as shown in the upper part of FIG. 13, when an operation for removing the display area 51 a of the upper layer image data 51 is performed for the first time, the second transmission unit 133 displays the upper layer image data 51 including the display area 51 a. The lower-layer child image data 52-1 corresponding to the small area 51-1 is transmitted to the client apparatus 10. Then, the browser control unit 13 of the client device 10 displays the lower layer child image data 52-1 below the small area 51-1 of the upper layer image data 51, as shown in the upper part of FIG.

続いて、クライアント装置１０は、図１３の中段に示すように、上層の画像データ５１の小領域５１−１内における表示領域５１ｂに対して取り除く操作が行われた場合には、かかる表示領域５１ｂに該当する下層の子画像データ５２−１の画像データを表示領域５１ｂに表示する。   Subsequently, as shown in the middle part of FIG. 13, when the operation of removing the display area 51 b in the small area 51-1 of the upper layer image data 51 is performed, the client device 10 displays the display area 51 b. Is displayed in the display area 51b.

続いて、図１３の下段に示すように、取り除かれる表示領域が拡大した結果、上層の画像データ５１の小領域５１−２を含む表示領域５１ｃに対して取り除く操作が行われた場合に、第２送信部１３３は、上層の画像データ５１の小領域５１−２に対応する下層の子画像データ５２−２をクライアント装置１０に送信する。そして、クライアント装置１０は、上層の画像データ５１の小領域５１−２の下層に下層の子画像データ５２−２を表示する。   Subsequently, as shown in the lower part of FIG. 13, when the display area to be removed is enlarged, the display area 51 c including the small area 51-2 of the upper layer image data 51 is subjected to the removal operation. The 2 transmission unit 133 transmits the lower layer child image data 52-2 corresponding to the small area 51-2 of the upper layer image data 51 to the client device 10. Then, the client device 10 displays the lower layer child image data 52-2 below the small region 51-2 of the upper layer image data 51.

これにより、サーバ装置１００は、上層の画像データの取り除かれた面積に応じて下層の画像データの閲覧料をユーザに課金する場合等に、料金が支払われていない下層の画像データがユーザに閲覧されることを防止できる。具体的には、図１３の上段及び中段に示した例において、クライアント装置１０は、下層の画像データ５２のうち画像データ５２−１を取得しているが、画像データ５２−２、５２−３及び５２−４を取得していない。したがって、ユーザは、たとえクライアント装置１０に記憶されている画像データを探しても画像データ５２−２、５２−３及び５２−４を閲覧することはできない。このようなことから、サーバ装置１００は、下層の画像データを分割送信することにより、課金対象となっていない下層の画像データがユーザに閲覧されることを防止できる。   As a result, when the server apparatus 100 charges the user for a viewing fee for the lower layer image data according to the area from which the upper layer image data has been removed, the lower layer image data for which no fee has been paid is viewed by the user. Can be prevented. Specifically, in the example shown in the upper and middle stages of FIG. 13, the client device 10 acquires the image data 52-1 among the lower-layer image data 52, but the image data 52-2 and 52-3. And 52-4 are not acquired. Therefore, even if the user searches for image data stored in the client device 10, the user cannot view the image data 52-2, 52-3, and 52-4. For this reason, the server apparatus 100 can prevent the lower layer image data that is not charged from being viewed by the user by dividing and transmitting the lower layer image data.

〔３−３（３）．他の実施形態〕
また、上記第３の実施形態において、第１送信部１３１や第１送信部２３１は、上層の画像データと下層の画像データとの組合せを複数表示制御する制御情報（Ｆｌａｓｈコンテンツ）と、かかる制御情報によって表示制御される複数の上層の画像データをクライアント装置１０に送信してもよい。すなわち、制御情報は、上層の画像データ及び下層の画像データが表示される表示領域内の各小領域に、個々の上層の画像データ及び下層の画像データを表示し、上層の画像データに対して取り除く操作が行われた場合に、かかる上層の画像データの下層に表示される下層の画像データをサーバ装置１００から取得してもよい。 [3-3 (3). Other embodiments]
In the third embodiment, the first transmission unit 131 and the first transmission unit 231 control information (Flash content) for controlling a plurality of combinations of upper layer image data and lower layer image data, and such control. A plurality of upper layer image data whose display is controlled by the information may be transmitted to the client device 10. That is, the control information displays the individual upper layer image data and the lower layer image data in each small area in the display area where the upper layer image data and the lower layer image data are displayed, and When the removal operation is performed, the lower layer image data displayed in the lower layer of the upper layer image data may be acquired from the server device 100.

この点について図１４を用いて具体的に説明する。なお、図１４では、第２の実施形態に係るネットワークシステムの構成により実現される処理の例を示す。また、図１４では、３個の上層の画像データを取り除くことで閲覧できる３個の下層の画像データに描出される数値が全て同一である場合に、懸賞に当選したことを示す例について説明する。   This point will be specifically described with reference to FIG. FIG. 14 shows an example of processing realized by the configuration of the network system according to the second embodiment. FIG. 14 illustrates an example of winning a prize when the numerical values drawn in the three lower-layer image data that can be browsed by removing the three upper-layer image data are the same. .

まず、サーバ装置２００は、クライアント装置１０からウェブページの取得要求を受信した場合に、ＨＴＭＬファイルと、制御情報（「Ｆｌａｓｈコンテンツ１２２ｄ」とする）と、上層の画像データ６１ａ、６１ｂ及び６１ｃとをクライアント装置１０に送信する。これにより、クライアント装置１０のＦｌａｓｈコンテンツ１２２ｄは、図１４の上段に示した例のように、上層の画像データ６１ａ、６１ｂ及び６１ｃを表示する。なお、これらの上層の画像データ６１ａ、６１ｂ及び６１ｃに対応する下層の画像データは、それぞれ画像データ６２ａ、６２ｂ及び６２ｃであるものとする。   First, when receiving a web page acquisition request from the client device 10, the server device 200 receives an HTML file, control information (referred to as “Flash content 122d”), and upper-layer image data 61a, 61b, and 61c. It transmits to the client device 10. Accordingly, the flash content 122d of the client device 10 displays the upper layer image data 61a, 61b, and 61c as in the example illustrated in the upper part of FIG. The lower layer image data corresponding to the upper layer image data 61a, 61b, and 61c is assumed to be image data 62a, 62b, and 62c, respectively.

そして、図１４の下段に示した例のように、上層の画像データ６１ａに対して取り除く操作が行われた場合に、サーバ装置２００の判定部２３５は、懸賞の抽選を行う。そして、第２送信部２３３は、判定部２３５によって懸賞に当選したと判定された場合に、同一の数値（例えば、「７」）が描出された画像データを下層の画像データ６２ａ、６２ｂ及び６２ｃとする。一方、第２送信部２３３は、判定部２３５によって懸賞に当選しなかったと判定された場合に、少なくとも１個は異なる数値が描出された画像データを下層の画像データ６２ａ、６２ｂ及び６２ｃとする。例えば、第２送信部２３３は、文字列「７」が描出された画像データを下層の画像データ６２ａ及び６２ｂとし、文字列「８」が描出された画像データを下層の画像データ６２ｃとする。   Then, as in the example illustrated in the lower part of FIG. 14, when an operation for removing the upper layer image data 61 a is performed, the determination unit 235 of the server device 200 performs a lottery drawing of a prize. When the determination unit 235 determines that the prize is won, the second transmission unit 233 displays the image data on which the same numerical value (for example, “7”) is rendered as the lower layer image data 62a, 62b, and 62c. And On the other hand, when it is determined by the determination unit 235 that the prize has not been won, the second transmission unit 233 sets the image data on which at least one different numerical value is rendered as lower-layer image data 62a, 62b, and 62c. For example, the second transmission unit 233 sets the image data in which the character string “7” is rendered as lower-layer image data 62a and 62b, and the image data in which the character string “8” is rendered as lower-layer image data 62c.

そして、第２送信部２３３は、上層の画像データ６１ａに対して取り除く操作が行われたので、上層の画像データ６１ａに対応する下層の画像データ６２ａをクライアント装置１０に送信する。このようにして、第２送信部２３３は、取り除く操作が行われた位置に対応する下層の画像データをクライアント装置１０に送信する。例えば、第２送信部２３３は、上層の画像データ６１ｂに対して取り除く操作が行われた場合には、下層の画像データ６２ｂをクライアント装置１０に送信し、上層の画像データ６１ｃに対して取り除く操作が行われた場合には、下層の画像データ６２ｃをクライアント装置１０に送信する。   The second transmission unit 233 transmits the lower layer image data 62a corresponding to the upper layer image data 61a to the client device 10 because the operation of removing the upper layer image data 61a has been performed. In this way, the second transmission unit 233 transmits lower layer image data corresponding to the position where the removal operation has been performed to the client device 10. For example, when an operation for removing the upper layer image data 61b is performed, the second transmission unit 233 transmits the lower layer image data 62b to the client device 10 and removes the upper layer image data 61c from the upper layer image data 61c. Is performed, the lower layer image data 62c is transmitted to the client apparatus 10.

なお、上記例において、第２送信部２３３は、クライアント装置１０から上層の画像データを取り除く操作が行われたことに基づく通知を受信する順番、又は、かかる通知を受信した回数に応じて、クライアント装置１０に送信する下層の画像データを変動させてもよい。例えば、第２送信部２３３は、判定部２３５によって懸賞に当選しなかったと判定された場合には、下層の画像データ６２ａ、６２ｂ、６２ｃのうちクライアント装置１０に最初に送信する２個の画像データについては同一の数値が描出された画像データとし、最後に送信する画像データについては最初に送信した２個の画像データに描出された数値と異なる数値が描出された画像データとしてもよい。一例を挙げて説明すると、第２送信部２３３は、ユーザによって上層の画像データ６１ａ、６１ｃ、６１ｂの順に取り除く操作が行われた場合に、文字列「７」が描出された下層の画像データ６２ａを送信し、次に、文字列「７」が描出された下層の画像データ６２ｃを送信し、最後に、文字列「８」が描出された下層の画像データ６２ｂを送信する。これにより、サーバ装置２００は、全ての上層の画像データに対して取り除く操作が行われた場合に懸賞に当選したか否かをユーザに通知できるので、下層の画像データを閲覧するユーザの期待感を向上させることができる。   In the above example, the second transmission unit 233 determines whether the notification based on the operation of removing the upper layer image data from the client device 10 is received or the number of times the notification is received. The lower layer image data transmitted to the apparatus 10 may be changed. For example, if the determination unit 235 determines that the prize is not won by the determination unit 235, the second image data 62a, 62b, and 62c of the lower layers that are first transmitted to the client device 10 May be image data in which the same numerical value is rendered, and image data to be transmitted last may be image data in which a numerical value different from the numerical values rendered in the two first transmitted image data is rendered. For example, when the user performs an operation of removing the upper layer image data 61a, 61c, and 61b in this order, the second transmission unit 233 displays the lower layer image data 62a in which the character string “7” is rendered. Next, the lower layer image data 62c in which the character string “7” is rendered is transmitted, and finally, the lower layer image data 62b in which the character string “8” is rendered is transmitted. As a result, the server device 200 can notify the user whether or not a prize has been won when an operation to remove all the upper layer image data is performed. Can be improved.

〔３−３（４）．他の実施形態〕
また、上記第３の実施形態において、制御情報（Ｆｌａｓｈコンテンツ）は、上層の画像データを取り除く操作態様を示す操作情報として、上層の画像データが初めて取り除かれた表示領域の面積や、上層の画像データを取り除く操作の速さ等をサーバ装置１００又は２００に送信してもよい。例えば、制御情報は、上層の画像データの表示領域にユーザの指が初めてタッチされてから所定時間（例えば、０．１秒）が経過するまでに、取り除く操作が行われた表示領域の面積をサーバ装置１００又は２００に送信してもよい。そして、第２送信部１３３又は２３３は、かかる表示領域の面積等に応じて、クライアント装置１０に送信する下層の画像データを変動させてもよい。 [3-3 (4). Other embodiments]
Further, in the third embodiment, the control information (Flash content) is the operation information indicating the operation mode for removing the upper layer image data, the area of the display area from which the upper layer image data is removed for the first time, or the upper layer image. The speed of the operation for removing data may be transmitted to the server apparatus 100 or 200. For example, the control information includes the area of the display area where the removal operation is performed before a predetermined time (for example, 0.1 second) elapses after the user's finger is first touched on the display area of the upper layer image data. You may transmit to the server apparatus 100 or 200. Then, the second transmission unit 133 or 233 may change the lower layer image data to be transmitted to the client device 10 in accordance with the area of the display region or the like.

〔３−４．効果〕
上述してきたように、第３の実施形態に係るサーバ装置１００又は２００は、第１送信部１３１又は２３１が、上層の画像データにおける所定の表示領域を取り除く操作が初めて行われた際にかかる操作の態様を示す操作情報をサーバ装置１００又は２００に対する通知に含める制御を行う制御情報をクライアント装置１０に送信し、第２送信部１３３又は２３３が、クライアント装置１０から受信した通知に含まれる操作情報に応じてクライアント装置１０に送信する下層の画像データを変動させる。 [3-4. effect〕
As described above, in the server device 100 or 200 according to the third embodiment, the operation that is performed when the first transmission unit 131 or 231 first performs an operation of removing a predetermined display area in the upper layer image data. The control information for performing control to include the operation information indicating the above-described form in the notification to the server device 100 or 200 is transmitted to the client device 10, and the second transmission unit 133 or 233 includes the operation information included in the notification received from the client device 10. Accordingly, the lower layer image data to be transmitted to the client device 10 is changed.

これにより、第３の実施形態に係るサーバ装置１００又は２００は、上層の画像データを取り除く操作態様に応じて下層の画像データが変動するので、下層の画像データを閲覧するユーザの期待感を向上させることができる。この結果、第３の実施形態に係るサーバ装置１００又は２００は、ユーザに対して上層の画像データを取り除く操作を行うことを促進することができる。   Thereby, the server apparatus 100 or 200 according to the third embodiment improves the expectation of the user who browses the lower layer image data because the lower layer image data varies depending on the operation mode of removing the upper layer image data. Can be made. As a result, the server apparatus 100 or 200 according to the third embodiment can facilitate the user to perform an operation of removing the upper layer image data.

また、第３の実施形態に係るサーバ装置１００又は２００は、第１送信部１３１又は２３１が、上層の画像データ及び下層の画像データにおける表示領域に含まれる小領域毎に、上層の画像データにおける小領域を取り除く操作が行われた際にかかる小領域に下層に表示される下層の画像データの領域に該当する画像データを取得する制御を行う制御情報をクライアント装置１０に送信し、第２送信部１３３又は２３３が、クライアント装置１０から前述の小領域に対応する下層の画像データの取得要求を受信した場合に、かかる取得要求によって要求される小領域の位置、取得要求を受信した順番、又は、取得要求を受信した回数に応じて、クライアント装置１０に送信する画像データを変動させる。   Further, in the server device 100 or 200 according to the third embodiment, the first transmission unit 131 or 231 uses the upper layer image data for each small region included in the display region of the upper layer image data and the lower layer image data. When the operation for removing the small area is performed, control information for performing control for acquiring image data corresponding to the area of the lower-layer image data displayed in the lower layer is transmitted to the client apparatus 10 and the second transmission is performed. When the unit 133 or 233 receives an acquisition request for lower-layer image data corresponding to the aforementioned small area from the client device 10, the position of the small area requested by the acquisition request, the order in which the acquisition requests are received, or The image data to be transmitted to the client device 10 is changed according to the number of times the acquisition request is received.

これにより、第３の実施形態に係るサーバ装置１００又は２００は、複数の上層の画像データのうち取り除く操作を行う順番等に応じて下層の画像データが変動するので、下層の画像データを閲覧するユーザの期待感を向上させることができる。この結果、第３の実施形態に係るサーバ装置１００又は２００は、ユーザに対して上層の画像データを取り除く操作を行うことを促進することができる。   Thereby, the server device 100 or 200 according to the third embodiment browses the lower layer image data because the lower layer image data varies depending on the order of performing the operation of removing the plurality of upper layer image data. The user's expectation can be improved. As a result, the server apparatus 100 or 200 according to the third embodiment can facilitate the user to perform an operation of removing the upper layer image data.

（第４の実施形態）
本願に係るサーバ装置、画像配信方法及び画像表示プログラムは、上述した第１〜第３の実施形態以外にも種々の異なる形態にて実施されてよい。第４の実施形態では、他の実施形態について説明する。 (Fourth embodiment)
The server device, the image distribution method, and the image display program according to the present application may be implemented in various different forms other than the first to third embodiments described above. In the fourth embodiment, another embodiment will be described.

〔４−１．画像データの表示層変更〕
上記実施形態において説明した制御情報（Ｆｌａｓｈコンテンツ）は、上層の画像データにおける所定の表示面積以上の表示領域を取り除く操作が行われた場合には、上層の画像データの上に下層の画像データを表示させる制御を行ってもよい。 [4-1. (Change display layer of image data)
In the control information (Flash content) described in the above embodiment, when an operation for removing a display area larger than a predetermined display area in the upper layer image data is performed, the lower layer image data is placed on the upper layer image data. You may perform control to display.

この点について図１５及び図１６を用いて説明する。なお、図１５に示したステップＳ２１〜Ｓ２４における処理手順は、図６に示したステップＳ１１〜Ｓ１４における処理手順と同様であるので説明を省略する。   This point will be described with reference to FIGS. 15 and 16. Note that the processing procedures in steps S21 to S24 shown in FIG. 15 are the same as the processing procedures in steps S11 to S14 shown in FIG.

図１５に示すように、第４の実施形態における制御情報は、上層の画像データにおける新たな表示領域を取り除く操作が行われた場合に（ステップＳ２５，Ｙｅｓ）、かかる新たな表示領域に下層の画像データを表示する（ステップＳ２６）。続いて、制御情報は、上層の画像データの表示領域のうち所定の表示面積以上の表示領域に対して取り除く操作が行われたか否かを判定する（ステップＳ２７）。そして、制御情報は、所定の表示面積以上の表示領域に対して取り除く操作が行われた場合には（ステップＳ２７，Ｙｅｓ）、上層の画像データの上に下層の画像データを表示させる（ステップＳ２８）。   As shown in FIG. 15, when the operation for removing a new display area in the upper layer image data is performed (Yes in step S25), the control information in the fourth embodiment is stored in the lower layer of the new display area. Image data is displayed (step S26). Subsequently, the control information determines whether or not an operation for removing a display area larger than a predetermined display area from among the display areas of the upper layer image data has been performed (step S27). When the operation for removing the control information from the display area larger than the predetermined display area is performed (step S27, Yes), the lower layer image data is displayed on the upper layer image data (step S28). ).

例えば、図１６の上段に示すように、クライアント装置１０が、下層の画像データ７２の上に上層の画像データ７１を表示しており、表示領域７１ａに対して取り除く操作が行われたものとする。このとき、クライアント装置１０のＦｌａｓｈコンテンツは、表示領域７１ａが所定の表示面積以上である場合に、図１６の下段に示すように、上層の画像データ７１と下層の画像データ７２とを表示する層を入れ替え、上層の画像データ７１の上に下層の画像データ７２を表示する。   For example, as shown in the upper part of FIG. 16, it is assumed that the client device 10 displays the upper layer image data 71 on the lower layer image data 72, and an operation for removing the upper layer image data 71 has been performed. . At this time, the Flash content of the client device 10 is a layer that displays the upper layer image data 71 and the lower layer image data 72 as shown in the lower part of FIG. 16 when the display area 71a is larger than a predetermined display area. And the lower layer image data 72 is displayed on the upper layer image data 71.

これにより、かかる制御情報は、上層の画像データの全ての表示領域が取り除かれていない場合であっても、下層の画像データの全体を表示することができるので、ユーザ操作性を向上させることができる。   As a result, the control information can display the entire lower layer image data even when all the display areas of the upper layer image data are not removed, thereby improving user operability. it can.

〔４−２．画像データの表示層変更〕
また、上記実施形態において説明したサーバ装置１００又は２００は、上層の画像データ及び下層の画像データに加えて、所定のサイトにリンクが張られている透明色のＵＲＬ画像データをクライアント装置１０に送信してもよい。そして、上記第１〜第３の実施形態において説明した制御情報（Ｆｌａｓｈコンテンツ）は、上層の画像データと下層の画像データとの間にＵＲＬ画像データを表示させ、所定の表示面積以上の表示領域を取り除く操作が行われた場合に、上層の画像データの上にＵＲＬ画像データを表示させる制御を行ってもよい。 [4-2. (Change display layer of image data)
In addition to the upper layer image data and the lower layer image data, the server device 100 or 200 described in the above embodiment transmits, to the client device 10, transparent color URL image data linked to a predetermined site. May be. The control information (Flash content) described in the first to third embodiments displays URL image data between the upper layer image data and the lower layer image data, and displays a display area larger than a predetermined display area. When an operation for removing the URL is performed, the URL image data may be displayed on the upper layer image data.

この点について図１７及び図１８を用いて説明する。なお、以下では、図１に示したクライアント装置１０とサーバ装置１００の構成より実現される処理の例を示す。図１７に示すように、第４の実施形態における制御情報は、クライアント装置１０がサーバ装置１００から上層の画像データを受信した時点で、上層の画像データを表示し（ステップＳ３１）、上層の画像データを取り除く操作が初めて行われた場合に（ステップＳ３２，Ｙｅｓ）、サーバ装置１００に通知することで、サーバ装置１００から下層の画像データとＵＲＬ画像データを取得する（ステップＳ３３）。   This point will be described with reference to FIGS. In the following, an example of processing realized by the configuration of the client device 10 and the server device 100 illustrated in FIG. 1 will be described. As shown in FIG. 17, in the control information in the fourth embodiment, when the client device 10 receives the upper layer image data from the server device 100, the upper layer image data is displayed (step S31), and the upper layer image data is displayed. When the operation for removing data is performed for the first time (step S32, Yes), the server device 100 is notified to acquire lower layer image data and URL image data from the server device 100 (step S33).

続いて、制御情報は、上層の画像データの下層にＵＲＬ画像データを表示するとともに、かかるＵＲＬ画像データの下層に下層の画像データを表示する（ステップＳ３４）。すなわち、制御情報は、上層の画像データと下層の画像データとの間にＵＲＬ画像データを表示する。これにより、上層の画像データに対して取り除く操作が行われた表示領域には、ＵＲＬ画像データ及び下層の画像データが表示されることとなる。具体的には、ＵＲＬ画像データは透明色であるので、取り除く操作が行われた表示領域には、ＵＲＬ画像データを透過して、かかるＵＲＬ画像データの下層に位置する下層の画像データが表示される。このとき、取り除く操作が行われた表示領域をクリックした場合には、ＵＲＬ画像データをクリックすることとなるので、ブラウザ制御部１３は、かかるＵＲＬ画像データに張られているリンク先のサイトにアクセスする。   Subsequently, the control information displays the URL image data in the lower layer of the upper layer image data, and displays the lower layer image data in the lower layer of the URL image data (step S34). That is, the control information displays the URL image data between the upper layer image data and the lower layer image data. As a result, the URL image data and the lower layer image data are displayed in the display area where the operation for removing the upper layer image data has been performed. Specifically, since the URL image data is a transparent color, the lower layer image data positioned below the URL image data is displayed in the display area where the removal operation has been performed. The At this time, if the display area where the operation to be removed is clicked, the URL image data is clicked, so the browser control unit 13 accesses the linked site attached to the URL image data. To do.

続いて、制御情報は、上層の画像データにおける新たな表示領域を取り除く操作が行われた場合に（ステップＳ３５，Ｙｅｓ）、かかる新たな表示領域にＵＲＬ画像データ及び下層の画像データを表示する（ステップＳ３６）。そして、制御情報は、上層の画像データにおける所定の表示面積以上の表示領域に対して取り除く操作が行われた場合に（ステップＳ３７，Ｙｅｓ）、上層の画像データの上にＵＲＬ画像データを表示させる（ステップＳ３８）。   Subsequently, when an operation for removing a new display area in the upper layer image data is performed (step S35, Yes), the control information displays the URL image data and the lower layer image data in the new display area ( Step S36). The control information causes the URL image data to be displayed on the upper layer image data when an operation for removing the display area larger than a predetermined display area in the upper layer image data is performed (Yes in step S37). (Step S38).

例えば、図１８の上段に示すように、クライアント装置１０が、下層の画像データ８２の上にＵＲＬ画像データ８３を表示し、かかるＵＲＬ画像データ８３の上に上層の画像データ８１を表示しており、表示領域８１ａに対して取り除く操作が行われたものとする。このとき、クライアント装置１０のＦｌａｓｈコンテンツは、表示領域８１ａが所定の表示面積以上である場合に、図１８の下段に示すように、上層の画像データ８１とＵＲＬ画像データ８３とを表示する層を入れ替え、下層の画像データ８２の上に上層の画像データ８１を表示し、かかる上層の画像データ８１の上にＵＲＬ画像データ８３を表示する。   For example, as shown in the upper part of FIG. 18, the client apparatus 10 displays URL image data 83 on the lower layer image data 82, and displays upper layer image data 81 on the URL image data 83. Assume that an operation for removing the display area 81a has been performed. At this time, when the display area 81a is larger than the predetermined display area, the flash content of the client device 10 includes layers for displaying the upper layer image data 81 and the URL image data 83 as shown in the lower part of FIG. The upper layer image data 81 is displayed on the lower layer image data 82, and the URL image data 83 is displayed on the upper layer image data 81.

これにより、かかる制御情報は、取り除く操作が行われた表示領域に下層の画像データを表示できるとともに、上層の画像データの全ての表示領域が取り除かれていない場合であっても上層の画像データ又は下層の画像データが表示されている領域のいずれがクリックされることで所定のサイトにアクセスすることができる。すなわち、制御情報は、上層の画像データ及び下層の画像データの表示態様に違和感を与えることなく、ユーザ操作性を向上させることができる。   As a result, the control information can display the lower layer image data in the display area where the removal operation has been performed, and the upper layer image data or A predetermined site can be accessed by clicking any of the areas where the lower layer image data is displayed. That is, the control information can improve user operability without giving a sense of incongruity to the display mode of the upper layer image data and the lower layer image data.

〔４−３．ユーザインタフェース〕
また、上記実施形態において説明した第１送信部１３１又は２３１は、ユーザに応じて、取り除く操作性が異なる制御情報をクライアント装置１０に送信してもよい。例えば、第１送信部１３１又は２３１は、ログインしているユーザ等の特定ユーザに対しては、１回のタッチ操作やフリック操作で大きい面積の表示領域を取り除くことが可能な制御情報を送信し、ログインしていないユーザ等に対しては、特定ユーザと同一の操作であっても小さい面積の表示領域しか取り除くことができない制御情報を送信してもよい。 [4-3. (User interface)
Further, the first transmission unit 131 or 231 described in the above embodiment may transmit control information with different operability to be removed to the client device 10 according to the user. For example, the first transmission unit 131 or 231 transmits control information that can remove a large display area by a single touch operation or flick operation to a specific user such as a logged-in user. Control information that can remove only a display area having a small area may be transmitted to a user who has not logged in, even if the operation is the same as that of the specific user.

〔４−４．取り除かれる画像データの表示態様〕
上記実施形態では、取り除く操作が行われた場合に、スクラッチカードのように上層の画像データが削り取られる例を示した。しかし、制御情報は、上層の画像データに対してフリック操作が行われている場合に、ユーザの指の位置を追従して上層の画像データが徐々にめくられるように表示してもよい。かかる場合には、制御情報は、上層の画像データをめくる操作が初めて行われた際に、サーバ装置から下層の画像データを取得する。 [4-4. Display mode of image data to be removed]
In the above-described embodiment, an example in which the upper layer image data is scraped off like a scratch card when the removal operation is performed has been described. However, when the flick operation is performed on the upper layer image data, the control information may be displayed so that the upper layer image data is gradually turned following the position of the user's finger. In such a case, the control information obtains the lower layer image data from the server device when the operation of turning the upper layer image data is performed for the first time.

また、制御情報は、上層の画像データに対して擦る操作が行われるほど、擦られた表示領域に下層の画像データを鮮明に表示させてもよい。かかる場合には、制御情報は、上層の画像データに対して擦る操作が初めて行われた際に、サーバ装置から下層の画像データを取得してもよいし、擦る操作が行われるたびに、サーバ装置から解像度の高いを下層の画像データを取得してもよい。   The control information may display the lower layer image data more clearly in the rubbed display area as the operation for rubbing the upper layer image data is performed. In such a case, the control information may be obtained by acquiring the lower layer image data from the server device when the rubbing operation is performed on the upper layer image data for the first time, or each time the rubbing operation is performed. Lower-layer image data having a high resolution may be acquired from the apparatus.

〔４−５．下層の画像データに描出される情報〕
上記実施形態では、下層の画像データに描出される情報の例として、広告に関する情報や、懸賞に当選したか否かを示す情報を挙げたが、この例に限られない。例えば、下層の画像データには、ＱＲコード（登録商標）、くじの当選番号、電子書籍、写真等が描出されてもよい。 [4-5. Information drawn in lower layer image data)
In the above embodiment, as examples of information drawn in the lower-layer image data, information related to advertisements and information indicating whether or not a prize has been won is given, but the present invention is not limited to this example. For example, in the lower layer image data, a QR code (registered trademark), a lottery winning number, an electronic book, a photograph, and the like may be drawn.

〔４−６．操作手法〕
また、上記実施形態においては、クライアント装置１０がタッチパネル式であるものとしたが、クライアント装置１０がタッチパネル式でない場合には、ユーザは、マウスやテンキー等を用いて、取り除く操作を行う。 [4-6. Operation method)
Moreover, in the said embodiment, although the client apparatus 10 shall be a touch panel type, when the client apparatus 10 is not a touch panel type, a user performs operation to remove using a mouse | mouth, a numeric keypad, etc.

〔４−７．集計処理〕
また、上記実施形態において、サーバ装置１００又は２００は、取り除く操作が行われたことに基づく通知をクライアント装置１０から受信するたびに、取り除く操作が行われた回数を集計してもよい。また、例えば、サーバ装置１００又は２００は、クライアント装置１０からの通知を受信した場合に、クライアント装置１０に送信する下層の画像データ毎に、取り除く操作が行われた回数を集計してもよい。 [4-7. (Aggregation process)
In the above embodiment, each time the server device 100 or 200 receives a notification based on the fact that the removal operation has been performed from the client device 10, the server device 100 or 200 may count the number of times the removal operation has been performed. Further, for example, when the server apparatus 100 or 200 receives a notification from the client apparatus 10, the server apparatus 100 or 200 may count the number of operations performed for each lower-layer image data transmitted to the client apparatus 10.

〔４−８．制御情報の例〕
また、上記実施形態では、制御情報がＦｌａｓｈコンテンツである場合を例に挙げて説明したが、制御情報は、ＨＴＭＬ及びＪａｖａＳｃｒｉｐｔ（登録商標）で記述されたＨＴＭＬファイルであってもよい。なお、制御情報がＨＴＭＬファイルである場合には、ＣＳＳ等によって同一位置に複数画像を表示することができる。 [4-8. Example of control information)
In the above-described embodiment, the case where the control information is Flash content has been described as an example. However, the control information may be an HTML file described in HTML and JavaScript (registered trademark). If the control information is an HTML file, a plurality of images can be displayed at the same position by CSS or the like.

〔４−９．画像データの層〕
また、上記実施形態では、制御情報が、２個の画像データを同一位置に表示する例を示したが、制御情報は、３個以上の画像データを同一位置に表示してもよい。例えば、制御情報は、最上層の画像データに対して取り除く操作が行われた場合には、最上層より一層下に表示される下層の画像データをサーバ装置から取得し、かかる下層の画像データに対して取り除く操作が行われた場合には、さらに一層下に表示される下層の画像データをサーバ装置から取得する。 [4-9. (Layer of image data)
In the above embodiment, an example is shown in which the control information displays two pieces of image data at the same position, but the control information may display three or more pieces of image data at the same position. For example, when an operation for removing the control information is performed on the uppermost image data, lower layer image data displayed below the uppermost layer is acquired from the server device, and the lower layer image data is converted into the lower layer image data. On the other hand, when an operation for removal is performed, lower layer image data displayed further below is acquired from the server device.

〔４−１０．画像データの表示制御〕
また、上記実施形態では、制御情報が、２個の画像データを同一位置に重畳して表示する制御を行う例を示した。しかし、制御情報は、２個の画像データを重畳して表示する制御を行わなくてもよい。例えば、制御情報は、図３に示した例において、所定の表示位置に画像データ２１を表示し、かかる画像データ２１に対して所定の画像部分（表示領域２１ａ）を指定するユーザ操作が行われたことを検知した場合に、かかる所定の画像部分（表示領域２１ａ）に該当する画像データ２２（又は、画像データ２２ａ）をサーバ装置１００から取得し、画像データ２１における所定の画像部分（表示領域２１ａ）の表示態様を画像データ２２ａに変換する処理を行ってもよい。すなわち、制御情報は、２個の画像データを同一位置に重畳して表示する制御を行わずに、ユーザ操作により指定された画像部分を他の表示態様に変換する画像の表示制御を行えばよい。このような制御を行う場合であっても、制御情報は、スクラッチシール（スクラッチインキ）をコイン等で削り取るとスクラッチシールに覆われていた印刷面が見えるスクラッチカードのような表示制御を行うことができる。 [4-10. (Display control of image data)
Moreover, in the said embodiment, the control information showed the example which performs control which superimposes and displays two image data on the same position. However, the control information does not have to perform control for superimposing and displaying two pieces of image data. For example, in the example shown in FIG. 3, the control information displays the image data 21 at a predetermined display position, and a user operation for designating a predetermined image portion (display area 21 a) is performed on the image data 21. When the image data 22 (or image data 22a) corresponding to the predetermined image portion (display region 21a) is detected from the server device 100, the predetermined image portion (display region) in the image data 21 is acquired. 21a) may be converted into image data 22a. That is, the control information only needs to perform image display control for converting the image portion specified by the user operation into another display mode without performing control to display the two image data superimposed on the same position. . Even when such control is performed, the control information can be displayed as a scratch card in which the print surface covered with the scratch seal is visible when the scratch seal (scratch ink) is scraped with a coin or the like. it can.

〔４−１１．その他〕
以上、本願の実施形態のいくつかを図面に基づいて詳細に説明したが、これらは例示であり、発明の開示の欄に記載の態様を始めとして、当業者の知識に基づいて種々の変形、改良を施した他の形態で本発明を実施することが可能である。 [4-11. Others]
As described above, some of the embodiments of the present application have been described in detail with reference to the drawings. However, these are merely examples, and various modifications, including the aspects described in the disclosure section of the invention, based on the knowledge of those skilled in the art, It is possible to implement the present invention in other forms with improvements.

また、上述したサーバ装置１００又は２００は、複数のサーバコンピュータで実現してもよく、また、機能によっては外部のプラットフォーム等をＡＰＩ（Application Programming Interface）やネットワークコンピューティングなどで呼び出して実現するなど、構成は柔軟に変更できる。   Further, the server device 100 or 200 described above may be realized by a plurality of server computers, and depending on the function, an external platform or the like may be realized by calling an API (Application Programming Interface) or network computing. The configuration can be changed flexibly.

１ ネットワークシステム
１０ クライアント装置
１００ サーバ装置
１３０ Ｗｅｂ制御部
１３１、２３１ 第１送信部
１３２、２３２ 受信部
１３３、２３３ 第２送信部
２３４ ログイン処理部
２３５ 判定部 DESCRIPTION OF SYMBOLS 1 Network system 10 Client apparatus 100 Server apparatus 130 Web control part 131,231 1st transmission part 132,232 Reception part 133,233 Second transmission part 234 Login processing part 235 Determination part

Claims (9)

ユーザ操作により指定された画像部分を他の表示態様に変換可能な画像の表示制御を行う制御情報と第１の画像データとをクライアント装置に送信する第１の送信部と、
前記クライアント装置から、前記第１の画像データに対するユーザ操作が行われたことに基づく通知を受信する受信部と、
前記受信部によって前記通知が受信された場合に、前記ユーザ操作により指定された画像部分に表示させる第２の画像データを前記クライアント装置に送信する第２の送信部と
を備え、
前記制御情報は、前記第１の画像データの所定の表示領域を取り除く操作が初めて行われた際に所定のサイトに遷移する透明な第３の画像データを取得し、前記第１の画像データに対して前記ユーザ操作により所定の表示面積以上の画像部分が指定された際に前記第１の画像データの表示領域に前記第３の画像データを表示させる制御を行う、
ことを特徴とするサーバ装置。 A first transmission unit that transmits control information for performing display control of an image capable of converting an image portion designated by a user operation into another display mode and first image data to the client device;
A receiving unit configured to receive a notification based on a user operation performed on the first image data from the client device;
A second transmitter that transmits second image data to be displayed on the image portion designated by the user operation to the client device when the notification is received by the receiver;
The control information acquires transparent third image data that transitions to a predetermined site when an operation for removing a predetermined display area of the first image data is performed for the first time, and includes the first image data in the first image data. On the other hand, control is performed to display the third image data in the display area of the first image data when an image portion larger than a predetermined display area is designated by the user operation.
The server apparatus characterized by the above-mentioned. 前記第１の送信部は、
前記制御情報として、前記第１の画像データに対して前記ユーザ操作が初めて行われた際に前記第２の画像データを当該サーバ装置から取得し、取得した第２の画像データを前記ユーザ操作により指定された前記第１の画像データにおける画像部分に表示させる制御を行う情報を前記クライアント装置に送信する
ことを特徴とする請求項１に記載のサーバ装置。 The first transmitter is
As the control information, when the user operation is performed for the first time on the first image data, the second image data is acquired from the server device, and the acquired second image data is obtained by the user operation. The server apparatus according to claim 1, wherein information for performing control to display on an image portion in the specified first image data is transmitted to the client apparatus. 前記第１の送信部は、
前記制御情報として、前記第２の画像データを取得した後に前記第１の画像データに対してユーザ操作により新たな画像部分が指定された場合に、前記第２の画像データにおける前記新たな画像部分に該当する画像データを前記第１の画像データにおける前記新たな画像部分に表示させる制御を行う情報を前記クライアント装置に送信する
ことを特徴とする請求項１又は２に記載のサーバ装置。 The first transmitter is
As the control information, when a new image portion is designated by a user operation for the first image data after obtaining the second image data, the new image portion in the second image data the server apparatus according to the information for controlling to display the new image part to claim 1 or 2, characterized in that transmitted to the client device in the image data of the first image data corresponding to. 前記クライアント装置からログイン要求を受け付けた場合に、該クライアント装置の利用者によるログインを許可するか否かを判定するログイン処理部をさらに備え、
前記第２の送信部は、
前記ログイン処理部によってログインを許可されたか否かに応じて、前記クライアント装置に送信する前記第２の画像データを変動させる
ことを特徴とする請求項１〜３のいずれか一つに記載のサーバ装置。 When receiving a login request from the client device, further comprising a login processing unit for determining whether to permit login by a user of the client device,
The second transmitter is
The server according to any one of claims 1 to 3 , wherein the second image data to be transmitted to the client device is changed according to whether or not login is permitted by the login processing unit. apparatus. 前記ログイン処理部によってログインを許可されたクライアント装置から送信された前記通知を前記受信部によって受信された場合に、所定の確率で懸賞が当選したと判定する判定部をさらに備え、
前記第２の送信部は、
前記判定部によって懸賞が当選したと判定された場合に、懸賞が当選したことを示す情報が描出された画像データを前記第２の画像データとして前記クライアント装置に送信する
ことを特徴とする請求項４に記載のサーバ装置。 A determination unit that determines that a prize is won with a predetermined probability when the reception unit receives the notification transmitted from a client device that is permitted to log in by the login processing unit;
The second transmitter is
The image data in which information indicating that a prize is won is transmitted to the client device as the second image data when the determination unit determines that the prize is won. 4. The server device according to 4 . 前記第１の送信部は、
前記制御情報として、前記第１の画像データにおける所定の表示領域を取り除く操作が初めて行われた際に該操作の態様を示す操作情報を前記通知に含める制御を行う情報を前記クライアント装置に送信し、
前記第２の送信部は、
前記クライアント装置から受信した通知に含まれる操作情報に応じて該クライアント装置に送信する前記第２の画像データを変動させる
ことを特徴とする請求項１〜５のいずれか一つに記載のサーバ装置。 The first transmitter is
As the control information, when an operation for removing a predetermined display area in the first image data is performed for the first time, information for performing control for including operation information indicating the mode of the operation in the notification is transmitted to the client device. ,
The second transmitter is
The server apparatus according to any one of claims 1-5, characterized in that varying the second image data to be transmitted to the client device in accordance with the operation information included in the notification received from the client device . 前記第１の送信部は、
前記制御情報として、前記第１の画像データ及び前記第２の画像データにおける表示領域に含まれる小領域毎に、前記第１の画像データに対するユーザ操作が行われた際に該小領域に下層に表示される前記第２の画像データの領域に該当する画像データを取得する制御を行う情報を前記クライアント装置に送信し、
前記第２の送信部は、
前記クライアント装置から前記小領域に対応する第２の画像データの取得要求を受信した場合に、該取得要求によって要求される小領域の位置、該取得要求を受信した順番、又は、該取得要求を受信した回数に応じて、前記クライアント装置に送信する画像データを変動させる
ことを特徴とする請求項１〜６のいずれか一つに記載のサーバ装置。 The first transmitter is
As the control information, for each small area included in the display area of the first image data and the second image data, when the user operation is performed on the first image data, the small area is placed below the small area. Transmitting information for performing control to acquire image data corresponding to the region of the second image data to be displayed to the client device;
The second transmitter is
When an acquisition request for the second image data corresponding to the small area is received from the client device, the position of the small area requested by the acquisition request, the order in which the acquisition requests are received, or the acquisition request depending on the number of received, the server device according to any one of claims 1-6, characterized in that varying the image data to be transmitted to the client device. コンピュータで実行される画像配信方法であって、
ユーザ操作により指定された画像部分を他の表示態様に変換可能な画像の表示制御を行う制御情報と第１の画像データとをクライアント装置に送信する第１の送信工程と、
前記クライアント装置から、前記第１の画像データに対するユーザ操作が行われたことに基づく通知を受信する受信工程と、
前記受信工程において前記通知が受信された場合に、前記ユーザ操作により指定された画像部分に表示させる第２の画像データを前記クライアント装置に送信する第２の送信工程と
を含み、
前記制御情報は、前記第１の画像データの所定の表示領域を取り除く操作が初めて行われた際に所定のサイトに遷移する透明な第３の画像データを取得し、前記第１の画像データに対して前記ユーザ操作により所定の表示面積以上の画像部分が指定された際に前記第１の画像データの表示領域に前記第３の画像データを表示させる制御を行う、
ことを特徴とする画像配信方法。 An image distribution method executed by a computer,
A first transmission step of transmitting control information for controlling display of an image capable of converting an image portion designated by a user operation into another display mode and first image data to the client device;
Receiving from the client device a notification based on a user operation performed on the first image data;
A second transmission step of transmitting, to the client device, second image data to be displayed on an image portion designated by the user operation when the notification is received in the reception step;
The control information acquires transparent third image data that transitions to a predetermined site when an operation for removing a predetermined display area of the first image data is performed for the first time, and includes the first image data in the first image data. On the other hand, control is performed to display the third image data in the display area of the first image data when an image portion larger than a predetermined display area is designated by the user operation .
An image delivery method characterized by the above. ユーザ操作により第１の画像データにおける画像部分が初めて指定された際に所定のサーバ装置から第２の画像データを取得する取得手順と、
前記取得手順において取得された第２の画像データを前記第１の画像データにおける前記画像部分に表示させる表示手順と
をコンピュータに実行させ、
前記表示手順は、前記第１の画像データの所定の表示領域を取り除く操作が初めて行われた際に所定のサイトに遷移する透明な第３の画像データを取得し、前記第１の画像データに対して前記ユーザ操作により所定の表示面積以上の画像部分が指定された際に前記第１の画像データの表示領域に前記第３の画像データを表示させる、
ことを特徴とする画像表示プログラム。 An acquisition procedure for acquiring second image data from a predetermined server device when an image portion in the first image data is designated for the first time by a user operation;
Causing the computer to execute a display procedure for displaying the second image data acquired in the acquisition procedure on the image portion in the first image data;
The display procedure obtains transparent third image data that transitions to a predetermined site when an operation for removing a predetermined display area of the first image data is performed for the first time, and includes the first image data as the first image data. Ru to display the third image data in the display area of the first image data when the image portion or a predetermined display area is designated by the user operation for,
An image display program characterized by that.
JP2011199715A 2011-09-13 2011-09-13 Server apparatus, image distribution method, and image display program Expired - Fee Related JP5475733B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2011199715A JP5475733B2 (en) 2011-09-13 2011-09-13 Server apparatus, image distribution method, and image display program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2011199715A JP5475733B2 (en) 2011-09-13 2011-09-13 Server apparatus, image distribution method, and image display program

Publications (2)

Publication Number Publication Date
JP2013061792A JP2013061792A (en) 2013-04-04
JP5475733B2 true JP5475733B2 (en) 2014-04-16

Family

ID=48186418

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2011199715A Expired - Fee Related JP5475733B2 (en) 2011-09-13 2011-09-13 Server apparatus, image distribution method, and image display program

Country Status (1)

Country Link
JP (1) JP5475733B2 (en)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5821152B2 (en) * 2014-04-15 2015-11-24 ピコもん株式会社 Content providing server and content providing method
JP5965447B2 (en) 2014-09-19 2016-08-03 ヤフー株式会社 Information display program, distribution device, information display method, and information display device
JP6553384B2 (en) * 2015-03-26 2019-07-31 株式会社バンダイナムコエンターテインメント Program and game system
JP6918444B2 (en) * 2015-07-17 2021-08-11 ヤフー株式会社 Information display program, information display device, information display method, and distribution device
JP6059315B1 (en) * 2015-09-18 2017-01-11 ヤフー株式会社 Information display program, information display method, information display device, and distribution device

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP3761443B2 (en) * 2000-10-19 2006-03-29 株式会社ディンプス Scratch card distribution server and scratch card distribution method
JP2003141071A (en) * 2001-11-06 2003-05-16 Toyota Motor Corp Information providing system
JP2004110719A (en) * 2002-09-20 2004-04-08 Cresys:Kk Image display system and computer program
JP2004191502A (en) * 2002-12-09 2004-07-08 Gakken Co Ltd Display control program, and information processing apparatus
JP4928400B2 (en) * 2007-09-25 2012-05-09 ヤフー株式会社 Sweepstakes service providing device and sweepstakes service method

Also Published As

Publication number Publication date
JP2013061792A (en) 2013-04-04

Similar Documents

Publication Publication Date Title
CN105283869B (en) Frequent website based on browse mode
JP5475733B2 (en) Server apparatus, image distribution method, and image display program
JP5766169B2 (en) Advertisement distribution apparatus and advertisement distribution method
EP3005158A1 (en) Web platform for suggesting navigation destinations
JP5133911B2 (en) Comment display method, program, and apparatus
US20130325958A1 (en) Information-processing device, storage medium, information-processing method, and information-processing system
JP6679640B2 (en) Information display program, information display device, information display method, and distribution device
JP4916583B1 (en) Image-based authentication method
JPWO2012001807A1 (en) Advertisement distribution server and advertisement distribution method
JP2004355418A (en) Information processor, system and program, and method for providing gui for information processor
JP5810239B2 (en) Program, control method, server device
US9020970B2 (en) Embeddable web application agent
US20160266780A1 (en) Electronic devices, methods for operating user interface and computer program products
JP2010186281A (en) Device and system for displaying information
JP2015125758A (en) Program, control method, and system
JP6559196B2 (en) Information processing apparatus, information processing method, and program
JP5973480B2 (en) Information processing apparatus, information processing method, and program
JP2019098064A (en) Information processor and program
JP2013186532A (en) Information processing device, method and system
JP6204304B2 (en) Information processing apparatus, information processing method, and program
JP5795137B1 (en) Information processing apparatus, information processing method, program, and storage medium
US10091163B2 (en) Server device, control method for the same and computer-readable recording medium
JP6592467B2 (en) Program, terminal device, and terminal control method
US20200081958A1 (en) Information processing apparatus, method for displaying a web page, and non-transitory recording medium storing a program for displaying a web page
JP6122798B2 (en) Information processing apparatus, information processing method, and program

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20130708

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20130806

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20131003

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20131029

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20131224

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20140206

R150 Certificate of patent or registration of utility model

Ref document number: 5475733

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

Free format text: JAPANESE INTERMEDIATE CODE: R150

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S533 Written request for registration of change of name

Free format text: JAPANESE INTERMEDIATE CODE: R313533

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

LAPS Cancellation because of no payment of annual fees