praktikum pv 6

LAPORANPRAKTIKUM VI

PEMROGRAMAN VISUAL

Judul

MENU

Oleh:

Nurwahyuddi12022038

PROGRAM STUDI TEKNIK ELEKTRO

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS AHMAD DAHLAN

YOGYAKARTA

2013

I. TUJUAN PERCOBAAN

1. Mahasiswa dapat menggunakan komponen Menu

2. Mahasiswa mampu membuat program menggunakan komponen Menu

3. Mahasiswa dapat memahami implementasi konsep dasar pemrograman visual

dengan alat bantu Visual C++

II. DASAR TEORI

Komponen MenuStirp digunakan untuk membuat menu bar (biasanya terletak pada

bagian atas window di bawah judul) dan menu drop down (teks pada menu bar jika

dipilih akan membuka sub menu di bawahnya).

III. LANGKAH PERCOBAAN

Menggunakan Menu Bar & Menu Drop Down

1. Buatlah proyek baru dan tambahkan komponen berikut serta ubahlah nilai

propertinya. Sesuaikan ukuran dan posisi obyek dengan Gambar 1. Tambahkan

pula beberapa Label untuk memberikan keterangan.

Komponen Properti Isi

Form Text Menggunakan Menu

LabelName labelUAD

Font.Size 40

MenuStip Name menuStripUtama

Electrical engineering | Ahmad Dahlan University 1

Gambar 1. Tampilan desain form dengan Menu

2. Pada isian Type here dalam menuStripUtama di bagian atas form, ketikkan

“Style” dan tekan enter.

3. Setelah muncul kotak isian Type here di bawahnya, isikan “Bold” dan tekan

Enter.

4. Kemudian di kotak isian Type here di bawahnya lagi, isikan “Italic” dan enter.

5. Sekali lagi tambahkan submenu dibawahnya : “Bold Italic”.

Gambar 2. Tampilan form memasukkan Menu dan SubMenu

6. untuk membuat event handler pada menu, pada form klik pada menu Style dan

kemudian pilih (Klik lagi) pada submenu Bold. Lalu pada panel Properties, klik

pada icon Events. Lalu klik dobel pada isian event Click.


7. Pada jendela Code Editor, ketik perintah berikut :

8. Ulangi untuk sub menu Italic :

9. Ulangi untuk sub menu Bold Italic

10. Jalankan. Perhatikan perubahan bentuk font tulisan UAD ketika menu dipilih.

11. Kita akan menambahkan menu berikutnya. Pada Form Designer, pilih kotak yang

terletak di sebelah kanan menu Style. Lalu tambahkan menu Warna dengan

submenu Hijau dan Kuning seperti seperti gambar berikut.

Gambar 3. Tampilan penambahan Menu Warna


private: System::Void BoldToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->Font= gcnew System::Drawing::Font(labelUAD->Font, FontStyle::Bold);

}

private: System::Void ItalicToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->Font= gcnew System::Drawing::Font(labelUAD->Font,

FontStyle::Italic);

private:System::Void boldItalicToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->Font= gcnew System::Drawing::Font(labelUAD->Font,FontStyle::Bold+FontStyle::Italic);

}

12. Buat event handler untuk SubMenu menuHijau sebagai berikut :

13. Ulangi untuk subMenu Menu Kuning

14. Jalankan.

IV. HASIL DAN PEMBAHASAN

Menggunakan MenuBar & Menu Drop Down

Pada praktikum ke-6 ini akan dibuat sebuah Project dengan menggunakan MenuStrip.

MenuStrip sendiri merupakan komponen dalam ToolBox dimana berfungsi untuk

membuat menu bar dan menu drop down. Menu Bar biasanya terletak pada bagian

atas Window pada bagian judul, sedangkan Menu DropDown merupakan teks pada

menu bar yang mana ketika dipilih akan membuka sub menu di bawahnya.

Untuk memulai pembuatan project, pertama buka Program Visual Studio

2008 yang akan digunakan. Setelah dibuka, buat terlebih dahulu sebuah Form baru

dengan menekan ctrl+shift+N, atau dengan mengklik menu File – New – Project.

Setelah muncul pernyataan New Project, beri nama Project dengan nama lain agar

Project tidak saling tertimpa(misalnya beri nama “Menu”).


private: System::Void hijauToolStripMenuItem_Click (System::Object^ sender, System::EventArgs^ e) {

labelUAD->ForeColor = System::Drawing::Color::Green;}

private: System::Void kuningToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->ForeColor = System::Drawing::Color::Yellow;}

Selanjutnya setelah Form baru muncul, masukkan komponen-komponen yang akan

digunakan dan ditata seperti tampilan pada Gambar 1. Berikut komponen-komponen

yang akan digunakan:

Form

Label

MenuStrip

Setelah Form ditata dan terlihat seperti pada gambar 1, isikan tulisan pada Type here

dalam menuStrip dengan mengetikkan kata “Style” lalu tekan enter. Untuk

selanjutnya ketikkan juga kata “Bold, Italic, dan Bold Italic” pada Sub-sub menu

Style yang masing-masingnya diselangi dengan menekan Enter seperti yang terlihat

pada Gambar 2.

Langkah selanjutnya yaitu memasukkan Event-Handler pada menu. Pertama klik

terlebih dahulu menu Style agar sub-sub menu Bold, Italic, dan Bold Italic terlihat.

Selanjutnya untuk sub-sub menu yang ada, akan diisi satu persatu event handler agar

sub-sub menu tersebut dapat berfungsi ketika dieksekusi dan dijalankan sesuai event

yang dimasukkan.

Untuk SubMenu Bold, klik 2x (double Click) pada tulisan Bold. Langkah ini akan

membuka jendela Form.h* dimana event akan diisikan didalamnya. Event handler

untuk submenu Bold telah tertera pada langkah percobaan ke-7, dan berikut

penjelasan untuk event tersebut :

Pada event Click untuk submenu Bold, ketika submenu Bold diklik, maka Font

tulisan labelUAD akan berubah Stylenya (gayanya) menjadi model Bold (tebal).


private: System::Void BoldToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->Font= gcnew System::Drawing::Font(labelUAD->Font, FontStyle::Bold);

}

Untuk langkah selanjutnya yakni sama seperti pada langkah mengisi event untuk

submenu Bold. Pada SubMenu Italic, dan Bold Italic juga dilakukan pengisian event

handler agar submenu tersebut dapat difungsikan.

Penjelasan event untuk SubMenu Italic :

Penjelasan event untuk SubMenu Bold Italic :

Setelah event handler untuk semua submenu diisi, maka program telah siap untuk

didebug/ dijalankan. Berikut contoh tampilannya :

Tampilan untuk submenu Bold

Gambar 4. Tampilan UAD (Bold)

Tampilan untuk SubMenu Italic


Pada event Click untuk submenu Italic, ketika submenu Italic diklik, maka Font

tulisan labelUAD akan berubah Stylenya (gayanya) menjadi model Italic (miring).

Pada event Click untuk submenu Bold Italic, ketika submenu Bold Italic diklik, maka

Font tulisan labelUAD akan berubah Stylenya (gayanya) menjadi model

Bold&Italic (tebal miring).

Gambar 5. Tampilan UAD (Italic)

Tampilan SubMenu Bold Italic

Gambar 6. Tampilan UAD (Bold Italic)

Untuk selanjutnya, pada project yang telah dibuat akan ditambahkan sebuah menu

baru yaitu menu Warna, dengan SubMenu Hijau dan Kuning seperti yang terlihat

pada Gambar 3 pada langkah percobaan. Untuk event handler yang digunakan juga

telah terlampir pada langkah percobaan ke-12 dan 13.

Berikut penjelasan event yang digunakan untuk SubMenu Menu Hijau dan Submenu

Menu Kuning:

Untuk event handler pada SubMenu Kuning, sama dengan Event yang digunakan

pada SubMenu Hijau, hanya saja yang berbeda terdapat pada Warna yang akan


Pada event Click untuk submenu Hijau, ketika submenu Hijau diklik, maka ForeColor

(warna) tulisan labelUAD akan berubah warna menjadi warna Hijau (Green)

ditampilkan. Berikut tampilan Project setelah ditambahkan Menu Warna dan Sus-Sub

menunya:

Tampilan untuk Style=Bold ; Warna=Green

Gambar 7. Tampilan UAD (Bold & Green)

Tampilan untuk Style=Bold Italic ; Warna=Kuning

Gambar 8. Tampilan UAD (Bold Italic & Kuning)

Cara Kerja Program

Pada praktikum ke-6 ini dibuat sebuah proyek dimana menggunakan salah satu

ToolBox yaitu “MenuStrip” sebagai komponen utama yang akan dipraktekkan

serta dilihat kegunaannya. Program yang dibuat tersusun atas 2Menu pilihan

(Style & Warna), dan didalamnya terdiri dari beberapa Sus-Sub Menu, serta

sebuah tullisan (UAD/labelUAD).

Ketika dijalankan, program akan menampilkan tampilan seperti yang telah dibuat.

Namun pada saat SubMenu diklik, (misalnya SubMenuBold) maka tulisan UAD


yang terdapat ditengah project akan tampil dengan gaya tulisan Bold(Tebal).

Begitu juga ketika diklik SubMenu Italic dan Bold Italic, maka tulisan UAD akan

berubah gaya tampilannya sesuai Event Hadler yang telah dimasukkan.

Untuk Menu Warna dimana menu tersebut terdiri dari SubMenu Hijau dan

Kuning, ketika diklik SubMenu Kuning misalnya, maka tulisan UAD akan

berubah warnanya (ForeColor) menjadi warna Kuning (Yellow). Begitu juga

ketika SubMenu Hijau diklik, maka tulisan UADpun akan berubah warnanya

menjadi Hijau (Green).

V. TUGAS

Pada project yang sebelumnya telah dibuat, selanjutnya untuk project tersebut akan

dimodifikasi kembali yakni dengan menambahkan SubMenu Underline dan Normal

pada Menu Style, sedangkan untuk Menu Warna, akan ditambahkan SubMenu

Merah dan Biru.

Berikut contoh penambahan Sub-Sub Menu yang terlihat pada Form :

Gambar 9. Penambahan SubMenu Regular & Underline


Gambar 10. Penambahan SubMenu Merah & Kuning

Setelah Sub-sub Menu ditambahkan baik pada menu Style dan Menu Warna, untuk

langkah selanjutnya yakni memasukkan Event handler untuk setiap Sub-sub Menu

yang telah ditambahkan. Penambahan Event Handler ini bertujuan untuk

memfungsikan sub-sub menu agar dapat bekerja sebagaimana kegunaannya.

Berikut event handler yang digunakan baik untuk sub-sub menu untuk menu Style,

dan Sub-sub Menu untuk menu Warna :


Untuk SubMenu menu Regular

Untuk SubMenu menu Underline

Untuk SubMenu menu Merah

Untuk SubMenu menu Biru

Penjelasan untuk event handler SubMenu menu Regular dan Underline

Penjelasan untuk event handler SubMenu menu Merah dan Biru


private: System::Void regularToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->Font= gcnew System::Drawing::Font(labelUAD->Font,FontStyle::Regular);

}

private: System::Void regularToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->Font= gcnew System::Drawing::Font(labelUAD->Font,FontStyle::Underline);

}

private: System::Void merahToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->ForeColor = System::Drawing::Color::Red;}

private: System::Void merahToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {

labelUAD->ForeColor = System::Drawing::Color::Blue;}

Pada event Click untuk submenu Regular, ketika SubMenu Regular diklik, maka Font

tulisan labelUAD akan berubah Stylenya (gayanya) menjadi mode Regular (mode

Normal). Sama dengan SubMenu Regular, pada SubMenu Underline apabila diklik, maka

Font tulisanlabelUAD akan berubah Style (gayanya) menjadi model UAD bergaris bawah

(Underline).

Pada event Click untuk Submenu Merah, ketika submenu Merah diklik, maka ForeColor

(warna) tulisan labelUAD akan berubah warna menjadi warna Merah (Red). Begitu juga

dengan Warna Biru, ketika diklik Sub Menu Biru, maka ForeColor tulisan UAD akan

berubah warna menjadi warna Biru (Blue).

Setelah dilakukan pengisian event handler pada Sub-Sub menu yang ditambahkan,

maka Project yang telah dibat telah dapat dijalankan atau didebug. Berikut tampilan

Program setelah didebug :

Tampilan Style=Regular ; Warna=Merah

Gambar 11. Tampilan labelUAD (Regular & Merah)

Tampilan Style=Underline ; Warna Biru

Gambar 12. Tampilan labelUAD (Underline & Blue)

VI. KESIMPULAN

MenuStrip yaitu komponen yang terdapat pada ToolBox dimana fungsinya yakni

untuk membuat suatu MenuBar yang biasanya terdapat dibagian atas Form atau

Winndows. MenuTrip juga dapat berguna untuk membuat Menu DropDown yakni

teks pada menu bar sehingga jika dipilih/diklik, maka akan membuka sub menu yang

ada di bawahnya.


VII. REFERENSI

Kartika Firdausy, S.T., M.T. (2013) “Petunjuk Praktikum Pemrograman Visual”.

Yogyakarta: Universtias Ahmad Dahlan


praktikum pv 6

Documents