Storyboard Flowchart Perancangan Sistem

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 Tabel 2.1 Simbol-simbol flowchart Suyanto, 2003 Nama Simbol Fungsi Terminator Permulaan atau akhir program Flow line Arah atau arus aliran programdata Preparation Proses inisialisasi atau pemberian harga awal dan pemasukan data melalui keyboard Proses Proses pengolahan data InputOutput data Proses input atau output data, parameter, informasi Decision Perbandingan pernyataan, penyeleksian data untuk langkah selanjutnya Merge Proses dalam penggabungan data Extract Proses dalam pemecahan data Document Input berasal dari dokumen dalam bentuk kertas atau output dicetak dikertas Display Simbol visual display unit atau cathode ray tube sebagai input atau output

2.4.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 satu node yang menjadi halaman utama dan dibuat beberapa cabang dari tiap halaman level 1 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 digunakan untuk dapat mengakses semua topik dengan cepat, namun memiliki kelemahan seperti user akan kehilangan cara untuk kembali ke topik sebelumnya. Dalam hal ini penulis menggunakan model struktur navigasi hierarchical model dalam pembuatan aplikasi ini.

2.4.4. State Transition Diagram

State transition diagram STD menunjukkan bagaimana sistem bertingkah laku sebagai akibat dari kejadian eksternal. Untuk melakukannya, STD menunjukkan berbagai model tingkah laku disebut state sistem dan cara di mana transisi dibuat dari state satu ke state lainnya. STD berfungsi sebagai dasar bagi pemodelan tingkah laku. Pressman, 2002 : p354