Rancang Bangun Web Portal Informasi Berbasis Framework dan Sistem  UIKIT Independensi Responsive di Biro Pendidikan Pondok Pesantren Nurul Jadid
M. Syafiih 1 , Saidatul Latifah 2 ,  Sa’adatut tafrijiah 3 123 Program Studi Teknologi Informasi, Fakultas Teknik, Universitas Nurul Jadid Email : m.syafii01@gmail.com , saidatullatifah220800@gmail.com , ririnputri534 @ gmail.com

## ABSTRAK
Pondok Pesantren Nurul Jadid Paiton Probolinggo merupakan salah satu pesantren terbesar di wilayah tapal kuda Jawa Timur. Pondok Pesantren yang didirikan oleh KH. Zaini Mu’im pada tahun 1948 salah satu pesantren yang menerapkan sistem modern. Akan tetapi tetap menerapkan pola lama dengan menerima pembaharuan dengan tidak merubah ajaran Al-Qur’an dan Hadist. Pondok Pesantren saat ini dengan jumlah santri sekitar 8.000 santri    yang menetap di pondok dan sekitar 4.000 yang statusnya tolak dari rumah. Manajemen dalam pengeloloaan di Pondok Pesantren  Nurul  Jadid  adalah  dibagi  banyak  biro  untuk  mendukung  dan  membidangi  semua unsur sebagai implementasi dari kebijakan pengasuh serta kepala pesantren sebagai pelaksana di lapangan.  Biro  Pendidikan  merupakan  biro  yang  mewadai  semua  unsur  kebijakan  terkait pelaksanaan  pendidikan  yang  ada  di  Pondok  Pesantren  Nurul  Jadid,  kegiatan  belajar  mengajar (KBM)  akan  menjadi  program  kerja  biro  pendidikan.  Program  kerja  biro  pendidikan  sebagai pelaksana  pendidikan  dasar  menengah  (DASMIN)  untuk  perguruan  tinggi  berdiri  sendiri  tidak menjadi  bagian  dari  biro  Pendidikan.  sebagai  biro  yang  membidangan  pembelajaran  tentunya sangat membutuhkan penerapan teknologi yang mendukungnya, salah satu teknologi yang sangat dibutuhkan  oleh  biro  pendidikan  aplikasi  web  yang  bisa  menampung  semua  aktifitas.  Web tersebut  akan  menyampaikan  informasi  kegiatan  dalam  biro  pendidikan,  data  guru,  data  siswa dan  kegiatan  belajar  mengajar  (KBM).  Aplikasi  yang  yang  akan  dibangun  berbasis  portal Framework UIKIT  sebuah framework yang  berfungsi  membangun  interface  pada  sebuah web.UIKIT  merupakan  revolusi  baru  dari  sebuah framework yang  dikembangkan  pada  tahun 2013  oleh  YooTheme  yang  merupakan  salah  satu  penyedia  tema  yang  popular.  Independensi Responsive bagian dari respon yang sangat cepa atas kebutuhan biro pendidikan baik manajemen maupun kebutuhan pendukung Kegiatan Belajar Mengajar (KBM). Informasi yang bisa di akses dalam aplikasi tersebut meliputi : Rencana pembelajaran, materi bahan ajar serta pendukung lain, data guru, data murid dan semua kegiatan yang akan dilaksanakan oleh biro pendidikan
Kata Kunci : Framework , Pondok Pesantren, Portal Informasi

## ABSTRACK
Pondok  Pesantren  Nurul  Jadid  Paiton  Probolinggo  is  one  of  the  largest  Islamic  boarding schools in the horseshoe area of   East Java. The Islamic boarding school which was founded by KH. Zaini Mu'im in 1948 was one of the pesantren that implemented a modern system. However, they still apply the old pattern by accepting reforms without changing the teachings of the Al- Qur'an and Hadiths. The Islamic boarding school currently has around 8,000 students living in the boarding school and around 4,000 who have refused to leave the house. Management in the management of the Nurul Jadid Islamic Boarding School is divided by many bureaus to support
and oversee all elements as the implementation of carer policies and the head of the pesantren as implementers  in  the  field.  The  Education  Bureau  is  a  bureau  that  supports  all  elements  of policies  related  to  the  implementation  of  education  in  Nurul  Jadid  Islamic  Boarding  School, teaching and learning activities (KBM) will become the work program of the education bureau. The  education  bureau  work  program  as  the  implementer  of  secondary  primary  education (DASMIN) for independent tertiary institutions is not part of the education bureau. As a learning agency,  of  course,  really  needs  the  application  of  technology  that  supports  it,  one  of  the technologies  that  is  needed  by  a  web  application  education  bureau  that  can  accommodate  all activities. The web will convey information on activities in the education bureau, teacher data, student data and teaching and learning activities (KBM). The application to be built is based on the UIKIT Framework portal, a framework that functions to build an interface on a web. UIKIT is a new revolution from a framework developed in 2013 by YooTheme, which is one of the most popular theme providers. Responsive independence is part of a very fast response to the needs of the  education  bureau,  both  management  and  the  needs  of  supporting  Teaching  and  Learning Activities  (KBM).  Information  that  can  be  accessed  in  the  application  includes:  lesson  plans, teaching materials and other support, teacher data, student data and all activities that will be carried out by the education bureau.
Keywords : Framework, Boarding School, Information Portal

## 1. PENDAHULUAN
Pondok  Pesantren  adalah  tempat  dimana  para  santri  belajar  dibawah  bimbingan  guru yang  lebih  dikenal  dengan  sebutan  Kyai,  orang  yang  masuk  dalam  pondok  pesantren  di  sebut dengan santriwan dan santriwati,pesantren  juga dikenal sebagai lembaga pendidikan Islam tertua di Indonesia, kehadiran awal pesantren di Indonesia diperkirakan dari 300-400 tahun lalu,namun Pesantren  sudah  ada  sejak  masa  pra-Islam.  Pesantren  juga  sering  disebut  dengan  tempat  untuk mencari  ridho  Allah  dan  sebuah  tempat  untuk  mendalami  ilmu  agama  yang  disitu  terdapat banyak  hal  tentang  ilmu  ilmu  agama  yang  bisa  dipelajari  agar  santri  dapat  mengembangkan keilmuan islam,pesantren juga menyediakan asrama untuk tempat tinggal para santri dan masjid untuk beribadah,ruang untuk belajar dan kegiatan keagamaan lainnya [1],
Pondok  Pesantren  Nurul  Jadid  adalah  pondok  pesantren  yang  terletak  di  Desa Karanganyar Paiton Kab. Probolinggo Jawa Timur yang berdiri sejak tahun 1950 yang didirikan oleh  Almarhum  KH.  Zaini  Mun’im,  pondok  pesantren  ini  merupakan  salah  satu    pondok pesantren  terbesar  di  Provinsi  Jawa  Timur  dengan  beberapa  lembaga  pendidikan  yang  ada didalamnya,  salah  satunya  adalah  pendidikan  formal  Madrasah  Ibtidaiyah.  Pondok  Pesantren Nurul  Jadid  juga  berguna  untuk  memenuhi  kebutuhan  keilmuan  baik  secara  umun  dan keagamaan,  dan  juga  sebagai  penyebaran  etika  dan  moralitas  keagamaan,  disana  santri  akan
diajarkan  untuk  memahami  teori  ilmu  ilmu  keagamaan  agar  nantinya    bisa  mengamalkan keagamaan secara tepat dan benar ketika mereka sudah berada di tengah tengah masyarakat [2].
Biro  Pendidikan  Pondok  Pesantren  Nurul  Jadid  sebagai  implementasi  dari  program pembelajaran  yang  dilaksanakan  baik  itu  formal  maupun  non  formal,  biro  yang  bersentuhan langsung dengan kurikulum tentunya harus menyeseuaikan dengan kebutuhan zaman. Teknologi informasi  merupakan  bagian  yang  tidak  terpisahkan  dengan  sistem  yang  akan  diterapkan  oleh biro  pendidikan.  Beberapa  permasalahan  yang  terjadi  selama  ini  belum  adanya  sistem  yang secara khusus menjadi media informasi dalam semua kegiatan yang ada di biro pendidikan [3].
Solusinya  karenaa  keterbatasan  untuk  mengakses  informasi  maka  akan  sangat  di butuhkan sebuah website [4] yang menggunakan suatu aplikasi yang dapat mempermudah santri untuk  mendapatkan  informasi  yang  lebih  mudah  di  dapat  dengan  menciptakan  aplikasi  yang berbasis  web  yang  berbasis  Web  Portal Framework dengan  sistem  UIKIT Independensi Responsive [5].  Aplikasi  tersebut  akan  memuat  kurikulum  Pendidikan  formal  dan  nor  formal serta informasi kegiatan biro Pendidikan Pondok Pesantren Nurul Jadid. Wali santri atau ingin mengetahui informasi kegiatan pembelajaran yang ada di Pondok Pesantren Nurul Jadid dengan mudah memperoleh informasi yang diharapkan, serta sebagai media publikasi sistem Pendidikan yang ada di biro Pendidikan Pondok Pesantren Nurul Jadid

## 2. METODE PENELITIAN

## Kerangka Penelitian
Kerangka  penelitian  adalah  tahapan  penelitian  yang  akan  dilaksanakan  sebagai  salah  satu tahap pemecahan permasalahan untuk mempermudah pemahaman yang akan dibuat dalam bentuk bagan [6].
Perumuan masalah Analisis kebutuhan sistem
Pengumpulan data Studi pustaka Wawancara Observasi Flowchart Data Flow Diagram Desain sistem

## Gambar 1.1 Alur Penelitian

## 2.1 Analisis Kebutuhan Sistem
Berdasarkan  prosedur  model  pengembangan  perangkat  lunak  tahap  awal  yaitu  analisis kebutuhan  sistem.  Pada  tahap  ini  dilakukan  secara  intensif  untuk  menspesifikasikan kebutuhan  pereangkat  lunak  agar  dapat  dipahami  dan  seperti  apa  aplikasi  yang dibutuhkan oleh pengguna [2]

## 2.2 Metode Pengumpulan Data
Metode  pengumpulan  data  adalah  tahapan  awal  dalam  pembuatan  metode  penelitian, dalam tahap ini kita menggunakan beberapa teknik pengumpulan data yaitu [7]:
2.2.1 Wawancara
Adalah sebuah metode yang  pengumpulannya dilakukan dengan cara tanya jawab terhadap sumber  sumber yang terkait dengan Biro Pendidikan Pondok Pesantren Nurul  Jadid  untuk  memperoleh  informasi  yang  dibutuhkan  agar  penelitian mengetahui apa saja kekurangan yang ada di dalam Pondok Pesantren.
2.2.2 Observasi
Adalah  metode  yang  dilakukan  dengan  cara  datang  langsung  ke  lokasi  yang dijadikan tempat penelitian agar dapat mengetahui lebih detail dan jelas [8].
2.2.3 Studi Pustaka
Pada tahap ini mempelajari beberapa metode dan memberikan landasan teori yang kuat  melalui  jurnal,  buku-buku,  artikel  ilmiah,  internet  dan  sumber-sumber  lain yang  dapat  menambah  informasi  guna  mendukung  dalam  penyelesaian  laporan penelitian ini [9]

## 2.3 Desain Sistem
Entity Relationship Diagram Koding Pemgujian internal Pemgujian eksternal
Pemgujianprogram
Pada  tahap  ini  akan  memberikan  gambaran  terhadap  pengguna  tentang  bagaimana  alur sistem yang akan dibuat. Perangcangan sistem yang akan digunakan yang pertama Bagan Alir  ( flowchart )  yang  akan  menggambarkan  alur  proses  pengajuan  penelitian  dan pengabdian masyarakat hingga pelaporan akhir penelitian. Untuk yang kedua DFD ( Data Flow Diagram ) dan yang ketiga yaitu ERD ( Entity Relationship Diagram ) [10].

## 3. HASIL DAN PEMBAHASAN
Framework adalah  kerangka  kerja  untuk  mengembangkan  aplikasi  berbasis  website maupun desktop. Kerangka kerja disini sangat membantu developer dalam menuliskan sesuatu dengan lebih terstruktur dan tersusun rapi.
Dengan menggunakan framework ini bisa mempercepat pembuatan aplikasi dengan lebih terstruktur  dan  rapi  juga  produk  yang  berkualitas  serta  mudah  digunakan.  didalamnya  juga tersedia berbagai fungsi-fungsi untuk pengolaan akses ke database,pengolaan template serta isi.

## a. Halaman awal Biro Pendidikan
Tampilan ini  merupakan tampilan awal Aplikasi Biro Pendidikan. Dalam tampilan awal terdapat beberapa fitur yaitu Tentang kami, Berita, Pengumuman, Artikel, Galeri, Hubungi Kami dan Download.
Menu utama :

## 1. Tentang Kami
Menu-menu dalam fitur ini  adalah :
Profil ini menjelaskan tentang biro Pendidikan Pondok Pesantren Nurul Jadid dan Tujuan-Tujuannya.

## 2. Berita
Fitur Berita dalam website Biro Pendidikan Pondok Pesantren Nurul Jadid terbagi menjadi beberapa kategori yaitu :

## 3. Pengumuman
Dalam menu pengumuman  santri bisa  mendapatkan informasi  berupa  pengumuman tentang Pondok Pesantren Nurul Jadid ataupun tentang pembelajaran di Pondok Pesantren Nurul Jadid.
4. Artikel
Kategori- kategori dalam fitur ini :
Dalam  kategori  karya  tulis  ilmiah  terdapat  Artikel  tentang  lembaga  Kependidikan Pondok Pesantren Nurul Jadid. Tetapi pada beberapa kategori  belum terisi Artikel.
5. Galeri
Dalam  galeri  terbagi  menjadi  beberapa  kategori  Tetapi  dalam  setiap  kategori  album belum terdapat foto- foto dokumentasi.
6. Hubungi Kami
Dalam  tampilan  diatas  bisa  digunakan  oleh  santri  ataupun  guru  untuk  mengirim pesan kepada biro Pendidikan Pondok Pesantren Nurul Jadid. Dengan menginput Nama, No. Telp, Email, dan Pesan yang akan dikirimkan setelah mengklik kirim pesan setelah itu  dengan  secara  otomatis  pesan  akan  tersampaikan  kepada  Biro  Pendidikan  Pondok Pesantren Nurul Jadid saat itu juga.

## 7. Download

## 4. KESIMPULAN
Dari hasil penelitian dan pembahasan dapat disimpulkan bahwa dengan membangun aplikasi  Web  Biro  Pendidikan  Pondok  Pesantren  Nurul  Jadid  ini  dapat  mempermudah Santri  di  Pondok  Pesantren  Nurul  Jadid  untuk  mendapatkan  dan  mencari  inforrmasi dengan cepat.

## UCAPAN TERIMA KASIH
Terimakasih Kepada Program Studi Teknik Informatika Universitas Nurul Jadid yang telah menfasilitasi penelitian ini, serta terima kasih kepada Pondok Pesantren Nurul Jadid karena telah menginzinkan kami untuk melakukan penelitian di Biro Pendidikan Pondok Pesantren Nurul Jadid.

## DAFTAR PUSTAKA
[1] Faizin and dkk, Profil Pondok Pesantren Nurul Jadid, Probolinggo: Pustaka Nurja, 2015.
[2] M. S. Sri Astutik Andayani, "PENERAPAN APLIKASI ANDROID CEGAH STUNTING (PODO  CETING)  UNTUK  MENDUKUNG  PEMAHAMAN  IBU  TERHADAP KEBUTUHAN  ASUPAN  GIZI  BALITA  DI  KABUPATEN  PROBOLINGGO," CYBER- TECHN, Vols. 15-01, pp. 10-18, 2020.
[3] Mujiburrahman, "Wawancara," Pustaka Nurja, Probolinggo, 2021.
[4] Oktami,  A.  Setya  and  E.  Mailoa,  "Perancangan  Sistem  Informasi  Data  Pelayanan Pengunjung Berbasis Web Menggunakan Framewaork CodeIgniter dan UIKIT (Studi Kasus Perpustakaan  dan  Arsip  Daerah  Kota  Salatiga)," JBASE-Journal  Of  Business  and  Audit Information Systems, Vols. 2-1, no. 16, pp. 1-11, 2019.
[5] N.  P.  Sari,  D.  Kurniadi  and  D.  Irfan,  "Sistem  Informasi  Riservasi  Fasilitas  di  Universitas Padang Berbasis Framework Laravel," Vote TEKNIKA, Vols. 6-2 2018, pp. 1-8, 2018.
[6] M  Syafiih  and  M.  Furqan,  "PENINGKATAN  PEMERATAAN  PEMBANGUNAN MELALUI  PEMILIHAN  DESA  TERBAIK  DI  KABUPATEN  PROBOLINGGO DENGAN (TOPSIS)," CYBER-TECHN, Vols. 13-1, pp. 1-6, 2018.
[7] S.  Rahayu,  M.  Yusup  and  S.  Puspita,  "Perancangan  Absensi  Bimbingan  Belajar  Berbasis Web  dengan  Menggunakan  Framework," Creative  Communication  and  Innovative Technology Journal, vol. 9 1 , no. -, pp. 51-59., 2015.
[8] M. Reyhan, "Pembangunan Aplikasi Entertaiment Terminal Berbasis Sistem Kendali Head Movement  Control  System  Pada  Perangkat  IoS,"  in Doctoral  dissertation  Universitas Brawijaya , 2018, 2018.
[9] Q.  Aini,  Rahardja,  Untung,  Naufal  and  R.  Syauqi,  "Penerapan  Single  Sign  On  Dengan Google  pada  Wibsite  Berbasis  YII  Framework," Sistotenika, vol.  8  :1,  no.  13,  pp.  57-68, 2018.
[10] Susanti, Sari, I. Junianto and R. Rachman, "Implementasi Framework Laravel Pada Aplikasi Pengolah  Nilai  Akademik  Berbasis  Web," Jurnal  Informatika, vol.  4  :  1,  no.  17,  pp.  1-9, 2017.