STUDI KASUS
E-Commerce 2023
OMart – Aplikasi E-Commerce dan Manajemen Toko
OMart adalah aplikasi e-commerce berbasis web untuk customer dan admin. Customer dapat menelusuri produk, menggunakan filter, melihat promo, mengelola keranjang, melakukan checkout, melihat histori pesanan, dan memberi review. Admin mengelola katalog, kategori, promo, pengguna, pesanan, review, serta ringkasan penjualan.
TEKNOLOGI YANG DIGUNAKAN
Laravel 10 / PHP / MySQL / MariaDB / Bootstrap / AdminLTE / Laravel UI / Midtrans PHP SDK / Chart.js / jQuery / Owl Carousel 2
MASALAH
Alur aplikasi menunjukkan kebutuhan untuk menggabungkan katalog produk, promosi, transaksi customer, dan administrasi toko dalam satu sistem. Customer membutuhkan alur dari pencarian produk hingga pesanan, sedangkan admin membutuhkan pengelolaan produk, kategori, pengguna, promo, order, review, dan informasi penjualan.
FITUR UTAMA
-
01
Katalog dan Filter Produk
Customer dapat menelusuri produk serta memfilter berdasarkan kategori, rentang harga, dan pencarian nama.
-
02
Keranjang dan Checkout
Customer dapat menambahkan produk, mengatur jumlah item, melihat subtotal dan ongkos kirim, lalu melanjutkan ke checkout.
-
03
Promo dan Harga Diskon
Produk dapat memiliki periode promo dengan persentase diskon yang dihitung dan ditampilkan selama promo masih aktif.
-
04
Pembayaran Midtrans Sandbox
Checkout memiliki integrasi Midtrans PHP SDK untuk membuat transaksi Sandbox serta endpoint notification dengan verifikasi signature.
-
05
Akses Admin dan Customer
Middleware memisahkan akses customer dan admin sehingga fungsi belanja dan pengelolaan operasional berada pada area yang berbeda.
-
06
Dashboard Penjualan Admin
Dashboard admin menampilkan total order, produk, user, kategori, review, promo, data terbaru, serta grafik penjualan dan revenue bulanan.
IMPLEMENTASI
OMart membagi akses menjadi role Admin dan Customer melalui middleware. Customer dapat mencari dan memfilter produk berdasarkan kategori, rentang harga, dan nama, melihat harga promo, mengatur jumlah item di keranjang, melakukan checkout, melihat histori pesanan, mengirim review, dan memperbarui profil. Sistem juga memiliki integrasi pembayaran Midtrans Sandbox. Di sisi admin tersedia dashboard, pengelolaan produk, kategori, promo, user, role, order, dan review.
TAMPILAN PROYEK
Buka tampilan 01 dalam ukuran penuh
Buka tampilan 02 dalam ukuran penuh
Buka tampilan 03 dalam ukuran penuh
Buka tampilan 04 dalam ukuran penuh
HASIL
OMart menggabungkan alur belanja pelanggan dengan pekerjaan admin toko. Pelanggan dapat mencari produk, mengelola keranjang, checkout, dan melihat pesanan; admin mengatur katalog, promo, ulasan, serta ringkasan penjualan. Jalur pembayaran disiapkan melalui Midtrans Sandbox.
Lanjut melihat proyek
Ingin membuat aplikasi dengan kebutuhan serupa?
Jelaskan siapa penggunanya, bagaimana prosesnya berjalan, dan fitur apa yang dibutuhkan. Saya akan mempelajarinya sebelum membahas solusi teknis.
Bahas Proyek