Skripsi
untuk memenuhi sebagian persyaratan
mencapai derajat Sarjana S-1
Diajukan oleh :
Habibie Adicha Pradana Putra
20120140019
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH YOGYAKARTA
Skripsi
untuk memenuhi sebagian persyaratan
mencapai derajat Sarjana S-1
Diajukan oleh :
Habibie Adicha Pradana Putra
20120140019
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH YOGYAKARTA
HALAMAN PENGESAHAN I
SKRIPSI
SISTEM PENDAFTARAN SISWA BARU SECARA ONLINE
DI SMP NEGERI 5 PURWANEGARA
Diajukan Oleh:
HABIBIE ADICHA PRADANA PUTRA
20120140019
Telah Disetujui Oleh:
Pembimbing 1 Pembimbing 2
Haris Setyawan, S.T., M.Eng. Asroni, S.T., M.Eng.
HALAMAN PENGESAHAN II
SKRIPSI
SISTEM PENDAFTARAN SISWA BARU SECARA ONLINE
DI SMP NEGERI 5 PURWANEGARA
Diajukan Oleh:
HABIBIE ADICHA PRADANA PUTRA
20120140019
Skripsi telah Dipertahankan dan Disahkan di depan Dewan Penguji Program Studi
Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Yogyakarta
Tanggal 13 Januari 2017
Dewan Penguji:
Haris Setyawan, S.T., M.Eng.
NIK: 19691111200004123043
Asroni, S.T., M.Eng.
NIK: 19740426201504123072
Aprilia Kurnianti, S.T., M. Eng.
Saya menyatakan bahwa skripsi tidak mengandung karya yang pernah
diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan
sepanjang pengetahuan saya juga tidak mengandung karya atau pendapat yang
pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu
dalam naskah dan disebutkan dalam daftar pustaka.
Alhamdulillahirabbil’alamin Puji syukur kehadirat Allah SWT yang telah
melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan
skripsi dengan judul “Sistem Pendaftaran Siswa Baru Secara Online Di SMP Negeri
5 Purwanegara”.
Berbagai usaha dan upaya telah penulis lakukan untuk menyelesaikan
penyusunan skripsi ini, penulis meminta maaf apabila terdapat kesalahan dalam
pemilihan kata, susunan penulisan dan sistematika pembahasan.
Dalam melakukan penelitian dan penyusunan laporan skripsi penulis telah
mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis
mengucapkan terima kasih yang tak terhingga kepada:
1. Bapak Helmi Zain Nuri, S.T., MT. selaku Ketua Program Studi Teknik
Informatika Universitas Muhammadiyah Yogyakarta.
2. Bapak Haris Setyawan, S.T., M.Eng. selaku pembimbing utama yang telah
membimbing penulis dengan kesabaran dan ketulusan dalam pengembangan
sistem dan penulisan skripsi.
3. Bapak Asroni, S.T., M.Eng. selaku pembimbing pendamping yang telah
meluangkan waktu dan sangat sabar membimbing penulis dalam pembuatan
skripsi dan pengembangan sistem.
4. Segenap dosen dan pengajar di Jurusan Teknik Informatika Universitas
Muhammadiyah Yogyakarta, Bapak Slamet, Bapak Giga, Bapak Eko, Bapak
Joko, Bapak Okto, Ibu Aprilia yang telah memberikan tambahan pengetahuan
Muhammadiyah Yogyakarta, Mas Reza, Mas Ronald, Mbak Lilis, Mbak Novi,
Mas Andi, dan Mas Haris yang senantiasa membantu penulis dalam urusan
administrasi.
6. Papa, Mama, Adik Alma yang selalu memberikan dukungan motivasi, kasih
sayang dan doa kepada penulis hingga penulis dapat mencapai ke tahap
sekarang ini.
7. Teman seperjuangan angkatan 2012 yang tidak bisa penulis cantumkan satu
persatu, terimakasih banyak kepada kalian semua yang selalu menemani dan
membantu penulis.
8. Putri teman hidup yang senantiasa berbagi ilmu, berbagi semangat, suka cita
dan suka duka selama kuliah di UMY.
9. Pihak-pihak lainnya yang tidak dapat disebutkan satu per satu, yang telah
memberikan bantuan kepada penulis, sehingga penulis dapat menyelesaikan
HALAMAN JUDUL ... i
HALAMAN PENGESAHAN I ... ii
HALAMAN PENGESAHAN II ... iii
PERNYATAAN ... iv
PRAKATA ... v
DAFTAR ISI ... vii
DAFTAR TABEL ... xi
DAFTAR GAMBAR ... xii
INTISARI ... xiv
ABSTRACT ... xv
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan Penelitian ... 3
1.5 Manfaat Penelitian ... 3
1.6 Sistematika Penulisan ... 3
BAB II TINJAUAN PUSTAKA ... 5
2.1 Tinjauan Pustaka ... 5
2.2 Landasan Teori ... 7
2.2.1 Pengertian Penerimaan Peserta Didik Baru (PPDB) ... 7
2.2.2 Sistem Informasi ... 7
2.2.3 Pengembangan Sistem Berbasis Web ... 8
2.2.4 PHP ... 9
2.2.5 MySQL ... 9
BAB III METODOLOGI PENELITIAN... 11
3.1 Peralatan Pendukung... 11
3.2 Bahan Penelitian ... 11
3.3.1 Wawancara
3.3.2 Observasi ... 13
3.4 Langkah Penelitian ... 14
3.5 Sistem yang Sedang Berjalan di SMP Negeri 5 Purwanegara ... 17
3.5.1 Analisis Proses Pendaftaran Peserta Didik Baru ... 17
3.5.2 Analisis Proses Seleksi Peserta Didik Baru ... 17
3.6 Analisis Kebutuhan Fungsional dan Non Fungsional ... 17
3.6.1 Kebutuhan Fungsional ... 17
3.6.2 Kebutuhan Non-Fungsional ... 18
3.7 Arsitektur Sistem ... 18
3.8 Perancangan Sistem ... 19
3.8.1 Use CaseDiagram ... 20
3.8.2 ActivityDiagram Aplikasi ... 21
3.9 Perancangan Basis Data ... 22
3.9.1 ER Diagram Aplikasi... 22
3.10 Kamus Data... 23
3.11 Class Diagram Aplikasi ... 27
3.12 Perancangan Antarmuka Calon Peserta Didik ... 29
3.12.1 Rancangan Antarmuka Halaman Utama ... 30
3.12.2 Rancangan Antarmuka Pendaftaran PPDB ... 30
3.12.3 Rancangan Antarmuka Login Calon PDB ... 31
3.12.4 Rancangan Antarmuka Data Pendaftar ... 31
3.12.5 Rancangan Antarmuka Pengumuman ... 32
3.12.6 Rancangan Antarmuka Akun ... 33
3.12.7 Rancangan Antarmuka Pengisian Biodata ... 33
3.12.8 Rancangan Antarmuka Pengisian Nilai UN ... 34
3.12.9 Rancangan Antarmuka Cetak Data Calon PDB dan Cetak Nilai Ujian Nasional ... 35
3.12.10 Rancangan Antarmuka Bantuan ... 36
3.13.1 Rancangan Antarmuka Admin
3.13.2 Rancangan Antarmuka Halaman Utama Admin ... 37
3.13.3 Rancangan Antarmuka Pengaturan Menu ... 38
3.13.4 Rancangan Antarmuka Pengaturan User ... 38
3.13.5 Rancangan Antarmuka Pengaturan Informasi PPDB ... 39
3.13.6 Rancangan Antarmuka Daftar Biodata Peserta ... 40
3.13.7 Rancangan Antarmuka Daftar Nilai UN Peserta ... 40
3.13.8 Rancangan Antarmuka Cetak Biodata Peserta ... 41
3.13.9 Rancangan Antarmuka Cetak Nilai UN Peserta ... 42
3.13.10 Rancangan Antarmuka Kontak Admin ... 42
BAB IV HASIL DAN PEMBAHASAN ... 44
4.1 Instalasi Aplikasi XAMPP ... 44
4.2 Pembuatan Database ... 44
4.3 Implementasi Antarmuka ... 45
4.3.1 Antarmuka Halaman Awal Peserta... 45
4.3.2 Antarmuka Halaman Pendaftaran Peserta ... 46
4.3.3 Antarmuka Halaman Pendaftaran Sukses ... 47
4.3.4 Antarmuka Halaman Daftar Peserta Calon PDB ... 47
4.3.5 Antarmuka Halaman Pengumuman ... 48
4.3.6 Antarmuka Halaman Login Peserta ... 48
4.3.7 Antarmuka Halaman Akun Peserta ... 49
4.3.8 Antarmuka Halaman Form Biodata Peserta ... 49
4.3.9 Antarmuka Halaman Form Nilai Ijazah Peserta ... 50
4.3.10 Antarmuka Halaman Cetak Dokumen Peserta ... 51
4.3.11 Antarmuka Halaman Ubah Password Calon Siswa ... 51
4.3.12 Antarmuka Halaman Awal Admin ... 52
4.3.13 Antarmuka Halaman Login Admin PPDB... 52
4.3.14 Antarmuka Halaman Home Admin ... 53
4.3.15 Antarmuka Halaman Setting Menu ... 53
4.3.17 Antarmuka Halaman Informasi
4.3.18 Antarmuka Halaman Admin PDB (Biodata Peserta) ... 55
4.3.19 Antarmuka Halaman Admin PDB (Nilai UN Peserta) ... 55
4.3.20 Antarmuka Halaman Pengaturan Nilai Minimal Pendaftar ... 56
4.3.21 Antarmuka Halaman Cetak Biodata Peserta ... 57
4.3.22 Antarmuka Halaman Cetak Nilai UN Peserta ... 57
4.3.23 Antarmuka Halaman Cetak Daftar Peserta ... 58
4.4 Pengujian Sistem ... 59
BAB V KESIMPULAN DAN SARAN ... 66
5.1 Kesimpulan ... 66
5.2 Saran ... 66
DAFTAR PUSTAKA ... 67
Tabel 3.1 Keterangan Komponen Arsitektur... 19
Tabel 4.1 Tabel Admin ... 23
Tabel 4.2 Tabel Calon Siswa ... 23
Tabel 4.3 Tabel Biodata ... 24
Tabel 4.4 Tabel Mata Pelajaran Matematika ... 25
Tabel 4.5 Tabel Mata Pelajaran Bahasa Indonesia ... 25
Tabel 4.6 Tabel Mata Pelajaran IPA ... 26
Gambar 3.1 Metode Waterfall ... 15
Gambar 3.2 Arsitektur sistem yang diusulkan... 18
Gambar 3.3Use case Diagram Aplikasi ... 20
Gambar 3.4Activity Diagram Aplikasi ... 21
Gambar 3.5Activity Diagram Aplikasi ... 21
Gambar 3.6ER Diagram Aplikasi ... 22
Gambar 3.7Class Diagram Aplikasi ... 27
Gambar 3.8 Rancangan Antarmuka Halaman Utama ... 30
Gambar 3.9 Rancangan Antarmuka Pendaftaran PPDB ... 30
Gambar 3.10 Rancangan Antarmuka Login Calon PDB ... 31
Gambar 3.11 Rancangan Antarmuka Data Pendaftar ... 32
Gambar 3.12 Rancangan Antarmuka Pengumuman... 32
Gambar 3.13 Rancangan Antarmuka Akun ... 33
Gambar 3.14 Rancangan antarmuka Pengisian Biodata ... 34
Gambar 3.15 Rancangan antarmuka pengisian nilai UN ... 35
Gambar 3.16 Rancangan antarmuka Cetak Data calon PDB dan Cetak Nilai Ujian Nasional ... 35
Gambar 3.17 Rancangan Antarmuka Bantuan ... 36
Gambar 3.18 Rancangan Antarmuka Login Admin ... 37
Gambar 3.19 Rancangan Antarmuka Halaman Utama Admin ... 37
Gambar 3.20 Rancangan Antarmuka Pengaturan Menu ... 38
Gambar 3.21 Rancangan Antarmuka Pengaturan User ... 39
Gambar 3.22 Rancangan Antarmuka Pengaturan Informasi PPDB ... 39
Gambar 3.23 Rancangan Antarmuka Daftar Biodata Peserta ... 40
Gambar 3.24 Rancangan Antarmuka Daftar Nilai UN Peserta ... 41
Gambar 3.25 Rancangan Antarmuka Cetak Biodata Peserta ... 41
Gambar 3.26 Rancangan Antarmuka Cetak Nilai UN Peserta ... 42
Running dan ... 44
Gambar 4.2 Pembuatan Database dengan phpMyAdmin ... 45
Gambar 4.3 Antarmuka Halaman Awal ... 46
Gambar 4.4 Antarmuka Halaman Pendaftaran Peserta ... 46
Gambar 4.5 Antarmuka Halaman Pendaftaran Sukses ... 47
Gambar 4.6 Antarmuka Halaman Daftar Peserta Calon PDB ... 47
Gambar 4.7 Antarmuka Halaman Pengumuman ... 48
Gambar 4.8 Antarmuka Halaman Login Peserta ... 48
Gambar 4.9 Antarmuka Halaman Akun Peserta ... 49
Gambar 4.10 Antarmuka Halaman Form Biodata Peserta ... 50
Gambar 4.12 Antarmuka Halaman Cetak Dokumen ... 51
Gambar 4.13 Antarmuka Halaman Ubah Password ... 51
Gambar 4.14 Antarmuka Halaman Awal Admin ... 52
Gambar 4.15 Antarmuka Halaman Login Admin ... 52
Gambar 4.16 Antarmuka Halaman Home Admin ... 53
Gambar 4.17 Antarmuka Halaman Setting Menu ... 53
Gambar 4.18 Antarmuka Halaman Setting User ... 54
Gambar 4.19 Antarmuka Halaman Setting Informasi ... 54
Gambar 4.20 Antarmuka Halaman Admin PDB (Biodata Peserta) ... 55
Gambar 4.21 Antarmuka Halaman Admin PDB (Nilai UN Peserta) ... 56
Gambar 4.22 Antarmuka Halaman Pengaturan Nilai Minimal Pendaftar ... 56
Gambar 4.23 Antarmuka Halaman Cetak Biodata Peserta... 57
Gambar 4.24 Antarmuka Halaman Cetak Nilai UN Peserta ... 58
SMP Negeri 5 Purwanegara adalah salah satu sekolah di kabupaten
Banjarnegara. Kondisi sekolah yang jauh dari pusat kota Banjarnegara membuat
akses ke sekolah tersebut sulit. Namun, melihat semangat dan minat belajar anak –
anak setempat yang tinggi membuat sekolah ini tidak pernah sepi pendaftar. Sistem
penerimaan siswa baru yang berjalan pada saat ini di SMP Negeri 5 Purwanegara
dilakukan secara manual berupa pencatatan di kertas, yaitu menggunakan formulir
penerimaan siswa baru. Kondisi lokasi sekolah yang jauh dari jalan raya dan
tingginya minat anak – anak yang ingin bersekolah di sekolah ini, bahkan hingga
anak – anak yang berada di kabupaten Kebumen (sebelah selatan kabupaten
Banjarnegara) membuat calon siswa merasa terlalu jauh menempuh perjalanan
untuk mendaftar sekolah dan kerepotan melihat pengumuman mengenai PPBD
yang dikeluarkan oleh pihak sekolah. Untuk mempermudah calon siswa mendaftar
dan melihat pengumuman yang terbaru dari sekolah, dibangunlah sebuah website
PPDB Online SMP Negeri 5 Purwanegara. Tujuan dari penelitian ini adalah untuk
mengembangkan sistem informasi pendaftaran siswa baru pada SMPN 5
purwanegara secara mudah dan efisien dalam pengelolaan dan penyeleksian calon
siswanya. Metode pengumpulan data yang digunakan dalam penyusunan Tugas
Akhir ini adalah Observasi, Wawancara. Program ini dikembangkan dengan
menggunakan PHP dan MySQL. Desainnya dibangun menggunakan Sublime text.
Sistem Informasi Pendaftaran Siswa Baru Online SMP 5 purwanegara ini telah
selesai dibuat dengan menggunakan PHP dan MySQL.
SMP Negeri 5 Purwanegara is one of the schools in Banjarnegara district. The condition of the school that is far from the Centre of the city it makes access
to the school is difficult. However, the local children’s passion and interest in
learning at high school making it never deserted the registrant. The new admission
system that runs at the moment in SMP Negeri 5 Purwanegara done manually
recording form in paper, in effect using the new admission form. The condition of the schools location away from the highway and the high interest in children who would like to attend this school, even to children who are at present in the District of Kebumen (South of Banjarnegara district) to make prospective students felt too much preferred the rhyme to register the school date back to the announcement about the hassles and PPBD issued by the school. To facilitate prospective students register and date back to the most recent announcements from school, woke up by discussing the PPDB website Online SMP Negeri 5 Purwanegara. The purpose of
this research is to develop new student registration information system on SMP
Negeri 5 Purwanegara easy and efficient in management and selection of
prospective students. The data collection methods used in this final Task in the preparation are observation, interview. The program is developed using PHP and MySQL. The design is actually using the sublime text. Online-Based New Student
Registration Information System in SMP Negeri 5 Purwanegara has been completed
using PHP and MySQL.
SMP Negeri 5 Purwanegara adalah salah satu sekolah di kabupaten
Banjarnegara. Kondisi sekolah yang jauh dari pusat kota Banjarnegara membuat
akses ke sekolah tersebut sulit. Namun, melihat semangat dan minat belajar anak –
anak setempat yang tinggi membuat sekolah ini tidak pernah sepi pendaftar. Sistem
penerimaan siswa baru yang berjalan pada saat ini di SMP Negeri 5 Purwanegara
dilakukan secara manual berupa pencatatan di kertas, yaitu menggunakan formulir
penerimaan siswa baru. Kondisi lokasi sekolah yang jauh dari jalan raya dan
tingginya minat anak – anak yang ingin bersekolah di sekolah ini, bahkan hingga
anak – anak yang berada di kabupaten Kebumen (sebelah selatan kabupaten
Banjarnegara) membuat calon siswa merasa terlalu jauh menempuh perjalanan
untuk mendaftar sekolah dan kerepotan melihat pengumuman mengenai PPBD
yang dikeluarkan oleh pihak sekolah. Untuk mempermudah calon siswa mendaftar
dan melihat pengumuman yang terbaru dari sekolah, dibangunlah sebuah website
PPDB Online SMP Negeri 5 Purwanegara. Tujuan dari penelitian ini adalah untuk
mengembangkan sistem informasi pendaftaran siswa baru pada SMPN 5
purwanegara secara mudah dan efisien dalam pengelolaan dan penyeleksian calon
siswanya. Metode pengumpulan data yang digunakan dalam penyusunan Tugas
Akhir ini adalah Observasi, Wawancara. Program ini dikembangkan dengan
menggunakan PHP dan MySQL. Desainnya dibangun menggunakan Sublime text.
Sistem Informasi Pendaftaran Siswa Baru Online SMP 5 purwanegara ini telah
selesai dibuat dengan menggunakan PHP dan MySQL.
SMP Negeri 5 Purwanegara is one of the schools in Banjarnegara district. The condition of the school that is far from the Centre of the city it makes access
to the school is difficult. However, the local children’s passion and interest in
learning at high school making it never deserted the registrant. The new admission
system that runs at the moment in SMP Negeri 5 Purwanegara done manually
recording form in paper, in effect using the new admission form. The condition of the schools location away from the highway and the high interest in children who would like to attend this school, even to children who are at present in the District of Kebumen (South of Banjarnegara district) to make prospective students felt too much preferred the rhyme to register the school date back to the announcement about the hassles and PPBD issued by the school. To facilitate prospective students register and date back to the most recent announcements from school, woke up by discussing the PPDB website Online SMP Negeri 5 Purwanegara. The purpose of
this research is to develop new student registration information system on SMP
Negeri 5 Purwanegara easy and efficient in management and selection of
prospective students. The data collection methods used in this final Task in the preparation are observation, interview. The program is developed using PHP and MySQL. The design is actually using the sublime text. Online-Based New Student
Registration Information System in SMP Negeri 5 Purwanegara has been completed
using PHP and MySQL.
BAB I
PENDAHULUAN
1.1 Latar Belakang
Ilmu pengetahuan dan teknologi selalu berkembang dan mengalami
kemajuan, sesuai dengan perkembangan jaman dan perkembangan cara
berpikir manusia. Bangsa Indonesia akan maju apabila sumber daya manusia
bangsa kita memiliki pola pikir yang kritis, kreatif dan produktif. Dengan
sistem pendidikan yang baik dapat membantu bangsa Indonesia menghasilkan
sumber daya manusia yang berkualitas dan memiliki pola pikir yang kritis,
kreatif dan produktif.
Seiring dengan perkembangan ilmu pengetahuan dan teknologi saat ini,
kebutuhan manusia akan informasi saat ini menjadi begitu mudah dengan
adanya internet. Internet memungkinkan pengguna untuk melakukan transfer
informasi hanya dalam hitungan detik. Hal ini sangat membantu pengguna
internet walaupun dari jarak yang jauh.
SMP Negeri 5 Purwanegara adalah salah satu sekolah di Kabupaten
Banjarnegara. Sebagian besar sekolah menengah disana belum memiliki web
sekolah sendiri, termasuk SMP Negeri 5 Purwanegara. Namun, sekolah yang
sedang berkembang ini bertekad untuk meningkatkan pelayanan yang terbaik,
termasuk pelayanan penerimaan siswa baru.
Sistem penerimaan siswa baru yang berjalan pada saat ini di SMP
Negeri 5 Purwanegara dilakukan secara manual berupa pencatatan di kertas,
yang jauh dari jalan raya dan tingginya minat anak – anak yang ingin
bersekolah di sekolah ini, bahkan hingga anak – anak yang berada di kabupaten
Kebumen (sebelah selatan kabupaten Banjarnegara) membuat calon siswa
merasa terlalu jauh menempuh perjalanan untuk mendaftar sekolah dan
kerepotan melihat pengumuman mengenai PPBD yang dikeluarkan oleh pihak
sekolah. Untuk mempermudah calon siswa mendaftar dan melihat
pengumuman yang terbaru dari sekolah, dibangunlah sebuah website PPDB
Online SMP Negeri 5 Purwanegara.
1.2 Rumusan Masalah
Meninjau dari pokok permasalahan yang telah penulis uraikan pada
latar belakang di atas maka dapat diambil beberapa rumusan masalah sebagai
berikut:
1. Bagaimana melakukan Pendaftaran secara online sehingga
meminimalisir waktu. Bagaimana mendapatkan informasi pendaftaran
dengan mudah.
2. Bagaimana memberikan dan meningkatkan pelayanan yang lebih baik
kepada masyarakat umum khususnya bagi calon siswa baru.
1.3 Batasan Masalah
Berdasarkan hasil pengamatan dan mengingat luasnya cakupan dalam
pemanfaatan teknologi informasi dalam sistem informasi akademik, maka
dalam pembuatan program ini penulis membatasi pembahasan hanya pada:
1. Proses pendaftaran calon peserta didik baru.
1.4 Tujuan Penelitian
Tujuan penelitian ini diantaranya adalah sebagai berikut:
1. Membuat web sistem informasi penerimaan peserta didik baru (PPDB)
yang ada di SMP 5 Purwanegara.
2. Membuat sebuah program aplikasi yang mampu melakukan
pengolahan data, sehingga petugas tidak perlu mencatat secara manual.
1.5 Manfaat Penelitian
Penelitian ini diharapkan memberi manfaat sebagai berikut :
1. Mempermudah calon peserta didik yang akan mendaftar di SMP Negeri
5 Purwanegara.
2. Mempermudah guru dan staf untuk mengolah dan mengawasi data
calon peserta didik baru.
1.6 Sistematika Penulisan
Sistematika susunan laporan penelitian ini disusun dalam lima bab yang
membahas hal sebagai berikut :
BAB I : PENDAHULUAN
Pada Bab I membahas tentang pendahuluan yang berisi latar belakang
masalah, rumusan masalah, batasan masalah, tujuan penelitian, manfaat
penelitian dan sistematika penulisan yang digunakan untuk pembuatan laporan
tugas akhir.
BAB II : TINJUAN PUSTAKA DAN LANDASAN TEORI
Bab II tinjauan pustaka dan landasan teori berisi tentang kajian pustaka
teknologi yang digunakan serta segala sesuatu yang berhubungan dengan topik
penelitian.
BAB III : METODOLOGI PENELITIAN
Bab III metodologi penelitian membahas tentang metode dan alat yang
digunakan untuk merancang sistem yang akan diimplementasikan serta
mengacu pada bab II.
BAB IV : HASIL DAN PEMBAHASAN
Bab IV hasil dan pembahasan berisi penjelasan tentang hasil yang
diperoleh dari seluruh penelitian dan hasil pengujian pada hasil implementasi.
BAB V : KESIMPULAN DAN SARAN
Bab V kesimpulan dan saran merupakan penutup yang berisi
kesimpulan yang diambil dari penelitian dan saran yang berguna untuk
BAB II
TINJAUAN PUSTAKA
2.1 Tinjauan Pustaka
Irwin Nugroho (2011), dalam penelitiannya yang berjudul Sistem
Informasi Penerimaan Siswa Baru Berbasis Web dengan PHP dan SQL
bertujuan untuk menghasilkan perangkat lunak Sistem Informasi Penerimaan
Siswa Baru Berbasis Web dengan PHP dan SQL yang mampu mengelola
pelaksanaan Penerimaan Siswa Baru yaitu pendaftaran, seleksi, penjurnalan,
pengumuman, dan pendaftaran ulang.
Alip Khoiroyani (2016), dalam penelitiannya yang berjudul Sistem
Informasi Pendaftaran Peserta Didik Baru (PPPDB) Online Berbasis Web Pada
SMAN 1 Bungkal menyatakan bahwa sistem pendaftaran siswa baru di SMAN
1 Bungkal secara keseluruhan masih menggunakan proses manual, walaupun
sebagian sudah menggunakan komputer, akibatnya jangkauannya
informasinya lebih sempit, dimana informasi mengenai sekolah ini hanya
diperoleh melalui brosur-brosur, sepanduk dan baligho. Selain itu, akibat dari
proses pendaftaran manual ini adalah proses pengambilan serta pengembalian
formulir yang bagi sebagian calon siswa cukup menyulitkan terutama bagi
calon siswa yang tinggal jauh dari sekolah ini.
Desiana Anggraeni (2014), dalam penelitiannya yang berjudul
Pengembangan Sistem Informasi Penerimaan Siswa Baru Berbasis Web (PHP
Dan MySql) Dilengkapi Dengan Sms Gateway, bertujuan untuk membantu
perancangan dan pembangunan Sistem Informasi Penerimaan Siswa Baru
Berbasis WEB (PHP dan MySQL) dilengkapi SMS gateway, serta pengujian
unjuk kerja sistem perangkat lunak. Pengujian berdasarkan aspek functionality,
usability, reliability, efficiency, maintainability dan portability. Sistem
informasi dari penelitian ini diharapkan dapat membantu proses pelaksanaan
penerimaan siswa baru.
Dari ketiga penelitian diatas dapat diambil kesimpulan bahwa teknologi
sangat dibutuhkan pada sistem penerimaan siswa baru, yaitu dengan dibuatnya
aplikasi agar sistem informasi lebih efektif dan efisien. Selain itu juga untuk
mempermudah pengguna dalam mengelola data, baik membuat data baru, edit
data, hapus data, dan rekap laporan. Berdasarkan penelitian yang sudah ada,
maka penulis menambahkan beberapa spesifikasi yang menjadi perbedaan
dengan sistem yang dikembangkan. Perbedaan tersebut adalah sebagai berikut:
1. Sistem ini di bangun menggunakan PHP bootstrap yang memudahkan
developer dan designer untuk membuat sebuah aplikasi web menjadi
cepat dan mudah dibandingkan dengan membuatnya dari awal.
Keunggulannya adalah karena dukungan perpaduan framework css yang
dapat meringkas pekerjaan membuat sebuah template, mysql digunakan
untuk pengolahan database.
2. Sistem ini digunakan untuk mengolah data calon siswa, orangtua, wali
dan data informasi terkait dengan penerima peserta didik baru di SMP
2.2 Landasan Teori
2.2.1 Pengertian Penerimaan Peserta Didik Baru (PPDB)
Penerimaan Peserta Didik Baru merupakan proses seleksi
akademis pada sekolah, hal tersebut berkaitan dengan kemampuan
dasar akademik dan minat bakat terhadap jenjang sekolah yang di tuju
.sebagai bentuk awal pengendalian penjaminan dan penetapan kearah
tujuan yang di inginkan. Melalui situs tersebut akan mendapatkan
informasi PPDB secara mudah dan akurat , dari mulai penerimaan siswa
baru dari data pendaftaran dan proses urutan pringkat siswa setiap
waktu. PPDB adalah system yang mempermudah calon siswa baru
untuk mendaftar di sekolah yang di ingikan secara online. Rancangan
arsitektur teknologi PPDB online mampu memberikan kemudahan
mengakses secara online setiap waktu dan dimana kita berada.
2.2.2 Sistem Informasi
Murdick dan Ross (1993) mendefinisikan sistem sebagai
seperangkat elemen yang digabungkan satu dengan lainya untuk suatu
tujuan bersama. Dalam kamus Webster’s Unbriged, sistem adalah
elemen – elemen yang saling berhubungan membentuk satu kesatuan
atau organisasi. Scott (1996) mengatakan sistem terdiri dari
unsur-unsur seperti masukan (input), pengolahan (processing), serta keluaran
(output).
Menurut Turban, McLean, dan Wetherbe (1999), sistem
mengumpulkan, memproses, menyimpan, menganalisis, dan
menyebarkan informasi untuk tujuan yang spesifik
Dengan demikian sistem merupakan kumpulan dari beberapa
bagian yang memiliki keterkaitan dan saling bekerja sama serta
membentuk suatu kesatuan untuk mencapai suatu tujuan dari sistem
tersebut. Maksud dari suatu sistem adalah untuk mencapai suatu tujuan
dan sasaran dalam ruang lingkup yang sempit.
Sistem informasi PPDB merupakan suatu aplikasi komputer
untuk memudahkan proses penerimaan peserta didik baru yang
dilaksanakan secara online. Dengan adanya sistem informasi ini
diharpakan memudahkan pihak yang terkait dalam mengolah data siswa
menjadi sebuah informasi siswa yang diterima pada sekolah tertentu
(Sholikhah, 2009).
2.2.3 Pengembangan Sistem Berbasis Web
Pengembangan sistem berbasis web adalah aplikasi yang sejak
awal dirancang untuk dieksekusi di lingkungan berbasis web. Definisi
ini mengungkapkan dua aspek penting dari aplikasi ini (Simarmata,
2009) sebagai berikut:
1. Suatu aplikasi web dirancang agar dapat berjalan di dalam
lingkungan berbasis web. Artinya, aspek-aspek hipermedia dalam
kaitan-nya dengan hiperteks dan multimedia di dalam kombinasi
dengan kelola aplikasi tradisional harus diperhitungan di seluruh
2. Aplikasi web adalah suatu aplikasi yang tidak hanya berupa
sekumpulan halaman-halaman web.
2.2.4 PHP
Hypertext Preprocessor (PHP) adalah script pemrograman
yang terletak dan dieksekusi di server. Salah satunya adalah untuk
menerima, mengelola, dan menampilkan data dari dan ke seluruh situs.
Data akan diolah ke sebuah database server (pemrograman
database yang terletak di sisi server) untuk memudahkan hasilnya
ditampilkan di browser sebuah situa (Madcoms, 2011).
PHP adalah pemrograman yang digunakan untuk membuat
software yang merupakan bagian dari sebuah situs web. PHP dirancang
untuk berbaur dengan HTML yang diguankan untuk membuat halaman
web (Sudarmo,
2006).
2.2.5 MySQL
MySQL adalah salah satu program yang dapat digunakan
sebagai database, dan merupakan salah satu software untuk database
server yang banyak digunakan. MySQL bersifat open source dan
menggunakan SQL. MySQL bisa dijalankan diberbagai platform,
windows dan linuk (Madcoms, 2011).
MySQL adalah software sistem manajemen database. Database
adalah suatu koleksi data yang terstruktur. Database bisa berupa daftar
perusahanaan internasional. Untuk menambahkan, mengakses, dan
BAB III
METODOLOGI PENELITIAN
3.1 Peralatan Pendukung
Dalam penelitian dibutuhkan beberapa peralatan pendukung untuk
mendukung berjalannya perancangan dan implementasi aplikasi. Alat yang
digunakan berupa perangkat keras dan perangkat lunak.
a. Perangkat Keras
1. Personal Computer (PC) atau laptop 32/64 bit architecture processor,
8 GB Random Access Memmory (RAM), Sistem Operasi Windows 10.
2. Printer dokumen untuk mencetak laporan.
b. Perangkat Lunak
1. Sistem Operasi Windows 8.0.
2. Web Editor : Sublime Text.
3. Web Server : Apache.
4. Bahasa Pemrograman : PHP, HTML, CSS.
5. DatabaseServer : MySQL
6. Web Browser.
3.2 Bahan Penelitian
Dalam penelitian bahan yang digunakan adalah:
1. Data yang diperoleh melalui studi literatur berdasarkan penelitian
dikembangkan. Dari data yang diperoleh, maka didapatkan kebutuhan dari
aplikasi pada saat pengembangan aplikasi.
2. Wawancara terhadap pihak sekolah SMP Negeri 5 Puwanegara dengan
melakukan wawancara kepada Ibu Wartini sebagai kepala sekolah yang
berguna untuk mendapatkan data maupun informasi.
3.3 Teknik Pengumpulan Data
3.3.1 Wawancara
Wawancara adalah percakapan dengan maksud tertentu.
Percakapan dilakukan antara peneliti yang mengajukan pertanyaan dan
yang diwawancarai memberikan jawaban atas pertanyaan itu (Moleong,
1998: 135). Patton (1990) 135 – 136) mengemukakan pilihan teknik
wawancara, yaitu:
a. Wawancara pembicara informal (the informal conversational
interview). Pertanyaan yang diajukan sangat tergantung pada
pewawancara itu sendiri dan sponanitasnya dalam mengajukan
pertanyaan.
b. Wawancara dilakukan pada latar alamiah. Menggunakan
petunjuk umum wawancara (the general interview guide
approach). Wawancara dilakukan berdasar pada kerangka dan
garis besar pokok-pokok yang dituangkan dalam pertanyaan
disesuaikan dengan keadaan responden dalam konteks
c. Wawancara Baku terbuka (the standardized open-ended
interview). Wawancara ini menggunakan seperangkat pertanyaan
Baku. Hal ini dimaksudkan untuk menghilangkan terjadinya
bias-bias atau “kemencengan”.
3.3.2 Observasi
Tujuan observasi untuk mengamati partisipasi dalam kegiatan
tersebut dan makna apa yang diamati menurut perspektif pengamat
(Patton 1990 : 202).
Menurut Guba dan Lincoln (1981) ada beberapa alasan
mengapa dalam penelitian kualitatif, pengamatan dimanfaatkan secara
optimal, karena:
a. Teknik pengamatan didasarkan atas pengalaman secara langsung
b. Teknik pengamatan sangat dimungkinkan pengamat melihat dan
mengamati sendiri, kemudian mencatat perilaku dan kejadian
seperti keadaan yang sebenarnya.
c. Pengamatan memungkinkan peneliti mencatat peristiwa dalam
situasi yang berkaitan dengan pengetahuan yang langsung
diperoleh dari data lapangan.
d. Pengamatan merupakan jalan terbaik untuk mengecek
kepercayaan data.
e. Teknik pengamatan memungkinkan peneliti memahami
Situasi-situasi yang rumit dan perilaku yang kompleks, Teknik
komunikasi lain tidak dimungkinkan. Pengamatan dapat
diklasifikasikan atas pengamatan melalui cara berperan serta dan yang
tidak berperan serta (Moeleong, 1998: 126). Pada pengamat melakukan
dua peran sekaligus, yaitu sebagai pengamat dan sekaligus menjadi
anggota resmi dari kelompok yang diamati. Sedangkan pengamatan
tanpa berperan serta pengamat hanya melakukan satu fungsi, yaitu
mengadakan pengamatan.
3.4 Langkah Penelitian
Untuk perancangan dan pembuatan sistem, peneliti menggunakan
model SDLC (Software Development Life Cycle). Model ini dipilih untuk
melakukan proses produksi sistem dan juga proses maintenance software.
Model SDLC yang peneliti pakai adalah model Waterfall atau Classic
Life Cycle. Disebut waterfall karena tahap demi tahap yang dilalui harus
menuggu selesainya tahap sebelumnya secara urut. Model ini adalah model
yang sering digunakan dalam hal Software Engineering (SE). Berikut adalah
Gambar 3.1 Metode Waterfall
a. System Engineering and Modeling.
Merupakan tahap awal dalam model waterfall. Permodelan ini
diawali dengan mencari kebutuhan dari keseluruhan sistem yang akan
diaplikasikan ke dalam bentuk software. Dalam tahap ini lebih ditonjolkan
bagaimana software harus dapat berinteraksi dengan elemen-elemen yang
lain seperti hardware, database, dan sebagainya.
b. Software Requirements Analysis
Proses ini lebih difokuskan pada pencarian kebutuhan software.
Software Engineer harus mengerti tentang domain informasi dari software
agar mengetahui sifat dari program yang akan dibuat, seperti bagaimana
user interface yang dibutuhkan, dan kebutuhan fungsi-fungsi lainnya pada
c. Design
Proses ini digunakan untuk mengubah kebutuhan-kebutuhan diatas
menjadi representasi ke dalam bentuk “blueprint” software sebelum
coding dimulai. Desain harus dapat mengimplementasikan kebutuhan
yang telah disebutkan pada tahap sebelumnya. Proses ini harus
didokumentasikan sebagai konfigurasi dari software.
d. Coding
Merupakan proses penting, yaitu menerjemahkan desain menjadi
bentuk yang dapat dimengerti oleh mesin, yaitu kedalam bahasa
pemrograman melalui proses coding.
e. Testing / Verification
Pada proses ini software hasil produksi harus diuji cobakan,
termasuk semua fungsi-fungsinya. Proses ini bertujuan agar software
bebas dari error, dan hasilnya harus benar-benar sesuai dengan kebutuhan
yang sudah didefinisikan sebelumnya.
f. Maintenance
Proses ini merupakan tahap pemeliharaan software. Software yang
dibuat harus memiliki tahap pemeliharaan atau pembaharuan, karena
proses ini memungkinkan untuk penambahan fitur-fitur baru, dan juga
3.5 Sistem yang Sedang Berjalan di SMP Negeri 5 Purwanegara
3.5.1 Analisis Proses Pendaftaran Peserta Didik Baru
1. Calon peserta didik harus mempunyai akun.
2. Setelah calon peserta didik melakukan registrasi akan mendapatkan
nomor peserta dan password saat itu juga.
3. Setelah mendapatkan nomor peserta dan password, pendaftar dapat
melakukan login.
4. Pendaftar dapat melihat siapa saja yang telah terdaftar sebagai calon
peserta didik.
5. Pendaftar dapat melengkapi data dirinya dan menginput nilai UN
sebagai persyaratan pendaftaran peserta didik. Untuk nilai UN tidak
dapat diisi di bawah 75.
6. Pendaftar dapat mencetak dokumen setelah melihat pengumuman
bahwa diterima di SMP Negeri 5 Purwanegara.
3.5.2 Analisis Proses Seleksi Peserta Didik Baru
1. Admin dapat melihat biodata dan nilai calon peserta didik baru.
2. Admin dapat memberi pengumuman kepada calon peserta didik
apakah calon tersebut diterima atau tidak.
3. Admin dapat menutup pendaftaran peserta didik baru apabila
jumlah pendaftar sudah mencapai batas maksmimal pendaftar.
3.6 Analisis Kebutuhan Fungsional dan Non Fungsional
3.6.1 Kebutuhan Fungsional
2. Daftar Nilai UN Calon Peserta Didik Baru
3. Data Admin.
4. Pengumuman.
3.6.2 Kebutuhan Non-Fungsional
1. Proses seleksi berdasarkan nilai minimal dan batas kuota peserta
didik baru.
2. Peserta yang lolos seleksi dapat mencetak dokumen untuk
diserahkan kepada sekolah saat mendaftar ulang.
3. Sistem dilengkapi dengan hak akses.
3.7 Arsitektur Sistem
Pada tahap ini dilakukan penentuan perancangan sistem yang akan
digunakan. Berikut ini merupakan arsitektur sistem yang diusulkan:
Gambar 3.2 Arsitektur sistem yang diusulkan
Database server yang digunakan pada aplikasi MySQL dan
menggunakan Apache sebagai web server. Komunikasi antar pengguna dan
web server menggunakan internet dan web browser pada perangkat
pengguna. Saat pengguna mengakses aplikasi, web server memuat antarmuka
Melalui antarmuka yang dimuat web server pengguna bisa menyimpan data
ke database server.
Berikut keterangan dari komponen arsitektur sistem yang diusulkan:
Tabel 3.1 Keterangan Komponen Arsitektur
Gambar Keterangan
Siswa Admin
DATABASE
Berisi data-data sebagai berikut:
1. Data Siswa
2. Data Admin
3. Nilai Ijazah
4. Biodata Siswa
Server digunakan sebagai tempat untuk
penyimpanan data-data tersebut.
3.8 Perancangan Sistem
Dalam pembuatan aplikasi dilakukan perancangan database
menggunakan bantuan Diagram ER. Metode perangan lain yang digunakan
dalam aplikasi adalah Unified Markup Language (UML) yang dipakai dalam
pengembangan aplikasi yaitu model Use case Diagram, Activity Diagram,
3.8.1 Use CaseDiagram
Gambaran Use case Diagram yang digunakan dalam aplikasi
dapat dilihat pada Gambar 3.3.
Gambar 3.3Use CaseDiagram Aplikasi
Berikut Penjelasan tentang Gambar 3.3:
1. Terdapat 2 aktor pada use case diagram aplikasi yakni calon siswa
dan admin.
2. Calon siswa melakukan pendaftaran pada web penerimaan siswa
baru, mendapatkan ID untuk login, Melihat pengumuman Lulus/
Tidak Lulus Mencetak Bukti Keterimanya Siswa untuk mendaftar
ulang di sekolah.
3. Admin melakukan login, mendata calon siswa yang telah
melakukan pendaftaran, dan melakukan pengeditan infomasi dan
3.8.2 ActivityDiagram Aplikasi
Activity Diagram PPDB Online
Calon Siswa Admin
Ph
as
e
Calon Siswa Mendaftar
Mendapat ID untuk Login
Pengumuman Hasil Sleksi
Cetak Hasil Kelulusan
Pengecekan Data Calon Siswa System Membuatkan
ID
Mengisi Form Pendaftaran
Menyeleksi Calon Siswa
Gambar 3.4Activity Diagram Aplikasi
Activity Diagram PPDB Online
Admin Sekolahan
Ph
as
e
Menginput Informasi PPDB Online
Admin Menyalakan Form Pendaftaran
Data Siswa Yang Lulus
Pendaftar Ulang Menginformasikan
Pelasanaan PPDB Online
Admin Memberikan No ID
Gambar 3.5Activity Diagram Aplikasi
Gambar 3.4 dan 3.5 Menunjukkan Activity Diagram pada
kegiatan PPDB Online. Calon siswa melakukan pendaftaran,
siswa akan mendapatkan pengumuman lulus tidaknya siswa , bila lulus
akan mencetak kartu Hasil Kelulusan. Selanjutnya di berikan ke sekolah
untuk melakukan pendaftaran online.
3.9 Perancangan Basis Data
3.9.1 ER Diagram Aplikasi
Gambar 3.6ER Diagram Aplikasi
Berikut penjelasan tentang Gambar 3.6:
1. Terdapat 5 entitas yang masing-masing memiliki atribut dan relasi.
2. Entitas Calon Siswa memiliki relasi one-to-one ke entitas Biodata,
artinya calon siswa harus melakukan pengisian biodata agar bisa
terdaftar sebagai calon siswa.
3. Entitas Calon Siswa memiliki relasi one-to-one ke entitas Nilai
Ijazah, artinya calon siswa harus mengisi nilai ijazahnya agar bisa
terdaftar sebagai calon siswa.
4. Entitas Admin dan Kontak Admin tidak sama sekali memiliki relasi
3.10 Kamus Data
1. Tabel Admin
Tabel Admin berisi tentang data admin yang dapat login ke dalam
website.
Tabel 4.1 Tabel Admin
No Nama Kolom Tipe Data Panjang Keterangan
1 ID Admin Int PrimaryKey
2 User Name Varchar 20
3 Password Varchar 25
2. Tabel Calon Siswa
Tabel Calon Siswa berisi tentang data Calon Siswa yang dapat login
ke dalam website.
Tabel 4.2 Tabel Calon Siswa
No Nama Kolom Tipe Data Panjang Keterangan
1 ID Siswa Int PrimaryKey
2 No Peserta BigInt
3 Password Varchar 25
3. Tabel Biodata
Tabel Calon Siswa berisi tentang biodata lengkap calon siswa. Tabel
ini berperan penting karena di tabel ini data seluruh peserta didik baru
Tabel 4.3 Tabel Biodata
No Nama Kolom Tipe Data Panjang Keterangan
1 Biodata ID Int PrimaryKey
2 Nisn BigInt
3 Nama Siswa Varchar 40
4 Tmp Lahir Varchar 40
5 Tgl Lahir Date
6 Jns Kelamin Varchar 15
7 Agama Varchar 20
8 Anak Ke Int
9 Jml Saudara Int
10 Status Siswa Varchar 25
11 NO Hp Siswa Varchar 15
12 Almt Siswa Varchar 150
13 Tempat Siswa Varchar 30
14 Kendaraam Varchar 25
15 Brt Badan Int
16 Tinggi Badan Int
17 Gol Darah Varchar 2
18 Asal Sekolah Varchar 50
19 Alamat Sekolah Varchar 150
20 Kepala Sekolah Varchar 50
No Nama Kolom Tipe Data Panjang Keterangan
22 Tlp Sekolah Varchar 15
23 Nama Ayah Varchar 50
24 Nama Ibu Varchar 50
25 Alamat Orangtua Varchar 150
26 No Hp Orangtua Varchar 15
27 Kerja Ayah Varchar 30
28 Kerja Ibu Varchar 30
29 Hasil Orangtua Varchar 35
30 Tanggungan Biaya Varchar 30
4. Tabel Nilai
Tabel Nilai terbagi menjadi beberapa tabel di tiap mata pelajaran.
Masing – masing mata pelajaran memiliki tabel sendiri.
Tabel 4.4 Tabel Mata Pelajaran Matematika
No Nama Kolom Tipe Data Panjang Status
1 Mat ID Int Primary Key
2 NISN Bigint
3 Nilai Int
Tabel 4.5 Tabel Mata Pelajaran Bahasa Indonesia
No Nama Kolom Tipe Data Panjang Status
No Nama Kolom Tipe Data Panjang Status
2 NISN Bigint
3 Nilai Int
Tabel 4.6 Tabel Mata Pelajaran IPA
No Nama Kolom Tipe Data Panjang Status
1 IPA ID Int Primary Key
2 NISN Bigint
3.11 Class Diagram Aplikasi
Penjelasan fungsi:
1. Class Admin
Class Admin berfungsi untuk memasukan dan menampilkan data
Admin.
2. Class Kontak Admin
Class Kontak Admin berfungsi untuk menyimpan pesan yang
dikirimkan oleh pengunjung website kepada Admin.
3. Class Calon Siswa
Class Calon Siswa berfungsi untuk menyimpan data calon siswa.
Class Calon Siswa juga mempunyai hubungan dengan kelas lainnya.
4. Class Nilai Ijazah
Class Nilai Ijazah berfungsi untuk menyimpan data nilai ijazah dari
calon siswa.
5. Class Biodata
Class Biodata berfungsi untuk menyimpan dan menampilkan data
diri calon siswa.
Berikut penjelasan relasi pada Class Diagram yang digambarkan pada
Gambar 3.7:
1. Terdapat kelas pada diagram digunakan untuk inisialisasi ke dalam
table model dan basis data aplikasi.
2. Pada class Calon Siswa mempunyai agregation dengan class
Biodata. Artinya data dari class Biodata tidak dapat berdiri sendiri
diisi oleh Calon Siswa disimpan melalui method
setBiodataCalonSiswa(String) yang akan disimpan dalam bentuk
string dan akan dikembalikan dalam bentuk void.
3. Pada class Calon Siswa mempunyai agregation dengan class Nilai
Ijazah. Artinya data dari class Nilai Ijazah tidak dapat berdiri sendiri
apabila tidak ada data dari class Calon Siswa. Biodata yang telah
diisi oleh Calon Siswa disimpan melalui method setEditNilai(String)
yang akan disimpan dalam bentuk string dan akan dikembalikan
dalam bentuk void.
4. Pada class Admin memiliki association dengan class Biodata.
Artinya admin berhak melihat biodata calon siswa melalui method
getBiodataCalonSiswa() yang merupakan kembalian dari data yang
telah disimpan pada method setBiodataCalonSiswa(string).
5. Pada class Admin memiliki association dengan class Nilai Ijazah.
Artinya admin berhak melihat biodata calon siswa melalui method
getEditNilai() yang merupakan kembalian dari data yang telah
disimpan pada method setEditNilai(string).
3.12 Perancangan Antarmuka Calon Peserta Didik
Antarmuka sangatlah penting dalam suatu aplikasi karena merupakan
bagian dari perangkat lunak yang menjadi sarana komunikasi antara
pengguna dengan sistem serta dapat memberikan kemudahan bagi pengguna
3.12.1 Rancangan Antarmuka Halaman Utama
Rancangan antarmuka halaman utama adalah rancangan yang
dapat dilihat oleh calon peserta maupun admin. Gambaran rancangan
antarmuka halaman utama dapat dilihat pada gambar 3.8 berikut.
Gambar 3.8 Rancangan Antarmuka Halaman Utama
3.12.2 Rancangan Antarmuka Pendaftaran PPDB
Rancangan antarmuka pendaftaran PPDB berisi form yang
harus diisi oleh para lulusan agar dapat terdaftar sebagai calon peserta
didik di SMP Negeri 5 Purwanegara. Rancangan antarmuka dapat
dilihat pada gambar 3.9 berikut.
3.12.3 Rancangan Antarmuka Login Calon PDB
Rancangan untuk halaman login Calon PDB terdapat dua buah
kolom dan satu button yaitu kolom enter username, password dan satu
button masuk. Calon siswa dapat login sesuai username, password.
Kemudian terdapat link untuk kembali ke halaman utama. Gambaran
rancangan antarmuka halaman login admindapat dilihat pada Gambar
3.10.
Gambar 3.10 Rancangan Antarmuka Login Calon PDB
3.12.4 Rancangan Antarmuka Data Pendaftar
Rancangan antarmuka data pendaftar berisi tabel daftar peserta
yang telah mendaftar sebagai calon siswa di SMP Negeri 5
Purwanegara. Rancangan antarmuka dapat dilihat pada gambar 3.11
Gambar 3.11 Rancangan Antarmuka Data Pendaftar
3.12.5 Rancangan Antarmuka Pengumuman
Rancangan antarmuka Pengumuman berisi daftar calon
peserta didik baru yang lolos seleksi dan diterima di SMP Negeri 5
Purwanegara. Rancangan antarmuka dapat dilihat pada gambar 3.12
berikut.
3.12.6 Rancangan Antarmuka Akun
Rancangan antarmuka Akun berisi beberapa petunjuk yang
harus dilakukan agar dapat terdaftar sebagai calon peserta didik.
Rancangan antarmuka dapat dilihat pada gambar 3.13 berikut.
Gambar 3.13 Rancangan Antarmuka Akun
3.12.7 Rancangan Antarmuka Pengisian Biodata
Rancangan antarmuka Pengisian Biodata berisi form yang
harus diisi oleh para calon peserta agar dapat terdaftar sebagai calon
peserta didik di SMP Negeri 5 Purwanegara. Rancangan antarmuka
Gambar 3.14 Rancangan antarmuka Pengisian Biodata
3.12.8 Rancangan Antarmuka Pengisian Nilai UN
Rancangan antarmuka Pengisian Nilai UN berisi form yang
diterima sebagai peserta didik di SMP Negeri 5 Purwanegara.
Rancangan antarmuka dapat dilihat pada gambar 3.15 berikut.
Gambar 3.15 Rancangan antarmuka pengisian nilai UN
3.12.9 Rancangan Antarmuka Cetak Data Calon PDB dan Cetak
Nilai Ujian Nasional
Rancangan antarmuka Cetak Data Calon PDB dan Cetak
Nilai UN berisi fungsi untuk mencetak data – data tersebut apabila
diterima sebagai peserta didik di SMP Negeri 5 Purwanegara.
Rancangan antarmuka dapat dilihat pada gambar 3.16 berikut.
Gambar 3.16 Rancangan antarmuka Cetak Data calon PDB dan Cetak Nilai
3.12.10 Rancangan Antarmuka Bantuan
Rancangan antarmuka Bantuan berisi form yang berfungsi
untuk mengirim pesan kepada Admin. Setiap pengunjung website
dapat menggunakannya. Rancangan antarmuka dapat dilihat pada
gambar 3.17 berikut.
Gambar 3.17 Rancangan Antarmuka Bantuan
3.13 Perancangan Antarmuka Admin
Antarmuka sangatlah penting dalam suatu aplikasi karena merupakan
bagian dari perangkat lunak yang menjadi sarana komunikasi antara
pengguna dengan sistem serta dapat memberikan kemudahan bagi pengguna
dalam melakukan aktivitasnya.
3.13.1 Rancangan Antarmuka Login Admin
Rancangan untuk halaman login Admin terdapat dua buah
kolom dan satu button yaitu kolom enter username, password dan satu
Kemudian terdapat link untuk kembali ke halaman utama. Gambaran
rancangan antarmuka halaman login admindapat dilihat pada Gambar
3.18.
Gambar 3.18 Rancangan Antarmuka Login Admin
3.13.2 Rancangan Antarmuka Halaman Utama Admin
Rancangan antarmuka halaman utama admin adalah
rancangan yang hanya dapat dilihat oleh admin. Gambaran rancangan
antarmuka halaman utama admin dapat dilihat pada gambar 3.19
berikut.
3.13.3 Rancangan Antarmuka Pengaturan Menu
Rancangan antarmuka pengaturan menu adalah rancangan
yang hanya dapat dilihat oleh admin yang berguna untuk mengatur
apakah menu di website perlu ditampilkan atau tidak. Di pengaturan
inilah link pendaftaran PPDB dapat dibuka atau ditutup. Gambaran
rancangan antarmuka pengaturan konten dapat dilihat pada gambar
3.20 berikut.
Gambar 3.20 Rancangan Antarmuka Pengaturan Menu
3.13.4 Rancangan Antarmuka Pengaturan User
Rancangan antarmuka pengaturan user adalah rancangan
yang hanya dapat dilihat oleh admin yang berguna untuk mengatur
apakah menu di website perlu ditampilkan atau tidak. Di pengaturan
inilah link pendaftaran PPDB dapat dibuka atau ditutup. Gambaran
rancangan antarmuka pengaturan konten dapat dilihat pada gambar
Gambar 3.21 Rancangan Antarmuka Pengaturan User
3.13.5 Rancangan Antarmuka Pengaturan Informasi PPDB
Rancangan antarmuka pengaturan informasi PPDB adalah
rancangan yang hanya dapat dilihat oleh admin yang berguna untuk
mengubah atau menghapus informasi mengenai PPDB. Gambaran
rancangan antarmuka pengaturan konten dapat dilihat pada gambar
3.22 berikut.
3.13.6 Rancangan Antarmuka Daftar Biodata Peserta
Rancangan antarmuka daftar biodata peserta adalah
rancangan yang hanya dapat dilihat oleh admin yang berguna untuk
melihat biodata para peserta. Gambaran rancangan antarmuka daftar
biodata peserta dapat dilihat pada gambar 3.23 berikut.
Gambar 3.23 Rancangan Antarmuka Daftar Biodata Peserta
3.13.7 Rancangan Antarmuka Daftar Nilai UN Peserta
Rancangan antarmuka daftar nilai UN peserta adalah
rancangan yang hanya dapat dilihat oleh admin yang berguna untuk
melihat nilai UN para peserta. Gambaran rancangan antarmuka daftar
Gambar 3.24 Rancangan Antarmuka Daftar Nilai UN Peserta
3.13.8 Rancangan Antarmuka Cetak Biodata Peserta
Rancangan antarmuka cetak biodata peserta adalah
rancangan yang hanya dapat dilihat oleh admin yang berguna untuk
mencetak biodata para peserta dalam format PDF. Gambaran
rancangan antarmuka cetak biodata peserta dapat dilihat pada gambar
3.25 berikut.
3.13.9 Rancangan Antarmuka Cetak Nilai UN Peserta
Rancangan antarmuka cetak Nilai UN peserta adalah
rancangan yang hanya dapat dilihat oleh admin yang berguna untuk
mencetak nilai UN para peserta dalam format PDF. Gambaran
rancangan antarmuka cetak nilai UN peserta dapat dilihat pada
gambar 3.26 berikut.
Gambar 3.26 Rancangan Antarmuka Cetak Nilai UN Peserta
3.13.10 Rancangan Antarmuka Kontak Admin
Rancangan antarmuka kontak admin adalah rancangan yang
hanya dapat dilihat oleh admin yang berguna untuk melihat dan
membalas pesan yang dikirimkan oleh pengunjung website.
Gambaran rancangan antarmuka kontak admin dapat dilihat pada
BAB IV
HASIL DAN PEMBAHASAN
4.1 Instalasi Aplikasi XAMPP
Untuk membangun aplikasi ini yang dilakukan pertamakali yaitu
instalasi aplikasi server XAMPP. Setelah terinstall Click Start pada Apache
dan MySQL nanti akan muncul tulisan Starting MySQL Service dan Starting
Apache, Jika Status nya Running maka sudah terhubung.
Gambar 4. 1 Running Apache dan MySQL
4.2 Pembuatan Database
Setelah Apache dan MySQL berhasil terhubung langkah selanjutnya
adalah pembuatan database dengan cara membuka browser kemudian ketikkan
localhost/phpmyadmin. Pada sistem yang telah dibangun database diberi nama
ppd_adm_siswa, ppdb_biodata, ppdb_info, ppdb_menu, ppdb_submenu,
ppdb_ bind, ppdb_bing, ppdb_ipa, ppdb_ips, ppdb_mat.
Gambar 4.2 Pembuatan Database dengan phpMyAdmin
4.3 Implementasi Antarmuka
Untuk mengimplementasikan aplikasi, rancangan desain user interface harus
diubah ke dalam Bahasa pemrograman yaitu menggunakan Bahasa
pemrograman PHP. Sedangkan perangkat lunak pendukung yang digunakan
dalam implementasi adalah Sublime Text Editor.
4.3.1 Antarmuka Halaman Awal Peserta
Antarmuka halaman awal peserta merupakan tampilan awal saat
Website PPDB dijalankan. Tampilan ini dapat dilihat oleh calon peserta
didik baru. Tampilan halaman awal peserta dapat dilihat pada gambar
Gambar 4.3 Antarmuka Halaman Awal
4.3.2 Antarmuka Halaman Pendaftaran Peserta
Halaman pendaftaran peserta ini yang akan diisi oleh calon peserta
didik baru. Pada rancangan halaman pendaftaran terdapat data-data yang
akan diisi oleh calon PDB. Terdapat textbox dan button. Halaman
pendaftaran calon PDBdapat dilihat pada Gambar 4.4.
4.3.3 Antarmuka Halaman Pendaftaran Sukses
Setelah calon peserta didik baru mendaftar, maka akan muncul
tampilan halaman pendaftaran sukses. Halaman ini memuat tentang
informasi penting calon PDB, seperti nomor pendaftaran dan password
yang harus disimpan.
Gambar 4.5 Antarmuka Halaman Pendaftaran Sukses
4.3.4 Antarmuka Halaman Daftar Peserta Calon PDB
Halaman daftar peserta calon PDB memuat daftar nama yang telah
mendaftar di SMP N 5 Purwanegara sebagai calon peserta didik baru.
4.3.5 Antarmuka Halaman Pengumuman
Halaman pengumuman merupakan daftar peserta yang telah lolos
seleksi dan diterima sebagai siswa di SMP Negeri 5 Purwanegara.
Gambar 4.7 Antarmuka Halaman Pengumuman
4.3.6 Antarmuka Halaman Login Peserta
Halaman login merupakan halaman utama peserta sebelum
menggunakan sistem. Halaman ini berisi form username dan password
yang harus diisi dengan benar. Halaman login dapat dilihat pada gambar
4.8.
4.3.7 Antarmuka Halaman Akun Peserta
Setelah calon peserta melakukan login, peserta akan masuk ke
halamana akun peserta. Halaman ini berisi beberapa menu, antara lain
Lengkapi Biodata, Masukkan Nilai Ijazah dan Cetak Dokumen.
Gambar 4.9 Antarmuka Halaman Akun Peserta
4.3.8 Antarmuka Halaman Form Biodata Peserta
Setelah peserta membuka halaman akun, maka akan muncul
beberapa ikon. Salah satunya adalah ikon untuk melengkapi biodata
peserta. Pada gambar 4.10 merupakan tampilan form untuk melengkapi
Gambar 4.10 Antarmuka Halaman Form Biodata Peserta
4.3.9 Antarmuka Halaman Form Nilai Ijazah Peserta
Setelah peserta membuka halaman akun, maka akan muncul
beberapa ikon. Salah satunya adalah ikon untuk mengisi nilai ijazah.
Pada gambar 4.11 merupakan tampilan form untuk mengisi nilai ijazah
yang wajib diisi.
4.3.10 Antarmuka Halaman Cetak Dokumen Peserta
Setelah peserta melengkapi semua dokumen yang diperlukan,
menu ini dapat diakses untuk mencetak dokumen. Selanjutnya
dokumen dapat digunakan untuk pendaftaran ulang di sekolah.
Gambar 4.12 Antarmuka Halaman Cetak Dokumen
4.3.11 Antarmuka Halaman Ubah Password Calon Siswa
Peserta juga dapat mengubah password masing – masing sesuai
kebutuhan. Halaman ubah password dapat dilihat pada gambar 4.13.
4.3.12 Antarmuka Halaman Awal Admin
Antarmuka halaman awal admin merupakan tampilan awal saat
menu admin dijalankan. Tampilan ini dapat dilihat oleh admin.
Tampilan halaman awal admin dapat dilihat pada gambar 4.13.
Gambar 4.14 Antarmuka Halaman Awal Admin
4.3.13 Antarmuka Halaman Login Admin PPDB
Halaman login merupakan halaman utama admin sebelum
menggunakan sistem. Halaman ini berisi formusername dan password
yang harus diisi dengan benar. Halaman login admin dapat dilihat pada
gambar 4.14.
4.3.14 Antarmuka Halaman Home Admin
Setelah admin melakukan login, maka akan masuk ke halaman
Home Admin. Halaman ini berisi sambutan kepada admin. Halaman
Home Admin dapat dilihat pada gambar 4.15.
Gambar 4.16 Antarmuka Halaman Home Admin
4.3.15 Antarmuka Halaman Setting Menu
Halaman setting menu hanya dapat diakses oleh admin. Pada
halaman ini admin dapat mengatur menu pada halaman PPDB.
Halaman setting menu dapat dilihat pada gambar 4.16.
4.3.16 Antarmuka Halaman Setting User
Halaman setting user hanya dapat diakses oleh admin. Pada
halaman ini admin dapat mengatur user atau pengguna website pada
halaman PPDB. Halaman setting menu dapat dilihat pada gambar 4.17.
Gambar 4.18 Antarmuka Halaman SettingUser
4.3.17 Antarmuka Halaman Setting Informasi
Halaman setting informasi hanya dapat diakses oleh admin. Pada
halaman ini admin dapat mengatur pesan informasi apa yang akan
ditampilkan pada halaman PPDB. Halaman setting menu dapat dilihat
pada gambar 4.18.
4.3.18 Antarmuka Halaman Admin PDB (Biodata Peserta)
Halaman Admin PDB merupakan halaman yang sangat penting.
Pada halaman ini admin mengelola semua data calon peserta didik baru.
Pada halaman Biodata Peserta, admin dapat melihat biodata,
menghapus, memberi ketetapan lulus atau tidak. Halaman Admin PDB
(biodata peserta) dapat dilihat pada gambar 4.19.
Gambar 4.20 Antarmuka Halaman Admin PDB (Biodata Peserta)
4.3.19 Antarmuka Halaman Admin PDB (Nilai UN Peserta)
Halaman Admin PDB merupakan halaman yang sangat penting.
Pada halaman ini admin mengelola semua data calon peserta didik baru.
Pada halaman Nilai UN Peserta, admin dapat melihat biodata,
menghapus, memberi ketetapan lulus atau tidak. Halaman Admin PDB
Gambar 4.21 Antarmuka Halaman Admin PDB (Nilai UN Peserta)
4.3.20 Antarmuka Halaman Pengaturan Nilai Minimal Pendaftar
Pada halaman pengaturan nilai minimal pendaftar, admin dapat
mengubah syarat minimal nilai pendaftar sesuai dengan standar
sekolah. Tampilan halaman pengaturan nilai minimal pendaftar dapat
dilihat pada gambar 4.22.
4.3.21 Antarmuka Halaman Cetak Biodata Peserta
Pada halaman cetak biodata peserta, admin dapat melihat dan
mencetak dokumen para peserta. Terkadang ada situasi dimana admin
harus mencetak dokumen peserta untuk meneliti apakah dokumen yg
dibawa oleh siswa asli atau tidak. Halaman Cetak Biodata Peserta dapat
dilihat pada gambar 4.22.
Gambar 4.23 Antarmuka Halaman Cetak Biodata Peserta
4.3.22 Antarmuka Halaman Cetak Nilai UN Peserta
Seperti halnya halaman cetak biodata peserta, cetak nilai UN
peserta juga berfungsi untuk mencetak dokumen calon siswa yang
berupa nilai ijazah. Halaman Cetak Biodata Peserta dapat dilihat pada
Gambar 4.24 Antarmuka Halaman Cetak Nilai UN Peserta
4.3.23 Antarmuka Halaman Cetak Daftar Peserta
Halaman ceak daftar peserta berfungsi untuk mencetak daftar
peserta yang lulus seleksi dalam bentuk pdf. Hasil cetakan ini
digunakan panitia pelaksana PPDB untuk meneliti siapa saja yang
benar – benar lulus dan tidak. Tampilan halaman cetak daftar peserta
dapat dilihat pada gambar 4.25.