1. Home
  2. Vol 4, No 9 (2026)
  3. Firmansyah

Perancangan dan Implementasi Sistem Arsip Berkas Keluar Unit Pelaksana PKB Pulogadung Menggunakan Metode Waterfall Berbasis React dan Typescript

Author


Mohammad Riky Firmansyah(1Mail), Siti Faizah(2),
(1) Program Studi Teknologi Informasi, Universitas Bina Sarana Informatika,
(2) Program Studi Teknologi Informasi, Universitas Bina Sarana Informatika,

Mail Corresponding Author
Article Analytic
  [File Size: 609KB]  Language: en
Available online: 2026-10-15  |  Published : 2026-10-15
Copyright (c) 2026 Mohammad Riky Firmansyah, Siti Faizah
Article can trace at:

Article Metrics

Abstract Views: 9 times PDF Downloaded: 5 times

Abstract


The management of outgoing document archives at the Motor Vehicle Testing Implementation Unit (UP PKB) Pulogadung, Jakarta Provincial Transportation Agency, is still conducted conventionally through register books and physical storage, causing risks of document loss and damage, difficulty in retrieving files, and the absence of a structured approval mechanism. This study aims to design and implement a centralized web-based outgoing document archiving system with a tiered approval mechanism. Data were collected through observation, interviews, and literature review, while the software was developed using the Waterfall method (requirement analysis, system design, code generation, testing, and maintenance). The system was modeled using UML, ERD, and LRS and built with React and TypeScript, Node.js (Express.js), and MySQL through a REST API architecture. It applies Role-Based Access Control (RBAC) with three roles (User, Admin, and Super Administrator), manages six document categories, allows official printing only for approved files, and records activity logs. Black Box Testing on 12 scenarios shows that all major features operate according to the specifications. The system centralizes the archiving of outgoing documents, simplifies file retrieval, and improves administrative accountability at UP PKB Pulogadung.

Keywords


Information System, Archive Management, Waterfall, React, TypeScript.

References


Azhariyah, S., & Mukhlis, M. (2023). Framework CSS: Tailwind CSS untuk front-end website store PT. XYZ. Jurnal Informatika, 2, 30–36.

Azmi, M. C., Siddiq, T. A., & Nasution, Y. R. (2023). Perancangan sistem arsip surat masuk dan keluar Biro Administrasi dan Pembangunan Provinsi Sumatera Utara berbasis web. Jurnal Sistem Informasi dan Teknik Komputer, 8(1), 58–60.

Fauzi, A. Z. (2024). Analisis efisiensi proses build dan performa single-page application React, Vue, dan Svelte yang dikembangkan menggunakan Vite sebagai build tool (Skripsi, Universitas Islam Negeri Sunan Kalijaga, Yogyakarta).

Harahap, B., Rambe, A., Ramadhan, M. R., & Kurniawan, N. (2025). Analisis framework, library front-end populer: Bootstrap, Tailwind CSS, React, dan Vue pada mata kuliah perancangan web design. RJTI: Riau Jurnal Teknik Informatika, 4(2), 329–334.

Hidayati, N., Priandi, A., Sembiring, Y., Sirait, D., & Fachry, I. (2025). Sistem informasi di Apotek Whitney menggunakan metode Waterfall. Jatilima: Jurnal Multimedia dan Teknologi Informasi, 7(1), 50–60.

Idrus, R., Munthakhabah, C. St., & Hatta, A. Q. (2023). Sistem informasi pengarsipan surat masuk dan surat keluar berbasis web pada Fakultas Ekonomi Universitas Sulawesi Barat. Jurnal Ilmiah Ilmu Komputer, 9(1), 51–62.

Imasita, & Hirman. (2022). Aplikasi pengelolaan disposisi surat berbasis web pada Dinas Pekerjaan Umum Kota Makassar. INSTEK (Informatika Sains dan Teknologi), 7(1), 106–114.

Nisa', C., Wijaya, A., & Rizal, F. (2024). Teori UML dan implementasi praktek: Panduan untuk pengembangan perangkat lunak. Pekanbaru: CV Bravo Press Indonesia.

Prasetia, Y. A., & Manongga, D. (2024). Role-Based Access Control (RBAC) untuk sistem otorisasi terpusat berbasis Flask: Studi kasus PT. XYZ. JIPI (Jurnal Ilmiah Penelitian dan Pembelajaran Informatika), 9(4), 1768–1778. https://doi.org/10.29100/jipi.v9i4.5403

Republik Indonesia. (2009). Undang-Undang Republik Indonesia Nomor 43 Tahun 2009 tentang Kearsipan.

Riefnaldi, A. R., Aranta, A., & Muaidi, M. (2021). Pembuatan sistem informasi pengarsipan surat pada Kantor Desa Sandik berbasis website. JBegaTI: Jurnal Pengabdian pada Masyarakat Bidang Teknologi Informasi, 2(2), 191–202.

Satria J, M. B., & Ardiansyah, H. (2023). Analisis dan perancangan sistem raport digital metode Waterfall. Journal on Education, 5(2), 5143–5151.

Syahrizal. (2025). Sistem informasi pengarsipan surat di Kantor Dinas Ketenagakerjaan Kabupaten Asahan. Uranus: Jurnal Ilmiah Teknik Elektro, Sains dan Informatika, 3(1), 152–169.

Yuricha, & Phan, I. K. (2023). Penerapan Role Based Access Control dalam sistem Supply Chain Management berbasis cloud. MALCOM: Indonesian Journal of Machine Learning and Computer Science, 3(2), 339–348.


Refbacks

  • There are currently no refbacks.

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.