Program Aplikasi SISPON - FIKS

PROGRAM APLIKASI SISTEM INFORMASI PONDOK
PESANTREN (SISPON)
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga
MOCH AZMI ISKANDAR NIM : 12191497

SAHDIT TAUFIK AHMAD REZA NIM : 12190881
UJANG ANDI NIM : 12190780
Program Studi Sistem Informasi Kampus Kota Tasikmalaya

PSDKU Kota Tasikmalaya
Universitas Bina Sarana Informatika
2022
SURAT PERNYATAAN KEASLIAN TUGAS AKHIR
Yang bertanda tangan di bawah ini:
Nama : Moch Azmi Iskandar

NIM : 12191497
Jenjang : Diploma Tiga (D3)
Program Studi : Sistem Informasi
Fakultas/PSDKU : Teknik dan Informatika PSDKU Tasikmalaya
Perguruan Tinggi : Universitas Bina Sarana Informatika
Nama : Sahidt Taufik Ahmad Reza

NIM : 12190881
Nama : Ujang Andi

NIM : 12190780
Dengan ini menyatakan bahwa Tugas Akhir yang telah kami buat dengan judul:
“Program Aplikasi Sistem Informasi Pondok Pesantren (SISPON)”, adalah
asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah
diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun.
Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada
paksaan dari pihak manapun juga. Apabila di kemudian hari ternyata saya
memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa
(Tugas Akhir pada Program Diploma Tiga (D3)) yang telah saya buat adalah
hasil karya milik seseorang atau badan tertentu, saya bersedia diproses baik
secara pidana maupun perdata dan kelulusan saya dari Universitas Bina Sarana
Informatika dicabut/dibatalkan.
Dibuat di : Tasikmalaya
Pada tanggal : 18 Juli 2022
Yang menyatakan
Materai 10.000
Moch Azmi Iskandar
Sahidt Taufik Ahmad Reza
Ujang Andi
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA
ILMIAH
Yang bertandatangan di bawah ini, Penulis:

Nama : Moch Azmi Iskandar
NIM : 12191497
Program Studi : Sistem Informasi Kampus Kota Tasikmalaya
PSDKU : Kota Tasikmalaya
Nama : Sahidt Taufik Ahmad Reza

NIM : 12190881
Nama : Ujang Andi

NIM : 12190780
dan Pihak Perusahaan tempat PKL/Riset:

Nama : KH. Cecep Nurholis, M.Pd.I
Jabatan : Ketua Yayasan
Perusahaan : Yayasan Pondok Pesantren Al-Khoeriyah Bantar
Sepakat atas hal-hal di bawah ini:

1. Yayasan Pondok Pesantren Al-Khoeriyah Bantar menyetujui untuk
memberikan kepada penulis dan Universitas Bina Sarana Informatika Hak
Bebas Royalti Non-ekslusif atas penelitian dalam rangka penyusunan karya
ilmiah dengan Judul, “Perancangan Program Aplikasi Sisten Informasi
Pondok Pesantren (SISPON)” yang disusun oleh penulis.
2. Yayasan Pondok Pesantren Al-Khoeriyah Bantar memberikan persetujuan
kepada penulis dan Universitas Bina Sarana Informatika untuk mengunggah
karya ilmiah Penulis pada repository Universitas Bina Sarana Informatika
https://repository.bsi.ac.id (Publikasi) terbatas hanya untuk keperluan
akademis, tidak untuk tujuan/kepentingan komersial.
3. Yayasan Pondok Pesantren Al-Khoeriyah Bantar telah menyediakan data
atau informasi yang diperlukan untuk penyusunan karya ilmiah Penulis.
Dalam hal terjadi kesalahan ataupun kekurangan dalam penyediaan data dan
atau informasi maka Yayasan Pondok Pesantren Al-Khoeriyah Bantar
dalam bentuk apapun tidak bertanggung jawab dan tidak dapat dimintakan
pertanggung jawaban oleh siapapun termasuk atas materi/isi karya ilmiah
penulis atau materi/isi dan publikasi di repository Universitas Bina Sarana
Informatika. Yayasan Pondok Pesantren Al-Khoeriyah Bantar juga tidak
bertanggung jawab atas segala dampak dan atau kerugian yang timbul
dalam bentuk apapun akibat tindakan yang berkaitan dengan penggunaan
data dan atau informasi yang terdapat pada publikasi yang dimaksud.
Demikian kesepakatan ini dibuat dengan sebenarnya.
Dibuat di : Tasikmalaya
Pada tanggal : 18 Juli 2022
Menyetujui, Penulis,
Yayasan Ponpes Al-Khoeriyah Bantar
KH. Cecep Nurholis, M.Pd.I Moch Azmi Iskandar

Ketua Yayasan NIM : 12191497
Sahidt Taufik Ahmad reza
NIM : 12190881
Ujang Andi
NIM : 12190780
LEMBAR PERSETUJUAN DAN PENGESAHAN TUGAS
AKHIR
LEMBAR KONSULTASI TUGAS AKHIR
KATA PENGANTAR
Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT,
yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya
penulis dapat menyelesaikan tugas ini dengan baik. Tugas Akhir pada Program
Diploma Tiga (D3) ini penulis sajikan dalam bentuk buku yang sederhana.
Adapun judul Tugas Akhir, yang penulis ambil sebagai berikut, “Program
Aplikasi Sitem Informasi Pondok Pesantren (SISPON)”.
Tujuan penulisan Tugas Akhir pada Program Diploma Tiga (D3) ini dibuat
sebagai salah satu syarat kelulusan Program Diploma Universitas Bina Sarana
Informatika. Sebagai bahan penulisan diambil berdasarkan hasil penelitian
(eksperimen), observasi dan beberapa sumber literatur yang mendukung
penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari
semua pihak, maka penulisan Tugas Akhir ini tidak akan berjalan lancar. Oleh
karena itu pada kesempatan ini, ijinkanlah penulis menyampaikan ucapan terima
kasih kepada:
1. Rektor Universitas Bina Sarana Informatika.
2. Dekan Fakultas Agung Baitul Hikmah, S.Kom, M.Kom
3. Ketua Program Studi Sistem Informasi Universitas Bina Sarana Informatika.
4. Ibu Ai Ilah Warnilah, S.T, M.Kom selaku Dosen Pembimbing Tugas Akhir.
5. Ibu Ratningsih, SE, MMSI selaku Asisten Pembimbing Tugas Akhir.
6. Staff / karyawan / dosen di lingkungan Universitas Bina Sarana Informatika.

7. Bapak KH. Cecep Nurholis, M.Pd.I selaku Ketua Yayasan Ponpes Al-
Khoeriyah Bantar
8. Staff / karyawan di lingkungan Yayasan pondok Pesantren Al-Khoeriyah
Bantar.
9. Orang tua tercinta yang telah memberikan dukungan moral maupun
spiritual.
10. Rekan-rekan mahasiswa kelas 12.6A.17.
Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga
terwujudnya penulisan ini. Penulis menyadari bahwa penulisan Tugas Akhir ini
masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang
bersifat membangun demi kesempurnaan penulisan di masa yang akan datang.
Akhir kata semoga Tugas Akhir ini dapat berguna bagi penulis khususnya
dan bagi para pembaca yang berminat pada umumnya.
Tasikmalaya, 18 Juli 2022
Penulis
Moch Azmi Iskandar

Sahidt taufik Ahmad Reza
Ujang Andi
ABSTRAKSI
Moch Azmi Iskandar (12191497), Ujang Andi (12190780), Sahidt Taufik
Ahmad Reza (12190881), Program Aplikasi SISPON Berbasis Website Pada
Yayasan Pondok Pesantren Al-khoeriyah Bantar, Tasikmalaya
Sistem informasi Pondok Pesantren merupakan suatu sistem yang memberikan
informasi tentang pondok pesantren, kegiatan, pengumuman, berita, kegiatan
sekolah maupun kegiatan pesantren, data diri guru, kelas, jurusan yang ada di
pondok pesantren, data alumni, data absensi, data penilaian, dan lain-lain. Pada
Yayasan Pondok Pesantren Al-khoeriyah Bantar pengolahan data dan informasi
masih dilakukan secara manual mulai dari pendaftaran siswa baru, menyebarkan
berita atau pengumuman ke masyarakat melalui banner, dan penginputan
laporan absensi. Sistem manual tersebut seringkali menimbulkan permasalahan
yang memerlukan waktu yang lama. Masalah lainnya yang sering terjadi pada
penyimpanan dokumen seperti hilangnya arsip, pencarian data hingga rusaknua
arsip tersebut. Tujan dari tugas akhir ini penulis merancang sebuah program
aplikasi sistem informasi pondok pesantren berbasi web untuk mempermudah
pengolahan data dari santri, siswa, dan para calon siswa Yayasan pondok
pesantren al-khoeriyah yaitu dengan program aplikasi sistem informasi pondok
pesantren dengan menggunakan pengembangan perangkat lunak model extreme
programming dan bahasa pemograman PHP dengan database MySQL. Manfaat
dan hasil dari program aplikasi sistem informasi pondok pesantren berbasis web
ini adalah menyediakan fasilitas yang memudahkan bagi, masyarakat untuk bisa
mencari tahu informasi tentang pesantren tidak perlu datang ke pesantren, hanya
melalui website bisa mencari informasi yang diinginkan. Bagi siswa, alumni
agar bisa melihat pengumuman, kegiatan melalui website, dan para guru bisa
menyimpan arsip, dan melakukan absensi para siswa melalui website.
Kata kunci : Perancangan Sistem Informasi, Siswa, Guru, Alumni, Website

ABSTRACT
Moch Azmi Iskandar (12191497), Ujang Andi (12190780), Sahidt Taufik
Ahmad Reza (12190881), Program Application SISPON Based Website At
Islamic boarding school foundation Al-khoeriyah Bantar, Tasikmalaya
Pondok Pesantren information system is a system that provides information
about Islamic boarding schools, activities, announcements, news, school
activities and pesantren activities, teacher personal data, classes, majors in
Islamic boarding schools, alumni data, attendance data, assessment data, and
others. At the Al-Khoeriyah Bantar Islamic Boarding School Foundation, data
and information processing is still done manually starting from new student
registration, news sharing or announcements to the public through banners, and
inputting attendance reports. The manual system often causes problems that
take a long time. Other problems that often occur in document storage such as
loss of archives, data search to damage to the archive. The purpose of this final
project is to design a web-based Islamic boarding school information system
application program to facilitate data processing from students, and prospective
students of the Al-Khoeriyah Islamic Boarding School Foundation for the
Islamic boarding school information system application program using extreme
model software development. Programming and programming language PHP
with MySQL database. The benefits and results of this web-based Islamic
boarding school information system application program is to provide facilities
that make it easy for the public to be able to find out information about the
boarding school, no need to come to the boarding school, only through the
website people can find the desired information. For students, alumni to be able
to view announcements, activities through the website, and teachers can keep
archives, and do student attendance through the website.
Keywords: Information System Design, Students, Teachers, Alumni, Website

DAFTAR ISI
SURAT PERNYATAAN KEASLIAN TUGAS AKHIR.................................ii

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH
..............................................................................................................................iii
LEMBAR PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR............v
LEMBAR KONSULTASI TUGAS AKHIR..................................................viii
KATA PENGANTAR......................................................................................xiv
ABSTRAKSI.....................................................................................................xvi
DAFTAR ISI......................................................................................................xx
DAFTAR SIMBOL........................................................................................xxiii
DAFTAR GAMBAR......................................................................................xxiv
DAFTAR TABEL...........................................................................................xxvi
DAFTAR LAMPIRAN..................................................................................xxix
BAB I....................................................................................................................1
PENDAHULUAN................................................................................................1
1.1. Latar Belakang Masalah......................................................................1
1.2. Tujuan dan Manfaat.............................................................................3
1.3. Teknik Pengumpulan Data..................................................................5
1.3.1. Metode Penelitian..............................................................................5
1.3.2. Metode Pengembangan Perangkat unak.........................................7
1.3.2. Teknik Pengumpulan Data................................................................8
1.4. Ruang Lingkup......................................................................................9
BAB II.................................................................................................................10
LANDASAN TEORI.........................................................................................10
2.1. Konsep Dasar Program......................................................................10
2.2. Bahasa Pemrograman........................................................................11
2.3. Kajian Pustaka....................................................................................13
2.4. Tools Program.....................................................................................15
2.4.1. ERD ( Entity Ralationship Diagram )...........................................15
2.4.2. Pengkodean.......................................................................................16
2.5. HIPO ( Hierarchy Input Process Output )..........................................17
2.5.1. Pengertian HIPO..............................................................................17
2.5.2. Jenis Diargam HIPO........................................................................18
BAB III...............................................................................................................19
ANALISIS SISTEM BERJALAN....................................................................19
3.1. Tinjauan Mitra....................................................................................19
3.1.1. Sejarah Mitra...............................................................................19
3.1.2. Struktur Organisasi dan Fungsi.................................................22
3.2. Prosedur/Proses Bisnis Sistem Berjalan...........................................28
3.3. Spesifikasi Dokumen Masukan..........................................................29
3.4. Spesifikasi Dokumen Keluaran.........................................................30
BAB IV................................................................................................................32
SISTEM USULAN.............................................................................................32
4.1. Analisa Kebutuhan.............................................................................32
4.2. Rancangan Sistem...............................................................................33
4.2.1. Use Case Diagram........................................................................33
4.2.2. Class Diagram..............................................................................38
4.3. Rancangan Basis Data........................................................................42
4.3.1. Entity Relationship Diagram (ERD)............................................42
4.3.2. Logical Record Structure (LRS)..................................................44
4.3.3. Spesifikasi File..............................................................................47
4.3.4. Pengkodean..................................................................................82
4.4. Implementasi dan pengujian Unit.....................................................84
4.4.1 Implementasi................................................................................84
B. Implementasi Halaman Guru..............................................................121
4.4.2 Pengujian Unit...........................................................................141
BAB V...............................................................................................................208
PENUTUP........................................................................................................208
5.1 Kesimpulan........................................................................................208
5.2 Saran..................................................................................................209
DAFTAR PUSTAKA......................................................................................210
DAFTAR RIWAYAT HIDUP........................................................................212
SURAT KETERANGAN RISET/PKL..........................................................215
LAMPIRAN.....................................................................................................218
DAFTAR SIMBOL
ENTITAS
Digunakan untuk menggambarkan objek yang dapat
diindentifikasi dalam lingkungan pemakai.
ATRIBUT
Menggambarkan elemen-elemen dari satu entity
yang menggambarkan entity.
RELASI
Entity dapat berhubungan satu sama lain. Hubungan
ini disebut relationship.
GARIS
Digunakan untuk menghubungkan entity dengan
relasi dan entity dengan atribut.
DAFTAR GAMBAR
Gambar I. 1 Metode Penelitian..........................................................................6

Gambar III. 1 Yayasan Pondok Pesantren Al-Khoeriyah Bantar
Tasikmalaya.......................................................................................................19
Gambar III. 2 Struktur Yayasan Ponpes Al-Khoeriyah Bantar...................22
Gambar IV. 1 Use Case Admin 1.....................................................................33
Gambar IV. 4 Use Case Guru 1........................................................................36
Gambar IV. 5 Use Case Guru 2........................................................................37
Gambar IV. 6 Class Diagram Admin 1...........................................................38
Gambar IV. 9 Class Diagram Guru 1..............................................................41
Gambar IV. 10 Entity Relationship Diagram Admin 1................................42
Gambar IV. 11 Entity Relationship Diagram Admin 2.................................43
Gambar IV. 12 Logical Record Structure 1...................................................44
Gambar IV. 13 Logical Record Structure 2....................................................45
Gambar IV. 14 Logical Record Structure 3...................................................46
Gambar IV. 15 Halaman Login Admin...........................................................84
Gambar IV. 16 Halaman Dashboard Admin..................................................85
Gambar IV. 17 Halaman Data Users...............................................................86
Gambar IV. 18 Halaman User Guru...............................................................87
Gambar IV. 19 Halaman Data Siswa MA.......................................................88
Gambar IV. 20 Halaman Data Sisiwa MTs....................................................89
Gambar IV. 21 Halaman Data Umum Jurusan..............................................90
Gambar IV. 22 Halaman Data Kategori Jurusan..........................................91
Gambar IV. 23 Halaman Data Berita Informasi............................................92
Gambar IV. 24 Halaman Data Kelas MTs......................................................93
Gambar IV. 25 Halaman Data Wali Kelas MA..............................................94
Gambar IV. 26 Halaman Data Wali Kelas MTs.............................................95
Gambar IV. 27 Halaman Data Semester.........................................................96
Gambar IV. 28 Halaman Data Tahun Ajaran................................................97
Gambar IV. 29 Halaman Data Mata Pelajaran..............................................98
Gambar IV. 30 Halaman Data Ustadz/Ustadzah...........................................99
Gambar IV. 31 Halaman Data Alumni.........................................................100
Gambar IV. 32 Halaman Data Santri............................................................101
Gambar IV. 33 Halaman Jadwal Mengajar MA..........................................102
Gambar IV. 34 Halaman Jadwal Mengajar MTs.......................................103
Gambar IV. 35 Halaman Data Absensi MA.................................................104
Gambar IV. 36 Halaman Data Absensi MTs...............................................105
Gambar IV. 37 Halaman Pendidikan MA....................................................106
Gambar IV. 38 Halaman Data Pendidikan MTs..........................................107
Gambar IV. 39 Halaman Data Ekskul..........................................................108
Gambar IV. 40 Halaman Data Jenis Ekskul.................................................109
Gambar IV. 41 Halaman Data Agenda.........................................................110
Gambar IV. 42 Halaman Data Berita............................................................111
Gambar IV. 43 Halaman Data Kategori Berita............................................112
Gambar IV. 44 Halaman pengumuman........................................................113
Gambar IV. 45 Halaman Pesan......................................................................114
Gambar IV. 46 Halaman Data Foto...............................................................115
Gambar IV. 47 Halaman Data File................................................................116
Gambar IV. 48 Halaman Data Kategori File................................................117
Gambar IV. 49 Halaman Data Tentang........................................................118
Gambar IV. 50 Halaman Data Kontak.........................................................119
Gambar IV. 51 Halaman Data Beranda........................................................120
Gambar IV. 52 Halaman Dashboar Guru.....................................................121
Gambar IV. 53 Halaman Data Siswa MTs....................................................122
Gambar IV. 54 Halaman Data Siswa MA.....................................................123
Gambar IV. 55 Halaman Jadwal Mengajar MTs........................................124
Gambar IV. 56 Halaman Jadwal Mengajar MA..........................................125
Gambar IV. 57 Halaman Isi Absensi MTs....................................................126
Gambar IV. 58 Halaman Isi Absensi MA....................................................127
Gambar IV. 59 Halaman Rekap Absensi MTs.............................................128
Gambar IV. 60 Halaman Rekap Absensi MA..............................................129
Gambar IV. 61 Halaman Laporan Absensi MTs.........................................130
Gambar IV. 62 Halaman Laporan Absensi MA...........................................131
Gambar IV. 63 Halaman Ekskul....................................................................132
Gambar IV. 64 Halaman Jenis Ekskul..........................................................133
Gambar IV. 65 Halaman Data Agenda.........................................................134
Gambar IV. 66 Halaman Berita.....................................................................135
Gambar IV. 67 Halaman Kategori Berita.....................................................136
Gambar IV. 68 Halaman Foto........................................................................137
Gambar IV. 69 Halaman File.........................................................................138
Gambar IV. 70 Halaman Kategori File.........................................................139
Gambar IV. 71 Halaman Data Profil.............................................................140
DAFTAR TABEL
Tabel 2. 1 Kajian Pustaka.................................................................................36

Tabel 4. 1 Spesifikasi File Users..................................................................75
Tabel 4. 2 Spesifikasi File About.................................................................76
Tabel 4. 3 Spesifikasi File Agenda..............................................................77
Tabel 4. 4 Spesifikasi File Blog...................................................................78
Tabel 4. 5 Spesifikasi File Contact...............................................................79
Tabel 4. 6 Spesifikasi File Ekskul................................................................80
Tabel 4. 7 Spesifikasi File File......................................................................81
Tabel 4. 8 Spesifikasi File Foto....................................................................82
Tabel 4. 9 Spesifikasi File Jenis_ekskul.......................................................83
Tabel 4. 10 Spesifikasi File Jurusan.............................................................84
Tabel 4. 11 Spesifikasi File Kategori_blog...................................................85
Tabel 4. 12 Spesifikasi File Kategori_file.....................................................86
Tabel 4. 13 Spesifikasi File Kategori_jurusan.............................................87
Tabel 4. 14 Spesifikasi File Kelas_madrasah_aliyah...................................88
Tabel 4. 15 Spesifikasi File Kelas_madrasah_aliyah...................................89
Tabel 4. 16 Spesifikasi File Komentar_blog.................................................90
Tabel 4. 17 Spesifikasi File Madrasah_aliyah..............................................91
Tabel 4. 18 Spesifikasi File Madrasah_tsanawiyah.....................................92
Tabel 4. 19 Spesifikasi File Pendaftaran......................................................93
Tabel 4. 20 Spesifikasi File Pengaturan_home............................................94
Tabel 4. 21 Spesifikasi File Pengumuman....................................................95
Tabel 4. 22 Spesifikasi File Persyaratan_pendaftaran.................................96
Tabel 4. 23 Spesifikasi File Pesan................................................................97
Tabel 4. 24 Spesifikasi File Siswa.................................................................98
Tabel 4. 25 Spesifikasi File Subsribe............................................................99
Tabel 4. 26 Spesifikasi File Ulasan_ekskul.................................................100
Tabel 4. 27 Spesifikasi File Abesensi..........................................................101
Tabel 4. 28 Spesifikasi File Mata_pelajaran..............................................102
Tabel 4. 29 Spesifikasi File Mengajar........................................................103
Tabel 4. 30 Spesifikasi File Semester.........................................................104
Tabel 4. 31 Spesifikasi File Tahun_ajaran.................................................105
Tabel 4. 32 Spesifikasi File Wali_kelas......................................................106
Tabel 4. 33 Spesifikasi File Ustadz............................................................107
Tabel 4. 34 Spesifikasi File Alumni...........................................................108
Tabel 4. 35 Spesifikasi File Santri..............................................................109
Tabel 4. 36 Hasil Blackbox Testing Form Login Admin.............................169
Tabel 4. 37 Hasil Blackbox Testing Form Data User Admin / Guru.........170
Tabel 4. 38 Hasil Blackbox Testing Form Data Siswa MA/MTs................172
Tabel 4. 39 Hasil Blackbox Testing Form Data Jurusan...........................173
Tabel 4. 40 Hasil Blackbox Testing Form Data Kategori Jurusan............175
Tabel 4. 41 Hasil Blackbox Testing Form Data Kelas MA/MTs................176
Tabel 4. 42 Hasil Blackbox Testing Form Data Wali Kelas MA/MTs.......177
Tabel 4. 43 Hasil Blackbox Testing Form Data Semester..........................179
Tabel 4. 44 Hasil Blackbox Testing Form Tahun Ajaran..........................181
Tabel 4. 47 Hasil Blackbox Testing Form Tahun Absensi MA/MTs.........187
Tabel 4. 48 Hasil Blackbox Testing Form Pendidikan MA/MTs...............188
Tabel 4. 49 Hasil Blackbox Testing Form Ekskul......................................189
Tabel 4. 50 Hasil Blackbox Testing Form Jenis Ekskul..............................191
Tabel 4. 54 Hasil Blackbox Testing Form Pengumuman...........................198
Tabel 4. 55 Hasil Blackbox Testing Form Pesan........................................199
Tabel 4. 56 Hasil Blackbox Testing Form Foto..........................................200
Tabel 4. 57 Hasil Blackbox Testing Form File...........................................202
Tabel 4. 58 Hasil Blackbox Testing Form Kategori File............................204
Tabel 4. 59 Hasil Blackbox Testing Form Tentang....................................206
Tabel 4. 60 Hasil Blackbox Testing Form Kontak.....................................208
Tabel 4. 62 Hasil Blackbox Testing Form Login Guru..............................213
Tabel 4. 63 Hasil Blackbox Testing Form Data Siswa MA/MTs...............215
Tabel 4. 64 Hasil Blackbox Testing Form Jadwal Mengajar MA/MTs.....216
Tabel 4. 65 Hasil Blackbox Testing Form Rekap Absensi MA/MTs.........218
Tabel 4. 66 Hasil Blackbox Testing Form Laporan Absensi MA/MTs......219
Tabel 4. 68 Hasil Blackbox Testing Form Jenis Ekskul.............................221
Tabel 4. 69 Hasil Blackbox Testing Form Agenda.....................................222
Tabel 4. 70 Hasil Blackbox Testing Form Berita.......................................224
Tabel 4. 71 Hasil Blackbox Testing Form Kategori Berita.........................226
Tabel 4. 73 Hasil Blackbox Testing Form Foto...........................................229
Tabel 4. 74 Hasil Blackbox Testing Form File...........................................231
Tabel 4. 75 Hasil Blackbox Testing Form Kategori File............................233
Tabel 4. 76 Hasil Blackbox Testing Form Profil Guru..............................235
DAFTAR LAMPIRAN
Lampiran A. 1 Data Siswa..............................................................................240

Lampiran A. 2 Data Guru..............................................................................240
Lampiran A. 3 Jadwal Mengajar...................................................................241
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Teknologi informasi sekarang ini perkembangannya sangat cepat
khususnya di indonesia mayoritas seluruh masyarakat dari semua kalangan baik
institusi atau intansi besar maupun menengah menerapkan teknologi informasi
baik dalam hal bisnis, ekonomi, hiburan dan khususnya di bidang pendidikan.
Karena takut ditinggalkan oleh Generasi Z, lembaga pendidikan dari semua
lapisan harus tanpa henti menerapkan berbagai reformasi untuk mengimbangi
harapan masyarakat yang berubah terhadap kualitas penawaran pendidikan.
Ketika agen perubahan sosial, sekolah dan petani harus menyesuaikan praktik
mereka untuk memenuhi tuntutan perubahan komunitas mereka seiring dengan
tersedianya teknologi baru. Visi dan tujuan sekolah tidak dapat terwujud tanpa
adanya infrastruktur yang mendukungnya.
Yayasan ponpes Al-Khoeriyah Bantar merupakan pondok pesantren yang
di dalamnya terdapat Madrasah Tsanawiyah dan Madrasah Aliyah yang
perkembangan pendidikannya tidak terlepas dari sistem kurtilas. Sistem
kurikulum tiga belas ini merupakan salah satu perkembangan pendidikan yang
perlu di implementasikan secara dinamis dan menyesuaikannya dengan tuntutan
maupun perbuahan yang terjadi dimasyarakat. Yayasan ini berdiri pada bulan
juni tahun 1982 yang letaknya di Bantarsari, Tasikmalaya. Pengolahan informasi
pada Yayasan Ponpes Al-Khoeriyah Bantar ini mempunyai kendala sehingga

alumni, yang ingin mendaftarkan diri agar mendapatkan informasi mengenai
sekolah dan pesantren lebih akurat dan untuk para guru atau ustadz agar lebih
mudah dalam mengolah data baik data diri siswa, santri,alumni, rekap abesnsi
dan rapot. Dalam pengembangan sistem ini digunakan sebuah model
pengembangan yaitu Extreme programming, alasan penulis menggunakan
metode ini yaitu karena dapat membuat klien puas, serta dapat menjalin
hubungan baik dengan klien. Metode ini sangat cocok khususnya dibidang
Pendidikan karena kita dapat melakukan observasi tentang kebutuhan yang
diperlukan oleh klien dan dapat juga menjalin komunikasi baik dengan klien.
1.2. Tujuan dan Manfaat
Penulisan tugas akhir ini memiliki tujuan diantarannya yaitu:
1. Untuk Membangun sistem informasi pondok pesantren berbasis web yang
diharapkan membantu dan memudahkan para calon siswa,santri,siswa,guru,
ustadz dan alumni agar memperoleh informasi mengenai Yayasan Ponpes Al-
Khoeriyah Bantar lebih mudah dan akurat.
2. Sebagai media informasi kepada pihak–pihak yang ingin mengetahui kegiatan
yang akan di laksanakan di sekolah dan pesantren.
3. Untuk memudahkan para guru atau ustadz dalam mengolah data absensi, data
siswa, data santri, data guru, data ustadz, transkip rapot sekolah dan
pesantren.
4. Memberikan landasan bagi organisasi dan otoritas untuk menggunakan
temuan penelitian dalam memecahkan masalah.

Manfaat penulisan tugas akhir ini antara lain :
1. Manfaat untuk penulis
Salah satu syarat kelulusan Program Diploma Tiga (D-III) Program Studi
Sistem Informasi Kampus Kota Tasikmalaya Universitas Bina Sarana
Informatika.
2. Manfaat untuk objek penelitian
a. Menggantikan proses sistem informasi yang belum menggunakan basis
data dengan baik.
b. Untuk mempermudah dalam sistem informasi sekolah dan pesantren.
c. Mengganti proses pencatatan data siswa,santri,alumni, pengajar dan rapot
yang masi menggunakan kertas.
3. Manfaat untuk pembaca
a. dapat memperdalam kesadaran anda tentang bagaimana sistem informasi
pendidikan dan pesantren dikembangkan.
b. Website Sistem Informasi ini terus dimutakhirkan sehingga dapat menjadi
sumber informasi yang komprehensif bagi universitas dan pondok
pesantren.
1.3. Teknik Pengumpulan Data
1.3.1. Metode Penelitian
Metode penelitian ini yaitu suatu tahapan yang dilaksanakan penulis pada
saat menyusun website.

Gambar I. 1 Metode Penelitian
1.3.2. Metode Pengembangan Perangkat unak
Metode yang dipakai penulis dalam hal mengembangkan perangkat lunak
ini memakai Exrteme Programming (Chandra, 2017) Antara lain :
1. Planning ( Perencanaan )
Penulis melakukan identifikasi permasalahan dan menganalisa kebutuhan di
Yayasan Ponpes Al-Khoeriyah Bantar.
2. Design ( Perancangan)
Setelah malakukan perencanaan, penulis membuat rancangan atas hasil yang
telah dikumpulkan .
3. Coding ( Pengkodean )
Setelah itu penulis membuat pengkodean program sesuai dengan rancangan
dari hasil yang dikumpulkan.
4. Testing ( Pengujian)
Setelah pengkodean selesai, penulis melakukan pengujian terhadap program
yang sudah di rancang.

1.3.2. Teknik Pengumpulan Data
Teknik pengumpulan data yang dipakai oleh penulis pada saat
melaksanakan pengumpulan data dalam hal menyusun tugas akhir adalah :
1. Observasi ( Observation )
Penulis mengamati secara langsung atas kegiatan yang bersangkutan dengan
sistem informasi pada Yayasan Ponpes Al-Khoeriyah Bantar sehingga
memperoleh informasi dengan jelas.
2. Wawancara ( Interview )
Saat meneliti dan menulis tesis ini, penulis mengajukan pertanyaan langsung
untuk mendapatkan jawaban yang paling mendalam kepada pihak Yayasan
Ponpes Al-Khoeriyah Bantar tepatnya dengan kepala sekolah.
3. Studi Pustaka ( Library Research )
Penulis melakukan pengumpulan data dengan berbagai sumber, termasuk
Internet, majalah cetak dan online, dan prosiding konferensi, untuk menyusun
tugas akhir.
1.4. Ruang Lingkup
Ruang lingkup yang bisa dilakukan pembahasan pada tugas akhir ini yakni
mencakup proses sistem informasi sekolah dan pesantren, untuk para calon
siswa dan santri yang ingin mendaftar ke sekolah dan pesantren agar lebih
mudah, dan untuk para alumni yang ingin mengetahui informasi mengenai
sekolah dan pesantren yang lebih efisien. Serta untuk para orang tua murid yang
ingin mengetahui kegiatan dan prestasi apa saja yang sudah dicapai di Yayasan
pondok pesantren. Serta untuk para guru agar lebih mudah dalam melakukan
pendataan baik berupa absensi, data siswa,santri,alumni. Serta memberikan
informasi yang lebih global untuk keperluan akademik.

BAB II
LANDASAN TEORI
2.1. Konsep Dasar Program
Program yakni suatu rancangan struktur, design, atau kode skema yang
disusun sesuai alur algoritma dengan tujuan mempermudah suatu permasalahan.
Adapun program yang penulis buat antara lain :
1. Sistem informasi berbasis web
“Pengertian Sistem informasi berbasis web adalah suatu sistem didalam
suatu institusi atau intansi yang mempertemukan kebutuhan pengolahan
data harian, mendukung operasi, dari suatu institusi atau intansi dan
menyediakan pihak luar tertentu dengan laporan yang diperlukan secara
langsung dan beroprasi pada sebuah browser aplikasi dan teknologi
internet “ (Dewi, 2020)
2. Website
“Pengertian Website adalah kumpulan page pada suatu media elektronik
yang digunakan untuk menampilkan informasi baik berupa teks, gambar,
animasi, suara, dan atau gabungan dari semuanya, sehingga menampilkan
media informasi yang menarik untuk di kunjungi baik yang bersifat statis
maupun dinamis yang membentuk rangkaian yang saling terkait satu sama
lain, yang masing – masing dihubungkan dengan jalur internet” (Hartono,
2018)
3. Aplikasi Berbasis Web
“Aplikasi berbasis web adalah aplikasi yang dikembangkan menggunakan
bahasa HTML, PHP, CSS, JS yang membutuhkan web server dan browser
untuk menjalankannya seperti Chrome, Firefox atau Opera. Aplikasi Web
dapat berjalan pada jaringan internet maupun intranet (Jaringan LAN),
Data terpusat dan kemudahan dalam akses adalah ciri utama yang
membuat Aplikasi Web lebih banyak diminati dan lebih mudah
diimplementasikan pada berbagai bidang kehidupan.”(Hatmoko, 2019).
2.2. Bahasa Pemrograman
“Bahasa pemrograman atau bahasa komputer, adalah bahasa tertentu
yang digunakan oleh para programmer untuk melakukan istruksi / suatu
perintah standar pada komputer. Seperti membuat aplikasi atau software
pada komputer”. (Gusrion, 2018).
Adapun Bahasa pemrograman yang penulis pakai pada website ini adalah
sebagai berikut :
1. HTML (Hyper Text Markup Languange)
“HTML adalah suatu bahasa pemrograman yang akrab dengan web
browser yang digunakan untuk menerjemahkan sejumlah bagian dari
sebuah perintah dokumen web dalam bentuk tag, sehingga browser dapat
mengetahui bagaimana menampilkan dokumen web tersebut, perintah
dokumen yang terdiri dari link, text, gambar dan media-media lainnya
seperti video dan audio” (Enterprise, 2016)

2. PHP (Hypertext Preprocessor)
“PHP adalah salah satu bahasa pemrograman scipt yang dirancang untuk
membangun aplikasi web. Ketika dipanggil dari web browser, program
yang ditulis dengan PHP akan di-parsing didalam web server oleh
interpreter PHP dan diterjemahkan kedalam dokumen HTML, yang
selanjutnya akan ditampilkan kembali kedalam web browser.” (Setiawan
Arif, 2017)
3. CSS ( Cascading Style Sheet )
“CSS adalah suatu Bahasa pemrograman web yang digunakan untuk
mengendalikan dan membangun berbagai komponen dalam web, sehingga
tampilan web akan lebih rapi, terstruktur, dan seragam” (Wahyudi, 2017)
4. Codeigniter
“CodeIgniter adalahs sebuah web application network yang bersifat open
source yang digunakan untuk membangun aplikasi PHP dinamis.
Permodelan dari CodeIgniter sendiri adalah MVC (Model, View,
Controller) untuk membangun website dinamis dengan menggunakan PHP
yang dapat mempercepat pengembang untuk membuat sebuah aplikasi
web.” (Sofwan, 2013)
5. JavaScript
“Javascript merupakan bahasa pemrograman yang dapat mengendalikan
aplikasi pada pemrograman bahasa Java yang digunakan secara
prosedural. Teknisnya JavaScript mengakses elemen pada HTML maupun
CSS dan membuat sebuah halaman web menjadi lebih interaktif dan
dinamis. JavaScript di program dengan memperhatikan huruf kapital atau
disebut juga syntax case sensitive” (Rosidah;., 2018)
6. JQuery
“JQuery adalah sebuah library JavaScript. Dalam dunia pemrograman,
library adalah kumpulan dari berbagai fungsi ‘siap pakai’ untuk
memudahkan pembuatan sebuah aplikasi. Dengan demikian, jQuery
adalah kumpulan fungsi-fungsi JavaScript yang memudahkan penulisan
kode JavaScript” (Andre, 2015)
2.3. Kajian Pustaka
Kajian pustaka dilakukan dengan melakukan perbandingan dengan
sistem informasi yang pernah dilakukan oleh pihak lain. Judul penelitian,
peneliti dan masalah penelitian yang menjadi bandingan sebagaimana tertera
dalam table berikut ini :

Tabel 2. 1
Kajian Pustaka
Judul Perancangan Pengembangan Sistem Informasi

Penelitian Sistem Informasi Akademik Berbasis web
Akademik
Berbasis Web
Pada SMK Pasar
Minggu Jakarta
Peneliti (Susanti, 2016) (M Teguh Prihandoyo, 2018)
Lembaga STIMIK Nusa Politeknik Harapan Bersama Tegal,
dan tahun Mandiri Jakarta, 2018
2016
Masalah Belum Belum menerapkan sistem informasi
Penelitian menerapkan pada pengolahan data artinya masih
sistem informasi dilakukan secara manual
artinya untuk menggunakan kertas
mendapatkan
informasi
mengenai sekolah
harus datang ke
lokasi
Tujuan Untuk membantu Mengembangkan sistem informasi
Penelitian memperlancar akademik berbasis web
informasi antara
pihak sekolah,
siswa dan
masyarakat
Metode Menggunakan Menggunakan metode Waterfall
Penelitian metode Waterfall
Hasil Sistem dapat Menghasilkan sebuah sistem
Penelitian mempermudah informasi berbasis web untuk
bagi masyarakat mempermudah dalam pengolahan
untuk memperoleh data, baik absensi maupun data diri
informasi siswa
mengenai sekolah.
2.4. Tools Program
3.
3.2
3.3
3.4
3.5
2.4.1. ERD ( Entity Ralationship Diagram )
“ERD adalah salah satu jenis diagram struktural yang menjelaskan hubungan
antar objek-objek data, yang biasa digunakan dan dimanfaatkan dalam desain
sebuah database”. (Azis & Sarmidi, 2018)
Berikut ini adalah komponen yang berada dalam ERD (Entity Ralationship
Diagram) :
a. Entitas
Entitas adalah sesuatu yang nyata atau abstrak yang berguna untuk
menyimpan data. Entitas dilambangkan dengan persegi panjang.
b. Atribut ( attribute)
Atribut adalah ciri umum semua atau sebagian besar intansi pada entitas
tertentu. Sebutan lain atribut adalah property, elemen data, dan field. Atribut
dilambangkan dengan bentuk elipse.
c. Relasi
Relasi atau hubungan antara beberapa entitas yang berbeda. Gambar relasi
diwakili oleh simbol belah ketupat.

2.4.2. Pengkodean
“Pengkodean adalah proses dari meletakan data yang berarti dua macam
atau data yang sulit dipakai dengan segera, lebih mudah dimasukan digital atau
huruf.”(IRAWAN, 2017)
Pedoman umum pengkodean diantaranya :
1. Meringkas
Kode seharusnya diringkas. Kode yang panjang berarti penyimpanan
informasi dalam basis data memerlukan banyak memori.
2. Kode tidak berubah
Kestabilan berarti identifikasi kode seharusnya tidak berubah setiap kali
data diterima.
3. Kode harus unik
Semua kode yang digunakan dalam sistem dan memastikan bahwa tidak
menggunakan kode yang sama.
4. Menghindari kode yang membuat kekacauan.
5. Menjaga kode yang seragam.
6. Memperbolehkan modifikasi kode.
7. Membuat kode berarti.
8. Kode dapat diurut.
9. Menggunakan kode yang bisa digunakan.

2.5. HIPO ( Hierarchy Input Process Output )
2.5.1. Pengertian HIPO
Menurut (IRAWAN, 2017), HIPO merupakan tektin untuk
mendokumentasikan pengembangan suatu sistem yang dilengkapi oleh IBM.
Teknik ini mempunyai beberapa tujuan utama yaitu :
1. Dibuat sebuah struktur yang menggambarkan hubungan antara fungsi dalam
program secara hirarki.
2. Untuk menentukan fungsi-fungsi apa saja yang harus ada dalam program
yang dikembangkan.
3. Untuk mendapatkan gambaran input dari fungsi dan output apa saja yang
dihasilkan.
2.5.2. Jenis Diargam HIPO
Menurut (IRAWAN, 2017), “Paket HIPO terdiri dari tiga (3) jenis
diagram, yaitu :
1. Diagram Isi Visual (DIV)
Diagram ini memuat semua modul yang ada akan program beserta nama dan
nomornya, yang nantinya akan diperinci dalam diagram ringkas dan diagram
rinci.
2. Diagram Ringkas ( Overview Diagram )
Diagram ringkas merupakan input, proses, output dari sistem. Diagram
ringkas menggambarkan input dan output dari fungsi-fungsi yang telah
didefinisikan dalam daftar isi visual.
3. Diagram Rinci ( Detail Diagram )
Diagram rinci HIPO digunakan untuk memperinci input, proses dan output
yang telah digambarkan dalam diagram ringkas.

BAB III
ANALISIS SISTEM BERJALAN
3.1. Tinjauan Mitra
3.1.1. Sejarah Mitra
Yayasan Pondok Pesantren Al-Khoeriyah Bantar yang beralamat di
Jl.Bantarsari, Kp. Bantar, Bungursari, Tasikmalaya, Jawa Barat 46151,
Gambar III. 1 Yayasan Pondok Pesantren Al-Khoeriyah Bantar Tasikmalaya

Yayasan Pondok Pesantren Al-Khoeriyah Bantar adalah sebuah pondok
resmi yang didirikan pada tanggal 06 juni 1987, tepat bersamaan ketika
masyarakat transmigrasi dari kabupaten ke kota Tasikmalaya karena terjadinya
letusan gunung Galunggung pada tahun 1982, dengan alamat yayasan Kp.
Bantar Rt/Rw 05/05 Kel. Bantarsari Kec. Bungursari Tasikmalaya.
Merupakan lembaga pendidikan satu-satunya saat itu, ditengah
masyarakat yang harus beradaptasi ditengah belantara daerah trans. Tidak mudah
untuk bertahan hidup pada saat itu. Namun rintisan lembaga pendidikan Al-
Khoeriyah yang dirintis oleh K.H Ridwanulloah S, Ag. Yang mulanya hanya
pendidikan informal berupa pengajian memberikan apresiasi yang sangat baik
dari masyrakat. Sehingga pada tahun 1995 bertransformasi menjadi sebuah
lembaga pendidikan formal dengan mendirikan sebuah Madrasah Tsanawiyah
untuk mewadahi kalangan muda pada saat itu. Dan karena kurangnnya lembaga
pendidikan jenjang akhir pada saat itu di daerah tersebut pada tahun 2000
Yayasan Al-Khoeriyah mengupgrade lembaga pendidikan dengan Madrasah
Aliyah untuk jenjang lebih tinggi.
Saat ini, Ponpes Alkhoeriyah memiliki kurang lebih 50 tenaga
pendidikan dan kependidikan, terdiri dari para guru, ustadz, staf administrasi dan
sebagainya.
Adapun visi dan misi Yayasan Ponpes Al-Khoeriyah antara lain :

1. Visi
Terwujudnya generasi islam yang mampu menebarkan nilai-nilai
jebaikan secara kaafah
2. Misi
a. Menumbuhkan kepribadian islam dan ulul albab.
b. Meningkatkan profesionalisme, etos kerja kebersamaan seluruh
komponen pendidikan yang dinamis ukhuwah dan
uwaakalimatillah.
c. Senyum,salam,sapa,sopan dan santun.

3.1.2. Struktur Organisasi dan Fungsi
Gambar III. 2 Struktur Yayasan Ponpes Al-Khoeriyah Bantar

Tugas pokok dan fungsi setiap bagian di Yayasan AL-Khoeriyah Bantar
Tasikmalaya :
1. Kepala Madrasah
a. Sebagai pendidik ( Educator ) untuk membimbing guru,siswa, dan
santri.
b. Sebagai manajer sekolah, pemimpin ( Leader ), pembaharu (Inovator)
c. Sebagai pengelola Administrasi, penyelin (Supervisor), pendorong
(Motivator)
2. Komite Madrasah
Membantu dan bertanggung jawab dalam :
a. Menyusun perencanaan, membuat program kegiatan dan program
pelaksanaan.
b. Pengorganisasian, pengarahan, ketenagaan, pengkoordinasian,
pengawasan, penelitian, identifikasi dan pengumpulan data.
c. Mewakili Kepala Madrasah untuk menghadiri rapat khususnya yang
berkaitan dengan masalah pendidikan.
d. Membuat laporan secara berkala.
3. Wakamad Bidang Kurikulum
a. Menyusun program pengajaran dan menajabarkan kalender Pendidikan
b. Menyusun pembagian tugas guru,ustadz dan jadwal pelajaran.
c. Menyusun jadwal evaluasi belajar dan pelaksaan ujian akhir.
d. Menerapkan kriteria persyaratan kenaikan kelas dan ketamatan.
e. Mengatur jadwal penerimaan raport

f. Mengkoordinasikan, menyusun dan mengarahkan kelengkapan
mengajar
g. Mengatur pelaksaan program perbaikan dan pengayaan
h. Melakukan pengarsipan program kurikulum
i. Penyusunan laporan secara berkala
4. Wakamad Bidang Kesiswaan
a. Menyusun program pembinaan kesiswaan (OSIS), meliputi :
Kepramukaan,PMR,Silat,Paskibra,Polsis,Futsal
b. Melaksanakan bimbingan, pengarahan dan pengendalian kegiatan
kesiswaan/OSIS dalam rangka menegakkan disiplin dan tata tertib
sekolah seta pemilihan pengurus OSIS.
c. Membina pengurus OSIS dalam bernegosiasi.
d. Menysusn dan membuat kepanitiaan Penerimaan Siswa Baru dan
pelaksaaan MOS
5. Pembina OSIS
a. Mengesahkan kegiatan OSIS.
b. Melantik kepengurusan OSIS
c. Mengarahkan penyusunan Anggaran Rumah Tangga dan program
kerja OSIS.
d. Menghadiri rapat-rapat OSIS.
e. Mengadakan evaluasi terhadap pelaksanaan tugas OSIS.
6. Koordinator Ekstrakulikuler
a. Menyusun program kerja kegiatan ekskul

b. Membuat tata tertib dari masing-masing ekskul
c. Mendata semua anggota ekskul (membuat biodata masing- masing
anggota ekskul)
d. Mendata prestasi yang sudah diperoleh anggota ekskul dan
mendokumentasi-kan bukti fisik
e. Melakukan pembinaan terhadap siswa yang mengikuti ekskul
f. Memberikan arahan kepada setiap kegiatan ekskul
g. Mengontrol dan mengawasi kegiatan ekskul
7. Wali Kelas
a. Mewakili orang tua dan kepala sekolah dalam lingkungan pendidikan
b. Meningkatkan ketakwaan terhadap Tuhan Yang Maha Esa
c. Membantu pengembangan keterampilan dan kecerdasan anak didik
d. Membina karakter, budi pekerti dan kepribadian anak didik
8. Guru Mapel (Mata Pelajaran)
a. Membuat kelengkapan mengajar dengan baik dan lengkap
b. Melaksanakan kegiatan pembelajaran, penilaian proses belajar,
ulangan, dan ujian
c. Melaksanakan analisi hasil ulangan harian
d. Menyusun dan melaksanakan program perbaikan dan pengayaan
e. Mengisi daftar nilai anak didik
f. Menumbuh kembangkan sikap menghargai karya seni
g. Mengadakan pengembangan program pembelajaran
h. Membuat cacatan tentang kemajuan hasil belajar anak didik

i. Mengisi dan meneliti daftar hadir sebelum memulai pelajaran
j. Mengumpulkan dan menghitung angka kredit untuk kenaikan pangkat.
9. Kepala Laboratorium
a. Merencanakan pengembangan penelitian bidang ilmu, teknologi
dan/atau keseniannya
b. Merencanakan/mengevaluasi pengembangan dan pengadaan gedung
serta peralatan dan bahan laboratorium
c. Menginventarisasi dan mengevaluasi keberadaan gedung, peralatan dan
bahan laboratorium
10. Kepala Perpustakaan
a. Menyusun rencana strategi perpustakaan
b. Menyusun rencana dan program kerja tahunan.
11. Kepala Tata Usaha
a. Penyusunan program kerja tata usaha sekolah
b. Pengolahan dan pengarsipan surat-surat masuk dan keluar
c. Pengurusan dan pelaksaan administrasi sekolah
d. Pembinaan dan pengembangan karir pegawai tata usaha sekolah
e. Penyusunan administrasi sekolah meliputi kurikulum, kesiswaan dan
ketenagaan.
f. Penyusunan dan penyajian data/statistika sekolah secara keseluruhan
g. Penyusunan tugas staf tata usaha dan tenaga teknis lainnya

12. Guru BK
a. Penyusunan dan pelaksanaan program bimbingan dan konseling
b. Koordinasi dengan wali kelas dalam rangka mengatasi masalah-
masalah yang dihadapi anak didik tentang kesulitan belajar
c. Memberikan layanan dan bimbingan kepada anak didik agar lebih
berprestasi dalam kegiatan belajar
d. Memberikan saran dan pertimbangan kepada anak didik dalam
memperoleh gambaran tentang lanjutan pendidikan dan lapangan
pekerjaan yang sesuai
e. Mengadakan penilaian pelaksanaan bimbingan dan konseling 20
f. Menyusun statistic hasil penilaian bimbingan dan konseling
g. Melaksanakan kegiatan analisis hasil evaluasi belajar
h. Menyusun dan melaksanakan program tindak lanjut bimbingan dan
konseling
i. Menyusun laporan pelaksanaan kegiatan bimbingan dan koseling
13. Guru Piket
a. Hadir 15 menit sebelum waktu apel.
b. Mengecek kebersihan kelas dan lingkungan sekolah.
c. Mengapelkan/Mengarahkan siswa.
d. Mencatat dan memberi tindakan kepada siswa yang terlambat secara
edukatif.
e. Melakukan koordinasi dengan guru, wali kelas, dan guru BP berkaitan
dengan keterlambatan siswa.
3.2. Prosedur/Proses Bisnis Sistem Berjalan
1. User / Pengguna
User melihat informasi penerimaan peserta didik baru, bisa melakukan
pendaftaran dan juga bisa melihat persyaratan pendaftaran serta mendownload
formulir penerimaan peserta didik baru dan Pihak user yang ingin melakukan
pendaftaran bisa menghubungi pihak Yayasan untuk informasi lebih lanjut.
2. Login Admin
Admin login dengan memasukan username dan password, setelah berhasil
melakukan login admin dapat menambahkan, mengedit, dan menghapus data
penerimaan peserta didik baru. Serta admin dapat melihat detail pendaftaran
seperti data siswa yang mendaftar, Serta admin dapat melihat detail pesan
masuk.
3. login Guru
Guru login dengan menggunakan username atau password, setelah berhasil login
guru dapat menambahkan data siswa, melakukan rekap absensi. Serta melakukan
pengupdatean jadwal pelajaran.
4. Penerimaan Peserta Didik Baru (PPDB)
User atau pengguna dapat melihat jadwal dan persayaratan untuk penerimaan
murid baru di Yayasan pondok pesasntren Al-Kheriyah Bantar, dan admin dapat
melakukan login ke halaman penerimaan peserta didik baru (PPDB) untuk
melakukan upload persyaratan dan ketentuan untuk calon siswa atau santri.
5. pengumuman
User atau pengguna dapat melihat segala bentuk pengumuman yang diumumkan
pada laman pengumuman di website Yayasan pondok pesantren Al-Kheriyah,
dan admin login ke halaman pengumuman untuk membuat laporan pengumuman
yang akan di umumkan pada web untuk keperluan akademik
6. Absensi Siswa
Gutu login ke halaman admin guru untuk melakukan absensi terhapad siswa
dimata pelajaran apapun, dam guru dapat merekap dan mencetak absensi jika
diperlukan.
3.3. Spesifikasi Dokumen Masukan
Rancangan dokumen masukan berfungsi untuk menjelaskan mengenai
dokumen masukan yang digunakan pada sistem website. Dokumen berisikan
data-data yang kemudian dijadikan bahan untuk menghasilkan sebuhan
dokumen keluaran yang diinginkan dengan kebutuhan.
1. Nama dokumen : Data Siswa
Fungsi : Sebagai Data Kesiswaan
Sumber : Wali Kelas
Tujuan : Guru Mata Pelajaran
Media : Tampilan layer
Frekuensi : Periode Penerimaan Peserta Didik Baru
Bentuk : Lampiran A1
2. Nama dokumen : Data Guru
Fungsi : Sebagai Pengajar dan Pengabsen
Sumber : Guru Mata Pelajaran
Tujuan : Guru BK
Media : Tampilan layar
Frekuensi : Setiap Masuk Guru Baru
3. Nama dokumen : Jadwal
Fungsi : Sebagai Jadwal KBM
Sumber : Guru BK
Tujuan : Siswa, Wali Kelas dan Guru Mata Pelajaran
Frekuensi : Periode Ajaran Baru
3.4. Spesifikasi Dokumen Keluaran
1. Nama dokumen : Data Siswa
Fungsi : Sebagai data Siswa
Sumber : Wali Kelas
Tujuan : Guru Mata Pelajaran
Frekuensi : Persemester atau Setiap Kali Dibutuhkan
Bentuk : Lampiran B1
2. Nama dokumen : Data Laporan Absensi
Fungsi : Sebagai Laporan Data Abensi Siswa
Sumber : Guru Mata Pelajaran
Tujuan : Wali Kelas
Frekuensi : Setiap Kali Dibutuhkan
Bentuk : Lampiran B2
BAB IV
SISTEM USULAN
4.1. Analisa Kebutuhan
Adapun analisa Kebutuhan yang penulis amati berdasarkan pengguna
dalam website yang dibangun, dapat dikelompokan menjadi dua (2) bagian yang
dapat mengaksesnya, yaitu guru dan admin/BK. Masing- masing kebutuhan
pengguna antara lain :
1. Guru
a. Melakukan login ke halaman guru
b. Melihat data diri
c. Mengola dan mencetak laporan data siswa,absensi, serta data diri siswa
persemester
2. Admin
a. Melakukan login ke halaman admin
b. Menambah, melihat, mengubah, menghapus, mengelola data siswa
c. Menambah, melihat, mengubah, menghapus, mengelola data guru
d. Menambah, melihat, mengubah, menghapus, mengelola jadwal pelajaran
e. Menambah, melihat, mengubah, menghapus, mengelola data admin
f. Admin dapat mengelola data absensi siswa

4.2. Rancangan Sistem
4.2.1. Use Case Diagram
1. Use Case Admin
Gambar IV. 3 Use Case Admin 3

2. Guru
Gambar IV. 4 Use Case Guru 1

Gambar IV. 5 Use Case Guru 2
4.2.2. Class Diagram
1. Class diagram admin
Gambar IV. 6 Class Diagram Admin 1

2. Class diagram guru
Gambar IV. 9 Class Diagram Guru 1

4.3. Rancangan Basis Data
4.3.1. Entity Relationship Diagram (ERD)
Gambar IV. 10 Entity Relationship Diagram Admin 1

Gambar IV. 11 Entity Relationship Diagram Admin 2
4.3.2. Logical Record Structure (LRS)
Gambar IV. 12 Logical Record Structure 1

4.3.3. Spesifikasi File
1. Spesifikasi File User
Nama file : Users
Akronim : users
Tipe File : File Master
Organisasi File : Indexed sequential
Akses File : Random
Media : Harddisk
Panjang Record : 1.137 Karakter
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 1
Spesifikasi File Users
No Element Akronim Type Panjang Ketetangan

Data
1 Id_users Id_users int 11 Primary Key
2 Nama nama Varchar 255
3 Username username Varchar 100
4 Email email Varchar 255
5 Password password Varchar 255
6 Gambar gambar Varchar 255
7 Role_id role_id Smallint 6
8 Date_created date_create timestamp

d
2. Spesifikasi File About
Nama file : About
Akronim : about
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 2
Spesifikasi File About
No Element Data Akronim Type Panjang Keterangan
1 Id_about id_about Int 11 Primary

Key
2 Judul_about judul_about Varchar 255
3 Deskripsi Deskripsi Text
4 Gambar1_about gambar1_about Varchar 255
5 Gambar2_about gambar2_about Varchar 255
6 Thumbnail1_about thumbnail1_about Varchar 255
7 Thumbnail2_about thumbnail2_about Varchar 255

3. Spesifikasi File Agenda
Nama file : Agenda
Akronim : agenda
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 3
Spesifikasi File Agenda
1 Id_agenda id_agenda int 11 Primary

Key
2 Agenda_nama agenda_nama Varchar 255
3 Agenda_mulai agenda_mulai date
4 Agenda_selesai agenda_selesai Datea
5 Agenda_waktu agenda_waktu Varchar 255
6 Agenda_deskripsi agenda_deskrip Text

si
7 Agenda_tempat agenda_tempat Varchar 255
8 Agenda_keterang agenda_keteran Text

an gan
9 Agenda_author agenda_author Varchar 255
10 Agenda_gambar agenda_gambar Varchar 255
11 Created_at crated_at timestamp

4. Spesifikasi File Blog
Nama file : Blog
Akronim : blog
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 4
Spesifikasi File Blog
1 Id_blog id_blog int 11 Primary

Key
2 User_id user_id Varchar 255
3 Blog_kategor blog_kategori_id Varchar 255

i_id
4 Slug_blog slug_blog Varchar 255
5 Judul_blog judul_blog Text
6 Isi_blog isi_blog Mediumte

xt
7 Gambar_blog gambar_blog Varchar 255
8 Created_at created_at timestamp

5. Spesifikasi File Contact
Nama file : Contact
Akronim : contact
Akses File : Random
Media : Harddisk
Panjang Record : 316 Karakter
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 5
Spesifikasi File Contact
1 Id_contact id_contact int 11 Primary

Key
2 No_telp_contact no_telp_contact Varchar 50
3 Email_contact email_contact Varchar 255
4 Alamat_contact alamat_contact text
5 Deskripsi_contact deskripsi_conta text

ct
6. Spesifikasi File ekskul
Nama file : Ekskul
Akronim : ekskul
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 6
Spesifikasi File Ekskul
1 Id_ekskul id_ekskul int 11 Primary Key
2 Slug_ekskul slug_ekskul Varchar 255
3 Nama_ekskul nama_ekskul Varchar 255
4 Id_ekskul id_ekskul int 11
5 Pembina_ekskul Pembina_ekskul Varchar 255
6 No_sk_ekskul no_sk_ekskul Varchar 100

7 Tanggal_ekskul tanggal_ekskul date
8 Deskripsi_ekskul deskripsi_ekskul text
9 Kegiatan_ekskul kegiatan_ekskul text
10 Jam_ekskul jam_ekskul Varchar 255
11 Struktur_ekskul struktur_ekskul text
12 Gambar_ekskul gambar_ekskul varchar 255
7. Spesifikasi File File
Nama file : File
Akronim : file
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 7
Spesifikasi File File
1 Id_file id_file int 11 Primary Key
2 File_kategori_id file_kategori_i Int 11

d
3 Users_id users_id Int 11
4 Slug_file slug_file Varchar 255
5 Judul_file judul_file Varchar 255
6 Nama_file nama_file Varchar 255
7 Dokumen_file dokumen_file Varchar 255

8. Spesifikasi File Foto
Nama file : Foto
Akronim : foto
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 8
Spesifikasi File Foto
1 Id_foto id_foto int 11 Primary Key
2 Nama_foto nama_foto Varcha 255

r
3 File_foto file_foto Varcha 255

r
4 Created_at created_at text datetime

9. Spesifikasi File Jenis_ekskul
Nama file : Jenis_ekskul
Akronim : jenis_ekskul
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 9
Spesifikasi File Jenis_ekskul
1 Id_jenis_ekskul id_jenis_ekskul int 11 Primary Key
2 Slug_jenis_eksk slug_jenis_ekskul Varch 255

ul ar
3 Nama_jenis_eks nama_jenis_ekskul Varch 255

kul ar
10. Spesifikasi File Jurusan
Nama file : Jurusan
Akronim : jurusan
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 10
Spesifikasi File Jurusan
1 Id_jurusan id_jurusan int 11 Primary Key
2 Kategori_jurus kategori_jurusa Int 11

an n
3 Kode_jurusan kode_jurusan Varchar 100
4 Nama_jurusan nama_jurusan Varchar 255
5 Deskripsi_juru deksripsi_jurus text

san an
6 Gambar_jurus gambar_jurusa varchar 255

an n

11. Spesifikasi File Kategori_blog
Nama file : Kategori_blog
Akronim : kategori_blog
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 11
Spesifikasi File Kategori_blog
1 Id_kategori_blo id_contact int 11 Primary Key

g
2 Slug_kategori_b slug_kategori_bl Varchar 255

log og
3 Nama_kategori_ nama_kategori_b Varchar 255

blog log
12. Spesifikasi File kategori_File
Nama file : Kategori_file
Akronim : kategori_file
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 12
Spesifikasi File Kategori_file
1 Id_kategori_file id_kategori_file int 11 Primary Key
2 Nama_kategori nama_kategori_file Varchar 255

_file
13. Spesifikasi File Kategori_Jurusan
Nama file : Kategori_Jurusan
Akronim : users
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 13
Spesifikasi File Kategori_jurusan
1 Id_kategori_juru id_kategori_jurusa int 11 Primary Key

sasn n
2 Nama_ketegori_j mama_kategori_ju Varchar 255

urusan rusan
14. Spesifikasi File Kelas_madrasah_aliyah
Nama file : Kelas_madrasah_aliyah
Akronim : kelas_madrasah_aliyah
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 14
Spesifikasi File Kelas_madrasah_aliyah
1 Id_kelas_madrasah_ id_kelas_madrasah_ int 11 Primary Key

aliyah aliyah
2 Kode_kelas_madrasa node_kelas_madras Varchar 100

h_aliyah ah_aliyah
3 Nama_kelas_madras nama_kelas_madras Varchar 100

ah_aliyah ah_aliyah
15. Spesifikasi File Kelas_madrasah_tsanawiyah
Nama file : Kelas_madrasah_tsanawiyah
Akronim : kelas_madrasah_tsanawiyah
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 15
Spesifikasi File Kelas_madrasah_aliyah
1 Id_kelas_madrasah_tsa id_contact int 11 Primary Key

nawiyah
2 Kode_kelas_madrasah kode_kelas_ Varchar 255

_tsanawiyah madrasah_ts
anawiyah
3 Nama_kelas_madrasah Nama_kelas Varchar 100

_tsanawiyah _madrasah_
tsanawiyah
16. Spesifikasi File Komentar_blog
Nama file : Komentar_blog
Akronim : komentar_blog
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 16
Spesifikasi File Komentar_blog
1 Id_komentar_b id_komentar_bl int 11 Primary Key

log og
2 Slug_blog slug_blog Varchar 255
3 Nama_komenta nama_komentar Varchar 255

r_blog _blog
4 Email_komenta Email_komentar Varchar 255

r_blog _blog
5 Deskripsi_kom deskripsi_kome text

entar_blog ntar_blog
17. Spesifikasi File Madrasah_aliyah
Nama file : Madrasah_aliyah
Akronim : madrasah_aliyah
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 17
Spesifikasi File Madrasah_aliyah
1 Id_madrasah_aliy id_madrasah_aliya int 11 Primary Key

ah h
2 Judul_madrasah_ judul_madrasah_al Varchar 255

aliyah iyah
3 Deskripsi_madras deskripsi_madrasa text

ah_aliyah h_aliyah
4 Gambar1_madras gambar1_madrasah Varchar 255

ah_aliyah _aliyah
5 Gambar2_madras gambar2_madrasah Varchar 255

ah_aliyah _aliyah
18. Spesifikasi File Madrasah_tsanawiyah
Nama file : Madrasah_tsanawiyah
Akronim : madrasah_tsanawiyah
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 18
Spesifikasi File Madrasah_tsanawiyah
1 Id_madrasah_tsanawiyah id_madrasah_tsana int 11 Primary Key

wiyah
2 Judul_madrasah_tsnawiyah judul_madrasah_tsa Varchar 255

nawiyah
3 Deskripsi_madrasah_tsana deskripsi_madrasah text

wiyah _tsanawiyah
4 Gambar1_madrasah_tsanaw gambar1_madrasah_ Varchar 255

iyah tsanawiyah
5 Gambar2_madrasah_tsanaw gambar2_madrasah_ Varchar 255

iyah tsanawiyah
19. Spesifikasi File Pendaftaran
Nama file : Pendaftaran
Akronim : pendaftaran
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 19
Spesifikasi File Pendaftaran
N Element Data Akronim Type Panjan Keterangan

o g
1 Id_pendaftaran id_pendaftaran int 11 Primary Key
2 Judul_pendaftaran judul_pendaftaran Varchar 255
3 Deskripsi_pendaftaran deskripsi_pendaftaran text
4 Dokumen_pendaftaran dokumen_pendaftaran Varchar 255
5 Tanggal_pendaftaran tanggal_pendaftaran Varchar 255

20. Spesifikasi File Pengaturan_home
Nama file : Pengaturan_home
Akronim : pengaturan_home
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 20
Spesifikasi File Pengaturan_home
1 Id_pengaturan_ho id_pengauran_home int 11 Primary Key

me
2 Banner1 banner1 Varchar 255
3 Deskripsi_banner1 deskripsi_banner1 text
4 Banner2 banner2 Varchar 255
5 Deskripsi_banner2 deskripsi_banner2 text
6 Tentang_judul1 tentang_judul1 Varchar 255
7 Deskripsi_tentang1 deksripsi_temtang1 Text
8 Tentang_judul2 tentang_judul2 varchar 255
9 Deskripsi_tentang2 deskripsi_tentang2 Text

11 Deskripsi_tentang3 Deskripsi_tentang Text
13 Deskripsi_tentang4 deskripsi_tentang4 Text
14 Gambar_banner1 gambar_banner1 Varchar 255
15 Gambar_banner2 gambar_banner2 varchar 255
21. Spesifikasi File Pengumuman
Nama file : Pengumuman
Akronim : pengumuman
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 21
Spesifikasi File Pengumuman
1 Id_pengumuma id_pengumuman int 11 Primary Key

n
2 Nama_pengumu nama_pengumum Varchar 255

man an
3 Pengumuman_d pengumuman_des text

eskripsi kripsi
4 Pengumuman_g pengumuman_ga Varchar 255
ambar mbar
5 Created_at Created_at timestamp

22. Spesifikasi File Persyaratan_pendaftaran
Nama file : Persyaratan_pendaftaran
Akronim : persyaratan_pendaftaran
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 22
Spesifikasi File Persyaratan_pendaftaran
1 Id_syarat_pendaft id_syarat_pendaftar int 11 Primary Key

aran an
2 Judul_syarat_pend judul_syarat_penda Varchar 255

aftaran ftaran
3 Deskripsi_syarat_ deskripsi_syarat_pe text

pendaftaran ndaftaran
4 Dokumen_syarat_ dokumen_syarat_pe Varchar 255

pendaftaran ndaftaran

23. Spesifikasi File Pesan
Nama file : Pesan
Akronim : pesan
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 23
Spesifikasi File Pesan
1 Id_pesan id_pesan int 11 Primary Key
2 Subjek_pesan subjek_pesan Varchar 255
3 Nama_pesan nama_pesan varchar 2555
4 Email_pesan email_pesan Varchar 255
5 Deskripsi_pes Deskripsi_pesa text

an n
6 Gambar_pesan gambar_pesan varchar 255
7 Status_pesan status_pesan tinyint 4
8 Created_at Created_at Timestamp

24. Spesifikasi File Siswa
Nama file : Siswa
Akronim : siswa
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 24
Spesifikasi File Siswa
1 Id_siswa id_siswa int 11 Primary

Key
2 Id_kelas_ma id_kelas_ma int 11
3 Id_kelas_mts id_kelas_mts int 11
4 Nis_siswa nis_siswa Varchar 100
5 Nama_siswa nama_siswa Varchar 255
6 Tempat_lahir_si tempat_lahir_sis varchar 100

swa wa
7 Tgl_lahir_siswa tgl_lahir_siswa date
8 Jenis_kelamin_s jenis_kelamin_si varchar 50

iswa swa
9 Alamat_siswa alamat_siswa text

10 Gambar_siswa gambar_siswa Varchar 255
11 Status_siswa status_siswa varchar 30
12 Thn_angkatan_s thn_angkatan_sis year 4

iswa wa
13 Created_at created-at timestamp
25. Spesifikasi File Subscribe
Nama file : Subscribe
Akronim : subscribe
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 25
Spesifikasi File Subsribe
1 Id_subscribe id_subscirbe int 11 Primary Key
2 Email_subscribe email_subscibe Varchar 255

26. Spesifikasi File Ulasan_ekskul
Nama file : Ulasan_ekskul
Akronim : ulasan_ekskul
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 26
Spesifikasi File Ulasan_ekskul
1 Id_ulasan_ekskul id_ulasan_ekskul int 11 Primary Key
2 Slug_ulasan slug_ulasan Varchar 255
3 Nama_ulasan_ek nama_ulasan_eksk varchar 255

skul ul
4 Email_ulasan_ek email_ulasan_eksk Varchar 255

skul ul
5 deskripsi_ulasan deskripsi_ulasan_e text

_ekskul kskul
27. Spesifikasi File Abensi
Nama file : Absensi
Akronim : absensi
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 27
Spesifikasi File Abesensi
1 Id_ absensi id_absensi int 11 Primary Key
2 Id_mengajar id_mengajar int 11
3 Id_siswa id_siswa int 11
4 Tgl_absensi tgl_absensi date
5 Keterangan keterangan varchar 100
6 Pertemuan_ke pertemuan_ke varchar 50

28. Spesifikasi File Mata_pelajaran
Nama file : Mata_pelajaran
Akronim : mata_pelajaran
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 28
Spesifikasi File Mata_pelajaran
1 Id_mata_pelajara id_mata_pelajaran int 11 Primary Key

n
2 Kode_mata_pela kode_mata_pelajar varchar 100

jaran an
3 Nama_mata_pela nama_mata_pelaja varchar 255

jaran ran
29. Spesifikasi File Mengajar
Nama file : Mengajar
Akronim : mengajar
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 29
Spesifikasi File Mengajar
1 Id_ mengajar id_mengajar int 11 Primary Key
2 Id_users id_users int 11
3 Id_mata_pelajara id_mata_pelajaran int 11

n
4 Id_kelas_ma id_kelas_ma int 11
5 Id_kelas_mts Id_kelas_mts int 11
6 Id_semster id_semester int 11
7 Id_tahun_ajaran id_tahun_ajaran int 11
8 Kode_mengajar kode_mengajar varchar 100
9 Hari_mengajar hari_mengajar varchar 100
10 Jam_mengajar jam_mengajar varchar 100

11 Jam_ke_mengajar jam_ke_mengajar varvhar 50
12 Status_mengajar status_mengajar
30. Spesifikasi File Semester
Nama file : Semester
Akronim : semester
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 30
Spesifikasi File Semester
1 Id_ semester id_semester int 11 Primary Key
2 Nama_semester nama_semester varchar 100
3 Status_semester status_semester smalint 6

31. Spesifikasi File Tahun_ajaran
Nama file : Tahun_ajaran
Akronim : tahun_ajaran
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 31
Spesifikasi File Tahun_ajaran
1 Id_ tahun_ajaran id_tahun_ajaran int 11 Primary Key
2 Tahun_ajaran Tahun_ajaran varchar 100
3 Status status smalint 6

32. Spesifikasi File Wali_kelas
Nama file : Wali_kelas
Akronim : wali_kelas
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 32
Spesifikasi File Wali_kelas
No Element Data Akronim Type Panjang Ketetangan
1 Id_ wali_kelas id_wali_kelas int 11 Primary Key
2 Id_users id_users int 11
3 Id_kelas_ma id_keas_ma int 11
4 Id_kelas_mts id_kelas_mts int 11
33. Spesifikasi File Ustadz
Nama file : Ustadz
Akronim : ustadz
Akses File : Random

Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 33
Spesifikasi File Ustadz
1 Id_ustadz id_ustadz int 11 Primary Key
2 Nama_ustadz nama_ustadz varch 255

ar
3 Tgl_lahir_ustadz tgl_lahir_ustadz date
4 Jenis_kelamin_u jenis_kelamin_ust varch 100

stadz adz ar
5 Alamat_ustadz alamat_ustadz text
7 Status_ustadz status_ustadz varch 30

ar
8 Gambar_ustadz gambar_ustadz varch 255

ar
9 Created_at_ustad created_at_ustadz timest

z amp
34. Spesifikasi File Alumni
Nama file : Alumni
Akronim : alumni

Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 34
Spesifikasi File Alumni
1 Id_alumni id_alumni int 11 Primary Key
2 Nis_alumni nis_alumni varch 100

ar
3 Tempat_lahir_al tempat_lahir_alum varch 100

umni ni ar
4 Nama_alumni nama_alumni varch 255

ar
5 Tgl_lahir_alumni tgl_lahir_alumni date
6 Jenis_kelamin_al jenis_kelamin_alu varch 100

umni mni ar
7 Alamat_alumni alamat_alumni text
8 Status_alumni status_alumni varch 30

ar
9 Thn_angkatan_al thn_angkatan_alu varch 100

umni mni ar
10 Gambar_alumni gambar_alumni varch 255

ar
11 Created_at_alum created_at_alumni timest
ni amp
35. Spesifikasi File Santri
Nama file : Santri
Akronim : santri
Akses File : Random
Media : Harddisk
Kunci Field : id
Sofrtware : Xampp
Tabel 4. 35
Spesifikasi File Santri
1 Id_santri id_santri int 11 Primary Key
2 Nama_santri nama_santri varch 255

ar
3 Tempat_lahir_al tempat_lahir_alum varch 100

umni ni ar
4 Tgl_lahir_santri tgl_lahir_santri date
5 Jenis_kelamin_s jenis_kelamin_san varch 100

antri tri ar
6 Alamat_santri alamat_santri text
7 Status_ santri status_ santri varch 30

ar
8 Gambar_ santri gambar_ santri varch 255

ar
9 Created_at_ created_at_ santri timest
santri amp
4.3.4. Pengkodean
1. NIS
Pengkodean yan digunakan Pada NIS yaitu kode grup (group

code). Berikut pengkodean dari NIS :
1 2 1 9 1 4 9 7
Ket :
12 = Kelas Awal
19 = Tahun Ajaran Masuk
97 = Nomor Urut
2. Id Kelas
Pengkodean yang di gunakan pada Id_Kelas yaitu kode grup
(group code). Berikut pengkodean dari Id_kelas :
0 3
Ket :
03 = Nomor Urut
3. Id Detail Absen
Pengkodean yang di gunakan pada Id detail_absen yaitu kode grup
(group code). Berikut pengkodean dari Id_absen_detail :
1 1
Ket :
11 = Nomor Urut
4. Id Jadwal
Pengkodean yang di gunakan pada Id jadwal_mengajar yaitu kode
grup (group code). Berikut pengkodean dari Id_jadwal_mengajar :
0 4
Ket :
04 = Nomor Urut
5. Id absen
Pengkodean yang di gunakan pada Id absen yaitu kode grup (group

code). Berikut pengkodean dari Id_absen :
9
0
Ket :
09 = Nomor Urut
4.4. Implementasi dan pengujian Unit
4.1
4.2
4.3
4.4
4.4.1 Implementasi
Adapun implementasi dari pembuatan website ini terbagi menjadi dua (2)
bagian yaitu :
A. Implementasi Halaman Admin
1. Halaman Login Admin / Guru
Halaman ini menampilkan form untuk memasuki halaman users
dengan cara memasukan username dan password dengan benar.
Halaman login dapat dilihat sebagai berikut :

2. Halaman Dashboard Admin
Halaman ini merupakan utama admin/guru yang menampilkan data
users, data siswa, data umum, jadwal mengajar, data absensi,
pendidikan, data kegiatan, data informasi,pesan, foto, file, pengaturan.
Halaman dashboard dapat dilihat sebagai berikut :
Gambar IV. 16 Halaman Dashboard Admin

3. Halaman Data Users
a. Halaman Data Users Admin
Halaman ini merupakan halaman yang menampilkan data siswa. Pada
halaman ini terdapat tombol tambah data admin yang berfungsi untuk
menambahkan data admin. Selain itu terdapat tombol edit apabila
ingin mengubah data admin dan terdapat tombol hapus apabila ingin
menghapus data admin.
Halaman data admin dapat dilihat sebagai berikut :
Gambar IV. 17 Halaman Data Users

b. Halaman Data users Guru
Halaman ini merupakan halaman yang menampilkan data siswa. Pada
halaman ini terdapat tombol tambah data admin yang berfungsi untuk
menambahkan data admin. Selain itu terdapat tombol edit apabila
ingin mengubah data admin dan terdapat tombol hapus apabila ingin
menghapus data admin.
Halaman data users guru dapat dilihat sebagai berikut :
Gambar IV. 18 Halaman User Guru

4. Halaman Data Siswa
a. Halaman Data Siswa MA
Halaman ini merupakan halaman yang menampilkan data Siswa. Pada
halaman ini terdapat tombol tambah siswa yang berfungsi untuk
menambahkan data siswa. Selain itu terdapat tombol edit apabila ingin
mengubah data siswa dan terdapat tombol hapus apabila ingin
menghapus data siswa.
Halaman data siswa dapat dilihat sebagai berikut :
Gambar IV. 19 Halaman Data Siswa MA
b. Halaman Data Siswa MTs
Halaman ini merupakan halaman yang menampilkan data Siswa. Pada halaman
ini terdapat tombol tambah siswa yang berfungsi untuk menambahkan data
siswa. Selain itu terdapat tombol edit apabila ingin mengubah data siswa dan
terdapat tombol hapus apabila ingin menghapus data siswa.
Halaman data siswa dapat dilihat sebagai berikut :
Gambar IV. 20 Halaman Data Sisiwa MTs

5. Halaman Data Umum
a. Halaman Data Umum Jurusan
Halaman ini merupakan halaman yang menampilkan data Jurusan. Pada halaman
ini terdapat tombol tambah data jurusan yang berfungsi menambahkan data
jurusan. Selain itu terdapat tombol edit apabila ingin mengubah data jurusan dan
terdapat tombol hapus apabila ingin menghapus data jurusan.
Halaman data jurusan dapat dilihat sebagai berikut :
Gambar IV. 21 Halaman Data Umum Jurusan

b. Halaman Data Kategori Jurusan
Halaman ini merupakan halaman yang menampilkan data kategori jurusan. Pada
halaman ini terdapat tombol tambah kategori jurusan yang berfungsi untuk
menambahkan data kategori jurusan. Selain itu terdapat tombol edit apabila
ingin mengubah data kategori jurusan dan terdapat tombol hapus apabila ingin
menghapus data kategori jurusan.
Halaman data kategori jurusan dapat dilihat sebagai berikut :
Gambar IV. 22 Halaman Data Kategori Jurusan

c. Halaman Data Kelas
1. Halaman Data Kelas MA
Halaman ini merupakan halaman yang menampilkan data kelas MA. Pada
halaman ini terdapat tombol kambali yang berfungsi untuk Kembali ke halaman
sebelumnya. Selain itu terdapat tombol edit apabila ingin mengubah data kelas
MA dan terdapat tombol hapus apabila ingin menghapus data kelas MA.
Halaman data kelas MA dapat dilihat sebagai berikut :
Gambar IV. 23 Halaman Data Berita Informasi

2. Halaman Data Kelas MTs
Halaman ini merupakan halaman yang menampilkan data kelas MTs. Pada
halaman ini terdapat tombol kambali yang berfungsi untuk Kembali ke halaman
sebelumnya. Selain itu terdapat tombol edit apabila ingin mengubah data kelas
MTs dan terdapat tombol hapus apabila ingin menghapus data kelas MTs.
Halaman data kelas MTs dapat dilihat sebagai berikut :
Gambar IV. 24 Halaman Data Kelas MTs

d. Halaman Data Wali Kelas
1. Halaman Data Wali Kelas MA
Halaman ini merupakan halaman yang menampilkan data wali kelas MA. Pada
halaman ini terdapat tombol tambah wali kelas MA yang berfungsi untuk
menambahkan data wali kelas MA. Selain itu terdapat tombol edit apabila ingin
mengubah data wali kelas MA dan terdapat tombol hapus apabila ingin
menghapus data wali kelas MA.
Halaman data wali kelas dapat dilihat sebagai berikut :
Gambar IV. 25 Halaman Data Wali Kelas MA

2. Halaman Data Wali Kelas Mts
Halaman ini merupakan halaman yang menampilkan data wali kelas Mts. Pada
halaman ini terdapat tombol tambah wali kelas Mts yang berfungsi untuk
menambahkan data wali kelas. Selain itu terdapat tombol edit apabila ingin
mengubah data wali kelas mts dan terdapat tombol hapus apabila ingin
menghapus data wali kelas mts.
Halaman data wali kelas dapat dilihat sebagai berikut :
Gambar IV. 26 Halaman Data Wali Kelas MTs

e. Halaman Data Semester
Halaman ini merupakan halaman yang menampilkan data Semester. Pada
halaman ini terdapat tombol tambah semster yang berfungsi untuk
menambahkan data semester. Selain itu terdapat tombol edit apabila ingin
mengubah data semeseter, terdapat juga tombol aktif dan nonaktif yang
berfungsi untuk mengubah status semster dan terdapat tombol hapus apabila
ingin menghapus data semester.
Halaman data semester dapat dilihat sebagai berikut :
Gambar IV. 27 Halaman Data Semester

f. Halaman Data Tahun Ajaran
Halaman ini merupakan halaman yang menampilkan data tahun ajaran. Pada
halaman ini terdapat tombol tambah tahun ajaran yang berfungsi untuk
menambahkan data tahun ajaran. Selain itu terdapat tombol edit apabila ingin
mengubah data tahun ajaran, terdapat juga tombol aktif dan nonaktif yang
berfungsi untuk mengubah status tahun ajaran dan terdapat tombol hapus apabila
ingin menghapus data tahun ajaran.
Halaman data tahun ajaran dapat dilihat sebagai berikut :
Gambar IV. 28 Halaman Data Tahun Ajaran

g. Halaman Data Mata Pelajaran
Halaman ini merupakan halaman yang menampilkan data mata pelajaran. Pada
halaman ini terdapat tombol tambah mata pelajaran yang berfungsi untuk
menambahkan data mata pelajaran. Selain itu terdapat tombol edit apabila ingin
mengubah data mata pelajaran, terdapat juga tombol edit yang berfungsi untuk
mengedit data mata pelajaran dan terdapat tombol hapus apabila ingin
menghapus data mata pelajaran.
Halaman data mata pelajaran dapat dilihat sebagai berikut :
Gambar IV. 29 Halaman Data Mata Pelajaran

h. Halaman Data Ustadz/Ustadzah
Halaman ini merupakan halaman yang menampilkan data ustadz / ustadzah.
Pada halaman ini terdapat tombol tambah ustadz/ustadzah yang berfungsi untuk
menambahkan data ustadz/ustadzah. Selain itu terdapat tombol edit apabila
ingin mengubah data ustadz/ustadzah, terdapat juga tombol edit yang berfungsi
untuk mengedit data ustadz/ustadzah dan terdapat tombol hapus apabila ingin
menghapus data ustadz/ustadzah.
Halaman data ustadz/ustadzah dapat dilihat sebagai berikut :
Gambar IV. 30 Halaman Data Ustadz/Ustadzah
i. Halaman Data Alumni

Halaman ini merupakan halaman yang menampilkan data alumni. Pada halaman
ini terdapat tombol tambah data alumni yang berfungsi untuk menambahkan
data alumni. Selain itu terdapat tombol edit apabila ingin mengubah data
alumni, terdapat juga tombol edit yang berfungsi untuk mengedit data alumni
dan terdapat tombol hapus apabila ingin menghapus data alumni.
Halaman data alumni dapat dilihat sebagai berikut :
Gambar IV. 31 Halaman Data Alumni

j. Halaman Data Santri
Halaman ini merupakan halaman yang menampilkan data santri. Pada halaman
ini terdapat tombol tambah data santri yang berfungsi untuk menambahkan data
santri. Selain itu terdapat tombol edit apabila ingin mengubah data santri,
terdapat juga tombol edit yang berfungsi untuk mengedit data santri dan
terdapat tombol hapus apabila ingin menghapus data santri.
Halaman data santri dapat dilihat sebagai berikut :
Gambar IV. 32 Halaman Data Santri
6. Halaman Data Jadwal Mengajar
a. Halaman Data Jadwal Mengajar MA

Halaman ini merupakan halaman yang menampilkan data jadwal mengajar MA.
Pada halaman ini terdapat tombol tambah jadwal mengajar yang berfungsi untuk
menambahkan data jadwal mengajar. Selain itu terdapat tombol edit apabila
ingin mengubah data jadwal mengajar dan terdapat tombol hapus apabila ingin
menghapus data jadwal mengajar MA.
Halaman data jadwal mengajar MA dapat dilihat sebagai berikut :
Gambar IV. 33 Halaman Jadwal Mengajar MA

b. Halaman Data Jadwal Mengajar MTs
Halaman ini merupakan halaman yang menampilkan data jadwal mengajar MTs.
Pada halaman ini terdapat tombol tambah jadwal mengajar yang berfungsi untuk
menambahkan data jadwal mengajar MTs. Selain itu terdapat tombol edit
apabila ingin mengubah data jadwal mengajar MTs dan terdapat tombol hapus
apabila ingin menghapus data jadwal mengajar MTs.
Halaman data jadwal mengajar MTs dapat dilihat sebagai berikut :
Gambar IV. 34 Halaman Jadwal Mengajar MTs

7. Halaman Data Absensi
a. Halaman Data Absensi MA
Halaman ini merupakan halaman yang menampilkan data Absensi MA. Pada
halaman ini terdapat tombol tambah data absensi MA yang berfungsi untuk
menambahkan data absensi MA. Selain itu terdapat tombol detail apabila ingin
melihat data absensi MA dan terdapat tombol tampilkan apabila ingin
menampilkan data absensi MA.
Halaman data Absensi MA dapat dilihat sebagai berikut :
Gambar IV. 35 Halaman Data Absensi MA

b. Halaman Data Absensi MTs
Halaman ini merupakan halaman yang menampilkan data Absensi MTs. Pada
halaman ini terdapat tombol tambah data absensi MTs yang berfungsi untuk
menambahkan data absensi MTs. Selain itu terdapat tombol detail apabila ingin
melihat data absensi MTs dan terdapat tampilkan apabila ingin menampilkan
data Abensi MTs.
Halaman data Absensi MTs dapat dilihat sebagai berikut :
Gambar IV. 36 Halaman Data Absensi MTs

8. Halaman Pendidikan
a. Halaman Pendidika MA
Halaman ini merupakan halaman yang menampilkan data Pendidikan MA. Pada
halaman ini terdapat kolom judul dan deskripsi yang berfungsi untuk mengubah
data Pendidikan MA dan terdapat tombol tambah gambar apabila ingin
mengubah gambar data Pendidikan MA.
Halaman data Pendidikan MA dapat dilihat sebagai berikut :
Gambar IV. 37 Halaman Pendidikan MA

b. Halaman Pendidikan MTs
Halaman ini merupakan halaman yang menampilkan data Pendidikan MTs. Pada
halaman ini terdapat kolom judul dan deskripsi yang berfungsi untuk mengubah
data Pendidikan MTs dan terdapat tombol tambah gambar apabila ingin
mengubah gambar data Pendidikan MTs.
Halaman data Pendidikan MTs dapat dilihat sebagai berikut :
Gambar IV. 38 Halaman Data Pendidikan MTs

9. Halaman Kegiatan
a. Ekstrakulikuler
1. Halaman Data Ekskul
Halaman ini merupakan halaman yang menampilkan data ekskul. Pada halaman
ini terdapat tombol tambah data ekskul yang berfungsi untuk menambahkan data
ekskul. Selain itu terdapat tombol edit apabila ingin mengubah data ekskul dan
terdapat tombol hapus apabila ingin menghapus data ekskul.
Halaman data ekskul dapat dilihat sebagai berikut :
Gambar IV. 39 Halaman Data Ekskul

2. Halaman Data Jenis Ekskul
Halaman ini merupakan halaman yang menampilkan data jenis ekskul. Pada
halaman ini terdapat tombol tambah data jenis ekskul yang berfungsi untuk
menambahkan data jenis ekskul. Selain itu terdapat tombol edit apabila ingin
mengubah data jenis ekskul dan terdapat tombol hapus apabila ingin menghapus
data jenis ekskul.
Halaman data jenis ekskul dapat dilihat sebagai berikut :
Gambar IV. 40 Halaman Data Jenis Ekskul

b. Halaman Data Agenda
Halaman ini merupakan halaman yang menampilkan data agenda. Pada halaman
ini terdapat tombol tulis data agenda yang berfungsi untuk menambahkan data
agenda. Selain itu terdapat tombol edit apabila ingin mengubah data agenda
dan terdapat tombol hapus apabila ingin menghapus data agenda.
Halaman data agenda dapat dilihat sebagai berikut :
Gambar IV. 41 Halaman Data Agenda

10. Halaman Data Informasi
a. Data Berita
1. Halaman List Berita
Halaman ini merupakan halaman yang menampilkan data berita. Pada halaman
ini terdapat tombol tulis data berita yang berfungsi untuk menambahkan data
berita. Selain itu terdapat tombol edit apabila ingin mengubah data berita dan
terdapat tombol hapus apabila ingin menghapus data berita.
Halaman data berita dapat dilihat sebagai berikut :
Gambar IV. 42 Halaman Data Berita

2. Halaman kategori Berita
terdapat tombol hapus apabila ingin menghapus data berita.
Halaman kategori berita dapat dilihat sebagai berikut :
Gambar IV. 43 Halaman Data Kategori Berita

b. Halaman Pengumuman
Halaman ini merupakan halaman yang menampilkan data pengumuman. Pada
halaman ini terdapat tombol tulis data pengumuman yang berfungsi untuk
menambahkan data pengumuman.
Halaman pengumuman dapat dilihat sebagai berikut :
Gambar IV. 44 Halaman pengumuman

11. Halaman Pesan
Halaman ini merupakan halaman yang menampilkan data pesan. Pada halaman
ini terdapat tombol detail untuk melihat detail pesan dan terdapat tombol hapus
apabila ingin menghapus data pesan.
Halaman data pesan dapat dilihat sebagai berikut :
Gambar IV. 45 Halaman Pesan

12. Halaman Data Foto
Halaman ini merupakan halaman yang menampilkan data foto. Pada halaman ini
terdapat tombol tambah data foto untuk menambahkan foto.
Halaman data foto dapat dilihat sebagai berikut :
Gambar IV. 46 Halaman Data Foto

13. Halaman file
a. Halaman Data File
Halaman ini merupakan halaman yang menampilkan data file. Pada halaman ini
terdapat tombol tambah data file yang berfungsi untuk menambahkan data file,
tombol download apa bila ingin mencetak data file. Selain itu terdapat tombol
edit apabila ingin mengubah data file dan terdapat tombol hapus apabila ingin
menghapus data file.
Halaman data file dapat dilihat sebagai berikut :
Gambar IV. 47 Halaman Data File

b. Halaman Data Kategori file
Halaman ini merupakan halaman yang menampilkan data kategori file. Pada
halaman ini terdapat tombol tambah data kategori file yang berfungsi untuk
menambahkan data kategori file. Selain itu terdapat tombol edit apabila ingin
mengubah data kategori file dan terdapat tombol hapus apabila ingin
menghapus data kategori file.
Halaman data kategori file dapat dilihat sebagai berikut :
Gambar IV. 48 Halaman Data Kategori File

14. Halaman Pengaturan
a. Halaman Data Tentang
Halaman ini merupakan halaman yang menampilkan data tentang. Pada halaman
ini terdapat kolom judul dan deskripsi yang berfungsi untuk mengubah data
tentang.
Halaman data tentang dapat dilihat sebagai berikut :
Gambar IV. 49 Halaman Data Tentang

b. Halaman Data Kontak
Halaman ini merupakan halaman yang menampilkan data kontak. Pada halaman
ini terdapat kolom no telp,email, alamat dan deskripsi yang berfungsi untuk
menambahkan detail kontak.
Halaman data kontak dapat dilihat sebagai berikut :
Gambar IV. 50 Halaman Data Kontak

c. Halaman Data Beranda
Halaman ini merupakan halaman yang menampilkan data beranda. Pada
halaman ini terdapat kolom judul dan deskripsi yang berfungsi untuk
menambahkan informasi sehingga pengguna bisa melihat fitur-fitur yang ada di
beranda dan dapat mengakses dengan baik.
Halaman data beranda dapat dilihat sebagai berikut :
Gambar IV. 51 Halaman Data Beranda

B. Implementasi Halaman Guru
1. Halaman Dashboard Guru
Halaman ini merupakan halaman utama yang menampilkan jadwal mengajar dan
data siswa.
Halaman dashboard dapat dilihat sebagai berikut :
Gambar IV. 52 Halaman Dashboar Guru

1) Halaman Data Siswa
a. Halaman Data Siswa MTs
Halaman ini merupakan halaman yang menampilkan data siswa MTs. Pada
halaman ini terdapat tombol tambah data siswa MTs yang berfungsi untuk
menambahkan data siswa MTS, dan terdapat tombol edit apabila ingin mengedit
data siswa MTs.
Halaman data siswa MTs dapat dilihat sebagai berikut :
Gambar IV. 53 Halaman Data Siswa MTs

b. Halaman Data Siswa MA
Halaman ini merupakan halaman yang menampilkan data siswa MA. Pada
halaman ini terdapat tombol tambah data siswa MA yang berfungsi untuk
menambahkan data siswa MTS, dan terdapat tombol edit apabila ingin mengedit
data siswa MA.
Halaman data siswa MA dapat dilihat sebagai berikut :
Gambar IV. 54 Halaman Data Siswa MA

3. Halaman Data Jadwal Mengajar
a. Halaman Jadwal Mengajar MTS
Halaman ini merupakan halaman yang menampilkan data jadwal mengajar
MTS. Pada halaman ini terdapat tombol tambah data jadwal mengajar MTS
yang berfungsi untuk menambahkan data jadwal mengajar MTS. Selain itu
terdapat tombol isi absensi yang berfungsi untuk menambahkan atau mengisi
data absensi. Halaman data jadwal mengajar MTS dapat dilihat sebagai berikut :
Gambar IV. 55 Halaman Jadwal Mengajar MTs

b. Halaman Jadwal Mengajar MA
Halaman ini merupakan halaman yang menampilkan data jadwal mengajar MA.
Pada halaman ini terdapat tombol tambah data jadwal mengajar MA yang
berfungsi untuk menambahkan data jadwal mengajar MA. Selain itu terdapat
tombol isi absensi yang berfungsi untuk menambahkan atau mengisi data
absensi.
Halaman Jadwal Mengajar MA dapat dilihat sebagai berikut :
Gambar IV. 56 Halaman Jadwal Mengajar MA

4. Halaman isi Absensi MTs
Halaman ini merupakan halaman yang menampilkan isi data absensi MTs. Pada
halaman ini terdapat tombol submit yang berfungsi untuk memperbaharui data
laporan absensi MTs.
Halaman data isi absensi MTs dapat dilihat sebagai berikut :
Gambar IV. 57 Halaman Isi Absensi MTs

5. Halaman Data isi Absensi MA
Halaman ini merupakan halaman yang menampilkan isi data absensi MA. Pada
halaman ini terdapat tombol submit yang berfungsi untuk memperbaharui data
laporan absensi MA.
Halaman data isi absensi MA dapat dilihat sebagai berikut :
Gambar IV. 58 Halaman Isi Absensi MA

6. Halaman Data Rekap Absensi
a. Halaman Rekap Absensi MTs
Halaman ini merupakan halaman yang menampilkan data rekap absensi MTs.
Pada halaman ini terdapat tombol detail yang berfungsi untuk melihat detail data
rekap absensi. Selain itu terdapat tombol tambah data MTs yang berfungsi
untuk menambahkan data.
Halaman data rekap absensi MTs dapat dilihat sebagai berikut :
Gambar IV. 59 Halaman Rekap Absensi MTs

b. Halaman Rekap Absensi MA
Halaman ini merupakan halaman yang menampilkan data rekap absensi MTs.
Pada halaman ini terdapat tombol detail yang berfungsi untuk melihat detail data
rekap absensi. Selain itu terdapat tombol tambah data MTs yang berfungsi
untuk menambahkan data.
Halaman data rekap absensi dapat dilihat sebagai berikut :
Gambar IV. 60 Halaman Rekap Absensi MA

7. Halaman Data Laporan Absensi
a. Halaman Data Laporan Absensi MTs
Halaman ini merupakan halaman yang menampilkan data laporan absensi MTs.
Pada halaman ini terdapat tombol edit apabila ingin mengubah data laporan
absensi MTs.
Halaman data laporan absensi MTs dapat dilihat sebagai berikut :
Gambar IV. 61 Halaman Laporan Absensi MTs

b. Halaman Data Laporan Absensi MA
Halaman ini merupakan halaman yang menampilkan data laporan absensi MA.
Pada halaman ini terdapat tombol edit apabila ingin mengubah data laporan
absensi MA.
Halaman data laporan absensi MA dapat dilihat sebagai berikut :
Gambar IV. 62 Halaman Laporan Absensi MA

8. Halaman Data Kegiatan
a. Ekstrakulikuler
1. Halaman Data Ekskul
Halaman ini merupakan halaman yang menampilkan data ekskul. Pada halaman
ini terdapat tombol tambah data ekskul yang berfungsi untuk menambahkan data
ekskul. Selain itu terdapat tombol edit apabila ingin mengubah data ekskul dan
terdapat tombol detail apabila ingin mengetahui data ekskul.
Halaman data ekskul dapat dilihat sebagai berikut :
Gambar IV. 63 Halaman Ekskul

2. Halaman Data Jenis Ekskul
Halaman ini merupakan halaman yang menampilkan data jenis ekskul. Pada
halaman ini terdapat tombol tambah data jenis ekskul yang berfungsi untuk
menambahkan data jenis ekskul. Selain itu terdapat tombol edit apabila ingin
mengubah data jenis ekskul.
Halaman data jenis ekskul dapat dilihat sebagai berikut :
Gambar IV. 64 Halaman Jenis Ekskul

b. Halaman Data Agenda
Halaman ini merupakan halaman yang menampilkan data agenda. Pada halaman
ini terdapat tombol tulis data agenda yang berfungsi untuk menambahkan data
agenda. Selain itu terdapat tombol edit apabila ingin mengubah data agenda
dan terdapat tombol detail apabila ingin melihat data agenda.
Halaman data agenda dapat dilihat sebagai berikut :
Gambar IV. 65 Halaman Data Agenda

9. Halaman Data Informasi
a. Berita
1. Halaman List Berita
terdapat tombol detail apa bila ingin melihat data berita.
Halaman list berita dapat dilihat sebagai berikut :
Gambar IV. 66 Halaman Berita

2. Kategori Berita
Halaman ini merupakan halaman yang menampilkan data kategori berita. Pada
halaman ini terdapat tombol tulis data kategori berita yang berfungsi untuk
menambahkan data kategori berita. Selain itu terdapat tombol edit apabila ingin
mengubah data kategori berita.
Halaman kategori berita dapat dilihat sebagai berikut :
Gambar IV. 67 Halaman Kategori Berita

10. Halaman Data Foto
Halaman ini merupakan halaman yang menampilkan data foto. Pada halaman ini
terdapat tombol tambah data foto untuk menambahkan foto.
Halaman data foto dapat dilihat sebagai berikut :
Gambar IV. 68 Halaman Foto

11. Halaman data File
a. File
Halaman ini merupakan halaman yang menampilkan data file. Pada halaman ini
terdapat tombol tambah data file yang berfungsi untuk menambahkan data
file,terdapat tombol download yang berfungsi untuk mencetak data file. Selain
itu terdapat tombol edit apabila ingin mengubah data file.
Halaman data file dapat dilihat sebagai berikut :
Gambar IV. 69 Halaman File

b. Katgeori File
Halaman ini merupakan halaman yang menampilkan data kategori file. Pada
halaman ini terdapat tombol tambah data kategori file yang berfungsi untuk
menambahkan data kategori file. Selain itu terdapat tombol edit apabila ingin
mengubah data file.
Halaman data kategori file dapat dilihat sebagai berikut :
Gambar IV. 70 Halaman Kategori File

12. Halaman Data Profil Saya
Halaman ini merupakan halaman yang menampilkan data profil saya. Pada
halaman ini terdapat tombol update guru yang berfungsi untuk memperbaharui
data guru. Selain itu terdapat tombol choose file apabila ingin mengubah data
gambar guru.
Halaman data profil saya dapat dilihat sebagai berikut :
Gambar IV. 71 Halaman Data Profil

4.4.2 Pengujian Unit
1. Pengujian Terhadapa Form Login ( Admin )
Tabel 4. 36
Hasil Blackbox Testing Form Login Admin
No Skenario Test Case Hasil Yang Hasil Kesimpulan

Pengujian Diharapkan Pengujian
1 Username dan Username Sistem akan

Password tidak : menolak
di isi (kosong) akses login Sesuai Valid
kemudian Password dan harapan
menekan : (kosong) menampilkan
tombol login pesan
“username
dan
password
tidak boleh
kosong”
2 Mengisi Username Sistem akan

username dan : admin menolak
password tidak Password : akses login Sesuai Valid
diisi kemudian (kosong) dan harapan
menekan menampilkan
tombol login pesan “
password
tidak boleh
kosong”
3 Mengisi Password : Sistem akan

passwaord dan admin menolak
username tidak Username akses login Sesuai valid
diisi kemudian : (kosong) dan harapan
menekan menampilkan
username
tidak boleh
kosong”

username : adminn menolak
dengan salah (sala) akses login
dan password Password : dan
disi dengan admin menampilkan Sesuai Valid
benar (benar) pesan “ harapan
username
dan
password
salah”
5. Mengisi Password : Sistem akan

password adminn menolak
dengan salah (salah) akses login
dan username Username dan
dengan benar : admin menampilkan Sesuai Valid
pesan “ harapan
username
dan
password
salah”

username dan : admin memberikan
password Password akses login
dengan benar admin lalu di Sesuai Valid
arahkan ke harapan
halaman
utama.
Berhasil
login
2. Pengujian Unit Terhadap Data User Admin / Guru
Tabel 4. 37
Hasil Blackbox Testing Form Data User Admin / Guru

1 Pengguna Output sistem

masuk ke system menampilkan Sesuai Valid
halaman user multi level informasi harapan
data user
2 Pengguna Tombol Sistem akan

menekan tambah menampilkan
tombol data admin form Sesuai Valid
tambah data untuk form pengisian harapan
admin pengisian data admin
data baru
3 Pengguna Tombol Sistem

menekan tambah menyimpan
tombol data admin Sesuai Valid
tambah dan harapan
setelah menampilkan
mengisi form pesan “ data
pengisian admin
berhasil
ditambahkan”
4 Pengguna Tombol Sistem tidak

menekan reset menyimpan
tombol reset data admin Sesuai valid
setelah yang telah harapan
mengisi data diisi
admin / guru

menekan edit untuk menampilkan
tombol edit mengubah modal berisi Sesuai Valid
data admin ubah status harapan

menekan update menyimpan
tombol update pada menu data admin
admin edit data dan Sesuai Valid
admin menampilkan harapan
pesan “data
user berhasil
di update”

menekan hapus menampilkan Sesuai Valid
tombol hapus untuk pesan “yakin harapan
setelah menghapus ingin
menambahkan data admin dihapus?”
data baru / guru
menekan cancel membatalkan Sesuai Valid
tombol cancel penghapusan harapan
pada menu data admin /
hapus data guru
admin / guru
3. Pengujian Terhadap Data Siswa MA / Mts
Tabel 4. 38
Hasil Blackbox Testing Form Data Siswa MA/MTs


halaman data multi level informasi harapan
siswa MA/MTs data siswa
MA/ Mts

tombol tambah data siswa form Sesuai Valid
data siswa MA/ Mts pengisian harapan
MA / MTs untuk form data siswa
pengisian MA/MTs
data baru

tombol tambah siswa Sesuai Valid
setelah mengisi MA/MTs dan harapan
form pengisian menampilkan
pesan “ data
siswa
berhasil
ditambahkan”

tombol reset data siswa Sesuai valid
setelah mengisi MA/MTs harapan
data siswa yang telah
MA/MTs diisi

data siswa ubah status harapan
MA/MTs
tombol update pada menu data siswa
siswa MA/MTs edit data MA/MTs dan Sesuai Valid
siswa menampilkan harapan
MA/MTs pesan “data
siswa
berhasil di
update”

menambahkan data siswa dihapus?”
data baru MA/MTs

menekan cancel mambatalkan Sesuai Valid
pada menu data siswa
hapus data MA/MTs
admin / guru
4. Pengujian Unit Terhadap Data Umum
a. Data Jurusan
1) Jurusan
Tabel 4. 39
Hasil Blackbox Testing Form Data Jurusan


masuk ke view menampilkan Sesuai Valid
halaman sistem informasi harapan
jurusan data jurusan

tombol tambah data form Sesuai Valid
data jurusan jurusan pengisian harapan
untuk data jurusan
form
pengisian
data baru

tombol tambah data jurusan Sesuai Valid
setelah mengisi dan harapan
pesan “ data
jurusan
berhasil
ditambahkan”

tombol reset data jurusan Sesuai valid
setelah mengisi yang telah harapan
data jurusan diisi

menekan edit menampilkan
tombol edit modal berisi Sesuai Valid
untuk ubah status harapan
mengubah data jurusan
jurusan

tombol update data data jurusan
jurusan pada jurusan dan Sesuai Valid
menu edit data menampilkan harapan
jurusan pesan “data
jurusan
berhasil di
update”

tombol hapus data pesan “yakin harapan
setelah jurusan ingin
menambahkan baru dihapus?”
data baru

pada menu data jurusan
hapus data
jurusan
2) Kategori Jurusan
Tabel 4. 40
Hasil Blackbox Testing Form Data Kategori Jurusan
N Skenario Test Case Hasil Yang Hasil Kesimpula

o Pengujian Diharapkan Pengujia n
n

tombol data form Sesuai Valid
tambah data kategori pengisian harapan
kategori jurusan data kategori
jurusan untuk form jurusan
pengisian
data baru

tombol data kategori Sesuai Valid
tambah jurusan dan harapan
setelah menampilkan
pengisian kategori
jurusan
berhasil
ditambahkan
”

tombol reset data kategori Sesuai valid
setelah jurusan yang harapan
mengisi data telah diisi
kategori
jurusan

mengubah Kategori
data kategori
jurusan jurusan

tombol update pada menu data kategori
kategori edit data jurusan dan Sesuai Valid
jurusan kategori menampilkan harapan
jurusan pesan “data
kategori
jurusan
berhasil di
update”

setelah menghapu ingin
menambahka s data dihapus?”
n data baru kategori
jurusan

menekan cancel menyimpan Sesuai Valid
tombol cancel data kategori harapan
pada menu jurusan
hapus data
kategori
jurusan
b. Kelas MA / MTs
Tabel 4. 41
Hasil Blackbox Testing Form Data Kelas MA/MTs


masuk ke sistem menampilkan Sesuai Valid
halaman kelas view detail informasi harapan
MA/MTs kelas data kelas
MA/MTs MA/MTs
tombol tambah data kelas form Sesuai Valid
data kelas MA/MTs pengisian harapan
MA/MTs untuk data kelas
form MA/MTs
pengisian
data baru

tombol tambah data kelas Sesuai Valid
setelah MA/MTs dan harapan
mengisi form menampilkan
pengisian pesan “ data
kelas
MA/MTs
berhasil
ditambahkan”

tombol reset data kelas Sesuai valid
setelah MA/MTs harapan
mengisi data yang telah
kelas MA/MTs diisi
c. Wali Kelas MA / MTs
Tabel 4. 42
Hasil Blackbox Testing Form Data Wali Kelas MA/MTs

Pengujian Diharapkan Pengujia
n

halaman wali multi level informasi harapan
kelas data wali
MA/MTs kelas
MA/MTs
tombol data wali form Sesuai Valid
tambah data kelas pengisian harapan
wali kelas MA/MTs data wali
MA/MTs untuk form kelas
pengisian MA/MTs
data baru

tombol data wali Sesuai Valid
tambah kelas harapan
setelah MA/MTs
mengisi form dan
pengisian menampilkan
pesan “ data
wali kelas
MA/MTs
berhasil
ditambahkan

tombol reset data wali Sesuai valid
setelah kelas harapan
mengisi data MA/MTs
wali kelas yang telah
MA/MTs diisi

mengubah wali kelas
data wali MA/MTs
kelas
MA/MTs

tombol update pada menu data wali
wali kelas edit data kelas Sesuai Valid
MA/MTs wali kelas MA/MTs harapan
MA/MTs dan
menampilkan
pesan “data
wali kelas
MA/MTs
berhasil di
update”

menambahka data wali dihapus?”
n data baru kelas
MA/MTs

pada menu data wali
hapus data kelas
wali kelas MA/MTs
MA/MTs
d. Semester
Tabel 4. 43
Hasil Blackbox Testing Form Data Semester

n

menekan tambah menampilka
tombol data n form Sesuai Valid
tambah data semester pengisian harapan
semester untuk data
form semester
pengisian
data baru

tombol data data Sesuai Valid
tambah semester semester dan harapan
setelah menampilka
mengisi form n pesan “
pengisian data
semester
berhasil
ditambahkan
”

menekan reset pada menyimpan
tombol reset menu data Sesuai valid
setelah tambah semester harapan
mengisi data data yang telah
semester semester diisi

menekan edit untuk menampilka
tombol edit mengubah n modal Sesuai Valid
data berisi ubah harapan
semester status
semester
tombol data
update pada semester dan Sesuai Valid
menu edit menampilka harapan
data semester n pesan
“data
semester
berhasil di
update”

menekan hapus menampilka Sesuai Valid
tombol hapus untuk n pesan harapan
setelah menghapu “yakin ingin
n data baru semester

menekan cancel menyimpan Sesuai Valid
tombol data harapan
cancel pada semester
menu hapus
data semester

menekan aktifkan menampilka Sesuai Valid
tombol n pesan harapan
aktifkan pada “aktifkan?”
menu
semester
9 Penguna Tombol Sistem akan

menekan ok mengaktifka
tombol ok n status Sesuai valid
pada menu semester dan harapan
aktifkan menampilka
semester n pesan
“data
semester
berhasil di
aktifkan”

menekan cancel membatalka
tombol n perubahan Sesuai Valid
harapan
cancel pada status
menu semester
aktifkan
semester
e. Tahun Ajaran
Tabel 4. 44
Hasil Blackbox Testing Form Tahun Ajaran
N Skenario Test Hasil Yang Hasil Kesimpula

o Pengujian Case Diharapkan Pengujia n
n

tambah data tahun pengisian harapan
tahun ajaran ajaran data tahun
untuk ajaran
form
pengisia
n data
baru

tombol data data tahun Sesuai Valid
tambah tahun ajaran dan harapan
setelah ajaran menampilkan
pengisian tahun ajaran
berhasil
ditambahkan
”

tombol reset pada data tahun Sesuai valid
setelah menu ajaran yang harapan
mengisi data tambah telah diisi
tahun ajaran data
tahun
ajaran

menekan edit pada menampilkan
tombol edit menu modal berisi Sesuai Valid
untuk data ubah status harapan
mengubah tahun tahun ajaran
data tahun ajaran
ajaran

tombol data tahun
update pada ajaran dan Sesuai Valid
menu edit menampilkan harapan
data tahun pesan “data
ajaran tahun ajaran
berhasil di
update”

tombol hapus pesan “yakin harapan
setelah ingin
menambahka dihapus?”
n data tahun
ajaran baru

pada menu data tahun
hapus data ajaran
tahun ajaran

menekan aktifkan menampilkan Sesuai Valid
tombol pesan harapan
aktifkan pada “aktifkan?”
menu data
tahun ajaran
9 Penguna Tombol Sistem akan

menekan ok mengaktifka
tombol ok n status Sesuai valid
pada menu tahun ajaran harapan
aktifkan dan
tahun ajaran menampilkan
pesan “data
tahun ajaran
berhasil di
aktifkan”
menekan cancel membatalkan
tombol cancel perubahan Sesuai Valid
pada menu status harapan
aktifkan semester
tahun ajaran
f. Mata Pelajaran
Tabel 4. 45


tombol tambah data mata form Sesuai Valid
data mata pelajaran pengisian harapan
pelajaran untuk data mata
form pelajaran
pengisian
data baru

tombol tambah data mata Sesuai Valid
setelah mengisi pelajaran dan harapan
pesan “ data
mata
pelajaran
berhasil
ditambahkan”

tombol reset data mata Sesuai valid
setelah mengisi pelajaran harapan
data mata yang telah
pelajaran diisi
pada menu data ubah status harapan
mata pelajaran

tombol update pada data mata
mata pelajaran menu edit pelajaran dan Sesuai Valid
data mata menampilkan harapan
pelajaran pesan “data
mata
pelajaran
berhasil di
update”

tombol hapus pada pesan “yakin harapan
setelah menu data ingin
menambahkan mata dihapus?”
data baru pelajaran

pada menu data mata
hapus data mata pelajaran
pelajaran
5. Pengujian Unit Terhadap Jadwal Mengajar MA / MTs
Tabel 4. 46


halaman jadwal multi level informasi harapan
mengajar data jadwal
MA/MTs mengajar
MA/MTs

data jadwal jadwal pengisian harapan
mengajar mengajar data jadwal
MA/MTs MA/MTs mengajar
untuk form MA/MTs
pengisian
data baru

tombol tambah data jadwal Sesuai Valid
setelah mengisi mengajar harapan
form pengisian MA/MTs
dan
menampilkan
pesan “ data
jadwal
mengajar
MA/MTs
berhasil
ditambahkan

tombol reset data jadwal Sesuai valid
setelah mengisi mengajar harapan
data jadwal MA/ MTs
mengajar yang telah
diisi

tombol edit menu data modal berisi Sesuai Valid
untuk jadwal ubah status harapan
mengubah data mengajar
jadwal MA/MTs
mengajar
MA/MTs

tombol update pada menu data jadwal
jadwal edit data mengajar Sesuai Valid
mengajar jadwal MA/MTs harapan
MA/MTs mengajar dan
MA/MTs menampilkan
pesan “data
jadwal
mengajar
MA/MTs
berhasil di
update”

menekan hapus pada menampilkan Sesuai Valid
tombol hapus menu data pesan “yakin harapan
setelah jadwal ingin
menambahkan mengajajar dihapus?”
data baru MA/MTs

menekan cancel mambatalkan Sesuai Valid
pada menu data jadwal
hapus data mengajar
jadwal MA/MTs
mengajar
MA/MTs
6. Pengujian Unit Terhadap Absensi MA / MTs
Tabel 4. 47
Hasil Blackbox Testing Form Tahun Absensi MA/MTs

1 Pengguna Output sistem akan

halaman view informasi harapan
absensi detail data absensi
MA/MTs

tambah absensi pengisian harapan
data kelas data absensi
absensi MA/MTs kelas
MA/ MTs untuk MA/MTs
form
pengisian
data baru

tombol data absensi Sesuai Valid
tambah MA/MTs dan harapan
setelah menampilkan
mengisi pesan “ data
form absensi
pengisian MA/MTs
berhasil
ditambahkan”

tombol data absensi Sesuai valid
reset MA/MTs harapan
setelah yang telah
mengisi diisi
data
absensi
MA/MTs
7. Pengujian Unit Terhadap Pendidikan MA / MTs
Tabel 4. 48
Hasil Blackbox Testing Form Pendidikan MA/MTs

1 Judul, Judul : Sistem akan

deskripsi (kosong) menolak
dan gambar Deskripsi : akses update Sesuai Valid
tidak di isi (kosong) dan harapan
kemudian Gambar : menampilkan
menekan (kosong) pesan “judul,
tombol deksripsi, dan
update gambar tidak
boleh di
kosongkan”
2 Mengisi judul : Sistem akan

judul dan madrasah menolak
gambar, gambar : akses update Sesuai Valid
deskripsi alkhoeriyah.jpg dan harapan
tidak diisi (1920x845px) menampilkan
kemudian deskripsi : pesan “
menekan (kosong) deskripsi
tombol tidak boleh
update dikosongkan”
3 Mengisi deskripsi : Sistem akan

deskripsi adalah menolak
dan gambar : akses update Sesuai valid
gambar, alkhoeriyah.jpg dan harapan
judul tidak (1920x845px) menampilkan
diisi judul : pesan “ judul
kemudian (kosong) tidak boleh
menekan dikosongkan”
tombol
update
5 Mengisi Judul : Sistem akan

judul dan madrasah menolak
deskripsi, Deskripsi : akses update
gambar dan
diisi adalah menampilkan
dengan Gambar : pesan
ukuran alkhoeriyah.jpg “gambar
yang salah (2000x900px) tidak sesuai”
4 Mengisi judul : Sistem akan

judul, madrasah memberikan
deskripsi deskripsi : akses update
dan gambar adalah dan Sesuai Valid
dengan gambar : menampilkan harapan
benar alkhoeriyah.jpg pesan
(1920x845px) “pengaturan
madrasah
MA/MTs
berhasil di
update”
8. Pengujian Unit Terhadap Data Kegiatan
a. EkstraKulikuler
1. Eksul
Tabel 4. 49
Hasil Blackbox Testing Form Ekskul


data ekskul ekskul pengisian harapan
untuk data ekskul
form
pengisian
data baru

tombol tambah data ekskul Sesuai Valid
pesan “ data
ekskul
berhasil
ditambahkan

tombol reset data ekskul Sesuai valid
data ekskul diisi

data ubah status harapan
ekskul

tombol update data ekskul
pada menu edit dan Sesuai Valid
data admin / menampilkan harapan
guru pesan “data
ekskul
berhasil di
update”

setelah ingin
menambahkan dihapus?”
data ekskul
baru

tombol cancel pengahpusan harapan
pada menu data data ekskul
ekskul
2) Jenis Ekskul
Tabel 4. 50
Hasil Blackbox Testing Form Jenis Ekskul

1. Pengguna Tombol Sistem akan

data jenis ekskul pengisian harapan
ekskul untuk data jenis
form ekskul
pengisian
data baru

tombol tambah data jenis Sesuai Valid
setelah mengisi ekskul dan harapan
pesan “ data
jenis ekskul
berhasil
ditambahkan”

tombol reset data jenis Sesuai valid
setelah mengisi ekskul yang harapan
data jenis telah diisi
ekskul

data jenis ubah status harapan
ekskul

tombol update pada menu data jenis
jenis ekskul edit data ekskul dan Sesuai Valid
jenis menampilkan harapan
ekskul pesan “data
jenis ekskul
berhasil di
update”

setelah ingin
data baru

tombol cancel penghapus harapan
pada menu data data jenis
jenis ekskul ekskul
b. Agenda
Tabel 4. 51

n

masuk ke sistem menampilka Sesuai Valid
halaman view n informasi harapan
agenda detail data agenda

menekan tambah menampilka
tombol data n form Sesuai Valid
tambah data agenda pengisian harapan
agenda untuk data agenda
form
pengisian
data
agenda
baru

tombol data agenda Sesuai Valid
tambah dan harapan
setelah menampilka
mengisi form n pesan “
pengisian data agenda
berhasil
ditambahkan
”
4 Nama Nama Sistem akan

agenda, agenda : menolak
tanggal mulai (kosong) akses
agenda, Tanggal tambah Sesuai Valid
tanggal mulai : agenda dan harapan
selesai (kosong) menampilka
agenda, Tanggal n pesan “
waktu selesai : tidak boleh
agenda, (kosong) dikosongkan
tempat, Waktu : ”
keterangan, (kosong)
tulis agenda, Tempat :
gambar dan (kosong)
deskripsi Keteranga
agenda n agenda :
dikosongkan (kosong)
kemudian Tulis
menekan agenda :
tombol (kosong)
tambah Gambar :
(kosong)
Deskripsi
agenda :
(kosong)

tombol reset data Sesuai valid
setelah admin/guru harapan
agenda diisi
menekan edit pada menampilka
tombol edit menu data n modal Sesuai Valid
untuk agenda berisi ubah harapan
mengubah status data
data admin/ agenda
guru

tombol pada data agenda
update menu edit dan Sesuai Valid
agenda data menampilka harapan
agenda n pesan
“data agenda
berhasil di
update”

menekan hapus menampilka Sesuai Valid
tombol hapus untuk n pesan harapan
setelah menghapu “yakin ingin
n data baru agenda

menekan cancel mengakses Sesuai Valid
tombol pembatalan harapan
cancel pada penghapusan
menu hapus data agenda
data agenda
9. Pengujian Unit Terhadap Data Informasi
a. Berita
3) List Berita
Tabel 4. 52


halaman list view informasi harapan
berita detail data berita

menekan tulis data menampilkan
tombol tulis berita form Sesuai Valid
data berita untuk pengisian harapan
form data berita
pengisian
data baru

tombol tambah data berita Sesuai Valid
pesan “ data
berita
berhasil
ditambahkan”

tombol reset data berita Sesuai valid
data list berita diisi

untuk berita ubah status harapan
mengubah data berita
berita

tombol update pada data berita
berita menu edit dan Sesuai Valid
data berita menampilkan harapan
pesan “data
berita
berhasil di
update”

menambahkan berita dihapus?”
data baru

pada menu data berita
hapus data
berita
9 Judul berita, Judul Sistem akan

slug, deskripsi berita : menolak
berita, kategori (kosong) tambah data Sesuai Valid
berita, dan Slug : berita dan harapan
gambar (kosong) menampilkan
dikosongkan Deskripsi pesan “tidak
kemudian berita : boleh
menekan (kosong) dikosongkan”
tombol tambah Kategori
berita :
(kosong)
Gambar :
(kosong)
2) Kategori Berita
Tabel 4. 53


halaman view detail informasi harapan
kategori berita data kategori
berita

tombol tambah berita form Sesuai Valid
data kategori untuk form pengisian harapan
berita pengisian data kategori
data baru berita

data kategori diisi
berita

untuk kategori ubah status harapan
mengubah data berita berita
kategori berita

tombol update pada menu data berita
berita edit data dan Sesuai Valid
kategori menampilkan harapan
berita pesan “data
kategori
berita
berhasil di
update”

setelah kategori ingin
menambahkan berita dihapus?”
data baru
pada menu data kategori
hapus data berita
kategori berita
8 Nama kategori Nama Sistem akan

berita kategori menolak
dikosongkan berita : tambah data Sesuai Valid
kemudian (kosong) kategori harapan
menekan berita dan
tombol tambah menampilkan
pesan “nama
kategori
berita tidak
boleh
dikosongkan”

berita diisi kategori mengakses
dengan benar berita : penambahan
kemudian keagamaan kategori
menekan berita dan
pesan “data
kategori
berita
berhasil di
tambahkan”
b. Pengumuman
Tabel 4. 54
Hasil Blackbox Testing Form Pengumuman

1 Pengguna Tombol tulis Sistem akan
menekan data menampilkan
tombol tulis pengumuman form Sesuai Valid
data untuk form pengisian harapan
pengumuman pengisian data
data baru pengumuman
tombol data Sesuai Valid
tambah pengumuman harapan
setelah menampilkan
pengisian pengumuman
berhasil
ditambahkan”
3 Pengguna Tombol reset Sistem tidak
menekan menyimpan
setelah pengumuman harapan
pengumuman diisi
4 Pengguna Tombol edit Sistem
menekan pada menu menampilkan
tombol edit data modal berisi Sesuai Valid
untuk pengumuman ubah status harapan
mengubah pengumuman
data
pengumuman
menekan update pada menyimpan
tombol update menu edit data berita
pengumuman data dan Sesuai Valid
pengumuman menampilkan harapan
pesan “data
pengumuman
berhasil di
update”
setelah pengumuman ingin
data baru
pada menu data
hapus data pengumuman
pengumuman
pengumuman, pengumuman menolak
gambar, dan berita : tambah data Sesuai Valid
deskripsi (kosong) pengumuman harapan
pengumuman Gambar : dan
dikosongkan (kosong) menampilkan
kemudian pesan “nama
menekan pengumuman
tombol tidak boleh
tambah dikosongkan”
10. Pengujian Unit Terhadap Data Pesan
Tabel 4. 55
Hasil Blackbox Testing Form Pesan
No Skenario Test Hasil Yang Hasil Kesimpulan

Pengujian Case Diharapkan Pengujian

halaman view informasi harapan
pesan detail data pesan
tombol pada pesan “yakin harapan
hapus menu ingin
setelah detail dihapus?”
melihat pesan
detail pesan

tombol penghapusan harapan
cancel pada data pesan
menu hapus
data admin /
guru

menekan ok mengakses
tombol ok penghapusan
pada menu pesan dan
hapus pesan menampilkan
pesan “ data
pesan
berhasil
dihapus”
11. Pengujian Unit Terhadap Data Foto
Tabel 4. 56
Hasil Blackbox Testing Form Foto

n
1 Pengguna Output sistem sistem

masuk ke view detail menampilkan Sesuai Valid
halaman foto foto harapan

menekan tambah data menampilkan
tombol foto untuk form Sesuai Valid
tambah data form pengisian pengisian harapan
foto data baru data foto

tombol foto dan Sesuai Valid
tambah menampilkan harapan
setelah pesan “ data
mengisi form foto berhasil
pengisian ditambahkan
”

menekan menyimpan
tombol reset data foto Sesuai valid
mengisi data diisi
foto

tombol edit data foto modal berisi Sesuai Valid
mengubah
data foto
6 Pengguna Tombol update Sistem

menekan pada menu menyimpan
tombol edit data foto data foto dan
update menampilkan Sesuai Valid
pesan “data harapan
foto berhasil
di update”
7 Pengguna Tombol hapus Sistem akan

menekan pada menu menampilkan Sesuai Valid
tombol hapus data foto pesan “yakin harapan
setelah ingin
menambahka dihapus?”
n data foto
baru
8 Pengguna Tombol cancel Sistem akan

menekan menolak Sesuai Valid
tombol cancel akses harapan
pada menu penghapusan
hapus data
foto data foto
9 Nama foto Nama foto : Sistem akan

dan gambar (kosong) menolak
tidak diisi Gambar : penambahan Sesuai Valid
kemudian (kosong) data foto dan harapan
menekan menampilkan
tombol pesan “ data
tambah foto tidak
boleh
dikosongkan
”
10 Gambar diisi Gambar : Sistem akan

dan nama alkhoeriyah.jp menolak
foto g penambahan Sesuai Valid
dikosongkan Nama foto : data foto dan harapan
kemudian (kosong) menampilkan
menekan pesan “ nama
tombol foto tidak
tambah boleh di
kosongkan”
12. Pengujian Unit Terhadap File
a. File
Tabel 4. 57
Hasil Blackbox Testing Form File


halaman file tombol informasi harapan
multi level data file

tombol tambah data file form Sesuai Valid
data file untuk form pengisian harapan
pengisian data file
data baru

tombol tambah data file dan Sesuai Valid
setelah mengisi menampilkan harapan
form pengisian pesan “ data
file berhasil
ditambahkan

tombol reset data file yang Sesuai valid
setelah mengisi telah diisi harapan
data file

tombol edit menu data form berisi Sesuai Valid
untuk file ubah status harapan
mengubah data file
file

tombol update pada menu data file dan
file edit data menampilkan Sesuai Valid
file pesan “data harapan
file berhasil
di update”

setelah file ingin
data baru

menekan cancel menolak Sesuai Valid
tombol cancel akses harapan
hapus data file data file
10 Nama file, Nama Sistem akan
judul file, slug, file : menolak
kategori file, (kosong) akses
dan dokumen Slug : penambahan
file (kosong) data file dan Sesuai Valid
dikosongkan Kategori menampilkan harapan
kemudian file : pesan “daa
menekan (kosong) file tidak
tombol tambah Dokumen boleh di
file : kosongkan”
(kosong)
11 Nama file, Nama file : Sistem akan

kategori file materi menolak
diisi dengan keagamaan akses Sesuai Valid
benar dan slug, Kategori penambahan harapan
dokumen file file : mata data file dan
dan judul file pelajaran menampilkan
tidak diisi agama pesan “judul
kemudian Slug : file tidak
menekan (kosong) boleh
tombol tambah Judul file : dikosongkan,
(kosong) dokumen file
Dokumen bisa berupa
file : doc, docx,
(kosong) jpg dan png”
b. Kategori File
Tabel 4. 58
Hasil Blackbox Testing Form Kategori File


halaman tombol informasi harapan
kategori file multi data kategori
level file

data kategori kategori pengisian harapan
file file untuk data kategori
form file
pengisian
data baru

tombol tambah data kategori Sesuai Valid
setelah mengisi file dan harapan
pesan “ data
kategori file
berhasil
ditambahkan”

tombol reset data kategori Sesuai valid
setelah mengisi file yang harapan
data kategori telah diisi
file

mengubah data file data kategori
kategori file file

tombol update pada data kategori
kategori file menu edit file dan Sesuai Valid
data menampilkan harapan
kategori pesan “data
file kategori file
berhasil di
update”

menambahkan kategori dihapus?”
data baru file

menekan cancel mengakses Sesuai Valid
tombol cancel penolakan harapan
hapus data data kategori
kategori file file

file tidak diisi kategori menolak
kemudian file : akses untuk
menekan (kosong) penambahan
tombol tambah data kategori
file dan
menampilkan
pesan “ nama
kategori file
tidak boleh
dikosongkan”
13. Pengujian Unit Pengaturan
a. Tentang
Tabel 4. 59
Hasil Blackbox Testing Form Tentang
1 Judul diisi dan Judul : Sistem akan
deskripsi ponpes menolak Sesuai Valid
dikosongkan alkhoeriyah akses harapan
kemudian bantar pengupdate
menekan deskripsi an dan
tombol update menampilkan
pesan “
deskripsi
tidak boleh
dikosongkan”
2 Deskripsi diisi Deksripsi : Sistem akan
dan judul pondok menolak
dikosongkan pesantren akses Sesuai Valid
kemudian adalah pengupdate harapan
menekan Judul : an dan
tombol update (kosong) menampilkan
pesan “ judul
tidak boleh di
kosongkan”
3 Judul dan Judul : Sistem akan
deskripsi diisi pesantren memberikan
dengan benar Deskripsi : akses Sesuai Valid
kemudian adalah pengupdatean harapan
menekan dan
tombol update menampilkan
pesan
“pengaturan
tentang
berhasil di
update”
b. Kontak
Tabel 4. 60
Hasil Blackbox Testing Form Kontak

1 No tlp, No tlp : Sistem akan

email, 0875624451563 menolak Sesuai Valid
deskripsi Email : akses harapan
diisi dengan srutyahm@gmail.co pengupdate
benar dan m an dan
alamat tidak Deskripsi : menampilka
diisi Kami melayani n pesan “
kemudian dengan sepenuh hati alamat tidak
menekan Alamat : (kosong) boleh
tombol dikosongkan
update ”
2 Deskripsi, Deksripsi : pondok Sistem akan

alamat, pesantren adalah menolak
email diisi Alamat : bantar akses Sesuai Valid
dengan benar Email : pengupdate harapan
dan no srutyahm@gmail.co an dan
telpon m menampilka
dikosongkan No telpon : (kosong) n pesan “ no
kemudian telpon tidak
menekan boleh di
tombol kosongkan”
update
3 No telpon, No telpon : Sistem akan

email, 08767155236234 menolak
alamat diisi Email : akses Sesuai Valid
dengan benar srutyahm@gmail.co pengupdatea harapan
dan deskripsi m n dan
tidak diisi Alamat : banjar menampilka
kemudian Deskripsi : (kosong) n pesan
menekan “deskripsi
tombol tidak boleh
update dikosongkan
”
4 No No telepon : Sistem akan
telepon,emai 08765164265213 memberikan
l, alamat dan Email : akses
deskripsi srutyahm@gmail.co pengupdatea
diisi dengan m n dan
benar Alamat : brebes menampilka
kemudian Deskripsi : kami n pesan
menekan melayani anda “pengaturan
tombol kontak
update berhasul di
update”
c. Beranda
Tabel 4. 61
No Skenario Test Case Hasil Yang Hasil Kesimpula
Pengujian Diharapkan Pengujia n
1 Judul1,deskri Judul1 : (kosong) Sistem akan
psi1, Deskripsi : (kosong) menolak Sesuai Valid
judul2,deskri Judul 2 : (kosong) akses harapan
psi2, judul Deskripsi 2 : pengupdate
tentang1, (kosong) an dan
deskripsi Judul tentang 1 : menampilka
tentang1,jud (kosong) n pesan “
ul tentang 2, Deskripsi tentang1 : pengaturan
deskripsi (kosong) beranda

tentang2, Judul tentang 2 : tidak boleh
judul (kosong) dikosongkan
tentang3, Deskripsi tentang 2 : ”
deskripsi (kosong)
tentang3, Judul tentang 3 :
judul (kosong)
tentang4, Deskripsi tentang 3 :
deskripsi (kosong)
tentang4 dan Judul tentang 4 :
gambar1, (kosong)
gambar 2 Deskripsi tentang 4 :
tidak diisi (kosong)
dengan benar Gambar 1 : (kosong)
kemudian Gambar 2 : (kosong)
menekan
tombol
update
2 Judul1,deskri Judul1 : alkhoeriyah Sistem akan
psi1, Deskripsi : lorem menolak
judul2,deskri Judul 2 : ppdb akses
psi2, judul Deskripsi 2 : jadwal pengupdate
tentang1, pendaftaran an dan

tentang1,jud fasilitas n pesan “
ul tentang 2, Deskripsi tentang1 : ukuran
deskripsi magrna alquila gambar tidak
tentang2, Judul tentang 2 : sesuai”
judul guru
deskripsi ustad dan ustadzah
judul magna alquoila
tentang4, Deskripsi tentang
deskripsi 3 :magna alquila
tentang4 Judul tentang 4 :
diisi dengan fasilitas 3
benar dan Deskripsi tentang 4 :
gambar1, magna alquila
gambar 2 Gambar 1 : (kosong)
tidak diisi Gambar 2 : (kosong)
kemudian
menekan
tombol
update
3 Judul1,deskri Judul1 : alkhoeriyah Sistem akan
psi1, Deskripsi : lorem memberikan

judul2,deskri Judul 2 : ppdb akses
psi2, judul Deskripsi 2 : jadwal pengupdatea
tentang1, pendaftaran n dan
tentang1,jud fasilitas n pesan
ul tentang 2, Deskripsi tentang1 : “pengaturan
deskripsi magrna alquila beranda
tentang2, Judul tentang 2 : berhasil di
judul guru update”
deskripsi ustad dan ustadzah
judul magna alquoila
tentang4, Deskripsi tentang
deskripsi 3 :magna alquila
tentang4 dan Judul tentang 4 :
gambar1, fasilitas 3
gambar 2 Deskripsi tentang 4 :
diisi dengan magna alquila
benar Gambar 1 :
kemudian alkhoeriyah1.png
menekan Gambar 2 :
tombol alkhoeriyah2.png
update
14. Pengujian Unit Terhadap Form Login (Guru)
Tabel 4. 62
Hasil Blackbox Testing Form Login Guru

1 Username dan Username Sistem akan

Password tidak : menolak
di isi (kosong) akses login Sesuai Valid
kemudian Password dan harapan
menekan : (kosong) menampilkan
tombol login pesan
“username
dan password
tidak boleh
dikosongkan”

username dan : azmi123 menolak
password tidak Password : akses login Sesuai Valid
diisi kemudian (kosong) dan harapan
menekan menampilkan
password
tidak boleh
kosong”
3 Mengisi Password : Sistem akan

passwaord dan admin menolak
username tidak Username akses login Sesuai valid
diisi kemudian : (kosong) dan harapan
menekan menampilkan
username
tidak boleh
kosong”

username : azmi1234 menolak
dan password Password : dan
disi dengan admin menampilkan Sesuai Valid
benar (benar) pesan “ harapan
username dan
password
salah”
5. Mengisi Password : Sistem akan

password adminn menolak
dan username Username dan
dengan benar : azmi123 menampilkan Sesuai Valid
pesan “ harapan
username dan
password
salah”

username dan : azmi123 memberikan
password Password akses login
dengan benar admin lalu di Sesuai Valid
arahkan ke harapan
halaman
dashboard
guru.
Berhasil
login
15. Pengujian Unit Terhadap Data Siswa MA/MTs (Guru)
Tabel 4. 63
Hasil Blackbox Testing Form Data Siswa MA/MTs


halaman data multi level informasi harapan
siswa data siswa
MA/MTs MA/ Mts

tombol tambah data siswa form Sesuai Valid
data siswa MA MA/ Mts pengisian harapan
/ MTs untuk form data siswa
pengisian MA/MTs
data baru

tombol tambah siswa Sesuai Valid
setelah MA/MTs dan harapan
siswa
berhasil
ditambahkan”

tombol reset data siswa Sesuai valid
setelah MA/MTs harapan
siswa diisi
MA/MTs

data siswa ubah status harapan
MA/MTs data siswa
MA/MTs

tombol update pada menu data siswa
siswa edit data MA/MTs dan Sesuai Valid
MA/MTs siswa menampilkan harapan
MA/MTs pesan “data
siswa
berhasil di
update”
7 Pengguna Tombol Sistem akan Sesuai Valid

menekan print memberikan harapan
tombol print akses print
lalu di
arahkan ke
halaman baru
untuk
melakukan
print
16. Pengujian Unit Terhadap Jadwal Mengajar MA/MTs (Guru)
Tabel 4. 64
Hasil Blackbox Testing Form Jadwal Mengajar MA/MTs


halaman multi informasi harapan
jadwal level data jadwal
mengajar mengajar
MA/MTs MA/MTs

tambah jadwal pengisian harapan
data jadwal mengajar data jadwal
mengajar MA/MTs mengajar
MA/MTs untuk MA/MTs
form
pengisian
data baru

tombol data data jadwal Sesuai Valid
tambah mengajar harapan
setelah MA/MTs dan
mengisi menampilkan
form pesan “ data
pengisian jadwal
mengajar
MA/MTs
berhasil
ditambahkan”

menekan output isi mengakses
tombol isi absensi dan Sesuai Valid
absensi mengarahkan harapan
ke laman
form
pengisian
absensi

menekan output memberikan
tombol submit akses absensi Sesuai Valid
submit dan harapan
setelah menampilkan
mengisi pesan “
form berhasil data
absensi absensi sudah
dilakukan”
6 Absensi di Tombol Sistem akan

kosongkan output menolak
kemudian submit akses absensi Sesuai Valid
menekan dan harapan
tombol menampilkan
submit pesan “ Gagal
absensi tidak
boleh di
kosongkan”
17. Pengujian Unit Terhadap Rekap Absensi MA/MTs (guru)
Tabel 4. 65
Hasil Blackbox Testing Form Rekap Absensi MA/MTs

1 Pengguna tombol Sistem akan

masuk ke output memberikan
halaman rekap detail akses lalu di Sesuai Valid
absensi sistem arahkan ke harapan
MA/MTs halaman
rekap absensi

menekan submit memberikan
tombol submit akses lalu di Sesuai Valid
setelah arahkan ke harapan
melakukan halaman
form pengisian detail rekap
tanggal absensi absensi
3 Dari tanggal Dari Sistem akan

tidak diisi dan tanggal : menolak
sampai tanggal (kosong) akses detail Sesuai valid
diisi kemudian Sampai rekap absensi harapan
menekan tanggal : dan
tombol submit 02-08- menampilkan
2022 pesan “ form
rekap absensi
tidak boleh
dikosongkan”
4. Pengguna Tombol Sistem tidak

menekan output akan
tombol reset reset menyimpan Sesuai Valid
setelah sistem data rekap harapan
melakukan absensi
form pengisian MA/MTs
rekap absensi
MA/MTs
18. Pengujian Unit terhadap Laporan Absensi MA/MTs
Tabel 4. 66
Hasil Blackbox Testing Form Laporan Absensi MA/MTs


tombol edit edit akses Sesuai Valid
pada menu sistem kemudian harapan
laporan absensi mengarahkan
MA/MTs ke halaman
form
pengisian
untuk
melakukan
edit laporan
absensi
MA/MTs

tombol update edit akses dan Sesuai Valid
data setelah sistem menampilkan harapan
melakukan pesan “ data
pengisian form absensi
edit laporan berhasil di
absensi update”
MA/MTs

menekan print memberikan
tombol print sistem akses dan Sesuai valid
untuk mencetak mengarahkan harapan
laporan absensi ke halaman
MA/MTs baru untuk
mencetak

menekan output otomatis
tombol csv,exel csv, exel, melakukan
dan pdf pada dan pdf pengunduhan
menu laporan file laporan Sesuai Valid
data absensi absensi harapan
MA/MTs
19. Pengujian Unit Terhadap Data Kegiatan (Guru)
a. Ekstrakulikuler
1. Ekskul
Tabel 4. 67


tambah ekskul pengisian harapan
data ekskul untuk data ekskul
form
pengisian
data baru

tombol data ekskul Sesuai Valid
tambah dan harapan
setelah menampilkan
form ekskul
pengisian berhasil
data ekskul ditambahkan”

tombol data ekskul Sesuai valid
reset yang telah harapan
setelah diisi
mengisi
data ekskul

data ubah status harapan
ekskul

tombol data ekskul
update dan Sesuai Valid
pada menu menampilkan harapan
edit data pesan “data
ekskul ekskul
berhasil di
update”
6 Form Tombol Sistem akan

pengisian tambah menolak Sesuai Valid
data ekskul sistem akses dan harapan
di menampilkan
kosongkan pesan “data
kemudian tidak boleh
menekan dikosongkan”
tombol
tambah

menekan detail menampilkan Sesuai Valid
tombol sistem informasi harapan
detail pada data ekskul
menu data
ekskul
2. Jenis Ekskul
Tabel 4. 68
Hasil Blackbox Testing Form Jenis Ekskul

1. Pengguna Tombol Sistem akan

data jenis ekskul pengisian harapan
ekskul untuk form data jenis
pengisian ekskul
data baru

tombol tambah data jenis Sesuai Valid
setelah ekskul dan harapan
jenis ekskul
berhasil
ditambahkan”

tombol reset data jenis Sesuai valid
setelah ekskul yang harapan
mengisi data telah diisi
jenis ekskul

data jenis ubah status harapan
ekskul

tombol update pada menu data jenis
jenis ekskul edit data ekskul dan Sesuai Valid
jenis menampilkan harapan
ekskul pesan “data
jenis ekskul
berhasil di
update”
3. Agenda
Tabel 4. 69
Hasil Blackbox Testing Form Agenda


halaman view detail informasi harapan
agenda data agenda

data agenda agenda pengisian harapan
untuk form data agenda
pengisian
data
agenda
baru

tombol tambah data agenda Sesuai Valid
setelah dan harapan
agenda
berhasil
ditambahkan”
4 Nama agenda, Nama Sistem akan

tanggal mulai agenda : menolak
agenda, (kosong) akses tambah
tanggal selesai Tanggal agenda dan Sesuai Valid
agenda, waktu mulai : menampilkan harapan
agenda, (kosong) pesan “ tidak
tempat, Tanggal boleh
keterangan, selesai : dikosongkan”
tulis agenda, (kosong)
gambar dan Waktu :
deskripsi (kosong)
agenda Tempat :
dikosongkan (kosong)
kemudian Keterangan
menekan agenda :
tombol tambah (kosong)
Tulis
agenda :
(kosong)
Gambar :
(kosong)
Deskripsi
agenda :
(kosong)

setelah admin/guru harapan
agenda diisi

untuk agenda ubah status harapan
mengubah data data agenda
admin/ guru

tombol update pada menu data agenda
agenda edit data dan Sesuai Valid
agenda menampilkan harapan
pesan “data
agenda
berhasil di
update”

menekan output reset akan
tombol reset sistem menyimpan Sesuai Valid
pada menu edit perubahan harapan
data agenda data agenda
20. Pengujian Unit Terhadap Data Informasi (Guru)
a. Berita
1. List Berita
Tabel 4. 70
Hasil Blackbox Testing Form Berita


halaman list view informasi harapan
berita detail data berita

tombol tulis berita form Sesuai Valid
data berita untuk pengisian harapan
form data berita
pengisian
data baru

tombol data berita Sesuai Valid
tambah dan harapan
setelah menampilkan
form berita
pengisian berhasil
ditambahkan”

mengisi data diisi
list berita

mengubah berita berita
data berita
tombol pada data berita
update menu dan Sesuai Valid
berita edit data menampilkan harapan
berita
berhasil di
update”
8 Judul berita, Judul Sistem akan

slug, berita : menolak
deskripsi (kosong) tambah data Sesuai Valid
berita, Slug : berita dan harapan
kategori (kosong) menampilkan
berita, dan Deskripsi pesan “tidak
gambar berita : boleh
dikosongkan (kosong) dikosongkan”
kemudian Kategori
menekan berita :
tombol (kosong)
tambah Gambar :
(kosong)
2. Kategori Berita
Tabel 4. 71
Hasil Blackbox Testing Form Kategori Berita

tombol tambah berita form Sesuai Valid
data kategori untuk form pengisian harapan
berita pengisian data kategori
data baru berita
mengisi data diisi
kategori berita
mengubah data berita berita
kategori berita
tombol update pada menu data berita
berita edit data dan Sesuai Valid
kategori menampilkan harapan
kategori
berita
berhasil di
update”
berita kategori menolak
dikosongkan berita : tambah data Sesuai Valid
kemudian (kosong) kategori harapan
menekan berita dan
pesan “nama
kategori
berita tidak
boleh
dikosongkan”
6 form diisi Nama Sistem akan
dengan benar kategori mengakses
kemudian berita : penambahan
menekan keagamaan kategori
tombol tambah berita dan
menampilkan
pesan “data
kategori
berita
berhasil di
tambahkan”
3. Pengumuman
Tabel 4. 72

1 Pengguna Tombol tulis Sistem akan

menekan data menampilkan
tombol tulis pengumuman form Sesuai Valid
data untuk form pengisian harapan
pengumuman pengisian data
data baru pengumuman

tombol data Sesuai Valid
tambah pengumuman harapan
setelah menampilkan
pengisian pengumuman
berhasil
ditambahkan”

menekan menyimpan
setelah pengumuman harapan
pengumuman diisi

tombol edit data modal berisi Sesuai Valid
untuk pengumuman ubah status harapan
mengubah pengumuman
data
pengumuman

tombol update menu edit data berita
pengumuman data dan Sesuai Valid
pengumuman menampilkan harapan
pesan “data
pengumuman
berhasil di
update”

masuk ke output view menampilkan Sesuai Valid
halaman detail sistem informasi harapan
pengumuman mengenai
pengumuman

pengumuman, pengumuman menolak
gambar, dan berita : tambah data Sesuai Valid
deskripsi (kosong) pengumuman harapan
pengumuman Gambar : dan
dikosongkan (kosong) menampilkan
kemudian pesan “nama
menekan pengumuman
tombol tidak boleh
tambah dikosongkan”
21. Pengujian Unit Terhadap Foto (Guru)
Tabel 4. 73
Hasil Blackbox Testing Form Foto

n
1 Pengguna Output sistem sistem

masuk ke view detail menampilka Sesuai Valid
halaman foto n foto harapan

menekan tambah data menampilka
tombol foto untuk n form Sesuai Valid
tambah data form pengisian harapan
foto pengisian data data foto
baru

tombol foto dan Sesuai Valid
tambah menampilka harapan
setelah n pesan “
mengisi form data foto
pengisian berhasil
ditambahkan
”

menekan menyimpan
tombol reset data foto Sesuai valid
mengisi data diisi
foto

menekan pada menu menampilka
tombol edit data foto n modal Sesuai Valid
untuk berisi ubah harapan
mengubah status
data foto
tombol menu edit data data foto dan
update foto menampilka Sesuai Valid
n pesan harapan
“data foto
berhasil di
update”
7 Pengguna Tombol hapus Sistem akan

menekan pada menu menampilka Sesuai Valid
tombol hapus data foto n pesan harapan
setelah “yakin?”
menambahka
n data foto
baru

menekan cancel menolak Sesuai Valid
tombol akses harapan
cancel pada penghapusan
menu hapus data foto
data foto
9 Nama foto Nama foto : Sistem akan

dan gambar (kosong) menolak
tidak diisi Gambar : penambahan Sesuai Valid
kemudian (kosong) data foto dan harapan
menekan menampilka
tombol n pesan “
tambah data foto
tidak boleh
dikosongkan
”
10 Gambar diisi Gambar : Sistem akan

dan nama alkhoeriyah.jp menolak
foto g penambahan Sesuai Valid
dikosongkan Nama foto : data foto dan harapan
kemudian (kosong) menampilka
menekan n pesan “
tombol nama foto
tambah tidak boleh
di
kosongkan”
menekan output ok menolak
tombol ok sistem akses
pada menu penghapusan Sesuai Valid
penghapusan data foto dan harapan
data foto menampilka
n pesan
“Maaf anda
bukan
admin”
22. Pengujian Unit Terhadap File (Guru)
a. Data File
1. File
Tabel 4. 74
Hasil Blackbox Testing Form File

n

tombol data file form Sesuai Valid
tambah data untuk pengisian harapan
file form data file
pengisian
data baru

tombol data file dan Sesuai Valid
tambah menampilkan harapan
setelah pesan “ data
mengisi file berhasil
form ditambahkan
pengisian

tombol reset data file yang Sesuai valid
setelah telah diisi harapan
mengisi
data file

tombol edit menu data form berisi Sesuai Valid
untuk file ubah status harapan
mengubah file
data file
tombol pada menu data file dan
update file edit data menampilkan Sesuai Valid
file pesan “data harapan
file berhasil
di update”
6 Nama file, Nama file Sistem akan

judul file, : (kosong) menolak
slug, Slug : akses
kategori (kosong) penambahan
file, dan Kategori data file dan Sesuai Valid
dokumen file : menampilkan harapan
file (kosong) pesan “daa
dikosongka Dokumen file tidak
n kemudian file : boleh di
menekan (kosong) kosongkan”
tombol
tambah
7 Nama file, Nama Sistem akan

kategori file file : menolak
diisi dengan materi akses
benar dan keagamaa penambahan Sesuai Valid
slug, n data file dan harapan
dokumen Kategori menampilkan
file dan file : mata pesan “judul
judul file pelajaran file tidak
tidak diisi agama boleh
kemudian Slug : dikosongkan,
menekan (kosong) dokumen file
tombol Judul file : bisa berupa
tambah (kosong) doc, docx,
Dokumen jpg dan png”
file :
(kosong)

menekan download secara Sesuai valid
tombol sistem otomatis harapan
download mendownloa
pada menu d data file
data file

menekan download memberikan
tombol print sistem akses Sesuai Valid
pada menu kemudian di harapan
data file arahkan ke
halaman baru
untuk
melakukan
pencetakan
file
2. Kategori file
Tabel 4. 75
Hasil Blackbox Testing Form Kategori File


tambah kategori pengisian harapan
data file untuk data kategori
kategori form file
file pengisian
data baru

tombol data kategori Sesuai Valid
tambah file dan harapan
setelah menampilkan
form kategori file
pengisian berhasil
ditambahkan”

tombol data kategori Sesuai valid
reset file yang harapan
setelah telah diisi
mengisi
data
kategori
file

mengubah kategori data kategori
data file file
kategori
file

tombol pada data kategori
update menu edit file dan Sesuai Valid
kategori data menampilkan harapan
file kategori pesan “data
file kategori file
berhasil di
update”
23. Pengujian Unit Terhadap Form Profil Saya (Guru)
Tabel 4. 76
Hasil Blackbox Testing Form Profil Guru
Hasil Yang Hasil Kesimpula

N Skenario Test Case
o Pengujia Diharapkan
Pengujia n
n
n
1 Nama Nama lengkap : Sistem akan

lengkap, (kosong) menolak
email Email : (kosong) akses dan
dan Gambar : (kosong) menampilka Sesuai Valid
gambar n pesan
tidak “data tidak harapan
tidak boleh
diisi dikosongkan
kemudia ”
n
menekan
tombol
update
guru
2 Mengisi Nama lengkap : Sistem akan

nama moch azmi mamberikan
lengkap, Email : akses login
email azmi009@gmail.co dan Sesuai Valid
dan m menampilka
gambar Gambar : azmi.jpg n pesan “ harapan
dengan data guru
benar berhasil di
kemudia update”
n
menekan
tombol
update
guru
BAB V
PENUTUP
4.
5.
5.1 Kesimpulan
Setelah menganalisis sistem informasi dan merancang sistem informasi
berbasis web berdasarkan paparan pada bahasan sebelumnya, penulis membuat
kesimpulan sebagai berikut :
1. Dengan dibangunnya sistem informasi berbasis web ini diharapkan
dapat mempermudah dalam mengelola informasi mengenai Yayasan
Ponpes Al-Khoeriyah Bantar Tasikmalaya.
2. Membantu para calon siswa dan alumni untuk mendapatkan informasi
mengenai sekolah lebih cepat dan akurat.
3. Wali kelas dapat lebih mudah untuk memantau dan mengelola data
siswa sehingga tidak dilakukan dengan cara manual.
4. Membantu para siswa untuk mengetahui agenda kegiatan yang ada
disekolah lebih jelas dan efisien.

5.2 Saran
Berdasarkan kesimpulan diatas maka penulis memberikan saran sebagai
berikut :
1. Untuk perbaikan sistem diharapkan sistem informasi berbasis web in
harus terus dikembangkan lagi baik dari sisi fitur ataupun sistem
secara keseluruhan.
2. Harus diadakan adanya pemeliharaan secara berkala baik dari sisi
perangkat lunak maupun perangkat keras, agar terhindar dari
kendala-kendala yang tidak diinginkan.
3. Absensi hanya bisa dilakukan oleh guru, karena siswa tidak
diperkenankan membawa handphone.
4. Siswa tidak dapat melihat nilai raport karena siswa tidak
diperkenankan membawa handphone.
5. Guru / ustadz tidak dapat melihat honor perjam, karena belum
tersedianya honor jam guru baik untuk sekolah maupun pesantren.
6. Ustad / ustadzah tidak bisa login kedalam Dashboard Admin
sehingga tidak bisa melihat, mengedit dan menghapus.

DAFTAR PUSTAKA
Andre. (2015). Tutorial Belajar jQuery: Pengertian jQuery | Duniailkom. In

duniailkom.
Azis, A. &, & Sarmidi. (2018). Pengertian Komponen ERD. Jumantaka, 1(1).
Chandra, Y. I. (2017). Perancangan Aplikasi Navigasi Peta dengan Engenalan
Suara Menggunakan Pendekatan Agile Process dengan Model Extreme
Programming Berbasis …. IKRA-ITH INFORMATIKA: Jurnal Komputer
Dan …, 1(2).
Dewi. (2020). Perancangan Sistem Informasi Puskesmas Berbasis Web. Jurnal
IKRA-ITH Informatika, 4(103).
Enterprise, J. (2016). Pengenalan HTML dan CSS - Tutorial Fundamental
dalam mempelajari HTML dan CSS. Elex Media Komputindo.
https://books.google.co.id/books?
id=Pi1IDwAAQBAJ&dq=html+adalah&lr=&source=gbs_navlinks_s
Gusrion, D. (2018). Membuat Aplikasi Penyimpanan dan Pengolahan Data
dengan VB.NET. Jurnal KomtekInfo, 5(1).
https://doi.org/10.35134/komtekinfo.v5i1.10
Hartono, H. (2018). Pengertian Website dan Unsur-Unsurnya. Ilmu Teknologi
Informasi (Ilmuti).
Hatmoko, A. (2019). Pengertian Aplikasi Berbasis Web. Kompasiana.Com.
IRAWAN, M. (2017). Perancangan Sistem Informasi Penjualan Alumunium
Dan Kaca Pada Ud. Dwi Daya Alumunium. 106.
M Teguh Prihandoyo. (2018). Unified Modeling Language (UML) Model Untuk
Pengembangan Sistem Informasi Akademik Berbasis Web. Jurnal
Informatika: Jurnal Pengembangan IT, 3(1), 126–129.
Rosidah;. (2018). Bab Ii Landasan Teori. Journal of Chemical Information and
Modeling, 53(9).
Setiawan Arif, D. I. (2017). Implementasi E-Goverment Sebgai Upaya
Peningkatan Potensi Desa di Sukoharjo. Processding KMSI, 5(1).
Sofwan, A. (2013). Belajar PHP dengan Framework Code Igniter. Belajar PHP
Dengan Framework CodeIgniter, Ci.
Susanti, M. (2016). Perancangan Sistem Informasi Akademik Berbasis Web
Pada Smk Pasar Minggu Jakarta. Informatika, 3(1), 91–99.
Wahyudi. (2017). Perancangan dan Implementasi Sistem Manajemen
Peminjaman Mobil dengan Metode Scrum di Universitas Internasional
Batam. UIB Repository, 53(9).
DAFTAR RIWAYAT HIDUP
I. Biodata Mahasiswa
NIM : 12191497
Nama Lemgkap : Moch Azmi Iskandar
Tempat & tanggal lahir : Tasikmalaya, 06 Januari 2001
Alamat Lengkap : Jl. Taman Puri Blok B 18 NO. 17 Cipedes Kota
Tasikmalaya
II. Riwayat Pendidikan Formal & Non Formal

1. SDN GALUNGGUNG TASIKMALAYA lulus tahun 2013
2. SMPN 12 TASIKMALAYA, lulus tahun 2016
3. PKBM DANIS JAYA TASIKMALAYA, lulus tahun 2019
III. Riwayat pengalaman berorganisasi/ pekerjaan

1. Pegawai Photo Studio RM Kota Tasikmalaya tahun 2017
2. KIBM ( Kompetisi Inovasi Bisnis Mahasiswa) tahun 2020
3. Anggota HIMASI UBSI Tasikmalaya tahun 2020 - 2021
Moch Azmi Iskandar

NIM : 12190881
Nama Lemgkap : Sahidt Taufik Ahmad Reza
Tempat & tanggal lahir : Tanggerang, 16 Januari 2001
Alamat Lengkap : Lingkungan cibulan Rt 01/ Rw 05 Kec. Banjar
Kota Banjar

1. SDN 1 MEKARSARI, lulus tahun 2012
2. MTSN BANJAR, lulus tahun 2015
3. SMK N 2 BANJAR, lulus tahun 2018

1. Anggota PMR SMK 2 Banjar tahun 2015 - 2018
2. Anggota Badan Eksekutif Mahasiswa (BEM) UBSI Kota
Tasikmalaya tahun 2020-2021
3. Ketua BSI Japan English (BJE) UBSI Kota Tasikmalaya tahun
2020-2021
Sahidt Taufik Ahmad Reza

NIM : 12190780
Nama Lemgkap : Ujang Andi
Tempat & tanggal lahir : Tasikmalaya, 15 Agustus 2000
Alamat Lengkap : Kp. Conggeang Rt/Rw 003/011 Kel.
Karanganyar Kawalu, Tasikmalaya

1. SDN 2 KARANGANYAR, lulus tahun 2013
2. MTs AL-KHOERIYAH BANTAR, lulus tahun 2016
3. MA AL-KHOERIYAH BANTAR , lulus tahun 2019

1. Pegawai Alfamart Kota Cilcap 2021
2. Ketua Pramuka MTs Al-Khoeriyah Bantar Tasikmalaya tahun
2014-2015
3. Anggota SAKA BAKTI HUSADA Kota Tasikmalaya tahun
2016-2017
4. Anggota HIMASI UBSI Tasikmalaya tahun 2020 – 2021
Ujang Andi
SURAT KETERANGAN RISET/PKL
LAMPIRAN
Lampiran A. 1 Data Siswa
Lampiran A. 2 Data Guru

Lampiran A. 3 Jadwal Mengajar

Program Aplikasi SISPON - FIKS

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Program Aplikasi SISPON - FIKS

Diunggah oleh

Hak Cipta:

Format Tersedia

PROGRAM APLIKASI SISTEM INFORMASI PONDOK

MOCH AZMI ISKANDAR NIM : 12191497

Program Studi Sistem Informasi Kampus Kota Tasikmalaya

Yang bertanda tangan di bawah ini:

Nama : Moch Azmi Iskandar

Nama : Sahidt Taufik Ahmad Reza

Nama : Ujang Andi

Yang bertandatangan di bawah ini, Penulis:

Nama : Sahidt Taufik Ahmad Reza

Nama : Ujang Andi

dan Pihak Perusahaan tempat PKL/Riset:

Sepakat atas hal-hal di bawah ini:

Demikian kesepakatan ini dibuat dengan sebenarnya.

KH. Cecep Nurholis, M.Pd.I Moch Azmi Iskandar

Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT,

yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya

Aplikasi Sitem Informasi Pondok Pesantren (SISPON)”.

Informatika. Sebagai bahan penulisan diambil berdasarkan hasil penelitian

(eksperimen), observasi dan beberapa sumber literatur yang mendukung

1. Rektor Universitas Bina Sarana Informatika.

2. Dekan Fakultas Agung Baitul Hikmah, S.Kom, M.Kom

3. Ketua Program Studi Sistem Informasi Universitas Bina Sarana Informatika.

5. Ibu Ratningsih, SE, MMSI selaku Asisten Pembimbing Tugas Akhir.

6. Staff / karyawan / dosen di lingkungan Universitas Bina Sarana Informatika.

8. Staff / karyawan di lingkungan Yayasan pondok Pesantren Al-Khoeriyah

9. Orang tua tercinta yang telah memberikan dukungan moral maupun

10. Rekan-rekan mahasiswa kelas 12.6A.17.

bersifat membangun demi kesempurnaan penulisan di masa yang akan datang.

dan bagi para pembaca yang berminat pada umumnya.

Tasikmalaya, 18 Juli 2022

Moch Azmi Iskandar

Moch Azmi Iskandar (12191497), Ujang Andi (12190780), Sahidt Taufik

Ahmad Reza (12190881), Program Aplikasi SISPON Berbasis Website Pada

Yayasan Pondok Pesantren Al-khoeriyah Bantar, Tasikmalaya

Sistem informasi Pondok Pesantren merupakan suatu sistem yang memberikan

informasi tentang pondok pesantren, kegiatan, pengumuman, berita, kegiatan

Yayasan Pondok Pesantren Al-khoeriyah Bantar pengolahan data dan informasi

berita atau pengumuman ke masyarakat melalui banner, dan penginputan

laporan absensi. Sistem manual tersebut seringkali menimbulkan permasalahan

penyimpanan dokumen seperti hilangnya arsip, pencarian data hingga rusaknua

aplikasi sistem informasi pondok pesantren berbasi web untuk mempermudah

pesantren al-khoeriyah yaitu dengan program aplikasi sistem informasi pondok

pesantren dengan menggunakan pengembangan perangkat lunak model extreme

programming dan bahasa pemograman PHP dengan database MySQL. Manfaat

menyimpan arsip, dan melakukan absensi para siswa melalui website.

Kata kunci : Perancangan Sistem Informasi, Siswa, Guru, Alumni, Website

Moch Azmi Iskandar (12191497), Ujang Andi (12190780), Sahidt Taufik

Ahmad Reza (12190881), Program Application SISPON Based Website At

Islamic boarding school foundation Al-khoeriyah Bantar, Tasikmalaya

Pondok Pesantren information system is a system that provides information

about Islamic boarding schools, activities, announcements, news, school

activities and pesantren activities, teacher personal data, classes, majors in

others. At the Al-Khoeriyah Bantar Islamic Boarding School Foundation, data

registration, news sharing or announcements to the public through banners, and

project is to design a web-based Islamic boarding school information system

application program to facilitate data processing from students, and prospective

students of the Al-Khoeriyah Islamic Boarding School Foundation for the

Islamic boarding school information system application program using extreme

model software development. Programming and programming language PHP

boarding school information system application program is to provide facilities

archives, and do student attendance through the website.

Keywords: Information System Design, Students, Teachers, Alumni, Website

SURAT PERNYATAAN KEASLIAN TUGAS AKHIR.................................ii