KR101145914B1 - System of Editor Service and Method Thereof - Google Patents

Abstract

A method for providing an editing service to a user by an editing service providing system includes: inserting a background image selected by the user into a background layer; Reflecting motion information input by the user in an editing layer; And placing the edited layer reflecting the motion information on the background image inserted into the background layer and displaying the edited layer to the user.

Content, background image

Description

System of Editor Service and Method Thereof}

The present invention relates to an editing service providing system and method.

Conventional Internet services have been unilaterally provided by a service provider to provide contents to a user. Recently, contents produced by a user have increased, and the demand for free editing has increased.

In accordance with such a request, an editing service is provided in which a user can directly create content. The editing service enables a user to create various contents using fonts and background images desired by the user in an email, a blog, or a personal homepage. .

As a method of producing content using a specific background image, a method of inserting a character, a number, or a symbol corresponding to the content content that the user wants to input into a part of the specific background image is mainly used.

Specifically, the background image is divided into three stages (top, middle, and bottom), and the user inserts the content into the middle image, and the content that the user wants to input exceeds the size of the middle image. In this case, the interrupted image may be enlarged according to content content that the user wants to input.

When the interrupted image is enlarged according to the content content, a scroll bar is generated in the enlarged interrupted image, and the user can check the created content content by moving the scroll bar. 1 is a diagram illustrating an editing screen in which a horizontal scroll bar and a vertical scroll bar are added to an enlarged interrupted image.

However, the content created as described above has a problem that the width of the interrupted image is greater than the width of the top and bottom images, and thus the uploaded content has a problem in that the entire background image is broken as shown in FIG. 2. In addition, this problem is more serious as shown in Figure 3 when the user inserts a table. That is, the background image disappears or the layout of the layout is broken according to the user's editing through the keyboard or the mouse.

An object of the present invention is to provide an editing service providing system and method using an editing layer and a background layer whose size is changed based on contents input by a user.

According to one embodiment of the present invention, an editing service providing method is provided.

The method for providing an editing service to a user by the editing service providing system includes: inserting a background image selected by the user into a background layer; Reflecting motion information input by the user in an editing layer; And placing the edited layer reflecting the motion information on the background image inserted into the background layer and displaying the edited layer to the user.

In addition, the step of reflecting to the editing layer, if the operation information is input from the user, determining whether the size of the editing layer needs to be changed; If it is determined that the size of the edit layer is required, changing the size of the edit layer; And changing the size of the background layer to be equal to the size of the changed edited layer.

According to another embodiment of the present invention, an editing service providing system is provided.

The editing service providing system includes: a control unit for inserting a background image selected by a user into a background layer and reflecting operation information input by the user to an editing layer; And an input / output unit for displaying the edited layer reflecting the operation information on the background image inserted into the background layer and displaying the edited layer to the user.

The controller may further include: an edit layer controller configured to change the size of the edit layer when it is necessary to change the size of the edit layer based on the operation information input from the user; A background layer controller for inserting the background image selected by the user into a background layer and changing the background layer to be equal to the size of the changed edited layer when the size of the edited layer is changed; And a screen window layer controller configured to generate a scroll bar on a screen window layer positioned on the edit layer and indicating a region displayed to the user when the size of the edit layer is changed.

According to an embodiment of the present invention, it is possible to provide an editing service providing system and method using an editing layer and a background layer whose size is changed based on content content input by a user.

DETAILED DESCRIPTION Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those skilled in the art may easily implement the present invention. 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 the drawings, parts irrelevant to the description are omitted in order to clearly describe the present invention, and like reference numerals designate like parts throughout the specification.

Throughout the specification, when a part is said to "include" a certain component, it means that it can further include other components, without excluding other components unless specifically stated otherwise.

4 is a diagram conceptually illustrating a layer structure for providing an editing service according to an embodiment of the present invention.

Referring to FIG. 4, a layer structure for providing an editing service according to an embodiment of the present invention includes a screen window layer 1, an editing layer 2, and a background layer 3.

The window layer 1 is a layer representing the area actually displayed to the user. The user can display the content and background inserted into the editing layer 2 located behind the window layer 1 through the window layer 1. The background image inserted into the layer 3 can be checked.

The editing layer 2 is positioned between the screen window layer 1 and the background layer 3 and is a layer into which content content created by a user is inserted. The user moves the position identifier in the editing layer 2 indicating the position where the content content to be inserted is stored, and inputs a letter, number or symbol to be inserted at the position where the position identifier is located.

In this case, the editing layer 2 is set to be transparent so that a user can check the contents of the content inserted into the editing layer 2 through the screen window layer 1 on the background image inserted into the background layer 3. Accordingly, the user may check letters, numbers, symbols, etc. inputted in the color set by the user in the editing layer 2 together with the background image inserted in the background layer 3.

The background layer 3 is a layer into which a background image of content to be produced by a user is inserted. The size of the background layer 3 is the same as that of the editing layer 2, and the background when the size of the editing layer 2 is changed. The layer 3 is changed to be equal to the size of the editing layer 2.

The sizes basically set for the screen window layer 1, the editing layer 2 and the background layer 3 are the same. However, while the size of the screen window layer 1 does not change, the sizes of the editing layer 2 and the background layer 3 change according to the size of the content content input by the user to the editing layer 2.

5 is a diagram illustrating a case in which the sizes of the editing layer 2 and the background layer 3 are enlarged according to the size of the content content input by the user into the editing layer 2.

Referring to FIG. 5, when a user wants to input content content in an area wider than the size basically set for the editing layer 2, the editing layer 2 is enlarged and the enlarged editing layer 2 is enlarged. And the background layer 3 overlap each other in the same size.

In addition, a horizontal scroll bar 4 and a vertical scroll bar 5 are generated at the right and lower ends of the screen window layer 1, which cannot be changed in size, and the user may move the horizontal scroll bar 4 and the vertical scroll bar 5. In the case of moving, the position of the editing layer 2 and the background layer 3 relative to the window layer 1 is adjusted so that the user can change the contents of the content inserted into the enlarged editing layer 2 to the enlarged background layer 3. ) Can be seen above the background image.

6 conceptually illustrates the structure of a background image 30 inserted into the background layer 3 according to one embodiment of the invention.

Referring to FIG. 6, the background image 30 has a total of nine images 31 based on three rows (one row, two rows, three rows) and three columns (one row, two columns, three columns) horizontally. , 32,... 39, and each image 31, 32,... 39 has a specific pattern and / or color.

The four images 31, 33, 37, and 39 located at the corners of the background image 30 cannot be changed in size, and the three images are positioned based on the middle row (2 rows) located above and below the background image 30. The images 34, 35, and 36 may vary in length, and the three images 32, 35, and 38 located on the left and right columns of the background image 30 may have horizontal widths. Can change. That is, both the horizontal length and the vertical length of the image 35 positioned in the center of the background image 30 may vary.

In this way, the background image 30 may be changed to various sizes by combining the nine images 31, 32,... 39 with the background image 30.

In FIG. 6, in order to easily understand the background image 30 composed of a combination of nine images 31, 32,..., 39, a border pattern is formed along each end of the background image 30. An example in which the horizontal lengths of the three images 32, 35, and 38 positioned on the left and right columns (two columns) are the same as the horizontal length of the background image 30 is described as an example.

6 illustrates a case in which the background image 30 is composed of a combination of nine images 31, 32,..., 39, and the background image inserted into the background layer 3 varies according to a pattern represented by the background image. Can be implemented.

For example, if the background image having only a color without a specific pattern or the entire background image has a pattern in which the same pattern is repeated, the background image may be implemented as one image.

Now, the editing service providing system and method according to an embodiment of the present invention will be described in detail with reference to the accompanying drawings.

7 is a diagram conceptually illustrating an editing service providing system according to an exemplary embodiment of the present invention.

Referring to FIG. 7, the editing service providing system 100 according to an exemplary embodiment of the present invention includes an input / output unit 110, a control unit 120, an uploading operation unit 130, and an information storage unit 140. Looking at each configuration of Figure 7 as follows.

The input / output unit 110 receives a background image request from the user and displays information on the background image stored in the information storage unit 140 to the user. In this case, the background image information may be an image obtained by reducing the background image at a predetermined ratio.

In addition, when the input / output unit 110 receives the selection information of the specific image and the operation information on the editing layer 2 among the background image information, the input / output unit 110 inputs the background layer 3 into which the background image selected by the user is inserted and the user inputs. The editing layer 2 reflecting the operation information is displayed to the user through the screen window layer 1.

The controller 120 includes an edit layer controller 150, a background layer controller 160, and a screen window layer controller 170, and provide an editing service to a user.

The edit layer controller 150 includes a determiner 151 and a size adjuster 152 and changes the edit layer 2 based on the operation information input by the user. In this case, the operation information input by the user may be input information of letters, numbers, or symbols, or may be information on movement of the position identifier of the editing layer 2.

If the operation information input by the user is input information of letters, numbers, or symbols, the editing layer controller 150 inserts the letters, numbers, or symbols input by the user in the position of the position identifier in the editing layer 2, and the position Move the identifier right or down.

When the operation information input by the user is the position identifier movement information of the editing layer 2, the editing layer controller 150 moves the position identifier based on the movement information requested by the user.

The determination unit 151 determines whether the size of the editing layer 2 needs to be changed based on the operation information input from the user through the input / output unit 110. At this time, whether or not the size change is necessary is determined by the user inputting the position identifier movement information of the editing layer 2 and determining whether the position identifier movement information requires the size change of the current editing layer 2.

For example, if the user wants to move the position identifier located at the rightmost point in the editing layer 2 where the content can be entered further to the right (by pressing the space key or the tap key). The determination unit 151 determines that the horizontal length of the editing layer 2 needs to be changed.

In addition, when the user wants to move the position identifier located at the lowest point where the user can input the content content in the editing layer 2 further down (when pressing the enter key), the determination unit 151 edits It is determined that the vertical length of the layer 2 needs to be changed.

If it is determined by the determination unit 151 that the size of the editing layer 2 needs to be changed, the size adjusting unit 152 changes the width or length of the editing layer 2 based on the operation information requested by the user.

For example, when the user presses the space key at the rightmost point at which the user can enter content contents in the editing layer 2, the resizing unit 152 may adjust the horizontal length of the editing layer 2 to a space ( space) increases the length of the key.

In addition, when the user presses the enter key at the lowest point at which the user can input content contents in the editing layer 2, the resizing unit 152 may use a font in which the user inputs the vertical length of the editing layer 2. Increase the line spacing of

The background layer controller 160 includes a size adjusting unit 161 and inserts a background image selected by the user into the background layer 3, and changes the size of the background layer according to the size of the editing layer 2.

When the size of the edit layer 2 is changed by the edit layer controller 150, the size adjuster 161 changes the background layer 3 to the same size as the changed edit layer 2, and changes the size of the changed background layer 3. Based on the size, the sizes of the images that create the background image are changed.

In this case, the method of changing the background image to have a changed size of the background layer 3 may be implemented in various ways. For example, the method may be implemented as follows.

When the background image is composed of a combination of nine images 31, 32,..., 39 as shown in FIG. 6, the resizing unit 161 is based on a row (two rows) positioned in the middle of the background image 30. By changing the vertical lengths of the three images 34, 35, 36 located, the height of the image positioned on the basis of the first and third rows minus the height of the changed image layer 2, You can change the height.

In addition, the resizing unit 161 adjusts the horizontal lengths of the three images 32, 35, and 38 positioned on the left and right columns of the background image 30. The horizontal length of the background image 30 may be changed by changing the length to a vertical length and fitting the images positioned in the first and third columns of the background image 30 to both ends of the image located in the second column.

When the size of the edit layer 2 is changed in the edit layer controller 150, the window layer control unit 170 may scroll the scroll bar based on the size and relative position of the edited layer 2 with respect to the window layer 1. Change it.

For example, when the size of the editing layer 2 is enlarged than the size of the editing layer 2 which is basically set, the window layer control unit 170 controls the size of the editing layer 2 and the window layer 1. A scroll bar indicating a size ratio is generated, and the generated scroll bar is positioned in a part representing a part of the entire editing layer 2 which can be checked through the screen window layer 1.

In addition, when the editing layer 2 which is larger than the size basically set for the editing layer 2 is changed to the size of the editing layer set basically, the window window layer control unit 170 controls the window window layer 1 Delete the scrollbar.

When the uploading operation unit 130 receives information about the end of editing from the user through the input / output unit 110, the user uploads the background layer 3 and the editing layer 2 stored in the information storage unit 140. Upload to a location on the Internet that you want to upload.

The information storage unit 140 stores an editing layer 2 into which content content created by a user is inserted, a background layer 3 into which a background image selected by the user is inserted, and a plurality of background images that can be provided to the user. It is.

Now, an editing service providing method according to an embodiment of the present invention will be described in detail with reference to the accompanying drawings.

8 is a flowchart illustrating a method of providing an editing service according to an embodiment of the present invention.

Referring to FIG. 8, when receiving a background image request from a user (S801), the editing service providing system 100 searches for a background image stored in the information storage unit 140 and displays the retrieved background image information to the user. (S802).

Subsequently, when receiving selection information of a specific image from the background image information displayed by the user (S803), the editing service providing system 100 inserts the background image selected by the user into the background layer 3 (S804), and the editing layer ( 2) and the background layer 3 are displayed to the user through the screen window layer 1 (S805). In this case, the edit layer 2 displays a location identifier indicating a location where a character, a number, or a symbol to be input is stored.

Subsequently, when receiving operation information on the editing layer 2 from the user (S806), the editing service providing system 100 determines whether the size of the editing layer 2 needs to be changed based on the input operation information (S806). S807).

When it is determined that the size of the editing layer 2 needs to be changed, the editing service providing system 100 changes the width or length of the editing layer 2 based on the operation information requested by the user (S808).

Thereafter, the editing service providing system 100 changes the scroll bar based on the size of the screen window layer 1 and the changed editing layer 2 (S809). In addition, the editing service providing system 100 changes the background layer 3 to the same size as the changed editing layer 2, and based on the size of the changed background layer 3, the size of the images for generating the background image is changed. It is changed (S810).

In this case, step S809 and S810 may be performed simultaneously, or step S810 may be performed before step S809.

Thereafter, the editing service providing system 100 adjusts the relative positions of the editing layer 2 and the background layer 3 with respect to the screen window layer 1 based on the position of the scroll bar of the screen window layer 1 (S811). ). If the scroll bar is deleted in step S809, step S811 may be omitted.

If it is determined in step S807 that the size of the editing layer 2 is not necessary, the editing service providing system 100 reflects the operation information input by the user to the editing layer 2 (S812).

Specifically, when the operation information input by the user is input information of letters, numbers, or symbols, the editing service providing system 100 displays the letters, numbers, or symbols input by the user at the position of the location identifier in the editing layer 2. Insert and move the position identifier to the right.

When the operation information input by the user is the position identifier movement information of the editing layer 2, the position identifier is moved based on the movement information requested by the user.

Thereafter, the editing service providing system 100 determines whether information on editing termination is input from the user (S813).

The editing service providing system 100 repeats the operations of steps S806 to S813 until the user receives the information about the end of editing, and receives the information about the end of editing from the user, when the editing layer 2 and The background layer 3 is uploaded to a location on the Internet that the user wants to upload (S814).

As described above, according to the exemplary embodiment of the present invention, the editing layer 2 into which the content content is input by the user and the background layer 3 into which the background image selected by the user is inserted are provided to provide the editing service to the user. . Therefore, the problem that the background image is broken by the content content input by the user is improved, and the user can produce the content using various background images.

The embodiments of the present invention described above are not only implemented by the apparatus and method but may be implemented through a program for realizing the function corresponding to the configuration of the embodiment of the present invention or a recording medium on which the program is recorded, The embodiments can be easily implemented by those skilled in the art from the description of the embodiments described above.

Although the embodiments of the present invention have been described in detail above, the scope of the present invention is not limited thereto, and various modifications and improvements of those skilled in the art using the basic concepts of the present invention defined in the following claims are also provided. It belongs to the scope of rights.

1 is a diagram illustrating an editing screen in which a horizontal scroll bar and a vertical scroll bar are added to an enlarged interrupted image.

2 and 3 are diagrams showing an example of content whose background image is broken.

4 is a diagram conceptually illustrating a layer structure for providing an editing service according to an embodiment of the present invention.

5 is a diagram illustrating a case in which sizes of an edit layer and a background layer are enlarged according to sizes of content contents input by a user to the edit layer.

FIG. 6 conceptually illustrates a structure of a background image 30 inserted into a background layer according to an embodiment of the present invention.

7 is a diagram conceptually illustrating an editing service providing system according to an exemplary embodiment of the present invention.

8 is a flowchart illustrating a method of providing an editing service according to an embodiment of the present invention.

Claims (17)

In the editing service providing system to provide an editing service to the user terminal, Inserting a background image selected from the user terminal into a background layer; Reflecting, to the editing layer, operation information which is at least one of input information of letters, numbers, and symbols and movement information of a location identifier input by the user terminal; And And placing the edited layer reflecting the motion information on the background image inserted into the background layer and displaying the edited layer on the user terminal.  Reflecting on the editing layer, Determining whether the size of the editing layer is required when the operation information is input from the user terminal; If it is determined that the size of the edit layer is required, changing the size of the edit layer; And And changing the size of the background layer to be equal to the size of the changed edit layer. How to Provide Editing Services. delete The method of claim 1, Whether it is necessary to change the size of the editing layer, The position identifier indicating a position where the content content to which the operation information is inserted is to be moved from the rightmost point to which the content content can be input in the editing layer; When the motion information is information for moving the location identifier downward from the lowest point where content content can be input in the editing layer, Determining that the size of the editing layer needs to be changed. How to Provide Editing Services. delete The method of claim 3, Changing the size of the background layer, And changing the size of the background image inserted into the background layer to be equal to the size of the changed background layer. How to Provide Editing Services. The method of claim 5, Reflecting on the editing layer, Generating a scroll bar on a screen window layer positioned on the edit layer and indicating a region displayed on the user terminal when the size of the edit layer is changed; How to Provide Editing Services. The method of claim 6, The scroll bar indicates a size ratio between the editing layer and the screen window layer, and displays a part indicating a part that can be checked by the user terminal through the screen window layer. How to Provide Editing Services. The method of claim 1, Reflecting on the editing layer, If it is determined that the size of the editing layer is not necessary, reflecting the operation information to the editing layer. How to Provide Editing Services. The method of claim 8, Reflection of the operation information, If the operation information is input information of letters, numbers, or symbols, inserting the letters, numbers, or symbols received from the user terminal into the location identifier in the editing layer, and moving the location identifier. Characterized How to Provide Editing Services. The method of claim 8, Uploading the editing layer and the background layer to a location on the Internet requested by the user terminal when information on the editing termination is input from the user terminal; How to Provide Editing Services. A control unit for inserting a background image selected from a user terminal into a background layer and reflecting, to an editing layer, operation information which is at least one of input information of letters, numbers, and symbols, and movement information of a location identifier; And Background image inserted into the background layer the edit layer reflecting the motion information The control unit An editing layer controller for changing the size of the editing layer when it is necessary to change the size of the editing layer based on the operation information input from the user terminal; And And a background layer controller for inserting a background image selected from the user terminal into a background layer and changing the background layer to be equal to the size of the changed editing layer when the size of the editing layer is changed. Editing service provision system. delete The method of claim 11, The edit layer control unit, A determination unit that determines whether a change of the size of the editing layer is required when operation information is input from the user; And If the determination unit determines that the size of the editing layer needs to be included, a size adjusting unit for changing the size of the editing layer; Editing service provision system. The method of claim 13, The determination unit The position identifier indicating the position where the content content to which the operation information is inserted is to be moved from the rightmost point to which the content content can be input in the editing layer; When the motion information is information for moving the location identifier downward from the lowest point where content content can be input in the editing layer, Determining that the size of the editing layer needs to be changed. Editing service provision system. The method of claim 13, The background layer control unit, It includes a size adjusting unit for changing the size of the background image inserted into the background layer equal to the size of the changed background layer Editing service provision system. The method of claim 15, If the size of the editing layer is changed, further comprising a screen window layer control unit for generating a scroll bar on the screen window layer that is located on the editing layer, the area displayed to the user terminal; Editing service provision system. The method of claim 16, If the information on the end of the edit is input from the user terminal, further comprises an uploading operation unit for uploading the editing layer and the background layer to the location on the Internet requested from the user terminal Editing service provision system.

Images