Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Programming Design Tools
At the programming level, the following
tools help in designing programs:
•HIPO Chart
•Pseudocode
•Flowchart
Program Development Tools
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Program Development Tools
HIPO Chart - Hierarchical Input-Process-Output
• A tool used for Problem Definition and Problem Analysis
• Helps clarify ambiguous portions of the specifications
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Program Development Tools
Pseudocode
•Describes the logical flow of the solution to the problem
through English-like code that closely resembles the actual
programming language to be used.
•There are no rigid syntax rules in pseudocode. More
emphasis is placed in the logic of the solution rather than
the syntax of the language.
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Program Development Tools
Flowchart
•Is used to graphically present the solution to a problem. It
uses flowcharting symbols linked together in a “flow” that
will arrive at the solution.
•Among the tools, it is the easiest to understand because of
it is visual appeal. However, the chart can get very cluttered
and disorganized when working on complex problems.
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Program Development Tools - HIPO
The HIPO Chart will be used throughout the course as the
tool for problem definition and analysis.
To derive a HIPO Chart, questions such as these may be
asked:
•What are the outputs required?
•What are the inputs needed to produce the outputs?
•What are the processes needed to transform the inputs to
the desired outputs?
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Simple Adding Problem
Given 2 numbers, print the sum of the 2 numbers
Using HIPO,
1. Define the outputs needed
INPUT
Sum of First
Number and
Second
Number
PROCESS OUTPUT
Program Development Tools - HIPO
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
2. What inputs are provided? What other inputs are
needed to produce the output?
INPUT
Sum of First
Number and
Second Number
PROCESS OUTPUT
First Number
and Second
Number
Program Development Tools - HIPO
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Program Development Tools - HIPO
3. What processes are needed to transform the
inputs to the desired outputs?
INPUT
Sum of First
Number and
Second Number
PROCESS OUTPUT
First Number
and Second
Number
1.Get First Number
2.Add Second
Number to First
Number
3.Print out the sum
of the two numbers
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Program Development Tools - HIPO
Guidelines in developing the HIPO
•Outputs should be determined first before inputs or
processes. This establishes the objective and scope of the
solution. Limit the outputs to those that are required in the
specifications.
•Outputs are easy to identify because they usually follow
verbs like “display”, “print” or “generate”.
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Program Development Tools - HIPO
Guidelines in developing the HIPO
Inputs are also given in the specifications. In simple
problems, the inputs clearly lead to the outputs. In
complex problems, this may not be visible outright, but
on further refinement of the solution.
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Program Development Tools - HIPO
Guidelines in developing the HIPO
•Processes contain the actions taken to transform the
inputs to outputs. This can be stated in English and do not
have to conform to any programming language.
•Actions on processes are executed sequentially, e.g.,
from top to bottom. Numbering the steps signify the
order of execution.
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Group Workshop – Exercise 2.1
Problem:
•Given 3 whole numbers, print out the average of the 3
numbers.
•Create a HIPO chart that would show your solution to
the problem.
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Group Workshop – Exercise 2.1
Problem Definition
•Is the problem clear?
•Are the outputs clearly defined?
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Group Workshop – Exercise 2.1
Problem Analysis using HIPO
Level 0 – Main HIPO
INPUT
Average of the 3
numbers
PROCESS OUTPUT
First Number,
Second Number,
Third Number
1.Compute the sum
of the 3 numbers
2.Compute the
average based on
the sum
3.Print the average
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Group Workshop – Exercise 2.1
Level 1 - HIPO
Process 1 – Compute the sum of the 3 numbers
Sum of the 3
numbers
First Number,
Second Number,
Third Number
1.1 Get the 1st
number 1.2 Get 2nd
number and add to
the 1st number 1.3
Get 3rd number
and add to the sum
in P1.2
Process 1 INPUT PROCESS 1 Process 1 OUTPUT
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Group Workshop – Exercise 2.1
Level 1 HIPO
Process 2 – Compute the average based
on the sum
Average of the 3
numbers
Sum of the 3
numbers 2.1 Divide the
sum by 3
Process 2 INPUT PROCESS 2 Process 2 OUTPUT
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Level 1 HIPO
Process 3 – Print the average
Printed Average
of the 3 numbers
Average of the 3
numbers 3.1 Print the
average
Process 3 INPUT PROCESS 3 Process 3 OUTPUT
Group Workshop – Exercise 2.1
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Group Workshop – Exercise 2.1
The HIPO in
summary
1st number,
2nd number,
3rd number
INPUT
Main
Process 1-
compute the sum
Process 2 – compute
the average
Process 3 – Print
the Average
Printed Average
of the 3 Numbers
PROCESS
OUTPUT
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Group Workshop – Exercise 2.2
Problem:
•A list contains names of students. Count how many
times the name “Ana” appears in the list.
•Create a HIPO chart that would show your solution to
the problem
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
Group Workshop – Exercise 2.3
Problem:
•A box contains balls with different colors. Count the
number of balls per color and display the total of all
colors.
•Create a HIPO chart that would show the solution to
the problem
Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools

More Related Content

PPT
Computer Programming - Lecture 2
PPSX
Programming Fundamental Presentation
PDF
Algorithm and Programming (Introduction of Algorithms)
PPTX
Flowcharts and pseudocodes
PPTX
Algorithm and flowchart
PPTX
Programming Fundamentals lecture 1
PPT
Intro To Programming Concepts
Computer Programming - Lecture 2
Programming Fundamental Presentation
Algorithm and Programming (Introduction of Algorithms)
Flowcharts and pseudocodes
Algorithm and flowchart
Programming Fundamentals lecture 1
Intro To Programming Concepts

What's hot (20)

PPTX
Introduction to programming languages
PPTX
Programming languages
PPTX
Basic programming concepts
PPTX
Algorithm Design & Implementation
PPT
Compiler Design Basics
PPTX
Basic Computer Programming
PPT
Introduction Programming Languages
PPTX
Pseudocode-Flowchart
PPTX
Programming process and flowchart
PPTX
pseudocode and Flowchart
PPT
Generations Of Programming Languages
PPT
4 evolution-of-programming-languages
PPT
Introduction to Algorithms & flow charts
PPTX
PPT
Fundamental Programming Lect 2
PPTX
Programming Language
PPT
Chapter 2 Representation Of Algorithms 2
PPTX
What is programming what are its benefits
PPTX
Algorithm and flowchart
PPT
Program control
Introduction to programming languages
Programming languages
Basic programming concepts
Algorithm Design & Implementation
Compiler Design Basics
Basic Computer Programming
Introduction Programming Languages
Pseudocode-Flowchart
Programming process and flowchart
pseudocode and Flowchart
Generations Of Programming Languages
4 evolution-of-programming-languages
Introduction to Algorithms & flow charts
Fundamental Programming Lect 2
Programming Language
Chapter 2 Representation Of Algorithms 2
What is programming what are its benefits
Algorithm and flowchart
Program control
Ad

Similar to Programming Design Tools (20)

PDF
Pengenalan algoritma dasar dalam pemrograman
PDF
Algorithm.pdf
PPT
Cs 1114 - lecture-2
PPTX
Object oriented programming
PPTX
Algorithm,Pseudocode,Flowchart.pptx
PPT
Programing Fundamental
DOCX
Chapter 2(1)
PPT
C programming for Computing Techniques
PDF
Raising the Bar
PPT
PPTX
1_2 Module 2 The Programming Process.pptx
PPT
Programming Theory
PPTX
Chapter 1
PPTX
Digital technology
PPT
Introduction to c_language
PPT
Program design and problem solving techniques
PPTX
Pf lec 01 intro
PDF
Sketching, Wireframing, Prototyping - How to Be Agile and Avoid Half-Baked Us...
DOC
Project management
PPTX
Programming _Language of Logic_ PPT.pptx
Pengenalan algoritma dasar dalam pemrograman
Algorithm.pdf
Cs 1114 - lecture-2
Object oriented programming
Algorithm,Pseudocode,Flowchart.pptx
Programing Fundamental
Chapter 2(1)
C programming for Computing Techniques
Raising the Bar
1_2 Module 2 The Programming Process.pptx
Programming Theory
Chapter 1
Digital technology
Introduction to c_language
Program design and problem solving techniques
Pf lec 01 intro
Sketching, Wireframing, Prototyping - How to Be Agile and Avoid Half-Baked Us...
Project management
Programming _Language of Logic_ PPT.pptx
Ad

More from Dr. Rosemarie Sibbaluca-Guirre (20)

PPTX
Korean Language: Culture 한국어 개요
PPTX
Korean Language Overview 한국어 개요
PPTX
Conjunction 접속사
PPTX
PPTX
Usage of Particles 입자의 사용
PPTX
Usage of Particles 입자의 사용
PPTX
Korean Word Order 한국어 단어 순서
PPTX
Korean Number 한국 번호
PPTX
ISAD 313-3_ TOOLS OF THE SYSTEM ANALYSIS.pptx
PPTX
ISAD 313-1_INTRODUCTION TO SYSTEMS.pptx
PPTX
ISAD 313-2_ SYSTEM ANALYSIS.pptx
PPTX
ISAD 313-4_ RESEARCH PROJECT.pptx
PPTX
ISAD 313-3_ SYSTEM FLOW.pptx
PPTX
ISAD 313-3_ MODELS.pptx
PPTX
ACCT11_9_Financial Position.pptx
PPTX
ACCT11_8_Equity.pptx
PPTX
ACCT11_7_Performance.pptx
PPTX
ACCT11_6_Worksheet.pptx
PPTX
ACCT11_5_Adjusting Entries.pptx
PPTX
ACCT11_4_Trial Balance.pptx
Korean Language: Culture 한국어 개요
Korean Language Overview 한국어 개요
Conjunction 접속사
Usage of Particles 입자의 사용
Usage of Particles 입자의 사용
Korean Word Order 한국어 단어 순서
Korean Number 한국 번호
ISAD 313-3_ TOOLS OF THE SYSTEM ANALYSIS.pptx
ISAD 313-1_INTRODUCTION TO SYSTEMS.pptx
ISAD 313-2_ SYSTEM ANALYSIS.pptx
ISAD 313-4_ RESEARCH PROJECT.pptx
ISAD 313-3_ SYSTEM FLOW.pptx
ISAD 313-3_ MODELS.pptx
ACCT11_9_Financial Position.pptx
ACCT11_8_Equity.pptx
ACCT11_7_Performance.pptx
ACCT11_6_Worksheet.pptx
ACCT11_5_Adjusting Entries.pptx
ACCT11_4_Trial Balance.pptx

Recently uploaded (20)

PDF
HVAC Specification 2024 according to central public works department
PDF
Mucosal Drug Delivery system_NDDS_BPHARMACY__SEM VII_PCI.pdf
PDF
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
PDF
LEARNERS WITH ADDITIONAL NEEDS ProfEd Topic
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
PPTX
What’s under the hood: Parsing standardized learning content for AI
PPTX
Computer Architecture Input Output Memory.pptx
PPTX
B.Sc. DS Unit 2 Software Engineering.pptx
PDF
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
PDF
Journal of Dental Science - UDMY (2021).pdf
PDF
Environmental Education MCQ BD2EE - Share Source.pdf
PDF
Skin Care and Cosmetic Ingredients Dictionary ( PDFDrive ).pdf
PPTX
Introduction to pro and eukaryotes and differences.pptx
PDF
Race Reva University – Shaping Future Leaders in Artificial Intelligence
PDF
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
PPTX
Virtual and Augmented Reality in Current Scenario
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
DOCX
Cambridge-Practice-Tests-for-IELTS-12.docx
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 2).pdf
HVAC Specification 2024 according to central public works department
Mucosal Drug Delivery system_NDDS_BPHARMACY__SEM VII_PCI.pdf
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
LEARNERS WITH ADDITIONAL NEEDS ProfEd Topic
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
What’s under the hood: Parsing standardized learning content for AI
Computer Architecture Input Output Memory.pptx
B.Sc. DS Unit 2 Software Engineering.pptx
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
Journal of Dental Science - UDMY (2021).pdf
Environmental Education MCQ BD2EE - Share Source.pdf
Skin Care and Cosmetic Ingredients Dictionary ( PDFDrive ).pdf
Introduction to pro and eukaryotes and differences.pptx
Race Reva University – Shaping Future Leaders in Artificial Intelligence
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
Virtual and Augmented Reality in Current Scenario
A powerpoint presentation on the Revised K-10 Science Shaping Paper
Cambridge-Practice-Tests-for-IELTS-12.docx
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 2).pdf

Programming Design Tools

  • 1. Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Programming Design Tools
  • 2. At the programming level, the following tools help in designing programs: •HIPO Chart •Pseudocode •Flowchart Program Development Tools Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 3. Program Development Tools HIPO Chart - Hierarchical Input-Process-Output • A tool used for Problem Definition and Problem Analysis • Helps clarify ambiguous portions of the specifications Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 4. Program Development Tools Pseudocode •Describes the logical flow of the solution to the problem through English-like code that closely resembles the actual programming language to be used. •There are no rigid syntax rules in pseudocode. More emphasis is placed in the logic of the solution rather than the syntax of the language. Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 5. Program Development Tools Flowchart •Is used to graphically present the solution to a problem. It uses flowcharting symbols linked together in a “flow” that will arrive at the solution. •Among the tools, it is the easiest to understand because of it is visual appeal. However, the chart can get very cluttered and disorganized when working on complex problems. Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 6. Program Development Tools - HIPO The HIPO Chart will be used throughout the course as the tool for problem definition and analysis. To derive a HIPO Chart, questions such as these may be asked: •What are the outputs required? •What are the inputs needed to produce the outputs? •What are the processes needed to transform the inputs to the desired outputs? Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 7. Simple Adding Problem Given 2 numbers, print the sum of the 2 numbers Using HIPO, 1. Define the outputs needed INPUT Sum of First Number and Second Number PROCESS OUTPUT Program Development Tools - HIPO Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 8. 2. What inputs are provided? What other inputs are needed to produce the output? INPUT Sum of First Number and Second Number PROCESS OUTPUT First Number and Second Number Program Development Tools - HIPO Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 9. Program Development Tools - HIPO 3. What processes are needed to transform the inputs to the desired outputs? INPUT Sum of First Number and Second Number PROCESS OUTPUT First Number and Second Number 1.Get First Number 2.Add Second Number to First Number 3.Print out the sum of the two numbers Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 10. Program Development Tools - HIPO Guidelines in developing the HIPO •Outputs should be determined first before inputs or processes. This establishes the objective and scope of the solution. Limit the outputs to those that are required in the specifications. •Outputs are easy to identify because they usually follow verbs like “display”, “print” or “generate”. Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 11. Program Development Tools - HIPO Guidelines in developing the HIPO Inputs are also given in the specifications. In simple problems, the inputs clearly lead to the outputs. In complex problems, this may not be visible outright, but on further refinement of the solution. Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 12. Program Development Tools - HIPO Guidelines in developing the HIPO •Processes contain the actions taken to transform the inputs to outputs. This can be stated in English and do not have to conform to any programming language. •Actions on processes are executed sequentially, e.g., from top to bottom. Numbering the steps signify the order of execution. Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 13. Group Workshop – Exercise 2.1 Problem: •Given 3 whole numbers, print out the average of the 3 numbers. •Create a HIPO chart that would show your solution to the problem. Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 14. Group Workshop – Exercise 2.1 Problem Definition •Is the problem clear? •Are the outputs clearly defined? Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 15. Group Workshop – Exercise 2.1 Problem Analysis using HIPO Level 0 – Main HIPO INPUT Average of the 3 numbers PROCESS OUTPUT First Number, Second Number, Third Number 1.Compute the sum of the 3 numbers 2.Compute the average based on the sum 3.Print the average Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 16. Group Workshop – Exercise 2.1 Level 1 - HIPO Process 1 – Compute the sum of the 3 numbers Sum of the 3 numbers First Number, Second Number, Third Number 1.1 Get the 1st number 1.2 Get 2nd number and add to the 1st number 1.3 Get 3rd number and add to the sum in P1.2 Process 1 INPUT PROCESS 1 Process 1 OUTPUT Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 17. Group Workshop – Exercise 2.1 Level 1 HIPO Process 2 – Compute the average based on the sum Average of the 3 numbers Sum of the 3 numbers 2.1 Divide the sum by 3 Process 2 INPUT PROCESS 2 Process 2 OUTPUT Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 18. Level 1 HIPO Process 3 – Print the average Printed Average of the 3 numbers Average of the 3 numbers 3.1 Print the average Process 3 INPUT PROCESS 3 Process 3 OUTPUT Group Workshop – Exercise 2.1 Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 19. Group Workshop – Exercise 2.1 The HIPO in summary 1st number, 2nd number, 3rd number INPUT Main Process 1- compute the sum Process 2 – compute the average Process 3 – Print the Average Printed Average of the 3 Numbers PROCESS OUTPUT Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 20. Group Workshop – Exercise 2.2 Problem: •A list contains names of students. Count how many times the name “Ana” appears in the list. •Create a HIPO chart that would show your solution to the problem Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools
  • 21. Group Workshop – Exercise 2.3 Problem: •A box contains balls with different colors. Count the number of balls per color and display the total of all colors. •Create a HIPO chart that would show the solution to the problem Discussed By: Dr. Rosemarie S. GuirreProperty of DICT: Chapter 2- Programming Design Tools