Modul ini berisi tentang cara mengkoneksikan aplikasi dengan database

1. MODUL
Mengkoneksikan Aplikasi
dengan Database
Pemrograman Visual - Session 12
Debby Ummul Hidayah, S.Kom., M.MSI
debbyummul@amikompurwokerto.ac.id

2. 2
1. Langkah pertama silahkan buka AplikasiPinjamBuku.
2. Masuk ke tab Server Explorer.
3. Klik kanan pada Data Connections  Add Connection.
4. Ketikkan nama server pada server name. Sesuaikan dengan laptop atau komputer
masing-masing.

3. 3
5. Sebagai contoh seperti berikut.

4. 4
1. Klik pada segitiga kecil pada datagridview
2. Selanjutnya pilih Add Project Data Source.
Klik di sini
Klik di sini

5. 5
Selanjutnya klik tombol Next.
Klik tombol Next lagi

6. 6
Cari database PinjamBuku lalu klik tombol Next
Pilih tabel yang akan ditampilkan datanya. Misalnya data pada tabel buku. Lalu klik
tombol Finish

7. 7
Lalu masuk ke datagridview task lagi kemudian pilih Preview Data
Kemudian klik tombol Preview kemudian klik tombol Close

8. 8
1. Tambahkan SqlDataClient seperti berikut.
2. Ketikkan source code berikut untuk membuat koneksi.
3. Membuat method Bersih.
4. Menampilkan data di data gridView

9. 9
5. Double klik pada button Batal lalu ketikkan program berikut
6. Double klik pada button Tambah lalu ketikkan program berikut

10. 10
7. Double klik pada button Ubah lalu ketikkan program berikut
8. Double klik pada button Hapus lalu ketikkan program berikut

11. 11
9. Untuk menampilkan data yang dipilih dari datagridview ke textbox, silahkan klik
pada datagridview  pilih properties  pilih event  double klik pada Cell Click.
Lalu ketikkan program berikut.

12. 12
NOTES:
Untuk menampilkan data dari database ke datagridview langkah-langkahnya sama
seperti pada halaman 4 – 7. Hanya saja yang berbeda adalah data tabel yang akan
ditampilkan. Jika yang ingin ditampilkan adalah tabel peminjam maka yang dicentang
adalah tabel peminjam.
1. Tambahkan SqlDataClient seperti berikut.

13. 13
2. Ketikkan source code berikut untuk membuat koneksi.
3. Membuat method Bersih.
4. Menampilkan data di data gridView
5. Double klik pada button Batal lalu ketikkan program berikut

14. 14
6. Double klik pada button Tambah lalu ketikkan program berikut
7. Double klik pada button Ubah lalu ketikkan program berikut

15. 15
8. Double klik pada button Hapus lalu ketikkan program berikut
9. Untuk menampilkan data yang dipilih dari datagridview ke textbox, silahkan klik
pada datagridview  pilih properties  pilih event  double klik pada Cell Click.
Lalu ketikkan program berikut.

16. 16
NOTES:
Untuk menampilkan data dari database ke datagridview langkah-langkahnya sama
seperti pada halaman 4 – 7. Hanya saja yang berbeda adalah data tabel yang akan
ditampilkan. Jika yang ingin ditampilkan adalah tabel pinjam buku maka yang
dicentang adalah tabel pinjam.
1. Tambahkan SqlDataClient seperti berikut.

17. 17
2. Ketikkan source code berikut untuk membuat koneksi.
3. Membuat method Bersih.
4. Menampilkan data di data gridView
5. Double klik pada button Batal lalu ketikkan program berikut

18. 18
6. Double klik pada button Tambah lalu ketikkan program berikut
7. Double klik pada button Ubah lalu ketikkan program berikut

19. 19
8. Double klik pada button Hapus lalu ketikkan program berikut
9. Untuk menampilkan data yang dipilih dari datagridview ke textbox, silahkan klik
pada datagridview  pilih properties  pilih event  double klik pada Cell Click.
Lalu ketikkan program berikut.

20. 20
10. Tambahan : untuk menampilkan judul buku di textbox judul buku secara otomatis,
silahkan double klik pada textbox id buku (txtIdBuku) kemudian ketikkan program
berikum.

21. 21
1. Buka form login lalu double klik pada tombol Cancel dan ketikkan program berikut.
2. Selanjutnya double klik pada tombol OK dan ketikkan program berikut.

22. 22
1. Buka form utama kemudian double klik pada sub menu Buku dari menu Master.
Kemudian ketikkan program berikut.
2. Double klik pada sub menu Peminjam dari menu Master. Kemudian ketikkan
program berikut.
double klik pada sub menu buku
double klik pada sub menu
peminjam

23. 23
3. Double klik pada sub menu Keluar dari menu Master. Kemudian ketikkan program
berikut.
4. Double klik pada sub menu Pinjam Buku dari menu Transaksi. Kemudian ketikkan
program berikut.
double klik pada sub
menu pinjam buku
double klik pada sub
Keluar

24. 24
5. Double klik menu toolbar Pinjam. Kemudian ketikkan program berikut.
6. Double klik menu toolbar Buku. Kemudian ketikkan program berikut.
double klik pada toolbar
Pinjam
double klik pada toolbar
Buku

25. 25
7. Double klik menu toolbar Peminjam. Kemudian ketikkan program berikut.
8. Double klik menu toolbar Keluar. Kemudian ketikkan program berikut.
double klik pada toolbar
Peminjam
double klik pada toolbar
Keluar

26. 26
Double klik pada program.cs kemudian ganti form pertama yang dijalankan yaitu form
login, seperti berikut.