Good morning sir Agus and my fellow classmates.

My name is Maria Inga

And I am Indra
And I am Cornel
We are from Group Five. We are from Tenth grade class TIP Three
And today we are going to present our presentation that we have made, the topic is about
Flowgorithm.

What is flowgorithm?
Flowgorithm is a free flowchart software that lets you create runnable flowcharts.
Flowgorithm can interactively create source code for the flowchart in many supported
programming languages.

The name “FLOWGORITHM” is the fusion of two English

words: “Flowchart” and “Algorithm”.
Now you might ask, what is flowchart and what is algorithm?
To put it simply, Flowchart is a chart/mind map with certain symbols that describe the sequence
of processes in detail and relate between one process and another.
And Algorithm is a chart/mind map with certain symbols that describe the sequence of
processes in detail and relate between one process and another.
So, In conclusion: Flowgorithm is a software that is used to create basic programs in the form of
a flowchart using an algorithmic system.
Now, we are going to explain to you more details about the Flowgorithm software. Starting from
the menus, tools and the work area in the software, the symbols, etc.

Once you open or start the Flowgorithm software, this window will pop up.
This, is the GUI ( Graphical User Interface) of flowgorithm.
The main GUI ( Graphical User Interface) components of the tool are as follows:

1. One: Main Window

2. Two: Menu & Toolbar
3. Three: Console Window
4. Four: Variable Watch Window
5. Five: Source Code Viewer
The components that are shown in front of us right now are..
The Main Window
The Menubar
And The Toolbar

First, I’m going to explain to you about the Menubar.

The Menu is equipped with all the functions provided by the software. The menu consists
of File, Edit, Program, Tools, and Help menu items. Most menu items have a keyboard
shortcut to perform the action. 
The menu bar consists of the following sub-menu items.

 File Menu
 Edit Menu
 Appearance Menu
 Program Menu
 Tools Menu
 Help Menu
There are six items in the file menu, which are..
New This item is used to Create a new flowchart
This item is used to Loads a previously created and saved
Open…
flowchart
Save This item is used to Save the current flowchart
Save This item is used to Save the flowchart with the possibility of changing the flowchart
As… name and the location where it is saved.
Print This item is used to print the current flowchart.
Exit This item is used to Exit the program.

Next, is the Edit menu.

The Edit menu has the following options. The keyboard shortcut and the short description are as
follows:

Menu Keyboard
Description
Option Shortcut
used to Removes the selected flowchart symbol and copies it into
Cut Ctrl+X
memory
Copy Ctrl+C used to Copies the selected flowchart symbol to the memory
Delete Del used to Deletes the selected flowchart symbol from the flowchart
used to Undo or Cancel the operation. We can use this feature to
Undo Ctrl+Z
cancel the operation done by mistake
Redo Ctrl+Y used to Redo the canceled flowchart operation
Now, let’s move on to the Appearance menu
The menu options are as follows:

Keyboard
Menu Item Menu Item Description
Shortcut
Change Language F12 This option allows us to change the flowchart language
This item is used to Increase magnification. Enlarges
Zoom In Ctrl +
the flowchart area
Zoom Out Ctrl – This item is used to Zoom out the flowchart area
This item is used to Different Scale factors ranging from
Scale
100% -> 300%
Choose Color This item is used to Select the color scheme for the
F10
Scheme… flowchart
Choose Chart This item is used to Select the style of the flowchart
F11
Style… diagram
This option allows us to change the flowchart color
Color Scheme
theme. For example, Fill Color, Text Color, etc of
Editor…
flowchart symbols
Chart Style This option allows us to change the flowchart diagram
Editor… styles.
Next, is the Program Menu
The Flowgorithm Program menu options are as follows:

Program Menu Keyboard

Menu Item Description
Item Shortcut
Run F5 This option executes the flowchart interpretation
Step F6 This option Execute the flowchart step by step
Pause F7 This option Pause the flowchart execution
Stop F8 This option Stops the flowchart execution
Run Speed Selection of flowchart execution speed in automatic mode
Remove
This option Removes all the inserted flowchart breakpoints
Breakpoints
Add Function… This option Adds a new user-defined function
Function
This option Manage user-defined Functions
Manager…
Program Program Attributes are program properties. These
F4
Attributes… properties provide the program information.

Let’s move on, the next one is the Tools Menu

The Tools menu has the following menu options:

 Auto Layout, used to Automatically arrange the Flowgorithm windows

 Layout Windows used To customize the window layouts
For the next four items which are Variable Watch Window, Console Window, Turtle Graphics
Window, and the Source Code Viewer would be explained later in the Toolbar section because
we can also access this tools straight from the tool bar.
 Copy Image to Clipboard This option enables to copy the flowchart to the clipboard
memory
 Export to an Image File, used to Export the image of the active area in a PNG file.
 Export to a Vector Graphics File…used to Export the image of the active area in a .SVG
vector format file. SVG stands for Scalable Vector Graphics.

Next is the Help Menu

The menu consists of the following menu items:

 Documentation used to Opens the online documentation page

 Homepage is to Opens the online home page for the Flowgorithm website
Links Opens a sub-menu of links to the: Sacramento State University. Association of Computing
Machines website. And the IEEE website

 About…will Opens window for information on the software, author of Flowgorithm and
Copyright information, translations and thanks to those who have participated in the
evolution of the flowchart software.
 Check for Updates To check the software update

Similar to Menu, the icon Toolbar has different icons for specific actions. The toolbar is easy to
use with the mouse click on the toolbar icons. The icon Toolbar is equipped with the main
functionalities for
easy execution and control of the flowchart.
 Toolbar buttons and the description are as follows:
Variable Watch Window

The Variable Watch window tracks the variables used in the Flowgorithm flowchart. The
Variable Watch window will display each variable and its current value during the flowchart run
time.
Console Window

The console window takes flowchart input. This window also displays the flowchart output to
the user. When we execute the flowchart, the Console window displays the output.

Turtle Graphics Window

This window typically displays the turtle drawings as the output. Alternatively, we can click on
the Turtle Graphics Window icon on the Toolbar.
Selecting the menu item will open the window to give the possibility of using the Turtle graphics
in the flowchart.

The turtle is shown as an arrowhead symbol on the window.

The drawing field can be thought of as having the x and y axes. A positive number in the
Forward symbol moves the Turtle forward. A negative number moves the Turtle in the backward
direction.

Source Code Viewer

Flowgorithm is a code generator tool. The Source Code Viewer will display the source code for
the flowchart in many supported programming languages. We can choose the programming
language from the language drop-down in the Source Code viewer window.
FLOWCHART SYMBOLS

Main Window

The Main window consists of the workplace to design the Flowgorithm flowchart. When we start
a new flowchart Main window will be launched. We can start other windows from this window.

The moment you open the software, you’re gonna see a shape of an almost round like shape
with the writing of Main and End in it, both of it are connected with an arrow.

The purple symbol with the writing of Main and End in it are called Terminators. The
“Main” terminator is the start of a program, and the “End” terminators is of course as it
says in the name is the end of a program.

The arrow that are connecting each symbols is called a flowline. The flowline connects each
symbols and it determines the flow line or the direction of where the program is going to
operate next.

Now, if you double click on the flowline, a window would pop out that would look like this..
These things in the window right here is called symbols.
Flowchart symbols are classified into:

 Input/Output symbols
 Variables Declare/Assign symbols
 Control If/Call symbols
 Looping For/While/Do symbols.
 Breakpoint / Comment
Input/Output Type Symbols

Variables Type Symbols

Control Type Symbols

Loop Type Symbols

Turtle Type Symbols

Files Type Symbols

Alright, that is the end of our presentation. We know that our presentation might still be
imperfect, so we apologize if anything was wrong. Thank you for taking the time to listen to our
presentation. If you have any questions, please feel free to ask it out.