Konsep Pengembangan Multimedia Teks (Mengenal Jenis Teks .

Teknik InformatikaFakultas Teknik - Universitas Nusantara PGRI KediriMateri kuliahKonsep Pengembangan MultimediaTeks (Mengenal Jenis Teks dan Format Teks)Gambar (Mengenal Jenis Gambar dan FormatGambar)Rony Heri Irawan, M.Kom

Konsep Pengembangan MultimediaMenurut Prof. Dr. M. Suyanto, M.M (2003), tahapanpengembangan sistem multimedia, yaitu :1. Mendefinisikan MasalahMendefinisikan masalah sistem adalah hal yang pertamayang dilakukan oleh seorang analis sistem.2. Studi KelayakanHal kedua yang dilakukan analis sistem adalah studikelayakan, apakah pengembangan sistem multimedialayak diteruskan atau tidak.3. Analisis Kebutuhan SistemMenganalisis maksud, tujuan dan sasaran sistemmerupakan hal yang dilakukan pada tahap ini.Konsep & Aplikasi Multimedia2

Konsep Pengembangan Multimedia4. Merancang KonsepPada tahap ini, analisis sistem terlibat dengan user untukmerancang konsep yang menentukan keseluruhan pesandan isi dari aplikasi yang akan dibuat.5. Merancang IsiMerancang isi meliputi mengevaluasi dan memilih dayatarik pesan, gaya dalam mengeksekusi pesan, nadadalammengeksekusipesandankatadalammengeksekusi pesan.6. Merancang NaskahMerancang naskah merupakan spesifikasi lengkap dariteks dan narasi dalam aplikasi multimedia.Konsep & Aplikasi Multimedia3

Konsep Pengembangan Multimedia7. Merancang GrafikDalam merancang grafik, analis memilih grafik yangsesuai dengan dialog.8. Memproduksi SistemDalam tahap ini, komputer mulai digunakan an ketujuh tahap yang telah dilakukan.9. Mengetes SistemPengetesan merupakan langkah setelah aplikasimultimedia selesai dirancang.Konsep & Aplikasi Multimedia4

Konsep Pengembangan Multimedia10. Menggunakan SistemImplementasi sistem multimedia dipahami sebagaisebuah proses apakah sistem multimedia mampuberoperasi dengan baik.11. Memelihara SistemSetelah sistem digunakan, maka sistem akan dievaluasioleh user untuk diputuskan apakah sistem yang barusesuai dengan tujuan semula dan diputuskan apakahada revisi atau modifikasi.Konsep & Aplikasi Multimedia5

Konsep Pengembangan Multimedia10. Menggunakan SistemImplementasi sistem multimedia dipahami sebagaisebuah proses apakah sistem multimedia mampuberoperasi dengan baik.11. Memelihara SistemSetelah sistem digunakan, maka sistem akan dievaluasioleh user untuk diputuskan apakah sistem yang barusesuai dengan tujuan semula dan diputuskan apakahada revisi atau modifikasi.Konsep & Aplikasi Multimedia6

TEKS (TEXT)Jenis-jenis TeksPlain Text (Unformatted Text)Teks merupakan data dalam bentuk karakter,Teks dalam hal ini adalah kode ASCII (AmericanStandard Code for Information Interchange) danextension seperti UNICODE murni,Tiap-tiap karakter direpresentasikan oleh 7 bit “binarydigit” (desimal 0-127),Contoh plain text adalah disaat mengetik denganmenggunakan notepad (.txt)Konsep & Aplikasi Multimedia7

Jenis-jenis TeksFormatted 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 Multimedia9

Jenis-jenis TeksHypertextDiperkenalkan oleh Ted Nelson (1965),Hypertext adalah teks yang memiliki fasilitas linking.Contoh hypertext : HTML (Hypertext Markup Language) XML (eXtensible Markup Language)Konsep & Aplikasi Multimedia11

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 Multimedia12

XML (eXtensible Markup Language)Format dukumen berbasis teks mirip dengan HTML, tetapikhusus untuk penyimpanan informasi dan merupakanmetode untuk data terstruktur. HTML berkembang keXHTML Strukturnya lebih jelas dan punya arti, XML mampu menangani berbagai komplesitas markupbertingkat-tingkat, Portable, karena memisahkan data dan presentasi, Dapat ditukar/digabung dengan dokumen XML lain, Maintenance XML mudah untuk diatur dan dipelihara,Konsep & Aplikasi Multimedia14

GAMBAR / IMAGE Gambar (image) merupakan suatu representasi spatialdari 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 pictureelement (pixel),Konsep & Aplikasi Multimedia16

Gambar / ImageNilai intensitas warna pada suatu pixel disebut gray scalelevel1 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 / pixelKonsep & Aplikasi Multimedia18

Gambar / Image Misal: terdapat gambar berukuran 100 pixels x 100 pixelsdengan 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 bytesKonsep & Aplikasi Multimedia19

Tabel Resolusi Display & Kebutuhan MemoryStandardResolusiWarnaStandardResolusi WarnaStandardResolusi WarnaKebutuhanmemory/ frame (bytes)VGA640 x 4808 bit307.2 KBXGA640 x 4801024 x 76816 bit8 bit614.4 KB786.432 KBSVGA800 x 6001024 x 7681024 x 76816 bit8 bit24 bit960 KB786.432 KB2359.296 KBKonsep & Aplikasi Multimedia20

Gambar / Image Jika suatu gambar disimpan maka yang disimpan adalaharray 2D, Dimana masing-masing merepresentasikan data yangberhubungan dengan pixel tersebut. Array[x,y] warnapixel, Setiap pixel dapat mempunyai informasi tambahan yangberhubungan dengan pixel tersebut, Masing-masing gambar juga memiliki informasi tambahanseperti lebar X panjang gambar, kedalaman gambar,pembuat, dll.Konsep & Aplikasi Multimedia21

GRAFIK (GRAPHICS)Ada 2 jenis grafik: Raster : dimana setiap pixel didefinisikan secara terpisah(Bitmap Graphic) Vector : dimana formula matematika digunakan karan,elips, dll) dan menggunakan attributnya (VectorGraphic)Gambar vektor biasanya berukuran lebih kecil, gambar tidakpecah, semua manipulasi dilakukan melalui rumus.Konsep & Aplikasi Multimedia22

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, dllKonsep & Aplikasi Multimedia23

Format File GambarBitmap (.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 3komponen, R, G, dan B yang dicampur menjadi satu. File BMP dapat dibuka dengan berbagai macam softwarepembuka gambar seperti ACDSee, Paint, IrvanView dll.Konsep & Aplikasi Multimedia24

FORMAT FILE GAMBARJoint 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 Multimedia25

FORMAT FILE GAMBARGraphics Interchange Format (.GIF) Format GIF ini berukuran kecil dan mendukung gambaryang terdiri dari banyak frame sehingga bisa disebutsebagai gambar animasi (gambar bergerak). Format ini sering sekali digunakan di internet untukmenampilkan gambar-gambar di web.Konsep & Aplikasi Multimedia26

FORMAT FILE GAMBARPortable Network Graphics (.PNG) Format yang standar dan sering digunakan di internetuntuk menampilkan gambar atau pengiriman gambar. Ukuran file ini cukup kecil dan setara dengan ukuran gifdengan kualitas yang bagus. Namun tidak mendukunganimasi (gambar bergerak).Format gambar bentuk lain seperti TIFF (Tagged Image FileFormat), ICO (Icon), EMF (Enchanced Windows Metafile),PCX, ANI (Animation), CUR (Cursor), WBMP (WAP BMP),PSD (Adobe Photoshop Document), CDR (Corel Draw), dll.Konsep & Aplikasi Multimedia27

Daftar Referensi : Multimedia Alat untuk MeningkatkanKebutuhan Bersaing, M. Suyanto, PenerbitAndi Yogyakarta, 2003 Sistem Multimedia dan Aplikasinya, TriDaryanto, Penerbit Graha Ilmu, 2005 Furht, S. Smoliar, and HJ Zhang, Image andVideo Processing in Multimedia Systems ,Kluwer Academic Publishers, 1995 Multimedia Communications: Applications,Networks, and Standards, Fred Halsall,Addison-Wesley, 2001Konsep & Aplikasi Multimedia28

Daftar Referensi : Digital Multimedia, Nigel Chapman, JennyChapman, Wiley, 2004 Fundamentals of Multimedia, Mark S. Drew,Ze-Nan Li, Prentice Hall, 2003 Multimedia: Computing, Communications andAppications, Steinmetz & Ralf, Prentice Hall,1995Konsep & Aplikasi Multimedia29

SELESAI.Ngopi Sek Ben GakNgantuk.

Saatnya Tugas .Tugas Kelompok:Membuat Subttitle dengan NotepadTema diskusikan dengan kelompokKonsep & Aplikasi Multimedia31

Membuat Subtitle Menggunakan Notepad1. Pertama, setelah notepad dibuka tulis angka 1 sebagai urutan pertama subtitle dalam film2. Kedua, perhatikan dialog pada film dan waktu nya, lalu tulis waktu subtitle tersebut tampil dan waktu subtitletersebut hilang dengan format, pada angka yang pertama merupakan waktu subtitle tampil dan yang keduamerupakan waktu subtitle selesai.00:00:01,000 – 00:00:05,034

3. Ketiga, ketikkan subtitle terjemahanya4. Keempat, tekan enter agar ada baris kosong untuk memulai baris subtitle berikutnya5. 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 subtitleberbahasa selain Inggris, dan encoding ANSI jika subtitle berbahasa Inggris.Contoh di atas menggunakan subtitle pada “film blood diamond”.

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.