c. 30 ms
d. 40 ms
e. 50 ms
25 Menu Tes :
Lihat pada Gambar 3.12
Rancangan Tampilan
Hasil Tes Judul : Penerapan Hukum-Hukum Newton. putih, di
bagian atas Gambar : Isaac Newton kiri atas
setelah semua soal telah terjawab, maka akan mucul tampilan berikut
Teks : putih Nama Anda
Score Anda : Waktu Anda :
Jawaban benar : Jawaban salah :
Tombol navigasi : Restart coklat, teks putih, persegi panjang, terletak di
bawah teks hasil, klik untuk kembali mengerjakan soal tes.
Home putih, bentuk persegi panjang, teks hitam, berada di bagian kiri bawah, klik untuk ke halaman
menu utama. Sound
Effect muncul
ketika meng-
klik tombol
3.5 Perancangan Tampilan
Tampilan aplikasi pengajaran berbantuan komputer ini dirancang sedemikian rupa untuk memberi kemudahan bagi user dalam berinteraksi dengan aplikasi. Tampilan
setiap menu dirancang dengan fitur-fitur yang menarik sehingga pengguna tidak merasa jenuh dalam menggunakan aplikasi ini.
Universitas Sumatera Utara
3.5.1 Menu Intro
Tampilan Menu intro ini berisi tentang garis besar materi pada aplikasi, dan penjelasan tentang Sir Isaac Newton sebagai penemu Hukum Newton. Menu ini
dibuat dengan fitur yang menarik bertujuan agar menarik minat pengguna dan lebih paham tentang awal ditemukannya Hukum Newton.
Gambar 3.3 Rancangan Tampilan Menu Intro halaman 1
Animasi yang pertama kali muncul terdapat pada nomor 1, yaitu pada background, gambar dan judul muncul bersamaan. Selanjutnya muncul animasi
nomor 2 yaitu jendela intro. Pada bagian bawah terdapat tiga tombol navigasi yaitu lanjut, mulai dan keluar. Tombol lanjut untuk melanjutkan intro, tombol mulai untuk
menuju ke menu utama aplikasi, sedangkan tombol keluar untuk keluar dari aplikasi. Jika mengklik tombol berikutnya, perubahan yang terjadi hanyalah pergantian jendela
yang berada di tengah, rancangan tampilan seperti berikut :
1 Judul 1
Animasi Teks
Gambar 1
Mulai Keluar
Berikutnya Intro
1 2
Judul
Gambar Teks
Gambar
Universitas Sumatera Utara
Gambar 3.4 Rancangan Tampilan Menu Intro halaman 2
3.5.2 Menu Utama
Tampilan menu utama home terdiri dari empat menu, yaitu menu materi, latihan, simulasi, tes. Semua objek muncul bersamaan. Tampilan ini juga berisi petunjuk cara
penggunaan program agar lebih mempercepat pemahaman materi.
Gambar 3.5 Rancangan Tampilan Menu Utama
3.5.3 Menu Materi Judul
Materi Gambar
Simulasi
Keluar Latihan
Tes Petunjuk
Universitas Sumatera Utara
Tampilan menu materi ini terdiri dari 3 pokok bahasan, yaitu Hukum I Newton, Hukum II Newton dan Hukum III Newton. Tampilan menu materi ini juga berisi
kompetensi atau tujuan pembelajaran yang sesuai dengan kurikulum yang berlaku. Berikut ini adalah rancangan tampilan menu materi. Semua objek muncul bersamaan
Pada bagian bawah terdapat tombol navigasi home untuk kembali ke menu utama.
Gambar 3.6 Rancangan Tampilan Menu Materi
Setelah tombol navigasi submenu materi dipilih, maka akan tampil isi dari materi yang lebih sederhana dengan pembagian submenu dari materi yang dipilih
tersebut. Pengguna memilih materi sesuai keinginan dengan asumsi pengguna telah memahami materi sebelumnya. Pada aplikasi ini pengguna tidak dapat kembali ke
materi sebelumnya kecuali materi tersebut telah dipilih pada awal pemilihan. Setelah pemilihan materi, selanjutnya penyampaian materi ditampilkan secara berurutan. Hal
ini dibuat agar pengguna dapat lebih fokus dalam mempelajari materi yang ditampilkan dan sesuai dengan pendekatan konstruktivisme dengan tujuan agar dapat
mempercepat pemahaman tentang materi. Pada bagian bawah aplikasi ini terdapat tombol navigasi untuk kembali ke menu materi. Semua objek muncul bersamaan.
Berikut adalah rancangan tampilan dari submenu materi yang dipilih.
Judul
Hukum I Newton
Gambar
Kompetensi
Hukum II Newton
Hukum III
Newton Home
Judul Gambar
Judul Materi
Universitas Sumatera Utara
Gambar 3.7 Rancangan Tampilan Submenu Materi
Apabila salah satu tombol dari keempat pilihan yaitu penjelasan, rumus, penerapan dan contoh soal dipilih, maka akan tampil tampilan seperti gambar berikut :
Gambar 3.8 Rancangan Tampilan Penyampaian Menu Materi
Judul Gambar
Judul Materi
Kembali ke Materi lanjut
kembali Teks
Universitas Sumatera Utara
3.5.4 Menu Latihan
Tampilan menu latihan ini terdiri dari 11 soal latihan yang dilengkapi dengan pembahasannya. Pada bagian tengah tampilan ini berisi soal serta pilihan jawaban,
pembahasan soal akan muncul setelah pengguna memilih salah satu jawaban yang tersedia. Pada bagian bawah terdapat beberapa tombol navigasi, yaitu tombol home
untuk kembali ke menu utama, tombol sebelumnya untuk kembali ke soal sebelumnya, dan tombol berikutnya untuk melanjutkan ke soal berikutnya. Animasi
yang pertama kali muncul adalah pada nomor 1, yaitu background, gambar, judul, dan tombol navigasi, kemudian berturut-turut muncul sesuai urutan nomor. Setelah
jawaban dipilih maka akan muncul jendela pembahasan. Rancangan tampilan menu latihan dapat dilihat pada Gambar 3.9 berikut ini.
Gambar 3.9 Rancangan Tampilan Menu Latihan
3.5.5 Menu Simulasi Judul
Gambar
Tampilan Soal Latihan
Sebelumnya Berikutnya
Home B
E D
C A
1 1
1 1
1 2
1
3 4
5 6
7
Universitas Sumatera Utara
Tampilan menu simulasi ini digunakan untuk melakukan simulasi percobaan hukum- hukum newton. Perancangan tampilan menu simulasi pada aplikasi ini dibagi menjadi
dua bagian, yaitu simulasi pertama dan simulasi kedua. Semua objek muncul bersamaan. Tampilan menu simulasi dapat dilihat pada gambar berikut :
Gambar 3.10 Rancangan Tampilan Menu Simulasi
3.5.6 Menu Tes
Tampilan menu tes ini bertujuan untuk mengetahui tingkat pemahaman siswa terhadap materi yang diberikan. Pada tampilan ini dibagi menjadi tiga bagian, yaitu pada bagian
pertama berisi penginputan nama pengguna sebelum memulai tes, pada bagian kedua berisi soal-soal tes dan pada bagian ketiga akan menampilkan nilai tes tersebut.
Animasi yang muncul sesuai dengan urutan nomor. Berikut adalah rancangan tampilan masing-masing dari ketiga bagian menu tes tersebut.
Judul Gambar
Judul Simulasi
Tampilan Simulasi
Simulasi I
Simulasi II
Home
Judul Gambar
1
Universitas Sumatera Utara
Gambar 3.11 Rancangan Tampilan Masukkan Nama Untuk Memulai Tes
Gambar 3.12 Rancangan Tampilan Soal Tes
Judul Gambar
Tampilan Soal Tes
Home B
E D
C A
1 1
1 2
2
1 1
1 2
3 4
5 6
7
Universitas Sumatera Utara
Pada Gambar 3.11, terdapat tombol mulai, untuk memulai aplikasi. Klik tombol tersebut setelah menginput nama pada kotak di atas tombol tersebut. Pada
Gambar 3.12, jawaban yang telah dipilih pada setiap soal, akan muncul tanda benar atau salah. Kemudian akan lanjut ke soal berikutnya. Berikut ini adalah tampilan akhir
dari menu tes yang menunjukkan nilai yang diperoleh. Tombol restart untuk kembali mengulang tes, sedangkan home untuk kembali ke menu utama. Rancangan
tampilannya adalah sebagai berikut :
Gambar 3.13 Rancangan Tampilan Hasil Tes
Score yang diperoleh berdasarkan perhitungan sebagai berikut : a.
Bobot nilai tiap soal = 100 jumlah soal b.
Semakin lama menjawab akan semakin mengurangi nilai. c.
Hitungannya adalah nilai pengurangan = waktu x bobot tiap soal 2 batas waktu. Batas waktu adalah 3 menit.
d. Nilai persoal yang didapat adalah bobot nilai tiap soal dikurangi nilai
pengurang. e.
Kemudian tambahkan nilai yang didapat ke total nilai score
Judul Gambar
Nama Anda Score Anda :
Waktu Anda : Jawaban benar :
Jawaban salah : Restart
Home
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
