Cara Koneksi Visual Basic Dengan MySQL XAMPP Lengkap

"Cara Koneksi Visual Basic Dengan MySQL XAMPP untuk membuat aplikasi database penjualan barang"

15 min read
Cara Koneksi Visual Basic Dengan MySQL XAMPP - Database dan sistem basis data masih menjadi salah satu mata kuliah yang sulit untuk dikendalikan menurut saya. Seperti halnya membuat aplikasi database dengan database di MySQL Xampp yang harus dikoneksikan dengan VB.NET atau Visual Basic.

Cara Koneksi Visual Basic Dengan MySQL XAMPP
Cara Koneksi Visual Basic Dengan MySQL XAMPP

Koneksi VB dengan MySQL Xampp memang tidak semudah membalikkan telapak tangan. Perlu adanya pemahaman dasar agar dapat menghubungkan kedua aplikasi ini. Dan jika sudah terbiasa dan sukses terhubung satu kali, maka saya pastikan Anda tidak akan kesulitan lagi dalam mengkoneksikan Xampp dan Visual Basic

Cara Koneksi Visual Basic Dengan MySQL Xampp


Berikut daftar aplikasi yang harus dimiliki agar kita dapat memasangkan Xampp dengan VB.

1. Xampp


Aplikasi yang pertama tentu saja Xampp. Aplikasi ini digunakan untuk dapat membuat database di aplikasi web browser nantinya. Versi Xampp yang saya gunakan adalah xampp-win32-1.7.3 dengan ukuran file sekitar 51MB.

2. Visual Basic


Aplikasi Microsoft Visual Basic adalah aplikasi yang digunakan untuk memudahkan mengelola database. Kita akan membuat program aplikasi yang databasenya berasal dari data Xampp yang dapat dikelola dengan VB.. Nantinya kita akan menambah button atau tombol untuk memudahkan navigasi. Dalam tutorial ini, saya menggunakan Visual Basic 6.0.

3. MySQL Connector


Agar VB dan Xampp dapat dikonekkan, kita harus menginstal konektornya. Saya menggunakan MyODBC-3.51.01 sebagai konektor untuk menghubungkan antara aplikasi Visual Basic dengan Database Xampp.

4. Web browser


Untuk membuat database, kita membutuhkan aplikasi web browser. Saya lebih senang menggunakan aplikasi Google Chorme. Pastikan semua software di atas sudah terinstal tanpa masalah dan siap digunakan.

Tutorial Lengkap Cara Menghubungkan Visual Basic Dengan Xampp


Ikuti langkah-langkah ini berikut ini.

1. Buka aplikasi XAMPP Control Panel

Centang Svc dan klik start pada bagian Apache dan MySQL seperti gambar di bawah ini!

 Buka aplikasi Xampp dan setting control panel Xampp
Buka aplikasi Xampp dan setting control panel Xampp

2. Buka Browser Google Chorme Untuk Membuat Database

Tulis di address bar atau kotak pencarian http://localhost/phpmyadmin 

Maka akan muncul tampilan untuk membuat database MySQL localhost. Pada create new database, isi dengan nama database. Sebagai contoh, saya membuat nama dengan db_barang

masuk ke localhost/phpmyadmin
 http://localhost/phpmyadmin

3. Buat database baru di db_barang

nama tabel barang dan jumlah field 5
Create New Table Database
Pada create new table on database db_barang isi dengan nama tabel, contohnya barang
dan pada Number of Fields isi dengan 5. Kemudian klik go.

4. Buat nama file dan type datanya

Dalam contoh ini, kita membuat 5 field dari tabel db_barang yaitu sebagai berikut.
- kode_barang
- nama_barang
- jenis_barang
- harga_barang
- jumlah
Isi type, collation, dan length pada setiap field. Untuk lebih jelasnya, perhatikan gambar di bawah ini! Kurang lebih seperti inilah hasil dari tabel barang yang telah dibuat dan dilihat dari menu Structure.  

Database Xampp

5. Tulis beberapa record data barang

Database Xampp yang sudah diisi
Pada tahap ini, kita sudah selesai dengan Xampp dan databasenya. Sekarang kita akan membuat koneksi antara Xampp dan Visual Basic 6.0.

6. Masuk ke ODBC 32 Bit

Karena semua aplikasi yang saya gunakan versi 32 Bit, maka saya pun menggunakan ODBC 32 Bit. Caranya, klik start - pada menu pencarian, tulis ODBC dan pilih yang ODB 32 Bit.

Masuk ke ODBC 32 BIT
7. Pada create new data source

Klik add dan select Driver MySQL ODBC 3.51 Driver. Pilih berdasarkan ODBC yang diinstal.

MySQL ODBC 3.51 Driver
8. Isi konfigurasi MySQL ODBC 3.51 

Pastikan database source menggunakan nama sesuai dengan database yang dibuat di Xampp tadi, yaitu db_barang. Dan isi semua settingannya seperti gambar di bawah dan klik test data source. 

Koneksi ke Xampp Sukses

Jika muncul peringatan Database db_barang Connected Successfully to mysqid-5.1.41!!! maka koneksi sudah dibuat dan kita tinggal membuat aplikasi untuk program database ini di Visual Basic.

9. Buka aplikasi Visual basic 6.0
Dan Standard EXE kemudian klik Open

Membuat aplikasi untuk database Xampp di Vb
Inti dari koneksi antara database Xampp dengan aplikasi Visual Basic ada di Microsoft ADO Data Control 6.0 (OLEDB) dan Microsoft Data Bound Grid Control 5.0 (SP3). Kita harus mengaktifkan keduanya di aplikasi vb pada tab general.

Klik kanan pada bagian general dan pilih component.

Menambah Microsoft ADO dan Data Bound Grid
10. Buat dan setting Adodc

Klik kanan Adodc dan pilih Adodc Propertis.

Adodc properties
Pada properties page tab general klik build pada use connection string.

menghubungkan xampp dengan vb net
Use connection string

Pada data link properties, pada tab provider, pilih Microsoft OLE DB Provider for ODBC Drivers kemudian klik Next.

Microsoft OLE DB Provider for ODBC Driver
Di tab connection, pilih db_barang di use data source name kemudian klik test connection. Jika berhasil akan muncul test connection succeeded.

Test Connection Succeded
Kembali lagi ke page properties page pada tab record source, pilih command type 2 - adCMD table dan pada table or stored procedure name, pilih barang.

Pilih 2-adCmdTable dan nama tabel
Fungsi dari Adodc adalah untuk membuat user lebih mudah dalam melihat database. Digunakan sebagai tombol maju dan mundur otomatis.

11. Buat dan Setting Data Grid

Membuat data grid di vb

Klik datagrid yang telah dibuat dan lihat properties di bagian sebelah kanan. Pada Datasource pilih Adodc1.

Memilih Adodc1 sebagai datasource
12. Buat textfield untuk kelima field yang dibuat di database Xampp tadi

Intinya adalah pada semua textfield yang dibuat, pada propertiesnya, yaitu pada Datafield pilih berdasarkan data yang dibuat di Xampp tadi. Dan pada Data Source pilih Adodc1.

Aplikasi database barang sederhana dengan Xampp dan vb
13. Buat tombol navigasi lainnya sesuai kebutuhan

Berdasarkan database yang saya buat tadi, saya membuat tombol baru, yaitu tambah, hapus dan keluar untuk memudahkan dalam menggunakan aplikasi ini.

Membuat tombol untuk navigasi di aplikasi sederhana VB
14. Silahkan coba aplikasi databasenya

Klik Run - Start

 Koneksi visual basic dengan MySQL XAMPP Lengkap
Koneksi visual basic dengan MySQL XAMPP Lengkap

Pada tahap ini, data yang ditambah seharusnya akan bertambah juga di database Xampp dan data yang dihapus di visual basic ini juga akan terhapus di Xampp.

Mudah bukan? Jika tahu dasarnya, pasti akan jauh lebih mudah. Bagi Anda yang berminat mendapatkan source code atau aplikasi EXE-nya, silahkan hubungi Lara4store@gmail.com

Demikianlah cara membuat koneksi visual basic dengan MySQL XAMPP. Semoga bermanfaat dan jangan sungkan untuk bertanya jika ada yang kurang dipahami.
Posting Komentar