Design of Web-Based Cashier and Spare Part Warehouse Application Display (Case Study at Surya Motor Shop)

Muhammad Esa Permana Putra(1), Teguh Bharata Adji(2*), Adhistya Erna Permanasari(3)

(1) Universitas Gadjah Mada
(2) Universitas Gadjah Mada
(3) Universitas Gadjah Mada
(*) Corresponding Author


A cashier and spare parts warehouse application is an information system facilitating financial reporting and items inventory systems. This has become a necessity in almost all fields of large and small-scale businesses in every country. The information system that belongs to Surya Motor Shop does not have a display that can facilitate users in operating the company's financial and transaction systems in accordance with company needs. This information system uses Bootstrap with HTML, CSS, and Javascript programming languages. In this paper, an interactive display was developed, so as to be able to accommodate web users' responses, by developing a prototype using Bootstrap at the Surya Motor Shop. This was carried out to digitize the transaction system, making it easier to report the items inventory and financial reporting of the company. The prototype development was developed using the The Elements of User Experience method, a user-centered design process. After developing the prototype, a test was carried out to determine the quality of the user experience. The test employed the User Experience Questionnaire (UEQ) method. UEQ testing shown that the prototype interface developed had a positive level of user experience. Compared with the benchmarks set by UEQ, the test results were above the mean benchmark, except for the pull factor which was still below the benchmark average.


Cashier and Warehouse Information Systems; User Experience; The Elements of User Experience; User Experience Questionnaire

Full Text:



A.R.M. Suci and I.U. Wardati, “Pembuatan Sistem Informasi Pengelolaan Stok Barang pada Perseroan Terbatas Wings Surya di Pacitan,” Seruni-Seminar Riset Unggulan Nasional Informatika dan Komputer, Vol. 1, No. 1, 2012.

R.B. Bukit, “Penelitian Implementasi Sistem Informasi: Pendekatan yang Lebih Integratif,” Universitas Sumatera Utara, Medan, Indonesia, Lecture papers, 2002.

K. Bang, M.A. Kanstrup, and A. Kjems, “UX Evaluation Methods: An Investigation of the Danish IT-Industry’s Work and the Relevance of Literature,” Master thesis, Aalborg University, Aalborg, Denmark, 2015.

H.B. Santoso, M. Schrepp, R.Y.K. Isal, Y. Utomo, and B. Priyogi, “Measuring User Experience of the Student-Centered e-Learning Environment,” J. Educ. Online-JEO, Vol. 13, No. 1, pp. 142–166, 2016.

D.H. Cymek, A.C. Venjakob, S. Ruff, O.H. Lutz, S. Hofmann, and M. Roetting, “Entering PIN Codes by Smooth Pursuit Eye Movements,” Journal of Eye Movement Research, Vol. 7, No. 4, pp. 1–11, 1982.

W. Ilmberger, M. Schrepp, and T. Held, “Attractiveness of Social Platforms: An Investigation of StudiVZ,” Proc. IADIS Int. Conf. Interfaces Hum. Comput. Interact., 2011, pp. 257–264.

J. Nielsen (2004) “Card Sorting: How Many Users to Test,” [Online],, access date: 18-Jun-2016.

J.J. Garrett, The Elements of User Experience: User-centered Design for the Web and Beyond, London, UK: Pearson Education, 2010.

D. Spencer and J.J. Garrett, Card Sorting: Designing Usable Categories, New York, USA: Rosenfeld Media, 2009.

T. Tullis and W. Albert, Measuring the User Experience - Collecting, Analyzing, and Presenting Usability Metrics, 2nd ed., San Francisco, USA: Morgan Kaufmann Publishers Inc., 2013.

A. Nawaz, “A Comparison of Card-sorting Analysis Methods,” 10th Asia Pacific Conf. Comput. Hum. Interact., 2012, pp. 1-10.


Article Metrics

Abstract views : 1287 | views : 1543


  • There are currently no refbacks.

Copyright (c) 2020 IJITEE (International Journal of Information Technology and Electrical Engineering)

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

ISSN  : 2550-0554 (online)

Contact :

Department of Electrical engineering and Information Technology, Faculty of Engineering
Universitas Gadjah Mada

Jl. Grafika No 2 Kampus UGM Yogyakarta

+62 (274) 552305

Email :