Analisis Materi dan Konsep

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 89 Pada saat animasi telah selesai maka label tombol skip akan berubah menjadi “Start” dengan fungsi yang masih sama yaitu apabila diklik akan menampilkan halaman identitas. Berikut tampilan halaman judul setelah animasi selesai berjalan. Gambar 30. Tampilan Halaman Judul Setelah Animasi Selesai Action Script yang digunakan pada halaman judul adalah sebagai berikut: Action script “stop” digunakan untuk menghentikan jalannya animasi media pembelajaran pada halaman tersebut. Sedangkan “fscommandfullscreen, true” berfungsi menampilkan media secara full screen sesuai dengan resolusi komputer yang digunakan. Untuk action script pada tombol skip-start meliputi: stop ; fscommand fullscreen , true ; on release { gotoAndPlay akhir ; z1.stop;} this._parent.gotoAndPlay awal ;