BAB 4
IMPLEMENTASI SISTEM
4.1 Hasil Halaman Awal
Saat pertama kali dibuka, aplikasi ini akan menampilkan halaman awal. Pada halaman awal terdapat tombol MENU, jika user mengklik tombol tersebut maka user akan
masuk ke dalam menu pembelajaran yaitu INSECTA.
Gambar 4.1 Tampilan halaman awal
Universitas Sumatera Utara
Pada menu utama terdapat 4 tombol yang berisi 3 tombol yang berisi pembelajaran dan 1 tombol HOME.
Gambar 4.2 Tampilan halaman MENU
Gambar kupu-kupu dan kumbang merupakan tombol untuk menuju ke halaman jenis kupu-kupu atau jenis kumbang. Tombol teori jika diklik akan menuju
ke halaman teori yang berisi materi singkat mengenai insect. Sedangkan tombol yang bergambar rumah merupakan tombol home yang jika dilkik akan kembali ke halaman
awal.
Universitas Sumatera Utara
4.2 Menu Kupu-kupu
Gambar kupu-kupu pada halaman Menu berisikan jenis dari kupu-kupu berdasarkan penggolongan jenisnya. Jika tombol tersebut diklik akan masuk ke dalam halaman
jenis kupu-kupu.
Gambar 4.3 Tampilan halaman jenis kupu-kupu
4.2.1 Menu Lycaenidae
Pada halaman ini terdapat beberapa gambar kupu-kupu dari jenis Lycaenidae. Jika salah satu gambar ditunjuk dengan kursor maka akan muncul nama latin dari kupu-
kupu tersebut.
Universitas Sumatera Utara
Kemudian jika diklik pada gambar tersebut akan muncul suara yang berisikan tulisan atau nama latin dari gambar yang diklik.
Gambar 4.4 Tampilan halaman Lycaenidae
4.2.2 Menu Nymphalidae
Pada halaman ini terdapat beberapa gambar kupu-kupu dari jenis Nymphalidae. Jika salah satu gambar ditunjuk dengan kursor maka akan muncul nama latin dari kupu-
kupu tersebut.
Universitas Sumatera Utara
Kemudian jika diklik pada gambar tersebut akan muncul suara yang berisikan tulisan atau nama latin dari gambar yang diklik.
Gambar 4.5 Tampilan halaman Nymphalidae
4.2.3 Menu Papilionidae
Pada halaman ini terdapat beberapa gambar kupu-kupu dari jenis Papilionidae. Jika salah satu gambar ditunjuk dengan kursor maka akan muncul nama latin dari kupu-
kupu tersebut.
Universitas Sumatera Utara
Kemudian jika diklik pada gambar tersebut akan muncul suara yang berisikan tulisan atau nama latin dari gambar yang diklik.
Gambar 4.6 Tampilan halaman Papilionidae
4.2.4 Menu Pieridae
Pada halaman ini terdapat beberapa gambar kupu-kupu dari jenis Pieridae. Jika salah satu gambar ditunjuk dengan kursor maka akan muncul nama latin dari kupu-kupu
tersebut.
Universitas Sumatera Utara
Kemudian jika diklik pada gambar tersebut akan muncul suara yang berisikan tulisan atau nama latin dari gambar yang diklik.
Gambar 4.7 Tampilan halaman Pieridae
4.2.5 Menu Riodinidae
Pada halaman ini terdapat beberapa gambar kupu-kupu dari jenis Riodinidae. Jika salah satu gambar ditunjuk dengan kursor maka akan muncul nama latin dari kupu-
kupu tersebut.
Universitas Sumatera Utara
Kemudian jika diklik pada gambar tersebut akan muncul suara yang berisikan tulisan atau nama latin dari gambar yang diklik.
Gambar 4.8 Tampilan halaman Riodinidae
4.3 Menu Kumbang