KR20240012835A - An integrated development environment system that analyzes the application source code and diagrams the work flow - Google Patents

Abstract

The present invention relates to an integrated development environment system that analyzes application source code and diagrams it so that the work flow can be easily understood. The Integrated Development Environment system according to an embodiment of the present invention analyzes the source code of an application composed of a programming language, analyzes the nodes constituting the source code, and provides analysis and design information of the application. , an analysis module that obtains the source code of the application, parses and analyzes the source code to generate source code analysis information, and obtains the source code analysis information from the analysis module, It may include a schematic module that generates schematic information that schematizes the connection tree between the nodes based on the relationship between the constituting nodes.

Description

An integrated development environment system that analyzes the application source code and diagrams the work flow}

The present invention relates to an integrated development environment system and integrated development method that diagrams the workflow by analyzing application source code. More specifically, it relates to an integrated development environment system and integrated development method that can easily understand the work flow by analyzing the source code of the programming language that makes up the application and diagramming the flow of the source code after completing application development or during work.

Due to the increase in IT (Information Technology), most businesses have shifted to an online focus. Accordingly, corporate systems had to be able to handle higher loads, and they continue to be upgraded to minimize the impact on business even in the event of a failure.

Korean software developers lack methodologies that can be used for analysis and design during the development process, and existing methodologies lack relationships and systems between outputs.

In addition, these simply listed outputs do not serve as a standard for the orderer to verify the adequacy of the output.

In order to alleviate this problem, the National Information Society Agency presented outputs for each stage of analysis, design implementation, and testing of object-oriented and CBD development through the <CBD SW Development Standard Output Guide>.

Through this, a standard is established, and the project uses this standard by modifying or adding output forms.

The Integrated Development Environment provided by the framework focuses on the source code of the output and provides a graphical representation function. Additionally, by exporting output based on source code analysis, it is possible to easily compare output from the design stage and reduce the gap between design and implementation.

Republic of Korea Patent Publication No. 10-2233894

The problem that the present invention aims to solve is to provide an integrated development environment system and integrated development method that diagrams the work flow by analyzing the application source code. By analyzing the source code of the programming language that makes up the application, the application can be developed after completion or during work. The purpose is to provide an integrated development environment system and integrated development method that can easily understand the work flow by diagramming the flow of source code.

Other objects and advantages of the present invention will become clearer from the following detailed description, claims, and drawings.

The integrated development environment system according to an embodiment of the present invention to solve the above technical problem analyzes the source code of an application composed of a programming language, analyzes the nodes constituting the source code, and provides analysis and design information of the application. By doing so, an analysis module that acquires the source code of the application, parses and analyzes the source code to generate source code analysis information, and obtains the source code analysis information from the analysis module, It may include a schematic module that generates schematic information diagramming the connection tree between the nodes based on the relationship between the nodes constituting the code.

The programming language is an object-oriented language.

The programming language is any one of Java, JavaScript, Python, and C++.

The analysis module may include a programming language editing unit and a source code analysis unit.

The programming language editing unit extracts the source code from the programming language.

The source code analysis unit parses the source code and generates the source code analysis information, and the source code analysis information includes abstract syntax tree (AST) information.

The schematic module may include an information reception unit, a schematic information generation unit, a view creation unit, and an information output unit.

The information receiver receives the source code analysis information from the analysis module.

The schematic information generating unit may include schematic node data corresponding to each node of the source code analysis information.

The schematic information generating unit matches each node of the source code analysis information with the schematic node data and generates the schematic information that schematizes the connection tree between the nodes.

The view generator generates an overview, flow view, and outline view to display the schematic information to the user.

The overview displays basic information, member field information, and method information.

The flow view provides flow/source information, a menu toolbar for work, and a node show/hide function.

The outline view displays node tree information and execution flow information.

It may further include a product module that generates and provides output information including a schematic image based on the source code and the schematic information.

The integrated development method according to an embodiment of the present invention to solve the above technical problem analyzes the source code of an application composed of a programming language, analyzes the nodes constituting the source code, and provides analysis and design information of the application. In this way, the analysis module obtains the source code of the application, parses and analyzes the obtained source code to generate source code analysis information, and the schematic module acquires the source code analysis information. , It may include generating schematic information diagramming the connection tree between the nodes based on the relationship between the nodes constituting the source code.

The analysis module may include a programming language editing unit and a source code analysis unit.

The step of generating the source code analysis information includes extracting the source code from the programming language in the programming language editing unit, and generating the source code analysis information by parsing the source code in the source code analysis unit. Including, the source code analysis information includes abstract syntax tree (AST) information.

The schematic module includes an information reception unit, a schematic information generation unit, a view creation unit, and an information output unit.

The schematic information generating unit includes schematic node data corresponding to each node of the source code analysis information.

The step of generating the schematic information includes matching each node of the source code analysis information with the schematic node data in the schematic information generation unit, and diagramming a connection tree between the nodes.

It further includes generating and providing output information including a schematic image based on the source code and the schematic information.

According to the present invention, an integrated development environment system and an integrated development method are provided that analyze the application source code and diagram the work flow. By analyzing the source code of the programming language that makes up the application, the source code is developed after completion of application development or during work. An integrated development environment system and integrated development method that can easily understand the work flow by diagramming the flow of code are provided.

Figure 1 exemplarily shows an integrated development environment system according to an embodiment of the present invention.
Figure 2 exemplarily shows the analysis module of the integrated development environment system,
Figure 3 exemplarily shows a schematic module of the integrated development environment system.
Figure 4 exemplarily shows an integrated development environment system according to an embodiment of the present invention.
Figure 5 exemplarily shows an overview generated in the view creation unit.
Figure 6 shows an example of a flow view created in the view creation unit.
Figure 7 exemplarily shows schematic node data.
Figure 8 shows an example of an outline view created in the view creation unit.
Figure 9 exemplarily shows a flowchart of an integrated development method according to an embodiment of the present invention.

The advantages and features of the present invention and methods for achieving them will become clear by referring to the embodiments described in detail below along with the accompanying drawings. However, the present invention is not limited to the embodiments disclosed below and will be implemented in various different forms. The present embodiments only serve to ensure that the disclosure of the present invention is complete and that common knowledge in the technical field to which the present invention pertains is not limited. It is provided to fully inform those who have the scope of the invention, and the present invention is only defined by the scope of the claims. Specific details for implementing the present invention will be described in detail with reference to the drawings attached below. Regardless of the drawings, the same reference numerals refer to the same elements, and “and/or” includes each and all combinations of one or more of the mentioned items.

The terminology used herein is for describing embodiments and is not intended to limit the invention. As used herein, singular forms also include plural forms, unless specifically stated otherwise in the context. As used in the specification, “comprises” and/or “comprising” does not exclude the presence or addition of one or more other elements in addition to the mentioned elements.

Unless otherwise defined, all terms (including technical and scientific terms) used in this specification may be used with meanings that can be commonly understood by those skilled in the art to which the present invention pertains. Additionally, terms defined in commonly used dictionaries are not interpreted ideally or excessively unless clearly specifically defined.

Hereinafter, an integrated development environment system and application integrated development method according to an embodiment of the present invention will be described.

Figure 1 exemplarily illustrates an integrated development environment system according to an embodiment of the present invention, Figure 2 exemplarily illustrates an analysis module of the integrated development environment system, and Figure 3 illustrates a schematic module of the integrated development environment system. Figure 4 exemplarily shows an integrated development environment system according to an embodiment of the present invention, Figure 5 exemplarily shows an overview generated in the view creation unit, and Figure 6 shows an overview generated in the view creation unit. FIG. 7 exemplarily illustrates the generated flow view, FIG. 7 exemplarily illustrates schematic node data, FIG. 8 exemplarily illustrates the outline view generated in the view creation unit, and FIG. 9 illustrates the implementation of the present invention. This is an exemplary flowchart of the integrated development method according to the example.

First, referring to FIG. 1, the Integrated Development Environment (IDE) system according to an embodiment of the present invention analyzes the source code of an application composed of a programming language, analyzes the nodes constituting the source code, and Application analysis and design information can be provided.

To this end, the integrated development environment system 100 includes an analysis module 110 that obtains the source code of the application, parses and analyzes the source code to generate source code analysis information, and the analysis module ( It may include a schematic module 120 that obtains the source code analysis information from 110) and generates schematic information diagramming the connection tree between the nodes based on the relationship between the nodes constituting the source code.

In the present invention, the programming language is an object-oriented language (OOL), which is a fundamental element of application construction. An object-oriented language is a programming language that creates a program with multiple objects and allows them to interact with each other. The language that can be used in the present invention is any one of Java, JavaScript, Python, and C++. However, for convenience of explanation, it is assumed below that the programming language of the present invention is Java.

Referring to FIG. 2, the analysis module 110 of the integrated development environment system 100 may include a programming language editing unit 111 and a source code analysis unit 113. The programming language editing unit 111 and the source code analysis unit 113 may be physically separated, but may not be physically separated, but may be separated from each other in terms of software functionality. Additionally, depending on the system configuration, the programming language editing unit 111 and the source code analysis unit 113 may be combined. On the other hand, if the programming language editing unit 111 and the source code analysis unit 113 are physically or functionally separated, the programming language editing unit 111 and the source code analysis unit 113 may embed program modules that communicate with each other. there is.

The programming language editing unit 111 may perform a function of loading JavaScript source code. Accordingly, the programming language editing unit 111 extracts the source code from the programming language.

The source code analysis unit 113 generates source code analysis information by parsing the extracted and loaded source code. Here, the source code analysis information includes Abstract Syntax Tree (AST) information. That is, the source code analysis unit 113 parses the source code and generates source code analysis information consisting of an abstract syntax tree (AST). The source code analysis information generated in the analysis module 110 is transmitted to the schematic module 120, which will be described later.

Referring to FIG. 3, the schematic module 120 of the integrated development environment system 100 may include an information reception unit 121, a schematic information generation unit 123, a view generation unit 125, and an information output unit 127. You can. The information receiving unit 121, the schematic information generating unit 123, the view generating unit 125, and the information output unit 127 may be physically separated, but are not physically separated, and may be separated from each other in terms of software functionality. there is.

In addition, depending on the system configuration, the information receiving unit 121, the schematic information generating unit 123, the view generating unit 125, and the information output unit 127 may be combined to form a configuration. On the other hand, when the information receiving unit 121, the diagramming information generation unit 123, the view generating unit 125, and the information output unit 127 are physically or functionally separated, the information receiving unit 121, the diagramming information generating unit ( 123), the view creation unit 125, and the information output unit 127 may contain program modules that communicate with each other.

The information receiving unit 121 receives source code analysis information from the analysis module 110. The information receiving unit 121 may be provided with a memory device to temporarily store the received source code analysis information. Additionally, the information receiving unit 121 may be configured as a system queue or system stack to temporarily store source code analysis information.

The source code analysis information received by the information receiving unit 121 is transmitted to the schematic information generating unit 123.

The schematic information generator 123 may generate a control flow diagram regarding functions within the source code analysis information. Additionally, the schematic information generator 123 can identify the data types of variables and functions corresponding to each node constituting the control flow diagram.

Typically, a control flow graph is a graph that connects statements, instructions, or function calls executed in a program in a logical order.

A program consists of declaration statements that declare variables or constants, execution statements that perform operations, and control statements that determine the control flow of the program. Control statements are statements such as unconditional branch, conditional branch, loop, subroutine, return, and stop.

If declaration statements or execution statements between control statements are expressed as nodes, control statements can be expressed as branches that represent the connection relationship between nodes. A control flow diagram can express the control flow according to the execution of a program using nodes and branches. Control flow diagrams can be derived in various ways depending on the developer. Control flow diagrams can be generated from source code at the assembly language level, or control flow diagrams can be generated in the form of an abstract grammar tree from source code in a high-level programming language. .

Meanwhile, information about the survival range of a variable is information that allows you to know at which node the variable is declared, used in an operation by an operator, or changed by the result of an operation, and each node in the control flow diagram is displayed in the statement belonging to that node. It can have declared variables or used variables.

Data types in Java are largely divided into primitive data types, composite data types, and special data types. Basic data types include number, string, and boolean data types. Complex data types include object and array. Special data types include null and undefined. There is a data type.

Meanwhile, the data types of variables and functions with complex dependent relationships can be serially inferred using, for example, the divide and conquer algorithm.

In other words, for variables and functions whose data types cannot be easily inferred by assignment of constant values or assignment of operation results of constant values, chain inference order can be established by dividing function call syntax and variable value assignment syntax and identifying their dependencies. can be decided. Data types can be inferred according to the determined order.

Meanwhile, the function result can be inferred by considering the cases where the arguments used in the function affect the function result value, the cases where the arguments used in the function do not affect the function result value, or the case where there are no function arguments.

If the arguments used in the function affect the function result value, the data type of the function result value can be inferred by first considering the data types of those arguments and their changes, although chain inference may be necessary.

The data type of the function result value does not require chain inference if the arguments used in the function do not affect the function result value or if there are no function arguments, and can be inferred through the operation of the function itself.

The source code analysis information includes all of the above-described systems, and the schematic information generation unit 123 can diagram the flow of the application centered on the nodes among the source code analysis information.

To this end, the schematic information generating unit 123 may include schematic node data (see FIG. 7) corresponding to each node included in the source code analysis information. The schematic node data may be stored in the schematic information generation unit 123, or may be separately stored in a separate storage unit outside the schematic information generation unit 123. When stored externally, the schematic information generation unit 123 can call and use the schematic node data.

The schematic information generator 123 may match each node of the source code analysis information with the schematic node data, and generate schematic information by diagramming the connection tree between the nodes.

For example, referring to Figure 7, if the node included in the source code analysis information corresponds to the conditional statement 'if', find the node image corresponding to if in the schematic node data illustrated in Figure 7 and correspond to if. Matching the node with the schematic image of if. In addition, if the node included in the source code analysis information corresponds to 'for', a For loop statement, find the node image corresponding to for among the schematic node data illustrated in Figure 7, and convert the node corresponding to for into the schematic image of for. It is matched with .

In this way, each node included in the source code analysis information is matched with the node image of the schematic node data, and when matching is completed, the source code analysis information is generated as schematic information in which the node image is schematized as a connection tree. Accordingly, the diagram information generating unit 123 generates diagram information in which each node of the source code analysis information is diagrammed.

Subsequently, schematic information is transmitted to the view creation unit 125. The view generator 125 generates schematic information as an overview, flow view, and outline view to display it to the user. The view generator 125 provides a user interface using schematic information, and developers can understand the execution flow and design structure of the application through the overview, flow view, and outline view displayed by the view generator. there is.

In addition, the integrated development environment system 100 of the present invention can be applied not only to completed applications, but also to applications in progress of design and coding. In other words, the integrated development environment system 100 of the present invention can diagram the nodes of the application code being written in real time and provide it to the developer.

As a result, developers can check the execution flow of the application in real time, and if it is determined that there are errors in development and coding, they can modify the design of the application they are working on in real time. In other words, the integrated development environment system 100 of the present invention can make a groundbreaking contribution to application development.

Referring to FIG. 5, the view generator 125 provides an overview. The overview can provide basic information (501), member field information (502), and method information (503). This is shown as an example window in Figure 5. Meanwhile, in basic information 501, you can check the basic information or package information of the created class. In member field information 502, you can check the list of member fields that the class has. In method information 503, you can check the list of methods that the class has.

Meanwhile, if you double-click the method you want to view among the method list in the overview, you can see that the method is diagrammed through the flow view, which will be described later. At this time, the flow view allows the user to filter and view necessary or unnecessary information, and when double-clicking the node image, the user can go to the source and check the implementation immediately.

Referring to FIG. 6, the view generator 125 provides a flow view. Flow View can provide flow/source information (601), work menu toolbar (602), node show/hide function, basic information (603), and viewer (604).

You can check the flow chart and source code for the source through flow/source information 601.

The work menu toolbar 602 is located at the top of the work space, and a menu for user convenience may be located. The node show/hide function provides the ability to hide specific nodes (if, switch, for, while, do-while, user code area, getBean) in the workspace. Image export allows you to export the flow created in the workspace as an image. Printing allows you to print the flow created in the workspace and export it as a printout. Expand/Collapse All Nodes provides the expand/collapse function for all nodes. Zoom allows you to adjust the viewing magnification of your workspace.

In the basic information (603) menu, you can easily check the access controller, logical name, method name, and input/output type for the method, and in the viewer (604), you can check the flow/source code according to the top tab.

Referring to FIG. 7, the view generator 125 provides an outline view. The outline view can display node tree information 801 and execution flow information 802. Node tree information 801 converts each node into a node image and expresses it as a connection tree. Execution flow information 802 expresses the current execution position on the application flowchart.

Referring to FIG. 3, the generated schematic information is transmitted to the outside of the schematic module 120 through the information output unit 127. For example, schematic information may be transmitted to the output module 130 through the information output unit 127.

Referring to FIG. 4, the integrated development environment system 100 of the present invention may further include a product module 130 that generates and provides output information including a schematic image based on source code and the schematic information.

In other words, the output module 130 can generate and export output information including four types of information, such as source code, schematic information containing schematic node images, component design, and component program design, through the received model. Here, the component design document defines services, beans, DBIO, and IO classes, and the component program design document defines content to be processed in the service and bean methods. Output information can be output in spreadsheet format. For example, output information can be output in *.xlsx" format, which can be launched in Microsoft's Excel program.

Next, an integrated development method according to an embodiment of the present invention will be described. Components commonly described in the integrated development environment system of the previous embodiment and the integrated development method of the present embodiment have substantially the same functions and effects, so repeated descriptions will be omitted.

The integrated development method of the present invention can analyze the source code of an application composed of a programming language, analyze nodes constituting the source code, and provide analysis and design information of the application.

Referring to Figure 9, in the integrated development method of the present invention, the analysis module 110 obtains the source code of the application, parses and analyzes the obtained source code, and generates source code analysis information. Steps (S11, S12), and the schematic module 120 obtains the source code analysis information and generates schematic information that diagrams the connection tree between the nodes based on the relationship between the nodes constituting the source code. It may include step S13.

As described above, the analysis module 110 may include a programming language editing unit 111 and a source code analysis unit 113. The step of generating source code analysis information includes extracting the source code from the programming language in the programming language editing unit (S11), and analyzing the source code by parsing the source code in the source code analysis unit 113. It may include a step of generating information (S12). Here, the source code analysis information may include abstract syntax tree (AST) information.

Next, the schematic module 120 may include an information reception unit 121, a schematic information generator 123, a view generator 125, and an information output unit 127. Here, the schematic information generating unit 123 may include schematic node data corresponding to each node of the source code analysis information.

The step of generating schematic information (S13) may include matching each node of the source code analysis information with the schematic node data in the schematic information generation unit, and diagramming a connection tree between the nodes. there is. As a result, each node included in the source code analysis information can be changed to a node image. Based on these node images, a schematic connection tree is created and schematic information is created.

Subsequently, output information including a schematic image is generated in the output module 130 based on the source code and schematic information (S14). The generated output information can be provided to users in spreadsheet format.

Although the embodiments of the present invention have been described above, the present invention is not limited to the above embodiments and can be manufactured in various different forms, and those skilled in the art will understand the technical idea of the present invention. It will be understood that it can be implemented in other specific forms without changing the essential features. Therefore, the embodiments described above should be understood in all respects as illustrative and not restrictive.

100: Integrated development environment system 110: Analysis module
120: Schematic module 111: Programming language editing department
113: Source code analysis unit 121: Information reception unit
123: Schematic information generation unit 125: View generation unit
127: Information output unit 130: Output module

Claims (22)

In an Integrated Development Environment system that analyzes the source code of an application composed of a programming language, analyzes the nodes constituting the source code, and provides analysis and design information of the application,
an analysis module that obtains the source code of the application, parses and analyzes the source code, and generates source code analysis information;
An integrated development environment system comprising a schematic module that obtains the source code analysis information from the analysis module and generates schematic information that schematizes the connection tree between the nodes based on the relationship between the nodes constituting the source code. According to claim 1,
An integrated development environment system, wherein the programming language is an object-oriented language. According to clause 2,
The programming language is an integrated development environment system, characterized in that one of Java, JavaScript, Python, and C++. According to claim 1,
The analysis module is an integrated development environment system that includes a programming language editing unit and a source code analysis unit. According to clause 4,
An integrated development environment system, wherein the programming language editing unit extracts the source code from the programming language. According to clause 4,
The source code analysis unit parses the source code and generates the source code analysis information,
An integrated development environment system, characterized in that the source code analysis information includes abstract syntax tree (AST) information. According to claim 1,
The schematic module is an integrated development environment system including an information reception unit, a schematic information generation unit, a view creation unit, and an information output unit. According to clause 7,
The information receiver is an integrated development environment system characterized in that the source code analysis information is transmitted from the analysis module. According to clause 7,
The schematic information generation unit is an integrated development environment system characterized in that it includes schematic node data corresponding to each node of the source code analysis information. According to clause 9,
The schematic information generation unit matches each node of the source code analysis information with the schematic node data,
An integrated development environment system characterized by generating the schematic information diagramming the connection tree between the nodes. According to clause 7,
The view creation unit is an integrated development environment system characterized in that it generates an overview, flow view, and outline view to display the schematic information to the user. According to claim 11,
The overview is an integrated development environment system characterized in that it displays basic information, member field information, and method information. According to claim 11,
The flow view is an integrated development environment system characterized in that it provides flow/source information, a menu toolbar for work, and a node show/hide function. According to claim 11,
The outline view is an integrated development environment system characterized in that it displays node tree information and execution flow information. According to claim 1,
An integrated development environment system further comprising a product module that generates and provides output information including a schematic image based on the source code and the schematic information. In the integrated development method of analyzing the source code of an application composed of a programming language, analyzing the nodes constituting the source code, and providing analysis and design information of the application,
An analysis module obtaining the source code of the application, parsing and analyzing the obtained source code, and generating source code analysis information;
An integrated application development method comprising the step of a schematic module acquiring the source code analysis information and generating schematic information diagramming a connection tree between the nodes based on the relationship between the nodes constituting the source code. According to claim 16,
The analysis module is an application integrated development method including a programming language editing unit and a source code analysis unit. According to clause 17,
The step of generating the source code analysis information is,
Extracting the source code from the programming language in the programming language editing unit, and parsing the source code in the source code analysis unit to generate the source code analysis information,
An application integrated development method, characterized in that the source code analysis information includes abstract syntax tree (AST) information.
According to claim 16,
The schematic module is an application integrated development method including an information reception unit, a schematic information generation unit, a view creation unit, and an information output unit. According to clause 19,
An application integrated development method, characterized in that the schematic information generation unit includes schematic node data corresponding to each node of the source code analysis information. According to claim 20,
The step of generating the schematic information is,
Matching each node of the source code analysis information with the schematic node data in the schematic information generation unit;
An application integrated development method including the step of diagramming a connection tree between the nodes. According to claim 16,
An application integrated development method further comprising generating and providing output information including a schematic image based on the source code and the schematic information.

Images