ETS PPB

Nama: Dewa Putu Ananda Taurean Mahesa

NRP: 5025231158

Kelas: Pemrograman Perangkat Bergerak C

Source Code Aplikasi

Link Demo Youtube

Link Drive Aplikasi (APK, Infografis, PPT)

MyTasks - Todo List App

Aplikasi mobile yang dirancang untuk memudahkan pengguna dalam membuat daftar tugas yang harus diselesaikan. Membantu pengguna mengelola waktu dan tugas secara efisien agar lebih fokus dan teratur. Dengan desain yang intuitif dan bersih, dapat mengurangi beban pikiran dan meningkatkan produktivitas pengguna.

Fitur Utama

1. Manajemen Task
  • Create: Pengguna dapat menambahkan task baru melalui UI dialog. Input berupa title, description (opsional), tanggal dan waktu deadline (opsional).
  • Read: Task yang telah dibuat dapat dilihat pada layar utama berupa list.
  • Update: Task yang telah dibuat dapat diubah title, description, beserta deadline-nya melalui UI dialog edit.
  • Delete: Pengguna dapat menghapus task yang dibuat. Terdapat dialog konfirmasi sebelum melakukan penghapusan.
2. Filter Task Status
  • Pengguna dapat mengelompokkan task yang dilihat, berupa semua task, task yang belum diselesaikan, ataupun task yang sudah diselesaikan.
  • Pengguna hanya perlu menekan checkbox untuk menyelesaikan task. Task yang sudah selesai memiliki visual yang berbeda dari task yang belum selesai.
3. Sorting Task Deadline
  • Pada layar utama, pengguna dapat mengurutkan task yang dilihat berdasarkan deadline, berupa deadline terdekat atau terjauh. Task yang tidak memiliki deadline akan selalu berada di paling bawah.
  • Setiap task yang memiliki deadline akan setidaknya memiliki deadline tanggal (tidak ada waktu). Secara default, maka task tersebut akan memiliki default deadline waktu di pagi hari.

Antarmuka dan Pengalaman Pengguna

  • UI dibangun dengan Jetpack Compose dengan tampilan modern dan bersih.
  • Layout berupa nama aplikasi serta toggle sorting deadline di row paling atas, diikuti filter button untuk status di row berikutnya, lalu list dari task di row-row berikutnya. Button untuk menambah task berada di pojok bawah kanan.
  • Dialog untuk operasi input data serta konfirmasi penghapusan task.
  • Tampilan tiap task pada layar berupa semacam card horizontal. Komponen terdiri dari nama task, deadline (bila ada), serta icon untuk mengedit dan menghapus task.
  • Penggunaan komponen material design untuk date picker, time picker, serta status filter.
  • Iconography dari material design.
  • Tema warna kustom berupa warna biru dan netral (hitam dan putih).

Rangkuman Teknis

Aplikasi dikembangkan dengan Android Studio yang menggunakan Kotlin, UI framework Jetpack Compose, design system Material Design 3, serta arsitektur Model-View-ViewModel.

Model: Menggunakan class TodoTask yang berfungsi sebagai blueprint untuk atribut setiap task, seperti ID, title, description, deadline, dan status.
View: Mencakup MainActivity dan TodoAppScreen yang mengurus tampilan komponen UI pada layar dan mengoper interaksi ke ViewModel.
ViewModel: TodoViewModel merupakan layer aplikasi yang mengurus logika bisnis. Menyimpan list task, mengurus pengubahan atau penghapusan task, serta filter dari status.

Aplikasi menggunakan struktur data in-memory, dengan responsivitas berdasarkan State Flow, sehingga perubahan tampilan pada layar bisa cepat.

Comments

Post a Comment

Popular posts from this blog

Tugas Pertemuan 7 - LoginPage

Image
Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Membuat login page sederhana dengan Android Studio dan Jetpack Compose. 1. Package Library package com.example.loginpage import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.border import androidx.compose.foundation.layout.* import androidx.compose.foundation.rememberScrollState import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.verticalScroll import androidx.compose.material.icons.Icons import androidx.compose.material.icons.filled. AccountCircle import androidx.compose.material.icons.filled. Email import androidx.compose.material.icons.filled. Lock import androidx.compose.material3.* import androidx.compose.runtime.* import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui...
Read more

Tugas 1 - Eksplorasi Perkembangan Teknologi

Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Device OS Dibuat Oleh Negara Tahun Fungsi Programming Link Gambar/Video Smart TV Tizen Samsung Korea Selatan 2012 Hiburan & IoT Hub C++, HTML5 Lihat Gambar Smartphone Android Google Amerika Serikat 2008 Ekosistem Mobile Kotlin, Java Lihat Gambar Smartphone iOS Apple Amerika Serikat 2007 Ekosistem Mobile Apple Swift Lihat Gambar Smartwatch watchOS Apple Amerika Serikat 2015 Kesehatan & Notifikasi Swift, SwiftUI Lihat Gambar Smart Speaker Alexa (Fire OS) Amazon Amerika Serikat 2014 Asisten Virtual Java, Python Lihat Video Smart Home Hub Google Home OS Google Amerika Serikat 2016 Otomasi Rumah Go, Java Lihat Gambar Game Console PS5 OS Sony Jepang 2020 Gaming & Multimedia C++, C# Lihat Video Handheld Console SteamOS Valve Amerika Serikat 2013 Portable PC Gaming C++...
Read more

Tugas Pertemuan 6 - Kalkulator

Image
Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Membuat aplikasi kalkulator dengan Android Studio. Untuk memudahkan pengembangan, bisa menggunakan library exp4j untuk mengevaluasi ekspresi matematis atau logika urutan perhitungan. 1. Menyiapkan exp4j implementation ( "net.objecthunter:exp4j:0.4.8" ) Pertama harus menambahkan line di atas pada file build.gradle.kts (Module :app) di bagian dependencies lalu melakukan sync. Selanjutnya bisa langsung membuka file MainActivity.kt. 2. Package Library package com.example.calculator import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.background import androidx.compose.foundation.layout.* import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.material3.* import androidx.compose.runtime.* import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import a...
Read more