PERANCANGAN APLIKASI PENDAFTARAN SISWA BARU SECARA ONLINE

PADA SMA YP.NURUL AMALIYAH TANJUNG MORAWA MENGGUNAKAN

PHP DAN MYSQL DENGAN METODE WATERFALL

Muhammad Ikram
Politeknik Ganesha Medan
Jl.Bt.Kuis Psr III Tg.Morawa
Muhammadikram799@gmail.com

Abstrak Perkembangan teknologi informasi didalam era globalisasi saat ini sangatlah berkembang dengan sangat
pesat. Hal ini internet yang merupakan bagian teknologi informasi memberi keuntungan dan kualitas terhadap dunia
pendidikan, melalui internet seseorang dapat mengetahui berbagai informasi mengenai lembaga instansi pendidikan yang
sesuai dengan apa yang dikehendaki, baik itu sekolah, maupun universitas, lembaga pendidikan seperti SMA YP.Nurul
Amaliyah Tanjung Morawa sangatlah memerlukan kemajuan teknologi dalam bidang pendaftaran siswa baru. SMA
YP.Nurul Amaliyah Tanjung Morawa masih menggunakan sistem pendaftaran manual dengan cara masih harus
mengisi formulir pendaftaran siswa baru secara langsung, sistem ini tidak dapat menampung minat calon siswa
baru yang ingin mendaftar dan mempersulit calon siswa baru dengan keterbatasan waktu untuk mendaftar secara
langsung. Sehubungan dengan alasan diatas, Penulis mencoba merancang aplikasi pendaftaran siswa baru secara
online.

Kata Kunci : Website, PHP, MySQL, Waterfall, Pendaftaran

I. PENDAHULUAN baru yang ingin mendaftar dan mempersulit calon

Perkembangan teknologi informasi didalam
era globalisasi saat ini sangatlah berkembang dengan
sangat pesat. Seiring dengan berkembangnya
teknologi informasi ini, salah satu aspek yang tidak
bisa terlepas dari hal tersebut ialah aspek pendidikan.
Dalam hal ini teknologi informasi berperan penting
dalam meningkatkan mutu dan kualitas pendidikan di
Indonesia. Hal ini internet yang merupakan bagian
teknologi informasi memberi keuntungan dan kualitas
terhadap dunia pendidikan. Internet merupakan sarana
media teknologi umum yang efektif dan banyak diminati
masyarakat. Melalui internet seseorang dapat
mengetahui berbagai informasi mengenai lembaga
instansi pendidikan yang sesuai dengan apa yang
dikehendaki, baik itu sekolah, maupun perguruan tinggi,
lembaga pendidikan seperti SMA YP.Nurul Amaliyah
Tanjung Morawa sangatlah memerlukan kemajuan
teknologi dalam bidang pendaftaran siswa baru.
SMA YP.Nurul Amaliyah Tanjung Morawa
adalah lembaga yang bergerak dibidang pendidikan
yang memerlukan pengolahan data dalam bidang
pendaftaran yang lebih efesien, serta sangat perlu
untuk menyesuaikan diri sebagai lembaga pendidikan
dengan perkembangan teknologi informasi yang
semakin berkembang pesat guna mempermudah
sistem yang berjalan dan menarik minat masyarakat
pada SMA YP Nurul Amaliyah Tanjung Morawa.
SMA YP.Nurul Amaliyah Tanjung Morawa
masih menggunakan sistem pendaftaran manual
dengan cara masih harus mengisi formulir
pendaftran siswa baru secara langsung. Sistem ini
sudah digunakan sejak sekolah berdiri, ternyata
sistem ini tidak dapat menampung minat calon siswa
siswa baru dengan keterbatasan waktu untuk
mendaftar secara langsung.
II. LANDASAN TEORI
2.1 Website
Website merupakan kumpulan dari halaman-
halaman yang berhubungan dengan file-file lain yang
saling terkait. Dalam sebuah website terdapat satu
halaman yang dikenal dengan sebutan home-page.
Homepage adalah sebuah halaman yang pertama kali
dilihat ketika seseorang mengunjungi website
(Nandari, Sukardi, 2014).
Website juga disebut Web, dapat diartikan
suatu kumpulan-kumpulan halaman yang
menampilkan berbagai macam informasi teks, data,
gambar diam ataupun bergerak, data animasi, suara,
video maupun gabungan dari semuanya, baik itu
yang bersifat statis maupun yang dinamis, yang
dimana membentuk satu rangkaian bangunan yang
saling berkaitan dimana masing-masing dihubungkan
dengan jaringan halaman atau hyperlink.
2.2 HTML
Hyper Text Markup Language (HTML)
adalah sebuah basaha markah yang digunakan untuk
membuat sebuah halaman web, menampilkan
berbagai informasi didalam sebuah penjelajah web
internet dan pemformatan hypertext sederhana yang
ditulis dalam berkas format ASCII agar dapat
menghasilkan tampilan wujud yang terintegerasi.
Dengan kata lain, berkas yang dibuat dalam
perangkat lunak pengolah kata dan disimpat dalam
format ASCII normal sehingga menjadi halaman web
dengan perintah-perintah HTML (Djaelangkara,
Sengkey, Lantang, 2015).
2.3 PHP
PHP adalah singkatan dari PHP Hypertext
Preprocessor yang digunakan sebagai bahasa script
server-side dalam pengembangan web yang
disisipkan dalam dokumen HTML. Penggunaan PHP
memungkinkan web dapat dibuat dinamis sehingga
maintenance situs web tersebut menjadi lebih
mudah dan efisien. PHP merupakan software open
source yang disebarkan dan dilisensikan secara
gratis (Yuhendra, Eng, Yulianto, 2015).
2.4 CSS
Menurut BPTIK (Badan Pengembangan
Teknologi Informasi dan Komunikasi) Cascade Style
Sheet atau CSS adalah sebuah pemrograman atau
boleh dibilang script yang mengendalikan beberapa
komponen (tag html) dalam sebuah website sehingga
tampilan akan menjadi lebih terstruktur dan seragam
(Djaelangkara, Sengkey, Lantang, 2015).
2.5 XAMPP
XAMPP merupakan perangkat lunak bebas
yang mendukung banyak sistem operasi, merupakan
kompilasi dari berbagai program. XAMPP
merupakan tool yang paket perangkat lunak
kedalam satu buah paket. Dengan menginstall
XAMPP maka tidak perlu lagi melakukan installasi
dan konfigurasi web server Apache, PHP dan MySql
secara manual. XAMPP akan menginstalasi dan
mengkonfigurasikannya secara otomatis untuk anda
atau auto konfigurasi (Septa, Hamzah, Andayati,
2014).
2.6 MySQL
MySQL adalah Relational Database
Management System (RDBMS) yang didistribusikan
secara gratis dibawah lisensi GPL (General Public
License). Dimana setiap orang bebas untuk
menggunakan MySQL namun tidak boleh dijadikan
produk turunan yang bersifat komersial.
MySQL sebenarnya merupakan turunan
salah satu konsep utama dalam database sejak lama,
yaitu SQL (Structured Query Language). SQL adalah
sebuah konsep pengoperasian database, terutama
untuk pemilihan atau seleksi dan pemasukan data,
yang memungkinkan pengoperasian data dikerjakan
dengan mudah secara otomatis.
2.7 UML
Unified Modelling Language (UML) adalah
bahasa pemodelan untuk pembangunan perangkat
lunak yang dibangun dengan menggunakan teknik
pemrograman yang berorientasi objek.
UML merupakan bahsa visual pemodelan
dan komunikasi mengenai sebuah sistem dengan
menggunakan diagram dan teks-teks pendukung
(Retnoningsih, 2015).
2.8 Use Case Diagram
Use case diagram berisi gambaran mengenai
interaksi antara sekelompok proses dengan
sekelompok actor, menggambarkan fungsionalitas
dari sebuah sistem yang dibangun dan bagaimana
sistem berinteraksi dengan dunia luar. Use case
diagram dapat digunakan selama proses analisis
untuk menangkap kebutuhan sistem dan untuk
memahami bagaimana sistem seharusnya bekerja
(Dewantara, Sholiq, Mudjahidin, 2014).
2.9 Activity Diagram
Activity diagram menggambarkan berbagai
alur aktifitas dalam sistem yang sedang dirancang
bagaimana masing-masing alur berawal, decision
yang mungkin terjadi, dan bagaimana mereka
berakhir. Activity diagram juga dapat
menggambarkan proses pararel yang mungkin terjadi
pada beberapa eksekusi (Dewantara, Sholiq,
Mudjahidin, 2014).
2.10 Sequence Diagram
Sequence diagram menggambarkan interaksi
antar objek di dalam dan di sekitar sistem (termasuk
pengguna display, dan sebagainya) berupa pesan
yang disusuan dalam suatu urutan waktu. Diagram ini
menjelaskan kelas-kelas dan objek yang terlibat
untuk menjalankan fungsionalitas dari skenario yang
ada. Secara khusus diagram ini berasosiasi dengan
use cae (Dewantara, Sholiq, Mudjahidin, 2014).
2.11 Waterfall
Waterfall adalah linier sequential model
terkadang disebut dengan classic life cycle, disebut
dengan waterfall karena tahap demi tahap yang
dilalui harus menunggu selesainya tahap sebelumnya
dan berjalan berurutan. Waterfall menunjukkan
sebuah pendekatan sistematis untuk pengembangan
perangkat lunak (Pressman, Maxim, 2015 : 42).
Gambar 2.3 Metode waterfall
III. METODE PENELITIAN
3.4 Metode Waterfall 3.4.3 Modeling
Metode waterfall ini menggunakan Pada tahap ini penulis akan menjelaskan desain dari
pengembangan model dengan tools UML, metode ini aplikasi pendaftaran siswa baru ini dengan
mensyaratkan penyelesaian tiap proses secara satu menggunakan UML sebagai blue print software,
per satu sehingga mudah dimengerti. Tahapan metode bagian dari UML yang digunakan seperti use case
waterfall yang dilakukan adalah: diagram, activity diagram,dan sequence diagram.
1. Perancangan Use Case Diagram
3.4.1 Communication
Use case diagram di bawah ini yaitu
Pada tahap ini penulis melakukan
menggambarkan interaksi antara aktor (internal dan
pengumpulan data dan komunikasi langsung dengan
eksternal user) dengan sistem.
pihak SMA YP.Nurul Amaliyah Tanjung Morawa
untuk pembuatan websie yang akan dibangun.
Adapun hasil dari wawancara ini adalah sebagai
berikut:
1. Website yang dibangun adalah website
dinamis yang dapat diperbaharui kapanpun
demi kelancaran proses informasi pada SMA
YP.Nurul Amaliyah Tanjung Morawa.
Website dinamis terdiri dari dua aspek yaitu
halaman front-end dan halaman back-end,
halaman front-end sebagai isi dari website
sedangkan halaman front-end adalah
halaman admin yang berfungsi untuk
memproses data dan isi dari halaman front-
end itu sendiri.
2. Syarat ketentuan pendaftaran siswa baru
diterapkan pada proses pendaftaran siswa
baru secara online. Gambar 3.1 Use case diagram pendaftaran siswa
3. Hasil proses data pendaftaran berupa hard baru secara online
copy dan soft copy untuk proses seleksi data
pendaftaran. 2. Perancangan Activity Diagram
4. Proses menampilkan data pendaftar yang Berikut adalah use case diagram diagram
diterima dilakukan dengan memasukkan data melakukan pendataran:
pendaftar pada halaman website.
3.4.2 Planning
Pada tahap ini penulis menyusun rencana
kerja yang akan dilakukan untuk pembuatan website
SMA YP.Nurul Amaliyah Tanjung Morawa adalam
hal ini adalah pendaftaran siswa secara online.
Tabel 3.2 Rencana kegiatan
Estimasi
N
Kegiatan Waktu
o
Pelaksanaan
1 Communication
Wawancara untuk
menganalilis kebutuhan yang
3 Jam
akana digunakan dalam
pembuatan website
2 Planning
Penyusuna rencana kerja 2 Jam
3 Modeling
Pemodelan desain website
7 Hari
dalam bentuk diagram
4 Construction
Perancangan desain atar Gambar 3.2 Activity diagram melakukan
7 Hari
muka website pendaftaran
Penulisan kode program
2 Bulan 3. Perancangan Sequence Diagram
(coding)
5 Deployment
Penempahan domain dan
1 Hari
penyeraha website
 Berikut adalah Sequence diagram diagram c. Form pendaftaran
melakukan pendataran: Form pendaftaran dapat diakses melalui
arahan yang terdapat pada halaman pendaftaran
setelah membaca syarat pendaftaran dan memilih
untuk menuju form pendaftaran.

Gambar 3.8 Sequence diagram melakukan

pendaftaran

IV. HASIL DAN PEMBAHASAN

4.1 Tampilan Hasil
a. Halaman utama website
Halaman utama ini adalah tampilan awal
dari website pada sekolah SMA YP.Nurul
Amaliyah Tanjung Morawa dapat diakses
melalui domain yang telah ditentukan.

Gambar 4.1 Halaman utama website

b. Halaman pendaftaran
Halaman pendaftaran ini dapat diakses
dengan memilih menu pendaftaran pada halaman
utama website.

Gambar 4.3 Form pendaftaran

Gambar 4.2 Halaman pendaftaran
d. Halaman seleksi pendaftaran
 Halaman seleksi pendaftaran dapat diakses
dengan memilih menu seleksi pendafaran pada
halaman utama website yang berfunsi untuk melihat
hasil dari pendaftaran.
Gambar 4.4 Halam seleksi pendaftaran
g. Halaman admin
Halaman admin berfungsi sebagai halaman
yang memproses menu-menu yang ada di halaman
utama website.
Gambar 4.7 Halaman admin
h. Halaman back-end pendaftaran
Halaman back-end pendaftaran menampilkan
seluruh data pendafar yang berhasil disimpan di
database pendaftaran, pada halaman ini admin
melakukan proses terhadap data pendaftar.
Gambar 4.8 Halaman back-end pendaftaran
j. Halaman back-end seleksi pendaftaran
Halaman back-end seleksi pendaftaran
berfungsi untuk memasukkan data pendaftar yang
diterima pada SMA YP.Nurul Amaliyah Tanjung
Morawa dengan memilih pilihan input data dan
melihat data pendaftar yang berhasil ditampilkan ke
halaman seleksi pendaftaran.
Gambar 4.10 Halaman back-end seleksi pendaftaran
k. Form Seleksi Pendaftaran
Form seleksi pendaftaran berfungsi untuk
menampilkan data pendaftar yang diterima pada
sekolah SMA YP.Nurul Amaliyah Tanjung Morawa.
Gambar 4.11 Form seleksi pendaftaran
4.2 Pembahasan
Melalui pengamatan yang dilakukan penulis
terhadap mekanisme sistem yang berjalan maka perlu
dilakukan perubahan terhadap proses pendaftaran,
perubahan yang dilakukan dalam hal ini adalah
mengubah proses pendaftaran yang semulanya
dilakukan secara manual dengan mesti datang ke
sekolah SMA YP.Nurul Amaliyah Tanjung Morawa
diubah menjadi pendaftaran secara online, dalam hal
ini calon siswa membuka website sekolah SMA
YP.Nurul Amaliyah Tanjung Morawa dan membuka
halaman pendaftaran lalu mengikuti arahan yang
diberikan untuk melakukan pendaftaran.
V. KESIMPULAN DAN SARAN
5.1 Kesimpulan
Kesimpulan yang diperoleh dari perancangan
aplikasi pendaftaran siswa baru secara online pada
SMA YP.Nurul Amaliyah Tanjung Morawa antara
lain:
1. Aplikasi berjalan cukup baik dengan seluruh
aspek pendukung untuk proses pendaftaran
maupun dalam pemrosesan datanya.
2. Calon siswa baru dengan keterbatasan waktu
dan jarak yang ingin mendaftar pada SMA
YP.Nurul Amaliyah Tanjung Morawa sudah
dapat mendaftarkan dirinya melalui website
yang sudah disediakan.
5.2 Saran
Berdasarkan kesimpulan diatas, penulis
menyadari masih adanya kekurangan dalam aplikasi
ini, untuk kedepannya menyarankan beberapa hal
sebagai berikut:
1. Aplikasi ini dapat dikembangkan lagi sesuai
dengan perkembangan ilmu pengetahuan dan
teknologi, sehingga mempermudah proses
pendaftaran dan dapat disajikan secara
menarik.
2. Perlunya perbaikan bugs dalam proses
export data pendaftar ke dokumen excel.
3. Perlunya perbaikan terhadap fungsi print
data pendaftar agar hanya menampilkan isi
data dari pendaftar.
DAFTAR PUSTAKA
[1]Dewantara Apriyan Andrew, Sholiq, Mudjahidin
(2014) Jurnal Teknik Pomits. 3, A-182
[2]Djaelangkara Recky T, Sengkey Rizal ST,MT,
Lantang Oktavian A ST,MTI (2015) E-jurnal
Teknik Elektro Dan Komputer. 86-88
[3]Nandari Bhirawa Anoraga, Sukadi (2014)
Indonesian Jurnal on Networking and Security. 3,
43
[4]Pressman Roger S, Ph.D, Maxim Bruce R, Ph.D
(2015) Software Engineering A Practitioners
Approach, Eighth Edition, United State of
America : McGraw-Hill Education
[5]Retnoningsih Endang (2015) Jurnal Evolusi. 3, 26
Septa Richard, Hamzah Amir, Andayati Dina
(2014) Jurnal Script. 2, 27
[6]Watung Ifan Arifard, Sinsuw Alicia A. E. ST, MT,
Paturusi Sary D. E. ST, M.Eng, Najoan Xaverius
B. N. ST, MT (2014) E-jurnal Teknik Elektro Dan
Komputer. 2
[7]Yuhendra, M.T, Dr. Eng, Yulianto Riza Eko (2015)
Jurnal Momentum. 17, 70