Jurnal Surya Informatika Journal homepage: https://jurnal.
id/index.
php/surya_informatika P-ISSN: 2477-3042.
E-ISSN: 3026-3034
Vol.
No.
November 2025.
Pp.
Rancang Bangun Sistem Informasi E-Commerce Berbasis Web Pada UMKM Raden Madura Distro Mesi Febima.
Laeli Jamilah.
Jidan Juliana.
Sistem Informasi.
Fakultas Teknologi Informasi.
Universitas Catur Insan Cendekia.
Indonesia Sistem Informasi.
Fakultas Teknologi Informasi.
Universitas Catur Insan Cendekia.
Indonesia Sistem Informasi.
Fakultas Teknologi Informasi.
Universitas Catur Insan Cendekia.
Indonesia Article Info Kata Kunci: UMKM.
Sistem Informasi.
Ecommerce.
Waterfall.
Raden Madura Distro Keywords: MSME.
Information System.
Ecommerce.
Waterfall.
Raden Madura Distro Article history:
Received 31 Juli 2025 Revised 26 Agustus 2025 Accepted 29 Agustus 2025 Available online 01 November 2025 DOI :
48144/suryainformatika.
* Corresponding author.
Mesi Febima E-mail address:
febima@cic.
ABSTRAK
Perkembangan industri fashion dan tren digitalisasi memberikan peluang besar bagi Usaha Mikro.
Kecil, dan Menengah (UMKM) untuk memperluas pasar melalui platform Raden Madura Distro adalah UMKM yang bergerak di bidang fashion dan berlokasi di daerah Karang Sembung.
Kab.
Cirebon, masih menggunakan sistem manual dalam pengelolaan transaksi, pencatatan, dan promosi.
Permasalahan yang dihadapi meliputi proses pencatatan transaksi yang kurang efisien, keterbatasan dalam pengelolaan pesanan, serta ketergantungan terhadap marketplace pihak ketiga yang menyebabkan pemotongan keuntungan dan keterlambatan arus Penelitian ini bertujuan untuk membangun sistem informasi e-commerce berbasis web yang user-friendly untuk memfasilitasi pelanggan dalam mengakses produk, melakukan pemesanan, dan transaksi secara langsung.
Sistem ini dirancang menggunakan metode Waterfall yang berorientasi pada tahapan pengembangan yang terstruktur, serta dibangun dengan bahasa pemrograman PHP, framework Laravel, dan database MySQL.
Website yang dihasilkan menyediakan beberapa fitur manajemen kategori, produk, pesanan, dan transaksi, tanpa melibatkan platform pihak ketiga, sehingga meningkatkan efisiensi operasional dan pengalaman belanja Penerapan sistem informasi e-commerce berbasis web pada Raden Madura Distro dapat mendukung transformasi digital UMKM dan meningkatkan daya saing dalam industri fashion lokal.
Hasil dari pengembangan ini diharapkan menjadi solusi berkelanjutan bagi Raden Madura Distro dalam mengoptimalkan proses bisnis dan memperluas jangkauan ABSTRACT The development of the fashion industry and the trend of digitalization present significant opportunities for Micro.
Small, and Medium Enterprises (MSME.
to expand their market through digital platforms.
Raden Madura Distro is an MSME operating in the fashion sector and located in Karang Sembung.
Cirebon Regency.
It still relies on manual systems for managing transactions, record-keeping, and promotions.
The problems faced include inefficient transaction recording, limited order management capabilities, and dependence on third-party marketplaces, which leads to reduced profits and delays in cash flow.
This study aims to develop a user-friendly web-based e-commerce information system to facilitate customers in accessing products, placing orders, and Rancang Bangun Sistem Informasi E-Commerce Berbasis Web Pada UMKM Raden Madura Distro Jurnal Surya Informatika Journal homepage: https://jurnal.
id/index.
php/surya_informatika P-ISSN: 2477-3042.
E-ISSN: 3026-3034
Vol.
No.
November 2025.
Pp.
conducting transactions directly.
The system is designed using the Waterfall method, which emphasizes structured development stages, and is built using PHP programming language, the Laravel framework, and MySQL database.
The resulting website provides several features for managing categories, products, orders, and transactions without involving third-party platforms, thereby increasing operational efficiency and enhancing the customer shopping experience.
The implementation of a web-based e-commerce information system for Raden Madura Distro can support the digital transformation of MSMEs and strengthen their competitiveness in the local fashion industry.
The outcome of this development is expected to be a sustainable solution for Raden Madura
Distro in optimizing business processes and expanding market
PENDAHULUAN
Industri fashion di Indonesia berkembang pesat, khususnya pada kategori distro yang menawarkan produk unik sesuai tren anak muda.
Raden Madura Distro.
UMKM yang berlokasi di Karang Sembung.
Cirebon, menyediakan berbagai produk fashion seperti kaos, celana, sepatu, tas, dan aksesoris.
Namun, penggunaan marketplace menimbulkan beberapa masalah, seperti potongan komisi yang mengurangi margin keuntungan, keterlambatan pencairan dana karena proses saldo tertunda, serta kendala pada pembayaran COD seperti pembatalan sepihak dan keterlambatan pembayaran, yang mengganggu arus kas.
Masyarakat yang pada dasarnya ingin kemudahan akses melalui internet merasa kesulitan karena Raden Madura Distro belum menyediakan media online sendiri, sehingga mereka cenderung memilih toko yang lebih praktis dan dapat diakses secara digital .
Berkembangnya tren belanja online dan digitalisasi bisnis, sangat penting bagi Raden Madura Distro untuk memiliki sistem informasi e-commerce berbasis web yang tidak hanya berfungsi sebagai katalog produk, tetapi juga sebagai sarana utama dalam pengelolaan transaksi penjualan, pencatatan stok barang, serta meningkatkan pengalaman belanja pelanggan.
Oleh karena itu.
Raden Madura Distro ingin memudahkan pelanggan dalam mengakses informasi produk, melakukan pemesanan secara langsung, serta mendapatkan informasi terbaru mengenai promo atau koleksi terbaru dengan website e-commerce sendiri.
Website adalah kumpulan halaman-halaman situs yang biasanya terangkum dalam sebuah domain atau subdomain yang berada di dalam World Wide Web .
pada internet .
Selain itu, website juga berperan sebagai media komunikasi, transaksi, serta penyebaran informasi secara luas dan cepat.
Ecommerce merupakan aktivitas penyebaran, penjualan, pemasaran, dan pembelian barang atau jasa melalui sarana elektronik seperti jaringan komputer dan internet .
Sistem informasi e-commerce merupakan sistem yang dirancang untuk mengelola transaksi bisnis secara online guna meningkatkan efisiensi operasional.
Sistem ini memungkinkan proses transaksi dilakukan secara cepat, aman, dan terstruktur, sehingga mendukung peningkatan produktivitas, pelayanan pelanggan, dan perluasan pasar .
Metode waterfall digunakan untuk mengembangkan sistem secara terstruktur dan berurutan, sehingga memudahkan pengelolaan proyek dan memastikan setiap tahap terdokumentasi dengan baik.
Model waterfall merupakan salah satu model SDLC yang sering digunakan dalam pengembangan sistem informasi atau perangkat lunak.
Model ini menggunakan pendekatan yang sistematis dan Tahapan model waterfall antara lain yaitu requirement, design, implementation, verification, dan maintenance .
Penerapan metode waterfall dalam pengembangan sistem ini adalah untuk memastikan bahwa setiap tahap pembangunan sistem berjalan secara terstruktur, terdokumentasi dengan baik, serta menghasilkan sistem yang stabil dan sesuai dengan kebutuhan pengguna.
Sistem akan dibangun berbasis website menggunakan bahasa pemrograman PHP dengan framework Laravel dan database MySQL sebagai pengelolaan data.
PHP
adalah bahasa dengan lisensi terbuka atau open source, memungkinkan pengguna untuk mengembangkan dan menyesuaikan kode fungsinya sesuai kebutuhan .
MySQL merupakan sistem database yang banyak digunakan untuk pengembangan aplikasi web .
Hal ini menjadikan MySQL lebih fleksibel dan dapat diandalkan untuk berbagai aplikasi berbasis database di berbagai lingkungan sistem operasi yang berbeda.
Framework adalah kumpulan instruksi dalam suatu class dengan fungsi masing-masing yang memudahkan dan mempercepat penyelesaian program, sehingga developer dapat membangun aplikasi dengan lebih Rancang Bangun Sistem Informasi E-Commerce Berbasis Web Pada UMKM Raden Madura Distro Jurnal Surya Informatika Journal homepage: https://jurnal.
id/index.
php/surya_informatika P-ISSN: 2477-3042.
E-ISSN: 3026-3034
Vol.
No.
November 2025.
Pp.
cepat dan fokus pada pokok permasalahan tanpa harus mengidentifikasi sebelumnya, serta menyusun kerangka konsep yang menulis kode yang sama berulang-ulang .
mendukung perancangan sistem.
Penelitian ini bertujuan untuk mengembangkan website 2 Metode Pengembangan Sistem e-commerce meningkatkan efisiensi operasional, mengelola Dalam penelitian ini, penulis menggunakan metode transaksi secara langsung, dan memperluas jangkauan pengembangan perangkat lunak dengan pendekatan Sistem informasi e-commerce dirancang untuk model SDLC (Software Development Life Cycl.
memberikan layanan transaksi yang cepat, aman, dan berbasis waterfall.
Model waterfall digunakan karena Pengembangan dilakukan memiliki langkah-langkah yang terencana, teratur, dan menggunakan metode waterfall melalui tahapan berurutan, yang memungkinkan setiap tahap dalam analisis hingga pemeliharaan, serta dibangun dengan proses pengembangan perangkat lunak dilaksanakan teknologi PHP Laravel dan MySQL.
Dengan sistem ini, secara terstruktur .
Raden Madura Distro diharapkan mampu melakukan SDLC sendiri merupakan salah satu metode yang transformasi digital secara mandiri dan meningkatkan digunakan untuk menghasilkan spesifikasi kebutuhan daya saing di industri fashion lokal.
dari suatu sistem perangkat lunak .
Seperti yang ditunjukkan pada Gambar 1, model waterfall terdiri dari METODE PENELITIAN beberapa tahapan pengembangan yang dilakukan secara berurutan, yaitu:
1 Metode Pengumpulan Data Metode pengumpulan data merupakan cara atau teknik yang digunakan untuk memperoleh informasi dari berbagai sumber guna memenuhi kebutuhan data dalam suatu penelitian atau analisis.
Beberapa metode yang sering digunakan antara lain:
Observasi Metode pengumpulan data melalui observasi langsung di Raden Madura Distro yang berlokasi di Karang Sembung.
Kab.
Cirebon, dengan tujuan memahami alur aktivitas bisnis, pelayanan pelanggan, pengelolaan stok produk, pencatatan transaksi.
Peneliti mencermati proses pembelian, pencatatan pesanan, pengelolaan stok, serta strategi pemasaran melalui media sosial dan platform pihak ketiga.
Hasil observasi menunjukkan bahwa meskipun memiliki pelanggan tetap, operasional toko masih dilakukan secara manual dan belum didukung sistem informasi digital, sehingga data yang diperoleh diharapkan dapat menjadi dasar dalam pengembangan sistem yang lebih terintegrasi.
Wawancara Pengumpulan data juga dilakukan melalui wawancara dengan Abdul Nur Opik selaku pemilik Raden Madura Distro untuk memperoleh informasi terkait alur penjualan, manajemen stok barang, dan sistem pelaporan yang diterapkan sejak awal usaha.
Wawancara ini memberikan data rinci dan mendalam serta memungkinkan peneliti memahami kondisi nyata di lapangan sebagai dasar perancangan sistem.
Studi Pustaka Pengumpulan data juga dilakukan melalui studi pustaka sebagai pendekatan untuk memperoleh literatur yang relevan dengan topik penelitian, yaitu perancangan sistem informasi e-commerce berbasis web pada UMKM Raden Madura Distro.
Berbagai sumber seperti jurnal ilmiah, buku, artikel, dan laporan penelitian dianalisis untuk membangun landasan teoritis.
Gambar 1.
Metode Waterfall .
Requirement Analysis Tahap analisis kebutuhan dalam pengembangan sistem informasi pada Raden Madura Distro melibatkan pemahaman menyeluruh mengenai kebutuhan dan permasalahan yang dihadapi oleh Raden Madura Distro, baik dari sisi operasional toko, manajemen produk, hingga proses transaksi penjualan.
Analisis ini mencakup identifikasi terhadap proses bisnis yang sedang berjalan, hambatan yang sering terjadi dalam pelayanan kepada pelanggan, serta kebutuhan akan digitalisasi untuk meningkatkan efisiensi dan jangkauan .
Design Tahap desain merupakan proses perencanaan sistem ecommerce Raden Madura Distro yang mencakup penyusunan alur kerja, pengorganisasian komponen, dan integrasi elemen-elemen sistem agar saling mendukung secara fungsional.
Perancangan dilakukan melalui activity diagram, serta penentuan output yang akan dihasilkan oleh sistem untuk dapat memastikan alur operasional berjalan sesuai dengan kebutuhan toko.
Implementation Tahap implementasi merupakan proses merealisasikan desain sistem ke dalam bentuk aplikasi e-commerce Rancang Bangun Sistem Informasi E-Commerce Berbasis Web Pada UMKM Raden Madura Distro Jurnal Surya Informatika Journal homepage: https://jurnal.
id/index.
php/surya_informatika P-ISSN: 2477-3042.
E-ISSN: 3026-3034
Vol.
No.
November 2025.
Pp.
berbasis web untuk Raden Madura Distro.
Pada tahap ini sistem dirancang sebagai jaringan prosedur yang saling terhubung, mencakup halaman admin untuk manajemen produk, kategori, dan pesanan, serta halaman pengguna untuk pencarian, pemesanan, dan Implementasi ini bertujuan mendigitalisasi operasional toko, mempermudah pencatatan transaksi, mengoptimalkan pengelolaan stok, serta memperluas jangkauan pemasaran melalui platform digital.
Testing Tahap pengujian pada sistem e-commerce Raden Madura Distro dilakukan menggunakan metode Black Box Testing, yaitu dengan menguji fungsionalitas sistem berdasarkan input dan output tanpa melihat struktur internal kode.
Pengujian ini bertujuan untuk memastikan bahwa setiap fitur, seperti pemesanan, pengelolaan produk, dan transaksi, berjalan sesuai dengan yang diharapkan.
Maintenance Tahap pemeliharaan pada sistem e-commerce Raden Madura Distro mencakup pemantauan, evaluasi, dan perbaikan sistem secara berkala guna memastikan seluruh fitur berjalan dengan baik.
Penyesuaian juga dilakukan terhadap perkembangan teknologi dan kebutuhan pelanggan agar sistem tetap optimal dan mendukung tujuan bisnis.
Gambar 2.
Use Case Diagram Admin Gambar 3.
menggambarkan peran customer yang dapat melakukan registrasi, login, mencari produk, menyimpan produk ke wishlist, menambahkan produk ke keranjang, checkout, mengunggah bukti pembayaran dan bukti penerimaan, hingga logout dari sistem.
HASIL DAN PEMBAHASAN
Hasil Analisis Sistem Unified Modeling Language (UML) adalah bahasa yang digunakan untuk menentukan, menggambarkan, membangun, dan mendokumentasikan komponen dalam sistem perangkat lunak.
Selain itu.
UML juga dapat digunakan untuk memodelkan sistem bisnis maupun sistem non-perangkat lunak.
Saat ini.
UML telah menjadi notasi diagram standar Aude facto maupun de jureAy, dalam pemodelan sistem berbasis objek .
Use case Diagram Gambar 2.
menunjukkan peran atau tugas admin dalam sistem, yang mencakup login dan mengakses dashboard untuk mengelola kategori .
ub kategori dan sub-sub kategor.
, data produk, data pesanan, dan laporan .
roduk dan transaks.
Gambar 3.
Use Case Diagram Customer .
Activity Diagram Pada Gambar 4.
menunjukkan alur aktivitas admin dalam sistem, dimulai dari login dan validasi akun hingga mengakses dashboard.
Admin dapat mengelola data produk, kategori, dan pesanan, termasuk validasi transaksi yang akan di update.
Selain itu, admin juga dapat membuat dan mencetak laporan produk serta laporan transaksi sebagai arsip atau bahan evaluasi.
Rancang Bangun Sistem Informasi E-Commerce Berbasis Web Pada UMKM Raden Madura Distro Jurnal Surya Informatika Journal homepage: https://jurnal.
id/index.
php/surya_informatika P-ISSN: 2477-3042.
E-ISSN: 3026-3034
Vol.
No.
November 2025.
Pp.
Gambar 5.
Activity Diagram Customer Gambar 4.
Activity Diagram Admin Gambar 5.
menunjukkan alur aktivitas customer dalam sistem, dimulai dari login lalu mengakses beranda dan melihat produk.
Customer dapat menambahkan produk ke keranjang, membuat atau membatalkan pesanan, mengisi informasi pengiriman, memilih metode pembayaran, dan menyelesaikan checkout.
Setelah itu, sistem memvalidasi transaksi dan menampilkan detail Hasil Perancangan Sistem Setelah tahap perancangan diselesaikan, sistem berhasil diimplementasikan dalam bentuk aplikasi e-commerce berbasis web.
Implementasi ini mencakup sejumlah fitur utama yang mendukung proses bisnis, baik dari sisi admin maupun customer.
Adapun hasil tampilan antarmuka sistem yang telah dibangun disajikan sebagai berikut:
Admin Tampilan ini merupakan halaman utama yang diakses oleh admin setelah berhasil login ke dalam sistem.
Dashboard admin menampilkan ringkasan data penting seperti total pendapatan, jumlah pesanan masuk, dan pesanan belum diproses.
Selain itu, tersedia juga data dalam bentuk tabel mengenai pesanan terbaru yang memudahkan admin dalam memantau dan mengelola transaksi secara cepat.
Gambar 6.
Tampilan Dashboard Admin Rancang Bangun Sistem Informasi E-Commerce Berbasis Web Pada UMKM Raden Madura Distro Jurnal Surya Informatika Journal homepage: https://jurnal.
id/index.
php/surya_informatika P-ISSN: 2477-3042.
E-ISSN: 3026-3034
Vol.
No.
November 2025.
Pp.
Gambar 7.
merupakan halaman yang digunakan oleh evaluasi kinerja penjualan.
Tersedia juga opsi untuk admin untuk mengelola data kategori produk.
Pada melihat detail transaksi atau mencetak laporan hasil tabel kategori akan menampilkan daftar kategori laporan tersebut.
beserta opsi tindakan seperti tambah, edit dan hapus.
Selain kategori utama, sistem ini juga mendukung input sub kategori dan sub-sub kategori yang terhubung, sehingga struktur data produk lebih mudah untuk dapat dikelompokkan dan terorganisir.
Gambar 10.
Tampilan Laporan Pesanan Gambar 7.
Tampilan Kelola Kategori Selanjutnya pada Gambar 8.
menunjukkan tampilan daftar produk secara lengkap, termasuk gambar produk, nama, harga, stok, dan status.
Admin dapat melakukan tindakan seperti menambah, mengedit, maupun menghapus produk melalui tombol aksi yang .
Customer Gambar 11.
merupakan tampilan halaman detail produk yang menunjukkan informasi lengkap mengenai produk seperti nama, harga, varian warna dan ukuran, serta deskripsi produk tersebut.
Tampilan ini memungkinkan customer untuk melihat secara jelas spesifikasi produk sebelum melakukan pembelian.
Gambar 11.
Tampilan Detail Produk Gambar 8.
Tampilan Kelola Produk Gambar 9.
merupakan tampilan yang menampilkan daftar pesanan yang masuk dari customer.
Admin dapat melihat detail informasi pesanan seperti nama pemesan, jumlah, metode pembayaran, status, dan tanggal Terdapat tombol AuDetail TransaksiAy yang memungkinkan admin memverifikasi dan memperbarui status pesanan sesuai dengan proses yang sedang Gambar 12.
merupakan tampilan halaman checkout yang menunjukkan proses akhir pembelian yang mencakup pengisian alamat pengiriman, pemilihan metode pengiriman dan melakukan pembayaran, serta informasi ringkasan pesanan.
Lalu jika customer telah menerima produk, maka dapat mengunggah bukti berupa foto untuk konfirmasi bahwa produk telah Fitur ini dirancang untuk memudahkan customer dalam menyelesaikan transaksi secara efisien dan cepat.
Gambar 12.
Tampilan Checkout Produk Gambar 9.
Tampilan Kelola Pesanan Gambar 10.
menampilkan rekap data pesanan yang telah dilakukan oleh customer, lengkap dengan informasi tanggal transaksi, nomor invoice, total bayar, metode pembayaran, dan status pesanan.
Admin dapat menggunakan data ini untuk keperluan arsip maupun Gambar 13.
merupakan halaman data transaksi pada website e-commerce menampilkan riwayat transaksi pengguna, termasuk nomor invoice, metode pembayaran, total belanja, dan status pesanan.
Fitur ini memudahkan pengguna untuk memantau dan mengelola pesanan yang telah dilakukan secara sistematis dan transparan.
Rancang Bangun Sistem Informasi E-Commerce Berbasis Web Pada UMKM Raden Madura Distro Jurnal Surya Informatika Journal homepage: https://jurnal.
id/index.
php/surya_informatika P-ISSN: 2477-3042.
E-ISSN: 3026-3034
Vol.
No.
November 2025.
Pp.
Saran pengembangan selanjutnya antara lain menambahkan opsi metode pembayaran, fitur pelacakan pengiriman, ulasan produk, serta notifikasi otomatis melalui Email atau WhatsApp.
Sistem juga dapat dikembangkan menjadi aplikasi Android agar lebih mudah diakses pelanggan, serta membagi aktor pengelolaan pesanan agar admin berperan sebagai Selain itu, diperlukan perawatan dan backup data rutin untuk menjaga stabilitas sistem, serta Gambar 13.
Tampilan Data Transaksi penambahan fitur analisis penjualan seperti grafik, produk terlaris, dan perilaku pelanggan guna Implementasi dan Pengujian mendukung pengambilan keputusan strategis.
Pada tahap ini dilakukan implementasi dan pengujian sistem menggunakan metode black-box, yaitu 5.
UCAPAN TERIMAKASIH