WO2019093572A1 - 콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체 - Google Patents

콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체 Download PDF

Info

Publication number
WO2019093572A1
WO2019093572A1 PCT/KR2017/014460 KR2017014460W WO2019093572A1 WO 2019093572 A1 WO2019093572 A1 WO 2019093572A1 KR 2017014460 W KR2017014460 W KR 2017014460W WO 2019093572 A1 WO2019093572 A1 WO 2019093572A1
Authority
WO
WIPO (PCT)
Prior art keywords
content
user
user terminal
display position
area
Prior art date
Application number
PCT/KR2017/014460
Other languages
English (en)
French (fr)
Inventor
박종우
Original Assignee
(주)레터플라이
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by (주)레터플라이 filed Critical (주)레터플라이
Publication of WO2019093572A1 publication Critical patent/WO2019093572A1/ko

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47202—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for requesting content on demand, e.g. video on demand
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/242—Synchronization processes, e.g. processing of PCR [Program Clock References]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
    • H04N21/845—Structuring of content, e.g. decomposing content into time segments

Definitions

  • the present invention relates to a content display type sink method and a computer readable recording medium.
  • Text and image creation functions provided on conventional web services have been very limited in service.
  • 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.
  • a method of generating content sink information by a user terminal comprising: (a) displaying, in a user editing area allocated to a content page, Receiving an editing signal for user content; (b) determining, for a user content created corresponding to the editing signal, a display position at which content elements constituting the user content are displayed; And (c) generating sync information of the user content based on the display position, wherein the sync information includes a first display location where the content elements are displayed on the user terminal, And information for causing the second display position where the content elements are displayed to be synchronized on the different user terminals from the terminal.
  • a content sink method performed by a server according to an embodiment of the present invention.
  • the content sink method comprises the steps of: (a) Receiving sync information of user content; And (b) adjusting the output format of the user content based on the sync information, wherein the sync information is determined by the user terminal, the position of each of the elements constituting the user content is determined, And may be generated based on the location of each of the elements.
  • the content sink method of the present invention when a display position of a character or image constituting a user content is generated as sync information and is provided to a server together with user content, By adjusting the form, it is possible to provide a content sink service capable of sinking the display form of the content using a small amount of data.
  • a content sink method wherein when a sink symbol is inserted in a line unit of text constituting a user content and is provided to a server together with user content, By adjusting the form, it is possible to provide a content sink service capable of sinking the display form of the content using a small amount of data.
  • FIG. 1 is a block diagram of a content sink system 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 content sinking method performed by a server according to an embodiment of the present invention.
  • FIG. 5 is a flowchart illustrating a content sinking method performed by a user terminal according to an exemplary embodiment of the present invention.
  • FIG. 6 is a view for explaining a content sink concept according to the present invention.
  • FIG. 7 is a diagram for explaining an example of a content sync information generating method.
  • FIG. 8 is a diagram for explaining an example of a content sink method according to the method of FIG.
  • FIG. 9 is a diagram for explaining another example of the content synchronization information generating method.
  • FIG. 10 is a diagram for explaining an example of a content sink method according to the method of FIG.
  • the server 100 may refer to a content sink device
  • the user terminal 200 may refer to a content sink information generating device.
  • FIG. 1 is a diagram showing a configuration of a content sink system 1 according to an embodiment of the present invention.
  • a content sink 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, Module to display the content editing user interface, generates the sync information from the input user content, and transmits the user content and the sync information to the server 100.
  • the server 100 transmits the user content and the sync information to the server 100 using the sync information, And the display form of the content is adjusted.
  • the content editing module may be a module running on a web browser to provide a content editing user interface.
  • 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 sync information may be information for allowing the user content created in the user terminal 200 to be displayed in the same form in the server 100 or another user terminal.
  • the content editing module of the present invention may be a module that executes on a web browser to provide a content editing user interface.
  • the display form of the content created by the content editing module may also change.
  • the web browser environment may be variously changed according to not only the type and version of the web browser but also the type and version of the operating system running the web browser.
  • the sink information may be information for allowing the user content created in the first web browser environment of the user terminal 200 to be displayed in the same form in the second web browser environment of the server 100 or another user terminal.
  • the user terminal 200 may display a content page based on the content editing module or the style information provided from the server 100 through the terminal application and receive an editing signal for the content page.
  • the terminal application may be a web browser built in the user terminal 200 or a web browser downloaded from the application distribution server and installed in the user terminal 200.
  • the plurality of user terminals 200 refers to a communication terminal that can use a terminal application in a wired / wireless communication environment.
  • the user terminal 200 may be a user's portable terminal.
  • the user terminal 200 is a smart phone, which is a type of portable terminal.
  • the present invention is not limited to this, and the terminal capable of loading the terminal application, as described above, Can be borrowed.
  • 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 necessary for providing the transmission / reception signals between the server 100 and the user terminals 201 and 202 in the form of packet data in cooperation with the communication network 300.
  • the communication module 110 may be a device including hardware and software necessary to transmit / receive a signal such as a control signal or a data signal through a wired / wireless connection with another network device.
  • the memory 120 stores a program for performing the content sink method.
  • 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 content sink method as a kind of central processing unit. Each step performed by the processor 130 will be described later with reference to FIG.
  • 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 a layout of a content page, user information, user content obtained from the user terminal 200, and sync information.
  • some of the above-described content page layout, user information, user content, and sync information may be stored in a database (not shown) physically or conceptually separated from the database 140.
  • FIG. 3 is a diagram illustrating a configuration of a user terminal 200 according to an embodiment of the present invention.
  • 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 stores a program for performing the content synchronization information generating method.
  • the processor 230 performs a function of temporarily or permanently storing data to be processed.
  • the processor 230 controls the entire process of providing a content synchronization information generation method as a kind of central processing unit. Each step performed by the processor 230 will be described later with reference to FIG.
  • the display device 240 displays a user interface according to the present invention on a screen.
  • FIG. 4 is a flowchart illustrating a content sinking method performed by the server 100 according to an embodiment of the present invention.
  • a program for performing each step of FIG. 4 is recorded in the memory 120, and the program is executed by the processor 130, whereby the content sink method can be performed.
  • the server 100 receives the user content and the sync information created through the content editing module from the user terminal 200 (S410).
  • the content editing module may be provided by the server 100 to the user terminal 200 before step S410.
  • the content editing module may be for displaying the user content to the user terminal 200, or for receiving the editing signal for the user content to the user terminal 200.
  • step S410 may be to receive the user content and the sync information when the creation of the user content is completed through the content editing module in the user terminal 200.
  • the sink information received in step S410 may be generated based on the determination of the display position of the content element constituting the user content by the user terminal 200 and based on the display position.
  • the server 100 adjusts the output format of the user content based on the sync information (S420).
  • the output form of the user content in the server 100 may have the same form as the display form of the user content created in the user terminal 200 in accordance with step S420.
  • FIG. 5 is an operational flowchart illustrating a content sinking method performed by a user terminal 200 according to an embodiment of the present invention.
  • the user terminal 200 receives an editing signal for a user content displayed in a user editing area allocated to a content page through a content editing module (S510).
  • the user content may include at least one of text and images.
  • the editing signal may be for the user content displayed in the user editing area assigned to the content page of the content editing module. That is, the editing signal may be a signal input to the user terminal 200 by a user's operation.
  • 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.
  • the user terminal 200 determines a display position where the content elements constituting the user content are displayed for the user content created corresponding to the editing signal (S520).
  • the content elements may correspond to the characters constituting the text when the text is included in the user content.
  • each of the images may correspond to the content element.
  • the user terminal 200 may set a display area corresponding to each of the content elements, and determine one of the coordinates in the display area as the display position of each of the content elements.
  • the user terminal 200 may set a rectangular area including the portion where the content element is displayed with the minimum margin as the display area of the content element.
  • the user terminal 200 can determine the coordinates corresponding to one of the corners of the display area or the coordinates corresponding to the center point of the display area as the display position.
  • the user terminal 200 can determine the coordinates corresponding to the upper left corner of the display area as the display position.
  • the coordinate value may be a relative coordinate value having one of the coordinates in the reference area as the reference coordinates.
  • the reference area may be any one of a full page area, a content page area, and a user editing area displayed on the user terminal.
  • the reference coordinates may be coordinates corresponding to any one of the edges of the reference area, or coordinates corresponding to the center point of the reference area.
  • step S520 if the content elements correspond to characters, the user terminal 200 determines a display position for each character in the respective lines of the user editing area .
  • step S520 if the content elements correspond to characters, the user terminal 200 may determine a display position of a corresponding line in the user editing area for each character.
  • the user terminal 200 may determine that the Nth letter corresponds to the last letter of the corresponding line.
  • the user terminal 200 can determine whether a specific character corresponds to the last character in the line containing the corresponding character, and this can be used to insert a sync character in step S530.
  • the user terminal 200 may insert a sync symbol by determining the display position of not only text but also content elements such as emoticons and images. For example, in step S520, the user terminal 200 determines whether each of the content elements is the last element in each line of the user editing area. In step S530, the user terminal 200 determines, The sync information can be generated by inserting a sync symbol.
  • the user terminal 200 generates sync information of the user content based on the display position (S530).
  • the sync information includes a first display position where the content elements are displayed on the user terminal 200 and information for causing the second display position where the content elements are displayed on the user terminal different from the server 100 or the user terminal to be synchronized Lt; / RTI >
  • sync information may further include at least one of size, shape, and color of the content elements displayed at the first display position on the user terminal 200.
  • step S530 the user terminal 200 may generate sync information by mapping the coordinates obtained in step S520 to each of the content elements.
  • step S530 the user terminal 200 may insert a sync symbol between the content elements to generate sync information.
  • step S520 If it is determined in step S520 that the specific character corresponds to the last character in the line containing the character, the user terminal may insert a sync symbol after the character corresponding to the last character in step S530.
  • the sync symbol may serve as a line feed symbol, but the sync symbol of the present invention may be a symbol that can be distinguished from the content element, and is not limited to a line feed symbol.
  • the sync information is transmitted to the server 100 and the server 100 provides the sync information to the different user terminals 200 and thereby the contents are displayed on the other user terminals as shown in the user terminal 200 .
  • FIG. 6 is a view for explaining a content sink concept according to the present invention.
  • the user content displayed in the user editing area 620a of the user terminal 600a having the first web browser environment and the user editing area 620b of the user terminal 600b having the second web browser environment is different.
  • the display format of the user content displayed on the user terminal may be different.
  • the content sink method outputs the user content created in the user terminal 600a having the first web browser environment in the same form 640a and the user content created in the user terminal 600b having the second web browser environment And to output the user content in the same form 640b.
  • FIG. 7 is a diagram for explaining an example of a content sync information generating method.
  • a content page 710 may be displayed.
  • a user editing area 720 can be allocated to the content page 710.
  • the user can input user content such as text, images, and emoticons in the corresponding area 720, or delete the inputted user content.
  • the user terminal 200 may be configured to have any one of the entire page area of the user terminal screen 700, the content page 710, and the user editing area 720 as a reference area, Can be used as reference coordinates.
  • the user terminal 200 may set the upper left coordinates of each reference area as reference coordinates.
  • the coordinates 710a are used as the reference coordinates when the user editing area 720 is used as the reference area
  • the coordinates 710b are used as the reference coordinates when the area of the contents page 710 is used as the reference area
  • the coordinates 710c are the reference coordinates.
  • the user terminal 200 can acquire the display position of the content element 721 as a coordinate value based on the reference coordinates described above.
  • the user terminal 200 may set a rectangular area including the portion where the content element 721 is displayed to have a minimum margin, as the display area of the content element.
  • the coordinates 730a become the display position
  • the coordinate 730b becomes the display position
  • the user terminal 200 may determine the display location based on the area occupied by the content element 721.
  • the occupied area may be the area occupied by the content element 721 including the margin, not the part where the content element 721 is actually displayed.
  • FIG. 8 is a diagram for explaining an example of a content sink method according to the method of FIG.
  • the display position may be determined for each content element 830 constituting the content, the coordinate value corresponding to the display position may be generated as the sync information, and the user content and the sync information may be transmitted to the server 100 together.
  • the server 100 arranges each of the content elements constituting the user content in accordance with the coordinate values included in the sync information by using the sync information in the output of the user content, and displays the content elements on the screen 800 of the user terminal (840) which is the same as the display form of the user content that has been used.
  • FIG. 9 is a diagram for explaining another example of the content synchronization information generating method.
  • the user terminal 200 may determine the character position of the characters constituting the text included in the user content, in order to generate the sync information.
  • the user terminal 200 can determine the number of characters in the line including the corresponding character for each of the characters constituting the text included in the user content.
  • the user terminal 200 determines that the character 921 is the last character in the first line, and in the case of the character 922, it determines that the character is the first character in the second line.
  • the user terminal 200 may insert a sync symbol 930 after the character corresponding to the last character in each line.
  • FIG. 10 is a diagram for explaining an example of a content sink method according to the method of FIG.
  • a sink symbol 1030 may be inserted after the last letter of each line in the text and a sink symbol 1030 may be transmitted to the server 100 together with the user content.
  • the server 100 performs line wrapping only at a position where the sync symbol is present in the user content, so that the server 100 displays the same form 1040 as the display form of the user content displayed on the screen 1000 of the user terminal. .
  • One embodiment of the present invention may also be embodied in the form of a recording medium including instructions executable by a computer, such as program modules, being executed by a computer.
  • Computer readable media can be any available media that can be accessed by a computer and includes both volatile and nonvolatile media, removable and non-removable media.
  • the computer-readable recording medium may also include computer storage media.
  • Computer storage media includes both volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data.
  • the present invention relates to a content sink service capable of outputting a user content created on a user terminal having a different web browser environment from a server and outputting the same content display format created by the user terminal.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 발명의 일 실시예에 따른 사용자 단말에 의해 수행되는 콘텐츠 싱크 정보 생성 방법은, (a) 콘텐츠 에디팅 모듈을 통해, 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 에디팅 신호를 수신하는 단계; (b) 상기 에디팅 신호에 상응하여 작성된 사용자 콘텐츠에 대해, 상기 사용자 콘텐츠를 구성하는 콘텐츠 요소들이 표시되는 표시 위치를 판단하는 단계; 및 (c) 상기 표시 위치에 기초하여 상기 사용자 콘텐츠의 싱크(sync) 정보를 생성하는 단계;를 포함하되, 상기 싱크 정보는 상기 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 제 1 표시 위치와, 상기 사용자 단말과 서로 다른 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 제 2 표시 위치가 싱크되도록 하기 위한 정보일 수 있다.

Description

콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체
본 발명은 콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체에 관한 것이다.
종래의 웹 서비스 상에서 제공되는 텍스트나 이미지 작성 기능은 매우 제한적으로 서비스되어 왔다. 예를 들어, 텍스트를 입력할 수 있는 영역이나 용량이 제한되어 서비스되거나 일부의 경우 이미지 등과 같은 텍스트가 아닌 콘텐츠의 입력이 제한되는 경우도 있었다.
최근에는 그러한 제한 없이 다양한 콘텐츠의 첨부가 가능하도록 서비스되고는 있으나, 이렇게 작성된 콘텐츠를 서버에 전송할 때, 콘텐츠의 내용만을 서버에 전송하는 경우에는 콘텐츠 작성 시에 사용했던 웹 브라우저의 환경에 따라 렌더링에 차이가 있어, 서버에서는 작성된 콘텐츠가 다른 형태로 출력될 수 있는 문제가 있으며, 웹 브라우저에서 작성된 콘텐츠의 표시 형태를 그대로 캡쳐하여 서버에 전송하는 경우에는 과다한 데이터가 소모되는 문제가 있다.
따라서, 본 발명은 사용자 단말 상에서 작성한 콘텐츠의 표시 형태대로 다른 사용자 단말, 특히 서버에서 동일한 형태로 출력되도록 하기 위한 콘텐츠 싱크 기능을 제공하는 것을 목적으로 한다.
상기와 같은 기술적 과제를 달성하기 위한 본 발명의 일 실시예에 따른 사용자 단말에 의해 수행되는 콘텐츠 싱크 정보 생성 방법은, (a) 콘텐츠 에디팅 모듈을 통해, 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 에디팅 신호를 수신하는 단계; (b) 상기 에디팅 신호에 상응하여 작성된 사용자 콘텐츠에 대해, 상기 사용자 콘텐츠를 구성하는 콘텐츠 요소들이 표시되는 표시 위치를 판단하는 단계; 및 (c) 상기 표시 위치에 기초하여 상기 사용자 콘텐츠의 싱크(sync) 정보를 생성하는 단계;를 포함하되, 상기 싱크 정보는 상기 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 제 1 표시 위치와, 상기 사용자 단말과 서로 다른 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 제 2 표시 위치가 싱크되도록 하기 위한 정보일 수 있다.
또한, 본 발명의 일 실시예에 따른 본 발명의 서버에 의해 수행되는 콘텐츠 싱크 방법은 (a) 사용자 단말에서 콘텐츠 에디팅 모듈을 통해, 사용자 콘텐츠의 작성이 완료된 경우, 상기 사용자 단말로부터 사용자 콘텐츠 및 상기 사용자 콘텐츠의 싱크(sync) 정보를 수신하는 단계; 및 (b) 상기 싱크 정보에 기초하여, 상기 사용자 콘텐츠의 출력 형태를 조정하는 단계;를 포함하되, 상기 싱크 정보는 상기 사용자 단말에 의해 상기 사용자 콘텐츠를 구성하는 요소들 각각의 위치가 판단되고, 상기 요소들 각각의 위치에 기초하여 생성되는 것일 수 있다.
본 발명의 일 실시예에 따른 콘텐츠 싱크 방법에 의하면, 서로 다른 웹 브라우저 환경을 갖는 사용자 단말 상에서 작성된 사용자 콘텐츠를 서버에서 출력함에 있어, 사용자 단말에서 작성하였던 콘텐츠 표시 형태 그대로 출력할 수 있는 콘텐츠 싱크 서비스를 제공할 수 있다.
또한, 본 발명의 일 실시예에 따른 콘텐츠 싱크 방법에 의하면, 사용자 콘텐츠를 구성하는 글자 또는 이미지의 표시 위치를 싱크 정보로 생성하여 사용자 콘텐츠와 함께 서버로 제공하면 서버에서 이를 이용하여 사용자 콘텐츠의 출력 형태를 조정함으로써, 적은 용량의 데이터를 이용하여 콘텐츠의 표시 형태를 싱크할 수 있는 콘텐츠 싱크 서비스를 제공할 수 있다.
또한, 본 발명의 다른 일 실시예에 따른 콘텐츠 싱크 방법에 의하면, 사용자 콘텐츠를 구성하는 텍스트의 줄 단위로 싱크 기호를 삽입하여 사용자 콘텐츠와 함께 서버로 제공하면, 서버에서 이를 이용하여 사용자 콘텐츠의 출력 형태를 조정함으로써, 적은 용량의 데이터를 이용하여 콘텐츠의 표시 형태를 싱크 할 수 있는 콘텐츠 싱크 서비스를 제공할 수 있다.
도 1은 본 발명의 일 실시예에 따른 콘텐츠 싱크 시스템의 구성을 나타낸 도면이다.
도 2는 본 발명의 일 실시예에 따른 서버의 구성을 나타낸 도면이다.
도 3은 본 발명의 일 실시예에 따른 사용자 단말의 구성을 나타낸 도면이다.
도 4는 본 발명의 일 실시예에 따른 서버에 의해 수행되는 콘텐츠 싱크 방법을 나타낸 동작 흐름도이다.
도 5는 본 발명의 일 실시예에 따른 사용자 단말에 의해 수행되는 콘텐츠 싱크 방법을 나타낸 동작 흐름도이다.
도 6은 본 발명에 따른 콘텐츠 싱크 개념을 설명하기 위한 도면이다.
도 7은 콘텐츠 싱크 정보 생성 방법의 일 예를 설명하기 위한 도면이다.
도 8은 도 7의 방법에 따른 콘텐츠 싱크 방법의 일 예를 설명하기 위한 도면이다.
도 9는 콘텐츠 싱크 정보 생성 방법의 다른 일 예를 설명하기 위한 도면이다.
도 10은 도 9의 방법에 따른 콘텐츠 싱크 방법의 일 예를 설명하기 위한 도면이다.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미하며, 하나 또는 그 이상의 다른 특징이나 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
명세서 전체에서, 서버(100)는 콘텐츠 싱크 장치를, 사용자 단말(200)은 콘텐츠 싱크 정보 생성 장치를 의미할 수 있다.
이하의 실시예는 본 발명의 이해를 돕기 위한 상세한 설명이며, 본 발명의 권리 범위를 제한하는 것이 아니다. 따라서 본 발명과 동일한 기능을 수행하는 동일 범위의 발명 역시 본 발명의 권리 범위에 속할 것이다.
도 1은 본 발명의 일 실시예에 따른 콘텐츠 싱크 시스템(1)의 구성을 나타낸 도면이다.
도 1을 참조하면, 본 발명의 일 실시예에 따른 콘텐츠 싱크 시스템(1)은 서버(100) 및 사용자 단말(200)을 포함한다. 또한, 서버(100)와 복수 개의 사용자 단말들(201 및 202)을 상호 연결하는 통신망(300)을 포함한다.
본 발명의 일 실시예에 따른 서버(100)는 사용자 단말(200)에 탑재된 단말 어플리케이션을 통해 콘텐츠 에디팅이 이뤄질 수 있도록, 콘텐츠 에디팅 모듈과 스타일 정보를 제공하고, 사용자 단말(200)은 콘텐츠 에디팅 모듈을 제공 받아 콘텐츠 에디팅 사용자 인터페이스를 표시하고, 이를 통해 입력된 사용자 콘텐츠로부터 싱크 정보를 생성하여, 사용자 콘텐츠와 싱크 정보를 서버(100)에 전송하면, 서버(100)가 싱크 정보를 이용하여 사용자 콘텐츠의 표시 형태를 조정하는 것을 특징으로 한다.
여기서, 콘텐츠 에디팅 모듈은 콘텐츠 에디팅 사용자 인터페이스를 제공하기 위해 웹 브라우저 상에서 실행되는 모듈일 수 있다.
여기서, 콘텐츠 페이지는 자바스크립트(Javascript), 하이퍼텍스트 마크업 랭귀지(HyperText Markup Language; HTML), 앵귤러JS(AngularJS) 등 웹 브라우저 상에서 동작 가능한 프로그래밍 언어로 작성될 수 있으며, 본 발명의 범위가 이에 한정되는 것은 아니다.
사용자 콘텐츠는 콘텐츠 페이지의 일부 영역에 할당된 사용자 에디팅 영역에서 표시되기 위한 콘텐츠일 수 있다. 예컨대, 사용자 콘텐츠는 편지지에 사용자가 입력한 편지글일 수 있다. 여기서, 편지글 콘텐츠에는, 텍스트, 사진 이미지 및 이모티콘 등이 포함될 수 있으며, 본 발명은 이에 한정되지 않는다.
싱크 정보는 사용자 단말(200)에서 작성된 사용자 콘텐츠가 서버(100) 혹은 다른 사용자 단말에서도 동일한 형태로 표시될 수 있도록 하기 위한 정보일 수 있다.
보다 구체적으로, 본 발명의 콘텐츠 에디팅 모듈은 콘텐츠 에디팅 사용자 인터페이스를 제공하기 위해 웹 브라우저 상에서 실행되는 모듈일 수 있는데, 서버(100) 또는 사용자 단말(200)에서 구동되는 웹 브라우저 환경이 변하게 되는 경우, 콘텐츠 에디팅 모듈에 의해 작성되는 콘텐츠의 표시 형태도 함께 변할 수 있다.
여기서 웹 브라우저 환경은 웹 브라우저의 종류 및 버전뿐만 아니라, 웹 브라우저를 구동하는 운영체제의 종류 및 버전 등에 의해 다양하게 변할 수 있다.
즉, 싱크 정보는 사용자 단말(200)의 제 1 웹 브라우저 환경에서 작성된 사용자 콘텐츠가 서버(100) 혹은 다른 사용자 단말의 제 2 웹 브라우저 환경에서도 동일한 형태로 표시될 수 있도록 하기 위한 정보일 수 있다.
사용자 단말(200)은 단말 어플리케이션을 통해 서버(100)로부터 제공받은 콘텐츠 에디팅 모듈 또는 스타일 정보에 기초하여 콘텐츠 페이지를 표시하고 이에 대한 에디팅 신호를 입력 받을 수 있다.
단말 어플리케이션은 사용자 단말(200)에 내장된 웹 브라우저이거나, 어플리케이션 배포 서버로부터 다운로드되어 사용자 단말(200)에 설치된 웹 브라우저일 수 있다.
복수 개의 사용자 단말(200)들은 유무선 통신 환경에서 단말 어플리케이션을 이용할 수 있는 통신 단말기를 의미한다. 여기서 사용자 단말(200)은 사용자의 휴대용 단말기일 수 있다. 도 1에서는 사용자 단말(200)이 휴대용 단말기의 일종인 스마트폰(smart phone)으로 도시되었지만, 본 발명의 사상은 이에 제한되지 아니하며, 상술한 바와 같이 단말 어플리케이션을 탑재할 수 있는 단말에 대해서 제한 없이 차용될 수 있다.
이를 더욱 상세히 설명하면, 사용자 단말(200)은 컴퓨터(예를 들면, 데스크톱, 랩톱, 태블릿 등), 미디어 컴퓨팅 플랫폼(예를 들면, 케이블, 위성 셋톱박스, 디지털 비디오 레코더), 핸드헬드 컴퓨팅 디바이스(예를 들면, PDA, 이메일 클라이언트 등), 핸드폰의 임의의 형태, 또는 다른 종류의 컴퓨팅 또는 커뮤니케이션 플랫폼의 임의의 형태를 포함할 수 있으나, 본 발명이 이에 한정되는 것은 아니다.
한편, 통신망(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, 블루투스, 위성 통신 등의 무선 네트워크를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.
도 2는 본 발명의 일 실시예에 따른 서버(100)의 구성을 나타낸 도면이다.
도 2를 참조하면, 본 발명의 일 실시예에 따른 서버(100)는 통신 모듈(110), 메모리(120), 프로세서(130) 및 데이터베이스(140)를 포함한다.
상세히, 통신 모듈(110)은 통신망(300)과 연동하여 서버(100)와 사용자 단말들(201 및 202) 간의 송수신 신호를 패킷 데이터 형태로 제공하는 데 필요한 통신 인터페이스를 제공한다.
여기서, 통신 모듈(110)은 다른 네트워크 장치와 유무선 연결을 통해 제어 신호 또는 데이터 신호와 같은 신호를 송수신하기 위해 필요한 하드웨어 및 소프트웨어를 포함하는 장치일 수 있다.
메모리(120)는 콘텐츠 싱크 방법을 수행하기 위한 프로그램이 기록된다. 또한, 프로세서(130)가 처리하는 데이터를 일시적 또는 영구적으로 저장하는 기능을 수행한다. 여기서, 메모리(120)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.
프로세서(130)는 일종의 중앙처리장치로서 콘텐츠 싱크 방법을 제공하는 전체 과정을 제어한다. 프로세서(130)가 수행하는 각 단계에 대해서는 도4를 참조하여 후술하기로 한다.
여기서, 프로세서(130)는 프로세서(processor)와 같이 데이터를 처리할 수 있는 모든 종류의 장치를 포함할 수 있다. 여기서, '프로세서(processor)'는, 예를 들어 프로그램 내에 포함된 코드 또는 명령으로 표현된 기능을 수행하기 위해 물리적으로 구조화된 회로를 갖는, 하드웨어에 내장된 데이터 처리 장치를 의미할 수 있다. 이와 같이 하드웨어에 내장된 데이터 처리 장치의 일 예로써, 마이크로프로세서(microprocessor), 중앙처리장치(central processing unit: CPU), 프로세서 코어(processor core), 멀티프로세서(multiprocessor), ASIC(application-specific integrated circuit), FPGA(field programmable gate array) 등의 처리 장치를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.
데이터베이스(140)는 콘텐츠 페이지의 레이아웃, 사용자 정보, 사용자 단말(200)로부터 획득된 사용자 콘텐츠 및 싱크 정보를 포함한다.
비록 도 2에는 도시하지 아니하였으나, 상술한 콘텐츠 페이지의 레이아웃, 사용자 정보, 사용자 콘텐츠 및 싱크 정보 중 일부는 데이터베이스(140)와 물리적 또는 개념적으로 분리된 데이터베이스(미도시)에 저장될 수 있다.
도 3은 본 발명의 일 실시예에 따른 사용자 단말(200)의 구성을 나타낸 도면이다.
도 3을 참조하면, 본 발명의 일 실시예에 따른 사용자 단말(200)은 통신 모듈(210), 메모리(220), 프로세서(230) 및 디스플레이 장치(240)를 포함한다.
통신 모듈(210), 메모리(220) 및 프로세서(230)에 대하여, 도 2를 참조하여 상술한 통신 모듈(110), 메모리(120) 및 프로세서(130)에 대한 설명과 중복되는 설명은 생략하기로 한다.
상세히, 통신 모듈(210)은 통신망(300)과 연동하여 서버(100)와 사용자 단말(200) 간의 송수신 신호를 패킷 데이터 형태로 제공하는 데 필요한 통신 인터페이스를 제공한다. 나아가, 통신 모듈(210)은 서버(100)로 데이터 요청을 송신하고, 이에 대한 응답으로 데이터를 수신하는 역할을 수행할 수 있다.
메모리(220)는 콘텐츠 싱크 정보 생성 방법을 수행하기 위한 프로그램이 기록된다. 또한, 프로세서(230)가 처리하는 데이터를 일시적 또는 영구적으로 저장하는 기능을 수행한다.
프로세서(230)는 일종의 중앙처리장치로서 콘텐츠 싱크 정보 생성 방법을 제공하는 전체 과정을 제어한다. 프로세서(230)가 수행하는 각 단계에 대해서는 도 5를 참조하여 후술하기로 한다.
디스플레이 장치(240)는 본 발명에 따른 사용자 인터페이스를 화면에 표시하는 기능을 수행한다.
도 4는 본 발명의 일 실시예에 따른 서버(100)에 의해 수행되는 콘텐츠 싱크 방법을 나타낸 동작 흐름도이다.
여기서, 도 4의 각 단계를 수행하기 위한 프로그램이 메모리(120)에 기록되고, 해당 프로그램이 프로세서(130)에 의해 실행됨으로써, 콘텐츠 싱크 방법이 수행될 수 있다.
도 4를 참조하면, 먼저 서버(100)는 사용자 단말(200)로부터, 콘텐츠 에디팅 모듈을 통해 작성된 사용자 콘텐츠 및 싱크 정보를 수신한다(S410).
여기서, 콘텐츠 에디팅 모듈은 단계(S410) 전에 서버(100)가 사용자 단말(200)에 제공한 것일 수 있다.
여기서, 콘텐츠 에디팅 모듈은 사용자 단말(200)에 사용자 콘텐츠가 표시되거나, 사용자 단말(200)에 사용자 콘텐츠에 대한 에디팅 신호가 수신되도록 하기 위한 것일 수 있다.
또한, 단계(S410)는 사용자 단말(200)에서 콘텐츠 에디팅 모듈을 통해, 사용자 콘텐츠의 작성이 완료된 경우에 사용자 콘텐츠 및 싱크 정보를 수신하는 것일 수 있다.
단계(S410)에서 수신되는 싱크 정보는 사용자 단말(200)에 의해 사용자 콘텐츠를 구성하는 콘텐츠 요소의 표시 위치가 판단되고, 해당 표시 위치에 기초하여 생성된 것일 수 있다.
다음으로, 서버(100)는 싱크 정보에 기초하여 사용자 콘텐츠의 출력 형태를 조정한다(S420).
단계(S420)에 따라, 서버(100)에서의 사용자 콘텐츠의 출력 형태가 사용자 단말(200)에서 작성된 사용자 콘텐츠의 표시 형태와 동일한 형태를 가질 수 있다.
도 5는 본 발명의 일 실시예에 따른 사용자 단말(200)에 의해 수행되는 콘텐츠 싱크 방법을 나타낸 동작 흐름도이다.
도 5를 참조하면, 먼저 사용자 단말(200)은 콘텐츠 에디팅 모듈을 통해, 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 에디팅 신호를 수신한다(S510).
여기서, 사용자 콘텐츠는 텍스트 및 이미지 중 적어도 하나를 포함하는 것일 수 있다.
여기서, 에디팅 신호는 콘텐츠 에디팅 모듈의 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 것일 수 있다. 즉, 에디팅 신호는 사용자의 조작에 의해 사용자 단말(200)에 입력된 신호일 수 있다.
예컨대, 에디팅 신호는 사용자 콘텐츠에 포함되는 객체의 추가, 수정 및 삭제 중 적어도 하나를 수행하기 위한 사용자의 터치, 클릭, 드래그, 플리킹 등에 대한 입력에 상응하는 신호를 의미할 수 있다.
여기서, 사용자 에디팅 영역은 콘텐츠 페이지에 할당된 일부 영역일 수 있다.
다음으로, 사용자 단말(200)은 에디팅 신호에 상응하여 작성된 사용자 콘텐츠에 대해, 사용자 콘텐츠를 구성하는 콘텐츠 요소들이 표시되는 표시 위치를 판단한다(S520).
여기서, 콘텐츠 요소들은 사용자 콘텐츠에 텍스트가 포함된 경우, 해당 텍스트를 구성하는 글자들에 해당하는 것일 수 있다. 또한, 사용자 콘텐츠에 이미지들이 포함된 경우, 해당 이미지들 각각이 콘텐츠 요소에 해당할 수 있다.
단계(S520)에서, 사용자 단말(200)은 콘텐츠 요소들 각각에 상응하는 표시 영역을 설정하고, 표시 영역 내 어느 하나의 좌표를 콘텐츠 요소들 각각의 표시 위치로 판단할 수 있다.
보다 구체적으로, 사용자 단말(200)은 콘텐츠 요소들 중 어느 하나의 콘텐츠 요소에 대해, 콘텐츠 요소가 표시되는 부분을 여백을 가장 최소로 하여 포함하는 사각 영역을 콘텐츠 요소의 표시 영역으로 설정할 수 있다.
이 경우, 사용자 단말(200)은 표시 영역의 어느 하나의 모서리에 해당하는 좌표이거나, 표시 영역의 중앙점에 해당하는 좌표를 표시 위치로 판단할 수 있다.
예컨대, 사용자 단말(200)은 표시 영역의 좌상단 모서리에 해당하는 좌표를 표시 위치로 판단할 수 있다.
여기서, 좌표 값은 기준 영역 내 어느 하나의 좌표를 기준 좌표로 하는 상대 좌표 값일 수 있다.
여기서 기준 영역은 사용자 단말에서 표시되는 전체 페이지 영역, 콘텐츠 페이지 영역 및 사용자 에디팅 영역 중 어느 하나일 수 있다. 또한, 기준 좌표는 기준 영역의 어느 하나의 모서리에 해당하는 좌표이거나, 기준 영역의 중앙점에 해당하는 좌표일 수 있다.
선택적 실시예로서, 단계(S520)에서 사용자 단말(200)은 콘텐츠 요소들이 글자들에 해당하는 경우, 각 글자에 대해 사용자 에디팅 영역의 각 줄에서 몇 번째 글자에 해당하는지에 대한 표시 위치를 판단할 수 있다.
선택적 실시예로서, 단계(S520)에서 사용자 단말(200)은 콘텐츠 요소들이 글자들에 해당하는 경우, 각 글자에 대해 사용자 에디팅 영역의 몇 번째 줄에 해당하는지에 대한 표시 위치를 판단할 수 있다. 여기서, N번째 글자와 N+1번째 글자의 줄 번호가 서로 다른 경우, 사용자 단말(200)은 N번째 글자를 해당 줄의 마지막 글자에 해당하는 것으로 판단할 수 있다.
이를 통해, 사용자 단말(200)은 특정 글자가 해당 글자가 포함된 줄에서 마지막 글자에 해당하는지 여부를 판단할 수 있고, 이는 단계(S530)에서 싱크 기호가 삽입되는데 이용될 수 있다.
선택적 실시예로서, 사용자 단말(200)은 텍스트 뿐만 아니라 이모티콘이나 이미지와 같은 콘텐츠 요소들에 대해서도 표시 위치를 판단하여 싱크 기호를 삽입할 수 있다. 예컨대, 사용자 단말(200)은 단계(S520)에서 콘텐츠 요소들 각각에 대해 상기 사용자 에디팅 영역의 각 줄에서 마지막 요소인지를 판단하고, 단계(S530)에서 각 줄의 마지막 요소에 해당하는 콘텐츠 요소 뒤에 싱크 기호를 삽입하여 상기 싱크 정보를 생성할 수 있다.
다음으로, 사용자 단말(200)은 표시 위치에 기초하여 사용자 콘텐츠의 싱크(sync) 정보를 생성한다(S530).
여기서, 싱크 정보는 사용자 단말(200) 상에서 콘텐츠 요소들이 표시되는 제 1 표시 위치와, 서버(100) 또는 사용자 단말과 서로 다른 사용자 단말 상에서 콘텐츠 요소들이 표시되는 제 2 표시 위치가 싱크되도록 하기 위한 정보일 수 있다.
또한, 싱크 정보는, 사용자 단말(200) 상에서 제 1 표시 위치에 표시된 콘텐츠 요소들의 크기, 모양, 색상 중 적어도 하나를 더 포함할 수 있다.
단계(S530)에서 사용자 단말(200)은 콘텐츠 요소들 각각에 단계(S520)에서 획득된 좌표를 매핑시켜 싱크 정보를 생성할 수 있다.
선택적 실시예로서, 단계(S530)에서 사용자 단말(200)은 콘텐츠 요소들 사이에 싱크 기호를 삽입하여 싱크 정보를 생성할 수 있다.
단계(S520)에서 특정 글자가 해당 글자가 포함된 줄에서 마지막 글자에 해당하는지 여부가 판단된 경우, 단계(S530)에서 사용자 단말은 마지막 글자에 해당하는 글자 뒤에 싱크 기호를 삽입할 수 있다.
이 경우, 싱크 기호는 줄 바꿈 기호의 역할을 수행할 수 있으나, 본 발명의 싱크 기호는 콘텐츠 요소와 구분될 수 있는 기호이면 족하며, 줄 바꿈 기호에 한정되지 아니한다.
싱크 정보는 서버(100)로 전송되며, 서버(100)는 사용자 단말(200)과 서로 다른 사용자 단말로 싱크 정보를 제공함으로써, 다른 사용자 단말 상에서도 사용자 단말(200)에서 보여진 것과 동일하게 콘텐츠가 표시되도록 할 수 있다.
도 6은 본 발명에 따른 콘텐츠 싱크 개념을 설명하기 위한 도면이다.
도 6을 참조하면, 제 1 웹 브라우저 환경을 갖는 사용자 단말(600a)의 사용자 에디팅 영역(620a)에서 표시되는 사용자 콘텐츠와, 제 2 웹 브라우저 환경을 갖는 사용자 단말(600b)의 사용자 에디팅 영역(620b)에서 표시되는 사용자 콘텐츠의 표시 형태가 다름을 알 수 있다.
이렇게 서로 다른 웹 브라우저 환경에서 작성된 사용자 콘텐츠를 수신하여 서버(100)에서 해당 사용자 콘텐츠를 출력하는 경우, 사용자 단말에서 보여지던 사용자 콘텐츠와 표시 형태가 달라질 수 있다.
본 발명에 따른 콘텐츠 싱크 방법은, 제 1 웹 브라우저 환경을 갖는 사용자 단말(600a)에서 작성된 사용자 콘텐츠를 동일한 형태(640a)로 출력하고, 마찬가지로 제 2 웹 브라우저 환경을 갖는 사용자 단말(600b)에서 작성된 사용자 콘텐츠를 동일한 형태(640b)로 출력하기 위한 것이다.
도 7은 콘텐츠 싱크 정보 생성 방법의 일 예를 설명하기 위한 도면이다.
도 7(a)을 참조하면, 사용자 단말의 화면(700) 상에서, 콘텐츠 페이지(710)가 표시될 수 있다.
콘텐츠 페이지(710)에는 사용자 에디팅 영역(720)이 할당될 수 있는데, 사용자는 해당 영역(720)에 텍스트, 이미지 및 이모티콘 등의 사용자 콘텐츠를 입력하거나, 입력된 사용자 콘텐츠를 삭제할 수 있다.
여기서, 사용자 단말(200)은 사용자 단말 화면(700)의 전체 페이지 영역, 콘텐츠 페이지(710)의 영역, 사용자 에디팅 영역(720) 중 어느 하나를 기준 영역으로 하고, 기준 영역 내 어느 하나의 좌표를 기준 좌표로 할 수 있다.
예컨대, 사용자 단말(200)은 각 기준 영역의 좌상단 좌표를 기준 좌표로 할 수 있다.
이 경우, 사용자 에디팅 영역(720)을 기준 영역으로 하는 경우 좌표(710a)가 기준 좌표가 되며, 콘텐츠 페이지(710)의 영역을 기준 영역으로 하는 경우 좌표(710b)가 기준 좌표가 되며, 사용자 단말 화면(700)의 전체 페이지 영역을 기준 영역으로 하는 경우 좌표(710c)가 기준 좌표가 됨을 알 수 있다.
또한, 사용자 단말(200)은 상술한 기준 좌표를 기준으로 콘텐츠 요소(721)의 표시 위치를 좌표 값으로 획득할 수 있다.
도 7(b)를 참조하면, 사용자 단말(200)은 콘텐츠 요소(721)가 표시되는 부분을 여백이 최소가 되도록 포함하는 사각 영역을 콘텐츠 요소의 표시 영역으로 설정할 수 있다.
여기서, 표시 영역의 중앙점을 표시 위치로 하는 경우 좌표(730a)가 표시 위치가 되며, 표시 영역의 좌상단 좌표를 표시 위치로 하는 경우 좌표(730b)가 표시 위치가 됨을 알 수 있다.
선택적 실시예로서, 사용자 단말(200)은 콘텐츠 요소(721)가 점유하는 영역을 기준으로 표시 위치를 판단할 수 있다.
여기서, 점유 영역은 콘텐츠 요소(721)가 실제로 표시되는 부분이 아닌, 여백을 포함하여 콘텐츠 요소(721)가 차지하는 영역일 수 있다.
점유 영역의 좌상단 좌표를 표시 위치로 하는 경우 좌표(730c)가 표시 위치가 됨을 알 수 있다.
도 8은 도 7의 방법에 따른 콘텐츠 싱크 방법의 일 예를 설명하기 위한 도면이다.
도 8을 참조하면, 사용자 단말의 화면(800) 상의 사용자 에디팅 영역(820)에 사용자 콘텐츠가 작성되어 이를 서버(100)에 전송하는 경우, 사용자 단말(200)은 도 8(b)와 같이 사용자 콘텐츠를 구성하는 콘텐츠 요소들(830) 각각에 대해 표시 위치를 판단하고, 표시 위치에 대응되는 좌표 값을 싱크 정보로 생성하여 사용자 콘텐츠와 싱크 정보를 서버(100)에 함께 전송할 수 있다.
이 경우, 서버(100)는 사용자 콘텐츠의 출력에 있어 싱크 정보를 활용하여, 사용자 콘텐츠를 구성하는 콘텐츠 요소들 각각을 싱크 정보에 포함된 좌표 값에 따라 배열하여 사용자 단말의 화면(800) 상에서 표시되던 사용자 콘텐츠의 표시 형태와 동일한 형태(840)로 출력할 수 있다.
도 9는 콘텐츠 싱크 정보 생성 방법의 다른 일 예를 설명하기 위한 도면이다.
도 9를 참조하면, 사용자 단말(200)은 싱크 정보를 생성하기 위해, 사용자 콘텐츠에 포함된 텍스트를 구성하는 글자들에 대해 글자 위치를 판단할 수 있다.
사용자 단말(200)은 사용자 콘텐츠에 포함된 텍스트를 구성하는 글자들 각각에 대해 해당 글자가 포함된 줄에서 몇 번째 글자인지를 판단할 수 있다.
예컨대, 사용자 단말(200)은 글자(921)의 경우, 첫번째 줄에서 마지막 글자인 것으로 판단하고, 글자(922)의 경우, 두번째 줄에서 첫번째 글자인 것으로 판단할 수 있다.
여기서 사용자 단말(200)은 각 줄에서 마지막 글자에 해당하는 글자의 뒤에 싱크 기호(930)를 삽입할 수 있다.
도 10은 도 9의 방법에 따른 콘텐츠 싱크 방법의 일 예를 설명하기 위한 도면이다.
도 10을 참조하면, 사용자 단말의 화면(1000) 상의 사용자 에디팅 영역(1020)에 사용자 콘텐츠가 작성되어 이를 서버(100)에 전송하는 경우, 사용자 단말(200)은 사용자 콘텐츠에 포함된 텍스트를 구성하는 글자들 중 각 줄에서의 마지막 글자 뒤에 싱크 기호(1030)를 삽입하고, 사용자 콘텐츠와 함께 싱크 기호(1030)를 서버(100)에 전송할 수 있다.
이 경우, 서버(100)는 사용자 콘텐츠의 출력에 있어 사용자 콘텐츠에 대해 싱크 기호가 있는 위치에서만 줄 바꿈을 수행하여 사용자 단말의 화면(1000) 상에서 표시되던 사용자 콘텐츠의 표시 형태와 동일한 형태(1040)로 출력할 수 있다.
본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능한 기록 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독 가능한 기록 매체는 컴퓨터 저장 매체를 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다.
본 발명의 방법 및 시스템은 특정 실시예와 관련하여 설명되었지만, 그것들의 구성 요소 또는 동작의 일부 또는 전부는 범용 하드웨어 아키텍쳐를 갖는 컴퓨터 시스템을 사용하여 구현될 수 있다.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
본 발명은 서로 다른 웹 브라우저 환경을 갖는 사용자 단말 상에서 작성된 사용자 콘텐츠를 서버에서 출력함에 있어, 사용자 단말에서 작성하였던 콘텐츠 표시 형태 그대로 출력할 수 있는 콘텐츠 싱크 서비스에 관한 것이므로 산업상 이용가능성이 있다.

Claims (14)

  1. 사용자 단말에 의해 수행되는, 콘텐츠 싱크 정보 생성 방법에 있어서,
    (a) 콘텐츠 에디팅 모듈을 통해, 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 에디팅 신호를 수신하는 단계;
    (b) 상기 에디팅 신호에 상응하여 작성된 사용자 콘텐츠에 대해, 상기 사용자 콘텐츠를 구성하는 콘텐츠 요소들이 표시되는 표시 위치를 판단하는 단계; 및
    (c) 상기 표시 위치에 기초하여 상기 사용자 콘텐츠의 싱크(sync) 정보를 생성하는 단계;
    를 포함하되,
    상기 싱크 정보는
    상기 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 제 1 표시 위치와, 상기 사용자 단말과 서로 다른 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 제 2 표시 위치가 싱크되도록 하기 위한 정보인 것인, 콘텐츠 싱크 정보 생성 방법.
  2. 제 1 항에 있어서,
    상기 (b) 단계는
    (b1) 상기 콘텐츠 요소들 각각에 상응하는 표시 영역을 설정하고,
    (b2) 상기 표시 영역 내 어느 하나의 좌표를 상기 콘텐츠 요소들 각각의 표시 위치로 판단하는 것인, 콘텐츠 싱크 정보 생성 방법.
  3. 제 2 항에 있어서,
    상기 (b1) 단계는
    상기 콘텐츠 요소들 중 어느 하나의 콘텐츠 요소에 대해, 상기 콘텐츠 요소가 표시되는 부분을 여백이 최소가 되도록 포함하는 사각 영역을 상기 콘텐츠 요소의 표시 영역으로 설정하는 것인, 콘텐츠 싱크 정보 생성 방법.
  4. 제 3 항에 있어서,
    상기 (b2) 단계는
    상기 표시 영역의 어느 하나의 모서리에 해당하는 좌표를 상기 표시 위치로 판단하는 것인, 콘텐츠 싱크 정보 생성 방법.
  5. 제 3 항에 있어서,
    상기 (b2) 단계는
    상기 표시 영역의 중앙점에 해당하는 좌표를 상기 표시 위치로 판단하는 것인, 콘텐츠 싱크 정보 생성 방법.
  6. 제 2 항에 있어서,
    상기 표시 영역 내 어느 하나의 좌표는
    상기 사용자 단말에서 표시되는 전체 페이지 영역, 콘텐츠 페이지 영역 및 사용자 에디팅 영역 중 어느 하나를 기준 영역으로 하고, 상기 기준 영역 내 어느 하나의 좌표를 기준으로 하는 상대 좌표인 것인, 콘텐츠 싱크 정보 생성 방법.
  7. 제 2 항에 있어서,
    상기 (c) 단계는
    상기 콘텐츠 요소들 각각에 상기 좌표를 매핑시켜 상기 싱크 정보를 생성하는 것인, 콘텐츠 싱크 정보 생성 방법.
  8. 제 1 항에 있어서,
    상기 사용자 콘텐츠는 텍스트, 이모티콘 및 이미지 중 적어도 하나를 포함하는 것인, 콘텐츠 싱크 정보 생성 방법.
  9. 제 1 항에 있어서,
    상기 콘텐츠 요소들 각각은 상기 사용자 콘텐츠에 포함된 텍스트, 이모티콘 및 이미지 중 적어도 하나의 각각인, 콘텐츠 싱크 정보 생성 방법.
  10. 제 1 항에 있어서,
    상기 (c) 단계는
    상기 콘텐츠 요소들 사이에 싱크 기호를 삽입하여 상기 싱크 정보를 생성하는 것인, 콘텐츠 싱크 정보 생성 방법.
  11. 제 10 항에 있어서,
    상기 (b) 단계는
    상기 콘텐츠 요소들 각각에 대해 상기 사용자 에디팅 영역의 각 줄에서 마지막 요소인지를 판단하고,
    상기 (c) 단계는
    상기 각 줄의 마지막 요소에 해당하는 콘텐츠 요소 뒤에 상기 싱크 기호를 삽입하여 상기 싱크 정보를 생성하는 것인, 콘텐츠 싱크 정보 생성 방법.
  12. 제 1 항에 있어서,
    상기 싱크 정보는,
    상기 사용자 단말 상에서 제 1 표시 위치에 표시된 콘텐츠 요소들의 크기, 모양, 색상 중 적어도 하나를 더 포함하며,
    상기 다른 사용자 단말과 연결된 서버로 전송되는 것인, 콘텐츠 싱크 정보 생성 방법.
  13. 서버에 의해 수행되는, 콘텐츠 싱크 방법에 있어서,
    (a) 사용자 단말에서 콘텐츠 에디팅 모듈을 통해, 사용자 콘텐츠의 작성이 완료된 경우, 상기 사용자 단말로부터 사용자 콘텐츠 및 상기 사용자 콘텐츠의 싱크(sync) 정보를 수신하는 단계; 및
    (b) 상기 싱크 정보에 기초하여, 상기 사용자 콘텐츠의 출력 형태를 조정하는 단계;
    를 포함하되,
    상기 싱크 정보는
    상기 사용자 단말에 의해 상기 사용자 콘텐츠를 구성하는 콘텐츠 요소의 표시 위치가 판단되고, 상기 표시 위치에 기초하여 생성되는 것인, 콘텐츠 싱크 방법.
  14. 제 1 항 내지 제 12 항 중 어느 한 항에 따른 콘텐츠 싱크 정보 생성 방법을 수행하는 프로그램이 기록된 컴퓨터 판독가능 기록매체.
PCT/KR2017/014460 2017-11-09 2017-12-11 콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체 WO2019093572A1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020170148923A KR102028553B1 (ko) 2017-11-09 2017-11-09 콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체
KR10-2017-0148923 2017-11-09

Publications (1)

Publication Number Publication Date
WO2019093572A1 true WO2019093572A1 (ko) 2019-05-16

Family

ID=66438434

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2017/014460 WO2019093572A1 (ko) 2017-11-09 2017-12-11 콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체

Country Status (2)

Country Link
KR (1) KR102028553B1 (ko)
WO (1) WO2019093572A1 (ko)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003271585A (ja) * 2002-03-15 2003-09-26 Toshiba Corp 新聞紙面の制作システムおよび編集状況表示方法、ならびに編集状況表示プログラム
JP2009223420A (ja) * 2008-03-13 2009-10-01 Dainippon Printing Co Ltd 編集システム、サーバシステム、編集端末、及びそれらに用いられる編集プログラム。
KR100935520B1 (ko) * 2008-06-30 2010-01-06 주식회사 케이티 모바일 단말에서 이미지를 표시하기 위한 이미지 변환서버, 모바일 단말 및 그 제어 방법
KR20120132438A (ko) * 2011-05-27 2012-12-05 이해성 전자 문서 표시 방법 및 시스템
JP2015156173A (ja) * 2014-02-21 2015-08-27 セイコーエプソン株式会社 表示システム、表示装置およびプログラム

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003271585A (ja) * 2002-03-15 2003-09-26 Toshiba Corp 新聞紙面の制作システムおよび編集状況表示方法、ならびに編集状況表示プログラム
JP2009223420A (ja) * 2008-03-13 2009-10-01 Dainippon Printing Co Ltd 編集システム、サーバシステム、編集端末、及びそれらに用いられる編集プログラム。
KR100935520B1 (ko) * 2008-06-30 2010-01-06 주식회사 케이티 모바일 단말에서 이미지를 표시하기 위한 이미지 변환서버, 모바일 단말 및 그 제어 방법
KR20120132438A (ko) * 2011-05-27 2012-12-05 이해성 전자 문서 표시 방법 및 시스템
JP2015156173A (ja) * 2014-02-21 2015-08-27 セイコーエプソン株式会社 表示システム、表示装置およびプログラム

Also Published As

Publication number Publication date
KR102028553B1 (ko) 2019-10-04
KR20190052996A (ko) 2019-05-17

Similar Documents

Publication Publication Date Title
EP1557035B1 (en) Method and apparatus for transmitting a digital picture with textual material
WO2011014040A2 (en) Method and device for creation of integrated user interface
WO2015005732A1 (en) Method of sharing electronic document and devices for the same
WO2011071309A2 (en) Method and apparatus for sharing comments regarding content
WO2014069882A1 (en) Method and apparatus for processing webpage in terminal device by using cloud server
WO2018212484A1 (ko) 객체의 서식을 유지하는 문서 편집 장치 및 그의 동작 방법
WO2016032080A1 (ko) 메타 데이터를 이용한 차트 변환 시스템 및 그 방법
WO2014058146A1 (ko) 웹 문서의 고속 웹 스크롤을 지원하는 사용자 단말 장치 및 스크롤 방법
WO2014027807A1 (en) Method and apparatus for processing web intent message and event in terminal using cloud server
WO2018074618A1 (ko) 영상을 위한 효과 공유 방법 및 시스템
WO2016186325A1 (ko) 이미지가 이용되는 소셜 네트워크 서비스 시스템 및 방법
WO2009131359A2 (en) Apparatus and method for composing scenes using rich media contents
WO2013105716A1 (ko) 이미지 제공 시스템, 이를 위한 장치 및 이미지 제공 방법
WO2019093569A1 (ko) 구독서비스 제공 방법 및 장치
WO2014109623A1 (en) Mark-up composing apparatus and method for supporting multiple-screen service
WO2013069885A1 (en) System and method of sharing application information
WO2014030869A1 (ko) 스마트 ｔｖ에서 디지털 사이니지 탬플릿을 편집하기 위한 시스템 및 그 방법
WO2014058284A1 (en) Method and apparatus for communicating media information in multimedia communication system
WO2011053060A2 (ko) 정보 처리 장치, 정보 처리 방법 및 프로그램
WO2019093572A1 (ko) 콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체
WO2015093754A1 (ko) 전자 장치에서 연결 정보를 공유하는 방법 및 장치
WO2015060685A1 (en) Electronic device and method of providing advertisement data by electronic device
WO2020138909A1 (ko) 콘텐트 공유 방법 및 그 전자 장치
WO2019098739A1 (ko) 지오태깅 정보를 이용한 지도 정보 제공방법, 서비스 서버, 이를 위한 컴퓨터 프로그램 기록매체
WO2018008861A1 (ko) 사용자 서버를 이용한 html 제어 시스템 및 방법

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

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

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 1205A DATED 22/01/2021)

122 Ep: pct application non-entry in european phase

Ref document number: 17931403

Country of ref document: EP

Kind code of ref document: A1