Data dan
Teknologi Multi Media
KP 025 – 3 SKS
Fakultas Teknologi Informasi
1
INTRODUCTION
2
•
•
Secara teknis adalah, fakta yang masih mentah dan gambarangambaran, seperti pembayaran dan pemesanan, yang diproses
ke dalam informasi, seperti saldo dan kwantitas dalam
persediaan.
Pada penggunaan secara umum pemakaian istilah informasi
dan data digunakan secara bersinonim.
– jumlah data dibanding informasi yang di simpan dalam
komputer , Data dapat di proses dalam bentuk informasi yang
berbeda-beda tetapi membutuhkan waktu untuk
mengurutkan dan menjumlahkan transaksi. Informasi yang
up-to-date dapat memberikan jawaban yang cepat.
– Biasanya kesalahan umum yang terjadi adalah software juga
data. Software melakukan eksekusi atau menjalankan melalui
komputer. Data adalah adalah yang di “proses” dan software
adalah yang “menjalankan”
•
Banyak bentuk informasi apakah dalam bentuk kertas ataupun
elektronik. Dalam bentuk elektronik data menunjuk pada files dan
database, dokumen text, gambar dan suara digital yang di
sandikan dan video
3
• Penyebaran informasi kedalam lebih dari satu format.
Meliputi penggunaan teks, audio, grafik, grafik yang
hidup dan full-motion video. Program Multimedia
secara umum seperti game, encyclopedia dan
training courses pada CD-ROM. Bagaimanapun,
setiap aplikasi dengan Video dan/atau suara dapat
disebut suatu program multimedia.
– (Computer Desktop Encyclopedia 1999)
• Suatu Presentasi komputer yang Interaktif yang
meliputi sedikitnya dua elemnets berikut: teks, suara,
grafik, grafik yang bergerak, dan animasi.
» (Robert S.Tannembaum, 1999)
4
• Interaktif
• Integrasi 2 atau lebih media
– Text, audio, video, image, ……
• Komputer sebagai media
• Komunikasi dengan Manusia (human
communication)
5
Multi Media Software
• Digunakan untuk membuat presentasi
multimedia interaktif
• Pages are linked by buttons, story
boards show logic, flow and structure.
• Authoring programs untuk membuat
presentasi
6
Pembuatan Presentasi Multimedia
•
•
•
•
Rencana dan Analisa
Merancang
Pembuatan
Dukungan Bantuan (support)
7
Rencana dan analisa
• Tentukan Sasaran proyek secara
Menyeluruh
• Sumberdaya yang diperlukan
• Orang atau team yang nantinya
bekerja pada proyek tersebut
8
Merancang
• Pembuatan alur cerita adalah penting untuk
membangun suatu proyek
• Alur cerita adalah alat bantu dalam
merancang yang digunkan untuk merekam
secara keseluruhan logika, alur dan struktur
dari multimedia
• Individual Storyboard menentukan isi, gaya
dan rancangan masing-masing tampilan,
dihubungkan ke video, audio, grafik, teks
ataupun media lain
9
Pembuatan
• A multi media authoring program
adalah; digunakan untuk membuat
presentasi multimedia yang interaktif,
penggunaan element yang berbeda
diterapkan pada alur cerita seperti
graphics, sound, dan video
• Program pembuatan Multimedia;
macromedia director, authorware and
toolboox
10
Dukungan Bantuan
• Setelah multimedia presentasi sudah jadi
lengkap. Harus sudah dapat digunakan
• Setiap kesalahan yang diketemukan perlu
untuk dibetulkan.
• Presentasi dievaluasi ke-efektivitasan-nya
agar seperti yang diinginkan (tujuan)
• Rencana kedepan untuk perbaikan dan
revisi yang diperlukan, dimana terdapat saat
proses pengembangan dimulai lagi
(rekayasa perangkat lunak)
11
Graphics & Multimedia Software
Application software
Computer_Aided Design (CAD)
Desktop Publishing
Paint/ Image Editing
Multimedia Authoring
WebPage Authoring
Popular program
•Autodesk autocad200
•Microsoft office Visio 2003
•Adobe Indesign
•Adobe Pagemaker
•Corel Ventura
•Adobe illustrator
•Adobe Photoshop
•Corel coreldraw
•Macromedia freeHand
•Toolbook Instructor
•Macromedia Authorware
•Macromedia director
•Adobe Golive
•Macromedia Dreamweaver
•Macromedia Flash
•Microsoft FrontPAge
12
13
Web Authoring
• Membuat Web sites disebut juga dengan web
authoring.
• Pemetaan secara gafik memperlihatkan
rancangan site secara keseluruhan
• program Web authoring mendukung
rancangan dan HTML coding
• Authoring tool adalah aplikasi software ynag
digunkan untuk membuat isi dari multimedia,
umumnya untuk WWW
14
Web authoring programs
• Umumnya digunakan untuk membuat site
comersial yang bagus (sophisticated
commercial site).
• Dikenal sebagai Web page editors dan HTML
editors, program ini menyediakan dukungan
untuk merancang web site dan HTML coding
• Secara luas program web authoring meliputi
macromedia Dream weaver, Netobjects
Fusion dan microsoft front page
15
16
Suggestion Creating Web site
• Buat Rancangan dan motif yang
umum
• Penggunaan grafik da animasi
untuk menambah ketertarikan
• Buat navigasi yang mudah pada
web site
• Rancang web-site dengan
tampilan yang standard
17
Rancangan dan motif yang umum
• Konsisten dalam penggunaan warna,
font (huruf), rancangan background
dan fitur-fitur navigasi membuat website serasa menyatu dan buatlah
mudah digunakan
18
Penggunaan grafik da animasi untuk
menambah ketertarikan
• Grafik dan animasi menambah minat dan
memfokuskan perhatian user
• Dibutuhkan waktu untuk men- download,
dan waktu menunggu itu membuat frustasi
• Selektif dan batasi ukuran dari grafik
• Gunakan ‘reuse graphics’ dari satu page ke
page yang lain
19
Buat navigasi yang mudah pada web site
• Ciptakan suatu metoda navigasi yang
sederhana yang memudahkan para
pemakai sampai kepada informasi
diinginkan mereka secepat mungkin
• Jangan membuat isi informasi yang
diinginkan lebih dari tiga ‘click’ dari home
page
• Contoh:
20
Rancang tampilan yang standard
• Untuk memperkecil dampak dari site
kita yang diakses oleh banyak user,
rancangan sebaiknya sesuaikan
dengan resolusi standard tampilan dari
monitor 800 x 600 (tergantung dari
perkembangan teknologi yang ada)
21
The aspect ratio of most computer
monitors is 4:3.
640 x 480 (VGA)
800 x 600 (SVGA)
1024 x 768 (XGA)
1152 x 870 (Macintosh)
1280 x 1024 (SXGA)
1600 x 1200 (UXGA)
22
Teknologi yang support multi media
• Processing Power (Digital Signal Processing
(DSP) , CPU)
• Compression technology
• Graphical User Interface
• High Capacity Storage System
• Networking Technology
23
MULTIMEDIA PERPECTIVE
24
Multimedia Perpectives
Artist/
Content
Specialist
Manager
Multimedia
Network
Engineer
Computer Science/
Programmer
25
Multimedia Perpectives
Manager
– Bagaimana cara menggunakan teknologi
multimedia demi kepentingan organisasi ?
– Bagaimana teknologi multimedia dapat
meningkatkan ketrampilan dan pengetahuan dari
karyawan?
– Bagaimana teknologi mediamedia dapat
menyediakan satu basis pengetahuan untuk
perusahaan
26
Multimedia Perspectives
Computer Science/
Programmer
– Algoritma Baru untuk kompresi data
– Program inter-aktivitas untuk perangkat lunak
multimedia
– Logika pemograman untuk simulasi multimedia
– Merancang algoritma untuk memproses data
ilmiah dan memvisualisasikannya dengan
multimedia
27
Multimedia Perpectives
Artist/
Content Specialist
– Menciptakan“ Killer Contents”
– Ketelitian & Nilai informasi dari pesan
– Mentransfer pesan efisien dan secara efektif
sampai ke media berbeda
– Pandangan Seni & Komunikasi manusia (sosial)
28
Multimedia Perpectives
Network
Engineer
– Lebih laju, lebih ….
– Merancang Lebih cepat, Cheaper, Smaller, Better
Digital Signal Processor Chip dan CPU
– Bandwidth Lebih Besar untuk serat optik
– Switching lebih cepat
– Infrastruktur dapat dipercaya
– Simpanan yang lebih cepat dan lebih besar
– Hardwiring algoritma yang ter kompres
untuk membuat nya lebih cepat
29
• pendidikan / pelatihan / Instruksi
• Pengembalian Informasi / Encyclopedia digital
• Komunikasi manusia
• Data ilmiah / Visualitation / Simulasi
• bisnis / pasar modal / Pasar uang
• pertunjukan / Game-game
• Ras Manusia dan seni rupa
• …
30
•
Desktop Publishing / Pre-press
–
Imaging
–
Lay-Out
•
Produksi audio
•
Desktop Video
•
Produksi Video / Pasca produksi
•
3D animasi
•
Pengintegrasian multimedia / Memprogram
•
Portable
31
ELEMENT MULTIMEDIA
32
Elemen
• Text
• Audio,
• Graphics,
• Animated graphics
• Full-motion video
33
• Bentuk paling dasar penyampaian informasi
• Paling sederhana
• Disimpan tidak membutuhkan ‘space’ yang
besar
• Di representasikan dalam bentuk FONT
34
AUDIO
35
• Audio diproses didalam komputer
dengan mengubah signal analog ke
dalam suatu kode digital dengan
menggunakan berbagai teknik
• Dihasilkan dari pergetaran
• Kategori
– Speech
– Music
– Efek suara
36
• Sound cards play digital audio files and
usually support MIDI.
• File audio digital berisikan
– ‘soundwaves’ yang telah diubah jadi
format digital.
– Tanpa kompresi, file ini memakai
penyimpanan yang pantas
dipertimbangkan. (besar ukurannya)
• Format audio dari Windows adalah
wave file (.WAV extension).
37
Type of Sound Files
• Wave Sound files
– Contain the data to reconstruct the wave
– E.g. WAV, MP3, AIFF (apple), Real..
• Non Wave (e.g. Midi) Sound files
– Contain notation representation
– Require a synthesizer to build the sound
that will play the note
38
WAV
•
•
•
•
•
•
•
WAV = WAVe
Tidak ter-Compress
Ukuran Relatif besar
Kualitas Suara setara audio CD
Standard file pada PC
Diciptakan oleh microsoft
OS selain windows juga dapat
menggunakan file jenis ini
39
WAV
• WAV files use the .WAV extension and allow
different sound qualities to be recorded.
• Either 8-bit or 16-bit samples can be taken at
rates of 11025 Hz, 22050 Hz and 44100 Hz.
• The highest quality (16-bit samples at 44100
Hz) uses 88KB of storage per second.
40
MIDI
• (Musical Instrument Digital Interface) A standard
protocol for the interchange of musical information
between musical instruments, synthesizers and
computers.
• It defines the codes for a musical event, which
includes the start of a note, its pitch, length, volume
and musical attributes
• Set of cables, data structures & protocol for inter
device communication for playing digital sound &
music
• Midi Enable different musical instrument from different
manufacturer & computer to communicate each other
41
MIDI (lanj)
• Begin in late 70’s – early 80’s, many synthesizer
keyboard product appear in the market
• Compatibility problem, unable to coorperate each
other
• 1983 group founded by Roland, Yamaha, KORG,
Sequential, Oberheim & Kawai to define standard
called MIDI
• Today, Supported by major music manufacturer and
music company
• http://www.midi.org/
42
MIDI (digital notes)
10011101
10010011
10010010
00110010
10010100
Digital Audio (digitized sound waves)
43
MP3 (MPEG Audio Layer 3)
• An audio compression technology that is part of the
MPEG-1 and MPEG-2 specifications.
• Developed in Germany in 1991 by the Fraunhofer
Institute, MP3 compresses CD-quality sound by a factor
of 12, while providing almost the same high fidelity.
• Greater compression ratios are also obtainable that
provide reasonable sound quality.
• MP3 music files are played via software or a handheld
device.
• MP3 has made it feasible to download quality audio
from the Web very quickly, causing it to become a
worldwide auditioning system for new musicians and
labels.
44
MP3
• Dikenalkan tahun 1992
• File sudah terkompresi (bisa sekitar 12 : 1) dg
cara menghilangkan bagian-bagian suara yang
tidak dapat didengar oleh telinga manusia
• Ukuran relatif kecil
• Kualitas suara cukup bagus
45
MP3 (MPEG Audio Layer 3)
• Copyrighted material is also offered for a fee, or
sometimes for free, creating a major legal issue.
• Enthusiasts feel MP3 will revolutionize music distribution
via the Web, since an entire audio CD (an hour of
music) can be downloaded in five minutes.
• Major music publishers are trying to cope with this new
phenomenon by introducing a system for copyright
protection (see SDMI and Windows Media Rights
Manager).
• There are numerous MP3 "rippers" and encoders on the
market that pull out raw audio data from a music CD
and encode it into the MP3 format.
• www.mp3.com.
46
Streaming
• Some applications on the Web using streaming audio
• Streaming is the process of transferring data in a
continous and even flow
• Streaming allows users to access and use a file while it is
transmitting
• For example, Streaming audio enables to listen the music
as it downloads to computer
• Accepted standards supported by most web browsers for
transmitting streaming audio data on the internet are
MP3, QuickTime, Windows Media Format and RealAudio
47
How Streaming Media Works
• Step 1
When you first click on a link to a
media clip, your web browser requests the clip
from a media server on the Internet.
• Step 2
The server returns the data to your
computer in a continuous stream.
48
How Streaming Media Works
• Step 3 Your computer launches a media player.
• Step 4 The streaming data is stored in a buffer.
• Step 5 Once enough data has been received,
the clip begins to play.
49
Real-time Streaming Vs Progressive
Download
• Progressive download allows users to watch or listen to
media as it is being downloaded from a standard web
server (such as Apache,) to their hard drive.
• This method works best for short-form media where file
size is limited.
• Progressive download ensures high-quality playback
regardless of users' Internet connection speed,
although users with slower connections will wait longer
before media starts to play.
50
Real-time Streaming Vs Progressive
Download
• Real-time streaming using Streaming Server delivers
media in real time over the Internet, from modem to
broadband rates.
• With the open standard Real-Time Transport
Protocol/Real-Time Streaming Protocol (RTP/RTSP), no
file is ever downloaded to a viewer's hard drive.
• Media is played, but not stored, by the client software
as it is delivered.
• Real-time streaming is often preferable to progressive
download for webcasts of live events, delivery of longform video, and 24/7 Internet radio and TV channels.
51
Popular Plug-in application
• QuickTime
– View animation, music, audio, video, and VR
panoramas an objects directly in the Web page
– www.apple.com
• RealOne Player
– Listen to live and on-demand near CD-quality
audio and newscast-quality video; stream audio
and video content for faster viewing; play MP3
files; Create music CDs
– www.real.com
• Windows Media Player
– Listen to live and on-demand audio; play or edit
WMA and MP3 Files; Burn CDs; Watch DVD movies
– www.microsoft.com
52
GRAPHICS
53
• Vector Graphics and Bitmapped Graphics
• Two methods are used for storing and
maintaining pictures in a computer.
• The first method, called vector graphics,
maintains the image as a series of points,
lines, arcs and other geometric shapes.
• The second method, called bitmapped
graphics and also known as raster graphics,
resembles television, where the picture image
is made up of dots. Understanding these two
methods and how they intertwine is essential.
54
Graphics ( vector)
– Representasi spatial dari obyek
– Disusun dari bangun-bangun grafis seperti
garis, persegi panjang, bulat, dsb yang
ditempatkan secara matematis dengan
koordinat, ukuran, ketebalan sisi dan pola
pengisian pada bidang
– Dibuat dengan menggunakan ‘draw’
(misal: Coreldraw, Adobe Illustrator)
– Gambar-gambar yang bukan foto-relasitik
– Ukuran relatif kecil
– Resolution independent
55
56
Graphics ( raster)
– Representasi dari obyek
– Disusun secara matriks nilai numerik yang
merepresentasikan setiap titik /pixel
– Dibuat dengan menggunakan paint/image
editing (Misal :Photoshop, Corel Photopaint)
– Foto
– Gambar-gambar yang rumit yang membutuhkan
rincian halus
– Ukuran relatif lebih besar (dibandingkan dengan
vektor)
57
58
59
60
• 2 D graphics
– Bitmap (raster) based graph
– Vector based graphics
– Metafile (contain both)
• Metafile
– A file that contains other files.
– It generally refers to graphics files that can hold
vector drawings and bitmaps.
– For example, a Windows Metafile (WMF) can store
pictures in vector graphics and bitmap formats as
well as text.
– A Computer Graphics Metafile (CGM) also stores both
types of graphics.
61
• What is 3D computer graphics?
– Computer based system to construct image from
object based on vector
– The object, also called wire frame, “wrapped” with
digital texture and rendered to create photo realistic
images
– This images usually called CGI – computer
Generated Images
62
• Application of 3D computer Graphics
–
–
–
–
–
–
–
Illustration & graphic art
Broadcast & film
Games
Simulation & Visualization
CAD/CAM – Engineering
Architecture & Virtual Reality
Presentation Graphics
63
64
65
Summary of graphics program
Type
Pupose
Analytical graphics
Analyze and graph data
Presentation Graphics
Created professionallooking presentation
Desktop publishing
Mix text and graphics to
create professional-looking
publications
Image editor
Created and modify bitmap
image
Illustration Programs
Create and edit vector
images
Graphics Suites
Combine separate graphics
programs
66
Animated graphics
• Moving diagrams or cartoons that are
made up of a sequence of images
displayed one after the other.
• Animation files take up much less disk
space than a true video sequence.
• Kumpulan dari gambar-gambar
• Gabungan dari frame-frame gambar
secara cepat untuk menghasilkan suatu
gerakan
67
Animated graphics (2)
68
BMP file
• (BitMaP file) Also known as a "bump" file, it is a
Windows and OS/2 bitmapped graphics file format.
• It is the Windows native bitmap format, and every
Windows application has access to the BMP software
routines in Windows that support it.
• BMP files provide formats for 2, 16, 256 or 16 million
colors (1-bit, 4-bit, 8-bit and 24-bit color). BMP files use
the .BMP or .DIB extensions (DIB stands for DeviceIndependent Bitmap).
69
JPEG (Joint Photographic Experts Group)
• Pronounced "jay-peg."
• An ISO/ITU standard for compressing still images that is
becoming very popular due to its high compression capability.
• Using discrete cosine transform, it provides lossy compression
(you lose some data from the original image) with ratios up to
100:1 and higher.
• It depends on the image, but ratios of 10:1 to 20:1 may provide
little noticeable loss. The more the loss can be tolerated, the
more the image can be compressed. Compression is achieved
by dividing the picture into tiny pixel blocks, which are halved
over and over until the ratio is achieved.
• JPEG uses the JPEG File Interchange Format, or JFIF. File
extensions are .JPG or .JFF. M-JPEG and MPEG are variations of
JPEG used for full-motion digital video.
70
BIT MAPPING
00000000000000000
00000000000000000
00000000000000000
00000000000000000
00000000000000000
00000000000000000
00000000000000001
00000000000000010
00000000000000100
00000000000001000
00000000000010000
00000000000100000
00000000001111111
00000000000000000
00000000000000000
71
VIDEO
72
Full-motion video
• Video transmission that changes the image 30
frames per second (30 fps).
• Motion pictures are run at 24 fps, which is the
minimum frequency required to eliminate the
perception of moving frames and make the images
appear visually fluid to the eye.
• TV video generates 30 interlaced frames per
second, which is actually transmitted as 60 half
frames per second.
• Video that has been digitized and stored in the
computer can be displayed at varying frame rates,
depending on the speed of the computer. The
slower the computer, the more jerky the movement.
Contrast with freeze-frame video.
73
Vidio
• Seperti animasi
• Lebih kompleks dari animasi
• Membutuhkan media
penyimpan yang agak
besar
• Adegan dunia nyata atau
rekaan dari komputer
74
Vidio (2)
• Principle of vidio work
– Persintence of vision
(POV)
• Retina ability to remain
excited when it has been
simulated, creating an
after vision effect
• A sequence of picture
played in a short time
(1/25 second – PAL
system), created an
effect of movement
75
Vidio Standards
• NTSC (National Television Standard
Committe): 29.7 fps – America & Japan
• PAL (Phase Alternate by Line): 25 fps.
Europe (except France), Indonesia
• Secam (Sequence Couleur a Memoire):
25 fps. Part of Asia, Rusia & France
• HDTV: Hi-Definition Television
76
MPEG
(Movie Picture Expert Group)
• MPEG atau di pronoun dengan ‘em-peg’
• Merupakan suatu format dari data multimedia yang
menyatukan antara bentuk gambar dengan suara
menjadi satu kesatuan yaitu bentuk Vidio
• Penyatuan ini tidak seperti menyatukan 2 benda
menjadi satu benda yang lebih gendut ukurannya
77
MPEG
(Movie Picture Expert Group)
• Menjadi satu bentuk yang bentuknya sekecil mungkin
(kompresi) sehingga dapat di-masuk-kan informasi
yang lebih banyak pada file yang terkompresi ini.
• Seperti yang pernah kita lihat dalam Vidio CD. MPEG
mempunyai banyak seri dari MPeg-1 sampai ke MPeg7
• Rangkaian MPEG ini termasuk didalamnya adalah
MPEG-1, MPEG-2, MPEG-4, MPEG-7, Dengan
pengecualian untuk MPEG-7, semua versi adalah
ISO/IEC Standard. Yaitu standar mengenai kompresi
vidio
78
MPEG-1
• Tingkat kompresi dari sekitar 100 : 1 dan mendukung VHS
• Digunakan pada CD-ROM dan Video CD, dapat
menberikan resolusi 352 x 288 pada 30 fps (frame
persecond) dengan warna 24 bit dan qualitas suara CD.
• MPEG board juga dapat memberikan dorongan pada
hardware untuk gambar yang full screen
79
MPEG-2
• Tingkat kompresi setinggi 200 mejadi 1 dan ini adalah
standar untuk aplikasi HDTV (high Difintion TV, seperti
digital TV)
• Dapat menyediakan broadcast-quality image dengan
resolusi 720x480 (film DVD)
• MPEG-2 mendukung transmisi multimedia dengan range
berkisar dari 4 sampai 100 MegaBitperSecond (Mbps).
Hal ini digunakan pada direct broadcast satelite, juga
dikenal dengan nama Direct Satelite System.
• MPEG-2 adalah standar rekomendasi untuk network
convergence applications
80
MPEG
• MPEG-3
– Tidak berhasil/ terlaksana dengan baik, jadi jarang
dibahas untuk format ini
• MPEG-4
– MPEG-4 adalah memang dirancang khusus untuk
aplikasi-aplikasi multimedia, terutama pada
peralatan multimedia yang kecil seperti vidiophones
• MPEG-7
– MPEG-7 dikenal secara resmi sebagai multimedia
content description interface, ini dirancang untuk
mencari, menangani dan men-filter imformasi
multimedia
81
CD dan DVD
82
Streaming Audio dan Vidio
• Streaming menggunakan pengkodean
• Teknik pengkodean ini disebut dengan istilah
codec.
• Maksudnya antara komputer server dg client
menggunakan prinsip pengkodean (coding)
• Server dilakukan pengkodean (coder) dan
pada Client dilakukan metode decoder untuk
menampilkan data tanpa kompresi.
83
Streaming audio dan streaming vidio.
• Dengan kata lain antara client dan server
bekerja sama untuk tidak menginterupsi
suatu suara atau vidio
• Pada sisi client akan menyimpan ke buffer
beberapa detik data sebelum dikirimkan,
• sebagai contoh teknologi ini digunakan
untuk audio conferencing ataupun vidio
conferencing
84
AVI (Audio Video Interleaved)
• A Windows multimedia video format
from Microsoft.
• It interleaves standard waveform audio
and digital video frames (bitmaps) to
provide reduced animation at 15 fps at
160x120x8 resolution.
• Audio is 11,025Hz, 8-bit samples.
85
3GPP dan 3GPP2
• Defined by the 3rd Generation Partnership
Project and 3rd Generation Partnership
Project 2 respectively
• is a collaboration agreement that was
established in December 1998. It's a cooperation between ETSI (Europe), ARIB/TTC
(Japan), CCSA (China), ATIS (North America)
and TTA (South Korea)
• 3GPP and 3GPP2 are the worldwide
standards for the creation, delivery and
playback of multimedia over 3rd generation,
high-speed wireless networks.
86
3GPP dan 3 GPP2
• These standards seek to provide uniform
delivery of rich multimedia over newly
evolved, broadband mobile networks (3rd
generation networks) to the latest
multimedia-enabled cell phones.
• Nokia, Siemens, Sony - Ericcson
87
88
89
Database
Multimedia
90
Multimedia Database
• Database multimedia agak berbeda dengan
database umum (typical)
• Database umum adalah bit-bit dan byte-byte
menggambarkan angka dan text, yang mana
sangatlah mudah di interprestasikan oleh mekanisme
database
• Kebanyakan Mekanisme database tidak mempunyai
alat yang terpasang untuk display graphics atau
video, atau play sound
91
Multimedia Database (2)
• Modern databases bekerja seperti containers,
menyediakan programmer untuk menentukan struktur
pada data dan juga menyediakan alat bantu untuk
memanipulasi data tersebut
• Database Multimedia harus berisikan bermacam-macam
tools dan struktur
• Sebagai contoh database multimedia adalah database
yang dibuat berisikan semua yang ada di world wide web.
• Isi dari database ini tidak hanya level ‘field’ struktur. www
database mempunyai has struktur dan juga alat bantu
(tools)
92
Multimedia Database (3)
• Database yang didukung oleh world wide web
berisikan type data yang disebut dengan page
• Pages adalah tersusun secara hirarki
• Setiap hirarkimempunyai root, yang disebut dengan
homepage
• Page menggambarkan struktur tempat dari database,
dan isi dari page dapat termasuk text, graphic images,
sound, animation dan video
93
www-database
• Hirarki www-database dinyatakan dengan links.
• link adalah koneksi atara dua page
• Link menggambarkan seperti index pada relational
database yang memberikan akses kepada tabel
record lain dalam database
• Keberadaan Link seperti mouse clickable pada area
di dalam page. Clickable areas adalah “hot”
• Clicking on a “hot” area may produce one of several
result
94
95
LINK
•
•
•
•
Hot link
Hyper link
Hyper text
Hyper graphic
96
Hot link
• Koneksi antar program, dimana
informasi dalam satu database atau
file telah berubah, informasi yang
terkait pada database yang lain
atau file yang lain juga harus ikut di
update
97
Hyper link
• Didefinisikan linkage antara satu object dengan yang
lainnya.
• link ditampilkan sebagai text atau sebagai sebuah
icon.
• Pada World Wide Web pages, sebuah hyperlink text
ditampilkan dengan text yang diberi garis bawah
umumnya berwarna biru, sedangkan hyperlink grafik
ditampilkan sebagai small graphics image.
98
Hyper text
• Menghubungkan antara text yang terkait.
• Sebagai contoh; dengan memilih kata pada suatu
kalimat, informasi mengenai kata tersebut akan
didapat jikalau ada, atau kejadian berikutnya dari
kata yang diketemukan
• Kita dapat meng-hypertext untuk mendefinisikan
setiap istilah yang diketemukan dengan clicking pada
kata atau penyorotan pada isitilah.
• Bentuk syntax dari hypertext
<a href = Multi media.pdf > Transparasi Multi media </a>
99
Hyper graphic
• Menghubungkan antara informasi yang terkait
dengan menggunakan sebuah graphic image.
• Seperti halnya hypertext tapi dalam bentuk grafik
• Selain clicking pada kalimat, dapat juga me-click
pada sebuah icon untuk ‘melompat’ ke bagian yang
terkait, document atau file.
100
www-database
• Struktur adalah yang paling menentukan pada www
database dengan menggunakan links antar pages.
• Sistem “mengerti” jenis data tertentu dan dapat
menjalankan mekanisme yang sesuai untuk
menampilkan jenis tertentu dari media
• Jenis mekanisme struktur ini membolehkan untuk
suatu cara yang ‘rich and powerful’ untuk menjelajahi
data dengan ukuaran yang besar dengan relatif
mudah
101
www-database
• www-database dapat di cari. Pencarian text di
dukung oleh www database, dan beberapa ‘search
engines’ merupakan bagian dari www database
yang sudah tersedia
• Walaupun www database mendukung pencarian
teks, tetapi tidak mendukung pencarian dari jenis
media yang lain.
102
Functionally for a Multimedia database
Requirement
Description
Data types to be
stored
1.
2.
3.
4.
5.
6.
Numeric
Text
Formatted text (PostScript, PDF, etc)
Graphics File (Gif, jpeg, etc)
Sound Files
Movie File
Container types
Pages
Structuring Mechanism Links between pages
1. Text
2. Graphics
Functions Supported
Viewers for
•
Numeric data, text data, formatted
text, graphics files, sound files, movie
files, pages
Travel between pages
Searchers for text
103
Characteristics multimedia database
• A database is a kind of container for data
• Database juga merupakan suatu ‘container’ yang
sangat besar
• Container www database adalah suatu page
• Page container adalah satu kesatuan dan terbesar
yang tidak terstruktur serta sedikit peng-organisir pada
data.
• Record pada database tradisional berisikan field-field
yang berisikan data
104
105
Characteristics multimedia database (2)
• Record berisikan group dari data yang terkait, Sebagai
contoh data record mahasiswa
• Pada Multimedia database sebuah record dapat
berisikan suatu set dari data yang masih terkait
• Contoh: record dapat dibuat mengandung suatu lokasi,
suatu text yang menjabarkan tentangg lokasi, lokasi dari
gambar, lokasi dari suara maupun lokasi dari movie
• Sebuah record dapat juga digunakan untuk membuat
pengorganisasian, misalnya sebuah record dapat
menampung sejumlah informasi multimedia
106
Report Generator
• Kebanyakan database multimedia sudah terdapat
suatu tool yang disebut report generator
• Yang maksudnya adalah data yang diterima dari
database dan diorganisir pada beberapa form yang
diinginkan.
• Report generator pada database multimedia bisa
menampilkan rangkaian informasi multimedia pada
berbagai format
• Format dapat berupa hypermedia format, rangkaian
multimedia atau suatu rangkuman isi dari suatu
database
• Report dapat berupa interactive
107
Report Generator (2)
• Hypermedia format
– Link yang dapat melintasi antar containers
• A sequence of multimedia
– Tampilan yang berisikan dari rangkaian image
grafik
• Overview of the Contents of the database
– Peta dari multi media yang terdapat pada
database
108
Functionally for a Multimedia Database (added)
Requirement
Description
Data types to
be stored
Numeric, Text, Formatted text
(PostScript, PDF, etc), Graphics File (Gif, jpeg, etc),
Sound Files, Movie File
Container
types
Pages,
Structured pages, Records, Frames
Structuring
Mechanism
Links between pages
•
Text, Graphics
•
Labeled links
Functions
Supported
Viewers for
•
Numeric data, text data, formatted text,
graphics files, sound files, movie files, pages
Travel between pages
Searchers for text
•
Report generator for multimedia database
elements
109
Architecture
• Karena database tradisional tidak mempunyai
suatu fungsi yang dapat membuat multimedia
database
• Modifikasi atau menyesuaian diperlukan untuk
membuat database yang ada dapat menangani
kebutuhan multimedia
• Sebagai contoh; media seperti sound atau vidio
tidak mempunyai ‘key’
• Bagaimana bisa salah-satu dari multimedia dapat
di-ambil dari tradisional database?
110
Records in The multimedia database
Relational database
• Relational database diatur kedalam tabel
• Tabel-tabel di atur kedalam bentu baris
• Baris-baris disimbolkan seperti record
• Record dibagi-bagi kedalam field
• Filed berisikan satu elemen dari record
• Perlu diingat, Semua field pada record adalah berelasi
satu sama yang lainnya
111
Relational database
NIm
Nama Absen mid
00 ..
ani
01
ana
02
03
dst
ano
Anu
Ujian
Record
Field
112
list
document
image
spreadsheet
Text
File
Data
File
records
Spreadsheet
File
pages
fields
Raster
File
rows
bitmap
and
columns
(cells)
drawing
Vector
File
vectors
(display
list)
audio
Sound
File
video
Video
File
digitized multiple
bitvoice
maps
words
Bytes
W hat users
see is
controlled
by
software.
Bits
W hat hardware sees
113
Records in The multimedia database (2)
• Dua pendekatan dapat digunakan untuk menterjemahkan field pada database multimedia
• Pendekatan pertama; Data media dapat disertakan
dalam database
• Pendekatan kedua, database menunjuk ke data
media
• Pada pendekatan kedua, data media berada secara
individual files external pada database
114
Records in The multimedia database (3)
• Seperti database yang lainnya, field pada multimedia
database berisikan data
• Masing-masing field me-megang satu data
• Field dapat mendefinisikan type yang dikandung oleh
data, asal dari data, dan aktual data (atau pointer ke
data tsb)
115
Logical Configuration of a data field
Data Type
Data Source
Data
0 – internal 
1 – external
external
116
Records in The multimedia database (4)
• Pada database field-field berjajar kedalam suatu urutan
(Linear sequences) , hal ini tidak dapat dilakukan pada
kasus multimedia database
• Linear sequences adalah hanya salah-satu kemungkinan
• Urutan dua atau lebih media dapat dilakukan secara
paralel
• Contohnya; satu urutan dapat berupa animasi dan urutan
kedua dapat berupa suara, seperti musik background.
• Kemungkinan yang lain adalah seperti-jaringan urutan
dari field-field yang diwakili oleh dokumen hypermedia
117
Records in The multimedia database (4)
• Field dapat juga direlasikan dengan penggolongan
(kategori). Jika suatu field dikategorikan dengan yang
lainnya, maka filed yg digolongkan adalah berisikan
field yang dikategorikan tersebut
• Record pada Multi media database haruslah fleksibel
untuk mengijinkan beberapa jenis tipe yang
dihubungan
• See figure, the tree parts added to this record are the
link to the next record, the time differentiation of the
link, and the type of link
118
Logical Configuration of a data field
Data
type
Data
source
data
Link to next
field
Time difference
of link
Type of
link
• The link to the next record is a pointer to the next record
• The type of link specifies whether the record subsumes
what it point to or is connected (in the case of linear
juxtaposition)
• The time differentation specifies whether the records
occupy the same time, whether they are sequential, or
whether the connected record occurs at a particular
time
119
Contoh
120
Viewers, Loaders and operation
• Terdapat tiga jenis mekanisme yang digunakan pada
rangkaian record multimedia database; Viewer,
Loaders dan Operations
• Viewer digunakan untuk menampilkan (display) jenis
dari media tertentu.
• Display dapat mempertimbangkan saat digunakan
untuk menampilkan graphics, text, atau movies
• Sound tidak ditampilkan tetapi di played. Untuk
menampilkan suara berarti memainkan (play) suara.
• Untuk menampilkan animasi, berarti menampilkan
animasi dengan program animasi yang sesuai
121
Viewers
• Untuk setiap tipe media, terdapat sebuat viewer untuk
menampilkan media tersebut
• Pada paradigma object-oriented Tipe media (text,
graphic, video dan sound) adalah object dan object
dapat menerima pesan kepada yang memberikan
nama
• Viewer kepunyaan dari data type. Viewer jenis ini
disebut dengan individual media
• Terdapat beberapa viewers untuk graphics, sound,
animation, video dan text.
• Dalam konteks multi media database ada Class Viewer
media penting yang lainnya
122
Loaders
• Tipe media harus sudah di ‘load’ sebelum media
tersebut ditampilkan
• Tujuan dari ‘loader’ adalah untuk menyiapkan tipe
media sebelum ditampilkan atau di manipulasi
• Specifik ‘loader’ diasosiasikan dengan masing-masing
tipe media
• Loaders memindahkan file-file media dari sumber
tertentu ke dalam database multimedia atau me
‘load’ media tertentu berdasarkan kebutuhan untuk
ditampilkan
• Multimedia database selalu diperlukan selama
pembuatan multimedia database
123
Loaders
• loader mungkin tidak terpisah secara fisik
dengan Viewer
• Kenyataannya Loader bagian dari viewer
• Perbedaan antara loader dengan viewer;
– Loader dapat meminta untuk men-decompress
media saat hal itu dibutuhkan oleh database
multimedia sehingga dapat ditampilkan
– Compression merupakan pertimbangan yang
sangat penting pada multimedia database, karena
pada kasus ini media membutuhkan kapasitas
penyimpanan yang sanagat besar
124
Loaders
For example
• Vidio umum, tidak lebih dari 10 detik membutuhkan
sekitar 60 MByte dari media penyimpanan
• Loader akan memproses kompres media, mengexpand kedalam bentuk yang dapat ditampilkan
125
Loaders
• Fungsi yang lain dari loader adalah bertindak
seperti menyimpan media kedalam
multimedia database.
• Fungsi Loader didefinisikan kedalam 2 bentuk
– Dari multimedia database sampai kepada viewer
– Dari sumber mentah media sampai ke multimedia
database
126
Operation
• Tipe media mempunyai satu set operasi yang
berhubungan dengan tipe media tersebut
• Operasi berikut adalah dapat digunakan
untuk semua jenis media
–
–
–
–
–
–
–
–
Play
Step
Rewind
Fast forward
Stop
Reserve
Position
Search
127
Operation (2)
• Play
– Display (generic) the media on the appropriate
output device at normal speed
• Step
– Display (generic) the media on the the appropriate
output device on a frame by frame or unit by unit
basis
• Rewind
– Rewind the media to a specified point
• Fast forward
– Fast forward the media to specified point
128
Operation (3)
• Stop
– Cease any media operation in progress
• Reserve
– Display (generic) the media on the appropriate
display device in the reserve direction
• Position
– Position the media at a specified position (frame or
Unit)
• Search
– Locate a particular frame or unit in the media by
content
129
Multimedia Production Team
130
Multimedia Production Team
• Quality Multi media Production is result
of effective and Synergistic Team
Work
131
Multimedia Production Team (2)
Production Manager
Content
Specialist
Artist
Multimedia/
Infra structure
architect
132
Production Manager
• Men-definisi, meng-koordinasi dan memfasilitasi suatu
produksi
• Negosiasi dengan client, ‘securing’ sumberdaya
keuangan, peralatan dan fasilitas, serta
Mengkoordinasi team pengembang
• Tidak perlu ahli dalam proses pembuatan, tetapi harus
memahami tentang kemampuan teknologi dan
batasannya
133
Production Manager
Skill Needed
• Know the principle of multimedia authoring
• Good negotiation skill
• Skillful proposal writing
• In-dept knowledge of legal matters
• Good communication skill
• Budgeting & management skill
134
Content Specialist
Script Specialist
….
….
Researcher
Instruction
Designer
….
135
Content Specialist
• Performing research and
checking accuracy of the data &
information used in the project
• Designing how the data &
information can be represented in
an optimum way via multimedia
• Skill needed:
– Library & internet research
– Excellent writing skill
– Highly skill in summarizing complex &
extensive information
136
Artist
Audio/ video/
photographer
….
….
2D / 3D
Animator
illustrator
….
137
Artist
• Audio Video graphic specialist
– Including cameraman, sound engineer,
editor, photographer, etc
– Providing audio, video & image content
– Must have knowledge of multimedia
authoring process
138
Multimedia / Infrastructure Architecture
Computer
programmer
….
….
Network/
Web master
Macro/ Script
Programmer
….
139
Multimedia / Infrastructure Architecture
• Responsibilities for integrating all the
multimedia building block (graphics, text,
audio, video, music, photo, etc) by using
authoring program
• Does not need to have artistic skill, but close
communicate with the artist e.g. for file
format, authoring software limitation, etc.
• Providing infrastructure needed (server,
Digital media, IP-address, etc)
• …..
140
Multimedia Project Stages
•
•
•
•
•
Development
Pre-Production
Production
Post-Production
Delivery
141
Multimedia Project Stages
• Development
– New Idea born or received from client
– Production Manager role
• Support the concept to presentable manner
• Support other team (clearing rights,
preparation)
• Support process of team building
• Support process of raising fund
142
Multimedia Project Stages
• Pre-Production
– Development of budget
– Hiring specialist;
audio/video/photographer/illustrator …
–
–
–
–
Equipment & other resources
Software acquisition & installation
Design the research process
Development the flow of application
including logic flow, scripts, audio video,
story boards, character design etc
– Coordination of production legal aspects
143
Multimedia Project Stages
• Production
– Content research
– User Interface Design, 2D & 3D graphic Creation,
Audio/Video Production etc.
– Project Manager role:
•
•
•
•
•
•
Support production logistics
Budget & personel management
Keep Track of Production
Fasilitating flow of information
Coordinating Public Affair & marketing Activities
Making preparation of the post-production facilities
144
Multimedia Project Stages
• Post-Production
– Entering Alpha & beta Testing
– Once test completed, enter packaging stage
• Burn into CD
placed in the web server
– Production Manager Roles
•
•
•
•
Coordinate Testing
Coordinate Communication with client
Coordinate development of product documentation
Oversee product pachaging
145
Multimedia Project Stages
• Delivery
Project manager role:
• Identify the logistical need of delivery modes
• Negotiate location, permits, contract and other
aspect with the location of delivery
• Verify the availability of delivery equipment
• Verify availability the network infrastructure
146
Selesai
Terima Kasih
147
BUKU REFERENSI
148
•
shelly cashman vermaat, Discovering Computer 2005 “a
gateway to information”, Thomson course technology, 2004
•
O’leary, Timothy J and Linda I, O’leary, “Computing
Essentials”, Complete edition, Mc. Graw Hill –Irwin, 2004
•
Alva Erwin, “Multimedia-Computer graphics”, 2003
•
”Computer desktop Encyclopedia”, 1999
•
Randy M. Kaplan, “Intelligent Multimedia System”, 1997
•
Damon A. Dean, “Multimedia di internet”, Elex Media
Komputindo, 1996
•
http://www.howstuffworks.com/
149
Keterangan2
150
DSP : Digital Signal Processing
• A category of techniques that analyze
signals from sources such as sound,
weather satellites and earthquake
monitors.
• Signals are converted into digital data
and analyzed using various algorithms
such as Fast Fourier Transform.
• DSP chips are used in sound cards
for recording and playback,
compressing and decompressing and
speech synthesis.
• Other audio uses are in amplifiers
151
that simulate concert halls and
Glossary
• JPEG = Joint Picture Expert group
152