Document Code: AAO-TMP-207

Republic of the Philippines Revision No.: 00

UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 1 of 12

COLLEGE OF COMPUTER STUDIES

COURSE SYLLABUS IN HUMAN COMPUTER INTERACTION

1st Semester 2021-2022
Revised as of August 09, 2020

VISION
A leading university in science and technology by 2022.

MISSION
The University shall provide quality, relevant, and responsive scientific, technological and professional education and advanced training in different areas of specialization; and
shall undertake research and extension services in support to socio-economic development of Antique, the Filipino nation, and the global community.

ATTRIBUTES OF UA GRADUATES:
Universally Achieving
 Professionals imbued with high personal integrity and commitment
 Research – oriented innovators and life-long learners;
 Intellectuals with strong nationalistic, environmental, cultural, and artistic sense;
 Development – driven leaders and socially responsible change agents; and
 Execellent workers with high technological and technical expertise.

CURRICULUM MAP

LEVEL OF
PROGRAM OUTCOMES SPECIFIC TO
PROGRAM OUTCOMES ARTICULATION PROGRAM INDICATOR
BACHELOR OF SCIENCE IN COMPUTER SCIENCE
in the COURSE
PROGRAM OUTCOMES COMMON TO ALL PO 1) Apply knowledge of computing, science, and mathematics
PROGRAMS appropriate to the discipline;
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 2 of 12

a) articulate and discuss the latest
developments in the specific field of practice
(Philippine Qualificaitions Framework (PWF)
level 6 descriptor) (Graduate Outcomes: CS10,
IS10, IT13)
b) effectively communicate orally and in writing
using both English and Filipino, (Graduate
Outcomes: CS10, IS10, IT13)
c) work effectively and independently in multi-
desciplinary and multi-cultural teams, (PQF level
6 descriptor) (Graduate Outcomes: CS07, IS07,
IT08)
d) act in recognition of professional, social, and
ethical responsibility (Graduate Outcomes:
CS09, IS09, IT12)
e) preserve and promote “Filipino historical and
cultural heritage” (based on RA 7722)
PROGRAM OUTCOMES COMMON TO COMPUTER
EDUCATION
a) analyze complex problems, and identify and
define the computing requirements needed to
design an approriate solution , (Graduate
Outcomes: CS10, IS02-03, IT03)
b) apply computing and other knowledge
domains to address real-world problems
PO 2) Understand best practices and standards and their
applications;
PO 3) Analyze complex’s problems, and identify and define the
computing requirements appropriate to its solution;
PO 4) Identify and analyze user needs and take them in account in
the selection, creation, evaluation and administration of computer
based systems;
PO 5) Design, implement and evaluate computer based systems,
and processes components, or programs to meet desired needs and
requirements under various constraints;
PO 6) Integrate IT based solution, into the user environment
effectively;
PO 7) Apply knowledge through the use of current techniques, skills
tools and practices necessary for the IT professional;
PO 8) Function effectively as a member or leader of a development
team recognizing the different rules within a team to accomplish a Enabling Course Worked in a group to
common goal; develop a machine
PO 9) Assist in the creation of an effective IT project plan; project
Enabling Course
PO 10) Communicate effectively with the computing community and Presented a proposed
with society at large about complex computing activities through Enabling Course solution in class or in
logical writing, presentations, and clear instructions; public forum.
PO 11) Analyze the local and global impact of computing informat on Immersed/exposed in an
Enabling Course actual working
technology on individuals, organizations and society;
PO 12) Understand professional, ethical, legal, security and social Enabling Course environment in industry.
Immersed/exposed in an
issues and responsibilities in the utilization of information technology;
actual working
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 3 of 12

(Graduates Outcomes: CS01, IS01, IT01)

environment in industry.
PO 13) Recognize the need for an engage in planning self learning Created a report on a
c) design and develop computing solutions and improving performance as a foundation for continuing Enabling Course conducted independent
using a system-level perspective (Graduate professional development. learning activity.
(IO 14) Professionals imbued with high personal integrity and
Outcomes: CS03-05, IS04-05, IT05)
commitment

d) utilize modern computing tools (Graduate (IO 15) Research – oriented innovators and life-long learners;
Outcomes: CS06, IS06, IT07)
(IO 16) Intellectuals with strong nationalistic, environmental, cultural,
and artistic sense;

(IO 17)

(IO 18)

COURSE INFORMATION
Course Code : HCI PELECT 2
Course Title : Human Computer Interaction Aspects Application Domain
Course Description: This is a 3-unit course designed to make students explore major themes in HCI, both a theoretical and a practical
perspective. It also offers the students a practical domain in which to apply knowledge and skills, including those from other major courses
to the design, implementation and analysis of interfaces between people and computer system.

Pre requisite :

Co requisite :None
Credit : 3 units
Class Schedule
Lecture: 2 hours/week
Laboratory: 3 hours/week
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 4 of 12

YEAR/SECTION LECTURE LABORATORY

DAY/TIME ROOM DAY/TIME COMP LAB

TEACHING – LEARNING MATRIX:

References/ Materials TIME

Teaching and
Intended Learning Course Content/ Subject ALLOTMEN
Learning Activities ASSESSMENT TASK Resources/
Outcomes Matter T (hrs)
(TLA) (AT) Materials
(LEC/ LAB)
At the end of the UNIT 1 TextBook
lesson, the students A. Materials
can:

1. Determine the 1. Introduction to > >Designing the User Interface, 6  Online Discussion /  Online Exams 1. Video Clips 2 3
goals of Human Computer th Edition. Ben Shneiderman, Lecture (thru LMS) 2. PowerPoin
studying HCI. Interaction Catherine Plaisant, et al., Addison t
2. Goals of HCI Wesley, 2017 (hereunder “sp”). 3. Google
3. Why Design for Page 5-11 Meet App.
Usability?
4. Why HCI is important
>> Psychology of Human
Computer Interaction , Card,  Video Presentation
5. Brief History of HCI Moran and Newell's (Impact of HCI to  Online Recitation
2. Discuss the Page 15-21 Human Lives)
6. Importance of User
HCI
Interface.
3. Define Human Online References:
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 5 of 12

Computer >> retrieved from

Interaction. http://www2.sta.uwi.edu/~anikov/
comp3220/syllabus.htm, June
4. Discuss the 7. The importance of 06,2018,  Critiquing diffrent
importance of good design. Graphical
good design. Interfaces.

TextBook
8. Determine 8. Models and Theories
the of HCI > >Designing the User Interface, 6  Online Discussion /
advantages 9. Advantages and Dis- th Edition. Ben Shneiderman, Lecture
and dis- Advanatages of Catherine Plaisant, et al., Addison
advantages Graphical System Wesley, 2017 (hereunder “sp”).
of Graphics Page 32-36
System >> Psychology of Human
9. Design a Computer Interaction , Card,
simple Values Focus : Cooperation, Moran and Newell's
interface Hard Work, patience
Page 41-56
design.
Gender Integration : Both men
(PO1) Online Refences / e-book:
and women were given the same
activities. >> retrieved: June 06,2018,
retrieved from
Internalization: Visited and http://www2.sta.uwi.edu/~anikov/
critique websites and comp3220/syllabus.htm
applications user Interface
locally and internationally.
UNIT II 1. Characteristics of TextBook  Online Discussion  Online Exams A. Materials 2 3
1. Enumerate Graphical User  Video Presentation  Online Recitations 1 Video Clips
the Interface. > >Designing the User Interface, 6  Hands-On Activity ( Graded 2 PowerPoint
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 6 of 12

charactersitics 2. The Web User th Edition. Ben Shneiderman, Designing an Laboratory 3 Computer
of GUI Interface. Catherine Plaisant, et al., Addison Interface using a Activities System
3. Popularity of the Wesley, 2017 (hereunder “sp”). MockUP Creator 4 Rubrics
Web. 5 Web based
2. Analyze the 4. GUI vs. Web Page >> Psychology of Human MockUP
Web User Design Computer Interaction , Card, Creator and
Interface. 5. Principles of Moran and Newell's other web
3. Differentiate Interface Design. sites for
the GUI and 6. UI Designing Online Refences: designing
Web Page Principles GUI
Design. 7. Common Usability
4. Identify the Problems. Online Refences:
differemt 8. Human Interaction
principles of with Users. >> retrieved: June 06,2018,
UI 9. Why People have retrieved from
Troubles with http://www2.sta.uwi.edu/~anikov/
Computer. comp3220/syllabus.htm
10. Psychological
Responses of
Users.
UNIT III TextBook  Discussion using  Written Exams A.Materials 2 3
1. Enumerate 1. Important Human PPT Presentation  Recitations 1.Video Clips
the important Characteristics in > >Designing the User Interface, 6  Group Graded 2.PowerPoint
Human Design. th Edition. Ben Shneiderman, Collaboration: Laboratory 3.Computer
characteristics Catherine Plaisant, et al., Addison JIGSAW Activities using System
in design. Wesley, 2017 (hereunder “sp”).  Video Presentation Rubrics
Page 112-120  Conduct
Preliminary
>> Psychology of Human Investigation for
2. Design a 2. Human Computer Interaction , Card, Research proposal
simple system Considerations in Moran and Newell's Hands-On Activity (
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 7 of 12

applying the Design. Page 126-137 Designing an Interface

HCI using a programming
considerations 3. Human Interaction Language using the
. Speed. Online Refences: RUBRICS)
3. Perform a >> retrieved: June 06,2018,
Task Analysis. a. Reading retrieved from
b. Listening http://www2.sta.uwi.edu/~anikov/
c. Keying comp3220/syllabus.htm

1. Understanding
Business Function
a. Direct
Method
b. Indirect
Method
2. Performing a Task
Analysis
Values Focus : Cooperation,
Hard Work, Honesty

Gender Integration : Both men

and women were given the same
activities.

Internalization: Used
resources,tools, techniques and
principles in designing available
all over the Net.
UNIT IV 1. Designing Conceptual TextBook  Discussion using  Written Exams A.Materials 2 3
1. Define Models. PPT Presentation  Recitations 1.Video Clips
Conceptual 2. Screen Designing > >Designing the User Interface, 6  Group Graded 2.PowerPoint
Models. 3. Screen meaning and th Edition. Ben Shneiderman, Collaboration: Laboratory 3.Computer
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 8 of 12

2. Determine Purpose. Catherine Plaisant, et al., Addison JIGSAW Activities using System
what are the 4. Ordering of Screen Wesley, 2017 (hereunder “sp”).  Video Presentation Rubrics
statistical Data and Content. Hands-On Activity (
graphics and 5. Screen Navigation and >> Psychology of Human Designing an Interface
its uses in a Flow. Computer Interaction , Card, using a programming
System. 6. Visually Pleasing Moran and Newell's Language using the
3. Apply the Composition. RUBRICS)
considerations 7. Information Retrieval Online Refences:
and guidlines in the Web. >> retrieved: June 06,2018,
in the System. 8. Scanning Guidelines. retrieved from
9. Browsing Guidelines. http://www2.sta.uwi.edu/~anikov/
10. Problems with comp3220/syllabus.htm
Searching.
11. Statistical Graphics.

Values Focus : Cooperation,

Hard Work, Goal-Orriented

Gender Integration : Both men

and women were given the same
activities.

Internalization: Used
resources, and tools in designing
available all over the Net.

UNIT V 1. Technological TextBook  Discussion using  Written Exams A.Materials 2 3

1. Enumerate Consideration PPT Presentation  Recitations 1.Video Clips
the Interface Design. > >Designing the User Interface, 6  Group Graded 2.PowerPoint
Technological a. Graphical th Edition. Ben Shneiderman, Collaboration: Laboratory 3.Computer
Consideration System Catherine Plaisant, et al., Addison JIGSAW Activities using System
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 9 of 12

s Interface b. Kind of Wesley, 2017 (hereunder “sp”).  Video Presentation Rubrics

Design. Graphical Hands-On Activity (
2. Define every Menus. >> Psychology of Human Designing an Interface
Technological c. Structures of Computer Interaction , Card, using a programming
Consideration Menus Moran and Newell's Language using the
s Interface d. Functions of RUBRICS)
Design. Menus Online Refences:
3. Define e. Content of >> retrieved: June 06,2018,
windows in Menus retrieved from
HCI. f. Formatting of http://www2.sta.uwi.edu/~anikov/
4. Design a fully Menus. comp3220/syllabus.htm
functional g. Groupings
System h. Line Spacing
following the i. Phasing the
HCI Menu
Techniques j. Mark Toggles
and for Setting.
Guidelines. 2. Kinds of Windows
5. Apply the 3. Picking a Presentation
Presentation Styles.
Styles. 4. Modal and Modeless
5. Selecting Proper
Design-Based Controls
6. Common Buttons
7. Sentences and
Messages.
8. Text for Web Pages
9. Head and Headlines
10. Creating Images
11. Choosing icons
12. Choosing Colors.
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 10 of 12

13. The Design Process

14. Discrimination and
Harmony.
15. Specification Method
Values Focus : Cooperation,
Hard Work, Goal-Orriented

Gender Integration : Both men

and women were given the same
activities.

Internalization: Used
resources, and tools in designing
available all over the Net.

FINAL EXAM

Rubrics:
Criteria Exemplary (4)
(20)
Program Correctness The application meets all
the requirements specified
in the project specification.
The code is syntactically
and logically correct for all
cases.
Implementation of the
Acceptable (3)
(15)
The code works for typical
input, but fails minot
special cases; the major
requirements are met,
though some minor ones
are not. Some
implementation of the
Developing (2)
(5)
The code sometimes fails
or typical input. Many
parts of the program
implementation violate
indicated restrictions and
some parts of the
solutions are implemented
Beginning (1)
(0)
The code often fails, even
for typical input. Most
indicated restrictions were
violated.
No Output (0)
Program that does not
run/ or implemented
incorrectly (based on
specifications and
restrictions automatically
gets 0 for this course
output.
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 11 of 12

program follows the program violates indicated using appropriate

Effective Communication /
Concept Understanding
Readability
indicated guidelines and
does not violate indicated
restrictions. The
implementation also
exhibits appropriate use of
programming constructs.
Answers to questions are
correct, reasonable and
reflective of the code. The
justifications provided are
sound
The program conforms to
coding standard that
promotes code readability.
Internal documentation is
comprehensive.
restrictions.
Answers to questions are
correct, but some
justifications provided are
weak.
Minor code formatting
does not exhibit
consistency in coding
standard.
programming constructs.
Answers to questions are
correct, but cannot justify
solution via trial and error,
rather than proper
understanding and
applications of concepts
Not all functions / program
features have proper
internal documentation
Correct understanding of
the problems, but was
unable to explain workings
of code provided.
Minimal internal
documentation and code
readability.
Failure to explain and
justify workings of the
code submitted will
automatically merit 0 for
this course output.
No internal documentation
and code is not readable.

Grading System:

Final Grade = [(Midterm Grade)] + [(Tentative Final Grade)]

Final Grade = 2

GRADING SYSTEM
PART I
Recitation/Participation 15%
Course Outputs (Projects) 30%
PART II
Quizzes 10%
Long Test 20%
Midterm/Final Examination (Written or Performed) 25%
TOTAL 100%
 Document Code: AAO-TMP-207
Republic of the Philippines Revision No.: 00
UNIVERSITY OF ANTIQUE Effectivity Date: July 24, 2017
Tario-Lim Memorial Campus
Tibiao, Antique
E-mail: tlmc@antiquespride.edu.ph Page: 12 of 12

Prepared by: Checked and verified by: Recommending Approval: Approved:

NINIA ROSE O.MATIONG JOCELYN M. PE, MIS LONDABEE P. MARGARSE, MIS PROF. BEVERLY D. FRANCISCO
Email Address: mniniarose@gmail.com Program Head, BSCS Associate Dean, CCS Director for Academic Affairs
Consultation Time/Day:
9:00 – 10:00 PM FRIDAY
Contact No.:0265327513
RM: CCS Faculty Room