Anggota Kelompok :

Tugas Dmi
1. Joara Valentino Hadi
2. Ahmad Ubaidilah
3. Abyan Naufal Yunianto
 BAB II : 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 flowcart 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 :

Pada halaman web, site map

umumnya merupakan daftar isi
dengan tingkatan yang sederhana
dan masing-masing heading
terhubung ke sebuah halaman web
utama.
Struktur navigasi proyek
multimedia antara lain :
1. Linier
Navigasi yang dilakukan secara
berurutan, 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

Peta navigasi umumnya menggunakan struktur non linier, dalam

navigasinya pengguna diberi kebebasan untuk melompat dari satu
halaman ke halaman yang lain, dari satu menu ke menu yang lain.Hal ini
tidak masalah tetapi penting juga jika pengguna diberikan petunjuk yang
konsisten berkenaan dengan kepentingan, tekanan dan arahan terhadap
produk multimedia.
B. Storyboard Multimedia Interaktif
Storyboard merupakan
gambaran grafis/visual dari proyek
yang akan kita buat yang
didalamnya mencakup teks, audio,
grafik,animasi, video, dan aspek
interaktif.
Fungsi Storyboard multimedia
inetraktif adalah
• Untuk memperjelas flowcart
• Sebagai pedoman/acuan bagi
animator, programmer,
narator dan tim yang lain
• Merupakan dokumen tertulis
• Bahan pembuatan Manual
Book/petunjuk penggunaan
Ketentuan-ketentuan umum storyboard
multimedia interaktif adalah
• Gambar yang disiapkan disertai dengan
penjelasan dan narasi
• Pembuatan storyboard diawali dengan
gambar visual
• Narasi digunakan untuk melengkapi hal sulit
yang tidak bisa diwakili dengan bentuk
visual.
• Bahasa lisan yang digunakan terutama yang
dibaca oleh narator
• Gunakan struktur kalimat yang sederhana
• Gunakan simbol yang sederhana dan mudah
dipahami oleh semua orang
• Gunakan gambar dalam bentuk yang
menarik serta komposisi yang tepat dan
mudah dipahami
Storyboard TAMPILAN MENU UTAMA
Berisi TOMBOL DI MENU BAR
1. HOME
2. TUJUAN
3. MATERI
4. VIDEO
5. EVALUASI
6. PROFIL

DENGAN TOMBOL NAVIGASI PENDUKUNG

Berisi
1. TOMBOL EXIT
2. TOMBOL PETUNJUK

TAMPILAN MENU MATERI

DENGAN SUB MENU
1. KONSEP DASAR
2. SEGITIGA EXPOSURE
3. ISO
4. SPEED
5. DIAFRAGMA
6 MENGOPERASIKAN

Hasil setelah render

C. Format Storyboard dan Komponen
Format Storyboard Multimedia interaktif antara lain kartu double
coloum dan landscape
Format Storyboard jenis kartu

No. Frame/slide
Visual Catatan

Audio

Berisi gambar berbentuk

foto atau grafis
Format Storyboard Jenis Double Column

Format Storyboard Jenis

Lanscape-1
Format Storyboard Jenis Lanscape-2
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.
• Dan hal-hal yang perlu diketahui
oleh staf produksi.
 Selesai
Thankyou For Watching