3.4 Perancangan Tampilan
Tampilan Aplikasi PBK Sistem Reproduksi Manusia Untuk Pelajaran Tingkat SMA
dirancang sedemikian rupa dengan sederhana dan memberikan kemudahan pengguna dalam menggunakan model pengaran ini. Model pengajaran berbantuan komputer untuk sistem
reproduksi manusia ini mempunyai tampilan utama yang terdiri dari lima menu utama yaitu home, kompetensi, materi, latihan dan exit. Berikut ini rancangan tampilan utama Aplikasi PBK
Sistem Reproduksi Manusia Untuk Pelajaran Tingkat SMA dapat dilihat pada gambar 3.7 :
Gambar 3.6 Rancangan Tampilan Menu Utama
Gambar 3.7 Rancangan Tampilan Menu Utama
Keterangan: 1.
Judul Aplikasi 2.
Home 3.
Kompetensi 4.
Materi 5.
Latihan 6.
Exit 7.
Bagian Isi 1
7 2
4
6 3
5
Universitas Sumatera Utara
3.4.1 Menu Home
Rancangan tampilan menu home hampir sama dengan tampilan utama, saat masuk ke aplikasi tampilan yang pertama kali muncul yaitu menu home. Pada bagian isi dari menu home akan
ditampilkan ucapan selamat datang dan sedikit penjelasan dari model prngajaran yang akan digunakan. Berikut ini rancangan tampilan dari menu home dapat dilihat pada gambar 3.8.
Gambar 3.8 Rancangan Tampilan Menu Home 3.4.2 Menu Kompetensi
Rancangan tampilan kompetensi tidak jauh berbeda dengan tampilan utama, pada menu
kompetensi ini terdiri tujuan dan sasaran yang ingin dicapai dari aplikasi PBK sistem reproduksi manusia untuk pelajaran tingkat SMA. Ketika pengguna menekan tombol kompetensi akan
muncul tujuan dan sasaran yang ingin dicapai. Berikut ini rancangan tampilan menu kompetensi dapat dilihat pada gambar gambar 3.9.
Aplikasi Pengajaran Berbantuan Komputer Sistem Reproduksi Manusia Untuk Pelajaran Tingkat SMA
Home Isi
Home
Universitas Sumatera Utara
Gambar 3.9 Rancangan Tampilan Menu Kompetensi
3.3.3 Menu Materi Rancangan tampilan menu materi dirancang sederhana sehingga memudahkan pengguna dalam
memilih materi yang diinginkan. Pada menu materi ini terdapat kategori materi yang akan disajikan, ada 4 kategori pilihan materi yaitu materi tentang definisi sistem reproduksi, materi
organ reproduksi manusia, materi tentang gametogenesis, dan materi tentang hormon reproduksi. Berikut ini rancangan tampilan menu materi dapat dilihat pada gambar 3.10.
Aplikasi Pengajaran Berbantuan Komputer Sistem Reproduksi Manusia Untuk Pelajaran Tingkat SMA
Kompetensi Tujuan:
Sasaran yang ingin dicapai:
Kompe-
tensi
Universitas Sumatera Utara
Gambar 3.10 Rancangan Tampilan Menu Materi
Setelah memilih kategori materi yang diinginkan, maka pengguna akan disajikan uraian materi pada halaman baru. Rancangan tampilan penyajian materi dirancang dengan sederhana
agar pengguna lebih nyaman dalam mempelajari materi yang disampaikan. Berikut ini rancangan tampilan penyajian isi materi dapat dilihat pada gambar 3.11.
Gambar 3.11 Rancangan Tampilan Penyajian Isi Materi Definisi Sistem Reproduksi Aplikasi Pengajaran Berbantuan Komputer Sistem Reproduksi Manusia Untuk
Pelajaran Tingkat SMA Materi
Definisi Sistem Reproduksi
DEFINISI SISTEM REPRODUKSI Isi
Aplikasi Pengajaran Berbantuan Komputer Sistem Reproduksi Manusia Untuk Pelajaran Tingkat SMA
Materi
Definisi Sistem Reproduksi
Organ Reproduksi
Manusia Gametogenesis
Hormon Reproduksi
Universitas Sumatera Utara
Gambar 3.12 Rancangan Tampilan Penyajian Isi Materi Organ Reproduksi Manusia
Gambar 3.13 Rancangan Tampilan Penyajian Isi Materi Gametogenesis Aplikasi Pengajaran Berbantuan Komputer Sistem Reproduksi Manusia Untuk
Pelajaran Tingkat SMA
Organ Reproduksi Manusia
Organ Reproduksi PRIA
WANITA
Isi
Aplikasi Pengajaran Berbantuan Komputer Sistem Reproduksi Manusia Untuk Pelajaran Tingkat SMA
Materi
Gametogenesis
Gametogenesis
Definisi Gametogenesis
Spermatogenesis Oogenesis
Isi
Universitas Sumatera Utara
Gambar 3.14 Rancangan Tampilan Penyajian Isi Materi Hormon Reproduksi
3.3.4 Menu latihan
Rancangan tampilan menu latihan dirancang secara sederhana, sehingga memudahkan pengguna dalam menjawab soal-soal yang diberikan. Sebelum memasuki halaman soal latihan, pengguna
pertama kali diminta untuk memasukkan namanya pada kotak yang telah disediakan. Setelah memasukan namanya, pengguna akan disajikan soal-soal latihan. Pada model pengajaran ini
hanya 10 soal acak yang akan disajikan kepada pengguna. Setelah semua pertanyaan dijawab maka akan diperlihatkan nilai dari jawaban yang dipilih oleh pengguna. Berikut ini rancangan
tampilan menu latihan dapat dilihat pada gambar 3.15. Aplikasi Pengajaran Berbantuan Komputer Sistem Reproduksi Manusia
Untuk Pelajaran Tingkat SMA Materi
Hormon Reproduksi
Hormon Reproduksi Isi
Universitas Sumatera Utara
Gambar 3.15 Rancangan Tampilan Menu Latihan Aplikasi Pengajaran Berbantuan Komputer Sistem Reproduksi Manusia Untuk
Pelajaran Tingkat SMA Latihan
Masukkan Nama Anda Disini:
Apakah Anda telah siap mengikuti latihan ini?
Yes No
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI
4.1 Implementasi