WELCOME TO

CSS 9 CLASS

Camille Joy Veniegas

Let Us Pray
What to Know?

Flowchart

-Uses
-Benefits
-Basic Elements

Basic Symbols

Parts of Flowchart
FLOWCHART
Flowchart

-is a diagram that depicts a process, a

system or computer algorithm.

-is used to graphically represent the

steps in a procedure that give step-by-
step information to help understand
the steps of a project or a system.
Flowchart

-by using graphics or symbols, along

with connecting arrows to define flow
or sequence to represent the different
steps; a flowchart simplifies a
procedure to make troubleshooting
easy.
When to Use Flowchart

1. To study, plan, improve and

communicate often complex processes
in clear, easy-to-understand diagrams.
2. To graphically represents the steps
in a procedure.
3. To represent a visual sequence or
series of processes in a business
organization
4. To document a process
Benefits of Flowcharting

1. Promotes an understanding of a
procedure or a system by discussing
the steps visually
2. Serves as a tool for training
employees
3. Identifies problem areas and
opportunities for system
improvement.
4. Depicts customer-supplier
relationship.
Elements of Flowchart
Elements of Flowchart

1. Terminator. It is represented
by an oval that is used to depict the
start and end of the procedure or
system.

2. Process. It is represented by a
rectangle that depicts an action in a
flow chart. It must be defined clearly
and concisely.
Elements of Flowchart
Elements of Flowchart
3. Sub-process. It is represented
by a rectangle with double lines on
each side. It is a major process that
could be broken up into simpler
processes.

4. Decision. It is represented by a
diamond. It is a statement that can be
answered by yes/no or true/false.
Elements of Flowchart
Elements of Flowchart

5. Connector. It is represented by a
small circle while a connector used for
different pages is represented by a
small hexagon pointed downward.

6. Flow lines. These are used to

connect the symbols used in a
flowchart. The flow should be from top
to bottom and/or left to right.
Elements of Flowchart
Basic Symbols in Flowcharting

Symbol Definition
Oval -indicates the start and end of the
procedure or system.

Parallelogram -represents an input or output of

data.

rectangle -indicates or steps an activity

Diamond -shows a decision point such as

yes/no or true/false.

Flow lines -shows the flow of the procedure

Basic Symbols in Flowcharting
Symbol Definition
On-Page -connects a particular step on the
Connector same page r to a part of the
flowchart. A letter inside indicates
the connection or continuation of
the step.
Off-Page -connects a particular step to
Connector another page.

Triangle -involves removal of one or more

specific sets of items from a set.

Rectangle -represents a sub-process or pre-

with edged defined process that leads to another
on sides flowchart.
Database -indicates a list of information with a
standard structure that allows for
searching and sorting
 Parts of
Flowchart
 Start of Program-indicates the beginning
Start of the flowchart

Statement Block -represents a

statement to execute or a behavior
Take one step to perform
forward
Loop- indicates that a step
should be repeated
Gone No Decision- for answering yes/No
50 question or true /false.
steps?
Yes Yes/No-Answers the question
posed in the decision block

End End of Program-indicates the end of

the flowchart.
Flowcharting Guidelines

-All necessary requirements should be

listed in logical order.
-The flowchart should be clear, well-
ordered and easy to follow.
-The direction of the flow of the
procedure or system is from top to
bottom and/or from left to right.
Flowcharting Guidelines

-Only one flow should come out frm a

process symbol.
-On ly one flow line should enter a
decision symbol and two or three flow
lines should leave the decision symbol.
-Use connector symbols to avoid
complexity or ambiguity and to reduce
the number of flow lines.
-Test the validity of the flowchart with
a simple data test.
ASSIGNMENT
PTASK