Implementasi Desain Antarmuka Pada Website Cafeasy Menggunakan React.Js (Studi Kasus: Café di Daerah Bandung

Authors

  • Muhammad Adam Firdaus Telkom University
  • Dana Sulistyo Kusumo Telkom University
  • Nungki Selviandro Telkom University

Abstract

Abstrak — Dalam era digital saat ini, transformasi teknologi
telah meluas ke hampir semua aspek kehidupan, termasuk cara
kita melakukan transaksi jual-beli. Cafeasy adalah sebuah
platform website yang mengusung konsep inovatif dengan
memanfaatkan teknologi scan QR guna mempermudah
pelanggan saat berbelanja di kafe. Penelitian ini bertujuan
untuk mengatasi masalah penumpukan antrean dalam kafe
dengan memanfaatkan teknologi scan QR Code untuk
meningkatkan efisiensi penjualan dengan pembukuan yang
terintegrasi pada google spreadsheet. Tugas akhir ini bertujuan
untuk merancang dan mengembangkan sistem frontend yang
berfokus pada admin panel aplikasi Cafeasy, dengan metode
pengembangan sistem yang digunakan adalah design thinking
dengan model Scrum. Hasil akhir yang diharapkan dari tugas
akhir ini adalah sebuah aplikasi web inovatif yang
memanfaatkan teknologi QR scan untuk menyederhanakan
proses pembelian makanan dan minuman bagi pelanggan kafe.
Dengan Cafeasy, pelanggan kafe dapat dengan mudah
melakukan pembelian sesuai keinginan melalui sistem yang
modern dan efisien.

Kata kunci— React.Js, Design Thinking, Pembukuan, Google Spreadsheet, Scrum

References

P. S. Hasugian,

SEBAGAI MEDIA PROMOSI DAN INFORMASI,= 2018.

K. KHADIJAH,

METODOLOGI UI/UX (STUDI KASUS:

PROTOTYPE APLIKASI PDBI ACADEMIC

INFORMATION SYSTEM),= Jurnal Inovasi Hasil

Penelitian Dan Pengembangan, vol. 02, no. 04, pp.

-301, 2023, doi:

https://doi.org/10.51878/knowledge.v2i4.1808.

F. Kesuma Bhakti, I. Ahmad, and Q. J. Adrian,

APLIKASI PESAN ANTAR DALAM KOTA

MENGGUNAKAN METODE DESIGN

THINKING (STUDI KASUS: KOTA BANDAR

LAMPUNG),= Jurnal Teknologi dan Sistem

Informasi (JTSI), vol. 3, no. 2, pp. 45-54, 2022,

[Online]. Available:[4]

https://socs.binus.ac.id/2019/12/30/apa-itu-react-js/

(accessed Nov. 28, 2022).

A. Christian, S. Hesinto, J. Patra No, K. Sukaraja

Kecamatan Prabumulih Selatan, and S. Selatan

STMIK Prabumulih,

Sekolah Dengan Menggunakan Framework

Bootstrap ( Studi Kasus SMP Negeri 6 Prabumulih

),= 2018.

ARYA WIJAYA,

PERPUSTAKAAN DDIGITAL ONLINE

BERBASIS SaaS,= e-Proceeding of Applied

Science, vol. 1, no. 1, pp. 92-98, 2015.

R. Ponsen Sindu Prawito,

O ONLINE BERBASIS WEB DENGAN

MENGGUNAKAN LARAVEL DAN API

RAJAONGKIR,= Syntax Literate: Jurnal Ilmiah

Indonesia, vol. 5, no. 12, pp. 1657-1668, 2020, doi:

36418/syntax-literate.v5i12.1848.

R. Pramudita, R. W. Arifin, A. Nurul Alfian, and N.

Safitri,

DALAM MEMBANGUN UI/UX YANG

INTERAKTIF PADA PROGRAM STUDI

TEKNIK INFORMATIKA STMIK

TASIKMALAYA,= Shilka Dina Anwariya, vol. 3,

no. 1, 2021, [Online]. Available:

www.youtube.com,

L. Pernyataan Orsinilitas,

USER INTERFACE PROTOTYPE APLIKASI

POINT OF SALE MENGGUNAKAN FIGMA

DAN METODE TASK CENTERED SYSTEM

DESIGN (TCSD),= 2022.

A. Zulianto et al.,

Penelitian Informatika) Pemanfaatan Katalon Studio

untuk Otomatisasi Pengujian Black-Box pada

Aplikasi iPosyandu=.

M. M. Muhtadi, M. Dhandy Friyadi, and A.

Rahmani,

Rifda Faticha Alfa Aziza,

KEBUTUHAN PENGGUNA APLIKASI

MENGGUNAKAN USER PERSONA DAN USER

JOURNEY,= Information System Journal (INFOS),

vol. 3, no. 2, pp. 6-10, Nov. 2020.

U. Aisyah, P. J. Homepage, M. A. Prasetyo, M. C.

Rozikin, and R. S. Dewi,

Informatics and Electrical Engineering

PERANCANGAN USER INTERFACE (UI) &

USER EXPERIENCE (UX) APLIKASI PENCARI

KOST ABC DI KOTA XYZ MENGGUNAKAN

METODE DESIGN THINKING,= 2019, [Online].

Available:http://jti.aisyahuniversity.ac.id/index.php/AJIEE

Fakhrul Hasbi,

APLIKASI UIIPORTOFOLIO BERBASIS WEB,= Yogyakarta, Dec. 2018.

Published

2024-10-18

Issue

Section

Program Studi S1 Rekayasa Perangkat Lunak