BAB III PERANCANGAN SISTEM

Transkripsi

1 End Do you want To exit? Game over Exit Kuis Kuis 1 Kuis 2 Kuis 3 Kuis N Win Start Start screen Start Main Menu Main Lagi? Info Perbedaan Perbedaan 1 Perbedaan 2 Perbedaan 3 Perbedaan N Win BAB III PERANCANGAN SISTEM 3.1 Ruang Lingkup Game Berdasarkan kebutuhan pengguna, perancangan aplikasi ini ditujukan kepada siswa/i tingkat pertama yang membutuhkan media atau sarana pembelajaran Kimia melalui media game berupa gambar dan animasi, sehingga memudahkan siswa/i dalam belajar. 3.2 Flowchart Flowchart adalah bagan atau chart yang menunjukkan alir atau flow di dalam program atau prosedur sistem secara logika. Berikut adalah gambaran flowchart game edukasi kuis Kimia : Gambar 3.1 Flowchart Game Kuis Kimia 9

2 10 Keterangan : Ketika pemain membuaka permainan pertama kali akan ada tiga tombol menu Pertama tombol petunjuk untuk menunjukkan info dari game. Kedua tombol bermain ketika diklik akan menuju ke menu utama game. Ketiga tombol keluar untuk keluar dari permainan atau browser Ketika masuk ke tampilan menu game ada dua pilihan game. Yang pertama game utama yaitu game kuis Kimia, Kemudian yang kedua game perbedaan gambar Ketika masuk ke tampilan game utama Kuis Kimia akan langsung muncul narasi yang menjelaskan cara bermain, dan juga akan dua tombol, tombol pertama untuk kembali ke menu utama game dan tombol kedua untuk langsung bermain ke game utama. Saat memulai game pemain akan langsung diperhadapkan langsung dengan pertanyaan Kimia level 1, dimana hanya akan ada 2 pilihan yaitu benar salah salah, ketika pemain dapat menjawab dengan tepat maka akan lanjut kepertanyaan selanjutnya, tetapi jika pemain menjawab pertanyaan tidak tepat maka pemain akan langsung kalah.

3 11 Saat pemain telah menjawab semua pertanyaan level 1 dengan tepat, maka pemain akan masuk ke level ke 2 dimana di level 2 akan ada pertanyaan da nada 4 pilihan untuk menjawab pertanyaan serta diberikan waktu 30 detik pula untuk menjawab semua pertanyaan, sama seperti pada level 1 di level 2 ini jika pemain salah menjawab pertanyaan maka permainan akan berakhir (game over), tetapi jika pemain dapat menjawab semua pertanyaan dengan tepat maka pemain akan memenangkan permainan. Pada tampilan menang akan ditampilkan total nilai skor pemain dan juga akan ada 2 tombol. Tombol pertama yaitu tombol Main Lagi untuk kembali ke menu utama game, dan tombol yang kedua adalah tombol keluar dari permainan Pada tampilan kalah (game over) maka akan ditampilkan total skor dan juga ada juga 2 tombol yang sama dengan tombol yang ada pada tampilan menang Sedangkan pada game kedua (Game perbedaan gambar), disini pemain akan diajak untuk mencari perbedaan apa saja yang ada pada gambar yang ditampilkan. Pada game kedua ini ada 3 jenis tema yang disediakan, tetapi ketika saat pertama bermain hanya

4 12 akan 2 tema yang dapat dipermainkan terlebih dahulu dikarnakan gambar yang ketiga masih terkunci, untuk dapat memainkan tema 3 maka pemain harus menyelesaikan terlebih dahulu salah satu tema yang telah disediakan. Di game kedua ini pemain tidak akan bisa kalah kecuali saat pemain memainkan perbedaan gambar tema ke 3, karna di tema 3 diberi waktu selama 30 detik untuk dapat mencari semua perbedaan yang ada, ketika pemain kehabisan waktu saat bermain maka pemain akan langsung kalah 3.3 Lembar Kerja Tampilan (LKT) Perancangan antarmuka Game edukasi kuis Kimia digambarkan seperti ini : Lembar kerja Tampilan Awal MULAI KELUAR INFO Gambar 3.2 LKT Tampilan Awal

5 13 Bermain : Ketika diklik akan masuk ke halaman Menu Utama Info : Ketika diklik akan masuk ke halaman Info pembuat dan tujuan pembuatan game Keluar : Ketika diklik akan keluar dari game ini Lembar Kerja Tampilan Menu Utama GAME 1 GAME 2 MENU UTAMA Gambar 3.3 LKT Menu Utama Game 1 : Ketika diklik akan masuk ke game utama (Kuis Kimia) Game 2 : Ketika diklik akan masuk ke game tambahan (Perbedaan Gambar)

6 Lembar Kerja Tampilan Sub Menu Kuis Info Play TEMA 1 BACK Gambar 3.4 LKT sub menu Kuis Halaman ini berisikan narasi tentang permainan utama yaitu kuis Kimia dan cara bermainnya Lembar Kerja Tampilan Sub Menu Perbedaan GAME 1 GAME 2 BACK GAME 3 TEMA 1 Gambar 3.5 LKT sub menu Perbedaan

7 15 Berisikan 3 tema/pilihan jenis gambar yang nantinya akan dicari pebedaanya Lembar Kerja Tampilan Report REPORT Gambar 3.6 LKT report Halaman ini berisi report dari permainan apakah pemain itu menang ataupun kalah, dan juga menampilkan nilai dari pemain Halaman ini juga ada yang berisi tentang info dan juga report keluar dari permainan ini.