DESAIN MEDIA

INTERAKTIF
FLOWCHART

Flowchart adalah representasi visual dari urutan langkah dan

hubungan antar proses beserta instruksinya. Flowchart menggunakan
bentuk khusus untuk mewakili berbagai jenis tindakan atau langkah-
langkah dalam suatu proses. Berikut ini daftar simbol flowchart, yaitu :
Simbol Nama Fungsi
Flow Arah aliran program
Awal atau akhir program
Terminator

Proses/pengolahan data
Process

Proses inisialisasi/pemberian nilai

Preparation
awal
Permulaan sub program/proses
Predefined Process
menjalankan sub program
Proses input/output data,
Input/Output data
parameter, informasi
Perbandingan pernyataan,
Decision penyeleksian data yang memberikan
pilihan untuk langkah selanjutnya
Penghubung bagian-bagian flowchart
On Page Connector yang berada pada satu halaman

Penghubung bagian-bagian flowchart

Off Page Connector yang berada pada halaman berbeda

Mencetak keluaran dalam bentuk

Document dokumen
 Simbol-simbol dapat dirangkum dari urutan dasar untuk pemecahan masalah,
yaitu :
1. START : Berisi instruksi untuk persiapan peralatan yang diperlukan sebelum
menangani pemecahan masalah.
2. READ : berisi instruksi untuk membaca data dari suatu peralatan input.
3. PROCESS : berisi kegiatan yang berkaitan dengan pemecahan persoalan sesuai
dengan data yang dibaca.
4. WRITE : berisi instruksi untuk merekam hasil kegiatan ke peralatan output.
5. END : mengakhiri kegiatan pengolahan.
Struktur Navigasi

Struktur navigasi adalah sebuah urutan alur informasi dari suatu aplikasi
multimedia. Dalam pembuatan aplikasi multimedia terdapat 4 macam bentuk
dasar struktur navigasi, yaitu struktur navigasi linear, struktur navigasi non
linear, struktur navigasi hierarchi, dan struktur navigasi composite.
a. Struktur navigasi linear : struktur yang memiliki satu rangkaian alur
cerita berurut.
b. Struktur navigasi hierarchi : struktur yang menggunakan percabangan
untuk menampilkan informasi berdasarkan kriteria tertentu.
c. Struktur navigasi non linear : struktur yang memiliki alur cerita tidak
berurut.
d. Struktur navigasi composite : struktur campuran dari ketiga struktur
sebelumnya.
Storyboard

Storyboard adalah serangkaian sketsa dibuat berbentuk persegi

panjang yang menggambarkan suatu urutan (alur cerita) elemen-elemen
yang diusulkan untuk aplikasi multimedia.
Manfaat storyboard, yaitu :
1. Memberikan ringkasan / garis besar dari sistem.
2. Memperlihatkan fungsionalitas dari elemen-elemen storyboard.
3. Memperlihatkan skema navigasi.
4. Dapat mengecek apakah presentasi sudah akurat dan lengkap.
5. Dapat dievaluasi oleh user.
Mockup dan Wireframe

Mockup merupakan gambaran desain halaman website secara full dan

detail. Sedangkan wireframe merupakan sebuah kerangka dasar dari
halaman web yang akan dibangun. Wireframe digunakan untuk
penempatan elemen-elemen penting dari halaman web tersebut pada
posisinya masing-masing yang ada dalam halaman web.
Perbedaannya adalah mockup termasuk kedalam high fidelity,
sedangkan wireframe termasuk kedalam low fidelity.