WO2019027105A1 - Terminal for automatically adding and deleting content editor page according to content creation range, and computer-readable recording medium - Google Patents
Terminal for automatically adding and deleting content editor page according to content creation range, and computer-readable recording medium Download PDFInfo
- Publication number
- WO2019027105A1 WO2019027105A1 PCT/KR2017/013998 KR2017013998W WO2019027105A1 WO 2019027105 A1 WO2019027105 A1 WO 2019027105A1 KR 2017013998 W KR2017013998 W KR 2017013998W WO 2019027105 A1 WO2019027105 A1 WO 2019027105A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- content
- user
- page
- additional
- editing
- Prior art date
Links
- 238000000034 method Methods 0.000 claims abstract description 43
- 238000012217 deletion Methods 0.000 claims description 5
- 230000037430 deletion Effects 0.000 claims description 5
- 230000004044 response Effects 0.000 abstract description 2
- 238000004891 communication Methods 0.000 description 20
- 238000010586 diagram Methods 0.000 description 12
- 238000012545 processing Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 230000008859 change Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
Definitions
- the present invention relates to a terminal and a computer-readable recording medium for automatically adding and deleting a content editor page according to a content creation range.
- Text and image creation functions provided on conventional web services have been very limited in service.
- 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.
- the letters are defined such that a blank area is defined at the edge of each page, and a design or layout of a specific shape is applied to the blank area to create a sense of aesthetics.
- the amount of text in the letter exceeds one page i) If only the text input area continuously increases, the text is displayed in the blank area of the lower part of the letter and ii)
- the scroll-based input area is defined, There is a problem that the text on the page can not be ascertained as to how it is placed with surrounding content or with surrounding content.
- a method of automatically adding and deleting a content editor page comprising: (a) connecting to a server and receiving a content editing module from a server, Receiving an editing signal for a user content displayed in a user editing area assigned to a content page of a content editing module from a user; (b) determining whether the amount of user content created corresponding to the editing signal exceeds a predetermined reference amount for the user editing area; (c) if the amount of created user content exceeds a reference amount, creating an additional content page; (d) receiving an additional editing signal for additional user content displayed in an additional user editing area assigned to the additional content page; (e) for the additional user content created corresponding to the additional editing signal, determining whether there is additional user content displayed in the additional user editing area; And (f) if there is no additional user content displayed in the additional user editing area, deleting the additional content page.
- a method of automatically adding and deleting a content editor page comprising: displaying, by a server, a user terminal displaying user content on a user terminal and receiving an editing signal on user content Providing a content editing module; Providing style information including layout information defining an area in which a background content and a user content are displayed in a user terminal; And receiving format information of at least one content page and user content included in at least one content page from a user terminal when creation of user content composed of at least one content page is completed through the content editing module; Wherein the content editing module generates an additional content page based on whether the amount of the user content created corresponding to the editing signal exceeds a predetermined reference amount for the area in which the user content is displayed, Based on the presence or absence of the user content for the additional content page.
- a content page is automatically added to generate a content page. So that it is not necessary to individually press a separate button for confirming the change in the number of content pages according to the content input.
- the editing areas allocated to the respective content pages are operated as if they were the succeeding areas, .
- the user when a user moves one image out of the user editing area, the user can display the image over two content pages, You can give the impression that the two prints of the actual print are going from top to bottom, or from left to right.
- FIG. 1 is a block diagram of a system for automatically adding and deleting a content editor page according to an embodiment of the present invention.
- FIG. 2 is a diagram illustrating a configuration of a server according to an embodiment of the present invention.
- FIG. 3 is a diagram illustrating a configuration of a user terminal according to an embodiment of the present invention.
- FIG. 4 is a flowchart illustrating a method of automatically adding and deleting a content editor page performed by a server according to an exemplary embodiment of the present invention.
- FIG. 5 is a flowchart illustrating a method of automatically adding and deleting a content editor page performed by a user terminal according to an exemplary embodiment of the present invention.
- FIG. 6 is a diagram for explaining an example of a method of automatically adding and deleting a content editor page.
- FIG. 7 is a diagram for explaining another example of a method of automatically adding and deleting a content editor page.
- FIG. 8 is a diagram for explaining another example of a method of automatically adding and deleting a content editor page.
- the server 100 means a content editor page automatic addition and deletion server
- the user terminal 200 can mean a content editor page automatic addition and deletion terminal.
- FIG. 1 is a block diagram illustrating a system for automatically adding and deleting a content editor page according to an embodiment of the present invention. Referring to FIG. 1
- a content editor page automatic addition and deletion system 1 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 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, And displays the content editing user interface through the module, and transmits the input user content to the server 100 through the module.
- the content editing module may be a module running on a web browser to provide a content editing user interface.
- the background content may be content to be displayed in the entire area of the content page.
- the background content may be content related to the stationery form.
- the content page may be a letter compose page.
- the stationery style may include an underline shown on a stationery, a background image of a stationery, and a background color, and the present invention is not limited thereto.
- 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.
- the user content may be a letter entered by a user in a stationery.
- the text content may include text, photographic images, and emoticons, and the present invention is not limited thereto.
- 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 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.
- 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
- any form of cellular telephone or any other type of computing or communication platform, but the invention is not so limited.
- 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.
- FIG. 2 is a diagram illustrating a configuration of a server 100 according to an embodiment of the present invention.
- a server 100 includes a communication module 110, a memory 120, a processor 130, and a database 140.
- the communication module 110 provides a communication interface required to provide transmission / reception signals between the server 100 and the user terminals 210 and 240 in the form of packet data in cooperation with the communication network 300.
- 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 records a program for performing a method of automatically adding and deleting content editor pages.
- the processor 130 performs a function of temporarily or permanently storing data to be processed.
- 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 method of automatically adding and deleting content editor pages as a kind of central processing unit. Each step performed by the processor 130 will be described later with reference to FIG.
- the processor 130 may include any kind of device capable of processing data, such as a processor.
- 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.
- 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 background content, layout of content pages, and user information, and data associated with the user content obtained from the user terminal 200.
- some of the above-described background content, layout of content pages, user information, and user content related data may be stored in a database (not shown) physically or conceptually separated from the database 140 have.
- a user terminal 200 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, .
- 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 performs a function of temporarily or permanently storing data processed by the processor 230.
- Processor 230 controls the entire process of providing a method of automatically adding and deleting content editor pages 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. Embodiments in which the user interface according to the present invention is displayed on the screen will be described later with reference to FIGS.
- the server 100 provides a content editing module to the user terminal 200 (S410).
- the content editing module may be for displaying the user content on the user terminal or receiving an editing signal for the user content on the user terminal.
- the user terminal 200 may provide a content editing user interface to the user based on the content editing module provided from the server 100.
- the user content may be input or deleted corresponding to the user's editing signal.
- the content editing module may generate an additional content page based on whether the amount of created user content exceeds a predetermined reference amount for the user editing area.
- the content editing module may also delete the additional content page based on the presence of the user content for the additional content page.
- the server 100 may provide the user terminal 200 with style information including layout information defining an area in which background content and user contents are displayed (S420).
- the background content corresponds to the entire area of the content page displayed on the user terminal 200
- the layout information may be information for assigning the user editing area to the content page.
- the user terminal 200 may be assigned a user editing area in a part of the content page. Also, the user content displayed in the user editing area in the user terminal 200 may be viewed before the background content.
- the server 100 receives the user content and format information created from the user terminal 200 (S430).
- step S430 when the creation of the user content composed of at least one content page is completed (content input or storage completion) through the content editing module, the server 100 displays the user content included in the content page and the corresponding content The format information of the page can be received.
- the creation of the user content may be completed.
- the user terminal 200 may automatically save the created user content periodically even if the user does not press a separate save button, and in this case, the user content creation may be completed.
- the user terminal 200 may automatically store the created user content as soon as the user creates the user content, and the server 100 may store the created user content in real time, User content, and format information of the content page.
- the user terminal 200 receives the content editing module from the server 100 and receives an editing signal from the user through the content editing module (S510).
- 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 is a signal input to the user terminal 200 by the user's operation.
- 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.
- the user editing area may be a partial area allocated to the content page.
- step S510 the user terminal 200 may be further provided with style information including background content and layout information from the server 100.
- the user terminal 200 allows the background content to be displayed in the entire area of the content page, allocates the user editing area to a part of the content page based on the layout information, and displays the user content shown in the user editing area , It can be displayed so as to be displayed before the background content.
- step S510 includes displaying the entire area of the content page, the user terminal 200, receiving a selection input for the user editing area of the content page, and thus, And displaying the user editing area enlarged and the blank area other than the user editing area of the content page reduced.
- the enlargement ratio of the user editing area may be set such that the horizontal size of the user editing area becomes equal to the horizontal size of the screen on which the content page has been displayed, And a ratio to be equal to the subtracted value.
- the user terminal 200 can enlarge and display the entire contents pages by the enlargement ratio described above.
- the left and right areas (e.g., blank areas) of the user editing area may not be displayed to the user while leaving the screen.
- the user terminal 200 may enlarge the user editing area by the enlargement ratio described above, and reduce and display the blank area at a constant ratio.
- the user terminal 200 determines whether the amount of user content created corresponding to the editing signal exceeds a reference amount (S520).
- step S520 if the area corresponding to the created user content reaches or exceeds the lower boundary of the user editing area, the user terminal 200 can determine that the created amount of user content exceeds the reference amount.
- the user terminal 200 can determine that the generated amount of user content exceeds the reference amount.
- step S520 if the position of the image object included in the user content is changed by the editing signal so as to extend over the boundary of the user editing area, It can be judged that the quantity is exceeded.
- the user terminal 200 may cause a partial image corresponding to the outside of the user editing area of the image included in the image object to be displayed inside the additional user editing area.
- the user terminal 200 adds an additional image object having the same image as the image object to the additional content page, and does not display the first partial image corresponding to the outside of the user editing area with respect to the existing image object , And for the additional image object, the second partial image corresponding to the rest of the first partial image may not be displayed. A more detailed description thereof will be given later with reference to FIG.
- the user terminal 200 generates an additional content page when the amount of the created user content exceeds the reference amount (S530).
- step S530 the user terminal 200 may allocate an additional user editing area connected to the user editing area to the generated additional content page.
- the user terminal 200 may cause a portion of the created user content that exceeds the reference amount to be displayed as additional user content in the additional user editing area. A more detailed description thereof will be given later with reference to FIG.
- a method of automatically adding and deleting a content editor page may delete a content page added in accordance with an editing signal, as described later.
- the user terminal 200 may receive an additional editing signal for additional user content displayed in the additional user editing area assigned to the additional content page.
- the user terminal 200 can determine whether there is additional user content displayed in the additional user editing area, for the changed additional user content corresponding to the additional editing signal.
- the user terminal 200 may delete the additional content page if there is no additional user content displayed in the additional user editing area. A more detailed description thereof will be given later with reference to Fig.
- FIG. 6 is a diagram for explaining an example of a method of automatically adding and deleting a content editor page.
- FIG. 6 shows a content editing user interface in which a content page is automatically generated.
- a content page 610a including a background content may be displayed on the screen 600 of the user terminal.
- a user editing area 620a can be allocated to the content page 610a.
- the user can input user contents such as text, images, and emoticons in the corresponding area 620a, or delete the inputted user content.
- the user terminal determines whether or not the reference amount is exceeded, Depending on the results, you can automatically create additional content pages.
- the user terminal can determine that the amount of the created user content exceeds the reference amount when the area corresponding to the created user content extends over the lower boundary of the user editing area.
- the reference amount is exceeded by comparing the number of pixels.
- the user terminal When a user inputs text as user content, for example, when text is input to an empty user editing area 620a, the user terminal first determines the number of horizontal pixels occupied by the text and space (e.g., Pixel number) and the number of horizontal pixels corresponding to the user editing area 620a (e.g., the second horizontal pixel number).
- the number of horizontal pixels occupied by the text and space e.g., Pixel number
- the number of horizontal pixels corresponding to the user editing area 620a e.g., the second horizontal pixel number
- the user terminal may cause the next input text to be input to the next line.
- the user terminal can compare the number of vertical pixels (for example, the first vertical pixel number) occupied by the text and the number of vertical pixels (for example, the second vertical pixel number) corresponding to the user editing area 620a.
- the first vertical pixel number is still smaller than the second vertical pixel number, but when the text 632 is input, the first vertical pixel number becomes larger than the second vertical pixel number Able to know.
- the user terminal generates an additional content page 610b having the same layout (e.g., the same background content and the same size of user editing area) as the content page 610a, and adds the text 632 to the additional content page 610b ) On the additional user editing area 620b.
- the same layout e.g., the same background content and the same size of user editing area
- the content page is automatically generated so that the user does not have to press a separate button So that the change of the number of content pages according to the content input can be confirmed in real time.
- An embodiment of the present invention describes a process of determining whether a reference amount is exceeded through the number of pixels described above as an example of content input exceeding an editing area, and the scope of the present invention is not limited to the above embodiment .
- the user editing area 620a assigned to the content page 610a and the additional user editing area 620b assigned to the additional content page 610b may operate as one area that follows.
- the text 633b corresponding to the text 633a input in the existing user editing area 620a is moved to the additional user editing area 620b Can be displayed.
- the editing regions allocated to the respective content pages are operated as if they are the succeeding regions, so that the user can input contents more intuitively.
- FIG. 7 is a diagram for explaining another example of a method of automatically adding and deleting a content editor page.
- Figure 7 illustrates a content editing user interface in which content pages are automatically removed.
- the user editing area 720a assigned to the content page 710a and the additional user editing area 720b assigned to the additional content page 710b may operate as one area that follows.
- the text of the text 731 that has been input in the existing additional user editing area 720b may be displayed in the user editing area 720a.
- the user terminal can determine whether the user content exists or not, and can automatically remove the content page according to the determination result.
- the user terminal determines whether or not the text entered in the additional user editing area 720b exists, and the additional user editing area 720b .
- the additional user page 720b may remove the additional content page 710b to which the additional user editing area 720b is assigned.
- the content page when a content exceeding the amount of the content page is input, or when there is no user content input in the specific content page, the content page can be automatically added or removed, It is not necessary to separately press a button for adding or removing a page, and the change of the number of content pages according to the content input can be confirmed in real time.
- FIG. 8 is a diagram for explaining another example of a method of automatically adding and deleting a content editor page.
- Figure 8 illustrates a content editing user interface in which an image object is displayed over two pages.
- a content page 810a including an image object 831 as user content may be displayed on the screen 800 of the user terminal.
- a user editing area 820a can be allocated to the content page 810a, and the user can move user contents such as images and emoticons input in the corresponding area 820a.
- the user terminal determines that the amount of user content is equal to the reference amount of the user editing area 820a And may additionally generate an additional content page 810b.
- a portion of the image object 831 that leaves the user editing area 820a may be displayed on the additional user editing area 820b of the additional content page 810b.
- the user terminal further generates an additional content page 810b, and the image content 831 To create an additional image object 832 having the same image as the image object 832.
- the position of the additional image object 832 may be set to have a constant position difference value from the position of the image object 831.
- the position of the additional image object 832 may be set differently depending on which border of the user editing area 820a the image object 831 extends.
- the location of the additional image object 823 may be determined by adding the image object 831 to the bottom border of the user editing area 820a, May be set to a position shifted downward by a distance between upper boundaries of the area 820b.
- the image is displayed over the two pages, so that the two printed letter- In the right direction.
- the user terminal can be configured such that a part of the user image outside the user editing area of the specific image is displayed in front of the background image, but displayed in the user editing area allocated to the next content page.
- the user terminal is configured to hide the portion 831b outside the user editing area 820a of the image object 831 and the portion 832b outside the additional user editing area 820b of the additional image object 832 .
- the user can specify that the position of the additional image object 832 is to add the image object 831 to the right border of the user editing area 820a It is possible to set the position shifted to the left by the distance between the left boundary of the user editing area 820b and the position shifted downward by the distance between the lower boundary of the user editing area 820a and the lower boundary of the additional user editing area 820b have.
- the area to which the image object is attached may be preset. For example, if the size and number of image objects that can be added to one content page are standardized, each of the plurality of image objects may be arranged side by side in an aligned position. At this time, when an image object input exceeding the limit number of the image objects defined in one page is generated, an additional content page may be generated and an excess image object may be attached to the additional content page. Likewise, if all the image objects attached to the additional content page are deleted, the additional content page can also be deleted.
- 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.
- the present invention relates to a method of providing a user interface for automatically generating or deleting a page for creating a content on-line, and thus there is a possibility of industrial use.
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Theoretical Computer Science (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- General Physics & Mathematics (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Economics (AREA)
- Marketing (AREA)
- Human Resources & Organizations (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
A method for automatically adding and deleting a content editor page according to an embodiment of the present invention is performed by a user terminal, and comprises the steps of: (a) accessing a server, receiving a content editing module provided from the server, and then receiving an editing signal for a user content displayed in a user editing area assigned to a content page of the module; (b) determining whether the amount of user content created in response to the editing signal exceeds a reference amount preconfigured for the user editing area; and (c) when the amount of the created user content exceeds the reference amount, generating an additional content page.
Description
본 발명은 콘텐츠 작성 범위에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 단말 및 컴퓨터 판독가능 기록매체에 관한 것이다.The present invention relates to a terminal and a computer-readable recording medium for automatically adding and deleting a content editor page according to a content creation range.
종래의 웹 서비스 상에서 제공되는 텍스트나 이미지 작성 기능은 매우 제한적으로 서비스되어 왔다. 예를 들어, 텍스트를 입력할 수 있는 영역이나 용량이 제한되어 서비스되거나 일부의 경우 이미지 등과 같은 텍스트가 아닌 콘텐츠의 입력이 제한되는 경우도 있었다. 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.
최근에는 그러한 제한 없이 다양한 콘텐츠의 첨부가 가능하도록 서비스되고는 있으나, 텍스트 입력 영역은, 한 화면에서 보여지는 페이지 내에서 텍스트 작성범위를 초과하게 되는 경우 i) 텍스트 입력 영역만 계속적으로 늘어나 하단에 있던 다른 콘텐츠나 정보를 침범하면서 보이는 방식이나 ii) 스크롤 생성을 통해 현재 작성되고 있는 텍스트를 우선적으로 보여주고 최초 텍스트는 스크롤 이동을 통해 확인 가능하도록 제공되고 있다.In recent years, it has been possible to attach various contents without such restrictions. However, when the text input area exceeds the text writing range within a page displayed on one screen, i) only the text input area continuously increases, Ii) the text that is currently being created through scroll generation is displayed first, and the initial text is provided by scrolling.
한편, 이러한 시스템은 온라인 편지 발송 서비스에 대해서는 매우 큰 문제를 야기할 수 있다. 편지는 각 페이지의 테두리 부분에 공백 영역이 정의되고, 그 공백 영역에 특정한 모양의 디자인이나 레이아웃이 적용되어 심미감을 불러일으키도록 작성되어 있다. 그런데, 편지 내에서 텍스트 분량이 한 페이지 이상을 넘어갈 경우 i) 텍스트 입력 영역만 계속적으로 늘어나게 되면 편지의 아랫부분 공백 영역에 텍스트가 침범되어 표시되고 ii) 스크롤 기반의 입력 영역을 규정할 경우 두 번째 페이지의 텍스트가 어떤 식으로 주변 콘텐츠와 배치되는지 혹은 주변 콘텐츠와 어울리는지 확인할 수 없는 문제가 있다.On the other hand, such a system can cause a huge problem for the online mail sending service. The letters are defined such that a blank area is defined at the edge of each page, and a design or layout of a specific shape is applied to the blank area to create a sense of aesthetics. However, if the amount of text in the letter exceeds one page i) If only the text input area continuously increases, the text is displayed in the blank area of the lower part of the letter and ii) When the scroll-based input area is defined, There is a problem that the text on the page can not be ascertained as to how it is placed with surrounding content or with surrounding content.
따라서, 본 발명은 온라인 상에서 콘텐츠를 작성하는 페이지가 자동으로 생성되거나 삭제되는 사용자 인터페이스를 제공하는 데에 목적이 있다.Accordingly, it is an object of the present invention to provide a user interface for automatically creating or deleting a page for creating a content on-line.
상기와 같은 기술적 과제를 달성하기 위한 본 발명의 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법은, 사용자 단말에 의해 수행되는, (a) 서버에 접속하여 서버로부터 콘텐츠 에디팅 모듈을 제공받은 후, 사용자로부터 콘텐츠 에디팅 모듈의 콘텐츠 페이지에 할당된, 사용자 에디팅 영역에서 표시되는, 사용자 콘텐츠에 대한 에디팅 신호를 수신하는 단계; (b) 에디팅 신호에 상응하여 작성된 사용자 콘텐츠의 분량이 사용자 에디팅 영역에 대해 기설정된 기준 분량을 초과하는지 여부를 판단하는 단계; (c) 작성된 사용자 콘텐츠의 분량이 기준 분량을 초과하는 경우, 추가 콘텐츠 페이지를 생성하는 단계; (d) 추가 콘텐츠 페이지에 할당된 추가 사용자 에디팅 영역에서 표시되는 추가 사용자 콘텐츠에 대한 추가 에디팅 신호를 수신하는 단계; (e) 추가 에디팅 신호에 상응하여 작성된 추가 사용자 콘텐츠에 대해, 추가 사용자 에디팅 영역에서 표시되는 추가 사용자 콘텐츠의 존재 여부를 판단하는 단계; 및 (f) 추가 사용자 에디팅 영역에서 표시되는 추가 사용자 콘텐츠가 존재하지 않는 경우, 추가 콘텐츠 페이지를 삭제하는 단계;를 포함한다.According to an aspect of the present invention, there is provided a method of automatically adding and deleting a content editor page, the method comprising: (a) connecting to a server and receiving a content editing module from a server, Receiving an editing signal for a user content displayed in a user editing area assigned to a content page of a content editing module from a user; (b) determining whether the amount of user content created corresponding to the editing signal exceeds a predetermined reference amount for the user editing area; (c) if the amount of created user content exceeds a reference amount, creating an additional content page; (d) receiving an additional editing signal for additional user content displayed in an additional user editing area assigned to the additional content page; (e) for the additional user content created corresponding to the additional editing signal, determining whether there is additional user content displayed in the additional user editing area; And (f) if there is no additional user content displayed in the additional user editing area, deleting the additional content page.
또한, 본 발명의 다른 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법은, 서버에 의해 수행되는, 사용자 단말에, 사용자 단말에서 사용자 콘텐츠가 표시되고, 사용자 콘텐츠에 대한 에디팅 신호가 수신되도록 하기 위한 콘텐츠 에디팅 모듈을 제공하는 단계; 사용자 단말에 배경 콘텐츠 및 사용자 콘텐츠가 표시되는 영역을 정의하는 레이아웃 정보를 포함하는 스타일 정보를 제공하는 단계; 및 콘텐츠 에디팅 모듈을 통해 적어도 하나의 콘텐츠 페이지로 구성된 사용자 콘텐츠의 작성이 완료된 경우, 사용자 단말로부터 적어도 하나의 콘텐츠 페이지에 포함된 사용자 콘텐츠 및 적어도 하나의 콘텐츠 페이지의 서식 정보를 수신하는 단계; 를 포함하되, 콘텐츠 에디팅 모듈은 에디팅 신호에 상응하여 작성된 사용자 콘텐츠의 분량이 사용자 콘텐츠가 표시되는 영역에 대해 기설정된 기준 분량을 초과하는지 여부에 기초하여, 추가 콘텐츠 페이지를 생성하거나, 추가 콘텐츠 페이지에 대한 사용자 콘텐츠의 존재 여부에 기초하여, 추가 콘텐츠 페이지를 삭제하기 위한 것일 수 있다.According to another aspect of the present invention, there is provided a method of automatically adding and deleting a content editor page, the method comprising: displaying, by a server, a user terminal displaying user content on a user terminal and receiving an editing signal on user content Providing a content editing module; Providing style information including layout information defining an area in which a background content and a user content are displayed in a user terminal; And receiving format information of at least one content page and user content included in at least one content page from a user terminal when creation of user content composed of at least one content page is completed through the content editing module; Wherein the content editing module generates an additional content page based on whether the amount of the user content created corresponding to the editing signal exceeds a predetermined reference amount for the area in which the user content is displayed, Based on the presence or absence of the user content for the additional content page.
본 발명의 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법에 의하면, 레이아웃이 짜여진 콘텐츠 페이지의 분량을 초과하는 콘텐츠가 입력되더라도 콘텐츠 페이지를 자동으로 추가 생성되게 함으로써, 사용자가 콘텐츠 페이지의 추가를 위해 별도의 버튼을 일일이 누르지 않아도 되게끔 하고, 콘텐츠 입력에 따른 콘텐츠 페이지 수의 변화를 실시간으로 확인하도록 할 수 있다.According to the method of automatically adding and deleting a content editor page according to an embodiment of the present invention, even if a content exceeding the amount of a content page in which a layout is formed is input, a content page is automatically added to generate a content page. So that it is not necessary to individually press a separate button for confirming the change in the number of content pages according to the content input.
또한, 본 발명의 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법에 의하면, 각각의 콘텐츠 페이지에 할당되어 있는 에디팅 영역들이 이어진 하나의 영역인 것처럼 동작되게 함으로써, 사용자가 보다 직관적으로 콘텐츠를 입력하도록 할 수 있다.In addition, according to the method of automatically adding and deleting content editor pages according to an embodiment of the present invention, the editing areas allocated to the respective content pages are operated as if they were the succeeding areas, .
또한, 본 발명의 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법에 의하면, 사용자가 하나의 이미지를 사용자 에디팅 영역을 벗어나게끔 이동시켰을 때, 해당 이미지를 두 콘텐츠 페이지에 걸쳐서 표시되게끔 함으로써, 실제 인화된 두 장의 편지지가 위에서 아래, 혹은 왼쪽에서 오른쪽 방향으로 이어진 듯한 느낌을 제공할 수 있다.According to the method of automatically adding and deleting a content editor page according to an embodiment of the present invention, when a user moves one image out of the user editing area, the user can display the image over two content pages, You can give the impression that the two prints of the actual print are going from top to bottom, or from left to right.
도 1은 본 발명의 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 시스템의 구성을 나타낸 도면이다.1 is a block diagram of a system for automatically adding and deleting a content editor page according to an embodiment of the present invention.
도 2는 본 발명의 일 실시예에 따른 서버의 구성을 나타낸 도면이다.2 is a diagram illustrating a configuration of a server according to an embodiment of the present invention.
도 3은 본 발명의 일 실시예에 따른 사용자 단말의 구성을 나타낸 도면이다.3 is a diagram illustrating a configuration of a user terminal according to an embodiment of the present invention.
도 4는 본 발명의 일 실시예에 따른 서버에 의해 수행되는 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법을 나타낸 동작 흐름도이다.4 is a flowchart illustrating a method of automatically adding and deleting a content editor page performed by a server according to an exemplary embodiment of the present invention.
도 5는 본 발명의 일 실시예에 따른 사용자 단말에 의해 수행되는 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법을 나타낸 동작 흐름도이다.5 is a flowchart illustrating a method of automatically adding and deleting a content editor page performed by a user terminal according to an exemplary embodiment of the present invention.
도 6은 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법의 일 예를 설명하기 위한 도면이다.6 is a diagram for explaining an example of a method of automatically adding and deleting a content editor page.
도 7은 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법의 다른 일 예를 설명하기 위한 도면이다.7 is a diagram for explaining another example of a method of automatically adding and deleting a content editor page.
도 8은 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법의 또 다른 일 예를 설명하기 위한 도면이다.8 is a diagram for explaining another example of a method of automatically adding and deleting a content editor page.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.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.
명세서 전체에서, 서버(100)는 콘텐츠 에디터 페이지 자동 추가 및 삭제 서버를 의미하고, 사용자 단말(200)은 콘텐츠 에디터 페이지 자동 추가 및 삭제 단말을 의미할 수 있다.In the entire specification, the server 100 means a content editor page automatic addition and deletion server, and the user terminal 200 can mean a content editor page automatic addition and deletion terminal.
이하의 실시예는 본 발명의 이해를 돕기 위한 상세한 설명이며, 본 발명의 권리 범위를 제한하는 것이 아니다. 따라서 본 발명과 동일한 기능을 수행하는 동일 범위의 발명 역시 본 발명의 권리 범위에 속할 것이다.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은 본 발명의 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 시스템(1)의 구성을 나타낸 도면이다.FIG. 1 is a block diagram illustrating a system for automatically adding and deleting a content editor page according to an embodiment of the present invention. Referring to FIG.
도 1을 참조하면, 본 발명의 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 시스템(1)은 서버(100) 및 사용자 단말(200)을 포함한다. 또한, 서버(100)와 복수 개의 사용자 단말들(201 및 202)을 상호 연결하는 통신망(300)을 포함한다.Referring to FIG. 1, a content editor page automatic addition and deletion 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.
본 발명의 일 실시예에 따른 서버(100)는 사용자 단말(200)에 탑재된 단말 어플리케이션을 통해 콘텐츠 에디팅이 이뤄질 수 있도록, 콘텐츠 에디팅 모듈과 스타일 정보를 제공하고, 사용자 단말(200)은 콘텐츠 에디팅 모듈을 제공 받아 콘텐츠 에디팅 사용자 인터페이스를 표시하고, 이를 통해 입력된 사용자 콘텐츠를 서버(100)에 전송하는 것을 특징으로 한다.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, And displays the content editing user interface through the module, and transmits the input user content to the server 100 through the module.
여기서, 콘텐츠 에디팅 모듈은 콘텐츠 에디팅 사용자 인터페이스를 제공하기 위해 웹 브라우저 상에서 실행되는 모듈일 수 있다.Here, the content editing module may be a module running on a web browser to provide a content editing user interface.
여기서, 배경 콘텐츠는 콘텐츠 페이지의 전체 영역에서 표시되기 위한 콘텐츠일 수 있다. 예컨대, 배경 콘텐츠는 편지지 양식에 관한 콘텐츠일 수 있다. 이 경우, 콘텐츠 페이지는 편지 작성 페이지일 수 있다. 여기서 편지지 양식에는, 편지지에서 보여지는 밑줄, 편지지의 배경 이미지 및 배경색 등이 포함될 수 있으며, 본 발명은 이에 한정되지 않는다.Here, the background content may be content to be displayed in the entire area of the content page. For example, the background content may be content related to the stationery form. In this case, the content page may be a letter compose page. Here, the stationery style may include an underline shown on a stationery, a background image of a stationery, and a background color, and the present invention is not limited thereto.
여기서, 콘텐츠 페이지는 자바스크립트(Javascript), 하이퍼텍스트 마크업 랭귀지(HyperText Markup Language; HTML), 앵귤러JS(AngularJS) 등 웹 브라우저 상에서 동작 가능한 프로그래밍 언어로 작성될 수 있으며, 본 발명의 범위가 이에 한정되는 것은 아니다.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.
사용자 단말(200)은 단말 어플리케이션을 통해 서버(100)로부터 제공받은 콘텐츠 에디팅 모듈 또는 스타일 정보에 기초하여 콘텐츠 페이지를 표시하고 이에 대한 에디팅 신호를 입력 받을 수 있다.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.
단말 어플리케이션은 사용자 단말(200)에 내장된 웹 브라우저이거나, 어플리케이션 배포 서버로부터 다운로드되어 사용자 단말(200)에 설치된 웹 브라우저일 수 있다.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. [
복수 개의 사용자 단말(200)들은 유무선 통신 환경에서 단말 어플리케이션을 이용할 수 있는 통신 단말기를 의미한다. 여기서 사용자 단말(200)은 사용자의 휴대용 단말기일 수 있다. 도 1에서는 사용자 단말(200)이 휴대용 단말기의 일종인 스마트폰(smart phone)으로 도시되었지만, 본 발명의 사상은 이에 제한되지 아니하며, 상술한 바와 같이 단말 어플리케이션을 탑재할 수 있는 단말에 대해서 제한 없이 차용될 수 있다.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.
이를 더욱 상세히 설명하면, 사용자 단말(200)은 컴퓨터(예를 들면, 데스크톱, 랩톱, 태블릿 등), 미디어 컴퓨팅 플랫폼(예를 들면, 케이블, 위성 셋톱박스, 디지털 비디오 레코더), 핸드헬드 컴퓨팅 디바이스(예를 들면, PDA, 이메일 클라이언트 등), 핸드폰의 임의의 형태, 또는 다른 종류의 컴퓨팅 또는 커뮤니케이션 플랫폼의 임의의 형태를 포함할 수 있으나, 본 발명이 이에 한정되는 것은 아니다. 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.
한편, 통신망(300)은 서버(100)와 사용자 단말(200)들을 연결하는 역할을 수행한다. 즉, 통신망(300)은 사용자 단말(200)들이 서버(100)에 접속한 후 데이터를 송수신할 수 있도록 접속 경로를 제공하는 통신망을 의미한다. 통신망(300)은 예컨대 LANs(Local Area Networks), WANs(Wide Area Networks), MANs(Metropolitan Area Networks), ISDNs(Integrated Service Digital Networks) 등의 유선 네트워크나, 무선 LANs, CDMA, 블루투스, 위성 통신 등의 무선 네트워크를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.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는 본 발명의 일 실시예에 따른 서버(100)의 구성을 나타낸 도면이다.2 is a diagram illustrating a configuration of a server 100 according to an embodiment of the present invention.
도 2를 참조하면, 본 발명의 일 실시예에 따른 서버(100)는 통신 모듈(110), 메모리(120), 프로세서(130) 및 데이터베이스(140)를 포함한다.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.
상세히, 통신 모듈(110)은 통신망(300)과 연동하여 서버(100)와 사용자 단말들(210 및 240) 간의 송수신 신호를 패킷 데이터 형태로 제공하는 데 필요한 통신 인터페이스를 제공한다.In detail, the communication module 110 provides a communication interface required to provide transmission / reception signals between the server 100 and the user terminals 210 and 240 in the form of packet data in cooperation with the communication network 300.
여기서, 통신 모듈(110)은 다른 네트워크 장치와 유무선 연결을 통해 제어 신호 또는 데이터 신호와 같은 신호를 송수신하기 위해 필요한 하드웨어 및 소프트웨어를 포함하는 장치일 수 있다.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.
메모리(120)는 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법을 수행하기 위한 프로그램이 기록된다. 또한, 프로세서(130)가 처리하는 데이터를 일시적 또는 영구적으로 저장하는 기능을 수행한다. 여기서, 메모리(120)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.The memory 120 records a program for performing a method of automatically adding and deleting content editor pages. 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.
프로세서(130)는 일종의 중앙처리장치로서 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법을 제공하는 전체 과정을 제어한다. 프로세서(130)가 수행하는 각 단계에 대해서는 도4를 참조하여 후술하기로 한다.The processor 130 controls the entire process of providing a method of automatically adding and deleting content editor pages as a kind of central processing unit. Each step performed by the processor 130 will be described later with reference to FIG.
여기서, 프로세서(130)는 프로세서(processor)와 같이 데이터를 처리할 수 있는 모든 종류의 장치를 포함할 수 있다. 여기서, '프로세서(processor)'는, 예를 들어 프로그램 내에 포함된 코드 또는 명령으로 표현된 기능을 수행하기 위해 물리적으로 구조화된 회로를 갖는, 하드웨어에 내장된 데이터 처리 장치를 의미할 수 있다. 이와 같이 하드웨어에 내장된 데이터 처리 장치의 일 예로써, 마이크로프로세서(microprocessor), 중앙처리장치(central processing unit: CPU), 프로세서 코어(processor core), 멀티프로세서(multiprocessor), ASIC(application-specific integrated circuit), FPGA(field programmable gate array) 등의 처리 장치를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.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.
데이터베이스(140)는 배경 콘텐츠, 콘텐츠 페이지의 레이아웃, 및 사용자 정보, 사용자 단말(200)로부터 획득된 사용자 콘텐츠와 관련된 데이터를 포함한다.The database 140 includes background content, layout of content pages, and user information, and data associated with the user content obtained from the user terminal 200.
비록 도 2에는 도시하지 아니하였으나, 상술한 배경 콘텐츠, 콘텐츠 페이지의 레이아웃, 및 사용자 정보, 사용자 콘텐츠 관련 데이터 중 일부는 데이터베이스(140)와 물리적 또는 개념적으로 분리된 데이터베이스(미도시)에 저장될 수 있다.Although not shown in FIG. 2, some of the above-described background content, layout of content pages, user information, and user content related data may be stored in a database (not shown) physically or conceptually separated from the database 140 have.
도 3은 본 발명의 일 실시예에 따른 사용자 단말(200)의 구성을 나타낸 도면이다.3 is a diagram illustrating a configuration of a user terminal 200 according to an embodiment of the present invention.
도 3을 참조하면, 본 발명의 일 실시예에 따른 사용자 단말(200)은 통신 모듈(210), 메모리(220), 프로세서(230) 및 디스플레이 장치(240)를 포함한다.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.
통신 모듈(210), 메모리(220) 및 프로세서(230)에 대하여, 도 2를 참조하여 상술한 통신 모듈(110), 메모리(120) 및 프로세서(130)에 대한 설명과 중복되는 설명은 생략하기로 한다.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, .
상세히, 통신 모듈(210)은 통신망(300)과 연동하여 서버(100)와 사용자 단말(200) 간의 송수신 신호를 패킷 데이터 형태로 제공하는 데 필요한 통신 인터페이스를 제공한다. 나아가, 통신 모듈(210)은 서버(100)로 데이터 요청을 송신하고, 이에 대한 응답으로 데이터를 수신하는 역할을 수행할 수 있다.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.
메모리(220)는 프로세서(230)가 처리하는 데이터를 일시적 또는 영구적으로 저장하는 기능을 수행한다.The memory 220 performs a function of temporarily or permanently storing data processed by the processor 230.
프로세서(230)는 일종의 중앙처리장치로서 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법을 제공하는 전체 과정을 제어한다. 프로세서(230)가 수행하는 각 단계에 대해서는 도 5를 참조하여 후술하기로 한다. Processor 230 controls the entire process of providing a method of automatically adding and deleting content editor pages as a kind of central processing unit. Each step performed by the processor 230 will be described later with reference to FIG.
디스플레이 장치(240)는 본 발명에 따른 사용자 인터페이스를 화면에 표시하는 기능을 수행한다. 본 발명에 따른 사용자 인터페이스가 화면에 표시되는 실시예들에 대해서는 도 6 내지 8을 참조하여 후술하기로 한다.The display device 240 displays a user interface according to the present invention on a screen. Embodiments in which the user interface according to the present invention is displayed on the screen will be described later with reference to FIGS.
도 4를 참조하면, 먼저, 서버(100)는 사용자 단말(200)에, 콘텐츠 에디팅 모듈을 제공한다(S410).Referring to FIG. 4, first, the server 100 provides a content editing module to the user terminal 200 (S410).
여기서, 콘텐츠 에디팅 모듈은 사용자 단말에 사용자 콘텐츠가 표시되거나, 사용자 단말에 사용자 콘텐츠에 대한 에디팅 신호가 수신되도록 하기 위한 것일 수 있다.Here, the content editing module may be for displaying the user content on the user terminal or receiving an editing signal for the user content on the user terminal.
단계(S410)에 따라, 사용자 단말(200)에서는 서버(100)로부터 제공 받은 콘텐츠 에디팅 모듈을 기초로 사용자에게 콘텐츠 에디팅 사용자 인터페이스가 제공될 수 있다.According to step S410, the user terminal 200 may provide a content editing user interface to the user based on the content editing module provided from the server 100. [
여기서, 사용자 콘텐츠는 사용자의 에디팅 신호에 상응하여 입력되거나 삭제될 수 있다.Here, the user content may be input or deleted corresponding to the user's editing signal.
이 때, 콘텐츠 에디팅 모듈은 작성된 사용자 콘텐츠의 분량에 따라 콘텐츠 페이지가 자동 생성되도록 하거나, 사용자 콘텐츠가 존재하지 않는 콘텐츠 페이지가 자동 삭제되도록 할 수 있다.At this time, the content editing module may automatically generate a content page according to the amount of the created user content, or may automatically delete a content page in which the user content does not exist.
예컨대, 콘텐츠 에디팅 모듈은 작성된 사용자 콘텐츠의 분량이 사용자 에디팅 영역에 대해 기설정된 기준 분량을 초과하는지 여부에 기초하여, 추가 콘텐츠 페이지를 생성할 수 있다.For example, the content editing module may generate an additional content page based on whether the amount of created user content exceeds a predetermined reference amount for the user editing area.
또한, 콘텐츠 에디팅 모듈은 추가 콘텐츠 페이지에 대한 사용자 콘텐츠의 존재 여부에 기초하여, 추가 콘텐츠 페이지를 삭제할 수 있다.The content editing module may also delete the additional content page based on the presence of the user content for the additional content page.
다음으로, 서버(100)는 사용자 단말(200)에, 배경 콘텐츠 및 사용자 콘텐츠가 표시되는 영역을 정의하는 레이아웃 정보를 포함하는 스타일 정보를 제공할 수 있다(S420).Next, the server 100 may provide the user terminal 200 with style information including layout information defining an area in which background content and user contents are displayed (S420).
여기서, 배경 콘텐츠는 사용자 단말(200) 상에서 표시되는 콘텐츠 페이지의 전체 영역에 대응되는 것이며, 레이아웃 정보는 콘텐츠 페이지에 사용자 에디팅 영역을 할당하기 위한 정보일 수 있다.Here, the background content corresponds to the entire area of the content page displayed on the user terminal 200, and the layout information may be information for assigning the user editing area to the content page.
단계(S420)에 따라, 사용자 단말(200)에서는 콘텐츠 페이지의 일부 영역에 사용자 에디팅 영역이 할당될 수 있다. 또한, 사용자 단말(200)에서 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠는, 배경 콘텐츠보다 앞에서 보여질 수 있다.According to step S420, the user terminal 200 may be assigned a user editing area in a part of the content page. Also, the user content displayed in the user editing area in the user terminal 200 may be viewed before the background content.
마지막으로, 서버(100)는 사용자 단말(200)로부터 작성된 사용자 콘텐츠 및 서식 정보를 수신한다(S430).Finally, the server 100 receives the user content and format information created from the user terminal 200 (S430).
단계(S430)에서, 서버(100)는 콘텐츠 에디팅 모듈을 통해 적어도 하나의 콘텐츠 페이지로 구성된 사용자 콘텐츠의 작성이 완료(콘텐츠 입력 또는 저장완료)된 경우, 해당 콘텐츠 페이지에 포함된 사용자 콘텐츠 및 해당 콘텐츠 페이지의 서식 정보를 수신할 수 있다.In step S430, when the creation of the user content composed of at least one content page is completed (content input or storage completion) through the content editing module, the server 100 displays the user content included in the content page and the corresponding content The format information of the page can be received.
여기서, 사용자가 사용자 단말(200)을 통해 저장 버튼을 누르는 경우, 사용자 콘텐츠의 작성이 완료된 것일 수 있다.Here, when the user presses the save button through the user terminal 200, the creation of the user content may be completed.
선택적 실시예로서, 사용자가 별도의 저장 버튼을 누르지 않더라도 사용자 단말(200)은 주기적으로 작성된 사용자 콘텐츠를 자동 저장할 수 있고, 이 경우도 사용자 콘텐츠의 작성이 완료된 것일 수 있다.As an alternative embodiment, the user terminal 200 may automatically save the created user content periodically even if the user does not press a separate save button, and in this case, the user content creation may be completed.
선택적 실시예로서, 사용자가 사용자 콘텐츠를 작성하는 즉시 사용자 단말(200)은 작성된 사용자 콘텐츠를 자동 저장할 수 있고, 서버(100)는 사용자 콘텐츠의 작성 완료 여부와 무관하게 실시간으로 해당 콘텐츠 페이지에 포함된 사용자 콘텐츠 및 해당 콘텐츠 페이지의 서식 정보를 수신할 수 있다.As an alternative embodiment, the user terminal 200 may automatically store the created user content as soon as the user creates the user content, and the server 100 may store the created user content in real time, User content, and format information of the content page.
도 5는 본 발명의 일 실시예에 따른 사용자 단말(200)에 의해 수행되는 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법을 나타낸 동작 흐름도이다. 5 is an operational flowchart illustrating a method of automatically adding and deleting a content editor page performed by the user terminal 200 according to an exemplary embodiment of the present invention.
먼저, 사용자 단말(200)은 서버(100)로부터 콘텐츠 에디팅 모듈을 제공 받은 후, 콘텐츠 에디팅 모듈을 통해 사용자로부터 에디팅 신호를 수신한다(S510).First, the user terminal 200 receives the content editing module from the server 100 and receives an editing signal from the user through the content editing module (S510).
여기서, 에디팅 신호는 콘텐츠 에디팅 모듈의 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 것일 수 있다. 즉, 에디팅 신호는 사용자의 조작에 의해 사용자 단말(200)에 입력된 신호이다. 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 is a signal input to the user terminal 200 by the 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.
선택적 실시예로서, 단계(S510)에서, 사용자 단말(200)은, 서버(100)로부터 배경 콘텐츠 및 레이아웃 정보가 포함된 스타일 정보를 더 제공받을 수 있다.As an alternative embodiment, in step S510, the user terminal 200 may be further provided with style information including background content and layout information from the server 100. [
이 때, 사용자 단말(200)은, 배경 콘텐츠를 콘텐츠 페이지의 전체 영역에서 표시되도록 하고, 레이아웃 정보에 기초하여 콘텐츠 페이지의 일부 영역에 사용자 에디팅 영역을 할당하고, 사용자 에디팅 영역에서 보여지는 사용자 콘텐츠가, 배경 콘텐츠보다 앞에서 보여지도록 표시할 수 있다.At this time, the user terminal 200 allows the background content to be displayed in the entire area of the content page, allocates the user editing area to a part of the content page based on the layout information, and displays the user content shown in the user editing area , It can be displayed so as to be displayed before the background content.
추가 실시예로서, 단계(S510)는, 사용자 단말(200)이 콘텐츠 페이지의 전체 영역을 표시하는 단계, 콘텐츠 페이지의 사용자 에디팅 영역에 대한 선택 입력을 수신하는 단계, 및 이에 따라 사용자 단말의 화면 상에서 사용자 에디팅 영역이 확대되고, 콘텐츠 페이지의 사용자 에디팅 영역 이외의 공백 영역이 축소되도록 표시하는 단계를 포함할 수 있다.As a further embodiment, step S510 includes displaying the entire area of the content page, the user terminal 200, receiving a selection input for the user editing area of the content page, and thus, And displaying the user editing area enlarged and the blank area other than the user editing area of the content page reduced.
즉, 사용자 단말(200)은 사용자 콘텐츠에 대한 에디팅 신호에 앞서, 사용자 에디팅 영역을 선택하는 신호를 수신할 수 있고, 사용자로 하여금 콘텐츠 작성이 보다 용이하도록 사용자 에디팅 영역을 확대 표시할 수 있다.That is, the user terminal 200 may receive a signal for selecting a user editing area prior to the editing signal for the user content, and may enlarge and display the user editing area so that the user can easily create the content.
이 때, 사용자 에디팅 영역의 확대 비율은, 사용자 에디팅 영역의 가로 사이즈가 기존에 콘텐츠 페이지가 표시되던 화면의 가로 사이즈와 동일해지거나, 기존에 콘텐츠 페이지가 표시되던 화면의 가로 사이즈에서 기설정된 여백 두께만큼 뺀 값과 동일해지기 위한 비율일 수 있다.At this time, the enlargement ratio of the user editing area may be set such that the horizontal size of the user editing area becomes equal to the horizontal size of the screen on which the content page has been displayed, And a ratio to be equal to the subtracted value.
이 때, 사용자 단말(200)은 상술한 확대 비율만큼, 콘텐츠 페이지들 전체를 확대하여 표시할 수 있다. 이 경우, 사용자 에디팅 영역의 좌우 바깥 영역(예컨대, 공백 영역)은 화면을 벗어나면서 사용자에게 표시되지 않을 수 있다.At this time, the user terminal 200 can enlarge and display the entire contents pages by the enlargement ratio described above. In this case, the left and right areas (e.g., blank areas) of the user editing area may not be displayed to the user while leaving the screen.
선택적 실시예로서, 사용자 단말(200)은 상술한 확대 비율만큼 사용자 에디팅 영역을 확대하면서, 공백 영역에 대해서는 일정한 비율로 축소하여 표시할 수 있다.As an alternative embodiment, the user terminal 200 may enlarge the user editing area by the enlargement ratio described above, and reduce and display the blank area at a constant ratio.
다음으로, 사용자 단말(200)은 에디팅 신호에 상응하여 작성된 사용자 콘텐츠의 분량이 기준 분량을 초과하는지 여부를 판단한다(S520).Next, the user terminal 200 determines whether the amount of user content created corresponding to the editing signal exceeds a reference amount (S520).
단계(S520)에서, 사용자 단말(200)은 작성된 사용자 콘텐츠에 상응하는 영역이 사용자 에디팅 영역의 아래쪽 경계선에 닿거나 초과하는 경우, 작성된 사용자 콘텐츠의 분량이 기준 분량을 초과하는 것으로 판단할 수 있다.In step S520, if the area corresponding to the created user content reaches or exceeds the lower boundary of the user editing area, the user terminal 200 can determine that the created amount of user content exceeds the reference amount.
예컨대, 사용자 단말(200)은 작성된 사용자 콘텐츠에 상응하는 세로 픽셀 수가, 사용자 에디팅 영역에 상응하는 세로 픽셀 수를 초과하는 경우, 작성된 사용자 콘텐츠의 분량이 기준 분량을 초과하는 것으로 판단할 수 있다.For example, when the number of vertical pixels corresponding to the created user content exceeds the number of vertical pixels corresponding to the user editing area, the user terminal 200 can determine that the generated amount of user content exceeds the reference amount.
선택적 실시예로서, 단계(S520)에서, 사용자 단말(200)은 에디팅 신호에 의해 사용자 콘텐츠에 포함된 이미지 객체가 사용자 에디팅 영역의 경계선에 걸치도록 위치가 변경되는 경우, 작성된 사용자 콘텐츠의 분량이 기준 분량이 초과하는 것으로 판단할 수 있다.As an alternative embodiment, in step S520, if the position of the image object included in the user content is changed by the editing signal so as to extend over the boundary of the user editing area, It can be judged that the quantity is exceeded.
이 경우, 단계(S530)에서, 사용자 단말(200)은 이미지 객체에 포함된 이미지 중 사용자 에디팅 영역의 바깥쪽에 해당하는 부분 이미지가 추가 사용자 에디팅 영역의 안쪽에서 표시되도록 할 수 있다.In this case, in step S530, the user terminal 200 may cause a partial image corresponding to the outside of the user editing area of the image included in the image object to be displayed inside the additional user editing area.
이를 위해, 사용자 단말(200)은 추가 콘텐츠 페이지에 이미지 객체와 동일한 이미지를 갖는 추가 이미지 객체를 추가하고, 기존의 이미지 객체에 대해서는 사용자 에디팅 영역의 바깥쪽에 해당하는 제 1 부분 이미지가 표시되지 않도록 하고, 추가 이미지 객체에 대해서는 제 1 부분 이미지의 나머지에 해당하는 제 2 부분 이미지가 표시되지 않도록 할 수 있다. 이에 관한 보다 구체적인 내용은 도 8을 참조하여 후술하기로 한다.To this end, the user terminal 200 adds an additional image object having the same image as the image object to the additional content page, and does not display the first partial image corresponding to the outside of the user editing area with respect to the existing image object , And for the additional image object, the second partial image corresponding to the rest of the first partial image may not be displayed. A more detailed description thereof will be given later with reference to FIG.
다음으로, 사용자 단말(200)은 작성된 사용자 콘텐츠의 분량이 기준 분량을 초과하는 경우, 추가 콘텐츠 페이지를 생성한다(S530).Next, the user terminal 200 generates an additional content page when the amount of the created user content exceeds the reference amount (S530).
단계(S530)에서, 사용자 단말(200)은 생성된 추가 콘텐츠 페이지에 사용자 에디팅 영역과 연결되는 추가 사용자 에디팅 영역을 할당할 수 있다.In step S530, the user terminal 200 may allocate an additional user editing area connected to the user editing area to the generated additional content page.
또한, 사용자 단말(200)은 작성된 사용자 콘텐츠 중 기준 분량을 초과하는 부분을 추가 사용자 에디팅 영역에서 추가 사용자 콘텐츠로서 표시되도록 할 수 있다. 이에 관한 보다 구체적인 내용은 도 6을 참조하여 후술하기로 한다.Also, the user terminal 200 may cause a portion of the created user content that exceeds the reference amount to be displayed as additional user content in the additional user editing area. A more detailed description thereof will be given later with reference to FIG.
비록 도 5에는 도시되지 아니하였으나, 본 발명의 다른 일 실시예에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법은 후술하는 것과 같이 에디팅 신호에 상응하여 추가된 콘텐츠 페이지를 삭제할 수 있다.Although not shown in FIG. 5, a method of automatically adding and deleting a content editor page according to another embodiment of the present invention may delete a content page added in accordance with an editing signal, as described later.
먼저, 사용자 단말(200)은 추가 콘텐츠 페이지에 할당된 추가 사용자 에디팅 영역에서 표시되는 추가 사용자 콘텐츠에 대한 추가 에디팅 신호를 수신할 수 있다.First, the user terminal 200 may receive an additional editing signal for additional user content displayed in the additional user editing area assigned to the additional content page.
다음으로, 사용자 단말(200)은 추가 에디팅 신호에 상응하여 변경된 추가 사용자 콘텐츠에 대해, 추가 사용자 에디팅 영역에서 표시되는 추가 사용자 콘텐츠의 존재 여부를 판단할 수 있다.Next, the user terminal 200 can determine whether there is additional user content displayed in the additional user editing area, for the changed additional user content corresponding to the additional editing signal.
다음으로, 사용자 단말(200)은 추가 사용자 에디팅 영역에서 표시되는 추가 사용자 콘텐츠가 존재하지 않는 경우, 추가 콘텐츠 페이지를 삭제할 수 있다. 이에 관한 보다 구체적인 내용은 도 7을 참조하여 후술하기로 한다.Next, the user terminal 200 may delete the additional content page if there is no additional user content displayed in the additional user editing area. A more detailed description thereof will be given later with reference to Fig.
도 6은 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법의 일 예를 설명하기 위한 도면이다.6 is a diagram for explaining an example of a method of automatically adding and deleting a content editor page.
특히, 도 6은 콘텐츠 페이지가 자동 생성되는 콘텐츠 에디팅 사용자 인터페이스를 나타낸 도면이다.Particularly, FIG. 6 shows a content editing user interface in which a content page is automatically generated.
도 6을 참조하면, 사용자 단말의 화면(600) 상에서, 배경 콘텐츠가 포함된 콘텐츠 페이지(610a)가 표시될 수 있다.Referring to FIG. 6, a content page 610a including a background content may be displayed on the screen 600 of the user terminal.
콘텐츠 페이지(610a)에는 사용자 에디팅 영역(620a)이 할당될 수 있는데, 사용자는 해당 영역(620a)에 텍스트, 이미지 및 이모티콘 등의 사용자 콘텐츠를 입력하거나, 입력된 사용자 콘텐츠를 삭제할 수 있다.A user editing area 620a can be allocated to the content page 610a. The user can input user contents such as text, images, and emoticons in the corresponding area 620a, or delete the inputted user content.
사용자가 사용자 에디팅 영역(620a)에 사용자 콘텐츠를 입력하다 보면, 사용자 콘텐츠의 분량이 사용자 에디팅 영역(620a)의 기준 분량을 초과할 수 있는데, 이 경우 사용자 단말이 기준 분량 초과 여부를 판단하고, 판단 결과에 따라 자동으로 콘텐츠 페이지를 추가 생성할 수 있다.When the user inputs the user content into the user editing area 620a, the amount of the user content may exceed the reference amount of the user editing area 620a. In this case, the user terminal determines whether or not the reference amount is exceeded, Depending on the results, you can automatically create additional content pages.
사용자 단말은 작성된 사용자 콘텐츠에 상응하는 영역이 사용자 에디팅 영역의 아래쪽 경계선에 걸치는 경우, 작성된 사용자 콘텐츠의 분량이 기준 분량을 초과하는 것으로 판단할 수 있다. 이하에서는 픽셀 수의 비교를 통해 기준 분량 초과 여부를 판단하는 예를 들어 설명하기로 한다.The user terminal can determine that the amount of the created user content exceeds the reference amount when the area corresponding to the created user content extends over the lower boundary of the user editing area. Hereinafter, an example of determining whether the reference amount is exceeded by comparing the number of pixels will be described.
사용자가 사용자 콘텐츠로서 텍스트를 입력하는 경우를 예를 들면, 비어 있는 사용자 에디팅 영역(620a)에 텍스트가 입력되는 경우, 먼저, 사용자 단말은 글자 및 띄어쓰기 공간이 차지하는 가로 픽셀 수(예컨대, 제 1 가로 픽셀 수)와, 사용자 에디팅 영역(620a)에 상응하는 가로 픽셀 수(예컨대, 제 2 가로 픽셀 수)를 비교할 수 있다.When a user inputs text as user content, for example, when text is input to an empty user editing area 620a, the user terminal first determines the number of horizontal pixels occupied by the text and space (e.g., Pixel number) and the number of horizontal pixels corresponding to the user editing area 620a (e.g., the second horizontal pixel number).
제 1 가로 픽셀 수가 제 2 가로 픽셀 수를 초과하면, 사용자 단말은 다음 번에 입력되는 텍스트를 다음 줄에 입력되도록 할 수 있다.If the first number of horizontal pixels exceeds the second number of horizontal pixels, the user terminal may cause the next input text to be input to the next line.
이와 병행하여, 사용자 단말은 텍스트가 차지하는 세로 픽셀 수(예컨대, 제 1 세로 픽셀 수)와, 사용자 에디팅 영역(620a)에 상응하는 세로 픽셀 수(예컨대, 제 2 세로 픽셀 수)를 비교할 수 있다.In parallel, the user terminal can compare the number of vertical pixels (for example, the first vertical pixel number) occupied by the text and the number of vertical pixels (for example, the second vertical pixel number) corresponding to the user editing area 620a.
도 6에서, 텍스트(631)가 입력되더라도, 제 1 세로 픽셀 수는 여전히 제 2 세로 픽셀 수보다 적지만, 텍스트(632)가 입력되면, 제 1 세로 픽셀 수는 제 2 세로 픽셀 수보다 많아짐을 알 수 있다.6, even though the text 631 is input, the first vertical pixel number is still smaller than the second vertical pixel number, but when the text 632 is input, the first vertical pixel number becomes larger than the second vertical pixel number Able to know.
이 경우, 사용자 단말은 콘텐츠 페이지(610a)와 동일한 레이아웃(예컨대, 동일한 배경 콘텐츠 및 동일한 크기의 사용자 에디팅 영역)을 갖는 추가 콘텐츠 페이지(610b)를 생성하고, 텍스트(632)를 추가 콘텐츠 페이지(610b)의 추가 사용자 에디팅 영역(620b) 상에 표시되도록 할 수 있다.In this case, the user terminal generates an additional content page 610b having the same layout (e.g., the same background content and the same size of user editing area) as the content page 610a, and adds the text 632 to the additional content page 610b ) On the additional user editing area 620b.
이와 같이, 본 발명의 일 실시예에 따르면 레이아웃이 짜여진 콘텐츠 페이지의 분량을 초과하는 콘텐츠가 입력되더라도 콘텐츠 페이지를 자동으로 추가 생성되게 함으로써, 사용자가 콘텐츠 페이지의 추가를 위해 별도의 버튼을 일일이 누르지 않아도 되게끔 하고, 콘텐츠 입력에 따른 콘텐츠 페이지 수의 변화를 실시간으로 확인하도록 할 수 있다.As described above, according to the embodiment of the present invention, even if a content exceeding the amount of the content page in which the layout is laid is inputted, the content page is automatically generated so that the user does not have to press a separate button So that the change of the number of content pages according to the content input can be confirmed in real time.
본 발명의 일 실시예는 에디팅 영역을 초과하는 콘텐츠 입력의 일 예로서 상술한 픽셀 수를 통한 기준 분량 초과 여부를 판단하는 과정을 서술한 것이며, 본 발명의 범위가 위 실시예에 한정되는 것은 아니다.An embodiment of the present invention describes a process of determining whether a reference amount is exceeded through the number of pixels described above as an example of content input exceeding an editing area, and the scope of the present invention is not limited to the above embodiment .
여기서, 콘텐츠 페이지(610a)에 할당된 사용자 에디팅 영역(620a)과 추가 콘텐츠 페이지(610b)에 할당된 추가 사용자 에디팅 영역(620b)은 이어진 하나의 영역처럼 동작할 수 있다.Here, the user editing area 620a assigned to the content page 610a and the additional user editing area 620b assigned to the additional content page 610b may operate as one area that follows.
예컨대, 사용자 에디팅 영역(620a)에 텍스트(633a)를 더 입력하는 경우, 기존 사용자 에디팅 영역(620a)에 입력되어 있었던 텍스트(633a) 만큼의 텍스트(633b)가 추가 사용자 에디팅 영역(620b)에 옮겨져 표시될 수 있다.For example, when the text 633a is further input into the user editing area 620a, the text 633b corresponding to the text 633a input in the existing user editing area 620a is moved to the additional user editing area 620b Can be displayed.
이와 같이, 본 발명의 일 실시예에 따르면 각각의 콘텐츠 페이지에 할당되어 있는 에디팅 영역들이 이어진 하나의 영역인 것처럼 동작되게 함으로써, 사용자가 보다 직관적으로 콘텐츠를 입력하도록 할 수 있다.As described above, according to the embodiment of the present invention, the editing regions allocated to the respective content pages are operated as if they are the succeeding regions, so that the user can input contents more intuitively.
도 7은 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법의 다른 일 예를 설명하기 위한 도면이다.7 is a diagram for explaining another example of a method of automatically adding and deleting a content editor page.
특히, 도 7은 콘텐츠 페이지가 자동 제거되는 콘텐츠 에디팅 사용자 인터페이스를 나타낸 도면이다.In particular, Figure 7 illustrates a content editing user interface in which content pages are automatically removed.
도 7을 참조하면, 사용자 단말의 화면(700) 상에서, 두 장의 콘텐츠 페이지(710a 및 710b)가 표시되어 있음을 알 수 있다.Referring to FIG. 7, it can be seen that on the screen 700 of the user terminal, two content pages 710a and 710b are displayed.
콘텐츠 페이지(710a)에 할당된 사용자 에디팅 영역(720a)과 추가 콘텐츠 페이지(710b)에 할당된 추가 사용자 에디팅 영역(720b)은 이어진 하나의 영역처럼 동작할 수 있다.The user editing area 720a assigned to the content page 710a and the additional user editing area 720b assigned to the additional content page 710b may operate as one area that follows.
예컨대, 텍스트(731)를 삭제하는 경우, 기존 추가 사용자 에디팅 영역(720b)에 입력되어 있었던 텍스트(731)만큼의 텍스트가 사용자 에디팅 영역(720a)에 옮겨져 표시될 수 있다.For example, when the text 731 is deleted, the text of the text 731 that has been input in the existing additional user editing area 720b may be displayed in the user editing area 720a.
위와 같은 방식에 따라 사용자가 사용자 에디팅 영역(720a)이나, 추가 사용자 에디팅 영역(720b)에 입력된 사용자 콘텐츠를 삭제하다 보면, 가장 마지막에 추가된 콘텐츠 페이지에 입력된 사용자 콘텐츠가 더 이상 존재하지 않게 될 수 있는데, 이 경우 사용자 단말이 사용자 콘텐츠의 존재 여부를 판단하고, 판단 결과에 따라 자동으로 해당 콘텐츠 페이지를 제거할 수 있다.If the user deletes the user content input in the user editing area 720a or the additional user editing area 720b according to the above method, the user content input in the last added content page no longer exists In this case, the user terminal can determine whether the user content exists or not, and can automatically remove the content page according to the determination result.
사용자가 기존에 입력된 텍스트를 삭제하는 경우를 예를 들면, 텍스트가 삭제되는 경우, 사용자 단말은 추가 사용자 에디팅 영역(720b)에 입력된 텍스트가 존재하는지 여부를 판단하고, 추가 사용자 에디팅 영역(720b)에 입력된 텍스트가 더 이상 존재하지 않는 경우, 해당 추가 사용자 에디팅 영역(720b)이 할당된 추가 콘텐츠 페이지(710b)를 제거할 수 있다.For example, when the text is deleted, the user terminal determines whether or not the text entered in the additional user editing area 720b exists, and the additional user editing area 720b , The additional user page 720b may remove the additional content page 710b to which the additional user editing area 720b is assigned.
도 7에서 텍스트(731)가 삭제되더라도, 추가 사용자 에디팅 영역(720b)에 여전히 사용자 콘텐츠가 존재하지만, 텍스트(732)도 삭제되면, 추가 사용자 에디팅 영역(720b)에 더 이상 사용자 콘텐츠가 존재하지 않게 되고, 사용자 단말은 추가 콘텐츠 페이지(710b)를 삭제할 수 있다.Even if the text 731 is deleted in Fig. 7, the user content still exists in the additional user editing area 720b, but when the text 732 is also deleted, no further user content exists in the additional user editing area 720b And the user terminal may delete the additional content page 710b.
이와 같이, 본 발명의 일 실시예에 따르면 콘텐츠 페이지의 분량을 초과하는 콘텐츠가 입력되거나, 특정 콘텐츠 페이지에 입력된 사용자 콘텐츠가 없는 경우, 콘텐츠 페이지가 자동으로 추가되거나 제거될 수 있어, 사용자가 콘텐츠 페이지의 추가나 제거를 위해 별도의 버튼을 일일이 누르지 않아도 되게끔 하고, 콘텐츠 입력에 따른 콘텐츠 페이지 수의 변화를 실시간으로 확인하게끔 할 수 있다.As described above, according to the embodiment of the present invention, when a content exceeding the amount of the content page is input, or when there is no user content input in the specific content page, the content page can be automatically added or removed, It is not necessary to separately press a button for adding or removing a page, and the change of the number of content pages according to the content input can be confirmed in real time.
도 8은 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법의 또 다른 일 예를 설명하기 위한 도면이다.8 is a diagram for explaining another example of a method of automatically adding and deleting a content editor page.
특히, 도 8은 이미지 객체가 두 페이지에 걸쳐 표시되는 콘텐츠 에디팅 사용자 인터페이스를 나타낸 도면이다.In particular, Figure 8 illustrates a content editing user interface in which an image object is displayed over two pages.
도 8을 참조하면, 사용자 단말의 화면(800) 상에서, 사용자 콘텐츠로서 이미지 객체(831)가 포함된 콘텐츠 페이지(810a)가 표시될 수 있다.Referring to FIG. 8, a content page 810a including an image object 831 as user content may be displayed on the screen 800 of the user terminal.
콘텐츠 페이지(810a)에는 사용자 에디팅 영역(820a)이 할당될 수 있는데, 사용자는 해당 영역(820a)에 입력된 이미지 및 이모티콘 등의 사용자 콘텐츠를 이동시킬 수 있다.A user editing area 820a can be allocated to the content page 810a, and the user can move user contents such as images and emoticons input in the corresponding area 820a.
사용자가 이미지 객체(831)를 이동시켜, 해당 이미지 객체(831)가 사용자 에디팅 영역(820a)의 경계선에 걸치게 되는 경우, 사용자 단말은 사용자 콘텐츠의 분량이 사용자 에디팅 영역(820a)의 기준 분량을 초과한 것으로 판단하고, 추가 콘텐츠 페이지(810b)를 추가 생성할 수 있다.If the user moves the image object 831 and the image object 831 spans the border of the user editing area 820a, the user terminal determines that the amount of user content is equal to the reference amount of the user editing area 820a And may additionally generate an additional content page 810b.
이 경우, 이미지 객체(831)의 사용자 에디팅 영역(820a)을 벗어난 부분이, 추가 콘텐츠 페이지(810b)의 추가 사용자 에디팅 영역(820b) 상에 표시되도록 할 수 있다.In this case, a portion of the image object 831 that leaves the user editing area 820a may be displayed on the additional user editing area 820b of the additional content page 810b.
이를 구체적으로 설명하면, 먼저, 이미지 객체(831)가 사용자 에디팅 영역(820a)을 벗어나는 경우, 사용자 단말은 추가 콘텐츠 페이지(810b)를 추가 생성하고, 추가 콘텐츠 페이지(810b) 상에 이미지 객체(831)와 동일한 이미지를 갖는 추가 이미지 객체(832)를 생성한다.More specifically, first, when the image object 831 leaves the user editing area 820a, the user terminal further generates an additional content page 810b, and the image content 831 To create an additional image object 832 having the same image as the image object 832. [
이 때, 추가 이미지 객체(832)의 위치는 이미지 객체(831)의 위치로부터 일정한 위치 차이 값을 갖도록 설정될 수 있다.At this time, the position of the additional image object 832 may be set to have a constant position difference value from the position of the image object 831. [
이 경우, 추가 이미지 객체(832)의 위치는 이미지 객체(831)가 사용자 에디팅 영역(820a)의 어느 경계선에 걸치는지 여부에 따라 달리 설정될 수 있다.In this case, the position of the additional image object 832 may be set differently depending on which border of the user editing area 820a the image object 831 extends.
예컨대, 이미지 객체(831)가 사용자 에디팅 영역(820a)의 아랫쪽 경계선에 걸치는 경우, 추가 이미지 객체(823)의 위치는 이미지 객체(831)를, 사용자 에디팅 영역(820a)의 아래쪽 경계선과 추가 사용자 에디팅 영역(820b)의 위쪽 경계선 사이의 거리만큼 아래쪽으로 이동시킨 위치로 설정될 수 있다.For example, if the image object 831 spans the bottom border of the user editing area 820a, then the location of the additional image object 823 may be determined by adding the image object 831 to the bottom border of the user editing area 820a, May be set to a position shifted downward by a distance between upper boundaries of the area 820b.
이와 같이, 본 발명의 일 실시예에 따르면 사용자가 특정 이미지를 사용자 에디팅 영역을 벗어나게끔 이동시켰을 때, 해당 이미지를 두 페이지 간에 걸쳐서 표시되게끔 함으로써, 실제 인화된 두 장의 편지지가 위에서 아래, 혹은 왼쪽에서 오른쪽 방향으로 이어진 듯한 느낌을 제공할 수 있다.As described above, according to the embodiment of the present invention, when the user moves the specific image out of the user editing area, the image is displayed over the two pages, so that the two printed letter- In the right direction.
이 때, 사용자 단말은 특정 이미지의 사용자 에디팅 영역을 벗어난 부분은 배경 이미지보다 앞에 보여지는 것이 아닌, 다음 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 보여지도록 설정할 수 있다.At this time, the user terminal can be configured such that a part of the user image outside the user editing area of the specific image is displayed in front of the background image, but displayed in the user editing area allocated to the next content page.
이를 위해, 사용자 단말은 이미지 객체(831)의 사용자 에디팅 영역(820a)을 벗어난 부분(831b)과, 추가 이미지 객체(832)의 추가 사용자 에디팅 영역(820b)을 벗어난 부분(832b)이 보이지 않도록 설정할 수 있다.To this end, the user terminal is configured to hide the portion 831b outside the user editing area 820a of the image object 831 and the portion 832b outside the additional user editing area 820b of the additional image object 832 .
즉, 실제 인화된 제 1 편지지(833a)에서는 이미지 객체의 윗 부분(831a)만이, 제 2 편지지(833b)에서는 이미지 객체의 아랫 부분(832a)만이 보여질 수 있다.That is, only the upper portion 831a of the image object can be seen in the first printed stationery 833a, and only the lower portion 832a of the image object can be seen in the second stationery 833b.
이에 따라, 실제 인화된 제 1 편지지(833a)와 제 2 편지지(833b)가 마치 위에서 아래 방향으로 이어진 듯한 느낌을 제공할 수 있다. Accordingly, it is possible to provide the impression that the first printed stationary letter 833a and the second stationary letter 833b are in a downward direction.
또한, 이미지 객체(831)가 사용자 에디팅 영역(820a)의 오른쪽 경계선에 걸치는 경우, 사용자는 추가 이미지 객체(832)의 위치는 이미지 객체(831)를, 사용자 에디팅 영역(820a)의 오른쪽 경계선과 추가 사용자 에디팅 영역(820b)의 왼쪽 경계선 사이의 거리만큼 왼쪽으로 이동시키고, 사용자 에디팅 영역(820a)의 아래쪽 경계선과 추가 사용자 에디팅 영역(820b)의 아래쪽 경계선 사이의 거리만큼 아래로 이동시킨 위치로 설정할 수 있다.In addition, if the image object 831 spans the right border of the user editing area 820a, then the user can specify that the position of the additional image object 832 is to add the image object 831 to the right border of the user editing area 820a It is possible to set the position shifted to the left by the distance between the left boundary of the user editing area 820b and the position shifted downward by the distance between the lower boundary of the user editing area 820a and the lower boundary of the additional user editing area 820b have.
이에 따라, 실제 인화된 제 1 편지지(833a)와 제 2 편지지(833b)가 마치 왼쪽에서 오른쪽 방향으로 이어진 듯한 느낌을 제공할 수 있다.Accordingly, it is possible to provide the impression that the first stationery 833a and the second stationery 833b, which are actually printed, extend from left to right.
또 다른 추가 실시예로서, 사용자 에디팅 영역에 이미지 객체가 첨부될 때, 이미지 객체가 첨부되는 영역이 미리 설정되어 있을 수도 있다. 예를 들어, 하나의 콘텐츠 페이지에 추가될 수 있는 이미지 객체의 사이즈 및 개수가 규격화되어 있을 경우, 복수의 이미지 객체 각각은 정렬된 위치에 나란히 배열될 수 있다. 이때, 한 페이지에서 정의되는 이미지 객체의 제한개수를 초과하는 이미지 객체 입력이 발생될 경우, 추가 콘텐츠 페이지를 생성하고, 추가 콘텐츠 페이지에 초과된 이미지 객체를 첨부할 수도 있다. 그리고 마찬가지로, 추가 콘텐츠 페이지에 첨부된 이미지 객체들이 모두 삭제될 경우, 그 추가 콘텐츠 페이지 역시 삭제될 수 있다.As yet another additional embodiment, when an image object is attached to the user editing area, the area to which the image object is attached may be preset. For example, if the size and number of image objects that can be added to one content page are standardized, each of the plurality of image objects may be arranged side by side in an aligned position. At this time, when an image object input exceeding the limit number of the image objects defined in one page is generated, an additional content page may be generated and an excess image object may be attached to the additional content page. Likewise, if all the image objects attached to the additional content page are deleted, the additional content page can also be deleted.
본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능한 기록 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독 가능한 기록 매체는 컴퓨터 저장 매체를 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다.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.
본 발명은 온라인 상에서 콘텐츠를 작성하는 페이지가 자동으로 생성되거나 삭제되는 사용자 인터페이스를 제공하는 방법에 관한 것이므로 산업상 이용가능성이 있다.INDUSTRIAL APPLICABILITY The present invention relates to a method of providing a user interface for automatically generating or deleting a page for creating a content on-line, and thus there is a possibility of industrial use.
Claims (16)
- 사용자 단말에 의해 수행되는, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법에 있어서,A method of automatically adding and deleting content editor pages, performed by a user terminal,(a) 서버에 접속하여 상기 서버로부터 콘텐츠 에디팅 모듈을 제공받은 후, 상기 모듈의 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 에디팅 신호를 수신하는 단계;(a) receiving an editing signal for a user content displayed in a user editing area assigned to a content page of the module, after receiving a content editing module from the server by accessing a server;(b) 상기 에디팅 신호에 상응하여 작성된 사용자 콘텐츠의 분량이 상기 사용자 에디팅 영역에 대해 기설정된 기준 분량을 초과하는지 여부를 판단하는 단계; 및(b) determining whether the amount of user content created corresponding to the editing signal exceeds a predetermined reference amount for the user editing area; And(c) 상기 작성된 사용자 콘텐츠의 분량이 상기 기준 분량을 초과하는 경우, 추가 콘텐츠 페이지를 생성하는 단계;(c) if the amount of the created user content exceeds the reference amount, generating an additional content page;를 포함하는, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법. And automatically adding and deleting content editor pages.
- 제 1 항에 있어서,The method according to claim 1,상기 (c) 단계는The step (c)상기 추가 콘텐츠 페이지에 상기 사용자 에디팅 영역과 연결되는 추가 사용자 에디팅 영역을 할당하고,An additional user editing area connected to the user editing area is allocated to the additional content page,상기 작성된 사용자 콘텐츠 중 상기 기준 분량을 초과하는 부분을 추가 사용자 콘텐츠로서, 상기 추가 사용자 에디팅 영역에서 표시되도록 하는 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein a portion of the created user content that exceeds the reference amount is displayed as additional user content in the additional user editing area.
- 제 1 항에 있어서,The method according to claim 1,상기 (b) 단계는The step (b)상기 작성된 사용자 콘텐츠에 상응하는 영역이 상기 사용자 에디팅 영역의 하단 경계선에 닿거나 초과하는 경우, 상기 작성된 사용자 콘텐츠의 분량이 상기 기준 분량을 초과하는 것으로 판단하는 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein the content editing apparatus determines that the amount of the created user content exceeds the reference amount when an area corresponding to the created user content reaches or exceeds the bottom edge of the user editing area .
- 제 1 항에 있어서,The method according to claim 1,(d) 상기 추가 콘텐츠 페이지에 할당된 추가 사용자 에디팅 영역에서 표시되는 추가 사용자 콘텐츠에 대한 추가 에디팅 신호를 수신하는 단계; 및(d) receiving an additional editing signal for additional user content displayed in an additional user editing area assigned to the additional content page; And(e) 상기 추가 에디팅 신호에 상응하여 작성된 상기 추가 사용자 콘텐츠에 대해, 상기 추가 사용자 에디팅 영역에서 표시되는 상기 추가 사용자 콘텐츠의 존재 여부를 판단하는 단계;(e) determining, for the additional user content created corresponding to the additional editing signal, whether the additional user content displayed in the additional user editing area is present;를 더 포함하는, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.And automatically adding and deleting content editor pages.
- 제 4 항에 있어서,5. The method of claim 4,(f) 상기 추가 사용자 에디팅 영역에서 표시되는 상기 추가 사용자 콘텐츠가 존재하지 않는 경우, 상기 추가 콘텐츠 페이지를 삭제하는 단계;(f) if the additional user content displayed in the additional user editing area does not exist, deleting the additional content page;를 더 포함하는, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.And automatically adding and deleting content editor pages.
- 제 1 항에 있어서,The method according to claim 1,상기 (a) 단계는,The step (a)상기 서버로부터 배경 콘텐츠 및 사용자 콘텐츠가 표시되는 영역을 정의하는 레이아웃 정보를 포함하는 스타일 정보를 수신하는 단계; 및Receiving style information including layout information defining an area in which background content and user content are displayed from the server; And상기 배경 콘텐츠가 상기 콘텐츠 페이지의 전체 영역에서 표시되도록 하되 상기 사용자 콘텐츠가 상기 배경 콘텐츠보다 앞에서 보여지도록 하고, 상기 레이아웃 정보에 기초하여 상기 사용자 에디팅 영역을 할당하는 단계;Allowing the background content to be displayed in the entire area of the content page, wherein the user content is displayed before the background content, and allocating the user editing area based on the layout information;를 포함하는 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein the content editor page includes a plurality of content editor pages.
- 제 6 항에 있어서, The method according to claim 6,상기 사용자 콘텐츠는 텍스트 및 이미지 중 적어도 하나를 포함하는 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein the user content includes at least one of text and images.
- 제 6 항에 있어서, The method according to claim 6,상기 추가 콘텐츠 페이지는, Wherein the additional content page further comprises:최초의 콘텐츠 페이지와 동일한 배경 콘텐츠 및 레이아웃 정보를 갖는 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein the content editor page has the same background content and layout information as the first content page.
- 제 1 항에 있어서,The method according to claim 1,상기 에디팅 신호는The editing signal상기 사용자 콘텐츠에 포함되는 객체의 추가, 수정 및 삭제 중 적어도 하나를 수행하기 위한 신호인 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein the content editor is a signal for performing at least one of adding, modifying, and deleting an object included in the user content.
- 제 2 항에 있어서,3. The method of claim 2,상기 (b) 단계는The step (b)상기 사용자 콘텐츠에 포함된 이미지 객체가 상기 사용자 에디팅 영역의 경계선에 걸치도록 위치가 변경되는 경우, 상기 작성된 사용자 콘텐츠의 분량이 상기 기준 분량을 초과하는 것으로 판단하고,Determining that the amount of the created user content exceeds the reference amount when the position of the image object included in the user content is changed to extend over the boundary of the user editing area,상기 (c) 단계는The step (c)상기 이미지 객체에 포함된 이미지 중, 상기 사용자 에디팅 영역의 바깥쪽에 해당하는 부분 이미지가, 상기 추가 사용자 에디팅 영역의 안쪽에서 표시되도록 하는 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein a portion of the image included in the image object corresponding to the outside of the user editing area is displayed inside the additional user editing area.
- 제 10 항에 있어서,11. The method of claim 10,상기 (c) 단계는The step (c)상기 추가 콘텐츠 페이지에 상기 이미지 객체와 동일한 이미지를 갖는 추가 이미지 객체를 추가하고,Adding an additional image object having the same image as the image object to the additional content page,상기 이미지 객체에 대해, 상기 부분 이미지가 표시되지 않도록 하고,For the image object, to prevent the partial image from being displayed,상기 추가 이미지 객체에 대해, 상기 이미지 중 상기 부분 이미지의 나머지에 해당하는 나머지 부분 이미지가 표시되지 않도록 하는 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein for the additional image object, the remaining partial images corresponding to the remainder of the partial image of the image are not displayed.
- 제 1 항에 있어서, The method according to claim 1,상기 콘텐츠 페이지는, The content page includes:자바스크립트, 하이퍼텍스트 마크업 랭귀지 및 앵귤러JS 중 어느 하나의 프로그래밍 언어로 작성된 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein the content editor page is created in one of programming languages such as JavaScript, hypertext markup language, and angular JS.
- 제 12 항에 있어서,13. The method of claim 12,상기 (a) 단계는,The step (a)상기 프로그래밍 언어로 작성된 모듈을 상기 서버로부터 다운로드 받으며, A module written in the programming language is downloaded from the server,(g) 적어도 하나의 콘텐츠 페이지로 구성된 사용자 콘텐츠의 작성이 완료된 경우, 상기 적어도 하나의 콘텐츠 페이지에 포함된 사용자 콘텐츠 및 상기 적어도 하나의 콘텐츠 페이지의 서식 정보를 상기 서버로 전송하는 단계;(g) when the creation of the user content composed of at least one content page is completed, transmitting the user content included in the at least one content page and the format information of the at least one content page to the server;를 더 포함하는, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법. And automatically adding and deleting content editor pages.
- 제 1 항에 있어서,The method according to claim 1,상기 (a) 단계는, The step (a)상기 콘텐츠 페이지의 전체 영역을 표시하는 단계;Displaying an entire area of the content page;상기 콘텐츠 페이지의 사용자 에디팅 영역에 대한 선택 입력을 수신하는 단계; 및Receiving a selection input for a user editing area of the content page; And상기 사용자 단말의 화면 상에서 상기 사용자 에디팅 영역이 확대되고, 상기 콘텐츠 페이지의 상기 사용자 에디팅 영역 이외의 공백 영역이 축소되도록 표시하는 단계;Displaying the user editing area on the screen of the user terminal so that the user editing area is enlarged and a blank area other than the user editing area of the content page is reduced;를 포함하는 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein the content editor page includes a plurality of content editor pages.
- 서버에 의해 수행되는, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법에 있어서,A method for automatic addition and deletion of a content editor page performed by a server,사용자 콘텐츠가 표시되고, 상기 사용자 콘텐츠에 대한 에디팅 신호가 수신되도록 하기 위한 콘텐츠 에디팅 모듈을 사용자 단말로 제공하는 단계;Providing a content editing module to a user terminal for displaying user content and for receiving an editing signal for the user content;상기 사용자 단말에 배경 콘텐츠 및 상기 사용자 콘텐츠가 표시되는 영역을 정의하는 레이아웃 정보를 포함하는 스타일 정보를 제공하는 단계; 및Providing style information to the user terminal, the style information including background content and layout information defining an area in which the user content is displayed; And상기 콘텐츠 에디팅 모듈을 통해 적어도 하나의 콘텐츠 페이지로 구성된 사용자 콘텐츠의 작성이 완료된 경우, 상기 사용자 단말로부터 상기 적어도 하나의 콘텐츠 페이지에 포함된 사용자 콘텐츠 및 상기 적어도 하나의 콘텐츠 페이지의 서식 정보를 수신하는 단계;Receiving format information of the at least one content page and the user content included in the at least one content page from the user terminal when the creation of the user content composed of at least one content page is completed through the content editing module ;를 포함하되,, ≪ / RTI &상기 콘텐츠 에디팅 모듈은The content editing module상기 에디팅 신호에 상응하여 작성된 사용자 콘텐츠의 분량이 상기 사용자 콘텐츠가 표시되는 영역에 대해 기설정된 기준 분량을 초과하는지 여부에 기초하여, 추가 콘텐츠 페이지를 생성하거나,Generating an additional content page based on whether the amount of the user content created corresponding to the editing signal exceeds a predetermined reference amount for the area in which the user content is displayed,상기 추가 콘텐츠 페이지에 대한 사용자 콘텐츠의 존재 여부에 기초하여, 상기 추가 콘텐츠 페이지를 삭제하기 위한 것인, 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법.Wherein the content editor page is for deleting the additional content page based on the presence or absence of user content for the additional content page.
- 제 1 항 내지 제 14 항 중 어느 한 항에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 방법을 수행하는 프로그램이 기록된 컴퓨터 판독가능 기록매체.15. A computer-readable recording medium on which a program for performing automatic addition and deletion of a content editor page according to any one of claims 1 to 14 is recorded.
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR20170096726 | 2017-07-31 | ||
KR10-2017-0096726 | 2017-07-31 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2019027105A1 true WO2019027105A1 (en) | 2019-02-07 |
Family
ID=65232673
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/KR2017/013998 WO2019027105A1 (en) | 2017-07-31 | 2017-12-01 | Terminal for automatically adding and deleting content editor page according to content creation range, and computer-readable recording medium |
Country Status (1)
Country | Link |
---|---|
WO (1) | WO2019027105A1 (en) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20080019392A (en) * | 2006-08-28 | 2008-03-04 | 김학준 | Document auto editing system and the method thereof |
JP2009294851A (en) * | 2008-06-04 | 2009-12-17 | Ubiquitous Entertainment Inc | Web page editing server, web page editing system, and web page editing method |
KR20110017694A (en) * | 2009-08-14 | 2011-02-22 | 주식회사 천사만감 | System and method for editing on-line document therefor |
KR20140096780A (en) * | 2013-01-29 | 2014-08-06 | 삼성전자주식회사 | Contents display method and mobile terminal implementing the same |
KR101638327B1 (en) * | 2015-02-16 | 2016-07-20 | 김진도 | Manufacturing system for e-book using a smart phone |
-
2017
- 2017-12-01 WO PCT/KR2017/013998 patent/WO2019027105A1/en active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20080019392A (en) * | 2006-08-28 | 2008-03-04 | 김학준 | Document auto editing system and the method thereof |
JP2009294851A (en) * | 2008-06-04 | 2009-12-17 | Ubiquitous Entertainment Inc | Web page editing server, web page editing system, and web page editing method |
KR20110017694A (en) * | 2009-08-14 | 2011-02-22 | 주식회사 천사만감 | System and method for editing on-line document therefor |
KR20140096780A (en) * | 2013-01-29 | 2014-08-06 | 삼성전자주식회사 | Contents display method and mobile terminal implementing the same |
KR101638327B1 (en) * | 2015-02-16 | 2016-07-20 | 김진도 | Manufacturing system for e-book using a smart phone |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2015064903A1 (en) | Displaying messages in an electronic device | |
WO2012050314A9 (en) | Method and system of providing background contents of a virtual key input means | |
WO2014017790A1 (en) | Display device and control method thereof | |
WO2015005732A1 (en) | Method of sharing electronic document and devices for the same | |
WO2012060552A2 (en) | Method and system for providing an advertisement on the background of a virtual key input means | |
WO2013081282A1 (en) | System and method for recommending application by using keyword | |
WO2017039337A1 (en) | Method and device of tagging links included in a screenshot of webpage | |
WO2014058146A1 (en) | User terminal apparatus supporting fast web scroll of web documents and method therefor | |
WO2014098528A1 (en) | Text-enlargement display method | |
WO2021141419A1 (en) | Method and apparatus for generating customized content based on user intent | |
WO2016186325A1 (en) | Social network service system and method using image | |
WO2017160028A1 (en) | Object management and visualization using a computing device | |
WO2015020362A1 (en) | Page formation method and electronic device supporting the method | |
WO2019107799A1 (en) | Method and apparatus for moving input field | |
WO2014030869A1 (en) | System for editing digital signage template in smart tv, and method therefor | |
CN111124111A (en) | Processing method and electronic equipment | |
WO2018221974A1 (en) | User location-based photograph correction and printing service system and method | |
WO2019027105A1 (en) | Terminal for automatically adding and deleting content editor page according to content creation range, and computer-readable recording medium | |
WO2012177105A2 (en) | System for composing document using image and method for composing document | |
JP2009187308A (en) | Display controller, display control method, program, and storage medium | |
WO2019132563A1 (en) | Image panning method | |
WO2016186326A1 (en) | Search word list providing device and method using same | |
WO2018008861A1 (en) | Html control system and method using user server | |
WO2019093572A1 (en) | Method for synchronizing content display format, and computer-readable recording medium | |
CN110908570B (en) | Image processing method, device, terminal and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 17919734 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 17919734 Country of ref document: EP Kind code of ref document: A1 |
|
32PN | Ep: public notification in the ep bulletin as address of the adressee cannot be established |
Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205 DATED 03/07/2020) |