Navigasi Halaman Interaktif Multimedia
Setelah memahami beberapa dasar desain multimedia interaktif, pemrograman dasar Actionscript dan dasar interaktivitas, langkah selanjutnya adalah merancang aplikasi multimedia interaktif secara keseluruhan. Sebagai contoh akan dibuat sebuah media pembelajaran interaktif tentang tata surya, maka perlu direncanakan pembagian halaman dan fitur-fitur yang akan ditampilkan. Berikut contoh perencanaan halaman interaktif multimedia pembelajaran tata surya untuk anak usia Sekolah Dasar:
Navigasi Halaman Interaktif Multimedia
Setelah memahami beberapa dasar desain multimedia interaktif, pemrograman dasar Actionscript dan dasar interaktivitas, langkah selanjutnya adalah merancang aplikasi multimedia interaktif secara keseluruhan. Sebagai contoh akan dibuat sebuah media pembelajaran interaktif tentang tata surya, maka perlu direncanakan pembagian halaman dan fitur-fitur yang akan ditampilkan. Berikut contoh perencanaan halaman interaktif multimedia pembelajaran tata surya untuk anak usia Sekolah Dasar:
Keyboard Event
Sebagaimana MouseEvent, Keyboard
Event adalah sebuah event yang terjadi ketika ada masukan dari keyboard. Contoh
penggunaan Keyboard Event adalah pada saat menggerakkan sebuah objek dengan
menggunakan tombol panah, misalnya ketika membuat simulasi gerakan mobil. Untuk
lebih jelasnya perhatikan contoh berikut :
Alfi Blog
September 03, 2026
Admin
Bandung Indonesia
Keyboard Event
Sebagaimana MouseEvent, Keyboard
Event adalah sebuah event yang terjadi ketika ada masukan dari keyboard. Contoh
penggunaan Keyboard Event adalah pada saat menggerakkan sebuah objek dengan
menggunakan tombol panah, misalnya ketika membuat simulasi gerakan mobil. Untuk
lebih jelasnya perhatikan contoh berikut :
EnterFrame Event
Enterframe Event merupakan
kejadian yang dilakukan secara berulang-ulang sejak inisialisasi listener
sampai dengan dihentikannya listener atau aplikasi ditutup. Sebagai contoh
event ini digunakan untuk mendapatkan gerakan objek secara terus menerus.
Perhatikan contoh berikut :
Alfi Blog
September 02, 2026
Admin
Bandung Indonesia
EnterFrame Event
Enterframe Event merupakan
kejadian yang dilakukan secara berulang-ulang sejak inisialisasi listener
sampai dengan dihentikannya listener atau aplikasi ditutup. Sebagai contoh
event ini digunakan untuk mendapatkan gerakan objek secara terus menerus.
Perhatikan contoh berikut :
Drag dan Snap
Pada contoh di atas untuk
mendeteksi apakah movieclip kepala sudah berada tepat diposisi movieclip badan
digunakan metode jarak, yaitu menggunakan teori pitagoras sederhana dengan
menghitung akar (Math.sqrt)
kuadrat dari selisih kordinat 2 objek. Sehingga ketika movieclip kepala
berjarak (ber radius) kurang dari 50 pixel dan tombol mouse dilepas, maka
kordinat movieclip kepala dijadikan sama dengan kordinat movieclip badan
sehingga akan muncul efek Snap.
Alfi Blog
September 01, 2026
Admin
Bandung Indonesia
Drag dan Snap
Pada contoh di atas untuk
mendeteksi apakah movieclip kepala sudah berada tepat diposisi movieclip badan
digunakan metode jarak, yaitu menggunakan teori pitagoras sederhana dengan
menghitung akar (Math.sqrt)
kuadrat dari selisih kordinat 2 objek. Sehingga ketika movieclip kepala
berjarak (ber radius) kurang dari 50 pixel dan tombol mouse dilepas, maka
kordinat movieclip kepala dijadikan sama dengan kordinat movieclip badan
sehingga akan muncul efek Snap.
Drag and Drop
Dalam beberapa kasus, interaktifitas dapat dilakukan dengan
cara drag and drop. Sebagai contoh
dalam simulasi hukum Faraday (gambar 13..), objek magnet dapat didrag oleh
pengguna dan digerakkan ke area kumparan. Dalam beberapa aplikasi juga dapat
kita temukan fitur drag and drop. Untuk membuat fitur tersebut, perhatikan
contoh berikut :
Alfi Blog
Agustus 31, 2026
Admin
Bandung Indonesia
Drag and Drop
Dalam beberapa kasus, interaktifitas dapat dilakukan dengan
cara drag and drop. Sebagai contoh
dalam simulasi hukum Faraday (gambar 13..), objek magnet dapat didrag oleh
pengguna dan digerakkan ke area kumparan. Dalam beberapa aplikasi juga dapat
kita temukan fitur drag and drop. Untuk membuat fitur tersebut, perhatikan
contoh berikut :
