PPT_Pengantar_Teknologi_Multimedia_perte.pptx

Pengantar Teknologi Multimedia

1. pengantar teknologi multimedia [ pertemuan 2] Teks dan Gambar d alam beragam format Agung Budi Prasetyo , SE.,MT.

2. SISTEM MULTIMEDIA 2

3. SISTEM MULTIMEDIA A multimedia system is any system which supports more than a single kind of media [AHD 1991]. Bagaimana sistem bisa disebut sebagai sistem multimedia? Kombinasi Media Sistem disebut sistem multimedia jika kedua jenis media ( continuous/ discrete ) dipakai. Contoh media diskrit : teks dan gambar, dan media kontinu adalah audio dan video . Independence Aspek utama dari jenis media yang berbeda adalah keterkaitan antar media tersebut . Sistem disebut sistem multimedia jika tingkat ketergantungan / keterkaitan antar media tersebut rendah . Computer-supported Integration Sistem harus dapat melakukan pemrosesan yang dikontrol oleh komputer . Sistem dapat diprogram oleh system programmer/ user. 3

4. Pembagian Sistem Multimedia Sistem ini berarti merupakan sistem komputer multimedia yang memiliki minimal storage ( harddisk , CD-ROM/DVD-ROM/CD-RW/DVD-RW), alat input (keyboard, mouse, scanner, mic ), dan output (speaker, monitor, LCD Proyektor ), VGA dan Soundcard . Sistem ini harus terhubung melalui jaringan yang mempunyai bandwidth yang besar . Perbedaannya adalah adanya sharing sistem dan pengaksesan terhadap sumber daya yang sama . Contoh : video converence dan video broadcast Permasalahan : bila bandwidth kecil , maka akan terjadi kemacetan jaringan , delay dan masalah infrastruktur yang belum siap . Sistem Multimedia Stand Alone Sistem Multimedia Berbasis Jaringan 4

5. DATA STREAM Dalam sistem multimedia terdistribusi , data ditransmisikan (time dependent) dan terjadi pertukaran informasi 5

6. Kategori Transmisi Informasi Komunikasi tanpa batas waktu . Packets mencapai penerima secepat mungkin Paket yang dikirm cepat karena tidak perlu adanya sinkronisasi Informasi untuk discrete media dapat ditransmisikan sebagai aynchronous data stream Contoh : transmisi e-mail Asynchronous Transmission Mode 6 Terdapat batas waktu tunda maksimal dan minimal Melakukan garansi paket diterima dengan baik Client memberikan informasi kepada server tentang statusnya Membutuhkan buffer yang sangat besar Isochronous Transmission Mode Terdapat batas waktu tunda maksimal untuk setiap packet dari suatu data stream Butuh sinkronisasi Penerima butuh buffer untuk menyimpan data sementara sambil menunggu paket lengkap Synchronous Transmission Mode

7. Transmisi Informasi Berdasar Periode Streaming StronglyPeriodic Stream WeaklyPeriodic Stream Aperiodic Stream T1 T1 T2 T3 T1 T2 T3

8. Transmisi Informasi Berdasarkan Ukuran Paket Strongly Regular Stream Ukuran packet konstan Contoh : uncompressed audio/video stream Weakly Regular Stream Ukuran packet data berubah secara periodik Contoh : MPEG Irregular Data Stream Ukuran packet data tidak tentu

9. TEKS, GAMBAR & GRAFIK 9

10. Teks (Text) Plain Text (Unformatted Text ) Teks dalam hal ini adalah kode ASCII ( American Standard Code for Information Interchange ) dan ASCII extension seperti UNICODE murni . Tiap-tiap karakter direpresentasikan oleh 7 bit “ binary digit ” ( desimal = 0-127 ). Contoh plain text adalah pada saat kita mengetik dengan menggunakan notepad (.txt). Teks file tidak terenkrispsi , tidak mengandung embedded information , seperti informasi font, tidak mengandung link, dan inline-image . 10

11. Formatted Text (Rich Text Format) Serangkaian karakter format yang telah didefinisikan . Contoh rich text adalah pada saat kita mengetik dengan menggunakan Wordpad (.rtf ). 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. 11

12. Hypertext Diperkenalkan oleh Ted Nelson (1965) Hypertext adalah teks yang memiliki fasilitas linking. Contoh hypertext : HTML : Hypertext Markup Language XML : eXtensible Markup Language 12

13. HTML Merupakan standard bahasa yang digunakan untuk menampilkan document web. Yang bisa kita lakukan dengan HTML yaitu : 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. Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML. Mendukung link ( sebuah hubungan dari satu dokumen ke dokumen lain) antar dokumen . Link pada umunya berwarna biru , dan jika sudah pernah diklik berwarna ungu . 13

14. XML Simple, karena XML tidak serumit HTML, strukturnya jelas , dan sederhana . Intelligence , karena XML mampu menangani berbagai komplesitas markup bertingkat-tingkat . Portable , karena memisahkan data dan presentasi Fast , pencarian data cepat Extensible , dapat ditukar / digabung dengan dokumen XML lain. Linking , XML dapat melakukan linking yang lebih baik daripada HTML , bahkan dapat melink satu atau lebih poin dari dalam maupun luar data. Maintenance , XML mudah untuk diatur dan dipelihara , karena hanya berupa data, stylesheet dan link terpisah dari XML. 14

15. GAMBAR (IMAGE) Menurut wikipedia.org: image/picture is an artifact that reproduces the likeness of some subject—usually a physical object or a person. 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 ( diambil sampelnya pada interval diskrit ). 15

16. Jenis Gambar Bitmap : Gambar yang satuannya terdiri dari pixel ( singkatan dari Picture Element atau terkadang disebut juga dengan Pel ). Pixel bisa juga dapat diartikan sebagai satu titik dalam satu grid berbentuk persegi atau juga beribu titik secara individual “ dilukis ” menjadi sebuah bentuk Image yang dihasilkan pada layar komputer atau pada kertas oleh sebuah Printer . 16 Vektor : Gambar yang pada dasarnya tersusun atas garis , kurva , dan bidang datar secara matematik (width & height serta titik koordinat X dan Y).

17. Transmisi gambar 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 8bit per pixel. Maka untuk transmisi diperlukan 307200 bytes pada jaringan komputer . Raw image data transmission 17 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 Symbolic 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 Compressed image data transmission

18. Resolusi Istilah yang dipakai untuk merepresentasikan banyaknya titik gambar dalam satu inci persegi ( atau cm). Pada monitor, titik titik ini dinamakan pixel atau dot. Pada hasil cetak , dipakai istilah dot atau lines. Tujuan utama dari menentukkan resolusi gambar adalah untuk mendapatkan informasi yang cukup untuk menghasilkan output yang baik dengan tetap berusaha mendapatkan file yang sekecil mungkin . 18

19. Warna CMYK merupakan sistem representasi warna untuk proses cetak 4 warna : cyan, magenta, yellow dan key [black] . Dengan sistem ini gambar akan disimpan dalam 4 channel. RGB merepresentasikan gambar dengan 3 channel, red (merah), green ( hijau ) dan blue ( biru ). Masing-masing channel disimpan sebagai informasi 8 bit yang akan mempunyai 256 nilai gradasi . Jadi yang bisa direpresentasikan dengan sistem 24 (8×3) bit ini adalah 16 juta variasi warna dari kombinasi ketiga channel.

20. Warna Lab Color menggunakan sistem representasi berdasarkan luminance/lightness dan 2 komponen chromatic , komponen a, dari hijau ke merah dan komponen b, dari biru ke kuning. Sistem ini mampu merepresentasikan semua color gamut yang dipakai baik pada sistem CMYK maupun RGB karena sistem ini didesain untuk merepresentasikan warna yang konsisten dan tidak bergantung kepada alat tertentu.

21. Warna Indexed Color hanya mampu merepresentasikan maksimal 256 variasi warna dengan informasi 8 bit atau kurang . Proses mengubah dari informasi RGB 24 bit menjadi 8 bit atau kurang disebut indexing.

22. Warna Grayscale hanya menyimpan nilai brightness dari suatu gambar dan mempunyai informasi 8 bit dengan 256 variasi kecemerlangan. Bitmap hanya menyimpan warna sebagai informasi 1 bit, ada titik atau tidak ada titik (hitam atau putih).

23. Bit depth Bit depth adalah besarnya informasi data dari 1 satuan sampel (dot/pixel). Rumusnya adalah 2 n (dua pangkat n, dimana n adalah besarnya bit depth). 1 bit = 2 . =2 variasi warna 2 bit = 2 . = 4 variasi warna 4 bit = 2 . = 16 variasi warna 8 bit = 2 . = 256 variasi warna 16 bit = 2 .6 = 2 kombinasi 8 bit = 65.536 variasi warna 24 bit = 2 ..= 3 buah kombinasi 8 bit = 16.777.216 variasi warna 32 bit = 2 .. = 4 buah kombinasi 8 bit = 4.294.967.296 variasi warna.

24. Format gambar digital spatial resolution  pixels X pixels color encoding  bits / pixel Misal : terdapat gambar berukuran 100 pixels x 100 pixels dengan color encoding 24 bits dengan R=8bits, G=8bits, B=8bits per pixel, maka color encoding akan mampu mewakili 0 .. 16.777.215 (mewakili 16 juta warna ), dan ruang disk yang dibutuhkan = 100 * 100 * 3 byte ( karena RGB) = 30.000 bytes = 30KB atau 100 * 100 * 24bits = 240000bits 24

25. 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 . Array[ x,y ] = warna pixel 25

26. Image format BMP Bitmap Image 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 . Ukuran sebenarnya untuk n -bit (2 n warna ) bitmap dalam byte dapat dihitung dengan rumus di bawah ini : ukuran file BMP dimana tinggi dan lebar dalam pixel .

27. Image format JPEG Joint Photographic Experts Group F ormat gambar yang banyak digunakan untuk menyimpan gambar-gambar dengan ukuran lebih kecil . Beberapa karakteristik gambar JPEG: Memiliki ekstensi .jpg atau .jpeg. Mampu menayangkan warna dengan kedalaman 24-bit true color . Mengkompresi gambar dengan sifat lossy . Umumnya digunakan untuk menyimpan gambar-gambar hasil foto .

28. Image format PNG Portable Network Graphics S alah satu format penyimpanan citra yang menggunakan metode pemadatan yang tidak menghilangkan bagian dari citra tersebut ( lossless compression ) Beberapa karakteristik format PNG : Channel Alpha ( transparansi ) Gamma ( pengaturan terang-gelapnya citra en:”brightness”) Penayangan citra secara progresif (progressive display)

29. Image format GIF Graphic Interchange Format Format file ini hanya mampu menyimpan dalam 8 bit (hanya mendukung mode warna Grayscale, Bitmap dan Indexed Color). 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.

30. Image format TIF Tagged Image Format File Format file ini mampu menyimpan gambar dengan kualitas hingga 32 bit. Format file ini juga dapat digunakan untuk keperluan pertukaran antar platform (PC, Machintosh, dan Silicon Graphic). Format file ini merupakan salah satu format yang dipilih dan sangat disukai oleh para pengguna komputer grafis terutama yang berorientasi pada publikasi (cetak). Hampir semua program yang mampu membaca format file bitmap juga mampu membaca format file TIF.

31. Image format PDF Portable Document Format Format file ini digunakan oleh Adobe Acrobat, dan dapat digunakan oleh grafik berbasis pixel maupun vektor. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, Indexed Color, Lab Color, Grayscale dan Bitmap. Format file ini tidak mampu menyimpan alpha channel. Format file ini sering menggunakan kompresi JPG dan ZIP