KR101968974B1 - System and method for providing contents using merging layers of page with motion effect - Google Patents

Abstract

A system and method for providing content using layer merging of pages that include motion rendition is disclosed. A content providing method of a content providing system implemented by a computer includes the steps of: configuring a page including a plurality of layers; setting a motion effect to be applied to at least one layer among a plurality of layers included in the page; And merging consecutive layers in the remaining general layers except the layer in which the motion effect is set, among the plurality of layers included in the page when generating the content including the motion effect.

Description

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a system and a method for providing contents using a merge layer of a page including a motion effect,

Embodiments of the present invention are directed to a system and method for providing content using layer merging of pages that include motion rendering.

Webtoon is a combination of 'web' and 'cartoon' in the English language, which means 'comics distributed via the Internet'. For example, Korean Patent Laid-Open Publication No. 10-2006-0110587 relates to a method and system for providing cartoon service using a network, in which a cartoon is produced or a cartoon is displayed through a web page including a cartoon production tool .

The present invention relates to a method and a system for providing a content including motion rendering by applying motion rendering to at least one layer in a page composed of a plurality of layers and by combining the layers to which the motion rendering is not applied, And provide a content delivery system and method that can reduce network usage.

There is provided a content providing system and method capable of automatically recognizing an area having the same size as a background color and automatically dividing and storing a page based on the recognized size area when the size of the page is equal to or larger than a predetermined size .

If there is an area of a predetermined size or more having a specific color in the final image, the corresponding color area is removed from the final image, and the content is provided so that the background color of the service page, A system and a method for providing a content that can reduce the size of a final image resource and reduce network usage and improve loading performance.

A content providing method of a computer-implemented content providing system, the method comprising: constructing a page including a plurality of layers; Setting a motion effect to be applied to at least one of a plurality of layers included in the page; And merging consecutive layers in remaining general layers other than the layer in which the motion effect is set among the plurality of layers included in the page when creating the content including the page. Provide a method of providing.

A computer-implemented content providing system, comprising: a page configuring unit configured to configure a page including a plurality of layers; A motion effect setting unit for setting a motion effect to be applied to at least one of a plurality of layers included in the page; And a layer merging unit for merging consecutive layers in remaining general layers excluding the layer in which the motion effect is set among the plurality of layers included in the page when creating the content including the page And provides a content providing system.

The present invention relates to a method and a system for providing a content including motion rendering by applying motion rendering to at least one layer in a page composed of a plurality of layers and by combining the layers to which the motion rendering is not applied, And reduce network usage.

If the size of the page is equal to or larger than a predetermined size, the same size area as the background color is automatically recognized, and the content can be configured by automatically dividing and storing the page based on the recognized size area.

If there is an area of a predetermined size or more having a specific color in the final image, the corresponding color area is removed from the final image, and the content is provided so that the background color of the service page, Reducing the size of the final image resource can reduce network usage and improve loading performance.

FIG. 1 and FIG. 2 are views showing an example of an operating environment of a content providing system in an embodiment of the present invention.
3 and 4 are views for explaining a production tool for producing contents in an embodiment of the present invention.
5 to 7 show examples of displaying a plurality of layers in an embodiment of the present invention.
8 is a diagram showing an example of automatic division of pages in one embodiment of the present invention.
9 is a diagram showing an example of automatically generating margins in an embodiment of the present invention.
11 is a block diagram for explaining an internal configuration of a content providing system according to an embodiment of the present invention.
12 is a flowchart illustrating a content providing method according to an embodiment of the present invention.
13 is a block diagram for explaining an internal configuration of a content providing system according to another embodiment of the present invention.
14 is a flowchart illustrating a content providing method according to another embodiment of the present invention.

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings.

The embodiments of the present invention are directed to a content providing system and a content providing method for providing contents capable of various kinds of motion rendering, Thereby improving the performance of loading the page in the content and reducing the amount of network usage. Embodiments of the present invention also describe a technique capable of reducing the size of the final image resource by automatically splitting a page that is too large or automatically including margins.

FIG. 1 and FIG. 2 are views showing an example of an operating environment of a content providing system in an embodiment of the present invention.

1, a manufacturer terminal 110 is a terminal used by a producer who produces contents such as a WebtoTT, and is a device installed with a production tool necessary for producing contents, and capable of connecting to the medium 120 through a network . The medium 120 may refer to a server device that provides contents of a manufacturer to a user terminal 130 through a web page or a dedicated tool, or a plurality of server devices connected to each other. The user terminal 130 may refer to a device that requests content from the medium 120 and receives and displays the requested content.

An example of the process of providing contents in FIG. 1 may be performed as follows (1) to (4).

(1) The creator can create content through the authoring tool installed in the creator terminal 110. The authoring tool can be installed in the authoring terminal 110 through a file downloaded through the medium 120 or a server associated with the medium 120, and the author can create content using the authoring tool.

(2) The producer terminal 110 can transmit the generated content to the medium 120. [ For example, the media 120 may provide a page for the producer terminal 110 to upload content to the producer terminal 110, and the producer terminal 110 may use the file upload functionality of the provided page to provide content Can be uploaded.

(3) The medium 120 may apply the content to a web page or a dedicated tool. For example, the content can be applied so that the content can be displayed through a dedicated tool capable of viewing a web page or contents to be provided with content such as a Webtoon.

(4) The medium 120 can provide contents through a web page or a dedicated tool. For example, the user terminal 130 accesses a web site of the medium 120 to request specific contents, or installs specific contents in the medium 120 through a dedicated tool installed in the user terminal 130, Can be requested. In this case, the medium 120 may provide the web page to which the requested content is applied to the user terminal 130, or may provide the content so that the content can be displayed through the dedicated tool installed in the user terminal 130.

2, the producer terminal 110 generates contents through a web providing tool provided as a web application on the web, rather than a production tool installed on the producer terminal 110, and generates contents Is uploaded to the media (120). At this time, 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.

At this time, the content providing system according to the embodiments of the present invention may correspond to the manufacturer terminal 110 installed with the authoring tool or to the medium 120 providing the web authoring tool.

3 and 4 are views for explaining a production tool for producing contents in an embodiment of the present invention. A screen 300 shown in FIG. 3 shows an example in which interfaces of a production tool are 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 shows an interface that can apply various effects such as 'basic effect', 'composite effect', and 'reproduction effect' to an image (background image, object image, text image, etc.) constituting one layer have. For example, the page list area 310 may include summary information (e.g., page identifiers and still cuts of pages) of the pages constituting the content. Also, in the page display area 320, a still cut of one page among the pages constituting the content can be displayed. In the layer list area 330, information (layers identifier, interface for determining whether to display a layer, layer steel cut, etc.) about the layers constituting the page displayed in the page display area 320 can be displayed. In the effect display area 340, information on effects set on the layers in the layer list area 330 may be displayed.

Authors can easily set the desired effect by selecting the page and layer, then pressing the effect buttons at the top ("Move", "Rotate", "Appear", "Shake", etc.). In addition, the manufacturer can control and set individual effects more precisely through the effect display area 340.

In the screen 400 of FIG. 4, a variety of detailed effects such as a time at which the effect is applied to the individual effects, a speed at which the image moves according to the effect, a repetition of the effect, and the like can be selected through the effect display area 340 . The selectable detail effects may vary depending on the type of effect.

Effects for rendering may include a motion effect for controlling the motion of the image and may also include various effects such as generating vibration in the user terminal 130 or outputting sound in the user terminal 130 .

5 to 7 show examples of displaying a plurality of layers in an embodiment of the present invention.

First, in FIG. 5, the layers 511 to 519 all have the same shape and the same size, and these layers 511 to 519 collectively form one page 520.

On the other hand, the layers constituting one page may have different sizes and shapes. For example, FIG. 6 shows a layer 613 for a background, a balloon-like layer 612, and a layer 611 for characters to be included in a speech balloon. These layers 611 to 613 are combined to form a single Page 620 is configured.

7 shows an example in which the " appearing " effect is applied to a specific layer 712. [ Only the two layers 711 and 713 are displayed when the first page 720 is displayed and the remaining layer 712 is displayed on the page 730 after the set time with the " appearing " effect. As such, the motion effect can be set to at least one of a plurality of layers constituting a page.

Referring again to FIG. 5, FIG. 5 shows that a motion effect is applied to two layers 513 and 516 of the layers 511 to 519. In other words, it can be seen that no motion effect is applied to the remaining layers 511, 512, 514, 515, 517, 518, and 519.

At this time, providing all of the layers with individual images may increase the network usage as compared with providing a single final image, but also deteriorate the loading performance when loading contents at the user terminal 130 . However, in order to perform various kinds of presentation, not only information of each layer is required but also information about effect applied by each layer needs to be transmitted.

Accordingly, embodiments of the present invention provide a technique for merging and providing continuous normal layers among the remaining general layers excluding the layers with motion effects set therein.

For example, in the example of FIG. 5, the content providing system according to embodiments of the present invention sequentially checks whether the layers have motion effects from the lowest layer 519 to the uppermost layer 511 , But it is possible to generate a single merged image by merging successive layers without generating a motion effect, and to generate the merged images as individual images. In other words, the content providing system can merge the layer 519, the layer 518 and the layer 517 to create one merged image, and generate the motion effect applied layer 516 as an individual image. The content providing system again merges the layer 515 and the layer 514 to generate a single merged image, the layer 513 is generated as an individual image, and the layer 512 and the layer 511 are merged, Lt; / RTI >

In other words, the nine layers in FIG. 5 are not generated and provided as nine images but may be generated and provided as five images including three merged images and two separate images.

This can reduce the resource size of the final image, reduce network usage, and improve loading performance.

8 is a diagram showing an example of automatic division of pages in one embodiment of the present invention. FIG. 8 shows an example of dividing a page 810 into two pages 820 and 830 when one page 810 has a size equal to or larger than the first size.

8, the page 810 includes two display areas 820 and 840 and one speech bubble area 830 on the background, and the remaining area includes a display area 870 ). At this time, the display area 870 is also an image area of the same color as the background color.

The content providing system can image the final pages at the time of generating the content to recognize the second size area having the same color as the background color. In FIG. 8, the area indicated by the dotted box 880 can indicate the area recognized by the content providing system. If the page 810 is unconditionally divided according to a predetermined size, the content providing system may divide the page 810 based on the recognized region, thereby damaging the intention of the producer It is possible to improve the loading performance of the user terminal 130 by dividing pages that are too large in size. If the area of the second size is not recognized, the page can be used as it is without dividing the page.

9 is a diagram showing an example of automatically generating margins in an embodiment of the present invention. The page 910 of FIG. 9 shows two display areas 911 and 912, and the display area 912 includes a speech balloon area 913. FIG. At this time, in the display area 912, the remaining area 914 excluding the balloon area 913 has the same color as the background.

At this time, the content providing system recognizes an area of a predetermined size or more having the same color as the background, and removes the area. For example, the remaining area 914 of FIG. 9 may also be recognized as an image to increase the size of the final image resource. In other words, the content providing system can recognize and remove the remaining area 914. In this case, the remaining area 914 may be filled in the background. As described above, since the color of the remaining area has the same color as that of the background, the same image is displayed at the time of displaying the page, but the size of the final image is decreased because the image of the remaining area 914 is removed to create a margin .

Here, the background may include the background of the web page from which the content is exposed. For example, when content such as Webtoons is exposed through a web page, the removed area of the page may be filled in the background of the web page. In other words, the color of the background of the web page represents the same color as the marginal part, and the final image that the user sees is the same, but the size of the final image is reduced as the image is removed and the margin is generated. And the loading performance can be improved.

Also, 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 portion. As such, the background color displayed through the margin portion can be expanded to the background color of the service page where the content is placed.

10 is a view showing another example of automatically generating margins in an embodiment of the present invention. 10 shows an example in which the first page 1010 has a black background 1011 and an image including speech bubbles is included in the display area. At this time, the image includes a white area 1012 having a predetermined size or more.

In this case, the content providing system can recognize and remove the white area 1012 of a predetermined size or more from the final image when creating the content. At this time, the first page 1010 may be changed to the second page 1020 while the black color of the background 1011 is displayed as the white area 1012 is removed.

At this time, the content providing system can change the color of the area where the background color is removed. In this case, the second page 1020 may be changed as the third page 1030. At this time, the image size of the display area can be reduced as the white area 1012 is removed. In other words, the size of the final image resource can be reduced.

Even in this case, the background may include the background of the web page where the content is exposed. In this embodiment, by changing the color of the background of the web page so as to be the same as the original color of the removed region, it is possible to reduce the network usage and improve the loading performance of the final image while providing the same contents to the user.

As described above, the background color can be extended to the background color of the service page where the content is placed.

FIG. 11 is a block diagram illustrating an internal configuration of a content providing system according to an exemplary embodiment of the present invention, and FIG. 12 is a flowchart illustrating a content providing method in an embodiment of the present invention. The content providing system 1100 according to the present embodiment 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 composing unit 1111, a motion effect setting unit 1112, and a layer integrating unit 1113. In other embodiments, the content provision system 1100 may include more components than the components of FIG. However, there is no need to clearly illustrate most prior art components. For example, the content providing system 1100 may further include other components such as a display or a transceiver.

The memory 1140 may be a computer-readable recording medium and may include a permanent mass storage device such as a random access memory (RAM), a read only memory (ROM), and a disk drive. Also, the memory 1140 may store program codes for the operating system 1141 and the content providing routine 1142. These software components may be loaded from a computer readable recording medium separate from the memory 1140 using a drive mechanism (not shown). Such a 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 memory 1140 via a network interface 1130 rather than 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 the developers through files provided by the network.

The bus 1120 may enable communication and data transfer between components of the content provision system 1100. Bus 1120 may be configured using a high-speed serial bus, a parallel bus, a Storage Area Network (SAN), and / or other suitable communication technology.

Network interface 1130 may be a computer hardware component for connecting content provision system 1100 to a computer network. The network interface 1130 may connect the content providing system 1100 to a computer network via a wireless or wired connection.

The processor 1110 may be configured to process instructions of a computer program by performing basic arithmetic, logic, and input / output operations of the content providing system 1100. The instructions may be provided by the memory 1140 or the network interface 1130 and to the processor 1110 via the bus 1120. The processor 1110 may be configured to execute program codes for the page constituent section 1111, the motion effect setting section 1112 and the layer integrating section 1113. [ Such program code may be stored in a recording device such as memory 1140 (e.g., a content provisioning routine 1142).

At this time, the page composing unit 1111, the motion effect setting unit 1112, and the layer integrating unit 1113 can be configured to perform the steps 1210 to 1230 of FIG.

In step 1210, the page composing unit 1111 may configure a page including a plurality of layers. Of course, a page including one layer may be included, but a page including two or more layers for merging of layers may be meaningful. Each of the layers may include a layer image displayed through the page. These layer images may have the form of text.

In step 1220, the motion effect setting unit 1112 may set a motion effect to be applied to at least one of a plurality of layers included in a page. The motion effect may include an action applied to the layer image according to predetermined conditions when the page is reproduced on the screen as described above. As described above, effects that can be applied to a layer or a page may have various effects such as effect sound and vibration of a mobile device. However, effects related to merging of layers may be motion effects such as movement, rotation, have.

In step 1230, the layer integrating unit 1113 may integrate consecutive layers among the plurality of layers included in the page, except for the layer on which the motion effect is set, when generating the content including the page . 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 lowest layer) among the plurality of layers, To generate an integrated image, and to generate a layer in which a motion effect is set as an individual image. An example in which integrated images and individual images are generated is described in detail with reference to FIG.

In this case, the content providing method may further include a step (not shown) in which a final image, in which an integrated image and an individual image are selectively stacked according to the order of the layers, may be generated according to an embodiment. The order of the layers is important because the layers in the upper layer may cover some or all of the layers in the lower layer. Thus, the generated images can also be stacked according to the order of the layers, and the lower layer can be displayed through the margin portion of the upper layer. This unpublished step may be performed by a final image generator (not shown) that the processor 1110 may further include.

By integrating the layers in which the motion effect is not set as described above, the resource size of the final image can be reduced, the network usage can be reduced as the resource size is reduced, and the loading performance in the user terminal 130 can be improved.

In addition, the content providing method may include a step (not shown) of recognizing a second size area having the same color as a background color in a page if the page size is equal to or larger than the first size, (Not shown) of dividing the page into a plurality of pages. A method of dividing a page through an area having the same color as the background color has already been described in detail with reference to FIG. These unpublished steps may be performed by a background recognizer (not shown) and a page divider (not shown) that the processor 1110 may further include.

By dividing a page having a predetermined size or more in association with a background color, it is possible to improve the loading performance of the user terminal 130 by dividing a page of a predetermined size or larger without impairing the intention of the manufacturer.

FIG. 13 is a block diagram illustrating an internal configuration of a content providing system according to another embodiment of the present invention, and FIG. 14 is a flowchart illustrating a content providing method according to another embodiment of the present invention. 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 as shown in FIG. 13, 11, the bus 1120, the network interface 1130, and the memory 1140. Therefore, the repetitive description will be omitted. 13, the processor 1310 may include a page configuration unit 1311, a blank area recognition unit 1312, and a reconstruction unit 1313. The processor 1310 may optionally include a background color change unit 1314, As shown in FIG. The components that processor 1310 includes may be configured to perform steps 1410-1440 of FIG.

In step 1410, the page configuring unit 1311 may configure a page to be included in the content. The page described herein may include a page composed of a plurality of layers as described above, but it may also be a page of an image composed of a single layer.

In step 1420, the blank area recognizing unit 1312 analyzes a final image constituting the page, and recognizes an area of one color and having a size larger than a predetermined size.

In step 1430, the reconstruction unit 1313 may reconstruct the final image by removing the recognized region. 9 and 10, it has been described that the resource size of the final image can be reduced by recognizing and removing regions constituted by the same color.

At this time, if one color is the same color as the background color set on the service page in which the content is placed, the background color of the service page is displayed through margins generated by the removal of the recognized area, So that the same image can be displayed without reducing the size of the image without any special change.

In step 1440, the background color changing unit 1314 changes the background color set on the service page to the one color (the color of the removed area) when one color differs from the background color set on the service page on which the content is placed Can be changed. In other words, the changed background color is displayed through a margin created according to the removal of the recognized region. Since the changed color is the color of the removed region, the same content can be provided to the user while reducing the size of the image. This step 1440 may optionally be included in the content providing method according to the embodiment.

In addition, the content providing method may include a step (not shown) of recognizing an area of a second size having the same color as a background color in a page, and a step (Not shown) of dividing the page based on the area of the page. A method of dividing a page through an area having the same color as the background color has already been described in detail with reference to FIG. These unpublished steps may be performed by a background recognition unit (not shown) and a page division (not shown), which the processor 1310 may further include.

By dividing a page having a predetermined size or more in association with a background color, it is possible to improve the loading performance of the user terminal 130 by dividing a page of a predetermined size or larger without impairing the intention of the manufacturer.

As described above, according to the embodiment of the present invention, it is possible to provide a content including motion rendering by applying motion rendering to at least one layer in a page composed of a plurality of layers, The loading performance can be improved and the network usage can be reduced.

In addition, when the page size is equal to or larger than a predetermined size, the same size area as the background color is automatically recognized, and the content can be configured by automatically dividing and storing the page based on the recognized size area.

If there is an area of a certain size or more having a specific color in the final image, the corresponding color area is removed from the final image, and the color of the background of the service page, To reduce the size of the final image resource, thereby reducing network usage and improving loading performance.

The apparatus described above may be implemented as a hardware component, a software component, and / or a combination of hardware components and software components. For example, the apparatus and components described in the embodiments may be implemented within a computer system, such as, for example, a processor, a controller, an arithmetic logic unit (ALU), a digital signal processor, a microcomputer, a field programmable gate array (FPGA) , A programmable logic unit (PLU), a microprocessor, or any other device 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 operating system. The processing device may also access, store, manipulate, process, and generate data in response to execution of the software. For ease of understanding, the processing apparatus may be described as being used singly, but those skilled in the art will recognize that the processing apparatus may have a plurality of processing elements and / As shown in FIG. For example, the processing unit may comprise a plurality of processors or one processor and one controller. Other processing configurations are also possible, such as a parallel processor.

The software may include a computer program, code, instructions, or a combination of one or more of the foregoing, and may be configured to configure the processing device to operate as desired or to process it collectively or collectively Device can be commanded. The software and / or data may be in the form of any type of machine, component, physical device, virtual equipment, computer storage media, or device , Or may be permanently or temporarily embodied in a transmitted signal wave. The software may be distributed over a networked computer system and stored or executed in a distributed manner. The software and data may be stored on one or more computer readable recording media.

The method according to an embodiment may be implemented in the form of a program command that can be executed through various computer means and recorded in a computer-readable medium. The computer-readable medium may include program instructions, data files, data structures, and the like, alone or in combination. The program instructions to be recorded on the medium may be those specially designed and configured for the embodiments or may be available to those skilled in the art of computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape; optical media such as CD-ROMs and DVDs; magnetic media such as floppy disks; Magneto-optical media, and hardware devices specifically configured to store and execute program instructions such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments. For example, it is to be understood that the techniques described may be performed in a different order than the described methods, and / or that components of the described systems, structures, devices, circuits, Lt; / RTI > or equivalents, even if it is replaced or replaced.

Therefore, other implementations, other embodiments, and equivalents to the claims are also within the scope of the following claims.

Claims (8)

A content providing method of a computer-implemented content providing system,
Constructing a page comprising a plurality of layers;
Setting a motion effect to be applied to at least one of a plurality of layers included in the page;
When generating the content including the page, checking the layers for which the motion effect is not set among the plurality of layers included in the page, integrating successive layers among the identified layers to generate an integrated image And generating the individual images in which the motion effect is set as an individual image to generate a page in which the integrated image and the individual image are stacked in the order of the layers
Lt; / RTI >
Wherein the action of the individual image is controlled according to a motion effect set on a layer corresponding to the individual image when the generated page is reproduced on a screen. The method according to claim 1,
Wherein each of the plurality of layers includes a layer image displayed through the page. delete delete A computer-readable recording medium having recorded thereon a program for executing the method according to claim 1 or 2. A computer-implemented content providing system,
A page constructing unit configured to construct a page including a plurality of layers;
A motion effect setting unit for setting a motion effect to be applied to at least one of a plurality of layers included in the page; And
When generating the content including the page, checking the layers for which the motion effect is not set among the plurality of layers included in the page, integrating successive layers among the identified layers to generate an integrated image A layer integration unit for generating the individual images in which the motion effect is set as an individual image and generating the integrated image and the individual images in the order of the layers,
Lt; / RTI >
Wherein when the generated page is reproduced on the screen, the action of the individual image is controlled according to the motion effect set on the layer corresponding to the individual image. The method according to claim 6,
Wherein each of the plurality of layers includes a layer image displayed through the page. delete

Images