Upload
ditha-runita
View
156
Download
0
Embed Size (px)
Citation preview
BAB I
PENDAHULUAN
1.1 Dasar Pemikiran
Borland Delphi adalah sebuah alat pengembangan aplikasi-aplikasi untuk sistem
operasi Microsoft Windows. Delphi sangat berguna dan mudah digunakan untuk membuat
suatu program berbasis GUI (Graphical user interface) atau console (mode teks).
Borland Delphi mempunyai “saudara” bernama Borland Kylix yaitu versi Delphi yang
digunakan untuk membuat aplikasi pada sistem operasi Linux. Dengan dipasangkannya
Borland Delphi dengan Borland Kylix maka pengembang software dapat membuat aplikasi
berbasis Windows yang dapat dengan mudah dikompilasi ulang pada Linux. Delphi
merupakan bahasa pemrograman pertama yang memecahkan batasan antara bahasa tingkat
tinggi, pengembangan aplikasi dengan cepat (Rapid Application Development/RAD). Ketika
membuat aplikasi GUI dengan Delphi, pengembang perangkat lunak akan mendapatkan
bahasa pemrograman (dalam hal ini Object Pascal) yang dibungkus dalam lingkungan RAD.
Semua user interface seperti form, tombol (button), dan objek list-list telah disertakan dalam
Delphi dalam bentuk komponen atau control. Pengembang dapat dengan mudah
menempatkan komponen-komponen tersebut ke dalam form. Pengembang dapat juga
menempatkan control ActiveX pada form untuk membuat program-program khusus seperti
Browser Web dalam waktu yang cepat. Delphi memungkinkan pengembang untuk
merancang keseluruhan interface secara visual, dan dengan cepat dapat diimplementasikan
sebuah kode perintah berbasis event (event driven) dengan mengklik mouse. Dengan Delphi,
pengembang perangkat lunak dapat membuat program Windows dengan lebih cepat dan lebih
mudah dari sebelumnya. Delphi mempunyai banyak cakupan pemrograman baik untuk
mengelola teks, grafik, angka, database, ataupun aplikasi web
1.2 Studi kasus
Mencari luas persegi panjang dan volume balok dengan menggunakan aplikasi GUI
(graphic user interface).
BAB II
DESKRIPSI KERJA
Page 1
Setelah membuat kerangka konsep, maka praktikan akan mulai mengaplikasikannya
pada program delphi. Dan berikut adalah deskripsi dari langkah kerja yang digunakan
praktikan:
1. Setelah membuka program delphi dan memilih filenewapplication
Gambar 2.1. form
2. Setelah itu praktikan menambahkan 5 label 4 edit 3 bitbtn dan 1speedbutton.
Gambar 2.2. menambahkan bahan
3. Setelah itu praktikan mengedit perintah perintah untuk edit,label bitbtn,dan
speedbutton pada object inspector
Page 2
Gambar 2.3. hasil akhir
BAB III
PEMBAHASAN
Gambar 2.3. mengubah pada object inspector
4. Jika semuana telah selesai praktikan menuliskan sintaks pada bitbn untuk volume
balok dan luas persegi panjang
5. Setelah itu praktikan memasukkan sintaks pada bitbtn untuk reset dan close
Page 3
Sintaks luas persegi panjang
Sintaks volume balok
6. Setelahnya praktikan mencoba memasukkan nilai dan mencari hasi luas maupun
volumenya
Page 4
Gambar2.4. hasil akhir
7. Maka selesailah tugas praktikan dalam mencari volume serta luas dengan aplikasi
GUI
Page 5
BAB III
PEMBAHASAN
Pada percobaan yang telah dilakukan praktikan dalam memecahkan masalah tentang
GUI dimana praktikan ingin mencari nilai dari suatu volume ataupun luas bangun datar
namun dengan tampilan yang tentunya lebih menarik. Hal yang pertama dilakukan praktikan
adalah membuka program delphi lalu memilih file new application , yang dimana nanti
akan muncul sebuah form
(gambar 1.0. form)
Setelah itu praktikan menambah 5 labet 4 edit 3 bitbn dan 1 speedbutton yang terdapat
pada component pallete seperti berikut:
Gambar 1.1.component pallete
Page 6
labeledit
bitbtnspeedbuton
Gambar 1.2. label,edit,bitbtn,speedbutton
Setelah memasukkan kolomkolom secara lengkap maka praktikan pun mengubah mulai nama
nama dari kolom tersebut , yang pertama kali diubah adalah label 1 dimana digunakan
praktikan sebagai judul dari aplikasinya . cara mengubahnya yaitu dengan mengklik label1
lalu mengubah caption pada object inspector lalu mengubah font,size,colour yng diinginkan
praktikan
Page 7
Praktikan mengubah caption dari “label1” menjadi”menghitung luas persegi panjang dan volume balok
Praktikan juga mengubah jenis font, ukuran serta warna font agar terlihat lebih menarik
Begitu pula dengan label2, label3, label4, label5 hanya berbeda nama caption saja. Setelah itu
praktikan mengubah 2 bitbn yang digunakan sebagai volume balok dan luas persegi panjang
Caranya hampir sama dengan mengubah label yaitu pada caption.
Gambar 1.3.mengubah bitbtn
Setelahnya praktikan mengubah bitbtn3 yang digunakan sebagai tombol reset dari aplikasi
tersebut caranya adalah dengna mengubah proporties kind pada object inspector menjadi
bkCancel dan caption= reset
Page 8
Untuk luas persegi panjang praktikan mengubah caption menjadi “luas persegi panjang” juga mengubah font dari tulisan agar terlihat lebih menarik.
Untuk volume balok praktikan mengubah caption menjadi “volume balok” juga mengubah font dari tulisan agar terlihat lebih menarik.
gambar 1.4. mengubah reset
Begitupula dengan close, praktikan mengubah sama halnya dengan “reset” perbedaannya
hanya pada “kind”
gambar 1.5. mengubah close
Setelah ini barulah praktikan mengolah sintaks yang harus dimasukkan agar bisa dibaca oleh
sistem. Cara pertama yaitu double-click form dan tulislah kode ini:
Page 9
Pada caption praktikan mengubah, dari tulian awal “bitbtn” menjadi “reset”
Pada font praktikan mengubah jenis font,warna dan ukuran dan pada “kind”
Praktikan mengubahnya menjadi bkCancel
Mengubah caption menjadi “close” dan setelahnya untuk membuat tampilan lebih menarik praktikan mengubah font serta warna font
edit1.text:='';
edit2.Text:='';
edit3.Text:='';
edit4.Text:='';
setelah itu praktikan menekan F9 untuk running pertama , setelahnya klik komponen edit1
pada form , kemudian klik event pada object inspector,cari instruksi onkeypas dan double-
klik instruksi tersebut dan tulislah kode seperti dibawah ini:
if key=#13 then
edit2.SetFocus;
end;
if key=#13then
edit3.setfocus;
end;
if key=#13 then
edit4.SetFocus;
end;
jika telah selesai tekan F9 untuk running kedua, setelahnya kita memasukkan sintak untuk
mencari luas dari persegi panjang dengan rumus berikut:
var
panjang,lebar,luas:double;
begin
panjang:=strTofloat(edit1.Text);
lebar:=strTofloat(edit2.Text);
luas:=panjang*lebar;
edit4.Text:=floatTostr(luas);
Page 10
Untuk double-klik edit1
Untuk double-klik edit2
Untuk double-klik edit3
Sintaks ini digunakan untuk memudahkan praktikandalam memasukkan nilai, sehinga hanya perlu menekan ENTER untuk pindah ke kolom berikutnya
Double itu sama dengan real berguna untuk menghasilakn angka desimal
showmessage('luas persegi panjang adalah='+floatTostr(luas));
end;
dan jika telah selesai makan tekan F9 untuk running ke3 dan praktikan melanjutkan lagi
untuk memasukkan sinak mencari volume balok , berikut sintaks nya :
var
panjang,lebar,tinggi,volume:double;
begin
panjang:=strTofloat(edit1.Text);
lebar:=strTofloat(edit2.Text);
tinggi:=strTofloat(edit3.Text);
volume:=panjang*lebar*tinggi;
edit4.Text:=floatTostr(volume);
showmessage('volume balok adalah='+floatTostr(volume));
end;
jika telah selesai maka tekan F9 dan running ke4 selesai, selanjutnya untuk melakukan
perintah reset agar kolom nya kembali kosong seperti semula maka double klik bitbtn reset
lalu masukkan sintaks:
procedure TForm1.BitBtn2Click(Sender: TObject);
begin
edit1.Text:='';
edit2.Text:='';
edit3.Text:='';
edit4.Text:='';
end;
Page 11
Berguna untuk menampilkan sebuah pesan seperti berikut
Menunjukan diposisi mana panjang,lebar,dan tinggi apakah dikolom edit,2, atau 3
strTofloat berguna untuk mengambil nilai inputan
lalu tekan F9 dan lanjutkan menulis sintak untuk bagian close dengan mendouble klik
speedbutton close dan memasukkan sintaks berikut :
procedure TForm1.SpeedButton1Click(Sender: TObject);
begin
close;
end;
end.
Setelahnya tekan F9 dan eksekusi selesai praktikan hanya perlu memasukkan nilai dan hasil
yang diinginkan pun akan muncul.namun agar terlihat lebih menarik praktikan menambahkan
sebuah baground pada form dengan cara berikut
Setelah itu upload gambar yang diinginkan melalui object inspector
Dan inilah hasilnya
Gambar.1.6 hasil tampilan akhir
Page 12
Klik gambar tersebut,lalu blok bagian yang ingin diberi gambar
Dan mencari volume
Gambar 1.7. volume balok
Dan berikut hasil luas persegi panjang
Gambar 1.8. luas persegi panjang
Page 13
BAB IV
KESIMPULAN
Dari berbagai hal yang telah dilakukan oleh praktikan maka praktikan dapat
menyimpulkan beberapa hal sebagai berikut:
1. Dengan aplikasi GUI praktikan dapat membuat sebuah program yang menampilkan
sebuah visual yang menarik untuk dilihat
2. Begitu banyak pallete yang bisa digunakan untuk memperindah tampilan dari
program.
3. If key=#13 merupak perintah enter dlam bahasa pemrograman
4. strTofloat rumus tersebut berguna untuk mengambil nilai inputan
5. Terdapat berbagai macam sintaks yang berbeda dalam mengaplikasikan GUI
Page 14
DAFTAR PUSTAKA
http://delphindojawa.blogspot.com/p/menulis-program-pertama-anda-dengan.html (minggu,29
desember 2013, 20.30)
http://ghadinkz23.blogspot.com/2010/12/pengertian-gui-dan-cli.html (minggu, 29 desember 2013,
20.30)
http://arifinnawir.blogspot.com/2013/01/pengertian-sistem-operasi-berbasis-gui.html (minggu, 29
desember 2013, 20.30)
Page 15