Design and Build Online Store Website bicycle store KawanKita

Eddy Sukamto, Albertus Dwiyoga Widiantoro, Erdhi Widyarto Nugroho


E-commerce websites are important to implement in small business processes. To facilitate the transaction process, this research was carried out so that the transaction process between sellers and buyers became more effective and efficient. The purpose of this research is to attract consumers with an attractive and user-friendly website to buy products from the KawanKita bicycle shop so that it has an impact on increasing sales, the analytical method process is applied to implementation. The development method used is "waterfall" where step by step are related to one another. That way the discussion process with the KawanKita store owner resulted in a website business process design, ER Diagram, UI and UX design for display, for the platform framework used is Node Js as the back-end and React Js as the front-end. In terms of storing data, this website uses Firebase as a data storage provider and as a hosting provider. KawanKita bicycle shop business owner. So that this research produces a website that makes it easier for consumers and sellers in the transaction process, the appearance of the website is good at displaying the goods being sold. From the process of business analysis, ERD creation, user UI and UX design, to the creation of this website, from the appearance to the functions in each of its features, all have received a positive response from the public.


process of business analysis; ERD creation; user UI and UX design

Full Text:



Rababah, O., & Masoud, F. (2010). Key Factors for Developing a Successful E-commerce Website. Communications of the IBIMA, 2010, 1–9.

Lewis, C., & Rieman, J. (1993). Task Centered User Interface Design : Practical Introduction Task-Centered User Interface Design A Practical Introduction Foreword : Interfaces.

Nunes, N. J., & e Cunha, J. F. (2001). Object Modeling and User Interface Design. 1(978), 197–243.

Hurtienne, J., & Blessing, L. (2007). Design for intuitive use - Testing image schema theory for user interface design. Proceedings of ICED 2007, the 16th International Conference on Engineering Design, DS 42(August), 1–12.

Rababah, O., & Masoud, F. (2010). Key Factors for Developing a Successful E-commerce Website. Communications of the IBIMA, 2010, 1–9.

Song, I., & Evans, M. (1995). A Comparative Analysis of Entity-Relationship Diagrams 1 1 Introduction. Computer, 3(4), 427–459.

Al-Masree, H. K. (2015). Extracting Entity Relationship Diagram (ERD) From Relational Database Schem. International Journal of Database Theory and Application, 8(3), 15–26.

Genero, M., Olivas, J. A., Piattini, M., Romero, F., & Calatrava, R. De. (2017). Knowledge Discovery For Predicting Entity Relationship Diagram Maintainability. February.

Musthofa, N., & Adiguna, M. A. (2022). Perancangan Aplikasi E-Commerce Spare-Part Komputer Berbasis Web Menggunakan CodeIgniter Pada Dhamar Putra Computer Kota Tangerang. OKTAL: Jurnal Ilmu Komputer Dan Sains, 1(03),


Guha, A., Saftoiu, C., & Krishnamurthi, S. (2010). The Essence of JavaScript The Need for Another JavaScript Semantics λ JS : A Tractable Semantics for JavaScript. Essence, 126–150.

Anderson, C., Giannini, P., & Drossopoulou, S. (2005). Towards type inference for JavaScript. Lecture Notes in Computer Science, 3586, 428–452.

Ratanaworabhan, P., Livshits, B., & Zorn, B. (2010). JSMeter: Comparing the behavior of JavaScript benchmarks with real web applications. Conference on Web Applications.

McCune, R. R. (2011). Node. js Paradigms and Benchmarks. Striegel, Grad Os F, 11, 1–6.

Hota, A. K., & Prabhu, D. M. (2014). Node.Js: Lightweight, Event driven I/O web development As. Informatics, 22(3), 30–31.

Rawat, P., & Mahajan, A. N. (2020). ReactJS: A Modern Web Development Framework. International Journal of Innovative Science and Research Technology, 5(11), 698–702.

Santhosh, N. (2022). ReactJS – Implementation Frontend Javascript Library On Online Blog System. 09, 766–770.

Bastakoti, A. (2022). Using Native Mobile Services in React Js. January, 28.

Álvarez-Acebal, N. (2021). From JavaScript to React. js: Best Practices for Migration.



  • There are currently no refbacks.

e-ISSN: 2776-0332 | View My Stats