LAPORAN PRAKTIKUM

PENGOLAHAN CITRA
MODUL II

Diajukan untuk memenuhi salah satu tugas Praktikum

DISUSUN OLEH:
NIM : 20180810137
NAMA : YUSRINNATUL JINANA
KELAS : TEKNIK INFORMATIKA 2018 D

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN
2021
 PRETEST
1. Jelaskan fungsi dan bagian dari komponen Image!
Jawaban :
1) Width : lebar komponen image
2) Height : tinggi komponen image
3) Picture : objek berisi data citra berbentuk bitmap
4) AutoSize : untuk mengubah agar ukuran image secara otomatis mengikuti ukuran
citra dalam picture
5) Center : untuk mengatur agar posisi citra dalam picture di tengah komponen image
6) Proportional : mempertahankan aspect ratio (perbandingan lebar dan tinggi citra)
2. Sebutkan dan jelaskan event-event yang ada pada komponen Image!
Jawaban :
1) OnClick : Kejadian yang akan dilaksanakan saat pemakai mengklik control. Event
OnClick digunakan untuk menuliskan kode yang akan direspon saat pemakai
mengklik control.
2) OnMouseDown : Kejadian yang akan dilaksanakan saat menekan tombol mouse
dengan pointer mouse yang diletakkan di atas control. Event OnMouseDown
digunakan untuk mengimplementasikan beberapa proses khusus yang akan terjadi
sebagai hasil dari penekanan tombol mouse.
3) OnMouseMove : Kejadian yang dilaksanakan saat pemakai menggerakkan pointer
mouse selama pointer mouse di atas sebuh control. Event OnMouseMove digunkana
untuk merespon saat pointer mouse digerakkan setelah control menangkap
keberadaan mouse.
4) OnDragOver : Kejadian yang akan dilaksanakan saat pemakai menggeser objek di
atas sebuah control. Event OnDragOver digunakna untuk menandakan bahwa
control dapat menerima objek yang digeser sehingga pemakai dapat menekan dan
meletakkan control.
5) OnDblClick : Kejadian yang akan dilaksanakan saat pemakai mengklik dua kali
tombol mouse ketika pointer mouse terletak diatas control. OnDblClick digunakan
untuk menuliskan kode yang dapat direspon saat pemakai melakukan proses klik
ganda.
 PRAKTIKUM
PRAKTIKUM 1
1. Membuka jendela Delphi 7

2. Sebelum merancang project, disarankan untuk menyimpan project baru dengan cara klik
File → Save project as
Langkah tersebut dilakukan berfungsi untuk menyimpan
terlebih dahulu project yang akan dibuat.

3. Kemudian muncul kotak dialog save

 Setelah project berhasil disave maka akan tersave file yang berekstensi (.pas) dan (.dpr),
ekstensi (.pas) biasanya digunakan untuk Source code bahasa pemrograman
Pascal/Delphi yang terdapat pada sembarang teks editor, sedangkan ekstensi (.dpr)
biasanya berisi direktori untuk membangun sebuah aplikasi dan untuk membuka form
utama yang dibuka secara otomatis.

4. Persiapkan form1

Form merupakan sebuah meja kerja yang dapat diisi dengan komponen-komponen yang
diambil dari component palette.

5. Klik tab palet Additional- double klik image maka di dalam form akan terdapat
komponen Image

Komponen additional berisi komponen-komponen tambahan yang diperlukan dalam

aplikasi standard. Kemudian di dalam komponen additional terdapat unit image, image
disini digunakan untuk menambahkan suatu gambar ke dalam sebuah form.

6. Untuk memuat citra ke komponen Image pada waktu desain, klik pada komponen Image.
Kemudian pada object inspector, klik Pictures pada tombol berisi elipses (.....) di sebelah
kanan properti picture.
 Object Inspector dipergunakan untuk mengubah nilai property dari objek terseleksi yang
ada dalam form Designer. Object Inspector terdiri atas dua page yaitu Property dan
Event. Tab properties , digunakan untuk mengubah properti komponen. Tab events,
bagian yang dapat diisi dengan kode program tertentu yang berfungsi untuk menangani
kejadian-kejadian (berupa sebuah procedure) yang dapat direspon oleh sebuah
komponen.

7. Maka akan muncul kotak dialog picture editor

Pada kotak dialog pucture editor terdapat beberapa menu yaitu load, save, clear, ok,
cancel dan help. Pada menu load disini kita bisa mengambil gambar yang ada di file.

8. Selanjutnya tekan tombol load picture dan muncul dialog Load Picture – pilih salah satu
gambar – open.
 Pada kotak dialog picture klik load kemudian akan menampilkan file dan klik gambar
yang akan dimasukan, setelah itu klik open. Setelah gambar muncul pada kotak dialog
klik ok jika ingin menambahkan gambar pada form tersebut.

9. Maka focus akan kembali ke Picture Editor

Pada bagian ini maka akan terfokus kepada picture editor yang sebelumnya gambar
tersebut kita pilih, setelah itu klik ok.

10. Lalu tekan Ok – jalankan dengan menekan F9

11. Save File dengan nama menampilkancitra.dpr
OUTPUT
PRAKTIKUM 2
1. Tambahkan form dua pada project 1, dengan cara klik file →new →form

Langkah tersebut digunakan untuk menambahkan sebuah form pada project yang sudah
kita buat sebelumnya.

2. Persiapkan form1

Form merupakan sebuah meja kerja yang dapat diisi dengan komponen-komponen yang
diambil dari component palette.

3. Klik tab palet Additional- double klik image maka di dalam form akan terdapat
komponen Image

Image disini digunakan untuk menambahkan suatu gambar ke dalam sebuah form.
 Komponen additional berisi komponen-komponen tambahan yang diperlukan dalam
aplikasi standard. Kemudian di dalam komponen additional terdapat unit image, image
disini digunakan untuk menambahkan suatu gambar ke dalam sebuah form.

4. Pada Object Inspector rubahlah property Stretch menjadi true

Object Inspector dipergunakan untuk mengubah nilai property dari objek terseleksi yang
ada dalam form Designer. Object Inspector terdiri atas dua page yaitu Property dan Event.
Tab properties , digunakan untuk mengubah properti komponen. Tab events, bagian yang
dapat diisi dengan kode program tertentu yang berfungsi untuk menangani kejadian-
kejadian (berupa sebuah procedure) yang dapat direspon oleh sebuah komponen. Stretch,
jika di isi dengan True maka gambar yang akan ditampilkan secara otomatis akan ditarik
untuk menempati secara penuh komponen image tersebut.

5. Double klik didalam form maka akan muncul source code tambahkan code
image1.picture.loadfromfile(‘AA,bmp’);

Source code diatas digunakan untuk memanggil file gambar yang berada di direktori c\
users\hp\pictures\saved pictures\tayo.jpg.

6. Jalankan dengan menekan F9

Setelah kita run maka akan menampilkan gambar yang sudah di panggil sebelumnya
dengan sebuah link.
OUTPUT
PRAKTIKUM 3 PROGRAM PENAMPILAN CITRA
1. Tambahkan form dua pada project 1, dengan cara klik file →new →form

Langkah tersebut digunakan untuk menambahkan sebuah form pada project yang sudah
kita buat sebelumnya.

2. Persiapkan form1

Form merupakan sebuah meja kerja yang dapat diisi dengan komponen-komponen yang
diambil dari component palette.

3. Buat proyek baru dan beri nama TampilCitra.dpr

 Setelah project berhasil disave maka akan tersave file yang berekstensi (.pas) dan (.dpr),
ekstensi (.pas) biasanya digunakan untuk Source code bahasa pemrograman
Pascal/Delphi yang terdapat pada sembarang teks editor, sedangkan ekstensi (.dpr)
biasanya berisi direktori untuk membangun sebuah aplikasi dan untuk membuka form
utama yang dibuka secara otomatis.

4. Tambahkan komponen-komponen berikut ke dalam Form3

Dalam perancangan project kali ini memiliki 4 komponen yaitu button, CheckBox,
Image, dan OpenPictureDialog, button digunakan untuk tombol kendali yang jika di klik
akan tertuju pada tujuan yang kita buat. Checkbox berfungsi untuk membuat checkbox
atau kotak isian yang diisi dengan cara menceklist opsi atau pilihan yang terdapat pada
kotak tersebut. Image disini yaitu komponen yang menampilkan object grafis yang
berfungsi untuk memasukan sebuah gambar pada form dengan ekstensi .jpg, dll.
Sedangkan OpenPictureDialog adalah fasilitas untuk menampilkan box open picture
berbasis windows.

5. Definisikan variabel yang diperlukan dan tuliskan di bagian pendefinisan

variabel( dibawah Form1:TForm1).
 Source code diatas digunakan untuk mendeklarasikan variable lebarawal dan tinggiawal.
Variabel lebarawal dan tinggiawal termasuk kedalam tipe data integer.

6. Diperlukan event handler OnCreate pada Form1 untuk menyimpan nilai lebar dan tinggi
semula Image1 kedalam variabel diatas. Buatlah event handler seperti kode program
dibawah ini:

Source code diatas digunakan untuk mengatur image1 dengan lebarawal yang diatur
dengan width dan tinggiawal dengan height.

7. Kemudian buatlah event handler untuk menangani event OnClick dari ButtonMuatCitra.
Double Klik ButtonMuatCitra dan masukan kode program dibawah ini:

Source code diatas menggunakan events OnClick yang berfungsi jika button tersebut di
klik maka akan dibawa ke perintah yang ada. Di dalam source code diatas terdapat sebuah
perulangan yang menggunakan statement if else, dimana jika kondisi if bernilai true maka
jalankan perintah yang ada di dalam blok if tersebut, namun jika kondisi bernilai false
maka jalankan kode program di dalam blok else.

8. Kemudian untuk mengetahui efek dari properti Center, Stretch, Proportional, dan
AutoSize maka buatlah event handler OnClick untuk keempat Check Box dalam Form1
sebagai berikut:
 Source code diatas digunakan untuk mengatur image1 dengan beberapa efek dari property
yaitu ada center, stretch, proportional dan autosize. Center disini digunakan untuk
mengatur agar posisi citra dalam Picture di tengah komponen Image, Propotional disini
digunakan untuk mempertahankan aspect ratio (Perbandingan lebar dan tinggi citra), dan
AutoSize digunakan untuk mengubah agar ukuran image secara otomatis mengikuti
ukuran citra dalam picture.

9. Selanjutnya apabila tombol ButtonUkuranSemula diklik maka ukuran Image1 akan

dikembalikan ke nilai semula. Tambahkan kode program:

Sourcecode diatas digunakan untuk mengatur button ukuran semua, di dalam sourcecode
tersebut terdapat sebuah perintah dimana pada autosize memiliki nilai false, dan
pemanggilan variable image.width untuk lebar semula dan image.height untuk tinggi
semula.

10. Jalankan Program di atas dengan menekan tombol Run/F9

OUTPUT
 LATIHAN PRAKTIKUM
Buatlah program untuk menampilkan citra dengan form tampilan seperti di bawah ini!
1. Untuk membuat program menampilkan citra gambar diatas, sebelumnya kita membuat
terlebih dahulu main menu dengan cara:
- Pilih main menu pada pallete Delphi

- Drag and drop pada form lalu tentukan menu serta sub menunya

- Klik dua kali dulu icon tersebut

 - Tentukan menu (klik ke samping jika ingin menambah menu) dan klik ke bawah
jika ingin menambahkan sub menu. Klik Center

- Jika ingin menambah kode pada sub menu klik dua kali pada Muat Citra,
Kemudian akan menampilkan tampilan yang digunakan untuk mengisi kode
program tersebut.

- OUTPUT

2. Kemudian setelah itu masukan komponen image yang terdapat pada palet Additional
dengan cara:
 - Klik tab palet Additional- double klik image maka di dalam form akan terdapat
komponen Image

3. Setelah itu tambahkan komponen OpenPictureDialog adalah fasilitas untuk

menampilkan box open picture berbasis windows. Dengan cara:
- Pilih komponen Dialog, lalu pilih OpenPictureDialog

- Lalu drag dan masukan kedalam form tersebut

 - Kemudian buatlah event handler untuk menangani event OnClick dari
ButtonMuatCitra. Double Klik ButtonMuatCitra dan masukan kode program
dibawah ini:

4. Kemudian jalankan program

OUTPUT
 POST TEST

1. Jelaskan tata cara membuat main menu pada program Delphi

1) Pilih main menu pada pallete Delphi

2) Drag and drop pada form lalu tentukan menu serta sub menunya
3) Klik dua kali dulu icon tersebut

4) Tentukan menu (klik ke samping jika ingin menambah menu) dan klik ke
bawah jika ingin menambahkan sub menu. Klik Center

5) Jika ingin menambah kode pada sub menu klik dua kali pada Muat Citra,
Kemudian akan menampilkan tampilan yang digunakan untuk mengisi kode
program tersebut.
 6) OUTPUT

2. Jelaskan cara membuat tombol shortcut pada main menu!

1) Lihat bagian tab Object Inspector > Tab Event > OnShortCut