KeluarTekan Simulasi
3.4.4 Rancangan Layar 1. Layar Intro
Gambar 3.22 Rancangan Layar Intro
2. Layar Menu Utama
ANIMASI LOGIN TEORI SIMULASI EVALUASI KELUAR PANDUAN START ANIMASI
Tampilan awal software Perangkat Ajar Fisika ini berupa layar yang menampilkan grafik dan animasi awal program. Pada layar ini user dibiarkan untuk mengikuti intro sampai selesai, dan user dapat memilih tombol “START” untuk melewati animasi dan langsung masuk ke Menu Utama.
Setelah melewati layar Intro, maka user akan masuk ke layar menu utama. Pada Menu Utama ini terdapat 6 (enam) tombol. Tombol “Login” hanya diperuntukkan kepada guru fisika yang memiliki hak akses untuk database soal. Sedangkan tombol lainnya dapat diakses oleh semua user. Jika user memilih “Teori” maka program akan menampilkan layar menu teori, jika user memilih “Simulasi” maka program akan menampilkan layar menu simulasi, jika user memilih “Evaluasi” maka program akan menampilkan layar evaluasi materi, jika user memilih “Panduan” maka program akan menampilkan layar panduan pemakaian program, jika user memilih “Keluar” maka program akan menampilkan layar penutup dan user keluar dari program.
3. Layar Login
Gambar 3.24 Rancangan Layar Login
4. Layar Menu Admin
Gambar 3.25 Rancangan Layar Menu Admin LAYAR ADMIN TAMBAH SOAL DELETE SOAL EDIT SOAL BACK LOGIN ADMIN SUBMIT RESET HOME USERNAME PASSWORD
Pada Layar Login ini, user diminta untuk memasukkan
Username dan password. Jika Password atau Username yang
dimasukkan oleh user salah, maka password dan username akan dihapus dari field dan program akan menampilkan pesan kesalahan pengisian. Jika user belum mengisi semua field maka program juga akan ditampilkan pesan kesalahan. Setelah memasukkan username dan password dengan benar, jika user memilih tombol “Login” maka
user akan masuk ke Menu Admin. Jika user memilih tombol “Ulang”
maka user dapat mengulang memasukkan username dan password. Jika user memilih tombol “Home” maka tampilan akan dikembalikan ke Menu Utama.
Layar Menu Admin akan muncul setelah user melakukan proses Login dengan benar pada layar Login Admin. Menu Admin menampilkan menu untuk admin / guru untuk mengubah soal evaluasi, menambah soal, ataupun menghapus soal. Admin dapat memilih tombol “Tambah Soal” jika hendak menambah soal ke dalam database, tombol “Edit Soal” untuk mengubah soal yang telah disimpan di dalam database, dan tombol “Delete Soal” untuk menghapus soal dari dalam database. Jika tombol “Back” ditekan, maka Admin akan keluar dari menu ini dan kembali ke Menu Utama.
5. Layar Tambah Soal
Gambar 3.26 Rancangan Layar Tambah Soal
Jika user memilih “Tambah Soal” pada menu utama, maka akan muncul layar untuk memasukkan soal baru. User dapat memilih tombol “Submit” untuk menyimpan soal baru ke dalam database, atau tombol “Reset” untuk mengosongkan isi field dan mengulang memasukkan soal, pilihan jawaban, dan jawaban benar yang baru. Jika user ingin kembali ke menu admin maka user dapat memilih tombol “Back”.
LAYAR TAMBAH SOAL
SUBMIT BACK RESET SOAL A B C D JAWAB A B C D JAWABAN BENAR
6. Layar Ubah Soal
Gambar 3.27 Rancangan Layar Ubah Soal
Jika user memilih “Edit Soal” pada menu utama, maka akan muncul layar untuk mengubah soal yang sudah ada. Pada layar ini
user dapat memilih soal yang ingin diubah dengan menekan tombol
navigasi: “First” Untuk soal dengan urutan paling awal, “Last” untuk soal dengan urutan paling akhir, “Previous” untuk pindah ke soal urutan sebelumnya, dan “Next” untuk pindah ke soal urutan berikutnya. User dapat memilih tombol “Save” untuk menyimpan soal yang sudah diubah ke dalam database, atau tombol “Cancel” jika
user ingin kembali ke menu admin.
LAYAR UBAH SOAL
SAVE CANCEL SOAL A B C D JAWAB JAWABAN BENAR
FIRST PREVIOUS NEXT LAST
A B
C D
7. Layar Hapus Soal
Gambar 3.28 Rancangan Layar Hapus Soal
Jika user memilih “Delete Soal” pada menu utama, maka akan muncul layar untuk menghapus soal lama. Pada layar ini user dapat memilih soal yang ingin dihapus dengan menekan tombol navigasi: “First” Untuk soal dengan urutan paling awal, “Last” untuk soal dengan urutan paling akhir, “Previous” untuk pindah ke soal urutan sebelumnya, dan “Next” untuk pindah ke soal urutan berikutnya. User dapat memilih tombol “Hapus” untuk menghapus soal dari database, atau tombol “Cancel” jika user ingin kembali ke menu admin.
LAYAR HAPUS SOAL
HAPUS CANCEL SOAL A B C D JAWAB JAWABAN BENAR
8. Layar Menu Teori
Gambar 3.29 Rancangan Layar Menu Teori
Rancangan Layar Menu Teori menampilkan tombol-tombol untuk user masuk ke teori. Teori terbagi menjadi sembilan Materi. Jika User memilih tombol “Materi I”, maka user akan masuk ke layar teori Materi I, dan demikian untuk tombol-tombol bab selanjutnya. Jika User memilih tombol “Back”, maka user akan kembali ke Menu Utama.
MATERI I MATERI IV MATERI VII
MATERI II MATERI V MATERI VIII
MATERI IX MATERI VI
MATERI III
TEORI
9. Layar Materi I
Gambar 3.30 Rancangan Layar Materi I
10. Layar Materi II
Gambar 3.31 Rancangan Layar Materi II ANIMASI TEORI MATERI I LISTRIK STATIS BACK ANIMASI TEORI MATERI II
SUMBER ARUS LISTRIK
11. Layar Materi III
Gambar 3.32 Rancangan Layar Materi III
12. Layar Materi IV
Gambar 3.33 Rancangan Layar Materi IV ANIMASI TEORI MATERI III LISTRIK DINAMIS BACK ANIMASI TEORI MATERI IV
ENERGI DAN DAYA LISTRIK
Jika user memilih Materi I pada menu teori, maka akan mucul layar yang berisi teori tentang Listrik Statis, animasi, dan gambar-gambar yang berhubungan dengan teori Listrik Statis. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lain, atau keluar dari menu Teori.
Jika user memilih Materi II pada menu teori, maka akan mucul layar yang berisi teori tentang Sumber Arus Listrik, animasi, dan gambar-gambar yang berhubungan dengan teori Sumber Arus Listrik. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lain, atau keluar dari menu Teori.
Jika user memilih Materi III pada menu teori, maka akan mucul layar yang berisi teori tentang Listrik Dinamis, animasi, dan gambar-gambar yang berhubungan dengan teori Listrik Dinamis. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lain, atau keluar dari menu Teori.
Jika user memilih Materi IV pada menu teori, maka akan mucul layar yang berisi teori tentang Energi dan Daya Listrik, animasi, dan gambar-gambar yang berhubungan dengan teori Energi dan Daya Listrik. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lainnya, atau keluar dari menu Teori.
13. Layar Materi V
Gambar 3.34 Rancangan Layar Materi V
14. Layar Materi VI
Gambar 3.35 Rancangan Layar Materi VI ANIMASI TEORI MATERI V KEMAGNETAN BACK ANIMASI TEORI MATERI VI INDUKSI ELEKTROMAGNETIK BACK
15. Layar Materi VII
Gambar 3.36 Rancangan Layar Materi VII
16. Layar Materi VIII
Gambar 3.37 Rancangan Layar Materi VIII ANIMASI TEORI MATERI VII TATA SURYA BACK ANIMASI TEORI MATERI VIII
MATAHARI DAN BUMI
17. Layar Materi IX
Gambar 3.38 Rancangan Layar Materi IX
Jika user memilih Materi V pada menu teori, maka akan mucul layar yang berisi teori tentang Kemagnetan, animasi, dan gambar-gambar yang berhubungan dengan teori Kemagnetan. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lain, atau keluar dari menu Teori.
Jika user memilih Materi VI pada menu teori, maka akan mucul layar yang berisi teori tentang Induksi Elektromagnetik, animasi, dan gambar-gambar yang berhubungan dengan teori Induksi Elektromagnetik. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lainnya, atau keluar dari menu Teori.
ANIMASI TEORI
MATERI IX
PROSES PADA LITOSFER DAN ATMOSFER
Jika user memilih Materi VII pada menu teori, maka akan mucul layar yang berisi teori tentang Tata Surya, animasi, dan gambar-gambar yang berhubungan dengan teori Tata Surya. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lain, atau keluar dari menu Teori.
Jika user memilih Materi VIII pada menu teori, maka akan mucul layar yang berisi teori yaitu tentang Matahari dan Bumi, animasi, dan gambar-gambar yang berhubungan dengan teori Matahari dan Bumi. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lain, atau keluar dari menu Teori.
Jika user memilih Materi IX pada menu teori, maka akan mucul layar yang berisi teori tentang Proses Pada Litosfer dan Atmosfer, animasi teori, dan gambar-gambar yang berhubungan dengan teori Proses Pada Litosfer dan Atmosfer. Tombol “Back” dipilih jika user ingin kembali ke layar menu teori dan berpindah ke Materi lain, atau keluar dari menu Teori.
18. Layar Menu Simulasi
Gambar 3.39 Rancangan Layar Menu Simulasi
19. Layar Simulasi Listrik
Gambar 3.40 Rancangan Layar Simulasi Listrik LAYAR MENU SIMULASI
LISTRIK
TATA SURYA
MAGNET
BACK
LAYAR SIMULASI LISTRIK
VIDEO LISTRIK
KONTROL AUDIO VIDEO
20. Layar Simulasi Tata Surya
Gambar 3.41 Rancangan Layar Simulasi Tata Surya
21. Layar Simulasi Magnet
Gambar 3.42 Rancangan Layar Simulasi Magnet LAYAR SIMULASI MAGNET
VIDEO MAGNET
KONTROL AUDIO VIDEO
BACK PREV NEXT
LAYAR SIMULASI TATA SURYA
VIDEO TATA SURYA
KONTROL AUDIO VIDEO
Pada Rancangan Layar Menu Simulasi, akan ditampilkan beberapa tombol pilihan yaitu tombol “Listrik”, “Tata Surya”, dan”Magnet”. Tombol-tombol tersebut, jika dipilih akan menampilkan Video tentang pengetahuan fisika. Jika user memilih tombol “Back” maka user akan kembali ke Layar Menu Utama
Pada rancangan Layar Simulasi Listrik, program akan menampilkan Video pengetahuan tentang gejala-gejala listrik pada alam dan sekitarnya. Jika user memilih tombol “Back” maka user akan kembali ke Layar Menu Simulasi.
Pada rancangan Layar Simulasi Tata Surya, program akan menampilkan Video pengetahuan tentang Tata Surya. Jika user memilih tombol “Back” maka user akan kembali ke Layar Menu Simulasi.
Pada rancangan Layar Simulasi Magnet, program akan menampilkan Video pengetahuan tentang gejala-gejala magnet. Jika
user memilih tombol “Back” maka user akan kembali ke Layar Menu
Simulasi.
Pada rancangan Layar ketiga simulasi tersebut terdapat tombol Kontrol Audio Video. Tombol ini ditujukan untuk memberikan user kemudahan uuntuk mengatur jalannya video dan audio pada saat video sedang diputar. Tombol kontrol audio vdeo ini dapat mempercepat video, atau membesar-kecilkan volume audio.
22. Layar Evaluasi
Gambar 3.43 Rancangan Layar Evaluasi
23. Layar Hasil Evaluasi
Gambar 3.44 Rancangan Layar Hasil Evaluasi JUMLAH BETUL JUMLAH SALAH NILAI ULANG BACK HASIL EVALUASI LAYAR EVALUASI LANJUT BACK SOAL JAWAB A JAWAB B JAWAB C JAWAB D
Pada rancangan Layar Evaluasi, maka program akan menampilkan soal-soal dari database untuk dikerjakan oleh user. Terdapat empat pilihan jawaban yang hanya dapat dipilih salah satu oleh user. Jika user memilih tombol “Lanjut” maka user akan berpindah ke soal berikutnya. Tombol “Back” dipilih jika user ingin kembali ke layar menu utama.
Jika user telah selesai mengerjakan soal-soal evaluasi maka akan muncul layar Hasil Evaluasi, yang akan menampilkan berapa nilai akhir dari Evaluasi, jumlah soal yang benar, dan jumlah soal yang salah. User dapat mengulang evaluasi dengan memilih tombol “Ulang“. Tombol “Back” dipilih jika user ingin kembali ke layar menu utama.
24. Layar Panduan
Gambar 3.45 Rancangan Layar Panduan LAYAR PANDUAN
PANDUAN
Jika user memilih Menu Panduan pada Menu Utama, maka program akan menampilkan Layar Panduan yang berisi petunjuk penggunaan program. Tombol “Back” dipilih jika user ingin kembali ke layar menu utama.
25. Layar Menu Penutup
Gambar 3.46 Rancangan Layar Penutup
Jika User memilih tombol “Keluar” pada menu utama, maka program akan menampilkan Animasi penutup dan user keluar dari program. Ini adalah akhir dari penggunaan program perangkat ajar fisika.
3.4.5 Perancangan Basis Data