pengantar multimedia - efrylia.files.wordpress.com fileklasifikasi media 1) perception medium 2)...

37
PENGANTAR MULTIMEDIA Aprilia Sulistyohati, S.Kom.

Upload: habao

Post on 04-Aug-2019

244 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

PENGANTAR

MULTIMEDIA

Aprilia Sulistyohati, S.Kom.

Page 2: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

LATAR BELAKANG

Aplikasi yang berbasis teknologi informasi yang

diintegrasikan dengan multimedia berkembang

pesat

1. e-commerce

2. e-learning

3. e-government

Page 3: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

DEFINISI MULTIMEDIA

Multi : Banyak, bermacam-macam

Media : sesuatu untuk menyampaikan dan

merepresentasikan informasi

Multimedia : Kombinasi seni, suara, animasi,

teks, gambar, serta video yang

disampaikan oleh komputer atau

perangkat elektronik yang lain

kepada kita (sebagai user)

Page 4: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

DEFINISI MENURUT PARA AHLI :

Kombinasi dari computer dan video (Rosch,1996)

Kombinasi dari tiga elemen : suara, gambar danteks (McComick, 1996)

Kombinasi dari paling sedikit dua media inputdan output. Media ini dapat berupa audio (suara,musik), animasi, video, teks, grafik dan gambar(Turban dkk, 2001)

Hofstetter, 2001 : Pemanfaatan computer untuk membuat dan menggabungkan teks, grafik, audio, video, dengan menggunakan tool yang memungkinkan pemakai berinteraksi, berkreasi dan berkomunikasi.

Page 5: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

RAGAM SUDUT PANDANG TERHADAP

MULTIMEDIA:

PC Vendor:

Sebuah PC yang memiliki spesifikasisound, DVD/CD drive, dan/ataukemampuan untuk memahami perintah-perintah multimedia

Entertainment Vendor:

TV-kabel interaktif dengan ratusanchannel, atau sebuah layanan mirip TV-kabel untuk koneksi internet kecepatantinggi.

Computer-Scientist:

Aplikasi yang memiliki multiple-modality, termasuk didalamnya: teks,grafik, animasi, video, suara, speech, daninteractivity.

Page 6: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

KOMPONEN MULTIMEDIA

Grafik

Komputer

interaktif

Animasi Audio

Teks

Sistem

multimedia

Video

Page 7: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

APLIKASI MULTIMEDIA

Bisnis Presentasi

Pemasaran (telemarketing)

Periklanan ( efektif dan interaktif)

Database

Katalog

Pesan kilat

Shopping cart (mengubah cara belanja)

Internet banking

Kemajuan cara berkomunikasi :

radio - televisi

sms (teks) – mms (image, suara, teks)

Page 8: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

PendidikanDapat mempermudah pembelajaran

karena didukung oleh berbagai aspek : suara,

video, animasi, teks, dan grafik

E-Learning (mengubah cara belajar)

Tutorial

Pelatihan

Perubahan sistem pembelajaran

Siswa pasif siswa aktif

Page 9: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

Umum

Tutorial berkebun / mendesain rumah

Layar menu fasilitas hotel / peta kota / menu

makanan restaurant

Disajikan dalam bentuk interaktif dalam bentuk

multimedia

Jaringan dan Internet

Membantu dalam pembuatan website yang

menarik, informatif, dan interaktif

Page 10: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

TOPIK RISET MULTIMEDIA

Multimedia processing and coding:

Multimedia content analysis, content-based

multimedia retrieval, multimedia security,

audio/image/video processing, compression, etc.

Multimedia system support and networking:

Network protocols, Internet, operating systems,

servers and clients, quality of service (QoS), and

databases.

Multimedia tools, end-systems and applications:

Hypermedia systems, user interfaces, authoring

systems.

Multi-modal interaction and integration:

Multimedia education including Computer

Supported Collaborative Learning, and design

and applications of virtual environments.

Page 11: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

MENURUT RISET CTR ( COMPUTER

TECHNOLOGY RESEARCH ):

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 70% dari yang

didengar, dilihat, dan dilakukan

Page 12: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

PROJECT MULTIMEDIA

Camera-based object tracking

3D motion capture

3D capture technology

Specific multimedia applications

Multiple views

Digital fashion

Page 13: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

PENGANTAR PEMBUATAN PROYEK

MULTIMEDIA

1) Perencanaan dan pembiayaan :

Prototype/konsep perencanaan

2) Desain dan produksi penawaran sampai clien

merasa puas dengan produksi yang akan kita

buat

3) Pengujian: lakukan pengujian setiap program

4) Pengiriman hasil proyek: kemas dalam bentuk

yg menarik dan terlihat profesional.

Page 14: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

SEJARAH PERKEMBANGAN

MULTIMEDIA

Suratkabar: Media komunikasi pertama yang

menggunakan teks, grafik, dan citra

Motion pictures (gambar bergerak)

Wireless radio transmission: Gugliemo Marconi,

Pontecchio-Italy, 1895

Televisi

Teknologi Komputer dan jaringan komputer

Page 15: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

KLASIFIKASI MEDIA

1) Perception Medium

2) Representation Medium

3) Presentation Medium

4) Storage Medium

5) Transmission Medium

6) Information Exchange Medium

Page 16: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

PERCEPTION MEDIUM

Media Persepsi untuk membantu manusia

untuk merasakan lingkungannya

“Bagaimana manusia menerima informasi pada

lingkungan komputer?”

melalui penglihatan / pendengaran

Meliputi 3 Aspek :

Aspek Representative Space

Aspek Representative Values

Aspek Representative Dimension

Page 17: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

ASPEK PADA PRESENTATION

MEDIUM :

Aspek Ruang

Sesuatu yang terkandung dalam presentasi secara nyata.

- kertas, layer , poster

- slide show, banner

Aspek Nilai

Nilai-nilai yang terkandung dalam presentasi

- Self contained (isi presentasi itu sendiri)

- Predifined Symbol set (sudah disepakati sebelumnya),

Ex: teks, ucapan, gerak tubuh

Aspek Dimensi

Berkaitan Ruang (space) & Waktu (time)

- Time independent (tidak bergantung terhadap waktu), discreet (text, grafis)

- Time dependent (bergantung terhadap waktu) continous media (video, audio sinyal dari sensor yang berbeda)

Page 18: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

REPRESENTATION MEDIUM

Media Representasi ditentukan oleh

representasi informasi pada komputer

“Bagaimana informasi pada komputer

dikodekan??

Menggunakan berbagai format untuk

merepresentasikan informasi.

Ex:

Text : ASCII, EBCDIC

Grafis: SVG, CDR, PSD

Audio stream : Wave, Midi

Image : BMP, JPEG

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

AVI

Page 19: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

PRESENTATION MEDIUM

Media Presentasi adalah Pirantidan Alat

yang digunakan untuk proses input dan output

informasi

“Melalui media apa informasi disajikan oleh

komputer??”

Output : kertas, layar, speaker

Input : keyboard, mouse, kamera, mic, scanner

Page 20: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

STORAGE MEDIUM

Media Penyimpanan adalah Pembawa

Data yang mempunyai kemampuan untuk

menyimpan informasi

“Dimanakah informasi akan disimpan???”

Tape Microfilm(bentuknya mirip klise),

Floppy Disk

Disc HD, CD, DVD, HD-DVD, Blue-Ray

NV-Memory USB Flash Disk, SD Card

Page 21: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

TRANSMISSION MEDIUM

Media Transmisi adalah Pembawa informasi

yang memungkinkan terjadinya transmisi

data secara continue

“Melalui apa informasi akan

ditransmisikan???”

Jaringan kabel (coaxial, fiberoptics)

Jaringan nir-kabel (wireless)

Page 22: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

INFORMATION EXCHANGE MEDIUM

Media Pertukaran Informasi adalah

Pembawa Informasi untuk transmisi

“Bagaimana pertukaran informasi dari tempat

yang berbeda??”

Storage tanpa jaringan

Direct Transmission melalui jaringan

komputer

Combined storage dan transmission media

Web blog, forum, dll

Page 23: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

WORLD WIDE WEB (WWW)

Salah satu layanan yang didapat oleh pemakai

komputer yang terhubung ke internet.

Web pada awalnya adalah ruang informasi dalam

internet, dengan menggunakan teknologi

hyperteks.

Page 24: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

SKEMA WWW BEKERJA

Page 25: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

W3C

World Wide Web Consortium ( W3C )

Badan resmi mengembangkan teknologi

(khususnya perkembangan web)

Standar W3C :

- Standar web yang paling mendasar adalah

HTML, CSS, dan XML

- Standar HTML yang terakhir adalah

XHTML 1.0.

Menurut W3C, tujuan dari WWW adalah:

- Universal acces of web resources

- Effectiveness of navigating available

information

- Responsible use of posted materials

Page 26: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

HTTP (HYPERTEXT TRANSFER

PROTOCOL)

HTTP:

Sebuah protokol yang awalnya didesain

untuk digunakan mentransmisikan hipermedia,

tetapi dalam perkembangannya dapat digunakan

untuk mentransmisikan jenis file apapun

HTTP adalah stateless request/response protocol.

Request format:

Method URI Version

Additional-Headers

Message-body

URI (Uniform Resource Identifier):

identifier untuk resources yang diakses

“http://...”

Page 27: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

HTTP (HYPERTEXT TRANSFER

PROTOCOL)

Dua metode populer: GET dan POST

Dua status code yang umum:

200 OK – request diproses dengan sukses

404 Not Found – URI tidak ditemukan

Page 28: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

HTML (HYPERTEXT MARKUP

LANGUANGE)

HTML:

Bahasa untuk mempublikasikan HyperMedia di

WWW, didefinisikan menggunakan SGML

- HTML menggunakan ASCII

- XHTML

HTML menggunakan tags untuk mendeskripsikan

elemen-elemen dokumen:

- <token params> -- mendefinsikan titik awal

- </token> -- titik akhir

Page 29: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

MESIN PENCARI WEB

www.google.com

www.yahoo.com

www.lycos.com

www.infoseek.com

www.ask.com

Page 30: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

SOFTWARE MULTIMEDIA

1) Animation

2) Digital audio

3) Video editing

4) Multimedia authoring

5) Graphics and image editing

6) Music sequencing and notation

Page 31: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

MATERI & TUGAS

Visit : www.efrylia.wordpress.com

Send Assigment : “ [email protected]

Page 32: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

ANIMATION

Java 3D

DirectX

OpenGL

3D Studio Max

Softimage XSI

Maya

RenderMan

GIF animation packages

Page 33: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

DIGITAL AUDIO

Cool edit

Sound Forge

Pro Tools

Page 34: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

VIDEO EDITING

Adobe Premiere

Adobe After Effect

Final Cut Pro

Page 35: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

MULTIMEDIA AUTHORING

Macromedia Flash

Macromedia Director

Authorware

Quest

Page 36: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

GRAPHICS AND IMAGE EDITING

Adobe Illustrator

Adobe photoshop

Macromedia Fireworks

Macromedia Freehands

Page 37: PENGANTAR MULTIMEDIA - efrylia.files.wordpress.com fileKLASIFIKASI MEDIA 1) Perception Medium 2) Representation Medium 3) Presentation Medium 4) Storage Medium 5) Transmission Medium

MUSIC SEQUENCING AND

NOTATION

CakeWalk (Pro Audio)

Cubase

Macromedia Soundedit