P. 1
Tutorial VB NET 2008

Tutorial VB NET 2008

|Views: 2,503|Likes:
Published by gunblues

More info:

Published by: gunblues on Apr 20, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

07/21/2013

pdf

text

original

MODUL VB NET 2008 TRIGUNA DHARMA MEDAN

Oleh : Sukron Samosir

1

Tampilan awal VB NET anda mungkin akan seperti pada gambar berikut ini: Untuk memulai project baru. dapat dilakukan dengan beberapa cara. klik Menu-->File-->New Project 2. 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 . berada di bawah menu File 3. diantaranya : 1.

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

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

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

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

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

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

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

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

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

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

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

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

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

(bilangan3 + bilangan2) jawaban2 = (bilangan1 * bilangan3) / (bilangan2 . 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) . 4. pengurangan. 2.). misal: "angka3 As Integer" tentukan nilainya (misal: angka3 = 5). Gantilah nilai variable pada "angka1" dan "angka2" sesuai keinginan anda. Simbol Matematika dalam VB NET 5. Tambahkan variable lainnya. Ubah operasi bilangan " + " menjadi pengurangan ( . dan jalankan program dengan menekan tombol F5 untuk melihat hasilnya. Uji dan jalankan program. pembagian ( / ) dan perkalian ( * ). Jalankan program untuk menguji dan melihat hasilnya. 3. pembagian dan perkalian seperti kedua variable sebelumnya.Latihan 1.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 . masukkan ke dalam operasi penambahan.

Konversi Suhu 17 .

18 .

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->