Computer Programming CLM.pdf

download Computer Programming CLM.pdf

of 68

Transcript of Computer Programming CLM.pdf

  • 8/16/2019 Computer Programming CLM.pdf

    1/68

  • 8/16/2019 Computer Programming CLM.pdf

    2/68

     

    1 | P a g e  

    QUALIFICATION TITLE: COMPUTER PROGRAMMING 

    UNIT OF COMPETENCY: EXPLORE COMPUTER PROGRAMMING 

    MODULE TITLE: EXPLORING COMPUTER PROGRAMMING 

    LEARNING

    OUTCOMES

    ASSESSMENT

    CRITERIA

    LEARNING

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIES

    GUIDE

    QUESTIONSTECHNOLOGY SCIENCE MATH ENG/COMM

    1. 

    explain the

    history of

    Programming

    Language

    1.1History of

    programming is

    explained

    1.2Inventors who

    introduced

    programming

    are identified.

    Explaining the

    history of

    Programming

    Identifying

    inventors who

    introduce

    Programming

    Y-1

    Discuss the

    scientific research

    of some scientists

    which Illustrate

    how they solve

    problems

    Y-1

    Illustrate the

    development of

    measurement

    from the

    primitive to the

    present

    international

    system of units

    Y-1

    Present

    information in

    graphic and

    nonlinear texts.

    Technology

    Create a diagram

    that illustrates

    the history of

    computer.

    Enumerate the

    inventors who

    introduce

    Programming andgive brief

    description about

    their

    contributions.

    Science

    Scientific

    Research

    Conducting

    research ondifferent

    scientists which

    illustrate how

    they solve

    problems.

    Technology

    Why does

    understanding the

    history of

    computer

    important?

    Science

    Why does

    systematic way of

    solving problem

    important?

  • 8/16/2019 Computer Programming CLM.pdf

    3/68

     

    2 | P a g e  

    Math

    Group Discussion

    Using cooperative

    learning: Discuss

    the development

    of measurement

    from primitive tothe present

    international

    system of units.

    English

    Mapping

    Present

    information on

    the history ofProgramming

    Language using

    two-level tree

    diagram.

    Enumerating

    Use a three a

    columnar grids to

    enumerate the

    inventors whointroduced

    programming.

    Math

    Is measurement

    important? Why?

    English

    What is the

    importance of

    diagram in

    presentinginformation?

  • 8/16/2019 Computer Programming CLM.pdf

    4/68

     

    3 | P a g e  

    2. 

    identify the

    different

    Programming

    Languages

    2.1Different

    Programming

    languages are

    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 andsymbolic forms

    Technology

    Give examples of

    Programming

    Languages and

    classify it

    according to its

    type.

    Science

    Scientific

    Investigation

    Investigate how

    programming

    languages were

    used in cellular

    phone

    applications suchas games, etc.

    Math

    Play games and

    puzzle on

    communicating

    and translating

    ideas to/from

    verbal and

    symbolic formsusing

    programming

    languages.

    Technology

    What are the

    different

    Programming

    Languages?

    Science

    How does

    programming

    languages helps in

    creating games and

    other applications

    on mobile phones?

    Math

    How does

    communication

    skills (verbal and

    symbolic forms)

    help you

    understand

    programminglanguages?

  • 8/16/2019 Computer Programming CLM.pdf

    5/68

     

    4 | P a g e  

    3. 

    design

    Algorithm and

    Flowchart

    3.1Algorithm of

    program that

    displays the

    sum of two

    integers is

    listed.

    3.2Flowchart of

    program that

    displays the

    sum of two

    integers is

    designed.

    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.

    Technology

    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.

    Technology

    How to create

    Algorithm and

    Flowchart of

    program that

    computes and

    displays sum oftwo integers?

    English

    What is Flowchart?

    Why is a Flowchart

    important in

    organizing

    information?

    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 simple

    program that

    computes and

    displays sum of

    two integers.

    Science

    Conversion of

    UnitsCreating a simple

    program used in

    conversion of

    units.

    Technology

    How to create

    simple program

    that computes and

    displays sum of

    two integers.

    Science

    How does a simple

    program applied inconverting one unit

    to another?

  • 8/16/2019 Computer Programming CLM.pdf

    6/68

     

    5 | P a g e  

    Math

    Play DAMATH on

    signed numbers.

    English

    Giving directions

    Give directions on

    creating a simple

    program

    Math

    How is the concept

    of signed numbers

    related/applied in

    creating a simple

    program?

    English

    What are the

    words used in

    giving directions?

  • 8/16/2019 Computer Programming CLM.pdf

    7/68

     

    1 | P a g e  

    QUALIFICATION TITLE: COMPUTER PROGRAMMING 

    UNIT OF COMPETENCY: CREATE C PROGRAMS 

    MODULE TITLE: CREATING C PROGRAMS 

    LEARNING

    OUTCOMES

    ASSESSMENT

    CRITERIA

    LEARNING

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIESGUIDE

    QUESTIONSTECHNOLOGY SCIENCE MATH ENG/COMM

    1. Write a

    simple

    program in C.

    1.1 Simple input

    and output

    statements are

    used.

    1.2 Memory

    concepts are

    explained.

    1.3 

    Arithmetic in Cis performed.

    1.4 Equality and

    relational

    operators are

    utilized.

    Using simple input

    and output

    statement

    Explaining

    memory concepts

    Performingarithmetic in C

    Utilizing equality

    and relational

    operators

    Y-2

    Demonstrate

    knowledge and

    skill in simplifying

    and performing

    operations on

    rational algebraic

    expressions

    Y-2

    Use appropriate

    modes of

    development to

    express one’s

    ideas, needs,

    feelings and

    assistance.

    Technology

    Create a program.

    Create a program

    that will compute

    for the gross pay

    using the given rate

    and days worked.

    Math

    Problem SolvingSolve problems on

    rational algebraic

    expressions in

    relation to creating

    C programs.

    English

    Creating a

    magazine

    Create a magazine

    of the procedure onwriting a sample

    program in C.

    Technology

    What are the parts

    of a C program?

    Math

    Are your knowledge

    and skills in creating

    C programs helped

    you simplifying and

    performingoperations on

    rational algebraic

    expressions?

    English

    What guidelines

    should be followed

    in creating a

    magazine?

  • 8/16/2019 Computer Programming CLM.pdf

    8/68

     

    2 | P a g e  

    2. Perform

    basic problem-

    solving

    techniques

    2.1 Algorithms are

    used.

    2.2 Pseudocode is

    used.

    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

    repairbreakdown in

    communication.

    Technology

    Create a program.

    Create a program

    that will compute

    the payment dues

    using the given

    course fee,

    registration fee andmisc fee and

    display the output. 

    Science

    Conversion of Unit

    Perform

    calculations/conver

    sion of units using

    the C Program 

    MathSolve problems in

    arithmetic and

    geometric

    sequences using

    C programs.

    English

    Demonstrating the

    procedure

    Demonstrate the

    procedure ofperforming basic

    problem solving

    techniques.

    Technology

    Why is it necessary

    to identify the

    sequence of

    instructions to be

    performed?

    Math & ScienceHow 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 anactivity?

  • 8/16/2019 Computer Programming CLM.pdf

    9/68

     

    3 | P a g e  

    3. Use

    selections

    structures.

    3.1 Controls

    structures are

    used.

    3.2 Choosing among

    alternative

    courses of actionis performed.

    3.3 Specifying an

    action is to be

    repeated. 

    Using control

    structures 

    Performing

    choosing among

    alternativecourses of action

    Repeating a

    specified action

    Y2

    Distinguish as

    positions values

    of humility,

    resourcefulness,

    self-reliance, and

    the ability to look

    into oneself, andaccept one’s

    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. 

    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 weappreciate a

    composition with the

    procedure as lyrics?

    4. Use

    repetitionstructures

    4.1 

    Counter-

    controlledrepetition is

    used.

    4.2 Sentinel-

    controlled

    repetition is

    used.

    4.3 Nested control

    structures are

    utilized.

    Using counter-

    controlledrepetition

    Using sentinel-

    controlled

    repetition

    Utilizing nested

    control structures

    Y-2

    Distinguish aspositions values

    of humility,

    resourcefulness,

    self-reliance, and

    the ability to look

    into oneself, and

    accept one’s

    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 miscdisplay the output. 

    English

    Composing a poem

    Compose a love

    Technology

    How do we shortenprogram lines using

    repetition

    structures?

    English

    What guidelines

    should be followed

    in composing a

    poem?

  • 8/16/2019 Computer Programming CLM.pdf

    10/68

     

    4 | P a g e  

    poem on the steps

    in using repetition

    structures.

    5. Utilizes

    assignment and

    unary

    operators

    5.1 

    Assignment

    operators are

    used.

    5.2  Increment and

    decrement

    operators are

    utilized.

    Using assignment

    operators

    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 aname, item code,

    quantity purchased.

    Determine item

    and unit price.

    Compute the total

    bill. 

    English

    Demonstrating the

    procedure

    Demonstrate theprocedure of

    utilizing assignment

    and unary.

  • 8/16/2019 Computer Programming CLM.pdf

    11/68

     

    5 | P a g e  

    QUALIFICATION TITLE: COMPUTER PROGRAMMING 

    UNIT OF COMPETENCY: UTILIZE C PROGRAM CONTROL AND FUNCTIONS 

    MODULE TITLE: UTILIZING C PROGRAM CONTROL AND FUNCTIONS 

    LEARNINGOUTCOMES

    ASSESSMENTCRITERIA

    LEARNING

    CONCEPTS

    LEARNING COMPETENCIES

    LEARNINGACTIVITIES

    GUIDEQUESTIONS

    TECHNOLOGY SCIENCE MATH ENG/COMM

    1. Handle

    decision-

    making.

    1.5 

    Multiple-

    selection

    statement is

    used.

    1.6 Loop-

    continuation

    condition is

    tested after theloop body is

    performed.

    1.7 Flow of control

    is altered.

    Using multiple-

    selection

    statement

    Testing loop-

    continuation

    condition after

    the loop body isperformed

    Altered the flow

    of control

    Y-2

    Discuss the

    importance of

    scientific values in

    decision making

    and problem

    solving in daily lives

    Note: Applicable toLO 2

    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 incommunication

    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

    Technology

    Why alteration of

    program flow is

    necessary?

    Science

    How does decision

    making in a program

    is related tosystematic 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

  • 8/16/2019 Computer Programming CLM.pdf

    12/68

     

    6 | P a g e  

    systems of

    equations and

     justify their answer

    orally based on the

    method used.

    English

    Demonstrating theprocedure

    Demonstrate the

    procedure of

    handling decision-

    making.

    procedure?

    2. Determine

    logical and

    confusing

    operators.

    2.3 Logical operators

    are used.

    2.4 

    Confusingequality and

    assignment

    operators are

    clarified.

    Using logical

    operators.

    Using pseudocode

    Y-2

    Represent the

    solution set of a

    system of linearinequalities 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 atrainer name,

    session code,

    subject code and

    number of

    students.

    Determine session,

    subject and fee.

    Compute the

    incentive. Display

    the output. 

    Math

    Problem Solving

    Solve problems

    involving

    inequalities in

    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?

  • 8/16/2019 Computer Programming CLM.pdf

    13/68

     

    7 | P a g e  

    relation to

    confusing equality

    and assignment

    operators.

    English

    Role playing

    Role play theprocedure in

    determining logical

    and operators.

    3. Construct

    programs

    modularly.

    3.4 Program is

    modularized.

    3.5 Common

    Mathematical

    calculation is

    performed.

    3.6 Functions are

    defined 

    3.7 Function

    prototype is

    identified. 

    Modularizing a

    program 

    Performing

    common

    Mathematical

    calculation

    Defining functions

    Identifying

    function

    prototype 

    Y-1

    Compare data to

    look for patterns

    and trends

    Y-2

    Communicate

    thoughts,

    feelings, and

    one’s needs in a

    novella using

    appropriatestyles (formal

    and informal).

    Technology

    Create a program.

    Create a program

    that will input a

    employee name,

    department code,

    month code andmonthly income.

    Determine

    department and

    month of release.

    Compute the

    bonus. Display the

    output. 

    Science

    Using graphs and

    tables in a programto compare data

    Technology

    Why is it important

    to divide programs

    into sections?

    Science

    How does commonmathematical

    calculation, counter-

    controlled repetition

    and assignment

    operators are used in

    the program?

    English

    What guidelines

    should be followed

    in crating a novella?

  • 8/16/2019 Computer Programming CLM.pdf

    14/68

     

    8 | P a g e  

    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.

    4.5 Calling functions

    is performed

    4.6 

    Storage classes

    are identified

    Utilizing headers

    according to

    purpose

    Performing calling

    functions

    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

    accommodationand room rate.

    Compute the

    service fee. Display

    the output. 

    English

    Demonstrating the

    procedure

    Demonstrate the

    procedure of

    handling decision-making.

    Technology

    Why do functions

    pass information to

    other functions

    interchangeably?

    English

    What

    communication

    strategies could beutilized in

    demonstrating the

    procedure?

  • 8/16/2019 Computer Programming CLM.pdf

    15/68

     

    9 | P a g e  

    5. Write and

    use

    functions

    that call

    themselves.

    5.3  Identifiers are

    referenced.

    5.4 Recursive

    function is used.

    5.3 Difference of

    recursion anditeration is

    determined.

    Referencing

    identifiers

    Using recursive

    function

    Determining

    difference ofrecursion and

    iteration

    Y-2

    Determined the

    persons

    addressed in an

    information task,

    the objective of

    the speakers and

    his attitude onthe issues.

    Technology

    Create a program.

    Create a program

    that will input a

    subscriber name,

    meter number,

    service code and

    previous/presentreading. Determine

    service type.

    Compute the

    consumption and

    bill. Display the

    output. 

    English 

    Interviewing a

    resource speaker.

    Invite a softwareengineer and let

    him shows his

    expertise on how to

    utilize assignment

    and unary

    English 

    What are the

    guidelines to be

    considered in

    interviewing a

    resource speaker?

  • 8/16/2019 Computer Programming CLM.pdf

    16/68

     

    10 | P a g e  

    operations.

  • 8/16/2019 Computer Programming CLM.pdf

    17/68

     

    11 | P a g e  

    QUALIFICATION TITLE: COMPUTER PROGRAMMING 

    UNIT OF COMPETENCY: USE COMPOUND DATA TYPES 

    MODULE TITLE: USING COMPOUND DATA TYPES 

    LEARNING

    OUTCOMES

    ASSESSMENT

    CRITERIA

    LEARNINGCONCEPTS

    LEARNING COMPETENCIESLEARNING

    ACTIVITIESGUIDE

    QUESTIONSTECHNOLOGY SCIENCE MATH ENG/COMM

    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.

    Y-2

    Differentiate

    mitosis from

    meiosis

    Y-2

    Demonstrate

    knowledge and

    skill related to

    geometric

    sequence and

    apply these in

    solving problems

    Y-2

    Use a variety of

    cohesive devices

    to make the flow

    of thought from

    one sentence to

    another smooth

    and effortless

    Technology

    Create a program

    Create a program

    that uses Arrays.

    Science

    Group

    PresentationCreate class

    presentation

    differentiating

    mitosis from

    meiosis using

    arrays

    Math

    Group

    Presentation

    Run a program thatwill display terms in

    arithmetic and

    Technology

    When to use Arrays

    in creating a

    program?

    Science

    What is the

    significance of usingarrays in a program?

    Math

    What is the

    significant of

    declaring the

    number of arrays in

    producing sequence?

    English

    What are thesimilarities of arrays

    and cohesive

  • 8/16/2019 Computer Programming CLM.pdf

    18/68

     

    12 | P a g e  

    geometric

    sequences using

    multiple arrays.

    English

    Writing Activity Arrange the given

    sentences using

    cohesive markers

    to form the correct

    procedure in using

    the arrays

    markers?

    2.  Create

    program that

    uses Pointers

    2.1 Program that uses

    pointer and

    pointer operator

    is created.

    2.2 Program that uses

    pointer operator

    to call a function

    is created.

    Creating program

    that uses Pointers.

    San rapidly for

    sequences

    signals or

    connectors asbasis for

    determining the

    rhetorical

    organization of

    text

    Technology

    Create a program

    Create a program

    that uses Pointers.

    English

    Scanning

    List down all the

    sequential

    connectors using

    the pointer

    operator

    Technology

    How to use Pointers

    in creating a

    program?

    English

    How is pointer

    operator similar to

    scanning?

    3.  Create

    program thatuses Characters

    and Strings

    3.1 Program that

    validates theinput character is

    created.

    3.2 Program that

    counts the

    Creating program

    that usesCharacters and

    Strings.

    Y-2

    Demonstrateknowledge of

    variation

    relationships and

    apply these in

    solving problems

    Interpret textual

    relationshipsusing non-linear

    forms and

    graphics.

    Technology

    Create programthat uses

    Characters and

    Strings.

    Math

    Technology

    Create program thatuses Characters and

    Strings.

    Math

    What are the

  • 8/16/2019 Computer Programming CLM.pdf

    19/68

     

    13 | P a g e  

    number of strings

    entered is

    created.

    3.3 Program that

    combine twoinputs 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?

  • 8/16/2019 Computer Programming CLM.pdf

    20/68

     

    14 | P a g e  

    QUALIFICATION TITLE: COMPUTER PROGRAMMING 

    UNIT OF COMPETENCY: PERFORM C FILE HANDLING 

    MODULE TITLE: PERFORMING C FILE HANDLING 

    LEARNING

    OUTCOMES

    ASSESSMENT

    CRITERIA

    LEARNING

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIESGUIDE

    QUESTIONSTECHNOLOGY SCIENCE MATH ENG/COMM

    1.  Create C

    formatted

    input/output

    1.1 Input and output

    streams are

    understand.

    1.2 All print

    formatting

    capabilities are

    used according to

    the requirement

    of the program.

    1.3 All input

    formatting

    capabilities are

    used according to

    the program.

    1.4 Formatting flags

    in the print

    format control

    Understanding

    input and output

    streams

    Using print

    formatting

    capabilities

    Using input

    formatting

    capabilities

    Using formatting

    flags in the print

    format control

    Y-3

    Recognize the

    importance of

    significant figures

    in scientific

    calculations

    Note: Applicable to

    LO 2-3

    Y-4:

    Convert from

    degree to radian

    and vice versa.

    Note: Applicable

    to LO 2&3

    Y-4

    Transcode

    information from

    linear text and

    vice versa.

    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

    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?

  • 8/16/2019 Computer Programming CLM.pdf

    21/68

     

    15 | P a g e  

    string are used as

    prerequisite of

    the program.

    1.5 

    Literals andescape

    sequences are

    yield in according

    to the program.

    string

    Generating literalsand escape

    sequences

    Create group of

    syntaxes that will

    accept angles in

    degree or radian,

    and it will convert

    one form to

    another form and

    will generate areport form based

    from the

    conversion.

    Note: Applicable to

    LO 2&3

    English

    Drawing a

    completely labeled

    flowchartMake a flowchart

    on how to use the

    input and output

    streams

    EnglishWhat is a flow chart?

    How is a flowchart

    used?

    2.  Create C

    structures,

    unions and

    enumerations.

    2.1 Structures, unions

    and

    enumerations are

    created and

    used.

    2.2 

    Structures to

    functions by

    value and by

    reference are

    passed

    Creating

    structures, unions,

    and enumerations

    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?

  • 8/16/2019 Computer Programming CLM.pdf

    22/68

     

    16 | P a g e  

    2.3 Data with bitwise

    operators are

    manipulated

    accordingly.

    2.4 

    Bit fields forstoring data

    compactly are

    created.

    Manipulating data

    with bitwise

    Creating bit fieldsfor storing data

    3.  Perform C

    file handling

    3.1 C files are

    created, read,

    write and

    updated.

    3.2 

    Sequential accessfile processing is

    familiarized.

    3.3 Random-access

    file processing is

    familiarized.

    Creating, reading,

    writing and

    updating C files

    Understandingsequential access

    file processing

    Understanding

    random-access file

    processing

  • 8/16/2019 Computer Programming CLM.pdf

    23/68

     

    1 | 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

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIES

    GUIDE

    QUESTIONS

    TECHNOLOGY SCIENCE MATH ENG/COMM

    1. 

    Create and

    Save Basic

    Structure of

    HTML code.

    1.1 

    A simple

    webpage is

    created using

    basic HTML

    tags.

    1.2  Basic

    structure of

    HTML syntax

    is applied and

    explained.

    1.3  HTML

    documents

    are saved on

    the given

    directory,

    folder and

    disk.

    Understanding

    webpage creation

    using HTML

    Understanding the

    basic structure of

    HTML syntaxes

    Saving HTML

    documents

    Y-3

    Explain the safety

    precautions to be

    observed in a chemistry

    laboratory

    Y-1

    Manifests ability in

    communicating and

    translating ideas

    to/from verbal and

    symbolic forms

    Observe correct

    format in

    bibliography entries

    Technology

    Create a simple

    webpage of the

    school showing all

    the basic structure

    of HTML code.

    Science

    Safety precautions

    Creating a simple

    webpage showing

    the different safety

    precautions in the

    chemistry lab

    Math

    Group Activity

    Play games and

    puzzle on

    communicating and

    translating ideas

    to/from verbal and

    symbolic forms

    involving simple

    webpage.

    Technology

    How to create a

    webpage using

    the basic

    structure of

    HTML tags?

    Science

    How does an

    html tag was

    utilized in the

    webpage?

    Math

    How do

    communication

    skills (verbal and

    symbolic forms)

    help you

    understand

    simple webpage?

     

  • 8/16/2019 Computer Programming CLM.pdf

    24/68

    2 | P a g e  

    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?

    2.  Format Text

    and Paragraph.

    2.1 Text settings

    are changed

    according to

    the

    requirement

    of the

    webpage.

    2.2 

    Paragraph tagis used in

    accordance to

    the

    requirements

    of the

    webpage.

    2.3 Used the break

    tag in the html

    document.

    Formatting text of

    HTML document

    Formatting

    paragraph of HTML

    document

    Using break tag

    Write letters of

    application (job and

    /or admission to

    university and the

    accompanying

    documents).

    Technology

    Copy an article from

    a magazine

    imitating all the

    formats of texts and

    paragraph

    EnglishWriting Activity

    Write an application

    letter following the

    format of a business

    letter and the

    mechanics of

    writing a business

    letter using a

    computer.

    Technology

    How to change

    the format of

    text and

    paragraph in

    HTML

    documents?

    EnglishWhy is a format

    important?

    3.  Insert

    horizontal rule

    3.1 Horizontal rule

    tag is inserted

    according to

    the

    requirements.

    Inserting horizontal

    rule

    Technology

    Create horizontal

    rules with different

    weight

    Technology

    How to create

    horizontal rule

     

  • 8/16/2019 Computer Programming CLM.pdf

    25/68

    3 | P a g e  

    of the

    webpage.

     

  • 8/16/2019 Computer Programming CLM.pdf

    26/68

    4 | P a g e  

    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

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIES

    GUIDE

    QUESTIONS

    TECHNOLOGY SCIENCE MATH ENG/COMM

    4.  Format CSS

    (Cascading Style

    Sheet) Style 

    1. 

    1 External

    styles sheet in

    the HTML

    document are

    inserted inaccordance

    with the given

    webpage

    design.

    1.1Internal styles

    sheet in the

    HTML

    document are

    inserted inaccordance

    with the given

    webpage

    design.

    Inserting external

    styles sheet

    Adding internal

    styles sheet

    Appending inline

    styles

    Y-3

    Differentiate

    between elements

    and compound in

    an operationalmanner

    Y-3

    Solve problems

    involving plane and

    solid figures

    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

    stylessheet,

    internal

    styles sheet

    and inline

    sheet? 

    Math/Science

    What is the

    significance

    of using CSSCode in the

    website

    presented?

     

    l

  • 8/16/2019 Computer Programming CLM.pdf

    27/68

    5 | P a g e  

    1.2Inline styles in

    the HTML

    document are

    inserted in

    accordance

    with the given

    webpage

    design.

    1.3 

    Style tags are

    used in a given

    webpage.

    Using style tag applying the CSS

    code to change its

    background

    2. 

    Insert Images  2.1 

    Images in the

    webpage are

    inserted using

    images tag in

    the webpagein accordance

    with the

    requirements.

    2.2Image using alt

    attribute are

    inserted in the

    webpage in

    accordance

    with therequirements.

    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.) forunity and coherence

    Technology

    Create a webpage

    and insert with

    pictures of the

    members of yourfamily 

    Science

    Types of mixtures

    Present webpage

    illustrating the types

    of mixtures using

    images tags

    Math

    Solve problems

    involving angles,

    Technology

    How to

    create a

    webpage

    with addedpictures? 

    Science

    Why do we

    need to use

    images tag in

    building a

    webpage?

    Math

    Explain the

    importance

     

    l d i l f l

  • 8/16/2019 Computer Programming CLM.pdf

    28/68

    6 | P a g e  

    polygons and circles

    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.

    of angles,

    polygons and

    other

    geometric

    figure in

    relation to

    simple

    webpage.

    English

    What is the

    importance

    of imagery

    and poetic

    device in the

    poem?

    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 non-

    fiction words used

    by the author for

    intellectual,

    emotional and

    aesthetic

    purposes.

    Technology

    Create a menu of

    your favorite dish on

    a webpage

    English

    Writing activity

    Answer the followingquestions apply the

    three list tags.

    1. What is

    flashback?

    Technology

    How to

    create,

    unordered,

    ordered and

    define list?

    English

    What is the

    importanceof list tags in

    enumeration

    and

    definition?

     

    2 What is

  • 8/16/2019 Computer Programming CLM.pdf

    29/68

    7 | P a g e  

    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 storyaccording to their

    logical order?

    4. 

    Insert

    Forms 

    4.1 

    Form tag

    according to

    requirements

    is created.

    4.2 

    Text fields,

    radio buttons,

    checkboxesand form’s

    action

    attribute are

    used input

    tags according

    to

    requirements

    of the

    webpage.

    Inserting form

    Using text fields,

    radio buttons, check

    boxes and form’s

    action

    Technology

    Create a form

    depicting your

    personal information

    using text fields,

    radio buttons, check

    boxes and action

    forms.

    Technology

    How to

    create forms

    with text

    fields, radio

    buttons,

    check boxes

    and actionbuttons?

    5. 

    Add links  5.1Links to pageson the web in

    accordance to

    the

    requirements

    Linking objects topages on the web

    Y-3Explain theproperties and

    behavior of gases

    based on Kinetic

    Molecular Theory

    Y-3Manifest ability to

    solve practical

    problems involving

    types of

    Produce a unifiedtext using

    cohesive devices

    to achieve

    coherence and

    TechnologyResearch from the

    internet topics

    regarding the parts

    of the computer and

    TechnologyHow to link

    objects to

    pages on the

    web, within

     

    are added quadrilaterals and clarity in thought create a webpage the website

  • 8/16/2019 Computer Programming CLM.pdf

    30/68

    8 | P a g e  

    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. 

    Science

    Behavior of gases

    Create a simplewebsite about the

    Kinetic Molecular

    Theory and add links

    related to the site

    created.

    Math

    Create a simple

    website about

    quadrilaterals andtheir 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

    the website,

    within the

    specific point

    in a page? 

    Math/Science

    Why do links

    important ina webpage?

    English

    Why are

    cohesive

    markersimportant to

    achieve

    coherence

    and clarity of

     

    clarity and thought?

  • 8/16/2019 Computer Programming CLM.pdf

    31/68

    9 | P a g e  

    y

    coherence.

    g

    6.  Insert tables.  6.1Tables are

    inserted in

    accordance to

    the

    requirements

    of thewebpage.

    6.2Tables with

    borders are

    added to the

    requirement s

    of the

    webpage.

    6.3Headings in atable 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

    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.

    EnglishFilling out forms

    Create a web page

    on the different

    business forms that

    Technology

    How to

    create tables

    with borders

    and

    headings?

    Science

    What is the

    significance

    of using

    tables in a

    webpage?

    MathWhat is the

    importance

    of using

    tables in

    relation with

    the

    requirements

    of the

    webpage?

    English

    Why is it

    important to

    fill out forms

     

    you have correctly?

  • 8/16/2019 Computer Programming CLM.pdf

    32/68

    10 | P a g e  

    accomplished.

    7.  Create

    Frames 

    7.1 

    Vertical

    frameset are

    created

    according to

    the

    requirementsof the

    webpage.

    7.2 

    Horizontal

    frameset are

    created

    according to

    the

    requirements

    of he webpage.

    7.3  No frames

    tag used in the

    webpage.

    7.4 

    Navigations

    frames are

    created in the

    webpage.

    Adding vertical

    frameset

    Adding horizontal

    frameset

    Creating no frames

    Creating navigation

    frames

    Arrive at the

    meaning of words

    through word

    analysis

    Technology

    Create a webpage

    containing frames

    regarding your

    personal information

    i.e. age, addressfavorites 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.

    Technology

    How to

    create

    vertical,

    horizontal

    andnavigation

    frames?

    English

    How does wor

    analysis help i

    getting the

    meaning of a

    word?

     

  • 8/16/2019 Computer Programming CLM.pdf

    33/68

    11 | 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

    LEARNING

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIES

    GUIDE

    QUESTIONS

    TECHNOLOGY SCIENCE MATH ENG/COMM

    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 WebBrowser.

    Identifying the

    parts of

    FrontPage

    window

    Creating simple

    web site withthree web pages

    Saving and

    viewing website

    Y-3 

    Illustrate the of

    formation of

    ionic, covalent

    and metabolic

    bonds

    Note: Applicable

    to LO 1-10 

    Y-3

    Apply

    deductive skills

    to show

    congruence

    betweentriangles

    Note:

    Applicable to

    LO 1-10

    Write texts

    with overall

    text structure

    Technology

    Label the parts of

    FrontPage window.

    Create, save and view

    simple web site with three

    web pages.

    Science

    Chemical Bonding

    Prepare a simple published

    website showing bonding

    of atoms using the

    Microsoft FrontPage

    application

    Math

    Prepare a simple publishedwebsite showing

    congruence between

    triangles using the

    Microsoft FrontPage

    application.

    Technology

    What are the parts of

    FrontPage window?

    How to create, save

    and view web site and

    web page?

    Math &Science

    Why is it essential to

    use the Microsoft

    FrontPage instead of

    other software

    application in building

    a website?

     

    E li h E li h

  • 8/16/2019 Computer Programming CLM.pdf

    34/68

    12 | P a g e  

    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?

    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.

    2.3 Bulleted and

    numbered list are

    created.

    Technology

    Changing the

    format of text

    style, size, color

    and alignment

    Creating bulleted

    and numbered

    list

    Use non-linear

    flowchart to

    describe a

    process

    Technology

    Change the format of text

    style, size, color and

    alignment according to job

    requirement.

    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.

    Technology

    How to change the

    format of text style,

    size, color and

    alignment?

    How to create bulleted

    and numbered list?

    English

    How do font style, size

    and color help in

    describing a process?

    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

    Technology

    Insert and edit image

    properties according to

    given procedures and

    requirements

    English

    How do font style, size and

    color help in describing a

    Technology

    How to insert image?

    How to change the

    properties of image?

    English

    How do pictures or

    images convey idea?

  • 8/16/2019 Computer Programming CLM.pdf

    35/68

     

    4 4A link to his/her

    email address?

  • 8/16/2019 Computer Programming CLM.pdf

    36/68

    14 | P a g e  

    4.4 A link to his/her

    email address is

    created.

    English

    Writing activity

    Connect the given

    sentences using the

    cohesive devices to

    achieve coherence and

    unity of thoughts.

    English

    Why cohesive markers

    important?

    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

    Technology

    Insert table according to

    requirements.

    Add and delete rows and

    column.

    Change the Table and Cell

    properties according to

    requirements.

    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.

    Technology

    How to insert table?

    How to add and delete

    rows and columns?

    How to change table

    and cell properties?

    How to insert image

    inside the table?

    English

    How do graphic

    representations like

    table or chart help

    present information?

     

    based on the

    requirements.

  • 8/16/2019 Computer Programming CLM.pdf

    37/68

    15 | P a g e  

    q

    5.7 Table’s border and

    background are set

    based on the given

    format.

    5.8 

    Image within a cellis inserted.

     

  • 8/16/2019 Computer Programming CLM.pdf

    38/68

    16 | 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

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIES

    GUIDE

    QUESTIONS

    TECHNOLOGY SCIENCE MATH ENG/COMM

    6.  Create

    frame and

    frameset.

    6.1 Frameset is created

    according to

    requirements.

    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.

    Creating frames

    and frameset

    Saving frameset

    Defining frametarget location

    Creating inline

    frames

    Y-3

    Explain the

    properties and

    behavior of

    gases based on

    KineticMolecular

    Theory

    Y-3

    Identify,

    illustrate and

    name the

    different kinds

    ofquadrilaterals

    Determine the

    information

    map suited to

    contrastive

    argumentative

    text

    Technology

    Create frames and

    frameset.

    Save frameset in given

    folder.

    Define the frame target

    location.

    Create inline frames

    Science

    Webpage Presentation

    Presenting a webpage on

    the properties of gases

    based on KMT using frameand frameset of MS

    FrontPage

    Math

    Solve problems involving

    quadrilaterals in relation

    with managing and

    Technology

    How to create frame

    and frameset?

    What are the steps in

    saving frameset?

    What are the steps in

    defining the target

    location of a frame?

    Science

    Are frame and

    frameset a useful tool

    in presenting a

    webpage on theproperties of gases

    based on KMT? How

    are those frames

    utilized?

    Math

    How are your

    knowledge and skills

    on quadrilaterals guide

     

    building webpage. you in creating frame

    and frameset?

  • 8/16/2019 Computer Programming CLM.pdf

    39/68

    17 | P a g e  

    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?

    7.  Apply

    cascading style

    sheet.

    7.1 Inline, Embedded

    and External style

    using the required

    formats are

    created.

    7.2 

    External style sheet

    is saved in a

    defined folder.

    7.3 Inline, Embedded

    and External Styles

    are applied in a

    specific web page.

    Creating Inline,

    Embedded and

    External

    cascading style

    sheet

    Y-3

    Determine the

    number of

    protons,

    number of

    neutrons and

    number of

    electrons in an

    atom/ion

    Technology

    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.

    Technology

    How to create Inline,

    Embedded and

    External cascading

    style sheet?

    Science

    Why do CSS Codes

    important in the

    webpage presented?

    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

    Technology

    Add Interactive buttons

    and set each behavior

    according to

    requirements.

    Science

    Reactivity of Atoms

    Technology

    How to insert

    Interactive buttons?

    What are the steps in

    setting the behavior of

    Interactive button?

    Science

    How interactive

     

    in the web page is

    created.

    Create a webpage

    describing the reactivity of

    th t i t f it

    buttons and dropdown

    menu helps in

    b

  • 8/16/2019 Computer Programming CLM.pdf

    40/68

    18 | P a g e  

    the atom in terms of its

    valence electrons applying

    dropdown menus and

    interactive button.

    English

    Writing activityCreate a web page of your

    personal written output

    which is narrative using

    description. Highlight your

    work using dynamic

    element.

    webpage

    presentation?

    English

    How does dynamicelement enhance a

    particular web page?

    9. 

    Apply

    themes, link

    bars and

    templates.

    9.1 

    Theme in a Web

    Site is applied.

    9.2 

    A Link bar withspecified link

    based on

    requirements is

    inserted.

    9.3 Page banner in a

    Web Site is added.

    9.4 

    Shared Border in a

    Web Site is used.

    9.5 

    Web page templateare designed and

    created.

    Applying theme

    in web site

    Adding Link bars,Page banners

    and Shared

    borders

    Creating Page

    template

    Y-3

    Identify

    different types

    of solutions

    Determine the

    information

    map suited to

    informativeclassification of

    texts,

    informative

    process texts

    and contrastive

    argumentative

    texts.

    Technology

    Apply theme in a web site.

    Add Link bars, Pagebanners, and Shared

    borders according to

    requirements

    Create a page template.

    Science

    Types of Solutions

    Applying themes, linkbars, and templates in

    presenting the different

    types of solutions.

    Technology

    How to apply theme in

    a web site?

    How to add Link bars,

    Page banners and

    Shared borders in web

    site?

    How to create a page

    template?

    Science

    How do themes, link

    bars and templateshelps in making the

    site created

    interactive?

     

    English

    Describing a process

    English

    How does a flowchart

  • 8/16/2019 Computer Programming CLM.pdf

    41/68

    19 | P a g e  

    Describing a process 

    Create a flow chart of the

    steps on how themes, link

    bars and templates are

    applied.

    How does a flowchart

    help present a

    procedure or process

    clearly?

    10. Publish

    website.

    10.1  Web site is

    uploaded usingdesired web

    hosting site.

    Publishing your

    web site

    Y-3

    Separate thecomponents of

    a mixture

    Y-3

    Demonstrateknowledge 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 thepoem with the

    situation in the

    world outside.

    Technology

    Publish your web site.

    Science

    Website Publishing

    Creating a website on the

    ways of separating the

    components of a mixture

    and publishing it on the

    web. 

    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 hostingsite.

    English

    Composing a poem

    Technology

    What are the steps inpublishing your web

    site?

    Science

    Cite some significance

    of website publishing.

    Math

    Why is there a need to

    solve problems on

    circles before creating

    and uploading a simple

    website?

    English

    What are the

     

    The students are asked to

    make a web page, the

    poem composition

    advantages of

    publishing a web site?

  • 8/16/2019 Computer Programming CLM.pdf

    42/68

    20 | P a g e  

    poem composition

    entitled “The Power of

    Prayer” to be published in

    the website.

     

    QUALIFICATION TITLE: COMPUTER PROGRAMMING 

    UNIT OF COMPETENCY: CREATE VISUAL BASIC PROGRAMS

  • 8/16/2019 Computer Programming CLM.pdf

    43/68

    1 | P a g e  

    UNIT OF COMPETENCY: CREATE VISUAL BASIC PROGRAMS 

    MODULE TITLE: CREATING VISUAL BASIC PROGRAMS 

    LEARNING

    OUTCOMES

    ASSESSMENT

    CRITERIA

    LEARNING

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIESGUIDE

    QUESTIONSTECHNOLOGY SCIENCE MATH ENG/COMM

    1.  Describe the

    background

    and importance

    of

    programming

    and early

    programming

    languages.

    1.1 Reasons for

    creating

    programs is

    understood.

    1.2 Brief history of

    programming is

    familiarized

    Understanding

    reasons for

    creating programs

    Familiarizing the

    brief history of

    programming

    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

    Y-4

    Determine the

    content and

    functions of

    statements in

    lecture.

    Y-4

    Use

    accompanying

    non-verbal cuesto highlight

    significant points

    in extended

    discourse.

    Y-4

    Ask and respond

    to questions

    raised in

    different

    situations (e.g.open forums)

    Technology

    Identification of

    parts of a program.

    Identify the parts of

    a program and

    determine its

    purpose.

    Science

    Audio-Visual

    Presentation

    Math

    Play games and

    puzzle on

    communicating and

    translating ideas

    to/from verbal and

    symbolic forms

    involving concepts

    in Visual Basic

    programming.

    Technology

    Why create

    computer programs?

    Math

    Do your knowledge

    and skills in

    communicating and

    translating ideas

    to/from verbal and

    symbolic formshelped you create

    visual basic

    programs?

    English

    What guidelines

    should be considered

    in presenting a

    lecture?

    EnglishWhat is the

    importance of using

    timeline?

     

    1.3 Steps in

    creating a

    program are

    Identifying steps

    in creating a

    program

    Y4

    Speak clearly and

    spontaneously

    English

    Listening to a short

    talk.

    English

    What is the

    importance of

  • 8/16/2019 Computer Programming CLM.pdf

    44/68

    2 | P a g e  

    p g

    identified.

    1.4 Programs errors

    are resolved.

    1.5 Difference

    between syntax

    and logic errors

    are known.

    1.6 Transition from

    Basic to VisualBasic is

    understood.

    p g

    Resolving program

    errors

    Knowing the

    difference

    between syntax

    and logic errors.

    Understanding the

    transition from

    BASIC to Visual

    Basic

    p y

    adapting one’s

    speech to

    situations

    circumstances

    and people

    addressed.

    Y-4

    Write a short

    paragraph about

    an experiment

    performed in

    class.

    Listen to a chosen

    classmate who will

    be discussing on

    the reasons for

    creating programs.

    The spokespersonhas to use the rules

    in subject-verb

    agreement.

    English

    TV Hosting/Using

    Timeline

    Trace the history of

    programming

    through time line.

    Present the timeline through TV

    hosting..

    English

    Conducting a buzz

    group.

    Discuss the

    procedure in

    creating a program.

    Leaders will go to

    different groupsand talk about what

    have been

    discussed in their

    group.

    p

    communications

    skills in conducting a

    buzz group?

    English

    What rhetorical

    function and

    technique is use in

    developing a

    paragraph?

     

    English

    Writing a

  • 8/16/2019 Computer Programming CLM.pdf

    45/68

    3 | P a g e  

    paragraph.

    Write a short

    paragraph using

    science topic

    particularly

    Interrelating of SirIsaac Newton’s Law

    of Motion. Use the

    procedure in

    resolving program

    errors.

    English

    2.  Install the

    Visual Basic

    programmingsystem.

    2.1 

    Visual Basic

    programming

    system is

    installed.

    2.2 Starting and

    stopping Visual

    Basic is

    determined.

    2.3 

    Visual Basicenvironment is

    recognized.

    Installing Visual

    Basic

    programming

    system

    Determining how

    to start and stop

    Visual Basic

    Recognizing VisualBasic environment

    Y-1 & Y-2

    Compare the

    different ecological

    system to arrive atcharacteristics

    common to all

    Y-4

    Demonstrate

    knowledge and

    skill related tofunctions in

    general

    Y-4

    Observe

    conservation

    strategies in face-to-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 thevisual 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 helpsin differentiating a

    function from a mere

    relation?

     Math

    Prepare a

    presentation on

    f i i h

    English

    What are the

    guidelines to be

    f ll d i

  • 8/16/2019 Computer Programming CLM.pdf

    46/68

    4 | P a g e  

    functions using the

    visual basic

    program.

    English

    Interviewingresource persons.

    Invite a software

    engineer and let

    him give the

    procedure in

    installing the Visual

    Basic programming

    system.

    followed in

    interviewing a

    resource person?

    3.  Recognize

    format of a

    Visual Basicprogram.

    3.1 

    Loading and

    running a

    program areunderstood.

    3.2 The Label, Text

    box, and Check

    box controls are

    used.

    3.3 

    Command andOption buttons

    are utilized.

    Understanding the

    loading and

    running of aprogram. 

    Using the Label,

    Text box and

    Check box

    Utilizing theCommand and

    Option buttons

    Y-4

    Discuss the

    significance of thecontributions of

    Franklin, Coulumb,

    Volta, Ohm and

    Filipino inventors

    in electrical energy

    and related

    technology.

    Y-4

    Analyze the

    effects on thegraph of changes

    in a, h and k in f(x)

    = a(x-h)2 + k

    Y-4

    Use grammatical

    structure andvocabulary

    needed to

    effectively

    emphasize

    particular points.

    Technology

    Create a program.

    Create a programusing 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 andk using Visual Basic

    Program.

    Technology

    How do you identify

    elements of a VisualBasic environment?

    Math & Science

    How do toolbox,

    label, textbox,

    checkbox and simple

    combo box utilized in

    the presentation?

    English

    What is thesignificance of

    making comic strips.

     

    3.4 Drop-down

    combo list and

    Simple combo

    box are

    Recognizing Drop-

    down combo list

    and Simple combo

    box

    Science

    Electrical Energy

    Development

    Discuss the

  • 8/16/2019 Computer Programming CLM.pdf

    47/68

    5 | P a g e  

    box are

    recognized.

    3.5 List box for

    selection is

    understood.

    box.

    Understanding

    List box for

    selection

    Discuss the

    contributions of

    scientists in

    electrical energy

    and related

    technologicaladvancement

    applying the label,

    textbox, checkbox

    and simple combo

    box of the visual

    basic program.

    English

    Preparing comic

    strips.

    Make comic stripson the procedure

    to be followed in

    recognizing format

    of a Visual Basic

    program. Use the

    rules in subject-

    verb agreement as

    well as the words of

    sentences

    according to

    structure.

  • 8/16/2019 Computer Programming CLM.pdf

    48/68

     

    5.  Explore

    Labels,

    Command

    buttons, and

    5.1 The focus and

    controls are

    identified.

    Identifying the

    focus and controls

    Y-4

    Explain the role of

    energy in the

    development of

    Y-4

    Find the measures

    of central

    tendency using

    Y-4

    Use grammatical

    structure and

    vocabulary

    Technology

    Create a program.

    Create a program

    that uses controls

    Technology

    What are the

    functions of the

    available controls?

  • 8/16/2019 Computer Programming CLM.pdf

    49/68

    7 | P a g e  

    buttons, and

    Text boxes in

    detail.

    5.2 The command

    button is used.

    5.3 

    Label properties

    are manipulated.

    5.4 Text box controls

    are recognized.

    5.5 Setting

    properties are

    known.

    Using the

    command button

    Manipulating

    Label properties

    Recognizing Text

    box controls

    Knowing ha to set

    properties

    development of

    human society

    tendency using

    grouped data

    -mean

    -median

    -mode

    vocabulary

    needed to

    effectively

    emphasize

    particular points.

    that uses controls

    and set their

    corresponding

    properties. 

    ScienceEnergy

    Development

    Create a visual

    basic presentation

    on Energy

    Development

    showing the use of

    command button

    and text box.

    MathCreate 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 inexploring labels,

    command buttons

    and text boxes in

    detail.

    available controls?

    Math & Science

    How do command

    button and text boxare utilized in

    presenting the topic

    using Visual Basic?

    What is the

    significance of

    making cohesive

    devices?

     

    6.  Polish forms

    and controls.

    6.1 Properties of the

    form are

    identified.

    Y-4

    Organize

    information in

    text bearing in

    Technology

    Create a program.

    Create a program

    that that enhances

    Technology

    Why is it important

    to know on how to

    change the

  • 8/16/2019 Computer Programming CLM.pdf

    50/68

    8 | P a g e  

    6.2 Advanced labels

    are used.

    6.3 Scrolling text

    boxes areunderstood.

    6.4 Control text

    boxes are

    focused.

    6.5 Control events

    are recognized.

    g

    mind the overall

    macro discourse

    pattern and

    generic structure

    switch to theobjective of the

    written

    discourse.

    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.

    g

    properties of

    controls?

    EnglishWhat 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?

     

    QUALIFICATION TITLE: COMPUTERPROGRAMMING

  • 8/16/2019 Computer Programming CLM.pdf

    51/68

    9 | P a g e  

    QUALIFICATION TITLE: COMPUTER PROGRAMMING 

    UNIT OF COMPETENCY: PERFORM DATA ENTRY AND VALIDATION 

    MODULE TITLE: PERFORMING DATA ENTRY AND VALIDATION 

    LEARNING

    OUTCOMES

    ASSESSMENT

    CRITERIA

    LEARNING

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIESGUIDE

    QUESTIONSTECHNOLOGY SCIENCE MATH ENG/COMM

    1.  Perform

    placing and

    interacting with

    controls.

    1.7 Data types are

    identified.

    1.8 

    Storing variables

    is performed.

    1.9 

    Mathematical

    expressions are

    utilized

    Identifying data

    types

    Performing storing

    of variables

    Utilizing

    mathematical

    expressions

    Y-4

    Compare data to

    look for patterns

    and trends.

    Y-4

    Given

    f(x)= mx + b,

    determine the

    trend(increasing

    or decreasing)

    Y-1

    Perform

    fundamental

    Y4

    Speak clearly

    spontaneously

    adopting one’s

    speak to

    situation,

    circumstances

    and people add

    research.

    Technology

    Create a program.

    Create a program

    that declares

    variables, assign

    values and

    compute using

    given values. 

    MATH

    Construct table of

    values and graph to

    determine the

    trend of the graph.

    SCIENCE

    DATA

    INTERPRETATION

    Technology

    What are the types

    of data in Visual

    Basic?

    MATH

    How do you

    interpret the given

    table of values?

    SCIENCE

    Why does

    interpretation of

    data important?

    MATH

    Do your knowledge

    and skills on

  • 8/16/2019 Computer Programming CLM.pdf

    52/68

     

    2.6 Logical operators

    are recognized

    2.7 Multiple data

    i i

    Recognizing

    logical operators

    Performing data

    i

    GAME

    Make a creative

    self-check material

    or an interactive

    tili i th

    What is the

    significance of using

    non-verbal cues in

    demonstrating the

    d ?

  • 8/16/2019 Computer Programming CLM.pdf

    53/68

    11 | P a g e  

    comparison is

    performed.

    comparison game utilizing the

    following:

    a. IF ()

    statement

    b. 

    SELECT CASEformat

    c. SELECT

    statement

    d. Logical

    operations

    English

    Conducting a talent

    search

    Demonstrate the

    enabling decision –making capability

    though a TV talent

    search:

    procedures?

    3.  Manage and

    display

    message and

    input boxes.

    3.6 The need for

    remarks is

    recognized.

    3.7 

    A response is

    indicated from a

    message.

    3.8 

    Answers are

    received from a

    message and

    Recognizing the

    need for remarks

    Indicating a

    response from a

    message

    Receiving answers

    from a message

    and returning

    Y-4

    Explain

    electromagnetic

    induction.

    Y4

    Use

    accompanying

    non-verbal cues

    (e.g. gestures to

    highlights

    significant points

    in extendeddiscourse.

    Technology

    Create a program.

    Create a program

    that computes the

    Amount of bill

    based on the given

    total minutes of call

    and number ofminutes. Display

    the output. 

    SCIENCE

    Technology

    Are remarks

    important?

    SCIENCE

    How do message and

    input box are used in

    the presentation?

    English

    What

    communication

     

    values are

    returned.

    values ELECTROMAGNETI

    C INDUCTION

    Create a

    presentation by

    which message box

    strategies should be

    used in conducting a

    panel interview?

  • 8/16/2019 Computer Programming CLM.pdf

    54/68

    12 | P a g e  

    which message box

    () function and

    input boxes are

    used.

    English

    TV hosting conduct

    a panel interview

    on the issues

    related to

    managing and

    displaying message

    and input boxes.

    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.

    Performing

    executing a body

    of a loop

    Performing

    repeating a

    section of code for

    A specified

    number of times.

    Y-4

    Describe the

    development ofvarious energy

    sources in the

    country.

    Y4

    Produce different

    text types andsubs types (e.g.

    descriptions)

    Technology

    Create a program.

    Create a programthat 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. 

    SCIENCELOOP A WORD

    Create a loop a

    word game on the

    development of

    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 aparticular text type

    when creating pop-

    up books?

     

    various energy

    sources in the

    country.

    English

  • 8/16/2019 Computer Programming CLM.pdf

    55/68

    13 | P a g e  

    English

    Creating pop-up

    books

    In group, make a

    pop-up book on theprocedure of

    adding looping to

    visual Basic

    programs.

    5.  Manage

    variable data

    storage.

    5.1 Advantages of

    arrays are

    identified.

    5.6 List boxes are

    used.

    5.7 Combo boxes are

    used.

    Identifying

    advantages of

    arrays

    Using List boxes

    Using Combo

    boxes

    Y-4

    Collect statistical

    data and organize

    in a table

    Y4

    Expand does in

    well-constructed

    paragraphs

    observing

    cohesion,

    coherence andthe appropriate

    modes of

    paragraph

    development.

    Technology

    Create a program.

    Create a program

    that will input for

    an employee name,

    current position,

    status code andrate per month.

    Determine the

    position and status.

    Compute the Total

    benefits. Display

    the output. 

    MATH

    Monitor and record

    the collection and

    organization ofdata in relation to

    the work done.

    English

    Technology

    What is the

    importance of

    arrays?

    MATH

    Why is there a needto gather and

    organize data on the

    work done?

    English

    What guidelines

    should be followed

    in writing a friendly

    letter?

     

    Writing friendly

    letter

    Write a friendly

    letter narrating the

    procedure in

  • 8/16/2019 Computer Programming CLM.pdf

    56/68

    14 | P a g e  

    p

    managing variable

    data storage.

    6. Use new

    controls.

    6.1 Choices for

    Option button

    are identified.

    6.2 More choices for

    Check boxes are

    identified.

    6.3 Simplifying

    programming

    using control

    arrays is applied.

    Identifying choices

    for Option button

    Identifying more

    choices for Check

    boxes

    Applying

    simplification of

    programming

    using control

    arrays

    Y4

    Describe the

    emotional appealof a piece.

    Technology

    Create a program.

    Create a programthat will input for

    club handling

    booth, booth type,

    earnings.

    Determine the club

    and booth.

    Compute the

    earnings. Display

    the output. 

    EnglishPresenting an MTV

    Present an MTV of

    the procedure in

    using new controls.

    Technology

    Why program

    simplification isdone?

    English

    What guidelines

    should be followed

    in presenting an

    MTV?

     

    QUALIFICATION TITLE: COMPUTER PROGRAMMING 

    UNIT OF COMPETENCY: ACCESS AND MANAGE FILES IN VISUAL BASIC

  • 8/16/2019 Computer Programming CLM.pdf

    57/68

    15 | P a g e  

    UNIT OF COMPETENCY: ACCESS AND MANAGE FILES IN VISUAL BASIC 

    MODULE TITLE: ACCESSING AND MANAGE FILES IN VISUAL BASIC  

    LEARNING

    OUTCOMES

    ASSESSMENT

    CRITERIA

    LEARNING

    CONCEPTSLEARNING COMPETENCIES

    LEARNING

    ACTIVITIES

    GUIDE

    QUESTIONSTECHNOLOGY SCIENCE MATH ENG/COMM

    1. Use built-in

    string and

    numeric

    functions.

    1.10 Numeric

    functions are

    used.

    1.11 String

    functions are

    used.

    1.12 General

    functions are

    recognized and

    utilized.

    Using numeric

    functions

    Using string

    functions.

    Recognizing and

    utilizing general

    functions.

    Y-1

    Perform

    fundamental

    operations on

    integers; addition,

    subtraction,

    multiplication and

    division

    Y4

    Transcode

    information from

    linear to non-

    linear texts and

    vice versa.

    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.

    English

    Comparing and

    constructing

    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?

     

    Compare and

    construct numeric

    functions with

    string function

    using the venn

  • 8/16/2019 Computer Programming CLM.pdf

    58/68

    16 | P a g e  

    diagram.

    2. Utilize built-

    in date, timeand formatting

    functions.

    2.8 Date and time

    from Visual Basicis set

    2.9 Elapsed time

    from two time

    periods is

    computed.

    2.10  Date

    arithmetic is

    performed.

    2.11  Date and time

    are broken into

    values.

    Setting date and

    time from VisualBasic

    Computing

    elapsed time from

    two time periods

    Performing date

    arithmetic

    Breaking date and

    time into values

    Y-1

    Convertmeasurement

    from one unit to

    another

    Y-4

    Solve problems

    involving linear

    functions

    Y4

    Use outlines tosum 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 doctor’s 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, timeand distance in

    relation to

    accessing and

    managing files in

    Technology

    What are thearithmetic

    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 formattingfunctions? 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

     

    visual basic.

    English

    Creating a

    magazine

    C t i

    magazine?

  • 8/16/2019 Computer Programming CLM.pdf

    59/68

    17 | P a g e  

    Create a magazine

    of procedure on

    utilizing built in

    date, time andformatting

    functions.

    3. Reduce the

    size of event

    procedure.

    3.9 Programs are

    broken into as

    many small but

    logical sections.

    3.10 

    Externalmodule is

    utilized. 

    3.11  Function

    procedures are

    used. 

    Breaking

    programs into as

    many but small

    logical sections 

    Utilizing externalmodule

    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 devicesused by the

    writer.

    Technology

    Create a program.

    Create a program

    that will input for

    taxpayer name,

    year of birth and

    month of birth.

    Generate theTaxpayer

    Identification

    Number based the

    inputted data.

    Display the output. 

    MATH

    Play DAMATH on

    fractions/signed

    numbers.

    English

    Role playing

    Role play the

    procedure in

    Technology

    How effective a

    program is when

    modularized?

    MATH

    What is the

    relevance of