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 P= 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%