Scribd
Upload
178 views

03 02 Solution Modeling With Flowgorithm

This document introduces Flowgorithm, a visual programming tool that allows users to create flowcharts. It discusses the objectives of learning how to use Flowgorithm's symbols to draw solutions. The outlines cover getting familiar with flowchart symbols and practicing with Flowgorithm. Various flowchart symbols are defined, including those for declaration, assignment, input, output, control, and comments. An example problem and solution are provided to demonstrate how to model an algorithm using a flowchart in Flowgorithm. More advanced symbols are mentioned for future learning.

Uploaded by

Edwinner L Sitorus
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
178 views

03 02 Solution Modeling With Flowgorithm

This document introduces Flowgorithm, a visual programming tool that allows users to create flowcharts. It discusses the objectives of learning how to use Flowgorithm's symbols to draw solutions. The outlines cover getting familiar with flowchart symbols and practicing with Flowgorithm. Various flowchart symbols are defined, including those for declaration, assignment, input, output, control, and comments. An example problem and solution are provided to demonstrate how to model an algorithm using a flowchart in Flowgorithm. More advanced symbols are mentioned for future learning.

Uploaded by

Edwinner L Sitorus
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 21

Solution Modeling

with Flowgorithm
Visual Programming

Mario Simaremare, S.Kom., M.Sc.


Program Studi Sarjana Sistem Informasi
Institut Teknologi Del
Objectives

• The objective of this session is the following:


• students are familiar to the flowchart’s symbols.
• students are able to use Flowgorithm to draw solution.

Visual Programming 2
Outlines

1. Getting familiar to flowchart’s symbols.


2. Practicing using Flowgorithm.

Visual Programming 3
a flash back..

On our previous session…

Visual Programming 4
On Our Previous Session

• Problem is something that requires a solution.

• An algorithm is a set of precise step-by-step actions


to address a specific problem.

• Model is an abstraction of an activity or an artifact.

Visual Programming 5
Using Flowchart

Visual Programming 6
Instruction Execution

• Computer executes instructions one-by-one,


from top to bottom in a top-down fashion.
• The 1st instruction is going to be executed first
before the 2nd, the 3rd, and so on.
• The execution might be redirected to a specific instruction.

Visual Programming 7
Flowchart

• Flowchart is a visual way of writing down a solution


in a detailed step-by-step, top-down fashion.

• We will employ this practice throughout this course


to express our solution.

• Flowchart has a set of symbols to describe different actions.

Visual Programming 8
Basic Symbols

• The symbols presented here are based on the Flowgorithm.


• The meaning could be slightly more specific to the standard.

• We will learn the meaning of the following symbols:


• Declaration;
• Assignment;
• Input and Output;
• Control; and
• Comment.

Visual Programming 9
Symbols: Declaration

• Meaning:
This symbol is used to represent a declaration.
• For declaring a variable or an array.

• Variable is a storage that able to store a value.


• The value of a variable is modifiable.
• Array is a multivalued storage (we’ll learn about it later).

Visual Programming 10
Symbols: Assignment

• Meaning:
This symbol represents an assignment operation.
• Assignment is simply putting a value into a variable.

• The value’s type has to be compatible to the type of


the designated variable.

Visual Programming 11
Symbols: Input

• Meaning:
This symbol is used to represent a reading operation.
• It reads a value from the keyboard and stores the value
in a variable.

• On the side example:


• It reads a value from the keyboard and store the value
in variable radius.

Visual Programming 12
Symbols: Output

• Meaning:
This symbol is used to represent a printing operation.
• This operation prints the result of an expression.

• On the side example:


• It displays the concatenation of “The area is ” and
the value of variable area.

Visual Programming 13
Symbols: Control (If)

• Meaning:
This symbol is used to represent a branching.
• The flow is decided based on the outcome of
the conditional expression.
• Two possible outcomes: true or false.

• On the side example:


• The statement checks if the value of age
is larger than or equal to 21.

Visual Programming 14
Symbols: Comment

• Meaning:
This symbol is used to give a short note or comment.
• It is very useful to document a flow.

• Commenting a process is as a good practice.

Visual Programming 15
Flowgorithm in Action

Visual Programming 16
Problem

• There is a simple problem:


• I have three arbitrary number, say x, y, and z.
• How do I know which number is the smallest?

• Algorithm to solve it:


• Find the smallest of the first two numbers by
comparing them.
• The outcome of the first step is then compared to the third number.

Visual Programming 17
More Advanced Symbols

• There are some more other more advanced symbols.

• Some more advanced symbols, like:


• Breakpoint;
• For;
• Do;
• While; and
• Call;

• Don’t worry, we will learn them at a later time. 

Visual Programming 18
To-dos

1. Understand the use and meaning of each symbol.


2. Try them, do some practices.

Visual Programming 19
References

Wassberg, J. (2020). Computer Programming for Absolute


Beginners. Packt.
Flowgorithm. http://www.flowgorithm.org/

Visual Programming 20
Thank
you

Visual Programming 21

You might also like