Doc.

Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Republic of the Philippines

SOUTHERN LEYTE STATE UNIVERSITY
Tomas Oppus, Southern Leyte
Website: www.slsuonline.edu.ph

COURSE SYLLABUS
IT 203 and IT 203L - WEB DEVELOPMENT
First Semester, AY 2019-2020

National Goal : The attainment of globally competitive Filipinos through quality and excellent education, relevant and
responsive to changing environment, accessible and equitable to deserving students, and efficient and
effective in optimizing returns and benefits.

Vision : A high quality corporate science and technology university

Mission : SLSU will 1) produce S and T leader and competitive professionals; 2) generate breakthrough research in
Sand T –based disciplines; 3) transform and improve the quality of life in the communities in the service
areas; and 4) be self-sufficient and financially viable

University Goals : SLSU shall develop comprehensive curricula to produce S and T leaders and professionals; establish a
culture of science and technology-based research; facilitate adoption of technology to communities and
service areas; intensify production capability; establish transparent, efficient and effective management
system.

Quality Policy : We, at Southern Leyte State University, commit enthusiastically to satisfy our stakeholders’ needs and
expectation by adhering to good governance, relevance, and innovations of our instruction, research and
development, extension and other support services and to continually improve the effectiveness of our
Quality Management Systems in compliance to ethical standards and applicable statutory, regulatory,
industry and stakeholders’ requirements.

The management commits to establish, maintain and monitor our quality management system and ensure
that adequate resources are available.
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Program Outcomes
The graduates have the ability to:

A. Common to all programs in all types of schools

a.) Articulate and discuss the latest developments in the specific field of practice.
b.) Effectively communicate orally and in writing using both English and Filipino
c.) Work effectively and independently in multi-disciplinary and multi-cultural teams.
d.) Act in recognition of professional, social, and ethical responsibility.
e.) Preserve and promote “Filipino historical and cultural heritage”.

B. Common to the discipline

f.) Analyze complex problems, and identify and define the computing requirements needed to design an appropriate
solution
g.) Apply computing and other knowledge domains to address real-world problems.
h.) Design and develop computing solutions using a system-level perspective.
i.) Utilize modern computing tools.

C. Specific to Bachelor of Science in Information Technology

j.) Apply knowledge of computing, science, and mathematics appropriate to the discipline.
k.) Understand best practices and standards and their applications.
l.) Analyze complex problems, and identify and define the computing requirements appropriate to its solution.
m.) Identify and analyze user needs and take them into account in the selection, creation, evaluation and
administration of computer based systems.
n.) Design, implement and evaluate computer-based systems, processes, components, or programs to meet desired
needs and requirements under various constraints.
o.) Integrate IT-based solutions into the user environment effectively.
p.) Apply knowledge through the use of current techniques, skills, tools and practices necessary for the IT
profession.
q.) Function effectively as a member or leader of a development team recognizing the different roles within a team
to accomplish a common goal.
r.) Assist in the creation of an effective IT project plan.
s.) Communicate effectively with the computing community and with society at large about complex computing
activities through logical writing, presentations and clear instructions
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

t.) Analyze the local and global impact of computing information technology on individuals, organizations, and
society.
u.) Understand professional, ethical, legal, security, and social issues and responsibilities in the utilization of
information technology.
v.) Recognize the need for and engage in planning self-learning and improving performance as a foundation for
continuing professional development.

D. Institutional Outcomes
w.) Compete globally as IT professionals that can develop and advance Information and Communication Technology.

E. Information Technology Graduate Attributes

Think: Thinking Skills (Cognitive)

a.) Critical Thinking
b.) Conceptual Thinking

Feel: Attitudes & Mindsets (Affective)

c.) Global Mindset
d.) Open Minded
e.) Personal Responsibility

Do: Skills & Knowledge (Psychomotor)

f.) Problem Solving Skills
g.) Leadership and Management Skills
h.) Research Skills
i.) Learning to Learn Skills
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

A. Course Details
Course Name ITN 103 and ITN 103L – WEB DEVELOPMENT
Course Description Introduction to the open source Web scripting language PHP. Build dynamic Web applications. Semantics and
syntax of the PHP language, including discussion on the practical problems that PHP solves. Write server-side
cross-platform HTML-embedded scripts to implement dynamic Web pages that interact with databases and files.

Number of Units 3 (2 units Lec & 1 unit Lab)

Prerequisite None

B. Course Outcomes and Relationship to Program Outcomes

Course Outcomes Program Outcomes
At the end of this course, the students must
j k l m n o p q r s t u v
have:
Knowledge (Think)
1. Recognized the role of HTTP and HTTPS
D D
in the context of web applications.
2. Assessed client-side and server-side
D
security issues.
Skills (Do)
3. Demonstrated web application
development that uses industry- P
standard technologies.
4. Prescribed browser security models
including same-origin policy and thread P
models in web security
Values (Feel)
5. Appreciated the significance of Safety
through appropriate selection of
D
security mechanism for systems
implementation.
6. Affirmed accountability in the
implementation of web application to D
ensure software quality

C. Lecture Learning Plan

 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Graduate Allotted Teaching &

Intended Learning Assessment Instructional
Attribute and Topics Time (in Learning
Outcomes Tasks Materials
CDIO Skills Hours) Activities
Conceptual At the end of the Orientation 2 hours Project Based Expressive Course Syllabus
Thinking orientation, the students Learning Activities (IT 509)
must have: 1. National Goal
Personal Skills Lecture
2. SLSU Vision, Mission, Student
and attitudes
Goals, Objectives and Online, Mobile & Handbook
a. Explained and
Quality Policy Blended Learning
interpreted the national
3. College Goals and Team-based
and regional goal,
Program Objectives Learning
University vision and
4. Program Outcomes
mission, Campus
5. Course Outcomes
objectives, program
6. Course Outline
objectives, and relate
7. Course Grading
the overall course
System
outline, grading system
8. Course Requirements
and requirements.
9. Gender Awareness
and Development
(GAD)
10. Student/s with
Special Needs
11. Academic Integrity
12. Disaster and Risk
Preparedness

Research Skills At the end of the unit, the Unit 1: Setting Up the 1 hour Project Based Flowchart Textbooks
students must have: Workstation Learning Designing-
System Self-learning Kit
Standard
Thinking Lecture
a. Selected appropriate 1. Introduction to Web Operating
web development tools. Development Tools Online, Mobile & Procedure for
b. Prepared a functional 2. Testing Server Blended Learning setting up of
testing server. Installation Team-based workstation
3. Project Orientation Learning
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Graduate Allotted Teaching &

Intended Learning Assessment Instructional
Attribute and Topics Time (in Learning
Outcomes Tasks Materials
CDIO Skills Hours) Activities
4. Project Scope:
Records Management
System (Basic
Inventory System,
Curriculum
Management System,
Grading System,
Faculty Evaluation
System, Payroll
System)
5. Project
Documentation
6. Schedule Deliverables

Conceptual At the end of the unit, the Unit 2: Building Web 3 hours Project Based Prototype Textbooks
Thinking students must have: Pages with HTML Learning Designing
Student Guide
Experimentatio Lecture
a. Constructed web pages 1. Using Basic Tag and
n and
with HTML. global attributes Online, Mobile &
Knowledge
b. Applied basic tags and 2. Setting paragraph Blended Learning
Discovery
global attributes for an styles Team-based
HTML document 3. Adding hyperlink Learning
including appropriate 4. Creating tables
paragraph styles.

Conceptual At the end of the unit, the Unit 3: Styling with 4 hours Project Based Case Analysis on
Thinking students must have: Cascading Style Sheets Learning Framework
(CSS) Integrations
Lecture
a. Demonstrated the four
different ways of 1. Creating CSS and Online, Mobile &
applying CSS styles. understanding its Blended Learning
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Graduate Allotted Teaching &

Intended Learning Assessment Instructional
Attribute and Topics Time (in Learning
Outcomes Tasks Materials
CDIO Skills Hours) Activities
b. Applied Cascading Style rules
Team-based
Sheet to format web 2. Setting CSS properties
Learning
pages. and values
c. Created style sheets that 3. Applying CSS
configures common concepts
colors and text 4. Implementing page
properties. properties
5. Applying bootstrap
for user interfacing
design

Problem Solving At the end of the unit, the Unit 4: Introduction to 2 hours Project Based Object/Class
Skills students must have: Object Oriented Learning Modeling
Programming with PHP
Lecture
a. Identified the basic
syntax of the PHP 1. Preparing a PHP Online, Mobile &
programming language. workstation Blended Learning
b. Created a PHP program 2. Integrating PHP with Team-based
that use variables. HTML Learning
3. Basic variables and
constants
4. Operators
5. Functions
6. Statements and
expressions

Problem Solving At the end of the unit, the Unit 5: Control 4 hours Project Based Case Study
Skills students must have: Structures Learning Process Analysis
Lecture
1. Global Variables:
a. Identified session
Session, Cookies and Online, Mobile &
creating mechanisms in
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Graduate Allotted Teaching &

Intended Learning Assessment Instructional
Attribute and Topics Time (in Learning
Outcomes Tasks Materials
CDIO Skills Hours) Activities
PHP. Server variable Blended Learning
2. If…else Team-based
3. Switch Learning
4. While and do-while
5. For and Foreach

Midterm Exam 2 hours

Sub-total 18
hours

Conceptual At the end of the unit, the Unit 6: Arrays and Forms 4 hours Project Based Quiz
Thinking students must have: Learning
1. Using arrays
Lecture
a. Created and test PHP 2. Creating arrays
scripts that includes 3. Working with arrays Online, Mobile &
arrays. 4. Looping through Blended Learning
b. Created and test PHP arrays Team-based
scripts to process HTML 5. Sorting arrays Learning
Forms. 6. Building and handling
forms

Conceptual At the end of the unit, the Unit 7: Fundamentals of 4 hours Project Based Case Study on
Thinking students must have: MySQL and SQL Learning Entity
Relationship
Lecture
a. Configured MySQL 1. Installing and Using Modeling
database. MySQL Workbench Online, Mobile &
b. Implemented MySQL 2. Understanding SQL Blended Learning
Database and designed 3. Using MySQL Team-based
SQL script for CRUD Learning
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Graduate Allotted Teaching &

Intended Learning Assessment Instructional
Attribute and Topics Time (in Learning
Outcomes Tasks Materials
CDIO Skills Hours) Activities
application.

Conceptual At the end of the Unit 8: Using a MySQL 8 hours Project Based Practical ER
Thinking orientation, the students Database with PHP Learning Model
must have: Implementation
Lecture
1. Integrating PHP and
a. Created and tested PHP MySQL Online, Mobile &
and MySQL application. 2. Working with Forms Blended Learning
b. Designed and and Databases Team-based
implemented web 3. Expanding PHP Form Learning
application with Handling
database entry. 4. Facilitating User
Interaction
5. Interacting with a
Database

Final-term Exam 2 hours

Sub-total 18
hours

36
Grand total
hours
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

D. Laboratory Learning Plan

Teaching Assessment
Intended Learning Outcomes Topics Hours References
Strategies Tools
At the end of the unit, the students must Unit 1: Setting Up the 3 hours Laboratory Laboratory 1,2
have: Workstation Exercise Exercise 1
Introduction to Web Setting up of
a. Selected appropriate web Development Tools Workstation
development tools.
Testing Server Installation
b. Prepared a functional testing server.
Project Orientation
Values: Appreciation on correct Project Scope: Records
selection of software tools in relation to Management System (e.g.
effective and efficient design, Basic Inventory System,
implementation and development of Curriculum Management
web based software applications that System, Grading System,
can generate excellent performance. Faculty Evaluation System,
Payroll System)
Project Documentation
Schedule Deliverables

At the end of the unit, the students must Unit 2: Building Web Pages 3 hours Laboratory Laboratory 1,2
have: with HTML Exercise Exercise 2
Using Basic Tag and global Fundamentals of
a. Constructed web pages with HTML. attributes HTML
b. Applied basic tags and global
Setting paragraph styles
attributes for an HTML document
including appropriate paragraph Adding hyperlink
styles. Creating tables

Values: Appreciation on information

 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Teaching Assessment
Intended Learning Outcomes Topics Hours References
Strategies Tools
accuracy and its relationship to efficient
and effective system performance
through consistent implementation of
HTML coding structure based on
industry standard approach and
strategies.

At the end of the unit, the students must Unit 3: Styling with 4 hours Laboratory Laboratory 1,2
have: Cascading Style Sheet Exercise Exercise 3
Creating CSS and Implementation
a. Demonstrated the four different understanding its rules of Cascading Style
ways of applying CSS styles. Sheet
Setting CSS properties and
b. Applied Cascading Style Sheet to
values
format web pages.
c. Created Style Sheets that configures Applying CSS concepts
common colors and text properties. Implementing page properties
Values: Appreciation of an effective and Applying bootstrap for user
efficient management approach for interfacing design
controlling webpage layout and
presentation through the separation of
webpage content from the design.

At the end of the unit, the students must Unit 4: Introduction to 4 hours Laboratory Laboratory 1,5
have: Object Oriented Exercise Exercise 4
Programming with PHP
Implementation
a. Identified the basic syntax of the Preparing a PHP workstation of Object Oriented
PHP programming language. Programming in
Integrating PHP with HTML
b. Created a PHP program that use PHP
variables. Basic variables and constants
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Teaching Assessment
Intended Learning Outcomes Topics Hours References
Strategies Tools
Values: Appreciation of an effective Operators
and efficient approach for program
Functions
source code design and implementation
of web based software systems in Statements and expressions
relation to the fundamental principles of
object abstraction, encapsulation and
inheritance.

At the end of the unit, the students must Unit 5: Control Structures 4 hours Laboratory Laboratory 1,5
have: Exercise Exercise 5
If…else Statements
Implementation
While and do-while
a. Identified session creating of Control
statements
mechanism in PHP. Structures Using
For and Foreach statements PHP
Values: Appreciation of an effective and Switch statements
efficient approach for determining the
direction of software program based on Global Variables: Session,
given parameters and its relationship to Cookies and Server variable
accurate variable analysis.
Mid-term Output: Project 6 hours Open Forum
Presentation
Learning through
Presentation of proposed
others’
project design with complete
presentation
documentation.

Mid-term Exam 3 hours

Sub-total 27 hours
At the end of the unit, the students must Unit 6: Arrays and Forms 5 hours Laboratory Laboratory 1,2,5
have: Exercise Exercise 6
Using arrays
a. Created and tested PHP scripts that
Implementation
includes arrays.
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Teaching Assessment
Intended Learning Outcomes Topics Hours References
Strategies Tools
b. Created and tested PHP scripts to Creating arrays of Arrays and
process HTML Forms. Web Forms Using
Working with arrays
PHP
Values: Appreciation on the Looping through arrays
significance of efficient memory Sorting arrays
management and its relationship to
computer based data handling for Building and handling forms
effective and reliable information
retrieval.

At the end of the unit, the students must Unit 7: Fundamentals of 5 hours Laboratory Laboratory 1,2,5
have: MySQL and SQL Exercise Exercise 7
Installing and Using MySQL Implementation
a. Configured MySQL database. Workbench of Database
b. Implemented MySQL Database and Design Using
Understanding SQL
designed script for CRUD MySQL - Part 1
application. Using MySQL

Values: Appreciation for a cost-effective

implementation of a database solution
and its relationship to effective and
efficient performance of web based
software systems.

At the end of the unit, the students must Unit 8: Using a MySQL 5 hours Laboratory Laboratory 1,2,5
have: Database with PHP Exercise Exercise 8
Integrating PHP and MySQL Implementation
a. Created and tested PHP and MySQL of Database
Working with Forms and
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

Teaching Assessment
Intended Learning Outcomes Topics Hours References
Strategies Tools
application. Databases Design Using
b. Designed and implemented web MySQL - Part 2
Expanding PHP Form
application with database entry.
Handling
Values: Appreciation for a cost-effective Facilitating User Interaction
implementation of a database solution Interacting with a Database
and its relationship to effective and
efficient performance of web based
software systems.
Final-term Output: Project 9 hours Open Forum
Presentation
Learning through
Full implementation of the
others’
approved project with
presentation
complete documentation
Final-term Exam 3 hours
Sub-total 27 hours
Grand total 54 hours

E. References

1. Matthews, M. S. (2015). PHP and MYSQL Web Development: A Beginner's Guide. McGraw-Hill Education.
2. Murugesan, S., Deshpande, Y., Hansen, S., & Ginige, A. (2001). Web engineering: A new discipline for development of web-based
systems. In Web Engineering (pp. 3-13). Springer, Berlin, Heidelberg
3. Ullman, L. (2011). Php and mysql for dynamic web sites: visual quickpro guide. Peachpit Press.
4. Ware, B. (2002). Open source development with LAMP: using Linux, Apache, MySQL and PHP. Addison-Wesley Longman Publishing
Co., Inc..
5. Welling, L., & Thomson, L. (2003). PHP and MySQL Web development. Sams Publishing.
6. PHP Web Development. [Online]. Available: https://github.com/redlinx/PHP-Web-Development. Retrieved on 2018, August
6
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

7. Bootstrap[Online]. Available: http://getbootstrap.com/. Retrieved on 2018, August 6

8. PHP Online Documentation. [Online]. Available: http://php.net/manual/en/. Retrieved on 2018, August 6
9. XAMPP. [Online]. Available: https://www.apachefriends.org/index.html. Retrieved on 2018, August 6
10. Sublime Text. [Online]. Available: https://www.sublimetext.com/. Retrieved on 2018, August 6
11. MySQL GUI Tools. [Online]. Available: https://downloads.mysql.com/archives/gui/. Retrieved on 2018, August 6
12. MySQL Workbench. [Online]. Available: https://www.mysql.com/products/workbench/. Retrieved on 2018, August 6
13. [Online]. Available: https://www.google.com/chrome/. Retrieved on 2018, August 6

F. Grading System

Lecture
Term Exam 40%
Quiz 30%
Final Project 20%
Class Participation 10%
Total 100%

Laboratory
Term Exam 60%
Laboratory Exercise 20%
Final Project 20%
Total 100%

Final Grade = (Mid-term Grade + Final-term Grade)

----------------------------------------------------
2
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

G. Materials and Equipment

 Computer (Desktop/Laptop)
 Text Editor: Sublime Text
 Webserver Suite: XAMPP version 0.0
 MySQL GUI Tools (MySQL Administrator and MySQL Query Browser)
 MySQL Workbench
 Bootstrap Libraries
 Google Chrome Extensions: Web Developers Add-on
 UML Case Tools (Microsoft Visio or Other Open source UML Case tools)

H. Rubrics
 Rubric in Projects/Outputs – Doc. Code: SLSU-QF-IN30

I. Provisions for Flexibility:

Academic Integrity
 In this course, all submitted works of the student must be original (e.g. must be written or programmed by the student
exclusively, unless explicitly stated otherwise) and must include acknowledgment of any collaborators or sources (other than
course text books or handouts) used to produce the submission. However, students are not permitted to review assignments
or solutions or course materials from similar courses offered at other institutions in preparing the work.
 Students are encouraged to discuss course material with other students. Discussion of assignments is also allowed, but
sharing of solutions or code is strictly forbidden.
Final Project
 All topics within the scope of this course syllabus shall compose the minimum requirement for the final project. In addition,
the students are also required to introduce new concepts, techniques or technology beyond the project’s minimum
requirement and must be supported with complete documentation prior to final project presentation.
 Students must perform oral presentation of their proposed project design as part of the required output for Mid-term and
must be approved and accepted by the faculty prior to implementation. Furthermore, correct and complete implementation of
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

the approved project design must be presented as part of the required output for Finals. Any revisions to the approved project
design must have faculty approval and maybe required for an oral presentation within the class forum.
 There should be equal opportunity for men and women to take leadership responsibility in every class activity or
undertakings.
Student with Special Needs
 Students with special needs shall be dealt with appropriately depending on the course activities /requirements.

Prepared by: Recommending Approval: Approved:

______________________________ VELINDA T. GORDUIZ. MSIT RHODERICK D. MALANGSA, DIT

BSIT Faculty Program Chair, BSIT College Dean, CCSIT
 Doc. Code: SLSU-QF-IN01
Revision: 00
Date: 20 October 2015

CONFIRMATION AND ACKNOWLEDGEMENT

This is to confirm that the contents of the course syllabus in ITN 103 and ITN 103L – WEB DEVELOPMENT, First Semester, 2018 at
SLSU, were discussed to us during the first day of class and a copy of which was provided for reproduction and individual reference and
guide.

Name of Student Course & Year Signature Name of Student Course & Signature
Year
1. 21.
2. 22.
3. 23.
4. 24.
5. 25.
6. 26.
7. 27.
8. 28.
9. 29.
10. 30.
11. 31.
12. 32.
13. 33.
14. 34.
15. 35.
16. 36.
17. 37.
18. 38.
19. 39.
20. 40.