Identitas dosen
description
Transcript of 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