Biodata Mahasiswa — Individual Project

Identitas

Nama: Muhammad Afif Khosyidzaki
Kelas: SIB-3G
NIM: 2341760159
Nomor ID: 14

Tentang Saya

Saya mahasiswa Program Studi Sistem Informasi Bisnis di Politeknik Negeri Malang. Saat ini mengikuti mata kuliah Pemrograman Mobile dan aktif mengembangkan aplikasi berbasis Flutter. Saya tertarik pada pengembangan perangkat lunak dan aplikasi mobile, serta ingin terus mengasah kemampuan praktis saya melalui proyek nyata.

Kontak

Email: [email protected]

Tentang Proyek

Proyek ini adalah aplikasi Flutter sederhana untuk tugas mata kuliah Pemrograman Mobile. Tujuan proyek: belajar struktur proyek Flutter, state management dasar, dan pembuatan UI yang responsif.

Fitur

Tampilan biodata mahasiswa
Struktur proyek Flutter siap dikembangkan
Contoh navigasi dan layout dasar

💰 Saku Rapi

Aplikasi Flutter untuk mencatat dan menganalisis pengeluaran pengguna.

🧭 Deskripsi Singkat

Saku Rapi adalah aplikasi keuangan pribadi berbasis Flutter yang membantu pengguna mencatat, mengelola, dan menganalisis pengeluaran mereka secara efisien. Aplikasi dirancang dengan antarmuka yang sederhana namun informatif, sehingga pengguna dapat memahami alur keuangan harian dengan cepat.

Repo: apip2pipp/individual-project-3g-apip2pipp

🔗 Demo & Screenshot

🪪 Logo

Deskripsi: Logo Saku Rapi dibangun dari dua bentuk utama: hijau (keuangan real pengguna) dan biru (bantuan analisis yang terpercaya). Keduanya bertemu di ruang putih — ruang yang bersih, jujur, dan mudah dipahami. Hijau mewakili pertumbuhan finansial sehari-hari. Biru mewakili kendali dan ketenangan dalam mengambil keputusan. Putih di tengah merepresentasikan transparansi: tidak ada lagi pengeluaran yang “hilang entah kemana,” semuanya terang. Filosofinya sederhana: uangmu aman, jelas, dan di bawah kendali kamu. Saku Rapi.

⚡ Splash Screen

Deskripsi: Tampilan pertama ketika aplikasi dibuka. Splash menampilkan logo aplikasi beberapa detik sebelum menuju onboarding atau login. Transisi umumnya diatur menggunakan Future.delayed kemudian Navigator.pushReplacement menuju halaman berikutnya.

🚪 Onboarding

Deskripsi Layar onboarding memperkenalkan fungsi utama SakuRapi sebelum pengguna mulai memakai aplikasi.
Setiap slide menjelaskan manfaat inti aplikasi:

Pantau Pengeluaran – Catat setiap pengeluaran harian dengan cepat; tahu uangmu lari ke mana.

Data Aman & Ekspor – Data disimpan secara lokal di perangkat. Laporan bisa diekspor kapan saja ke PDF untuk dibagikan.

Target & Peringat – Pasang target pengeluaran/tabungan dan dapatkan peringatan saat hampir melewati batas.

Kategori Fleksibel – Buat dan atur kategori sendiri (makan, transport, hobi, dll.) sesuai gaya hidupmu.

Insight yang Jelas – Grafik ringkas membantu melihat pola belanja dan area paling boros.

Anggaran Terkontrol – Tetapkan anggaran bulanan dan pantau sisa anggaran secara real-time agar belanja lebih terarah.

Onboarding ini juga langsung menyediakan dua tindakan utama di bagian bawah:
Daftar Gratis untuk membuat akun lokal baru dan Masuk untuk pengguna yang sudah pernah tercatat.
Versi aplikasi (misal Versi 1.0) ditampilkan agar pengguna tahu build yang sedang digunakan.

🔑 Login / Register

Deskripsi Login: Halaman masuk ini adalah pintu pertama pengguna sebelum mengelola data keuangan mereka. Pengguna diminta memasukkan email dan password, lalu dapat langsung menekan tombol MASUK untuk autentikasi. Tersedia opsi Lupa Password? sebagai jalur pemulihan akun, sehingga pengguna tidak kehilangan akses jika lupa kata sandi. Selain login biasa, ada juga opsi Gunakan akun demo — ini memungkinkan pengguna mencoba aplikasi tanpa membuat akun baru terlebih dahulu, cocok untuk onboarding cepat. Bagian bawah layar juga mempersiapkan dukungan login pihak ketiga (Google / Apple), yang merepresentasikan arah pengembangan ke integrasi Single Sign-On agar proses masuk makin cepat dan aman. Fokus dari layar ini adalah rasa aman, kesan profesional, dan kesan bahwa pengelolaan finansial itu personal tapi tetap rapi.

Deskripsi Register: Halaman pendaftaran digunakan untuk membuat akun baru di SakuRapi. Pengguna mengisi nama lengkap, email, password, dan konfirmasi password. Flow ini dibuat sederhana agar proses bergabung tidak terasa “ribet seperti aplikasi keuangan profesional”, tapi tetap menjaga kontrol dasar seperti verifikasi password untuk mencegah salah input. Tombol DAFTAR membuat akun lokal baru di perangkat. Ada shortcut Isi dengan demo yang membantu pengguna mencoba fitur tanpa mengisi manual satu per satu, sehingga barrier to entry jadi rendah. Bagian bawah juga menampilkan opsi login dengan Google / Apple sebagai sinyal rencana dukungan autentikasi modern. Intinya: siapa pun bisa mulai merapikan pengeluaran tanpa proses pendaftaran yang melelahkan.

🏠 Home & Daftar Pengeluaran

Deskripsi: Layar Home berfungsi sebagai dashboard pribadi pengguna. Di bagian atas terdapat sapaan personal (“Halo, [nama]! 👋”) untuk memberi rasa kepemilikan dan kedekatan, bukan sekadar aplikasi angka. Widget ringkasan menunjukkan:

Total Pengeluaran Bulan Ini beserta total nominal dan jumlah transaksi.

Pengeluaran Hari Ini (berapa rupiah yang keluar hari ini).

Jumlah Transaksi Hari Ini (berapa transaksi yang sudah tercatat).

Di bawahnya ada Riwayat Transaksi terbaru (misal: “Mie ayam paknno”), lengkap dengan tanggal dan jumlah rupiah. Ini membantu pengguna cepat ingat “tadi aku habis buat apa ya?”. Navigasi bawah (Home, Statistik, Pengeluaran, Shared, Profil) selalu terlihat, sehingga pengguna bisa langsung:

menambah pengeluaran baru,

buka statistik,

cek pengeluaran bersama,

atau ubah profil, hanya dengan satu tap.

Prinsip layar ini: kasih jawaban cepat atas tiga pertanyaan yang paling sering muncul di kepala pengguna — “Uangku sudah keluar berapa?”, “Hari ini aku beli apa aja?”, dan “Apa aku masih aman bulan ini?”

➕ Tambah/Edit Pengeluaran

Deskripsi: Form transaksi dengan kategori, tanggal, dan catatan. Layar ini fokus pada pencatatan transaksi harian agar semua pengeluaran tercatat rapi.

Bagian daftar menunjukkan riwayat pengeluaran dengan filter kategori, pencarian cepat, total pengeluaran, dan tombol aksi cepat ( + ) untuk menambah transaksi baru.

Form pengeluaran memungkinkan pengguna mengisi atau mengubah detail transaksi:

Judul transaksi (contoh: “Wagyu A5”)

Jumlah (Rp)

Kategori (Makanan, Transportasi, dsb.)

Tanggal dengan pemilih kalender

Deskripsi (opsional) untuk catatan seperti tempat beli atau konteks pengeluaran

Tombol Simpan Perubahan

Tujuannya adalah bikin proses catat pengeluaran jadi cepat dan tidak menyusahkan. Semua transaksi yang disimpan langsung ikut dihitung dalam total bulanan dan grafik statistik, jadi pengguna tidak lagi “ngeraba-raba uangnya kemana.”

📊 Statistik

Deskripsi: Grafik & ringkasan per periode. Layar Statistik menampilkan ringkasan perilaku belanja pengguna untuk periode tertentu (contoh: “Statistik Okt 2025”).
Bagian atas menunjukkan:

Total Pengeluaran Bulan Ini dengan nilai rupiah terkini.

Kontrol periode (navigasi kiri/kanan + ikon kalender) untuk pindah bulan dengan cepat.

Visual analitik yang ditampilkan:

Grafik Donut / Pie “Per Kategori”: menunjukkan kategori mana yang paling banyak menyerap uang (misalnya Makanan = 100%).

Grafik Harian: menampilkan pola pengeluaran per hari, sehingga pengguna bisa melihat kapan terjadi lonjakan (misal akhir pekan atau tanggal muda).

Fungsi layar ini bukan cuma kasih angka, tapi bantu pengguna paham pola: kebiasaan boros di kategori apa, di hari apa, dan seberapa berat pengeluaran bulan ini dibandingkan harapan pribadi.

👤 Profile Screen

Deskripsi: Layar profil mengumpulkan semua hal yang sifatnya personal, keamanan akun, dan preferensi aplikasi.
Dari sini pengguna bisa:

Melihat identitas akun (nama, email).

Edit Profil seperti nama tampilan atau nomor telepon opsional.

Ganti Password dengan validasi keamanan.

Masuk ke Pengaturan (settings) untuk hal-hal seperti logout dan informasi versi aplikasi.

Membuka halaman Tentang Aplikasi untuk melihat versi build dan detail teknis.

Melakukan tindakan sensitif seperti Hapus Akun.

Proses hapus akun dilindungi peringatan merah dan konfirmasi password supaya tidak terjadi penghapusan tidak sengaja.
Layar ini juga menampilkan manajemen Kategori milik pengguna (tambah kategori baru, ubah, hapus), karena setiap orang punya pola pengeluaran yang unik.
Intinya: pengguna punya kontrol penuh atas data miliknya dan bisa mengatur identitas finansialnya sendiri.

📲 Share Expanses

Deskripsi: Fitur Shared Expenses dirancang untuk mencatat pengeluaran bersama—misalnya patungan makan, bayar kos bareng, langganan streaming keluarga, atau iuran tim nongkrong.

Alurnya:

Pengguna membuka tab Shared dari bottom navigation.

Jika belum ada data, layar menampilkan status kosong dan tombol Tambah Shared Expense.

Saat menambah, pengguna mengisi detail transaksi (judul, nominal, catatan), memilih siapa saja yang terlibat, dan menentukan bagaimana biaya dibagi.

Setelah disimpan, setiap shared expense muncul dalam daftar lengkap dengan rincian siapa bayar berapa.
Tujuan fitur ini adalah transparansi dan fairness: semua orang yang terlibat bisa melihat catatan yang sama, tidak ada lagi drama “utang siapa ini?” atau “kemarin siapa yang bayarin ya?”.
Dengan shared expense yang terdokumentasi rapi, urusan patungan jadi jelas, aman, dan nggak bikin sungkan.

🌟 Fitur Utama

🧾 Catat Pengeluaran – tambah, edit, hapus dengan kategori.
🗂️ Manajemen Kategori – buat dan kelola kategori sesuai kebutuhan.
📊 Statistik – ringkasan mingguan & bulanan, grafik sederhana.
👥 Multi-User (Lokal) – profil pengguna dan pengeluaran bersama (shared expense).
🔐 Autentikasi Dasar – login/register, lupa kata sandi (simulasi lokal).
🧮 Ekspor PDF – cetak laporan pengeluaran ke PDF.
⚙️ Pengaturan – ubah profil, ganti password, preferensi tampilan.

Catatan: Fitur mengikuti struktur kode pada direktori lib/screens & lib/services (lihat Struktur Proyek).

⚙️ Teknologi yang Digunakan

Flutter SDK + Dart
Shared Preferences – penyimpanan lokal sederhana
Provider (atau setara) – manajemen state
intl – format tanggal & mata uang (IDR)
pdf & printing – ekspor laporan ke PDF
path_provider – akses direktori lokal

Sesuaikan daftar ini dengan pubspec.yaml bila kamu menambah/mengganti paket.

🧰 Prasyarat

Flutter (stable 3.35.1) & Dart 3.9.0 terpasang
SDK platform sesuai target (Android/iOS/Web/Desktop)
Perangkat/Emulator aktif

Cek versi:

flutter --version

🚀 Instalasi & Menjalankan

# 1) Clone repository
git clone https://github.com/apip2pipp/individual-project-3g-apip2pipp.git

# 2) Masuk direktori
cd individual-project-3g-apip2pipp

# 3) Install dependency
flutter pub get

# 4) Jalankan (pilih salah satu device)
flutter run                    # otomatis memilih device aktif
flutter run -d chrome          # Web
flutter run -d android         # Android emulator / device
flutter run -d windows         # Windows Desktop

Build Rilis (opsional)

# Android (APK release)
flutter build apk --release

# Web (release)
flutter build web --release

🗂️ Struktur Proyek (Ringkas)

lib/
 ├── main.dart
 ├── models/              # Model data (category, expense)
 ├── screens/             # UI screens (home, login, statistics, dll.)
 ├── services/            # Logika bisnis (auth, expense, pdf export)
 └── utils/               # Utility (format tanggal, rupiah, dll.)

assets/
 ├── auth/
 ├── icon/
 ├── onboarding/
 └── screenshots/         # <— taruh screenshot README di sini

# Lihat repo untuk struktur lengkap lintas platform (android, ios, web, windows, dll.)

Struktur lengkap platform tersedia di repo (Android/iOS/Web/Desktop). File penting: pubspec.yaml, analysis_options.yaml, README.md.

🧪 Modul Penting

lib/services/expense_service.dart – CRUD pengeluaran & perhitungan ringkas
lib/services/pdf_export_service.dart – generator PDF laporan
lib/services/shared_expense_service.dart – pengeluaran bersama (multi-user)
lib/services/auth_service.dart – autentikasi lokal sederhana
lib/screens/statistics_screen.dart – statistik & grafik ringkas

🧑‍💻 Panduan Singkat Penggunaan

Onboarding & Splash → kenalkan fitur inti.
Registrasi/Log Masuk → buat akun lokal (disimpan di perangkat).
Tambah Pengeluaran → isi nominal, kategori, tanggal, catatan.
Lihat Statistik → pantau ringkasan & tren per periode.
Ekspor PDF → buat laporan dan simpan/bagikan.

🔧 Konfigurasi Aset (opsional untuk di dalam aplikasi)

Tambahkan aset ke pubspec.yaml jika digunakan di aplikasi (tidak wajib untuk README):

flutter:
  assets:
    - assets/auth/
    - assets/icon/
    - assets/onboarding/
    # Screenshot untuk README tidak perlu didaftarkan

🧯 Troubleshooting

Masalah dependency: jalankan flutter pub cache repair lalu flutter pub get.
Device tidak terdeteksi: cek flutter devices, pastikan emulator/USB debugging aktif.
Error izin Android: pastikan AndroidManifest.xml memiliki izin Internet bila perlu.
Masalah font/format rupiah: pastikan paket intl telah ditambahkan dan diinisialisasi.

🗺️ Roadmap (Ringkas)

Sinkronisasi cloud (Firestore / Supabase) (opsional)
Impor/ekspor CSV
Kustom kategori dengan ikon
Filter & pencarian lanjutan
Dark mode menyeluruh

🤝 Kontribusi

Kontribusi terbuka untuk perbaikan bug, dokumentasi, atau pengembangan fitur.

Fork → 2) Buat branch fitur → 3) Commit → 4) Pull Request.

👥 Kontributor

Apip — Developer utama Apps Expanses, Jurusan Teknologi Informasi

🧠 “Kelola uangmu dengan rapi, maka hidupmu pun ikut teratur.” Dibangun dengan ❤️ menggunakan Flutter.

Name		Name	Last commit message	Last commit date
Latest commit History 84 Commits
android		android
assets		assets
desain_screenFigma		desain_screenFigma
ios		ios
lib		lib
linux		linux
macos		macos
test		test
web		web
windows		windows
.gitignore		.gitignore
.metadata		.metadata
CLAUDE.md		CLAUDE.md
README.md		README.md
analysis_options.yaml		analysis_options.yaml
pubspec.lock		pubspec.lock
pubspec.yaml		pubspec.yaml

apip2pipp/SakuRapi

Folders and files

Latest commit

History

Repository files navigation