Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Rancang Bangun Website Proil Pondok Pesantren Sunannurrahman Adrie Syaifdasanie Universitas Ibn Khaldun Bogor adriesyaifdasanie@gmail.
ABSTRACT
Islamic education plays an important role in advancing the education sector by implementing a holistic and integrative system.
The success of Islamic educational institutions depends not only on the quality of education but also on how information about the institution is managed and promoted.
Pondok Pesantren Sunannurrahman, an Islamic educational institution in Bogor, has a vision to develop knowledgeable and well-mannered Muslim generations.
However, information about this pesantren is still conveyed through limited media such as WhatsApp.
Instagram, and banners, which results in less effective information dissemination.
This research aims to design and implement a proile website for Pondok Pesantren Sunannurrahman to improve information delivery eficiency and expand audience The website is expected to provide an integrated platform to manage information regarding the pesantrenAos proile, facilities, news, photo gallery of activities, and announcements.
The research method used is the waterfall method, which includes data collection, analysis, design, coding, and testing.
The results show that the website successfully provides an eficient and accessible platform, capable of reaching a wider audience, including prospective students and the general public.
With this website.
Pondok Pesantren Sunannurrahman can effectively introduce the institution and disseminate important Keywords : Islamic Education.
Proile Website.
Information System.
Waterfall Method.
ABSTRAK
Pendidikan Islam memainkan peran penting dalam kemajuan dunia pendidikan dengan mengimplementasikan sistem yang holistik dan integratif.
Keberhasilan lembaga pendidikan Islam tidak hanya bergantung pada kualitas pendidikan, tetapi juga pada bagaimana informasi tentang lembaga tersebut dikelola dan dipromosikan.
Pondok Pesantren Sunannurrahman, sebuah lembaga pendidikan Islam di Bogor, memiliki visi untuk mengembangkan generasi Muslim yang berilmu dan Namun, informasi mengenai pondok pesantren ini masih disampaikan melalui media yang terbatas, seperti WhatsApp.
Instagram, dan spanduk, yang mengakibatkan penyampaian informasi kurang efektif.
Penelitian ini bertujuan untuk merancang dan mengimplementasikan website proil untuk Pondok Pesantren Sunannurrahman guna meningkatkan eisiensi penyampaian informasi dan memperluas jangkauan audiens.
Website ini diharapkan dapat menyediakan platform terpadu untuk mengelola informasi mengenai proil pondok, fasilitas, berita, galeri foto kegiatan, dan pengumuman.
Metode penelitian yang diterapkan dalam penelitian ini adalah metode waterfall, yang mencakup pengumpulan data, analisis, perancangan, pengkodean, dan pengujian.
Hasil penelitian menunjukkan bahwa website ini berhasil menyediakan platform yang eisien dan mudah diakses, serta mampu menjangkau audiens yang lebih luas, termasuk calon santri dan masyarakat umum.
Dengan adanya website ini.
Pondok Pesantren Sunannurrahman dapat memperkenalkan lembaga dan menyebarkan informasi penting dengan lebih efektif.
Kata Kunci: Pendidikan Islam.
Website Proil.
Sistem Informasi.
Metode Waterfall PENDAHULUAN Pendidikan Islam memainkan peran yang sangat krusial dalam memajukan perkembangan dunia pendidikan.
Berbagai layanan pendidikan Islam yang berkembang saat hal ini membuktikan bahwa pendidikan mampu berjalan dengan baik jika diimplementasikan melalui sistem yang holistik dan integratif.
, juga membutuhkan 1 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
informasi yang tepat dan eisien.
Dengan metode yang sesuai, informasi dapat disampaikan dengan tepat sasaran.
Salah satu cara untuk memperkenalkan suatu lembaga atau komunitas adalah dengan mengelola informasi dengan baik dan membangun sistem informasi yang efektif.
Keberhasilan sebuah lembaga pendidikan Islam tidak hanya diukur dari kualitas atau jumlah santri yang diterima, tetapi juga dari bagaimana mereka mengelola serta mengenalkan lembaga tersebut kepada masyarakat luas sekitar dan bahkan seluruh wilayah Indonesia.
Teknologi informasi kini digunakan dalam hampir semua aspek kehidupan termasuk bagian dari upaya pengembangan di pondok pesantren.
Di era sekarang, penting untuk mempertimbangkan penggunaan dan pengembangan teknologi informasi, seperti internet, dalam beragam aktivitas pesantren.
Salah satu manfaat menggunakan internet adalah kemampuannya untuk menjangkau komunitas yang tidak lagi terbatas oleh jarak, waktu, dan ruang.
Pondok Pesantren Sunannurrahman merupakan lembaga pendidikan Islam yang berlokasi di Bogor, didirikan oleh Ust.
Malik Rahman.
Pondok pesantren ini memiliki visi untuk mengembangkan generasi Muslim yang berilmu, berakhlak, dan Berbuat baik sesuai tuntunan Al-Qur'an dan Sunnah.
Pondok ini memiliki beberapa program pendidikan, di antaranya adalah tahidz Al-Qur'an, bahasa Arab, ilmu-ilmu syariah, ilmu-ilmu umum, dan Pondok pesantren ini juga memiliki beberapa fasilitas, seperti aula yang digunakan sebagai tempat ibadah, asrama, kantin, dan lapangan olahraga.
Pondok pesantren ini menerima santri dari berbagai daerah di Indonesia.
Saat ini, penggunaan website telah menjadi sangat umum.
Banyak pondok pesantren yang sudah memanfaatkan sistem informasi berbasis website untuk memperkenalkan pesantren mereka dan sebagai platform pembelajaran online.
Namun, masih banyak pondok pesantren di Indonesia yang belum memanfaatkan website sebagai media proil pesantren, termasuk Pondok Pesantren Sunannurrahman.
Hal ini mengakibatkan penyampaian informasi tentang pesantren tersebut kurang efektif, karena keterbatasan media informasi yang hanya berupa tautan WhatsApp.
Instagram, spanduk, media cetak dan informasi lisan.
Akibatnya, pengembangan pesantren menjadi kurang optimal.
Dengan penerapan sistem yang lebih canggih.
Pondok Pesantren Sunannurrahman dapat memperluas saluran informasi, meningkatkan kualitas layanan, dan menarik para calon METODE PENELITIAN Penelitian ini mengadopsi metode waterfall, yang meliputi langkah-langkah pengumpulan data, analisis, perancangan, pengkodean, dan pengujian.
Diagram alur metode penelitian dapat dilihat pada Gambar 3.
2 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Gambar 1 Diagram alir Pengumpulan data Pada tahap ini, dilakukan pencarian dan pengumpulan data yang diperlukan untuk mendukung analisis dalam penelitian.
Data yang dibutuhkan dibagi menjadi dua kategori.
Data Primer Data primer adalah informasi yang didapatkan langsung dari sumber aslinya atau melalui pengamatan langsung di lapangan.
Data Sekunder Data sekunder merujuk pada informasi yang diperoleh dari sumber lain, seperti jurnal, e-book, situs web, dan sebagainya, yang digunakan untuk memperkuat dan melengkapi data primer yang sudah dikumpulkan sebelumnya.
Analisis (Requirement Deinitio.
Pada tahap ini, dilakukan analisis untuk menentukan kebutuhan sistem serta memproses data yang telah dikumpulkan.
Proses ini meliputi analisis kebutuhan pengguna, kebutuhan fungsional sistem, kebutuhan non-fungsional, dan desain arsitektur sistem.
3 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Perancangan (System and Software Desig.
Pada tahap ini, proses perancangan sedang dilakukan yang mencakup desain dengan Menggunakan Pemrograman Berorientasi Objek (OOP) yang diilustrasikan melalui UML untuk sistem informasi Pondok Pesantren Sunannurahman.
Pengkodean (Implementation and Unit Testin.
Pada tahap ini, desain diterjemahkan ke dalam bahasa yang dapat dipahami oleh komputer Melalui penggunaan kode program, bahasa pemrograman yang digunakan untuk membangun website menggunakan PHP dan framework Laravel.
Pengujian (Integration and System testin.
Pada tahap ini, sistem yang telah dikembangkan diuji.
Pengujian dilakukan dengan menggunakan metode blackbox testing untuk menguji setiap fungsi dari sistem informasi pondok pesantren Sunannurrahman.
HASIL DAN PEMBAHASAN
Analisis Pada tahap ini, dilakukan analisis untuk menentukan kebutuhan sistem, yang meliputi kebutuhan fungsional, kebutuhan non-fungsional, arsitektur sistem, sistem yang saat ini berjalan, serta sistem yang akan dibangun.
Analisis Kebutuhan Pengguna Tujuan dari analisis kebutuhan pengguna adalah untuk menilai pengalaman pengguna yang berinteraksi langsung dengan sistem.
Pengguna dalam sistem informasi pondok pesantren Sunannurrahman adalah masyarakat sebagai pengunjung yang dapat mengakses informasi melalui halaman utama yang disediakan, serta admin yang dapat mengelola data guru, proil pondok, fasilitas, dan pengumuman di pondok pesantren Sunannurrahman.
Analisis Kebutuhan Fungsional Kebutuhan fungsional menjelaskan itur-itur yang harus ada dalam sistem untuk dapat memenuhi kebutuhan pengunjung dan admin.
Analisis Kebutuhan Non Fungsional Kebutuhan non-fungsional berfokus pada identiikasi pembatasan karakteristik sistem yang tidak terkait langsung dengan layanan atau fungsi utama.
Arsitektur Sistem Analisis Arsitektur Sistem mengacu pada model client-server, di mana server memberikan layanan kepada client yang secara aktif mengirimkan permintaan dan menerima layanan.
Selain itu, analisis ini juga mencakup hubungan dan interaksi antara berbagai komponen tersebut, yang dapat dilihat pada Gambar.
4 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Gambar 2 Hubungan dan Interaksi Analisis Sistem Analisis sistem adalah proses mengkaji dan mengevaluasi suatu sistem.
Baik yang sudah ada maupun yang akan dibuat nanti, untuk memahami bagaimana sistem tersebut bekerja, mengidentiikasi masalah atau kebutuhan, dan menemukan solusi yang optimal.
sistem dalam penelitian ini meliputi 5 jenis perancangan diagram, yaitu Use Case diagram, activity diagram, class diagram, component diagram, dan deployment diagram.
Use Case Diagram Use case diagram adalah representasi grais yang menunjukkan fungsionalitas sistem dan hubungannya dengan aktor-aktor yang terlibat.
Diagram ini mengilustrasikan interaksi antara berbagai use case .
umpulan aksi atau skenario yang diinginkan dari siste.
dan aktor .
ntitas yang berinteraksi dengan siste.
Gambar 3 Use case diagram 5 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Activity Diagram Diagram Aktivitas merupakan salah satu jenis diagram dalam Uniied Modeling Language (UML) yang digunakan untuk menggambarkan alur proses atau langkah-langkah kerja dalam sebuah sistem atau aplikasi.
Diagram ini menunjukkan urutan langkah atau aktivitas yang berlangsung dalam suatu proses dan bagaimana alur kontrol berpindah di antara aktivitas-aktivitas tersebut.
Activity Diagram menggambarkan keseluruhan proses dari awal hingga akhir, termasuk aktivitas-aktivitas yang terjadi di antara titik-titik awal dan Dalam konteks penelitian ini.
Activity Diagram memberikan penjabaran mendetail dari use case diagram, memperlihatkan langkah-langkah spesiik dalam proses yang diuraikan dalam use case.
Class Diagram Diagram kelas menggambarkan sekumpulan kelas, antarmuka, interaksi, serta hubungan yang ada antar kelas dan antarmuka.
Diagram ini membantu dalam memvisualisasikan struktur statis dari sistem, memperlihatkan bagaimana kelas-kelas saling berinteraksi dan berhubungan satu sama lain.
Class diagram yang dihasilkan dapat dilihat pada Gambar Gambar 4 Class diagram 6 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Component Diagram Component Diagram mengilustrasikan pengorganisasian dan ketergantungan antar berbagai komponen dalam sistem yang dirancang.
Diagram ini berfokus pada komputer dan kebutuhan sistem.
Component Diagram dapat dilihat pada Gambar Gambar 5 Component diagram Deployment Diagram Diagram Deployment adalah jenis diagram dalam Uniied Modeling Language (UML) yang menggambarkan distribusi isik sistem perangkat lunak pada perangkat keras.
Diagram ini menunjukkan bagaimana komponen perangkat lunak di-deploy ke node isik seperti server atau mesin virtual.
Deployment diagram membantu memahami arsitektur isik sistem, interaksi perangkat lunak dengan perangkat keras, konigurasi perangkat keras, dan hubungan antar node.
Deployment diagram dapat dilihat pada Gambar Gambar 6 Development diagram 7 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Implementasi Sistem Implementasi sistem adalah tahap di mana desain sistem yang telah direncanakan mulai diterapkan dalam praktek rancang bangun website proil untuk Pondok Pesantren Sunannurrahman dilakukan sebagai berikut:
Halaman Home Halaman home merupakan halaman utama dari situs web Pondok Pesantren Sunannurrahman yang menyambut pengunjung dengan berbagai informasi penting dan navigasi ke berbagai itur yang tersedia.
Di halaman ini, pengguna akan menemukan menu tentang kami, fasilitas, data guru, pengumuman, galeri, dan berita.
Halaman home dapat dilihat pada Gambar Gambar 7 Home Halaman Login Halaman login dirancang untuk memberikan akses yang aman dan terkontrol kepada administrator sistem untuk mengelola semua informasi yang terkait dengan pondok Halaman ini berfungsi sebagai pintu gerbang utama bagi admin untuk masuk ke area manajerial sistem.
Halaman login dapat dilihat pada Gambar Gambar 8 login 8 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Halaman Dashboard Halaman dashboard halaman ini dirancang untuk membantu administrator untuk mengelola berbagai aspek informasi pondok pesantren secara eisien.
Halaman dashboard dapat dilihat pada Gambar Pengujian Sistem Pengujian sistem bertujuan untuk menguji secara menyeluruh setiap komponen sistem yang dibangun.
Dalam penelitian ini, metode black box digunakan untuk pengujian Metode ini memveriikasi keakuratan keluaran sistem ketika diberikan perintah Pengujian sistem pada website Pondok Pesantren Sunannurrahman dapat dilihat pada tabel Output Yang No Nama Fungsi Skenario Uji Kesimpulan Diharapkan Tentang kami Uji coba Menampilkan Pengujian tentang berhasil halaman tentang Pondok Pesantren Sunannurrahman dengan jelas.
Mendownload Uji coba Proses unduhan ile Pengujian Mendownload secara berhasil pada otomatis, ile brosur halaman tentang yang dengan tersimpan di lokasi menekan button yang ditentukan pada download brosur perangkat Guru Uji coba Menampilkan Pengujian yang berhasil halaman guru para guru di Pondok Pesantren Sunannurrahman.
nama guru, foto guru dan jabatan.
9 | Volume 4 Nomor 1 2025 Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Output Diharapkan Yang Nama Fungsi Skenario Uji Fasilitas Pengumuman Detail Pengumuman Galeri Berita Uji coba Menampilkan halaman fasilitas fasilitas yang tersedia di Pondok Pesantren Sunannurrahman Ini mencakup foto dan Uji coba Menampilkan Pondok Pesantren Sunannurrahman.
Uji coba detail Menampilkan dengan mengklik tentang pengumuman read more pada tersebut mencakup Deskripsi yang tersedia di detail pengumuman, dan Tanggal Uji coba Menampilkan koleksi foto-foto halaman galeri Pondok Pesantren Sunannurrahman.
Detail Berita 10 | Volume 4 Nomor 1 2025 Uji coba Menampilkan daftar berita terbaru atau halaman berita penting yang relevan Pondok Pesantren Sunannurrahman.
Uji coba detail Menampilkan dengan informasi read tentang more pada berita tersebut, termasuk yang tersedia di Judul berita lengkap, halaman berita Tanggal Konten berita secara teks, gambar Kesimpulan Pengujian Pengujian Pengujian Pengujian Pengujian Pengujian Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Nama Fungsi Skenario Uji Fungsi Login Uji coba login Output Diharapkan Yang Jika username dan proses login akan jika tidak cocok, halaman login akan tetap ditampilkan.
Fungsi Logout Uji coba logout Keluar dari sistem klik admin dan menuju halaman homepage lalu klik logout Fungsi Uji Dashboard Fungsi Uji coba Kelola Mengelola tentang kami berhasil Tentang Kami kami dikirim mengubah data.
database, kemudian kembali ke halaman tentang kami Fungsi Uji coba Kelola Mengelola berhasil dikirim dan seperti diperbarui Banner database, kemudian mengubah, dan kembali ke halaman Fungsi Uji coba Kelola Mengelola Pengaturan Fasilitas fasilitas seperti diperbarui mengubah data database, kemudian kembali ke halaman pengaturan fasilitas Fungsi Uji coba Kelola data fasilitas Mengelola Data mengelola data berhasil dikirim dan Fasilitas fasilitas seperti diperbarui database, kemudian 11 | Volume 4 Nomor 1 2025 Kesimpulan Pengujian Pengujian Pengujian Pengujian Pengujian Pengujian Pengujian Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Nama Fungsi Skenario Uji mengubah, dan Fungsi Uji Mengelola Data mengelola Pengumuman mengubah, dan Fungsi Uji Mengelola Data mengelola data Guru mengubah, dan Fungsi Uji Mengelola mengelola data Galeri mengubah, dan Fungsi Uji Mengelola Pengaturan Berita mengubah data Fungsi Uji Mengelola Kategori Berita kategori berita mengubah, dan Fungsi Uji Mengelola Data mengelola data Berita mengubah, dan 12 | Volume 4 Nomor 1 2025 Output Yang Diharapkan kembali ke halaman data fasilitas Kelola berhasil dikirim dan database, kemudian kembali ke halaman data pengumuman Kelola data guru berhasil dikirim dan database, kemudian kembali ke halaman data guru Kelola data galeri berhasil dikirim dan database, kemudian kembali ke halaman data galeri Kelola database, kemudian kembali ke halaman pengaturan berita Kelola kategori berita berhasil dikirim dan database, kemudian kembali ke halaman kategori berita Kesimpulan Pengujian Pengujian Pengujian Pengujian Pengujian Kelola kategori berita Pengujian berhasil dikirim dan berhasil database, kemudian kembali ke halaman kategori berita Sci-Tech Journal Volume 4 Nomor 1 .
1 Ae 14 E-ISSN 2830-6759 DOI: 10.
56709/stj.
Nama Fungsi Skenario Uji Fungsi Mengelola Informasi Kontak Fungsi Mengelola Settings Uji informasi kontak mengubah data informasi kontak.
Fungsi Mengelola Proile Uji settings seperti mengubah data general dan SEO Uji mengelola proile mengubah data Output Yang Diharapkan Kelola database, kemudian kembali ke halaman informasi kontak Kelola berhasil dikirim dan database, kemudian kembali ke halaman Kelola proile berhasil database, kemudian kembali ke halaman proile Kesimpulan Pengujian Pengujian Pengujian KESIMPULAN Berdasarkan hasil perancangan dan pengujian website Pondok Pesantren Sunannurrahman yang dirancang untuk memenuhi kebutuhan yang telah dirumuskan, dapat diambil beberapa kesimpulan sebagai berikut :
Website ini berhasil menyediakan platform terpadu yang memudahkan penyampaian informasi terkait Pondok Pesantren Sunannurrahman.
Melalui website ini, informasi mengenai proil pondok, fasilitas, berita, galeri foto kegiatan, dan pengumuman dapat disampaikan dengan cara yang eisien, mudah diakses, dan mampu menjangkau audiens yang lebih luas.
Dengan adanya website ini.
Pondok Pesantren Sunannurrahman memiliki media digital yang efektif untuk memperkenalkan dan menyebarkan informasi penting kepada masyarakat, termasuk calon santri dan orang tua.
Saran Berdasarkan hasil penelitian dan pengembangan website proil Pondok Pesantren Sunannurrahman, diharapkan adanya peningkatan lebih lanjut, disarankan agar website terus diperbarui dengan informasi terbaru secara berkala untuk menjaga relevansi dan kepercayaan pengunjung.
DAFTAR PUSTAKA