Pendahuluan

Perkembangan teknologi informasi, khususnya teknologi web, telah memberikan dampak signifikan terhadap pertumbuhan sektor Usaha Mikro, Kecil, dan Menengah (UMKM). Digitalisasi melalui sistem berbasis web memungkinkan UMKM untuk memperluas jangkauan pasar, meningkatkan efisiensi operasional, dan memfasilitasi transaksi secara online . Penerapan e-commerce telah terbukti meningkatkan efektivitas dan efisiensi bisnis dengan mengurangi biaya operasional, mempercepat proses transaksi, dan meningkatkan kepuasan pelanggan . Selain itu, digitalisasi memainkan peran penting dalam meningkatkan daya saing UMKM melalui optimalisasi proses bisnis dan pengelolaan data yang lebih terstruktur .

Meskipun demikian, masih banyak UMKM yang belum mengoptimalkan pemanfaatan teknologi digital dalam operasional bisnisnya, terutama dalam aspek pengelolaan transaksi dan layanan pelanggan. Salah satu contohnya adalah Batik Giri Alam yang masih menggunakan sistem manual dalam proses transaksi, pencatatan data, serta pengelolaan layanan pelanggan, sehingga menimbulkan berbagai permasalahan seperti tingginya potensi kesalahan pencatatan, keterbatasan jangkauan pemasaran, serta kurang efisiennya proses pelayanan kepada pelanggan. Kondisi ini sejalan dengan penelitian yang menunjukkan bahwa banyak UMKM masih menghadapi kendala dalam sistem pencatatan transaksi yang dilakukan secara manual sehingga menyebabkan ketidakefisienan dan kesulitan dalam pengelolaan data usaha . Selain itu, kebutuhan sistem tidak hanya terbatas pada penjualan produk, tetapi juga mencakup layanan tambahan seperti booking workshop yang menjadi bagian dari strategi bisnis dalam meningkatkan interaksi dengan pelanggan. Oleh karena itu, diperlukan suatu sistem backend yang mampu mengelola data, logika bisnis, serta integrasi antara fitur e-commerce dan booking workshop secara efektif dan terstruktur.

Berbagai penelitian terdahulu telah mengkaji pengembangan sistem e-commerce dan sistem booking berbasis web. Penelitian oleh menunjukkan bahwa penggunaan framework Laravel dalam pembangunan sistem e-commerce mampu meningkatkan efisiensi pengelolaan produk dan transaksi serta mempermudah proses pengembangan sistem. Sebuah studi lain oleh juga mengungkapkan bahwa pengembangan platform e-commerce berbasis Laravel dengan metode Waterfall menghasilkan sistem yang efektif dan mampu meningkatkan kinerja pemasaran UMKM. Di sisi lain, sebuah studi tentang sistem booking online oleh menunjukkan bahwa sistem booking berbasis web dapat meningkatkan efisiensi layanan serta mengurangi kesalahan pencatatan. Selain itu, kajian literatur oleh menyatakan bahwa penggunaan framework modern seperti Laravel memberikan keunggulan dari hal keamanan, kinerja, serta kemudahan pengembangan aplikasi berbasis web. Meskipun demikian, sebagian besar penelitian tersebut masih berfokus pada pengembangan sistem e-commerce dan sistem booking secara terpisah, serta belum menekankan pada pengembangan backend sebagai inti sistem yang mengintegrasikan kedua layanan tersebut dalam satu platform yang terpadu.

Berdasarkan kajian tersebut, teridentifikasi adanya gap penelitian berupa belum optimalnya pengembangan backend yang mampu mengintegrasikan layanan e-commerce dan booking workshop dalam satu sistem yang terstruktur. Pada kenyataannya, integrasi kedua layanan ini sangat penting untuk meningkatkan efisiensi operasional dan memberikan pengalaman pengguna yang lebih baik. Oleh karena itu, penelitian ini bertujuan untuk mengembangkan backend situs web berbasis Laravel yang mampu mendukung layanan e-commerce dan booking workshop terintegrasi di Batik Giri Alam. Dengan sistem ini, diharapkan efisiensi pengelolaan data akan meningkat, proses transaksi akan disederhanakan, dan pengembangan bisnis digital akan didukung. Keunikan penelitian ini terletak pada pengembangan backend terintegrasi yang tidak hanya berfokus pada transaksi e-commerce, tetapi juga menggabungkan layanan pemesanan workshop, integrasi pembayaran online melalui Tripay, perhitungan biaya pengiriman otomatis menggunakan RajaOngkir, dan dashboard admin ke dalam satu sistem. Integrasi ini membedakannya dari penelitian sebelumnya, yang umumnya masih membahas sistem e-commerce dan sistem booking secara terpisah.

Metode

A. Metode Pengembangan

Metode pengembangan sistem yang digunakan dalam penelitian ini adalah metode Waterfall. Metode waterfall adalah metode yang dikembangkan untuk pengembangan perangkat lunak, membuat perangkat lunak. Metode berkembang secara sistematis dari satu tahap ke tahap lain dalam model seperti air terjun. Metode waterfall sering juga disebut model sekuensial linier (sequential linear) atau alur hidup klasik (classic life cycle) .

Metode ini dipilih karena memiliki tahapan yang terstruktur dan sistematis sehingga memudahkan dalam proses pengembangan perangkat lunak. Berikut pada gambar 1 visualisasi tahapan metode waterfall:

1. Analisis Kebutuhan

Tahapan pertama adalah analisis kebutuhan, yang dilakukan untuk mengidentifikasi kebutuhan sistem berdasarkan permasalahan yang ada pada Batik Giri Alam, baik dari sisi pengguna maupun sistem. Pada tahap ini dilakukan pengumpulan informasi terkait proses bisnis, kebutuhan fitur e-commerce, serta layanan booking workshop yang akan dikembangkan.

2. Desain Sistem

Tahap kedua adalah desain sistem, yaitu merancang struktur sistem yang akan dibangun, meliputi perancangan database, arsitektur backend, serta alur sistem. Perancangan ini bertujuan untuk memberikan gambaran menyeluruh mengenai sistem sebelum diimplementasikan, termasuk integrasi dengan layanan pembayaran dan pengiriman.

3. Implementasi

Tahap ketiga adalah implementasi, yaitu proses pengembangan sistem berdasarkan desain yang telah dibuat. Pada tahap ini dilakukan pembuatan backend menggunakan framework Laravel, termasuk pembuatan controller, model, routing, serta integrasi dengan database dan layanan pihak ketiga seperti payment gateway dan API pengiriman. Penggunaan Laravel terbukti mampu mendukung pengembangan sistem web yang terstruktur dan efisien .

4. Pengujian

Tahap keempat adalah pengujian, yang bertujuan untuk memastikan bahwa sistem yang dikembangkan telah berjalan sesuai dengan kebutuhan. Pengujian dilakukan untuk meminimalisir kesalahan dan memastikan seluruh fitur dapat digunakan dengan baik, termasuk pengujian transaksi pembayaran dan perhitungan ongkos kirim.

5. Pemeliharaan

Tahap terakhir adalah pemeliharaan, yaitu tahap perbaikan dan pengembangan sistem setelah implementasi. Pemeliharaan dilakukan untuk memastikan sistem tetap berjalan optimal serta dapat menyesuaikan dengan kebutuhan pengguna di masa mendatang.

Gambar 1 . Metode Waterfall

B. Tools dan Teknologi

Dalam penelitian ini, pengembangan sistem dilakukan dengan menggunakan beberapa tools dan teknologi pendukung. Framework utama yang digunakan adalah Laravel, yang berfungsi untuk membangun backend sistem karena memiliki struktur yang rapi, keamanan yang baik, serta mendukung pengembangan berbasis MVC (Model-View-Controller). Database yang digunakan adalah MySQL, yang berfungsi untuk menyimpan dan mengelola data sistem seperti data produk, transaksi, serta data booking workshop.

Selain itu, sistem juga menggabungkan layanan pihak ketiga untuk mendukung fitur e-commerce dengan lebih baik. Payment gateway yang digunakan adalah Tripay, yang berfungsi untuk mengelola transaksi pembayaran secara otomatis melalui berbagai metode pembayaran seperti transfer bank, e-wallet, dan virtual account. Integrasi payment gateway dalam platform e-commerce terbukti mampu meningkatkan keamanan transaksi dan efisiensi proses pembayaran .

Untuk mendukung proses pengiriman barang, sistem menggunakan API RajaOngkir yang berfungsi untuk menghitung ongkos kirim berdasarkan lokasi pengiriman, berat barang, serta jasa ekspedisi yang dipilih. Integrasi API pengiriman seperti RajaOngkir memungkinkan perhitungan ongkir secara otomatis dan real-time sehingga meningkatkan pengalaman pengguna dalam proses checkout

Tools pendukung yang digunakan dalam proses pengembangan antara lain Visual Studio Code sebagai code editor, Postman untuk melakukan pengujian API, serta browser untuk melakukan pengujian sistem secara langsung.

C. Perancangan Sistem

Perancangan sistem dilakukan untuk memberikan gambaran mengenai alur kerja dan struktur sistem yang akan dikembangkan. Perancangan ini meliputi use case diagram, entity relationship diagram (ERD), serta arsitektur backend. Use case diagram digunakan untuk menggambarkan interaksi antara pengguna dengan sistem, seperti proses registrasi, login, pengelolaan produk, transaksi e-commerce, pemilihan metode pembayaran, serta booking workshop. Entity Relationship Diagram (ERD) digunakan untuk merancang struktur database dan relasi antar tabel yang terdapat dalam sistem, seperti relasi antara pengguna, produk, transaksi, detail transaksi, serta data booking workshop.

1. Usecase Diagram

Pada gambar 2 merupakan usecase diagram. Use case diagram menunjukkan peran pengguna dalam sistem. Pengunjung hanya dapat melihat produk dan registrasi. Setelah menjadi pelanggan, pengguna dapat login, menambah atau mengubah keranjang, melakukan checkout, dan memesan workshop. Admin memiliki fungsi manajemen data produk, pesanan, booking, pengguna, serta akses dashboard. Proses checkout terkait dengan perhitungan ongkos kirim dan pembayaran online melalui layanan eksternal.

Gambar 2 . Usecase Diagram

2. Erd Diagram

ERD menggambarkan hubungan antara tabel utama dalam sistem. Produk dikelompokkan berdasarkan kategori, dan setiap produk dapat muncul di keranjang atau pesanan. Pengguna memiliki keranjang, membuat pesanan, dan melakukan booking workshop. Data pembayaran dan pengiriman disimpan secara terpisah tetapi terkait langsung dengan pesanan. Diagram ini memperlihatkan alur data dari pengguna ke produk, order, pembayaran, dan pengiriman, sebagaimana diilustrasikan pada gambar 3.

Gambar 3 . ERD Diagram

3. Diagram Arsitektur Sistem

Diagram arsitektur sistem menggambarkan alur dari antarmuka pengguna sampai data dan layanan eksternal. Browser pengguna menggunakan frontend website yang diarahkan ke routes Laravel. Request diproses melalui middleware autentikasi dan controller, kemudian service layer menjalankan logika bisnis. Data disimpan di MySQL melalui model Eloquent. Untuk fitur checkout, sistem menggunakan Tripay untuk pembayaran dan RajaOngkir untuk ongkos kirim, sebagaimana diilustrasikan pada gambar 4.

Gambar . Diagram Arsitektur Sistem

Selain itu, arsitektur backend dirancang menggunakan konsep MVC yang diterapkan dalam framework Laravel. Arsitektur ini memisahkan antara logika bisnis, pengelolaan data, dan antarmuka, sehingga sistem menjadi lebih terstruktur. Backend juga dirancang untuk mendukung integrasi API eksternal seperti payment gateway dan API pengiriman. Penelitian sebelumnya menunjukkan bahwa integrasi API dalam sistem e-commerce mampu meningkatkan efisiensi transaksi dan akurasi data .

D. Teknik Pengumpulan Data

Teknik pengumpulan data dalam penelitian ini dilakukan melalui beberapa metode. Berikut adalah metode yang digunakan dalam mengumpulkan data dalam penelitian ini:

1. Observasi

Menurut Daruhadi , Observasi adalah teknik pengumpulan data melalui pengamatan langsung terhadap objek atau fenomena yang sedang diteliti. Peneliti melakukan pencatatan aktif terhadap perilaku, kejadian, dan kondisi yang diamati di lapangan tanpa mengintervensi atau mengubah situasi tersebut.

Observasi dilakukan dengan mengamati secara langsung proses operasional UMKM Batik Giri Alam, terutama kegiatan penjualan produk batik dan pendaftaran workshop membatik yang masih dilakukan secara manual. Panduan observasi terfokus pada alur pencatatan transaksi, prosedur pemesanan produk, pengelolaan informasi pelanggan, pendaftaran workshop, serta kendala yang timbul dalam layanan pelanggan. Melalui observasi, peneliti dapat mengidentifikasi kendala yang dihadapi, menyesuaikan hasil wawancara dengan kondisi sebenarnya, serta memperoleh data yang lebih akurat sebagai landasan untuk merancang dan mengembangkan sistem backend terintegrasi.

2. Wawancara

Wawancara adalah teknik pengumpulan data yang melibatkan interaksi langsung antara peneliti dan responden, di mana peneliti mengajukan pertanyaan untuk mendapatkan informasi yang mendalam terkait topik yang diteliti. Teknik ini memungkinkan peneliti memahami sudut pandang, pengalaman, maupun opini responden secara rinci .

Wawancara dilakukan secara langsung dengan pihak pengelola UMKM Batik Giri Alam sebagai informan utama untuk memperoleh informasi terkait proses bisnis yang berjalan, kendala dalam pengelolaan penjualan produk batik dan pendaftaran workshop, serta kebutuhan sistem yang diharapkan. Pertanyaan wawancara diarahkan pada alur transaksi, pencatatan data, proses pembayaran, pengelolaan jadwal workshop, serta kebutuhan admin dalam mengelola data penjualan dan reservasi. Metode wawancara ini bertujuan untuk menggali data secara mendalam dan memperoleh gambaran nyata mengenai permasalahan yang akan diselesaikan melalui pengembangan sistem backend.

3. Studi Literatur

Selain itu, studi literatur dilakukan dengan mengkaji berbagai referensi seperti jurnal ilmiah, buku, dan sumber terpercaya lainnya yang berkaitan dengan pengembangan sistem e-commerce, sistem booking online, serta penggunaan framework Laravel . Studi literatur ini bertujuan untuk mendukung dasar teori serta memperkuat penelitian yang dilakukan.

E. Pengujian Sistem

Pengujian sistem dilakukan untuk memastikan bahwa seluruh fungsi yang terdapat dalam sistem berjalan dengan baik sesuai dengan kebutuhan. Metode pengujian yang digunakan adalah blackbox testing, yaitu pengujian yang dilakukan dengan menguji fungsi sistem tanpa melihat kode program secara langsung. Pengujian ini berfokus pada input dan output dari sistem untuk memastikan bahwa sistem memberikan hasil yang sesuai. Skenario pengujian disusun berdasarkan kebutuhan fungsional utama sistem. Setiap skenario diuji dengan memberikan input tertentu, menentukan output yang diharapkan, membandingkannya dengan hasil aktual, kemudian memberikan status berhasil atau gagal. Dengan demikian, hasil pengujian tidak hanya menunjukkan bahwa fitur dapat berjalan, tetapi juga memperlihatkan kesesuaian antara kebutuhan pengguna dan fungsi sistem yang dikembangkan.

Selain itu, dilakukan juga pengujian API menggunakan tools seperti Postman untuk memastikan bahwa setiap endpoint API, termasuk integrasi dengan payment gateway dan API RajaOngkir, dapat berjalan dengan baik dan menghasilkan respon yang sesuai. Pengujian terhadap payment gateway dilakukan dengan memastikan proses transaksi, notifikasi pembayaran (callback), serta perubahan status pembayaran berjalan dengan benar. Integrasi payment gateway dalam sistem terbukti mampu meningkatkan efisiensi dan keamanan transaksi digital . Skenario pengujian disusun berdasarkan fitur-fitur utama dalam sistem, seperti pengelolaan produk, proses checkout, transaksi pembayaran, perhitungan ongkir, serta booking workshop. Hasil dari pengujian ini digunakan untuk mengevaluasi kinerja sistem serta memastikan bahwa sistem siap untuk digunakan.

Hasil dan Pembahasan

A. Implementasi Sistem

Pada tahap implementasi, backend Website Batik Giri Alam dibangun menggunakan framework Laravel dengan basis data MySQL. Implementasi sistem mencakup pengembangan modul autentikasi pengguna, manajemen produk, keranjang belanja, proses checkout, integrasi pembayaran melalui Tripay, integrasi biaya pengiriman dari RajaOngkir, pendaftaran workshop, serta dashboard admin. Dalam penelitian ini, fokus perhatian pada implementasi difokuskan pada sisi backend yang bertanggung jawab mengelola logika bisnis, melakukan validasi data, integrasi API eksternal, serta pengolahan transaksi.

Struktur implementasi backend dirancang mengikuti pola MVC (Model, View, Controller) yang disediakan oleh Laravel. Penggunaan Laravel dengan arsitektur MVC mendukung kebutuhan sistem karena memisahkan tanggung jawab antara route, controller, model, dan view. Pemisahan ini menjadikan proses pengelolaan transaksi, pendaftaran workshop, dan administrasi menjadi lebih terstruktur serta mudah untuk dipelihara. Controller berfungsi untuk mengatur alur proses bisnis, model berperan dalam pengelolaan data melalui Eloquent ORM, sedangkan route menjadi penghubung antara permintaan pengguna dan fungsi sistem. Struktur ini sesuai dengan kebutuhan awal Batik Giri Alam yang memerlukan sistem terintegrasi, tetapi tetap mudah dikembangkan ketika terdapat perubahan fitur.

1. Implementasi Routing Sistem

Routing digunakan untuk menghubungkan permintaan pengguna dengan controller atau komponen yang sesuai. Pada sistem ini, route mencakup halaman publik, halaman pelanggan, halaman admin, checkout, pembayaran, booking workshop, serta webhook Tripay.

Potongan kode yang ada di dibawah ini yaitu gambar 5 mengatur routing Laravel dengan cara menghubungkan setiap URL ke controller yang sesuai, sehingga setiap permintaan HTTP diarahkan ke handler yang tepat. Route publik seperti /,/shop, dan /workshop tersedia tanpa autentikasi, sedangkan route seperti /checkoutdan /workshop/booking berada di dalam middleware auth untuk memastikan hanya pengguna terautentikasi yang dapat mengaksesnya. Route webhook Tripay dibuat tanpa middleware autentikasi karena callback berasal dari server eksternal dan harus diproses tanpa session pengguna.

Gambar 5 . Kode Routing Sistem pada Laravel

2. Implementasi Model dan Relasi Data

Model digunakan untuk merepresentasikan struktur data pada sistem. Dalam backend ini, model utama yang digunakan antara lain User, Product, Cart, CartItem, Order, OrderItem, Address, WorkshopBooking, dan WorkshopPayment. Relasi antar model digunakan untuk mendukung proses transaksi e-commerce dan booking workshop, sebagaimana diilustrasikan pada Gambar 6.

Model Order seperti pada gambar 6 dibawah ini mendefinisikan atribut yang dapat diisi secara massal melalui $fillable, sehingga field-field penting seperti user_id, order_code, status, subtotal, shipping_cost, total, dan tripay_reference dapat disimpan secara otomatis. Properti $casts digunakan untuk mengonversi field JSON seperti shipping_response dan tripay_response menjadi array PHP, serta paid_at menjadi tipe datetime, sehingga data eksternal dan waktu pembayaran dapat diproses dengan benar. Relasi user() dan items() memetakan hubungan many-to-one dengan user dan one-to-many dengan item order, sehingga query data terkait menjadi lebih mudah dan konsisten.

Gambar 6 . Kode Model Order

Kode dibawah ini yaitu pada gambar 7 model WorkshopBooking merepresentasikan reservasi workshop secara terpisah, dengan atribut seperti workshop_available_date_id, workshop_slot_schedule_id, num_participants, total_price, deposit_amount, dan remaining_amount untuk mencerminkan kebutuhan business logic workshop. Relasi user() mengaitkan booking dengan pengguna yang melakukan reservasi, sementara relasi payments() memungkinkan satu booking memiliki banyak payment record agar pembayaran bertahap bisa ditangani secara detail. Struktur ini mendukung skema pembayaran deposit dan pelunasan serta memisahkan data booking dari data transaksi biasa.

Gambar 7 . Kode Model Workshop Booking

B. Implementasi Fitur E-Commerce

1. Implementasi Keranjang dan Checkout

Kode dibawah ini yaitu pada gambar 8 menunjukkan inisialisasi component Livewire untuk proses checkout. Livewire adalah framework real-time Laravel yang memungkinkan update UI tanpa reload halaman. Inisialisasi state ini mendefinisikan tahapan checkout dan variable variabel yang akan di-track secara real-time. Inisialisasi component Livewire untuk checkout menetapkan state awal seperti currentStep, totalSteps, selectedAddressId, selectedShippingService, selectedPaymentMethod, shippingCost, subtotal, dan totalAmount. Setiap properti ini membantu mengelola alur checkout multi-step, mulai dari pemilihan alamat hingga konfirmasi pembayaran. Dengan state yang tersimpan di component, antarmuka dapat diperbarui secara real-time tanpa perlu reload halaman.

Gambar 8 . Kode Insialisasi Checkout

Kode dibawah ini yaitu pada gambar 9 mendefinisikan method initializePaymentMethods() membuat daftar metode pembayaran yang tersedia dengan format terstruktur berupa ID, nama, dan fee setiap metode. Dengan adanya opsi seperti BCA Virtual Account, QRIS, dan DANA, sistem menyediakan fleksibilitas bagi pengguna untuk memilih metode pembayaran yang paling nyaman. Semua metode ini diberi fee nol untuk menjaga biaya pembayaran tetap ramah pengguna.

Gambar 9 . Pemilihan Metode Pembayaran pada Checkout

2. Implementasi Perhitungan Ongkir RajaOngkir

Perhitungan ongkir dilakukan menggunakan service terpisah agar integrasi API lebih modular. Sistem mengirimkan data origin, destination, berat barang, dan kurir ke API RajaOngkir, kemudian hasilnya diformat untuk ditampilkan pada checkout. Integrasi RajaOngkir mendukung kebutuhan sistem dalam menghitung biaya pengiriman secara otomatis berdasarkan alamat tujuan, berat produk, dan ekspedisi yang dipilih. Hal ini memperkuat fungsi e-commerce karena pengguna dapat memperoleh informasi ongkir sebelum menyelesaikan transaksi.

Kode dibawah ini yaitu pada gambar 10 menunjukkan service getShippingCost() menghitung biaya pengiriman dengan membangun payload berdasarkan origin, destination, berat, dan daftar kurir yang dipilih, lalu mengirim request ke API RajaOngkir. Apabila respons API berhasil, data biaya diserahkan kembali dalam format yang bisa diproses frontend; jika tidak berhasil, service menggunakan tarif pengiriman default sebagai fallback sehingga proses checkout tetap berjalan. Logika ini memisahkan perhitungan ongkos kirim dari controller dan memastikan sistem lebih tahan terhadap kegagalan layanan eksternal.

Gambar 10 . Kode Service Perhitungan Ongkir RajaOngkir

3. Implementasi Pembayaran Online Tripay

Pembayaran online dilakukan dengan menghubungkan backend ke gateway Tripay. Saat pengguna mengonfirmasi pesanan, sistem membuat transaksi pembayaran melalui service PaymentService, lalu memperoleh referensi dan URL pembayaran. Integrasi payment gateway Tripay dipilih karena mendukung otomatisasi proses pembayaran dan pembaruan status transaksi. Dengan adanya integrasi ini, admin tidak perlu melakukan pengecekan pembayaran secara manual secara penuh, sehingga proses transaksi menjadi lebih efisien dan risiko kesalahan pencatatan dapat dikurangi.

Kode dibawah ini yaitu pada gambar 11 menunjukkan Class PaymentService memisahkan logika pembuatan transaksi pembayaran dari controller dengan menggunakan interface GatewayInterface dan implementasi TripayGateway. Constructor menginisialisasi gateway Tripay, sedangkan method createPayment() mendelegasikan pembuatan transaksi ke gateway tersebut. Desain ini memungkinkan backend untuk tetap fleksibel dan mudah diubah jika nanti ingin mengganti atau menambahkan provider pembayaran lain.

Gambar 11 . Kode Service Pembayaran Tripay

Kode dibawah ini yaitu pada gambar 12 menunjukan method show() di controller pembayaran melakukan pemeriksaan otorisasi dengan memastikan order dimiliki oleh user saat ini, lalu menolak akses dengan abort(403) jika tidak sesuai. Jika status pembayaran order sudah paid, method ini mengalihkan pengguna ke halaman sukses untuk menghindari pembayaran ganda. Jika order belum dibayar, method mengembalikan view checkout yang menampilkan detail order dan opsi pembayaran.

Gambar 12 . Kode Controller Pembayaran Order

C. Implementasi Penyimpanan Booking Workshop

1. Implementasi Pembayaran Booking Workshop

Proses booking workshop dimulai ketika pengguna memilih workshop, jadwal, dan mengisi data peserta. Fitur booking workshop dikembangkan untuk menjawab kebutuhan Batik Giri Alam dalam mengelola reservasi peserta secara lebih tertata. Sistem menyimpan jadwal, jumlah peserta, biaya, deposit, dan status pembayaran sehingga admin dapat memantau reservasi tanpa pencatatan manual. Sistem kemudian memvalidasi jadwal, menghitung biaya total, menentukan deposit, serta menyimpan data booking. Implementasi booking workshop menunjukkan bahwa backend telah dirancang untuk mendukung transaksi reservasi secara lengkap. Data booking tidak hanya menyimpan identitas pengguna, tetapi juga data jadwal, jumlah peserta, total pembayaran, deposit, dan sisa pembayaran.

Pada gambar dibawah ini yaitu gambar 13 yang merupakan potongan kode penyimpanan booking workshop membuat record baru dengan data dari input yang tervalidasi, termasuk user_id, workshop_available_date_id, workshop_slot_schedule_id, booking_number, customer_name, customer_email, customer_phone, serta nilai total_price, deposit_amount, dan remaining_amount. Status awal booking diatur menjadi pending dan payment status juga pending karena pembayaran belum selesai. Logika ini memastikan seluruh data booking tersimpan secara konsisten dan sesuai dengan aturan bisnis workshop.

Gambar 13 . KodeProses Penyimpanan Booking Workshop

2. Implementasi Fitur Booking Workshop

Pembayaran workshop dilakukan melalui Tripay dengan skema deposit, pelunasan, atau pembayaran penuh. Sistem membuat record pembayaran workshop terlebih dahulu, kemudian mengirim data ke gateway pembayaran. Pada implementasi ini, backend memisahkan data booking dengan data pembayaran workshop.

Kode dibawah ini yaitu pada gambar 14 menunjukkan bagaimana Proses pembayaran workshop dimulai dengan membuat record payment baru melalui relasi payments() pada booking, yang menyimpan jumlah bayar, tipe pembayaran, metode, status awal pending, dan reference number unik. Setelah record payment dibuat, service pembayaran dipanggil dengan data lengkap seperti merchant_ref, amount, method, dan informasi pelanggan untuk membuat transaksi di Tripay. Pendekatan ini memungkinkan backend melacak setiap transaksi pembayaran dan menyimpan respons Tripay sebagai bagian dari alur pembayaran.

Gambar 14. Kode Proses Pembayaran Booking Workshop

D. Implementasi Webhook dan Sinkronisasi Status Pembayaran

Webhook adalah mechanism otomatis dimana Tripay mengirim callback ke backend saat user selesai pembayaran. Webhook digunakan agar sistem dapat menerima notifikasi pembayaran dari Tripay secara otomatis. Ketika callback diterima, backend memverifikasi signature, membaca status transaksi, lalu memperbarui status order atau pembayaran workshop.

Kode dibawah ini yaitu pada gambar 15 adalah handler untuk webhook Tripay yang verifies signature dan process payment confirmation. Handler webhook Tripay membaca signature dari header X-Callback-Signature dan payload dari body request, lalu membandingkan signature tersebut dengan nilai yang dihitung ulang menggunakan hash_hmac('sha256', $payload, $secretkey). Jika signature tidak cocok, request ditolak dengan response 403 untuk menjaga keamanan dan memastikan hanya callback valid yang diproses. Data hasil callback kemudian diambil dari JSON request untuk digunakan dalam pemrosesan lebih lanjut seperti pembaruan status pembayaran.

Gambar 15. Kode Webhook Tripay

Kode dibawah ini yaitu pada gambar 16 menunjukkan bagaimana webhook Tripay di handle untuk update status order. Ini adalah continuation dari gambar 15 yang menghandle webhook callback. Logika update status pembayaran mengecek apakah status dari webhook adalah paid dan status order saat ini masih pending, jika kedua kondisi terpenuhi, method updateOrderStatus() dipanggil untuk mengubah status order menjadi processing. Dengan mekanisme ini, perubahan status hanya terjadi sekali pada kondisi yang valid, sehingga order yang sudah diproses tidak diubah ulang tanpa alasan. Metode ini juga membantu menjaga konsistensi dan menandai bahwa pembayaran telah dikonfirmasi secara otomatis.

Gambar 16 . Kode Update Status Pembayaran Order

E. Implementasi Manajemen Admin

Admin memiliki akses untuk mengelola order produk dan booking workshop melalui dashboard backend. Admin dapat memfilter data, melihat detail transaksi, memperbarui status order, dan membatalkan transaksi jika memenuhi syarat. Fitur admin pada backend memungkinkan pengelolaan transaksi secara terpusat. Admin tidak hanya memantau order produk, tetapi juga booking workshop. Implementasi ini penting dalam mendukung kebutuhan operasional Batik Giri Alam agar seluruh transaksi dapat dikelola dalam satu sistem.

Kode dibawah ini yaitu pada gambar 17 menunjukkan Method updateStatus() di controller admin memvalidasi input status dan notes untuk memastikan status baru adalah salah satu nilai yang diizinkan dan catatan maksimal 500 karakter. Setelah validasi, order diperbarui dengan method updateOrderStatus() yang sama digunakan oleh webhook, sehingga pendekatan perubahan status tetap konsisten. Dengan begitu, admin dapat melakukan override manual pada order sekaligus menjaga keandalan dan auditabilitas proses perubahan status.

Gambar 17 . Kode Pengelolaan Order oleh Admin

F. Hasil Pengujian Sistem

Pengujian dilakukan untuk memastikan seluruh fitur backend berjalan sesuai kebutuhan. Berdasarkan hasil implementasi, sistem berhasil mendukung proses registrasi, login, pengelolaan produk, keranjang, checkout, perhitungan ongkir, pembayaran online, booking workshop, dan manajemen admin.

Berdasarkan hasil blackbox testing pada 12 skenario utama, seluruh fitur memperoleh status berhasil sehingga tingkat keberhasilan pengujian mencapai 100%. Hasil ini menunjukkan bahwa fungsi utama sistem telah berjalan sesuai kebutuhan awal pengguna, yaitu mempermudah transaksi produk, menghitung ongkos kirim secara otomatis, memproses pembayaran digital, mengelola booking workshop, serta membantu admin dalam memantau order dan reservasi. Pengujian ini juga menunjukkan bahwa integrasi API eksternal seperti Tripay dan RajaOngkir dapat mendukung proses bisnis secara lebih otomatis dan mengurangi ketergantungan pada pencatatan manual sebagaimana diilustrasikan pada Tabel 1.

Tabel 1. Hasil Pengujian Sistem

Simpulan

Berdasarkan hasil penelitian yang telah dilakukan, dapat disimpulkan bahwa backend Website Batik Giri Alam berhasil dikembangkan menggunakan framework Laravel dengan metode Waterfall. Sistem yang dibangun mampu mendukung kebutuhan utama layanan digital, yaitu pengelolaan transaksi e-commerce produk batik dan booking workshop dalam satu backend yang terintegrasi. Backend yang dikembangkan telah mencakup fitur registrasi dan login pengguna, pengelolaan produk, keranjang belanja, checkout, perhitungan ongkos kirim menggunakan RajaOngkir, pembayaran online menggunakan Tripay, pengelolaan booking workshop, serta dashboard admin. Implementasi sistem menunjukkan bahwa Laravel mampu memberikan struktur pengembangan yang terorganisasi melalui pola MVC dan memudahkan integrasi dengan layanan pihak ketiga. Berdasarkan hasil blackbox testing terhadap 12 skenario utama, seluruh fitur memperoleh status berhasil sehingga tingkat keberhasilan pengujian mencapai 100%. Hasil tersebut menunjukkan bahwa fungsi transaksi produk, pembayaran online, perhitungan ongkos kirim, booking workshop, webhook pembayaran, serta pengelolaan admin telah berjalan sesuai kebutuhan yang dianalisis sebelumnya. Integrasi payment gateway Tripay dan API RajaOngkir juga mampu mendukung otomatisasi proses pembayaran dan penghitungan ongkir, sehingga dapat mengurangi ketergantungan pada proses manual. Dengan demikian, sistem backend yang dikembangkan dapat membantu Batik Giri Alam dalam meningkatkan efisiensi transaksi produk, mempercepat dan menata proses booking workshop, serta mempermudah admin dalam mengelola data order dan reservasi secara lebih efektif, sistematis, dan terkomputerisasi.

Ucapan Terima Kasih

Penulis mengucapkan puji syukur ke hadirat Tuhan Yang Maha Esa atas rahmat dan karuniaNya sehingga penelitian ini dapat diselesaikan dengan baik. Penulis menyampaikan terima kasih kepada dosen pembimbing atas bimbingan dan arahan yang diberikan, kepada seluruh dosen dan civitas akademika atas ilmu yang telah diberikan, kepada pihak Batik Giri Alam atas dukungan dan data penelitian, serta kepada orang tua, keluarga, dan teman-teman yang senantiasa memberikan doa dan semangat. Penulis menyadari bahwa penelitian ini masih memiliki keterbatasan, sehingga kritik dan saran sangat diharapkan. Semoga penelitian ini dapat memberikan manfaat bagi pengembangan ilmu pengetahuan, khususnya di bidang sistem informasi dan teknologi web.