animasi pada delphi

7/17/2019 Animasi Pada Delphi

http://slidepdf.com/reader/full/animasi-pada-delphi 1/13

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 komponen-

komponen 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 akanbergerak 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 warnahuruf 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

animasi pada delphi

Documents