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
Top Related