MEMBUAT FLOWCHART DAN STORYBOARD

1. FLOWCHART
Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan
antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan
demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar
proses digambarkan dengan garis penghubung.
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. Flowchart disusun dengan simbol-simbol. Simbol ini dipakai
sebagai alat bantu menggambarkan proses di dalam program.
Untuk pengolahan data dengan komputer, simbol-simbol dapat dirangkum dari 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

Membuat Flowchart dan Storyboard | Oktavia Hardiyantari, M.Pd | UTY 2015

 Dari gambar flowchart di atas terlihat bahwa suatu flowchart harus terdapat proses
persiapan dan proses akhir. Dan yang menjadi topik dalam pembahasan ini adalah
tahap proses. Karena kegiatan ini banyak mengandung variasi sesuai dengan
kompleksitas masalah yang akan dipecahkan. Walaupun tidak ada kaidah-kaidah yang
baku dalam penyusunan flowchart, namun ada beberapa anjuran yaitu:
 Hindari pengulangan proses yang tidak perlu dan logika yang berbelit sehingga
jalannya proses menjadi singkat
 Penggambaran flowchart yang simetris dengan arah yang jelas.
 Sebuah flowchart diawali dari satu titik START dan diakhiri dengan END.
Contoh flowchart :

Mulai

Halaman
Judul

Tombol
Mulai

Menu

Tombol Tombol Profil Tombol Tombol Tombol

Petunjuk Pengembang Kompetensi Materi Evaluasi

Profil Soal
Petunjuk Kompetensi Evaluasi
Pengembang

Nilai

Materi 1 Materi 2 Materi 3 Materi 4 Materi 5 Materi 6 Materi 7

Jenis-jenis Jenis,
Jenis-jenis Jenis, Cara Cara
dan fungsi fungsi, dan
dan fungsi fungsi, dan Penyimpanan Memasang Mensetting
perangkat prinsip kerja
periferal prinsip kerja modern periferal periferal
identifikasi perangkat
standar perangkat pada PC pada PC
modern komunikasi

Video Video Video

Keluar
Tidak
Ya
Selesai

Membuat Flowchart dan Storyboard | Oktavia Hardiyantari, M.Pd | UTY 2015

2. STORYBOARD
Storyboard adalah sketsa gambar yang disusun berurutan sesuai dengan naskah,
dengan storyboard kita dapat menyampaikan ide cerita kita kepada orang lain dengan
lebih mudah, karena kita dapat menggiring khayalan seseorang mengikuti gambar-
gambar yang tersaji, sehingga menghasilkan persepsi yang sama pada ide cerita kita.
Salah satu tahapan penting dalam produksi film atau pembuatan media pemebelajaran
interaktif adalah membuat storyboard, setelah pengembang media dan pengarah
fotografi atau seorang sutradara membahas sebuah adegan mereka kemudian bertemu
dengan artis atau ahli media untuk menyusun storyboard dengan menterjemahkan nya
gagasan mereka dalam gambar. Storyboard dapat dikatakan juga visual script yang
akan dijadikan outline dari sebuah proyek, ditampilkan shot by shot yang biasa disebut
dengan istilah scene. Salah satu keuntungan menggunakan Storyboard adalah dapat
membuat pengguna untuk mengalami perubahan dalam alur cerita untuk memicu reaksi
atau ketertarikan yang lebih dalam. Kilas balik, secara cepat menjadi hasil dari
pengaturan Storyboard secara kronologis untuk membangun rasa penasaran dan
ketertarikan.
Contoh storyboard :
Scene Board/Desain Naskah
1
 Tampilan Scene 1 berisi judul
program yang dikembangkan
yaitu “multimedia pembelajaran
TKJ untuk SMK Kelas X
Semester 1”,
 Terdapat logo UTY, data
singkat pengembang (Nama
dan NIM), serta tombol mulai.
 Tombol mulai digunakan untuk
menuju ke halaman menu
utama (Scene 2).
 Pada halaman ini terdapat
suara latar
 Terdapat suara saat tombol
diklik

Membuat Flowchart dan Storyboard | Oktavia Hardiyantari, M.Pd | UTY 2015

2  Pada Scene 2 berisi
pendahuluan dari materi dan
tombol-tombol menu utama
 Tombol petunjuk untuk menuju
ke halaman petunjuk
penggunaan program
 Tombol profil untuk menuju ke
halaman profil pengembang
 Tombol kompetensi untuk
menuju ke halaman kompetensi
yang berisi SK, KD, dan
Indikator
 Tombol materi untuk menuju
ke halaman menu materi-
materi
 Tombol evaluasi untuk menuju
ke halaman evaluasi yang berisi
soal-soal pilihan ganda
 Tombol volume untuk
mengecilkan dan membesarkan
suara latar
 Tombol exit untuk keluar dari
program
 Terdapat Suara Latar
 Terdapat suara saat tombol-
tombol diklik

Membuat Flowchart dan Storyboard | Oktavia Hardiyantari, M.Pd | UTY 2015