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

Authors

  • Romiz Aisy S1 Informatika, STMIK Amikom Surakarta
  • Dewi Oktafiani S1 Informatika, STMIK Amikom Surakarta

DOI:

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

Keywords:

gitar; laravel; react; sistem informasi; tangga nada

Abstract

Mempelajari sebuah instrumen hingga menguasainya tentu bukanlah hal yang mudah, bahkan setelah mampu memainkan instrumen tersebut masih ada rintangan berupa teori musik. Kebanyakan orang menyerah dalam mempelajari musik karena sulit untuk memahami hal tersebut. Pada era sekarang, pembelajaran teori musik dapat dengan mudah diakses melalui internet baik itu video maupun dalam bentuk teks. Meskipun begitu, kebanyakan materi musik yang diberikan masih belum cukup untuk membuat paham orang yang mempelajarinya dikarenakan kurangnya visualisasi dari teori tersebut ke dalam instrumen yang mereka mainkan. Sistem ini dirancang menggunakan metode Waterfall yang kemudian dilaksanakan dengan menggunakan framework Laravel dan library React. Sistem informasi Fretboard gitar ini dapat membantu para pemain untuk mendapatkan pandangan tentang bagaimana teori musik tersebut bekerja dalam instrumen gitar yang mereka mainkan.

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.

Downloads

Published

2026-07-25

Issue

Section

Articles