IT1906

Course Syllabus
STI VISION: STI INSTITUTIONAL OUTCOMES:
To be the leader in innovative and relevant education that
nurtures individuals to become competent and responsible Character (IO1): An STIer is a person of character. An STIer takes responsibility for his/her actions, treats people with
members of society. respect, and lives with integrity.

STI MISSION: Critical thinker (IO2): An STIer is a critical thinker. An STIer challenges and analyses all information through sound
We are an institution committed to provide knowledge through questioning and is unafraid to push for creative ideas.
the development and delivery of superior learning systems.
Communicator (IO3): An STIer communicates to understand and be understood. An STIer discerns the value of
We strive to provide optimum value to all our stakeholders - our information read or heard and effectively expresses his/her own emotions when sharing information, may it be
students, our faculty members, our employees, our partners, our spoken or written.
shareholders, and our community.
Change-adept (IO4): An STIer is change-adept. An STIer can adjust, adapt, and reinvent continuously to changing
We will pursue this mission with utmost integrity, dedication, circumstances. An STIer believes in letting go of the old and embracing the new to achieve his/her fullest potential.
transparency, and creativity.
SERIAL NUMBER: IT1906 COURSE TITLE: HUMAN-COMPUTER INTERACTION CREDIT: 2 units lec, 1 unit lab (2 hrs. lecture per week, 3 hrs. laboratory per week)
COURSE DESCRIPTION: This course intends to introduce students to the discipline concerned with the design, evaluation, and implementation of various computing
systems intended for human use. Emphasis will be placed on understanding human behavior with interactive objects, knowing how to develop
and evaluate interactive software using a human-centered approach, and general knowledge of HCI design issues with multiple types of
interactive applications.
PREREQUISITE: INTRODUCTION TO COMPUTING
COURSE OUTCOMES: After successful completion of this course, the student should be able to: (PI1 - ITPO02), (PI2 - ITPO03, ITPO04, CSPO02), (PI3 - ITPO05, ITPO06,
CSPO04, CSPO05), (PI4 - ITPO07, CSPO06), (PI5 - CSPO07), (PI6 - CSPO08), (PI7 - CSPO09)
CO1. examine integrated areas of HCI through laboratory exercises and learning activities;
CO2. use existing interactive systems and applications associated to HCI in laboratory exercises;
CO3. create and/or evaluate simple applications related with HCI; and
CO4. formulate possible solutions to HCI design issues through learning activities related to HCI technologies.
MANDATED BOOK: None
REFERENCES: 1. Kim, G. (2015). Human-computer interaction fundamentals and practice. USA: CRC Press.
2. Card, S., Moran, T. and Newell, A. (2017). The psychology of human-computer interaction. Boca Raton, Florida: CRC Press.
3. Weyers, B., Bowen, J., Dix, A., and Palanque, P. (2017). The handbook of formal methods in human-computer interaction. Cham,
Switzerland: Springer International Publishing.
PREPARED BY: VERIFIED BY: REVIEWED BY: APPROVED BY:
Karla Rose C. Asejo Alyanna R. Tobias, Ed.M Beronika A. Peña Aisa Q. Hipolito, M.Ed. EL
 IT1906

4. Meena, K. and Sivakumar, R. (2015). Human-computer interaction. New Delhi: PHI Learning Private Limited.
COURSE REQUIREMENTS: • Class participation (Recitation, Seatwork, Quizzes, etc.)
• Task performance (eLMS Activities, Laboratory Exercises, Projects, etc.)
• Major examinations
GRADING SYSTEM: The following percentage distribution shall be followed:
Prelims 20%
Midterms 20%
Pre-finals 20%
Finals 40%
100%

The following are the periodical grade components for this course:

Class Participation 20%

Task Performance 50%
Major Examination 30%
100%

We’d be glad to hear from you. For questions or feedback on this course, feel free to email us through student.feedback@sti.edu

PREPARED BY: VERIFIED BY: REVIEWED BY: APPROVED BY:

Karla Rose C. Asejo Alyanna R. Tobias, Ed.M Beronika A. Peña Aisa Q. Hipolito, M.Ed. EL
 IT1906

Course Outline
LEC LAB Student Teaching and
Learning Objectives (LO) Week TOPICS Slides I-Guide Assessment Tasks
Hours Hours Handouts Learning Activities
1 Describe Human-Computer 1-2 4 6 Introduction to Human- 20 9 3 Lecture 01 Laboratory Exercise 1
Interaction (HCI) (CO1) Computer Interaction Demonstration
2 Cite the purposes and What is Human-Computer 01 Seatwork 1
importance of human- Interaction (HCI)?
computer interaction (CO1) Importance of HCI
Principles of HCI
3 Identify the high-level
principles of HCI (CO1)
4 Classify guidelines according to 3 2 3 HCI Guidelines 18 7 3 Lecture 02 Laboratory Exercise 1
criteria or categories (CO1) Guideline Criteria and Demonstration
5 Select applicable guidelines to Categories 02 Seatwork 1
improve actual HCI design and Examples of HCI Guidelines
implementation (CO1)
6 Examine some examples of HCI
guidelines to identify the best
practices in HCI design and
development (CO1)
7 Analyze the essence of human 4 2 3 Human Factors 13 8 3 Lecture 03 Task Performance 1
factors as the primary Human Information 03 Activity 1 03 eLMS Quiz 1
underlying theory in designing Processing
of interfaces (CO1) Sensation and Perception of
8 Describe how an interface will Information
suit user’s various capabilities Human Body Ergonomics
(CO1)
9 Prove that HCI principles are
naturally derived from human
factors (CO1)
5 PRELIMINARY EXAMINATION Pen-and-Paper Test

PREPARED BY: VERIFIED BY: REVIEWED BY: APPROVED BY:

Karla Rose C. Asejo Alyanna R. Tobias, Ed.M Beronika A. Peña Aisa Q. Hipolito, M.Ed. EL
 IT1906

LEC LAB Student Teaching and

Learning Objectives (LO) Week TOPICS Slides I-Guide Assessment Tasks
Hours Hours Handouts Learning Activities
10 Examine the overall design 6-7 4 6 HCI Design 16 10 4 Lecture 04 Laboratory Exercise 1
process of HCI to identify The Overall Design Process 15 Demonstration
fundamental principles for Interface Selection Options 04 Seatwork 1
effective graphical user Wire-Framing
interface (GUI) design (CO1)
11 Determine the effect of
fundamental design principles
on GUI structure (CO1)
12 Merge interaction modeling
and interface options through
wire-framing (CO2)
13 Determine the purpose of the 8-9 4 6 User Interface Layer 20 9 3 Lecture 05 Task Performance 1
user interface layer (CO1) User Interface Layer 05 Activity 1 05 eLMS Quiz 1
14 Analyze how input is processed Input and Output
and how output is generated Events
(CO1)
15 Describe the event handling
process (CO1)
16 Incorporate events in a
program (CO2, CO3)
10 MIDTERM EXAMINATION Pen-and-Paper Test
17 Identify different toolkits for 11 2 3 User Interface Development 11 6 3 Lecture 06 Laboratory Exercise 1
user interface development UI Toolkit Demonstration 06 eLMS Activity 1
(CO1) Web Toolkits
18 Select toolkits and Mobile Toolkits
development frameworks
applicable in creating
applications (CO1)

PREPARED BY: VERIFIED BY: REVIEWED BY: APPROVED BY:

Karla Rose C. Asejo Alyanna R. Tobias, Ed.M Beronika A. Peña Aisa Q. Hipolito, M.Ed. EL
 IT1906

LEC LAB Student Teaching and

Learning Objectives (LO) Week TOPICS Slides I-Guide Assessment Tasks
Hours Hours Handouts Learning Activities
19 Create simple applications that
support graphical user
interface (CO2, CO3)
20 Explain the what is an 12-13 4 6 Interactive System 11 6 3 Lecture 07 Task Performance 1
interactive system Development Demonstration 07 eLMS Quiz 1
development framework (CO1) MVC Framework 07 Activity 1
21 Analyze the MVC approach Model
(CO1) View
Controller
22 Examine existing interactive
MVC Implementation
applications to determine the
effectivity of MVC approach
(CO2)
23 Develop simple applications
that implements the MVC
framework (CO2, CO3)

14 PRE-FINAL EXAMINATION Pen-and-Paper Test

24 Identify the importance of 15 2 3 User Interface Evaluation 11 6 2 Lecture 08 Laboratory Exercise 1

evaluating an interface (CO1) Evaluation Criteria Demonstration 08 eLMS Quiz 1
25 Choose a method that is best Evaluation Methods
suited for evaluating an
interface (CO1)
26 Evaluate an existing interactive
system with human-centered
criteria (CO3)

27 Identify new computing 16-17 4 6 HCI Technologies 11 9 3 Lecture 09 Task Performance 1

platforms based on user Computing Platforms Demonstration 09 eLMS Quiz 1
requirement (CO1) Technologies in HCI 09 Activity 1

PREPARED BY: VERIFIED BY: REVIEWED BY: APPROVED BY:

Karla Rose C. Asejo Alyanna R. Tobias, Ed.M Beronika A. Peña Aisa Q. Hipolito, M.Ed. EL
 IT1906

LEC LAB Student Teaching and

Learning Objectives (LO) Week TOPICS Slides I-Guide Assessment Tasks
Hours Hours Handouts Learning Activities
28 Examine the current impact of Mobile and Handheld
emerging HCI technologies to Interaction
evaluate the future of HCI High-End Cloud Service and
technologies (CO4) Multimodal Client
29 Propose solutions to address Interaction
HCI issues (CO4) Natural/Immersive/
Experiential Interaction
Mixed and Augmented Reality
18 FINAL EXAMINATION Pen-and-Paper Test

PREPARED BY: VERIFIED BY: REVIEWED BY: APPROVED BY:

Karla Rose C. Asejo Alyanna R. Tobias, Ed.M Beronika A. Peña Aisa Q. Hipolito, M.Ed. EL