bab 2-3 teks dan gambar.ppt - perpustakaan pusat...

15
Sistem Multimedia Teks, Gambar dan Grafik

Upload: dinhmien

Post on 05-Feb-2018

236 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

Sistem Multimedia

Teks, Gambar dan Grafik

Page 2: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

T kTeksTeks adalah data dalam bentuk kumpulan karakter.Jenis – Jenis Teks

Plain Text (Unformatted Teks)Yaitu kumpulan karakter murni tanpa ada embeddedYaitu kumpulan karakter murni, tanpa ada embedded information didalamnya. Notepad (.txt)Formatted Text (Rich Text Format)Serangkaian karakter format yang telah didefinisikan. Contoh rich text adalah pada saat kita mengetik dengan menggunakan Wordpad (.rtf). p ( )HypertextTeks yang digunakan untuk membangun situs/website. Memiliki at ran pen lisan kh s s (HTML ata XML)aturan penulisan khusus. (HTML atau XML)

Page 3: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

T kTeksTerdapat 2 jenis formatted text, yaitu bitmapped fonts dan p j y ppoutline fonts .

Metode Outline

Metode Bitmapped (Raster)

Page 4: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

G b (I )Gambar (Image)

Gambar (image) adalah suatu representasiGambar (image) adalah suatu representasi spatial dari suatu obyek, dalam pandangan 2D maupun 3Dmaupun 3D.

Menurut wikipedia.org: “image/picture is an artifact that reproduces the likeness of some subject usually a physical object or a person ”likeness of some subject—usually a physical object or a person.”

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

Page 5: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

G b (I )Gambar (Image)Representasi ImageRepresentasi ImageGambar 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).(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 bit t l 22424 bits → true color 224

32 bits → true color (232)

Page 6: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

G b (I )Gambar (Image)1 Bit Monokrom 16 Bit Hi Color1 Bit Monokrom 16 Bit Hi Color

8 Bit Grayscale 24 Bit Truecolor

Page 7: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

G b (I )Gambar (Image)Parameter parameter pada Image DigitalParameter – parameter pada Image DigitalSpatial Resolution = pixels X pixels

Color Encoding = bits/pixels onColor Encoding = bits/pixels

atia

l res

olut

i

Misal: terdapat gambar berukuran100 pixels x 100 pixels - color encoding 24 bits

Spatial resolution

Spadengan R=8bits, G=8bits, B=8bits per pixel,

maka color encoding akan mampu mewakili0 .. 16.777.215 (mewakili 16 juta warna),dan ruang disk yang dibutuhkan Spatial resolution= 100 * 100 * 3 byte (karena RGB) = 30.000 bytes = 30KBatau 100 * 100 * 24bits = 240000bits

Jika suatu gambar disimpan maka yang disimpan adalah array 2D dimana masing-masing merepresentasikan data yang berhubungan dengan pixel tersebut. Array[x,y] =warna pixel

Page 8: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

G b (I )Gambar (Image)Aplikasi sistesa GambarpImage RecognationYaitu suatu aplikasi pengenal pola gambar dimana terjadi proses pembandingan antara gambar input dengan gambar yang ada.

Gambar asal

Formatting Mengobservasi Gambar Penyesuaian

MenyesuaikanGambar

PelabelanMelabelkan

GambarPengelompokanMengelompokan

Gambar

PengambilanIntisari

Mengambil IntisariGambar Penyesuaian Gambar

dihasilkan

Anjuran Algoritma yang digunakan bersifat Heuristik

Page 9: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

G b (I )Gambar (Image)Transmisi GambarTransmisi GambarGambar digital ditransmisikan kepada penerima melalui jaringankomputer. 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 gambaryangdipergunakan untuk transmisi. Transmisi berdasarkan formatReprentasi gambar :p g

Raw Image Data TransmissionCompressed Image Data TransmissionSymbolic Image Data Transmission

Page 10: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

GRAFIKGRAFIKWikipedia.org: p g

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

Ada 2 jenis grafik: •Raster: dimana setiap pixel didefinisikan secara terpisah. (Photoshop, Paint)•Vector: dimana formula matematika digunakan untuk menggambar graphics primitives (garis, kotak, lingkaran,elips, dll) dan menggunakan attributnya. Gambar vektor biasanya berukuran lebih kecil, gambar tidak pecah, semua manipulasi dilakukan melalui rumus. (Corel Draw, Illustration, Freehand)

Page 11: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

G fikGrafikGrafik tidak hanya terdiri dari gambar-gambar statis. Grafik tersebut dapat dimanipulasiGrafik tidak hanya terdiri dari gambar gambar statis. Grafik tersebut dapat dimanipulasi secara dinamis: motion dynamics → objek/background bergerakupdate dynamics → obyek berubah bentuk, warna, dll.Untuk merepresentasikan/memodelkan grafik ke dalam komputer dibutuhkan suatu ilmuUntuk merepresentasikan/memodelkan grafik ke dalam komputer dibutuhkan suatu ilmu mengenai grafika komputer / pengolahan citra.

Bitmap Vektor

Display speed X

Image Quality X

Bitmap (Raster) Vs Vektor

Memory Usage X

Ease of Editting X

Combining Vectors and Bitmaps? Vectors >>> bitmaps : Rasterizing

Display Independence X

Bitmaps >>> Vectors?

Page 12: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

F t Fil G bFomat File GambarBitmap ( BMP)Bitmap (.BMP)Joint Photographic Expert Group (.JPEG/JPG)Graphics Interchange Format (.GIF)Graphics Interchange Format (.GIF)Portable Network Graphics (.PNG)TIFF (Tagged Image File Format), ICO (Icon), EMF (Enchanced Windows Metafile), PCX, ANI (Animation), CUR (Cursor), WBMP (WAP BMP), PSD (Adobe Photoshop Document), dan CDR (Corel Draw).Photoshop Document), dan CDR (Corel Draw).

Page 13: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

Software Software Teks, Gambar & G fik& Grafik

Page 14: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array

Selesai – Terima Kasih

Page 15: Bab 2-3 Teks dan Gambar.ppt - Perpustakaan Pusat Unikomelib.unikom.ac.id/files/disk1/470/jbptunikompp-gdl-irawanafri... · Jika suatu gambar disimpan maka yang disimpan adalah array