LAPORAN HASIL AKHIR PRAKTIKUM

ALGORITMA DAN PEMROGRAMAN III

NAMA : Rinaldi.P.Komber

NIM : DBC 116 044

KELAS : A

MODUL : 1 (IDE)

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS PALANGKA RAYA

2017
 BAB I
TUJUAN DAN LANDASAN TEORI

1. Perangkat lunak yang dibutuhkan

 Borland Delphi
2. Tujuan
 Memperkenalkan lingkungan kerja (IDE) Borland Delphi
 Mendesain/membuat Program Sederhana
 Menulis Source Program
 Me-Run program/membuat file Executable
3. Teori
A. Borland Delphi 6.0
Delphi merupakan bahasa pemrograman yang berorientasi objek (Objek
Oriental Programming/OOP). Objek Oriental Programming adalah Pemrograman
yang terdiri dari beberapa objek yang berhubungan dan melakukan suatu aksi
dalam suatu kejadian (event). Objek-objek tersebut digambarkan pada layar dan
melakukan pengaturan property terhadap objek tersebut dengan menuliskan
metode-metode terhadap objek tersebut sesuai dengan kajian dari program
B. Jendela IDE
IDE delphi terdiri dari beberapa bagian utama yaitu menu, component
pallet,toolbar, object tree view, code explorer, object inspector, from designer dan
code editor seperti ditunjukkan pada Gambar 1.1. Dalam perancangan program ini
komponen komponen yang penting diketahui,yakni :
 Gambar 1.1 IDE Delphi 6.0
a. Object treeview digunakan untuk menampilkan hubungan parent-child antar
komponen dalam bentuk hirarki

b. Componen Palette merupakan bagian yang digunakan untuk meletakkan

bebagai komponen yang sesuai dengan kategory. Misalnya komponen yang
digunakan untuk aplikasi yang menggunakan Borland Database Engine (BDE)
akan diletakkan pada page BDE atau komponen yang digunakan untuk aplikasi
yang membutuhkan Interbase akan diletakkan pada Interbase dan Interbase
Admin.

c. Object Inpector terdiri dari 2 bagian yaitu : properties dan events, pada bagian
properties dapat diatur berbagai property dari object atau komponen yang
digunakan setiap komponen tentunya mempunyai property sendiri-sendiri.

d. Code Explorer pada jendela code explorer ini akan ditampilkan semua tipe
variable dan routine yang didefinisikan pada unit. Selain itu juga ditampilkan
semua unit yang digunakan dan terletak pada clausa uses. Untuk tipe yang
kompleks seperti kelas pada explorer akan menampilkan semua informasi
termasuk daftar field, properties dari method. Jika dilakukan klik dua kali pada
salah satu item code explorer, secara otomatis Code Editor akan menampilkan
deklarasi dari item yang di klik.

e. Code Editor Dalam bagian ini dapat dituliskan semua code dan memasukkan
semua unit yang dipakai untuk program yang dibuat. Jika dibuka lebih dari satu
file unit code Editor ini, pada bagian atas akan muncul tab atau page yang berisi
nama file yang sedang dibuka. Susunan atau urutan page dapat dibuat judul yang
lebih menarik pada bagian posisi yang diinginkan

f. Form adalah form tempat mengatur komponen yang sesuai dengan kebutuhan
tampilan program yang kita buat.
 BAB II
LANGKAH KERJA

Project Pertama (Membuat program hello )

Pada program yang pertama ini, kita akan membuat sebuah program hello.
Langkah yang harus dilakukan:
1. Bukalah sebuah aplikasi baru, pilih menu File → New Application,
kemudian Delphi akan menyediakan sebuah form kosong sebagai tempat
untuk membuat tampilan program.
2. Pada Form1 tanamkan sebuah kontrol Button (button1)

3. Letakanlah komponen tersebut pada form dan klik 2 kali maka akan
tampil Code Editor untuk event Button on Click
4. Pada procedure klik, tuliskan koding berikut ini
procedure TForm1.Button1Click(Sender: TObject);
begin
messagedlg('hallo apa kabar',mtinformation,[mbok],0);
end;
5. Dan kita juga biasa menambahkan koding yang megakibatkan bila kita
mengklik diluar button, maka aplikasi tersebut mengeluakan sebuah
pesan
procedure TForm1.FormClick(Sender: TObject);
begin
messagedlg('Anda menekan di luar tombol',mtwarning,[mbok],0);
end;
6. Jalankan program dengan memilih Run atau dengan memilih F9,
sehingga diperoleh hasil dengan mengklik button dan diluar button.
Project Kedua (Membuat program dengan Kontrol Label dan Button )
Langkah-langkah :
1. Aktifkan IDE Delphi
2. Pilih menu file dan klik new application
3. Pada form1 tambahkan kontrol Edit (Edit1) dan kontrol Button (button1)

4. Aturlah properti-properti dari masing-masing kontrol sehingga menjadi

sebagai berikut :
5. Lakukan koding untuk menmpilkan pesan berada pada control edit, ketika
pemakai melakukan klik pada BtnTombol
procedure TForm1.BtnTombolClick(Sender: TObject);
begin
edPesan.Text:=’ Selamat Belajar Delphi …’ ;
end;
Caranya :
Lakukan double klik pada kontrol BtnTombol, sehingga akan muncul jendela
koding dan procedure BtnTombolClick:
6. Jalankan program anda dengan klik Run, atau tekan pada tombol F9, Jika
terjadi kesalahan periksa kembali kebenaran programnya.
7. Keluar dari Delphi.

TUGAS PRAKTIKUM

1. Buatlah sebuah program dengan komponen edit dan 2 buah button. Apabila
user memasukan text pada komponen edit dan menekan button ganti judul,
maka judul form akan berubah sesuai dengan isi text pada komponen edit.
 BAB III
PEMBAHASAN

A. Project Pertama
Pada project pertama modul pertama ini diperintahkan untuk membuat
suatu program hello yang berisi kalimat ‘Hello Apa Kabar’ saat kita mengklik
tombol Button. Program hello akan menampilkan pesan di dalam bok
information, untuk membuat program ini yang dilakukan pertama kali yaitu
membuat file baru, pilih menu file lalu New Application, dan kemudian akan
muncul pada delphi sebuah form kosong sebagai tempat untuk membuat
tampilan program serta menanamkan komponen-komponen sesuai dengan
perintah yang ingin dibuat.

Gambar 3.1 Tampilan Awal IDE Delphi

Setelah itu, hal selanjutnya yang dilakukan yaitu meletakan komponen

tombol button yang terletak pada bagian toolbar disimbolkan dengan icon
OK.
 Gambar 3.2 Tampilan Form1 Dengan Button1

Untuk menuliskan program pada button hal yang kita lakukan mengklik dua
kali atau lebih baik menggunakan events pada object inspector pada modul
kita diperintahkan menggunakan events on clik, saat kita mengklik dua kali
pada tabel disampingnya kita diarahkan langsung pada penulisan program
(unit). Programya seperti berikut :

Gambar 3.3 Program click button

Untuk memulai penulisan alangkah baiknya kita memperhatikan bagian

object treeview dibagian kiri bar. Untuk penulisan program diatas kita tulis
pada bagian button1. Pengertian procedure Tform1.Button1Click yaitu saat
button1 yang di form1 diklik maka mulai untuk menampilkan pesan ‘Hallo
apa kabar’ selesai. Jika dijalankan program diatas akan muncul seperti
dibawah ini :
 Gambar 3.4 Tampilan pada saat klik button

Saat kita mengklik tombol button1 pada form1 maka akan keluar
information dengan kalimat ‘Hallo apa kabar’. Selanjutnya untuk koding
menampilkan pesan saat klik diluar button kita menulis program dibagian
form1 pada object treeview lalu memilih events pada object inspector seperti
yang dilakukan pada awal project. Program untuk perintah menampilkan
pesan saat klik diluar tombol seperti berikut :

Gambar 3.5 Program klik diluar tombol

Jika program diatas kita jalankan (F9) maka tampilan outputnya seperti
dibawah ini.

Gambar 3.6 Output Klik diluar tombol

B. Project Kedua
Pada project kedua diperintahkan membuat program dengan kontrol label
dan button. Langkah pertama yang kita lakukan terlebih dulu yaitu aktifkan
IDE Delphi pilih menu dan klik new application sehingga muncul pada delphi
sebuah form kosong sebagai tempat untuk membuat tampilan program serta
menanamkan komponen-komponen sesuai dengan perintah yang ingin
dibuat.

Gambar 3.7 Tampilan Awal IDE Delphi

Pada form1 ditambahkan kontrol edit(edit1) yang berlogo icon ab pada

toolbar serta tambahkan juga kontrol button(button1) sehingga pada tampilan
form terdapat 2 kontrol.

Gambar 3.8 Tampilan Form1 dengan 2 Kontrol edit dan button1

 Pada tiap komponen akan lebih mudah jika diatur terlebih dulu properti-
properti dari masing-masing komponen. Untuk komponen form 1
diperintahkan untuk mengubah properti name dan caption menjadi FrmPesan
dan Pesan semua diatur pada bagian object inspector. Lalu komponen edit1
bagian properti name dan text diubah menjadi Edpesan dan text diberi nilai
kosong. Komponen Button1 properti name dan caption menjadi BtnTombol
dan tombol. Sehingga object treeview akan tampil seperti gambar dibawah
ini :

Gambar 3.9 Tampilan Object TreeView awal(kiri) dan tampilan setelah diubah
(kanan)

Selanjutnya masuk pada penulisan program untuk menampilkan pesan

berada pada control edit, ketika pemakaian melakukan klik pada BtnTombol.
Caranya lakukan double klik pada kontrol BtnTombol atau lebih baik
menggunakan object inspector pada bagian events kita klik dua kali pada
bagian onclick. Sehingga penulisan program seperti berikut :

Gambar 3.10 Tampilan program procedure project dua

 Procedure TfrmPesan.BtnTombolClik(Sender : Tobject) yaitu saat
BtnTombol yang terdapat di TFrmPesan diklik maka mulai untuk
menampilkan pesan ‘Selamat Belajar Delphi...’ selesai. Pada sistem program
diatas konsepnya seperti penggunaan hyperlink atau pemanggilan. Jika kita
jalankan program diatas dengan menekan F9 atau running maka tampilan
outputnya seperti dibawah ini :

Gambar 3.11 Output project 2

C. Tugas Praktikum
Program yang diperintahkan untuk tugas praktikum yaitu diperintahkan
membuat program dengan 2 komponen edit dan menekan button ganti judul,
maka judul form akan berubah sesuai dengan text pada komponen edit.
Langkah pertama yang dilakukan terlebih dulu yaitu aktifkan IDE Delphi
pilih menu dan klik new application sehingga muncul pada delphi sebuah
form kosong sebagai tempat untuk membuat tampilan program serta
menanamkan komponen-komponen sesuai dengan perintah yang ingin
dibuat.
 Gambar 3.12 Tampilan Awal IDE Delphi

Pada form1 ditambahkan 2 komponen kontrol button dan kontrol edit,

langkah selanjutnya mengubah properti masing-masing komponen.
Komponen pertama yaitu Edit1 properti name tetap sama tetapi pada properti
text dikosongkan kita juga dapat mengubah warna pada form. Lalu komponen
kedua yaitu Button1 properti caption diubah menjadi ‘ganti judul’ sehingga
pada saat dijalankan tombol1 atau tombol bagian kiri akan berubah menjadi
tombol ‘ganti judul’. Komponen ketiga yaitu button2 properti caption kita
ubah menjadi ‘keluar’sehingga outputnya berubah menjadi tombol ‘keluar’.

Gambar 3.13 Tampilan Form1 dengan kontrol edit dan button1&2

 Tampilan 3.14 Tampilan form1 setelah caption diubah

Langkah selanjutnya adalah menulis coding program pada bagian

button1 yang captionnya sudah berubah menjadi 'Ganti Judul', untuk memulai
melakukan coding bisa dilakukan dengan dua cara yaitu klik dua kali pada
button 1 dan dapat menggunakan object inspector bagian event klik dua kali
pada perintah onclick alangkah baiknya kita menggunakan object inspector
onclick. Program untuk program ini seperti berikut :

Gambar 3.15 Program untuk tombol1

Koding diatas digunakan untuk mengubah caption dari Form1 dengan

teks yang dituliskan pada kontrol Edit1 pada saat running, jika kita
menuliskan kalimat ‘Pebriana Lorenza’ maka tulisan pada form1 akan
berubah menjadi ‘Pebriana Lorenza’.
 Gambar 3.16 Tampilan Setelah Mengganti Judul

Langkah selanjutnya menuliskan coding atau program pada

button2 hal yang dilakukan sama pada penulisan program button1. Caption
untuk button2 sudah diubah menjadi perintah 'Keluar'. Maka program untuk
button2 seperti berikut :

Gambar 3.17 Program untuk tombol2

Program diatas digunakan untuk perintah keluar, apabila user klik tombol
keluar secara ototomatis aplikasi akan keluar. Tampilan output untuk program
tugas praktikum seperti berikut :

Gambar 3.18 Output Program Tugas Praktikum

 BAB IV
KESIMPULAN

Delphi merupakan bahasa pemrograman yang berorientasi objek (Objek

Oriental Programming/OOP). Objek Oriental Programming adalah Pemrograman
yang terdiri dari beberapa objek yang berhubungan dan melakukan suatu aksi
dalam suatu kejadian (event).
 Object treeview digunakan untuk menampilkan hubungan parent-child
antar komponen dalam bentuk hirarki
 Componen Palette merupakan bagian yang digunakan untuk meletakkan
bebagai komponen yang sesuai dengan kategory.
 Object Inpector terdiri dari 2 bagian yaitu : properties dan events, pada
bagian properties dapat diatur berbagai property dari object atau
komponen yang digunakan setiap komponen tentunya mempunyai
property sendiri-sendiri.
 Code Explorer pada jendela code explorer ini akan ditampilkan semua tipe
variable dan routine yang didefinisikan pada unit. Selain itu juga
ditampilkan semua unit yang digunakan dan terletak pada clausa uses.
 Code Editor Dalam bagian ini dapat dituliskan semua code dan
memasukkan semua unit yang dipakai untuk program yang dibuat.
 Form adalah form tempat mengatur komponen yang sesuai dengan
kebutuhan tampilan program yang kita buat.
 BAB V
DAFTAR PUSTAKA

ModulPraktikumAlgoritmadanPemrograman III.Palangka Raya:

UniversitasPalangka Raya FakultasTeknikJurusanTeknikInformatika, 2017

eko,. 2011., 'PENGENALAN BORLAND DELPHI 7'.

https://catataneko.wordpress.com/2011/10/15/pengenalan-borland-delphi-7/.
Diakses pada tanggan 17 oktober 2017.
 BAB VI
LAMPIRAN
1. Project Pertama
Input

Output

2. Project Kedua
Input
 Output

3. Tugas Praktikum
Input

Output