Flowchart and

Pseudocode
What are the elements of a flowchart?
• Various geometrical shaped boxes
represent the steps of the solution.

• The boxes are connected by directional

arrows to show the flow of the solution.
 Flowchart Symbols
Oval Terminator

Terminator • Oval, which signifies the start

or end of a process.
 Flowchart Symbols
Input / Output
Parallelogram
A parallelogram is used to read
Input /
Output
data (input) or to print/display
data (output).
 Flowchart Symbols
Process
Rectangle
Process Rectangles, which show
instructions or actions.
 Flowchart Symbols
Diamond Decision

Diamonds, which highlight

Decision
where you must make a decision.
How to find sum of two numbers
Start

Read A

Read B

Sum = A + B

Display Sum

End
Convert the length in feet to centimeter.
Start

Read feet

cm = feet x 30

Display cm

End
 Uses of Flowchart
1. One of the uses of flowchart is to describe the
sequence of steps and logic of solving a
problem, before writing a computer program.

2. Flowchart also helps in communicating the steps

of the solution to others.
 BASIC of Sequence
Start
Flowcharting

Process

Yes
Question?

No
End
 BASIC of
Flowcharting
Decision

Yes
Question?

No
End
 BASIC of Loop
Flowcharting

Process

Yes
Question?

No
 What is a flowchart?
• A flowchart is a picture (graphical representation)
of the problem solving process.

• A flowchart gives a step-by-step procedure for

solution of a problem.
 What is Pseudocode?
Pseudocode is a method of writing out computer
code in the English language.

The aim is to get the idea quickly and also easy to

read without details.
 What is a Pseudo-code?
A Pseudo-code is an informal language that helps
programmers develop algorithm. Pseudo-code is very
similar to everyday English.

The aim is to get the idea quickly and also easy to

read without details.
 What is a Flowchart? the way you think things
should be done
• It shows logic of an algorithm
• Emphasizes individual steps and their
interconnections
• Control flow from one action to another
Common Flowchart Symbols
1. Terminator: An oval flow chart shape indicating the start or
end of the process.

Start / End

2. Process: A rectangular flow chart shape indicating a normal

process flow step.
Process
Common Flowchart Symbols
4. Decision: A diamond flow chart shape indication a
branch in the process flow.

Decision
Common Flowchart Symbols
5. Data: A parallelogram that indicates data input or
output (I/O) for a process.
Data
 References

• https://www.w3.org/Style/Examples/011/firstcss.en.html
• https://www.w3schools.com/css/default.asp