MENAMPILKAN DATA DARI DATABASE MYSQL DI VISUAL STUDIO 2012

Assalamualaikum Wr.Wb. Hallo gaes kali ini saya akan membagikan bagaimana cara menampilkan data dari database mysql di visual studio 2012. Sebelumnya kalian harus mempunyai Connector MySql dan Xampp nya terlebih dahulu. Jika belum punya silahkan download dulu disini,Xampp dan sesuaikan dengan versi Visual Studio kalian.

Untuk fungsinya sendiri yaitu untuk sebagai sarana komunikasi antara program VB (ataupun program jadinya yang kita buat dengan VB) dengan database mysql, sehingga data yang kita input dari program VB (Program jadi) bisa tersimpan di database mysql begitupun sebaliknya ketika kita ingin mengambil data dari database dan menampilkannya maka data tersebut bisa kita ambil melalui mysql connector.

Tanpa berlama-lama kita langsung saja membuat program nya.

Pertama jalankan aplikasi Xampp terlebih dahulu, Start Apache dan MySQL.

Setelah itu buka browser kalian boleh Google Chrome, Mozilla, ataupun browser yang lainnya. Ketikan pada AddressBar nya localhost/phpmyadmin atau 127.0.0.1/phpmyadmin untuk masuk ke jaringan localhost databasenya. Lalu buatlah database baru disini database saya bernama 'penjualan' dan membuat 3 tabel diantaranya : tbbarang, tbpelanggan, tbpesan.Kalian boleh bebas membuat tabel, tapi untuk bahan praktikum kali ini saya menggunakan 3 tabel saja.

Buat juga untuk datanya pada masing-masing tabel.

(tbbarang)

(tbpelanggan)

(tbpesan)

Setelah itu buka Visual Studio kalian, buatlah Project baru dengan Windows Forms Application dan berikan nama juga disini saya menamainya "DatabasePenjualan".

Setelah terbuat klik kanan pada nama project tadi dikanan atas > Properties > References > Add > Extensions (cari MySql.Data) > OK.

Jika sudah dan berhasil maka MySql.Data akan muncul dibagian paling atas (contoh ada pada gambar). Nah ini itu fungsinya untuk mengaktifkan / menjalankan Connector MySQL di Visual Studio nya. Ohiyah jangan lupa install dulu Connector MySQL nya yah..

Selanjutnya klik kanan kembali lalu Add > New Item > Class (Namai 'Koneksi') > Add.

Tambahkan Syntax seperti pada gambar dibawah.

Lalu buat juga Windows Form nya, Cara nya sama seperti akan membuat Class tapi pilihannya Windows Form berinama 'CekKoneksi'. Tampilan pada gambar dibawah saya hanya menggunakan 'Button' saja. Klik 2x pada button Masuk lalu berikan syntax / codingan nya.

(Syntax CekKoneksi)

Jika sudah jalankan Programnya dan jika berhasil akan ada notif 'Berhasil' untuk menyambungkan VB ke Database LocalHost nya.

Buat lagi juga beberapa Item diantaranya Login Form, Windows Form, About Box. Pertama saya akan atur untuk Login Form nya. Buat tampilan Form Login sesuka kalian.

(Tampilan Form Login)

Klik 2x pada Button OK dan masukan Syntax seperti pada gambar dibawah untuk username dan password nya sesuka hati kalian saja.

Lalu buat lagi New Item > Windows Form (TampilDataBarang). Disini saya menggunakan DataGrid View saja yang fungsinya untuk menampilkan data dari database nantinya.

(Tampil Data Barang)

(Syntax Tampil Data Barang)

Buat lagi Class dengan nama 'pengolahdata' yang berfungsi untuk mengolah dan mengambil data dari database.

(Syntax Pengolah Data)

Selanjutnya buat lagi New Item > Windows Form. Buat beberapa diantaranya untuk Tampil Data Barang (yang sudah dibuat tadi), Tampil Data Pelanggan, Tampil Data Pesan, Tampil Nama Barang dan Harga Dasar Lebih Dari 18000, Tampil Nama Pelanggan Yang Awalan Huruf S dan Mengandung Huruf T,Tampil Nama Pelanggan Dan Tanggal Pesan,Tampil Harga Jual Tertinggi, Tampil Rata-Rata Harga Jual.

Untuk Desain / Tampilannya sama seperti membuat tampilan data barang menggunakan DataGrid View, disini saya hanya akan memberikan untuk Syntax nya saja.

(Syntax Tampil Data Pelanggan)

(Syntax Tampil Data Pesan)

(Syntax Tampil Harga Dasar Barang Lebih Dari 18000)

(Syntax Tampil Nama Pelanggan Awalan Huruf S dan Mengandung Huruf T)

(Syntax Tampil Nama Pelanggan Dan Tanggal Pemesanan)

(Syntax Tampil Harga Jual Tertinggi Sampai Terendah)

(Syntax Tampil Rata-Rata Harga Jual)

Setelah itu buat tampilan seperti pada gambar dibawah fungsinya sebagai menu utama, disini saya menggunakan tools MenuStrip saja. Lalu masukan Syntax / Coding pada masing-masing menu, misal klik 2x pada nama 'Cek Koneksi' , lalu selanjutnya klik 2x pada 'Tampil Data Barang' begitupun selanjutnya. Disini intinya manual harus satu-satu menginputkan syntaxnya.