HALAMAN 1 – PENDAHULUAN

A. Tujuan Modul

Modul ini dibuat untuk membantu teman-teman agar dapat:

• Membuat game edukasi sederhana
• Digunakan untuk pembelajaran PAI dan Budi Pekerti
• Dijalankan di laptop, proyektor, dan Interaktif Flat Panel

Game yang dibuat adalah Game Tarik Tambang PAI, di mana siswa menjawab soal untuk memenangkan permainan.

📌 Codingnya bisa menggunakan apa saja, chatgpt, canva, gemini dll

HALAMAN 2 – ALAT YANG DIBUTUHKAN

A. Perangkat

• Laptop / PC (Windows)
• Mouse

B. Aplikasi (Gratis)

1. Google Chrome
2. Visual Studio Code (VS Code)

HALAMAN 3 – MEMBUAT FOLDER GAME

Langkah-langkah:

1. Klik kanan di Desktop
2. Pilih New → Folder
3. Beri nama folder:

4.  GAME-TARTAM-PAI (File asset dapat di download di sini : File Asset Game

HALAMAN 4 – STRUKTUR FOLDER

Masuk ke folder GAME-TARTAM-PAI, lalu buat:

1. Folder baru bernama:

2.  assets

3. Di luar folder assets, buat file:

4.  index.html

HALAMAN 5 – MEMASUKKAN FILE GAMBAR DAN AUDIO

Masukkan ke folder assets:

• backsound.mp3
• gambar latar
• gambar anak
• gambar tambang

HALAMAN 6 – MEMBUKA VS CODE

1. Buka VS Code
2. Klik File → Open Folder
3. Pilih folder GAME-TARTAM-PAI

HALAMAN 7 – MENULIS SCRIPT GAME

1. Klik file index.html
2. Salin script game lengkap (yang sudah dibuat)
3. Tempel ke dalam file
4. Tekan Ctrl + S untuk menyimpan

HALAMAN 8 – MENJALANKAN GAME

Cara Termudah:

1. Klik kanan index.html
2. Pilih Open with Live Server

Game otomatis terbuka di browser.

HALAMAN 9 – CARA MENGGANTI SOAL

Cari bagian:

const bankSoal = {

Cara menambah soal:

• Tambahkan baris soal baru
• Urutan jawaban bebas (acak otomatis)

HALAMAN 10 – CARA MENGGANTI BACKSOUND

1. Masukkan file MP3 ke folder assets
2. Pastikan nama file sama
3. Volume diatur agar tidak terlalu keras

HALAMAN 11 – CARA MENGGUNAKAN DI KELAS

• Gunakan proyektor / IFP
• Siswa bermain bergantian
• Diskusi setelah soal dijawab

Game ini mendorong:

• Kerja sama
• Berpikir cepat
• Pembelajaran menyenangkan

HALAMAN 12 – PENUTUP

Selamat 🎉

Anda telah berhasil:

• Membuat game edukasi sendiri
• Menggunakan teknologi untuk PAI
• Menjadi guru inovatif