## RANCANG BANGUN WEBSITE SEKOLAH DASAR ISLAM EL-SYABAB MENGGUNAKAN PHP DAN FRAMEWORK BOOTSTRAP
Taufik Hidayat 1* , Sepriano 2 , Efitra 3
123 Sistem Informasi, Universitas Islam Negeri Sultan Thaha Saifuddin e-mail: * 1 taufieq811@gmail.com , 2 sepriano99@gmail.com , 3 efitra@uinjambi.ac.id

## ABSTRAK
Penelitian  ini  bertujuan  untuk  mengembangkan  rancang  bangun  website  Sekolah  Dasar  Islam  El- Syabab menggunakan metode pengembangan sistem Rapid Application Development (RAD) dengan PHP  dan  Bootstrap.  Pendekatan  kualitatif  digunakan dengan  fokus  pada  pengumpulan  data  melalui observasi,  wawancara,  dan  analisis  dokumen  terkait.  Hasil  penelitian  menunjukkan  bahwa perancangan  website  berhasil  menghasilkan  website  el-syabab.sch.id  yang  memudahkan  pihak sekolah  dalam  menyampaikan  informasi  online  dan  sebagai  media  pendaftaran  dan  promosi.  PHP digunakan  untuk  mengembangkan  logika  dan  fungsionalitas,  sedangkan  Bootstrap  digunakan  untuk desain  responsif.  Hasil  pengujian black-box menunjukkan  semua  fitur  berfungsi  dengan  baik.  Hasil penelitian  ini  dapat  menjadi  panduan  praktis  bagi  pihak-pihak  yang  ingin  mengembangkan  website dengan cepat dan efektif, serta memberikan manfaat yang signifikan bagi institusi pendidikan dalam meningkatkan efisiensi komunikasi dan administrasi melalui media online.

## Kata Kunci:  Rancang Bangun, Website, RAD, Sekolah Dasar Islam El-Syabab

## ABSTRACT
This research aims to develop a web design of El-Syabab Islamic Elementary School using the Rapid Application  Development (RAD)  system  development method  with  PHP  and  Bootstrap.  A qualitative approach is used with a focus on data collection through observation, interviews, and analysis of related documents. The results showed that the website design succeeded in producing an el- Syabab. sch.id website that makes it easier for schools to convey information online and as a medium for registration and promotion. PHP is used to develop logic and functionality, while Bootstrap is used for responsive design. Black-box test results show all features are working properly. The results of this study can be a practical guide for parties who want to develop websites quickly and effectively and provide significant benefits  for  educational  institutions  in  improving  the  efficiency  of  communication  and  administration through online media.
Keywords: Web Design, Website, RAD, El-Syabab Islamic Elementary School

## PENDAHULUAN
Salah  satu  bidang  yang  mengalami perkembangan  pesat  di  era  modern  ini adalah  teknologi  informasi,  khususnya teknologi  internet.  Internet  telah  menjadi media yang sangat penting dan berpengaruh dalam
kehidupan masyarakat, karena memberikan kemudahan  dalam  mengakses  berbagai informasi  tanpa  terbatas  oleh  ruang  dan waktu.  Internet  juga  membuka  peluang bagi  inovasi  dan  kolaborasi  di  berbagai bidang ilmu dan praktik. Hal ini menyebabkan  jumlah  pengguna  internet terus meningkat secara signifikan (Tondang  &  Arwita,  2020).Kemajuan internet telah mempercepat dan mempermudah penyebaran informasi, serta  memberikan  manfaat  yang  luas dalam berbagai aspek kehidupan, termasuk di bidang pendidikan.
Saat  ini,  khususnya  di  Indonesia, lembaga  pendidikan  memiliki  kebutuhan untuk  mengadopsi  teknologi  informasi, terutama internet, sebagai alat komunikasi yang  efisien  dan  merata  (Mayasari  et  al., 2021).  Website  merupakan  salah  satu komponen  dalam  ekosistem  teknologi internet yang dapat memfasilitasi berbagai kegiatan manusia, meningkatkan produktivitas, dan mengoptimalkan pemanfaatan  sumber  daya  yang  tersedia (Andriyan  et  al.,  2020).  Situs  web  juga memiliki  peran  yang  signifikan  sebagai jembatan  komunikasi  antara  sekolah  dan orang  tua  siswa,  terutama  di  masa pandemi,  sehingga  orang  tua  dapat dengan  mudah  mendapatkan  informasi lengkap melalui website.
Teknologi  dan  informasi  merupakan faktor yang sangat penting dan berdampak dalam  dunia  pendidikan  di  era  globalisasi
ini.  Dalam  penelitian  yang  dilakukan  oleh (Hanu,  2019)  mengungkapkan  bahwa peranan  website  atau  media  informasi online  dapat  mempermudah  masyarakat untuk  memperoleh  informasi  mengenai sekolah,  baik  bagi  masyarakat  umum maupun  siswa.  Selain  itu,  hasil  penelitian dari  (Christian  et  al.,  2018)  website  juga dapat meningkatkan efektivitas dan efisiensi penyampaian informasi, sehingga dibuatlah  platform  online  yang  dapat diakses kapan saja dan dimana saja untuk tujuan tersebut (Anissa & Prasetio, 2021). Situs  web  sekolah  dianggap  sebagai inovasi yang berkontribusi pada kemajuan pendidikan  di  Indonesia  (Assiddiqi  et  al., 2023).
Sekolah  Dasar  Islam  El-Syabab, yang berdiri pada tahun 2018, menghadapi tantangan  dalam  hal  kurangnya  sistem informasi terkomputerisasi. Hal ini menghambat akses dan pembaruan informasi secara efisien, mengingat tuntutan  zaman  yang  semakin.  Dalam wawancara  dengan  salah  satu  guru  di sekolah tersebut, ditemukan bahwa pembangunan  website  sekolah  dapat menjadi  solusi  untuk  menyediakan  akses mudah  bagi  siswa,  guru,  dan  orang  tua untuk  mendapatkan  informasi  terkait kegiatan  sekolah,  jadwal,  pengumuman, dan  lain-lain.  Website  sekolah  juga memiliki  potensi  menjadi  alat  komunikasi yang lebih efektif antara sekolah dan orang tua siswa, mengatasi keterbatasan komunikasi saat ini (Arif, 2019).
Selain
aspek praktisnya, pembangunan website sekolah juga dapat dilihat  dari  perspektif  agama.  Ayat  Al- Qur'an  dalam  Surat  Al-Mujadilah  ayat  11 menegaskan  pentingnya  berbagi  ilmu pengetahuan,  dan  hadis  menyatakan bahwa  pencarian  ilmu  akan  mendapat kemudahan  dalam  mencapai  Surga.  Oleh karena  itu,  membangun  sistem  informasi terkomputerisasi  berupa  website  sekolah dapat  menjadi  langkah  yang  tepat  dalam memajukan  pendidikan  di  Sekolah  Dasar Islam El-Syabab.

## METODE
Dalam  penelitian  ini,  digunakan pendekatan kualitatif untuk merancang dan membangun website Sekolah Dasar Islam El-Syabab Bangun Harjo dengan
menggunakan PHP dan Bootstrap. Pendekatan ini dipilih untuk mendapatkan pemahaman  yang  mendalam  tentang kebutuhan dan preferensi pengguna terkait website tersebut. Tahapan penelitian terdiri dari lima tahap (Sumarni, 2019), yaitu: (1) Identifikasi masalah dan analisa kebutuhan,  yaitu  menentukan  solusi  yang paling tepat untuk diterapkan pada sistem; (2) Studi literatur dan perancangan sistem, yaitu melakukan kajian teori dan referensi untuk membangun konsep sistem informasi yang efektif dan efisien, termasuk membuat struktur basis data dan antarmuka pengguna;  (3)  Pengembangan sistem, yaitu mengimplementasikan konsep  sistem  informasi  menjadi  produk nyata dengan metode RAD yang membutuhkan waktu singkat;
(4)
Pengujian  sistem,  yaitu  melakukan  uji fungsionalitas  dengan  metode  black-box testing  dan  uji  validasi  dengan  kuesioner kepada responden dan pemangku kepentingan  untuk  mengetahui  kelayakan dan  kepuasan  pengguna;  (5)  Hasil  dan kesimpulan, yaitu menjelaskan hasil pengembangan  sistem  informasi  dan menarik kesimpulan dari penelitian ini.
Penelitian  ini  dilakukan  di  Sekolah Dasar  Islam  El-Syabab  yang  terletak  di Jalan  Jujuhan,  Desa  Bangun  Harjo, Kecamatan Pelepat Ilir, Kabupaten Bungo. Sekolah  ini  berdiri  pada  tahun  2018  dan didirikan  oleh  Muhamad  Rusdi,  yang  saat ini  menjabat  sebagai  kepala  sekolah  dan pengelola Sekolah Dasar Islam El-Syabab.
Teknik yang digunakan dalam mengumpulkan  data  dalam  penelitian  ini meliputi  metode  observasi,  wawancara, dan  studi  pustaka.  Metode  observasi dilakukan  dengan  mendatangi  langsung sekolah  dan  mengamati  permasalahan yang  dihadapi  secara  offline.  Melalui metode  ini,  penulis  dapat  mengumpulkan informasi  sekolah  secara  langsung  dan mendapatkan  pemahaman  yang  lebih mendalam  tentang  situasi  yang  sedang dihadapi.  Selain  itu,  wawancara  juga dilakukan sebagai cara untuk mengumpulkan informasi dengan melakukan  interaksi  langsung  dengan Kepala Sekolah dan para guru di Sekolah Dasar Islam El-Syabab. Melalui wawancara  tatap  muka,  penulis  dapat mendapatkan pandangan dan
pemahaman  dari  pihak  terkait  mengenai permasalahan yang sedang diteliti. Terakhir,  metode  studi  pustaka  juga digunakan  dalam  penelitian  ini.  Penulis melakukan penelusuran perpustakaan untuk mencari sumber-sumber yang relevan  dalam  pengumpulan  data  dan informasi.  Hal  ini  dilakukan  melalui  buku, jurnal, dan bahan lain yang sesuai dengan masalah yang ditulis. Dengan menggunakan  metode  ini,  data  yang diperoleh  dapat  lebih  lengkap  dan  jelas karena  didukung  oleh  sumber-sumber yang terpercaya dan terverifikasi.
Pada  penelitian  ini  metode  yang digunakan  untuk  membangun  sistem adalah Rapid  Application  Development (RAD) yang merupakan sebuah pendekatan  pengembangan  perangkat lunak  yang  fokus  pada  akselerasi  dan optimalisasi dalam proses pengembangan (Nurman  Hidayat  &  Kusuma  Hati,  2021). Tahapan- tahapan dalam RAD terdiri dari 3 yaitu Requirements  Planning,  Design Workshop, dan Implementation pada gambar  di  bawah  ini  (Supriatna  et  al., 2022).

## Gambar 1. Metode RAD
Metode  pengembangan  perangkat lunak  RAD  memiliki  beberapa  tahap umum, yaitu identifikasi kebutuhan, prototyping,  penerapan  hasil  prototype, dan  implementasi.  Tahap  identifikasi kebutuhan melibatkan penentuan kebutuhan  aplikasi  dan  identifikasi  fitur yang  harus  dimiliki.  Tahap  prototyping melibatkan  pembuatan  sketsa  aplikasi untuk  memvisualisasikan  tampilan  dan fungsi  sebelum  pengembangan  detail. Tahap penerapan hasil prototype melibatkan pengembangan aplikasi berdasarkan  sketsa  yang  telah  dibuat. Tahap implementasi melibatkan penerapan  aplikasi  ke  dalam sistem yang akan menggunakannya.Metode
pengembangan  perangkat  lunak  RAD cocok  untuk  proyek  dengan  batas  waktu ketat  atau  membutuhkan  pengembangan cepat  untuk  memenuhi  kebutuhan  pasar yang  berubah-ubah.  Namun,  metode  ini memiliki  kelemahan  seperti  kurangnya fleksibilitas dalam menghadapi perubahan kebutuhan  atau  fitur  yang  tidak  terduga, serta  kesulitan  dalam  mengelola  proyek yang besar.
Kemudian dalam perancangan sistem  menggunakan Unified  Modeling Language (UML).  Seperti  yang  dijelaskan oleh (Mia Sumiati, Rahman Abdillah, 2021) UML  adalah  suatu  alat  berbasis  visual yang  berguna  untuk  merancang  dan mengkomunikasikan  informasi  tentang sistem  melalui  penggunaan  diagram  dan penjelasan tertulis. UML mencakup berbagai  jenis  model,  salah  satunya adalah use case diagram. Menurut (Setiaji &  Sastra,  2021)  mereka  mendefinisikan use case diagram sebagai suatu visualisasi yang menggambarkan interaksi antara  aktor  dan  use  case.  Use  case digunakan untuk merancang sistem website  yang  akan  dikembangkan  guna mengetaui interaksi fitur dan aktor.
Dalam  penelitian  ini  ada  beberapa faktor yang harus di perhatikan agar sistem yang  dibangun  sesuai  kebutuhan.  Pada saat  ini,  Sekolah  Dasar  Islam  El-Syabab masih  mengoperasikan  sistem  informasi secara  manual,  yang  mengakibatkan informasi yang disampaikan kurang terkini dan  tidak  tersedia  secara  online,  seperti melalui  situs  web  yang  dapat  digunakan untuk  mempromosikan  diri  kepada  publik dengan  lebih  luas.  Oleh  karena  itu, diperlukan analisis sistem yang diusulkan. Sistem  yang  diusulkan  ini  dirancang dengan  empat  aktor  utama,  yaitu  guru, kepala  sekolah,  admin,  dan  pengguna, dengan  berbagai  fitur  dan  halaman  yang telah didesain untuk memenuhi kebutuhan dan  tuntutan  dari  setiap  pemangku kepentingan yang terlibat. Gambaran lebih detail  mengenai  sistem  yang  diusulkan dapat  ditemukan  pada  gambar use  case sistem yang di  usulkan pada gambar  2 di bawah.  Analisis  sistem  yang  sedang berjalan  dan  sistem  yang  diusulkan  akan menjadi  fokus  utama  dalam  penelitian  ini, dengan tujuan untuk meningkatkan
efisiensi  dan  kualitas  operasi  Sekolah Dasar Islam El-Syabab.
Gambar 2. Sistem yang di Usulkan

## HASIL DAN PEMBAHASAN
Dilakukan  perancangan  tampilan interface untuk  mendapatkan  gambaran struktur  dan  tampilan  sistem  yang  akan dibangun. Perancangan antarmuka pengguna disajikan sebagai berikut: 1.  Perancangan Tampilan Login Berikut  adalah  rancangan  halaman login  admin,  guru,  dan  kepala  sekolah untuk  website  Sekolah  Dasar  Islam  El- Syabab.
Gambar 3. Perancangan Tampilan Login
2.  Perancangan Dashboard Admin Berikut adalah rancangan dari halaman dashboard admin website Sekolah Dasar Islam El-Syabab.
Gambar 4. Perancangan Dashboard Admin
3.  Perancangan Halaman Beranda Berikut adalah rancangan dari halaman  beranda  user  pada  website Sekolah Dasar Islam El-Syabab.

## Gambar 5. Perancangan Tampilan Beranda

## 4.  Perancangan Tampilan Profil
Berikut adalah rancangan dari halaman profil user pada website Sekolah Dasar Islam El-Syabab.

## Gambar 6. Perancangan Tampilan Profil
5. Perancangan Tampilan Berita
Berikut adalah rancangan dari halaman  berita  user  pada  Sekolah  Dasar Islam El-Syabab.
Gambar 7. Perancangan Tampilan Berita

## 6.  Perancangan Halaman Agenda
Berikut adalah rancangan dari halaman  agenda  user  pada  website Sekolah Dasar Islam El-Syabab
Gambar 8. Perancangan Tampilan Agenda
7.  Perancangan Tampilan Pendaftaran Berikut adalah rancangan dari pendaftaran  online  pada  website  Sekolah Dasar Islam El-Syabab.

## Gambar 9. Perancangan Tampilan Pendaftaran
8. Perancangan Tampilan Kontak Kami Berikut adalah rancangan dari halaman  kontak  kami  user  pada  website Sekolah Dasar Islam El-Syabab.

## Gambar 10. Perancangan Tampilan Kontak
Kami Kemudian Implementasi sistem dilakukan  dengan  membangun  sistem yang telah dirancang sebelumnya menjadi sebuah  website  menggunakan  HTML, CSS,  PHP,  dan  databese  menggunakan MySQL dan memakai framework Bootstrap dalam setiap halaman sistem. Penggunaan  PHP  dan  Bootstrap  dalam pembuatan  website  Sekolah  Dasar  Islam
El-Syabab  memberikan  dasar  yang  kuat untuk menciptakan website yang dinamis, responsif,  dan  menarik  secara  visual.
Dengan menggunakan HTML, CSS, PHP, dan Bootstrap, peneliti telah mengimplementasikan fitur-fitur yang telah dirancang  sebelumnya,  seperti  halaman login,  halaman  utama,  halaman  sejarah, halaman  visi-misi,  halaman  organisasi, halaman  berita,  halaman  galeri,  halaman agenda,  halaman  pendaftaran,  halaman kontak kami, dan halaman-halaman khusus untuk masing-masing aktor.
PHP  digunakan  sebagai  bahasa pemrograman server-side yang kuat untuk memproses data dan menghasilkan konten yang dinamis pada website Sekolah Dasar Islam  El-Syabab  Bangun  Harjo.  Dalam konteks  pembangunan  website  sekolah dasar  El-Syabab,  PHP  dapat  digunakan untuk  mengintegrasikan  fitur-fitur  seperti pendaftaran  siswa  dan  login  untuk beberapa  stackholder.  Sementara  itu, Bootstrap  digunakan  sebagai framework untuk  mengembangkan  tata  letak  yang responsif  dan  menarik  secara  estetika. Keunggulan
Bootstrap
adalah kemampuannya dalam menyesuaikan tampilan  website  dengan  baik  pada berbagai perangkat, sehingga memastikan website  tersebut  responsif  dan  ramah pengguna (Gunadi, 2021).
1.  Tampilan Halaman Login
Tampilan  bagian  login  halaman,  di mana  administrator,  guru,  dan  kepala sekolah  melakukan  proses  login  dengan memasukkan  kredensial  seperti  nama pengguna  dan  kata  sandi.  Kemudian, sistem akan melakukan filtrasi berdasarkan level dan ID login yang sesuai dengan  masing-masing  pengguna.  Untuk gambaran  yang  lebih  rinci,  silakan  lihat ilustrasi  halaman  login  pada  gambar  di bawah ini.

## Gambar 11. Tampilan Halaman Login
2. Tampilan Dashboard Admin Pada  halaman  dashboard  admin
menggambarkan  sejumlah  menu  yang dapat  diatur  oleh  administrator,  termasuk opsi  untuk  memasukkan  berita,  agenda, data guru, dan data pendaftaran. Gambaran lebih rinci tentang hal ini dapat ditemukan dalam tampilan admin di bawah ini.

## Gambar 12. Tampilan Dashboard Admin
3. Tampilan Halaman Home
Tampilan  halaman home adalah landingpage  yang  dimana  user  akan mengakses  pertama  kali  di  website sekolah  dasar  islam  el-syabab  bangun harjo  dengan  isi  baner,  sambutan  kepala sekolah, berita, galeri dan data guru hebat el-syabab.

## Gambar 13. Tampilan Halaman Home

## 4. Tampilan Halaman Sejarah
Tampilan  pada  halaman  sejarah menyajikan  informasi  mengenai  sejarah Sekolah  Dasar  Islam  El-Syabab  Bangun Harjo.  Untuk  informasi  yang  lebih  rinci, silakan merujuk pada gambar yang tertera pada  tampilan  halaman  sejarah  di  bawah ini.

## Gambar 14. Tampilan Halaman Sejarah
5. Tampilan Halaman Visi Misi Tampilan  halaman  vivi  misi  berisi
tentang  visi  dan  misi  dari  Sekolah  Dasar Islam    El-Syabab  Bangun  Harjo.  Untuk mendapatkan  gambaran  yang  lebih    jelas bisa  di  lihat  pada  gambar  tampilan halaman visi misi di bawah.
Gambar 15. Tampilan Halaman Visi Misi
6. Tampilan Halaman Berita
Tampilan  halaman  admin  berisi tentang  semua  berita  yang  di  post  oleh admin melalui halaman kelola berita yang dapat  di  lihat  pada  halaman  berita.  Untuk mendapatkan  gambaran  yang  lebih    jelas bisa  di  lihat  pada  gambar  tampilan halaman berita di bawah.

## Gambar 16. Tampilan Halaman Berita
7.  Tampilan Halaman Agenda
Tampilan  pada  halaman  agenda menampilkan  informasi  mengenai agenda yang  berkaitan  dengan  aktivitas  Sekolah Dasar Islam El-Syabab. Rincian lebih lanjut dapat  ditemukan  dalam  gambar  tampilan halaman agenda berikut ini.

## Gambar 17. Tampilan Halaman Agenda
8.  Tampilan Halaman Pendaftaran
Halaman  pendaftaran  menampilkan sebuah formulir pendaftaran yang digunakan  oleh  calon  siswa  baru  untuk melakukan  pendaftaran  secara  daring. Untuk melihat rincian lebih lanjut, gambaran  visual  dari  tampilan  halaman pendaftaran dapat ditemukan di bawah ini.

## Gambar 18. Tampilan Halaman Pendaftaran
9.  Tampilan Halaman Kontak Kami Halaman kontak kami berisi  tentang map  alamat  Sekolah  Dasar  Islam  El- Syabab dan kontak narahubung dan sosial media yang dapat di hubungi jika memiliki pertanyaan. Untuk  jelas bisa di lihat pada gambar  tampilan  halaman  kontak  kami  di bawah.

## Gambar 19. Tampilan Halaman Kontak Kami
Setelah  website  berhasil  dibangun kemudian  dilakukan  pengujian  sistem menggunakan  metode  pengujian black- box ,  yang  fokusnya  terhadap  pengujian fungsional dari sistem yang telah dikembangkan.  Fokus  utama  dari  jenis pengujian  ini  adalah  hasil  keluaran  yang dihasilkan sebagai respons terhadap input tertentu  dan  kondisi  eksekusi  yang  telah ditentukan.    Dalam  konteks  ini,  dilakukan pengujian black-box terhadap  rancangan dan pembangunan website Sekolah Dasar Islam El-Syabab.
Tabel 1. Pengujian Black-Box Testing No. Fitur Skenario pengujian Hasil Pengujian 1 Login Memasukkan username dan password yang valid Sukses Memasukkan username yang salah Gagal Memasukkan password yang salah Gagal 2 Dashboard Admin Memastikan tampilan dashboard sesuai dengan yang diharapkan Sesuai Mengklik menu halaman kelola user Sukses Mengklik menu halaman kelola profil Sukses Mengklik menu halaman kelola berita Sukses
Mengklik menu halaman kelola agenda Sukses Mengklik menu kelola pendaftaran Sukses 3 Logout Klik tombol logout dan konfirmasi logout Sukses 4 Home Memastikan tampilan halaman home sesuai dengan yang diharapkan Sesuai Mengklik salah satu berita Sukses Mengklik salah satu galeri Sukses 5 Profil Memastikan dropdown Profil menampilkan menu yang benar Sesuai Mengklik menu Sejarah Sukses Mengklik menu Visi Misi Sukses Mengklik  menu Struktur Organisasi Sukses 6 Berita Memastikan tampilan halaman Berita sesuai dengan yang diharapkan Sesuai Mengklik salah satu Berita Sukses 7 Agenda Memastikan tampilan halaman agenda sesuai dengan yang diharapkan Sesuai 8 Pendaftaran Memastikan tampilan halaman pendaftaran sesuai dengan yang diharapkan Sesuai Mengisi formulir pendaftaran dengan data valid Sukses Mengisi formulir pendaftaran dengan data tidak valid Gagal Menampilkan halaman cek data pendaftaran dan cetak pendaftaran Sukses 9 Kontak Kami Memastikan tampilan halaman kontak kami sesuai dengan yang diharapkan Sesuai Mengklik salah satu nomor telephone/wa Sukses
Selanjutnya  dilakukan  evaluasi  oleh pengguna guna mengetahui apakah sistem informasi yang di buat berfungsi dan mempermudah  Sekolah  Dasar  Islam  El- Syabab  dalam  penyampaian  informasi dengan menggunakan skala likert. Menurut  (Yang  &  Sihotang,  2023)  Skala Likert,  atau  yang  lebih  dikenal  sebagai Likert  Scale,  merupakan  suatu  instrumen psikometri yang secara dominan dimanfaatkan  dalam  penelitian  berbasis kuesioner  untuk  memperoleh  tanggapan partisipan terhadap suatu pernyataan atau serangkaian pernyataan.
Adapun  responden  yang  terlibat dalam  pengujian  adalah  masing-masing akor  yang  berjumlah  6  (enam)  responden yang terdiri dari 1 orang operator, 1 orang kepala sekolah, 1 orang waka kurikulum, 1 orang guru, dan 2 orang pengunjung.
Dengan merujuk pada hasil perhitungan  kuesioner  yang  dikumpulkan dari  setiap  pengguna  dan  agregasinya dengan  menggunakan  skala  Likert,  hasil pengujian  terhadap  sistem  yang  telah dibangun  dapat  dilihat  dalam  bentuk persentase sebagai berikut.
Tabel 2. Pengujian User No. Aspek Evaluasi Presentase Kategori 1 Desain dan Tata Letak 100% Sangat Layak 2 Navigasi dan Struktur 100% Sangat Layak 3 Responsive Terhadap Berbagai Perangkat 93,3% Sangat Layak 4 Kualitas Konten dan Informasi 100% Sangat Layak 5 Kemudahan Dalam Mencari Informasi 100% Sangat Layak 6 Keterbacaan dan Keterpahaman Konten 96,6% Sangat Layak 7 Ketersedian Kontak dan Informasi Penghubung 96,6% Sangat Layak 8 Integrasi Dengan Media Sosial 100% Sangat Layak 9 Fungsional Fitur 96,6% Sangat Layak 10 Kualitas Pengalaman Pengguna ( User Experience /Ux)  96,6%
Sangat Layak

## KESIMPULAN
Berdasarkan  temuan  dan  analisis yang  telah  disajikan  dalam  bagian-bagian sebelumnya,  dapat  disimpulkan  bahwa perancangan dan pembangunan situs web Sekolah Dasar Islam El-Syabab melibatkan  berbagai  halaman  dengan cakupan  yang  luas.  Halaman-halaman tersebut  termasuk  halaman  beranda,
halaman sejarah, halaman visi-misi, halaman  organisasi,  halaman  berita, halaman galeri, halaman agenda, halaman pendaftaran, halaman kontak kami, halaman  admin  dashboard,  halaman pengelolaan pengguna, halaman pengelolaan  berita,  halaman  pengelolaan galeri, halaman agenda, halaman pengelolaan  pendaftaran,  halaman  guru
dashboard,  halaman  pengelolaan  berkas, halaman  kepala  sekolah  dashboard,  dan halaman laporan pengumpulan berkas.
Hasil  pengujian  yang  dilakukan dengan  menggunakan  metode black-box testing  menyimpulkan  bahwa  semua  fitur yang disertakan dalam situs web tersebut berfungsi dengan baik dan sesuai dengan harapan  yang  telah  ditetapkan.  Dengan adanya situs web Sekolah Dasar Islam El- Syabab ini, penyampaian informasi kepada pengguna  menjadi  lebih  mudah  dan efisien.  Hasil  evaluasi  oleh  pengguna menunjukkan total nilai sebesar 97,7, yang mengindikasikan bahwa website ini masuk dalam  kategori  sangat  layak  dan  sangat efektif  dalam  memfasilitasi  penyampaian informasi.
Dengan
demikian, dapat diungkapkan bahwa upaya pembangunan situs  web  ini  telah  berhasil  dan  dapat memberikan  manfaat  yang  signifikan dalam konteks penyediaan informasi untuk Sekolah Dasar Islam El-Syabab.

## DAFTAR PUSTAKA
Andriyan, W., Septiawan, S. S., & Aulya, A.
(2020). Perancangan Website sebagai Media Informasi dan Peningkatan  Citra  Pada  SMK  Dewi Sartika  Tangerang. Jurnal  Teknologi Terpadu , 6 (2), 79 –88.
https://doi.org/10.54914/jtt.v6i2.289
Anissa,  R.  N.,  &  Prasetio,  R.  T.  (2021).
RANCANG BANGUN APLIKASI PENERIMAAN SISWA BARU BERBASIS  WEB  MENGGUNAKAN FRAMEWORK CODEIGNITER. Jurnal  Responsif :  Riset  Sains  Dan Informatika , 3 (1), 122 –128. https://doi.org/10.51977/jti.v3i1.497
Arif,  A.  (2019).  Rancang Bangun  Website
Pada  Sekolah  Menengah  Pertama (SMP) Negeri  2 Gumay Ulu. JURNAL ILMIAH BETRIK : Besemah Teknologi Informasi Dan Komputer , 10 (02), 63 – 71.
https://doi.org/10.36050/BETRIK.V10 I02.15
Assiddiqi, B. A., Nuraini, L., Murniati, M. E.,
Azura, S. H., Safitri, V., & Yuliyantika,
Y.  (2023).  RANCANG  BANGUN MEDIA PEMBELAJARAN E- LEARNING BERBANTUAN WEBSITE BERDU.ID POKOK
BAHASAN  ETNOFISIKA. JURNAL
EDUCATION  AND  DEVELOPMENT , 11 (2), 95 –100. https://doi.org/10.37081/ed.v11i2.459 3
Christian,  A.,  Hesinto,  S.,  &  Agustina,  A. (2018).  Rancang  Bangun  Website
Sekolah Dengan Menggunakan
Framework  Bootstrap  (  Studi  Kasus SMP  Negeri  6  Prabumulih  ). Jurnal
Sisfokom  (Sistem  Informasi  Dan Komputer) , 7 (1), 22 –27.
https://doi.org/10.32736/SISFOKOM.
V7I1.278
Gunadi,  G.  (2021).  Rancang  Bangun
Sistem  Peminjaman  Laptop  dengan Metode Extreme Programming Menggunakan  Framework  Bootstrap. Ultima  InfoSys :  Jurnal  Ilmu  Sistem Informasi , 12 (1), 74 –86. https://doi.org/10.31937/si.v12i1.2087 Hanu,  F.  (2019).  Pemanfaatan  Website Sebagai Media Promosi Dan Meningkatkan  Peserta  Didik  Pada (Ma)  Madrasah  Aliyah  Ibrohimiyyah Demak. Jurnal  Nusantara  Aplikasi Manajemen Bisnis , 2 (2), 142. https://doi.org/10.29407/nusamba.v2i 2.842
Mayasari,  A.,  Supriani,  Y.,  &  Arifudin,  O.
(2021). Implementasi Sistem Informasi Manajemen Akademik Berbasis  Teknologi  Informasi  dalam Meningkatkan Mutu Pelayanan
Pembelajaran  di  SMK. JIIP  -  Jurnal Ilmiah  Ilmu  Pendidikan , 4 (5),  340 – 345. https://doi.org/10.54371/jiip.v4i5.277 Mia  Sumiati,  Rahman  Abdillah,  A.  C.
(2021).  PEMODELAN  UML  UNTUK SISTEM  INFORMASI  PERSEWAAN ALAT  PESTA. JURNAL  FASILKOM ,
11 (2),
79 –86. https://doi.org/10.37859/jf.v11i2.2673
Nurman  Hidayat,  &  Kusuma  Hati.  (2021).
Penerapan Metode Rapid Application Development  (RAD)  dalam  Rancang Bangun  Sistem  Informasi  Rapor Online  (SIRALINE). Jurnal  Sistem
Informasi , 10 (1), 8 –17.
https://doi.org/10.51998/jsi.v10i1.352
Setiaji, S., & Sastra, R. (2021). Implementasi  Diagram  UML  (Unified Modelling Language) Pada Perancangan Sistem Informasi
Penggajian. Jurnal Teknik Komputer ,
7 (1),
106 –111. https://doi.org/10.31294/jtk.v7i1.9773 Sumarni, S. (2019). METODE PENELITIAN DAN PENGEMBANGAN  (Research  and
Development/  R&D) . http://digilib.uin- suka.ac.id/id/eprint/39153 Supriatna,  A.  D.,  Rahayu,  S.,  &  Fakhrul Rozi, A. (2022). Perancangan Sistem Informasi Inventaris Barang Berbasis Web  Menggunakan  Metode  Rapid
Application Development. Jurnal Algoritma , 19 (1), 219 –229. https://doi.org/10.33364/algoritma/v.1 9-1.1044
Tondang,  Y.  S.,  &  Arwita,  W.  (2020).
PEMANFAATAN INTERNET SEBAGAI SUMBER PEMBELAJARAN  BIOLOGI. Jurnal Pelita  Pendidikan , 8 (2),  151 –159. https://doi.org/10.24114/jpp.v8i2.152 98 Yang,  M.  Z.,  &  Sihotang,  J.  I.  (2023).
Analisis Kepuasan Pengguna Terhadap  User  Interface  Aplikasi  E- Commerce  Shopee  Menggunakan Metode  EUCS  di  Jakarta  Barat. Informatics and Digital Expert (INDEX) , 4 (2), 53 –60.
https://doi.org/10.36423/index.v4i2.11 10