Wednesday, 23 November 2016

TUTORIAL CARA KONEKSIKAN DATABASE MYSQL KE VB.NET MENGGUNAKAN CONNECTOR ODBC


Hallo sahabat koding, Bagimana kabarnya...? semoga baik-baik saja y sobat. Ok, kali ini saya akan membagikan sebuah artikel tentang “CARA KONEKSIKAN DATABASE MYSQL KE VB.NET MENGGUNAKAN CONNECTOR ODBC”.

Disini pada tutorial ini saya masih menggunakan Visual Studio 2010, dan System Operasi saya adalah Windows 10. Ok, seperti biasa, tanpa basa basi lagi, berikut tutorialnya :

1. Pastikan anda sudah membuat sebuah database MySQL. Pada contoh kali ini, database saya beri dengan nama “db_contoh”. Bagi sobat-sobat yang belum tau cara membuat database MySQL, silahkan baca dulu artikel tentang “CARAMEMBUAT DATABASE MYSQL”.

2. Kemudian, pastikan anda sudah menginstall software “MySQL Connector ODBC” pada PC/Laptop anda. Bagi sobat yang belum mempunyai software-nya, silahkan download software MySQL Connector ODBC DISINI.

3. Setelah itu, silahkan anda buka Control panel.

4. Kemudian silahkan anda pilih “System and Security”.

5. Kemudian pilih “Administrative Tools”.

6. Kemudian buka “ODBC....”.

7. Kemudian akan tampil tab “ODBC”, kemudian silahkan anda klik tombol “Add”.

8. Kemudian silahkan anda pilih “MySQL ODBC”, setelah itu klik “Finish”

9. Kemudian akan tampil tab baru. Dan silahkan isi data seperti berikut gambar :
Setelah semua telah diisi sesuai, kemudian klik tombol “OK”.

10. Setelah itu, silahkan anda buat sebuah ProjectVisual Basic Net Baru, kemudian pada project tersebut sudah terdapat sebuah Form. Kurang lebih seperti ini :

11. Kemudian silahkan anda desain form anda kurang lebih seperti ini :

12. Kemudian silahkan anda double klik pada form, seperti ini :

13. Setelah itu akan tampil media pengkodingan. Kemudian pada samakan seperti gambar berikut :

14. Setelah itu, silahkan anda kembali ke “Design Form”, dan silahkan anda double klik pada button “Tes Koneksi”.

15. Kemudian pada “Sub Button tes_koneksi....” silahkan panggil sub Koneksi dengan cara ketikkan pada Sub Button Koneksi dengan “Koneksi”. Kurang lebih seperti gambar berikut ini :

16. Setelah itu silahkan anda coba jalankan programn ada. Pada saat progamn anda dijalankan, silahkan anda klik tombol “Tes Koneksi”.

17. Jika berhasil, maka akan tampil pesan “Koneksi ke database BERHASIL”. Kurang lebih seperti gambar berikut ini :

18. Selesai.

Sekian artikel ini saya bagikan kepada sobat-sobat, salah dan kurangnya dalam penulisan saya ini, saya mohon ma'af. Karena saya hanya manusia biasa, yang tak luput dari kesalahan. Dan semoga bermanfaat.

Salam Sikses.

VISUAL BASIC NET PART 9 – TUTORIAL CARA MENGGANTI BACKGRAUND FORM DENGAN GAMBAR

Hallo sahabat Coding, bagaimana kabarnya? Semoga baik-baik saja ya sobat?! J. Dimana sebelumnya saya sudah membahas tentang : “VB.NET  PART8  – TUTORIAL CARA MENAMBAHKAN GAMBARPADA FORM”. Dan kali ini saya akan membagikan tutorial lanjutannya, yaitu tentang “VB.NET  PART 9 - CARA MENGGANTI BACKGRAUND FORM DENGAN GAMBAR”. Sebenarnya tutorial ini hampir sama dengan dengan tutorial saya sebelumnya, yaitu tentang “CARA MENABAHKAN GAMBAR PADA FORM”, namun ada sedikit perbedaan..!!

Ok, seperti biasa, tanpa basa-basi lagi, agar anda tidak bingung, dan disini pada tutorial kali ini, saya masih menggunakan Visual Stusio 2010. Berikut langkah-lankahnya :

1. Silahkan anda tambahkan sebuah “PictureBox” pada form anda, dan pada “PictureBox” yang sudah anda tambahkan pada form anda tersebut, silahkan anda isi dengan gambar sesuai keinginan anda. Untuk lebih jelasnya, silahkan anda baca artikel saya sebelumnya Disini. Jika sudah, kurang lebih hasilnya akan seperti ini :

2. Kemudian, silahkan anda klik sekali pada “PictureBox” yang ada pada form anda, kemudian pada bagian “Properties” silahkan anda cari “Dock” dan silahkan anda ganti-ganti pilhan dari “Dock” sesuai dengan keinginan anda. Kurang lebih seperti gambar berikut :

3. Jika pada bagian “Dock” yang ada pada “Properties”, dan anda pilih “Tengah” maka hasilnya kurang lebih akan seperti gambar berikut ini :

4. Selesai.

Itulah sedikit tentang "VB.NET  PART 9 - CARA MENGGANTI BACKGRAUND FORM DENGAN GAMBAR".

Sekian dari saya, apabila ada kesalahan maupun kekurangan dalam penulisan tutorial saya ini, saya mohon ma'af, karna saya juga masih dalam tahap belajar. Dan semoga bermanfaat.

Salam sukses.

VISUAL BASIC NET PART 8 – TUTORIAL CARA MENAMBAHKAN GAMBAR PADA FORM

Hallo sahabat Coding, bagaimana kabarnya? Semoga baik-baik saja ya sobat?! J. Dimana sebelumnya saya sudah membahas tentang : “VB.NET  PART7  – TUTORIAL CARA MENGATUR AGAR FORMPERTAMA YANG TAMPIL SAAT DIJALNKAN”. Dan kali ini saya akan membagikan tutorial lanjutannya, yaitu tentang “VB.NET  PART 8  – TUTORIAL CARA MENAMBAHKAN GAMBAR PADA FORM”. Ok, saya jelaskan sedikit tentang tutorial saya kali ini, yaitu dimana biasanya bagi sobat yang baru belajar pemrograman VB.Net, dan  sobat ingin menambahkan sebuah gambar pada form sobat, apakah itu untuk background form.., atau hanya sekedar untuk menjadikan sebagai pelengkap saja pada form sobat, biar kelihatan lebih bagus dan menarik...!!!.

Ok, seperti biasa, tanpa basa-basi lagi, dan disini pada tutorial kali ini, saya masih menggunakan Visual Stusio 2010. Berikut langkah-lankahnya :

1. Silahkan anda buat sebuah form baru, dan silahkan anda “Rename” form anda tersebut sesuai keinginan anda. Untuk cara “Rename Form”, silahkan baca artiekl saya sebelumnya tentang “CARA RENAME FORM”. Disini sebagai contoh, form baru saya ini saya beri dengan nama “Form_login”. Kurang lebih seperti gambar berikut :

2. Setelah itu, pada bagian “ToolBox” silahkan anda cari “PictureBox”, kemudian silahkan anda letakkan “PictureBox” tersebut pada form anda. Kurang lebih seperti gambar berikut :

3. Setelah “PictureBox” anda tambahkan pada Form anda, kemudian untuk memasukkan gambar di “PictureBox” tersebut, silahkan anda klik tanda panah kecil bagian kanan atas yang ada pada “PictureBox” yang telah anda tambahkan tadi, sehingga akan tampil “PictureBox Tasks” dan silahkan anda pilih “ChoseImage”. Seperti gambar berikut :

4. Setelah itu akan tampil tab “Select Resource”. Kemudian pada tab “Select Resource” silahkan anda pilih “Local resource” dan klik “Import...”. Kurang lebih seperti gambar berikut :

5. Setelah itu kita akan menuju ke Explorer kita. Kemudian silahkan anda pilih gambar sesuai keinginan anda. Setelah gambar di pilih silahkan klik “Open”. Kurang lebih seperti gambar berikut :

6. Setelah gambar anda pilih, kemudian silahkan anda klik “Ok”. Kurang lebih seperti gambar berikut :

7. Kemudian, untuk mengatur ukuran gambar yang anda pilih tadi pada form anda agar sesuai keinginan anda, silahkan anda klik lagi pada bagian panah kecil di bagian kanan atas “PictureBox” yang ada pada form anda, kemudian akan tampil lagi “PictureBox Tasks”. Pada “PictureBox Tasks”, silahkan anda atur pada bagian “Size Mode”. Silahkan anda atur sesuai keinginan anda, dan setelah itu silahkan anda lihat hasilnya.

8. Selesai.

Itulah sedikit tentang "VB.NET  PART 8  – TUTORIAL CARA MENAMBAHKAN GAMBAR PADA FORM".

Sekian dari saya, apabila ada kesalahan maupun kekurangan dalam penulisan tutorial saya ini, saya mohon ma'af, karna saya juga masih dalam tahap belajar. Dan semoga bermanfaat.

Salam sukses.

VISUAL BASIC NET PART 7 – TUTORIAL CARA MENGATUR AGAR FORM PERTAMA YANG TAMPIL SAAT DIJALNKAN

Hallo sahabat Coding, bagaimana kabarnya? Semoga baik-baik saja ya sobat?! J. Dimana sebelumnya kita sudah membahas tentang : “VB.NET PART 6  – TUTORIAL CARA MENAMBAH ATAU MEMBUAT FORMBARU”. Dan kali ini saya akan membagikan tutorial lanjutannya, yaitu tentang “VB.NET  PART 7  – TUTORIAL CARA MENGATUR AGAR FORM PERTAMA YANG TAMPIL SAAT DIJALNKAN”. Ok, saya jelaskan sedikit tentang tutorial saya kali ini, yaitu dimana biasanya bagi sobat yang baru belajar pemrograman VB.Net, dan kemudian misalnya sobat sudah membuat beberapa form, misalnya sobat sudah membuat 3 form, yaitu misalnya “Form_Login, Form_utama, dan Form_baru”, Misalnya seperti itu. Dan kemudian pada saat di jalankan yang tampil pertama kali adalah “Form_Utama”....!! Sedangkan sobat menginginkan pada saat dijalanakan, yang tampil adalah “Form_login”..., bukan “Form_Utama”...!! Disini, pada tutorial kali ini, saya masih menggunakan Visual Stusio 2010.

Ok, seperti biasa, tanpa basa-basi lagi, berikut langkah-lankahnya :

1. Pastikan anda sudah membuat beberapa “Form” ada project anda. Untuk sebagai contoh, misalkan anda sudah membuat 3 buah Form, yaitu “Form_login, Form_utama, Form_baru”. Kurang lebih hasilnya seperti gambar berikut :

2. Setelah itu, pada bagian “Solution Explorer”, silahkan anda Double-Klik pada bagian “My Project”

3. Setelah itu akan tampil tab project kita. Kemudian pada bagian “Application”, silahkan anda cari pada bagian “StarUp form”. Kemudian pada bagian “StarUp form” tersebut, silahkan anda ganti dengan form yang ingin anda jadikan form mana yang akan tampil pertama kali saat program anda di jalankan. Misalnya disini saya ingin form yang pertama kali tampil adalah “Form_login”, maka saya pilih “Form_login”. Kurang lebih settingan-nya seperti gambar berikut :

4. Setelah itu, silahkan anda jalankan program anda, dan lihat hasilnya.

5. Selesai.

Itulah sedikit tentang "VB.NET  PART 7  – TUTORIAL CARA MENGATUR AGAR FORM PERTAMA YANG TAMPIL SAAT DIJALNKAN".

Sekian dari saya, apabila ada kesalahan maupun kekurangan dalam penulisan tutorial saya ini, saya mohon ma'af, karna saya juga masih dalam tahap belajar. Dan semoga bermanfaat.

Salam sukses.

VISUAL BASIC NET PART 6 – TUTORIAL CARA MENAMBAH ATAU MEMBUAT FORM BARU

Hallo sahabat Coding, bagaimana kabarnya? Semoga baik-baik saja ya sobat?! J. Dimana sebelumnya kita sudah membahas tentang : “VB.NET PART 5  – TUTORIAL CARA MEMPOSISIKAN FORM KE TENGAHSAAT DI JALANKAN”. Dan kali ini saya akan membagikan tutorial lanjutannya, yaitu tentang “VB.NET PART 6  – TUTORIAL CARA MENAMBAH ATAU MEMBUAT FORM BARU”.

Ok, seperti biasa, tanpa basa basi lagi, berikut langkah-langkah tutorialnya :

1. Misalkan kita sudah membuat sebuah Project baru dengan nama “Posisi Form” dan di dalam project tersebut terdapat satu sebuah “Form” dengan nama “Form_Utama.vb”. misalnya seperti itu. Maka hasilnya kurang lebih seperti gambar berikut ini :

2. Kemudian silahkan anda klik kanan pada project anda, yaitu klik kanan pada “Posisi Form->add->Windows Form...”. kurang lebih hasilnya seperti gambar berikut :

3. Kemudian akan tampil sebuah tab baru untuk menambahkan sebuah form baru anda. Kemudian silahkan anda ini nama form baru anda sesuai keinginan anda, dan silahkan anda klik “Add”. Disini pada contoh ini, saya akan menamakan form baru saya dengan nama “Form_Baru.vb”. kurang lebih seperti gambar berikut :

4. Setelah itu, pada “Solution Explorer” akan terlihat penambahan sebuah form baru, sehingga form anda sudah ada dua. Yaitu “Form_Utama.vb” dan “Form_baru.vb”. kurang lebih hasilnya akan seperi  gambar berikut :

5. Selesai.

Itulah sedikit tentang "VB.NET PART 6  – TUTORIAL CARA MENAMBAH ATAU MEMBUAT FORM BARU".

Sekian dari saya, apabila ada kesalahan maupun kekurangan dalam penulisan tutorial saya ini, saya mohon ma'af, karna saya juga masih dalam tahap belajar. Dan semoga bermanfaat.

Salam sukses.

VISUAL BASIC NET PART 5 – TUTORIAL CARA MENGGANTI NAMA(RENAME) FORM

Hallo sahabat Coding, bagaimana kabarnya? Semoga baik-baik saja ya sobat?! J. Ok, kali ini saya akan membagikan tutorial tentang “VB.NET PART 5  – TUTORIAL CARA MEMPOSISIKAN FORM KE TENGAH SAAT DI JALANKAN”. Ok, saya akan jelaskan sedikit tentang artikel saya ini, dimana fungsi dari mengganti nama form (Rename Form) adalah agar kita nantinya lebih mudah untuk memanggil form-form yang akan kita butukan untuk ditampilkan nantinya.

Dan sebenarnya artikel ini adalh lanjutan tentang artikel saya sebelumnya, yaitu tentang : “VB.NET PART 4  – TUTORIAL CARA MEMPOSISIKAN FORM KE TENGAHSAAT DI JALANKAN”. Ok, seperti biasa, tanpa basa basi lagi, berikut langkah-langkah tutorialnya :

1. Silahkan anda buat sebuah project VB.Net terlebih dulu. Jika sudah, misalnya kurang lebih seperti ini :

2. Setelah itu, pada langkah 1 kita sudah mempunyai sebuah form baru dengan nama “Form1.vb”. kemudian misalnya kita ingin merubah nama dari “From1” menjadi “Form_Utama”! caranya : pada “Solution  Explorer” yang ada di bagian kanan project anda, klik kanan pada “Form1.vb -> Rename”. Kurang lebih seperti gambar berikut :

3. Maka hasinya akan seperti gambar ini :

4. Kemudian silahkan anda ganti sesuai keinginan anda. Namun pada contoh ini saya gani dengan nama “Form_Utama.vb”, kemudian tekan “Enter”. Kurang lebih seperti gambar berikut :
Ctt : untuk “Name”, tidak boleh ada “Spasi”. Untuk memberikan pemisah, anda bisa menggunakan “Underscore(_)”. Dan untuk “Rename” Form, varus diikuti dengan extensi “.vb”.

5. Selesai.

Itulah sedikit tentang "VB.NET PART 5  – TUTORIAL CARA MENGGANTI NAMA(RENAME) FORM".

Sekian dari saya, apabila ada kesalahan maupun kekurangan dalam penulisan tutorial saya ini, saya mohon ma'af, karna saya juga masih dalam tahap belajar. Dan semoga bermanfaat.

Salam sukses.

VISUAL BASIC NET PART 4 – TUTORIAL CARA MEMPOSISIKAN FORM KE TENGAH SAAT DI JALANKAN

Hallo sahabat Coding, bagaimana kabarnya? Semoga baik-baik saja ya sobat?! J. Ok, kali ini saya akan membagikan tutorial tentang “VB.NET PART 4  – TUTORIAL CARA MEMPOSISIKAN FORM KE TENGAH SAAT DI JALANKAN”. Hmmmmm......, judulnya lumayan panjang ya sobat?! Hehehe...!! Ok, saya akan jelaskan sedikit tentang artikel saya ini, dimana biasanya kita membuat sebuah form baru pada VB.Net, pada saat di jalankan, biasanya posisi form kita akan berada agak keatas samping kiri! Nah, agar form kita akan terlihat profesional, maka lebih baik form kita pada saat di jalankan harusnya posisinya berada di tengah Desktop...!!!

Dan sebenarnya tutorial ini adalah lanjutan dari tutorial saya sebelumnya dan saya harap anda sudah membaca artikel saya sebelumnya, yaitu tentang VB.NET PART 3  – TUTORIAL MEMBUAT TOMBOL HAPUS DAN KELUAR”. Dimana pada tutorial ini saya menggunakan Visual Studi 2010. Sebenarnya tutorial ini sangat simpel sekali, namun saya membuat tutorial ini bagi sahabat-sahabat yang baru belajar tentang Visual Basic Net. Ok, seperti biasa, tanpa basa basi lagi, berikut langkah-langkah tutorialnya :

1. Silahkan anda buat sebuah project VB.Net baru, dengan nama terserah anda. Pada contoh ini, saya akan memberikan nama project saya dengan nama “Posisi Form”. Jika sudah membuat project VB.Net baru, kurang lebih hasilnya akan seperti gambar berikut :

2. Kemudian, akan terlihat pada project anda sebuah form baru dengan nama “Form1.vb”, dan silahkan aktifkan “Form1” anda dengan cara klik sekali pada form anda tersebut, kemudian silahkan anda lihat pada bagian “Properties”, dan silahkan anda cari “StartPosition->CenterScreen”. Kurang lebih seperti gambar berikut :

3. Setelah itu silahkan anda jalankan project anda, dan lihat hasilnya..., maka form anda akan berada pada posisi di tengah dekstop PC/Laptop anda saat project anda dijalankan.

4. Selesai.

Itulah sedikit tentang "VB.NET PART 4  – TUTORIAL CARA MEMPOSISIKAN FORM KE TENGAH SAAT DI JALANKAN".

Sekian dari saya, apabila ada kesalahan maupun kekurangan dalam penulisan tutorial saya ini, saya mohon ma'af, karna saya juga masih dalam tahap belajar. Dan semoga bermanfaat.

Salam sukses. 

VISUAL BASIC NET PART 3 – TUTORIAL MEMBUAT TOMBOL HAPUS DAN KELUAR

Hallo sahabat Coding, bagaimana kabarnya? Semoga baik-baik saja ya sobat?! J. Ok, kali ini saya akan membagikan tutorial tentang “VB.NET PART 3  – TUTORIAL MEMBUAT TOMBOL HAPUS DAN KELUAR”. Sebenarnya adalah lanjutan dari tutorial saya sebelumnya, yaitu tentang VB.NET PART 2  – TUTORIAL CARA MEMBUAT PROJECT BARU”. dimana pada tutorial ini saya menggunakan Visual Studi 2010. Ok, seperti biasa, tanpa basa basi lagi, berikut langkah-langkah tutorialnya :

1. Silahkan anda buka Visual Studio anda, dan silahkan anda buat sebuah project baru Visual Basic Net, dengan nama terserah anda. Disini, sebagai contoh pada tutorial ini saya akan memberikan nama Project Visual Basic Net saya dengan nama “hapus_keluar”. Bagi anda yang belum bisa membuat Project baru Visual Basic Net, silahkan anda baca dulu artikel saya sebelumnya tentang VB.NET PART 2  – TUTORIAL CARA MEMBUAT PROJECT BARU”.

2. Setelah itu, maka tampilan pada project VB.Net anda kurang lebih akan seperti gambar berikut :

3. Kemudian silahkan anda tambahkan sebuah “Label” pada form anda, dengan cara : pada “Toolbox” yang ada di samping kiri project anda, silahkan anda cari “Label”, kemudian tempatkan “Label” tersebut pada “Form” yang ada pada bagian tengah project anda. Kurang lebih langkahnya seperti gambar berikut :
Catatan :
jika ToolBox pada project anda tidak tampil, untuk menampilkannya, pada menu Bar yang ada di bagian atas, silahkan anda klik “View->Toolbox”. Atau anda juga bisa menggunakan tombol di keyboard anda untuk menampilkan Toolbox, yaitu dengan menekan tombol “Ctrl->Alt->X”.

4. Kemudian, silahkan anda ganti tulisan “Label” pada form anda sesuai keinginan anda. Misalnya diganti menjadi “Nama”. Caranya : silahkan anda klik sekali “Label” pada “form” anda tadi, kemudian pada properties, silahkan anda ganti pada bagian “Text” menjadi “Nama”. Kurang lebih seperti gambar berikut :

5. Setelah itu, silahkan anda tambahkan sebuah “Label” lagi, dan tambahkan juga dua buah “Textbox” pada form anda. Kurang lebih seperti gambar berikut :

6. Sekarang saya rasa anda sudah mulai mengerti cara penggunaan “ToolBox” pada Visual Studio. Kemudian selanjutnya silahkan anda tambahkan dua buah “Button” pada “form” anda. Kurang lebih seperti gambar berikut :

7. Kemudian, silahkan anda lakukan lagi langkah 4 untuk mengganti text pada kedua button yang anda tambahkan tadi menjadi menjadi “Hapus” dan “Keluar”. Kurang lebih seperti gambar berikut :

8. Setelah itu, silahkan anda Dowble-Klik pada Button “Hapus”, maka hasilnya akan seperti gambar berikut :

9. Kemudian, silahkan anda tambahkan koding pada bagian di bawah “Private Sub Button_1....” sehingga seperti gambar berikut :
Ket : “TextBox1” dan “TextBox2” adalah Name dari textbox-textbox yang kita buat pada form kita tadi.

10. Kemudian silahkan anda kembali lagi ke “Form1.vb [design]” anda.

11. Kemudian, lakukan hal yang sama pada button “Keluar” yaitu silahkan anda “Double-Klik” juga pada button “Keluar”, dan silahkan tambahkan koding seperti gambar berikut :

12. Setelah itu, silahkan anda coba Jalankan program anda dengan cara klik tombol “Star” yang ada pada bagian atas yang berwarna hijau.

13. Maka hasilnya akan seperti gambar berikut :

14. Setelah itu, pada saat program dijalankan, silahkan anda ketik-ketikan text pada bagian kolom “Nama”, dan “Alamat”, kemudian silahkan anda “Klik-klik” tombol “Hapus” dan tombol “Keluar”.

15. Selesai.

Sekian tutorial dari saya tentang "VB.NET PART 3  – TUTORIAL MEMBUAT TOMBOL HAPUS DAN KELUAR".

Apabila ada kesalahan maupun kekurangan dalam penulisan tutorial saya ini, saya mohon ma'af, karna saya juga masih tahap belajar. Dan semoga bermanfaat.

Salam sukses.