You are on page 1of 81

Unit of Competency : Module Title :

EXPLORE COMPUTER PROGRAMMING EXPLORING COMPUTER PROGRAMMING This module covers the knowledge, skills and attitude in understanding computer programming. This includes studying the history of Computer Programming; identifying different types of programming and language; and designing flowchart to create a simple program. 80 hours None

Module Description :

Suggested Duration : Pre-requisites :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. LO 2. LO 3. LO 4. explain the history of Programming Languages. identify the different Programming Languages. design Algorithm and Flowchart. create simple program.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

1|Page

LO1.

EXPLAIN THE HISTORY OF PROGRAMMING LANGUAGE

ASSESSMENT CRITERIA: 1. History of programming is explained. 2. Inventors who introduced programming are identified.

CONTENTS: Explaining history of Computer Programming Identifying Inventors who introduced programming

CONDITION: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer with licensed MS Windows XP, MS Office, mouse, speaker, AVR/UPS LCD Projector Learning Materials: Multimedia Modules/Handouts Reference books

METHODOLOGIES: Self-paced learning /Modular Lecture/Discussion

ASSESSMENT METHODS: Computer/Paper-based Oral questioning

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

2|Page

LO2.

IDENTIFY DIFFERENT PROGRAMMING LANGUAGES

ASSESSMENT CRITERIA: 1. Different Programming languages are identified.

CONTENTS: Identifying Different Programming Languages

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS Office, mouse, speaker, AVR/UPS LCD Projector Learning Materials: Multimedia Modules/Handouts Reference books

METHODOLOGIES: Self-paced learning /Modular Lecture/Discussion

ASSESSMENT METHODS: Computer/Paper-based Oral questioning

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

3|Page

LO3.

DESIGN ALGORITHM AND FLOWCHART

ASSESSMENT CRITERIA: 1. Algorithm of program that displays the sum of two integers is listed. 2. Flowchart of program that displays the sum of two integers is designed.

CONTENTS: Using Algorithm and Flowchart Identifying Flowcharting symbols Designing Flowchart

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS Office, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Paper and Pen Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion ASSESSMENT METHODS: Computer/Paper-based Oral questioning

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

4|Page

LO4.

CREATE SIMPLE C PROGRAM

ASSESSMENT CRITERIA: 1. Simple program that computes and displays the sum of two integers is created.

CONTENTS: Creating simple C program that prints a line of text Creating simple C program that adds two integers

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, C++ programming language, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books

METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

5|Page

Unit of Competency Module Title Module Description

: : :

CREATE C PROGRAMS CREATING C PROGRAMS This module covers the knowledge, skills and attitude required to create C programs using basic problem-solving techniques with the use of selection and repetition structures and necessary operators. 80 hours Working knowledge in PC Operations

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. write a simple computer program in C. LO 2. perform basic problem-solving techniques. LO 3. use selection structures. LO 4. use repetition structures. LO 5. utilize assignment and unary operators.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

6|Page

LO 1. WRITE A SIMPLE COMPUTER PROGRAM IN C

ASSESSMENT CRITERIA: 1. Simple input and output statements are used. 2. Memory concepts are explained. 3. Arithmetic in C is performed. 4. Equality and relational operators are utilized. CONTENT: Using simple input and output statement Explaining memory concepts Performing arithmetic in C Utilizing equality and relational operators CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

7|Page

LO 2. PERFORM BASIC PROBLEM-SOLVING TECHNIQUES

ASSESSMENT CRITERIA: 1. Algorithms are used. 2. Pseudocode is utilized. CONTENT: Using algorithms Utilizing pseudocode CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

8|Page

LO 3. USE SELECTION STRUCTURES

ASSESSMENT CRITERIA: 1. Control structures are used. 2. Choosing among alternative courses of action is performed. 3. Specifying an action is repeated. CONTENT: Using control structures Performing choosing among alternative courses of action Repeating a specified action CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test Output-based

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

9|Page

LO 4. USE REPETITION STRUCTURES

ASSESSMENT CRITERIA: 1. Counter-controlled repetition is used. 2. Sentinel-controlled repetition is used. 3. Nested control structures are utilized. CONTENT: Using counter-controlled repetition Using sentinel-controlled repetition Utilizing nested control structures CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

10 | P a g e

LO 5. UTILIZE ASSIGNMENT AND UNARY OPERATORS

ASSESSMENT CRITERIA: 1. Assignment operators are used. 2. Increment and decrement operators are utilized. CONTENT: Using assignment operators Utilizing increment and decrement operators CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

11 | P a g e

Unit of Competency Module Title Module Description

: : :

UTILIZE C PROGRAM CONTROL AND FUNCTIONS UTILIZING C PROGRAM CONTROL AND FUNCTIONS This module covers the knowledge, skills and attitude required in utilizing C program control and functions to handle decisionmaking by constructing modular programs. 80 hours Create C programs

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. handle decision-making. LO 2. determine logical and confusing operators. LO 3. construct programs modularly. LO 4. applied mechanisms used to pass information between functions. LO 5. write and use functions that call themselves.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

12 | P a g e

LO 1. HANDLE DECISION-MAKING

ASSESSMENT CRITERIA: 1. Multiple-selection statement is used. 2. Loop-continuation condition is tested after the loop body is performed. 3. Flow of control is altered. CONTENT: Using multiple-selection statement Testing loop-continuation condition after the loop body is performed Altering the flow of control CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

13 | P a g e

LO 2. DETERMINE LOGICAL AND CONFUSING OPERATORS

ASSESSMENT CRITERIA: 1. Logical operators are used. 2. Confusing equality and assignment operators are clarified. CONTENT: Using logical operators Clarifying confusing equality and assignment operators CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

14 | P a g e

LO 3. CONSTRUCT PROGRAMS MODULARLY

ASSESSMENT CRITERIA: 1. Program is modularized. 2. Common mathematical calculation is performed. 3. Functions are defined. 4. Function prototype is identified. CONTENT: Modularizing a program Performing common mathematical calculation Defining functions Identifying function prototype CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

15 | P a g e

LO 4. APPLIED MECHANISMS USED TO PASS INFORMATION BETWEEN FUNCTIONS

ASSESSMENT CRITERIA: 1. Headers are utilized according to purpose. 2. Calling functions is performed. 3. Storage classes are identified. CONTENT: Utilizing headers according to purpose Performing calling functions Identifying storage classes CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

16 | P a g e

LO 5. WRITE AND USE FUNCTIONS THAT CALL THEMSELVES

ASSESSMENT CRITERIA: 1. Identifiers are referenced. 2. Recursive function is used. 3. Difference of recursion and iteration is determined. CONTENT: Referencing identifiers Using recursive function Determining difference of recursion and iteration CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

17 | P a g e

Unit of Competency : Module Title :

USE COMPOUND DATA TYPES USING COMPOUND DATA TYPES This module covers the knowledge, skills and attitude required to write program using c programming language. This includes defining single and multiple-subscripted arrays, using pointers and pointer operator, and manipulating input/output function using strings and characters. 80 hours
Creating C Programs; Utilizing C Programs

Module Description :

Suggested Duration : Pre-requisites :

Learning outcomes

Upon completion of this module, the students should be able to: LO 5. work with Arrays. LO 6. work with Pointers. LO 7. work with Characters and Strings.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

18 | P a g e

LO1.

CREATE PROGRAM THAT USES ARRAYS

ASSESSMENT CRITERIA: 3. 4. 5. 6. Program that uses arrays is created. Program that uses array to call function is created. Program with multiple arrays is created. Program that uses arrays is manipulated.

CONTENTS: Introducing Arrays Defining and Initializing Arrays Passing Arrays to Functions Sorting Arrays Manipulating Multiple-subscripted Arrays

CONDITION: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, C++ programming language, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

19 | P a g e

LO2.

CREATE PROGRAM THAT USES POINTERS

ASSESSMENT CRITERIA: 2. Program that uses pointer and pointer operator is created. 3. Program that uses pointer operator to call a function is created. CONTENTS: Defining and initializing Pointer Variable Using Pointer Operator Calling functions by reference

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, C++ programming language, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

20 | P a g e

LO3.

CREATE PROGRAM THAT USES CHARACTERS AND STRINGS

ASSESSMENT CRITERIA: 3. Program that validates the inputted character is created. 4. Program that counts the number of characters in a string entered is created. 5. Program that concatenates characters and strings is created. CONTENTS: Understanding Strings and Characters Handling Character library Manipulating String function Comparing String function handling library

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, C++ programming language, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

21 | P a g e

Unit of Competency Module Title Module Description

: : :

PERFORM FILE HANDLING IN C PERFORMING FILE HANDLING IN C This module covers the knowledge, skills and attitude required to perform file processing using C Language. This includes understanding input/output streams, creating structures, unions and enumerations. 80 hours Creating C Programs; Utilizing C Program Control and Functions; Using Compound Data Types

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. LO 2. LO 3.

create C formatted input/output. create C structures, unions and enumerations.


perform file processing in C.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

22 | P a g e

LO 1. CREATE C FORMATTED INPUT/OUTPUT

ASSESSMENT CRITERIA: 1. Input and output streams are explored and understood. 2. All print formatting capabilities are used according to the requirement of the program. 3. All input formatting capabilities are used according to the program requirement. 4. Formatting flags in the printf format control string are used as prerequisite of the program. 5. Literals and escape sequences are yielded in according to the program requirement. CONTENTS: Exploring and understanding input and output streams Using print formatting capabilities Using input formatting capabilities Using formatting flags in the printf format control string Creating literals and escape sequences

CONDITION: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

23 | P a g e

ASSESSMENT METHODS: Observation and oral questioning Computer /Paper-based

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

24 | P a g e

LO2.

CREATE C STRUCTURES, UNIONS AND ENUMERATIONS

ASSESSMENT CRITERIA: 1. 2. 3. 4. Structures, unions and enumerations are created and used. Structures are passed to functions by value and by reference. Data with bitwise operators are manipulated accordingly. Bit fields for storing data compactly are created.

CONTENTS: Creating and using structures, unions, and enumerations Passing structures to functions by value and by reference Manipulating data with bitwise operators Creating bit fields for storing data compactly

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

25 | P a g e

LO 3.

PERFORM FILE PROCESSING IN C

ASSESSMENT CRITERIA: 1. C files are created, read, written and updated. 2. Sequential access file processing is familiarized. 3. Random-access file processing is familiarized. CONTENTS: Creating, reading, writing and updating C data file Understanding and familiarizing sequential access file processing Understanding and familiarizing random-access file processing

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

26 | P a g e

Unit of Competency

CREATING WEBPAGE USING HTML (HYPERTEXT MARKUP LANGUAGE) CREATING WEBPAGE USING HTML (HYPERTEXT MARKUP LANGUAGE) This module covers the knowledge, skills, and attitudes required to create simple webpage using the HTML (Hypertext Markup Language). This include saving HTML documents, format text and paragraph. 80 hours Working knowledge in PC Operations

Module Title

Module Description

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. create and Save Basic Structure of HTML code. LO 2. format Text and Paragraph. LO 3. Insert horizontal rule.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

27 | P a g e

LO 1. CREATE AND SAVE BASIC STRUCTURE OF HTML CODE

ASSESSMENT CRITERIA: 5. A simple webpage is created using basic HTML tags. 6. Basic structure of HTML syntax is applied and explained. 7. HTML documents are saved on the given directory, folder and disk. CONTENTS: Creating basic structure of HTML code based on procedure Exploring the basic structure of HTML document Saving HTML document

CONDITION: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on

ASSESSMENT METHODS: Observation and oral questioning Computer /Paper-based

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

28 | P a g e

LO 2. FORMAT TEXT AND PARAGRAPH

ASSESSMENT CRITERIA: 5. Text settings are changed according to the requirements of the webpage. 6. Paragraph tag is used in accordance to the requirements of the webpage. 7. Used the break tag in the html document. CONTENTS: Formatting text using font tag and font attributes Formatting paragraph using paragraph tag and break tag CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

29 | P a g e

LO 3. INSERT HORIZONAL RULE

ASSESSMENT CRITERIA: 1. Horizontal rule tag is inserted according to the requirements of the webpage. CONTENTS: Inserting horizontal rule. CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

30 | P a g e

Unit of Competency

DESIGN AND DEVELOP WEBPAGE USING HTML (HYPERTEXT MARKUP LANGUAGE) DESIGNING AND DEVELOPING WEBPAGE USING HTML (HYPERTEXT MARKUP LANGUAGE) This module covers the knowledge, skills, and attitude required to design and develop webpages using the HTML (Hypertext Markup Language). This includes inserting images, creating list, adding links, tables, forms and frames. 80 hours Creating webpage using HTML

Module Title

Module Description

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. format CSS Style. LO 2. insert Images. LO 3. create List. LO 4. insert Forms. LO 5. add Links. LO 6. insert Tables. LO 7. create Frames.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

31 | P a g e

LO 1.

FORMAT CSS (CASCADING STYLE SHEET) STYLE

ASSESSMENT CRITERIA: 4. External styles sheet in the HTML document are inserted in accordance with the given webpage design. 5. Internal styles sheet in the HTML document are inserted in accordance with the given webpage design. 6. Inline styles in the HTML document are inserted in accordance with the given webpage design. 7. Style tags are used in a given webpage. CONTENTS: Inserting external style sheets to HTML document Inserting Internal style sheet to HTML document Inserting inline style to HTML document Applying style tag

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

32 | P a g e

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

33 | P a g e

LO 2.

INSERT IMAGES

ASSESSMENT CRITERIA: 4. Images in the webpage are inserted using image tag in the webpage in accordance with the requirements. 5. Image using alt attribute are inserted in the webpage in accordance with the requirements. CONTENTS: Inserting image using image tag in the webpage Inserting image using alt attribute in the webpage

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

34 | P a g e

LO 3.

CREATE LIST

ASSESSMENT CRITERIA: 3. Unordered list tag is created according to requirements. 4. Ordered list tag is created according to requirements. 5. Definition list tag is created according to requirements. CONTENTS: Creating unordered list tag Creating ordered list tag Creating definition list tag

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

35 | P a g e

LO 4.

INSERT FORMS

ASSESSMENT CRITERIA: 1. Form tag according to requirements is created. 2. Text fields, radio buttons, checkboxes and forms action attribute are used input tags according to requirements of the webpage. CONTENTS: Creating form in the webpage Creating text fields form Creating radio buttons form Creating checkboxes form Creating forms action attributes form

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

36 | P a g e

LO 5.

ADD LINKS

ASSESSMENT CRITERIA: 1. Links to pages on the web in accordance to the requirements are added. 2. Links within the website in accordance to the requirements are added. 3. Links within the specific point in a page are added. CONTENTS: Adding links to web pages
Adding links within the website Adding links within the specific point in a page

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

37 | P a g e

LO 6.

INSERT TABLES

ASSESSMENT CRITERIA: 1. Tables are inserted in accordance to the requirements of the webpage. 2. Tables with borders are added to the requirements of the webpage. 3. Headings in a table are added to the condition of webpage. CONTENTS: Inserting tables Adding tables with border Adding headings in a table

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

38 | P a g e

LO 7.

CREATE FRAMES

ASSESSMENT CRITERIA: 1. 2. 3. 4. Vertical frameset are created according to the requirements of the webpage. Horizontal frameset are created according to the requirements of the webpage. No frames tag is used in the webpage. Navigation frames are created in the webpage.

CONTENTS: Creating vertical frameset Creating horizontal frameset Inserting no frames tag Inserting navigation frames

CONDITIONS: The following resources are needed in this learning outcome: Equipment Computer units Printer LCD Projector Tools and Accessories Internet connection CD+R/RW Flash drives Learning Materials Organization work procedures Modules/Handouts Reference books METHODOLOGIES: Group discussion Interaction Lecture Multimedia presentation

ASSESSMENT METHODS: Observation and oral questioning Practical demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

39 | P a g e

Unit of Competency Module Title Module Description

: : :

DESIGN WEB PAGE USING MICROSOFT FRONTPAGE DESIGNING WEB PAGE USING MICROSOFT FRONTPAGE This module covers the knowledge, skills and attitude required to create web page and web site using Microsoft FrontPage. This includes saving, editing text and paragraph, creating list, inserting and editing images and table. 80 hours Creating and designing webpage using HTML

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 8. LO 9. LO 10. LO 11. LO 12. create Web Page and Web Site. work with Text. work with Images. add links. work with table.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

40 | P a g e

LO1.

CREATE A WEB PAGE AND WEB SITE

ASSESSMENT CRITERIA: 7. Parts of FrontPage window are identified. 8. Simple web site is created. 9. Text content is added in the web site. 10. Web Site is saved in the required folder. 11. Web Site is viewed in the Web Browser. CONTENTS: Identifying the parts of FrontPage Window Creating a Simple Web Site Adding content to your Web Site Saving your Web Site Viewing your Web Site

CONDITION: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books

METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

41 | P a g e

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

42 | P a g e

LO2.

WORK WITH TEXT

ASSESSMENT CRITERIA: 4. Font style, size and color are changed according to job requirements. 5. Paragraph is aligned according to required format. 6. Bulleted and numbered list are created. CONTENTS: Enhancing text appearance Changing Paragraph alignment Creating Bulleted and Numbered Lists

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

43 | P a g e

LO3.

WORK WITH IMAGES

ASSESSMENT CRITERIA: 6. Image is inserted in the web page according to given procedure. 7. Image is resized and cropped as required. 8. Image is copied and pasted from Internet and other applications. 9. Desired border to an image is added. 10. Image as web page background is created. 11. Alternate text is viewed in the absence of the picture. 12. Image is aligned with the text according to specified format. CONTENTS: Adding A ClipArt Image Adding Image from other location Copying and Moving Image Resizing and Cropping an image Adding Image border Aligning and wrapping image Adding a background image Adding Alternative text to an Image

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

44 | P a g e

METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

45 | P a g e

LO4. ADD LINKS ASSESSMENT CRITERIA: 1. 2. 3. 4. Link is created within the web page. Image link to other web page within a web site is created. A text is used to create link with other web sites in the net. A link to his/her email address is created.

CONTENTS: Creating a Link to another page in the Web Site Creating a Link to Another Page on the Internet Creating a Link within a Web Page Creating an Email link Editing and Removing a link

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

46 | P a g e

LO5.

WORK WITH TABLE

ASSESSMENT CRITERIA: 1. 2. 3. 4. 5. 6. 7. 8. Table inside the web page is inserted. Rows and columns are added and deleted. Row height and Column width are set according to requirements. Cells are merged and split according to job requirements. Cell spacing and padding are set based on the given format. Texts are aligned inside the table based on the requirements. Tables border and background are set based on the given format. Image within a cell is inserted.

CONTENTS: Inserting table Adding and Deleting Rows and Columns Modifying table and cell properties Adding Image to a table

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

47 | P a g e

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

48 | P a g e

Unit of Competency : Module Title :

MANAGE AND BUILD WEB SITE USING MICROSOFT FRONTPAGE MANAGING AND BUILDIN WEB SITE USING MICROSOFT FRONTPAGE This module covers the knowledge, skills and attitude required to manage and build web site using Microsoft FrontPage. This includes creating frames, adding dynamic elements, applying templates, styles and themes, and publishing web site. 80 hours

Module Description :

Suggested Duration :

Pre-requisites

Creating and designing webpage using HTML and Microsoft Frontpage

Learning outcomes

Upon completion of this module, the students should be able to: LO1 LO2 LO3 LO4 LO5 create Frame and Frameset. apply Cascading Style Sheet. add Dynamic elements. apply Themes, Link Bars and Templates. publish Web Site.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

49 | P a g e

LO1.

CREATE FRAME AND FRAMESET

ASSESSMENT CRITERIA:
1. 2. 3. 4. 5. Frameset is created according to requirements. Frame properties are set based on job requirements. Frameset is saved in the required folder. Target for Frames are defined according to requirements. Inline Frame is created in the desired frame.

CONTENTS:
Deciding whether to use Frames Creating Frames and Framesets Editing Frameset Contents according to job requirements Hyperlinking from Frames Creating Inline Frames

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

50 | P a g e

LO2.

APPLY CASCADING STYLE SHEET

ASSESSMENT CRITERIA: 1. Inline, Embedded and External style using the required formats are created. 2. External style sheet is saved in a defined folder. 3. Inline, Embedded and External Styles are applied in a specific web page. CONTENTS: Introducing Styles Creating an External Style Sheet Creating Styles Applying Styles

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

51 | P a g e

LO3.

ADD DYNAMIC ELEMENTS

ASSESSMENT CRITERIA: 1. Interactive button in a web page IS Inserted 2. Behaviour of an object is set based on the job requirements. 3. Drop-down menu in the web page is created. CONTENTS:

Creating Basic DHTML effects Creating Behaviours Creating Actions Editing and Deleting Behaviours

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

52 | P a g e

LO4.

APPLY THEMES, LINK BARS AND TEMPLATES

ASSESSMENT CRITERIA: 1. 2. 3. 4. 5. Theme in a Web Site is applied. A Link bar with specified link based on requirements is inserted. Page banner in a Web Site is added. Shared Border in a Web Site is used. Web page template are designed and created.

CONTENTS: Applying Themes Creating link Bars and Banners Applying Shared Borders Creating a Page Template

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Demonstration

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

53 | P a g e

LO5.

PUBLISH WEB SITE

ASSESSMENT CRITERIA:
1. Web site is uploaded using desired web hosting site.

CONTENTS: Publishing Web Site with an FTP Program

CONDITIONS: The following resources are needed in this learning outcome: Equipment: One(1) set of Personal Computer per student with licensed MS Windows XP, MS FrontPage 2003, mouse, speaker, AVR/UPS LCD Projector Tools and Equipment: Internet connection Flash Drives Learning Materials: Modules/Handouts Reference books

METHODOLOGIES: Self-paced learning /Modular Demonstration Lecture/Discussion Tutorial/Hands-on

ASSESSMENT METHODS: Computer/Paper-based Observation

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

54 | P a g e

Unit of Competency Module Title Module Description

: : :

CREATE VISUAL BASIC PROGRAMS CREATING VISUAL BASIC PROGRAMS This module covers the knowledge, skills and attitude required in knowing the concepts of Visual Basic programming which includes components, contents and creation. 80 hours Skills in PC Operations would be useful but not essential

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. describe the background and importance of programming and early programming languages. LO 2. install the Visual Basic programming system. LO 3. recognize format of Visual Basic programs. LO 4. create a program in Visual Basic.. LO 5. explore Labels, Command buttons, and Text boxes in detail. LO 6. polish forms and controls.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

55 | P a g e

LO 1. DESCRIBE THE BACKGROUND AND IMPORTANCE OF PROGRAMMING AND EARLY PROGRAMMING LANGUAGES ASSESSMENT CRITERIA: 8. Reasons for creating programs are understood. 9. Brief history of programming is familiarized. 10. Steps in creating a program are identified. 11. Program errors are resolved. 12. Difference between syntax and logic errors is known. 13. Transition from BASIC to Visual Basic is understood. CONTENT: Understanding reasons for creating programs Familiarizing the brief history of programming Identifying steps in creating a program Resolving program errors Knowing the difference between syntax and logic errors Understanding the transition from BASIC to Visual Basic CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal Computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

56 | P a g e

LO 2. INSTALL THE VISUAL BASIC PROGRAMMING SYSTEM ASSESSMENT CRITERIA: 3. Visual Basic programming system is installed. 4. Starting and stopping Visual Basic is determined. 5. Visual Basic environment is recognized. CONTENT: Installing the Visual Basic programming system Determining how to start and stop Visual Basic Recognizing Visual Basic environment CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

57 | P a g e

LO 3. RECOGNIZE FORMAT OF VISUAL BASIC PROGRAMS ASSESSMENT CRITERIA: 8. Loading and running a program is understood. 9. The Label, Text box and Check box controls are used. 10. Command and Option buttons are utilized. 11. Drop-down combo list and Simple combo box is recognized. 12. List box for selection is understood. CONTENT: Understanding the loading and running of a program Using the Label, Text box, and Check box controls Utilizing the Command and Option buttons Recognizing the Drop-down combo list and Simple combo box Understanding the List box for selections CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test Output-based

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

58 | P a g e

LO 4. CREATE A PROGRAM IN VISUAL BASIC ASSESSMENT CRITERIA: 6. Event-driven environments are utilized. 7. Control properties are manipulated. 8. Naming conventions are used. 9. AUTOLOAD.MAK and CONSTANT.TXT are utilized. CONTENT: Utilizing event-driven environments Manipulating control properties Using naming conventions Utilizing AUTOLOAD.MAK and CONSTANT.TXT CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

59 | P a g e

LO 5. EXPLORE LABELS, COMMAND BUTTONS, AND TEXT BOXES IN DETAIL ASSESSMENT CRITERIA: 6. The focus and controls are identified. 7. The command button is used. 8. Label properties are manipulated. 9. Text box controls are recognized. 10. Setting properties are known. CONTENT: Identifying the focus and controls Using command button Manipulating Label properties Recognizing Text box controls Knowing how to set properties CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/ Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

60 | P a g e

LO 6. POLISH FORMS AND CONTROLS ASSESSMENT CRITERIA: 1. Properties of the form are identified. 2. Advanced labels are used. 3. Scrolling text boxes are understood. 4. Control text boxes are focused. 5. Control events are recognized. CONTENT: Identifying Properties of the form Using advanced labels Understanding scrolling text boxes Focusing on control text boxes Recognizing control events CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

61 | P a g e

Unit of Competency Module Title Module Description

: : :

PERFORM DATA ENTRY AND VALIDATION PERFORMING DATA ENTRY AND VALIDATION This module covers the knowledge, skills and attitude required in inputting data and validation. 80 hours Create Visual Basic programs

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. perform placing and interacting with controls. LO 2. enable decision-making capability. LO 3. manage and display message and input boxes. LO 4. add looping to Visual Basic programs. LO 5. manage variable data storage. LO 6. use new controls.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

62 | P a g e

LO 1. PERFORM PLACING AND INTERACTING WITH CONTROLS

ASSESSMENT CRITERIA: 1. Data types are identified. 2. Storing variables is performed. 3. Mathematical expressions are utilized. CONTENT: Identifying data types Performing storing of variables Utilizing mathematical expressions CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

63 | P a g e

LO 2. ENABLE DECISION-MAKING CAPABILITY

ASSESSMENT CRITERIA: 1. Relational operators are identified. 2. Testing data values is performed. 3. Logical operators are recognized. 4. Multiple data comparisons are performed. CONTENT: Identifying the relational operators Performing testing data values Recognizing the logical operators Performing multiple data comparisons CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

64 | P a g e

LO 3. MANAGE AND DISPLAY MESSAGE AND INPUT BOXES

ASSESSMENT CRITERIA: 1. The need for remarks is recognized. 2. A response is indicated to a message. 3. Answers are received from a message and values are returned. CONTENT: Recognizing the need for remarks Indicating a response to a message. Receiving answers from a message and returning values. CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

65 | P a g e

LO 4. ADD LOOPING TO VISUAL BASIC PROGRAMS

ASSESSMENT CRITERIA: 1. Executing a body of the loop is performed. 2. Repeat a section of code for a specified number of times is performed. CONTENT: Performing executing a body of a loop Performing repeating a section of code for a specified number of times CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

66 | P a g e

LO 5. MANAGE VARIABLE DATA STORAGE

ASSESSMENT CRITERIA: 1. Advantages of arrays are identified. 2. List boxes are used. 3. Combo boxes are used. CONTENT: Identifying advantages of arrays Using List boxes Using Combo boxes CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

67 | P a g e

LO 6. USE NEW CONTROLS

ASSESSMENT CRITERIA: 1. Choices for Option button are identified. 2. More choices for Check boxes are identified. 3. Simplifying programming using control arrays is applied. CONTENT: Identifying choices for Option button Identifying more choices for Check boxes Applying simplification of programming using control arrays CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

68 | P a g e

Unit of Competency Module Title Module Description

: : :

ACCESS AND MANAGE FILES IN VISUAL BASIC ACCESSING AND MANAGING FILES IN VISUAL BASIC This module covers the knowledge, skills and attitude required to use built-in functions and subroutines to access and manage files in Visual Basic. 80 hours Create Visual Basic programs; Perform data entry and validation

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. use built-in numeric and string functions. LO 2. utilize built-in date, time and formatting functions. LO 3. reduce the size of event procedure. LO 4. perform communication with one routine from the other. LO 5. access files inside Visual Basic applications. LO 6. use Visual Basic code to manage disk file.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

69 | P a g e

LO 1. USE BUILT-IN NUMERIC AND STRING FUNCTIONS

ASSESSMENT CRITERIA: 1. Numeric functions are used. 2. String functions are used. 3. General functions are recognized and utilized. CONTENT: Using numeric functions Using string functions Recognizing and utilizing general functions CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

70 | P a g e

LO 2. UTILIZE BUILT-IN DATE, TIME AND FORMATTING FUNCTIONS ASSESSMENT CRITERIA: 1. Date and time from Visual Basic are set. 2. Elapsed time between two time periods is computed. 3. Date arithmetic is performed. 4. Date and time are broken into values. CONTENT: Setting the date and time from Visual Basic Computing elapsed time between two time periods Performing date arithmetic Breaking date and time into values CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

71 | P a g e

LO 3. REDUCE THE SIZE OF EVENT PROCEDURE ASSESSMENT CRITERIA: 1. Programs are broken into as many small but logical sections. 2. External module is utilized. 3. Function procedures are used. CONTENT: Breaking programs into as many small but logical sections Utilizing external module Using function procedures CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD: Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

72 | P a g e

LO 4. PERFORM COMMUNICATION WITH ONE ROUTINE FROM THE OTHER ASSESSMENT CRITERIA: 1. Kinds of variable scope are identified. 2. Passing and receiving of arguments is performed. CONTENT: Identifying different kinds of variable scope Performing passing and receiving of arguments CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

73 | P a g e

LO 5. ACCESS FILES INSIDE VISUAL BASIC APPLICATIONS ASSESSMENT CRITERIA: 1. Filename information is obtained. 2. File-selection frame is managed using file controls. 3. Code file controls to keep them all pointing to the same drive, directory, and file is performed. CONTENT: Obtaining file information Managing file-selection frame using file controls Performing coding file controls to keep them all pointing to the same drive, directory, and file CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

74 | P a g e

LO 6. USE VISUAL BASIC CODE TO MANAGE DISK FILE

ASSESSMENT CRITERIA: 1. Disk file background is created. 2. Opening and closing files is performed. 3. Writing data to a file is executed. 4. Storing file data in your program's variables and controls are executed. CONTENT: Creating disk file background Performing opening and closing of files Executing writing data to a file Executing storing file data in your programs variables and controls CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

75 | P a g e

Unit of Competency Module Title Module Description

: : :

IMPROVE PROGRAM USABILITY IMPROVING PROGRAM USABILITY This module covers the knowledge, skills and attitude required in improving program usability by adding menus, using timer control, integrating printer and utilizing the graphics controls. 80 hours Create Visual Basic programs, Perform data entry and validation, Access and manage files in Visual Basic

Suggested Duration Pre-requisites

: :

Learning outcomes

Upon completion of this module, the students should be able to: LO 1. add menus to application. LO 2. integrate the printer into Visual Basic applications. LO 3. utilize the graphics controls available. LO 4. access and control special scroll bars and grid controls. LO 5. debug programs.

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

76 | P a g e

LO 1. ADD MENUS TO APPLICATION

ASSESSMENT CRITERIA: 1. Menu bar items are created and placed in the application. 2. Pull-down menus are added. 3. Menus are connected to event procedures. CONTENT: Creating and placing menu bar items in the application Adding pull down menus Connecting menus to event procedures CONDITION/RESOURCES: The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

77 | P a g e

LO 2. INTEGRATE THE PRINTER INTO VISUAL BASIC APPLICATIONS ASSESSMENT CRITERIA: 1. Printer object is set. 2. Print method is selected. 3. Printing is initiated. CONTENT: Setting printer object Selecting print method Initiating printing CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

78 | P a g e

LO 3. UTILIZE THE GRAPHICS CONTROLS AVAILABLE ASSESSMENT CRITERIA: 1. Line controls are used. 2. Shape controls are used. 3. Timer control is used.

CONTENT: Using line controls Using shape controls Using timer control CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

79 | P a g e

LO 4. ACCESS AND CONTROL SPECIAL SCROLL BARS AND GRID CONTROLS ASSESSMENT CRITERIA: 1. Scrolling of scroll bars is performed. 2. Grid control is used. 3. Mouse cursor in monitored. 4. Mouse clicks and movement is captured. CONTENT: Performing scrolling of scroll bars Using grid control Monitoring mouse cursor Capturing mouse clicks and movement CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

80 | P a g e

LO 5. DEBUG PROGRAMS

ASSESSMENT CRITERIA: 1. Debugging routine is performed. 2. Break mode is entered. 3. Immediate window is used. CONTENT: Performing debugging routine Entering break mode Using immediate window CONDITION/RESOURCES The following resources are needed: Equipment: One (1) set of Personal computer per student with licensed MS Windows XP, Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS Printer (one per class) LCD projector Tools and accessories: Internet connection CD-R/RW DVD-R/RW Flash Drives Learning Materials: Modules/Handouts Reference books METHODOLOGIES: Specify the method of the delivery system to be used: Self-paced learning/Modular Lecture/Discussion Demonstration Tutorial/Hands-on ASSESSMENT METHOD Observation Computer/Paper-based Performance Test

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

81 | P a g e

You might also like