COMPUTER TECHNOLOGIES (COMTECH) Inc.

CODL UP! Learning Module

1st Quarter
S.Y. 2020-2021

SUBJECT & GRADE LEVEL: 2d Animation Week Number: 4

Topic: SYMBOLS & ELEMENTS Learning Competency:
PREPARE AND INTERPRET TECHNICAL
DRAWING (ID) AND MAINTAINING HAND TOOLS,
EQUIPMENT AND PARAPHERNALIA IN ANIMATION

INTRODUCTION
A symbol is something that represents something else by association, resemblance, or convention.
However, symbols are meaningful only if they are drawn according to relevant standards or convention. A
heart, for example, can be symbol for love, and a candle can be a symbol for light.
Symbols in TECHNICAL DRAWING also help to provide structure and routine such a diagrams and flow chart.
Animated film production used a flowchart to show the details of the relationships among hundreds of people
involved in film production. In some other cases, a flowchart is also used in the pre-production in animation to show the steps of the
whole process of storyboarding.

BASIC SYMBOLS

Technical drawing is also known as drafting. A drawing or a plan that is used to communicate directions and
specifics to a group of people. Making short animations serves as a tool and a medium for explaining an idea and
creating engaging explanations. By understanding the when, why, and how of making a short animation, different
symbols and diagrams are used. Symbols used in technical drawings are essential in animation because they help
convey an idea and to communicate each and every piece of information necessary in creating a design and in the
whole process of the production.

1.) Geometric dimensioning and tolerancing 2.) Architectural symbols are used to indicate
(GD&T) symbols are used to define the relationships commonly used materials and features that have been
between parts features and measurement references. developed over the years.
 COMPUTER TECHNOLOGIES (COMTECH) Inc.
CODL UP! Learning Module
1st Quarter
S.Y. 2020-2021

3.) Piping symbols are used to represent devices and 4.) Electronic Symbols are used to represent various
equipment installed in the piping system. electrical and electronic devices in an electrical or
electronic circuit.

BASIC ELEMENTS OF TECHNICAL DRAWING

1.) Schematic Drawing is a drawing that shows all of the 2.) Charts are sheets of information in the form of table,
significant components of a circuit, flow, process, or graph, or diagram.
device.
 COMPUTER TECHNOLOGIES (COMTECH) Inc.
CODL UP! Learning Module
1st Quarter
S.Y. 2020-2021

3. Block Diagram is a chart or diagram that uses a label 4. Layout plan is a construction plan prepared by a
blocks connected by a straight lines to present the contractor as part of their mobilization activities before
relationship of parts or phrases, as the steps in data work on site commences.
processing application.

5. Loop Diagram represents detailed drawing showing

a connection from one point to control system.

SUBJECT & GRADE LEVEL: 2d Animation Week Number: 4

Topic: FLOWCHART SYMBOLS AND ELEMENTS Learning Competency:
PREPARE AND INTERPRET TECHNICAL
DRAWING (ID) AND MAINTAINING HAND TOOLS,
EQUIPMENT AND PARAPHERNALIA IN ANIMATION
 COMPUTER TECHNOLOGIES (COMTECH) Inc.
CODL UP! Learning Module
1st Quarter
S.Y. 2020-2021

INTRODUCTION
Flowcharts are often used for documentation purposes because they are easier to follow. A
flowchart shows the steps involved to carry out a task. In animation, flowchart is often used in the
organization of the whole production. It is also used in storyboarding and scriptwriting. Flowchart is
a diagram that use graphic symbols to depict the nature and the flow of the steps in a process. A diagram
is a drawing that illustrates or visually explains a thing or idea by outlining its component parts in the relationship among
them.

BASIC FLOWCHART SYMBOLS

PROCEDURES IN INTERPRETING AND CREATING FLOWCHARTS

A flowchart will help an animator understand the process and uncover ways to improve it by
analyzing what is happening. Interpreting flowchart will help:
 COMPUTER TECHNOLOGIES (COMTECH) Inc.
CODL UP! Learning Module
1st Quarter
S.Y. 2020-2021

Sequence of steps by Antonette Quiles in analyzing flowchart:

1. Examine each process for the following conditions that indicate a need to improve the process:

a. Bottlenecks. These points in the process where it slows down may cost by redundant or unnecessary steps, rework,
lack of capacity or other factors.

b. Weak links. These are the steps were problems occur because of inadequate training of process workers, equipment
that needs to be repaired or replaced, or insufficient technical documentation. “Inform the drill leader and improvise” is
one of the week links.

c. Poorly defined steps. These are the steps that are not well-defined may be interpreted and performed in a different
way by each person involved, leading to process variation. “Improvise” is a poorly defined step in the weak link.

2. Examine each decision symbol. Collect data on how often there is a “yes” or “no” answer at decision points marked
by a diamond-shaped symbol. If most decisions go one way rather than the other, you may be able to remove this
decision point.

3. Examine each rework loop. Processes with numerous checks generate rework and waste. Examine the activities
preceding the rework loop and identify those that need to be improved. Look for ways to shorten or eliminate the loop.

4. Examine each activity symbol. Does the step help build a key quality characteristic into the end product? If not,
consider eliminating it.

Flow Chart Basic Procedures

1. Identify the 2. Organize and 3. Test. Check the 4. Challenge. Identify

purpose of drawing a document task. flowchart to make and check the steps
flowchart. Define the Decide on the start sure that there will be whether any of them
process to be and end points of the no corrections such as are necessary or
diagrammed. flowchart. misspelled words, duplicated.
alignments of shapes
or text, etc.
Creating a flow charts that depicts a simple scenario
A flowchart is a way of showing how task should be carried out. It helps animator
develop a logical thinking skills. Animator will learn to apply the concept of sequencing for
 COMPUTER TECHNOLOGIES (COMTECH) Inc.
CODL UP! Learning Module
1st Quarter
S.Y. 2020-2021

practical and everyday tasks. To construct a flowchart, think about the order in which the operation need to occur then
draw the chart.

Each flowchart has one starting point and one or more ending points are drawn with a rounded rectangle or
oval. Steps, actions, or task are drawn with rectangle boxes. Sometimes a question needs to be answered to decide what
instruction should happen next. Decisions are drawn in diamonds with labels at the exits. The narrows the arrows show
the order the steps are taken.

The chart below shows the steps in troubleshooting a locked-up computer. What should an animator do when a
computer freezes or locks up?

Let’s check your progress!

 COMPUTER TECHNOLOGIES (COMTECH) Inc.
CODL UP! Learning Module
1st Quarter
S.Y. 2020-2021

a. Direction: Identify the term being describe in each number.

_______________1. It is a chart or diagram that uses a label blocks connected by a straight lines to present the relationship of
parts or phrases, as the steps in data processing application.

_______________2. This are used to indicate commonly used materials and features that have been developed over the
years.

_______________3. This are sheets of information in the form of table, graph, or diagram.

_______________4. It represents detailed drawing showing a connection from one point to control system.

_______________5. It is a construction plan prepared by a contractor as part of their mobilization activities before work on site
commences.

_______________6. This are used to define the relationships between parts features and measurement references.

b. Direction: Identify the type of diagram used in technical drawing

1. 2. 3. 4. 5.

c. Direction: Identify the basic symbol used in flowcharting by drawing them in the spaces.
 COMPUTER TECHNOLOGIES (COMTECH) Inc.
CODL UP! Learning Module
1st Quarter
S.Y. 2020-2021

1. Comment 2. Terminator 3. Display Symbol 4. Process Symbol 5. Or Symbol

Symbol Symbol

6. Preparation 7. Decision Symbol 8. Link/Connector 9. Document 10. Flow Lines Symbol

Symbol Symbol Symbol

d. Direction: Arrange the following steps in developing a flowchart. The flowchart on the right is meant to
show the steps in flowcharting. Write the correct sequence of steps in the boxes and then interpret the
flowchart.
START
Define the process and purpose of
flowchart
NOTE: You
may use
Establish process boundaries, the
extra sheet
starting and ending points
of paper for
Put the steps in chronological this part
sequence

Assign flowchart symbols such as

boxed, diamonds and triangles

Assemble the right people to

develop the flowchart

List the steps, activities, and

decisions to be charted.

e. Review
Direction: Create
and indicate thea title
simple
of theflowchart to illustrate
flowchart
the process of your daily routine in a day. End
 COMPUTER TECHNOLOGIES (COMTECH) Inc.
CODL UP! Learning Module
1st Quarter
S.Y. 2020-2021

BUZZ SESSION: SHARE YOUR THOUGHTS!

Why are symbols and elements important in carrying out

decisions and representation?
Why is drawing considered to be a
universal language?

What is a flowchart? How important is a flowchart in an

animation industry? Why?