KR102028553B1 - Method and computer readable recording media for synchronizing contents display format - Google Patents
Method and computer readable recording media for synchronizing contents display format Download PDFInfo
- Publication number
- KR102028553B1 KR102028553B1 KR1020170148923A KR20170148923A KR102028553B1 KR 102028553 B1 KR102028553 B1 KR 102028553B1 KR 1020170148923 A KR1020170148923 A KR 1020170148923A KR 20170148923 A KR20170148923 A KR 20170148923A KR 102028553 B1 KR102028553 B1 KR 102028553B1
- Authority
- KR
- South Korea
- Prior art keywords
- content
- user
- user terminal
- information
- display position
- Prior art date
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
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 표시 위치가 싱크되도록 하기 위한 정보일 수 있다.Content sync information generation method performed by the user terminal according to an embodiment of the present invention, (a) through the content editing module, receiving an editing signal for the user content displayed in the user editing area assigned to the content page step; (b) determining a display position at which content elements constituting the user content are displayed with respect to the user content created in response to the editing signal; And (c) generating sync information of the user content based on the display position, wherein the sync information includes a first display position where the content elements are displayed on the user terminal and the user; The second display position at which the content elements are displayed may be synchronized on the user terminal different from the terminal.
Description
본 발명은 콘텐츠 표시 형태의 싱크 방법 및 컴퓨터 판독가능 기록매체에 관한 것이다.The present invention relates to a method of sinking a content display form and a computer readable recording medium.
종래의 웹 서비스 상에서 제공되는 텍스트나 이미지 작성 기능은 매우 제한적으로 서비스되어 왔다. 예를 들어, 텍스트를 입력할 수 있는 영역이나 용량이 제한되어 서비스되거나 일부의 경우 이미지 등과 같은 텍스트가 아닌 콘텐츠의 입력이 제한되는 경우도 있었다. Text or image writing functions provided on the conventional web services have been very limited. For example, there are cases in which the area or capacity for inputting text is limited and the input of non-text content such as an image is limited.
최근에는 그러한 제한 없이 다양한 콘텐츠의 첨부가 가능하도록 서비스되고는 있으나, 이렇게 작성된 콘텐츠를 서버에 전송할 때, 콘텐츠의 내용만을 서버에 전송하는 경우에는 콘텐츠 작성 시에 사용했던 웹 브라우저의 환경에 따라 렌더링에 차이가 있어, 서버에서는 작성된 콘텐츠가 다른 형태로 출력될 수 있는 문제가 있으며, 웹 브라우저에서 작성된 콘텐츠의 표시 형태를 그대로 캡쳐하여 서버에 전송하는 경우에는 과다한 데이터가 소모되는 문제가 있다.In recent years, various contents can be attached without any such limitation. However, when only the contents of the contents are transmitted to the server, the contents are rendered according to the environment of the web browser used to create the contents. There is a difference, and the server has a problem in that the created content may be output in a different form, and there is a problem in that excessive data is consumed when the display form of the content created in the web browser is captured and transmitted to the server.
따라서, 본 발명은 사용자 단말 상에서 작성한 콘텐츠의 표시 형태대로 다른 사용자 단말, 특히 서버에서 동일한 형태로 출력되도록 하기 위한 콘텐츠 싱크 기능을 제공하는 것을 목적으로 한다.Accordingly, an object of the present invention is to provide a content sink function for outputting the same content from another user terminal, in particular, a server, in the form of a display of content created on the user terminal.
상기와 같은 기술적 과제를 달성하기 위한 본 발명의 일 실시예에 따른 사용자 단말에 의해 수행되는 콘텐츠 싱크 정보 생성 방법은, (a) 콘텐츠 에디팅 모듈을 통해, 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 에디팅 신호를 수신하는 단계; (b) 상기 에디팅 신호에 상응하여 작성된 사용자 콘텐츠에 대해, 상기 사용자 콘텐츠를 구성하는 콘텐츠 요소들이 표시되는 표시 위치를 판단하는 단계; 및 (c) 상기 표시 위치에 기초하여 상기 사용자 콘텐츠의 싱크(sync) 정보를 생성하는 단계;를 포함하되, 상기 싱크 정보는 상기 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 제 1 표시 위치와, 상기 사용자 단말과 서로 다른 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 제 2 표시 위치가 싱크되도록 하기 위한 정보일 수 있다.The content sink information generation method performed by the user terminal according to an embodiment of the present invention for achieving the above technical problem, (a) is displayed in the user editing area assigned to the content page through the content editing module Receiving an editing signal for the user content; (b) determining a display position at which content elements constituting the user content are displayed with respect to the user content created in response to the editing signal; And (c) generating sync information of the user content based on the display position, wherein the sync information includes a first display position where the content elements are displayed on the user terminal and the user; The second display position at which the content elements are displayed may be synchronized on the user terminal different from the terminal.
또한, 본 발명의 일 실시예에 따른 본 발명의 서버에 의해 수행되는 콘텐츠 싱크 방법은 (a) 사용자 단말에서 콘텐츠 에디팅 모듈을 통해, 사용자 콘텐츠의 작성이 완료된 경우, 상기 사용자 단말로부터 사용자 콘텐츠 및 상기 사용자 콘텐츠의 싱크(sync) 정보를 수신하는 단계; 및 (b) 상기 싱크 정보에 기초하여, 상기 사용자 콘텐츠의 출력 형태를 조정하는 단계;를 포함하되, 상기 싱크 정보는 상기 사용자 단말에 의해 상기 사용자 콘텐츠를 구성하는 요소들 각각의 위치가 판단되고, 상기 요소들 각각의 위치에 기초하여 생성되는 것일 수 있다.In addition, the content sink method performed by the server of the present invention according to an embodiment of the present invention (a) when the creation of the user content is completed, through the content editing module in the user terminal, the user content from the user terminal and the Receiving sync information of user content; And (b) adjusting an output form of the user content based on the sink information, wherein the sink information is determined by the user terminal of each of the elements constituting the user content. It may be generated based on the position of each of the elements.
본 발명의 일 실시예에 따른 콘텐츠 싱크 방법에 의하면, 서로 다른 웹 브라우저 환경을 갖는 사용자 단말 상에서 작성된 사용자 콘텐츠를 서버에서 출력함에 있어, 사용자 단말에서 작성하였던 콘텐츠 표시 형태 그대로 출력할 수 있는 콘텐츠 싱크 서비스를 제공할 수 있다.According to the content sink method according to an embodiment of the present invention, in outputting the user content created on the user terminal having a different web browser environment from the server, the content sink service that can output the content display form created in the user terminal Can be provided.
또한, 본 발명의 일 실시예에 따른 콘텐츠 싱크 방법에 의하면, 사용자 콘텐츠를 구성하는 글자 또는 이미지의 표시 위치를 싱크 정보로 생성하여 사용자 콘텐츠와 함께 서버로 제공하면 서버에서 이를 이용하여 사용자 콘텐츠의 출력 형태를 조정함으로써, 적은 용량의 데이터를 이용하여 콘텐츠의 표시 형태를 싱크할 수 있는 콘텐츠 싱크 서비스를 제공할 수 있다. In addition, according to the content sink method according to an embodiment of the present invention, if the display position of the letter or image constituting the user content is generated as the sync information and provided to the server along with the user content, the server outputs the user content using the same. By adjusting the form, it is possible to provide a content sink service that can sync the display form of the content using a small amount of data.
또한, 본 발명의 다른 일 실시예에 따른 콘텐츠 싱크 방법에 의하면, 사용자 콘텐츠를 구성하는 텍스트의 줄 단위로 싱크 기호를 삽입하여 사용자 콘텐츠와 함께 서버로 제공하면, 서버에서 이를 이용하여 사용자 콘텐츠의 출력 형태를 조정함으로써, 적은 용량의 데이터를 이용하여 콘텐츠의 표시 형태를 싱크 할 수 있는 콘텐츠 싱크 서비스를 제공할 수 있다.In addition, according to the content sink method according to another embodiment of the present invention, if a sink symbol is inserted in units of lines of text constituting user content and provided to the server together with the user content, the server outputs the user content using the same. By adjusting the form, it is possible to provide a content sink service that can sync the display form of the content using a small amount of data.
도 1은 본 발명의 일 실시예에 따른 콘텐츠 싱크 시스템의 구성을 나타낸 도면이다.
도 2는 본 발명의 일 실시예에 따른 서버의 구성을 나타낸 도면이다.
도 3은 본 발명의 일 실시예에 따른 사용자 단말의 구성을 나타낸 도면이다.
도 4는 본 발명의 일 실시예에 따른 서버에 의해 수행되는 콘텐츠 싱크 방법을 나타낸 동작 흐름도이다.
도 5는 본 발명의 일 실시예에 따른 사용자 단말에 의해 수행되는 콘텐츠 싱크 방법을 나타낸 동작 흐름도이다.
도 6은 본 발명에 따른 콘텐츠 싱크 개념을 설명하기 위한 도면이다.
도 7은 콘텐츠 싱크 정보 생성 방법의 일 예를 설명하기 위한 도면이다.
도 8은 도 7의 방법에 따른 콘텐츠 싱크 방법의 일 예를 설명하기 위한 도면이다.
도 9는 콘텐츠 싱크 정보 생성 방법의 다른 일 예를 설명하기 위한 도면이다.
도 10은 도 9의 방법에 따른 콘텐츠 싱크 방법의 일 예를 설명하기 위한 도면이다.1 is a view showing the configuration of a content sink system according to an embodiment of the present invention.
2 is a diagram showing the configuration of a server according to an embodiment of the present invention.
3 is a view showing the configuration of a user terminal according to an embodiment of the present invention.
4 is an operation flowchart illustrating a content sink method performed by a server according to an embodiment of the present invention.
5 is an operation flowchart illustrating a content sink method performed by a user terminal according to an embodiment of the present invention.
6 is a view for explaining a content sink concept according to the present invention.
7 is a diagram for explaining an example of a method for generating content sink information.
FIG. 8 is a diagram for describing an example of a content sinking method according to the method of FIG. 7.
9 is a diagram for explaining another example of a method for generating content sink information.
FIG. 10 is a diagram for describing an example of a content sinking method according to the method of FIG. 9.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.DETAILED DESCRIPTION Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those skilled in the art may easily implement the present invention. As those skilled in the art would realize, the described embodiments may be modified in various different ways, all without departing from the spirit or scope of the present invention. In the drawings, parts irrelevant to the description are omitted in order to clearly describe the present invention, and like reference numerals designate like parts throughout the specification.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미하며, 하나 또는 그 이상의 다른 특징이나 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.Throughout the specification, when a part is "connected" to another part, this includes not only "directly connected" but also "electrically connected" with another element in between. . In addition, when a part is said to "include" a certain component, which means that it may further include other components, except to exclude other components, unless specifically stated otherwise, one or more other features It is to be understood that the present disclosure does not exclude the possibility of the presence or the addition of numbers, steps, operations, components, parts, or combinations thereof.
명세서 전체에서, 서버(100)는 콘텐츠 싱크 장치를, 사용자 단말(200)은 콘텐츠 싱크 정보 생성 장치를 의미할 수 있다.In the entire specification, the
이하의 실시예는 본 발명의 이해를 돕기 위한 상세한 설명이며, 본 발명의 권리 범위를 제한하는 것이 아니다. 따라서 본 발명과 동일한 기능을 수행하는 동일 범위의 발명 역시 본 발명의 권리 범위에 속할 것이다.The following examples are detailed description to aid in understanding the present invention, and do not limit the scope of the present invention. Therefore, the same range of inventions that perform the same functions as the present invention will also fall within the scope of the invention.
도 1은 본 발명의 일 실시예에 따른 콘텐츠 싱크 시스템(1)의 구성을 나타낸 도면이다.1 is a diagram showing the configuration of a
도 1을 참조하면, 본 발명의 일 실시예에 따른 콘텐츠 싱크 시스템(1)은 서버(100) 및 사용자 단말(200)을 포함한다. 또한, 서버(100)와 복수 개의 사용자 단말들(201 및 202)을 상호 연결하는 통신망(300)을 포함한다.Referring to FIG. 1, a
본 발명의 일 실시예에 따른 서버(100)는 사용자 단말(200)에 탑재된 단말 어플리케이션을 통해 콘텐츠 에디팅이 이뤄질 수 있도록, 콘텐츠 에디팅 모듈과 스타일 정보를 제공하고, 사용자 단말(200)은 콘텐츠 에디팅 모듈을 제공 받아 콘텐츠 에디팅 사용자 인터페이스를 표시하고, 이를 통해 입력된 사용자 콘텐츠로부터 싱크 정보를 생성하여, 사용자 콘텐츠와 싱크 정보를 서버(100)에 전송하면, 서버(100)가 싱크 정보를 이용하여 사용자 콘텐츠의 표시 형태를 조정하는 것을 특징으로 한다.The
여기서, 콘텐츠 에디팅 모듈은 콘텐츠 에디팅 사용자 인터페이스를 제공하기 위해 웹 브라우저 상에서 실행되는 모듈일 수 있다.Here, the content editing module may be a module executed on a web browser to provide a content editing user interface.
여기서, 콘텐츠 페이지는 자바스크립트(Javascript), 하이퍼텍스트 마크업 랭귀지(HyperText Markup Language; HTML), 앵귤러JS(AngularJS) 등 웹 브라우저 상에서 동작 가능한 프로그래밍 언어로 작성될 수 있으며, 본 발명의 범위가 이에 한정되는 것은 아니다.Here, the content page may be written in a programming language operable on a web browser such as JavaScript, HyperText Markup Language (HTML), Angular JS, and the scope of the present invention is limited thereto. It doesn't happen.
사용자 콘텐츠는 콘텐츠 페이지의 일부 영역에 할당된 사용자 에디팅 영역에서 표시되기 위한 콘텐츠일 수 있다. 예컨대, 사용자 콘텐츠는 편지지에 사용자가 입력한 편지글일 수 있다. 여기서, 편지글 콘텐츠에는, 텍스트, 사진 이미지 및 이모티콘 등이 포함될 수 있으며, 본 발명은 이에 한정되지 않는다.The user content may be content to be displayed in a user editing area allocated to a partial area of the content page. For example, the user content may be a letter input by a user in letterhead. Here, the letter content may include text, photo images, emoticons, and the like, but the present invention is not limited thereto.
싱크 정보는 사용자 단말(200)에서 작성된 사용자 콘텐츠가 서버(100) 혹은 다른 사용자 단말에서도 동일한 형태로 표시될 수 있도록 하기 위한 정보일 수 있다.The sink information may be information for allowing the user content created in the
보다 구체적으로, 본 발명의 콘텐츠 에디팅 모듈은 콘텐츠 에디팅 사용자 인터페이스를 제공하기 위해 웹 브라우저 상에서 실행되는 모듈일 수 있는데, 서버(100) 또는 사용자 단말(200)에서 구동되는 웹 브라우저 환경이 변하게 되는 경우, 콘텐츠 에디팅 모듈에 의해 작성되는 콘텐츠의 표시 형태도 함께 변할 수 있다.More specifically, the content editing module of the present invention may be a module executed on a web browser to provide a content editing user interface. When the web browser environment running on the
여기서 웹 브라우저 환경은 웹 브라우저의 종류 및 버전뿐만 아니라, 웹 브라우저를 구동하는 운영체제의 종류 및 버전 등에 의해 다양하게 변할 수 있다.Here, the web browser environment may be changed in various ways depending on the type and version of the web browser, as well as the type and version of the operating system for driving the web browser.
즉, 싱크 정보는 사용자 단말(200)의 제 1 웹 브라우저 환경에서 작성된 사용자 콘텐츠가 서버(100) 혹은 다른 사용자 단말의 제 2 웹 브라우저 환경에서도 동일한 형태로 표시될 수 있도록 하기 위한 정보일 수 있다.That is, the sink information may be information for allowing the user content created in the first web browser environment of the
사용자 단말(200)은 단말 어플리케이션을 통해 서버(100)로부터 제공받은 콘텐츠 에디팅 모듈 또는 스타일 정보에 기초하여 콘텐츠 페이지를 표시하고 이에 대한 에디팅 신호를 입력 받을 수 있다.The
단말 어플리케이션은 사용자 단말(200)에 내장된 웹 브라우저이거나, 어플리케이션 배포 서버로부터 다운로드되어 사용자 단말(200)에 설치된 웹 브라우저일 수 있다.The terminal application may be a web browser embedded in the
복수 개의 사용자 단말(200)들은 유무선 통신 환경에서 단말 어플리케이션을 이용할 수 있는 통신 단말기를 의미한다. 여기서 사용자 단말(200)은 사용자의 휴대용 단말기일 수 있다. 도 1에서는 사용자 단말(200)이 휴대용 단말기의 일종인 스마트폰(smart phone)으로 도시되었지만, 본 발명의 사상은 이에 제한되지 아니하며, 상술한 바와 같이 단말 어플리케이션을 탑재할 수 있는 단말에 대해서 제한 없이 차용될 수 있다.The plurality of
이를 더욱 상세히 설명하면, 사용자 단말(200)은 컴퓨터(예를 들면, 데스크톱, 랩톱, 태블릿 등), 미디어 컴퓨팅 플랫폼(예를 들면, 케이블, 위성 셋톱박스, 디지털 비디오 레코더), 핸드헬드 컴퓨팅 디바이스(예를 들면, PDA, 이메일 클라이언트 등), 핸드폰의 임의의 형태, 또는 다른 종류의 컴퓨팅 또는 커뮤니케이션 플랫폼의 임의의 형태를 포함할 수 있으나, 본 발명이 이에 한정되는 것은 아니다. In more detail, the
한편, 통신망(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
도 2는 본 발명의 일 실시예에 따른 서버(100)의 구성을 나타낸 도면이다.2 is a diagram showing the configuration of a
도 2를 참조하면, 본 발명의 일 실시예에 따른 서버(100)는 통신 모듈(110), 메모리(120), 프로세서(130) 및 데이터베이스(140)를 포함한다.Referring to FIG. 2, the
상세히, 통신 모듈(110)은 통신망(300)과 연동하여 서버(100)와 사용자 단말들(201 및 202) 간의 송수신 신호를 패킷 데이터 형태로 제공하는 데 필요한 통신 인터페이스를 제공한다.In detail, the
여기서, 통신 모듈(110)은 다른 네트워크 장치와 유무선 연결을 통해 제어 신호 또는 데이터 신호와 같은 신호를 송수신하기 위해 필요한 하드웨어 및 소프트웨어를 포함하는 장치일 수 있다.Here, the
메모리(120)는 콘텐츠 싱크 방법을 수행하기 위한 프로그램이 기록된다. 또한, 프로세서(130)가 처리하는 데이터를 일시적 또는 영구적으로 저장하는 기능을 수행한다. 여기서, 메모리(120)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.The
프로세서(130)는 일종의 중앙처리장치로서 콘텐츠 싱크 방법을 제공하는 전체 과정을 제어한다. 프로세서(130)가 수행하는 각 단계에 대해서는 도4를 참조하여 후술하기로 한다.The
여기서, 프로세서(130)는 프로세서(processor)와 같이 데이터를 처리할 수 있는 모든 종류의 장치를 포함할 수 있다. 여기서, '프로세서(processor)'는, 예를 들어 프로그램 내에 포함된 코드 또는 명령으로 표현된 기능을 수행하기 위해 물리적으로 구조화된 회로를 갖는, 하드웨어에 내장된 데이터 처리 장치를 의미할 수 있다. 이와 같이 하드웨어에 내장된 데이터 처리 장치의 일 예로써, 마이크로프로세서(microprocessor), 중앙처리장치(central processing unit: CPU), 프로세서 코어(processor core), 멀티프로세서(multiprocessor), ASIC(application-specific integrated circuit), FPGA(field programmable gate array) 등의 처리 장치를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.Here, the
데이터베이스(140)는 콘텐츠 페이지의 레이아웃, 사용자 정보, 사용자 단말(200)로부터 획득된 사용자 콘텐츠 및 싱크 정보를 포함한다.The
비록 도 2에는 도시하지 아니하였으나, 상술한 콘텐츠 페이지의 레이아웃, 사용자 정보, 사용자 콘텐츠 및 싱크 정보 중 일부는 데이터베이스(140)와 물리적 또는 개념적으로 분리된 데이터베이스(미도시)에 저장될 수 있다.Although not shown in FIG. 2, some of the layout, user information, user content, and sink information of the above-described content page may be stored in a database (not shown) that is physically or conceptually separated from the
도 3은 본 발명의 일 실시예에 따른 사용자 단말(200)의 구성을 나타낸 도면이다.3 is a diagram illustrating a configuration of a
도 3을 참조하면, 본 발명의 일 실시예에 따른 사용자 단말(200)은 통신 모듈(210), 메모리(220), 프로세서(230) 및 디스플레이 장치(240)를 포함한다.Referring to FIG. 3, a
통신 모듈(210), 메모리(220) 및 프로세서(230)에 대하여, 도 2를 참조하여 상술한 통신 모듈(110), 메모리(120) 및 프로세서(130)에 대한 설명과 중복되는 설명은 생략하기로 한다.For the
상세히, 통신 모듈(210)은 통신망(300)과 연동하여 서버(100)와 사용자 단말(200) 간의 송수신 신호를 패킷 데이터 형태로 제공하는 데 필요한 통신 인터페이스를 제공한다. 나아가, 통신 모듈(210)은 서버(100)로 데이터 요청을 송신하고, 이에 대한 응답으로 데이터를 수신하는 역할을 수행할 수 있다.In detail, the
메모리(220)는 콘텐츠 싱크 정보 생성 방법을 수행하기 위한 프로그램이 기록된다. 또한, 프로세서(230)가 처리하는 데이터를 일시적 또는 영구적으로 저장하는 기능을 수행한다.The
프로세서(230)는 일종의 중앙처리장치로서 콘텐츠 싱크 정보 생성 방법을 제공하는 전체 과정을 제어한다. 프로세서(230)가 수행하는 각 단계에 대해서는 도 5를 참조하여 후술하기로 한다.The
디스플레이 장치(240)는 본 발명에 따른 사용자 인터페이스를 화면에 표시하는 기능을 수행한다.The
도 4는 본 발명의 일 실시예에 따른 서버(100)에 의해 수행되는 콘텐츠 싱크 방법을 나타낸 동작 흐름도이다.4 is an operation flowchart showing a content sink method performed by the
여기서, 도 4의 각 단계를 수행하기 위한 프로그램이 메모리(120)에 기록되고, 해당 프로그램이 프로세서(130)에 의해 실행됨으로써, 콘텐츠 싱크 방법이 수행될 수 있다.Here, a program for performing each step of FIG. 4 is recorded in the
도 4를 참조하면, 먼저 서버(100)는 사용자 단말(200)로부터, 콘텐츠 에디팅 모듈을 통해 작성된 사용자 콘텐츠 및 싱크 정보를 수신한다(S410).Referring to FIG. 4, first, the
여기서, 콘텐츠 에디팅 모듈은 단계(S410) 전에 서버(100)가 사용자 단말(200)에 제공한 것일 수 있다.Here, the content editing module may be provided to the
여기서, 콘텐츠 에디팅 모듈은 사용자 단말(200)에 사용자 콘텐츠가 표시되거나, 사용자 단말(200)에 사용자 콘텐츠에 대한 에디팅 신호가 수신되도록 하기 위한 것일 수 있다.Here, the content editing module may be for displaying user content on the
또한, 단계(S410)는 사용자 단말(200)에서 콘텐츠 에디팅 모듈을 통해, 사용자 콘텐츠의 작성이 완료된 경우에 사용자 콘텐츠 및 싱크 정보를 수신하는 것일 수 있다.In operation S410, the
단계(S410)에서 수신되는 싱크 정보는 사용자 단말(200)에 의해 사용자 콘텐츠를 구성하는 콘텐츠 요소의 표시 위치가 판단되고, 해당 표시 위치에 기초하여 생성된 것일 수 있다.The sink information received in operation S410 may be determined based on the display position of the content element constituting the user content by the
다음으로, 서버(100)는 싱크 정보에 기초하여 사용자 콘텐츠의 출력 형태를 조정한다(S420).Next, the
단계(S420)에 따라, 서버(100)에서의 사용자 콘텐츠의 출력 형태가 사용자 단말(200)에서 작성된 사용자 콘텐츠의 표시 형태와 동일한 형태를 가질 수 있다.In operation S420, the output form of the user content in the
도 5는 본 발명의 일 실시예에 따른 사용자 단말(200)에 의해 수행되는 콘텐츠 싱크 방법을 나타낸 동작 흐름도이다.5 is an operation flowchart showing a content sink method performed by the
도 5를 참조하면, 먼저 사용자 단말(200)은 콘텐츠 에디팅 모듈을 통해, 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 에디팅 신호를 수신한다(S510).Referring to FIG. 5, first, the
여기서, 사용자 콘텐츠는 텍스트 및 이미지 중 적어도 하나를 포함하는 것일 수 있다.Here, the user content may include at least one of text and an image.
여기서, 에디팅 신호는 콘텐츠 에디팅 모듈의 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 것일 수 있다. 즉, 에디팅 신호는 사용자의 조작에 의해 사용자 단말(200)에 입력된 신호일 수 있다.Here, the editing signal may be for the user content displayed in the user editing area allocated to the content page of the content editing module. That is, the editing signal may be a signal input to the
예컨대, 에디팅 신호는 사용자 콘텐츠에 포함되는 객체의 추가, 수정 및 삭제 중 적어도 하나를 수행하기 위한 사용자의 터치, 클릭, 드래그, 플리킹 등에 대한 입력에 상응하는 신호를 의미할 수 있다.For example, the editing signal may mean 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 user content.
여기서, 사용자 에디팅 영역은 콘텐츠 페이지에 할당된 일부 영역일 수 있다.Here, the user editing area may be a partial area allocated to the content page.
다음으로, 사용자 단말(200)은 에디팅 신호에 상응하여 작성된 사용자 콘텐츠에 대해, 사용자 콘텐츠를 구성하는 콘텐츠 요소들이 표시되는 표시 위치를 판단한다(S520).Next, the
여기서, 콘텐츠 요소들은 사용자 콘텐츠에 텍스트가 포함된 경우, 해당 텍스트를 구성하는 글자들에 해당하는 것일 수 있다. 또한, 사용자 콘텐츠에 이미지들이 포함된 경우, 해당 이미지들 각각이 콘텐츠 요소에 해당할 수 있다.Here, the content elements may correspond to the letters constituting the text when text is included in the user content. In addition, when images are included in user content, each of the corresponding images may correspond to a content element.
단계(S520)에서, 사용자 단말(200)은 콘텐츠 요소들 각각에 상응하는 표시 영역을 설정하고, 표시 영역 내 어느 하나의 좌표를 콘텐츠 요소들 각각의 표시 위치로 판단할 수 있다.In operation S520, the
보다 구체적으로, 사용자 단말(200)은 콘텐츠 요소들 중 어느 하나의 콘텐츠 요소에 대해, 콘텐츠 요소가 표시되는 부분을 여백을 가장 최소로 하여 포함하는 사각 영역을 콘텐츠 요소의 표시 영역으로 설정할 수 있다.More specifically, the
이 경우, 사용자 단말(200)은 표시 영역의 어느 하나의 모서리에 해당하는 좌표이거나, 표시 영역의 중앙점에 해당하는 좌표를 표시 위치로 판단할 수 있다.In this case, the
예컨대, 사용자 단말(200)은 표시 영역의 좌상단 모서리에 해당하는 좌표를 표시 위치로 판단할 수 있다.For example, the
여기서, 좌표 값은 기준 영역 내 어느 하나의 좌표를 기준 좌표로 하는 상대 좌표 값일 수 있다.Here, the coordinate value may be a relative coordinate value using any one coordinate in the reference area as the reference coordinate.
여기서 기준 영역은 사용자 단말에서 표시되는 전체 페이지 영역, 콘텐츠 페이지 영역 및 사용자 에디팅 영역 중 어느 하나일 수 있다. 또한, 기준 좌표는 기준 영역의 어느 하나의 모서리에 해당하는 좌표이거나, 기준 영역의 중앙점에 해당하는 좌표일 수 있다.In this case, the reference area may be any one of an entire page area, a content page area, and a user editing area displayed on the user terminal. In addition, the reference coordinate may be a coordinate corresponding to one edge of the reference region or a coordinate corresponding to the center point of the reference region.
선택적 실시예로서, 단계(S520)에서 사용자 단말(200)은 콘텐츠 요소들이 글자들에 해당하는 경우, 각 글자에 대해 사용자 에디팅 영역의 각 줄에서 몇 번째 글자에 해당하는지에 대한 표시 위치를 판단할 수 있다.As an optional embodiment, in operation S520, when the content elements correspond to the characters, the
선택적 실시예로서, 단계(S520)에서 사용자 단말(200)은 콘텐츠 요소들이 글자들에 해당하는 경우, 각 글자에 대해 사용자 에디팅 영역의 몇 번째 줄에 해당하는지에 대한 표시 위치를 판단할 수 있다. 여기서, N번째 글자와 N+1번째 글자의 줄 번호가 서로 다른 경우, 사용자 단말(200)은 N번째 글자를 해당 줄의 마지막 글자에 해당하는 것으로 판단할 수 있다.As an optional embodiment, in operation S520, when the content elements correspond to the letters, the
이를 통해, 사용자 단말(200)은 특정 글자가 해당 글자가 포함된 줄에서 마지막 글자에 해당하는지 여부를 판단할 수 있고, 이는 단계(S530)에서 싱크 기호가 삽입되는데 이용될 수 있다.In this way, the
선택적 실시예로서, 사용자 단말(200)은 텍스트 뿐만 아니라 이모티콘이나 이미지와 같은 콘텐츠 요소들에 대해서도 표시 위치를 판단하여 싱크 기호를 삽입할 수 있다. 예컨대, 사용자 단말(200)은 단계(S520)에서 콘텐츠 요소들 각각에 대해 상기 사용자 에디팅 영역의 각 줄에서 마지막 요소인지를 판단하고, 단계(S530)에서 각 줄의 마지막 요소에 해당하는 콘텐츠 요소 뒤에 싱크 기호를 삽입하여 상기 싱크 정보를 생성할 수 있다.As an optional embodiment, the
다음으로, 사용자 단말(200)은 표시 위치에 기초하여 사용자 콘텐츠의 싱크(sync) 정보를 생성한다(S530).Next, the
여기서, 싱크 정보는 사용자 단말(200) 상에서 콘텐츠 요소들이 표시되는 제 1 표시 위치와, 서버(100) 또는 사용자 단말과 서로 다른 사용자 단말 상에서 콘텐츠 요소들이 표시되는 제 2 표시 위치가 싱크되도록 하기 위한 정보일 수 있다.Here, the sink information is information for allowing the first display position where the content elements are displayed on the
또한, 싱크 정보는, 사용자 단말(200) 상에서 제 1 표시 위치에 표시된 콘텐츠 요소들의 크기, 모양, 색상 중 적어도 하나를 더 포함할 수 있다. In addition, the sync information may further include at least one of the size, shape, and color of the content elements displayed at the first display position on the
단계(S530)에서 사용자 단말(200)은 콘텐츠 요소들 각각에 단계(S520)에서 획득된 좌표를 매핑시켜 싱크 정보를 생성할 수 있다.In operation S530, the
선택적 실시예로서, 단계(S530)에서 사용자 단말(200)은 콘텐츠 요소들 사이에 싱크 기호를 삽입하여 싱크 정보를 생성할 수 있다.As an optional embodiment, in operation S530, the
단계(S520)에서 특정 글자가 해당 글자가 포함된 줄에서 마지막 글자에 해당하는지 여부가 판단된 경우, 단계(S530)에서 사용자 단말은 마지막 글자에 해당하는 글자 뒤에 싱크 기호를 삽입할 수 있다.If it is determined in step S520 whether a specific character corresponds to the last character in the line including the corresponding character, in step S530, the user terminal may insert a sync symbol after the character corresponding to the last character.
이 경우, 싱크 기호는 줄 바꿈 기호의 역할을 수행할 수 있으나, 본 발명의 싱크 기호는 콘텐츠 요소와 구분될 수 있는 기호이면 족하며, 줄 바꿈 기호에 한정되지 아니한다.In this case, the sync symbol may serve as a line break symbol, but the sync symbol of the present invention may be a symbol that can be distinguished from a content element, and is not limited to the line break symbol.
싱크 정보는 서버(100)로 전송되며, 서버(100)는 사용자 단말(200)과 서로 다른 사용자 단말로 싱크 정보를 제공함으로써, 다른 사용자 단말 상에서도 사용자 단말(200)에서 보여진 것과 동일하게 콘텐츠가 표시되도록 할 수 있다. The sink information is transmitted to the
도 6은 본 발명에 따른 콘텐츠 싱크 개념을 설명하기 위한 도면이다.6 is a view for explaining a content sink concept according to the present invention.
도 6을 참조하면, 제 1 웹 브라우저 환경을 갖는 사용자 단말(600a)의 사용자 에디팅 영역(620a)에서 표시되는 사용자 콘텐츠와, 제 2 웹 브라우저 환경을 갖는 사용자 단말(600b)의 사용자 에디팅 영역(620b)에서 표시되는 사용자 콘텐츠의 표시 형태가 다름을 알 수 있다.Referring to FIG. 6, the user content displayed in the
이렇게 서로 다른 웹 브라우저 환경에서 작성된 사용자 콘텐츠를 수신하여 서버(100)에서 해당 사용자 콘텐츠를 출력하는 경우, 사용자 단말에서 보여지던 사용자 콘텐츠와 표시 형태가 달라질 수 있다.When receiving the user content created in different web browser environments and outputting the corresponding user content in the
본 발명에 따른 콘텐츠 싱크 방법은, 제 1 웹 브라우저 환경을 갖는 사용자 단말(600a)에서 작성된 사용자 콘텐츠를 동일한 형태(640a)로 출력하고, 마찬가지로 제 2 웹 브라우저 환경을 갖는 사용자 단말(600b)에서 작성된 사용자 콘텐츠를 동일한 형태(640b)로 출력하기 위한 것이다.The content sinking method according to the present invention outputs user content created in the
도 7은 콘텐츠 싱크 정보 생성 방법의 일 예를 설명하기 위한 도면이다.7 is a diagram for explaining an example of a method for generating content sink information.
도 7(a)을 참조하면, 사용자 단말의 화면(700) 상에서, 콘텐츠 페이지(710)가 표시될 수 있다.Referring to FIG. 7A, the
콘텐츠 페이지(710)에는 사용자 에디팅 영역(720)이 할당될 수 있는데, 사용자는 해당 영역(720)에 텍스트, 이미지 및 이모티콘 등의 사용자 콘텐츠를 입력하거나, 입력된 사용자 콘텐츠를 삭제할 수 있다.A
여기서, 사용자 단말(200)은 사용자 단말 화면(700)의 전체 페이지 영역, 콘텐츠 페이지(710)의 영역, 사용자 에디팅 영역(720) 중 어느 하나를 기준 영역으로 하고, 기준 영역 내 어느 하나의 좌표를 기준 좌표로 할 수 있다.In this case, the
예컨대, 사용자 단말(200)은 각 기준 영역의 좌상단 좌표를 기준 좌표로 할 수 있다.For example, the
이 경우, 사용자 에디팅 영역(720)을 기준 영역으로 하는 경우 좌표(710a)가 기준 좌표가 되며, 콘텐츠 페이지(710)의 영역을 기준 영역으로 하는 경우 좌표(710b)가 기준 좌표가 되며, 사용자 단말 화면(700)의 전체 페이지 영역을 기준 영역으로 하는 경우 좌표(710c)가 기준 좌표가 됨을 알 수 있다.In this case, the coordinate 710a becomes a reference coordinate when the
또한, 사용자 단말(200)은 상술한 기준 좌표를 기준으로 콘텐츠 요소(721)의 표시 위치를 좌표 값으로 획득할 수 있다.In addition, the
도 7(b)를 참조하면, 사용자 단말(200)은 콘텐츠 요소(721)가 표시되는 부분을 여백이 최소가 되도록 포함하는 사각 영역을 콘텐츠 요소의 표시 영역으로 설정할 수 있다.Referring to FIG. 7B, the
여기서, 표시 영역의 중앙점을 표시 위치로 하는 경우 좌표(730a)가 표시 위치가 되며, 표시 영역의 좌상단 좌표를 표시 위치로 하는 경우 좌표(730b)가 표시 위치가 됨을 알 수 있다.Here, it can be seen that the coordinate 730a is the display position when the center point of the display area is the display position, and the coordinate 730b is the display position when the upper left coordinate of the display area is the display position.
선택적 실시예로서, 사용자 단말(200)은 콘텐츠 요소(721)가 점유하는 영역을 기준으로 표시 위치를 판단할 수 있다.As an optional embodiment, the
여기서, 점유 영역은 콘텐츠 요소(721)가 실제로 표시되는 부분이 아닌, 여백을 포함하여 콘텐츠 요소(721)가 차지하는 영역일 수 있다.Here, the occupied area may be an area occupied by the
점유 영역의 좌상단 좌표를 표시 위치로 하는 경우 좌표(730c)가 표시 위치가 됨을 알 수 있다.When the upper left coordinate of the occupied area is the display position, it can be seen that the coordinate 730c is the display position.
도 8은 도 7의 방법에 따른 콘텐츠 싱크 방법의 일 예를 설명하기 위한 도면이다.FIG. 8 is a diagram for describing an example of a content sinking method according to the method of FIG. 7.
도 8을 참조하면, 사용자 단말의 화면(800) 상의 사용자 에디팅 영역(820)에 사용자 콘텐츠가 작성되어 이를 서버(100)에 전송하는 경우, 사용자 단말(200)은 도 8(b)와 같이 사용자 콘텐츠를 구성하는 콘텐츠 요소들(830) 각각에 대해 표시 위치를 판단하고, 표시 위치에 대응되는 좌표 값을 싱크 정보로 생성하여 사용자 콘텐츠와 싱크 정보를 서버(100)에 함께 전송할 수 있다.Referring to FIG. 8, when the user content is created in the
이 경우, 서버(100)는 사용자 콘텐츠의 출력에 있어 싱크 정보를 활용하여, 사용자 콘텐츠를 구성하는 콘텐츠 요소들 각각을 싱크 정보에 포함된 좌표 값에 따라 배열하여 사용자 단말의 화면(800) 상에서 표시되던 사용자 콘텐츠의 표시 형태와 동일한 형태(840)로 출력할 수 있다.In this case, the
도 9는 콘텐츠 싱크 정보 생성 방법의 다른 일 예를 설명하기 위한 도면이다.9 is a diagram for explaining another example of a method for generating content sink information.
도 9를 참조하면, 사용자 단말(200)은 싱크 정보를 생성하기 위해, 사용자 콘텐츠에 포함된 텍스트를 구성하는 글자들에 대해 글자 위치를 판단할 수 있다.Referring to FIG. 9, in order to generate sync information, the
사용자 단말(200)은 사용자 콘텐츠에 포함된 텍스트를 구성하는 글자들 각각에 대해 해당 글자가 포함된 줄에서 몇 번째 글자인지를 판단할 수 있다.The
예컨대, 사용자 단말(200)은 글자(921)의 경우, 첫번째 줄에서 마지막 글자인 것으로 판단하고, 글자(922)의 경우, 두번째 줄에서 첫번째 글자인 것으로 판단할 수 있다.For example, the
여기서 사용자 단말(200)은 각 줄에서 마지막 글자에 해당하는 글자의 뒤에 싱크 기호(930)를 삽입할 수 있다.In this case, the
도 10은 도 9의 방법에 따른 콘텐츠 싱크 방법의 일 예를 설명하기 위한 도면이다.FIG. 10 is a diagram for describing an example of a content sinking method according to the method of FIG. 9.
도 10을 참조하면, 사용자 단말의 화면(1000) 상의 사용자 에디팅 영역(1020)에 사용자 콘텐츠가 작성되어 이를 서버(100)에 전송하는 경우, 사용자 단말(200)은 사용자 콘텐츠에 포함된 텍스트를 구성하는 글자들 중 각 줄에서의 마지막 글자 뒤에 싱크 기호(1030)를 삽입하고, 사용자 콘텐츠와 함께 싱크 기호(1030)를 서버(100)에 전송할 수 있다.Referring to FIG. 10, when user content is created in the
이 경우, 서버(100)는 사용자 콘텐츠의 출력에 있어 사용자 콘텐츠에 대해 싱크 기호가 있는 위치에서만 줄 바꿈을 수행하여 사용자 단말의 화면(1000) 상에서 표시되던 사용자 콘텐츠의 표시 형태와 동일한 형태(1040)로 출력할 수 있다.In this case, the
본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능한 기록 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독 가능한 기록 매체는 컴퓨터 저장 매체를 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다.One embodiment of the present invention can also be implemented in the form of a recording medium containing instructions executable by a computer, such as a program module executed by the computer. Computer readable recording 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. In addition, the computer readable recording medium may include a computer storage medium. 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.
본 발명의 방법 및 시스템은 특정 실시예와 관련하여 설명되었지만, 그것들의 구성 요소 또는 동작의 일부 또는 전부는 범용 하드웨어 아키텍쳐를 갖는 컴퓨터 시스템을 사용하여 구현될 수 있다.Although the methods and systems of the present invention have been described in connection with specific embodiments, some or all of their components or operations may be implemented using a computer system having a general purpose hardware architecture.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.The foregoing description of the present invention is intended for illustration, and it will be understood by those skilled in the art that the present invention may be easily modified in other specific forms without changing the technical spirit or essential features of the present invention. will be. Therefore, it should be understood that the embodiments described above are exemplary in all respects and not restrictive. For example, each component described as a single type may be implemented in a distributed manner, and similarly, components described as distributed may be implemented in a combined form.
본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.The scope of the present invention is shown by the following claims rather than the above description, and all changes or modifications derived from the meaning and scope of the claims and their equivalents should be construed as being included in the scope of the present invention. do.
1: 콘텐츠 싱크 시스템
100: 서버 110: 서버의 통신 모듈
120: 서버의 메모리 130: 서버의 프로세서
140: 데이터베이스 200: 사용자 단말
210: 사용자 단말의 통신 모듈 220: 사용자 단말의 메모리
230: 사용자 단말의 프로세서 240: 디스플레이 장치
300: 통신망1: content sink system
100: server 110: communication module of the server
120: server's memory 130: server's processor
140: database 200: user terminal
210: communication module of the user terminal 220: memory of the user terminal
230: processor of the user terminal 240: display device
300: network
Claims (14)
(a) 콘텐츠 에디팅 모듈을 통해, 콘텐츠 페이지에 할당된 사용자 에디팅 영역에서 표시되는 사용자 콘텐츠에 대한 에디팅 신호를 수신하는 단계;
(b) 상기 에디팅 신호에 상응하여 작성된 사용자 콘텐츠에 대해, 상기 사용자 콘텐츠를 구성하는 콘텐츠 요소들이 표시되는 표시 위치를 판단하는 단계; 및
(c) 상기 표시 위치에 기초하여 상기 사용자 콘텐츠의 싱크(sync) 정보를 생성하고 다른 사용자 단말로 상기 싱크 정보를 제공하도록 하는 단계;
를 포함하되,
상기 싱크 정보는
상기 사용자 단말과 상기 사용자 단말과 서로 다른 사용자 단말의 웹 브라우저의 종류 및 버전 중 적어도 하나가 상이함에도 불구하고, 상기 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 표시 위치와, 상기 다른 사용자 단말 상에서 상기 콘텐츠 요소들이 표시되는 표시 위치가 동일하게 되도록 하기 위한 정보인 것이고,
상기 콘텐츠 페이지는,
자바스크립트(Javascript), 하이퍼텍스트 마크업랭귀지(HyperText Markup Language; HTML) 및 앵귤러JS(AngularJS) 중 어느하나의 언어로 작성된 페이지인 것이고,
상기 콘텐츠 요소는 복수의 텍스트를 포함하되,
상기 싱크 정보는 상기 텍스트의 각각의 위치좌표에 대한 정보 및 크기에 대한 정보를 포함하는 것인,
콘텐츠 싱크 정보 생성 방법.In the content sink information generating method performed by the user terminal,
(a) receiving, via the content editing module, an editing signal for the user content displayed in the user editing area assigned to the content page;
(b) determining a display position at which content elements constituting the user content are displayed with respect to the user content created in response to the editing signal; And
(c) generating sync information of the user content based on the display position and providing the sync information to another user terminal;
Including,
The sink information is
A display position at which the content elements are displayed on the user terminal and the content element on the other user terminal despite at least one of a type and a version of a web browser of the user terminal different from the user terminal and the user terminal; Information to ensure that the display position where the
The content page,
It is a page written in any one of JavaScript, HyperText Markup Language (HTML), and Angular JS.
The content element includes a plurality of text,
The sink information includes information about the size and information about each position coordinate of the text,
How to generate content sink information.
상기 (b) 단계는
(b1) 상기 콘텐츠 요소들 각각에 상응하는 표시 영역을 설정하고,
(b2) 상기 표시 영역 내 어느 하나의 좌표를 상기 콘텐츠 요소들 각각의 표시 위치로 판단하는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 1,
Step (b) is
(b1) setting a display area corresponding to each of the content elements,
(b2) determining content coordinate information as one display position of each of the content elements.
상기 (b1) 단계는
상기 콘텐츠 요소들 중 어느 하나의 콘텐츠 요소에 대해, 상기 콘텐츠 요소가 표시되는 부분을 여백이 최소가 되도록 포함하는 사각 영역을 상기 콘텐츠 요소의 표시 영역으로 설정하는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 2,
Step (b1) is
Setting a rectangular area including a portion in which the content element is displayed to minimize the content area for any one of the content elements as the display area of the content element.
상기 (b2) 단계는
상기 표시 영역의 어느 하나의 모서리에 해당하는 좌표를 상기 표시 위치로 판단하는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 3, wherein
Step (b2)
And determining coordinates corresponding to one edge of the display area as the display position.
상기 (b2) 단계는
상기 표시 영역의 중앙점에 해당하는 좌표를 상기 표시 위치로 판단하는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 3, wherein
Step (b2)
And determining a coordinate corresponding to a center point of the display area as the display position.
상기 표시 영역 내 어느 하나의 좌표는
상기 사용자 단말에서 표시되는 전체 페이지 영역, 콘텐츠 페이지 영역 및 사용자 에디팅 영역 중 어느 하나를 기준 영역으로 하고, 상기 기준 영역 내 어느 하나의 좌표를 기준으로 하는 상대 좌표인 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 2,
Any one coordinate in the display area
And one of a whole page area, a content page area, and a user editing area displayed on the user terminal as a reference area and relative coordinates based on any one coordinate in the reference area.
상기 (c) 단계는
상기 콘텐츠 요소들 각각에 상기 좌표를 매핑시켜 상기 싱크 정보를 생성하는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 2,
Step (c) is
Generating the sync information by mapping the coordinates to each of the content elements.
상기 사용자 콘텐츠는 텍스트, 이모티콘 및 이미지 중 적어도 하나를 포함하는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 1,
And the user content comprises at least one of text, emoticons, and images.
상기 콘텐츠 요소들 각각은 상기 사용자 콘텐츠에 포함된 텍스트, 이모티콘 및 이미지 중 적어도 하나의 각각인, 콘텐츠 싱크 정보 생성 방법.The method of claim 1,
Wherein each of the content elements is each of at least one of text, emoticons, and images included in the user content.
상기 (c) 단계는
상기 콘텐츠 요소들 사이에 싱크 기호를 삽입하여 상기 싱크 정보를 생성하는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 1,
Step (c) is
And inserting a sync symbol between the content elements to generate the sync information.
상기 (b) 단계는
상기 콘텐츠 요소들 각각에 대해 상기 사용자 에디팅 영역의 각 줄에서 마지막 요소인지를 판단하고,
상기 (c) 단계는
상기 각 줄의 마지막 요소에 해당하는 콘텐츠 요소 뒤에 상기 싱크 기호를 삽입하여 상기 싱크 정보를 생성하는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 10,
Step (b) is
For each of the content elements, determine if it is the last element in each row of the user editing area,
Step (c) is
And inserting the sync symbol after the content element corresponding to the last element of each line to generate the sync information.
상기 싱크 정보는,
상기 사용자 단말 상에서 제 1 표시 위치에 표시된 콘텐츠 요소들의 크기, 모양, 색상 중 적어도 하나를 더 포함하며,
상기 다른 사용자 단말과 연결된 서버로 전송되는 것인, 콘텐츠 싱크 정보 생성 방법.The method of claim 1,
The sink information is,
Further comprising at least one of the size, shape, color of the content elements displayed at the first display position on the user terminal,
The content sink information generating method that is transmitted to the server connected to the other user terminal.
(a) 사용자 단말에서 콘텐츠 에디팅 모듈을 통해, 사용자 콘텐츠의 작성이 완료된 경우, 상기 사용자 단말로부터 사용자 콘텐츠 및 상기 사용자 콘텐츠의 싱크(sync) 정보를 수신하는 단계; 및
(b) 상기 싱크 정보에 기초하여, 상기 사용자 콘텐츠의 출력 형태를 조정하는 단계;
(c) 상기 싱크 정보에 기초하여 다른 사용자 단말로 상기 사용자 콘텐츠와 상기 싱크 정보를 제공하는 단계;
를 포함하되,
상기 싱크 정보는
상기 사용자 단말에 의해 상기 사용자 콘텐츠를 구성하는 콘텐츠 요소의 표시 위치가 판단되고, 상기 사용자 단말과 상기 사용자 단말과 서로 다른 사용자 단말의 웹 브라우저의 종류 및 버전 중 적어도 하나가 상이함에도 불구하고, 상기 표시 위치에 기초하여 상기 사용자 단말과 상기 다른 사용자 단말상에서 상기 사용자 콘텐츠 요소의 표시 위치가 동일한 표시 위치를 갖도록 생성되는 것이고,
상기 사용자 단말의 콘텐츠 페이지는,
자바스크립트(Javascript), 하이퍼텍스트 마크업랭귀지(HyperText Markup Language; HTML) 및 앵귤러JS(AngularJS) 중 어느하나의 언어로 작성된 페이지인 것이고,
상기 사용자 콘텐츠를 구성하는 콘텐츠 요소는 복수의 텍스트를 포함하되,
상기 싱크 정보는 상기 텍스트의 각각의 위치좌표에 대한 정보 및 크기에 대한 정보를 포함하는 것인,
콘텐츠 싱크 방법.In the content sink method, performed by a server,
(a) receiving user content and sync information of the user content from the user terminal when the creation of the user content is completed through the content editing module in the user terminal; And
(b) adjusting an output form of the user content based on the sink information;
(c) providing the user content and the sink information to another user terminal based on the sink information;
Including,
The sink information is
The display position of the content element constituting the user content is determined by the user terminal, and although the at least one of a type and a version of a web browser of the user terminal and the user terminal different from each other is different, the display is performed. Based on the position, the display position of the user content element on the user terminal and the other user terminal is generated to have the same display position,
The content page of the user terminal,
It is a page written in any one of JavaScript, HyperText Markup Language (HTML), and Angular JS.
The content element constituting the user content includes a plurality of texts,
The sink information includes information about the size and information about each position coordinate of the text,
How to sync content.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020170148923A KR102028553B1 (en) | 2017-11-09 | 2017-11-09 | Method and computer readable recording media for synchronizing contents display format |
PCT/KR2017/014460 WO2019093572A1 (en) | 2017-11-09 | 2017-12-11 | Method for synchronizing content display format, and computer-readable recording medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020170148923A KR102028553B1 (en) | 2017-11-09 | 2017-11-09 | Method and computer readable recording media for synchronizing contents display format |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20190052996A KR20190052996A (en) | 2019-05-17 |
KR102028553B1 true KR102028553B1 (en) | 2019-10-04 |
Family
ID=66438434
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020170148923A KR102028553B1 (en) | 2017-11-09 | 2017-11-09 | Method and computer readable recording media for synchronizing contents display format |
Country Status (2)
Country | Link |
---|---|
KR (1) | KR102028553B1 (en) |
WO (1) | WO2019093572A1 (en) |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2009223420A (en) * | 2008-03-13 | 2009-10-01 | Dainippon Printing Co Ltd | Editing system, server system, editing terminal, and editing program used for the same |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP3977673B2 (en) * | 2002-03-15 | 2007-09-19 | 株式会社東芝 | Newspaper production system, editing status display method, and editing status display program |
KR100935520B1 (en) * | 2008-06-30 | 2010-01-06 | 주식회사 케이티 | Image transforming server for displaying image in mobile terminal, mobile terminal and control method thereof |
KR101368960B1 (en) * | 2011-05-27 | 2014-03-04 | 이해성 | System and method for displaying electronic documents |
JP2015156173A (en) * | 2014-02-21 | 2015-08-27 | セイコーエプソン株式会社 | Display system, display device and program |
-
2017
- 2017-11-09 KR KR1020170148923A patent/KR102028553B1/en active IP Right Grant
- 2017-12-11 WO PCT/KR2017/014460 patent/WO2019093572A1/en active Application Filing
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2009223420A (en) * | 2008-03-13 | 2009-10-01 | Dainippon Printing Co Ltd | Editing system, server system, editing terminal, and editing program used for the same |
Also Published As
Publication number | Publication date |
---|---|
WO2019093572A1 (en) | 2019-05-16 |
KR20190052996A (en) | 2019-05-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109801347B (en) | Method, device, equipment and medium for generating editable image template | |
US9111007B2 (en) | Adaptive rendering of a webpage on an electronic display device | |
JP6293142B2 (en) | Creating variations when converting data to consumer content | |
US9026900B1 (en) | Invisible overlay for dynamic annotation | |
US8952989B2 (en) | Viewer unit, server unit, display control method, digital comic editing method and non-transitory computer-readable medium | |
WO2014126879A1 (en) | Electronic blueprint system and method | |
WO2020131409A1 (en) | Auto-formatting of a data table | |
US8630009B2 (en) | Systems and methods for providing content to a peripheral device | |
CN110708235A (en) | Message generation method and device, storage medium and computer equipment | |
US20170091152A1 (en) | Generating grid layouts with mutable columns | |
Harb et al. | Responsive web design | |
CN106878151B (en) | Method, equipment and system for transmitting information | |
US20120260196A1 (en) | Apparatus and method for sharing information in virtual space | |
JP2013125375A (en) | Server device, browsing system, distribution method, and program | |
CN103117052A (en) | Information processing apparatus, information processing method, and program | |
KR102028553B1 (en) | Method and computer readable recording media for synchronizing contents display format | |
CN111597151A (en) | File generation method and device, computer equipment and storage medium | |
CN107368465B (en) | System and method for processing screenshot note of streaming document | |
CN106055416B (en) | Method and device for data cross-application transfer | |
CN107977451B (en) | Method and device for adding dynamic content in display page and terminal equipment | |
JP7338935B2 (en) | terminal display method, terminal, terminal program | |
US10755034B2 (en) | Information processing apparatus | |
CN111399722A (en) | Mail signature generation method, device, terminal and storage medium | |
US20120023414A1 (en) | Method and apparatus for processing e-mail | |
US20130104014A1 (en) | Viewer unit, server unit, display control method, digital comic editing method and non-transitory computer-readable medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right |