Analisa Perancangan Sistem - Pertemuan 2 CDM

KONSEP DASAR
MULTIMEDIA
©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 1

PENGANTAR MULTIMEDIA
Kompresi Bit-bit media

PRE TEST
Multi
 Apa yang anda ketahui media?
tentang multimedia ?

What is Multimedia?
 MULTIMEDIA berasal dari dua kata MULTI dan MEDIA.
MULTI dalam bahasa latin berarti banyak atau
bermacam-macam, sedangkan MEDIUM berarti sesuatu
yang dipakai untuk menyampaikan atau membawa
sesuatu.
 Kamus American Heritage Electronic Dictionary:
MEDIUM : alat untuk mendistribusikan dan
mempresentasikan informasi.
 Multimedia dapat diartikan sebagai penggunaan
beberapa media yang berbeda untuk menggabungkan
dan menyampaikan informasi dalam bentuk text, audio,
grafik, animasi, dan video.

What is Multimedia?
 Pemanfaatan komputer untuk membuat dan
menggabungkan teks, grafik, audio, gambar bergerak
(video dan animasi) dgn menggabungkan link dan tool yg
memungkinkan pemakai melakukan navigasi,
berinteraksi dan berkomunikasi.
 Output multimedia berbentuk citra digital -> gambar

bergerak -> gambar tiga dimensi -> interaktif

RAHASIA OTAK KITA
KIRI KANAN
Bahasa Musik
Matematika Sentuhan tangan kiri
Sentuhan tangan kanan Kesenian
Ilmu pengetahuan Persepsi
Menulis Imaginasi/Fantasi
Logika Emosi
Motivasi/Semangat
TENGAH
Spiritualitas Value/nilai
Moral Ketuhanan
Norma Kemanusiaan

Contoh Otak
Kanan
TULALU****
Pentingnya Multimedia
 Sebagai alat bersaing perusahaan (sarana
promosi)
 Meningkatkan daya baca (menarik indera dan

menarik minat)
 Membantu meratakan zaman informasi ke jutaan

orang yg belum memakai komputer

Gambaran Umum
Multimedia Distributed
Systems Multimedia
Multimedia
Systems
Media asset
Image Video managemen
t
Authoring Network
Text
Frameworks
Audio Speech Tools
Streaming video
Web pages Virtual worlds
Streaming audioClient-server
©Ian Sommerville 2004
10
Software Engineering, 7th edition. Chapter 1 Slide 10
Multimedia Industry Structure
Level
Content (Media)
1
Level
Applications (Software)
2
Level
Platforms (Hardware)
3
Level
Networking
4
©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1
11 Slide 11
What is software?
Office Application Operating System
Oh, I see...
SOFT
Simulation
WARE personal software
Multimedia
Application Programming IDE

Perkembangan Multimedia
 Perkembangan multimedia mengikuti perkembangan
internet
 Seiring dengan perkembangan CD-ROM drive dan
DVD drive
 Pada akhir abad 20, dua per tiga rumah tangga di
Amerika telah memiliki komputer dan setengahnya
terhubung ke internet
 Adanya industri telekomunikasi -> multimedia mobile
 Memudahkan perusahaan untuk melakukan merger
dan aliansi.
Perkembangan Multimedia
 Multimedia mengubah tempat kerja (bisa mobile)
 Multimedia mengubah cara orang berbalanja

(teleshopping)
 Multimedia mengubah cara akses informasi (baca

koran)
 Dll.

Multimedia Applications
 Education  Digital Libraries

 Health Care  Entertainment
 Consumer Electronics  Telecommuting
 Geographical IS  Publishing
 Navigational Systems  Virtual Reality
 Business and Finance  Commercial Electronics
 High Quality  Cooperation
Communications  Advertisement
[Gray97]

Health Care
 Biomedical data
acquisition,
transmission,
storage,
interpretation
 Diagnosis aids
 Tele medicine

Multimedia Internet
 Internet merupakan jaringan komputer global yg terhbg
setiap saat yg berisi berbagai layanan dan media
 Fasilitas / layanan pada internet terdiri dari :
• E-mail
• Bulletin board service (network news)
• File transfer (FTP)
• Remote login (telnet)
• Browsing dan pencarian informasi
• Komunikasi audio dan video
• Teleconference

Collaboration Environment

Delivering Multimedia
 Compact disc
• Inexpensive, easy mass produce
and distribute
 Kiosk
• Computer system to access info,
perform transactions or play
games
• Convenience, reduces personnel
costs, but expensive maintenance
 Online
• Web pages, product
advertisement, demos,

19 Slide 19
Karir di bidang Multimedia
 Bidang pemasaran
 Animasi
 Perekaman CD/DVD
 Desain isi multimedia
 Electronic publishing
 Desain game
 Desain presentasi dan simulasi
 Perencanaan konstruksi multimedia
 Produksi Video
Multimedia
• Multimedia berkait dgn hak paten, copyright, penggunaan

yg adil, etika dan kejahatan.
• Hak paten yg menonjol dlm multimedia adalah hak paten
data optis, hak paten Campton serta hak paten GIF dari
UNISYS.
• Singapura sejak 1996 telah memiliki perangkat hukum
berkaitan dgn pemanfaatan teknologi informasi.
• Malaysia sejak 1997 mengeluarkan hukum-hukum
kriminalitas komputer, tanda tangan digital serta
komunikasi dan multimedia.
• Bagaimana dengan Indonesia ???

Konsep Pengembangan Multimedia
Menurut Suyanto (2003 : 353), tip tahapan pengembangan

sistem multimedia, yaitu :
1. Mendefinisikan Masalah
Mendefinisikan masalah sistem adalah hal yang pertama
yang dilakukan oleh seorang analis sistem.
2. Studi Kelayakan
Hal kedua yang dilakukan analis sistem adalah studi
kelayakan, apakah pengembangan sistem multimedia
layak diteruskan atau tidak.
3. Analisis Kebutuhan Sistem
Menganalisis maksud, tujuan dan sasaran sistem
merupakan hal yang dilakukan pada tahap ini.
4. Merancang Konsep
Pada tahap ini, analisis sistem terlibat dengan user untuk
merancang konsep yang menentukan keseluruhan pesan
dan isi dari aplikasi yang akan dibuat.
5. Merancang Isi
Merancang isi meliputi mengevaluasi dan memilih daya
tarik pesan, gaya dalam mengeksekusi pesan, nada
dalam mengeksekusi pesan dan kata dalam
mengeksekusi pesan.
6. Merancang Naskah
Merancang naskah merupakan spesifikasi lengkap dari
teks dan narasi dalam aplikasi multimedia.

7. Merancang Grafik
Dalam merancang grafik, analis memilih grafik yang
sesuai dengan dialog.
8. Memproduksi Sistem
Dalam tahap ini, komputer mulai digunakan secara
penuh, untuk merancang sistem, dengan
menggabungkan ketujuh tahap yang telah dilakukan.
9. Mengetes Sistem
Pengetesan merupakan langkah setelah aplikasi
multimedia selesai dirancang.

10. Menggunakan Sistem

Implementasi sistem multimedia dipahami sebagai
sebuah proses apakah sistem multimedia mampu
beroperasi dengan baik.
11. Memelihara Sistem
Setelah sistem digunakan, maka sistem akan dievaluasi
oleh user untuk diputuskan apakah sistem yang baru
sesuai dengan tujuan semula dan diputuskan apakah
ada revisi atau modifikasi.

TEKS (TEXT)
Jenis-jenis Teks
Plain Text (Unformatted Text)
Teks merupakan data dalam bentuk karakter,
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 disaat mengetik dengan
menggunakan notepad (.txt)

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

Jenis-jenis Teks
Hypertext
Diperkenalkan oleh Ted Nelson (1965),
Hypertext adalah teks yang memiliki fasilitas linking.
Contoh hypertext :
• HTML (Hypertext Markup Language)
• XML (eXtensible Markup Language)

HTML (Hypertext Markup Language)
Merupakan standard bahasa yang digunakan untuk

menampilkan document web.
Yang dapat dilakukan dengan HTML :
• 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,
flash dan juga java applet dalam document HTML.
• Mendukung link (sebuah hubungan dari satu dokumen ke
dokumen lain) antar dokumen,
XML (eXtensible Markup Language)
HTML berkembang ke XHTML

• Strukturnya lebih jelas dan punya arti,
• Intelligence, karena XML mampu menangani berbagai
komplesitas markup bertingkat-tingkat,
• Portable, karena memisahkan data dan presentasi,
• Extensible, dapat ditukar/digabung dengan dokumen XML
lain,
• Maintenance, XML mudah untuk diatur dan dipelihara,

GAMBAR / IMAGE
• Gambar (image) merupakan suatu representasi spatial

dari suatu obyek, dalam pandangan 2D atau 3D,
• 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),
• Titik dimana suatu gambar di-sampling disebut picture
element (pixel),

Jurusan Teknik Informatika
Fakultas Teknik - Universitas Muhammadiyah Ponorogo
Gambar / Image
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 (2^16)
24 bits : 2^24 true color
32 bits : true color (2^32)
8 bits = 1 byte
Format gambar digital memiliki 2 parameter :
• Spatial resolution pixels X pixels
• Color encoding bits / pixel
Konsep & Aplikasi

©Ian Sommerville 2004 Multimedia Software Engineering,
Hendrik 7thKusbandono,
edition. Chapter 1 S.Kom Slide32
32
Gambar / Image
• 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)
• Ruang disk yang dibutuhkan = 100 * 100 * 3 byte
(karena RGB) = 30.000 bytes = 30KB atau 100 * 100 *
24bits = 240000bits
• 1 KB = 1000 bytes
Konsep & Aplikasi

33
Tabel Resolusi Display & Kebutuhan Memory
Standard Standard Standard Kebutuhan

Resolusi Resolusi Warna Resolusi Warna memory
Warna / frame (bytes)
VGA 640 x 480 8 bit 307.2 KB
XGA 640 x 480 16 bit 614.4 KB
1024 x 768 8 bit 786.432 KB
SVGA 800 x 600 16 bit 960 KB
1024 x 768 8 bit 786.432 KB
1024 x 768 24 bit 2359.296 KB
Konsep & Aplikasi

34
Gambar / Image
• 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,
• Setiap pixel dapat mempunyai informasi tambahan yang
berhubungan dengan pixel tersebut,
• Masing-masing gambar juga memiliki informasi tambahan
seperti lebar X panjang gambar, kedalaman gambar,
pembuat, dll.
Konsep & Aplikasi

35
GRAFIK (GRAPHICS)
Ada 2 jenis grafik:
• Raster : dimana setiap pixel didefinisikan secara terpisah
(Bitmap Graphic)
• Vector : dimana formula matematika digunakan untuk
menggambar graphics primitives (garis, kotak,
lingkaran,elips, dll) dan menggunakan attributnya (Vector
Graphic)
Gambar vektor biasanya berukuran lebih kecil, gambar tidak
pecah, semua manipulasi dilakukan melalui rumus.
Konsep & Aplikasi

36
Grafik (Graphics)
Grafik tidak hanya terdiri dari gambar-gambar statis.
Grafik dapat dimanipulasi secara dinamis :
• Motion dynamics : obyek / background bergerak
• Update dynamics : obyek berubah bentuk, warna, dll
Konsep & Aplikasi

37
FORMAT FILE GAMBAR
Joint Photographic Expert Group (.JPEG/JPG)

• Format JPG merupakan format yang paling terkenal
sekarang ini.
• Hal ini karena sifatnya yang berukuran kecil (hanya
puluhan/ratusan KB saja), dan bersifat portable.
• File ini sering digunakan pada bidang fotografi untuk
menyimpan file foto.
• File ini bisa digunakan di web (internet).
Konsep & Aplikasi

38
FORMAT FILE GAMBAR
Portable Network Graphics (.PNG)

• Format yang standar dan sering digunakan di internet
untuk menampilkan gambar atau pengiriman gambar.
• Ukuran file ini cukup kecil dan setara dengan ukuran gif
dengan kualitas yang bagus. Namun tidak mendukung
animasi (gambar bergerak).
Format gambar bentuk lain seperti TIFF (Tagged Image File
Format), ICO (Icon), EMF (Enchanced Windows Metafile),
PCX, ANI (Animation), CUR (Cursor), WBMP (WAP BMP),
PSD (Adobe Photoshop Document), CDR (Corel Draw), dll.
Konsep & Aplikasi

39
Format File Gambar
Bitmap (.BMP)
• Format gambar yang paling umum dan merupakan
format standar Windows.
• Ukuran filenya sangat besar karena bisa mencapai ukuran
Megabytes.
• File ini merupakan format yang belum terkompresi dan
menggunakan sistem warna RGB (Red, Green, Blue)
dimana masing-masing warna pixelnya terdiri dari 3
komponen, R, G, dan B yang dicampur menjadi satu.
• File BMP dapat dibuka dengan berbagai macam software
pembuka gambar seperti ACDSee, Paint, IrvanView dll.
Konsep & Aplikasi

40
FORMAT FILE GAMBAR
Graphics Interchange Format (.GIF)

• Format GIF ini berukuran kecil dan mendukung gambar
yang terdiri dari banyak frame sehingga bisa disebut
sebagai gambar animasi (gambar bergerak).
• Format ini sering sekali digunakan di internet untuk
menampilkan gambar-gambar di web.
Konsep & Aplikasi

41
Digitisasi Media
Mengubah Media Menjadi Bit Digital

Digital Multimedia
 All data is now numeric: Images, video and
sound is digitized into numbers.
 Digital data can be processed in a computer

into compressed formats.
 Data is stored on disk (rather than VHS tapes

or audio cassette
 Data is transmitted digitally with additional

information to help correct errors

Digital Advantages
 Digital data not affected by processing
 Compression => more data /channel
 Processing costs: analog but digital
 Complexity costs: analog but digital

Kompresi Bit-Bit Media
Menghemat Bit Untuk Multimedia

Tujuan Kompresi Multimedia
 Tujuan Utama
• Untuk menghemat penggunaan bit bagi representasi
digital yang efektif dari sinyal multimedia
 Sinyal Multimedia
• Ucapan, audio/musik, citra, video, dll
 Aplikasi
• Komunikasi, Internet, Broadcasting, Storage

Apa itu Kompresi
 Suatu teknik pemampatan data sehingga
diperoleh file (jumlah bit) dengan ukuran yang
lebih kecil daripada ukuran aslinya.
 Kompresi bekerja dengan mencari pola-pola
perulangan (redundansi) pada data dan
menggantinya dengan sebuah penanda tertentu.

Jika sebuah lagu pada CD
Audio ≈ 50 MB,
sementara lagu yang sama

dengan format MP3 ≈ 5 MB
TANYA
KENAPA?
Multimedia Development
Input Output
Process
Capture from Apply effect filters Present
device and transforms
Save to a file
Read from a Compress or
file decompress Send across
the network
Receive over Convert between
the network formats
49 Slide 49
Summary
 Teknologi multimedia adalah ‘the next-revolution’
 Kuncinya adalah digitisasi media
 Kompresi harus dilakukan untuk efisiensi media
penyimpanan maupun transmisi
 It is just a beginning …..

End of This Session...
©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 51 5

TUGAS
 Kompresi Gambar

Analisa Perancangan Sistem - Pertemuan 2 CDM

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Analisa Perancangan Sistem - Pertemuan 2 CDM

Enviado por

Direitos autorais:

Formatos disponíveis

KONSEP DASAR

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 1

Kompresi Bit-bit media

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 2

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 3

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 4

 Output multimedia berbentuk citra digital -> gambar

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 5

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 6

 Meningkatkan daya baca (menarik indera dan

 Membantu meratakan zaman informasi ke jutaan

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 9

Office Application Operating System

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 12

 Multimedia mengubah cara orang berbalanja

 Multimedia mengubah cara akses informasi (baca

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 14

 Education  Digital Libraries

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 15

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 16

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 17

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 18

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1

• Multimedia berkait dgn hak paten, copyright, penggunaan

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 21

Menurut Suyanto (2003 : 353), tip tahapan pengembangan

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 23

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 24

10. Menggunakan Sistem

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 25

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 26

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 27

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 28

Merupakan standard bahasa yang digunakan untuk

HTML berkembang ke XHTML

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 30

• Gambar (image) merupakan suatu representasi spatial

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 31

Konsep & Aplikasi

Konsep & Aplikasi

Tabel Resolusi Display & Kebutuhan Memory

Standard Standard Standard Kebutuhan

Konsep & Aplikasi

Konsep & Aplikasi

Konsep & Aplikasi

Konsep & Aplikasi

Joint Photographic Expert Group (.JPEG/JPG)

Konsep & Aplikasi

Portable Network Graphics (.PNG)

Konsep & Aplikasi

Konsep & Aplikasi

Graphics Interchange Format (.GIF)

Konsep & Aplikasi

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 42

 Digital data can be processed in a computer

 Data is stored on disk (rather than VHS tapes

 Data is transmitted digitally with additional

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 43

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 44

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 45

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 46

©Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 1 Slide 47

sementara lagu yang sama

 It is just a beginning …..