JP7402260B2 - Information provision device, information provision method, and information provision program - Google Patents
Information provision device, information provision method, and information provision program Download PDFInfo
- Publication number
- JP7402260B2 JP7402260B2 JP2022043234A JP2022043234A JP7402260B2 JP 7402260 B2 JP7402260 B2 JP 7402260B2 JP 2022043234 A JP2022043234 A JP 2022043234A JP 2022043234 A JP2022043234 A JP 2022043234A JP 7402260 B2 JP7402260 B2 JP 7402260B2
- Authority
- JP
- Japan
- Prior art keywords
- information
- modules
- web content
- terminal device
- rendering
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims description 88
- 238000009877 rendering Methods 0.000 claims description 83
- 230000008569 process Effects 0.000 claims description 65
- 230000006870 function Effects 0.000 claims description 11
- 238000012545 processing Methods 0.000 description 96
- 238000004891 communication Methods 0.000 description 26
- 238000010586 diagram Methods 0.000 description 19
- 230000010365 information processing Effects 0.000 description 14
- 230000008859 change Effects 0.000 description 6
- 208000003028 Stuttering Diseases 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- 239000004065 semiconductor Substances 0.000 description 3
- 238000005401 electroluminescence Methods 0.000 description 2
- 239000000284 extract Substances 0.000 description 2
- 230000006872 improvement Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000011156 evaluation Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012552 review Methods 0.000 description 1
Images
Landscapes
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Description
本発明は、情報提供装置、情報提供方法、および情報提供プログラムに関する。 The present invention relates to an information providing device, an information providing method, and an information providing program.
従来、端末装置からウェブコンテンツの提供要求に応じて、互いに異なる領域に配置される複数のモジュールを含むウェブコンテンツを端末装置に提供する技術が知られている(例えば、特許文献1参照)。 BACKGROUND ART Conventionally, a technique is known that provides a terminal device with web content including a plurality of modules arranged in different areas in response to a web content provision request from the terminal device (for example, see Patent Document 1).
複数のモジュールを含むウェブコンテンツを端末装置に提供する技術として、複数のモジュールを端末装置側でレンダリングする技術が知られている。しかしながら、複数のモジュールを端末装置側でレンダリング処理を行った場合、ウェブコンテンツの表示に用いるアプリケーションなどによっては、複数のモジュールの表示にカクつきが発生する場合があり、複数のモジュールを含むウェブコンテンツを端末装置で表示する際の表示品質において改善の余地がある。 As a technique for providing web content including a plurality of modules to a terminal device, a technique for rendering a plurality of modules on the terminal device side is known. However, when multiple modules are rendered on the terminal device side, stuttering may occur in the display of the multiple modules depending on the application used to display the web content. There is room for improvement in display quality when displayed on a terminal device.
本願は、上記に鑑みてなされたものであって、複数のモジュールを含むウェブコンテンツを端末装置で表示する際の表示品質を高めることができる情報提供装置、情報提供方法、および情報提供プログラムを提供することを目的とする。 The present application has been made in view of the above, and provides an information providing device, an information providing method, and an information providing program that can improve the display quality when displaying web content including multiple modules on a terminal device. The purpose is to
本願に係る情報提供装置は、受付部と、レンダリング部と、提供部とを備える。受付部は、端末装置からウェブコンテンツの提供要求を受け付ける。レンダリング部は、ウェブコンテンツを構成する複数のモジュールのうちファーストビューの対象として予め設定された第1モジュールの複数の要素を収集し、収集した複数の要素に基づいて、第1モジュールのレンダリングを行う。提供部は、レンダリング部によってレンダリングが行われた第1モジュールを取得するための第1情報と、複数のモジュールのうちファーストビューの対象として設定されていない第2モジュールの複数の要素を端末装置で収集し、収集した複数の要素に基づいて、第2モジュールをレンダリングする処理を端末装置に実行させるための第2情報とを端末装置に提供する。 The information providing device according to the present application includes a receiving section, a rendering section, and a providing section. The reception unit receives a web content provision request from a terminal device. The rendering unit collects a plurality of elements of a first module that is preset as a first view target among a plurality of modules constituting the web content, and renders the first module based on the collected plurality of elements. . The providing unit uses the terminal device to transmit first information for acquiring the first module rendered by the rendering unit and a plurality of elements of a second module that is not set as a first view target among the plurality of modules. and provides the terminal device with second information for causing the terminal device to perform a process of rendering the second module based on the plurality of collected elements.
実施形態の一態様によれば、複数のモジュールを含むウェブコンテンツを端末装置で表示する際の表示品質を高めることができるという効果を奏する。 According to one aspect of the embodiment, it is possible to improve the display quality when displaying web content including a plurality of modules on a terminal device.
以下に、本願に係る情報提供装置、情報提供方法、および情報提供プログラムを実施するための形態(以下、「実施形態」と呼ぶ)について図面を参照しつつ詳細に説明する。なお、この実施形態により本願に係る情報提供装置、情報提供方法、および情報提供プログラムが限定されるものではない。また、各実施形態は、処理内容を矛盾させない範囲で適宜組み合わせることが可能である。また、以下の各実施形態において同一の部位には同一の符号を付し、重複する説明は省略される。 DESCRIPTION OF THE PREFERRED EMBODIMENTS Below, an information providing apparatus, an information providing method, and a form for implementing an information providing program (hereinafter referred to as an "embodiment") according to the present application will be described in detail with reference to the drawings. Note that this embodiment does not limit the information providing apparatus, information providing method, and information providing program according to the present application. Moreover, each embodiment can be combined as appropriate within the range that does not conflict with the processing contents. Further, in each of the embodiments below, the same parts are given the same reference numerals, and redundant explanations will be omitted.
〔1.情報提供処理の一例〕
まず、図1を参照し、実施形態に係る情報提供装置が行う情報提供方法について説明する。図1は、実施形態に係る情報提供装置が行う情報提供方法を説明するための図である。
[1. Example of information provision processing]
First, with reference to FIG. 1, an information providing method performed by an information providing apparatus according to an embodiment will be described. FIG. 1 is a diagram for explaining an information providing method performed by an information providing apparatus according to an embodiment.
情報提供装置1は、電子商取引(EC:Electronic Commerce)サービスで取引される取引対象に関する情報提供を実行する。ここで、取引対象とは、商品またはサービスである。なお、電子商取引サービスで取引される取引対象には、電子商店街(オンラインモール)、オンラインショッピングサイト、オークションサイト、フリーマーケットサイトなどの様々な態様にて取引される取引対象が含まれる。
The
情報提供装置1は、ユーザUが利用する端末装置2からの提供要求に応じたウェブコンテンツを端末装置2に提供する。ウェブコンテンツは、例えば、電子商店街、オンラインショッピングサイト、オークションサイト、フリーマーケットサイトなどのウェブサイトのコンテンツである。
The
まず、情報提供装置1は、外部装置3からユーザUに関する情報であるユーザ情報を取得する(ステップS1)。外部装置3は、ユーザ情報を情報提供装置1に送信する。例えば、外部装置3は、ユーザUの属性情報を含むユーザ情報を情報提供装置1に送信する。属性情報には、例えば、年齢、性別、居住地域、職業などのデモグラフィック属性を示す情報や、興味・関心、ライフスタイルなどのサイコグラフィック属性を示す情報などの様々な情報が含まれる。なお、属性情報は一例に過ぎず、ユーザ情報には、ユーザUに関する情報であれば、どのような情報が含まれてもよい。例えば、ユーザ情報には、インターネットにおける行動などのユーザUの行動の履歴が含まれてもよい。例えば、ユーザ情報には、電子商店街などの電子商取引サービスにおける取引対象についての情報の閲覧履歴、購買履歴などのユーザUの行動履歴が含まれてもよい。
First, the
また、情報提供装置1は、外部装置3から取引対象に関する情報である取引対象情報を取得する(ステップS2)。例えば、情報提供装置1は、電子商店街やショッピングサイトなどで取引される取引対象の取引対象情報を外部装置3から取得する。例えば、情報提供装置1は、電子商店街にて販売(出品)中の取引対象の取引対象情報を外部装置3から取得する。例えば、情報提供装置1は、所定の期間毎に、取引対象の取引対象情報を外部装置3から取得する。
Further, the
ここで、取引対象情報には、取引対象に関する様々な情報が含まれる。例えば、取引対象情報には、取引対象の情報提供に用いられる様々な情報が含まれる。例えば、取引対象情報には、販売元、販売価格、取引対象の画像、カテゴリ、タイトル、説明文、支払方法、販売期間、販売個数などが含まれる。 Here, the transaction object information includes various information regarding the transaction object. For example, the transaction object information includes various information used to provide information about the transaction object. For example, the transaction object information includes a sales source, a sales price, an image of a transaction object, a category, a title, a description, a payment method, a sales period, the number of items sold, and the like.
また、例えば、取引対象情報には、取引対象の販売履歴が含まれる。例えば、取引対象情報には、取引対象の予約数、注文数、販売数、注文金額(売上)などの情報が含まれる。また、例えば、取引対象情報には、取引対象が販売された日時から経過した期間、取引対象を示す情報の閲覧回数(PV(Page View)数)、取引対象に対するレビュー数、取引対象に対する評価などの情報が含まれる。 Further, for example, the transaction object information includes the sales history of the transaction object. For example, the transaction object information includes information such as the number of reservations, the number of orders, the number of sales, and the order amount (sales) of the transaction object. For example, the transaction object information includes the period of time that has passed since the date and time when the transaction object was sold, the number of views of information indicating the transaction object (PV (Page View) number), the number of reviews for the transaction object, the evaluation of the transaction object, etc. Contains information.
なお、上記例では、情報提供装置1が、ステップS1と、ステップS2とに分けて取得処理を行う例を挙げて説明したが、情報提供装置1は、外部装置3からユーザ情報と取引対象情報とを同時に取得してもよい。
In the above example, the
また、情報提供装置1は、サイトの管理者が用いる端末装置である管理者装置4から各種サイトのウェブコンテンツの構成情報を取得する(ステップS3)。ウェブコンテンツの構成情報は、ウェブコンテンツを端末装置2で表示するためのウェブコンテンツのレイアウトなどの情報である。ウェブコンテンツの構成情報は、例えば、HTML(Hyper Text Markup Language)またはXML(eXtensible Markup Language)などのマークアップ言語で記述された情報、およびスクリプト言語などのプログラム言語で記述された情報などを含む。
Further, the
ウェブコンテンツは、互いに異なる領域に配置される複数のモジュールを含む。ウェブコンテンツを構成する複数のモジュールは、例えば、ヘッダとして機能するヘッダモジュール、取引対象を検索するための検索枠を含む検索モジュール、複数の取引対象の情報をカルーセル表示するカルーセル表示モジュール、および複数の取引対象の情報をランキング表示するランキング表示モジュールなどを含む。複数のモジュールのうちの少なくとも一部のモジュールは、ウェブコンテンツの提供先となるユーザUの情報であるユーザ情報を用いてカスタマイズされる。 Web content includes multiple modules arranged in different areas. The multiple modules that make up the web content include, for example, a header module that functions as a header, a search module that includes a search frame for searching for transaction targets, a carousel display module that displays information on multiple transaction targets in a carousel, and a plurality of It includes a ranking display module that displays transaction target information in a ranking manner. At least some of the modules are customized using user information that is information about the user U to whom the web content is provided.
また、情報提供装置1は、管理者装置4からファーストビュー設定要求を受け付ける(ステップS4)。ファーストビュー設定要求は、ウェブコンテンツを構成する複数のモジュールのうちファーストビューの対象となるモジュールを指定する情報を含む。
Further, the
情報提供装置1は、ファーストビュー設定要求に含まれるファーストビューの対象を示す情報に基づいて、ウェブコンテンツを構成する複数のモジュールの各々がファーストビューの対象であるか否かを設定する。
The
例えば、情報提供装置1は、複数のモジュールのうちファーストビュー設定要求によって一部のモジュールがファーストビューの対象として設定されたウェブコンテンツを第1ウェブコンテンツとして扱う。また、情報提供装置1は、複数のモジュールのうちファーストビュー設定要求によってすべてのモジュールがファーストビューの対象として設定されたウェブコンテンツを第2ウェブコンテンツとして扱う。また、情報提供装置1は、複数のモジュールのいずれもファーストビューの対象として設定されていないウェブコンテンツを第3ウェブコンテンツとして扱う。
For example, the
なお、情報提供装置1は、予め定められた条件を満たす第3ウェブコンテンツを第2ウェブコンテンツとして設定することもできる。また、情報提供装置1は、第3ウェブコンテンツを構成する複数のモジュールのうち予め定められた条件を満たすモジュールをファーストビューの対象として設定して、第3ウェブコンテンツを第1ウェブコンテンツとして扱うこともできる。
Note that the
以下において、第1ウェブコンテンツの複数のモジュールのうちファーストビューの対象として設定されているモジュールを第1モジュールと記載し、ファーストビューの対象として設定されていないモジュールを第2モジュールと記載する場合がある。 In the following, among the multiple modules of the first web content, the module that is set as the target of first view may be referred to as the first module, and the module that is not set as the target of first view may be referred to as the second module. be.
情報提供装置1は、ユーザUが用いる端末装置2からのウェブコンテンツの提供要求を受け付ける(ステップS5)。情報提供装置1は、提供要求の対象となるウェブコンテンツに含まれる1以上のモジュールのレンダリングを行う(ステップS6)。
The
ステップS6の処理において、情報提供装置1は、提供要求の対象となるウェブコンテンツが第1ウェブコンテンツであるか第2ウェブコンテンツであるかによってレンダリングの対象となるモジュールが異なる。なお、情報提供装置1は、提供要求の対象となるウェブコンテンツが第3ウェブコンテンツである場合、ステップS6の処理を行わない。
In the process of step S6, the
情報提供装置1は、提供要求の対象となるウェブコンテンツが第1ウェブコンテンツである場合、第1ウェブコンテンツを構成する複数のモジュールのうち第1モジュールのレンダリングを行う。
When the web content that is the target of the provision request is the first web content, the
具体的には、情報提供装置1は、第1ウェブコンテンツを構成する複数のモジュールのうち第1モジュールの複数の要素を外部装置3から取得した取引対象情報の中から収集する。例えば、情報提供装置1は、ユーザUのユーザ情報に基づいて、収集対象となる複数の要素を決定し、決定した複数の要素を第1モジュールの複数の要素として取引対象情報の中から収集する。そして、情報提供装置1は、取引対象情報の中から収集した複数の要素に基づいて、第1モジュールのレンダリングを行う。
Specifically, the
例えば、情報提供装置1は、第1モジュールがカルーセル表示モジュールである場合、ユーザUのユーザ情報に基づいて、ユーザUが興味関心を有するカテゴリの複数の取引対象の情報を第1モジュールの複数の要素として取引対象情報の中から収集する。そして、情報提供装置1は、収集した複数の取引対象の情報をカルーセル表示可能にレンダリングする。
For example, when the first module is a carousel display module, the
また、ステップS6の処理において、情報提供装置1は、提供要求の対象となるウェブコンテンツが第2ウェブコンテンツである場合、第2ウェブコンテンツを構成する複数のモジュールの各々のレンダリングを行う。
In addition, in the process of step S6, when the web content that is the subject of the provision request is the second web content, the
具体的には、情報提供装置1は、第2ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を取引対象情報の中から収集する。例えば、情報提供装置1は、ユーザUのユーザ情報に基づいて、収集対象となる複数の要素を決定し、決定した複数の要素を取引対象情報の中から収集する。そして、情報提供装置1は、取引対象情報の中から収集した複数の要素に基づいて、複数の第2モジュールのレンダリングを行う。
Specifically, the
次に、情報提供装置1は、提供要求の対象となるウェブコンテンツの情報である提供情報を端末装置2に提供する情報提供を行う(ステップS7)。提供情報は、例えば、提供要求の対象となるウェブコンテンツの構成情報であり、複数のタグ情報を含む。
Next, the
ステップS7の処理において、情報提供装置1は、提供要求の対象となるウェブコンテンツが第1ウェブコンテンツであるか第2ウェブコンテンツである場合、第1情報と第2情報とユーザUのユーザ情報とを含む提供情報を端末装置2に提供する。
In the process of step S7, if the web content that is the target of the provision request is the first web content or the second web content, the
第1情報は、提供要求の対象となるウェブコンテンツが第1ウェブコンテンツである場合、第1ウェブコンテンツを構成する複数のモジュールのうちステップS6においてレンダリングされた第1モジュールを取得するための情報である。換言すれば、第1情報は、サーバサイドレンダリングによって生成されたモジュールを取得するための情報である。例えば、第1情報は、ステップS6においてレンダリングされた第1モジュールの取得先のアドレスの情報を含むタグ情報である。 The first information is information for acquiring the first module rendered in step S6 among the plurality of modules that constitute the first web content, when the web content that is the target of the provision request is the first web content. be. In other words, the first information is information for obtaining a module generated by server-side rendering. For example, the first information is tag information that includes information on the address from which the first module rendered in step S6 is acquired.
また、第1情報は、提供要求の対象となるウェブコンテンツが第2ウェブコンテンツである場合、第2ウェブコンテンツを構成する複数のモジュールであってステップS6においてレンダリングされた複数のモジュールを取得するための情報である。例えば、第1情報は、ステップS6においてレンダリングされた各モジュールの取得先のアドレスの情報を含むタグ情報である。 In addition, when the web content that is the target of the provision request is the second web content, the first information is for acquiring the plurality of modules that constitute the second web content and that were rendered in step S6. This is the information. For example, the first information is tag information that includes information on the address from which each module rendered in step S6 is acquired.
第2情報は、提供要求の対象となるウェブコンテンツが第1ウェブコンテンツである場合、第1レンダリング処理および第1表示処理を端末装置2に実行させるための情報である。換言すれば、第2情報は、クライアントサイドレンダリングによってモジュールを生成するための情報である。
The second information is information for causing the
第1レンダリング処理は、第1ウェブコンテンツを構成する複数のモジュールのうち第2モジュールの複数の要素を情報提供装置1から収集し、収集した第2モジュールの複数の要素に基づいて、第2モジュールをレンダリングする処理である。第1表示処理は、第1レンダリング処理によってレンダリングされた複数のモジュールを端末装置2に表示する処理である。
The first rendering process collects a plurality of elements of a second module from among a plurality of modules constituting the first web content from the
第2情報は、提供要求の対象となるウェブコンテンツが第2ウェブコンテンツである場合、第2レンダリング処理および第2表示処理を端末装置2に実行させるための情報である。
The second information is information for causing the
第2レンダリング処理は、第2ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を情報提供装置1から収集し、収集した複数のモジュールの各々の複数の要素に基づいて、複数のモジュールをレンダリングする処理である。
The second rendering process collects a plurality of elements of each of a plurality of modules constituting the second web content from the
第2表示処理は、第2レンダリング処理によってレンダリングされた複数のモジュールを、第1情報によって表示された複数のモジュールが表示されている端末装置2の表示領域に上書き表示する処理である。なお、上書き表示の処理は、第1情報によって表示されている複数のモジュールを、第2レンダリング処理によってレンダリングされた複数のモジュールに置き換える処理である。
The second display process is a process of overwriting and displaying the plurality of modules rendered by the second rendering process on the display area of the
第2情報は、提供要求の対象となるウェブコンテンツが第3ウェブコンテンツである場合、第3レンダリング処理および第3表示処理を端末装置2に実行させるための情報である。
The second information is information for causing the
第3レンダリング処理は、第3ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を情報提供装置1から収集し、収集した複数のモジュールの各々の複数の要素に基づいて、複数のモジュールをレンダリングする処理である。第3表示処理は、第3レンダリング処理によってレンダリングされた複数のモジュールを端末装置2に表示する処理である。
The third rendering process collects a plurality of elements of each of a plurality of modules constituting the third web content from the
第2情報は、例えば、スプリクト言語などのプログラム言語で記述された情報またはスプリクト言語などのプログラム言語で記述されたプログラムの取得先のアドレスの情報を含むタグ情報であるが、かかる例に限定されない。 The second information is, for example, tag information that includes information written in a programming language such as the script language, or information about an address from which a program written in a programming language such as the script language is obtained, but is not limited to such examples. .
端末装置2は、情報提供装置1から提供される提供情報に基づく処理を行うことで、ウェブコンテンツに表示する(ステップS8)。提供情報に基づく処理は、提供要求に対応するウェブコンテンツが第1ウェブコンテンツ、第2ウェブコンテンツ、および第3ウェブコンテンツのいずれであるかによって異なる。
The
まず、提供要求に対応するウェブコンテンツが第1ウェブコンテンツである場合について説明する。この場合、端末装置2は、提供情報に含まれる第1情報に基づいて、ファーストビューの対象となるモジュールであって情報提供装置1によってレンダリングされた第1モジュールを表示する。
First, a case where the web content corresponding to the provision request is the first web content will be described. In this case, the
例えば、端末装置2は、提供情報に含まれる第1情報が情報提供装置1によってレンダリングされた第1モジュールの取得先のアドレスを示す場合、第1情報に基づいて、レンダリング済みの第1モジュールを情報提供装置1から取得する。そして、端末装置2は、情報提供装置1から取得したレンダリング済みの第1モジュールを表示する。
For example, when the first information included in the provided information indicates the address of the acquisition destination of the first module rendered by the
これにより、ファーストビューの対象として設定された第1モジュールは、端末装置2でレンダリングが行われることなく、端末装置2に表示されることから、端末装置2に表示される第1モジュールのカクつきの発生を抑制することができ、複数のモジュールを含むウェブコンテンツを端末装置2で表示する際の表示品質を高めることができる。
As a result, the first module set as the target of first view is displayed on the
また、端末装置2は、第1ウェブコンテンツのうち端末装置2の表示領域に表示されている領域を含む予め定められた領域に配置される第2モジュールをレンダリング対象の第2モジュールとして判定する。端末装置2は、提供情報に含まれる第2情報に基づいて、レンダリング対象の第2モジュールの複数の要素を情報提供装置1から収集する。
Furthermore, the
そして、端末装置2は、情報提供装置1から収集した第2モジュールの複数の要素と、提供情報に含まれるユーザ情報とに基づいて、第2モジュールをレンダリングする処理であるレンダリング処理を行う。端末装置2は、レンダリング済みの第2モジュールを第2情報で指定された領域に配置することで第2モジュールを表示する。
Then, the
これにより、端末装置2の表示領域に表示されていない第2モジュールであって表示位置が下位の第2モジュールの複数の要素の収集タイミングを遅らせることができる。また、ユーザUの操作によってウェブコンテンツの下位の領域まで閲覧されない場合には、第2モジュールの複数の要素を収集したりレンダリングしたりすることがないため、第2モジュールが情報提供装置1でレンダリングされる場合に比べて、通信負荷および処理負荷などを低減することができる。
Thereby, the collection timing of a plurality of elements of a second module that is not displayed in the display area of the
また、端末装置2において、第2モジュールのレンダリング処理を行うための第2情報が用いられる。そのため、例えば、端末装置2は、第2情報を用いて、レンダリング処理を繰り返すことで、モジュールを構成する複数の要素を動的に表示することが容易となる。また、端末装置2は、モジュールを構成する複数の要素を動的に変更することもでき、ウェブコンテンツの魅力を向上させることができる。
Further, in the
次に、提供要求に対応するウェブコンテンツが第2ウェブコンテンツである場合について説明する。この場合、端末装置2は、提供情報に含まれる第1情報に基づいて、第2ウェブコンテンツを構成するすべてのモジュールであって情報提供装置1によってレンダリングされたモジュールを表示する。
Next, a case where the web content corresponding to the provision request is the second web content will be described. In this case, the
これにより、第2ウェブコンテンツを構成するすべてのモジュールは、端末装置2でレンダリングが行われることなく、端末装置2に表示される。これにより、第2ウェブコンテンツを構成するすべてのモジュールは、端末装置2でのレンダリングなしに表示される。そのため、端末装置2に表示されるモジュールのカクつきの発生を抑制することができ、複数のモジュールを含むウェブコンテンツを端末装置2で表示する際の表示品質を高めることができる。
As a result, all the modules constituting the second web content are displayed on the
また、端末装置2は、提供情報に含まれる第2情報に基づいて、第2ウェブコンテンツを構成する複数のモジュールのうち端末装置2の表示領域を含む予め定められた領域に配置される複数のモジュールをレンダリング対象の複数のモジュールとして判定する。
The
端末装置2は、提供情報に含まれる第2情報に基づいて、レンダリング対象の複数のモジュールの複数の要素を情報提供装置1から収集する。そして、端末装置2は、情報提供装置1から収集した複数のモジュールの複数の要素と、提供情報に含まれるユーザ情報とに基づいて、複数のモジュールのレンダリングを行う。端末装置2は、レンダリング済みの複数のモジュールを提供情報で指定された領域に配置することで複数のモジュールを表示領域に上書き表示する。
The
このように、端末装置2において、レンダリング処理を行うための第2情報が用いられる。そのため、例えば、端末装置2は、第2情報を用いて、レンダリング処理を繰り返すことで、モジュールを構成する複数の要素を動的に表示することが容易となる。また、端末装置2は、モジュールを構成する複数の要素を動的に変更することもでき、ウェブコンテンツの魅力を向上させることができる。
In this way, the second information for performing rendering processing is used in the
次に、提供要求に対応するウェブコンテンツが第3ウェブコンテンツである場合について説明する。この場合、端末装置2は、提供情報に含まれる第2情報に基づいて、第3ウェブコンテンツを構成する複数のモジュールのうち端末装置2に表示されている領域を含む予め定められた領域に配置される複数のモジュールをレンダリング対象の複数のモジュールとして判定する。
Next, a case where the web content corresponding to the provision request is the third web content will be described. In this case, the
端末装置2は、提供情報に含まれる第2情報に基づいて、レンダリング対象の複数のモジュールの複数の要素を情報提供装置1から収集する。そして、端末装置2は、情報提供装置1から収集した複数のモジュールの複数の要素と、提供情報に含まれるユーザ情報とに基づいて、複数のモジュールのレンダリングを行う。端末装置2は、レンダリング済みの複数のモジュールを提供情報で指定された領域に配置することで複数のモジュールを表示領域に表示する。
The
このように、端末装置2において、レンダリング処理を行うための第2情報が用いられる。そのため、例えば、端末装置2は、第2情報を用いて、レンダリング処理を繰り返すことで、モジュールを構成する複数の要素を動的に表示することが容易となる。また、端末装置2は、モジュールを構成する複数の要素を動的に変更することもでき、ウェブコンテンツの魅力を向上させることができる。
In this way, the second information for performing rendering processing is used in the
以下、このような処理を行う情報提供装置1、端末装置2、外部装置3、および管理者装置4を含む情報提供システムの構成などについて、詳細に説明する。
Hereinafter, the configuration of the information providing system including the
〔2.情報提供システム100の構成〕
図2は、実施形態に係る情報システムの構成の一例を示す図である。図2に示すように、実施形態に係る情報提供システム100は、情報提供装置1と、端末装置2と、外部装置3と、管理者装置4とを含む。
[2. Configuration of information provision system 100]
FIG. 2 is a diagram illustrating an example of the configuration of an information system according to the embodiment. As shown in FIG. 2, the
情報提供装置1、端末装置2、外部装置3、および管理者装置4は、ネットワークNを介して、有線または無線により互いに通信可能に接続される。なお、図2に示す情報提供システム100には、情報提供装置1、端末装置2、外部装置3、および管理者装置4の各々が複数含まれてもよい。
The
実施形態に係る端末装置2および管理者装置4の各々は、ウェブコンテンツなどにアクセスするユーザUによって利用される情報処理装置である。例えば、端末装置2および管理者装置4の各々は、デスクトップ型PC(Personal Computer)、ノート型PC、タブレット端末、携帯電話機、またはPDA(Personal Digital Assistant)などである。なお、端末装置2は、上記例に限定されなくともよく、例えば、スマートウォッチまたはウェアラブルデバイス(Wearable Device)などであってもよい。
Each of the
実施形態に係る外部装置3は、各種情報を提供する情報処理装置であり、例えば、サーバ装置またはクラウドシステムなどにより実現される。例えば、外部装置3は、各種情報として、ユーザ情報を提供する。また、他の例として、外部装置3は、インターネットショッピング、電子商店街、フリーマーケットサイト、オークションサイト、旅行または飲食店などの予約サイト、クレジットカード契約サイト、金融商品提供サイトなどにおける取引対象に関する情報を提供する。
The
実施形態に係る情報提供装置1は、インターネットなどの所定のネットワークNを介して、各種の装置と通信可能な情報処理装置であり、例えば、サーバ装置またはクラウドシステムなどにより実現される。例えば、情報提供装置1は、ネットワークNを介して、他の各種装置と通信可能に接続される。
The
〔3.情報提供装置1の構成〕
以下、上記した情報提供装置1が有する機能構成の一例について説明する。図2に示すように、情報提供装置1は、通信部10と、記憶部11と、処理部12とを有する。
[3. Configuration of information providing device 1]
An example of the functional configuration of the
〔3.1.通信部10〕
通信部10は、例えば、NIC(Network Interface Card)などによって実現される。そして、通信部10は、ネットワークNと有線または無線で接続され、他の各種装置との間で情報の送受信を行う。例えば、通信部10は、端末装置2、外部装置3、および管理者装置4の各々との間でネットワークNを介して情報の送受信を行う。
[3.1. Communication department 10]
The communication unit 10 is realized by, for example, a NIC (Network Interface Card). The communication unit 10 is connected to the network N by wire or wirelessly, and transmits and receives information to and from various other devices. For example, the communication unit 10 transmits and receives information to and from each of the
〔3.2.記憶部11〕
記憶部11は、例えば、RAM(Random Access Memory)、フラッシュメモリ(Flash Memory)などの半導体メモリ素子、または、ハードディスク、光ディスクなどの記憶装置によって実現される。また、記憶部11は、ユーザ情報記憶部20と、取引対象情報記憶部21と、コンテンツ情報記憶部22とを有する。
[3.2. Storage unit 11]
The
〔3.2.1.ユーザ情報記憶部20〕
ユーザ情報記憶部20は、ユーザUに関する各種ユーザ情報を記憶する。図3は、実施形態に係るユーザ情報記憶部20に記憶されるユーザ情報テーブルの一例を示す図である。図3に示した例では、ユーザ情報記憶部20に記憶されるユーザ情報テーブルは、「ユーザID」、「ユーザ情報」といった項目を有する。例えば、「ユーザ情報」は、「属性情報」、「購買履歴」、「閲覧履歴」、「ポイント情報」といった項目を含む。
[3.2.1. User information storage unit 20]
The user information storage unit 20 stores various types of user information regarding the user U. FIG. 3 is a diagram showing an example of a user information table stored in the user information storage unit 20 according to the embodiment. In the example shown in FIG. 3, the user information table stored in the user information storage unit 20 has items such as "user ID" and "user information." For example, "user information" includes items such as "attribute information,""purchasehistory,""browsinghistory," and "point information."
「ユーザID」は、ユーザUを識別する識別子である。「属性情報」は、「ユーザID」に対応付けられたユーザUの属性に関する属性情報である。例えば、属性情報は、ユーザUの年齢、性別、電話番号、および住所などを含む。なお、上述した属性情報は、一例に過ぎず、年齢、性別など以外、例えば職業などのデモグラフィック属性を示す情報、および興味・関心、ライフスタイルなどのサイコグラフィック属性を示す情報などの様々な情報が含まれる。 “User ID” is an identifier that identifies user U. "Attribute information" is attribute information regarding the attribute of the user U associated with the "user ID." For example, the attribute information includes user U's age, gender, telephone number, address, and the like. The above-mentioned attribute information is just one example, and includes various information other than age, gender, etc., such as information indicating demographic attributes such as occupation, and information indicating psychographic attributes such as interests, lifestyle, etc. is included.
「購買履歴」は、「ユーザID」に対応付けられたユーザUによって購買された購買履歴である。例えば、購買履歴は、ユーザUによって購買された取引対象に関する情報、取引対象の種別、取引対象が購買された購買回数、取引対象が購買された日時に関する情報などである。 “Purchase history” is a purchase history made by user U associated with “user ID”. For example, the purchase history includes information regarding the transaction object purchased by the user U, the type of transaction object, the number of times the transaction object was purchased, the date and time when the transaction object was purchased, and the like.
「閲覧履歴」は、「ユーザID」に対応付けられたユーザUによってコンテンツが閲覧された履歴である。例えば、「閲覧履歴」は、ユーザUの端末装置2にコンテンツが表示された履歴であってもよい。例えば、閲覧履歴は、ユーザUによって閲覧(表示)されたコンテンツに関する情報、コンテンツの種別、コンテンツが表示された表示回数、コンテンツが表示された日時に関する情報などである。
“Browsing history” is a history of contents being viewed by user U associated with “user ID”. For example, the "browsing history" may be a history of content displayed on the
「ポイント情報」は、ユーザUに付与されたポイントの情報であり、ポイントは、例えば、複数のオンラインサービスで利用可能なポイントである。なお、「ポイント情報」は、利用期限付きのポイントおよび利用期限なしのポイントなどのように複数種類のポイントの情報を含む。 "Point information" is information on points given to user U, and points are points that can be used in a plurality of online services, for example. Note that the "point information" includes information on multiple types of points, such as points with an expiration date and points without an expiration date.
例えば、図3では、ユーザIDによって識別された「U1」は、属性情報が「CH1」であり、購買履歴が「PH1」であり、表示履歴が「WA1」、ポイント情報が「PA1」である。なお、図3に示した例では、属性情報などを、「CH1」などの抽象的な符号で表現したが、属性情報などは、具体的な数値、具体的な文字列、または各種情報を含むファイル形式などであってもよい。 For example, in FIG. 3, "U1" identified by the user ID has attribute information "CH1", purchase history "PH1", display history "WA1", and point information "PA1". . Note that in the example shown in Figure 3, attribute information, etc. is expressed using an abstract code such as "CH1", but attribute information, etc. may include specific numbers, specific character strings, or various types of information. It may be a file format, etc.
なお、図示しないが、ユーザ情報記憶部20は、ユーザUの行動履歴(例えば、カートへの取引対象の追加履歴、取引対象に対するお気に入り登録履歴など)も記憶される。また、ユーザ情報記憶部20は、上記に限らず、目的に応じて種々の情報を記憶してもよい。ユーザ情報記憶部20は、各取引対象についてその情報の表示回数、例えばユーザUの閲覧回数を示す情報をユーザ毎に記憶してもよい。 Although not shown, the user information storage unit 20 also stores the action history of the user U (for example, the history of adding transaction objects to the cart, the history of favorite registration for transaction objects, etc.). Further, the user information storage unit 20 is not limited to the above, and may store various information depending on the purpose. The user information storage unit 20 may store information indicating the number of times the information has been displayed for each transaction object, for example, the number of times the user U has viewed the information, for each user.
〔3.2.2.取引対象情報記憶部21〕
取引対象情報記憶部21は、取引対象に関する各種取引対象情報を記憶する。図4は、実施形態に係る取引対象情報記憶部21に記憶される取引対象情報テーブルの一例を示す図である。図4に示す例では、取引対象情報記憶部21に記憶される取引対象情報テーブルは、「取引対象ID」、「取引対象情報」、「カテゴリ」、「製品特定情報」といった項目を含む。なお、図4では、「カテゴリ」および「製品特定情報」を説明するために、「取引対象情報」と別の項目として説明するが、カテゴリの情報や製品の情報は、取引対象情報に含まれてもよい。
[3.2.2. Transaction object information storage unit 21]
The transaction object
「取引対象ID」は、取引対象を識別する識別子である。「取引対象情報」は、「取引対象ID」により識別される取引対象の情報である取引対象情報である。「カテゴリ」は、「取引対象ID」により識別される取引対象が該当するカテゴリに関する情報である。「製品特定情報」は、「取引対象ID」により識別される取引対象が該当する製品に関する情報である。 “Transaction object ID” is an identifier that identifies a transaction object. "Transaction object information" is transaction object information that is information about a transaction object identified by a "transaction object ID." "Category" is information regarding the category to which the transaction object identified by the "transaction object ID" corresponds. "Product identification information" is information regarding the product to which the transaction object identified by the "transaction object ID" corresponds.
例えば、図4では、取引対象ID「U1」の取引対象は、取引対象情報が「MA1」であり、カテゴリが「CT1」であり、特定商品情報が「PD1」である。なお、図4に示した例では、取引対象情報などを、「MA1」などの抽象的な符号で表現したが、取引対象情報などは、具体的な文字列、具体的な数値、または各種情報を含むファイル形式などであってもよい。 For example, in FIG. 4, the transaction object with the transaction object ID "U1" has the transaction object information "MA1", the category "CT1", and the specific product information "PD1". Note that in the example shown in Figure 4, the transaction target information, etc. is expressed with an abstract code such as "MA1", but the transaction target information, etc. can be expressed as a specific character string, a specific numerical value, or various information. It may also be a file format containing .
〔3.2.3.コンテンツ情報記憶部22〕
コンテンツ情報記憶部22は、ウェブコンテンツに関する情報を記憶する。図5は、実施形態に係るコンテンツ情報記憶部22に記憶されるコンテンツテーブルの一例を示す図である。図5に示した例では、コンテンツ情報記憶部22に記憶されるコンテンツテーブルは、「コンテンツID」、「ウェブコンテンツ」、「設定情報」といった項目を有する。
[3.2.3. Content information storage unit 22]
The content
「コンテンツID」は、ウェブコンテンツを識別する識別子である。「ウェブコンテンツ」は、「コンテンツID」に対応付けられたウェブコンテンツに関する情報である。「ウェブコンテンツ」は、「CO1」などの抽象的な符号で表現したが、例えば、ウェブコンテンツの構成情報である。 "Content ID" is an identifier that identifies web content. “Web content” is information regarding web content associated with “content ID”. "Web content" is expressed by an abstract code such as "CO1", and is, for example, configuration information of web content.
「設定情報」は、ウェブコンテンツに対する設定情報であり、例えば、ウェブコンテンツを構成する複数のモジュールの各々にファーストビューの設定がされているか否かを示す情報を含む。また、「設定情報」は、ウェブコンテンツの種別を示す情報を含む。ウェブコンテンツの種別は、例えば、第1ウェブコンテンツ、第2ウェブコンテンツ、および第3ウェブコンテンツなどである。 "Setting information" is setting information for web content, and includes, for example, information indicating whether first view settings are set for each of a plurality of modules that make up the web content. Moreover, "setting information" includes information indicating the type of web content. The types of web content include, for example, first web content, second web content, and third web content.
ウェブコンテンツは、互いに異なる領域に配置される複数のモジュールを含む。ウェブコンテンツを構成する複数のモジュールは、例えば、ヘッダとして機能するヘッダモジュール、取引対象を検索するための検索枠を含む検索モジュール、複数の取引対象の情報をカルーセル表示するカルーセル表示モジュール、および複数の取引対象の情報をランキング表示するランキング表示モジュールなどを含む。複数のモジュールのうちの少なくとも一部のモジュールは、ウェブコンテンツの提供先となるユーザUの情報であるユーザ情報を用いてカスタマイズされる。 Web content includes multiple modules arranged in different areas. The multiple modules that make up the web content include, for example, a header module that functions as a header, a search module that includes a search frame for searching for transaction targets, a carousel display module that displays information on multiple transaction targets in a carousel, and a plurality of It includes a ranking display module that displays transaction target information in a ranking manner. At least some of the modules are customized using user information that is information about the user U to whom the web content is provided.
ウェブコンテンツの構成情報は、ウェブコンテンツのレイアウトなどをHTML(Hyper Text Markup Language)またはXML(eXtensible Markup Language)などのマークアップ言語で記述された情報、およびスクリプト言語などのプログラム言語で記述された情報などを含む。ウェブコンテンツは、上述したように、複数のモジュールを含む複数の情報によって構成されており、各モジュールを端末装置2に表示させるための情報を含む。
Web content configuration information includes information written in a markup language such as HTML (Hyper Text Markup Language) or XML (eXtensible Markup Language), such as the layout of web content, and information written in a programming language such as a script language. Including. As described above, the web content is composed of a plurality of pieces of information including a plurality of modules, and includes information for displaying each module on the
モジュールを端末装置2に表示させるための情報は、例えば、情報提供装置1でレンダリングされたモジュールであれば、かかるモジュールの取得先となるアドレスの情報である。また、モジュールを端末装置2に表示させるための情報は、例えば、端末装置2でレンダリングされるモジュールであれば、レンダリング処理および表示処理を端末装置2に実行させるための情報であり、例えば、スクリプト言語などのプログラム言語で記述された情報またはスプリクト言語などのプログラム言語で記述された情報の取得先のアドレスの情報などである。
For example, if the module is rendered by the
レンダリング処理は、端末装置2でモジュールの複数の要素を情報提供装置1から収集し、収集した複数の要素に基づいて、モジュールをレンダリングする処理である。表示処理は、レンダリング処理によってレンダリングされたモジュールを端末装置2に表示する処理である。
The rendering process is a process in which the
図6は、実施形態に係る情報提供装置1から提供されるウェブコンテンツを構成する複数のモジュールの一例を示す図である。図6に示すウェブコンテンツCO1は、複数のモジュールM1~M7を含む。
FIG. 6 is a diagram illustrating an example of a plurality of modules that constitute web content provided by the
モジュールM1は、ウェブコンテンツCO1のヘッダとして機能するヘッダモジュールであり、例えば、ユーザUのアカウント名を表示する領域およびユーザUが保有するポイントを表示する領域などを含む。 Module M1 is a header module that functions as a header of web content CO1, and includes, for example, an area for displaying user U's account name and an area for displaying points held by user U.
モジュールM1において、ポイントを表示する領域は、ユーザUが端末装置2を操作して選択することができ、ユーザUの選択によって、ユーザUが保有するポイントの詳細情報を含むウェブコンテンツに移行することができる。モジュールM1には、ポイントの詳細情報を含むウェブコンテンツの取得先のアドレス情報などを含み、かかるアドレス情報には、例えば、ユーザUの情報が含まれる。
In the module M1, the area in which points are displayed can be selected by the user U by operating the
モジュールM2は、取引対象を検索するための検索枠を含む検索モジュールであり、例えば、カートアイコン、お気に入りアイコン、注文履歴アイコンなどを含む。カートアイコンは、カートのウェブコンテンツに移行するためのUI(User Interface)である。お気に入りアイコンは、ユーザUがお気に入りとして登録した取引対象のウェブコンテンツに移行するためのUIである。注文履歴アイコンは、ユーザUが過去に注文した取引対象の情報を含むウェブコンテンツに移行するためのUIである。各アイコンには、ユーザUの情報が含まれる。 Module M2 is a search module that includes a search frame for searching for transaction targets, and includes, for example, a cart icon, favorites icon, order history icon, and the like. The cart icon is a UI (User Interface) for transitioning to the web content of the cart. The favorite icon is a UI for moving to the web content to be traded that the user U has registered as a favorite. The order history icon is a UI for moving to web content that includes information on transaction objects that the user U has ordered in the past. Each icon includes information about user U.
モジュールM3~M6は、複数の取引対象の情報をカルーセル表示するカルーセル表示モジュールである。モジュールM3には、広告対象となる取引対象であってユーザUのユーザ情報に応じて選択される取引対象の情報が複数含まれる。 Modules M3 to M6 are carousel display modules that display information on a plurality of transaction objects in a carousel. The module M3 includes a plurality of pieces of information on transaction targets to be advertised and selected according to user U's user information.
モジュールM4には、特定の店舗の取引対象の情報であって端末装置2に並べて表示される複数の取引対象の情報が含まれる。モジュールM5には、特定のカテゴリに属する取引対象のうちユーザUに応じた取引対象の情報であって端末装置2に並べて表示される複数の取引対象の情報が含まれる。モジュールM6には、特定のカテゴリに属する取引対象の情報であって特定の順位付け基準に従って順位付けされて端末装置2に並べて表示される複数の取引対象の情報が含まれる。
The module M4 includes information on a plurality of transaction objects that are displayed side by side on the
モジュールM3~M6に含まれる取引対象の情報は、ユーザUが端末装置2を操作して選択することができ、ユーザUの選択によって、ユーザUが選択した取引対象の情報を含むウェブコンテンツが情報提供装置1から端末装置2に提供される。
The information on the transaction object included in the modules M3 to M6 can be selected by the user U by operating the
モジュールM7は、例えば、端末装置2において選択可能に階層構造で端末装置2に表示される複数のカテゴリの情報を含む。各カテゴリの情報は、ユーザUが端末装置2を操作して選択することができ、ユーザUの選択によって、ユーザUが選択したカテゴリに含まれる複数の取引対象の情報を含むウェブコンテンツが情報提供装置1から端末装置2に提供される。
The module M7 includes, for example, information on a plurality of categories that are selectably displayed on the
例えば、ウェブコンテンツは、例えば、ショッピングサイトのウェブコンテンツであるが、ニュースサイト、オークションサイト、天気予報サイト、ファイナンス(株価)サイト、またはポータルサイトなどのウェブコンテンツであってもよい。た、ウェブコンテンツは、路線検索サイト、地図提供サイト、旅行サイト、飲食店紹介サイト、ウェブブログサイト、またはSNSサイトなどのウェブコンテンツであってもよい。 For example, the web content is the web content of a shopping site, but may also be the web content of a news site, an auction site, a weather forecast site, a finance (stock price) site, a portal site, or the like. Further, the web content may be web content such as a route search site, a map providing site, a travel site, a restaurant introduction site, a web blog site, or an SNS site.
〔3.3.処理部12〕
処理部12は、コントローラ(Controller)であり、例えば、CPU(Central Processing Unit)またはMPU(Micro Processing Unit)などのプロセッサによって、情報提供装置1内部の記憶装置(例えば、記憶部11)に記憶されている各種プログラム(情報提供プログラムの一例)がRAMを作業領域として実行されることにより実現される。また、処理部12は、コントローラであり、例えば、ASIC(Application Specific Integrated Circuit)やFPGA(Field Programmable Gate Array)などの集積回路により実現される。
[3.3. Processing unit 12]
The processing unit 12 is a controller, and is stored in a storage device (for example, the storage unit 11) inside the
図2に示すように、処理部12は、取得部30と、受付部31と、レンダリング部32と、提供部33とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、処理部12の内部構成は、図2に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。
As shown in FIG. 2, the processing unit 12 includes an acquisition unit 30, a
〔3.3.1.取得部30〕
取得部30は、各種情報を取得する。取得部30は、記憶部11から各種の情報を取得する。取得部30は、ユーザ情報記憶部20、取引対象情報記憶部21、およびコンテンツ情報記憶部22などから各種の情報を取得する。
[3.3.1. Acquisition unit 30]
The acquisition unit 30 acquires various information. The acquisition unit 30 acquires various information from the
また、取得部30は、通信部10を介して、外部の情報処理装置から各種情報を受信する。取得部30は、外部装置3から取引対象に関する情報を取得する。例えば、取得部30は、取引対象情報を外部装置3から取得し、取得した取引対象情報を取引対象情報記憶部21に記憶させる。また、取得部30は、外部装置3からユーザUの情報であるユーザ情報を取得し、取得したユーザ情報をユーザ情報記憶部20に記憶する。
Further, the acquisition unit 30 receives various information from an external information processing device via the communication unit 10. The acquisition unit 30 acquires information regarding the transaction object from the
また、取得部30は、管理者装置4または外部の情報処理装置などから各ウェブコンテンツの構成情報を受信する。取得部30は、取得した各ウェブコンテンツの構成情報をコンテンツ情報記憶部22に記憶する。
Further, the acquisition unit 30 receives configuration information of each web content from the
〔3.3.2.受付部31〕
受付部31は、各種要求を受け付ける。受付部31は、通信部10を介して、外部の情報処理装置から各種要求を示す情報を受信する。例えば、受付部31は、端末装置2または外部装置3から要求を受け付ける。
[3.3.2. Reception Department 31]
The
例えば、受付部31は、ウェブコンテンツの提供要求を端末装置2から受け付ける。ウェブコンテンツの提供要求は、例えば、ウェブコンテンツの取得先を示すアドレスを指定した要求、またはユーザUが入力した検索キーワードを含む検索クエリによる要求などを含む。
For example, the receiving
また、受付部31は、端末装置2から要素情報の提供要求を受け付ける。要素情報は、ウェブコンテンツを構成するモジュールの要素の情報である。また、受付部31は、端末装置2からユーザ情報の提供要求を受け付ける。ユーザ情報は、端末装置2のユーザUの情報である。
Further, the receiving
また、受付部31は、管理者装置4からファーストビュー設定要求を受け付ける。受付部31は、受け付けたファーストビュー設定要求に含まれるファーストビューの対象を示す情報に基づいて、複数のモジュールの各々がファーストビューの対象であるか否かを設定する。
Further, the
なお、処理部12は、複数のモジュールのうちファーストビュー設定要求によって一部のモジュールがファーストビューの対象として設定されたウェブコンテンツを第1ウェブコンテンツとして扱う。また、処理部12は、複数のモジュールのうちファーストビュー設定要求によってすべてのモジュールがファーストビューの対象として設定されたウェブコンテンツを第2ウェブコンテンツとして扱う。 Note that the processing unit 12 treats web content in which some modules among a plurality of modules are set as first view targets by a first view setting request as first web content. Further, the processing unit 12 treats web content in which all modules among the plurality of modules are set as first view targets by a first view setting request as second web content.
また、処理部12は、複数のモジュールのいずれもファーストビューの対象として設定されていないウェブコンテンツを第3ウェブコンテンツとして扱う。なお、処理部12は、複数のモジュールのうちファーストビュー設定要求によって一部のモジュールがファーストビューの対象として設定されたウェブコンテンツを第2ウェブコンテンツとして扱うこともできる。 Further, the processing unit 12 treats web content for which none of the plurality of modules is set as a first view target as third web content. Note that the processing unit 12 can also handle web content in which some modules among a plurality of modules are set as first view targets by a first view setting request as second web content.
〔3.3.3.レンダリング部32〕
レンダリング部32は、受付部31によって受け付けられた提供要求で示されるウェブコンテンツが第1ウェブコンテンツである場合、第1ウェブコンテンツに含まれる第1モジュールのレンダリングを行う。第1モジュールは、第1ウェブコンテンツを構成する複数のモジュールのうちファーストビューの対象として予め設定されたモジュールである。
[3.3.3. Rendering unit 32]
When the web content indicated in the provision request received by the accepting
具体的には、レンダリング部32は、コンテンツ情報記憶部22に記憶されている複数のウェブコンテンツの構成情報のうち、提供要求で示される第1ウェブコンテンツの情報をコンテンツ情報記憶部22から取得する。また、レンダリング部32は、提供要求を送信した端末装置2のユーザUのユーザ情報をユーザ情報記憶部20から取得する。
Specifically, the
レンダリング部32は、コンテンツ情報記憶部22から取得したウェブコンテンツの情報に含まれる設定情報とユーザ情報記憶部20から取得したユーザ情報とに基づいて、第1モジュールの複数の要素を特定する。レンダリング部32は、特定した第1モジュールの複数の要素を収集し、収集した複数の要素に基づいて、第1モジュールのレンダリングを行う。
The
レンダリング部32は、提供要求で示されるウェブコンテンツが第1ウェブコンテンツである場合、第2モジュールのレンダリングは行わない。第2モジュールは、第1ウェブコンテンツを構成する複数のモジュールのうちファーストビューの対象として設定されていないモジュールである。
The
また、レンダリング部32は、受付部31によって受け付けられた提供要求で示されるウェブコンテンツが第2ウェブコンテンツである場合、第2ウェブコンテンツに含まれるすべてのモジュールのレンダリングを行う。
Furthermore, when the web content indicated in the provision request received by the accepting
具体的には、レンダリング部32は、コンテンツ情報記憶部22に記憶されている複数のウェブコンテンツの構成情報のうち、提供要求で示される第2ウェブコンテンツの情報をコンテンツ情報記憶部22から取得する。また、レンダリング部32は、提供要求を送信した端末装置2のユーザUのユーザ情報をユーザ情報記憶部20から取得する。
Specifically, the
レンダリング部32は、コンテンツ情報記憶部22から取得したウェブコンテンツの情報に含まれる設定情報とユーザ情報記憶部20から取得したユーザ情報とに基づいて、第2ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を特定する。
The
レンダリング部32は、第2ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を収集し、収集した複数の要素に基づいて、第2ウェブコンテンツを構成する複数のモジュールのレンダリングを行う。
The
なお、レンダリング部32は、提供要求で示されるウェブコンテンツが第3ウェブコンテンツである場合、第3ウェブコンテンツを構成する複数のモジュールのいずれのモジュールのレンダリングも行わない。
Note that, when the web content indicated in the provision request is the third web content, the
〔3.3.4.提供部33〕
提供部33は、提供要求で示されるウェブコンテンツが第1ウェブコンテンツである場合、第1ウェブコンテンツ用の第1情報および第2情報とユーザ情報とを含む提供情報を端末装置2に送信して提供する。
[3.3.4. Providing Department 33]
When the web content indicated in the provision request is the first web content, the providing unit 33 transmits provision information including first and second information for the first web content and user information to the
第1ウェブコンテンツ用の第1情報は、レンダリング部32によってレンダリングが行われた第1モジュールを取得するための情報であり、例えば、レンダリング部32によってレンダリングが行われた第1モジュールの取得先のアドレス(例えば、情報提供装置1内のアドレス)の情報である。なお、第1ウェブコンテンツ用の第1情報は、レンダリング部32によってレンダリングが行われた第1モジュールそのものであってもよい。
The first information for the first web content is information for acquiring the first module rendered by the
第1ウェブコンテンツ用の第2情報は、第2モジュールの複数の要素を端末装置2で収集し、収集した複数の要素に基づいて、第2モジュールのレンダリングを端末装置2で行うための情報である。第2情報は、例えば、スプリクト言語などのプログラム言語で記述された情報またはスプリクト言語などのプログラム言語で記述されたプログラムの取得先のアドレスの情報を含むタグ情報であるが、かかる例に限定されない。
The second information for the first web content is information for collecting a plurality of elements of the second module on the
提供部33は、提供要求で示されるウェブコンテンツが第2ウェブコンテンツである場合、第2ウェブコンテンツ用の第1情報および第2情報とユーザ情報とを含む提供情報を端末装置2に送信して提供する。
When the web content indicated in the provision request is the second web content, the providing unit 33 transmits provision information including first and second information for the second web content and user information to the
第2ウェブコンテンツ用の第1情報は、レンダリング部32によってレンダリングが行われた複数のモジュールを取得するための情報であり、例えば、レンダリング部32によってレンダリングが行われた複数のモジュールの取得先のアドレス(例えば、情報提供装置1内のアドレス)の情報である。なお、第2ウェブコンテンツ用の第1情報は、レンダリング部32によってレンダリングが行われた複数のモジュールそのものであってもよい。
The first information for the second web content is information for acquiring a plurality of modules rendered by the
第2ウェブコンテンツ用の第2情報は、複数のモジュールの各々の複数の要素を端末装置2で収集し、収集した複数の要素に基づいて、複数のモジュールのレンダリングを端末装置2で行うための情報である。第2情報は、例えば、スプリクト言語などのプログラム言語で記述された情報またはスプリクト言語などのプログラム言語で記述されたプログラムの取得先のアドレスの情報を含むタグ情報であるが、かかる例に限定されない。
The second information for the second web content is for collecting a plurality of elements of each of the plurality of modules on the
提供部33は、提供要求で示されるウェブコンテンツが第3ウェブコンテンツである場合、第3ウェブコンテンツ用の第2情報を含む提供情報を端末装置2に送信して提供する。第3ウェブコンテンツ用の第2情報は、複数のモジュールの各々の複数の要素を端末装置2で収集し、収集した複数の要素に基づいて、複数のモジュールのレンダリングを端末装置2で行うための情報である。
When the web content indicated in the provision request is the third web content, the providing unit 33 transmits and provides the provision information including the second information for the third web content to the
また、提供部33は、端末装置2から要素情報の提供要求がある場合に、提供要求で示される要素情報を取引対象情報記憶部21に記憶されている取引対象情報から抽出し、抽出した要素情報を端末装置2に送信する。
Further, when there is a request for provision of element information from the
また、提供部33は、端末装置2からユーザ情報の提供要求がある場合に、提供要求で示される情報(例えば、ユーザID)に基づいて、ユーザ情報記憶部20に記憶されているユーザ情報を取得し、取得したユーザ情報を端末装置2に送信する。
Further, when there is a user information provision request from the
なお、提供部33は、第1ウェブコンテンツと同じウェブコンテンツに対してファーストビューの対象の設定を追加したり削除したりすることで、第2ウェブコンテンツと第3ウェブコンテンツを生成することもできる。この場合、提供部33は、端末装置2の情報またはユーザUの情報に基づいて、第1ウェブコンテンツ、第2ウェブコンテンツ、および第3ウェブコンテンツのいずれを提供するかを決定することもできる。端末装置2の情報は、例えば、端末装置2にインストールされているアプリケーションであって提供供給を行ったアプリケーションの種類およびOS(Operating System)の種類などである。また、ユーザUの情報は、ユーザUの属性などである。
Note that the providing unit 33 can also generate the second web content and the third web content by adding or deleting the first view target setting to the same web content as the first web content. . In this case, the providing unit 33 can also determine which of the first web content, second web content, and third web content to provide based on the information on the
〔4.端末装置2〕
図7は、実施形態に係る端末装置2の構成の一例を示す図である。図7に示すように、実施形態に係る端末装置2は、通信部40と、表示部41と、操作部42と、記憶部43と、処理部44とを備える。
[4. Terminal device 2]
FIG. 7 is a diagram showing an example of the configuration of the
〔4.1.通信部40〕
通信部40は、例えば、NIC(Network Interface Card)などによって実現される。通信部40は、ネットワークNと有線または無線で接続され、ネットワークNを介して、情報提供装置1との間で情報の送受信を行う。
[4.1. Communication department 40]
The communication unit 40 is realized by, for example, a NIC (Network Interface Card). The communication unit 40 is connected to the network N by wire or wirelessly, and transmits and receives information to and from the
〔4.2.表示部41〕
表示部41は、例えば、LCD(Liquid Crystal Display)または有機EL(Electro Luminescence)ディスプレイなどである。
[4.2. Display section 41]
The display unit 41 is, for example, an LCD (Liquid Crystal Display) or an organic EL (Electro Luminescence) display.
〔4.3.操作部42〕
操作部42は、例えば、文字、数字、およびスペースを入力するためのキー、エンターキーおよび矢印キーなどを含むキーボード、マウス、および電源ボタンなどを含む。表示部41がタッチパネルディスプレイの表示装置である場合、操作部42はタッチパネルであってもよい。
[4.3. Operation unit 42]
The operation unit 42 includes, for example, a keyboard including keys for inputting letters, numbers, and spaces, an enter key, and arrow keys, a mouse, a power button, and the like. When the display unit 41 is a touch panel display, the operation unit 42 may be a touch panel.
〔4.4.記憶部43〕
記憶部43は、例えば、RAM(Random Access Memory)、フラッシュメモリ(Flash Memory)などの半導体メモリ素子、または、ハードディスク、光ディスクなどの記憶装置によって実現される。
[4.4. Storage unit 43]
The storage unit 43 is realized by, for example, a semiconductor memory element such as a RAM (Random Access Memory) or a flash memory, or a storage device such as a hard disk or an optical disk.
記憶部43には、例えば、情報提供装置1から送信されネットワークNおよび通信部40を介して処理部44によって取得された情報などが記憶される。
The storage unit 43 stores, for example, information transmitted from the
〔4.5.処理部44〕
処理部44は、コントローラ(controller)であり、例えば、CPU(Central Processing Unit)またはMPU(Micro Processing Unit)などによって、端末装置2内部の記憶装置(例えば、記憶部43)に記憶されている各種プログラムがRAMを作業領域として実行されることにより実現される。
[4.5. Processing unit 44]
The processing unit 44 is a controller, and for example, uses a CPU (Central Processing Unit) or an MPU (Micro Processing Unit) to process various types of data stored in a storage device (for example, the storage unit 43) inside the
また、処理部44は、例えば、ASIC(Application Specific Integrated Circuit)またはFPGA(Field Programmable Gate Array)などの集積回路により実現されてもよい。 Further, the processing unit 44 may be realized by an integrated circuit such as an ASIC (Application Specific Integrated Circuit) or an FPGA (Field Programmable Gate Array).
処理部44は、操作部42へのユーザUの操作に基づいて、ウェブコンテンツの提供要求を通信部40およびネットワークNを介して情報提供装置1に送信する。そして、処理部44は、提供要求に応じて情報提供装置1から送信される提供情報に基づいて、ウェブコンテンツを表示部41に表示させる。
The processing unit 44 transmits a web content provision request to the
図8は、実施形態に係る端末装置2の表示部41の表示領域に一部が表示されているウェブコンテンツの一例を示す図である。図8に示すウェブコンテンツは、図6に示すレイアウトのウェブコンテンツCO1であり、ウェブコンテンツCO1を構成する複数のモジュールM1~M7のうち、モジュールM1~M4,M7が表示部41に表示されている。
FIG. 8 is a diagram illustrating an example of web content partially displayed in the display area of the display unit 41 of the
例えば、処理部44は、提供要求に対応するウェブコンテンツが第1ウェブコンテンツである場合、提供情報に含まれる第1情報に基づいて、ファーストビューの対象となるモジュールであって情報提供装置1によってレンダリングされた第1モジュールを表示部41に表示させる。
For example, when the web content corresponding to the provision request is the first web content, the processing unit 44 determines whether the module is the first view target module and the
例えば、処理部44は、提供情報に含まれる第1情報が情報提供装置1によってレンダリングされた第1モジュールの取得先のアドレスを示す場合、第1情報に基づいて、レンダリング済みの第1モジュールを情報提供装置1から取得する。そして、処理部44は、情報提供装置1から取得したレンダリング済みの第1モジュールを表示部41に表示する。
For example, when the first information included in the provided information indicates the address of the acquisition destination of the first module rendered by the
これにより、ファーストビューの対象として設定された第1モジュールは、端末装置2でレンダリングが行われることなく、端末装置2の表示部41に表示される。これにより、表示部41に表示されるモジュールのカクつきの発生を抑制することができ、複数のモジュールを含むウェブコンテンツを端末装置2で表示する際の表示品質を高めることができる。
Thereby, the first module set as a first view target is displayed on the display unit 41 of the
また、処理部44は、第1ウェブコンテンツのうち端末装置2の表示部41の表示領域を含む予め定められた領域に配置される第2モジュールをレンダリング対象の第2モジュールとして判定する。処理部44は、提供情報に含まれる第2情報とユーザ情報とに基づいて、レンダリング対象の第2モジュールの複数の要素を情報提供装置1から収集する。処理部44は、要素情報の提供要求を通信部40およびネットワークNを介して情報提供装置1に送信することで、レンダリング対象の第2モジュールの複数の要素を取得する。
Furthermore, the processing unit 44 determines a second module, which is placed in a predetermined area including the display area of the display unit 41 of the
そして、処理部44は、情報提供装置1から収集した第2モジュールの複数の要素と、提供情報に含まれるユーザ情報とに基づいて、第2モジュールのレンダリングを行う。処理部44は、レンダリング済みの第2モジュールを提供情報で指定された領域に配置することで複数の第2モジュールを表示部41に表示する。
The processing unit 44 then renders the second module based on the plurality of elements of the second module collected from the
これにより、情報提供装置1は、表示部41の表示領域に表示されていない第2モジュールであって表示される領域がウェブコンテンツの下位の第2モジュールの複数の要素の収集タイミングを遅らせることができる。また、ユーザUの操作によってウェブコンテンツの下位の領域まで閲覧されない場合には、第2モジュールの複数の要素を収集したりレンダリングしたりすることがないため、第2モジュールが情報提供装置1でレンダリングされる場合に比べて、通信負荷および処理負荷などを低減することができる。
Thereby, the
処理部44は、提供要求に対応するウェブコンテンツが第2ウェブコンテンツである場合、提供情報に含まれる第1情報に基づいて、第2ウェブコンテンツを構成するすべてのモジュールであって情報提供装置1によってレンダリングされたモジュールを表示部41に表示させる。
When the web content corresponding to the provision request is the second web content, the processing unit 44 selects all the modules constituting the second web content based on the first information included in the provision information, and the
例えば、処理部44は、提供情報に含まれる第1情報が情報提供装置1によってレンダリングされた複数のモジュールの取得先のアドレスを示す場合、第1情報に基づいて、レンダリング済みの複数のモジュールを情報提供装置1から取得する。そして、処理部44は、情報提供装置1から取得したレンダリング済みの複数のモジュールを表示部41に表示する。
For example, when the first information included in the provided information indicates the address of the acquisition source of the plurality of modules rendered by the
これにより、第2ウェブコンテンツを構成するすべてのモジュールは、端末装置2でレンダリングが行われることなく、端末装置2の表示部41に表示される。これにより、情報提供装置1は、端末装置2に表示されるモジュールのカクつきの発生を抑制することができ、複数のモジュールを含むウェブコンテンツを端末装置2で表示する際の表示品質を高めることができる。
As a result, all the modules constituting the second web content are displayed on the display unit 41 of the
また、処理部44は、提供情報に含まれる第2情報に基づいて、第2ウェブコンテンツを構成する複数のモジュールのうち表示部41の表示領域を含む予め定められた領域に配置される複数のモジュールをレンダリング対象の複数のモジュールとして判定する。 Furthermore, based on the second information included in the provided information, the processing unit 44 selects a plurality of modules arranged in a predetermined area including the display area of the display unit 41 among the plurality of modules constituting the second web content. Determine the module as multiple modules to be rendered.
処理部44は、提供情報に含まれる第2情報とユーザ情報とに基づいて、レンダリング対象の複数のモジュールの複数の要素を情報提供装置1から収集する。処理部44は、要素情報の提供要求を通信部40およびネットワークNを介して情報提供装置1に送信することで、レンダリング対象の第2モジュールの複数の要素を取得する。
The processing unit 44 collects a plurality of elements of a plurality of modules to be rendered from the
そして、処理部44は、情報提供装置1から収集した複数のモジュールの複数の要素と、提供情報に含まれるユーザ情報とに基づいて、複数のモジュールのレンダリングを行う。処理部44は、レンダリング済みの複数のモジュールを提供情報で指定された領域に配置することで複数のモジュールを表示部41に再表示する。
The processing unit 44 then renders the plurality of modules based on the plurality of elements of the plurality of modules collected from the
端末装置2において、レンダリング処理を行うための第2情報が用いられることから、例えば、端末装置2は、第2情報を用いて、レンダリング処理を繰り返すことで、モジュールを構成する複数の要素を動的に表示することが容易となる。また、端末装置2は、モジュールを構成する複数の要素を動的に変更することもでき、ウェブコンテンツの魅力を向上させることができる。
Since the
次に、処理部44は、提供要求に対応するウェブコンテンツが第3ウェブコンテンツである場合、提供情報に含まれる第2情報に基づいて、第3ウェブコンテンツを構成する複数のモジュールのうち端末装置2に表示されている領域を含む予め定められた領域に配置される複数のモジュールをレンダリング対象の複数のモジュールとして判定する。 Next, when the web content corresponding to the provision request is the third web content, the processing unit 44 determines whether the terminal device is selected from among the plurality of modules constituting the third web content based on the second information included in the provision information. A plurality of modules arranged in a predetermined area including the area displayed in 2 are determined as a plurality of modules to be rendered.
処理部44は、提供情報に含まれる第2情報とユーザ情報とに基づいて、レンダリング対象の複数のモジュールの複数の要素を情報提供装置1から収集する。処理部44は、要素情報の提供要求を通信部40およびネットワークNを介して情報提供装置1に送信することで、レンダリング対象の複数のモジュールの各々の複数の要素を取得する。
The processing unit 44 collects a plurality of elements of a plurality of modules to be rendered from the
そして、処理部44は、情報提供装置1から収集した複数のモジュールの各々の複数の要素と、提供情報に含まれるユーザ情報とに基づいて、複数のモジュールのレンダリングを行う。処理部44は、レンダリング済みの複数のモジュールを提供情報で指定された領域に配置することで複数のモジュールを表示部41に表示する。
The processing unit 44 then renders the plurality of modules based on the plurality of elements of each of the plurality of modules collected from the
端末装置2において、レンダリング処理を行うための第2情報が用いられることから、例えば、処理部44は、第2情報を用いて、レンダリング処理を繰り返すことで、モジュールを構成する複数の要素を動的に表示することが容易となる。また、処理部44は、モジュールを構成する複数の要素を動的に変更することもでき、ウェブコンテンツの魅力を向上させることができる。
In the
〔5.処理手順〕
次に、実施形態に係る情報提供装置1の処理部12による情報処理の手順について説明する。図9は、実施形態に係る情報提供装置1の処理部12による情報処理の流れの一例を示すフローチャートである。
[5. Processing procedure]
Next, a procedure of information processing by the processing unit 12 of the
図9に示すように、処理部12は、外部装置3などから情報を取得したか否かを判定する(ステップS10)。処理部12は、情報を取得したと判定した場合(ステップS10:Yes)、取得した情報を記憶部11に記憶する(ステップS11)。
As shown in FIG. 9, the processing unit 12 determines whether information has been acquired from the
処理部12は、ステップS11の処理を終了した場合、または情報を取得していないと判定した場合(ステップS10:No)、ファーストビュー設定要求があるか否かを判定する(ステップS12)。処理部12は、ファーストビュー設定があると判定した場合(ステップS12:Yes)、ファーストビュー設定で示されるモジュールをファーストビューの対象として設定する(ステップS13)。 When the processing unit 12 finishes the process in step S11 or determines that no information has been acquired (step S10: No), the processing unit 12 determines whether there is a first view setting request (step S12). If the processing unit 12 determines that there is a first view setting (step S12: Yes), it sets the module indicated by the first view setting as a first view target (step S13).
処理部12は、ステップS13の処理を終了した場合、またはファーストビュー設定がないと判定した場合(ステップS12:No)、ウェブコンテンツの提供要求があるか否かを判定する(ステップS14)。処理部12は、ウェブコンテンツの提供要求があると判定した場合(ステップS14:Yes)、提供要求で示されるウェブコンテンツに応じた提供情報を端末装置2に送信する(ステップS15)。 When the processing unit 12 finishes the process of step S13 or determines that there is no first view setting (step S12: No), the processing unit 12 determines whether there is a request to provide web content (step S14). If the processing unit 12 determines that there is a request to provide web content (step S14: Yes), it transmits provision information corresponding to the web content indicated in the provision request to the terminal device 2 (step S15).
処理部12は、ステップS15の処理が終了した場合、またはウェブコンテンツの提供要求がないと判定した場合(ステップS14:No)、動作終了タイミングになったか否かを判定する(ステップS16)。処理部12は、例えば、情報提供装置1の電源がオフにされた場合、または情報提供装置1の不図示の操作部への操作によって終了操作が行われたと判定した場合に、動作終了タイミングになったと判定する。
When the process of step S15 is completed, or when it is determined that there is no request to provide web content (step S14: No), the processing unit 12 determines whether or not the operation end timing has come (step S16). For example, when the power of the
処理部12は、動作終了タイミングになっていないと判定した場合(ステップS16:No)、処理をステップS10へ移行し、動作終了タイミングになったと判定した場合(ステップS16:Yes)、図9に示す処理を終了する。 If the processing unit 12 determines that the operation end timing has not arrived (step S16: No), the process proceeds to step S10, and if it determines that the operation end timing has come (step S16: Yes), the process proceeds to FIG. The indicated process ends.
次に、実施形態に係る端末装置2の処理部44による情報処理の手順について説明する。図10は、実施形態に係る端末装置2の処理部44による情報処理の流れの一例を示すフローチャートである。
Next, a procedure of information processing by the processing unit 44 of the
図10に示すように、処理部44は、提供要求の操作部42への操作があるか否かを判定する(ステップS20)。処理部44は、提供要求の操作があると判定した場合(ステップS20:Yes)、提供要求を情報提供装置1に送信する(ステップS21)。 As shown in FIG. 10, the processing unit 44 determines whether or not there is an operation on the operation unit 42 to request provision (step S20). If the processing unit 44 determines that there is an operation for requesting provision (step S20: Yes), it transmits the request for provision to the information providing apparatus 1 (step S21).
処理部44は、ステップS21の処理が終了した場合、または提供要求の操作がないと判定した場合(ステップS20:No)、情報提供装置1から提供情報の提供があるか否かを判定する(ステップS22)。処理部44は、提供情報の提供があると判定した場合(ステップS22:Yes)、提供情報に基づいてウェブコンテンツを表示部41に表示させる(ステップS23)。
When the processing in step S21 is completed or when it is determined that there is no operation for requesting provision (step S20: No), the processing unit 44 determines whether or not the
処理部44は、ステップS23の処理が終了した場合、または提供情報の提供がないと判定した場合(ステップS22:No)、動作終了タイミングになったか否かを判定する(ステップS24)。処理部44は、例えば、端末装置2の電源がオフにされた場合、または操作部42への操作によって終了操作が行われたと判定した場合に、動作終了タイミングになったと判定する。
When the process of step S23 is completed, or when it is determined that the provided information is not provided (step S22: No), the processing unit 44 determines whether or not the operation end timing has come (step S24). For example, when the power of the
処理部44は、動作終了タイミングになっていないと判定した場合(ステップS24:No)、処理をステップS20へ移行し、動作終了タイミングになったと判定した場合(ステップS24:Yes)、図10に示す処理を終了する。 If the processing unit 44 determines that the operation end timing has not come (step S24: No), the process proceeds to step S20, and if it determines that the operation end timing has come (step S24: Yes), the process proceeds to FIG. The indicated process ends.
〔6.変形例〕
処理部12は、例えば、予め定められた第1条件を満たす場合、第2ウェブコンテンツを構成する複数のモジュールのうち予め定められた範囲の上位のモジュールを第1モジュールとし、それ以外を第2モジュールとすることで、第2ウェブコンテンツを一時的に第1ウェブコンテンツにすることもできる。また、処理部12は、例えば、予め定められた第1条件を満たす場合、第1ウェブコンテンツを一時的に第3ウェブコンテンツとして扱うこともできる。予め定められた第1条件は、例えば、情報提供装置1の処理負荷が閾値以上であるという条件、情報提供装置1によるネットワークNの通信負荷が閾値以上であるいう条件などである。
[6. Modified example]
For example, when a predetermined first condition is satisfied, the processing unit 12 sets the upper module in the predetermined range among the plurality of modules constituting the second web content as the first module, and sets the other modules as the second module. By creating a module, the second web content can also be temporarily used as the first web content. Further, the processing unit 12 can also temporarily treat the first web content as the third web content, for example, when a predetermined first condition is satisfied. The predetermined first condition is, for example, a condition that the processing load of the
また、処理部12は、例えば、予め定められた第2条件を満たす場合、第1ウェブコンテンツを一時的に第2ウェブコンテンツにしたり、第3ウェブコンテンツを一時的に第1ウェブコンテンツにしたりすることもできる。予め定められた第1条件は、例えば、情報提供装置1の処理負荷が閾値以下であるという条件、情報提供装置1によるネットワークNの通信負荷が閾値以下であるいう条件などである。
Further, for example, when a predetermined second condition is satisfied, the processing unit 12 temporarily changes the first web content to the second web content or temporarily changes the third web content to the first web content. You can also do that. The predetermined first condition is, for example, a condition that the processing load of the
〔7.ハードウェア構成〕
上述してきた実施形態に係る情報提供装置1または端末装置2は、例えば図11に示すような構成のコンピュータ80によって実現される。以下、情報提供装置1を例に挙げて説明する。図11は、実施形態に係る情報提供装置1の機能を実現するコンピュータ80の一例を示すハードウェア構成図である。コンピュータ80は、CPU81、RAM82、ROM(Read Only Memory)83、HDD(Hard Disk Drive)84、通信インターフェイス(I/F)85、入出力インターフェイス(I/F)86、およびメディアインターフェイス(I/F)87を有する。
[7. Hardware configuration]
The
CPU81は、ROM83またはHDD84に記憶されたプログラムに基づいて動作し、各部の制御を行う。ROM83は、コンピュータ80の起動時にCPU81によって実行されるブートプログラムや、コンピュータ80のハードウェアに依存するプログラムなどを記憶する。
The
HDD84は、CPU81によって実行されるプログラム、および、かかるプログラムによって使用されるデータなどを記憶する。通信インターフェイス85は、ネットワークN(図2参照)を介して他の機器からデータを受信してCPU81へ送り、CPU81が生成したデータを、ネットワークNを介して他の機器へ送信する。
The
CPU81は、入出力インターフェイス86を介して、ディスプレイやプリンタなどの出力装置、および、キーボードまたはマウスなどの入力装置を制御する。CPU81は、入出力インターフェイス86を介して、入力装置からデータを取得する。また、CPU81は、入出力インターフェイス86を介して生成したデータを出力装置へ出力する。
The
メディアインターフェイス87は、記録媒体88に記憶されたプログラムまたはデータを読み取り、RAM82を介してCPU81に提供する。CPU81は、かかるプログラムを、メディアインターフェイス87を介して記録媒体88からRAM82上にロードし、ロードしたプログラムを実行する。記録媒体88は、例えばDVD(Digital Versatile Disc)、PD(Phase change rewritable Disk)などの光学記録媒体、MO(Magneto-Optical disk)などの光磁気記録媒体、テープ媒体、磁気記録媒体、または半導体メモリなどである。
例えば、コンピュータ80が実施形態に係る情報提供装置1として機能する場合、コンピュータ80のCPU81は、RAM82上にロードされたプログラムを実行することにより、処理部12の機能を実現する。また、HDD84には、記憶部11内のデータが記憶される。コンピュータ80のCPU81は、これらのプログラムを記録媒体88から読み取って実行するが、他の例として、他の装置からネットワークNを介してこれらのプログラムを取得してもよい。
For example, when the
〔8.その他〕
また、上記実施形態において説明した各処理のうち、自動的に行われるものとして説明した処理の全部または一部を手動的に行うこともでき、あるいは、手動的に行われるものとして説明した処理の全部または一部を公知の方法で自動的に行うこともできる。この他、上記文書中や図面中で示した処理手順、具体的名称、各種のデータやパラメータを含む情報については、特記する場合を除いて任意に変更することができる。例えば、各図に示した各種情報は、図示した情報に限られない。
[8. others〕
Furthermore, among the processes described in the above embodiments, all or part of the processes described as being performed automatically can be performed manually, or the processes described as being performed manually can be performed manually. All or part of the process can also be performed automatically using known methods. In addition, information including the processing procedures, specific names, and various data and parameters shown in the above documents and drawings may be changed arbitrarily, unless otherwise specified. For example, the various information shown in each figure is not limited to the illustrated information.
また、図示した各装置の各構成要素は機能概念的なものであり、必ずしも物理的に図示の如く構成されていることを要しない。すなわち、各装置の分散・統合の具体的形態は図示のものに限られず、その全部または一部を、各種の負荷や使用状況などに応じて、任意の単位で機能的または物理的に分散・統合して構成することができる。 Furthermore, each component of each device shown in the drawings is functionally conceptual, and does not necessarily need to be physically configured as shown in the drawings. In other words, the specific form of distributing and integrating each device is not limited to what is shown in the diagram, and all or part of the devices can be functionally or physically distributed or integrated in arbitrary units depending on various loads and usage conditions. Can be integrated and configured.
例えば、上述した情報提供装置1は、複数のサーバコンピュータで実現してもよく、また、機能によっては外部のプラットホームなどをAPI(Application Programming Interface)やネットワークコンピューティングなどで呼び出して実現するなど、構成は柔軟に変更できる。
For example, the
また、上述してきた実施形態および変形例は、処理内容を矛盾させない範囲で適宜組み合わせることが可能である。 Furthermore, the embodiments and modifications described above can be combined as appropriate within a range that does not conflict with the processing contents.
〔9.効果〕
上述してきたように、実施形態に係る情報提供装置1は、受付部31と、レンダリング部32と、提供部33とを備える。受付部31は、端末装置2からウェブコンテンツの提供要求を受け付ける。レンダリング部32は、ウェブコンテンツを構成する複数のモジュールのうちファーストビューの対象として予め設定された第1モジュールの複数の要素を収集し、収集した複数の要素に基づいて、第1モジュールのレンダリングを行う。提供部33は、レンダリング部32によってレンダリングが行われた第1モジュールを取得するための第1情報と、複数のモジュールのうちファーストビューの対象として設定されていない第2モジュールの複数の要素を端末装置2で収集し、収集した複数の要素に基づいて、第2モジュールのレンダリングを端末装置2で行うための第2情報とを端末装置2に提供する。これにより、情報提供装置1は、複数のモジュールを含むウェブコンテンツを端末装置2で表示する際の表示品質を高めることができる。
[9. effect〕
As described above, the
また、情報提供装置1は、受付部31と、レンダリング部32と、提供部33とを備える。受付部31は、端末装置2からウェブコンテンツの提供要求を受け付ける。レンダリング部32は、ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を収集し、収集した複数の要素に基づいて、複数のモジュールの各々のレンダリングを行う。提供部33は、レンダリング部32によってレンダリングが行われた複数のモジュールを端末装置2で取得して表示するための第1情報と、複数のモジュールの各々の複数の要素を端末装置2収集し、収集した複数の要素に基づいて複数のモジュールをレンダリングする処理を端末装置2に実行させて端末装置2に上書き表示させるための第2情報とを端末装置2に提供する。これにより、情報提供装置1は、複数のモジュールを含むウェブコンテンツを端末装置2で表示する際の表示品質を高めることができる。
Further, the
また、ウェブコンテンツは、電子商取引の取引対象となる複数の商品または複数のサービスの情報を含む。これにより、情報提供装置1は、複数の商品または複数のサービスの情報を各々含む複数のモジュールを含むウェブコンテンツを端末装置2で表示する際の表示品質を高めることができる。
Further, the web content includes information on multiple products or multiple services that are subject to electronic commerce transactions. Thereby, the
また、複数のモジュールは、ウェブコンテンツのヘッダとして機能するヘッダモジュール、取引対象を検索するための検索枠を含む検索モジュール、取引対象の情報をカルーセル表示するカルーセル表示モジュール、および取引対象の情報をランキング表示するランキング表示モジュールのうちの少なくとも2以上のモジュールを含む。これにより、情報提供装置1は、複数種類のモジュールを含むウェブコンテンツを端末装置2で表示する際の表示品質を高めることができる。
In addition, multiple modules include a header module that functions as a header for web content, a search module that includes a search frame to search for transaction targets, a carousel display module that displays transaction target information in a carousel, and a ranking list for transaction target information. It includes at least two of the ranking display modules to be displayed. Thereby, the
以上、本願の実施形態を図面に基づいて詳細に説明したが、これは例示であり、発明の開示の欄に記載の態様を始めとして、当業者の知識に基づいて種々の変形、改良を施した他の形態で本発明を実施することが可能である。 Although the embodiments of the present application have been described above in detail based on the drawings, this is merely an example, and various modifications and improvements can be made based on the knowledge of those skilled in the art, including the embodiments described in the disclosure section of the invention. It is possible to implement the invention in other forms.
また、上述してきた「部(section、module、unit)」は、「手段」や「回路」などに読み替えることができる。例えば、取得部は、取得手段や取得回路に読み替えることができる。 Further, the above-mentioned "section, module, unit" can be read as "means", "circuit", etc. For example, the acquisition unit can be read as an acquisition means or an acquisition circuit.
1 情報提供装置
2 端末装置
3 外部装置
4 管理者装置
10 通信部
11 記憶部
12 処理部
20 ユーザ情報記憶部
21 取引対象情報記憶部
22 コンテンツ情報記憶部
30 取得部
31 受付部
32 レンダリング部
33 提供部
40 通信部
41 表示部
42 操作部
43 記憶部
44 処理部
1
Claims (5)
前記ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を収集し、収集した前記複数の要素に基づいて、前記複数のモジュールの各々のレンダリングを行うレンダリング部と、
前記レンダリング部によってレンダリングが行われた前記複数のモジュールを前記端末装置で取得して表示するための第1情報と、前記複数のモジュールの各々の前記複数の要素を収集し、収集した前記複数の要素に基づいて前記複数のモジュールをレンダリングする処理を前記端末装置に実行させて前記端末装置に表示された前記第1情報に置き換えて表示させるための第2情報とを前記端末装置に提供する提供部と、を備える
ことを特徴とする情報提供装置。 a reception unit that receives web content provision requests from terminal devices;
a rendering unit that collects a plurality of elements of each of a plurality of modules constituting the web content, and performs rendering of each of the plurality of modules based on the collected plurality of elements;
First information for acquiring and displaying the plurality of modules rendered by the rendering unit on the terminal device, and collecting the plurality of elements of each of the plurality of modules, and the collected plurality of modules. and providing the terminal device with second information for causing the terminal device to perform a process of rendering the plurality of modules based on an element and displaying the plurality of modules in place of the first information displayed on the terminal device. An information providing device comprising:
電子商取引の取引対象となる複数の商品または複数のサービスの情報を含む
ことを特徴とする請求項1に記載の情報提供装置。 The web content is
The information providing device according to claim 1, comprising information on a plurality of products or a plurality of services to be traded in electronic commerce.
前記ウェブコンテンツのヘッダとして機能するヘッダモジュール、前記取引対象を検索するための検索枠を含む検索モジュール、前記取引対象の情報をカルーセル表示するカルーセル表示モジュール、および前記取引対象の情報をランキング表示するランキング表示モジュールのうちの少なくとも2以上のモジュールを含む
ことを特徴とする請求項2に記載の情報提供装置。 The plurality of modules are:
a header module that functions as a header of the web content; a search module that includes a search frame for searching for the transaction object; a carousel display module that displays information on the transaction object in a carousel; and a ranking that displays the information on the transaction object. The information providing device according to claim 2 , further comprising at least two display modules.
端末装置からウェブコンテンツの提供要求を受け付ける受付工程と、
前記ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を収集し、収集した前記複数の要素に基づいて、前記複数のモジュールの各々のレンダリングを行うレンダリング工程と、
前記レンダリング工程によってレンダリングが行われた前記複数のモジュールを前記端末装置で取得して表示するための第1情報と、前記複数のモジュールの各々の前記複数の要素を収集し、収集した前記複数の要素に基づいて前記複数のモジュールをレンダリングする処理を前記端末装置に実行させて前記端末装置に表示された前記第1情報に置き換えて表示させるための第2情報とを前記端末装置に提供する提供工程と、を含む
ことを特徴とする情報提供方法。 An information provision method executed by a computer, the method comprising:
a reception step of accepting a request for providing web content from a terminal device;
a rendering step of collecting a plurality of elements of each of a plurality of modules constituting the web content, and rendering each of the plurality of modules based on the collected plurality of elements;
First information for acquiring and displaying the plurality of modules rendered by the rendering process on the terminal device; and collecting the plurality of elements of each of the plurality of modules, and the collected plurality of modules. and providing the terminal device with second information for causing the terminal device to perform a process of rendering the plurality of modules based on an element and displaying the plurality of modules in place of the first information displayed on the terminal device. An information provision method characterized by comprising a process.
前記ウェブコンテンツを構成する複数のモジュールの各々の複数の要素を収集し、収集した前記複数の要素に基づいて、前記複数のモジュールの各々のレンダリングを行うレンダリング手順と、
前記レンダリング手順によってレンダリングが行われた前記複数のモジュールを前記端末装置で取得して表示するための第1情報と、前記複数のモジュールの各々の前記複数の要素を収集し、収集した前記複数の要素に基づいて前記複数のモジュールをレンダリングする処理を前記端末装置に実行させて前記端末装置に表示された前記第1情報に置き換えて表示させるための第2情報とを前記端末装置に提供する提供手順と、
をコンピュータに実行させることを特徴とする情報提供プログラム。 a reception procedure for accepting a web content provision request from a terminal device;
a rendering procedure of collecting a plurality of elements of each of a plurality of modules constituting the web content, and rendering each of the plurality of modules based on the collected plurality of elements;
first information for acquiring and displaying the plurality of modules rendered by the rendering procedure on the terminal device; collecting the plurality of elements of each of the plurality of modules; and providing the terminal device with second information for causing the terminal device to perform a process of rendering the plurality of modules based on an element and displaying the plurality of modules in place of the first information displayed on the terminal device. steps and
An information providing program that causes a computer to execute.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2022043234A JP7402260B2 (en) | 2022-03-17 | 2022-03-17 | Information provision device, information provision method, and information provision program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2022043234A JP7402260B2 (en) | 2022-03-17 | 2022-03-17 | Information provision device, information provision method, and information provision program |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2023137170A JP2023137170A (en) | 2023-09-29 |
JP7402260B2 true JP7402260B2 (en) | 2023-12-20 |
Family
ID=88145870
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2022043234A Active JP7402260B2 (en) | 2022-03-17 | 2022-03-17 | Information provision device, information provision method, and information provision program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP7402260B2 (en) |
-
2022
- 2022-03-17 JP JP2022043234A patent/JP7402260B2/en active Active
Non-Patent Citations (5)
Title |
---|
ECサイトのUIデザインの原則|参考サイト10選,[online],2020年11月16日,[令和5年5月10日検索],インターネット,<URL:https://zero-s.jp/labo/?p=13331> |
React + Reduxで作ったIsomorphic(Universal) JSなサービス開発,[online],2016年11月16日,[令和5年5月8日検索],インターネット,<URL:https://blog.recruit.co.jp/rls/2016-11-16-isomorphic-javascript/> |
Server Side Renderingについて知るべきこと。Server Side Renderingとは何か? それによって何が改善されるの か?(前編)(後編),[online],日本,2017年06月19日,[令和5年5月8日検索],インターネット,<URL:(前編) https://www.publickey1.jp/blog/17/server_side_renderingserver_side_rendering_ng-japan_2017.html,(後編) https://www.publickey1.jp/blog/17/server_side_renderingserver_side_rendering_ng-japan_2017_1.html> |
メルペイの事例に学ぶ、SSRとJAMstackのメリット・デメリット,[online],2020年02月27日,[令和5年5月8日検索],インターネット,<URL:https://logmi.jp/tech/articles/322575> |
売れるネットショップのデザインとは?参考例と基本レイアウトをご紹介します。,[online],日本,2017年12月29日,[令和5年5月8日検索],インターネット,<URL:https://www.netshop-work.com/netshop-layout/> |
Also Published As
Publication number | Publication date |
---|---|
JP2023137170A (en) | 2023-09-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8364662B1 (en) | System and method for improving a search engine ranking of a website | |
JP7117826B2 (en) | SEARCH DEVICE, SEARCH METHOD AND SEARCH PROGRAM | |
JP6023129B2 (en) | Extraction apparatus, extraction method, and extraction program | |
US9213765B2 (en) | Landing page search results | |
US20190228105A1 (en) | Dynamic website content optimization | |
US11698801B1 (en) | Parameterized user interface for capturing user feedback | |
JP6679250B2 (en) | Determination device, determination method, and determination program | |
JP6865045B2 (en) | Search device, search method and search program | |
JP6679689B2 (en) | Information processing device and information processing method | |
US20120203865A1 (en) | Apparatus and methods for providing behavioral retargeting of content from partner websites | |
TW201331870A (en) | Information processing device, information processing method, information processing program, and recording medium | |
JP6833540B2 (en) | Extractor, extraction method and extraction program | |
JP5815108B1 (en) | Distribution device and distribution method | |
JP2018045572A (en) | Determination device, determination method, and determination program | |
JP2016110624A (en) | Distribution device and distribution method | |
KR101745998B1 (en) | Linking search display apparatus and method for goods information of on-line shopping mall | |
KR20210116854A (en) | Method for providing dynamic landing page based on search keyword and apparatus using the same | |
JP7402260B2 (en) | Information provision device, information provision method, and information provision program | |
JP2023141026A (en) | Post management apparatus, post management program, and post management method | |
JP7339383B1 (en) | Information providing device, information providing method, and information providing program | |
JP2023008302A (en) | Information processing system, information processing method and program | |
JP6866242B2 (en) | Display control program, display control device, display control method and distribution device | |
JP7208103B2 (en) | Information processing device, information processing method, and information processing program | |
JP2019021332A (en) | Information processing device, distribution system, information processing method, and information processing program | |
JP7077269B2 (en) | Information processing equipment, information processing methods, and information processing programs |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20220518 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20230516 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20230707 |
|
A02 | Decision of refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A02 Effective date: 20230808 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20231020 |
|
A711 | Notification of change in applicant |
Free format text: JAPANESE INTERMEDIATE CODE: A712 Effective date: 20231026 |
|
A911 | Transfer to examiner for re-examination before appeal (zenchi) |
Free format text: JAPANESE INTERMEDIATE CODE: A911 Effective date: 20231030 |
|
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: 20231114 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20231208 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 7402260 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |