Mata kuliah Komputer Grafik ( Grafika komputer ) Dosen : Estu Sinduningrum, ST., MT

(1)

Mata kuliah Komputer Grafik ( Grafika komputer )

Dosen : Estu Sinduningrum, ST., MT

(2)

Macam-macam aplikasi

grafika komputer

(3)

 Grafika komputer : suatu proses pembutan, penyimpanan dan manipulasi model dan citra.

 Komponen : masukan, proses dan penyimpanan dan keluaran

 Pengguna dapat mengendalikan isi, struktur dan kemunculan objek serta menampilkan citra melalui suatu komponen dasar visual feedback.

3

Estu Sinduningrum, ST, MT

Grafika Komputer

(4)

4

 Merupakan cabang ilmu komputer yang membahas algorithma untuk menampilkan simulasi (benda).

 Grafika komputer tidak sama dengan pemrosesan citra (image processing)

 Mata kuliah grafika komputer tidak membahas software komersial seperti adobe photoshop, corel draw dan sebagainya.

 Mata kuliah grafika komputer juga tidak membahas tentang grafik bisnis, seperti diagram pie, diagram garis dan sebagainya.

Grafika Komputer

(5)

Sejarah Grafika Komputer



Sejarah grafika komputer telah dimulai sejak jaman dahulu kala yaitu ketika bangsa Mesir, Roma dan Yunani berkomunikasi secara grafik.



Beberapa lukisan terdapat pada batu nisan orang Mesir dapat dikatakan sebagai lukisan teknik.

5

(6)

 Perkembangan grafika komputer secara sederhana dapat dibagi menjadi empat fase, yaitu :

1. Fase Pertama (1950) era grafika komputer interaktif

 Tidak begitu cepat karena teknologi, jumlah dan harga komputer tidak mendukung.

 MIT berhasil mengembangkan komputer whirlwind dengan tabung sinar katode (Cathode RayTube-CRT).

 Sudah menggunakan pena cahaya (light pen) yaitu sebuah alat input bentuknya seperti pensil yang digunakan untuk memilih posisi, menunjuk sesuatu dan menggambar pada layar dengan pendeteksian cahaya yang datang dari titik-titik pada layar CRT.

 Telah ada alat pemrograman otomatis (Automatic Programming Tool)

6

Sejarah Grafika Komputer

(7)

2. Fase Kedua (1960) Jaman Penelitian/Riset Grafika Komputer Interaktif

 Grafika interaktif modern telah ditemukan oleh Ivan Sutherland.

 Mengembangkan teknik interaktif dengan sarana keyboard dan pena cahaya.

 Sejumlah projek penelitian dan produk Computer Aided Design/Manufacturing (CAD/CAM) telah muncul.

7

Sejarah Grafika Komputer

(8)

3. Fase Ketiga (1970)

 Grafika komputer interaktif telah digunakan oleh sektor industri, pemerintah dan ilmuawan untuk memperbaiki kualitas desain produk secara cepat dan mudah.

4. Fase Keempat (1980-1990)

 Penelitian pada dekade ini bertumpu pada penggabungan dan pengotomasian perbagai unsur desain dan pemodelan pejal (solid modelling).

 Teknologi hibrid mulai diperkenalkan. Teknologi ini berguna untuk penggabungan objek pejal dengan permukaan.

8

Sejarah Grafika Komputer

(9)

9

Grafika Komputer

 Mencakup area :

 Film (spesial effects)

 Industri :

 CAD (Computer-Aided Design)

 Automated machining

 Visualisasi :

 data ilmiah

 hasil medik (scanning,X-Ray, MRI)

 Permainan Komputer

 Distribusi Online

(10)

Desain

 Dalam proses desain grafika komputer terutama digunakan pada sistem engineering dan arsitektur. Pada umumnya Computer Aided Design (CAD) digunakan untuk pembuatan desain mobil, bangunan, pesawat terbang, kapal, komputer, tekstil, dan lain-lain.

 Pada beberapa aplikasi desain, objek ditampilkan dalam bentuk wireframe, dimana diperlihatkan keseluruhan bentuk, dengan bentuk internal dari objek tersebut. Penggunaan wireframe bermanfaat bagi designer untuk melihat isi dari objek tersebut.

10

(11)

 Computer Aided Design adalah suatu program komputer untuk menggambar suatu produk atau bagian dari suatu produk.

 Produk yang ingin digambarkan bisa diwakili oleh garis-garis maupun simbol-simbol yang memiliki makna tertentu.

 CAD bisa berupa gambar 2 dimensi dan gambar 3 dimensi.

Computer Aided Design

http://id.wikipedia.org/wiki/CAD

11

(12)

12

Industri / CAD

(13)

Contoh Perangkat Lunak

(14)

Grafik Presentasi

 Bidang lain yang berhubungan dengan grafika komputer adalah grafik presentasi yang dapat berupa cetakan, slide, dan transparansi.

 Grafik presentasi biasanya digunakan untuk melengkapi laporan keuangan, sains, data ekonomi, dan lain-lain. Bentuk grafik presentasi tersebut adalah chart, bar chart, pie chart, dan lain-lain.

14

(15)

Grafik Presentasi

15

(16)

Komputer Art

 Grafik komputer digunakan untuk aplikasi commercial art dan fine art.

a) Commercial Art

Grafika komputer digunakan untuk desktop publishing (cover buku), advertising (logo perusahaan), desain tekstil dan lain sebagainya.

Contoh perangkat lunak : CorelDraw, Macromedia Freehand, dan Adobe Illustrator

(17)

b) Fine Art

 Grafika komputer digunakan untuk pebuatan bermacam-macam gambar sesuai dengan gagasan atau imajinasi seorang pelukis.

 Hampir semua perangkat lunak yang berbasis paint dapat digunakan untuk menghasilkan karya seni (lukisan.

 Contoh Program : Paint, Corel Paint Shop Pro, dan Adobe Photoshop.

Komputer Art

(18)

 Komputer sebagai alat bantu pendidikan (Computer Assisted Instruction) sudah cukup

dikenal.

 Komputer juga digunakan pada aplikasi-

aplikasi bukan pengajaran menunjang sistem pendidikan, seperti mengolah data, mencatat

kehadiran, dan sebagainya.

Pendidikan

18

(19)

 Aplikasi bidang pengajaran dengan komputer sebagai alat bantunya, diantaranya :

Drill and Practice (latih dan praktek) –CAI menggantikan pengajar untuk memberikan latihan kepada siswa.

Tutorial (penjelasan): sistem komputer digunakan untuk menyampaikan materi ajaran.

Simulasi : digunakan untuk mengkaji permasalahan yang rumit pada bidang biologi, transportasi, ekonomi, dll.

Game : Digunakan pada anak-anak untuk menambahkan ilmu pengetahuan.

A. Aplikasi bidang Pengajaran

19

(20)

Simulasi dgn Grafkom

20

(21)

Simulator Reaksi Nuklir

21

(22)

22

Pendidikan

(23)

 Aplikasi bidang bukan pengajaran dengan alat bantu komputer, diantaranya :

1. Computer Assisted Testing (Ujian Berbantuan Komputer)  komputer digunakan untuk sarana ujian.

2. Computer Assisted Guidance (Pengarahan Berbantuan Komputer)  komputer digunakan sebagai sarana untuk mencari informasi yang diperlukan.

3. Computer Managed Instruction  komputer digunakan untuk merencanakan pelajaran, evaluasi belajar, serta memantau prestasi siswa.

23

B. Aplikasi Bidang Bukan

Pengajaran

(24)



Grafik Komputer secara luas digunakan dalam industri hiburan seperti : pembuatan film,

video music dan televisi.



Perangkat lunak untuk proses editing video antara lain : Adobe Premiere Elements, Ulead

Video Studio, Pinnacle Dazzle, WinDVD Creator dll.

HIBURAN

24

(25)



Pada pembuatan film, grafik komputer banyak digunakan untuk membuat model (futuristic)

atau porses animasi (kartun)

A. FILM

25

(26)

26

Film (Animasi)

(27)

27

Film (Animasi)

(28)

28

Film (Special effect)

(29)



Proses pembuatan video musik sangat sarat dengan muatan grafika komputer.



Grafika komputer digunakan untuk promosi, pembuatan cover, animasi yang mengiringi lagu, proses ediing gambar dan audio bahkan perangkat

lunak untuk memutar vcd.

29

B. Film (Special effect)

(30)



Televisi secara kontinyu menggunakan grafika komputer untuk menunjang tayangan yang

disajikan



Grafika komputer dalam tanyangan televisi dapat berupa logo televisi atau iklan.

30

C. Televisi

(31)



Hampir semua game pada komputer menggunakan grafika komputer dalam pembuatannya baik yang

berbentuk 2D maupun 3D



Beberapa game dibuat hanya sekedar hiburan namun ada juga yang bersifat mendidik.

31

d. Game

(32)

32

Permain (Game)

(33)

Visualisasi

 Ilmuwan, ahli kedokteran, analis bisnis, dan lain-lain sering menggunakan banyak informasi suatu masalah dalam mempelajari perilaku proses tertentu.

 Informasi tersebut berisi ribuan data untuk memberikan gambaran hasil suatu evaluasi.

 Data tersebut diproses sehingga mendapatkan hasil dalam bentuk visual.

33

(34)

34

Visualisasi data ilmiah

(35)

35

Visualisasi data ilmiah

(36)

36

Visualisasi arsitektur

(37)

(38)

Image Processing



Image processing (pengolahan citra) merupakan teknik untuk memodifikasi atau menginterpretasi gambar yang ada, seperti foto dan rangkaian gambar film.



Dua macam prinsip pengolahan citra adalah :



Meningkatkan kualitas gambar.



Memberikan persepsi dari informasi visual, seperti pada robotic

38

(39)

 Pengolahan citra dan grafika komputer biasanya digunakan secara bersamaan dalam beberapa aplikasi, misalnya aplikasi

pada bidang kedokteran untuk menampilkan gambar hasil foto sinar X (Computer X-ray Tomography)

Image Processing

39

(40)

40

Medical

(41)

41

Grafika Komputer

 Tiga tema utama dalam grafika komputer :

 Modeling

 Bagaimana kita merepresentasikan (= memodelkan) objek 3 Dimensi ?

 Bagaimana kita dapat membuat model dari objek-objek tertentu ?

 Animation

 Bagaimana kita merepresentasikan gerakan sebuah objek

 Bagaimana kita dapat memberikan kendali kepada pembuat animasi (animator) dalam pembuatan animasi

 Rendering

 Bagaimana kita mensimulasikan formasi gambar

 Bagaimana kita dapat mensimulasikan cahaya seperti pada dunia nyata?

(42)

42

Modelling

 Representasi objek / lingkungan

 shape — geometri dari sebuah objek

 appearance — emission, reflection, and transmission of light

 Bagaimana kita dapat membuat model-model tesrebut ?

 Deskripsi manual (misal : menuliskan rumus)

 manipulasi secara interaktif

 menggunakan prosedur / program

 melakukan pemindaian (scanning) dari objek riil

(43)

43

Modelling

(44)

44

Animasi

 Bagaimana caranya kita menampilkan gerakan objek

 posisi, sudut dan sebagainya sebagai fungsi dari waktu

 Bagaimana caranya kita mengendalikan gerakan

1. membuat gerakan menggunakan tangan, mengisi keyframe

2. simulasi perilaku (membat program yang berfungsi sebagai "otak" dari sebuah objek)

3. simulasi fisika

4. menangkap gerakan

(45)

45

Animasi

(46)

46

Rendering

 Bagaimana caranya kita meniru dunia nyata ?

1. cahaya yang datang difokuskan oleh lensa

2. energi cahaya mempengaruhi film

3. representasi gambar sebagai titik-titik / pixels (x,y)

4. membutuhkan representasi dari kamera

 Bagaimana caranya kita meniru perilaku cahaya?

1. cahaya dianggap sebagai photon (partikel cahaya)

2. menangkap gerak lurus dari photon

3. membuat model interaksi antara cahaya dengan permukaan benda

(47)

47

Rendering

(48)

48

Proses

Pemodelan Manipulasi Visualisasi

Data

Tampilan

(49)