25
Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 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, 1998 2. Djoko Pramono, Mudah Menguasai Visual Basic 6, Elex Media Komputindo, Jakarta, 1999

Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Embed Size (px)

Citation preview

Page 1: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 1 dari 25

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, 1998

2. Djoko Pramono, Mudah Menguasai Visual Basic 6, Elex Media

Komputindo, Jakarta, 1999

Page 2: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 2 dari 25

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.

Page 3: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 3 dari 25

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.

Page 4: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 4 dari 25

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 :

Page 5: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 5 dari 25

4. Selanjutnya isi file database dengan unsur utamanya, yaitu tabel. Langkah

pertama adalah membuka file database, aktifkan perintah File Open

database… Microsoft Access.

Page 6: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 6 dari 25

5. Tampil kotak dialog Open Microsoft Access Database. Klik file database

yang diinginkan, misalnya file yang baru di susun, yaitu DT_MHS.mdb.

Page 7: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 7 dari 25

Kemudian klik Open. Maka tampilannya adalah :

6. Pada Database Window klik kanan Properties, tampil Pop-up Menu. Klik

perintah New-Table

Page 8: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 8 dari 25

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 :

Page 9: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 9 dari 25

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 :

Page 10: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 10 dari 25

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.

Page 11: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 11 dari 25

2. Klik tombol Add lalu isikan data record pertama pada kotak isian yang

bersesuaian, yaitu :

NPM : 12293876

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 : 31199098

Nama : Riani

Alamat : Jakarta

NPM : 21200123

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

Page 12: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 12 dari 25

Setelah Back-end selesai dikerjakan, selanjutnya kita mulai menyusun Front-

end.

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

Page 13: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 13 dari 25

RecordSource Biodata

Text1 Text

DataSource

DataField

<kosongkan>

Data1

NPM

Text2 Text

DataSource

DataField

<kosongkan>

Data1

Nama

Text3 Text

DataSource

DataField

<kosongkan>

Data1

Alamat

Command

1

Caption 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 :

Page 14: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 14 dari 25

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.

Page 15: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 15 dari 25

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.

Page 16: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 16 dari 25

2. Jika sudah aktif, klik perintah tersebut. Akan muncul tampilan pertama wizard

berikut ini.

Page 17: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 17 dari 25

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.

Page 18: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 18 dari 25

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

Page 19: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 19 dari 25

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.

Page 20: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 20 dari 25

Page 21: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 21 dari 25

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

Page 22: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 22 dari 25

to Sort By, pilihlah field yang dipakai sebagai dasar pengurutan record,

misalnya FirstName.

Page 23: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 23 dari 25

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).

Page 24: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 24 dari 25

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()

FormDatabase.Show

End Sub

Private Sub Command2_Click()

End

End Sub

14. Selesai sudah pembuatan form database menggunakan wizard. Untuk

mencobanya, jalankan program dan klik tombol Database pada Form1.

Page 25: Algoritma & Pemrograman 2B Purwantikarmila.staff.gunadarma.ac.id/Downloads/files/62917/database.pdf · Algoritma & Pemrograman 2B Purwanti Database Halaman: 1 dari 25 Sesi/Perkuliahan

Algoritma & Pemrograman 2B Purwanti

Database Halaman: 25 dari 25

15. FormDatabase akan diaktifkan. Tampilannya sebagai berikut :

Kita bisa membuka record lain dengan menggunakan tombol kiri kanan

kontrol data.