🧭 Pendalaman Widget Flutter: Eksperimen Mandiri & Penyusunan UI

Pembelajaran Mandiri Terstruktur (08.45 – 15.00)

Pembelajaran Flutter hari ini merupakan kelanjutan dari materi sebelumnya yang telah membahas widget dasar. Pada pertemuan ini, peserta didik diarahkan untuk melakukan pendalaman, eksperimen mandiri, dan perapian tampilan aplikasi, dengan pendekatan learning by doing.

Pembelajaran dilaksanakan secara mandiri dan terstruktur, karena guru tidak dapat membersamai secara langsung di kelas. Oleh karena itu, peserta didik diharapkan mengikuti seluruh instruksi dengan disiplin dan tanggung jawab.

---

🔰 Tujuan Pembelajaran Hari Ini

Setelah mengikuti pembelajaran ini, peserta didik diharapkan mampu:

• Menguatkan pemahaman struktur dasar aplikasi Flutter

• Mengombinasikan berbagai widget dalam satu tampilan

• Melakukan eksperimen koding secara mandiri

• Menyusun tampilan UI sederhana yang rapi dan kekinian

• Mendokumentasikan proses dan hasil pembelajaran

---

⏰ Rundown Kegiatan Pembelajaran

🕘 08.45 – 09.15 | Pembukaan & Aktivasi Mandiri

Peserta didik diminta untuk:

1. Membuka project Flutter masing-masing

2. Menjalankan project terakhir

3. Memastikan aplikasi tidak mengalami error

4. Jika terjadi error, wajib memperbaiki terlebih dahulu sebelum melanjutkan

📌 Output:
Aplikasi sebelumnya dapat dijalankan dengan normal.

---

🕘 09.15 – 10.15 | Review Aktif (Mandiri Berpandu)

Peserta didik menuliskan kembali fungsi widget berikut menggunakan bahasa sendiri (tidak copas):

Widget	Fungsi
MaterialApp
Scaffold
AppBar
Column / Row
Container

🎯 Tujuan kegiatan ini adalah memastikan peserta didik memahami konsep widget, bukan sekadar menulis kode.

---

🕥 10.15 – 12.00 | Inti 1 – Eksperimen Terarah

Peserta didik membuat 1 halaman aplikasi Flutter dengan ketentuan:

Wajib ada:

• AppBar (judul bebas)

• Column atau Row

• Minimal 1 Container

• Minimal 3 Text

• Padding dan SizedBox

• Warna bebas, namun tetap rapi

Aturan eksperimen:

• Mengubah warna

• Mengatur jarak antar widget

• Mengubah posisi layout

• Jika terjadi error, dicatat dan dicoba diperbaiki

📸 Output sementara:

• Screenshot tampilan aplikasi

• Screenshot kode program

---

🕛 12.00 – 13.00 | ISHOMA

---

🕐 13.00 – 14.00 | Inti 2 – Kombinasi Widget (Level Lanjut)

Peserta didik menambahkan dua widget baru, yaitu:

• TextField

• FloatingActionButton

Ketentuan:

• TextField tidak perlu diberi fungsi

• FloatingActionButton boleh menggunakan onPressed: () {} kosong

🎯 Tujuan kegiatan ini adalah melatih penggunaan struktur Scaffold secara lengkap.

---

🕑 14.00 – 14.30 | Inti 3 – Perapian UI

Peserta didik melakukan perapian tampilan dengan cara:

• Menyusun ulang layout

• Merapikan jarak antar widget

• Menambahkan Card (opsional)

• Memastikan UI terlihat nyaman dan rapi

📌 Prinsip utama:

Sedikit widget, tapi rapi dan jelas

---

🕝 14.30 – 15.00 | Penutup & Pengumpulan

Peserta didik menyiapkan:

1. Screenshot tampilan aplikasi

2. Screenshot kode program

3. Refleksi singkat:

   • Widget yang paling dipahami

   • Widget yang masih membingungkan

   • Error yang muncul hari ini

---

📰 Bentuk Pengumpulan Akhir (WAJIB)

Seluruh hasil pembelajaran hari ini DIJADIKAN SATU POSTINGAN, berisi:

• Cerita singkat proses pembelajaran

• Screenshot tampilan aplikasi

• Screenshot kode program

📌 Setelah posting:
👉 Link postingan WAJIB dituliskan di kolom komentar postingan guru

❌ Bukan di chat WA
❌ Bukan japri

---

⚠️ Catatan Penting

• Tidak membuat project baru

• Tidak menginstal plugin tambahan

• Fokus pada 1 halaman aplikasi

• Yang dinilai adalah proses, usaha, dan kerapian

---

🎯 Output Akhir Pembelajaran

✔ Setiap peserta didik memiliki 1 UI Flutter utuh
✔ Peserta didik terbiasa bereksperimen mandiri
✔ Guru memperoleh dokumentasi hasil belajar

---

Salam, Redaksi.