pert emu an 1

Grafika Komputer Pertemuan Ke-1

1

BAB 1 GRAFIK KOMPUTER

Dengan semakin pesatnya perkembangan perangkat keras dan

perangkat lunak maka perkembangan grafika komputer juga semakin maju.

Oleh: I Gusti Ngurah Suryantara,S.Kom., M.Kom. 1.1. PENDAHULUAN Dengan semakin pesatnya perkembangan teknologi komputer menjadikan ilmu grafika komputer semakin menarik untuk dipelajari. Menurut Pavlidis, ada 3 bidang studi utama yang menangani pengolahan data berbentuk gambar, yaitu:

1. Grafika Komputer. 2. Pengolahan Citra. 3. Pengenalan Pola.

Sedangkan menurut Jain, mendefinisikan 3 bidang studi yang mengolah data berbentuk gambar, yaitu:

1. Grafika Komputer. 2. Pengolahan Citra. 3. Visi Komputer.

1.1.1.Grafika Komputer Banyak melakukan proses yang bersifat sintesis yang mempunyai ciri data masukan berbentuk deskritif dengan keluaran hasil proses yang berbentuk gambar, contoh: CAD/CAM. Contoh Penerapan Komputer Grafik

Gambar 1.1. (a) Gambar 1.1. (b)

Gambar 1.1. (c) Gambar 1.1. (d) Gambar 1.1. (a), (b), (c), (d) merupakan penerapan CAD/CAM dibidang rekayasa.


2

1.1.2. Pengolahan Citra Merupakan proses pengolahan citra analisis citra yang banyak melibatkan persepsi visual, proses ini mempunyai ciri data masukkan dan informasi keluaran yang berbentuk citra. Contoh aplikasi pengolahan citra seperti CorelDraw, PotoShop, dll.

Gambar 1.2. Pengolahan citra

1.1.3. Pengenalan Pola dan Visi Komputer Visi Komputer merupakan proses analisis citra yang cirinya merupakan kebalikan dari grafika komputer. Data masukan biasanya merupakan suatu citra atau gambar dan proses yang dilakukan adalah proses penggalian struktur gambar dengan hasil keluaran yang bersifat deskritif. Contoh pengenalan jenis penyakit paru dengan bantuan aplikasi komputer.

Gambar 1.3. Penerapan dibiang pengenalan pola

Bagaimana membedakan tiang telepon dari pohon? Mereka mempunyai ciri sama: ada batang dan ranting!. Pengenalan pola juga digunakan pada sistem pengenalan sidik jari oleh komputer.


3

Gambar 1.4. Pengenalan pola untuk sidik jari.

Bagaimana komputer dapat mengenal pola sidik jari maka pada gambar 1.5 diberikan tahapan proses yang dilalui sehingga komputer dapat menyimpulkan apakah sidik jari seseorang merupakan sidik jarinya atau tidak. Penerapan pengenalan pola ini banyak diterapak pada bidang:

- Sidik jari. - Pengenalan wajah. - Dibidang meliter. - Pengenalan golongan darah. - Pemetaan citra digital.


4

Gambar 1.5. Proses bagaimana komputer dapat mengenal sidik jari.


5

Teknik pengenalan wajah, menggunakan analisa segitiga antara jarak dua mata, jarak

mata dengan bibir. 1.2. SEJARAH GRAFIKA KOMPUTER

� Sejarah grafika dimulai sejak jaman dahulu ketika bangsa mesir, roma dan yunani berkomunikasi secara gafik. Beberapa lukisan yang terdapat pada batu nisan orang mesir dapat dikatakan sebagai lukisan teknik.


6

� Leonardo da Vinci sudah menghasilkan lukisan dengan objek 3D dengan pandangan isometrik.


7

Perkembangan grafika komputer dapat dibagi menjadi 4 fase, yaitu: Fase Pertama, tahun 50an merupakan era grafika komputer interaktif. Pada mulanya perkembangan grafika komputer interaktif tidak terlalu cepat karena teknologi dan harga komputer yang mahal.

� Pada tahun 50an MIT mengembangkan komputer whirlwind dengan tabung sinar katode. Komputer ini mampu memaparkan grafik pasif yang digunakan untuk keperluan pertahanan.

� Akhir tahun 50an banyak orang menggunakan pena cahaya sebagai alat input, selain itu pada periode yang sama alat pemrograman otomatis telah berhasil dibuat. Komputer grafik interaktif mulai diteliti oleh general motor pada tahun 1959.


8


9

Fase Kedua, dekade 60an dapat dikatakan jaman penelitian /riset grafika komputer interaktif. Saat ini grafika interaktif moderen berhasil ditemukan oleh Ivan Sutherland dengan sistem penggambaran SKETCHPAD. Beliau juga menggambarkan teknik interaktif dengan sarana keyboard dan pena cahaya.

� Pertengahan tahun 60an sejumlah proyek penelitian dan produk computer aided

design / munufacturing (CAD / CAM) telah muncul.


10

Fase Ketiga pada dekade 70an saat ini sektor industri, pemerintahan dan ilmuan mulai sadar akan pentingnya grafika komputer interaktif untuk memperbaiki kualitas desain produk secara cepat dan mudah.

Prototipe desain robot

Fase keempat, dekade 80an masa ini grafika komputer berkembang pesat. Banyak orang berlomba untuk menemukan teori dan algoritma baru, penelitian dekade ini bertumpu pada penggabungan dan pengotomatisasian sebagai unsur desain dan pemodelan pejal (solid modeling) hal ini berguna untuk industri masa depan.

� Pada tahun 90an teknologi model hibrid mulai diperkenalkan, teknologi ini berguna untuk penggabungan objek pejal dengan permukaan. Contohnya jika kita melukis sebuah mobil bagian badan mesin adalah suatu permukaan dan bagian mesin adalah bentuk pejal. Jika kita gabungkan dengan teknologi maka badan dan mesin membentuk sebuah mobil.

1.3. PERANGKAT PERAGA / TAMPILAN � Perangkat peraga digunakan untuk menampilkaan teks atau gambar. Peraga yang

digunakan dapat dikelompokkan ke dalam berbagai kelompok, yaitu: hard-copy vs soft-copy.


11

� Peraga Hard-Copy, adalah alat peraga yang bersifat tetap, dimana gambar atau teks yang ditampilkan pada alat peraga tersebut permanen. Contoh: Printer, Plotter, Film recorder, dll.

Printer

Ploter

Gambar 1.6. Printer dan Ploter


12

� Peraga Soft-Copy, adalah peraga yang bersifat tidak permanen seperti: monitor, Proyektor LCD. Monitor Proyektor LCD

Gambar 1.7. Monitor dan Proyektor LCD

1.4. PERANGKAT INTERAKTIF � Perangkat interaktif adalah perangkat-perangkat yang digunakan untuk memberi

perintah komputer.

� Perangkat interaktif contohnya: Light Pen, Mouse, Trackball, Digitzer, Laser Scan, Joystick. Mouse


13

Trackball

Digitzer

Laser Scan

Joistick

Gambar 1.8. Perangkat interaktif


14

1.5. APLIKASI GRAFIKA KOMPUTER � Aplikasi grafika komputer adalah program komputer yang dirancang khusus untuk

menghasilkan grafis atau representasi visual dari data kedalam bentuk gambar, slide dan sebagainya.

� Aplikasi grafika komputer dapat dibedakan menjadi beberapa kelompok, yaitu: 1. Aplikasi pengolah bentuk dan citra, aplikasi pengolah bentuk dan citra banyak

digunakan oleh desainer grafis dan ilustrasi.

Untuk desain karakter tokok-tokoh film kartun, komik digital atau desain iklan.


15

Pembuatn karakter tokok film kartun / komik digital

2. Presentasi, aplikasi presentasi banyak digunakan oleh kalangan bisnis dalam

mempresentasikan ide-ide atau konsep-konsep.


16

3. CAD (Computer Aided Design), Aplikasi CAD banyak digunakan dalam kalangan teknik, dengan menggunakan CAD seorang perancang tidak lagi menggunakan meja gambar.

4. Animasi, Aplikasi animasi digunakan dalam bidang periklanan dan film.


17

5. Representasi Data, Aplikasi representasi data banyak digunaan dalam bidang statistik dan geografis, seperti pembuatan peta digital.

6. Permainan, Saat ini hampir tidak ada aplikasi permainan komputer yang tidak

memanfaatkan modus grafis.


18

1.6. ELEMEN GAMBAR untuk MENCIPTAKAN GAMBAR dalam KOMPUTER

� Penghasil citra pada grafika komputer menggunakan primitif grafik dasar. Primitif ini memudahkan untuk merender sebagaimana penggunaan persamaan geometrik sederhana. Contoh primitif grafik dasar adalah: Titik, Garis, Segiempat, Lingkaran.

� Contoh primitif yang lain adalah: Poligaris, Teks, Citra raster, piksel dan Bitmap.


19

1.7.INPUT PRIMITIF GRAFIK dan PIRANTINYA

� Sebagaimana banyak piranti dan cara untuk pemaparan output grafika komputer demikian pula untuk piranti input, yaitu: Keyboard, Mouse, Graphics tablets, joystick dan trackball.

1.8.PEMROGRAMAN GRAFIKA KOMPUTER

� Ada tiga komponen untuk kerangka kerja aplikasi grafika komputer yaitu: Mode aplikasi, pemrograman aplikasi, sistem grafik.

� Sekarang banyak beredar aplikasi pengembangan cepat (rapid development applications / RAD seperti Delphi, VB).

1.9.PERANAN & PENGGUNAAN GRAFIKA KOMPUTER

� Grafika komputer digunakan dipelbagai bidang seni, sains, bisnis, pendidikan dan hiburan, sebagi contoh:

• Perpetaan/ Cartography.


20

• Kesehatan / Kedokteran.

• Computer Aided Design.


21

• Sistem Multimedia.

• Presentasi grafik untuk produksi slaids.

• Sistem paint.


22

• Presentasi data statistik.

• Pendidikan.

• Hiburan.


23

• Graphical User Iterface.

• Dll.

PRAKTIKUM 1 (Operasi Dasar) Materi ini membahas teknik peningkatan kualitas citra dengan operator + (tambah) dan – (kurang). Rancanglah sebuah form seperti berikut ini.

Gambar Citra masukan dan keluaran yang dikenakan operator –

Setting Property Nama Objek Property Setting property

Form1 Name Caption

frmKwalitasCitra Peningkatan Kwalitas Citra

Frame1 Name Caption

Tetap Citra Masukkan

PictureBox1 Name picMasukan


24

Frame2 Name Caption

Tetap Citra Keluaran

PicturBox2 Name picKeluaran Frame3 Name

Caption Tetap Kontras

Label1 Name Caption

Tetap 1 s/d 256

Label2 Name Capton

lblKecerahan 1

HsCrollBar Name Min Max SmallChange

Nilai 1 256 1

Frame4 Name Caption

Tetap Kosongkan

OptionButton1 Name Caption

optPlus +

OptionButton2 Name Caption

optMin -

Frame5 Name Caption

Tetap Kosongkan

CommandButton1 Name Caption

cmdProses &Proses

CommandButton2 Name Caption

cmdBersihkan &Bersihkan

CommonDialog1 Name Cm Buat hirarki menu sebagai berikut

Gambar 1.2 Hirarki menu


25

Caption Name File mnuFile Buka File mnuBukaFile Simpan File mnuSimpan Cetak Citra Keluaran mnuCetakCitraKeluaran - Grs1 Keluar mnuKEluar

Program 'By : I Gusti Ngurah Suryantara, S.Kom., M.Kom '--------------------------------------------- Option Explicit Dim r As Variant 'Red Dim g As Variant 'Green Dim b As Variant 'Blue Dim I, J As Variant 'Baris dan Kolom matrik Dim Warna As Variant Dim x, k As Variant Private Sub cmdBersihkan_Click() picMasukan.Cls picKeluaran.Cls End Sub 'Untuk menambah kecerahan citra dengan Operator + 'Untuk operasi yang lain sesuaikan dengan algoritma Private Sub OperatorPlus() For I = 1 To picMasukan.Width Step 15 'membac a baris matrik For J = 1 To picMasukan.Height Step 15 'membac a kolom matrik Warna = picMasukan.Point(I, J) 'nilai pikse l i,j r = Warna And RGB(255, 0, 0) 'mengkonfersi nilai red g = Int((Warna And RGB(0, 255, 0)) / 256) ' nilai green b = Int(((Warna And RGB(0, 0, 255)) / 256) / 256) ' nilai blue r = r + Val(Nilai) 'melakukan penambahan n ilai piksel red If r > 256 Then r = 256 End If g = g + Val(Nilai) 'melakukan penambahan n ilai piksel green If g > 256 Then g = 256 End If b = b + Val(Nilai) 'melakukan penambahan n ilai piksel blue If b > 256 Then b = 256 End If 'meletakkan piksel pada i,j dengan nilai wa rna yang baru picKeluaran.PSet (I, J), RGB(r, g, b) Next J Next I End Sub


26

'Untuk mengurangi kecerahan citra dengan Operator - 'Untuk operasi yang lain sesuaikan dengan algoritma Private Sub OperatorMinus() .... mikir sendiri ya.......

....

.... End Sub Private Sub cmdProses_Click() If optPlus.Value = True Then OperatorPlus End If If optMin.Value = True Then OperatorMinus End If End Sub Private Sub Form_Load() optPlus.Value = True End Sub Private Sub mnuBukaFile_Click() CM.CancelError = True On Error GoTo ja CM.Filter = "Image|*.bmp;*.gif;*.jpg;*.wmf;*.em f;*.ico;*.cur" CM.ShowOpen picMasukan.Picture = LoadPicture(CM.FileName) Exit Sub ja: Exit Sub End Sub Private Sub mnuCetakCitraKeluaran_Click() Dim Pesan On Error Resume Next Pesan = MsgBox("Are you sure want to Print? ", vbYesNo, "Cetak Citra") If Pesan = vbYes Then Printer.PrintQuality = -2 Printer.PaintPicture picMasukan.Picture, 0, 0, picMasukan.Width, picMasukan.Height Printer.EndDoc End If End Sub Private Sub mnuKEluar_Click() Unload Me End Sub Private Sub mnuSimpan_Click() CM.CancelError = True On Error GoTo ja CM.Filter = "Bitmap|*.bmp" CM.ShowSave SavePicture picKeluaran.Image, CM.FileName Exit Sub ja: Exit Sub End Sub


27

Hasil Program Berikut adalah hasil program.

Gambar Hasil program

Tugas Buatlah program untuk:

1. Buatlah program untuk melakukan peningkatan kualitas citra dengan operator – (kurang)

2. Dengan operator * (kali). 3. Dengan operator / (bagi). 4. Buat program untuk mengkonfersi citra berwarna menjadi citra hitam putih. 5. Buatlah citra biner dengan nilai ambang (misal piksel yang memiliki nilai lebih besar

dari nilai ambang akan diberi warna putih /255 , jika piksel bernilai lebih kecil dari nilai ambang diberi nilai 0 / hitam. Nilai ambang misalnya 125).

6. Buat program dari citra asli (masukkan) menjadi citra negatif film. 7. Buat program dari negatif film menjadi citra aslinya.

pert emu an 1

Documents