Pemrograman Visual 1 (VB Fund) Database Control Multi Table

(1)

Pemrograman Visual 1 (VB Fund)

Database Control Multi Table

(2)

Multi Table

 _{Database biasanya terdiri dari tabel-tabel yang saling}

berelasi

 Sebuah Form pada aplikasi memungkinkan mengendalikan lebih dari satu tabel bahkan lebih dari satu database.

 Setiap komponen ADO biasanya digunakan untuk menangani satu buah tabel.

(3)

(4)

Membuat Form Pengisian Data Buku Pada

Aplikasi Perpustakaan

 _{Program untuk menyimpan Data Buku.}

 Data terdiri dari:

 _{Kode Buku}  _{Judul Buku}

(5)

Component Yang Dibutuhkan

 _{Gunakan Komponen}

 Microsoft ADO Data Control 6.0 (OLEDB)

 _{Microsoft DataGrid Control 6.0 (OLEDB)}

(6)

Buat Database

 _{Buatlah database menggunakan Ms.Access}

 format Database Ms. Access 2000 s/d 2003.

 Nama file dbperpus.mdb,

(7)

Buat Tabel

 _{Tabel Penerbit:}

 _{Tabel Buku}

No. Field Name Field Type Size Keterangan

1 ID Autonumber PK

2 penerbit Text 50

No. Field Name Field Type Size Keterangan

1 kd_buku Text 10 PK

2 judul Text 80

(8)

(9)

(10)

Design

Beri Icon Command:

Style = 1 – Graphical Picture = Pilih gambar

Adodc1

Database dbperpus.mdb Tabel : Penerbit

Adodc2

(11)

Simpan Project

 _{Gantilah nama Project}

sesuai yang anda inginkan, misalkan Perpustakaan. Perubahan Nama Projek melalui menu : Project -> Project1 Properties

(12)

Pastikan Project VB dan DB berada di satu

folder yang sama

 _{Keluar dari Visual Basic, dan pastikan file Project Visual}

Basic dan Basis Data dbperpus.mdb berada di folder yang sama. Hal ini untuk bertujuan konfigurasi koneksi nantinya dapat berjalan secara fleksibel.

(13)

Setting Koneksi Ke Basis Data

 Gunakan Adodc1 untuk mengatur koneksi.

 Pilih Adodc1, Masuk ke properties->(Custom)

(14)

Pilih Provider Konektor Basis Data

 Pilih Provider : Microsoft Jet 4.0 OLE DB Provider

(15)

Tentukan Basis Data

 Isikan Nama Database. Nama database yang sudah dibuat

adalah dbperpus.mdb

 Kemudian uji

[Test Connection]

Bila pengaturan benar, maka akan tampil pesan koneksi sukses.

(16)

Pengaturan Koneksi Tabel

 Masih di Properties ADODC1, masuk ke RecordSource

 Set CommandType = 2-adCmdTable

 Set Table = penerbit

(17)

Atur Pengaturan Adodc2

 _{Lakukan hal yang serupa dengan pengaturan Database}

pada Adodc1. Perbedaannya terletak pada RecordSource untuk nama tabel.

(18)

Kaitkan Adodc menjadi Datasource Pada

Komponen Di Form

(19)

Kaitkan Adodc menjadi Datasource Pada

Komponen Di Form (2)

(20)

Melihat Hasil Koneksi

 Untuk Memastikan Visual Basic telah terhubung ke Basisdata, sekarang

(21)

Buat Procedure IsiComboPenerbit

(22)

Procedure Bersih

(23)

Procedure AktifInputan(state)

 _{Procedure aktifinputan bertugas untuk meng-aktifkan dan}

menon-aktifkan inputan sesuai parameter yang dimasukkan.

(24)

Implementasi Procedure IsiComboPenerbit,

Bersih dan aktifInputan

 Letakkan perintah berikut pada [Form] event [Load]

 Jalankan program, lihatlah hasil pada combobox penerbit. Apakah sudah ada item terisi didalamnya????

 Apakah semua isi inputan sudah kosong?

 _{Apakah warna inputan menjadi abu-abu saat non-aktif?}

(25)

Implementasi Procedure IsiComboPenerbit,

Bersih dan aktifInputan di [Command Baru]

(26)

Simpan Data

 _{Untuk menyimpan data gunakan komponen Adodc pada}

objek Recordset untuk melakukan penyimpanan data.

 Struktur:

With Adodc1.Recordset .addNew

!namaField = dataYangInginDisimpan

…

(27)

(28)

Implementasi Fungsi Simpan

 _{Letakkan kode berikut pada [Command Simpan] event}

(29)

(30)

Membaca Isi DataGrid

 Pada Datagrid yang sudah dikaitkan dengan ADODC pada dasarnya informasi yang ingin didapatkan bisa langsung

mengakses ke ADODC nya.

 Sebagai contoh, ingin mendapati informasi dari item yang terpilih dari daftar yang ada di DataGrid.

with Adodc1.Recordset

namaObjekPenerima = !nama_field end With

Contoh:

With Adodc1.RecordSet

(31)

Procedure Edit

 _{Procedure ini digunakan untuk menampilkan isi data yang}

(32)

Implementasi Procedure Edit

 Letakkan kode berikut pada [command edit] event [Click]

 _{Coba jalankan program. Pilihlah salah satu item dari data}

yang telah disimpan pada Datagrid

 Kemudian Klik tombol Edit. Apa kah masing-masing inputan telah terisi data sesuai data yang dipilih pada datagrid????

(33)

Perbaiki Data / Update

 _{Perbaiki data atau melakukan perubahan data yang telah}

ada di dalam tabel dapat dilakukan melalui objek

Adodc1.Recordset. Dengan mencari terlebih dahulu data yang ingin di ubah dengan method find.

 Biasanya pencarian berdasarkan data primary key nya. Struktur

.find “nama_field_primary = „”+nilai_id_yg_dicari+”‟”

!nama_field = isiDataBaru

(34)

(35)

Implementasi Fungsi Update

 _{Letakkan kode berikut di [Command Perbaiki] event}

(36)

Testing Update Data

 Pilih Salah satu data pada Datagrid

 Klik Tombol Edit

 Ubah data pada inputan

 Klik Perbaiki

(37)

Implementasi Tombol Batal

(38)

Hapus Data

 _{Untuk menghapus data, gunakan method Delete pada}

Recordset di Adodc.

 Pertama pilihlah data yang ingin di hapus, dapat

menggunakan method find seperti yang digunakan pada update.

Struktur:

.find “nama_field_pk=„” & nilai & ”‟”

(39)

(40)

Implementasi Fungsi Hapus

 _{Letakkan kode berikut pada [Command Hapus] event}

(41)

Testing Hapus

 Jalankan Program

 Pilih salah satu item data yang

ingin dihapus pada DataGrid

(42)

Jalankan Program

 _{Testing semua fungsi apa sudah berjalan dengan baik apa}

(43)

Tambah Tabel

 _{Tambahkan Table pada database dbperpus.mdb sbb:}

 Tabel Anggota

 Isi Tabel Anggota

No Field Name Field Type Size

1 *no_anggota TEXT 6

2 nama Text 50

3 Alamat Text 250

(44)

Tambah Tabel

 Tabel “peminjaman”

 Tabel “detail_pinjam”

1 *no_pinjam TEXT 6

2 Tgl_pinjam Date/Time

3 Tgl_kembali Date/Time

4 No_anggota Text 6

1 *id Autonumber

2 *no_pinjam Text 6

(45)

Tambah Tabel

 Tabel “detail_sementara”

1 *Kd_buku Text 10

(46)

(47)

Tambahkan form Peminjaman

 _{Form peminjaman adalah form untuk mencatat buku yang}

dipinjam oleh peminjam

 Tabel yang digunakan:

 _Anggota  _Buku  Penerbit

 Detail_pinjam

 Detail_sementara

 _{Tambahkan Form}

(48)

(49)

Ubah nama ADODC

 Ubah Nama Adodc:

 ADODC1 = AdoSementara

 ADODC2 = AdoAnggota

 ADODC3 = AdoBuku

 ADODC4 = AdoPeminjaman

(50)

Setting Koneksi Ke Basis Data

 Atur masing-masing Datasource komponen ADODC sebagai berikut:  AdoSementara : adCmdTabel - Table = detail_sementara

 AdoAnggota : adCmdTabel – Table = Anggota

 AdoBuku : adCmdText - SQL =SELECT a.*, b.penerbit FROM buku a LEFT JOIN penerbit b ON a.id_penerbit=b.id

 AdoPeminjaman : adCmdTabel - Table = Peminjaman

 AdoDetailPinjam: adCmdTabel - Table = detail_peminjaman

 Atur Objek Form untuk Datasource  DataGrid : DataSource = AdoSementara

 txtnoAnggota : DataSource = AdoAnggota

 txtkdBuku : DataSource = AdoBuku

 txtnoPinjam : DataSource = AdoPeminjaman

(51)

(52)

Tambahkan Form Utama

 _{Form utama digunakan sebagai induk form pada program.}

 Form yang digunakan untuk membuka form-form lainnya.

 Buat melalui

(53)

Menambah Menu Pada MDI Form

(54)

Menambah Menu Pada MDI Form

 _{Buatlah Menu Master, menu ini digunakan untuk Top Menu.}

Cara buat seperti berikut:

(55)

Menambah SubMenu Pada Menu Master

 Buatlah Sub Menu “Buku”

(56)

Menambah Menu Transaksi

 Buatlah Menu Transaksi, menu ini digunakan untuk Top Menu. Cara buat seperti berikut:

 Bila sudah selesai [Next]

 Jika Posisi menu transaksi masuk ke dalam, klik panah Kiri, sehingga

(57)

Menambah Sub Menu Transaksi

 _{Buatlah Sub Menu}

(58)

(59)

Beri Kode Form Show Pada Masing-Masing

Atur Start-Up Object

 Pengaturan Start-Up Object harus dilakukan untuk

menentukan Form atau bagian mana yang terlebih dulu berjalan.

 Masuk ke Project-> Properties…

 Ganti Start-Up Object ke MDIForm yang barusan dibuat

(61)

Atur Form Menjadi MDIChild

 _{Agar form-form yang dipanggil melalui MDIForm menjadi}

anak dari MDIForm, maka harus dilakukan pengaturan Pada Form-Form tsb.

 Caranya pilih Form, lihat pada Properties, ganti MDIChild = true

Contoh sbb:

(62)

Testing Form Utama

 Jalankan Program….

 Bila yang tampil adalah MDIForm berarti sudah benar pengaturan Start-Up Object

 Pilih menu Buku. Apakah Form buku tampil?

 Pilih menu Peminjaman. Apakah Form Peminjaman Tampil?

(63)

(64)

(65)

(66)

Procedure BersihkanSementara

(67)

(68)

(69)

Implementasi Procedure Bersih,

AktifInputan, BersihSementara

 _{Letakkan kode berikut di [Form] event [Load]}

(70)

Implementasi Procedure Bersih,

AktifInputan, BersihSementara

 Letakkan Kode berikut di [Command Batal] event [Click]

 _{Jalankan program. Pilih menu Peminjaman}

 Apakah saat program tampil semua inputan dalam keadaan non aktif?

 Jika tombol Simpan Baru di klik, apakah semua inputan menjadi aktif?

 Apakah posisi pengisian fokus pada no pinjam?

(71)

Function cariAnggota(kdanggota)

 _{Fungsi ini digunakan untuk mencari data anggota}

(72)

Implementasi Fungsi cariAnggota

 _{Letakkan kode berikut di [textbox No. Anggota] event}

(73)

Testing Cari Anggota

 _{Jalankan program. Pilih menu Peminjaman}

 Isikan kode Anggota sesuai data yang telah diinput di tabel anggota. Misalkan AN-002

 Kemudian tekan ENTER

(74)

Function cariBuku(kdbuku)

 _{Fungsi ini digunakan untuk mencari data buku berdasarkan}

(75)

Implementasi fungsi cariBuku

 _{Letakkan kode berikut di [TextBox Kode Buku] event}

(76)

Testing Cari Buku

 _{Jalankan Program. Pilih menu Peminjaman}

 Isikan Kode Buku sesui data yang telah tersimpan di buku. Jika Belum ada, isikan terlebih dahulu.

 Setelah diisi kode buku, tekan ENTER

(77)

Fungsi addPinjam(kdbuku)

 _{Fungsi ini berguna untuk menyimpan kode buku yang ingin}

(78)

Implementasi fungsi addPinjam

 _{Letakkan kode berikut di [Command Pinjam] event}

(79)

Testing Fungsi add Pinjam

 _{Jalankan Program. Pilih menu peminjaman}

 Isikan kode buku terlebih dahulu. Tekan Enter. Bila sudah tampil judulnya, tekan tombol [Pinjam]

(80)

Fungsi simpanPeminjaman



Fungsi ini untuk menyimpan data

(81)

Fungsi simpanDetail(kdbuku)

 Fungsi ini untuk menyimpan data detail peminjaman ke tabel detail_peminjaman per kode buku. Hasil balik

(82)

Fungsi simpanDetailPinjam()

(83)

Implementasi Fungsi SimpanPeminjaman

 _{Ketikkan kode berikut di [Command Simpan] event}

(84)

Testing Simpan Peminjaman

 Jalankan Program. Pilih Peminjaman

 Klik Baru Pinjam

 Isikan No. Pinjam

 _{Isikan No. Anggota}

 _{Isikan Kode buku yang dipinjam}

 Klik Tombol Pinjam

 Klik tombol Simpan

(85)

Latihan

 _{Buatlah Form untuk pengisian data anggota.}

 Bisa menampilkan isi data dari tabel anggota

 Bisa menambah, merubah, menghapus data anggota

 Buatlah form untuk pengisian data penerbit

 _{Bisa menampilkan isi data dari tabel penerbit}

 _{Bisa menambah, merubah dan menghapus data penerbit}

 Buatlah program penjualan, yang terdiri dari:

 Pengelolaan data barang