Pada Gambar 3.13. merupakan squence dari diagram lihat about me, dimana dalam form about me user dapat melihat untuk apa game edukasi ini
di buat dan versi berapa game ini.
menu utama about me
melihat form about me
Gambar 3.13. Squence Diagram Lihat About Me
3.3. Perancangan Database
Berdasarkan soal yang digunakan dalam pembuatan game edukasi ini, dapat digambarkan diagram CDM Conseptual Data Model sebagai berikut:
history soal
nomor soal
a b
c jwb
level flash
status I
VA255 VA25
VA25 VA25
VA25 I
LBIN VA5
skor nama
nilai VA25
I
Gambar 3.14. Conseptual Data Model
Dari gambar CDM di atas, dapat diketahui bahwa tabel soal terdapat field berupa: nomor, soal, jawaban, gambar, dan level soal. Tabel soal digunakan untuk
menyimpan soal, jawaban serta gambar yang digunakan dalam pertanyaan yang akan keluar dalam form game.
Sedangkan tabel high skor terdapat field berupa: skor, dan nama user. Dalam tabel high skor ini akan menyimpan data berupa skor yang didapat oleh
user setelah memainkan game tersebut. Setelah dikonvert dalam PDM Physical Data Model seperti pada Gambar
3.9. Pada model PDM terdapat tabel tambahan berupa tabel history terdapat beberapa field seperti: nomer history, nama user, nomer soal, level soal, serta
status soal. Tabel history ini digunakan untuk merekam kejadian yang dilakukan oleh user selama menjalankan game edukasi ini. Setelah kegiatan yang dilakukan
oleh user terekam dalam tabel history ini, maka akan diketahui user sudah mengerjakan soal sampai pada level dan nomer berapa serta bagaimana hasilnya
apakah benar atau salah.
FK_HISTORY_HISTORY_SOAL FK_HISTORY_HISTORY2_SKOR
soal nomor
soal a
b c
jwb level
flash status
integer varchar255
varchar25 varchar25
varchar25 varchar25
integer long binary
varchar5 skor
nama nilai
varchar25 integer
history nmr
nama nmrsoal
levelsoal statussoal
integer varchar25
integer integer
varchar5
Gambar 3.15. Physical Data Model
3.4. Interface
Interface dari game edukasi yang akan dibuat dibagi menjadi beberapa form yang berbeda-beda, dimana tiap form menjelaskan fungsi dan komponen
yang terdapat dalam aplikasi game edukasi yang akan dibuat.
3.4.1. Form Utama
Dalam form utama ini terdapat empat pilihan tombol yang dapat di jalankan yaitu: play, tutorial, high skor, dan exit. Bila tombol play di klik
maka akan tersambung ke form game, pada tombol tutorial terdapat form penjelasan dari game, pada tombol high skor terdapat kumpulan skor dari
pemain yang memainkan game, dan tombol exit untuk keluar dari game.
Gambar 3.16. Form Utama
ABOUT ME
MANAGEMEN SOAL
HIGH SKOR
EXIT TUTORIAL
PLAY GAME
EDUKASI BANGUN
RUANG MATEMATIKA
3.4.2. Tutorial
Pada form tutorial terdapat peraturan dari game dan penjelasan lain mengenai game edukasi ini.
Gambar 3.17. Form Tutorial
exit Penjelasan
dari game dan peraturan game
3.4.3. Tampilan Game
Pada form game di bawah terdapat skor, soal, radio box yang di gunakan untuk memilih jawaban, animasi flash yang menampilkan animasi
dari bangun ruang, tombol ok untuk mengetahui apakah jawaban yang dipilih sudah benar dan menghubungkan ke soal berikut, serta tombol exit yang
digunakan untuk keluar dari game.
Gambar 3.18. Form Game
soal Animasi
Flash
ok exit
jawaban jawaban
jawaban skor
3.4.4. Form High Skor
Pada form high skor ini akan menampilkan 10 sepuluh peringkat pemain teratas sesuai dengan skor yang didapat setelah memainkan game.
Tombol exit digunakan untuk kembali ke form utama.
Gambar 3.19. Form High Skor
HIGH SKOR
EXIT SKOR
PEMAIN
3.4.5. Form Insert Nilai
Form insert nilai ini digunakan untuk mengisi nilai yang didapat oleh user setelah menggunakan game, nilai yang didapat tersebut akan di simpan
pada database sesuai nama user yang di inputkan.
Gambar 3.20. Form Insert Nilai
3.4.6. Form Tampilan Cerita Game
Form tampilan cerita game ini menampilkan cerita dari petualangan yang akan dihadapi oleh user. Tampilan cerita ini akan tampil sebelum
tampilan level pertama muncul, serta cerita ini akan muncul pada setiap kali user menyelesaikan level tertentu.
Gambar 3.21. Form Tampilan Cerita Game next
Skor yang didapat :
Nama :
ok
Animasi Cerita
3.4.7. Form About Me
Pada form ini menjelaskan tentang pembuat dari game edukasi ini dan untuk apa game edukasi ini dibuat.
Gambar 3.22. Form About Me
Penjelasan pembuatan
game dan
profil pembuat
Foto pembuat
3.4.8. Form Soal
Form ini berisi semua soal yang digunakan dalam game edukasi.
Gambar 3.23. Form Soal kembali
Tambah soal
Ubah soal
soal
3.4.9. Form Ubah Soal
Form ini digunakan untuk mengubah soal yang diinginkan.
Gambar 3.24. Form Ubah Soal kembali
ubah Pilih animasi
Kunci jawaban
Jawaban c Jawaban b
Jawaban a soal
3.4.10. Form Tambah Soal
Form ini digunakan untuk menambah soal baru.
Gambar 3.25. Form Tambah Soal kembali
ubah Pilih animasi
Kunci jawaban
Level soal Nomor soal
Jawaban c Jawaban b
Jawaban a soal
53
BAB IV IMPLEMENTASI
