Republic of the Philippines

Zamboanga City State Polytechnic College

COLLEGE OF ENGINEERING AND TECHNOLOGY
R.T. Lim Blvd Baliwasan, Zamboanga City
991-3815 / 991-1502

OUTCOMES-BASED EDUCATION (OBE)

SYLLABUS

COMPUTER PROGRAMMING TECHNOLOGY 4

PREPARED BY: REVIEWED BY:

JULIE DARE M. REMOLANO EPHRAIM D. SIROLIO

Visiting Lecturer Program Coordinator, BS Comp. Tech.

RECOMMENDING APPROVAL: APPROVED BY:

ENGR. JENNIFER C GARGAR ROMEL G. GUILLERMO

Associate Dean, CET Dean, CET
 Republic of the Philippines
Zamboanga City State Polytechnic College
DEPARTMENT OF TECHNOLOGY EDUCATION
R.T Lim Blvd, Baliwasan, Zamboanga City

OUTCOMES-BASED EDUCATION (OBE)

SYLLABUS/INSTRUCTOR’S GUIDE

VISION ZCSPC as the leading provider of globally – competitive human resources.

MISSION Provide effective and efficient services through advance technological studies and researches for the empowerment of
the nation’s human resources.

INSTITUTIONAL Globally competitive graduates who can perform advanced technological competencies in their field of specialization
OUTCOMES

The Department of Technology Education shall enhance its programs designed in accordance with the CHED
standards to equip and produce graduates for Technological, Entrepreneurial and Middle-Level Management Skills,
GOALS
which shall be globally competitive.

The Bachelor of Science in Information Technology program aims to:

PROGRAM OBJECTIVES A. produce information technologists with critical thinking and problem-solving skills;
B. develop learners to have a commitment to service in the community for life and living;
C. build citizens of the world, sensitive to the national and global initiatives through technological solutions;
D. prepare students for effective oral and technical communication; and
 E. develop skills in conducting research that could help uplift ICT with a sense of professionalism and ethical
responsibilities

1. Develop an understanding of how mission objectives and mission requirements generate network service and network design
requirements
2. Describe the elements of structured network design process
PROGRAM OUTCOMES 3. Explain the importance of host and network address allocation and naming plans in the network design processes
4. Apply switching and routing requirements that influence the network design decisions
5. Implement network security and network management strategies influence network designs
6. Install and apply the physical design process for access, distribution, and core networks

At the end of semester, the student can:

1. Discuss the history of internet, principles and process of webpage design.

2. Use a text editor to construct the basic HTML and CSS structure for a webpage.
COURSE OUTCOMES 3. Develop Webpages that present information, graphics and hypertext links to other Webpages.
4. Implement HTML, CSS styles and JavaScript in webpage development.
5. Examine and evaluate the effectiveness of a web design in respect to its context.
6. Demonstrate awareness of usability and other web design issues.
7. Use Appserv to create databases and can use as the local server of the website or system.

COURSE CODE CPT221

COURSE TITLE Computer Programming Technology 4

This course covers various web design concepts and techniques that will allow students to design, build and create effective,
COURSE DESCRIPTION interactive and dynamic web applications.

CONTACT HOURS/WEEK 5 HOURS/WEEK

 PREREQUISITES

Books
Patrick J. and Sarah Horton “Web Style Guide: Basic Design Principles for Creating Websites”, 3rd edition

Electronics
References: Web Styles Guide (n,d.) Retrieved from http://webstyleguide.com
Website Tutorial (n.d.) Retrieved from http://webstyleguide.com
CSS Online Tutorial (n.d.) Retrieved from www.w3shools.com/css/
HTML (5) Tutorial, Retrieved from www.w3schools.com/html/
JavaScript Tutorial, Retrieved from www.w3schools.com/js/

REVISION HISTORY NO. DATE REVISION

1 JUNE 2018 OBE FORMAT

CMO 46, s. 2012

2 JUNE 2020 OBE FORMAT

CMO 46, s. 2012
 COURSE OUTLINE AND TIME FRAME

WEEK / NOMINAL DURATION COURSE CONTENT/SUBJECT MATTER

i. ZCSPC Vision, Mission, Goal, Objectives (VMGO)

1 hr

I. Introduction to Web Development

7 hrs
1.1 History of Internet
1.2 Process of Webpage Development
1.3 Web Standard and Audience Requirements

10 hrs II. Notepad++ Editor

2.1 What is Notepad ++ Editor?
2.2 Search and Replace
III. Introduction to HTML
3.1 What is HTML?
15 hrs 3.2 Basic structure of an HTML document
3.3 Markup Tags
3.4 Heading – Paragraphs
3.5 Line Breaks

IV. Introduction to elements of HTML

15 hrs 4.1 Working with Texts, Lists, Tables and Frames
4.2 Working with Hyperlinks, Images and Multimedia
4.3 Working with Forums and controls
 1 hr MID – TERM EXAMINIATIONS

V. Introduction to Cascading Style Sheets

5.1 Concept of CSS
5.2 Creating Style Sheet
5.3 CSS Properties
15 hrs 5.4 CSS Styling (Background, Text Format, Controlling Fonts)
5.5 Working with block elements and objects
5.6 Working with Lists and Tables
5.7 CSS Id and Class
5.8 Box Model (Introduction, Border properties, Padding properties, Margin properties)
5.9 CSS Color
5.10 Creating Page Layout and Site Designs.

VI. JavaScript
15 hrs 6.1 JavaScript Introduction
6.2 JavaScript Object
6.3 Try-Catch-Some Guidelines of JavaScript Programming

VII. Introduction to Appserv

10 hrs 7.1 What is Appserv?
7.2 Creating Database using Appserv
7.3 Placing Your Pages on Localhost Server (Appserv)

2 hrs FINAL EXAMINIATIONS

 COURSE SYLLABUS

METHODOLOGY
UNIT OF TIME RESOURCE
CONTENT/TOPIC LEARNING OUTCOMES (LO) / TEACHING- ASSESSMENT
COMPETENCY FRAME MATERIALS
LEARNING
ACTIVITIES

i. Internalize and LO i.1.1 Enumerate ways on how can Oral

practice VMGO and the
i. 1 ZCSPC VMGO contribute to the realization of the school’s • Lecture Questioning
1 hr LCD Projector
core values of ZCSPC. VMGO.

I. Introduction to Web LO 1.1..1 Define Internet and Webpage • LCD Projector

Development Development.
1. Discuss the history • Laptop
of Internet and
LO 1.1.2 Summarize the history of Internet • Lecture • Quiz
7 hrs
Explain the Principles
1.4 History of Internet LO 1.1.3 Explain the Principles of Webpage • Class • Handouts
1.5 Process of Webpage Development. discussion • Oral
and process of
Development
Webpage
1.6 Web Standard and LO 1.2.1 Describe the process of Webpage • Activities Questioning
Development
Audience Development.
Requirements
LO 1.3.1 Discuss the Web Standards and
audience Requirements.
 II. Notepad++ Editor
2. Use text editor like 2.1 What is Notepad ++ • Lecture Quiz • LCD Projector
notepad++ tool and Editor? • Class
perform its basic 2.2 Search and Replace LO 2.1.1 Navigate Notepad++ Environment • Laptop
discussion Oral Recitation
function. LO 2.1.2 Demonstrate the skills using the 10 hrs • Handouts
sidebars, workspaces, panes and projects. • Activities
Laboratory
LO 2.1.3 Modify Sample Pages Exercise • Notepad++
LO 2.1.4 Use the correct file format Software

LO 2.2.1 Demonstrating skills in searching and

replacing keywords.

III. Introduction to HTML LO 3.1.1 Define and Explain HTML

3.1 What is HTML? LO 3.2.1 Implement the basic structure of an • Lecture Quiz • LCD Projector
3.2 Basic structure of an HTML in web development 15 hrs
3. Visualize the basic HTML document LO 3.3.1 Apply the different Mark up tags in • Class • Laptop
Oral Recitation
concept of HTML 3.3 Markup Tags HTML coding discussion • Handouts
3.4 Heading – LO 3.4.1 Create a heading and paragraphs • Hands-on Laboratory • Notepad++
Paragraphs using HTML tags Exercise Software
3.5 Line Breaks LO 3.5.1 Apply line breaks in web design • Activities

LO 4.1.1 Demonstrate on how to create texts,

IV. Introduction to elements
of HTML
lists, tables and frames using HTML. • LCD Projector
• Lecture Quiz 15 hrs
4.1 Working with Texts,
LO 4.2.1 Demonstrate on how to create • Laptop
Lists, Tables and Frames • Class
4. Recognize the
4.2 Working with
hyperlinks a and insert images and multimedia. Oral Recitation • Handouts
elements of HTML discussion
Hyperlinks, Images and
LO 4.3.1 Demonstrate on how to create forms • Hands-on
Multimedia Laboratory • Notepad++
and controls. Exercise Software
 4.3 Working with Forums • Activities
and controls

MID - TERM EXAMINATIONS

1 hr

V. Introduction to
Cascading Style Sheets
LO 5.1.1 Discuss the concept of cascading
5.1 Concept of CSS
5.2 Creating Style Sheet Style Sheet • LCD Projector

5. Apply basic 5.3 CSS Properties • Lecture Quiz • Laptop

5.4 CSS Styling LO 5.2.1 Demonstrate on how to create style
concept of CSS sheet. • Class discussion • Handouts
(Background, Text Format,
Controlling Fonts) • Hands-on
Oral Recitation
5.5 Working with block LO 5.3.1 Manipulates the CSS properties • Activities • Notepad++
elements and objects Laboratory Software
5.6 Working with Lists LO 5.4.1 Apply the CSS Styling (Background, 15 hrs
Exercise
and Tables Text Format, Controlling Fonts)
5.7 CSS Id and Class
5.8 Box Model LO 5.5.1 Use block elements and objects
(Introduction, Border
properties, Padding LO 5.6.1 Demonstrate on how to create Lists
properties, Margin properties) and Tables
5.9 CSS Color
5.10 Creating Page Layout LO 5.7.1 Apply CSS Id and Class
and Site Designs.
LO 5.8.1 Manipulate the different properties
under Box Model

LO 5.9.1 Apply CSS color

LO 5.10.1 Create the page layout and site

designs
 VI. JavaScript LO 6.1.1 Define JavaScript
6.1 JavaScript
Introduction LO 6.2.1 Use JavaScript objects in creating • LCD Projector
6. Discuss the 6.2 JavaScript Object web pages or system
Introduction of 6.3 JavaScript Functions • Lecture Quiz • Laptop
JavaScript and LO 6.3.1 Apply JavaScript Functions in web • Class discussion • Handouts
explain its function. development • Hands-on
Oral Recitation
• Activities • Notepad++
15 hrs Software
Laboratory
Exercise

VII. Introduction to Appserv LO 7.1.1 Define Appserv

7.1 What is Appserv?
7.2 Creating Database LO 7.2.1 Demonstrate on how to create • LCD Projector
7. Discuss and using Appserv database using Appserv • Lecture
Quiz • Laptop
explain on how to use 7.3 Placing Your Pages on • Class discussion
the Appserv in Localhost Server (Appserv) LO 7.3.1 Show how to place web pages or • Hands-on • Handouts
developing web system in local server (Appserv)
• Activities Oral Recitation
pages or system 10 hrs • Notepad++
Laboratory Software
Exercise
• Appserv
FINAL EXAMINATIONS 2 hrs
COURSE REQUIREMENTS

1. There will be at least 3-4 quizzes for each term. Short quizzes shall be given after every topic as time permits.
2. There will be at least 4 lab activities for each term.
3. There will be one major exam every term. No make-up examination shall be given for any missed exams or quizzes without valid reasons.
4. Attendance will be checked and active participation through recitation is also required.
GRADING AND ASSESSMENT

• The students will be evaluated based on their performance on the exercises that will be given to them. Each student should at least comply with the subject
requirements and passed the quizzes and major examinations given within the duration of the semester.
• The following grading system will be used for Computer programming tech. 4 subject for the semester.

GRADING SYSTEM:

A. Class Standing (70%) B. Term Exams (30%)

Quizzes/Assignments 15%

Oral Recitation/Seatwork 10% Midterm/Final

Laboratory Activities 20%

Project 25%

Class Policy:

▪ Students are subject to be dropped if he/she will exceed with the maximum of seven (7) absences without proper notice or reasonable excuse letter from the
parents with the adviser’s approval.
▪ Students are expected to arrive promptly at the beginning of class. Three accumulated late will be considered as an absence. Arrival of more than 15 minutes
will be considered as absent.
▪ Students are responsible from any lessons missed due to tardiness or absences.
▪ Exercises, assignments, and projects are expected to be submitted on or before their due date. Late submissions will be lowered the points per day.
▪ Absences may be excused for medical (with physician/parents’ note) or either emergency reasons.