ETS

Nama : Dafarel Fatih Wirayudha

Nrp : 5025211120

Kelas : Pemrograman Perangkat Bergerak A


Proyek - Mobile Front End


Dekripsi:

Proyek 4: Aplikasi Catatan Keuangan Pribadi

Judul Proyek: “MyMoney Notes”
Deskripsi: Buat aplikasi sederhana untuk mencatat pengeluaran dan pemasukan harian.

Fitur Utama:

  • Input jenis transaksi (pemasukan/pengeluaran)

  • Pilih kategori dan nominal

  • Lihat daftar transaksi

  • Tampilan grafik sederhana (opsional menggunakan chart library untuk visualisasi)

Structure Code:

1. Model Data (Transaction dan TransactionType)

  • Transaction adalah data class yang merepresentasikan satu transaksi, berisi:

    • type: tipe transaksi (INCOME / EXPENSE),

    • category: kategori seperti “Makan” atau “Gaji”,

    • amount: jumlah uang.

  • TransactionType adalah enum untuk membedakan jenis transaksi.

2. ViewModel (TransactionViewModel)

  • Mengelola data transaksi yang tersimpan.

  • Menyediakan fungsi addTransaction() untuk menambahkan data.

  • Menyediakan daftar transaksi yang bisa di-observe oleh UI.

3. MainActivity

  • Entry point aplikasi.

  • Menampilkan UI utama.

  • Beralih antara layar tambah transaksi dan daftar transaksi menggunakan remember untuk menyimpan status tampilan.

4. AddTransactionScreen

  • Layar input untuk pengguna memasukkan jenis transaksi, kategori, dan jumlah nominal.

  • Data ini dikirim ke ViewModel setelah tombol simpan ditekan.

5. TransactionListScreen

  • Menampilkan daftar transaksi dalam bentuk Card.

  • Setiap transaksi dibedakan warnanya (hijau untuk pemasukan, merah untuk pengeluaran).

  • Memiliki FAB (Floating Action Button) untuk berpindah ke layar tambah transaksi.

6. TotalBalance

  • Menampilkan perhitungan total pemasukan, pengeluaran, dan saldo akhir.

  • Menggunakan warna hijau jika saldo positif dan merah jika negatif.

7. TransactionChart

  • Menggunakan Canvas untuk menggambar grafik batang horizontal.

  • Menampilkan perbandingan visual antara jumlah pemasukan dan pengeluaran.

8. Theme Custom

  • Warna-warna dan tipografi disesuaikan untuk membuat UI modern dan nyaman dilihat.

  • Semua komponen menggunakan Material 3 untuk konsistensi tampilan.


Preview:



PPT:

Video Presentasi dan Demo:


Link Github: MyMoney Notes

Link APK: MyMoney Notes

Link Docs: MyMoney Notes



Comments

Post a Comment

Popular posts from this blog

Tugas 7 Login Page

Image
Nama: Dafarel Fatih Wirayudha NRP: 5025211120 Kelas: PPB A Pada tugas kali ini saya membuat halaman login sederhana Berikut adalah penjelasan kodenya: class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?) { super .onCreate(savedInstanceState) enableEdgeToEdge() setContent { LoginPageTheme { Scaffold( modifier = Modifier.fillMaxSize()) { innerPadding -> LoginScreen( modifier = Modifier.padding(innerPadding)) } } } } } onCreate(): Fungsi utama yang dijalankan saat aplikasi dibuka. setContent {}: Menggunakan Jetpack Compose untuk menampilkan UI. LoginPageTheme {}: Menerapkan tema yang telah disetting di file ui.theme. Scaffold: Layout dasar (untuk padding, snackbar, top bar, dll). LoginScreen(): Fungsi composable yang menampilkan halaman login. fun LoginScreen (modifier: Modifier = Modifier) { val email = remember { mutableStat...
Read more

Tugas 6 Money Converter

Image
Nama: Dafarel Fatih Wirayudha NRP: 5025211120 Kelas: PPB A Pada tugas kali ini saya membuat aplikasi money converter sederhana. Aplikasi ini menyediakan 10 mata uang yang bisa dipilih untuk mengkonversi jumlah rupiah yang diinputkan. Berikut adalah penjelasan kode dari aplikasi ini: class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?) { super .onCreate(savedInstanceState) setContent { MoneyConverterTheme { Surface ( modifier = Modifier. fillMaxSize ()) { MoneyConverterApp () } } } } } onCreate: Dipanggil saat aplikasi diluncurkan. setContent: Menentukan isi UI menggunakan Jetpack Compose. MoneyConverterTheme: Menerapkan tema visual. MoneyConverterApp(): Fungsi utama yang membangun UI kalkulator konversi uang. fun MoneyConverterApp () Fungsi utama aplikasi var inputAmount by remember { mutableStateOf ( "" ) } var result by rememb...
Read more