Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.

com )

BAB III. Membuat Menu

Menu Strip (Tunjuk Sorot) Setiap aplikasi pasti terdapat menu untuk memilih atau mengaktifkan suatu proses/perintah yang diinginkan user. Menu strip (tunjuk sorot) adalah salah satu penyajian menu perintah yang sering dipakai oleh programer. Contoh menu strip di aplikasi Ms. Word adalah sbb : 1. Menu Utama :

2. Sub Menu dari Menu Utama Edit :

3. Sub Sub Menu dari Sub Menu Clear :

Ada 4 komponen dari suatu menu strip yaitu : o Images / gambar dari menu o Access keys / tombol keyboard untuk mengaktifkan suatu menu. Contohnya kombinasi Alt dan F untuk mengaktifkan menu File di Ms. Word.

18

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com ) o Shortcut keys / jalan pintas dengan menggunakan kombinasi tombol keyboard untuk mengaktifkan suatu perintah yang sering digunakan. Contohnya Ctrl dan C untuk mengcopy suatu teks atau gambar pada perintah di Ms. Word. Cara untuk membuat menu strip adalah sbb : 1. Pada form yang aktif drag drop icon menu strip sbb :

2. From yang telah diberi menu strip akan berbentuk seperti ini :

Tempat penulisan Menu Utama

3. Untuk membuat menu utama adalah sbb : a. Tuliskan pada bagian Type Here kemudian tekan enter. b. Untuk menulis menu utama yang lain tekan tombol -> berpindah kesisi kanan sebelahnya.

19

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com )

Tempat penulisan Sub Menu

4. Sedangkan membuat sub menu caranya adalah sbb : a. Pada menu utama tekan tombol panah bawah. b. Tuliskan pada bagian Type Here kemudian tekan enter. c. Untuk menulis sub menu yang lain tekan tombol panah bawah.

Tempat penulisan Sub Sub Menu

20

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com ) 5. Sedangkan membuat sub sub menu caranya adalah sbb : a. Pada sub menu tekan tombol panah kanan. b. Tuliskan pada bagian Type Here kemudian tekan enter. c. Untuk menulis subsub menu yang lain tekan tombol panah bawah.

Menambah Icon Pada Menu Strip Kita dapat menambahkan icon/gambar pada Menu Utama, Sub Menu atau Sub Sub Menu. Caranya adalah sbb : 1. 2. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi icon. Pilih properties image dan klik tombol ini :

21

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com )

3.

Muncul dialog window Select Resource sbb :

4.

Pilih Project resources file kemudian klik tombol Import untuk mencari icon/gambar yang akan dipasang.

22

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com ) 5. Pilih icon yang diinginkan dengan mengklik file-file di suatu folder tertentu kemudian tekan tombol Open. 6. Di dialog window Select Resource pada pilihan Project resources file akan muncul nama-nama icon yang anda pilih kemudian klik salah satu. 7. Setelah itu klik tombol OK maka gambar icon tersebut akan berada disamping Menu Utama, Sub Menu atau Sub Sub Menu yang diiginkan.

Menu yang ada iconnya.

Memberi Access Keys Pada Menu Strip Kita dapat menambahkan Access keys / tombol keyboard untuk mengaktifkan suatu menu pada Menu Utama, Sub Menu atau Sub Sub Menu. Caranya adalah sbb : 1. Klik Menu Utama, Sub Menu atau Sub Sub Menu yang akan diberi Access keys. 2. Pilih properties text kemudian tambahkan simbol & disamping kiri huruf di nama Menu Utama, Sub Menu atau Sub Sub Menu yang akan dijadikan tombol Access keys.

23

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com )

3. Misalkan pada menu File access key-nya adalah kombinasi tombol Alt dan huruf F maka simbol & diletakkan disamping kiri huruf F pada File. 4. Tampilan menu yang telah diberi Access keys akan ada garis bawah adalah sbb :

Memberi Tombol Short Cut Pada Menu Strip Kita dapat menambahkan tombol short cut untuk mengaktifkan suatu perintah pada Sub Menu atau Sub Sub Menu secara langsung. Caranya adalah sbb : 1. Klik Sub Menu atau Sub Sub Menu yang akan diberi short cut. 2. Pilih properties ShortcutKeys dan klik combo box-nya maka akan muncul tampilan sbb :

Properties shortcutkeys yang diklik combo box-

3. Isikan kombinasi tombol keyboardnya semisal Ctrl dan M.

4. Tampilan properties ShortcutKeys setelah diisi tombol short cut.

24

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com ) 5. Jika short cut ingin ditampilakn disamping nama menunya maka properties ShowShortcutKeys diberi nilai True. 6. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi short cut adalah sbb :

Memberi Tanda Cek Pada Menu Strip Kita dapat menambahkan tanda cek (centang) pada samping Sub Menu atau Sub Sub Menu yang sedang diaktifkan. Tanda cek (centang) akan terlihat pada saat aplikasi dijalankan jadi pada tahap desain tanda ini tidak terlihat. Cara untuk memberi tanda cek adalah sbb : 1. Klik Sub Menu atau Sub Sub Menu yang akan diberi tanda cek. 2. Pilih properties CheckOnClick dan isikan nilai true

3. Tampilan Sub Menu atau Sub Sub Menu yang telah diberi tanda cek pada saat aplikasi dijalankan adalah sbb :

Memberi Keterangan/Petunjuk Pada Menu Strip Kita dapat menambahkan petunjuk/keterangan pada Menu, Sub Menu atau Sub Sub Menu ketika pointer mouse dihentikan agak lama di tulisan Menu, Sub Menu atau Sub Sub Menu. Petunjuk/keterangan akan terlihat pada saat aplikasi dijalankan jadi pada tahap desain petunjuk/keterangan ini tidak terlihat. Cara untuk memberi

petunjuk\keterangan adalah sbb : 1. Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi

petunjuk/keterangan.

25

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com ) 2. Pilih properties ToolTipText dan isikan kata-kata petunjuknya.

3. Tampilan Menu,Sub Menu atau Sub Sub Menu yang telah diberi petunjuk/keterangan pada saat aplikasi dijalankan adalah sbb : Tool Tip Text

Memberi Kode Pada Menu Strip Agar menu, sub menu atau sub sub menu dapat melakukan perintah yang diinginkan maka harus diberi kode program. Cara memberi kode programa adalah sbb : 1. Double Klik Menu,Sub Menu atau Sub Sub Menu yang akan diberi kode program. Contoh pada sub sub menu Main double klik.

2. Isikan kode program-nya contohnya seperti ini:

Private Sub MainToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MainToolStripMenuItem.Click MsgBox("Anda menekan sub sub menu Main", , "Contoh Menu") End Sub

3. Jalankan aplikasi dengan menekan F5.

26

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com )

4. Pilih menu View

5. Pilih sub menu Toolbars.

6. Klik sub sub menu Main maka akan muncul message box sbb :

7. Karena sub sub menu Main mempunyai shortcut maka anda bisa langsung menekan tombol Ctrl + M.

27

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com ) Membuat Context Menu Context Menu adalah suatu menu strip yang muncul jika user mengklik tombol kanan mouse di atas form atau control. Contoh context menu adalah sbb :

Context Menu

Untuk membuat context menu caranya adalah sbb : 1. Pada form yang aktif drag drop icon context menu strip sbb :

2. From yang telah diberi menu strip akan berbentuk seperti ini :

28

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com )

Tempat penulisan Menu Utama Context Menu

3. Untuk membuat menu utama pada context menu adalah sbb : a. Tuliskan pada bagian Type Here kemudian tekan enter. Contoh ketikan FILE dan MAIN. b. Untuk menulis menu utama yang lain tekan tombol panah bawah untuk berpindah kebawah.

Tempat penulisan Sub Menu

29

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com )

4. Sedangkan membuat sub menu caranya adalah sbb : a. Pada menu utama tekan tombol panah kanan. b. Tuliskan pada bagian Type Here kemudian tekan enter. c. Untuk menulis sub menu yang lain tekan tombol panah bawah.

Tempat penulisan Sub Sub Menu

5. Sedangkan membuat sub sub menu caranya adalah sbb : b. Pada sub menu tekan tombol panah kanan. c. Tuliskan pada bagian Type Here kemudian tekan enter. d. Untuk menulis subsub menu yang lain tekan tombol panah bawah. 6. Langkah berikutnya adalah menseting form agar bisa menjalankan context menu. Dalam hal ini form yang di seting karena kita akan menjalankan context menu di form. Jika kita ingin menjalankan context menu pada control text box maka text box yang diseting. 7. Pada properties ContextMenuStrip di form pilih nama context menu-nya.

30

Modul ini dibuat oleh David Hermansyah S.Kom,M.T (031-60773377 / davidhermansyah@gmail.com )

8. Jalankan form tsb dengan menekan tombol F5.

9. Klik tombol mouse kanan pada form tersebut maka akan muncul context menu sbb :

31