BAB 4
IMPLEMENTASI
4.1 Implementasi 4.1.1 Tampilan Menu Utama
Tampilan menu utama Aplikasi Pembelajaran Berbantuan Komputer untuk pelajaran Biologi Anatomi dan fungsi mata dapat dilihat pada Gambar 4.1.
Gambar 4.1 Tampilan Menu Utama
Universitas Sumatera Utara
4.1.2 Tampilan Menu Profil
Tampilan menu profil dapat dilakukan dengan menekan tombol profil yang ada pada menu utama. Pada menu profil ini terdapat tombol home untuk kembali ke tampilan menu utama.
Tampilan menu profil dapat dilihat pada Gambar 4.2.
Gambar 4.2 Tampilan Menu Profil
4.1.3 Tampilan Menu Materi
Tampilan menu materi tinggal dijalankan dengan menekan tombol materi yang ada pada tampilan menu utama. Pada bagian ini terdiri dari lima tombol untuk ke bagian-bagian menu
materi. Apabila kursor diletakkan ke arah tombol bagian-bagian menu maka akan muncul tulisan tentang materi yang akan disampaikan dari bagian-bagian menu. Berikut tampilan
menu materi ketika kursor diletakkan pada tombol submenu anatomi dapat dilihat pada Gambar 4.3.
Universitas Sumatera Utara
Gambar 4.3 Tampilan Menu Materi
Tampilan untuk menu materi terdiri dari lima bagian-bagian menu, yaitu Anatomi, Kerusakan Mata, Lapisan Retina, Sirkulasi Retina dan Tes mata. Pada kiri bawah tampilan
juga terdapat tombol home yang berfungsi untuk kembali ke tampilan menu utama. Untuk contoh, apabila di tekan bagian-bagian menu Anatomi, maka akan tampil
tampilan seperti yang terlihat pada Gambar 4.4.
Gambar 4.4 Tampilan Menu Materi Anatomi
Begitu juga halnya dengan submenu materi kerusakan mata. Apabila ditekan tombol bagian-bagian menu tersebut maka akan tampil materi tentang kerusakan mata. Pada materi
Universitas Sumatera Utara
ini terdapat tombol next dan prev yang berfungsi untuk melihat halaman sebelum dan sesudahnya. Berikut tampilan submenu materi kerusakan mata seperti yang terlihat pada
Gambar 4.5.
Gambar 4.5 Tampilan Menu Materi Kerusakan Mata
Untuk melihat materi lapisan retina dan sirkulasi retina sama halnya dengan cara sebelumnya, yaitu tekan tombol bagian-bagian menu lapisan retina dan sirkulasi retina, maka
akan tampil materi tentang lapisan retina dan sirkulasi retina. Pada bagian-bagian menu ini juga sama halnya dengan bagian-bagian menu lainnya. Berikut tampilan materi seperti
terlihat pada Gambar 4.6 - 4.8. Akan tetapi untuk materi tes mata, user diminta untuk mengisi lingkaran buta warna tersebut, agar pendesain mengetahui seberapa baik user dapat melihat
warna-warna tersebut.
Universitas Sumatera Utara
Gambar 4.6 Tampilan Menu Materi Lapisan Retina
Gambar 4.7 Tampilan Menu Materi Sirkulasi Retina
Universitas Sumatera Utara
Gambar 4.8 Tampilan Menu Materi Tes mata
4.1.4 Tampilan Menu Contoh Soal
Tampilan menu contoh soal pada aplikasi ini, dapat dijalankan dengan menekan tombol contoh soal pada tampilan menu utama. Pada tampilan contoh soal terdapat lima tombol yang
berfungsi untuk memilih contoh soal dan menghasilkan jawabannya langsung dengan menekan tombol jawaban. Tampilan menu contoh soal dapat dilihat pada Gambar 4.9
Gambar 4.9 Tampilan Menu Contoh Soal 4.1.5 Tampilan Menu Latihan
Universitas Sumatera Utara
Tampilan menu latihan dapat dilakukan dengan cara menekan tombol latihan yang ada pada tampilan menu utama. Ketika tombol latihan ditekan, maka akan muncul tampilan untuk
masukkan nama sebelum memulai latihan., untuk contoh apabila di tulis nama ara, tampilannya dapat dilihat pada Gambar 4.10
Gambar 4.10 Tampilan Input Nama untuk Memulai Latihan
Setelah nama ditulis, selanjutnya di halaman latihan ada 2 tombol yang dapat dipilih yakni : ”ya” atau ”tidak”. Tombol ”ya” berfungsi untuk masuk ke soal, tombol ”tidak”
berfungsi keluar dan menuju ke menu utama. Seperti Gambar 4.11
Universitas Sumatera Utara
Gambar 4.11 Tampilan Soal Latihan
Pada bagian latihan akan didapat pilihan jawaban yang terdiri dari 4, jawaban tersebut dapat bernilai Benar atau Salah, apabila jawaban benar, maka akan ditambahkan satu, dan
akan muncul soal berikunya. Apabila tidak benar, maka dapat dilewatkan. Tampilannya seperti pada Gambar 4.12
Gambar 4.12 Tampilan Hasil Latihan
Universitas Sumatera Utara
4.2 ActionScript