Esther Wibowo - esther.visual@gmail.com Erick Kurniawan erick ...

Esther Wibowo ‐ esther.visual@gmail.comErick Kurniawan ‐ erick.kurniawan@gmail.comkurniawan@gmail com

• Clip 1• Clip 2

Vektor vs RasterCITRA ASLIVEKTORmemilikiarahRASTER

Vektor• Hanya menyimpan data koordinat titik‐titik akhir, misal:(0,0) ke (3,3)• Titik‐titik di sepanjang garis perlu kalkulasi• Pengubahan ukuran objek tidak merubah kualitas

Raster• Raster : persegi panjang yang terdiri dari barisan/matrikstitik‐titik• Pixel ‐ Piksel : satu titik dalam raster• Scanline : satu baris piksel

Pembesaran raster• Menggunakan pixel replication (penggandaan piksel)• Citra hasil perbesaran berukuran lebih besar tapi lebihkasar.

Tampilan Vektor dan RastervektorRasterResolusirendahRasterResolusilebihtinggii

Pixel ‐ Piksel• Satuan gambar terkecil yang dapat ditampilkan oleh perangkatpenampil disebut bintik(dot) atau titik (point) atau piksel(pixel).• Layar monitor dapat menampilkan pixel yang tersusun rapidalam baris dan kolom yang disebut matriks.

Resolusi• Resolusi layar ‐ ukuran (diagonal) monitor,misalnya: 14, 15, atau 17 inci.• Jadi resolusi adalah kerapatan titik, dengan katalain banyak titik pada satuan panjang tertentu.• Semakin tinggi resolusi, berarti ukuran titik (pixel)makin kecil.rr 1r 2r 1 > r 2dd

Resolusi• Makin besar resolusi, makin detail gambarnya.

Teknologi Penampilan Citra• CRT ‐ Cathode Ray Tube• LCD ‐ Liquid Crystal Displays• Plasma

Sistem Tampilan CRT

Tampilan CRT• Terdiri dari matriks• Membentuk gambar dengan setting intensitas elektronyang ditembakkan• Layar 1 warna: 1 bit/piksel• Layar berwarna:• 8 bit = 256 warna• 24 bit = 16 juta warna

Frame Buffer• Untuk mengingat data nilai (tingkat intensitas) tiap pikselFrame buffer layar 1 warna

Frame Buffer Refresh• Piksel segera meredup setelah ditembak elektron• Perlu ditembak ulang untuk menghindari kedipan• Biasanya 60 kali / detik• Urutan tembakan elektron:

LCD• Materi organik dalam bentuk kristal yang mencair saatdikenai panas atau medan listrik• Hanya bertindak seperti keran, tidak memancarkancahaya, memerlukan sumber cahaya eksternalMENYALA / HIDUPMATI

Plasma• Prinsip kerja = lampu neon• Tabung gas kecil dikejutkan oleh medan listrik,menghasilkan sinar UV• UV mengaktifkan fosfor• Fosfor mengendur,memancarkan warna lain

Tampilan Vektor• Vektor dengan koordinat (5,3)

Sistem Koordinat (1)• Perhatikan perbedaan titik asalSISTEM KOORDINATLAYARSISTEM KOORDINATPENGGUNA / KARTESIUS

Sistem Koordinat (2)SISTEM KOORDINAT LAYARSISTEM KOORDINAT KARTESIUS

Sistem Koordinat Dunia (1)• Tiap output hardware memiliki koordinat yang berbeda.• Kita berusaha merancang aplikasi yang bisa digunakan diberbagai hardware.• Kita ingin citra kita independen dari resolusi layar• Kita ingin i citra kita beradaptasi idengan perubahan bh ukuranwindow.• Kita memerlukan world coordinate system ‐ sistemkoordinat dunia

Sistem Koordinat Dunia (2)• Sistem koordinat dunia = sistem koordinat yangdigunakan user.• Harus menyesuaikan Device Coordinate System ‐ SistemKoordinat Perangkat• Proses penyesuaian ini disebut normalisasi.

Viewport & Normalisasi• Viewport : bagian dari window dimana citra ditampilkan• Bila user merubah ukuran viewport, citra perludisesuaikan dengan ukuran viewport.

Rumus Normalisasi