septian_airpanaswebsite/flowcharts/bank-account-flowchart.md

Flowchart - Fitur Manajemen Rekening Bank

Daftar Isi

1. Lihat Daftar Rekening Bank
2. Tambah Rekening Bank
3. Edit Rekening Bank
4. Hapus Rekening Bank
5. Toggle Status Aktif Rekening

---

1. Lihat Daftar Rekening Bank

Deskripsi

Flowchart untuk admin melihat daftar rekening bank.

Flowchart

START
  ↓
{User sudah login?}
  ├─ NO → [Redirect ke halaman login] → END
  └─ YES ↓
       ↓
{User adalah admin?}
  ├─ NO → [Error 403: Unauthorized] → END
  └─ YES ↓
       ↓
[Admin mengakses menu "Rekening Bank"]
  ↓
[Query database: ambil semua bank_accounts]
  ↓
[Urutkan berdasarkan ID]
  ↓
[Tampilkan tabel rekening:]
  - Nama Bank
  - Nomor Rekening
  - Atas Nama
  - Status (Aktif/Nonaktif)
  - Aksi (Edit, Hapus)
  ↓
[Tampilkan tombol "Tambah Rekening"]
  ↓
END

---

2. Tambah Rekening Bank

Deskripsi

Flowchart untuk admin menambah rekening bank baru.

Flowchart

START
  ↓
[Admin di halaman daftar rekening]
  ↓
[Admin klik tombol "Tambah Rekening"]
  ↓
[Redirect ke halaman form tambah rekening]
  ↓
[Tampilkan form:]
  - Nama Bank
  - Nomor Rekening
  - Atas Nama
  - Status Aktif (checkbox)
  ↓
[Admin mengisi form]
  ↓
[Admin klik tombol "Simpan"]
  ↓
<Validasi input>
  ↓
{Nama bank terisi?}
  ├─ NO → [Error: "Nama bank wajib diisi"] → [Kembali ke form] → END
  └─ YES ↓
       ↓
{Nomor rekening terisi?}
  ├─ NO → [Error: "Nomor rekening wajib diisi"] → [Kembali ke form] → END
  └─ YES ↓
       ↓
{Nomor rekening hanya angka?}
  ├─ NO → [Error: "Nomor rekening harus angka"] → [Kembali ke form] → END
  └─ YES ↓
       ↓
{Atas nama terisi?}
  ├─ NO → [Error: "Atas nama wajib diisi"] → [Kembali ke form] → END
  └─ YES ↓
       ↓
[Simpan data ke tabel bank_accounts:]
  - bank_name
  - account_number
  - account_holder
  - is_active (default: true)
  ↓
[Tampilkan notifikasi sukses:]
  "Rekening bank berhasil ditambahkan"
  ↓
[Redirect ke halaman daftar rekening]
  ↓
END

---

3. Edit Rekening Bank

Deskripsi

Flowchart untuk admin mengedit data rekening bank.

Flowchart

START
  ↓
[Admin di halaman daftar rekening]
  ↓
[Admin klik tombol "Edit" pada rekening]
  ↓
[Query database: ambil bank_account berdasarkan ID]
  ↓
{Rekening ditemukan?}
  ├─ NO → [Error 404: Rekening tidak ditemukan] → END
  └─ YES ↓
       ↓
[Redirect ke halaman form edit rekening]
  ↓
[Tampilkan form dengan data rekening:]
  - Nama Bank (terisi)
  - Nomor Rekening (terisi)
  - Atas Nama (terisi)
  - Status Aktif (checked/unchecked)
  ↓
[Admin mengubah data]
  ↓
[Admin klik tombol "Update"]
  ↓
<Validasi input>
  ↓
{Nama bank terisi?}
  ├─ NO → [Error: "Nama bank wajib diisi"] → [Kembali ke form] → END
  └─ YES ↓
       ↓
{Nomor rekening terisi?}
  ├─ NO → [Error: "Nomor rekening wajib diisi"] → [Kembali ke form] → END
  └─ YES ↓
       ↓
{Nomor rekening hanya angka?}
  ├─ NO → [Error: "Nomor rekening harus angka"] → [Kembali ke form] → END
  └─ YES ↓
       ↓
{Atas nama terisi?}
  ├─ NO → [Error: "Atas nama wajib diisi"] → [Kembali ke form] → END
  └─ YES ↓
       ↓
[Update tabel bank_accounts:]
  - bank_name
  - account_number
  - account_holder
  - is_active
  ↓
[Simpan perubahan ke database]
  ↓
[Tampilkan notifikasi sukses:]
  "Rekening bank berhasil diupdate"
  ↓
[Redirect ke halaman daftar rekening]
  ↓
END

---

4. Hapus Rekening Bank

Deskripsi

Flowchart untuk admin menghapus rekening bank.

Flowchart

START
  ↓
[Admin di halaman daftar rekening]
  ↓
[Admin klik tombol "Hapus" pada rekening]
  ↓
[Tampilkan konfirmasi SweetAlert:]
  "Yakin ingin menghapus rekening ini?"
  ↓
{Admin konfirmasi?}
  ├─ NO (Batal) → [Tutup dialog] → END
  └─ YES ↓
       ↓
[Query database: ambil bank_account berdasarkan ID]
  ↓
{Rekening ditemukan?}
  ├─ NO → [Error: "Rekening tidak ditemukan"] → END
  └─ YES ↓
       ↓
[Hapus rekening dari database]
  ↓
[Tampilkan notifikasi sukses:]
  "Rekening bank berhasil dihapus"
  ↓
[Refresh halaman daftar rekening]
  ↓
END

---

5. Toggle Status Aktif Rekening

Deskripsi

Flowchart untuk mengaktifkan/menonaktifkan rekening bank.

Flowchart

START
  ↓
[Admin di halaman edit rekening]
  ↓
[Tampilkan checkbox "Status Aktif"]
  ↓
{Rekening saat ini aktif?}
  ├─ YES → [Checkbox checked]
  └─ NO → [Checkbox unchecked]
  ↓
[Admin toggle checkbox]
  ↓
[Admin klik tombol "Update"]
  ↓
[Update tabel bank_accounts:]
  - is_active = nilai checkbox (true/false)
  ↓
{is_active = true?}
  ├─ YES → [Rekening muncul di halaman pembayaran user]
  │        ↓
  │        [User dapat transfer ke rekening ini]
  │        ↓
  │        [Notifikasi: "Rekening diaktifkan"]
  │
  └─ NO → [Rekening tidak muncul di halaman pembayaran]
          ↓
          [User tidak dapat transfer ke rekening ini]
          ↓
          [Notifikasi: "Rekening dinonaktifkan"]
  ↓
[Redirect ke halaman daftar rekening]
  ↓
END

---

Panduan Membuat di Draw.io

Simbol Flowchart

1. Terminator (Oval) - START/END
2. Process (Rectangle) - Proses/aksi
3. Decision (Diamond) - Kondisi/percabangan
4. Data (Parallelogram) - Input/Output
5. Database (Cylinder) - Operasi database
6. Document (Rectangle with wavy bottom) - Form

Warna yang Disarankan

• START/END: Hijau teal (#14B8A6)
• Process: Biru muda (#E3F2FD)
• Decision: Kuning (#FFF59D)
• Database Operation: Ungu muda (#E1BEE7)
• Form: Biru tua muda (#BBDEFB)
• Create: Hijau muda (#C8E6C9)
• Update: Biru muda (#B3E5FC)
• Delete: Merah muda (#FFCDD2)
• Toggle: Oranye muda (#FFE0B2)

Tips

• Gunakan swimlane untuk memisahkan Admin dan System
• Tandai operasi CRUD dengan warna berbeda
• Gunakan connector yang jelas untuk decision branch
• Tambahkan notes untuk validasi nomor rekening

---

Dibuat: 25 Februari 2026
Fitur: Manajemen Rekening Bank
Sistem: Banyu Biru Ticketing & Booking System