Proposal Pra Skripsi

IMPLEMENTASI BOOTSTRAP PADA SISTEM PENERIMAAN SISWA

BARU BERBASIS WEB

(Studi Kasus : SMA BOPKRI BANGUNTAPAN)

Oleh :

NAMA : MARIA DEFLORA MEO

NIM : 195410088

UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA

YOGYAKARTA

2022
 LEMBAR PERSETUJUAN

Judul : Implementasi Bootsrap Pada Sistem Penerimaan Siswa Baru

Berbasis Web Di SMA Bopkri Banguntapan

Nama : Maria Deflora Meo

Nim 195410088

Jurusan : Informatika

Semester : Vl (Enam)

Telah memenuhi syarat dan disetujui untuk diselenggarakan di

Hadapan dosen penguji seminar tugas akhir

Yogyakarta, 14 April, 2022

Dosen pembimbing,

Erna Hudianti P.S.Si, M.Si.

(NIP : 0528097101)
A. Latar Belakang

Pekembangan teknologi informasi yang sangat pesat harus diikuti oleh

berbagai bidang, bahkan telah merambah ke bidang pendidikan. Teknologi

informasi berperan penting dalam meningkatkan mutu dan kualitas pendidikan

Indonesia, salah satunya intrernet. Internet merupakan sarana media teknologi

umum yang efektif dan banyak diminati masyarakat. Melalui internet seseorang

dapat mengetahui berbagai informasi sesuai dengan apa yang dikehendaki. baik

itu lembaga pendidikan seperti sekolah, universitas, maupun lembaga pendidikan

yang lain.

Penerimaan Siswa Baru merupakan salah satu bentuk kegiatan dalam

pengelolaan pendidikan pada SMA dan membutukan sistem manajemen yang baik

dan teratur diharapkan dapat memperbaiki dan meningkatkan mutu pendidikan

dalam sebuah sekolah. Seiring dengan perkembangan teknologi yang pesat saat

ini, maka sekolah diharapkan mampu untuk mempersiapkan diri menghadapi

persaingan yang sangat kompotitif terutama sekolah sekolah yang berada di

daerah pedat penduduk seperti perkotaan.

SMA Bopkri Banguntapan merupakan lembaga pendidikan berstandar

nasional yang berada di Kabupaten Bantul yogyakarta . Pada perkembangannya,

sekolah ini menjadi salah satu sekolah Swasta favorit. SMA Bopkri Banguntapan

di ketahui belum menerapkan sistem penerimaan siswa baru berbasis online

sehingga para calon siswa kesulitan untuk mencari informasi mengenai

pendaftaran berbasis online. Calon siswa juga diharuskan datang langsung untuk

melihat jadwal dan prosedur pendaftaran siswa baru. Hal ini sangat menyita waktu

bagi calon siswa terutama yang tempat tinggalnya berada jauh dari sekolah

tersebut.
Selain itu, pihak sekolah juga kesulitan dalam mengolah data penerimaan siswa

baru dan proses seleks karena masih melakukan penilaian seleksi secara manual.

Dikembangkannya sistem penarimaan siswa baru berbasi online di sekolah SMA

Bopkri banguntapan, diharapkan akan membuat sistem penerimaan siswa baru

menjadi lebih efektif dan inovatif. Selain itu, sistem ini akan menjadikan proses

pendataan dan administrasi lebih muda dan cepat. Pelaksanaan Penerimaan siswa

baru akan menjadi lebih efisien, baik dalam hal waktu, tempat, biaya, maupun

tenaga.

Bootsrap merupakan sebuah framework CSS yang memudahkan

pengembang untuk membangun website yang menarik dan responsif (tampilan

website menyesuaikan dengan layar device). Bootsrap memberikan solusi rapi dan

seragam terhadap solusi yang umum, tugas interface yang setiap pengembang

hadapi. Website PSB (Penerimaan siswa baru) ini mengintegrasikan framework

CSS bootsrap untuk tampilan yang responsif sehingga tetap nyaman saat diakses

melalui smartphone maupun desktop.

Berdasarkan permasalahan di atas, penulis mencoba mengambil tema

dalam penulisan PRASKRIPSI ini dengan judul : “IMPLEMENTASI

BOOTSRAP PADA SISTEM PENDAFTARAN SISWA BARU BERBASIS

WEB (Studi kasus: SMA BOPKRI BANGUNTAPAN)” .

B. Rumusan Masalah

Berdasarkan uraian di atas maka dapat dirumuskan masalah yaitu:

Bagaimana membangun Sistem Pendaftaran Siswa Baru berbasis web di SMA

Bopkri Banguntapanmenggunakan framework Bootsrap?

C. Ruang Lingkup

Agar permasalahan dapat diatasi denga baik dan terarah pada tujuian yang

di inginkan, maka penulis membuat batas masalah sistem PSB. Adapun batas

masalah yang dibahas laporan ini adalah berikut :

1. Aplikasi difokuskan pada PSB (Penerimaan siswa baru) dan

informasi tentang sekolah seperti profil sekolah, pengumuman hasil

tes, berita tentang penerimaan siswa baru.

2. Di aplikasi ini akan disediakan notif pemberitahuan untuk panitia

seleksi yang megelolah pendaftaran online tersebut sehingga

prosesnya dapat dilakukan dengan cepat dan terdapat juga biodata

dari Panitia seleksi tersebut sehingga dapat bertanggung jawab dalam

memproses pendaftaran online.

3. Seleksi calon peserta didik baru dilakukan berdasarkan jumlah rata-

rata nilai ijasah yang di upload oleh calon siswa dari sekolah asal.

4. Aplikasi ini dapat di akses 3 user yaitu :

 Admin (dari pihak sekolah)

 Panitia seleksi (dari pihak sekolah)

 Calon siswa (sebagai pendaftar).

D. Tujuan penelitian

Tujuan dari penelitian ini adalah membuat sistem pendaftaran siswa baru

berbasis Website di SMA Bopkri Banguntapan menggunakan framework

bootstrap.

E. Tinjauan Pustaka

Dalam penelitia ini, menggunakan beberapa sumber referensi sebagai berikut :

Penelitian tentang pendaftaran penerimaan siswa baru pernah dilakukan

oleh Ika Yuniva dan Ahmad Syafi’i pada tahun 2018 yang berjudul, pendekan

model waterfall dalam perancangan web sistem informasi penerimaan siswa baru

menggunakan framework bootstrap pada (studi kasus : MTS Nurul Hikmah

Tangerang). dalam penelitiaan ini menjelaskan MTS Nurul Hikmah Tangerang

memiliki visi dan misi mewujudkan madrasah yang berstandar nasional dan

mewujudkan pendidikan yang berkualitas dalam teknologi dan keagamaan.

Disetiap tahun penerimaan calon siswa baru di sekolah ini masih dilakukan secara

konvensional, yaitu menggunakan formulir pendaftaran dan pembuatan laporan

siswa masih menggunakan buku induk sebagai media penyimpanan data siswa.

Dengan adanya rancangan sistem informasi penerimaan siswa baru berbasis web

ini diharapkan dapat mempermudah pihak madrasah dalam proses penerimaan

siswa baru dan pengolahan data laporannya.

Penelitian tentang pendaftaran penerimaan siswa baru pernah dilakukan

oleh Muhtajuddin Danny pada tahun 2019, yang berjudul perancangan sistem

informasi penerimaan siswa baru berbasis website pada (studi kasus : TK AL

Mujahiddin). dalam penelitiaan ini peneliti merancang web site dengan

menggunakan konsep bersifat object oriented programming (OOP) dalam

pemodelah unified modeling language (UML). dimana program akan dirancang

dengan konsep pendekatan oriented object yang saling terhubung sebagai

kumpulan objek menjadi satu kesatuan. Dimana program ini mempresentasikan

dunia nyata sebagai model untuk mengoperasikan program kepada penggunanya,

sehingga lebih komplek. Perancangan website untuk TK AL-Mujahidin, memiliki

tujuan untuk memenuhi kebutuhan kebutuhan yang ada dalam mengelola proses

penerimaan dan media untuk memperoleh informasi lebih rinci tentang TK AL-

Mujahidin.

Penelitian tentang pendaftaran penerimaan siswa baru pernah dilakukan

oleh Khana Wijaya, Rishi Supriyanto dan Endi Istiawan pada tahun 2020, yang

berjudul Implementasi framework bootstrap dalam perancangan sistem

penerimaan mahasiswa baru pada (Studi kasus : sekolah tinggi ilmu tarbiyah al-

quran al-ittifaqiah (STITQI) indraalaya) berbasis web. Dalam penelitian ini

menjelaskan mahasiswa yang baru mendaftar di kampus STITQI, mayoritas

berasal dari luar kota. Nama karena proses penerimaan mahasiswa baru yang

masih menggunakan sistem konvensional, sehingga calon mahasiswa yang berasal

dari luar kota terkadang kesulitan untuk mendapat informasi dan melakukan

proses pendaftaran.

Salah satu upaya untuk memperbaiki proses PMB dan meningkatkan pelayanan

kepada calon mahasiswa, maka dibutuhkan sebuah sistem yang dapat melakukan
 proses PMB yang tidak dibatasi oleh tempat. Salah satu teknologi yang dapat

menyelesaikan permasalah itu adalah dengan memanfaatkan teknologi website.

Peneliotian tentang pendaftaran penerimaan siswa baru pernah dilakukan

oleh Evinita dan Maulana Wijayanto pada tahun 2021 yang berjudul sistem

informasi penerimaan peserta didik baru online pada (Studi kasus : SMK Nasional

Pati). dalam penelitian ini menjelaskan tentang SMK Nasional Pati yang masih

menggunakan sistem yang kurang memadai dalam proses pendekatan penerimaan

siswa baru. Dari permasalah tersebut maka dibutuhkan sebuah sistem yang

mampu menangani proses penerimaan peserta didik baru secara lebih efektif dan

efisien sehingga mampu mempermudah pendataan, perangkingan berdasarkan

nilai UN secara otomatis, mengurangi penggunaan kertas, mengurangi kecurangan

yang kerap muncul setiap musim penerimaan siswa baru dan diharapkan dapat

mengatasi hambatan - hambatan yang dialami baik oleh panitia penerimaan siswa

baru maupun siswa itu sendiri.

Tabel 1 Perbandingan Tinjauan Pustaka

No Penulis Tahun Judul Bahasa Deskripsi

Pemrograman
1. Ika Yuniva, 2018 Pendekatan Model PHP dan Rancangan Web sistem
Ahmad Syafi’i Waterfall Dalam HTML, informasi penerimaan
Perancangan Web Sistem MYSQL, siswa baru ini
Informasi Penerimaan BOOTSTRA diharapkan dapat
Siswa Baru P memudahkan pihak
Menggunakan madrasah dalam
Framework Bootstrap pembuatan
(Studi Kasus :MTs Nurul laporan data siswa baru
Hikmah Tangerang) dan mempermudah
pengolahan data
pendaftaran dan
pembayaran serta
 meminimalisir
kesalahan

2.. Muhtajuddin 2019 Perancangan Sistem MySQL, sistem informasi

Danny Informasi Penerimaan PHP, HTML, website penerimaan
Siswa Baru Berbasis BOOTSTRA siswa baru di TK Al
Website (Studi kasus : Di P Mujahidin, dapat
TK AL Mujahidin) mempermudah
penyampaian informasi
dan mengurangi
penumpukkan berkas
siswa, sekaligus
menjadi media
informasi tentang
profile sekolah,
pendaftaran/ syarat
pendaftaran, dan juga
jadwal kelas.
3. Khana Wijaya, 2020 Implementasi Framework PHP, Rancangan sistem
Rishi Bootstrap Dalam MYSQL, penerimaan mahasiswa
Supariyanto, Perancangan Sistem BOOTSTRA baru ini dapat
Endi Istiawan Penerimaan Mahasiswa P memberikan
Baru Pada Sekolah kemudahan bagi
Tinggi Ilmu Tarbiyah Al- Sekolah Tinggi Ilmu
Quran Al-Ittifaqiah Tarbiyah
(STITQI) Indraalaya Al-Quran Al-Ittifaqiah
Berbasis Web (STITQI) Indralaya
untuk mendapatkan
informasi dan
melakukan proses
pendaftaran. Serta untuk
meningkatkan
pelayanan kepada calon
mahasiswa
4. Evanita, 2021 Sistem Informasi PHP, Sistem aplikasi
Maulana Penerimaan Pes BOOTSTRA Penerimaan Peserta
Wijayanto erta Didik Baru Online P, Didik Baru Berbasis
pada (Studi kasus : SMK MySQL Online dibuat untuk
Nasional Pati) dapat
memudahkan pihak
SMK Nasional Pati
dalam pengelolaan dan
pengolahan data
calon peserta didik baru
 dan juga untuk
dapat menangani
proses penerimaan
calon siswa secara lebih
efisien dan efektif.
5. Maria Deflora 2022 Implementasi Bootsrap BOOTSTRA
Meo pada sistem penerimaan P, PHP
siswa baru berbasis web
(studi kasus SMA Bopkri
Banguntapan)

F. Analisis Kebutuhan

1. Kebutuhan masukan sistem

Masukan yang dibutuhkan :

a. Admin (dari pihak sekolah)

Input data berita, data jurusan,input data panitia seleksi.

b. Panitia seleksi (dari pihak sekolah)

Input data siswa, input data pengumuman.

c. Calon siswa

Input data daftar, input data siswa, input data registrasi.

2. Kebutuhan proses sistem

a) Proses calon siswa dalam sistem sebagian berikut :

1. Melakukan daftar akun.

2. Melakukan login

3. Input data pendaftaran seperti nama, tanggal lahir, tempat

lahir, alamat, agama, jenis kelamin, upload ijaza, email,

nomor telepon.

4. Lihat hasil mengumuman seleksi

 5. Registrasi data seperti nama sekolah, alamat sekolah, status

sekolah, nama orang tua, pekerjaan orang tua, penghasilan

oranga tua, dan dll.

6. Cetak surat penerimaan siswa baru

b) Proses panitia seleksi dalam sistem sebagian berikut :

1. Melakukan login.

2. Lihat data calon siswa untuk melakukan seleksi berdasarkan

ijaza yang di upload oleh calon siswa.

3. Inpuat data pengumuman hasil seleksi.

4. Input data siswa apa bilah siswa datang ke sekolah untuk

mendaftar.

c) Proses admin dalam sistem sebagian berikut :

1. Melakukan login

2. Input data panitia seleksi untuk mendapatkan akses login,

apa bilah di butukan menambahkan panitia selaksi dari

pihak sekolah.

3. Input data jurusan berdasarkan kota dari tiap-tiap jurusan.

4. Input data berita

5. Lihat data pendaftar

3. Kebutuhan keluaran sistem

Analisis kebutuhan keluaran pada sistem adalah :

a. Admin
 Melihat informasi berita, melihat informasi jurusan, melihat

informasi panitia seleksi, melihat informasi pendaftar.

b. Panitia seleksi

Melihat informasi data calon pendaftaar, melihat informasi registrasi

siswa, melihat informasi pengumuman.

c. Calon siswa

Melihat informasi berita, melihat informasi jurusan, melihat

informasi pengumuman, melihat profil siswa.

4. Kebutuhan perangkat lunak

a. Sistem Operasi : Windows 10 64 Bit

b. WebServer : Xampp

c. TexEditor : Vscode

d. Pemodelan : UML

e. Basis Bahasa : PHP

f. Broswer : Google Chrome

5. Kebutuhan perangkat keras

a. Processor : Intel Core i3 500U

b. Memori : 4GB DDR3L

c. Penyimpanan : HDD 500GB

d.

G. Pemodelan Yang Digunakan

1. Usecase Diagram
 Gambar 1.2 usecase diagram

Berdasarkan gambar usecase diagram di atas kita bisa melihat ada tiga aktor

yaitu sebagian berikut:

1. )Calon siswa :

Calon siswa dapat melihat informasi berita tentang sekolah dan juga melihat

infomasi tentang jurusan IPA dan IPS berdasarkan batasan kuota yang di terima

tiap-tiap jurusan sebagai informasi kepada calon siswa, selain itu calon siswa

juga dapat melakukan daftra atau pembuatan akun untuk login, setelah

pembuatan akun selesai calon siswa dapat melakukan login apa bilah username

dan password tidak sesuai maka dikembalikan ke form login, apa bilah username

dan password benar maka berhasil untuk login, setelah melakukan login, calon

siswa dapa melakukan pendaftara seperti input data calon siswa, nama, tanggal

lahir, tempat lahir, alamat, agama, jenis kelamin, upload ijaza, email, nomor hp,
dan data siswa ini untuk dilakukan seleksi berkas dari pihak sekolah atau tim

panitia seleksi, berdasarkan ijaza yang di upload, setelah calon siswa melakukan

input data siswa, siswa dapat melihat hasil seleksih di pengumuman apa bilah

siswa tidak di terima maka siswa langsung keluar dari sistem PSB atau logout,

apa bila siswa di terima maka siswa dapat melakukan registrasi, seperti nama

sekolah, alamat sekolah, status sekolah, nama orang tua, pekerjaan orang tua,

alamat orang tua, penghasilan orang tua, dan dokumen lainnya, dan siswa juga

dapat melihat profil seperti username, password, emali, selain itu siswa dapat

melakukan logout dari sistem PSB tersebut.

2. )Panitia seleksi :

Penitia seleksih dapat melihta data calon siswa yang di inputkan oleh calon siswa,

sebagai bahan untuk seleksi berkas apa bilah memenuhi syarat atau tidak, maka

panitia seleksi melakukan input data pengumuman sebagai informasi kepeda

calon siswa, panitia seleksi juga dapat melihat data registrasi calon siswa dan

jumalah yang diterima berdasarkan kuota yang di tentukan dari tiap-tiap jurusan,

panitia seleksi juga mencetak laporan calon siswa yang mendaftra dan laporan

data registrasi calon siswa yang diterima.

3. )Admin :

Admin dapat menginput data jurusan, data berita, data panitia seleksi, data

jurusan sabagi informasi kepada calon siswa jumlah kouta yang di terima tiap-

tiap jurusan, dan data barita ini sabagai informasi kepada calon siswa agar calon

siswa dapat melihat fasilitas sekolah tersebut, data panitia seleksi ini untuk

membarikan hak akses kepeda panitia seleksi seperti password dan username,

admin dapat mencetak laporan data jurusan, data panitia seleksi, data barita.
H. Daftar Pustaka

DAFTAR PUSTAKA

Evanita, Maulana Wijayanto, 2021 Sistem Informasi Penerimaan Peserta Didik

Baru Online pada (Studi kasus : SMK Nasional Pati)

Ika Yuniva Ahmad Syafi’i, 2018 Pendekatan Model Waterfall Dalam

Perancangan Web Sistem Informasi Penerimaan Siswa Baru

Menggunakan Framework Bootstrap (Studi Kasus Pada MTs Nurul

Hikmah Tangerang).

Khana Wijaya, Rishi Supariyanto, Endi Istiawan, 2020 Implementasi

Framework Bootstrap Dalam Perancangan Sistem Penerimaan

Mahasiswa Baru berbasis web (Studi kasus : Sekolah Tinggi Ilmu Tarbiyah Al-

Quran Al- Ittifaqiah (STITQI) Indraalaya)

Muhtajuddin Danny, 2019 Perancangan Sistem Informasi Penerimaan Siswa

Baru Berbasis Website (Studi kasus : Di TK AL Mujahidin)