Ratified November 3, 2026 — version 1; the content was frozen on that date.
54becf53 · 2f62dc2fEN e3c10b88 · 8015db29Parts that are not translated appear in Indonesian. The Indonesian version is the official, signed document.
The scope of this course and where it sits in the curriculum.
The course **Human-Computer Interaction (HCI)** is a mandatory third-semester course focusing on developing students' competencies in analyzing, designing, and evaluating user interfaces and interactive applications. This course supports the achievement of **Programme Learning Outcome (CPL)-09** by emphasizing user-centered design principles, as well as **CPL-04** and **CPL-06** through multidisciplinary and teamwork approaches in design projects. Students will study fundamental HCI concepts and apply them in designing interfaces using modern graphic tools such as Figma and Affinity Designer. The course also integrates managerial and communication aspects to prepare students for real-world challenges in interactive system development.
Taken from the study programme's curriculum book and fixed — CPMK and Sub-CPMK cannot be changed while writing an RPKPS.
Mampu menganalisis persoalan computing yang kompleks untuk mengidentifikasi solusi pengelolaan proyek teknologi bidang informatika dengan mempertimbangkan perkembangan ilmu pengetahuan yang bersifat multidisiplin.
Memiliki kemampuan manajerial, kerja sama tim, manajemen diri, komunikasi lisan dan tulisan yang efektif, serta kemampuan presentasi yang baik.
Mampu menganalisis, merancang, membangun, dan mengevaluasi antarmuka pengguna (user interface) serta aplikasi interaktif yang berorientasi pada kebutuhan pengguna.
Time is allocated minute by minute and checked against the invariant of 45 hours per credit per semester.
Assignment design together with its timeline and marking criteria.
Students design a simple interface for a banking application by applying learned HCI principles. The design must consider usability, accessibility, and user experience.
Assignment brief
Create wireframes and mockups for a simple banking application interface (e.g., transfer, balance check) using design tools (Figma/Affinity Designer). Include a brief explanation of HCI principles applied (e.g., consistency, feedback, visibility).
The weight of each component and the thresholds used to declare a pass.
Pass threshold
55final mark
The minimum mark for a student to pass this course.
Course attainment
85percent
The share of students who must reach the CPMK for the course to count as successful.
Minimum attendance
80percent
The attendance required to sit the final assessment.
Three consecutive signatures on the published round. Each one names the content fingerprint it signed.
on behalf of the RPKPS drafting team
Irwan Siswanto S.Kom., M.Kom.
0617079302
Course Coordinator
September 22, 2026
Signed electronically · 54becf53 · 2f62dc2f
Approved by
Irwan Siswanto S.Kom., M.Kom.
0617079302
Head of Study Programme
September 22, 2026
Signed electronically · 54becf53 · 2f62dc2f
Reviewed and declared compliant with Kampus standards
Dr. Tb Ai Munandar, S.Kom., M.T.
413098403
Head of Internal Quality Assurance
November 3, 2026
Signed electronically · 54becf53 · 2f62dc2f
The trail from drafting to ratification.
Upon completing this course, students will be able to analyze, design, and evaluate user interfaces while applying HCI principles in the development of interactive applications.
Menjelaskan konsep dan prinsip dasar Human Computer Interaction
Mahasiswa mampu mengidentifikasi konsep utama dalam konsep dan prinsip konsep dan prinsip dasar Human Computer Interaction secara tepat berdasarkan kriteria yang ditetapkan.
Mahasiswa mampu menguraikan prinsip dasar dalam konsep dan prinsip konsep dan prinsip dasar Human Computer Interaction secara tepat berdasarkan kriteria yang ditetapkan.
Mahasiswa mampu membedakan karakteristik penting dalam konsep dan prinsip konsep dan prinsip dasar Human Computer Interaction secara tepat berdasarkan kriteria yang ditetapkan.
Menerapkan konsep dan prinsip Human Computer Interaction pada permasalahan yang relevan
Mahasiswa mampu menggunakan prosedur yang sesuai untuk penerapan konsep dan prinsip Human Computer Interaction pada permasalahan yang relevan secara tepat berdasarkan kriteria yang ditetapkan.
Mahasiswa mampu menerapkan prinsip dasar penerapan konsep dan prinsip Human Computer Interaction pada permasalahan yang relevan pada latihan terstruktur secara tepat berdasarkan kriteria yang ditetapkan.
Mahasiswa mampu menentukan langkah yang tepat pada kasus sederhana terkait penerapan konsep dan prinsip Human Computer Interaction pada permasalahan yang relevan secara tepat berdasarkan kriteria yang ditetapkan.
8 jam 30 menit
|
| — |
| — |
| 1, 2 |
| 2 |
| Fundamental Principles of Human-Computer Interaction
| Interactive lecture, video demonstration analysis of interfaces, and HCI principle identification exercises on existing applications Lecturer: Explaining fundamental HCI principles with concrete examples, playing video demonstrations of good and poor interfaces, and guiding students in identifying principles through exercises Students: Following explanations, analyzing video demonstrations to identify HCI principle applications, and participating in exercises to identify principles in assigned applications Assignment: Analyzing 3 everyday applications (e.g., e-commerce, social media) and documenting identified HCI principles | 8 jam 30 menit
| — | — | 1, 1 |
| 3 |
| Characteristics and Differences of User Interfaces
| Interactive lecture, direct comparison of application interfaces, and group discussions Lecturer: Presenting material on interface types, facilitating direct comparisons of different application interfaces, and guiding group discussions to differentiate interface characteristics Students: Listening to explanations, comparing assigned application interfaces, and discussing in groups to identify characteristic differences Assignment: Comparing CLI interfaces (e.g., Command Prompt) and GUI interfaces (e.g., File Explorer) and documenting differences in characteristics and advantages | 8 jam 30 menit
| — | — | 2, 1 |
| 4 |
| Application of HCI Principles in Simple Interface Design
| Interactive lecture, guided practice in simple interface design, and presentation of design results Lecturer: Explaining the procedure for applying HCI principles in design, guiding the practice of simple interface design, and providing feedback on students' design results Students: Following the procedure explanation, participating in guided practice for simple interface design, and presenting their design results Assignment: Designing a simple interface for a personal notes application by applying at least 3 HCI principles and documenting the steps | 8 jam 30 menit
| Practical Assignment Assessment based on design quality rubric, application of HCI principles, and documentation of steps
| 14.29% | 1, 1, 2 |
| 5 |
| Structured Practice: Designing an Interface for a Simple Banking Application
| Guided practice, group discussion, and feedback session Lecturer: Guiding the practice of banking interface design, facilitating group discussions for design evaluation, and providing feedback for design refinement Students: Participating in guided practice for banking interface design, discussing in groups to evaluate designs, and refining designs based on feedback Assignment: Designing an interface for a simple banking application (transfer and balance-check features) by applying HCI principles and documenting the design process | 8 jam 30 menit
| Practical Assignment Assessment based on design quality rubric, application of HCI principles, and documentation of the design process
| 14.29% | 2, 1, 1 |
| 6 |
| Simple Case: Designing an Interface for a Food Ordering System
| Interactive lectures, case studies, and simple user testing Lecturer: Explaining the food ordering interface design case, guiding case study exercises, and facilitating simple user testing Students: Following case explanations, participating in food ordering interface design exercises, and conducting simple user testing Assignment: Designing an interface for a food ordering system (menu selection and payment features) by applying HCI principles, documenting the design process, and conducting simple user testing | 8 jam 30 menit
| Practical Assignment Assessment based on design quality rubrics, application of HCI principles, documentation of the design process, and results of user testing
| 14.28% | 1, 2, 1 |
| 7 |
| Review and Consolidation of HCI Concepts and Midterm Exam Preparation
| Material review, exam practice questions, and group discussions Lecturer: Reviewing the learned material, providing midterm exam practice questions, and facilitating group discussions to solve HCI problems Students: Attending material review, completing midterm exam practice questions, and participating in group discussions Assignment: Completing midterm exam practice questions and reviewing lecture notes for exam preparation | 8 jam 30 menit
| — | — | 1, 2, 1 |
| 8UTS |
| Midterm Exam | — | 8 jam
| — | 28.57% | — |
| 9 |
| Introduction to UI/UX Design and Graphic Design Tools
| Interactive lectures, demonstrations of design tools, and tool usage exercises Lecturer: Explaining the differences between UI and UX, demonstrating the use of Figma and Affinity Designer, and guiding tool usage exercises Students: Listening to explanations, observing design tool demonstrations, and participating in Figma and Affinity Designer usage exercises Assignment: Trying out Figma and Affinity Designer to create simple designs (e.g., icons or buttons) and documenting the user experience | 8 jam 30 menit
| — | — | 1, 2 |
| 10 |
| Presentation of UI/UX Design Project for Mobile Applications
| Project presentation, peer evaluation, and feedback session Lecturer: Facilitating UI/UX design project presentation, guiding peer design evaluation, and providing constructive feedback Students: Presenting UI/UX design project, evaluating peer designs, and providing constructive feedback Assignment: Refining UI/UX design based on received feedback and documenting changes made | 8 jam 30 menit
| Project Presentation Assessment based on presentation quality rubric, UI/UX design quality, and ability to provide constructive feedback
| — | 1, 2, 1 |
| 11 |
| UI/UX Design for E-Commerce Websites
| Interactive lecture, website design practice, and feedback session Lecturer: Explaining user needs for e-commerce websites, guiding website design practice, and facilitating feedback sessions Students: Listening to explanations, participating in e-commerce website design practice, and providing feedback on peer designs Assignment: Designing interfaces for e-commerce websites (search, shopping cart, and checkout features) by applying HCI and UI/UX principles | 8 jam 30 menit
| — | — | 2, 1, 1 |
| 12 |
| UI/UX Design for Social Media Applications
| Interactive lecture, app design practice, and group discussion Lecturer: Explaining user needs for social media apps, guiding app design practice, and facilitating group discussions for design evaluation Students: Listening to explanations, participating in social media app design practice, and discussing in groups to evaluate designs Assignment: Designing interfaces for social media applications (profile, posting, and social interaction features) by applying HCI and UI/UX principles | 8 jam 30 menit
| — | — | 1, 2, 1 |
| 13 |
| UI/UX Design for Academic Information Systems
| Interactive lectures, system design exercises, and feedback sessions Lecturer: Explaining user needs for academic information systems, guiding system design exercises, and facilitating feedback sessions Students: Listening to explanations, participating in academic information system design exercises, and providing feedback on peers' designs Assignment: Designing interfaces for academic information systems (course schedules, grades, and attendance features) by applying HCI and UI/UX principles | 8 jam 30 menit
| — | — | 2, 1, 1 |
| 14 |
| UI/UX Design for Healthcare Applications
| Interactive lectures, application design exercises, and group discussions Lecturer: Explaining user needs for healthcare applications, guiding application design exercises, and facilitating group discussions for design evaluation Students: Listening to explanations, participating in healthcare application design exercises, and discussing in groups to evaluate designs Assignment: Designing interfaces for healthcare applications (health records, appointments, and consultation features) by applying HCI and UI/UX principles | 8 jam 30 menit
| — | — | 1, 2, 1 |
| 15 |
| Review and Consolidation of Materials, Attendance, and Participation Assessment
| Material review, group discussions, and learning reflections Lecturer: Reviewing covered materials, facilitating group discussions on UI/UX design challenges, and guiding learning reflections Students: Attending material review, participating in group discussions, and reflecting on semester-long learning Assignment: Writing a reflective essay on UI/UX design learning throughout the semester and encountered challenges | 8 jam 30 menit
| Attendance and Participation Assessment based on attendance records, discussion participation quality, and written reflections
| — | 1, 2, 1 |
| 16UAS |
| Final Exam | — | 8 jam
| — | 28.57% | — |
| Total weekly assessment weight | 100% | ||||||
Sub-CPMK
Mahasiswa mampu mengidentifikasi konsep utama dalam konsep dan prinsip konsep dan prinsip dasar Human Computer Interaction secara tepat berdasarkan kriteria yang ditetapkan.
Method
Interactive lecture with slide presentations, guided discussions, and short case studies
Time allocation
8 jam 30 menit
Sub-CPMK
Mahasiswa mampu menguraikan prinsip dasar dalam konsep dan prinsip konsep dan prinsip dasar Human Computer Interaction secara tepat berdasarkan kriteria yang ditetapkan.
Method
Interactive lecture, video demonstration analysis of interfaces, and HCI principle identification exercises on existing applications
Time allocation
Sub-CPMK
Mahasiswa mampu membedakan karakteristik penting dalam konsep dan prinsip konsep dan prinsip dasar Human Computer Interaction secara tepat berdasarkan kriteria yang ditetapkan.
Method
Interactive lecture, direct comparison of application interfaces, and group discussions
Time allocation
Sub-CPMK
Mahasiswa mampu menggunakan prosedur yang sesuai untuk penerapan konsep dan prinsip Human Computer Interaction pada permasalahan yang relevan secara tepat berdasarkan kriteria yang ditetapkan.
Method
Interactive lecture, guided practice in simple interface design, and presentation of design results
Time allocation
Assessment
Practical Assignment
Assessment based on design quality rubric, application of HCI principles, and documentation of steps
Sub-CPMK
Mahasiswa mampu menerapkan prinsip dasar penerapan konsep dan prinsip Human Computer Interaction pada permasalahan yang relevan pada latihan terstruktur secara tepat berdasarkan kriteria yang ditetapkan.
Method
Guided practice, group discussion, and feedback session
Time allocation
Assessment
Practical Assignment
Assessment based on design quality rubric, application of HCI principles, and documentation of the design process
Sub-CPMK
Mahasiswa mampu menentukan langkah yang tepat pada kasus sederhana terkait penerapan konsep dan prinsip Human Computer Interaction pada permasalahan yang relevan secara tepat berdasarkan kriteria yang ditetapkan.
Method
Interactive lectures, case studies, and simple user testing
Time allocation
Assessment
Practical Assignment
Assessment based on design quality rubrics, application of HCI principles, documentation of the design process, and results of user testing
Method
Material review, exam practice questions, and group discussions
Time allocation
Time allocation
Method
Interactive lectures, demonstrations of design tools, and tool usage exercises
Time allocation
Method
Project presentation, peer evaluation, and feedback session
Time allocation
Assessment
Project Presentation
Assessment based on presentation quality rubric, UI/UX design quality, and ability to provide constructive feedback
Method
Interactive lecture, website design practice, and feedback session
Time allocation
Method
Interactive lecture, app design practice, and group discussion
Time allocation
Method
Interactive lectures, system design exercises, and feedback sessions
Time allocation
Method
Interactive lectures, application design exercises, and group discussions
Time allocation
Method
Material review, group discussions, and learning reflections
Time allocation
Assessment
Attendance and Participation
Assessment based on attendance records, discussion participation quality, and written reflections
Time allocation
Deliverable format
Design file (Figma/Affinity) in .fig/.afdesign format, accompanied by a PDF document explaining HCI principles application (maximum 2 pages).
Marking criteria
Accuracy in applying HCI principles to interface design
30%Quality and aesthetics of design
25%Completeness and clarity of documentation
20%Creativity and innovation in design
25%Students design an interface for a food ordering system by applying HCI principles and considering efficient user flow.
Assignment brief
Create an interactive prototype for a food ordering system (e.g., menu selection, shopping cart, checkout) using Figma/Affinity Designer. Ensure the design facilitates users in completing tasks with minimal errors.
Deliverable format
Interactive prototype file (Figma/Affinity) in .fig/.afdesign format, accompanied by a demo video (maximum 3 minutes) showing the usage flow.
Marking criteria
Accuracy in applying HCI principles to user flow
35%Functionality of the interactive prototype
25%Visual and aesthetic quality
20%Completeness of documentation
20%Students design an interface solution for a simple food ordering system case, considering user needs and HCI principles.
Assignment brief
Complete the design from Practical Task 2 by adding extra features (e.g., order history, notifications, or rating system). Ensure the design remains consistent with HCI principles and meets user needs.
Deliverable format
Latest design file (Figma/Affinity) in .fig/.afdesign format, accompanied by a brief report (1 page) explaining the added features and the reasoning behind the design.
Marking criteria
Accuracy of added features in meeting user needs
30%Design consistency with HCI principles
25%Quality of the explanatory report
20%Creativity in design solutions
25%Students in groups (3-4 people) present their completed UI/UX design project for a mobile application. The presentation must cover the design process, application of HCI principles, and usability evaluation.
Assignment brief
Prepare a 15-minute presentation covering: (1) Background and project objectives, (2) Design process (research, wireframing, prototyping), (3) Application of HCI principles, (4) Usability evaluation results (if conducted), (5) Application demo. Use engaging and informative slides.
Deliverable format
Presentation file (PPT/PDF) and application demo (APK/Figma Prototype).
Marking criteria
Completeness and structure of the presentation
25%Quality of presentation slide visuals
20%Ability to deliver the material
30%Quality of the application demo
25%Assessment of students' attendance and active participation during lectures, including contributions to discussions, timely submission of assignments, and involvement in group activities.
Assignment brief
Students are expected to attend classes punctually, actively participate in class discussions, submit assignments on time, and contribute positively to group activities.
Marking criteria
Punctual attendance
40%Active participation in discussions
30%Timely submission of assignments
20%Contribution to group activities
10%8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam
8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam 30 menit
8 jam