19. Fitur-fitur apakah yang kamu harapkan ada di dalam perangkat ajar IPA kelas 4 SD?
3.4.2 Use Case Narrative
Use case narrative menjelaskan lebih detail mengenai interaksi antara
Tabel 3.4 Use Case Narrative Registrasi User Use Case Name Registrasi user
Actor User
Description Halaman untuk registrasi bagi user yang baru pertama kali menggunakan program
Pre Condition User telah masuk ke program
Event User System
1. Input nama dan sandi 2. Klik tombol “daftar” 5b. Klik “ok”
3. Cek apakah nama dan sandi sudah diisi dan cek apa nama yang dimasukkan sudah ada
4b. Jika benar, tampikan pesan registrasi berhasil 6b. Tutup pesan
Alternate 5a. Klik “ok” 4a. Jika salah, tampilkan pesan error
6a. Tutup pesan error
Tabel 3.5 Use Case Narrative Login User Use Case Name Login user
Actor User
Description Halaman untuk user login ke dalam program Pre Condition User telah terdaftar di program
Event User System
1. Input nama dan sandi 2. Klik tombol “login”
3. Cek apakah nama dan sandi telah diisi dan apakah nama dan sandi benar 4b. Jika benar, tampilkan menu utama
Alternate 5a. Klik “ok” 4a. Jika salah, tampilkan pesan error
6a. Tutup pesan error
Tabel 3.6 Use Case Narrative Mengakses Materi Use Case Name Mengakses Materi
Actor User
Description User mengakses materi dengan cara memilih topik materi
yang akan dipelajari.
Pre Condition User telah masuk ke menu utama
Event User System
1. Klik menu “materi” 3. Klik topik yang diinginkan 5a. Klik “prev”
2. Menampilkan pilihan topik materi
4. Menampilkan isi materi 6a. Menampilkan isi materi sebelumnya
Alternate 5b. Klik “next” 6b. Menampilkan isi materi selanjutnya
Tabel 3.7 Use Case Narrative Mengakses Soal Latihan Use Case Name Mengakses soal latihan
Actor User
Description User mengakses soal latihan dengan cara memilih topik
materi yang diinginkan
Pre Condition User telah masuk ke menu utama
Event User System
1. Klik menu “latihan soal” 2. Memilih topik soal 7. Menjawab soal
3. Nilai = 0 ; soal = 0 4. Random soal
5. Validasi apa soal sudah keluar
6a. Jika salah, tampilkan soal 8. Cek jawaban benar atau salah
9a. Jika salah, langsung ke step 10
10. Soal = soal + 1 11a. Jika soal > 10 , menampilkan total nilai
Alternate 6b. Jika benar, random soal
9b. Jika benar, nilai = nilai + 11b. Jika soal < 10, klik “soal selanjutnya”
12b. Random soal
Tabel 3.8 Use Case Narrative Mengakses Video Use Case Name Mengakses Video
Actor User
Description User mengakses video dengan mengklik pada materi yang
diinginkan
Pre Condition User telah masuk ke menu utama
Event User System
1. Klik menu “video” 3. Klik topik yang diinginkan
2. Menampilkan pilihan topik video
4. Menampilkan video
Alternate
Tabel 3.9 Use Case Narrative Mengakses Game Sederhana Use Case Name Mengakses game sederhana
Actor User
Description User mengakses game dengan cara mengklik pada nama game tersebut
Pre Condition User telah masuk ke menu utama
Event User System
1. Klik menu “game” 2. Load game
Alternate
Tabel 3.10 Use Case Narrative Memainkan Game Use Case Name Memainkan game
Actor User
Description User memainkan game yang ada
Pre Condition User telah memilih nama game
Event User System
2. User memilih huruf 1. Random kata 3b. Jika benar
4. Periksa apakah huruf penyusun kata sudah terjawab semua
5b. Jika benar, game selesai 6b. Jika ya, user memilih huruf
Alternate 3a. Jika salah, nyawa – 1
5a. Jika salah, periksa apakah masih ada nyawa
6a. Jika tidak, game selesai
Tabel 3.11 Use Case Narrative Mengubah Pengaturan
Use Case Name Mengubah pengaturan
Actor User
Description User mengubah pengaturan musik dan ukuran layar
Pre Condition User telah masuk ke menu utama
Event User System
1. Klik menu “pengaturan” 2. Menampilkan status ukuran layar dan musik 3. Cek pengaturan apa yang
user pilih
4a. Jika ukuran layar, cek apa yang user pilih
5a. Jika fullscreen, ubah layar ke fullscreen
6a. Ubah status windowed menjadi non aktif
7a. Jika off, ubah musik menjadi off
8a. Ubah status musik off menjadi non aktif
9. Simpan pengaturan
Alternate 4b. Jika musik, cek apa yang
user pilih
5b. Jika windowed, ubah layar ke windowed 6b. Ubah status fullscreen menjadi non aktif
7b. Jika on, ubah musik menjadi on
8b. Ubah status musik on menjadi non aktif
Tabel 3.12 Use Case Narrative Melihat History Nilai
Use Case Name Melihat history nilai
Actor User
Description User melihat history nilai yang berisi nilai latihan soal dan score game
Pre Condition User telah masuk ke menu utama
Event User System
1. Klik menu “history nilai” 2. Menampilkan history nilai
Alternate
Tabel 3.13 Use Case Narrative Exit
Use Case Name Exit
Actor User
Description User melakukan exit dari aplikasi
Pre Condition User telah masuk ke main menu
Event User System
1. Klik tombol “keluar” 2. Tampilkan konfirmasi “Yakin mau keluar dari program?”
3b. Jika ya, tutup konfirmasi
Alternate 3a. Jika tidak, tampilkan
halaman terakhir user berada
Tabel 3.14 Use Case Narrative Login Halaman Admin
Use Case Name Login halaman admin
Actor Admin
Description Admin mengisi halaman login untuk masuk ke menu admin
Pre Condition Admin berada di layar login
Event Admin System
1. Klik file exe
3. Mengisi username dan
password
4. Klik tombol “submit”
2. Tampilkan halaman login 5. Cek kombinasi username dan password
6b. Jika benar, masuk ke menu utama admin
Alternate 7a. Klik “ok” 6a. Jika salah, tampilkan pesan error
8a. Tutup pesan error
Tabel 3.15 Use Case Narrative Mengubah Password
Use Case Name Mengubah password
Actor Admin
Description Halaman untuk mengubah password admin Pre Condition Admin telah login
Event Admin System
1. Klik menu “ubah sandi” 3. Isi sandi lama, sandi baru, dan konfirmasi sandi
4. Klik “submit” 7b. Klik “ok” 8b. Tutup pesan
2. Tampilkan halaman ubah sandi
5. Validasi login
6b. Jika valid, tampilkan pesan perubahan sandi berhasil
Alternate 7a. Klik “ok” 6a. Jika tidak valid, tampilkan pesan error
8a. Tutup pesan error
Tabel 3.16 Use Case Narrative Mengubah Soal
Use Case Name Mengubah soal
Actor Admin
Description Layar yang digunakan untuk mengubah soal yang sudah ada Pre Condition Admin sudah berada di menu utama admin
Event Admin System
1. Klik materi yang diinginkan
3. Klik soal yang mau diubah
4. Klik tombol “ubah soal” 6. Isi form yang ada 7. Tekan tombol “simpan perubahan”
10b. Klik “ok”
2. Menampilkan list soal 5. Tampilkan halaman ubah soal
8. Cek apakah form kosong 9b. Jika salah, tampilkan konfirmasi perubahan 11b. Tutup pesan konfirmasi 12. Update list soal
Alternate 10a. Klik “ok” 9a. Jika benar, tampilkan pesan error
11a. Tutup pesan error
Tabel 3.17 Use Case Narrative Menghapus Soal
Use Case Name Menghapus soal
Actor Admin
Description Digunakan admin untuk menghapus soal yang sudah ada Pre Condition Admin sudah berada di menu utama admin
Event Admin System
1. Klik materi yang diinginkan
3. Klik soal yang akan dihapus
4. Klik tombol “hapus soal” 7b. Klik “ok”
2. Menampilkan list soal 5. Menampilkan konfirmasi “yakin mau menghapus soal?”
6b. Jika benar, tampilkan pesan soal berhasil dihapus 8b. Tutup pesan
9. Refresh list soal
Alternate 6a. Jika salah, tutup
konfirmasi
Tabel 3.18 Use Case Narrative Menambah Soal
Use Case Name Menambah soal
Actor Admin
Description Layar untuk admin menambahkan soal baru Pre Condition Admin sudah berada di menu utama admin
Event Admin System
1. Klik materi yang diinginkan
3. Klik tombol “tambah soal”
5. Isi form yang ada 6. Tekan tombol “simpan perubahan”
9b. Klik “ok”
2. Menampilkan list soal 4. Tampilkan halaman tambah soal
7. Cek apakah form kosong 8b. Jika tidak, tampilkan konfirmasi penambahan 10b. Tutup pesan konfirmasi
Alternate 9a. Klik “ok” 8a. Jika ya, tampilkan pesan
error
10a. Tutup pesan error
Tabel 3.19 Use Case Narrative Melihat Soal
Use Case Name Melihat soal
Actor Admin
Description Layar untuk admin melihat detail soal Pre Condition Admin sudah berada di menu utama admin
Event Admin System
1. Klik materi yang diinginkan
3. Klik soal yang mau dilihat
4. Klik tombol “lihat soal”
2. Menampilkan list soal 5. Tampilkan halaman lihat soal
Alternate
Tabel 3.20 Use Case Narrative Logout
Use Case Name Logout
Actor Admin
Description Admin melakukan logout dari menu admin
Pre Condition Admin sudah berada di menu utama admin
Event Admin System
1. Klik tombol “logout” 2. Tampilkan konfirmasi “yakin akan keluar?” 3b. Jika ya, tampilkan halaman login admin
Alternate 3a. Jika tidak, tampilkan
halaman terakhir admin berada
3.4.3 Activity Diagram
Activity diagram berisi penjelasan lebih detail mengenai urutan suatu
proses yang terjadi antara aktor dengan sistem. 1. Activity diagram registrasi user
2. Activity diagram login user
3. Activity diagram mengakses materi
4. Activity diagram mengakses soal latihan
5. Activity diagram mengakses video
Gambar 3.35 Activity Diagram Mengakses Video 6. Activity diagram mengakses game sederhana
7. Activity diagram memainkan game
8. Activity diagram mengubah pengaturan
9. Activity diagram melihat history nilai
Gambar 3.39 Activity Diagram Melihat History Nilai 10. Activity diagram exit
11. Activity diagram login halaman admin
12. Activity diagram mengubah password
13. Activity diagram mengubah soal
14. Activity diagram menghapus soal
15. Activity diagram menambah soal
16. Activity diagram melihat soal
Gambar 3.46 Activity Diagram Melihat Soal 17. Activity diagram logout
3.4.4 Class Diagram
Berikut adalah class diagram dari program :
Gambar 3.48 Class Diagram Program 3.5 Perancangan Basis Data
Perancangan basis data dimaskudkan untuk merancang suatu tempat untuk menampung data-data, dimana data-data tersebut dapat dibaca, diperbaharui, dan ditambah. Berikut adalah rancangan tabel data dari aplikasi.
1. Tabel Soal
Tabel ini berfungsi untuk menyimpan data soal-soal latihan yang ada di dalam perangkat ajar ini. Data-data soal ditampung dalam tabel ini adalah Soal, jawabanA, jawabanB, jawabanC, jawabanD, dan CorrAns.
Tabel 3.21 Keterangan Tabel Soal
Nama Field Tipe Data Ukuran Field Keterangan
Soal String 45 Soal dalam latihan
soal
jawabanA string 45 Jawaban A dalam
soal latihan
JawabanB string 45 Jawaban B dalam
soal latihan
JawabanC String 45 Jawaban C dalam
soal latihan
JawabanD string 45 Jawaban D dalam
soal latihan
CorrAns string 45 Huruf jawaban
yang benar dari soal latihan
3.6 Perancangan Storyboard
Perancangan storyboard pada program ini terdiri dari dua jenis, yaitu
storyboard user dan storyboard admin.