KR20110059257A - Method for generating a timeline user interface - Google Patents

Abstract

PURPOSE: A timeline user interface display method is provided to review data by developing a data making system and to form an interface between a user and an interface by using timeline. CONSTITUTION: A server receives content from users(S1). The server classifies and manages the content according to a search keyword(S2). The server marks the content on timeline according to time information(S3). The server receives the search keyword(S4). The server forms a display interface which arranges the searched content(S5). The server displays the marked content on a series line(S6).

Description

Method for generating a timeline user interface

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.

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.

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.

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.

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.

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.

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.

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 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.

A description with reference to FIGS. 1 to 3 is as follows.

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.

In addition, the system for the present invention includes a database (18) for storing contents input to the server (10); A content input interface forming unit 12 which receives the content and classifies the content according to a preset criterion to form a content input interface I1 between the server 10 and the user; A control interface forming unit 20 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; A display interface I4 is formed through at least one series line L3 which is linked with a timeline L1 and indicates a search period corresponding to the start year and the end year, and sorts the content requested for the search keyword. A display interface forming unit 22; A data query interface forming unit I3 for forming a data query interface I2 between the server 10 and the user while performing a search for the content requested by the user in the database 18; It may be formed to include.

In this case, the content input interface forming unit 12 includes: a content input / output unit 14 for searching for necessary content in the database 18 or inputting new content; And a content classifying unit 16 classifying the input content according to a preset criterion.

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.

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.

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.

The content input / output unit 14 included in the content input interface forming unit 12 performs a content input step S1 for receiving a plurality of contents from a plurality of users. That is, the content input / output unit 14 may form a content input interface I1 between the user and the server 10.

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 / output unit 14. Can be.

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.

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.

As an example of the input base year, a four-digit year may be input.

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.

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.

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.

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.

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.

The content input / output unit 14 is mobilized by the server 10 to search for necessary content in the database 18 or input new content. As a program for the content input / output unit 14, a database input / output program php may be mobilized.

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.

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.

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.

An example of a query requesting a query may be formed as follows: $ DB-> QUERY ("SELECT * FROM` vcm` ORDER BY `timecode`).

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

For this purpose, the interaction process that occurs in the data lookup interface (I2) is as follows.

First, click on the content thumbnail.

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.

Finally, click the Exit button to return to the original display interface I4.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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. .

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.

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.

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).

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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. .

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.

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.

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.

In addition, when requesting an individual deployment of a content thumbnail, the display unit 18 may start individual content on the entire screen.

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.

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.

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 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 is a detailed configuration diagram of a method for displaying a timeline user interface according to an embodiment of the present invention.

3 is a flowchart illustrating a method of displaying a timeline user interface according to an embodiment of the present invention.

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 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 is a diagram illustrating a display interface according to a timeline user interface display method according to an embodiment of the present invention.

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 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 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)

A content input step (S1) in which the server 10 receives a plurality of contents from a plurality of users; 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; And The server 10 displays the marked contents through the display unit 18 on the series line L3 in the order of the reference year, and displays them individually upon request for the deployment of the displayed contents. Display step S6; Timeline user interface display method comprising a. The method of claim 1, The display interface forming step (S5), A timeline generating step (S51) which is formed to be displayed on the display unit 18 in a one-dimensional line and forms the timeline L1 in which each classified content is marked according to the preset time information; 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 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 forming step (S54) of forming at least one line (L3) according to the corresponding search keyword and positioned above the timeline (L1); Timeline user interface display method comprising a. 3. The method of claim 2, The timeline generation step (S51), And displaying the timeline (L1) at a boundary line between the display interface (I4) and a data lookup interface (I2) formed adjacent to a lower end of the display interface (I4). 3. The method of claim 2, The series line forming step (S54), A line length forming step (S541) of receiving a search period for a start year and an end year of an inquiry set through the timeline (L1), and setting a line length corresponding to a year difference between a start year and an end year; 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; Timeline user interface display method comprising a. The method of claim 1, 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. .

Images