Storyboard Flowchart Desain Struktur Navigasi

2.2.2.5. Video

Menurut Agnew dan Kellerman 1996 definisi video adalah sebagai media digital yang menunjukkan susunan atau urutan gambar-gambar dan memberikan ilusi, gambaran serta fantasi kepada gambar yang bergerak. Video menyediakan satu kaedah penyaluran informasi yang amat menarik dan live. Video merupakan sumber atau media yang paling dinamik serta efektif dalam menyampaikan suatu informasi.

2.2.2.6. Interactive Link

Interactive link merupakan sebagian dari multimedia yang diperlukan untuk menggabungkan beberapa elemen objek multimedia, sehingga menjadi informasi yang terpadu, dimana pengguna dapat menekan mouse atau objek pada layer seperti tombol atau teks dan menyebabkan program melakukan perintah tertentu. Sutopo, 2003 Dalam hal ini penulis menggunakan elemen multimedia teks, gambar, animasi, audio dan interactive link.

2.3. Perancangan Sistem

2.3.1. Storyboard

Storyboard menurut Luther 1994, dalam Sutopo, 2003 merupakan deskripsi dari setiap scene yang secara jelas menggambarkan objek multimedia serta perilakunya yang penjelasannya dapat menggunakan symbol maupun teks. Storyboard merupakan serangkaian sketsa dibuat persegi panjang yang menggambarkan suatu urutan alur cerita elemen- elemen yang diusulkan untuk aplikasi multimedia Suyanto, 2003. Storyboard memiliki manfaat antara lain: 1. Merupakan visual test bagi pengembang atau pemilik multimedia. 2. Pedoman dari aliran pekerjaan bagi staf pembuat multimedia. 3. Gambaran suatu multimedia yang akan diproduksi bagi sponsor. Nugroho, 2005

2.3.2. Flowchart

Sistem flowchart menggambarkan tahapan proses dari suatu sistem, termasuk sistem multimedia. Sedangkan program flowchart menggambarkan urutan-urutan instruksi dari suatu program komputer. Suyanto, 2003 Flowchart view digunakan untuk melengkapi storyboard untuk multimedia non-linier interaktif dan multimedia yang menggunakan banyak percabangan. Flowchart disebut juga diagram tampilan yang digunakan pada multimedia interaktif untuk menggambarkan alur dari suatu scene tampilan ke scene lainnya. Sutopo, 2003. Simbol-simbol dalam flowchart di antaranya : Tabel 2.1. Simbol-simbol flowchart No. Simbol Fungsi 1. Menggambarkan proses atau proses perhitungan 2. Sambungan pada halaman yang sama 3 Sambungan pada halaman yang berbeda 4 Arah data arus data 5 Mulai start atau selesai stop 6 Proses input atau output 7 Keputusan Decision

2.3.3. Desain Struktur Navigasi

Struktur navigasi merupakan rancangan alur program. Dalam pengembangan aplikasi berbasis multimedia maupun pengembangan web menurut Lowery 2001, dalam Sutopo, 2003: 37, terdapat beberapa model navigasi dasar, di mana desainer harus mengenal dengan baik karena setiap model memberikan solusi untuk kebutuhan yang berbeda. Secara umum terdapat 4 jenis model struktur navigasi dalam pengembangan aplikasi berbasis multimedia, yaitu : 1. Linear navigation model Merupakan model yang digunakan oleh sebagian besar multimedia linier. Informasi diberikan secara sekuensial dimulai dari satu halaman. Linear navigation model banyak digunakan dan berhasil dengan baik pada beberapa macam aplikasi seperti: a. Presentasi. b. Aplikasi computer based-training. c. Aplikasi yang memerlukan informasi berurutan. 2. Hierarchical model Model ini diadaptasi dari top-down design yang memiliki konsep dimulai dari dari satu node yang menjadi halaman utama dan dibuat beberapa cabang ke halaman- halaman level 1, dari tiap halaman level 1 dikembangkan menjadi beberapa cabang lagi. 3. Spoke-and-hub model Model hub dinyatakan dengan halaman utama yang mempunyai hubungan dengan setiap node, setiap node dapat berhubungan kembali ke halaman utama dan memiliki struktur hyperlink yang fleksibel. 4. Full web model Model ini memberikan kemampuan hyperlink yang banyak yang digunakan untuk dapat mengakses semua topi k dengan cepat, namun memiliki kelemahan seperti user akan kehilangan cara untuk kembali ke topik sebelumnya. Dalam hal ini penulis menggunakan struktur navigasi Hierarchical model untuk pembuatan aplikasi.

2.3.4. State Transition Diagram