JP6211110B2 - Content providing system and content providing method - Google Patents

Content providing system and content providing method Download PDF

Info

Publication number
JP6211110B2
JP6211110B2 JP2016013524A JP2016013524A JP6211110B2 JP 6211110 B2 JP6211110 B2 JP 6211110B2 JP 2016013524 A JP2016013524 A JP 2016013524A JP 2016013524 A JP2016013524 A JP 2016013524A JP 6211110 B2 JP6211110 B2 JP 6211110B2
Authority
JP
Japan
Prior art keywords
page
layer
layers
content
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.)
Active
Application number
JP2016013524A
Other languages
Japanese (ja)
Other versions
JP2016197398A (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.)
Naver Corp
Original Assignee
Naver 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 Naver Corp filed Critical Naver Corp
Publication of JP2016197398A publication Critical patent/JP2016197398A/en
Application granted granted Critical
Publication of JP6211110B2 publication Critical patent/JP6211110B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • G06T13/802D [Two Dimensional] animation, e.g. using sprites
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Processing Or Creating Images (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Information Transfer Between Computers (AREA)
  • Tourism & Hospitality (AREA)
  • User Interface Of Digital Computer (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Geometry (AREA)
  • Health & Medical Sciences (AREA)
  • Economics (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)

Description

本発明の実施形態は、モーション演出が含まれるページのレイヤ統合を利用してコンテンツを提供するシステムおよび方法に関する。   Embodiments described herein relate generally to a system and method for providing content using layer integration of pages including motion effects.

ウェブトゥーン(WebToon)とは、英語表記の「web(ウェブ)」と「cartoon(漫画)」の合成語であって、「インターネットを介して配布される漫画」を意味する。例えば、特許文献1は、ネットワークを利用した漫画サービス提供方法およびそのシステムを開示しており、漫画製作ツールを含むウェブページを利用して漫画を製作したり、製作された漫画を閲覧したりできることを開示している。   WebToon is a compound word of “web” and “cartoon” written in English, and means “cartoon distributed via the Internet”. For example, Patent Document 1 discloses a comic service providing method and system using a network, and is capable of producing a comic or browsing a produced comic using a web page including a comic production tool. Is disclosed.

韓国公開特許第10−2006−0110587号公報Korean Published Patent No. 10-2006-0110587

本発明の実施形態は、複数のレイヤで構成されたページにおいて、少なくとも1つのレイヤにモーション演出を適用してモーション演出が含まれるコンテンツを提供するが、このとき、モーション演出が適用されていないレイヤを1つのイメージとして統合することにより、コンテンツを提供するときのローディング性能を向上させてネットワーク使用量を減少させるコンテンツ提供システムおよび方法を提供することを目的とする。   The embodiment of the present invention provides a content including a motion effect by applying a motion effect to at least one layer in a page composed of a plurality of layers. At this time, a layer to which the motion effect is not applied It is an object of the present invention to provide a content providing system and method for improving the loading performance when providing content and reducing the amount of network usage by integrating the images as one image.

また、ページのサイズが一定以上である場合、背景色と同じ一定サイズの領域を自動的に認識し、認識されたサイズ領域を基準にしてページを自動分割して格納してコンテンツを構成するコンテンツ提供システムおよび方法を提供することを他の目的とする。   In addition, if the page size is a certain size or more, the content that automatically recognizes an area of the same size as the background color and automatically divides and stores the page based on the recognized size area constitutes the content It is another object to provide a providing system and method.

さらに、最終イメージに特定の色を有する一定サイズ以上の領域が存在する場合、最終イメージからこの色の領域を取り除き、取り除かれた領域にウェブトゥーンのようなコンテンツが表示されるサービスページの背景の色が表示されるようにコンテンツを提供することにより、最終イメージのリソースサイズを減らしてネットワーク使用量を減らし、ローディング性能を向上させるコンテンツ提供システムおよび方法を提供することをさらに他の目的とする。   Furthermore, if there is an area of a certain size or more with a specific color in the final image, the area of this color is removed from the final image, and the background of the service page in which content such as web toon is displayed in the removed area. It is still another object of the present invention to provide a content providing system and method that provides content such that colors are displayed, thereby reducing the resource size of the final image, reducing network usage, and improving loading performance.

コンピュータによって実現されるコンテンツ提供システムのコンテンツ提供方法であって、複数のレイヤを含むページを構成する段階、前記ページに含まれる複数のレイヤのうち、少なくとも1つのレイヤに適用されるモーション効果を設定する段階、および前記ページを含むコンテンツを生成するときに、前記ページに含まれる前記複数のレイヤのうち、前記モーション効果が設定されたレイヤを除いた残りの一般レイヤであって互いに連続する一般レイヤを統合する段階を含むコンテンツ提供方法を提供する。   A content providing method of a content providing system realized by a computer, comprising: configuring a page including a plurality of layers; and setting a motion effect applied to at least one of the plurality of layers included in the page And when the content including the page is generated, among the plurality of layers included in the page, the remaining general layers excluding the layer to which the motion effect is set, which are continuous with each other A content providing method including a step of integrating.

コンピュータによって実現されるコンテンツ提供システムであって、複数のレイヤを含むページを構成するページ構成部、前記ページに含まれる複数のレイヤのうち、少なくとも1つのレイヤに適用されるモーション効果を設定するモーション効果設定部、および前記ページを含むコンテンツを生成するときに、前記ページに含まれる前記複数のレイヤのうち、前記モーション効果が設定されたレイヤを除いた残りの一般レイヤであって互いに連続する一般レイヤを統合するレイヤ統合部を備えるコンテンツ提供システムを提供する。   A content providing system realized by a computer, a page configuration unit that configures a page including a plurality of layers, and a motion that sets a motion effect applied to at least one of the plurality of layers included in the page When generating the content including the effect setting unit and the page, the general layers that are the remaining general layers excluding the layer in which the motion effect is set out of the plurality of layers included in the page and are continuous with each other A content providing system including a layer integration unit that integrates layers is provided.

本発明によると、複数のレイヤで構成されたページにおいて、少なくとも1つのレイヤにモーション演出を適用してモーション演出が含まれるコンテンツを提供するが、このとき、モーション演出が適用されていないレイヤを1つのイメージとして統合することにより、コンテンツを提供するときのローディング性能を向上させ、ネットワーク使用量を減らすことができる。   According to the present invention, in a page composed of a plurality of layers, a motion effect is applied to at least one layer to provide content including the motion effect. At this time, the layer to which the motion effect is not applied is 1 By integrating them as one image, it is possible to improve the loading performance when providing content and reduce the network usage.

また、ページのサイズが一定以上である場合、背景色と同じ一定サイズの領域を自動的に認識し、認識されたサイズの領域を基準にしてページを自動分割して格納してコンテンツを構成することができる。   Also, if the page size is more than a certain size, the area of the same size as the background color is automatically recognized, and the page is automatically divided and stored based on the recognized size area to compose the content be able to.

さらに、最終イメージに特定の色を有する一定サイズ以上の領域が存在する場合、最終イメージからこの色の領域を取り除き、取り除かれた領域にウェブトゥーンのようなコンテンツが表示されるサービスページの背景の色が表示されるようにコンテンツを提供することにより、最終イメージのリソースサイズを減らしてネットワーク使用量を減らし、ローディング性能を向上させることができる。   Furthermore, if there is an area of a certain size or more with a specific color in the final image, the area of this color is removed from the final image, and the background of the service page in which content such as web toon is displayed in the removed area. By providing the content so that the colors are displayed, the resource size of the final image can be reduced, the network usage can be reduced, and the loading performance can be improved.

本発明の一実施形態における、コンテンツ提供システムの動作環境を例示した図である。It is the figure which illustrated the operating environment of the content provision system in one Embodiment of this invention. 本発明の一実施形態における、コンテンツ提供システムの動作環境を例示した図である。It is the figure which illustrated the operating environment of the content provision system in one Embodiment of this invention. 本発明の一実施形態における、コンテンツの製作のための製作ツールを説明するための図である。It is a figure for demonstrating the production tool for production of the content in one Embodiment of this invention. 本発明の一実施形態における、コンテンツの製作のための製作ツールを説明するための図である。It is a figure for demonstrating the production tool for production of the content in one Embodiment of this invention. 本発明の一実施形態における、複数のレイヤを表示した図である。It is the figure which displayed the some layer in one Embodiment of this invention. 本発明の一実施形態における、複数のレイヤを表示した図である。It is the figure which displayed the some layer in one Embodiment of this invention. 本発明の一実施形態における、複数のレイヤを表示した図である。It is the figure which displayed the some layer in one Embodiment of this invention. 本発明の一実施形態における、ページを自動分割する例を示した図である。It is the figure which showed the example which divides | segments a page automatically in one Embodiment of this invention. 本発明の一実施形態における、自動的に余白を生成する例を示した図である。It is the figure which showed the example which produces | generates a margin automatically in one Embodiment of this invention. 本発明の一実施形態における、自動的に余白を生成する他の例を示した図である。It is the figure which showed the other example which produces | generates a margin automatically in one Embodiment of this invention. 本発明の一実施形態における、コンテンツ提供システムの内部構成を説明するためのブロック図である。It is a block diagram for demonstrating the internal structure of the content provision system in one Embodiment of this invention. 本発明の一実施形態における、コンテンツ提供方法を示したフローチャートである。5 is a flowchart illustrating a content providing method according to an embodiment of the present invention. 本発明の他の実施形態における、コンテンツ提供システムの内部構成を説明するためのブロック図である。It is a block diagram for demonstrating the internal structure of the content provision system in other embodiment of this invention. 本発明の他の実施形態における、コンテンツ提供方法を示したフローチャートである。6 is a flowchart illustrating a content providing method according to another embodiment of the present invention.

以下、本発明の実施形態について、添付の図面を参照しながら詳細に説明する。   Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings.

本発明の実施形態は、多様なモーション演出が可能なコンテンツを提供するコンテンツ提供システムおよびコンテンツ提供方法に関し、1つのページを構成する複数のレイヤのうち、モーション効果が設定されていないレイヤをイメージとして統合してコンテンツを生成することにより、コンテンツで該ページをローディングするときの性能を向上させてネットワーク使用量を減らすことができる技術に関する。また、本発明の実施形態は、サイズが極めて大きいページを自動分割したり、自動で余白を含ませたりすることにより、最終イメージのリソースサイズを減らすことができる技術についても説明する。   FIELD Embodiments described herein relate generally to a content providing system and a content providing method that provide content capable of various motion effects, and use a layer in which a motion effect is not set among a plurality of layers constituting one page as an image. The present invention relates to a technology capable of improving performance when loading a page with content by reducing content of the network usage by generating the content by integration. The embodiment of the present invention also describes a technique that can reduce the resource size of the final image by automatically dividing a page having a very large size or automatically including a margin.

図1および図2は、本発明の一実施形態における、コンテンツ提供システムの動作環境を例示した図である。   1 and 2 are diagrams illustrating an operating environment of a content providing system according to an embodiment of the present invention.

図1において、製作者端末110とは、ウェブトゥーンのようなコンテンツを製作する製作者が利用する端末であって、コンテンツを製作するために必要な製作ツールがインストールされており、ネットワークを介して媒体120に接続して通信することのできる装置を意味してよい。媒体120とは、ウェブページや専用ツールを通じて製作者のコンテンツを利用者端末130に提供するサーバ装置、または互いに連係する複数のサーバ装置を意味してよい。利用者端末130とは、媒体120にコンテンツを要求し、要求したコンテンツを受信して表示する装置を意味してよい。   In FIG. 1, a producer terminal 110 is a terminal used by a producer who produces content such as web toon, and a production tool necessary for producing the content is installed, via a network. It may mean a device that can connect to and communicate with the medium 120. The medium 120 may mean a server device that provides a producer's content to the user terminal 130 through a web page or a dedicated tool, or a plurality of server devices linked to each other. The user terminal 130 may mean a device that requests content from the medium 120 and receives and displays the requested content.

図1において、コンテンツが提供される過程の一例は、下記(1)〜(4)のように進められてよい。   In FIG. 1, an example of a process in which content is provided may proceed as follows (1) to (4).

(1)製作者は、製作者端末110にインストールされた製作ツールを利用してコンテンツを生成してもよい。製作ツールは、媒体120または媒体120と関連するサーバからダウンロードしたファイルによって製作者端末110にインストールされてもよく、製作者はこのような製作ツールを利用してコンテンツを生成してもよい。   (1) The producer may generate content using a production tool installed in the producer terminal 110. The production tool may be installed on the producer terminal 110 by a file downloaded from the medium 120 or a server associated with the medium 120, and the producer may generate content using the production tool.

(2)製作者端末110は、生成したコンテンツを媒体120に送信してもよい。例えば、媒体120は、製作者端末110がコンテンツをアップロードすることのできるページを製作者端末110に提供してもよく、製作者端末110は、提供されたページのファイルアップロード機能を利用してコンテンツが含まれるファイルをアップロードしてもよい。   (2) The producer terminal 110 may transmit the generated content to the medium 120. For example, the medium 120 may provide the producer terminal 110 with a page on which the producer terminal 110 can upload content, and the producer terminal 110 uses the file upload function of the provided page to provide the content. You may upload a file that contains.

(3)媒体120は、コンテンツをウェブページまたは専用ツールに適用させてもよい。例えば、ウェブトゥーンのようなコンテンツが提供されるウェブページ、またはコンテンツのビューが可能な専用ツールにコンテンツが表示されるようにコンテンツを適用させてもよい。   (3) The medium 120 may apply content to a web page or a dedicated tool. For example, the content may be applied so that the content is displayed on a web page where the content is provided, such as web toon, or a dedicated tool capable of viewing the content.

(4)媒体120は、ウェブページまたは専用ツールを通じてコンテンツを提供してもよい。例えば、利用者端末130は、媒体120のウェブサイトにアクセスして特定のコンテンツを要求してもよいし、利用者端末130にインストールされてコンテンツのビューが可能な専用ツールを通じて媒体120に特定のコンテンツを要求してもよい。この場合、媒体120は、要求されたコンテンツが適用されたウェブページを利用者端末130に提供してもよいし、利用者端末130にインストールされた専用ツールによってコンテンツが表示されるようにコンテンツを提供してもよい。   (4) The medium 120 may provide content through a web page or a dedicated tool. For example, the user terminal 130 may request a specific content by accessing the website of the medium 120, or may be specific to the medium 120 through a dedicated tool installed on the user terminal 130 and capable of viewing the content. Content may be requested. In this case, the medium 120 may provide the user terminal 130 with a web page to which the requested content is applied, or the content may be displayed by a dedicated tool installed on the user terminal 130. May be provided.

図2は、図1とは異なり、製作者端末110が、製作者端末110にインストールされた製作ツールではなく、ウェブ上でアプリケーションとして提供されるウェブ提供ツールを利用してコンテンツを製作してコンテンツを生成し、生成されたコンテンツが直ぐに媒体120にアップロードされる実施形態について説明している。ここで、媒体120にアップロードされたコンテンツが利用者端末130に提供される過程は、上述した説明と同じように行われてよい。   FIG. 2 is different from FIG. 1 in that the creator terminal 110 creates content by using a web providing tool provided as an application on the web, instead of the production tool installed in the producer terminal 110. Is generated, and the generated content is immediately uploaded to the medium 120. Here, the process of providing the content uploaded to the medium 120 to the user terminal 130 may be performed in the same manner as described above.

ここで、本発明の実施形態に係るコンテンツ提供システムは、製作ツールがインストールされた製作者端末110に対応してもよいし、ウェブ製作ツールを提供する媒体120に対応してもよい。   Here, the content providing system according to the embodiment of the present invention may correspond to the producer terminal 110 in which the production tool is installed, or may correspond to the medium 120 that provides the web production tool.

図3および図4は、本発明の一実施形態における、コンテンツを製作するための製作ツールを説明するための図である。図3の画面300は、製作ツールのインタフェースが表示された例を示している。1つのコンテンツは、少なくとも1つのページで構成されてもよく、1つのページは、少なくとも1つのレイヤで構成されてもよい。画面300は、「基本効果」、「複合効果」、「再生効果」などのような多様な効果を、1つのレイヤを構成するイメージ(背景イメージ、オブジェクトイメージ、テキストイメージなど)に適用することのできるインタフェースを示している。例えば、ページリスト領域310には、コンテンツを構成するページに関する要約情報(一例として、ページ識別子およびページの静止画など)が含まれてもよい。また、ページ表示領域320には、コンテンツを構成するページのうちの1つのページの静止画が表示されてもよい。また、レイヤリスト領域330には、ページ表示領域320に表示されたページを構成するレイヤに関する情報(レイヤ識別子、レイヤ表示の可否を決めるためのインタフェース、レイヤの静止画など)が表示されてもよい。さらに、効果表示領域340には、レイヤリスト領域330のレイヤに設定された効果に関する情報が表示されてもよい。   3 and 4 are diagrams for explaining a production tool for producing content according to an embodiment of the present invention. A screen 300 in FIG. 3 shows an example in which the interface of the production tool is displayed. One content may be composed of at least one page, and one page may be composed of at least one layer. The screen 300 is used to apply various effects such as “basic effect”, “composite effect”, and “playback effect” to images (background image, object image, text image, etc.) constituting one layer. The possible interfaces are shown. For example, the page list area 310 may include summary information (for example, a page identifier and a still image of a page) regarding the pages constituting the content. Further, the page display area 320 may display a still image of one of the pages constituting the content. The layer list area 330 may also display information related to the layers constituting the page displayed in the page display area 320 (layer identifier, interface for determining whether to display the layer, layer still images, etc.). . Further, the effect display area 340 may display information related to the effect set for the layer in the layer list area 330.

製作者は、ページとレイヤを選択した後、上端に位置する効果ボタン(「移動」、「回転」、「出現」、「振動」など)を押すだけで、所望する効果を簡単に設定することができる。さらに、製作者は、効果表示領域340によって個別効果をさらに精密に制御して設定することができる。   After selecting the page and layer, the producer can easily set the desired effect by simply pressing the effect buttons ("Move", "Rotate", "Appearance", "Vibration", etc.) located at the top. Can do. Furthermore, the producer can control and set the individual effects more precisely by the effect display area 340.

図4の画面400では、効果表示領域340により、個別効果に対する効果が適用される時点や、効果に応じてイメージが移動する速度および効果の繰り返しの可否などのように、予め設定された多様な詳細効果を選択できることを示している。選択可能な詳細な効果は、効果の種類に応じて異なってもよい。   In the screen 400 of FIG. 4, the effect display area 340 displays various preset values such as the time point when the effect for the individual effect is applied, the speed at which the image moves according to the effect, and whether the effect can be repeated. It shows that you can select detailed effects. The detailed effects that can be selected may vary depending on the type of effect.

演出のための効果は、イメージのモーションを制御するためのモーション効果を含んでもよいし、その他にも、利用者端末130に振動を発生させるための効果や、利用者端末130で音を出力するための効果などのように多様な効果を含んでもよい。   The effect for the production may include a motion effect for controlling the motion of the image. In addition, an effect for generating vibration in the user terminal 130 or a sound is output from the user terminal 130. For example, various effects may be included.

図5〜図7は、本発明の一実施形態における、複数のレイヤを表示した例示図である。   5 to 7 are exemplary views showing a plurality of layers according to an embodiment of the present invention.

先ず、図5では、レイヤ511〜519がすべて同じ形状の同じサイズを有する例を示しているが、このようなレイヤ511〜519が集まって1つのページ520を構成することを示している。   First, FIG. 5 shows an example in which all of the layers 511 to 519 have the same shape and the same size. However, it is shown that such layers 511 to 519 constitute one page 520.

しかし、1つのページを構成するレイヤは、その大きさと形状がすべて異なってもよい。例えば、図6では、背景のためのレイヤ613、吹き出し形状のレイヤ612、および吹き出しに含まれる文字のためのレイヤ611をそれぞれ示しており、このようなレイヤ611〜613を結合させて1つのページ620が構成されることを示している。   However, the layers constituting one page may all be different in size and shape. For example, FIG. 6 shows a background layer 613, a balloon-shaped layer 612, and a layer 611 for characters included in the balloon, and the layers 611 to 613 are combined to form one page. 620 is configured.

また、図7は、特定のレイヤ712に「出現」効果が適用された場合の例を示している。最初のページ720が表示されるときには、2つのレイヤ(711および713)だけが表示され、設定時間後のページ730には、残りのレイヤ712が「出現」効果と共に表示される例を示している。このように、モーション効果は、ページを構成する複数のレイヤの少なくとも1つに設定されてもよい。   FIG. 7 illustrates an example in which the “appearance” effect is applied to a specific layer 712. When the first page 720 is displayed, only two layers (711 and 713) are displayed, and the page 730 after the set time shows an example in which the remaining layers 712 are displayed with an “appearance” effect. . As described above, the motion effect may be set in at least one of a plurality of layers constituting the page.

再び図5を詳察すると、図5では、レイヤ511〜519のうち、2つのレイヤ(513および516)にモーション効果が適用されていることを示している。言い換えれば、残りのレイヤ(511、512、514、515、517、518、および519)には、モーション効果が適用されていないことが分かる。   Referring back to FIG. 5 again, FIG. 5 shows that the motion effect is applied to two layers (513 and 516) of layers 511 to 519. In other words, it can be seen that motion effects are not applied to the remaining layers (511, 512, 514, 515, 517, 518, and 519).

ここで、すべてのレイヤを個別イメージとして設定して提供することは、1つの最終イメージを提供することに比べてネットワーク使用量を増加させるだけなく、利用者端末130でコンテンツをローディングするときにローディング性能の低下を招くようになる。しかし、多様な演出を行うためには、各レイヤの情報が必要なだけでなく、レイヤ別に適用された効果に関する情報が伝達される必要がある。   Here, setting and providing all layers as individual images not only increases the amount of network usage compared to providing one final image, but also loads when loading content on the user terminal 130. The performance will be degraded. However, in order to perform various effects, not only information on each layer is necessary, but also information on the effect applied to each layer needs to be transmitted.

これにより、本発明の実施形態では、モーション効果が設定されたレイヤを除いた残りの一般レイヤ、その中でも互いに連続する一般レイヤを統合して提供する技術を提供する。   Thereby, in the embodiment of the present invention, a technique is provided in which the remaining general layers excluding the layer for which the motion effect is set, among them, the general layers that are continuous with each other are integrated and provided.

例えば、図5を詳察すると、本発明の実施形態に係るコンテンツ提供システムは、最下層のレイヤ519から最上層のレイヤ511までのレイヤにモーション効果が設定されているかを順に確認し、モーション効果が設定されておらずに互いに連続するレイヤを統合して1つの統合イメージを生成し、モーション効果が設定されているレイヤを個別イメージとして生成して提供してもよい。言い換えれば、コンテンツ提供システムは、レイヤ519、レイヤ518、およびレイヤ517を統合して1つの統合イメージを生成し、モーション効果が適用されているレイヤ516を個別イメージとして生成する。そして再び、コンテンツ提供システムは、レイヤ515およびレイヤ514を統合して1つの統合イメージを生成し、レイヤ513を個別イメージとして生成し、レイヤ512およびレイヤ511を統合して統合イメージを生成する。   For example, referring to FIG. 5 in detail, the content providing system according to the embodiment of the present invention sequentially checks whether motion effects are set in the layers from the lowermost layer 519 to the uppermost layer 511, and the motion effect is confirmed. Alternatively, layers that are continuous with each other may be integrated to generate one integrated image, and layers with motion effects set may be generated and provided as individual images. In other words, the content providing system integrates the layer 519, the layer 518, and the layer 517 to generate one integrated image, and generates the layer 516 to which the motion effect is applied as an individual image. Again, the content providing system integrates the layers 515 and 514 to generate one integrated image, generates the layer 513 as an individual image, and integrates the layers 512 and 511 to generate an integrated image.

言い換えれば、図5に示された9つのレイヤは、9つのイメージで生成されて提供されるのではなく、3つの併合イメージおよび2つの個別イメージを含む5つのイメージで生成されて提供されるようになる。   In other words, the nine layers shown in FIG. 5 are not generated and provided with nine images, but are generated and provided with five images including three merged images and two separate images. become.

したがって、最終イメージのリソースサイズを減らすことができ、ネットワーク使用量を減らすことができるため、ローディング性能を向上させることができる。   Accordingly, the resource size of the final image can be reduced, and the network usage can be reduced, so that the loading performance can be improved.

図8は、本発明の一実施形態における、ページを自動分割する例を示した図である。図8は、1つのページ810が第1サイズ以上である場合に、このページ810を2つのページ(820および830)に分割する例を示している。   FIG. 8 is a diagram showing an example of automatically dividing a page in an embodiment of the present invention. FIG. 8 shows an example in which one page 810 is divided into two pages (820 and 830) when the one page 810 is equal to or larger than the first size.

先ず、ページ810は、図8に示すように、背景上に2つの表示領域(840および850)および1つの吹き出し領域860を含んでおり、残りの領域は、背景色と同じ色の表示領域870で構成されている。このとき、表示領域870も、背景色と同じ色のイメージ領域である。   First, as shown in FIG. 8, the page 810 includes two display areas (840 and 850) and one balloon area 860 on the background, and the remaining area is a display area 870 having the same color as the background color. It consists of At this time, the display area 870 is also an image area having the same color as the background color.

コンテンツ提供システムは、コンテンツを生成するときに、最終ページをイメージ処理し、背景色と同じ色を有する第2サイズの領域を認識してもよい。図8では、点線880で示された領域が、コンテンツ提供システムによって認識された領域を示している。もし、一定のサイズにしたがってページ810を無条件に分割するようになると、製作者の意図しないイメージ分割が発生する恐れがあるため、コンテンツ提供システムは、認識された領域を基準にしてページ810を分割することにより、製作者の意図を損なうことなくサイズが極めて大きいページを分割することにより、利用者端末130でのローディング性能を向上させることができる。第2サイズの領域が認識されない場合には、ページ分割は行われずにそのままページが利用されてもよい。   When the content providing system generates the content, the final page may be image-processed to recognize a second size area having the same color as the background color. In FIG. 8, an area indicated by a dotted line 880 indicates an area recognized by the content providing system. If the page 810 is unconditionally divided according to a certain size, an image division unintended by the producer may occur. Therefore, the content providing system may divide the page 810 based on the recognized area. By dividing, it is possible to improve the loading performance at the user terminal 130 by dividing a very large page without impairing the intention of the producer. If the second size area is not recognized, the page may be used as it is without being divided into pages.

図9は、本発明の一実施形態における、自動的に余白を生成する例を示した図である。図9に示すページ910は、2つの表示領域(911および912)を示しており、表示領域912には吹き出し領域913が含まれる例を示している。ここで、表示領域912では、吹き出し領域913を除いた残りの領域914が背景と同じ色を有している。   FIG. 9 is a diagram showing an example in which margins are automatically generated in an embodiment of the present invention. A page 910 shown in FIG. 9 shows two display areas (911 and 912), and an example in which the display area 912 includes a balloon area 913 is shown. Here, in the display area 912, the remaining area 914 excluding the balloon area 913 has the same color as the background.

このとき、コンテンツ提供システムは、背景と同じ色を有している一定サイズ以上の領域を認識し、この領域を取り除いてもよい。例えば、図9の残りの領域914もイメージとして認識されるため、最終イメージのリソースサイズを増加させる。言い換えれば、コンテンツ提供システムは、残りの領域914を認識して取り除くようになる。この場合、残りの領域914は、背景によって満たされてもよい。上述したように、残りの領域914の色は背景と同じ色を有しているため、ページを表示するときには同じように表示されるが、残りの領域914分だけのイメージが取り除かれて余白が生成されるため、最終イメージのサイズは減少するようになる。   At this time, the content providing system may recognize an area of a certain size or more having the same color as the background, and remove this area. For example, since the remaining area 914 in FIG. 9 is also recognized as an image, the resource size of the final image is increased. In other words, the content providing system recognizes and removes the remaining area 914. In this case, the remaining area 914 may be filled with the background. As described above, since the color of the remaining area 914 has the same color as the background, it is displayed in the same manner when the page is displayed, but the image of the remaining area 914 is removed and the margin is removed. As a result, the size of the final image is reduced.

ここで、背景は、コンテンツが表示されるウェブページの背景を含んでもよい。例えば、ウェブトゥーンのようなコンテンツがウェブページに表示されるとき、ページが取り除かれた領域は、ウェブページの背景によって満たされてもよい。言い換えれば、ウェブページが有する背景の色によって余白部分が同じ色で表現されるため、ユーザが見る最終イメージは同じであるが、イメージが取り除かれて余白が生じた分だけ最終イメージのサイズが減少するため、ネットワーク使用量を減らすことができ、ローディング性能を向上させことができる。   Here, the background may include a background of a web page on which content is displayed. For example, when content such as web toon is displayed on a web page, the area from which the page was removed may be filled with the background of the web page. In other words, because the margin part is expressed in the same color according to the background color of the web page, the final image seen by the user is the same, but the size of the final image is reduced by the amount of margin that is removed by the image Therefore, the network usage can be reduced and the loading performance can be improved.

また、上述したように、コンテンツは、専用ツールを通じてユーザに提供されることもある。この場合、余白部分には、専用ツールに設定された背景の色が表示されてもよい。このように、余白部分に表示される背景色は、コンテンツが配置されるサービスページの背景の色によって拡張されるようになる。   Further, as described above, the content may be provided to the user through a dedicated tool. In this case, the background color set in the dedicated tool may be displayed in the margin. As described above, the background color displayed in the margin part is expanded by the background color of the service page on which the content is arranged.

図10は、本発明の一実施形態における、自動的に余白を生成する他の例を示した図である。図10は、第1ページ1010が黒色の背景1011を有し、表示領域に吹き出しを含んだイメージが含まれる例を示している。ここで、このイメージは、予め設定されたサイズ以上の白色領域1012を含んでいる。   FIG. 10 is a diagram showing another example of automatically generating a margin in one embodiment of the present invention. FIG. 10 shows an example in which the first page 1010 has a black background 1011 and an image including a balloon is included in the display area. Here, this image includes a white region 1012 having a size equal to or larger than a preset size.

この場合、コンテンツ提供システムは、コンテンツを生成するときに、最終イメージから予め設定されたサイズ以上の白色領域1012を認識して取り除いてもよい。ここで、第1ページ1010は、白色領域1012を取り除くことによって背景1011の黒色が表示されながら、第2ページ1020のように変更されてもよい。   In this case, the content providing system may recognize and remove the white region 1012 having a size larger than a preset size from the final image when generating the content. Here, the first page 1010 may be changed to the second page 1020 while the black color of the background 1011 is displayed by removing the white region 1012.

このとき、コンテンツ提供システムは、背景の色を、取り除いた領域の色に変更してもよい。この場合、第2ページ1020は、第3ページ1030のように変更されてもよい。このとき、表示領域のイメージサイズは、白色領域1012を取り除くことによって減少する。言い換えれば、最終イメージのリソースサイズを減らすことができる。   At this time, the content providing system may change the background color to the color of the removed area. In this case, the second page 1020 may be changed like the third page 1030. At this time, the image size of the display area is reduced by removing the white area 1012. In other words, the resource size of the final image can be reduced.

この場合にも、背景は、コンテンツが表示されるウェブページの背景を含んでもよい。本実施形態では、取り除かれた領域の本来の色と同じになるようにウェブページの背景の色を変更することにより、ユーザには同じコンテンツを提供しながらもネットワークの使用量は減らし、最終イメージのローディング性能を向上させることができる。   Again, the background may include the background of the web page on which the content is displayed. In this embodiment, by changing the background color of the web page so that it is the same as the original color of the removed area, the network usage is reduced while providing the same content to the user, and the final image Loading performance can be improved.

上述したように、背景色は、コンテンツが配置されるサービスページの背景色によって拡張されてもよい。   As described above, the background color may be extended by the background color of the service page on which the content is arranged.

図11は、本発明の一実施形態における、コンテンツ提供システムの内部構成を説明するためのブロック図であり、図12は、本発明の一実施形態における、コンテンツ提供方法を示したフローチャートである。本発明に係るコンテンツ提供システム1100は、図11に示すように、プロセッサ1110、バス1120、ネットワークインタフェース1130、およびメモリ1140を備えてよい。メモリ1140は、オペレーティングシステム1141およびコンテンツ提供ルーチン1142を含んでよい。プロセッサ1110は、ページ構成部1111、モーション効果設定部1112、およびレイヤ統合部1113を含んでよい。他の実施形態において、コンテンツ提供システム1100は、図11の構成要素よりもさらに多くの構成要素を備えてもよい。しかし、大部分の従来技術的な構成要素を明確に図に示す必要はない。例えば、コンテンツ提供システム1100は、ディスプレイやトランシーバのような他の構成要素をさらに備えてもよい。   FIG. 11 is a block diagram for explaining an internal configuration of a content providing system in one embodiment of the present invention, and FIG. 12 is a flowchart showing a content providing method in one embodiment of the present invention. The content providing system 1100 according to the present invention may include a processor 1110, a bus 1120, a network interface 1130, and a memory 1140 as shown in FIG. The memory 1140 may include an operating system 1141 and a content providing routine 1142. The processor 1110 may include a page configuration unit 1111, a motion effect setting unit 1112, and a layer integration unit 1113. In other embodiments, the content providing system 1100 may include more components than the components of FIG. However, most prior art components need not be clearly illustrated. For example, the content providing system 1100 may further include other components such as a display and a transceiver.

メモリ1140は、コンピュータで読み取り可能な記録媒体であって、RAM(random access memory)、ROM(read only memory)、およびディスクドライブのような永久大容量記録装置(permanent mass storage device)を含んでよい。また、メモリ1140には、オペレーティングシステム1141およびコンテンツ提供ルーチン1142のためのプログラムコードが格納されてよい。このようなソフトウェア構成要素は、ドライブメカニズム(drive mechanism)(図示せず)を利用してメモリ1140とは別のコンピュータで読み取り可能な記録媒体からロードされてもよい。このような別のコンピュータで読み取り可能な記録媒体は、フロッピドライブ、ディスク、テープ、DVD/CD−ROMドライブ、メモリカードなどのコンピュータで読み取り可能な記録媒体(図示せず)を含んでよい。他の実施形態において、ソフトウェア構成要素は、コンピュータで読み取り可能な記録媒体ではないネットワークインタフェース1130を利用してメモリ1140にロードされてもよい。例えば、コンテンツ提供ルーチン1142は、開発者がネットワークを介して提供するファイルによってインストールされるプログラムに基づいてメモリ1140にロードされてもよい。   The memory 1140 is a computer readable recording medium, and may include a random access memory (RAM), a read only memory (ROM), and a permanent mass storage device such as a disk drive. . The memory 1140 may store program codes for the operating system 1141 and the content providing routine 1142. Such software components may be loaded from a computer readable recording medium separate from the memory 1140 using a drive mechanism (not shown). Such another computer-readable recording medium may include a computer-readable recording medium (not shown), such as a floppy drive, a disk, a tape, a DVD / CD-ROM drive, or a memory card. In other embodiments, the software components may be loaded into the memory 1140 using a network interface 1130 that is not a computer readable recording medium. For example, the content providing routine 1142 may be loaded into the memory 1140 based on a program installed by a file provided by a developer via a network.

バス1120は、コンテンツ提供システム1100の構成要素間の通信およびデータ伝送を可能にする。バス1120は、高速シリアルバス、パラレルバス、SAN(Storage Area Network)、および/または他の適切な通信技術を利用して構成されてよい。   The bus 1120 enables communication and data transmission between components of the content providing system 1100. The bus 1120 may be configured using a high-speed serial bus, a parallel bus, a SAN (Storage Area Network), and / or other suitable communication technology.

ネットワークインタフェース1130は、コンテンツ提供システム1100をコンピュータネットワークに接続するためのコンピュータハードウェア構成要素であってよい。ネットワークインタフェース1130は、コンテンツ提供システム1100を無線接続または有線接続を介してコンピュータネットワークに接続させてよい。   The network interface 1130 may be a computer hardware component for connecting the content providing system 1100 to a computer network. The network interface 1130 may connect the content providing system 1100 to a computer network via a wireless connection or a wired connection.

プロセッサ1110は、基本的な算術、ロジック、およびコンテンツ提供システム1100の入出力演算を実行することにより、コンピュータプログラムの命令を処理するように構成されてよい。命令は、メモリ1140またはネットワークインタフェース1130によって、バス1120を介してプロセッサ1110に提供されてよい。プロセッサ1110は、ページ構成部1111、モーション効果設定部1112、およびレイヤ統合部1113のためのプログラムコードを実行するように構成されてよい。このようなプログラムコード(一例として、コンテンツ提供ルーチン1142)は、メモリ1140のような記録装置に格納されてもよい。   The processor 1110 may be configured to process computer program instructions by performing basic arithmetic, logic, and input / output operations of the content providing system 1100. The instructions may be provided to processor 1110 via bus 1120 by memory 1140 or network interface 1130. The processor 1110 may be configured to execute program codes for the page configuration unit 1111, the motion effect setting unit 1112, and the layer integration unit 1113. Such a program code (for example, the content providing routine 1142) may be stored in a recording device such as the memory 1140.

このとき、ページ構成部1111、モーション効果設定部1112、およびレイヤ統合部1113は、図12の段階1210〜1230を実行するために構成されてよい。   At this time, the page configuration unit 1111, the motion effect setting unit 1112, and the layer integration unit 1113 may be configured to execute steps 1210 to 1230 of FIG. 12.

段階1210で、ページ構成部1111は、複数のレイヤを含むページを構成してよい。もちろん、1つのレイヤを含むページを含むこともあるが、レイヤの統合のために2つ以上のレイヤが含まれるページに意味があるとする。それぞれのレイヤは、ページに表示されるレイヤイメージを含んでよい。このようなレイヤイメージは、テキスト形態を有してもよい。   In step 1210, the page configuration unit 1111 may configure a page including a plurality of layers. Of course, a page including one layer may be included, but it is assumed that a page including two or more layers is meaningful for layer integration. Each layer may include a layer image displayed on the page. Such a layer image may have a text form.

段階1220で、モーション効果設定部1112は、ページに含まれる複数のレイヤのうち、少なくとも1つのレイヤに適用されるモーション効果を設定してよい。モーション効果は、上述したように、ページが画面に再生される場合に、予め設定された条件に基づいてレイヤイメージに適用されるアクションを含んでもよい。上述したように、レイヤやページに適用可能な効果としては、効果音やモバイル機器の振動などのように多様な効果が可能であるが、レイヤの統合に関する演出効果は、イメージに対する移動、回転、出現、消去などのモーション効果であってもよい。   In step 1220, the motion effect setting unit 1112 may set a motion effect to be applied to at least one layer among a plurality of layers included in the page. As described above, the motion effect may include an action applied to the layer image based on a preset condition when the page is reproduced on the screen. As described above, various effects such as sound effects and mobile device vibration are possible as effects that can be applied to layers and pages. However, effects related to layer integration include movement, rotation, Motion effects such as appearance and erasure may be used.

段階1230で、レイヤ統合部1113は、ページを含むコンテンツを生成するときに、ページに含まれる複数のレイヤのうち、モーション効果が設定されたレイヤを除いた残りの一般レイヤであって互いに連続する一般レイヤを統合してよい。例えば、レイヤ統合部1113は、複数のレイヤのうち、最下層(または最上層)から最上層(または最下層)までのレイヤを順に確認し、モーション効果が設定されていない上に互いに連続する一般レイヤを統合して統合イメージを生成し、モーション効果が設定されたレイヤを個別イメージとして生成してもよい。上述では、図5を参照しながら、統合イメージおよび個別イメージが生成される例について詳しく説明した。   In step 1230, when the layer integration unit 1113 generates content including a page, the layer integration unit 1113 is a remaining general layer excluding a layer in which a motion effect is set among a plurality of layers included in the page, and is continuous with each other. General layers may be integrated. For example, the layer integration unit 1113 sequentially checks the layers from the lowest layer (or the uppermost layer) to the uppermost layer (or the lowermost layer) among a plurality of layers, and the motion effect is not set and is generally continuous with each other. Layers may be integrated to generate an integrated image, and layers with motion effects set may be generated as individual images. In the above, the example in which the integrated image and the individual image are generated has been described in detail with reference to FIG.

ここで、コンテンツ提供方法は、実施形態によって選択的に、統合イメージおよび個別イメージがレイヤの順にしたがって積層された最終イメージを生成する段階(図示せず)をさらに含んでもよい。レイヤは、上層のレイヤが下層のレイヤの一部または全部を隠すことができるため、レイヤの順は重要となる。したがって、生成されたイメージもレイヤの順によって積層されてもよく、下層のレイヤは上層の余白部分に表示されてもよい。このような図に示されていない段階は、プロセッサ1110にさらに備えられもよい最終イメージ生成部(図示せず)によって実行されてもよい。   Here, the content providing method may further include a step (not shown) of generating a final image in which the integrated image and the individual images are stacked according to the layer order, according to an exemplary embodiment. Layer order is important because the upper layer can hide some or all of the lower layer. Therefore, the generated images may also be stacked according to the layer order, and the lower layer may be displayed in the upper margin area. The steps not shown in the figure may be performed by a final image generator (not shown) that may be further included in the processor 1110.

このように、モーション効果が設定されていないレイヤを統合することにより、最終イメージのリソースサイズを減らすことができ、リソースサイズを減少させることによってネットワーク使用量を減らすことができ、利用者端末130でのローディング性能を向上させることができる。   As described above, by integrating the layers where the motion effect is not set, the resource size of the final image can be reduced, and the network usage can be reduced by reducing the resource size. Loading performance can be improved.

また、コンテンツ提供方法は、実施形態によって選択的に、ページが第1サイズ以上である場合に、ページで背景色と同じ色を有する第2サイズの領域を認識する段階(図示せず)、および認識された領域を基準にしてページを分割する段階(図示せず)をさらに含んでもよい。背景色と同じ色を有する領域を利用してページを分割する方法については、図8を参照しながら上述したとおりである。このような図に示されていない段階は、プロセッサ1110にさらに備えられてもよい背景認識部(図示せず)およびページ分割部(図示せず)によって実行されてもよい。   The content providing method may selectively recognize a region of a second size having the same color as the background color (not shown) on the page when the page is equal to or larger than the first size according to the embodiment, and The method may further include a step of dividing the page based on the recognized area (not shown). A method of dividing a page using an area having the same color as the background color is as described above with reference to FIG. The steps not shown in the figure may be performed by a background recognition unit (not shown) and a page division unit (not shown) that may be further included in the processor 1110.

このように、一定サイズ以上のページを背景色と関連させて分割することにより、製作者の意図を損ねることなく一定サイズ以上のページを分割し、利用者端末130でのローディング性能を向上させることができる。   In this way, by dividing a page of a certain size or more in relation to the background color, the page of a certain size or more is divided without impairing the intention of the producer, and the loading performance on the user terminal 130 is improved. Can do.

図13は、本発明の他の実施形態における、コンテンツ提供システムの内部構成を説明するためのブロック図であり、図14は、本発明の他の実施形態における、コンテンツ提供方法を示したフローチャートである。本実施形態に係るコンテンツ提供システム1300は、図13に示すように、プロセッサ1310、バス1320、ネットワークインタフェース1330、およびメモリ1340を備えてよく、このような構成要素は、図11を参照しながら説明したプロセッサ1110、バス1120、ネットワークインタフェース1130、およびメモリ1140に対応するため、繰り返される説明は省略する。プロセッサ1310は、図13に示すように、ページ構成部1311、余白領域認識部1312、および再構成部1313を含んでよく、必要によって選択的に、背景色変更部1314をさらに含んでよい。プロセッサ1310が含む構成要素は、図14の段階1410〜1440を実行するために構成されてよい。   FIG. 13 is a block diagram for explaining an internal configuration of a content providing system in another embodiment of the present invention, and FIG. 14 is a flowchart showing a content providing method in another embodiment of the present invention. is there. As shown in FIG. 13, the content providing system 1300 according to the present embodiment may include a processor 1310, a bus 1320, a network interface 1330, and a memory 1340. Such components will be described with reference to FIG. In order to correspond to the processor 1110, the bus 1120, the network interface 1130, and the memory 1140, repeated description is omitted. As shown in FIG. 13, the processor 1310 may include a page configuration unit 1311, a blank area recognition unit 1312, and a reconstruction unit 1313, and may further include a background color change unit 1314 as necessary. The components included in the processor 1310 may be configured to perform the steps 1410-1440 of FIG.

段階1410で、ページ構成部1311は、コンテンツに含まれるページを構成してよい。ここで説明するページとは、上述した複数のレイヤで構成されるページを含んでもよいが、単に1つのレイヤで構成されたイメージのページであってもよい。   In step 1410, the page configuration unit 1311 may configure a page included in the content. The page described here may include a page composed of a plurality of layers as described above, but may be an image page composed of only one layer.

段階1420で、余白領域認識部1312は、ページを構成する最終イメージを分析し、1つの色で構成されて予め設定されたサイズ以上のサイズを有する領域を認識してよい。   In step 1420, the blank area recognition unit 1312 may analyze the final image constituting the page and recognize an area that is configured with one color and has a size greater than or equal to a preset size.

段階1430で、再構成部1313は、認識された領域を取り除いて前記最終イメージを再構成してよい。上述した図9および図10では、同じ色で構成された領域を認識して取り除くことによって最終イメージのリソースサイズを減らすことができることを説明した。   In operation 1430, the reconstruction unit 1313 may remove the recognized area and reconstruct the final image. In FIG. 9 and FIG. 10 described above, it has been described that the resource size of the final image can be reduced by recognizing and removing a region composed of the same color.

ここで、1つの色が、コンテンツが配置されるサービスページに設定された背景色と同じ色であれば、単に認識された領域を取り除くだけでも、認識された領域を取り除くことによって生成された余白にサービスページの背景色が表示されるため、特別な変更を行わなくても、イメージのサイズを減らしながら同じイメージを表示できるようになる。   Here, if one color is the same color as the background color set in the service page where the content is arranged, the margin generated by removing the recognized area simply by removing the recognized area Since the background color of the service page is displayed, the same image can be displayed while reducing the size of the image without any special changes.

段階1440で、背景色変更部1314は、1つの色が、コンテンツが配置されるサービスページに設定された背景色と異なる場合、サービスページに設定された背景色を前記1つの色(取り除かれた領域の色)に変更してよい。言い換えれば、認識された領域を取り除くことによって生成された余白に前記の変更された背景色が表示されるが、このような変更された色は取り除かれた領域の色であるため、イメージのサイズは減らしながらも、ユーザには同じコンテンツを提供できるようになる。このような段階1440は、実施形態によって選択的に、コンテンツ提供方法に含まれてもよい。   In step 1440, if one color is different from the background color set on the service page on which the content is arranged, the background color changing unit 1314 changes the background color set on the service page to the one color (removed). The color of the area may be changed. In other words, the modified background color is displayed in the margin generated by removing the recognized area, but since the modified color is the color of the removed area, the size of the image The same content can be provided to the user while reducing the number. Such a step 1440 may be selectively included in the content providing method according to the embodiment.

さらに、コンテンツ提供方法は、実施形態によって選択的に、ページが第1サイズ以上である場合に、ページで背景色と同じ色を有する第2サイズの領域を認識する段階(図示せず)、および認識された第2サイズの領域を基準にしてページを分割する段階(図示せず)をさらに含んでもよい。背景色と同じ色を有する領域を利用してページを分割する方法については、図8を参照しながら詳しく説明したとおりである。このような図に示されていない段階は、プロセッサ1310にさらに備えられてもよい背景認識部(図示せず)およびページ分割部(図示せず)によって実行されてもよい。   Further, the content providing method may selectively recognize a region of a second size having the same color as the background color (not shown) on the page when the page is equal to or larger than the first size according to the embodiment, and The method may further include a step (not shown) of dividing the page based on the recognized second size area. A method of dividing a page using an area having the same color as the background color is as described in detail with reference to FIG. The steps not shown in the figure may be performed by a background recognition unit (not shown) and a page division unit (not shown) that may be further included in the processor 1310.

このように、一定サイズ以上のページを背景色と関連させて分割することにより、製作者の意図を損なうことなく一定サイズ以上のページを分割し、利用者端末130でのローディング性能を向上させることができる。   In this way, by dividing a page of a certain size or more in relation to the background color, the page of a certain size or more can be divided without impairing the intention of the producer, and the loading performance on the user terminal 130 can be improved. Can do.

以上のように、本発明の実施形態によると、複数のレイヤで構成されたページにおいて、少なくとも1つのレイヤにモーション演出を適用してモーション演出が含まれるコンテンツを提供するが、このとき、モーション演出が適用されていないレイヤを1つのイメージとして統合することにより、コンテンツを提供するときのローディング性能を向上させ、ネットワーク使用量を減らすことができる。   As described above, according to the embodiment of the present invention, in a page composed of a plurality of layers, a motion effect is applied to at least one layer to provide content including the motion effect. By integrating the layers to which no is applied as one image, it is possible to improve the loading performance when providing content and reduce the network usage.

また、ページが一定サイズ以上である場合、背景色と同じ一定サイズの領域を自動的に認識し、認識されたサイズ領域を基準にしてページを自動分割して格納してコンテンツを構成することができる。   In addition, when the page is larger than a certain size, it can automatically recognize an area of the same size as the background color and automatically divide and store the page based on the recognized size area to compose the content. it can.

さらに、最終イメージに特定の色を有する一定サイズ以上の領域が存在する場合、最終イメージからこの色の領域を取り除き、取り除かれた領域にウェブトゥーンのようなコンテンツが表示されるサービスページの背景の色が表示されるようにコンテンツを提供することにより、最終イメージのリソースサイズを減らしてネットワーク使用量を減らし、ローディング性能を向上させることができる。   Furthermore, if there is an area of a certain size or more with a specific color in the final image, the area of this color is removed from the final image, and the background of the service page in which content such as web toon is displayed in the removed area. By providing the content so that the colors are displayed, the resource size of the final image can be reduced, the network usage can be reduced, and the loading performance can be improved.

上述した装置は、ハードウェア構成要素、ソフトウェア構成要素、および/またはハードウェア構成要素とソフトウェア構成要素との組み合わせによって実現されてよい。例えば、実施形態で説明された装置および構成要素は、例えば、プロセッサ、コントローラ、ALU(arithmetic logic unit)、デジタル信号プロセッサ、マイクロコンピュータ、FPA(field programmable array)、PLU(programmable logic unit)、マイクロプロセッサ、または命令を実行して応答することができる様々な装置のように、1つ以上の汎用コンピュータまたは特殊目的コンピュータを利用して実現されてよい。処理装置は、オペレーティングシステム(OS)およびOS上で実行される1つ以上のソフトウェアアプリケーションを実行してよい。また、処理装置は、ソフトウェアの実行に応答し、データにアクセスし、データを格納、操作、処理、および生成してもよい。理解の便宜のために、1つの処理装置が使用されるとして説明される場合もあるが、当業者は、処理装置が複数の処理要素(processing element)および/または複数種類の処理要素を含んでもよいことが理解できるであろう。例えば、処理装置は、複数のプロセッサまたは1つのプロセッサおよび1つのコントローラを含んでもよい。また、並列プロセッサ(parallel processor)のような、他の処理構成(processing configuration)も可能である。   The apparatus described above may be realized by hardware components, software components, and / or a combination of hardware and software components. For example, the devices and components described in the embodiments include, for example, a processor, a controller, an ALU (arithmetic logic unit), a digital signal processor, a microcomputer, an FPA (field programmable array), a PLU (programmable logic unit), and a microprocessor. Or may be implemented utilizing one or more general purpose or special purpose computers, such as various devices capable of executing and responding to instructions. The processing device may execute an operating system (OS) and one or more software applications running on the OS. The processing device may also respond to software execution, access data, and store, manipulate, process, and generate data. For convenience of understanding, a single processing device may be described as being used, but those skilled in the art will recognize that a processing device may include multiple processing elements and / or multiple types of processing elements. You will understand that it is good. For example, the processing device may include multiple processors or a processor and a controller. Also, other processing configurations such as a parallel processor are possible.

ソフトウェアは、コンピュータプログラム、コード、命令、またはこれらのうちの1つ以上の組み合わせを含んでもよく、所望するとおりに動作するように処理装置を構成したり、独立的または集合的に(collectively)処理装置に命令したりしてよい。ソフトウェアおよび/またはデータは、処理装置に基づいて解釈されたり、処理装置に命令またはデータを提供したりするために、ある種類の機械、コンポーネント、物理装置、仮想装置(virtual equipment)、コンピュータ格納媒体または装置、または伝送される信号波(signal wave)に永久的または一時的に具現化されてもよい。ソフトウェアは、ネットワークによって接続されたコンピュータシステム上に分散され、分散された態様で格納されても実行されてもよい。ソフトウェアおよびデータは、1つ以上のコンピュータで読み取り可能な記録媒体に格納されてもよい。   The software may include computer programs, code, instructions, or a combination of one or more of these, configuring the processing device to operate as desired, or processing independently or collectively. You may instruct the device. Software and / or data may be interpreted based on a processing device, or may provide instructions or data to a processing device, such as a type of machine, component, physical device, virtual device, computer storage medium Alternatively, it may be realized permanently or temporarily in a device, or a transmitted signal wave. The software may be distributed over computer systems connected by a network and stored or executed in a distributed manner. Software and data may be stored on one or more computer-readable recording media.

実施形態に係る方法は、多様なコンピュータ手段によって実行可能なプログラム命令の形態で実現されてコンピュータで読み取り可能な媒体に記録されてもよい。前記コンピュータで読み取り可能な媒体は、プログラム命令、データファイル、データ構造などを単独でまたは組み合わせて含んでもよい。前記媒体に記録されるプログラム命令は、実施形態のために特別に設計されて構成されたものであってもよいし、コンピュータソフトウェア当業者に公知な使用可能なものであってもよい。コンピュータで読み取り可能な記録媒体の例としては、ハードディスク、フロッピー(登録商標)ディスク、磁気テープのような磁気媒体、CD−ROM、DVDのような光媒体、フロプティカルディスク(floptical disk)のような光磁気媒体、およびROM、RAM、フラッシュメモリなどのようなプログラム命令を格納して実行するように特別に構成されたハードウェア装置が含まれる。プログラム命令の例は、コンパイラによって生成されるもののような機械語コードだけではなく、インタプリタなどを使用してコンピュータによって実行される高級言語コードを含む。上述したハードウェア装置は、実施形態の動作を実行するために1つ以上のソフトウェアモジュールとして動作するように構成されてもよく、その逆も同じである。   The method according to the embodiment may be realized in the form of program instructions executable by various computer means and recorded on a computer-readable medium. The computer readable medium may include program instructions, data files, data structures, etc. alone or in combination. The program instructions recorded on the medium may be specially designed and configured for the embodiment or may be usable by those skilled in the art of computer software. Examples of the computer-readable recording medium include a hard disk, a floppy (registered trademark) disk, a magnetic medium such as a magnetic tape, an optical medium such as a CD-ROM and a DVD, and a floppy disk. Hardware devices specially configured to store and execute program instructions such as ROM, RAM, flash memory, and the like. Examples of program instructions include not only machine language code such as that generated by a compiler, but also high-level language code that is executed by a computer using an interpreter or the like. The hardware device described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

以上のように、実施形態を、限定された実施形態と図面に基づいて説明したが、当業者であれば、上述した記載から多様な修正および変形が可能である。例えば、説明された技術が、説明された方法とは異なる順序で実行されたり、かつ/あるいは、説明されたシステム、構造、装置、回路などの構成要素が、説明された方法とは異なる形態で結合されたりまたは組み合わされたり、他の構成要素または均等物によって対置されたり置換されたとしても、適切な結果を達成することができる。   As described above, the embodiments have been described based on the limited embodiments and the drawings. However, those skilled in the art can make various modifications and variations from the above description. For example, the described techniques may be performed in a different order than the described method and / or components of the described system, structure, apparatus, circuit, etc. may be different from the described method. Appropriate results can be achieved even when combined or combined, or opposed or replaced by other components or equivalents.

したがって、異なる実施形態であっても、特許請求の範囲と均等なものであれば、添付される特許請求の範囲に属する。   Accordingly, even different embodiments belong to the appended claims as long as they are equivalent to the claims.

1100、1300:コンテンツ提供システム
1111、1311:ページ構成部
1112:モーション効果設定部
1113:レイヤ統合部
1130、1330:ネットワークインタフェース
1140、1340:メモリ
1141、1341:オペレーティングシステム
1142、1342:コンテンツ提供ルーチン
1312:余白領域認識部
1313:再構成部
1314:背景色変更部
1100, 1300: Content providing system 1111, 1311: Page configuration unit 1112: Motion effect setting unit 1113: Layer integration unit 1130, 1330: Network interface 1140, 1340: Memory 1141, 1341: Operating system 1142, 1342: Content providing routine 1312 : Margin area recognition unit 1313: reconstruction unit 1314: background color change unit

Claims (7)

コンピュータによって実現されるコンテンツ提供システムのコンテンツ提供方法であって、
複数のレイヤを含むページを構成する段階、
前記ページに含まれる複数のレイヤのうち、2つ以上のレイヤのそれぞれに適用されるモーション効果を設定する段階、および
前記ページを含むコンテンツを生成するときに、前記ページに含まれる前記複数のレイヤのうち、前記モーション効果が設定されたレイヤを除いた残りの一般レイヤであって互いに連続する一般レイヤを統合する段階
を含み、
前記一般レイヤを統合する段階は、
前記複数のレイヤのうち、最下層から最上層までのレイヤ、または、最上層から最下層までのレイヤを順に確認し、前記モーション効果が設定されていない上に互いに連続する一般レイヤを統合して統合イメージを生成し、前記モーション効果が設定されたレイヤのそれぞれを個別イメージとして生成することを含み、
前記コンテンツ提供方法は、
前記統合イメージおよび前記個別イメージがレイヤの順にしたがって積層された最終イメージを含むページを生成する段階
をさらに含み、
前記の生成されたページが画面から再生される場合、前記個別イメージに対応するレイヤに設定されたモーション効果によって前記個別イメージのアクションが制御される、コンテンツ提供方法。
A content providing method of a content providing system realized by a computer,
Composing a page with multiple layers,
The step of setting a motion effect applied to each of two or more layers among the plurality of layers included in the page, and the plurality of layers included in the page when generating the content including the page of, it looks including the step of integrating a general layer that succeed one another a remaining general layers except for the layer of the motion effect is set,
The step of integrating the general layer includes:
Check the layers from the bottom layer to the top layer, or the layers from the top layer to the bottom layer in order, and integrate the general layers that are not set to the motion effect and are continuous with each other. Generating an integrated image and generating each of the layers with the motion effect as an individual image,
The content providing method includes:
Generating a page including a final image in which the integrated image and the individual images are stacked according to layer order;
Further including
When the generated page is reproduced from a screen, a content providing method in which an action of the individual image is controlled by a motion effect set in a layer corresponding to the individual image .
前記複数のレイヤのそれぞれは、前記ページに表示されるレイヤイメージを含み、
前記モーション効果は、前記ページが画面に再生される場合、予め設定された条件にしたがって前記レイヤイメージに適用されるアクションを含む、請求項1に記載のコンテンツ提供方法。
Each of the plurality of layers includes a layer image displayed on the page;
The content providing method according to claim 1, wherein the motion effect includes an action applied to the layer image according to a preset condition when the page is reproduced on a screen.
前記ページが第1サイズ以上である場合、前記ページで背景色と同じ色を有する第2サイズの領域を認識する段階、および
前記の認識された領域を基準にして前記ページを分割する段階
をさらに含む、請求項1に記載のコンテンツ提供方法。
If the page is not less than the first size, recognizing a second size area having the same color as a background color on the page, and further dividing the page based on the recognized area The content providing method according to claim 1, further comprising:
請求項1〜のうちいずれか一項に記載のコンテンツ提供方法をコンピュータに実行させるコンピュータプログラム。 The computer program which makes a computer perform the content provision method as described in any one of Claims 1-3 . コンピュータによって実現されるコンテンツ提供システムであって、
複数のレイヤを含むページを構成するページ構成部、
前記ページに含まれる複数のレイヤのうち、2つ以上のレイヤのそれぞれに適用されるモーション効果を設定するモーション効果設定部、および
前記ページを含むコンテンツを生成するときに、前記ページに含まれる前記複数のレイヤのうち、前記モーション効果が設定されたレイヤを除いた残りの一般レイヤであって互いに連続する一般レイヤを統合するレイヤ統合部
を備え、
前記レイヤ統合部は、
前記複数のレイヤのうち、最下層から最上層までのレイヤ、または、最上層から最下層までのレイヤを順に確認し、前記モーション効果が設定されていない上に互いに連続する一般レイヤを統合して統合イメージを生成し、前記モーション効果が設定されたレイヤのそれぞれを個別イメージとして生成し、
前記コンテンツ提供システムは、
前記統合イメージおよび前記個別イメージがレイヤの順にしたがって積層された最終イメージを含むページを生成する最終イメージ生成部
をさらに備え、
前記の生成されたページが画面から再生される場合、前記個別イメージに対応するレイヤに設定されたモーション効果によって前記個別イメージのアクションが制御される、コンテンツ提供システム。
A content providing system realized by a computer,
A page composition part that constitutes a page including a plurality of layers,
A motion effect setting unit configured to set a motion effect applied to each of two or more layers among a plurality of layers included in the page; and the content included in the page when the content including the page is generated among the plurality of layers, e Bei the layer integration unit that integrates a general layer that succeed one another a remaining general layers except for the layer of the motion effect is set,
The layer integration unit
Check the layers from the bottom layer to the top layer, or the layers from the top layer to the bottom layer in order, and integrate the general layers that are not set to the motion effect and are continuous with each other. An integrated image is generated, and each layer on which the motion effect is set is generated as an individual image.
The content providing system includes:
A final image generation unit that generates a page including a final image in which the integrated image and the individual images are stacked in the order of layers.
Further comprising
When the generated page is reproduced from a screen, a content providing system in which an action of the individual image is controlled by a motion effect set in a layer corresponding to the individual image .
前記複数のレイヤのそれぞれは、前記ページに表示されるレイヤイメージを含み、
前記モーション効果は、前記ページが画面に再生される場合、予め設定された条件にしたがって前記レイヤイメージに適用されるアクションを含む、請求項に記載のコンテンツ提供システム。
Each of the plurality of layers includes a layer image displayed on the page;
The content providing system according to claim 5 , wherein the motion effect includes an action applied to the layer image according to a preset condition when the page is reproduced on a screen.
前記ページが第1サイズ以上である場合、前記ページで背景色と同じ色を有する第2サイズの領域を認識する背景領域認識部、および
前記の認識された領域を基準にして前記ページを分割するページ分割部
をさらに備える、請求項に記載のコンテンツ提供システム。
When the page is equal to or larger than the first size, a background area recognition unit that recognizes a second size area having the same color as the background color on the page, and the page is divided based on the recognized area The content providing system according to claim 5 , further comprising a page dividing unit.
JP2016013524A 2015-04-03 2016-01-27 Content providing system and content providing method Active JP6211110B2 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020150047540A KR101654300B1 (en) 2015-04-03 2015-04-03 System and method for providing contents using merging layers of page with motion effect
KR10-2015-0047540 2015-04-03

Publications (2)

Publication Number Publication Date
JP2016197398A JP2016197398A (en) 2016-11-24
JP6211110B2 true JP6211110B2 (en) 2017-10-11

Family

ID=57017699

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2016013524A Active JP6211110B2 (en) 2015-04-03 2016-01-27 Content providing system and content providing method

Country Status (5)

Country Link
US (1) US10255711B2 (en)
JP (1) JP6211110B2 (en)
KR (1) KR101654300B1 (en)
CN (1) CN106055312A (en)
TW (1) TWI631531B (en)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6478888B2 (en) * 2015-09-29 2019-03-06 三菱電機株式会社 Graphic drawing apparatus and graphic drawing program
KR102131895B1 (en) * 2017-01-31 2020-07-08 리마 주식회사 Method and program for tracking replicated webtoon
CN107888979B (en) * 2017-11-23 2021-01-08 海信视像科技股份有限公司 Image display method and device based on Linux television
US11450009B2 (en) * 2018-02-26 2022-09-20 Intel Corporation Object detection with modified image background
JP2023096528A (en) * 2021-12-27 2023-07-07 株式会社エクスレイウェブアーツ Program, information processing device, image editing method and image display method
JP7045121B1 (en) * 2021-12-27 2022-03-31 株式会社エクスレイウェブアーツ Program, information processing device, image editing method, and image display method

Family Cites Families (36)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6606525B1 (en) * 1999-12-27 2003-08-12 Motorola, Inc. System and method of merging static data in web pages
JP3814585B2 (en) * 2002-03-20 2006-08-30 キヤノン株式会社 Image processing apparatus, image processing method, program, and storage medium
JP2004310326A (en) 2003-04-04 2004-11-04 Shinano Kenshi Co Ltd System, device and method of contents distribution, and computer-readable data composition program
JP4626210B2 (en) * 2004-07-30 2011-02-02 ソニー株式会社 Content providing system, content providing server, information processing apparatus, and computer program
JP4522280B2 (en) 2005-02-04 2010-08-11 キヤノン株式会社 Information processing apparatus, control method therefor, and program
KR100732207B1 (en) 2005-04-21 2007-06-27 주식회사 넥슨 Method and system for providing cartoon service using network
US7924314B2 (en) 2006-01-31 2011-04-12 Check Out My, Llc Bulk image gathering system and method
CN101601084B (en) * 2007-01-29 2011-09-07 三菱电机株式会社 Image display device and image display method
TW200921417A (en) * 2007-11-06 2009-05-16 Oz Network Co Ltd A page setup system and method
US8301998B2 (en) 2007-12-14 2012-10-30 Ebay Inc. Identification of content in an electronic document
KR100989182B1 (en) * 2007-12-20 2010-10-20 주식회사 다음커뮤니케이션 Method and System for Providing Additional Service of Moving Picture with Transparent Layer
JP5123089B2 (en) * 2008-07-17 2013-01-16 株式会社バンダイナムコゲームス Image distribution system, server, method and program thereof
JP2010066789A (en) * 2008-09-08 2010-03-25 Taito Corp Avatar editing server and avatar editing program
US8274533B2 (en) 2009-02-12 2012-09-25 Xerox Corporation Resizing a digital document image via background content removal
KR20110019942A (en) * 2009-08-21 2011-03-02 주식회사 엔피커 Webpage editing and storing sysyem
US8892995B2 (en) 2010-02-02 2014-11-18 Xerox Corporation Method and system for specialty imaging effect generation using multiple layers in documents
CN102193933A (en) 2010-03-10 2011-09-21 北大方正集团有限公司 Method and system for webpage editing
US8711163B2 (en) * 2011-01-06 2014-04-29 International Business Machines Corporation Reuse of static image data from prior image frames to reduce rasterization requirements
KR101270780B1 (en) * 2011-02-14 2013-06-07 김영대 Virtual classroom teaching method and device
US8819624B2 (en) 2011-09-26 2014-08-26 Intel Corporation Simulation of web applications and secondary devices in a web browser, web application development tools, and methods using the same
AU2011265380B2 (en) 2011-12-20 2015-02-12 Canon Kabushiki Kaisha Determining transparent fills based on a reference background colour
KR20130074383A (en) * 2011-12-26 2013-07-04 삼성전자주식회사 Method and apparatus for view generation using multi-layer representation
US20130317988A1 (en) * 2012-05-28 2013-11-28 Ian A. R. Boyd Payment and account management system using pictooverlay technology
US20140089826A1 (en) 2012-09-26 2014-03-27 Ian A. R. Boyd System and method for a universal resident scalable navigation and content display system compatible with any digital device using scalable transparent adaptable resident interface design and picto-overlay interface enhanced trans-snip technology
JP2013250841A (en) * 2012-06-01 2013-12-12 Nikon Corp Image display device and image display method
JP5937992B2 (en) * 2012-06-25 2016-06-22 株式会社コナミデジタルエンタテインメント Message browsing system, server, terminal device, control method, and program
KR101508977B1 (en) * 2012-08-16 2015-04-08 네이버 주식회사 Apparatus, method and computer readable recording medium for editting the image automatically by analyzing an image
CN102880664B (en) 2012-08-31 2015-05-13 华为软件技术有限公司 Page editing method, device and system
CN103793216B (en) 2012-10-31 2017-02-08 郑州月太软件有限公司 WYSIWYG online website construction method
JP5865856B2 (en) * 2013-02-27 2016-02-17 京セラドキュメントソリューションズ株式会社 Image processing apparatus and image forming apparatus having the same
JP6160168B2 (en) 2013-03-28 2017-07-12 ブラザー工業株式会社 Image processing apparatus and computer program
TWI571757B (en) * 2013-07-24 2017-02-21 堂朝數位整合股份有限公司 A webpage edition system and the method thereof and a computer program product for storing a webpage edition program
CN103823684A (en) 2014-03-04 2014-05-28 徐州工业职业技术学院 Browser-based web courseware demonstration auxiliary system and browser-based web courseware demonstration auxiliary method
US20150382061A1 (en) 2014-06-30 2015-12-31 Sling Media, Inc. Spoiler mitigation methods and systems
US9753620B2 (en) 2014-08-01 2017-09-05 Axure Software Solutions, Inc. Method, system and computer program product for facilitating the prototyping and previewing of dynamic interactive graphical design widget state transitions in an interactive documentation environment
KR101648964B1 (en) * 2015-04-02 2016-08-30 네이버 주식회사 System and method for providing contents using automatically margin creation

Also Published As

Publication number Publication date
CN106055312A (en) 2016-10-26
US20160292904A1 (en) 2016-10-06
KR101654300B1 (en) 2016-09-22
US10255711B2 (en) 2019-04-09
TW201636953A (en) 2016-10-16
TWI631531B (en) 2018-08-01
JP2016197398A (en) 2016-11-24

Similar Documents

Publication Publication Date Title
JP6211110B2 (en) Content providing system and content providing method
JP6196334B2 (en) Content providing system and content providing method
US11055811B2 (en) Graphics processing unit partitioning for virtualization
TWI662475B (en) Application producing apparatus and method and application driving apparatus
US20150295781A1 (en) Cloud object
CN107168780B (en) Virtual reality scene loading method and equipment and virtual reality equipment
JP6882992B2 (en) How and devices to preview moving images, and how and devices to display representation packages
JP2017111791A (en) Method, system and computer program for cloud-based computing cluster for simulated operator training system
US20170300204A1 (en) Method and apparatus for manufacturing interactive electronic manual
KR101968974B1 (en) System and method for providing contents using merging layers of page with motion effect
US20170091152A1 (en) Generating grid layouts with mutable columns
US20140258842A1 (en) Method of designing a customizable website
KR101934369B1 (en) System and method for providing contents using automatically margin creation
KR101720635B1 (en) Method for web-based producing 3d video contents and server implementing the same
CN105556471A (en) Adaptive remote computing
KR101743868B1 (en) Method and system for image processing
RU2666334C2 (en) Method of data processing
KR102092156B1 (en) Encoding method for image using display device
US20230377236A1 (en) Creation of videos using virtual characters
KR20230163072A (en) Method for producing 3d video contents using web
KR20240081588A (en) Virtual space platform interlocking device and virtual space platform interlocking method
KR20230052796A (en) Webtoon audio drama service providing system and method
KR20210073901A (en) Method and system for generating script forcamera effect
CN111107425A (en) Method, system, and storage medium for acquiring computing resources based on rendering component elements
Prasser et al. System Development Frontend: How We Developed and Integrated the Elisa Software

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20170228

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20170307

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20170607

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20170912

R150 Certificate of patent or registration of utility model

Ref document number: 6211110

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

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

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250