Pengertian Storyboard
Storyboard adalah suatu sketsa gambar yang disusun dengan urut berdasarkan naskah cerita, dengan storyboard maka pengarang cerita bisa menyampaikan ide cerit secara lebih mudah pada orang lain, karena dengan storyboard seorang pembuat cerita bisa membuat seseorang membayangkan suatu cerita dengan mengikuti gambar-gambar yang telah disajikan, sehingga bisa mendapatkan persepsi yang sama dengan ide cerita yang dibuat.
A. Flowchart
Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan poses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah flowchart selesai disusun, selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program dengan bahsa pemrograman.
Flowchart disusun dengan simbol-simbol. Simbol ini dipakai sebagai alat bantu menggambarkan proses di dalam program.
2. Kaidah-kaidah pembuatan Flowchart
Dalam pembuatan flowchart tidak ada rumus atau patokan yang bersifat mutlak. Karena flowchart merupakan gambaran hasil pemikiran dalam menganalisa suatu masalah dengan komputer. Sehingga flowchart yang dihasilkan dapat bervariasi antara satu pemrogram dengan pemrogram lainnya.
Namun secara garis besar, setiap pengolahan selalu terdiri dari tiga bagian utama, yaitu;
• Input berupa bahan mentah
• Proses pengolahan
• Output berupa bahan jadi.
Untuk pengolahan data dengan komputer, dapat dirangkum urutan dasar untuk pemecahan suatu masalah, yaitu;
- START: berisi instruksi untuk persiapan perlatan yang diperlukan sebelum menangani pemecahan masalah.
- READ: berisi instruksi untuk membaca data dari suatu peralatan input.
- PROCESS: berisi kegiatan yang berkaitan dengan pemecahan persoalan sesuai dengan data yang dibaca.
- WRITE: berisi instruksi untuk merekam hasil kegiatan ke perlatan output.
- END: mengakhiri kegiatan pengolahan
Sumber : http://tutorialxz.blogspot.com
B. Struktur Produk Multimedia
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. Dalam pembuatan aplikasi multimedia terdapat empat macam bentuk dasar struktur navigasi yang digunakan, yaitu : Struktur Navigasi Linear, Struktur Navigasi Non Linear, Struktur Navigasi Hierarchi, dan Struktur Navigasi Composite.
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.
Linear
Gambar Struktur Navigasi Linear
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.
Non Linear
Gambar Struktur Navigasi Linear
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.
Hirarki
Gambar Struktur Navigasi Hierarchi
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.
Gambar Struktur Navigasi Composite
Sumber : samiyantosolo.wordpress. com
c. Komponen komponen Storyboard
Sumber : http://ccgilangfr.blogspot.com
Contoh Template Storyboard :