Scribd
Upload
43 views13 pages

Lec 2 - Flowchart

This document is a lecture on flowcharts that includes: - An overview of the objectives which are to differentiate flowchart components, explain flowcharting, and create a draw a flowchart - Descriptions of basic flowchart symbols like terminals, processes, decisions etc. - Examples of creating simple flowcharts for tasks like assigning variable values and arranging values in ascending order - A demonstration of creating a flowchart using drawing applications

Uploaded by

John Cedrick Eucariza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
43 views13 pages

Lec 2 - Flowchart

This document is a lecture on flowcharts that includes: - An overview of the objectives which are to differentiate flowchart components, explain flowcharting, and create a draw a flowchart - Descriptions of basic flowchart symbols like terminals, processes, decisions etc. - Examples of creating simple flowcharts for tasks like assigning variable values and arranging values in ascending order - A demonstration of creating a flowchart using drawing applications

Uploaded by

John Cedrick Eucariza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

Flowchart

Lecture 2
PROGRAMMING 1

Engr. Jennelyn P. Cabale


Tasks

Pre-Task While Task Post-Task

• Draw.io • Lecture • Exercises


• Flowchart Presentation
maker and • Demonstration
online via video
applications conferencing
• https://app.di
agrams.net/

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 2


Differentiate the
components of a
flowchart
Explain
flowcharting

Create and
Objectives draw a
flowchart

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 3


Computer Time Space Pseudocode
Algorithm
program complexity complexity and flowchart
• step by step • set of • time • amount of • two methods
sequence of instructions required to memory of
solving a given to the run an necessary for representing
given computer to algorithm an algorithm an algorithm
problem. perform a
certain task

Algorithm

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 4


1 SumOfTwoNumbers()
2 Begin
3 Set sum =0;
4 Read: number 1, number 2;
5 Set sum = number1 + number 2;
6 Print sum;
7 End

• method of describing
computer algorithms
using a combination
Pseudocode of natural language
and programming
language.

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 5


Flowchart
• .
•modelling tool
used to illustrate
data, instructions,
process, and
sequence using a
set of standard
symbols

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 6


Basic Flowchart Symbol
SYMBOL NAME DESCRIPTION

Defines the starting and


TERMINAL
ending point of a flowchart.

The preparation or
INITIALIZATION /
initialization of memory space
PREPARATION for data processing

The inputting of data for


INPUT / OUTPUT processing and the printing
out of processed data.

Manipulation of data
PROCESS (assignments and
mathematical computations)

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 7


SYMBOL NAME DESCRIPTION

Defines the logical sequence of


FLOW LINES the program. It points to the
next symbol to be performed.

Connects to the flowchart to


1 ON-PAGE CONNECTOR avoid spaghetti connection on
the same page.

Connects the flowchart on


OFF-PAGE CONNECTOR different page to avoid
A spaghetti connection

Process conditions using


DECISION relational operators. Used fro
trapping and filtering data.

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 8


Let us watch first the videos
for us to go about the
applications that we are
going to make use of before
we proceed to actual
demonstration.

Draw.io Basics
https://www.youtube.com/watch?v=WlCKv49Pkvg

How to create flow charts in draw.io


https://drawio-app.com/flowcharts/

Creating a Simple Flowchart


https://www.youtube.com/watch?v=64MaQYyAN2w&t=450s

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 9


Input/Output is the part of the program that the user sees.

Input-Output Input is the only way for the user to send data to the
computer for processing.

and Process
Application Input data can be numeric value, character or string.

The output should include a descriptive statement to communicate


to the user to add meaning to it making it “useful information”.

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 10


Examples: Create a flowchart

That will assign


stored value of C to That will move the value of A
both A and B where to B and B to C. The values of
A=15, B=10 and C=20 the variables are A=25, B=30,
C=35

That will arrange the values of A, B, and C


in ascending order where variable A gets
the lowest value and variable C gets the
highest value. The values of the variables
are A=15, B=10 and C=20

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 11


Examples

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 12


THE END

Engr. Jen Perez-Cabale Lecture 2 – FLOWCHART 14

You might also like