JURNAL MULTI MEDIA DAN IT
VOL.
09 NO.
PP.
P-ISSN : 2548-9534 | E-ISSN : 2548-9550
PERANCANGAN SISTEM INFORMASI PEMESANAN ONLINE UNTUK
UMKM DAPUR PUNI MENGGUNAKAN FRAMEWORK LARAVEL
BERBASIS WEB
Arjuna Setiawan Universitas Nusa Mandiri INFORMASI ARTIKEL Sejarah Artikel:
Diterima Redaksi: 17 Oktober 2025
Revisi Akhir: 20 Januari 2026
Diterbitkan Online: 20 Januari 2026
KATA KUNCI
Sistem Informasi.
Pemesanan Online.
UMKM.
Laravel.
Digital Bisnis KORESPONDENSI Arjuna Setiawan Program studi teknik informatika Universitas nusa mandiri Arjunasetiawan28@gmail.
ABSTRACT
Penelitian ini dilatarbelakangi oleh permasalahan operasional yang dihadapi UMKM Dapur Puni dalam penggunaan sistem pemesanan manual, yang menyebabkan ketidakefisienan serta risiko kesalahan dalam pencatatan Tujuan utama dari penelitian ini adalah merancang dan mengembangkan sebuah Sistem Informasi Pemesanan Online berbasis web dengan memanfaatkan framework Laravel guna mempercepat proses pemesanan, meningkatkan efisiensi, serta memperluas jangkauan akses Metode yang digunakan mengikuti model Waterfall, dimulai dari analisis kebutuhan, perancangan, implementasi, pengujian dengan metode black-box, hingga pemeliharaan sistem.
Sistem yang dibuat meliputi fitur katalog produk, formulir pemesanan online, riwayat transaksi, serta laporan penjualan yang memudahkan pengelolaan bisnis UMKM secara Hasil evaluasi menunjukkan adanya peningkatan signifikan dalam kecepatan dan ketepatan proses pemesanan, aksesibilitas pengguna, serta pengelolaan data transaksi dan pelaporan.
Dengan adanya sistem ini.
UMKM Dapur Puni diharapkan dapat meningkatkan efisiensi operasional sekaligus daya saing di era digital.
DOI: https://10.
46961/jommit.
PENDAHULUAN
Produk Domestik Bruto (PDB).
Berdasarkan data dari Kementerian Koperasi dan Usaha Kecil Menengah (Kemenkop UKM) tahun 2023, jumlah UMKM di Usaha Mikro.
Kecil, dan Menengah (UMKM) memiliki Indonesia mencapai lebih dari 65 juta unit usaha dengan peran yang sangat penting dalam perekonomian nasional.
Sektor kontribusi terhadap PDB sebesar 61% atau sekitar Rp9.
ini menjadi tulang punggung ekonomi Indonesia karena mampu triliun.
Hal ini menunjukkan bahwa UMKM memiliki peranan menyerap tenaga kerja dalam jumlah besar serta berkontribusi DOI: https://10.
46961/jommit.
JURNAL MULTI MEDIA DAN IT - VOL.
09 N0.
PP.
strategis dalam mendukung pertumbuhan ekonomi nasional dan berulang, sehingga proses pengembangan menjadi lebih pemerataan kesejahteraan masyarakat.
efisien dan hemat waktu .
Dapur puni sudah beroperasi sejak tahun 2018 berawal dari ibu rumah tangga yang rutin membuat pesenan 2 Laravel kue kering pada momen hari raya Idul Fitri dan Natal.
Beberapa Laravel, yang dibuat oleh Taylor Otwell, dikenal sebagai jenis kue kering seperti kue nastar, putri salju, kastengel keju, dan salah satu framework PHP terbaik.
Platform ini sangat lidah buaya.
dalam beberapa tahun terakhir dapur puni tidak populer karena dikembangkan secara kolaboratif oleh hanya menjual kue kering tapi menerima pesanan nasi dan juga komunitas developer.
Banyak pengembang sepakat bahwa takjil untuk berbuka, seperti layaknya Usaha Mikro pada jika ingin membuat aplikasi secara cepat dan efisien.
Laravel umumnya Dapur Puni pun melakukan promosi dengan cara merupakan pilihan yang tepat.
Meskipun Laravel bukanlah membagikan menu yang siap pesan atau juga pre-order melalui framework khusus seperti CMS atau e-commerce yang status di media sosial Dapur Puni, media sosial yang dipakai dibuat untuk kebutuhan tertentu .
hanya ada dua yaitu instagram dan whatsapp.
Permasalahan utama yang dihadapi Dapur Puni adalah METODE minimnya pemanfaatan teknologi dalam pengelolaan bisnis, yang menyebabkan proses pencatatan pesanan masih dilakukan secara Hal Pada penelitian, metode Waterfall digunakan untuk mengembangkan website sistem pemesanan online UMKM keterlambatan pengiriman, serta berkurangnya kepercayaan pelanggan .
Selain itu, tidak adanya sistem histori pelanggan Dapur Puni.
Metode ini mempunyai pendekatan yang terstruktur menghambat analisis perilaku konsumen dan penyusunan strategi dan terorganisir, dengan tahapan-tahapan yang tersusun secara pemasaran yang tepat, sehingga pertumbuhan bisnis menjadi berurutan sehingga memudahkan proses pengembangan dari awal Kurangnya digitalisasi juga membuat Dapur Puni kalah hingga selesai.
Berikut gambaran metode waterfall:
bersaing dengan usaha sejenis yang sudah menerapkan teknologi dalam operasionalnya.
Oleh karena itu, dibutuhkan solusi berbasis teknologi untuk meningkatkan efisiensi, efektivitas, dan daya saing usaha.
Berdasarkan penjabaran latar belakang tersebut, maka identifikasi permasalahan dijelaskan sebelumnya, perumusan masalah di pengkajian Berikut ini:
Bagaimana cara merancang dan mengembangkan sebuah website pemesanan online yang efektif untuk UMKM Dapur Puni? Bagaimana Gambar I.
Metode Waterfall .
umber : penuli.
melakukan pemesanan dan melihat katalog produk Tahapan dari metode waterfall antara lain sebagai berikut :
melalui website? Analisis Kebutuhan (Requirement Analysi.
Mengumpulkan dan menganalisis kebutuhan dari pengguna atau pemilik usaha terkait fitur yang akan TINJAUAN PUSKATA 1 Framework Perancangan Sistem (System Desig.
: Membuat desain Merupakan sekumpulan perintah yang dikemas dan bentuk antarmuka pengguna (UI), arsitektur sistem, serta class atau fungsi, masing-masing dalam peran tertentu, yang struktur database berdasarkan hasil analisis kebutuhan.
Dengan Implementasi (Implementatio.
: Pengembangan sistem dilakukan dengan menggunakan teknologi web seperti HTML.
CSS.
PHP, dan JavaScript.
developer tidak perlu menulis ulang kode yang sama secara DOI: https://10.
46961/jommit.
JOURNAL OF MULTIMEDIA AND INFORMATION TECHNOLOGY - VOL.
09 NO.
PP.
Pengujian (Testin.
lalu dapat melihat orderan untuk memantau statusnya.
Jika memastikan semua berfungsi sesuai dengan harapan dan terjadi perubahan rencana, customer juga diberi fitur mencancel orderan, serta setelah transaksi selesai customer Pemeliharaan (Maintenanc.
Perbaikan dapat melakukan review sebagai umpan balik terhadap penyesuaian sistem berdasarkan masukan pengguna atau produk atau layanan.
ditemukannya bug setelah sistem digunakan.
Sementara itu, aktor Admin .
ebagai pemilik tok.
juga melakukan login untuk mengakses sistem dan melihat HASIL DAN PEMBAHASAN Desain pemodelan sistem merupakan tahap penting dalam proses perancangan sistem informasi, karena berfungsi untuk menggambarkan secara visual bagaimana sistem akan bekerja, berinteraksi, serta mengelola data di dalamnya.
Pada tahap ini dilakukan proses pemodelan yang meliputi Use Case Diagram.
Activity Diagram, dan Entity Relationship Diagram (ERD).
Pemodelan tersebut bertujuan untuk memberikan gambaran yang jelas mengenai kebutuhan fungsional sistem, alur aktivitas pengguna, serta struktur basis data yang digunakan.
Dengan adanya pemodelan sistem ini, proses pengembangan dapat berjalan lebih terarah dan meminimalkan kesalahan dalam implementasi sistem.
dashboard sebagai ringkasan aktivitas toko.
Admin bertanggung jawab dalam pengelolaan data dan operasional, seperti mengelola data pelanggan, mengelola produk serta mengelola kategori produk agar katalog tetap rapi.
Dari sisi bisnis, admin dapat mengelola penjualan perbulan dan menghitung keuntungan untuk memantau performa toko.
Selain itu, admin juga menangani aspek layanan, termasuk mengelola data pesanan cancel dan mengelola review untuk memastikan kualitas pelayanan serta menindaklanjuti masukan dari customer.
ACTIVITY DIAGRAM
Berikut adalah salah satu Activity Diagram dari dapur
USE CASE DIAGRAM
Berikut adalah Use Case Diagram dari dapur puni:
Gambar 3 Activity Diagram Dapur Puni .
umber : penuli.
Activity diagram diatas menggambarkan alur login admin Gambar 2 Use Case Diagram .
umber : penuli.
Pada Sistem E-commerce Dapur Puni, aktor Customer berinteraksi mulai dari login atau melakukan register jika belum memiliki akun.
Setelah masuk, customer dapat update profil, kemudian memilih produk yang diinginkan dan melanjutkan ke proses transaksi dengan melakukan order.
Ketika pesanan dibuat, customer melakukan pembayaran, dan Sistem.
Proses dimulai ketika admin mengakses website, lalu admin memasukkan username dan password.
Setelah itu, sistem memvalidasi kesesuaian username dan password yang dimasukkan.
Jika hasil validasi tidak sesuai, alur kembali ke langkah pengisian kredensial sehingga admin diminta memasukkan ulang username dan password.
Jika JURNAL MULTI MEDIA DAN IT - VOL.
09 N0.
PP.
menampilkan halaman dashboard admin, dan proses halaman ini dirancang sederhana namun informatif, dengan fokus pada promosi produk unggulan untuk menarik perhatian pelanggan.
Berikut User Interface halaman Entity Relationship Diagram Berikut adalah Entity Relantiopship Diagram dari Dapur Puni:
Gambar 5.
User Interface Beranda .
umber : penuli.
Halaman Register Halaman ini digunakan oleh pengguna baru untuk melakukan pendaftaran akun.
Formulir pendaftaran mencakup data seperti nama lengkap, alamat email, dan kata sandi.
Desain dibuat sederhana agar pengguna dapat mendaftar dengan cepat tanpa langkah yang rumit.
Berikut User Interface halaman Register.
Gambar 4.
ERD Dapur Puni .
umber : penuli.
4 USER INTERFACE (UI) User Interface (UI) merupakan komponen utama dalam sistem informasi yang berfungsi sebagai penghubung antara pengguna dengan sistem.
Desain antarmuka pengguna pada website pemesanan online Dapur Puni dirancang dengan mempertimbangkan aspek kemudahan penggunaan .
Gambar 6.
User Interface Register .
umber penuli.
keterbacaan, serta tampilan yang menarik dan responsif agar dapat diakses melalui berbagai perangkat, baik komputer maupun Tujuan utama dari perancangan UI ini adalah untuk memberikan pengalaman yang intuitif kepada pengguna, sehingga pelanggan dapat melakukan proses pemesanan dengan mudah dan cepat tanpa mengalami kebingungan dalam navigasi.
Adapun rancangan halaman utama pada sistem ini meliputi beberapa bagian sebagai berikut:
Halaman Beranda Menampilkan mengenai Dapur Puni, seperti deskripsi usaha, keunggulan produk, serta tautan menuju katalog produk.
Tampilan DOI: https://10.
46961/jommit.
JOURNAL OF MULTIMEDIA AND INFORMATION TECHNOLOGY - VOL.
09 NO.
PP.
Halaman Login Halaman ini berfungsi sebagai pintu masuk bagi pengguna yang telah memiliki akun.
Pengguna akan diminta untuk memasukkan email dan kata sandi sebelum dapat mengakses fitur pemesanan.
Sistem juga dilengkapi dengan validasi agar keamanan data pengguna tetap terjaga.
Berikut User Interface halaman Login.
Halaman Cart (Keranjang Belanj.
Menampilkan daftar produk yang telah dipilih oleh pelanggan sebelum melakukan pembayaran.
Pada halaman ini, pengguna dapat mengubah jumlah pesanan, menghapus produk, atau melanjutkan ke proses checkout.
Berikut User Interface halaman Cart Gambar 7 User Interface Login .
umber : penuli.
Halaman Shop Berisi katalog produk yang dijual oleh Dapur Puni.
Setiap produk ditampilkan dengan gambar, deskripsi singkat, dan harga.
Pengguna dapat menambahkan produk ke keranjang belanja .
serta melakukan pencarian produk berdasarkan kategori.
Berikut User Interface halaman Shop.
Gambar 10.
User Interface Halaman Cart
KESIMPULAN DAN SARAN
1 Kesimpulan Berdasarkan hasil penelitian serta pengembangan sistem informasi pemesanan online untuk UMKM Dapur Puni menggunakan framework Laravel, dapat disimpulkan bahwa sistem ini berhasil menjawab permasalahan utama dalam Gambar 8 User Interface Halaman Shop .
umber : penuli.
pengelolaan pemesanan yang sebelumnya masih dilakukan secara Halaman Testimonial Halaman ini menampilkan ulasan Sistem menyediakan fitur katalog produk, sistem pemesanan kepercayaan calon pembeli terhadap kualitas produk digital, pencatatan histori transaksi, serta pembuatan Dapur laporan penjualan secara otomatis.
Fitur Puni.
Berikut User Interface Gambar 9 User Interface Testimonial .
umber : penuli.
dan pengalaman dari pelanggan yang telah melakukan Testimonial.
Proses pengembangan menggunakan metode Waterfall memberikan alur kerja yang terstruktur mulai dari JURNAL MULTI MEDIA DAN IT - VOL.
09 N0.
PP.
rekomendasi menu, sehingga layanan lebih pengujian hingga pemeliharaan sistem.
personal dan mendukung peningkatan daya saing Hasil pengujian menunjukkan bahwa seluruh fitur UMKM.
sistem telah berjalan sesuai kebutuhan pengguna, baik DAFTAR PUSTAKA dari sisi admin .
maupun pelanggan, sehingga sistem dapat meningkatkan efisiensi operasional .
UMKM.
Sistem membantu pemilik usaha dalam menyimpan data pelanggan dan transaksi secara terorganisir, sekaligus memudahkan pembuatan laporan penjualan .
dengan cepat dan akurat.
Sistem berbasis web memberikan kemudahan akses kapan saja dan di mana saja bagi pelanggan, sehingga meningkatkan jangkauan pemasaran UMKM.
2 Saran