SlideShare a Scribd company logo
9
Most read
11
Most read
12
Most read
Computer programming:
know how to FLOWCHART?
Presented by:
Angelo G. Tomboc
Jonathan H. Llego
FLOWCHARTING
 Flowchart is one of the processes used
in designing or planning the solution to a
problem.
 It is a graphical representation to the
solution of a problem.
 It uses shapes to show instructions and
arrow lines and heads to display the
flow.
Symbols Used in Flowcharts
Picture Shape Name Action
Represented
Oval Terminal Symbol Represents start
and end of the Program
Parallelogram Input/Output Indicates input
and output
Rectangle Process This represents processing of
action. Example, mathematical
operator
Diamond Decision Since computer only answer the
question yes/no, this is used to
represent logical test for the
program
Hexagon Initialization/
Preparation
This is used to prepare memory
for repetition of an action
Arrow Lines &
Arrow Heads
Direction This shows the flow of the
program
Annotation This is used to
describe action or variables
Circle On page
connector
This is used to show connector or
part of program to another part.
Pentagon Off-page
connector
This is used to connect part of a
program to another part on other
page or paper
Basic Control Structures
at Flowcharting
 I. Sequence – process which is executed from
one to another in a straightforward manner.
Examples:
 1. Design a flowchart that will accept and display a
number. Write its equivalent algorithms.
Start
Print N
Read N
End
Algorithm:
Step 1. Read in the value of N.
Step 2. Print the value of N.
 2. Draw a flowchart that will compute and display
the sum and product of two numbers. Write its
equivalent.
Start
Sum=0
Product=0
Read A, B
Sum=A+B
Product=A*B
Print Sum,
Product
End
Algorithm:
Step 1. Initialize Sum and Product into 0.
Step 2. Read in the values of A and B.
Step 3. Compute Sum by adding A and B then
compute Product by multiplying A and B.
Step 4. Print the computed value of Sum and Product.
 3. Construct a flowchart that will convert an inputted
number in Fahrenheit to its equivalent measure in
Celsius.
Start
Celsius=0
Read
Fahrenheit
Sum=A+B
Product=A*B
Print Sum,
Product
End
Algorithm:
Step 1. Initialize Celsius into 0.
Step 2. Read in the value of Fahrenheit.
Step 3. Compute the computed value of Celsius
 II. Selection (If – then – else) – a choice is
provided between two alternatives.
C
A
B
T
F
Operators Commonly Used in Flowcharting
 Arithmetic Operations
 Logical Operators
Operators Meaning
+ Addition
- Subtraction
* Multiplication
/ Division
Operators Meaning
&& AND
|| OR
! NOT
^_^ USES OF DECISION SYMBOLS ^_^
 One of the symbols used in flowcharting in the decision
symbol or the diamond. This symbol requires logical test
that could be determined by using conditional statements
or characters which are listed below. Through logical test,
this symbol provides two answers, if the value evaluated by
the decision symbol produces a true result or if it did not
meet the value on the conditional statement it renders a
“false” value.
 1. Draw a flowchart that will input for A and B.
Compare two values inputted and print which of
the values is higher including the remark “Higher”.
Write its equivalent algorithm.
Examples:
Celsius=0
Start
A>B
Print B
“Higher”
Print A
“Higher”
End
Algorithm:
Step 1. Read in the values of A and B.
Step 2. Test if A is greater than B.
Step 3. If A is greater than B, A is higher. However, if A is
less than B, B is higher.
Step 4. Print the number and the remark “Higher”.
 2. Draw a flowchart that will input a grade of student
and determine whether the grade is passed or
failed. Print the name, grade and remarks of
student. Write its equivalent algorithm.
Name=“”
Remarks=“”
Start
A>B
Read Name,
Grade
EndRemarks=“Failed”
Remarks=“Passed”
Print Name,
Grade, Remarks
Algorithm:
Step 1. Initialize name and remarks into blanks.
Step 2. Read in values for Grade and Name.
Step 3. Test if Grade is greater than or equal to 60.
Step 4. If Grade is greater than or equal to 60,
remark is “Passed”. However, if Grade is
below 60, remark is “Failed”.
Step 5. Print the name, grade, and remarks.
Mathematical
Notation
Flowchart
Notation
Symbol
= = Equal
<> Not Equal
< < Less Than
> > Greater Than
<= Less than or equal to
>= Greater than or equal to
How to know those mathematical
notations that can be converted
into flowchart notations???
Not Equal
 The operator is
used to compare if
the two values are
not equal or show
inequality. This is
the inverse of
equal operator.
Syntax of the
operator is: “Is
Value 1 <> Value
2”.
Start
Is
V1<> V2
Process for
true value
Process for
false value
Yes No
Stop
Enter
V1 and V2
V1-represents value 1
V2-represents value 2
Less Than
 The operator used
to test if value1 is
less than value2
and vice versa. If
value1 is less than
value2 it will flow to
the “true” side of
the decision
symbol else(value2
is less than value1)
the direction will
follow to the “false”
side of the decision
symbol.
Start
Is
V1< V2
Process for
true value
Process for
false value
Yes No
Stop
Enter
V1 and V2
V1-represents value 1
V2-represents value 2
More Than
 The operator used
to test if value1 is
more than value2
and vice versa. If
value1 is more than
value2 it will flow to
the “true” side of the
decision symbol
else (value2 is more
than the value hold
by value1) the
direction will flow to
the “false” side of
the decision symbol.
Start
Is
V1> V2
Process for
true value
Process for
false value
Yes No
Stop
Enter
V1 and V2
V1-represents value 1
V2-represents value 2
Less Than Equal
 The operator is used to
test if the value1 is less
than value2. If value1 is
less than value2 it will
flow to the “true” side of
the decision symbol
else(value2 is less than
value1) the direction will
flow to the “false side of
the decision symbol.
Also, if value1 is equal
to value2, the flow of
the program will go to
the “true” side.
Start
Is
V1<=V2
Process for
true value
Process for
false value
Yes No
Stop
Enter
V1 and V2
V1-represents value 1
V2-represents value 2
More Than Equal
 The operator is used
to test if the value1 is
more than or equal to
the value2. If the
value1 is more than or
equal to the value2 it
will flow to the “true”
side of the decision
symbol else(value2 is
more than the value1)
direction will flow to
the “false” side of the
decision symbol.
Start
Is
V1<=V2
Process for
true value
Process for
false value
Yes No
Stop
Enter
V1 and V2
V1-represents value 1
V2-represents value 2
ANGEL G. TOMBOC JONATHAN H. LLEGO
Thanks for viewing!!! ^_^
All action is reaction....
~Ember Spirit~

More Related Content

PPTX
Universal values
PPTX
The Philippine Arts During American Colonization
PPTX
Internet Threats
PPTX
1-Global-Culture-and-Media.pptx
PDF
ICT as a Platform for Change
PPT
Globalization and religion
PPTX
GLOBALIZATION OF RELIGION.pptx
DOCX
Introduction to Architecture, Design and Allied Arts
Universal values
The Philippine Arts During American Colonization
Internet Threats
1-Global-Culture-and-Media.pptx
ICT as a Platform for Change
Globalization and religion
GLOBALIZATION OF RELIGION.pptx
Introduction to Architecture, Design and Allied Arts

What's hot (20)

PPTX
ICT as a Platform for Change
PPTX
Anthropology, Sociology, and Political Science
PPTX
Emp Tech 1 introduction
PPTX
Empowerment Technology Lesson 2
PPTX
Applied Productivity Tools using Word Processor.pptx
PPTX
Human sexual behaviors
PPTX
Lesson 1 Empowerment Technology
PDF
SAMPLE REACTION PAPER
PPTX
Rules of Netiquette
PDF
Presentation/Visualization
PPTX
Philippine Precolonial Art
PPTX
Lesson 2 intellectual revolutions that defined society
PPTX
PPT
Topic 4. doing philosophy
PPTX
Rules of Netiquette
PPTX
Online safety, security, ethics & etiquette
PPTX
RESEARCH CONTENT FOR ICT PROJECT.pptx
PPTX
Demonstrate Understanding of the 4Ms of Operations.pptx
PPTX
Empowerment Technologies
PPTX
Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...
ICT as a Platform for Change
Anthropology, Sociology, and Political Science
Emp Tech 1 introduction
Empowerment Technology Lesson 2
Applied Productivity Tools using Word Processor.pptx
Human sexual behaviors
Lesson 1 Empowerment Technology
SAMPLE REACTION PAPER
Rules of Netiquette
Presentation/Visualization
Philippine Precolonial Art
Lesson 2 intellectual revolutions that defined society
Topic 4. doing philosophy
Rules of Netiquette
Online safety, security, ethics & etiquette
RESEARCH CONTENT FOR ICT PROJECT.pptx
Demonstrate Understanding of the 4Ms of Operations.pptx
Empowerment Technologies
Media and Information Literacy (MIL) 2. The Evolution of Traditional to New M...
Ad

Viewers also liked (12)

PPTX
Flowcharts
PPTX
Flowcharting and Algorithm
PPTX
Algorithms and Flowcharts
PPT
Programming loop
PPTX
Flow chart programming
PPT
Lecture 4
PDF
Table Of Flowchart Symbols
PPT
Flowchart
PDF
Flowchart pseudocode-examples
PPTX
Pseudocode flowcharts
PPTX
Programming flowcharts for C Language
PPTX
Algorithm and flowchart
Flowcharts
Flowcharting and Algorithm
Algorithms and Flowcharts
Programming loop
Flow chart programming
Lecture 4
Table Of Flowchart Symbols
Flowchart
Flowchart pseudocode-examples
Pseudocode flowcharts
Programming flowcharts for C Language
Algorithm and flowchart
Ad

Similar to Computer programming:Know How to Flowchart (20)

PPT
Programming algorithms and flowchart.ppt
PPTX
Flowchart and algorithm
PPTX
Algorithms and flowcharts
PPTX
Pseudocode-Flowchart
PPT
Lect1-Detailed description aboutAlgorithms-and-Flowchart.ppt
PPT
Algorithms and Flowchart usages in C laguage
PPSX
Algorithm and flowchart
PDF
Cp module 2
PDF
AlgorithmAndFlowChart.pdf
PPTX
algorithm and Pseudocode
PPT
Programming.pptVBVBBMCGHFGFDFDHGDFKJKJKKJ;J
PPT
Algorithms and Flowchart for IGCSE Students
PPT
Basic Slides on Algorithms and Flowcharts
PPT
Lecture1-Algorithms-and-Flowchart-ppt.ppt
PPT
Lect1-Algorithms-and-Flowchart PPT presentation
PPT
Lect1 - Algorithms-and-Flowchart-ppt.ppt
PPT
Lect1-Algorithms-and-Flowchart-ppt (1).ppt
PPT
Lecture1-Algorithms-and-Flowchart-ppt.ppt
PPT
Lecture1-Algorithms-and-Flowcharts-ppt.ppt
PDF
ALGORITHM PPT GUIDE.pdf
Programming algorithms and flowchart.ppt
Flowchart and algorithm
Algorithms and flowcharts
Pseudocode-Flowchart
Lect1-Detailed description aboutAlgorithms-and-Flowchart.ppt
Algorithms and Flowchart usages in C laguage
Algorithm and flowchart
Cp module 2
AlgorithmAndFlowChart.pdf
algorithm and Pseudocode
Programming.pptVBVBBMCGHFGFDFDHGDFKJKJKKJ;J
Algorithms and Flowchart for IGCSE Students
Basic Slides on Algorithms and Flowcharts
Lecture1-Algorithms-and-Flowchart-ppt.ppt
Lect1-Algorithms-and-Flowchart PPT presentation
Lect1 - Algorithms-and-Flowchart-ppt.ppt
Lect1-Algorithms-and-Flowchart-ppt (1).ppt
Lecture1-Algorithms-and-Flowchart-ppt.ppt
Lecture1-Algorithms-and-Flowcharts-ppt.ppt
ALGORITHM PPT GUIDE.pdf

Recently uploaded (20)

PDF
VCE English Exam - Section C Student Revision Booklet
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
Complications of Minimal Access Surgery at WLH
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Pharma ospi slides which help in ospi learning
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Basic Mud Logging Guide for educational purpose
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
Classroom Observation Tools for Teachers
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
Cell Types and Its function , kingdom of life
PPTX
Week 4 Term 3 Study Techniques revisited.pptx
VCE English Exam - Section C Student Revision Booklet
Renaissance Architecture: A Journey from Faith to Humanism
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Microbial disease of the cardiovascular and lymphatic systems
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Complications of Minimal Access Surgery at WLH
human mycosis Human fungal infections are called human mycosis..pptx
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Pharma ospi slides which help in ospi learning
O5-L3 Freight Transport Ops (International) V1.pdf
Basic Mud Logging Guide for educational purpose
O7-L3 Supply Chain Operations - ICLT Program
Classroom Observation Tools for Teachers
Pharmacology of Heart Failure /Pharmacotherapy of CHF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Cell Types and Its function , kingdom of life
Week 4 Term 3 Study Techniques revisited.pptx

Computer programming:Know How to Flowchart

  • 1. Computer programming: know how to FLOWCHART? Presented by: Angelo G. Tomboc Jonathan H. Llego
  • 2. FLOWCHARTING  Flowchart is one of the processes used in designing or planning the solution to a problem.  It is a graphical representation to the solution of a problem.  It uses shapes to show instructions and arrow lines and heads to display the flow.
  • 3. Symbols Used in Flowcharts Picture Shape Name Action Represented Oval Terminal Symbol Represents start and end of the Program Parallelogram Input/Output Indicates input and output Rectangle Process This represents processing of action. Example, mathematical operator Diamond Decision Since computer only answer the question yes/no, this is used to represent logical test for the program Hexagon Initialization/ Preparation This is used to prepare memory for repetition of an action Arrow Lines & Arrow Heads Direction This shows the flow of the program Annotation This is used to describe action or variables Circle On page connector This is used to show connector or part of program to another part. Pentagon Off-page connector This is used to connect part of a program to another part on other page or paper
  • 4. Basic Control Structures at Flowcharting  I. Sequence – process which is executed from one to another in a straightforward manner.
  • 5. Examples:  1. Design a flowchart that will accept and display a number. Write its equivalent algorithms. Start Print N Read N End Algorithm: Step 1. Read in the value of N. Step 2. Print the value of N.
  • 6.  2. Draw a flowchart that will compute and display the sum and product of two numbers. Write its equivalent. Start Sum=0 Product=0 Read A, B Sum=A+B Product=A*B Print Sum, Product End Algorithm: Step 1. Initialize Sum and Product into 0. Step 2. Read in the values of A and B. Step 3. Compute Sum by adding A and B then compute Product by multiplying A and B. Step 4. Print the computed value of Sum and Product.
  • 7.  3. Construct a flowchart that will convert an inputted number in Fahrenheit to its equivalent measure in Celsius. Start Celsius=0 Read Fahrenheit Sum=A+B Product=A*B Print Sum, Product End Algorithm: Step 1. Initialize Celsius into 0. Step 2. Read in the value of Fahrenheit. Step 3. Compute the computed value of Celsius
  • 8.  II. Selection (If – then – else) – a choice is provided between two alternatives. C A B T F
  • 9. Operators Commonly Used in Flowcharting  Arithmetic Operations  Logical Operators Operators Meaning + Addition - Subtraction * Multiplication / Division Operators Meaning && AND || OR ! NOT
  • 10. ^_^ USES OF DECISION SYMBOLS ^_^  One of the symbols used in flowcharting in the decision symbol or the diamond. This symbol requires logical test that could be determined by using conditional statements or characters which are listed below. Through logical test, this symbol provides two answers, if the value evaluated by the decision symbol produces a true result or if it did not meet the value on the conditional statement it renders a “false” value.
  • 11.  1. Draw a flowchart that will input for A and B. Compare two values inputted and print which of the values is higher including the remark “Higher”. Write its equivalent algorithm. Examples: Celsius=0 Start A>B Print B “Higher” Print A “Higher” End Algorithm: Step 1. Read in the values of A and B. Step 2. Test if A is greater than B. Step 3. If A is greater than B, A is higher. However, if A is less than B, B is higher. Step 4. Print the number and the remark “Higher”.
  • 12.  2. Draw a flowchart that will input a grade of student and determine whether the grade is passed or failed. Print the name, grade and remarks of student. Write its equivalent algorithm. Name=“” Remarks=“” Start A>B Read Name, Grade EndRemarks=“Failed” Remarks=“Passed” Print Name, Grade, Remarks Algorithm: Step 1. Initialize name and remarks into blanks. Step 2. Read in values for Grade and Name. Step 3. Test if Grade is greater than or equal to 60. Step 4. If Grade is greater than or equal to 60, remark is “Passed”. However, if Grade is below 60, remark is “Failed”. Step 5. Print the name, grade, and remarks.
  • 13. Mathematical Notation Flowchart Notation Symbol = = Equal <> Not Equal < < Less Than > > Greater Than <= Less than or equal to >= Greater than or equal to How to know those mathematical notations that can be converted into flowchart notations???
  • 14. Not Equal  The operator is used to compare if the two values are not equal or show inequality. This is the inverse of equal operator. Syntax of the operator is: “Is Value 1 <> Value 2”. Start Is V1<> V2 Process for true value Process for false value Yes No Stop Enter V1 and V2 V1-represents value 1 V2-represents value 2
  • 15. Less Than  The operator used to test if value1 is less than value2 and vice versa. If value1 is less than value2 it will flow to the “true” side of the decision symbol else(value2 is less than value1) the direction will follow to the “false” side of the decision symbol. Start Is V1< V2 Process for true value Process for false value Yes No Stop Enter V1 and V2 V1-represents value 1 V2-represents value 2
  • 16. More Than  The operator used to test if value1 is more than value2 and vice versa. If value1 is more than value2 it will flow to the “true” side of the decision symbol else (value2 is more than the value hold by value1) the direction will flow to the “false” side of the decision symbol. Start Is V1> V2 Process for true value Process for false value Yes No Stop Enter V1 and V2 V1-represents value 1 V2-represents value 2
  • 17. Less Than Equal  The operator is used to test if the value1 is less than value2. If value1 is less than value2 it will flow to the “true” side of the decision symbol else(value2 is less than value1) the direction will flow to the “false side of the decision symbol. Also, if value1 is equal to value2, the flow of the program will go to the “true” side. Start Is V1<=V2 Process for true value Process for false value Yes No Stop Enter V1 and V2 V1-represents value 1 V2-represents value 2
  • 18. More Than Equal  The operator is used to test if the value1 is more than or equal to the value2. If the value1 is more than or equal to the value2 it will flow to the “true” side of the decision symbol else(value2 is more than the value1) direction will flow to the “false” side of the decision symbol. Start Is V1<=V2 Process for true value Process for false value Yes No Stop Enter V1 and V2 V1-represents value 1 V2-represents value 2
  • 19. ANGEL G. TOMBOC JONATHAN H. LLEGO
  • 20. Thanks for viewing!!! ^_^ All action is reaction.... ~Ember Spirit~

Editor's Notes

  • #4: &amp;lt;number&amp;gt;