Buku Panduan Digital - Hello Kitty Island Adventure Snake Quiz (1)

dbandromediaDigital User Guide

0/0

Buku Panduan Hello Kitty Island Adventure

• Cover
• Daftar Isi
• Profil Aplikasi
• Tujuan Pembelajaran
• Spesifikasi Teknis
• Penjelasan Menu
• Penjelasan Tombol
• Cara Bermain
• Sistem Level
• Sistem Kuis
• Sistem Skor
• Materi IPA
• Tips Bermain
• FAQ
• Troubleshooting
• Copyright
• Kredit Pengembang

🎀 🍎 ⭐ 💗

dbandromedia

Hello Kitty Island
Adventure

Snake Quiz Game — IPA SMP

Panduan Penggunaan  •  Versi 1.0

Navigasi

Daftar Isi

Klik salah satu bagian untuk langsung menuju ke halaman terkait.

1. Profil Aplikasi
2. Tujuan Pembelajaran
3. Spesifikasi Teknis
4. Penjelasan Menu
5. Penjelasan Tombol
6. Cara Bermain Lengkap

1. Sistem Level
2. Sistem Kuis
3. Sistem Skor
4. Materi IPA
5. Tips Bermain
6. FAQ & Troubleshooting

Tentang Aplikasi

Profil Aplikasi

Mengenal identitas dan konsep dasar dari game edukasi ini.

Keterangan	Detail
Nama Aplikasi	Hello Kitty Island Adventure — Snake Quiz Game
Sub-brand dalam game	dbclassroom EduPlay (ditampilkan pada header di dalam permainan)
Pengembang / Penerbit	dbandromedia
Kategori	Game Edukasi berbasis HTML5 Canvas (Arcade + Kuis)
Mata Pelajaran	IPA (Ilmu Pengetahuan Alam)
Jenjang Sasaran	Siswa SMP (Kurikulum Merdeka), juga cocok untuk SD kelas atas
Tema Visual	Pink Pastel bergaya Hello Kitty Island
Format File	1 (satu) file HTML tunggal, tanpa instalasi
Versi Buku Panduan	1.0

Game ini menggabungkan mekanik permainan ular klasik (Snake) dengan kuis pilihan ganda bertema IPA. Pemain menggerakkan ular untuk mengumpulkan buah apel, dan setiap mencapai target tertentu, pemain akan diuji melalui kuis sains sebelum dapat naik ke level berikutnya.

Kurikulum Merdeka

Tujuan Pembelajaran

Kompetensi IPA yang ingin dicapai siswa melalui permainan ini.

Makhluk Hidup & Lingkungan — memahami ciri makhluk hidup, fotosintesis, adaptasi, dan simbiosis (materi Level 1).

Sistem Organ Tubuh Manusia — memahami sistem pencernaan, pernapasan, peredaran darah, dan ekskresi (materi Level 2).

Gaya, Usaha & Energi — memahami konsep gaya, energi, dan pesawat sederhana dalam kehidupan sehari-hari (materi Level 3).

Tata Surya & Bumi — memahami susunan tata surya, rotasi-revolusi bumi, dan fenomena alam terkait (materi Level 4).

Zat & Perubahannya — memahami perubahan wujud zat serta sifat konduktor dan isolator (materi Level 5).

Keterampilan Non-Akademik — melatih fokus, refleks, pengambilan keputusan cepat, dan penguatan konsep melalui pengulangan kuis adaptif.

Teknis

Spesifikasi Teknis

Informasi teknologi yang digunakan dalam membangun game ini.

Komponen	Teknologi
Struktur File	1 file .html tunggal (HTML, CSS, dan JavaScript menyatu)
Rendering Permainan	HTML5 Canvas 2D API, papan permainan grid 20×20 sel
Efek Suara	Web Audio API (osilator sintesis nada, tanpa file audio eksternal)
Font	Google Fonts — Fredoka (judul) & Nunito (teks) via CDN
Ikon	Font Awesome 6.5.1 via CDN
Framework	Tanpa framework — vanilla JavaScript murni
Mode Offline	Dapat dijalankan langsung dari file lokal (double-click), namun font & ikon memerlukan koneksi internet pertama kali untuk memuat CDN
Penyimpanan Skor	Skor tidak disimpan otomatis — akan direset setiap kali halaman dimuat ulang (refresh)
Kompatibilitas Perangkat	Desktop (kontrol keyboard) dan mobile/tablet (kontrol D-Pad sentuh), tampilan responsif
Browser yang Disarankan	Google Chrome, Microsoft Edge, atau Firefox versi terbaru

Spesifikasi Sistem Suara (Audio)

Seluruh efek suara dibangkitkan secara langsung oleh browser menggunakan sintesis nada (bukan file audio seperti .mp3/.wav), sehingga ukuran file game tetap ringan dan tetap satu file HTML tunggal.

Aspek	Detail
Teknologi Audio	Web Audio API — OscillatorNode & GainNode dibangkitkan langsung oleh browser (chiptune/8-bit style), tanpa file audio eksternal
Kontrol Aktif/Nonaktif	Tombol ikon speaker pada header — sekali klik akan mematikan/menghidupkan seluruh efek suara sekaligus
Inisialisasi Audio	Audio context baru aktif setelah interaksi klik pertama pengguna (ketentuan standar browser modern untuk mencegah autoplay)
Bentuk Gelombang	Kombinasi sine, triangle, dan sawtooth tergantung jenis efek, untuk membedakan karakter nada (lembut vs. tegas)

Efek Suara	Kapan Dimainkan	Karakter Nada
Makan Buah	Setiap kali ular berhasil memakan buah apel	2 nada pendek naik (gelombang triangle), ceria & ringan
Jawaban Benar	Saat menjawab soal kuis dengan tepat	3 nada naik berurutan (gelombang sine), membentuk melodi kecil bernada riang
Jawaban Salah	Saat menjawab soal kuis dengan keliru	2 nada rendah tidak selaras (gelombang sawtooth), memberi kesan "buzz" penanda kesalahan
Naik Level	Saat berhasil lulus kuis dan naik level	Rangkaian 6 nada naik berurutan (gelombang sine), terdengar seperti fanfare perayaan
Game Over	Saat ular menabrak dinding/tubuh sendiri, atau kuis gagal	4 nada menurun (gelombang sawtooth), memberi kesan dramatis/berakhir

Karena disintesis langsung oleh browser, kualitas dan volume suara dapat sedikit berbeda antar perangkat/browser, namun tetap konsisten secara pola nada.

Antarmuka

Penjelasan Seluruh Menu

Bagian-bagian utama pada tampilan permainan.

1. Header (Bagian Atas)

Menampilkan logo dbclassroom EduPlay di kiri, dan tombol pengaturan suara di kanan. Header ini bersifat sticky, selalu terlihat meski halaman digulir. Detail lengkap tiap efek suara dapat dilihat pada bagian Spesifikasi Teknis.

2. Panel Informasi (Side Panel)

Terletak di sisi kiri arena permainan (di atas arena pada tampilan mobile), berisi:

• Judul Pulau — "Science Island" dengan ikon pantai.
• Karakter Portrait — avatar kucing bergaya Hello Kitty.
• Kartu LEVEL — menampilkan level yang sedang dimainkan.
• Kartu SKOR — menampilkan skor terkini secara real-time.
• Kartu Progres Buah — progress bar jumlah buah terkumpul dari target 10 buah per level.
• Kartu Instruksi Singkat — pengingat aturan main ringkas.

3. Arena Permainan (Canvas)

Papan permainan berbentuk kotak berukuran 480×480 piksel dengan grid 20×20 sel, tempat ular dan buah apel digambar dan bergerak secara real-time.

4. D-Pad Virtual

Empat tombol arah (atas, bawah, kiri, kanan) yang otomatis muncul pada layar berukuran di bawah 900px (mode mobile/tablet) untuk mengendalikan ular tanpa keyboard.

5. Jendela Modal (Overlay)

Kotak dialog yang muncul di tengah arena untuk menampilkan pesan selamat datang, soal kuis, hasil naik/turun level, dan kondisi permainan berakhir (game over).

Kontrol

Penjelasan Seluruh Tombol

Fungsi setiap tombol interaktif dalam permainan.

Tombol	Fungsi
Mulai Petualangan	Memulai permainan dari awal (level saat ini). Tombol akan nonaktif setelah ditekan hingga permainan diulang.
Ulang Total	Mengulang permainan sepenuhnya dari Level 1 dengan skor kembali ke 0.
Tombol Suara (Header)	Mengaktifkan atau mematikan seluruh efek suara permainan (makan buah, jawaban benar/salah, naik level, game over).
	D-Pad sentuh untuk mengarahkan gerak ular di perangkat mobile/tablet (tanpa keyboard).
↑ ↓ ← → atau W A S D	Kontrol keyboard untuk mengarahkan gerak ular di perangkat desktop/laptop.
Pilihan Jawaban Kuis (A/B/C/D)	Empat tombol pilihan ganda yang muncul saat kuis aktif. Klik salah satu untuk menjawab soal.
Lanjutkan Petualangan	Muncul setelah kuis berhasil dijawab (naik level); menutup modal dan melanjutkan permainan.
Coba Lagi	Muncul setelah kuis gagal (level turun); menutup modal dan melanjutkan permainan dari level yang diturunkan.
Main Lagi	Muncul saat Game Over (ular menabrak); mengulang permainan dari Level 1 dengan skor direset.

Panduan Bermain

Cara Bermain Lengkap

Ikuti langkah-langkah berikut untuk memulai petualangan.

1. Buka file game (double-click file HTML), akan muncul jendela sambutan berjudul "Hello Kitty Island Adventure!".
2. Tekan tombol "Mulai Main" pada jendela sambutan, atau "Mulai Petualangan" pada arena permainan.
3. Kendalikan arah gerak ular menggunakan tombol panah/WASD (desktop) atau D-Pad (mobile).
4. Arahkan kepala ular ke buah apel merah untuk memakannya — setiap buah menambah skor dan mengisi progress bar "Progres Buah".
5. Hindari menabrak dinding tepi arena maupun tubuh ular itu sendiri, karena akan mengakhiri permainan (Game Over).
6. Setelah berhasil mengumpulkan 10 buah dalam satu level, permainan akan berhenti sejenak dan jendela Kuis IPA otomatis muncul.
7. Jawablah 5 soal kuis dengan benar. Kamu memiliki 3 nyawa (hati) — jika salah 3 kali, kuis dinyatakan gagal.
8. Jika lulus kuis, level akan naik, skor mendapat bonus, dan kecepatan ular akan sedikit meningkat.
9. Jika gagal kuis, level akan turun satu tingkat dan kamu harus mengumpulkan 10 buah lagi untuk mencoba kuis berikutnya.
10. Permainan terus berlanjut hingga ular menabrak. Tekan "Main Lagi" untuk mengulang petualangan dari awal.

Progresi

Sistem Level

Permainan memiliki 5 level utama, masing-masing terkait satu topik IPA.

1

Makhluk Hidup

Ciri makhluk hidup, fotosintesis, dan adaptasi.

2

Organ Tubuh

Sistem organ dalam tubuh manusia.

3

Gaya & Energi

Gaya, usaha, energi, dan pesawat sederhana.

4

Tata Surya

Susunan tata surya dan fenomena bumi-langit.

5

Perubahan Zat

Perubahan wujud benda dan sifat zat.

∞

Level 6 dst.

Soal akan mengulang bank soal Level 5 secara acak.

Kecepatan ular meningkat seiring naiknya level. Semakin tinggi level, semakin cepat pergerakan ular di arena (kecepatan maksimum dibatasi agar tetap dapat dikendalikan).

Setiap level mewajibkan pemain mengumpulkan 10 buah apel sebelum kuis kenaikan level dapat dipicu kembali.

Ujian Kenaikan

Sistem Kuis

Mekanisme kuis yang menentukan naik atau turunnya level pemain.

Aturan Soal

• Setiap level memiliki bank berisi 10 soal pilihan ganda.
• Saat kuis dipicu, sistem akan mengacak dan memilih 5 soal dari bank soal level tersebut.
• Setiap soal memiliki 4 pilihan jawaban (A, B, C, D).

Sistem Nyawa

• Pemain memiliki 3 nyawa (❤️❤️❤️) di setiap sesi kuis.
• Setiap jawaban salah akan mengurangi satu nyawa.
• Jika 3 kesalahan tercapai, kuis dinyatakan gagal — meskipun masih ada soal tersisa.

Hasil Kuis

Hasil	Efek
LULUS Kesalahan < 3	Level naik satu tingkat, mendapat bonus skor, progres buah direset ke 0.
GAGAL Kesalahan = 3	Level turun satu tingkat (minimal Level 1), progres buah direset ke 0, permainan berlanjut.

Poin

Sistem Skor

Cara skor dihitung selama permainan berlangsung.

Aktivitas	Poin
Memakan 1 buah apel	+10 × level saat ini (cth. Level 3 = +30 poin/buah)
Menjawab 1 soal kuis dengan benar	+50 poin
Berhasil naik level	+100 × level baru (cth. naik ke Level 4 = +400 poin bonus)
Gagal kuis / turun level	Tidak ada pengurangan skor

Skor akan kembali ke 0 setiap kali permainan diulang ("Ulang Total"/"Main Lagi") atau halaman dimuat ulang, karena skor tidak disimpan secara permanen.

Kurikulum Merdeka

Materi IPA yang Digunakan

Ringkasan topik pada bank soal setiap level (masing-masing 10 soal).

1

Makhluk Hidup & Lingkungan

• Penggolongan hewan (herbivora, karnivora, omnivora)
• Fotosintesis dan klorofil
• Bagian tumbuhan (akar, batang, daun)
• Metamorfosis hewan
• Adaptasi dan simbiosis makhluk hidup
• Pernapasan tumbuhan

2

Organ Tubuh Manusia

• Sistem peredaran darah (jantung, pembuluh darah, hemoglobin)
• Sistem pernapasan (paru-paru, alveolus)
• Sistem rangka dan sendi
• Indra penglihatan (mata)
• Sistem pencernaan (enzim amilase)
• Sistem ekskresi (ginjal)

3

Gaya, Usaha & Energi

• Konsep gaya dan gaya gravitasi
• Perubahan bentuk energi (listrik, panas)
• Pesawat sederhana (bidang miring, katrol)
• Gaya gesek
• Satuan gaya (Newton)
• Sumber energi kimia dalam makanan

4

Tata Surya & Bumi

• Susunan tata surya dan planet
• Rotasi dan revolusi bumi
• Satelit alami (bulan)
• Lapisan atmosfer
• Gerhana matahari
• Siklus air (evaporasi)

5

Zat & Perubahannya

• Perubahan wujud zat (menyublim, mencair, mengembun, mengkristal)
• Konduktor dan isolator panas
• Perubahan fisika dan kimia
• Sifat elastis benda
• Sifat-sifat zat gas

Strategi

Tips Bermain

Beberapa strategi agar dapat bermain lebih optimal.

Rencanakan pergerakan beberapa langkah ke depan, terutama saat ular sudah semakin panjang, agar tidak terjebak di sudut arena.

Pelajari materi pada bagian Materi IPA sebelum bermain agar lebih siap menghadapi kuis di setiap level.

Jangan panik saat kuis muncul — perhatikan sisa nyawa (hati) sebelum menjawab, dan pertimbangkan jawaban dengan tenang.

Ingat bahwa kecepatan ular meningkat di level tinggi — latih refleks secara bertahap mulai dari level rendah.

Di perangkat mobile, gunakan D-Pad dengan ibu jari dan posisikan perangkat senyaman mungkin agar kontrol lebih presisi.

Aktifkan suara untuk mendapatkan umpan balik audio saat menjawab benar/salah — membantu fokus tanpa harus selalu melihat teks.

Tanya Jawab

FAQ (Pertanyaan yang Sering Diajukan)

Klik pertanyaan untuk menampilkan jawaban.

Permainan dapat dimainkan secara offline setelah font dan ikon berhasil dimuat sekali dari internet. Untuk penggunaan offline sepenuhnya, disarankan membuka game minimal satu kali saat terhubung internet.

Tidak. Skor akan kembali ke 0 setiap kali halaman dimuat ulang atau permainan diulang dari awal, karena game ini tidak menyimpan data secara permanen.

Bisa. Tampilan bersifat responsif dan D-Pad sentuh akan otomatis muncul menggantikan kontrol keyboard pada layar berukuran di bawah 900px.

Itu adalah mekanisme normal. Setiap kali berhasil mengumpulkan 10 buah, permainan akan berhenti sejenak untuk menampilkan kuis kenaikan level.

Layar akan menampilkan level dan skor akhir yang dicapai, lalu pemain dapat menekan tombol "Main Lagi" untuk mengulang dari Level 1.

Ya. Sistem mengacak urutan dan memilih 5 dari 10 soal yang tersedia pada bank soal level terkait setiap kali kuis dipicu.

Pemecahan Masalah

Troubleshooting

Solusi untuk kendala umum yang mungkin ditemui.

Masalah	Solusi
Font atau ikon tidak tampil dengan benar	Pastikan perangkat terhubung ke internet minimal saat pertama kali membuka file, karena font dan ikon dimuat dari CDN.
Suara tidak keluar	Periksa tombol suara di header (pastikan tidak dalam kondisi mati) dan pastikan volume perangkat tidak senyap. Beberapa browser memerlukan interaksi klik pertama sebelum audio aktif.
Kontrol keyboard tidak berfungsi di HP	Gunakan D-Pad sentuh yang muncul di bawah arena permainan pada mode mobile.
Ular bergerak terlalu cepat	Ini normal pada level tinggi. Coba mulai ulang dari Level 1 dan latih refleks secara bertahap.
Halaman terasa lambat/macet	Tutup tab/aplikasi lain yang berjalan bersamaan, atau muat ulang (refresh) halaman.
Skor hilang setelah refresh	Ini adalah perilaku normal karena game tidak menyimpan skor secara permanen (lihat bagian Sistem Skor).

Hak Cipta

Copyright

© 2026 dbandromedia. Seluruh hak cipta dilindungi undang-undang.

Game "Hello Kitty Island Adventure — Snake Quiz Game" dikembangkan di bawah sub-brand dbclassroom EduPlay, bagian dari ekosistem produk edukasi dbandromedia.

Dilarang memperjualbelikan, mendistribusikan ulang secara komersial, atau mengklaim kepemilikan atas karya ini tanpa izin tertulis dari pengembang.

Terima Kasih

Kredit Pengembang

Dikembangkan oleh: Mr. Daud — dbandromedia

Teknologi: HTML5, CSS3, JavaScript (vanilla), Canvas 2D API, Web Audio API

Font: Fredoka & Nunito (Google Fonts)

Ikon: Font Awesome

Disusun sebagai media pembelajaran interaktif untuk mendukung proses belajar IPA yang menyenangkan bagi siswa SMP.

© 2026 dbandromedia. Buku Panduan Digital — Hello Kitty Island Adventure: Snake Quiz Game. Versi 1.0.