01 / 10
∑

Sobat SMP · 2026

Laboratorium
Maya

10 Media Pembelajaran Interaktif
Matematika Tingkat SMP

Geometri Aritmetika Sosial SPLDV Bilangan Peluang
↓

Peta Laboratorium

10 Lab, 5 Topik

82
Translasi
83
Antar Sudut
84
Diskon
85
Bunga Bank
86
Pecahan
87
Eliminasi Dinamis
88
Eliminasi Grafik
89
Peluang Kartu
90
Bangun Ruang
91
Substitusi
Geometri — 82, 83, 90
Aritmetika Sosial — 84, 85
Bilangan — 86
SPLDV — 87, 88, 91
Peluang — 89
△
◈ Geometri

Eksplorasi Bentuk & Ruang

LAB #82
Translasi
Geser titik, garis, dan bangun datar pada bidang koordinat. Animasi langkah-demi-langkah.
Canvas Animatif
LAB #83
Hubungan Antar Sudut
Drag sudut pada dua garis sejajar — amati sudut sehadap, berseberangan, dalam, dan luar secara langsung.
Drag Interaktif
LAB #90
Bangun Ruang Sisi Datar
Visualisasi 3D balok — putar, ubah dimensi panjang/lebar/tinggi, hitung volume secara real-time.
Three.js 3D
₿
◈ Aritmetika Sosial

Matematika dalam Kehidupan

LAB #84
Aritmetika Sosial — Diskon
Simulasi belanja nyata. Pilih barang → keranjang otomatis menghitung Harga Asli, Rabat, Diskon %, hingga nilai Netto akhir.
Simulasi Belanja Keranjang Dinamis
LAB #85
Lab Bank Digital — Bunga
Simulasi tabungan dengan suku bunga tunggal & majemuk. Grafik pertumbuhan saldo ditampilkan real-time menggunakan Chart.js.
Chart.js Grafik Bunga Majemuk
x
◈ SPLDV

Sistem Persamaan Linear

Dua Variabel · Tiga Pendekatan

LAB #87
Eliminasi Dinamis
UI futuristik bertema "Spektra". Step-by-step proses eliminasi dengan animasi koefisien dan audio feedback.
Sci-Fi Interface
LAB #88
Eliminasi Grafik
Plot dua persamaan, temukan titik potong secara visual. Grafik interaktif + audio konfirmasi jawaban.
Chart.js Grafik
LAB #91
Substitusi
Tema RPG "Misteri Batu Mulia". Selesaikan SPLDV metode substitusi untuk mengungkap nilai batu.
Tema RPG

Bilangan & Peluang

Angka, Pecahan & Kemungkinan

LAB #86
Lab Virtual Pecahan
Skenario koki — bagi bahan makanan secara adil. Siswa mengaplikasikan operasi pecahan dalam konteks nyata yang gamifikasi.
Skenario Koki
LAB #89
Rahasia Peluang Kartu
Simulasi kartu remi — hitung peluang teoritis event tertentu. Audio feedback memperkuat konsep eksperimen peluang teoritis.
Simulasi Kartu

Pola umum semua lab: Tujuan Praktikum → Kajian Teori → Simulasi Interaktif → Verifikasi & Konfirmasi. Progress tracking gamifikasi di setiap tahap.

Platform

Fitur Unggulan

📦
Offline-Ready
Semua aset (JS, CSS, font) tersimpan lokal. Berjalan penuh tanpa koneksi internet.
🎮
Gamifikasi Progress
Badge unlock, checklist tahapan, dan animasi konfirmasi membuat belajar terasa seperti bermain.
🔢
Simulasi Nyata
Input parameter → perubahan terlihat real-time. Bukan sekadar membaca, langsung mencoba.
🌐
3D Interaktif
Lab #90 menggunakan Three.js — putar bangun ruang 3D dengan drag mouse atau touch layar.
🔊
Audio Feedback
Lab #87, #88, #89 menggunakan audio untuk konfirmasi jawaban dan memperkuat konsep.
📱
Touch-Friendly
Mendukung touch event. Dapat dijalankan di tablet, proyektor kelas, atau smartphone siswa.

Stack

Teknologi yang Digunakan

Tailwind CSS
Vanilla JavaScript
Chart.js
Three.js (3D)
MathJax
Font Awesome
Google Fonts (lokal)

Setiap lab adalah satu file HTML — tanpa framework, tanpa build tool.
Buka langsung di browser. Zero dependency runtime.

Tim Pengembang

Di Balik Layar

🏫
Dr. Maulani Mega Hapsari
S.IP., M.A
Direktur SMP
Sobat SMP
✏️
Arif Budiman
M.Pd
SMP Negeri 9 Tangerang
Lab #82 – #86
⚗️
Farhan Nurul Imam
M.Pd
SMP Negeri 35 Bandung
Lab #87 – #91
∞

Laboratorium Maya · SMP

Terima
Kasih.

10 lab siap digunakan di kelas.
Buka index.html masing-masing folder untuk memulai.

82–86 · Arif Budiman 87–91 · Farhan Nurul Imam