Design and Development of a CMS-Based School Website Integrated with a 360° Virtual Tour Using the Waterfall Method at SDN Gadungan 02
Keywords:
Virtual Tour 360°, React JS, Express JS, Waterfall, React-PannellumAbstract
The utilization of information technology in education plays a crucial role in supporting the openness and equal distribution of information. SDN Gadungan 02, located in Blitar Regency, does not yet have an official digital platform, resulting in manual and limited methods of information delivery and school promotion. This study aims to design and develop a school website based on a Content Management System (CMS) integrated with a 360° Virtual Tour feature as an informative and interactive digital solution. The methodology used is the Waterfall model, comprising analysis, design, implementation, and testing phases. The technologies employed include React JS for the interface, Express JS and PostgreSQL for the backend, and React-Pannellum for displaying 360° panoramas. The website supports two user roles: admin and general users. Its main feature, the 360° Virtual Tour, allows visitors to explore the school environment online. Blackbox testing using the All-Pair technique showed a success rate of 94.87%, while Whitebox testing with the basis path technique resulted in a Cyclomatic Complexity score of 15, indicating moderate complexity. Closed Beta Testing by IT experts and internal users recorded satisfaction rates of 91.25% and 85%, respectively, while Open Beta Testing with 50 respondents yielded 84.75% satisfaction. The website is considered feasible, functional, accessible, and capable of delivering a strong digital experience. Its presence is expected to support information transformation and enhance the school's image and competitiveness in the digital era.
References
R. D. Darmawan, T. N. Irawan, And S. Syidada, “Rancang Bangun Web Profil Sekolah Sebagai Media Promosi Smp Kartika Iv-10 Surabaya,” Melek It : Information Technology Journal, Vol. 8, No. 1, Pp. 67–76, Jun. 2022, Doi: 10.30742/Melekitjournal.V8i1.215.
I. R. D. Muhammad And I. V. Paputungan, “Development Of Backend Server Based On Rest Api Architecture In E-Wallet Transfer System,” Jurnal Sains, Nalar, Dan Aplikasi Teknologi Informasi, Vol. 3, No. 2, Pp. 79–87, Jan. 2024, Doi: 10.20885/Snati.V3.I2.35.
A. Prawirdani And E. I. Sela, “Pengembangan Sistem Point Of Sale Berbasis Web Dan Mobile Di Kooi Coffee,” Ilkomnika, Vol. 6, No. 3, Pp. 299–316, Dec. 2024, Doi: 10.28926/Ilkomnika.V6i3.689.
Z. M. E. Darmawan Et Al., “Pengembangan Aplikasi Virtual Tour Taman Harmoni Sebagai Sarana Promosi Wisata Di Kota Surabaya,” I-Com: Indonesian Community Journal, Vol. 4, No. 3, Pp. 1868–1878, Sep. 2024, Doi: 10.33379/Icom.V4i3.5104.
Febrianto Widyoutomo, Hamidillah Ajie, And Widodo, “Pengembangan Web Service Modul Mahasiswa Pada Sistem Informasi Akademik Universitas Negeri Jakarta,” Pinter : Jurnal Pendidikan Teknik Informatika Dan Komputer, Vol. 5, No. 1, Pp. 68–75, Jun. 2021, Doi: 10.21009/Pinter.5.1.9.
P. Agung Christianto, E. Budi Susanto, And M. Reza Maulana, “Closed Beta Testing On E-Label Batik Application To Know The Best Environment For Optimal Application Performance,” 2019.
F. I. Pratama, E. M. N. Subroto, R. M. Haira, And M. A. Yaqin, “Pengujian Black Box Pada Aplikasi E-Commerce Opencart Dengan Metode Equivalence Partitioning Dan Boundary Value Analysis,” Jurnal Ilmiah Informatika, Vol. 8, No. 1, Pp. 54–64, Jun. 2023, Doi: 10.35316/Jimi.V8i1.54-64.
W. Pramusinto, K. Harsanto, And M. D. Syavira, “Perancangan Content Management System (Cms) Website Profil Sekolah Dengan Model Cloud Computing Saas,” Idealis : Indonesia Journal Information System, Vol. 7, No. 1, Pp. 1–10, Jan. 2024, Doi: 10.36080/Idealis.V7i1.3088.
M. D. Firmansyah And S. Suharsono, “Perancangan Sistem Informasi Sekolah Menengah Atas Negeri 1 (Sman 1) Suhaid Berbasis Website Menggunakan Metode Waterfall,” Jurnal Teknologi Informasi, Vol. 3, No. 2, P. 39, Dec. 2024, Doi: 10.35308/Jti.V3i2.10460.
K. Safwan, R. Rusmala, And S. Siaulhak, “Pengembangan Aplikasi Virtual Tour 360 Derajad Sebagai Media Informasi Destinasi Wisata Toraja Utara,” Bandwidth: Journal Of Informatics And Computer Engineering, Vol. 1, No. 2, Pp. 90–98, Aug. 2023, Doi: 10.53769/10.53769.
D. N. Puspitaningrum, I. Perdana, And N. I. Utama, “Redesign Ui/Ux Website Open Library Telkom University Berdasarkan Tipe Kepribadian Influence Dengan Metode Design Thinking,” Jurnal Indonesia : Manajemen Informatika Dan Komunikasi, Vol. 4, No. 3, Pp. 1874–1886, Sep. 2023, Doi: 10.35870/Jimik.V4i3.425.
F. Asrin And G. V. Utami, “Implementing Website-Based School Information Systems In Public Elementary Schools Using Waterfall Model,” Journal Of Information Systems And Informatics, Vol. 5, No. 2, Pp. 590–614, May 2023, Doi: 10.51519/Journalisi.V5i2.495.
R. Hafidh Wiarso And T. Anwar, “Implementasi Framework Tailwindcss Pada Frontend Website Supply Chain Management Cv. Marvelindo Utama,” Jati (Jurnal Mahasiswa Teknik Informatika), Vol. 8, No. 4, Pp. 7561–7569, Jul. 2024, Doi: 10.36040/Jati.V8i4.10094.
A. S. Egok, “Pelatihan Literasi Digital Untuk Guru Sd Dalam Mencetak Smart Kids Di Era Teknologi,” Jurnal Abdimas Indonesia, Vol. 4, No. 4, Dec. 2024, Doi: 10.53769/Jai.V4i4.1140.
A. Hanafiah, H. O. Nasution, Y. Arta, And R. Wandri, “Perkembangan Portal Informasi Berbasis Website Di Smk Ykwi Pekanbaru,” Jurnal Pengabdian Masyarakat Dan Penerapan Ilmu Pengetahuan, Vol. 5, No. 1, Pp. 14–18, Feb. 2024, Doi: 10.25299/Jpmpip.2024.16076.
D. Perdana, A. Irawan, And R. Munadi, “Implementation Of A Web Based Campus Virtual Tour For Introducing Telkom University Building,” International Journal Of Simulation: Systems, Science & Technology, Mar. 2020, Doi: 10.5013/Ijssst.A.20.01.06.
R. Mustakim, F. Fitriani, F. Ansar, A. Amri, And H. Hasriadi, “Pelatihan Pembuatan Google Sites Sebagai Media Pembelajaran Berbasis Website Pada Mahasiswa Prodi Pendidikan Agama Islam,” Madaniya, Vol. 5, No. 3, Pp. 1007–1012, Aug. 2024, Doi: 10.53696/27214834.879.
A. S. Egok, “Pelatihan Literasi Digital Untuk Guru Sd Dalam Mencetak Smart Kids Di Era Teknologi,” Jurnal Abdimas Indonesia, Vol. 4, No. 4, Dec. 2024, Doi: 10.53769/Jai.V4i4.1140.
W. Andriyan, S. S. Septiawan, And A. Aulya, “Perancangan Website Sebagai Media Informasi Dan Peningkatan Citra Pada Smk Dewi Sartika Tangerang,” Jurnal Teknologi Terpadu, Vol. 6, No. 2, Pp. 79–88, Dec. 2020, Doi: 10.54914/Jtt.V6i2.289.
M. D. Aisyah, “Virtual Reality Tour Sebagai Media Informasi Pengenalan Gedung Kampus 2 Universitas ’Aisyiyah Surakarta,” Satesi: Jurnal Sains Teknologi Dan Sistem Informasi, Vol. 2, No. 2, Oct. 2022, Doi: 10.54259/Satesi.V2i2.1112.
F. Riyadhul, F. D. Muchammad, And P. A. Bambang, “Perancangan Dan Implementasi Antarmuka Pengguna Sistem Informasi Berbasis Website Smk Negeri 6 Jakarta Dengan Metode Prototype,” Pinter : Jurnal Pendidikan Teknik Informatika Dan Komputer, Vol. 8, No. 2, Pp. 66–74, Dec. 2024, Doi: 10.21009/Pinter.8.2.9.
A. Brooks, L. Krebs, And B. Paulsen, “Beta-Testing A Requirements Analysis Tool,” Acm Sigsoft Software Engineering Notes, Vol. 39, No. 5, Pp. 1–6, Sep. 2014, Doi: 10.1145/2659118.2659128.
R. Hammad Et Al., “Pembuatan Website Sekolah Sebagai Media Informasi Dan Promosi,” Bakti Sekawan : Jurnal Pengabdian Masyarakat, Vol. 2, No. 1, Pp. 22–26, Jun. 2022, Doi: 10.35746/Bakwan.V2i1.216.
H. Humisar, A. Dani, N. Nofiyani, And W. Wulandari, “Pembuatan Corporate Website Sebagai Media Informasi Kegiatan Dan Promosi Produk Kreatif Pada Prajna Mudita,” Kresna: Jurnal Riset Dan Pengabdian Masyarakat, Vol. 5, No. 1, Pp. 182–191, May 2025, Doi: 10.36080/Kresna.V5i1.230.
S. L. Manek, Y. P. K. Kelen, K. J. Tey Seran, And P. G. Manek, “Pengembangan Sistem Informasi Pengolahahan Data Guru Dan Pegawai Pada Sma Negeri 1 Tasifeto Barat Berbasis Website,” Jurnal Saintek Lahan Kering, Vol. 5, No. 2, Pp. 40–43, Jan. 2023, Doi: 10.32938/Slk.V5i2.1999.
R. Rudi, E. Y. Susanti, And R. Efendi, “Rancang Bangun Sistem Informasi Beban Trafo Berbasis Web Pada Pt. Pln (Persero) Ulp Sitiung,” Informatics For Educators And Professional : Journal Of Informatics, Vol. 9, No. 1, P. 62, Jun. 2024, Doi: 10.51211/Itbi.V9i1.2549.
E. Yandani, R. A. Indrawati, And R. Efendi, “Perancangan Sistem Informasi Kependudukan Pada Kantor Desa Muara Pangi Berbasis Web,” Informatics For Educators And Professional : Journal Of Informatics, Vol. 9, No. 1, P. 94, Jun. 2024, Doi: 10.51211/Itbi.V9i1.2588.
S. Supiyandi, M. Zen, C. Rizal, And M. Eka, “Perancangan Sistem Informasi Desa Tomuan Holbung Menggunakan Metode Waterfall,” Jurikom (Jurnal Riset Komputer), Vol. 9, No. 2, P. 274, Apr. 2022, Doi: 10.30865/Jurikom.V9i2.3986.
