Tle Ict 9 10
Tle Ict 9 10
Department of Education
DepEd Complex, Meralco Avenue
Pasig City
QUARTER I/III
Content
Standards Performance
Content Standards Learning Competencies Code
The learner The learner…
demonstrates an The learner…
understanding in/of…
Introduction to 1. current trends, 2. assesses current 3. discusses the current trends, business/career
Computer opportunities, trends, opportunities and skills needed in Computer
Programming computer business/career Programming
● Current
ergonomics and opportunities and
trends TLE_ICTCP9/10
● Business/ HTML elements skills needed in -I/III-a-1
career Computer
opportunitie Programming
s
● Skills
needed
Computer Computer applies computer 4. practices Computer Ergonomics
Ergonomics Ergonomics in ergonomics in
● Health risks relation to health and relation to health and
of working risk hazards in the risk hazards in the TLE_ICTCP9/10
at computer workplace. workplace. -I/III-a-2
● Ergonomic
Tips for
Computer
Users
Hypertext Markup Hypertext Markup explores Hypertext 5. distinguishes HTML structure, elements and attributes
Language 5 Language structure Markup Language
(HTML5) and syntax structure and TLE_ICTCP9/10
● Structure syntax -I/III-b-3
● Elements
● Attributes
HTML Editor HTML document creates HTML 6. utilizes an HTML editor in creating HTML
● user editors document using documents
HTML editors TLE_ICTCP9/10
interface
-I/III-c-4
● features
HTML Heading, HTML heading, creates heading 7. applies heading, paragraph, styles and formatting
Paragraph, Styles paragraph, styles, and paragraph with elements in HTML document TLE_ICTCP9/10
and Formatting and formatting styles and -I/III-c-5
elements formatting
elements
Multimedia multimedia elements embeds multimedia 8. embeds multimedia elements in a webpage
elements in in a webpage elements in a
TLE_ICTCP9/10
● Image, webpage
-I/III-c-d-6
video, and
audio
HTML Lists HTML list types and creates list in a 9. performs adding list in a webpage
● Types attributes webpage TLE_ICTCP9/10
● Attributes -I/III-d-e-7
HTML Tables HTML table elements creates table in a 10. creates a table in a webpage
TLE_ICTCP9/10
● Elements and attributes webpage
-I/III-e-8
● Attributes
HTML Forms HTML form types, creates forms in a 11. utilizes HTML form, types, and elements in a
● Types attributes, and web page. webpage TLE_ICTCP9/10
● Elements elements -I/III-f-9
● Attributes
HTML Links HTML links creates hyperlink in 12. applies links to images, email, button, and text in a
● Attributes a webpage. webpage. TLE_ICTCP9/10
● Absolute -I/III-g-10
and relative
URL
Content
Standards Performance
Content Standards Learning Competencies Code
The learner
demonstrates an The learner… The learner…
understanding in/of…
Cascading Style Cascading Style discusses 1. discusses syntax, selectors, and types of
Sheets (CSS) Sheets Cascading Style cascading style sheets. TLE_ICTCP9/10
Sheets -II/IV-a-1
● Introduction
● Syntax
● Selectors
● Types
- Inline CSS
- Internal or
Embedded
CSS
- External
CSS
CSS Colors, CSS Colors, applies CSS Colors, 2. applies CSS Colors, backgrounds, fonts and text
backgrounds, backgrounds, fonts backgrounds, fonts into a webpage TLE_ICTCP9/10
fonts, and text. and text. & text into a -II/IV-b-2
webpage
CSS Borders, CSS borders, margins embeds CSS 3. applies CSS borders, margins and paddings
Margins and and paddings borders, margins, TLE_ICTCP9/10
Paddings and paddings -II/IV-c-3
CSS Icons, Links, CSS Icons, Links, List embeds Icons, 4. applies CSS Icons, Links, List and Tables TLE_ICTCP9/10
List and Tables and Tables Links, List and -II/IV-d-4
Tables
CSS Animations CSS animations and embeds CSS 5. applies CSS animation and transition in a
and Transitions transitions animation and webpage. TLE_ICTCP9/10
transition in a -II/IV-e-5
webpage.
CSS Box model CSS Box model creates CSS box 6. utilizes CSS box model in a webpage.
model in a webpage. TLE_ICTCP9/10
-II/IV-f-6
CSS Box shadow CSS Box shadow and applies Cascading 7. utilizes CSS box shadow and transform in a
and transform transform Style Sheets box webpage TLE_ICTCP9/10
shadow and -II/IV-g-7
transform in a (4 days)
webpage
Basic Interactive Basic Interactive Design interactive 8. creates interactive website
Website Website Development website TLE_ICTCP9/10
Development -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.
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
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.
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
Standards Performance Learning Competencies
Content Standards Code
The learner
demonstrates an The learner… The learner…
understanding in/of…
the nature of Contact discusses the basic
The Contact Center Center Industry concepts and
Industry principles in Contact
Center Industry
• The emergence of 1. discusses Contact Center Industry and its TLE_ICTCCS9/10-
the Contact Center career opportunities I/III-a-1
industry
• Career
opportunities in
Contact Center
industry
Contact Center jargons 2. discusses the jargons in contact center
industry TLE_ICTCCS9/10-
• Bio break I/III-b-2
• Ahod
• AU X (4 days)
• Floor
• Huddle
• Long Call
• Sup Call
• Etc.
3. differentiates inbound from outbound calls TLE_ICTCCS9/10-
Inbound vs -Outbound I/III-c-3
calls
Skills and attributes 5. discusses the skills and attributes needed TLE_ICTCCS9/10-
Needed for a Contact for a Contact Center Employee I/III-e-f-5
Center Employee
• Intra and
Interpersonal
Skills
• Communication
Skills
• Computer
Literacy skills
Content
Standards
Performance Learning Competencies
Content Standards Code
The learner
demonstrates an
The learner… The learner…
understanding
in/of…
Accuracy and Fluency accuracy and fluency applies accuracy and 1. applies accuracy and fluency in CCS:
in Communication in in communication fluency in communication in handling inbound and TLE_ICTCCS9/10-
handling inbound and communication in outbound calls either voice or non-voice. II/IV-a-c-1
outbound calls either handling inbound and
voice or non-voice outbound calls either
voice or non-voice
Local and international local and discusses the local 2. discusses local and international accounts CCS:
accounts catered in international and international catered in a Contact Center TLE_ICTCCS9/10-
Contact Center accounts catered in accounts catered in a II/IV-c-e-2
a Contact Center Contact Center
• Cultures
• Time zones
Procedures in Call handling different performs procedures 3. performs procedures in call handling CCS:
Handling calls in Call Handling TLE_ICTCCS9/10-
• Inquiry II/IV-e-f-3
• Concerns
• Complaints
Sales
basic call flow in performs call flow. 4. performs call flow. CCS:
Call Flow Contact Center TLE_ICTCCS9/10-
• Opening spiel II/IV-g-h-4
empathy, sympathy
and assurance
statements
• Probing questions
• Resolution
• Closing spiel
Common Metrics common Metrics in discusses common 5. discusses common metrics CCS:
Contact Center metrics TLE_ICTCCS9/10-
-Average Handling time II/IV-i-5
(AHT)
-Customer Satisfaction
(CSAT)
-Dissatisfies Customer
(DSAT)
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.
References
QUARTER I/III
Content
Standards Performance
Content Standards Learning Competencies Code
The learner
demonstrates an The learner… The learner…
understanding in/of…
Systems Servicing concepts of career discusses career business opportunities in Computer TLE_ICTCS
opportunities in and business Systems Servicing S9/10-
● Career
Opportunities Computer Systems opportunities in
I/III-a-1
● Business Servicing Computer Systems
Opportunities Servicing.
Tools and Equipment types and identifies the types 2. discusses tools and equipment in TLE_ICTCS
and functions of tools Computer S9/10-
● Types functions of tools and and equipment in
● Functions equipment in computer systems Systems Servicing I/III-a-2
computer systems servicing
servicing
Parts and Functions of concepts and principles discusses the parts 3. discusses the parts and functions of
Computer System Unit of the parts of the and functions of the the computer system unit.
computer system unit. computer system unit. TLE_ICTCS
● Motherboard S9/10-
- CPU
- BIOS I/III-b-d-3
- Slots
- Southbridge/
northbridge
- BIOS
- I/O Ports
Software types and functions of discusses the 4. discusses system software, its types, TLE_ICTCS
computer software different types of and functions S9/10-I/III-
● System Software software and its e-4
- Operating System functions
- Device Drivers
- Firmware
- Utility Software 5. discusses application software, its TLE_ICTCS
● Application Software types, and functions S9/10-I/III-
- Productivity e-5
Software
- Database Software
- Multimedia
Software
- Web Browsers
Computer Assembly procedures in setting up performs procedures 6. performs computer assembly with TLE_ICTC
computer system in setting up computer safety precautions SS9/10-
system
II/IV-f-i-6
QUARTER II/IV
Content
Performance
Standards
Content Standards Learning Competencies Code
The learner
The learner… The learner…
demonstrates an
understanding in/of…
GLOSSARY
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.
Reference
Technical Education and Skills Development Authority-Qualification Standards Office. Training Regulations for Computer Systems Servicing NC
II. Taguig City, Philippines: TESDA, 2
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
Introduction to Visual Arts current trends, skills, tools explains current 1. discusses current trends, skills, tools TLE_ICTVA
Sector and equipment, career trends, skills, tools and equipment, career and business 9/10-I/III-a-1
● Current trends in visual and business and equipment, opportunities in visual arts sector.
arts opportunities in visual arts career, and business
● Skills needed in visual sector. opportunities in visual
arts sector arts sector.
● Tools and Equipment
● Career and business
opportunities in visual
arts
Elements and Principles elements and principles draws human face by 2. draws simple figures and objects by TLE_ICTVA
of Design of design, types of applying the elements applying the elements and principles of 9/10-I/III-a-b-
illustrations, drawing and principles design. 2
enhancement techniques, of design and drawing
Drawing Enhancement proportion, expression, enhancement 3. applies drawing enhancement TLE_ICTVA
Techniques and movements as techniques. techniques. 9/10-I/III-c-d-
● Applying tonal values applied in drawing human 3
● Tonal range face.
● Linear marks
QUARTER II/IV
Animation animation, its software, produces simple 6. produces simple animation. TLE_ICTVA9/1
● Software system requirements and animation. 0-II/IV-g-i-6
○ User Interface animation techniques.
○ System Requirements
● Animation Techniques
○ Digitized Key Drawing
○ Digital In-Between
Drawing
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.
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.
-
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"
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.
K to 12 Technology and Livelihood Education Curriculum Guide Page 6 of 25
Learning Materials are uploaded at http://lrmds.deped.gov.ph.`
K to 12 BASIC EDUCATION CURRICULUM
Technology and Livelihood Education (TLE)
Grade 9/10
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.
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.