KR20190052996A - Method and computer readable recording media for synchronizing contents display format - Google Patents

Abstract

The purpose of the present invention is to provide a content sync function which outputs content made on a user terminal to another user terminal, especially a server, with the same format. According to one embodiment of the present invention, a method for generating content sync information performed by a user terminal comprises: a step (a) of receiving an editing signal for user content displayed on a user editing region allocated on a content page through a content editing module; a step (b) of determining a display location having content elements configuring the user content displayed thereon for user content made by corresponding to the editing signal; and a step (c) of generating sync information of the user content based on the display location. The sync information may be information for synchronizing a first display location where the content elements are displayed on the user terminal with a second display location where the content elements are displayed on another user terminal different from the user terminal.

Description

[0001] METHOD AND COMPUTER READABLE RECORDING MEDIA FOR SYNCHRONIZING CONTENTS DISPLAY FORMAT [0002]

The present invention relates to a content display type sink method and a computer readable recording medium.

Text and image creation functions provided on conventional web services have been very limited in service. For example, in some cases, the input of content that is not text, such as an area where text can be input, a service limited in capacity, or in some cases, an image, is limited.

In recent years, various contents can be attached without being restricted. However, when the contents are transmitted to the server, only the contents are transmitted to the server, the contents are rendered according to the environment of the web browser used at the time of contents creation There is a problem in that the generated content can be outputted in a different form in the server, and in the case of capturing the display form of the content created in the web browser and transferring it to the server, there is a problem that excessive data is consumed.

Accordingly, it is an object of the present invention to provide a content sink function for outputting in the same form to other user terminals, particularly servers, in accordance with the display form of contents created on the user terminal.

According to another aspect of the present invention, there is provided a method of generating content sink information by a user terminal, the method comprising: (a) displaying, in a user editing area allocated to a content page, Receiving an editing signal for user content; (b) determining, for a user content created corresponding to the editing signal, a display position at which content elements constituting the user content are displayed; And (c) generating sync information of the user content based on the display position, wherein the sync information includes a first display location where the content elements are displayed on the user terminal, And information for causing the second display position where the content elements are displayed to be synchronized on the different user terminals from the terminal.

According to another aspect of the present invention, there is provided a content sink method performed by a server according to an embodiment of the present invention. The content sink method comprises the steps of: (a) Receiving sync information of user content; And (b) adjusting the output format of the user content based on the sync information, wherein the sync information is determined by the user terminal, the position of each of the elements constituting the user content is determined, And may be generated based on the location of each of the elements.

According to the content sink method of the present invention, in outputting user content created on a user terminal having different web browser environments from a server, a content sink service Can be provided.

In addition, according to the content sink method of the present invention, when a display position of a character or image constituting a user content is generated as sync information and is provided to a server together with user content, By adjusting the form, it is possible to provide a content sink service capable of sinking the display form of the content using a small amount of data.

According to another aspect of the present invention, there is provided a content sink method, wherein when a sink symbol is inserted in a line unit of text constituting a user content and is provided to a server together with user content, By adjusting the form, it is possible to provide a content sink service capable of sinking the display form of the content using a small amount of data.

1 is a block diagram of a content sink system according to an embodiment of the present invention.
2 is a diagram illustrating a configuration of a server according to an embodiment of the present invention.
3 is a diagram illustrating a configuration of a user terminal according to an embodiment of the present invention.
4 is a flowchart illustrating a content sinking method performed by a server according to an embodiment of the present invention.
5 is a flowchart illustrating a content sinking method performed by a user terminal according to an exemplary embodiment of the present invention.
6 is a view for explaining a content sink concept according to the present invention.
7 is a diagram for explaining an example of a content sync information generating method.
8 is a diagram for explaining an example of a content sink method according to the method of FIG.
9 is a diagram for explaining another example of the content synchronization information generating method.
FIG. 10 is a diagram for explaining an example of a content sink method according to the method of FIG.

Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings, which will be readily apparent to those skilled in the art. The present invention may, however, be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. In order to clearly illustrate the present invention, parts not related to the description are omitted, and similar parts are denoted by like reference characters throughout the specification.

Throughout the specification, when a part is referred to as being "connected" to another part, it includes not only "directly connected" but also "electrically connected" with another part in between . Also, when an element is referred to as " including " an element, it is to be understood that the element may include other elements as well as other elements, And does not preclude the presence or addition of one or more other features, integers, steps, operations, components, parts, or combinations thereof.

Throughout the specification, the server 100 may refer to a content sink device, and the user terminal 200 may refer to a content sink information generating device.

The following examples are intended to further illustrate the present invention and are not intended to limit the scope of the present invention. Accordingly, the same scope of the invention performing the same function as the present invention will also fall within the scope of the present invention.

1 is a diagram showing a configuration of a content sink system 1 according to an embodiment of the present invention.

Referring to FIG. 1, a content sink system 1 according to an embodiment of the present invention includes a server 100 and a user terminal 200. And a communication network 300 interconnecting the server 100 and the plurality of user terminals 201 and 202.

The server 100 according to an exemplary embodiment of the present invention provides a content editing module and style information so that content editing can be performed through a terminal application installed in the user terminal 200, Module to display the content editing user interface, generates the sync information from the input user content, and transmits the user content and the sync information to the server 100. The server 100 transmits the user content and the sync information to the server 100 using the sync information, And the display form of the content is adjusted.

Here, the content editing module may be a module running on a web browser to provide a content editing user interface.

Here, the content page can be written in a programming language that is operable on a web browser such as Javascript, HyperText Markup Language (HTML), Angular JS, and the like. It is not.

The user content may be content to be displayed in a user editing area assigned to some area of the content page. For example, the user content may be a letter entered by a user in a stationery. Here, the text content may include text, photographic images, and emoticons, and the present invention is not limited thereto.

The sync information may be information for allowing the user content created in the user terminal 200 to be displayed in the same form in the server 100 or another user terminal.

More specifically, the content editing module of the present invention may be a module that executes on a web browser to provide a content editing user interface. When the web browser environment driven by the server 100 or the user terminal 200 changes, The display form of the content created by the content editing module may also change.

Here, the web browser environment may be variously changed according to not only the type and version of the web browser but also the type and version of the operating system running the web browser.

That is, the sink information may be information for allowing the user content created in the first web browser environment of the user terminal 200 to be displayed in the same form in the second web browser environment of the server 100 or another user terminal.

The user terminal 200 may display a content page based on the content editing module or the style information provided from the server 100 through the terminal application and receive an editing signal for the content page.

The terminal application may be a web browser built in the user terminal 200 or a web browser downloaded from the application distribution server and installed in the user terminal 200. [

The plurality of user terminals 200 refers to a communication terminal that can use a terminal application in a wired / wireless communication environment. Here, the user terminal 200 may be a user's portable terminal. 1, the user terminal 200 is a smart phone, which is a type of portable terminal. However, the present invention is not limited to this, and the terminal capable of loading the terminal application, as described above, Can be borrowed.

In more detail, the user terminal 200 may be a computer (e.g., a desktop, a laptop, a tablet, etc.), a media computing platform (e.g., a cable, a satellite set top box, a digital video recorder), a handheld computing device E. G., A PDA, an email client, etc.), any form of cellular telephone, or any other type of computing or communication platform, but the invention is not so limited.

Meanwhile, the communication network 300 plays a role of connecting the server 100 and the user terminals 200. That is, the communication network 300 refers to a communication network that provides connection paths so that the user terminals 200 can access the server 100 and then send and receive data. The communication network 300 may be a wired network such as LANs (Local Area Networks), WANs (Wide Area Networks), MANs (Metropolitan Area Networks), ISDNs (Integrated Service Digital Networks), wireless LANs, CDMA, Bluetooth, But the scope of the present invention is not limited thereto.

2 is a diagram illustrating a configuration of a server 100 according to an embodiment of the present invention.

Referring to FIG. 2, a server 100 according to an exemplary embodiment of the present invention includes a communication module 110, a memory 120, a processor 130, and a database 140.

In detail, the communication module 110 provides a communication interface necessary for providing the transmission / reception signals between the server 100 and the user terminals 201 and 202 in the form of packet data in cooperation with the communication network 300.

Here, the communication module 110 may be a device including hardware and software necessary to transmit / receive a signal such as a control signal or a data signal through a wired / wireless connection with another network device.

The memory 120 stores a program for performing the content sink method. In addition, the processor 130 performs a function of temporarily or permanently storing data to be processed. Here, the memory 120 may include magnetic storage media or flash storage media, but the scope of the present invention is not limited thereto.

The processor 130 controls the entire process of providing a content sink method as a kind of central processing unit. Each step performed by the processor 130 will be described later with reference to FIG.

Here, the processor 130 may include any kind of device capable of processing data, such as a processor. Herein, the term " processor " may refer to a data processing apparatus embedded in hardware, for example, having a circuit physically structured to perform a function represented by a code or an instruction contained in the program. As an example of the data processing apparatus built in hardware, a microprocessor, a central processing unit (CPU), a processor core, a multiprocessor, an application-specific integrated circuit (ASIC) circuit, and a field programmable gate array (FPGA), but the scope of the present invention is not limited thereto.

The database 140 includes a layout of a content page, user information, user content obtained from the user terminal 200, and sync information.

Although not shown in FIG. 2, some of the above-described content page layout, user information, user content, and sync information may be stored in a database (not shown) physically or conceptually separated from the database 140.

3 is a diagram illustrating a configuration of a user terminal 200 according to an embodiment of the present invention.

Referring to FIG. 3, a user terminal 200 according to an embodiment of the present invention includes a communication module 210, a memory 220, a processor 230, and a display device 240.

The description of the communication module 110, the memory 120 and the processor 130 described above with reference to FIG. 2 is omitted for the communication module 210, the memory 220 and the processor 230, .

In detail, the communication module 210 provides a communication interface necessary to provide a transmission / reception signal between the server 100 and the user terminal 200 in the form of packet data in cooperation with the communication network 300. Further, the communication module 210 may transmit a data request to the server 100 and receive data in response thereto.

The memory 220 stores a program for performing the content synchronization information generating method. In addition, the processor 230 performs a function of temporarily or permanently storing data to be processed.

The processor 230 controls the entire process of providing a content synchronization information generation method as a kind of central processing unit. Each step performed by the processor 230 will be described later with reference to FIG.

The display device 240 displays a user interface according to the present invention on a screen.

4 is a flowchart illustrating a content sinking method performed by the server 100 according to an embodiment of the present invention.

Here, a program for performing each step of FIG. 4 is recorded in the memory 120, and the program is executed by the processor 130, whereby the content sink method can be performed.

Referring to FIG. 4, the server 100 receives the user content and the sync information created through the content editing module from the user terminal 200 (S410).

Here, the content editing module may be provided by the server 100 to the user terminal 200 before step S410.

Here, the content editing module may be for displaying the user content to the user terminal 200, or for receiving the editing signal for the user content to the user terminal 200.

In addition, the step S410 may be to receive the user content and the sync information when the creation of the user content is completed through the content editing module in the user terminal 200. [

The sink information received in step S410 may be generated based on the determination of the display position of the content element constituting the user content by the user terminal 200 and based on the display position.

Next, the server 100 adjusts the output format of the user content based on the sync information (S420).

The output form of the user content in the server 100 may have the same form as the display form of the user content created in the user terminal 200 in accordance with step S420.

5 is an operational flowchart illustrating a content sinking method performed by a user terminal 200 according to an embodiment of the present invention.

Referring to FIG. 5, the user terminal 200 receives an editing signal for a user content displayed in a user editing area allocated to a content page through a content editing module (S510).

Here, the user content may include at least one of text and images.

Here, the editing signal may be for the user content displayed in the user editing area assigned to the content page of the content editing module. That is, the editing signal may be a signal input to the user terminal 200 by a user's operation.

For example, the editing signal may refer to a signal corresponding to an input of a user's touch, click, drag, flicking, etc. to perform at least one of adding, modifying, and deleting an object included in the user content.

Here, the user editing area may be a partial area allocated to the content page.

Next, the user terminal 200 determines a display position where the content elements constituting the user content are displayed for the user content created corresponding to the editing signal (S520).

Here, the content elements may correspond to the characters constituting the text when the text is included in the user content. In addition, when images are included in the user content, each of the images may correspond to the content element.

In step S520, the user terminal 200 may set a display area corresponding to each of the content elements, and determine one of the coordinates in the display area as the display position of each of the content elements.

More specifically, for a content element of any one of the content elements, the user terminal 200 may set a rectangular area including the portion where the content element is displayed with the minimum margin as the display area of the content element.

In this case, the user terminal 200 can determine the coordinates corresponding to one of the corners of the display area or the coordinates corresponding to the center point of the display area as the display position.

For example, the user terminal 200 can determine the coordinates corresponding to the upper left corner of the display area as the display position.

Here, the coordinate value may be a relative coordinate value having one of the coordinates in the reference area as the reference coordinates.

The reference area may be any one of a full page area, a content page area, and a user editing area displayed on the user terminal. The reference coordinates may be coordinates corresponding to any one of the edges of the reference area, or coordinates corresponding to the center point of the reference area.

As an alternative embodiment, in step S520, if the content elements correspond to characters, the user terminal 200 determines a display position for each character in the respective lines of the user editing area .

As an alternative embodiment, in step S520, if the content elements correspond to characters, the user terminal 200 may determine a display position of a corresponding line in the user editing area for each character. Here, if the line numbers of the Nth and N + 1th letters are different from each other, the user terminal 200 may determine that the Nth letter corresponds to the last letter of the corresponding line.

Accordingly, the user terminal 200 can determine whether a specific character corresponds to the last character in the line containing the corresponding character, and this can be used to insert a sync character in step S530.

As an alternative embodiment, the user terminal 200 may insert a sync symbol by determining the display position of not only text but also content elements such as emoticons and images. For example, in step S520, the user terminal 200 determines whether each of the content elements is the last element in each line of the user editing area. In step S530, the user terminal 200 determines, The sync information can be generated by inserting a sync symbol.

Next, the user terminal 200 generates sync information of the user content based on the display position (S530).

Herein, the sync information includes a first display position where the content elements are displayed on the user terminal 200 and information for causing the second display position where the content elements are displayed on the user terminal different from the server 100 or the user terminal to be synchronized Lt; / RTI >

In addition, the sync information may further include at least one of size, shape, and color of the content elements displayed at the first display position on the user terminal 200. [

In step S530, the user terminal 200 may generate sync information by mapping the coordinates obtained in step S520 to each of the content elements.

In an alternative embodiment, in step S530, the user terminal 200 may insert a sync symbol between the content elements to generate sync information.

If it is determined in step S520 that the specific character corresponds to the last character in the line containing the character, the user terminal may insert a sync symbol after the character corresponding to the last character in step S530.

In this case, the sync symbol may serve as a line feed symbol, but the sync symbol of the present invention may be a symbol that can be distinguished from the content element, and is not limited to a line feed symbol.

The sync information is transmitted to the server 100 and the server 100 provides the sync information to the different user terminals 200 and thereby the contents are displayed on the other user terminals as shown in the user terminal 200 .

6 is a view for explaining a content sink concept according to the present invention.

6, the user content displayed in the user editing area 620a of the user terminal 600a having the first web browser environment and the user editing area 620b of the user terminal 600b having the second web browser environment The display format of the user content displayed on the display screen is different.

In the case where the server 100 receives the user content created in the different web browser environment and outputs the user content, the display format of the user content displayed on the user terminal may be different.

The content sink method according to the present invention outputs the user content created in the user terminal 600a having the first web browser environment in the same form 640a and the user content created in the user terminal 600b having the second web browser environment And to output the user content in the same form 640b.

7 is a diagram for explaining an example of a content sync information generating method.

Referring to FIG. 7 (a), on the screen 700 of the user terminal, a content page 710 may be displayed.

A user editing area 720 can be allocated to the content page 710. The user can input user content such as text, images, and emoticons in the corresponding area 720, or delete the inputted user content.

Herein, the user terminal 200 may be configured to have any one of the entire page area of the user terminal screen 700, the content page 710, and the user editing area 720 as a reference area, Can be used as reference coordinates.

For example, the user terminal 200 may set the upper left coordinates of each reference area as reference coordinates.

In this case, the coordinates 710a are used as the reference coordinates when the user editing area 720 is used as the reference area, the coordinates 710b are used as the reference coordinates when the area of the contents page 710 is used as the reference area, When the whole page area of the screen 700 is used as the reference area, it is understood that the coordinates 710c are the reference coordinates.

In addition, the user terminal 200 can acquire the display position of the content element 721 as a coordinate value based on the reference coordinates described above.

Referring to FIG. 7 (b), the user terminal 200 may set a rectangular area including the portion where the content element 721 is displayed to have a minimum margin, as the display area of the content element.

Here, when the center point of the display area is set as the display position, the coordinates 730a become the display position, and when the upper left coordinates of the display area is the display position, the coordinate 730b becomes the display position.

As an alternative embodiment, the user terminal 200 may determine the display location based on the area occupied by the content element 721. [

Here, the occupied area may be the area occupied by the content element 721 including the margin, not the part where the content element 721 is actually displayed.

When the left upper end coordinate of the occupied area is set as the display position, it can be understood that the coordinate 730c becomes the display position.

8 is a diagram for explaining an example of a content sink method according to the method of FIG.

8, when the user content is created in the user editing area 820 on the screen 800 of the user terminal and the user content is transmitted to the server 100, The display position may be determined for each content element 830 constituting the content, the coordinate value corresponding to the display position may be generated as the sync information, and the user content and the sync information may be transmitted to the server 100 together.

In this case, the server 100 arranges each of the content elements constituting the user content in accordance with the coordinate values included in the sync information by using the sync information in the output of the user content, and displays the content elements on the screen 800 of the user terminal (840) which is the same as the display form of the user content that has been used.

9 is a diagram for explaining another example of the content synchronization information generating method.

Referring to FIG. 9, the user terminal 200 may determine the character position of the characters constituting the text included in the user content, in order to generate the sync information.

The user terminal 200 can determine the number of characters in the line including the corresponding character for each of the characters constituting the text included in the user content.

For example, the user terminal 200 determines that the character 921 is the last character in the first line, and in the case of the character 922, it determines that the character is the first character in the second line.

Here, the user terminal 200 may insert a sync symbol 930 after the character corresponding to the last character in each line.

FIG. 10 is a diagram for explaining an example of a content sink method according to the method of FIG.

10, when the user content is created in the user editing area 1020 on the screen 1000 of the user terminal and transmitted to the server 100, the user terminal 200 constructs the text included in the user content A sink symbol 1030 may be inserted after the last letter of each line in the text and a sink symbol 1030 may be transmitted to the server 100 together with the user content.

In this case, in outputting the user content, the server 100 performs line wrapping only at a position where the sync symbol is present in the user content, so that the server 100 displays the same form 1040 as the display form of the user content displayed on the screen 1000 of the user terminal. .

One embodiment of the present invention may also be embodied in the form of a recording medium including instructions executable by a computer, such as program modules, being executed by a computer. Computer readable media can be any available media that can be accessed by a computer and includes both volatile and nonvolatile media, removable and non-removable media. The computer-readable recording medium may also include computer storage media. Computer storage media includes both volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data.

While the methods and systems of the present invention have been described in connection with specific embodiments, some or all of those elements or operations may be implemented using a computer system having a general purpose hardware architecture.

It will be understood by those skilled in the art that the foregoing description of the present invention is for illustrative purposes only and that those of ordinary skill in the art can readily understand that various changes and modifications may be made without departing from the spirit or essential characteristics of the present invention. will be. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive. For example, each component described as a single entity may be distributed and implemented, and components described as being distributed may also be implemented in a combined form.

The scope of the present invention is defined by the appended claims rather than the detailed description and all changes or modifications derived from the meaning and scope of the claims and their equivalents are to be construed as being included within the scope of the present invention do.

1: Content Sync System
100: server 110: communication module of the server
120: memory of the server 130: processor of the server
140: Database 200: User terminal
210: Communication module 220 of the user terminal:
230: Processor 240 of the user terminal:
300: Network

Claims (14)

A content synchronization information generation method performed by a user terminal,
(a) receiving, via a content editing module, an editing signal for a user content displayed in a user editing area assigned to a content page;
(b) determining, for a user content created corresponding to the editing signal, a display position at which content elements constituting the user content are displayed; And
(c) generating sync information of the user content based on the display position;
, ≪ / RTI &
The sync information
Wherein the content information is information for causing a first display position where the content elements are displayed on the user terminal and a second display position where the content elements are displayed on a different user terminal from the user terminal, . The method according to claim 1,
The step (b)
(b1) setting a display area corresponding to each of the content elements,
(b2) determining one of the coordinates in the display area as a display position of each of the content elements. 3. The method of claim 2,
The step (b1)
Wherein for any one of the content elements, a rectangular area including a portion in which the content element is displayed is set to a minimum margin is set as a display area of the content element. The method of claim 3,
The step (b2)
And determining a coordinate corresponding to one of the edges of the display area as the display position. The method of claim 3,
The step (b2)
And determines a coordinate corresponding to a center point of the display area as the display position. 3. The method of claim 2,
One of the coordinates in the display area is
Wherein the relative coordinate is one of a whole page area, a content page area, and a user editing area displayed on the user terminal as a reference area, and the relative coordinates being based on any one of the coordinates in the reference area. 3. The method of claim 2,
The step (c)
And generating the sync information by mapping the coordinates to each of the content elements. The method according to claim 1,
Wherein the user content comprises at least one of text, emoticons, and images. The method according to claim 1,
Wherein each of the content elements is at least one of text, emoticons, and images included in the user content. The method according to claim 1,
The step (c)
And inserts a sync symbol between the content elements to generate the sync information. 11. The method of claim 10,
The step (b)
Determining whether each of the content elements is a last element in each line of the user editing area,
The step (c)
And generating the sync information by inserting the sync symbol after the content element corresponding to the last element of each line. The method according to claim 1,
Wherein the sync information comprises:
Further comprising at least one of size, shape, and color of the content elements displayed at the first display position on the user terminal,
Wherein the content is transmitted to a server connected to the other user terminal. In a content sinking method performed by a server,
(a) receiving user content and sync information of the user content from the user terminal, when the creation of the user content is completed through the content editing module in the user terminal; And
(b) adjusting an output format of the user content based on the sync information;
, ≪ / RTI &
The sync information
Wherein the display position of the content element constituting the user content is determined by the user terminal and is generated based on the display position. A computer-readable recording medium having recorded thereon a program for performing the method for generating content synchronization information according to any one of claims 1 to 12.

Images