Don Mariano Marcos Memorial State University
MID LA UNION CAMPUS
La Union, Philippines
Web Systems and Technologies
(ITPC109)
DARWIN T. GALLETA
1st Semester 2020
Course Outline
in
Web Systems and Technologies
(ITPC 109)

COURSE DESCRIPTION
The course is based on open source software such as PHP. MYSQL as a server
side scripting architecture for building dynamic web applications, and an ideal
environment for building web- based commerce solutions. Anchored to different types of
technologies available in the IT market today, and the innovative and creative integration
of these technologies to form customized solutions to empower businesses and
organizations.
OBJECTIVES
At the end of the term, the student is expected to:
1. Design website that meets the standards.
2. Develop a program that has data manipulation.

COURSE REQUIREMENTS
1.
2.
3.
4.
5.
6.
7.
8.
Attendance
Demonstration
Quizzes
Homework
Midterm and Final Examinations
Laboratory Activity
Project Presentation
Company Case Study

GRADING SYSTEM
Midterm:Class Standing/Midterm Exam
Lecture
Laboratory
1. Quizzes- 30%
1. Quizzes- 30%
2. Seatwork- 20%
2. Seatwork-20%
3. Homework-10%
3. Homework-10%
4. Midterm - 40%
4. Midterm - 40%
Final Term:Class Standing/Final Exam
Lecture
Laboratory
1. Quizzes- 30%
1. Quizzes30%
2. Lab Work- 20% 2. Lab Work - 20%
3. Homework -10% 3. Homework - 10%
4. Final Exam-40% 4. Final Exam- 40%
Midterm Grade
= (LecGrade * 60%)+ (LabGrade *40%)
Final Term Grade = (LecGrade * 60%)+ (LabGrade *40%)
Final Grade = 40% of Midterm Grade + 60% of Final Term Grade

COURSE CONTENT
Module I
Lesson 1
Lesson 2
Module II
Lesson 1
Lesson 2
Lesson 3
Module III
Lesson 1
Lesson 2
Lesson 3
Module IV
Lesson 1
Lesson 2
Module V
Lesson 1
Lesson 2
Lesson 3
Introduction to Graphic Design
Building Blocks of Graphic Design
Principles of Graphic Design
Website Design
User Interface (UI) and User Experience (UX)
Website Design Principles
Web Page Anatomy
Website Design using Hypertext Markup Language
HTML Building Blocks
Layout
Forms
Website Design Using Cascading Style Sheets
CSS Structure and Properties
Pseudo Class and Border Properties
PHP Functions and Connecting to Database
Introduction to PHP
Control Structures
Functions and PHP Database

REFERENCES
Jemma Development Group. (2010). Web Design: HTML Adobe Dreamweaver.
Shelly, G.B.(2011). HTML: Concepts and Techniques Comprehensive.
Shelly, G.B.(2013). HTML5 and CSS: and introductory.
Jemma Development Group. (2012). PHP & MySQLEssentials.
Burdette, L.(2010). The Javascript Pocket Guide.
Powell, T.A. (2008).Ajax: The Complete Reference 1st Edition. McGraw-Hill
Education
Harrington, J.L. (2010). SQL Clearly Explained, 3rd. ed.
Jemma Development Group. (2013). Web Design: HTML 5, XHTML, CSS,
JAVASCRIPT, Adobe Dreamweaver CS6.
Jemma Development Group. (2012). HTML CSS and XHTML.
Kanjilal, J. (2010). ASP.Net 4.0 Programming.
Mitchell, S. (2010). Sams Teach Yourself ASP.NET 4 in 24 Hours Complete Starter
Kit.
Shelly, G.B. (2011). Web 2.0 Concepts and Applications with Pincode Access.