BAB 2 SISTEM GRAFIKA

Grafika Komputer Pertemuan Ke-2
BAB 2
SISTEM GRAFIKA
Perkembangan teknologi monitor sangat maju, dari generasi monitor
hitam putih hingga monitor berwarna. dari teknologi CRT hingga
LCD.
Oleh: I Gusti Ngurah Suryantara,S.Kom., M.Kom
2.1. PENDAHULUAN
Monitor merupakan alat peraga yang sangat penting. Dengan perkembangan perangkat keras
yang semakin maju grafika komputer semakin menarik untuk dipelajari. Pada materi ini akan
dibahas mengenai teknologi monitor dan perkembangannya.
2.2. Teknologi Monitor
Sebagian besar monitor yang kita gunakan menggunakan teknologi CRT (Catoda Ray Tube /
Tabung Katoda). Pada Gambar 2.1. memperlihatkan monitor menggunakan teknologi CRT.
Cara kerja monitor dengan teknologi CRT adalah sebagai beriku:
1. Elektron dipancakan dari elektron gun yang melewati focusing system (sistem untuk
menentukan fokus) dan diteruskan ke deflection system (sistem untuk mengatur
pembelokan) sehingga pancaran elektro mencapai posisi tertentu pada layar monitor yang
dilapisi fosfor.
2. Lapisan fosfor yang ada dimonitor yang dikenai pancaran elektron pada posisi tertentu
akan memancarkan sinar kecil pada setiap posisi yang berhubungan dengan pancaran
elektron. Pancaran sinar dari lapisan fosfor ini cepat hilang, untuk mempertahankannya
diperluka proses refreshing (menembakan eletron berulang kali pada posisi yang sama).
Jumlah maksimum titik yang dapat ditampilkan pada layar monitor disebut resolusi. Resolusi
yaitu jumlah titik yang dapat ditampilkan per senti meter menurut arah horisontal dan vertikal.
Semakin tinggi resolusinya semakin bagus dan lebih realistis terutama untuk menampilkan
citra dan grafik.
Gambar 2.1. A
28
Grafika Komputer Pertemuan Ke-2
Gambar 2.1. B
Gambar 2.1. (A,B) Teknologi monitor CRT
A-Chatode, B- Deflection Coils, C-Focus Anode, D-Lapisan Fosfor, E-Pancaran Elektron,
F-Lapisan Fosfor Pada Layar Monitor.
Dalam proses menampilkan objek dilayar dalam teknologi CRT dapat dibedakan menjadi dua
yaitu:
1. Raster Scan Display (metode ini yang paling banyak digunakan dalam teknologi CRT).
2. Random Scan Display.
3.2.1. Raster-Scan-Display
Raster-Scan-Display berdasarkan teknologi televisi. Pancaran elektron bergerak baris per
baris keseluruh layar monitor.
Berikut adalah contoh proses menampilkan gambar pada layar dengan menggambar baris per
baris.
29
Grafika Komputer Pertemuan Ke-2
Gambar 2.2. Proses pergerakan pancaran elektron secara baris perbaris dalam proses
menampilkan gambar pada layar.
Gambar 2.3. Conoh hasil menampilkan objek dengan teknologi raster-scan-display
3.2.2. Random-Sacn-Display
Random Scan Display pancaran elektron hanya diarahkan pada bagian layar dimana gambar
akan dibuat. Refresh rate pada random-scan-display tergantung dari jumlah garis yang
ditampilkan. Random-scan-display dirancang untuk membuat gambar dengan rate antara 30
sampai 60 tiap detik. Sistem dengan kualitas tinggi dapat menangani sampai 100.000 garis
pendek setiap represh. Random-scan system dirancang untuk aplikasi line drawing tidak dapat
menampilkan gambar raster.
Gambar 2.4. Proses pergerakan pancaran elektron secara baris perbaris dalam proses
menampilkan gambar pada layar
30
Grafika Komputer Pertemuan Ke-2
3.2.3. Color CRT Monitor
Pada teknologi color CRT monitor dalam menampilkan gambar yang berwarna menggunakan
kombinasi pancaran warna fosfor yang berbeda.
Dengan adanya kombinasi sinar dari fosfor yang berbeda akan diperoleh tingkat warna yang
dapat ditampilkan. Dalam mendapatkan warna ada dua macam yaitu: beam penetration dan
shadow mask.
Beam peneration digunakan unuk menampilkan gambar berwarna dengan random scan
monitor. Dua lapisan fosfor biasanya red dan green dilapisan bagian dalam, warna yang
dihasilkan berdasarkan berapa besar pancaran elektron menembus lapisan fosfor. Pancaran
lemah akan mencapai lapisan luar red. Pancaran kuat menembus lapisan red mencapai lapisan
green. Kombinasi pancaran red dan green akan menghasilkan warna yang lain.
Methode shadow mask biasanya digunakan pada raster-scan system termasuk TV. Metode
ini menghasilkan tingkat warna yang lebih banyak dibandingkan dengan metode beam
penetration.
Shadow mask CRT mempunyai 3 macam fosfor warna pada titik pixel. Satu titik fosofor
memamcarkan sinar Red, yang kedua Green, yang ketiga Blue. CRT mempunyai 3 elektron
gun untuk tiap titik warna.
Pada saat ketiga pancaran elektron melewati suatu lubang pada shadow mask, dot triangle
menjadi aktif. Titik fosofor pada triangle diatur sehingga tiap elektron dapat mengaktifkan
hanya satu titik warna setelah melalui shadow mask. Variasi warna didapatkan dari intensitas
dari ketiga pancaran elektron. Color CRT dalam sistem grafika dirancang sebagai RGB
monitor. RGB monitor dapat menyimpan 24 bit per pixel dapat menghasilkan full color atau
true color.
Gambar 2.5. Gambar warna RGB
31
Grafika Komputer Pertemuan Ke-2
3 warna dasar adalah Red, Green, Blue untuk warna yang lain dapat dihasilkan dari kombiasi
3 warna dasar tersebut.
Gambar 2.6. Operasi delta-delta pada shadow mask
Gambar 2.7. Pancaran elektron gun menembus shadow mask
32
Grafika Komputer Pertemuan Ke-2
Gambar 2.8. Contoh pancaran elektron gun pada Color CRT
1. Electron guns 2. Electron beams 3. Focusing coils 4. Deflection coils 5. Anode connection 6. Mask for
separating beams for red, green, and blue part of displayed image 7. Phosphor layer with red, green, and blue
zones 8. Close-up of the phosphor-coated inner side of the screen
Close Up of Color CRT
33
Grafika Komputer Pertemuan Ke-2
Gambar Electron Gun
Contoh pixel yang menyala
Gambar 2.8. Prototipe cara kerja color CRT
3.2.4. Direct View Storage Tube
Direct View Storage merupakan metode lain untuk mengatur image pada layar dengan cara
menyimpan informasi gambar dalam CRT. Direct View Storage Tube menyimpan informasi
gambar sebagai charge distribution di belakang lapisan fosfor pada layar. DVST
menggunakan dua macam electron gun. Pertama, primary gun yang berfungsi untuk
menyimpan informasi pola gambar, dan kedua adalah flood gun berfungsi untuk menampilkan
gambar.
Dibandingkan dengan CRT, DVST mempunyai kelebihan, dapat menampilkan gambar yang
kompleks dengan resolusi tingi tanpa adanya kedipan. Hal ini dikarenakan tanpa adanya
refreshing.
34
Grafika Komputer Pertemuan Ke-2
Sedangkan kekurangan DVST yaitu pada dasarnya tidak menampilkan warna, dan bagian
yang diseleksi tidak dapat dihilangkan. Untuk menghilangkan sebagian gambar harus
dilakukan dengan menghapus semua gambar pada layar, dan setelah itu dilakukan modifikasi
gambar lagi. Untuk gambar yang rumit, modifikasi dan pembentukan gambar kembali
memerlukan waktu beberapa detik. Gambar 2.9. memperlihatkan arsitektur DSVT.
Gambar 2.9 Arsitektur DSVT
3.2.5.Flat-Panel Display
Teknologi lain untuk tampilan selain menggunakan teknologi CRT adalah Flat-Panel dispaly.
Flat panel display mempunyai ukuran lebih tipis daripada CRT. Penggunaan flat-panel
display diantaranya TV, Calculator, NoteBook, dll. Flat-Panel display dapat dibagi menjadi
dua katagori yaitu: emissive display (emitters) dan nonemssive display.
Emissive display mengkonversi energi listrik menjadi sinar. Plasma panel, light emitting
diode, dan film electroluminescent adalah contohnya. Nonemissive display atau nonemitters
menggunakan efek optik untuk mengkonversi sinar matahari atau sinar dari sumber lain ke
dalam pola grafik. Contoh nonemissive display adalah liquid chrystal display.
Plasma Panel
Plasma panel juga disebut dengan gas-discharge display dibuat dengan mengisi ruangan
antara pelat kaca dengan gas, biasanya gas neon, seperti pada Gambar 2.10. Satu set
konduktor ditempatkan vertikal pada pelat pertama dan yang lainnya ditempatkan horisontal
pada pelat kedua. Tegangan antara kedua pelat tersebut disebabkan oleh gas neon diantaranya.
Definisi gambar disimpan dalam refresh buffer, dan tegangan menyebabkan refreshing pixel
pada posisinya sebanyak 60 kali tiap detik.
35
Grafika Komputer Pertemuan Ke-2
Gambar 2.10. Komponen plasma panel
Gamar 2.11. Plasma panel
Liquid Chrystal Disply
LCD terdiri dari susunan molekul yang dapat bergerak seperti cairan. Sinar melalui material
dirotasi sampai arah yang berlawanan. Sinar kemudian direfleksikan kembali ke arah orang
yang melihatnya. Jenis ini disbut dengan passive-matrix LCD.
Gambar disimpan pada refrsh buffer, dan refreshing pada layar dilakukan dengan rate 60
frame per detik. Warna dapat diampilkan dengan mengunakan material yang berbeda dan
menenmpatan tiga pixel warna pada setiap lokasi layar.
Metode lain dari LCD, yaitu dengan menempatkan transitor pada lokasi suatu layar.
Transistor tersebut digunakan untuk mengontrol tegangan pada setiap lokasi pixel dan
menghindari kebocoran keluar dari sell liquid-crystal. Falat-panel ini disebut active-matrix
display.
36
Grafika Komputer Pertemuan Ke-2
Teknologi CRT dan Teknologi LCD
Gambar 2.12. Cara kerja LCD
Gambar 2.13. Layar monitor menggunakan teknologi LCD
37
Grafika Komputer Pertemuan Ke-2
3.2.6.Alat Tampilan 3D
Monitor untuk menampilkan grafik 3D dikembangkan dengan memantulkan image dari suatu
cermin (vibrating mirror). Pada saat cermin bergetar ukuran jarak berubah. Sinkronisasi
getaran dilakukan dengan menampilkan objek pada CRT sehingga setiap titik dari objek
dipantulkan oleh cermin pada posisi spasial sesuai jarak dari titik ke posisi penglihatan.
Gambar 2.14. memperlihatkan sistem Genisco Space Graph yang mengunakan cermin
penggetar untuk memproyeksikan objek tiga dimensi. Sistem ini juga mampu menampilkan
bentuk 2D dari objek yang dibuat denan kedalaman lain. Beberapa aplikasi menggunakan
sistem ini antara lain:
• Kedokteran, menganalisa data dari ultrasonography.
• Gologi.
• Desain dalam membuat objek solid.
• Simulasi 3D seperti penggambaan molekul.
Proyeksi
Image 3D
Timing & control
system
vibrating
mirror
Penglihatan
Gambar 2.14. Cara kerja tampilan 3D mengunakan cermin getar
Teknik Lain Penghasil Pandangan 3D
Teknik lain dalam mempresentasikan objek 3D adalah menampilkan stereoscopic view.
Metode ini tidak menghasilkan benar-benar objek 3D secara nayata. Metode ini hanya
manipulasi pandangan yang berbeda antara mata kiri dan mata kanan sehingga mendapatkan
kedalaman. Dengan adanya perbedaan informasi yang dilihat dari mata kiri dan mata kanan
mengakibatkan otak memberikan respon seperti melihat objek 3D secara nyata.
Untuk mendapatkan pandangan stereoscopic pertama-tama dibuat dua gambar suatu scene
sesuai dengan pandangan mata kiri dan mata kanan. Pembuatan dua gambar ini memiliki
sudut yang berbeda. Kemudian secara bersama-sama gambar kiri dilihat dengan mata kiri dan
gambar kanan dengan mata kanan. Kedua image tersebut membentuk suatu image dengan
kedalaman. Sehingga memberikan kesan objek 2D menjadi objek 3D. Pandangan stereoscopic
diperlihatkan seperti pada Gambar 2.15.
38
Grafika Komputer Pertemuan Ke-2
Gambar 2.15. Pandangan stereoscopic
Gambar kiri untuk dilihat mata kiri dan gambar kanan untuk dilihat mata kanan
39
Grafika Komputer Pertemuan Ke-2
Gambar di satukan bisanya kelihatan agak membayang dan biasanya menggunakan kacamata khusus
untuk melihatnya.
40
Grafika Komputer Pertemuan Ke-2
3.3. Raster Scan Display
Raster graphic system pada umumnya terdiri dari beberapa unit pemroses. Kecuali CPU,
digunakan prosesor khusus video controller atau display controller yang berfungsi untuk
mengontrol operasi dari peralatan display. Arsitektur raster system dengan video controller
dan display processor dapat dijelaskan sebagai berikut:
3.3.1.Vido Controller
Organisasi dari raster system yang sederhana seperti pada Gambar 2.16. Ruangan yang
tertentu dari memori dihubungkan dengan frame buffer, dan video controller dapat mengakses
secara langsung memori frame buffer. Lokasi frame buffer berhubungan dengan posisi pada
layar yang menggambarkan koordinat Cartesian.
41
Grafika Komputer Pertemuan Ke-2
Operasi dasar pada video controller seperti pada Gambar 2.x dua register digunakan untuk
menyimpan koordinat pixel pada layar. Nilai dari posisi pixel yang disimpan pada frame
buffer diambil dan digunakan untuk mengatur intensitas dari pancaran elektron. Kecuali
refreshing dasar, beberapa operasi dapat dilakukan. Video controler dapat mengambil
intensitas pixel dari area memori yang berbeda pada siklus refreshing yang berbeda.
Pada sistem dengan kualitas tinggi, sering digunakan dua frame bufer, sehingga satu bufer
degunakan untuk refreshing, sedangkan yang lain diisi dengan nilai intensitas. Kedua buffer
tersebut dapat salin betukar untuk melakukan fungsi tersebut, sehingga dapat memenuhi
kebutuhan mekanisme yang cepat, seperti animasi real-time. Beberapa sistem dirancang untuk
memungkinkan video menggunakan image dari frame buffer dengan image yang dimasukkan
sebagai input dari kamera televisi atau alat input yang lain.
CPU
Sistem
Memory
Frame
Buffer
Display
Controller
System bus
I/O device
Gambar 2.16. Arsitektur dari sistem grafik sederhana
Gambar A
Gambar B
Gambar 2.17. Dua penempatan koordinat x dan y pada monitor, yang umum digunakan
adalah gambar B.
42
Grafika Komputer Pertemuan Ke-2
Raser scan generator
Register
X
Horizontal & vertical deflection
Register
Y
Memory address
Register Pixel
intensitas
Frame buffer
Gambar 2.18. Operasi dasar refreshing pada video controler
3.3.2.Raster-Scan Display Processor
Organiasi Raster Scan system dengan display processor dapat dilihat pada Gambar 2.19.
Raster system terdiri dari display processor tersendiri, biasanya disebut graphic controller atau
diplay coprocessor. Kebutuhan display processor ini untuk membebaskan CPU dari pekerjaan
grafik.
Fungsi utama dari display processor adalah membuat digitasi gambar yang dimasukkan dari
program aplikasi ke dalam frame buffer. Proses digitasi tersebut dikenal dengan nama scan
convesion. Perintah grafik pada pembuatan garis lurus dan objek geometri lainnya dikonversi
menjadi intensitas titik yang diskrit.
Metode yang sama digunakan untuk mengkonversi kurva dan outline suatu poligon. Display
processor juga dirancang untuk menampilkan sejumlah operasi tambahan, seperti macammacam garis. Display memory juga dirancang untuk dapat berhubungan dengan alat input
interaktif, seperti mouse, dll.
Display processor
memory
CPU
Display
Controller
Frame
Buffer
Display
processor
System
memory
System bus
I/O device
Gambar 2.19. Arsitektur raster graphic system dengan display processor
43
Grafika Komputer Pertemuan Ke-2
3.4.Random Scan System
Program aplikasi dimasukkan dan disimpan dalam system memory dari suatu perangkat lunak
aplikasi grafik. Perintah grafik pada program aplikasi diterjemahkan ke dalam display file
yang disimpan dalam system memory. Kemudian display file diakses oleh display processor
untuk ditampilkan pada layar monitor. Display processor mengulang kembali setiap perintah
dari program pada saat dilakukan refreshing. Pola grafik digambar pada random scan system
dengan menambahkan elektron langsung sesuai komponen garis pada layar monitor. Garis
ditentukan
oleh
nilai
dari
dua
koordinat
titik
awal
dan
akhir.
CPU
Sistem
Memory
Display
Processor
System bus
I/O device
Gambar 2.20. Arsitektur random scan system yang sederhana
3.5. Sistem Koordinat Pada Monitor
Pada sumbu Cartesian arah vertikal di representasikan sebagai sumbu y (dari y bernilai negatif
hinga y bernilai positif) dan arah horisontal di representasikan sebagai sumbu x (dari x
bernilai negatif hingga x bernilai positif). Sistem koordinat pada layar monitor berbeda pada
sumbu Cartesian secara umum, pada layar monitor tidak dikenal nilai negatif dan pada layar
monitor menggunakan arah kebawah sebagai sumbu y positif dan arah mendatar sebagi
sumbu x positif.
Gambar 2.21-A. Sumbu cartesian
44
Grafika Komputer Pertemuan Ke-2
Gambar 2.21-B. Sistem cartesian dan sistem coordinat monitor
Bila kita menginginkan dilayar monitor dapat menggambarkan sisi koordinat cartesian maka
harus dibuat program yang membagi layar sesuai dengan sumbu cartesian.
Gambar 2.22. Sistem koordnat pada layar monitor
45
Grafika Komputer Pertemuan Ke-2
Salah satu penerapan komputer grafik
Salah satu penerapan kompter grafik digunakan dalam MAGIC EYE - STEREOGRAMS
46
Grafika Komputer Pertemuan Ke-2
47