LAPORAN PRAKTIKUM GRAFIKA KOMPUTER

MODUL II
MENGGAMBAR OBJEK PRIMITIF

“Laporan ini disusun untuk memenuhi tugas mata kuliah “Praktikum Grafika Komputer”
yang diampu oleh Bapak Rio Priantama, S.T., M.T.I”

Disususn oleh :

NIM : 20210810057
Nama : Aji Gilang Rahmanda
Kelas : TINFC2021B

PROGRAM STUDI TEKNIK INFORMATIKA S1

FAKULTAS ILMU KOMPUTER
UNIVERSITAS KUNINGAN
2023
A. PRE TEST
1. Jelaskan fungsi dari canvas.moveto dan canvas.lineto!
Jawab :
Canvas.MoveTo dan Canvas.LineTo adalah metode yang biasanya digunakan dalam
pemrograman berbasis grafis, seperti saat menggunakan Delphi atau framework grafis
lainnya. Keduanya berfungsi untuk menggambar garis atau jalur pada objek gambar (canvas).
Berikut penjelasan singkat:
• Canvas.MoveTo(x, y): Metode ini digunakan untuk memindahkan posisi pena (pen
current position) di atas kanvas ke titik dengan koordinat (x, y) tanpa menggambar garis.
Ini memungkinkan Anda untuk mengatur posisi awal sebelum mulai menggambar.
• Canvas.LineTo(x, y): Metode ini digunakan untuk menggambar garis dari posisi pena saat
ini ke titik dengan koordinat (x, y). Ini menghubungkan titik awal dengan titik akhir
dengan garis lurus.

2. Apakah penulisan kode program di delphi harus menggunakan huruf kecil

semuaatau tidak, jelaskan
Jawab :
Penulisan kode program di Delphi tidak harus menggunakan huruf kecil
semua. Delphi adalah bahasa pemrograman yang bersifat case-insensitive,
yang berarti tidak mempedulikan apakah hurufnya besar atau kecil dalam
sebagian besar kasus. Namun, disarankan untuk mengikuti konvensi
penamaan yang konsisten untuk menghindari kebingungan. Banyak
pengembang menggunakan huruf kapital untuk nama tipe data dan
komponen (seperti kelas dan form), sedangkan huruf kecil untuk variabel
dan fungsi.

3. Sebutkan beberapa obyek yang bisa dibentuk dari garis dan titik!
Jawab :
Beberapa objek yang dapat dibentuk dari garis dan titik adalah:
1. Poligon: Dengan menggabungkan sejumlah garis, Anda dapat membuat bentuk poligon
seperti segitiga, persegi, atau segi banyak lainnya.
2. Garis lengkung (curved lines): Dengan menggabungkan beberapa titik dan menggunakan
kurva Bezier atau algoritma lainnya, Anda dapat membuat garis lengkung atau kurva.
3. Bangun ruang: Dengan menggabungkan poligon dan garis, Anda dapat membuat bangun
ruang seperti kubus, bola, atau prisma.
4. Ilustrasi abstrak: Anda dapat menggabungkan garis dan titik untuk membuat ilustrasi
abstrak atau seni vektor yang rumit.
5. Diagram: Garis dan titik dapat digunakan untuk membuat berbagai jenis diagram, seperti
grafik batang, diagram lingkaran, atau diagram garis.
B. PRAKTIKUM

Praktikum 1

a. Buka program Delphi 7 dengan mengklik icon Delphi 7 yang ada

komputer/laptop.
b. Sebelum merancang dan membuat kode program disarankan untuk
menyimpan proyekbaru. Klik File => Save Project As…
c. Muncul kotak dialog Save Unit1 As beri nama dengan nama
Praktikum1.pas dan berinama Project1.dpr kemudian klik Save.

Gambar 2.2 Kotak Dialog Save Unit1 As

d. Kemudian akan tampil area kerja dari delphi yaitu form designer dan
code editor. Jalankan aplikasi dengan mengklik menu Run run atau
bisa juga dengan menekan tombol F9. Jika berhasil dan berjalan akan
tampil sebuah form kosong. Kemudian kliktombol x.
e. Rancanglah form1 seperti gambar 2.3:
 Gambar 2.3 Desain Tampilan Form 1

f. Klik pada menu File kemudin klik keluar kemudian masukan kode
program dibawah ini:

g. Klik pada menu Operasi Garis kemudian klik Garis Vertikal kemudian
masukan kodeprogram dibawah ini:

h. Klik pada menu Operasi Garis kemudian klik Garis Horizontal

kemudian masukankode program dibawah ini:

i. Klik pada menu Operasi Garis kemudian klik Garis Diagonal1

kemudian masukankode program dibawah ini:

j. Klik pada menu Operasi Garis kemudian klik Garis Diagonal2

kemudian masukankode program dibawah ini:

k. Jalankan program dengan menekan tombol F9 atau dengan cara

mengklik menu Run => run , Perhatikan dan amati hasil dari program
yang dibuat
Hasil Running :

Praktikum 2

1. Pada form1 tambahkan menu Operasi Obyek yang terdiri dari

Rectangle, Ellipse, Arc,RoundRect, Polygon. Perhatikan gambar 2.4.

Gambar 2.4 Desain Tampilan Form 1

2. Tambahkan image1 dari pallete additional kedalam form1

 Gambar 2.5 Image 1 pada form1
3. Klik Menu Operasi Obyek kemudian klik Rectangle kemudian
masukan kode programdi bawah ini:

4. Klik Menu Operasi Obyek kemudian klik Ellipse kemudian masukan

kode program dibawah ini:

5. Klik Menu Operasi Obyek kemudian klik RoundRect kemudian

masukan kodeprogram dibawah ini:

6. Klik Menu Operasi Obyek kemudian klik Polygon kemudian masukan

kode programdibawah ini:

7. Jalankan program dengan menekan tombol F9 atau dengan mengklik

menu Run => run
8. Perhatikan dan amati dari hasil program yang dibuat

Praktikum3

1. Pada form1 kita akan memberikan warna untuk rectangledan obyek

yang lainnya.
2. Klik menu Operasi Obyek kemudian klik rectangle kemudian
tambahkan kodeprogram dibawah ini:

3. Jalankan program dengan menekan tombol F9 atau dengan mengklik

menu Run => run
4. Tambahkan warna untuk objek lainnya
5. Perhatikan dan amati dari hasil program yang dibuat

Hasil Running :
1. Rectangle
2. Ellipse

3. Arc
4. RoundRect
 5. Poligon

Praktikum3

6. Pada form1 kita akan memberikan warna untuk rectangledan obyek

yang lainnya.
7. Klik menu Operasi Obyek kemudian klik rectangle kemudian
tambahkan kodeprogram dibawah ini:

8. Jalankan program dengan menekan tombol F9 atau dengan mengklik

menu Run => run
9. Tambahkan warna untuk objek lainnya
10. Perhatikan dan amati dari hasil program yang dibuat
 Hasil Running :

C. POST TEST
1. Buatlah sebuah form 2 yang berisi gambar sebuah kendaraan menggunakan objekprimitif
yang sudah dijelaskan.
Jawab :
Desain :
Script :
unit Unit2;

interface

uses
Windows, Messages, SysUtils, Variants, Classes, Graphics,
Controls, Forms,
Dialogs, StdCtrls, ExtCtrls;

type
TForm2 = class(TForm)
Image1: TImage;
Button1: TButton;
procedure Button1Click(Sender: TObject);
private
{ Private declarations }
public
{ Public declarations }
end;

var
Form2: TForm2;

implementation

{$R *.dfm}

procedure TForm2.Button1Click(Sender: TObject);

begin
canvas.moveto(700,100);
canvas.lineto(700,300);
canvas.MoveTo(200,220);
canvas.LineTo(200,300);
canvas.moveto(200,220);
canvas.lineto(300,170);
canvas.MoveTo(300,100);
canvas.lineto(300,170);
canvas.MoveTo(300,100);
canvas.lineto(700,100);
canvas.MoveTo(300,170);
canvas.lineto(700,170);
canvas.moveto(700,300);
canvas.LineTo(650,300);
canvas.ellipse(350,350,270,270);
canvas.ellipse(650,270,570,350);
canvas.MoveTo(200,300);
canvas.lineto(270,300);
canvas.MoveTo(570,300);
canvas.lineto(350,300);

end;

end.
Hasil Running :
2. Buatlah sumbu koordinat untuk sumbu X dan sumbu Y.
Jawab :
Desain :

Script :

unit Unit3;

interface

uses
Windows, Messages, SysUtils, Variants, Classes, Graphics,
Controls, Forms,
Dialogs, StdCtrls;

type
TForm3 = class(TForm)
Label1: TLabel;
Button1: TButton;
Button2: TButton;
Button3: TButton;
Button4: TButton;
Button5: TButton;
Button6: TButton;
procedure Button1Click(Sender: TObject);
procedure Button2Click(Sender: TObject);
procedure Button3Click(Sender: TObject);
procedure Button4Click(Sender: TObject);
procedure Button5Click(Sender: TObject);
 procedure Button6Click(Sender: TObject);
private
{ Private declarations }
public
{ Public declarations }
end;

var
Form3: TForm3;

implementation

{$R *.dfm}

procedure TForm3.Button1Click(Sender: TObject);

var
x: Integer;
begin
for x := 0 to ClientWidth do
Canvas.Pixels[x, ClientHeight div 2] := clRed;
end;

procedure TForm3.Button2Click(Sender: TObject);

var
y: Integer;
begin
for y := 0 to ClientHeight do
Canvas.Pixels[ClientWidth div 2, y] := clBlue;
end;

procedure TForm3.Button3Click(Sender: TObject);

begin
Canvas.Pixels[50, 50] := clBlack;
end;

procedure TForm3.Button4Click(Sender: TObject);

begin
Canvas.Pixels[ClientWidth div 2 + 50, ClientHeight div 2 -
50] := clBlue;
end;

procedure TForm3.Button5Click(Sender: TObject);

begin
Form3.Refresh;
end;

procedure TForm3.Button6Click(Sender: TObject);

begin
 Close;
end;

end.

Hasil Running :

D. PERTANYAAN DAN TUGAS

1. Buatlah laporan dan resume praktikum dari praktikum modul 2 ini.
Jawab : terlampir