📘 Kegiatan Review Kode Program Flutter – Aplikasi To-Do List Siswa

 📘 Kegiatan Review Kode Program Flutter – Aplikasi To-Do List Siswa

Halo semuanya 👋
Hari ini peserta didik melanjutkan pembelajaran pemrograman mobile menggunakan Dart Flutter.
Pada pertemuan sebelumnya, mereka telah berhasil membuat aplikasi To-Do List sederhana menggunakan Zapp.run atau DartPad. Aplikasi tersebut menampilkan daftar tugas yang bisa ditambah dan dikelola oleh pengguna.

---

🧩 Menafsirkan Kode, Memahami Karya – Review Aplikasi To-Do List Siswa Flutter

Setiap baris kode yang ditulis oleh seorang pembelajar pemrograman bukan sekadar perintah bagi komputer, melainkan juga cerminan cara berpikirnya.
Begitu pula dengan peserta didik kami yang kini sedang berproses memahami Dart Flutter, sebuah bahasa dan framework yang menjadi fondasi banyak aplikasi mobile masa kini.

Beberapa waktu lalu, 11 PPLG 1 & 2 telah membuat aplikasi sederhana bertajuk To-Do List, sebuah aplikasi yang memungkinkan pengguna menuliskan dan mengelola daftar kegiatan sehari-hari.
Bagi sebagian orang, mungkin aplikasi ini terlihat sederhana. Namun bagi mereka, inilah pintu masuk untuk memahami bagaimana kode dapat mewujudkan ide menjadi tampilan nyata di layar ponsel.

---

🎯 Makna dan Tujuan Pembelajaran Hari Ini

Hari ini, kita tidak lagi sekadar menulis kode, tetapi belajar membaca dan memahami makna di baliknya.
Setiap widget, setiap struktur tampilan, memiliki logika dan peran yang membentuk pengalaman pengguna.

Melalui kegiatan ini, peserta didik diharapkan:

1. Mampu menjelaskan hubungan antara kode dan tampilan yang dihasilkan dalam aplikasi Flutter.

2. Mampu mengungkapkan pemahamannya secara tertulis di media digital.

3. Melatih refleksi diri dan komunikasi teknologi melalui blog pribadi.

---

💡 Tugas Hari Ini

Tulislah review kode program dari aplikasi To-Do List yang telah kalian buat sebelumnya.
Perhatikan bagaimana setiap bagian kode berperan dalam membentuk tampilan aplikasi.

Langkah-langkah kegiatan:

1. Buka kembali proyek Flutter kalian di Zapp.run atau DartPad.

2. Pilih beberapa bagian kode penting (misalnya Scaffold, AppBar, ListView, TextField, FloatingActionButton, dan lainnya).

3. Buat tabel seperti berikut untuk menjelaskan fungsi tiap bagian:

===========================================================

🧠 Contoh Review Kode Program: Tombol (FloatingActionButton)

💻 Potongan Kode

floatingActionButton: FloatingActionButton(
  onPressed: () {
    setState(() {
      tasks.add(newTaskController.text);
      newTaskController.clear();
    });
  },
  child: Icon(Icons.add),
  backgroundColor: Colors.blue,
),

🧩 Penjelasan Fungsi Kode

Bagian Kode	Widget	Fungsi	Hasil Tampilan
FloatingActionButton(...)	FloatingActionButton	Membuat tombol melayang di pojok bawah kanan aplikasi	Tombol bundar dengan ikon “+”
onPressed: () { ... }	Callback function	Menentukan aksi ketika tombol ditekan	Menambahkan tugas baru ke daftar
child: Icon(Icons.add)	Icon	Menampilkan ikon tanda tambah di dalam tombol	Ikon “+” putih di atas latar biru
backgroundColor: Colors.blue	Property	Mengatur warna latar tombol	Warna tombol menjadi biru

📱 Tampilan di Aplikasi

Gambar hasil tampilan dapat disertakan oleh siswa, misalnya:

(contoh deskripsi jika tanpa gambar)

Di bagian kanan bawah layar, terdapat tombol bundar berwarna biru dengan ikon “+”. Saat ditekan, pengguna bisa menambahkan item baru ke daftar To-Do List.

Atau jika menyertakan screenshot:
📸 [Sisipkan tangkapan layar tombol di aplikasi]

🪞 Refleksi Siswa (contoh isi paragraf)

Dari bagian kode ini, saya memahami bahwa widget FloatingActionButton bukan hanya elemen visual, tetapi juga memiliki logika interaktif melalui fungsi onPressed. Saat pengguna menekan tombol ini, daftar tugas diperbarui dengan data baru. Saya merasa menarik karena satu potongan kode sederhana bisa menghubungkan tampilan dan aksi pengguna secara langsung.

===========================================================

4. Tambahkan tangkapan layar (screenshot) dari tampilan aplikasi kalian.

5. Akhiri tulisan dengan refleksi pribadi, misalnya:

   “Dari proses ini, saya belajar bahwa kode tidak hanya memerintah mesin, tetapi juga membentuk cara kita berpikir terstruktur dan kreatif.”

---

✍️ Publikasi di Blog Pribadi

Tulisan review ini dipublikasikan di blog pribadi kalian (Blogger, WordPress, Medium, atau platform lain) dengan ketentuan berikut:

• Judul postingan:
  Review Kode Program Flutter: Aplikasi To-Do List Saya

• Isi postingan mencakup:

  • Pendahuluan singkat tentang aplikasi

  • Tabel penjelasan fungsi kode

  • Screenshot hasil tampilan

  • Refleksi pribadi

---

🔗 Membagikan Link di Blog Guru

Setelah postingan kalian terbit, salin tautan (link) postingan tersebut dan tuliskan di kolom komentar di bawah postingan ini dengan format:

Nama: …
Kelas: …
Link Blog Review: …

Dengan cara ini, semua karya siswa akan saling terhubung dan menjadi galeri digital pembelajaran kita bersama — ruang di mana setiap karya bisa dilihat, dibaca, dan diapresiasi oleh banyak mata 👀✨

---

🌱 Penutup

Kegiatan ini bukan hanya soal memahami kode, tetapi juga tentang memaknai proses belajar.
Setiap widget yang kamu jelaskan adalah bukti bahwa kamu mulai mengenali bagaimana teknologi bekerja — dan bagaimana kamu bisa menjadi bagian dari dunia yang membangunnya.

Mari terus belajar dengan cara yang reflektif dan bermakna.
Selamat menulis, menafsirkan, dan memahami karya kalian sendiri 💻💬

Silakan tulis link blog kalian di kolom komentar di bawah ini 👇
Bapak tunggu hasil refleksi dan penjelasan terbaik dari masing-masing kalian. 

---

🌱Salam: Redaksi