Computer

Programming I
Compiled by:

Mary Ann B. Taduyo

 Learning Outcome
 Define the basic flowcharting techniques and
use them in the development of program
flowchart.
 Construct flowcharts to express algorithm
 Describe and understand the flowchart
symbols.
Flowcharting
 Program Design Tools:
Flowchart
 Flowchart is a diagram which visually
presents the flow of data through processing
systems.

 Algorithms are nothing but sequence of steps

for solving problems..
 Program Design Tools:
Flowchart
 A flowchart, will describe the operations (and
in what sequence) are required to solve a
given problem.
 Flowcharting
Flowchart Symbols
 Terminal,
 Process,
 Input/Output,
 Decision,
 Connector and
 Predefined Process.
Flowchart Symbols
 Flowcharting Symbols
Input/Output Parallelogram

• It represents an instruction to an input or an output

device.

Process Rectangle

• This symbol is used to represent a group of

program instructions that perform a processing
function of the program
 Flowcharting Symbols

Decision Diamond

• It denotes a point in the program where more

than one path can be taken.
 Flowcharting Symbols
Preparation
Hexagon

• This symbols used to represent an

instruction or group in instructions that will
alter, or modify a program’s course of
execution.
 Flowcharting Symbols
Start/Stop Oval

• It is used to designated the beginning and the

end of a program, or a point of interruptions.

Connector

• This is a nonprocessing symbols which is used to

connect one part of a flowchart to another without
drawing flow lines
 Flowcharting Symbols

Arrowheads

• Used to show the direction of processing or

data flow.
 Flowcharting Symbols

Horizontal/
Vertical Lines

• It is used to show reading order or sequence

in which flowchart symbols are to be read.
 Flowchart Symbols
Input/Output Start/Stop

Process
Connector
Flow Lines
Decision

Flow Direction
Preparation Indicators
 Flowcharting
General Rules for flowcharting
1. All boxes of the flowchart are connected with
Arrows.
2. Flowchart symbols have an entry point on the
top of the symbol with no other entry points. The
exit point for all flowchart symbols is on the
bottom except for the Decision symbol.
 Flowcharting
General Rules for flowcharting
3. The Decision symbol has two exit points
4. Generally, a flowchart will flow from top to bottom.
However, an upward flow can be shown as long as
it does not exceed 3 symbols.
 Flowcharting
General Rules for flowcharting
5. Connectors are used to connect breaks in the
flowchart.
Examples are:
• From one page to another page.
• From the bottom of the page to the top of
the same page.
• An upward flow of more than 3 symbols
 Flowcharting
General Rules for flowcharting
6. Subroutines and Interrupt programs have their
own and independent flowcharts.
7. All flow charts start with a Terminal or Predefined
Process
8. All flowcharts end with a terminal or a contentious
loop.
Examples of
Flowchart
Flowchart – sequential type

Problem 1:
Find the area of circle of
radius (r).
Flowchart – sequential type
Problem 1: Find the area of circle of radius (r).
Start

Read r

Area = Pi * R * R

Print Area

END
Flowchart – sequential type

Problem 2:
Convert temperature
Fahrenheit (F) to Celsius (C)
Flowchart – sequential type
Problem 2: Convert temperature Fahrenheit (F) to
Celsius (c).
Flowchart – sequential type

Problem 3:
Flowchart for an
algorithm which gets two
numbers and prints sum of
their value
 Flowchart – sequential type
=
Problem 3: Flowchart for an algorithm which gets two numbers and

prints sum of their value. Start

Read A, B

SUM = A + B

Print SUM

END
 Be Ready for Guided
Exercises in Flowcharting
 Guided Exercises 3

1. Given the three numbers A, B, C. Draw a

flowchart to compute and print out the sum, the
average, and the product of these values.

2. Write an algorithm that will input the value of

money in Peso denomination and output its
equivalent in Dollars.
Conversion factor: 1 dollar = 49.59 peso.
Thank you and Happy
Day Everyone