LAPORAN AKHIR

Mata Praktikum

: Algoritma Pemrograman 2A

Kelas

: 1IA05

Praktikum ke-

: 8 (Delapan)

Tanggal

: 10 Juni 2014

Materi

: Animasi Pada Delphi

NPM

: 57413939

Nama

: Rizki Raynaldy

Ketua Asisten

: Ranisa Astria

Nama Asisten

Paraf Asisten

Jumlah Lembar

: 13 (Tiga Belas) Lembar

LABORATORIUM TEKNIK INFORMATIKA

UNIVERSITAS GUNADARMA
2014

A. Logika Program Animasi Pada Delphi

Pada kesempatan kali ini kita akan membuat program animasi pada Delphi.
Membuat animasi pada Delphi hampir sama dengan membuat program animasi
pada visual basic. Untuk membuat Animasi pada Delphi kita menggunakan Timer.
Timer ini banyak sekali fungsinya. Selain dapat membuat objek bergerak, timer ini
juga dapat membuat objek berubah warna, berganti tulisan, dan bahkan
memunculkan tanggal dan waktu saat ini secara dinamis. Dengan adanya Animasi
pada suatu program, program tersebut akan terlihat lebih menarik dibandingkan
suatu program yang tidak memiliki animasi.
Pada program ini, kita akan menggunakan Timer untuk splash screen,
menggerakkan label ke kiri dan ke kanan, merubah warna, serta memunculkan
tanggal dan waktu. Jadi kita akan menggunakan 2 buah Form. Dimana form pertama
digunakan untuk splash screen, dan form kedua digunakan untuk program utama
yang berisi tulisan bergerak kiri kanan, serta waktu saat ini. Lalu pada form kedua
juga terdapat Main Menu yang berisi file dan help. Pada Menu File terdapat
submenu Exit yang mana akan menghentikan program. Lalu pada Menu Help
terdapat submenu About yang berisikan informasi/keterangan program beserta
pembuat dan Tanggal yang berisi tanggal bulan tahun saat ini.
Komponen yang digunakan pada Form pertama hanya sebuah Image (gambar)
dan sebuah Timer. Timer disini digunakan untuk mengatur waktu untuk menutup
form pertama lalu beralih ke form kedua. Sehingga Form pertama hanya akan mucul
selama 0.5 detik lalu membuka form kedua. Lalu pada Form kedua komponenkomponen yang digunakan yaitu ada Main Menu, tiga buah timer, dan dua buah
label. Timer pertama digunakan untuk menggerakkan label pertama agar dapat
bergerak ke kiri dan ke kanan. Sedangkan timer kedua digunakan untuk membuat
label pertama berkelap-kelip berganti warna dengan cepat. Lalu timer ketiga
digunakan untuk menampilkan waktu di label kedua serta menampilkan tanggal
pada message box.
Untuk lebih jelasnya kita dapat lihat di bagian coding dan penjelasannya berikut
ini.

B. Pembuatan Program dan Penjelasannya

1. Buka Delphi 7, lalu desainlah form pertama menjadi seperti berikut

2. Masukkan Timer pada Form satu seperti gambar di atas. Dengan cara, pada
component pallete pindah ke tab system, lalu disitu akan terdapat gambar
stopwatch/jam, maka itulah Timer.

3. Cara memasukkan gambar seperti pada gambar pertama yaitu seperti

berikut. Pada component Pallete, klik tab additional lalu pilih gambar image.

Setelah itu, atur ukuran sesuai yang kita inginkan, lalu pada object inspector
kita klik pada picture, lalu pilihlah gambar yang diinginkan. Lalu klik OK

Agar gambar dapat pas pada bingkainya, kita ubah pada object inspector,
stretch => true

4. Jika Form pertama sudah terlihat seperti pada gambar awal, kita buat form
baru. Lalu desain lah form kedua menjadi seperti berikut

5. Untuk membuat Main Menu, pada component pallete kita pilih Main Menu,
lalu seret ke workspace. Setelah itu klik duakali pada Main Menu, dan isilah
sesuai yang ingin kita buat

6. Jika sudah, kita kembali ke Form pertama untuk Coding Timer1. Klik 2x pada
Timer1 di Form1, lalu ketikkan code berikut

Timer ini berfungsi untuk memunculkan form1 hanya 0,5 detik, selanjutnya
dialihkan ke form2.

Form2.show;
Ini berfungsi untuk memunculkan form2.

Form1.visible:=false;
Ini berfungsi untuk membuat form1 menjadi tak terlihat.

Timer1.enabled:=false;
Ini berfungsi untuk mematikan fungsi timer

7. Lalu kita pindah ke form2, klik 2x pada form2. Ketikkan code berikut

Ini untuk memposisikan label1 di sebelah pojok kiri.

8. Lalu klik pada Submenu Exit di Menu File, kemudian ketikkan kode berikut

Kode ini berfungsi untuk menghentikan program dengan memunculkan kotak

pesan konfirmasi. Jika tombol yes diklik maka program akan dihentikan.
9. Klik Help -> About, lalu ketikkan code berikut

Kode ini berfungsi untuk memunculkan kotak dialog yang berisi informasi
program dan pembuat program. Yang mana kotak pesan ini terdiri hanya satu
tombol, yaitu tombol OK. Kemudian Fungsi chr(10) adalah untuk membuat
baris baru. Sehingga String setelah chr(10) berada di bawah String yang
sebelumnya.
10. Klik Help -> Tanggal, lalu ketikkan code berikut

Code tersebut maksudnya adalah memunculkan kotak dialog yang berisi

informasi tanggal saat ini. Variabel yang menyimpan tanggal saat ini ialah
tanggal. Yang mana variable ini di deklarasikan terlebih dahulu di program
utama bukan di prosedur klik. Mengapa di program utama? Karena kita akan
mengisi variable tanggal pada Timer 3, jika kita buat variable tanggal pada
prosedur klik kita pasti tak akan bisa mengakses variable tanggal di timer3,
karena variabelnya akan menjadi variable local.

11. Klik 2x pada Timer1, lalu ketikkan code berikut

Code ini bermaksud untuk menggerakkan label1 ke kiri dan ke kanan.

Dengan batas kiri adalah 0, dan batas kanannya adalah 430. Akan
melakukan pergeseran sebanyak 1 pixel. Variabel i ini sebelum diisi harus di
deklarasikan terlebih dahulu di program utama (bukan di prosedur klik).
Pendeklarasian variable i ini bertipe Boolean dan terletak dibawah deklarasi
variable tanggal.

if label1.Left=0 then
begin
i:=true;
end
Bagian ini maksudnya adalah Jika Posisi label1 dari sebelah kiri
sama dengan 0, maka nilai i adalah true.

else
if label1.Left=430 then
begin
i:=false;
end;

 Sedangkan Jika posisi label1 dari sebelah kiri adalah 430 maka
nilai i adalah false.

if i=true then
label1.Left:=label1.Left+1
Apabila nilai i adalah true/benar, maka label1 akan bergerak ke
kanan sebanyak 1 pixel.

else if i=false then

label1.Left:=label1.Left-1;
Sedangkan, jika nilai i adalah false/salah, maka label1 akan
bergerak ke kiri sebanyak 1 pixel

12. Klik 2x pada timer2 lalu ketikkan code berikut

Kode diatas berfungsi untuk membuat warna tulisan pada label1 berkedap
kedip dengan interval waktu 10 milisekon atau 1/100 detik. Warna akan terus
berkedip tak akan berhenti selama timer2 aktif selalu. Warna akan berkedip
sesuai kondisi yang kita ketikkan di atas.

timer2.Interval:=10;
Mengatur interval pada timer2 sebanyak 10 milisekon atau 1/100
detik

if label1.Font.Color=clblack then
label1.Font.Color:=clred
Mengatur warna huruf pada label1 menjadi warna merah jika warna
huruf pada label1 sebelumnya adalah warna hitam

else
if label1.Font.color=clred then
label1.Font.Color:=clblue
Mengatur warna huruf pada label1 menjadi warna biru jika warna
huruf pada label1 sebelumnya adalah warna merah

else
if label1.Font.Color=clblue then
label1.Font.Color:=clgreen
Mengatur warna huruf pada label1 menjadi warna hijau jika warna
huruf pada label1 sebelumnya adalah warna biru

else
if label1.Font.Color=clgreen then
label1.Font.Color:=clyellow
Mengatur warna huruf pada label1 menjadi warna kuning jika warna
huruf pada label1 sebelumnya adalah warna hijau

else
label1.Font.Color:=clblack;
kode ini berfungsi untuk merubah kembai warna huruf label1
menjadi warna hitam jika kondisinya berwarna selain yang

dikondisikan sebelumnya yaitu hitam, merah, biru, serta hijau.

Mengapa diubahnya menjadi warna hitam? Agar tulisannya akan
terus berkedip dan tak berhenti.
13. Klik 2x pada timer3, lalu ketikkan kode berikut

Kode tersebut berfungsi untuk mengisi variable tanggal yang kita gunakan
pada submenu tanggal yang tadi telah kita buat. Selain itu juga kita akan
pada kode ini kita memunculkan waktu / jam ke caption label2. Selain itu kita
juga akan membuat warna tulisan pada label2 berkedap kedip berubah warna
setiap detiknya.

tanggal:=FormatDateTime('dd mmmm yyyy',now);

Mengisi variable tanggal dengan tanggal saat ini. dd mmmm
yyyy,now itu maksudnya adalah format tanggal date terlebih
dahulu, mmmm itu memunculkan bulan dengan namanya, jika kita
hanya ketik mm saja akan memunculkan bulan dengan angka. Dan
yyyy adalah memunculkan tahun sebanyak 4 digit. Now adalah saat
ini.

label2.Caption:=FormatDateTime('hh:mm:ss',now)+' Waktu Indonesia

Barat ';
Mengisi caption pada label2 dengan Format tanggal dan waktu
hh:mm:ss,now. Hh memunculkan Jam, mm menunjukkan menit,
dan ss menunjukkan detik. Sedangkan Now adalah saat ini. + disini

maksudnya adalah untuk menggabungkan String yang berisi jam

tadi dengan tulisan Waktu Indonesia Barat.

if label2.Font.Color=clblack then
label2.Font.Color:=clblue
Mengatur warna huruf pada label2 dengan warna biru jika warna
huruf yang sebelumnya adalah hitam

else if label2.Font.Color=clblue then

label2.Font.Color:=clred
Mengatur warna huruf pada label2 dengan warna merah jika warna
huruf yang sebelumnya adalah biru

else if label2.Font.Color=clred then

label2.Font.Color:=clgreen
Mengatur warna huruf pada label2 dengan warna hijau jika warna
huruf yang sebelumnya adalah merah

else
label2.font.Color:=clblack;
kode ini berfungsi untuk merubah kembai warna huruf label1
menjadi warna hitam jika kondisinya berwarna selain yang
dikondisikan sebelumnya yaitu hitam, merah, biru, serta hijau.
Mengapa diubahnya menjadi warna hitam? Agar tulisannya akan
terus berkedip dan tak berhenti.

14. Program sekarang telah selesai, silahkan dirun dengan menekan tombol f9.
Lihat apakah output berjalan sesuai keinginan? Jika belum silahkan anda
periksa lagi dan pastikan program tersebut benar =))

Listing Program

Output Program