Teknik InformatikaFakultas Teknik - Universitas Nusantara PGRI Kediri
Materi kuliah
Konsep Pengembangan MultimediaTeks (Mengenal Jenis Teks dan Format Teks)Gambar (Mengenal Jenis Gambar dan Format Gambar)
Rony Heri Irawan, M.Kom
Konsep & Aplikasi Multimedia 2
Konsep Pengembangan Multimedia
Menurut Prof. Dr. M. Suyanto, M.M (2003), tahapan pengembangan sistem multimedia, yaitu :
1. Mendefinisikan Masalah
Mendefinisikan masalah sistem adalah hal yang pertamayang dilakukan oleh seorang analis sistem.
2. Studi Kelayakan
Hal kedua yang dilakukan analis sistem adalah studikelayakan, apakah pengembangan sistem multimedia layak diteruskan atau tidak.
3. Analisis Kebutuhan Sistem
Menganalisis maksud, tujuan dan sasaran sistemmerupakan hal yang dilakukan pada tahap ini.
Konsep & Aplikasi Multimedia 3
Konsep Pengembangan Multimedia
4. Merancang Konsep
Pada tahap ini, analisis sistem terlibat dengan user untukmerancang konsep yang menentukan keseluruhan pesandan isi dari aplikasi yang akan dibuat.
5. Merancang Isi
Merancang isi meliputi mengevaluasi dan memilih dayatarik pesan, gaya dalam mengeksekusi pesan, nada dalam mengeksekusi pesan dan kata dalammengeksekusi pesan.
6. Merancang Naskah
Merancang naskah merupakan spesifikasi lengkap dariteks dan narasi dalam aplikasi multimedia.
Konsep & Aplikasi Multimedia 4
Konsep Pengembangan Multimedia
7. Merancang Grafik
Dalam merancang grafik, analis memilih grafik yang sesuai dengan dialog.
8. Memproduksi Sistem
Dalam tahap ini, komputer mulai digunakan secarapenuh, untuk merancang sistem, denganmenggabungkan ketujuh tahap yang telah dilakukan.
9. Mengetes Sistem
Pengetesan merupakan langkah setelah aplikasimultimedia selesai dirancang.
Konsep & Aplikasi Multimedia 5
Konsep Pengembangan Multimedia
10. Menggunakan Sistem
Implementasi sistem multimedia dipahami sebagai sebuah proses apakah sistem multimedia mampuberoperasi dengan baik.
11. Memelihara Sistem
Setelah sistem digunakan, maka sistem akan dievaluasioleh user untuk diputuskan apakah sistem yang barusesuai dengan tujuan semula dan diputuskan apakahada revisi atau modifikasi.
Konsep & Aplikasi Multimedia 6
Konsep Pengembangan Multimedia
10. Menggunakan Sistem
Implementasi sistem multimedia dipahami sebagai sebuah proses apakah sistem multimedia mampuberoperasi dengan baik.
11. Memelihara Sistem
Setelah sistem digunakan, maka sistem akan dievaluasioleh user untuk diputuskan apakah sistem yang barusesuai dengan tujuan semula dan diputuskan apakahada revisi atau modifikasi.
Konsep & Aplikasi Multimedia 7
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) danextension seperti UNICODE murni,
Tiap-tiap karakter direpresentasikan oleh 7 bit “binary digit” (desimal = 0-127),
Contoh plain text adalah disaat mengetik denganmenggunakan notepad (.txt)
Konsep & Aplikasi Multimedia 9
Jenis-jenis Teks
Formatted Text (Rich Text Format)
Serangkaian karakter format yang telah didefinisikan. Contoh rich text adalah pada saat kita mengetik denganmenggunakan Wordpad (.rtf) dll.
Pada Wordpad plain teks telah diformat sedemikian rupadengan menggunakan aturan (tag/tanda) tertentusehingga teks tersebut dapat dibold, italics, underline, diwarna, diganti font, dan lain-lain.
Konsep & Aplikasi Multimedia 11
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)
Konsep & Aplikasi Multimedia 12
HTML (Hypertext Markup Language)
Sebuah bahasa pemrograman yang digunakan untukmembuat sebuah halaman web, menampilkan berbagaiinformasi di dalam sebuah penjelajah web Internet danpemformatan hiperteks sederhana yang ditulis dalam berkasformat ASCII agar dapat menghasilkan tampilan wujud yangterintegerasi.
Konsep & Aplikasi Multimedia 14
XML (eXtensible Markup Language)
Format dukumen berbasis teks mirip dengan HTML, tetapi khusus untuk penyimpanan informasi dan merupakan metode untuk data terstruktur. HTML berkembang keXHTML• Strukturnya lebih jelas dan punya arti,
• XML mampu menangani berbagai komplesitas markup bertingkat-tingkat,
• Portable, karena memisahkan data dan presentasi,
• Dapat ditukar/digabung dengan dokumen XML lain,
• Maintenance XML mudah untuk diatur dan dipelihara,
Konsep & Aplikasi Multimedia 16
GAMBAR / IMAGE
• Gambar (image) merupakan suatu representasi spatial dari suatu obyek, dalam pandangan 2D atau 3D,
• Gambar digital merupakan suatu fungsi dengan nilai-nilaiyang berupa intensitas cahaya pada tiap-tiap titik padabidang yang telah diquantisasikan (diambil sampelnyapada interval diskrit),
• Titik dimana suatu gambar di-sampling disebut picture element (pixel),
Konsep & Aplikasi Multimedia 18
Gambar / Image
Nilai intensitas warna pada suatu pixel disebut gray scale level1 bit : binary-valued image (0 - 1)8 bits : gray level (0 - 255)16 bits : high color (2^16)24 bits : 2^24 true color32 bits : true color (2^32)
8 bits = 1 byteFormat gambar digital memiliki 2 parameter :• Spatial resolution pixels X pixels• Color encoding bits / pixel
Konsep & Aplikasi Multimedia 19
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 Multimedia 20
Tabel Resolusi Display & Kebutuhan Memory
Standard ResolusiWarna
Standard Resolusi Warna
Standard Resolusi Warna
Kebutuhanmemory
/ frame (bytes)
VGA 640 x 480 8 bit 307.2 KB
XGA 640 x 4801024 x 768
16 bit8 bit
614.4 KB786.432 KB
SVGA 800 x 6001024 x 7681024 x 768
16 bit8 bit24 bit
960 KB786.432 KB2359.296 KB
Konsep & Aplikasi Multimedia 21
Gambar / Image
• Jika suatu gambar disimpan maka yang disimpan adalaharray 2D,
• Dimana masing-masing merepresentasikan data yang berhubungan dengan pixel tersebut. Array[x,y] = warnapixel,
• Setiap pixel dapat mempunyai informasi tambahan yang berhubungan dengan pixel tersebut,
• Masing-masing gambar juga memiliki informasi tambahanseperti lebar X panjang gambar, kedalaman gambar, pembuat, dll.
Konsep & Aplikasi Multimedia 22
GRAFIK (GRAPHICS)
Ada 2 jenis grafik:
• Raster : dimana setiap pixel didefinisikan secara terpisah(Bitmap Graphic)
• Vector : dimana formula matematika digunakan untukmenggambar graphics primitives (garis, kotak, lingkaran,elips, dll) dan menggunakan attributnya (Vector Graphic)
Gambar vektor biasanya berukuran lebih kecil, gambar tidakpecah, semua manipulasi dilakukan melalui rumus.
Konsep & Aplikasi Multimedia 23
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 Multimedia 24
Format File Gambar
Bitmap (.BMP)
• Format gambar yang paling umum dan merupakanformat standar Windows.
• Ukuran filenya sangat besar karena bisa mencapai ukuranMegabytes.
• File ini merupakan format yang belum terkompresi danmenggunakan 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 Multimedia 25
FORMAT FILE GAMBAR
Joint Photographic Expert Group (.JPEG/JPG)
• Format JPG merupakan format yang paling terkenalsekarang ini.
• Hal ini karena sifatnya yang berukuran kecil (hanyapuluhan/ratusan KB saja), dan bersifat portable.
• File ini sering digunakan pada bidang fotografi untukmenyimpan file foto.
• File ini bisa digunakan di web (internet).
Konsep & Aplikasi Multimedia 26
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 untukmenampilkan gambar-gambar di web.
Konsep & Aplikasi Multimedia 27
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 mendukunganimasi (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 Multimedia 28
Daftar Referensi :
• Multimedia Alat untuk MeningkatkanKebutuhan Bersaing, M. Suyanto, PenerbitAndi Yogyakarta, 2003
• Sistem Multimedia dan Aplikasinya, Tri Daryanto, Penerbit Graha Ilmu, 2005
• Furht, S. Smoliar, and HJ Zhang, Image and Video Processing in Multimedia Systems , Kluwer Academic Publishers, 1995
• Multimedia Communications: Applications, Networks, and Standards, Fred Halsall, Addison-Wesley, 2001
Konsep & Aplikasi Multimedia 29
Daftar Referensi :
• Digital Multimedia, Nigel Chapman, Jenny Chapman, Wiley, 2004
• Fundamentals of Multimedia, Mark S. Drew, Ze-Nan Li, Prentice Hall, 2003
• Multimedia: Computing, Communications and Appications, Steinmetz & Ralf, Prentice Hall, 1995
Konsep & Aplikasi Multimedia 31
Saatnya Tugas ....
Tugas Kelompok:Membuat Subttitle dengan NotepadTema diskusikan dengan kelompok
Membuat Subtitle Menggunakan Notepad
1. Pertama, setelah notepad dibuka tulis angka 1 sebagai urutan pertama subtitle dalam film
2. Kedua, perhatikan dialog pada film dan waktu nya, lalu tulis waktu subtitle tersebut tampil dan waktu subtitle
tersebut hilang dengan format, pada angka yang pertama merupakan waktu subtitle tampil dan yang kedua
merupakan waktu subtitle selesai.
00:00:01,000 –> 00:00:05,034
3. Ketiga, ketikkan subtitle terjemahanya
4. Keempat, tekan enter agar ada baris kosong untuk memulai baris subtitle berikutnya
5. Kelima, ulangi langkah pertama dan seterusnya hingga subtitle tersebut selesai. Sehingga tampilanya seperti ini.
Jika sudah selesai save file tersebut dengan ekstensi .srt dan save as type all files, encoding UTF-8 jika subtitle
berbahasa selain Inggris, dan encoding ANSI jika subtitle berbahasa Inggris.
Contoh di atas menggunakan subtitle pada “film blood diamond”.