UNIVERSITAS AMIKOM YOGYAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI

RPS-S1SI-SI170
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
TUGAS PROYEK UI/UX SI170 User Experience Design 4 0 6 01 Feb 2024
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Atik Nurmasani, M.Kom

Eli Pujastuti, M.Kom

Anggit Dwi Hartanto, M.Kom
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL05 Mampu menyusun dokumentasi aplikasi interaktif atau sistem informasi atau penelitian secara sistematis berdasarkan topik tertentu atau studi kasus nyata atau praktek industri
CPL06 Mampu menganalisis, merancang, mengimplementasikan, menguji, mengevaluasi aplikasi interaktif atau sistem informasi dengan tools tertentu secara individu atau tim
CPL11 Mampu menjelaskan pemahaman mengenai konsep analisis, perancangan, implementasi, evaluasi, manajemen pengelolaan, dan penelitian untuk pengembangan aplikasi interaktif atau sistem informasi
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK11 Mampu menyusun dokumentasi sistem informasi secara sistematis berdasarkan topik tertentu
CPMK19 Mampu menganalisis, merancang, mengimplementasikan, dan mengevaluasi aplikasi interaktif atau sistem informasi dengan tools tertentu secara individu atau tim
CPMK35 Mampu menjelaskan pemahaman mengenai konsep analisis, perancangan, implementasi, dan evaluasi untuk pengembangan aplikasi interaktif atau sistem informasi
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.SI170.CPMK11.1 Mampu menyusun dokumentasi perancangan UI/UX
sub.cpmk.SI170.CPMK11.2 Mampu menyusun dokumentasi implementasi prototype front end UI/UX
sub.cpmk.SI170.CPMK19.1 Mampu membuat perancangan UI/UX
sub.cpmk.SI170.CPMK19.2 Mampu mengimplementasikan prototype front end sesuai rancangan
sub.cpmk.SI170.CPMK19.3 Mampu membuat skenario pengujian, melakukan pengujian, dan menganalisis pengujian dengan tools tertentu
sub.cpmk.SI170.CPMK35.1 Mampu menjelaskan pemahaman dasar-dasar UI/UX
sub.cpmk.SI170.CPMK35.2 Mampu mempresentasikan hasil prototype front end sesuai rancangan
Korelasi CPMK terhadap Sub-CPMK
CPMK35 sub.cpmk.SI170.CPMK35.1
sub.cpmk.SI170.CPMK35.2
CPMK19 sub.cpmk.SI170.CPMK19.1
sub.cpmk.SI170.CPMK19.2
sub.cpmk.SI170.CPMK19.3
CPMK11 sub.cpmk.SI170.CPMK11.2
sub.cpmk.SI170.CPMK11.1
Deskripsi Singkat MK Pada mata kuliah ini mahasiswa belajar tentang dasar-dasar UI/UX, cara perancangan UI/UX yang tepat, implementasi rancangan pada prototype, pengujian prototype serta menyusun dokumentasi rancangan dan implementasi prototype UI/UX. Topik proyek difokuskan pada aplikasi website atau mobile yang belum pernah diambil pada tugas semester sebelumnya. Output berupa prototype coding view atau produk jadi sesuai topik. Perkuliahan diselenggarakan 28 kali pertemuan selama satu semester secara sinkronisasi melalui kelas offline. Media yang digunakan untuk pendukung perkuliahan adalah Google Classroom atau Learning Management System (LMS). Tugas kuliah bisa dilakukan secara kelompok (1 kelompok terdiri dari maksimal 5 orang) atau individu.
Bahan Kajian : Materi Pembelajaran Dasar-dasar UI/UX, perancangan UI/UX, prototype figma dan prototype front end, serta pengujian prototype figma dan prototype front end
Pustaka Utama
  • 1. Knight, W. (2019). UX for Developers: How to Integrate User-Centered Design Principles Into Your Day-to-Day Development Work. Northampton: Apress.
Pendukung
  • 2. Unger, Russ and Carolyn Chandler.(2012).A Project Guide to UX Design: For User Experience Designers in the Field Or in the Making.California:New Riders
Dosen Pengampu Atik Nurmasani, S.Kom., M.Kom, Rifda Faticha Alfa Aziza, S.Kom., M.Kom, M. Akbar Maulana, M.Kom, Arvin Claudy Frobenius, M.Kom
Mata Kuliah Syarat -
Pertemuan Ke Kemampuan akhir tiap tahapan belajar (Sub-CPMK) Penilaian Bentuk Pembelajaran; Metode Pembelajaran; Penugasan Mahasiswa; Materi Pembelajaran Bobot Penilaian
Indikator Kriteria & Teknik Luring Daring
1 sub.cpmk.SI170.CPMK35.1-Mampu menjelaskan pemahaman dasar-dasar UI/UX Mampu menjelaskan pemahaman mengenai dasar-dasar UI/UX Kriteria
Ketepatan jawaban kuis sesuai perintah soal
Teknik
Kuis dasar-dasar UI/UX
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Kuis,[K=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Video Pembelajaran,[VA=20 Menit]
Kuliah,Diskusi,[DS=30 Menit]
Penugasan,Kuis,[K=40 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
Topik
Pengenalan UI/UX
Sub Topik
1. Kontrak Perkuliahan 2. Menentukan kelompok 3. Penjelasan dasar-dasar UI/UX 4. Penjelasan tahapan UI/UX desain 5. Penjelasan tools dan instrumen UI/UX desain 6. Gambaran alur project UI/UX 7. Kuis dasar-dasar UI/UX
  • [1] Hal: -
3
2
3 sub.cpmk.SI170.CPMK19.1-Mampu membuat perancangan UI/UX Mampu menentukan ide mengenai UI/UX dan memvalidasi ide Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas menentukan ide dan validasi ide
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Ceramah Langsung,[C=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Menentukan Ide dan Validasi Ide
Sub Topik
1. Penjelasan ide dan penentuan ide 2. Penjelasan validasi ide 3. Contoh ide dan validasi ide 4. Tugas menentukan ide dan validasi ide
  • [1] Hal: -
  • [2] Hal: -
3
4
5 sub.cpmk.SI170.CPMK19.1-Mampu membuat perancangan UI/UX Mampu melakukan user research Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas user research
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Ceramah Langsung,[C=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
User Research
Sub Topik
1. Penjelasan user research 2. Langkah melakukan user research 3. Contoh user research 4. Tugas user research
  • [1] Hal: -
  • [2] Hal: -
3
6 sub.cpmk.SI170.CPMK19.1-Mampu membuat perancangan UI/UX Mampu membuat user persona Kriteria
Ketepatan jawaban sesuai perintah soal
Teknik
Tugas user persona
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Ceramah Langsung,[C=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
User Persona
Sub Topik
1. Penjelasan user persona 2. Langkah melakukan user persona 3. Contoh user persona 4. Tugas membuat user persona
  • [1] Hal: -
  • [2] Hal: -
2
7 sub.cpmk.SI170.CPMK19.1-Mampu membuat perancangan UI/UX Mampu melakukan review user persona Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas review user persona
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Ceramah Langsung,[C=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Review User Persona
Sub Topik
1. Penjelasan user persona 2. Contoh review user persona 3. Tugas membuat review user persona
  • [1] Hal: -
  • [2] Hal: -
1
8 sub.cpmk.SI170.CPMK19.1-Mampu membuat perancangan UI/UX Mampu membuat user flow dan user journey map Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas user flow dan user journey map
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
User Flow dan User Journey Map
Sub Topik
1. Penjelasan user flow dan user journey map 2. Langkah membuat user flow dan user journey map 3. Contoh user flow dan user journey map 4. Tugas membuat user flow dan user journey map
  • [1] Hal: -
  • [2] Hal: -
4
9 sub.cpmk.SI170.CPMK19.1-Mampu membuat perancangan UI/UX Mampu melakukan review user flow dan user journey map Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas review user flow dan user journey map
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Review User Flow dan User Journey Map
Sub Topik
1. Penjelasan review user flow dan user journey map 2. Contoh review user flow dan user journey map 3. Tugas review user flow dan user journey map
  • [1] Hal: -
  • [2] Hal: -
1
10 sub.cpmk.SI170.CPMK19.1-Mampu membuat perancangan UI/UX Mampu menentukan dan membuat fundamentals UI design Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas membuat dan review fundamentals UI design (warna, icon, UI kit, moodboard)
Kuliah,Proses Belajar,[PB=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Fundamentals UI Design
Sub Topik
1. Penjelasan fundamentals UI design 2. Langkah membuat fundamentals UI design 3. Contoh fundamentals UI design 4. Review fundamentals UI design 5. Tugas membuat dan review fundamentals UI design
  • [1] Hal: -
  • [2] Hal: -
2
11 sub.cpmk.SI170.CPMK19.1-Mampu membuat perancangan UI/UX Mampu membuat user interface design sesuai komponen fundamentals UI design Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas Desain UI, Prototyping Figma, dan Review Desain UI
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
User Interface Design
Sub Topik
1. Penjelasan user interface design 2. Perbedaan sketch, wireframe, mockup 3. Langkah membuat user interface design 4. Contoh user interface design 5. Langkah Prototyping Figma 6. Review user interface design 7. Tugas desain user interface, prototyping figma, dan review desain user interface
  • [1] Hal: -
  • [2] Hal: -
6
12
13
14
15 sub.cpmk.SI170.CPMK11.1-Mampu menyusun dokumentasi perancangan UI/UX Mampu menyusun dokumentasi perancangan UI/UX dengan tepat Kriteria
Ketepatan jawaban ujian sesuai perintah soal
Teknik
Tes Tulis (UTS)
Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
Topik
Materi pertemuan 1 sampai 14
Sub Topik
Materi pertemuan 1 sampai 14
20
16 sub.cpmk.SI170.CPMK19.3-Mampu membuat skenario pengujian, melakukan pengujian, dan menganalisis pengujian dengan tools tertentu Mampu membuat skenario dan menguji prototype figma dengan tools tertentu Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas analisa hasil pengujian prototype figma
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Pengujian Prototype Figma
Sub Topik
1. Penjelasan pengujian prototype figma 2. Contoh skenario pengujian 3. Penentuan responden 4. Pembuatan skenario pengujian 5. Pengujian prototype figma ke responden 6. Tugas analisa hasil pengujian prototype figma
  • [1] Hal: -
  • [2] Hal: -
7
17
18 sub.cpmk.SI170.CPMK19.2-Mampu mengimplementasikan prototype front end sesuai rancangan Mampu membuat prototype front end sesuai rancangan Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas membuat dan review prototype front end
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Prototype Front End
Sub Topik
1. Penjelasan prototype front end 2. Contoh prototype front end 3. Review prototype front end 4. Tugas membuat dan review prototype front end
  • [1] Hal: -
  • [2] Hal: -
10
19
20
21 sub.cpmk.SI170.CPMK19.3-Mampu membuat skenario pengujian, melakukan pengujian, dan menganalisis pengujian dengan tools tertentu Mampu membuat skenario dan melakukan pengujian fungsional Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas pengujian hasil prototype
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Pengujian Fungsional Prototype Front End
Sub Topik
1. Penjelasan pengujian fungsional prototype front end 2. Contoh pengujian fungsional prototype front end 3. Tugas pengujian fungsional prototype front end
  • [1] Hal: -
  • [2] Hal: -
2
22 sub.cpmk.SI170.CPMK19.3-Mampu membuat skenario pengujian, melakukan pengujian, dan menganalisis pengujian dengan tools tertentu Mampu membuat skenario dan melakukan pengujian usability ke pengguna Kriteria
Ketepatan jawaban tugas sesuai perintah soal
Teknik
Tugas pengujian usability prototype front end dan pengolahan data hasil pengujian usability metode UEQ
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Pengujian Usability Prototype Front End dan Pengolahan Data Usability Pengguna
Sub Topik
1. Penjelasan pengujian usability pengguna 2. Metode pengujian usability pengguna 3. Metode pengujian UEQ 4. Penentuan responden metode UEQ 5. Pembuatan skenario pengujian usability pengguna metode UEQ 6. Pengujian usability pengguna dengan metode UEQ ke responden 7. Tugas pengujian usability prototype front end dan pengolahan data hasil pengujian usability metode UEQ
  • [1] Hal: -
  • [2] Hal: -
6
23
24
25
26 sub.cpmk.SI170.CPMK35.2-Mampu mempresentasikan hasil prototype front end sesuai rancangan Mampu mempresentasikan hasil implementasi prototype sesuai rancangan Kriteria
Ketepatan pemaparan presentasi sesuai ketentuan
Teknik
Presentasi rancangan dan hasil prototype front end
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
Topik
Presentasi
Sub Topik
1. Presentasi prototype front end sesuai rancangan 2. Tanya jawab
  • [1] Hal: -
  • [2] Hal: -
5
27
28
29
30 sub.cpmk.SI170.CPMK11.2-Mampu menyusun dokumentasi implementasi prototype front end UI/UX Mampu menyusun dokumentasi implementasi prototype front end UI/UX dengan tepat Kriteria
Ketepatan jawaban ujian sesuai perintah soal
Teknik
Tes Tulis (UAS)
Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
Topik
Materi pertemuan 16 sampai 27
Sub Topik
Materi pertemuan 16 sampai 27
25

Teknik Penilaian CPMK

CPL MK CPMK Kuis Tugas Teori (Kelompok) Tes Tulis (UTS) Unjuk Kerja (Presentasi) Tes Tulis (UAS)
CPL05 TUGAS PROYEK UI/UX CPMK11 Y Y
CPL06 TUGAS PROYEK UI/UX CPMK19 Y
CPL11 TUGAS PROYEK UI/UX CPMK35 Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL11 CPMK35 sub.cpmk.SI170.CPMK35.1 Kuis dasar-dasar UI/UX 3 Ketepatan jawaban kuis sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.1 Tugas menentukan ide dan validasi ide 3 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.1 Tugas user research 3 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.1 Tugas user persona 2 Ketepatan jawaban sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.1 Tugas review user persona 1 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.1 Tugas user flow dan user journey map 4 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.1 Tugas review user flow dan user journey map 1 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.1 Tugas membuat dan review fundamentals UI design (warna, icon, UI kit, moodboard) 2 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.1 Tugas Desain UI, Prototyping Figma, dan Review Desain UI 6 Ketepatan jawaban tugas sesuai perintah soal
CPL05 CPMK11 sub.cpmk.SI170.CPMK11.1 Tes Tulis (UTS) 20 Ketepatan jawaban ujian sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.3 Tugas analisa hasil pengujian prototype figma 7 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.2 Tugas membuat dan review prototype front end 10 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.3 Tugas pengujian hasil prototype 2 Ketepatan jawaban tugas sesuai perintah soal
CPL06 CPMK19 sub.cpmk.SI170.CPMK19.3 Tugas pengujian usability prototype front end dan pengolahan data hasil pengujian usability metode UEQ 6 Ketepatan jawaban tugas sesuai perintah soal
CPL11 CPMK35 sub.cpmk.SI170.CPMK35.2 Presentasi rancangan dan hasil prototype front end 5 Ketepatan pemaparan presentasi sesuai ketentuan
CPL05 CPMK11 sub.cpmk.SI170.CPMK11.2 Tes Tulis (UAS) 25 Ketepatan jawaban ujian sesuai perintah soal
Total 100
2. Penilaian CPMK
CPL MK CPMK Kuis Tugas Teori (Kelompok) Tes Tulis (UTS) Unjuk Kerja (Presentasi) Tes Tulis (UAS) Total
CPL05 TUGAS PROYEK UI/UX CPMK11 0% 0% 20% 0% 25% 45%
CPL06 TUGAS PROYEK UI/UX CPMK19 0% 47% 0% 0% 0% 47%
CPL11 TUGAS PROYEK UI/UX CPMK35 3% 0% 0% 5% 0% 8%
100%