JURNAL COMASIE - VOL. 04 NO.

04 (2021)

Terbit online pada laman web jurnal : http://ejournal.upbatam.ac.id/index.php/comasiejournal

Jurnal Comasie
ISSN (Online) 27156265

RANCANG BANGUN SISTEM INFORMASI PENERIMAAN PESERTA

DIDIK BARU YAYASAN JAYA MANGGALA SCHOOL BERBASIS WEB

Ruben Alpha Salomo Lumban Tobing1

Amrizal2l
1Mahasiswa Program Studi Sistem Infromasi, Universitas Puteral Batam
2Dosenl Program Studi Sistem Informasi, Universitas Puteral Batam
email:ll pb141510131@upbatam.ac.idl

ABSTRACT

Dhamma Sasana School is a school under the auspices of the Jaya Manggala foundation
which was established in 2017, which has a problem in the registration process, namely
the registration process does not have a website and still uses the old and manual
registration procedure. The aim of this research is to transform the old and manual
registration system into an effective website, can be accessed anywhere, easily gets
instant information and verifies student data accurately, quickly and safely. The research
method used is the Waterfall method. This method is an ordered method to develop
existing systems on the website. This research resulted in the registration process for
prospective students and the verification process going online. The system for building
websites is by using the programming language PHP5, Javascript, MySQL Database,
Notepad ++ Text Editor and the Bootstrap Framework. The conclusion from the
researchers is that with the existence of a website, schools can streamline school
expenditure, making it easier for parents to register their children only through the internet
and the committee both in storing and verifying prospective student data.

Keywords:l PPDB online, Website, Waterfall, Php5, Javascript, MySql

PENDAHULUAN terapkan didalam pendaftaran siswa

Transformasi Teknologi informasi baru di di hampir seluruh sekolah di
di era globalisasi saat ini telah Indonesia, seperti contohnya yaitu
mengalami kemajuan yang signifikan. pelaksanaan Penerimaan Peserta Didik
Teknologi informasi merupakan Baru(PPDB) secara daring.
instrumen transmisi, mengolah dan Dhamma Sasana School
menyajikan informasi ke media internet merupakan sekolah dibawah naungan
menjadi dalam bermacam bentuk format yayasan Jaya Manggala memiliki
yang bermanfaat bagi pemakainya. lembaga pendidikan formal yang terdiri
Pemanfaatan perkembangan teknologi dari TK dan SD. karena sekolah ini
informasi salah satunya dalam bidang belum memiliki website sebagai proses
pendidikan sudah banyak digunakan pendaftaran siswanya dan masih
oleh sekolah-sekolah di Indonesia, menggunakan prosedur yang lama dan
adapun pemanfaatan perkembangan pendaftaran manual.
teknologi informasi tersebut sudah di Adapun permasalahannya proses
pendaftaran yang lama bagi orang tua
59
 JURNAL COMASIE - VOL. 04 NO. 04 (2021)

siswa yaitu orang tua calon siswa harus salah penyusunan, pencarian formulir
datang ke sekolah untuk melihat pendaftaran calon siswa yang sangat
persyaratan dan informasi lama apabila saat diperlukan, dan
pendaftarannya kesekolah, formulir kekurangan lahan untuk menyimpan
pendaftaran masih berupa kertas dan formulir ataupun berkas calon siswa
tulis tangan, membawa berkas-berkas dalam bentuk kertas fisik apabila
pendukung calon siswa berupa fisik, dan pendaftaran masih menggunakan
melihat hasil pengumuman siswa yang prosedur manual secara berlanjut.
diterima disekolah. Hal ini tentu saja Oleh karena itu perlu ada sebuah
membuang tenaga dan waktu para orang sistem informasi dan website untuk
tua calon siswa. mempermudah masalah yang dialami
Begitupun dengan proses orang tua calon siswa dan panitia
penerimaan yang dilakukan oleh panitia, sekolah yang telah penulis uraikan
juga memiliki permasalahan dalam diatas. Sehingga dengan adanya
proses verifikasi dan penyimpanannya. Website, baik orang tua dan panitia
Adapun detail permasalahan pada mudah melakukan pengaksesan sistem
proses verifikasinya yaitu panitia harus informasi PPDB secara daring setiap
memeriksa lembar demi lembar kertas saat dan dimanapun berada.
formulir calon siswa dan berkas-berkas Berdasarkan latar belakang yang
data calon siswa sesuai persyaratan sudah diuraikan di atas maka peneliti
sekolah. Begitu juga dengan proses tertarik melakukan penelitian yang
penyimpanan, panitia harus mengangkat “Rancang Bangun Sistem Informasi
beban formulir dan berkas yang sangat Penerimaan Peserta Didik Baru
banyak untuk disimpan dilemari Yayasan Jaya Manggala School
penyimpanan, terjadinya kehilangan Berbasis Web”.
berkas dan formulir calon siswa akibat
2.3 Aliran Sistem Informasi Yang
KAJIANl TEORI Baru
2.1 Perancangan Sistem Disebut juga denah alir sistem
Prosedur untuk menyusun merupakan denah yang
sebuah sistem guna memberikan mendeskripsikan aliran pekerjaan
kepuasan akan spesifikasi kebutuhan secara keseluruhan dari sistem.
fungsionalitas, memenuhi kebutuhan System flow menunjukan rentetan-
secara tersirat atau jelas dari sisi rentetan dari prosedur yang terdapat
performa maupun penggunaan di sistem dan menunjukkan apa yang
sumber daya, memenuhi target, diatur oleh sistem. (Jaya, 2016).
batasan kepuasan pada proses
desain dari sisi pembiayaan, waktu, 2.4 Model Waterfall
dan perangkat terhadap Model Waterfall merupakan
penggunanya disebut juga dengan model linear yang memiliki langkah-
perancangan sistem. (Rahmawati, langkah pengembangan system yang
2019). terstruktur yaitu Requirements,
Design, Implementation, Verification,
2.2 Sistem Informasi dan Maintenance (Masykur, 2014).
Menurut Ayu and Perdana
(Wahyudi et al., 2019) Sistem
informasi yaitu gabungan elemen-
elemen yang berguna untuk
mengumpulkan, memproses, dan
meny informasi untuk mencapai hasil
tujuan tertentu.

60
 JURNAL COMASIE - VOL. 04 NO. 04 (2021)

pemrograman PHP yang digunakan

untuk mengurusi administrasi MySQL
melalui World Wide Web. (Susilo,
2018).

2.9 PHP
PHP merupakan akronim dari
Hypertext Preprocessor merupakan
bahasa pemrograman yang biasanya
digunakan khusus membuat atau
mengembangkan suatu website
dinamis (Hayat et al., 2019).
Gambar 1. Tahapan Waterfall
(Data Penelitian, 2014) 2.10 MySQL
MySQL merupakan program
2.5 UML (Unified Modelling software atau perangkat lunak yang
Language) berfungsi sebagai penyimpanan data
UML (Unified Modelling atau Database Server. lainnya..
Language) merupakan salah satu (Hayat et al., 2019).
standar bahasa yang selalu
digunakan di dunia sistem informasi 2.11 CSS (Cascading Style Sheet)
untuk menentukan hasil gambaran, CSS atau akronim dari
rancangan, mendokumentasikan Cascading Style Sheets merupakan
artifak (bagian dari informasi yang satuan atau gabungan kode yang
dipakai dalam suatu proses perakitan yang tersinkron dalam HTML dan
software) yang diinginkan, bertujuan untuk menggantikan gaya
menggambarkan arsitektur didalam atau tampilan dari sebuah halaman
pemrograman berorientasi objek website. (Afisina et al., 2020).
serta membuat analisis & desain
(Nugraha et al., 2018) 2.12 HTML (Hypertext Markup
Language)
2.6 PPDB (Penerimaan Peserta HTML (Hypertext Markup
Didik Baru) Language) merupakan bahasa
Penerimaan Peserta Didik standar yang dipakai untuk
Baru (PPDB) merupakan tahap menampilkan konten-konten seperti
awal yang dilakukan pelaksana gambar, suara, video dan lainnya
lembaga pendidikan yang dimulai pada halaman website (Mariko,
dari tingkat dasar sampai tingkat 2019).
tinggi (Hidayat et al., 2020).

2.7 Website 2.13 XAMPP (X Apache MySQL

Website atau akrab disebut PHP Perl)
sebagai situs Web merupakan XAMPP merupakan singkatan
peramban yang berisi sumber dari X (empat sistem operasi
informasi saling terhubung, teks, apapun), Apache, MySQL, PHP dan
gambar, gambar bergerak, video, Perl. Program ini tersedia dalam GNU
atau macam-macam file lainnya. General Public License dan bebas,
(Harman et al., 2015). merupakan webserver yang mudah
dipakai dan dapat melayani tampilan
2.8 Phpmyadmin halaman web yang dinamis (Soer &
Phpmyadmin merupakan Wahyudi, 2015).
software yang ditulis secara bebas
oleh pengguna dalam bahasa
61
 JURNAL COMASIE - VOL. 04 NO. 04 (2021)

2.14 Javascript Pada tahap ini peneliti

Menurut Lavarino & Yustanti menggunakan model UML (Unified
(Mariko, 2019) Javascript merupakan Modelling Language) sebagai desain
bahasa pemrograman berisi sistem perangkat lunak karena
kumpulan-kumpulan script yang rancangan perangkat lunak ini
berjalan pada suatu dokumen. bersifat pemrograman berorientasi
objek.
METODEl PENELITIAN
3. Verification, Implementation
Untuk mengembangkan sistem and unit testing
dibutuhkan metode atau tahapan- Pada tahapan ini bertujuan
tahapan pengembangan demi untuk mengidentifikasi dan
menghasilkan sistem yang terkontrol. menemukan kesalahan-kesalahan
Metode dasar yang umum digunakan atau error terhadap pengkodean
dalam pengembangan sistem adalah perangkat lunak dan kemudian
metode system development life diperbaiki.
cycle (SDLC) yang memiliki beberapa
submetode yaitu Metode Waterfall, 4. Integration & Testing
metode Prototipe, metode Rapid Tahap ini sebenarnya bisa
Application Development dan metode dibilang tahap akhir, karena setiap
Iterative. Adapun metode yang unit program akan diintegrasikan dan
dipakai peneliti adalah metode dilakukan pengujian.
Waterfall. Metode Waterfall
menyediakan langkah 5. Maintenance
pengembangan perangkat lunak Setelah pengujian perangkat
secara terurut dimulai dari lunak dikatakan berhasil, selanjutnya
requirement, design, implementation, melakukan proses Maintenance atau
verification, maintenance. Tahapan pemeliharaan baik itu dari segi
metode Waterfall dapat dilihat pada sistem maupun keinginan pembaruan
gambar 3.1 dibawah ini. informasi yang diinginkan user.

HASIL DAN PEMBAHASAN

4.1 Analisa Sistem Yang Baru

Sistem yang akan dirancang
bertujuan untuk memperbaiki sistem
yang sebelumnya, adapun proses
implementasi sistem yang baru
sebagai berikut:
Gambar 2. Tahapan metode
a. Sistem dapat mendaftarkan
Waterfall
pengguna baru.
1. Requirement Analysis
b. Sistem dapat menampilkan calon
Pada tahap ini penulis mencari
siswa yang mendaftar.
informasi dengan cara
c. Sistem dapat melakukan verifikasi
menginterograsikan wawancara
berkas calon siswa.
terhadap user tentang kekurangan
d. Sistem dapat membuat laporan
perangkat lunak. Informasi dianalisis
calon siswa yang telah diterima.
untuk mendapatkan data yang
e. Sistem dapat menyimpan data
dibutuhkan oleh user.
pengguna di database.
2. System Design

62
 JURNAL COMASIE - VOL. 04 NO. 04 (2021)

4.1.1 Aliran Sistem Informasi Yang

Baru
Berikut ini penulis akan
menjelaskan fungsionalitas masing-
masing pengguna sistem pada aliran
sistem informasi yang baru:

1. Orang tua Calon Siswa

a. Orang tua calon siswa
masuk ke website sekolah
Dhamma Sasana School,
lalu mengisi formulir
pendaftaran akun.
b. Setelah mengisi formulir
pendaftaran akun, orang tua
melakukan login agar bisa
masuk ke menu calon
siswa.
c. Lalu untuk melakukan
pendaftaran, orang tua
memilih menu form
pendaftaran dan mulai Gambar 3. Aliran Sistem Informasi
mengisi biodata calon Yang Baru
siswa. (Data Penelitian, 2020)
d. Setelah mengisi biodata,
orang tua harus memilih 4.1.2 Use Case
menu unggah berkas dan Use case merupaka sebuah
melakukan pengunggahan aktifitas atau interaksi yang saling
berkas-berkas pendukung berkesinambungan antara aktor dan
calon siswa. juga sistem. Berikut ini adalah
e. Orang tua menunggu hasil aktifitas aktor dengan sistem pada
verifikasi. Dhamma Sasana School:
2. Admin
a. Login ke menu admin.
b. Melakukan verifikasi
3. Kepala Sekolah.
a. Melihat kembali data
verifikasi siswa yang
diterima.
Berikut dibawah ini gambar dari
aliran sistem informasi yang baru:

Gambar 4. Use Case

(Data Penelitian, 2020)

63
 JURNAL COMASIE - VOL. 04 NO. 04 (2021)

4.1.3 Class Diagram

Diagram kelas berfungsi
menggambarkan diagram yang
digunakan untuk menampilkan alur
jalannya database di sebuah sistem
antar kelas beserta atribut yang ada
dalam sistem informasi atau
perangkat lunak yang dikembangkan.
Berikut ini adalah diagram kelas pada
Dhamma Sasana School:

Gambar 6. Rancangan Formulir

(Data Penelitian, 2020)
Gambar 5. Class Diagram 2. Rancangan Layar Masukkan
(Data Penelitian, 2020) Rancangan layar masukan ini
berfungsi menampilkan rancangan
4.2 Disain Rinci antar muka yang akan digunakan
Disain rinci merupakan disain oleh pemakai website Dhamma
yang dibuat oleh penulis untuk Sasana School untuk menginput data
membuat rancangan website kedalam sistem. Berikut ini akan
Dhamma Sasana School untuk penulis jelaskan tentang fungsi-fungsi
menghasilkan tampilan yang mudah tampilan rancangan antar muka yang
dimengerti oleh pengguna dan ada diwebsite:
output/input yang baik. Adapun a. Halaman Beranda
desain rinci yang dibuat yakni
sebagai berikut:

1. Rancangan Formulir
Rancangan ini dibuat untuk
membuat input dari biodata calon
siswa, adapun gambar rancangan
formulir sebagai berikut: Gambar 7. Halaman Beranda
(Data Penelitian, 2020)

b. Halaman Login

64
 JURNAL COMASIE - VOL. 04 NO. 04 (2021)

(Data Penelitian, 2020)

f. Halaman Biodata (Calon

Siswa)

Gambar 8. Halaman Login

(Data Penelitian, 2020)

c. Halaman Foto Galeri

Gambar 12. Halaman Biodata
(Calon Siswa)
(Data Penelitian, 2020)

g. Halaman Upload berkas (Calon

Siswa)

Gambar 9. Halaman Foto Galeri

(Data Penelitian, 2020) Gambar 13. Halaman Upload
Berkas (Calon Siswa)
d. Halaman Hubungi Kami (Data Penelitian, 2020)

h. Halaman Dashboard (Admin)

Gambar 10. Halaman Hubungi Gambar 14. Halaman Upload

Kami Berkas (Calon Siswa)
(Data Penelitian, 2020) (Data Penelitian, 2020)

e. Halaman Dashboard Calon i. Halaman Data Akun (Admin)

Siswa

Gambar 15. Halaman Data Akun

Gambar 11. Halaman Dashboard (Admin)
(Calon Siswa)
(Data Penelitian, 2020)
65
 JURNAL COMASIE - VOL. 04 NO. 04 (2021)

(Data Penelitian, 2020)

j. Halaman Data Siswa (Admin)
3. Rancangan Laporan
Rancangan laporan merupakan
rancangan berupa hasil output dari
hasil formulir pendaftaran calon
siswa. Berikut adalah gambar dari
output formulir pendaftaran calon
Gambar 16. Halaman Data Siswa siswa pada sekolah Dhamma Sasana
(Admin) School meliputi:
a. Laporan Biodata Calon Siswa
(Data Penelitian, 2020)

k. Halaman Dashboard (Kepala

Sekolah)

Gambar 18. Output Biodata Calon

Siswa
Gambar 17. Halaman Dashboard
(Data Penelitian, 2020)
(Kepala Sekolah)
Xampp, Notepad++, dan
SIMPULAN MySql. Hardware seperti Pc
Berdasarkan hasil dari yang terkoneksi dengan
penelitian yang dilakukan di Dhamma jaringan internet.
Sasana School dengan adanya
sistem informasi berbasis website, DAFTARl PUSTAKA
penulis dapat menganalisis dan Afisina, A., Rahman, A., Rizal, A., &
menyimpulkan hasil dari penelitian Rakhmawati, N. A. (2020). Studi
sebagai berikut: Empiris Penggunaan Framework
Pada Website Empirical Studies
a. Untuk merancang dan Framework Usage Region. 5(2),
membangun sistem
93–101.
informasi penerimaan
Harman, R., Kom, S., & Si, M. (2015).
peserta didik baru berbasis
Rika Harman, S.Kom., M.SI.
website pada Dhamma
2015. 3(2), 102–132.
Sasana School maka
Hayat, A., Hia, E. E., Tusyadyah, D.
diperlukan metode
H., Studi, P., Akuntansi, K.,
Waterfall, menghasilkan
Raharja, U., Studi, P., Informasi,
beberapa tabel meliputi
S., Raharja, U., & Kunci, K.
user, pendaftaran, berkas,
(2019). MENGGUNAKAN
pekerjaan, calon siswa dan
FRAMEWORK LARAVEL
siswa yang mendapatkan
PADA. 5(2).
laporan biodata calon
Hidayat, T., Muttaqin, M., &
siswa. Djamaludin, D. (2020). Sistem
b. Untuk Informasi Penerimaan Peserta
mengimplementasikan Didik Baru Online Berbasis
sistem informasi Website di Yayasan Pendidikan
penerimaan peserta didik Arya Jaya Sentika. Komputika :
baru berbasis website pada Jurnal Sistem Komputer, 9(1),
Dhamma Sasana School 7–14.
maka diperlukan software https://doi.org/10.34010/komputi
seperti Php5, Javascript,
66
 JURNAL COMASIE - VOL. 04 NO. 04 (2021)

ka.v9i1.2750 Metode Waterfall. InfoTekJar (Jurnal

Jaya, E. A. (2016). Perancangan Nasional Informatika Dan Teknologi
Sistem Informasi Persediaan Jaringan), 2(2), 98–105.
Stock Parfum Dengan https://doi.org/10.30743/infotekjar.v2i
Menggunakan Bahasa 2.171
Pemograman Visual Basic.Net Wahyudi, I., Bahri, S., & Handayani,
Dan Database Access Pada P. (2019). Aplikasi Pembelajaran
Toko Gofha Perfume. Jurnal Pengenalan Budaya Indonesia. V(1),
Sains Dan Teknologi: Jurnal 135–138.
Keilmuan Dan Aplikasi https://doi.org/10.31294/jtk.v4i2
Teknologi Industri, 16(2), 158.
https://doi.org/10.36275/stsp.v1
6i2.45 Biodata,
Mariko, S. (2019). Aplikasi website Penulis pertama,
berbasis HTML dan JavaScript Ruben Alpha Salomo
untuk menyelesaikan fungsi
Lumban Tobing,
integral pada mata kuliah
kalkulus. Jurnal Inovasi merupakan
Teknologi Pendidikan, 6(1), 80– mahasiswa Prodi
91. Sistem Informasi
https://doi.org/10.21831/jitp.v6i1. Universitas Putera
22280 Batam.
Masykur, F. (2014). Implementasi
Biodata
Sistem Informasi Geografis
Menggunakan Google Maps Api Penulis kedua, bapak
Dalam Pemetaan Asal Nopriadi, merupakan
Mahasiswa. Jurnal SIMETRIS, Dosen Prodi Sistem
5(2), 181–186. Informasi Universitas
Nugraha, W., Syarif, M., & Putera Batam.
Dharmawan, W. S. (2018). Penulis banyak
Penerapan Metode Sdlc berkecimpung di
Waterfall Dalam Sistem bidang keamanan
Informasi. Nugraha, Wahyu sistem informasi.
Syarif, Muhamad Weiskhy
Steven Dharmawan, 03(01), 23–
29.
Rahmawati, D. (2019). Analisis Faktor
Faktor yang Berpengaruh
Terhadap Pemanfaatan
Teknologi Informasi. Jurnal
Ekonomi Dan Pendidikan, 5(1),
107–118.
https://doi.org/10.21831/jep.v5i1
.606
Soer, U. D., & Wahyudi. (2015).
Perancangan Sistem Informasi
Peminjaman Buku
Perpustakaan SMAN 2 Cikarang
Utara Menggunakan PHP DAN
MySQL. Perancangan Sistem,
3(1), 40–48.
Susilo, M. (2018). Rancang Bangun
Website Toko Online Menggunakan
67