Perancangan Aplikasi E-commerce Berbasis Android pada UMKM Ranitha Stuff Menggunakan Metode Prototype

Naia Tantia Putri; Geardo Lapista Simamora; Sherly Nadia Refica; Fatiah Azzahra Gea; Raihanah; Angga Pratama

doi:10.58794/santi.v6i2.2270

Authors

Naia Tantia Putri Information Systems, Universitas Malikussaleh
Geardo Lapista Simamora Information Systems, Universitas Malikussaleh
Sherly Nadia Refica Information Systems, Universitas Malikussaleh
Fatiah Azzahra Gea Information Systems, Universitas Malikussaleh
Raihanah Information Systems, Universitas Malikussaleh
Angga Pratama Information Systems, Universitas Malikussaleh

DOI:

https://doi.org/10.58794/santi.v6i2.2270

Keywords:

E-Commerce, Flutter, Laravel, Midtrans, UMKM

Abstract

Perkembangan teknologi digital mendorong pertumbuhan e-commerce di Indonesia, sekaligus membuka peluang bagi UMKM untuk memperluas jangkauan pasar secara digital. UMKM Ranitha Stuff yang bergerak di bidang kosmetik, aksesoris, dan perawatan kulit menghadapi permasalahan berupa penurunan penjualan saat libur semester dan belum terintegrasinya proses penjualan online dalam satu platform mandiri. Penelitian ini bertujuan merancang dan membangun aplikasi e-commerce berbasis Flutter pada UMKM Ranitha Stuff menggunakan metode Prototype. Sistem dikembangkan menggunakan Flutter, Laravel, MySQL, dan integrasi payment gateway Midtrans, dengan fitur utama meliputi manajemen produk, keranjang belanja, checkout, pelacakan pesanan, chat, serta rating dan ulasan produk. Pengujian dilakukan menggunakan metode Black Box Testing dan Performance Testing. Hasil Black Box Testing terhadap 10 fitur utama menunjukkan tingkat keberhasilan sebesar 100%, sedangkan Performance Testing menghasilkan rata-rata response time API sebesar 2,86 detik dan frame rate aplikasi sebesar 59 FPS. Hasil tersebut menunjukkan bahwa sistem telah memenuhi kebutuhan fungsional serta memiliki performa yang baik. Aplikasi ini diharapkan dapat membantu UMKM Ranitha Stuff dalam meningkatkan efisiensi penjualan digital dan mengurangi ketergantungan terhadap marketplace pihak ketiga.

Views

23 kali

Downloads

15 kali

Downloads

Download data is not yet available.

References

[1] H. Adilla Syafira Putri, Ade Eviyanti, “Rancang Bangun Aplikasi E-Commerce Berbasis Android Pada Toko Suryamart Menggunakan Framework Flutter,” J. Teknol. Dan Sist. Inf. Bisnis, vol. 5, no. 3, pp. 257–265, 2023.

[2] E. Sulaksana, A. Ichwani, N. Anwar, and P. Setiawati, “Aplikasi E-Commerce Pakaian Berbasis Android Menggunakan Metode Prototype,” METHOMIKA J. Manaj. Inform. Komputerisasi Akunt., vol. 7, no. 2, pp. 307–318, 2023.

[3] M. Sari and S. Andriasari, “Perancangaan Aplikasi Mobile E-Commerce Berbasis Android pada Natasya Butik,” Remik, vol. 7, no. 1, pp. 444–451, 2023, doi: 10.33395/remik.v7i1.12060.

[4] R. S. Khairunnisa and H. Siregar, “Analisis Sistematis Dampak E-Commerce Mobile Platform terhadap Profitabilitas UMKM Digital,” Infomatek, vol. 28, no. 1, pp. 9–22, 2026, doi: 10.23969/infomatek.v28i1.41940.

[5] I. A. dan Dimas Gilang Pratama and R. Prabowo, “Inovasi Modul Pembelian untuk E-Commerce UMKM: Solusi Berbasis Android,” J. Pepadun, vol. 4, no. 1, pp. 308–314, 2023, doi: 10.23960/pepadun.v4i1.139.

[6] D. M. Risda Choirunisa, “Literature Review: Peran E-Commerce Dalam Meningkatkan Pendapatan Umkm Di Era New Normal,” J. Ekon. Bisnis dan Ind., vol. 5, no. 1, pp. 9–15, 2023, doi: 10.52061/ebi.v7i2.461.

[7] BADAN PUSAT STATISTIK, “Statistik E-Commerce 2024,” JAKARTA, 2025.

[8] D. M. Heri Sudibyo, “Implementasi E-Commerce Menggunakan Framework Technology Organization Enviroment Untuk Peningkatan Pemasaran Dan Penjualan Produk Pada Usaha Kecil Menengah (Ukm) Dharmasraya,” JOISIE J. Inf. Syst. Informatics Eng., vol. 6, no. 2, pp. 64–68, 2022.

[9] R. H. P. S. Nurrohmi Zaki, “Implementasi Aplikasi Android dalam Sistem Restock UMKM Maju Jaya Accessories,” J. Indones. Manaj. Inform. dan Komun., vol. 6, no. 1, pp. 318–333, 2025, doi: 10.35870/jimik.v6i1.1211.

[10] N. N. K. S. Candra Wijaya, Felik Rolantius Jovito, Viktor Handrianus Pranatawijaya, “Pemanfaatan Dart, Flutter, Firebase, Dan Stripe Dalam Membangun Aplikasi Mobile,” JATI (Jurnal Mhs. Tek. Inform., vol. 8, no. 3, pp. 4017–4025, 2024.

[11] A. S. Putra, A. Sukendar, and W. Gusdya, “Pembangunan Aplikasi E-Market UMKM Berbasis Android Menggunakan Framework Flutter,” Pasinformatik, vol. 4, no. 1, 2025.

[12] R. Acep Sandi Mutia, Sarji, Asep Munawar, Teguh Aljauza, Tedi Budiman, “Perancangan dan Pengembangan Aplikasi E-Commerce untuk Pemesanan Buket Bunga Berbasis Flutter : Studi Kasus Toko Bunga Kisah Kita,” Bul. Sist. Inf. dan Teknol. Islam, vol. 6, no. 2, pp. 58–66, 2025.

[13] A. A. I. Jamilah, “Rancang bangun aplikasi e-commerce furnitur berbasis android,” J. JUIT, vol. 2, no. 2, pp. 62–72, 2023.

[14] S. A. M. Muzaki Syahrul Karomah, “Aplikasi Jual Beli Sayur Berbasis Android Integrasi,” STIMATA, vol. 8, pp. 519–531, 2026.

[15] S. Abdullah Azam, “Pemodelan UML dan Perancangan Prototype Aplikasi Berbasis Web di Toko Herbal Albiruni,” J. Manaj. Sist. Inf. dan Teknol., vol. 14, no. 2, pp. 73–79, 2024.

[16] Rahmandhika, “Rancang Bangun Website E-commerce Menggunakan Metode Prototyping dan Algortima Insertion Sorting (Studi Kasus : PT Bumi Baureksa Pratama),” 2023.

[17] P. Kustanto, B. K. Ramadhan, and A. Noe, “Penerapan Metode Prototype dalam Perancangan Media Pembelajaran Interaktif,” J. JSRCS, vol. 5, no. 1, pp. 83–94, 2024.

[18] dan T. O. Novenda Kartika Putrianto, Yuanita Maria Widyastuti, “Perencanaan dan analisis kebutuhan pengguna dalam pengembangan sistem informasi hubungan pelanggan,” KURAWAL J. Teknol. Inf. dan Ind., vol. 7, no. 1, pp. 1–11, 2024.

[19] S. Narulita, A. Nugroho, and M. Z. Abdillah, “Diagram Unified Modelling Language ( UML ) untuk Perancangan Sistem Informasi Manajemen Penelitian dan Pengabdian Masyarakat ( SIMLITABMAS ) Universitas Nasional Karangturi Semarang , Indonesia ( deskripsi ) dan perancangan sistem , khususnya pada pemrogr,” Bridg. J. Publ. Sist. Inf. dan Telekomun., vol. 2, no. 3, pp. 244–256, 2024.

[20] G. Nyabuto, “Client-server Architecture , a Review,” Int. J. Adv. Sci. Comput. Appl., vol. 3, no. 2, pp. 1–4, 2024, doi: 10.47679/ijasca.v3i2.48.

[21] P. Tamir, I. Permana, and A. N. Sihanato, “Implementasi Arsitektur MVC Dalam Pengembangan Aplikasi Customer Relationship Portal,” J. Teknol. Inf., vol. 10, no. 1, pp. 50–57, 2024.

[22] F. A. Galih Surono, Yogasetya Suhanda, “Penerapan MVC Arsitektur Pada Sistem Informasi Monitoring Pada Divisi Produksi Menggunakan Laravel Framework,” J. Sensi, vol. 8, no. 2, pp. 180–189, 2022.

[23] S. Levianita Rahmawati, “Desain Pengembangan Website dengan Arsitektur Model View Controller pada Framework Laravel,” J. Teknol. Dan Sist. Inf. Bisnis, vol. 6, no. 4, pp. 785–790, 2024.

[24] T. N. Julianto Royand Wahyudi Simanullang, Fransiskus Zoromi, Unang Rio, “Aplikasi penjualan produk it dan jasa service berbasis android dengan metode mvvm,” J. TEKINKOM, vol. 7, no. 1, pp. 62–71, 2024, doi: 10.37600/tekinkom.v7i1.1241.

[25] F. R. M. Rhifky Wayahdi, “Pemodelan Sistem Penerimaan Anggota Baru dengan Unified Modeling Language ( UML ) ( Studi Kasus : Programmer Association of Battuta ),” J. Minfo Polgan, vol. 12, no. 1, pp. 1514–1521, 2023.

[26] S. W. Ramdany, S. A. Kaidar, B. Aguchino, C. Amelia, and A. Putri, “Penerapan UML Class Diagram dalam Perancangan Sistem Informasi Perpustakaan Berbasis Web,” J. Ind. Eng. Syst. e-ISSN, vol. 5, no. 1, pp. 30–41, 2024.

[27] M. Saad, N. Ishlah, N. S. R. I. Wahyuni, and L. Karlitasari, “Perancangan Antarmuka Pengguna Aplikasi Mobile Sistem Informasi Akademik ( SIMAK ) menggunakan Metode Design Thinking ( Studi Kasus : SIMAK Universitas Pakuan ) User Interface Design for the Academic Information System,” JIKA-Jurnal Ilmu Komput. Agri-informatika, vol. 11, no. 1, pp. 86–99, 2024.

[28] R. Manurung, T. T. Sipahutar, and B. R. M. Nainggolan, “Sistem Informasi Penjualan Terintegrasi Android: Solusi Digitalisasi Umkm Dalam Era Ekonomi Digital (Studi Kasus: Kugar Minamas Pansela),” Electro Luceat, vol. 10, no. 2, pp. 1–9, 2024, doi: 10.32531/jelekn.v10i2.843.

[29] F. Faturohman, S. Widodo, A. Ramadhany, and S. D. Nurfitriadi, “Implementasi White Label Dalam Reuse Aplikasi E-Commerce Berbasis Mobile Untuk Umkm,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 11, no. 2, pp. 750–757, 2026, doi: 10.29100/jipi.v11i2.8025.

[30] M. Irfan, M. Ushbah, and H. Sentyaki, “Development of an AI-Assisted Mobile Point of Sales and E- Commerce System with Real-Time Inventory Synchronization,” Media J. Inform., vol. 18, no. 1, pp. 49–60, 2026.

[31] N. P. Kevin Antony, “Analisis Peran Push Notification dalam Mendorong Pembelian Peralatan Rokok Elektrik di E-Commerce,” J. Untar, vol. 3, no. 2, pp. 230–239, 2023.

[32] Mintarsih, “Pengujian Black Box Dengan Teknik Transition Pada Sistem Informasi Perpustakaan Berbasis Web Dengan Metode Waterfall Pada SMC Foundation,” J. Teknol. Dan Sist. Inf. Bisnis, vol. 5, no. 1, pp. 33–35, 2023.

[33] E. Novalia and A. Voutama, “Black Box Testing dengan Teknik Equivalence Partitions Pada Aplikasi Android M-Magazine Mading Sekolah,” Syntax J. Inform., vol. 11, no. 01, pp. 23–35, 2022, doi: 10.35706/syji.v11i01.6413.