Lembar Kerja Praktikum

Deskripsi Umum Praktikum

Matakuliah : Praktikum Kualitas Perangkat Lunak
Pertemuan ke- : IV
Pokok Bahasan : Pedoman GUI
Tanggal dan Waktu : 18 September 2020 Pukul 14.30 Wib
Tempat : Daring
Semester / Kelas : VII / B
Prodi : Sarjana Terapan Rekayasa Perangkat Lunak
Jurusan : Teknik Informatika
Rancangan Kerja
Tabel 1. Kasus yang disarankan untuk pemeriksaan GUI
Aspek Deskripsi Hasil yang diharapkan
Akurasi ejaan Periksa semua ejaan untuk akurasi Semua ejaan sudah benar.
dengan ejaan yang disetel. Gunakan
kamus Merriam-Webster sebagai
pengaturan untuk ejaan Amerika
dan Kamus Inggris Oxford sebagai
pengaturan untuk ejaan Inggris.
Akurasi ejaan Periksa penggunaan huruf besar Aturan kapitalisasi mengikuti
terhadap pedoman huruf besar. pedoman yang ditetapkan, baik
Periksa konsistensi dalam itu organisasi atau dari sumber
kapitalisasi kata. lain.
Posisi label Periksa semua label untuk Semua label dekat dengan
kedekatannya dengan kontrol yang kontrol, dengan celah seragam
mereka berikan penjelasan. antara karakter terakhir dan tepi
kontrol.
Posisi label Pastikan label diposisikan di 1. Semua label diposisikan di
sebelah kiri tau di atas kontrol. sebelah kiri atau di atas kontrol.
2. Jika label berada di atas
Username kontrol, label dapat disejajarkan
dengan sudut kiri atau tengah.
Username Depandi Enda 3. Jika label diluruskan ke
kanan kontrol atau di bawah
kontrol, harus ada alasan yang
valid.
Warna font Untuk keterbacaan, periksa bahwa Semua karakter di semua layar
kontras warna font sesuai untuk dapat terbaca.
latar belakang. Periksa semua layar
untuk memastikan bahwa semua
karakter dapat terbaca dengan jelas.
Warna huruf Teks berwarna merah menunjukkan 1. Font warna merah tidak
bahaya dan oleh karena itu harus digunakan untuk judul, header,
 disediakan untuk peringatan dan
pesan kesalahan. Ini tidak boleh
digunakan untuk tujuan lain.
Periksa dan pastikan warna merah
digunakan dengan benar di layar.
Warna huruf Teks berwarna biru biasanya sulit
dibaca dan harus dihindari.
Warna huruf Font berwarna gelap lebih mudah
dibaca. Font berwarna terang
dengan latar belakang berwarna
gelap sulit untuk dibaca.
Jenis huruf Font yang dipilih harus dari jenis
yang tepat untuk layar. Font yang
dipilih juga harus seragam di
seluruh aplikasi.
Ukuran huruf Ukuran font harus konsisten untuk
teks normal, judul, header,
peringatan, dll
Skema warna Skema warna harus konsisten di
seluruh aplikasi di semua layar.
Konsistensi berarti latar belakang,
item menu, font, gambar, dan pesan
semuanya memiliki skema warna
yang konsisten.
Skema warna Skema warna harus membedakan
berbagai kelas informasi pada layar.
Menu harus memiliki skema warna
yang berbeda dari teks biasa, judul
dan tajuk harus memiliki skema
warna yang berbeda dari teks
normal, dll. Ini membantu
pengguna dalam membedakan
antara tingkat informasi.
Skema warna Informasi seperti penawaran
atau teks biasa.
2. Peringatan dan pesan
kesalahan menggunakan font
warna merah.
Jika ada teks berwarna biru, itu
jelas terbaca.
Warna font lebih gelap dari
warna latar belakang.
Semua karakter di layar
menggunakan font yang sama.
Jika tidak, ada alasan yang
valid, dan font yang berbeda
sesuai untuk layar dan
tujuannya.
1. Semua judul memiliki ukuran
font yang sama.
2. Semua header memiliki
ukuran font yang sama.
3. Semua teks normal memiliki
ukuran font yang sama.
4. Semua peringatan memiliki
ukuran font yang sama.
5. Ukuran judul, tajuk,
peringatan, dan teks normal
dapat berbeda satu sama lain,
untuk membedakan satu sama
lain dengan jelas.
Semua layar menggunakan
skema warna yang konsisten
Skema warna berbeda untuk
berbagai kelas informasi di
layar.
Semua informasi khusus di
 khusus, diskon, dan pemberitahuan layar memiliki skema warna
peringatan (misalnya, berakhirnya yang berbeda dari layar lainnya,
keanggotaan) harus memiliki skema dan skema warna tersebut dapat
warna yang menarik perhatian segera menarik perhatian.
pengguna.
Skema warna Warna yang berbeda memiliki arti Skema warna konsisten dengan
yang berbeda bagi orang. Konotasi makna implisitnya. Sebaiknya,
ini dapat berbeda untuk orang- tidak ada penggunaan warna
orang dari negara yang berbeda, yang salah, terutama untuk
tetapi konotasi warna yang umum informasi khusus.
meliputi:
1. Merah — bahaya, berhenti,
panas, kerugian finansial
2. Hijau — oke, jalan
3. Kuning — peringatan, mendekati
tanda berhenti atau bahaya
4. Biru — keren
5. Hitam — keuntungan finansial
6. Abu-abu — kusam
7. Oranye — energi
8. Putih — kemurnian
Grafik Grafik harus menunjukkan tujuan Grafik sesuai dengan tujuan
yang jelas. Periksa apakah grafik yang dimaksudkan.
menyampaikan maksud yang
diinginkan.
Grafik Grafik situs web tidak boleh Hanya grafik standar atau
menyinggung budaya yang budaya netral yang digunakan.
berbeda. Misalnya, menunjukkan
jari tengah atau jari telunjuk
bersifat ofensif di banyak budaya.
Pastikan gambar tidak
menyinggung agama atau sentimen
lainnya.
Grafik Terkadang grafik tidak ditampilkan Setiap grafik memiliki teks
secara otomatis. Dalam kasus alternatif.
seperti itu, teks alternatif akan
ditampilkan. Oleh karena itu,
pastikan setiap grafik memiliki teks
alternatif.
Ikon Ikon harus mencerminkan Semua ikon mencerminkan
fungsinya. Selain itu, setiap ikon fungsionalitasnya dan tip alat
harus memiliki tip alat. tampilan yang menjelaskan
fungsinya.
Ikon Setiap ikon harus memiliki shortcut Setiap ikon yang dapat diklik
keyboard agar fungsinya dapat dapat diakses dengan
diakses menggunakan keyboard. mekanisme alternatif

Tabel 2. Kasus uji yang disarankan untuk validasi GUI
Aspek Deskripsi
Multiple instances Jika produk memungkinkan
eksekusi beberapa jendela aplikasi,
maka mulailah dua atau lebih
jendela.
Multiple instances Jika produk tidak mengizinkan
eksekusi banyak jendela, mulailah
jendela kedua.
Mengubah ukuran Jika pengubahan ukuran jendela
jendela diperbolehkan dalam produk, maka mengubah ukuran,
ubah ukuran, perkecil, dan
maksimalkan jendela.
Aktifkan dan Tombol dapat diaktifkan dan
nonaktifkan dinonaktifkan, tergantung pada
kebutuhan aplikasi. Tombol Hapus
khususnya mungkin perlu
dinonaktifkan ketika tidak ada yang
dipilih untuk dihapus atau dalam
situasi serupa.
Aktifkan dan Item menu harus diaktifkan dan
nonaktifkan dinonaktifkan berdasarkan
pengaturan keamanan aplikasi.
Jalankan aplikasi dengan otorisasi
keamanan yang berbeda.
Modal dialogs Saat dialog modal ditampilkan,
jendela atau formulir induk tidak
dapat diakses. Tampilkan dialog
modal dan lihat apakah jendela
induk dapat diakses.
Modeless dialogs Dialog tanpa mode harus diikat ke
jendela induk. Tampilkan dialog
modeless, lalu coba minimalkan
dan maksimalkan jendela atau
formulir induk.
Fokus kursor Saat layar baru saja dimuat, kursor
harus difokuskan pada bidang
(field) default. Terkadang tidak ada ke bidang itu saat baru dimuat.
kolom default.
Fokus kursor Saat fokus dialihkan ke kontrol
bidang yang berisi data, semua data
harus dipilih. Ini mencegah
menggunakan keyboard.
Hasil yang diharapkan
Tidak gagal.
Jendela kedua tidak
diperbolehkan. Pesan bahwa
jendela lain sudah berjalan
ditampilkan. Jendela pertama
terus berjalan.
Jendela memungkinkan
meminimalkan, dan
memaksimalkan.
Tombol dapat diaktifkan dan
dinonaktifkan seperlunya.
Item menu yang tidak sesuai
dengan otorisasi keamanan
dinonaktifkan, dan item menu
yang sesuai dengan otorisasi
keamanan diaktifkan.
Jendela induk tidak dapat
diakses.
Dialog modeless meminimalkan
dan memaksimalkan bersama
dengan jendela atau formulir
induk.
Ada bidang default untuk setiap
layar dan kursor menyetel fokus
Semua data dipilih.
 penambahan ke data yang sudah
ada di kontrol bidang. Masukkan
data dalam kontrol bidang dan
alihkan fokus ke kontrol bidang
tersebut.
Pesan Setelah pesan kesalahan Kursor berfokus pada bidang
ditampilkan dan ditutup, fokus kesalahan.
harus bergeser ke bidang kesalahan.
Terkadang kursor tidak fokus pada
bidang apa pun.
Pesan Setelah pesan ditampilkan dan Kursor menyetel fokus ke
ditutup, kursor harus bidang tempat sebelum pesan
mengembalikan fokus ke bidang ditampilkan.
sebelumnya sebelum pesan
ditampilkan. Terkadang fokusnya
tidak ditetapkan.
Penyegaran layar Anda perlu memuat ulang layar Layar menyegarkan dengan
setelah operasi seperti "simpan" benar.
dan "hapus". Saat layar sedang
memuat ulang, penting untuk
mengosongkan bidang yang
mungkin dibiarkan kosong selama
penggunaan. Anda juga perlu
memuat nilai dalam bidang yang
dapat dipilih, seperti kotak kombo,
kotak daftar, tampilan daftar, dll.
Lakukan operasi "simpan" atau
"hapus", dan amati layar saat
menyegarkan.
Even klik Area, di mana klik tidak Tidak ada jawaban.
diharapkan, seharusnya tidak
mengaktifkan tindakan. Misalnya,
bingkai, label, dan daftar kosong
tidak boleh mengaktifkan tindakan
apa pun saat diklik. Klik dan klik
dua kali pada area tersebut dan
amati responnya.
Navigasi Navigasi menggunakan tombol Tab Fokus bergeser dari kontrol kiri
harus dari kiri ke kanan dan dari ke kanan lalu ke baris kontrol
atas ke bawah. Tab dari satu kontrol berikutnya. Saat ditab dari
ke kontrol lain. kontrol terakhir di layar, fokus
kembali ke kontrol pertama.
Navigasi Kecacatan pribadi — terutama Semua fungsi dapat diakses
visual — mungkin memerlukan melalui penggunaan papan
penggunaan keyboard selain tombol.
penggunaan mouse.
Navigasi Menggulir layar ke arah horizontal
dan vertikal sangat melelahkan.
Default Tombol default harus diklik saat
dimuat di panel tombol radio.
Default Kotak centang harus dicentang atau
tidak, tergantung pada nilai default.
Default Satu tombol perintah harus menjadi
default untuk layar.
Tanggapan Tindakan "simpan" harus
tindakan menunjukkan bahwa record
disimpan.
Konsistensi Harus ada konsistensi antara
tombol toolbar dan item daftar
menu. Lakukan tindakan untuk
setiap opsi terlebih dahulu dari
toolbar, kemudian dari menu
(urutan terbalik juga dapat
diterima).
Toolbar Setiap tombol toolbar harus
memiliki item menu yang sesuai.
Toolbar Setiap tombol toolbar harus
memiliki tooltip yang menjelaskan
tindakan yang akan diaktifkan oleh
tombol tersebut. Pastikan setiap
tombol toolbar memiliki teks
tooltip dengan mengarahkan mouse
ke setiap tombol.
Urutan tab Semua kontrol masukan harus
dapat diakses menggunakan tombol
Tidak perlu menggulir layar ke
dua arah kecuali ada alasan
yang sah.
Satu tombol radio diklik saat
dimuat.
Kotak centang dicentang atau
tidak dicentang, tergantung
pada nilai default saat baru
dimuat.
1. Satu tombol perintah
diaktifkan secara default saat
tombol Enter ditekan.
2. Tombol perintah default
biasanya adalah tombol positif
— yaitu, tombol "simpan" atau
"OK". Tombol negatif seperti
"hapus" atau "batal" bukan
merupakan tombol default.
3. Ada alasan yang sah jika
tombol negatif adalah tombol
default.
Konfirmasi untuk tindakan
"simpan" ditunjukkan oleh bilah
kemajuan, perubahan bentuk
kursor, pesan konfirmasi, atau
cara lain. Tindakan "simpan"
tidak dibiarkan tanpa tindakan
konfirmasi apa pun.
Tindakan yang sama diaktifkan
bila dimulai dari tombol toolbar
atau item daftar menu.
Setiap tombol toolbar memiliki
menu item yang sesuai.
Setiap tombol pada toolbar
memiliki teks tooltip.
Kursor berpindah dari kontrol
masukan ke kontrol masukan
 Tab. Urutannya harus dari kiri ke dengan tombol Tab, dari kiri ke
kanan dan dari atas ke bawah. kanan dan dari atas ke bawah.
Instruksi Praktikum
1. Pilih sebuah aplikasi (boleh berbasis web atau berbasis mobile), boleh dari pilot project
yang anda pilih atau aplikasi lainnya yang tersedia di internet seperti (github, dll).
2. Kemudian lakukan pengujian antarmuka pengguna grafis sesuai panduan pengujian yang
ada di Tabel 1 dan 2.
3. Laporkan jika ditemukan bug (cacat) seperti format pelaporan cacat (metodologi resolusi
cacat). Jika tidak berhasil menemukan bug, laporkan pengujian yang telah dilakukan
sesuai pengujian black box.