SlideShare a Scribd company logo
Flow Charts
Flow Charts
•A diagrammatic representation that illustrates the
sequence of operations to be performed to get the solution
of a problem.
• Generally drawn in the early stages of formulating
computer solutions.
• Facilitate communication between programmers and
business people.
• Play a vital role in the programming of a problem and are
quite helpful in understanding the logic of complicated and
lengthy problems.
• Once the flowchart is drawn, it becomes easy to write the
program in any high level language.
• Must for the better documentation of a complex program.
Flow Charts
A flow chart can be used to:

• Define and analyse processes.
• Build a step-by-step picture of the process
  for analysis, discussion, or communication.
• Define, standardise or find areas for
  improvement in a process.
Flow Charts
Symbols for drawing a flowchart:




         Start or End of the program
Flow Charts
Symbols for drawing a flowchart:




Computational Steps or Processing Function
 of a program
Flow Charts
Symbols for drawing a flowchart:




           Input or output operation
Flow Charts
Symbols for drawing a flowchart:




       Decision Making and Branching
Flow Charts
Symbols for drawing a flowchart:




Connector or joining of two parts of program
Flow Charts
Symbols for drawing a flowchart:




                Magnetic Tape
Flow Charts
Symbols for drawing a flowchart:




                Magnetic Disk
Flow Charts
Symbols for drawing a flowchart:




              Off-page connector
Flow Charts
Symbols for drawing a flowchart:




                  Flow lines
Flow Charts
Symbols for drawing a flowchart:




             Annotation (foot note)
Flow Charts
Symbols for drawing a flowchart:




                    Display
Flow Charts
Guidelines in flowcharting -
• In drawing a proper flowchart, all necessary
   requirements should be listed out in logical order.
• The flowchart should be clear, neat and easy to
   follow. There should not be any room for
   ambiguity in understanding the flowchart.
• The usual direction of the flow of a procedure or
   system is from left to right or top to bottom.
Flow Charts
…Guidelines in flowcharting -
• Only one flow line should come out from a
  process symbol.



                  OR
Flow Charts
…Guidelines in flowcharting -
• Only one flow line should enter a decision
  symbol, but two or three flow lines, one for
  each possible answer, should leave the
  decision symbol.
Flow Charts

…Guidelines in flowcharting –
 Only one flow line is used in conjunction
 with terminal symbol.
Flow Charts

…Guidelines in flowcharting –
 Write within standard symbols briefly. As
 necessary, you can use the annotation
 symbol to describe data or computational
 steps more clearly.

                  This is confidential data
Flow Charts

…Guidelines in flowcharting –

•   In case of complex flowchart, it is better to use
    connector symbols to reduce the number of flow
    lines. Avoid the intersection of flow lines.
•   Ensure that the flowchart has a logical start and
    finish.
•   It is useful to test the validity of the flowchart by
    passing through it with a simple test data.
Flow Charts
Advantages Of Using Flowcharts :

•   Effective communication
•   Effective analysis
•   Proper documentation
•   Efficient Coding
•   Proper Debugging
•   Efficient Program Maintenance
Flow Charts
Limitations of using Flowcharts :

• Complex logic: Sometimes, the program
  logic is quite complicated.
• Alterations and Modifications:
  Alterations may require re-drawing
  completely.
• Reproduction: As the flowchart symbols
  cannot be typed, reproduction of flowchart
  becomes a problem.
Flow Charts


Example 1.

Draw a flowchart to find the sum of first 50 natural numbers.
Lecture 4
Flow Charts

Example 2
 Draw a flowchart to find the largest of three
 numbers A,B and C.
Lecture 4
Flow Charts

Example 3
 Draw a flowchart for computing factorial of a
 given number
Lecture 4
Assignment
Fill in the blanks-
2. A program flowchart indicates the_________ to be performed and
     the __________ in which they occur.
3. A program flowchart is generally read from _____________ to
     ________________
4. Flowcharting symbols are connected together by means of
     ___________________
5. A decision symbol may be used in determining the ____________ or
     ___________ of two data items.
6. __________ are used to join remote portions of a flowchart
7. ____________ connectors are used when a flowchart ends on one
     page and begins again on other page
8. A ________ symbol is used at the beginning and end of a flowchart.
9. The flowchart is one of the best ways of ________ a program..
10. To construct a flowchart, one must adhere to prescribed symbols
     provided by the __________ .
11. The program uses a ____________ to aid it in drawing flowchart
     symbols.
Answers

•   Operations, sequence
•   Top, down
•   Flow line
•   Equality, inequality
•   connectors
•   Off -page
•   Terminal
•   documenting
•   ANSI (American National Standards Institute)
•   Flowcharting template
Structured English
Structured English
•   Structured English is a tool used to represent
    process logic.
•   Syntax rules are not very strict & an English
    statement is used to specify an action.
•   The main aim is to allow easy readability, which
    helps in documentation.

Two building blocks of Structured English:
6. Structured logic or instructions organized into
   nested or grouped procedures
7. Simple English statements such as add, multiply,
   move
Structured English
Four conventions to follow when using Structured
   English:

•   Express all logic in terms of sequential structures,
    decision structures, or iterations.
•   Use upper case for keywords such as: IF, THEN,
    ELSE, DO, DO WHILE, DO UNTIL, PERFORM
•   Indent blocks of statements to show their
    hierarchy (nesting) clearly.
•   When words or phrases have been defined,
    underline those words or phrases to indicate that
    they have a specialised, reserved meaning.
The Flow of Structured English




 Plain       Structured             Pseudocode    Programs
English        English



User                      Analyst                Programmer
…Structured English

The conventions are used in writing structured
   English:
• Imperative Sentences: Store the data in
   database.
• Arithmetic & Relational Operations :
   Common symbols of mathematics are used
   in structured English such as- + for add, - for
   subtraction etc. and =, >=, != etc. are used
   for relational operations.
…Structured English
3. Decision Structures: If Then Else, Select
    Case
4. Repetion: Loops

   There are various forms in which structured
   english can be implemented to solve the
   problem. e.g. Algorithm, Flowchart,
   pseudocode.
…Structured English
Writing Structured English
       Repetition              Conditions

                       IF … THEN …
DO
                               statements …
  statements …           ELSE
UNTIL end-condition            statements …
                       END IF
           or                       or
                      SELECT
                        CASE 1 (conditions)
DO WHILE
                              statements …
  statements …          CASE 2 …
END DO                        statements …
                       END SELECT
Pseudocode
Pseudocode


• An outline of a program, written in a
  form that can easily be converted into
  real programming statements.
• Pseudocode cannot be compiled nor
  executed, and there are no real
  formatting or syntax rules.
…Pseudocode

• It   enables     the   programmer     to
  concentrate on the algorithms without
  worrying about all the syntactic details
  of a particular programming language.

• Flowcharts can be thought of as a
  graphical form of pseudocode.
Example of Pseudocode
Regular code (written in PHP):
<?php
if (is_valid($cc_number))
{ execute_transaction($cc_number, $order); }
else { show_failure(); }
?>
Pseudocode:
if credit card number is valid
       execute transaction based on number and
       order
else show a generic failure message
end if

More Related Content

PDF
Python to go
PDF
Git best practices workshop
PPTX
Git from SVN
PDF
Git 版本控制 (使用教學)
PDF
Fault Tree Analysis-Concepts and Application-Bill Vesely
PPT
Pressman ch-1-software
PPTX
Cause and effect diagram
Python to go
Git best practices workshop
Git from SVN
Git 版本控制 (使用教學)
Fault Tree Analysis-Concepts and Application-Bill Vesely
Pressman ch-1-software
Cause and effect diagram

Viewers also liked (20)

PPT
Chap3 flow charts
PPT
Flowchart
PPTX
Algorithms and Flowcharts
PPT
Flow charts
PPTX
Introduction to flowchart
PPTX
Pseudocode flowcharts
PPTX
Algorithm and flowchart
PPTX
PPT
L7 decision tree & table
PPTX
Flowchart and algorithm
PDF
Writing algorithms
PDF
Flowchart pseudocode-examples
PPTX
Algorithm and flowchart2010
PPTX
Flowcharts
PDF
Let My Patients Flow-Streamlining the OR Suite
PDF
Outflow: Visualizing Patients Flow by Symptoms & Outcome
PPSX
Mcs Hospital
PPTX
5 Things
PPT
Computer programming:Know How to Flowchart
PPTX
Determining Requirements In System Analysis And Dsign
Chap3 flow charts
Flowchart
Algorithms and Flowcharts
Flow charts
Introduction to flowchart
Pseudocode flowcharts
Algorithm and flowchart
L7 decision tree & table
Flowchart and algorithm
Writing algorithms
Flowchart pseudocode-examples
Algorithm and flowchart2010
Flowcharts
Let My Patients Flow-Streamlining the OR Suite
Outflow: Visualizing Patients Flow by Symptoms & Outcome
Mcs Hospital
5 Things
Computer programming:Know How to Flowchart
Determining Requirements In System Analysis And Dsign
Ad

Similar to Lecture 4 (20)

PDF
Flow charts
DOC
Flow charts
PPTX
1141_237_747_Module_1_3_process_modelling_and-simulation.pptx
PPTX
Algorithms
PPTX
Fundamentals of-algorithm
PPT
Basics of Programming Algorithms and Flowchart
PPT
aamir presentation
PPTX
Pseudo code.pptx
PPT
algorithm
DOC
Assignment on diagram and flowchart 1
PPTX
Flowcharts
DOC
Flowcharts
PPTX
3-1S Learning Presentation for PT's.pptx
PDF
Python Unit 1.pdfPython Notes for Bharathiar university syllabus
PPT
Presentation
PPT
Flowcharts
PPT
flowcharts
PPT
Presentation
PPTX
2 flow charts
PPTX
Flowchart Grade 10
Flow charts
Flow charts
1141_237_747_Module_1_3_process_modelling_and-simulation.pptx
Algorithms
Fundamentals of-algorithm
Basics of Programming Algorithms and Flowchart
aamir presentation
Pseudo code.pptx
algorithm
Assignment on diagram and flowchart 1
Flowcharts
Flowcharts
3-1S Learning Presentation for PT's.pptx
Python Unit 1.pdfPython Notes for Bharathiar university syllabus
Presentation
Flowcharts
flowcharts
Presentation
2 flow charts
Flowchart Grade 10
Ad

More from Anshumali Singh (20)

DOC
DOC
Unit2[1]
DOC
Unit2[1]
PPT
PPT
PPT
PPT
Unit2(Cont.)
PPT
DOC
PPT
Outputdevice
PPT
Lecture 9
PPT
Lecture 8
PPT
Lecture 7
PPT
Lecture 6
PPT
Lecture 3
PPT
Lecture 2
PPT
Lecture 1
PPT
Lecture 6
PPT
Lecture2
Unit2[1]
Unit2[1]
Unit2(Cont.)
Outputdevice
Lecture 9
Lecture 8
Lecture 7
Lecture 6
Lecture 3
Lecture 2
Lecture 1
Lecture 6
Lecture2

Recently uploaded (20)

PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Modernizing your data center with Dell and AMD
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Encapsulation theory and applications.pdf
PDF
Approach and Philosophy of On baking technology
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Unlocking AI with Model Context Protocol (MCP)
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Advanced methodologies resolving dimensionality complications for autism neur...
“AI and Expert System Decision Support & Business Intelligence Systems”
Per capita expenditure prediction using model stacking based on satellite ima...
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Modernizing your data center with Dell and AMD
The AUB Centre for AI in Media Proposal.docx
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
NewMind AI Weekly Chronicles - August'25 Week I
Encapsulation theory and applications.pdf
Approach and Philosophy of On baking technology
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
The Rise and Fall of 3GPP – Time for a Sabbatical?
Digital-Transformation-Roadmap-for-Companies.pptx
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Understanding_Digital_Forensics_Presentation.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf

Lecture 4

  • 2. Flow Charts •A diagrammatic representation that illustrates the sequence of operations to be performed to get the solution of a problem. • Generally drawn in the early stages of formulating computer solutions. • Facilitate communication between programmers and business people. • Play a vital role in the programming of a problem and are quite helpful in understanding the logic of complicated and lengthy problems. • Once the flowchart is drawn, it becomes easy to write the program in any high level language. • Must for the better documentation of a complex program.
  • 3. Flow Charts A flow chart can be used to: • Define and analyse processes. • Build a step-by-step picture of the process for analysis, discussion, or communication. • Define, standardise or find areas for improvement in a process.
  • 4. Flow Charts Symbols for drawing a flowchart: Start or End of the program
  • 5. Flow Charts Symbols for drawing a flowchart: Computational Steps or Processing Function of a program
  • 6. Flow Charts Symbols for drawing a flowchart: Input or output operation
  • 7. Flow Charts Symbols for drawing a flowchart: Decision Making and Branching
  • 8. Flow Charts Symbols for drawing a flowchart: Connector or joining of two parts of program
  • 9. Flow Charts Symbols for drawing a flowchart: Magnetic Tape
  • 10. Flow Charts Symbols for drawing a flowchart: Magnetic Disk
  • 11. Flow Charts Symbols for drawing a flowchart: Off-page connector
  • 12. Flow Charts Symbols for drawing a flowchart: Flow lines
  • 13. Flow Charts Symbols for drawing a flowchart: Annotation (foot note)
  • 14. Flow Charts Symbols for drawing a flowchart: Display
  • 15. Flow Charts Guidelines in flowcharting - • In drawing a proper flowchart, all necessary requirements should be listed out in logical order. • The flowchart should be clear, neat and easy to follow. There should not be any room for ambiguity in understanding the flowchart. • The usual direction of the flow of a procedure or system is from left to right or top to bottom.
  • 16. Flow Charts …Guidelines in flowcharting - • Only one flow line should come out from a process symbol. OR
  • 17. Flow Charts …Guidelines in flowcharting - • Only one flow line should enter a decision symbol, but two or three flow lines, one for each possible answer, should leave the decision symbol.
  • 18. Flow Charts …Guidelines in flowcharting – Only one flow line is used in conjunction with terminal symbol.
  • 19. Flow Charts …Guidelines in flowcharting – Write within standard symbols briefly. As necessary, you can use the annotation symbol to describe data or computational steps more clearly. This is confidential data
  • 20. Flow Charts …Guidelines in flowcharting – • In case of complex flowchart, it is better to use connector symbols to reduce the number of flow lines. Avoid the intersection of flow lines. • Ensure that the flowchart has a logical start and finish. • It is useful to test the validity of the flowchart by passing through it with a simple test data.
  • 21. Flow Charts Advantages Of Using Flowcharts : • Effective communication • Effective analysis • Proper documentation • Efficient Coding • Proper Debugging • Efficient Program Maintenance
  • 22. Flow Charts Limitations of using Flowcharts : • Complex logic: Sometimes, the program logic is quite complicated. • Alterations and Modifications: Alterations may require re-drawing completely. • Reproduction: As the flowchart symbols cannot be typed, reproduction of flowchart becomes a problem.
  • 23. Flow Charts Example 1. Draw a flowchart to find the sum of first 50 natural numbers.
  • 25. Flow Charts Example 2 Draw a flowchart to find the largest of three numbers A,B and C.
  • 27. Flow Charts Example 3 Draw a flowchart for computing factorial of a given number
  • 29. Assignment Fill in the blanks- 2. A program flowchart indicates the_________ to be performed and the __________ in which they occur. 3. A program flowchart is generally read from _____________ to ________________ 4. Flowcharting symbols are connected together by means of ___________________ 5. A decision symbol may be used in determining the ____________ or ___________ of two data items. 6. __________ are used to join remote portions of a flowchart 7. ____________ connectors are used when a flowchart ends on one page and begins again on other page 8. A ________ symbol is used at the beginning and end of a flowchart. 9. The flowchart is one of the best ways of ________ a program.. 10. To construct a flowchart, one must adhere to prescribed symbols provided by the __________ . 11. The program uses a ____________ to aid it in drawing flowchart symbols.
  • 30. Answers • Operations, sequence • Top, down • Flow line • Equality, inequality • connectors • Off -page • Terminal • documenting • ANSI (American National Standards Institute) • Flowcharting template
  • 32. Structured English • Structured English is a tool used to represent process logic. • Syntax rules are not very strict & an English statement is used to specify an action. • The main aim is to allow easy readability, which helps in documentation. Two building blocks of Structured English: 6. Structured logic or instructions organized into nested or grouped procedures 7. Simple English statements such as add, multiply, move
  • 33. Structured English Four conventions to follow when using Structured English: • Express all logic in terms of sequential structures, decision structures, or iterations. • Use upper case for keywords such as: IF, THEN, ELSE, DO, DO WHILE, DO UNTIL, PERFORM • Indent blocks of statements to show their hierarchy (nesting) clearly. • When words or phrases have been defined, underline those words or phrases to indicate that they have a specialised, reserved meaning.
  • 34. The Flow of Structured English Plain Structured Pseudocode Programs English English User Analyst Programmer
  • 35. …Structured English The conventions are used in writing structured English: • Imperative Sentences: Store the data in database. • Arithmetic & Relational Operations : Common symbols of mathematics are used in structured English such as- + for add, - for subtraction etc. and =, >=, != etc. are used for relational operations.
  • 36. …Structured English 3. Decision Structures: If Then Else, Select Case 4. Repetion: Loops There are various forms in which structured english can be implemented to solve the problem. e.g. Algorithm, Flowchart, pseudocode.
  • 38. Writing Structured English Repetition Conditions IF … THEN … DO statements … statements … ELSE UNTIL end-condition statements … END IF or or SELECT CASE 1 (conditions) DO WHILE statements … statements … CASE 2 … END DO statements … END SELECT
  • 40. Pseudocode • An outline of a program, written in a form that can easily be converted into real programming statements. • Pseudocode cannot be compiled nor executed, and there are no real formatting or syntax rules.
  • 41. …Pseudocode • It enables the programmer to concentrate on the algorithms without worrying about all the syntactic details of a particular programming language. • Flowcharts can be thought of as a graphical form of pseudocode.
  • 42. Example of Pseudocode Regular code (written in PHP): <?php if (is_valid($cc_number)) { execute_transaction($cc_number, $order); } else { show_failure(); } ?> Pseudocode: if credit card number is valid execute transaction based on number and order else show a generic failure message end if