CN112214969A - Method and device for making flow chart - Google Patents
Method and device for making flow chart Download PDFInfo
- Publication number
- CN112214969A CN112214969A CN202011044553.9A CN202011044553A CN112214969A CN 112214969 A CN112214969 A CN 112214969A CN 202011044553 A CN202011044553 A CN 202011044553A CN 112214969 A CN112214969 A CN 112214969A
- Authority
- CN
- China
- Prior art keywords
- page
- event
- flow block
- block control
- arrow line
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Abstract
The application discloses a method and a device for manufacturing a flow chart. The method comprises the following steps: when a user selects to create a new flow chart, a navigation panel and a page preview area are created for the flow chart, and an editing mode and a preview mode are created; in the editing mode, creating a flow block control in the navigation panel according to the requirement of a user, setting the attribute of the flow block control, wherein the attribute comprises an unreferenced page and a referred page, and binding the page selected by the user with the flow block control when the attribute of the flow block control is the referred page so that the page selected by the user becomes the referred page of the flow block control; and under the editing mode, generating an event arrow line with interaction according to the interaction events in the referred page. The device comprises: the system comprises an initial module, a flow block control creating module and an event arrow line generating module.
Description
Technical Field
The present application relates to the field of page flow chart making, and in particular, to a method and an apparatus for making a flow chart.
Background
When a page flow chart is manufactured, page flow logic is presented by connecting pages tiled on the same plane through event arrowheads, and when the page flow is previewed, the page flow and the page content need to be switched and viewed by adjusting page proportion. This method has the following drawbacks:
1. when the page flow is manufactured, the page is large, so that the dragging, moving and arrangement positions are inconvenient;
2. when a page flow is viewed, the page display is small, and the page content is not easy to read; when the page content in the process is viewed, the page content is locally enlarged, and the process link in which the page content is viewed is inconvenient to view;
3. when a page flow is viewed and an interaction event arrow line is clicked, the interaction effect of the event in a real page cannot be viewed at the same time.
Disclosure of Invention
It is an object of the present application to overcome the above problems or to at least partially solve or mitigate the above problems.
According to an aspect of the present application, there is provided a flowchart production method including:
when a user selects to create a new flow chart, a navigation panel and a page preview area are created for the flow chart, and an editing mode and a preview mode are created;
in the editing mode, creating a flow block control in the navigation panel according to the requirement of a user, setting the attribute of the flow block control, wherein the attribute comprises an unreferenced page and a referred page, and binding the page selected by the user with the flow block control when the attribute of the flow block control is the referred page so that the page selected by the user becomes the referred page of the flow block control;
and under the editing mode, generating an event arrow line with interaction according to the interaction events in the referred page.
Optionally, the method further comprises:
and deleting the flow block control and/or the event arrow line selected by the user in the editing mode.
Optionally, the method further comprises:
and in the editing mode, adding event description, performing interaction setting and arrow line appearance setting to the interaction events which automatically generate arrow lines in the referred page.
Optionally, the method further comprises:
and in the editing mode, adding event description and performing interaction setting on the interaction events which do not automatically generate arrow lines in the referred page.
Optionally, the method further comprises:
and in the editing mode, connecting the two flow block controls selected by the user by using an arrow line, and creating an arrow line without interactive events.
Optionally, the method further comprises:
and adding an interactive event to a non-interactive event arrow line of which the starting point is connected with the flow block control of the page with the attribute being referred to, so that the non-interactive event arrow line is changed into an interactive event arrow line.
According to another aspect of the present application, there is also provided a flowchart production apparatus including:
the initial module is configured to create a navigation panel and a page preview area for a new flow chart when a user selects to create the new flow chart, and create an editing mode and a previewing mode;
a flow block control creating module configured to create a flow block control in the navigation panel according to a user requirement in the editing mode, and set properties of the flow block control, where the properties include an unreferenced page and a referred page, and when the properties of the flow block control are referred pages, bind a page selected by a user with the flow block control, so that the page selected by the user becomes a referred page of the flow block control; and
an event arrow line generation module configured to generate an event arrow line with an interaction from an interaction event in the referenced page in the editing mode.
Optionally, the apparatus further comprises:
a deletion module configured to delete the user-selected flow block control and/or event arrow in the edit mode.
Optionally, the apparatus further comprises:
a first setting module configured to add an event description, perform interaction setting, and arrow line appearance setting to an interaction event in the referenced page for which an arrow line has been automatically generated, in the editing mode; and
a second setting module configured to add an event description and perform interaction setting to the interaction event in the referenced page for which no arrow line is automatically generated, in the editing mode.
Optionally, the apparatus further comprises:
and an arrowed line generating module configured to connect the two flow block controls selected by the user with an arrowed line in the editing mode to create an arrowed line without interaction events.
According to the method and the device for manufacturing the flow chart, the design of the flow chart is applied to the interactive page, the quoting page is added to the flow block, and the event arrow lines with interaction are automatically generated by the interaction events in the quoting page, so that the interactive page flow navigation device can be realized. Compared with the method and the device which need to switch and view the page flow and the page content by adjusting the page proportion, the method and the device can realize the interaction effect of browsing the page flow, the page content and the page event at the same time only by considering the page with the interaction event introduced into the flow block.
The above and other objects, advantages and features of the present application will become more apparent to those skilled in the art from the following detailed description of specific embodiments thereof, taken in conjunction with the accompanying drawings.
Drawings
Some specific embodiments of the present application will be described in detail hereinafter by way of illustration and not limitation with reference to the accompanying drawings. The same reference numbers in the drawings identify the same or similar elements or components. Those skilled in the art will appreciate that the drawings are not necessarily drawn to scale. In the drawings:
FIG. 1 is a schematic flow chart diagram of a method of flow chart diagram creation according to one embodiment of the present application;
FIG. 2 is a schematic block diagram of a flowchart of an apparatus according to an embodiment of the present application;
FIG. 3 is a schematic block diagram of a computing device according to one embodiment of the present application;
fig. 4 is a schematic structural diagram of a computer-readable storage medium according to an embodiment of the present application.
Detailed Description
FIG. 1 is a schematic flow chart diagram of a method of flow chart diagram creation according to one embodiment of the present application. The flowchart production method may generally include:
step S1, when the user selects to create a new flow chart, a navigation panel and a page preview area are created for the flow chart, and two modes of editing and previewing are created, and a flow block control and an event arrow line can be edited in the page flow navigation panel;
step S2, in the editing mode, creating a flow block control in the navigation panel according to the requirement of a user, and setting the attribute of the flow block control, wherein the attribute comprises an unreferenced page and a referred page;
the size of the flow block control can be changed, the position in the page navigation panel can be freely moved, and the content and the style of the text input in the flow block control and the appearance (such as shape, filling, stroking, shadow and the like) of the flow block control can be changed;
the default attribute of the newly created flow block control in the navigation panel is an unreferenced page, and at the moment, a user can select to set the reference page;
when the attribute of the flow block control is a referred page, binding a page selected by a user with the flow block control to enable the page selected by the user to be a referred page of the flow block control, and when the referred page is set, selecting a target page/state by the user;
the flow block control of the referred page can be generated in the navigation panel through selecting the page (batch selectable page), wherein the selected page can comprise all pages in the file content;
step S3, generating an event arrow line with interaction according to the interaction event in the referred page in the editing mode;
the event arrow lines are divided into interactive event arrow lines and non-interactive event arrow lines: when a trigger page (state) and a target page (state) of an interaction event are referred by some two process block controls, an event arrow line of the interaction event is automatically generated between the two process block controls; when the trigger page (state) or the target page (state) of the interactive event is not referred by the flow block control, the interactive event cannot generate an interactive event arrow line, and the arrow line without the interactive event can be created in a mode of connecting the two flow block controls by the arrow line;
for an event arrow line with interaction, description text of the event arrow line can be added, the appearance (such as virtual and real line segments, colors, thickness, endpoint styles, shadows and the like) of the event arrow line and the node position of the event arrow line connected with a flow block control are set, and event description and interaction setting (such as interaction behavior, target page/state, action setting and the like) can be added to an interaction event associated with the event arrow line;
for the event arrow line without interaction, description text of the event arrow line can be added, and the appearance (such as virtual and real line segments, color, thickness, endpoint style, shadow and the like) of the event arrow line and the node position of the event arrow line connected with the flow block control are set.
On the basis of the steps S1 to S3, the user-selected block control and/or event arrow may be deleted in the edit mode;
when the flow block control selected by the user is deleted, deleting an event arrow line connected with the flow block control;
when the event arrow line with interaction selected by the user is deleted, only the interaction event can be selected to be deleted, so that the arrow line is changed into an interaction-event-free arrow line, or the node of the event arrow line and the flow block control can be selected to be disconnected, the interaction event arrow line is directly deleted, the interaction events associated with the event arrow line are deleted together, and the user is prompted that the interaction events are deleted, but the page quoted by the flow block control connected with the event arrow line cannot be deleted;
when the non-interactive event arrow line selected by the user is deleted, the node of the event arrow line and the flow block control is disconnected, and then the event arrow line is directly deleted;
on the basis of steps S1 to S3, the arrow line without interactivity event may be changed to the arrow line with interactivity event in the edit mode: if the flow block control connected with the starting point of the arrow line without the interactive event has a binding page (namely, the attribute of the flow block control is a referred page), the interactive event can be added to the arrow line without the interactive event to change the arrow line with the interactive event, and the specific mode is as follows: and selecting the arrow line without the interactive event, setting, selecting the page or the whole page in the page bound by the flow block control, setting the page as a trigger hot area of the interactive event, and then selecting a target page/state of the interactive event to finish the addition of the interactive event.
When a flow block control of a referred page is selected, a referred page is displayed in a working area, wherein the working area refers to an area for editing page content and is also called canvas;
and when the flow block control of the unreferenced page is selected, the working area is empty.
The page preview area is used for showing the page referenced by the flow block control.
The page can be edited, elements can be created and deleted, and styles and event settings can be performed on the elements.
When a page element with an event is selected, if the event automatically generates an interaction event arrow line in a page flow navigation panel, the event arrow line is highlighted.
In preview mode:
the flow block controls and event arrow lines can be viewed in the navigation panel, but cannot be edited;
selecting a flow block control of a referenced page, displaying the referenced page in a page preview area, and selecting a flow block control of a non-referenced page, wherein the page preview area is empty;
for the event arrow line with interaction, a user can check the starting point hot area of the interaction event in the referred page in the page preview area by selecting the event arrow line, and when checking the hot area of the event, the arrow line of the event in the navigation panel is activated; for the event arrow line without interaction, when the user selects the event arrow line, the page preview area has no feedback;
when the arrow line of the interactive event is activated, the page preview area is simultaneously displayed in the starting hot area of the interactive event in the referred page; the activation refers to clicking a selected event arrow line in a navigation panel in a preview mode;
when the event arrow line without interaction is activated, the page preview area has no hot area feedback;
when an event is triggered, the interaction effect of the event can be checked, the page preview area is switched to a target page or state of the event, and the flow block control corresponding to the page flow navigation panel is activated.
By using the method for making the flow chart, a user can establish a binding relationship between the flow block control in the flow chart and the interactive page, can automatically generate an event arrow line with interaction through the interaction event in the cited interactive page, and can realize navigation and demonstration of the interactive page flow based on the flow chart.
FIG. 2 is a block diagram of a flowchart of an apparatus according to an embodiment of the present application. The apparatus may generally include:
an initial module 1, configured to create a navigation panel and a page preview area for a new flowchart when a user selects to create the flowchart, and create two modes of editing and previewing;
a flow block control creating module 2 configured to create a flow block control in the navigation panel according to a requirement of a user in the editing mode, and set properties of the flow block control, where the properties include an unreferenced page and a referred page, and when the properties of the flow block control are referred pages, bind a page selected by the user with the flow block control, so that the page selected by the user becomes a referred page of the flow block control; and
an event arrow line generating module 3 configured to generate an event arrow line with an interaction from the interaction events in the referenced page in the editing mode.
As a preferred embodiment of the present invention, the apparatus may further include:
a deletion module configured to delete the user-selected flow block control and/or event arrow in the edit mode.
As a preferred embodiment of the present invention, the apparatus may further include:
a first setting module configured to add an event description, perform interaction setting, and arrow line appearance setting to an interaction event in the referenced page for which an arrow line has been automatically generated, in the editing mode; and
a second setting module configured to add an event description and perform interaction setting to the interaction event in the referenced page for which no arrow line is automatically generated, in the editing mode.
As a preferred embodiment of the present invention, the apparatus may further include:
and an arrowed line generating module configured to connect the two flow block controls selected by the user with an arrowed line in the editing mode to create an arrowed line without interaction events.
A flowchart manufacturing apparatus according to an embodiment of the present application is capable of executing steps of a flowchart manufacturing method according to an embodiment of the present application, and the principle and effect thereof are not described herein again.
Embodiments also provide a computing device, referring to fig. 3, comprising a memory 1120, a processor 1110 and a computer program stored in said memory 1120 and executable by said processor 1110, the computer program being stored in a space 1130 for program code in the memory 1120, the computer program, when executed by the processor 1110, implementing the method steps 1131 for performing any of the methods according to the invention.
The embodiment of the application also provides a computer readable storage medium. Referring to fig. 4, the computer readable storage medium comprises a storage unit for program code provided with a program 1131' for performing the steps of the method according to the invention, which program is executed by a processor.
The embodiment of the application also provides a computer program product containing instructions. Which, when run on a computer, causes the computer to carry out the steps of the method according to the invention.
In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed by a computer, cause the computer to perform, in whole or in part, the procedures or functions described in accordance with the embodiments of the application. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, from one website site, computer, server, or data center to another website site, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device, such as a server, a data center, etc., that incorporates one or more of the available media. The usable medium may be a magnetic medium (e.g., floppy Disk, hard Disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others.
Those of skill would further appreciate that the various illustrative components and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative components and steps have been described above generally in terms of their functionality in order to clearly illustrate this interchangeability of hardware and software. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the implementation. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
It will be understood by those skilled in the art that all or part of the steps in the method for implementing the above embodiments may be implemented by a program, and the program may be stored in a computer-readable storage medium, where the storage medium is a non-transitory medium, such as a random access memory, a read only memory, a flash memory, a hard disk, a solid state disk, a magnetic tape (magnetic tape), a floppy disk (floppy disk), an optical disk (optical disk), and any combination thereof.
The above description is only for the preferred embodiment of the present application, but the scope of the present application is not limited thereto, and any changes or substitutions that can be easily conceived by those skilled in the art within the technical scope of the present application should be covered within the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
Claims (10)
1. A method of making a flow chart, comprising:
when a user selects to create a new flow chart, a navigation panel and a page preview area are created for the flow chart, and an editing mode and a preview mode are created;
in the editing mode, creating a flow block control in the navigation panel according to the requirement of a user, setting the attribute of the flow block control, wherein the attribute comprises an unreferenced page and a referred page, and binding the page selected by the user with the flow block control when the attribute of the flow block control is the referred page so that the page selected by the user becomes the referred page of the flow block control;
and under the editing mode, generating an event arrow line with interaction according to the interaction events in the referred page.
2. The method of claim 1, further comprising:
and deleting the flow block control and/or the event arrow line selected by the user in the editing mode.
3. The method of claim 1 or 2, further comprising:
and in the editing mode, adding event description, performing interaction setting and arrow line appearance setting to the interaction events which automatically generate arrow lines in the referred page.
4. The method of claim 1 or 2, further comprising:
and in the editing mode, adding event description and performing interaction setting on the interaction events which do not automatically generate arrow lines in the referred page.
5. The method of claim 1 or 2, further comprising:
and in the editing mode, connecting the two flow block controls selected by the user by using an arrow line, and creating an arrow line without interactive events.
6. The method of claim 1 or 2, further comprising:
and adding an interactive event to a non-interactive event arrow line of which the starting point is connected with the flow block control of the page with the attribute being referred to, so that the non-interactive event arrow line is changed into an interactive event arrow line.
7. A flowchart production apparatus comprising:
the initial module is configured to create a navigation panel and a page preview area for a new flow chart when a user selects to create the new flow chart, and create an editing mode and a previewing mode;
a flow block control creating module configured to create a flow block control in the navigation panel according to a user requirement in the editing mode, and set properties of the flow block control, where the properties include an unreferenced page and a referred page, and when the properties of the flow block control are referred pages, bind a page selected by a user with the flow block control, so that the page selected by the user becomes a referred page of the flow block control; and
an event arrow line generation module configured to generate an event arrow line with an interaction from an interaction event in the referenced page in the editing mode.
8. The apparatus of claim 7, further comprising:
a deletion module configured to delete the user-selected flow block control and/or event arrow in the edit mode.
9. The apparatus of claim 7 or 8, further comprising:
a first setting module configured to add an event description, perform interaction setting, and arrow line appearance setting to an interaction event in the referenced page for which an arrow line has been automatically generated, in the editing mode; and
a second setting module configured to add an event description and perform interaction setting to the interaction event in the referenced page for which no arrow line is automatically generated, in the editing mode.
10. The apparatus of claim 7 or 8, further comprising:
and an arrowed line generating module configured to connect the two flow block controls selected by the user with an arrowed line in the editing mode to create an arrowed line without interaction events.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011044553.9A CN112214969A (en) | 2020-09-28 | 2020-09-28 | Method and device for making flow chart |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011044553.9A CN112214969A (en) | 2020-09-28 | 2020-09-28 | Method and device for making flow chart |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112214969A true CN112214969A (en) | 2021-01-12 |
Family
ID=74051246
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011044553.9A Pending CN112214969A (en) | 2020-09-28 | 2020-09-28 | Method and device for making flow chart |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112214969A (en) |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070136351A1 (en) * | 2005-12-09 | 2007-06-14 | International Business Machines Corporation | System and methods for previewing alternative compositions and arrangements when composing a strictly-structured flow diagram |
| CN108363534A (en) * | 2018-01-30 | 2018-08-03 | 优视科技新加坡有限公司 | Global method for previewing, device and the electronic equipment of editable object |
-
2020
- 2020-09-28 CN CN202011044553.9A patent/CN112214969A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070136351A1 (en) * | 2005-12-09 | 2007-06-14 | International Business Machines Corporation | System and methods for previewing alternative compositions and arrangements when composing a strictly-structured flow diagram |
| CN108363534A (en) * | 2018-01-30 | 2018-08-03 | 优视科技新加坡有限公司 | Global method for previewing, device and the electronic equipment of editable object |
Non-Patent Citations (3)
| Title |
|---|
| 浪子: "Axure原型加流程图功能的高效结合", HTTPS://ZHUANLAN.ZHIHU.COM/P/26992414, pages 1 - 12 * |
| 浪子: "Axure原型加流程图功能的高效结合", pages 1 - 2, Retrieved from the Internet <URL:https://zhuanlan.zhihu.com/p/26992414> * |
| 黄明;朱群雄;: "基于流程图的设备管理系统的设计与实现", 计算机与应用化学, vol. 26, no. 08, pages 1073 - 1078 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107844297B (en) | Data visualization implementation system and method | |
| US9971749B2 (en) | Editor for website and website menu | |
| RU2506629C2 (en) | Creating presentation on infinite canvas and navigation thereon | |
| US8707209B2 (en) | Save preview representation of files being created | |
| US6104401A (en) | Link filters | |
| US20150227494A1 (en) | Creating and editing dynamic graphics via a web interface | |
| US8635587B2 (en) | Automatic restoration of tool configuration while navigating layers of a composition | |
| JP2001209470A (en) | Display interface method, apparatus and program recording medium | |
| WO2020035007A1 (en) | Position adjusting method of application icons and display terminal | |
| US9678632B2 (en) | Data processing method and apparatus | |
| JP2019506645A (en) | Page construction method, terminal, storage medium, and page construction device | |
| JP2019008668A (en) | Client device, image processing system, image display method, and program | |
| CN112162687A (en) | Picture generation method and device, storage medium and electronic equipment | |
| CN109471580A (en) | A kind of visualization 3D courseware editing machine and courseware edit methods | |
| CN105122238A (en) | Non-collaborative filters in a collaborative document | |
| CN112565858A (en) | Program editing method and device and program publishing method and device | |
| CN105095376A (en) | Method and device for establishing browser local homepage in mobile terminal | |
| CN112214969A (en) | Method and device for making flow chart | |
| KR102092156B1 (en) | Encoding method for image using display device | |
| JP3057794B2 (en) | Hypertext device and hypertext generation method | |
| US9418071B2 (en) | Method and system for automatically initiating a file aggregation process between communicatively coupled devices | |
| JP7433553B1 (en) | Verification program, verification device, verification system, and verification method | |
| JP4127318B2 (en) | Program generation method and apparatus | |
| WO2024037407A1 (en) | Media content publishing method and apparatus and computer-readable storage medium | |
| CN116700701B (en) | Code-free software development method and device and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |