3.2 Memahami (Desain /Perancangan Alur) Untuk Multimedia Interaktif Berbasis Halaman Web dan Media Interaktif

-

A.    Flowchart Multimedia Interaktif

Flowchart adalah bagian-bagian yang mempunyai arus yang menggambarkan langkah –langkah penyelesaian suatu masalah. Untuk multimedia interaktif flowchart menggambarkan secara langsung alur dari proyek yang dibuat. Mulai dari awal program, input, proses, output dilanjutkan dengan keluar dari program. Bentuk-bentuk yang digunakan dalam flowchart:



Penerapan flowchart diatas untuk program multimedia interaktif model tutorial seperti di bawah ini:



Struktur navigasi proyek multimedia antara lain :

1.      Linier
Navigasi yang dilakukan secara beruntun, sehingga pengguna melakukannya satu per satu secara berurutan.


2.      Hierarki
Navigasi cabang pohon, yang merupakan linier dengan percabangan.



3.      Nonlinier
Navigasi yang dilakukan secara bebas tanpa melalui jalur yang telah ditentukan. Pengguna dapat bergerak bebas tanpa ada pembatasan.


4.      Komposit
Navigasi ini dapat bergerak bebas (non linier) tetapi terkadang ada pembatasan navigasi linier.



B.  B.    Storyboard Multimedia Interaktif
Storyboard atau kerangka grafis digunakan untuk mendiskripsikan proyek multimedia interaktif dengan detail menggunakan kata-kata dan sketsa untuk setiap tampilan layar, suara, pilihan navigasi, pilihan warna dan gradasi yang tepat, isi teks, atribut dan font, bentuk tombol, style, umpan balik/respon.

Fungsi Storyboard multimedia interaktif adalah:
1.      Untuk memperjelas flowchart
2.      Sebagai pedoman/acuan bagi animator, progamer, narrator dan tim yang lain
3.      Merupakan dokumen tertulis
4.      Bahan pembuatan Manual Book/petunjuk pengguna

Ketentuan-ketentuan umum storyboard multimedia interaktif adalah:
1.      Gambar yang disiapkan disertai dengan penjelasan dan narasi
2.      Pembuatan storyboard diawali dengan gambar visual
3.      Narasi digunakan untuk melengkapi hal sulit yang tidak bisa diwakili dengan bentuk visual
4.      Bahasa lisan yang digunakan terutama yang dibaca oleh narator
5.      Gunakan struktur kalimat yang sederhana
6.      Gunakan symbol yang sederhana dan mudah dipahami oleh semua orang
7.      Gunakan gambar dalam bentuk yang menarik serta komposisi yang tepat dan mudah dipahami


C.    Format Storyboard dan Komponen
Format storyboard multimedia interaktif antara lain kartu, double coloum dan landscape.

Format Storyboard Jenis Kartu
    

                                                           
Format Storyboard jenis Double Coloum







Format Storyboard Jenis Lanscape-1

Mata pelajaran : Bahasa inggris kelas IV

Kode: Deskripsi

Lembaga Pembuat
Multimedia interaktif
Ilustrasi/Video/Animasi
Berdasarkan Kurikulum 2013

Deskripsi
Petunjuk
Standar Kompetensi
Cek Kemampuan
Daftar pustaka
Isi Program























Format Storyboard Jenis Lanscape-2

TEKS :  Modul Interaktif

MELAKUKAN PENGUJIAN MIKROBIOLOGI DASAR

Ada sub. Kompetensi pada Pengujian Microbiologi Dasar ini yaitu :
1.      Mempersiapkan bekerja secara aman dan aseptic
2.      Memproses sampel untuk pemeriksaan langsung
3.      Menyiapkan biakan murni
4.      Menyelenggarakan prosedur dalam identifikasi
5.      Memperkirakan jumlah mikro organisme
6.      Merawat catatan pekerjaan labotarium
Gambar                   Video                  Animasi


V

·         Gambar kumpulan dari jenis alat yang aseptic
·         Persiapan biakan murni, tabung reaksi dan petridish
·         Menghitung jumlah organisme

NARASI :
1.      Melakukan pengujian Mkrobiologi Dasar
2.      Ada sub. Kompetensi pada Pengujian Mikrobiologi Dasar ini yaitu:
a.       Mempersiapkan bekerja secara aman dan aseptic
b.      Memproses sampel untuk pemeriksaan langsung
c.       Menyiapkan biakan murni
d.      Menyelenggarakan prosedur dalam identifikasi
e.       Memperkirakan jumlah mikro organisme
f.        Merawat catatan pekerjaan laboratorium

LINK KE :                TES           BACK TO
Masing-masing                             ……

Komponen-komponen penyusun storyboard interaktif antara lain:
·         Sketsa atau gambaran layar, halaman atau frame
·         Warna, penempatan dan ukuran grafik, jika perlu
·         Teks asli, jika ditampilkan pada halaman atau layar
·         Warna, ukuran dan tipe font jika ada teks
·         Narasi jika ada
·         Animasi jika ada
·         Video jika ada
·         Audio jika ada
·         Interaksi dengan pengguna jika ada
·         Hal-hal yang perlu diketahui oleh staf produksi

D.    Template Storyboard
Contoh storyboard multimedia interaktif model kartu


Storyboard
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Project : CD PEMBELAJARAN
Date :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Screen : 1-of-23                                             screen description :
Links from screens : semua screen               Mendiskripsikan tentang mengoperasikan
Links to screen : 1                                         kamera DSLR pada bagian Shutter Speed

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Functionality/interactivity : Button function


Background:                                audio:
Color schemes:                            video:
Text attributes:                             stills:


Hasil Storyboard multimedia interaktif diatas


Komentar

Posting Komentar

Postingan populer dari blog ini

3.3 Menerapkan Prinsip-Prinsip Desain User Interface Pada Multimedia Interaktif Berbasis Halaman Web dan Media Interaktif

-
Prinsip-Prinsip Desain User Interface pada Multimedia Interaktif Desain interface dapat digunakan sebagai pendukung kegiatan dengan tujuan utama membua efek secara sederhana dan efektif. User interface desain identic dengan peralatan yang berhubungan langsung dengan computer yang terarah dan pengalaman dari end user yang bersangkutan. Contoh aplikasi yang digunakan adalah adobe flash.   Perkembangan User Interface Tujuan user interface diantaranya membuat tampilan lebih efisien, mampu menyesuaikan antar muka dengan tugas, memberikan arus balik yang tepat kepada end user serta memperbaiki produktifitas dan pengetahuan seseorang. Beberapa generasi user interface antara lain sebagai berikut: a.         System berkelompok Antarmuka system berkelompok dinyatakan sebagai generasi pertama user interface dengan tampilan yang masih sederhana. Semua perintah interface ini memerlukan perantara sebelum hasil keputusan dicetak. b.     ...
Baca selengkapnya

3.6 Memahami Style pada Multimedia Interaktif Berbasis Halaman Web dan Media Interaktif

-
Gambar
Style pada Multimedia Interaktif Teknologi informasi memegang peranan penting dalam berbagai bidang kehidupan manusia yang semakin berkembang dengan pesat. Informasi tersebut tidak terlepas dari perkembangan teknologi yang membuat segalanya lebih dinamis dan efisien. Salah satunya pada penggunaan bidang multimedia interaktif berupa gambar, teks, video, audio dan animasi dalam style CSS. Bidang-bidang yang dimaksud banyak digunakan dalam desain majalah, iklan televisi, presentasi, seminar, maupun membuat film animasi sebagai langkah alternatif dalam menyampaikan informasi agar lebih menarik. 1. Format Style pada Teks  Pada umumnya, untuk membuat multimedia interaktif dengan tampilan menarik beserta kemudahan dalam mengubah tampilan layar berkaitan erat dengan kinerja style CSS (Cascading Style Sheet). Cascading style sheet juga dapat diterapkan pada elemen-elemen HTML multimedia di antaranya gambar, video, dan audio. Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berb...
Baca selengkapnya

3.11 MEMAHAMI PUBLIKASI MULTIMEDIA INTERAKTIF

-
Gambar
 Kemajuan ilmu pengetahuan dan teknologi dari tahun ke tahun berkembang Iuar biasa pesat sekali. Fenomena tersebut mendorong timbulnya berbagai persaingan di berbagai bidang kehidupan, salah satu di antaranya di bidang multimedia interaktif. Sebagai software publikasi, multimedia interaktif dapat didistribusikan secara fleksibel menggunakan berbagai media simpan seperti flashdisk, SDcard, MMC Card, Bluetooth smartphone, email maupun websharing. Dalam hal pemilihan media distribusi, sebaiknya disesuaikan dengan ukuran file aplikasi, dan sebelum memutuskan untuk membuat sebuah aplikasi multimedia interaktif, terlebih dahulu menentukan cara distribusi dan kegunaannya. Jika ingin melakukan publikasi melalui email atau web share, tentu harus mempertimbangkan ukuran file aplikasi agar memudahkan pada saat mengunggah (upload) ke attachment dan tidak memberatkan klien saat akan mengunduh (download). Di samping itu, juga harus mempertimbangkan kecepatan internet rata-rata pengguna internet ...
Baca selengkapnya