SKRIPSI

PERANCANGAN SISTEM INFORMASI PENERIMAAN

PESERTA DIDIK BARU (PPDB) BERBASIS WEBSITE
(STUDI KASUS SMP ISLAM LADUNI)

Diajukan untuk memenuhi salah satu syarat memperoleh gelar

Sarjana Komputer

Di Susun Oleh :

Nama : Rahayu Safitri

NIM : 312010515

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS PELITA BANGSA
BEKASI
2021
 PERSETUJUAN SKRIPSI

Nama : Rahayu Safitri

NIM : 312010515
Program Studi : Teknik Informatika
Judul Tugas Akhir : Perancangan Sistem Informasi Penerimaan Peserta Didik
Baru (PPDB) Berbasis Website Studi Kasus SMP Islam
Laduni.

Skripsi ini telah diperiksa dan disetujui,

Bekasi, ……..

Menyetujui,

Dosen Pembimbing I Dosen Pembimbing II

Wahyu Hadikristanto, M.Kom Aswan S. Sunge, S.E., M.Kom.

NIDN. NIDN. 0426018003

Mengetahui,

Ka.Prodi Teknik Informatika Dekan Fakultas Teknik

Aswan S. Sunge, S.E., M.Kom. Putri Anggun Sari, S.Pt. M.Si.

BIDN. 0426018003 NIDN. 0424088403

PERNYATAAN

KEASLIAN SKRIPSI

ii
Sebagai mahasiswa Universitas Pelita Bangsa, yang bertanda tangan dibawah ini,
saya :
Nama : Rahayu Safitri
NIM : 312010515

Menyatakan bahwa karya ilmiah yang berjudul :

Perancangan Sistem Informasi Penerimaan Peserta Didik Baru (PPDB)

Berbasis Website Studi Kasus SMP Islam Laduni

Merupakan karya asli saya (kecuali cuplikan dan ringkasan yang masing-masing
telah saya jelaskan sumbernya dan perangkat pendukung seperti web cam dll).
Apabila dikemudian hari, karya saya disinyalir bukan merupakan karya asli saya,
yang disertai dengan bukti-bukti yang cukup, maka saya bersedia untuk
dibatalkan gelar saya beserta hak dan kewajiban yang melekat pada gelar tersebut.
Demikian surat pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Tangerang

Pada Tanggal : 07 Agustus

2021

Yang Menyatakan,

Rahayu Safitri

PERNYATAAN PERSETUJUAN PUBLIKASI

iii
Sebagai mahasiswa Universitas Pelita Bangsa, yang bertanda tangan dibawah ini,
saya :

Nama : Rahayu Safitri

NIM : 312010515

Demi mengembangkan Ilmu Pengetahuan, menyetujui untuk memberikan kepada

Universitas Pelita Bangsa Hak Bebas Royalti Non-Elsklusif (Non Exclusive
Royalty Free Right) atas karya ilmiah yang berjudul :

Perancangan Sistem Informasi Penerimaan Peserta Didik Baru (PPDB)

Berbasis Website Studi Kasus SMP Islam Laduni

Beserta perangkat yang diperlukan (bila ada). Dengan Hak Bebas Royalti Non-
Elsklusif ini Universitas Pelita Bangsa berhak untuk menyimpan, mengcopy ulang
(memperbanyak), menggunakan, mengelolanya dalam bentuk pangkalan data
(database), mendistribusikannya dan menampilkan/mempublikasikannya
diinternet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin
dari saya selama tetap mencantumkan nama saya sebagai penulis/pencipta.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak
Universitas Pelita Bangsa, segala bentuk tuntutan hukum yang timbul atau
pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian surat pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Tangerang
Pada Tanggal : 07 Agustus 2021

Yang Menyatakan,

Rahayu Safitri

iv
 KATA PENGANTAR

Puji syukur Penulis haturkan kepada Allah SWT yang telah melimpahkan
rahmat dan Hidayah-Nya, sehingga Penulis mampu menyelesaikan proposal
penelitian ini yang berjudul “Perancangan Sistem Informasi Penerimaan Peserta
Didik Baru (PPDB) Berbasis Website Di SMP Islam Laduni”. Namun hanya ini
yang dapat Penulis lakukan dalam proses penelitian sampai penulisan telah
dilakukan secara maksimal. Penulis menyadari bahwa selama ini perjalanan studi
maupun penyelesaian skripsi penelitian ini banyak mendapat pengalaman baru
karena mendapatkan motivasi dan bimbingan dari semua pihak. Oleh karena itu,
pada kesempatan ini Penulis menyampaikan rasa syukur dan terima kasih kepada :

1. Allah SWT yang telah memberikan kesehatan dan keberkahan kepada

penulis;
2. Bapak Hamzah Muhammad Mardi Putra, S.K.M., M.M, selaku Rektor
Universitas Pelita Bangsa;
3. Ibu Putri Anggun Sari S.Pt., M.Si, selaku Dekan Fakultas Teknik
Universitas Pelita Bangsa
4. Bapak Wahyu Hadikristanto, M.Kom., selaku dosen pembimbing I dan
Bapak Aswan S. Sunge, S.E, M.Kom., yang telah menyediakan waktu,
tenaga dan pikiran kepada penulis dalam penyusunan skripsi ini;
5. Aswan S. Sunge, SE., M.Kom., selaku ketua Program Studi Teknik
Informatika;
4. Bapak Wahyu Hadikristanto, M.Kom., selaku dosen pengampu mata kuliah
Skripsi yang senantiasa selalu membimbing Saya, menyediakan waktu,
tenaga dan pikiran untuk menyerahkan saya dalam penyusunan proposal ini;
6. Segenap Staff dosen dan pegawai Universitas Pelita Bangsa yang tidak dapat
saya sebutkan satu persatu;
7. Ibu Hj. Ida Nurlaelah, SKM, S.Pd selaku Kepala Sekolah SMP Islam
Laduni, Bapak Aryatna S.Pd selaku Kepala Staff Tata Usaha (TU) dan
segenap dewan guru dan pegawai Sekolah SMP Islam Laduni yang tidak

v
 dapat saya sebutkan satu persatu atas semua jasa yang telah diberikan
selama masa perkuliahan saya;
8. Bapak Basirun Suryana dan Ibu Lindawati tercinta, Adik tersayang yang
selalu mendorong dan mendukung penulis dalam menyelesaikan studi.;
9. Sahabatku FRENS FM yang selalu memberikan dorongan semangat kepada
penulis sehingga dapat menyelesaikan skripsi ini dengan baik dan tepat
waktu;
10.Teman-teman dari TU-17A yang tidak bisa penulis sebutkan satu persatu
atas dukungan terhadap penulis dalam pembuatan skripsi ini.

Dalam penulisan skripsi ini masih banyak sekali kekeliruan dan kelemahan
yang terdapat didalam isi, metode penelitian dan sistematika penulisan sehingga
kepada pembaca yang berminat kíranya dapat memberikan kritikan dan masukan
yang berharga untuk kesempurnaan kemudian semoga bermanfaat bagi
masyarakat, bangsa, Negara dan Agama.

Tangerang, 07 Agustus 2021

Rahayu Safitri

vi
 ABSTRAK

Tuntutan pada masa pandemi membuat segala hal harus dilakukan secara online,
salah satunya pada kegiatan penerimaan peserta didik baru. Meski saat ini belum
banyak sekolah di Indonesia yang menyelenggarakan penerimaan peserta didik
baru secara online, sudah sebaiknya sistem ini dikembangkan oleh tiap sekolah.
Kemajuan teknologi informasi dan komunikasi mampu mendukung proses input
dan output secara cepat dan akurat serta proses pendataan dan administrasi
menjadi efisien, baik dalam hal waktu, biaya, maupun tenaga.
Penelitian ini bertujuan untuk membuat aplikasi sistem informasi penerimaan
peserta didik baru berbasis website dengan bahasa pemrograman PHP dan
database MySQL dengan menggunakan konsep yang bersifat OOP (Object
Oriented Programming) serta Bootstrap untuk memvisualkan user interface.
Dalam analisis kebutuhan menggunakaan UML (Unified Modeling Language)
diantaranya adalah use case daigram, activity diagram, sequence diagram, dan
class diagram. Hasil yang dicapai adalah suatu aplikasi yang memudahkan calon
peserta didik dalam melakukan pendaftaran dan penyampaian informasi seperti
profil singkat, visi misi dan fasilitas sekolah.

Kata kunci : Sistem Informasi Penerimaan Peserta Didik Baru, PHP, MySQL,
Object Oriented Programming, UML, Bootstrap.

vii
 ABSTRACT

The demands during the pandemic make everything have to be done online, one
of which is in the activities of accepting new students. Although currently there
are not many schools in Indonesia that hold online admissions for new students, it
is better for each school to develop this system. Advances in information and
communication technology are able to support the input and output processes
quickly and accurately and the data collection and administration processes to be
efficient, both in terms of time, cost, and energy.
This study aims to create a website-based application for a new student
admissions information system using the PHP programming language and
MySQL database using the concept of OOP (Object Oriented Programming) and
Bootstrap to visualize the user interface. In needs analysis using UML (Unified
Modeling Language) such as use case diagram, activity diagram, sequence
diagram, and class diagram. The result achieved is an application that makes it
easier for prospective students to register and deliver information such as a brief
profile, vision and mission and school facilities.
Keywords: Information System for New Student Admission, PHP, MySQL,
Object Oriented Programming, UML, Bootstrap.

viii
 DAFTAR ISI

HALAMAN PERSETUJUAN .................................................................................. ii

PERNYATAAN KEASLIAN SKRIPSI ................................................................... iii

PERNYATAAN PERSETUJUAN PUBLIKASI ..................................................... iv

KATA PENGANTAR .............................................................................................. v

ABSTRAK ................................................................................................................ vii

ABSTRACT .............................................................................................................. viii

DAFTAR ISI ............................................................................................................. ix

DAFTAR TABEL ..................................................................................................... xii

DAFTAR GAMBAR ................................................................................................ xiii

DAFTAR LAMPIRAN .............................................................................................

BAB I PENDAHULUAN ......................................................................................... 1

1.1. Latar Belakang ............................................................................................. 1

1.2. Identifikasi Masalah ..................................................................................... 3
1.3. Batasan Masalah .......................................................................................... 3
1.4. Rumusan Masalah ........................................................................................ 4
1.5. Tujuan Penelitian ......................................................................................... 4
1.6. Manfaat Penelitian ....................................................................................... 5
1.6.1. Manfaat Teoritis ................................................................................. 5
1.6.2. Manfaat Praktis .................................................................................. 5
1.7. Metodologi Penelitian .................................................................................. 6
1.8. Sistematika Penulisan .................................................................................. 6

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ................................. 8

2.1. Tinjauan Pustaka ......................................................................................... 8

ix
 2.2. Definisi Sistem Informasi ........................................................................... 10
2.2.1. Pengertian Sistem .............................................................................. 10
2.2.2. Pengertian Informasi ......................................................................... 10
2.2.3. Pengertian Sistem Informasi ............................................................. 11
2.3. Konsep Tenologi Informasi ........................................................................ 11
2.4. Sekolah ........................................................................................................ 12
2.5. PPDB (Penerimaan Peserta Didik Baru) ..................................................... 12
2.6. Website ........................................................................................................ 12
2.7. Pengertian Bahasa Pemrograman ................................................................ 13
2.7.1. PHP ................................................................................................... 13
2.7.2. HTML ............................................................................................... 13
2.7.3. CSS .................................................................................................... 13
2.7.4. Xampp ............................................................................................... 14
2.8. Framework .................................................................................................. 14
2.8.1. Bootstrap ............................................................................................................... 14
2.9. Perancangan Sistem .................................................................................... 15
2.10. OOP (Object Oriented Programming) ........................................................ 15
2.11. UML (Unified Modeling Language) ........................................................... 15
2.11.1. Use Case Diagram .............................................................................................. 16
2.11.2. Activity Diagram ................................................................................................. 17
2.11.3. Sequence Diagram .............................................................................................. 19
2.11.4. Class Diagram .................................................................................................... 20
2.12. MySQL Database ....................................................................................... 20
2.13. Kerangka Pemikiran .................................................................................... 21

BAB III METODOLOGI PENELITIAN .................................................................. 22

3.1. Profil............................................................................................................. 22
3.1.1. Sejarah Singkat ..................................................................................................... 22
3.1.2. Visi Misi dan Tujuan SMP Islam Laduni ............................................................. 22
3.1.3. Struktur Organisasi SMP Islam Laduni ................................................................ 23
3.2. Metodologi Pengembangan Sistem.............................................................. 23

x
3.2.1. Analisis ................................................................................................................. 25
3.2.2. Desain ................................................................................................................... 29

BAB IV HASIL DAN PEMBAHASAN .................................................................. 67

4.1. Hasil Penelitian ........................................................................................... 67

4.1.1. Perangkat Keras (Hardware) yang Digunakan ................................ 67
4.1.2. Perangkat Lunak (Software) yang Digunakan .................................. 67
4.1.3. Implementasi Database..................................................................... 68
4.1.4. Interfaces .......................................................................................... 70
4.2. Pengujian Sistem ......................................................................................... 81
4.2.1. Pengujian Halaman Login ...................................................................................... 82
4.2.2. Pengujian Halaman Pendaftaran ............................................................................ 82
4.2.3. Pengujian User Dashboard .................................................................................... 84
4.2.4. Pengujian Admin Dashboard.................................................................................. 86
4.2.5. Pengujian Logout ................................................................................................... 88

BAB V PENUTUP .................................................................................................... 89

5.1. Kesimpulan ................................................................................................. 89

5.2. Saran ............................................................................................................ 89

DAFTAR PUSTAKA ............................................................................................... 91

DAFTAR LAMPIRAN ............................................................................................. 93

xi
 DAFTAR TABEL

Tabel 2.1 Use Case Diagram .................................................................................... 16

Tabel 2.2 Activity Diagram ....................................................................................... 18
Tabel 2.3 Sequence Diagram ..................................................................................... 19
Tabel 2.4 Kerangka Pemikiran .................................................................................. 21
Tabel 3.1 Skenario Use Case Halaman Utama ......................................................... 30
Tabel 3.2 Skenario Use Case Halaman Profile ......................................................... 31
Tabel 3.3 Skenario Use Case Daftar .........................................................................
31
Tabel 3.4 Skenario Use Case Login .......................................................................... 32
Tabel 3.5 Skenario Use Case View Home ................................................................. 33
Tabel 3.6 Skenario Use Case View Profile ............................................................... 33
Tabel 3.7 Skenario Use Case View Syarat Pendaftaran ............................................ 34
Tabel 3.8 Skenario Use Case View Pembayaran ...................................................... 34
Tabel 3.9 Skenario Use Case View Konfirmasi Pembayaran ................................... 35
Tabel 3.10 Skenario Use Case Mengelola Data Pendaftaran .................................... 36
Tabel 3.11 Skenario Use Case Mengelola Pembayaran Pendaftaran ....................... 36
Tabel 3.12 Skenario Use Case Laporan .................................................................... 37
Tabel 4.1 Pengujian Halaman Login ......................................................................... 82
Tabel 4.2 Pengujian Halaman Pendaftaran ............................................................... 82
Tabel 4.3 Pengujian User Dashboard ....................................................................... 84
Tabel 4.4 Pengujian Admin Dashboard .................................................................... 86
Tabel 4.5 Pengujian Logout ...................................................................................... 88

xii
 DAFTAR GAMBAR

Gambar 3.1 Struktur Organisasi SMP Islam Laduni ................................................ 23

Gambar 3.2 Metode Waterfall ................................................................................... 24
Gambar 3.3 Analisa Sistem Berjalan ........................................................................ 26
Gambar 3.4 Analisa Sistem Usulan .......................................................................... 28
Gambar 3.5 Use Case Diagram ................................................................................. 30
Gambar 3.6 Activity Halaman Utama ........................................................................ 38
Gambar 3.7 Activity Halaman Profile ...................................................................... 39
Gambar 3.8 Activity Daftar ....................................................................................... 40
Gambar 3.9 Activity Login ........................................................................................ 41
Gambar 3.10 Activity Syarat Pendaftaran ................................................................. 42
Gambar 3.11 Activity User Profile ............................................................................ 43
Gambar 3.12 Activity Pembayaran ............................................................................ 44
Gambar 3.13 Activity Konfirmasi Pembayaran ......................................................... 45
Gambar 3.14 Activity Login (Admin) ........................................................................
46
Gambar 3.15 Activity Kofirmasi Pendaftaran ........................................................... 47
Gambar 3.16 Activity Konfirmasi Pendaftaran ......................................................... 48
Gambar 3.17 Activity Cetak Laporan ........................................................................ 49
Gambar 3.18 Activity Logout .................................................................................... 50
Gambar 3.19 Sequence Login ................................................................................... 51
Gambar 3.20 Sequence Daftar ................................................................................... 51
Gambar 3.21 Sequence Melampirkan Dokumen Persyaratan ................................... 52

xiii
Gambar 3.22 Sequence User Profile .........................................................................52
Gambar 3.23 Sequence Pembayaran .........................................................................53
Gambar 3.24 Sequence Konfirmasi Pembayaran (User) ..........................................54
Gambar 3.25 Sequence Konfirmasi Pendaftaran .......................................................54
Gambar 3.26 Sequence Konfirmasi Pembayaran (Admin) .......................................55
Gambar 3.27 Sequence Cetak Laporan .....................................................................55
Gambar 3.28 Sequence Logout .................................................................................56
Gambar 3.29 Class Diagram .....................................................................................57
Gambar 3.30 Desain User Interface Halaman Utama ...............................................57
Gambar 3.31 Desain User Interface Profile .............................................................58
Gambar 3.32 Desain User Interface Daftar ..............................................................58
Gambar 3.33 Desain User Interface Login ...............................................................59
Gambar 3.34 Desain User Interface Daftar Account User ........................................59
Gambar 3.35 Desain User Interface Daftar Calon Peserta Didik Baru ....................60
Gambar 3.36 Desain User Interface Daftar Data Otang Tua ....................................60
Gambar 3.37 Desain User Interface Daftar Persyaratan Pendaftaran .......................61
Gambar 3.38 Desain User Interface Daftar Berhasil ................................................61
Gambar 3.39 Desain User Interface Home ...............................................................62
Gambar 3.40 Desain User Interface User Profile .....................................................62
Gambar 3.41 Desain User Interface Syarat Pendaftaran ..........................................63
Gambar 3.42 Desain User Interface Pembayaran .....................................................64
Gambar 3.43 Desain User Interface Konfirmasi Pembayaran...................................64
Gambar 3.44 Desain User Interface Home ...............................................................65
Gambar 3.45 Desain User Interface Konfirmasi Pendaftaran ..................................65
Gambar 3.46 Desain User Interface Konfirmasi Pembayaran ..................................66
Gambar 3.47 Desain User Interface Laporan ..........................................................66
Gambar 4.1 Tabel Akun ............................................................................................68

xiv
Gambar 4.2 Tabel Detail_pendaftaran ......................................................................69
Gambar 4.3 Tabel Pendaftaran ..................................................................................69
Gambar 4.4 Tabel Siswa ..........................................................................................69
Gambar 4.5 Interface Halaman Home ......................................................................70
Gambar 4.6 Interface Halaman Profile .....................................................................71
Gambar 4.7 Interface Halaman Login ......................................................................71
Gambar 4.8 Interface Daftar – Laman Daftar ...........................................................72
Gambar 4.9 Interface Daftar – Data Account User ...................................................72
Gambar 4.10 Interface Daftar – Data Calon Peserta Didik .......................................73
Gambar 4.11 Interface Daftar – Data Orang Tua ......................................................74
Gambar 4.12 Interface Daftar – Syarat Pendaftaran .................................................75
Gambar 4.13 Interface Daftar – Berhasil ..................................................................76
Gambar 4.14 Interface Home ....................................................................................76
Gambar 4.15 Interface User Profile ..........................................................................77
Gambar 4.16 Interface Syarat Pendaftaran ...............................................................77
Gambar 4.17 Interface Pembayaran ..........................................................................78
Gambar 4.18 Interface Konfirmasi Pembayaran .......................................................78
Gambar 4.19 Interface Admin Dashboard................................................................79
Gambar 4.20 Interface Admin Dashboard-Konfirmasi Pendaftaran.........................79
Gambar 4.21 Interface Admin Dashboard-Konfirmasi Pembayaran........................80
Gambar 4.22 Interface Admin Dashboard-Laporan..................................................80
Gambar 4.23 Interfaces Laporan-Laporan Pendaftaran ............................................81
Gambar 4.24 Interfaces Laporan-Laporan Pendapatan ............................................81

xv
 DAFTAR LAMPIRAN

93
95
97

xvi
 LAMPIRAN III
FORMULIR PPDB SMP ISLAM LADUNI
Lampiran 1. 1 Formulir SMP Islam Laduni

18
19