Menu ini mirip seperti menu toolbar, hanya saja Coolbar lebih dinamis penampilannya karena item yang dimunculkan bisa diatur tata letaknya, misal

Ukuran: px

Mulai penontonan dengan halaman:

Download "Menu ini mirip seperti menu toolbar, hanya saja Coolbar lebih dinamis penampilannya karena item yang dimunculkan bisa diatur tata letaknya, misal"

Sudomo Muljana
7 tahun lalu
Tontonan:

BAB III MENU Pertemuan Ke : 3 Alokasi Waktu : 100 menit Kompetensi Dasar :1. Praktikan dapat merancang antarmuka sesuai dengan paradigma IMK Indikator :1. Praktikan dapat membuat menu A.

1 BAB III MENU Pertemuan Ke : 3 Alokasi Waktu : 100 menit Kompetensi Dasar :1. Praktikan dapat merancang antarmuka sesuai dengan paradigma IMK Indikator :1. Praktikan dapat membuat menu A. Teori Pendukung : I. Struktur Menu dan Menu Tujuan dari pembuatan menu, form fill-in, dan dialog-box : membuat suatu tugas (task) menjadi wajar dan masuk akal, mudah dipahami dan mudah diingat oleh penggunanya. Adapun struktur menu dikelompokkan seperti pada gambar dibawah ini : Jenis-jenis menu yang dapat dikelompokkan sebagai berikut : 1) Menu Tunggal (single menus) mnemonic letter : pilihan item menggunakan huruf awal radio buttons : dengan bentuk radio button button choice : menggunakan bentuk tombol/button multiple-selection menus atau check boxes : item-nya diseleksi dapat lebih dari satu

pop-up menus atau context menus : diaktifkan dengan mengklik tombol kanan mouse pada area yang ditentukan scrolling listbox choice : dengan menggunakan bentuk listbox scrolling combobox choice :

2 pop-up menus atau context menus : diaktifkan dengan mengklik tombol kanan mouse pada area yang ditentukan scrolling listbox choice : dengan menggunakan bentuk listbox scrolling combobox choice : menggunakan bentuk combobox trackbar menu atau alpha-slider menu : dengan menggeser penunjuknya embedded links / hyperlinks : item-item disusun tidak beraturan atau mengikuti alur cerita, contoh : tampilan browser atau help windows main menu, iconic menus, toolbars, atau palettes : menu yang digabung dengan icon 2) Linear sequences dan multiple menus memandu pengguna untuk proses yang kompleks contoh : clue cards atau wizard 3) Tree-structured menus Terdiri dari : TreeView Menus, List View Menus, Tree-Struktured Menu (Tree View dan List View). 4) Menu Maps Efektif untuk meminimasi pengguna supaya terarah. Tampilan menu menggunakan arah / alur atau peta ini efektif untuk meminimasi pengguna yang tidak terarah. 5) Menu Coolbar

3 Menu ini mirip seperti menu toolbar, hanya saja Coolbar lebih dinamis penampilannya karena item yang dimunculkan bisa diatur tata letaknya, misal jika barnya diklik ganda, digeser (drag) maka posisinya akan berubah. II. Strategi Mengelompokkan Menu Ada sejumlah cara bahwa item dalam menu dikelompokkan bersama. Hal ini termasuk : Pengkategorian : pilihan dari tipe yang serupa ditempatkan bersama Urutan yang lazim : misal nama hari dalam satu minggu Jumlah pemakaian : pilihan yang digunakan terletak dekat dengan bagian atas dari menu. Pastikan tidak ada item menu yang duplikasi atau overlapping Gunakan istilah yang umum. III. Urutan Penampilan Item Menu Urutan dari item menu sangat penting dan sebaiknya mengikuti urutan alamiah seperti urutan : Waktu Urutan angka Properti secara fisik Apabila ditemukan kasus pengurutan tugas tidak memiliki hubungan satu sama lainnya, perancang harus memilih dengan urutan sebagai berikut jika dimungkinkan : Urutan alfabet Pengelompokan item yang serupa Letakkan item yang sering digunakan diurutan terdepan (paling atas/paling kiri) Letakkan item yang paling penting di urutan pertama IV. Tata Letak Menu a. Judul Untuk menu tunggal, gunakan judul yang sederhana. Sedangkan untuk tree-structured menus, gunakan kata-kata pada item menu. Pada tingkat yang lebih tinggi, sebaiknya dimunculkan pada judul menu dibawahnya. b. Frase dari Item Menu Gunakan istilah yang umum/familiar dan konsisten Yakinkan bahwa setiap item berbeda dengan lainnya Gunakan frase yang konsisten dan pasti Letakkan keyword di sebelah kiri.

4 c. Tata Letak dan Desain Monitor (Graphic) Ada beberapa batasan yang digunakan antara lain : Lebar dan panjang layar Display rate Character set Higlighting techniques Panduan untuk konsistensi menu dengan memperhatikan hal-hal sebagai berikut : Judul Penempatan item Intruksi-intruksi Error messages Status report Teknik yang digunakan antara lain : Indentasi Upper/lower case character Simbol-simbol seperti * atau untuk membuat separator atau outlines Penanda posisi Cascading / walking menus Magic lens A. Langkah Praktikum Skenario 1 : Step 1 : Carilah software Step 2 : Amati Software tersebut dan carilah menu-menu yang digunakan kemudian periksalah tata letak menunya. Berikan penjelasan di setiap masing-masing jawaban anda. Step 3 : Catatlah jawaban anda kedalam tabel berikut : No Nama Software Menu-menu yang tersedia Penjelasan 1. Microsoft Office Menu Toolbar,.., Terletak disebelah atas berisikan menu-menu short cut yang biasa digunakan user, seperti cut, paste dsb 2....

5 Skenario 2: Step 1 : Carilah software media player Step 2 : Tuliskan jenis struktur menu yang digunakan pada sofware tersebut Step 3 Tuliskan menu-menu yang disediakan pada software tersebut beserta masing-masing fungsinya. Skenario 3 : Akan dibuat kalkulator kesehatan. Tuliskan struktur menu yang anda rekomendasikan dan jelaskan. Tuliskan menu-menu yang bisa digunakan beserta fungsinya.

dokumen-dokumen yang mirip

APLIKASI MENU MENGGUNAKAN KOMPONEN DELPHI

Media Informatika Vol. 4 No. 1 (2005) APLIKASI MENU MENGGUNAKAN KOMPONEN DELPHI Teddy Marcus Zakaria Sekolah Tinggi Manajemen Informatika dan Komputer LIKMI Jl. Ir. H. Juanda 96 Bandung 40132 Abstrak Menu