Mengenal Database Destop · Web view(DBGrid akan selalu terikat dengan bagian atas dari panel). Letakkan penunjuk mouse ke kotak hitam kecil yang terletak di bagian bawah DBGrid. Klik

Bab 4MENGEMBANGKANDATABASE DESTOP

4.1 Dasar PemikiranPada bab ini akan membahas berbagai topik yang dimaksudkan agar Anda dapat

mengembangkan program. Anda akan mempelajari cara memantau record sekarang,

mengakses isi suatu field yang terdapat pada tabel, mengkonversi nilai field dan juga cara

melindungi data dari perubahan oleh pemakai.

4.2 Tujuan TopikUntuk mempelajari cara memantau record sekarang, mengakses isi suatu field yang

terdapat pada tabel, mengkonversi nilai field dan juga cara melindungi data dari

perubahan oleh pemakai.

4.3 Mengubah Letak Grid Pada PanelForm yang dihasilkan oleh Database Form Wizard di bab 3 juga menghasilkan komponen

yang disebut panel. Panel adalah komponenyang biasa digunakan untuk mewadahi

sejumlah komponen lain. Pada form Fdosen, terdapat dua buah komponen Panel.

Komponen Panel1 membawahi DBNavigator dan pada panel2 membawahi DBGrid.

Anda akan mencoba untuk menambahkan suatu informasi pada Panel2 dibawah DBGrid.

Oleh karena itu, Anda perlu mengubah isi Align milik DBGrid. Langkah yang perlu

Anda Lakukan adalah sebagai berikut :

1. Buka proyek Dosen.Dpr bila belum terbuka.2. Klik DBGrid yang terdapat pada form.3. Melalui kotak kombo yang terdapat disebelah kanan properti Align (pada Object

Inspector), pilih alTop (DBGrid akan selalu terikat dengan bagian atas dari panel).

1

4. Letakkan penunjuk mouse ke kotak hitam kecil yang terletak di bagian bawah DBGrid.

5. Klik dan tarik mouse keatas sehingga form berubah seperti gambar 4.1 dibawah ini.

Gambar 4.1 DBGrid setelah di rubah

6. Klik ikon yang terdapat pada halaman stAndart pada Componen Palette.

7. Letakkan penunjuk mouse di bagain bawah DBGrid, dan kemudian kliklah.8. Melalui Object Inspektor, lakukan perubahan pada beberapa properti seperti

dibawah ini :

Properti IsiCaption InformasiName LabelInfo

Setelah langkah diatas dilakuakn, selanjutnya tulislah pada Label1 pada form berubah menjadi Informasi :Jika berhasil, maka hasilnya akan seperti gambar dibawah ini :

Gambar 4.2 Setelah komponel Label dituliskan

2

4.4 Menambah Kode AfterscroollKomponen label yang Anda tambahkan di atas akan dipergunakan untuk menampilkan

nama Dosen yang sedang disorot pada DBGrid. Untuk melakukan hal ini, Anda harus

menambahkan suatu kode pada kejadian AfterScroll yang dimiliki komponen Table

(Table1), dengan tujuan untuk memperoleh isi field NAMA dan memberikannya ke

komponen label. Langkah yang perlu Anda Lakukan adalah sebagai berikut :

1. Klik pada komponen Table yang terdapat pada form.2. Klik tab Events pada jendela Object Inspector bila belum diaktifkan.3. Klik gAnda pada sel yang terletak di sebelah kanan AfterScroll. Langkah ini

menyebabkan Delphi menampilkan jendela editor kode.4. Tuliskan kode berikut , sehingga kode lengkap untuk kejadian AfterScroll

menjadi :

Gambar 4.3 Jendela Editor Code

5. Setelah kode program selesai di ketik, tekan F12 atau minimize untuk menyembunyikan jendela editor kode.

6. Setelah ahasiswa menuliskan kode diatas, lakukan penyimpanan dengan memilih menu File Save dan kemudian jalankan program dengan menekan F9. Pada keadan awal, Anda akan menjumpai tampilan sebagai berikut :

3

Dapat juga diganti menjadiLabelInfo.Caption :='Nama Dosen :' + Table1Nama.Value;

Gambar 3.36 Menampilkan nama Dosen pada record pertama7. Selanjutnya, cobalah mengklik pada sembarang kolm yang berisi Juniar

Napitupulu seperti yang terlihat pada gambar 3.37 dibawah ini.

Gambar 3.37 Menampilkan nama Dosen pada record sembarangUntuk mengakhiri program klik atau pilih Run Program Reset. Form akan

segera ditutup setelah Anda melakukan langkah ini.

8. Selanjutnya, cobalah untuk menampilkan informasi tentang kode Dosen (field KD_DOSEN).

9. Tuliskan kode berikut , sehingga kode lengkap untuk kejadian AfterScroll menjadi :

10. Setelah kode program selesai di ketik, tekan F12 atau minimize untuk menyembunyikan jendela editor kode.

11. Setelah ahasiswa menuliskan kode diatas, lakukan penyimpanan dengan memilih menu File Save dan kemudian jalankan program dengan menekan F9. Pada keadan awal, Anda akan menjumpai tampilan sebagai berikut :

4

beginLabelInfo.Caption :='Kode Dosen :' + Table1KD_DOSEN.AsString;end;

Gambar 3.38 Menampilkan Kode Dosen 4.5 Mengatur ReadOnlyKetika para Anda menjalankan program Dosen dan kemudian mencoba mengetikkan

sesuatu pada DBGrid, maka data akan tertimpa dengan yang diketikkan. Oleh karena itu,

solusinya adalah, ubahlah ReadOnly pada DBGrid menjadi True (Artinya, data hanya

dapat dibaca). Silankah di coba, ok.

4.6 Program Untuk Mengakses Database

4.6.1 Membuat Form

Untuk mempraktekkan pembuatan form yang mengakses database, mula-mula tutplah

semua berkas yang terbuka (File Close All). Kemudian, buatlah proyek baru melalui

File New Application. Langkah selanjutnya, ubahlah Caption milik form menjadi :

Program Informasi Dosen AMIK MPB. Lalu ubah pula properti Name milik form

menjadi FormInfoDosen.

Berikutnya, simpanlah proyek dan form Anda melalui File Save Project As.. ke

Folder ProjDBDelphi. Beri nama FinfoDosen untuk form dan InfoDosen untuk proyek.

Jika berhasil, maka akan tampak sepeti gambar 3.39 seperti dibawah ini.

Gambar 3.39 Form Informasi Dosen AMIK MBP

4.6.2 Menambah Komponen Table

Selanjutnya tambahkan komponen Table dengan ketentuan sebagai berikut :

1. Klik pada ikon Table yang terdapat pada tab BDE pada Component Palette.

5

2. Letakkan penunjuk mouse lokasi komponen Table akan diletakkan dan kemudian kliklah. Jika berhasil, maka hasilnya terlihat seperti gambar 3.40.

3. Melalui Object Inspektor, lakukan perubahan pada properti-properti berikut :

Properti IsiDatabasename DBDelphiName TabelDosenTableName Dosen,db

Gambar 3.41 Setelah komponen table ditambahkan

4.6.3 Menambah Komponen DataSource

Setelah itu, tambahkan komponen DataSource ke form, dengan ketentuan sebagai berikut

1. Klik pada ikon DataSource yang terdapat pada tab Data Access pada Component Palette.

2. Letakkan penunjuk mouse lokasi komponen Table akan diletakkan dan kemudian kliklah. Jika berhasil, maka hasilnya terlihat seperti gambar 3.41.


Properti IsiDataSet TableDosenName DataSourceDosen

6

Gambar 3.42 Setelah komponen DataSource ditambahkan4.7 Menambah Komponen Dbgrid

Setelah itu, tambahkan komponen DBGrid ke form, dengan ketentuan sebagai berikut :

1. Klik pada ikon DBGrid yang terdapat pada tab Data Controls pada Component Palette.

2. Letakkan penunjuk mouse lokasi komponen DBGrid akan diletakkan dan kemudian kliklah. Jika berhasil, maka hasilnya terlihat seperti gambar 3.43.


Properti IsiDataSource DataSourceDosenName DBGridDosenReadOnly True

Gambar 3.43 Setelah komponen DBGrid ditambahkan

4.8 MENAMBAH KOMPONEN DBNavigator

Setelah itu, tambahkan komponen DBNavigator ke form, dengan ketentuan sebagai

berikut :

1. Klik pada ikon DBNavigator yang terdapat pada tab Data Controls pada Component Palette.

2. Letakkan penunjuk mouse lokasi komponen DBNavigator akan diletakkan dan kemudian kliklah. Jika berhasil, maka hasilnya terlihat seperti gambar 3.44.

7

3. Gambar 3.44 Setelah komponen DBNavigator ditambahkan.

4. Melalui Object Inspektor, lakukan perubahan pada properti berikut, sehingga menampilkan tampilan seperti gambar 3.45 dibawah ini :

5. Properti 6. Isi7. DataSource 8. DataSourceDosen9. Name 10. DBNavigatorDosen11. nbInsert 12. False13. nbDelete 14. False15. nbEdit 16. False17. ndPost 18. False19. ndCancel 20. False21. ndRefresh 22. False

23. Gambar 3.45 komponen DBNavigator menampilkan empat buah tombol.

8

4.9 Menambah Kode Kejadadian Pada OnCreate Form

Agar data dapat ditampilkan pada DBGrid, tabel harus dibuka terlebih dahulu. Untuk

membuka tabel, Anda perlu terlebih dahulu menuliskan kode pada kejadian OnCreate

milik form. Adapun langkah-langkah yang perlu dilakukan yaitu :

1. Klik pada daerah form yang tidak mengandung komponen sama sekali.2. Klik tab Event pada jendela Object Inpektor bila belum diaktifkan.3. Klik gAnda pada sel yang terletak di sebelah kanan OnCreate. Langkah ini

menyebabkan Delphi menampilkan jendela editor kode.4. Tuliskan kode berikut , sehingga kode lengkap untuk kejadian OnCreate

menjadi :

5. Klik Tombol F12 atau minimize untuk menyembunyikan jendela editor kode.6. Jalankan program dengan fungsi F9, untuk melihat hasilnya seperti yang

tampak pada gambar 4.46

Gambar 3.46 Form saat dijalankan.

7. Untuk menghentikan program, Anda dapat menggunakan perintah Program Reset dari menu Run atau klik tombol close yang terletak pada sudut kanan atas jendela program.

8. Dari menu File pilih Save All.

4.10 Membuat Tombol Seperti DBNavigator

Anda juga dapat membuat tombol-tombol yang cara kerjanya menyerupai DBNavigator,

langkah-langkah yang perlu dilakukan adalah sebagai berikut :

9

beginTableDosen.Open;end;

1. Mula-mula hapuslah komponen DBNavigator yang terdapat pada form karena akan diganti. Caranya klik pada komponen tersebut dan kemudian tekan tombol Del.

2. Buat empat buah komponen BitBtn yang terdapat pada tab Additional, dan tempatkan posisi seperti berikut ini.

Gambar 3.47 Form saat empat tombol BitBtn di tambahkan

3. Melalui Object Inspektor, lakukan perubahan pada properti berikut, sehingga menampilkan tampilan seperti gambar 3.47 diatas.

Komponen Properti IsiBitBtn1 Caption

NameAwalBitBtnAwal

BitBtn2 CaptionName

SebelumnyaBitBtnSebelum

BitBtn3 CaptionName

BerikutnyaBitBtnBerikut

BitBtn4 CaptionName

AkhirBitBtnAkhir

4.11 Menambah Kode Kejadian Onclick Tombol BitBtn

Tombol Awal dimaksudkan untuk mengatur kursor agar menunjuk ke record pertama. Langkah yang perlu Anda lakukan adalah:1. Klik pada tombol berjudul Awal.2. Klik tab Event pada jendela Object Inpektor bila belum diaktifkan.3. Klik Anda pada sel yang terletak di sebelah kanan OnCreate. Langkah ini

menyebabkan Delphi menampilkan jendela editor kode.4. Tuliskan kode berikut , sehingga kode lengkap untuk kejadian OnCreate menjadi

5. Klik Tombol F12 atau minimize untuk menyembunyikan jendela editor kode.

10

begin TableDosen.First;end;

Tombol Sebelumnya dimaksudkan untuk mengatur kursor agar menunjuk ke record pertama. Langkah yang perlu Anda lakukan adalah:1. Klik pada tombol berjudul Sebelumnya.2. Klik tab Event pada jendela Object Inpektor bila belum diaktifkan.3. Klik Anda pada sel yang terletak di sebelah kanan OnCreate. Langkah ini



Tombol Berikutnya dimaksudkan untuk mengatur kursor agar menunjuk ke record pertama. Langkah yang perlu Anda lakukan adalah:1. Klik pada tombol berjudul Berikutnya.2. Klik tab Event pada jendela Object Inpektor bila belum diaktifkan.3. Klik Anda pada sel yang terletak di sebelah kanan OnCreate. Langkah ini



Tombol Akhir dimaksudkan untuk mengatur kursor agar menunjuk ke record pertama. Langkah yang perlu Anda lakukan adalah:1. Klik pada tombol berjudul Akhir.2. Klik tab Event pada jendela Object Inpektor bila belum diaktifkan.3. Klik Anda pada sel yang terletak di sebelah kanan OnCreate. Langkah ini

menyebabkan Delphi menampilkan jendela editor kode.4. Tuliskan kode berikut , sehingga kode lengkap untuk kejadian OnCreate

menjadi :

5. Klik Tombol F12 atau minimize untuk menyembunyikan jendela editor kode.6. Jalankan program dengan fungsi F9, untuk melihat hasilnya seperti yang tampak

pada gambar 4.48.

11

beginTableDosen.Prior;end;

beginTableDosen.Next;end;

beginTableDosen.Last; end;

Gambar 3.48 Pada saat form di jalankan

4.12 Menambah Gambar Pada Keempat Tombol

Untuk menambahkan gambar pada keempat tombol diatas, Anda dapat mencoba langkah

berikut ini :

1. Klik pada tombol Awal dan aktifkan Object Inspector.2. Sorot properti Glyph dan klik pada langkah ini akan

menampilkan dialog Picture Editor seperti dibawah ini.

Gambar 3.49 Kotak dialog Picture Editor

7. Klik tombol Load... untuk menentukan gambar.8. Saat muncul kotak dialog Load Picture, pilihlah direktori C:\Program Files

Common Files Borland Shared Images Buttons, sehingga tampilannya seperti berikut ini.

12

Gambar 3.50 Kotak dialog Load Picture.9. Pilih Firstaid pada daftar nama berkas dan klik tombol Open.

Gambar 3.51 Gambar pada Picture Editor

10. Klik tombol OK untuk menutup kotak dialog Picture Editor.

Gambar 3.52 Tombol telah dilengkapi dengan gambar.

11. Dengan cara diatas, buat gambar pada tiga tombol diatas seperti gambar 3.53.

Gambar 3.53 Semua tombol telah dilengkapi dengan gambar.

13

4.13 Mengatur Enabled Pada Keempat Tombol

Adapun tujuan dari pengaturan Enabled milik keempat tombol yang telah Anda buat

adalah sebagai berikut. Bila kursor berada pada awal tabel maka tombol berjudul Awal

dan Sebelumnya akan dimatikan. Bila kursor berada pada akhir tabel maka tombol

berjudul Akhir dan Berikutnya akan dimatikan.

Untuk mengimplementasikan ini, Anda dapat menggunakan dua buah properti yang

bernama Bof dan Eof.

Tabel 3.3 Tabel Properti Bof dan EofProperti Keterangan

Bof Menunjukkan kursor sedang menunjukkan di awal tabel atau tidak.Hasilnya True pada saat :

Tabel dibuka Metode First di panggil Metode Prior dipanggil tetapi kursor sudah menunjuk ke record

pertama. Eof Menunjukkan kursor sedang menunjuk di akhir tabel atau tidak.

Hasilnya True pada saat : Tabel dibuka dan isinya kosong Metode Last di panggil. Metode Next dipanggil tetapi kursor sudah menunjuk ke record

terakhir. Metode SetRange dipangil dan ternyata hasilnya kosong.

Untuk melakukan perintah diatas, maka Anda dapat melakukan langkah-langkah sebagai

berikut :

1. Klik pada ikon Table yang terdapat pada form.2. Klik tab Events pada jendela Object Inspektor bila halaman belum diaktifkan.3. Klik ganda pada sel yang terletak disebelah kanan AfterScroll. Langkah ini

menampilkan jendela editor kode.4. Tuliskan kode berikut ini :

14

5. Jika berhasil, maka akan menampilkan tampilan sebagai berikut :

Gambar 3.54 Setelah ditambahkan fungsi Bof dan Eof

15

{Awal berkas}if TableDosen.Bof then Begin BitBtnAwal.Enabled := False; BitBtnSebelum.Enabled := False; EndElse Begin BitBtnAwal.Enabled := True; BitBtnSebelum.Enabled := True; End;

{Memeriksa Akhir Berkas}

if TableDosen.Eof then Begin BitBtnAkhir.Enabled := False; BitBtnBerikut.Enabled := False; EndElse Begin BitBtnAkhir.Enabled := True; BitBtnBerikut.Enabled := True; End;

oo000oo

16

Documents

Mengenal Database Destop · Web view(DBGrid akan selalu terikat dengan bagian atas dari panel). Letakkan penunjuk mouse ke kotak hitam kecil yang terletak di bagian bawah DBGrid. Klik