PERANCANGAN SISTEM & USER INTERFACE UNTUK APLIKASI KASIR DAN INVENTARIS PADA BENGKEL BARU MOTOR SPORT
Main Article Content
Abstract
An easy-to-use and efficient interface is essential for cashiering and inventory management systems, especially in motorcycle workshops that have unique requirements for tracking goods and processing sales transactions. This research focuses on designing a web-based application interface to streamline sales transactions and inventory management at the Baru Motor Sport workshop. The User Interface (UI) simplifies core processes, including recording incoming and outgoing goods, managing inventory, and processing sales transactions in real-time. Vue.js is used to create a responsive and intuitive front-end, supported by Tailwind CSS for a modern design. The design process followed the Scrum methodology, which emphasizes iterative feedback, flexibility, and continuous improvement to align the UI with user needs. The interface accommodates three main roles: Admin, Inventory Staff, and Cashier Staff. Each role's UI is customized to facilitate user-specific tasks, such as inventory tracking for Inventory Staff and transaction handling for Cashier Staff, while Admin oversees user management and views sales reports. This UI design aims to improve operational efficiency, enhance usability, and support accurate and efficient workflows in the workshop.
Article Details

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
This work is licensed under a Jurnal Komunikasi Creative Commons Attribution-ShareAlike 4.0 International License.
References
[1] E. SEUN, B. Gegeleso, T. Falana, A. ADERONKE, and B. Olabode, “Impact of information systems on operational efficiency: A comprehensive analysis,” Indian Journal of Computer Science and Engineering, vol. 14, pp. 661–673, 08 2023.
[2] I. Ammar and D. Satria, “Digitalisasi sektor umkm dan dampaknya terhadap pertumbuhan ekonomi di indonesia,” Journal of Development Economic and Social Studies, vol. 02, no. 4, pp. 716–726, 2023. [Online]. Available: http://dx.doi.org/10.21776/jdess.2023.02.4.01
[3] L. Maximillian, I. Sanjaya, and E. Alexander, “Perancangan aplikasi desktop kasir pada bengkel motor di surabaya,” E-Link: Jurnal Teknik Elektro dan Informatika, vol. 19, no. 1, pp. 110–115, 2024.
[4] U. T. Abdurrahman et al., “Perancangan aplikasi kasir point of sales berbasis android menggunakan metode rapid application development untuk usaha retail,” Infotech: Jurnal Informatika & Teknologi, vol. 1, no. 2, pp. 67–77, 2020.
[5] H. X. Low and M. M. Rejab, “A development of inventory management system for sin guan leong grocery store,” Applied Information Technology And Computer Science, vol. 3, no. 2, pp.835–853, 2022.
[6] S. Anisah, “Implementasi metode rapid application development pada pengembangan aplikasi inventory barang,” STRING (Satuan Tulisan Riset dan Inovasi Teknologi), vol. 7, no. 1, pp. 57–65, 2022.
[7] F. Kinselton and Tony, “Perancangan aplikasi pencatatan penjualan berbasis web pada my sport indonesia,” Jurnal Ilmu Komputer dan Sistem Informasi, vol. 1, no. 1, pp. 1–8, 2023.
[8] Badan Pusat Statistik, “Perkembangan jumlah kendaraan bermotor menurut jenis (unit), 2021-2022,” https://www.bps.go.id/id/statistics-table/2/NTcjMg==/perkembangan-jumlah-kendaraan-bermotor-menurut-jenis--unit-.html, 2024, diakses: 9 Agustus 2024.
[9] S. BARORI, “Perancangan sistem pencarian bengkel kendaraan bermotor di wilayah bandar lampung berbasis aplikasi android,” Jurnal Teknologi Pintar, vol. 2, no. 7, 2022.
[10] F. Staiano, Designing and Prototyping Interfaces with Figma: Elevate your design craft with UX/UI principles and create interactive prototypes. Packt Publishing, 2023. [Online]. Available: https://books.google.co.id/books?id=7zvrEAAAQBAJ
[11] K. Wood, Confident Web Design: Master the Fundamentals of Website Creation and Supercharge Your Career. Kogan Page Publishers, 2018.
[12] M. I. Saad, Otodidak Web Programming: Membuat Website Edutainment. Elex Media Komputindo, 2020.
[13] Vue js. (n.d.) Vue js - the progressive javascript framework. Accessed: 2024-08-31. [Online]. Available: https://vuejs.org
[14] Tailwind CSS. (n.d.) Tailwind css - rapidly build modern websites without ever leaving your html. Accessed: 2024-08-31. [Online]. Available: https://tailwindcss.com/
[15] J. Sutherland and J. O. Coplien, A Scrum book: The spirit of the game. Pragmatic Bookshelf, 2019.
[16] S. Sundaramoorthy, UML diagramming: a case study approach. Auerbach Publications, 2022.
[17] T. Connolly, Database Systems: A Practical Approach to Design. Pearson Education Limited, 2015.