Implementasi Website Weji Coffee dengan Fitur Reservasi Menggunakan HTML, JavaScript, dan Tailwind CSS

Mufni  Alida; Lira Arum Kusumaning  Thyas; Akbar Rizky  Jajuli

doi:10.33395/jmp.v15i1.15675

Authors

Mufni Alida Universitas Gunadarma
Lira Arum Kusumaning Thyas Universitas Gunadarma
Akbar Rizky Jajuli Universitas Gunadarma

DOI:

10.33395/jmp.v15i1.15675

Keywords:

Website, SDLC, Tailwind CSS, Pemasaran Digital, Coffee Shop

Abstract

Perkembangan teknologi pada era industri 4.0 mendorong transformasi di berbagai sektor, termasuk bidang perdagangan. coffee shop Weji Coffee, yang telah beroperasi sejak 2018 di Kalisari, Jakarta Timur, menghadapi tantangan dalam meningkatkan jangkauan pemasaran dan visibilitas digital. Untuk menjawab kebutuhan tersebut, pengembangan website dilakukan sebagai sarana penyedia informasi terkait menu, layanan, serta suasana kedai tanpa mengharuskan pelanggan datang langsung ke lokasi. Penelitian ini bertujuan memperluas cakupan usaha dan pemasaran Weji Coffee melalui pengembangan website berbasis HTML, JavaScript, dan Tailwind CSS. Metode yang digunakan adalah Software Development Life Cycle (SDLC), yang mencakup tahap perencanaan, analisis, perancangan, implementasi, serta pengujian. Proses implementasi dilakukan menggunakan Visual Studio Code dan basis data MySQL. Hasil penelitian menunjukkan bahwa website Weji Coffee berhasil dikembangkan dan berfungsi sesuai kebutuhan. Pengguna dapat dengan mudah mengakses informasi maupun melakukan reservasi. Pengujian lintas peramban menghasilkan kinerja optimal, dengan waktu akses tercepat sebesar 1,3 detik pada browser Edge. Selain itu, hasil blackbox testing mengonfirmasi bahwa seluruh fitur utama berjalan dengan baik.

GS Cited Analysis

References

Darni, R., Anwar, M., & Hadi, A. (2023). Karir Dan Dasar-Dasar Pengembangan Web. Unp Press.

Hadi, A. P., & Rokhman, F. A. (2020). Implementasi Website Sebagai Media Informasi Dan Promosi Pada Pondok Pesantren Putra-Putri Addainuriyah 2 Semarang. Pixel: Jurnal Ilmiah Komputer Grafis, 13(1), 39-49.

https://doi.org/10.51903/pixel.v13i1.190

Sari, N. D., Mursyid, M. G., Subrata, A., Nugroho, T., & Arifin, M. A. A. S. (2024). Rancang Bangun User Interface Putra Sulung Apps Berbasis Android. Instink: Inovasi Pendidikan, Teknologi Informasi dan Komputer, 3(2), 85-95.

https://doi.org/10.30599/0sk35775

Ashari, I. F., & Muharram, R. R. (2022). Pengembangan Antarmuka Pengguna Kolepa Mobile App Menggunakan Metode Design Thinking Dan System Usability Scale. JSiI (Jurnal Sistem Informasi), 9(2), 168-176.

https://doi.org/10.30656/jsii.v9i2.4993

Rifandi, F., Adriansyah, T. V., & Kurniawati, R. (2022). Website Gallery Development Using Tailwind CSS Framework. Jurnal E-Komtek, 6(2), 205-214.

https://doi.org/10.37339/e-komtek.v6i2.937

Debby, K. S., Riyanto, B., & Aji, H. K. (2024). Pemanfaatan Website Sebagai Media Informasi Dan Komunikasi Pelayanan Publik Kota Surakarta. Development and Business Communications, 1(2), 135-149. https://doi.org/10.33061/dbc.v1i2.9680

Vepsäläinen, J., Hellas, A., & Vuorimaa, P. (2023, June). The rise of disappearing frameworks in web development. In International Conference on Web Engineering (pp. 319-326). Cham: Springer Nature Switzerland.

https://doi.org/10.1007/978-3-031-34444-2_23

Khoirurrizal, M. F., Hidayat, C. R., & Ruuhwan, R. (2024). Analisis Perbandingan Framework Front-End Javascript Solidjs Dan Vuejs Pada Pengembangan Website Interaktif. Jurnal Informatika Dan Teknik Elektro Terapan, 12(2).

https://doi.org/10.23960/jitet.v12i2.4106

Pratama, R. A., Achmadi, S., & Auliasari, K. (2022). Penerapan Metode Convolutional Neural Network Pada Aplikasi Deteksi Wajah Pengunjung Perpustakaan. JATI (Jurnal Mahasiswa Teknik Informatika), 6(1), 253-258.

https://doi.org/10.36040/jati.v6i1.4517

Pandey, A., Varvello, M., Ahmed, S. I., Zhou, S., Subramanian, L., & Zaki, Y. (2025, April). MAML: Towards a Faster Web in Developing Regions. In Proceedings of the ACM on Web Conference 2025 (pp. 727-739).

https://doi.org/10.1145/3696410.3714584