KR101675299B1 - Forum type user interface providing method for posted comments - Google Patents
Forum type user interface providing method for posted comments Download PDFInfo
- Publication number
- KR101675299B1 KR101675299B1 KR1020150121158A KR20150121158A KR101675299B1 KR 101675299 B1 KR101675299 B1 KR 101675299B1 KR 1020150121158 A KR1020150121158 A KR 1020150121158A KR 20150121158 A KR20150121158 A KR 20150121158A KR 101675299 B1 KR101675299 B1 KR 101675299B1
- Authority
- KR
- South Korea
- Prior art keywords
- comment
- post
- displayed
- bulletin board
- posts
- Prior art date
- Legal status (The legal status 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 status listed.)
- Expired - Fee Related
Links
Images
Classifications
-
- G06Q50/30—
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Physics & Mathematics (AREA)
- Marketing (AREA)
- Human Resources & Organizations (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- General Health & Medical Sciences (AREA)
- General Business, Economics & Management (AREA)
- Economics (AREA)
- Health & Medical Sciences (AREA)
- Operations Research (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
본 발명은 토론형 댓글 인터페이스 제공 방법에 관한 것으로서, 온라인 게시판(1)에 게시되는 발제자의 원게시물(100)과, 원게시물(100)에 대한 토론진행자의 정리게시물(200)과, 발제자의 수정게시물(300)과, 원게시물(100)의 하위에 디스플레이되는 1차댓글(110)과, 1차댓글(110)의 하위에 디스플레이되는 2차댓글(120)과, 2차댓글(120)의 하위에 디스플레이되는 3차댓글(130)의 순으로 하위 게시물을 디스플레이하는 댓글 인터페이스 제공 방법에 있어서; 원게시물(100)은 게시판 사용자가 게시판(1)에 입장시 원게시물(100)의 시인성을 부각하여 발제 된 토론 주제를 용이하게 파악하도록 게시판(1)의 최상위 행에 디스플레이하고; 1차댓글(110), 2차댓글(120), 3차댓글(130)은 각각의 해당 상위 게시물의 하위에 디스플레이하되, 1차댓글(110), 2차댓글(120), 3차댓글(130)이 복수로 존재할 경우 해당 상위 게시물의 하위에 복수의 열로 구분하여 디스플레이하고; 정리게시물(200)과 수정게시물(300)은 3차댓글(130)의 최하위 행에 디스플레이하는 것을 포함하는 인터페이스를 구성함으로써, 게시물 관계를 명확하게 디스플레이하고 게시판 사용자가 토론 진행 상황을 한눈에 용이하게 파악할 수 있도록 하는 것이 특징이다.The present invention relates to a method of providing a discussion comment interface, and is a method of providing a discussion comment interface, which includes a original post 100 of a speaker who is posted on an online bulletin board 1, a summary post 200 of a discussion host about a original post 100, A first comment 110 displayed at the bottom of the original post 100 and a second comment 120 displayed at the bottom of the first comment 110 and a second comment 120 displayed at the bottom of the first comment 110, And a third comment (130) displayed in a lower part of the comment list, the method comprising: The original post 100 displays the visibility of the original post 100 on the top row of the bulletin board 1 so that the posted board user can easily grasp the published discussion topic by highlighting the visibility of the original post 100 upon entry into the bulletin board 1; The first comment 110, the second comment 120 and the third comment 130 are displayed in the lower part of the respective upper posts. The first comment 110, the second comment 120, the third comment 130) are divided into a plurality of columns in the lower part of the corresponding upper-level posts; The organizing post 200 and the modified posting 300 can be configured to include an interface that includes displaying in the bottom row of the third comment 130, thereby clearly displaying the posting relationship and allowing the board user to easily view the discussion progress at a glance And the like.
Description
본 발명은 토론형 댓글 인터페이스 제공 방법에 관한 것으로서 더욱 상세하게는 온라인 게시판에 게시되는 다수의 게시물을 종래 계층형, 계단식의 종방향으로 나열하여 디스플레이하는 인터페이스 구성을 개선하여 평면상에 분할된 행 또는 열의 형태로 효과적으로 배열하여 게시물 관계를 명확하게 디스플레이함으로써 사용자가 토론 진행 상황을 한눈에 용이하게 파악할 수 있도록 하는 토론형 댓글 인터페이스 제공 방법의 제공에 관한 것이다. The present invention relates to a method of providing a discussion-type comment interface, and more particularly, to an interface configuration for displaying a plurality of posts posted on an online bulletin board in the order of a conventional hierarchical type and a cascade type and displaying the same, The present invention relates to a method of providing a discussion-type comment interface that allows a user to easily grasp the progress of a discussion at a glance by clearly arranging a post relationship in a columnar form.
일반적으로, 온라인 게시판은 사용자가 온라인상에 자신의 의견을 게시하거나 타사용자가 해당 글에 대한 의견을 댓글 형식으로 게시하도록 구성하여 사용자들 간에 의견 교환이 이루어지도록 마련된 서비스이다.In general, an online bulletin board is a service that allows users to exchange opinions among users by posting their opinions online or by posting comments on the articles in a comment format.
인터넷상에는 이미 다양한 종류 및 형태로 구성된 게시판 및 CMS(Contents Management System)가 구축되어 각종 용도로 제공되고 있다. 이러한 온라인 게시판 서비스에는 등록되는 다수의 게시물 정보 및 스레드를 체계적으로 관리하기 위한 시스템이 구축되어 있으며 더욱 효과적인 정보 전달을 목적으로 한다.On the Internet, a bulletin board and a contents management system (CMS) having various types and forms have been constructed and are being provided for various purposes. In this online bulletin board service, a system for systematically managing a large number of post information and threads to be registered is established, and the purpose is to transmit information more effectively.
또한, 대부분의 게시판에는 원게시물의 등록 기능과 함께 원게시물에 대한 댓글 등록 기능을 구비하고 있으며, 따라서 다수의 게시물 정보는 별도의 DB 서버에 저장되어 관리되고 게시물을 웹페이지 상에 효과적으로 디스플레이하기 위한 사용자 인터페이스(User Interface)가 함께 구비되어 인터페이스를 통해 게시판 사용자에게 게시물을 디스플레이한다.In addition, most of the bulletin boards are provided with a function of registering a original post and a comment registering function of a original post, so that a large number of post information is stored and managed in a separate DB server, and a post is effectively displayed on a web page A user interface is also provided to display the post to the bulletin board user via the interface.
종래 기술의 게시판 인터페이스를 도 4를 참고로 하여 구체적으로 살펴보면 다음과 같다.The billboard interface of the related art will be described in detail with reference to FIG.
도 4에 도시된 바와 같이 통상적인 게시판에 적용된 사용자 인터페이스는 게시물을 등록 시간순으로 계층형, 계단식의 종방향으로 나열하여 디스플레이하는 형태를 취하고 있다. As shown in FIG. 4, a user interface applied to a conventional bulletin board takes a form in which posts are arranged in a hierarchical manner in the order of registration time, and the posts are displayed in a longitudinal direction.
예컨대, 원게시물(10)에 대해 등록되는 1차댓글(20)은 원게시물(10)의 하위에 디스플레이되고, 1차댓글(20)에 대해 등록되는 2차댓글(30)은 1차댓글(20)의 하위에 디스플레이되며, 2차댓글(30)에 대한 3차댓글(40) 역시 그 하위에 디스플레이 되는 형태의 인터페이스로 구성된다.For example, the
아울러, 다수의 게시물을 일정 수만큼 페이지 단위로 구분하여 디스플레이한다.In addition, a plurality of posts are divided and displayed in units of a predetermined number of pages.
상기와 같은 구성의 종래 게시판 인터페이스는 온라인이나 모바일 인터넷 환경에서 대부분 동일한 형태로 제공되고 있으며 사용자는 다수의 게시물을 탐색하기 위해 상하 스크롤 또는 페이지 간의 이동을 통해 게시물 내용을 확인하거나 해당 게시물에 댓글을 등록하는 행태로 이루어진다.The conventional bulletin board interface having the above-described configuration is mostly provided in the same form in the online or mobile internet environment. The user can check the contents of the post through scrolling or moving between pages in order to search a large number of posts, .
상기와 같은 종래 기술이 적용되는 게시판 인터페이스는 게시물을 단위별로 다수의 행으로 디스플레이하고, 상위 게시물에 대한 댓글은 하위에 디스플레이하거나 우측으로 일정 간격 들여 디스플레이하는 형태를 취하고 있다.The bulletin board interface to which the related art as described above is applied has a form in which posts are displayed in a plurality of rows for each unit and comments for the upper posts are displayed in the lower part or displayed on the right at predetermined intervals.
그러나, 이와 같은 종래 기술이 적용되는 게시판 인터페이스는 게시물의 수가 증가할 경우, 즉 페이지당 디스플레이할 수 있는 행의 길이 범위를 초과하는 수준에서는 게시물을 여러 페이지로 분리하여 디스플레이하므로 사용자가 페이지 간을 이동해가며 게시물을 확인할 수밖에 없는 문제점이 있다.However, when the number of posts increases, that is, at a level exceeding the range of the length of a row that can be displayed per page, the bulletin board interface to which such conventional technology is applied separates the posts into several pages, There is a problem that you have to check the post.
특히, 원게시물에 대한 댓글의 수가 증가하여 페이지 간 이동이 빈번해질 경우 사용자는 자신이 확인하고 있는 댓글에 대한 해당 원게시물 또는 상위 게시물을 파악하는 것에 어려움이 수반되며, 이는 게시물간, 페이지간 이동 시간의 지체로 이어져 사용성을 현저하게 저하시키는 원인이 된다.In particular, if the number of comments on the original post increases and the movement between the pages becomes frequent, the user will have difficulty in identifying the original post or the top post about the comment they are checking, It leads to a lag of time, which causes the usability to deteriorate remarkably.
또한, 특정 주제를 발제하고 발제자, 및 다수의 사용자 간에 다양한 의견 교환이 이루어지는 토론 게시판의 경우 원게시물(10), 원게시물(10)에 대한 1차댓글(20), 1차댓글(20)에 대한 2차댓글(30), 2차댓글(30)에 대한 3차댓글(40)과 같이 댓글의 깊이(Depth)가 깊어지는 구성을 보이는데, 이를 다시 시계열 순으로 종방향으로 나열하여 디스플레이하면 하위 게시물로 내려갈수록 디스플레이할 수 있는 폭 범위가 점차 좁아지는 실정에 이르게 되므로 게시물에 대한 사용자의 접근성이 저하되고 결국 토론의 주제 및 사용자 간의 토론 진행 상황을 파악하는 것이 용이하지 않게 된다.In addition, in the case of a discussion board in which a specific topic is presented and a variety of opinions are exchanged between the speaker and a large number of users, the
이에 본 발명에서는 상술한 바와 같은 문제점을 해결하기 위하여 발명한 것으로서,Accordingly, the present invention has been made to solve the above-mentioned problems,
온라인 게시판(1)에 게시되는 발제자의 원게시물(100)과, 원게시물(100)에 대한 토론진행자의 정리게시물(200)과, 발제자의 수정게시물(300)과, 원게시물(100)의 하위에 디스플레이되는 1차댓글(110)과, 1차댓글(110)의 하위에 디스플레이되는 2차댓글(120)과, 2차댓글(120)의 하위에 디스플레이되는 3차댓글(130)의 순으로 하위 게시물을 디스플레이하는 댓글 인터페이스 제공 방법에 있어서;The
상기 원게시물(100)은 게시판 사용자가 게시판(1)에 입장시 원게시물(100)의 시인성을 부각하여 발제 된 토론 주제를 용이하게 파악하도록 게시판(1)의 최상위 행에 디스플레이하고;The
상기 1차댓글(110), 2차댓글(120), 3차댓글(130)은 각각의 해당 상위 게시물의 하위에 디스플레이하되, 1차댓글(110), 2차댓글(120), 3차댓글(130)이 복수로 존재할 경우 해당 상위 게시물의 하위에 복수의 열로 구분하여 디스플레이하고;The
상기 정리게시물(200)과 수정게시물(300)은 3차댓글(130)의 하위 행에 디스플레이하는 인터페이스를 구성함으로써, 게시판(1)에 게시되는 다수의 게시물이 게시판의 평면상에 행 또는 열로 분할 배치되어 게시물 관계를 명확하게 디스플레이하고 게시판 사용자가 토론 진행 상황을 한눈에 용이하게 파악할 수 있도록 하는 목적 달성이 가능하다.The
본 발명은 온라인 게시판에 게시되는 다수의 게시물을 더욱 효과적으로 디스플레이할 수 있는 사용자 인터페이스를 제공하여 게시판 사용자가 한눈에 다수의 게시물 및 댓글 등의 유기적인 관계 구조를 명확하게 인식하도록 하는 이점이 있다.The present invention provides a user interface that can more effectively display a large number of posts posted on an online bulletin board, thereby allowing a bulletin board user to clearly recognize an organic relationship structure such as a large number of posts and comments at a glance.
특히, 토론 게시판과 같이 발제자, 토론참여자와 사회자의 의견이 활발하게 교환되어 다수의 게시물 등록이 이루어질 경우 발제자의 원게시물, 원게시물의 1차댓글, 1차댓글의 2차댓글 등의 게시물을 용이하게 파악할 수 있도록 구성되어 효율적인 토론을 진행할 수 있는 이점이 있다.Particularly, when discussions such as discussion board are actively exchanged between the speaker, participants of the debate and the moderator, it is easy to make the post such as the original post of the speaker, the first comment of the original post and the second comment of the first comment So that it is possible to conduct an efficient discussion.
즉, 게시판을 이용하여 토론을 진행할 때 최초 발제자와 토론을 진행하는 사회자의 글은 별도로 디스플레이하도록 하고, 특히 발제자의 글과 사회자의 글은 화면 폭 전체를 사용하여 행으로 디스플레이하며, 일반 토론 참여자의 댓글은 화면을 종방향으로 분할하여 사용하는 구조가 완성되어 특별히 발제자의 재발언 게시물이나 사회자의 발언에 명시적인 장치를 하지 않아도 자연스럽게 각 게시물 간에 구분이 명확해져 효율적인 정보전달이 가능해지며 자연스럽게 계속적인 토론이 가능해질 수 있도록 한다.In other words, when discussing using the bulletin board, the first speaker and the moderator conducting the discussion are displayed separately. In particular, the words of the speaker and the writers of the speaker are displayed in rows using the entire width of the screen. The structure of the comment is divided into the longitudinal direction and the structure is used. Especially, it is possible to clearly distinguish between each post without explicitly making a remarks on the remarks of the speaker or the remarks of the moderator, .
한편, 본 발명의 토론형 댓글 인터페이스 제공 방법은 일반적인 게시판, 토론 게시판뿐만 아니라 온라인으로 논문을 투고하고 심사하는 시스템에도 성공적으로 적용될 수 있으며, 참여자의 수를 제한하여 패널을 구성하고 깊이 있는 토론이 필요한 상황에 적용시 더욱 효과적일 것으로 기대된다.Meanwhile, the method of providing a discussion-type comment interface of the present invention can be successfully applied not only to a general bulletin board, a discussion board, but also to a system for posting and reviewing papers on-line. It is also possible to construct a panel by limiting the number of participants, It is expected to be more effective when applied to the situation.
예컨대, 온라인 논문 투고심사 시스템의 경우 논문을 투고하고 심사하는 인터페이스가 게시물 등록 기능마다 새로운 화면 인터페이스를 제공하는 것이 종래에 일반적이므로 비효율적인 시스템 운영이 이루어질 수밖에 없으나, 본 발명의 토론형 댓글 인터페이스를 온라인 논문 투고심사에 적용하면 확장성이 우수하여 다양한 심사 기능을 수용할 수 있으며 유지보수 비용을 절감하여 경제적인 효과를 도모할 수 있을 것으로 기대된다.For example, in the case of an online thesis submission screening system, it is inevitable that an interface for submitting and reviewing a thesis provides a new screen interface for each post registration function, so that inefficient system operation is inevitable. However, Applying it to the thesis submission examination, it is expected that it will be able to accommodate various examination functions with excellent scalability and reduce the maintenance cost, thereby achieving economical effect.
도 1은 본 발명의 토론형 댓글 인터페이스 제공 방법의 실시 예에 따른 구성도.
도 2는 본 발명의 토론형 댓글 인터페이스 제공 방법의 실시 예에 따른 레이어(L) 형태로 디스플레이된 게시물을 커버플로우 방식으로 디스플레이하는 방법을 도시한 구성도.
도 3은 본 발명의 토론형 댓글 인터페이스 제공 방법의 실시 예에 따른 게시물, DB, 인터페이스 간의 관계 구조를 도시한 구성도.
도 4는 종래의 게시판 인터페이스의 형태를 나타낸 예시도.1 is a block diagram of a method for providing a discussion-type comment interface according to an embodiment of the present invention.
FIG. 2 is a diagram illustrating a method of displaying a post displayed in a layer (L) form according to an embodiment of the discussion comment interface providing method of the present invention in a cover flow manner.
FIG. 3 is a block diagram illustrating a relationship structure between a post, a DB, and an interface according to an embodiment of the discussion comment interface providing method of the present invention.
4 is an exemplary view showing a form of a conventional bulletin board interface.
이하, 본 발명의 토론형 댓글 인터페이스 제공 방법의 바람직한 실시 예에 따른 구성을 첨부 도면을 참고하여 더욱 상세히 설명하면 다음과 같다.DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, a method according to a preferred embodiment of the present invention will be described in detail with reference to the accompanying drawings.
도 1은 본 발명의 토론형 댓글 인터페이스 제공 방법의 실시 예에 따른 구성도, 도 2는 본 발명의 토론형 댓글 인터페이스 제공 방법의 실시 예에 따른 레이어(L) 형태로 디스플레이된 게시물을 커버플로우 방식으로 디스플레이하는 방법을 도시한 구성도, 도 3은 본 발명의 토론형 댓글 인터페이스 제공 방법의 실시 예에 따른 게시물, DB, 인터페이스 간의 관계 구조를 도시한 구성도, 도 4는 종래의 게시판 인터페이스의 형태를 나타낸 예시도로서 함께 설명한다.FIG. 1 is a block diagram illustrating a method for providing a discussion comment interface according to an embodiment of the present invention. FIG. 2 is a flowchart illustrating a method for providing a discussion comment interface according to an embodiment of the present invention. FIG. 3 is a block diagram illustrating a relationship structure between a post, a DB, and an interface according to an embodiment of the discussion comment interface providing method of the present invention. FIG. As an example of the present invention.
본 발명의 기술이 적용되는 토론형 댓글 인터페이스 제공 방법은 온라인 게시판(1)의 인터페이스를 종래 계층식, 계단형으로 나열되는 방식에서 탈피하여 다수의 게시물을 보다 효율적으로 디스플레이하기 위해 행과 열, 및 레이어로 이루어진 게시물 영역을 구성하고 게시물의 특성에 적합하게 할당하여 디스플레이함으로써 게시판(1) 사용자가 각 게시물 간의 관계를 한 눈에 용이하게 파악하고 게시판(1)을 효율적으로 운영하도록 하는데 목적이 있음을 주지한다.The method for providing a discussion comment interface to which the technology of the present invention is applied differs from the conventional hierarchical or stair-stepping method of the interface of the
이를 위해서, 본 발명의 기술이 적용되는 토론형 댓글 인터페이스 제공 방법은 온라인 게시판(1)에 게시되는 발제자의 원게시물(100)과, 원게시물(100)에 대한 토론진행자의 정리게시물(200)과, 발제자의 수정게시물(300)과, 원게시물(100)의 하위에 디스플레이되는 1차댓글(110)과, 1차댓글(110)의 하위에 디스플레이되는 2차댓글(120)과, 2차댓글(120)의 하위에 디스플레이되는 3차댓글(130)의 순으로 하위 게시물을 디스플레이하는 형태로 구성된다.To this end, a method for providing a discussion comment interface to which the technique of the present invention is applied includes an
특히, 도 1에 도시된 바와 같이 상기 원게시물(100)은 게시판(1) 사용자가 게시판(1)에 입장시 원게시물(100)의 시인성을 부각하여 발제 된 토론 주제를 용이하게 파악하도록 게시판(1)의 최상위 행에 디스플레이하고, 상기 1차댓글(110), 2차댓글(120), 3차댓글(130)은 각각의 해당 상위 게시물의 하위에 디스플레이하되, 1차댓글(110), 2차댓글(120), 3차댓글(130)이 복수로 존재할 경우 해당 상위 게시물의 하위에 복수의 열로 구분하여 디스플레이한다.Particularly, as shown in FIG. 1, the
또한, 상기 정리게시물(200)과 수정게시물(300)은 3차댓글(130)의 하위 행에 디스플레이하여, 게시판(1)에 게시되는 다수의 게시물이 게시판(1)의 평면상에 행 또는 열로 분할 배치되어 게시물 관계를 명확하게 디스플레이함으로써 게시판(1) 사용자가 토론 진행 상황을 한눈에 용이하게 파악할 수 있도록 구성한다.The
상기 원게시물(100)은 온라인 게시판(1)에서 새로운 주제에 대해 발제자에 의해 발제 된 최초 게시물이다. 게시판(1) 사용자(토론 참여자)들은 원게시물(100)에 발제 된 토론 주제에 대해 활발한 의견 교환을 하기 위해 원게시물(100)의 하위에 수많은 댓글을 등록하게 된다. The
상기 1차댓글(110)은 상위 게시물인 원게시물(100)에서 제시한 주제에 대한 의견을 담은 하위 게시물이고, 2차댓글(120)은 1차댓글(110)에 대한 의견을 담은 하위 게시물이며, 3차댓글(130)은 2차댓글(120)에 대한 하위 게시물이다.The
본 발명의 실시 예에서는 설명의 편의를 위해 댓글의 깊이를 상기 1차댓글 내지 3차댓글(110~130)까지 제시하였으나, 3차댓글(130)의 하위에도 댓글들이 연속적으로 등록될 수 있음은 물론이다.In the embodiment of the present invention, for the sake of convenience of explanation, the depth of the comment has been presented up to the first comment or the
상기 게시판(1)에 등록된 게시물에 담긴 정보는 별도로 구비된 DB(2) 서버에 저장되어 관리되며 원게시물(100)과 다수의 댓글 및 상기 정리게시물(200), 수정게시물(300)들 간의 일련의 관계 구조는 DB(2)에 스레드를 생성하여 저장된다.The information contained in the posts registered in the
스레드(Thread)는 게시판(1)에서 원게시물(100)에 대한 댓글들의 연속적인 관계 구조이며 논리적으로는 상,하 트리 관계를 이루는 스키마(Schema)로 설계된다. 따라서 스레드를 통해 수없이 많은 각각의 원게시물(100), 1차댓글 내지 3차댓글(110~130)을 연관성에 따라 탐색하여 확인하거나 참여하도록 작용하게 된다.A thread is a continuous relationship structure of comments on the
도 3에 도시된 바와 같이 발제자가 원게시물(100)을 입력하면 DB(2)에 게시물 정보가 등록되고, 그 하위에 1차댓글 내지 3차댓글(110~130)이 입력되면 마찬가지로 DB(2)에 게시물 정보가 등록된다. 3, when the presenter inputs the
등록된 각각의 게시물 간의 관계 구조는 스키마에 따라 트리 관계를 이루도록 스레드를 생성하여 DB(2)에 설계되며, 본 발명에 따른 토론형 댓글 인터페이스 제공 방법에 따라서 이들 관계가 구조화되어 도 1에 도시된 바와 같이 게시판(1)에 디스플레이된다.The relationship structure between the registered posts is designed in the
발제자에 의해 등록된 최초 게시물인 원게시물(100)은 토론 주제를 담고 있으므로 모든 토론 참여자가 쉽게 접근하여 확인할 수 있어야 한다. 따라서 게시판(1)의 최상위에서 게시판(1) 폭 전체를 사용하여 행으로 디스플레이한다.The original post (100), which is the first post registered by the speaker, contains the topic of discussion, so that all participants in the discussion should be able to easily access and confirm it. Therefore, the entire width of the
상기 1차댓글(110)은 원게시물(100)에 대한 의견이 반영된 게시물이므로 원게시물(100)의 하위에 디스플레이되도록 하되, 다수의 참여자들에 의해 복수의 1차댓글(110)이 등록될 경우 1차댓글(110)들 간에는 원게시물(100)의 하위에서 논리적으로 동등한 지위를 가지므로 게시판(1)의 폭을 열로 분할하여 디스플레이한다.The
마찬가지로, 상기 2차댓글(120)은 1차댓글(110)에 대한 의견이 반영된 게시물이므로 1차댓글(110)의 하위에 디스플레이하되, 복수의 2차댓글(120)이 등록될 경우 2차댓글(120)들 간에는 논리적으로 동등한 지위를 가지므로 1차댓글(110)의 하위에서 1차댓글(110)의 폭만큼 열로 분할하여 디스플레이한다.Likewise, since the
상기 3차댓글(130)은 2차댓글(120)에 대한 의견이 반영된 게시물이므로 2차댓글(120)의 하위에 디스플레이하되, 복수의 3차댓글(130)이 등록될 경우 3차댓글(130)들 간에는 논리적으로 동등한 지위를 가지므로 2차댓글(120)의 하위에서 2차댓글(120)의 폭만큼 열로 분할하여 디스플레이한다.Since the
상술한 바와 같이 상위 게시물에 대한 하위 게시물의 디스플레이 구조를 행과 열로 분할하여 효과적으로 디스플레이하면 다수의 게시물이 등록되더라도 단일 페이지에 토론형으로 디스플레이하는 것이 가능해져 본 발명이 추구하는 목적에 부합하는 토론형의 댓글 인터페이스를 제공할 수 있게 된다.As described above, if the display structure of the sub-posts for the upper post is divided into rows and columns and displayed effectively, even if a large number of posts are registered, it becomes possible to display the display structure on a single page in a discussion format. Comment interface.
더불어, 토론 진행자에 의한 정리게시물(200) 및 발제자의 수정게시물(300)에 담긴 내용은 토론 참여자들에게 토론의 진행 상황을 파악하게 하는 역할을 하므로 상기 1차댓글 내지 3차댓글(110~130)과는 별도로 구분하여 디스플레이하는 것이 효과적이다. 따라서 3차댓글(130)의 최하위에서 게시판(1) 폭 전체를 사용하여 행으로 디스플레이한다.In addition, since contents held in the
한편, 상기 1차댓글(110), 2차댓글(120), 3차댓글(130)의 수가 점차 증가하여 동등한 행 상에 복수의 열로 구분하여 디스플레이할 수 있는 범위를 초과할 경우, 해당 상위 게시물의 하위에 상하 순차로 중첩된 레이어(L) 형태로 디스플레이한다.On the other hand, if the number of the
아울러, 상기 상하 순차로 중첩된 레이어(L) 형태로 디스플레이된 게시물은 도 2에 도시된 바와 같이 레이어(L)의 최상위 게시물(L1)을 클릭하면 해당 상위 게시물의 하위에서 커버플로우 방식으로 복수의 레이어(L1~L7)를 디스플레이하여 사용자의 좌우 슬라이딩 제스쳐에 의해 단위 레이어(L1~L7)를 선택하여 열람할 수 있도록 구성한다.In addition, as shown in FIG. 2, a post displayed in the form of a layer (L) overlapped with the upper and lower rows sequentially has a plurality of The layers L1 to L7 are displayed so that the unit layers L1 to L7 can be selected and read by the left and right sliding gestures of the user.
커버플로우(Cover Flow)는 3차원 컴퓨터 그래픽스 사용자 인터페이스의 일종으로 도 2에 도시된 바와 같이 마우스의 휠이나, 사용자 제스쳐에 의해 다수의 게시물을 넘기면서 탐색하고 선택할 수 있도록 한다. 따라서 다수의 게시물 목록을 평면상에 3차원으로 효과적으로 디스플레이하여 사용상의 접근성을 증대시킨다.Cover Flow is a type of three-dimensional computer graphics user interface. As shown in FIG. 2, the cover flow allows a user to search for and select a plurality of posts while passing through a mouse wheel or a user gesture. Therefore, it is possible to effectively display a plurality of post lists on a plane in three dimensions, thereby increasing accessibility in use.
전술한 바와 같은 구성으로 이루어지는 본 발명의 기술이 적용된 토론형 댓글 인터페이스 제공 방법의 사용상태를 살펴보면 다음과 같다.The use state of the discussion comment interface providing method to which the technique of the present invention having the above-described configuration is applied will be described below.
우선, 도 3에 도시된 바와 같이 게시판(1)에 새로운 주제를 발제하여 참여자들과 토론을 벌이기 위해 발제자가 원게시물(100)을 입력하면 원게시물(100) 정보가 게시판 DB(2)에 등록된다.3, when a presenter inputs a
또한, 토론 진행자가 토론 주제 및 현시점까지의 토론 진행 상황 등에 대한 정리게시물(200)을 입력하면 정리게시물(200) 정보가 DB(2)에 등록되며, 발제자가 토론 진행 상황에 따라 수정게시물(300)을 입력하면 수정게시물(300) 정보가 DB(2)에 등록된다.Also, when the discussion facilitator inputs the
한편, 토론 참여자들은 원게시물(100)에 대해서 의견을 반영한 1차댓글(110)을 입력하거나, 1차댓글(110)에 대한 의견을 반영한 2차댓글(120)을 입력하거나, 2차댓글(120)에 대한 의견을 반영한 3차댓글(130)을 입력하는 식으로 상위 게시물에 대한 하위 게시물이 입력되면 각각의 게시물 정보가 DB(2)에 등록된다.Meanwhile, the discussion participants can input a
상기 게시판 DB(2)에는 게시판(1)에 등록되는 각각의 게시물 간의 관계 구조가 스키마에 따라 트리 관계를 이루도록 스레드를 생성하고 이를 랜더링하여 본 발명의 토론형 댓글 인터페이스 제공 방법에 따라 디스플레이되도록 설계된다.A thread is created in the
따라서, 상기와 같이 등록된 각각의 게시물들은 게시판(1) 상에 할당된 영역에 디스플레이되며, 구체적인 인터페이스는 다음과 같다.Accordingly, each of the posts registered as described above is displayed in an area allocated on the
도 1은 본 발명의 토론형 댓글 인터페이스 제공 방법의 실시 예에 따른 구성도이며, 설명의 편의를 위해 원게시물(100), 정리게시물(200), 수정게시물(300)은 검정, 1차댓글(110)은 빨강, 2차댓글(120)은 파랑, 3차댓글(130)은 초록으로 색상을 구분하여 도시하였다.FIG. 1 is a block diagram of a method for providing a discussion comment interface according to an embodiment of the present invention. For convenience of explanation, a
도 1에 도시된 바와 같이, 상기 원게시물(100)은 게시판(1)의 최상위 행에 디스플레이되어 발제 된 토론 주제를 명확하게 디스플레이하도록 디스플레이된다.As shown in Fig. 1, the
상기 원게시물(100)에 대한 1차댓글(110)은 원게시물(100)의 하위에서 디스플레이되며, 복수개로 게시된 경우 원게시물(100)의 1차댓글-1, 1차댓글-2, 1차댓글-3과 같이 동등한 지위에서 복수의 열로 구분하여 디스플레이된다.The
상기 1차댓글(110)에 대한 2차댓글(120)은 1차댓글(110)의 하위에서 디스플레이되며, 마찬가지로 복수개로 게시된 경우 1차댓글(110)의 2차댓글-1, 2차댓글-2와 같이 동등한 지위에서 복수의 열로 구분하여 디스플레이된다.The
상기 2차댓글(120)에 대한 3차댓글(130)은 2차댓글(120)의 하위에서 디스플레이되며, 역시 복수개로 게시된 경우 2차댓글(120)의 3차댓글-1, 3차댓글-2와 같이 동등한 지위에서 복수의 열로 구분하여 디스플레이된다.The
한편, 1차댓글-3의 2차댓글(120)과 같이 댓글의 수가 점차 증가하여 동등한 행 상에 복수의 열로 구분하여 디스플레이할 수 있는 지면 폭 할당 범위를 초과한 경우에는 상하 순차로 중첩된 레이어(L) 형태로 디스플레이한다.On the other hand, when the number of comments increases gradually as in the second comment (120) of the first comment-3 and exceeds the floor width allocation range that can be displayed in a plurality of columns on the same row, (L).
아울러, 레이어(L) 형태로 디스플레이된 게시물은 도 2에 도시된 바와 같이 커버플로우 방식으로 디스플레이하여 상위 게시물인 1차댓글(110)의 하위에 2차댓글(120)들이 L1 내지 L7로 구분된 레이어(L)로 디스플레이된다. In addition, the posts displayed in the form of a layer (L) are displayed in a cover flow manner as shown in FIG. 2, and
따라서, 게시판(1) 사용자는 게시물을 클릭 또는 터치하거나 마우스의 휠이나 슬라이딩 제스쳐에 의해 해당 게시물을 탐색, 확인할 수 있게 된다.Therefore, the user of the
이상에서와 같은 본 발명에 의한 토론형 댓글 인터페이스 제공 방법은 온라인 게시판(1)에 게시되는 다수의 게시물을 더욱 효과적으로 디스플레이할 수 있는 사용자 인터페이스를 제공하여 게시판(1) 사용자가 한눈에 다수의 게시물 및 댓글 등의 관계 구조를 명확하게 인식하고 용이하게 파악할 수 있도록 하여 효율적인 토론을 진행할 수 있도록 하는 이점이 있다.As described above, the method for providing a discussion-type comment interface according to the present invention provides a user interface capable of more effectively displaying a plurality of posts posted on the
아울러, 반응형 디자인(Responsive Design) 기술을 적용하여 게시판(1)의 폭이 현저히 좁은 상태에서는 종래 계층식 종방향으로 구성된 게시판 인터페이스를 함께 제공할 수 있는 개방형 확장성을 겸비할 수도 있는 등의 다양한 이점이 있다.In addition, when the width of the
1: 게시판
2: 게시판 DB
100: 원게시물
110: 원게시물의 하위 1차댓글
120: 1차댓글의 하위 2차댓글
130: 2차댓글의 하위 3차댓글
200: 정리게시물
300: 수정게시물
L: 레이어1: bulletin board
2: Board DB
100: One post
110: Sub-1st comment of the circle post
120: Sub-2 comments on the first comment
130:
200: Cleanup posts
300: Edit post
L: Layer
Claims (3)
상기 원게시물(100)은 게시판(1)의 최상위 행에 디스플레이하여 게시판(1)에 입장한 이용자에게 시인성을 부각하고;
상기 1차댓글(110)과 2차댓글(120) 및 3차댓글(130)은 각각의 해당 상위 게시물의 하위에 디스플레이하되 1차댓글(110)과 2차댓글(120) 및 3차댓글(130)이 다수로 존재할 경우, 해당 상위 게시물에 종속된 하위에서 다수의 열로 배치하고;
상기 정리게시물(200)과 수정게시물(300)은 3차댓글(130)의 하위에서 행으로 배치하여 게시판(1)에 게시되는 다수의 게시물이 상·하위 종속 관계에 따라 게시판의 평면상에 다수의 행과 열로 분할 배치되도록 디스플레이하고;
상기 1차댓글(110)과 2차댓글(120) 및 3차댓글(130)은, 게시물의 수가 점차 증가하여 동등한 행 상에 다수의 열로 배치할 수 있는 범위를 초과할 경우, 해당 상위 게시물의 하위에서 상하 순차로 중첩된 레이어(L) 형태로 디스플레이하고;
상기 상하 순차로 중첩된 레이어(L) 형태로 디스플레이된 게시물은, 레이어(L)의 최상위 게시물(L1)을 클릭하면 해당 상위 게시물의 하위에서 커버플로우 방식으로 다수의 레이어(L1~L7)를 디스플레이하여 사용자의 좌우 슬라이딩 제스쳐에 의해 단위 레이어(L1~L7)를 선택하여 열람할 수 있도록 구성하는 것을 특징으로 하는 토론형 댓글 인터페이스 제공 방법.The original post 100 of the speaker who is posted on the online bulletin board 1, the organizing post 200 of the discussion host with respect to the original post 100, the corrected post 300 of the presentant and the original post 100 A second comment 120 which posted a comment on the first comment 110 and a third comment 130 which posted comments on the second comment 120. The first comment 110, The method comprising the steps of: displaying a sub-post that is subordinate to each parent post in the order of:
The original post 100 is displayed on the top row of the bulletin board 1 to highlight the visibility of the user who entered the bulletin board 1;
The first comment 110, the second comment 120, and the third comment 130 are displayed under the corresponding top posts, and the first comment 110, the second comment 120, and the third comment 130 130) are present in a plurality of columns, the columns are arranged in a plurality of columns from the subordinate to the corresponding upper posts;
The rearrangement post 200 and the correction post 300 are arranged in rows from the bottom of the third comment 130 so that a large number of posts posted on the bulletin board 1 are displayed on the plane of the bulletin board To be divided and arranged in rows and columns;
The first comment 110, the second comment 120, and the third comment 130, when the number of posts gradually increases and exceeds a range that can be arranged as a plurality of columns on the same row, Displaying in the form of an overlapped layer (L) in the descending order;
The posts displayed in the form of the layer L overlapped with each other in the upper and lower order are displayed by displaying a plurality of layers L1 to L7 in a cover flow manner below the upper posts L1 when the top posts L1 of the layers L are clicked And the unit layers (L1 to L7) can be selected and viewed by the left and right sliding gestures of the user.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020150121158A KR101675299B1 (en) | 2015-08-27 | 2015-08-27 | Forum type user interface providing method for posted comments |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020150121158A KR101675299B1 (en) | 2015-08-27 | 2015-08-27 | Forum type user interface providing method for posted comments |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR101675299B1 true KR101675299B1 (en) | 2016-11-11 |
Family
ID=57527700
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020150121158A Expired - Fee Related KR101675299B1 (en) | 2015-08-27 | 2015-08-27 | Forum type user interface providing method for posted comments |
Country Status (1)
| Country | Link |
|---|---|
| KR (1) | KR101675299B1 (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR101865906B1 (en) * | 2017-06-07 | 2018-06-08 | (주)오투팜 | Method and program for providing updated information |
| WO2020141690A1 (en) * | 2018-12-31 | 2020-07-09 | 충남대학교산학협력단 | Smart contract-based thesis examination system |
| US20230140045A1 (en) * | 2020-09-15 | 2023-05-04 | Beijing Zitiao Network Technology Co., Ltd. | Information processing method and apparatus, device and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20090047192A (en) | 2007-11-07 | 2009-05-12 | 현대자동차주식회사 | Cylinder head structure of the engine |
| KR20100079617A (en) * | 2008-12-31 | 2010-07-08 | 엔에이치엔(주) | System of displaying pros and cons on online issue and method thoereof |
| KR20130080519A (en) * | 2012-01-05 | 2013-07-15 | 삼성전자주식회사 | Operating method for conversation based on a message and device supporting the same |
| KR20130103208A (en) * | 2012-03-09 | 2013-09-23 | 주식회사 소프트클라우드 | Method for providing social discussion network service |
| JP2014056433A (en) * | 2012-09-12 | 2014-03-27 | Multi Solution Co Ltd | Debate type web contribution program and system |
-
2015
- 2015-08-27 KR KR1020150121158A patent/KR101675299B1/en not_active Expired - Fee Related
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20090047192A (en) | 2007-11-07 | 2009-05-12 | 현대자동차주식회사 | Cylinder head structure of the engine |
| KR20100079617A (en) * | 2008-12-31 | 2010-07-08 | 엔에이치엔(주) | System of displaying pros and cons on online issue and method thoereof |
| KR20130080519A (en) * | 2012-01-05 | 2013-07-15 | 삼성전자주식회사 | Operating method for conversation based on a message and device supporting the same |
| KR20130103208A (en) * | 2012-03-09 | 2013-09-23 | 주식회사 소프트클라우드 | Method for providing social discussion network service |
| JP2014056433A (en) * | 2012-09-12 | 2014-03-27 | Multi Solution Co Ltd | Debate type web contribution program and system |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR101865906B1 (en) * | 2017-06-07 | 2018-06-08 | (주)오투팜 | Method and program for providing updated information |
| WO2018226007A1 (en) * | 2017-06-07 | 2018-12-13 | (주)오투팜 | Updated publication information providing method and program |
| WO2020141690A1 (en) * | 2018-12-31 | 2020-07-09 | 충남대학교산학협력단 | Smart contract-based thesis examination system |
| US20230140045A1 (en) * | 2020-09-15 | 2023-05-04 | Beijing Zitiao Network Technology Co., Ltd. | Information processing method and apparatus, device and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Yi et al. | TimeMatrix: Analyzing temporal social networks using interactive matrix-based visualizations | |
| Buffat | Street-level bureaucracy and e-government | |
| Cokol et al. | Retraction rates are on the rise | |
| Hoque et al. | Convis: A visual text analytic system for exploring blog conversations | |
| US9904456B2 (en) | Gesture-based visualization of data grid on mobile device | |
| Basole et al. | Understanding variations in pediatric asthma care processes in the emergency department using visual analytics | |
| Häussler | Civil society, the media and the internet: Changing roles and challenging authorities in digital political communication ecologies | |
| US10341278B2 (en) | Adaptive presentation of comments based on sentiment | |
| Murdayanti et al. | The development of internet financial reporting publications: A concise of bibliometric analysis | |
| US11461533B2 (en) | Generating a document preview | |
| Rebrus et al. | Monotonicity and the typology of front/back harmony | |
| Wastell et al. | Beyond bureaucracy: Emerging trends in social care informatics | |
| KR101675299B1 (en) | Forum type user interface providing method for posted comments | |
| Tohidi et al. | A new non-oriented model for classifying flexible measures in DEA | |
| Cohn et al. | The cultural pages of comics: Cross-cultural variation in page layouts | |
| Mainka et al. | Maturity and usability of e-government in informational world cities | |
| Pizarro Milian et al. | Symbolic resources and marketing strategies in Ontario higher education: a comparative analysis | |
| Charron | Government quality and vertical power-sharing in fractionalized states | |
| US9553949B2 (en) | Method and system implemented by a collaborative distributed computational network, and related devices | |
| Ess | Editor's Introduction: Innovations in the newsroom–and beyond | |
| Corona | A window to the world: Visual design and research visibility of European research projects’ homepages | |
| Dierks et al. | Industry conversion tables for German firm-level data | |
| Wang et al. | Does a paper being featured on the cover of a journal guarantee more attention and greater impact? | |
| US9373079B2 (en) | Argument and decision optimizing engine | |
| DE102016204692A1 (en) | Control of multiple selection on touch-sensitive surfaces |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PA0109 | Patent application |
St.27 status event code: A-0-1-A10-A12-nap-PA0109 |
|
| PA0201 | Request for examination |
St.27 status event code: A-1-2-D10-D11-exm-PA0201 |
|
| D13-X000 | Search requested |
St.27 status event code: A-1-2-D10-D13-srh-X000 |
|
| D14-X000 | Search report completed |
St.27 status event code: A-1-2-D10-D14-srh-X000 |
|
| PE0902 | Notice of grounds for rejection |
St.27 status event code: A-1-2-D10-D21-exm-PE0902 |
|
| E13-X000 | Pre-grant limitation requested |
St.27 status event code: A-2-3-E10-E13-lim-X000 |
|
| P11-X000 | Amendment of application requested |
St.27 status event code: A-2-2-P10-P11-nap-X000 |
|
| P13-X000 | Application amended |
St.27 status event code: A-2-2-P10-P13-nap-X000 |
|
| R18-X000 | Changes to party contact information recorded |
St.27 status event code: A-3-3-R10-R18-oth-X000 |
|
| E701 | Decision to grant or registration of patent right | ||
| PE0701 | Decision of registration |
St.27 status event code: A-1-2-D10-D22-exm-PE0701 |
|
| GRNT | Written decision to grant | ||
| PR0701 | Registration of establishment |
St.27 status event code: A-2-4-F10-F11-exm-PR0701 |
|
| PR1002 | Payment of registration fee |
St.27 status event code: A-2-2-U10-U11-oth-PR1002 Fee payment year number: 1 |
|
| PG1601 | Publication of registration |
St.27 status event code: A-4-4-Q10-Q13-nap-PG1601 |
|
| P22-X000 | Classification modified |
St.27 status event code: A-4-4-P10-P22-nap-X000 |
|
| FPAY | Annual fee payment |
Payment date: 20191008 Year of fee payment: 4 |
|
| PR1001 | Payment of annual fee |
St.27 status event code: A-4-4-U10-U11-oth-PR1001 Fee payment year number: 4 |
|
| PR1001 | Payment of annual fee |
St.27 status event code: A-4-4-U10-U11-oth-PR1001 Fee payment year number: 5 |
|
| PR1001 | Payment of annual fee |
St.27 status event code: A-4-4-U10-U11-oth-PR1001 Fee payment year number: 6 |
|
| PC1903 | Unpaid annual fee |
St.27 status event code: A-4-4-U10-U13-oth-PC1903 Not in force date: 20221108 Payment event data comment text: Termination Category : DEFAULT_OF_REGISTRATION_FEE |
|
| R18-X000 | Changes to party contact information recorded |
St.27 status event code: A-5-5-R10-R18-oth-X000 |
|
| PC1903 | Unpaid annual fee |
St.27 status event code: N-4-6-H10-H13-oth-PC1903 Ip right cessation event data comment text: Termination Category : DEFAULT_OF_REGISTRATION_FEE Not in force date: 20221108 |
|
| P22-X000 | Classification modified |
St.27 status event code: A-4-4-P10-P22-nap-X000 |