IMPLEMENTASI DAN PENGUJIAN APLIKASI
4.2 Tampilan Aplikasi
Tampilan Aplikasi ini menampilkan hasil rancangan aplikasi pada pembahasan sebelumnya, dalam hal ini penulis mengimplementasikan menggunakan Macromedia Flash 8. Tampilan aplikasi pemencaran tumbuhan berbantuan komputer sebagai berikut.
4.2.1 Tampilan Halaman Utama
Tampilan halaman utama pada aplikasi pemencaran tumbuhan berbantuan komputer tampilan yang pertama kali dilihat oleh pengguna ketiak membuka aplikasi pembelajaran pemencaran tumbuhan berbantuan komputer. Ketika aplikasi dibuka maka akan terlihat tampilan utama aplikasi seperti pada Gambar 4.1.
Gambar 4.1 Tampilan Menu Utama
Pada tampilan halaman utama pengguna akan melihat menu aplikasi yang terdiri dari beranda, kompetensi, materi, tes dan keluar. Jika kursor diarahkan ke tombol menu maka akan tombol akan membesar. Tombol-tombol ini akan mengarahkan pengguna menuju ke menu yang diinginkan oleh pengguna jika tombol menu tersebut di tekan.
4.2.2 Tampilan Menu Beranda
Tampilan menu beranda menampilkan pengantar awal aplikasi, di mana pengguna akan melihat tampilan video mengenai pemencaran tumbuhan dan jenis-jenis pemencaran tumbuhan. Tampilan beranda pada aplikasi ini dapat dilihat pada Gambar 4.2.
Gambar 4.2 Tampilan Menu Beranda
4.2.3 Tampilan Menu Kompetensi
Tampilan kompetensi menampilkan standar kompetensi, kompetensi dasar dan tujuan pembelajaran materi yang akan disampaikan dalam hal ini pembelajaran pemencaran tumbuhan. Tampilan ini berbentuk video pada kotak tampilan aplikasi. Tampilan video dilengkapi alat pengontrol yang akan muncul jika kursor diarahkan pada bagian bawah tampilan video. Alat pengontrol tersebut adalah play, pause, backbutton, nextbutton dan pengontrol suara. Tampilan kompetensi ditunjukkan pada Gambar 4.3.
Gambar 4.3 Tampilan Menu Kompetensi
4.2.4 Tampilan Menu Materi
Untuk memulai dan melihat materi pengguna harus menekan tombol materi pada halaman utama. Setelah tombol materi ditekan maka akan muncul isi materi pemencaran tumbuhan. Penyampaian materi di desain dengan penyempaian materi beruoa teks dan gambar agar siswa dapat memahami materi dengan membaca dan melihat contoh-contoh dari materi yang disampaikan. Isi dari materi pada aplikasi pemencaran tumbuhan dapat dilihat pada Gambar 4.4.
Pada menu materi, pengguna akan menemukan tombol navigasi berbentuk tulisan yang merupakan submenu dari materi. Tombol tersebut akan berubah warna dan berubah bentuk jika kursor diarahkan ke tombol tersebut. Selain tombol navigasi submenu pada menu materi juga terdapat tombol navigasi yaitu anak panah ke kiri dan anak panah ke kanan. Tombol anak panah ke kiri merupakan tombol untuk kembali ke menu sebelumnya jika sudah memulai materi. Sedangkan tombol anak panah ke kanan merupakan tombol menuju ke halaman materi selanjutnya. Tampilan materi yang akan muncul ketika tombol materi ditekan dapat dilihat pada Gambar 4.4.
Gambar 4.4 Tampilan Menu Materi
Pada menu materi terdapat dua submenu materi sebagai contoh jika pengguna menekan tombol navigasi (1) Pemencaran Tumbuhan Tanpa bantuan Faktor Luar tersebut maka akan muncul submateri seperti pada Gambar 4.5. Halaman tersebut menampilkan materi pemencaran tumbuhan tanpa bantuan faktor luar dengan submateri 1. Stolon (geragih) disertai penjelasan dan contoh. Untuk melanjutkan ke materi berikutnya pengguna dapat menekan tombol anak panah arah ke kanan.
Gambar 4.5 Tampilan Submateri Pemencaran Tumbuhan Tanpa Bantuan Faktor Luar
Submateri yang kedua adalah Pemencaran Tumbuhan Dengan Bantuan Faktor Luar, jika tombol tersebut di tekan maka akan muncul submateri seperti pada Gambar 4.6.
Gambar 4.6 Tampilan Submateri Pemencaran Tumbuhan Dengan Bantuan Faktor Luar
Pada halaman ini pengguna dapat melanjutkan materi ke materi selanjutnya dengan menekan tombol selanjutnya dan kembali ke materi sebelumnya dengan menekan tombol anak panah ke kiri.
4.2.5 Tampilan Menu Simulasi
Simulasi dalam aplikasi ini merupakan penyampaian materi ditampilkan dalam bentuk video untuk memudahkan siswa dalam menerima materi dan membantu guru dalam penyampaiakan pada saat proses belajar mengajar. Gambar 4.7 menujukkan tampilan menu simulasi, menu ini akan muncul jika pengguna menekan tombol simulasi pada menu utama. Submenu video materi akan berubah warna jika kursor diarahkan ke tulisan tersebut.
Gambar 4.7 Tampilan Menu Simulasi
Pada tampilan simulai terdapat dua navigasi berupa tombol untuk melihat video simulasi. Video yang pertama yaitu Pemencaran Tumbuhan Tanpa Bantuan Faktor Luar. Jika tombol ini diteklan maka video akan muncul dan langsung memulai penyampaian materi. Tampilan video Pemencaran Tumbuhan Tanpa Bantuan Faktor Luar dapat dilihat pada Gambar 4.8.
Gambar 4.8 Tampilan Simulasi Video Pemencaran Tumbuhan Tanpa Bantuan Faktor Luar
Jika pengguna ingin berhenti sementara, pengguna dapat menekan tombol navigari pause di bagian bawah tampilan video dan menekan tombol play jika ingin melanjutkan materi. Selain dapat mengontrol jalannya materi pengguna juga dapat mengontrol suara video dengan menggeser volume pada bagian sudut kanan bawah tampilan video.
Gambar 4.9 Tampilan Simulasi Video Pemencaran Tumbuhan Dengan Bantuan Faktor Luar
Setelah selesai memutar video simulasi pengguna dapat kembali ke menu simulasi dengan menekan tombol kembali untuk menuju ke menu sebelumnya yang terdapat pada bagian bawah layar tampilan video atau dapat menekan tombol simulai pada menu utama untuk kembali ke menu utama simulasi.
4.2.6 Tampilan Tes
Tes dilakukan untuk mengetahui seberapa jauh penggguna memahami terhadap materi yang disampaikan dalam aplikasi ini. Setelah mengetikkan nama dan menekan tombol tes, pengguna akan mulai mengerjakan soal tes. Gambar tes ditunjukkan pada Gambar 4.10.
Gambar 4.10 Tampilan Tes
4.2.7 Tampilan Keluar
Untuk mengakhiri aplikasi pengguna dapat menekan tombol keluar pada menu utama. Sebelum pengguna mengakhiri dan menutup apliakasi akan muncul konfirmasi kepada pengguna untuk memastikan apakah pengguna akan benar-benar keluar dan menutup, jika benar maka aplikasi akan tertutup. Tampilan menu keluar dapat dilihat pada Gambar 4.11.
