= 212 x 2 x 2,5 + 3 2 x 3 = 5 + 18
= 23
3.1.4. Komponen pendukung
Komponen pendukung yang terdapat dalam aplikasi game edukasi ini sebagai berikut:
a. Animasi yang berupa ShockWave Flash .SWF, digunakan untuk
menganimasikan bangun datar dan bangun ruang yang digunakan dalam pertanyaan game.
b. Database berupa MySql yang digunakan untuk menyimpan soal,
jawaban dari game serta nilai yang didapat oleh user.
3.2. Perancangan Sistem
Perancangan sistem berisikan penjelasan tentang use case diagram, activity
diagram dan sequence diagram sistem.
3.2.1. Use Case
Diagram berikut menjelaskan tentang aktivitas yang bisa dilakukan oleh pemakai game edukasi. Dimana dalam diagram tersebut user dapat
melakukan lima kegiatan berupa memilih tutorial, melihat nilai tertinggi, memilih about me, melihat managemen soal dan menjalankan game tersebut.
play game
tutorial
nilai tertinggi
about me user
ubah soal managemen soal
tambah soal baru
Gambar 3.2. Use Case Diagram Game
3.2.2. Activity Diagram
Dalam diagram activity di bawah dapat dilihat bahwa dalam memainkan game edukasi ini, user akan diberikan soal sebanyak tujuh
tingkatan level, dimana setiap level memiliki tingkatan kesulitan yang berbeda.
Gambar 3.3. Activity Diagram Play Game Dalam diagram activity di bawah dapat diketahui bahwa untuk melihat
tutorial game user harus masuk ke form utama dan pilih menu tutorial.
start
masuk form utama
pilih menu tutorial
end
tidak
lihat tutorial ya
form tutorial form utama
Gambar 3.4. Activity Diagram Lihat Tutorial
Pada Gambar 3.4. merupakan aktivity diagram untuk melihat nilai tertinggi yang di dapat oleh user.
start
masuk form utama
pilih menu nilai tertinggi
end lihat nilai
tertinggi ya
tidak
form nilai tertinggi form utama
Gambar 3.5. Activity Diagram Lihat Nilai Tertinggi Pada diagram aktivity di bawah merupakan bentuk dari aktivitas yang
dilakukan oleh user untuk mengubah soal yang ada pada managemen soal. Dalam mengubah soal user masuk pada form utama terlebih dahulu setelah
itu user memilih menu lihat soal managemen soal, setelah masuk dalam form managemen soal user kemudian memilih menu ubah soal.
start masuk form
utama pilih menu
lihat soal
end tidak
lihat soal
ya
pilih menu ubah soal
ubah soal
tidak ya
ya
tidak
form ubah soal form managemen soal
form utama
Gambar 3.6. Activity Diagram Ubah Soal
Pada diagram aktivity di bawah merupakan bentuk dari aktivitas yang dilakukan oleh user untuk menambah soal baru pada form managemen soal.
start masuk form
utama pilih menu
lihat soal
end tidak
lihat soal
ya pilih menu
tambah soal
tambah soal baru
tidak ya
ya
tidak
form tambah soal form managemen soal
form utama
Gambar 3.7. Activity Diagram Tambah Soal Baru
Pada diagram aktivity di bawah merupakan bentuk dari aktivitas yang dilakukan oleh user dalam memainkan game.
start masuk form
utama pilih menu
about me
end tidak
lihat form about me
ya
form about me form utama
Gambar 3.8. Activity Diagram About Me
3.2.3. Sequence Diagram
Dalam sequence diagram di bawah merupakan bentuk dari squence diagram dari play game.
menu utama game
database soal insert nilai
play game memasukkan jawaban
jawaban salah jawaban benarlanjut ke level berikut
jawaban benar pada level terakhir
Gambar 3.9. Squence Diagram Play Game
Gambar 3.10. adalah squence diagram dari lihat tutorial, dalam squence diagram tersebut hanya terdapat satu alur yaitu melihat form tutoarial.
menu utama tuturial
melihat tutorial
Gambar 3.10. Sequence Diagram Lihat Tutorial
Gambar 3.11. adalah bentuk dari squence diagram dari lihat nilai tertinggi yang didapat oleh user setelah memainkan game edukasi tersebut.
menu utama nilai tertinggi
melihat nilai tertinggi
Gambar 3.11. Squence Diagram Lihat Nilai Tertinggi
Pada Gambar 3.12. meupakan bentuk dari squence diagram managemen soal dimana dalam diagram tersebut dalam managemen soal terdapat dua
pilihan menu berupa ubah soal dan tambah soal baru.
menu utama managemen
soal ubah soal
tambah soal baru
database soal melihat soal
memilih menu ubah soal
merubah data soal report data soal sudah berubah
memilih menu tambah soal
menambah data soal baru
report data soal baru
Gambar 3.12. Squence Diagram Managemen Soal
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
