74 2
Halaman KI KD
Gambar 16. Flowchart Halaman KI KD
1 Tampilan
Halaman KIKD
Pilih Kompetensi
Inti Pilih
Kompetensi Dasar
Pilih Tujaun Pembelajaran
Tampilan Halaman Kompetensi Inti
Tampilan Halaman Kompetensi Dasar
Tampilan Halaman Tujuan Pembelajaran
Pilih HOME
Kembali Tampilan Menu
UtamaHome T
T T
Y
T Y
Y Y
75 3
Halaman Materi
Gambar 17. Flowchart Halaman Materi
2 Tampilan
Halaman Materi
Pilih Materi 1
Pilih Materi 2
Pilih Materi3
Tampilan Halaman Materi 1
Tampilan Halaman Materi 2
Tampilan Halaman Materi 3
Pilih HOME
Kembali Tampilan Menu
UtamaHome T
T T
Y
T Y
Y Y
76 4
Halaman Evaluasi
Gambar 18. Flowchart Halaman Evaluasi
3 Tampilan
Halaman Evaluasi
Pilih Soal Evaluasi
Pilihan Ganda
Tampilan Halaman Pilihan Ganda
Pilih Soal
Menjodohkan
Tampilan Halaman Soal Menjodohkan
Pilih HOME
Kembali Tampilan Menu
UtamaHome T
T
T Y
Y Y
77 5
Halaman Profil
Gambar 19. Flowchart Halaman Evaluasi
3. Hasil Tahap Pengembangan Implementasi Development
Implementation
Pada tahap pengembangan dan implementasi, media pembelajaran interaktif dikembangkan dengan mengimplementasikan desain kerangka
produk yang telah dirancang sebelumnya. Setelah produk awal selesai diproduksi, maka produk selanjutnya divalidasi oleh ahli. Berikut ini tahapan
pengembangan dan implementasi yang dilakukan. 4
Tampilan Halaman
Profil
Pilih Profil Pengembang
Tampilan Halaman Pengembang
Pilih Profil Dosen
Pembimbing
Tampilan Halaman Dosen Pembimbing
Pilih HOME
Kembali Tampilan Menu
UtamaHome T
T
T Y
Y Y
78
a. Hasil Pengembangan Produk dan Implementasi Desain
Penelitian pada tahap ini dilakukan penyusunan elemen media, coding
dan testing. Proses pembuatan dan penyusunan elemen media dengan
menggunakan perangkat lunak Adobe Flash CS6 dan perangkat lunak
pendukung lain seperti Adobe Photoshop dan Camtasia Editor Video. Pada
langkah penyusunan elemen media, flowchart yang telah dibuat kemudian
dikembangkan menjadi storyboard. Storyboard memuat penjelasan lebih
lengkap dari setiap alur yang terdapat pada flowchart dari awal sampai akhir
program. Beberapa contoh Storyboard halaman media pembelajaran
interaktif yaitu halaman pembuka, halaman menu utamahome, halaman menu KI KD, halaman menu materi, halaman menu profil dan halaman
menu evaluasi.
79 Gambar 20. Storyboard Media Pembelajaran
Selanjutnya hasil dari tahapan ini adalah visual hasil pengembangan dan implementasi dari storyboard yang telah dirancang dan kemudian
diimplementasikan pemrogramannya. 1
Halaman Pembuka Halaman pembuka menampilkan judul media pembelajaran interaktif.
Visual hasil pengembangan dan implementasi halaman pembuka dapat dilihat pada gambar berikut:
Gambar 21. Visual Halaman Pembuka Media Pembelajaran
