1 01 LINGKUNGAN VB.NET DAN VISUAL STUDIO 2010 SOLUTIONS DAN PROJECT SOLUTIONS Solutions Pada Visual Studio merupakan Kumpulan dari Project Project yang bersifat global dalam ruang lingkup.net Framework. Solutions bisa berisi satu atau beberapa kumpulan Project yang terdiri dari berbagai macam type project seperti Winforms, XAML, WPF, Web, Service, Azure, Silverlight, MS Office Application, Extenseion,Setup Deployment, dlsb atau sesuai dengan plugin yang terinstal. PROJECT Project Pada Visual Studio merupakan kumpulan file yang berisi sourceode, setting, plugin, dlsb yang menunjang dalam pembuatan suatu project. Jenis Project dalam Visual Studio 2010 dibagi dalam 4 garis besar CLS (Common Leanguage Spesification) yaitu : VB.NET, C#, Visual C++, F#. Bila kita langsung membuat project tanpa membuat solutions, makan secara otomatis akan dibuat solutions dengan nama yang sama dengan project yang dibuat.
2 VISUAL BASIC.NET PADA IDE VISUAL STUDIO 2010 Membuat Solutions Pada Visual Studio 2010 1. Buka Microsoft Visual Studio 2010 2. Setelah Terbuka, Pilih File -> New -> Project 3. Kemudian Pilih Other Project Types -> Visual Studio Solutions -> Blank Solutions. Pada Target Framework pilih.net Framework 4. Pada Name ketikan Nama dari Solution. Pada Locations, klik tombol Browse dan pilih di mana Solutions akan di simpan. Centang Pada Create directory for solutions kemudidan klik tombol OK. Sampai disini Solution telah dibuat namun masih kosong karena masih belum mempunyai project. Membuat Project VB.NET Pada Visual Studio 2010 1. Setelah Solutions di buat, Pilih File > Add > New Project 2. Pada tempelate pilih Visual Basic. Target Framework sebaiknya sama dengan solutions yang kita buat. Pilih Windows Forms Applications. Kemudian pada Name ketikan nama project. Untuk location akan otomatis berada di dalam folder solutions yang telah kita buat. Kemudian tekan tombol OK.
3 Menu dan Container VB.NET dalam IDE Visual Studio 2010 Saat Project Berhasil Dibuat, maka otomatis akan dibuat default Form yaitu Form1 Berikut adalah work area (area kerja) pada Visual Studio 2010. Merupakan Area Menu pada Visual Studio baik untuk membuat Solutions atau Project / File / Object Baru, Property, Reference,Run / Debug, dlsb. Merupakan Area Tool Bars, baik untuk running/debug, control aligment, dlsb. Merupakan Area ToolBox yang berisi Control Control yang akan dipakai dalam Visua Basic.NET Merupakan Main Area untuk menulis code, design Form / Control / Objek. Merupakan Message / Note area untuk menampilkan log, informasi, pesan ataupun kesalahan dalam proses pengembangan / produksi. Merupakan Area Explorer untuk melihat struktur Solutions / Team / Class Merupakan Area Property dan Event dari masing - masing Control / Object
4 Aplikasi Pertama Pada Visual Basic.NET Skenario : Kita akan membuat aplikasi sederhana untuk mendaftarkan nama mahasiswa. Pada Solution Explorer, Klik Kanan Pada From1.vb menjadi frmcoba.vb. Dan berikut Daftar Lengkap Control dan Properties pada frmcoba.vb No Jenis Control Nama Control Properties Control 1. 2. 3. 4. 5. 6. 7. Form Label Text Box Button Label List Box Button frmutama Label1 txtnama btndaftar Label2 lstdaftar btnbersih Text : Aplikasi VB.NET Text : Nama Mahasiswa Polnustar Text : Daftar Text : Daftar Mahasiswa Polnustar Text : Bersihkan Berikut adalah hasil design frmcoba.vb Variabel yang akan digunakan pada aplikasi : - Variabel Nama Mahasiswa Variabel yang akan memuat dan menyimpan value nama mahasiswa Type : String Dalam aplikasi yang akan kita buat, ada dua metode /method yang akan kita gunakan, yaitu : - Mendaftarkan Nama Mengisi Variabel Mahasiswa dengan mengambile value dari Properties : Text dari txtnama (textbox) dan Mendaftarkan / Menambahkan ke lstdaftar (List Box) sebagai item dari list box. - Membersihkan Daftar Membersihkan daftar / list dari List Box.
5 Sedangkan Event pada aplikasi Adalah : - Klik (Click) pada btndaftar untuk memanggil metode Mendaftarkan Nama - Klik (Click) pada btnbersih uuntuk memanggil metode Membersihkan Daftrar. Development Process : Untuk membuka jendela kode, pada Area Solution Explorer, klik pada frmcoba.vb, kemudian klik View Code Untuk membuka jendela design, pada Area Solution Explorer, kli pada frmcoba.vb, kemudian klik View Designer Berikut adalah struktur awal dari frmcoba.vb
6 Langkah yang akan dilakukan adalah : 1. Deklarasi Nama dan Tipe Variabel Dim Nama_Mahasiswa As String LIBRARY SYNTAX 01 2. Membuat Sub / Metode Mendaftarkan Nama Mahasiswa Sub MendaftarkanNamaMahasiswa() '01_Mengisi Variabel Nama Mahasiswa dari Property: Text pada txtmahasiswa Nama_Mahasiswa = txtnama.text '02_Mendaftarkan Nama Mahasiswa ke Daftar Mahasiswa ke Property : Items pada lstdaftar lstdaftar.items.add(nama_mahasiswa) LIBRARY SYNTAX 02 3. Membuat Sub / Metode Membersifhkan Daftar Nama Mahasiswa Sub MembersihkanDaftarNamaMahasiswa() '01_Mengosongkan Intems pada lstdaftar lstdaftar.items.clear() LIBRARY SYNTAX 03 4. Membuat Event untuk Mendaftarkan Nama Mahasiswa Untuk membuat Event, tampilkan Main Area pada mode Design View, kemudian klik pada btndaftar. Arahkan kursor pada Properties Area, kemudian pilih Events kemudian Double Klik pada Event Click. Maka kita akan otomatis kembali masuk ke jendela kode dengan struktur syntax sebagai berikut Private Sub btndaftar_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btndaftar.click LIBRARY SYNTAX 04 Kemudian modifikasi syntax menjadi seperti berikut : Private Sub btndaftar_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btndaftar.click '01_Memanggil Metode MendaftarkanNamaMahasiswa Call MendaftarkanNamaMahasiswa() LIBRARY SYNTAX 05 5. Membuat Event untuk Membersihkan Daftar Nama Mahasiswa Buatlah kembali Event Click untuk btnbersih dan modifikasi syntax menjadi seperti berikut : Private Sub btnbersih_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnbersih.click '01_Memanggil Metode MembersihkanDaftarNamaMahasiswa Call MembersihkanDaftarNamaMahasiswa() LIBRARY SYNTAX 06
7 6. Daftar Lengkap syntax yang ada pada frmcoba.vb Public Class frmcoba Dim Nama_Mahasiswa As String Sub MendaftarkanNamaMahasiswa() '01_Mengisi Variabel Nama Mahasiswa dari Property: Text pada txtmahasiswa Nama_Mahasiswa = txtnama.text '02_Mendaftarkan Nama Mahasiswa ke Daftar Mahasiswa ke Property : Items pada lstdaftar lstdaftar.items.add(nama_mahasiswa) Sub MembersihkanDaftarNamaMahasiswa() '01_Mengosongkan Intems pada lstdaftar lstdaftar.items.clear() Private Sub btndaftar_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btndaftar.click '01_Memanggil Metode MendaftarkanNamaMahasiswa Call MendaftarkanNamaMahasiswa() Private Sub btnbersih_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnbersih.click '01_Memanggil Metode MembersihkanDaftarNamaMahasiswa Call MembersihkanDaftarNamaMahasiswa() End Class LIBRARY SYNTAX 07 Dari Syntax diatas dapat kita lihat dan pahami bagaimana cara penyusunan clausa syntax dimana susunannya adalah: Class -> Variable Class -> Sub / Method - > Variable Method 7. Debuging Aplikasi Untuk mendebug /running aplikasi yang kita buat, Pada Menu pilih Debug -> Start Debuging (F5). Berikut aplikasi yang sedang running
8 Pengembangan Aplikasi Berikut adalah beberapa syntax tambahan yang berkaitan dengan aplikasi yang kita buat. 1. Syntax metode Menampilkan Pesan Konfirmasi MessageBox.Show("ISI PESAN") LIBRARY SYNTAX 08 2. Syntax metode memindahkan fokus ke btndaftar pada saat tombol enter ditekan pad txtnama dengan membuat Event KeyPress pada txtnama. Berikut adalah syntax di dalam event KeyPress If e.keychar = Convert.ToChar(13) Then btndaftar.focus() End If LIBRARY SYNTAX 09 3. Syntax metode mengosongkan txtnama txtnama.text = String.Empty LIBRARY SYNTAX 10 4. Syntax metode memindahkan kembali fokus ke txtnama saat Nama Mahasiswa telah terdaftar txtnama.focus() LIBRARY SYNTAX 11 Dari contoh syntax di atas, kembangkanlah aplikasi dengan skenario : Memasukan nama kemudian saat kita menekan tombol enter pada txtnama, fokus langsung dialihkan ke btndaftar, kemudian saat Nama Mahasiswa Didaftarkan, maka akan di muncunlkan pesan konfirmasi, kemudian txtnama akan kembali kosong dan fokus di kembalikan di txtnama.
9 LIBRARY SYNTAX 01. LIBRARY Dim Nama_Mahasiswa As String 02. LIBRARY Sub MendaftarkanNamaMahasiswa() '01_Mengisi Variabel Nama Mahasiswa dari Property: Text pada txtmahasiswa Nama_Mahasiswa = txtnama.text '02_Mendaftarkan Nama Mahasiswa ke Daftar Mahasiswa ke Property : Items pada lstdaftar lstdaftar.items.add(nama_mahasiswa) 03. LIBRARY Sub MembersihkanDaftarNamaMahasiswa() '01_Mengosongkan Intems pada lstdaftar lstdaftar.items.clear() 04. LIBRARY Private Sub btndaftar_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btndaftar.click 05. LIBRARY Private Sub btndaftar_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btndaftar.click '01_Memanggil Metode MendaftarkanNamaMahasiswa Call MendaftarkanNamaMahasiswa() 06. LIBRARY Private Sub btnbersih_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnbersih.click '01_Memanggil Metode MembersihkanDaftarNamaMahasiswa Call MembersihkanDaftarNamaMahasiswa()
10 07. LIBRARY Public Class frmcoba Dim Nama_Mahasiswa As String Sub MendaftarkanNamaMahasiswa() '01_Mengisi Variabel Nama Mahasiswa dari Property: Text pada txtmahasiswa Nama_Mahasiswa = txtnama.text '02_Mendaftarkan Nama Mahasiswa ke Daftar Mahasiswa ke Property : Items pada lstdaftar lstdaftar.items.add(nama_mahasiswa) Sub MembersihkanDaftarNamaMahasiswa() '01_Mengosongkan Intems pada lstdaftar lstdaftar.items.clear() Private Sub btndaftar_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btndaftar.click '01_Memanggil Metode MendaftarkanNamaMahasiswa Call MendaftarkanNamaMahasiswa() Private Sub btnbersih_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnbersih.click '01_Memanggil Metode MembersihkanDaftarNamaMahasiswa Call MembersihkanDaftarNamaMahasiswa() End Class 08. LIBRARY MessageBox.Show("ISI PESAN") 09. LIBRARY If e.keychar = Convert.ToChar(13) Then btndaftar.focus() End If 10. LIBRARY txtnama.text = String.Empty 11. LIBRARY txtnama.focus()