Materi Penjelasan & To Do List

 

materi aplikasi Flutter To-Do List

1. pengertian Flutter

Flutter adalah framework dari Google yang digunakan untuk membuat aplikasi dengan satu kode program. Flutter menggunakan bahasa pemrograman Dart dan dapat digunakan untuk membuat aplikasi Android, iOS, web, dan desktop.

Pada aplikasi ini, Flutter digunakan untuk membuat aplikasi To-Do List, yaitu aplikasi yang digunakan untuk mencatat dan mengatur tugas.

2. pengertian To-Do List

To-Do List adalah daftar tugas yang harus dilakukan. Aplikasi To-Do List membantu pengguna mencatat tugas, menentukan prioritas, deadline, serta menandai tugas yang sudah selesai.

3. tujuan aplikasi

Tujuan dibuatnya aplikasi ini adalah untuk membantu pengguna:

mencatat tugas dengan mudah

mengatur tugas berdasarkan kategori

menentukan tingkat prioritas

menentukan deadline

mencari tugas

menandai tugas yang sudah selesai

mengetahui jumlah tugas yang sudah dan belum selesai

4. fitur aplikasi

Aplikasi Flutter To-Do List yang dibuat memiliki beberapa fitur utama:

Tambah tugas

Digunakan untuk membuat tugas baru dengan memasukkan nama tugas, kategori, prioritas, dan deadline.

Edit tugas

Digunakan untuk mengubah informasi tugas yang sudah dibuat.

Hapus tugas

Digunakan untuk menghapus tugas dari daftar.

Checklist tugas

Digunakan untuk menandai tugas yang sudah selesai.

Pencarian

Pengguna dapat mencari tugas berdasarkan nama tugas.

Filter tugas

Tugas dapat ditampilkan berdasarkan status:

semua

belum selesai

selesai

Kategori

Tugas dapat dikelompokkan menjadi beberapa kategori seperti Sekolah, Belajar, Pribadi, dan Lainnya.

Prioritas

Tugas mempunyai tiga tingkat prioritas:

🟢 Rendah

🟠 Sedang

🔴 Tinggi

Deadline

Pengguna dapat menentukan tanggal batas pengerjaan tugas.

Progress

Aplikasi menampilkan persentase tugas yang sudah selesai.

Dark Mode

Tampilan aplikasi dapat diubah menjadi mode terang atau gelap.

5. bahasa pemrograman

Aplikasi ini menggunakan Dart sebagai bahasa pemrograman. Dart digunakan untuk mengatur logika aplikasi, seperti menambahkan, mengedit, menghapus, dan menyelesaikan tugas.

Flutter menyediakan berbagai widget untuk membuat tampilan aplikasi, seperti:

Scaffold → struktur dasar halaman.

AppBar → bagian atas aplikasi.

Text → menampilkan teks.

TextField → memasukkan teks.

Button → tombol untuk menjalankan perintah.

Checkbox → menandai tugas selesai.

Card → membuat tampilan tugas berbentuk kartu.

DropdownButton → memilih kategori atau prioritas.

FloatingActionButton → tombol tambah tugas.

6. konsep CRUD

Aplikasi To-Do List juga menerapkan konsep CRUD:

CRUD Fungsi

Create Menambahkan tugas

Read Menampilkan tugas

Update Mengedit tugas

Delete Menghapus tugas

Contohnya, ketika pengguna menekan tombol Tambah, aplikasi melakukan proses Create. Ketika tugas ditampilkan di layar, aplikasi melakukan Read.

7. StatefulWidget

Pada aplikasi ini digunakan StatefulWidget karena data tugas dapat berubah selama aplikasi berjalan.

Contohnya ketika:

menambahkan tugas

menghapus tugas

mengedit tugas

mencentang tugas

mengubah mode gelap

Untuk memperbarui tampilan setelah data berubah digunakan:

setState(() {

  // perubahan data

});

setState() memberitahu Flutter bahwa terdapat perubahan data sehingga tampilan perlu diperbarui.

8. penggunaan DartPad

DartPad adalah tempat untuk mencoba kode Dart dan Flutter secara langsung melalui browser. Pada proyek ini, kode Flutter dapat ditempel ke DartPad dengan memilih mode Flutter, kemudian menekan tombol Run.

Kelebihan menggunakan DartPad untuk proyek sederhana adalah tidak perlu melakukan instalasi Flutter secara lengkap di komputer.

9. kesimpulan

Aplikasi Flutter To-Do List merupakan aplikasi sederhana untuk membantu pengguna mengatur tugas. Aplikasi ini menggunakan bahasa Dart dan framework Flutter serta menerapkan konsep widget, StatefulWidget, setState(), dan CRUD.

Dengan proyek ini, kita dapat mempelajari dasar-dasar pembuatan aplikasi Flutter, terutama tentang tampilan, input pengguna, pengelolaan data, event tombol, dan perubahan state.