FP PPB Yusuf Hasan Nazila

Analisis Aplikasi Android EventSync - Kelompok 13

Analisis Detail Aplikasi Android Task Manager: EventSync

Anggota Kelompok 13

  • Yusuf Hasan Nazila - 5025211225
  • Radhiyan Muhammad Hisan - 5025211166
  • Muhammad Arkan - 5025211236

Analisis Detail Aplikasi

EventSync merupakan sebuah aplikasi pengelola tugas yang dikembangkan untuk platform Android. Dibangun menggunakan teknologi perangkat lunak modern, bertujuan untuk menyediakan antarmuka yang intuitif bagi pengguna untuk mengelola urusan harian mereka. Selain fungsionalitas pengelolaan tugas, aplikasi ini juga dilengkapi dengan sistem autentikasi pengguna yang lengkap, mencakup proses pendaftaran, login, dan verifikasi.

Teknologi inti yang digunakan adalah bahasa pemrograman Kotlin dan Jetpack Compose untuk membangun seluruh antarmuka pengguna (UI). Pendekatan ini memastikan kode UI yang lebih ringkas, kuat, dan mudah dipelihara dibandingkan dengan sistem berbasis XML tradisional.

Arsitektur Aplikasi

Struktur proyek ini dirancang dengan cermat mengikuti prinsip-prinsip Clean Architecture, yang memisahkan logika aplikasi ke dalam beberapa lapisan independen. Pendekatan ini secara signifikan meningkatkan keterbacaan, skalabilitas, dan kemudahan pengujian (testability) kode.

Lapisan-lapisan utama dalam arsitektur aplikasi ini adalah:

  • Lapisan Model (model): Berisi definisi objek data inti aplikasi.
  • Lapisan Data (data): Bertanggung jawab atas persistensi data, yaitu bagaimana data disimpan dan diambil.
  • Lapisan Antarmuka Pengguna (ui): Mengelola semua aspek visual dan interaksi dengan pengguna. Di dalam lapisan ini, diterapkan pola arsitektur Model-View-ViewModel (MVVM) untuk memisahkan logika tampilan dari data.

Deskripsi Komponen dan Fungsionalitas

Berikut adalah rincian fungsionalitas dari setiap komponen utama dalam struktur proyek:

1. Lapisan Model (/model)

Task.kt: File ini mendefinisikan data class Task, yang merupakan cetak biru (blueprint) untuk sebuah entitas tugas. Setiap objek Task memiliki atribut-atribut penting seperti ID unik, judul tugas (title), tenggat waktu (deadline), dan status penyelesaian (isDone).

2. Lapisan Data (/data)

TaskStorage.kt: Komponen ini berfungsi sebagai repository atau abstraksi untuk penyimpanan data tugas. TaskStorage menangani logika internal untuk menyimpan daftar tugas ke memori perangkat (misalnya ke dalam file atau database lokal) dan memuatnya kembali saat aplikasi dibuka. Dengan adanya lapisan ini, komponen lain seperti ViewModel tidak perlu mengetahui detail teknis dari proses penyimpanan data.

3. Lapisan Antarmuka Pengguna (/ui)

Lapisan ini berisi semua layar (screen) dan logika terkait tampilan.

Komponen Inti UI:

  • MainActivity.kt: Merupakan titik masuk utama aplikasi. Dalam arsitektur Compose, MainActivity berfungsi sebagai host yang menampung dan mengatur seluruh komponen UI, termasuk controller navigasi.
  • Navigation.kt: File krusial yang mendefinisikan seluruh alur navigasi aplikasi. Di dalamnya, setiap rute (misal, "login", "home") dipetakan ke fungsi Composable (Screen) yang sesuai, memungkinkan perpindahan yang terstruktur antar layar.

Fitur Autentikasi (/auth):

  • LoginScreen.kt: Menyediakan antarmuka bagi pengguna untuk masuk ke aplikasi menggunakan kredensial yang ada.
  • SignUpScreen.kt: Menyediakan formulir pendaftaran bagi pengguna baru untuk membuat akun.
  • OTPScreen.kt: Menangani antarmuka untuk verifikasi menggunakan One-Time Password (OTP), yang kemungkinan digunakan untuk validasi nomor telepon saat pendaftaran atau sebagai lapisan keamanan tambahan.

Fitur Manajemen Tugas:

  • TaskManagerScreen.kt: Ini adalah layar utama aplikasi setelah pengguna berhasil login. Layar ini menampilkan daftar tugas yang dikelompokkan berdasarkan status (terlewat, aktif, selesai), menyediakan tombol untuk menambah tugas baru (Floating Action Button), serta opsi untuk mengurutkan daftar tugas.
  • TaskViewModel.kt: Merupakan komponen ViewModel yang menjadi "otak" dari TaskManagerScreen. TaskViewModel mengelola state UI (seperti daftar tugas dan mode urutan), menangani semua logika bisnis (menambah, menghapus, mengubah status tugas), dan berkomunikasi dengan TaskStorage untuk sinkronisasi data.

Komponen Pendukung UI:

  • /splash: Berisi SplashScreen.kt, layar pembuka yang ditampilkan saat aplikasi pertama kali dimuat.
  • /welcome: Berisi WelcomeScreen.kt, sebuah layar perkenalan atau onboarding.
  • /theme: Paket ini mendefinisikan identitas visual aplikasi, termasuk palet warna (Color.kt), tipografi (Type.kt), dan tema keseluruhan (Theme.kt).

Alur Kerja Aplikasi (User Workflow)

Secara garis besar, alur interaksi pengguna dengan aplikasi adalah sebagai berikut:

  1. Pengguna meluncurkan aplikasi dan akan melihat SplashScreen untuk inisialisasi.
  2. Aplikasi memeriksa status autentikasi pengguna.
  3. Jika pengguna belum login, aplikasi akan mengarahkannya ke alur autentikasi, dimulai dari WelcomeScreen atau langsung ke LoginScreen. Pengguna memiliki opsi untuk mendaftar melalui SignUpScreen.
  4. Jika pengguna sudah login, aplikasi akan langsung mengarahkannya ke layar utama.
  5. Setelah autentikasi berhasil, pengguna tiba di TaskManagerScreen.
  6. Di layar ini, pengguna dapat melihat, menambah, menyelesaikan, dan menghapus tugas. Setiap tindakan pengguna akan diproses oleh TaskViewModel, yang kemudian memperbarui state UI dan menyimpan perubahan data secara persisten.
  7. Seluruh navigasi antar layar diatur secara terpusat oleh Navigation.kt.

Secara keseluruhan, aplikasi ini merupakan implementasi yang solid dari sebuah aplikasi Android modern, dengan struktur yang rapi, arsitektur yang kuat, dan fungsionalitas yang terdefinisi dengan baik.

Tampilan Aplikasi

Tampilan Aplikasi 1 Tampilan Aplikasi 2 Tampilan Aplikasi 3 Tampilan Aplikasi 4 Tampilan Aplikasi 5

Video Demonstrasi

Komentar

Posting Komentar

Postingan populer dari blog ini

ETS -- Do Everything - Aplikasi To-Do List

Gambar
Laporan Proyek – Do Everything ETS Do Everything – Aplikasi To-Do List Personal Nama NRP Yusuf Hasan Nazila 5025211225 Deskripsi Aplikasi Do Everything adalah aplikasi to-do list Android berbasis Jetpack Compose yang membantu pengguna dalam mencatat, mengatur, dan menyelesaikan tugas harian secara efisien. Fitur Aplikasi Menambahkan tugas dengan deadline Menandai tugas sebagai selesai Penyortiran berdasarkan deadline atau status Menggunakan UI modern berbasis Material Design 3 Desain Aplikasi Desain aplikasi dibuat sederhana dan intuitif, dengan gaya modern berbasis Material Design 3. Tampilan mencakup input tugas, daftar tugas aktif dan selesai, serta tombol tambah tugas. Tools yang Digunakan Android Studio ...
Baca selengkapnya

Tugas 6 - Kalkulator Konversi Uang

Gambar
Dokumentasi Aplikasi Konversi Mata Uang Nama NRP Hasan Nazila 5025201247 Aplikasi Konversi Mata Uang Aplikasi ini dibuat menggunakan Jetpack Compose untuk melakukan konversi antara berbagai mata uang secara real-time. Tampilan Aplikasi Fitur Utama Input jumlah uang Dropdown untuk memilih mata uang asal dan tujuan Konversi real-time berdasarkan nilai tukar tetap Tampilan hasil konversi secara langsung Langkah Pembuatan Buka Android Studio dan buat project baru dengan Jetpack Compose. Edit file MainActivity.kt dan tambahkan UI serta logic konversi. Buat fungsi getConversionRate() untuk menyediakan nilai tukar tetap antar mata uang. Gunakan TextField untuk input jumlah, OutlinedButton dan DropdownMenu untuk pilihan mata uang. Gunakan LaunchedEffect untuk menjalankan perhitungan otomatis saat nilai berubah. Penjelasan Kode Kotlin ...
Baca selengkapnya

TUGAS 4 - YUSUF HASAN NAZILA

Gambar
Modifikasi Aplikasi Sederhana dengan Menerapkan Button Component Modifikasi Aplikasi Sederhana dengan Menerapkan Button Component Nama NRP Yusuf Hasan Nazila 5025211225 Dice Roller adalah aplikasi sederhana untuk melempar dadu secara digital. Awalnya, Dice Roller hanya mengganti gambar dadu setiap kali tombol Roll ditekan. Untuk membuat aplikasi lebih menarik, kita akan memodifikasi proyek ini: dari hanya mengganti gambar menjadi ada animasi dadu yang melayang, berputar, dan jatuh. Tahapan Pembuatan Dice Roller 1. Membuat Dice Roller Sederhana Pada tahap awal, aplikasi Dice Roller hanya: Menampilkan gambar dadu menggunakan komponen Image. Menyediakan tombol menggunakan komponen Button untuk Roll. Saat tombol ditekan, gambar dadu langsung berubah secara instan. Kode Dasar: @Composable fun DiceWithButtonAndImage(modifier: Modifier = Modifier) { var result by remember { mutableSt...
Baca selengkapnya