University of Science and Technology in Southern SYLLABUS

Philippines Course Title: Human Computer Interaction 1

College of Information Technology and Computing Course Code: IT 201
Information Technology Department Credits: 4 units (3 hours Lecture, 3 hours Laboratory)

USTP Vision Semester/Year : 1st semester SY 2018-2019

Class Schedule :
A nationally-recognized S&T Bldg/Rm No. :
University providing the vital link Prerequisite(s) :
between education and the
Co-requisite(s) :
economy.
Instructor : Al-Monte Vince M. Calo

USTP Mission Email : [email protected]

Consultation Schedule :
• Bring the world of work Bldg./Rm :
(industry) into the actual Office Phone no./Local : (088) 856 1739 local 154
higher education and training
of students.
I. Course Description:
• Offer entrepreneurs the
opportunity to maximize their This course will provide an introduction to the field of Human Computer Interaction and will introduce students to
business potentials through a behavioural research methods and techniques used in usability testing. The course will give students the essential
gamut of services from
theoretical background to approaches, methods and techniques followed by practical experience in conducting usability
product conceptualization to
commercialization; studies for interactive systems. Moreover, students will create simple prototypes that demonstrate the interactivity of
user interfaces, web applications and other interactive systems.
• Contribute significantly to the
National Development Goals of
food security and energy
sufficiency through technology
solutions.

II. Course Outcomes (CO) Program Outcomes (PO)

 List as specifically as possible the course outcomes. It is
helpful here to think about the kinds of evidence you will
need to assess the students’ learning as your objectives
Program Educational Objectives: should drive your assessment and grading schema. Kinds of
Three to five years after graduation, the evidence include what students say, do, think and/or feel. A
IT01 IT02 IT03 IT04 IT05 IT06 IT07 IT08 IT09 IT10 IT11 IT12 IT13 IT14 IT15
BSIT graduates shall: well stated objective has two components: substance
(content/subject matter like osmosis or absorption) and
1. Graduates are proficient in the IT form: what action must the student perform with regards to
the substance (compare and contrast, evaluate, analyze,
field and able to engage
apply, etc.).
constantly in technological and
professional advancement by
pursuing a higher academic level
and practicing quality
improvement in their career and CO1: Understand fundamental design and
evaluation methodologies of human computer
E D E E E E D E I E E I
personal lives.
interaction
2. Graduates are competent in
generating new ideas and
innovations in Information
Technology with more emphasis
on technopreneurship, CO2: Demonstrate knowledge of human
computer interaction design concepts and
E D E E E E D E I D E
management, IT solutions and
the likes through research related methodologies.
collaborations.

1. Graduates are practicing

professionals in the field of
Information Technology who
can contribute significantly to
CO3: Apply theories and concepts associated
human development, socio- E D E E E E D E I D E
economic transformation, and with effective work design to real-world
patriotic initiatives. application.
 Intended Learning Teaching-Learning
PROGRAM OUTCOMES: Allotted Time Course Outcomes Topics Assessment Tasks/Tools
Outcomes (ILO) Activities
IT01: Identify, select and apply • Explain Course Overview 1. Lecture/Di 1. Reporting/
appropriate knowledge of
the role of well- 1. W scussion Oral Examination
computing science and
mathematics in solving designed, usable hy Design for 2. Group 2. Quiz
computing problems. interfaces in Usability? Discussion
market success, 2. H 3. Oral
reliability, and istorical Perspective: Recitation
IT02: Understand, apply and accessibility machinery, the PC, 4. Seatwork
integrate best practices and the GUI, the Web
standards in solving computing 6 hrs. CO1 • Explai 3.
problems by evaluating their P
n the roles of ossible Futures
applications.
HCI
professionals
IT03: Work collaboratively and practitioners
among members of the team to of related
analyze complex problems by disciplines in the
applying analytical and workplace
quantitative reasoning; and
define the computing
requirements appropriate to its 12 hrs. CO1 • Explain Human Perception and 1. Lecture/Di 1. Reporting/
solution. how interface Information scussion Oral Examination
design is Presentation 2. Group 2. Quiz
IT04: Communicate effectively ultimately Discussion
with users to identify their needs 1. P 3.
dependent on Oral
and apply critical and creative
human perception erception, gestalt Recitation
thinking skills to do analysis and
take them into account in the and cognition perception, 4. Seatwork
selection, creation, evaluation typography
and administration of computer- 2. C
based systems. olor
3. G
raphic design
IT05: Creatively design, 4. D
implement and evaluate using isplays, Paper, and
different computer-based other Output
systems, processes, Devices
components, or programs to 1. I
meet desired needs and nformation
requirements under various Visualization
constraints.
Select an The Human Body and 1. Lecture/Di 1. Reporting/
appropriate Device Design scussion Oral Examination
IT06: Properly integrate IT-
hardware input 2. Demonstr 2. Laboratory
based solutions using various
methods, policies and device, for a given 1. I ation Work
processes into the user task and user nput Devices and 3. Group 3. Quiz
environment effectively. 6 hrs. CO1, CO2 population, from Ergonomics Discussion
among various text 2. V 4. Oral
entry, pointing and irtual Reality Recitation
IT07: Apply and demonstrate drawing devices 5. Seatwork
knowledge through the use of
current techniques, skills,
tools, methods, theory and Break down a Low-Level Human 1. Lecture/Di 1. Reporting/
practices necessary for the IT graphical user Cognition scussion Oral Examination
profession with diversity and interface (GUI) 2. Group 2. Laboratory
multicultural competencies to activity sequence 1.
promote equity and Discussion Work
into the component Time-scales and 3. Oral 3. Quiz
social justice in the
actions, identify the Illusion of Recitation
community.
these actions, and Multi-Tasking 4. Seatwork
use the GOMS 2. G
IT08: Function effectively as keystroke-level OMS Keystroke-
an individual and as a model to estimate Level Modeling
member or leader in diverse the time required 3. H
teams and in multidisciplinary 6 hrs. CO1, CO2
ypothesis Testing
settings by developing and and Statistical
contributing positively to the Significance
accomplishment of team
goals through collaborative
process, developing and
practicing effective
interpersonal skills.

IT09: Assist in the creation of

an effective IT Project Plan by
evaluates as individual and
team’s values and sense of
responsibility through 6 hrs. CO1 Explain the role of Higher Cognition 1. Lecture/Di 1. Reporting/
participation in a range of systems software, and Interaction scussion Oral Examination
learning contexts. distributed systems Styles 2. Demonstr 2. Laboratory
design, and GUI ation Work
program efficiency in 1. M 3. Group 3. Quiz
IT10: Communicate achieving acceptable etaphor
effectively in English (and as Discussion
system response 2. D
much as possible using local 4. Oral
times irect Manipulation
language and Filipino) with Recitation
the computing community and 3. W
idget Survey 5. Seatwork
with society at large about
complex computing activities 4. C
through interviewing, logical ommand
Languages
and ethical writing, 5. O
presentations, and clear ther Interaction
instructions. Styles
1. C
hoosing Among
IT11: Able to work
Interaction Styles
collaboratively and
respectfully as members and Explain how much Observing Users 1. Lecture/Di 1. Reporting/
leaders of diverse teams and trust can be placed in scussion Oral Examination
communities in analyzing, 1. M 2.
the various types of Group 2. Group
understanding, and assessing
knowledge that HCI indset Observation Presentation
societal issues and act
responsibly in making design practitioners 2. S 3. Case Study3. Laboratory
and implement decisions commonly deal with, ubject-Running 4. Oral Work
considering the result of the for example facts Techniques
Recitation 4. Quiz
research relevant to the established by 3. U
12 hrs. CO1
local and global impact on controlled sability Studies
computing information experiments,
technology on the Filipino theoretical models
culture, individuals, such as Fitts’ Law,
organizations, and society. guidelines, analysis
methods, heuristics,
IT12: Understand and hunches
professional, ethical, legal,
security and social issues and
responsibilities in the
utilization of information
technology.
Usability Analysis 1. Lecture/Di 1. Reporting/
Evaluate user scussion Oral Examination
IT13: Apply professional, interfaces and detect 1. Er 2. Group 2. Case
ethical, legal, security and usability problems by ror Handling, Error Discussion Studies
social issues and doing usability studies Prevention
3. Oral 3. Laboratory
responsibilities in the (observations) with 2. Co
utilization of information Recitation Work
human subjects gnitive
technology. Understand, 4. Case Study4. Quiz
assess societal, health,
Walkthroughs
Visualize/simulate 3. He
safety, legal, and cultural how a user would
issues within local and global uristic Evaluation
understand and 4. Us
contexts, and the
attempt to use an ability Guidelines
consequential responsibilities
relevant to professional interface using an 5. Ch
computing practice. analytical method oosing Among
such as the cognitive Usability Methods
walkthrough
IT14: Participate in generation 6 hrs. CO3
of new knowledge or in Find likely usability
research and development issues quickly using
projects aligned to local and heuristic evaluation
national development agenda
or goals.
Communicate
usability findings and
IT15: Graduates are able to concerns both in
apply and demonstrate writing and orally
sufficient expertise in the
following fields ______ with
the end view of contributing to
the local and national
economy.
 Convey a proposed Specifying and 1. Lecture/Di 1. Wireframin
design with a low- Prototyping scussion g (rubrics)
fidelity prototype 2. Group 2. Prototypin
1. Lo Discussion g(UX Design rubrics)
Specify the desired w-Fidelity 3. Oral 3. Reporting/
behavior of an Prototyping Recitation Oral Examination
interface or interface 2. Tr 4. Interview/
component with a ansition Diagrams
12 hrs. CO2, CO3 state-transition Survey
3. Vi 5. Diagramin
diagram sual Basic
g
Prototyping
Develop high-fidelity
prototypes using at
least one development
tool

Task Analysis and User- 1. Lecture/Di 1. Reporting/

Convey a software centered Design scussion Oral Examination
design with diagrams 2. Group 2. Group
and words 1. System Discussion Presentation (rubrics)
Analysis 3. Oral 3. Quiz
Decompose a Recitation
2. Technique
complex interactive
s:Task decomposition, 4. Diagramin
system into simpler
CARD, Ethnographic g
components, using
6 hrs. CO2, CO3 appropriate design Observation
patterns including 3. Allocation
client-server and of Functions
model-view-controller 4. Usability
Engineering in the
Business Context
 Interface Design and 1. Lecture/Di 1. Reporting/
Write handlers for Programming scussion Oral Examination
user input events in at 2. Demonstr 2. Laboratory
least one language 1. Forms ation Work
Design 3. Group 3. Quiz
Select and combine Discussion
appropriate colors, 2. Interface
Design Patterns 4. Oral
fonts, and layouts for
12 hrs. CO3 Recitation
a specific information- 3. Developm
5. Seatwork
presentation need ent Tools
4. Events
Use simple 2D
graphics in at least and Handlers, MVC
one language 5. Responsiv
eness

18 hrs. CO3 Implement simple Web Usability

widget-based GUIs both 1. Lecture/Di 1. Reporting/
for the Web 1. Content scussion Oral Examination
applications Analysis 2. Group 2. Wireframin
2. Informati Discussion g (rubrics)
Develop a suitable on Architecture 3. Oral 3. Prototypin
organization and 3. Supportin Recitation g (UX Design rubrics)
navigation scheme for g Navigation 4. Case Study
a moderate-sized 4. Implemen
Website tation: HTML, CSS,
Javascript
5. Browser
and Device (In)
Dependence
6. Assigning
Functions to Client
and Server
 Explore emerging Special Application 1. Lecture/Di 1. Reporting/
technologies used in Areas scussion Oral Examination
interactive systems (Current Trends) 2. Demonstr 2. Group
ation Presentation (rubrics)
1. Small 3. Group 3. Quiz
Screen/Mobile Discussion
Devices 4. Oral
2. Groupwar Recitation
e 5. Seatwork
3. Spoken
Dialog Systems
4. Games

6 hrs. CO2

IV. Course Requirements:

1. Cl
 ass standing (attendance, participation, etc.) policy:
(a) Expected classroom behavior (may want to develop this with the students, e.g., What guidelines m are
appropriate for behavior and participation in a large class
Students who participate in class recitations will earn points.
(b) Ground Rules for participation in discussions or activities.
Only one student may talk at a time.
2. Course Readings/Materials:

(a) Titles, authors, and editions of textbooks and other materials, required and recommended
1. Designing the User Interface: Strategies for Effective Human-Computer Interaction, 6th Edition.
Shneiderman, Plaisant, Cohen, Jacobs, Elmqvist. Pearson, 2017
2. Designing with the Mind in Mind, Jeff Johnson. Morgan Kaufmann Publishers, 2010
(b) Supplies needed (calculators, software, workbooks, disks, CDs, lab supplies, art supplies, etc.)
This course will be supplemented by readings handed out in class.

(c) URLs for online resources

https://cantina.co/understanding-design-fidelity-for-creating-a-great-product-experience/

3. Assignments, Assessment, and Evaluation

(a) Policy concerning homework (grading, posting, late policy, etc.)
Students may share ideas as they work on their assignments but the submitted assignments must be their
own work.
(b) Policy concerning make-up exams
No special examination is given unless a student has valid reasons such as illness or beyond control
situations.
(c) Policy concerning late assignments/requirements
(d) Preliminary information on term papers or projects, with due dates
No special
(e) List of assignments that will impact the final grade and % weight given each
(f) Description in detail of grading processes and criteria (how many quizzes, tests, papers; weighting
of each; amount of homework, etc.) or the GRADING POLICY

Grading System Passing Percentage – 70%

 LECTURE GRADE

Performance Item/Criteria %

Class Performance Item 10%

Quizzes (All quizzes, prelim and pre-final exams) 40%
Major Exams (i.e, Midterm and Final Exams) 30%
Performance Innovative Task / Project 20%
TOTAL 100%

LABORATORY GRADE

Performance Item/Criteria %
Laboratory Exercises/Reports 30%
Laboratory Major Exam 40%
Hands on Exercises 30%
TOTAL 100%

Periodic Grade = 75% Lecture Grade + 25% Laboratory Grade

Criteria and Weights in computing the FINAL GRADE (FG)

(a) If the final exam coverage are all topics discussed from the beginning of the semester:
Final Grade (FG) = 1/3 MTG + 2/3 FTG;
Where: MTG = Midterm grade ; FTG = Final term grade
(b) If the final exam coverage are all topics from the midterm examination.
Final Grade (FG) = 1/2 MTG + 1/2 FTG
(c) Subject-to-change notice
(d) Date and time of Final Exam
 4. Use of VLS in class
to distribute course materials, to communicate and collaborate online, to post grades, to submit assignments, and to give you
online quizzes and surveys.
Disclaimer:
Every attempt is made to provide a complete syllabus that provides an accurate overview of the subject. However, circumstances and events make it necessary for the instructor to
modify the syllabus during the semester. This may depend, in part, on the progress, needs, and experiences of the students.

Prepared by:

ENGR. AL-MONTE VINCE M. CALO

Instructor

Recommending Approval:

ENGR. JAY NOEL N. ROJO, MSIT

Chairman

Approved by:

ENGR. JOCELYN B. BARBOSA, MSIT

Dean