MODUL VB NET 2008 TRIGUNA DHARMA MEDAN

Oleh : Sukron Samosir

1

berada di bawah menu File 3. klik gambar atau icon "New Project" yang terdapat di sisi kanan atas. Menggunakan short key Ctrl+N Kemudian di layar anda akan ada tampilan seperti ini: 2 .Tampilan awal VB NET anda mungkin akan seperti pada gambar berikut ini: Untuk memulai project baru. klik Menu-->File-->New Project 2. diantaranya : 1. dapat dilakukan dengan beberapa cara.

lokasi default project VB NET biasanya terdapat di : My Documents --> Visual Studio Projects.Pilihlah "Windows Form Application". Setelah menekan tombol OK. tampilan akan menjadi seperti ini: 3 . kemudian tekan OK.. Tidak perlu mengubah lokasi folder. mari kita ganti WindowsApplication1 menjadi Latihan1 .

Selanjutnya kita akan belajar mengenai Form di dalam Visual Basic NET 2008 Express 4 .

memanjang ke bawah (vertikal). proses koding dan sebagainya. Tekan tombol F5 pada keyboard ketiga langkah diatas. serta kontrol-kontrol lain nya. dan 2. Untuk saat sekarang kita tidak perlu dibingungkan oleh kedua pengertian tersebut. klik : Debug --> Start Debugging 2. Sekarang. sebuah program tentu saja harus memiliki manfaat. Pertama. Mari kita mulai melakukan sesuatu dengan Form kita ini. Pada bagian Toolbar. bukan? Ya. klik Icon segitiga (seperti icon utk tombol "play") dengan tulisan yang sama. kita akan mendesain Form ini dengan beberapa kontrol sebagaimana layaknya program-program lain yang kita kenal. Sekarang. ada banyak hal yang tampaknya masih kurang. terdapat 2 Environment: 1. Pada bagian menu. dapat ditutup dengan mengklik icon X pada form anda. Start Debugging 3. yakni Form. beberapa tombol yang dapat digunakan untuk mengeksekusi perintah. Meski demikian. akan diulas mengenai salah satu aspek yang paling menonjol dalam pemrograman dengan Visual Basic. Di dalam Visual Basic.Pada topik sebelumnya. Debug Environment Pada Design Environment. pastikan anda telah berada pada Debug Mode terlebih dahulu. Selamat! anda telah berhasil menjalankan sebuah program anda sendiri. Kontrol-kontrol tersebut terdapat di menu sebelah kiri. Latihan1. 5 . Sedangkan Debug Environment merupakan mode percobaan atau pengujian dari program yang kita buat. tujuan dan fungsi program itu dibuat. Sebelumnya. disebut dengan istilah Toolbox. Kembali pada project baru kita. Design Environment. karena lambat laun hal tersebut akan lebih dipahami sejalan dengan perkembangan pembelajaran kita. contohnya seperti textbox yang biasanya digunakan untuk meng-input teks. cobalah lakukan 3 langkah di bawah ini: 1. kita dapat melakukan banyak hal mulai dari pengaturan letak kontrol. kita telah belajar memulai suatu project baru dalam VB NET 2008 Express.

seperti yang terlihat pada gambar di bawah ini. Mulai dari Button. 6 . terdapat berbagai macam kontrol pada kategori ini. Klik atau Double Klik Icon Textbox tersebut 3. untuk mengaksesnya anda dapat mengklik kiri tanda (+) pada masing-masing kategori. Textbox dan sebagainya dengan masing-masing fungsi yang akan kita bahas nanti. Untuk project kita sekarang.Menambahkan Control melalui Toolbox Terdapat beberapa kategori pada Toolbox. Label. Sebagaimana yang kita lihat. kita membutuhkan kontrol yang terdapat pada kategori Common Control. Textbox telah berada di Form Latihan1 Kita dapat mengatur ukuran dan posisi Textbox tersebut sesuai keinginan. Textbox Mari kita mulai dengan memasukkan Textbox pada Form Latihan1. Cari dan temukan kontrol Textbox pada kategori Common Control 2. Lakukan hal tersebut dengan cara berikut: 1.

Caranya sama seperti kita memasukkan kontrol Textbox pada Form : 1. lakukan dengan cara yang sama dan atur sedemikian rupa sehingga posisi ketiga textbox akan terlihat seperti pada gambar di bawah ini. Klik atau Double Klik kontrol tersebut Tambahkan 2 buah kontrol Label lagi ke dalam Form dan atur sedemikian rupa sehingga posisi kontrol-kontrol tersebut tampak seperti pada gambar di bawah ini. Bila pada saat kita menggeser posisi mouse di atas atas kontrol Textbox kemudian kursor berubah menjadi seperti tanda (+) dengan anak panah.Ada kotak-kotak kecil di bagian pinggir kontrol Textbox yang apabila anda klik kiri dan drag (menggeser dengan menahan tombol kiri pada mouse). Sekarang tambahkan 2 Textbox lainnya ke dalam Form. ukuran textbox akan berubah. sekarang kita akan tambahkan kontrol Label. Cari dan temukan kontrol dengan nama Label pada kategori Common Control 2. Menambahkan Label pada Form Setelah kita mempunyai 3 textbox pada form. 7 . artinya kita dapat menggeser atau memindahkan posisi Textbox tersebut ke lokasi lain pada form sesuai dengan keinginan kita.

Namun. Selain mengklik tanda Close pada Form. Contohnya. dengan icon seperti yang terlihat pada gambar di bawah ini. Untuk menghentikan Debug Mode. kita harus memanfaatkan sifat yang dimiliki kontrol-kontrol tersebut. "Label2" dan "Label3". kita dapat mengklik tanda silang (X) pada Form dan kembali pada Design Environment. masih banyak hal yang masih kurang disini. yakni Textbox dan Label.Jalankan program kita dengan menekan tombol F5 pada keyboard. kita dapat juga menghentikan Debug Mode melalui Debug Toolbar. 8 . label-label tersebut masih tertulis sebagai "Label1". Untuk mengubahnya. Dinamakan dengan istilah Property. atau melalui menu Debug-->Start Debugging. Awal yang cukup mudah untuk mulai membuat suatu program bukan? Kita telah mempelajari cara menambahkan Control pada Form.

tertulis Form1 System. Melalui Kode. kita telah mengubah sesuatu pada Form1 yang dapat terlihat seperti pada gambar di bawah ini. kita dapat melihatnya pada bagian sebelah kanan jendela Visual Basic. pertama-tama kita pilih salah satu bagian dari program kita ini misalnya kita pilih Form itu sendiri.Properties pada VB NET Untuk melihat Property. Ubahlah tulisan Form1 di sebelah kanan property Text menjadi Latihan 1.Windows . Textbox2 dll. dapat dilakukan dengan 2 cara : 1. Untuk melihat property apa saja yang dimiliki Form1. hal ini ditandai dengan kotak transparan yang mengelilinginya. Akan terlihat seperti pada gambar di bawah ini. bila anda memilih kontrol Textbox misalnya.. 9 . temukan bagian Text pada property Form1. kemudian klik kiri. kita akan seringkali perlu melakukan hal ini nantinya Sekarang. Kini. Pada bagian paling atas. Mengubah property sebuah Control Object. maka akan tertulis Texbox1. Melalui jendela property seperti pada gambar di atas 2. Form1 telah terpilih. merupakan nama kontrol tersebut. klik pada bagian itu seperti pada gambar di atas. Property Text merupakan bagian property yang dimiliki oleh Form1. Arahkan mouse ke salah satu area Form yang kosong..

Telepon Jalankan program kita dengan menekan tombol F5 pada keyboard. Gantilah property Text ketiga kontrol tersebut masing-masing : 1. Selain itu. akan dibahas mengenai salah satu property lain yang dimiliki oleh kontrol. Label2 --> Nama Belakang 3. carilah kontrol ComboBox . ListBox dan Button Kembali ke Toolbox di bagian sebelah kiri.Apakah perubahan pada Form1 terlihat? Benar. scroll ke atas dan cari property "Font". tulisan pada bagian kiri atas Form kita telah berubah sesuai dengan yang kita tuliskan. Menambahkan Kontrol ComboBox . Pada bagian ini. Label3 --> No. Atur posisi kontrol-kontrol tersebut sehingga tampak seperti pada gambar di bawah ini. Tambahkan pula satu kontrol Textbox lagi ke dalam Form. Ubah setting property font menjadi : Font : Arial -> Font Style : Bold -> Size : 10 Klik OK. 10 . kita telah belajar cara mengubah property "Text" pada kontrol. kita juga bisa mengubah property-property lainnya seperti pengaturan tampilan warna. ListBox dan Button kemudian masukkan kedua kontrol tersebut ke dalam Form Latihan 1. yakni property "Font". Gunakan metode yang sama untuk mengubah beberapa nilai property nya. latar belakang gambar dll. Property .Bagian 2 Pada bagian sebelumnya. Label2 dan Label 3. yaitu dari Form1 menjadi Latihan 1. Label1 --> Nama Depan 2. Lakukan hal yang sama untuk Label1. Klik kiri Label1 (yang telah diganti menjadi "Nama Depan") Pada jendela "Properties".

caranya sama seperti aplikasi-aplikasi lain pada umumnya. Menyimpan Project File Sebelum melangkah lebih jauh dengan Form Latihan 1. Menggunakan shortcut : ctrl+S untuk Save. Tidak perlu khawatir. Pembahasan lebih jauh tentang implementasi dan hal-hal yang bisa kita manfaatkan dari control object di atas akan dikemukakan pada bagian berikutnya dari tutorial ini. terlebih lagi bila kita bekerja dengan koding yang jauh lebih kompleks lagi untuk menghindari kehilangan data yang sudah dengan susah payah kita kerjakan. Kita bisa melakukannya dengan beberapa cara. Saving hasil pekerjaan secara rutin akan sangat berguna sekali. Klik Menu --> File --> Save All 2.Sekarang kita memiliki sebuah Form dengan tampilan yang lebih kompleks. marilah terlebih dahulu kita lakukan penyimpanan (save) hasil pekerjaan kita saat ini. diantaranya : 1. dan Ctrl+Shift+S untuk Save All 11 . kita nanti akan bermain-main dengan kontrol-kontrol ini secara perlahan. Mengklik icon Save atau Save All pada toolbar 3. Untuk menyimpan project file.

Untuk lebih jelas lagi aplikasi Variable pada Visual Basic. variable akan seringkali kita gunakan untuk membantu dalam berbagai ekspresi penulisan kode (koding). Suatu saat anda lupa nomor PIN 2 buah kartu ATM yang anda miliki sedangkan anda harus mengambil sejumlah uang dari kedua rekening tabungan itu. Begitu pula dengan penerapan variable di dalam Visual Basic.  bilangan1 dan bilangan2 ini adalah nomor rekening seperti contoh yang dikemukakan di atas  bilangan1 = 3 dan bilangan2 = 5 Tanda (=) tidak benar-benar berarti (=) seperti dalam simbol matematika. Contoh di atas merupakan gambaran pengertian nomor rekening sebagai variable pemiliknya (nasabahnya). Akan kita bahas satu persatu konsep dan pengertian dari tulisan di atas. atau sesuatu yang memiliki nilai yang disimpan ke dalam memori komputer yang dapat digunakan kemudian untuk dimanipulasi atau diterapkan pada suatu ekspresi pemrograman. buka kembali Latihan1 yang telah kita hias dengan beberapa kontrol.Pendahuluan Variable (atau dalam ejaan bahasa Indonesia ditulis : variabel) merupakan tanda (identifier). bahwa kita menetapkan angka "3" sebagai nilai yang akan diberikan pada "bilangan1" dan seterusnya. Variable . Double klik (klik ganda) kontrol "Button".  AS Integer Menunjukkan pada Visual Basic. Masing-masing rekening diberikan kartu ATM dengan nomor kartu dan PIN yang berbeda. Kita memberitahukan kepada VB bahwa menyatakan sesuatu dengan Variable ini.Variable .Bagian 2 Untuk memahami lebih jauh lagi mengenai penggunaan variable. bank membutuhkan informasi kedua nomor rekening anda agar permohonan anda untuk mencairkan uang dapat diproses. maka anda pergi ke bank dan meminta bantuan untuk mencairkan sejumlah uang dari 2 rekening yang berbeda. simbol. anda memiliki beberapa nomor rekening di sebuah bank. Nah. saya rasa cukup basa-basinya. Tanda tersebut menunjukkan pada Visual Basic. bahwa variable yang akan kita gunakan adalah berupa angka (integer). Bayangkan sebuah bank. dan membedakan anda dengan nasabah lainnya sehingga pihak bank tidak akan keliru dalam memproses rekening tabungan nasabahnya. akan kita bahas lebih mendalam pada bagian Tutorial selanjutnya.  Dim Singkatan dari "Dimension" yang merupakan salah satu Variable. Untuk itu. nomor rekening merupakan penanda (identifier) yang menunjukkan bahwa pemilik nomor rekening x itu adalah anda. Terdapat banyak Variable pada VB. namun untuk saat ini pastikan untuk penulisan Variable selalu diawali dengan "Dim". akan memindahkan anda ke sebuah jendela baru atau disebut dengan istilah "Coding Window" Perhatikan gambar di bawah ini : 12 . Baiklah. Sekarang mari kita uji hal berikut ini: Dim bilangan1 As Integer Dim bilangan2 As Integer bilangan1 = 3 bilangan2 = 5 Kode diatas merupakan salah satu contoh cara Visual Basic dalam mengekspresikan sesuatu (contoh penulisan kode dalam Visual Basic).

Click End Sub Private menunjukkan bahwa bagian lain pada program tidak akan melihat bagian kode ini selain kontrol Button yang kita maksudkan Sub singkatan dari "Subroutine". Hal-hal di atas tidak perlu dihafalkan. Sebelumnya kita akan bahas dahulu kode yang secara otomatis dihasilkan pada saat kita memasuki jendela koding. _Click ( ) bagian ini disebut dengan istilah "Event".. " dan baris "End Sub". hal tersebut dimaksudkan untuk memotong penulisan kode yang panjang menjadi lebih pendek). di layar anda mungkin akan tampak seperti gambar ini 13 .. tuliskan kode di bawah ini: Dim angka1 As Integer Dim angka2 As Integer Dim jawaban As Integer angka1 = 5 angka2 = 3 jawaban = angka1 + angka2 MsgBox jawaban setelah menuliskan kode di atas. Menunjukkan pada VB bahwa kode diatas harus dijalankan (dieksekusi) Button1 nama kontrol yang kita miliki. Mungkin saja diantara kita ada yang sempat mengganti tulisan Button1 pada saat pembahasan mengenai property. Menulis Kode VB NET Pertama Anda Dengan posisi kursor mouse seperti pada gambar di atas. namun kenapa tulisan Button1 masih tetap muncul? bukan seperti yang kita ganti?. berada diantara baris "Public Sub .Object. Private Sub Button1_Click(ByVal sender As System. kita cukup pahami konsepnya saja. Posisikan kursor seperti pada gambar di atas. Property "Text" berbeda dengan property "Name" dan setiap kontrol memiliki 2 property tersebut.(catatan: tanda "_" pada gambar mungkin tidak terdapat di layar anda. pada saat tombol Button1 diklik akan terjadi event "Click" sehingga menyebabkan kode yang kita tulis dijalankan atau dieksekusi oleh program kita. _ ByVal e As System.EventArgs) _ Handles Button1. Dengan kata lain. End Sub merupakan akhir dari bagian kode yang kita tulis.

Setelah itu. angka2 dan jawaban). Diikuti dengan kata "Integer". kita memberitahukan pada VB bahwa variable yang kita buat itu adalah angka. kita menentukan nama variable kita (angka1.vb [Design]" Penjelasan kode: Pertama.Simpan (save) hasil pekerjaan kita. jalankan program dengan menekan tombol F5 pada keyboard. Jika anda kesulitan untuk kembali ke jendela koding. Klik tombol "Button1" untuk melakukan pengujian kode yang telah kita tulis. Selanjutnya. anda dapat mengklik salah satu tab diatas dengan tulisan "Form1. 14 . dengan kata "Dim" kita memberitahukan pada VB bahwa kita akan menentukan variable. Tutup program kita dan kembali lagi ke Design Environment.

kita meminta VB untuk menjumlahkannya dengan perintah "angka1+angka2". Yang terakhir. Perhatikan perbedaannya.Text = jawaban Jalankan program dengan menekan tombol F5 pada keyboard. dan klik tombol Button1. 15 . namun pada TextBox yang berada di bawah tombol Button1 (TextBox4). sekarang hasil penjumlahannya tidak ditampilkan dalam bentuk "Message Box" lagi.Setelah kita menentukan ke-3 variable tersebut. hasil dari penjumlahan itu akan ditampilkan dalam bentuk "Message Box" (MsgBox). Ya benar. Kita semakin "dekat" dengan bahasa Visual Basic. Gantilah tulisan "MsgBox (jawaban)" menjadi: Textbox4. Property "Text" pada TextBox4.Text memiliki pengertian yang sama dengan property Text seperti yang telah kita bahas pada bagian jendela property. kembali pada kode yang tadi kita tulis. bukan? Lakukanlah beberapa perubahan pada kode di atas dengan melakukan latihan-latihan di bawah ini untuk semakin meningkatkan pemahaman anda. Sekarang.

masukkan ke dalam operasi penambahan. Gantilah nilai variable pada "angka1" dan "angka2" sesuai keinginan anda. pembagian dan perkalian seperti kedua variable sebelumnya. 2. 4. Simbol Matematika dalam VB NET 5.Latihan 1. 3. Tambahkan variable lainnya.). Berikut ini adalah tabel simbol matematika dasar dan operator kondisional yang dapat digunakan dalam VB NET : + penjumlahan * / = > < >= <= And Or <> pengurangan perkalian pembagian sama dengan lebih besar dari lebih kecil dari lebih besar dari atau sama dengan lebih kecil dari atau sama dengan dan atau tidak sama dengan Contoh penggunaan Contoh 1 : Dim bilangan1 As Integer Dim bilangan2 As Integer Dim bilangan3 As Integer Dim jawaban1 As Integer Dim jawaban2 As Integer Dim hasilAkhir As Integer bilangan1 = 24 bilangan2 = 9 bilangan3 = 6 jawaban1 = (bilangan1 + bilangan2) . Uji dan jalankan program.bilangan3) jawabanAkhir = jawaban1 + jawaban2 MsgBox (jawabanAkhir) Contoh 2 : Dim bilangan1 As Integer Dim bilangan2 As Integer bilangan1 = 12 bilangan2 = 9 IF bilangan1 > bilangan2 Then 'jika bilangan1 lebih besar dari bilangan2 MsgBox ("betul") 'tampilkan betul pada Message Box Else 'jika tidak MsgBox ("salah") 'tampilkan salah pada Message Box End IF 16 .(bilangan3 + bilangan2) jawaban2 = (bilangan1 * bilangan3) / (bilangan2 . pengurangan. Ubah operasi bilangan " + " menjadi pengurangan ( . pembagian ( / ) dan perkalian ( * ). dan jalankan program dengan menekan tombol F5 untuk melihat hasilnya. misal: "angka3 As Integer" tentukan nilainya (misal: angka3 = 5). Jalankan program untuk menguji dan melihat hasilnya.

Konversi Suhu 17 .

18 .

Sign up to vote on this title
UsefulNot useful