Anda di halaman 1dari 12

1

BAB I

TUJUAN

1. Mahasiswa dapat menggunakan komponen edit, label dan button pada input dan
output data.
2. Mahasiswa dapat menyesuaikan property komponen yang digunakan.
3. Mahasiswa dapat menerapkan algoritma mencari bilangan terbesar.
4. Mahasiswa dapat membuat event untuk mengosongkan teks yang tampil dikomponen
edit dan label.
5. Mahasiswa dapat membuat event untuk menutup program.

Reski Ryan Wirawan / 1601032020


2

BAB II

TEORI DASAR

Langkah dasar untuk merancang aplikasi dalam Delphi, antara lain :

1. Merancang antarmuka visual dari aplikasi dengan memilih komponen – komponen yang
diinginkan dari ‘Component palette’ dan menempatkannya pada form. Pada aplikasi ini
menggunakan komponen edit, label, dan button.
2. Untuk mengubah property dari komponen yang digunakan dapat dilakukan melalui
jendela ‘object inspector’. Properti yang perlu untuk dirubah adalah properti ini adalah
untuk lebih memperjelas fungsi dari komponen yang digunakan.
3. Mengetikkan kode program yang dibutuhkan pada masing – masing komponen untuk
menangani event yang muncul, seperti event on-click.

Reski Ryan Wirawan / 1601032020


3

BAB III

LANGKAH KERJA

Untuk membangun aplikasi yang diinginkan, Mengikuti langkah berikut :

1. Memilih menu File, New Application.


2. Memilih Edit dari component palette, tempatkan pada Form.
3. Memilih Label dari component palatte, tempatkan pada Form.
4. Memilih Button dari component palette, tempatkan pada Form.
5. Mengubah Property sesuai table berikut :

Komponen Property Nilai


Label 1 Caption Menetukan nilai terbesar
Label 2 Caption Nilai 1
Label 3 Caption Nilai 2
Label 4 Caption Kosongkan
Edit 1 Text Kosongkan
Edit 2 Text Kosongkan
Button 1 Caption Proses
Button 2 Caption Hapus
Button 3 Caption Keluar

Contoh desain Form aplikasi pada gambar 1.

Reski Ryan Wirawan / 1601032020


4

Gambar 1. Form aplikasi nilai terbesar

6. Membuat program untuk penanganan event on-click untuk Proses, Hapus, dan Keluar,
dengan cara double- click pada masing-masing button dan mengisikan programnya.
Program untuk ketiga button tersebut adalah sebagai berikut :

Reski Ryan Wirawan / 1601032020


5

Procedure Tform1.Button1Click(Sender:Tobject);
Var N1,N2:real;
Begin
Form1.Color:=Cllime;
N1:=strofloat(edit1.text);
N2:=strofloat(edit2.text);
If(N1>N2)then
Label4.Caption:=’Nilai Terbesar Adalah’ + floattostr(N1)
Else
Label4.Caption:=’Nilai Terbesar Adalah’ + floattostr(N2)
End;
Procedure Tform1.Button3Click(Sender:Tobject);
Begin
Close;
End;

Procedure Tform1.Button2Click(Sender:Tobject);
Begin
Lebel4.Caption:=’’;
Edit1.text:=’’;
Edit2.text:=’’;
End;
7. Menjalankan program, Merekam hasil dari penanganan fungsi program.

Reski Ryan Wirawan / 1601032020


6

BAB IV

ANALISA

Pada praktek kali ini, kita akan coba memahami tentang input dan output data pada
delphi. Sebagaimana kita ketahui, input kita kenal sebagai masukan dan output ialah sebutan
untuk keluaran. Begitu juga pada delphi. Dalam membuat program menggunakan delphi, ada
input data atau data yang kita masukkan, dan selanjutnya data itu akan di proses, dan hasil dari
proses tersebut, nanti akan keluar sebagai output nya.

Pada praktek input dan output data ini, nantinya ada lima tujuan yang harus bisa dicapai
oleh praktikan, lima tujuan tersebut ialah :

a. Menggunakan komponen edit, label, dan button pada input dan output data.
b. Menyesuaikan properti komponen yang digunakan.
c. Menerapkan lagoritma mencari bilangan terbesar.
d. Membuat event untuk mengosongkan teks yang tampil di komponen edit dan label.
e. Membuat event untuk menutup program.

Untuk lebih memahami tentang input dan output data ini, kita akan mencoba dengan
membuat program menentukan nilai terbesar. Yang mana nantinya, setelah berhasil dalam
membuat program ini, secara tidak langsung, praktikan telah mencapai tujuan yang diharapkan
pada percobaan ini.

Berikut ialah langkah-langkah dalam membuat program menentukan nilai terbesar :

1. Mengaktifkan delphi pada komputer, lalu akan tampil tampilan awal delphi.
2. Memilih komponen-komponen yang kita butuhkan dalam membangun aplikasi ini. Kali
ini kita akan memakai komponen Edit, Label, dan Button, yang dapat kita ambil dari
component palette dengan mengklik icon masing-masing komponen, dan setelah itu
menempatkan komponen-komponen tersebut pada form.

Reski Ryan Wirawan / 1601032020


7

Simbolkomponen edit

Tampilan edit1 pada form

Simbolkomponen Label

Tampilan label1 pada form

Simbolkomponen button

Tampilan button1 pada form


Reski Ryan Wirawan / 1601032020
8

3. Setelah meletakkan masing-masing komponen tersebut pada Form. Langkah selanjutnya


ialah mengubah property masing-masing komponen sesuai dengan tabel. Perubahan
property ini kita lakukan pada object inspector. Perlu diperhatikan dalam mengubah
property ini ialah, pastikan kursor berada pada komponen yang akan kita ubah property-
nya, karena jika tidak, akan terjadi kesalahan dalam menjalankan program nantinya.
Pada kali ini, kita akan mengubah property dari komponen-komponen yang kita gunakan
yaitu :
- Mengubah caption label 1 menjadi ‘Menentukan Nilai Terbesar’. Yang mana ini akan
berfungsi sebagai judul dari aplikasi.

- Mengubah caption label 2 menjadi ‘Nilai 1’ dan caption label 3 menjadi ‘Nilai 2’.
Yang mana label ini menandakan bahwa nilai yang dimasukkan ialah bilangan 1 atau
bilangan 2.
- Mengubah nama pada edit1 dan edit 2, dengan mengosongkan text yang terdapat
pada object inspector. Yang mana edit ini nantinya berfungsi sebagai tempat
memasukkan nilai atau sebagai input data.

- Mengubah caption button1 menjadi ‘proses’, mengubah caption button2 menjadi


‘hapus’, dan mengubah caption button3 menjadi ‘keluar’. Yang mana button sebagai
alat proses sesuai dengan fungsi yang kita masukkan pada button tersebut.
Pada pemberian nama button, kita dapat menambahkan karakter ‘&’ sebelum huruf
yang kita inginkan pada nama button, yang gunanya untuk memeudahkan dalam
pemanggilan program, dengan menekan ‘ALT + ‘huruf kunci’’ (tanpa menekan
button pada form).

Reski Ryan Wirawan / 1601032020


9

4. Langkah selanjutnya ialah menerapkan algoritma menentukan nilai terbesar.


Setelah tampilan pada form, yang secara keseluruhan telah kita atur, baik letak maupun
ukuran masing-masing konponen, sehingga tampilan Form kita telah enak untuk dilihat.
Sekarang kita akan mengisikan kode program pada masing-masing button dengan cara
memberi eventOnclick.
- Pengisian kode program pada button proses.
Pertama pastikan kursor berada pada button proses, lalu pilih event pada object
inspector, lalu pilih event onclick. Atau cara lainnya dengan klik ganda pada pada
button proses tersebut. Setelah itu akan muncul code explorer, lalu kita ketikkan
program berikut :

Procedure TForm 1.Button1 click(Sender:object)


Var N1, N2 : real ;
Begin
Form 1.color:=clime;
N1 := strtofloat(edit1.text);
N2 := strtofloat(edit2.text);
If(N1>N2) then
Label4.caption := ‘Nilaiterbesar’ adalah + floattostr(N1)
Else
Label4.caption := ‘Nilaiterbesar’ adalah + floattostr(N2)
End;

Reski Ryan Wirawan / 1601032020


10

- Pengisian program pada button hapus.


Pastikan kursor berada pada button hapus, lalu klik ganda pada buttoh hapus
tersebut. Lalu setelah muncul code explorer, ketikkan program berikut.

procedure TForm1.Button2Click (Sender:TObject);

Begin

Label4.caption := “;

Edit1.text :=”;

Edit2.text :=”;

End;

- Pengisian program pada button keluar.


Pastikan kursor berada pada button keluar, lalu klik ganda pada button tersebut.
Setelah muncul code explorer, ketikkan program berikut.

Procedure TForm1.Button3Click(Sender:TObject);

Begin

Close;

End;

Jadi, setelah pengisian program telah selesai kita lakukan. Pada saat menjalankan
program, maka button-button tersebut akan berfungsi sesuai dengan program yang kita
masukkan, setelah button-button tersebut di klik.

Reski Ryan Wirawan / 1601032020


11

Contoh tampilan program yang tinggal dijalankan

5. Menjalankan program yang telah dibuat.


Setelah semuanya selesai, baik tampilan dan programnya telah kita masukkan, maka
tibalah saatnya menjalankan program tersebut. Dari sinilah nantinya, dapat kita lihat,
apakah program dapat berjalan dengan baik atau masih ada kesalahan dalam
memasukkan program.

Untuk menjalankan program dapat dilakukan dengan mengklik tombol Run ( ).


Setelah tampilan awal program muncul, maka ketika input data dimasukkan, lalu
ditekan button proses, secara otomatis program akan bekerja menentukan nilai
terbesar (dengan outputnya ditampilkan pada label4 yang captionnya dikosongkan tadi).
Ketika button hapus ditekan, maka program akan menghapus semua bekas pengerjaan
program tadi, dan ketika button keluar ditekan, maka kita akan keluar dari program.

Reski Ryan Wirawan / 1601032020


12

BAB V
PENUTUP

V.1. Kesimpulan.
1. Dalam menjalankan program, masing-masing komponen akan
berfungsi/menunjukkan event sesuai yang kita programkan untuk komponen tersebut.
2. Dalam menjalankan program pada delphi, terdapat input dan output data. Yang
mana input sebagai sarana untuk memasukkan data , dan output sebagai hasil tampilan dari
data yang telah di proses.

Reski Ryan Wirawan / 1601032020