• Tidak ada hasil yang ditemukan

Membuat Form Karyawan

Dalam dokumen MODUL KULIAH PEMROGRAMAN VISUAL 1 (Halaman 137-142)

Form karyawan digunakan untuk mengelola data karyawan

yang meliputi nama, alamat, dan no. telepon. Table

karyawan merupakan table master yang hanya boleh dibuka

dengan hak akses pemilik/administrator. Form karyawan

juga digunakan untuk mengatur hak akses dan password

yang akan digunakan karyawan untuk login ke dalam

aplikasi.

Langkah-langkah :

1. Pastikan project Rental.dpr telah dibuka. 2. Buat form baru, klik menu File – New – Form.

3. Ubah property form yang baru dibuat seperti pada table di bawah ini : Komponen Property Value

Form1 Caption Karyawan

BorderStyle bsDialog

Name FKaryawan

Position poDesktopCenter

4. Klik menu File – Save All untuk menyimpan project. Simpan Unit1 menjadi UFKaryawan.pas dalam folder rental.

5. Klik menu File – Use Unit, pilih UFUtama, klik OK untuk melanjutkan. 6. Tambahkan GroupBox1 dari tab Standard ke dalam FKaryawan, ubah

property seperti table di bawah ini :

Komponen Tab Parent Property Value GroupBox1 Standard FKaryawan Align alClient

Caption

7. Copy dan paste ToolBar1 dari form FPemasok ke dalam GroupBox1. 8. Tambahkan 2 buah GroupBox dari tab Standard ke dalam GroupBox1,

atur property seperti table di bawah ini :

Komponen Tab Parent Property Value GroupBox2 Standard GroupBox1 Align alLeft

Caption

GroupBox3 Standard GroupBox1 Align alClient Caption

9. Tambahkan ADOTable1 dari tab ADO, atur property seperti table di bawah ini :

Komponen Tab Parent Property Value

ADOTable1 ADO FKaryawan Connection FUtama.ADOConnection1

Name Karyawan

10. Buat persistent field untuk table Karyawan, klik dua kali Karyawan pada Object TreeView, klik kanan pada field editor, pilih Add All Fields. 11. Masih di field editor table Karyawan, pilih semua field (jika belum, klik

kanan pada field editor, pilih Select All), lakukan drag and drop seluruh field ke GroupBox3.

12. Ubah property untuk komponen Data Control seperti table di bawah ini : Komponen Property Value

DBEdit1 Enabled False

DBEdit1, DBEdit2, DBEdit3, DBEdit4, DBEdit5, DBEdit6, DBEdit7

CharCase ecUpperCase

DBImage1 Stretch True

13. Tambahkan OpenPictureDialog1 dari tab Dialogs.

14. Tambahkan BitBtn1 dari tab Additional ke dalam GroupBox3, atur property seperti table di bawah ini :

Komponen Tab Parent Property Value BitBtn1 Additional GroupBox3 Caption Cari …

Glyph Cari.bmp

15. Tambahkan DBGrid1 dari tab Data Control ke dalam GroupBox2, atur property seperti table di bawah ini :

Komponen Tab Parent Property Value

DBGrid1 Data Control GroupBox2 Align alClient

Datasource Datasource1

Options.dgRowSelect False

Options.dgAlwaysShowSelection False

Options.dgEditing True

16. Klik dua kali DBGrid1 untuk membuka Column Editor, klik kanan pada Column Editor, pilih Add All Fields. Dari daftar kolom yang ada, hapus semua kolom kecuali KaryawanID dan Nama. Atur property masing-masing kolom seperti table di bawah ini :

Komponen Property Value

DBGrid1.Columns[0] Title.Alignment taCenter Title.Caption KaryawanID Title.Font.Style.fsBold True

Width 100

DBGrid1.Columns[1] Title.Alignment taCenter Title.Caption Nama Karyawan Title.Font.Style.fsBold True

Width 60

18. Pilih FKaryawan pada Object TreeView, buat event onShow dan onClose, ketikkan perintah seperti table di bawah ini :

Komponen Event Code

FPemasok onShow procedure TFKaryawan.FormShow(Sender: TObject); begin

Randomize; Karyawan.Open; end;

onClose procedure TFKaryawan.FormClose(Sender: TObject; var Action: TCloseAction);

begin

Karyawan.Close; end;

19. Pilih SpeedButton1, SpeedButton2, SpeedButton3 dan SpeedButton4 pada Object TreeView, buat event onClick, ketikkan perintah seperti table di bawah ini :

Komponen Event Code SpeedButton1,

SpeedButton2, SpeedButton3, SpeedButton4

onClick procedure TFKaryawan.SpeedButton1Click(Sender: TObject); begin

Case (Sender as TSpeedButton).Tag of 1 : Karyawan.Insert; 2 : Karyawan.Post; 3 : Karyawan.Delete; 4 : Karyawan.Cancel; End; end;

20. Pilih Karyawan pada Object TreeView, buat event onNewRecord, ketikkan perintah seperti table di bawah ini :

Komponen Event Code

Member onNewRecord procedure TFKaryawan.KaryawanNewRecord(DataSet: TDataSet); begin

KaryawanKota.Value := 'BANJARMASIN'; KaryawanHakAkses.Value := 1;

KaryawanPasswords.Value := FormatFloat('0000', Random(9999)); end;

21. Pilih Datasource1 pada Object TreeView, buat event onStateChange, ketikkan perintah seperti table di bawah ini :

Komponen Event Code

DataSource1 onStateChange procedure TFKaryawan.DataSource1StateChange(Sender: TObject);

begin

SpeedButton1.Enabled := (Karyawan.State in [dsBrowse]) and (FUtama.HakAkses in [2]);

SpeedButton2.Enabled := (Karyawan.State in dsEditModes) and (FUtama.HakAkses in [2]);

SpeedButton3.Enabled := (Karyawan.State in [dsBrowse]) and (FUtama.HakAkses in [2]);

SpeedButton4.Enabled := (Karyawan.State in dsEditModes) and (FUtama.HakAkses in [2]); DBEdit2.Enabled := FUtama.HakAkses in [2]; DBEdit3.Enabled := FUtama.HakAkses in [2]; DBEdit4.Enabled := FUtama.HakAkses in [2]; DBEdit5.Enabled := FUtama.HakAkses in [2]; DBEdit6.Enabled := FUtama.HakAkses in [2]; DBEdit7.Enabled := FUtama.HakAkses in [2]; DBImage1.Enabled := FUtama.HakAkses in [2]; end;

22. Pilih BitBtn1 pada Object TreeView, buat event onClick, ketikkan perintah seperti table di bawah ini :

Komponen Event Code

BitBtn1 onClick procedure TFKaryawan.BitBtn1Click(Sender: TObject); begin

With OpenPictureDialog1 do Begin

If Execute then Begin

If Karyawan.State in [dsBrowse] then Karyawan.Edit; DBImage1.Picture.LoadFromFile(FileName);

End; End; end;

23. Kembali ke form FUtama, klik menu View – Forms, pilih FUtama, klik OK untuk melanjutkan.

24. Klik menu File – Use Unit, pilih FPemasok, klik OK untuk melanjutkan. 25. Pilih Karyawan1 pada Object TreeView, buat event onClick, ketikkan

Komponen Event Code

Karyawan1 onClick procedure TFUtama.Karyawan1Click(Sender: TObject); begin

FKaryawan.ShowModal; end;

26. Simpan, jalankan dan uji aplikasi.

Tugas di rumah :

1. Sempurnakan Latihan 17, 18, 19, 20 dan 21. 2. Selesaikan Latihan 22, 23, 24 dan 25.

3. Masukkan minimal 15 data koleksi lengkap dengan cover dan preview video (kalau ada) melalui form Koleksi.

4. Masukkan minimal 5 data pemasok melalui form Pemasok.

5. Masukkan minimal 5 data karyawan lengkap dengan foto melalui form Karyawan.

6. Tugas akan diperiksa satu persatu pada pertemuan berikutnya.

7. Tolong dicatat dan disampaikan apabila ditemukan adanya kekeliruan pada modul ini.

Dalam dokumen MODUL KULIAH PEMROGRAMAN VISUAL 1 (Halaman 137-142)