Komponen dan style pada Multimedia Interaktif Berbasis Halaman Web
A. Komponen pada Multimedia Interaktif Berbasis Halaman Web
Multimedia Interaktif adalah multimedia yang sudah dipenuhi dengan alat pengendali yang dapat digunakan oleh user untuk mengeksekusi, sehingga dengan mudah user(pengguna) bisa mengendalikan eksekusi menurut kebutuhan. Menggabungkan image, animasi, video, dan audio pada multimedia Interaktif Berbasis Web berarti menggabungkan unsur media Interaktif tersebut kedalam sebuah situs Web
1.Implementasi pada unsur Media Interaktif
Penggabungan unsur media Interaktif pada Adobe Flash CS6 adalah sebagai berikut.
A. Menggabungkan Teks
Secara mendasar, terdapat dua jenis teks yang dikenali dalam perangkat lunak Adobe Flash, yaitu (Embed) pada file SWF serta device font yang Digunakan sesuai dengan font pada komputer yang bersangkutan.
1.Menulis dengan Teks tools
2Mengedit tulisan
3.Panel character
4.panel paragraph
5.panel text option
6.static text
7.dynamix text
8.input text
B. Menambahkan image (gambar)
Langkah awal yang harus dilakukan sebelum menambahkan image (gambar) adalah memiliki situs Web dengan team yang menarik agar menarik perhatian para pengunjung (visitor). Pada dasarnya, terdapat dua prosedur yang dapat digunakan untuk memasukkan gambar di Adobe flash, yaitu.
1.Import to library
2.Import to stage
C. Menambahkan Animasi
Kepopuleran animasi flash sudah tidak diragukan lagi, terutama bagi para pemula yang baru belajar membuat Animasi untuk multimedia Interaktif. Langkah awal yang harus dipenuhi dalam menambahkan Animasi adalah menyiapkan gambar-gambar yang akan digerakkan.
D. Menambahkan audio
Suara menjadi salah satu elemen dari sebuah aplikasi multimedia Interaktif yang cukup vital. Dalam half ini, suara bisa berupa efek suara ketika tool ditekan, background music, suara during dari sebuah karakter, suara- suara alam, ataupun jenis-jenis efek suara lain.
E. Menambahkan video
Di masa sekarang, file video dapat dijumpai dengan berbagai format misalnya 3GP, AVI, FLV, MKV, MOV, MP4, AMV, dan sebagai nya. Cara term udah untuk mendeteksi sebuah file video bisa dikenali oleh flash dapat dilakukan dengan melakukan poses impor.
1.Menyiapkan file video
2.Mengimpor video
2.penggabungan image, Animasi, audio dan video
Agar aplikasi lain dapat menggunakan file flash maupun menyinpan isi dari flash movie ke dalam format file terpisah, maka pada proves persiapan file tersebut dapat dimanfaatkan fasilitas/perintah Export MOVIE dan Export image. Perintah Export Image digunakan untuk Mengirim isi dari frame /image aktif yang dipilih maupun pada frame tunggal dari flash player movie.
B.STYLE PADA MULTIMEDIA INTERAKTIF
Informasi memegang peranan penting dalam berbagai bidang kebutuhan menusia, sehingga dunia teknologi dapat berkambang dengan pesat. Informasi tersebut tidak terlepas dari perkembangan teknologi yang membuat segalanya lebih dinamis dan efisien.
pada umumnya, untuk membuat Multimedia Interaktif dengan tampilan menarik beserta kemudahan dalam mengubah tampilan layar berkaitan erat dengan kinerja style CSS (Cascading Style Sheet). CSS juga dapat diterapkan pada elemen-elemen HTML Multimedia diataranya pada Teks, Gambar, Audio dan Video.
Pengaturan Style pada Teks
Dalam pengaturan style teks meliputi beberapa jenis rangkaian properti, diantaranya pewarnaan, spasi, jenis font, style font, color font, dan sebagainya, yang dapat dikondisikan dalam kemasa CSS. Beberapa properti CSS antara lain sebagai berikut :
Tabel Properti CSS
No Properti Keterangan
1 Color Mengatur warna pada teks/ script yang hendak dituju
2 Direction Menentukan arah tulisan atau teks pada script terkait
3 Letter-Spacing Menambah atau mengurangi properti dari spasi antarkarakter dalam suatu teks
4 Line-Height Mengatur tinggi barisnya suatu teks
5 Text-align Bertugas memberi rata atau batas teks secara horizontal
6 Text-decoration Menentukan hiasan/ dekorasi pada teks
7 Text-indent Bertugas mengatur jarak inden dalam baris pertama dalam teks blok
8 Text-Shadow Bertugas menentukan efek dari bayangan pada suatua teks
9 Text-transform Bertugas mengatur dari teks kecil hingga besar
10 Unicode-align Bertugas mengeset unicode
11 Vertical-align Mengatur dari batas teks seacara horizontal
12 White-space Mengatur dari penulisan white-space pada suatu elemen
13 Word-spacing Menambahkan atau mengurangi spasi antarkata dalam teks
Pengaturan Style pada Tampilan Gambar
Style sangat berperan dalam menyajikan suatu sinformasi visual agar terlihat lebih baik serta lebih optimal jika dilihat dari sisi nonpenulisan, sehingga lebih disukai oleh mesin pencari (search engine). Dalam hal ini penggunaan Cascading Style Sheet (CSS) dapat diterapkan pada semua objek yang ingin disisipkan dalam bentuk tag-tag tertentu, misalnya bentuk tulisan, tabel, gambar, maupun objek lainnya. Guna memberi pengaturan dalam penggunaan gambar pada umumnya dapat diterapkan secara inline, misalnya dengan format pemanggilan berikut.
<img src=’nm-filegbr’ width=’lebargbr’ height=tinggigbr’alt=’kata-kuncigbr’ title=’judulgbr’ border=’garistebal’ />
Pengaturan Style pada Tampilan Audio
Sebuah halaman website yang dibuka adakalanya diiringi denga nmusik (audio) dengan menambahkan elemen untuk memanggil file musik didalamnya. Beberapa atribut yang dapat digunakan pada elemen suara, yaitu sebagai berikut.
No Properti Keterangan
1 Balance Mengatur keseimbangan suara kiri dan kanan
2 Loop Banyak perulangan main yang dilakukan
3 Volume Mengatur Volume suara
Dalam hal ini, elemen yang digunakan adalah tag <bgsound> dengan atribut “src” nama dile suara. Misalnya <bgsound src=”musikakustik.wav”>. Disamping elemen tag <bgsound>, terdapat elemen <embed> yang dapat digunakan untuk memanggil file suara. Elemen tersebut membutuhkan atribut “src” untuk menentukan file suara yang akan dimainkan pada halaman website, misalnya <embed src=”musikakustik.wav”></embed>. Penggunaan elemen <embed> secara otomatis memunculkan “control panel” pada aplikasi multimedia yang terpasang pada sistem, sekaligus sebagai aplikasi default dalam memainkan file multimedia. Beberapa jenis atribut yang dapat digunakan pada elemen <embed> adalah sebagai berikut.
No
Atribut
Keterangan
1
Align
Mengatur posisi kontrol multimedia
2
Alt
Menampilkan informasi alternatif
3
Height
Mengatur tinggi kontrol
4
Width
Mengatur lebar kontrol
5
Autostart
Nilai true untuk dimainkan otomatis, false untuk manual
6
Hidden
Nilai true untuk menyembunyikan kontrol
7
Loop
Nilai true untuk mengulang terus-menerus
Pengaturan Style pada Tampilan Video
Salah satu contoh paling mudah melihat style jenis ini dapat ditemukan pada video amded dari Youtube secara langsung dari fitur online yang di-frame/embeded-kan pada website youtube ataupun web video lainnya.
Contoh perintah-perintah script yang digunakan adalah sebagai berikut :
<html>
<head>
<title>Tampilan video dari YOUTUBE</title>
<style>
.video Wrapper {position: relative;
padding-bottom: 50%;
padding-top: 20%;
height: 0;
.video Wrapper iframe {position: absolute;
top: 0;
left: 0;
width: 100%
height: 100%}
</style>
</head>
<body>
<div class=’video Wrapper’>
<!–Tampilan video dari YOUTUBE –!>
<iframe width=’590′ height=’379′ src=’https://www.youtube.com/watch?……….’frameborder=’0′ allowfullscreen></iframe>
</div>
</body>
</html>
C. Mengevaluasi produk web
Kualitas sebuah website tergantung kepada pengujian dan pengawasan terhadap kualitas website itu sendiri. penambahan media interaksi pada sebuah website menambah daya tarik tersendiri pada website tersebut. Oleh sebab itu, keberhasilan website beserta produk nya tergantung pada kemampuan menarik perhatian seseorang untuk menghabiskan waktu menjelajahi website tersebut.
1.parameter sebuah web
Pada dasarnya, situs web (website) bisa diterjemahkan sebagai sebuah produk teknologi informasi yang paling populer, meskipun banyak dijumpai banyak website yang hadir tanpa disertai kualitas bags, sehingga kurang mampu menyampaikan informasi yang dibawa. Secara umum terdapat beberapa parameter yang paling sering digunakan dalam menilai sebuah website yaitu sebagai berikut.
A. Aksesibilitas (Accessibility)
Accessibility sebagai sebuah parameter yang menjelaskan seberapa bail sebuah website jika dilihat dari aspek pengaksesan, misalnya website tersebut dapat diakses menggunakan teknologi terbaru Seperti melalui ponsel atau PDA.
B, isi (content)
Pada dasarnya, content adalah bagian yang paling penting dari sebuah penilaian atau evaluasi. Dalam hal ini, content sebagai sebuah parameter yang menjelaskan tentang isi dari website yang bersangkutan.
C. Keterbacaan (readability)
Readibility sebagai sebuah parameter yang berhubungan dengan kenyamanan pada saat dibaca dan kemudahan pengakses dalam membaca dan mengerti isi situs tersebut.
D. Kecepatan (speed)
Speed Sebagai sebuah parameter yang berhubungan dengan kecepatan loading sebuah situs/website.
E. Teknologi (technology)
Teknologi sebagai sebuah parameter yang berhubungan aplikasi yang digunakan dalam pengembangan website tersebut misalnya teknologi yang digunakan dalam segi mendesain website dan komposisi desain yang dibangun.
2.evaluasi website
Evaluasi terhadap situs web beserta produknya bertujuan untuk mengetahui kegunaan atau (usability)
situs website tersebut bagi user atau (pengguna) . secara umum dalam penilaian suatu web mayoritas dilakukan oleh lembaga pemeringkatan. Dalam hal ini setiap mesin peringkat telah dilengkapi dengan parameter-parameter penilaian tertentu.
A. Self-congruity dan flow
Seorang desainer multimedia harus benar-benar memahami elemen terpenting dalam membuat sebuah website yaitu teknik merancang tampilan website yang menarik.
1.self-congruity
2.flow
B. Metode Evaluasi yang Digunakan
1.Menilai outer model
2.menilai inner model
C. Menentukan Nilai Rata-rata jawaban Responden
Pada dasarnya menentukan nilai rata-rata jawaban responden terhadap setiap item pernyataan untuk setiap variabel dengan kriteria penilaian berdasarkan kategori yang disusun dengan interval kelas 0.8.selanjutnya disusun kriteria penilaian rata-rata jawaban responden yang disajikan pada sebuah tabel.
Grizelle 