Desain Pertama Prototipe Media GameEdukasi berbasis Adobe Flash

Dasar bahasa Arab kelas VIII MTs. Setiap tema terdiri dari 3 level permainan. Level pertama adalan mencocokkan gambar dengan kosakata yang tepat, sedangkan level kedua dan ketiga adalah merangkai kata-kata acak menjadi kalimat yang sempurna. Simbol “anak panah” yang ditandai tanda merah berfungsi sebagai navigasi untuk masuk ke tema yang lain. Gambar 4.2 Tampilan menu “main” atau game play Tampilan menu level 1 yaitu game mencocokkan gambar dengan kosakata yang tepat. Level ini terdiri dari 4 soal. Setiap pemain mempunyai kesempatan tiga kali salah dalam menjawab sebelum “game over” yang berarti permainan berakhir. Gambar 4.3 Tampilan level 1 game edukasi Tampilan level 2 dan 3 yaitu game menyusun kata-kata acak menjadi kalimat yang sempurna sesuai dengan tata bahasa yang sedang dipelajari. Level ini terdiri dari 4 soal yang harus diselesaikan pemain. Gambar 4.4 Tampilan level 2 dan 3 game edukasi Tampilan menu Profil yang berisi profil singkat peneliti sebagai pengembang media. Gambar 4.5 Tampilan menu Profil game edukasi Menu SK-KD berisi tentang tujuan pembelajaran yang ingin dicapai terutama pada pembelajaran keterampilan menulis bahasa Arab. Gambar 4.6 Tampilan menu SK dan KD Menu Materi berisi penjelasan singkat mengenai Qowaid yang akan dipelajari siswa. Menu ini juga berisi tata bahasa untuk setiap 4 tema yang berbeda. Tanda anak panah ke kanan adalah navigasi untuk masuk ke tata bahasa tema lainnya. Gambar 4.7 Tampilan menu Materi game edukasi Tampilan menu Bacaan berisi tentang bacaan yang dipelajari siswa untuk lebih memahami materi. Tanda anak panah ke kanan dan ke kiri adalah navigasi untuk menuju bacaan pada tema yang lain. Gambar 4.8 Tampilan menu Bacaan game edukasi Langkah selanjutnya setelah desain pertama selesai dibuat adalah melakukan bimbingan dan konsultasi kepada dosen pembimbing mengenai tampialan game, ahli rekayasa perangkat lunak mengenai game coding, dan dosen bahasa Arab sebagai ahli materi mengenai penulisan dan tata bahasa yang benar.

4.2.2. Desain Kedua Prototipe Media GameEdukasi berbasis Adobe Flash

CS5 Desain awal game edukasi yang dikonsultasikan kepada pembimbing, ahli rekayasa perangkat lunak dan ahli materi selanjutnya direvisi sesuai dengan saran-saran yang sudah diberikan oleh para ahli. Berdasarkan saran-saran tersebut, ada beberapa perbaikan baik dari dimensi visual game, coding, maupun penulisan kalimat. Salah satu saran yang diberikan oleh ahli rekayasa perangkat lunak dan pembimbing bahwa gameedukasi ini masih kurang sistematis sehingga perlu ada perbaikan sistematika game. Sehingga peneliti sebagai pengembang media membuat sebuah flowchart untuk game edukasi ini, sebagai berikut: Bagan 4.1 Desain Flowchart game edukasi kedua Angka 1 sampai 4 adalah tema-tema yang ada pada gameedukasi ini. Pembuatan flowchart bertujuan untuk memudahkan dalam pembuatan sistematika game edukasi agar lebih terperinci. Selanjutnya peneliti melakukan perbaikan pada game edukasi. Gambar di bawah ini adalah tampilan halaman utama setelah perbaikan desain tahap pertama. Halaman judul Menu utama SK-KD kosakata bacaan Tata bahasa evaluasi profil 2 1 3 4 2 1 3 4 2 1 3 4 2 1 3 4 petunjuk Game play