Method for providing to-do list graphic user interface having hierarchical structure

Abstract

The present specification relates to a method, in a to-do management application, for providing, in a system employing a computer graphic user interface (GUI) in which a GUI is utilized, a GUI indicating whether each item is complete and the progress at an upper level. The method for providing a GUI, disclosed through the present specification, is a to-do management method reflecting a hierarchical structure that can include a sub-task, and provides a user experience capable of intuitively identifying the progress of an upper task by reflecting the completion rate of a lower task.

Description

A method for providing a graphical user interface for a to-do list with a hierarchical structure.

[0001] The present specification relates to a graphical user interface, and more particularly, to a graphical user interface for displaying a hierarchical to-do list in a computer graphical user environment.

[0002] Modern people manage complex, diverse tasks throughout their daily lives. As society and work become increasingly complex, relying on human memory becomes increasingly difficult. Traditionally, task management relied on to-do lists, where each item was checked off as completed. However, as work and daily life increasingly rely on computers, these traditional paper-based to-do lists are now being converted into computer applications.

[0003] Figure 1 illustrates an example of a typical to-do list. Referring to Figure 1, the contents of individual to-do items are listed in rows, for example, from 1 to n. Furthermore, a user interface is provided that displays the progress status (before start, in progress, or completed) for each item in each row, and includes function buttons for editing the item contents and progress status, or deleting each item in each row.

[0004] However, the conventional to-do list management application illustrated in Figure 1 suffers from the inability to easily represent tasks of similar nature or with a hierarchical structure. Furthermore, the progress of each item is inconvenient because it does not reflect the hierarchical structure.

[0005] As mentioned above, conventional paper-based to-do list management applications have been converted into computer programs and are being used. However, within the tree-structured task structure, it is difficult to quickly and easily determine the completion status of each to-do item. With the widespread use of graphical user interfaces (GUIs), items can now be represented in symbolic form, creating a need for a quick and easy way to determine the completion status and progress of to-do items within a hierarchical structure.

[0006] This specification is intended to solve the aforementioned problems and relates to a method for providing the completion status of individual items and progress in a higher level in a system adopting a computer graphic user interface utilizing a GUI.

[0007] The problems to be solved by the present invention are not limited to the problems mentioned above, and other problems not mentioned will be clearly understood by those skilled in the art from the description below.

[0008] The present specification provides a method for providing a graphical user interface (GUI) that visually displays the completion rate of one or more to-do item nodes having a tree structure. The method includes the step of displaying the to-do item nodes as symbols in the form of graphic gauges on a to-do list display section of the GUI, wherein the symbols representing the item nodes are filled in proportion to the completion rate of the to-do items, and symbols representing to-do item nodes that do not have child item nodes may vary depending on whether the to-do items are completed.

[0009] In one aspect of the present invention, the tree structure of the to-do item node has a depth of 2 or more, and the completion rate of a to-do item node having child item nodes among the to-do item nodes can be calculated based on the completion rates of the child item nodes.

[0010] In another aspect of the present invention, the symbol form of a to-do item node having a child item node may be different from a to-do item node having no child item node.

[0011] In another aspect of the present invention, the symbol of the to-do item node having the child item node may be a circle, and the symbol of the to-do item node not having the child item node may be a square.

[0012] In another aspect of the present invention, a symbol representing a to-do item node having child item nodes may be displayed together with a hierarchical structure symbol.

[0013] In another aspect of the present invention, a symbol representing an item node that does not have a child item node may be empty inside if the to-do item is incomplete, and any other symbol may be displayed inside if the to-do item is complete.

[0014] In another aspect of the present invention, a to-do item node having child item nodes may be represented as a symbol that is filled in proportion to the completion rate of the calculated child item nodes.

[0015] In another aspect of the present invention, if the completion rate of the calculated child item node is 100%, a completion symbol may be additionally displayed inside a symbol indicating a to-do item node having the child item node.

[0016] In another aspect of the present invention, the GUI further includes a set list display unit that lists a set of to-do lists including one or more to-do lists among the to-do lists, and the set list display unit can display a name of the set of to-do lists, a progress level of the set of to-do lists, and a numeric character that indicates when the number of to-do lists included in the set of to-do lists is equal to or greater than a predetermined number.

[0017] As one aspect of the present invention, a non-transitory computer-readable recording medium containing a computer-executable program including commands for executing the GUI providing method may be provided.

[0018] According to the embodiments disclosed in this specification, there is an effect of effectively displaying the progress of tasks having a hierarchical structure in the form of symbols in a computer system utilizing a GUI.

[0019] In addition, according to the embodiments disclosed in this specification, the progress of each to-do node can be expressed by considering the completion rate of the to-do node of the lower layer in a to-do list structure having a hierarchical structure.

[0020] Meanwhile, the effects that can be obtained from the present invention are not limited to the effects mentioned above, and other effects that are not mentioned can be clearly understood by a person having ordinary skill in the technical field to which the present invention belongs from the description below.

[0021] The following drawings attached to this specification illustrate preferred embodiments of the present invention and, together with specific details for carrying out the invention, serve to further understand the technical idea of ​​the present invention. Therefore, the present invention should not be interpreted as being limited to matters described in such drawings.

[0022] Figure 1 illustrates a user interface for managing a to-do list according to the prior art.

[0023] Figures 2 and 3 illustrate a to-do list user interface according to one embodiment of the present invention.

[0024] Figures 4-6 are enlarged views illustrating the operation of the to-do list user interface illustrated in Figures 2 and 3.

[0025] Figures 7-8 illustrate exemplary embodiments in which depth of the to-do list node is added in the user interface illustrated in Figures 4-6.

[0026] FIG. 9 illustrates a tree structure for explaining a method of calculating the completion rate of each item considering the hierarchical structure in a user interface according to the present invention.

[0027] The technology disclosed in this specification can be applied to the implementation of an application for managing a to-do list using a computer. However, the technology disclosed in this specification is not limited to this, and can be applied to any device or method to which the technical principles of the technology can be applied.

[0028] It should be noted that the technical terms used in this specification are merely used to describe specific embodiments and are not intended to limit the scope of the technology disclosed herein. Furthermore, unless specifically defined otherwise herein, the technical terms used herein should be interpreted as having a meaning generally understood by a person of ordinary skill in the art to which the technology disclosed herein pertains, and should not be interpreted in an excessively broad or narrow sense. Furthermore, if a technical term used herein is an incorrect technical term that does not accurately express the scope of the technology disclosed herein, it should be replaced with a technical term that can be correctly understood by a person of ordinary skill in the art to which the technology disclosed herein pertains. Furthermore, general terms used herein should be interpreted according to their dictionary definitions or according to the context, and should not be interpreted in an excessively narrow sense.

[0029] Hereinafter, embodiments disclosed in this specification will be described in detail with reference to the attached drawings. Regardless of the drawing numbers, identical or similar components are given the same reference numbers and redundant descriptions thereof will be omitted.

[0030] Additionally, when describing the technology disclosed in this specification, detailed descriptions of related known technologies will be omitted if they are deemed to obscure the gist of the technology disclosed in this specification. Furthermore, it should be noted that the attached drawings are intended solely to facilitate understanding of the concepts of the technology disclosed in this specification and should not be construed as limiting the scope of the technology.

[0031] Figure 1 illustrates a conventional paper-based to-do list management system, or a screen implemented using a computer. This conventional to-do list management system is designed to help with memory by listing to-do items vertically. Optionally, columns can be added next to the to-do items to record the progress of each item. When organized on paper, adding, editing, and deleting to-do items is accomplished using a writing instrument, strikethrough, or eraser. However, when implemented on a computer, buttons for implementing these functions can be provided as a graphical user interface (GUI), such as the Edit / Remove / Add Item buttons illustrated in Figure 1. However, the general to-do list management program (or written document) illustrated in Figure 1 has the disadvantage of not providing organic management through grouping or hierarchizing related to-do items.

[0032] FIG. 2 illustrates a screen adopting a GUI (100) for managing a to-do list according to one embodiment of the present invention. The GUI (100) according to the present invention may include a to-do list display unit (110) capable of displaying to-do items in a structured manner, a total display unit (120) capable of displaying the total of to-do items by status, a selection set display unit (130) for indicating the name of a set of to-do lists selected by the user of the current GUI (100) for editing or viewing, and a set list display unit (140) for displaying a list of sets created and managed by the user. The distinction between the to-do list display unit (110) and the total display unit (120) is optional and is not essential for implementing various embodiments of the present invention. However, by distinguishing a section for individually managing to-do items and a total display section for displaying the total of incomplete / complete items, user convenience may be promoted in some cases. A user of the GUI (100) can configure one or more of various to-do lists to be included in an arbitrary set, and these set lists can be listed in the set list display unit (140). Here, the set list currently selected for viewing or editing can be highlighted, for example, by being displayed in a different color. In addition, the overall progress of the sets listed in the display unit (140) can be optionally displayed in alphanumeric form. That is, since the currently selected set, Personal Memo in FIG. 2, has a progress of 0 as described below, 0% can be displayed together with the set name. In addition, when the number of to-do items included in an arbitrary set is greater than a certain number, for example, as in the case of the overseas meeting in FIG. 2, an infinity (∞) can be displayed together with an alphanumeric form of the progress (30%) to intuitively indicate that there are many items included in the set.In FIG. 2-3 of this specification, infinity (∞) is displayed as an example overlapping the progress bar, but this is optional and can be displayed so as not to overlap with the numbers indicating the progress bar if necessary, and it is also possible to use a symbol other than (∞). Continuing with reference to FIG. 2, the to-do list display unit (110) can structure and display to-do items that the user must manage. The to-do items displayed on the to-do list display unit (110) represent structured or hierarchical to-do items in a hierarchical structure as will be described later with reference to FIG. 4-8. Here, the to-do list display unit (110) illustrated in FIG. 2 represents an initial state in which the completion status is not displayed after individual to-do items are created.

[0033] Continuing with reference to FIG. 2, it can be seen that to-do items structured using a hierarchy according to an embodiment of the present invention are displayed on a to-do list display unit (110). For example, in FIG. 2, housework and work are displayed as items having sub-items that can be displayed as sub-nodes offset to the right. According to an embodiment of the present invention, the depth of this tree-shaped hierarchy may be implemented in a form in which individual items are listed with a depth of 1, but may be a tree structure having a depth of 2 or more. Here, in the case of housework having child item nodes, it is displayed as a symbol different from the grocery shopping and cleaning item nodes, which are displayed as squares among the child item nodes of housework, by way of example. In contrast, the child care item, which is a child item node of the housework item node, has the diaper changing and kindergarten attendance item nodes, which are children of the child care item, that is, the grandchild item nodes of the housework item. Therefore, the childcare item node has the same depth as grocery shopping or cleaning, but unlike grocery shopping or cleaning, which do not have child item nodes, it is represented by a square symbol like housework. On the other hand, childcare sub-item nodes that do not have child item nodes, such as diaper changing or kindergarten attendance, can be represented by square symbols like grocery shopping or cleaning in the upper layer. Here, circles and squares are exemplary symbols, and it is sufficient that item nodes with child item nodes can be represented by different symbols or shapes to distinguish them from item nodes that do not. In Figure 2, the items for placing side jobs and sending emails are at the top layer, but they are represented by square symbols like grocery shopping or cleaning because they do not have lower-layer item nodes. On the other hand, the work item node, like housework, has child item nodes and is represented by a circle symbol. On the other hand, the child to-do item node of the work item, 'Submodule A Beta Testing Coding', and 'Submodule A Bug Fixing', which are in the same layer, are represented by square symbols like grocery shopping, cleaning, diaper changing, and kindergarten attendance.In addition, in the case of an item node having child item nodes, such as housework, work, or childcare, the point that it has a lower hierarchy can be conveniently displayed together with a hierarchical structure symbol (111) as illustrated in FIG. 4-8 so that the user of the GUI (100) can easily understand it. For example, in FIG. 2-8, this hierarchical structure symbol can be a triangle with a pointed bottom.

[0034] Continuing with reference to FIG. 2, an exemplary total display unit (120) is displayed below the to-do list display unit (110). The position of the display unit (120) can be arbitrarily set depending on the implementation of the GUI (100) and is not necessarily limited to a specific position. The total display unit (120) displays, for example, the number of incomplete items and the number of completed items among the to-do list displayed in the to-do list display unit (110), thereby allowing the user to check the overall progress. In the case of FIG. 2, the seven individual to-do items displayed as squares, namely, grocery shopping, cleaning, diaper changing, kindergarten attendance, sending an email for a side job order, coding for beta testing of submodule A, and bug fixing of submodule A, are empty squares that are not marked as completed. Therefore, the number of incomplete items in the total display unit (120) is 7, and the number of completed items is displayed as 0. Here, the symbol indicating the number of completed items and the number of incomplete items included in the optional total display section (120) may be implemented to indicate the number of completed items and the number of incomplete items in Arabic numerals.

[0035] FIG. 3 illustrates a GUI (100) when five individual to-do items, namely, shopping, cleaning, diaper changing, kindergarten attendance, and coding for beta testing of submodule A, are completed in FIG. 2. Since the five individual to-do items are completed, the interior of the square symbol is filled with a different completion symbol (e.g., a check mark in FIG. 3), unlike the uncompleted side job order email sending or submodule A bug fixing items. Here, the childcare item node, which has child item nodes of diaper changing and kindergarten attendance, has a completion rate of 100% because all of its sub-to-do item nodes have been completed. Similarly, the housework item node also has a completion rate of 100% because all of its sub-to-do item nodes, namely, shopping, cleaning, and childcare, have been completed. Therefore, in the case of housework or childcare that have child to-do item nodes, the interior of the symbol representing the corresponding node is filled in proportion to the completion rate of 100%, so that the user of the GUI (100) can intuitively determine the completion rate of upper-level items in the hierarchical to-do list. Optionally, in addition to the interior of the symbol of the to-do item node that has child item nodes being filled in the form of a gauge in proportion to the completion rate, when the completion rate is 100%, it is also possible to display an additional symbol or shape, such as a check mark, as a completion symbol inside. In contrast, since only half (50%) of the two child to-do item nodes of the work item node is completed, the completion rate of the parent work item node, the work item node, is 50%. Therefore, the interior of the symbol of the work item node is displayed in a half-filled form to correspond to the 50% completion rate calculated based on the completion rates of the child item nodes. Unlike FIG. 2, FIG. 3 contains completed items. Accordingly, in the total display section (120) in Fig. 3, the number of incomplete items is displayed as 2, and the number of completed items is displayed as 5.Additionally, a symbol filled with an Arabic numeral corresponding to the total is displayed in front of each total item, but the embodiment of the present invention is not limited to this implementation method.

[0036] FIGS. 4-6 are enlarged views illustrating in detail the operation of the to-do list user interface illustrated in FIGS. 2 and 3. Referring to FIG. 3, the to-do list display unit (110) may include a hierarchical structure symbol (111), a to-do item node symbol (112), and a to-do item description (113). The hierarchical structure symbol (111) is displayed together with a to-do item node symbol having child to-do item nodes, as described above, to indicate that the depth of the tree structure corresponding to the to-do item is 2 or more. The to-do item node symbol (112) represents individual to-do items, and the shape of the symbol may vary depending on whether or not it has child item nodes. As described above, a to-do item node without a child item node may be displayed as a square, for example, and a to-do item node with a child item node may be displayed as a circle, so that they can be distinguished from each other. A to-do item description (113) describing the specific contents of the to-do item may be displayed next to the to-do item node symbol (112). The to-do item description (113) may display only the name or description of the item, or optionally display the progress rate of the item in numeric characters (e.g., 0% in the case of Fig. 4). In Fig. 4, the sub-items of the housework item, grocery shopping and cleaning, are not completed, and the corresponding to-do item node symbol (112) is empty.

[0037] FIG. 5 illustrates a case where some items, such as grocery shopping, have been completed in the enlarged view of FIG. 4. Here, since grocery shopping has been completed, the interior of the node symbol (112) of the grocery shopping to-do item node is filled with, for example, a check mark (or V). Since grocery shopping and cleaning items are nodes that do not have child item nodes, they are displayed in a selection manner based on whether they are completed or not instead of a completion percentage. However, if necessary, an embodiment in which the interior is filled in a gauge shape in proportion to the completion percentage can also be implemented even for to-do item nodes that do not have child item nodes, and it should be noted that the present specification does not intend to exclude embodiments in which the interior of the symbol is filled in proportion to the completion percentage. Meanwhile, since grocery shopping, which is half of the two child nodes of the parent node, the housework item, has been completed, the completion percentage of the parent node, the housework item, is 1 / 2 = 50%. Therefore, it can be seen that the node symbol (112) of the housework item node, which is a to-do item node that has child nodes, is filled in half in proportion to the calculated completion percentage. In addition, the completion rate, which is optionally calculated together with the node symbol (112) of the housework item node, may be displayed together with Arabic numerals and numeric characters including % (e.g., 50% in the case of Fig. 5) in the to-do item description (113). Accordingly, the user of the GUI (100) can intuitively and quickly grasp the progress of the entire housework, compared to listing the progress of multiple individual to-do items such as grocery shopping and cleaning belonging to the housework category.

[0038] FIG. 6 illustrates a case where cleaning, which was in an incomplete state in FIG. 5, has been completed. Both grocery shopping and cleaning, which are child nodes of the housework item, have been completed. Therefore, the interiors of node symbols (112) corresponding to grocery shopping and cleaning are filled with completion marks (V or check marks). Meanwhile, since all child nodes of the housework node have been completed, and the completion rate of the housework is 2 / 2 = 100%, the gauge of the circular node symbol of the housework item node is fully filled. Optionally, as described above, if the completion rate of the parent item node, which is filled in proportion to the completion rate of the child item nodes, is 100%, an additional completion mark (V or check mark, etc.) may be displayed, thereby making it easier to determine that the parent node is 100% complete, unlike a state where the completion rate is close to 100% (e.g., 98-99%). This may be useful when the size of the display on which the GUI (100) is displayed is small or the symbol is displayed small due to resolution issues. Additionally, optionally, the description of the to-do item (113) related to the node symbol may be displayed as a numeric character (100%) including Arabic numerals.

[0039] Figures 7-8 illustrate an exemplary embodiment in which the depth of the to-do list node is added in the user interface illustrated in Figures 4-6. In Figures 7-8, the Housework item node has the Grocery Shopping, Cleaning, and Childcare nodes as child to-do items. The Childcare node, which is a child node, has the Diaper Changing and Kindergarten Attendance nodes, which are grandchild nodes of the Housework node and subordinate nodes of the Childcare node. First, one node, Diaper Changing, which is half of the two child nodes of the Childcare node, has been completed. Therefore, the completion rate of the Childcare node is 1 / 2 = 50%, and the node symbol (112) corresponding to the Childcare node is displayed as a half-filled circle. As previously explained with reference to Figures 5-6, the completion rate (e.g., 50% in the case of Housework) can be additionally displayed in numerical characters including Arabic numerals in relation to the to-do item description (113). Meanwhile, among the three subordinate nodes of the Housework node, Grocery Shopping has been completed, Childcare is 50% complete, and Cleaning is incomplete (0%). Therefore, the completion rate of the housework item node can be calculated based on the completion rates of its child to-do items: shopping, cleaning, and childcare. Since there are a total of three child item nodes, the weight of each node is 1 / 3, so the completion rate of the housework item node is 1 / 3 × 100% (grocery shopping) + 1 / 3 × 0 (cleaning) + 1 / 3 × 50% (childcare) = 1 / 3 + 0 + 1 / 6 = 1 / 2. Therefore, since the completion rate of the housework node is 50%, the housework item node symbol (112) can be displayed as a half-filled symbol.

[0040] FIG. 8 illustrates an embodiment in which sub-item nodes of housework are added to the embodiment illustrated in FIG. 7. In FIG. 8, the parent node, the housework item node, has four child nodes: shopping, cleaning, laundry, and childcare. Therefore, the weight of each item node can be set equally to, for example, 1 / 4, but different weights can be set as needed. Among the child nodes of housework, shopping is completed, cleaning and laundry are incomplete (0%), and childcare has a completion rate of 50% because half of its grandchild nodes are completed. Therefore, the completion rate of the parent node, housework, can be calculated based on the completion rates of the four child nodes. That is, (completion rate of housework) = 1 / 4 × 100% (grocery shopping) + 1 / 4 × 0% (cleaning) + 1 / 4 × 0% (laundry) + 1 / 4 × 50% (childcare) = 1 / 4 + 0 + 0 + 1 / 8 = 3 / 8. That is, the completion rate of housework is calculated as 3 / 8 = 37.5%. Therefore, the node symbol (112) of the housework item node is displayed in a form in which the interior is filled in proportion to the completion rate of 3 / 8. The display method of the node symbol (112) of the child care item node, which is a child node, is the same as Fig. 7. As explained above with reference to Figs. 5-6, the completion rate can be additionally displayed as numeric characters including Arabic numerals in relation to the description of the to-do item (113), and here, 33% for housework and 50% for child care can be selectively displayed.

[0041] Figure 9 is a diagram illustrating a method for calculating a completion rate in a to-do item node hierarchy of a tree structure. Here, the depth of the hierarchy is indicated by a number (1 to 3), and an item node having a child node is indicated by F after the hierarchy depth, and an individual to-do item node having no child node is indicated by T. Nodes of the same type in the same hierarchy are numbered sequentially after a symbol indicating the type of node. 1F, the root node of the top hierarchy, has 2F1 and 2F2 as child nodes of the lower hierarchy, which have grandchild nodes, and 2T1, which does not have a grandchild node. Meanwhile, 2F1 and 2F2 have 3T1 and 3T2 as child nodes, respectively. Therefore, the final nodes can be indicated as five: 1F-2F1-3T1, 1F-2F1-3T2, 1F-2F2-3T1, 1F-2F2-3T2, and 1F-2T1. The completion rate of F-type nodes having child nodes can be calculated for each node based on the completion rates of the child nodes. If the completion rate function is expressed as C() and the number of each argument is n(), then C(1F-2F1) = (C(1F-2F1-3T1) + C(1F-2F1-3T2)) x 1 / n(1F-2F1-3T1, 1F-2F1-3T2), and C(1F) = (C(1F-2F1) + C(1F-2F2) + C(1F-2T1)) x 1 / (n(1F-2F1, 1F-2F2, 1F-2T1).

[0042] The present invention has been described with reference to the attached drawings and the components depicted therein. The illustrated components are not essential, and a mathematics learning aid device and a method for generating mathematics assessment problems using the mathematics learning aid device may be implemented with more or fewer components. These components may be implemented in hardware, software, or a combination of hardware and software.

[0043] In the above description, the steps, processes, or operations may be further divided into additional steps, processes, or operations, or combined into fewer steps, processes, or operations, depending on the implementation of the present invention. Furthermore, some steps, processes, or operations may be omitted as needed, and the order of the steps, processes, or operations may be switched.

[0044] At least a portion of a device (e.g., modules or functions thereof) or a method (e.g., operations) according to various embodiments may be implemented as instructions stored on a computer-readable storage medium, for example, in the form of a program module. When the instructions are executed by a processor, the one or more processors may perform a function corresponding to the instructions. The computer-readable medium includes all types of recording devices that store data that can be read by a computer system. Computer-readable storage media / computer-readable recording media include hard disks, floppy disks, magnetic media (e.g., magnetic tape), optical media (e.g., compact disc read-only memory (CD-ROM), digital versatile disc (DVD), magneto-optical media (e.g., floptical disks), hardware devices (e.g., read-only memory (ROM), random access memory (RAM), or flash memory), and may also include those implemented in the form of carrier waves (e.g., transmitted via the Internet). In addition, program instructions may include not only machine language codes such as those generated by a compiler, but also high-level language codes that can be executed by a computer using an interpreter, etc. The above-described hardware devices may be configured to operate as one or more software modules to perform operations of various embodiments, and vice versa.

[0045] Modules or program modules according to various embodiments may include at least one or more of the aforementioned components, some of which may be omitted, or may further include other additional components. Operations performed by modules, program modules, or other components according to various embodiments may be executed sequentially, in parallel, iteratively, or heuristically. Additionally, some operations may be executed in a different order, omitted, or other operations may be added.

[0046] The term "a" as used herein is defined as one or more than one. Furthermore, the use of introductory phrases such as "at least one" and "one or more" in the claims, even if the same claim includes introductory phrases such as "at least one" and "one or more" and the ambiguous phrase "a," should not be construed to mean that the introduction of another claim element by the ambiguous phrase "a" limits any particular claim containing the introduced claim element to an invention containing only one such element.

[0047] In this document, expressions such as "A or B" or "at least one of A and / or B" may include all possible combinations of the items listed together.

[0048] Furthermore, those skilled in the art will recognize that the functional boundaries between the aforementioned operations are merely exemplary. Multiple operations may be combined into a single operation, a single operation may be divided into additional operations, and operations may be executed with at least partial temporal overlap. Furthermore, alternative embodiments may include multiple instances of a particular operation, and the order of the operations may be altered in various other embodiments. However, other modifications, variations, and alternatives are also possible. Accordingly, the detailed description and drawings should be considered in an illustrative rather than a restrictive sense.

[0049] The phrase "may be X" indicates that condition X may be satisfied. It also indicates that condition X may not be satisfied. For example, a reference to a system that includes a particular component must also include scenarios where the system does not include the particular component. For example, a reference to a method that includes a particular action must also include scenarios where the method does not include the particular component. However, to take another example, a reference to a system that is configured to perform a particular action must also include scenarios where the system is not configured to perform the particular task.

[0050] Additionally, for example, the examples described above or portions thereof may be implemented as software or code representations of physical circuits or logical representations convertible to physical circuits, such as in any suitable type of hardware description language.

[0051] Furthermore, the present invention is not limited to physical devices or units implemented with non-programmable hardware, but may also be applied to programmable devices or units capable of performing desired device functions by operating in accordance with appropriate program code, such as mainframes, minicomputers, servers, workstations, personal computers, notepads, personal digital assistants (PDAs), electronic games, automobiles and other embedded systems, mobile phones and various other wireless devices, generally referred to herein as 'computer systems'.

[0052] The system, apparatus or device referred to in this specification includes at least one hardware component.

[0053] Preferred embodiments of the technology of this specification have been described above with reference to the attached drawings. The terms and words used in this specification and claims should not be construed as limited to their conventional or dictionary meanings, but rather should be interpreted in their meanings and concepts consistent with the technical spirit of the present invention. The scope of the present invention is not limited to the embodiments disclosed in this specification, and the present invention may be modified, altered, or improved in various forms within the spirit of the present invention and the scope of the claims.

Claims

1. A method for providing a graphical user interface (GUI, 100) that visually displays the completion rate of one or more to-do item nodes having a tree structure, the method including a step of displaying the to-do item nodes as symbols on a to-do list display section (110) within the GUI (100), wherein the symbol displaying the item nodes has an interior filled with symbols representing to-do item nodes having child item nodes according to the completion rate of the to-do items, and a symbol representing to-do item nodes not having child item nodes has different interiors according to whether the to-do items are completed.

2. In paragraph 1, A GUI providing method, wherein the tree structure of the above to-do item node has a depth of 2 or more, and the completion rate of a to-do item node having child item nodes among the above to-do item nodes is calculated based on the completion rates of the child item nodes.

3. In paragraph 2, A method for providing a GUI, wherein the symbol form of a to-do item node having a child item node is different from that of a to-do item node not having a child item node.

4. In paragraph 3, A method for providing a GUI, wherein the symbol of a to-do item node having the child item node is a circle, and the symbol of a to-do item node not having the child item node is a square.

5. In paragraph 2, A method for providing a GUI, wherein a symbol representing a to-do item node having the above child item nodes is displayed together with a hierarchy symbol (111).

6. In paragraph 2, A method for providing a GUI, wherein a symbol representing an item node that does not have the child item node is empty if the to-do item is incomplete, and another arbitrary symbol is displayed inside if the to-do item is complete.

7. In paragraph 1, A method for providing a GUI, wherein a to-do item node having the child item nodes is displayed as a symbol that is filled in proportion to the completion percentage of the calculated child item nodes.

8. In paragraph 7, A GUI providing method, wherein if the completion rate of the child item node calculated above is 100%, a completion symbol is additionally displayed inside a symbol representing a to-do item node having the child item node.

9. In paragraph 1, The above GUI (100) further includes a set list display section that lists a set of to-do lists including one or more to-do lists among the above to-do lists, A GUI providing method, wherein the above set list display section displays the name of the above to-do list set, the progress of the above to-do list set, and a numeric character indicating when the number of to-do lists included in the above to-do list set is greater than a predetermined number.

10. A non-transitory computer-readable recording medium containing a computer-executable program including commands for executing the GUI providing method of any one of claims 1 to 9.

Images