MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak...

36
MODUL I PENGENALAN DELPHI A. Tujuan Praktimum 1. Mahasiswa dapat menjalankan Delphi 2. Mahasiswa dapat membuat program sederhana 3. Mahasiswa dapat menyimpan program Delphi 4. Mahasiswa dapat mengambil (loading) program Delphi B. Dasar teori Dalam interface ini program delphi dibagi bagi dalam beberapa interface sebagai berikut: 1. Palete komponen Palete(Toolbar) ini merupakan tempat untuk meletakkan komponen-kompoenen dalam delphi adapun gambar palete komponen adalah sebagai berikut: komponen palete terdiri dari banyak palet seperti palet standar yang berisi komponen komponen standar seperti button, label (untuk menampilkan huruf) dll 2. Object tree view Window ini digunakan untuk melihat komponen apa saja yang digunakan dalam form. Setiap komponen yang berada dalam form akan terlihat disini. Seperti dalam contoh terdapat

Transcript of MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak...

Page 1: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

MODUL IPENGENALAN DELPHI

A. Tujuan Praktimum1. Mahasiswa dapat menjalankan Delphi

2. Mahasiswa dapat membuat program sederhana

3. Mahasiswa dapat menyimpan program Delphi

4. Mahasiswa dapat mengambil (loading) program Delphi

B. Dasar teoriDalam interface ini program delphi dibagi bagi dalam beberapa interface sebagai

berikut:

1. Palete komponenPalete(Toolbar) ini merupakan tempat untuk meletakkan komponen-kompoenen

dalam delphi adapun gambar palete komponen adalah sebagai berikut:

komponen palete terdiri dari banyak palet seperti palet standar yang berisi

komponen komponen standar seperti button, label (untuk menampilkan huruf) dll

2. Object tree view

Window ini digunakan untuk melihat komponen apa saja yang digunakan

dalam form. Setiap komponen yang berada dalam form akan terlihat disini.

Seperti dalam contoh terdapat sebuah komponen button. Jika dalam delphi

anda tidak menampilkan window ini maka dapat dimunculkan dengan klik

Window | Object TreeView pada menu bar

3. Object inspectorWindow ini digunakan untuk menampilkan property dari object. Setiap object

dalam delphi memiliki properti. Sebagai contoh dalam gambar diatas kita akan

melihat properti dari komponen button. Jika dalam delphi anda tidak

Page 2: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

menampilkan window ini maka dapat dimunculkan dengan klik Window | Object

Inspector pada menu bar

4. Code editor

Kode program ditulis disini. Secara otomatis delphi akan membuat struktur dari

program unit ini, seperti penulisan clausa uses,unit, type dll.

Untuk menampilkan window ini dapat di-klik dua kali pada komponen yang ingin

diisikan kodenya, misalkan pada komponen button. Jalan lain dengan cara

menekan F12 pada keyboard anda. Unit1 adalah nama unitnya, windows,

Messages,... adalah modul-modulnya, Tform1 adalah tipe class-nya, Label1,

Button1 adalah komponen yang ditempelkan.

Page 3: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

5. Form DesignerForm designer digunakan untuk mendisign tampilan dari aplikasi yang akan

dibuat. Ketika delphi di load (dibuka) maka akan diberikan sebuah form kosong.

Terlihat dalam contoh sebuah form dengan 2 komponen: Label dan tombol.

C. Langkah Praktikum

Latihan 11. Buatlah rancangan form seperti pada gambar 4

2. Kosongkan properti caption Label1

3. Tulis:” OK “ pada properti caption Button1

4. Klik ganda tombol OK (Button1) isilah dengan kode berikut:

Label1.Caption := 'Hallo Dunia ';

5. Jalankan program

6. Simpanlah proyek yang telah dibuat dengan perintah: File|Save Project As

( letakkan dalam folder anda ). Setiap Proyek disimpan dalam satu folder, proyek

yang lain dilain folder.

7. Tutuplah proyek yang telah dibuat

Latihan 2

Dalam studi kasus ini, kalian diminta membuat program sederhana khususnya untuk

event – handling. Desain program adalah seperti dibawah ini.

Page 4: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Ubahlah properti setiap komponen yang ada seperti di bawah ini:Komponen Properti Value

Form1 Caption Contoh Event Handling

Height 101

Name Frmkasus1

Width 234

Label1 Caption (kosongkan)

Name Lblstatus

Button1 Caption Tombol I

Name Btnpertama

Button2 Caption Tombol II

Name Btnkedua

Skenario:Apabila Button1 ditekan/diklik, maka Label1 akan menampilkan teks ‘Anda

menekan tombol pertama’ dan warna form berubah menjadi merah, sedangkan

apabila Button2 diklik, maka Label1 akan menampilkan teks ‘Anda menekan

tombol kedua’ dan warna form berubah menjadi hijau.

Membuat event:Kita akan memberi event pada Button1, caranya klik sekali pada Button1, buka

events pada Object Inspector, double klik di sebelah kanan OnCLICK dan

lengkapi procedure sehingga menjadi seperti di bawah ini:

procedure TFrmkasus1.BtnpertamaClick(Sender: TObject);

begin

Lblstatus.Caption := 'Anda menekan tombol pertama';

Frmkasus1.Color := clred;

end;

Perintah Lblstatus.Caption := 'Anda menekan tombol pertama'; artinya adalah

memberi value suatu string pada properti caption dari komponen dengan nama

Lblstatus (label1). Sedangkan perintah FrmKasus1.Color := clred; bermakna

bahwa properti color dari komponen FrmKasus1 (form1) diubah menjadi

clred(merah).

Page 5: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Dari keterangan di atas, dapat disimpulkan bahwa kalian dapat mengubah

properti suatu komponen dengan menggunakan code perintah seperti di atas

(tidak menggunakan Object Inspector).

Dengan cara yang hampir sama, lakukan untuk Button2.

Setelah selesai kalian bisa RUN dengan mengklik menu RUN > pilih RUN atau

tekan F8.

Untuk keluar dari mode RUN (kembali ke mode EDIT), klik menu RUN >

PROGRAM RESET atau tekan CTRL+F2. Dibawah ini adalah tampilan ketika

dalam mode RUN.

D. Tugas1. Buatlah program untuk menampilkan masukan dari komponen edit dan

tambahkan dengan kalimat: “ Hebat benar “ , sebagai misal masukannya: Pak

Prih maka tampilannya : Pak Prih Hebat benar

2. Buatlah Program untuk menjumlahkan 2 masukan. fungsi-fungsi yang

digunakan: strtoint, strtofloat, str

3. Tampilkan contoh-contoh running programnya

Page 6: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

MODUL IIPERCABANGAN DAN PERULANGAN

Permasalahan:

Buatlah program untuk menampilkan deret aritmatika dan geometri sampai dengan suku tertentu.

Didefinisikan deret aritmatika sbb:ui = ui-1 + b, dengan i = 1, 2, 3, ..., n

b adalah beda antara suku

Didefinisikan deret geometri sbb:ui = ui-1 * r, dengan i = 1, 2, 3, ..., n

r adalah rasio antar suku

Untuk deret aritmatika pertama-tama diketahui suku awal, b, dan n (jumlah suku).

Sedangkan untuk deret geometri pertama-tama diketahui suku awal, r, dan n (jumlah

suku).

Desain FormUntuk membuat program tersebut menggunakan delphi, berikut ini adalah tampilan

desain formnya

Page 7: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Desain form di atas menggunakan komponen Page Control dan TabSheet.

Langkah-langkah untuk membuatnya:

- Dari form kosong, sisipkan komponen PAGE CONTROL (ada di dalam pallete WIN

32) dan atur lebar dan panjangnya.

- Untuk membuat TAB SHEET, caranya klik kanan pada PAGE CONTROL, pilih NEW

PAGE

- Lengkapilah TAB SHEET yang baru saja dibuat dengan menyisipkan beberapa

komponen dan propertiesnya sbb:

Nama Komponen Properties Value

Tabsheet1 Caption Deret Aritmatika

Label1 Caption Suku Awal

Label2 Caption Beda

Label3 Caption Jumlah Suku

Edit1 Name Sukuawal

Text [kosongkan]

Edit2 Name Beda

Text [kosongkan]

Edit3 Name Jumlahsuku

Text [kosongkan]

Button1 Caption Proses

Button2 Caption Hapus

Memo1 Lines [kosongkan]

Name Hasilderet

ReadOnly True

Scrollbars ssVertical

Page 8: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Skenario

Ketika program ini (deret aritmatika) diaktifkan, kursor akan langsung fokus ke komponen

suku awal untuk meminta user memasukkan suku awal (bisa positif, negatif, dan nol).

Berikutnya user mengisi beda (bisa positif, negatif, dan nol), serta jumlah suku (harus

positif), dan selanjutnya user menekan tombol PROSES.

Apabila jumlah suku yang dimasukkan tidak positif, maka akan muncul WARNING yang

menyatakan 'Maaf Jumlah Suku Harus Positif‘. Setelah user meng-confirm warning

tersebut, maka kursor akan kembali ke kotak jumlah suku untuk diperbaiki inputnya

kembali.

Sedangkan apabila jumlah suku yang dimasukkan positif, hasil deretnya akan ditampilkan

dalam memo.

Tombol hapus digunakan untuk membersihkan semua input untuk perhitungan

berikutnya. Setelah tombol hapus ditekan, kursor akan kembali ke kotak suku awal

kembali.

Pengkodean

Untuk mengimplementasikan skenario di atas, maka berikut ini adalah code untuk

eventnya:

Event ONSHOW pada TabSheet1 (Deret Aritmatika)

procedure TForm1.TabSheet1Show(Sender: TObject);

begin

sukuawal.SetFocus;

end;

Event ONKEYPRESS pada Edit1 (SUKU AWAL)

procedure TForm1.sukuawalKeyPress(Sender: TObject; var Key: Char);

begin

if key = #13 then beda.SetFocus;

end;

Event ONKEYPRESS pada Edit2 (BEDA)

procedure TForm1.bedaKeyPress(Sender: TObject; var Key: Char);

begin

if key = #13 then jumlahsuku.SetFocus;

end;

Page 9: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Event ONKEYPRESS pada Edit3 (JUMLAH SUKU)

procedure TForm1.jumlahsukuKeyPress(Sender: TObject; var Key: Char);begin if key = #13 then button1.SetFocus;end;

Keterangan:Perintah Key = #13 untuk mengecek apakah tombol yang ditekan adalah ENTER atau

bukan.

Event ONCLICK pada Button1 (PROSES)procedure TForm1.Button1Click(Sender: TObject);var i, n, x, b : integer;begin n := strtoint(jumlahsuku.Text); x := strtoint(sukuawal.text); b := strtoint(beda.text);

if n > 0 then begin for i:=1 to n do begin hasilderet.Lines.Add(format('Suku ke-%3d : %4d',[i,x])); x := x + b; end; end else begin if messagedlg('Jmlh suku harus positif',mtwarning,[mbOK,

mbcancel],0) = mrOK then jumlahsuku.SetFocus else begin messagedlg('Lho kok malah dicancel!!! Ayo ganti dulu',mtwarning,[mbOK],0); jumlahsuku.SetFocus; end; end;end;

Event OnClick pada Button2 (Hapus)procedure TForm1.Button2Click(Sender: TObject);begin sukuawal.Clear; beda.Clear; jumlahsuku.Clear; hasilderet.Clear; sukuawal.SetFocus;end;

Page 10: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Keterangan:- Perintah format digunakan untuk mengatur tampilan presisi output. Simbol %3d, %4d

bermaksud untuk mengatur lebar space untuk bilangan bulat. Untuk bilangan real contohnya %8.2f (mengatur 2 decimal di belakang koma).

Informasi lebih detil tentang perintah FORMAT ini bisa dibaca di Help File Delphi,

dengan keyword FORMAT, Topic FORMAT STRINGS

- Perintah messagedlg digunakan untuk membuat pesan dialog. Sintaksnya:Messagedlg(‘string yang akan ditampilkan’, jenis dialog, [tombol], help file);

Jenis dialog dapat diisi:

- mtwarning- mterror- mtinformation- mtconfirmation

Jenis tombol dapat diisi:

- mbyes- mbno- mbok- mbcancel- mbabort- mbretry- mbignore- mbhelp

Help file merupakan parameter untuk menunjukkan informasi Help yang

berhubungan dengan pesan tsb. Jika fasilitas Help File tidak dibuat diisi nol.

- Perintah setfocus digunakan untuk mengaktifkan komponen (dalam kondisi ready)

Tugas:Silakan Anda lanjutkan project ini untuk bagian TabSheet Deret Geometri.

Simpan file project dengan nama DERET.DPR

Simpan file unit dengan nama UNITDERET.PAS

Page 11: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

MODUL IIIKOMPONEN LABEL, EDIT, SCROLLBAR CHECKBOX, LISTBOX, COMBOBOX,

BUTTON

A. Tujuan Praktimum1) Mahasiswa dapat mempergunakan komponen Label & Edit

2) Mahasiswa dapat mempergunakan komponen scrollbar

3) Mahasiswa dapat mempergunakan komponen Checkbox

4) Mahasiswa dapat mempergunakan komponen Listbox & ComboBox

B. Dasar teoriKomponen yang akan dipejari yaitu: label, edit, scrollbar, checkbox, listbox,

combobox, dan button, gambar dalam palete komponen yaitu:

C. Langkah PraktikumBuatlah rancangan yang terdiri dari: 4 label, 2 checkbox, 2 button, 1 edittext, 3

scrollbar, 2 combobox, 1 listbox , gambar sebagai berikut:

1. Label2. Edit3. Button4. CheckBox5. ListBox6. Scrollbar

1 2 3 4 5 6

Page 12: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Isilah properti-propertinya sebagai berikut:

Isilah event-eventnya sebagai berikut:

Tulislah kode program untuk gantiwarna sebagai berikut:

Page 13: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Running program di atas dan simpanlah programnya

D. Tugas

1) Amati program di atas betulkan jika terjadi kesalahan

2) Tampilkan contoh-contoh running programnya

Page 14: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

MODUL IV

INPUT PROCESSING

A. Tujuan1) Mahasiswa dapat mempergunakan beberbagai control input

2) Mahasiswa dapat mempergunakan menu

B. Dasar TeoriPada modul ini kita akan membahas beberapa komponen yang terkait dengan input

dan output. Seperti yang kita ketahui bahwa dalam aplikasi under Windows banyak

sekali jenis-jenis komponen yang dapat digunakan untuk keperluan input dan output

suatu nilai. Beberapa diantaranya adalah:

Edit

Memo

Check Box

Radio Button

List Box

Combo Box

Scroll Bar

C. Langkah PRaktikumUntuk modul kita akan membuat project sederhana yang di dalamnya terdapat

komponen-komponen di atas khususnya EDIT, MEMO, CHECK BOX. Untuk Project

ini kita membutuhkan form lebih dari satu (multi form). Untuk memudahkan

pemahaman, setiap komponen di atas diletakkan dalam satu form tersendiri. Apabila

kita ingin menyisipkan form baru, caranya klik menu File | New Form

1. Form Pertama – Form UtamaDalam form ini akan diberikan menu utama. Form ini akan di load pertama kali

ketika project dijalankan. Pada form ini, user akan memilih menu apa yang

diinginkan. Selanjutnya akan tampil form baru sesuai menu yang dipilihnya.

Berikut ini adalah tampilan desainnya:

Page 15: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Berikut ini daftar komponen yang digunakan dan propertinya:

Jenis Komponen Properti Value

Form1 Caption Input – Output Processing

Name FormUtama

Height 202

Width 348

MainMenu1 Items [ ... ]

Label1 Caption Dibuat oleh: ....

Left 300

BitButton1 Kind bkOK

Caption Ubah Warna Form

Name TombolWarna

Timer1 Name Timer1

Interval 5

ColorDialog1 Name PaletWarna

Image1 Picture [ ... ]

Keterangan:

Untuk MainMenu, desainlah menu seperti berikut ini

Page 16: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

NB: Untuk menambahkan Short Cut, pilih properti SHORT CUT dan tentukan nama

short cutnya.

Save unit ini dengan klik menu FILE > SAVE, beri nama file UNITUTAMA.PAS

2. Form Kedua – Form untuk komponen Edit

Desainlah form seperti berikut ini

Berikut ini adalah tabel komponen yang digunakan dan propertinya

Jenis Komponen Properti ValueForm1 Caption Komponen Edit

Name FormEditLabel1 Caption Masukkan Bilangan 1Label2 Caption Masukkan Bilangan 2Label3 Caption Hasil PenjumlahanEdit1 Name EditBil1

Text (kosongkan)Edit2 Name EditBil2

Text (kosongkan)Edit3 Name EditHslJml

Text (kosongkan)Button1 Caption Jumlahkan

Name BtnJumlahButton2 Caption Hapus

Name BtnHapus

Page 17: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Save unit ini dengan klik menu File|Save, beri nama file UNITEDIT.PAS

3. Form Ketiga – Form untuk komponen Memo

Desainlah form seperti di bawah ini

Berikut ini adalah tabel komponen yang digunakan dan propertinya

Jenis Komponen Properti Value

Form1 Caption Komponen Memo

Name FormMemo

Edit1 Name EditStringMemo

Text (kosongkan)

Memo1 Name Memo1

Lines [...] Kosongkan

Button1 Caption Tambahkan

Name TmbhStr

Button2 Caption Hapus

Name HpsStr

Save unit ini dengan nama file UNITMEMO.PAS

Page 18: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

4. Form Keempat – Form untuk komponen Check BoxDesain formnya:

Tabel komponen dan propertinya

Jenis Komponen Properti Value

Form1 Caption Komponen Check Box

Name FormCheckBox

CheckBox1 Caption Pilihan Satu

CheckBox2 Caption Pilihan Dua

CheckBox3 Caption Pilihan Tiga

CheckBox4 Caption Pilihan Empat

Memo1 Name Memo2

Lines [...] Kosongkan

Button1 Caption Pilih

Name Button1

Button2 Caption Hapus

Name Button2

Save unit ini dengan nama file UNITCHECKBOX.PAS

Page 19: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

5. Form Kelima – Form untuk komponen RadioButtonDesain formnya:

Tabel komponen dan propertinya

Jenis Komponen Properti Value

Form1 Caption Komponen Radio Button

Name FormRadio

RadioButton1 Caption Pilihan Satu

Name Radio1

RadioButton2 Caption Pilihan Dua

Name Radio2

RadioButton3 Caption Pilihan Tiga

Name Radio3

Memo1 Name Memo3

Lines [kosongkan]

Button1 Caption Proses

Button2 Caption Hapus

Save unit ini dengan nama file UNITRADIO.PAS

Page 20: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

6. Form Keenam – Form untuk List BoxDesain formnya:

Tabel komponen dan propertinya

Jenis Komponen Properti Value

Form1 Caption Komponen List Box

Name FormListBox

ListBox1 Caption Pilihan Satu

Name ListBoxKiri

Items Item 1

Item 2

Item 3

Item 4

ListBox2 Name ListBoxKanan

Items [kosongkan]

Button1 Caption >>

Button2 Caption <<

Save unit ini dengan nama file UNITLISTBOX.PAS

7. Form Ketujuh – Form untuk ComboBoxDesain formnya:

Page 21: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Tabel komponen dan propertinya

Jenis Komponen Properti Value

Form1 Caption Komponen Combo Box

Name FormComboBox

ComboBox1 Items Pilihan 1

Pilihan 2

Pilihan 3

Pilihan 4

Name ComboPilihan

Style CsDropDownList

Edit1 Name Tampilan

Enabled False

Text [kosongkan]

Save unit ini dengan nama file UNITCOMBOBOX.PAS

8. Form Kedelapan – Form untuk ScrollBarDesain formnya:

Tabel komponen dan propertinya

Jenis Komponen Properti Value

Form1 Caption Komponen Scroll Bar

Name FormScrollBar

Edit1 Name Bilangan1

Enabled False

Text [kosongkan]

Edit2 Name Bilangan2

Enabled False

Text [kosongkan]

Edit3 Name Hasil

Enabled False

Text [kosongkan]

Page 22: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

ScrollBar1 Kind SbHorizontal

LargeChange 10

Max 200

Min 0

SmallChange 1

Name ScrollBar1

ScrollBar2 Kind SbHorizontal

LargeChange 10

Max 200

Min 0

SmallChange 1

Name ScrollBar2

Label1 Caption +

Label2 Caption =

Save unit ini dengan nama file UNITSCROLLBAR.PAS

STEP TWO – EVENT HANDLING

Setelah desain semua form siap, kita akan buat program untuk event handlingnya.

1. Form UtamaSkenarionya:Ketika program di run, label bertulisan ‘Dibuat oleh: ...’ melakukan scrolling dari

kanan ke kiri terus menerus. Kita juga dapat mengganti warna form utama dengan

mengklik tombol UBAH WARNA FORM

Event OnClick pada tombol UBAH WARNA FORMprocedure TFormUtama.TombolWarnaClick(Sender: TObject);begin

If colordialog1.Execute then FormUtama.Color := Colordialog1.Color;

end; Event OnTimer pada Timer1

procedure TFormUtama.Timer1Timer(Sender: TObject);begin if label1.left = -150 then label1.Left := 360; Label1.Left := Label1.Left-1;end;

2. Form EditUntuk menampilkan form edit yang kita buat tadi, caranya klik menu VIEW > FORMS

atau tekan SHIFT+F12. Pilih FormEdit.

Page 23: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Skenarionya:Kita masukkan sebarang bilangan ke kotak bilangan pertama dan bilangan kedua,

kemudian apabila diklik tombol JUMLAHKAN, maka akan tampil hasil penjumlahan di

kotak hasil penjumlahan. Tombol HAPUS digunakan untuk membersihkan isian

semua kotak. Berikut ini adalah program untuk event handlenya:

Event OnClick pada komponen BtnJumlah.procedure TFormEdit.BtnJumlahClick(Sender: TObject);begin

EditHslJml.Text := FloatToStr(StrToFloat(EditBil1.Text)+strtofloat(editbil2.Text));

end;

Event OnClick pada komponen BtnHapusprocedure TFormEdit.BtnHapusClick(Sender: TObject);begin

EditBil1.Clear;EditBil2.Clear;EditHslJml.Clear;

end;

Untuk menghubungkan FormUtama dengan FormEdit ini, langkahnya:

1. Buka FormUtama dengan klik VIEW > FORMS, pilih FormUtama

2. Klik menu Jenis Komponen pada FormUtama, lalu klik Edit

3. Tuliskan perintah FormEdit.Show; pada procedure yang muncul.

Selanjutnya untuk melihat hasilnya, klik RUN. Apabila dalam Delphi muncul informasi

yang mirip seperti di bawah ini

Anda klik YES. Kemudian klik RUN sekali lagi.

3. Form MemoSkenarionya:User diminta memasukkan sebarang string di kotak ‘MASUKKAN STRING’,

kemudian apabila diklik tombol TAMBAHKAN maka string tersebut dimasukkan ke

MEMO. User dapat kembali memasukkan string dan menambahkannya ke MEMO.

Page 24: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Begitu seterusnya. Tombol HAPUS digunakan untuk menghapus isi MEMO

keseluruhan.

Event OnClick pada tombol TAMBAHKANprocedure TFormMemo.TmbhStrClick(Sender: TObject);begin

Memo1.Lines.Add(EditStringMemo.Text);end;

Event OnClick pada tombol HAPUSprocedure TFormMemo.HpsStrClick(Sender: TObject);begin

Memo1.Clear;end;

Supaya kotak string menjadi kosong setiap kali user mau mengisi string kembali,

maka tambahkan event OnClick pada kotak string (EditStringMemo).

Event OnClick pada EditStringMemoprocedure TFormMemo.EditStringMemoClick(Sender: TObject);

begin

EditStringMemo.Clear;

end;

Jangan lupa untuk menghubungkan form memo ini ke menu utama (hubungkan ke

menu MEMO). Caranya sama seperti sebelumnya.

4. Form Check BoxSkenarionya:User diminta men-cek beberapa pilihan dari empat pilihan yang ada. Selanjutnya klik

tombol PILIH. Pilihan yang di-cek akan ditampilkan ke dalam memo. Tombol HAPUS

digunakan untuk membersihkan memo dan pilihan.

Event OnClick pada tombol PILIH (Button1)procedure TFormCheckBox.Button1Click(Sender: TObject);begin

If Option1.Checked = TRUE Then Memo2.Lines.Add('Anda memilih opsi 1');

If Option2.Checked = TRUE Then Memo2.Lines.Add('Anda memilih opsi 2');

If Option3.Checked = TRUE Then Memo2.Lines.Add('Anda memilih opsi 3');

If Option4.Checked = TRUE Then Memo2.Lines.Add('Anda memilih opsi 4');

Page 25: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

end;

Event OnClick pada tombol HAPUS (Button2)procedure TFormCheckBox.Button2Click(Sender: TObject);begin Memo2.Clear; Option1.Checked := FALSE; Option2.Checked := FALSE; Option3.Checked := FALSE; Option4.Checked := FALSE;end;

Hubungkan form check box ini ke menu utama (menu checkbox).

5. Form Radio ButtonSkenarionya:User memilih pilihan berupa radio button, selanjutnya klik tombol PROSES. Setelah

tombol tersebut diklik, pada bagian memo muncul text yang terkait dengan pilihan.

Tombol HAPUS untuk membersihkan memo dan radiobutton.

Event ONCLICK pada tombol PROSESprocedure TFormRadio.Button1Click(Sender: TObject);begin If Radio1.Checked = TRUE then

Memo3.Lines.Add('Anda Memilih Opsi 1'); If Radio2.Checked = TRUE then

Memo3.Lines.Add('Anda Memilih Opsi 2'); If Radio3.Checked = TRUE then

Memo3.Lines.Add('Anda Memilih Opsi 3');end;

Event ONCLICK pada tombol HAPUSprocedure TFormRadio.Button2Click(Sender: TObject);begin Memo3.Clear; Radio1.Checked := FALSE; Radio2.Checked := FALSE; Radio3.Checked := FALSE;end;

6. Form List BoxSkenarionya:User memilih pilihan pada daftar/list yang ada disebelah kiri. Tombol >> digunakan

untuk memindahkan pilihan dari list kiri ke list kanan. Sedangkan tombol <<

digunakan untuk sebaliknya.

Page 26: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Event ONCLICK pada tombol >>procedure TFormListBox.Button1Click(Sender: TObject);beginListBoxKanan.Items.Add(ListBoxKiri.Items[ListBoxKiri.ItemIndex]);

ListBoxKiri.Items.Delete(ListBoxKiri.Itemindex);ListBoxKanan.Sorted := TRUE;end;

Event ONCLICK pada tombol <<procedure TFormListBox.Button2Click(Sender: TObject);beginListBoxKiri.Items.Add(ListBoxKanan.Items[ListBoxKanan.ItemIndex]);ListBoxKanan.Items.Delete(ListBoxKanan.Itemindex);ListBoxKiri.Sorted := TRUE;end;

7. Form Combo BoxSkenarionya:User memilih pilihan pada ComboBox, setelah dipilih kotak edit akan menampilkan

teks pilihannya.

Event ONCHANGE pada ComboBoxprocedure TFormComboBox.ComboPilihanChange(Sender: TObject);begin Tampilan.Text := ComboPilihan.Items[Combopilihan.ItemIndex];end;

Catatan:

ONCHANGE merupakan salah satu dari event yang muncul ketika suatu obyek

diubah valuenya.

8. Form Scroll BarSkenarionnya:User diminta menggeser-geser dua buah scroll bar. Apabila masing-masing scrollbar

digeser maka akan terjadi perubahan nilai pada kotak text. Kotak teks paling kanan

akan menampilkan hasil penjumlahan nilai dari dua kotak teks di sebelah kirinya.

Event ONACTIVATE pada FormScrollBarprocedure TFormScrollBar.FormActivate(Sender: TObject);beginBilangan1.Text := IntToStr(ScrollBar1.Position);Bilangan2.Text := IntToStr(ScrollBar2.Position);Hasil.Text := IntToStr(StrToInt(Bilangan1.Text)+StrToInt(Bilangan2.Text));end;

Keterangan ONCHANGE:

Page 27: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Event ini digunakan untuk menampilkan penjumlahan ketika pertama kali form

scrollbar diaktifkan (ditampilkan).

Event ONCHANGE pada ScrollBar Kiriprocedure TFormScrollBar.ScrollBar1Change(Sender: TObject);beginBilangan1.Text := IntToStr(ScrollBar1.Position);Hasil.Text := IntToStr(StrToInt(Bilangan1.Text)+StrToInt(Bilangan2.Text));end;

Event ONCHANGE pada ScrollBar Kananprocedure TFormScrollBar.ScrollBar2Change(Sender: TObject);beginBilangan2.Text := IntToStr(ScrollBar2.Position);Hasil.Text := IntToStr(StrToInt(Bilangan1.Text)+StrToInt(Bilangan2.Text));end;

Page 28: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

MODUL IIIMENAMPILKAN FILE TEXT

DAN FILE GAMBAR

A. Tujuan Praktimum1. Mahasiswa dapat menampilkan isi file Text

2. Mahasiswa dapat menyimpan kembali isi file Text

3. Mahasiswa dapat menampilkan gambar dari file gambar

B. Dasar teoriKomponen yang akan digunakan yaitu: Memo, Button, FileListBox, DirectoryListBox,

DriveComboBox, FilterComboBox, dan image. Komponen-komponen tersebut

terlihat seperti dalam gambar 1 di bawah ini:

C. Langkah Praktikum1. Buatlah rancangan form yang terdiri dari: 1 Memo, 2 Button, 1 FileListBox, 1

DirectoryListBox, 1 DriveComboBox, 1 FilterComboBox, dan 1 image. Adapun

rancangannya seperti pada gambar 2 di bawah ini:

Palet Standard Palet Win 3.1 Palet Additional1. Memo2. Button

3. FileListBox4. DirectoryListBox5. DriveComboBox6. FilterComboBox

7. Image

Page 29: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

2. Isilah properti-propertinya sebagai berikut:

Komponen Properti

Image1 Stretch : true

FilterComboBox1 Filter:

Page 30: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

3. Isilah event-eventnya sebagai berikut:

Runninglah programnya dan simpanlah

D. Tugas1) Tambahkan edit dan button untuk menyimpan file text di memo yang telah diedit

fungsi yang digunakan: memo1.Lines.SaveToFile

2) Tambahkan procedure untuk menggambari gambar dan simpanlah. Event yang

digunakan: Image1MouseDown: Image1.Canvas.LineTo,

Image1.Picture.SaveToFile

Page 31: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

MODUL IVDIALOG

A. Tujuan PraktimumMahasiswa dapat mempergunakan komponen-komponen dialog.

B. Dasar teoriKomponen yang akan digunakan yaitu: OpenDialog, SaveDialog, OpenPictureDialog,

SavePictureDialog, FontDialog, dan ColorDialog. Komponen-komponen tersebut

terlihat seperti dalam gambar 1 di bawah ini:

C. Langkah Praktikum1. Buatlah rancangan form yang terdiri dari: 2 Label, 1 edit, 1 Button, 1 FontDialog, 1

ColorDialog. Adapun rancangannya seperti pada gambar 2 di bawah ini:

2. Isilah properti-propertinya sebagai berikut:

Komponen PropertiLabel2 Caption: TulisanButtton1 Caption: Close

3. Isilah event-eventnya sebagai berikut:

Komponen EventEdit1 Change: Label1.Caption := Edit1.Text;Label1 Click: if FontDialog1.Execute then label1.Font :=

FontDialog1.Font;

1. OpenDialog2. SaveDialog3. OpenPictureDialo

g

4. SavePictureDialog

5. FontDialog6. ColorDialog

Page 32: MODUL III - Fairuz el Said | Belajar dan Berbagi · Web viewJika dalam delphi anda tidak menampilkan window ini maka dapat dimunculkan dengan klik Window | Object Inspector pada menu

Form1 Click: if ColorDialog1.Execute then Form1.Color := ColorDialog1.Color ;

Button1 Click: Close;

4. Runninglah programnya dan simpanlah

Tugas1) Mempergunakan komponen OpenDialog dan SaveDialog buatlah program untuk

membuka dan menyimpan lagi file Text.

2) Mempergunakan komponen OpenPictureDialog dan SavePictureDialog buatlah

program untuk membuka dan menyimpan lagi file gambar.