7/26/2019 Import g4p

1/10

TUGAS LAPORAN PRATIKUM KOMPUTER GRAFIK (3D GUI)

D

I

S

U

S

U

N

OLEH :

Nama : Sri Wahyuni

NPM : 1414370356

Dosen Pengampuh : Indri Sulistianingsih, S.Kom

PROGRAM STUDI SISTEM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PEMBANGUNAN PANCA BUDI

MEDAN

2016

7/26/2019 Import g4p

2/10

KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Maha Esa atas segala rahmatNYA sehingga

makalah ini dapat tersusun hingga selesai . Tidak lupa saya juga mengucapkanbanyak terimakasih atas bantuan dari pihak yang telah berkontribusi dengan

memberikan saran ataupn bantuan baik materi maupun pikirannya.

Dan harapan saya semoga laporan ini dapat menambah pengetahuan dan

pengalaman bagi para pembaca, Untuk ke depannya dapat memperbaiki bentuk

maupun menambah isi makalah agar menjadi lebih baik lagi.

Karena keterbatasan pengetahuan maupun pengalaman saya. Saya yakin masih

banyak kekurangan dalam laporan ini, Oleh karena itu saya sangat mengharapkan

saran dan kritik yang membangun dari pembaca demi kesempurnaan laporan ini.

Medan, 13 Juni 2016

Ttd

Penulis

7/26/2019 Import g4p

3/10

BAB I

PENDAHULUAN

1.1

Latar Belakang

Grafika komputer pada dasarnya adalah suatu bidang komputer yang

mempelajari cara-cara untuk meningkatkan dan memudahkan komunikasi antara

manusia dengan mesin (komputer) dengan jalan membangkitkan, menyimpan dan

memanipulasi gambar model suatu objek menggunakan komputer. Grafika

komputer memungkinkan kita untuk berkomunikasi lewat gambar-gambar, bagan-

bagan dan diagram.

Grafika komputer adalah bagian dari yang berkaitan dengan pembuatan dan

manipulasi gambar (visual) secara digital. Bentuk sederhana dari grafika

komputer adalah grafika komputer 2D yang kemudian berkembang menjadi

grafika komputer 3D, pemrosesan citra (image processing) dan pengenalan pola

(pattern recognition). Grafika komputer sering dikenal juga dengan istilah

visualisasi data.

Grafis komputer adalah suatu bidang ilmu yang mempelajari bagaimana

membangun grafik (gambar) baik 2D maupun 3D yang kelihatan nyata dengan

menggunakan komputer. Komputer grafis 2D adalah generasi komputer berbasis

gambar digital. Komputer grafis 2D terutama digunakan dalam aplikasi yang

pada awalnya dikembangkan pada saat pencetakan tradisional dan teknologi

menggambar seperti kartografi, gambar teknik, iklan dan lain-lain. Dalam

aplikasi, gambar 2D bukan hanya dari objek dunia nyata tetapi artefak independen

dengan nilai tambah pembuatnya. Komputer grafis 3D adalah representasi dari

data geometrik 3 dimensi sebagai hasil dari pemrosesan dan pemberian efek

cahaya terhadap grafika komputer 2D. Hasil ini kadang kala ditampilkan secara

waktu nyata (real time) untuk keperluan animasi.

7/26/2019 Import g4p

4/10

BAB II

PEMBAHSAN

2.1 Pengertian Dan Definisi Dari GUI

GUI (Graphical User Interface), adalah antarmuka pada sistem operasi atau

komputer yang menggunakan menu grafis agar mempermudah para pengguna-nya

untuk berinteraksi dengan komputer atau sistem operasi.

Jadi, GUI merupakan antarmuka pada sistem operasi komputer yang

menggunakan menu grafis. Menu grafis ini maksudnya terdapat tampilan yang

lebih ditekankan untuk membuat sistem operasi yang user-friendly agar para

pengguna lebih nyaman menggunakan komputer. Menu grafis itu ya seperti ada

grafis-grafis atau gambar-gambar dan tampilan yang tujuannya untuk

memudahkan para pengguna menggunakan sistem operasi.

2.2 Kelebihan Dan Kekurangan Dari GUI

2.2.1 Kelebihan GUI

1. Desain Grafis lebih menarik.

2. GUI memungkinkan user untuk berinteraksi dengan komputer secara

lebih baik.

3. Memudahkan pengguna.

4. Menarik minat pengguna.

5. Resolusi gambar yang tinggi.

2.2.2 Kekurangan GUI

1. Memakan memory yang sangat besar.

2.Bergantung pada perangkat keras.

3.Membutuhkan banyak tempat pada layar komputer.

4.Tidak fleksibel.

7/26/2019 Import g4p

5/10

2.3 Instalasi Pustaka G4P

Untuk membuat program dalam bentuk GUI maka kita akan memanfaatkan

pustaka yang dibuat oleh Peter Leger yang bernama G4P

Cara penginstalannya :

Langsung lakukan penginstalan G4P dari processing dan pastikan computer

anda terhubung dengan internet.

Buka program processing dan carilah menu sketch Sketch Import

Library... Add Library....

Selanjutnya, akan muncul jendela Contribution Manager, seperti yang

terlihatpada Gambar 1. Pada kolom Filter, ketiklah kata kunci G4P, dan klik

tombol Install.

7/26/2019 Import g4p

6/10

Tunggulah beberapa saat sampai instalsi benar-benar selesai. Jika telah

selesai, tutuplah jendela tersebut dan Restartjendela Processing kita. Ketika

program Processing dibuka kembali, periksalah di menu File Examples....

Selanjutnya, akan muncul jendela Java Example, seperti pada Gambar 2. Pastika

pustaka G4P telah dimasukkan pada folder Contributed Libraries. Untuk belajar

semua fitur yang dimiliki, kita dapat membuka beberapa contoh yang telah

disediakan.

Gambar 2. Jendela Java Examples

7/26/2019 Import g4p

7/10

2.4 Contoh Program GUI

Menggunakan Slider

Mari kita awali dengan pemrograman sederhana, yaitu menggunakan Slider.

Kita akan menggambar sebuah lingkaran dengan besarnya diameter diatur

berdasarkan nilai pada Slider.

import g4p_controls.*;

GCustomSlider sliderku;

void setup()

{

size(600, 400);

// atur properti Slider

sliderku = new GCustomSlider(this, 100, 300, 400, 50, "grey_blue");

sliderku.setShowDecor(false, true, true, true);

sliderku.setNbrTicks(5);

sliderku.setLimits(0, 0, 255);

}

void draw()

{

background(#E31BF2);

strokeWeight(2);

7/26/2019 Import g4p

8/10

fill(sliderku.getValueI(), 0,0);

triangle(200,20,160,80,240,80);

quad(200,20,240,80,340,80,300,20);

rect(160,80,80,100);

rect(240,80,100,100);

rect(170,130,25,50);

rect(260,100,40,40);

line(280,100,280,140);

line(260,120,300,120);

strokeWeight(6);

point(180,160);

}

Untuk menggunakan pustaka ini, kita harus menyertakannya menggunakan

perintah import g4p_controls.*;. objek Slider ditempatkan pada GCustomSlider

dan kita beri nama sliderku. Pertama kita buat Slider dengan mengatur posisi dan

panjang dari Slider tersebut. Input "grey_blue" memang telah disediakan oleh

pembuat library. Pada OS Windows, kita dapat melihatnya di folder

\Documents\Processing\libraries\G4P\src\data. Pilihan lainnya adalah

red_yellow18px,

blue18px, green_red20px, dan purple18px.

sliderku.setShowDecor(false, true, true, true) akan mengatur tampilan dari

Slider kita. Kita dapat memodifikasinya dengan mengisi kata true atau false

dengan rincian input sebagai berikut: sliderku.setShowDecor(transparansi,

perlihatkan ticks, perlihatkan nilai Slider, perlihatkan batas-batas Slider).

7/26/2019 Import g4p

9/10

Selanjutnya, kita dapat mengatur jumlah ticks dan mengatur batas-batas nilai

Slider kita menggunakan sintaks sliderku.setNbrTicks(5) dan sliderku.setLimits(0,

0, 255), yang berarti bahwa jumlah tick sebanyak lima, dan nilai Slider berada

pada rentang 0 - 255, dengan posisi awal di 0. Terdapat metode untuk meng-

handle event pergeseran dari Slider yaitu void handleSliderEvents(GSlider slider).

Sintaks ini sebaiknya kita biarkan saja secara default. Objek lingkaran dibuat

dengan menggunakan fungsi triangle, quad, rect dan line dengan nilai tinggi dan

lebar diperoleh dari nilai integer dari slider yaitu sliderku.getValueI().

Ketika program kita jalankan, maka akan tampil jendela seperti Gambar 3.

Atur-aturlah posisi Slider sesuai keinginan kita, dan lihatnya perubahan padarumah.

7/26/2019 Import g4p

10/10

Gambar 3