Module 3 – Introduction to Flowcharting

1
 Module 3 – Introduction to Flowcharting

STANDARDS AND COMPETENCIES

Content Standard: The learner shows an understanding of appropriate knowledge and practices
in designing a computer application.
Performance Standard: The learner develops design solutions based on given requirements and
specifications.
Most Essential Learning Competencies:
At the end of this module, the students must be able to:
• use each flowcharting symbols properly.
• design a solution using a flowchart.

HOW TO USE THIS MODULE

This module is for you to accomplish at home. You can work at your own pace and allow
self-discovery of the concept through activities that you will perform. Learning activities were
also selected to enable independent learning, aiming to develop students' critical thinking and
problem-solving skills.
Read the simple instructions below of this module to explore how our lives are as
programmers.
1. Follow carefully all the contents and instructions indicated on every page of this module.
2. Write in your notebook the concepts about the lessons. Writing enhances learning, which
is essential to develop and keep in mind.
3. Perform all the provided activities in the module. Practice is a vital component to learn
programming and to think logically and critically.
4. If there is a need for support, please do not hesitate to ask for my help.
5. Enjoy studying!

2
 Module 3 – Introduction to Flowcharting

EXPECTATIONS

This module will be discussing how to come up with program solutions using flowcharts.
Program flowcharts will be introduced to show details on how the steps, one by one, are
contributing to logically solving a problem.
After this module, you are expected to perform the most essential learning
competencies. Specifically, you are expected to:
• discuss the importance of using flowcharts in developing applications.
• discuss flowchart symbols and their functions in developing a computer application.

PRE-TEST

Instruction: True or False. Write T if the statement is true. Write F if the statement is false.
________ 1. A flowchart symbol has a preset task or tasks when used in a flowchart.

________ 2. A flowchart uses arrowheads and lines to determine the sequence of how steps
will be done.

________ 3. A flowchart uses different shapes to represent a type of task to be done in coming
up with a solution to a problem.

________ 4. The goal of flowcharting is to identify the steps and put them together in any order
to produce the output requirements of the user or client.

________ 5. Using pen and paper, a person can only determine if the flowchart solution attains
the correct output when reaching the end of the flowchart.

3
 Module 3 – Introduction to Flowcharting

INTRODUCTION

A flowchart is a guide on how people would do steps from start to end. On the given
example, you would see a flowchart on the different steps that happen from when the patient
arrives at the clinic to the time the patient will have a medical consultation with their doctor until
the patient leaves.

End

https://www.visual-paradigm.com/servlet/editor-content/tutorials/flowchart-tutorial/sites/7/2018/09/flowchart-example.png

MOTIVATION

A flowchart provides a guide to a person following instructions on what he or she must

do. To understand further the importance of flowcharting, please read the article by clicking
the link http://tiny.cc/BawalLumabasFlowchart or by scanning the QR code below.

4
 Module 3 – Introduction to Flowcharting

Activity 1: Benefits in Flowcharts

Learning Objective: The student must be able to discuss the importance of using flowcharts in
developing applications.

Answer the following questions after watching the video.

a. What is the article all about?

b. After reading the article, what are the concerns raised in the use of flowcharts?

c. After reading the article, what are your realization in the benefits of making a correct
flowchart?

5
 Module 3 – Introduction to Flowcharting

INSTRUCTION

IMPORTANCE OF FLOWCHART
In the previous module, a flowchart was defined as a graphical representation of an
algorithm. It shows the step-by-step solution to a given problem as boxes of various kinds, and
their order by connecting these with an arrow. A flowchart can also be used to show details on
how a process or project will be implemented. Using flowcharts would allow you to learn how
to logically sequence instructions that become a guide or a plan on how to instruct the computer
on what it should perform one at a time to produce the output requirements of a client.
The use of the flowcharts originated from computer science as a tool for representing
algorithms and programming logic. Later, it was adapted to visualize different processes such as
the patient consultation flowchart and the PNP's flowchart to illustrate who is authorized to go
out during the enhanced community quarantine.

FLOWCHART SYMBOLS
Flowcharts, as mentioned, have different symbols used. Each of these has a particular
task assigned to it, so you should use them appropriately based on their assigned function. The
following are flowchart symbols we would typically use in formulating logic solutions for our
programs.

Symbol Name Use Example

- Use to start or end
Terminator Symbol start
the flowchart
- Use to connect
flowchart symbols start
Arrowheads and - Determines the flow
flowlines sequence or
direction in the
flowchart end

- Use to get
Input/Output Symbol
accept/display data Name

- Use to perform
Process Symbol mathematical Sum = A + B
operations

6
 Module 3 – Introduction to Flowcharting

Symbol Name Use Example

- Use to make
decisions by asking a
Decision Symbol A>B
question answerable
by Yes or No.

Preparation/ - Use to give X=0

Initialization Symbol initial/start value

- Use to connect
On-page connector flowchart symbols A
on the same page
- Use to connect B
Off-page connector flowchart symbols in
different pages

Notice that in most symbols, you have to write a word that would be synonymous with
the flowchart symbol's function.

SUMMARY

Flowcharting is beneficial in ensuring that steps or tasks are arranged logically. A well-
designed flowchart would allow users to follow steps and accomplish tasks from start to finish
easily. You can surely do so, as a flowchart designer, can correctly follow each flowchart symbol's
assigned functions.

7
 Module 3 – Introduction to Flowcharting

PRACTICE

Activity 2: What Flowchart Symbol?

Learning Objective: The student must be able to use each flowcharting symbols properly.

Matching Type. Identify what flowchart symbol given in Column B must be used to
perform the task provided in Column A.

Column A Column B
________ 1. Add new active COVID 19 cases to total active a.
COVID 19 cases.
________ 2. Are two numbers the same? b.

________ 3. Compute the area of a triangle. c.

________ 4. Count must start with 1. d.

________ 5. Divide the number by 2. e.

________ 6. Do you have an examination permit? f.

________ 7. Is grade less than 75? g.

________ 8. Print the GWA of a student.

________ 9. Read the age of a student.

________ 10. Show the highest number.

8
 Module 3 – Introduction to Flowcharting

ENRICHMENT

Activity 3: More Flowchart Symbols

Learning Objective: The student must discuss flowchart symbols and their functions in
developing a computer application.

In Microsoft Word, other symbols can be used in creating flowcharts. Identify ten (10)
flowchart symbols, including their names. You also have to discuss each flowchart symbol’s
function and provide an example for each one.

Symbol Name Use Example

9
 Module 3 – Introduction to Flowcharting

REFERENCES

• https://www.interaksyon.com/politics-issues/2020/04/16/166512/pnp-releases-confusing-
flowchart-identify-people-authorized-to-go-out-during-covid-19-quarantine/
• https://www.visual-paradigm.com/tutorials/flowchart-tutorial/

10