MODUL I

PENGENALAN APLIKASI DELPHI DAN

MENGGAMBAR SUMBUKOORDINAT

A. Tujuan
1. Mahasiswa mampu untuk menjalankan aplikasi delphi dengan baik dan
benar
2. Mahasiswa dapat mengenal bagian-bagian dari aplikasi delphi dan
mampu untukmenambahkan komponen kedalam sebuag form
3. Mahasiswa mampu untuk menyimpan dan menjalankan aplikasi
dengan baik danbenar
4. Mahasiswa mampu untuk membuat garis sederhana dengan
menggunkan fungsicanvas

B. Software dan peralatan yang dipergunakan

1. Aplikasi Delphi 7
2. Microsoft Office Word 2016

C. Dasar Teori
Delphi merupakan suatu bahasa pemrograman yang menggunakan
visualisasi dalam penggunaannya.Delphi juga merupakan suatu
program berbasis bahasa Pascal yang berjalan dalam lingkungan
Windows. Delphi juga merupakan sebuah perangkat lunak
pengembangan program yang terintegrasi, yang meliputi fungsi untuk
penulisan program, kompilasi sampai dengan pelacakan kesalahan
(debugging). Delphi adalah suatu bahasa pemrograman yang telah
memanfaatkan metode pemrograman Object Oriented Programming
(OOP).
Secara default elemen IDE terdiri atas beberapa bagian, yaitu Menu
Bar, Tool Bar, Component Palette, Object Treeview, Object Inspector,
Form Designer, dan Code Editor.

1. Menu Bar digunakan untuk memilih perintah (Command) yang

diberikan kepada Delphi untuk melakukan suatu pekerjaan tertentu,
misalnya menyimpan file,menampilkan elemen tertentu, menginstal
komponen baru dan lain-lain.

2. Tool Bar berisi icon (gambar kecil) yang mengilustrasikan perintah

yang diberikan,misalnya icon disket untuk perintah menyimpan file,
icon buku untuk perintah bantuan(Help).

3. Component Palette berisi icon yang menunjukan komponen yang dapat

ditambahkan ke dalam form yang kita buat, baik komponent visual
seperti button (tombol), text box, combo box dan lain-lain.

4. Form Designer merupakan jendela untuk mendesain tampilan aplikasi

yang kita buat. Bentuk dasar dari tampilan program yang dibuat
menggunakan Delphi ini adalah berbentuk form. Didalam form ini
dapat ditempatkan komponen-komponen visual dan non visual.

1
5. Code Explorer digunakan untuk menambahkan dan mengedit program
yang kita buat. Dalam Delphi, beberapa bagian program akan dibuat
secara otomatis ketika kita memulai membuat sebuah proyek. Ada juga
bagian program yang akan dibuat otomatis ketika kita buat suatu event
pada komponent yang ditambahkan ke form.

6. Object TreeView berisi daftar komponen (disebut juga objek) yang kita
tambahkan dalam form yang dibuat di Form Editor.

7. Object Inspector Berisi daftar property dan event dari komponen yang
sedang dipilihdi form editor. Object Inspector mempunyai 2 buah tab
yaitu tab Properties dan Events. Property komponen dapat diubah
dengan mengetikan pada bagian kanan dari object inspector. Setiap
komponen dapat memiliki event untuk menentukan perilakunya
apabila dilakukan hal tertentu pada komponen tersebut.

Komponen pada Delphi terdiri atas komponen visual dan komponen

2
 non visual. Komponen visual akan ditampilkan apa adanya dalam form
yang dibuat, sedangkan komponen visual tidak terlihat pada waktu
dieksukusi.

D. PreTest
1. Sebutkan dan jelaskan cara menambahkan komponen ke dalam sebuah form!
2. Jelaskan beberapa cara untuk menjalankan program yang sudah dibat di
delphi!
3. Sebutkan dan jelaskan 3 Properties yang ada pada komponen form!

E. Praktikum
Praktikum 1
1. Buka program Delphi 7 dengan mengklik icon Delphi 7 yang ada
komputer/laptop.
2. Sebelum merancang dan membuat kode program disarankan untuk
menyimpan proyek baru. Klik File Save Project
3. Muncul kotak dialog Save Unit1 As beri nama dengan nama Modul1.pas
dan beri namaProject1.dpr kemudian klik Save.

Gambar 1.1 Kotak Dialog Save Unit1 As

4. Kemudian akan tampil area kerja dari delphi yaitu form designer dan
code editor. Jalankan aplikasi dengan mengklik menu Run run atau
bisa juga dengan menekan tombol F9. Jika berhasil dan berjalan akan
tampil sebuah form kosong. Kemudian kliktombol x.

Gambar 1.2 Form1 setelah dijalankan

3
5. Rancanglah form1 seperti gambar 1.3 dengan menggunakan komponen
Popupmenu pada pallete standar:

Gambar 1.3 Desain Tampilan Form 1

6. Tambahkan label1 dan rubah untuk captionya menjadi
GRAFIKAKOMPUTER DENGAN DELPHI SANGAT MUDAH
DAN

7. Klik pada Menu File kemudian klik Exit kemudian masukan kode
program dibawahini:

8. Klik Menu Operasi kemudian klik Merah kemudian masukan kode

program dibawahini:

9. Klik Menu Operasi kemudian klik Hijau kemudian masukan kode

program dibawahini:

10. Klik Menu Operasi kemudian klik Kuning kemudian masukan kode
program dibawahini:

11. Klik Menu Operasi kemudian klik Hitam kemudian masukan kode
program dibawah ini:

12. Jalankan program dengan menekan tombol F9 atau dengan cara mengklik

4
 menu Run
run
13. Perhatikan dan amati hasil dari program yang dibuat

Praktikum 2
1. Tambahkan form 2 pada Project1.dpr dengan cara klik menu File
kemudian pilih NewForm. Kemudian klik save.

2. Rancanglah Form2 seperti gambar dibawah ini

3. Klik komponen Edit3 kemudian pada properties pilih Enabled menjadi False
4. Klik menu Operasi kemudian klik Penjumlahan kemudian masukan
kode program dibawah ini:

5. Klik menu Operasi kemudian klik Pengurangan kemudian masukan

kode program dibawah ini:

6. Tambahkan dan buatkan kode program untuk perkalian dan pembagian

7. Jalankan program dengan menekan tombol F9 atau dengan mengklik menu Run
run
8. Perhatikan dan amati dari hasil program yang dibuat

Praktikum 3

5
1. Tambahkan form 3 pada Project1.dpr dengan cara klik menu File
kemudian pilih NewForm. Kemudian klik save.

2. Rancanglah Form seperti gambar dibawah ini, dengan menambahkan

objek Buton1, Button2, Button3, Button4, Button5, Button6,.
Kemudian Pada objek Button1 atur properti caption ganti dengan
SumbuX. Button2 ganti dengan SumbuY. Button3 gantidengan Titik1.
Button4 ganti dengan Titik2. Button5 ganti dengan Refresh. Kemudian
tambahkan label 1 dengan caption KOORDINAT DAN

3. Klik Button SumbuX dan masukan kode program dibawah ini:

4. Klik Button SumbuY dan masukan kode program dibawah ini:

5. Klik Button Titik1 dan masukan kode program dibawah ini:

6. Klik Button Titik2 dan masukan kode program dibawah ini:

6
7. Klik Button refresh dan masukan kode program dibawah ini:

8. Jalankan program dengan menekan tombol F9 atau dengan mengklik menu Run
run
9. Perhatikan dan amati dari hasil program yang dibuat

F. PostTest
1. Buatlah sebuah form 4 yang berisi komponen-komponen seperti dibawah
ini:

Keterangan:
Buat aplikasi baru dengan nama form4, kemudian tambahkan komponen
listbox, buttondan label

G. Pertanyaan dan Tugas

1. Jelaskan fungsi dari komponen listbox
2. Buatlah laporan praktikum dari praktikum modul 1 ini.