Sistem Multimedia

Gambar – Richi Dwi Agustia

TEKNIK INFORMATIKA
UNIKOM
GRAFIK

¡ Wikipedia.org:

Graphics are visual presentations on some surface such as a wall, canvas,computer screen, paper or stone to
inform, illustrate or entertain.

Istilah grafik berasal dari kata ‘graphikos’ (Yunani) yang artinya melukiskan atau menggambarkan garis-garis.

Webster mendefinisikan grafik sebagai seni atau ilmu menggambar, terutama diartikan untuk menggambar mekanik.
Dalam penerapannya kepada media visual, maknanya berkembang lebih luas bukan hanya sekedar gambar saja. Grafik
bisa berupa stick symbol, numbers, drawing, logo, typography dan line art (clipart, logo, line art dan symbol)
GRAFIK (2)

¡ Grafik adalah medium berbasis visual. Seluruh gambar dua dimensi adalah grafik. Apabila gambar di render dalam
bentuk tiga dimensi (3D), maka tetap disajikan melalui medium dua dimensi.
¡ Istilah gambar lebih umum digunakan, secara Teknik disebut citra.
¡ Citra dihasilkan dari goresan tangan, ilustrasi, foto dan program komputer
¡ Grafik bisa menyajikan kenyataan / reality (contohnya foto) atau berbentuk iconic (contohnya kartun)
¡ Grafik terdiri dari gambar diam (still image) dan gambar bergerak (moving image).
¡ Gambar diam diukur berdasarkan canvas size dan resolusi
¡ Gambar bergerak diukur berdasarkan canvas size, resolusi dan durasi. Digunakan teknik frame by frame /motion
JENIS GAMBAR

Gambar diam (Still Image) terdiri dari 2 jenis yaitu

1. Bitmap/Raster
Gambar yang tersusun atas elemen-elemen gambar yang disebut pixel, yang umumnya berasal dari foto yang
dihasilkan oleh kamera digital atau scanner
Lineart à1 dan 0

Grayscale à abu

Multitones à lebih dari 2 warna

2. Vektor Full colour image à RGB, CMYK

Gambar yang disajikan dilayar komputer melalui visualisasi persamaan matematis dan bukan melalui penyusunan
pixel
BITMAPPED GRAPHICS

¡ Bitmapped graphics
¡ Gambar dimodelkan dari suatu kumpulan
(array) nilai-nilai piksel.
¡ Mudah dalam pengaplikasian special efek
seperti (distortion, blur,…)
¡ Scaling dan clipping adalah perhitungan
komputasi yang diperlukan untuk
menampilkan suatu gambar bitmap
FORMAT FILE GAMBAR BITMAP

Format File bitmap

¡ BMP
¡ JPEG/JPG
¡ GIF
¡ PNG
¡ TIFF
BMP

¡ Bitmap (.BMP)
¡ Format gambar yang paling umum dan
merupakan format standar Windows.
¡ Ukuran filenya sangat besar karena bisa
mencapai ukuran Megabytes.
¡ Tidak bisa/jarang digunakan di Web
BMP

¡ Bitmap (.BMP)
¡ File header
¡ Image header
¡ Color Table
¡ Pixel Data
JPG/JPEG

¡ Joint Photographic Expert Group

(.JPEG/JPG)
¡ Format gambar yang paling banyak digunakan
¡ Bisa digunakan pada web
¡ Sering digunakan pada bidang fotografi
¡ 24 bit
GIF

¡ Graphics Interchange Format (.GIF)

¡ Gambar bergerak ( banyak frame)
¡ Sering digunakan dalam web untuk
menampilkan gambar
¡ 8 bit / 256 warna
PNG

¡ Portable Network Graphics (.PNG)

¡ Ukuran file ini cukup kecil dan setara dengan
ukuran gif dengan kualitas yang bagus.
¡ Gambar tidak bergerak
¡ 16 juta warna , 24-48 bit
VEKTOR GRAPHICS

¡ Vector graphics
¡ Gambar disimpan sebagai suatu deskripsi
matematika
¡ Diperlukan sejumlah komputasi untuk
menginterprestasikan model dan
menghasilkan array piksel yang akan
ditampilkan.
¡ Mudah dalam penseleksian, pengeditan dan
retouching
FORMAT FILE GAMBAR VECTOR

Format File vektor

¡ CGM ( Computer Graphics Metafile)
¡ SVG ( Scabable Vector Graphics)
¡ SWF ( Shockwave Flash)
¡ PDF ( Portable Document Format)
GRAFIK
¡ Grafik tidak hanya terdiri dari gambar-gambar statis. Grafik tersebut dapat dimanipulasi secara dinamis:
motion dynamics → objek/background bergerak
update dynamics → obyek berubah bentuk, warna, dll.

¡ Untuk merepresentasikan/memodelkan grafik ke dalam komputer dibutuhkan suatu ilmu mengenai grafika
komputer / pengolahan citra.

Bitmap Vektor

Display speed X
Bitmap (Raster) Vs Vektor
Image Quality X

Memory Usage X

Combining Vectors and Bitmaps? Ease of Editting X

Vectors >>> bitmaps : Rasterizing
Display Independence
Bitmaps >>> Vectors? X
BITMAP VS VEKTOR ?

Primary
Image Editing
Output
Structure Software
Channels

Ideal For Scalability Format File

File Size
MEMBUAT BITMAP ATAU VEKTOR ?
ATTENTION

UNTUK MULTIMEDIA, JENIS GRAPHIC YANG DIGUNAKAN ADALAH

BITMAP/VEKTOR CLIP ART, dan HYPERGAMBAR
GAMBAR DIGITAL

¡ Representasi Image
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) à 2 warna

8 bits → gray level (0 - 255) à 256 warna
16 bits → high color (216) à 65.536 warna
24 bits → true color (224) à16.777.216 warna
32 bits → true color (232) à ????
DIGITALISASI IMAGE

Semua gambar yang akan diolah oleh komputer menjadi sebuah komponen
multimedia haruslah dalam format digital.
Tahapannya meliputi :
1. Sampling à mencacah gambar menjadi pixel-pixel
2. Kuantisasi à memberi nilai warna tertentu pada tiap pixel.
GAMBAR (IMAGE)
¡ Parameter – parameter pada Image Digital
Spatial Resolution = pixels X pixels

Spatial resolution
Color depth = bits/pixels

Jika suatu gambar disimpan maka

yang disimpan adalah array 2D dimana
masing-masing merepresentasikan Spatial resolution
data yang berhubungan dengan pixel
tersebut. Array[x,y] = warna pixel
Pixel Dimension
Pixel Count
Pixel Density/Display Resolution
GAMBAR (IMAGE)
1 Bit Monokrom 16 Bit Hi Color

8 Bit Grayscale 24 Bit Truecolor

GAMBAR (IMAGE)
Tabel resolusi display dan kebutuhan memory

Ukuran = panjang * lebar * n/8

n à kedalaman warna/color depth
COMPUTERIZED COLOURS
FORMAT WARNA

Substraktif additif
FORMAT WARNA (2)
FORMAT WARNA (3)
FORMAT WARNA (4)
DITHERING

24 bit 8 bit – adaptive

pallete (dither)

8 bit – Macintosh 4 bit (dither)

System (dither)

4 bit grayscale(dither)
8 bit grayscale(dither)

1 bit (dither)
DITHERING
DITHERING (2)
APLIKASI SINTESA GAMBAR/CITRA

¡ Image Recognation
Yaitu suatu aplikasi pengenal pola gambar dimana terjadi proses pembandingan antara gambar
input dengan gambar yang ada.

Gambar Mengobservasi Menyesuaikan

Formatting Penyesuaian
asal Gambar Gambar

Mengelompokan Pengelompokan Melabelkan

Gambar Gambar Pelabelan

Pengambilan Mengambil Intisari Gambar

Penyesuaian
Intisari Gambar dihasilkan

Anjuran Algoritma yang digunakan bersifat Heuristik

GAMBAR (IMAGE)
Transmisi Gambar
Gambar digital ditransmisikan kepada penerima melalui jaringan
komputer. Persyaratan jaringan untuk transmisi gambar :
¡ Jaringan dapat mengakomodasi transportasi data dengan ukuran besar
¡ Transmisi gambar memerlukan transportasi yang reliable
¡ Tidak bersifat time dependent (berbeda dengan transmisi audio/video)

Ukuran gambar bergantung pada format representasi gambar yang

dipergunakan untuk transmisi.Transmisi berdasarkan format
Reprentasi gambar :
¡ Raw Image Data Transmission
¡ Compressed Image Data Transmission
¡ Symbolic Image Data Transmission
RAW IMAGE DATA TRANSMISSION

¡ Gambar di-generate melalui video digitizer dan ditransmisikan

dalam format digital dari video digitizer.
¡ Kapasitas transmisi = spatial resolution * pixel quantization
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
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
KASUS

Berapa waktu yang diperlukan untuk mengirimkan gambar VGA

8 bit pada jaringan dengan kecepatan 64 Kbps dan 1.5 Mbps?
SOFTWARE SOFTWARE TEKS, GAMBAR & GRAFIK
TEXT & GRAPHICS
TEXT & GRAPHICS (2)
Thanks!
Do you have any questions?

richi@email.unikom.ac.id

CREDITS: This presentation template was created by Slidesgo, including

icons by Flaticon, infographics & images by Freepik