Sesi/Perkuliahan ke: X dan XI

Transkripsi

1 Sesi/Perkuliahan ke: X dan XI Tujuan Instruksional Khusus : 1. Mahasiswa mengerti dan memahami penggunaan Database dalam Visual Basic 2. Mahasiswa mengerti dan memahami penggunaan Visual Data Manager 3. Mahasiswa mengerti dan memahami pembuatan Interface Front End secara manual 4. Mahasiswa mengerti dan memahami pembuatan Database menggunakan Wizard Pokok Bahasan : Database Deskripsi singkat : Dalam pertemuan ini akan mempelajari tentang penggunaan database dalam Visual Basic, Visual Data Manager, Interface Front End secara manual, Database menggunakan Wizard Referensi : 1. Peter Norton s, Guide to Visual Basic 6, SAMS Publishing, Djoko Pramono, Mudah Menguasai Visual Basic 6, Elex Media Komputindo, Jakarta, 1999 Database Halaman: 1 dari 25

2 DATABASE Database dibedakan menjadi dua kelompok, yaitu back-end dan front-end. Back-end adalah yang menyusun, menyimpan dan mengamankan database. Sedangkan Front-end adalah aplikasi yang berhubungan langsung dengan para pemakai program. Pada bagian ini dapat diatur tatanan tampilan, mulai dari ListBox, ComboBox ataupun Navigator. Kontrol-kontrol untuk database tersebut memiliki ciri khusus, yaitu kemampuan databound atau kemampuan mengakses database. Prosesnya sama dengan proses perancangan form. Visual Data Manager Untuk menyusun back-end digunakan Visual Data Manager, yaitu fasilitas yang disediakan VB6 untuk menghasilkan tabel-tabel. Untuk mengaktifkan fasilitas ini dari menu Add-Ins, klik perintah Visual Data Manager. Database Halaman: 2 dari 25

3 Setelah itu akan tampil window Visual Data Manager seperti di bawah ini : Membuat Tabel Tabel adalah unsur utama di dalam suatu database. Untuk membuat tabel dapat menggunakan Visual Data Manager. Langkah pemakaiannya adalah sebagai berikut : 1. Aktifkan Visual Data Manager dari menu Add-Ins. 2. Aktifkan perintah File New Microsoft Access Version 7.0 MDB. Database Halaman: 3 dari 25

4 3. Setelah di klik, maka akan tampil kotak dialog Select Microsoft Access Database to Create. Pada kotak File Name isikan dengan nama file database yang diinginkan, misalnya DT_MHS. Kemudian tentukan letak folder penyimpanannya. Terakhir klik tombol Save untuk menyimpan file yang baru di buat tersebut. Setelah tombol Save di klik, maka akan dilayar akan tampil : Database Halaman: 4 dari 25

5 4. Selanjutnya isi file database dengan unsur utamanya, yaitu tabel. Langkah pertama adalah membuka file database, aktifkan perintah File Open database Microsoft Access. Database Halaman: 5 dari 25

6 5. Tampil kotak dialog Open Microsoft Access Database. Klik file database yang diinginkan, misalnya file yang baru di susun, yaitu DT_MHS.mdb. Database Halaman: 6 dari 25

7 Kemudian klik Open. Maka tampilannya adalah : 6. Pada Database Window klik kanan Properties, tampil Pop-up Menu. Klik perintah New-Table Database Halaman: 7 dari 25

8 Setelah di klik akan tampil Table Structure yang dapat di gunakan untuk membuat tabel baru. Isikan nama tabel pada kotak Table Name. Misalkan Biodata 7. Berikutnya harus dibuat field-field pada tabel tersebut, misalnya NPM, Nama, Alamat. Caranya dengan mengklik tombol Add Field, maka akan tampil kotak dialog Add Field sebagai berikut : Database Halaman: 8 dari 25

9 8. Pada kotak Name, isikan nama field pertama, yaitu NPM, kemudian klik OK. Nama field baru tersebut dikirimkan ke kotal dialog Table Structure dan kotak dialog Add Field siap menerima nama baru lagi. 9. Ulangi langkah No. 8 untuk nama field : Nama dan Alamat 10. Tutuplah kotak dialog Add Field, klik Close. Hasil pengisian field pada table Structure adalah seperti dibawah ini : Database Halaman: 9 dari 25

10 11. Langkah selanjutnya adalah mengklik tombol Build the Table. Terbentuklah sebuah tabel bernama Biodata, ditunjukkan pada Database Window di Visual Data Manager. Mengisi Data Untuk mengisi data pada tabel yang baru dibuat, langkahnya adalah sebagai berikut : 1. Pada Database Window, klik ganda nama tabel, yaitu Biodata. Tampil kotak dialog Dynaset untuk pengisian data. Database Halaman: 10 dari 25

11 2. Klik tombol Add lalu isikan data record pertama pada kotak isian yang bersesuaian, yaitu : NPM : Nama : Riandhika Alamat : Bekasi Kemudian klik tombol Update, dan kemudian untuk menambah data baru klik tombol Add, kotak dialog Dynaset siap disi record baru lagi. 3. Ulangi langkah ke 2 untuk data-data di bawah ini : NPM : Nama : Riani Alamat : Jakarta NPM : Nama : Fajar Alamat : Bogor 4. record-record data yang telah kita masukkan tersebut dapat ditampilkan dengan mengklik tombol kiri kanan slider. Lihat gambar 5. Untuk menutup Dynaset, klik tombol Close. Membuat Interface Front-End Secara Manual Database Halaman: 11 dari 25

12 Setelah Back-end selesai dikerjakan, selanjutnya kita mulai menyusun Frontend. Langkah-langkahnya adalah sebagai berikut : 1. Tutuplah Visual Data Manager. 2. Pada form1 buatlah tampilan form berikut ini. Lihat gambar : 3. Atur properti sebagai berikut : Objek Properti Pengaturan Form1 Caption Data Mahasiswa Label1 Caption Font NPM Tahoma, Regular, 14 Label2 Caption Font Nama Tahoma, Regular, 14 Label3 Caption Font Alamat Tahoma, Regular 14 Data1 Connect DatabaseNam e Access C:\My Documents\DT_MHS.mdb Database Halaman: 12 dari 25

13 Text1 Text2 Text3 Command 1 RecordSource Text DataSource DataField Text DataSource DataField Text DataSource DataField Caption Biodata <kosongkan> Data1 NPM <kosongkan> Data1 Nama <kosongkan> Data1 Alamat E&xit 4. Kemudian buat program berikut pada window code : Private Sub Command1_Click() End End Sub 5. Jalankan aplikasi dengan menekan tombol F5 Hasil : Database Halaman: 13 dari 25

14 Untuk menampilkan record lainnya, klik tombol kiri kanan Data1. Memakai Tabel MS Access Jika database yang kita ingin akses adalah database yang berasal dari MS Access, kita bisa ubah properti DatabaseName (kontrol data) sesuai dengan nama dan path file database tersebut. Misalnya database NWIND.mdb yang disertakan sebagai contoh VB6. Database tersebut memiliki format Access. Membuat Database menggunakan Wizard Kita telah pelajari cara pembuatan interface menggunakan cara manual, sekarang kita akan belajar menggunakan Data Form Wizard. Database yang akan kita gunakan adalah NWIND.mdb, yaitu database MS Access yang disertakan sebagai contoh pada MS Access maupun pada VB6. Database Halaman: 14 dari 25

15 Langkah selengkapnya : 1. Aktifkan lebih dahulu Data Form Wizard pada menu Add-Ins. Caranya : - Dari menu Add-Ins, klik perintah Add-Ins Manager. Tampil kotak dialog Add-Ins Manager. - Pada kotak dialog tersebut klik VB6 Data Form Wizard. Kalau kita ingin sering menggunakannya, sebaiknya aktifkan pilihan Load on Startup di pojok kanan bawah. Klik OK, hasilnya adalah munculnya perintah data Form Wizard pada menu Add-Ins. Database Halaman: 15 dari 25

16 2. Jika sudah aktif, klik perintah tersebut. Akan muncul tampilan pertama wizard berikut ini. Database Halaman: 16 dari 25

17 3. Klik Next, tampil kotak dialog kedua untuk pemilihan jenis database. 4. Klik Access, lalu klik Next. Tampil kotak dialog ketoga untuk penentuan nama database. Database Halaman: 17 dari 25

18 5. Klik Browse, tampil kotak dialog Browse untuk menentukan file database. Dalam contoh ini pilihlah Database Nwind.mdb yang secara default ada pada folder : C:\Program Files\Microsoft Visual Studio\VB98 Database Halaman: 18 dari 25

19 Lihat gambar berikut : 6. Klik Open, tampilan kembali ke kotak dialog ketiga. Klik Next, tampil kotak dialog keempat untuk penentuan nama form, form layout dan binding type. Database Halaman: 19 dari 25

20 Database Halaman: 20 dari 25

21 7. Berilah nama form tersebut, misalnya FormDatabase. Kemudian klik OK, tampil kotak dialog kelima. 8. Pilihlah tabel yang kita inginkan pada kotak Record Source, misalnya Employee. Pilihlah field yang kita perlukan pada kotak Available field, misalnya Address, FirstName dan LastName. Terakhir, pada kotak Column Database Halaman: 21 dari 25

22 to Sort By, pilihlah field yang dipakai sebagai dasar pengurutan record, misalnya FirstName. Database Halaman: 22 dari 25

23 9. Klik Next, tampil kotak dialog keenam untuk penentuan kontrol 10. Pilihlah kontrol yang akan dipasangkan pada form, lalu klik Next. Tampil kotak dialog ketujuh (terakhir). Database Halaman: 23 dari 25

24 11. Klik Finish, hasilnya seperti gambar berikut : 12. Sekarang kita memiliki dua form, yaitu Form1 dan FormDatabase. Pada Form1, pasangkan 2 buah command button, dan ubah Captionnya menjadi : Database dan Keluar 13. Lalu tuliskan kode berikut : Private Sub Command1_Click() End Sub FormDatabase.Show Private Sub Command2_Click() End Sub End 14. Selesai sudah pembuatan form database menggunakan wizard. Untuk mencobanya, jalankan program dan klik tombol Database pada Form1. Database Halaman: 24 dari 25

25 15. FormDatabase akan diaktifkan. Tampilannya sebagai berikut : Kita bisa membuka record lain dengan menggunakan tombol kiri kanan kontrol data. Database Halaman: 25 dari 25