Document No.

ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 1 of 9
(Undergraduate)

APPROVAL SHEET

This syllabus is prepared and submitted by DON FRANCIS C. PRADO, for BSIT students has been reviewed and approved for use by the faculty and
students of the COLLEGE OF COMPUTING STUDIES.

Course Code EL 2
Course Title Web Development: Front End
Course Unit 3 Units
Contact Hours/week 3 Hours Laboratory, 2 Hours Lecture
Prerequisite None

This course examines the various types of scripting languages use to develop a dynamic web page. The client side scripting such as
Course Description HTML5, Javascript, jQuery, Ajax will be used to design the content and to provide web interactions; PHP 5, an open-source a server-
side scripting language, will be the main tool for the development of a dynamic website.

Recommending Approval: Approved:

JOY G. BEA, DIT DR. FRANCISCO N. DIVINA

Dean, CCS Campus Administrator

Date: Date:

Lead yourself, lead your school, lead your world

 Document No. ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 2 of 9
(Undergraduate)

VISION: A vibrant Polytechnic Service College for transforming lives and communities.

To improve the lives of people and communities through quality instruction, innovations, productivity initiatives, environment and industry-feasible
MISSION:
technologies, resource mobilization and transformational outreach programs and services.

CORE VALUES: Productivity, Resiliency, Accountability, Ingenuity, Synergy, Excellence

PHILOSOPHY: Flourish ISPSC, Deliver Quality Education and Services and Launch Academic Excellence.

The program prepares students to be IT professionals who are well-versed in application installation, operation, development, maintenance and
COLLEGE GOALS: administration; as well as engaged in life-long learning endeavors which are capable of contributing in research, extension and resource generation
in the field of Information Technology.

The Information Technology program has adopted the following educational objectives:
1. The graduates will be competent professionals with an integrated understanding of computer systems, processes, and the main body of knowledge
PROGRAM being in the Information Technology field. They will be IT Professionals engaged in careers such as IT specialists, web or mobile applications
developer, network engineer, database administrator and systems administrator.
OBJECTIVES:
2. Capable of engaging in professional growth, competent and technology-oriented participating in life-long learning activities relevant to the
profession which includes earning higher learning degrees or completing professional advancement trainings.
3. The graduates will be adaptive to the changing environment, be capable of exhibiting professionalism in working individually, a member or leader
of a team; communicate effectively and ensures social and ethical responsibilities in the community and in their profession.

Lead yourself, lead your school, lead your world

 Document No. ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 3 of 9
(Undergraduate)
Institutional Highly skilled and globally competitive graduates imbued with values and virtues possessing a deep sense of commitment towards the
Outcome: improvement of the quality of life of the people and communities.
Program Outcomes: Based on CMO # 25, s. 2015

1. The graduates will be competent professionals with an integrated understanding of computer systems, processes, and the main body of
PO1 knowledge being in the Information Technology field. They will be IT Professionals engaged in careers such as IT specialists, web or mobile
applications developer, network engineer, database administrator and systems administrator.
2. Capable of engaging in professional growth, competent and technology-oriented participating in life-long learning activities relevant to the
PO2
profession which includes earning higher learning degrees or completing professional advancement trainings.
3. The graduates will be adaptive to the changing environment, be capable of exhibiting professionalism in working individually, a member or
PO3
leader of a team; communicate effectively and ensures social and ethical responsibilities in the community and in their profession
4. Conduct research, create new valuable concepts and act capably with practices necessary for the environment yield with a resilient output using
PO4
modern IT tools.
5. Work productively as a member or leader of a development team recognizing the different roles within a team to accomplish a common goal of
PO5
multi-disciplinary and multi-cultural team.
6. Work productively as a member or leader of a development team recognizing the different roles within a team to accomplish a common goal of
PO6
multi-disciplinary and multi-cultural team.
PO7 7. Act in accordance to moral and ethical principles personally and professionally in the national, local and international environment.
8. Recognizing the need for and engage in planning self-learning and improving performance as a foundation for continuing professional
PO8
development in order to strive for quality and excellence.
9. Preserve and promote the “Filipino Culture” and to participate in various types of employment, development activities and to use, develop and
PO9
integrate knowledge, skills across disciplines for building the nation and affect the global industry.

Lead yourself, lead your school, lead your world

 Document No. ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 4 of 9
(Undergraduate)

COURSE OUTCOMES AND RELATIONSHIP TO PROGRAM OUTCOMES

Program Outcomes
Course Outcomes
PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9
Use client side scripting such as HTML 5, Bootstrap 4, JavaScript, jQuery and Ajax to create a
CO1 I I I I D D D P P
responsive website.

CO2 Apply PHP 5 to perform server side scripting in manipulating MySQL database. D D D D P P P P P
Develop a real world business dynamic website by integrating all the different scripting languages
CO3 D D D D P P P P P
and deploy in a real webhosting.
Internalize the institutions Vision, Mission, Goals and Objective and to promote the discipline for
CO4 P P P P P P P P P
building the integrity of a student of ISPSC for the nation and affect the global industry.

I - Introduce D – Demonstrate P - Practice

Lead yourself, lead your school, lead your world

 Document No. ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 5 of 9
(Undergraduate)
LEARNING PLAN
Course Intended Learning Intended Learning Activities (ILAs) Assessment Tasks (ATs) Instructional
Course Topics Time Frame
Outcome Outcome Lecture Lab Lecture Lab Resources
At the end of the course I. Hyper Text Markup Week 1-2 Self-learning Coding Activities: Assignment Hands-on Module, eBook,
the students should be Language HTML (10 hrs.) module a.CSS Text Quiz Activity/ Skills Video Clips
able to: a. HTML tags b.CSS Layout Exam Integration (youtube)
 Design a webpage b. HTML Editors c.CSS positioning
c. HTML <div> Tag d.CSS borders
using HTML 5 and.
II. Cascading Style Sheet e.CSS Pseudo-
 Apply CSS in the (CSS) class
website to provide a. CSS formatting Week 3
design. (5 hrs.)
b. CSS syntax Week 4
CO1, CO2,
(5 hrs.)
CO3
c. CSS Text Week 5
(5 hrs.)
d. CSS Margins Week 6
(5 hrs.)
e. CSS Borders Week 7
(5 hrs.)
f. CSS Pseudo-classes Week 8
(5 hrs.)
g. CSS Layout Week 9
(5 hrs.)
MIDTERM EXAMINATION
At the end of the III. JavaScript Fundamentals Self-learning Coding Activities Assignment Hands-on Module, eBook,
course the students a. Change HTML content Week 10 module Quiz Activity/ Skills Video Clips
should be able to: using JavaScript 5 hrs. Exam Integration (YouTube)
CO3, CO4  Create a simple b. Change HTML attribute Week 11
Values using JavaScript 5 hrs.
dynamic website

Lead yourself, lead your school, lead your world

 Document No. ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 6 of 9
(Undergraduate)
using server side c. Hide and show HTML Week 12, 13
scripting language. elements using 10 hrs.
 Deploy a JavaScript
d. Display JavaScript Week 14-15
functional dynamic
output using different 10 hrs.
website in a real ways.
webhosting. IV. Create and Upload Website Week 16-18
thru webhosting 15 hrs.
a. Create a Login System
using HTML, CSS,
JavaScript, and PHP
MySQL.
b. Deploy created website
using webhosting
FINAL EXAMINATION
MAJOR COURSE OUTCOMES
An evidence of attaining the above course outcomes, students are required to do and submit the following during the indicated dates of the term. The rubrics for these
outputs are provided.
Required Output Performance Target Course Outcomes It represents Due Date
MCO1 100% CO1, CO2 1 week before midterm
PROGRAM: Student Information Page using CSS and HTML exam
MCO2 100% CO1, CO2, CO3 1 week before the final
PROGRAM: Student will Create a Dynamic website using exam
HTML,CSS, JavaScript, and PHP MySQL

Lead yourself, lead your school, lead your world

 Document No. ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 7 of 9
(Undergraduate)
RUBRICS FOR ASSESSMENT TO BE USED FOR MCO1 and MCO2
Programming Rubrics
Program (50 pts) (Excellent) (Good) (Fair) (Poor)
Program execution Program executes correctly with Program executes with a minor Program does not execute (0-1)
no syntax or runtime errors (9-10) (easily fixed error) (2-3)
Correct output Program displays correct output Output has minor errors (6-8) Output has multiple errors (3-5) Output is incorrect (0-2)
with no errors (9-10)
Design of output Program displays more than Program displays minimally Program does not display the Output is poorly designed (0-2)
expected (7-8) expected output (5-6) required output (3-4)
Design of logic Program is logically well designed Program has slight logic errors Program has significant logic Program is incorrect (0-2)
(9-10) that do not significantly affect errors (3-5)
the results (6-8)
Standards Program is stylistically well Few inappropriate design Several inappropriate design Program is poorly written (0-1)
designed (6-7) choices (i.e. poor variable choices (i.e. poor variable
names, improper indentation) (4- names, improper indentation) (2-
5) 3)
Documentation Program is well documented (5) Missing one required comment Missing two or more required Most or all documentation
(4) comments (2-3) missing (0-1)

GRADING SYSTEM
The following shall be used as basis for giving grades as per approved Student Handbook through BOT Res. #_________, s. ________
GRADING SYSTEM

Term Grade: Class Standing - 60% Final Ratings: 50% Mid Term & 50% Final Term
Term Examinations - 40%

Note:
1. As we go back to face to face modality, we are implementing the components of the Grading System during the pre-pandemic as stated in our Student Manual and
Graduate School Manual.
2. However if the condition gets worse again, it will automatically go back to the grading system we used during the pandemic.

Lead yourself, lead your school, lead your world

 Document No. ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 8 of 9
(Undergraduate)
CLASS POLICIES:
1. Submission of Requirements and Activities listed in the Modules:
Requirements are expected to be submitted on or before the deadline, failure to submit on the schedule deadline means NO ACCEPTANCE of requirement.
2. Laboratory Activities:
Physical / social distancing must still be observed and implemented all the time (lecture and laboratory). Students will be at least 1.5 meters apart on all sides.
3. Term Examinations: To be undertaken during the scheduled dates.
4. Dishonesty:
Offences on dishonesty/cheating during examination period and other educational activities will be dealt with accordingly as stipulated in the Student Manual and Graduate School
Manual.
5. Health protocols to be observed;
a) Using a mask inside the class
b) Physical social distancing in the class
c) Unvaccinated are allowed to enter the classroom however they have to write a waiver for taking the risk of covid-19.
d) In case a student shall acquire symptoms of covid-19, he/she should voluntarily submit himself/herself for physical exam in the clinic
6. Additional Requirements:
Attendance is again part the class standing.

REFERENCES:
Books: Main Reference/s
Nixon, R. (2015). Learning PHP, MySQL, & JavaScript with jQuery, CSS & HTML 5. O’Reilly Media, Inc.
Yank, K. (2012). PHP and MYSQL Novice to Ninja 5th Edition. SitePoint Pty. Ltd.

Online References: A. Website

w3schools.com (Tutorial for HTML 5, Bootstrap 4, JavaScript, JQuery)
www.tutorialspoint.com(Tutorial for HTML 5, Bootstrap 4, JavaScript, JQuery)
B. Electronic
Weblessons.com (compiled video and source code for PHP)
Video File: PHP Ajax Insert Data in MySQL Using Bootstrap Modal (.mp4)
Source Code: PHP Ajax Insert Data in MySQL Using Bootstrap Modal (.docx)
Video File: PHP Ajax Update MySQL Data Through Bootstrap Modal (.mp4)
Source Code: PHP Ajax Update MySQL Data Through Bootstrap Modal (.docx)

Lead yourself, lead your school, lead your world

 Document No. ISPSC -AA-F027
ILOCOS SUR POLYTECHNIC STATE COLLEGE Revision No. 3
Effectivity Date: September 23, 2022
SYLLABUS Page No. 9 of 9
(Undergraduate)

Prepared by:

NAME: DON FRANCIS C. PRADO

Email address donfrancisprado@gmail.com
Contact Number 09054381334
Consultation Hours

______________________ _________________
Signature Date

Lead yourself, lead your school, lead your world