QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: EXPLORE COMPUTER PROGRAMMING

MODULE TITLE: EXPLORING COMPUTER PROGRAMMING
LEARNING
LEARNING
ASSESSMENT
CONCEPTS
OUTCOMES
CRITERIA
TECHNOLOGY

1. explain the
history of
Programming
Language

1.1History
of Explaining the
programming is history of
explained
Programming
Identifying
1.2Inventors who inventors who
introduced
introduce
programming
Programming
are identified.

LEARNING COMPETENCIES
SCIENCE

Y-1
Discuss the
scientific research
of some scientists
which Illustrate
how they solve
problems

MATH

Y-1
Illustrate the
development of
measurement
from the
primitive to the
present
international
system of units

LEARNING
ACTIVITIES

GUIDE
QUESTIONS

Technology
Create a diagram
that illustrates
the history of
computer.
Enumerate the
inventors who
introduce
Programming and
give brief
description about
their
contributions.

Technology
Why does
understanding the
history of
computer
important?

Science
Scientific
Research
Conducting
research on
different
scientists which
illustrate how
they solve
problems.

Science
Why does
systematic way of
solving problem
important?

ENG/COMM

Y-1
Present
information in
graphic and
nonlinear texts.

1|Page

Math
Group Discussion
Using cooperative
learning: Discuss
the development
of measurement
from primitive to
the present
international
system of units.

Math
Is measurement
important? Why?

English
Mapping
Present
information on
the history of
Programming
Language using
two-level tree
diagram.

English
What is the
importance of
diagram in
presenting
information?

Enumerating
Use a three a
columnar grids to
enumerate the
inventors who
introduced
programming.

2|Page

2. identify the 2.1Different

different
Programming
Programming
languages are
Languages
identified.

Identifying the
different
Programming
Languages

Y-4
Explain how radio
communication
devices (e.g.
cellular phones,
radio/TV
receivers) work

Y-1
Manifests ability
in
communicating
and translating
ideas to/from
verbal and
symbolic forms

Technology
Give examples of
Programming
Languages and
classify it
according to its
type.

Technology
What are the
different
Programming
Languages?

Science
Scientific
Investigation
Investigate how
programming
languages were
used in cellular
phone
applications such
as games, etc.

Science
How does
programming
languages helps in
creating games and
other applications
on mobile phones?

Math
Play games and
puzzle on
communicating
and translating
ideas to/from
verbal and
symbolic forms
using
programming
languages.

Math
How does
communication
skills (verbal and
symbolic forms)
help you
understand
programming
languages?

3|Page

3. design
3.1Algorithm of
Algorithm and
program that
Flowchart
displays the
sum of two
integers is
listed.

Designing
Algorithm and
Flowchart of
program that
computes and
displays sum of
two integers.

Y-1
Determine the
information
map suited to
different text
types and vice
versa.

3.2Flowchart of
program that
displays the
sum of two
integers is
designed.

4. create
simple
program

4.1Simple program
that compute
and display the
sum of two
integers are
created.

Creating simple
program that
computes and
displays sum of
two integers.

Y-3
Solve problems
involving
conversions in
length, volume,
temperature,
pressure, etc.

Y-1
Perform
fundamental
operations on
integers:
-addition
-subtraction
-multiplication
-division

Y-1
Give clear
commands,
requests and
directions to
get things done

Technology
Create Algorithm
and Flowchart of
program that
computes and
displays sum of
two integers.

Technology
How to create
Algorithm and
Flowchart of
program that
computes and
displays sum of
two integers?

English
Creating a
Flowchart
Make a Flowchart
of program that
displays the sum
of two integers.

English
What is Flowchart?
Why is a Flowchart
important in
organizing
information?

Technology
Create simple
program that
computes and
displays sum of
two integers.

Technology
How to create
simple program
that computes and
displays sum of
two integers.

Science
Conversion of
Units
Creating a simple
program used in
conversion of
units.

Science
How does a simple
program applied in
converting one unit
to another?

4|Page

Math
Play DAMATH on
signed numbers.

Math
How is the concept
of signed numbers
related/applied in
creating a simple
program?

English
Giving directions
Give directions on
creating a simple
program

English
What are the
words used in
giving directions?

5|Page

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: CREATE C PROGRAMS
MODULE TITLE:
CREATING C PROGRAMS
LEARNING
LEARNING
ASSESSMENT
CONCEPTS
OUTCOMES
CRITERIA
TECHNOLOGY
1. Write a
simple
program in C.

1.1 Simple input

and output
statements are
used.

Using simple input

and output
statement

1.2 Memory
concepts are
explained.

Explaining
memory concepts

1.3 Arithmetic in C
is performed.

Performing
arithmetic in C

1.4 Equality and

relational
operators are
utilized.

Utilizing equality
and relational
operators

LEARNING COMPETENCIES
SCIENCE

MATH

ENG/COMM

Y-2
Demonstrate
knowledge and
skill in simplifying
and performing
operations on
rational algebraic
expressions

Y-2
Use appropriate
modes of
development to
express ones
ideas, needs,
feelings and
assistance.

LEARNING
ACTIVITIES
Technology
Create a program.
Create a program
that will compute
for the gross pay
using the given rate
and days worked.
Math
Problem Solving
Solve problems on
rational algebraic
expressions in
relation to creating
C programs.
English
Creating a
magazine
Create a magazine
of the procedure on
writing a sample
program in C.

GUIDE
QUESTIONS
Technology
What are the parts
of a C program?
Math
Are your knowledge
and skills in creating
C programs helped
you simplifying and
performing
operations on
rational algebraic
expressions?
English
What guidelines
should be followed
in creating a
magazine?

1|Page

2. Perform
basic problemsolving
techniques

2.1 Algorithms
used.
2.2 Pseudocode is
used.

are Using algorithms

Using pseudocode

Y-3
Solve problems
involving
conversions in
length, volume,
temperature,
pressure, etc.
Note: Applicable
to LO 3-4

Y-2
Solve problems
involving
arithmetic
sequences

Note: Applicable
to LO 3-4

Y-2
Use
communication
strategies (e.g.
paraphrase,
translations, and
circumlocution to
repair
breakdown in
communication.

Technology
Create a program.
Create a program
that will compute
the payment dues
using the given
course fee,
registration fee and
misc fee and
display the output.
Science
Conversion of Unit
Perform
calculations/conver
sion of units using
the C Program
Math
Solve problems in
arithmetic and
geometric
sequences using
C programs.

Technology
Why is it necessary
to identify the
sequence of
instructions to be
performed?
Math & Science
How algorithms are
used in the C
program in
sequencing and
converting one unit
to another?
English
Why do learners
need to follow the
procedure in an
activity?

English
Demonstrating the
procedure
Demonstrate the
procedure of
performing basic
problem solving
techniques.

2|Page

3. Use
selections
structures.

4. Use
repetition
structures

3.1 Controls
structures are
used.

Using control
structures

3.2 Choosing among

alternative
courses of action
is performed.

Performing
choosing among
alternative
courses of action

3.3 Specifying an
action is to be
repeated.

Repeating a
specified action

4.1 Countercontrolled
repetition is
used.

Using countercontrolled
repetition

4.2 Sentinelcontrolled
repetition is
used.

Using sentinelcontrolled
repetition

4.3 Nested control

structures are
utilized.

Utilizing nested
control structures

Y2
Distinguish as
positions values
of humility,
resourcefulness,
self-reliance, and
the ability to look
into oneself, and
accept ones
strengths and
values.

Technology
Create a program.
Create a program
that will compute
the total price using
the given quantity
and unit cost
display the output.

Y-2
Distinguish as
positions values
of humility,
resourcefulness,
self-reliance, and
the ability to look
into oneself, and
accept ones
strengths and
values.

Technology
Create a program.
Create a program
that will input a
name, ID number,
department code
and rate.
Determine
department and
number of units.
Compute the total
payable using the
tuition fee and misc
display the output.

English
Composing a ballad
Compose a love
song on the
procedure of using
selections
structures.

Technology
How do we decide in
selecting an action
from a set of
alternatives?
English
How do we
appreciate a
composition with the
procedure as lyrics?

Technology
How do we shorten
program lines using
repetition
structures?

English
What guidelines
should be followed
in composing a
poem?

English
Composing a poem
Compose a love

3|Page

poem on the steps

in using repetition
structures.
5. Utilizes
assignment and
unary
operators

5.1 Assignment
operators are
used.

Using assignment
operators

5.2 Increment and

decrement
operators are
utilized.

Utilizing
increment and
decrement
operators

Y-2
Use
communication
strategies (e.g.
paraphrase,
translations, and
circumlocution to
repair
breakdown in
communication.

Technology
Create a program.
Create a program
that will input a
name, item code,
quantity purchased.
Determine item
and unit price.
Compute the total
bill.
English
Demonstrating the
procedure
Demonstrate the
procedure of
utilizing assignment
and unary.

4|Page

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: UTILIZE C PROGRAM CONTROL AND FUNCTIONS
MODULE TITLE:
UTILIZING C PROGRAM CONTROL AND FUNCTIONS
LEARNING
LEARNING
ASSESSMENT
CONCEPTS
OUTCOMES
CRITERIA
TECHNOLOGY
SCIENCE
1. Handle
decisionmaking.

1.5 Multipleselection
statement is
used.

Using multipleselection
statement

1.6 Loopcontinuation
condition is
tested after the
loop body is
performed.

Testing loopcontinuation
condition after
the loop body is
performed

1.7 Flow of control

is altered.

Altered the flow

of control

LEARNING COMPETENCIES

Y-2
Discuss the
importance of
scientific values in
decision making
and problem
solving in daily lives
Note: Applicable to
LO 2

MATH

ENG/COMM

Y-2
Given the systems
of linear equation
in two variables,
find the solution
by elimination or
substitution

Y-2
Use
communication
strategies (e.g.
paraphrase,
translations, and
circumlocution to
repair
breakdown in
communication

LEARNING
ACTIVITIES
Technology
Create a program.
Create a program
that will input a
name, area code,
classification code,
and total sales.
Determine area and
classification.
Compute the
commission and
receivable. Display
the output.
Science
Scientific Decision
Making
Problem solving
involving scientific
decision making
Math
Oral Presentation
Using cooperative
learning as
strategy, solve

GUIDE
QUESTIONS
Technology
Why alteration of
program flow is
necessary?
Science
How does decision
making in a program
is related to
systematic way of
solving problems?
Math
How are your
knowledge and skills
on decision making
guide you in solving
systems of
equations?
English
What
communication
strategies could be
utilized in
demonstrating the

5|Page

systems of
equations and
justify their answer
orally based on the
method used.

procedure?

English
Demonstrating the
procedure
Demonstrate the
procedure of
handling decisionmaking.

2. Determine
logical and
confusing
operators.

2.3 Logical operators

are used.

Using logical
operators.

2.4 Confusing
equality and
assignment
operators are
clarified.

Using pseudocode

Y-2
Represent the
solution set of a
system of linear
inequalities by
graphing

Y-2
Use
communication
strategies (e.g.
paraphrase,
translations, and
repairs
circumlocution
breakdown
communication.

Technology
Create a program.
Create a program
that will input a
trainer name,
session code,
subject code and
number of
students.
Determine session,
subject and fee.
Compute the
incentive. Display
the output.

Technology
When do logical
operation is used?
Math
What is the
significance of
solving inequalities
using computers?
English
What elements of
drama are adopted
in the stimulation?

Math
Problem Solving
Solve problems
involving
inequalities in

6|Page

relation to
confusing equality
and assignment
operators.
English
Role playing
Role play the
procedure in
determining logical
and operators.
3. Construct
programs
modularly.

3.4 Program is
modularized.

Modularizing a
program

3.5 Common
Mathematical
calculation is
performed.

Performing
common
Mathematical
calculation

3.6 Functions are

defined

Defining functions

3.7 Function
prototype is
identified.

Identifying
function
prototype

Y-1
Compare data to
look for patterns
and trends

Y-2
Communicate
thoughts,
feelings, and
ones needs in a
novella using
appropriate
styles (formal
and informal).

Technology
Create a program.
Create a program
that will input a
employee name,
department code,
month code and
monthly income.
Determine
department and
month of release.
Compute the
bonus. Display the
output.
Science
Using graphs and
tables in a program
to compare data

Technology
Why is it important
to divide programs
into sections?
Science
How does common
mathematical
calculation, countercontrolled repetition
and assignment
operators are used in
the program?
English
What guidelines
should be followed
in crating a novella?

7|Page

English
Creating a novella
Create a novella
with the procedure
of constructing
programs
modularly.
4. Applied
mechanisms
used to pass
information
between
functions.

4.4 Headers are

utilized according
to purpose.

Utilizing headers
according to
purpose

4.5 Calling functions

is performed

Performing calling
functions

4.6 Storage classes

are identified

Identifying
storage classes

Y-2
Use
communication
strategies (e.g.
paraphrase,
translations, and
circumlocution to
repair
breakdown in
communication.

Technology
Create a program.
Create a program
that will input a
guest name,
accommodation
code, room number
and days stay.
Determine
accommodation
and room rate.
Compute the
service fee. Display
the output.

Technology
Why do functions
pass information to
other functions
interchangeably?
English
What
communication
strategies could be
utilized in
demonstrating the
procedure?

English
Demonstrating the
procedure
Demonstrate the
procedure of
handling decisionmaking.

8|Page

5. Write and
use
functions
that call
themselves.

5.3 Identifiers are

referenced.

Referencing
identifiers

5.4 Recursive
function is used.

Using recursive
function

5.3 Difference of
recursion and
iteration is
determined.

Determining
difference of
recursion and
iteration

Y-2
Determined the
persons
addressed in an
information task,
the objective of
the speakers and
his attitude on
the issues.

Technology
Create a program.
Create a program
that will input a
subscriber name,
meter number,
service code and
previous/present
reading. Determine
service type.
Compute the
consumption and
bill. Display the
output.

English
What are the
guidelines to be
considered in
interviewing a
resource speaker?

English
Interviewing a
resource speaker.
Invite a software
engineer and let
him shows his
expertise on how to
utilize assignment
and unary

9|Page

operations.

10 | P a g e

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: USE COMPOUND DATA TYPES
MODULE TITLE:
USING COMPOUND DATA TYPES
LEARNING
LEARNING
ASSESSMENT
CONCEPTS
OUTCOMES
CRITERIA
TECHNOLOGY
1. Create
program that
uses Arrays

1.1 Program that uses

arrays is created.
1.2 Program that uses
array to call
function is
created.
1.3 Program with
multiple arrays is
created.
1.4 Program that
uses arrays is
manipulated.

Creating program
that uses Arrays.

LEARNING COMPETENCIES
SCIENCE
Y-2
Differentiate
mitosis from
meiosis

MATH
Y-2
Demonstrate
knowledge and
skill related to
geometric
sequence and
apply these in
solving problems

ENG/COMM
Y-2
Use a variety of
cohesive devices
to make the flow
of thought from
one sentence to
another smooth
and effortless

LEARNING
ACTIVITIES

GUIDE
QUESTIONS

Technology
Create a program
Create a program
that uses Arrays.

Technology
When to use Arrays
in creating a
program?

Science
Group
Presentation
Create class
presentation
differentiating
mitosis from
meiosis using
arrays

Science
What is the
significance of using
arrays in a program?

Math
Group
Presentation
Run a program that
will display terms in
arithmetic and

Math
What is the
significant of
declaring the
number of arrays in
producing sequence?
English
What are the
similarities of arrays
and cohesive

11 | P a g e

geometric
sequences using
multiple arrays.

markers?

English
Writing Activity
Arrange the given
sentences using
cohesive markers
to form the correct
procedure in using
the arrays
2. Create
program that
uses Pointers

2.1 Program that uses

pointer and
pointer operator
is created.

Creating program
that uses Pointers.

2.2 Program that uses

pointer operator
to call a function
is created.

3. Create
3.1 Program that
program that
validates the
uses Characters
input character is
and Strings
created.
3.2 Program that
counts the

Creating program
that uses
Characters and
Strings.

Y-2
Demonstrate
knowledge of
variation
relationships and
apply these in
solving problems

San rapidly for

sequences
signals or
connectors as
basis for
determining the
rhetorical
organization of
text

Technology
Create a program
Create a program
that uses Pointers.

Technology
How to use Pointers
in creating a
program?

English
Scanning
List down all the
sequential
connectors using
the pointer
operator

English
How is pointer
operator similar to
scanning?

Interpret textual
relationships
using non-linear
forms and
graphics.

Technology
Create program
that uses
Characters and
Strings.

Technology
Create program that
uses Characters and
Strings.

Math

Math
What are the

12 | P a g e

number of strings
entered is
created.

3.3 Program that

combine two
inputs into one is
created

Group
Presentation
Run a program that
will display
variation
relationships using
character and
strings.
English
Illustrating
Classify the given
words as character
or string.

importances of using
electronic devices in
demonstrating
knowledge of
variation
relationship?

English
What is the
difference between
character and string?

13 | P a g e

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: PERFORM C FILE HANDLING
MODULE TITLE:
PERFORMING C FILE HANDLING
LEARNING
LEARNING
ASSESSMENT
CONCEPTS
OUTCOMES
CRITERIA
TECHNOLOGY
1. Create C
formatted
input/output

1.1 Input and output

streams are
understand.

Understanding
input and output
streams

1.2 All print

formatting
capabilities are
used according to
the requirement
of the program.

Using print
formatting
capabilities

LEARNING COMPETENCIES
SCIENCE
Y-3
Recognize the
importance of
significant figures
in scientific
calculations
Note: Applicable to
LO 2-3

1.3 All input

formatting
capabilities are
used according to
the program.

Using input
formatting
capabilities

1.4 Formatting flags

in the print
format control

Using formatting
flags in the print
format control

MATH
Y-4:
Convert from
degree to radian
and vice versa.
Note: Applicable
to LO 2&3

ENG/COMM
Y-4
Transcode
information from
linear text and
vice versa.

LEARNING
ACTIVITIES
Technology
Create a program
performing C file
handling
Science
Group
Presentation
Applying input
formatting and
print control in a
simple C program
about the
importance of
significant figures in
scientific
calculations
Math
Group Activity

GUIDE
QUESTIONS
Technology
How to perform C
file handling?
Science
What is the
significance of print
format control is
important?
Math
What are the
advantages and
disadvantages of
converting radian to
degree or vice versa
using electronic
devices?

14 | P a g e

string are used as

prerequisite of
the program.

1.5 Literals and

escape
sequences are
yield in according
to the program.

string

Create group of
syntaxes that will
accept angles in
degree or radian,
and it will convert
one form to
another form and
will generate a
report form based
from the
conversion.

Generating literals
and escape
sequences

English
What is a flow chart?
How is a flowchart
used?

Note: Applicable to
LO 2&3
English
Drawing a
completely labeled
flowchart
Make a flowchart
on how to use the
input and output
streams
2. Create C
structures,
unions and
enumerations.

2.1 Structures, unions

and
enumerations are
created and
used.

Creating
structures, unions,
and enumerations

2.2 Structures to
functions by
value and by
reference are
passed

Passing structures
by functions, by
values and by
reference

Y-2
Use stress
intonation, and
juncture to signal
changes in
meaning

English
Deliver a short
informative talk on
C file processing

English
What is the
importance of stress,
intonation, and
juncture in delivering
a speech?

15 | P a g e

3. Perform C
file handling

2.3 Data with bitwise

operators are
manipulated
accordingly.

Manipulating data
with bitwise

2.4 Bit fields for

storing data
compactly are
created.

Creating bit fields

for storing data

3.1 C files are

created, read,
write and
updated.

Creating, reading,
writing and
updating C files

3.2 Sequential access

file processing is
familiarized.

Understanding
sequential access
file processing

3.3 Random-access
file processing is
familiarized.

Understanding
random-access file
processing

16 | P a g e

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: CREATE WEBPAGE USING HTML (HYPERTEXT MARKUP LANGUAGE)
MODULE TITLE: CREATING WEBPAGE USING HTML (HYPERTEXT MARKUP LANGUAGE)

LEARNING
OUTCOMES

ASSESSMENT
CRITERIA

LEARNING
CONCEPTS
TECHNOLOGY

1. Create and
Save Basic
Structure of
HTML code.

1.1 A simple
webpage is
created using
basic HTML
tags.

Understanding
webpage creation
using HTML

1.2 Basic
structure of
HTML syntax
is applied and
explained.

Understanding the
basic structure of
HTML syntaxes

1.3 HTML
documents
are saved on
the given
directory,
folder and
disk.

Saving HTML
documents

LEARNING COMPETENCIES
SCIENCE
Y-3
Explain the safety
precautions to be
observed in a chemistry
laboratory

MATH
Y-1
Manifests ability in
communicating and
translating ideas
to/from verbal and
symbolic forms

LEARNING
ACTIVITIES

GUIDE
QUESTIONS

ENG/COMM
Observe correct
format in
bibliography entries

Technology
Create a simple
webpage of the
school showing all
the basic structure
of HTML code.

Technology
How to create a
webpage using
the basic
structure of
HTML tags?

Science
Safety precautions
Creating a simple
webpage showing
the different safety
precautions in the
chemistry lab

Science
How does an
html tag was
utilized in the
webpage?

Math
Group Activity
Play games and
puzzle on
communicating and
translating ideas
to/from verbal and
symbolic forms
involving simple
webpage.

Math
How do
communication
skills (verbal and
symbolic forms)
help you
understand
simple webpage?

1|Page

2. Format Text
and Paragraph.

2.1 Text settings

are changed
according to
the
requirement
of the
webpage.
2.2 Paragraph tag
is used in
accordance to
the
requirements
of the
webpage.

Formatting text of
HTML document

Formatting
paragraph of HTML
document

Using break tag

2.3 Used the break

tag in the html
document.
3. Insert
horizontal rule

3.1 Horizontal rule

tag is inserted
according to
the
requirements.

Inserting horizontal
rule

Write letters of
application (job and
/or admission to
university and the
accompanying
documents).

English
Create a web page
Make a bibliography
as a web page
following the
correct format.

English
What is the
importance of
following a
correct format?

Technology
Copy an article from
a magazine
imitating all the
formats of texts and
paragraph

Technology
How to change
the format of
text and
paragraph in
HTML
documents?

English
Writing Activity
Write an application
letter following the
format of a business
letter and the
mechanics of
writing a business
letter using a
computer.

English
Why is a format
important?

Technology
Create horizontal
rules with different
weight

Technology
How to create
horizontal rule

2|Page

of the
webpage.

3|Page

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: DESIGN AND DEVELOPE USING HTML (HYPERTEXT MARKUP LANGUAGE)
MODULE TITLE: DESIGNING AND DEVELOPING USING HTML (HYPERTEXT MARKUP LANGUAGE)

LEARNING
OUTCOMES

ASSESSMENT
CRITERIA

LEARNING
CONCEPTS
TECHNOLOGY

4. Format CSS

(Cascading Style
Sheet) Style

1. 1 External
styles sheet in
the HTML
document are
inserted in
accordance
with the given
webpage
design.
1.1Internal styles
sheet in the
HTML
document are
inserted in
accordance
with the given
webpage
design.

Inserting external
styles sheet

Adding internal
styles sheet

Appending inline
styles

LEARNING COMPETENCIES
SCIENCE

MATH

Y-3
Differentiate
between elements
and compound in
an operational
manner

Y-3
Solve problems
involving plane and
solid figures

LEARNING
ACTIVITIES

GUIDE
QUESTIONS

ENG/COMM
Technology
Create 5 webpages
using the various
types of CSS

Math
Solve problems on
plane and solid
figures. Create a
simple webpage
inserting CSS style to
change its
background.

Science
Elements &
compounds
Creating a webpage

Technology
How to
create
external
styles
sheet,
internal
styles sheet
and inline
sheet?
Math/Science
What is the
significance
of using CSS
Code in the
website
presented?
4|Page

1.2Inline styles in
the HTML
document are
inserted in
accordance
with the given
webpage
design.

Using style tag

applying the CSS

code to change its
background

1.3 Style tags are

used in a given
webpage.
2. Insert Images 2.1 Images in the

webpage are
inserted using
images tag in
the webpage
in accordance
with the
requirements.
2.2Image using alt
attribute are
inserted in the
webpage in
accordance
with the
requirements.

Inserting images

Adding images using

alt attribute

Y-3
Describe three
types of mixtures

Y-3
Demonstrate
knowledge and
skills related to
undefined terms,
angles, polygons
and circle

Appreciate the use

of imagery and
poetic devices (e.g.
figurative language,
rhyme, etc.) for
unity and coherence

Technology
Create a webpage
and insert with
pictures of the
members of your
family

Technology
How to
create a
webpage
with added
pictures?

Science
Types of mixtures
Present webpage
illustrating the types
of mixtures using
images tags

Science
Why do we
need to use
images tag in
building a
webpage?

Math
Solve problems
involving angles,

Math
Explain the
importance
5|Page

3. Create

List

3.1Unordered list
tag is created
according to
requirements.
3.2Ordered list tag
is created
according to
requirements.
3.3Definition list
tag is created
according to
requirements.

Creating unordered
list

Creating ordered list

Creating definition
list

Single out the

devices employed
fiction and nonfiction words used
by the author for
intellectual,
emotional and
aesthetic
purposes.

polygons and circles

in relation to simple
webpage.

of angles,
polygons and
other
geometric
figure in
relation to
simple
webpage.

English
Creating
images/pictures
Use images tag that
can best illustrate or
represent the
imagery and poetic
device in the poem.

English
What is the
importance
of imagery
and poetic
device in the
poem?

Technology
Create a menu of
your favorite dish on
a webpage

Technology
How to
create,
unordered,
ordered and
define list?

English
Writing activity
Answer the following
questions apply the
three list tags.
1. What is
flashback?

English
What is the
importance
of list tags in
enumeration
and
definition?
6|Page

4. Insert

Forms

5. Add links

4.1 Form tag

according to
requirements
is created.

2. What is
foreshadowing
3. What are the
figure of speech
used in the story
4. What are the
figure of speech
used in the story
according to their
logical order?
Technology
Create a form
depicting your
personal information
using text fields,
radio buttons, check
boxes and action
forms.

Inserting form

Using text fields,

radio buttons, check
boxes and forms
action

4.2 Text fields,

radio buttons,
checkboxes
and forms
action
attribute are
used input
tags according
to
requirements
of the
webpage.
Linking objects to
5.1Links to pages
pages on the web
on the web in
accordance to
the
requirements

Y-3Explain the
properties and
behavior of gases
based on Kinetic
Molecular Theory

Y-3
Manifest ability to
solve practical
problems involving
types of

Produce a unified
text using
cohesive devices
to achieve
coherence and

Technology
Research from the
internet topics
regarding the parts
of the computer and

Technology
How to
create forms
with text
fields, radio
buttons,
check boxes
and action
buttons?

Technology
How to link
objects to
pages on the
web, within
7|Page

are added.
5.2Links within the
website in
accordance to
the
requirements
are added.
5.3Links within the
specific point
in a page are
added.

Linking objects
within the website

Linking objects
within the specific
point in a page

quadrilaterals and
their properties
and the condition
that guarantee that
a quadrilateral is a
parallelogram

clarity in thought

create a webpage
linking an object to
the same page and
to page of the net.

the website,
within the
specific point
in a page?

Science
Behavior of gases
Create a simple
website about the
Kinetic Molecular
Theory and add links
related to the site
created.

Math/Science
Why do links
important in
a webpage?

Math
Create a simple
website about
quadrilaterals and
their properties and
the condition that
guarantee that a
quadrilateral is a
parallelogram
and add links related
to the site created.
English
Arranging the ideas
Connect the given
sentences on how to
add links in a web
page to achieve

English
Why are
cohesive
markers
important to
achieve
coherence
and clarity of
8|Page

6. Insert tables.

6.1Tables are
inserted in
accordance to
the
requirements
of the
webpage.
6.2Tables with
borders are
added to the
requirement s
of the
webpage.
6.3Headings in a
table are
added to the
condition of
webpage.

Inserting tables

Adding tables with

borders

Adding table with

headings

Y-3
State the
arrangement of
elements in the
periodic table

Y-1
Construct table of
values for x and y
given a linear
equation in two
variables,
Ax + By = C

Fill out forms in

line with business
promotions

clarity and
coherence.
Technology
Create a webpage
containing a table of
content of your
science and
technology book.
Science
Periodic Table of
Elements
Present the
systematic
arrangement of
elements in the
periodic table in a
webpage.
Math
Complete the table
of values given x and
solving for y in
relation to the
requirements of the
webpage.
English
Filling out forms
Create a web page
on the different
business forms that

thought?
Technology
How to
create tables
with borders
and
headings?

Science
What is the
significance
of using
tables in a
webpage?
Math
What is the
importance
of using
tables in
relation with
the
requirements
of the
webpage?
English
Why is it
important to
fill out forms
9|Page

7. Create

Frames

7.1 Vertical
frameset are
created
according to
the
requirements
of the
webpage.

Adding vertical
frameset

Adding horizontal
frameset

7.2 Horizontal
frameset are
created
according to
the
Creating no frames
requirements
of he webpage.
7.3 No frames
tag used in the
webpage.

Arrive at the
meaning of words
through word
analysis

you have
accomplished.
Technology
Create a webpage
containing frames
regarding your
personal information
i.e. age, address
favorites and the like
English
Deriving meaning
Show the three parts
of a word such as
suffix, prefix, and
root word by
creating the
appropriate frames.

correctly?
Technology
How to
create
vertical,
horizontal
and
navigation
frames?
English
How does word
analysis help in
getting the
meaning of a
word?

Creating navigation
frames

7.4 Navigations
frames are
created in the
webpage.

10 | P a g e

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: DESIGN WEB PAGE USING MICROSOFT FRONTPAGE
MODULE TITLE:
DESIGNING WEB PAGE USING MICROSOFT FRONTPAGE

LEARNING
OUTCOMES

ASSESSMENT
CRITERIA

1. Create a
web page and
web site

1.1 Parts of FrontPage

window are
identified.
1.2 Simple web site is
created.
1.3 Text content is
added in the web
site.
1.4 Web Site is saved
in the required
folder.
1.5 Web Site is viewed
in the Web
Browser.

LEARNING
CONCEPTS

LEARNING COMPETENCIES

TECHNOLOGY

SCIENCE

MATH

Identifying the
parts of
FrontPage
window
Creating simple
web site with
three web pages
Saving and
viewing website

Y-3
Illustrate the of
formation of
ionic, covalent
and metabolic
bonds

Y-3
Apply
deductive skills
to show
congruence
between
triangles

Note: Applicable
to LO 1-10

Note:
Applicable to
LO 1-10

LEARNING
ACTIVITIES

GUIDE
QUESTIONS

Technology
Label the parts of
FrontPage window.
Create, save and view
simple web site with three
web pages.

Technology
What are the parts of
FrontPage window?
How to create, save
and view web site and
web page?

Science
Chemical Bonding
Prepare a simple published
website showing bonding
of atoms using the
Microsoft FrontPage
application

Math &Science
Why is it essential to
use the Microsoft
FrontPage instead of
other software
application in building
a website?

ENG/COMM
Write texts
with overall
text structure

Math
Prepare a simple published
website showing
congruence between
triangles using the
Microsoft FrontPage
application.

11 | P a g e

2. Work with
text

2.1 Font style, size and

color are changed
according to job
requirements.
2.2 Paragraph is
aligned according
to required
format.

Technology
Changing the
format of text
style, size, color
and alignment

Use non-linear
flowchart to
describe a
process

Creating bulleted
and numbered
list

2.3 Bulleted and

numbered list are
created.

3. Work with
images

3.1 Image is inserted

in the web page
according to given
procedure.
3.2 Image is resized
and cropped as
required.

Technology
Inserting and
editing images
properties
according to
given procedures
and
requirements

Paraphrase,
explain or
illustrate by
drawing a line
of a poem

English
Writing an advertising
Write two advertisements
and design a web page for
each advertisement

English
What is the
importance of
publishing your work
in your web page and
web site?

Technology
Change the format of text
style, size, color and
alignment according to job
requirement.

Technology
How to change the
format of text style,
size, color and
alignment?

Create bulleted and

numbered list.

How to create bulleted

and numbered list?

English
Describing the process
Write the correct
procedure on solar
cooking using the
flowchart. Use your own
choice font style, color and
size.

English
How do font style, size
and color help in
describing a process?

Technology
Insert and edit image
properties according to
given procedures and
requirements

Technology
How to insert image?

English
How do font style, size and
color help in describing a

English
How do pictures or
images convey idea?

How to change the

properties of image?

12 | P a g e

3.3 Image is copied

and pasted from
Internet and other
applications.

process?

3.4 Desired border to

an image is added.
3.5 Image as web page
background is
created.
3.6 Alternate text is
viewed in the
absence of the
picture.
3.7 Image is aligned
with the text
according to
specified format.
4. Add links.

4.1 Link is created

within the web
page.
4.2 Image link to other
web page within a
web site is
created.
4.3 A text is used to
create link with
other web sites in
the net.

Technology
Adding different
kinds of links in a
web page

Produce a
unified text by
using cohesive
devices to
enhance clarity
of idea.

Technology
Technology
Add link to other web page How to add link to
within a web site.
other web page within
a web site?
Add link to other web site.
How to add link to
Add link to a section
other web site?
within the web page.
How to add link to a
Add link to an email
section within the web
address.
page?
How to add link to an

13 | P a g e

email address?
4.4 A link to his/her
email address is
created.

5. Work with
table.

5.1 Table inside the

web page is
inserted.
5.2 Rows and columns
are added and
deleted.
5.3 Row height and
Column width are
set according to
requirements.
5.4 Cells are merged
and split according
to job
requirements.
5.5 Cell spacing and
padding are set
based on the given
format.
5.6 Texts are aligned
inside the table

Technology
Inserting Table in
a web page
Adding and
deleting rows
and column
Changing Table
and cell
properties
Inserting image
inside the table

Interpret and
transcode
information
from linear to
non-linear

English
Writing activity
Connect the given
sentences using the
cohesive devices to
achieve coherence and
unity of thoughts.

English
Why cohesive markers
important?

Technology
Insert table according to
requirements.

Technology
How to insert table?

Add and delete rows and

column.
Change the Table and Cell
properties according to
requirements.

How to add and delete

rows and columns?
How to change table
and cell properties?
How to insert image
inside the table?

Insert image inside the

table.
English
Classifying
Make a table consisting of
five columns. Label these
columns with the five
senses. List down all the
imagery from the reading
text and write the imagery
under the column of its
kind.

English
How do graphic
representations like
table or chart help
present information?

14 | P a g e

based on the
requirements.
5.7 Tables border and
background are set
based on the given
format.
5.8 Image within a cell
is inserted.

15 | P a g e

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: MANAGE AND BUILD WEBPAGE USING MICROSOFT FRONTPAGE
MODULE TITLE:
MANAGING AND BUILDING WEBPAGE USING MICROSOFT FRONTPAGE

LEARNING
OUTCOMES

ASSESSMENT
CRITERIA

LEARNING
CONCEPTS
TECHNOLOGY

6. Create
frame and
frameset.

6.1 Frameset is created

according to
requirements.

Creating frames
and frameset
Saving frameset

6.2 Frame properties

are set based on
job requirements.
6.3 Frameset is saved
in the required
folder.
6.4 Target for Frames
are defined
according to
requirements.
6.5 Inline Frame is
created in the
desired frame.

Defining frame
target location
Creating inline
frames

LEARNING COMPETENCIES
SCIENCE
Y-3
Explain the
properties and
behavior of
gases based on
Kinetic
Molecular
Theory

MATH

ENG/COMM

Y-3
Identify,
illustrate and
name the
different kinds
of
quadrilaterals

Determine the
information
map suited to
contrastive
argumentative
text

LEARNING
ACTIVITIES

GUIDE
QUESTIONS

Technology
Create frames and
frameset.

Technology
How to create frame
and frameset?

Save frameset in given

folder.

What are the steps in

saving frameset?

Define the frame target

location.

What are the steps in

defining the target
location of a frame?

Create inline frames

Science
Webpage Presentation
Presenting a webpage on
the properties of gases
based on KMT using frame
and frameset of MS
FrontPage

Science
Are frame and
frameset a useful tool
in presenting a
webpage on the
properties of gases
based on KMT? How
are those frames
utilized?

Math
Solve problems involving
quadrilaterals in relation
with managing and

Math
16 | P a g e
How are your
knowledge and skills
on quadrilaterals guide

7. Apply
cascading style
sheet.

7.1 Inline, Embedded

and External style
using the required
formats are
created.

Creating Inline,
Embedded and
External
cascading style
sheet

7.2 External style sheet

is saved in a
defined folder.

Y-3
Determine the
number of
protons,
number of
neutrons and
number of
electrons in an
atom/ion

7.3 Inline, Embedded

and External Styles
are applied in a
specific web page.
8. Add
dynamic
elements.

8.1 Interactive button

in a web page is
Inserted
8.2 Behavior of an
object is set based
on the job
requirements.
8.3 Drop-down menu

Adding Dynamic
elements

Y-3
Describe the
reactivity of the
atom in terms of
its valence
electrons?

Demonstrate
imagination in
writing
different text
types:
Narratives in
description and
definition

building webpage.

you in creating frame

and frameset?

English
Using graphic
representation show the
similarities and
differences between arts
and human using grid

English
What is the
importance of frame
and frameset in a web
page?

Technology
Create Inline, Embedded
and External cascading
style sheet.

Technology
How to create Inline,
Embedded and
External cascading
style sheet?

Science
Webpage Presentation
Present a webpage on
number of protons,
neutrons, and electrons
showing design made by
applying CSS Code.

Science
Why do CSS Codes
important in the
webpage presented?

Technology
Add Interactive buttons
and set each behavior
according to
requirements.

Technology
How to insert
Interactive buttons?

Science
Reactivity of Atoms

Science
How interactive

What are the steps in

setting the behavior of
Interactive button?

17 | P a g e

in the web page is

created.

9. Apply
themes, link
bars and
templates.

9.1 Theme in a Web

Site is applied.

Applying theme
in web site

9.2 A Link bar with

specified link
based on
requirements is
inserted.

Adding Link bars,

Page banners
and Shared
borders

9.3 Page banner in a

Web Site is added.
9.4 Shared Border in a
Web Site is used.
9.5 Web page template
are designed and
created.

Creating Page
template

Y-3
Identify
different types
of solutions

Determine the
information
map suited to
informative
classification of
texts,
informative
process texts
and contrastive
argumentative
texts.

Create a webpage
describing the reactivity of
the atom in terms of its
valence electrons applying
dropdown menus and
interactive button.

buttons and dropdown

menu helps in
webpage
presentation?

English
Writing activity
Create a web page of your
personal written output
which is narrative using
description. Highlight your
work using dynamic
element.

English
How does dynamic
element enhance a
particular web page?

Technology
Apply theme in a web site.

Technology
How to apply theme in
a web site?

Add Link bars, Page

banners, and Shared
borders according to
requirements

How to add Link bars,

Page banners and
Shared borders in web
site?

Create a page template.

How to create a page
template?
Science
Types of Solutions
Applying themes, link
bars, and templates in
presenting the different
types of solutions.

Science
How do themes, link
bars and templates
helps in making the
site created
interactive?

18 | P a g e

10. Publish
website.

10.1 Web site is

uploaded using
desired web
hosting site.

Publishing your
web site

Y-3
Separate the
components of
a mixture

Y-3
Demonstrate
knowledge and
skills related to
circles, arcs
and angles,
tangent lines
and tangent
circles, and
angles formed
by tangent and
secant lines

Integrate the
message of the
poem with the
situation in the
world outside.

English
Describing a process
Create a flow chart of the
steps on how themes, link
bars and templates are
applied.
Technology
Publish your web site.

English
How does a flowchart
help present a
procedure or process
clearly?

Science
Website Publishing
Creating a website on the
ways of separating the
components of a mixture
and publishing it on the
web.

Science
Cite some significance
of website publishing.

Math
Solve problems involving
circles and create a simple
website demonstrating
knowledge and skills
related to circles, arcs and
angles, tangent lines and
tangent circles, and angles
formed by tangent and
secant lines and upload
using desired web hosting
site.

Math
Why is there a need to
solve problems on
circles before creating
and uploading a simple
website?

English
Composing a poem

English
What are the

Technology
What are the steps in
publishing your web
site?

19 | P a g e

The students are asked to

make a web page, the
poem composition
entitled The Power of
Prayer to be published in
the website.

advantages of
publishing a web site?

20 | P a g e

QUALIFICATION TITLE:
UNIT OF COMPETENCY:
MODULE TITLE:
LEARNING
OUTCOMES
1. Describe the

background
and importance
of
programming
and early
programming
languages.

COMPUTER PROGRAMMING
CREATE VISUAL BASIC PROGRAMS
CREATING VISUAL BASIC PROGRAMS
LEARNING
ASSESSMENT
CONCEPTS
CRITERIA
TECHNOLOGY

1.1 Reasons for

creating
programs is
understood.

Understanding
reasons for
creating programs

LEARNING COMPETENCIES
SCIENCE

MATH

Y-4
Demonstrate total
internal reflection,
diffraction,
interference, and
polarization
properties.

Y-1
Manifests ability
in communicating
and translating
ideas to/from
verbal and
symbolic forms

ENG/COMM
Y-4
Determine the
content and
functions of
statements in
lecture.
Y-4
Use
accompanying
non-verbal cues
to highlight
significant points
in extended
discourse.

1.2 Brief history of

programming is
familiarized

Familiarizing the
brief history of
programming

Y-4
Ask and respond
to questions
raised in
different
situations (e.g.
open forums)

LEARNING
ACTIVITIES

GUIDE
QUESTIONS

Technology
Technology
Identification of
Why create
parts of a program. computer programs?
Identify the parts of
a program and
Math
determine its
Do your knowledge
purpose.
and skills in
communicating and
Science
translating ideas
Audio-Visual
to/from verbal and
Presentation
symbolic forms
helped you create
Math
visual basic
Play games and
programs?
puzzle on
communicating and English
translating ideas
What guidelines
to/from verbal and should be considered
symbolic forms
in presenting a
involving concepts
lecture?
in Visual Basic
programming.
English
What is the
importance of using
timeline?

1|Page

1.3 Steps in
creating a
program are
identified.

Identifying steps
in creating a
program
Resolving program
errors

Y4
Speak clearly and
spontaneously
adapting ones
speech to
situations
circumstances
and people
addressed.

1.4 Programs errors

are resolved.

Knowing the
difference
between syntax
and logic errors.

Y-4
Write a short
paragraph about
an experiment
performed in
class.

1.5 Difference
between syntax
and logic errors
are known.
1.6 Transition from
Basic to Visual
Basic is
understood.

Understanding the
transition from
BASIC to Visual
Basic

English
Listening to a short
talk.
Listen to a chosen
classmate who will
be discussing on
the reasons for
creating programs.
The spokesperson
has to use the rules
in subject-verb
agreement.
English
TV Hosting/Using
Timeline
Trace the history of
programming
through time line.
Present the time
line through TV
hosting..

English
What is the
importance of
communications
skills in conducting a
buzz group?

English
What rhetorical
function and
technique is use in
developing a
paragraph?

English
Conducting a buzz
group.
Discuss the
procedure in
creating a program.
Leaders will go to
different groups
and talk about what
have been
discussed in their
group.

2|Page

English
Writing a
paragraph.
Write a short
paragraph using
science topic
particularly
Interrelating of Sir
Isaac Newtons Law
of Motion. Use the
procedure in
resolving program
errors.

English
2. Install the
Visual Basic
programming
system.

2.1 Visual Basic

programming
system is
installed.

Installing Visual
Basic
programming
system

2.2 Starting and

stopping Visual
Basic is
determined.

Determining how
to start and stop
Visual Basic

2.3 Visual Basic

environment is
recognized.

Recognizing Visual
Basic environment

Y-1 & Y-2

Compare the
different ecological
system to arrive at
characteristics
common to all

Y-4
Demonstrate
knowledge and
skill related to
functions in
general

Y-4
Observe
conservation
strategies in faceto-face extended
oral interactions.

Technology
Identification of
Visual Basic
environment.
Identify the basic
window elements
of the Visual Basic
environment.
Science
Ecological system
Prepare a
presentation on the
different ecological
system using the
visual basic
program

Technology
What are the parts
of a Visual Basic
program?
Sciences
How does visual
basic program helps
in presenting the
ecological system in
the environment?
Math
How does visual
basic program helps
in differentiating a
function from a mere
relation?

3|Page

Math
Prepare a
presentation on
functions using the
visual basic
program.

3. Recognize

format of a
Visual Basic
program.

3.1 Loading and

running a
program are
understood.

3.2 The Label, Text

box, and Check
box controls are
used.
3.3 Command and
Option buttons
are utilized.

Understanding the
loading and
running of a
program.

Using the Label,

Text box and
Check box

Utilizing the
Command and
Option buttons

Y-4
Discuss the
significance of the
contributions of
Franklin, Coulumb,
Volta, Ohm and
Filipino inventors
in electrical energy
and related
technology.

Y-4
Analyze the
effects on the
graph of changes
in a, h and k in f(x)
= a(x-h)2 + k

Y-4
Use grammatical
structure and
vocabulary
needed to
effectively
emphasize
particular points.

English
Interviewing
resource persons.
Invite a software
engineer and let
him give the
procedure in
installing the Visual
Basic programming
system.
Technology
Create a program.
Create a program
using label, text
box, check box,
command button
and other controls.
Math
Solve problems on
quadratic functions
showing the effects
on the graph of
changes in a, h and
k using Visual Basic
Program.

English
What are the
guidelines to be
followed in
interviewing a
resource person?

Technology
How do you identify
elements of a Visual
Basic environment?
Math & Science
How do toolbox,
label, textbox,
checkbox and simple
combo box utilized in
the presentation?
English
What is the
significance of
making comic strips.

4|Page

3.4 Drop-down
combo list and
Simple combo
box are
recognized.

Recognizing Dropdown combo list

and Simple combo
box.

3.5 List box for

selection is
understood.

Understanding
List box for
selection

Science
Electrical Energy
Development
Discuss the
contributions of
scientists in
electrical energy
and related
technological
advancement
applying the label,
textbox, checkbox
and simple combo
box of the visual
basic program.
English
Preparing comic
strips.
Make comic strips
on the procedure
to be followed in
recognizing format
of a Visual Basic
program. Use the
rules in subjectverb agreement as
well as the words of
sentences
according to
structure.

5|Page

4. Create a

Program in
Visual Basic

4.1 Event-driven
environment are
utilized.

Utilizing Eventdriven
environment

4.2 Control
properties are
manipulated.

Manipulating
Control properties

4.3 Naming
conventions are
used.

Using Naming
conventions

4.4 AUTOLOAD.MAK
and
CONSTANT.TXT
are understood.

Understanding
AUTOLOAD.MAK
and
CONSTANT.TXT

Y-4
Explain using ray
diagrams how
image is formed in
a telescope and a
microscope

Technology
Create a program.
Create a program
that which is eventdriven and uses
naming
conventions.
Science
Create a
presentation on
how images are
formed in a
telescope and in a
microscope using
visual basic
presentation

Technology
How do programs
execute?

Science
English
How important are
the cassette tapes or
MP5s in conveying
information?

English
Using Audio aids in
conveying
information.
Record the
procedure in
creating a program
in Visual Basic using
a cassette type or
in an MP5.

6|Page

5. Explore

Labels,
Command
buttons, and
Text boxes in
detail.

5.1 The focus and

controls are
identified.

Identifying the
focus and controls

5.2 The command

button is used.

Using the
command button

5.3 Label properties

are manipulated.

Manipulating
Label properties

5.4 Text box controls

are recognized.

Recognizing Text
box controls
Knowing ha to set
properties

5.5 Setting
properties are
known.

Y-4
Explain the role of
energy in the
development of
human society

Y-4
Find the measures
of central
tendency using
grouped data
-mean
-median
-mode

Y-4
Use grammatical
structure and
vocabulary
needed to
effectively
emphasize
particular points.

Technology
Create a program.
Create a program
that uses controls
and set their
corresponding
properties.
Science
Energy
Development
Create a visual
basic presentation
on Energy
Development
showing the use of
command button
and text box.

Technology
What are the
functions of the
available controls?

Math & Science

How do command
button and text box
are utilized in
presenting the topic
using Visual Basic?
What is the
significance of
making cohesive
devices?

Math
Create a visual
basic presentation
in determining the
mean, median and
mode using
ungrouped data.
English
Making a post card
Make a post card of
the procedure in
exploring labels,
command buttons
and text boxes in
detail.

7|Page

6. Polish forms

and controls.

6.1 Properties of the

form are
identified.
6.2 Advanced labels
are used.
6.3 Scrolling text
boxes are
understood.
6.4 Control text
boxes are
focused.
6.5 Control events
are recognized.

Y-4
Organize
information in
text bearing in
mind the overall
macro discourse
pattern and
generic structure
switch to the
objective of the
written
discourse.

Technology
Create a program.
Create a program
that that enhances
a form by setting
form properties
and scrolling
textboxes.

English
Creating pamphlets
Create a pamphlet
with the procedure
in polishing forms
and controls. Use
simple present
tense.

Technology
Why is it important
to know on how to
change the
properties of
controls?

English
What is the
importance of
creating simple
present tense in
making a pamphlet?
English
What is the
importance of
creating simple
present tense in
making a pamphlet?

8|Page

QUALIFICATION TITLE: COMPUTER PROGRAMMING

UNIT OF COMPETENCY: PERFORM DATA ENTRY AND VALIDATION
MODULE TITLE:
PERFORMING DATA ENTRY AND VALIDATION
LEARNING
LEARNING
ASSESSMENT
CONCEPTS
OUTCOMES
CRITERIA
TECHNOLOGY
SCIENCE
1. Perform

placing and
interacting with
controls.

1.7 Data types are

identified.

Identifying data
types

1.8 Storing variables

is performed.

Performing storing
of variables

1.9 Mathematical
expressions are
utilized

Utilizing
mathematical
expressions

Y-4
Compare data to
look for patterns
and trends.

LEARNING COMPETENCIES
MATH
Y-4
Given
f(x)= mx + b,
determine the
trend(increasing
or decreasing)

Y-1
Perform
fundamental

ENG/COMM
Y4
Speak clearly
spontaneously
adopting ones
speak to
situation,
circumstances
and people add
research.

LEARNING
ACTIVITIES
Technology
Create a program.
Create a program
that declares
variables, assign
values and
compute using
given values.

GUIDE
QUESTIONS
Technology
What are the types
of data in Visual
Basic?
MATH
How do you
interpret the given
table of values?

MATH
Construct table of
values and graph to
determine the
trend of the graph.

SCIENCE
Why does
interpretation of
data important?

SCIENCE
DATA
INTERPRETATION

MATH
Do your knowledge
and skills on

9|Page

operations on
integers

Interpret data
based on observed
patterns and trends
MATH
Solve problems on
the fundamental
operations on
integers in relation
to performing data
and validation.

2. Enable

decisionmaking
capability.

2.4 Relational
operators are
identified.

2.5 Testing data

values is
performed

Identifying the
relational
operators

Performing testing
data values

Y-4
Measure electric
current through a
conductor, voltage
across it and its
resistance

Y-4
Perform
fundamental
operations on
polynomials

Y1
Formulate and
modify
hypothesis based
on information.

English
Presenting a news
feature
Present a news
feature on the
steps to be
followed in placing
and interacting
with controls.
Technology
Create a program.
Create a program
that computes the
depreciation based
on the given
original cost and
scrap value. Display
the output.
MATH & SCIENCE
SELF-CHECK
MATERIAL /
INTERACTIVE

fundamental
operations on
integers help you in
creating visual basic
programs?
English
What should be
consisted in
presenting a news
features?

Technology
Why do we validate
data?

MATH & SCIENCE

How do IF ()
statement, SELECT
and SELECT CASE is
utilized in the selfcheck material or
interactive game?
English

10 | P a g e

3. Manage and

display
message and
input boxes.

2.6 Logical operators

are recognized

Recognizing
logical operators

2.7 Multiple data

comparison is
performed.

Performing data
comparison

3.6 The need for

remarks is
recognized.

Recognizing the
need for remarks

3.7 A response is
indicated from a
message.

Indicating a
response from a
message

3.8 Answers are

received from a
message and

Receiving answers
from a message
and returning

GAME
Make a creative
self-check material
or an interactive
game utilizing the
following:
a. IF ()
statement
b. SELECT CASE
format
c. SELECT
statement
d. Logical
operations

Y-4
Explain
electromagnetic
induction.

Y4
Use
accompanying
non-verbal cues
(e.g. gestures to
highlights
significant points
in extended
discourse.

English
Conducting a talent
search
Demonstrate the
enabling decision
making capability
though a TV talent
search:
Technology
Create a program.
Create a program
that computes the
Amount of bill
based on the given
total minutes of call
and number of
minutes. Display
the output.
SCIENCE

What is the
significance of using
non-verbal cues in
demonstrating the
procedures?

Technology
Are remarks
important?
SCIENCE
How do message and
input box are used in
the presentation?
English
What
communication

11 | P a g e

values are
returned.

4. Add looping

to Visual Basic
programs.

4.5 Executing a body

of a loop is
performed.

4.6 Repeat a section

of code for a
specified number
of times is
performed.

values

Performing
executing a body
of a loop

Performing
repeating a
section of code for
A specified
number of times.

ELECTROMAGNETI
C INDUCTION
Create a
presentation by
which message box
() function and
input boxes are
used.

Y-4
Describe the
development of
various energy
sources in the
country.

Y4
Produce different
text types and
subs types (e.g.
descriptions)

English
TV hosting conduct
a panel interview
on the issues
related to
managing and
displaying message
and input boxes.
Technology
Create a program.
Create a program
that will input for a
name of doctor,
field code, site code
and room number.
Determine the field
and building site.
Computes the
Hospital. Display
the output.
SCIENCE
LOOP A WORD
Create a loop a
word game on the
development of

strategies should be
used in conducting a
panel interview?

Technology
Why perform a
repetitive task?

SCIENCE
How does visual
basic program used
in creating the loop
a word game?
English
Why is these a need
to choose a
particular text type
when creating popup books?

12 | P a g e

various energy
sources in the
country.

5. Manage

variable data
storage.

5.1 Advantages of
arrays are
identified.

Identifying
advantages of
arrays

5.6 List boxes are

used.

Using List boxes

5.7 Combo boxes are

used.

Using Combo
boxes

Y-4
Collect statistical
data and organize
in a table

Y4
Expand does in
well-constructed
paragraphs
observing
cohesion,
coherence and
the appropriate
modes of
paragraph
development.

English
Creating pop-up
books
In group, make a
pop-up book on the
procedure of
adding looping to
visual Basic
programs.
Technology
Create a program.
Create a program
that will input for
an employee name,
current position,
status code and
rate per month.
Determine the
position and status.
Compute the Total
benefits. Display
the output.
MATH
Monitor and record
the collection and
organization of
data in relation to
the work done.

Technology
What is the
importance of
arrays?
MATH
Why is there a need
to gather and
organize data on the
work done?
English
What guidelines
should be followed
in writing a friendly
letter?

English

13 | P a g e

Writing friendly
letter
Write a friendly
letter narrating the
procedure in
managing variable
data storage.

6. Use new
controls.

6.1 Choices for

Option button
are identified.

Identifying choices
for Option button

6.2 More choices for

Check boxes are
identified.

Identifying more
choices for Check
boxes

6.3 Simplifying
programming
using control
arrays is applied.

Applying
simplification of
programming
using control
arrays

Y4
Describe the
emotional appeal
of a piece.

Technology
Create a program.
Create a program
that will input for
club handling
booth, booth type,
earnings.
Determine the club
and booth.
Compute the
earnings. Display
the output.

Technology
Why program
simplification is
done?

English
What guidelines
should be followed
in presenting an
MTV?

English
Presenting an MTV
Present an MTV of
the procedure in
using new controls.

14 | P a g e

QUALIFICATION TITLE:
UNIT OF COMPETENCY:
MODULE TITLE:
LEARNING
OUTCOMES
1. Use built-in
string and
numeric
functions.

COMPUTER PROGRAMMING
ACCESS AND MANAGE FILES IN VISUAL BASIC
ACCESSING AND MANAGE FILES IN VISUAL BASIC
LEARNING
ASSESSMENT
CONCEPTS
CRITERIA
TECHNOLOGY
SCIENCE

1.10 Numeric
functions are
used.

Using numeric
functions

1.11 String
functions are
used.

Using string
functions.

1.12 General
functions are
recognized and
utilized.

Recognizing and
utilizing general
functions.

LEARNING COMPETENCIES
MATH

ENG/COMM

Y-1
Perform
fundamental
operations on
integers; addition,
subtraction,
multiplication and
division

Y4
Transcode
information from
linear to nonlinear texts and
vice versa.

LEARNING
ACTIVITIES
Technology
Create a program.
Create a program
that will input for
garment code,
brand code, how
often worn, wear
life and initial cost.
Determine the
garment type and
brand. Compute
first year cost per
wearing. Display
the output.
MATH:
Find out what
fundamental
operations are
needed to perform
the task.

GUIDE
QUESTIONS
Technology
How do we
manipulate strings?
MATH:
What is the role of
fundamental
operations on
accessing and
managing files in
visual basic?
English
What is the
significance of using
venn diagram in
comparing and
constructing
concepts?

English
Comparing and
constructing

15 | P a g e

Compare and
construct numeric
functions with
string function
using the venn
diagram.
2. Utilize builtin date, time
and formatting
functions.

2.8 Date and time

from Visual Basic
is set

Setting date and

time from Visual
Basic

Y-1
Convert
measurement
from one unit to
another

2.9 Elapsed time

from two time
periods is
computed.

Computing
elapsed time from
two time periods

Y-4
Solve problems
involving linear
functions

2.10 Date
arithmetic is
performed.

Performing date
arithmetic

2.11 Date and time

are broken into
values.

Breaking date and

time into values

Y4
Use outlines to
sum up ideas
taken from or to
be expanded into
texts.

Technology
Create a program.
Create a program
that will input for
statement number,
medical service
code, added fee
and doctors fee.
Determine the
medical service.
Compute total
medical fee. Display
the output.
MATH
Solve problems
involving
measurement in
relation to date and
time.
MATH
Solve problems
involving rate, time
and distance in
relation to
accessing and
managing files in

Technology
What are the
arithmetic
operations that can
only be performed
on dates?
MATH:
How is the concept
of conversion related
to the concept of
utilizing built-in date,
time and formatting
functions? Explain.
MATH
How are your
knowledge and skills
in problem solving
guided you in
accessing and
managing files in
visual basic?
English
What guidelines
should be considered
in creating a

16 | P a g e

visual basic.

magazine?

English
Creating a
magazine
Create a magazine
of procedure on
utilizing built in
date, time and
formatting
functions.
3. Reduce the
size of event
procedure.

3.9 Programs are

broken into as
many small but
logical sections.

3.10 External
module is
utilized.
3.11 Function
procedures are
used.

Breaking
programs into as
many but small
logical sections

Utilizing external
module
Using function
procedures

Y-1
Perform
operations on
fractions

Y4
Pick out the
elements that
distinguish
drama as a
literacy form and
explain the
dramatic devices
used by the
writer.

Technology
Create a program.
Create a program
that will input for
taxpayer name,
year of birth and
month of birth.
Generate the
Taxpayer
Identification
Number based the
inputted data.
Display the output.
MATH
Play DAMATH on
fractions/signed
numbers.

Technology
How effective a
program is when
modularized?
MATH
What is the
relevance of solving
fractions in
Relation to reducing
the size of event
procedure?
English
What elements of
drama ore adopted
in the simulation?

English
Role playing
Role play the
procedure in

17 | P a g e

4. Perform
communication
with one
routine from
the other.

5. Access files
inside Visual
Basic
applications.

4.7 Kinds of variable

scope are
identified.

Identifying kinds
of variable scope

4.8 Passing and

receiving of
arguments is
performed.

Performing
passing and
receiving of
arguments

5.8 Filename
information is
obtained from
the user.

Obtaining
filename
information from
the user

5.9 File-selection
frame is
managed using
file controls.

Managing fileselection frame

using file controls

5.10 Code file

Performing coding

Y4
Pick out the
elements that
distinguish
drama as a
literacy form and
explain the
dramatic devices
used by the
writer.

Y4
Interview
resource persons
to determined
information on a
certain topics.

reducing the size of

event procedure.
Technology
Create a program.
Create a program
that will input for
salesman name,
area code and gross
sales. Determine
the branch
assignment and
supervisor.
Compute for
commission.
Display the output.
English
Role playing
Role play the
procedure in
performing
communication
with one routine
from the others.
Technology
Create a program.
Create a program
that will input for
trainee name, ID
number, course
code and five
grades. Determine
the course.
Compute for
average of the

Technology
Why does arguments
are passed and
received?

English
What are he
guidelines to be
considered in
interviewing a
resource speaker?

English
What are the
guidelines to be
considered in
interviewing a
resource speaker?

18 | P a g e

controls to keep
them all pointing
to the same
drive, directory
and file is
performed.

6. Use Visual
Basic code to
manage disk
file.

file controls to
keep them all
pointing to the
same drive,
directory and file

6.1 Disk file

background is
created.

Creating disk file

background

6.2 Opening and

closing files is
performed.

Performing
opening and
closing of files

6.3 Writing data to a

file is executed.

Executing writing
data to a file

grades. Display the

output.
English
Interviewing a
resource speaker.
Invite a software
engineer and let
him shows his
expertise on how to
access files inside
Visual Basic
applications.
Y4
Interview
resource persons
to determined
information on a
certain topics.

Y-4
Analyze and
interpret data
from graphs,
tables and charts

Technology
Create a program.
Create a program
that will input for
driver name,
License number
and offense code.
Determine the
area, vehicle type
and offense.
Compute for the
fine. Display the
output.
MATH
Write an essay on
the different kinds
of graphs and how
they compare with
each other. Include
a paragraph on
difficulties

Technology
How do a program
open a data file?
MATH
What is the
importance of
analyzing and
interpreting data in
order to produce
quality output?
English
What are the
guidelines to be
considered in
interviewing a
resource speaker?

19 | P a g e

6.4 Storing file data

in your
programs
variables and
controls are
executed.

Executing storing
file data in your
programs
variables and
controls

encountered in
interpreting graphs
and drawing
conclusion.
English
Interviewing a
resource speaker.
Invite a software
engineer and let
him shows his
expertise on how to
access files inside
Visual Basic
applications.

20 | P a g e

QUALIFICATION TITLE:
UNIT OF COMPETENCY:
MODULE TITLE:
LEARNING
OUTCOMES
1. Add menus
to application.

COMPUTER PROGRAMMING
IMPROVE PROGRAM USABILITY
IMPROVING PROGRAM USABILITY
LEARNING
ASSESSMENT
CONCEPTS
CRITERIA
TECHNOLOGY

1.13 Menu bar items

are created and
placed in the
application.

Creating and
placing menu bar
items in the
application

1.14 Pull-down
menus are
added.

Adding pull-down
menus

1.15 Menus are

connected to
event
procedures.

Connecting menus
to event
procedures

LEARNING COMPETENCIES
SCIENCE

MATH

ENG/COMM

Y-4
Explain road safety
measures using the
Law of
Conservation of
Momentum

Y-4
Illustrate the
following:
-angles in
standard position
(i.e. initial side
coincident with
the positive x-axis
-coterminal angles
-reference angles

Y-4
Pick out the
elements that
distinguish
drama as a
literacy form and
explain the
dramatic devices
used by the
writer.

LEARNING
ACTIVITIES

GUIDE
QUESTIONS

Technology
Create a program.
Create a program
that will input for a
data, compute and
display the output
utilizing menus.

Technology
What is the effect on
programs adding
menus?

MATH
Group Activity
Illustrating angles in
standard position,
coterminal angles
and reference
angles using Visual
Basic Presentation.
SCIENCE
Road Safety
Measures

MATH & SCIENCE

1. How do pull down
menus are utilized in
the presentation?
2. Cite some
advantages in using
pull down menus in
the topic presented.
English
What elements of
drama are adopted
in the simulation?

21 | P a g e

Utilizing pull down

menus in a Visual
Basic presentation
to explain road
safety measures
using the Law of
Conservation of
Momentum.
English
Role play the
procedure in
adding nouns to
application.
2. Integrate the
printer into
Visual Basic
applications.

2.1 Printer object is

set.

Setting printer
object

2.2 Print method is

selected.

Selecting print
method

2.3 Printing is
initiated.

Initiating printing

Y-4
Describe the
communication in
terms of energy
transfer and
transformation

Y-4
Use outlines to
sum up ideas
taken or to be
expanded into
texts.

Technology
Create a program.
Create a program
that will input for a
data and display
the output. Print
the output by
activating the
printer from Visual
Basic application.
SCIENCE
Energy
Transformation
Presenting a
printable page
summary on
transfer /
transformation of
energy using Visual

Technology
How do we initiate
printing inside Visual
Basic programs?
SCIENCE
How communication
in terms of energy
transfer is related to
communication
between printer and
visual basic
command?
English
What guidelines
should be followed
in crating a novella?

22 | P a g e

Basic

3. Utilize
graphics
controls
available.

3.1 Line controls are

used.

Using line controls

3.2 Shape controls

are used.

Using shape
controls.

3.3 Timer control is

used.

Using timer
control

Y-4
Explain how sound
waves are
produced,
transmitted and
propagated.
Note: Applicable to
LO 4 (optional for
LO5)

Y-4
Visualize rotations
along the unit
circle and relate
these to angle
measures
(clockwise or
counterclockwise
directions)
-length of an arc
-angles beyond
360 or 2 radians

English
Creating magazine
Create magazine of
procedure on
integrating the
printer into visual
Basic applications.
Use different
sentences
according to
structure.
Y-4
Technology
Utilize alternative Create a program.
forms that may
Create a program
be used with the that will input for a
difference
data and display
historical
the enhanced
functions and
output using
techniques.
graphics controls.
MATH
Group Activity
Create a
presentation
visualizing the
rotations along the
unit circle and
relate these to
angle measures.

MATH & SCIENCE

1. How do visual
basic applications
helped in presenting
the topic?
2. Why do we need
to utilize graphics
control in the
presentation?
What guidelines
should be followed
in creating a novella?

SCIENCE
How sound waves
are produced,

23 | P a g e

transmitted and
propagated?
Making graphical
presentation of
how sound waves
are produced,
transmitted and
propagated using
Visual Basic.
English
Creating novella
Create a novella
with the procedure
of available
graphics controls.

4. Access and
control special
scroll bars and
grid controls.

4.1 Scrolling of scroll

bars is
performed.

Performing
scrolling of scroll
bars

4.2 Grid control is

used.

Using grid control

4.3 Mouse cursor is

monitored.

Monitoring mouse
control

4.4 Mouse click and

movement is
captured.

Capturing mouse
click and
movement

Y-4
Interview
resource persons
to determined
information on a
certain topics.

Technology
Create a program.
Create a program
that will input for a
data and display
the output applying
special scroll bars
and grid controls.
English
Interviewing a
resource speakers
Invite a software
engineer and let
him shows his
expertise on how to
access control

Technology
Why is it important
to monitor mouse
cursor and
movement?

English
What are the
guidelines to be
considered in
interviewing a
resource speaker?

24 | P a g e

special scroll bars

and grid controls.

5. Debug
programs.

5.1 Debugging
routine is
performed.

Performing
debugging routine

5.2 Break mode is

entered.

Entering break
Mode

5.3 Immediate
window is used.

Using immediate
window.

Y-4
Organize
information in
texts bearing in
mind the overall
in macro
discourse pattern
and generic
structure suited
to the objective
of the written
discourse.

Technology
Perform
debugging.
Open a program,
look for errors
using break mode
and immediate
window, and rectify
found faults.
English
Writing a friendly
letter
Write a friendly
letter narrating the
procedure on
debugging
programs.
Use two kinds of
clauses.

Technology
What are the
benefits of knowing
the techniques in
debugging a
program?
English
What is the
importance of using
clauses in making
ideas clear?

25 | P a g e