Mencetak Mencetak Mencetak Mencetak Mencetak Mencetak Mencetak
Pilihan pada menu datar dioperasikan dengan memilih selektor Selektor:
Kompatibel: sama dengan nomor urut huruf pertama pilihan Tak kompatibel: tidak harus sama
Presensi Kuliah Presensi Ujian KRS Nilai Ujian KHS Data Mahasiswa Data Mata Kuliah
Selesai
Pilih salah satu: _
13
MENU DATAR DENGAN SELEKTOR HURUF KOMPATIBEL B C D E G H I
. . . . . . .
B C D E i G H I
a e a d t a a s
ca D tak ta B Rek bung pus i Re
Pilih
a L a a
t a r m B Re ka
a p u a e k m
salah
MENU DATAR DENGAN SELEKTOR HURUF TAK KOMPATIBEL
n rkas aman an
A B C D E F G
satu:_
Pilih
oran
. . . . . . .
a. MENU DATAR DENGAN SELEKTOR ANGKA KOMPATIBEL 2 3 4 5 7 8 9
. . . . . . .
B C D E G H I
a e a d a a s
Pilih
c t t i b p i
a Data ak Lap a Baru t Reka ung Be us Rek Rekam salah
oran m r a a
an kas man n
satu:_
B C D E G H I
a e a d a a s
c t t i b p i
a Data ak Lap a Baru t Reka ung Be us Rek Rekam s a l a h_
oran m r a a
an kas man n
satu:
b. MENU DATAR DENGAN SELEKTOR ANGKA TAK KOMPATIBEL 1 2 3 4 5 6 7
. . . . . . .
B C D E G H I
a e a d a a s
Pilih
ca Data tLaakp o r a n ta Baru it Rekam bung Ber pus Reka i Rekama salah
14
Menu datar tidak lagi disukai karena terlalu memakan kapling pada layar monitor Untuk menampilkan daftar pilihan yang banyak sekarang banyak digunakan menu tarik (pulldown menu), dan hampir semua program aplikasi menggunakannya.
an kas man n
satu:_ 15
16
4
23/09/2012
Pada menu berbasis ikon dan toolbar, pilihan dinyatakan sebagai suatu ikon atau toolbar tertentu. Contoh:
17
18
Menu gulung
Kotak kombo
Menu mata ikan
Penggeser
Menu tertanam adalah menu yang dapat ditambahkan sendiri oleh pengguna suatu aplikasi, misalnya Google Earth. Menu hotlink banyak dijumpai di situs Website yang tujuannya untuk membawa pengguna ke informasi tertentu.
Menu dua dimensi 19
20
5
23/09/2012
Contoh:
Untuk membantu pengguna menavigasi dirinya ke ruang informasi yang tersedia, seringkali digunakan menu breadcrumb Contoh:
21
Pada sejumlah aplikasi, khususnya yang berbasis Web, biasanya dijumpai sejumlah ragam menu yang berbeda Menu yang ada ditampilkan satu persatu atau secara serempak (bersamaan): Contoh kombinasi banyak menu yang ditampilkan satu per satu misalnya pada pemesanan tiket pesawat terbang atau kamar hotel: ◦ www.airasia.com
22
23
Contoh menu serempak:
24
6
23/09/2012
Menu berstruktur pohon dan jaring:
Peta situs: digunakan untuk membantu pengguna mengetahui secara keseluruhan ruang informasi yang tersedia
www.ebay.com
25
Shneiderman (1983):
26
◦ Manipulasi langsung adalah ragam dialog yang mempunyai karakteristik:
Preece, 1994: ◦ kenampakan obyek dan tindakan yang dilakukan pengguna ◦ cepat, dapat dibalik/dibatalkan, tindakan meningkat ◦ penggantian perintah yang diketik dengan tindakan menunjuk ke obyek yang diinginkan
penyajian visual dari obyek yang akan dimanipulasi tindakan fisik sebagai pengganti teks masukan reaksi langsung yang dapat dilihat.
27
28
7
23/09/2012
Definisi lain yang lebih umum:
Aspek kognitif: ◦ Directness:
◦ Mengklik dan menggeser obyek pada layar tampilan
gagasan tentang arah perasaan yang timbul sebagai hasil dari interaksi dengan antarmuka
◦ Definisi di atas hanya menekankan pada tindakan fisik oleh pengguna ◦ Istilah ini sering disebut dengan manipulasi visual (Cooper dan Reimann, 2003)
◦ Aspek dari directness:
Jarak antara yang dipikirkan pengguna dengan kebutuhan sistem Keterlibatan secara kualitatif
29
Manipulasi Program vs Manipulasi Isi
30
◦ Manipulasi program:
Dix et al. (2004):
◦ kenampakan obyek yang menjadi perhatian, ◦ penggantian bahasa perintah yang rumit dengan suatu tindakan yang memanipulasi obyek yang nampak secara langsung (sehingga disebut dengan manipulasi langsung) ◦ tindakan bertahap pada antarmuka dengan umpan balik segera untuk semua tindakan yang diambil, ◦ kebenaran sintaksis untuk semua tindakan, sehingga semua tindakan pengguna merupakan langkah yang sah ◦ semua tindakan dapat dibatalkan
cara pengguna menggunakan program aplikasi untuk menyelesaikan satu tugas Tidak perlu keahlian khusus
◦ Manipulasi isi:
lebih merujuk ke data yang diolah oleh program aplikasi tersebut Perlu keahlian khusus atau pelatihan dalam jangka waktu agak lama
31
32
8
23/09/2012
Pengisian borang hampir dilakukan oleh setiap orang sepanjang hidup mereka Antarmuka berbasis pengisian borang adalah jenis antarmuka yang menggunakan metafor borang untuk mengisi data ke komputer
Aspek-aspek IBPB (1):
◦ Proteksi tampilan - adanya pembatasan agar pengguna tidak dapat mengakses semua tampilan yang ada di layar. ◦ Batasan medan tampilan - medan data dapat ditentukan untuk mempunyai panjang yang tetap atau berubah, menggunakan format bebas atau tertentu. ◦ Isi medan - pengguna biasanya mempunyai sejumlah gambar-an tentang isi medan yang diperbolehkan; petunjuk pengisian dapat juga ditampilkan sebagai bagian dari tampilan
33
Aspek-aspek IBPB (2): ◦ Medan opsional - beberapa medan isian dapat bersifat opsional; medan opsional dapat dinyatakan secara tekstual atau menggunakan aturan tertentu seperti penggunaan warna berintensitas rendah, warna tampilan yang berbeda dan lain-lain ◦ Default - apakah dalam medan isian dimungkinkan adanya nilai default. Jika ya, tentukan tempatnya, apakah pada bagian yang tidak dapat diakses pengguna ataukah pada bagian masukan data.
34
Aspek-aspek IBPB (3):
◦ Bantuan - adanya bantuan (help) yang menunjukkan cara pengisian borang dapat pula, atau malah sebaliknya, ditambahkan, tetapi harus terpisah dari bentuk dasar borang. Jika terdapat fasilitas bantuan, pengguna perlu dineritahu cara mengakses bantuan tersebut. ◦ Medan penghentian - masukan data dalam medan dapat diakhiri dengan jalan menekan tombol Enter atau Return atau mengisi karakter terakhir dengan karakter tertentu, atau de-ngan cara berpindah ke medan lain. ◦ Navigasi - kursor dapat digerakkan di sekeliling layar yang menggunakan tombol Tab untuk urutan yang tetap, atau dapat pula digerakkan secara bebas menggunakan piranti seperti mouse.
35
36
9
23/09/2012
Aspek-aspek IBPB (4): ◦ Pembetulan kesalahan - pengguna dapat membetulkan kesalahan menggunakan tombol BackSpace, dengan menumpang-tindihi isian lama, dengan jelan membersihkan dan mengisi kembali medan tersebut dan lain-lain. ◦ Penyelesaian - perlu diperhatikan cara yang digunakan untuk memberitahu pengguna bahwa seluruh proses pengisian telah selesai.
37
10