36
 Multimedia Ahmad Raf’ie Pratama, ST., MIT.

Bab-01 Pengantar Multimedia

Embed Size (px)

Citation preview

Page 1: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 1/36

Multimedia

Ahmad Raf’ie Pratama, ST., MIT.

Page 2: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 2/36

Multi [Multi : Latin]◦ Banyak, bermacam-macam

Media [Medium : Latin]◦ Sesuatu yang digunakan untuk

menyampaikan/membawa sesuatu

◦ Alat untuk mendistribusikan dan

merepresentasikan informasi

Bab 01 - Pengantar Multimedia 2

Page 3: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 3/36

Kombinasi dari setidaknya dua media I/O; suara,musik, animasi, video, teks, grafik, dan gambar.

Pemanfaatan komputer untuk membuat danmenggabungkan teks, grafik, audio, dan video,dengan menggunakan alat yang memungkinkanpemakai beinteraksi, berkreasi, & berkomunikasi

Piranti penyimpanan data komputer yangberhubungan dengan multimedia.

Bab 01 - Pengantar Multimedia 3

Page 4: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 4/36

Menurut riset Computer TechnologyResearch (CTR):◦ Orang mampu mengingat 20% dari yang dilihat

◦ Orang mampu mengingat 30% dari yang didengar◦ Orang mampu mengingat 50% dari yang didengar

dan dilihat

◦ Orang mampu mengingat 80% dari yang

didengar, dilihat, dan dilakukan.

Bab 01 - Pengantar Multimedia 4

Page 5: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 5/36

Multimedia dapat digunakan dalam: Bidang periklanan

◦ efektif dan interaktif 

Bidang pendidikan◦ dapat mempermudah pembelajaran karena

dididukung oleh berbagai aspek: suara, video,animasi, teks, dan grafik

Bidang jaringan dan internet◦

membantu dalam pembuatan website yangmenarik, informatif, dan interaktif  Bidang-bidang lainnya (Pemberitaan, dll)

Bab 01 - Pengantar Multimedia 5

Page 6: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 6/36

Mengubah mengubah tempat kerja. ◦ Teleconference, Remote Desktop, dll

Mengubah cara belanja.◦ Shopping Cart, dll

Mengubah cara bisnis. ◦ Internet banking, dll

Mengubah cara memperoleh informasi.◦ Portal berita online, Forum diskusi, dll

Mengubah cara belajar.◦ CAI, e-book, dll.

Mengubah Gaya Hidup!

Bab 01 - Pengantar Multimedia 6

Page 7: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 7/36

1. Perception Medium

2. Representation Medium

3. Presentation Medium

4. Storage Medium5. Transmission Medium

6. Information Exchange Medium

Bab 01 - Pengantar Multimedia 7

Page 8: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 8/36

Media Persepsi membantu manusia untukmerasakan lingkungannya

“Bagaimana manusia menerima informasi pada

lingkungan komputer?”Persepsi informasi melalui penglihatan atau pendengaranPerbedaan persepsi informasi melalui “melihat” dan “mendengar”

Meliputi 3 Aspek;◦ Aspek Representative Space◦ Aspek Representative Values◦ Aspek Representative Dimension

Bab 01 - Pengantar Multimedia 8

Page 9: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 9/36

Aspek Ruang◦ sesuatu yang terkandung dalam presentasi secara nyata

Kertas, layar

Slide show, power point

Aspek Nilai◦ nilai-nilai yang terkandung dalam presentasi Self Contained (interpretasi tiap orang berbeda), misal: suhu, rasa, bau

Predefined Symbol Set (sudah disepakati sebelumnya), misal: teks, ucapan, geraktubuh

Aspek Dimensi◦

Terkait Dimensi Ruang (space) & Waktu (time) : Time Independent, discreet media (text, grafis) Time Dependent , continuous media (video, audio, sinyal dari sensor yang

berubah-ubah)

Bab 01 - Pengantar Multimedia 9

Page 10: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 10/36

Media Representasi ditentukan oleh representasiinformasi pada komputer

“Bagaimana informasi pada komputer dikodekan?” Menggunakan berbagai format untuk merepresentasikan

informasi.Contoh :

Text : ASCII dan EBCDIC

Grafis : AI, SVG, CDR, PSD, ..

Image : TIFF, BMP, JPEG, PNG, .. Animasi : SWF (Flash), Animated GIF, ..

Audio : PCM, Wave, Midi, MP3, ..

Video : TV standard (PAL, NTSC, HDTV), MPEG, AVI, MOV, ..

Bab 01 - Pengantar Multimedia 10

Page 11: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 11/36

Media Presentasi adalah Piranti dan Alatyang digunakan untuk proses input danoutput informasi

“Melalui media apa informasi disajikan olehkomputer, atau dimasukkan ke komputer?”◦ Output : kertas, layar, speaker

◦ Input : keyboard, mouse, kamera, mic, scanner

Bab 01 - Pengantar Multimedia 11

Page 12: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 12/36

Media Penyimpanan adalah Pembawa Datayang mempunyai kemampuan untukmenyimpan informasi◦

tidak terbatas pada komponen komputer

“Dimanakah informasi akan disimpan?” ◦ Tape : Microfilm, Floppy Disk,◦

Disc : HD, CD, DVD, HD-DVD, Blue-Ray,◦ NV-Memory : USB Flash Disk, SD Card,

Bab 01 - Pengantar Multimedia 12

Page 13: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 13/36

Media Transmisi adalah Pembawa informasiyang memungkinkan terjadinya transmisidata secara kontinyu

◦ tidak termasuk media penyimpanan

“Melalui apa informasi akanditransmisikan?”◦ Jaringan kabel (coaxial, fiber optics)  

◦ Jaringan nir-kabel (wireless) 

Bab 01 - Pengantar Multimedia 13

Page 14: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 14/36

Media Pertukaran Informasi adalah PembawaInformasi untuk transmisi.

“Bagaimana informasi dari tempat yang berbeda

saling dipertukarkan?” ◦ Storage  

tanpa jaringan◦ Direct Transmission  

melalui jaringan komputer◦ Combined  

storage dan transmission media ◦ Web  

blog, forum, dll

Bab 01 - Pengantar Multimedia 14

Page 15: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 15/36

Aplikasi yang disajikan dalam bentuk lebihdari satu jenis media (text, graphics, images,audio, animation, and/or video) pada waktu

yang bersamaan.◦ Website

◦ Learning-Aid Tool

◦ Interactive System

◦ Computer/Video Games

◦ Multimedia Database System

◦ Virtual Reality

Bab 01 - Pengantar Multimedia 15

Page 16: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 16/36

Text yang mengandung tautan (link) ke textlainnya.

Tautan tidak bersifat linear.

Bab 01 - Pengantar Multimedia 16

Page 17: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 17/36

Media yang memuat media-media lainnya.◦ Website

◦ Powerpoint/Keynote

PDF Files

Bab 01 - Pengantar Multimedia 17

Page 18: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 18/36

Definisi◦ Sistem yang mendukung penggunaan/pemrosesan

data/aplikasi multimedia.

Komputer Multimedia◦ Sistem komputer yang mendukung

penggunaan/pengolahan lebih dari satu jenis media

pada waktu yang bersamaan.

Bab 01 - Pengantar Multimedia 18

Page 19: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 19/36

Integrated◦ Mengintegrasikan beberapa jenis media dalam satu sistem.

Computer-Controlled◦

Dikendalikan oleh sebuah komputer.

Digital System◦ Mampu menyimpan informasi secara digital.

Interaktif ◦ Penyajian antarmuka pada umumnya bersifat interaktif, tidakhanya satu arah.

Bab 01 - Pengantar Multimedia 19

Page 20: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 20/36

Capture Devices◦ Digital still camera, Video camera, Audio recorder, Microphone, Mouse,

Graphics Pad, … 

Storage Devices◦ Hard Disk, Thumb Drive, CD-ROM, DVD-ROM, … 

Communication Networks◦ LAN, WAN, Intranet, Internet, Wireless Network,

Computer System◦

Multimedia desktop, Rendering machines, … 

Display Devices◦ Monitor, Speaker, Printer, Projector, … 

Bab 01 - Pengantar Multimedia 20

Page 21: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 21/36

Standalone◦ Sistem ini berarti merupakan sistem komputer multimedia

yang memiliki minimal storage (harddisk, CD-ROM/DVD-ROM/CD-RW/DVD-RW), input (keyboard, mouse, scanner, mic), dan output (speaker, monitor, LCD Proyektor), VGA dan Soundcard.

Jaringan◦ Sistem ini harus terhubung melalui jaringan yang

mempunyai bandwidth yang besar.◦

Adanya sharing sistem dan pengaksesan terhadap sumberdaya yang sama. Contoh: video converence dan videobroadcast

Bab 01 - Pengantar Multimedia 21

Page 22: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 22/36

Text

Graphics

Images

Animation Audio

Video

Bab 01 - Pengantar Multimedia 22

Page 23: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 23/36

Source/Input◦ Keyboard stroke, Speech Recognition, Optical Character

Recognition (OCR)

Format◦ PlainText (.txt, …) ◦ RichText (.doc, .odt, …) ◦ HyperText (.html, .xml, .docx, …) ◦ Special Format Text (spreadsheet/.xsl, …) ◦

Binary Encoded Text Size

◦ Least significant

Bab 01 - Pengantar Multimedia 23

Page 24: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 24/36

Input◦ Digambar menggunakan pointing device (mouse,

touchpad, trackpad, drawing pen, dll) melaluisoftware pengolah grafis (CorelDRAW, AdobeIllustrator, dll)

Format

◦ Berupa vektor (garis, poligon, kurva, lingkaran, dll)

◦ Editable

Size

◦ Relatif kecil, tidak banyak overhead

Bab 01 - Pengantar Multimedia 24

Page 25: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 25/36

Citra diam yang direpresentasikan sebagai grid of pixels (bitmap)

Input◦ Captured or Scanned

Format◦ Disimpan sebagai informasi per pixel tergantung

kedalaman warna (1bit B/W, 8bit GreyScale, 24bit True Color, …) 

◦ Editable with some limitation

Size◦ Semakin tinggi kualitas, semakin besar pula◦ Tinggi overhead◦ Lazim melibatkan proses kompresi

Bab 01 - Pengantar Multimedia 25

Page 26: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 26/36

Media grafis yang memiliki dimensi waktu (multiple frame).

Input◦ Digambar menggunakan pointing device (mouse, touchpad,

trackpad, drawing pen, dll) melalui software animator(misal: Adobe Flash)

Format◦ File mentah berupa vektor (garis, poligon, kurva, lingkaran,

dll) Editable◦ Animasi jadi umumnya disimpan dalam bentuk binary

(rendered) non-editable (e.g. SWF)

Size◦ Relatif kecil & tidak banyak overhead.◦ Linear dengan fungsi waktu & jumlah frame

Bab 01 - Pengantar Multimedia 26

Page 27: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 27/36

Sinyal audio adalah sinyal analog perlu digitisasi

Input◦ Hasil digitasi suara yang direkam melalui microphone/recorder.◦ Digenerate langsung secara digital.

Format◦ Digital audio dengan format mono/stereo, disimpan dalam bit-

rate & frekuensi tertentu (e.g. standard CD Audio quality: 16-bit,44KHz)

Size◦ Relatif besar & banyak overhead.◦ Linear dengan fungsi waktu & kualitas audio / tingkat kedetilan

digitisasi sinyal audio◦ Lazim melibatkan kompresi.

Bab 01 - Pengantar Multimedia 27

Page 28: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 28/36

Citra bergerak yang direpresentasikan sebagai grid of pixels (bitmap) dalam fungsiwaktu, juga bisa memuat media audio (Audio/Video).

Input

◦ Direkam menggunakan video recorder.

Format◦ Disimpan sebagai informasi per pixel per frame per detik

(e.g. standard DVD quality: 720 x 576 pixels, 25 fps)◦ Editable with some limitation

Size◦ Relatif besar, sangat tinggi overhead◦ Semakin tinggi kualitas, semakin besar pula◦ Sangat membutuhkan proses kompresi

Bab 01 - Pengantar Multimedia 28

Page 29: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 29/36

Sistem Multimedia Terdistribusi◦ Data distransmisikan

◦ Terjadi pertukaran informasi

Bab 01 - Pengantar Multimedia 29

Page 30: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 30/36

Asynchronous Transmission Mode (ATM)◦ 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

Synchronous Transmission Mode (STM)◦ 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

Isochronous Transmission Mode (ITM)◦ 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

Bab 01 - Pengantar Multimedia 30

Page 31: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 31/36

Strongly Periodic Stream ◦ Interval waktu antara dua packet yang berurutan tetap◦ Contoh : PCM coded

Weakly Periodic Stream◦ Interval waktu antara dua packet yang berurutan dapat dideskripsikan dengan fungsi

periodik

Aperiodic Stream◦ Interval waktu tidak beraturan

Bab 01 - Pengantar Multimedia 31

Page 32: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 32/36

Strongly Regular Stream◦ Ukuran paket konstan◦ Contoh: Uncompressed Audio/Video Stream

Weakly Regular Stream◦ Ukuran paket berubah secara periodik◦ Contoh: MPEG (Compressed Video)

Irregular Data Stream◦ Ukuran paket berubah-ubah tidak tentu

Bab 01 - Pengantar Multimedia 32

Page 33: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 33/36

Berdasarkan Jenis Fisik◦ Perangkat Keras (H/W)

◦ Perangkat Lunak (S/W)

Berdasarkan Fungsi◦ Multimedia Authoring Tool

Memproduksi aplikasi/data multimedia

◦ Multimedia Player

Menjalankan aplikasi/data multimedia

Bab 01 - Pengantar Multimedia 33

Page 34: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 34/36

Hardware – Authoring Tool◦ Digital still camera◦ Video recorder◦ Multimedia PC◦

… 

Hardware – Player◦ MP3 Player◦ DVD Player◦ LCD Monitor◦ Multimedia PC◦ … 

Bab 01 - Pengantar Multimedia 34

Page 35: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 35/36

Software – Authoring Tool◦ Adobe Photoshop◦ Adobe Premiere◦ Adobe Flash◦ CorelDRAW◦ … 

Software – Player◦ Windows Media Player◦ Apple iTunes◦ Apple QuickTime◦ Adobe Flash Player◦ Web Browser (IE, Firefox, Chrome, Safari, Opera,…) ◦ … 

Bab 01 - Pengantar Multimedia 35

Page 36: Bab-01 Pengantar Multimedia

5/10/2018 Bab-01 Pengantar Multimedia - slidepdf.com

http://slidepdf.com/reader/full/bab-01-pengantar-multimedia 36/36