LATIHAN 2. Button1 Caption Ganti Warna Button2 Caption Exit ColorDialog1 Berada pada component pallete Dialog

Transkripsi

1 LATIHAN 2 1. Menggambar Garis Komponen yang diperlukan dalam form adalah : Komponen Properti Setting Form1 Caption Menggambar Garis Name Frgaris Button1 Caption Ganti Warna Button2 Caption Exit ColorDialog1 Berada pada component pallete Dialog Create ke dalam form hingga seperti dalam contoh berikut ini : Langkah penulisan kode program adalah sebagai berikut : 1. Klik dua kali pada Button1 atau tombol Ganti Warna, kemudian ketikkan kode berikut ini : ColorDialog1.Execute; warna:=colordialog1.color; 2. Klik dua kali pada Button2 atau Tombol Exit, kemudian ketikkan kode berikut ini : close; atau ketikkan application.terminate; 3. Klik dua kali pada Form Designer atau area form, kemudian ketikkan kode berikut ini : mulai:=false; 4. Perhatikan Event pada Object Inspector, pilih OnMouseDown kemudian klik dua dan ketikkan kode berikut ini : if mulai then garis(ex,ye,x,y,warna) else mulai:=true; ex:=x; ye:=y; 5. Perhatikan tulisan/kode program mulai dari awal pada code editor : Pada type Tform1 = class (Tform) dalam jajaran procedure tambahkan/ ketikkan kode sebagai berikut : Procedure Garis(x1,y1,x2,y2:integer; w:tcolor); Pada deklarasi private tambahkan kode sebagai berikut (ketikkan di bawah private declaration): ex,ye:integer; warna:tcolor;

2 mulai:boolean; Pada urutan di bawahnya, ketikkan prosedur utama berikut ini secara lengkap di bawah implementation tanpa mengurangi atau mengganti prosedur yang sudah ada : Procedure Tfrgaris.Garis(x1,y1,x2,y2:integer; w:tcolor); var a,b,sinteta,costeta,d:real; di, r,x,y:integer; a:=x2-x1; b:=y2-y1; d:=sqrt(sqr(a)+sqr(b)); sinteta:=b/d; costeta:=a/d; di:=round(d); for r:=0 to di do x:=round(x1+r*costeta); y:=round(y1+r*sinteta); canvas.pixels[x,y]:=w; end Dalam pengetikan kode/script perhatikan secara seksama tanda baca atau kode-kode yang lain karena kesalahan terbesar adalah salah dalam pengetikan. Langkah untuk menjalankan program adalah sebagai berikut 1. Pilih menu RUN atau tekan tombol F9 pada keyboard 2. Jika program sudah jalan, klik tombol Ganti Warna, pilih warnanya kemudian klik pada area form, berikan jarak beberapa centimeter kemudian klik lagi hingga membentuk sebuah garis dengan warna sesuai pilihan. 3. Ulangi untuk menentukan pilihan warna yang berbeda kemudian buatlah garis seperti pada langkah no Klik tombol exit untuk selesai. 5. Simpan latihan tersebut dalam folder anda.

3 2. Gradasi Warna Komponen yang diperlukan dalam form adalah Komponen Properti Setting Form1 Caption Gradasi Warna Name frgradasi Label1 Caption Laboratorium Komputer dan Internet Additional Caption Warna Sumber BitBtn1 Additional Caption Warna Target BitBtn2 Addtional BitBtn3 Caption Close ColorDialog1 Berada pada component pallete Dialog ColorDialog2 Berada pada component pallete Dialog Shape1 Berada pada component pallete Additional Shape2 Berada pada component pallete Additional Create ke dalam form hingga seperti dalam contoh berikut ini : Langkah penulisan kode program adalah sebagai berikut : 1. Klik dua kali pada BitBtn1 atau tombol Warna Sumber, kemudian ketikkan kode berikut ini : colordialog1.execute; warnasumber := colordialog1.color; shape1.brush.color := colordialog1.color; RS := getrvalue(colordialog1.color); GS := getgvalue(colordialog1.color); BS := getbvalue(colordialog1.color); //warnai; 2. Klik dua kali pada BitBtn2 atau Tombol Warna Target, kemudian ketikkan kode berikut ini : colordialog2.execute; warnatarget := colordialog2.color; shape2.brush.color := colordialog2.color; RT := getrvalue(colordialog2.color); GT := getgvalue(colordialog2.color); BT := getbvalue(colordialog2.color); //warnai; 3. Klik dua kali pada Button1 atau Tombol Exit, kemudian ketikkan kode berikut ini : close; atau ketikkan application.terminate;

4 4. Klik dua kali pada label1 atau Laboratorium Komputer dan Internet, kemudian ketikkan kode berikut ini : tulisan := label1; warnai; 5. Perhatikan tulisan/kode program mulai dari awal pada code editor : Pada type Tform1 = class (Tform) dalam jajaran procedure tambahkan/ ketikkan kode sebagai berikut : Procedure Warnai; Pada deklarasi private tambahkan kode sebagai berikut (ketikkan di bawah private declaration): warnasumber, warnatarget : tcolor; RS,GS,BS,RT,GT,BT : byte; tulisan : Tlabel; war : integer; Pada urutan di bawahnya, ketikkan prosedur utama berikut ini secara lengkap di bawah implementation tanpa mengurangi atau mengganti prosedur yang sudah ada : procedure tfrgradasi.warnai; var awb,akb,brs,awk,akk,klm : integer; warna,www : tcolor; dtr,tamr,dtg,tamg,dtb,tamb : real; r,g,b : byte; awb := tulisan.top; akb := awb + tulisan.height; awk := tulisan.left; akk := awk + tulisan.width; warna := canvas.pixels[awk,awb-1]; // canvas.rectangle(awk,awb,akk,akb); tamr := 0; dtr := (RT-RS)/tulisan.Width; tamg := 0; dtg := (GT-GS)/tulisan.Width; tamb := 0; dtb := (BT-BS)/tulisan.Width; R := RS; G := GS; B := BS; for klm := awk to akk do www := rgb(r,g,b); for brs := awb to akk do if canvas.pixels[klm,brs] <> warna then canvas.pixels[klm,brs] := Www; tamr := tamr + dtr;

5 tamg := tamg + dtg; tamb := tamb + dtb; R := round(rs + tamr); G := round(gs + tamg); B := round(bs + tamb); Dalam pengetikan kode/script perhatikan secara seksama tanda baca atau kode-kode yang lain karena kesalahan terbesar adalah salah dalam pengetikan. Langkah untuk menjalankan program adalah sebagai berikut 1. Pilih menu RUN atau tekan tombol F9 pada keyboard 2. Jika program sudah jalan, klik tombol Warna Sumber, pilih warnanya 3. Klik Warna Target kemudian pilih warnanya 4. Jika warna sudah terpilih, kemudian klik pada tulisan, maka tulisan akan berubah warna dari warna sumber ke warna target. 5. Klik tombol close untuk selesai. Simpan latihan tersebut dalam folder anda. TUGAS Buatlah animasi sederhana dengan kode program gradasi warna untuk menampilkan 4 baris kalimat dalam satu tampilan/form. Jika sudah selesai mintakan penilaian pada instruktur/guru anda.