Perancangan dan Pembuatan Sistem Informasi berbasis Web menggunakan Teknologi ReactJS Typescript untuk Pembukuan dan Informasi Rumah Sewa (Studi Kasus: Kontrakan Mutiara Home)
Kata Kunci:
teknologi informasi, sistem informasi rumah sewa, web berbasis reactjs, framework nextjs, usabilitas sistem, pembukuan digitalAbstrak
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.
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
Cara Mengutip
Terbitan
Bagian
Lisensi
Hak Cipta (c) 2024 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Artikel ini berlisensiCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.