WO2013170525A1

WO2013170525A1 - Method and device for presenting or drawing logical flow relationship of computer application program organization in the form of logical flow chart

Info

Publication number: WO2013170525A1
Application number: PCT/CN2012/078124
Authority: WO
Inventors: 刘勇
Original assignee: Liu Yong
Priority date: 2012-05-16
Filing date: 2012-07-03
Publication date: 2013-11-21

Abstract

Disclosed is a method for presenting or drawing a logical flow relationship of a computer application program organization in the form of a logical flow chart, comprising: a main component module obtaining a logical flow relationship of each main component from a relationship data module; an arrangement arithmetic component performing interface organization and arrangement arithmetic according to the logical flow relationship obtained by the main component module; and the main component module performing interface arrangement and drawing operations according to an arithmetic result of the arrangement arithmetic component. Also disclosed is a device for presenting or drawing a logical flow relationship of a computer application program organization in the form of a logical flow chart, so that each module has a clear function, and is easy to maintain and extend; and a user interface can be displayed as required or displayed dynamically.

Description

A logical flow chart showing or plotting computer application organization logic flow relationships 1

Method and device

Technical field

A logical flow chart showing or plotting the logic flow of a computer application organization

^, , and the method and apparatus enable the graphical user interaction interface of the computer program to be expanded into a representation form represented by a logic flow chart, and according to a logical flow relationship, using a graphic drawing API provided by an operating system or a hardware device to graphically represent the device The layout of the logic flow connection diagram of the main program function execution component of the main input, processing, control, output, etc., using the point, line, wireframe, and graphical logic flow drawing method, and the logic flow connection diagram Arranging the logic flow of the program and further providing the user with an opportunity to modify the options between the logical process relationships. 3⁄4

With the development of computer terminal equipment, the popularity and replacement of equipment, a large number of new computer programs are added every day in various industries. On many of today's popular application platforms, computer programs are represented in a relatively independent form of the application interface and option interface. Although it can meet the general needs of normal use, the ability of the program to express the rules of its business logic flow is not strong. The user of the program is not very clear about the functional logic operation of the program. The adaptation of the program requires a certain use experience and exploration time.

Summary of invention

The invention uses a graphical user interaction interface to express the logic and process relationship between the main function execution components of the program, and the user can further intuitively adjust the function of the main function execution component. The interactive operation method can intuitively express the logical flow relationship of the main execution components of the computer program, and increase the ease of use of the computer program. Intuitively and quickly find the option to adjust computer programs to enhance the user experience.

The implementation idea of the present invention is that, in the computer hardware system, the logical relationship organization structure related data of the main function execution component in the computer program is saved, the logical relationship data is taken out from the saved data by the runtime, and the graphical image user interaction system is adopted. Presenting the flow logic of the computer program to the user and providing the user with an intuitive modification to adjust the application options

Description of the invention

The computer components used in the present invention include a central processing unit (CPU) or a general microprocessor, a memory, a data storage device (such as a hard disk), and a display. The process of computing using computer components includes the use of a central processing unit to manipulate the data bits and store them in a data structure (data stmcture). The data structure physically adjusts the collected data bits, and its physical characteristics are electronic or electromagnetic.

The program steps or methods mentioned in this creation note are a series of steps performed by a computer to produce a particular result. These steps are generally performed on physical quantities that can be stored, transferred, combined, compared or otherwise processed in the form of electronic, electromagnetic or optical signals. These signal types have bits (t), values, symbols, texts, archive records, etc., and represent specific physical quantities. The existence of these signal types is only a general indication of the physical quantity of the budget stored in or within the computer. The internal computer operation or data processing method usually refers to addition, subtraction, comparison, and data movement, and is performed through communication between the machine and the machine and the user. The present invention discloses a method and apparatus for presenting or plotting a computer application organization logic flow relationship in a logical flow diagram manner.

The method can intuitively express the logical flow relationship of each main execution component of the computer program, increase the ease of operation of the computer program, and intuitively and quickly find the option of adjusting the computer program to improve the user experience. In order to achieve the above object, the technical solution of the present invention is implemented as follows: The present invention provides an interface organization method for connecting and drawing a logic flow of each main function execution component of a computer program based on a graphical image user interaction interface, for at least The main execution component module of the detachable computer program, referred to as the main component module; the component that saves the logic flow relationship data of the main component module, referred to as the relational data module; according to the data saved by the relational data module and the reasonable space of the interface, the logic flow chart is drawn The interface is an arrangement algorithm component of the interface position arrangement operation, and is simply referred to as a graphic image user interaction system of the arrangement algorithm component. Unified. According to the data stored in the relational data module, the main component module uses the point, line, wireframe and graphical logic flow drawing as components in the drawing instruction of the graphic image system, and draws the main function of the expression program. Graphical image layout of logical process relationships. Further, the user can be provided with a drawing scheme for directly modifying the main function execution component and the logic flow relationship of the computer program in the arrangement drawing mode. In the above solution, the method further includes:

The main component module performs interface layout drawing according to the data saved by the relational data module under the action of the arrangement algorithm component, and the runtime configuration parameter can save the arrangement data of the arrangement data or the application into the configuration option component of the application, the component Referred to as the configuration data module. In the above solution, the method further includes:

The main component module can be drawn into the traditional computer program user interaction interface in the graphic image user interaction system, and the main operation of the computer program is completed by using a more traditional standard graphical tool.

According to the usage requirements, the main component module can also be drawn in the graphical image user interaction system according to the data stored in the relational data module, and under the action of the arrangement algorithm component, an interface scheme capable of expressing the logical flow relationship of the main component module. Two interface schemes, which can be used as an interface component to arrange transitions in animated or non-animated form. In the above solution, the method further includes:

The logical flow relationship and attributes of the main component module are stored in the relational data module, and are distributed together with the computer program when the computer program is released, or may be in the form of a relational data module or a configuration data module stored locally or on the network. Make storage and create data in use. In the above solution, the method further includes:

The computer program can also directly initialize and display the main component module of the computer program in accordance with the data in the relational data module according to the data in the relational data module, and execute the function of the computer program to provide services for the user. In the above solution, the method further includes:

During the user's use, the basic configuration option data saved in the configuration data module is given to the main component module, such as color, size, etc., to form an interface style organization scheme that conforms to the configuration option. In the above solution, the method further includes:

During the user's use, the configuration options of the main component module or computer application can be modified, or the modification and adjustment of the logic flow data can be saved into the configuration data module to save the status and parameters for the program. In the above solution, the method further includes:

During the user's use, the configuration options of the main component module or computer application can be modified, or the data generated by the modification of the logic flow data can be saved to the relational data module as needed. The relational data module can be set as a data saving component that allows the user process data to be saved as needed. The relational data module can be used as needed to save the logical flow relationships and data of the main component module, as well as the configuration option parameter data of the main component or application. In the above solution, the method further includes:

The computer program is converted between the traditional standard interface organization scheme and the computer program interface organization scheme shown by the logic flowchart. The input system of the computing terminal device can provide a trigger to the computer program according to the user's operation instruction. For example, the finger movement track command on the touch screen, or the keyboard button command, or other preset user operation request command mode is not limited to mainstream input devices such as a touch screen or a mouse button. In the above solution, the method further includes:

The relational data module or the configuration data module is not limited to the data storage device on the local system, but may also be an off-site storage device or a data storage device on the network. The present invention provides an interface organization device for connecting and mapping the logic flow of each main function execution component of a computer program based on a graphical image user interaction interface, which is configured to at least include:

1) The detachable computer program mainly executes the component module, which is referred to as the main component module.

The main component module can be arranged in the traditional interface application mode according to the requirements of the program interface, providing the user with the service, and performing the design use of the computer program; or according to the program interface usage requirements, using the logic flow chart mode, according to a certain interface organization row The cloth algorithm performs logical flow connection display on the main component module.

The traditional interface application mode is more compact, based on the functional area division, and displays the computer program functions; the logic flow diagram is relatively loosely arranged, and the computer program functions are displayed based on the logical flow area division.

2) A component that holds the logic flow relationship data of the main execution component, referred to as the relational data module. The data saved by the relational data module is used to support the representation of the logic flow of the computer application. The content of the interface is drawn, as shown in Figure 3, at least:

1. Main component module list 311

2. Each main component module is used to realize the connection between the program function and other required main component modules.

312

3. Logical data and parameters carried or attached by each main component module 313

3) Arrangement algorithm components

According to the data saved by the relational data module and the remaining space of the interface, the interface arrangement of the main component module and the points, lines, and graphical logic flow drawing methods for drawing the logical connection diagram are performed. The processing objects of the arrangement algorithm component include: Main program component module

2. Point, line, and wireframes that express logic flow, drawn by graphical image hardware device instructions or system operation instructions

3. Graphical logic flow diagram elements drawn by graphical image hardware device instructions or system operation instructions

4. Data chart for data and status description of each logic flow component

detailed description

At present, the computer graphics user interaction system presents a variety of operational interaction styles with the development of the system platform, and the amount of information, interface versatility and ease of use carried by the interface are gradually improved. The amount of information that the graphical user interaction system can present to the user also has room to continue to be enriched, such as expressing a certain cognitive logic, standard flow, logical flow and function expressed by the computer program, logical division of the operation function, and The option parameters of the X-inch operation object directly make adjustments and modifications such as interface information presentation forms.

The invention provides an interface organization method and device for displaying a logical flow connection relationship of each main function execution component of a program based on a graphical image user interaction interface system, and using computer graphic user interaction technology, when drawing a computer program interface, The user provides an intuitive interactive operation method for adjusting the function options of the main function execution components, which can intuitively express the logical flow relationship of the main execution components of the computer program, increase the ease of use of the computer program, and intuitively and quickly find and adjust the computer program options. Where it is, enhance the user experience. The present invention will be further described in detail below with reference to the accompanying drawings and specific embodiments.

As shown in FIG. 1, the logical flow relationship and data of each main component module in the main component module 12 of the computer application are stored in the relational data module 11 as needed.

The related data saved in the relational data module 11 includes at least the following figure: Main component module list

311. Each main component module is configured to implement a connection function between the program function and other required main component modules.

312. Logic data and parameters 313 carried or attached by each main component module.

As shown in FIG. 1, the main component module 12 acquires each main component from the relational data module 11 as needed. The module-related logic flow data is then executed by the arrangement algorithm component 13 based on the logic flow data acquired by the main component module 12, and the main component module 12 is capable of representing the main component module 12 by using the interface arrangement organization algorithm of the arrangement algorithm component 13. The interface of the logical flow relationship arranges organizational behavior calculations.

As shown in FIG. 1, the interface drawing of the main component module 12 may be triggered by the computing terminal input device or the program preset 14 condition, which may be triggered by the user requirement in the running of the application, or may be drawn by the interface of the main component module 12, or It is the program setting that causes the main component module 12 to draw and present in a logical flow relationship diagram manner from beginning to end.

As shown in Figure 1, the user data formed by the main component module 12 during the interface rendering process can be saved in the configuration data module 15 to provide a reference or temporary storage of user data for subsequent operations.

As shown in FIG. 1, the relational data module 11 is exemplified as a read-only logical flow relationship data storage device for the main component module 12, but the data generated by the main component module 12 during the drawing or use of the graphical interface may also be stored as needed. Within the relational data model 11, and even further, the functionality of the configuration data module 15 is incorporated into the relational data module 11.

As shown in Figure 2, the general implementation steps of the present invention are as follows:

Step 21: When the computer application receives the preset interface arrangement trigger condition or the user operation trigger interface arrangement instruction, the application program makes an interface arrangement organization response to the condition or the instruction.

Step 22: The main component module 12 reads the logical flow relationship of each main component module from the relational data module 11. It is the basis for arranging the organization of the interface of the algorithm component 13.

Step 23: The arrangement algorithm component 13 performs an interface organization operation on the main component module 12 according to the related logic flow relationship acquired by the main component module 12.

Step 24: The main component module 12 performs the interface layout drawing requirement according to the operation result of the arrangement operation component 13.

Step 25: If the configuration data, parameters, temporary data, or user data need to be saved during the running of the application, the data may be saved into the configuration data module 15, which is not required. 4, FIG. 5, FIG. 6, the present invention is further described in detail with reference to specific embodiments: wherein the graphical interface shown in FIG. 4 describes an artboard program drawn using a more traditional interface style, including the following main component modules: Menu bar 41, toolbar 42, color selection tool 43, main A window 44 is drawn, the main drawing window is vertical and horizontal scroll bar 45.

In step 61, when the application receives the preset interface arrangement trigger condition or the user's operation instruction, the application is required to draw in a logical flow chart manner.

In step 62, each main component 41, 42, 43, 44, 45 of the drawing board application interface obtains the relevant logical flow relationship from the relational data module, and prepares for the interface arrangement operation of the next main component module.

In step 63, the arrangement algorithm component performs an interface organization operation on the main component module according to the logic flow relationship acquired by each main component of the drawing template application interface, so that the newly drawn graphical interface conforms to the expression application business logic flow relationship. Demand.

In step 64, each main component 41, 42, 43, 44, 45 of the drawing template application interface performs an interface organization arrangement according to the operation result of the arrangement algorithm component, as shown in FIG. 5: abstracting the document operation object icon 501, and A menu 502 for organizing the editing of the document content is attached to the vicinity of the document operation object icon 501; the data storage object icon 503 is abstracted, and a menu 504 for organizing the data storage is attached to the vicinity of the data storage object icon 503; The object icon 505 and the toolbar 506 for organizing or modifying the brush object are attached to the vicinity of the brush object icon 505; the line object icon 507 is abstracted, and the toolbar 508 for organizing or modifying the line object is attached. Near the line object icon 507; abstract the wireframe object icon 509, and the toolbar 510 for organizing or modifying the wireframe object is attached to the wireframe object icon 509; abstracting the palette object icon 511, and Toolbar for organizing edits or option modifications to palette objects 512, 513 are attached to the vicinity of the palette object 511, wherein the palette toolbars 512, 513 are two color picking tools that the user can arbitrarily select one to meet the user's debugging color habit; the connecting line is extended by the main drawing window. The connected data table and the main drawing window form a part 515 for modifying the main drawing window options such as the number of layers, the filter, and the like, and the drawing window attribute service; the data table connected by the vertical drawing line and the horizontal scroll bar extending from the main drawing window and the connecting line The scroll bars described above collectively form part 514 for modifying the scroll bar attribute service for the user.

In step 65, the artboard sample application can save the configuration parameters or option parameters to the configuration data module as needed to prepare for data multiplexing. As shown in FIG. 7, FIG. 8, and FIG. 9, the present invention is further described in detail with reference to specific embodiments: The graphical interface shown in FIG. 7 describes a character encoding conversion tool program that is drawn using a more traditional interface style, and includes the following main component modules: a character input field 71, a conversion button 72, and a character output field 73.

In step 91, when the application receives the preset interface arrangement trigger condition or the user's operation instruction, the application is required to draw in a logical flow chart manner.

In step 92, each of the main components 71, 72, 73 of the character encoding conversion example application interface acquires the relevant logical flow relationship from the relational data module, in preparation for the interface layout operation of the next main component module.

In step 93, the arrangement algorithm component performs an interface organization operation on the main component module according to the logic flow relationship acquired by each main component of the character encoding conversion example application interface, so that the newly drawn graphic interface conforms to the expression application business logic. The need for process relationships.

In step 94, each of the main components 71, 72, 73 of the character encoding conversion example application interface performs an interface organization arrangement in accordance with the operation result of the arrangement algorithm component. Figure 8: Drawing a start icon 81 according to the application logic flow; drawing a function according to the application logic flow to receive input, processing the input, and displaying it in the processing box 82 of the input box, and attaching the character input field 71 to the above processing Near the frame 82; a condition selection box 83 is set according to the application logic flow to determine whether the "conversion" button is pressed, and the conversion button 72 is attached to the vicinity of the condition selection box 83; the condition is input according to the application logic flow. If the format is correct, the condition selection box 84; draws a processing block 85 that functions as a conversion content and displays the output according to the application logic flow, and attaches the character output field 73 to the vicinity of the processing frame 85; draws the end according to the application logic flow Icon 86. Line and direction arrows depicting the logical flow relationships between the components that represent the logic flow, in accordance with the application logic flow.

In step 95, the character encoding conversion example application can save the configuration parameters or option parameters to the configuration data module as needed to prepare for data multiplexing.

The above is only the embodiments of the present invention, and is not intended to limit the scope of the present invention, and any modifications, equivalents, improvements, etc. made within the spirit and principles of the present invention are included in the present invention. Within the scope of protection.

Claims

Rights request

1. An interface organization method that connects and draws the logical flow of each main function execution component of a computer program based on a graphic image user interaction interface. It is characterized in that the method is used to include at least a main component module, a relational data module, and an arrangement. algorithm component in a computer graphics user interaction system; the method includes:

The main component module obtains the logical flow relationship of each main component from the relational data module, and the arrangement algorithm component performs interface organization and arrangement calculations based on the logical process relationship obtained by the main component module. The main component module performs the calculation results of the arrangement calculation component, Perform interface layout drawing operations.

2. The method according to claim 1, characterized in that, the method further includes: the main component module draws points, lines, and wireframes according to the data stored in the relational data module under the action of drawing instructions of the graphics and image system. and graphical logic flow drawing method as components to draw a graphic image arrangement diagram that expresses the logical flow relationship between the main function execution component modules of the program.

3. The method according to claim 1, characterized in that, the method further includes: the interface layout and drawing method can further provide the user with the main function execution components and logical flow of the computer program directly in the layout and drawing method. Relationship does function option modification operation service.

4. The method according to claim 1, characterized in that, the method further includes: during the user's use, the modification of the configuration options of the main component module or the computer application program, or the modification and adjustment of the logical flow data, can be done by saving Enter the configuration data module to provide status and parameter storage for the program.

5. The method according to claim 1, characterized in that, the method further includes: a main component module, which can be drawn as a traditional and common computer program user interaction interface in the graphical image user interaction system, using more traditional standard graphical Tool completes the calculation process The main operations of the sequence.

According to the usage requirements, the main component module can also be drawn into an interface scheme that can express the logical flow relationship of the main component module in the graphical user interaction system according to the data saved in the relational data module and under the action of the arrangement algorithm component. Two interface solutions can be used to transition the layout of interface components in animated or non-animated form.

6. The method according to claim 1, characterized in that, the method further includes:

The computer program converts between the traditional standard interface organization scheme and the computer program interface organization scheme represented by the logical flow diagram, and the computer program can be triggered by the input system of the computing terminal device according to the user's operation instructions. For example, finger movement trajectory instructions on the touch screen, or keyboard key instructions, or other preset user operation request instruction methods are not limited to mainstream input devices such as touch screens or button mice.

7. The method according to claim 1, characterized in that, the method further includes:

The relational data module or configuration data module is not limited to data storage devices on the local system, but can also be stored in off-site storage devices or data storage devices on the network.

8. An interface organization device based on a graphic image user interaction interface that connects and draws the logical flow of each main function execution component of a computer program. It is characterized in that the device at least includes: a main component module, a relational data module, and an arrangement algorithm. Parts; where:

The main component modules can be arranged in the traditional interface application mode according to the program interface requirements to provide users with usage services and execute the design purposes of the computer program; they can also be arranged according to a certain interface organization in the form of logical flow diagrams according to the program interface usage requirements. Layout algorithm, make logical flow connection display and drawing for the main component module.

The traditional interface application mode is arranged in a compact manner and is based on the division of functional areas to display computer program functions; the logical flow diagram is relatively loosely arranged and is based on the division of logical flow areas to display computer program functions.

Relational data module, the saved data is used to support the content drawing of the interface of computer application logical process expression. Arrangement algorithm component, based on the data saved in the relational data module and the remaining space of the interface, performs interface position arrangement calculation on the main component module and the points, lines, and graphical logic flow drawing method components of the logical connection diagram.

9. The device according to claim 8, characterized in that, the device further includes:

The data saved by the relational data module is used to support the content drawing of the computer application logic flow expression interface, and its content at least includes:

List of main component modules. Each main component module is connected to other required main component modules to realize the program function. Each main component module carries or is attached to the logical data and parameters.