Pengembangan Sistem Informasi Fretboard Gitar Interaktif Berbasis Web Menggunakan React dan Laravel Untuk Visualisasi Tangga Nada

Romiz Aisy; Dewi  Oktafiani

doi:10.20961/jaht.v5i1.3257

Authors

Romiz Aisy Program Studi S1 Informatika, STMIK Amikom Surakarta, Sukoharjo, Indonesia
Dewi Oktafiani Program Studi S1 Informatika, STMIK Amikom Surakarta, Sukoharjo, Indonesia

DOI:

https://doi.org/10.20961/jaht.v5i1.3257

Keywords:

guitar; information system; laravel; musical scale; react

Abstract

Learning to play an instrument until mastering it is certainly not an easy task. Even after being able to play the instrument, there are still challenges in the form of music theory. Most people give up on learning music because they find it difficult to understand these concepts. In today’s era, learning music theory can be easily accessed through the internet, whether in the form of videos or text. However, most of the available music materials are still not sufficient to help learners truly understand, due to the lack of visualization of the theory as applied to the instrument they play. This system is designed using the Waterfall method and implemented with the Laravel framework and the React library. The guitar fretboard information system can help players gain insight into how music theory works within the guitar they are playing.

References

[1] W. G. E. Bratha, “Literature Review Komponen Sistem Informasi Manajemen: Software, Database Dan Brainware,” J. Ekon. Manaj. Sist. Inf., vol. 3, no. 3, pp. 344–360, 2022, [Online]. Available: https://dinastirev.org/JEMSI/article/view/824%0Ahttps://dinastirev.org/JEMSI/article/download/824/520

[2] M. V. Al Hasri and E. Sudarmilah, “Sistem Informasi Pelayanan Administrasi Kependudukan Berbasis Website Kelurahan Banaran,” MATRIK J. Manajemen, Tek. Inform. dan Rekayasa Komput., vol. 20, no. 2, pp. 249–260, 2021, doi: 10.30812/matrik.v20i2.1056.

[3] Prenika Yuniar, J. K. Sitoena, D. M. Matius, and G. B. Obed, “Sejarah Musik sebagai Dasar Pengetahuan dalam Pembelajaran Teori Musik,” Clef J. Musik dan Pendidik. Musik, vol. 3, no. 2, pp. 141–150, 2022, doi: 10.51667/cjmpm.v3i2.1098.

[4] A. A. Wahid, “Analisis Metode Waterfall Untuk Pengembangan Sistem Informasi,” J. Ilmu-ilmu Inform. dan Manaj. STMIK, vol. 1, no. 1, pp. 1–5, 2020, [Online]. Available: https://www.researchgate.net/publication/346397070

[5] S. F. Arief and Y. Sugiarti, “Literature Review: Analisis Metode Perancangan Sistem Informasi Akademik Berbasis Web,” J. Ilm. Ilmu Komput., vol. 8, no. 2, pp. 87–93, 2022, doi: 10.35329/jiik.v8i2.229.

[6] W. Muthia Kansha, Saherih, and Muchlis, “Analisis Perbandingan Struktur dan Performa Framework Codeigniter dan Laravel dalam Pengembangan Web Application,” J. Tek. Inform. STMIK Antar Bangsa, vol. 9, no. 1, pp. 25–31, 2023.

[7] R. Y. Endra, Y. Aprilinda, Y. Y. Dharmawan, and W. Ramadhan, “Bahasa Pemrograman PHP Pengembangan Website,” Expert J. Manaj. Sist. Inf. dan Teknol., vol. 11, no. 1, p. 48, 2021.

[8] Fikri Ahmad Fauzi and Fajar Darmawan, “Pembangunan Aplikasi E-Commerce Berbasis Website Menggunakan Laravel,” J. Pas. Inform., vol. 2, no. 1, pp. 1–7, 2023, doi: 10.23969/pasinformatik.v2i1.7172.

[9] D. Tanudjaja and R. Tanone, “Analisis Penerapan Code Splitting Library React pada Aplikasi Penjualan Mebel Berbasis Website,” J. Tek. Inform. dan Sist. Inf., vol. 7, no. 2, pp. 344–356, 2021, doi: 10.28932/jutisi.v7i2.3493.

[10] H. Kurniawan, W. Apriliah, I. Kurnia, and D. Firmansyah, “Penerapan Metode Waterfall Dalam Perancangan Sistem Informasi Penggajian Pada Smk Bina Karya Karawang,” J. Interkom J. Publ. Ilm. Bid. Teknol. Inf. dan Komun., vol. 14, no. 4, pp. 13–23, 2021, doi: 10.35969/interkom.v14i4.78.