SISTEM MULTIMEDIA Mahardeka Tri A. deka.kelas@gmail · PDF file9.TIDAK ADA NEGOSIASI NILAI, TUGAS TAMBAHAN, MARKUP NILAI, dkk. Jika terjadi nilai akhir MK ... Teks file tidak terenkrispsi,

SISTEM MULTIMEDIA Mahardeka Tri A.

[email protected]

MATERI PERKULIAHAN

1.Perkenalan & Jenis Representasi Media #1

2.Jenis Representasi Media #2

3.Pemrosesan Media berupa Image

4.Pemrosesan Media berupa Audio

5.Pemrosesan Media berupa Video

6.Quiz 1 (Materi 1-5)

7.Image Coding (JPEG & GIF)

8.UTS

1.Audio Coding (MP3)

2.Video Coding (MP4)

3.Quiz 2 (Materi 9-10)

4.Manipulasi Media

5.Keamanan Media

6.Visualisasi Media

7.Aplikasi Multimedia

8.UAS

PERATURAN & TATA TERTIB

1.Menjaga ETIKA kemanusiaan baik di dalam kelas maupun di luar kelas

2.Plagiasi tugas berakibat Nilai 0

3.Kehadiran < 80% NILAI AKHIR 0 (buku pedoman akademik UB hal. 83)

4.Diperbolehkan membawa makanan & minuman di dalam kelas (S&KB).

5.Tugas harus dikumpulkan secara kolektif di koordinator kelas tepat waktu (sesuai deadline), bukan melalui email.

6.Keterlambatan tugas berdampak pada pengurangan nilai (per hari - 5)

7.Tidak ada kuis susulan kecuali sakit dengan dilengkapi surat dokter & kegiatan yang membawa nama kampus

atau daerah dilampiri surat dispensasi resmi, berlaku ≤ 2 minggu setelah kuis dilaksanakan.

8.UTS & UAS susulan dilakukan mengikuti aturan yang berlaku di FILKOM

9.TIDAK ADA NEGOSIASI NILAI, TUGAS TAMBAHAN, MARKUP NILAI, dkk. Jika terjadi nilai akhir MK - 10

PENILAIAN

Tugas : 15%

Sikap + keaktifan : 10%

Quiz : 15%

Ujian Tengah Semester : 25%

UAS: 35%

• MULTIMEDIA berasal dari dua kata MULTI dan MEDIA. MULTI dalambahasa latin berarti banyak ataubermacam-macam, sedangkanMEDIUM berarti sesuatu yang dipakaiuntuk menyampaikan atau membawasesuatu.

• Kamus American Heritage Electronic Dictionary: MEDIUM : alat untukmendistribusikan danmempresentasikan informasi.

Fred T. Hofstetter : Multimedia literacy 2001

• Kombinasi informasi text,

graphics,audio, video yang

saling terhubung.

• Terdapat tools untuk user

berinteraksi / berkomunikasi

• Direpresentasikan , disimpan ,

ditransmisikan dan diproses

secara digital oleh computer

• Jika salah satu komponen

diatas tidak ada, maka tidak

disebut multimedia

Dave Marshall (introduction to multimedia 2001)

• Bidang yang bersangkutan dengan

integrasi teks ,grafis , gambar , gambar

diam dan bergerak ( Video ) , animasi ,

audio , dan Media lainya di mana

setiap jenis informasi dapat

direpresentasikan , disimpan ,

ditransmisikan dan

• diproses secara digital oleh computer.

Sistem yang mampu untuk memproses data

multimedia dan aplikasi multimedia.

1. Sistem multimedia diproses atau dikontrol oleh komputer.

2. Sistem multimedia terintegrasi dari berbagai komponen

multimedia.

3. Sistem dapat diprogram oleh system programmer/user

4. Informasi yang diproses harus didigitalisasi.

5. Terdapat antarmuka yang interaktif.

Capture devices

-- Video Camera, Video Recorder, Audio Microphone, Keyboards, mice,

graphics tablets, 3D input devices, VR devices, Digitising/Sampling Hardware

Storage Devices

-- Hard disks, CD-ROMs, Jaz/Zip drives, DVD, dll.

Communication Networks

-- Ethernet, Token Ring, FDDI, Intranets, Internets.

Computer Systems

-- Multimedia Desktop machines, Workstations, MPEG/VIDEO/DSP Hardware

Display Devices

-- CD-quality speakers, HDTV,SVGA, Hi-Res monitors, Colour printers, dll.

SISTEM MULTIMEDIA

Sistem Multimedia dapat dibagi menjadi:

1. Sistem Multimedia Stand Alone

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.

2. Sistem Multimedia Berbasis Jaringan

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 broadcastPermasalahan: bila bandwidth kecil, maka akan terjadi kemacetan jaringan, delay dan masalah infrastruktur yang belum siap.

MEDIA

Perception Medium

Representation Medium

Presentation Medium

Storage Medium

Transmission Medium

Information Exchange Medium

PERCEPTION

Bagaimana manusia mengenali dan mengartikan(interpretation) informasi yang diterima sistem sensor manusia (panca indra: mata, telinga, hidung, kulit, lidah)

Perception media membantu manusia untuk merasakanlingkungannya

PERCEPTION

“Bagaimana manusia menerima informasi pada lingkungankomputer?”

Persepsi informasi masih sebatas melalui penglihatan (mata) ataupendengaran (telinga)

The human hearing and visual systems are imperfect. Keterbatasantersebut yang dimanfaatkan dalam beberapa teknik kompresi

Dapatkah komputer menghasilkan bau-bauan, rasa manis/asam/pahit, Virtual Reality? Next Technology? Why Not?!

REPRESENTATION MEDIUM

Representation media ditentukan oleh representasiinformasi oleh komputer

“Bagaimana informasi pada komputer dikodekan?”

Menggunakan berbagai format untuk merepresentasikaninformasi.

MEDIA FORMAT

Text : ASCII

Audio stream : PCM

Image : Facsimile (standard ISO) atau JPEG

Audio/video : TV standard (PAL, SECAM, NTSC), computer standard (MPEG)

PRESENTATION MEDIUM

Tool dan device yang digunakan untuk proses input dan output informasi

“Melalui media apa informasi disajikan oleh komputer, atau dimasukkan kekomputer?”

Output : kertas, layar, speaker

Input : keyboard, mouse, kamera, microphone, scanner

STORAGE MEDIUM

Pembawa data yang mempunyai kemampuan untuk menyimpan informasi(tidak terbatas pada komponen komputer)

“Dimanakah informasi akan disimpan?”

microfilm, floppy disk, hard disk, CD ROM, DVD, MMC, SDCard

TRANSMISSION MEDIUM

Pembawa informasi yang memungkinkan terjadinya transmisi data secara kontinyu (tidak termasuk media penyimpanan)

“Melalui apa informasi akan ditransmisikan?”

melalui jaringan, menggunakan kabel (coaxial, fiber optics), melalui udara terbuka (wireless)

INFORMATION EXCHANGE MEDIUM

Pembawa informasi untuk transmisi, contoh: media penyimpanandan media transmisi

“Bagaimana informasi dari tempat yang berbeda saling dipertukarkan?”

direct transmission dengan jaringan komputer, combined (storage dan transmission media), web yang berisi informasi, e-book, forum

MEDIA REPRESENTATION

Text

Image

Audio

Video

Animation

TEXT REPRESENTATION

Teks adalah data dalam bentuk karakter. Teks dalam hal ini adalah kode ASCII (American Standard Code for Information Interchange) dan ASCII extension seperti UNICODE murni.

Karakter ASCII direpresentasikan oleh 7 bit (0-127) selanjutnya Karakter ASCII Extended menjadi 8 bit

Ada beberapa jenis teks yaitu:

Plain Text

Formatted Text

Hypertext

ASCII

Karakter ASCII merupakan standar yang ditetapkan oleh badanstandarisasi di Amerika Serikat yang kemudian populer dan digunakansecara luas.

ASCII berdasarkan English Alphabet.

Dipublikasikan pada tahun 1967 dan diupdate tahun 1986.

Terdiri dari 95 karakter yang printable (dapat dicetak seperti bentuksimbolnya) yaitu karakter 32 untuk spasi dan karakter nomer 33 sampai127, serta karakter yang non-printable/control character, yaitu karakter 0-31. Untuk ASCII extended 128-255 adalah kode ASCII untuk manipulasigrafis

ASCII Sumber : http://www.ascii-code.com/

PLAIN TEXT

Plain text adalah jenis teks yang murni hanya berupa karakter teks saja tanpaada format apa-apa( Hanya berasal dari kode ASCII saja).

Contoh plain text adalah pada saat kita mengetik dengan menggunakan tekseditor standar seperti notepad (.txt) di windows.

Plain Text berjenis MIME text/plain.

Teks file tidak terenkrispsi, tidak mengandung embedded information, sepertiinformasi font, tidak mengandung link, dan inline-image.

Terdapat perbedaan antara format plain text di Windows dan UNIX. Di Windows, akhir baris ditandai dengan Carriage Return/CR + Line Feed/LF (\13\10) sedangkan di UNIX ditandai dengan Line Feed/LF (\10) saja.

FORMATTED TEXT (RICH TEXT FORMAT)

Merupakaian serangkaian karakter yang memiliki format tertentu, misalnya pada saat kita mengetik dengan Wordpad (.rtf).

Pada Wordpad plain teks telah diformat sedemikian rupa dengan menggunakan aturan (tag/tanda) tertentu sehingga teks tersebut dapat di-bold, italics, underline, diberi warna, dipilih jenis font, dan lain-lain.

Teknik Elektro

Unibraw

FORMATTED TEXT

Bitmapped Font

Outline Font

Teknik Elektro

Unibraw

Teks Cetak: hasil printout atau cetakan

Teks Hasil Scan: diperoleh dari scanner

Electronic Text: WordArt

TEKS BERFORMAT

Teknik Elektro

Unibraw

HYPERTEXT

Jenis teks hypertext awalnya diperkenalkan oleh Bush (1945) dan kemudian oleh Ted Nelson pada tahun 1965 .

Hypertext adalah teks yang memiliki kemampuan linking (koneksi) ke teks yang lain.

Contoh format hypertext saat ini adalah seperti HTML (Hypertext Markup Language) dan XML (eXtensible Markup Language)

32

• DIGITAL IMAGE IS A 2-D ARRAY OF PIXELS

• PIXEL IS REPRESENTED BY BITS IN “COLOR” SPACE

– RGB (Red-Green-Blue) in CRT

•additive color

– CMY(Cyan-Magenta-Yellow) in printing

•subtractive color

– YUV for black-white/color TV

• luminance/chrominance

Image representation

Gambar 2 dimensi bisa berasal dari: kamera digital maupun scanning gambar tercetak.

Gambar digital merupakan suatu fungsi dengan nilai-nilaiberupa intensitas cahaya pada tiap-tiap titik pada bidangyang telah didigitalisasi (dikuantisasikan dan di-sampling)

Titik dimana suatu gambar di-sampling disebut picture element (pixel).

Gambar Digital

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 bits → 224 true color

32 bits → true color (232)

Format gambar digital memiliki 2 parameter:

spatial resolution pixels X pixels

color encoding bits / pixel

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

Teknik Elektro

Unibraw

IMAGE STORAGE AND DISPLAY

TEKNIK ELEKTRO UNIBRAW

Gambar Bitmap (Raster): dalampiksel-piksel

Gambar Vektor: yg disimpanadalah instruksi untuk menghasilkanbentuk gambar dasar: garis, kurva, lingkaran

BITMAP VS VEKTOR

OBJEK: IMAGE

Clip Art

Chart

Hyperpicture: gambar yang mempunyai kaitan(link) dengan objek lain

0

10

20

30

40

50

60

70

80

90

1st Qtr 2nd Qtr 3rd Qtr 4th Qtr

East

West

North

Teknik Elektro

Unibraw

BITMAP (BMP)

Bitmap adalah istilah untuk image 2 dimensi.

Awalnya adalah Microsoft yang membuat standar file bitmap untuk image 2 dimensi dengan ekstensi file (.bmp).

Ini merupakan format standar raw data gambar digital.

Struktur file BMP terdiri dari 4 bagian, yaitu: File Header, Image Header, Color Table dan Data Pixel.

Header file BMP (File Header + Image Header + Color Table) biasanya sebesar 54 byte.

Teknik Elektro

Unibraw

STRUKTUR FILE BMP

FORMAT FILE IMAGE (BITMAP)

ART - America Online proprietary format.

BMP

DjVu - DjVu for scanned documents

GIF - CompuServe's Graphics Interchange Format

MNG - Multiple Network Graphics, the animated version of PNG.

MSP - a file format used by old versions of Microsoft Paint. Replaced with BMP in Microsoft Windows 3.0.

JNG - a single-frame MNG using JPEG compression and possibly an alpha channel.

JPEG, JFIF (.jpg or .jpeg) - a lossy image format widely used to display photographic images.

JP2 - JPEG2000

PBM - Portable BitMap

FORMAT FILE IMAGE (BITMAP)PCX - an lossless format used by ZSoft's PC Paint, popular at one time on DOS systems.

PGM - Portable Graymap

PICT - Apple Macintosh PICT image

PNG - Portable Network Graphic (lossless, recommended for display and edition of graphic images)

PPM - Portable Pixmap

PSD - Adobe Photoshop Drawing

PSP - Jasc Paint Shop Pro image

RLE - a run-length encoded image.

SGI - Silicon Graphics image

TGA - Truevision Targa image file

TIFF (.tif or .tiff) Tagged Image File Format (usually lossless, but many variants exist, including lossy ones.)

XBM - X Window System Bitmap

XPM - X Window System Pixmap

Teknik Elektro

Unibraw

FORMAT FILE IMAGE (VEKTOR)

AWG - Ability Draw

AI - Adobe Illustrator Document

CGM - Computer Graphics Metafile an ISO Standard

CMX - Corel Draw vector image

DXF - ASCII Drawing Interchange file format, used in AutoCAD

SVG - Scalable Vector Graphics, employs XML

Scene description languages (3D vector image formats) MOVIE.BYU

RenderMan

VRML - Virtual Reality Modeling Language

X3D

1/6/06 52Teknik Elektro

Unibraw

AUDIO REPRESENTATION

How to digitize analogy audio (sound wave)?

Teknik Elektro

Unibraw

AUDIO REPRESENTATION

SPEECH: Ucapan/suara Manusia

Waveform, PCM, CELP, GSM, VOIP

AUDIO: Musik, Lagu, Soundtrack, Sound Effect:

Waveform, CD Audio, MP3, Midi

Format File Audio: wav, cdda, mp3, mid, aiff, ibk, voc, mod, au, dll

Teknik Elektro

Unibraw

FORMAT FILE AUDIO: LOSSLESS

Uncompressed

AIFF (Mac)

au file format (Unix)

CDDA

IFF-8SVX

IFF-16SV

RAW (raw samples without any header or sync)

WAV - Microsoft Wave

CompressedTTA free lossless audio codec (True Audio)

FLAC (free lossless codec of the Ogg project)

Apple Lossless (M4A)

Windows Media Audio 9 Lossless (WMA)

Monkey's Audio (APE)

Shorten (SHN)

Teknik Elektro

Unibraw

FORMAT FILE AUDIO: LOSSY

MP2 (MPEG Layer 2)

MP3 (MPEG Layer 3)

Speex (Ogg project, specialized for voice, low bitrates)

Vorbis (Ogg project, free and similar in principle to MP3)

GSM (GSM Full Rate, originally developed for use in mobile phones)

Windows Media Audio (WMA)

AAC (.m4a, .mp4, .m4p, .aac) - Advanced Audio Coding (usually in an MPEG4 container)

MPC - Musepack

VQF - Yamaha TwinVQ

Real Audio (RA, RM)

Teknik Elektro

Unibraw

FORMAT FILE AUDIO: MUSIC

MID (standard MIDI file; most often just notes and controls but occasionally also sample dumps)

NSF (bytecode program to play NES music)

MOD (Soundtracker and Protracker sample and melody modules)

S3M (ScreamTracker 3 module, with a few more effects and a dedicated volume column)

XM (FastTracker module, adding instrument envelopes)

IT (Impulse Tracker module, adding compressed samples, note-release actions, and more effects including a resonant filter)

MT2 (MadTracker 2 module. It could be resumed as being XM and IT combined with more features like track effects and automation.)

MNG (BGM for the Creatures game series, starting from Creatures 2; a free editor and player (http://mngedit.sourceforge.net/) is available)

STF StudioFactory project file. It contains all necessary patches, samples, tracks and settings to play the file.

SYN SynFactory project file. It contains all necessary patches, samples, tracks and settings to play the file.

Teknik Elektro

Unibraw

OBJEK: ANIMASI

Animasi Sel (seluloid)

Animasi Frame

Animasi Sprite

Animasi Lintasan

Animasi Spline

Animasi Vektor

Animasi Karakter

Animasi Komputasional

Morphing

Teknik Elektro

Unibraw

Animation adalah “illusion of motion” yang dibuat dari image statis yang ditampilkan secara berurutan.

Teknik Elektro

Unibraw

ANIMASI SEL

Kata cel berasal dari kata “celluloid” yang merupakan materi yang digunakan untuk membuat film gambar bergerak pada tahun-tahun awal animasi.

Sekarang material film dibuat dari asetat (acetate)

Biasanya digambar dengan menggunakan tangan (hand-drawn animation)

Merupakan lembaran-lembaran yang membentuk animasi tunggal. Masing-masing sel merupakan bagian yang terpisah, misalnya antara obyek dengan latar belakangnya, sehingga dapat saling bergerak mandiri.

Animasi Cel disebut juga Animasi Tradisional

Teknik Elektro

Unibraw

PROSES ANIMASI SELStoryboard

Voice Recordings

Animatics

Design & Timing

Layout

Animation

Background

Traditional ink-&-paint and camera

Digital ink & paint

Teknik Elektro

Unibraw

ANIMASI FRAME

Animasi frame adalah bentuk animasi paling sederhana.

Contohnya ketika kita membuat gambar-gambar yang berbeda-beda gerakannya pada sebuah tepian buku kemudian kita buka buku tersebut dengan menggunakan jempol secara cepat maka gambar akan kelihatan bergerak.

Dalam sebuah film, serangkaian frame bergerak dengan kecepatan minimal 24 frame per detik.

Teknik Elektro

Unibraw

ANIMASI SPRITE

Pada animasi sprite, gambar digerakkan dengan latar belakang yang diam.

Sprite adalah bagian dari animasi yang bergerak secara mandiri, seperti misalnya: burung terbang, planet yang berotasi, bola memantul, ataupun logo yang berputar.

Dalam animasi sprite yang dapat kita edit adalah animasi dari layar yang mengandung sprite, kita tidak dapat mengedit bagian dalam yang ditampilkan oleh layar untuk masing-masing frame seperti pada animasi frame.

Teknik Elektro

Unibraw

ANIMASI PATH

Animasi path adalah animasi dari obyek yang bergerak sepanjang garis kurva yang ditentukan sebagai lintasan.

Misalnya dalam pembuatan animasi kereta api, persawat terbang, burung dan lain-lain yang membutuhkan lintasan gerak tertentu.

Pada kebanyakan animasi path dilakukan juga efek looping yang membuat gerakan path terjadi secara terus menerus.

Teknik Elektro

Unibraw

ANIMASI SPLINE

Spline adalah representasi matematis dari kurva. Sehingga gerakan obyek tidak hanya mengikuti garis lurus melainkan berbentuk kurva.

Teknik Elektro

Unibraw

ANIMASI VEKTOR

Vektor adalah garis yang memiliki ujung-pangkal, arah, dan panjang.

Animasi vektor mirip dengan animasi sprite, tetapi animasi sprite menggunakan bitmap sedangkan animasi vektor menggunakan rumus matematika untuk menggambarkan sprite-nya.

Teknik Elektro

Unibraw

ANIMASI KARAKTER

Biasanya terdapat di film kartun, semua bagian selalu bergerak bersamaan.

Software yang biasa digunakan adalah Maya Unlimited. Contoh: Film Toy Story dan Monster Inc.

Apapun jenis animasinya, yang penting adalah memberikan efek “hidup” (visual efek) pada gambar atau obyek.

Visual efek dapat dibuat dengan cara:

Motion dynamics, efek yang disebabkan perubahan posisi terhadap waktu.

Update dynamics, efek yang disebabkan perubahan pada suatu obyek (bentuk, warna, struktur, dan tekstur)

Perubahan cahaya, posisi, orientasi dan fokus kamera.

REFERENCE

Tolle, Herman. Sistem Multimedia. Malang: Universitas Brawijaya.

Ze-Nian Li and Mark. S. Drew, Fundamentals of Multimedia, Prentice-Hall, 2003. ISBN 0130618721.

Anbarjafari, Gholamreza, Video Lecture on Digital Image Processing,2002,University of Tartu