Device and method for generating user interface corresponding to data structure

Abstract

The present invention relates to a device and a method for generating a user interface corresponding to a data structure. The device for generating a user interface corresponding to a data structure according to the present invention includes: a character string-object conversion unit for converting character string data into an object including a key and a value; an object structure search unit for searching for the structure of the object including the key and the value; and a user interface generation unit for generating a user interface including a label and an input field (entry) in accordance with the structure of the object that was searched for.

Description

Device and method for generating a user interface corresponding to a data structure

[0001] The present invention relates to a device and method for generating a user interface corresponding to a data structure, and more particularly, to a device and method for generating a user interface corresponding to a data structure that dynamically searches the data structure and generates a user interface corresponding thereto.

[0002] In GUI (Graphical User Interface) development, JSON (JavaScript Object Notation) data can have various structures depending on the application requirements, making it a very useful format for displaying data and receiving input from users.

[0003] For example, when displaying a product catalog, JSON data can be structured to include information such as product name, description, and price. Furthermore, in the field of image processing for object detection, JSON data can be formatted with an image description at the beginning and box coordinates at the end. Furthermore, when used in a survey, JSON data can be structured to include information such as disease site and exercise site.

[0004] However, in situations where the data structure is constantly changing, the GUI must also be able to flexibly respond to these changes. However, in the case of the prior art, there was a problem in that the GUI could not dynamically create labels and input fields (entries) in response to changes in the data structure.

[0005] Accordingly, there was the inconvenience of having to change the GUI to match the data structure each time it changed, and there was also the problem of increasing the possibility of errors due to frequent GUI changes.

[0006] [Prior Art Literature]

[0007] [Patent Document]

[0008] Korean Patent Publication No. 10-2513001

[0009] Korean Patent Publication No. 10-2157336

[0010] Korean Patent Publication No. 10-1949154

[0011] The present invention was created to solve the problems described above, and an object of the present invention is to provide a device and method for generating a user interface corresponding to a data structure that dynamically searches a data structure and generates a user interface corresponding thereto.

[0012] Another object of the present invention is to provide a device and method for generating a user interface corresponding to a data structure that can dynamically generate labels and input fields (entries) in a flexible manner in response to changes in the data structure.

[0013] Another object of the present invention is to provide a user interface generation device and method corresponding to a data structure capable of dynamically generating a user interface by deleting key paths in order of upper levels when the size of the label is large.

[0014] The purpose of the present invention is not limited to the tasks mentioned above. Other objectives and advantages of the present invention not mentioned above can be understood through the following description and will be more clearly understood through the embodiments of the present invention. Furthermore, it will be appreciated that the objectives and advantages of the present invention can be realized by the means and combinations thereof set forth in the claims.

[0015] For the above purpose, a user interface generating device corresponding to a data structure according to one embodiment of the present invention includes a string-object conversion unit that converts string data into an object composed of a key and a value; an object structure search unit that searches for a structure of an object composed of the key and the value; and, corresponding to the structure of the searched object, a label and an input field (entry).

[0016] Preferably, the object structure search unit recursively searches the structure of the object if the value of the object is another object composed of a key and a value, and if the value of the object is not another object composed of a key and a value, stores the value of the object by matching the path of the key.

[0017] Preferably, the user interface generation unit generates a user interface using the path of the key and the value of the object stored by matching as a label, and if the size of the label is greater than a preset value, the path of the key is deleted in order of the upper level to reduce the size of the label.

[0018] And, a method for generating a user interface corresponding to a data structure according to one embodiment of the present invention includes the steps of converting string data into an object composed of a key and a value; searching a structure of the object composed of the key and the value; and generating a user interface including a label and an input field corresponding to the structure of the searched object.

[0019] Preferably, the step of exploring the structure of the object recursively explores the structure of the object if the value of the object is another object consisting of a key and a value, and if the value of the object is not another object consisting of a key and a value, stores the value by matching the path of the key with the value of the object.

[0020] Preferably, the step of generating the user interface generates the user interface using the path of the key and the value of the object stored by matching as a label, and if the size of the label is greater than a preset value, the path of the key is deleted in order of the upper level to reduce the size of the label.

[0021] According to the present invention, by dynamically exploring a data structure and generating a user interface corresponding thereto, it has the effect of dynamically generating labels and input fields in a flexibly responsive manner to changes in the data structure.

[0022] In addition, according to the present invention, when the size of the label is large, the key path is deleted in the order of upper levels to dynamically generate a user interface, thereby preventing the label from becoming excessively long and damaging the readability of information, and having the effect of conveying important information concisely.

[0023] FIG. 1 is a block diagram of a user interface generation device corresponding to a data structure according to one embodiment of the present invention.

[0024] FIG. 2 is a flowchart of a method for generating a user interface corresponding to a data structure according to one embodiment of the present invention.

[0025] Figure 3 is a diagram illustrating a data table for a disease survey.

[0026] Figure 4 is a diagram illustrating JSON string data corresponding to the data table of Figure 3.

[0027] Figure 5 is a diagram illustrating a user interface corresponding to the JSON string data of Figure 4.

[0028] Figure 6 illustrates a JavaScript object search method according to one embodiment of the present invention.

[0029] Hereinafter, the 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 will be given the same reference numbers, and redundant descriptions thereof will be omitted. The suffixes "module" and "part" used for components in the following description are assigned or used interchangeably only for the convenience of writing the specification, and do not in themselves have distinct meanings or roles. In addition, when describing the embodiments disclosed in this specification, if it is determined that a specific description of a related known technology may obscure the gist of the embodiments disclosed in this specification, a detailed description thereof will be omitted. In addition, the attached drawings are only intended to facilitate easy understanding of the embodiments disclosed in this specification, and the technical ideas disclosed in this specification are not limited by the attached drawings, and should be understood to include all modifications, equivalents, and substitutes included in the spirit and technical scope of the present invention.

[0030] Terms that include ordinal numbers, such as first, second, etc., may be used to describe various components, but the components are not limited by these terms. These terms are used solely to distinguish one component from another.

[0031] When a component is referred to as being "connected" or "connected" to another component, it should be understood that it may be directly connected or connected to that other component, but that there may be other components intervening. Conversely, when a component is referred to as being "directly connected" or "connected" to another component, it should be understood that there are no other components intervening.

[0032]

[0033] First, FIG. 1 is a configuration diagram of a user interface generation device corresponding to a data structure according to one embodiment of the present invention, and FIG. 2 is a flowchart of a user interface generation method corresponding to a data structure according to one embodiment of the present invention.

[0034] Also, Fig. 3 is a diagram illustrating a data table for a disease survey, Fig. 4 is a diagram illustrating JSON string data corresponding to the data table of Fig. 3, and Fig. 5 is a diagram illustrating a user interface corresponding to the JSON string data of Fig. 4.

[0035] As illustrated in Figure 3, the information underlying the creation of a user interface (see Figure 5) can be diverse (e.g., a disease survey in Figure 3) and can have diverse formats or structures (e.g., a data table in Figure 3). Furthermore, this information can be updated as needed or periodically. Furthermore, as illustrated in Figure 4, JSON data can effectively express diverse information whose data structure or format is not consistent.

[0036] Referring to FIG. 1, a user interface generation device (100) corresponding to a data structure according to one embodiment of the present invention includes a string-object conversion unit (110), an object structure search unit (120), a user interface generation unit (130), etc.

[0037] The string-object conversion unit (110) analyzes JSON string data and converts it into a JavaScript object consisting of a pair of keys and values ​​(see step S210).

[0038] For example, the string-to-object conversion unit (110) parses JSON string data to analyze the corresponding syntax and determine the structure of the sentence, and converts it into a JavaScript object composed of key and value pairs.

[0039] Then, the object structure exploration unit (120) explores the structure of the JavaScript object created in the string-object conversion unit (110) (see step S220).

[0040] For example, the object structure search unit (120) examines the key and value pairs of a JavaScript object, and if the value of the object is another object composed of key and value pairs, it recursively searches the object until the value of the object is not an object composed of key and value pairs. Then, the object structure search unit (120) matches the path and value of the key and stores them if the value of the object is not another object composed of key and value pairs.

[0041] In this regard, FIG. 6 illustrates an object structure search method according to one embodiment of the present invention.

[0042] Referring to FIG. 6, the object structure search unit (120) searches for an object having a structure as illustrated in FIG. 6a and extracts 『"brain disease"』 corresponding to the key and 『{ "K-MBI": "1~100", "Functional_Ambulation_Category": "0~5", "Modified_Ashworth_Scale": "0~5"}』 corresponding to the value.

[0043] Then, the object structure search unit (120) stores 『"brain disease"』 corresponding to the key of the object in the current key path (current_path), and searches again for 『{"K-MBI": "1~100", "Functional_Ambulation_Category": "0~5", "Modified_Ashworth_Scale": "0~5"}』 corresponding to the value of the object.

[0044] As illustrated in FIG. 6a, when the object values ​​are three in parallel, 『"K-MBI": "1~100"』, 『"Functional_Ambulation_Category": "0~5"』, 『"Modified_Ashworth_Scale": "0~5"』, as illustrated in FIG. 6b, the object structure search unit (120) searches by separating them into 『{"Brain Disease": {"K-MBI": "1~100"}}』, 『{"Brain Disease": {"Functional_Ambulation_Category": "0~5"}}』, 『{"Brain Disease": {"Modified_Ashworth_Scale": "0~5"}}』, respectively.

[0045] Then, the object structure search unit (120) searches for the value of the first object, "K-MBI": "1~100", and if the value of the object is another object consisting of a pair of key and value, it extracts "K-MBI" corresponding to the key and "1~100" corresponding to the value.

[0046] Then, the object structure search unit (120) adds 『"K-MBI"』 corresponding to the key of the object to the current key path (current_path), stores 『("brain disease": "K-MBI")』, and searches again for 『"1~100"』 corresponding to the value of the object.

[0047] If the value of the object is not another object consisting of a key-value pair, such as "1~100", the object structure search unit (120) matches (combines) the value of the object, "("Brain disease": "K-MBI")," stored in the current key path (current_path), and "("Brain disease": "K-MBI"), 1~100"," and stores it as the final value (final_value), as illustrated in FIG. 6c.

[0048] And, in this way, the object structure exploration unit (120) explores the overall structure of a JavaScript object.

[0049] Finally, referring back to FIG. 1, the user interface generation unit (130) generates a user interface including a label and an input field (entry) corresponding to the structure of the JavaScript object searched by the object structure search unit (120) (see step S230).

[0050] For example, the user interface generation unit (130) uses the final value (final_value) stored in the object structure search unit (120) as a label, 『("Brain disease": "K-MBI"), 1~100』, and creates an input field (entry) that can receive a corresponding value from the user, thereby generating a user interface corresponding to the structure of the JavaScript object, as illustrated in FIG. 5.

[0051] In addition, the present invention can dynamically generate labels and input fields by flexibly responding to changes in the data structure by dynamically exploring the data structure and generating a user interface corresponding thereto.

[0052] Meanwhile, according to a preferred embodiment of the present invention, if the size of the label (i.e., the size of the data in which the current key path and the object value stored as the final value are combined) is excessively large, the user interface generation unit (130) reduces it to a preset size or smaller and uses it as a label.

[0053] For example, the user interface generation unit (130) applies the font ratio (font_ratio), label default size (Label_default_size), and label ratio (Lebel_size) that are preset for user interface generation to the string size (String_size) saved as the final value (i.e., the string size to be used as a label), and calculates the label size (Label_size) as in Equation 1 below.

[0054] [Formula 1]

[0055]

[0056] And, if the label size (Label_size) as a result of the calculation of the above formula 1 is greater than 1, the user interface generation unit (130) calculates the label size by applying the above formula 1 again to the remaining string after excluding (deleting) the upper level key path from the string stored as the final value. If the recalculated label size is again greater than 1, the label size is calculated by applying the above formula 1 again to the remaining string after additionally excluding (deleting) the key path of the next higher level, and this process is repeated until the label size becomes 1 or less. And, if the label size becomes 1 or less, the user interface generation unit (130) generates a user interface using the corresponding string (e.g., the string after excluding the upper / second higher level key path) as a label.

[0057] For example, if the size of the label 『("flexibility": "sit_and_bend_forward"), -50.0 ~ 50.0』 is too large, the user interface generation unit (130) generates a user interface using the remaining string 『"sit_and_bend_forward", -50.0 ~ 50.0』 as a label, excluding (deleting) the upper level key path ("flexibility").

[0058] In this way, the present invention dynamically generates a user interface by deleting key paths in order of upper levels when the size of the label is large, thereby preventing the label from becoming excessively long and damaging the readability of information, and concisely conveying important information.

[0059] Meanwhile, in the embodiments described so far, JSON (JavaScript Object Notation) data is used as an example to increase convenience and understanding of explanation, but the present invention is not necessarily limited to JSON data.

[0060]

[0061] The use of the term "above" and similar referential terms in the specification of this disclosure (especially in the claims) may refer to both the singular and the plural. Furthermore, if a range is described in this disclosure, it is intended that the invention encompasses individual values ​​within that range (unless otherwise stated), and is equivalent to describing each individual value within that range in the detailed description of the invention.

[0062] Unless the steps constituting the method according to the present disclosure are explicitly described in a specific order or are otherwise described in a different order, the steps may be performed in any appropriate order. The present disclosure is not necessarily limited by the order in which the steps are described. The use of all examples or exemplary terms (e.g., "for example," etc.) in this disclosure is merely intended to illustrate the present disclosure in more detail, and the scope of the present disclosure is not limited by the examples or exemplary terms unless otherwise defined by the claims. Furthermore, those skilled in the art will appreciate that various modifications, combinations, and variations can be configured according to design conditions and factors within the scope of the appended claims or their equivalents.

[0063] Therefore, the spirit of the present disclosure should not be limited to the embodiments described above, and all scopes equivalent to or equivalent to the scope of the patent claims described below, as well as the scope of the present disclosure, should be considered to fall within the scope of the spirit of the present disclosure.

[0064] [National Research and Development Project Supporting This Invention]

[0065] [Project ID]1375027602

[0066] [Project Number]SR202106002-0003

[0067] [Ministry Name] Ministry of Culture, Sports and Tourism

[0068] [Name of the task management (specialized) organization] Korea Creative Content Agency

[0069] [Research Project Name] Community-Based Rehabilitation Exercise Service Technology Development

[0070] [Research Project Name] Development of a Device Technology for Augmenting Cognitive and Physical Complex Intervention Rehabilitation Exercise

[0071] [Name of the project performing organization] Daegu Gyeongbuk Institute of Science and Technology

[0072] [Research Period] January 1, 2023 - December 31, 2023

[0073] [National Research and Development Project Supporting This Invention]

[0074] [Project ID]1711195600

[0075] [Assignment Number] 00233536

[0076] [Ministry Name] Ministry of Science and ICT

[0077] [Name of Project Management (Specialist) Institution] Information and Communications Technology Planning and Evaluation Institute

[0078] [Research Project Name] ICTR&D Innovation Voucher Support Project (Preliminary Evaluation)

[0079] [Research Project Name] Detection of Abnormal Screen Information Leakage Using Artificial Intelligence Technology

[0080] Stem development

[0081] [Name of Project Performing Organization] P&P Secure

[0082] Research Period: April 1, 2023 - March 31, 2024

[0083] [National Research and Development Project Supporting This Invention]

[0084] [Task Unique Number] Not Assigned

[0085] [Assignment Number] 2024010271

[0086] [Ministry Name] Ministry of Science and ICT

[0087] [Name of Project Management (Specialist) Institution] Daegu Gyeongbuk Institute of Science and Technology

[0088] [Research Project Name] DGIST Institutional Project

[0089] [Research Project Name] Analysis of Composite Data on Surrounding Environment and Heterogeneous Mobile Objects in Indoor Environments

[0090] Development of stone and operation technology

[0091] [Name of the project performing organization] Daegu Gyeongbuk Institute of Science and Technology

[0092] [Research Period] January 1, 2024 - December 31, 2024

Claims

1. As a user interface generation device corresponding to a data structure, A string-to-object conversion unit that converts string data into an object consisting of a key and a value; An object structure exploration unit that explores the structure of an object composed of the above keys and values; and In accordance with the structure of the above-mentioned searched object, a user interface generation unit is included that generates a user interface including a label and an input field. A device that generates a user interface corresponding to a data structure.

2. In paragraph 1, The above object structure exploration unit, If the value of an object is another object consisting of keys and values, then the structure of the object is traversed recursively. A device that generates a user interface corresponding to a data structure.

3. In paragraph 1 or 2, The above object structure exploration unit, If the value of an object is not another object consisting of a key and a value, it is stored by matching the path of the key and the value of the object. A device that generates a user interface corresponding to a data structure.

4. In paragraph 3, The above user interface generation unit, A user interface is created using the path of the key and the value of the object as labels by matching the above. If the size of the above label is larger than the preset value, the size of the label is reduced by deleting the path of the key in order of the upper level. A device that generates a user interface corresponding to a data structure.

5. In paragraph 4, The above user interface generation unit, The size of the label is calculated using the following formula 1 by applying the font ratio (font_ratio), label default size (Label_default_size), and label ratio (Lebel_size) that are set for creating a user interface to the string size (String_size) to be used as the label, [Formula 1] If the size of the label calculated by the above formula 1 is greater than 1, the size of the label is reduced by deleting the path of the key in the order of the upper level. A device that generates a user interface corresponding to a data structure.

6. A method for creating a user interface corresponding to a data structure, A step of converting string data into an object consisting of keys and values; A step of exploring the structure of an object consisting of the above keys and values; and In accordance with the structure of the above-described object, a step of generating a user interface including a label and an input field, How to create a user interface corresponding to a data structure.

7. In paragraph 6, The step of exploring the structure of the above object is: If the value of an object is another object consisting of keys and values, then the structure of the object is traversed recursively. How to create a user interface corresponding to a data structure.

8. In paragraph 6 or 7, The step of exploring the structure of the above object is: If the value of an object is not another object consisting of a key and a value, it is stored by matching the path of the key and the value of the object. How to create a user interface corresponding to a data structure.

9. In paragraph 8, The steps for creating the above user interface are: A user interface is created using the path of the key and the value of the object as labels by matching the above. If the size of the above label is larger than the preset value, the size of the label is reduced by deleting the path of the key in order of the upper level. How to create a user interface corresponding to a data structure.

10. In paragraph 9, The steps for creating the above user interface are: The size of the label is calculated using the following formula 1 by applying the font ratio (font_ratio), label default size (Label_default_size), and label ratio (Lebel_size) that are set for creating a user interface to the string size (String_size) to be used as the label, [Formula 1]

Images