LKPD PRAKTIKUM FLUTTER
✨ Apa sih CRUD itu?
CRUD itu singkatan dari:
Create → nambah data (misalnya nambah jadwal)
Read → nampilin data
Update → edit data
Delete → hapus data
Di aplikasi jadwal pelajaran, CRUD ini bakal jadi fitur utama.
📱 Konsep Aplikasi
Aplikasi yang kita buat bakal punya fitur:
Tambah jadwal pelajaran
Lihat daftar jadwal
Edit jadwal
Hapus jadwal
Simple, tapi powerful buat belajar dasar Flutter 💪
🧠 Kenalan sama setState
Di Flutter, setState() itu penting banget. Fungsinya buat:
ngasih tahu aplikasi kalau ada perubahan data, jadi UI-nya ikut update
Contoh gampang: Kalau kamu nambah jadwal baru, tanpa setState, data nggak bakal langsung muncul.
🛠️ Struktur Data
Biasanya kita pakai list of map:
Dart
List<Map<String, String>> jadwal = [];
Isinya kira-kira kayak gini:
Dart
{
"hari": "Senin",
"mapel": "Matematika",
"jam": "07.00 - 08.30"
}
➕ Create (Tambah Jadwal)
Tambahin data ke list:
Dart
setState(() {
jadwal.add({
"hari": hariController.text,
"mapel": mapelController.text,
"jam": jamController.text,
});
});
👀 Read (Tampilkan Data)
Pakai ListView.builder:
Dart
ListView.builder(
itemCount: jadwal.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(jadwal[index]['mapel']!),
subtitle: Text(jadwal[index]['hari']!),
);
},
)
✏️ Update (Edit Jadwal)
Ubah data berdasarkan index:
Dart
setState(() {
jadwal[index] = {
"hari": hariBaru,
"mapel": mapelBaru,
"jam": jamBaru,
};
});
❌ Delete (Hapus Jadwal)
Hapus data:
Dart
setState(() {
jadwal.removeAt(index);
});
🔥 Kenapa Project Ini Worth It?
Cocok buat pemula
Melatih logika CRUD
Ngerti cara kerja state di Flutter
Bisa dikembangin lagi (pakai database, dll)
💡 Tips Biar Lebih Keren
Kalau mau upgrade project kamu:
Tambahin UI yang aesthetic (biar nggak plain 😅)
Simpan data pakai SQLite / Hive
Tambahin fitur notifikasi jadwal
🎯 Kesimpulan
Bikin aplikasi jadwal pelajaran itu bukan cuma tugas biasa, tapi bisa jadi batu loncatan buat ngerti Flutter lebih dalam. Dengan konsep CRUD + setState, kamu udah pegang basic yang penting banget di dunia mobile dev.
Komentar
Posting Komentar