Implementasi Desain UI/UX pada Aplikasi Tekos Berbasis Website Menggunakan React JS

Authors

  • hsan Asfari Hanifan Telkom University
  • Mira Kania Sabariah Telkom University
  • Imanuddin Hasbi Telkom University

Abstract

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.

References

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.

Published

2024-10-18

Issue

Section

Program Studi S1 Rekayasa Perangkat Lunak