Republic of the Philippines

NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY

Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

College of Information and Communications Technology

Syllabus of Instruction in
IT-WS02 (Web Systems and Technologies 2)
1st Semester, A. Y. 2021 – 2022

NEUST VISION
NEUST is a locally responsive and internationally relevant and recognized University of Science and Technology.

PANANAW
Ang NEUST ay Pamantasan ng Agham at Teknolohiyang matugunin sa pambansang pangangailangan, napapanahon, at kinikilala sa daigdig.

NEUST MISSION
To develop new knowledge and technologies and transform human resources into productive citizenry to bring about development impact to local and international
communities.

LAYON
Makalinang ng mga bagong kaalaman at teknolohiya, at baguhing-anyo ang yamang katauhan upang maging mabungang mamamayan na magdadala ng kaunlaran at
pagbabago sa pambansa at pandaigdigang pamayanan.

COLLEGE GOALS

PROGRAM EDUCATIONAL OBJECTIVES (PEO)

1. Provide advanced knowledge and skills in the field of information technology with specialization in Database Systems Technology, Web Systems Technology, and
Network Systems Technology.
2. Engage faculty and students in relevant IT researchers and extension activities that will contribute to the technological development of the community.
3. Design programs and ventures that will cultivate the analytical and critical-thinking skills of the students.
4. Provide avenues where students can develop their communication skills and express their thoughts and ideas clearly.

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 1 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

5. Nurture students to become ethical individuals who promote the preservation of the cultural aspects of the community.
6. Produce IT professionals who are competent to take National/International Certification Examinations.

COURSE SYLLABUS
I. PRELIMINARIES
A. Curriculum Program : Bachelor of Science in Information Technology
B. Course Code : IT-WS02
C. Course Title : Web Systems and Technologies 2
D. Credit Unit/Course Credit : 3 units (2 hours lecture, 3 hours laboratory)
E. Time Duration : 18 weeks/semester*5 hours/week (90 hours)
F. Pre-requisite : CC 102, IT-WS01, IT-NET02

II. COURSE DESCRIPTION :

This is an intermediate programming course for web-based applications. This knowledge area continues from where the Web Systems and Technologies 1 concluded. It covers
intermediate to advanced web page design, implementation, and testing. The course progresses from HTML/CSS web page design and development to JavaScript enabled web
applications. Web security and vulnerabilities are presented as concluding topics.

III. COURSE OUTCOMES

CO 1 : Deploy and serve media contents within web applications.

CO 2 : Develop, test, and debug a JavaScript enabled website and integrate it with other IT applications.
CO 3 : Propose possible improvements in the implemented web application to enhance security/avoid vulnerabilities.

IV. STUDENT OUTCOMES AND RELATIONSHIP TO PROGRAM EDUCATIONAL OBJECTIVES (PEOs)

Student Outcomes 1 2 3 4 5 6 Remarks

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 2 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

1. Apply knowledge of computing, science, and mathematics appropriate to the discipline; ✔ ✔ ✔ ✔

2. Understand best practices and standards and their applications; ✔ ✔ ✔ ✔ ✔ ✔

3. Analyze complex problems, and identify and define the computing requirements ✔ ✔ ✔ ✔
appropriate tools solution;
4. Identify and analyze user needs and take them into account in the selection, creation, ✔ ✔ ✔ ✔ ✔ ✔
evaluation and administration of computer-based system;
5. Design, implement, and evaluate computer-based systems, processes, components, or ✔ ✔ ✔ ✔ ✔ ✔
programs to meet desired needs and requirements under various constraints;
6. Integrate IT-based solutions into the user environment effectively; ✔ ✔ ✔ ✔ ✔
7. Apply knowledge through the use of current techniques, skills, tools, and practices ✔ ✔ ✔ ✔
necessary for the IT profession;
8. Function effectively as a member or leader of a development team recognizing the ✔ ✔ ✔ ✔ ✔
different roles within a team to accomplish a common goal;
9. Assist in the creation of an effective IT project plan; ✔ ✔ ✔ ✔ ✔ ✔

10. Communicate effectively with the computing community and society at large about ✔ ✔ ✔ ✔
complex computing activities through logical writing, presentations, and clear
instructions;
11. Analyze the local and global impact of computing information technology on individuals, ✔ ✔ ✔ ✔ ✔
organizations, and society;

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 3 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

12. Understand professional, ethical, legal, security and social issues and responsibilities in ✔ ✔ ✔ ✔ ✔
the utilization of information technology;
13. Recognize the need for and engage in planning self-learning and improving performance ✔ ✔ ✔ ✔ ✔ ✔
as a foundation for continuing professional development.

V. COURSE OUTCOMES AND RELATIONSHIP TO STUDENT OUTCOMES

Course Outcomes 1 2 3 4 5 6 7 8 9 10 11 12 13 Remarks
CO1 : Deploy and serve media contents within web applications.
CO1 : Develop, test, and debug a JavaScript enabled website and
integrate it with other IT applications. E E E E E E E E
CO3 : Propose possible improvements in the implemented web
application to enhance security/avoid vulnerabilities.

VI. Course Coverage

Course Orientation – University’s Vision and Mission, Institutional Graduate Attributes (IGA), Program Goals, Program Educational Objectives, Course and Student
Outcomes, Course requirements and Evaluation Criteria (3 hours)
Course Learning Unit/Topic Time Allotment Intended Learning Outcomes Teaching Learning Assessment Tools Remarks
Outcome Activities/Strategies
CO 1 I. TABLES AND CSS 5 hours At the end of the lesson the Synchronous and Seatwork/Assignment
LAYOUT students should be able to: Asynchronous Lecture Laboratory Exercise/
1. Data Tables Versus and Discussion

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 4 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

Layout Tables a. Learn the difference between Laboratory Exercise, Case Analysis
2. table Elements data tables and layout tables Seatwork
3. Formatting a Data Table: b. Use table elements to
Borders, Alignment and implement data tables *Submission of
Padding c. Use CSS to format table cells requirements through
4. thead and tbody with alignment and padding online
Elements d. Partition a table with the
5. Cell Spanning thead and tbody elements
6. CSS display property e. Learn how to span cells
with Table Values across multiple columns or
multiple rows
f. Use CSS to implement layout
tables
CO 1 II. IMAGE 10 hours At the end of the lesson the Synchronous and Seatwork/Assignment
MANIPULATIONS, students should be able to: Asynchronous Lecture Laboratory Exercise/
AUDIO, AND VIDEO a. Position an image at the left and Discussion Case Analysis
1. Positioning Images or right with text displayed Laboratory Exercise,
2. Shortcut Icon at its other border Seatwork
*Submission of
3. iframe Element b. Learn how to display a requirements through
4. Background Images shortcut icon in a browser’s online
5. Audio tab area
6. Video c. Implement an iframe
element with the ability to
display a web page or an
image in it.
d. Cover a web page’s
background with an image
e. Implement an audio player

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 5 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

using the audio element.

f. Handle different audio file
formats
g. Implement a video player
using the video element
CO 1, CO 3 III. INTRODUCTION TO 15 hours At the end of the lesson, the Synchronous and Seatwork/ Assignment
JAVASCRIPT: students should be able to: Asynchronous Lecture Quiz
FUNCTIONS, DOM, and Discussion Laboratory Exercise/
FORMS AND EVENT a. Learn How JavaScript came Laboratory Exercise, Case Analysis
HANDLERS to be Seatwork and Quiz
1. History of JavaScript b. Implement a button control *Submission of
2. Hello World Web Page
with an event handler requirements through
3. Buttons online
c. Understand syntax rules for
4. Functions
5. Variables functions, variables,
6. Identifiers identifiers, and assignments
7. Assignment Statements d. Learn about the Document
and Objects Object Model
8. Document Object Model e. Implement a form with a
9. Forms and How They’re text control and a button
Processed: Client-Side f. Learn how to update a web
Versus Server-Side page with dynamic HTML
10. form Element g. Understand proper
11. Controls JavaScript coding
12. Text Control conventions
13. Email Address h. Learn about event-handler
Generator Web Page
attributes
14. Accessing a Form’s
i. Implement a rollover using

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 6 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

Control Values mouse events

15. reset and focus j. Accommodate disabled
Methods JavaScript
16. Comments and
Coding Conventions
17. Event-Handler
Attributes
18. onchange.
onmouseover,
onmouseout
19. Using noscript to
Accommodate Disabled
JavaScript
5 hours MIDTERM EXAMINATION
CO 2 IV. ADDITIONAL 15 hours At the end of the lesson, the Synchronous and Seatwork/ Assignment CO 2
JAVASCRIPT: students should be able to: Asynchronous Lecture Quiz
WINDOW OBJECT, IF a. Use the window object to and Discussion Laboratory Exercise/
STATEMENT, retrieve various properties of Laboratory Exercise, Case Analysis
STRINGS, NUMBERS, the current window Seatwork and Quiz
INPUT VALIDATION b. Display pop-up messages *Submission of
and retrieve user input by requirements through
1. Window Object online
calling the alert, confirm,
2. Alert and Confirm
Methods and prompt methods.
3. If Statement: If by Itself c. Write if statements in order
4. Prompt Method to implement branching
5. If statement: else and else logic.
if Clauses d. Learn string details – how to

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 7 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

6. Strings compare them, concatenate

7. Arithmetic Operators them, and display special.
8. Parsing Numbers: e. To process strings, learn
Parseint and Parsefloat how to call various string
9. Comparison Operators methods.
and Logical Operators f. To process numbers, learn
how to use arithmetic
operators
g. Implement constraint
validation for form controls
by adding CSS and
JavaScript that tell the user
when input is invalid.
h. To form more complex if
conditions, learn how to use
comparison operators and
logical operators.
CO 2 V. LOOPS, ADDITIONAL 15 hours At the end of the lesson, the Synchronous and Seatwork/ Assignment
CONTROLS, students should be able to: Asynchronous Lecture Quiz
MANIPULATING CSS a. Use a while loop to solve and Discussion Laboratory Exercise/
WITH JAVASCRIPT problems that require Laboratory Exercise, Case Analysis
repetition Seatwork and Quiz
1. while Loop b. For web pages with a *Submission of
2. External JavaScript Files
significant amount of requirements through
3. do Loop online
JavaScript code, move that
4. Radio Buttons
code to an external file

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 8 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

5. Checkboxes c. Implement a solution using a

6. for Loop do loop if you’re sure that
7. fieldset and legend the repeated task needs to be
Elements executed at least one time.
8. Manipulating CSS with d. Use a radio button group
JavaScript when the user is supposed to
9. Textarea Controls select one value from among
10. Pull-down Menus
a list of values
11. List Boxes
e. Use a checkbox when the
user is supposed to check or
not check an item for
selection.
f. Implement a compact
solution for a repetitive task
using a for loop if you
know in advance how many
times the loop will execute
g. Use the fieldset
container to make the
grouping clear for a group of
radio buttons or a group of
checkboxes.
h. Learn techniques for
dynamically updating the
appearance of a we page
using JavaScript and CSS

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 9 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

i. Implement a textarea control

for multiple-line user entries
j. Use the select element to
implement pull-down menus
and list boxes
10 hrs PRESENTATION OF FINAL CASE STUDY
5 hours SUBMISSION OF FINAL REQUIREMENTs and FINAL EXAMINATION

VII. COURSE REQUIREMENTS AND EVALUATION CRITERIA

The minimum requirement for a passing grade is 75% final grade average from the following:

Attendance 10%
Assignment/Seatwork/Recitation 15%
Quizzes 20%
Laboratory Exercise/Case Study 30%
Term Exam 25%
TOTAL 100%

The University Grading System is specified in the matrix below.

Numerical Value Percentage / Numerical Value Percentage / Numerical Value Percentage /

Descriptive Equivalent Descriptive Equivalent Descriptive Equivalent
1.00 97-100% 2.00 85-87% 3.00 75%

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 10 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

1.25 94-96% 2.25 82-84% 5.00 74% & below, Failed

1.50 91-93% 2.50 79-81% Inc. Incomplete
1.75 88-90% 2.75 76-78% D Dropped without Credit

VIII. REFERENCES
Web Programming with HTML5, CSS, and JavaScript Includes Navigate 2 Advantage Access
by John Dean
(C) 2019, Jones & Bartlett Learning

Web Programming and Internet Technologies, Includes Navigate 2 Advantage Access

by Porter Scobey, Pawan Lingras
2nd Edition
(C) 2018, Jones & Bartlett Learning

Web Design with HTML & CSS3: Comprehensive Edition

by Jessica Minnick
8th Edition
(C) 2017, Cengage Learning

Internet Security: How to Defend Against Attackers on the Web

by Mike Harwood
2nd Edition
(C) 2016, Jones & Bartlett Learning

IX. ADDITIONAL READINGS

Instructor’s resources, handouts and/or presentation

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 11 of 12
 Republic of the Philippines
NUEVA ECIJA UNIVERSITY OF SCIENCE AND TECHNOLOGY
Cabanatuan City, Nueva Ecija, Philippines
ISO 9001:2015 CERTIFIED

SUMACAB CAMPUS

Prepared by: Noted: Approved:

Rose Anne G. Cochanco __________________ Gloria M. Alcantara, Ph.D.

Arnold P. Dela Cruz, DIT
Diana Jean O. Galvez __________________
Subject Teacher Chairperson, Program Dean, College of Information and Communications
Technology
Date Signed:July 30, 2021 Date Signed:July 30, 2021 Date Signed:July 30, 2021

NEUST-AAF-F001
Rev.01 (10.15.2019) Transforming Communities through Science and Technology Page 12 of 12