Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

COLLEGE OF COMPUTING SCIENCES AND INFORMATION TECHNOLOGY

Syllabus in PCIT1 Lec/Lab (Introduction to Human – Computer Interaction)

Academic Year 2018 - 2019

Vision The University of the Assumption an Archdiocesan Catholic

Educational Institution envisions itself as the leading formator of
academically competent, morally upright, and socially responsible
Catholic leaders.

Mission The University of the Assumption commits itself to the integral

development of Catholic leaders through academic excellence,
Christian formation, and community service.

Institutional Outcomes / Graduate Attributes:

The ideal UA graduates are:

BIASA(academically competent),

MAGANACA (morally upright),

MAYAP (socially responsible)

1|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

UA graduates who are BIASA are able to:

1. effectively communicate orally and in writing using English and Filipino;
2. articulate broad coherent knowledge in their field of specialization;
3. demonstrate competencies required in their specific field of practice;
4. participate in the generation of new knowledge or in research and development projects;
5. apply lifelong learning skills in facing new challenges;
6. work effectively either independently or collaboratively in multi-disciplinary and multi-cultural teams;
7. manifest awareness of Filipino and Capampangan historical and cultural heritage.

UA graduates who are MAGANACA are able to:

8. manifest a living relationship with God through personal prayer, reception of sacraments and devotion to Mary;
9. live out and practice the teachings of the church in matters of faith and morals;
10. observe honesty, fairness and justice in all of one’s undertakings;
11. assume responsibility and accountability for one’s actions and decisions;
12. demonstrate willingness to work beyond what is expected by sharing gladly and generously one’s time, talent and
treasure;
13. prioritize others over personal needs despite some personal inconvenience
14. observe professional ethics.

UA graduates who are MAYAP are able to:

15. share in the life and mission of the church;
16. practice corporal works of mercy;
17. utilize one’s expertise and talent for the common good;
18. demonstrate in one’s life a preferential option for the poor;
19. serve as an agent of social transformation;
20. participate actively in the discussion and peaceful resolution of national or local issues;
21. advocate and exercise environmental stewardship;
22. exercise responsible citizenship through law-abidance, vigilance and patriotism.

2|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

Program Outcomes: (based on CMO Memo No.25 series of 2015, Article IV, Section VI)

1. Apply computing and other knowledge domains to address real-world problems.

2. Utilize modern computing tools.
3. Design and develop computing solutions using a system-level perspective.
4. Analyze complex problems and identify and define the computing requirements needed to design an appropriate solution.
5. Articulate and discuss the latest developments in the specific field of practice.
6. Effectively communicate orally and in writing using both English and Filipino.
7. Work independently and effectively in multi-disciplinary and multi-cultural teams.
8. Act in recognition of professional, social and ethical responsibility.
9. Effectively and efficiently use information communication technology and lifelong learning skills in meeting new challenges in life.
10. Participate in the generation of new knowledge or in research and development projects.

3|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

I. Course Code : PCIT1Lec/Lab

II. Course Title : Introduction to Human – Computer Interaction
III. Pre-requisite(s) / Co-requisite(s) : CCIT2 Lec/Lab
IV. No. of Credit Units : three (3) units (2 units Lecture, 1 unit Laboratory)
V. Required No. of Hours : ninety (90) hours (36 hours lecture, 54 hours Laboratory)
VI. Course Description : Introduction to Human- Computer Interaction, a discipline concerned with the design,
evaluation and implementation of interactive computing systems to human use. Emphasis is given to the structure of communication
between people and computers, capabilities of people to use computers, concerns that arise in designing and building interfaces, design
trade-offs, and the process of specification, design, and implementation of user interfaces. Particular emphasis is placed on the
introduction to computer programming using Visual Basic. Net. It stresses on the fundamentals of structured design, development,
testing, implementation and documentation. Include language syntax, data and file structures, input/output devices and files.

VII. Course Outcomes :

At the end of the semester, the students should be able to:

A. Cognitive (Scientia)
1. Explain effectively the use of data management and classification of data structures.
2. Develop better interfaces for users (humans) and computers.
3. Identify the elements of multi-media studies, computer sciences, design and behavioural sciences, etc.
4. Provide deep knowledge about human-computer interface.
5. Relate on the rapid grow and redesigning of technology.
6. Understand difficult concepts about human-computer interface as easy and informative as possible.
7. Apply fundamental concepts of human behaviour and machine language.

4|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

B. Affective (Virtus)
1. Hold the virtues of patience, perseverance and self-confidence in implementing computing software.
2. Develop their critical thinking skills when it comes to developing software.
3. Develop a sense of commitment to finish the activities presented on the subject.
4. Demonstrate honesty during quizzes and exams
5. Manifest responsibility, cooperativeness and able to learn to work either individually or with group.
6. Develop awareness on moral and social responsibilities in carrying out proper and accurate systems analysis.

C. Psychomotor (Communitas)
1. Participate actively in group discussions.
2. Design and use technology-based instructional materials and teaching aids.
3. Share instructional materials to co-student teachers, cooperating teachers in the laboratory school.
4. Develop a courseware to facilitate the learning process of the students.
5. Share relevant ideas inmolding skills and capabilities.

5|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

VIII. Course Plan

VIII. 4
VIII.5
VIII.1 VIII.2 VIII.3 Teaching- VIII.6
Assessment /
Time Frame Desired Learning Outcome Course Content Learning Remarks
Evaluation
Activity
1. To understand the Lecture and
1. Introduction to Appraising
meaning of Human- classroom
Human-Computer standardized test
computer Interaction interaction on the
Interaction using the rubrics
topics herein
developed
2. To identify the design
a. What is Human-
principles, Research work on
Week 1-2 Computer Interaction?
methodologies, a given topic Examining the
Lecture b. Design Principles
display designs and students behavior
c. Methodologies Presentation of
aspects of human during group and
Week 1-2 d. Display Designs work/activity
computer interaction. individual
Laboratory e. Aspects of Human- using varied
computer Interaction activities
3. To have an integrated means based on
understanding of students’ choice Drafting
human computer assessment tools
interaction. Laboratory through actual
Activities activities

6|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

1. To understand the
significant concepts of
human computer
interaction included Appraising
in this chapter. 2. Concepts of Human- Lecture and
standardized test
computer Interaction classroom
using the rubrics
2. To have a knowledge interaction on the
developed
of the compilation of a. Computer topics herein
various branches of Accessibility
Week 3-4 human computer b. Usability Research work on Examining the
Lecture interactions. c. Computer User a given topic students behavior
Satisfaction during group and
Presentation of
Week 3-4 3. To form an integral d. Gender HCI individual
work/activity
Laboratory part of the broader e. Interaction activities
using varied
subject matter Technique means based on Drafting
because of this f. Look and Feel students’ choice assessment tools
understanding of g. Mode (Computer through actual
various branches of Interface) Laboratory activities
human computer Activities
interaction.

1. To understand the Lecture and Appraising

Week 5-6
major practices of 3. Practices of Human- classroom standardized test
Lecture
human computer computer interaction on the using the rubrics
interaction. Interaction topics herein developed
Week 5-6
2. To differentiate each
Laboratory
respective practice a. User Experience Research work on
7|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

and able to apply in b. First-time User a given topic Examining the

various activities. Experience students behavior
Presentation of
c. 3D Interaction during group and
work/activity
d. 3D User individual
using varied
Interaction activities
means based on
e. Wizard of Oz
students’ choice Drafting
experiment
assessment tools
Laboratory through actual
Activities activities

OBE PRELIMINARY EXAMINATION

1. To become aware of
Lecture and Appraising
the different methods
classroom standardized test
and techniques used
interaction on the using the rubrics
in human computer
4. Methods and topics herein developed
interaction.
Techniques in human-
2. To explore the
computer Interaction Research work on
knowledge about Examining the
Week 7-8 a given topic
these methods and students behavior
Lecture a. Usability Testing
techniques included during group and
b. Heuristic Evaluation
in this chapter and Presentation of individual
Week 7-8 c. Card sorting
able to apply in other work/activity activities
Laboratory d. Cut, Copy, and Paste
related subject using varied
e. Drag and Drop Drafting
matter. means based on
f. Point and Click assessment tools
students’ choice
3. To understand that through actual
these methods and activities
Laboratory
techniques are Activities
important
8|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

components of any
field of study.

1. To identify the
different models and
laws related to Lecture and Appraising
Human-computer classroom standardized test
Interaction 5. Models and laws using the rubrics
interaction on the
related to Human- developed
topics herein
2. To explore the computer Interaction
different models and Research work on
Week 9-10 a. GOMS Examining the
laws a given topic
Lecture b. Keystroke-level students behavior
Model during group and
3. To discover GOMS, Presentation of
Week 9-10 c. Human Processor
Keystroke-level work/activity individual
Laboratory Model
model and Human using varied activities
d. Fitts’s Law
Processor Model means based on
e. Steering Law
students’ choice Drafting
4. To differentiate assessment tools
Fitts’s Law with Laboratory through actual
Steering Law Activities
activities

6. User Interface: A Lecture and

1. To learn about User Comprehensive Study classroom Appraising
Interface in a interaction on the standardized test
comprehensive a. User Interface topics herein using the rubrics
Week 11-12 manner. b. Object-oriented User developed
Lecture Interface Research work on
2. To discover how to c. Tangible User a given topic
achieve an efficient Interface Examining the
Week 11-12
Laboratory interaction between d. Organic User Presentation of students behavior
9|Page
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

machines and Interface work/activity during group and

humans. e. Brain-computer using varied individual
Interface means based on activities
3. To be able to f. Command-line students’ choice
incorporate all the Interface Drafting
major aspects of g. Command Laboratory assessment tools
user interface. (Computing) Activities
through actual
activities

OBE MIDTERM EXAMINATION

Lecture and Appraising

1. To discuss about classroom standardized test
7. Understanding using the rubrics
Graphical User interaction on the
Graphical User developed
Interface topics herein
Interface

Week 13-14 2. To examine Multiple Research work on

a. Graphical user Examining the
Lecture Document Interface a given topic
Interface students behavior
b. Multiple Document during group and
3. To be discover Presentation of
Week 13-14 Interface
Object-action work/activity individual
Laboratory c. Object-action
Interface using varied activities
Interface
4. To differentiate means based on
d. Pointer (User
Pointer with Widget students’ choice Drafting
Interface)
e. Widget (GUI) assessment tools
Laboratory through actual
Activities
activities

1. To identify the 8. Design of User Lecture and Appraising

various designs of Interface classroom standardized test
10 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

user interface. interaction on the using the rubrics

Week 15-16 a. User Interface Design topics herein developed
Lecture 2. To understand the b. User-centered
major contributions Design Research work on
of the design of user c. Usage-centered a given topic Examining the
Week 15-16
interface in the Design students behavior
Laboratory
subject matter. d. Contextual Design Presentation of during group and
e. User Experience work/activity individual
3. To discover the Design using varied
activities
importance of the f. Principles of User means based on
topics included in Interface Design students’ choice Drafting
this chapter as to
assessment tools
how it broaden the Laboratory
existing knowledge Activities through actual
on user interface. activities

1. To identify the Lecture and

number of Allied classroom Appraising
Fields of human 9. Allied Fields of interaction on the standardized test
computer Human-computer topics herein using the rubrics
interaction. Interaction developed
Week 17-18 Research work on
2. To know the a. Hands-on Computing a given topic
Lecture
importance of these b. Human-centered Examining the
Allied Fields in the Computing Presentation of students behavior
Week 17-18 field of c. Interactive work/activity
Laboratory during group and
specialization. Computing using varied
individual
d. Mobile Interaction means based on
e. Mobile Computing students’ choice activities
3. To differentiate the Drafting
uses of Hands-on Laboratory
Activities assessment tools
Computing, human-
11 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

centered computing, through actual

interactive activities
computing, mobile
interaction and
mobile computing.

OBE FINAL EXAMINATION

12 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

IX. Course Requirements and Classroom Policies

 Major Examinations: Prelims, Midterms & Finals
 Quizzes, Assignments,Activities, Projects, Research Work, Case Study & Recitation
 Portfolio (Collation of The Assignments, Complete Lecture and other Activities on the Subject)
 Attendance (incurring not more than 20% of the prescribed number of class or laboratory periods)

X. Grading System – AVERAGING

Prelim Grade (Prelim Grade (PG)

(Class Standing x2) + Preliminary Examination Rating = PG
3

Mid-term Grade (MG)

(Class Standing x2) + Mid-Term Examination Rating = MG
3

Partial Final Grade (PFG)

Class Standing + (Final Examination Rating x 2) = PFG
3

Final Grade (FG)

Prelim Grade (PG) + Mid-Term Grade (MG) + Partial Final Grade (PFG) = FG
3

13 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

Rubrics for Laboratory Activities

Criteria Exemplary Acceptable Developing Beginning No Output

4 3 2 1 0

Program Correctness The application meets The code works for The code sometimes The code often fails, Program that does not
all the requirement typical input, but fails fails or typical input. even for typical input. run and/or
specified in the for minor special Most indicated implemented
project specification. cases; the major Many parts of the restrictions were incorrectly (based on
requirements are met program violated. specifications and
The code is though some minor implementation restrictions)
syntactically and ones are not. Some violate indicated automatically gets 0
logically correct for all implementation of the restrictions and some for this course output
cases. program violates parts of the solution
indicated restrictions. are not implemented
Implementation of the using appropriate
program follows the programming
indicated restrictions. constructs.
The implementation
also exhibits
appropriate use of
programming
constructs.

Effective Answers to questions Answers to questions Answers to questions Correct understanding Failure to explain and
Communication/ are correct, are correct, but some are correct, but cannot of the problem, but justify workings of the
Concept reasonable and justifications provided justify solution (e.g., was unable to explain code submitted will
Understanding reflective of the code. weak. solution via trial and workings of code automatically merit 0
The justifications error, rather than provided. for this course output
provided are sound. proper understanding
and application of
concepts)

Readability The program Minor code formatting Not all Minimal internal No internal
conforms to a coding does not exhibit functions/program documentation and documentation and

14 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

standard that consistency in coding features have proper code readability. code is not readable.
promotes code standard internal
readability. Internal documentation
documentation is
comprehensive.

XI. References:

Electronic References
Fitzpatrick, D. D. (n.d.). Importance of HCI. Retrieved April 23, 2018, from http://www.computing.dcu.ie/~dfitzpat/node/96
Haag, S. (2004). Computing Concepts: Complete Edition. Boston: McGraw-Hill Technology Education.
Harding, M. (2017). Human-Computer Interaction. New York: Larsen & Keller. Retrieved April 30, 2018
Human-Computer Interaction (HCI). (n.d.). Retrieved May 03, 2018, from Interaction Design Foundation: https://www.interaction-
design.org/literature/topics/human-computer-interaction
Kim, G. J. (2015, March). Human-Computer Interaction: Fundamentals and Practice. Imprint Auerbach Publications(First). New York. Retrieved May 2,
2018
Mustafa, M. (2017). Importance of Human-Computer Interaction. Retrieved May 02, 2018, from Research Gate:
https://www.researchgate.net/publication/320465073_Importance_of_Human-Computer_Interaction
O'Leary, T. J. (2013). Computing Essential 2013: Making IT Work for You. New York: McGraw-Hill Technology Education.

XII. Consultation Hours: Day (s): DailyTime: ___________ Room: CCSIT Dean’s Office

Prepared by: Reviewed and Approved by:

Maribeth G. Rivera Joey M. Suba, DIT

Teacher Dean, CCSIT

15 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

MAP OF COURSE CONTENT AND GRADUATE ATTRIBUTES

I. Course Code : PCIT1 Lec/Lab

II. Course Title : Introduction to Human – Computer Interaction
III. Pre-requisite(s) / Co-requisite(s) : CCIT2 Lec/Lab
IV. No. of Credit Units : Three (3) units (2 units Lecture, 1 unit Laboratory)
V. Required No. of Hours : Ninety (90) hours (36 hours lecture, 54 hours Laboratory)

BIASA MAGANACA MAYAP

COURSE CONTENT
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
1. Introduction to Human-computer
Interaction

2. Concepts of Human-computer
Interaction

3. Practices of Human-computer
Interaction

4. Methods and Techniques in

human-computer Interaction

5. Models and laws related to

Human-computer Interaction

6. User Interface: A Comprehensive

Study

7. Understanding Graphical User

Interface

16 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

8. Design of User Interface

9. Allied Fields of Human-computer
Interaction

Prepared by: Reviewed and Approved by:

Maribeth G. Rivera Joey M. Suba, DIT

Teacher Dean, CCSIT

17 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

Curriculum Mapping: Program Outcomes and Courses / Subjects

Academic Program : BS Information Technology
Major Field : Information Technology
Term : First Year/Second Semester

COURSE / SUBJECT
Program Outcomes

THEO2

NSTP2
PCIT1
CCIT3

GEC1

GEC4

GEC6

PE2
1. Apply computing and L/P L/P O O O O O O
other knowledge domains
to address real-world
problems.

2. Utilize modern L/P L/P O O O O O O

computing tools

3. Design and develop L/P L/P O O O O O O

computing solutions using a
system-level perspective.

4. Analyze complex L/P L/P O O O O O O

problems and identify and
define the computing
requirements needed to
design an appropriate
solution.

5. Articulate and discuss L/P L/P O O O O O O

18 | P a g e
 Unisite Subdivision, DelPilar, City of San Fernando, 2000 Pampanga, Philippines

the latest developments in

the specific field of practice.

6. Effectively
communicate orally and in
writing using both English L/P L/P O O O O O O
and Filipino

7. Work independently
and effectively in multi-
disciplinary and multi- L/P L/P O O O O O O
cultural teams

8. Acts in recognition of
professional, social and L/P L/P O O O O O O
ethical responsibility
9. Effectively and efficiently
use information
communication technology
L/P L/P O O O O O O
abd lifelong learning skills
in meeting new challenges
in life.
10. Participate in the
generation of new
L/P L/P O O O O O O
knowledge or in research
and development projects.

L – Learned in the course P – Practiced in the course O – Not yet learned/practiced but the opportunity exists

Prepared by: Approved by:

Maribeth G. Rivera, MSCS MEDIATRIZ D. MARTIN, Ph.D

Faculty, CCSIT Vice-President for Academic Affairs

19 | P a g e