SlideShare a Scribd company logo
2
Most read
4
Most read
18
Most read
Menu, Formulir, dan
Kotak Dialog
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.
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
CONTOH MENU DATAR
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 tarik
Menu tarik biasa juga disebut pulldown menu atau pop-up menu
 -Dasarnya merupakan sistem menu yang pilihan-pilihannya dikelompokkan
menurut kategori tertentu atau
menurut 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
Implementasi Menu Datar
Yang harus diperhatikan
1. Rangkaian kata yang menyatakan sesuatu pilihan aktifitas hendaknya
tidak terlalu panjang
2. Jenis piranti masukan yang digunakan untuk mengoperasikan menu
data tersebut
3. Menu datar biasanya dioperasikan dengan menggunakan papan ketik.
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 letters
Photo akan ditampilkan berdasarkan
H = Hitam dan Putih
W= Warna
Pilih huruf pilihan Anda
Button choice
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.
Multiple-item menus
 Multiple-item menus adalah terdapat banyak pilihan menu namun
hanya dapat memilih satu saja.
Multiple-selection menus
 Multiple-selection menus adalah menu dengan banyak pilihan juga
dapat memilih lebih dari satu. Contohnya check box.
Pulldown, pop-up, toolbars menu
 Pulldown, pop-up, toolbars menu adalah menu dengan sangat
banyak pilihan dan bercabang. Contoh menu file di ms word.
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.
Embedded menus
 Embedded menus adalah menu yang ditempelkan di tempat lain. Contoh hot
links
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.
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)
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
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
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.
 TERIMAKASIH     

More Related Content

PPTX
MEDIA PEMBELAJARAN AUDIO
Rima Trianingsih
 
PPT
Firewall
Dani Sasmoko
 
PDF
Go lang
Suelen Carvalho
 
PDF
1. Sosialisasi dan TOT Dokumen RPL.pdf
IdrusSalam4
 
PDF
Mail server
Putra Wanda
 
PDF
Perencanaan SDM
iceu novida adinata
 
PPTX
Contoh Flow Chart Sistem Informasi Sumber Daya Manusia
Eka Susi Utami
 
MEDIA PEMBELAJARAN AUDIO
Rima Trianingsih
 
Firewall
Dani Sasmoko
 
1. Sosialisasi dan TOT Dokumen RPL.pdf
IdrusSalam4
 
Mail server
Putra Wanda
 
Perencanaan SDM
iceu novida adinata
 
Contoh Flow Chart Sistem Informasi Sumber Daya Manusia
Eka Susi Utami
 

What's hot (20)

PPTX
Ragam Dialog :: Interaksi Manusia dan Komputer
Auliaa Oktarianii
 
PDF
Interaksi manusia dan komputer
Miftahul Khair N
 
DOCX
Bab iv
AfifahUlfiana
 
PPT
Sistem Operasi Komputer
Aqidatul Izzah Taufiq
 
PPTX
Rpl 5-perencanaan proyek perangkat lunak
f' yagami
 
PPT
IMK - Strategi Banyak Window
nadiapreviani
 
PPTX
Belajar Ms. Word, Ms. Excel, Ms. Powerpoint dan Internet.
Iven Elvany Rumahorbo
 
PPT
Tugas IMK : Ragam Dialog
Pio
 
DOCX
Tugas RPL SRS Erwan
Erwan Nur Arief
 
PPTX
Interaksi Manusia Dan Komputer 10
Hide Maru
 
PDF
elearning of exercise
Muhammad Fahmi
 
PPTX
Algoritma rekursif
Universitas Teknokrat Indonesia
 
PPT
Sistem Basis Data(PPT)
tafrikan
 
PPTX
Kerangka kerja interaksi
Ariev Kusuma
 
DOCX
Materi Basis Data - Anomali dan Normalisasi
Derina Ellya R
 
PPTX
Testing&implementasi 4
aiiniR
 
PPTX
Dasar dasar dan aplikasi word-power point
arybudi88
 
DOC
RPP TIK KELAS IX SEMESTER 2
Nanang Heryana
 
PPTX
Prinsip usability
Shary Armonitha
 
DOCX
Soal konsep sistem informasi abc
Bima Indra Mulya
 
Ragam Dialog :: Interaksi Manusia dan Komputer
Auliaa Oktarianii
 
Interaksi manusia dan komputer
Miftahul Khair N
 
Sistem Operasi Komputer
Aqidatul Izzah Taufiq
 
Rpl 5-perencanaan proyek perangkat lunak
f' yagami
 
IMK - Strategi Banyak Window
nadiapreviani
 
Belajar Ms. Word, Ms. Excel, Ms. Powerpoint dan Internet.
Iven Elvany Rumahorbo
 
Tugas IMK : Ragam Dialog
Pio
 
Tugas RPL SRS Erwan
Erwan Nur Arief
 
Interaksi Manusia Dan Komputer 10
Hide Maru
 
elearning of exercise
Muhammad Fahmi
 
Sistem Basis Data(PPT)
tafrikan
 
Kerangka kerja interaksi
Ariev Kusuma
 
Materi Basis Data - Anomali dan Normalisasi
Derina Ellya R
 
Testing&implementasi 4
aiiniR
 
Dasar dasar dan aplikasi word-power point
arybudi88
 
RPP TIK KELAS IX SEMESTER 2
Nanang Heryana
 
Prinsip usability
Shary Armonitha
 
Soal konsep sistem informasi abc
Bima Indra Mulya
 
Ad

Viewers also liked (13)

PPT
5. piranti interaktif
Nafiz Curtuby
 
PPT
1 pengenalan-konsep-imk
Stevie Principe
 
PPTX
Interaksi manusia-komputer
Abrianto Nugraha
 
PPTX
pengenalan interaksi manusia komputer
kristian ismail
 
PPTX
Materi imk aspek manusia
Kukuh Aji
 
PDF
Interaksi Manusia dengan Komputer
Antonio Fly
 
PPT
Interaksi manusia dengan komputer 1
Ihsan Nurhalim
 
PPT
5. piranti interaktif
Dalam tahap mencari . . . .
 
PPTX
Kelompok 6
Gilbert Abednego
 
PPTX
Intraksi Manusia dan Komputer
khoiril07
 
PPT
Interaksi Manusia dan Komputer
Dian Rojib
 
PDF
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Lora Aroyo
 
PDF
Isa1 ism2002 resume
Ardi Green
 
5. piranti interaktif
Nafiz Curtuby
 
1 pengenalan-konsep-imk
Stevie Principe
 
Interaksi manusia-komputer
Abrianto Nugraha
 
pengenalan interaksi manusia komputer
kristian ismail
 
Materi imk aspek manusia
Kukuh Aji
 
Interaksi Manusia dengan Komputer
Antonio Fly
 
Interaksi manusia dengan komputer 1
Ihsan Nurhalim
 
5. piranti interaktif
Dalam tahap mencari . . . .
 
Kelompok 6
Gilbert Abednego
 
Intraksi Manusia dan Komputer
khoiril07
 
Interaksi Manusia dan Komputer
Dian Rojib
 
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Lora Aroyo
 
Isa1 ism2002 resume
Ardi Green
 
Ad

Similar to materi imk Menu (20)

PPT
IMK7-RAGAMDIALOG IMK7-RAGAMDIALOG IMK7-R
areambk
 
DOC
rpp-tik-8-smp-dua-final (1).doc
viska5
 
DOC
silabus tik berkarakter smp kelas 8 sms 1
Saprudin Eskom
 
PPT
Mengenal Power Point
hartiningsih
 
PPT
Power point
pi-pi
 
DOC
Interaksi dan gaya pada komputer
tizar rekha pratama
 
DOCX
prota tik smp kelas viii
Saprudin Eskom
 
PDF
Interkasi Manusia dan Komputer_RAGAM DIALOG.pdf
ptiunisa
 
DOC
Silabus tik berkaraktersmpkelasviiisms1
Dawat Fadhila
 
DOC
Silabus tik kls viii #
akhmad arief
 
DOC
SilabussVIIIsms1.doc
didirahmandani
 
PPTX
tik bab1
fadhil fajar
 
PPTX
tik bab 1
rayhan malik
 
PPTX
Tugas presentation TIK bab 1
Syauqi Ilmi Ilmi
 
PPTX
Presentation1
yosirausyan
 
PPTX
Tik ervina
Ervina Hutabarat
 
DOC
Rpp tik-smp9 budssem1-22009-2010kls.8
Deni Riansyah
 
DOC
Rpp tik kls 8 mode luring (4)
SahdanRizqy1
 
DOC
Rpp tik kls 8 mode luring (3)
SahdanRizqy1
 
DOC
silabus tik berkarakter smp kelas 8 sms 2
Saprudin Eskom
 
IMK7-RAGAMDIALOG IMK7-RAGAMDIALOG IMK7-R
areambk
 
rpp-tik-8-smp-dua-final (1).doc
viska5
 
silabus tik berkarakter smp kelas 8 sms 1
Saprudin Eskom
 
Mengenal Power Point
hartiningsih
 
Power point
pi-pi
 
Interaksi dan gaya pada komputer
tizar rekha pratama
 
prota tik smp kelas viii
Saprudin Eskom
 
Interkasi Manusia dan Komputer_RAGAM DIALOG.pdf
ptiunisa
 
Silabus tik berkaraktersmpkelasviiisms1
Dawat Fadhila
 
Silabus tik kls viii #
akhmad arief
 
SilabussVIIIsms1.doc
didirahmandani
 
tik bab1
fadhil fajar
 
tik bab 1
rayhan malik
 
Tugas presentation TIK bab 1
Syauqi Ilmi Ilmi
 
Presentation1
yosirausyan
 
Tik ervina
Ervina Hutabarat
 
Rpp tik-smp9 budssem1-22009-2010kls.8
Deni Riansyah
 
Rpp tik kls 8 mode luring (4)
SahdanRizqy1
 
Rpp tik kls 8 mode luring (3)
SahdanRizqy1
 
silabus tik berkarakter smp kelas 8 sms 2
Saprudin Eskom
 

Recently uploaded (20)

PPTX
Bagaimana Proses Geografis Memengaruhi Keragaman kelas 8.pptx
anggreaniumi
 
DOCX
Modul Ajar Deep Learning Matematika Kelas 11 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Deep Learning Biologi Kelas 10 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Deep Learning Prakarya Budidaya Kelas 9 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Deep Learning Seni Budaya Musik Kelas 9 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Pembelajaran Mendalam IPS Kelas 9 Terbaru 2025
UrayFubie
 
DOCX
Modul Ajar Deep Learning Fisika Kelas 11 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Pembelajaran Mendalam PKWU Kerajinan Kelas 7 Terbaru 2025
fubierabita
 
DOCX
Modul Ajar Pembelajaran Mendalam Matematika Kelas 12 Terbaru 2025
fubierabita
 
PDF
Materi Praktek Mengajar Tentang 7 Jurus BK Hebat 2025 Versi Nilai-Nilai Islam...
Namin AB Ibnu Solihin
 
PDF
PPT Materi Kelas Doktrin Alkitab Lanjutan (DAL) 2025
SABDA
 
DOCX
Modul Ajar Pembelajaran Mendalam PJOK Kelas 9 Terbaru 2025
UrayFubie
 
DOCX
Modul Ajar Deep Learning Bahasa Indonesia Kelas 10 Terbaru 2025
wahyurestu63
 
PPTX
HELMI_PEERTEACHING MODUL 1 KP 2 (2).pptx
richarduspelo74
 
DOCX
Modul Ajar Deep Learning Biologi Kelas 11 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Deep Learning MTK Kelas 12 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Deep Learning PKN Kelas 10 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Deep Learning Ekonomi Kelas 10 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Deep Learning PKWU Pengelolaan Kelas 7 Terbaru 2025
wahyurestu63
 
DOCX
Modul Ajar Deep Learning Prakarya Budidaya Kelas 7 Terbaru 2025
wahyurestu63
 
Bagaimana Proses Geografis Memengaruhi Keragaman kelas 8.pptx
anggreaniumi
 
Modul Ajar Deep Learning Matematika Kelas 11 Terbaru 2025
wahyurestu63
 
Modul Ajar Deep Learning Biologi Kelas 10 Terbaru 2025
wahyurestu63
 
Modul Ajar Deep Learning Prakarya Budidaya Kelas 9 Terbaru 2025
wahyurestu63
 
Modul Ajar Deep Learning Seni Budaya Musik Kelas 9 Terbaru 2025
wahyurestu63
 
Modul Ajar Pembelajaran Mendalam IPS Kelas 9 Terbaru 2025
UrayFubie
 
Modul Ajar Deep Learning Fisika Kelas 11 Terbaru 2025
wahyurestu63
 
Modul Ajar Pembelajaran Mendalam PKWU Kerajinan Kelas 7 Terbaru 2025
fubierabita
 
Modul Ajar Pembelajaran Mendalam Matematika Kelas 12 Terbaru 2025
fubierabita
 
Materi Praktek Mengajar Tentang 7 Jurus BK Hebat 2025 Versi Nilai-Nilai Islam...
Namin AB Ibnu Solihin
 
PPT Materi Kelas Doktrin Alkitab Lanjutan (DAL) 2025
SABDA
 
Modul Ajar Pembelajaran Mendalam PJOK Kelas 9 Terbaru 2025
UrayFubie
 
Modul Ajar Deep Learning Bahasa Indonesia Kelas 10 Terbaru 2025
wahyurestu63
 
HELMI_PEERTEACHING MODUL 1 KP 2 (2).pptx
richarduspelo74
 
Modul Ajar Deep Learning Biologi Kelas 11 Terbaru 2025
wahyurestu63
 
Modul Ajar Deep Learning MTK Kelas 12 Terbaru 2025
wahyurestu63
 
Modul Ajar Deep Learning PKN Kelas 10 Terbaru 2025
wahyurestu63
 
Modul Ajar Deep Learning Ekonomi Kelas 10 Terbaru 2025
wahyurestu63
 
Modul Ajar Deep Learning PKWU Pengelolaan Kelas 7 Terbaru 2025
wahyurestu63
 
Modul Ajar Deep Learning Prakarya Budidaya Kelas 7 Terbaru 2025
wahyurestu63
 

materi imk Menu

  • 2. 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.
  • 3. 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
  • 5. 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 tarik Menu tarik biasa juga disebut pulldown menu atau pop-up menu  -Dasarnya merupakan sistem menu yang pilihan-pilihannya dikelompokkan menurut kategori tertentu atau menurut 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
  • 6. Implementasi Menu Datar Yang harus diperhatikan 1. Rangkaian kata yang menyatakan sesuatu pilihan aktifitas hendaknya tidak terlalu panjang 2. Jenis piranti masukan yang digunakan untuk mengoperasikan menu data tersebut 3. Menu datar biasanya dioperasikan dengan menggunakan papan ketik.
  • 7. 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 letters Photo akan ditampilkan berdasarkan H = Hitam dan Putih W= Warna Pilih huruf pilihan Anda Button choice
  • 8. 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.
  • 9. Multiple-item menus  Multiple-item menus adalah terdapat banyak pilihan menu namun hanya dapat memilih satu saja.
  • 10. Multiple-selection menus  Multiple-selection menus adalah menu dengan banyak pilihan juga dapat memilih lebih dari satu. Contohnya check box.
  • 11. Pulldown, pop-up, toolbars menu  Pulldown, pop-up, toolbars menu adalah menu dengan sangat banyak pilihan dan bercabang. Contoh menu file di ms word.
  • 12. 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.
  • 13. Embedded menus  Embedded menus adalah menu yang ditempelkan di tempat lain. Contoh hot links
  • 14. 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.
  • 15. 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)
  • 16. 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
  • 17. 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
  • 18. 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.
  • 19.  TERIMAKASIH     