Bab 2Mengenal Borland Delphi

2.1 Dasar PemikiranPada bab ini Anda akan mempelajari cara mengoperasikan Delphi dan kemudian

mempraktekkan pembuatan sebuah direktori, form yang sangat sederhana.

2.2 Tujuan TopikSetelah bab ini berakhir Anda diharapkan dapat mengetahui konsep pembuatan program

secara visual.

2.3 Membuat Direktori untuk ProgramSebelum Anda mempraktekkan pembuatan program, ada baiknya Anda perlu

menyiapkan sebuah direktori yang digunakan untuk menyimpan berbagai berkas yang

terkait dengan program. Direktori tersebut bernama ProjDBDelphi dan dibuat di drive C,

D atau E (disesuaikan dengan drive komputer Anda), namun pada buku ini dibuat di

drive C.

Dengan menggunakan Windows Explorer, buatlah direktori dengan nama

ProjDBDelphi, berikut ini adalah langkah-langkah cara pembuatannya.

1. Aktipkan windows Explorer2. Plilih File New Folder.

1

3. Langkah ini akan menciptakan direktori dengan nama New Folder

4. Pada saat New Folder tersorot, ketikkan ProjDBDelphi, seperti dibawah ini.

2.4 Membuat Program SederhanaUntuk memulai pembuatan program yang pertama, lakukanlah langkah berikut :

1. Klik tombol Start

2. Pilih Program

3. Pilih Borland Delphi 6 4. Selanjutnya akan tampil tampilan seperti dibawah ini :

Gambar 2.1 Lembar kerja Borland Delphi

2.5 Mengubah Properti Caption dan NameForm mempunyai sejumlah karakteristik atau sifat seperti tinggi, lebar, dan judul. Sifat

seperti inilah yang biasa disebut dengan istilah properti. Properti dimiliki tidak hanya

oleh form, melainkan juga semua komponen. Tentu saja, masing-masing form ataupun

komponen memiliki properti sendiri.

2

Properti suatu form ataupun komponen dapat diubah melalui Object Inspector, khususnya

pada halaman berjudul Properties.

Gambar 2.2 Properti pada jendela Object Inspector

Selanjutnya ubah properti milik form, yang bernama Caption. Properti ini digunakan

untuk mengubah judul form.

1. Aktipkan Object Inspector 2. Klik pada sel di sebelah kanan tulisan Caption.3. Gantikanlah tulisan Form1 dengan : Sistem Informasi. Setelah itu akan muncul

tampilan seperti di bawah ini.

Gambar 2.3 Judul form telah di tampilkan

2.6 Menyimpan Proyek dan FormSetelah Anda mengubah isi properti Caption milik form, Anda dapat menyimpan proyek

Anda ini dengan langkah-langkah sebagai berikut :

3

PROPERTI

1. Pilih menu File kemudian pilih Save Project As … langkah ini akan menampilkan tampilan seperti dibawah ini :

Gambar 2.4 Kotak dialog untuk penyimpanan Unit

2. Pilih folder ProjDBDelphi (pada kotak kombo Save in).3. Ketikkan Fmodul1 pada File name: .4. Klik tombol Save. Setelah itu akan muncul tampilan kotak dialog sebagai berikut:

Gambar 2.5 Kotak dialog form Fmodul1 Gambar 2.6 Dialog Project Pmodul1

5. Ketik Fmodul1 pada form dan ketik Pmodul1 pada project.6. Klik tombol save.

4

Penyimpanan Project ke2 degan nama Pmodul1

Penyimpanan Form ke1 dengan nama Fmodul1

2.7 Menjalankan ProgramAnda dapat menjalankan program yang telah Anda buat dengan cara mengklik ikon

( tekan F9). Maka akan muncul tampilan seperti dibawah ini :

Gambar 2.7 Form ketika dijalankan.

Untuk mengakhiri program klik atau pilih Run Program Reset. Form akan

segera ditutup setelah Anda melakukan langkah ini.

2.8 Membuat Program Penambahan, Pengurangan dan PerkalianSekarang marilah kita mempraktekkan penggunaan komponen dalam form. Sebagai

langkah pertama, Anda akan belajar menambahkan komponen Label.

Untuk menambahkan label ke form, mula-mula klik ikon pada Componen Palette.

Kemudian kliklah pada lokasi yang di inginkan pada form. Setelah label ditampilkan

pada form, Anda dapat mengubah properti Caption dan Name (nama label jika perlu).

Berikut adalah perubahan yang harus Anda lakukan :

2.8.1 Menambah Label

Label Properti IsiLabel1 Caption Data ALabel2 Caption Data BLabel3 Caption JumlahLabel4 Caption KurangLabel5 Caption Kali

5

Setelah semua label di ganti pada captionnya, maka akan muncul tampilan sebagai berikut :

Gambar 2.8 Data label telah di ganti

2.8.2 Menambah Kotak Edit.

Untuk menambahkan tombol Edit lakukan langkah berikut :

1. Klik Ikon 2. Melalui object Inspector, aturlah properti-properti milik komponen tersebut,

seperti berikut ini :

Kotak Edit Properti IsiEdit1 Name EditAEdit2 Name EditBEdit3 Name EditjumlahEdit4 Name EditKurangEdit5 Name EditKali

Setelah semua Edit di ganti pada captionnya, akan muncul tampilan sebagai berikut :

Gambar 2.9 Data Edit telah diubah

2.8.3 Menambah Tombol

Untuk menambahkan tombol lakukan langkah berikut :

6

3. Klik Ikon

4. Melalui object Inspector, aturlah properti-properti milik komponen tersebut, seperti berikut ini :

Button Properti IsiButton1 Caption

Name&ProsesButtonProses

Gambar 2.10 Hasil setelah Label, Edit dan Tombol dilengkapi

2.8.4 Mengisikan kode Program

Tombol Proses dimaksudkan untuk melakukan perhitungan pertambahan, pengurangan

dan perkalian berdasarkan nilai yang dimasukkan pada kotak DataA dan DataB. Untuk

itu perlu dituliskan kode pada tombol tersebut. Berikut ini adalah langkah yang perlu

Anda lakukan :

1. Klik pada tombol Proses. 2. Aktifkan Object Inspector.3. Klik pada tab Events.4. Setelah jendela kode muncul, ketikkan kode ( yang tidak dicetak tebal) berikut :

Penjelasan terhadap kode program diatas : Pada bagian rumus diatas Editjumlah.Text terdapat pernyataan :

7

procedure TForm1.ButtonProsesClick(Sender: TObject);beginEditjumlah.Text := Inttostr(Strtoint(EditA.Text) + Strtoint(EditB.Text));Editkurang.Text := Inttostr(Strtoint(EditA.Text) - Strtoint(EditB.Text));Editkali.Text := Inttostr(Strtoint(EditA.Text) * Strtoint(EditB.Text));

Editjumlah.Text := Inttostr(Strtoint(EditA.Text) + Strtoint(EditB.Text));

Fungsi StrToInt digunakan untuk mengubah data tipe string (teks) menjadi numerik

(angka), dan sebaliknya IntToStr digunakan untuk mengubah data tipe numerik menjadi

string.

2.8.5 Menguji FormSekarang saatnya untuk menguji program. Jalankan program dengan menekan fungsi F9.

Ketik dan input untuk Data A = 25 dan Data B = 10, lalu klik tombol Proses. Maka akan

muncul tampilan form sebagai berikut :

Gambar 2.11 Hasil eksekusi dari program

Untuk mengakhiri program klik atau pilih Run Program Reset. Form akan

segera ditutup setelah Anda melakukan langkah ini.

2.8.6 Menyimpan Proyek dan Form

Pilih menu File kemudian pilih Save Project As …. Simpanlah pada folder

ProjDBDelphi dengan nama form Fmodul2 dan nama proyek Pmodul2.

2.9 Membuat Program LanjutanSetelah sepintas Anda mengenal tentang fungsi dari komponen-komponen yang terletak

pada bagian tab standart, berikut ini akan diulas beberapa pengunaan dari komponen-

komponen tersebut untuk pembuatan aplikasi lanjutan.

Lakukanlah langkah-langkah sebagai berikut :

8

1. Buatlah disain yang terdiri dari delapan label, enam edit dan sebuah button.

Gambar 2.12 Desain form awal Gambar 2.13 Desain Form Akhir

2. Simpan aplikasi dengan nama file form unit Fmodul3.Pas dan nama file project Pmodul3.Dpr

3. Ubah properti masing-masing komponen sehinga tampak seperti gambar 2.13 dengan ketentuan sebagai berikut :

Label Properti IsiLabel1 Caption SISTEM INFORMASI BIAYA KULIAHLabel2 Caption AMIK MBP MEDANLabel3 Caption KODE JURUSANLabel4 Caption JURUSANLabel5 Caption SPPLabel6 Caption KEMAHASISWAANLabel7 Caption UANG UJIANLabel8 Caption TOTAL

4. Ubah properti Name pada komponen Button1 dengan nama PROSES.Button Properti Isi

Button1 CaptionName

&ProsesButtonProses

5. Ubah properti Name pada komponen Edit1 sampai Edit6 dengan nama :Kotak Edit Properti Isi

Edit1 Name EditKodeEdit2 Name EditJurusanEdit3 Name EditSPPEdit4 Name EditSiswaEdit5 Name EditUjianEdit6 Name EditTotal

9

Pada contoh aplikasi ini, komponen Editkode digunakan untuk memasukan data input

yang berupa kode jurusan. Sedangkan PROSES digunakan untuk melakukan proses dan

mengisikan hasil proses pada komponen EditJurusan, EditSPP, EditSiswa,EditUjian dan

EditTotal.

Adapun ketentuan proses untuk komponen PROSES adalah sebagai berikut.

Jika EditKode = ‘TI’ maka : - EditJurusan = ‘Teknik Informatika’- EditSPP = ‘3.000.000’- EditSiswa = ‘ 500.000’- EditUjian = ‘ 300.000’

Jika EditKode = ‘MI’ maka : - EditJurusan = ‘Manajemen Informatika’- EditSPP = ‘3.500.000’- EditSiswa = ‘ 600.000’- EditUjian = ‘ 400.000’

Jika EditKode = ‘SI’ maka : - EditJurusan = ‘Sistem Informasi’- EditSPP = ‘4.000.000’- EditSiswa = ‘ 700.000’- EditUjian = ‘ 300.000’

Jika EditKode = ‘KA’ maka : - EditJurusan = ‘Komputer Akuntansi’- EditSPP = ‘3.500.000’- EditSiswa = ‘ 400.000’- EditUjian = ‘ 250.000’

6. Selanjutnya, untuk mengaplikasikan penjelasan diatas, Anda dapat mengklik dua kali komponen PROSES untuk membuka jendela Code Editor seperti yang tampak pada gambar 2.14 dibawah ini.

Gambar 2.14 Jendela Code Editor

7. Ketikkan listing program berikut ini di antara blok perintah Begin dan End; untuk komponen PROSES pada jendela code editor.

10

Beberapa ketentuan penulisan : Teks dalam tanda kurung kurawal { } hanya merupakan teks komentar tambahan

yang dapat Anda tuliskan di dalam listing program di mana baris teks di dalam tanda kurung kurawal tersebut tidak akan diproses pada saat aplikasi dijalankan.

Program Delphi membedakan bentuk penulisan teks dengan huruf kapital dan huruf kecil, artinya penulisan teks ‘ TI ‘ dengan teks ‘ ti ’ diartikan berbeda (tidak sama / case sensitive). Sehingga apabila program dijalankan maka Anda harus menuliskan data input untuk kode pada listing program semua tertulis dengan menggunakan huruf kapital, seperti : ‘TI’, ‘MI’, ‘SI’ dan ‘KA’.- Untuk menghindari kesalahan penulisan data input sehingga menyebabkan

listing program menjadi bernilai salah/tidak sesuai dengan yang diharapkan, gunakan perintah : Uppercase pada listing program.

11

procedure TForm1.ButtonProsesClick(Sender: TObject);begin If UpperCase(EditKode.Text) = 'TI' then begin EditJurusan.Text :='Teknik Informatika'; EditSPP.Text :='3000000'; EditSiswa.Text :='500000'; EditUjian.Text :='300000'; end Else If UpperCase(EditKode.Text) = 'MI' then begin EditJurusan.Text :='Manajemen Informatika'; EditSPP.Text :='3500000'; EditSiswa.Text :='600000'; EditUjian.Text :='400000'; end Else If UpperCase(EditKode.Text) = 'SI' then begin EditJurusan.Text :='Sistem Informasi'; EditSPP.Text :='4000000'; EditSiswa.Text :='700000'; EditUjian.Text :='300000'; end Else begin EditJurusan.Text :='Komputer Akuntansi'; EditSPP.Text :='3500000'; EditSiswa.Text :='400000'; EditUjian.Text :='250000'; end; { Operasi Penjumlahan untuk mengisi EditTotal } EditTotal.Text := Inttostr(Strtoint(EditSPP.Text) + Strtoint(EDitSiswa.Text) + Strtoint(EditUjian.Text));end;end.

8. Jalankan program dengan fungsi F9. Ketik data input untuk Kode, kemudian klik Proses untuk melihat hasilnya seperti yang tampak pada gambar 2.15

Gambar 2.15 Tampilan form saat aplikasi dijalankan

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

10. Dari menu File pilih Save All.

2.9.1 Mengenal Komponen GroupBox dan RadioButtonKomponen RadioButton di gunakan untuk memberikan sekelompok piihan, di mana

hanya ada satu pilihan yang dapat dipilih. Anda dapat memilih salah satu pilihan dengan

mengklik tombol pilihan yang Anda inginkan. RadioButton dapat dikelompokkan dengan

menggunakan GroupBox. Sebagai contoh, Anda dapat memodifikasi contoh program

sebelumnya dengan mengganti komponen Kode dengan komponen RadioButton.

Lakukanlah langkah-langkah sebagai berikut :1. Buka File Project PModul3.Dpr2. Simpan dengan Save As Project … dan ganti nama project Pmodul4.Dpr3. Hapus Komponen label Kode dan EditKode, seperti tampilan gambar 2.16

dibawah ini:

12

Gambar 2.16 Tampilan form setelah 2 komponen di hapus

4. Tambahkan komponen GroupBox dan empat komponen RadioButton ke dalam komponen GroupBox, seperti tampak pada gambar 2.18. Penambahan empat komponen RadioButton ke dalam komponen GroupBox juga digambarkan di dalam bagian Object Tree View seperti yang tampak pada gambar 2.17.

Gambar 2.17 Komponen GroupBox berisi empat komponen RadioButton

Gambar 2.18 Gambar sebelum dan sesudah properti GroupBox diubah

13

5. Atur posisi ukuran komponen tersebut, ubah propertinya sehingga tampak seperti gambar 2.18 dengan ketentuan perubahan sebagai berikut : Ubah properti Caption komponen GroupBox dengan Kode Jurusan Ubah properti Caption komponen RadioButton1 sampai dengan RadioButton4

dengan Teknik Informatika, Manajemen Informatika, Sistem Informasi dan Komputer Akuntansi.

Untuk lebih jelasnya, ubah properti Name pada komponen RadioButton1 sampai

RadioButton4 dengan nama :

RadioButton Properti IsiRadioButton1 Caption

NameTeknik InformatikaRadioButtonTI

RadioButton2 CaptionName

Manajemen InformatikaRadioButtonMI

RadioButton3 CaptionName

Sistem InformasiRadioButtonSI

RadioButton4 CaptionName

Komputer AkuntansiRadioButtonKA

6. Lakukan perubahan penulisan listing program untuk tombol Proses dengan bentuk penulisan sebagai berikut :

14

procedure TForm1.ButtonProsesClick(Sender: TObject);begin If RadioButtonTI.Checked then begin EditJurusan.Text :='Teknik Informatika'; EditSPP.Text :='3000000'; EditSiswa.Text :='500000'; EditUjian.Text :='300000'; end Else If RadioButtonMI.Checked then begin EditJurusan.Text :='Manajemen Informatika'; EditSPP.Text :='3500000'; EditSiswa.Text :='600000'; EditUjian.Text :='400000'; end Else If RadioButtonSI.Checked then begin EditJurusan.Text :='Sistem Informasi'; EditSPP.Text :='4000000'; EditSiswa.Text :='700000'; EditUjian.Text :='300000'; end Else begin EditJurusan.Text :='Komputer Akuntansi'; EditSPP.Text :='3500000'; EditSiswa.Text :='400000'; EditUjian.Text :='250000'; end; {Operasi Perhitungan untuk mengisi EditTotal} EditTotal.Text := Inttostr(Strtoint(EditSPP.Text) + Strtoint(EDitSiswa.Text) + Strtoint(EditUjian.Text));end;end.

7. Jalankan program dengan menekan tombol F9, dan pilih salah satu kotakcek Kode Jurusan yang terdapat dalam GroupBox.

8. Klik Proses untuk melihat hasilnya, seperti gambar dibawah ini.

Gambar 2.19 Tampilan form saat aplikasi dijalankan

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

10. Dari menu File pilih Save All.

2.9.2 Komponen RadioGroupKomponen RadioGroup merupakan komponen kombinasi dari GroupBox dan

RadioButton. Sebagai contoh, ubahlah aplikasi yang telah Anda buat sebelumnya dengan

memakai komponen RadioGroup untuk menggantikan komponen GroupBox dan

RadioButton.

Lakukanlah langkah-langkah sebagai berikut :1. Buka File Project Pmodul4.Dpr2. Simpan dengan Save As Project … dan ganti nama project Pmodul5.Dpr3. Hapus Komponen GroupBox dan RadioButton, seperti tampilan gambar 2.20

dibawah ini:

15

Gambar 2.20 Tampilan form setelah 2 komponen di hapus

4. Kemudian tambahkan komponen RadioGroup pada form seperti pada gambar dibawah ini :

Gambar 2.21 RadioGroup1 sesudah dan sebelum diisi pilihan

5. Pilih komponen RadioGroup dan klik item … , sehingga muncul kotak dialog String List Editor. Ketik empat item pilihan : Teknik Informatika, Manajemen Informatika, Sistem Informasi dan Komputer Akuntansi dalam bentuk empat baris dan klik OK untuk kembali ke form (lihat gambar 2.22).

6. Ubah properti Column dari komponen RadioGroup dengan nilai 2 untuk membagi tampilan pilihan menjadi dua kolom, kemudian ubah properti Caption dengan Kode Jurusan sehingga akan tampak seperti pada gambar 2.21 diatas.

16

Gambar 2.22 Jendela String List Editor yang berisi empat pilihan

7. Ubah Kode dan Ubah ketentuan penulisan program untuk tombol Proses dengan bentuk penulisan yang baru seperti listing program dibawah ini :

17

procedure TForm1.ButtonProsesClick(Sender: TObject);begin If RadioGroup1.ItemIndex=0 then begin EditJurusan.Text :='Teknik Informatika'; EditSPP.Text :='3000000'; EditSiswa.Text :='500000'; EditUjian.Text :='300000'; end Else If RadioGroup1.ItemIndex=1 then begin EditJurusan.Text :='Manajemen Informatika'; EditSPP.Text :='3500000'; EditSiswa.Text :='600000'; EditUjian.Text :='400000'; end ElseIf RadioGroup1.ItemIndex=2 then begin EditJurusan.Text :='Sistem Informasi'; EditSPP.Text :='4000000'; EditSiswa.Text :='700000'; EditUjian.Text :='300000'; end Else begin EditJurusan.Text :='Komputer Akuntansi'; EditSPP.Text :='3500000'; EditSiswa.Text :='400000'; EditUjian.Text :='250000'; end; {Operasi Perhitungan untuk mengisi EditTotal} EditTotal.Text := Inttostr(Strtoint(EditSPP.Text) + Strtoint(EDitSiswa.Text) + Strtoint(EditUjian.Text));end;end.

8. Jalankan program dengan menekan tombol F9, dan pilih salah satu Kode yang terdapat dalam RadioGroup.

9. Klik Proses untuk melihat hasilnya, seperti gambar dibawah ini.

Gambar 2.23 Tampilan form saat aplikasi dijalankan

o000o

18