Konsep Pengembangan Multimedia Teks (Mengenal Jenis Teks ... fileTeks (Mengenal Jenis Teks dan Format Teks) ... Menggunakan Sistem ... informasi di dalam sebuah penjelajah web Internet

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.



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.



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.



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.



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.


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)


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.


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)

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.


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,


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),


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


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


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


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.


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.


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


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.


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).


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.


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.


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


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

SELESAI...Ngopi Sek Ben Gak Ngantuk....


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”.

Documents

Konsep Pengembangan Multimedia Teks (Mengenal Jenis Teks ... fileTeks (Mengenal Jenis Teks dan Format Teks) ... Menggunakan Sistem ... informasi di dalam sebuah penjelajah web Internet