Front-End Development of Amikom Purwokerto University Finance Website Using Bootstrap

Authors

  • Bima Huberta Universitas Amikom Purwokerto
  • Desty Rakhmawati Universitas Amikom Purwokerto
  • Anugerah Bagus Wijaya Universitas Amikom Purwokerto

DOI:

https://doi.org/10.32493/jtsi.v7i3.40658

Keywords:

Website; Waterfall Method; Bootstrap; System Usability Scale; Front-End

Abstract

At Universitas Amikom Purwokerto, the Institute for Research and Community Service (LPPM) faces significant challenges in financial data processing. Currently, financial data is managed using Microsoft Excel, and there is no system in place to properly manage and store this data. This lack of an efficient system hinders effective financial management and data handling. To address these issues, the proposed solution is to develop a website for financial management that supports the tri dharma of higher education. Effective web application development necessitates adherence to standard front-end framework models. Therefore, this study focuses on creating a front-end for the LPPM financial website using Bootstrap, following the waterfall method due to its sequential, structured, and reliable properties. The result of this study is a website-based LPPM financial application front-end. Based on test results, the front-end of this website achieved an SUS (System Usability Scale) score of 80.5, which falls into grade B. This indicates that the application is expected to facilitate the process of managing financial data and enhance user interaction with the system, effectively resolving the identified issues. This research was successful because it had created a front-end system in accordance with the needs that had been complained about by the university.

References

Ahmad Martani, Saripuddin M, & Nurul Ikhsan. (2022). Rancang Bangun Website Company Profile Berbasis Framework Boostrap Dan Framework Codeigniter Pada Yayasan Khalifah Cendekia Mandiri. Jurnal Multidisiplin Madani, 2(6), 2895–2912. Https://Doi.Org/10.55927/Mudima.V2i6.510

Anggraini, R. (2021). Sistem Informasi Webstore Online Pada Toko Dk Corner Menggunakan Metode Web Design Responsive Bootstrap. In Jurnal Nasional Ilmu Komputer (Vol. 2, Issue 3, 320-322).

Damanik, A. R., Saputra, W., Hartama, D., Gunawan, I., Darma, S., Firzada, F., & Tunas Bangsa, S. (2022). Pelatihan Implementasi Programming Web Menggunakan Bootstrap Pada Smk Teladan Pematang Siantar. Jabb, 3(2), 2022. Https://Doi.Org/10.46306/Jabb.V3i2.2230-2240.

Hantoro, B. P. (2021). “Perancangan Sistem Informasi Pengelolaan Keuangan Pembangunan Desa Berbasis Website Menggunakan Framework Codeigniter Pada Desa Kedung Pomahan Wetan.” Seminar Nasional Mahasiswa Ilmu Komputer Dan Aplikasinya (Senamika, September, 430–440. Https://Repository.Upnvj.Ac.Id/11443/24.

Informasi Pendaftaran Pendampingan Legalisasi Produk Umkm Provinsi Banten Berbasis Web, S., Sugiarto, A., Hidayat, R., Mathla, U., & Anwar Banten, Ul. (2021). Sistem Informasi Pendaftaran Pendampingan Legalisasi Produk Umkm Provinsi Banten Berbasis Web Menggunakan Metode Sdlc Pada Pkph Unma Banten. Ijma: International Journal Mathla’ul Anwar of Halal Issues, 1(2).1345-1355.

Izhari, F., Meiliana, M., & Amalia, N. (2023). Optimalisasi Akses Informasi Melalui Website Profil Kampung Darul Amin Glugur Rimbun. Journal Of Computer Science and Technology (Jocstec), 1(3), 124–130. Https://Doi.Org/10.59435/Jocstec.V1i3.171

Lapu Kalua, A., P., Mantiri, R., Rumondor, C., & Mogogibung, E. (2024). Sistem Informasi Pendaftaran Beasiswa Dan Jadwal Legalisir Berbasis Website Responsive. Journal Of Information Technology, Software Engineering and Computer Science (Itsecs), 2(2). Https://Doi.Org/10.58602/Itsecs.V2i2.108.3425-3435.

Lapu Kalua, A., Korespondensi, P., Mantiri, R., Rumondor, C., & Mogogibung, E. (2024). Sistem Informasi Pendaftaran Beasiswa Dan Jadwal Legalisir Berbasis Website Responsive. Journal Of Information Technology, Software Engineering and Computer Science (Itsecs), 2(2). Https://Doi.Org/10.58602/Itsecs.V2i2.108

Nurmaizal, F. G., Setiawan, M. J., & Mulani, A. P. (2023). Pembuatan Aplikasi Website Second Hand Menggunakan Metodologi Scrum.

Oktaviani, N. (2020). Measuring User Perspectives On Website Conference Using System Usability Scale Pengukuran Perspektif Pengguna Terhadap Website Conference Menggunakan System Usability Scale. Journal Of Information Systems and Informatics, 2(2). Http://Journal-Isi.Org/Index.Php/Isi.1543-1552.

Yudianto, S., & Sulistyo, W. (2023). It-Explore Pengembangan Web Portal Dengan Metode Web Development Life Cycle (Wdlc) Pada Dinas Komunikasi Dan Informatika Kabupaten Bengkayang.

Permatahati, I., Wahyu, Y., Putra, S., & Ulun, N. A. (2023). Bootstrap Framework Implementation in Creating Informative Websites and Registration in The Veterinary Clinic. In Jurnal Restia (Vol. 1, Issue 1). 2337-2344.

Setiani, H., Nuraini, K., Intan Mogot, P., & Saputra, S. (2023). Perancangan Web Company Profile Menggunakan Bootstrap Dan Php Pada Yayasan Teknologi Indonesia Jaya. In Bisnis Dan Pendidikan (Vol. 1, Issue 1). Https://Jurnalmahasiswa.Com/Index.Php/Teknobis. 456-464.

Shamrat, F. M. J. M., Ghosh, P., Sultan, M. D., & Tasnim, Z. (2020). A Web Based Application For griculture: “Smart Farming System.” International Journal of Emerging Trends In Engineering Research, 8(6), 2309–2320. Https://Doi.Org/10.30534/Ijeter/2020/18862020

Terttiaavini, I Made Agus Oka Gunawan, Kraugusteeliana, Winarno, E., & Rony Sandra Yofa Zebua. (2023a). Perancangan Dan Implementasi Frontend Web Untuk Sistem Pengaduan Masyarakat. Jurnal Informasi Dan Teknologi, Vol. 3, Issue 3, 112–126. Https://Doi.Org/10.37034/Jidt.V5i1.290

Terttiaavini, I Made Agus Oka Gunawan, Kraugusteeliana, Winarno, E., & Rony Sandra Yofa Zebua. (2023b). Perancangan Dan Implementasi Frontend Web Untuk Sistem Pengaduan Masyarakat. Jurnal Informasi Dan Teknologi, 5(1), 112–126. Https://Doi.Org/10.37034/Jidt.V5i1.290

Wahyuni, D., & Hamzah, M. L. (2021). Analisa Tingkat Usability Website Menggunakan Metode System Usability Scale Dan Post Study System Usability Questionnaire Website Usability Level Analysis Using the System Usability Scale Method and Post Study System Usability Questionnaire. In Jurnal Testing Dan Implementasi Sistem Informasi (Vol. 2, Issue 1). Https://Diskominfotik.Bengkaliskab.Go.Id

Widyastuti, R., Hartati, T., & Supriyadi, B. (N.D.). Penerapan Sistem Informasi Aset It Berbasis Web Pada Pt Inspira Multi Teknologi Jakarta.

Wijaya, K., Suparianto, R., & Istiawan, E. (2022). Implementasi Framework Bootstrap Dalam Perancangan Sistem Penerimaan Mahasiswa Baru Pada Sekolah Tinggi Ilmu Tarbiyah Al-Qur’an Al-Ittifaqiah Berbasis Web (Vol. 1, Issue 1).

Yoga, V., & Ardhana, P. (2022). Analisis Usability Testing Pada Sitides Menggunakan System Usability Scale Dan Pieces Framework. Bulletin Of Informatics and Data Science, 1(2). Https://Ejurnal.Pdsi.Or.Id/Index.Php/Bids/Index

Jurnal Teknologi Sistem Informasi dan Aplikasi Vol. 7 No. 3 Juli 2024

Downloads

Published

2024-07-31

How to Cite

Huberta, B., Rakhmawati, D., & Wijaya, A. B. (2024). Front-End Development of Amikom Purwokerto University Finance Website Using Bootstrap. Jurnal Teknologi Sistem Informasi Dan Aplikasi, 7(3), 983–993. https://doi.org/10.32493/jtsi.v7i3.40658

Issue

Vol. 7 No. 3 (2024): Jurnal Teknologi Sistem Informasi dan Aplikasi

Section

Article

License

Copyright (c) 2024 Bima Huberta, Desty Rakhmawati, Anugerah Bagus Wijaya

Creative Commons License

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

Authors who publish with this journal agree to the following terms:

  1. Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
  2. Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
  3. Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access).

Jurnal Teknologi Sistem Informasi dan Aplikasi have CC BY-NC or an equivalent license as the optimal license for the publication, distribution, use, and reuse of scholarly work.

In developing strategy and setting priorities, Jurnal Teknologi Sistem Informasi dan Aplikasi recognize that free access is better than priced access, libre access is better than free access, and libre under CC BY-NC or the equivalent is better than libre under more restrictive open licenses. We should achieve what we can when we can. We should not delay achieving free in order to achieve libre, and we should not stop with free when we can achieve libre.

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) License

YOU ARE FREE TO:

  • Adapt - remix, transform, and build upon the material for any purpose, even commercially.
  • The licensor cannot revoke these freedoms as long as you follow the license terms