Computer Programming CBC

COMPUTER PROGRAMMING
The Strengthened Technical-Vocational Educational Program

1|Page
Unit of Competency : EXPLORE COMPUTER PROGRAMMING
Module Title : EXPLORING COMPUTER PROGRAMMING
Module Description : 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.
Suggested Duration : 80 hours
Pre-requisites : None
Learning outcomes :
Upon completion of this module, the students should be able to:
LO 1. explain the history of Programming Languages.

LO 2. identify the different Programming Languages.
LO 3. design Algorithm and Flowchart.
LO 4. create simple program.
2|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
3|Page
LO2. IDENTIFY DIFFERENT PROGRAMMING LANGUAGES
1. Different Programming languages are identified.
CONTENTS:
 Identifying Different Programming Languages
CONDITIONS:
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
 Reference books
METHODOLOGIES:

ASSESSMENT METHODS:
4|Page
LO3. DESIGN ALGORITHM AND FLOWCHART
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:
Equipment:
MS Office, mouse, speaker, AVR/UPS
 LCD Projector
Tools and Equipment:

 Paper and Pen
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
5|Page
LO4. CREATE SIMPLE C PROGRAM
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:
Equipment:
C++ programming language, mouse, speaker, AVR/UPS
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
 Tutorial/Hands-on
ASSESSMENT METHODS:
 Demonstration
6|Page
Unit of Competency : CREATE C PROGRAMS
Module Title : CREATING C PROGRAMS
Module Description : 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.
Pre-requisites : Working knowledge in PC Operations
Learning outcomes :
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.
7|Page
LO 1. WRITE A SIMPLE COMPUTER PROGRAM IN C
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
 Demonstration
ASSESSMENT METHOD
 Observation
 Performance Test
8|Page
LO 2. PERFORM BASIC PROBLEM-SOLVING TECHNIQUES
1. Algorithms are used.
2. Pseudocode is utilized.
CONTENT:
 Using algorithms
 Utilizing pseudocode
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
9|Page
LO 3. USE SELECTION STRUCTURES
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
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
 Output-based
10 | P a g e
LO 4. USE REPETITION STRUCTURES
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
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
11 | P a g e
LO 5. UTILIZE ASSIGNMENT AND UNARY OPERATORS
1. Assignment operators are used.
2. Increment and decrement operators are utilized.
CONTENT:
 Using assignment operators
 Utilizing increment and decrement operators
CONDITION/RESOURCES
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
12 | P a g e
Unit of Competency : UTILIZE C PROGRAM CONTROL AND FUNCTIONS
Module Title : UTILIZING C PROGRAM CONTROL AND FUNCTIONS
Module Description : This module covers the knowledge, skills and attitude required in
utilizing C program control and functions to handle decision-
making by constructing modular programs.
Pre-requisites : Create C programs
Learning outcomes :
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.
13 | P a g e
LO 1. HANDLE DECISION-MAKING
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
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
14 | P a g e
LO 2. DETERMINE LOGICAL AND CONFUSING OPERATORS
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
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
15 | P a g e
LO 3. CONSTRUCT PROGRAMS MODULARLY
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
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
16 | P a g e
LO 4. APPLIED MECHANISMS USED TO PASS INFORMATION BETWEEN FUNCTIONS
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
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
17 | P a g e
LO 5. WRITE AND USE FUNCTIONS THAT CALL THEMSELVES
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
Equipment:
 LCD projector
 CD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
18 | P a g e
Unit of Competency : USE COMPOUND DATA TYPES
Module Title : USING COMPOUND DATA TYPES
Module Description : 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.
Pre-requisites : Creating C Programs; Utilizing C Programs
Learning outcomes :
LO 5. work with Arrays.

LO 6. work with Pointers.
LO 7. work with Characters and Strings.
19 | P a g e
LO1. CREATE PROGRAM THAT USES ARRAYS
3. Program that uses arrays is created.

4. Program that uses array to call function is created.
5. Program with multiple arrays is created.
6. Program that uses arrays is manipulated.
CONTENTS:
 Introducing Arrays
 Defining and Initializing Arrays
 Passing Arrays to Functions
 Sorting Arrays
 Manipulating Multiple-subscripted Arrays
CONDITION:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
20 | P a g e
LO2. CREATE PROGRAM THAT USES POINTERS
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:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
21 | P a g e
LO3. CREATE PROGRAM THAT USES CHARACTERS AND STRINGS
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:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
22 | P a g e
Unit of Competency : PERFORM FILE HANDLING IN C
Module Title : PERFORMING FILE HANDLING IN C
required to perform file processing using C Language. This
includes understanding input/output streams, creating
structures, unions and enumerations.
Pre-requisites : Creating C Programs; Utilizing C Program Control and

Functions; Using Compound Data Types
Learning outcomes :
LO 1. create C formatted input/output.
LO 2. create C structures, unions and enumerations.
LO 3. perform file processing in C.
23 | P a g e
LO 1. CREATE C FORMATTED INPUT/OUTPUT
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:
Equipment
 Computer units
 Printer
 LCD Projector
Tools and Accessories
 CD+R/RW
 Flash drives
Learning Materials
 Organization work procedures
 Reference books
METHODOLOGIES:
 Demonstration
24 | P a g e
ASSESSMENT METHODS:
 Observation and oral questioning

 Computer /Paper-based
25 | P a g e
LO2. CREATE C STRUCTURES, UNIONS AND ENUMERATIONS
1. Structures, unions and enumerations are created and used.

2. Structures are passed to functions by value and by reference.
3. Data with bitwise operators are manipulated accordingly.
4. 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:

Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Group discussion
 Interaction
 Lecture
 Multimedia presentation
ASSESSMENT METHODS:

 Practical demonstration
26 | P a g e
LO 3. PERFORM FILE PROCESSING IN C
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:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

27 | P a g e
Unit of Competency : CREATING WEBPAGE USING HTML (HYPERTEXT MARKUP
LANGUAGE)
Module Title : CREATING WEBPAGE USING HTML (HYPERTEXT MARKUP

LANGUAGE)
Module Description : 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.
Pre-requisites : Working knowledge in PC Operations
Learning outcomes :
LO 1. create and Save Basic Structure of HTML code.
LO 2. format Text and Paragraph.
LO 3. Insert horizontal rule.
28 | P a g e
LO 1. CREATE AND SAVE BASIC STRUCTURE OF HTML CODE
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:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHODS:

 Computer /Paper-based
29 | P a g e
LO 2. FORMAT TEXT AND PARAGRAPH
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:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

30 | P a g e
LO 3. INSERT HORIZONAL RULE
1. Horizontal rule tag is inserted according to the requirements of the webpage.
CONTENTS:
 Inserting horizontal rule.
CONDITIONS:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

31 | P a g e
Unit of Competency : DESIGN AND DEVELOP WEBPAGE USING HTML (HYPERTEXT
MARKUP LANGUAGE)
Module Title : DESIGNING AND DEVELOPING WEBPAGE USING HTML

(HYPERTEXT MARKUP LANGUAGE)
Module Description : 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.
Pre-requisites : Creating webpage using HTML
Learning outcomes :
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.
32 | P a g e
LO 1. FORMAT CSS (CASCADING STYLE SHEET) STYLE
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:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
33 | P a g e
ASSESSMENT METHODS:

34 | P a g e
LO 2. INSERT IMAGES
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:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

35 | P a g e
LO 3. CREATE LIST
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:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

36 | P a g e
LO 4. INSERT FORMS
1. Form tag according to requirements is created.

2. Text fields, radio buttons, checkboxes and form’s 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 form’s action attributes form
CONDITIONS:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

37 | P a g e
LO 5. ADD LINKS
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:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

38 | P a g e
LO 6. INSERT TABLES
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:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

39 | P a g e
LO 7. CREATE FRAMES
1. Vertical frameset are created according to the requirements of the webpage.

2. Horizontal frameset are created according to the requirements of the webpage.
3. No frames tag is used in the webpage.
4. Navigation frames are created in the webpage.
CONTENTS:
 Creating vertical frameset

 Creating horizontal frameset
 Inserting no frames tag
 Inserting navigation frames
CONDITIONS:
Equipment
 Computer units
 Printer
 LCD Projector
 CD+R/RW
 Flash drives
Learning Materials
 Reference books
METHODOLOGIES:
 Interaction
 Lecture
ASSESSMENT METHODS:

40 | P a g e
Unit of Competency : DESIGN WEB PAGE USING MICROSOFT FRONTPAGE
Module Title : DESIGNING WEB PAGE USING MICROSOFT FRONTPAGE
create web page and web site using Microsoft FrontPage. This
includes saving, editing text and paragraph, creating list, inserting
and editing images and table.
Pre-requisites : Creating and designing webpage using HTML
Learning outcomes :
LO 8. create Web Page and Web Site.

LO 9. work with Text.
LO 10. work with Images.
LO 11. add links.
LO 12. work with table.
41 | P a g e
LO1. CREATE A WEB PAGE AND WEB SITE
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:
Equipment:
 One(1) set of Personal Computer per student with licensed MS Windows XP, MS
FrontPage 2003, mouse, speaker, AVR/UPS
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
42 | P a g e
ASSESSMENT METHODS:
 Demonstration
43 | P a g e
LO2. WORK WITH TEXT
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:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
44 | P a g e
LO3. WORK WITH IMAGES
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:
Equipment:
 LCD Projector
 Flash Drives
Learning Materials:
 Reference books
45 | P a g e
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
46 | P a g e
LO4. ADD LINKS
1. Link is created within the web page.

2. Image link to other web page within a web site is created.
3. A text is used to create link with other web sites in the net.
4. 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:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
47 | P a g e
LO5. WORK WITH TABLE
1. Table inside the web page is inserted.

2. Rows and columns are added and deleted.
3. Row height and Column width are set according to requirements.
4. Cells are merged and split according to job requirements.
5. Cell spacing and padding are set based on the given format.
6. Texts are aligned inside the table based on the requirements.
7. Table’s border and background are set based on the given format.
8. 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:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
48 | P a g e
ASSESSMENT METHODS:
 Demonstration
49 | P a g e
Unit of Competency : MANAGE AND BUILD WEB SITE USING MICROSOFT FRONTPAGE
Module Title : MANAGING AND BUILDIN WEB SITE USING MICROSOFT FRONTPAGE
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.
Pre-requisites : Creating and designing webpage using HTML and Microsoft Frontpage
Learning outcomes :
LO1 create Frame and Frameset.

LO2 apply Cascading Style Sheet.
LO3 add Dynamic elements.
LO4 apply Themes, Link Bars and Templates.
LO5 publish Web Site.
50 | P a g e
LO1. CREATE FRAME AND FRAMESET
1. Frameset is created according to requirements.

2. Frame properties are set based on job requirements.
3. Frameset is saved in the required folder.
4. Target for Frames are defined according to requirements.
5. 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:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
51 | P a g e
LO2. APPLY CASCADING STYLE SHEET
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:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
52 | P a g e
LO3. ADD DYNAMIC ELEMENTS
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:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
53 | P a g e
LO4. APPLY THEMES, LINK BARS AND TEMPLATES
1. Theme in a Web Site is applied.

2. A Link bar with specified link based on requirements is inserted.
3. Page banner in a Web Site is added.
4. Shared Border in a Web Site is used.
5. Web page template are designed and created.
CONTENTS:
 Applying Themes
 Creating link Bars and Banners
 Applying Shared Borders
 Creating a Page Template
CONDITIONS:
Equipment:
 LCD Projector
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Demonstration
54 | P a g e
LO5. PUBLISH WEB SITE
1. Web site is uploaded using desired web hosting site.
CONTENTS:
 Publishing Web Site with an FTP Program
CONDITIONS:
Equipment:
 LCD Projector

 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:

 Demonstration
ASSESSMENT METHODS:
 Observation
55 | P a g e
Unit of Competency : CREATE VISUAL BASIC PROGRAMS
Module Title : CREATING VISUAL BASIC PROGRAMS
knowing the concepts of Visual Basic programming which includes
components, contents and creation.
Pre-requisites : Skills in PC Operations would be useful but not essential
Learning outcomes :
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.
56 | P a g e
LO 1. DESCRIBE THE BACKGROUND AND IMPORTANCE OF PROGRAMMING AND EARLY
PROGRAMMING LANGUAGES
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
Equipment:
 One (1) set of Personal Computer per student with licensed MS Windows XP,
Microsoft Visual Studio 6.0, mouse, speakers, AVR/UPS
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
57 | P a g e
LO 2. INSTALL THE VISUAL BASIC PROGRAMMING SYSTEM
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
Equipment:
 One (1) set of Personal computer per student with licensed MS Windows XP,
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
58 | P a g e
LO 3. RECOGNIZE FORMAT OF VISUAL BASIC PROGRAMS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
 Output-based
59 | P a g e
LO 4. CREATE A PROGRAM IN VISUAL BASIC
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
60 | P a g e
LO 5. EXPLORE LABELS, COMMAND BUTTONS, AND TEXT BOXES IN DETAIL
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
61 | P a g e
LO 6. POLISH FORMS AND CONTROLS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
62 | P a g e
Unit of Competency : PERFORM DATA ENTRY AND VALIDATION
Module Title : PERFORMING DATA ENTRY AND VALIDATION
inputting data and validation.
Pre-requisites : Create Visual Basic programs
Learning outcomes :
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.
63 | P a g e
LO 1. PERFORM PLACING AND INTERACTING WITH CONTROLS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
64 | P a g e
LO 2. ENABLE DECISION-MAKING CAPABILITY
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
65 | P a g e
LO 3. MANAGE AND DISPLAY MESSAGE AND INPUT BOXES
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.
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
66 | P a g e
LO 4. ADD LOOPING TO VISUAL BASIC PROGRAMS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
67 | P a g e
LO 5. MANAGE VARIABLE DATA STORAGE
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
68 | P a g e
LO 6. USE NEW CONTROLS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
69 | P a g e
Unit of Competency : ACCESS AND MANAGE FILES IN VISUAL BASIC
Module Title : ACCESSING AND MANAGING FILES IN VISUAL BASIC
use built-in functions and subroutines to access and manage files in
Visual Basic.
Pre-requisites : Create Visual Basic programs; Perform data entry and validation
Learning outcomes :
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.
70 | P a g e
LO 1. USE BUILT-IN NUMERIC AND STRING FUNCTIONS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
71 | P a g e
LO 2. UTILIZE BUILT-IN DATE, TIME AND FORMATTING FUNCTIONS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
72 | P a g e
LO 3. REDUCE THE SIZE OF EVENT PROCEDURE
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD:
 Observation
73 | P a g e
LO 4. PERFORM COMMUNICATION WITH ONE ROUTINE FROM THE OTHER
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
74 | P a g e
LO 5. ACCESS FILES INSIDE VISUAL BASIC APPLICATIONS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
75 | P a g e
LO 6. USE VISUAL BASIC CODE TO MANAGE DISK FILE
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 program’s variables and controls
CONDITION/RESOURCES
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
76 | P a g e
Unit of Competency : IMPROVE PROGRAM USABILITY
Module Title : IMPROVING PROGRAM USABILITY
improving program usability by adding menus, using timer control,
integrating printer and utilizing the graphics controls.
Pre-requisites : Create Visual Basic programs, Perform data entry and validation,
Access and manage files in Visual Basic
Learning outcomes :
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.
77 | P a g e
LO 1. ADD MENUS TO APPLICATION
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
78 | P a g e
LO 2. INTEGRATE THE PRINTER INTO VISUAL BASIC APPLICATIONS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
79 | P a g e
LO 3. UTILIZE THE GRAPHICS CONTROLS AVAILABLE
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
80 | P a g e
LO 4. ACCESS AND CONTROL SPECIAL SCROLL BARS AND GRID CONTROLS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
81 | P a g e
LO 5. DEBUG PROGRAMS
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
Equipment:
 LCD projector
 CD-R/RW
 DVD-R/RW
 Flash Drives
Learning Materials:
 Reference books
METHODOLOGIES:
 Demonstration
ASSESSMENT METHOD
 Observation
82 | P a g e

Computer Programming CBC

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Computer Programming CBC

Hochgeladen von

Copyright:

Verfügbare Formate

COMPUTER PROGRAMMING

The Strengthened Technical-Vocational Educational Program

Module Title : EXPLORING COMPUTER PROGRAMMING

Suggested Duration : 80 hours

Upon completion of this module, the students should be able to:

LO 1. explain the history of Programming Languages.

1. History of programming is explained.

 Explaining history of Computer Programming

The following resources are needed in this learning outcome:

 One(1) set of Personal Computer with licensed MS Windows XP, MS Office,

 Self-paced learning /Modular

1. Different Programming languages are identified.

 Identifying Different Programming Languages

The following resources are needed in this learning outcome:

 Self-paced learning /Modular

1. Algorithm of program that displays the sum of two integers is listed.

 Using Algorithm and Flowchart

The following resources are needed in this learning outcome:

Tools and Equipment:

 Self-paced learning /Modular

 Creating simple C program that prints a line of text

The following resources are needed in this learning outcome:

Tools and Equipment:

 Self-paced learning /Modular

Module Title : CREATING C PROGRAMS

Suggested Duration : 80 hours

Pre-requisites : Working knowledge in PC Operations

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.

Module Title : UTILIZING C PROGRAM CONTROL AND FUNCTIONS

Suggested Duration : 80 hours

Pre-requisites : Create C programs

Upon completion of this module, the students should be able to:

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.

Module Title : USING COMPOUND DATA TYPES

Suggested Duration : 80 hours

Pre-requisites : Creating C Programs; Utilizing C Programs

Upon completion of this module, the students should be able to:

LO 5. work with Arrays.

3. Program that uses arrays is created.

The following resources are needed in this learning outcome:

Tools and Equipment:

 Self-paced learning /Modular

2. Program that uses pointer and pointer operator is created.

 Defining and initializing Pointer Variable

The following resources are needed in this learning outcome:

Tools and Equipment:

 Self-paced learning /Modular

3. Program that validates the inputted character is created.

 Understanding Strings and Characters

The following resources are needed in this learning outcome:

Tools and Equipment:

 Self-paced learning /Modular

Module Title : PERFORMING FILE HANDLING IN C

Suggested Duration : 80 hours

Pre-requisites : Creating C Programs; Utilizing C Program Control and

Upon completion of this module, the students should be able to: