Digitalisasi Penjualan dan Jasa Perbaikan Elektronik Menggunakan Nuxt.Js dan Laravel Rest API
Bilah Samping Artikel
Diterbitkan:
Jun 30, 2026
Kata Kunci:
Digitalization, Information System, Sales, Electronic Service, MSME, Nuxt.js, Laravel REST API
Isi Artikel Utama
Abstrak
Transformasi digital telah menjadi kebutuhan mendesak bagi Usaha Mikro, Kecil, dan Menengah (UMKM) untuk meningkatkan daya saing di era global. Berkah Laris, sebuah bisnis yang bergerak di bidang penjualan dan jasa perbaikan barang elektronik, masih mengandalkan pencatatan manual untuk transaksi dan manajemen inventaris, yang berpotensi menyebabkan inefisiensi dan kesalahan data. Studi ini bertujuan untuk merancang dan mengembangkan sistem informasi berbasis web menggunakan framework Nuxt.js sebagai frontend dan Laravel REST API sebagai backend, dengan MySQL sebagai basis data. Metode Waterfall diterapkan pada tahapan analisis kebutuhan, desain sistem, pengkodean, pengujian, dan implementasi. Hasil pengembangan sistem menunjukkan bahwa fitur untuk manajemen penjualan, penanganan layanan, dan pengendalian inventaris dapat beroperasi secara otomatis, real-time, dan terdokumentasi dengan baik. Implementasi sistem ini terbukti meningkatkan efisiensi operasional, transparansi data, dan kepuasan pelanggan. Penelitian ini memberikan kontribusi nyata terhadap penerapan teknologi informasi dalam mendukung digitalisasi UMKM, khususnya di sektor penjualan dan jasa elektronik
Rincian Artikel
##submission.howToCite##
Wahyu Bulkhoir, Gusman, T., & Fanni Sukma. (2026). Digitalisasi Penjualan dan Jasa Perbaikan Elektronik Menggunakan Nuxt.Js dan Laravel Rest API. JITSI : Jurnal Ilmiah Teknologi Sistem Informasi, 7(2), 152 - 159. https://doi.org/10.62527/jitsi.7.2.610
Terbitan
Bagian
Articles
##submission.license.cc.by-sa4.footer##
Referensi
G. Santoso, M. Rizal, H. Wiyana, and S. N. Subagja, “JUBISDIGI : Jurnal Bisnis Digital Digitalisasi UMKM : Strategi Dan Model Bisnis Berbasis Teknologi Untuk Keberlanjutan JUBISDIGI : Jurnal Bisnis Digital,” J. Bisnis Digit., vol. 01, no. 01, pp. 21–30, 2025.
[2] T. W. A. Putra, A. Solechan, and B. Hartono, “Transformasi Digital Pada UMKM Dalam Meningkatkan Daya Saing Pasar,” J. Inform. Upgris, vol. 9, no. 1, pp. 7–12, 2023, doi: 10.26877/jiu.v9i1.15096.
[3] M. S. Kuswanto, A. S. Ginanjar, and P. C. Belinda Rumondor, “The Role of Common Dyadic Coping as Mediator Between Attachment Styles and Marital Satisfaction in Transition to Parenthood,” JPPI (Jurnal Penelit. Pendidik. Indones., vol. 10, no. 2, pp. 677–692, 2024, doi:10.29210/020243058.
[4] M. M. Nashir and B. A. Prasetiyo, “Gudang Jurnal Multidisiplin Ilmu Peran Teknologi Informasi Dalam Transformasi Bisnis UMKM Daerah Depok,” Gudang J. Multidisiplin Ilmu, vol. 3, pp. 769–774, 2025.
[5] R. Hidayat, A. Satriansyah, and M. S. Nurhayati, “Penggunaan Metode Waterfall untuk Rancangan Bangun Aplikasi Penyewaan Lapangan Olahraga,” BIOS J. Teknol. Inf. dan Rekayasa Komput., vol. 3, no. 1, pp.9–16, 2022, doi: 10.37148/bios.v3i1.35.
[6] J. Mesakh et al., “Improving MSME Marketing Performance Through Digital Business Literacy,” J. Pengabdi. Masy. Bestari, vol. 3, no. 7, pp. 385–390, 2024, doi: 10.55927/jpmb.v3i7.10503.
[7] M. Vivien et al., “Upaya Transformasi Digital UMKM Desa Kalipecabean dengan Optimalisasi QRIS, Google Maps, dan E-Commerce The Efforts of Digital Transformation for MSMEs in Kalipecabean Village Through the Optimization of QRIS, Google Maps, and E-Commerce Universitas Pemba,” J. Pengabdi. Masy. Glob., vol. 3, no. 3, 2024, [Online]. Available: https://doi.org/10.30640/cakrawala.v3i3.3066
[8] K. Angellin, R. S. Oetama, and M. Amri, “Web-Based Inventory and Sales Information System: Indonesian Micro Small Medium Enterprise Case Study,” JOINS (Journal Inf. Syst., vol. 8, no. 1, pp. 57–66, 2023, doi: 10.33633/joins.v8i1.7977.
[9] D. S. Sitorus, “Developing User-Friendly and Cost-Effective Sales Accounting Systems for the MSME Sector,” J. Econ. Educ. Entrep., vol. 5, no. 1, p. 45, 2024, doi: 10.20527/jee.v5i1.9323.
[10] N. Barkah, I. Farida, and A. Yasmin, “The Design of An Accounting Information System Based on VBA Macros in Microsoft Excel,” Int. J. Innov. Res. Multidiscip. Educ., vol. 03, no. 03, pp. 415–429, 2024, doi: 10.58806/ijirme.2024.v3i3n22.
[11] P. Leonardo and J. Wiratama, “Empowering Efficiency: A Web-Based Inventory and Sales Information System for Drinking Water Distributors through Rapid Application Development,” J. Inf. Syst. Informatics, vol. 5, no. 2, pp. 742–757, 2023, doi: 10.51519/journalisi.v5i2.498.
[12] Dr. B. V. Pranay Kumar, B. Joseph Reddy, M. Rakshith, P. Ashish, Ch. Vinay Babu, and B. Shruthi, “Inventory Management System,” Int. J. Adv. Res. Sci. Commun. Technol., pp. 303–307, 2024, doi: 10.48175/ijarsct-18146.
[13] F. Rifandi, Tri Viqi Adriansyah, and Rina Kurniawati, “Website Gallery Development Using Tailwind CSS Framework,” J. E-Komtek, vol. 6, no. 2, pp. 205–214, 2022, doi: 10.37339/e-komtek.v6i2.937.
[14] M. Shoikhedbrod, “Using JavaScript in web design,” BOHR Int. J. Eng., vol. 2, no. 1, pp. 7–14, 2023, doi: 10.54646/bije.2023.12.
[15] Hidra Amnur, W. Wulandari, and C. Prabowo, “Sistem Informasi Manajemen RT/RW Berbasis Website”, jitsi, vol. 5, no. 1, pp. 38 - 42, Mar. 2024.
[16] T. S. Bantang and A. Nugroho, “Rancang Bangun Sistem Informasi Pengelolaan Barang Berbasis Web Menggunakan Framework Nuxt JS,”INOVTEK Polbeng - Seri Inform., vol. 8, no. 2, p. 205, 2023, doi: 10.35314/isi.v8i2.3344.
[17] Arvanullah and Rina Kurniawati, “Perancangan Sistem Informasi Persediaan Barang Berbasis Web Dengan Framework Laravel (Studi Kasus Pada Direktorat Sarana Prasarana Universitas Kristen Maranatha),” INFOKOM (Informatika & Komputer), vol. 12, no. 1, pp. 17–27, 2024, doi:10.56689/infokom.v12i1.1141.
[18] O. D. Arianto and Y. A. Susetyo, “Penerapan Restful Web Service Dengan Framework Laravel Untuk Pembangunan Sistem Informasi Manajemen Sumber Daya Manusia,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 7, no. 2, pp. 522–532, 2022, doi: 10.29100/jipi.v7i2.2870.
[19] D. S. Jaya and U. Indahyanti, “Tourism Bus Rental Application Design in PO. Padi Mas Using the Prototype Method,” Procedia Eng. Life Sci., vol. 2, no. 2, 2023, doi: 10.21070/pels.v2i2.1329.
[20] D. Aipina and H. Witriyono, “Pemanfaatan Framework Laravel Dan Framework Boostrap Pada Pembangunan Aplikasi Penjualan Hijab Berbasis Web,” J. Media Infotama, vol. 18, no. 1, p. 2022, 2022.
[21] G. Maulana, A. Susilo Yuda Irawan, and A. Primajaya, “Implementasi Framework Laravel Dalam Sistem Informasi Pembuatan Surat Mahasiswa,” JATI (Jurnal Mhs. Tek. Inform., vol. 8, no. 4, pp. 5972–5986, 2024, doi: 10.36040/jati.v8i4.10109.
[22] A. Rusdisyam and H. Amnur, “MRAPAT for the Meeting Room, Attendance, and Minutes Management System in the West Sumatra Regional PT PLN Unit”, jitsi, vol. 1, no. 2, pp. 43 - 52, Jun. 2020.
[23] R. Rosaly and A. Prasetyo, “Flowchart Beserta Fungsi dan Simbol- Simbol,” J. Chem. Inf. Model., vol. 2, no. 3, pp. 5–7, 2020.
[24] S. Ramdany, “Penerapan UML Class Diagram dalam Perancangan Sistem Informasi Perpustakaan Berbasis Web,” J. Ind. Eng. Syst., vol. 5, no. 1, 2024, doi: 10.31599/2e9afp31.
[25] A. Sutanti, M. Komaruddin, P. Damayanti, and P. U. Studi Sistem Informasi Metro, “Rancang Bangun Aplikasi Perpustakaan Keliling Menggunakan Pendekatan Terstruktur,” J. Ilm. Komput. dan Inform., vol. 9, no. 1, 2022
[2] T. W. A. Putra, A. Solechan, and B. Hartono, “Transformasi Digital Pada UMKM Dalam Meningkatkan Daya Saing Pasar,” J. Inform. Upgris, vol. 9, no. 1, pp. 7–12, 2023, doi: 10.26877/jiu.v9i1.15096.
[3] M. S. Kuswanto, A. S. Ginanjar, and P. C. Belinda Rumondor, “The Role of Common Dyadic Coping as Mediator Between Attachment Styles and Marital Satisfaction in Transition to Parenthood,” JPPI (Jurnal Penelit. Pendidik. Indones., vol. 10, no. 2, pp. 677–692, 2024, doi:10.29210/020243058.
[4] M. M. Nashir and B. A. Prasetiyo, “Gudang Jurnal Multidisiplin Ilmu Peran Teknologi Informasi Dalam Transformasi Bisnis UMKM Daerah Depok,” Gudang J. Multidisiplin Ilmu, vol. 3, pp. 769–774, 2025.
[5] R. Hidayat, A. Satriansyah, and M. S. Nurhayati, “Penggunaan Metode Waterfall untuk Rancangan Bangun Aplikasi Penyewaan Lapangan Olahraga,” BIOS J. Teknol. Inf. dan Rekayasa Komput., vol. 3, no. 1, pp.9–16, 2022, doi: 10.37148/bios.v3i1.35.
[6] J. Mesakh et al., “Improving MSME Marketing Performance Through Digital Business Literacy,” J. Pengabdi. Masy. Bestari, vol. 3, no. 7, pp. 385–390, 2024, doi: 10.55927/jpmb.v3i7.10503.
[7] M. Vivien et al., “Upaya Transformasi Digital UMKM Desa Kalipecabean dengan Optimalisasi QRIS, Google Maps, dan E-Commerce The Efforts of Digital Transformation for MSMEs in Kalipecabean Village Through the Optimization of QRIS, Google Maps, and E-Commerce Universitas Pemba,” J. Pengabdi. Masy. Glob., vol. 3, no. 3, 2024, [Online]. Available: https://doi.org/10.30640/cakrawala.v3i3.3066
[8] K. Angellin, R. S. Oetama, and M. Amri, “Web-Based Inventory and Sales Information System: Indonesian Micro Small Medium Enterprise Case Study,” JOINS (Journal Inf. Syst., vol. 8, no. 1, pp. 57–66, 2023, doi: 10.33633/joins.v8i1.7977.
[9] D. S. Sitorus, “Developing User-Friendly and Cost-Effective Sales Accounting Systems for the MSME Sector,” J. Econ. Educ. Entrep., vol. 5, no. 1, p. 45, 2024, doi: 10.20527/jee.v5i1.9323.
[10] N. Barkah, I. Farida, and A. Yasmin, “The Design of An Accounting Information System Based on VBA Macros in Microsoft Excel,” Int. J. Innov. Res. Multidiscip. Educ., vol. 03, no. 03, pp. 415–429, 2024, doi: 10.58806/ijirme.2024.v3i3n22.
[11] P. Leonardo and J. Wiratama, “Empowering Efficiency: A Web-Based Inventory and Sales Information System for Drinking Water Distributors through Rapid Application Development,” J. Inf. Syst. Informatics, vol. 5, no. 2, pp. 742–757, 2023, doi: 10.51519/journalisi.v5i2.498.
[12] Dr. B. V. Pranay Kumar, B. Joseph Reddy, M. Rakshith, P. Ashish, Ch. Vinay Babu, and B. Shruthi, “Inventory Management System,” Int. J. Adv. Res. Sci. Commun. Technol., pp. 303–307, 2024, doi: 10.48175/ijarsct-18146.
[13] F. Rifandi, Tri Viqi Adriansyah, and Rina Kurniawati, “Website Gallery Development Using Tailwind CSS Framework,” J. E-Komtek, vol. 6, no. 2, pp. 205–214, 2022, doi: 10.37339/e-komtek.v6i2.937.
[14] M. Shoikhedbrod, “Using JavaScript in web design,” BOHR Int. J. Eng., vol. 2, no. 1, pp. 7–14, 2023, doi: 10.54646/bije.2023.12.
[15] Hidra Amnur, W. Wulandari, and C. Prabowo, “Sistem Informasi Manajemen RT/RW Berbasis Website”, jitsi, vol. 5, no. 1, pp. 38 - 42, Mar. 2024.
[16] T. S. Bantang and A. Nugroho, “Rancang Bangun Sistem Informasi Pengelolaan Barang Berbasis Web Menggunakan Framework Nuxt JS,”INOVTEK Polbeng - Seri Inform., vol. 8, no. 2, p. 205, 2023, doi: 10.35314/isi.v8i2.3344.
[17] Arvanullah and Rina Kurniawati, “Perancangan Sistem Informasi Persediaan Barang Berbasis Web Dengan Framework Laravel (Studi Kasus Pada Direktorat Sarana Prasarana Universitas Kristen Maranatha),” INFOKOM (Informatika & Komputer), vol. 12, no. 1, pp. 17–27, 2024, doi:10.56689/infokom.v12i1.1141.
[18] O. D. Arianto and Y. A. Susetyo, “Penerapan Restful Web Service Dengan Framework Laravel Untuk Pembangunan Sistem Informasi Manajemen Sumber Daya Manusia,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 7, no. 2, pp. 522–532, 2022, doi: 10.29100/jipi.v7i2.2870.
[19] D. S. Jaya and U. Indahyanti, “Tourism Bus Rental Application Design in PO. Padi Mas Using the Prototype Method,” Procedia Eng. Life Sci., vol. 2, no. 2, 2023, doi: 10.21070/pels.v2i2.1329.
[20] D. Aipina and H. Witriyono, “Pemanfaatan Framework Laravel Dan Framework Boostrap Pada Pembangunan Aplikasi Penjualan Hijab Berbasis Web,” J. Media Infotama, vol. 18, no. 1, p. 2022, 2022.
[21] G. Maulana, A. Susilo Yuda Irawan, and A. Primajaya, “Implementasi Framework Laravel Dalam Sistem Informasi Pembuatan Surat Mahasiswa,” JATI (Jurnal Mhs. Tek. Inform., vol. 8, no. 4, pp. 5972–5986, 2024, doi: 10.36040/jati.v8i4.10109.
[22] A. Rusdisyam and H. Amnur, “MRAPAT for the Meeting Room, Attendance, and Minutes Management System in the West Sumatra Regional PT PLN Unit”, jitsi, vol. 1, no. 2, pp. 43 - 52, Jun. 2020.
[23] R. Rosaly and A. Prasetyo, “Flowchart Beserta Fungsi dan Simbol- Simbol,” J. Chem. Inf. Model., vol. 2, no. 3, pp. 5–7, 2020.
[24] S. Ramdany, “Penerapan UML Class Diagram dalam Perancangan Sistem Informasi Perpustakaan Berbasis Web,” J. Ind. Eng. Syst., vol. 5, no. 1, 2024, doi: 10.31599/2e9afp31.
[25] A. Sutanti, M. Komaruddin, P. Damayanti, and P. U. Studi Sistem Informasi Metro, “Rancang Bangun Aplikasi Perpustakaan Keliling Menggunakan Pendekatan Terstruktur,” J. Ilm. Komput. dan Inform., vol. 9, no. 1, 2022