UNIVERSITAS AMIKOM YOGYAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI TEKNOLOGI INFORMASI

RPS-S1TI-TI103
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
UI UX TI103 User Experience Design 0 2 3 06 Feb 2021
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Haryoko, S.Kom., M.Cs.
Haryoko, S.Kom., M.Cs.
Agus Purwanto, M.Kom
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL04 Memiliki pengetahuan yang luas pada bidang kreatif digital berbasis teknologi komputer yang memungkinkan dapat memenuhi kebutuhan industri kreatif pada disiplin program yang dituju
CPL06 Mampu mengaplikasikan ilmu pengetahuan dan teknologi dalam bidang kreatif digital yang sistematis dan inovatif dengan menerapkan nilai-nilai humaniora.
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK17 Mampu mengintegrasikan aspek teknis dan artistik pada proses penyusunan aspek visual sesuai dengan kebutuhan industri kreatif
CPMK32 Mampu mengintegrasikan aspek visual pada penciptaan produk kreatif digital
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.TI103.CPMK17.1 Mampu menjelaskan pemahaman dasar-dasar UI/UX dan mampu membuat rancangan UI/UX
sub.cpmk.TI103.CPMK17.2 Mampu menyusun dokumentasi perancangan UI/UX, dokumentasi implementasi prototype front end UI/UX
sub.cpmk.TI103.CPMK32.1 Mampu mengimplementasikan prototype front end sesuai rancangan
sub.cpmk.TI103.CPMK32.2 Mampu mempresentasikan hasil prototype front end sesuai rancangan
Korelasi CPMK terhadap Sub-CPMK
CPMK17 sub.cpmk.TI103.CPMK17.1
sub.cpmk.TI103.CPMK17.2
CPMK32 sub.cpmk.TI103.CPMK32.1
sub.cpmk.TI103.CPMK32.2
Deskripsi Singkat MK Mata kuliah UI UX merupakan materi fundamental dalam bidang rekayasa perangkat lunak. UI UX merupakan mata kuliah yang mengajarkan mahasiswa tentang perancangan antarmuka pengguna suatu aplikasi berbasis web, desktop ataupun mobile android/Ios dan bagaimana interaksi manusia terhadap aplikasi di suatu perangkat baik komputer, tablet ataupun smartphone serta perannya dalam mewujudkan perangkat lunak yang tepat dan bermanfaat bagi user-nya. Dalam mata kuliah ini juga disampaikan tentang tahap-tahap dalam proses perancangan antarmuka pengguna (User Interface/UI) serta tren-tren desain UI yang terkini. Perkuliahan ini akan membekali mahasiswa teknologi informasi berpikir analitis dan logis.
Bahan Kajian : Materi Pembelajaran User Experience Design, Research
Pustaka Utama
  • 1. Valverde R, 2011. Principles Of Human Computer Interaction, Lambert Academic Publishing.
Pendukung
  • 2. Galitz, Wilbert O. 2007. The Essential Guide to UI Design. Third Edition.
  • 3. Ballard, Barbara. 2007. Designing the Mobile User Experience. Little Springs Design, Inc., USA.
  • 4. Kalbach, James. 2007. Designing Web Navigation. O'Reilly.
  • 5. Jenny Preece, Yvonne Rogers, Helen Sharp. 2002. Interaction Design_beyond Human-Computer –Interaction, J. Wiley & Sons
  • 6. Heim, S. 2007, The Resonant Interface HCI Foundations for interaction design, Addison Wesley.
  • 7. Coninx, Karin., et al. 2006. Task Models and Diagrams for UI Design. Springer.
  • 8. Fox, Brent. 2005. Game Interface Design. Thompson Course Technology.
  • 9. Cohen, Michael H., et al. 2004. Voice UI Design. Addison Wesley.
  • 10. Welie, martijn van. 2001. Task-based UI Design. SIKS Disertation Series No. 2001-6.
Dosen Pengampu Haryoko, S.Kom., M.Cs., Danu Prawira Utama, 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.TI103.CPMK17.1-Mampu menjelaskan pemahaman dasar-dasar UI/UX dan mampu membuat rancangan UI/UX Mahasiswa mampu menyusun laporan penugasan Kriteria
Ketepatan Jawaban
Teknik
Tugas 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Ceramah Langsung,[C=30 Menit]
Kuliah,Studi Kasus,[SK=60 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Kuliah,Video Pembelajaran,[VA=50 Menit]
Kuliah,Studi Kasus,[SK=50 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Topik
Memahami sistem perkuliahan, sistem penilaian, dan tata tertib kuliah serta memahami karakteristik GUI dan Web UI Memahami dan mengimplementasikan metode dalam merancang User Interface Memahami dan mendefinisikan Karakteristik Pengguna Mampu memodelkan Task Pengguna
Sub Topik
RPS Kontrak kuliah Definisi UI dan UX Pentingnya desain UI yang baik Usability Interaction Framework Interaction Style Karakteristik GUI dan Web UI User Center Design Goal Directed Design Proses Desain UI Step 1 Memahami Pengguna/ Klien Mengenali Pengguna Karakteristik Pengguna Proses Desain UI Step 2 dan memahami Fungsi Bisnis Definisi bisnis dan analisis kebutuhan. Menentukan fungsi-fungsi bisnis dasar Desain standar atau panduan gaya (style guide). Kebutuhan pelatihan dan dokumentasi sistem.
  • [1] Hal: -
10
2
3
4
5
6 sub.cpmk.TI103.CPMK17.1-Mampu menjelaskan pemahaman dasar-dasar UI/UX dan mampu membuat rancangan UI/UX Mahasiswa mampu menyusun laporan penugasan Kriteria
Ketepatan Jawaban
Teknik
Tugas 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Ceramah Langsung,[C=30 Menit]
Kuliah,Studi Kasus,[SK=60 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Kuliah,Video Pembelajaran,[VA=50 Menit]
Kuliah,Studi Kasus,[SK=50 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Topik
Mampu menerapkan prinsip UI Mampu merancang struktur menu
Sub Topik
3 prinsip dasar UI Panduan perancangan Struktur dan fungsi menu Isi menu Format menu Penyusunan frase dalam menu Penentuan pilihan-pilihan menu Navigasi website Jenis-jenis menu grafis
  • [1] Hal: -
  • [2] Hal: -
  • [3] Hal: -
10
7
8 sub.cpmk.TI103.CPMK17.2-Mampu menyusun dokumentasi perancangan UI/UX, dokumentasi implementasi prototype front end UI/UX Mahasiswa mampu menjawab pertanyaan dengan tepat Kriteria
Ketepatan Jawaban
Teknik
Ujian tertulis mandiri 		Ujian terjadwal,Tugas Langsung,[TL=170 Menit]
 Ujian terjadwal,Tugas Take Home,[TH=170 Menit]
 Topik
Ujian tertulis mandiri
Sub Topik

 20
9 sub.cpmk.TI103.CPMK32.1-Mampu mengimplementasikan prototype front end sesuai rancangan Mahasiswa mampu menyusun laporan penugasan Kriteria
Ketepatan Jawaban
Teknik
Tugas 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Ceramah Langsung,[C=30 Menit]
Kuliah,Studi Kasus,[SK=60 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Kuliah,Video Pembelajaran,[VA=50 Menit]
Kuliah,Studi Kasus,[SK=50 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Topik
Mampu memilih dan merancang windows Mampu memahami karakteristik setiap perangkat interaksi sehingga dapat menerapkannya dalam desain UI Mampu memilih dan menerapkan screen-based controls yang tepat dengan kebutuhan.
Sub Topik
Karakteristik windows Komponen-komponen sebuah windows Gaya penampilan windows Tipe-tipe windows Pengaturan fungsi windows Web dan browser Perangkat input Perangkat output Operable controls Text entry/ read-only controls Selection controls Other operable controls Custom controls Presentation controls Memilih kontrol yang tepat
  • [4] Hal: -
  • [5] Hal: -
  • [6] Hal: -
15
10
11
12
13 sub.cpmk.TI103.CPMK32.1-Mampu mengimplementasikan prototype front end sesuai rancangan Mahasiswa mampu menyusun laporan penugasan Kriteria
Ketepatan Jawaban
Teknik
Tugas 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Ceramah Langsung,[C=30 Menit]
Kuliah,Studi Kasus,[SK=60 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Kuliah,Video Pembelajaran,[VA=50 Menit]
Kuliah,Studi Kasus,[SK=50 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Topik
Mampu merancang teks dan pesan Mampu merancang feedback, guidance, dan assistance dengan efektif Mampu menerapkan dan merancang antarmuka sesuai dengan tahap yang telah dipelajari
Sub Topik
Kata, kalimat, pesan, dan teks Isi dan teks dalam halaman web Menyediakan feedback dengan tepat Guidance dan assistance User Interface (UI) serta karakteristik UI yang tepat untuk setiap aplikasi Proses desain UI untuk menghasilkan UI yang berkualitas Tren-tren desain UI yang terkini Pengenalan IMK Karakteristik GUI dan Web UI Proses Desain UI step 1-9
  • [7] Hal: -
  • [8] Hal: -
15
14
15
16 sub.cpmk.TI103.CPMK32.2-Mampu mempresentasikan hasil prototype front end sesuai rancangan Mahasiswa mampu menjawab pertanyaan dengan tepat Kriteria
Ketepatan Jawaban
Teknik
Ujian tertulis mandiri 		Ujian terjadwal,Tugas Langsung,[TL=170 Menit]
 Ujian terjadwal,Tugas Take Home,[TH=170 Menit]
 Topik
Ujian tertulis mandiri
Sub Topik

 30

Teknik Penilaian CPMK

CPL MK CPMK Tugas Teori (Individu) Tes Tulis (UTS) Tes Tulis (UAS)
CPL04 UI UX CPMK17 Y Y
CPL06 UI UX CPMK32 Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL04 CPMK17 sub.cpmk.TI103.CPMK17.1 Tugas 10 Ketepatan Jawaban
CPL04 CPMK17 sub.cpmk.TI103.CPMK17.1 Tugas 10 Ketepatan Jawaban
CPL04 CPMK17 sub.cpmk.TI103.CPMK17.2 Ujian tertulis mandiri 20 Ketepatan Jawaban
CPL06 CPMK32 sub.cpmk.TI103.CPMK32.1 Tugas 15 Ketepatan Jawaban
CPL06 CPMK32 sub.cpmk.TI103.CPMK32.1 Tugas 15 Ketepatan Jawaban
CPL06 CPMK32 sub.cpmk.TI103.CPMK32.2 Ujian tertulis mandiri 30 Ketepatan Jawaban
Total 100
2. Penilaian CPMK
CPL MK CPMK Tugas Teori (Individu) Tes Tulis (UTS) Tes Tulis (UAS) Total
CPL04 UI UX CPMK17 20% 20% 0% 40%
CPL06 UI UX CPMK32 30% 0% 30% 60%
100%