Integrated Development Environment Visual Basic

Kalau kita ingin mempelajari suatu bahasa pemrograman, maka kita harus mengenali lingkungan bahasa pemrograman tersebut. Visual Basic merupakan tool atau kakas untuk membuat aplikasi dengan bahasa basic dengan didukung oleh kakas yang lain untuk memberikan kemudahan pengguna dalam membangun aplikasi. Kakas - kakas pendukung yang digabung dengan bahas basic itu sendiri dikenal dengan Integrated Development Environment (IDE). IDE visual basic adalah sebagai berikut:

Gambar yang lebih  jelas menu bar dan toolbar standar adalah sebagai berikut:

 

Tool box merupakan alat yang berisi komponen yang dapat ditempelkan pada form untuk membuat aplikasi. Toolbox dalam visual basic adalah sebagai berikut :

Properties digunakan untuk melihat karakteristik suatu objek yang ditunjuk. Properties untuk objek Form adalah sebagai berikut:

Untuk dapat menjelajahi projek yang sedang dibangun, Anda dapat menggunakan fasilitas Project Explorer yang berisi komponen project tersebut.

Mengatur letak form pada saat program dijalankan dapat dilakukan  dengan mengset properties form tersebut, atau melalui kode program atau untuk memudahkan dapat menggunakan Layout window. Pada layout ini, form hanya digerakan ke kanan, kiri, atas atau bawah sesuai keinginan.

 

Sejarah Perkembangan dan Struktur Aplikasi Visual Basic

Microsoft Visual Basic adalah bahasa pemrograman yang digunakan untuk membuat aplikasi windows yang berbasis GUI. Visual Basil merupakan Event- Driven Programming (pemrograman terkendali kejadian) artinya  program menunggu sampai adany respon dari pemakai berupa event/kejadian tertentu (tombol diklik, dll). Ketika event terdeteksi, kode yang berhubungan dengan even tersebut akan dijalankan. Sejarah perkembangan visual basic, sebagai berikut:

1. visual basic pertama kali dipekenalkan tahun 1991, yaitu program visual basic untuk DOS dan untuk Windows
2. visual basic 3.0 dirilis tahun 1993
3. visual basic 4.0 dirilis pada akhir 1995 (tambahan dukungan untuk aplikasi 32 bit)
4. visual basic 6.0 dirilis pada akhir tahun 1998
5. visual basic yang terbaru adalah visual basic dalam lingkungan frame work dot net. Visual basic ini dikenal dengan visual basic dot net (VB.NET).

Setiap aplikasi yang dibuat dalam visual basic disebut dengan project. Project tersebut dapat berisi:

1. Form, jendela dimana Anda akan membuat user interface
2. Control, tampilan berbasis grafis yangdimasukkan pada form untuk membuat interaksi dengan pemakai
3. Properties, karakteristik yang dimiliki oleh sebuah objek visual basic.
4. Methods, serangkaian perintah yang sudah tersedia pada objek yang diminta untuk mengerjakan tugas tertentu.
5. Event Procedures, kode yang berhubungan dengan suatu objek.
6. General Procedures, kode yang tidak berhubungan dengan suatu objek
7. Module, kumpulan dari prosedur umum dan definisi konstanta yang digunakan oleh aplikasi.

Visual basic : Studi Kasus 1

Buatlah sebuah program Visual Basic  dengan tampilan sebagai berikut :

Ketentuan :

• Data yang diinput adalah kode transaksi, tanggal, nama pelanggan, alamat, jenis penyewaan dan lama/jumlah
• Data yang muncul otomatis adalah harga sewa, sub harga, potongan, sub grand, pajak dan grand
• Jenis Penyewaan akan muncul otomatis dan berpengaruh terhadap harga dengan ketentuan sbb :
• panggung  --> Rp 2.000.000;
• Kursi  --> Rp 25.000; 
• Sound System --> Rp 900.000;
• Taman --> Rp 350.000;

• sub harga didapat dari harga x lama/jumlah
• Potongan = 10% x sub harga
• Sub grand didapat dari sub harga - potongan
• Pajak = 10% x sub grand
• Grand didapat dari sub grand + Pajak
• Fungsikan tombol baru dan keluar sesuai dengan fungsinya :
• Tombol Baru untuk membuat form bersih
• Tombol Keluar untuk keluar program  

Catatan :

1. Tugas dikirimkan via email paling lambat Selasa, 07/06/2017 Pukul 07.00 pagi.
2. Subject email : Revisi_Kelas_Nama
3. Tugas yang terindikasi Copas dari mahasiswa lain tidak akan dinilai.

Kumpulan Materi Tutorial Pemrograman Visual (Visual Basic)

Kumpulan Materi kuliah pemrograman visual menggunakan visual basic. Mudah-mudahan bermanfaat.

1. Sejarah Perkembangan dan Struktur Aplikasi Visual Basic 
2. Integrated Development Environment Visual Basic
3. Membuat Koneksi ke Database
4. Membuat Form Navigasi
5. Membuat Form Input Data
6. Membuat Form Edit Data
7. Membuat Form Hapus Data
8. Membuat Form Searching Data

Artikel selanjutnya akan segera menyusul. Kalau ada masukan silahkan tulis di form komentar dibawah ini.

Visual Basic : Membuat Form Searching Data

Hal yang sangat penting lainnya selain tambah, edit dan hapus data adalah cari data. begitu data sudah banyak maka sangat menyulitkan apabila kita mencari manual menggunakan datagrid. Maka membuat cari data adalah hal yang sangat urgent.Pencarian data bisa menggunakan NPM ataupun Nama. Pada contoh ini akan dibuat berdasarkan NPM kalau nanti mau menggunakan berdasarkan nama prosesnya hampir sama. Pada contoh ini saya tidak akan menggunakan form atau textbox baru tapi menggunakan textbox yang sudah ada.

Langkah-langkahnya adalah sebagai berikut :

1. Klik 2 kali pada textbox npm

2. Ubah procedurenya menjadi Keypress, normalnya adalah change

3. Tambahkan script yang ditulis miring dibawah ini :

Private Sub txtkodeanggota_KeyPress(KeyAscii As Integer)   If KeyAscii = 13 Then
   Adodc1.Recordset.MoveFirst
   Do While Not Adodc1.Recordset.EOF
        If Adodc1.Recordset!npm = txtnpm.Text Then
           MsgBox "Data ditemukan"
           txtnama = Adodc1.Recordset!nama
           txtnilai = Adodc1.Recordset!nilai
           Exit Do
         Else
          Adodc1.Recordset.MoveNext
         End If
Loop
End If
End Sub

Kalau sudah selesai dsilahkan dicoba, ketikkan salah satu npm, kalau ketemu maka data nama dan nilainya akan muncul. kalau ada script yang tidak dimengerti silahkan tulis saja di form komentar dibawah ini.

Visual basic : Membuat Form Hapus Data

Langkah selanjutnya setelah kita membuat form input dan edit adalah kita membuat hapus data. Kita bisa memilih data yang mau dihapus dan selanjutnya tinggal menghapus data tersebut dari form.

Langkahnya tinggal melanjutkan dari form edit data pada artikel sebelumnya, tinggal menambahkan tombol hapus data seperti dibawah ini.

Prosesnya hampir sama seperti edit data, jadi data yang mau dihapus dipilih dulu lewat datagrid atau bisa menggunakan tombol navigasi yang sudah dibuat sebelumnya setelah itu pilih tombol hapus maka data akan kehapus. Seleah menambahkan button langkah selanjutnya adalah tambahkan script di bawah ini ke tombol hapus. Caranya seperti biasa klik 2 kali tombol hapus dan tambahkan script yang ditulis miring berikut ini.

Private Sub CmdHapus_Click()   Adodc1.Recordset.Delete
   txtnpm.Text = ""
   txtnama.Text = ""
   txtnilai.Text = ""
   MsgBox "Data sudah dihapus"
   Adodc1.Refresh
End Sub

Kalau sudah selesai silahkan di coba.

Visual Basic : Membuat Form Edit Data

Pada artikel sebelumnya kita sudah membuat koneksi kedatabase, form navigasi dan input data dari form, sekarang kita akan membuat form edit data. Langkah awalnya adalah lanjutkan saja program sebelumnya yaitu input data dan tambahkan 1 button baru yaitu edit data, seperti pada gambar dibawah ini.

Setelah selesai skenario selanjutnya yaitu pada saat memilih data yang tampil di data grid maka data tersebut akan muncul di textbox dan selanjutnya kita edit. Untuk membuat agar data yang kita pilih di datagrid muncul di masiung-masing textbox adalah double klik datagrid dan isi dengan script yang ditulis miring berikut :

Private Sub DataGrid1_Click()     txtknpm = Adodc1.Recordset!npm
     txtnama = Adodc1.Recordset!nama
     txtnilai = Adodc1.Recordset!nilai
End Sub

Kalau sudah selesai silahkan coba jalankan dulu, saat klik data yang ada di datagrid, maka data tersebut akan muncul di textbox masing-masing. Langkah selanjutnya adalah menambahkan script di tombol Edit Data, double klik dan tambahkan  script yang ditulis miring berikut ini :

Private Sub CmdUbah_Click()   Adodc1.Recordset!npm = txtnpm.Text
   Adodc1.Recordset!nama = txtnama.Text
   Adodc1.Recordset!nilai = txtnilai.Text
   Adodc1.Recordset.Update
MsgBox "Data sudah diubah"
End Sub

Kalau sudah selesai coba jalankan programnya dan pilih data yang akan diubah di datagrid bisa menggunakan tombol navigasi yang sudah kita buat sebelumnya, maka datanya akan masuk ke textbox, selanjutnya ubah datanya dan pilih tombol edit data maka data akan tersimpan sebaui yang sudah kita edit.

Visual Basic : Membuat Form Tambah Data

Setelah kita membuat koneksi ke database dan tombol navigasi seperti pada artikel sebelumnya, selanjutnya sekarang kita akan membuat form untuk memasukkan data. Langkah awal adalah desain form yang sudah dibuat sebelumnya menjadi seperti dibawah ini .

Lihat yang disebelah kanan ada npm, nama dan nilai, data tersebut yang akan kita masukkan sesuai dengan tabel dalam database yang sudah  dibuat sebelumnya. Dari form yang ada di artikel sebelumnya yaitu membuat tombol navigasi dan koneksi ke database kita tinggal menambahkan :

• 3 buat label, dan ubah captionnya menjadi NPM, Nama dan Nilai.
• 3 buah texbox,  ubah namenya masing-masing menjadi txtnpm, txtnama dan txtnilai
• 1 buah button, ubah captionnya menjadi Tambah data dan kosongkan propertis Text-nya

Selanjutnya double klik tombol tambah data dan masukkan script yang ditulis miring berikut :
 Private Sub CmdTambah_Click()
    Adodc1.Recordset.AddNew
    Adodc1.Recordset!npm = txtnpm.Text
    Adodc1.Recordset!nama = txtnama.Text
    Adodc1.Recordset!nilai = txtnilai.Text
    Adodc1.Recordset.Update    
    MsgBox "Data sudah disimpan"
    Adodc1.Refresh 
End Sub 

Kalau sudah selesai  silahkan  coba jalankan dan coba input data dari programnya dengan menggunakan tombol F5 atau icon Start yang ada di program. Kalau programnya sukses maka data yang kita inputkan akan otomatis muncul di datagrid.

Visual Basic : Membuat Tombol/Button Navigasi

Setelah membuat koneksi ke database seoperti yang sudah di jelaaskan di artikel sebelumnya (Koneksi Ke Database), selanjutnya kita coba buat tombol navigasi sehingga data bisa berpindah tanpa kita harus memilih di datagridnya. Tombol Navigasi yang akan kita buat adalah :

1. Next (Pindah ke record selanjutnya)
2. Previous (Pindah ke record sebelumnya)
3. Home (Pindah ke record pertama)
4. Last (Pindah ke record terakhir)

Buatlah desain seperti di dibawah ini :

Selanjutnya dimasing-masing button/tombol ketikkan isi procedure seperti dibawah ini sesuai dengan fungsinya masing-masing. Double klik di masing- masing button dan isi script berikut :

• Di procedure tombol Home ketikkan  :  Adodc1.Recordset.MoveFirst
• Di procedure tombol Previous  ketikkan : Adodc1.Recordset.MovePrevious
• Di procedure tombol Next  ketikkan : Adodc1.Recordset.MoveNext
• Di procedure tombol Last  ketikkan : Adodc1.Recordset.MoveLast

Kalau sudah selesai coba jalankan programnya (Tekan F5) dan pilih masing-masing button. Lihat perubahannya di datagrid. kalau berpindah datanya berarti programnya sukses. Selanjutnya kita akan coba input, edit, delete, view dan search di artikel selanjutnya.

Visual Basic : Kupas Tuntas Membuat Koneksi Ke Database

Untuk koneksi visual basic ke database khususnya Microsoft Access kita bisa menggunakan Microsoft Data Control (ADODC). Keunggulan menggunakan koneksi ADODC adalah semua database bisa dikoneksi dengan ADODC dengan memilih provider database yang sesuai dengan database yang dipakai baik untuk database lokal maupun database jaringan.

Cara menambahkan komponen MS ADO Data Control :

• Pilih menu : Project – Components, atau
• Arahkan mouse pada area toolbox, dan klik kanan, pilih Components.
• Pilih komponen MS ADO Data Control 6.0 dan MS DataGrid Control 6.0,dan tekan OK

Kalau sukses, maka akan ada 2 icon baru di tollbox seperti pada gambar diatas. Selanjutnya adalah membuat koneksi dengan data base yang sudah kita buat sebelumnya di Access. Untuk cara membuat database di Access bisa baca di tutorial ini -> Tutorial Access

Langkah selanjutnya adalah :

1. Buat sebuah form
2. Pilih komponen ADODCdan DataGridpada toolbox dengan double clickmouse, maka akan muncul komponen tersebut dalam form.
3. Atur ukuran dan posisi komponen tersebut. Seperti pada contoh dibawah ini

Hubungkan ADODC ke database MS Access yang sudah kita buat sebelumnya., Klik kanan pada ADODCyang berada di form tersebut, lalu pilih ADODC Properties.

ODBC(Open Database Connectivity) merupakan teknik membuka dan mengkoneksi database secara umum, semua database yang dikoneksi dapat dilakukan dengan teknik ODBC, karena ODBC pada dasarnya diletakan atau berada di setiap administrasi Operating System. Selanjutnya

• Pilih Use ODBC Data Source Name, untuk membuat nama koneksi ODBC yang dihubungkan ke database
• Pilih New untuk memulai. Setelah pilih New maka akan muncul dialog box berikut

Kotak dialog ini menanyakan bagaimana anda ingin membagi database yg ingin diakses pada program visual basic.

1. Pilihan “File Data Source”, menentukan bahwa database anda akan digunakan oleh pemakai pd komputer lain (by network/internet), pilihan fleksible tp tidak perlu utk database sistem tunggal.
2. Pilihan ”User Data Source”, database hanya digunakan oleh anda sendiri.
3. Pilihan ”System Data Source”, database bisa digunakan orang lain dgn komputer anda tapi dgn login yg berbeda.
4. Pilih yang ke-tiga lalu tekan Next.

Selanjutnya akan muncul tampilan dibawah ini dan Pilih Driver Microsoft Acces Driver,yg  menghubungkan ke database MS Access.

Setelah itu pilih Next dan di dialog box selanjutnya pilih Finish. Setelah itu maka akan mucul dialog box berikut ini.

Langkah Selanjutnya :

1. Beri nama Data Source Name, misalkan Mahasiswa.
2. Lalu tekan Select, utk memilih file database yang sudah dibuat sebelumnya misalnya pada contoh diatas adalah contoh.accdb.
3. Selanjutnya kalau sudah dipilih tekan OK, kemudian OK lagi.

Selanjutnya akan muncul form diatas dan pilih data source name yang sudah kita buat sebelumnya yaitu mahasiswa. Setelah itu pilih Tab RecordSource, masukkan:

• Command Type pilih : 2-adCmdTable
• Table or Stored Procedure Name: “Kuliah” (sesuaikan dengan nama tabel yang sudah kita bikin di database)
• Tekan OK

Setelkah di pilih OK maka selanjutnya akan kembali ke form awal. Langkah selanjutnya adalah setting ADODC1 kita. Pilih Adodc1 dan lihat propertisnya. Selanjutnya pilih nama databasenya.

Kalau sesudah selesai selanjutnya data yang sudah kita buat di Ms.Access bisa muncul di Datagrid. Seperti contoh dibawah ini.

Sampai tahap  ini koneksi berhasil selanjutnya adalah melakukan CRUD lewat form. Baca juga artikel selanjutnya.