CN111522534A

CN111522534A - Flow chart visualization method and device and computer readable storage medium

Info

Publication number: CN111522534A
Application number: CN202010217177.2A
Authority: CN
Inventors: 王振兴
Original assignee: Ping An Life Insurance Company of China Ltd
Current assignee: Ping An Life Insurance Company of China Ltd
Priority date: 2020-03-25
Filing date: 2020-03-25
Publication date: 2020-08-11

Abstract

The invention relates to a data display technology, which comprises a flow chart visualization method, a flow chart visualization device and a computer readable storage medium, wherein the method comprises the following steps: setting a flow chart template and generating a template code of the flow chart template; providing an API interface and informing the template code to access the API interface; packaging real-time data of a service system; positioning a template corresponding to the received code according to the received code; connecting the flow chart template after the API successfully authenticates the template code; receiving the real-time data from the API, and matching the type of the real-time data with the data type set by the flow chart template in real time; and displaying the flow chart template after the data type is matched in real time.

Description

Flow chart visualization method and device and computer readable storage medium

Technical Field

The invention relates to the technical field of computer application, in particular to a flow chart visualization method and device and a computer readable storage medium.

Background

As enterprises scale up, more and more services are involved. Enterprises need efficient means to manage enterprise business. More and more enterprises begin to integrate daily processed services into a flow, and manage daily operations of the enterprises through a standardized flow. Traditional business process management systems are often complex and require specific settings to translate human mind into process information that can be recognized by the workflow engine. These tasks typically require a skilled technician to perform. Typically, business personnel of an enterprise analyze and organize the business processes of the enterprise, and then discuss the analysis with specialized technicians. Professional technicians define a flow meeting the business requirements on the premise of fully knowing the business requirements. The business analyst also needs to verify the correctness of the business process implementation at the final system. The business process is designed by adopting the mode, and the process is relatively complex.

Disclosure of Invention

The invention provides a flow chart visualization method and device and a computer readable storage medium, and mainly aims to solve the problem of complex visualization flow operation.

A flow chart visualization method, the flow chart visualization method comprising:

setting a flow chart template and generating a template code of the flow chart template;

providing an API interface and informing the template code to access the API interface;

packaging real-time data of a service system;

positioning a template corresponding to the received code according to the received code;

connecting the flow chart template after the API successfully authenticates the template code;

and receiving the real-time data from the API, and matching the type of the real-time data with the data type set by the flow chart template in real time to visually display the flow chart.

Optionally, the step of setting a flowchart template includes:

compiling an online drawing board by using a javascript language, and setting nodes on the online drawing board;

and connecting the nodes by using the node anchor points.

Optionally, the flow chart template after the data type real-time matching includes a plurality of nodes, each node corresponds to a task, and the method further includes: and timing the tasks in the flow chart after the flow chart template after the data types are matched in real time is displayed, and sending bidirectional reminding early warning information to the role of distributing the corresponding tasks and the role of executing the corresponding tasks according to the timing, wherein the reminding early warning information comprises an overtime task reminding notice.

Optionally, the step of setting a flowchart template further includes:

and acquiring js codes of the drawn flow chart template by binding the monitoring event.

Optionally, the flowchart template after the data type real-time matching includes a plurality of nodes, each node corresponds to a task, and the step of setting the flowchart template further includes: setting node names, colors, adjusting coordinates, sizes and the like of the nodes.

The present invention also provides an electronic device comprising a memory and a processor, the memory having stored thereon a flowchart visualization program executable on the processor, the flowchart visualization program when executed by the processor implementing the steps of:

packaging real-time data of a service system;

receiving the real-time data from the API, and matching the type of the real-time data with the data type set by the flow chart template in real time;

and displaying the flow chart template after the data type is matched in real time.

Optionally, the step of setting a flowchart template includes:

and connecting the nodes by using the node anchor points.

Optionally, the flowchart template after the data type real-time matching includes a plurality of nodes, each node corresponds to a task, and when executed by the processor, the flowchart visualization program further implements the following steps: and timing the tasks in the flow chart after the flow chart template after the data types are matched in real time is displayed, and sending bidirectional reminding early warning information to the role of distributing the corresponding tasks and the role of executing the corresponding tasks according to the timing, wherein the reminding early warning information comprises an overtime task reminding notice.

Optionally, the flowchart visualization program, when executed by the processor, further implements the steps of:

receiving a click event of a task in the flow chart;

and displaying a modification page of the corresponding task according to the click event.

In addition, to achieve the above object, the present invention also provides a computer readable storage medium, on which a flowchart visualization program is stored, the flowchart visualization program being executable by one or more processors to implement the steps of the flowchart visualization method described above.

The flow chart visualization method, the flow chart visualization device and the computer readable storage medium provided by the invention can find the corresponding flow chart template according to the received codes, so that a user does not need to pay attention to the underlying implementation technology and codes, and the operation is simple and convenient.

Drawings

Fig. 1 is a flowchart illustrating a flowchart visualization method according to an embodiment of the present invention;

fig. 2 is a schematic diagram illustrating an internal structure of an electronic device according to an embodiment of the invention;

fig. 3 is a block diagram illustrating a flowchart-based visualization program in an electronic device according to an embodiment of the present invention.

The implementation, functional features and advantages of the objects of the present invention will be further explained with reference to the accompanying drawings.

Detailed Description

It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

The invention provides a flow chart visualization method. Fig. 1 is a schematic flow chart diagram of a method for visualizing a flow chart according to an embodiment of the present invention. The method may be performed by a device, which may be implemented by software and/or hardware, and in this embodiment, the device is an intelligent terminal.

In this embodiment, the flowchart visualization method includes:

s101, setting a flow chart template and generating a template code of the flow chart template;

s102, providing an API interface and informing the template code to access the API interface;

s103, packaging real-time data of the service system;

s104, positioning a template corresponding to the received code according to the received code;

s105, connecting the flow chart template after the API successfully authenticates the template code;

s106, receiving the real-time data from the API, and matching the type of the real-time data with the data type set by the flow chart template in real time;

and S107, displaying the flow chart template after the data type is matched in real time.

Further, in step S101, the step of setting a flowchart template includes:

compiling an online drawing board by using a javascript language, and setting nodes on the online drawing board; wherein the selectable nodes may be defined by different graphs or pictures;

connecting the nodes by using the node anchor points; for example, the coordinates of the upper, lower, left and right 4 anchor points of each node are uniformly taken as connecting points to connect the lines, and the connecting line moving positions can generate beautiful layout according to the force guiding layout method.

The step of setting the flow chart template further comprises:

setting node names, colors, adjusting coordinates, sizes and the like of the nodes; for example: the task which is successfully executed is displayed as green, the task which is being executed is displayed as yellow, the task which is not being executed is displayed as red, and the task which is not being executed is displayed as gray; the dependence between the nodes can be seen according to the connecting lines between the nodes, abnormal nodes can be analyzed, the execution time of the task, the abnormal reason and other information can be displayed, and therefore a user can know the progress condition of the task at a glance.

In addition, the setting node can set a corresponding link for drilling or linking to a related information page;

the setting node can set a data index, and the data index can be a self-defined data model; such as node flow state, flow execution time, pre-flow node number, etc.

Further, the step of setting the flow chart template further includes:

Further, the flow chart template after the data type real-time matching comprises a plurality of nodes, each node corresponds to a task, and the method further comprises:

and timing the tasks in the flow chart, and sending bidirectional reminding early warning information to the role of distributing the corresponding tasks and the role of executing the corresponding tasks according to the timing, wherein the reminding early warning information comprises an overtime task reminding notice.

Further, the method further comprises:

receiving a click event of a task in the flow chart;

For example, the flow designer clicks on a task to be modified, pops up a modification page of the corresponding task, and can modify the superior task and other information of the task. For example, the flow system can be quickly adjusted by modifying the superior task ID, and the updated flow chart can be viewed after adjustment. This allows for a fast adjustment of the workflow based on the flowchart considerations.

Further, the method further comprises:

adjusting the tasks that are not started in the flow chart;

and establishing a new task according to the adjusted flow chart.

The tasks which are not started can be adjusted in the process of the process, and the subsequent task process can be adjusted in the system as long as the post task is not created in the process of the process operation, so that the created tasks and the process operation are not influenced. In another embodiment, the task push can be subsidized by the control center and the task performers that have been created can be changed and then pushed again.

In the embodiment of the invention, after the flow tool is created on the visual program control interface according to the requirements of the user, the flow tool can be started according to the acquired flow tool starting instruction, so that the flow tool can execute the flow task, and the execution efficiency of the flow task is improved.

In this embodiment, the operation of the user on the control interface of the visualization program may indirectly act on the visualization program interface through a mouse, a keyboard, and the like; the operation of the user on the visualization program control interface can also be an operation of the user directly acting on the visualization program control interface through a finger, a stylus and the like. The user operation can include an operation of selecting a visualization program control in the visualization program control interface by the user and an operation of setting or inputting a parameter of the visualization program control aiming at the selected visualization program control by the user. In this embodiment, the corresponding flow chart template can be found according to the received codes, and the user does not need to pay attention to the underlying implementation technology and codes, so that the operation is simple and convenient.

The invention also provides an electronic device 1. Fig. 2 is a schematic view of an internal structure of an electronic device according to an embodiment of the invention.

In this embodiment, the electronic device 1 may be a computer, an intelligent terminal or a server. The electronic device 1 comprises at least a memory 11, a processor 13, a communication bus 15, and a network interface 17. In this embodiment, the electronic device 1 is an intelligent terminal.

The memory 11 includes at least one type of readable storage medium, which includes a flash memory, a hard disk, a multimedia card, a card type memory (e.g., SD or DX memory, etc.), a magnetic memory, a magnetic disk, an optical disk, and the like. The memory 11 may in some embodiments be an internal storage unit of the electronic device, for example a hard disk of the electronic device. The memory 11 may be an external storage device of the electronic apparatus in other embodiments, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a flash Card (FlashCard), and the like, which are provided on the electronic apparatus. Further, the memory 11 may also include both an internal storage unit and an external storage device of the electronic apparatus. The memory 11 may be used not only to store application software installed in the electronic device 1 and various types of data, such as codes of the flowchart visualization program 111, but also to temporarily store data that has been output or is to be output.

The processor 13 may be a Central Processing Unit (CPU), controller, microcontroller, microprocessor or other data Processing chip in some embodiments, and is used for executing program codes stored in the memory 11 or Processing data.

The communication bus 15 is used to realize connection communication between these components.

The network interface 17 may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface), and is typically used to establish a communication link between the electronic apparatus 1 and other electronic devices.

Optionally, the electronic device 1 may further comprise a user interface, which may comprise a Display (Display), an input unit such as a Keyboard (Keyboard), and the optional user interface may also comprise a standard wired interface, a wireless interface. Alternatively, in some embodiments, the display may be an LED display, a liquid crystal display, a touch-sensitive liquid crystal display, an OLED (Organic Light-Emitting Diode) touch device, or the like. The display, which may also be referred to as a display screen or display unit, is suitable for displaying information processed in the electronic device and for displaying a visualized user interface.

While FIG. 2 shows only the electronic device 1 with the components 11-17, those skilled in the art will appreciate that the configuration shown in FIG. 2 does not constitute a limitation of the electronic device, and may include fewer or more components than shown, or some components in combination, or a different arrangement of components.

In the embodiment of the electronic device 1 shown in fig. 2, the memory 11 has stored therein a flowchart visualization program 111; the processor 13, when executing the flowchart visualization program 111 stored in the memory 11, implements the following steps:

packaging real-time data of a service system;

Further, the step of setting the flow chart template includes:

The step of setting the flow chart template further comprises:

Further, the step of setting the flow chart template further includes:

Further, the flowchart template after the data type real-time matching includes a plurality of nodes, each node corresponds to a task, and the following steps are further implemented when the processor 13 executes the flowchart visualization program 111 stored in the memory 11:

Further, when the processor 13 executes the flowchart visualization program 111 stored in the memory 11, the following steps are implemented:

receiving a click event of a task in the flow chart;

Further, the processor 13 implements the following steps when executing the flowchart visualization program 111 stored in the memory 11:

adjusting the tasks that are not started in the flow chart;

and establishing a new task according to the adjusted flow chart.

For example, referring to fig. 3, which is a schematic program module diagram of a flowchart visualization program 111 in an embodiment of the electronic device of the present invention, in this embodiment, the flowchart visualization program 111 may be divided into a setting module 10, a notification module 20, a packaging module 30, a positioning module 40, a connection module 50, and a presentation module 60, and exemplarily:

the setting module 10 is configured to set a flow chart template and generate a template code of the flow chart template;

the notification module 20 is configured to provide an API interface and notify the template code to access the API interface;

the encapsulation module 30 is configured to encapsulate real-time data of a service system;

the positioning module 40 is configured to position a template corresponding to the received code according to the received code;

the connection module 50 is configured to connect the flowchart template after the API interface successfully authenticates the template code;

the display module 60 is configured to receive the real-time data from the API interface, and match the type of the real-time data with the data type set in the flowchart template in real time; and displaying the flow chart template after the data type is matched in real time.

The functions or operation steps implemented when the program modules such as the setting module 10, the notification module 20, the encapsulation module 30, the positioning module 40, the connection module 50, and the display module 60 are executed are substantially the same as those of the above embodiments, and are not described herein again.

The step of setting the flow chart template comprises the following steps:

The step of setting the flow chart template further comprises:

Further, the step of setting the flow chart template further includes:

Further, the flowchart visualization program 111 further comprises a timing module for:

Further, the display module 60 is further configured to:

receiving a click event of a task in the flow chart;

Further, the flowchart visualization program 111 further comprises an adjustment module configured to:

adjusting the tasks that are not started in the flow chart;

and establishing a new task according to the adjusted flow chart.

It should be noted that the above-mentioned numbers of the embodiments of the present invention are merely for description, and do not represent the merits of the embodiments. And the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, apparatus, article, or method that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, apparatus, article, or method. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, apparatus, article, or method that includes the element.

Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium (e.g., ROM/RAM, magnetic disk, optical disk) as described above and includes instructions for enabling a terminal device (e.g., a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present invention.

The above description is only a preferred embodiment of the present invention, and not intended to limit the scope of the present invention, and all modifications of equivalent structures and equivalent processes, which are made by using the contents of the present specification and the accompanying drawings, or directly or indirectly applied to other related technical fields, are included in the scope of the present invention.

Claims

1. A method for flow chart visualization, characterized by: the flow chart visualization method comprises the following steps:

packaging real-time data of a service system;

2. The flowchart visualization method according to claim 1, wherein the step of setting a flowchart template includes:

and connecting the nodes by using the node anchor points.

3. The method for flow chart visualization of claim 1 wherein the real-time matched data type flow chart template comprises a plurality of nodes, each node corresponding to a task, the method further comprising: and timing the task after displaying the flow chart template after the data types are matched in real time, and sending bidirectional reminding early warning information to the role of distributing the corresponding task and the role of executing the corresponding task according to the timing, wherein the reminding early warning information comprises an overtime task reminding notice.

4. The flowchart visualization method according to claim 2, wherein the step of setting a flowchart template further comprises:

5. The method for visualizing a flowchart as in claim 1, wherein the flowchart template after the real-time matching of data types comprises a plurality of nodes, each node corresponding to a task, and wherein the step of setting the flowchart template further comprises: setting node names, colors, adjusting coordinates, sizes and the like of the nodes.

6. An electronic device, comprising a memory and a processor, the memory having stored thereon a flowchart visualization program executable on the processor, the flowchart visualization program when executed by the processor implementing the steps of:

packaging real-time data of a service system;

7. The electronic device of claim 6, wherein the step of setting a flow chart template comprises:

and connecting the nodes by using the node anchor points.

8. The electronic device of claim 6, wherein the real-time matched data type flowchart template includes a plurality of nodes, each node corresponding to a task, and wherein the flowchart visualization program when executed by the processor further performs the steps of: and timing the tasks in the flow chart after the flow chart template after the data types are matched in real time is displayed, and sending bidirectional reminding early warning information to the role of distributing the corresponding tasks and the role of executing the corresponding tasks according to the timing, wherein the reminding early warning information comprises an overtime task reminding notice.

9. The electronic device of claim 7, wherein the step of setting up a flow chart template further comprises:

10. A computer-readable storage medium having stored thereon a flowchart visualization program executable by one or more processors to implement the steps of the flowchart visualization method according to any one of claims 1 to 5.