ETS PPB A

 Nama: Clarissa Luna Maheswari

NRP    : 5025211003

github: https://github.com/ilomimo/ppb-ets

youtube: https://youtu.be/UR9U_y5hCYU 




    Aplikasi Daily Task Manager merupakan aplikasi manajemen tugas harian yang dirancang untuk membantu pengguna dalam mencatat, mengelompokkan, memprioritaskan, dan menyelesaikan aktivitas mereka secara terstruktur. Aplikasi ini dibangun menggunakan Jetpack Compose dengan gaya desain minimalis yang menekankan pada pengalaman pengguna yang bersih dan intuitif. Untuk menjalankan aplikasi ini, digunakan sejumlah library penting seperti material3, foundation, dan activity-compose. Semua dependensi tersebut didefinisikan dalam file build.gradle (Module: app) dengan tambahan konfigurasi compose = true untuk mengaktifkan fitur Compose. Beberapa pustaka juga di-import langsung dalam kode seperti androidx.compose.foundation.layout.*, androidx.compose.material3.*, serta android.app.DatePickerDialog dan TimePickerDialog untuk mendukung pemilihan tanggal dan waktu. Struktur ini memastikan aplikasi dapat berjalan secara responsif, modern, dan sesuai standar desain Material 3.

1. Sistem Login

Aplikasi ini dimulai dengan tampilan login screen yang memberikan tiga pilihan utama kepada pengguna: login dengan akun (username dan password), login dengan Google (UI disiapkan untuk integrasi ke API eksternal seperti Firebase), serta opsi Sign Up bagi pengguna baru.

Antarmuka login didesain dengan gaya modern menggunakan elemen Card yang membulat dan komponen Material3, menciptakan nuansa profesional dan ramah pengguna. Field input memiliki validasi dasar dan tombol “Done” langsung menutup keyboard.

2. Halaman Utama (Task Board View)


Setelah login berhasil, pengguna diarahkan ke halaman utama. Di bagian atas halaman ini terdapat judul board (default: “My Board”) yang dapat diubah langsung oleh pengguna. 

Di sisi kanan atas, terdapat penanda jumlah total task yang sedang dikelola. Tombol aksi utama berupa Floating Action Button (FAB) berada di kanan bawah layar dan hanya muncul ketika pengguna berada di halaman utama (tidak sedang menambahkan atau mengedit task).

3. Menambahkan Tugas Baru


Saat menekan tombol +, pengguna diarahkan ke tampilan form penambahan tugas. Form ini mencakup:

  • Judul tugas

  • Tanggal dan waktu deadline

  • Status tugas (Not Started, In Progress, Done)

  • Prioritas (Low, Medium, High)

  • Tags (pengguna bisa memilih dari daftar default atau menambahkan tag baru)

  • Catatan tambahan (notes)

Form ini dirancang agar tampil di tengah layar dalam bentuk card dengan ukuran proporsional dan scrollable. Layout dan spacing disusun agar tidak tampak penuh dan tetap estetis.


4. Daftar Tugas dan Fitur Sortir/Filter


Semua task yang telah ditambahkan akan muncul di daftar utama, dengan urutan sesuai opsi sorting yang dipilih:

  • Sorting berdasarkan: Deadline, Priority, atau Status

  • Dilengkapi dengan tombol ascending / descending (↑ / ↓)

Selain itu, pengguna juga dapat melakukan filtering berdasarkan:

  • Status

  • Prioritas

  • Tag

Setiap task ditampilkan dalam bentuk kartu yang menampilkan judul, deadline lengkap (tanggal dan jam), status, prioritas, tag, dan catatan jika ada. Checkbox di sisi kanan memungkinkan pengguna menandai tugas sebagai selesai. Tugas yang telah selesai akan otomatis dipindahkan ke bagian bawah daftar dan ditampilkan dengan opasitas lebih rendah sebagai penanda statusnya.

Tersedia tombol Reset Filter untuk menghapus semua filter aktif dan mengembalikan tampilan ke seluruh daftar tugas.

5. Detail dan Edit Tugas



Setiap task dapat diklik untuk membuka tampilan detail. Di sini pengguna dapat:

  • Mengedit seluruh informasi task

  • Menambah / menghapus tag

  • Mengubah status dan prioritas dengan tombol

  • Menyimpan perubahan atau menghapus task sepenuhnya

Tampilan edit juga menggunakan layout card yang estetik dan scrollable, ditampilkan di tengah layar secara overlay (modal).

6. Desain Visual dan Pengalaman Pengguna (UX)

Desain menggunakan prinsip flat design dan minimalisme. Warna-warna dipilih berdasarkan skema Material3 dengan prioritas pada keterbacaan dan keseimbangan visual. Setiap komponen menggunakan padding dan spacing yang cukup agar tidak terasa padat dan tetap modern.


Typography dibagi sesuai hierarki, seperti judul besar menggunakan font tebal dan ukuran besar, label dan informasi sekunder menggunakan font lebih kecil dan warna abu-abu lembut.


Comments

Post a Comment

Popular posts from this blog

EAS PPB

Image
EAS PPB Clarissa Luna Maheswari - 5025211003 Github: https://github.com/ilomimo/ppb-eas-membership Demo:  Project ini dikembangkan berdasarkan arahan Pak Fajar untuk membuat aplikasi yang relevan digunakan sehari-hari dengan fokus pada membership point dan dompet digital. Beliau memberikan beberapa contoh aplikasi seperti membership point pelanggan Starbucks, aplikasi mobile news, keanggotaan club olahraga, hingga aplikasi digital bank yang menggabungkan sistem membership dengan dompet digital untuk menunjukkan balance pengguna. TC Cell Membership App dipilih sebagai project karena konsepnya mirip dengan aplikasi digital bank yang menggabungkan sistem membership, pengelolaan balance, dan layanan digital dalam satu platform. Aplikasi ini mensimulasikan layanan operator seluler dengan fitur membership point, dompet digital untuk balance pulsa, dan berbagai layanan digital lainnya yang relevan dengan kebutuhan sehari-hari masyarakat Indonesia. Aplikasi dikembangkan menggunakan Jetpack...
Read more

Tugas Pertemuan 12 - Dessert Clicker

github: https://github.com/ilomimo/dessert-clicker demo: Tugas Pertemuan 12: Aplikasi Dessert Clicker Pada tugas kali ini, Pak Fajar memberikan instruks  untuk menganalisis dan memahami cara kerja aplikasi Dessert Clicker. Aplikasi ini merupakan bagian dari pembelajaran Android Basics with Compose Codelab yang bertujuan untuk mengeksplorasi Android lifecycle dan melakukan logging ke Android console (Logcat). Melalui analisis dan percobaan ini, materi yang dipelajari antara lain:  mekanisme kerja aplikasi, struktur kode utama, dan implementasi lifecycle management dalam Android development. Konsep Dasar Aplikasi Dessert Clicker adalah aplikasi game sederhana yang mengimplementasikan konsep incremental clicker game. Pemain berinteraksi dengan aplikasi melalui mekanisme tap atau click untuk menghasilkan progress dalam bentuk pembuatan dessert dan akumulasi pendapatan virtual. Mekanisme Permainan Aplikasi beroperasi dengan sistem yang sangat straightforward dimana setiap i...
Read more

Tugas Pertemuan 13: Membuat Aplikasi Unscramble

github: https://github.com/ilomimo/unscramble-ppb referensi:  https://github.com/google-developer-training/basic-android-kotlin-compose-training-unscramble/tree/starter  demo (klik tombol play) Laporan Pengembangan Aplikasi Unscramble - Tugas 13 Pada tugas ke-13 ini, Pak Fajar memberikan tugas mengembangkan aplikasi unscramble berdasarkan kode baseline yang telah disediakan. Aplikasi baseline merupakan implementasi sederhana dari permainan menyusun kata yang diacak, dan kami melakukan pengembangan lebih lanjut dengan menambahkan berbagai fitur dan peningkatan fungsionalitas. Perbandingan Baseline vs Enhanced Version 1. Perubahan Struktur Data Baseline: // Data state sederhana hanya melacak informasi dasar val gameUiState by gameViewModel.uiState.collectAsState() Enhanced Version: data class GameUiState( val currentScrambledWord: String = "", val currentWordCount: Int = 1, val score: Int = 0, val isGuessedWordWrong: Boolean = false, val isGameOver: Bo...
Read more