Latar Belakang

LAPORAN PRAKTIK KERJA LAPANGAN
SISTEM PENERIMAN SANTRI BARU BERBSIS WEB DI SMA IP NW

TEKO DAN SMP IT NW TEKO
Disusun oleh :
BURANUDDIN
NIM: 194855011
PROGRAM STUDI TEHNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIAKA DAN KOMPTER
(STMIK SYAIKH ZAINUDDIN NW ANJANI
2022
LEMBAR PENGESAHAN
SISTEM PENERIMAAN SANTRI BARU BERBSIS WEB DI SMA IP NW
TEKO DAN SMP IT NW TEKO
Laporan Praktik Kerja Lapangan ini telah disidangkan pada :
Hari, tanggal : Sabtu 16 April 2022
Tempat : STMIK SYAIKH ZAINUDDIN NW ANJANI
Menyetujui/mengesahkan:
Anjani,………2022
Ketua Program Studi, Dosen Pembimbing,
Lalu Puji Indra Kharisma, S.Kom., M.Cs Muh. Fahrurrozi, S.Kom., M. Cs

NIDN. 0801108901 NIDN. 0808048705
Mengetahui :
Ketua
STMIK SYAIKH ZAINUDDIN NW ANJANI
TGH. Lalu Gede Muhamad Khairul Fatihin, S.Kom.I., MM

NUP.9908431668
ii
HALAMAN PERNYATAN
Dengan ini saya menyatakan bahwa Praktik Kerja Lapangan dengan judul
“Sistem Penerimaan Santri Baru Berbasis Web di SMA IP NW Teko Dan
SMP IT NW Teko” ini beserta seluruh isinya benar-benar karya saya sendiri, dan
saya tidak melakukan penjiplakan atau pengutipan denganj cara-cara yang tidak
sesuai dengan etika keilmuan yang berlaku dalam masyarakat keilmuan. Atas
pernytaan ini, saya siap menanggung resiko/sanksi yang di jatuhkan kepada saya
apabila kemudian di temukan adanya pelanggaran terhadap etika keilmuan dalam
karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini.
Anjani 1 April 2022

Yang membuat pernyataan
Materai
6000
Burhanuddin
NIM:194855011
iii
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT yang telah melimpahkan
rahmat dan hidayah-Nya sehingga penulis dapat mennyelesaikan Laporan Praktik
Kerja Lapangan ini dengan judul “SISTEM PENERIMAAN SANTRI BARU
BERBASIS WEB DI SMA IP NW TEKO DAN SMP IT NW TEKO” , sebagi
syarat lulus dalam menempuh mata kuliah Praktik Kerja Lapangan (PKL).
Dalam pelaksanaan kegiatan Praktik Kerja Lapangan selama 1 bulan ini
penulis dengan segala kerendahan hati ingin mengucapkan terima kasih yang
sebesar-besarnya atas bantuan berupa dorongan, semangat, bimbingan, petunjuk,
dan kerja sama dari berbagai pihak antara lain:
1. Bapak TGH.Lalu Gede Muhamad Khairul Fatihin, S.Kom.I.,MM selaku
ketua STMIK Syaikh Zainuddin NW Anjani yang telah memberikan
kesempatan kepada penulis untuk mengikuti kegiatan Praktik Kerja Lapangan
dengan lokasi SMA IP NW Teko dan SMP IT NW Teko.
2. Bapak Lalu Puji Kharisma, S.Kom.,M.Cs selaku ketua Program Studi Tehnik
Informatika STMIK Syaikih Zainuddin NW Anjani.
3. Bapak Muhamad Fahrurrozi, S.Kom.,M.Cs yang telah memberikan dukungan
dan bimbingan kepada penulis dalam kegiatan Praktik Kerja Lapangan (PKL)
dan penyusunan Laporan Praktik Kerja Lapangan ini.
4. Kepada Kepala SMA IP NW Teko dan SMP IT NW Teko yang telah
memberikan kesempatan kepada kami untuk menyelesaikan Praktik Kerja
Lapangan ini.
5. Orang Tua, Keluarga, sahabat, dan rekan-rekan seperjuangan penulis telah
mmberikan motivasi, dukungan dan semangat, cinta, kasih sayang serta doa
sehingga penulis dapat menyelesaikan Laporan Prktik Kerja Lapangan ini
dengan baik dan tepat waktu.
Untuk kesempurnaan penyusunan Laporan Praktik Kerja Lapangan ini.
Penulis mengharapkan kritik dan saran yang bersifat membangun. guna
penyempurnaan dimasa yang akan datang, Dan semoga Laporan Praktik Kerja
Lapangan ini bermanfaat bagi kita semua, khususnya bagi penulis sendiri, Aamin.
iv
Teko 2 April 2022
Pen
ulis
Burha
nuddin
v
DAFTAR ISI
LEMBAR PENGESAHAN..............................................................................ii
HALAMAN PERNYATAAN..........................................................................iii
KATA PENGANTAR......................................................................................iv
DAFTAR ISI....................................................................................................vi
DAFTAR TABEL............................................................................................viii
DAFTAR GAMBAR........................................................................................ix
BAB I PENDAHULUAN...............................................................................1
1.1 Latar Belakang............................................................................................1
1.2 Alasan Pemilihan Judul..............................................................................2
1.3 Ruang Lingkup...........................................................................................2
1.4 Tujuan dan Manfaat....................................................................................2
1.5 Sistematika Penulisan.................................................................................2
BAB II LANDASAN TEORI........................................................................4
2.1 Sistem.........................................................................................................4
2.2 Website.......................................................................................................5
2.3 Use Case.....................................................................................................5
2.4 Activity Diagram........................................................................................6
2.5 Entitiy Relationship Diagram.....................................................................7
2.6 Class Diagram.............................................................................................8
2.7 Waterfal......................................................................................................9
2.8 XMMP........................................................................................................10
2.9 PHP Myadmin............................................................................................10
2.10 Visual Studio Code...................................................................................10
2.11 MySQL.....................................................................................................10
2.12 PHP...........................................................................................................10
2.13 HTML.......................................................................................................10
2.14 Cascading Style Sheet...............................................................................11
2.15 Boostrap....................................................................................................11
2.16 Lokasi Tempat PKL..................................................................................11
2.17 Pengumpulan Data....................................................................................12
vi
2.18 Analisis Sistem yang Berjalan..................................................................12
2.19 Hasil Temuan\Permasalahan....................................................................13
2.20 Kendala-Kendala Yang Dihadapi Selama PKL........................................13
BAB III RANCANGAN.................................................................................14
3.1 Usulan Organisasi.......................................................................................14
3.2 Usulan Hadware/software...........................................................................14
3.3 Usulan Tenaga Kerja..................................................................................14
3.4 Usulan Sistem Baru....................................................................................15
3.5 Rancangan interfae.....................................................................................27
BAB IV IMPLEMENTASI DAN PEMBAHASAN.....................................34
4.1 Analisa Pemilihan Perangkat Lunak...........................................................34
4.2 Spesifikasi Perangkat Keras.......................................................................34
4.3 Tampilan Program......................................................................................34
BAB V PENUTUP..........................................................................................42
5.1 Kesimpulan.................................................................................................42
5.2 Saran...........................................................................................................34
DAFTAR PUSTAKA......................................................................................36
LAMPIRAN-LAMPIRAN
A. Daftar Hadir PKL
B. Daftar Kegiatan PKL
C. Kartu Bimbingan Praktik Kerja Lapangan
vii
DAFTAR TABEL
Tabel 3.1 Tabe User…………………………….............................................22
Tabel 3.2 Tabel Calon Siswa……………………............................................22
Tabel 3.3 Tabel Komp…………………………. ............................................25
Tabel 3.4 Tabel Pekerjaan………………………............................................25
Tabel 3.5 Tabel Penghasilan…………………… ............................................26
Tabel 3.6 Tabel Pengumuman…………………. ............................................26
Tabel 3.7 Tabel Verifikasi………………………............................................26
Tabel 3.8 Tabel Web…………………………….............................................27
viii
DAFTAR GAMBAR
Gambar 2.1 Simbol Use Case…………………………...................................6

Gambar 2.2 Simbol Activty Diagram…………………...................................7
Gambar 2.3 Simbol ERD………………………. ............................................8
Gambar 2.4 Simbol Class Diagram………………….. ...................................9
Gambar 2.5 Model Waterfal…………………..…...........................................13
Gambar 3.1 ERD SPPSBB………………………...........................................16
Gambar 3.2 Use Case SPPSBB…………………............................................17
Gambar 3.3 Activty Diagram Proses Login…….............................................18
Gambar 3.4 Activty Diagram Tambah Data……. ...........................................19
Gambar 3.5 Activty Diagram Proses Edit Data…............................................19
Gamabar 3.6 Activty Diagram Proses Hapus Data..........................................20
Gambar 3.7 Activty Diagram Pengunjung……… ..........................................20
Gambar 3.8 Class Diagram SPSBB. ……………............................................21
Gambar 3.9 Rancangan Halaman Utama Web….............................................27
Gambar 3.10 Rancangan Halaman Isian From Identitas Calon Santri.............28
Gambar 3.11 Rancangan Halaman Login………............................................28
Gamabar 3.12 Rancangan Halaman Dashboard Calon Santri.........................29
Gambar 3.13 Rancangan Halaman Pengumuman............................................29
Gambar 3.14 Rancangan Halaman Biodata Calon Santri.................................30
Gambar 3.15 Rancangan Halaman Login Admin............................................30
Gambar 3.16 Rancngan Halaman Dashboard Admin.......................................31
Gambar 3.17 Rancangan Halaman Verifikasi Data..........................................31
Gambar 3.18 Halaman Rancangan Kelulusan…. ............................................32
Gambar 3.19 Rancangan Halaman Export Data.. ............................................32
Gambar 3.20 Rancangan Halaman Ubah Profil..............................................33
Gambar 3.20 Rancangan Halaman Ubah Password.........................................33
Gambar 4.1 Tampilan Halaman Beranda User.................................................35
Gambar 4.2 Tampilan Halaman From Isian Identitas Diri Calon Siswa..........36
Gambar 4.3 Tampilan Halaman Login Calon Santri........................................36
ix
Gambar 4.4 Tampilan Halaman Menu Dashboard Calon Santri......................37
Gambar 4.5 Tampilan Halaman Pengumuman................................................37
Gambar 4.6 Tampilan Halaman Biodata Calon Santri.....................................38
Gambar 4.7 Tampilan Halaman Login Calon Santri........................................38
Gambar 4.8 Tampilan Halaman Dashboard Admin.........................................39
Gambar 4. 9 Halaman Verifikasi Data.............................................................39
Gambar 4.10 Verifikasi Kelulusan...................................................................40
Gambar 4.11 Tampilan Halaman Export Data.................................................40
Gambar 4.12 Tampilan Halaman Ubah Username dan Password....................41
Gambar 4.13 Tampilan Ubah Profil.................................................................41
x
BAB I
PENDAHULUAN
1.1 Latar Belakang

Dewasa ini perkembangan teknologi sangat pesat , sehingga diperlukan
sumber daya yang memadai, baik berupa sumber daya manusia maupun sumber
daya infrasturktur.. Perkembangan komputer tidak lepas dari perkembangan
teknolgi, sehingga harus di dukung dengan adanya internet. Teknologi internet
bukanlah tekologi yang asing pada kehidupan sehari-hari. Hampir setiap sisi
kehidupan manusia masa kini akan bersinggunan dengan teknologi informasi.
Perkembangan teknologi yang berkembang begitu cepat menambah ke berbagi
bidang kehidupan manusia. Teknlogi informasi tidak dapat di pisahkan dengan
perkembangan peradaban manusia. Perkembangan teknologi informasi juga
berpengaruh pada bidang pendidikan. Perkembangan ini dapat di lihat pada
satuan-satuan kerja pada instansi yang sudah terkomputerisasi. Teknologi
informasi berbasis web dapat dimanfaatkan untuk mendukung duatu bagian kerja
pada sebuah instansi. Teknologi informasi memiliki pengaruh positif dan negatif.
Pada umumnya teknologi informasi akan berpengaruh positif jika memliki
kemanan yang baik, sehingga dapat mengurangi atau menahan penyalahgunaan
teknologi oleh orang yang tidak bertanggung jawab, Keamanan itu dapat di
berikan dengan membatasi akses user masuk ke user untuk masuk ke dalam
sistem.
Perkembangan teknologi informasi saat ini mempengaruhi segala bidang
kehidupan manusia dan diperlukan sebagi darana pendukung yang dapat
menunjang aktivitas kerja yang cepat, tepat, dan akurat. Dimana SMA Islam Plus
NW Teko dan SMP Islam Terpadu NW Teko masih menggunakan Sistem
Peneriman Santri Baru masih menggunakan Sistem manual dan belum efisien.
Dalam hal ini, komputerisasi sebagai mdia dapat membuat sistem peneriman
siswa baru yang masi dil lakukan secara manual akan di kembangkan sistem
peneriman santri yang terkomputerisasi. Melihat masalah yang ada, maka kali ini
1
peneliti terdorong untuk menggadakan penelitian tentang peneriman siswa santri
yang ada pada SMA Islam Plus NW Teko dan SMP Islam Terpadu NW Teko
serta berusaha semaksimal mungkin untuk mengembangkan sistem yang lebih
baik, dan lebih efektif, serta bermanfaat bagi instansi dan bagi pihak yang
membutuhkan. Dengan alasan di atas, makan peneliti mengambil topic dengan
judul Sistem Penerimaan Santri Baru Berbasis Web di SMA IP NW Teko Dan
SMP IT NW Teko.
SMA Islam Plus NW Teko dan SMP Islam Terpadu memilki bagian-bagian
atau satuan kerja yang berbeda-beda baik secara mandiri atau pelatihan-pelatihan
dari pengurus terkait. Salah satu terobosan yang di lakukan adalah perlunya
sebuah program khusus untuk peneriman siswa baru (PSB).
1.2 Alasan Pemilihan Judul
Alasan penulis memilih judul sistem peneriman siswa berbasis web karena
berberapa hal karena solusi dari perkembangan tekologi dan untuk mempermudah
sistem peneriman santri baru di SMA Plus NW Teko dan SMP NW Islam
Terpadu NW Teko.
1.3 Rung Lingkup
Laporan Praktik Kerja (PKL) ini berisi tentang sistem peneriman santri berbasis
web di SMA Islam Plus NW Teko dan SMP Islam Terpadu NW Teko.
1.4 Tujuan dan Manfaat
-Tujuan
1) Untuk membuat sistem peneriaman santri berbasis web di SMA Islam Plus
dan SMP Islam terpadu
2) Untuk mempermudah SMA Isalm Plus NW Teko dan SMP Islam Terpadu
dalam peneriman santri baru.
-Manfaat
Dalam sistem peneriman siswa baru SMA Islam Plus NW Teko dan SMP Islam
Terpadu lebih esfsien dari sistem manual sebelumnya.
1.5 Sistematika Penulisan
BAB I : PENDAHULUAN
2
Pada bab ini berisi latar belakang, Alasan Pemlihan Judul, Ruang Lingkup,
Tujuan dan Manfaat, dan Sistematika Penulisan.
BAB II : HASIL PELAKSANAAN PKL
Pada bab ini di bahas tentang Lokasi/Tempat PKL, Teknik Pengumpulan Data,
Analisa Terhadap Sistem/Prosedur yang Berjalan, Haisil Temuan/Permasalahan,
Kendala-kendala yang di hadapi selama PKL, dan Solusi Pemecahan Masalah
BAB III : USULAN SOLUSI PEMECAHAN MASALAH
Pada bab ini membahas tentang Usulan Organisasi, Usulan Hadware/Sofware,
Usulan Tenaga Kerja, dan Usulan Sistem Baru, Gambaran Sistem Usulan, dan
Perancangan Sistem Data.
BAB IV : IMPLEMENTASI DAN PEMBAHASAN
Pada bab ini membahas tentang analisa kebutuhan Hadware/Sofware yang akan di
gunakan dan tampilan dari website
BAB V : PENUTUP
Pada bab terakhir ini berisi kesimpulan dan sanran dari hasil penelitian yang telah
dilakukan selama PKL
3
BAB II
LANDASAN TEORI
2.1 Sistem
Menurut Pratama (2014) Sistem didefinisikan sebagai sekumpulan prosdur
yang saling berkaitan dan saling terhubung untuk melakukan suatu tugas bersama-
sama. Secara garis besar, sistem informasi terdiri dari atas tiga komponen utama.
Ketiga komponen tersebut mencakup software, hardware, dan brainware. Ketiga
komponen ini berkaitan satu sama lain. Software mencakup semua perangkat
lunak yang dibangun dengan bahasa pemograman tertentu, pustaka, untuk
kemudian menjadi sistem oprasi, dan driver, saling bekerja sama agar komputer
dapat berjalan dengan baik. Hardware mencakup semua perangkat keras
(motherboard, processor, VGA, dan lainnya) yang disatukan menjadi sebuah
komputer. Dalam konteks yang luas, bukan hanya sebuah komputer, namun
sebuah jaringan komputer. Brainware mencakup kemampuan otak manusia, yang
mencakup ide, pemikiran, analisis di dalam menciptakan dan menggabungkan
hardware dan software. Penggabungan software dan hadware dengan bantuan
brainware inilah (melalui sejumlah prosedur) yang dapat menciptakan sebuah
sistem yang bermanfaat bagi pengguna.
Menurut Yakub (2012) Sistem adalah sekelompok elemen-elemen yang
terinteregasi dengan tujuan yang sama untuk mencpai satu tujuan. Terdiri dari
sejumlah sumber daya manusia, material, uang dan informasi. Sumber daya
tersebut bekerjasama menuju tercapainya suatu tujuan tertentu yang di tentukan
oleh pemilik atau manajemen.
Sedangkan pengertian sistem menurut Sutabri (2011) dalam bukunya konsep
sistem informasi adalah sekelompok unsur yang erat hubungannya satu dengan
yang lainnya, yang berfungsi bersama-sama untuk mencapi tujuan tertentu.
Berdasarkan pendapat para ahli tersebut maka dapat di simpulkan sistem
adalah kumpulan elemen-elemen yang saling bekerjasama dan berintraksi untuk
4
memproses masukan kemudian saling berhubungan, berkumpul bersama-sama
untuk mencapi suatu sasaran tertentu.
Sistem juga merupakan suatu kesatuan prosedur atau komponen yang saling
berkaitan satu dengan yang lainnya bekerja sama-sama dengan aturan yang
diterpakan sehingga membentuk satu tujuan yang sama. Dimana dalam sebuah
sistem bila terjadi satu bagian saja yang tidak bekerja atau rusak maka suatu
tujuan bisa terjadi kesalahan hasilnya atau outputnya.
2.2 Webiste
Menurut Gregorius (2000) Website adalah kumpulan halaman web yang
saling terhubung dan seluruh file saling terkait. Web terdiri dari page atau
halaman dan kumpulan halaman yang di namakan homepage. Homepage berbeda
pada posisi teratas dengan halaman-halaman terkait berada di bawahnnya.
Biasanya, setiap halaman di bawah home page (child page) berisi hyperlink ke
halaman lain dalam web.
2.3 Use Case
Menurut Lisnawanty (2014) Use case merupakan pemodelan untuk kelakuan
(behavior) aplikasi perangkat lunak yang akan di buat. Use Case mendeskripsikan
sebuah interaksi antara satu atau lebih actor dengan aplikasi yang akan di buat.
Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa Use Case
menggmbarkan fungsionalitas sistem atau persyaratan yang harus di penuhi
sistem dari pandangan dan sebuah interkasi antara satu lebih actor dengan aplikasi
yang akan dibuat.
Pada Use Case terdapat beberapa symbol dengan cara penulisan di antarnnya
sebagai berikut:
5
Gambar 1.1 Simbol Use Case
2.4 Activity Diagram
Menurut Ismayanti (2010) Activty Diagram menggambarkan aktivitas utama
dari user pada sistem informasi yang di buat.
Disumpulkan dari dua penjelasan diatas bahwa Activty Diagram teknik untuk
mendeskripkan logika prosedural, proses bisnis dan aliran kerja dalam banyak
kasus.
Berdasarkan beberapa teori diatas disimpulkan bahwa Activty Diagram ialah
aktivitas utama dari user pada sistem informasi yang di buat dan merupakan
teknik untuk mendeskripsikan logika procedural, proses bisnis dan aliran kerja
dalam banyak kasus.
Pada Activty Diagram terdapat beberapa symbol dengan cara penulisan di
antarnnya sebagai berikut:
6
Gambar 1.2 Simbol Activity Diagram
2.5 ERD (Entity Relationship Diagram)
Menurut Supardi (2016) menyataka bahwa Entity Realationship Diagram
merupakan salah satu alat (tool) berbentuk grafis, yang popular untuk desain
databae.
Pada ERD terdapat beberapa symbol dengan cara penulisan di antarnnya sebagai
berikut:
7
Gambar 1.3 Simbol ERD
2.6 Class Diagram
Menurut Munawar (2005) Class Diagram merupakan himpunan dari objek-
objek yang sejenis, Sebuah objek memiliki keadaan sesaat (state) dan prilaku
(behavior). State sebuah objek adalah kondisi objek tersebut yand di nyatakan
dalam attribute/properties. Sedangkan perlikau suatu objek mendefinisikan
bagaimana sebuah objek bertindak/beraksi dan memberikan reaksi.
Pada Class Diagram terdapat beberapa symbol dengan cara penulisan di
antarannya sebagai berikut:
Gambar 1.4 Simbol Class Diagram

2.7 Model Waterfal
Menurut Pressman (2012) Model Waterfal (model air terjun) merupakan
suatu model pengembangan secara sekuensial. Model waterfall bersifat sistematis
dan berurutan dalam membangaun sebuah perangkat lunak. Proses pembuatannya
mengikuti alur daru mulai analisis, desain, kode, pengujian dan pemleliharaan.
8
Gambar 1.5 Model Waterfal
2.8 XMMP
Menurut Kartini (2013) Xmmp merupakan tool yang menyediakan paket
perangkat lunak ke dalam sebuah paket.
Berdasarkan pengertian diatas dapat di simpulkan bahwa Xmmp merupakan
tool pembantu pengembangan paket perangkat lunak berbasis open source yang
menggbungkan Apache web server, MySQL, PHP dan beberapa modul lainnya di
dalam satu paket aplikasi.
2.9 PHPMyadmin
Menurut Hikmah (2015) PhpMyadmin merupakan aplikasi yang dapat
digunakan untuk membuat database, pengguna (user), memodifikasi table,
maupun mengirim database secara cepat dan mudah tanpa harus menggunakan
perintah (command) SQL.
2.10 Visual Studio Code
Menurut Edy Winarno dan Ali Zaki, 2014:102). Visual Studio Code adalah
kode editor sumber yang di kembangkan oleh Microsoft untuk Windows, Linux
dan macOS. Ini termasuk dukungan untuk debugging, control git yang tertanam
dan GitHub, penyorotan sintaksis, penyelesaian kode cerdas, snippet, dan
refactoring kode.
9
2.11 MySQL
Menurut Kadir (2008) MySQL adalah sebuah software open source yang
digunakan untuk membuat sebuah database”.
Menurut Raharjo (2011) MySQL merupakan RDBMS (atau server database)
yang mengelola database dengan cepat menampung dalam jumlah besar dan dapat
di akses oleh banyak user”.
2.12 PHP (Hypertex Preprocessor)
Menurut Anhar (2010) PHP adalah sebuah bahasa scripting yang terpasang
dalam HTML.
2.13 Hyperlink Text Markup Language ( HTML)
Menurut Sibero (2013) Hyperlink Text Markup Language (HTML) adalah
bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran
dokumen web.
2.14 Cascading Style Sheet (CSS)
Menurut Sibero (2013) Cascading Style Sheet adalah dikembangkan untuk
menata gaya pengaturan halaman web, terdiri dari selector properti dan nilai
seperti halnnya HTML atau PHP dan bahasa pemograman lainnya”.
Berdasarkan pengertian diatas dapat simpulkan CSS (Cascading Style Sheet)
adalah sebuah perangkat lunak (software) yang dikembangkan untuk gaya
pengatuan halaman web dan pengelola isi (content) yang ada di dalam website
sehingga tampilan web rapi, terstruktur dan seragam.
2.15 Booststrap
Menurut Husen Alatas, (2013) Bootstrap merupakan framework untuk
membangun desain web secara responsive. Artinya, tampilan web yang di buat
oleh booststrap akan menyesuaikan ukuran layar dan browser yang kita gunakan
baik di desktop, tablet atupun mobile device.
2.16 Lokasi/Tempat PKL
Tempat atau lokasi Praktik Kerja Lapangan di SMA IP NW Teko dan SMP IT
NW Teko Dusun Teko Lauk Desa Teko Kec. Peringgabaya Kabupaten Lombok
Timur Provinsi Nusa Tenggara Barat.
Gambaran Umum SMA IP NW Teko dan SMP IT NW Teko
10
a. Nama Sekolah : SMA IP NW dan SMP IT NW Teko
b. Alamat Madrasah : Teko Lauk Desa Teko Kec. Pringgabaya
c. Email : Pandawanwteko@gmail.com
d. Kepala Sekolah SMA NW Teko: Hj. Mardiah.S.Pd.
e. Kepala SMP IT NW Teko : Husnul Hauliyah,SP.d
SMA IP NW Teko berdiri pada tahun 2020 dan SMP IT NW Teko berdiri
pada tahun 2019 yang didirikan oleh Ustaz Hurnawijaya,QH,.S.HI,.S.Pd.,M.Sy.
sekolah ini bernaung di pondok pesantren daruttaqwa al khairiyah nw teko.
Batas wilayah Tempat Lokasi PKL
DI utara jalan dan persawahan dan barat dan selatan juga perswahan sedangakan
di tumurnaya parit kering.
2.17 Pengumpulan Data
Wawancara
Menurut Esterbeg dalam Sugiyono (2013), Wawancara merupakan pertemuan dua
orang untuk bertukar informasi dan ide melalui tanya jawab, sehingga dapat
dikontruksikan makna dalam suatu topik tertentu.
Pada bagian ini untuk mendapatakan informs mengenai data di SMA IP NW Teko
dan SMP IT NW Teko, Penulis langsung melakukan tanya jawab dengan Tata
Usaha (TU) Sekolah.
Dokumntasi
Paul Otlet mngatakan bahwa pengertian dari dokumentasi adalah suatu bentuk ak,
tivitas khusus berbentuk pengolahan, pengumpulan, penemuan kembali,
penyimpanan, dan penyebaran dokumen.
Pada langkah ini peneliti mengumpulkan dokumentasi atau data-data penting yang
berkaitan dengan objek yang di teliti.
Keperpustakaan
Pada langakah ini peneliti mencari beberapa literature, baik itu berupa buku-buku,
website, artikel, contoh laporan penelitian yang berhubungan dengan masalah
yang di bahas.
2.18 Analisis Sistem yang Berjalan
Deskripsi
11
Analisi sistem merupakan suatu tahap pemahaman proses yang bertujuan
untuk mengetahui proses apa saja yang terlibat dalam sistem yang berjalan,
bagaimana kerja dari setiap proses yang terlibat di dalam sitstem dan hubungan
suatu proses degan proses yang lainya. Sehingga dapat di lakukan evaluasi pada
sistem yang berjalan untuk di kembangkan kembali agar lebih baik.
Analisis Terhadap sistem yang Berjalan
SMA IP Plus NW Teko dan SMP IT NW Teko merupakan sekolah yang
masih mengunakan sistem manual dalam menerima santri sehingga pendaftaran
harus langsung dilakukan dengan cara datang langsung ke sekolah.
2.19 Hasil Temuan/Permasalahan
Permasalahan yang di dapati pada SMA IP NW Teko dan SMP IT NW Teko
khususnnya pada pelayanan pendaftaran, masih belum menggunakan website
website untuk peneriman santri baru.
2.20 Kendala-Kendala Yang Dihadapi Selam PKL
Pelaksanaan praktik kerja lapangan (PKL) ini tidak lepas dari berbagi macam
kesulitan. Adapun kesulitan yang penulis hadapi:
1. Sulit beradaptasi
2. Kurangnya pemahaman mengenai tugas yang di beri oleh pihak sekolah
Solusi Pemecahan Masalah
Dari kendala yang di hadapai di atas penulis berusha untuk mengasinya. Adapun
hal-hal yang di lakukan seperti :
1. Penulis berusaha menyesuaikan diri dengan lingkungan sekolah
2. Penlulis bertanya kepada kepala sekolah, pengasuh pondok dan tata usaha
sekolah
12
BAB III
RANCANGAN
3.1 Usulan Organisasi

Untuk dapat mengiukuti pesatnaya perkembangan teknologi informasi dan
memenuhi harapan segenap staf pengajar SMA IP NW Teko dan SMP IT NW
Teko maka perlu di bangun sebuah sistem penerimaan santri baru berbasis web
sehingga dengan adanya sistem ini, diharapkan dapat mempermudah penerimaan
santri baru
3.2. Usulan Hardawer/Software
Software yang di gunakan penulis untuk pembuatan sistem penerimaan santri
baru berbasis web SMA IP NW Teko dan SMP IT NW Teko yaitu:
Usulan Hadware
Hadware atau perangkat keras adalah komponen pada komputer yang berfungsi
sebagi perangkat masukan, penyimpanan, pemroses, hingga keluaran atau output,
Komponen-komponen hadware yaitu:
1. RAM 4 GB
2. Motherboard
3. Procesor AMD A9
4. Hardisk 500 GB
5. Monitor 14 Inchi
Usulan Software
1. Xampp
2. Database MySQL
3. PHP (Hypertex Preprocessor)
4. Visual Studio Code
5. HTML (Hyper Text Markup Language)
6. CSS (Cascading Style Sheet)
7. Boostrap
13
Usulan Tenaga Kerja
Untuk menunjang sistem yang sudah di buat, maka diusulkan dan di
butuhakan tenga kerja atau orang yang minimal mengerti dan bisa mengoprasikan
komputer, dalam sistem ini yang menjadi adamin adalah oprator sekolah secara
langsusng. Dalam pengoprasian sistem ini memiliki karakteristik yang tergolong
tidak terlalu sulit oleh sebab itu petugas apabila sudah memiliki keterampilan
dalam mengoprasikan komputer maka secara tidak langsung dapat dikatakan
oprator tersebut dapat secara mudah mengoprasikan Sistem Peneriman santri baru
berbasis web SMA IP NW Teko dan SMP IT NW Teko.
3.4 Usulan Sistem Baru
Berdasarkan analisis yang di lakukan penulis seblumnya sudah duraikan di
dalam latar belakang , dengan menimbang dan memperhatikan semua kondisi
yang ada, maka penulis mengusulkan untuk membuatkan sistem penerimaan
santri baru berbasis web SMA IP NW Teko dan SMP IT NW Teko agar lebih
efektif dan efisien, dan dapat melakukan penerimaan santri baru melalui web.
Gambara Sistem Usulan
1. Entiay Relationship Diagram ( ERD)
14
Gambar 3.1. ERD SPSBB
15
2. Use Case Diagram
Gambar 3.2. Use CaseSistem SPSBB
- Pengunjung
Dalam website ini pengunjung adalah calon santri yang akan melakukan
pendaftaran calon siwa dapat melihat pengumuman, biodata dan unduh data.
- Admin
1. Melihat data , yaitu: data calon santri yang mendaftar, input data untuk di
donlowad, data pengumuman.
2. Menambah semua data, yaitu: data calon santri, data donlowad , dan data
pengumuman
3. Menghapus semua data, yaitu: data calon santri, data donlowad, dan data
pengumuman.
16
4. Mengedit semua data, yaitu: data calon santri, data dolowad, dan data
pengumuman.
5. Melakukan login sebelum melihat semua data, menambah semua data,
menghapus data dan mengedit data.
3. Activity Diagram
Activity diagram atau diagram aktivitas yaitu salah satu jenis diagram pada
UML yangdapat memodelkan proses-proses apa saja yang terjadi pada sistem.
- Proses Login Admin
Mulai dari sistem menampilkan login untuk diisi oleh user, ketika user
memasukkan username dan password sistem secara otomatis memeriksa apakah
username dan password yang sudah di masukkan kalu tidak sesuai maka sistem
akan mengembalikan tampilan halaman login kepada user/pengunjung untuk diisi
ulang.
Gambar 3.3. Activity Diagram Proses Login

- Proses Tambah Data
Mulai dari system menampilkan halaman tamabah data kemudian user mengisi
data yang sudah disiapkan oleh system setelah selesai maka user mengirim data ke
system untuk disimpan di database.
17
Gambar 3.4. Activity Diagram Proses Tambah Data
- Proses Edit Data
Mulai dari system menampilkan halaman daftar data yang akan diedit kemmudian
user mengedit data setelah diisi user mengirim data untuk diperiksa kelengkapan
dari data yang sudah diisi. Kalau sudah selesai maka system akan menyimpan dat
ke database.
Gambar 3.5. Activity Diagram Proses Edit Data
18
- Proses Hapus Data
Mulai dari system menampilkan halaman daftar data setelah user melihat halaman
data maka user akan menekan tombol hapus setelah menekan tombol hapus maka
system langsung menghapus data yang ada di database.
Gambar 3.6. Activity Diagram Proses Hapus Data

- Proses Pengunjung Website
Mulai dari pengunjung atau calon santri melihat halaman website kemudian
melakukan aktivitas menjelajahi website, setelah menekan tombol- tombol yang
dijelajah maka system akan memberikan halaman yang dijelajah.
19
Gambar 3.7. Activity Diagram Pengunjung
4. Class Diagram
Class diagram adalah suatu diagram yang memperlihatkan atau menampilkan
struktur daris sebuh sistem, sistem tersebut akan menampilkan system kelas,
atribut dan hubugagna antara kelas ketika suatu sistem telah selesai membuat
diagram.
Gambar 3.8. Class Diagram SPSBB
5. Rancagan Basis Data(Database)
-Tabel User
Tabel User 3.1
20
Field Type Size Keterangan
User_id Int 11 Primary Key
Username Varchar 100
Password Text
-Tabel Calon Santri
Tabel Santri 3.2

Santri_id Int 100 Primary Key
No_Pendaftaran Varchar 20
Password Text
NIS Varchar 10
NISN Varchar 10
Nik Text
Nama_lengkap Varchar 100
Jk Varchar 12
Tempat_lahir Text
Tgl_lahir Varchar 10
Agama Varchar 30
Status_keluarga Varchar 30
Anak_ke Varchar 100
Jumlah_saudara Varchar 100
Hobi Varchar 100
Cita Varchar 100
Paud Varchar 100
21
TK Varchar 100
Alamat_siswa Text
Jenis_tinggal Varchar 100
Desa Varchar 100
Kecamatan Varchar 100
Kabupaten Varchar 100
Provinsi Varchar 100
Kode_pos Varchar 100
Jarak Varchar 100
Transportasi Varchar 100
No_hp_siswa Varchar 12
No_kk Varchar 20
Kepala_keluarga Varchar 100
Nama_ayah Varchar 100
Nik_ayah Varchar 20
Status_ayah Varchar 100
Th_lahr_ayah Varchar 10
Pdd_ayah Varchar 100
Pekerjaan_ayah Varchar 100
Penghasilan_ayah Varchar 100
Nama_ibuk Varchar 100
Nik_ibu Varchar 20
Th_lahir_ibu Varchar 10
Pdd_ibu Varchar 100
Pekerjaan_ibu Varchar 100
Penghasilan_ibu Varchar 100
Nama_wali Varchar 100
Nik_wali Varchar 20
Th_lahir_wali Varchar 10
Pdd_wali Varchar 100
Pekerjaan_wali Varchar 100
22
Penghasilan_wali Varchar 100
No_ortu Varchar 14
NPSN_sekolah Varchar 100
Nama_sekolah Varchar 100
Status_sekolah Varchar 100
Jenjang_sekolah Varchar 100
Lokasi_sekolah Varchar 100
N0_kks Varchar 100
No_pkh Varchar 100
No_kip Varchar 100
Kom_ahli Varchar 100
Tgl_siswa Datetime
Status_verifikasi Varchar 30
Status_pendaftaran Varchar 20
-Tabel Komp
Tabel Komp 3.3
Komp_id Int 11 Primary Key
Komptensi Varchar 100
-Tabel pekerjaan
Tabel Pekerjaan 3.4
Pekerjaan_id Int 11 Primary Key
Nama_pekerjaan Varchar 100
Ket_pekerjaan Varchar 10
-Tabel Penghasilan
23
Tabel Penghasilan 3.5
Penghasilan_id Int 10 Primary Key
Nama_penghasilan Varchar 100
-Tabel Pengumuman
Tabel Pengumuman 3.6
Pengumuman_id Int 11 Primary Key
Ket_Pengumuman Text
Tgl_Pengumuman Datetime
-Tabel Verifikasi
Tabel Verifikasi 3.7
Verifikasi_id Int 10 Primary Key
Isi Text
-Tabel web
Tabel web 3.8
Web_id Int 10 Primary Key
Status_ppdb Varchar 30
Tgl_diubah Datetime
3.5 Perancangan Intrface

Rancangan interface program yang di buat penulis sebagi berikut:
- Rancangan tampilan utama web
Halaman ini menyediakan alur, info, kontak, pilihan jenjang dan login masuk
siswa yang sudah mendaftar.
24
Gambar 3.9 Rancangan Halaman Utama Web
- Rancangan Halaman From Isian Identitas Santri
Halaman ini menampilkan form isian identitas diri calon santri seperti nomer
pendeftaran, nama lengkap NISN, NIK siswa, nomer seri ijazah, nomer ujian
nasional, nomeri seri SKHUN, jenis kelamin, tempat kelahiran, tanggal
kelahiran, bulan kelahiran, tahun kelahiran, agama, setatus dalam keluarga,
anak ke berapa, jumlah suudara, hobi, cita-cita, apakah pernah paud, apakah
pernah TK, no hp, alamat siswa, ,jenis tinggal, desa, kecamtan, kabupaten,
provinsi, kode pos, jarak, transportasi,no hp siswa, no kk, kepala keluarga,
nama ayah, nik ayah, status ayah, th lahir ayah, pdd ayah, pekerjaan ayah,
penghasilan ayah, nama ibu, nik ibu, th lahir ibu, pdd ibu, pekrjaan ayah,
penghasilan ibu, nama wali, nik wali, th lahir wali, pdd wali, pekerjaan wali,
penghasilan wali, no ortu, NPSN sekolah, nama sekolah, status sekolah,
jenjang sekolah, lokasi sekolah, no kks, no pkh, no kip, komp_ahli, tgl siswa,
status verfikasi, status pendaftaran.
25
Gamabr 3.10 Rancangan Halaman From Isian Identitas Calon Santri
- Rancangan Halaman Login Calon Santri
Halaman login untuk adiminstrasi menyediakan Nomer Pendaftaran yang
telah di dapatkan ketika mendaftar dan NISN.
Gambar 3.11 Rancangan Halaman Login Calon Santri

- Rancangan Halaman Menu Dashboard Calon Santri
Halaman menu dashboard calon siswa adalah tampilan halaman setelah
setelah login yang menyediakan pengumuman, biodata, print pendafaran dan
unduh panduan.
26
Gambar 3.12 Rancangan Halaman Dashborad calon santri
- Rancangan Tampilan Pengumumman calon santri
Rancngan ini menampilkan biodata santri ketika calon santri mengklik tombol
pengumuman.
Gambar 3.13 Rancangan Halaman Pengumuman Calon Santri

- Rancangan Tampilan Halaman Biodata Calon santri
Rancangan ini menampilkan biodata calon santri
27
Gambar 3.14 Rancangan Halaman Biodata Calon Santri
- Rancangan Halaman Login Admin
Rancangan login untuk admin menyediakan Username dan Password.
Gambar 3.15 Rancangan Halaman Login Admin

- Rancangan Halaman Dashboard Admin
Rancangan halaman ini menampilakan jumlah pendaftar, total lulus PPDB,
total tidak lulus PPDB,verfikasi,kelulusan, ekport data, dan pengaturan.
28
Gambar 3.16 Rancangan Halaman Dashboard Admin
- Rancangaan Halaman Verfikasi Data
Halaman ini menyediakan verifikasi data dan halaman ini hanya bisa di
akses oleh admin.
Gambar 3.17 Rancangan Halaman Verifikasi Data

- Rancangan Tampilan Kelulusan
Halaman ini menyediakan verifikasi kelulusan, edit keterangan lulus dan
halaman ini hanya bisa di akses oleh admin.
29
Gambar 3.18 Rancangan Halaman Kelulusan
- Rancangan Tampilan Halaman Export Data
Halaman ini menydiakan export data dan halaman ini hanya bisa di akses
oleh admin.
Gambar 3.19 Rancangan Halaman Export Data

- Rancangan Halaman Ubah Profil
Halaman ini menyedikan ubah profil sekolah dan halaman ini hanya bisa di
akses oleh admin.
30
Gambar 3.20 Rancangan Halaman Ubah Profil
- Rancangan Halaman Ubah Password
Halaman ini menyediakan ubah password dan halaman ini hanya bisa di akses
oleh admin.
Gambar 3.21 Rancangan Halaman Ubah Password
31
BAB IV
IMPLEMENTASI PEMBAHASAN
4.1 Analisa Pemilihan Perangkat Lunak

Analisa pemilihan perangkat lunak merupakan langkah awal untuk menentukan
gambaran perangkat yang akan di hasilkan ketika dalam membuat suatu aplikasi,
seperti perangkat lunak sebagai berikut:
1. Xmmp
2. Database MySQL
3. PHP (Hypertext Preprocessor)
4. Vsual Studio Code
5. HTML (Hyper Text Markup Language)
6. CSS (Cascading Style Sheet)
7. Boostrap
4.2 Spesifikasi Perangkat Keras
Pernagkat keras pada komputer dapat menunjang kinerja dari komputer itu
sendiri. Oleh karena itu, penulis merancang dan menjalankan aplikasi ini
memerlukan beberapa perangakat keras (hadware), Yaitu:
1. RAM 4 GB
2. Motherboard
3. Processor AMD A9
4. Hardisk 500 GB
5. Monitor 14 Inchi
6. Keyboard sebagai alat input
7. Mouse
4.3 Tampilan Program Sistem
Setelah dijelaskan tentang berbagai rancangan yang dibuat dalam Bab III,
mulai dari analisisd dan perancangan sistem baru, perancangan prangkat keras,
dan yang terpenting perancangan perangkat lunak (aplikasi) itu sendiri. Kini tiba
saatnya untuk mengetahui dan memahami tampilan dari aplikasi yang sudah
32
dibuat, sehingga pembaca maupun pengguna dapat mengoprasikan aplikasi ini
dengan mudah. Halaman login merumpakan pengunjung merupakan tampilan
awal yang akan di perlihatkan di website.
- Tampilan Halaman Beranda User

Halaman beranda pengguna merupakan halaman utama pada sistem
pernerimaa siswa baru berbasis web SMA IP NW Teko dan SMP IT NW
Teko, pada halaman ini user dapat melihat alur pendaftaran dan syarat
pendafaran dan informasi PPDB Online. Disini juga ada pilihan jenjang untuk
pendaftaran SMA dan SMP.
Gambar 4.1 Tampilan Halaman Beranda User

- Tampilan Halaman From Isian Identias Calon Santri
Halaman ini menampilkan form isian identitas diri calon santri seperti nomer
pendeftaran, nama lengkap NISN, NIK siswa, Nomer seri ijazah, nomer ujian
nasional, nomeri seri SKHUN, jenis kelamin, tempat kelahiran, tanggal
kelahiran, bulan kelahiran, tahun kelahiran, agama, setatus dalam keluarga,
anak ke berapa, jumlah suudara, hobi, cita-cita, apakah pernah paud, apakah
pernah TK, no hp, alamat siswa, ,jenis tinggal, desa, kecamtan, kabupaten,
provinsi, kode pos, jarak, transportasi,no hp santri, no kk, kepala keluarga,
nama ayah, nik ayah, status ayah, th lahir ayah, pdd ayah, pekerjaan ayah,
penghasilan ayah, nama ibu, nik ibu, th lahir ibu, pdd ibu, pekrjaan ayah,
penghasilan ibu, nama wali, nik wali, th lahir wali, pdd wali, pekerjaan wali,
33
penghasilan wali, no ortu, NPSN sekolah, nama sekolah, status sekolah,
jenjang sekolah, lokasi sekolah, no kks, no pkh, no kip, komp_ahli, tgl santri,
status verfikasi, status pendaftaran.
Gambar 4.2 Tampilan Halaman Isian Identitas Diri Calon Santri

- Tampilan Halaman Login calon Santri
Halaman login untuk adiminstrasi menyediakan Nomer Pendaftaran yang
telah di dapatkan ketika mendaftar dan NISN.
Gambar 4. 3 Halaman Login Calon Santri

- Tampilan Halaman Menu Dashboard Calon Santri
Halaman ini menyediakan pengumuman, biodata, print pendaftara, unduh
panduan.
34
Gambar 4. 4 Tampilan Halaman Menu Dashboard Calon Santri
- Tampilan Halaman Pengumuman
Halaman pengumuman menampilkan informasi dari panitia PPDB oniline
SMA IP NW Teko dan SMP IT NW Teko.
Gambar 4. 5 Tampilan Halaman Pengumuman

- Tampilan Halaman Biodata
Halaman biodata menampilka data calon santri
35
Gambar 4. 6 Tampilan Halaman Biodata Calon Santri
- Tamapilan Halaman Login Admin
Adminisrator harus melakukan login terlebih dahlulu untuk dapat
mengakakses menu pada web yang tersedia jika login berhasil, maka menu-
menu yang sesuai dengan katagori user akan di tampilkan.
Gambar 4. 7 Tampilan Halaman Login Admin

- Tampilan Halaman Menu Dashboard Admin
Halaman ini menampilakan jumlah pendaftar, total lulus PPDB, total tidak
lulus PPDB,verfikasi data, kelulusan, ekport data, dan pengaturan.
36
Gambar 4. 8 Tampilan Halaman Dashboard Admin
- Tampilan Halaman Verifikasi Data

Halaman ini menampilkan Verifikasi data seperti, materi dan jadwal ujian dan
data calon santri
Gambar 4.9. Tampilan Halaman Verifikasi Data
- Tampilan Halaman Verifikasi Kelulusan

Halaman ini hanya bisa di akses oleh admin yang terdafar halaman ini di
gunkakan untuk mengedit keterangan lulus.
37
Gambar 4.10. Tampilan Halaman Verifikasi Kelulusan
- Tampilan Halaman Export Data
Halaman ini menampilkan export data halaman ini hanya bisa di akses oleh
admin.
Gambar 4.11. Tampilan Halaman Export Data

- Tampilan Halaman Ubah Password
Halaman ini menampilkan pengaturan username dan password.
38
Gambar 4.12. Tampilan Halaman Pengaturan
- Tampilan Halaman Ubah Profil

Halaman ini menampilkan pengeditan profil sekolah
Gambar 4.13. Tampilan Halaman Ubah profil
39
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan rumusan masalah yang di angkat oleh penulis yaitu Bagaimana
Pembuatan sistem penerimaan santri baru berbasis web SMA IP NW Teko dan
SMP IT NW Teko, maka dapat di simpulkan bahwa Pembuatan Sistem
Penerimaan Santri baru ini diuat melalui tiga langkah yaitu: Mengenalisis,
Mendesain atau Merancang dan mengimplementasikan. Langkah ini di lakukan
secra bertahap, dalam proses analisis yang di lakukan adalah mengenalisa masalah
penerimaan santri baru yang masih manual, penulis mengumpulkan data yang
berkaitan dengan permasalahan tersebut, setelah mengetahui permasalahan
selanjutnya membuat desain dan rancangan sebagai gambaran sistem yang akan
dibuat baik rancangan interface maupun basis data. Dari proses di atas sebagai
akhir dari kegiatan ini yaitu mengimplenmentasikan, Dan untuk dapat
menyelesaikan penyusunan laporan ini ada beberapa tahapan yang di lakukan
diantaranya yaitu tahapan pengumpulan data, selanjutnya analisis sistem,
perancangan sistem usulan dan yang terakhir yaitu implementasi sistem, Dari
pembuatan sistem peneriman santri baru berbasis web SMA IP NW Teko dan
SMP IT NW Teko di harapkan bisa mempermudah dalam penerimaan santri baru.
5.2 Saran
Adapun saran yang ingin kami sampaikan:
1. Sistem penerimaan santri baru berbasis web SMA IP NW Teko dan SMP NW
Teko yang penulis buat ini masih belum online, penulis berharap agar pihak
dari sekolah untuk mendanai semuanya agar bisa secepatnya online dengan
aman dan lancer.
2. Sistem ini jauh dari kata sempurna dikarenakan kami masih belum bisa
mengembangkan skil dan kemampuan kami dalam pemubuatan web ini.
40
3. Terimakasih kami sampaikan atas bimbingan yang telah di berikan kepada
penulis selaku Mahasiswa STMIK Syaikh Zainuddin NW Anjani yang pada
saat ini melakukan Praktik Kerja Lapangan (PKL).
41
DAFTAR PUSTAKA
Pratama, I Putu Agus Eka. (2014). Sistem Informasi dan Implementasinya. Bandung
Informatika.
Gregorius. (2000). Membuat Homepage Interaktif Dengan CGI/Perl. Jakarta: PT Kiblat

Buku Utama.
Ismayanti. (2010). Pengantar Pariwisata. Jakarta: PT Gramedia Pustaka.
Lisnawanty. (2014). Perancangan Sistem Informasi Kearsipan Surat Masuk dan Keluar
Berbasis Multiuser. Khatulistiwa Informatika, 163.
Munawar. (2015). Pemodelan Visual Dengan Uml. Yogyakarta: Graha Ilmu.
Pressman. (2012). Rekayasa Perangkat Lunak Pendekatan Praktis. Yogyakarta: Andi.
Supardi. (2016). Kolaborasi Sql dan Erd dalam Implementasi Database. Yogyakarta: Andi.
Sutabri. (2012). Konsep Sistem Informasi. Yogyakarta Andi.
Yakub. (2012). Pengantar Sistem Informasi. Yogyakarta: Graha Ilmu.
42
SOURCE CODE
A. Halaman Dashboard Siswa
<?php
$cek = $user;
$id_user = $cek->id_siswa;
$nama = $cek->nama_lengkap;
$tgl = date('m-Y');
?>
<?php
defined('BASEPATH') or exit('No direct script access allowed');
$user = $this->db->get('tbl_user')->row_array();
?>

<div class="content-wrapper">

<div class="content">

<div class="row">


<div class="row">
<div class="col-lg-12">
<?php if ($cek->status_pendaftaran == 'lulus') { ?>
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">
<i class="glyphicon glyphicon-send"></i> INFO PENGUMUMAN
</h3>
</div>
<div class="panel-body">
<h3>
43
<center>
Selamat <b><?php echo $nama; ?></b> <span class="label label-success"
style="font-size:20px;">Lulus</span> Seleksi Sebagai Calon Peserta Didik Baru <b><?
php echo $user['nama_lengkap']; ?></b>, Silahkan Cetak Surat Pengumuman Sebagai
Bukti Lulus Seleksi.
<hr>
<a href="panel_siswa/cetak_lulus" class="btn btn-success btn-lg"
target="_blank"><i class="icon-printer4"></i> Cetak Bukti Lulus</a>
</center>
</h3>
</div>
</div>
<?php } elseif ($cek->status_pendaftaran == 'tidak lulus') { ?>
<div class="panel panel-warning">
<i class="glyphicon glyphicon-send"></i> INFO PENGUMUMAN
</h3>
</div>
<div class="panel-body" style="color:red">
<h3>
<center>
Mohon Maaf <b><?php echo $nama; ?></b>
<span class="label label-danger" style="font-size:20px;">Tidak
Lulus</span> <br>
Sebagai Calon Peserta Didik Baru <b><?php echo $user['nama_lengkap']; ?
></b>.
</center>
<br>
</h3>
</div>
</div>
<?php } else { ?>
44
<h3 class="panel-title"><b>
<i class="glyphicon glyphicon-send"></i> INFO PENGUMUMAN</b>
</h3>
</div>
<h3>
<left>Belum ada pengumuman dari Panitia PPDB Online <?php echo
$user['nama_lengkap']; ?></left>
</h3>
</div>
</div>
<?php } ?>

<div class="row">

<center>
<a href="panel_siswa/biodata">
<div class="panel bg-green">
<div class="heading-elements">
<span class="heading-text"></span>
</div>
<h1 class="no-margin">
<i class="icon-file-check2" style="font-size:100px;"></i>
</h1>
<br><b>BIODATA</b>
</div>
</div>
</a>
</center>

</div>
45
<center>
<a href="panel_siswa/cetak" target="_blank">
<div class="panel bg-teal-400">
</div>
<i class="icon-printer2" style="font-size:100px;"></i>
</h1>
<br><b>PRINT PENDAFTARAN</b>
</div>
</div>
</a>
</center>
</div>

<center>
<a href="files/Panduan_PPDB_Online.pdf">
<div class="panel bg-orange-400">
</div>
<i class="icon-file-download2" style="font-size:100px;"></i>
</h1>
<br><b>UNDUH PANDUAN</b>
</div>
</div>
</a>
</center>
</div>
</div>

</div>
</div>
</div>

B. Halaman Dashboard Admin
<?php
$cek = $user;
$id_user = $cek->id_user;
$nama = $cek->nama_lengkap;
$level = $cek->level;
47
$tgl = date('m-Y');
?>


<div class="content-wrapper">

<div class="content">


<div class="row">

<i class="glyphicon glyphicon-send"></i> <b>DASHBOARD</b>
</h3>
</div>
<left>Selamat Datang, <?php echo ucwords($nama); ?></left>
</div>
</div>

<div class="row">


<div class="row">
<div class="panel bg-teal-400">
48
</div>
<?php
$thn_ini = date('Y');
$this->db->like('tgl_siswa', $thn_ini, 'after');
echo number_format($this->db->get('tbl_siswa')->num_rows(),
0, ",", "."); ?>
</h3>
JUMLAH PENDAFTAR
</div>
</div>
</div>
<div class="panel bg-orange-400">
</div>
<?php
echo number_format($this->db->get_where('tbl_siswa',
"status_pendaftaran='lulus'")->num_rows(), 0, ",", "."); ?>
</h3>
TOTAL LULUS PPDB
</div>
</div>
</div>
49
<div class="panel bg-green">
</div>
<?php
echo number_format($this->db->get_where('tbl_siswa',
"status_pendaftaran='tidak lulus'")->num_rows(), 0, ",", "."); ?>
</h3>
TOTAL TIDAK LULUS PPDB <?php echo $thn_ini; ?>
</div>
</div>
</div>
</div>

</div>
</div>
<?php if ($web_ppdb->status_ppdb == 'buka') { ?>

<div class="alert alert-info alert-dismissible" role="alert">
<form action="" method="post">
<button type="submit" name="btnnonaktif" class="btn btn-primary"
onclick="return confirm('Anda Yakin?')"><i class="icon-laptop"></i>
Tutup Pendaftaran PPDB
Online!</button>
50
<strong>Status Pendaftaran PPDB Online</strong> masih dibuka. Terakhir
diubah
<?php echo date('d-m-Y H:i:s', strtotime($web_ppdb->tgl_diubah)); ?>.
</form>
</div>
<?php } else { ?>
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="submit" name="btnaktif" class="btn btn-warning"
onclick="return confirm('Anda Yakin?')"><i class="icon-laptop"></i>
Buka Pendaftaran PPDB
Online!</button>
<strong>Status Pendaftaran PPDB Online</strong> masih ditutup. Terakhir
diubah
<?php echo date('d-m-Y H:i:s', strtotime($web_ppdb->tgl_diubah)); ?>.
</form>
</div>
<?php } ?>
</div>

C. Halaman Form Pendaftaran
<div class="panel">
<div class="panel-heading" style="background: #275555ff; color: honeydew;">
<h2 align="center" style="margin-top: 10px;">FORM ISIAN<br><b>IDENTITAS
DIRI CALON SISWA</b> </h2>

</div>
<div class="form-group" style="padding-bottom:30px;">

<label class="col-sm-3 control-label" style="text-align:right; margin-
top:6px">Nomor Pendaftaran <span
class="text-danger">*</span></label>
51
<div class="col-sm-9 prepend-icon" style="margin-top:1px;">
<input type="text" name="nis" class="form-control bg-blue class"
onkeypress="return hanyaAngka(this);"
maxlength="30" placeholder="Nomor Induk Siswa" data-parsley-
group="block1"
data-parsley-errors-container='div[id="error-nis"]' value="<?= $id_daftar; ?
>" readonly required>
<i class="fa fa-users" style="margin-left:15px;"></i>
<div id="error-nis"
style=" background:#FFBABA; color: #D8000C; width:auto; padding-
left:10px; font-size: 10px;"></div>
<div id="pesan_komentar">*Jangan mengganti isian ini.</div>
</div>
</div>

top:6px">Nama Lengkap <span
<div class="col-sm-9 prepend-icon">
<input type="text" name="nama_lengkap" class="form-control bg-blue"
placeholder="Nama lengkap Calon Siswa" maxlength="100" data-parsley-
group="block1"
data-radio="iradio_square-blue" data-parsley-errors-
container='div[id="error-nama_lengkap"]'
required>
<i class="fa fa-user" style="margin-left:15px;"></i>
<div id="error-nama_lengkap"
<div id="pesan_komentar">*Sesuai dengan akte kelahiran/ijazah</div>
</div>
</div>
52
top:6px">N.I.S.N <span
<input type="text" name="nisn" class="form-control bg-blue class"
maxlength="10" placeholder="Nomor Induk Siswa Nasional" data-parsley-
group="block1"
data-parsley-errors-container='div[id="error-nisn"]'>
<i class="fa fa-users" style="margin-left:15px;"></i>
<div id="error-nisn"
<div id="pesan_komentar">*Sesuai dengan data dari web
http://nisn.data.kemdikbud.go.id/kartu NISN</div>
</div>
</div>

top:6px">NIK Siswa <span
<input type="text" name="nik" class="form-control bg-blue"
placeholder="NIK Siswa" maxlength="100"
data-parsley-group="block1" data-radio="iradio_square-blue"
data-parsley-errors-container='div[id="error-nik"]' required>
<div id="error-nik"
<div id="pesan_komentar">*Sesuai dengan akte kelahiran/ijazah</div>
</div>
53
</div>

top:6px">Nomor Seri Ijazah <span
<input type="text" name="nomor_seri_ijazah" class="form-control bg-blue"
placeholder="Nomor Seri Ijazah"
maxlength="100" data-parsley-group="block1" data-radio="iradio_square-
blue"
data-parsley-errors-container='div[id="error-nomor-seri-ijazah"]' required>
<div id="error-nomor-seri-ijazah"
<div id="pesan_komentar">*Sesuai dengan Nomor Seri Ijazah</div>
</div>
</div>

top:6px">Nomor Ujian Nasional <span
<input type="text" name="nomor_ujian_nasional" class="form-control bg-
blue"
placeholder="Nomor Ujian Nasional" maxlength="100" data-parsley-
group="block1"
container='div[id="error-nomor-ujian-nasional"]'
required>
<div id="error-nomor-ujian-nasional"
54
<div id="pesan_komentar">*Sesuai dengan Nomor Ujian Nasional</div>
</div>
</div>

top:6px">Nomor Seri SKHUN<span
<input type="text" name="nomor_seri_skhun" class="form-control bg-blue"
placeholder="Nomor Seri SKHUN"
blue"
data-parsley-errors-container='div[id="error-nomor_seri_SKHUN"]'
required>
<div id="error-nomor_seri_SKHUN"
<div id="pesan_komentar">*Sesuai dengan nomor seri SKHUN</div>
</div>
</div>
<?php
$jenjang = $_GET['jenjang'];
$classJenjang = '';
if ($jenjang == 'smp') {
$classJenjang = 'none';
} ?>

<input type="hidden" name="jenjang" value="<?= $jenjang ?>">

<div class="form-group">
<label class="col-sm-3 control-label" style="text-align:right; margin-top:-
3px">Jenis Kelamin <span
<div class="col-sm-9">
<div class="radio" style="margin-top:3px;margin-left:-20px;">
<label>
56
<input type="radio" value="Laki-Laki" name="jk" data-parsley-
group="block1"
container='div[id="condition-error"]'
required> <i class="fa fa-male"></i> Laki-laki
</label>
</div>
<div class="radio" style="margin-left:-20px;">
<label>
<input type="radio" value="Perempuan" name="jk" data-parsley-
group="block1"
container='div[id="condition-error"]'
required> <i class="fa fa-female"></i> Perempuan
</label>
</div>
<div id="condition-error"
</div>
</div>
top:6px">Tempat Kelahiran <span
<input type="text" name="tempat_lahir" class="form-control bg-blue class"
placeholder="Tempat Kelahiran Calon Siswa" data-parsley-group="block1"
data-parsley-errors-container='div[id="error-tempat_lahir"]' required>
<i class="fa fa-building" style="margin-left:15px;"></i>
<div id="error-tempat_lahir"
57
</div>
</div>
top:6px">Tanggal Kelahiran <span
<div class="col-sm-4" style="padding:0px">
<select class="form-control bg-blue class" name="tgl_lahir" data-parsley-
group="block1"
data-parsley-errors-container='div[id="error-tgl_lahir"]' required>
<option value="" selected>Pilih Tanggal</option>
<?php for ($i = 1; $i <= 31; $i++) {
if ($i < 10) {
$i = "0" . $i;
} ?>
<option value="<?php echo $i; ?>"><?php echo $i; ?></option>
<?php } ?>
</select>
<div id="error-tgl_lahir"
</div>
</div>
<div class="col-sm-4" style="padding-left:3px;">

<select class="form-control bg-blue class" data-placeholder="Pilih Bulan"
name="bln_lahir"
data-parsley-group="block1" data-parsley-errors-container='div[id="error-
bln_lahir"]' required>
<option value="" selected>Pilih Bulan</option>
<option value="01">Januari</option>
<option value="02">Februari</option>
58
<option value="03">Maret</option>
<option value="04">April</option>
<option value="05">Mei</option>
<option value="06">Juni</option>
<option value="07">Juli</option>
<option value="08">Agustus</option>
<option value="09">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select>
<div id="error-bln_lahir"
</div>
</div>
<div class="col-sm-4" style="margin-left:-27px;">

<select class="form-control bg-blue class" data-placeholder="Pilih Tahun
Lahir" name="thn_lahir"
thn_lahir"]' required>
<option value="" selected>Pilih Tahun Lahir</option>
<?php
$thn_max = date('Y') - 2;
for ($i = 1990; $i <= $thn_max; $i++) { ?>
<option value="<?php echo $i; ?>"><?php echo $i; ?></option>
<?php } ?>
</select>
<div id="error-thn_lahir"
</div>
</div>
59
</div>
</div>
top:6px">Agama <span
<select class="form-control bg-blue class" data-placeholder="Pilih Agama
yang dianut" name="agama"
agama"]' required>
<option value="">Pilih agama yang dianut</option>
<option value="Islam">Islam</option>
<option value="Kristen">Kristen</option>
<option value="Katolik">Katolik</option>
<option value="Hindu">Hindu</option>
<option value="Budha">Budha</option>
<option value="Konghucu">Konghucu</option>
<option value="lainnya">Lainnya</option>
</select>
<div id="error-agama"
</div>
</div>
top:6px">Status dlm Keluarga <span
<select class="form-control bg-blue class" data-placeholder="Pilih Status
dalam Keluarga"
60
name="status_keluarga" data-parsley-group="block1"
data-parsley-errors-container='div[id="error-status_keluarga"]' required>
<option value="">Pilih Status dalam Keluarga</option>
<option value="Anak Kandung">Anak Kandung</option>
<option value="Anak Angkat">Anak Angkat</option>
</select>
<div id="error-status_keluarga"
</div>
</div>

top:6px">Anak Ke <span
<input type="text" name="anak_ke" class="form-control bg-blue"
placeholder="Anak Ke-" maxlength="100"
data-parsley-errors-container='div[id="error-anak_ke"]' required>
<div id="error-anak_ke"
<div id="pesan_komentar">*Isi dengan angka</div>
</div>
</div>

top:6px">Jumlah Saudara <span
61
<input type="text" name="jml_saudara" class="form-control bg-blue"
placeholder="Jumlah Saudara Kandung"
blue"
data-parsley-errors-container='div[id="error-jml_saudara"]' required>
<div id="error-jml_saudara"
<div id="pesan_komentar">*Isi dengan angka</div>
</div>
</div>
top:6px">Hobi <span
<select class="form-control bg-blue class" data-placeholder="Pilih Hobi
Siswa" name="hobi"
hobi"]' required>
<option value="">Pilih minat hobi</option>
<option value="1">Olah raga</option>
<option value="2">Kesenian</option>
<option value="3">Membaca</option>
<option value="4">Menulis</option>
<option value="5">Travelling</option>
<option value="6">Lainnya</option>
</select>
<div id="error-hobi"
</div>
62
</div>
top:6px">Cita-cita <span
<select class="form-control bg-blue class" data-placeholder="Pilih Cita-cita
Siswa" name="cita"
cita"]' required>
<option value="">Pilih cita-cita siswa</option>
<option value="1">PNS</option>
<option value="2">TNI/Polri</option>
<option value="3">Guru/Dosen</option>
<option value="4">Dokter</option>
<option value="5">Politikus</option>
<option value="6">Wiraswasta</option>
<option value="7">Pekerja Seni/lukis/artis/sejenis</option>
</select>
<div id="error-cita"
</div>
</div>
top:6px">PAUD <span
<select class="form-control bg-blue class" data-placeholder="Pernah PAUD?"
name="paud"
63
paud"]' required>
<option value="">Apakah pernah PAUD?</option>
<option value="1">Pernah</option>
<option value="2">Tidak Pernah</option>
</select>
<div id="error-paud"
</div>
</div>
top:6px">TK <span
<select class="form-control bg-blue class" data-placeholder="Pernah PAUD?"
name="tk"
tk"]' required>
<option value="">Apakah pernah TK?</option>
<option value="1">Pernah</option>
<option value="2">Tidak Pernah</option>
</select>
<div id="error-tk"
</div>
</div>
</div>
64
top:6px">No. Handphone/WA <span
<input type="text" name="no_hp_siswa" class="form-control bg-blue class"
maxlength="14"
onkeypress="return hanyaAngka(this);" placeholder="No. Handphone Calon
Siswa"
no_hp_siswa"]' required>
<i class="fa fa-phone" style="margin-left:15px;"></i>
<div id="error-no_hp_siswa"
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div>
<div class="panel">
<h2 align="center" style="margin-top: 10px;">FORM ISIAN<br><b>ALAMAT
CALON SISWA</b> </h2>

</div>
<label class="col-sm-3 control-label" style="text-align:right; margin-top:6px">Jenis
tempat tinggal <span class="text-danger">*</span></label>
65
<select class="form-control bg-blue class" data-placeholder="Pilih jenis tempat
tinggal" name="jenis_tinggal" data-parsley-group="block2" data-parsley-errors-
container='div[id="error-jenis_tinggal"]' required>
<option value="">Pilih jenis tempat tinggal</option>
<option value="1">Tinggal dengan orangtua/wali</option>
<option value="2">Ikut saudara/kerabat</option>
<option value="3">Asrama Madrasah</option>
<option value="4">Kontrak/kost</option>
<option value="5">Asrama Pesantren</option>
<option value="6">Panti Asuhan</option>
<option value="7">Rumah singgah</option>
</select>
<div id="error-jenis_tinggal" style=" background:#FFBABA;color: #D8000C;
width:auto;border-radius:5px;padding-left:10px;"></div>
</div>
</div>

top:6px">Alamat <span class="text-danger">*</span></label>
<input type="text" name="alamat_siswa" class="form-control bg-blue"
placeholder="Alamat siswa" maxlength="100" data-parsley-group="block2" data-
radio="iradio_square-blue" data-parsley-errors-container='div[id="error-alamat_siswa"]'
required>
<i class="fa fa-home" style="margin-left:15px;"></i>
<div id="error-alamat_siswa" style=" background:#FFBABA;color: #D8000C;
<div id="pesan_komentar">*Cukup dituliskan nama dusun/jalan dan rt/rw (sesuai
KK)</div>
</div>
</div>
66
<label class="col-sm-3 control-label" style="text-align:right; margin-top:6px">Desa
<span class="text-danger">*</span></label>
<input type="text" name="desa" class="form-control bg-blue" placeholder="Desa"
maxlength="100" data-parsley-group="block2" data-radio="iradio_square-blue" data-
parsley-errors-container='div[id="error-desa"]' required>
<i class="fa fa-map-marker" style="margin-left:15px;"></i>
<div id="error-desa" style=" background:#FFBABA;color: #D8000C;
<div id="pesan_komentar">*Isi sesuai KK</div>
</div>
</div>

top:6px">Kecamatan <span class="text-danger">*</span></label>
<input type="text" name="kec" class="form-control bg-blue"
placeholder="Kecamatan" maxlength="100" data-parsley-group="block2" data-
radio="iradio_square-blue" data-parsley-errors-container='div[id="error-kec"]' required>
<div id="error-kec" style=" background:#FFBABA;color: #D8000C;
</div>
</div>

top:6px">Kabupaten <span class="text-danger">*</span></label>
67
<input type="text" name="kab" class="form-control bg-blue"
placeholder="Kabupaten" maxlength="100" data-parsley-group="block2" data-
radio="iradio_square-blue" data-parsley-errors-container='div[id="error-kab"]' required>
<div id="error-kab" style=" background:#FFBABA;color: #D8000C;
</div>
</div>

top:6px">Provinsi <span class="text-danger">*</span></label>
<input type="text" name="prov" class="form-control bg-blue"
placeholder="Provinsi" maxlength="100" data-parsley-group="block2" data-
radio="iradio_square-blue" data-parsley-errors-container='div[id="error-prov"]' required>
<div id="error-prov" style=" background:#FFBABA;color: #D8000C;
</div>
</div>

<label class="col-sm-3 control-label" style="text-align:right; margin-top:6px">Kode
pos <span class="text-danger">*</span></label>
<input type="text" name="kode_pos" class="form-control bg-blue"
placeholder="Kode pos" maxlength="100" data-parsley-group="block2" data-
radio="iradio_square-blue" data-parsley-errors-container='div[id="error-kode_pos"]'
required>
68
<div id="error-kode_pos" style=" background:#FFBABA;color: #D8000C;
</div>
</div>
<label class="col-sm-3 control-label" style="text-align:right; margin-top:6px">Jarak
ke sekolah <span class="text-danger">*</span></label>
<select class="form-control bg-blue class" data-placeholder="Jarak ke sekolah"
name="jarak" data-parsley-group="block2" data-parsley-errors-container='div[id="error-
jarak"]' required>
<option value="">Pilih jarak siswa ke sekolah</option>
<option value="1">Kurang dari 5 km</option>
<option value="2">5 - 10 km</option>
<option value="5">Lebih dari 30 km</option>
</select>
<div id="error-jarak" style=" background:#FFBABA;color: #D8000C;
</div>
</div>
top:6px">Transportasi yang digunakan <span class="text-danger">*</span></label>
<select class="form-control bg-blue class" data-placeholder="Transportasi yang
digunakan" name="trans" data-parsley-group="block2" data-parsley-errors-
container='div[id="error-trans"]' required>
<option value="">Pilih transportasi yang digunakan ke sekolah</option>
<option value="1">Jalan Kaki</option>
69
<option value="2">Sepeda</option>
<option value="3">Sepeda motor</option>
<option value="4">Mobil Pribadi</option>
<option value="5">Antar jemput sekolah</option>
<option value="6">Angkutan umum</option>
<option value="7">Perahu/sampan</option>
</select>
<div id="faa-flash animated" style=" background:#FFBABA;color: #D8000C;
</div>
</div>
</div>
</div>
<div>
<div class="panel">
<h2 align="center" style="margin-top: 10px;">FORM ISIAN<br><b>ORANG
TUA/WALI CALON SISWA</b> </h2>

</div>

top:6px">Nomor <?php
$classJenjang = '';
$classJenjang = 'none';
70
} ?> Kartu Keluarga <span
<input type="text" name="no_kk" class="form-control bg-blue class"
maxlength="16" placeholder="Nomor Kartu Keluarga" data-parsley-
group="block3"
data-parsley-errors-container='div[id="error-no_kk"]' required>
<div id="error-no_kk"
style=" background:#FFBABA;color: #D8000C; width:auto;border-
radius:5px;padding-left:10px;"></div>
<div id="pesan_komentar">*Sesuai dengan Kartu Keluarga (KK)</div>
</div>
</div>

top:6px">Nama Kepala Keluarga <span
<input type="text" name="kepala_keluarga" class="form-control bg-blue"
placeholder="Nama Kepala Keluarga" maxlength="100" data-parsley-
group="block3"
container='div[id="error-kepala_keluarga"]'
required>
<div id="error-kepala_keluarga"
<div id="pesan_komentar">*Sesuai dengan KK</div>
</div>
</div>
71
<hr>
<h2><strong class="text-success" style="color:#000000;">
<center>DATA AYAH KANDUNG</center>
</strong></h2>
<hr>
top:6px">Nama Ayah Kandung <span
<input type="text" name="nama_ayah" class="form-control bg-blue"
placeholder="Nama Ayah Kandung"
blue"
data-parsley-errors-container='div[id="error-nama_ayah"]' required>
<i class="fa fa-male" style="margin-left:15px;"></i>
<div id="error-nama_ayah"
</div>
</div>

top:6px">NIK Ayah <span
<input type="text" name="nik_ayah" class="form-control bg-blue class"
onkeypress="return hanyaAngka(this);" maxlength="16" placeholder="NIK
Ayah"
nik_ayah"]' required>
<div id="error-nik_ayah"
72
</div>
</div>

top:6px">Tahun Lahir Ayah <span
<input type="text" name="th_lahir_ayah" class="form-control bg-blue class"
onkeypress="return hanyaAngka(this);" maxlength="16"
placeholder="Tahun lahir Ayah"
th_lahir_ayah"]' required>
<div id="error-th_lahir_ayah"
</div>
</div>
top:6px">Status Ayah <span
<select class="form-control bg-blue class" data-placeholder="Status Ayah"
name="status_ayah"
status_ayah"]' required>
<option value="">Pilih Status Ayah</option>
<option value="1">Masih hidup</option>
<option value="2">Sudah meninggal</option>
73
<option value="3">Tidak diketahui</option>
</select>
<div id="error-status_ayah"
</div>
</div>
top:6px">Pekerjaan Ayah <span
<select class="form-control bg-blue class" data-placeholder="Pilih Pekerjaan
Ayah" name="pekerjaan_ayah"
pekerjaan_ayah"]' required>
<option value="">Pilih Pekerjaan Ayah</option>
<?php foreach ($v_pekerjaan_ayah as $baris) : ?>
<option value="<?php echo $baris->nama_pekerjaan; ?>"><?php echo
$baris->nama_pekerjaan; ?></option>
<?php endforeach; ?>
</select>
<div id="error-pekerjaan_ayah"
</div>
</div>
top:6px">Penghasilan Ayah<span
74
<select class="form-control bg-blue class" data-placeholder="Pilih Penghasilan
Ayah"
name="penghasilan_ayah" data-parsley-group="block3"
data-parsley-errors-container='div[id="error-penghasilan_ayah"]' required>
<option value="">Pilih Penghasilan Ayah</option>
<?php foreach ($v_penghasilan as $baris) : ?>
<option value="<?php echo $baris->nama_penghasilan; ?>"><?php echo
$baris->nama_penghasilan; ?>
</option>
</select>
<div id="error-penghasilan_ayah"
</div>
</div>
top:6px">Pendidikan Ayah <span
<select class="form-control bg-blue class" data-placeholder="Pilih Pendidikan
Ayah" name="pdd_ayah"
pdd_ayah"]' required>
<option value="">Pilih Pendidikan Ayah</option>
<?php foreach ($v_pdd as $baris) : ?>
<option value="<?php echo $baris->nama_pdd; ?>"><?php echo $baris-
>nama_pdd; ?></option>
</select>
<div id="error-pdd_ayah"
75
</div>
</div>
<hr>
<center>DATA IBU KANDUNG</center>
</strong></h2>
<hr>
top:6px">Nama Ibu Kandung <span
<input type="text" name="nama_ibu" class="form-control bg-blue"
placeholder="Nama Ibu Kandung"
blue"
data-parsley-errors-container='div[id="error-nama_ibu"]' required>
<i class="fa fa-female" style="margin-left:15px;"></i>
<div id="error-nama_ibu"
</div>
</div>

top:6px">NIK Ibu <span
<input type="text" name="nik_ibu" class="form-control bg-blue class"
76
Ibu"
nik_ibu"]' required>
<div id="error-nik_ibu"
</div>
</div>

top:6px">Tahun Lahir Ibu <span
<input type="text" name="th_lahir_ibu" class="form-control bg-blue class"
placeholder="Tahun lahir Ibu"
th_lahir_ibu"]' required>
<div id="error-th_lahir_ibu"
</div>
</div>
top:6px">Status Ibu <span
<select class="form-control bg-blue class" data-placeholder="Status Ibu"
name="status_ibu"
77
status_ibu"]' required>
<option value="">Pilih Status Ibu</option>
<option value="1">Masih hidup</option>
<option value="2">Sudah meninggal</option>
<option value="3">Tidak diketahui</option>
</select>
<div id="error-status_ibu"
</div>
</div>
top:6px">Pekerjaan Ibu <span
Ibu" name="pekerjaan_ibu"
pekerjaan_ibu"]' required>
<option value="">Pilih Pekerjaan Ibu</option>
</select>
<div id="error-pekerjaan_ibu"
</div>
</div>
78
top:6px">Penghasilan Ibu <span
Ayah"
name="penghasilan_ibu" data-parsley-group="block3"
data-parsley-errors-container='div[id="error-penghasilan_ibu"]' required>
<option value="">Pilih Penghasilan Ibu</option>
</option>
</select>
<div id="error-penghasilan_ibu"
</div>
</div>
top:6px">Pendidikan Ibu <span
Ibu" name="pdd_ibu"
pdd_ibu"]' required>
<option value="">Pilih Pendidikan Ibu</option>
79
</select>
<div id="error-pdd_ibu"
</div>
</div>
<hr>
<center>DATA WALI</center>
</strong></h2>
<hr>
top:6px">Nama wali <span
class="text-danger"></span></label>
<input type="text" name="nama_wali" class="form-control bg-blue"
placeholder="Nama wali "
blue"
data-parsley-errors-container='div[id="error-nama_wali"]'>
<div id="error-nama_wali"
</div>
</div>
80
top:6px">NIK wali <span
<input type="text" name="nik_wali" class="form-control bg-blue class"
wali"
nik_wali"]'>
<div id="error-nik_wali"
</div>
</div>

top:6px">Tahun Lahir wali <span
<input type="text" name="th_lahir_wali" class="form-control bg-blue class"
placeholder="Tahun lahir wali"
th_lahir_wali"]'>
<div id="error-th_lahir_wali"
</div>
</div>
81
top:6px">Pekerjaan wali <span
wali" name="pekerjaan_wali"
pekerjaan_wali"]'>
<option value="">Pilih Pekerjaan wali</option>
</select>
<div id="error-pekerjaan_wali"
</div>
</div>
top:6px">Penghasilan wali <span
Ayah"
name="penghasilan_wali" data-parsley-group="block3"
data-parsley-errors-container='div[id="error-penghasilan_wali"]'>
<option value="">Pilih Penghasilan wali</option>
</option>
82
</select>
<div id="error-penghasilan_wali"
</div>
</div>
top:6px">Pendidikan wali <span
wali" name="pdd_wali"
pdd_wali"]'>
<option value="">Pilih Pendidikan wali</option>
</select>
<div id="error-pdd_wali"
</div>
</div>
top:6px">No. Handphone Ortu/Wali <span
83
<input type="text" name="no_hp_ortu" class="form-control bg-blue class"
maxlength="14"
onkeypress="return hanyaAngka(this);" placeholder="No. Handphone
Orangtua/Wali"
no_hp_ortu"]'>
<i class="fa fa-phone" style="margin-left:15px;"></i>
<div id="error-no_hp_ortu"
</div>
</div>
<hr>
<h2><strong class="text-success" style="color:#000000; text-align: center;">
STATUS KEPEMILIKAN KARTU
</strong></h2>
<hr>

top:6px">Nomor Kartu Keluarga
Sejahtera (KKS) <span class="text-danger">*</span></label>
<input type="text" name="no_kks" class="form-control bg-blue"
placeholder="No. KKS " maxlength="100"
data-parsley-errors-container='div[id="error-no_kks"]' required>
<i class="" style="margin-left:15px;"></i>
<div id="error-no_kks"
<div id="pesan_komentar">*Isi dengan tanda "-" apabila tidak memiliki</div>
</div>
84
</div>

top:6px">Nomor Program Keluarga
Harapan (PKH) <span class="text-danger">*</span></label>
<input type="text" name="no_pkh" class="form-control bg-blue"
placeholder="No. PKH " maxlength="100"
data-parsley-errors-container='div[id="error-no_pkh"]' required>
<div id="error-no_pkh"
</div>
</div>

top:6px">Nomor Kartu Indonesia Pintar
(KIP) <span class="text-danger">*</span></label>
<input type="text" name="no_kip" class="form-control bg-blue"
placeholder="No. KIP " maxlength="100"
data-parsley-errors-container='div[id="error-no_kip"]' required>
<div id="error-no_kip"
</div>
85
</div>
</div>
</div>
<div>
<div class="panel">
<h2 align="center" style="margin-top: 10px;">FORM ISIAN<br><b>DATA
SEKOLAH ASAL</b> </h2>

</div>

top:6px">Nama Sekolah <span
<input type="text" name="nama_sekolah" class="form-control bg-blue"
placeholder="Nama Sekolah"
blue"
data-parsley-errors-container='div[id="error-nama_sekolah"]' required>
<i class="fa fa-university" style="margin-left:15px;"></i>
<div id="error-nama_sekolah"
</div>
</div>
<?php
86
$isSMP = 'none';
$isSMA = 'none';
$isSMP = '';
}
if ($jenjang == 'sma') {
$isSMA = '';
}
?>
top:6px">Jenjang sekolah <span
<select class="form-control bg-blue class" data-placeholder="Pilih jenjang
sekolah sebelumnya"
name="jenjang_sekolah" data-parsley-group="block4"
data-parsley-errors-container='div[id="error-jenjang_sekolah"]'>
<option value="">Pilih Jenjang Sekolah</option>


<option value="mi" style="display: <?= $isSMP ?>;">MI</option>
<option value="sd" style="display: <?= $isSMP ?>;">SD</option>


<option value="smp" style="display: <?= $isSMP ?>;">SMP</option>
<option value="mts" style="display: <?= $isSMP ?>;">MTs</option>
<option value="lainnya">Lainnya</option>
</select>
<div id="error-jenjang_sekolah"
87
</div>
</div>
top:6px">Status sekolah <span
<select class="form-control bg-blue class" data-placeholder="Pilih status
sekolah sebelumnya"
name="status_sekolah" data-parsley-group="block4"
data-parsley-errors-container='div[id="error-status_sekolah"]'>
<option value="">Pilih Status Sekolah</option>
<option value="NEGERI">NEGERI</option>
<option value="SWASTA">SWASTA</option>
</select>
<div id="error-status_sekolah"
</div>
</div>

top:6px">NPSN Sekolah <span
<input type="text" name="npsn_sekolah" class="form-control bg-blue class"
placeholder="NPSN Sekolah sebelumnya"
npsn_sekolah"]'>
<div id="error-npsn_sekolah"
88
</div>
</div>
top:6px">Lokasi sekolah <span
<select class="form-control bg-blue class" data-placeholder="Pilih lokasi
sekolah sebelumnya"
name="lokasi_sekolah" data-parsley-group="block4"
data-parsley-errors-container='div[id="error-lokasi_sekolah"]'>
<option value="">Pilih Lokasi Sekolah</option>
<option value="1">Dalam Kabupaten/Kota</option>
<option value="2">Dalam Provinsi</option>
<option value="3">Luar Provinsi</option>
<option value="4">Luar Negeri</option>
</select>
<div id="error-lokasi_sekolah"
</div>
</div>
</div>
</div>
<div>
D. Halaman Login Siswa
<style>
.obox {
min-width: 20%;
89
min-height: 50%;
}
</style>
<div class="layer"></div>
<div class="obox">
<div class="row">
<div class="intro-text">
<div class="col-md-12 bg-success hbox">
<span class="boxtext"><i class="fa fa-user"></i></span>
<span class="pull-right" style="margin-top:10px;font-size:16px">
<a href=""><i class="fa fa-times" style="color:#fff"></i></a></span>
</div>
<h4 class="text-danger"><br><br><br>
<img src="img/logo.png" width="60">
Login Administrasi
</h4>
<span class="text-warning">Masukkan No. Pendaftaran dan Password<br>
yang diperoleh saat melakukan pendaftaran secara online.</span><br>
</div>
<div class="col-md-12" style="margin-top:20px">
<?php
echo $this->session->flashdata('msg');
?>
<span class="text-danger"><b>MASUKKAN</b></span>
<div class="form-group" style="padding-left:15px;padding-right:15px">
<input type="text" name="username" class="inp" placeholder="NO.
PENDAFTARAN" required="true" autofocus />
</div>
<div class="form-group has-feedback" style="margin-top:-20px;padding-
left:15px;padding-right:15px">
90
<input type="password" name="password" class="inp"
placeholder="N.I.S.N" required="true" />
</div>
<div class="row">
<div class="col-xs-12">
<a href="" style="color:#fff;float:left;" class="btn btn-warning"><i
class="fa fa-remove margin-r-5"></i> Tutup</a>
<button type="submit" name="btnlogin"
style="color:#fff;float:right;" class="btn btn-danger"><i class="fa fa-sign-in margin-r-
5"></i> Login</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
E. Halaman Login Admin
<?php
defined('BASEPATH') or exit('No direct script access allowed');
$user = $this->db->get('tbl_user')->row_array();
?>

<div class="panel panel-body login-form">
<div class="text-center">
<img src="img/logo2.png" alt="Logo" width="80">
<h5 class="content-group">LOGIN ADMIN PPDB Online<small
class="display-block"><b><?php echo $user['nama_lengkap']; ?
></b></small></h5>
<?php
echo $this->session->flashdata('msg');
91
?>
</div>
<hr>
<div class="form-group has-feedback has-feedback-left">
<input type="text" class="form-control" name="username"
placeholder="Username" required autofocus>
<div class="form-control-feedback">
<i class="icon-user text-muted"></i>
</div>
</div>
<div class="form-group has-feedback has-feedback-left">

<input type="password" class="form-control" name="password"
placeholder="Password" required>
<div class="form-control-feedback">
<i class="icon-lock2 text-muted"></i>
</div>
</div>
<hr>
<div class="form-group" style="text-align: center;">
<button type="submit" name="btnlogin" class="btn btn-danger"><a href=""
style="color: white;"><i
class="icon-home position-right"></i> <b>HOME</b></a></button>
<button type="submit" name="btnlogin" class="btn btn-success"><i
class="glyphicon glyphicon-log-in position-right"></i> <b>
LOGIN</b></button>
</div>
</div>
</div>
</form>

92
DAFTAR HADIR PRAKTIK KERJA LAPANGAN
Nama : Burhanuddin
NIM : 19.48.55.011
Prodi : Teknik Informatika
JUDUL LAPORAN PRAKTIK KERJA LAPANGAN :

SISTEM PENERIMAAN SISWA BARU BERBASIS WEB
N HARI/ JAM JAM PARAF

KEGIATAN
O TANGGAL DATANG PULANG PEMBIM
BING
Kamis,
1. Perkenalan 08.00. 12.10
03/03/2022
Jum’at
2. - - -
93
04/03/2022
Sabtu,
3. Print Brosur 08.00. 12.00
05/03/2022
- - -
Minggu,
06/03/2022
4.
Senin,
5. Print Brosur 08.00. 12.00
07/03/2022
Selasa,
6. Print Brosur 08.00. 12.10
08/03/2022
Rabu,
7. Print Soal 08.00 12.23
09/03/2022
Print Brosur
Kamis,
8. 08.00. 12.15
10/03/2022
Libur
Jum’at,
9. - -
11/03/2022
Sabtu, Print Brosur
10 08.00. 12.15
12/03/2022
Ahad, Libur
11 - -
94
13/03/2022
Senin,
12 Cek Data 08.00. 12.10
14/03/2022
Siswa
13 Selasa, Print Brosur - -

15/03/2022
14 Rabu, Prin Daftar 08.00 12.00

16/03/202 Hadir
15 Kamis, Print Brosur 08.00. 12.10

17/03/2022
16 Jum’at, Libur - -
18/03/202
17 Sabtu, Print Brosur 08.00. 12.10
19/03/2022
18 Ahad, Libur 08.00. 12.10

20/03/2022
19 Senin, Edit Soal 08.00. 12.00
21/03/2022
95
20 Selasa, Convert Soal 08.00. 12.10
22/03/2022 dari PDF ke
Word
Rabu, Prin Brosur

21 23/03/2022 - -
22 Kamis Print Brosur 08.00. 12.00

24/03/2022
Libur
23 Jum’at, - -
25/03/2022
Pasang
24 Sabtu, Kyboard Arab 08.00. 12.00
26/03/2022
Libur
25 Ahad, .;- -
27/03/2022
Izin
26 Senin, - -
28/03/2022
Melihat KBM
27 Selasa, 08.00. 12.20
29/03/2022
96
28 Rabu, Edit Piagam 08.00 12.16
30/03/2022
Edit Foto
29 Kamis, 08.00. 12.30
31/03/2022
Libur
30 Jum’at, .- -
01/03/2022
Sabtu, Penarikan 08.00. 09.00

31 02/04/2022
97
98
99
SURAT KETERANGAN
Nomor: 037/Pandawa-NW/A/IV/2022
Bismillahiwabihamdihi
Assalamu’alaikum Warahmatullahi Wabarokatuh
Yang bertandatangan di bawah ini Pimpinan Pondok Pesantren Daruttaqwa Al-Khairiyah NW Teko
Kecamatan Pringgabaya Kabupaten Lombok Timur Nusa Tenggara Barat menerangkan dengan sebenar-
benarnya yang tersebut namanya di bawah ini:
Nama : Burhanuddin
NIM : 194855011
Semester : VI (Genap)
Kampus : STMIK Syaikh Zainuddin NW Anjani
Bahwa mahasiswa tersebut benar telah melaksanakan Praktik Kerja Lapangan (PKL) dengan judul projek,
“Aplikasi Penerimaan Peserta Didik Baru di Ponpes Daruttaqwa Al-Khairiyah NW Teko” selama 1
bulan terhitung mulai tanggal 03 Maret sampai dengan 02 April 2022.
Demikian surat ini dibuat dengan sebenar-benarnya untuk dapat dipergunakan sebagaimana mestinya.
Wallahul muawaffiqu wal hadi ilasabilirrosyad
Wassalamu’alaikum Warahmatullahi Wabarokatuh
Teko, 03 April 2022
Pimpinan Pondok Pesantren
Hurnawijaya, QH., S.Pd., M.Sy
100
DAFTAR NILAI MAHASISWA PKL DARI SEKOLAH
Nama : Burhanuddin
NIM : 19.48.55.011
Data Penilai
Nama : Hurnawijaya, QH., S.Pd., M.Sy
Jabatan : Ketua Yayasan
Nama Madrasah : SMA IP NW Teko dan SMP IT NW Teko
Nilai
No Komponen yang Dinilai Angka Huruf
Integritas, kepribadian (kejujuran,kedisiplinan, etos
1 kerja, tingkat kehadiaran, kerapian, dan 20
kebersihan pakaian dan penampilan
Kemampuan beradaptasi dengan lingkungan kerja
1. Kerjasama dengan sesame
2 guru/kepala madrasah 15
2. Kerjasama dengan atasan
3. Kemampuan menyesuaikan diri
Kemampuan dalam menguasai substansi materi
dan Prosedur Praktik
3 1. Pemahaman terhadap pekerjaan 25
2. Inisiatif
3. Kemandirian dalam bekerja
Kemampuan dalam menyelesaikan tugas praktik
1. Tanggung jawab terhadap pekerjaan
4 30
yang diberikan
2. Dapat bekerja sebagaimana diharapkan
Rata-Rata 90 A
Teko, 03 April 2022
Pimpinan Pondok Pesantren
Hurnawijaya, QH., S.Pd., M.Sy
101
102
103

Latar Belakang

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

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

Latar Belakang

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN PRAKTIK KERJA LAPANGAN

SISTEM PENERIMAN SANTRI BARU BERBSIS WEB DI SMA IP NW

PROGRAM STUDI TEHNIK INFORMATIKA

Lalu Puji Indra Kharisma, S.Kom., M.Cs Muh. Fahrurrozi, S.Kom., M. Cs

TGH. Lalu Gede Muhamad Khairul Fatihin, S.Kom.I., MM

Anjani 1 April 2022

Gambar 2.1 Simbol Use Case…………………………...................................6

1.1 Latar Belakang

Gambar 1.4 Simbol Class Diagram

3.1 Usulan Organisasi

Gambar 3.2. Use CaseSistem SPSBB

Gambar 3.3. Activity Diagram Proses Login

Gambar 3.5. Activity Diagram Proses Edit Data

Gambar 3.6. Activity Diagram Proses Hapus Data

Gambar 3.8. Class Diagram SPSBB

5. Rancagan Basis Data(Database)

Tabel User 3.1

-Tabel Calon Santri

Tabel Santri 3.2

3.5 Perancangan Intrface

Gambar 3.11 Rancangan Halaman Login Calon Santri

Gambar 3.13 Rancangan Halaman Pengumuman Calon Santri

Gambar 3.15 Rancangan Halaman Login Admin

Gambar 3.17 Rancangan Halaman Verifikasi Data

Gambar 3.19 Rancangan Halaman Export Data

Gambar 3.21 Rancangan Halaman Ubah Password

4.1 Analisa Pemilihan Perangkat Lunak

- Tampilan Halaman Beranda User

Gambar 4.1 Tampilan Halaman Beranda User

Gambar 4.2 Tampilan Halaman Isian Identitas Diri Calon Santri

Gambar 4. 3 Halaman Login Calon Santri

Gambar 4. 5 Tampilan Halaman Pengumuman

Gambar 4. 7 Tampilan Halaman Login Admin

- Tampilan Halaman Verifikasi Data

Gambar 4.9. Tampilan Halaman Verifikasi Data

- Tampilan Halaman Verifikasi Kelulusan

Gambar 4.11. Tampilan Halaman Export Data

- Tampilan Halaman Ubah Profil

Gambar 4.13. Tampilan Halaman Ubah profil

Gregorius. (2000). Membuat Homepage Interaktif Dengan CGI/Perl. Jakarta: PT Kiblat

Ismayanti. (2010). Pengantar Pariwisata. Jakarta: PT Gramedia Pustaka.

Munawar. (2015). Pemodelan Visual Dengan Uml. Yogyakarta: Graha Ilmu.

Pressman. (2012). Rekayasa Perangkat Lunak Pendekatan Praktis. Yogyakarta: Andi.

Sutabri. (2012). Konsep Sistem Informasi. Yogyakarta Andi.

Yakub. (2012). Pengantar Sistem Informasi. Yogyakarta: Graha Ilmu.

<!-- <div class="col-lg-3">

<?php if ($web_ppdb->status_ppdb == 'buka') { ?>

<div class="form-group" style="padding-bottom:30px;">

<div class="form-group" style="padding-bottom:30px;">

<div class="form-group" style="padding-bottom:30px;">

<div class="form-group" style="padding-bottom:30px;">

<div class="form-group" style="padding-bottom:30px;">

<div class="form-group" style="padding-bottom:30px;">

<!-- <div class="form-group" style="display: <?php // echo $classJenjang

<input type="hidden" name="jenjang" value="<?= $jenjang ?>">

<div class="col-sm-4" style="padding-left:3px;">

<div class="col-sm-4" style="margin-left:-27px;">

<div class="form-group" style="padding-bottom:30px;">

<div class="form-group" style="padding-bottom:30px;">