MISAMIS UNIVERSITY Prepared by: Gretel T.

Ricalde Document Code: Page 1 of 8

Oroquieta City Instructor MU-DIT-SYL/IG-ITEL4A
Office of the Academic Affairs Checked by: Markdy Y. Orong Revision Date: Units:
DEPARTMENT OF INFORMATION TECHNOLOGY Adviser May 30, 2018 3.0
Reviewed by: Rochelan A. Lumasag Revision No.: Subject:
SYLLABUS/INSTRUCTOR’S GUIDE OIC, Curriculum Design & Development 1 ITEL 4A
Prerequisite: Co-requisite:
Descriptive Title: Web Systems and Technologies Fourth Year Standing
MU-ACA-041/03May2018
A. COURSE SYLLABUS DETAILS

COURSE TITLE WEB SYSTEMS AND TECHNOLOGIES

COURSE DESCRIPTION This course provides the students with the knowledge of web applications using HTML, XHTML, XML, client-side programming and other web GUI
technologies and in setting up a server to support a server- side processing.
CONTACT HOURS 2 hours lecture/ 3 hours laboratory
PRE-REQUISITE Fourth Year Standing
CO-REQUISITE None
CREDIT UNITS 3.0
Percentage
Periodical Examinations (Prelim, Midterm, Semifinals and Finals) - 40

Class Standing, Quizzes, Unit Test, Reports, Researchers, Involvement/

COURSE EVALUATION Recitation/Oral Exam/Discussion, Performance,
Manipulation of Equipment, Exercises and other forms of
Practical testing peculiar to the course - 60

Total 100
 MISAMIS UNIVERSITY Prepared by: Gretel T. Ricalde Document Code: Page 2 of 8
Oroquieta City Instructor MU-DIT-SYL/IG-ITEL4A
Office of the Academic Affairs Checked by: Markdy Y. Orong Revision Date: Units:
DEPARTMENT OF INFORMATION TECHNOLOGY Adviser May 30, 2018 3.0
Reviewed by: Rochelan A. Lumasag Revision No.: Subject:
SYLLABUS/INSTRUCTOR’S GUIDE OIC, Curriculum Design & Development 1 ITEL 4A
Prerequisite: Co-requisite:
Descriptive Title: Web Systems and Technologies Fourth Year Standing
MU-ACA-041/03May2018
REFERENCES
Printed:
R1: Misamis University Student Handbook
R2: Course Syllabus/Instructor Guide
R3: George W. Reynolds, “Ethics in Information Technology”, © 2010, Course Technology, Cengage Learning

Online:

W1: Herman T. Tavani, Ethics and Technology: Controversies, Questions, and Strategies for Ethical Computing. 2013. John Wiley & Sons, Inc. Available at
http://www.just.edu.jo/~mqais/CIS200/Ethics_and_%20Technology.pdf [Retrieved February 14, 2020]
W2: www.w3schools.com
W3: Jeffrey C.Jackson, "Web Technologies--A Computer Science Perspective", Pearson Education, 2006. Available at
https://www.seu1.org/files/level6/IT230/Book/(web.tech%201st%20book)%20Web%20Technologies%20-%20A%20Computer%20Science%20Perspective.pdf
[Retrieved February 17, 2020].
W4: Robert. W. Sebesta, "Programming the World Wide Web", Fourth Edition, Pearson Education, 2007. Available at Programming
%20the%20world%20wide%20web.....Robert%20W.%20Sebesta...4th.pdf. [Retrieved February 17, 2020].
 MISAMIS UNIVERSITY Prepared by: Gretel T. Ricalde Document Code: Page 3 of 8
Oroquieta City Instructor MU-DIT-SYL/IG-ITEL4A
Office of the Academic Affairs Checked by: Markdy Y. Orong Revision Date: Units:
DEPARTMENT OF INFORMATION TECHNOLOGY Adviser May 30, 2018 3.0
Reviewed by: Rochelan A. Lumasag Revision No.: Subject:
SYLLABUS/INSTRUCTOR’S GUIDE OIC, Curriculum Design & Development 1 ITEL 4A
Prerequisite: Co-requisite:
Descriptive Title: Web Systems and Technologies Fourth Year Standing
MU-ACA-041/03May2018
B. COURSE ALIGNMENT MATRIX

Program Outcomes Course Outcomes Learning Outcomes

PO2: Use best practices and standards
and their applications.
PO8: Function effectively as a
member or leader of a development team
recognizing the different roles within a
team to accomplish a common goal.
PO9: Assist in the creation of an
effective IT project plan.
PO12: Integrate professional, ethical,
legal, security, and social issues and
responsibilities in the utilization of
information technology.
PO13: Determine the need for and
engage in planning and self-learning and
improving performance as a foundation
for continuing professional development.
After successfully completing this course, the student will:
 Designing the core architecture of WWW as
interconnected hypertext documents, the importance of
Web protocols (e.g., HTTP), and the syntax and
semantics of HTML, XHTML, XML, and CSS.
 Programming Web applications using HTML, CSS,
JavaScript and PHP.
 Implementing client-side and server-side security
methods for security and privacy.
 Discussing how to organize information, build a
website, and select graphical images, multimedia, and
the use proprietary media and interaction technologies
such as Flash, ActiveX, and QuickTime.
 Installing, operating, and administrating Web servers,
proxies and caches.
 Introduction to client and server sides of web development.
 Students learn how to create web pages using HTML, XHTML, XML, and
CSS.
 Students also will gain exposure to scripting languages such as JavaScript and
PHP.
 In addition, they will learn how to embed images and multimedia and use
proprietary media and interacting with other technologies such as Flash,
ActiveX, and QuickTime.
 Students will also learn how to install, operate and administrate web servers.
 Understand the differences between inline-level and block-level elements.
 Create forms: create HTML5 forms that include validation.
 Understand the advantages and disadvantages of using CSS.
 Write CSS rules to style web pages.
 Position elements using CSS
 Create a multi-column layout using CSS.
 Understand web design elements which are the visual components of the layout
design.
 Understand web design principles for better arrangement of the web elements.
 Explore the concept of accessibility which is to provide equal access and equal
opportunity to people with disabilities
 MISAMIS UNIVERSITY Prepared by: Gretel T. Ricalde Document Code: Page 4 of 8
Oroquieta City Instructor MU-DIT-SYL/IG-ITEL4A
Office of the Academic Affairs Checked by: Markdy Y. Orong Revision Date: Units:
DEPARTMENT OF INFORMATION TECHNOLOGY Adviser May 30, 2018 3.0
Reviewed by: Rochelan A. Lumasag Revision No.: Subject:
SYLLABUS/INSTRUCTOR’S GUIDE OIC, Curriculum Design & Development 1 ITEL 4A
Prerequisite: Co-requisite:
Descriptive Title: Web Systems and Technologies Fourth Year Standing
MU-ACA-041/03May2018
(PRELIM: 13.5 Hours)

Learning Objectives Content TA Teaching Learning Assessment Resources/

Activities References
Classroom
 Orientation to the Course, VMO 30 mins Lectures/Discussion Recite VMO, Core R1
s Class Studies Values, and PLO R2
 Leveling of expectations and discussion of the 30 mins Group Activities
intended learning outcomes and OBE approach for LCD Projector
Case Studies
the course/subject Exams Laptop
Handouts
 Describe the structure of the World Wide Web as  Web Technologies W1
interconnected hypertext documents. 4 Hours Lab Exercises on: W2
 Describe the importance of the HTTP protocol in  HTML 4 Hours W3
Web applications.  XHTML 4 Hours W4
 Create and validate HTML/XHTML documents.  CSS
 Discuss Web standards and standard bodies including
the World Wide Web Consortium (W3C).
 Discuss Web Standards in terms of specifications,
guidelines, software, and tools.
PRELIM EXAMINATION (1.5 HOURS)
 MISAMIS UNIVERSITY Prepared by: Gretel T. Ricalde Document Code: Page 5 of 8
Oroquieta City Instructor MU-DIT-SYL/IG-ITEL4A
Office of the Academic Affairs Checked by: Markdy Y. Orong Revision Date: Units:
DEPARTMENT OF INFORMATION TECHNOLOGY Adviser May 30, 2018 3.0
Reviewed by: Rochelan A. Lumasag Revision No.: Subject:
SYLLABUS/INSTRUCTOR’S GUIDE OIC, Curriculum Design & Development 1 ITEL 4A
Prerequisite: Co-requisite:
Descriptive Title: Web Systems and Technologies Fourth Year Standing
MU-ACA-041/03May2018
(MIDTERM: 13.5 Hours)

Learning Objectives Content TA Teaching Learning Assessment Resources/

Activities Classroom References
Lectures/Discussions
 Build a simple web site that organizes  Information Architecture Class Studies Exams LCD Projector
information effectively Group Activities Laptop
 Identify the purpose of a web site or genre  Architecture of Web based 3 Hours
Case Studies
(ecommerce, self-service, educational, Lab Exercises on: W1
systems 3 Hours Handouts
governmental service, etc.)  Student Portfolio W2
 Choose a graphic file type that matches the  Caches-Proxies 3 Hours W3
image characteristics and use. W4
 Web Application architecture 3 Hours
 Identify time-based media types commonly
used on the web. (WAA)
 Discuss the user of proprietary media and  Web Platform Architecture (WPA)
interaction technologies such as Flash, Active
X, RealMedia, and QuickTime.
 Use cascading style sheets to create style
standards for a web site.

MIDTERM EXAMINATION (1.5 HOURS)

 MISAMIS UNIVERSITY Prepared by: Gretel T. Ricalde Document Code: Page 6 of 8
Oroquieta City Instructor MU-DIT-SYL/IG-ITEL4A
Office of the Academic Affairs Checked by: Markdy Y. Orong Revision Date: Units:
DEPARTMENT OF INFORMATION TECHNOLOGY Adviser May 30, 2018 3.0
Reviewed by: Rochelan A. Lumasag Revision No.: Subject:
SYLLABUS/INSTRUCTOR’S GUIDE OIC, Curriculum Design & Development 1 ITEL 4A
Prerequisite: Co-requisite:
Descriptive Title: Web Systems and Technologies Fourth Year Standing
MU-ACA-041/03May2018
(SEMI-FINAL: 13.5 Hours)

Learning Objectives Content TA Teaching Learning Assessment Resources/

Activities Classroom References
Lectures/Discussions R1
 Learn CSS grid layout and flexbox.  Advanced CSS Layout Class Studies Exams R2
 Learn techniques of responsive web design, Group Activities
including media queries.  Flexbox 3 Hours LCD Projector
Case Studies
 Develop skills in digital imaging (Adobe Lab Exercises on: Laptop
 CSS Grid 3 Hours Handouts
Photoshop.)  Flexbox Review
 Develop basic programming skills using  Off- Canvas 3 Hours Commentary W1
Javascript and jQuery. Lab Exercises  Off-Canvas Menu W2
3 Hours
 Be able to embed social media content into Setup W3
web pages. W4

SEMI-FINAL EXAMINATION (1.5 HOURS)

 MISAMIS UNIVERSITY Prepared by: Gretel T. Ricalde Document Code: Page 7 of 8
Oroquieta City Instructor MU-DIT-SYL/IG-ITEL4A
Office of the Academic Affairs Checked by: Markdy Y. Orong Revision Date: Units:
DEPARTMENT OF INFORMATION TECHNOLOGY Adviser May 30, 2018 3.0
Reviewed by: Rochelan A. Lumasag Revision No.: Subject:
SYLLABUS/INSTRUCTOR’S GUIDE OIC, Curriculum Design & Development 1 ITEL 4A
Prerequisite: Co-requisite:
Descriptive Title: Web Systems and Technologies Fourth Year Standing
MU-ACA-041/03May2018
(FINAL: 13.5 Hours)

Learning Objectives Content TA Teaching Learning Assessment Resources/

Activities Classroom References
Lectures/Discussions R1
 Write PHP scripts to handle HTML forms  Introduction to PHP Class Studies Exams R2
 Write regular expressions including  Primitives, Operations and Expressions Group Activities
modifiers, operators, and meta-characters 3 Hours LCD Projector
 Outputs Case Studies
 Create PHP programs that uses various PHP Lab Exercises on: Laptop
3 Hours Handouts
library functions, and that manipulate files  Control Statements  Syntax, Comments
and directories. 3 Hours & Variables W1
 Form Handling
 Analyze and solve various database tasks  Arrays and W2
3 Hours
using the PHP language. associative arrays W3
 Analyze and solve common Web  PHP and Web W4
applications by writing PHP programs. Forms

FINAL EXAMINATION (1.5 HOURS)

 MISAMIS UNIVERSITY Prepared by: Gretel T. Ricalde Document Code: Page 8 of 8
Oroquieta City Instructor MU-DIT-SYL/IG-ITEL4A
Office of the Academic Affairs Checked by: Markdy Y. Orong Revision Date: Units:
DEPARTMENT OF INFORMATION TECHNOLOGY Adviser May 30, 2018 3.0
Reviewed by: Rochelan A. Lumasag Revision No.: Subject:
SYLLABUS/INSTRUCTOR’S GUIDE OIC, Curriculum Design & Development 1 ITEL 4A
Prerequisite: Co-requisite:
Descriptive Title: Web Systems and Technologies Fourth Year Standing
MU-ACA-041/03May2018

Prepared by: Checked by:

GRETEL T. RICALDE MARKDY Y. ORONG, DIT
Faculty Department Head

Verified by: Reviewed by:

MYRNA V. CARTAJENAS, MLIS ROCHELAN A. LUMASAG

University Librarian OIC, Curriculum Design & Development

Approved by:

MARKDY Y. ORONG, DIT

Academic Officer