BAB IV TEKNIK DIALOG MENU
Pertemuan ke
:4
Waktu
: 100 Menit
Kompetensi Dasar : 1. Mahasiswa dapat membuat dialog menu datar 2. Mahasiswa dapat membuat dialog menu tarik Indikator
: 1. Praktikan
membuat
tampilan
suatu
program
dengan
mempraktekkan teknik dialog menu datar 2. Praktikan membuat aplikasi dengan mengaplikasikan teknik dialog menu tarik
1.
TEKNIK DIALOG MENU DATAR
A. Teori Pendukung Sistem menu merupakan pilihan yang tepat untuk menunjukkan kemampuan dan fasilitas yang dimiliki oleh sebuah program aplikasi kepada pengguna. Sistem menu adalah daftar sejumlah pilihan dalam jumlah terbatas, yang biasanya berupa kalimat/kumpulan kata-kata. Ada 2 jenis teknik dialog menu, yaitu teknik dialog menu datar dan teknik dialog menu tarik. Pada teknik dialog menu datar pemilihan menu dapat dilakukan dengan 2 cara yaitu: a. Menggunakan selector dari setiap pilihan yang tersedia. Cara ini bermaksud memudahkan pengguna dalam melakukan pilihan, pada setiap pilihan biasanya disertakan suatu selector yang dapat berupa huruf, angka atau campuran keduanya. b. Penggunaan tanda terang (highlight). Tanda terang dapat digerakkan pada semua pilihan yang ada dilayar dengan cara menggunakan bantuan tombol arah atau menggunakan bantuan mouse, menempatkan tanda terang ke suatu pilihan yang diinginkan, kemudian pengguna harus menekan tombol enter atau mengklik mouse untuk mengkonfirmasi pilihannya.
Gambar 3.1. Contoh tampilan system menu datar B. Langkah Praktikum 1. Mengadakan Pretes (15 Menit) 2. Tahapan Praktikum Latihan membuat tampilan utama Sistem Informasi Perpustakan dengan teknik dialog menu seperti yang tampak pada contoh dibawah ini.
Gambar 3.1. Tampilan utama S. I. Perpustakaan dengan teknik dialog menu datar Contoh diatas hanya sebagian menu-menu yang ditampilkan pada Sistem Informasi Perpustakaan, banyaknya menu tergantung kebutuhan sistem yang dibutuhkan. Pada saat
mendesain harus tetap memperhatikan pewarnaan, susunan dan urutan tata letak menu, style huruf. 3. Tugas Praktikum a. Analisislah proses apa saja yang terjadi dalam Sistem Informasi Akademik dalam suatu Sekolah. b. Desainlah form utama untuk Sistem Informasi Akademik dengan menggunakan teknik dialog menu datar berdasarkan pada analisis yang sudah anda lakukan.
C. Evaluasi Buatlah dialog menu datar Sistem Informasi Perpustakaan berdasar pada scenario dibawah ini. Skenario: Akan dibangun sistem informasi perpustakaan, dimana user yang akan melakukan akses pada system ini ada 3 kelompok pengguna utama, yaitu: 1. Petugas perpustakaan sekaligus admin, yang dapat mengakses semua fasilitas yang ada pada SI Perpustakaan yang dibuat 2. Anggota perpustakaan, hanya dapat mengakses pada form pendaftaran anggota dan informasi data buku serta fasilitas searching buku yang ada didalam perpustakaan 3. Kepala Perpustakaan, yang hanya bisa mengakses pada fasilitas laporan. Setiap user diberikan 3 kali kesempatan melakukan kesalahan pada saat login. Fasilitas lengkap yang disediakan oleh SI Perpustakaan ini meliputi Form Pendaftaran Anggota Perpustakaan, form input data buku, searching buku berdasarkan judul, searching anggota berdasarkan nama, form peminjaman, form pengembalian, laporan transaksi peminjaman, laporan transaksi pengembalian, laporan denda, laporan data buku, laporan data anggota, tutorial program, form login. Tugas: 1. Desainlah tampilan utama dari scenario diatas dengan menggunakan ragam dialog menu datar dimana pemilihan menunya menggunakan cara highlight 2. Desainlah minimal 3 form dari fasilitas lengkap yang muncul pada skenario diatas! Point penilaian: 1. Kesesuaian desain dengan scenario 2. Tata letak sesuai dengan aturan teknik dialog yang dipilih 3. Pewarnaan dan pemilihan kata baik pada menu, form, maupun command button yang dipilih.
2.
TEKNIK DIALOG MENU TARIK
A. Teori Pendukung Disebut teknik dialog menu tarik (pulldown) karena seolah-seolah kita memegang sebuah menu/pilihan dan kemudian menarik kebawah atau kesamping untuk dapat melihat submenu dari menu/pilihan tersebut, setelah pilihan dikonfirmasikan, maka daftar subpilihan menjadi tidak terlihat lagi, maka disebut juga menu pulldown. Sebuah teknik dialog menu tarik pada dasarnya adalah sistem menu yang pilihanpilihannya dikelompokkan menurut kategori tertentu sehingga membentuk semacam hirarki pilihan. Pada hirarki paling tinggi, pilihan-pilihan itu disebut sebagai pilihan/menu utama. Sebagian atau semua pilihan/menu utama dapat mempunyai satu atau lebih sub menu/sub pilihan. Struktur ini membentuk semacam struktur pohon. Tata letak menu, harus diperhatikan agar tampilan dari menu menjadi indah. Ada beberapa hal yang harus diperhatikan, yaitu: 1. Judul : Judul harus deskriptif, nama pilihan harus sama dengan judul halaman yang dipanggil. 2. Penamaan pilihan menu : Gunakan istilah yang dikenal, singkat dan konsisten, pastikan item dapat dibedakan dari pilihan lain 3. Desain grafis : Perhatikan kendala seperti lebar dan tinggi layar, kecepatan tampil dan, karakter set dan highlighting dan buat pedoman untuk komponen-komponen, judul, penempatan item, petunjuk, pesan kesalahan dan laporan status.
B. Tahapan Praktikum 1. Mengadakan Pretest (15 menit) 2. Langkah praktikum a. Perhatikan tampilan yang ada di gambar 4.1.
Gambar 4.1. contoh tampilan menu tarik b. Dari contoh tampilan pada gambar 4.1., buatkan hierarkinya dengan menggunakan tool user interface design, buatlah desain menu utama dari sebuah System Informasi Perpustakaan yang merupakan implementasi dari teknik dialog menu tarik 3. Tugas Praktikum c. Analisislah proses apa saja yang terjadi dalam Sistem Informasi Akademik dalam suatu Sekolah. d. Susunlah hasil analisis anda tadi dalam bentuk suatu hierarki, atau buatlah pengelompokan dari proses-proses tersebut. e. Desainlah form utama untuk Sistem Informasi Akademik dengan menggunakan teknik dialog menu datar berdasarkan pada analisis yang sudah anda lakukan.
C. Evalusi Desainlah tampilan Sistem Informasi Perpustakaan berdasarkan scenario yang ada dibawah dengan menggunakan teknik dialog menu tarik. Skenario: Akan dibangun sistem informasi perpustakaan, dimana user yang akan melakukan akses pada system ini ada 3 kelompok pengguna utama, yaitu: 1. Petugas perpustakaan sekaligus admin, yang dapat mengakses semua fasilitas yang ada pada SI Perpustakaan yang dibuat 2. Anggota perpustakaan, hanya dapat mengakses pada form pendaftaran anggota dan informasi data buku serta fasilitas searching buku yang ada didalam perpustakaan 3. Kepala Perpustakaan, yang hanya bisa mengakses pada fasilitas laporan. 4. Setiap user diberikan 3 kali kesempatan melakukan kesalahan pada saat login.
5. Fasilitas lengkap yang disediakan oleh SI Perpustakaan ini meliputi Form Pendaftaran Anggota Perpustakaan, form input data buku, searching buku berdasarkan judul, searching anggota berdasarkan nama, form peminjaman, form pengembalian, laporan transaksi peminjaman, laporan transaksi pengembalian, laporan denda, laporan data buku, laporan data anggota, tutorial program, form login.
Tugas: 1. Buatkan hierarki program dari SI Perpustakaan di atas. 2. Desainlah form utama bagi masing-masing user apabila user tersebut berhasil melakukan login! 3. Desain form penanganan kesalahan bagi masing-masing user apabila mereka melakukan kesalahan/gagal login! 4. Desainlah minimal 3 form dari fasilitas lengkap yang muncul pada skenario diatas!
Point penilaian: 1. Kesesuaian desain dengan scenario 2. Tata letak sesuai dengan aturan teknik dialog yang dipilih 3. Pewarnaan dan pemilihan kata baik pada menu, form, maupun command button yang dipilih.
