Republic of the Philippines

PARTIDO STATE UNIVERSITY

Camarines Sur
PSY-SYL-___-___

COURSE OUTLINE
WS1 – Web Systems and Technologies
First Semester, Academic Year 2021-2022

Instructor/Professor: Salvador V. Briones II

Course Credit: 3 Units (w/ 1 unit lab)
Course Prerequisite: PF2
University Vision: The leading University in geology, bio-resource science and environmental management in the
Bicol Region.
University Mission: To provide quality instruction in the arts, philosophy, sciences, technology and other relevant
courses and create a competitive advantage in research, extension and production services for
the socio-economic upliftment of the Bicolanos.
Core Values: P – Passion for Excellence; S – Service for Client Satisfaction; U – Unity for Stability
ISO 9001:2008 Quality Policy : The Partido State University commits to provide quality instruction, responsive
research and need-based extension services for global competitiveness and satisfaction of its
clients through the continuous improvement of its programs and processes.
College Goal: Produce globally competitive graduates equipped with high ethical standards of professionalism in
the field of Arts and Sciences.
Specifically, the college aims to:
a. Provide quality instruction and services to the clienteles;
b. Develop the students’ potential in analytical thinking and sound judgment through the conduct of
research;
c. Develop students’ leadership potential and keen appreciation to their environment through the
dynamic community interaction and extension services;
d. Assist the students to become competent, self-sufficient and productive citizens of the nation; and
e. Serve as partner of the government and industry in national and global thrust for the advancement
of the area.
Program Objectives:
1. To produce critically and analytically thinking graduates who will be competent and efficient
Computer Science practitioners in meeting the growing demand in government, business,
industry, and education.
2. To assimilate and demonstrate the values and traits of Loyalty, Competitiveness, Discipline,
Honesty, Integrity, Teamwork, and Social Responsibility.
3. To extend consultative assistance to the local communities to resolve technological transfer and
digital divide.
4. To stimulate its faculty and students to support in advancing the frontiers of computer research in
the development of the university, the region, and the country.
Program Outcomes:
a.1. Articulate and discuss the latest developments in specific field of practice.
a.2. Effectively communicate orally and in writing using both English and Filipino.
a.3. Work effectively and independently in multi-disciplinary and multi-cultural teams.
a.4. Act in recognition of professional, social, and ethical responsibility.
a.5. Preserve and promote Filipino historical and cultural heritage.
A. Common to the Discipline (Teacher Education)
b.1. Analyze complex problems, and identify and define the computing requirements needed to
design an appropriate solution.
b.2. Apply computing and other knowledge domains to address real-world problems.
b.3. Design and develop computing solutions using a system-level perspective.
b.4. Utilize modern computing tools.
izontal type of typology of education
c.1. Graduates of universities participate in the generation of new knowledge or in research and
development projects.

d.1. Apply knowledge of computing, science, and mathematics appropriate to the discipline.
d.2. Understand best practices and standards and their applications.
d.3. Analyze complex problems, and identify and define the computing requirements appropriate to
its solution.

Effectivity Date: November 9, 2015 Rev. No.: 01 Page 1 of 4

 Republic of the Philippines
PARTIDO STATE UNIVERSITY
Camarines Sur
PSY-SYL-___-___

d.4. Identify and analyze user needs and take them into account in the selection, creation, evaluation
and administration of computer-based systems.
d.5. Design, implement and evaluate computer-based systems, processes, components, or programs
to meet desired needs and requirements under various constraints.
d.6. Integrate IT-based solutions into the user environment effectively.
d.7. Apply knowledge through the use of current techniques, skills, tools, and practices necessary for
the IT profession.
d.8. Function effectively as a member or leader of a development team recognizing the different roles
within a team to accomplish a common goal.
d.9. Assist in the creation of an effective IT project plan.
d.10.Communicate effectively with the computing community and with society at large about complex
computing activities through logical writing, presentations, and clear instructions
d.11.Analyze the local and global impact of computing information technology on individuals,
organizations, and society.
d.12.Understand professional, ethical, legal, security and social issues and responsibilities in the
utilization of information technology.
d.13.Recognize the need for and engage in planning self-learning and improving performance as a
foundation for continuing professional development.
d.14.Employ a pallet of multiple hardware platforms and software development environments,
integrated with the appropriate theoretical constructs to develop practical solutions to
technological problems.*
d.15.Effectively integrate research methods, appropriate theory, and computational technology to
analyze and solve problems encountered in the development of technological solutions.
d.16. Ability to apply design and development principles in the construction of software systems of
varying complexity.
Course Description: This course covers various web design concepts and techniques that will allow students to
design, build and create effective, interactive and dynamic web applications programs.

Course Content

Instructional
Learning Outcomes Instructional Content
Schedule
Week 1  Become acquainted with students. 
Sign Certificate of Enrollment
 Review the Vision and Mission of the University. 
Mission and Vision
 Recite the Goals and Objectives of IIT. 
Goals and Objectives
 Present the Course Syllabus. 
Course content, description, and goals,
 Discuss Web development Concepts. class activities, grading policy and
teaching strategies Discuss
 Web development Concepts
Week 2 & 3  Understand the basic concept of the internet and  Basic Concept of the Internet and the
the world wide web. Worldwide Web
 Learn history of the Internet and the World Wide  History of the Internet and the World
Web. Wide Web.
 Discuss web standards and standards bodies  World Wide Web Consortium (W3C)
including the World Wide Web Consortium  Standards & standards bodies
(W3C), their terms of specifications, guidelines,
software, and tools.
 Apply these standards in developing the web-
based application programs.
Week 4  Describe the HTTP protocols and technologies  HTTP protocols
used in web services.  Web services technologies
 Contrast and explain the issues involved in  Web server technologies
designing web servers including web application
servers, streaming media servers, and
transformation servers.

Effectivity Date: November 9, 2015 Rev. No.: 01 Page 2 of 4

 Republic of the Philippines
PARTIDO STATE UNIVERSITY
Camarines Sur
PSY-SYL-___-___

Week 5 & 6  Learn HTML. Hypertext Mark-Up Language (HTML)

 Gain mastery of HTML as a mark-up tool in  Basic Structure
creating web application.  Working with text
 Design and implement a web application  Working with links
programs using HTML.  Working with images
 Working with multimedia
 Creating lists
 Using tables
 Developing Frames
 Employing forms
 Positioning page elements
Week 7 1. Understand Cascading Style Sheets.  Cascading Style Sheets (CSS)
September 2. Design web application program applying CSS.
14-25, 2020
Week 8 & 9  Learn JavaScript as client-side scripts. JavaScript
 Design and implement a web application  Variables
programs using JavaScript.  Arrays
 Objects
 Control statements
 Functions
 Events
Week 10 &  Learn PHP as a server side scripts Hypertext Pre Processor (PHP)
11  Analyze PHP as a scripting tool in creating web  PHP Basic Syntax
application.  Operators
 Design and implement a web-page that validates  Constants and variables
user.  Conditional Statements
 Switch
 Function
 Array
Week 12 &  Explore mySQL as a database application server MySQL
13 software.  Structure
 Design and implement database, tables and  Syntax and Commands
queries.  Select Query
 Insert Query
Week 14 &  Identify and analyze the use of PHP, mySQL and  Create a web-application program
15 JavaScript in creating web application utilizing the three technologies (PHP,
 Design and implement a web application prorams MySQL & JavaScript)
utilizing the three technologies
Week 16  Understand Security in the World Wide Web  Security in the World Wide Web
 Recognize the importance of security in web
applications
Week 17 &  Integrate HTML, CSS, PHP, mySQL, JavaScript and  Integrate HTML, CSS, PHP, mySQL,
18 Web security technologies JavaScript and Web security
 Build a website for a chosen technologies
company/organization

Skills and Values Developed:

1. Ability to use knowledge and skills to devise solutions to unfamiliar problems.

2. Ability to analyze and critically evaluate arguments and evidence appropriate to their
disciplines.
3. Ability to generate ideas/products /methods/approaches/perspective as appropriate to the
discipline.

Classroom Guidelines/Policies

Effectivity Date: November 9, 2015 Rev. No.: 01 Page 3 of 4

 Republic of the Philippines
PARTIDO STATE UNIVERSITY
Camarines Sur
PSY-SYL-___-___

1. Students are obliged to observe the code of conduct and discipline contained in the Student
Handbook.
2. Treat your instructor and classmates with respect in email or any other communication.
3. Respect the opinions of your classmates. If you feel the need to disagree, do so respectfully.
4. Please stay on topic. Don't post irrelevant comments, links, thoughts, or pictures in our VLE or
LMS.
5. Be forgiving, if your classmate makes a mistake, don't badger him/her for it. You may just let it
go, it sometimes happens.
6. Plagiarism is strictly prohibited and punishable. Always cite your references.
7. Reach out to me, as your instructor, if you have any questions/issues.
Grading System
Major Exam 40%
Modular Outputs 30%
Includes projects, discussions, forums,
Laboratory Outputs 20%
Participation to Asynchronous & Synchronous Classes 10%
Total 100%

Computation of Final Grade FINAL GRADE = (final term grade x 70%) + (midterm grade x 30%)

Equivalent Grade
99= 1.0 94 = 1.4 89 = 1.8 84 = 2.25 79 = 2.7
98 = 1.1 93 = 1.5 88 = 1.9 83 = 2.3 78 = 2.75
97 = 1.2 92 =1.6 87 = 2.0 82 = 2.4 77 = 2.8
96 = 1.25 91 = 1.7 86 = 2.1 81 = 2.5 76 = 2.9
95 = 1.3 90 = 1.75 85 = 2.2 80 = 2.6 75 = 3.0
74 & below = 5.0
Incomplete = INC
References
1. Frain, B. (202). Responsive Web Design with HTML5 and CSS, 3 rd Edition
2. Felke-Morris, T. (2019). Web Development & Design Foundations with HTML5, 9th Edition
3. Robbins, J. (2018), Learning Web Design: 5th Edition
4. Nixon, R. (2018), Learning PHP,MySQL, Javascript: withjQuery, CSS and HTML5 4th edition
5. Willard, W.(2013), HTML: A Beginners Guide 5th Edition, McGraw Hill
6. Herman D.(2014), Effective Javascrip: 68 Ways to Harness the Power of Javascript, Addison-Wesley
Publishing, Inc.
7. Abante, M. V. (2014), Web Application Programming Language , Presentation Made Easy, Anvil
Publishing, Inc.
8. Naramore, E., et. al., (2013), Beginning PHP5, Apache and MySQL Web Development, Wiley Publishing
Inc.
9. Gosselin, Kokoska & Easterbrooks (2012), PHP Programming with MySQ
Online Resources
1. W3 Schools, HTML Tutorial. available at, http://www.w3schools.com/html/default.asp
2. W3 Schools, CSS Tutorial. available at, http://www.w3schools.com/css/default.asp
3. Home and Learn. Beginners PHP, available at http://www.homeandlearn.co.uk/php/php.html#started
4. PHP: A Simple Tutorial, available at http://www.php.net/manual/en/tutorial.php
5. W3 Schools, JavaScript Tutorial, http://www.w3schools.com/js/default.asp
6. TIZAG.com, PHP/MYSQL Tutorial, available at http://www.tizag.com/mysqlTutorial/

Prepared by:

SALVADOR V. BRIONES II
Instructor

Effectivity Date: November 9, 2015 Rev. No.: 01 Page 4 of 4