Materi II /MDI/Aris Susanto,S.

Kom 2020
BAB II
Desain Perancangan Alur Untuk Multimedia Interaktif Berbasis Halaman Web dan Media
Interaktif

A. Flowchart Multimedia Interktif

Flowchart adalah suatu bagan dengan symbol-simbol tertentu yang menggambarkan urutan proses
secara mendetail dan hubungan antara suatu proses (intruksi) dengan proses lainnya dalam suatu
program.
Untuk multimedia interaktif flowchart menggambarkan secara langsung alur dari proyek yang sedang
dibuat.
Berikut ini adalah beberapa simbol yang digunakan dalam menggambar suatu flowchart :

tabel simbol flowchart ( ada di materi berikutnya)

Penerapan flowchart untuk program tutorial adalah:

Dari grambar diatas akan sangat membantu kita dalam menentukan navigasi dari proyek multimedia
interaktif yang kita buat.
Site map sangat berguna bagi proyek multimedia interaktif karena berupa daftar isi dan menjelaskan
apa yang akan terjadi ketika pengguna berinteraksi. Struktur navigasi adalah urutan alur informasi dari
suatu aplikasi multimedia. Dengan menggunakan struktur navigasi yang tepat maka suatu aplikasi
multimedia mempunyai suatu pedoman dan arah informasi yang jelas. Struktur navigasi proyek
multimedia antara lain:
1. Struktur Navigasi Linear
Merupakan struktur yang hanya mempunyai satu rangkaian cerita berurut. Tampilan yang dapat
ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya
tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya. Biasanya struktur ini digunakan
Multimedia Presentasi karena tidak menuntut keinteraksian tetapi hanya memerlukan keindahan dan
kemudahan menampilkan data sebagai informasi.

2. Struktur Navigasi Non Linear

Struktur navigasi non linear ( tidak berurut ) merupakan pengembangan dari struktur navigasi linear.
Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur
linear ini berbeda dengan percabangan pada struktur hierarki, karena pada percabangan non linear ini
walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada
master page dan slave page.

1
 Materi II /MDI/Aris Susanto,S.Kom 2020
3. Struktur Navigasi Hierarchi
Struktur navigasi hierarchi ( bercabang ) merupakan suatu struktur yang mengandalkan percabangan
untuk menampilkan informasi yang berdasarkan criteria tertentu. Informasi pada halaman utama
disebut parent dan informasi pada cabangnya disebut child.

4. Struktur Navigasi Composite

Struktur Navigasi Composite ( campuran ) merupakan struktur gabungan dari ketiga struktur
sebelumnya. Struktur ini disebut juga struktur navigasi bebas. Kelebihan dengan menggunakan struktur
navigasi ini adalah suatu aplikasi mampu memberikan keterkaitan informasinya lebih baik.

B. Storyboard Multimedia Interaktif

Storyboard adalah suatu sketsa gambar yang disusun secara berurutan sesuai naskah cerita. Dengan
storyboard maka pembuat cerita dapat menyampaikan ide cerita secara lebih mudah kepada orang lain,
karena dengan storyboard maka pembuat cerita dapat membuat seseorang membayangkan suatu cerita
mengikuti gambar-gambar yang sudah tersaji, sehingga dapat menghasilkan persepsi yang sama dengan
ide cerita yang di buat. Storyboard juga dapat di artikan sebagai naskah yang di sajikan dalam bentuk
sketsa gambar yang berurutan, berguna untuk memudahkan pembuatan alur cerita maupun
pengambilan gambar.
Fungsi umum dari storyboard yaitu sebagai suatu konsep dan ungkapan yang kreatif dalam
menyampaikan ide atau gagasan. Pada storyboard juga seseorang dapat menambahkan arahan-arahan
seperti arahan audio, letak, atau arahan informasi lainnya. Beberapa fungsinya lainnya seperti:
1. Dalam pembuatan suatu film misalnya story board berguna untuk Menggambarkan alur cerita
berdasarkan garis besarnya saja dari bagian awal, tengah, dan akhir.
2. Lalu berguna untuk membuat perencanaan pada film.
3. Secara keseluruhan dapat memudahkan dalam membuat dan memahami alur film. Saat ini
storyboard juga berguna dalam pembuatan suatu game, misalnya membuat sketsa alur game tersebut
dari awal hingga selesai/tamat.
Fungsi Storyboard multimedia interaktif adalah:
1. Untuk memperjelas flowchart
2. Sebagai pedoman/acuan bagi animator, programmer, narrator dan tim lain
3. Merupakan dokumen tertulis
4. Bahan pembuatan manual book / petunjuk penggunaan.

2
 Materi II /MDI/Aris Susanto,S.Kom 2020

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 bias diwakili dengan bentuk visual
4. Bahasa lisan yang digunakan terutama yang dibaca oleh narrator
5. Gunakan struktur kalimat yang sederhana
6. Gunakan symbol yang sederhana dan mudah dipahami ol;eh semua orang
7. Gunakan gambar dalam bentuk yang menarik serta komposisi yang tepat dan mudah dipahami.
C. Format Storyboard dan Komponen
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 penggunaan, jika ada
- Dan hal-hal yang perlu diketahui oleh staf produksi