septian_airpanaswebsite/flowcharts/payment-verification-flowchart.md

Flowchart - Fitur Verifikasi Pembayaran Admin

Daftar Isi

1. Lihat Daftar Order Tiket
2. Lihat Detail Order Tiket
3. Konfirmasi Pembayaran Tiket
4. Tolak Pembayaran Tiket
5. Verifikasi Pembayaran Booking

---

1. Lihat Daftar Order Tiket

Deskripsi

Flowchart untuk admin melihat daftar semua order tiket.

Flowchart

START
  ↓
{User sudah login?}
  ├─ NO → [Redirect ke halaman login] → END
  └─ YES ↓
       ↓
{User adalah admin?}
  ├─ NO → [Error 403: Unauthorized] → END
  └─ YES ↓
       ↓
[Admin mengakses menu "Order Tiket"]
  ↓
[Query database: ambil semua ticket_orders]
  ↓
[Include relasi: user]
  ↓
[Urutkan: terbaru ke terlama (latest)]
  ↓
[Tampilkan tabel order tiket:]
  - Kode Order
  - Nama User
  - Tanggal Kunjungan
  - Total Qty
  - Total Harga
  - Status (pending/confirmed/rejected)
  - Aksi (Detail)
  ↓
[Tampilkan badge warna sesuai status:]
  - Pending: Kuning
  - Confirmed: Hijau
  - Rejected: Merah
  ↓
END

---

2. Lihat Detail Order Tiket

Deskripsi

Flowchart untuk admin melihat detail order tiket dan bukti pembayaran.

Flowchart

START
  ↓
[Admin klik tombol "Detail" pada order]
  ↓
[Query database: ambil ticket_order berdasarkan ID]
  ↓
[Include relasi:]
  - user
  - items.ticket
  ↓
{Order ditemukan?}
  ├─ NO → [Error 404: Order tidak ditemukan] → END
  └─ YES ↓
       ↓
[Tampilkan halaman detail order]
  ↓
[Tampilkan informasi order:]
  - Kode Order
  - Nama User
  - Email User
  - Tanggal Kunjungan
  - Total Qty
  - Total Harga
  - Status
  - Tanggal Order
  ↓
[Tampilkan daftar tiket yang dibeli:]
  - Kode Tiket
  - Jenis Tiket
  - Harga
  - QR Code
  - Status Dipakai
  ↓
{Bukti pembayaran ada?}
  ├─ NO → [Tampilkan pesan: "Belum upload bukti"]
  └─ YES ↓
       ↓
[Tampilkan bukti pembayaran (gambar/PDF)]
  ↓
{Status = 'pending'?}
  ├─ YES → [Tampilkan tombol:]
  │        - "Konfirmasi Pembayaran" (hijau)
  │        - "Tolak Pembayaran" (merah)
  │        ↓
  │        END
  │
  ├─ Status = 'confirmed' → [Tampilkan badge: "Sudah Dikonfirmasi"]
  │                         ↓
  │                         [Tampilkan info:]
  │                         - Dikonfirmasi oleh: nama admin
  │                         - Tanggal konfirmasi
  │                         ↓
  │                         END
  │
  └─ Status = 'rejected' → [Tampilkan badge: "Ditolak"]
                           ↓
                           [Tampilkan alasan penolakan]
                           ↓
                           END

---

3. Konfirmasi Pembayaran Tiket

Deskripsi

Flowchart untuk admin mengkonfirmasi pembayaran tiket.

Flowchart

START
  ↓
[Admin di halaman detail order]
  ↓
[Admin memeriksa bukti pembayaran]
  ↓
{Bukti pembayaran valid?}
  ├─ NO → [Admin klik "Tolak Pembayaran"] → [Lihat flowchart #4]
  └─ YES ↓
       ↓
[Admin klik tombol "Konfirmasi Pembayaran"]
  ↓
[Tampilkan konfirmasi SweetAlert:]
  "Yakin ingin konfirmasi pembayaran?"
  ↓
{Admin konfirmasi?}
  ├─ NO (Batal) → [Tutup dialog] → END
  └─ YES ↓
       ↓
[Query database: ambil ticket_order berdasarkan ID]
  ↓
{Order ditemukan?}
  ├─ NO → [Error: Order tidak ditemukan] → END
  └─ YES ↓
       ↓
[Update tabel ticket_orders:]
  - status = 'confirmed'
  - confirmed_at = waktu sekarang
  - confirmed_by = admin_id yang login
  - rejection_note = null
  ↓
[Simpan perubahan ke database]
  ↓
[Tampilkan notifikasi sukses:]
  "Order tiket berhasil dikonfirmasi"
  ↓
[Refresh halaman detail order]
  ↓
[Tampilkan badge "Confirmed"]
  ↓
[Hide tombol konfirmasi/tolak]
  ↓
END

---

4. Tolak Pembayaran Tiket

Deskripsi

Flowchart untuk admin menolak pembayaran tiket dengan alasan.

Flowchart

START
  ↓
[Admin di halaman detail order]
  ↓
[Admin memeriksa bukti pembayaran]
  ↓
{Bukti pembayaran tidak valid?}
  ├─ NO → [Admin klik "Konfirmasi"] → [Lihat flowchart #3]
  └─ YES ↓
       ↓
[Admin klik tombol "Tolak Pembayaran"]
  ↓
[Tampilkan modal form penolakan]
  ↓
[Tampilkan textarea untuk alasan penolakan]
  ↓
[Admin mengetik alasan penolakan]
  ↓
[Admin klik "Submit"]
  ↓
<Validasi input>
  ↓
{Alasan penolakan terisi?}
  ├─ NO → [Error: "Alasan penolakan wajib diisi"]
  │       ↓
  │       [Kembali ke modal]
  │       ↓
  │       END
  └─ YES ↓
       ↓
[Query database: ambil ticket_order berdasarkan ID]
  ↓
{Order ditemukan?}
  ├─ NO → [Error: Order tidak ditemukan] → END
  └─ YES ↓
       ↓
[Update tabel ticket_orders:]
  - status = 'rejected'
  - confirmed_by = admin_id yang login
  - rejection_note = alasan dari admin
  ↓
[Simpan perubahan ke database]
  ↓
[Tampilkan notifikasi sukses:]
  "Order tiket ditolak"
  ↓
[Refresh halaman detail order]
  ↓
[Tampilkan badge "Rejected"]
  ↓
[Tampilkan alasan penolakan]
  ↓
[Hide tombol konfirmasi/tolak]
  ↓
END

---

5. Verifikasi Pembayaran Booking

Deskripsi

Flowchart untuk admin memverifikasi pembayaran booking pendopo.

Flowchart

START
  ↓
[Admin mengakses menu "Booking"]
  ↓
[Query database: ambil semua bookings]
  ↓
[Include relasi: user, place]
  ↓
[Urutkan: terbaru ke terlama]
  ↓
[Tampilkan tabel booking:]
  - Kode Booking
  - Nama User
  - Tempat
  - Tanggal Booking
  - Total Harga
  - Status
  - Aksi (Detail)
  ↓
[Admin klik "Detail" pada booking]
  ↓
[Query database: ambil booking berdasarkan ID]
  ↓
[Tampilkan detail booking:]
  - Kode Booking
  - Nama Pengunjung
  - Nomor Telepon
  - Alamat
  - Tanggal Booking
  - Total Harga
  - Catatan
  - Bukti Pembayaran
  ↓
{Status = 'pending'?}
  ├─ YES → [Tampilkan tombol:]
  │        - "Konfirmasi" (hijau)
  │        - "Tolak" (merah)
  │        ↓
  │        [Admin klik salah satu tombol]
  │        ↓
  │        {Klik Konfirmasi?}
  │        ├─ YES → [Update status = 'confirmed']
  │        │        ↓
  │        │        [Set confirmed_at = now()]
  │        │        ↓
  │        │        [Set confirmed_by = admin_id]
  │        │        ↓
  │        │        [Notifikasi: "Booking dikonfirmasi"]
  │        │        ↓
  │        │        END
  │        │
  │        └─ NO (Tolak) → [Tampilkan form alasan]
  │                        ↓
  │                        [Admin input alasan]
  │                        ↓
  │                        [Update status = 'rejected']
  │                        ↓
  │                        [Set rejection_note]
  │                        ↓
  │                        [Notifikasi: "Booking ditolak"]
  │                        ↓
  │                        END
  │
  └─ NO (confirmed/rejected) → [Tampilkan status saja]
                                ↓
                                [Hide tombol aksi]
                                ↓
                                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. Manual Input (Parallelogram with slanted top) - Input manual admin

Warna yang Disarankan

• START/END: Hijau teal (#14B8A6)
• Process: Biru muda (#E3F2FD)
• Decision: Kuning (#FFF59D)
• Database Operation: Ungu muda (#E1BEE7)
• Admin Action: Biru tua muda (#BBDEFB)
• Confirm: Hijau muda (#C8E6C9)
• Reject: Merah muda (#FFCDD2)
• Pending: Kuning muda (#FFF9C4)

Tips

• Gunakan swimlane untuk memisahkan Admin dan System
• Tandai proses verifikasi dengan warna khusus
• Gunakan connector yang jelas untuk decision branch
• Tambahkan notes untuk status order

---

Dibuat: 25 Februari 2026
Fitur: Verifikasi Pembayaran Admin
Sistem: Banyu Biru Ticketing & Booking System