TUGAS LAPORAN PRAKTIKUM KOMPUTER GRAFIK

3D GUI

DI SUSUN

O

L

E

H

Nama : Lilis Suryani

Npm : 1414370382

Kelas : TI 4 Pagi D

UNIVERSITAS PEMBANGUNAN PANCA BUDI

FAKULTAS SISTEM KOMPUTER

MEDAN

2016

BAB I

PENGERTIAN GUI

Graphical User Interface adalah antarmuka pada sistem operasi atau komputer yang

menggunakan menu gratis agar mempermudah para penggunanya untuk berinteraksi dengan

komputer atau sistem operasi.

Jadi, GUI merupakan antar muka pasa 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 seperti ada grafis-grafis atau gambar-gambar dan tampilan yang tujuannya

untuk memudahkan para pengguna menggunakan sistem operasi.

GUI berfungsi untuk memudahkan pengguna dalam menggunakan suatu aplikasi komputer,

selain itu juga untuk mempermudah tampilan suatu aplikasi.

Contoh Sistem GUI :

Apple Macintosh

Microsoft Windows pada IBM PC

Open Look pada workstation Unix

KDE, GNOME pada Linux

A. Kelebihan GUI

Desain grafis lebih menarik.

GUI memungkinkan user untuk berinteraksi dengan komputer secara lebih baik.

Memudahkan pengguna.

Menarik minat pengguna.

Resolusi gambar yang tinggi.

B. Kekurangan GUI

Memakan memory yang sangat besar.

Bergantung pada perangkat keras.

Membutuhkan banyak tempat pada layar komputer.

Tidak fleksibel.

BAB II

CONTOH PROGRAM GUI

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);

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)

}

import g4p_controls.*; untuk menggunakan processing ini kita harus

menyertakan perintah ini.

GCustomSlider sliderku; ialah objek slider sintax dari GUI. Slider nama untuk

membuat slidernya.

void setup() berfungsi sebagai bagian awal yang dijalankan tepat pertama kali

misalnya untuk reklasi size dan bacground.

size(600, 400); pixel (panjang, lebar)

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

sliderku = new GcustomSlider sintax dari perintah gui

this untuk mengatur posisi dan panjang dari slider tersebut.

100 sebagai lebar slider(x).

300 sebagai panjang slider(y).

400 sebagai tinggi slider(height).

50 sebagai lebar slider(weight).

“grey_blue” sintax ini memang telah disediakan oleh pembuat library. Pada

OS Windows kita dapat melihatnya di folder\documents\processing\libraries\

G4P\src\data.

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

transparasi (false) untuk menghilangkan garis slidernya ini sama dengan

sintax noStroke tapi noStroke digunakan di 2D.

Perlihatkan ticks (true) untuk memperlihatkan garis ticks.

Perlihatkan nilai slider (true) untuk menampilkan nilai slidernya sampai

ukuran berapa.

Perlihatkan batas-batas slider (true) untuk menampilkan batas-batas

slidernya.

sliderku.setNbrTicks(5); untuk menampilkan jumlah ticksnya yang berjumlah 5.

sliderku.setLimits(0, 0, 255); nilai slidernya yang berada pada 0-255 dengan posisi

awal 0 dan posisi akhir 255.

void draw() berfungsi membuat object di layer yang dijalankan terus menerus

sampai program ditentukan.

background(#E31BF2); untuk latar belakang

strokeWeight(2); menebalkan garis.

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

fill(sliderku sintax gui untuk mengatur perubahan warnanya yang diperoleh

dari nilai integer dari sliderku.

getValueI(),0,0); jika ditambah angkanya makin lambat perubahan

warnanya begitu sebaliknya.

triangle(200,20,160,80,240,80); untuk membuat segitiga

quad(200,20,240,80,340,80,300,20); untuk membuat jajargenjang

rect(160,80,80,100); untuk membuat segipanjang

rect(240,80,100,100); untuk membuat segipanjang

rect(170,130,25,50); untuk membuat segipanjang

rect(260,100,40,40); untuk membuat segi panjang

line(280,100,280,140); untuk membuat garis

line(260,120,300,120); untuk membuat garis

strokeWeight(6); untuk menebalkan garis

point(180,160); untuk membuat titik