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 sebuah komponen button. Jika dalam delphi
anda tidak menampilkan window ini maka dapat dimunculkan dengan klik
Window | Object TreeView pada menu bar
3. Object inspector
Window 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
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.
5. Form Designer
Form 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 1
1. 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.
Label1
Button1
Button2
Properti
Caption
Height
Name
Width
Caption
Name
Caption
Name
Caption
Name
Value
Contoh Event Handling
101
Frmkasus1
234
(kosongkan)
Lblstatus
Tombol I
Btnpertama
Tombol II
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).
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. Tugas
1.
2.
3.
MODUL II
PERCABANGAN DAN PERULANGAN
Permasalahan:
Buatlah program untuk menampilkan deret aritmatika dan geometri sampai
dengan suku tertentu.
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 Form
Untuk membuat program tersebut menggunakan delphi, berikut ini adalah tampilan
desain formnya
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
Tabsheet1
Label1
Label2
Label3
Edit1
Edit2
Edit3
Button1
Button2
Memo1
Properties
Caption
Caption
Caption
Caption
Name
Text
Name
Text
Name
Text
Caption
Caption
Lines
Name
ReadOnly
Scrollbars
Value
Deret Aritmatika
Suku Awal
Beda
Jumlah Suku
Sukuawal
[kosongkan]
Beda
[kosongkan]
Jumlahsuku
[kosongkan]
Proses
Hapus
[kosongkan]
Hasilderet
True
ssVertical
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;
Event ONKEYPRESS pada Edit3 (JUMLAH SUKU)
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
mtwarning
mterror
mtinformation
mtconfirmation
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.
-
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
MODUL III
KOMPONEN LABEL, EDIT, SCROLLBAR CHECKBOX, LISTBOX, COMBOBOX,
BUTTON
A. Tujuan Praktimum
1) 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 teori
Komponen yang akan dipejari yaitu: label, edit, scrollbar, checkbox, listbox,
combobox, dan button, gambar dalam palete komponen yaitu:
1 2
4 5
1.
2.
3.
4.
5.
6.
Label
Edit
Button
CheckBox
ListBox
Scrollbar
C. Langkah Praktikum
Buatlah rancangan yang terdiri dari: 4 label, 2 checkbox, 2 button, 1 edittext, 3
scrollbar, 2 combobox, 1 listbox , gambar sebagai berikut:
MODUL IV
INPUT PROCESSING
A. Tujuan
1) Mahasiswa dapat mempergunakan beberbagai control input
2) Mahasiswa dapat mempergunakan menu
B. Dasar Teori
Pada 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 PRaktikum
Untuk 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 Utama
Dalam 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:
MainMenu1
Label1
BitButton1
Timer1
ColorDialog1
Image1
Properti
Caption
Name
Height
Width
Items
Caption
Left
Kind
Caption
Name
Name
Interval
Name
Picture
Keterangan:
Untuk MainMenu, desainlah menu seperti berikut ini
Value
Input Output Processing
FormUtama
202
348
[ ... ]
Dibuat oleh: ....
300
bkOK
Ubah Warna Form
TombolWarna
Timer1
5
PaletWarna
[ ... ]
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
Properti
Caption
Name
Caption
Caption
Caption
Name
Text
Name
Text
Name
Text
Caption
Name
Caption
Name
Value
Komponen Edit
FormEdit
Masukkan Bilangan 1
Masukkan Bilangan 2
Hasil Penjumlahan
EditBil1
(kosongkan)
EditBil2
(kosongkan)
EditHslJml
(kosongkan)
Jumlahkan
BtnJumlah
Hapus
BtnHapus
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
Properti
Caption
Name
Name
Text
Name
Lines
Caption
Name
Caption
Name
Value
Komponen Memo
FormMemo
EditStringMemo
(kosongkan)
Memo1
[...] Kosongkan
Tambahkan
TmbhStr
Hapus
HpsStr
Properti
Caption
Name
Caption
Caption
Caption
Caption
Name
Lines
Caption
Name
Caption
Name
Value
Komponen Check Box
FormCheckBox
Pilihan Satu
Pilihan Dua
Pilihan Tiga
Pilihan Empat
Memo2
[...] Kosongkan
Pilih
Button1
Hapus
Button2
Properti
Caption
Name
Caption
Name
Caption
Name
Caption
Name
Name
Lines
Caption
Caption
Value
Komponen Radio Button
FormRadio
Pilihan Satu
Radio1
Pilihan Dua
Radio2
Pilihan Tiga
Radio3
Memo3
[kosongkan]
Proses
Hapus
Properti
Caption
Name
Caption
Name
Items
Value
Komponen List Box
FormListBox
Pilihan Satu
ListBoxKiri
Item 1
Item 2
Item 3
ListBox2
Button1
Button2
Name
Items
Caption
Caption
Item 4
ListBoxKanan
[kosongkan]
>>
<<
Properti
Caption
Name
Items
Value
Komponen Combo Box
FormComboBox
Pilihan 1
Pilihan 2
Pilihan 3
Edit1
Name
Style
Name
Enabled
Text
Pilihan 4
ComboPilihan
CsDropDownList
Tampilan
False
[kosongkan]
ScrollBar2
Label1
Label2
Properti
Caption
Name
Name
Enabled
Text
Name
Enabled
Text
Name
Enabled
Text
Kind
LargeChange
Max
Min
SmallChange
Name
Kind
LargeChange
Max
Min
SmallChange
Name
Caption
Caption
Value
Komponen Scroll Bar
FormScrollBar
Bilangan1
False
[kosongkan]
Bilangan2
False
[kosongkan]
Hasil
False
[kosongkan]
SbHorizontal
10
200
0
1
ScrollBar1
SbHorizontal
10
200
0
1
ScrollBar2
+
=
2. Form Edit
Untuk menampilkan form edit yang kita buat tadi, caranya klik menu VIEW > FORMS
atau tekan SHIFT+F12. Pilih FormEdit.
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:
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 Memo
Skenarionya:
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.
Begitu seterusnya. Tombol HAPUS digunakan untuk menghapus isi MEMO
keseluruhan.
Supaya kotak string menjadi kosong setiap kali user mau mengisi string kembali,
maka tambahkan event OnClick pada kotak string (EditStringMemo).
Jangan lupa untuk menghubungkan form memo ini ke menu utama (hubungkan ke
menu MEMO). Caranya sama seperti sebelumnya.
4. Form Check Box
Skenarionya:
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.
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.
TObject);
Opsi 1');
Opsi 2');
Opsi 3');
User memilih pilihan pada ComboBox, setelah dipilih kotak edit akan menampilkan
teks pilihannya.
Event ONCHANGE pada ComboBox
procedure 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 Bar
Skenarionnya:
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.
MODUL III
MENAMPILKAN FILE TEXT
DAN FILE GAMBAR
A. Tujuan Praktimum
1. Mahasiswa dapat menampilkan isi file Text
2. Mahasiswa dapat menyimpan kembali isi file Text
3. Mahasiswa dapat menampilkan gambar dari file gambar
B. Dasar teori
Komponen yang akan digunakan yaitu: Memo, Button, FileListBox, DirectoryListBox,
DriveComboBox,
FilterComboBox, dan
Palet Standard
1. Memo
2. Button
Palet Additional
7. Image
C. Langkah Praktikum
1. 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:
Properti
Stretch : true
Filter:
Image1MouseDown:
Image1.Picture.SaveToFile
Image1.Canvas.LineTo,
MODUL IV
DIALOG
A. Tujuan Praktimum
Mahasiswa dapat mempergunakan komponen-komponen dialog.
B. Dasar teori
Komponen yang akan digunakan yaitu: OpenDialog, SaveDialog, OpenPictureDialog,
SavePictureDialog, FontDialog, dan ColorDialog. Komponen-komponen tersebut
terlihat seperti dalam gambar 1 di bawah ini:
1. OpenDialog
4. SavePictureDialog
2. SaveDialog
5. FontDialog
3. OpenPictureDialog
6. ColorDialog
C. Langkah Praktikum
1. 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:
Properti
Caption: Tulisan
Caption: Close
Event
Change: Label1.Caption := Edit1.Text;
Click: if FontDialog1.Execute then label1.Font :=
FontDialog1.Font;
Form1
Button1
Click:
if
ColorDialog1.Execute
Form1.Color := ColorDialog1.Color ;
Click: Close;
then