Website Design and Implementation as a Digital Information and Promotion Media for the Salafiyah Blotongan Islamic Boarding School in Salatiga City
Main Article Content
Abstract
The development of information technology encourages educational institutions, including Islamic boarding schools, to utilize digital media as a means of disseminating information and promotion. The Salafiyah Blotongan Islamic Boarding School in Salatiga City still faces limitations in conveying information to the public because it does not yet have an integrated information media. This study aims to design and implement a website as a digital information medium that is able to present the institution's profile, educational programs, activities, facilities, and student registration information effectively. The study uses a qualitative approach with a case study design. Data collection was carried out through observation, interviews, and documentation, while the website development process includes needs identification, user needs analysis, interface design, system implementation, and functional evaluation. The website design applies User Interface (UI) principles, namely F-Pattern Layout, Color Theory, Consistency, and the Rule of Thirds, to produce an informative and easy-to-use display. The results of the study show that the website successfully integrates information regarding the Islamic boarding school's profile, vision, and mission, educational programs, student activities, facilities, registration requirements, and management contacts into one digital platform. The results of functional testing show that all menus and website features can run according to the design without any functional errors. Website implementation can improve the effectiveness of information delivery, facilitate public access to Islamic boarding school information, and support the institution's branding and digital transformation strategies. This research is expected to serve as a reference for website development at Islamic boarding schools and other Islamic educational institutions to improve the quality of technology-based information services.
Article Details
References
A. M. Alfi, A. Febriasari, and J. N. Azka, “Transformasi pendidikan agama Islam melalui teknologi,” Relig. J. Agama Sos. Dan Budaya, vol. 2, no. 4, pp. 511–522, 2023.
B. S. Utomo, H. Heriyanti, M. Karindra, P. M. Jakak, and T. Firdaus, “PENGEMBANGAN WEB INFORMASI DESA SIDO MAKMUR UNTUK MENINGKATKAN PELAYANAN MASYARAKAT,” J. Ris. Sist. Inf., vol. 2, no. 3, pp. 88–98, 2025.
M. N. D. Miharja, S. A. Sardi, S. Suprapto, A. Supriyanto, and R. Suriyanti, “Transformasi Digital Melalui Pembuatan Website Yayasan Riyadhul Jannah Kecamatan Banguntapan Kabupaten Bantul,” JPPI J. Pengabdi. Pelita Insani, vol. 2, no. 02, 2025.
I. Herningrum, M. Alfian, and P. H. Putra, “Peran pesantren sebagai salah satu lembaga pendidikan Islam,” Islam. J. Ilmu-Ilmu Keislam, vol. 20, no. 02, pp. 1–11, 2020.
I. Mujahidin, “Peran pondok pesantren sebagai lembaga pengembangan dakwah,” Syiar J. Komun. Dan Penyiaran Islam, vol. 1, no. 1, pp. 31–44, 2021.
S. A. Amesha, T. Adinda, N. Nazira, and W. WILLYANSAH, “Pengaruh desain ui/ux yang efektif dalam meningkatkan pengalaman dan kepuasan penggunaan,” J. DATA SAINS DAN Teknol. Inf. DASTIS, vol. 2, no. 02, pp. 1–10, 2025.
H. Sazali and A. Sukriah, “Pemanfaatan media sosial (instagram) oleh humas smau ct Foundation sebagai media informasi dan publikasi dalam meningkatkan citra lembaga pendidikan,” J. Ilmu Komun. JKMS, vol. 10, no. 2, pp. 147–160, 2021.
B. Adiwena, S. A. Bentri, and Y. H. Satriaputra, “Pengembangan Prototipe Antarmuka Seluler untuk Memperkuat Identitas Merek Sekolah Desain Fashion,” KONSTELASI Konvergensi Teknol. Dan Sist. Inf., vol. 5, no. 1, pp. 52–62, 2025.
E. L. Pratiwi, N. M. S. Alhikami, and I. V. Hesti, “PERANCANGAN SISTEM INFORMASI PENERIMAAN PESERTA DIDIK BARU BERBASIS WEB PADA PONDOK PESANTREN MANBA’UL ‘ULUM KERTAK HANYAR,” INTEKNA J. Inf. Tek. Dan Niaga, vol. 24, no. 2, pp. 98–106, 2024.
S. N. Oktaviana, V. Apriliani, W. N. Novita, S. Mulyeni, and H. Herlina, “Implementasi sistem informasi akademik dalam meningkatkan mutu pelayanan kampus,” J. Soshum Insentif, vol. 7, no. 1, pp. 53–62, 2024.
E. Norman, A. Paramansyah, E. Pahlawati, and I. Mutaqim, “Penguatan Sistem Manajemen Berbasis Teknologi Di Pesantren Untuk Meningkatkan Kualitas Layanan Pendidikan,” Pandalungan J. Pengabdi. Kpd. Masy., vol. 3, no. 1, pp. 176–182, 2024.
U. Ridlo, Metode Penelitian Studi Kasus: Teori dan Praktik. Jakarta: Publica Indonesia Utama, 2023.
Ansar and F. A. Ansar, Metode Penelitian Kualitatif- (Teori dan Praktik). Medan: Terbit Raja Buku, 2026.
D. Assyakurrohim, D. Ikhram, R. A. Sirodj, and M. W. Afgani, “Metode studi kasus dalam penelitian kualitatif,” J. Pendidik. Sains Dan Komput., vol. 3, no. 01, pp. 1–9, 2022.
M. A. Zakariah, V. Afriani, and K. M. Zakariah, Metodologi Penelitian Kualitatif, Kuantitatif, Action Research, Research and Development (R n D). Yayasan Pondok Pesantren Al Mawaddah Warrahmah Kolaka, 2020.
U. Sulistiyo, METODE PENELITIAN KUALITATIF. PT Salim Media Indonesia, 2023.
M. A. Equatora and M. L. Awi, Teknik Pengumpulan Data Klien. Bitread Publishing, 2021.
H. Setiawan and G. Kartono, “Analisis Penerapan Prinsip Layout, Tipografi, Warna, dan Gambar Pada Sampul Majalah “Dinamika,” J. Educ. Hum. Soc. Sci. JEHSS, vol. 4, no. 1, pp. 321–329, Jun. 2021, doi: 10.34007/jehss.v4i1.660.
G. Hartadi, I. Swandi, and I. W. Mudra, “WARNA DAN PRINSIP DESAIN USER INTERFACE (UI) DALAM APLIKASI SELULER ‘BUKALOKA,’” J. Dimensi DKV Seni Rupa dan Desain, vol. 5, pp. 105–119, Apr. 2020, doi: 10.25105/jdd.v5i1.6865.
I. Mustafa and B. Y. Geni, “Perancangan Sistem Informasi Berbasis Web Untuk Proses Penerimaan Santri Baru Di Pondok Pesantren Young Tahfizh Center,” JATI J. Mhs. Tek. Inform., vol. 8, no. 4, pp. 5791–5798, 2024.
H. B. Husni, R. Ansahar, D. A. Maulana, and J. Salat, Faktor yang memengaruhi antarmuka pengguna pada aplikasi Brainly berbasis mobile. TECHSI, 2024.