PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI E-ORDER FOOD & BEVERAGE BERBASIS WEB MENGGUNAKAN PROTOKOL WEBSOCKET
DOI:
https://doi.org/10.61722/jirs.v3i2.11948Keywords:
Extreme Programming, JavaScript, Sistem Informasi, Website, WebSocketAbstract
Proses pemesanan makanan di PT XYZ masih dilakukan secara manual melalui aplikasi percakapan dan melibatkan beberapa perantara, sehingga berpotensi menimbulkan keterlambatan penyampaian pesanan, kesalahan komunikasi, serta ketidakakuratan dalam pencatatan transaksi. Penelitian ini bertujuan untuk merancang dan mengimplementasikan sistem informasi E-Order berbasis web yang mampu memberikan pembaruan status pesanan secara real-time menggunakan teknologi WebSocket guna meningkatkan efisiensi operasional dan kualitas pelayanan. Metode pengembangan sistem yang digunakan adalah Extreme Programming (XP), yang meliputi tahapan perencanaan, perancangan, pengkodean, pengujian, dan rilis. Sistem dikembangkan menggunakan Vue.js sebagai frontend, Express.js sebagai backend, serta pemodelan sistem dilakukan menggunakan Unified Modeling Language (UML). Hasil penelitian menunjukkan bahwa sistem berhasil diimplementasikan dengan fitur pemesanan makanan dan minuman, pengelolaan menu, pengelolaan pesanan, pencatatan transaksi, pembuatan laporan, serta pembaruan status pesanan secara real-time. Pengujian menggunakan metode Blackbox Testing menunjukkan bahwa seluruh fungsi sistem berjalan sesuai dengan kebutuhan yang telah ditentukan. Implementasi sistem ini mampu meningkatkan efisiensi proses pelayanan, mengurangi risiko kesalahan komunikasi, meningkatkan akurasi pencatatan transaksi, serta mendukung proses pemesanan yang lebih terintegrasi dalam lingkungan operasional PT XYZ.
References
Akbar, M. L., Usman, A., & Budiman, A. (2023). Rancang Bangun Desain UI/UX Pada Pembuatan Startup Aplikasi Selfcare Berbasis Website. Jurnal Ilmu Komputer Dan Sistem Informasi (JIRSI), 2(1), 42–56.
Alex Mika. (2026, February 18). What is WebSocket Protocol? Retrieved April 8, 2026, from https://www.ramotion.com/blog/what-is-websocket/
Alviando, L., Bhawiyuga, A., & Kartikasari, D. P. (2023). Penerapan Websocket pada Sistem Live Chat berbasis Web (Studi Kasus Website Kwikku.com). Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 7(2), 854–862. Retrieved from http://j-ptiik.ub.ac.id
Armiady, D. (2022). PENGEMBANGAN APLIKASI BERBASIS RESPONSIVE WEBSITE MENGGUNAKAN METODE EXTREME PROGRAMMING. JURNAL TIKA, 7(2), 149–157. https://doi.org/https://doi.org/10.51179/tika.v7i2.1266
Ashish Pratap Singh. (2024, August 28). What are WebSockets and Why are they Used? Retrieved April 8, 2026, from https://blog.algomaster.io/p/websockets
Bachtiar, D. H., Paniran, P., & Made Budi Suksmadana, I. (2024). Perancangan Back-end Api pada Aplikasi Mobile Fruityfit Menggunakan Framework Express JS. Mars : Jurnal Teknik Mesin, Industri, Elektro Dan Ilmu Komputer, 2(3), 107–117. https://doi.org/10.61132/mars.v2i3.138
Coyanda, J. R., Ariati, N., Sunardi, H., & K.Ghazali. (2022). Sistem Informasi Ekspedisi Barang Pada PT. New Power Global Energy Dengan Menggunakan Metode Extreme Programming. Jurnal Ilmiah Informatika Global, 13(2), 94–99. https://doi.org/10.36982/jiig.v13i2.2295
Dicoding. (2025, March 19). Apa itu Activity Diagram? Beserta Pengertian, Tujuan, Komponen - Dicoding Blog. Retrieved March 19, 2025, from https://www.dicoding.com/blog/apa-itu-activity-diagram/
Farhan, NM Faizah, & Koryanto, L. (2024). Rancang Bangun Aplikasi Sistem Informasi Geografis untuk Pencarian Bengkel Resmi Honda di Kota Depok Berbasis Android dengan Metode Location-Based Service (LBS). Design Journal, 2(2), 79–88. https://doi.org/10.58477/dj.v2i2.194
Fatman, Y., Khoirun Nafisah, N., & Bendoro Jembar Pambudi, P. (2023). Implementasi Payment Gateway dengan Menggunakan Midtrans pada Website UMKM Geberco. Jurnal KomtekInfo, 64–72. https://doi.org/10.35134/komtekinfo.v10i2.364
Fauziyah, S., & Sugiarti, Y. (2022). Literature Review: Analisis Metode Perancangan Sistem Informasi Akademik Berbasis Web. Jurnal Ilmiah Ilmu Komputer Fakultas Ilmu Komputer, 8(2). Retrieved from http://ejournal.fikom-unasman.ac.id
Helmi Satria Ferdianto, M., & Mandyartha, E. P. (2022). Pembuatan Website Crowdfunding Terintegrasi Payment Gateway Menggunakan Vue. 7(2), 77–86.
Jogiyanto. (2005). Sistem teknologi informasi :pendekatan teritegrasi : konsep dasar, teknologi, aplikasi, pengembangan dan pengelolaan.
Kotama, I. N. D. (2022). Rancangan Plugin Multiplayer Game MOODLE Learning Management System (LMS) berbasis WebSocket pada Google Cloud Server yang Berspesifikasi Rendah. JUISIK, 2(2). Retrieved from http://journal.sinov.id/index.php/juisik/indexHalamanUTAMAJurnal:https://journal.sinov.id/index.php
Mulianda Hasibuan, P., & Hadijaya, Y. (2024). Implementasi Budaya Organisasi dalam Meningkatkan Kinerja Guru. Journal of Education Research, 5(3).
Nawawi, A., & Komalasari, R. (2025). Perancangan Aplikasi Barter Service Mobile Berbasis React Native dan Laravel. Digital Transformation Technology, 5(1), 401–408. https://doi.org/10.47709/digitech.v5i1.6500
Node.js. (2026, April 3). About Node.js®. Retrieved April 3, 2026, from https://nodejs.org/en/about#about-nodejs
Prayoga, S. M., Defriani, M., & Sunandar, M. A. (2025). Design and Development of the MosqPray Application Using Extreme Programming Method. RISTEC: Research in Information Systems and Technology, 6(6), 15–26. https://doi.org/doi.org/10.31980/ristec.v6i1.2931
Putra, F. P. E., Muslim, F., Hasanah, N., Holipah, Paradina, R., & Alim, R. (2024). Analisis Komparasi Protokol Websocket dan MQTT Dalam Proses Push Notification. Jurnal Sistim Informasi Dan Teknologi, 63–72. https://doi.org/10.60083/jsisfotek.v5i4.325
Samsudin, A., & Hamdalah Islami, H. (2023). Sistem Pengaduan Masyarakat Menggunakan Metode Agile Extreme Programming. Jurnal Infotex, 2(1), 214–226.
Suharni, Susilowati, E., & Pakusadewa, F. (2023). PERANCANGAN WEBSITE RUMAH MAKAN NINIK SEBAGAI MEDIA PROMOSI MENGGUNAKAN UNIFIED MODELLING LANGUAGE. Jurnal Rekayasa Informasi (JRI), 12(1).
Sumirat, L. P., Cahyono, D., Kristyawan, Y., & Kacung, S. (2023). DASAR-DASAR Rekayasa Perangkat Lunak (1st ed.). Madza Media. Retrieved from www.madzamedia.co.id
Uminingsih, Ichsanudin, M. N., Yusuf, M., & Suraya. (2022). PENGUJIAN FUNGSIONAL PERANGKAT LUNAK SISTEM INFORMASI PERPUSTAKAAN DENGAN METODE BLACK BOX TESTING BAGI PEMULA INFO ARTIKEL ABSTRAK. Jurnal Ilmiah Teknik Dan Ilmu Komputer, 1(2), 1–8. https://doi.org/10.55123
Downloads
Published
Issue
Section
License
Copyright (c) 2026 JURNAL ILMIAH RESEARCH STUDENT
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
