1

OUTCOMES-BASED EDUCATION COURSE DESIGN

COURSE SYLLABUS

1. COURSE SPECIFICATIONS

Course Title Human Computer Interaction Course Code: IT101

The course focuses on imparting to students the techniques in making software more intuitive to use and hence making it easy for target users to learn its fundamental functions and
features. This course includes the principles of human computer interaction and the user interface designs techniques. (CMO-No.2-s2014) This dynamic course delves into the core
Course Description
principles of Usability, Human-Computer Interaction (HCI), and Interaction Design, empowering students to become proficient designers who shape the way humans interact with
technology.

SY/Semester 2024-2025/1st Semester Credit Units 3 units = 3 hours lecture/week

Program(s) to which it Prerequisite/

BS Information Technology None
contributes Corequisite

2. VISION AND MISSION OF NwSSU

VISION MISSION
The premier technological university in the region providing transformative education where graduates NwSSU shall lead in providing highly technical and professional education and lifelong learning in the trade,
are globally competitive, innovative, and responsive to the demands of a changing world. fishery, agriculture, science, education, commerce, engineering, forestry, nautical, and other emerging
(BOR No. 101 s. 2022) programs in the digital age. It shall generate cutting-edge technology and undertake sustainable community
development in accordance with the university mandates, thrusts, and directions. (BOR No. 101 s. 2022)

3. INSTITUTIONAL GRADUATE OUTCOMES (IGO)

NwSSU IGO Operational Indicators

IGO1. Creative and Critical ⮚ Solves problems ⮚ Receptive to new ideas
Thinkers ⮚ Generates new and innovative ideas ⮚ Makes a sound judgment
⮚ Exhibits questioning mind

IGO2. Life-long Learners ⮚ Manifests willingness to learn ⮚ Applies theory to practice

⮚ Updates knowledge, skills and qualification ⮚ Influences transformative change
⮚ Accepts challenges while calculating risks
IGO3. Effective ⮚ Demonstrates good and oral and written communication ⮚ Listens attentively and emphatically

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph
 2

Communicators ⮚ Expresses thoughts clearly and responsibly ⮚ Responds to social issues and problems

IGO4. Morally and Socially ⮚ Leads a morally and socially upright life ⮚ Advocates environmental conservation and cultural preservation
Upright Individuals ⮚ Demonstrates ethics and professionalism ⮚ Manifests gender sensitivity
⮚ Responds to community development needs ⮚ Shows social maturity in dealing with others

4. PROGRAM GRADUATE OUTCOMES (PGO)

NWSSU-IGO PGO Code BSIT Program Graduate Outcomes

IGO1. Creative and IT01 Apply knowledge of computing, science and mathematics appropriate to the discipline
Critical Thinkers
IT02 Understand best practices and standard and their applications

Analyze complex problems, and identify and define the computing requirements appropriate to its solution
IT03

Identify and analyze user needs and take them into account in the selection, creation, evaluation and administration of computer-based system.
IT04

Design, implement, and evaluate computer-based system, process, components, or programs to meet desired needs and requirements under various constraints.
IT05

IT06 Integrate IT-based solutions into the user environment effectively

Apply knowledge through the use of current techniques, skills, tools and practices necessary for the IT profession
IT07

IGO2. Life-long learner IT08 Recognize the need for and engage in planning self-learning and improving performance as a foundation for continuing professional development
IGO3. Effective Function effectively as a member or leader of a development team recognizing the different roles within a team to accomplish a common goal
Communicator IT09

IT10 Assist in the creation of an effective IT project plan

Communicate effectively with the computing community and with society at large about complex computing activities through logical writing, presentation, and clear
IT11 instructions.
IGO4. Morally and IT12 Analyze the local and global impact of computing information technology on individual, organizations and society
Socially Upright Understand professional, ethical, legal, security and social issues and responsibilities in the utilization of information technology
IT13
Individuals

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph
 3

5. COURSE LEARNING OUTCOMES

LEARNING OUTCOMES
PGO1 PGO2 PGO3 PGO4 PGO5 PGO6 PGO7 PGO8 PGO9 PGO10 PGO11 PGO12 PGO13
At the end of the course, the students should be able to:
LO1. Analyze different user populations with regard to their abilities and
1 3 2 3 1 1 1
characteristics for both software and hardware products. (CMO-No.2-s2014)

LO2. Develop prototypes interfaces for users with specific accessibility issues
1 3 2 3 1 1 1
(CMO-No.2-s2014)
LO3. Apply principles of user interface (UI) design, including usability,
accessibility, and responsiveness, to create an interface that meets domain- 3 1 2
specific needs.
1-Introduced 2-Reinforced 3- Practiced

6. MAJOR COURSE OUTPUTS (MCO)/OTHER REQUIREMENTS AND GRADING SYSTEM

LEARNING OUTCOMES REQUIRED OUTPUT DUE DATE

LO1, LO3 MCO1: Create a user interface design documentation and accessibility report 7th week

LO2, LO3 MCO2: Develop appropriate user interface for domain application problems 17th week

OTHER REQUIREMENTS:
Aside from the major course outputs stated above, the following learning activities are required:
 Presentation of outputs is also required
 Taking of two (2) major examinations.

GRADING SYSTEM:

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph
 4

This grading system shall use category A under the categories in grading of components of the policy on assessment of student academic performance.
To pass this course, one must accumulate at least 75 points through the course requirements discussed above.

The maximum points that a student can obtain through each requirement are shown below:

Requirement/Assessment Task Weight

Major course output 40%
Major exams 30%
Class standing 30%
TOTAL 100

7. LEARNING PLAN

LO Course Contents / Subject Matter Teaching and Learning Activities (Methodology) Assessment Resources Timeframe
Class and Subject Orientation Direct instruction
Discussion on the given topics
1. Introduction to the course and to HCI Group Discussion
 Definition of HCI  Formative Assessment
LO1, LO2 Projector/ widescreen
 History of HCI, HCI Theories: "The Design of Image analysis/ Video showing Photos/videos will  Contextualized Assessment Week 1 – 3
and laptop
Everyday Things." be shown what is HCI its history and the principles  Paper and pencil strategy
 Principles of HCI and goals behind HCI Technologies.
 The Goals of HCI Interactive lecture with PowerPoint presentation
 HCI Technologies

Interactive lecture with PowerPoint presentation

2. Human-Centered Design Principles
Projector/ widescreen
 User-centered design (UCD) process
Active discussion  Paper and pencil strategy and laptop Week 4 – 5
LO1  Usability principles (e.g., Nielsen’s heuristics)
Students will share with their group mates their
 Affordances and signifiers
thoughts and ideas on the given topics

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph
 5

LO Course Contents / Subject Matter Teaching and Learning Activities (Methodology) Assessment Resources Timeframe
Projector/ widescreen
and laptop
Interactive lecture with PowerPoint presentation
Cognitive Psychology
3. The Cognitive Psychology and Perception of HCI
and Its Implications"
LO1  Memory, attention, and mental models. Active discussion  Paper and pencil strategy Week 6– 8
by John R. Anderson
 Perception and Sensation Students will share with their group mates their
Online articles and
 Gestalt Principles thoughts and ideas on the given topics
research papers on
cognitive psychology
in HCI
Major Examination
 Summative Assessment Week 9
MCO1
Direct instruction
Discussion on the given topics
4. Interaction Design and Prototyping
 Interaction Design Principles Image analysis/ Video showing Photos/videos will  Contextualized Assessment
 Usability Principles: learnability, efficiency, be shown to compare/contrast good and poor design;  Collaborative activity
Projector/ widescreen
LO1 memorability, errors, and satisfaction. and emphasize the relationship between the user  Cooperative Group work Week 10-12
and laptop
 Low-fidelity and high-fidelity prototyping experience and usability
 Wireframing tools (e.g., Figma, Sketch)
. Writeshop students will be group to design a user-
centered application that simplifies experience domain
application problems
Direct instruction
Seminar Type (Peer teaching) student will organize a
seminar
Projector/ widescreen
 Paper and pencil strategy
5. User Research and Analysis and laptop
Interview  Cooperative Group work
Students will have to interview a target user for an  Research, Survey and
 Qualitative and quantitative research methods "Observing the User
LO2 identified prototype Analysis Week 13-14
 User testing and feedback collection Experience" by Mike
 Data analysis and interpretation Kuniavsky
Writeshop
 Usability testing Online courses on UX
Students will develop a sample questionnaire for an
research
identified problem

Demonstration

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph
 6

LO Course Contents / Subject Matter Teaching and Learning Activities (Methodology) Assessment Resources Timeframe
The instructor will demonstrate interpretation and
presentation of gathered data

Direct instruction
6. Accessibility and Mobile HCI Discussion on the given topics
 Paper and pencil strategy
 Accessibility Guidelines Projector/ widescreen
LO2  Cooperative Group work Week 15
 Mobile User Experience Group work and laptop
 Responsive Design Students shall identify the pros and cons of playing a
specific game using varied interfaces

Direct instruction
7. Future Trends and Emerging Technologies in HCI
Discussion on the given topics
 User Interface Animation
 Voice User Interfaces (VUI)
 Paper and pencil strategy Projector/ widescreen
LO1  Augmented Reality (AR) and Virtual Reality (VR) in Week 16
Group work and laptop
HCI
Students shall identify the pros and cons of playing a
 Natural User Interfaces (NUI)
specific game using varied interfaces
 Brain-Computer Interfaces (BCI)

Final Examination Examination  Summative Assessment Test papers Week 17

Returning of examination booklets, Projector/ widescreen

Class Integration  Presentation of output Week 18
final presentation of outputs and laptop

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph
 7

8. REFERENCES/SUGGESTED READINGS

 Rogers, Y., Sharp H., & Preece, J.(2023) Interaction Design: Beyond Human-Computer Interaction 6th Edition. Wiley
 Dix, A. et al (2023) Human-Computer Interaction 3rd Edition. Pearson
 Ardito, C. et. al. (2021) Human-Computer Interaction – INTERACT 2021. Springer
 Anderson, John R. (2020) Cognitive psychology and its implications. New York, NY : Worth Publishers
 Johnson, J (2020) Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines 3rd Edition. Morgan Kaufmann
 Becker, C. R.(2020) Learn Human-Computer Interaction. Packt Publishing
 What is Human Computer Interaction. (n.d.). Interaction Design Foundation. https://www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/human-computer-
interaction-brief-intro
 How To Analyze Your UX Research Findings. https://careerfoundry.com/en/tutorials/ux-research-for-beginners/how-to-analyze-your-ux-research-findings/

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph
 8

Prepared by: Recommending Approval: Approved:

JEFFREY C. NIEDO, LPT CRISTY S. CARPON, MSIT FRANCISCO B. BACAMANTE JR., DIT
Instructor I Program Chairperson, BSIT Dean, CCIS
Date of Submission: ______________________ Date: ______________________ Date: ______________________

Syllabus deliberated by/with : RONALD A. AMOGUEZ, CRISTY S. CARPON, KEITH BENJIE C. PECAYO. ANTIVO, RODEL R. VENTURES, MARTIN C. BALZA
Date of deliberation : August 14, 2024

Base Syllabus authored by : RONALD A. AMOGUEZ

Latest revision: : JEFFREY C. NIEDO

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph
 9

ANNEX A: RUBRIC FOR ASSESSMENT OF PROTOTYPE

Excellent Very Satisfactory Satisfactory Needs Improvement

Criteria
(5) (4) (3) (2)
Prototype is somewhat easy to learn Prototype is not easy to learn
Usability Prototype is intuitively easy to learn and use Prototype is easy to learn and use
and use and use
Design choices are somewhat Design choices are not
Relevance Design choices are very much applicable Design choices are applicable
applicable applicable
Prototype looks somewhat neat and Prototype does not look neat
Appearance Prototype looks remarkably neat and pleasant Prototype looks neat and pleasant
pleasant and pleasant

ANNEX B: CLASS ROOM POLICIES

 Attendance: Regular attendance at face-to-face meetings is expected. I place a high value on questions and interactivity, as 10 percent of the course grade is based on your constructive in-class input
and attendance.
 Absenteeism: If you are absent due to illness or a similar valid excuse, please notify your subject instructor ( immediately after) your absence by writing an excuse letter with attached proof (for illness
you may submit medical certificate)
 Late assignments and make-up: Assignments, Quizzes, Projects submitted after the due date are docked 10 percent per day and will not be accepted for credit after a week. If you miss an assignment
or are unable to take an exam due to an illness or emergency (or soon thereafter the due date if there are mitigating circumstances). Special arrangements will be made on a case to case basis as
prescribe absenteeism above.
 Academic honesty: Academic honesty is expected. Plagiarism/Cheating is unacceptable in this course and will result in a failing grade.
 Students with disabilities: student with disabilities for which you may be requesting an accommodation in the subject a special arrangement of your needs maybe provided.
 Course and Exam Schedule: See the attached schedule of class session topics, reading assignment due dates, and dates for exams/projects.
 No Solicitation of grade: No student shall request additional grades after their grades have already been computed through the submission of additional requirements solely to increase their grade,
especially if all submission dates have already passed.

Rueda Street, Calbayog City, Samar, Philippines | +63 (055) 533 9857 | [email protected] | www.nwssu.edu.ph