Perancangan dan Pembuatan Sistem Informasi berbasis Web menggunakan Teknologi ReactJS Typescript untuk Pembukuan dan Informasi Rumah Sewa (Studi Kasus: Kontrakan Mutiara Home)

Perancangan dan Pembuatan Sistem Informasi berbasis Web menggunakan Teknologi ReactJS Typescript untuk Pembukuan dan Informasi Rumah Sewa (Studi Kasus: Kontrakan Mutiara Home)

Penulis

  • Mohammad Ali Rafli Fakultas Ilmu Komputer, Universitas Brawijaya
  • Bayu Rahayudi Fakultas Ilmu Komputer, Universitas Brawijaya
  • Welly Purnomo Fakultas Ilmu Komputer, Universitas Brawijaya

Kata Kunci:

teknologi informasi, sistem informasi rumah sewa, web berbasis reactjs, framework nextjs, usabilitas sistem, pembukuan digital

Abstrak

Mutiara Home merupakan salah satu tempat yang menyediakan penyewaan rumah di daerah Tangerang Selatan. Terdapat permasalahan pada Kontrakan Mutiara Home seperti pencatatan keuangan yang masih dilakukan menggunakan buku sehingga mencatat menjadi kurang efisien dan kurangnya informasi Kontrakan Mutiara Home di internet. Dari permasalahan efisiensi pencatatan dan penyebaran informasi rumah sewa, penulis membuat suatu sistem dengan fitur pencatatan dan memberikan informasi rumah sewa kepada masyarakat. Penulis merancang sistem dengan menggunakan metode waterfall serta teknologi ReactJS Typescript dan Framework NextJs serta melakukan pengetesan menggunakan metode Blackbox dan System Usability Scale (SUS). Penulis merancang 11 kebutuhan fungsional dan 1 kebutuhan non fungsional dengan identifikasi aktor, penyewa, pengelola, dan masyarakat umum pada tahap analisis kebutuhan. Penulis juga merancang 6 use case scenario setelah merancang use case diagram. Penulis membuat 2 class diagram pada tahap perancangan dan merancang 17 desain halaman yang akan diimplementasikan saat proses implementasi. Dari hasil pengujian fungsional pada 11 kebutuhan, sistem berhasil diuji dengan persentase keberhasilan 100%. Pada tahap pengujian Usabilitas, terdapat 13 responden yang terdiri dari 3 pengelola dan 10 penyewa. Hasil dari pengujian usabilitas mendapatkan skor 1040 dengan rata-rata 80. Penulis melakukan perbandingan fitur pembukuan antara sistem dan manual. Hasil uji perbandingan fitur mencatat bahwa pembukuan menggunakan sistem lebih efisien dengan waktu 109.27 detik dibandingkan dengan manual yang memakan waktu 130.03 detik.

Referensi

Anggrayani, V. T. (2023). Pembuatan Jurnal Purchase Invoice Melalui Software Jurnal. Id Di CV. Alita Home, Pekanbaru.

Bhalla, A., Garg, S., & Singh, P. (2020). PRESENT DAY WEB-DEVELOPMENT USING REACTJS. International Research Journal of Engineering and Technology. www.irjet.net

Booch, G. (2005). The unified modeling language user guide. Pearson Education India.

Brooke, J. (2013). SUS: a retrospective. Journal of Usability Studies, 8(2), 29–40.

Budiman, A., Wahyuni, L. S., & Bantun, S. (2019). Perancangan Sistem Informasi Pencarian Dan Pemesanan Rumah Kos Berbasis Web (Studi Kasus: Kota Bandar Lampung). Jurnal Tekno Kompak, 13(2), 24–30.

Giammarco, K., Giles, K., & Whitcomb, C. A. (2017). Comprehensive use case scenario generation: An approach for modeling system of systems behaviors. 2017 12th System of Systems Engineering Conference (SoSE), 1–6. https://doi.org/10.1109/SYSOSE.2017.7994950

Gunawan, D., & Nugroho, E. C. (2015). Sistem informasi sewa rumah kost dan rumah kontrakan berbasis web di surakarta. Informatika, 2(1).

Hapsari, D. P., Andari, A., & Hasanah, A. N. (2017). Model pembukuan sederhana bagi usaha mikro di Kecamatan Kramatwatu Kabupaten Serang. JAK (Jurnal Akuntansi) Kajian Ilmiah Akuntansi, 4(2).

Istiana, D., & Ariyati, I. (2017). Sistem Informasi Akuntansi Perusahaan Dagang Menggunakan Zahir Accounting Versi 5.1. INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS: Journal of Information Management, 2(1), 11–20.

Margaret Rouse. (2023, July 24). Web-Based Application. Techopedia. https://www.techopedia.com/definition/26002/web-based-application#what-does-web-based-application-mean

Nizar, C. (2021). Rancang Bangun Sistem Informasi Sewa Rumah Kost (E-Kost) Berbasis Website. J. Sist. Inf. Dan Sains Teknol, 3(1), 1–10.

Pressman, R. S. (2005). Software engineering: a practitioner’s approach. Palgrave macmillan.

ReactJS. (2021). React, A JavaScript library for building user interfaces. https://legacy.reactjs.org/

Sauro. (2018). ways to interpret a SUS score,” 2018. Last Retrieved April.

Sholihin, M. L. (2021). Sistem Informasi Pembukuan Keuangan di Kelurahan Lalung. Journal of Technology and Informatics (JoTI), 2(2), 83–88.

Siregar, L. Y., & Nasution, M. I. P. (2020). Perkembangan Teknologi Informasi Terhadap Peningkatan Bisnis Online. HIRARKI: Jurnal Ilmiah Manajemen Dan Bisnis, 2(1), 71–75.

Thomas Wendt, Birgit Brigl, & Alfred Winter. (2005). Assessing the integration of information system components.

Typescript. (2023). TypeScript for JavaScript Programmers. https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html

Wahid, A. A. (2020). Analisis metode waterfall untuk pengembangan sistem informasi. J. Ilmu-Ilmu Inform. Dan Manaj. STMIK, No. November, 1–5.

Diterbitkan

12 Feb 2024

Cara Mengutip

Rafli, M. A., Rahayudi, B., & Purnomo, W. (2024). Perancangan dan Pembuatan Sistem Informasi berbasis Web menggunakan Teknologi ReactJS Typescript untuk Pembukuan dan Informasi Rumah Sewa (Studi Kasus: Kontrakan Mutiara Home). Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 8(2). Diambil dari https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/13276

Terbitan

Bagian

Artikel
Loading...