Perancangan Dan Implementasi Front-End Aplikasi Pemesanan Makanan Berbasis Web Di Kafe Angkringan Cahsaiki

Authors

  • Yanfa Nur Farabi Telkom University
  • Rio Korio Utoro Telkom University
  • Fery Prasetyanto Telkom University

Abstract

Abstrak—Cahsaiki adalah kafe angkringan yang sudah cukup terkenal di daerah Bekasi. Cahsaiki sudah memiliki pelanggan yang banyak. Tetapi dengan sistem transaksi yang dirasa kurang efektif sehingga membuat antrean yang panjang dan memakan waktu yang cukup lama Ketika pelanggan ingin memesan makanan atau minuman. Maka dari itu, salah satu solusi untuk meningkatkan keefektifan sistem transaksi pada kafe angkringan Cahsaiki yaitu dengan membuat sebuah aplikasi pemesanan makanan berbasis web. Dengan menggunakan metode SDLC untuk merancang dan membangun aplikasi pemesanan makanan. Aplikasi ini didesain agar pengguna dapat memahami dengan mudah kegunaan fitur-fitur pada aplikasi dengan UI/UX yang tidak rumit dan membuat pengguna nyaman. Dalam pengembangan sistem telah mengimplementasikan template bootstrap dan sudah dilakukan pengujian. Berdasarkan hasil pengujian aplikasi ini mampu membantu mengurangi antrian yang panjang dengan niali pengujian alpha atau fungsionalitas sebesar 100% sehingga dapat disimpulkan bahwa aplikasi berjalan dengan baik sesuai fungsinya. Hasil dari pengujian beta dengan menggunakan kuisioner didapat nilai sebesar 63.6% dari 23 responden sangat setuju bahwa tampilan dan desain aplikasi mudah untuk dipahami.

Kata kunci— Website, UI, UX, front-end, bootstrap

References

N. K. D. A. Sikoko, "Tunemyles: Aplikasi Pemesanan Produk Makanan UMK dengan sistem Booking," 2022.

I. S. Rahmadini, "Aplikasi Pemesanan Menu Makanan Restoran Berbasis QR-Code," 2021.

Manajemen, "Perbedaan Antara User Interface (UI) dan User Experience (UX)," PT Herco Digital Indonesia, [Online]. Available:

https://www.hercodigital.id/perbedaan-antara-ui-dan-ux/. [Accessed 14 Mei 2022].

HACKTIV8, "Menjadi Creator Dengan Spark AR Studio," 18 juni 2021. [Online]. Available: https://blog.hacktiv8.com/menjadi-creator-dengan sparkarstudio/#:~:text=Spark%20AR%20Studio%20adalah%20sebuah,untuk%20membuat%20filter%20yang%20menarik. [Accessed 15 mei 2022].

P. Aprilia, "Apa itu HTML? Berikut Fungsi dan Cara Kerjanya!," 18 mei 2021. [Online]. Available: https://www.niagahoster.co.id/blog/html-adalah/. [Accessed 15 mei 2022].

A. C, "Apa Itu CSS? Pengertian dan Cara Kerjanya," 2 juli 2021. [Online]. Available: https://www.hostinger.co.id/tutorial/apa-itu-css. [Accessed 15 mei 2022].

E. Susanti, E. Fatkhiyah and E. Efendi, "PENGEMBANGAN UI/UX PADA APLIKASI MVOTING," vol. XVIIII, 2019.

H. Mulachela, "Mockup Adalah Gambaran Konsep Desain, Berikut Ulasannya," katadata.co.id, 15 Februari 2022. [Online]. Available: https://katadata.co.id/intan/berita/620b6b778d64c/mockup

-adalah-gambaran-konsep-desain-berikut-ulasannya. [Accessed 10 Juni 2022].

A. Paramitha F, "Alat Bantu Analisis," 2021. [10] M. T. Handayani, "Apa itu SDLC? Berikut cara kerja, fungsi, dan 7 tahapannya," Expert's Corner, 11 Oktober 2021. [Online]. Available: https://www.ekrut.com/media/sdlc-adalah. [Accessed 5 mei 2022].

K. Quthrunnada, "7 Prinsip Dasar Desain Grafis Lengkap dengan Unsur-Unsurnya," detikedu, 3 12 2021. [Online]. Available: https://www.detik.com/edu/detikpedia/d5838921/7-prinsip-dasar-desain-grafis-lengkap-denganunsur-unsurnya. [Accessed 14 08 2022].

Downloads

Published

2023-03-06

Issue

Section

Program Studi D4 Teknologi Rekayasa Multimedia