Top Banner
MULTIMEDIA IMAGE ARIF BUDIANTO H1L012074 GANANG NUGROHO AJI H1L012035 HADI PURNOMO H1L013007 DITA ZENITHA ZAIN H1L013031 MUTHIA ATHAYA H1L013030 SARDO SAMUEL ERICK LIMBONG H1L013041 AISYAH FATHIA P H1L014002 CICIH NUR’EISH H1L014006 AHMAD ILYAS H1L014008
21

MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

Mar 07, 2019

Download

Documents

hahanh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

MULTIMEDIA IMAGE ARIF BUDIANTO H1L012074

GANANG NUGROHO AJI H1L012035

HADI PURNOMO H1L013007

DITA ZENITHA ZAIN H1L013031

MUTHIA ATHAYA H1L013030

SARDO SAMUEL ERICK LIMBONG H1L013041

AISYAH FATHIA P H1L014002

CICIH NUR’EISH H1L014006

AHMAD ILYAS H1L014008

Page 2: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

GAMBAR (IMAGE)

Gambar (image) merupakan suatu representasi spatial dari suatu obyek,

dalam pandangan 2D atau 3D.

Gambar 2 dimensi bisa berasal dari: kamera, kaca, lensa, teleskop.

“gambar / foto adalah sebuah artefak yang mereproduksi rupa beberapa

subjek-biasanya berupa benda fisik atau seseorang. "

~wikipidia.org

Page 3: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

GAMBAR DIGITAL Gambar digital merupakan suatu fungsi dengan nilai-nilai yang berupa intensitas cahaya pada tiap-

tiap titik pada bidang yang telah diquantisasikan (diambil sampelnya pada interval diskrit).

Titik dimana suatu gambar di-sampling disebut picture element (pixel). Nilai intensitas warna pada suatu pixel

disebut gray scale level.

1 bit → binary-valued image (0 - 1)

8 bits → gray level (0 - 255)

16 bits → high color (216)

24 bits → 224 true color

32 bits → true color (232)

Page 4: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

GAMBAR DIGITAL

Page 5: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

GAMBAR DIGITAL Format gambar digital memiliki 2 parameter:

1. spatial resolution pixels X pixels

2. color encoding bits / pixel

Misalnya kita punya file dengan ukuran 100×100 pixel, kedalaman 24 bit. Maka ukuran file aslinya adalah :

100x100x24 = 240000 bit

= 240000/8 Byte

= 30000 Byte

= 29,30 KByte

Kedalaman 24bit berarti dalam 1 pixel disediakan ruang

sebanyak 24 bit untuk menampung warna. Berhubung kita

bicara ruang warna RGB, artinya 24 bit ini dibagi 3. R (red)

dapat 8 bit, G (green) dapat 8 bit, dan B (blue) memperoleh

jatah 8 bit juga. Jadi 1 warna dalam sebuah pixel tersusun

dari 3 komponen warna RGB.

Page 6: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

TABEL RESOLUSI DISPLAY DAN KEBUTUHAN MEMORY

Page 7: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

TABEL RESOLUSI DISPLAY DAN KEBUTUHAN MEMORY

Jika suatu gambar disimpan maka yang disimpan adalah array 2D dimana

masing-masing merepresentasikan data yang berhubungan dengan pixel

tersebut. Arr

ay[x,y] = warna pixel Setiap pixel dapat mempunyai informasi

tambahan yang berhubungan dengan

pixel tersebut. Masing-masing gambar

juga memiliki informasi tambahan seperti

lebar X panjang gambar, kedalaman

gambar, pembuat, dll.

Page 8: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual
Page 9: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

BITMAP (BMP)

Contoh image bitmap (BMP)

Page 10: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

BITMAP (BMP)

Bitmap adalah representasi dari citra grafis yang

terdiri dari susunan titik yang tersimpan di memori

komputer. Dikembangkan oleh Microsoft dan nilai setiap

titik diawali oleh satu bit data untuk gambar hitam

putih, atau lebih bagi gambar berwarna.

~Wikipedia.org

Page 11: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

BITMAP (BMP) File Header BITMAPCOREHEADER

BITMAPFILEHEADER

Color Palette RGBQUAD STRUCTURE

Image Header

BITMAPINFOHEADER

RGBTRIPLE STRUCTURE

Page 12: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

GRAFIK (GRAPHICS)

Contoh image grafik vektor

Page 13: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

GRAFIK (GRAPHICS)

Ada 2 jenis grafik:

1. Raster: dimana setiap pixel didefinisikan secara terpisah.

2. Vector: dimana formula matematika digunakan untuk menggambar graphics primitives (garis,

kotak, lingkaran,elips, dll) dan menggunakan attributnya.

Grafis adalah presentasi visual pada beberapa permukaan seperti

dinding, kanvas, layar komputer, kertas atau batu untuk

menginformasikan, menggambarkan atau menghibur.

~Wikipedia.org

Page 14: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

GRAFIK (GRAPHICS)

Gambar vektor biasanya berukuran lebih kecil, gambar tidak pecah, semua manipulasi

dilakukan melalui rumus.

Grafik tidak hanya terdiri dari gambar-gambar statis.

Grafik tersebut dapat dimanipulasi secara dinamis:

motion dynamics obyek / background bergerak

update dynamics obyek berubah bentuk, warna, dll

Page 15: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

BITMAP VS. VEKTOR

Page 16: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

TRANSMISI GAMBAR Gambar digital ditransmisikan kepada penerima melalui

jaringan komputer. Persyaratan jaringan untuk transmisi gambar :

1. Jaringan dapat mengakomodasi transportasi data dengan

ukuran besar

2. Transmisi gambar memerlukan transportasi yang reliable

3. Tidak bersifat time dependent (berbeda dengan transmisi

audio/video)

Ukuran gambar bergantung pada format representasi gambar

yang dipergunakan untuk transmisi.

Page 17: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

TRANSMISI GAMBAR Transmisi berdasar format representasi gambar :

1. Raw image data transmission

• Gambar di-generate melalui video digitizer dan ditransmisikan dalam format digital dari video

digitizer.

• Kapasitas transmisi = spatial resolution * pixel quantization Contoh : Gambar dengan resolusi 640 x

480 pixel dengan pixel quantization 8 bit per pixel. Maka untuk transmisi diperlukan 307200 bytes

pada jaringan komputer.

2. Compressed image data transmission

• Gambar di-generate oleh video digitizer dan dikompres terlebih dahulu sebelum ditransmisikan.

• Penurunan ukuran gambar tergantung pada metode kompresi dan compression rate yang

dipergunakan.

• Contoh : JPEG, MPEG

3. Symbolic image data transmission

• Gambar di presentasikan melalui symbolic data representation sebagai image primitive (bentuk

dasar 2D atau 3D), atribut, dan informasi kontrol lain.

• Metode ini dipergunakan dalam computer graphics

Page 18: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

TRANSMISI GAMBAR Contoh: Waktu yang diperlukan untuk mengirimkan gambar: - VGA – 8 bit

compatible - SVGA - 24 bit compatible pada jaringan dengan kecepatan 64 Kbps

dan 1.5 Mbps?

Jawab:

Ukuran tiap-tiap gambar :

VGA 640 x 480 x 8 = 2457600 bits

SVGA 1024 x 768 x 24 = 18874368 bits

Page 19: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

FORMAT FILE GAMBAR 1.Bitmap (.BMP)

2.Joint Photographic Expert Group (.JPEG/JPG)

3.Graphics Interchange Format (.GIF)

4.Portable Network Graphics (.PNG)

Page 20: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

GRAPHICAL MODELLING DIBAGI MENJADI ;

1. Bitmapped graphics

2. Vector graphics

Page 21: MULTIMEDIA IMAGE - teguh-cahyono.blog.unsoed.ac.idteguh-cahyono.blog.unsoed.ac.id/files/2016/09/GAMBAR.pdf · dalam pandangan 2D atau 3D. Gambar 2 ... Grafis adalah presentasi visual

SEKIAN DAN TERIMAKASIH