HOW TO CREATE FLOWCHART | LOGIC FORMULATION |TAGALOG| Beginners Guide 2020

ITS InfoTechSkills
23 Apr 202010:33

Summary

TLDRThis video introduces the concept of flowcharts in computer programming, emphasizing their role as graphical representations of algorithms or programs. It outlines various flowchart symbols like terminal blocks, process blocks, input/output blocks, decision blocks, and connectors, explaining their functions. The video differentiates between declaration and initialization, using baking a cake as an analogy. It also discusses the significance of flow lines in indicating data direction. The tutorial concludes with a teaser for the next video, which will involve creating flowcharts to solve problems.

Takeaways

  • šŸ“Š A flowchart is a graphical representation of a sequence of operations in an algorithm or program.
  • šŸ”µ Flowcharts use various symbols like terminal block, process block, input/output block, decision block, and flow lines to represent different operations.
  • šŸ”“ Terminal blocks are oval or rounded rectangles used to indicate the start and end of a module or program.
  • šŸ“ The difference between declaration and initialization is that declaration states variable names without values, while initialization sets starting values for variables.
  • šŸ”¹ Process blocks, represented by rectangles, are used for actions like calculations, opening/closing files, etc.
  • šŸ”¼ Input/output blocks are parallelograms that represent input or output operations, using verbs like 'get', 'enter', 'input' for input, and 'display', 'print' for output.
  • šŸ’  Decision blocks are diamonds that represent decision points with one entrance and two exits for true/false conditions.
  • šŸ”„ Connectors are circles used to connect non-adjacent parts of a flowchart, but should be used sparingly to maintain readability.
  • šŸ“Œ Flow lines are straight lines with arrowheads that show the direction of data and connect different blocks in a flowchart.
  • šŸŽÆ The video tutorial aims to teach viewers how to create flowcharts and solve problems using them.

Q & A

  • What is a flowchart?

    -A flowchart is a graphical representation of a sequence of operations, containing symbols that describe how an algorithm or a program operates.

  • What are the different symbols used in a flowchart?

    -Flowcharts use symbols such as terminal block, process block, input/output block, decision block, initialization block, connector, and flow lines.

  • What does a terminal block represent in a flowchart?

    -A terminal block, indicated by an oval or rounded rectangle, represents the start and end of a module or program.

  • What is the difference between declaration and initialization in the context of flowcharts?

    -Declaration is stating a variable name to be used, while initialization sets a starting value for a variable. For example, in baking a cake, declaring flour means you need it, but initializing it means you need 3 cups of flour.

  • What is a process block and what does it represent?

    -A process block, represented by a rectangle, indicates a process such as calculations, opening and closing files, and has one enter and one exit point.

  • What does an input/output block represent and what verbs are typically used within these blocks?

    -An input/output block, represented by a parallelogram, indicates input or output operations. For input, verbs like 'get', 'enter', or 'input' are used, while for output, 'display' and 'print' are common.

  • How is a decision block depicted in a flowchart and what does it represent?

    -A decision block is depicted by a diamond and represents a decision point with one entrance and two exits, one for when the condition is true and the other for when it is false.

  • What is a condition in the context of flowcharts?

    -A condition in flowcharts is a question or statement that yields a true or false, yes or no answer, guiding the flow of the algorithm.

  • What is the purpose of a connector in a flowchart?

    -A connector, represented by a circle, is used as a connection point between two sections of a flowchart that are not adjacent and is meant to enhance readability by avoiding clutter.

  • Why should connectors be used sparingly in flowcharts?

    -Connectors should be used sparingly because overuse can decrease readability and produce a cluttered effect, making the flowchart difficult to understand.

  • What is the significance of flow lines in a flowchart?

    -Flow lines, indicated by straight lines with arrowheads, show the direction of data and connect blocks by exiting from one and entering another, representing the sequence of operations.

Outlines

00:00

šŸ“Š Introduction to Flowcharts

This paragraph introduces the concept of flowcharts within the context of computer programming. A flowchart is defined as a graphical representation of a sequence of operations, utilizing various symbols to depict how an algorithm or program functions. The narrator explains that flowcharts are composed of different shapes, each with a specific meaning, such as terminal blocks for start and end points, process blocks for actions, input/output blocks for data exchange, decision blocks for conditional statements, and connectors for linking distant parts of the flowchart. The paragraph also differentiates between declaration and initialization, using baking a cake as an analogy to clarify the concepts.

05:00

šŸ” Flowchart Symbols and Their Functions

The second paragraph delves deeper into the specific symbols used in flowcharts and their functions. It describes the process block, which is represented by a rectangle and is used for actions like calculations and file operations. The input/output blocks, indicated by parallelograms, are explained with examples of verbs used within them, such as 'get' for input and 'display' or 'print' for output. Decision blocks, symbolized by diamonds, are detailed with an explanation of how they handle true or false outcomes. The paragraph also discusses the use of connectors, which are circles used to link non-adjacent parts of a flowchart, with a note on their limited use to maintain readability.

10:02

šŸ”” Conclusion and Call to Action

The final paragraph serves as a conclusion to the video script, reminding viewers of the upcoming content where a flowchart will be created to solve problems. It encourages viewers to subscribe to the channel and to watch the next video. Additionally, it prompts viewers to click the notification bell to receive updates on tutorial videos, indicating the end of the current session.

Mindmap

Keywords

šŸ’”Flowchart

A flowchart is a type of diagram that represents an algorithm, workflow, or process, showing the steps as boxes, arrows, and text. It is a graphical representation of a sequence of operations, which is central to the video's theme of teaching computer programming. In the script, the flowchart is introduced as a tool to visually outline how an algorithm or program operates, with examples provided to illustrate its components.

šŸ’”Symbols

In the context of flowcharts, symbols refer to the various shapes used to represent different actions or steps within a process. The script explains that these symbols include terminal blocks, process blocks, input/output blocks, decision blocks, and more. They are essential for understanding how a flowchart functions and are used throughout the video to describe the operations within a flowchart.

šŸ’”Terminal Block

A terminal block, depicted as an oval or rounded rectangle, signifies the start or end of a flowchart. It is crucial for defining the boundaries of a process. The script uses 'terminal block' to explain the beginning and conclusion of an algorithm, emphasizing its role in setting the framework for the flowchart.

šŸ’”Initialization Block

Initialization blocks are used to declare and set starting values for variables within a program. The script differentiates between declaration, which is stating the variable name, and initialization, which includes both the variable name and its starting value. This concept is vital for setting up the necessary variables before a process begins.

šŸ’”Process Block

A process block, indicated by a rectangle, represents an action or operation within a flowchart, such as calculations or file operations. The script provides an example where a process block is used to calculate the sum of two numbers, illustrating how actions are encapsulated within these blocks.

šŸ’”Input/Output Block

Input/output blocks, represented by parallelograms, are used to show data entry or output operations within a flowchart. The script mentions 'get', 'enter', or 'input' as verbs for input blocks and 'display' or 'print' for output blocks, highlighting their role in handling data interaction.

šŸ’”Decision Block

A decision block, symbolized by a diamond shape, represents a point in a flowchart where a decision is made based on a condition. The script explains that it has one entrance and two exits, corresponding to the outcomes of true or false. Decision blocks are integral to creating conditional logic within a flowchart.

šŸ’”Flow Lines

Flow lines are the arrows that connect different blocks in a flowchart, indicating the direction of the data flow. The script describes flow lines as straight lines with arrowheads, showing the sequence of operations. They are essential for understanding the progression from one step to another within a flowchart.

šŸ’”Connector

A connector, depicted as a circle, is used to connect non-adjacent sections of a flowchart when the diagram cannot fit in a single area. The script advises using connectors sparingly to maintain readability and avoid clutter, emphasizing their utility in organizing complex flowcharts.

šŸ’”Algorithm

An algorithm is a set of rules or steps to be followed in calculations or other problem-solving operations. The script refers to algorithms in the context of flowcharts, explaining that flowcharts are a graphical representation of an algorithm's operations. This keyword is fundamental to understanding the purpose of flowcharts in programming.

šŸ’”Condition

A condition in a flowchart is a question or statement that results in a binary outcome, such as true or false, yes or no. The script uses conditions to explain how decision blocks function, as they lead to branching paths within the flowchart based on the condition's evaluation. Conditions are crucial for implementing decision-making within a flowchart.

Highlights

Introduction to flowcharting as a method for visualizing algorithms in computer programming.

Definition of a flowchart as a graphical representation of a sequence of operations.

Explanation of the different symbols used in flowcharts to represent operations.

Description of the terminal block symbol used to indicate the start and end of a program.

Clarification of the difference between declaration and initialization in programming.

Example of how to use the declaration block to state variable names.

Example of how to use the initialization block to set starting values for variables.

Explanation of the process block and its use for calculations and file operations.

Description of the input/output block and its representation by a parallelogram.

Usage of verbs like 'get', 'enter', or 'input' for input operations.

Usage of verbs like 'display' and 'print' for output operations.

Introduction to the decision block symbolized by a diamond shape.

Explanation of how conditions in decision blocks lead to true or false outcomes.

Description of connectors as circles used to connect distant parts of a flowchart.

Advice on using connectors sparingly to maintain readability.

Encouragement to watch the next video for practical flowchart creation.

Invitation to subscribe to the channel for more tutorial videos.

Transcripts

play00:00

okay guys welcome to ITs information technologyĀ  skills so for today's video we're going to haveĀ Ā 

play00:07

logic formulation which starts with flowchartingĀ  this is the lesson three of our introduction toĀ Ā 

play00:15

computer programming So let's start,Ā 

play00:21

what is a flowchart? a flow chart is a graphicalĀ  representation of a sequence of operationsĀ Ā 

play00:28

a flowchart contains symbol describing howĀ  an algorithm or a program operates well theĀ Ā 

play00:35

example of flow chart is this so basically guysĀ  on flowchart they are graphical representation orĀ Ā 

play00:45

images that represents the sequence or arrangementĀ  of an operation then a flowchart uses differentĀ Ā 

play00:55

symbols or shapes which will be discussed forĀ  the next slide to representing an operationĀ Ā 

play01:05

okay what either symbol used in flowchart so forĀ  the symbols we have the following terminal blockĀ 

play01:13

process black input or output blockĀ 

play01:15

decision blocks initialization blockĀ 

play01:19

connector and flow linesĀ 

play01:24

flow lines indicate by straight lineĀ  with arrow to show the directions ofĀ Ā 

play01:30

data so basically a flow lines guys theyĀ  are line with an arrow head to show theĀ Ā 

play01:41

direction or what is the next step for the data

play01:49

used to connect blocks by exiting from one and entering from another if you're going toĀ look at the image that is an example of flow lineĀ Ā 

play02:05

terminal ovals or rounded rectangles are usedĀ  to indicate the start and the end of the module orĀ Ā 

play02:13

a program. So from the word terminal block this is the symbol used for the termination

play02:22

or start of an algorithm or flowchart okay soĀ  we have two: the start and End and so basically from

play02:32

the words start , that is the start of the flowchartĀ  and the end is the last or the ending point ofĀ Ā 

play02:39

the flowchart so don't forget guys on flowchartĀ  is an algorithm graphical representation that is why we need End

play02:53

then next we have theĀ  initialization blockĀ Ā 

play02:57

use the declare or initialize variables needed to store a certain process so weĀ  have the word declare Ā 

play03:06

so declaration stating aĀ variable name to be use then we have initializingĀ  initialization to set a starting value of aĀ Ā variable

play03:18

So what is the difference between declaration and initialization?

play03:21

if we say declaration, you just stating the name for example: You will bake a cake

play03:32

the declaration their is, you'll say that you need flour, egg, milk and water but no amount Ā 

play03:41

for the initialization, you will state the ingredientsĀ  plus the amount okay so for example initializeĀ Ā 

play03:52

baking, you will say you need flour 3 cups, eggs 3 eggs, water 1 liter

play04:02

okay that is initialization, you state what you need plus the value okey,

play04:08

So to further explained to you we have the next slide

play04:14

so thisĀ  is an example of declaration if you're going toĀ Ā 

play04:18

observe we only have number one and number twoĀ  but no value you are just statingĀ Ā 

play04:23

that you need that later on your algorithm then next the initialization for the initializationĀ Ā 

play04:32

it already have value or have contentĀ  You are stating that the value of number one is 5Ā Ā 

play04:41

for num 2 is 3 so that's the difference between the two, then next we have the process block rectangleĀ Ā 

play04:52

indicates a process block okay so the simpleĀ  use for process block is rectangle used for suchĀ Ā 

play05:00

thing as calculations, opening and closing filesĀ  and so on okay so from the word process block

play05:08

these are the processes or action that we doĀ  so we have this example of processĀ Ā block

play05:16

So we have here num1 and num2 then we want toĀ  calculate there sum Ā 

play05:25

So we have here Sum equals to num1 plus num2 okay guysĀ  don't forget you only have one enter and one exit pointĀ Ā 

play05:34

of a process block

play05:38

then next we have the input and output block the parallelogram indicates inputĀ Ā 

play05:46

or output operations okay it is parallel okayĀ  so this is an example of input an output blockĀ Ā 

play05:56

okay so you're going to observe the input it has get x okay for the input you can use the verbĀ Ā 

play06:05

get, enter or input okay so those are the verbs that you can use inside input block and forĀ Ā 

play06:17

the output block you can use the verb displayĀ  and print then next we have the decision blockĀ Ā 

play06:28

the diamond indicates decision okey so theĀ  symbol or the shape being used for decision blockĀ Ā is diamond

play06:38

it has one entrance and exactly twoĀ  exit from the block one exit is the action whenĀ Ā 

play06:46

the resultant is true and the other is false okayĀ  so for the decision block we have this

play06:57

if you'reĀ Ā going to observe it only have one arrow going to the conditionĀ  a condition guys are questions areĀ Ā 

play07:08

statements that gives you an answer of true or false or yes or no so the conditions areĀ Ā 

play07:14

questions or statement that have an answerĀ of true or false, yes or no

play07:25

an example is, Will I become an IT?Ā  yes or no,

play07:33

Is it good to be an IT? Yes or NO

play07:37

Okey, So that is a condition

play07:40

then next, if you're going to look at the decision blockĀ  It has two exit point which isĀ Ā 

play07:48

the true or false okay so for the true or falseĀ  it can be any symbol it can be processed blockĀ Ā 

play07:56

input/output block or terminal block so laterĀ  on we are going to discuss that so the conventionsĀ Ā 

play08:06

or the questions that can be answered or givenĀ  under conditions we have true or false, T orĀ Ā F

play08:13

that is the same with true or false, yes or no (Y or N) same with yes or no then next we have theĀ Ā 

play08:21

connectors the circle is used as a connectionĀ  point between two sections of flow chart the IĀ Ā 

play08:29

not adjacent and closely located to each otherĀ  okay guys, we use the connector Ā Ā 

play08:36

to connect blocks that is too far okayĀ  so for example you are writing aĀ Ā 

play08:45

flowchart but it is not fit to theĀ  paper or on your work areaĀ Ā 

play08:53

So you are going to use a connector to connect Ā  parts of the flowchart on the paperĀ Ā , okay

play09:01

but we have this note okay connector should be used as little as possible so as muchĀ Ā 

play09:12

as possible, we should limit the use of connector okay this should only be used toĀ Ā 

play09:18

enhance readability so it is only useĀ  to make your flowchart clean because it is

play09:25

not good if you have too many lines on your flowchart however decreases readabilityĀ Ā 

play09:33

and produce cluttered effect okay it hasĀ  some however it also have some negative effect

play09:43

if you always use the connector so that'sĀ  it guys it ends the session for today please don'tĀ Ā 

play09:53

forget to watch your next video because we are going to create a flowchart and some problems

play10:02

that we can do with flowchartĀ  okay so please don't forget to subscribe toĀ Ā 

play10:08

this video or this channel click this video hitĀ  the notification bell for more tutorial videos

Rate This
ā˜…
ā˜…
ā˜…
ā˜…
ā˜…

5.0 / 5 (0 votes)

Related Tags
FlowchartingIT SkillsProgrammingAlgorithmTutorialLogic FormulationComputer ScienceData DirectionBlock DiagramSymbol Usage