grafika komputer - gunadarma...

21
2 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

Upload: trannhi

Post on 07-Mar-2019

240 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

2

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

Page 2: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi
Page 3: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

4

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

Page 4: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

CS3204 Departement Teknik Informatika IT Telkom

5

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

Page 5: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi
Page 6: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

CS3204 7

PENERAPAN GRAFIKA KOMPUTER

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

Page 7: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi
Page 8: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi
Page 9: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi
Page 10: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

www.motionportrait.com

Page 11: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

12

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.

Page 12: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

13

Image Processing vs Computer Graphics

Image Processing Computer Graphics

Berorientasi 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

Page 13: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

14

Image Processing vs Computer Graphics

0 1 2 3 4

1

2

3

4

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

XXYYArah

−−

= − 221

221 )()( YYXXBesar −+−=

Computer Graphics

Page 14: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

15

MONITOR

Komponen Utama Monitor :

Display

Frame Buffer berbentuk matrix

Display Controller/Display processor

Page 15: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

16

MONITOR (cont.)

Dari cara menampilkan gambar :

Vector Display/Calligraphic Display/

Stroke Display (60-an)

Raster Display. (70-an)

Page 16: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

17

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

Page 17: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

18

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

12

3

4

5

0x

y

Page 18: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

19

MONITOR (cont.)

Jenis Monitor :

Layar Tabung

(CRT = Cathode-Ray Tube)

Layar Tanpa Tabung (LED, LCD,

Plasma Display)

Page 19: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

20

PRINTER vs PLOTTER

Printer Raster Technology

Plotter Vector Technology

Page 20: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi

21

Perangkat Lunak Grafis

Corel Draw

Auto CAD

3D Studio MAX

Visio

Page 21: GRAFIKA KOMPUTER - Gunadarma Universitykarmila.staff.gunadarma.ac.id/Downloads/files/35648/02-Intro-to... · Presentasi Art Hiburan ... gambar yang dihasilkan ... mendapatkan interpretasi