Identitas dosen

Identitas dosenIdentitas dosen

Suherman, STSuherman, STAddressAddress : Cilegon: CilegonMobile Mobile : 087 877 486 821: 087 877 486 821EmailEmail : : [email protected]@yahoo.comYmYm : leeput: leeputBlogBlog : : http://leeput.wordpress.comhttp://leeput.wordpress.com

http://suherman628.wordpress.comhttp://suherman628.wordpress.com

POKOK BAHASANPOKOK BAHASANMAIN DAN POPUP MENUMAIN DAN POPUP MENUTujuan Pembelajaran Khusus (TPK):Tujuan Pembelajaran Khusus (TPK):Setelah mempelajari pokok bahasan Setelah mempelajari pokok bahasan main dan pop up menu, maka main dan pop up menu, maka mahasiswa dapat mahasiswa dapat mendemonstrasikan tentang main mendemonstrasikan tentang main menu dan pop menu dengan benar menu dan pop menu dengan benar (C3)(C3)

MENUMENUDilingkungan Windows, menu Dilingkungan Windows, menu merupakan salah satu komponen merupakan salah satu komponen yang sering dijumpai pada program. yang sering dijumpai pada program. Melalui menu, pemilih dapat Melalui menu, pemilih dapat melakukan berbagai pilihan atau melakukan berbagai pilihan atau tindakan.tindakan.Menu dapat dibagi menjadi 2 macam:Menu dapat dibagi menjadi 2 macam:Menu utama danMenu utama danMenu pop-upMenu pop-up

Menu UtamaMenu Utama

Menu utama dapat dibuat Menu utama dapat dibuat dengan menggunakan dengan menggunakan komponen MainMenu (dari komponen MainMenu (dari Tab Standar)Tab Standar)

Gambar MainMenuGambar MainMenuContoh Aplikasi Menu utamaContoh Aplikasi Menu utama

Menu Utama

Sifat dari Aplikasi ini bila salah Sifat dari Aplikasi ini bila salah satu menu di klik, maka akan satu menu di klik, maka akan tampil menu di bawahnya, yang tampil menu di bawahnya, yang dinamakan Sub menu dari menu dinamakan Sub menu dari menu utamautama

Bila dalam Sub menu tersebut Bila dalam Sub menu tersebut terdapat menu, maka dinamakan terdapat menu, maka dinamakan Sub menu dari Sub menu utamaSub menu dari Sub menu utama

Sub menu dari Menu utama

Sub menu dari Sub menu utama

Membuat MenuMembuat Menu

Untuk membuat menu ikuti Untuk membuat menu ikuti langkah-langkah berikut :langkah-langkah berikut :Buat project baruBuat project baruPilih Mainmenu dan letakan pada Pilih Mainmenu dan letakan pada formformKlik ganda main menuKlik ganda main menuMaka akan tampil seperti gb. Maka akan tampil seperti gb. Berikut :Berikut :

1.Pada property Caption isi dengan &File

2.Enter3.Maka akan tampil gb. Berikut :

Bagian akan membuat Sub menu utama

Bagian akan membuat Menu utama

Klik salah satu kotak yang di tunjuk untuk membuat Menu utama atau membuat Sub menu. Gunakan property Caption untuk membuat menu nya

Untuk selanjutnya, buat seperti gb. Di bawah ini :

Untuk membuat seperti gb. Di bawah :Klik pada Entry Tekan CTRL + Panah Kanan Seperti biasa isi dengan menu seperti pada gambar.

Menggunakan Icon Menggunakan Icon pada menupada menu Tambahkan komponen imageList Tambahkan komponen imageList

(tab win32)(tab win32) Klik ganda imageListKlik ganda imageList Klik Tombol AddKlik Tombol Add Cari gambar yang berekstension Cari gambar yang berekstension

*.bmp atau *.ico *.bmp atau *.ico bila ketemu bila ketemu Seleksi gambar yang akan di pakai Seleksi gambar yang akan di pakai

(misal 3 gambar sekaligus) (misal 3 gambar sekaligus) Open Open

Klik OK (kembali ke form)Klik OK (kembali ke form) Aktifkan main menuAktifkan main menu Pilih imagelist1 pada property Pilih imagelist1 pada property

ImagesImages Klik ganda main menuKlik ganda main menu Pilih menu yang akan diberi gambar Pilih menu yang akan diberi gambar

(misal Entry) (misal Entry) Pada property Pada property ImageIndex klik dropdown dan pilih ImageIndex klik dropdown dan pilih gambar nyagambar nya

Dengan cara yang sama pilih Dengan cara yang sama pilih untuk Data Mahasiswa dan Data untuk Data Mahasiswa dan Data Mata KuliahMata Kuliah

Close dari main menuClose dari main menu Klik menu File pada formKlik menu File pada form Maka dapat terlihat seperti gbr. Maka dapat terlihat seperti gbr.

Berikut :Berikut :

Menerapkan menuMenerapkan menu Tambahkan 2 form baru dengan Tambahkan 2 form baru dengan

cara Klik File cara Klik File New New Form Form Maka akan mendapatkan 2 form, Maka akan mendapatkan 2 form,

yaitu Form2 dan Form3yaitu Form2 dan Form3 Rubah property Name untuk Rubah property Name untuk

Form2 menjadi FMHS, dan Form3 Form2 menjadi FMHS, dan Form3 menjadi FMKmenjadi FMK

Menambahkan kode Menambahkan kode pada menu pada menu /memanggil form/memanggil form Pilih File dari Form1 Pilih File dari Form1 pilih Entry pilih Entry

Klik Data MahasiswaKlik Data Mahasiswa Tulis kode di antara Begin dan End;Tulis kode di antara Begin dan End;

FMHS.SHOW ;FMHS.SHOW ; Begitu juga untuk Data MatakuliahBegitu juga untuk Data Matakuliah

FMK.SHOW ;FMK.SHOW ;

Coba RUNINGCoba RUNING Bila ada pertanyaan :Bila ada pertanyaan :

Klik YesKlik Yes Kejadian tadi akan menambahkan Kejadian tadi akan menambahkan

uses pada form1 di bawah uses pada form1 di bawah ImplementationImplementation

RUNING lagi…..RUNING lagi….. SelesaiSelesai

Pop-up MenuPop-up Menu Cara kerja dari menu ini adalah Cara kerja dari menu ini adalah

bila kita meng Klik kanan bila kita meng Klik kanan sembarang tempat, maka akan sembarang tempat, maka akan tampil menutampil menu

Cara kerja seperti ini, dinamakan Cara kerja seperti ini, dinamakan Pop-up Pop-up

Contoh Pop-upContoh Pop-up

MenuSub Menu

Cara membuat Pop-up Cara membuat Pop-up menumenu

Ikuti langkah-langkah berikut :Ikuti langkah-langkah berikut : Tambahkan pada form1 komponen Tambahkan pada form1 komponen

Popupmenu (Tab Standar)Popupmenu (Tab Standar) Klik ganda Pop-up menuKlik ganda Pop-up menu Isi menu (seperti pada pembuatan Isi menu (seperti pada pembuatan

menu utama)menu utama) Isi seperti pada gambar berikutIsi seperti pada gambar berikut

Tambahkan komponen panel (Tab Tambahkan komponen panel (Tab Standar) pada form1 Standar) pada form1

Ubah property panel :Ubah property panel :Caption :Caption : AKU BISA BERUBAH LOOOOH…. AKU BISA BERUBAH LOOOOH….BevelInner :BevelInner : bvlowered bvloweredBevelOuter :BevelOuter : bvraised bvraisedBevelWidth :BevelWidth : 3 3

Atur desain nya seperti nampak pada Atur desain nya seperti nampak pada gambar berikut :gambar berikut :

Isi property Popupmenu pada Isi property Popupmenu pada panel dengan Popupmenu1panel dengan Popupmenu1

Coba RUNINGCoba RUNING Klik kanan pada PanelKlik kanan pada Panel Coba klik kanan pada formCoba klik kanan pada form Simpulkan dari kejadian Simpulkan dari kejadian

tadi………..tadi………..

Menerapkan event Menerapkan event Pop-upPop-up Klik ganda pada PopupMenuKlik ganda pada PopupMenu Pilih Ukuran Pilih Ukuran Klik ganda 12 Klik ganda 12 isi isi

dengan kode berikut :dengan kode berikut :

Panel1.Font.Size:= 12;Panel1.Font.Size:= 12; Ulangi langkah tadi untuk 14, Ulangi langkah tadi untuk 14,

16, 18 dan 2016, 18 dan 20

Pilih menu Warna Pilih menu Warna Klik ganda Klik ganda pada Merah pada Merah isi dengan kode isi dengan kode berikut :berikut :

Panel1.Font.Color:= CLRED ;Panel1.Font.Color:= CLRED ; Ulangi langkah tadi untuk Biru, Ulangi langkah tadi untuk Biru,

Kuning, HijauKuning, Hijau

Pilih Menu Style Pilih Menu Style Klik ganda Klik ganda Bold Bold isi dengan kode berikut : isi dengan kode berikut :

Panel1.Font.Style:= Panel1.Font.Style:= [FSBOLD];[FSBOLD];

Ulangi langkah tadi untuk Italic Ulangi langkah tadi untuk Italic dan Underlinedan Underline

RUNING ….RUNING …. Klik kanan pada panelKlik kanan pada panel Pilih Ukuran 12 Pilih Ukuran 12 pilih Warna pilih Warna

Merah Merah Pilih Style Bold Pilih Style Bold Maka hasilnya akan nampak Maka hasilnya akan nampak

seperti gbr. berikut seperti gbr. berikut

TERIMA KASIHTERIMA KASIHWassalam…………………….Wassalam……………………...

Evaluasi. Evaluasi. Buat struktur menu Buat struktur menu seperti pada gbr seperti pada gbr berikut : 1-4berikut : 1-4

Lanjutan. EvaluasiLanjutan. Evaluasi

Lanjutan. EvaluasiLanjutan. Evaluasi

Lanjutan. EvaluasiLanjutan. Evaluasi

Lanjutan. EvaluasiLanjutan. Evaluasi