3.4 Perancangan Interface
3.4.1 Interface Menu Utama
Universitas Sumatera Utara
Interface menu utama dirancang sedemikian rupa untuk mempermudah pengguna dalam berinteraksi dengan aplikasi. Tampilan utama dirancang dengan fitur-fitur yang
menarik dan memudahkan pengguna dalam pengoperasiannya user friendly. Interface menu utama dibagi dalam lima bagian utama yakni bagian atas pertama
merupakan home, bagian kedua yang berisikan tombol materi, bagian tengah untuk memunculkan contoh soal, bagian keempat menampilkan latihan, dan bagian kelima
menampilkan database siswa. Rancangan untuk interface menu utama aplikasi dapat dilihat pada Gambar 3.8.
Selamat Datang di
PENGAJARAN BERBANTUAN KOMPUTER UNTUK MATERI OPTIK PADA FISIKA Home
Materi Contoh Soal
Score Latihan
Play
Gambar 3.8 Rancangan Interface Menu Utama
Tombol home merupakan menu untuk mengembalikan ke posisi semula sebelum memasuki menu apa pun. Tombol materi berisi materi pelajaran fisika untuk
materi optik geometri. Tombol contoh soal berisi contoh soal beserta jawabannya. Tombol latihan berisi latihan-latihan yang harus diisi oleh siswa. Sedangkan tombol
score yang nanti akan berisi daftar nama siswa yang telah mengikuti latihan beserta nilainya dalam lima peringkat terbaik.
3.4.2 Menu Home
Perancangan tampilan menu home pada aplikasi pengajaran ini merupakan tombol untuk mengembalikan ke posisi semula sebelum memasuki menu apa pun.
Universitas Sumatera Utara
3.4.3 Menu Materi
Perancangan tampilan menu materi pada aplikasi pengajaran ini terdiri dari gambaran tentang tampilan materi. Ini terdiri dari kotak materi, pembiasan, pemantulan, beserta
tampilan materinya. Gambar 3.9 adalah rancangan untuk menu materi.
X _
OPTIK Pembiasan Cahaya
a. Cermin Datar b. Prisma
c. Lensa Cekung d. Lensa Cembung
Pemantulan Cahaya a. Cermin Datar
b. Cermin Cekung c. Cermin Cembung
Gambar 3.9 Rancangan Interface Menu Materi
3.4.3.1 Menu Materi Pembiasan Cahaya
Perancangan tampilan menu materi pembiasan cahaya pada aplikasi pengajaran ini terdiri dari gambaran isi tentang pembiasan cahaya. Rancangan untuk menu profil
dapat dilihat dari Gambar 3.10.
Universitas Sumatera Utara
Pembiasan Cahaya X
_
Isi
Gambar 3.10 Rancangan Interface Menu Materi Pembiasan Cahaya
3.4.3.2 Menu Materi Pemantulan Cahaya
Perancangan tampilan menu materi pembiasan cahaya pada aplikasi pengajaran ini terdiri dari gambaran isi tentang pemantulan cahaya. Rancangan untuk menu profil
dapat dilihat dari Gambar 3.11.
Pemantulan Cahaya X
_
Isi
Gambar 3.11 Rancangan Interface Menu Materi Pemantulan Cahaya
Universitas Sumatera Utara
3.4.4 Menu Contoh Soal
Perancangan tampilan menu contoh soal terdiri dari beberapa contoh soal. Rancangan untuk menu contoh soal dapat dilihat dari Gambar 3.12.
X _
Contoh Soal 1 2 3 4 5 6 7 8 9
Gambar 3.12 Rancangan Interface Menu Contoh Soal
3.4.5 Menu Latihan
Tampilan menu latihan dibedakan menjadi tiga bagian, yakni bagian pertama pengguna mengisikan nama sebelum memulai latihan, bagian kedua menampilkan
soal-soal latihan, dan bagian terakhir yang menampilkan nilai hasil dari latihan. Rancangan tampilan untuk ke tiga bagian menu latihan dapat dilihat pada Gambar
3.13, 3.14. dan 3.15.
Universitas Sumatera Utara
Nama Anda: X
_
next
Gambar 3.13 Rancangan Interface Input Nama Untuk Memulai Latihan
Pilihan Jawaban: X
_
Soal
Gambar 3.14 Rancangan Interface Soal Latihan
Universitas Sumatera Utara
Hasil yang Diperoleh X
_
Gambar 3.15 Rancangan Interface Perolehan Nilai
3.4.6 Menu Score
Menu berisikan score siswa yang telah mengikuti latihan dari materi optik geometri sehingga siswa dapat mengetahui prestasi yang didapatkan selama mengikuti
pelajaran optik geometri ini.
Tabel 3.2 Score Siswa Score Siswa
Nama Nilai
1. ... 2. ...
3. ... 4. ...
5. ... ...
... ...
... ...
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI
4.1 Implementasi