Nama Dosen : Dicky Supriyatna S.Kom, MTI
Nama Mahasiswa : Dwita Insani 201370064
RANGKUMAN
Multimedia berbasis web adalah situs web yang mengandung lebih dari satu jenis media, biasanya audio, video, atau animasi, selain teks dan gambar. Situs multimedia sering mengandung unsur-unsur yang berinteraksi dengan pengguna secara langsung, misalnya mengontrol pengiriman suara, mengontrol pengiriman video, bermain game, dll.Semakin komputer cepat dan koneksi internet broadband, maka multimedia berbasis web tersebut semakin bagus.
APLIKASI MULTIMEDIA BERBASIS WEB
- Informasi pengiriman : foto produk, klip video, animasi untuk menyampaikan konsep, dll.
- E-commerce : foto produk, sample film, sample musik, dll.
- Hiburan : game online, klip video, musik online, kegiatan interaktif, dll.
- Pelatihan berbasis web : menyampaikan instruksi melalui web.
KELEBIHAN DAN KELEMAHAN MENGGUNAKAN MULTIMEDIA BERBASIS WEB
KELEBIHAN :
- Bisa menggunakan berbagai macam variasi pembelajaran.
- Bahan materi lebih menarik dibandingkan dengan teks.
- Banyak ide yang disampaikan dengan lebih mudah.
KELEMAHAN :
- Memerlukan waktu dan biaya dalam pengembangannya.
- Kompatibilitas dan waktu download untuk multimedia berbasis web.
ELEMEN-ELEMEN MULTIMEDIA
1. Teks
Digunakan untuk menyediakan konten dasar, serta untuk menambahkan menu berbasis teks dan hyperlink. Jenis-jenis teks :
- Serif : lebih mudah dibaca, digunakan untuk teks body yang berukuran besar.
- Sans serif : digunakan untuk judul atau spanduk halaman web.
2. Images atau graphics
Digunakan untuk menampilkan digital dari foto, gambar, grafik, dangambar visual lainnya. Images tersedia dalam berbagai bentuk, yaitu :
4. Audio
Semua jenis suara termasuk musik, suara yang diucapkan, dan efek suara dapat direkam menggunakan mikrofon atau alat MIDI, diambil dari CD, atau didownload dari internet. Contoh format umum file audio : .wav ; .mp3 ; .midi ; .aiff ; .acc ; .m4a
5. Video
Teknologi untuk menangkap, merekam, dan menata kembali gambar bergerak Video streaming digunakan untuk file besar. Contoh format umum file video : .avi ; .mp2 ; .mp4 ; .mov ; .rm ; .wmv
MULTIMEDIA WEBSITE DESIGN
Website design mengacu pada perencanaan situs web akan terlihat seperti apa dan bagaimana situs tersebut akan bekerja.Prinsip-prinsip dasar design :
WEBSITE DEVELOPEMENT
Membuat situs web terjadi setelah situs tersebut dirancang dan bisa dilakukan dirumah atau diserahkan kepada yang lebih ahli. Ada 3 langkah dasar :
1. Membuat elemen multimedia
Biasanya digunakan beberapa program perangkat lunak yang berbeda, seperti software editing gambar, software animasi, software audio editing, software editing video. Setiap elemen harus disimpan sesuai ukuran, resolusi, dan format file.
2. Membuat situs web
Biasanya sering menggunakan markup language. Markup language adalah sebuah sitem pengkodean yang menggunakan simbol atau tag untuk menggambarka seperti apa dokumen akan terlihat ketika ditampilkan dalam browser web.
HTML (Hypertext Markup Language) merupakan markup language yang asli yang digunakan untuk menetapkan judul halaman, mengidentifikasi teks sebagai judul, tanda akhir paragraf, menetapkan ukuran relatif terhadap teks, membuat teks atau gambar hyperlink, mengidentifikasi dimana elemen akan muncul di halaman web, menentukan letak tabel dan frame, serta mengidentifikasi kata kunci dan tag lain yang terkait dengan halaman.
XML (Extensible Markup Language) merupakan seperangkat aturan untuk pertukaran data melalui web. Menggunakan tag XML untuk mengidentifikasi data dan memungkinkan data yang akan diambil dan digunaka kembali sesuai denga kebutuhan.
XHTML (Extensible Hypertext Markup Language) merupakan versi baru dari HTML berbasis XML untuk mengatur tampilan dan format halaman web seperti HTML, memiliki aturan yang lebih ketat dari HTML, dan mulai menggantikan HTML.
DHTML (Dynamic Hypertext Markup Language) digunakan untuk menambah kemampuan dinamis dan interaktif ke dalam halaman web.
WML (Wireless Markup Language) digunakan untuk membuat halaman web yang akan ditampilkan pada perangkat WAP, seperti ponsel pintar.
SVG (Scaleble Vector Graphics) digunakan untuk menggambarkan gambar berbasis vektor yang akan ditampilkan dalam berbagai ukuran pada halaman web sesuai jendela browser.
3. Pengujian, penerbitan, dan pemeliharaan situs web
- Hyperlink harus di klik untuk memastikan membawa pengguna ke lokasi yang tepat.
- Elemen animasi harus diuji.
- Mengoreksi setiap halaman dengan hati-hati.
- Memperbarui dan memeriksa konten dan link secara teratur.
- Halaman web XHTML dapat diperiksa dengan XHTML validator.
Digunakan untuk menampilkan digital dari foto, gambar, grafik, dangambar visual lainnya. Images tersedia dalam berbagai bentuk, yaitu :
- GIF (Graphics Interchange Format) merupakan sebuah format grafis yang umum digunakan untuk dunia web. GIF berukuran kecil karena membatasi jumlah warnanya sebanyak 256 warna sehingga dapat menghemat ukuran berkas. Selain itu GIF juga dapat transparan, interlace (gambar langsung ditampilkan utuh tetapi kualitas gambar kurang baik), menggunakan file kompresi lossless, dan beberapa gambar GIF dapat dikombinasikan untuk membentuk animasi GIF. GIF biasanya digunakan untuk line art (clip art, logo, tombol navigasi,dll).
- PNG (Portable Network Graphics) merupakan format yang dirancang khusus untuk digunakan dengan gambar halaman web. Format PNG menggunakan kompresi lossless dan mempunyai dukukan warna yang lebih baik dari GIF, tetapi tidak bisa membentuk animasi.
- JPEG (Joint Photographic Expert Group) merupakan format yang mendukung true colour dan umumnya digunakan untuk foto yang dimasukkan ke halaman web. Format JPEG bisa progresif, seperti interlace pada GIF ,ukuran file bisa ditentukan, dan menggunakan file kompresi lossy.
Thumbnail image : gambar kecil pada halaman web yang terkait dengan gambar yang lebih besar. Digunakan untuk menghemat waktu loading karena hanya dengan mengklik thumbnail maka dapat melihat gambar penuh berkualitas dengan ukuran lebih kecil.
3. Animasi
Serangkaian gambar grafis yang ditampilkan secara berurutan untuk mensimulasikan gerakan.
- Java applet : sebuah program kecil yang ditulis dengan menggunakan bahasa pemrograman yang diakses melalui halaman web yang melakukan tugas tertentu.
- Animated GIF : sekelompok gambar GIF disimpan sebagai file GIF animasi, dimasukkan ke dalam halaman web, yang ditampilkan berurutan untuk mensimulasikan gerakan.
4. Audio
Semua jenis suara termasuk musik, suara yang diucapkan, dan efek suara dapat direkam menggunakan mikrofon atau alat MIDI, diambil dari CD, atau didownload dari internet. Contoh format umum file audio : .wav ; .mp3 ; .midi ; .aiff ; .acc ; .m4a
5. Video
Teknologi untuk menangkap, merekam, dan menata kembali gambar bergerak Video streaming digunakan untuk file besar. Contoh format umum file video : .avi ; .mp2 ; .mp4 ; .mov ; .rm ; .wmv
MULTIMEDIA WEBSITE DESIGN
Website design mengacu pada perencanaan situs web akan terlihat seperti apa dan bagaimana situs tersebut akan bekerja.Prinsip-prinsip dasar design :
- Pengguna suka aplikasi yang menarik dan menyenangkan.
- Pengguna memiliki sedikit kesabaran terhadap aplikasi yang lambat dan sulit diguakan.
- Rencanakan perangkat dan metode untuk semua yang dibutuhkan dalam penyampaian.
Hal-hal yang perlu dipertimbangkan :
a. Fitur yang memerlukan browser tertentu.
b. Fitur yang memerlukan sedikit digunakan plug-in.
c. Ukuran dari konten halaman.
d. Item bandwidth yang tinggi.
- Perhatikan ukuran file gambar.
- Gunakan link ke audio, video, dan item bandwidth tinggi lainnya.
- Gunakan streaming audio dan video.
Untuk merancang struktur dan tata letak situs web digunakan :
- Flowchart menampilkan bagaimana halaman-halaman dalam sebuah situs web berhubungan satu sama lain.
- Page layout menampilkan tata letak dasar dari halaman situs web.
- Storyboard menggambarkan isi urutan animasi atau komponen multimedia lainnya.
Pertimbangan dalam mendesign navigasi :
- Pengguna harus bisa mendapatkan sebagian besar halaman di situs dalam waktu tiga kali klik mouse (jangan lebih dari tiga kali, karena pengguna pasti akan merasa bosan)
- Item navigasi harus di tempatkan pada tempat yang sama disetiap halaman.
- Setiap halaman harus memiliki link ke halaman rumah (homepage)
Navigasi tools meliputi : menu drop-down, peta situs, kotak pencarian, hyperlink berbasis teks dan bar navigasi, bar navigasi berbasis gambar, peta gambar, frame, serta hyperlik yang menunjukkan lebih banyak pilihan ketika menunjuk.
Pertimbangan dalam akses situs web :
- Kompatibilitas perangkat : Halaman web ditampilkan berbeda pada perangkat yang berbeda, misalnya tampilan pada handphone tidak seluas tampilan di komputer.
- Kompatibilitas dengan bantuan teknologi : Hardware atau software yang dirancang untuk digunakan oleh individu dengan keterbatasan fisik.
WEBSITE DEVELOPEMENT
Membuat situs web terjadi setelah situs tersebut dirancang dan bisa dilakukan dirumah atau diserahkan kepada yang lebih ahli. Ada 3 langkah dasar :
1. Membuat elemen multimedia
Biasanya digunakan beberapa program perangkat lunak yang berbeda, seperti software editing gambar, software animasi, software audio editing, software editing video. Setiap elemen harus disimpan sesuai ukuran, resolusi, dan format file.
2. Membuat situs web
Biasanya sering menggunakan markup language. Markup language adalah sebuah sitem pengkodean yang menggunakan simbol atau tag untuk menggambarka seperti apa dokumen akan terlihat ketika ditampilkan dalam browser web.
HTML (Hypertext Markup Language) merupakan markup language yang asli yang digunakan untuk menetapkan judul halaman, mengidentifikasi teks sebagai judul, tanda akhir paragraf, menetapkan ukuran relatif terhadap teks, membuat teks atau gambar hyperlink, mengidentifikasi dimana elemen akan muncul di halaman web, menentukan letak tabel dan frame, serta mengidentifikasi kata kunci dan tag lain yang terkait dengan halaman.
XML (Extensible Markup Language) merupakan seperangkat aturan untuk pertukaran data melalui web. Menggunakan tag XML untuk mengidentifikasi data dan memungkinkan data yang akan diambil dan digunaka kembali sesuai denga kebutuhan.
XHTML (Extensible Hypertext Markup Language) merupakan versi baru dari HTML berbasis XML untuk mengatur tampilan dan format halaman web seperti HTML, memiliki aturan yang lebih ketat dari HTML, dan mulai menggantikan HTML.
DHTML (Dynamic Hypertext Markup Language) digunakan untuk menambah kemampuan dinamis dan interaktif ke dalam halaman web.
WML (Wireless Markup Language) digunakan untuk membuat halaman web yang akan ditampilkan pada perangkat WAP, seperti ponsel pintar.
SVG (Scaleble Vector Graphics) digunakan untuk menggambarkan gambar berbasis vektor yang akan ditampilkan dalam berbagai ukuran pada halaman web sesuai jendela browser.
3. Pengujian, penerbitan, dan pemeliharaan situs web
- Hyperlink harus di klik untuk memastikan membawa pengguna ke lokasi yang tepat.
- Elemen animasi harus diuji.
- Mengoreksi setiap halaman dengan hati-hati.
- Memperbarui dan memeriksa konten dan link secara teratur.
- Halaman web XHTML dapat diperiksa dengan XHTML validator.