BERKAS DIGITAL

TEKS, GAMBAR & GRAFIK

PEMROGRAMAN MULTIMEDIA
TEKNIK INFORMATIKA
TEKS
Plain Text (Unformatted Text)
• adalah teks yang diencode dalam format ASCII.
• Plain text tidak memiliki format dan informasi struktur seperti
ukuran dan tipe font, warna, atau layout.
• Biasanya plain text berupa ASCII yang setiap characternya
memiliki range antara 7 hingga 8 bit
• Teks merupakan data dalam bentuk karakter,
• ASCII berdasarkan English Alphabet.
EX : disaat mengetik dengan menggunakan notepad (.txt)
TABEL ASCII

69.. s/d 255

Formatted Text (Rich Text Format)
• Serangkaian karakter format yang telah didefinisikan
dan melewati proses formatting artinya text tersebut
dapat diberikan format dalam penulisannya.
EX : pada saat kita mengetik dengan menggunakan
Wordpad (.rtf) dll.
• Pada Wordpad plain teks telah diformat sedemikian
rupa dengan menggunakan aturan (tag/tanda)
tertentu sehingga teks tersebut dapat dibold, italics,
underline, diwarna, diganti font, dan lain-lain.
Hypertext
Hypertext adalah suatu text yang mengandung tujuan untuk
navigasi ke suatu halaman lain, dapat disebut juga sebagai link
penghubung ke halaman tersebut.
Diperkenalkan oleh Ted Nelson (1965),
Hypertext adalah teks yang memiliki fasilitas linking.
Contoh hypertext :
• HTML (Hypertext Markup Language)
• XML (eXtensible Markup Language)
HTML (Hypertext Markup Language)
Merupakan standard bahasa yang digunakan untuk
menampilkan document web.
Yang dapat dilakukan dengan HTML :
• Mengontrol tampilan dari web page dan contentnya,
• Mempublikasikan document secara online sehingga bisa
di akses dari seluruh dunia,
• Membuat online form yang bisa di gunakan untuk
menangani pendaftaran, transaksi secara online,
• Mendukung link (sebuah hubungan dari satu dokumen ke
dokumen lain) antar dokumen,
• Menambahkan object-object seperti image, audio, video,
flash dan juga java applet dalam document HTML.
XML (eXtensible Markup Language)
HTML berkembang ke XHTML
• Menyimpan data secara ringkas dan mudah diatur
• Strukturnya lebih jelas dan punya arti,
• Intelligence, karena XML mampu menangani berbagai
komplesitas markup bertingkat-tingkat,
• Portable, karena memisahkan data dan presentasi,
• Extensible, dapat ditukar/digabung dengan dokumen XML
lain,
• Maintenance, XML mudah untuk diatur dan dipelihara,
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 digital merupakan suatu fungsi dengan nilai-nilai
yang berupa intensitas cahaya pada tiap-tiap titik pada
bidang yang telah diquantisasikan
• Titik dimana suatu gambar di-sampling disebut picture
element (pixel),
Pixel
• Pixel adalah singkat dari Picture Element yang berarti
bagian terkecil dari penyusun gambar digital. Gambar
digital pada dasarnya adalah kumpulan titik yang
membentuk sebuah pola. Titik inilah yang disebut
sebagai Pixel.
Resolusi
• Pixel didistribusi ke dalam bidang dua dimensi yakni
Width (Horisontal) dan High (Vertikal). Hasil perkalian
antara panjang x lebar ini disebut sebagai resolusi.
 Resize to 1200 px X 1200 px

Resolusi 2000 px X 2000 px Resolusi 100 px X 100 px

JENIS GAMBAR / IMAGE

• Citra Biner
• Citra Grayscale
• Citra Warna 8 bit
• Citra Warna 16 bit
• Citra Warna 24 bit
Citra Biner
• Citra digital yang hanya memiliki 2 kemungkinan nilai
piksel yaitu Hitam dan Putih
• Disebut juga Citra B&W (Black and White) / Citra
Monokrom
• 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),
• Hanya dibutuhkan 1 bit untuk mewakili nilai setiap piksel
• Binary-valued image (0 - 1)
Citra Biner/ Monokrom
Citra Grayscale
• Merupakan citra digital yang hanya memiliki nilai satu
kanal pada setiap pikselnya.
• Warna yang dimiliki adalah warna dari hitam, keabuan,
dan putih. Tingkat keabuan merupakan warna abu degan
berbagai tingkatan dari hitam hingga mendekati putih.
• Memiliki kedalaman warna 8 bit (256 kombinasi warna
keabuaan)
• Gray level (0 - 255)
Citra Grayscale
Proyeksi Citra Grayscale
Citra Warna 8 bit
• Setiap pixel dari citra warna diwakili oleh 8 bit dengan
jumlah warna maksimum 256 warna (2^8).
• Citra warna 8 bit menggunakan palet warna 256 dengan
setiap paletnya memiliki pemetaan nilai (colormap) RGB
tertentu.
• Setiap piksel memiliki format 8 bit sebagai berikut :
Citra Warna 16 bit
• Disebut sebagai citra highcolor dengan setiap pixelnya
diwakili dengan 2 byte memory (16 bit)
• Warna 16 bit memiliki 65.536 warna (2^16)
• Warna merah & biru mengambil tempat di 5 bit di kanan
• Hijau memiliki 5 bit ditambah 1 bit ekstra, karena
penglihatan manusia lebih sensitif terhadap warna hijau.
Citra Warna 16 bit
• Disebut sebagai citra highcolor dengan setiap pixelnya
diwakili dengan 2 byte memory (16 bit)
• Warna 16 bit memiliki 65.536 warna (2^16)
• Warna merah & biru mengambil tempat di 5 bit di kanan
• Hijau memiliki 5 bit ditambah 1 bit ekstra, karena
penglihatan manusia lebih sensitif terhadap warna hijau.
Citra Warna 16 bit
Citra Warna 24 bit
• Setiap piksel diwakili dengan 24 bit sehingga total
16.777.216 variasi warna (2^24)
• Variasi warna ini sudah lebih dari cukup untuk
memvisualisasikan seluruh warna yang dapat dilihat oleh
penglihatan manusia.
• Setiap poin informasi piksel (RGB) disimpan ke dalam 1
byte data. 8 bit pertama menyimpan nilai Biru, 8 bit
kedua nilai Hijau dan 8 bit terakhir merupakan nilai
Merah.
Citra Warna 24 bit
BMP (Bitmap)
• Bitmap adalah representasi dari citra grafis yang terdiri dari susunan titik
(pixel) yang tersimpan di memori komputer.
• Nilai setiap titik diawali oleh satu bit data (untuk gambar hitam putih)
atau lebih (untuk gambar berwarna).
• Kerapatan titik-titik tersebut dinamakan resolusi, yang menunjukkan
seberapa tajam gambar ini ditampilkan, ditunjukkan dengan jumlah baris
dan kolom (contoh 1024×768).
• Gambar bitmap sangat bergantung pada resolusi.
• Gambar diperbesar maka gambar akan tampak kurang halus atau pecah,
sehingga mengurangi detailnya.
• Selain itu gambar bitmap akan mempunyai ukuran file yang lebih besar.
• Semakin besar resolusi gambar akan semakin besar pula ukuran filenya.
Vektor
adalah gambar yang terdiri dari garis, bentuk, bidang dan warna yang
dituliskan dalam instruksi-instruksi matematis dan jika diperbesar gambar
vektor kualitasnya masih tetap bagus sebagaimana aslinya.
Keunggulan dan kelemahan Grafis Berbasis Vektor dan
Grafis Berbasis Bitmap.
Grafis basis vektor :

Keunggulan
• Ukuran file dokumen yang dihasilkan kecil, sehingga menghemat
memori penyimpanan.
• kualitasnya masih tetap bagus sebagaimana aslinya walau
diperbesar.

Kelemahan
Pemakaian prosesor yang memakan memori lebih banyak sehingga
komputer bekerja menjadi lebih lambat.
Grafis basis bitmap :

Keunggulan
Pemakaian memori pada prosesor lebih kecil dibandingkan dengan grafis
berbasis vektor.

Kelemahan
Ukuran file dokumen yang dihasilkan besar.
Pengertian dasar Image Processing
1. Pixel ( picture elemen )
Adalah titik terkecil (elemen) yang membentuk suatu gambar pada layer
monitor, disebut juga dengan dot.

2. Resolusi
Adalah Bamyaknya titik ( pixel ) yang menyusun suatu gambar atau layer.
Ukurannya adalah jumlah pixel horizontal dikalikan jumlah pixel vertical.
Contoh : ukuran 640 x 480 , artinya 640 pixel mendatar, dan 480 vertikal.

3. Dots per inchi (dpi / pixel per inchi )

Banyaknya titik atau pixel tiap satuan inchi. Contoh : 600 dpi , berarti
terdapat 600×600 pixel tiap inchi persegi.
Macam-Macam Jenis Format Gambar 

a. Microsoft bitmap (. Bmp)

• Digunakan di Microsoft windows
• Dapat dibaca oleh program grafis manapun.
b. TIFF – Tagged Image File Format (.tif)
• TIFF merupakan format gambar terbaik dengan pengertian bahwa
semua data dan informasi (data RGB, data CMYK, dan lainnya) yang
berkaitan dengan koreksi atau manipulasi terhadap gambar tersebut
tidak hilang.
• Format TIFF biasa digunakan untuk kebutuhan pencetakan dengan
kualitas gambar yang sangat tinggi sehingga ukuran berkas untuk
format ini biasanya sangat besar, karena dalam file ini gambar tidak
dikompresi
c. JPEG – Joint Photographic Expert Group (.jpg)
• Berguna untuk menyimpan photographic images
• Dikembangkan oleh Joint Photographic Experts Assemble (JPEG) yang
dijadikan standar untuk para fotografer profesional.
• JPG mengompresi data gambar dengan cara mengurangi bagian-
bagian dari gambar untuk memblok pixel dalam gambar tersebut.
d. GIF – Graphics Interchange Format (.gif)
• Banyak digunakan di web sites
• GIF, sama seperti JPG, adalah format gambar yang sudah cukup lama
digunakan dan salah satu yang umum dipakai di internet.
• Format file ini merupakan format standar untuk publikasi elektronik dan
internet.
• Format file mampu menyimpan animasi dua dimensi yang akan
dipublikasikan pada internet, desain halaman web dan publikasi
elektronik.

File GIF cocok digunakan untuk :

• Gambar dengan jumlah warna sedikit (dibawah 256).
• Gambar yang memerlukan perbedaan warna yang tegas seperti logo
tanpa gradien.
• Gambar animasi sederhana seperti banner-banner iklan, header, dan
sebagainya.
• Print shoot (hasil dari print screen) dari program-program simple dengan
jumlah warna sedikit.
• Gambar Grayscale memiliki palet 8-bit juga, jadi sah-sah saja/sebaiknya
disimpan dalam format GIF.
PNG (Portable Network Graphics)
• Dikembangkan sebagai alternatif lain untuk GIF.
• Format file ini digunakan untuk menampilkan objek dalam halaman web.

RAW (mentah)
• Format file ini merupakan format file yang fleksibel untuk pertukaran
dokumen antar aplikasi dan platform.
• Format file ini mampu menyimpan mode warna RGB, CMYK, dan
Grayscale dengan 1 alpha channel serta mode warna Multichannel, Lab
Color dan Duotone tanpa alpha channel.
4. Warna
Beberapa model warna :
a. RGB (red, green, blue)
Merupakan kombinasi dari elemen warna red (merah), green (hijau), dan blue (biru).
Tiap titik atau pixel merupakan kombinasi dari ketiga elemen warna tsb. Setiap
elemen memiliki 0 – 255 tingkat warna .
Contoh : warna hitam merupakan kombinasi dari
R= 0, G=0, B=0; warna putih merupakan kombinasi dari R = 255, G= 255, B= 255;
warna kuning dihasilkan dari kombinasi R= 255, G=255, B= 0. Sehingga kombinasi
warna yang dapat dibentuk dari mode rgb adalah 255 x 256 x 256= 16777216( 16 juta
warna.

b. CMYK (cyan , magenta, yellow , black)

Merupakan system presentasi warna untuk process cetak 4 warna ( cyan , magenta,
yellow , dan black ) . Dengan system ini gambar akan di simpan dalam 4 channel
5. Color Depth
Color Depth adalah besarnya informasi data dari 1 satuan sample(dot/pixel).
Setiap bitmap/ dot/ pixel, bias berupa hitam , putih,abu – abu atau warna.
Color Depth dinyatakan dalam angka yang digunakan untuk menyatakan
beberapa variasi warna yang mampu ditampilkan oleh suatu bitmap
/dot/pixel, yang dinyatakan secara kuantitatif. Rumusnya adalh 2 n (dua
pangkat n , dimana n adalah besarnya bit depth).
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
(handal).
3. Tidak bersifat time dependent (bergantung waktu) (berbeda
dengan transmisi audio/video)
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 :

GRAFIK
PENGERTIAN GRAFIK
sebuah bentuk komunikasi visual dimana dengan sebuah titik
atau goresan sederhana dapat mengkomunikasikan pesan
kepada orang lain.

Peranan Grafik dalam Pembelajaran

1. Meningkatkan daya tarik, motivasi, rasa ingin tahu, dan
meningkatkan konsentrasi.
2. Memberikan umpan balik yang penting dalam aktivitas
pembelajaran.
3. Memudahkan dilakukannya pengulangan dalam pembelajaran.
4. Menagatasi hambatan/keterbatasan bahasa.
5. Merangsang diskusi dan pertanyaan-pertanyaan.
6. Menyajikan ringkasan atau point-point penting dari materi
pelajaran.
Jenis-jenis Grafik
•Grafik Garis
Mengambarkan kecenderungan-kecenderungan/ hubungan
dua rangkaian data terutama untuk data yang berkelanjutan.
Jenis-jenis Grafik
•Grafik Batang
Digambarkan oleh batang-batang secara vertikal atau horisontal,
panjangnya batang menunjukan prosentase data.
 Jenis-jenis Grafik
•Grafik Lingkaran
Lebih menunjukan pecahan sebuah data
•Grafik Wilayah/Grafik Gambar
Melukiskan keadaan dihubungkan dengan tempat
kejadian itu berada.
TUGAS
Buat rangkuman mengenai sistem pendukung multimedia.
Deskripsikan Tools/ Perangkat Multimedia (Software dan
Hardware) dalam menghasilkan berkas digital
(Berkas Teks, Suara, Gambar, Animasi dan Video)
TERIMA KASIH