Implementasi Desain UI/UX pada Aplikasi Tekos Berbasis Website Menggunakan React JS
Abstrak
Abstrak - Kebutuhan akan tempat tinggal untuk
mahasiswa baru dan mahasiswa yang sudah tidak
menempati asrama di Telkom University dalam
beberapa tahun terakhir mengalami peningkatan
signifikan. Tekos merupakan startup baru berupa
aplikasi website yang akan menjadi wadah untuk
mahasiswa Telkom University untuk mencari tempat
tinggal setelah asrama, mahasiswa bisa memperoleh
kemudahan dan keterjaminan memiliki tempat tinggal
pasca asrama. Sementara itu, UI/UX desainer telah
merancang tampilan desain aplikasi/website untuk
meningkatkan pengalaman pengguna, namun
diperlukan peran front-end developer untuk
menerjemahkan desain tersebut menjadi tampilan
aplikasi website yang nyata dan dapat diakses oleh
pengguna. Tujuan dari tugas akhir ini adalah
mengimplementasikan website Tekos pada bagian
front-end menggunakan React JS, sehingga pengguna
dapat mengakses dan mengelola aplikasi website Tekos
yang dikembangkan. Selain itu, tugas akhir ini juga
bertujuan untuk meningkatkan performa aplikasi
Tekos dengan mengoptimalkan kinerja front-end
melalui penggunaan React JS yang efisien, memastikan
kesesuaian antarmuka pengguna (UI) dengan desain
yang sudah dirancang, dan menghadirkan aksesibilitas
yang lebih baik pada aplikasi Tekos. Hasil utama dari
eksperimen menunjukkan bahwa implementasi
antarmuka dari desain UI/UX menggunakan React JS
pada aplikasi Tekos telah mencapai hasil yang baik
dalam hal performa dan aksesibilitas.
Kata kunci : website, tekos, front-end, react js, performa, aksesibilitas.
Referensi
Telkom University,
University,= Sep. 13, 2022.
Telkom University,
Kukuhkan 7.554 Mahasiswa Baru,= Sep. 17, 2021.
D. K. Safitri and A. Andrianingsih,
UI/UX untuk Perancangan Ulang Front-End
Web Smart-SITA dengan Metode UCD dan UEQ,= Techno.Com, vol. 21, no. 1, 2022, doi:
33633/tc.v21i1.5639.
F. Hasbi,
Aplikasi UIIPortofolio Berbasis Web,=
Universitas Islam Indonesia, 2018.
A. Babaei, G. Locatelli, and T. Sainati,
is wrong with the front-end of infrastructure
megaprojects and how to fix it: A systematic
literature review,= Project Leadership and Society, vol. 2. 2021. doi:
1016/j.plas.2021.100032.
K. D. Pertiwi and Y. Kurniawan,
PERANGKAT LUNAK SISTEM INFORMASI AKADEMIK UNIVERSITAS
MA CHUNG MALANG,= Simetris_: Jurnal Teknik Mesin, Elektro dan Ilmu Komputer,
vol. 7, no. 2, 2016, doi: 10.24176/simet.v7i2.775.
Koesheryatin and Suryana Taryana,
Menggunakan HTML, CSS, dan JavaScript. 2014.
K. Peguero and X. Cheng,
in JavaScript frameworks and the security of
JavaScript applications,= High-Confidence Computing, vol. 1, no. 2, 2021, doi:
1016/j.hcc.2021.100035.
H. Reactor,
for_?,= Hackreactor, 2021.
P. S. Maratkar and P. Adkar,
Emerging Frontend JavaScript Library,= IRE
Journals, vol. 4, no. 12, 2021.
M. F. Santoso,
APPLICATION (SPA) LAYOUT WEB
DENGAN MENGGUNAKAN REACT JS
DAN BOOTSTRAP,= Jurnal Khatulistiwa
Informatika, vol. 9, no. 2, 2021, doi:
31294/jki.v9i2.11357.
Yogiokto Agae,
medium.com, 2020.
Khuat and Tung,
application using ReactJS and Redux,=
Laurea University of Applied Sciences, 2018.
A. Banks and E. Porcello, Functional Web
Development with React and Redux, vol. 7,
no. 2. 2017.
A. Freeman, Pro React 16. 2019. doi:
1007/978-1-4842-4451-7.
M. Benmoussa,
Programming Interface9 Banking: A
Promising Future for Financial Institutions
(International Experience),= Revue des
Sciences Commerciales, vol. 18, no. 2, 2019.
Google Developers,
Google Developers, 2017.
M. S. Sharmila and E. Ramadevi,
of Performance Testing on Web
Applications,= International Journal of
Advanced Research in Computer and
Communication Engineering, vol. 3, 2014.
M. Campoverde-Molina, S. Lujan-Mora, and
L. Valverde,
Testing of Web Accessibility,= IEEE Access,
vol. 9, 2021, doi:
1109/ACCESS.2021.3116100.
A. A. F. Amarta and I. G. Anugrah,
Menggunakan Trello Sebagai Manajemen
Proyek Di PT Andromedia,= Jurnal Nasional
Komputasi dan Teknologi Informasi (JNKTI),
vol. 4, no. 6, 2021, doi: 10.32672/jnkti.v4i6.3702.
