87
c. Membuat Flowchart dan Storyboard
Hasil yang diperoleh pada tahap ini adalah pembuatan flowchart dan storyboard media pembelajaran interaktif materi flip-flop. Flowchart dibuat
menggunakan simbol-simbol dan anak panah yang digunakan menggambarkan komponen urutan media pembelajaran interaktif. Flowchart secara lengkap dapat
dilihat pada bagian lampiran. Storyboard berisi desain tampilan media pembelajaran interaktif beserta
dengan penjelasannya. Storyboad menggambarkan desain layout, desain grafis, dan desain navigasi. Desain layout terdiri dari halaman judul, halaman identitas,
halaman petunjuk, halaman, kompetensi, halaman materi, halaman latihan, halaman laporan, halaman glosarium, halaman dartar pustaka, halaman profil, dan
halaman konfirmasi keluar. Untuk backgroud menggunakan warna biru muda karena apabila digunakan dalam waktu yang lama tidak cepat menjadikan mata
lelah. Sedangkan desain navigasi yang pada media pembelajaran interakif menggunakan tombol label dan tombol gambar. Storyboad media pembelajaran
interaktif secara lengkap dapat dilihat pada bagian lampiran.
3. Pengembangan Development
a. Pembuatan Media Pembelajaran
Materi berupa teks yang sudah ditentukan pada tahap analisis konsep materi digabungkan dengan grafik yang telah dibuat pada tahap pengumpulan sumber
pendukung. Proses penggabungan bahan disesuikan dengan flowchart dan storyboard media pembelajaran interaktif materi flip-flop. Proses ini memanfaatkan
aplikasi Microsoft Power Point. Rancangan yang sudah lengkap selanjutnya diimplementasikan dengan mendesain tampilan pada aplikasi Adobe Flash CS6.
88
Kegiatan yang dilakukan dalam desain tampilan meliputi pembuatan background, memasukan teks materi, menambah gambar, tabel, dan animasi
integrasi dengan materi, memasukan musik, serta membuat navigasi pada stage Adobe Flash CS6. Berdasarkan flowchart dan storyboard, media pembelajaran
interaktif materi flip-flop terdiri dari halaman judul, halaman identitas, halaman utama, halaman petunjuk, halaman kompetensi, halaman materi, halaman latihan,
halaman laporan, halaman glosarium, halaman daftar pustaka, halaman profil, dan halaman konfirmasi keluar. Berikut merupakan hasil implementasi desain tampilan
media pembelajaran interaktif: 1
Tampilan Halaman Judul Halaman judul merupakan tampilan awal apabila media pembelajaran
interaktif dieksekusi. Halaman ini akan tampil secara full screen dengan backgroud berwarna hitam. Pertama kali akan muncul cahaya dari tengah halaman menuju
ke samping kanan dan kiri disertai suara pembuka. Selanjutnya logo UNY, judul media, dan identitas pengembang tampil hampir secara bersamaan. Pada bagian
kanan bawah terdapat tombol skip yang apabila diklik langsung menampilkan halaman identitas.
Gambar 29. Tampilan Halaman Judul Pada Saat Animasi Berjalan
Kategori