This document provides information on the revised K to 10 Technology and Livelihood Education (TLE) curriculum guide for grades 9 to 10 on Information and Communications Technology (ICT). It outlines the content standards, performance standards, learning competencies and codes for two quarters of coursework covering introductory computer programming and website development skills including HTML, CSS, and JavaScript. The course introduces students to current trends in computer programming, computer ergonomics, and embeds multimedia elements, tables, forms and links in webpages using HTML and CSS.
1. Republic of the Philippines
Department of Education
DepEd Complex, Meralco Avenue
Pasig City
REVISED K TO 10 of the K TO 12 CURRICULUM GUIDE
TECHNOLOGY AND LIVELIHOOD EDUCATION
(TLE)
Grades 9 to Grade 10
INFORMATION AND COMMUNICATIONS
TECHNOLOGY (ICT)
2. Component/Sector: Information and Communications Technology / Computer Systems Servicing
Description: This is an introduction to the fundamental, common, and core abilities of computer programming. This section includes information
about hypertext markup language (HTML5) and Cascading Style Sheets (CSS).
QUARTER I/III
Content
Content
Standards
The learner
demonstrates an
understanding in/of…
Performance
Standards
The learner…
Learning Competencies
The learner…
Code
Introduction to
Computer
Programming
● Current
trends
● Business/
career
opportunitie
s
● Skills
needed
1. current trends,
opportunities,
computer
ergonomics and
HTML elements
2. assesses current
trends,
business/career
opportunities and
skills needed in
Computer
Programming
3. discusses the current trends, business/career
opportunities and skills needed in Computer
Programming
TLE_ICTCP9/10
-I/III-a-1
Computer
Ergonomics
● Health risks
of working
at computer
● Ergonomic
Tips for
Computer
Users
Computer
Ergonomics in
relation to health and
risk hazards in the
workplace.
applies computer
ergonomics in
relation to health and
risk hazards in the
workplace.
4. practices Computer Ergonomics
TLE_ICTCP9/10
-I/III-a-2
Hypertext Markup
Language 5
(HTML5)
● Structure
● Elements
● Attributes
Hypertext Markup
Language structure
and syntax
explores Hypertext
Markup Language
structure and
syntax
5. distinguishes HTML structure, elements and attributes
TLE_ICTCP9/10
-I/III-b-3
3. HTML Editor
● user
interface
● features
HTML document
editors
creates HTML
document using
HTML editors
6. utilizes an HTML editor in creating HTML
documents
TLE_ICTCP9/10
-I/III-c-4
HTML Heading,
Paragraph, Styles
and Formatting
elements
HTML heading,
paragraph, styles,
and formatting
creates heading
and paragraph with
styles and
formatting
elements
7. applies heading, paragraph, styles and formatting
elements in HTML document TLE_ICTCP9/10
-I/III-c-5
Multimedia
elements
● Image,
video, and
audio
multimedia elements
in in a webpage
embeds multimedia
elements in a
webpage
8. embeds multimedia elements in a webpage
TLE_ICTCP9/10
-I/III-c-d-6
HTML Lists
● Types
● Attributes
HTML list types and
attributes
creates list in a
webpage
9. performs adding list in a webpage
TLE_ICTCP9/10
-I/III-d-e-7
HTML Tables
● Elements
● Attributes
HTML table elements
and attributes
creates table in a
webpage
10. creates a table in a webpage
TLE_ICTCP9/10
-I/III-e-8
HTML Forms
● Types
● Elements
● Attributes
HTML form types,
attributes, and
elements
creates forms in a
web page.
11. utilizes HTML form, types, and elements in a
webpage TLE_ICTCP9/10
-I/III-f-9
HTML Links
● Attributes
● Absolute
and relative
URL
HTML links creates hyperlink in
a webpage.
12. applies links to images, email, button, and text in a
webpage. TLE_ICTCP9/10
-I/III-g-10
Website
Development
Website Development Creates a website
using HTML
elements
13. develops a website TLE_ICTCP9/10
-I/III-h-i-11
4. QUARTER II/IV
Content
Content
Standards
The learner
demonstrates an
understanding in/of…
Performance
Standards
The learner…
Learning Competencies
The learner…
Code
Cascading Style
Sheets (CSS)
● Introduction
● Syntax
● Selectors
● Types
- Inline CSS
- Internal or
Embedded
CSS
- External
CSS
Cascading Style
Sheets
discusses
Cascading Style
Sheets
1. discusses syntax, selectors, and types of
cascading style sheets. TLE_ICTCP9/10
-II/IV-a-1
CSS Colors,
backgrounds,
fonts, and text.
CSS Colors,
backgrounds, fonts
and text.
applies CSS Colors,
backgrounds, fonts
& text into a
webpage
2. applies CSS Colors, backgrounds, fonts and text
into a webpage TLE_ICTCP9/10
-II/IV-b-2
CSS Borders,
Margins and
Paddings
CSS borders, margins
and paddings
embeds CSS
borders, margins,
and paddings
3. applies CSS borders, margins and paddings
TLE_ICTCP9/10
-II/IV-c-3
CSS Icons, Links,
List and Tables
CSS Icons, Links, List
and Tables
embeds Icons,
Links, List and
Tables
4. applies CSS Icons, Links, List and Tables TLE_ICTCP9/10
-II/IV-d-4
CSS Animations
and Transitions
CSS animations and
transitions
embeds CSS
animation and
transition in a
webpage.
5. applies CSS animation and transition in a
webpage. TLE_ICTCP9/10
-II/IV-e-5
CSS Box model CSS Box model creates CSS box
model in a webpage.
6. utilizes CSS box model in a webpage.
TLE_ICTCP9/10
-II/IV-f-6
5. CSS Box shadow
and transform
CSS Box shadow and
transform
applies Cascading
Style Sheets box
shadow and
transform in a
webpage
7. utilizes CSS box shadow and transform in a
webpage TLE_ICTCP9/10
-II/IV-g-7
(4 days)
Basic Interactive
Website
Development
Basic Interactive
Website Development
Design interactive
website
8. creates interactive website
TLE_ICTCP9/10
-II/IV-h-i-10
(8 days)
Glossary
Attribute an attribute dictates certain aspects of an element. Attributes are made up of a name and value pair.
Computer Ergonomics Computer ergonomics addresses ways to optimize your computer workstation to reduce the specific risks of
computer vision syndrome, neck and back pain, and carpal tunnel syndrome. It also reduces the risk of other
disorders affecting the muscles, spine, and joints.
CSS Short for cascading style sheets, CSS is a language used to describe reusable styles for presenting documents
written in a markup language. allows web developers to alter the layout and appearance of their web pages. For
example, CSS may be used to change the font used in certain HTML element and its size and color.
Debug Debugging is a process of analyzing a computer program and removing its logical or syntactical errors.
Element The complete tag, including the opening tag, enclosed tag content, and the closing tag, is the HTML element
Embed tag is used to designate an area for interactive content (plug-in) or an external application.
Hazard is any source of potential damage, harm or adverse health effects on something or someone.
HTML HTML is short for Hypertext Markup Language. HTML is used to create electronic documents (called pages) that
are displayed on the World Wide Web.
Hyperlink Alternatively referred to as a link and web link, a hyperlink is an icon, graphic, or text that links to another file or
object.
Lists the <li> tag is a block element used to designate a list item.
Opportunities a good chance for advancement or progress.
6. Profiling is information gleaned from a customer's use of a Web site, can be used to target advertisements, personalize
Web sites and match services to a specific customer's needs.
Programming Programming is writing code (a set of instructions) to be interpreted and executed by a computer or another
electronic device. These instructions can create programs and tell applications how to operate or function.
Structure refers to the practice of using HTML on content to convey meaning (semantics) and to describe how blocks of
information are structured to one another.
Syntax When referring to a programming language, the syntax is a set of rules for grammar and spelling. In other words,
it means using character structures that a computer can interpret.
Trends Computer trends are changes or evolutions in the ways that computers are used which become widespread and
integrated into popular thought
References
“Computer Hope”. Accessed July 1, 2022. https://www.computerhope.com/jargon.htm.
“W3 Schools”. Accessed February 27, 2022. https://www.w3schools.com.
Heiting, Gary. “All about Vision”, Accessed July 18, 2022. https://www.allaboutvision.com/en-gb/digital-eye-strain/ergonomics/.
“Canadian Center for Occupational Health and Safety”. Government of Canada. Accessed July 10, 2020, June 21, 2022
https://www.ccohs.ca/oshanswers/hsprograms/hazard_risk.html#:~:text=A%20hazard%20is%20any%20source,%2C%20or%20to%20the%20
environment).
“Dr. Drew Hang.” Hwang CIS DEPT. Accessed June 21, 2022
https://hwang.cisdept.cpp.edu/webdev/Text/StructurePresentation.htm#:~:text=Structure%20refers%20to%20the%20practice,a%3E)%2C%20etc.
7. Sector / Component: Contact Center Services / ICT
Description: This is a specialization course that leads to a National Certificate in Contact Center Services Level II (NC II). This includes topics
such as the nature of the Contact Center Business, opportunities, legal underpinnings, jargons, incoming and outbound calls, duties, and
responsibilities, and so on.
QUARTER I/III
Content
Content
Standards
The learner
demonstrates an
understanding in/of…
Performance
Standards
The learner…
Learning Competencies
The learner…
Code
The Contact Center
Industry
• The emergence of
the Contact Center
industry
• Career
opportunities in
Contact Center
industry
the nature of Contact
Center Industry
discusses the basic
concepts and
principles in Contact
Center Industry
1. discusses Contact Center Industry and its
career opportunities
TLE_ICTCCS9/10-
I/III-a-1
Contact Center jargons
• Bio break
• Ahod
• AU X
• Floor
• Huddle
• Long Call
• Sup Call
• Etc.
2. discusses the jargons in contact center
industry TLE_ICTCCS9/10-
I/III-b-2
(4 days)
Inbound vs -Outbound
calls
3. differentiates inbound from outbound calls TLE_ICTCCS9/10-
I/III-c-3
Duties and
Responsibilities of a
4. discusses the duties and responsibilities of
a Contact Center employee
TLE_ICTCCS9/10-
I/III-d-4
8. Contact Center
Employee
• Addressing
customer’s
concern
• Providing
customer’s
satisfaction
Skills and attributes
Needed for a Contact
Center Employee
• Intra and
Interpersonal
Skills
• Communication
Skills
• Computer
Literacy skills
5. discusses the skills and attributes needed
for a Contact Center Employee
TLE_ICTCCS9/10-
I/III-e-f-5
Services offered in a
Contact Center
• Customer service
• Sales
• Technical support
• Chat support
6. discusses the types of services offered in
Contact Center
TLE_ICTCCS9/10-
I/III-f-g-6
Phone Etiquette
phone etiquette in
handling calls
applies Phone
Etiquette in handling
calls
7. demonstrate phone etiquette in handling
calls
TLE_ICTCCS9/10-
I/III-h-i-7
9. QUARTER II/IV
Content
Content
Standards
The learner
demonstrates an
understanding
in/of…
Performance
Standards
The learner…
Learning Competencies
The learner…
Code
Accuracy and Fluency
in Communication in
handling inbound and
outbound calls either
voice or non-voice
accuracy and fluency
in communication
applies accuracy and
fluency in
communication in
handling inbound and
outbound calls either
voice or non-voice
1. applies accuracy and fluency in
communication in handling inbound and
outbound calls either voice or non-voice.
CCS:
TLE_ICTCCS9/10-
II/IV-a-c-1
Local and international
accounts catered in
Contact Center
• Cultures
• Time zones
local and
international
accounts catered in
a Contact Center
discusses the local
and international
accounts catered in a
Contact Center
2. discusses local and international accounts
catered in a Contact Center
CCS:
TLE_ICTCCS9/10-
II/IV-c-e-2
Procedures in Call
Handling
• Inquiry
• Concerns
• Complaints
Sales
handling different
calls
performs procedures
in Call Handling
3. performs procedures in call handling CCS:
TLE_ICTCCS9/10-
II/IV-e-f-3
Call Flow
• Opening spiel
empathy, sympathy
and assurance
statements
• Probing questions
• Resolution
• Closing spiel
basic call flow in
Contact Center
performs call flow. 4. performs call flow. CCS:
TLE_ICTCCS9/10-
II/IV-g-h-4
Common Metrics
-Average Handling time
(AHT)
common Metrics in
Contact Center
discusses common
metrics
5. discusses common metrics CCS:
TLE_ICTCCS9/10-
II/IV-i-5
10. -Customer Satisfaction
(CSAT)
-Dissatisfies Customer
(DSAT)
-First Call Resolution
(FCR)
Glossary
Term/s Definitions
AHOD a strategy for dealing with call traffic increases and prevents callers from becoming frustrated due to
long wait times.
AUX is an agent state (when logged into a system), that is used to make an agent unavailable for incoming
distributed calls. Its basic purpose is to manage the workload of non-call activities. It is important in
managing service levels and optimize staffing.
Bio Break is a break for a short time in a meeting, etc. so that people can go to the bathroom.
Call Flow is a customer service agent's road map to providing solutions as speedily as possible in a call center. It
provides prompts to take the correct action from the beginning of the call until the customer hangs up
the phone.
Chat Support refers to real-time communication between a customer and customer support agent via instant
messaging, usually through a pop-up dialogue box built into a company's website.
Contact Center is a central point from which organizations manage all customer interactions across various channels.
Their primary purpose is to offer customers efficient and effective technical support, customer
service and sales assistance.
Metrics gauge the overall effectiveness of customer service teams. Many aspects of call centers use metrics to
measure performance, agent productivity, and other activities that lead to increased customer
satisfaction.
Probing Questions are questions that you ask to gain greater insight into what someone has just told you, helping you to
uncover the reasons and emotions behind what they have said.
11. References
“OA”. Accessed July 18, 2022. https://www.outsourceaccelerator.com/glossary/all-hands-on-
deck/#:~:text=All%20Hands%20On%20Deck%20(AHOD)%20is%20a%20strategy%20for%20dealing,an%20unusual%20volume%20of%20calls.
“Benchmark Portal”. Accessed July 18, 2022. https://www.benchmarkportal.com/calltalk-caramels-aux-time-what-should-it-be-used-
for/#:~:text=Auxiliary%20time%20(or%20AUX)%20is,service%20levels%20and%20optimize%20staffing.
“Cambridge Dictionary”. Accessed July 18, 2022. https://dictionary.cambridge.org/us/dictionary/english/bio-break
“8x8”. Accessed July 28, 2022. https://www.8x8.com/blog/what-is-call-flow-in-a-call
center#:~:text=Call%20flow%20is%20a%20customer,customer%20hangs%20up%20the%20phone.
“Bunch”. Accessed July 18, 2022. https://www.meetbunch.com/terms/chat-
support#:~:text=Chat%20Support%20refers%20to%20real,built%20into%20a%20company's%20website.
“Tech Target’. Accessed July 18, 2022. https://www.techtarget.com/searchcustomerexperience/definition/contact-center
“Ring Central”. Accessed July 18, 2022. https://www.ringcentral.com/call-center-metrics.html#ring-cc-off
“Call Centre Helper”. Accessed July 18, 2022. https://www.callcentrehelper.com/probing-questions-improve-customer-service-150682.htm
12. Component/Sector: Information and Communications Technology / Computer Systems Servicing
Description: This is an introductory course that leads to a National Certificate in Computer Systems Service Level II (NC II). This course covers
subjects from the core competencies of installing and configuring computer systems, as well as maintaining and repairing computer systems.
QUARTER I/III
Content
Content
Standards
The learner
demonstrates an
understanding in/of…
Performance
Standards
The learner…
Learning Competencies
The learner…
Code
Introduction to Computer
Systems Servicing
● Career
Opportunities
● Business
Opportunities
concepts of career
opportunities in
Computer Systems
Servicing
discusses career
and business
opportunities in
Computer Systems
Servicing.
1. discusses career and
business opportunities in Computer
Systems Servicing
TLE_ICTCS
S9/10-
I/III-a-1
Tools and Equipment
● Types
● Functions
types and
functions of tools and
equipment in
computer systems
servicing
identifies the types
and functions of tools
and equipment in
computer systems
servicing
2. discusses tools and equipment in
Computer
Systems Servicing
TLE_ICTCS
S9/10-
I/III-a-2
Parts and Functions of
Computer System Unit
● Motherboard
- CPU
- BIOS
- Slots
- Southbridge/
concepts and principles
of the parts of the
computer system unit.
discusses the parts
and functions of the
computer system unit.
3. discusses the parts and functions of
the computer system unit.
TLE_ICTCS
S9/10-
I/III-b-d-3
13. northbridge
- BIOS
- I/O Ports
● Power Supply Unit
(PSU)
● Expansion Cards
● Storage Devices
● Random Access
Memory (RAM)
● Central Processing Unit
(CPU)
● Fan
● Heatsink
● Cables
Software
● System Software
- Operating System
- Device Drivers
- Firmware
- Utility Software
● Application Software
- Productivity
Software
- Database Software
- Multimedia
Software
- Web Browsers
types and functions of
computer software
discusses the
different types of
software and its
functions
4. discusses system software, its types,
and functions
5. discusses application software, its
types, and functions
TLE_ICTCS
S9/10-I/III-
e-4
TLE_ICTCS
S9/10-I/III-
e-5
Computer Assembly procedures in setting up
computer system
performs procedures
in setting up computer
system
6. performs computer assembly with
safety precautions
TLE_ICTC
SS9/10-
II/IV-f-i-6
14. QUARTER II/IV
Content
Content
Standards
The learner
demonstrates an
understanding in/of…
Performance
Standards
The learner…
Learning Competencies
The learner…
Code
Preparation of Installers
● creating ISO image
file
● creating bootable
device
- Partition Scheme
- File System
procedures in
setting up
computer system
performs procedures
in setting up
computer system
with safety
precautions
1. creates bootable device TLE_ICT
CSS9/10-
II/IVa-1
Installing Operating
Systems
● BIOS/UEFI
configuration
● partitioning
● installation
procedures
2. performs installation of operating
system with safety precautions
TLE_ICT
CSS9/10-
II/IV-b-c-2
Installing drivers,
application, and utility
software
3. performs installation of drivers,
application, and utility software with
safety precautions
TLE_ICT
CSS9/10-
II/IV-d-3
15. Testing and Updating
● Testing
- Stress Test
- Drivers
- Productivity Tools
- Utility Software
- Audio
- Video
● System Updates
3. performs testing, updating, and
checking of peripheral drivers and
application software with safety
precautions
TLE_ICT
CSS9/10-
II/IV-e-4
Troubleshooting and
Repairing
● power
● display/video
● audio
● storage devices
● cooling system
● ports/connectors
● drivers
5. performs troubleshooting and
repairing of the computer system unit
with safety precautions
TLE_ICT
CSS9/10-
II/IV-f-g-5
Maintaining Computer
System
● Software
Maintenance
● Defragmentation
● Check Disk
● Uninstalling
unnecessary
applications
● Disabling start up
applications
● Organizing
files/folders
6. performs computer maintenance
with safety precautions
TLE_ICT
CSS9/10-
II/IV-h-i-6
GLOSSARY
16. Term/s Definitions
Computer system The complete computer comprises the central processing unit (CPU), memory and related electronics
(main cabinet), all the peripheral devices connected to it, and its operating system. Computer systems
fall into two broad divisions: clients and servers.
Configuration The makeup of a system; to "configure" is to choose options in order to create a custom system.
“Configurability” is a system’s ability to be changed or customized.
Connector Any plug and socket that links two devices together.
Display Adapter A plug-in card in a desktop computer that converts the images created in the computer to the
electronic signals required by the monitor.
Expansion bus An input/output bus typically comprises a series of slots on the motherboard. Expansion boards (cards)
are plugged into the bus.
Graphical User Interface A graphics-based user interface that incorporates movable windows, icons, and a mouse.
ISO Image File (Often called an ISO image) is an archive file that contains an identical copy (or image) of data found
on an optical disc, like a CD or DVD. They are often used for backing up optical discs, or for
distributing large file sets that are intended to burn to an optical disc.
Motherboard Also called the “system board,” it is the main printed circuit board in an electronic device, which contains
sockets that accept additional boards
Operating System (OS) The master control program that runs the computer; the first program loaded when the computer is
turned on, its main part, the “kernel,” resides in memory at all times.
Peripheral Any hardware device connected to a computer, such as a monitor, keyboard, printer, disk, tape,
graphics tablet, scanner, joystick, paddle, or mouse
Sound card Also called a “sound board” or “audio adapter,” it is a computer expansion board that records and
plays back sound, providing inputs from a microphone or other sound source and outputs to speakers
or an external amplifier.
Virtualization Process of using software to create an abstraction layer over computer hardware that allows the
hardware elements of a single computer—processors, memory, storage and more—to be divided into
multiple virtual computers, commonly called virtual machines (VMs).
Virus Software used to infect a computer; after the virus code is written, it is buried within an existing
program.
17. Reference
Technical Education and Skills Development Authority-Qualification Standards Office. Training Regulations for Computer Systems Servicing NC
II. Taguig City, Philippines: TESDA, 2
18.
19. Component/Sector: ICT / Visual Arts
Description: This sector combines selected core competencies from two specializations: illustration for the first quarter and animation for the second
quarter.
QUARTER I/III
CONTENT
CONTENT STANDARDS
The learner demonstrates
an understanding in/of...
PERFORMANCE
STANDARDS
The learner…
LEARNING COMPETENCIES
The learner…
CODE
Introduction to Visual Arts
Sector
● Current trends in visual
arts
● Skills needed in visual
arts sector
● Tools and Equipment
● Career and business
opportunities in visual
arts
current trends, skills, tools
and equipment, career
and business
opportunities in visual arts
sector.
explains current
trends, skills, tools
and equipment,
career, and business
opportunities in visual
arts sector.
1. discusses current trends, skills, tools
and equipment, career and business
opportunities in visual arts sector.
TLE_ICTVA
9/10-I/III-a-1
Elements and Principles
of Design
elements and principles
of design, types of
illustrations, drawing
enhancement techniques,
proportion, expression,
and movements as
applied in drawing human
face.
draws human face by
applying the elements
and principles
of design and drawing
enhancement
techniques.
2. draws simple figures and objects by
applying the elements and principles of
design.
TLE_ICTVA
9/10-I/III-a-b-
2
Drawing Enhancement
Techniques
● Applying tonal values
● Tonal range
● Linear marks
3. applies drawing enhancement
techniques.
TLE_ICTVA
9/10-I/III-c-d-
3
Drawing Human
Face
● Proportion
● Expression
● Movements
4. draws human face. TLE_ICTVA
9/10-I/III-d-e-
4
20. K to 12 BASIC EDUCATION CURRICULUM
Technology and Livelihood Education (TLE)
Grade 9/10
K to 12 Technology and Livelihood Education Curriculum Guide Page 2 of 25
Learning Materials are uploaded at http://lrmds.deped.gov.ph.`
Basics of Animation
● 12 Principles of
animation
● Clean-up key drawings
● In-between drawings
● Animation breakdown
basics of animation,
cleaned-up and in-
between simple drawings.
produces cleaned-up
and in-between simple
drawings based on the
basics of animation.
5. discusses basics of animation,
cleaned-up and in-between simple
drawings.
TLE_ICTVA
9/10-I/III-f-5
Clean-Up of Simple Key
Drawings
● Model sheets
6. produces cleaned-up simple key
drawings.
TLE_ICTVA
9/10-I/III-g-6
In-Between Drawings
● Storyboard
● Pegging
● Un-pegging
● Design standards
7. produces in-between drawings. TLE_ICTVA
9/10-I/III-h-i-
7
(8 days)
QUARTER II/IV
CONTENT CONTENT STANDARDS
The learner demonstrates
an understanding in/of...
PERFORMANCE
STANDARDS
The learner…
LEARNING COMPETENCIES
The learner…
CODE
Illustration Software
● User Interface
● System Requirements
digitizing, enhancing and
vectorizing human face
using illustration
software.
produces digitized,
enhanced and
vectorized human face
using illustration
software.
1. navigates illustration software. TLE_ICTVA9/1
0-II/IV-a-1
2. produces simple objects using
illustration software.
TLE_ICTVA9/1
0-II/IV-a-b
21. K to 12 BASIC EDUCATION CURRICULUM
Technology and Livelihood Education (TLE)
Grade 9/10
K to 12 Technology and Livelihood Education Curriculum Guide Page 3 of 25
Learning Materials are uploaded at http://lrmds.deped.gov.ph.`
GLOSSARY OF TERMS
2D Animation - - the creation of moving pictures in a two-dimensional environment, such as through "traditional" cel animation or in
computerized animation software. This is done by sequencing consecutive images, or "frames", that simulate motion by each
image showing the next in a gradual progression of steps.
Animation - -a process of making objects or illustrations move.
-
Digitizing and Enhancing
Drawing
● Scanning
● File Formats
● Inking
● Coloring
Note: Use the learner’s output in
quarter 1.
3. produces digitized drawing using
illustration software.
TLE_ICTVA9/1
0-II/IV-c-3
4. produces enhanced drawing* using
illustration software.
TLE_ICTVA9/1
0-II/IV-d-4
Vectorizing Drawing* 5. produces vectorized drawing* using
illustration software.
TLE_ICTVA9/1
0-II/IV-e-f-5
Animation
● Software
○ User Interface
○ System Requirements
● Animation Techniques
○ Digitized Key Drawing
○ Digital In-Between
Drawing
animation, its software,
system requirements and
animation techniques.
produces simple
animation.
6. produces simple animation. TLE_ICTVA9/1
0-II/IV-g-i-6
22. K to 12 BASIC EDUCATION CURRICULUM
Technology and Livelihood Education (TLE)
Grade 9/10
K to 12 Technology and Livelihood Education Curriculum Guide Page 4 of 25
Learning Materials are uploaded at http://lrmds.deped.gov.ph.`
Clean-up drawing - - refers to any revision or corrections required by and in accordance with company procedures and policies
Coloring - -a form of art. It allows you to express yourself and use your creativity through colors
File Format - -is the structure of a file that tells a program how to display its contents.
Frame - -an image representing a moment in time that can be connected to other frames to generate a video.
-
Illusion - -a picture depicted by an artist from a real object or scene which appears full of life.
-
Illustration - -a picture created by an artist which tells something, and some are in the form of drawing, painting, collage, engraving, photo,
etc.
In-between drawing - a technique used in animation. Two images are used as the key frames which serve as the beginning and the ending of
the animation sequence. The process is about taking those two key frames and filling in the animation or frames in between.
These in-betweens are what makes the animation look fluid
-
Inking - -is done when an artist goes over the lines they used to produce a rough sketch with thick, dark ink to make it more distinct.
Once you’ve inked a drawing and used techniques like hatching and shading to add dimension, it will practically jump off the
page with its bold expressiveness.
-
Isometric Object - a drawing formed by a designer represented in a three-dimensional shape on a two-dimensional surface and one best
example is a Rubik's cube.
-
Keyframe - A visual waypoint along the animation path in a map or scene. When an animation is played, values such as the location of
the camera, the current map time, the current map range, and layer transparencies are interpolated between the stored
states using a configurable transition type.
-
23. K to 12 BASIC EDUCATION CURRICULUM
Technology and Livelihood Education (TLE)
Grade 9/10
K to 12 Technology and Livelihood Education Curriculum Guide Page 5 of 25
Learning Materials are uploaded at http://lrmds.deped.gov.ph.`
Line - a point drawn in a continuous moving space surface.
-
Linear Mark - A line path traced by a pencil or brush in a single point movement and no specific width and form a shape.
-
Peg Layer - - is a trajectory that contains no drawings on which you can hook your drawings.
-
Pegging - -the act or process of fastening with pegs
Proportion - - simply refers to the size relationships between objects. If someone want to draw a subject or scene with accurate
proportions, it is a must to employ proper techniques and train the eyes over time.
-
Scanning - -To direct a finely focused beam of light or electrons in a systematic pattern over (a surface) in order to reproduce or sense
and subsequently create a digitized image.
-
Shape - created using a line that connects both ends and counted as one of the seven elements of art.
-
Software - -in computer language, it is a collection of programs designed to operate, control, and extend the processing
capabilities of the computer itself.
-
Tonal Range - The maximum and minimum value of darkness, lightness, and intermediate greys applied in drawing.
-
Tonal Value - the amount of black and white shades applied in an object to get the appearance of light and dark in drawing.
-
Tween - - is actually short for "in-between” and refers to the creation of successive frames of animation between key frames. In
computer animation, the term is most used for Flash's "shape tweening" and "motion tweening" processes, where the user
can define two key frames and Flash will automatically create the in-between frames, either morphing one shape into another
over a set period of time or else moving a shape or shapes from point A to point B over a set period of time. 3D animation
programs also have their own method of "tweening"
24. K to 12 BASIC EDUCATION CURRICULUM
Technology and Livelihood Education (TLE)
Grade 9/10
K to 12 Technology and Livelihood Education Curriculum Guide Page 6 of 25
Learning Materials are uploaded at http://lrmds.deped.gov.ph.`
Un-pegging - -the process of removing pegs
User interface - -is the system by which people (users) interact with the computer.
Vector - - is a line or a movement defined by endpoints or, essentially, the distance between point A and point B. Vectors can be used
to calculate animated motion mathematically instead of using manual key frames; vectors can also be used to define
computer-animated shapes.
-
Vector - -art is drawing, painting or illustration created using a Vector application. It is not a form of Art or an Art movement like
pop art or modern art.
-
Visual Arts - -these are subjects that require creativity and technical skills to produce art such as painting, illustration or drawing,
printmaking, sculpture, ceramics, photography, video, filmmaking, animation, design, crafts, and architecture.
References
Adam, Philipps. 2015. Animate to Harmony. New York and London: Focal Press Taylor and Francis Group.
Akimova, Elizaveta. 2020. "What is Illustration?" envatotut+. November 30. Accessed July 19, 2022. https://design.tutsplus.com/articles/what-is-illustration-
and-what-are-the-different-types-of-illustration--cms-36065.
n.d. "Art Encyclopedia." The Art World. Accessed July 19, 2022. https://www.the-art-world.com/encyclopedia/.
Education, Department of. 2016. "Technical Drafting NCII." www.lrmds.deped.gov.ph. Accessed June 2016. www.lrmds.deped.gov.ph.
25. K to 12 BASIC EDUCATION CURRICULUM
Technology and Livelihood Education (TLE)
Grade 9/10
K to 12 Technology and Livelihood Education Curriculum Guide Page 7 of 25
Learning Materials are uploaded at http://lrmds.deped.gov.ph.`
Frankbonner, Edgay Loy. 2004. Art of Drawing the Human Body. New York NY 1006: Sterling Publishing Co., Inc.
Lee, Hammond. 2017. Lee Hammond's All New Big Book of Drawing. Ohio 45242: North Ligh Books, an imprint of F+W Media Inc.
Sharma, Dr. Jayanta Kar. 2018. 2D Animation-Introduction to 2D Animation. Odisha, India and Columbia Canada: Commonwealth of Learning and Odisha
State Open University.
TESDA. 2010. "Animation NC II." Training Regulations. Pasay City: TESDA, Philippines.
—. 2010. "Illustration NCII." Training Regulations. Pasay CIty: TESDA, Philippines.
Thomas, Frank, and Ollie Johnston. 1981. The Illusion of Life. United States: Abbeville Press.
Thomas, Frank, and Ollie Johnston. 1981. The Illusion of Life. United States: Abbeville Press.