Table of Contents

Lab Coding Blok: Logika Dasar.

HTML CSS JavaScript

Simulasi visual block-coding berbasis browser untuk warga belajar Paket B Fase D — menyusun blok instruksi bergambar untuk membangun pemahaman algoritma, loop, dan percabangan.

Last updated: Today

Lab Coding Blok: Logika Dasar

Lab Coding Blok: Logika Dasar adalah simulasi visual block-coding berbasis browser yang dibangun untuk platform Ruang Murid, Rumah Pendidikan — ditujukan bagi warga belajar Pendidikan Kesetaraan Paket B, Fase D (Keterampilan Koding & Kecerdasan Artifisial).

Peserta menyusun blok instruksi bergambar seperti menyusun puzzle, lalu menjalankan animasi simulasi secara langsung. Pendekatan ini membangun computational thinking secara intuitif melalui konteks kehidupan nyata — tanpa perlu pengalaman coding sebelumnya.

Seluruh aplikasi berjalan sebagai file statis tanpa server, tanpa instalasi, dan tanpa akun.


Features

  • 5 level, 15 tantangan — dari sequence hingga loop, percabangan, variabel, dan chatbot sederhana
  • Blok instruksi: Maju, Belok, Ulangi N, Ulangi Selamanya, Jika-Maka, Jika-Tidak, Variabel, Tampilkan, Berhenti, Mulai
  • Drag-and-drop blok dengan nested block (blok di dalam loop/kondisi)
  • Animasi simulasi real-time sesuai program yang disusun
  • Sistem skor otomatis dengan lencana pencapaian: Ahli Coding Logika, Skor 300+
  • Jurnal refleksi tersimpan di localStorage
  • Antarmuka tab mobile: Blok / Program / Simulasi
  • Tap-to-pick + tap-to-place untuk layar sentuh
  • Konten penuh Bahasa Indonesia

Level

LevelKonsepKonteks
1 — Peta PetualanganSequenceMemandu karakter di peta
2 — Kebun PanenLoop (for/while)Memanen hasil kebun otomatis
3 — Kasir WarungPercabangan (if-else)Robot kasir hitung kembalian
4 — Lampu Lalu LintasLoop + if-elseSistem lampu dengan kondisi darurat
5 — Asisten ChatbotGabungan semua + variabelChatbot sederhana bebas kreasi

License

MIT License © 2026 FannyDevz