| 1.
| Create a Flowchart
| Place the cursor anywhere in a function. Click < Create Flowchart >  in the toolbar or press 
|
| 2.
| View Flowchart and Code side-by-side
| Click on the  button below the window to display the code and flowchart side by side.
|
|
| Highlight code in File window
| Click in the right-half of a flowchart symbol to highlight the corresponding code in the File window.
|
|
| Scroll highlighted code in File window
| While the corresponding code is highlighted, click the scroll icons  or  in the flowchart toolbar
|
| 3.
| View Type Information
|
a. Click in the left half of a flowchart symbol.
b. Hover the mouse pointer over an object name in flowchart symbol.
|
| 4.
| View the conditions that need to be true
|
To view the conditions that need to be true in order to reach the current flowchart symbol:
- Select < Show/Hide Outer Window >  in the toolbar at the top of the condensed-flowchart.
In the sequence of conditions that are displayed below the condensed flowchart
- Click on any condition in the sequence to go to the corresponding symbol.
|
| 5.
| Flowchart Toolbar
| Roll the mouse pointer over toolbar buttons to gain familiarity
|
| 6.
| High-level Symbols
| A high-level symbol is indicated by a thick purple border.
|
|
| View Code Coverage
| Click in the left part of a high level symbol to view the code covered by it.
|
|
| Expand a high-level symbol
| Double click on a high-level symbol to expand it.
|
|
| Collapse symbols at the current level
| Double-click in the right-half of a low-level symbol to collapse all symbols at that level
|
| 7.
| Level-n-flowcharts
|
Click  ,  ,  or  so that the condensed view shows the "right" amount of detail;
neither oversimplified nor too crowded.
Click the < Create an optimal Flowchart >  to view the default level.
|
| 8.
| Divide and Conquer
|
For long functions, get the whole view of the function by seeing it's top level flowchart.
Then view the flowcharts of it’s major parts such as large switch-statements, loops, etc
|
| 9.
| Create a sub-flowchart
|
Click  , the 2nd icon from the top in the Flowchart window toolbar
- when a "switch" symbol in the flowchart is selected, the icon is called
"Create Current Switch Flowchart"... similarly, for a "while" symbol, a "for" symbol etc.
|
|
|
Create a switch-flowchart
(Similarly create the flowcahrt of a while-loop, if-else, for-loop etc.)
|
a. Place the cursor on a switch statement in File window;
click Flowchart → Create Code Flowchart of → switch
b. Click on a switch symbol in the flowchart;
click < Create Current Switch Flowchart > i.e. the 2nd icon in the toolbar
|
|
| Create a deeper sub-flowchart
| In current sub-flowchart, select the "right" level of detail with , , then create a sub-flowchart as needed
|
|
| Go back to parent flowchart
| Click  in the toolbar of the Flowchart window
|
|
| Go back to sub-flowchart
| Click  in the toolbar of the Flowchart window
|
| 10.
| Go to the flowchart of a Called function
|
Right-click in a symbol that contains a function-call.
Click < Create Flowchart for function call > then click the 'function name'.
Use < Change mode >  near the bottom of the toolbar to go back and forth between the caller-flowchart and called-flowchart
|
| 11.
| Expand function-calls in a flowchart
| First, you need to create an expandable flowchart as described below.
|
|
| Create an expandable Flowchart
|
Place the cursor anywhere in the function.
Click the pull-down menu CallFlow → Expand Calls in a Full Function Flowchart
|
|
| Expand a function-call
|
The presence of a function-call is indicated by the  above the symbol.
- Double-click on a symbol that contains a function call.
The expansion is inserted just before the function call.
|
|
| Collapse an expansion
| Double-click on the start symbol of an expansion
|
| 12.
| Transparent Flowchart Window
|
When the flowchart window overlaps the File window, you can see the source lines covered by the flowchart:
- Click  in the flowchart window toolbar to make the flowchart window transparent.
|
| 13.
| Navigating in Flowchart
|
|
|
| Arrow-keys and the Home key
| - Press the arrow keys to walk through the flowchart. Press the Home key to go to the start of flowchart
|
|
| Hand icon to drag and move
| - Click  to select it. Now you can click-and-drag to move in the flowchart.
|
| 14.
| Highlight one or more connections
|
|
|
| Highlight a Flowchart connection
| Click on a connection to highlight it.
|
|
| All connections that arrive at a statement
| Click on the input of a flowchart symbol. All paths that go into the input are highlighted.
|
|
| All paths that leave a high-level symbol
| Click on the output of a symbol. All paths going out of that output are highlighted.
|
|
| Highlight another connection
| To highlight another connection while retaining the current highlighting, press  and then click on a connection to highlight it.
|
| 15.
| Visual distinction in a monotonous flowchart
| Please view the Help contents. (Flowcharts → Basic Operations → How to add...)
|
| 16.
| Text search in a flowchart
|
- When in a flowchart, click  in the main toolbar.
- Enter the "text" to be searched.
- Click < Mark All > the symbols with the matching text are highlighter.
- Use  and  to view the symbols containing the matching strings
|
| 17.
| Customize
|
|
|
| Labelling of True and False branches
|
You can customize the text displayed on the YES and NO paths of an "if statement".
- Click Flowchart → Customize to view the options menu
|
|
| Flowchart Settings
|
The flowchart is controlled and customized by several flowchart-settings.
- Click < Flowchart Settings >  in the flowchart toolbar to modify settings.
|
|
| Flowchart Appearance
| Click Flowchart → Appearance to customize the look and appearance of the flowchart
|
|
| Customize Flowchart window
|
To customize the fonts, font-size, toolbar position, connection and symbol line thickness, etc:
- Click Flowchart → Customize to view the options menu
|
|
| Customize shapes for system-calls
|
Symbol shapes for function calls can be customized. To customize shapes:
- Click Flowchart → Customize Shapes to view the Associate Function Names with Shapes dialog.
|
| 18.
| Types of flowcharts
|
|
|
| Code Flowchart
| - Click < Change mode >  in the flowchart toolbar and then select < Switch to Code Flowchart >
|
|
| Comment Flowchart
|
Place the cursor within the function
- Click the pull-down menu Flowchart → Create Comment Flowchart of → current function
|
|
| Code + Comment Flowchart
| - Click < Change mode > and then select < Switch to Code + Comment Flowchart >
|
| 19.
| Special Comments
|
in a comment flowchart, you can replace a loop, a switch or a few statements with an overall comment.
Please view the Help contents. (Flowcharts → Special Comments..)
|
| 20.
| Print a flowchart
|
|
|
| Print preview
|
Right-click in the flowchart window; Click < Print Preview > in the pop-up menu.
In the Print preview window, click the "Tile Pages" button to view multiple pages or a single page.
|
|
| Sizing for print
|
a. Click "Zoom In" or "Zoom Out" in the flowchart toolbar then view the Print preview.
b. You can print the whole flowchart on a single page:
- Right-click in the flowchart window; Click Print; Select "Flowchart in Single Page"
- Use the pull-down menu File → Page Setup → Flowchart
|
| 21.
| Export Flowchart
|
|
|
| Export flowchart - .jpg, .bmp, .html
|
With the flowchart window active, use the pull-down menu Flowchart → Export Flowchart Image
Similarly, you can click-and-drag to select a part of the flowchart and export it as a bitmap.
|
|
| Export flowchart to Visio
|
Right-click in the flowchart window; then click "Visio Export"
With the flowchart window active, use the pull-down menu Flowchart → Visio Export
|
