Latar Belakang Project

Mengintegrasikan gateway pembayaran di lingkungan nyata sering kali menjadi tantangan berat bagi developer. Hambatan administrasi seperti kebutuhan badan usaha hukum resmi, kontrak kemitraan, serta biaya setup yang mahal membuat proses pengujian awal berjalan lambat.

Website ArtaPay dibuat untuk meminimalkan hambatan tersebut. Platform ini menyediakan simulator lingkungan sandbox di mana developer dapat membuat API Key sendiri, memicu transaksi dummy, dan menerima respon callback (webhook) yang valid secara kriptografis tanpa terikat persyaratan administrasi apa pun.

Alur Penggunaan (User Flow)

Pengujian integrasi di ArtaPay dirancang sedemikian rupa agar sangat mirip dengan proses integrasi di sistem payment gateway komersial, melalui 5 langkah utama berikut:

1. Pendaftaran Merchant & Aktivasi Akun Pengguna mendaftar secara mandiri melalui halaman registrasi merchant. Status merchant disetujui secara otomatis (simulasi persetujuan admin) untuk langsung memulai transaksi sandbox.
2. Penerbitan API Key & Secret Key Di halaman dashboard merchant, pengguna dapat mengakses tab integrasi untuk menerbitkan API Key dan Secret Key (HMAC) yang digunakan sebagai kunci autentikasi setiap request HTTP.
3. Pembuatan Invoice (Create Invoice) Server Merchant mengirimkan request HTTP POST ke endpoint /api/v1/payments yang memuat nominal transaksi dan informasi pelanggan. Sistem ArtaPay merespon dengan mengembalikan ID invoice unik dan sebuah paymentUrl.
4. Simulasi Proses Pembayaran oleh Customer Pelanggan diarahkan ke paymentUrl (atau membukanya via library Javascript modal artapay.js). Di halaman pembayaran simulasi ini, customer dapat memilih metode (QRIS, E-Wallet, VA) lalu mengklik tombol sukses untuk mensimulasikan pelunasan tagihan.
5. Pengiriman Callback & Webhook Event Setelah pembayaran sukses divalidasi, server ArtaPay secara otomatis mengirimkan data callback webhook terenkripsi ke URL merchant Anda secara real-time untuk memperbarui status pesanan di database internal merchant.

Pendekatan Desain dan User Experience

Desain antarmuka website ArtaPay dibangun dengan tema gelap (Dark Theme) untuk memancarkan aura futuristik, kredibel, dan profesional khas ekosistem Web Developer.

Beberapa keunggulan desain dan UX yang diterapkan di platform ini meliputi:

• Dokumentasi API interaktif berformat tab layaknya developer portal kelas dunia.
• Integrasi pustaka client-side Javascript artapay.js untuk menyajikan checkout modal instan tanpa mengalihkan halaman.
• Dashboard analitik merchant dengan grafik performa pendapatan dan history transaksi.
• Tampilan responsif di seluruh layar komputer, tablet, maupun layar mobile (smartphone).