Rancang Bangun Front-End Chatbot Internal Menggunakan React.js pada PT United Tractors Tbk

Reza Alfaridzi, Muhammad (2026) Rancang Bangun Front-End Chatbot Internal Menggunakan React.js pada PT United Tractors Tbk. Pro-Step Report, Universitas Multimedia Nusantara.

	PDF HALAMAN_AWAL.pdf Restricted to Registered users only Download (479kB)
	PDF BAB_I.pdf Download (210kB)
	PDF BAB_II.pdf Download (320kB)
	PDF BAB_III.pdf Restricted to Registered users only Download (823kB)
	PDF BAB_IV.pdf Restricted to Registered users only Download (232kB)
	PDF DAFTAR_PUSTAKA.pdf Restricted to Registered users only Download (216kB)
	PDF LAMPIRAN.pdf Restricted to Registered users only Download (1MB)
	PDF LEMBAR_PENGESAHAN.pdf Restricted to Registered users only Download (52kB)

Abstract

Peningkatan adopsi kecerdasan buatan (AI) generatif dalam operasional bisnis mendorong kebutuhan untuk mendemokratisasi akses data bagi pengguna nonteknis. PT United Tractors Tbk menghadapi kendala aksesibilitas data operasional proyek dan profil Human Capital yang hanya dapat diakses melalui kueri SQL, sehingga menyulitkan pengguna bisnis tanpa latar belakang teknis. Untuk mengatasi permasalahan tersebut, dikembangkan aplikasi chatbot berbasis web bernama HC Profile AI Chat Web yang memungkinkan pengguna mengajukan pertanyaan menggunakan bahasa natural. Kerja magang ini berfokus pada perancangan dan pengembangan sisi front-end aplikasi tersebut menggunakan React.js, TypeScript, dan Vite, dengan metode Research and Development (RnD) yang iteratif dan inkremental. Arsitektur front-end yang dirancang dengan TanStack Router, Zustand, dan TanStack React Query terbukti modular dan mudah dipelihara. Fitur streaming respons AI secara real-time melalui Server-Sent Events (SSE) berhasil diimplementasikan. Sistem autentikasi JWT dengan auto refresh token berbasis queue pattern berhasil menjaga sesi pengguna, sementara pola Optimistic UI memberikan respons instan beserta rollback otomatis. Fitur ekspor Excel, dark/light mode, dan tampilan responsif turut dikembangkan. Seluruh fitur telah diuji melalui blackbox testing dengan hasil sesuai ekspektasi, sehingga proyek ini berhasil memungkinkan pengguna bisnis mengakses data operasional perusahaan melalui percakapan berbahasa natural tanpa memerlukan penguasaan SQL.

Item Type:	Technical Report (Pro-Step Report)
Creators:	Reza Alfaridzi, Muhammad (00000103152)
Contributors:	Irmina Prasetiyowati, Maria (0725057201)
Keywords:	Front-End, JWT, Optimistic UI, React.js, Server-Sent Events (SSE)
Subjects:	000 Computer Science, Information and General Works
Divisions:	Faculty of Engineering & Informatics > Informatics
Date Deposited:	22 Jul 2026 11:59
URI:	https://kc.umn.ac.id/id/eprint/47886

Actions (login required)

View Item