CS3204

GRAFIKA KOMPUTER - UTS

Chapter 2
Pengenalan Grafika Komputer
Fakultas Informatika
IT Telkom
GRAFIKA KOMPUTER
 Fungsi Komputer  mempercepat
perhitungan
 Jumlah data yang besar
 Penyajian data yang efisien dan
efektif
 Penyajian secara grafis  munculnya
computer graphics
 Computer Graphics  meningkatkan
komunikasi manusia dengan mesin
CS3204 Departement Teknik Informatika 2
IT Telkom
SISTEM GRAFIKA KOMPUTER
 Data  Grafik, operator tidak dapat
berinteraksi dengan komputer (statis)
 Diinginkan Interactive Computer
Graphic  operator bisa
mengendalikan : isi, format, bentuk,
ukuran, warna.
 Sistem interaktif  mensimulasikan
real world pada layar komputer

CS3204 Departement Teknik Informatika 4

IT Telkom
SISTEM GRAFIKA KOMPUTER
Berdasarkan cara pandang pada layar :
 Motion dynamic  objek bergerak,
kita sbg pengamat (diam) atau
sebaliknya.
ex : flight simulator
 Update dynamic  perubahan sifat
pada objek (bentuk,warna).
ex : simulasi tabrakan mobil
CS3204 Departement Teknik Informatika 5
IT Telkom
PENERAPAN GRAFIKA KOMPUTER
 Computer Aided Design (CAD)
 Presentasi
 Art
 Hiburan
 Pendidikan dan Pelatihan
 Visualisasi
 GUI (Graphical User Interface)

CS3204 Departement Teknik Informatika 7

IT Telkom
www.motionportrait.com
KLASIFIKASI PENERAPAN GRAFIKA
KOMPUTER
 Berdasarkan tipe dari objek dan
gambar yang dihasilkan
 Berdasarkan interaksi dan derajat
pengendalian objek/gambar dalam
layar
 Berdasarkan role of the picture
 Berdasarkan hubungan antara objek
dan gambar yang tertampil.

CS3204 Departement Teknik Informatika 12

IT Telkom
Image Processing vs Computer Graphics

Image Processing Computer Graphics

Berorientasi pixel Berorientasi Vektor
Mengolah data citra untuk Menggunakan model 2D/3D 
mendapatkan interpretasi 2D/3D hasil realistik

Titik berat pada memanipulasi Cenderung mempelajari konsep

citra sesuai dengan keperluan
user
Berawal dari citra digital 
deskripsi objek pada citra
dan implementasi metode untuk
pembangkitan citra/animasi
(2D/3D)
Mendeskripsikan objek dengan
primitif dasar grafis untuk mem-
bentuk citra 2D/3D

CS3204 Departement Teknik Informatika 13

IT Telkom
Image Processing vs Computer Graphics
0 1 2 3 4 0 1 1 1 0
0
0 1 0 1 0
1 Image Processing
0 1 0 1 0
2
0 1 0 1 0
3
0 1 1 1 0
4

Computer Graphics

 (3,Timur),(4,Selatan),(3,Barat),(4,Utara)
 [(0,1),(0,3)], [(0,3),(4,3)], [(4,3),(4,1)], [(4,1),(0,1)]
(Y2 − Y1 )
Arah = tan − 1 Besar = ( X 1 − X 2 ) 2 + (Y1 − Y2 ) 2
(X 2 − X1)
 [(0,1),(4,3)] atau (0,1,4,3)  atribut informasi segi empat

CS3204 Departement Teknik Informatika 14

IT Telkom
MONITOR

Komponen Utama Monitor :

 Display

 Frame Buffer  berbentuk matrix

 Display Controller/Display processor

CS3204 Departement Teknik Informatika 15

IT Telkom
MONITOR (cont.)

Dari cara menampilkan gambar :

 Vector Display/Calligraphic Display/
Stroke Display (60-an)
 Raster Display. (70-an)

CS3204 Departement Teknik Informatika 16

IT Telkom
Vector Display
Input
Line (1,1,5,5)

Circle (3,3,10)

Frame Buffer Display Processor Display

Isi dari Frame Buffer Display Processor

function Line (X1,Y1,X2,Y2) { Menterjemahkan Data Digital menjadi tegangan analog

……………………………. Yang akan dipakai untuk memancarkan Elektron
}
Contoh :
function Rectangle (X1,Y1,X2,Y2) { Input : Line (1,1,5,5)
……………………………. Misalkan output dari function Line pada Frame Buffer
} adalah (1,1),(2,2),(3,3),(4,4),(5,5)
Maka display processor akan memerintahkan
function Circle (X,Y,r) { penembakan elekron pada pixel
……………………………. (1,1),(2,2),(3,3),(4,4),(5,5)
}

CS3204 Departement Teknik Informatika 17

IT Telkom
Raster Display
Input
y

5
4
3
2
1
x
0 1 2 3 4 5

Frame Buffer Display Processor Display

Frame Buffer Display Processor

Berfungsi sebagai penyimpan Menterjemahkan Data Digital menjadi

sementara apa yang akan ditampil - tegangan analog yang akan dipakai
kan ke layar untuk memancarkan Elektron dari
sudut kiri atas layar sampai
kanan bawah layar .

CS3204 Departement Teknik Informatika 18

IT Telkom
MONITOR (cont.)

Jenis Monitor :
 Layar Tabung

(CRT = Cathode-Ray Tube)

 Layar Tanpa Tabung (LED, LCD,
Plasma Display)

CS3204 Departement Teknik Informatika 19

IT Telkom
PRINTER vs PLOTTER

 Printer  Raster Technology

 Plotter  Vector Technology

CS3204 Departement Teknik Informatika 20

IT Telkom
Perangkat Lunak Grafis

 Corel Draw

 Auto CAD

 3D Studio MAX

 Visio

CS3204 Departement Teknik Informatika 21

IT Telkom