Final Project Pemrograman Perangkat Bergerak (G) - BluVault

Final Project PPB 

BluVault - Aplikasi Bank Digital

Anggota Kelompok
  • Ahda Filza Ghaffaru - 5025211144
  • Muhammad Rafi Sutrisno - 5025211167
  • Muhammad Rafi Insan Fillah - 5025211169
==========================
Deskripsi Aplikasi

BluVault merupakan aplikasi perbankan digital berbasis Android yang dirancang menggunakan Jetpack Compose dan terintegrasi dengan Firebase Firestore sebagai basis data. Aplikasi ini memungkinkan pengguna untuk:

  • Melihat dan mengelola beberapa kartu bank (Card Collection)

  • Melihat riwayat transaksi untuk setiap kartu

  • Melakukan transfer dana antar kartu

  • Melakukan top-up e-wallet dari kartu yang dimiliki

  • Memastikan keamanan dan validasi setiap transaksi melalui konfirmasi swipe gesture

  • Menyimpan dan memperbarui saldo kartu dan e-wallet secara real-time melalui Firestore

Aplikasi ini mengedepankan antarmuka pengguna yang intuitifpengelolaan transaksi yang transparan, serta pengalaman pengguna yang lancar dan aman dalam mengelola keuangan digitalnya.

==========================

Design Figma

Sebelum proses pengembangan dimulai, kami menyusun desain antarmuka aplikasi menggunakan Figma. Proses ini bertujuan untuk merancang alur interaksi pengguna serta tampilan visual dari setiap fitur utama aplikasi, seperti halaman koleksi kartu, riwayat transaksi, transfer antar kartu, dan top-up e-wallet. Desain yang telah disetujui kemudian dijadikan acuan dalam proses implementasi menggunakan Jetpack Compose, sehingga hasil akhir dari aplikasi sesuai dengan rancangan awal dan mampu memberikan pengalaman pengguna yang konsisten serta intuitif.

Berikut adalah hasil figma yang kami buat,
Link Figma BluVault}

==========================

Penjelasan Struktur Kode 

Directory utama dari project kami terdiri dari

  • BluVaultApp.kt (pusat routing aplikasi)
  • MainScaffold.kt (floating navbar untuk navigasi)
  • /pages  (titik awal halaman pada aplikasi)

  • /components (komponen UI yang digunakan pada /pages)

  • /operations (proses bisnis dan interaksi ke firebase DB)


Berikut adalah source code github kami

==========================

Gambar Diagram Komponen (Screenshot UI)

==========================

Video Running Aplikasi

Komentar

Postingan populer dari blog ini

ETS PPB G - Muhammad Rafi Sutrisno (5025211167)