3.   Flowchart

<< Previous Table of Contents   |   Detailed Index Next >>
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

<< Previous Table of Contents   |   Detailed Index Next >>