16
1 LAPORAN PRAKTIKUM ALGORITMA PEMROGRAMAN MODUL: 10 GUI DENGAN DELPHI NAMA PRAKTIKAN NOMOR MAHASISWA TANGGAL KUMPUL TANDA TANGAN PRAKTIKAN LABORAN MAULINA S. 11611036 15 Desember 2011 NAMA PENILAI TANGGAL KOREKSI NILAI TANDA TANGAN ASISTEN DOSEN Okky Uji Cahyono Arkham Zahri Rahman Drs. Supriyono, M.Sc Kelas A 2

Praktikum GUI

Embed Size (px)

DESCRIPTION

Laporan Praktikum Algoritma Pemrograman GUI

Citation preview

Page 1: Praktikum GUI

1

LAPORAN PRAKTIKUM

ALGORITMA PEMROGRAMAN

MODUL: 10

GUI DENGAN DELPHI

NAMA

PRAKTIKAN

NOMOR

MAHASISWA

TANGGAL

KUMPUL

TANDA TANGAN

PRAKTIKAN LABORAN

MAULINA S. 11611036 15 Desember 2011

NAMA PENILAITANGGAL

KOREKSINILAI

TANDA TANGAN

ASISTEN DOSEN

Okky Uji Cahyono

Arkham Zahri Rahman

Drs. Supriyono, M.Sc

JURUSAN STATISTIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS ISLAM INDONESIA

YOGYAKARTA

2011

Kelas

A2

Page 2: Praktikum GUI

2

PENADULUAN

DASAR TEORI

1. Delphi mempunyai cakupan kemampuan pemrograman yang luas, baik untuk

mengolah teks, grafik, angka, database, ataupun aplikasi web.

2. Delphi merupakan pengembangandari Pascal dan dalam Delphi sudah ada Graphic

User Interface (GUI) agar program bisa lebih familiar dengan user.

3. Form, merupakan area dimana pemrogram meletakkan komponen-komponen input

dan output. Delphi akan secara otomatis membuat kode-kode program untuk

membuat dan mengatur komponen-komponen tersebut. Umumnya pada setiap

aplikasi ada paling tidak satu buah form dan form tersebut dijadikan sebagai form

utama (Main Form). Setiap form selalu disimpan dalam 2 buah file, yaitu : 1) file

dengan akhiran .dfm ; 2) file dengan akhiran .pas. File berakhiran .dfm menyimpan

informasi mengenai komponen-komponen yang ada di dalam form sedangkan file

berakhiran .pas menyimpan informasi mengenai kode-kode program yang

berhubungan dengan form tersebut. Tetapi, tidak setiap file .pas selalu mempunyai

pasangan.

4. Object Inspector, adalah peralatan yang digunakan untuk mengatur properti dari

komponen yang ada di form termasuk properti form. Object Inspector memberi dua

macam peralatan, yaitu :

1.     Properties

2.     Events

Peralatan Properties adalah peralatan yang digunakan untuk mengubah atau mengatur

nilai-nilai dari properti komponen sedangkan Peralatan Events digunakan untuk

membuat event-handler. Event handler adalah prosedur yang digunakan khusus untuk

menanggapi satu event / message tertentu.

5. Komponen Delphi, adalah “jantung” bagi pemograman visual. Komponen Palette

telah terbagi menjadi berbagai jenis komponen, diantaranya adalah Standard,

Additional, Win32, System, dan beberapa lainnya.

Page 3: Praktikum GUI

3

DESKRIPSI KERJA

A. KASUS

Membuat program untuk menangani pembayaran di Kantin Ichiraku dengan

ketentuan sbb:

Isi combo box menu ( Gado-Gado, Soto Kudus, Mie Ayam Pelangi, Mie Goreng

Pedas, Mie Ramen Extra Pedas, Mie Rebus Pedas, Nasi Goreng, Nasi Goreng

Seafood, Nasi Goreng Special, Nasi Uduk ).

Pada saat menu dipilih maka harganya akan muncul secara otomatis sbb :

1. Gado-Gado

2. Soto Kudus

3. Mie Ayam Pelangi

4. Mie Goreng Pedas

5. Mie Ramen Extra Pedas

6. Mie Rebus Pedas

7. Nasi Goreng

8. Nasi Goreng Seafood

9. Nasi Goreng Special

10. Nasi Uduk

Isi combo box minuman ( Air Putih Dingin, Es Jeruk, Es Teler, Jus Alpukat, Jus

Semangka, Jus Strawberry ).

Pada saat minuman dipilih maka harganya akan muncul secara otomatis sbb :

1. Air Putih Dingin

2. Es Jeruk

3. Es Teler

4. Jus Alpukat

5. Jus Semangka

6. Jus Strawberry

Pada saat checkbox lauk pauk dipilih muncul ketentuan sebagai berikut :

1. Krupuk: harganya Rp 200, setfocus di jumlah krupuk.

2. Tempe Goreng: harganya Rp 500, setfocus di jumlah tempe goreng.

3. Tahu Goreng: harganya Rp 500, setfocus di jumlah tahu goreng.

4. Perkedel: harganya Rp 750, setfocus di jumlah perkedel.

Klik tombol total harga lauk, maka total harga lauk akan muncul.

Klik tombol count, maka total keseluruhan harga akan muncul.

Kembalian akan muncul setelah Bayar diisi dan kemudian dienter.

Klik tombol reset, maka form bersih.

Klik tombol close, maka form akan tertutup.

B. LANGKAH-LANGKAH

Page 4: Praktikum GUI

4

1. Membuat aplikasi baru dengan cara klik New Items>Application.

2. Memasukkan satu komponen Label, di letakkan di bagian tengah atas.

3. Memasukkan empat buah komponen Group Box

4. Memasukkan dua buah komponen Label, satu buah komponen Combo Box, dan satu

buah Edit di Group Box 1.

5. Memasukkan dua buah komponen Label, satu buah komponen Combo Box, dan satu

buah Edit di Group Box 2.

6. Memasukkan satu komponen Label, empat komponen Check Box, lima komponen

Edit, dan satu komponen Speed Button di Group Box 3.

7. Memasukkan tiga komponen Label, tiga komponen Edit, dua komponen Button, dan

satu komponen Speed Button di Group Box 4.

8. Komponen-komponen:

Komponen Properties Isi

Group Box 1 Caption MENU

Group Box 2 Caption MINUMAN

Group Box 3 Caption LAUK PAUK

Group Box 4 Caption PEMBAYARAN

Label 13 Caption KANTIN ICHIRAKU

Label 3 Caption Pilih Menu

Label 6 Caption Harga

Label 7 Caption Pilih Minuman

Label 8 Caption Harga

Label 5 Caption Jumlah

Label 9 Caption Total

Label 4 Caption Bayar

Label 1 Caption Kembalian

Combo Box 1 Items

Gado-Gado, Soto Kudus, Mie Ayam Pelangi, Mie

Goreng Pedas, Mie Ramen Extra Pedas, Mie Rebus

Pedas, Nasi Goreng, Nasi Goreng Seafood, Nasi

Goreng Special, Nasi Uduk

Combo Box 2 ItemsAir Putih Dingin, Es Jeruk, Es Teler, Jus Alpukat,

Jus Semangka, Jus Strawberry

Check Box 1 Caption Krupuk

Page 5: Praktikum GUI

5

Check Box 2 Caption Tempe Goreng

Check Box 3 Caption Tahu Goreng

Check Box 4 Caption Perkedel

Speed Button 3Caption Total Harga Lauk

Flat True

Speed Button 1Caption Close

Glyph LED1ON

Button 2 Caption Count

Button 4 Caption Reset

9. Pada Combo Box 1, klik Events>OnClick, double click OnClick kemudian

memasukkan code seperti ini:

procedure TForm1.ComboBox1Click(Sender: TObject);

begin

if ComboBox1.ItemIndex=0 then

Edit7.Text:='5000'

else if ComboBox1.ItemIndex=1 then

Edit7.Text:='4000'

else if ComboBox1.ItemIndex=2 then

Edit7.Text:='7500'

else if ComboBox1.ItemIndex=3 then

Edit7.Text:='8000'

else if ComboBox1.ItemIndex=4 then

Edit7.Text:='9000'

else if ComboBox1.ItemIndex=5 then

Edit7.Text:='8000'

else if ComboBox1.ItemIndex=6 then

Edit7.Text:='5000'

else if ComboBox1.ItemIndex=7 then

Edit7.Text:='9000'

else if ComboBox1.ItemIndex=8 then

Edit7.Text:='7000'

Else if ComboBox1.ItemIndex=9 then

Edit7.Text:='4000';

end;

Page 6: Praktikum GUI

6

10. Pada Combo Box 2, klik Events>OnClick, double click OnClick kemudian

memasukkan code ini:

procedure TForm1.ComboBox2Click(Sender: TObject);

begin

if ComboBox2.ItemIndex=0 then

Edit10.Text:='500'

else if ComboBox2.ItemIndex=1 then

Edit10.Text:='1500'

else if ComboBox2.ItemIndex=2 then

Edit10.Text:='4500'

else if ComboBox2.ItemIndex=3 then

Edit10.Text:='5500'

else if ComboBox2.ItemIndex=4 then

Edit10.Text:='5500'

Else if ComboBox2.ItemIndex=5 then

Edit10.Text:='6000';

end;

11. Pada Check Box, klik Events>OnClick double click OnClick kemudian memasukkan

code seperti ini:

Untuk Check Box 1

begin

if CheckBox1.Checked then

Edit1.SetFocus

end;

Untuk Check Box 2

procedure TForm1.CheckBox2Click(Sender: TObject);

begin

if CheckBox2.Checked then

Edit2.SetFocus;

end;

Untuk Check Box 3

procedure TForm1.CheckBox3Click(Sender: TObject);

begin

if CheckBox3.Checked then

Page 7: Praktikum GUI

7

Edit8.SetFocus;

end;

Untuk Check Box 3

procedure TForm1.CheckBox4Click(Sender: TObject);

begin

if CheckBox4.Checked then

Edit9.SetFocus;

end;

12. Pada Speed Button 3 (Total Harga Lauk), klik Events>OnClick, double click

OnClick kemudian memasukkan code seperti ini:

procedure TForm1.SpeedButton3Click(Sender: TObject);

var

a,b,c,d,e,f,g,h,i:integer;

begin

Val(Edit1.Text,a,e);

Val(Edit2.Text,b,e);

Val(Edit8.Text,c,e);

Val(Edit9.Text,d,e);

f:=0;

g:=0;

h:=0;

i:=0;

if CheckBox1.Checked then

f:=a*200;

if CheckBox2.Checked then

g:=b*500;

if CheckBox3.Checked then

h:=c*500;

if CheckBox4.Checked then

i:=d*750;

Edit3.Text:=IntToStr(f+g+h+i);

end;

13. Pada Button2 ( Count ) klik Events>OnClick, double click OnClick kemudian

memasukkan kode seperti ini:

Page 8: Praktikum GUI

8

procedure TForm1.Button2Click(Sender: TObject);

var

i,j,k:real;

begin

i:=StrToFloat(Edit3.Text);

j:=StrToFloat(Edit7.Text);

k:=StrToFloat(Edit10.Text);

Edit4.Text:=FloatToStr(i+j+k);

end;

14. Pada Edit 5, klik Events>OnKeyPress, double click OnKeyPress kemudian

memasukkan code seperti ini:

procedure TForm1.Edit5KeyPress(Sender: TObject; var Key:

Char);

var

p,q:real;

begin

if key=#13 then

begin

p:=StrToFloat(Edit4.Text);

q:=StrToFloat(Edit5.Text);

Edit6.Text:=FloatToStr(q-p);

end;

end;

15. Pada Button 4 ( Reset ), klik Events>OnClick, double click OnClick kemudian

memasukkan code seperti ini:

procedure TForm1.Button4Click(Sender: TObject);

begin

Edit1.Text:='';

Edit2.Text:='';

Edit3.Text:='0';

Edit4.Text:='0';

Edit5.Text:='';

Edit6.Text:='0';

Edit7.Text:='0';

Page 9: Praktikum GUI

9

Edit8.Text:='';

Edit9.Text:='';

Edit10.Text:='0';

CheckBox1.Checked:=false;

CheckBox2.Checked:=false;

CheckBox3.Checked:=false;

CheckBox4.Checked:=false;

ComboBox1.Text:='';

ComboBox2.Text:='';

end;

16. Pada Speed Button 1 ( Close ), klik Events>OnClick, double click OnClick

kemudian memasukkan code seperti ini:

procedure TForm1.SpeedButton1Click(Sender: TObject);

begin

close;

end;

17. Tampilan formnya menjadi seperti ini:

Page 10: Praktikum GUI

10

PEMBAHASAN

1. Nomor item dalam Combo Box selalu dimulai dengan 0 (nol). Seperti di Combo Box

1 dalam program ini, terdapat 10 item di dalam Combo Box 1, maka index yang

tertinggi adalah 9. Begitu juga dengan Combo Box 2.

2. Fungsi val( ) pada Speed Button 3 dipakai untuk mendapatkan nilai numerik dari isi

object Edit.

3. Pada Speed Button 3 ada f:=0;, g:=0;, h:=0;, i:=0; nya. Ini untuk

initial ( permulaan ). Meskipun kalau tidak dikasih tetap masih bisa dieksekusi, tetapi

nanti ada warning dari Delphinya. Supaya terbebas dari warning, lebih baik dikasih.

4. Kenapa pada Button 4 ( Reset ) ada code CheckBox1.Checked:=false;,

CheckBox2.Checked:=false;, CheckBox3.Checked:=false;,

CheckBox4.Checked:=false;? Supaya nanti ketika di klik tombol Resetnya,

tanda contreng di Check Box nya juga bisa hilang.

5. Setelah di Run, tetapi belum digunakan, hasilnya seperti ini:

6. Setelah di Run dan di gunakan, hasilnya seperti ini:

Page 11: Praktikum GUI

11

KESIMPULAN

Setelah melakukan pengujian terhadap program ini, program ini sudah bisa menangani

pembayaran di Kantin Ichiraku sesuai dengan ketentuan yang sudah ditentukan. Namun, ada

kekurangan dalam program ini, yaitu ketika pada Bayar jumlah uang yang dimasukkan lebih

kecil dari Total, ketika dienter akan tetap memunculkan angka di Kembalian dengan tanda

min. Ketika uang yang dimasukkan ke Bayar lebih kecil dari Total, seharusnya muncul

Message Box yang menyatakan bahwa uangnya kurang.

Page 12: Praktikum GUI

12

DAFTAR PUSTAKA

Supriyono.,Farikhah Indriani.2007.Modul Praktikum Algoritma

Pemrograman.Yogyakarta

http://ersani.files.wordpress.com/2009/01/bab-2.doc

http://tehnikpemograman.blogspot.com/p/delphi-merupakan-lingkungan-

pemrograman.html

http://tik-gonzaga.blogspot.com/2011/02/tambahan-radio-button-check-box-

delphi.html

http://www.fajar345.com/2011/07/contoh-delphi-7.html#more

http://lecturer.poliupg.ac.id/~hasyim/Files/CH5.html

http://foertjep1972.blogspot.com/

http://mrspecta.blogspot.com/2011_03_01_archive.html