BAB 11 : Multimedia Design for World Wide Web

Multimedia Design for World Wide Web

Teknologi WWW

• HTML
• Dukungan Browser : PlugIn Media(bisa memainkan file mulmed di browser, cth : quicktime), JavaScript(memungkinkan program kecil dijalankan di browser)

Halaman Web : Dibuat di text document (cth notepad), elemen2 mulmed disimpan secara eksternal. HTML mendefiniskan format tampilan dan fungsional dari halaman web dan menyediakan link.

Keuntungan HTML

• Ukuran file kecil
• Tdk membutuhkan authoring tool yg mahal, tdk perlu skill programming
• Menyediakan link ke lokasi eksternal
• Dapat dilihat di browser komputer manapun

Kerugian HTML

• Rancangan dan hasil tampilan tidak selalu sama di tiap komp
• Tidak ada standar HTML
• Beda browser beda HTML tags, perbedaan hardware mempengaruhi
• Hypertext menyediakan interaksi yang terbatas

  

 Authoring Tools untuk WWW : Dreamweaver, Microsoft Frontpage

Hal yang berkaitan dengan design

• Browser yang berbeda

• Tidak semua browser mendukung fitur yang dimiliki (DHTML)
• Setting pada browser mempengaruhi hasil akhir : background, font, , warna hypertext, image autodownload, window size

• Ukuran monitor dan window :

• Penggunaan web dengan resolusi yg beragam dan ukuran layar yang berbeda. Jadi desain dgn resolusi yang umum.
• Gunakan liquid design(web dapat menyesuaikan diri pada ruang yang tersedia) saat mendesain halaman web

• Bandwidth
• AccessibilityUser tuna netra tidak dapat mengakses image yg digunakan u/ menyampaikan konten/ u/ navigasi.Solusi : menyediakan ALT text u/ deskripsi singkat dari grafik, hindari banyak animasi gif, dan fram serta table yg tidak dibutuhkan.
• Usability

Text untuk Web

Pengguna dapat memilih font website sendiri pada browser, fleksibilitas dalam mengatur font gunakan CSS -> tersedia dalam DHTML

Image untuk Web

Format standard GIF dan PNG(kompresi lossless) serta JPEG(lossy). Dapat menggunakan Macromedia Fireworks

Suara untuk Web

Format standard AU, Wav(ukuran besar), MIDI(u/ background musik). Plug-in : Shockwave Audio(swa), Quicktime

Animasi untuk Web

HTML tag : <blink> dan <marqueue>. Dapat menggunakan animated GIF u/ membuat animasi cell yang sederhana. Plug-in : Director, Flash

3D untuk Web : VRML dan Macromedia Director

Video untuk Web : Teknologi Streaming(mengalir dari server ke player, menggunakan buffer)

Flash atau nonFlash

• Keuntungan Flash : sedang tren, kontrol penuh dan fleksibel bagi desainer
• Hal Berkaitan dengan Flash
• Butuh plug-in tambahan dan tiap versi butuh plug-in yang beda. Tidak bisa u/ text dalam jumlah besar

sumber