Ayo Piknik — Platform Reservasi Tiket Wisata & Manajemen Mitra

Platform reservasi dan tiket wisata digital terintegrasi yang memudahkan wisatawan menemukan dan memesan tiket destinasi favorit secara instan, sekaligus memberdayakan mitra pengelola wisata (vendor) untuk mengelola tiket, memantau penjualan, dan melakukan validasi tiket masuk dengan pemindai QR Code di ponsel. Dibangun menyeluruh (end-to-end) sebagai Full-Stack Engineer menggunakan Laravel dan Flutter — merancang API yang tangguh, mengintegrasikan pembayaran Midtrans yang aman, membangun dasbor web admin interaktif dengan Filament PHP, serta merancang aplikasi mobile modern dengan antarmuka yang ramah pengguna.

---

Ringkasan Proyek

• Kategori: Proyek Portofolio Showcase / Aplikasi Nyata
• Peran: Full-Stack Mobile & Backend Engineer (Laravel 11 & Flutter)
• Teknologi Backend & Web: Laravel 11, PHP 8.4, MySQL, Laravel Sanctum, Filament PHP v3 (Admin Web Portal), Midtrans Snap Payment Gateway, RESTful API
• Teknologi Mobile: Flutter (Dart), BLoC State Management (flutter_bloc), Clean Architecture, Mobile QR/Barcode Scanner (mobile_scanner), Midtrans In-App WebView, Google Fonts, Soft Neumorphic UI Design

---

Latar Belakang & Motivasi

Banyak destinasi wisata dan atraksi lokal di Indonesia masih mengandalkan loket fisik dan tiket kertas konvensional. Sistem manual ini sering menyebabkan antrean panjang di akhir pekan, kerentanan kebocoran pendapatan, serta keterbatasan data penjualan bagi pengelola wisata. Di sisi lain, wisatawan masa kini menginginkan pengalaman liburan yang praktis: mencari destinasi, memesan tiket dari ponsel, membayar instan dengan metode digital (QRIS, E-Wallet, Transfer Bank), dan langsung masuk cukup dengan memindai kode QR dari layar HP.

Ayo Piknik dirancang untuk menjembatani kebutuhan kedua belah pihak:

• Bagi Wisatawan: Pengalaman liburan tanpa ribet mulai dari eksplorasi destinasi, penyimpanan tempat favorit, pemilihan paket tiket sesuai tanggal kunjungan, hingga penerbitan E-Tiket QR Code instan setelah pembayaran terverifikasi.
• Bagi Mitra Pengelola (Vendor): Alat manajemen mandiri di genggaman untuk mengunggah destinasi, mengatur varian tiket & harga (weekday/weekend), memantau rekap pendapatan harian, dan memvalidasi tiket masuk pengunjung secara real-time via kamera ponsel.
• Bagi Administrator: Pusat kendali berbasis web untuk memverifikasi mitra resmi, memantau riwayat transaksi seluruh sistem, dan mengelola kategori wisata.

---

Kontribusi Full-Stack Saya

Arsitektur RESTful API & Backend Tangguh (Laravel 11)

• Merancang struktur basis data relasional multi-entitas yang menghubungkan Akun Pengguna, Mitra Wisata (Vendor), Destinasi (Event), Paket Tiket (SKU), Lembar E-Tiket Barcode unik (Ticket), serta Riwayat Transaksi (Order).
• Mengamankan komunikasi data antara aplikasi mobile dan server menggunakan autentikasi token berbasis Laravel Sanctum.
• Mengembangkan endpoint API modular dengan validasi ketat, relasi data otomatis, dan sistem penanganan error yang andal.

Integrasi Payment Gateway Midtrans yang Aman & Instan

• Mengintegrasikan Midtrans Snap API untuk memproses berbagai metode pembayaran populer di Indonesia (QRIS, GoPay, ShopeePay, dan Virtual Account berbagai bank).
• Mengimplementasikan pembuatan Order ID unik dan kalkulasi otomatis harga tiket untuk menjamin keakuratan nominal pembayaran.
• Mengembangkan halaman penanganan pembayaran dalam aplikasi (in-app WebView) yang mampu mengenali status keberhasilan pembayaran secara otomatis dan mengarahkan pengguna ke E-Tiket mereka.

Sistem E-Tiket & Validasi QR Code Real-Time

• Mengotomatisasi penerbitan lembar tiket digital berkode unik (barcode/QR Code) pada saat pesanan terkonfirmasi.
• Mengintegrasikan modul pemindai kamera ponsel (camera scanner) pada modul vendor mitra untuk validasi keabsahan tiket pengunjung di gerbang masuk secara instan, mencegah tiket ganda (double redemption).

Portal Web Administrator Interaktif (Filament PHP v3)

• Membangun dasbor admin web berbasis SPA (Single Page Application) yang elegan dan responsif.
• Mengembangkan modul verifikasi dan persetujuan mitra (Vendor Approval), manajemen katalog wisata, rekapitulasi data penjualan tiket, serta pemantauan pengguna secara terpusat.

Pengembangan Aplikasi Mobile Modern (Flutter & BLoC)

• Mengadopsi arsitektur BLoC (Business Logic Component) yang memisahkan logika bisnis dari tampilan secara rapi dan modular.
• Merancang antarmuka bertema Soft Neumorphic yang bersih, elegan, dan ramah pengguna dengan tipografi modern dan palet warna yang nyaman di mata.
• Mengimplementasikan fitur simpan destinasi favorit (Wishlist/Bookmark) dengan sinkronisasi instan (optimistic updates).

---

Fitur Produk Inti

1. Sisi Wisatawan (Customer App)

• Eksplorasi Destinasi: Jelajahi wisata berdasarkan kategori populer (Pantai, Gunung, Budaya, Permainan, Wisata Alam) lengkap dengan foto, deskripsi, dan lokasi.
• Destinasi Tersimpan (Wishlist): Simpan tempat liburan impian hanya dengan satu sentuhan dan akses kembali kapan saja.
• Pemesanan Fleksibel: Pilih tanggal kunjungan dan jumlah tiket dari berbagai paket (Reguler, VIP, Paket Terusan).
• Pembayaran Terintegrasi: Pembayaran cepat dan aman via Midtrans (QRIS, E-Wallet, Bank Transfer) langsung di dalam aplikasi.
• Dompet E-Tiket: Akses tiket digital kapan saja lengkap dengan kode QR unik siap scan di lokasi wisata.

2. Sisi Mitra Wisata (Vendor / Partner App)

• Pendaftaran & Profil Mitra: Daftarkan entitas bisnis wisata untuk diverifikasi oleh admin.
• Manajemen Destinasi & Paket Tiket (CRUD): Tambah, ubah, atau perbarui informasi objek wisata, foto promosi, dan jenis tiket beserta harganya.
• Validasi Tiket Masuk (QR Scanner): Pindai kode QR tiket pengunjung langsung menggunakan kamera ponsel untuk konfirmasi kehadiran.
• Laporan Penjualan: Pantau total tiket yang terjual dan rekapitulasi pendapatan mitra secara real-time.

3. Sisi Administrator (Web Admin Portal)

• Manajemen Pengguna & Mitra: Verifikasi dan berikan status verifikasi resmi pada vendor baru.
• Monitoring Transaksi: Tinjau status pembayaran seluruh transaksi dari berbagai destinasi.
• Kategori & Master Data: Kelola data kategori wisata dan parameter global aplikasi.

---

Teknologi & Arsitektur (Tech Stack)

• Aplikasi Mobile: Flutter (Dart), State Management flutter_bloc, freezed, mobile_scanner, webview_flutter, google_fonts.
• Backend API: Laravel 11, PHP 8.4, Laravel Sanctum, MySQL Database.
• Payment Gateway: Midtrans Snap Payment Gateway API.
• Admin Dashboard: Laravel Filament PHP v3 (TALL Stack - Tailwind CSS, Alpine.js, Laravel, Livewire).
• Format Pertukaran Data: JSON RESTful API dengan enkripsi HTTPS dan autentikasi Bearer Token.

---

Tantangan & Solusi yang Diterapkan

Otomasi Stok Tiket & Keamanan Validasi Masuk

• Tantangan: Mencegah pemesanan melebihi kuota harian serta menghindari penggunaan tiket yang sama lebih dari satu kali di pintu masuk.
• Solusi: Merancang pemisahan antara paket produk (SKU) dan unit tiket riil (Ticket). Saat pesanan dibuat, sistem mengalokasikan nomor tiket unik berstatus available menjadi booked, dan saat pemindaian di pintu masuk, status langsung diperbarui menjadi used sehingga tidak dapat dipakai ulang.

Pengalaman Pembayaran Mulus Tanpa Meninggalkan Aplikasi

• Tantangan: Alur pembayaran pihak ketiga kerap membingungkan pengguna jika dialihkan ke peramban eksternal (browser) dan rentan gagal memicu notifikasi sukses.
• Solusi: Mengintegrasikan Midtrans Snap langsung ke dalam WebView aplikasi dengan filter skema navigasi yang aman dan pendeteksi status transaksi otomatis, sehingga dialog keberhasilan tiket langsung muncul saat transaksi selesai.

Sinkronisasi Destinasi Tersimpan (Bookmark) yang Responsif

• Tantangan: Mengubah status simpan/favorit destinasi dari berbagai halaman (beranda, detail, dan tab simpan) membutuhkan pembaruan yang cepat tanpa jeda loading yang mengganggu.
• Solusi: Menggunakan pola Optimistic State Updates pada BLoC di Flutter, di mana ikon bookmark langsung bereaksi seketika di sisi pengguna sementara sinkronisasi database server berjalan di latar belakang secara aman.

---

Pembelajaran & Nilai Bisnis yang Dihasilkan

• Berhasil merancang ekosistem lengkap tiga arah (Three-Sided Platform) yang menghubungkan Konsumen, Mitra Bisnis, dan Pengelola Platform secara harmonis.
• Menguasai integrasi gerbang pembayaran nasional skala produksi (Production-ready Payment Processing) dengan proteksi transaksi yang andal.
• Menghadirkan solusi digitalisasi nyata bagi industri pariwisata yang mempercepat proses transaksi loket, mengurangi antrean fisik, dan meningkatkan transparansi pendapatan bisnis.