Pemahaman Tentang Control, Properties, Method dan Event pada Visual Basic 2008

Pada pertemuan kali ini Saya akan memberikan pemahaman tentang IDE Visual Basic 2008 dan pemahaman tentang Control, Properties, Method dan Event.

Yuk... mari kita langsung menuju Langkah-langkahnya .

Menjalankan Visual Basic 
Start  ￫  Program  ￫ Microsoft Visual Studio 2008 ￫ Microsoft Visual Studio 2008

Tampilan Start Page VB 2008

Membuat Project 
Menu File  ￫ New Project  atau  Klik Create: Project (Dari tampilan Start Page)
Pada Project Types: pilih Windows
Pada Templates:  pilih Windows Forms Application
Pada Name:  ketik nama Project
Klik OK

Tampilan New Project
Integrated Development Environment (IDE) Visual Basic 2008 
Lingkungan Visual Basic 2008 terdiri dari:
ToolBox (Kotak Perlengkapan) yaitu kotak yang berisi objek-objek pemrograman yang digunakan untuk menggambar atau mendesain program.
Bila Toolbox tidak muncul,  klik menu View  ￫ Toolbox.

Solution Explorer yaitu kotak yang berisi project, form, modul program yang sedang dibuat. Solution Explorer berfungsi untuk mengeksplor form dan modul yang ada didalamnya.
Bila Solution Explorer tidak muncul, klik menu View  ￫ Project Explorer.

Properties Window yaitu jendela yang berisi karakteristis atau ciri-ciri dari suatu objek pemrograman.
Bila Jendela Properties tidak muncul, klik menu View  ￫ Properties Window.
Form yaitu Lembaran Kerja pemrograman atau tempat meletakkan dan mengatur objek pemrograman.
IDE Visual Basic 2008
Keterangan gambar:
1. Menubar
2. Toolbar
3. Tollbox
4. Solution Explorer
5. Properties Window
6. Form 


Control dan Properties
Control adalah sebuah objek yang dapat diletakkan dan diatur serta menjadi bagian dari sebuah form sehingga user dapat berinteraksi dengan aplikasi yang dibuat. Control atau objek pemrograman terdapat pada toolbox, contohnya textbox, label, button dan lain-lain.
Control adalah sebuah objek yang memiliki identitas dan ciri khas yang membedakan satu control dengan control yang lain walaupun dengan basic class yang sama. Contohnya dua objek button, masing-masing memiliki ciri khas atau karakteristik  seperti: ukuran, text, warna yang berbeda satu dengan lainnya.
Ciri khas tersebut pada visual basic dikenal dengan properties. Properties dapat diatur dengan dua cara yaitu: (1) melalui properties window, (2) melalui code editor.
Control atau objek yang sering digunakan pada pemrograman beserta propertiesnya


Properties yang sama pada setiap objek adalah Name yang berfungsi untuk memberi nama Objek.

Code Editor
Code Editor adalah sebuah jendela yang berfungsi untuk menulis kode program.
Untuk menampilkan Code Editor, klik menu View  ￫  Code
Cara yang biasa digunakan programmer adalah dengan mengklik 2x objek yang terdapat pada Form.
Code Editor
Keterangan gambar:
1. Object Pemrograman atau Class Name
2. Method Name
3. Lembar Pengetikan Program 

Method (Event)
Method merupakan kejadian atau aksi yang dapat dilakukan oleh sebuah control.
Contoh: Load, Click, DoubleClick.

Kode program diketik pada objek program (diantara Private Sub dan End Sub) yang berada dalam lingkungan Class (diawali dengan Public Class dan diakhiri dengan End Class).

Bentuk Umum Penulisan Kode Program

Contoh:

TextBox1.Text = “Visual Basic”

Contoh Program:
 1. Desain awal program



















2. Atur Properties Masing-masing Objek sebagai berikut:
















Tampilan program setelah pengaturan properties sebagai berikut:


















3. Pemberian Perintah/Instruksi pada Program
Alur Program: 
a.    Jika diklik CheckBox1 (OOP), maka pada objek TextBox1 (Txtoop) akan tampil teks:
“Object Oriented Programming”
b.    Jika diklik CheckBox2 (VB), maka pada objek TextBox2 (Txtvb) akan tampil teks:
“Visual Basic”
c.    Jika diklik RadioButton1 (Benar), maka pada objek TextBox3 (Txtbs) akan tampil teks:
“Anda memilih Benar”
d.    Jika diklik RadioButton2 (Salah), maka pada objek TextBox3 (Txtbs) akan tampil teks:
“Anda memilih Salah”
e.    Jika diklik tombol Button1 (Bersih), maka:
-  tanda checklist pada OOP akan hilang.
-  tanda checklist pada VB akan hilang.
-  teks pada objek Txtoop, Txtvb dan Txtbs akan dihapus (kosong).
f.     Jika diklik tombol Button2 (Tutup), maka program akan ditutup (keluar dari program)
Perintah Program:
a.    Perintah pada Objek CheckBox1
Private Sub chkoop_CheckedChanged(ByVal sender As System.Object,…
txtoop.Text = "Object Oriented Programming"
End Sub

b.    Perintah pada objek CheckBox2
Private Sub chkvb_CheckedChanged(ByVal sender As System.Object,…
txtvb.Text = "Visual Basic"
End Sub

c.    Perintah pada objek RadioButton1
  Private Sub rdobenar_CheckedChanged(ByVal sender As System.Object,…
txtbs.Text = "Anda Memilih Benar"
  End Sub

d.    Perintah pada objek RadioButton2
  Private Sub RdoSalah_CheckedChanged(ByVal sender As System.Object,…
txtbs.Text = "Anda Memilih Salah"
  End Sub

e.    Perintah pada objek Button1
  Private Sub btnbersih_Click(ByVal sender As System.Object, …
chkoop.Checked = 0
chkvb.Checked = False
txtoop.Text = ""
txtvb.Clear()
txtbs.Text = ""
  End Sub
f.     Perintah pada objek Button2
  Private Sub btntutup_Click(ByVal sender As System.Object, …
End
  End Sub
Tampilan program setelah dijalankan sebagai berikut:





















Untuk menjalankan program, klik tombol Start Debugging ▶️ atau tekan F5 pada Keyboard 
Untuk menutup program, klik tombol Stop Debugging ⏹️  



LATIHAN 

Tambah Perintah/Instruksi Program sebagai berikut:

a.  Jika diklik CheckBox1 (OOP), maka:

-  objek TextBox1 (Txtoop) akan menampilkan teks: “Object Oriented Programming”

-  warna teks biru.

b.  Jika diklik CheckBox2 (VB), maka:

-  objek TextBox2 (Txtvb) akan menampilkan teks: “Visual Basic”

-  warna background textbox kuning.

c.   Jika diklik tombol Button1 (Bersih), maka:

-  tanda checklist pada OOP akan hilang.

-  tanda checklist pada VB akan hilang.

-  teks pada objek Txtoop, Txtvb dan Txtbs akan dihapus (kosong).

-  warna background Textbox2 (Txtvb) kembali menjadi putih.


Yuk mari kita sama sama belajar mengerjakan Latihannya 😇

Langsung kita mulai dari Contoh diatas,
Dari program yang sudah kita buat diatas tadi, kita hanya perlu merubah Propertiesnya, langkah-langkahnya:
  1. Klik objek Txtoop, lihat Properties di sebelah kanan. Pada ForeColor kita beri warna menjadi Biru
  2. Klik 2x Objek VB, maka akan muncul perintah program. Lalu kita tambahkan Kode Txtvb.BackColor = Color.Yellow dibawah Txtvb.Text = "Visual Basic" 
  3. Klik 2x objek Bersih, maka akan muncul lagi perintah program. Lalu kita tambahkan KodeTxtvb.BackColor = Color.White , karena pada latihan kita disuruh mengubahnya kembali menjadi warna putih maka dari itu kita menggunakan Kode warna Putih. 
  4. Setelah program sudah selesai di Edit, jalankan Programnya... 
Maka hasilnya akan seperti dibawah:

Sebelum ditekan Bersih

 
Sesudah ditekan Bersih


Nah sekarang kita sudah selesai mengerjakan Tugas Latihannya 😇

Sekian dari saya teman teman, Terimakasih...


Komentar

Posting Komentar

Postingan populer dari blog ini

Fungsi IF dan Case Pada Visual Basic

Gambar
Tujuan Memberikan pemahaman tentang struktur keputusan atau pemakaian selection If.  Struktur Keputusan Struktur keputusan adalah struktur program yang melakukan proses pengujian untuk mengambil suatu keputusan apakah suatu baris atau blok instruksi akan diproses atau tidak. Pengujian kondisi ini dilakukan untuk memilih salah satu dari beberapa alternatif yang tersedia. IF … THEN … ELSE  STATEMENT A.  Pengambilan Keputusan Antara 2 (Dua) Pilihan Bentuk Penulisan: If [Ekspresi Logika] Then     [Statement 1] Else     [Statement 2] End if Struktur keputusan ini akan menguji Ekspresi Logika (kondisi) yang ditentukan, jika kondisi bernilai  True (benar) maka  Statement1   akan diproses, tetapi jika kondisi bernilai  False  (Salah) maka  Statement2   yang akan diproses. Ekspresi Logika  adalah suatu kondisi yang akan diuji. Untuk menetapkan nilai yang akan diuji pada suatu kondisi harus menggunakan...
Baca selengkapnya

Struktur Keputusan Pada Visual Basic

Gambar
STRUKTUR KEPUTUSAN Pada Visual Basic Tujuan Memberikan pemahaman tentang struktur keputusan atau pemakaian selection Select Case. Struktur Keputusan Struktur keputusan adalah struktur program yang melakukan proses pengujian untuk mengambil suatu keputusan apakah suatu baris atau blok instruksi akan diproses atau tidak. Pengujian kondisi ini dilakukan untuk memilih salah satu dari beberapa alternatif yang tersedia. A. Select Case  Statement Digunakan untuk pengambilan keputusan dari beberapa pilihan. Jika dalam perintah IF pengecekan dilakukan berdasarkan kondisi, namum dalam Select Case pengecekan dilakukan berdasarkan nilai Ekspresi. Bentuk Penulisan: Select Case [Kondisi]         Case [Ekspresi1]                [Statement1]         Case [Ekspresi2]                [...
Baca selengkapnya

TIPE DATA DAN VARIABEL

Gambar
Tujuan Memberikan pemahaman tentang tipe data dan variabel. Tipe Data   Seperti bahasa pemrograman yang lain, Visual Basic .Net juga menyediakan berbagai tipe data yang dapat digunakan oleh pemrograman sesuai dengan konteks pemakaiannya. Berikut beberapa tipe data yang tersedia dalam VB.Net yang sering digunakan. Variabel Variabel merupakan tempat penyimpanan data. Variabel memiliki sebuah nama disertai dengan tipe data yang akan ditampung oleh variabel tersebut. Berbeda dengan VB6, variabel dalam VB.Net harus dideklarasikan terlebih dahulu, jika tidak akan terjadi kesalahan Compiler. Deklarasi Variabel Dim merupakan keyword dalam pendeklarasian variabel. Bentuk penulisan Deklarasi Variabel: Contoh: Dim a,b as integer Dim i as string Pemberian Nilai Awal pada Variabel Bentuk Penulisan: Contoh: a=10 b=5 i=“Visual Basic” Pendeklarasian Variabel disertai pemberian Nilai Awal  Bentuk Penulisan: Contoh: Dim a as integer = 10 Dim i as string = “Visua...
Baca selengkapnya