ICE BREAKING RPL

💻

Rakit Web Manusia Mode: Preview (Dummy)

Logged in as: Admin (ADMIN)

⚡ Ice Breaking Interaktif SMK RPL Kelas 10

Menghubungkan Informatika dengan Web Developer

Simulasi interaktif alur logika sistem web tanpa komputer. Membantu siswa memahami mengapa calon Web Developer wajib menguasai materi Logika dan Algoritma Informatika!

⏱️ Durasi: 15-20 m

|

👥 Kelompok: 4-5 Siswa

👥 Kartu Eksplorasi 5 Peran Web Ecosystem

Bagi kelas menjadi kelompok yang terdiri dari 5 siswa. Setiap siswa akan memegang satu peran kunci di bawah ini:

👤

User (Pengguna Web)

Inisiator Perintah Permintaan

Posisi 1

📌 Tugas Utama dalam Game:

Memberikan perintah lisan (misal: "Saya mau membeli baju polos warna merah").

🔗 Analogi Dunia Nyata:

Mewakili pengguna biasa yang mengklik tombol di Tokopedia atau Instagram.

⚠️ Aturan Komunikasi: Hanya boleh menyampaikan pesan lisan ke Frontend Developer. Tidak boleh langsung ke Backend!

🔄 Live Pipeline Data Simulator

Simulasikan pergerakan data dari satu orang ke orang lain sesuai urutan sistem web.

👤

1. User

🎨

2. Frontend

⚙️

3. Backend (Informatika)

🗄️

4. Database

🐛

5. QA Tester

USER Berkata: Langkah 1 dari 6

"Saya mau beli Baju Polos warna Merah."

User memberikan permintaan input ke Frontend Developer.

⏱️ Timer Countdown Aktivitas

15:00

📋 Panduan Kronologis Guru / Fasilitator

1

Pengenalan (2 Menit): Tanyakan: "Siapa yang biasa belanja di Tokopedia? Apa yang terjadi saat tombol klik dipencet?"

2

Pembagian Role (3 Menit): Bagi kelompok (5 siswa). Tentukan siapa User, Frontend, Backend, DB, & QA.

3

Simulasi Skenario (7 Menit): Jalankan Transaksi Normal, lalu berikan jebakan stok -5!

4

Refleksi Informatika (5 Menit): Buka diskusi relevansi mata pelajaran Informatika dengan profesi RPL Web Dev.

💬 Pertanyaan Panduan Diskusi Pasca-Permainan

Gunakan pertanyaan pemantik ini untuk menggali pemahaman siswa di akhir aktivitas:

1. Ke Frontend Developer: "Bagaimana jika Backend belum memberi jawaban?"

Arah Jawaban: Web akan terus loading atau blank. Tampilan bagus tidak ada artinya tanpa logika Backend yang memproses data!

2. Ke Backend: "Apa yang terjadi jika Anda tidak punya aturan logika validator?"

Arah Jawaban: Sistem akan bug, pesanan bernilai minus lolos, dan toko rugi. Di sinilah materi **Informatika (Algoritma & Kondisional)** bekerja!

3. Kesimpulan Utama: "Mengapa anak RPL wajib belajar Informatika?"

🌟 Pesan Kunci Guru: Frontend adalah cat & dekorasi rumah, sedangkan Informatika adalah struktur pondasi dan aliran listriknya. Tanpa logika Informatika, Web Developer hanya bisa membuat gambar diam!

Proporsi Durasi Aktivitas Ice Breaking

Matriks Keahlian Informatika vs Web Dev

📝 Form Refleksi Siswa

Isikan pemahaman Anda setelah mengikuti simulasi Rakit Web Manusia.

Nama Lengkap / Kelompok:

Peran yang Dimainkan: -- Pilih Peran -- 1. User (Pengguna Web) 2. Frontend Developer 3. Backend Developer (Informatika) 4. Database Administrator 5. QA / Bug Tester

Apa hubungan Informatika dengan Web Developer menurut Anda?

Kesan Keseluruhan Aktivitas Ini:

✅ Terima kasih! Refleksi Anda berhasil tersimpan.

👑 Control Panel Fasilitator & Rekap Refleksi

Halaman khusus Guru/Admin untuk melihat rekapitulasi data masukan dari siswa.

Waktu	Nama / Kelompok	Peran	Pemahaman Informatika	Kesan

WebApp Ice Breaking "Rakit Web Manusia" - Modul Informatika & Rekayasa Perangkat Lunak SMK

🔐 Login Custom Password

Masukan kredensial untuk mengakses role khusus.

Username:

Password:

❌ Username atau password salah!

Kredensial Dummy:

• Admin Guru: admin / admin123

• Siswa Peserta: peserta / peserta123