Panduan & Tutorial
Lengkap MAIN Q
Satu halaman berisi semua yang perlu kamu ketahui — dari mengenal platform, membuat game dengan AI, menggunakan Quiz Builder, panduan guru dan siswa, hingga cara mengatasi error game.
Mengenal MAIN Q
MAIN Q adalah platform game edukasi interaktif gratis untuk guru dan siswa Indonesia — sesuai Kurikulum Merdeka.
Apa itu MAIN Q?
MAIN Q adalah platform berbasis web yang memungkinkan guru Indonesia membuat, berbagi, dan memainkan game edukasi HTML5 interaktif. Bahkan guru yang tidak memiliki keahlian coding pun dapat menciptakan media pembelajaran digital menarik dengan bantuan kecerdasan buatan (AI).
Seluruh konten dibuat oleh guru-guru Indonesia dan disesuaikan dengan Capaian Pembelajaran (CP) Kurikulum Merdeka untuk SD, SMP, dan SMA.
Mengapa MAIN Q?
- 100% gratis, tidak ada biaya tersembunyi
- Langsung di browser — tidak perlu install
- Sesuai Kurikulum Merdeka (CP & ATP)
- Untuk SD, SMP, dan SMA
- Komunitas guru aktif seluruh Indonesia
Fitur-Fitur Utama MAIN Q
Game Edukasi HTML5
Ratusan game interaktif buatan guru Indonesia, dimainkan langsung di browser. Tersedia untuk SD, SMP, dan SMA.
Game Terpopuler
Temukan game edukasi yang paling banyak dimainkan dan mendapat ulasan terbaik dari guru dan siswa.
Soal Latihan (Quiz)
Kuis pilihan ganda dengan skor otomatis. Guru bisa buat sendiri dengan Quiz Builder tanpa coding.
Lab Interaktif
Simulasi sains, matematika, dan IPS. Siswa berinteraksi langsung dengan konsep abstrak secara visual.
Komunitas Guru
Forum tanya jawab dan berbagi artikel pendidikan. Temukan inspirasi dari ribuan guru kreatif Indonesia.
Progress Belajar
Siswa dapat memantau kemajuan belajar: game yang dimainkan, mata pelajaran favorit, dan badge yang diraih.
Badge & Prestasi
Sistem gamifikasi motivasi belajar. Kumpulkan badge berdasarkan aktivitas dan pencapaian di MAIN Q.
Upload Game
Buat dan bagikan game edukasi HTML5 buatanmu ke ribuan guru dan siswa di seluruh Indonesia.
Cara Membuat Game Edukasi dengan AI
Tidak perlu coding. Ikuti 4 langkah ini dan game edukasi buatanmu siap dimainkan ribuan siswa.
Pilih Platform AI
Kamu tidak perlu bisa coding. Gunakan salah satu AI gratis berikut:
Semakin detail deskripsi yang kamu berikan, semakin bagus hasil gamenya.
Tulis Prompt yang Tepat
Salin salah satu prompt di bawah — ganti bagian dalam [ ] dengan konten pelajaranmu:
Setelah AI memberikan kode, klik "Copy code" atau salin semua teks dari <!DOCTYPE html> hingga </html>.
Periksa Kode Sebelum Upload
Pastikan kode yang kamu salin memenuhi syarat ini:
- Dimulai dengan <!DOCTYPE html> dan diakhiri dengan </html>
- Tidak ada kalimat penjelasan AI yang ikut tersalin
- Hapus script SDK dari Canva jika ada (/_sdk/element_sdk.js)
- Tidak menggunakan database online (Firebase, Supabase)
Jika game error setelah diupload, gunakan Prompt Perbaikan di bagian "Mengatasi Error Game" halaman ini.
Upload ke MAIN Q
Masuk ke akun MAIN Q, buka halaman Upload Game, dan isi formulir:
Judul Game
Deskriptif, misal: "Kuis Ekosistem Kelas 5 SD"
Mata Pelajaran
Pilih dari daftar yang tersedia
Jenjang
SD / SMP / SMA / Umum
Deskripsi
Jelaskan apa yang dipelajari siswa (penting untuk SEO!)
Kode HTML
Tempelkan seluruh kode dari AI di sini
Game dengan deskripsi lengkap lebih mudah ditemukan guru lain melalui pencarian.
Contoh Prompt Siap Pakai
Prompt Dasar — untuk ChatGPT, Gemini, Qwen
Buatkan saya game edukasi interaktif dengan tema [TEMA] untuk siswa [JENJANG]. Materi yang dibahas: [URAIKAN MATERI] Ketentuan wajib: - Kode dalam 1 file HTML (HTML + CSS + JavaScript) - Gunakan Tailwind CSS via CDN - Responsif dan mobile friendly - Ada sistem skor dan umpan balik jawaban - Tidak membutuhkan backend atau server Tampilkan FULL CODE, siap upload.
Prompt Kuis Pilihan Ganda
Buatkan kuis pilihan ganda interaktif tentang [TOPIK] untuk [JENJANG]. Soal: minimal 10 pertanyaan dengan 4 pilihan jawaban. Fitur: - Timer per soal (30 detik) - Tampilkan skor akhir dan ringkasan jawaban - Animasi feedback benar/salah - 1 file HTML + Tailwind CDN Tampilkan FULL CODE saja.
Prompt Game Drag & Drop
Buatkan game drag and drop edukasi tentang [TOPIK] untuk siswa [JENJANG]. Mekanisme: [contoh: mencocokkan kata dengan definisi / menyusun urutan / mengelompokkan] Ketentuan: - 1 file HTML, CSS, JavaScript murni + Tailwind CDN - Feedback visual saat jawaban benar/salah - Responsif di HP dan PC Tampilkan FULL CODE siap upload.
Panduan Quiz Builder
Quiz Builder adalah fitur MAIN Q untuk membuat soal latihan pilihan ganda tanpa perlu koding sama sekali.
Apa perbedaan Game Edukasi dan Quiz Builder?
Game Edukasi adalah file HTML buatan AI dengan tampilan dan mekanisme yang bebas (drag & drop, animasi, dll). Quiz Builder adalah fitur bawaan MAIN Q untuk membuat kuis pilihan ganda secara langsung melalui antarmuka — lebih cepat dan tidak perlu coding.
Buka Quiz Builder
Klik menu "Soal Latihan" di navigasi, lalu klik tombol "Buat Kuis Baru". Kamu akan diarahkan ke halaman Quiz Builder.
Isi Informasi Kuis
Masukkan judul kuis, pilih mata pelajaran, jenjang kelas, dan batas waktu pengerjaan per soal (opsional).
Tambah Soal
Klik "Tambah Soal", isi pertanyaan, masukkan 4 pilihan jawaban (A–D), dan tandai jawaban yang benar. Ulangi untuk setiap soal.
Simpan & Bagikan
Klik "Simpan Kuis". Kuis akan muncul di halaman Soal Latihan. Salin link kuis dan bagikan ke siswa melalui WhatsApp atau Google Classroom.
Tips Membuat Kuis yang Efektif
- Buat minimal 10 soal agar sesi kuis terasa bermakna dan tidak terlalu singkat
- Gunakan pengecoh (distractors) yang masuk akal — hindari pilihan jawaban yang terlalu mudah ditebak
- Urutkan soal dari yang mudah ke yang sulit untuk menjaga motivasi siswa
- Gunakan batas waktu (timer) untuk kuis ulangan harian, tapi nonaktifkan untuk latihan santai
- Salin link kuis dan bagikan ke siswa via WhatsApp atau tempel di Google Classroom
Panduan untuk Guru
Enam skenario konkret menggunakan MAIN Q secara efektif di dalam dan di luar kelas.
Apersepsi (Pembuka Kelas)
Tayangkan game ke proyektor di awal pembelajaran. Minta siswa menebak topik yang akan dibahas. Membangun rasa ingin tahu sebelum masuk materi inti.
Evaluasi Formatif
Minta siswa main kuis di tengah atau akhir sesi. Identifikasi konsep yang masih belum dipahami berdasarkan hasil skor.
Tugas Mandiri di Rumah
Bagikan link game via WhatsApp atau Google Classroom. Siswa bisa belajar dari HP kapan saja tanpa perlu download apapun.
Kompetisi Skor di Kelas
Gunakan game dengan sistem skor. Minta siswa bermain bergantian, catat skor tertinggi. Suasana kompetitif yang tetap edukatif.
Embed ke LMS / Google Sites
Klik tombol "Embed" pada halaman game. Salin kode iframe dan tempel ke Google Sites, Moodle, atau Google Classroom langsung.
Buat Kuis Tanpa Coding
Gunakan Quiz Builder untuk membuat soal pilihan ganda dalam hitungan menit, tanpa perlu menulis satu baris kode pun.
Mulai berkontribusi hari ini
Upload game buatanmu dan bantu ribuan guru & siswa di seluruh Indonesia.
Panduan untuk Siswa
Sebagai siswa, MAIN Q adalah teman belajar yang menyenangkan. Berikut cara memaksimalkan pengalamanmu.
Temukan Game yang Tepat
Gunakan kolom pencarian di halaman utama. Ketik nama mata pelajaran atau topik yang sedang dipelajari.
Cara Bermain Game
Klik judul atau tombol "Main" pada game. Game terbuka langsung di browser — tidak perlu download atau install.
Simpan Game Favorit
Login lalu klik ikon bookmark pada game yang ingin disimpan. Akses kembali dari menu "Tersimpan" di profilmu.
Pantau Progress Belajar
Halaman Progress menampilkan statistik: jumlah game dimainkan, mata pelajaran favorit, dan badge yang diraih.
Kumpulkan Badge
Badge diberikan otomatis berdasarkan aktivitas. Semakin banyak bermain, semakin banyak badge yang dikumpulkan.
Bergabung ke Komunitas
Baca artikel pendidikan, bertanya tentang materi pelajaran, atau bagikan pengalamanmu di forum Komunitas.
Mengatasi Error Game
Game tidak tampil setelah diupload? Ikuti panduan ini untuk mengidentifikasi dan memperbaiki masalahnya.
Penyebab paling umum adalah penggunaan script SDK bawaan platform (seperti Canva atau AI generator berbasis cloud) yang tidak kompatibel dengan hosting statis atau iframe. Script tersebut mengakses database dan server eksternal yang diblokir oleh sandbox MAIN Q.
Prompt Perbaikan Game (salin & kirim ke AI bersama kode yang error)
Perbaiki kode game ini agar bisa berjalan dengan baik di website mainq.blog. Ketentuan WAJIB: 1. Hapus dan JANGAN sertakan script berikut: <script src="/_sdk/element_sdk.js"></script> <script src="/_sdk/data_sdk.js" type="text/javascript"></script> 2. Jangan gunakan SDK internal, sistem database otomatis, atau script bawaan platform (Canva, dll). 3. Gunakan hanya: - HTML, CSS, JavaScript murni - CDN publik (Tailwind, Google Fonts, dll.) 4. Jika ada sistem skor, simpan dengan localStorage (bukan database online). 5. Pastikan game: - Responsif dan mobile friendly - Tidak error di Console browser - Bisa berjalan di dalam iframe - Tidak membutuhkan backend/server 6. Berikan hasil akhir dalam 1 file HTML lengkap siap upload. Tampilkan FULL CODE tanpa penjelasan tambahan.
Prompt Khusus Perbaikan Sistem Skor
Perbaiki sistem skor game ini agar menggunakan localStorage untuk menyimpan nilai. Jangan gunakan database online (Firebase, Supabase, SDK platform lainnya). Pastikan: - Nilai tersimpan di browser - Tidak hilang saat refresh - Tidak membutuhkan server/backend - Ringan dan cocok untuk hosting statis - Bisa berjalan dalam iframe Output harus berupa 1 file HTML lengkap siap upload. Tampilkan FULL CODE saja tanpa penjelasan.
Mengapa localStorage?
localStorage adalah penyimpanan di browser siswa — tidak butuh server, tidak butuh koneksi khusus, dan bekerja di dalam iframe. Nilai tersimpan selama siswa tidak menghapus cache browser.
Masih Butuh Bantuan?
Jika kode tetap error setelah menggunakan prompt perbaikan, hubungi tim kami langsung:
WhatsApp: 085240159537Tips Membuat Game yang Berkualitas
Game yang berkualitas lebih sering dimainkan dan membantu lebih banyak siswa belajar.
Fokus pada Satu Konsep
Game yang fokus pada satu konsep spesifik (misal "perkalian 1–10") jauh lebih efektif daripada yang mencoba mencakup seluruh bab.
Sertakan Feedback yang Jelas
Pastikan game menampilkan respons saat jawaban benar atau salah. Tanpa feedback, siswa tidak tahu apakah mereka belajar dengan benar.
Uji di HP Sebelum Upload
Buka kode di browser HP dan pastikan tampilan responsif, teks terbaca, dan tombol mudah ditekan. Sebagian besar siswa akses dari HP.
Tulis Deskripsi yang Detail
Isi kolom deskripsi dengan penjelasan apa yang dipelajari, untuk kelas berapa, dan cara bermainnya. Game dengan deskripsi lengkap lebih mudah ditemukan.
Gunakan Bahasa Sesuai Usia
Instruksi dalam game harus sesuai jenjang siswa. Kalimat singkat dan sederhana untuk SD, bisa lebih kompleks untuk SMA.
Hindari Gambar dari URL Eksternal
Jangan gunakan gambar dari URL eksternal — bisa berubah atau hilang. Gunakan emoji, SVG, atau gambar berbasis CSS.
Pertanyaan yang Sering Diajukan (FAQ)
Pertanyaan yang paling sering diajukan oleh guru dan siswa yang baru bergabung.
Apakah MAIN Q benar-benar gratis?
Ya, seluruh fitur MAIN Q 100% gratis tanpa biaya tersembunyi. Mainkan, upload, dan bagikan game tanpa perlu berlangganan.
Apakah saya harus bisa coding untuk membuat game?
Tidak sama sekali. Cukup salin prompt yang kami sediakan ke ChatGPT atau Gemini, dan AI yang menulis kodenya. Kamu tinggal copy-paste hasilnya.
Format apa yang didukung untuk upload?
MAIN Q menerima kode HTML langsung (bukan file .html). Kode harus dalam satu file yang berisi HTML, CSS, dan JavaScript sekaligus — tanpa backend atau database online.
Bisakah game dimainkan di HP siswa?
Ya. Semua game harus responsif. Pastikan prompt yang kamu berikan ke AI menyertakan syarat "responsif dan mobile friendly".
Bagaimana cara berbagi game ke siswa?
Setiap game memiliki URL unik (mainq.blog/game/[id]). Salin URL dan bagikan ke siswa via WhatsApp atau Google Classroom. Siswa tidak perlu login untuk bermain.
Game saya error setelah diupload, apa yang harus dilakukan?
Gunakan Prompt Perbaikan di bagian "Mengatasi Error Game" di halaman ini. Salin prompt, kirim ke AI bersama kode yang bermasalah, dan AI akan memperbaikinya.
Perbedaan Game Edukasi dan Quiz Builder?
Game Edukasi adalah file HTML buatan AI dengan tampilan dan mekanisme bebas. Quiz Builder adalah fitur bawaan MAIN Q untuk membuat kuis pilihan ganda tanpa coding — lebih simpel, langsung jadi.
Apakah ada batas jumlah game yang bisa diupload?
Tidak ada batas. Semakin banyak kontribusi, semakin besar manfaat yang dirasakan komunitas guru dan siswa Indonesia.
Siap Berkontribusi?
Upload game buatanmu dan bantu ribuan guru serta siswa di seluruh Indonesia belajar dengan cara yang lebih menyenangkan.