Peran setiap widget utama Flutter

 Kita Belajar seharian (7.15–14.00) dengan Project Based Learning + deep understanding, fleksibel tapi tetap jalan.

---

🕢 GAMBARAN UMUM HARI PEMBELAJARAN

Proyek hari ini:
📱 UI Dasar Aplikasi Flutter – Catatan / To-Do App

Output hari ini (realistis):

• Aplikasi sudah tampil halaman utama

• Ada AppBar, input, tombol, dan list (belum sempurna)

• Siswa paham alur widget, bukan sekadar copy-paste

---

⏰ ALUR PEMBELAJARAN REAL DI KELAS

🕢 07.15 – 07.30 | PEMBUKAAN & SETTING KELAS

Aktivitas Guru

• Absensi singkat

• Cek perangkat (laptop, charger, emulator)

• Briefing santai:

  “Hari ini kita nggak ngejar banyak kode, tapi bikin aplikasi yang ngerti isinya.”

Aktivitas Siswa

• Menyiapkan laptop

• Membuka project Flutter

🎯 Tujuan: kelas siap, mood naik, tidak langsung koding berat

---

🕢 07.30 – 08.00 | PEMANTIK & KONTEKS NYATA

Aktivitas

• Tanya jawab cepat:

  • “Aplikasi apa yang sering kalian buka pagi hari?”

  • “Kalau aplikasi catatan, bagian utamanya apa?”

• Guru gambar sketsa UI sederhana di papan

📌 Belum koding, fokus berpikir struktur aplikasi

---

🕗 08.00 – 09.00 | KONSEP INTI + DEMO LANGSUNG

Materi:

• MaterialApp

• Scaffold

• AppBar

Metode

• Guru live coding pelan

• Setiap widget dijelaskan:

  • fungsi

  • posisi

  • kalau tidak ada, apa yang terjadi

Checkpoint

• Siswa bisa menjawab:

  “Kenapa Scaffold wajib ada?”

---

🕘 09.00 – 09.30 | PRAKTIK TERBIMBING (AMAN DARI KETINGGALAN)

Aktivitas

• Siswa meniru kode dasar

• Guru keliling

• Yang cepat → diminta menjelaskan ke temannya

🎯 Anti kelas timpang

---

🍽️ 09.30 – 10.00 | MAKAN BERGIZI GRATIS (FLEKSIBEL)

👉 Ini waktu rawan, jadi jangan target berat

Strategi Guru

• Stop koding

• Sambil makan:

  • Diskusi ringan

  • Tanya konsep:

    • “Column itu vertikal atau horizontal?”

    • “Kalau mau ke samping pakai apa?”

📌 Belajar tetap jalan tanpa laptop

---

☕ 10.00 – 10.15 | ISTIRAHAT RESMI

---

🕥 10.15 – 11.15 | LAYOUT & INTERAKSI

Materi:

• Column & Row

• Container

• Text

• TextField

Aktivitas

• Menyusun UI:

  • Judul

  • Input

  • Area konten

Pendekatan

• Guru kasih tantangan kecil:

  “Bikin input dan teks, tapi tampilan rapi.”

🎯 Fokus logika layout, bukan estetika dulu

---

🕌 11.15 – 12.30 | JEDA SHOLAT JUMAT

Catatan Strategis

• Untuk siswi:

  • Refleksi tertulis ringan:

    • Fungsi widget hari ini

    • Screenshot tampilan terakhir

• Tidak ada target teknis berat

---

🕧 12.30 – 13.15 | LIST & AKSI

Materi:

• ListView

• FloatingActionButton

• Padding, SizedBox, Expanded

Aktivitas

• Menambahkan:

  • Daftar tampilan

  • Tombol tambah

• Guru tekankan:

  “FAB itu bukan hiasan, tapi aksi utama.”

---

🕐 13.15 – 13.45 | MINI PROYEK (MANDIRI TERARAH)

Tugas

• Siswa:

  • Merapikan UI

  • Mengatur jarak

  • Mengubah teks sesuai ide masing-masing

📌 Belum pakai database — UI dulu matang

---

🕝 13.45 – 14.00 | REFLEKSI & PENUTUP

Refleksi Lisan

• “Widget apa paling penting hari ini?”

• “Bagian mana yang bikin bingung?”

Output

• Screenshot aplikasi

• Commit / simpan project

---

🧠 KUNCI SUPAYA PEMBELAJARAN HIDUP

✔ Jangan kejar semua fitur
✔ Biarkan siswa paham pelan tapi nempel
✔ Banyak tanya “kenapa”, bukan “ikutin”
✔ Pakai analogi dunia nyata

---

🔁 OPSI LANJUTAN (PERTEMUAN BERIKUTNYA)

• State & setState

• CRUD sederhana

• Local database

• UX improvement

---

Salam, Flutter Pemula