materi imk menu

19
Menu, Formulir, dan Kotak Dialog

Upload: kukuh-aji

Post on 14-Apr-2017

195 views

Category:

Education


2 download

TRANSCRIPT

Page 1: materi imk Menu

Menu, Formulir, dan Kotak Dialog

Page 2: materi imk Menu

Sistem Menu

Sistem menu merupakan pilihan yang tepat untuk menunjukkan kemampuan dan fasilitas yang dimiliki oleh sebuah program aplikasi kepada pengguna. Menu adalah daftar sejumlah pilihan dalam jumlah terbatas, yang biasanya berupa suatu kalimat atau kumpulan beberapa kata.

Page 3: materi imk Menu

Sistem menu terdiri dari 2 jenis

Sistem menu datar Mempunyai kemampuan dan fasilitas yang dimiliki oleh suatu

program aplikasi yang akan ditampilkan secara lengkap, dan biasanya menggunakan kalimat-kalimat yang cukup panjang,Setiap pilihan yang disajikan pada sebuah menu datar akan dihubungkan dengan suatu prosedur, fungsi atau bahkan suatu program yang akan melakukan sesuatu aktifitas sesuai dengan nama menu pilihan

Page 4: materi imk Menu

CONTOH MENU DATAR

Page 5: materi imk Menu

Sistem menu datar

Mempunyai kemampuan dan fasilitas yang dimiliki oleh suatu program aplikasi yang akan ditampilkan secara lengkap, dan biasanya menggunakan kalimat-kalimat yang cukup panjang,Setiap pilihan yang disajikan pada sebuah menu datar akan dihubungkan dengan suatu prosedur, fungsi aSistem menu tarikMenu tarik biasa juga disebut pulldown menu atau pop-up menu -Dasarnya merupakan sistem menu yang pilihan-pilihannya

dikelompokkan menurut kategori tertentu ataumenurut cara tertentu sehingga mereka membentuk semacam hirarki pilihan. -Pada hirarki paling tinggi, pilihan-pilihan itu disebut dengan

pilihan/menu utama. -Strategi Implementasitau bahkan suatu program yang akan melakukan

sesuatu aktifitas sesuai dengan nama menu pilihan

Page 6: materi imk Menu

Implementasi Menu DatarYang harus diperhatikan1. Rangkaian kata yang menyatakan sesuatu pilihan aktifitas hendaknya tidak terlalu panjang2. Jenis piranti masukan yang digunakan untuk mengoperasikan menu data tersebut3. Menu datar biasanya dioperasikan dengan menggunakan papan ketik.

Page 7: materi imk Menu

Jenis-Jenis Menu

1. Single menu (menu tunggal)Menu biner (binary menus)Anda butuh bantuan informasi (Y/N)?Selama Anda bermain, Anda dapat ketikkan ? untuk mendapat panduan singkat untuk bermain atau ?? untuk mendapat petunjuk lebih lengkap. Pastikan menekan tombol ENTER setelah mengetikkan perintah.Mnemonic lettersPhoto akan ditampilkan berdasarkanH = Hitam dan PutihW= Warna Pilih huruf pilihan AndaButton choice

Page 8: materi imk Menu

BINARY MENU

Binary menu adalah menu yang hanya terdiri dari satu jawaban yang pasti saja seperti angka biner kalau bukan satu pasti bernilai nol. Contohnya mnemonic letter (seperti yes atau no saat konfirmasi menghapus suatu file), radio button, dan button choice.

Page 9: materi imk Menu

Multiple-item menus

Multiple-item menus adalah terdapat banyak pilihan menu namun hanya dapat memilih satu saja.

Page 10: materi imk Menu

Multiple-selection menus

Multiple-selection menus adalah menu dengan banyak pilihan juga dapat memilih lebih dari satu. Contohnya check box.

Page 11: materi imk Menu

Pulldown, pop-up, toolbars menu Pulldown, pop-up, toolbars menu adalah menu dengan

sangat banyak pilihan dan bercabang. Contoh menu file di ms word.

Page 12: materi imk Menu

Menu for long list

Menu for long list adalah menu yang disediakan agar kita dapat langsung menuju ke tempat yang dituju. Biasanya berbentuk slider. Contohnya seperti dalam contact di smartphone samping kanan ada huruf dari a – z itu merupakan contoh menu for long list.

Page 13: materi imk Menu

Embedded menus

Embedded menus adalah menu yang ditempelkan di tempat lain. Contoh hot links

Page 14: materi imk Menu

Tree Structured Menus

Ketika kumpulan item berkembang dan menjadi sulit dipelihara dalam kendali intelektual, perancang dapat membentuk kategori item-item yang serupa, membentuk struktur tree.

Page 15: materi imk Menu

Content Organization

Melakukan pengelompokan pekerjaan yang berkaitan dalam satu kategori.

Membuat menu yang berurutan (dapat dengan waktu, urutan secara numerik, maupun berdasarkan properties yang dimiliki)

Page 16: materi imk Menu

Guidelines untuk menu

Organisasikan menu berdasarkan jenis pekerjaan Lebih cenderung pada broad - shallow daripada narrow - deep Perlihatkan posisi dengan grafik, angka, ataupun judul Gunakan items sebagai judul untuk subtrees Pengelompokkan item harus memiliki arti Pembuatan urut - urutan item harus memiliki arti

Page 17: materi imk Menu

Guidelines untuk menu

Gunakan kalimat singkat (keyword) Perhatikan konsistensi grammar, layout, dan terminologi Sediakan shortcut Perbolehkan user untuk langsung kembali ke menu

sebelumnya dan main menu Pertimbangkan online help, response time, display rate, dan

ukuran layar

Page 18: materi imk Menu

Hal - hal yang perlu diperhatikan dalam menu layout :

Judul Layout dan design (ukuran layar, display rate, character set,

dan teknik highlighting) Konsistensi (judul, penempatan item, instruksi, pesan

kesalahan, dan laporan status) Teknik (indentasi, huruf besar / kecil, simbol, penanda posisi,

cascading menus, magic lens)

Untuk memudahkan expert user berikan keyboard shortcuts, bookmarks, dan toolbar yang dapat dipersonalisasi oleh user.

Page 19: materi imk Menu

TERIMAKASIH