GRAFIKA KOMPUTER(TIN 3221)

Hilman Fauzi TSP, ST

SILABUS1. Pengantar grafika komputer; 2. Primitif keluaran: algoritma dan metoda pembuatan primitif; 3. Transformasi; 4. Windowing dan Clipping; 5. Kurva: Bezier, B-spline;------------------------------------------UTS----------------------------------6. Realism: Hidden line elimination, hidden surface removal,

model Illuminasi, Gouroud Shading, Phong Shading, dithering, fractal objects, model-model warna;

7. Geometric Modeling; 8. Ray Tracing;  9. Pengantar Antarmuka Grafika.

ATURAN NILAI

UTS: 30%UAS : 30%PRESENTASI/TUGAS : 40%

IMAGE PROCESSING VS COMPUTER GRAPHICS

Image Processing Computer GraphicsBerorientasi pixel Berorientasi Vektor

Mengolah data citra untuk mendapatkan interpretasi 2D/3D

Menggunakan model 2D/3D hasil realistik

Titik berat pada memanipulasi citra sesuai dengan keperluan user

Cenderung mempelajari konsep dan implementasi metode untuk pembangkitan citra/animasi (2D/3D)

Berawal dari citra digital deskripsi objek pada citra

Mendeskripsikan objek dengan primitif dasar grafis untuk mem-bentuk citra 2D/3D

0 1 2 3 4

1234

0 0 1 1 1 0

0 1 0 1 0

0 1 0 1 0

0 1 0 1 0

0 1 1 1 0

Image Processing

(3,Timur),(4,Selatan),(3,Barat),(4,Utara) [(0,1),(0,3)], [(0,3),(4,3)], [(4,3),(4,1)], (4,1),(0,1)]

[(0,1),(4,3)] atau (0,1,4,3) atribut informasi segi empat)()(

tan12

121

XXYY

Arah

221

221 )()( YYXXBesar

Computer Graphics

IMAGE PROCESSING VS COMPUTER GRAPHICS (cont’d)

GRAFIKA KOMPUTER

Proses grafika komputer

Deskripsiobjek

Citra / animasi2D / 3D

PENGOLAHAN CITRA

Pengolahancitra

Citraawal

Citra yang sesuai dgnkebutuhan

IMAGE PROCESSING VS COMPUTER GRAPHICS

Image Processing Computer GraphicsBerorientasi pixel Berorientasi Vektor

Mengolah data citra untuk mendapatkan interpretasi 2D/3D

Menggunakan model 2D/3D hasil realistik

Titik berat pada memanipulasi citra sesuai dengan keperluan user

Cenderung mempelajari konsep dan implementasi metode untuk pembangkitan citra/animasi (2D/3D)

Berawal dari citra digital deskripsi objek pada citra

Mendeskripsikan objek dengan primitif dasar grafis untuk mem-bentuk citra 2D/3D

0 1 2 3 4

1234

0 0 1 1 1 0

0 1 0 1 0

0 1 0 1 0

0 1 0 1 0

0 1 1 1 0

Image Processing

(3,Timur),(4,Selatan),(3,Barat),(4,Utara) [(0,1),(0,3)], [(0,3),(4,3)], [(4,3),(4,1)], (4,1),(0,1)]

[(0,1),(4,3)] atau (0,1,4,3) atribut informasi segi empat)()(

tan12

121

XXYY

Arah

221

221 )()( YYXXBesar

Computer Graphics

IMAGE PROCESSING VS COMPUTER GRAPHICS (cont’d)

PENERAPAN GRAFIKA KOMPUTER

Computer Aided Design (CAD) Presentasi Art HIburan Pendidikan dan Pelatihan Visualisasi GUI (Graphical User Interface)

PERANGKAT LUNAK GRAFIS

Corel Draw

Auto CAD

3D Studio MAX

Visio

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

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

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

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.

MONITOR

Komponen Utama Monitor : Display Frame Buffer berbentuk matrix Display Controller/Display processor

MONITOR (cont.)

Dari cara menampilkan gambar : Vector Display/Calligraphic Display/Stroke

Display (60-An)

Raster Display. (70-an)

VEKTOR DISPLAY

Frame Buffer Display Processor Display

Isi dari Frame Buffer

function Line (X1,Y1,X2,Y2) { …………………………….}

function Rectangle (X1,Y1,X2,Y2) { …………………………….}

function Circle (X,Y,r) { …………………………….}

InputLine (1,1,5,5)

Circle (3,3,10)

Display Processor

Menterjemahkan Data Digital menjadi tegangan analog Yang akan dipakai untuk memancarkan Elektron

Contoh :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 penembakan elekron pada pixel (1,1),(2,2),(3,3),(4,4),(5,5)

RASTER DISPLAY

Frame Buffer Display Processor Display

Frame Buffer

Berfungsi sebagai penyimpansementara apa yang akan ditampil-kan ke layar

Input

Display Processor

Menterjemahkan Data Digital menjadi tegangan analog yang akan dipakai untuk memancarkan Elektron darisudut kiri atas layar sampai kanan bawah layar.

1 2 3 4 5

1

2

3

4

5

0x

y

MONITOR (cont.)

Jenis Monitor : Layar Tabung

(CRT = Cathode-Ray Tube)

Layar Tanpa Tabung (LED, LCD, Plasma

Display)

REFERENSI

Hearn, Donald, M. Pauline Baker, Computer Graphics, Prentice Hall.

Watt, Alan, 3D Computer Graphics, Pearson Education. Gonzalez, Rafael C dan Paul Wintz. 1987. Digital Image

Processing. Addison-Wesley Publishing Company. Pitas, Ioannis. 1993. Digital Image Processing

Algorithms. Prentice Hall International (UK) Ltd Kay, David dan John Levine. 1995. Graphics File

Formats. Windcrest/McGraw-Hill