SISTEM INFORMASI PENDAFTARAN SANTRI

BARU DAN AKADEMIK DI PONDOK PESANTREN

CIPASUNG TASIKMALAYA
BERBASIS WEB

Proposal Skripsi

Disusun Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar

Sarjana Komputer

AHMAD BADRUZAMAN
1313617036

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS NEGERI JAKARTA
2022
 LEMBAR PENGESAHAN

Dengan ini saya mahasiswa Fakultas Matematika dan Ilmu Pengetahuan Alam,
Universitas Negeri Jakarta
Nama : Ahmad Badruzaman
No. Registrasi : 1313617036
Program Studi : Ilmu Komputer
Judul : Sistem Informasi Pendaftaran Santri Baru Dan Akademik
Di Pondok Pesantren Cipasung Tasikmalaya Berbasis Web

Menyatakan bahwa proposal skripsi ini telah siap diajukan untuk sidang proposal
skripsi

Menyetujui,
Dosen Pembimbing I Dosen Pembimbing II

Med Irzal, M.Kom. Ir. Fariani Hermin Indiyah, MT

NIP. 19770615 200312 1 001 NIP. 19600211 198703 2 001

Mengetahui,
Koordinator Program Studi Ilmu Komputer

Ir. Fariani Hermin Indiyah, MT

NIP. 19600211 198703 2 001

ii
 KATA PENGANTAR

Puji syukur alhamdulillah, penulis panjatkan kehadirat Allah SWT, yang telah
melimpahkan hidayat, rahmat dan karunianya, sehingga pada akhirnya penulis
dapat menyelesaikan tugas akhir ini dengan baik. Di mana tugas akhir ini penulis
sajikan dalam bentuk buku yang sederhana. Adapun judul tugas akhir ini, yang
penulis ambil sebagai berikut, “Sistem Informasi Pendaftaran Siswa Baru dan
Akademik di Pondok Pesantren Cipasung Tasikmalaya Berbasis Web”
Tujuan dari penulisan ini adalah sebagai salah satu syarat kelulusan Sarjana
Komputer dari Program Studi Ilmu Komputer Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Negeri Jakarta. Penulis menyadari bahwa tanpa
adanya bimbingan dan dorongan dari semua pihak, oleh karena itu pada
kesempatan ini izinkan penulis menyampaikan ucapan terima kasih kepada :
1. Yth. Ibu Ir. Fariani Hermin Indiyah, M.T selaku Koordinator Program Studi
Ilmu Komputer sekaligus Dosen Pembimbing II saya yang telah
memberikan banyak bantuan, bimbingan serta dukungannya terhadap
proposal skripsi ini.
2. Yth. Bapak Met Irzal, M.Kom. selaku Dosen Pembimbing I yang telah
membimbing, mengarahkan serta dukungannya terhadap proposal skripsi
ini.
3. Yth. Seluruh Dosen Pengajar dan Staf di Program studi Ilmu Komputer
Universitas Negeri Jakarta.
4. Kedua orang tua tercinta serta keluarga besar tercinta yang telah
memberikan semangat, doa dan memberi dukungan moral maupun materi
dalam segala hal.
5. Teman-teman seperjuangan program studi Ilmu Komputer khususnya
angkatan 2017

iii
 Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga
terwujudnya penulisan ini. Penulis menyadari bahwa penulisan tugas akhir ini
masih jauh dari kata sempurna, untuk itu penulis mohon kritik dan saran yang
bersifat membangun demi kesempurnaan penulis masih yang akan datang. Penulis
ucapkan terima kasih dan semoga skripsi ini dapat memberikan manfaat yang
berarti ke depannya

Bekasi, 17 Agustus 2022

Ahmad Badruzaman

iv
 DAFTAR ISI
LEMBAR PENGESAHAN.............................................................................................................II
KATA PENGANTAR.....................................................................................................................II
DAFTAR ISI....................................................................................................................................V
DAFTAR GAMBAR......................................................................................................................VI
DAFTAR TABEL.........................................................................................................................VII
DAFTAR LAMPIRAN...............................................................................................................VIII
BAB I.................................................................................................................................................1
PENDAHULUAN.............................................................................................................................1
A. LATAR BELAKANG.................................................................................................................1
B. IDENTIFIKASI MASALAH........................................................................................................3
C. PEMBATASAN MASALAH.......................................................................................................3
D. PERUMUSAN MASALAH.........................................................................................................4
E. TUJUAN PENELITIAN..............................................................................................................4
F. MANFAAT PENELITIAN..........................................................................................................4
BAB II................................................................................................................................................6
KAJIAN PUSTAKA.........................................................................................................................6
A. PONDOK PESANTREN CIPASUNG............................................................................................6
B. PENERIMAAN SANTRI BARU..................................................................................................7
C. RAPOR SANTRI.......................................................................................................................7
D. SISTEM INFORMASI................................................................................................................7
1. Sistem................................................................................................................................8
2. Informasi...........................................................................................................................8
E. SISTEM INFORMASI PONDOK PESANTREN CIPASUNG TASIKMALAYA BERBASIS WEB..........8
F. WEBSITE.................................................................................................................................8
G. PHP........................................................................................................................................9
H. MVC (MODEL, VIEW, CONTROLLER)......................................................................................9
I. FRAMEWORK...........................................................................................................................9
 Codeigniter.......................................................................................................................9
J. SDLC (MODEL SPIRAL)......................................................................................................10
3. Model Spiral...................................................................................................................11
K. UML (UNIFIED MODELLING LANGUAGE).............................................................................12
1. Use Case Diagram.........................................................................................................12
2. Class Diagram................................................................................................................13
3. Activity Diagram............................................................................................................14
L. DATABASE (BASIS DATA).....................................................................................................15
 ERD (Entity Relationship Diagram)..............................................................................16
M. PENGUJIAN SISTEM..........................................................................................................16
 Black Box Testing...........................................................................................................16
BAB III............................................................................................................................................17
IMPLEMENTASI PROGRAM....................................................................................................17
A. KOMUNIKASI........................................................................................................................17
B. PERENCANAAN...............................................................................................................19
1. USE CASE DIAGRAM............................................................................................................20
2. ACTIVITY DIAGRAM............................................................................................................22
DAFTAR PUSTAKA.....................................................................................................................45
LAMPIRAN....................................................................................................................................48

v
 DAFTAR GAMBAR

Gambar 2.1 Model – View – Controller......................................................................... 9

Gambar 2.2 SDLC...........................................................................................................10
Gambar 2.3 model spiral................................................................................................. 11
Gambar 3.1 Alur Pendaftaran Santri di Pondok Pesantren Cipasung Bagi Santri...........17
Gambar 3.2 Alur Pendaftaran Santri di Pondok Pesantren Cipasung Bagi Pengurus......18
Gambar 3.3 Alur Pengisian Nilai Rapor di Pondok Pesantren Cipasung.........................19
Gambar 3.4 Usecase Diagram.........................................................................................21
Gambar 3.5 Activity Diagram Pendaftaran Santri Baru...................................................22
Gambar 3.6 Activity Diagram Mengelola Pendaftaran Santri Baru.................................23
Gambar 3.7 Activity Diagram Mengisi dan Mengedit Nilai Rapor..................................24
Gambar 3.8 Activity Diagram Melihat dan Mencetak Rapor...........................................25
Gambar 3.9 Activity Diagram Menambah Data Mata Pelajaran......................................26
Gambar 4.0 Activity Diagram Menambah Data Tahun Akademik...................................27
Gambar 4.1 Activity Diagram Menambah Data Guru......................................................28
Gambar 4.2 Activity Diagram Mengedit Data Asrama....................................................29
Gambar 4.3 Activity Diagram Mengedit Tentang Pesantren............................................30
Gambar 4.2 Activity Diagram Menambah Data Asrama .................................................31
Gambar 4.3 Rancangan Tampilan Depan ....................................................................... 32
Gambar 4.4 Rancangan Tampilan Halaman Kegiatan ....................................................33
Gambar 4.5 Rancangan Tampilan Halaman Galeri Pesantren ........................................33
Gambar 4.6 Rancangan Tampilan Halaman Hubungi Kami ...........................................34
Gambar 4.7 Rancangan Halaman Depan Admin ............................................................ 35
Gambar 4.8 Rancangan Halaman Input Tahun Akademik .............................................35
Gambar 4.9 Rancangan Halaman Input Materi Pengajian ..............................................36
Gambar 5.0 Rancangan Halaman Login ......................................................................... 36
Gambar 5.1 Rancangan Halaman Input Asrama ............................................................. 37
Gambar 5.2 Rancangan Halaman Input Asrama ............................................................. 37
Gambar 5.3 Rancangan Halaman Daftar Santri .............................................................. 38
Gambar 5.4 Rancangan Halaman pertama Santri ........................................................... 38
Gambar 5.5 Rancangan Halaman Biodata Santri ............................................................ 39
Gambar 5.6 Rancangan Halaman Melihat Hasil Rapor Santri ........................................39
Gambar 5.7 Rancangan Halaman menginput Kartu Rencana Pengajian .........................40
Gambar 5.8 Rancangan Tampilan Halaman depan Guru ................................................40
Gambar 5.9 Rancangan Halaman Biodata Guru ............................................................. 40
Gambar 6.0 Rancangan Halaman Input Nilai Raport .....................................................41
Gambar 6.1 Rancangan Halaman User .......................................................................... 41
Gambar 6.2 Rancangan Halaman Input Tentang Pesantren ............................................42
Gambar 6.3 Rancangan Halaman Input Jadwal Kegiatan Pesantren ..............................42
Gambar 6.4 Rancangan Halaman Kontak ....................................................................... 43
Gambar 6.5 Class Diagram Sistem Informasi Ponpes Cipasung ....................................44
Gambar 6.6 ERD Sistem Informasi Ponpes Cipasung ....................................................45

vi
 DAFTAR TABEL
Tabel 2.1 jenis-jenis asrama dan kapasitasnya ............................................................... 6
Tabel 2.2 Simbol – Simbol Use Case Diagram .............................................................. 13
Tabel 2.3 Simbol – Simbol Class Digram....................................................................... 14
Tabel 2.4 Simbol – Simbol Activity Diagram.................................................................. 14

vii
 DAFTAR LAMPIRAN
Lampiran 1 wawancara dengan pengurus sekretariat Pondok Pesantren
Cipasung ...............................................................................................................................
48
Lampiran 2 wawancara dengan guru yang ada di Pondok Pesantren Cipasung .. 50
Lampiran 3 dokumentasi wawancara ................................................................... 51

viii
 BAB I
PENDAHULUAN

A. Latar Belakang

Perkembangan teknologi informasi semakin pesat dan memiliki pengaruh yang

sangat besar dalam membantu menyelesaikan masalah. Hal ini dapat dilihat dari
kemampuan komputer yang tepat, cepat, dan efektif dalam mengelola data untuk
menyajikan suatu informasi yang akurat (Utomo, Sakuroh, & Yulinar, 2018). Salah satu
kemampuan komputer dalam mengelola data yaitu dalam mengelola data pendaftaran
siswa baru sekolah/pesantren/lembaga pendidikan lainnya dan juga data akademik. Saat
ini digitalisasi dan komputerisasi data sangat dibutuhkan karena dapat mempermudah
dalam pengaksesan data serta informasi yang dibutuhkan. Selain itu dengan adanya
digitalisasi dan komputerisasi data ini dapat mengurangi risiko kehilangan dokumen,
rusaknya dokumen, dan sulit untuk mencari berkas (Ichsan, Alfarizi, Gunawan,
Mulyawan, & Basri, 2021).

Banyak orang tua yang ingin mencari pendidikan yang bermutu dan berkualitas
untuk anak mereka. Pondok Pesantren Cipasung merupakan salah satu pondok
pesantren terbesar di Jawa Barat. Pondok Pesantren Cipasung sebagai lembaga
pendidikan keagamaan yang berfokus pada pendalaman kitab kuning dan penanaman
akhlakul karimah yang berlandaskan dengan Ahli Sunnah Wal Jamaa’ah yang termasuk
pondok pesantren salafi (fokus dengan kitab kuning). Namun pondok pesantren ini
tidak mengikuti perkembangan teknologi sehingga tidak adanya digitalisasi dan
komputerisasi dalam melakukan pengolahan data administrasi, data kegiatan, maupun
data akademiknya. Pengelolaan dokumen yang masih manual jelas membutuhkan waktu
yang lebih lama dibandingkan dengan sistem pengolahan dokumen secara digital. Hal
ini terjadi karena dokumennya masih berbentuk fisik atau belum elektronik, sehingga
cara penanganannya pun masih manual.

Dengan dibuatnya pengelolaan informasi pendaftaran santri baru secara Online

bertujuan untuk menciptakan kinerja yang efektif dan efisien, karena lebih mudah
mendapatkan informasi dan tidak perlu membuang banyak biaya yang harus
dikeluarkan (Ichsan, Alfarizi, Gunawan, Mulyawan, & Basri, 2021). Salah satu aspek

1
pengelolaan

2
 2

sistem informasi pendaftaran santri baru secara Online adalah peningkatan pelayanan
kepada masyarakat khususnya santri yang ingin mendaftar ke jenjang pendidikan
pondok pesantren pada lembaga tersebut. Melalui sistem informasi secara Online ini
diharapkan dapat memudahkan masyarakat untuk mendapatkan informasi secara
lengkap mulai dari informasi latar belakang pesantren ini, visi dan misi beserta tujuan
arah ke masa depannya. Sistem yang informatif, up-to-date, interaktif, dan dinamis,
diharapkan Pondok Pesantren Cipasung dapat memperoleh nilai lebih dari kepuasan
masyarakat untuk membimbing anak mereka ke pondok pesantren yang bermutu tinggi.
Sistem ini dapat lebih efisiensi dari segi biaya, tenaga dan waktu, sehingga efektif
dalam mencapai tujuan. Serta dapat mempermudah dalam pengaksesan sistem yang
selama ini sering mengalami hambatan dalam melihat informasi, seperti jadwal
penerimaan santri baru serta persyaratan dan tata cara yang harus dipersiapkan.

Berdasarkan penelitian sebelumnya dari (Sutoyo, 2019) yang berjudul

“Perancangan Sistem Informasi Penerimaan Santri Baru Menggunakan Model
Waterfall” di mana penelitian tersebut menjelaskan mengenai pembuatan sistem
pendaftaran santri secara online. Namun pada penelitian tersebut, santri tidak dapat
memilih asrama yang akan ditempati oleh santri. Hal ini dapat dilihat dari tidak adanya
formulir pengisian pilihan asrama pada saat santri sedang mengisi formulir pendaftaran,
sedangkan pada penelitian yang akan dibuat oleh penulis, santri dapat memilih asrama
yang akan ditempati oleh santri dan sistem juga akan membatasi kapasitas asrama
sehingga jika ada pendaftar yang berada di luar kuota maka formulir pendaftaran tidak
menampilkan asrama tersebut karena kapasitas asrama telah penuh.

Perbedaan Jurnal milik Sutoyo, 2019 Milik penulis

Kapasitas asrama Tidak mengatur kapasitas Apabila asrama telah penuh
asrama apabila asrama penuh santri tidak dapat memilih
saat santri mendaftar asrama tersebut saat
mendaftar

Pada penelitian sebelumnya yang membahas mengenai nilai rapor milik

santri/siswa dibahas dalam penelitian milik Prawido Utomo, Lilis Sakuroh, Fatia
Yulinar dengan judul “Perancangan Sistem Informasi Akademik Berbasis Web di SMP
 3

PGRI 174 Cikupa” di mana penelitian tersebut membahas mengenai pembuatan sebuah
sistem informasi akademik yang mengomputerisasikan data nilai milik siswa ke dalam
suatu sistem yang dimasukkan ke dalam sebuah database sehingga data akan lebih
mudah dikelola (Utomo, Sakuroh, & Yulinar, 2018).

Berdasarkan latar belakang yang telah dijelaskan di atas maka dianggap perlu
melakukan penelitian mengenai sistem pendaftaran santri baru, data dari siswa beserta
nilai rapor milik santri, informasi tentang asrama yang ada, informasi mengenai kelas
dari pengajian, dan juga informasi mengenai dewan Guru beserta pengurus pesantren
secara Online yang cocok diterapkan di Pondok Pesantren Cipasung ini adalah berjudul
“Sistem Informasi Pondok Pesantren Cipasung Tasikmalaya berbasis Web”.

B. Identifikasi Masalah

1. Penerimaan santri baru masih sangat manual sehingga pendataan kurang tertata
dengan baik.

2. Sistem penerimaan santri baru mempermudah calon santri yang berasal dari
luar kota maupun luar pulau sehingga tidak perlu datang ke pesantren.

3. Sistem pembayaran yang sebelumnya masih pencatatan dalam buku besar

dikembangkan ke dalam sistem via transfer rekening.

4. Pengisian nilai rapor yang masih dilakukan secara manual sehingga

membutuhkan waktu yang lama.

C. Pembatasan Masalah

1. Penulis hanya membahas khusus tentang penerimaan santri baru dan data nilai
rapor milik santri berbasis web.

2. Sistem pembayaran yang digunakan hanya berupa upload bukti pembayaran

saja.

3. Penelitian ini menggunakan model Spiral.

4. Pengembangan sistem informasi pondok pesantren Cipasung basis website

dengan menggunakan bahasa pemrograman PHP dan framework CodeIgniter
 4

D. Perumusan Masalah

Berdasarkan latar belakang di atas maka perumusan masalah di bawah ini adalah
“Bagaimana merancang sistem informasi pendaftaran siswa /santri baru di Pondok
Pesantren Cipasung Tasikmalaya berbasis web menggunakan model spiral ?”.

E. Tujuan Penelitian

Penelitian ini dilakukan bertujuan untuk membangun sebuah sistem informasi di

Pondok Pesantren Cipasung Tasikmalaya berbasis Website agar dapat mempermudah
pendaftaran siswa/ santri baru tanpa harus datang dan mengantre terlebih dahulu dan
santri bisa melihat rapor tanpa mencetak sehingga tidak terjadi kehilangan berkas.

F. Manfaat Penelitian

Dalam proses penelitian ini sangat diharapkan dapat memberikan manfaat yang
kemudian dapat digunakan dalam pengembangan keilmuan yang dimiliki saat ini.
Kegunaan penelitian adalah sebagai berikut :
1. Bagi peneliti
a. Dapat melatih diri dalam menganalisis masalah, merancang dan mendesain
program, serta menambah pengetahuan tentang teknologi informasi,
khususnya yang berkaitan dengan Implementasi Sistem Pendaftaran Santri
Baru Secara Online.

b. Menambah ilmu pengetahuan dan wawasan tentang akademik pondok

pesantren khususnya tentang proses pendaftaran santri baru dengan sistem
Online yang mungkin pada saat ini semua kebutuhan yang serba teknologi.
 5

2. Bagi Instansi
a. Proses pendaftaran santri baru yang sudah dijalani saat ini secara manual
diubah ke arah komputerisasi, mempersingkat waktu, mempermudah
pencatatan data untuk penerimaan santri baru saat ini dan untuk ke masa yang
akan datang.

b. Mendapatkan wawasan yang luas di hadapan dunia khususnya bidang IT.

3. Bagi Pembaca
Dapat dipakai sebagai bahan referensi bagi peneliti lain yang berminat pada
bidang perancangan sistem informasi pendaftaran santri baru secara Online dan
diharapkan dapat menambah pengetahuan di bidang pengelolaan data.
 BAB II
KAJIAN PUSTAKA

A. Pondok Pesantren Cipasung

Pada tahun 1950 didirikan Sekolah Pendidikan Islam (SPI) yang kemudian pada
tahun 1953 berubah namanya menjadi Sekolah Menengah Islam Pertama (SMIP) dan
sekarang menjadi Sekolah Menengah Pertama Islam (SMPI). Pada tahun 1954
didirikan Sekolah Rendah Islam (SRI) yang kemudian berubah menjadi Madrasah
Wajib Belajar (MWB) dan dalam perkembangan berikutnya berubah menjadi
Madrasah Ibtidaiyah (MI).

Untuk jenjang pendidikan berikutnya, maka pada tahun 1959 didirikanlah

Sekolah Menengah Atas Islam (SMAI). Pada tanggal 25 September 1965 didirikan
Fakultas Tarbiyah Perguruan Tinggi Islam Cipasung (PTI Cipasung). Pada tahun itu
juga didirikan Sekolah Persiapan IAIN (SP IAIN) Sunan Gunung Djati cabang
Cipasung, yang kemudian pada tahun 1978 diubah menjadi Madrasah Aliyah Negeri
(MAN) Cipasung. Untuk mengikat dan mewadahi semua kegiatan Pondok Pesantren
Cipasung, maka pada tahun 1967 didirikanlah Yayasan Pondok Pesantren Cipasung
dengan akta notaris no. 11 tahun 1967.

Adapun asrama yang dapat dipilih oleh calon santri pondok pesantren Cipasung.
Terdapat 10 asrama untuk putra dan 11 asrama untuk putri.
Tabel 2.1 jenis-jenis asrama dan kapasitasnya
Putri kapasitas Putra kapasitas
Raudatul Banat I 300 Selamet 300
Raudatul Banat II 300 Bahagia 220
Al-Istiqomah 300 Sejahtera 220
Esa Lama 300 Nugraha 300
Esa Baru 300 Al-Jihad 300
Al-Uswah I 350 Al-Bahriyah 200
Al-Uswah II 350 Ar-Ruhiyah 220
Al-Uswah III 350 Al-Jabar 300
Ar-Rohmaniyah 300 Al-Istiqamah 270
Al-Amin 70 At-Tawakal 70
Al-Muna 70

6
 7

B. Penerimaan Santri Baru

Penerimaan santri atau peserta didik baru merupakan kegiatan awal yang harus
dilalui oleh para calon santri/calon peserta didik baru pada saat akan masuk ke dalam
suatu lembaga pendidikan. Pada tahap ini juga merupakan tahap penting yang dilakukan
oleh suatu lembaga pendidikan karena pada tahap ini merupakan penentuan dari sukses
atau tidaknya kegiatan pendidikan yang akan berjalan beberapa tahun ke depannya
setelah masa penerimaan santri/peserta didik baru (Waidah & Fatmala, 2022).
C. Rapor santri

Rapor merupakan buku yang berisi tentang nilai santri yang pandai dan
berprestasi pembelajaran santri di pesantren yang biasanya sebagai laporan guru kepada
orang tuanya ataupun wali santri (Utomo, Sakuroh, & Yulinar, 2018)
Rapor berisi:
1) Identitas santri
2) Absensi santri
3) Hasil belajar santri
4) Catatan wali kelas yang di lengkapi dengan keterangan atau sebagai pencapaian
santri dalam satu semester

D. Sistem Informasi

Sistem informasi merupakan suatu sistem yang menerima masukan data dan
instruksi yang di gunakan untuk mengolah data sehingga menghasilkan suatu perintah
untuk mencapai tujuan tertentu (Susanti, 2016). Pengertian lain dari sistem informasi,
Sistem informasi adalah suatu sistem di dalam organisasi yang mempertemukan
kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan
kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan
laporan-laporan yang di perlukan (Rahmansyah, Anardani, & Nita, 2019).

Menurut (Haswan, 2018), sistem informasi merupakan kerangka kerja yang

mengkoordinasikan sumber daya (manusia, komputer) untuk mengubah masukan
(input) menjadi keluaran (informasi), tercapai sasaran–sasaran perusahaan. Dari
penjelasan tersebut dapat di jelaskan bahwa sistem informasi melakukan koordinasi
antara komputer manusia sehingga tercapai target yang di inginkan (Haswan, 2018).
 8

1. Sistem
Menurut (Susanti, 2016), sistem merupakan kumpulan dari suatu elemen yang
saling berinteraksi untuk mencapai tujuan tertentu. Sebuah sistem terdiri dari bagian-
bagian yang saling berkaitan satu sama lain yang beroperasi secara bersamaan untuk
mencapai tujuan tertentu.

Pengertian lain dari sistem, sistem adalah sebuah jaringan kerja yang saling
berhubungan satu sama lain dan berkumpul bersama-sama untuk menyelesaikan suatu
kegiatan sehingga dapat mencapai tujuan tertentu (Susanti, 2016).

2. Informasi
Menurut (Susanti, 2016), informasi merupakan data yang di telah diolah menjadi
suatu bentuk yang lebih berarti bagi penerimanya. Data merupakan bentuk yang masih
mentah sehingga belum dapat digunakan oleh pengguna. Oleh karena itu data perlu
dilakukan pengolahan sehingga data yang tersedia dapat menjadi informasi yang
berguna ketika dibutuhkan (Susanti, 2016).

E. Sistem Informasi Pondok Pesantren Cipasung Tasikmalaya Berbasis Web

Sistem informasi pondok pesantren Cipasung Tasikmalaya berbasis web

merupakan sebuah wadah yang berfungsi untuk memudahkan para santri dalam
melakukan pendaftaran dan melihat hasil rapor yang berisi nilai para santri selama di
pesantren. Selain itu sistem ini juga berfungsi untuk memudahkan para pengurus
dalam mengurus administrasi pendaftaran para santri. Dengan adanya sistem ini para
guru yang mengajar juga dimudahkan pada saat melakukan pengisian nilai santri
karena tidak lagi dilakukan secara manual.

F. Website

Website merupakan informasi yang dimuat dalam suatu laman yang telah di
sediakan melalui jalur internet sehingga dapat di akses oleh siapa pun selama ada
koneksi dengan jaringan internet. Website merupakan suatu kumpulan komponen yang
terdiri dari teks, gambar, animasi, sehingga media informasi tertarik untuk di kunjungi
(Rochman, Sidik, & Nada, 2018).
 9

G. PHP

PHP atau Hypertext preprocessor merupakan bahasa pemrograman yang dirancang

untuk membuat dan mengembangkan web agar pengembang web dapat menciptakan
suatu halaman web yang bersifat dinamis (Yudhanto & Prasetyo, 2019). Menurut Edi
Priyanto, PHP (Hypertext Preprocessor ) bersifat open source yang berarti bebas di
mana pengguna dapat mengganti source code dan dapat di pakai secara bebas dan
gratis.

H. MVC (Model, View, Controller)

MVC merupakan suatu model yang membagi aplikasi menjadi tiga layer yang
bekerja secara terpisah dan menghasilkan hasil yang terintegrasi (Fahmi, Sari, &
Kusumastuti, 2020).

Gambar 2.1 Model – View – Controller

Model merupakan proses pengolahan data dapat di simpan dalam
penyimpanan data, sedangkan view merupakan hasil dari data yang di keluarkan oleh
model ke dalam bentuk tampilan, controller berperan memberi perintah kepada model
supaya bisa mengeluarkan data yang di inginkan oleh user.

I. Framework

Framework merupakan kerangka kerja. Framework juga dapat disebut sebagai

kumpulan script yang dapat membantu developer atau programmer dalam menangani
masalah dalam pemrograman misalnya koneksi ke database, pemanggilan variabel,
dan lain – lain sehingga pekerjaan developer lebih fokus dan lebih cepat dalam
membangun aplikasi (Yudhanto & Prasetyo, 2019). CodeIgniter merupakan
framework PHP yang popular dan memiliki peringkat pengguna framework terbanyak
didunia.

 Codeigniter

Codeigniter merupakan sebuah framework aplikasi web yang merupakan open

source dan menggunakan model MVC (Model, View, Controller) sehingga
 10

memudahkan dalam membangun sebuah aplikasi berbasis website tanpa harus

membuatnya dari awal (Destiningrum & Adrian, 2017).

J. SDLC (Model Spiral)

Menurut Fergian Pratama Rachman (RACHMAN, 2020) SDLC merupakan suatu pendekatan
yang beraturan berdasarkan tingkatan seperti analysis, desgn, coding, testing, dan
maintenance. ini merupakan model pengembangan yang terdiri dari tahapan-tahapan sebagai
berikut.

Gambar 2.2 SDLC

1. Analisis Kebutuhan perangkat lunak.

Proses pengumpulan kebutuhan yang dilakukan secara sungguh- sungguh
supaya bisa dipahami sepeti apa yang dibutuhkan oleh pihak pondok pesantren
Cipasung untuk bisa memahami program yang akan di bangun.

2. Desain.
Desain perangkat lunak adalah proses fokus pada desain pembuatan
program website pondok pesantren Cipasung di mulai dari perancangan sampai
pengisian pendaftaran dan rapor pengajian proses ini dapat di perkirakan demi
kualitas sebelum pemunculan kode dan implementasi menjadi program pada
tahap selanjutnya.

3. Pembuatan kode program.

Desain harus diterjemahkan ke dalam bahasa program yang bisa di baca.
Hasil dari tahapan pembuatan kode program diterjemahkan ke dalam bentuk
mesin menggunakan software visual studio code.

4. Pengujian
Pengujian fokus pada pembuatan program secara teliti dan memastikan
bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir adanya
kesalahan (error) dan memastikan keluarnya yang di hasilkan sesuai dengan yang
 11

di inginkan.

5. Uji coba dan evaluasi

Sebuah perangkat bisa saja mengalami perubahan ketika diuji coba oleh
pihak pondok pesantren Cipasung. Perubahan bisa terjadi karena adanya
kesalahan yang muncul dan tidak terdeteksi saat pengujian.

SDLC memiliki banyak ragam model seperti waterfall, spiral, iterative model, agile, v
model, Rational Unified Model, Rapid Application Development, big bang model, extreme
programming, dan Scrum. sedangkan model yang digunakan dalam penelitian ini merupakan
model spiral.

3. Model Spiral

Model spiral ini adalah salah satu jenis puteran kehidupan dalam System Development
Life Cycle. yang digunakan dalam penelitian ini merupakan model spiral, yaitu model yang
menggabungkan antara prototyping dan waterfall yang bersifat iteratif dengan aspek-aspek
sistematis supaya bisa terkendali dari versi pengembangan perangkat lunak yang belum
lengkap menjadi semakin lengkap (Nurliana & Esabella, 2020).

Gambar 2.3 Model spiral (Nurliana & Esabella, 2020)

Berikut adalah tahapan-tahapan dalam penelitian dengan menggunakan model spiral sebagai
model pengembangan perangkat lunak (Indriyani, Yunita, Muthia, Surniandari, & Sriyadi,
2019) :

a. Komunikasi
Pada tahap komunikasi ini pembuat atau pengembang sistem informasi
 12

melakukan tugasnya untuk membangun komunikasi sehingga dapat mengetahui

kebutuhan- kebutuhan yang di inginkan oleh pelanggan atau pengguna.

b. Perencanaan
Pada tahap perencanaan ini pembuat atau pengembang sistem informasi akan
menjelaskan hal- hal yang diperlukan dalam pembuatan sistem ini seperti sumber daya,
biaya, waktu dan lainnya.

c. Permodelan
Pada tahap permodelan ini pembuat atau pengembang sistem informasi ini
melakukan proses analisis terhadap perancangan sistem yang akan dibuat sepeti
gambaran umum sistem informasi pondok pesantren Cipasung berbasis web yang akan
dibuat oleh penulis.

d. Konstruksi
Pada tahap konstruksi ini pembuat atau pengembang sistem informasi akan
melakukan pengetikan kode - kode pemrograman yang berfungsi untuk menjalankan
sistem informasi ini hingga pada proses pengujian.

e. Penyerahan sistem / perangkat lunak ke para pengguna

Pada tahap penyerahan sistem / perangkat lunak ke para pengguna ini pembuat
atau pengembang sistem informasi melakukan penyerahan sistem kepada pengguna.

K. UML (Unified Modelling Language)

UML (Unified Modeling Language) merupakan sebuah teknik pengembangan

sistem yang menggunakan bahasa grafis sebagai alat untuk mendokumentasikan dan
melakukan spesifikasi pada sistem yang akan dibuat. UML mempunyai diagram-
diagram yang digunakan dalam pembuatan aplikasi (Nurliana & Esabella, 2020).

1. Use Case Diagram

Use case diagram terdapat seorang user dan admin. Admin dapat menjalankan
login system dan mengelola data. Adapun user dapat melakukan login dan melihat
data informasi (Fergian Pratama, 2020). Menurut Hesti Rian & Anwar Fuadytama
use case adalah sebuah interaksi antara satu atau lebih aktor dengan sistem informasi
yang akan dibuat.
 13

Tabel 2.2 Simbol – Simbol Use Case Diagram (Maharani, 2018)

Simbol Nama Keterangan

orang / sistem lain yang melakukan

Actor/aktor
interaksi dengan sistem itu sendiri.

Mewakili sistem secara fungsionalitas

Use Case yang biasanya diberi label atau kata
kerja.

Menggambarkan ruang lingkup

System Boundary
sistem

Association Menghubungkan antara aktor dengan

Relationship use case
Simbol yang menggambarkan use
<<include>>
Include case sebelumnya harus dilakukan agar
use case ini bisa dijalankan.

Simbol yang menggambarkan use

<<exclude>>
Exclude
case yang bersifat optional.

Simbol yang menggambarkan use

Generalization
case khusus ke use case umum.

2. Class Diagram
Menurut (Iskandar, 2020) Class Diagram adalah sebuah diagram yang digunakan untuk
memodelkan class - class yang digunakan di dalam sistem beserta hubungan antara class
dalam sistem tersebut. Beberapa elemen dalam class diagram adalah atribut yang merupakan
variabel dari sebuah kelas dan method dan fungsi yang dimiliki oleh kelas tersebut. Berikut ini
 14

merupakan simbol relationship yang digunakan pada class diagram.

Tabel 2.3 Simbol – Simbol Class Digram (Maharani, 2018)

Nama Simbol Keterangan

Berisi nama class, variabel yang dimiliki

Nama Atribut
oleh class, dan fungsi yang dimiliki oleh
model/Operation
class

Hubungan hierarkis antar class di mana

Pewarisan /
class dapat diturunkan dari class lain yang
inheritance
mewarisi semua atribut.
Hubungan statis yang ada pada antar class
Asosiasi yang menggambarkan sebuah classs yang
memiliki atribut class lain.
Hubungan yang menyatakan bagian, dimana
class tersebut merupakan bagian dari class
Agregasi
lain namun masing – masing class dapat
berdiri sendiri
Bentuk khusus dari agregasi di mana class
Komposisi yang menjadi bagian baru dapat
dimunculkan setelah semua kelas jadi

3. Activity Diagram
activity diagram merupakan sebuah proses bisnis dan sebuah urutan aktivitas dalam
proses bisnis. Diagram ini memiliki struktur yang mirip dengan flowchart dan flow diagram
pada suatu rancangan yang terstruktur.

Tabel 2.4 Simbol – Simbol Activity Diagram (Maharani, 2018)

Simbol Nama Keterangan

Start Point Simbol yang digunakan untuk memulai

suatu activity diagram
 15

End Point Simbol yang digunakan saat mengakhiri

sebuah activity diagram

Simbol ini menggambarkan proses

Activities bisnis pada suatu sistem yang biasanya
diisi dengan kata kerja

Menggambarkan aliran yang terjadi

Fork pada satu aktivitas yang menjadi dua
atau lebih

Menggambarkan aliran [yang terjadi

Join pada dua aktivitas atau lebih yang
menyatu untuk kembali melanjutkan
aktivitas

Decision Point Mendefinisikan pilihan lebih dari satu

activity

[] Guard Kondisi pada waktu melewati sebuah

transisi

Mengembalikan jalur aktivitas yang

Merge sebelumnya berbeda menjadi satu
melawati decision point

Mengelompokkan activity berdasarkan

Swimlane aktor dan dapat di gambarkan secara
vertikal maupun horizontal

L. Database (Basis Data)

Database basis data merupakan kumpulan dari beberapa data yang telah diatur
sehingga dapat digunakan secara efisien karena memusatkan data dan mengontrol data
redundant (Josi, 2017).
 16

 ERD (Entity Relationship Diagram)

Entity Relationship Diagram (ERD) adalah suatu jaringan yang mempunyai

susunan data kemudian disimpan pada sistem secara abstrak. ERD juga
menggambarkan hubungan antara satu entitas yang memiliki sejumlah atribut dengan
entitas yang lain dalam suatu sistem yang terintegrasi (Rahmansyah, Anardani, &
Nita, 2019)

Dengan penggunaan Entity Relationship Diagram dalam bentuk gambar dapat

mempermudah dalam menganalisis kebutuhan suatu basis data dalam sebuah sistem
yang akan dibangun dengan lebih cepat dan mudah (Rifai & Yuniar, 2019).

M. Pengujian Sistem

Pengujian sistem bertujuan untuk menemukan kesalahan atau kekurangan pada

perangkat lunak yang sedang di kembangkan sehingga sistem menjadi lebih baik dan
kesalahan dapat di minimalisir. (salmah & Khasanah, 2017).

 Black Box Testing

Black Box Testing merupakan pengujian perangkat lunak yang berfokus pada
fungsional pada sistem tanpa melakukan pengujian pada desain dan program untuk
mengetahui apakah fungsi pada perangkat lunak sudah sesuai dengan yang di butuh
kan atau belum. (Cholifah, Yulianingsih, & Sagita, 2018).
 BAB III

IMPLEMENTASI PROGRAM

Dalam penelitian ini, penulis menggunakan model spiral karena supaya sistem ini
dapat terus dikembangkan. Tahapan perancangan sistem yang penulis lakukan untuk
membangun sebuah sistem informasi di antaranya sebagai berikut:

A. Komunikasi

Pada tahap ini penulis melakukan komunikasi dengan narasumber dari pondok
pesantren ini yaitu penulis melakukan wawancara yang berguna untuk mendapatkan
informasi mengenai apa saja yang dibutuhkan dalam proses perancangan sistem
informasi pondok pesantren Cipasung ini.

Penulis telah melakukan wawancara kepada Pak Hasan (kepala bagian

kesekretariatan pesantren), Pak Syahid (sekretaris dari kesekretariatan pesantren) dan
ustadz Anggi (guru kesekretariatan pesantren) terkait pembangunan sistem informasi
Pondok Pesantren Cipasung yang akan dikembangkan. Penulis sudah mewawancarai
kepada ketiga pengurus pesantren dan guru pada tanggal 15 Agustus 2021 dan di
lanjutkan pada tanggal 21 Maret 2022 di sekretariat Pondok Pesantren Cipasung, Desa
Cipakat, kec. Singaparna Kabupaten Tasikmalaya.

Berdasarkan hasil dari wawancara yang telah dilakukan, penulis membuat alur
dari pendaftaran santri serta alur dari pengisian rapor milik santri sehingga dapat
digambarkan sebagai berikut.

Gambar 3.1 Alur Pendaftaran Santri di Pondok Pesantren Cipasung Bagi Santri

17
 18

Santri mendaftar secara manual dengan berkunjung ke pondok pesantren

Cipasung. Lalu calon santri datang ke sekretariat pondok pesantren Cipasung untuk
mendaftar sebagai santri. Setelah itu calon santri diajak oleh salah satu pengurus untuk
berkeliling meninjau asrama sebagai tempat tinggal sementara calon santri selama
menempuh pendidikan di pondok pesantren. Setelah calon santri merasa nyaman
dengan asrama yang dipilih sesuai kapasitas asrama yang ada, calon santri kembali ke
sekretariat pondok pesantren Cipasung untuk mengisi formulir yang di berikan oleh
pengurus kesekretariatan pondok pesantren Cipasung. Setelah pengisian formulir
selesai, calon santri diwajibkan melakukan pembayaran secara langsung. Selepas
pembayaran tunai dilakukan, maka calon santri pulang terlebih dahulu untuk
mengambil pakaian–pakaian dan beberapa alat yang dibutuhkan sehari-hari seperti:
alat mandi, alat tulis, dan lain-lain.

Gambar 3.2 Alur Pendaftaran Santri di Pondok Pesantren Cipasung Bagi Pengurus

Pada saat calon santri datang ke pondok pesantren Cipasung pengurus

menyambut calon santri yang datang mengunjungi Pondok Pesantren Cipasung.
Pengurus kemudian mengajak calon santri mengelilingi Pondok Pesantren Cipasung
untuk mengetahui di mana calon santri tersebut memilih asrama yang ingin di tempati
oleh calon santri. Pengurus kemudian memberikan formulir untuk dilengkapi calon
santri. Setelah calon santri melengkapi berkas kemudian calon santri membayar biaya
pendaftaran. Berkas tersebut kemudian di simpan di lemari pemberkasan untuk
kemudian diolah oleh kesekretariatan pesantren Cipasung.
 19

Gambar 3.3 Alur Pengisian Nilai Rapor di Pondok Pesantren Cipasung

Berikut ini merupakan alur pengisian rapor, para santri akan mengikuti kegiatan
pengajian yang diakhiri dengan ujian dari guru-guru di pesantren. Ujian tersebut
dibagi menjadi tiga aspek, yaitu ujian lisan, ujian tulis, dan ujian praktik. Setelah
santri dites dan mengikuti ujian, para guru memberikan nilai antara 0 sampai 100
dengan mengisi daftar nilai sesuai dengan kemampuan santri pada kertas secara
manual.

Nilai yang telah dimasukkan ke daftar nilai oleh guru tersebut kemudian di
serahkan kepada pengurus asrama yang nantinya direkap oleh pengurus asrama secara
manual, setelah nilai di rekap oleh pengurus asrama untuk menentukan apakah santri
tersebut lulus pada ujian tersebut atau tidak. Apabila keputusan dari pengurus asrama
telah selesai kemudian hasil rapor tersebut diberikan kepada santri yang bersangkutan
dan diperlihatkan kepada orang tuanya masing-masing.

B. PERENCANAAN

Pada tahap ini penulis melakukan perencanaan mengenai apa saja yang akan
dibuat sehingga dapat memudahkan penulis dalam mengimplementasikan analisis
kebutuhan yang telah didapatkan pada tahap komunikasi sebelumnya ke dalam sistem.
Pada tahap perencanaan ini penulis akan menggunakan usecase diagram, activity
diagram, dan desain interface dari sistem informasi pendaftaran dan akademik pondok
pesantren Cipasung.
 20

1. Use Case Diagram

Di dalam use case diagram penulis menjelaskan interaksi antaran sistem dengan
aktor. Setiap aktor memiliki perannya masing-masing di dalam sistem yang sedang di
buat oleh penulis. Pada sistem ini terdapat 4 aktor yang terlibat. Di antaranya yaitu:
Admin, Guest, Santri dan Guru

Aktor admin merupakan aktor yang memiliki akses dan mengatur segala hal yang
ada pada sistem ini. Aktor Admin akan di kelola oleh pengurus kesekretariatan pondok
pesantren Cipasung, data seluruh pengguna halaman utama. Data santri yang bisa di atur
oleh admin, seperti menambah dan menghapus informasi pesantren, menambahkan
asrama, data santri dan data guru yang ada di pondok pesantren Cipasung.
Menambahkan atau mendaftarkan santri maupun guru dan mengelola semua data yang
ada, mengelola akun santri dan akun guru yang sudah di tetapkan, mengisi nilai raport
santri dan juga mengubah tampilan utama. Aktor admin diwajibkan untuk melakukan
login terlebih dahulu untuk dapat mengakses fitur tersebut.

Aktor guest di dalam sistem merupakan seorang calon santri yang tidak perlu
login untuk mengakses fiturnya. Semua yang mengakses website ini tanpa melakukan
login ini yang di sebut guest. Guest ini bisa mengakses fitur-fitur yang ada seperti
mengakses halaman utama, melihat asrama, mendaftar sebagai calon santri melihat
informasi yang ada di pondok pesantren Cipasung dan mendaftar calon santri tanpa bisa
mengedit.

Aktor santri merupakan calon santri yang sudah terdaftar di pondok pesantren
Cipasung. Santri bisa mengakses website dengan cara melakukan login terlebih dahulu
untuk melihat nilai rapor dan biodata.

Aktor guru merupakan guru yang berada di pondok pesantren cipasung. Guru bisa
mengakses website dengan cara melakukan login terlebih dahulu untuk mengisi nilai
dan melihat rapor dan melihat biodata guru.

Berdasarkan alur yang telah digambarkan sebelumnya maka dapat dibuat

usecase diagram sebagai berikut.
 21

Gambar 3.4 Usecase Diagram

 22

2. Activity Diagram
Di bawah ini merupakan gambar rancangan activity diagram dari alur yang akan
dilakukan oleh calon santri pada saat akan melakukan pendaftaran menjadi santri
baru pada pondok pesantren Cipasung. Pada gambar di bawah, calon santri disebut
sebagai aktor guest. Guest akan diminta untuk membuka website yang kemudian
akan menampilkan halaman tempat guest dapat melakukan pendaftaran. Apabila
halaman pendaftaran pada website telah muncul, guest akan melakukan klik pada
tombol pendaftaran yang akan memunculkan form pendaftaran yang wajib diisi
secara lengkap oleh guest. Setelah guest mengisi data yang sesuai dengan yang
diminta pada form pendaftaran, guest akan melakukan tombol daftar yang ada pada
form tersebut. Data guest akan disimpan oleh sistem dan kemudian sistem akan
menampilkan nomor rekening dari pesantren Cipasung sehingga orang tua dari calon
santri/guest dapat melakukan pembayaran. Setelah pembayaran berhasil, maka
sistem akan menampilkan notifikasi bahwa pembayaran berhasil dan pendaftaran
selesai

Gambar 3.5 Activity Diagram Pendaftaran Santri Baru

 23

Gambar di bawah ini merupakan alur dari konfirmasi pembayaran dari santri
baru pada saat calon santri telah melakukan pendaftaran yaitu pengisian data diri pada
form yang ada pada sistem. Setelah data diri calon santri disimpan, data tersebut akan
masuk pada data yang dimiliki oleh admin. Data tersebut dapat dilihat oleh admin
setelah admin melakukan login. Admin akan membuka menu konfirmasi pembayaran
yang menampilkan daftar data diri calon santri beserta bukti pembayarannya. Apabila
admin telah menyetujui bukti tersebut, maka sistem akan memberitahu bahwa santri
telah berhasil diterima pada pesantren Cipasung.

Gambar 3.6 Activity Diagram Mengelola Pendaftaran Santri Baru

 24

Di bawah ini merupakan gambar dari alur pada saat admin melakukan pengisian
dan pengeditan nilai rapor milik santri. Admin/guru akan melakukan login pada sistem
dengan mengisikan username dan password milik admin/ guru. Setelah itu sistem akan
menampilkan halaman utama yang di mana terdapat tombol menu input nilai.
Admin/guru diminta untuk melakukan klik pada tombol input nilai tersebut untuk dapat
melakukan pengisian dan pengeditan nilai santri. Setelah admin melakukan klik pada
tombol tersebut, admin/guru dapat mengisi atau mengedit nilai santri. Apabila admin
telah selesai, maka data akan tersimpan pada sistem. Data yang tersimpan pada sistem
dapat dicetak apabila dibutuhkan.

Gambar 3.7 Activity Diagram Mengisi dan Mengedit Nilai Rapor

 25

Di bawah ini merupakan gambar dari alur pada saat santri akan melakukan
pencetakan nilai rapot. Pada saat santri telah melakukan login santri akan melihat
halaman utama milik santri. Santri akan melakukan klik pada menu rapot yang
kemusian sistem akan menampilkan rapot milik santri. Apabila ssantri akan mencetak
rapot miliknya, maka santri akan melakukan klik pada tombol cetak rapot dan sistem
akan mencetak rapot milik santri tersebut.

Gambar 3.8 Activity Diagram Melihat dan Mencetak Rapor

Gambar di bawah ini merupakan gambar dari alur pada saat admin akan
melakukan penambahan data mata pelajaran dari santri. Admin akan melakukan login
terlebih dahulu sehingga sistem akan menampilkan halaman utama dari admin.
Kemudian admin akan melakukan klik pada tombol menu akademik lalu klik tombol
mata pelajaran. Setelah sistem menampilkan halaman dari mata pelajaran, admin
diminta untuk melakukan klik pada tombol tambah mata pelajaran. Pada saat setelah
 26

admin melakukan klik pada tombol tersebut, sistem akan menampilkan form mata
pelajaran untuk diisi oleh admin. Setelah admin selesai mengisi, admin akan melakukan
klik pada tombol simpan untuk disimpan oleh sistem.

Gambar 3.9 Activity Diagram Menambah Data Mata Pelajaran

Gambar di bawah ini merupakan gambar dari alur pada saat admin akan
melakukan penambahan pada data tahun akademik. Admin akan melakukan login. Pada
saat admin telah melakukan login, sistem akan menampilkan halaman utama milik
admin. Pada halaman utama tersebut, admin akan melakukan klik pada tombol menu
akademik kemudian klik tahun akademik. Setelah admin melakukan klik pada menu
tersebut, sistem akan menampilkan form tahun akademik yang dapat diisi oleh admin.
Setelah admin mengisi form tersebut, admin diminta untuk melakukan klik pada tombol
simpan untuk disimpan oleh sistem.
 27

Gambar 4.0 Activity Diagram Menambah Data Tahun Akademik

Gambar di bawah merupakan gambar dari alur pada saat admin akan melakukan
penambahan pada data guru. Admin akan melakukan login, setelah admin melakukan
login, dari halaman utama tersebut admin akan melakukan klik pada tombol menu
akademik pesantren dan klik tombol guru. Kemudian sistem akan menampilkan
halaman guru. Pada halaman tersebut admin akan melakukan kilik pada tombol tambah
guru untuk menginput. Setelah admin selesai menambahkan guru, admin diminta untuk
melakukan klik pada tombol simpan kemudian data akan disimpan oleh sistem.
 28

Gambar 4.1 Activity Diagram Menambah Data Guru

Gambar di bawah merupakan gambar dari alur pada saat admin akan melakukan
edit pada data asrama. Admin akan melakukan login, setelah admin melakukan login,
dari halaman utama tersebut admin akan melakukan klik pada tombol menu akademik
pesantren dan klik tombol asrama. Kemudian sistem akan menampilkan list asrama.
Pada halaman tersebut admin akan melakukan klik pada tombol edit untuk mengedit
data asrama. Setelah admin selesai mengedit data asrama, admin diminta untuk
melakukan klik pada tombol simpan kemudian data akan disimpan dan diperbarui oleh
sistem.
 29

Gambar 4.2 Activity Diagram Mengedit Data Asrama

Gambar di bawah merupakan gambar dari alur pada saat admin akan melakukan
profil dari pesantren. Admin akan melakukan login, setelah admin melakukan login,
dari halaman utama tersebut admin akan melakukan klik pada tombol menu akademik
pesantren dan klik tombol tentang pesantren. Kemudian sistem akan menampilkan
halaman form tentang pesantren. Pada halaman tersebut admin akan melakukan kilik
pada tombol edit untuk mengedit profil dari pesantren. Setelah admin selesai mengedit,
admin diminta untuk melakukan klik pada tombol simpan kemudian data akan disimpan
oleh sistem.
 30

Gambar 4.3 Activity Diagram Mengedit Tentang Pesantren

Gambar di bawah merupakan gambar dari alur pada saat admin akan melakukan
penambahan pada data asrama. Admin akan melakukan login, sete;ah admin melakukan
login, dari halaman utama tersebut admin akan melakukan klik pada tombol menu
akademik pesantren dan klik tombol asrama. Kemudian sistem akan menampilkan list
asrama. Pada halaman tersebut admin akan melakukan kilik pada tombol tambah asrama
untuk menambahkan data asrama. Setelah admin selesai menambahkan data asrama,
admin diminta untuk melakukan klik pada tombol simpan kemudian data akan disimpan
oleh sistem.
 31

Gambar 4.2 Activity Diagram Menambah Data Asrama

 32

3. Desain User Interface

Di bawah ini merupakan gambar rancangan dari desain user interface (UI) yang
akan digunakan pada sistem informasi pendaftaran dan akademik pondok pesantren
Cipasung.

Gambar 4.3 Rancangan Tampilan Depan

 33

Gambar di atas ini merupakan halaman depan dari website pondok

pesantren Cipasung. Tampilan ini merupakan tampilan depan yang akan terlihat
apabila calon santri membuka website pondok pesantren Cipasung.

Gambar 4.4 Rancangan Tampilan Halaman Kegiatan

Gambar di atas ini merupakan tampilan halaman kegiatan ketika calon santri ingin
mengetahui jadwal kegiatan yang ada di pondok pesantren Cipasung.

Gambar 4.5 Rancangan Tampilan Halaman Galeri Pesantren

 34

Gambar di atas ini merupakan tampilan halaman galeri pesantren untuk

mengetahui fasilitas dan asrama yang ada di pondok pesantren cipasung.

Gambar 4.6 Rancangan Tampilan Halaman Hubungi Kami

Gambar di atas merupakan tampilan halaman hubungi kami untuk bertanya kepada
admin dan akan masuk ke halaman admin.
 35

Gambar 4.7 Rancangan Halaman Depan Admin

Gambar di atas ini merupakan halaman depan admin yang akan terlihat oleh admin
setelah melakukan login.

Gambar 4.8 Rancangan Halaman Input Tahun Akademik

Gambar di atas ini merupakan halaman input tahun akademik untuk mengetahui
tahun akademik, semester, kelas, dan status santri sehingga berguna untuk mengisi
rapor.
 36

Gambar 4.9 Rancangan Halaman Input Materi Pengajian

Gambar di atas ini merupakan halaman input materi pengajian untuk menginput
apa saja yang di pelajari dan yang di ambil sesuai dengan materi pengajiannya.

Gambar 5.0 Rancangan Halaman Login

Gambar di atas ini merupakan halaman login ini pada saat admin, guru, santri
melakukan login yang sudah memiliki akun.
 37

Gambar 5.1 Rancangan Halaman Input Asrama

Gambar di atas ini merupakan halaman input asrama untuk menginput

data asrama yang ada di pondok pesantren Cipasung.

Gambar 5.2 Rancangan Halaman Input Asrama

Gambar di atas ini merupakan halaman input santri untuk melihat santri yang sudah
terdaftar, menambahkan, dan menghapus santri yang ada.
 38

Gambar 5.3 Rancangan Halaman Daftar Santri

Gambar di atas ini merupakan halaman daftar santri jika santri ingin melakukan
pendaftaran, isi formulir yang ada di atas terlebih dahulu

Gambar 5.4 Rancangan Halaman pertama Santri

Gambar di atas merupakan halaman pertama santri setelah melakukan login.

 39

Gambar 5.5 Rancangan Halaman Biodata Santri

Gambar di atas ini merupakan halaman biodata santri untuk melihat biodata yang
ada atau mengubah apabila ada kesalahan dalam mengisi biodata.

Gambar 5.6 Rancangan Halaman Melihat Hasil Rapor Santri

Gambar di atas ini merupakan halaman melihat hasil rapor santri untuk melihat
nilai santri yang sudah selesai melaksanakan ujian.
 40

Ga
mbar 5.7 Rancangan Halaman menginput Kartu Rencana Pengajian

Gambar di atas merupakan menginput kartu rencana pengajian untuk

menambahkan materi pengajian yang di ambil oleh santri atau menghapus materi
pengajian yang ada.

Gambar 5.8 Rancangan Tampilan Halaman depan Guru

Gambar di atas merupakan tampilan halaman depan guru ketika guru sudah
melakukan login

Gambar 5.9 Rancangan Halaman Biodata Guru

 41

Gambar di atas merupakan halaman tampilan biodata guru untuk melihat biodata
guru dan mengubah apabila terjadi kesalahan.

Gambar 6.0 Rancangan Halaman Input Nilai Raport

Gambar di atas merupakan halaman input nilai rapor untuks mengisi rapor santri
yang telah mengikuti ujian.

Gambar 6.1 Rancangan Halaman User

Gambar di atas merupakan halaman user untuk mengelola user yang ada di admin.
 42

Gambar 6.2 Rancangan Halaman Input Tentang Pesantren

Gambar di atas merupakan halaman input tentang pesantren untuk

menginput sejarah pesantren dan visi misi pesantren.

Gambar 6.3 Rancangan Halaman Input Jadwal Kegiatan Pesantren

Gambar di atas merupakan halaman input jadwal kegiatan untuk mengisi kegiatan
yang ada di pondok pesantren Cipasung
 43

Gambar 6.4 Rancangan Halaman Kontak

Gambar di atas ini merupakan halaman kontak kami untuk menjawab

pertanyaan yang ada.

C. PERMODELAN
Pada tahap ini penulis melakukan analisis pada perencanaan sistem yang telah
dilakukan sebelumnya sehingga memudahkan pada pengembang dalam
mengembangkan suatu sistem. Pada tahap permodelan ini penulis akan menggunakan
Class Diagram dan Entity Relatioship Diagram dari sistem informasi pendaftaran dan
akademik pondok pesantren Cipasung.

1. Class Diagram

Pada perancangan sistem informasi pendaftaran dan akademik pondok

pesantren Cipasung ini terdapat 13 class yang telah di rancang di antaranya
yaitu user, santri, guru, asrama, mata pelajaran, rapor, tahun akademik, auth,
informasi, tentang pesantren, hubungi kami, identitas dan melihat rapor.
 44

Class user berguna sebagai akses ke halaman dashboard masing-masing role

seperti admin, santri dan guru. Class mata pelajaran berguna sebagai
pengubung yang digunakan untuk mengelola data dari mata pelajaran milik
santri yang

Gambar 6.5 Class Diagram Sistem Informasi Ponpes Cipasung

1. Entity Relationship Diagram (ERD)

 45

Pada perancangan sistem informasi ini penulis merancang entity relationship

diagram dengan jumlah 11 entity. Diantaranya yaitu raport, tahun_akademik,
asrama, guru, user, santri, matapelajaran, hubungi_kami, informasi, identitas,
tentang pesantren.

Gambar 6.6 ERD Sistem Informasi Ponpes Cipasung

 Daftar Pustaka
Cholifah, W. N., Yulianingsih, & Sagita, S. M. (2018). Pengujian Black Box Testing
Pada Aplikasi Action & Strategy Berbasis Android Dengan Teknologi
Phonegap. Jurnal String, 2007.

Destiningrum, M., & Adrian, Q. J. (2017). Sistem Informasi Penjadwalan Dokter

Berbassis Web Dengan Menggunakan Framework Codeigniter (Studi Kasus:
Rumah Sakit Yukum Medical Centre) . Jurnal Teknoinfo, 32.

Fahmi, H., Sari, W. P., & Kusumastuti, A. (2020). Pengembangan Aplikasi Repositori
Publikasi Penelitian Dan Pengabdian Menggunakan Framework Php Berbasis
Mvc . Issn 2598-7852, 9.

Haswan, F. (2018). Perancangan Sistem Informasi Pendataan Penduduk Kelurahan

Sungai Jering Berbasis Web Dengan Object Oriented Programming. Jurnal
Teknologi Dan Open Source , 93.

Ichsan, N., Alfarizi, S., Gunawan, D., Mulyawan, A. R., & Basri, H. (2021). Sistem
Informasi Pendaftaran Santri Baru Berbasis Web Dengan Pemanfaatan Uml
Pada Ponpes Daarun Nizham . Profitabilitas Jurnal.

Indriyani, F., Yunita, Muthia, D. A., Surniandari, K., & Sriyadi. (2019). Analisa
Perancangan Sistem Informasi. Yogyakarta: Graha Ilmu.

Iskandar, A. R. (2020). Menguasai Pemograman Berorientasi Objek. Bandung.

Josi, A. (2017). Penerapan Metode Prototiping Dalam Pembangunan Website Desa

(Studi Kasus Desa Sugihan Kecamatan Rambang) . Jti, 52.

Maharani, M. A. (2018). Analisa Dan Perancangan Sistem Informasi Dengan

Codeigniter Dan Laravel. Yogyakarta: Lokomedia.

Nurliana, N., & Esabella, S. (2020). Rancang Bangun Aplikasi Pendaftaran Yudisium
Pada Fakultas Teknik Universitas Teknologi Sumbawa Berbasis Web . Jinteks
(Jurnal Informatika Teknologi Dan Sains), 241.

Prima, J., & Sihombing, E. G. (2019). Sistem Informasi Penerimaan Santri Baru
Berbasis Web Pada Pesantren Islam Hidayatunnajah Bekasi. Inti Nusa Mandiri,
41.

Rachman, F. P. (2020). Perancangan Sistem Informasi Pendaftaran Santri Baru Ppm

Al - Musawwa. Surakarta: Universitas Muhammadiyah Surakarta.

Rahmansyah, A. R., Anardani, S., & Nita, S. (2019). Analisis Perancangan Sistem
Informasi Pengelolaan Data Prestasi Mahasiswa Berbasis Website (Studi Kasus :
Program Studi Teknik Informatika Unipma). Seminar Nasional Teknologi
Informasi Dan Komunikasi 2019 “Teknologi Humanis Di Era Society 5.0”.

46
Rifai, A., & Yuniar, Y. P. (2019). Penerapan Metode Waterfall Dalam Perancangan
Sistem Informasi Ujian Pada Smk Indonesia Global Berbasis Web. Jurnal
Khatulistiwa Informatika.

Rochman, A., Sidik, A., & Nada, N. (2018). Perancangan Sistem Informasi
Administrasi Pembayaran Spp Siswa Berbasis Web Di Smk Al-Amanah . Jurnal
Sisfotek Global , 52.

Salmah, U., & Khasanah, F. N. (2017). Pengujian Sistem Informasi Penjualan

Undangan Pernikahan Online Berbasis Web Menggunakan Black Box Testing.
Information Management For Educators And Professionals , 37.

Susanti, M. (2016). Perancangan Sistem Informasi Akademik Berbasis Web Pada Smk
Pasar Minggu Jakarta. Jurnal Informatika.
Sutoyo, I. (2019). Perancangan Sistem Informasi Penerimaan Santri Baru Menggunakan
Model Waterfall . Inti Nusa Mandiri.

Utomo, P., Sakuroh, L., & Yulinar, F. (2018). Perancangan Sistem Informasi Akademik
Berbasis Web Di Smp Pgri 174 Cikupa . Jurnal Sisfotek Global .

Waidah, D. F., & Fatmala, R. I. (2022). Perancangan Sistem Informasi Pendaftaran

Siswa Baru Pada Pondok Pesantren Ahlussunah Walijama’ah Nurul Hijrah
Yayasan Ustman Muharam Berbasis Website Di Kabupaten Karimun . Jurnal
Tikar .

Yudhanto, Y., & Prasetyo, H. A. (2019). Mudah Menguasai Framework Laravel.

Jakarta.

47
 LAMPIRAN
Lampiran 1 wawancara dengan pengurus sekretariat Pondok Pesantren Cipasung

Nama : Hasan Basri M.Pd. Dan Ahmad Syahid M.Pd.

Jabatan : Kepala Bagian Dan Staf Kesekretariatan Pondok Pesantren Cipasung
Tanggal : 15 November 2021
Waktu : 10.00
Tempat : Sekretariat Pondok Pesantren Cipasung

Ada berapa asrama di pondok pesantren Cipasung? Ada berapa santri di

Peneliti: pondok pesantren Cipasung? dan ada berapa asrama serta fasilitas apa
saja yang tersedia di pesantren Cipasung

Putra ada 10 putri 11 totalnya ada 21 asrama, setiap asrama ada 100 – 200
Santri, Fasilitas ada asrama, masjid, wisma (tempat penginapan orang tua
Narasumber:
santri, tempat mini market, lapangan, tempat parkir, WC umum, dan di
setiap asrama juga ada WC-nya

Peneliti: Untuk sistem pendaftaran santri di pondok pesantren Cipasung?

Santri mendaftar secara manual atau datang ke pondok pesantren

Narasumber:
Cipasung untuk daftar

Peneliti: Apakah ada kendala ketika pendaftaran secara manual ?

Narasumber: Adapun kendalanya mengantari dan berkas yang mudah hilang atau rusak
Bagaimana jika di buatkan sistem pendaftaran santri baru berbasis
Peneliti:
website?
Pondok pesantren ini tidak melihat perkembangan teknologi bahkan
jarang sekali adanya digitalisasi dan komputerisasi dalam kegiatan dan
informasinya melainkan hanya mengadakan pengajian dan kegiatan
Narasumber:
keagamaan lainnya. Namun pada zaman sekarang ini perkembangan
teknologi semakin dibutuhkan, oleh karena itu di pondok pesantren harus
dilengkapi dengan sistem informasi berbasis Online atau digital.

Peneliti: Apakah sebelumnya di pondok pesantren ada sistem informasi?

Belum ada, semua aktivitas pesantren disini masih dilakukan secara

Narasumber:
manual

Peneliti: Bagaimana untuk pengolahan di pondok pesantren Cipasung ini?

Untuk pengolahannya di olah oleh bagian kesekretariatan menangani

Narasumber:
pendaftaran dan mengolah data santri

48
Peneliti: Seperti apa alur pendaftaran santri di pondok pesantren Cipasung ini?
Santri berkunjung kesekretariatan pondok pesantren Cipasung untuk
mendaftar. Kemudian pengurus kesekretariatan mengajak untuk
mengelilingi pesantren untuk melihat asrama dan fasilitas yang ada di
pondok pesantren Cipasung kemudian setelah mengelilingi pesantren
calon santri memilih asrama yang masih tersedia kapasitasnya untuk
tempat tinggal selama menempuh pendidikan di pondok pesantren ini.
Narasumber: Setelah itu calon santri kembali kesekretariatan pondok pesantren
Cipasung untuk mengisi formulir yang di berikan oleh pengurus
kesekretariatan. Kemudian calon santri membayar secara langsung.
Setelah itu berkas diletakan di lemari pemberkasan oleh pengurus
kemudian calon santri pulang terlebih dahulu untuk membawa pakaian-
pakaiannya dan beberapa alat yang dibutuhkan sehari-hari seperti alat
mandi, alat tulis dan lain-lain.

49
Lampiran 2 wawancara dengan guru yang ada di Pondok Pesantren Cipasung
Nama : Anggi Rustandi S.Pd.I.
Jabatan : Guru
Tanggal : 21 Maret 2022
Waktu : 13.00
Tempat : Sekretariat pondok pesantren Cipasung

Peneliti: Bagaimana sistem penilaian rapor pesantren?

Penilaian rapor masih melakukan secara manual di input melalui word
Narasumber: kemudian di ketik oleh guru lalu di print dan di berikan kepada santri
berbentuk kertas.
Peneliti: Apakah ada kendala ketika penilaian secara manual ?
Narasumber: Ada, kendalanya berkas rapor mudah hilang ataupun rusak
Peneliti: Bagaimana alur rapor yang ada di pondok pesantren Cipasung ini?
Para santri akan mengikuti kegiatan pengajian yang diakhiri dengan
ujian dari guru-guru di pesantren. Ujian tersebut dibagi menjadi tiga
aspek, yaitu ujian lisan, ujian tulis, dan ujian praktik. Setelah santri
dites dan mengikuti ujian, para guru memberikan nilai antara 0 sampai
100 dengan mengisi daftar nilai sesuai dengan kemampuan santri pada
kertas secara manual. Nilai yang telah dimasukkan ke daftar nilai oleh
Narasumber: guru tersebut kemudian di serahkan kepada pengurus asrama yang
nantinya di rekap oleh pengurus asrama secara manual, setelah nilai di
rekap oleh pengurus asrama untuk menentukan apakah santri tersebut
lulus pada ujian tersebut atau tidak. Apabila keputusan dari pengurus
asrama telah selesai kemudian hasil rapor tersebut diberikan kepada
santri yang bersangkutan dan diperlihatkan kepada orang tuanya
masing-masing.

Lampiran 3 dokumentasi wawancara

50
51