Pendalaman Widget Penting Flutter (Fokus Latihan & Eksperimen Koding)

 

Rancangan Kegiatan Pembelajaran Satu Hari Penuh

Pendalaman Widget Penting Flutter (Fokus Latihan & Eksperimen Koding)

Pembelajaran pemrograman mobile tidak akan efektif jika hanya berisi teori. Oleh karena itu, pendalaman widget Flutter perlu dirancang dalam bentuk kegiatan praktik intensif satu hari penuh, agar siswa benar-benar memahami struktur, fungsi, dan penerapannya dalam aplikasi nyata.

Artikel ini membahas rancangan kegiatan pembelajaran dari 08.45–15.00 dengan pendekatan learning by doing, sangat cocok diterapkan di kelas RPL/PPLG SMK.

---

Tujuan Pembelajaran

Setelah mengikuti pembelajaran ini, siswa diharapkan mampu:

• Memahami struktur dasar aplikasi Flutter

• Menggunakan widget utama Flutter dengan benar

• Mengombinasikan berbagai widget dalam satu tampilan

• Melakukan eksperimen koding secara mandiri

• Menyusun tampilan aplikasi sederhana namun rapi

---

Fokus Materi Widget Flutter

Widget yang diperdalam dalam pembelajaran ini meliputi:

• MaterialApp

• Scaffold

• AppBar

• Column dan Row

• Container

• Text

• TextField

• ListView

• FloatingActionButton

• Widget pendukung: Padding, SizedBox, Expanded, dll

---

Rancangan Kegiatan Pembelajaran (08.45 – 15.00)

🟦 A. Pendahuluan (08.45 – 09.15 | 30 Menit)

Kegiatan:

• Guru memberi salam dan mengecek kehadiran

• Apersepsi: diskusi singkat aplikasi mobile yang sering digunakan siswa

• Menyampaikan tujuan dan alur kegiatan satu hari penuh

• Kontrak belajar: fokus praktik, aktif bertanya, dan mencoba

Output:
Siswa siap secara mental dan memahami target pembelajaran hari ini.

---

🟦 B. Penguatan Konsep Dasar Flutter (09.15 – 10.00 | 45 Menit)

Materi Inti:

• Struktur dasar Flutter:

  void main() => runApp(MyApp());
  

• Hubungan antara:

  • MaterialApp

  • Scaffold

  • AppBar

  • body

Metode:

• Penjelasan singkat

• Live coding oleh guru

• Tanya jawab interaktif

Output:
Siswa memahami kerangka dasar aplikasi Flutter.

---

🟦 C. Latihan Wajib Terstruktur (10.00 – 11.30 | 90 Menit)

Tugas Siswa:
Membuat tampilan aplikasi sederhana dengan ketentuan:

• AppBar dengan judul

• Body menggunakan Column

• Minimal 3 widget Text

• Struktur rapi dan tidak error

Pendampingan:

• Guru berkeliling

• Membantu debugging

• Mengarahkan struktur widget yang benar

Output:
Setiap siswa memiliki aplikasi Flutter sederhana yang berjalan.

---

🟦 D. Istirahat (11.30 – 12.30 | 60 Menit)

---

🟦 E. Eksperimen Mandiri & Kreatif (12.30 – 14.00 | 90 Menit)

Eksperimen yang dilakukan siswa:

• Mengubah warna AppBar

• Mengganti Column menjadi Row

• Menambahkan Padding dan SizedBox

• Menambahkan FloatingActionButton

• Mencoba TextField atau ListView

Catatan Penting:
Tidak ada jawaban benar atau salah, yang dinilai adalah:

• Keberanian mencoba

• Pemahaman struktur widget

• Kerapian tampilan

Output:
Aplikasi berkembang sesuai kreativitas masing-masing siswa.

---

🟦 F. Presentasi Singkat & Refleksi (14.00 – 14.45 | 45 Menit)

Kegiatan:

• Beberapa siswa mempresentasikan hasil koding

• Menjelaskan widget yang digunakan

• Guru dan siswa lain memberi umpan balik

Refleksi Bersama:

• Widget apa yang paling mudah?

• Widget apa yang paling menantang?

• Kesalahan apa yang sering terjadi?

---

🟦 G. Penutup (14.45 – 15.00 | 15 Menit)

• Kesimpulan materi

• Motivasi belajar Flutter

• Informasi tugas lanjutan (opsional):

  • Memperbaiki UI

  • Menambah satu widget baru di rumah

---

Penutup

Rancangan pembelajaran satu hari penuh ini dirancang agar siswa tidak hanya paham konsep, tetapi juga terbiasa membaca struktur widget dan bereksperimen dengan kode. Dengan pendekatan praktik intensif, siswa akan lebih percaya diri dalam mengembangkan aplikasi Flutter ke tahap selanjutnya.

“Kalau kita kalah di pintar, kita maksimalkan disiplin dan latihan.”

Semoga rancangan ini bermanfaat dan bisa langsung diterapkan di kelas 🚀
Jika ingin versi RPP ringkas, modul siswa, atau source code latihan, silakan lanjutkan diskusi 👍
hubungi : 082321190287