Flowcharts Using Visio

1. Flowcharts Using Visio

2. Definitions • An Algorithm is just a detailed sequence of simple steps that are needed to solve a problem. • A Flowchart is a graphical representation of an algorithm.

3. Symbols Of the many Symbols available, these 7 Basic Symbols will be used most:

4. Example 1

5. Example 2

6. Example 3

7. Using Visio: start up

8. Drag shapes to the drawing pane Drag to place Double-click to add text Resize using bounding-box

9. Connect shapes with connectors Connect shapes with connectors Click the lower blue connection point on the shape. A red box appears around the connection point to show that the connector is “glued” to the shape. Once glued to a shape, the connector moves with the shape

10. the drawing grid Grid lines crisscross each drawing page like those on traditional graph paper. A grid helps you position shapes visually on a drawing page, and you can snap shapes to the grid. The grid does not print.

11. Working with the grid • Show or hide the grid: On the View menu, click Grid. • Set grid spacing: On the Tools menu, click Ruler & Grid. • Snapping: By default, shapes snap to both ruler subdivisions and grid lines. On the Tools menu, click Snap & Glue. • Glue:Glue is what keeps connectors attached to shapes.

12. Run Length Encoding Pseudocode initialize RunColor to 1 initialize RunLength to White for each pixel in the image if(pixel is the same as the RunColor) increment RunLength else write RunLength change RunColor to pixel's intensity initialize RunLength to 1 write last RunLength

13. Run Length Encoding Flowchart Pseudocode initialize RunColor to 1 initialize RunLength to White for each pixel in the image if(pixel is the same as the RunColor) increment RunLength else write RunLength change RunColor to pixel's intensity initialize RunLength to 1 write last RunLength

14. LZW compression algorithm Pseudocode set w = “” loop read a character k if wk exists in the dictionary w = wk else output the code for w add wk to the dictionary w = k endloop

15. LZW compression algorithm Flowchart Pseudocode set w = “” loop read a character k if wk exists in the dictionary w = wk else output the code for w add wk to the dictionary w = k endloop

16. Other good stuff • Group/ungroup: • select multiple shapes holding the shift key down • Group shapes: • Selected shapes move as a unit

17. good stuff • Many automatic layout features • Export options under save as: • .vsd • .html • .gif, .jpg, .png • .wmf

18. Hyperlinks • If your flow chart gets too big, you can extend it on several pages. • Create the page or document you want to link to. • Select the shape you want to link from. • In the Insert menu, select Hyperlink (or use the shortcut Ctrl+K.) • You can have several links from the same shape. • To link to another page in the same flowchart document, browse in the Sub-address box, and select the page. • To link to an external document, browse in the Address box. • Click OK when you have added all the hyperlinks you need. • Access the links by right-clicking the shape to select a link. • If you create an html document from the flowchart, you will be able to click on the shape to access the link.