komputer grafikgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer)....
TRANSCRIPT
![Page 1: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/1.jpg)
KOMPUTER GRAFIKPERTEMUAN KE 2
PEMBENTUKAN LINE DAN RECTANGLE
Alusyanti Primawati, M.Kom
![Page 2: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/2.jpg)
GRAFIK DASAR PADA JAVA
Pada grafik java dasar, terdapat beberapa objek
grafik yang nilai koordinat pada grafik itu adalah
bilangan bulat (integer).
Koordinat
dalam
grafik
Komputer
Color Red Green Blue
White 255 255 255
Black 0 0 0
Light Gray 192 192 192
Dark Gray 128 128 128
Red 255 0 0
Green 0 255 0
Blue 0 0 255
Yellow 255 255 0
Purple 255 0 255
Warna dasardalam grafik
![Page 3: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/3.jpg)
Struktur Program
import java.applet.Applet;
import java.awt.Graphics;
public class <<nama_class>> extends Applet
{
public void paints (Graphics <<nama_objek>>)
{
<<pemanggilan grafik/ peritah grafik>>
}
}
1
2
3
4
5
![Page 4: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/4.jpg)
PENJELASAN STRUKTUR PROGRAM
1. Disini adalah mengimport library applet, dimana diperlukan karena class ini
meng-extends applet.
2. Dalam baris ini kita mengimport library Graphics, berfungsi untuk
menampilkan beberapa objek grafik dasar pada class itu sendiri. Bisa kita liat
pada metode paint >> Misalkan “public void paint (Graphics g) { }”, g disitu
sebagain nama objek yang telah diinstasiasi, jadi pemanggilan dalam
Graphics jadi seperti ini >> contoh: g.drawLine.
3. Nama class yang ber-extends Applet. Contoh nama class = BasicGraphics
4. Metode paint (sudah dibahas pada nomor 2)
5. Memanggil model graphics yang dibutuhkan
![Page 5: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/5.jpg)
PEMBENTUKAN LINE
KASUS 1
0 1 2 3 4 5 6 7 8 9 10
1
2
3
4
5
6
7
8
9
10
Titik
ke 1
Titik
ke 2
Titik ke 1: (2,2)
Titik ke 2: (9,2)
![Page 6: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/6.jpg)
STRUKTUR PROGRAM PEMBENTUKAN
-LINE-
import java.applet.Applet;
import java.awt.Graphics;
public class <<nama_class>> extends Applet
{
public void paints (Graphics <<nama_objek>>)
{
nama_objek.drawLine (int X1, int Y1, int X2, int Y2);
}
}
Metode Grafik
Line
![Page 7: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/7.jpg)
PENYELESAIAN KASUS 1 – SOURCE
CODE LINE
import java.applet.Applet;
import java.awt.Graphics;
public class BasicGraphics extends Applet {
public void paint (Graphics g){
g.drawLine(2,2,9,2);
}
}
Lihat
Slide 5
![Page 8: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/8.jpg)
Langkah Penggunaan Blue-J
1
2
Buatlah Nama Project
Baru
Dengan cara:
1. Klik “Project”
2. Pilih “New Project”
3. Tulis nama project
4. Klik “Create”
3 4
![Page 9: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/9.jpg)
Langkah Penggunaan Blue-J
5
6
7
Buatlah class baru
Dengan cara:
5. Klik ”New Class”
6. Tulis nama_class
7. Pilih “OK”
![Page 10: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/10.jpg)
Langkah Penggunaan Blue-J
8
9
Buka Class yang
sudah dibuat untuk
menuliskan Coding
8. Klik Kanan
9. Pilih Open Editor
Atau
8. Double Click
![Page 11: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/11.jpg)
Langkah Penggunaan Blue-J
10
11
12
Tampilan dalam Class
yang baru
10. Tulis source code
11. Klik “Compile”
12. Hasil compile akan
muncul
Jika sudah sukses maka
dapat di Run
Close Class terlebih
dahulu , Pilih “X”
![Page 12: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/12.jpg)
Langkah Penggunaan Blue-J
13
14
Mulai Run
13. Klik
kanan
Class, pilih
“Run
Applet”
14. Pilih OK
![Page 13: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/13.jpg)
Hasil Running
![Page 14: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/14.jpg)
PEMBETUKAN RECTANGLE
KASUS 1
Perhatikan Pixel disamping!
Titik X= 4
Titik Y= 5
Width = a + X
Jika a = 5 maka
Width = 5 + 4 = 9
Height = b + Y
Jika b = 10 maka
Height = 10 + 5 = 15
![Page 15: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/15.jpg)
STRUKTUR PROGRAM PEMBENTUKAN
-RECTANGLE-
import java.applet.Applet;
import java.awt.Graphics;
public class <<nama_class>> extends Applet
{
public void paints (Graphics <<nama_objek>>)
{
nama_objek.drawRect (int X, int Y, Width, Heigth);
}
}
![Page 16: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/16.jpg)
PENYELESAIAN KASUS 1 – SOURCE
CODE RECTANGLE
import java.applet.Applet;
import java.awt.Graphics;
public class gambarRectangle extends Applet {
public void paint (Graphics a){
a.drawRect(4, 5, 9, 15);
}
}
![Page 17: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/17.jpg)
Hasil Running Kasus 1 Rectangle
Bandingkan
dengan hasil
manual
![Page 18: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/18.jpg)
LATIHAN
1. Buatlah Persegi sama sisi dengan menggunakan Line,
Tuliskan source code nya dan Hasil Running!
2. Buatlah Rectangle dengan titik koordinat (10,20) dan
diketahui a= 50, b=70! Tuliskan Source Code nya dan
Hasil Running!
![Page 19: KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer). Koordinat dalam grafik Komputer Color Red Green Blue White 255 Black 0 0 0 Light Gray 192](https://reader033.vdocument.in/reader033/viewer/2022060813/6091f92595c10947843ee756/html5/thumbnails/19.jpg)
~Terimakasih~SELAMAT BELAJAR DAN BERLATIH