KR101099170B1 - Method for generating a timeline user interface - Google Patents
Method for generating a timeline user interface Download PDFInfo
- Publication number
- KR101099170B1 KR101099170B1 KR1020090115923A KR20090115923A KR101099170B1 KR 101099170 B1 KR101099170 B1 KR 101099170B1 KR 1020090115923 A KR1020090115923 A KR 1020090115923A KR 20090115923 A KR20090115923 A KR 20090115923A KR 101099170 B1 KR101099170 B1 KR 101099170B1
- Authority
- KR
- South Korea
- Prior art keywords
- content
- timeline
- year
- interface
- line
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/58—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
- G06F16/44—Browsing; Visualisation therefor
- G06F16/447—Temporal browsing, e.g. timeline
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/53—Querying
- G06F16/532—Query formulation, e.g. graphical querying
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/54—Browsing; Visualisation therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Multimedia (AREA)
- Human Computer Interaction (AREA)
- Mathematical Physics (AREA)
- Library & Information Science (AREA)
- User Interface Of Digital Computer (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
본 발명은 다수의 콘텐츠를 복수의 사용자로부터 입력받고; 입력된 콘텐츠에 매칭되는 검색 키워드에 따라 분류하여 관리하고; 분류된 콘텐츠에 대한 기준연도에 따라 콘텐츠 각각을 타임라인에 마킹하고; 콘텐츠의 검색을 검색 키워드를 통해 요청받으면서, 타임라인을 통해 조회기간을 시작연도 및 끝연도로 설정받고; 타임라인과 연동하고, 시작연도 및 끝연도에 대응하는 조회기간을 나타내면서 검색키워드 별로 조회가 요청된 콘텐츠를 정렬하는 하나 이상의 계열라인을 형성하고; 디스플레이부를 통해, 마킹된 콘텐츠를 기준연도의 순서에 따라 각각 계열라인 상에 디스플레이하는; 타임라인 유저 인터페이스 표시방법을 제공하는 것을 목적으로 한다.The present invention receives a plurality of contents from a plurality of users; Classify and manage according to a search keyword matching the input content; Marking each content in the timeline according to a reference year for the classified content; Requesting a search for content through a search keyword, and setting a search period as a start year and end year through a timeline; Forming at least one series line in association with the timeline and sorting the content requested for each search keyword while indicating a search period corresponding to a start year and an end year; Displaying the marked contents on the series lines in the order of the reference year through the display unit; An object of the present invention is to provide a timeline user interface display method.
상기와 같은 본 발명에 따르면, 웹기반 데이터베이스 시스템을 이용하여 일반적 주제에 대하여 공동작성이 가능한 자료 작성 시스템을 개발하고, 작성된 데이터베이스와 연동하여 자료를 시간적 순서에 의하여 정보화하고 사용자로 하여금 손쉽게 원하는 연대에 접근하고 자료를 탐색 및 리뷰할 수 있는 효과가 있다.According to the present invention as described above, using a web-based database system to develop a data creation system that can be co-written on a general subject, and in conjunction with the created database information in a timely order and the user easily to the desired date It has the effect of accessing, exploring and reviewing materials.
타임라인, 인터페이스 Timeline, interface
Description
본 발명은 타임라인을 이용하여 사용자와 서버 간의 디스플레이 인터페이스 및 자료조회 인터페이스를 형성하는 타임라인 유저 인터페이스 표시방법에 관한 것이다.The present invention relates to a timeline user interface displaying method for forming a display interface and a data inquiry interface between a user and a server using a timeline.
특정 주제에 대하여 시간적인 순서로 정보를 나열하고 선형으로 나타낸 정보디자인을 가리켜 타임라인(timeline)이라고 한다. 타임라인은 보는 이로 하여금 보다 효율적이고 직관적으로 정보들 사이의 시간적 맥락을 파악할 수 있도록 하는 정보화 과정을 수행하기 때문에, 타임라인을 작성하는 작업은 과거를 통해 현재를 통찰하고 또한 미래를 예측가능하게 함으로써, 오늘날 다양한 트렌드 연구와 역사 연구에 활용되며 자료들 사이의 시간적 전후관계를 직관적으로 보여주어 역사적 인과관계의 파악을 더욱 용이하게 해주고 있다.An information design that lists information in a chronological order on a particular subject and displays it linearly is called a timeline. Since the timeline performs an informatization process that allows viewers to more efficiently and intuitively identify the temporal context between the information, the task of creating a timeline is to provide insight into the present through the past and predict the future. Today, it is used for various trend studies and historical studies, and it makes it easier to grasp historical causal relations by intuitively showing the temporal context between data.
그동안 인쇄 매체를 통해서 작성된 타임라인은 그 기준이 되는 시간이 무한한 반면에 그 표현 매체인 종이가 유한함으로써 그 위에 표시하려는 사실의 개수와 시간대에 한계점이 있었다. 또한, 사람의 손으로 일일이 시간적인 비례에 맞추어 자료들을 나열해야 함으로써 많은 시간과 노동력의 낭비를 가져오는 단점도 문제점으로 지적되어왔다. While the timeline created through the print media has infinite time as a reference, there is a limit to the number and time of facts to be displayed on it because the paper as the expression medium is finite. In addition, it has been pointed out that the disadvantage of having to waste a lot of time and labor by listing the data in time proportions by hand.
따라서 공간적 제약을 극복할 수 있는 다른 매체에 적용하는 연구와 함께 컴퓨터를 이용하여 연대표 구현 과정을 자동화하는 과정이 필요하다. 그리고 다른 매체에 적용할 시 그 매체에 적합한 인터페이스(interface)를 디자인하는 과정 또한 필요할 것이다. Therefore, there is a need for automating the timeline implementation process using a computer along with the research applied to other media that can overcome spatial constraints. In addition, when applying to other media, a process of designing an interface suitable for the media will also be necessary.
본 발명은 상기와 같은 문제를 해결하기 위해 안출된 것으로서, 더욱 상세하게는, 다수의 콘텐츠를 복수의 사용자로부터 입력받고; 입력된 콘텐츠에 매칭되는 검색 키워드에 따라 분류하여 관리하고; 분류된 콘텐츠에 대한 기준연도에 따라 콘텐츠 각각을 타임라인에 마킹하고; 콘텐츠의 검색을 검색 키워드를 통해 요청받으면서, 타임라인을 통해 조회기간을 시작연도 및 끝연도로 설정받고; 타임라인과 연동하고, 시작연도 및 끝연도에 대응하는 조회기간을 나타내면서 검색키워드 별로 조회가 요청된 콘텐츠를 정렬하는 하나 이상의 계열라인을 형성하고; 디스플레이부를 통해, 마킹된 콘텐츠를 기준연도의 순서에 따라 각각 계열라인 상에 디스플레이하는; 타임라인 유저 인터페이스 표시방법을 제공하는 것을 목적으로 한다.The present invention has been made to solve the above problems, more specifically, a plurality of content is input from a plurality of users; Classify and manage according to a search keyword matching the input content; Marking each content in the timeline according to a reference year for the classified content; Requesting a search for content through a search keyword, and setting a search period as a start year and end year through a timeline; Forming at least one series line in association with the timeline and sorting the content requested for each search keyword while indicating a search period corresponding to a start year and an end year; Displaying the marked contents on the series lines in the order of the reference year through the display unit; An object of the present invention is to provide a timeline user interface display method.
상기와 같은 목적을 달성하기 위한 본 발명의 타임라인 유저 인터페이스 표시방법은, 서버(10)가 다수의 콘텐츠를 복수의 사용자로부터 입력받는 콘텐츠입력단계(S1); 상기 서버(10)가 입력된 콘텐츠에 매칭되는 검색 키워드에 따라 상기 입력된 콘텐츠를 분류하여 관리하는 콘텐츠 분류단계(S2); 상기 서버(10)가 분류된 콘텐츠에 설정된 시간정보인 콘텐츠의 내용에 대한 실제 시점을 나타내는 기준연도에 따라 상기 분류된 콘텐츠 각각을 타임라인(L1)에 마킹하는 콘텐츠 마킹단계(S3); 상기 서버(10)가 분류된 콘텐츠의 검색을 검색 키워드를 통해 요청받으면서, 상기 타임라인(L1)을 통해 상기 기준연도가 포함되는 조회기간을 시작연 도 및 끝연도로 설정받는 자료조회 요청단계(S4); 상기 서버(10)는 상기 타임라인(L1)과 연동하고, 상기 시작연도 및 끝연도에 대응하는 조회기간을 나타내면서 상기 검색키워드 별로 조회가 요청된 콘텐츠를 정렬하는 하나 이상의 계열라인(L3)을 통해 디스플레이 인터페이스(I4)를 형성하는 디스플레이 인터페이스 형성단계(S5); 및 상기 서버(10)는 상기 디스플레이부(18)를 통해, 마킹된 콘텐츠를 기준연도의 순서에 따라 각각 상기 계열라인(L3) 상에 디스플레이하면서, 디스플레이된 콘텐츠의 전개 요청시 개별적으로 전개되게 디스플레이하는 디스플레이 단계(S6); 를 포함하는 것을 특징으로 한다.Timeline user interface display method of the present invention for achieving the above object, the server 10 is a content input step of receiving a plurality of content from a plurality of users (S1); A content classification step (S2) in which the server 10 classifies and manages the input content according to a search keyword matching the input content; A content marking step (S3) in which the server (10) marks each of the classified contents on a timeline (L1) according to a reference year indicating an actual time point for the contents of the contents which is time information set in the classified contents; The server 10 requests a search for classified content through a search keyword, and sets a search period including the reference year as a start year and an end year through the timeline (L1). S4); The server 10 is interworked with the timeline L1, and displays one or more series lines L3 that display the search periods corresponding to the start year and the end year, and sort the requested content by the search keywords. A display interface forming step S5 of forming a display interface I4; The server 10 displays the marked contents on the series line L3 in the order of the reference year through the display unit 18, and displays them separately upon request for the deployment of the displayed contents. A display step S6; Characterized in that it comprises a.
상기 디스플레이 인터페이스 형성단계(S5)는, 1차원적 라인으로 상기 디스플레이부(18)에 표시되도록 형성되어, 상기 미리 설정된 시간정보에 따라 상기 분류된 콘텐츠 각각이 마킹되는 상기 타임라인(L1)을 형성하는 타임라인 생성단계(S51); 상기 타임라인(L1)을 미리 정해진 간격으로 분할하면서 상기 타임라인(L1)과 연계되고, 상기 콘텐츠의 시간정보를 상기 계열라인(L3)에서 표시하는 수직방향 보조라인(L2)을 형성하는 보조라인 형성단계(S52); 상기 타임라인(L1)의 상부 배치되는 콘텐츠 또는 상기 계열라인(L3)에 배치되는 콘텐츠를 시각적으로 형상화한 이미지인 콘텐츠 썸네일(S)을 형성하는 썸네일 형성단계(S53); 및 상기 타임라인(L1)을 통해 설정된 조회기간의 시작연도와 끝연도에 대한 각각의 기준연도 사이의 연도 차이에 대응하는 라인 길이로 형성되어, 조회가 요청된 콘텐츠를 연대순으로 라인 상에 정렬하는 계열라인(L3)을 대응하는 상기 검색 키워드에 따라 적어도 하나 이상 형성하여 상기 타임라인(L1) 상부에 위치시키는 계열라인 형성단 계(S54);를 포함하는 것을 특징으로 한다.The display interface forming step S5 is formed to be displayed on the display unit 18 as a one-dimensional line to form the timeline L1 in which each of the classified contents is marked according to the preset time information. Generating a timeline (S51); The auxiliary line which is connected to the timeline L1 while dividing the timeline L1 at predetermined intervals and forms a vertical auxiliary line L2 that displays time information of the content in the series line L3. Forming step (S52); A thumbnail forming step (S53) of forming a content thumbnail (S) which is an image visually shaped of the content disposed above the timeline (L1) or the content disposed on the series line (L3); And a line length corresponding to a year difference between each reference year for a start year and an end year of a search period set through the timeline L1, to sort the contents requested for search on a line in chronological order. And a series line forming step S54 for forming at least one sequence line L3 according to the corresponding search keyword and positioned above the timeline L1.
상기 타임라인 생성단계(S51)는, 상기 타임라인(L1)을 상기 디스플레이 인터페이스(I4) 및 상기 디스플레이 인터페이스(I4)의 하단에 인접하여 형성되는 자료조회 인터페이스(I2)의 경계라인에 형성하는 것을 특징으로 한다.The timeline generating step S51 may include forming the timeline L1 on a boundary line of the data inquiry interface I2 formed adjacent to the display interface I4 and the lower end of the display interface I4. It features.
상기 계열라인 형성단계(S54)는, 상기 타임라인(L1)을 통해 설정된 조회의 시작연도 및 끝년도에 대한 조회기간을 입력받아, 시작연도 및 끝년도 사이의 연도 차이에 대응하는 라인 길이를 설정하는 라인 길이 형성단계(S541); 상기 분류된 콘텐츠를 검색할 수 있는 상기 검색 키워드를 상기 계열라인(L3)에 설정하여 상기 계열라인(L3)을 적어도 하나 이상 형성하는 검색 키워드 설정단계(S542); 및 조회가 요청된 콘텐츠를 상기 시간정보 순으로 각각의 상기 계열라인(L3) 상에 배치하면서 디스플레이하는 콘텐츠 배치단계(S543);를 포함하는 것을 특징으로 한다.In the series line forming step (S54), receiving a search period for a start year and an end year of the inquiry set through the timeline L1, and setting a line length corresponding to the year difference between the start year and the end year. A line length forming step (S541); A search keyword setting step (S542) of setting at least one series line (L3) by setting the search keyword capable of searching the classified content in the series line (L3); And a content disposition step (S543) for displaying the requested content while disposing the content on the sequence line L3 in the order of the time information.
디스플레이 인터페이스(I4) 및 자료조회 인터페이스(I2)에서 콘텐츠입력 인터페이스(I1)로의 상호전환을 제어하는 컨트롤 인터페이스(I3)를 형성하는 컨트롤 인터페이스 단계를 더 형성하는 것을 특징으로 한다.And a control interface step for forming a control interface I3 for controlling the switching from the display interface I4 and the data inquiry interface I2 to the content input interface I1.
상기와 같은 본 발명에 따르면, 웹기반 데이터베이스 시스템을 이용하여 일반적 주제에 대하여 공동작성이 가능한 자료 작성 시스템을 개발하고, 작성된 데이터베이스와 연동하여 자료를 시간적 순서에 의하여 정보화하고 사용자로 하여금 손쉽게 원하는 연대에 접근하고 자료를 탐색 및 리뷰할 수 있는 효과가 있다.According to the present invention as described above, using a web-based database system to develop a data creation system that can be co-written on a general subject, and in conjunction with the created database information in a timely order and the user easily to the desired date It has the effect of accessing, exploring and reviewing materials.
이하, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 본 발명을 용이하게 실시할 수 있을 정도로 본 발명의 바람직한 실시예를 첨부된 도면을 참조하여 설명하면 다음과 같다.Hereinafter, preferred embodiments of the present invention will be described with reference to the accompanying drawings such that those skilled in the art may easily implement the present invention.
도 1은 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 시스템 구성도이고, 도 2는 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 시스템 상세 구성도이고, 도 3은 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법의 절차 흐름도이다. 1 is a system configuration diagram according to a timeline user interface display method according to an embodiment of the present invention, FIG. 2 is a detailed system configuration diagram according to a timeline user interface display method according to an embodiment of the present invention, and FIG. A flowchart of a method of displaying a timeline user interface, which is an embodiment of the present invention.
도 1 내지 도 3을 참조하여 이하 설명한다.A description with reference to FIGS. 1 to 3 is as follows.
본 발명은, 서버(10)가 다수의 콘텐츠를 복수의 사용자로부터 입력받는 콘텐츠입력단계(S1); 상기 서버(10)가 입력된 콘텐츠에 매칭되는 검색 키워드에 따라 상기 입력된 콘텐츠를 분류하여 관리하는 콘텐츠 분류단계(S2); 상기 서버(10)가 분류된 콘텐츠에 설정된 시간정보인 콘텐츠의 내용에 대한 실제 시점을 나타내는 기준연도에 따라 상기 분류된 콘텐츠 각각을 타임라인(L1)에 마킹하는 콘텐츠 마킹단계(S3); 상기 서버(10)가 분류된 콘텐츠의 검색을 검색 키워드를 통해 요청받으면서, 상기 타임라인(L1)을 통해 상기 기준연도가 포함되는 조회기간을 시작연도 및 끝연도로 설정받는 자료조회 요청단계(S4); 상기 서버(10)는 상기 타임라인(L1)과 연동하면서 상기 시작연도 및 끝연도에 대응하는 조회기간을 나타내면서 상기 검색키워드 별로 조회가 요청된 콘텐츠를 정렬하는 하나 이상의 계열라인(L3)을 통해 디스플레이 인터페이스(I4)를 형성하는 디스플레이 인터페이스 형성단계(S5); 및 상기 서버(10)는 상기 디스플레이부(18)를 통해, 마킹된 콘텐츠를 기준연도의 순서에 따라 각각 상기 계열라인(L3) 상에 디스플레이하면서, 디스플레이된 콘텐츠의 전개 요청시 개별적으로 전개되게 디스플레이하는 디스플레이 단계(S6);를 포함하는 것을 특징으로 한다.The present invention, the server 10 is a content input step of receiving a plurality of contents from a plurality of users (S1); A content classification step (S2) in which the server 10 classifies and manages the input content according to a search keyword matching the input content; A content marking step (S3) in which the server (10) marks each of the classified contents on a timeline (L1) according to a reference year indicating an actual time point for the contents of the contents which is time information set in the classified contents; The server 10 requests a search for classified content through a search keyword, and sets a search period including the reference year as a start year and an end year through the timeline L1 (S4). ); The server 10 displays the search period corresponding to the start year and the end year while interworking with the timeline L1 and displays through one or more series lines L3 for sorting the requested content by the search keywords. A display interface forming step S5 for forming the interface I4; The server 10 displays the marked contents on the series line L3 in the order of the reference year through the display unit 18, and displays them separately upon request for the deployment of the displayed contents. Display step (S6) to be characterized in that it comprises a.
그리고 본 발명을 위한 시스템은, 서버(10)에 입력되는 콘텐츠가 저장되는 데이터베이스(18)와; 콘텐츠를 입력받아 미리 설정된 기준에 따라 분류하여 서버(10)와 사용자 간에 콘텐츠입력 인터페이스(I1)를 형성하는 콘텐츠입력 인터페이스 형성부(12); 디스플레이 인터페이스(I4) 및 자료조회 인터페이스(I2)에서 콘텐츠입력 인터페이스(I1)로의 상호전환을 제어하는 컨트롤 인터페이스(I3)를 형성하는 컨트롤 인터페이스 형성부(20); 타임라인(L1)과 연동하면서 상기 시작연도 및 끝연도에 대응하는 조회기간을 나타내면서 상기 검색키워드 별로 조회가 요청된 콘텐츠를 정렬하는 하나 이상의 계열라인(L3)을 통해 디스플레이 인터페이스(I4)를 형성하는 디스플레이 인터페이스 형성부(22); 사용자가 요청하는 콘텐츠의 검색을 데이터베이스(18)에서 수행하면서, 서버(10)와 사용자 간에 자료조회 인터페이스(I2)를 형성하는 자료조회 인터페이스 형성부(I3); 를 포함하여 형성될 수 있다.In addition, the system for the present invention includes a database (18) for storing contents input to the server (10); A content input
이 경우, 콘텐츠입력 인터페이스 형성부(12)는, 데이터베이스(18)에서 필요한 콘텐츠를 검색하거나 새로운 콘텐츠를 입력하기 위한 콘텐츠 입출력부(14); 및 미리 설정된 기준에 따라 입력된 콘텐츠를 분류하는 콘텐츠 분류부(16);을 포함하여 구성될 수 있다.In this case, the content input
또한, 디스플레이 인터페이스 형성부(22)는, 1차원적 라인으로 상기 디스플 레이부(18)에 표시되도록 형성되어, 상기 미리 설정된 시간정보에 따라 상기 분류된 콘텐츠 각각이 마킹되는 상기 타임라인(L1)을 형성하는 타임라인 생성부(24); 상기 타임라인(L1)을 미리 정해진 간격으로 분할하면서 상기 타임라인(L1)과 연계되고, 상기 콘텐츠의 시간정보를 상기 계열라인(L3)에서 표시하는 수직방향 보조라인(L2)을 형성하는 보조라인 생성부(26); 상기 타임라인(L1)의 상부 배치되는 콘텐츠 또는 상기 계열라인(L3)에 배치되는 콘텐츠를 시각적으로 형상화한 이미지인 콘텐츠 썸네일(S)을 형성하는 썸네일 생성부(28); 상기 타임라인(L1)을 통해 설정된 조회기간의 시작연도와 끝연도에 대한 각각의 기준연도 사이의 연도 차이에 대응하는 라인 길이로 형성되어, 조회가 요청된 콘텐츠를 연대순으로 라인 상에 정렬하는 계열라인(L3)을 대응하는 상기 검색 키워드에 따라 적어도 하나 이상 형성하여 상기 타임라인(L1) 상부에 위치시키는 계열 라인 생성부(30); 및 상기 타임라인(L1)의 상부 배치되는 콘텐츠 또는 상기 계열라인(L3)에 배치되는 콘텐츠를 시각적으로 형상화한 이미지인 콘텐츠 썸네일(S)을 형성하는 키워드 매칭부(32); 를 포함하여 구성될 수 있다.In addition, the display interface forming unit 22 is formed to be displayed on the display unit 18 in a one-dimensional line, and the timeline L1 in which each of the classified contents is marked according to the preset time information. A timeline generator 24 forming a); The auxiliary line which is connected to the timeline L1 while dividing the timeline L1 at predetermined intervals and forms a vertical auxiliary line L2 that displays time information of the content in the series line L3. Generating section 26; A thumbnail generation unit 28 for forming a content thumbnail S which is an image visually shaped on the content disposed on the timeline L1 or the content line disposed on the series line L3; A sequence that is formed with a line length corresponding to a year difference between a start year and an end year of a search period set through the timeline L1, and arranges the contents requested for inquiry on a line in chronological order. A series line generator 30 forming at least one line L3 according to the corresponding search keyword and positioned above the timeline L1; And a keyword matching unit 32 forming a content thumbnail S which is an image visually shaped of the content disposed above the timeline L1 or the content disposed on the series line L3. As shown in FIG.
이들 구조 사이에서는 양방향으로 데이터의 흐름이 발생하게 되고, 사용자의 접근은 플래시 인터페이스를 통해서 가능하다. 플래시 인터페이스가 동원되고, 공동의 데이터베이스(18)를 사용하게 됨으로써 복수의 사용자의 공동 작업할 수 있는 장점이 있다. 또한, 웹브라우저와 플래시를 기반으로 하고 있어서 인터넷만 연결되어 있으면, 하드웨어와 운영체제를 가리지 않고 실행된다.Between these structures, data flows in both directions, and the user's access is possible through the flash interface. The flash interface is mobilized, and the use of a common database 18 has the advantage of allowing multiple users to collaborate. It is also based on web browsers and Flash, so it can run on any hardware and operating system if you have an Internet connection.
즉, 인터페이스를 더욱 풍부하게 해주는 플래시를 말단 구조에 더하여 시스 템을 구성하게 되면, 인터페이스를 플래시가 담당하게 되어 여러 GUI적인 요소를 부가시킬 수 있게 된다. In other words, if the system is configured by adding a flash that enriches the interface to the end structure, the interface is in charge of the interface, and various GUI elements can be added.
예를 들면, 트루타입 폰트의 사용이라던지, 롤오버, 휠 등과 같은 다양한 인터랙션 도구들이 동원될 수 있다. For example, various interaction tools such as the use of TrueType fonts, rollovers, wheels, and the like can be mobilized.
콘텐츠입력 인터페이스 형성부(12)에 구비되는 콘텐츠 입출력부(14)가 다수의 콘텐츠를 복수의 사용자로부터 입력받는 콘텐츠입력단계(S1)를 수행한다. 즉, 콘텐츠 입출력부(14)는 사용자와 서버(10) 간의 콘텐츠입력 인터페이스(I1)를 형성할 수 있다.The content input /
사용자가 콘텐츠를 입력할 수 있는 콘텐츠입력 인터페이스(I1)는 동적인 인터랙션을 필요로 하지 않기 때문에, 콘텐츠 입출력부(14)를 사용하여 간단하고 직관적으로 입력할 수 있도록 콘텐츠입력 인터페이스(I1)가 구현될 수 있다. Since the content input interface I1 through which the user can input content does not require dynamic interaction, the content input interface I1 is implemented so that the user can input the content simply and intuitively using the content input /
도 4는 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 인터페이스 구조도이고, 도 5는 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 자료입력 인터페이스를 나타내는 도면이다. 이하 도 4 및 도 5를 참조하여 설명한다.4 is a diagram illustrating an interface structure according to a timeline user interface display method according to an embodiment of the present invention, and FIG. 5 is a diagram illustrating a data input interface according to a timeline user interface display method according to an embodiment of the present invention. A description with reference to FIGS. 4 and 5 is as follows.
이를 위한, 콘텐츠입력 인터페이스(I1)의 요소는, 도 4에 도시된 바와 같이, 제목 입력 요소; 내용 입력 요소; 기준연도 입력 요소; 이미지 파일 선택 요소; 작성자 입력 요소; 태그 입력 요소; 암호 입력 요소; 확인 버튼 요소; 또는 취소 버튼 요소 중 하나 이상을 포함할 수 있다.For this purpose, an element of the content input interface I1 may include a title input element, as shown in FIG. 4; Content input elements; Base year input element; An image file selection element; Author input element; Tag input elements; Password input element; OK button element; Or it may include one or more of the cancel button element.
입력되는 기준연도의 예로 4자리의 연도가 입력될 수 있다.As an example of the input base year, a four-digit year may be input.
상기 서버(10)에 구비되는 콘텐츠 분류부(16)가 입력된 콘텐츠에 매칭되는 검색 키워드에 따라 상기 입력된 콘텐츠를 분류하여 관리하는 콘텐츠 분류단계(S2)를 수행할 수 있다. The content classification unit 16 included in the server 10 may perform a content classification step S2 of classifying and managing the input content according to a search keyword matching the input content.
콘텐츠 분류부(16)는 입력되는 콘텐츠를 상기 기준연도 입력 요소에 대응하여 조회 시작연도와 끝연도에 따라 분류할 수 있다. 또한, 콘텐츠 분류부(16)는 입력되는 콘텐츠를 상기 제목 입력 요소에 대응하여 타임라인 제목으로 분류할 수 있다.The content classifying unit 16 may classify the input content according to the search start year and end year corresponding to the reference year input element. In addition, the content classifying unit 16 may classify the input content into a timeline title corresponding to the title input element.
더욱 상세하게는, 콘텐츠 분류단계(S2)에서는, 콘텐츠입력 인터페이스(I1)의 제목 입력 요소에 대응하는 콘텐츠를 대표할 수 있는 짧은 제목; 콘텐츠입력 인터페이스의 내용 입력 요소에 대응하는 콘텐츠를 글로 서술한 내용; 콘텐츠입력 인터페이스의 이미지 파일 선택 요소에 대응하는 콘텐츠를 대표하는 이미지; 콘텐츠입력 인터페이스의 기준연도 입력 요소에 대응하는 콘텐츠의 실제 시점을 나타내는 기준연도; 및 콘텐츠입력 인터페이스의 태그 입력 요소에 대응하는 콘텐츠와 관련된 검색 키워드;로 분류할 수 있다.More specifically, in the content classification step S2, a short title that can represent content corresponding to the title input element of the content input interface I1; Content in which the content corresponding to the content input element of the content input interface is described in writing; An image representing content corresponding to an image file selection element of a content input interface; Reference year of the content input interface; reference year representing the actual time point of the content corresponding to the input element; And a search keyword associated with content corresponding to a tag input element of the content input interface.
분류된 콘텐츠는 데이터 베이스(18)에서 분류된 콘텐츠를 대표할 수 있는 짧은 제목에 대한 항목; 콘텐츠를 글로 서술한 내용에 대한 항목; 콘텐츠를 대표하는 이미지에 대한 항목; 콘텐츠의 실제 시점를 나타내는 기준연도에 대한 항목; 및 콘텐츠와 관련된 검색 키워드에 대한 항목;으로 구분하여 저장할 수 있게 된다. The categorized content may include an item for a short title that may represent the categorized content in the database 18; An item about the content describing the content; An item for an image representing content; An item for a base year representing the actual point in time of the content; And items for search keywords related to the content.
본 발명에 동원될 수 있는 데이터베이스의 관리를 위한 프로그램의 일 예로 다중 사용자 형식의 구조질의어 형식의 데이터베이스 관리 시스템(SQL DBMS)인 MySql1이란 데이터베이스 프로그램이 적용될 수 있다. 또한, 본 발명의 데이터베이스의 관리를 위해 phpMyAdmin과 같은 데이터베이스 관리 툴이 적용될 수 있다. 이는 메뉴 클릭만으로 쉽게 데이터베이스의 테이블을 생성할 수 있는 장점이 있다.As an example of a program for managing a database that can be mobilized by the present invention, a database program called MySql1, which is a multi-user structured query type database management system (SQL DBMS), may be applied. In addition, a database management tool such as phpMyAdmin may be applied to manage the database of the present invention. This has the advantage that you can easily create a table in the database by simply clicking a menu.
콘텐츠 입출력부(14)는 데이터베이스(18)에서 필요한 콘텐츠를 검색하거나 새로운 콘텐츠를 입력하기 위해 서버(10)에 동원된다. 콘텐츠 입출력부(14)를 위한 프로그램으로 데이터베이스 입출력 프로그램(php)이 동원될 수 있다.The content input /
데이터베이스는 일정한 구조의 테이블 안에 콘텐츠를 저장하고 있는 구조체일 뿐이며, 데이터베이스에 콘텐츠를 입력하거나 데이터베이스에서 원하는 콘텐츠를 찾아서 플래시 인터페이스에 전달해 주기 위해서는 플래시와 데이터베이스 사이에 매개자가 필요한데 이를 데이터베이스 입출력 프로그램(php)이 수행하게 된다.A database is just a structure that stores content in a table of a certain structure. In order to enter content into a database or find a desired content in a database and deliver it to a flash interface, an intermediary between flash and a database is required. Will perform.
본 발명에 동원될 수 있는 데이터베이스 입출력 시스템은 데이터베이스로 MySql을 사용하고, 데이터베이스 입출력 프로그램에 php이 적용될 수 있다.A database input / output system that can be mobilized by the present invention uses MySql as a database, and php can be applied to a database input / output program.
php를 적용할 경우 query함수를 사용하여 데이터베이스에 질의를 요청하고, 그에 해당하는 값을 데이터베이스로부터 받아서 배열로 저장할 수 있다.If you apply php, you can query the database using the query function and receive the corresponding values from the database and store them in an array.
질의를 요청하는 질의문의 일 예를, $DB->QUERY( "SELECT * FROM `vcm` ORDER BY `timecode`)와 같이 형성할 수 있다.An example of a query requesting a query may be formed as follows: $ DB-> QUERY ("SELECT * FROM` vcm` ORDER BY `timecode`).
vcm이라는 테이블에서 'timecode' 값의 순서대로 콘텐츠를 불러온다. 불러온 콘텐츠는 $DB라는 배열에 저장한다.The content is loaded in the order of the 'timecode' values from the table named vcm. The loaded content is stored in an array called $ DB.
이러한 query함수를 사용하여 플래시 인터페이스에서 원하는 콘텐츠를 불러와서 정리할 수 있도록 php를 작성하고, 작성된 php안에서 적용될 수 있는 함수를 하기와 같이 정의할 수 있다.Using this query function, you can write php to retrieve and organize the desired contents from the flash interface, and define the functions that can be applied in the written php as follows.
예로서, "img_list()"는 모든 콘텐츠의 기준연도와 제목, 내용, 작성자, 썸네일을 로드하는 함수, "echo img_view()"는 플래시에서 요청한 콘텐츠의 세부 내용을 로드하는 함수, "img_modify()"는 플래시에서 요청한 콘텐츠의 내용을 수정하는 함수, "img_delete()"는 플래시에서 요청한 콘텐츠를 삭제하는 함수, "img_new()"는 새로운 콘텐츠를 데이터베이스에 입력하는 함수, "daughter()"는 특정 콘텐츠의 연관콘텐츠를 추가하는 함수, "get_timecode()"는 특정 콘텐츠의 기준연도를 로드하여 플래시에 전달하는 함수, 그리고 "yplot()"는 플래시 인터페이스에서 사용자가 정의한 y좌표를 DB에 기록하는 함수로 정의될 수 있다.For example, "img_list ()" is a function that loads the base year and title, content, author, and thumbnail of all content, "echo img_view ()" is a function that loads the details of content requested by Flash, "img_modify () "Is a function that modifies the content of the requested content in Flash," img_delete () "is a function that deletes the requested content in Flash," img_new () "is a function that inputs new content into the database, and" daughter () " A function that adds the relevant content of the content, "get_timecode ()" loads the base year of the specific content and passes it to Flash, and "yplot ()" writes the y coordinate defined by the user in the Flash interface to the DB. It can be defined as.
도 4에 도시된 바와 같이, 전체적인 인터페이스는 네 가지의 인터페이스로 구성되며, 그 중에서 컨트럴 인터페이스(I3)와 콘텐츠입력 인터페이스(I1)는 사용자의 인터랙션에 의하여 진행된다. As shown in FIG. 4, the overall interface consists of four interfaces, among which the control interface I3 and the content input interface I1 are processed by user interaction.
결국, 실제로 본 발명의 사용자에게 제공되는 디스플레이부의 전체 화면 공간을 구성하는 인터페이스는 디스플레이 인터페이스(I4)와 자료조회 인터페이스(I2)가 된다. As a result, the interface constituting the entire screen space of the display unit provided to the user of the present invention becomes the display interface I4 and the data inquiry interface I2.
디스플레이부의 전체 화면의 구성은 디스플레이 인터페이스(I4)와 자료조회 인터페이스(I2)가 전체 화면의 상하로 배치되면서 형성될 수 있다. 하지만, 디스플레이 인터페이스(I4)가 주된 기능을 수행하는 곳이므로 기본적으로 디스플레이 인터페이스(I4)의 화면 비율이 더 커야한다.The configuration of the entire screen of the display unit may be formed while the display interface I4 and the data inquiry interface I2 are disposed above and below the entire screen. However, since the display interface I4 performs the main function, the aspect ratio of the display interface I4 should be larger.
자료조회 인터페이스(I2)의 구성요소는 6가지 정도로 한 줄에 표시할 수 있 을 정도로 많지 않으므로, 도 6에 도시된 바와 같이, 디스플레이 인터페이스(I4)가 차지하는 비율을 0.8이나 0.9가 바람직하다. 하지만, 비율을 0.9로 할 경우에는 타임라인의 위치가 너무 낮아져서 타임라인과 콘텐츠 사이의 연관성이 떨어져 보이고, 자료조회 인터페이스(I2)의 접근성도 떨어질 수 있어, 디스플레이 인터페이스(I4)가 차지하는 비율을 0.8로 정하는 것이 바람직하다.Since the components of the data query interface I2 are not large enough to be displayed in one line to about six, the ratio of the display interface I4 to 0.8 or 0.9 is preferable as shown in FIG. However, if the ratio is 0.9, the position of the timeline may be so low that the association between the timeline and the content may be inferior, and the accessibility of the data lookup interface I2 may be reduced, so that the ratio of the display interface I4 is 0.8. It is preferable to set it as.
디스플레이 인터페이스(I4)와 자료조회 인터페이스(I2)는 전체적으로 뚜렷이 구분되어야 하는 공간이므로, 색상을 적용하여 구분할 수 있다. 색상을 통해 디스플레이 인터페이스(I4)와 자료조회 인터페이스(I2)를 구분하는 것이 선으로 구분하는 것보다 구분력이 커진다. 또한, 디스플레이 인터페이스(I4)는 콘텐츠의 객관적 정보를 전달해야하는 중립적인 공간이므로, 흰색을 적용하고 자료조회 인터페이스(I2)에는 색상을 적용할 수도 있다.Since the display interface I4 and the data inquiry interface I2 are spaces that must be clearly distinguished as a whole, they can be distinguished by applying color. The distinction between display interface I4 and data lookup interface I2 through color is greater than that with lines. In addition, since the display interface I4 is a neutral space for delivering objective information of content, white may be applied and color may be applied to the data lookup interface I2.
상기 디스플레이 인터페이스 형성부(22)에 구비되는 타임라인 생성부(24)가 상기 검색 키워드에 따라 분류된 콘텐츠 각각을 미리 설정된 시간정보에 따라 타임라인(L1)에 마킹하는 콘텐츠 마킹단계(S3)를 수행할 수 있다.The content marking step (S3) of the timeline generator 24 included in the display interface forming unit 22 marking the content classified according to the search keyword on the timeline L1 according to preset time information. Can be done.
이를 통해, 타임라인 생성부(24)는 사용자와 서버 간의 디스플레이 인터페이스(I4)를 형성하기 위한 타임라인(L1)을 디스플레이부(18)에 형성할 수 있게 된다.In this way, the timeline generator 24 may form a timeline L1 on the display 18 to form the display interface I4 between the user and the server.
자료조회 인터페이스 형성부(I3)가 분류된 콘텐츠의 검색을 검색 키워드를 통해 요청받으면서, 서버(10)와 사용자 간에 자료조회 인터페이스(I2)를 형성하면서 자료조회 요청단계(S4)를 수행한다.The data inquiry interface forming unit I3 performs a data inquiry request step S4 while forming a data inquiry interface I2 between the server 10 and the user while receiving a request for searching for classified content through a search keyword.
또한, 자료조회 요청단계(S4)에서는 디스플레이 인터페이스(I4)의 타임라 인(L1)을 통해 상기 기준연도가 포함되는 조회기간을 시작연도 및 끝연도로 설정받을 수 있다.In addition, in the data inquiry request step (S4), the inquiry period including the reference year may be set as the start year and the end year through the timeline L1 of the display interface I4.
설정된 시작연도 및 끝연도에 대한 정보는 계열라인 생성부(30)에 인가되어 디스플레이되는 계열라인(L3)의 라인 길이를 형성하는 기준이 된다.Information about the set start year and end year is a reference for forming the line length of the series line L3 that is applied to the series line generator 30 and displayed.
자료조회 인터페이스(I2)의 요소는, 콘텐츠 썸네일을 충분한 크기의 원본 이미지로 보여주는 콘텐츠 이미지; 콘텐츠의 제목; 콘텐츠의 내용; 콘텐츠삭제 버튼; 콘텐츠수정 버튼; 프린트 버튼; 및 콘텐츠 조회를 중지한 후, 원래 전체 결과를 조회하는 인터페이스롤 돌아가는 조회 끝 버튼으로 형성될 수 있다.Elements of the data lookup interface I2 may include: a content image that shows a content thumbnail as a sufficiently large original image; The title of the content; The content of the content; Delete content button; A content editing button; Print button; And an inquiry end button for returning to the interface for inquiring the original whole result after the content inquiry is stopped.
나아가, 자료조회 인터페이스(I2)는, 콘텐츠의 콘텐츠 썸네일(S)을 클릭했을 경우, 전개되는 인터페이스로 구조로도 형성될 수 있다.Further, the data lookup interface I2 may be formed in a structure as an interface that is expanded when the content thumbnail S of the content is clicked.
자료조회 인터페이스(I2)에서의 주된 구현 목표는 플래시의 장점인 트루타잎 폰트 출력 함수를 사용하여, 비트맵 폰트가 아닌 인쇄용의 벡터 폰트로 핸드아웃을 출력하는 데에 있다.The main implementation goal in the data lookup interface (I2) is to output the handout in a vector font for printing rather than a bitmap font, using the truetaple font output function, which is the advantage of Flash.
이를 위한, 자료조회 인터페이스(I2)에서 일어나는 인터랙션 과정은 다음과 같다.For this purpose, the interaction process that occurs in the data lookup interface (I2) is as follows.
먼저, 콘텐츠 썸네일 클릭한다.First, click on the content thumbnail.
다음, 현재화면의 디스플레이 인터페이스(I4)와 자료조회 인터페이스(I2)가 사라지고 전체화면이 자료조회 인터페이스(I2)로 바뀐다.Next, the display interface I4 and the data lookup interface I2 of the current screen disappear, and the entire screen is changed to the data lookup interface I2.
다음, 콘텐츠 조회 및 삭제나, 수정, 프린트를 수행한다.Next, the content is searched and deleted, modified, or printed.
마지막으로, 나가기 버튼을 클릭하여 원래의 디스플레이 인터페이스(I4)로 돌아온다.Finally, click the Exit button to return to the original display interface I4.
상기 디스플레이 인터페이스 형성단계(S5)는, 1차원적 라인으로 상기 디스플레이부(18)에 표시되도록 형성되어, 상기 미리 설정된 시간정보에 따라 상기 분류된 콘텐츠 각각이 마킹되는 상기 타임라인(L1)을 형성하는 타임라인 생성단계(S51); 상기 타임라인(L1)을 미리 정해진 간격으로 분할하면서 상기 타임라인(L1)과 연계되고, 상기 콘텐츠의 시간정보를 상기 계열라인(L3)에서 표시하는 수직방향 보조라인(L2)을 형성하는 보조라인 형성단계(S52); 상기 타임라인(L1)의 상부 배치되는 콘텐츠 또는 상기 계열라인(L3)에 배치되는 콘텐츠를 시각적으로 형상화한 이미지인 콘텐츠 썸네일(S)을 형성하는 썸네일 형성단계(S53); 및 상기 타임라인(L1)을 통해 설정된 조회기간의 시작연도와 끝연도에 대한 각각의 기준연도 사이의 연도 차이에 대응하는 라인 길이로 형성되어, 조회가 요청된 콘텐츠를 연대순으로 라인 상에 정렬하는 계열라인(L3)을 대응하는 상기 검색 키워드에 따라 적어도 하나 이상 형성하여 상기 타임라인(L1) 상부에 위치시키는 계열라인 형성단계(S54); 를 포함하는 것을 특징으로 한다.The display interface forming step S5 is formed to be displayed on the display unit 18 as a one-dimensional line to form the timeline L1 in which each of the classified contents is marked according to the preset time information. Generating a timeline (S51); The auxiliary line which is connected to the timeline L1 while dividing the timeline L1 at predetermined intervals and forms a vertical auxiliary line L2 that displays time information of the content in the series line L3. Forming step (S52); A thumbnail forming step (S53) of forming a content thumbnail (S) which is an image visually shaped of the content disposed above the timeline (L1) or the content disposed on the series line (L3); And a line length corresponding to a year difference between each reference year for a start year and an end year of a search period set through the timeline L1, to sort the contents requested for search on a line in chronological order. A sequence line forming step (S54) of forming at least one sequence line (L3) according to the corresponding search keyword and positioned above the timeline (L1); Characterized in that it comprises a.
디스플레이 인터페이스(I4)의 요소는, 1차원적 라인으로 상기 디스플레이부(18)에 표시되도록 형성되어, 상기 미리 설정된 시간정보에 따라 상기 분류된 콘텐츠 각각을 마킹하는 상기 타임라인(L1); 상기 타임라인(L1)을 미리 정해진 간격으로 분할하면서 상기 타임라인(L1)과 연계되고, 상기 콘텐츠의 시간정보를 상기 계열라인(L3)에서 표시하는 수직방향 보조라인(L2); 상기 타임라인(L1)의 상부 배치되는 콘텐츠 또는 상기 계열라인(L3)에 배치되는 콘텐츠를 시각적으로 형상화한 이미지인 콘텐츠 썸네일(S); 설정된 조회 시작연도와 끝연도 사이의 콘텐츠를 연대순으로 정렬하여 표시하기 위해, 1차원적 수평 방향성이 형성되어, 시작연도와 끝연도 사이의 연도에 대한 시간정보가 설정된 콘텐츠가 배치될 수 있는 하나 이상의 계열라인(L3); 분류된 콘텐츠를 검색 또는 조회할 수 있고, 분류된 콘텐츠를 하나의 계열라인에 배치할 때, 계열라인을 다른 계열라인과 구분되게 하는 검색 키워드; 및 타임라인(L1) 상에서 조회를 위한 연도 기간으로서 시작연도 및 끝연도에 대한 기준연도;를 포함할 수 있다. An element of the display interface I4 may include: the timeline L1, which is formed to be displayed on the display unit 18 in a one-dimensional line, to mark each of the classified contents according to the preset time information; A vertical auxiliary line (L2) associated with the timeline (L1) while dividing the timeline (L1) at predetermined intervals, and displaying time information of the content in the sequence line (L3); A content thumbnail S that is an image visually shaped on the content disposed on the timeline L1 or on the series line L3; One or more horizontal directions are formed to display the contents between the set search start year and end year in chronological order, so that one or more contents in which time information for the year between the start year and end year are set can be placed. Series line L3; A search keyword capable of searching or searching for classified content and distinguishing a series line from another series line when the classified content is placed in one series line; And a reference year for the start year and the end year as a year period for the inquiry on the timeline L1.
디스플레이 인터페이스(I4)에서는 여섯 가지의 인터랙션이 가능하다.Six interactions are possible in the display interface I4.
먼저, 전체 콘텐츠의 수평방향 드래그를 통해, 전체콘텐츠의 연대를 이동하여 디스플레이를 하고 싶은 기간으로 이동할 수 있다.First, by dragging the entire content in the horizontal direction, it is possible to move the age of all the content to the period you want to display.
다음, 전체 콘텐츠의 수직방향 드래그를 통해, 디스플레이를 하고 싶은 콘텐츠를 위아래로 이동시킬 수 있다.Next, the content to be displayed can be moved up and down by vertical dragging of the entire content.
다음, 썸네일 클릭을 통해, 썸네일에 해당하는 콘텐츠의 세부정보를 조회할 수 있는 자료조회 인터페이스로 진행할 수 있다.Next, through the thumbnail click, it is possible to proceed to the data lookup interface to search the detailed information of the content corresponding to the thumbnail.
다음, 키워드의 수직방향 드래그를 통해, 키워드에 의해서 만들어진 계열을 사용자가 의도하는 목적대로 구성하기 위해 위아래로 움직여 순서를 바꿀 수 있다.Next, by dragging the keywords in the vertical direction, the sequence generated by the keywords can be moved up and down to change the order in order to construct the user's intended purpose.
다음, 휠 업 또는 휠 다운을 통해, 화면을 확대, 축소할 수 있다.Next, the screen can be enlarged or reduced by using wheel up or wheel down.
마지막으로, 키워드와 콘텐츠의 연결의 연결을 통해, 자료조회 인터페이스(I2)에서 콘텐츠의 연결 상태가 활성화되어있는 경우에 원하는 키워드와 콘텐츠를 연결하여 계열을 생성할 수 있다.Finally, through the connection of the keyword and the content, a series can be generated by connecting the desired keyword and the content when the connection state of the content is activated in the data inquiry interface I2.
타임라인 생성부(24)는 타임라인(L1)을 1차원적 라인으로 디스플레이부(18) 상에 표시하도록 형성하면서, 콘텐츠 각각의 시간정보에 따라 입력된 콘텐츠를 타임라인(L1)에 마킹하면서 타임라인 생성단계(S51)를 수행한다.The timeline generator 24 forms the timeline L1 on the display unit 18 as a one-dimensional line, and marks the input content on the timeline L1 according to time information of each content. The timeline generating step S51 is performed.
콘텐츠의 시간정보가 마킹된 타임라인(L1)은 계열라인(L3)과 연동되어 계열라인(L3)의 라인 길이를 형성하는 기준이 된다.The timeline L1 in which the time information of the content is marked is a reference for forming the line length of the series line L3 in conjunction with the series line L3.
상기 타임라인 생성단계(S51)는, 상기 타임라인(L1)을 상기 디스플레이 인터페이스(I4) 및 상기 디스플레이 인터페이스(I4)의 하단에 인접하여 형성되는 자료조회 인터페이스(I2)의 경계라인에 형성하는 것을 특징으로 한다.The timeline generating step S51 may include forming the timeline L1 on a boundary line of the data inquiry interface I2 formed adjacent to the display interface I4 and the lower end of the display interface I4. It features.
타임라인(L1)은 디스플레이 인터페이스(I4)에 형성되는 하나 이상의 계열라인(L3)의 1차원적 수평 방향성을 사용자에게 인지시키는 기능을 한다. 이를 통해, 사용자는 1차원적 수평 방향성을 통해 하나 이상의 계열라인(L3)에 각각 배열된 콘텐츠들이 수평방향으로 소정의 기준에 의하여 배열되어 있음을 효과적으로 인지할 수 있게 된다. The timeline L1 functions to make a user recognize one-dimensional horizontal directionality of one or more series lines L3 formed on the display interface I4. Through this, the user can effectively recognize that contents arranged in one or more series lines L3 are arranged in a horizontal direction by a predetermined reference through one-dimensional horizontal directionality.
도 7의 (1) 및 (3)과 같이 디스플레이 인터페이스(I4)의 내에 타임라인(L1)이 위치하면 타임라인(L1)의 식별이 가장 용이하지만, 디스플레이 인터페이스(I4)의 공간을 나눔으로서 타임라인(L1) 위에 존재하는 콘텐츠와 아래에 존재하는 콘텐츠의 구분이 생기고 사용자로 하여금 혼동을 일으킬 여지가 있다. When the timeline L1 is located in the display interface I4 as shown in FIGS. 7 and 3, the identification of the timeline L1 is easiest, but the time is divided by dividing the space of the display interface I4. There is a distinction between the content existing above the line L1 and the content existing below and there is room for confusion for the user.
또한, 도 7의 (2)와 같이 타임라인(L1)이 디스플레이 인터페이스(I4)의 외곽에 위치하면 디스플레이 인터페이스(I4)의 외곽선으로 사용자에게 인지될 수 있다.In addition, as shown in (2) of FIG. 7, when the timeline L1 is positioned outside the display interface I4, the timeline L1 may be recognized by the user as the outline of the display interface I4.
따라서, 본 발명은 도 7의 (4)와 같이, 타임라인(L1)이 디스플레이 인터페이 스(I4) 및 자료조회 인터페이스(I2)의 경계라인에 위치시켜 상술한 문제점을 해결하는 효과를 달성하고 있다.Therefore, the present invention achieves the effect of solving the above-described problem by placing the timeline L1 on the boundary line between the display interface I4 and the data inquiry interface I2 as shown in FIG. .
보조라인 생성부(26)는 보조라인 형성단계(S52)를 통해 타임라인(L1)을 미리 정해진 간격으로 분할하고, 타임라인(L1)에 형성되는 연도에 대응하는 콘텐츠의 시간정보를 계열라인(L3)에서 표시하는 수직방향 보조라인(L2)을 형성할 수 있다.The auxiliary line generator 26 divides the timeline L1 at predetermined intervals through the auxiliary line forming step S52, and stores time information of the content corresponding to the year formed in the timeline L1 as a series line (S52). A vertical auxiliary line L2 indicated by L3 may be formed.
즉, 보조라인 생성부(26)는 사용자로 하여금 직관적으로 콘텐츠들 사이의 시간적 인과관계를 파악할 수 있도록 수직방향 보조라인(L2)을 타임라인(L1)과 직교되게 디스플레이부(18)에 형성할 수 있다. That is, the auxiliary line generator 26 may form the vertical auxiliary line L2 on the display 18 so as to be orthogonal to the timeline L1 so that the user can intuitively grasp the temporal causal relationship between the contents. Can be.
이를 통해, 본 발명의 사용자는 수직방향 보조라인(L2)을 통해 직관적으로 r각각의 계열라인(L3) 상에 배치되는 각각의 콘텐츠들 사이의 연도 차이를 파악할 수 있게 된다.Through this, the user of the present invention can intuitively grasp the year difference between the respective contents arranged on each series line (L3) through the vertical auxiliary line (L2).
예를 들어, 도 8에 도시된 바와 같이, 도 8의 (1)은 수직방향 보조라인(L2)이 2개, 도 8의 (2)는 수직방향 보조라인(L2)이 4개, 도 8의 (3)은 수직방향 보조라인(L2)이 9개, 도 8의 (4)은 수직방향 보조라인(L2)이 14개, 도 8의 (5)은 수직방향 보조라인(L2)이 20개, 그리고 도 8의 (6)은 수직방향 보조라인(L2)이 39개 형성될 수 있다. 하지만, 수직방향 보조라인(L2)의 개수가 이에 국한되지는 않는다. For example, as shown in FIG. 8, (1) of FIG. 8 has two vertical auxiliary lines L2, and (2) of FIG. 8 has four vertical auxiliary lines L2, FIG. (3) shows 9 vertical auxiliary lines (L2), 8 (4) shows 14 vertical auxiliary lines (L2), and 8 (5) shows vertical auxiliary lines (L2) of 20. 8 and (6), 39 vertical auxiliary lines L2 may be formed. However, the number of vertical auxiliary lines L2 is not limited thereto.
다양한 수직방향 보조라인(L2)의 개수를 통해, 디스플레이부(18)의 화면 축소 또는 확대 정도에 대응하여 타임라인(L1) 상의 연도가 1년 단위, 5년 단위, 또는 10년 단위 등으로 표시될 수 있다. 이 경우, 도 8에 도시된 바와 같이 다양한 개수의 수직방향 보조라인(L2)이 형성될 수 있다.Through the number of various vertical auxiliary lines L2, the year on the timeline L1 is displayed in one year unit, five year unit, or ten year unit in correspondence with the degree of reduction or enlargement of the screen of the display unit 18. Can be. In this case, as shown in FIG. 8, various numbers of vertical auxiliary lines L2 may be formed.
주의할 점은, 수직방향 보조라인(L2)은 계열라인(L3)에 배치되는 콘텐츠의 시간정보를 직관적으로 사용자에게 인식시키는 기능을 수행하므로, 콘텐츠보다 부각되지 않는 가늘고 밝은 회색의 실선이 동원될 수 있다. Note that the vertical auxiliary line L2 intuitively recognizes the user's time information of the content arranged in the series line L3, so that a thin, light gray solid line that does not stand out from the content is mobilized. Can be.
썸네일 생성부(28)는 데이터베이스(18)에서 분류된 콘텐츠에 대응하는 검색 키워드에 대한 정보를 독출하여, 분류된 콘텐츠를 시각적 이미지로 형상화한 콘텐츠 썸네일(S)을 생성하면서 썸네일 형성단계(S53)를 수행할 수 있다.The thumbnail generator 28 reads information about a search keyword corresponding to the classified content in the database 18, and generates a thumbnail S while shaping the classified content into a visual image. Can be performed.
콘텐츠를 점 또는 사각형의 조형요소로서 표현하게 되면 콘텐츠 사이의 구분이 어렵게 되고, 제목으로 표시하게 되면, 제목의 길이가 들쭉 날쭉하여 제목이 긴 콘텐츠의 경우에 더욱 오랜 기간 존재하였던 것으로 혼동을 가져올 수 있다. 따라서 일정한 폭과 높이의 이미지인 콘텐츠 썸네일(S)을 통하여 콘텐츠를 표시한다.When content is expressed as a model of dots or rectangles, it is difficult to distinguish between the contents, and when it is displayed as a title, the length of the title is jagged, which may cause confusion as it has existed for a longer period of time for long content. have. Therefore, the content is displayed through the content thumbnail S, which is an image of a constant width and height.
계열라인 생성부(30) 및 키워드 매칭부(32)를 통해, 디스플레이 인터페이스(I4)에서는 타임라인(L1)을 통해 설정된 조회 시작연도와 끝년도 사이의 콘텐츠를 연대순으로 정렬하여 계열라인(L3)을 통해 콘텐츠를 표시하면서 계열라인 형성단계(S54)을 수행할 수 있다.Through the sequence line generator 30 and the keyword matching unit 32, the display interface I4 arranges the contents between the search start year and the end year set through the timeline L1 in chronological order, and generates the sequence line L3. The series line forming step (S54) may be performed while displaying the content through the display.
상기 계열라인 형성단계(S54)는, 상기 타임라인(L1)을 통해 설정된 조회의 시작연도 및 끝년도에 대한 조회기간을 입력받아, 시작연도 및 끝년도 사이의 연도 차이에 대응하는 라인 길이를 설정하는 라인 길이 형성단계(S541); 상기 분류된 콘텐츠를 검색할 수 있는 상기 검색 키워드를 상기 계열라인(L3)에 설정하여 상기 계열라인(L3)을 적어도 하나 이상 형성하는 검색 키워드 설정단계(S542); 및 조회가 요청된 콘텐츠를 상기 시간정보 순으로 각각의 상기 계열라인(L3) 상에 배치하면서 디스플레이하는 콘텐츠 배치단계(S543); 를 포함하는 것을 특징으로 한다.In the series line forming step (S54), receiving a search period for a start year and an end year of the inquiry set through the timeline L1, and setting a line length corresponding to the year difference between the start year and the end year. A line length forming step (S541); A search keyword setting step (S542) of setting at least one series line (L3) by setting the search keyword capable of searching the classified content in the series line (L3); And a content arranging step (S543) of displaying the requested content while arranging the content on the sequence line L3 in the order of the time information. Characterized in that it comprises a.
계열라인 생성부(30)는 자료조회 인터페이스 형성부(I3)에서 입력되는 콘텐츠의 조회연도의 시작연도 및 끝연도를 입력받아, 디스플레이부(18)에서 타임라인(L1) 상부에 시작연도 및 끝연도 사의 연도차이에 대응하는 라인 길이로 계열라인(L3)을 형성하면서 라인 길이 형성단계(S541)를 수행할 수 있다. The series line generator 30 receives the start year and the end year of the search year of the content input from the data inquiry interface forming unit I3, and the start year and the end of the display unit 18 on the timeline L1. The line length forming step S541 may be performed while forming the series line L3 having a line length corresponding to the year difference between the flue yarns.
이 경우, 자료조회 인터페이스 형성부(I3)는 디스플레이부(18) 상의 타임라인(L1)에서 조회를 위한 시작연도 및 끝연도를 설정받을 수 있다. 따라서, 도 9에 도시된 바와 같이, 설정된 시작연도 및 끝연도에 따라 다수의 계열라인은 다른 라인 길이로 디스플레이부(18)에 형성될 수 있다. In this case, the data lookup interface forming unit I3 may receive a start year and an end year for inquiry from the timeline L1 on the display unit 18. Accordingly, as shown in FIG. 9, a plurality of series lines may be formed in the display unit 18 with different line lengths according to the set start year and end year.
키워드 매칭부(32)는 콘텐츠 분류부(16)에서 분류 기준으로 활용된 검색 키워드 정보를 데이터베이스(18)에서 독출하여, 상기 계열라인(L3)를 다른 계열라인과 디스플레이부(18)에서 식별하는 수단으로 활용하면서 검색 키워드 설정단계(S542)를 수행할 수 있다.The keyword matching unit 32 reads the search keyword information used as a classification criterion in the content classifying unit 16 from the database 18 to identify the sequence line L3 in another sequence line and the display unit 18. The search keyword setting step S542 may be performed while being used as a means.
이 경우, 계열라인(L3)은 콘텐츠 분류부(16)에서 분류된 콘텐츠를 그룹화하여 디스플레이하는 기능을 수행하므로, 분류된 콘텐츠를 검색할 수 있는 검색 키워드의 개수만큼 형성될 수 있다. In this case, since the series line L3 performs a function of grouping and displaying the classified content in the content classifying unit 16, the series line L3 may be formed as many as the number of search keywords capable of searching for the classified content.
이를 통해, 분류된 콘텐츠별로 다수의 계열라인을 형성하여 콘텐츠의 주체 파악이 용이 해지고, 콘텐츠가 정보로서의 가치가 향상되는 장점이 발생한다. 또한, 계열라인(L3)은 검색 키워드에 해당하는 전체 콘텐츠들 중 시작연도에 해당하는 콘텐츠와 끝연도에 해당하는 콘텐츠를 선으로 연결하여 콘텐츠들이 존재했던 기 간에 대한 이해를 높일 수 있는 효과가 있다. Through this, a plurality of series lines are formed for each classified content, thereby making it easier to identify the subject of the content, and the advantage that the value of the content is improved as information occurs. In addition, the series line (L3) has an effect of improving the understanding of the period in which the contents existed by connecting the content corresponding to the start year and the content corresponding to the end year among the entire contents corresponding to the search keyword. .
상기 계열라인 생성부(30)는 조회가 요청된 콘텐츠를 각각의 계열라인(L3) 상에 배치하면서 디스플레이하여 사용자와 디스플레이 인터페이스(I4)를 형성할 수 있다.The series line generator 30 may display and display the content requested to be placed on each series line L3 to form a display interface I4 with the user.
따라서 계열라인(L3)에 검색 키워드를 설정하고, 검색 키워드에 해당하는 콘텐츠들을 같은 계열라인(L3) 상에 위치하게 하여, 콘텐츠가 정보로서의 직관성이 높아지는 장점이 발생한다.Therefore, a search keyword is set in the series line L3, and contents corresponding to the search keyword are placed on the same series line L3, thereby increasing the intuition as the information.
본 발명은 디스플레이 인터페이스(I4)를 통해 마킹된 콘텐츠를 기준연도의 순서에 따라 각각 상기 계열라인(L3) 상에 디스플레이면서 디스플레이 단계(S6)를 수행할 수 있다.The present invention may perform the display step S6 while displaying the content marked through the display interface I4 on the sequence line L3 in the order of the reference year.
또한, 컨텐츠 썸네일의 개별 전개 요청시 디스플레이부(18)에 개별 콘텐츠를 화면 전체에 개시할 수 있다.In addition, when requesting an individual deployment of a content thumbnail, the display unit 18 may start individual content on the entire screen.
본 발명은, 디스플레이 인터페이스(I4) 및 자료조회 인터페이스(I2)에서 콘텐츠입력 인터페이스(I1)로의 상호전환을 제어하는 컨트롤 인터페이스(I3)를 형성하는 컨트롤 인터페이스 단계를 더 형성할 수 있다.The present invention may further form a control interface step of forming a control interface I3 for controlling the switching from the display interface I4 and the data inquiry interface I2 to the content input interface I1.
컨트롤 인터페이스 형성부(20)는 콘텐츠 썸네일(S)의 클릭시 디스플레이부(18)의 표시 상태를 디스플레이 인터페이스(I4)와 자료조회 인터페이스(I2)의 전개 상태에서 자료조회 인터페이스(I2)의 전개 상태로 전환하면서 컨트롤 인터페이스 단계를 수행할 수 있다.The control interface forming unit 20 displays the display state of the display unit 18 when the content thumbnail S is clicked in the expanded state of the display interface I4 and the data inquiry interface I2. You can perform control interface steps while switching to.
컨트롤 인터페이스(I3)를 위한 인터랙션 요소는 새로운 콘텐츠 작성 버튼요 소, 검색 키워드에 콘텐츠 연결 버튼요소, 및 현재의 뷰를 저장하는 버튼 요소를 포함할 수 있다. The interaction element for the control interface I3 may include a new content creation button element, a content linking button element in a search keyword, and a button element for storing the current view.
본 발명은 이상에서 살펴본 바와 같이 바람직한 실시예를 들어 설명하였으나, 상기한 실시예에 한정되지 아니하며, 첨부된 특허청구범위에 의하여 해석되어야 할 것이다. 또한, 당해 발명이 속한 기술분야에서 통상의 지식을 가진 자에 의해 본 발명의 기술사상과 첨부된 특허청구범위의 균등범위 내에서 다양한 수정 및 변형가능함은 물론이다.The present invention has been described with reference to the preferred embodiment as described above, but is not limited to the above embodiment, it should be interpreted by the appended claims. It will be apparent to those skilled in the art that various changes and modifications may be made without departing from the scope of the present invention as defined by the appended claims and their equivalents.
도 1은 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 시스템 구성도이다.1 is a diagram illustrating a system configuration according to a method for displaying a timeline user interface according to an embodiment of the present invention.
도 2는 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 시스템 상세 구성도이다.2 is a detailed configuration diagram of a method for displaying a timeline user interface according to an embodiment of the present invention.
도 3은 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법의 절차 흐름도이다. 3 is a flowchart illustrating a method of displaying a timeline user interface according to an embodiment of the present invention.
도 4는 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 인터페이스 구조도이다.4 is a diagram illustrating an interface structure according to a timeline user interface displaying method according to an embodiment of the present invention.
도 5는 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 자료입력 인터페이스를 나타내는 도면이다.5 is a diagram illustrating a data input interface according to a timeline user interface display method according to an embodiment of the present invention.
도 6은 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 디스플레이 인터페이스를 나타내는 도면이다.6 is a diagram illustrating a display interface according to a timeline user interface display method according to an embodiment of the present invention.
도 7은 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 타임라인를 나타내는 도면이다.FIG. 7 is a diagram illustrating a timeline according to a timeline user interface display method according to an embodiment of the present invention.
도 8은 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 수직방향 보조라인을 나타내는 도면이다.8 is a diagram illustrating a vertical auxiliary line according to a timeline user interface displaying method according to an embodiment of the present invention.
도 9는 본 발명의 일 실시예인 타임라인 유저 인터페이스 표시방법에 따른 계열라인을 나타내는 도면이다.9 is a diagram illustrating a series line according to a timeline user interface display method according to an embodiment of the present invention.
Claims (5)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090115923A KR101099170B1 (en) | 2009-11-27 | 2009-11-27 | Method for generating a timeline user interface |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090115923A KR101099170B1 (en) | 2009-11-27 | 2009-11-27 | Method for generating a timeline user interface |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20110059257A KR20110059257A (en) | 2011-06-02 |
KR101099170B1 true KR101099170B1 (en) | 2011-12-27 |
Family
ID=44394429
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020090115923A KR101099170B1 (en) | 2009-11-27 | 2009-11-27 | Method for generating a timeline user interface |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101099170B1 (en) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP3164847B1 (en) * | 2014-07-02 | 2021-04-28 | Samsung Electronics Co., Ltd. | Electronic device and method for providing content on electronic device |
-
2009
- 2009-11-27 KR KR1020090115923A patent/KR101099170B1/en not_active IP Right Cessation
Non-Patent Citations (1)
Title |
---|
http://cafe.daum.net/Ohistory/DKR5/10?docid=1HPiy|DKR5|10|20090817233747 |
Also Published As
Publication number | Publication date |
---|---|
KR20110059257A (en) | 2011-06-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7038680B2 (en) | System for graphical display and interactive exploratory analysis of data and data relationships | |
US8667419B2 (en) | Method and apparatus for displaying a menu for accessing hierarchical content data including caching multiple menu states | |
US8872849B2 (en) | Relational rendering of multi-faceted data | |
JP2014211870A (en) | Visual search construction, document triage, and coverage tracking | |
KR102519868B1 (en) | Organization and visualization of content from multiple media sources | |
US20080134060A1 (en) | System for creating a graphical visualization of data with a browser | |
US20060224983A1 (en) | Graphical visualization of data using browser | |
US20060224999A1 (en) | Graphical visualization of data product using browser | |
US20140344708A1 (en) | System and Methods for Capturing and Managing Business Intelligence Requirements | |
US20060224974A1 (en) | Method of creating graphical application interface with a browser | |
US20060224972A1 (en) | Graphical application interface with a browser | |
US20060224984A1 (en) | Apparatus for creating graphical visualization of data with a browser | |
JP2005004489A (en) | Device and program for creating component catalog | |
JPH05108288A (en) | Information classification backup device | |
JPH1040050A (en) | Table generation instructing device and table generating system | |
KR101099170B1 (en) | Method for generating a timeline user interface | |
JP2614225B2 (en) | Electronic filing device management method | |
JP2009265814A (en) | Information presentation device, information presentation method, and information presentment program | |
JPS63157229A (en) | Multi-dimensional prosing system | |
JP2004246582A (en) | Display device for electronic document or file | |
JP7287486B2 (en) | Attachment and restoration of sticky notes to visualized data | |
JP2003263539A (en) | Organization chart processing device | |
JP2009110283A (en) | Associated information management apparatus, associated information management method, and associated information management program | |
Wang | Enabling effective visual data exploration for solvent discovery in material science | |
JP3988900B2 (en) | Document processing apparatus and program storage medium thereof |
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 | ||
GRNT | Written decision to grant | ||
FPAY | Annual fee payment |
Payment date: 20150107 Year of fee payment: 4 |
|
LAPS | Lapse due to unpaid annual fee |