PERANCANGAN
PENDAFTARAN PESERTA
DIDIK BARU BERBASIS WEB DI MTs
THORIQUL HUDA MOJOWARNO
JOMBANG
Novi Cahya Ningdliyah
Universitas Pesantren Tinggi Darul Ulum Jombang
Email : novicahya653@gmail.com
ABSTRAK
Thoriqul
Huda merupakan salah satu Madrasah Tsanawiyah yang ada di
Kecamatan Mojowarno, Kabupaten jombang. Sekolah ini setiap tahunnya menerima peserta didik baru
dari dalam
desa maupun luar desa dengan beberapa persyaratan. Sekolah ini juga memiliki beberapa Program ekstra
kulikuler diantaranya yaitu Pramuka, Banjari, Drumband, Qiroah. Selama ini proses pengelolahan data dan informasi
dilakukan secara manual atau calon peserta didik langsung mendatangi sekolahan
tersebut untuk mendapatkan formulir. Dengan adanya Virus Corona atau Covid-19
ini calon peserta didik baru tidak bisa datang langsung ke sekolahan di
karenakan pemerintah mengarahkan untuk Social distancing guna untuk memperkecil
terjadinya penularan virus ini.
Untuk mengatasi masalah tersebut penulis memberi solusi untuk membuat sebuah Sistem Informasi
Pendaftaran Peserta Didik Baru Berbasis Web. Proses pertama yang kami lakukan dalam perancangan dan
pembangunan SiPPDB ini menggunakan
metode pengumpulan data yang digunakan adalah wawancara, dan studi literatur.
Sedangkan metode pengembangan sistem ini
menggunakan metode waterfall. Selain itu
dengan pengambaran sistem kami menggunakan UML
(Unified Modelling Language) sebagai pemodelan aplikasi. Sedangkan dalam membangun sistem ini kami menggunakan Bahasa Pemrograman
Perl Hypertext Preprosessor
(PHP). Selain Bahasa Pemrograman
kami juga menggunakan framework CodeIgniter dan untuk memperindah User Interface-nya kami menggunakan Hyper Text Markup Language (HTML), Cascading Style Sheet (CSS) dan Javascript.
Kata kunci: Covid-19, Madrasah Tsanawiyah,
Sistem Informasi, PPDB, CodeIgnit
1.
PENDAHULUAN
1.1
Latar Belakang
Madrasah Tsanawiyah (MTs) Thoriqul Huda Mojowarno Jombang merupakan
salah satu lembaga
Sekolah Menengah Pertama di Jombang. MTs
Thoriqul Huda Jombang berdiri pada tahun 2001, dimana sekarang terdapat ratusan siswa siswi yang menempuh ilmu. Sekolah ini setiap tahunnya menerima calon peserta didik baru dari dalam
maupun daerah setempat dengan beberapa
persyaratan dan kreteria.
Setiap tahun peserta
didik yang mendaftar
di MTs Thoqirul Huda sangat banyak dan proses pendaftaran masih menggunakan cara
yang manual ataupun langsung datang ke sekolah
untuk mendapatkan formulir, dengan adanya
Covid-19 ini pada bagian panitia ppdb dan admin mengalami kegelisahan karena dilakukannya social distancing yang
bertujuan untuk membatasi perkumpulan dalam jumlah banyak. Saat ini MTs
Thoriqul Huda sebagian besar masih menggunakan cara manual, sehingga pada saat masa pandemi ini calon peserta didik baru tidak bisa dating
langsung ke sekolah untuk mendapatkan formulir.
Berdasarkan permasalahan diatas, bagian panitia PPDB di MTs Thoriqul Huda
Mojowarno Jombang membutuhkan sistem yang mampu memberikan kemudahan dalam
memberikan ketepatan pada calon peserta
didik baru yang mau mendaftar. Sehingga penulis menjabarkan beberapa hal
yang sekiranya mampu mendukung dalam mengembangkan sistem tersebut. Dengan demikian, dalam laporan ini penulis mengusung judul
“Perancangan Sistem Pendaftaran Peserta Didik Baru Berbasis Web”.
1.2
Rumusan Masalah
Adapun manfaat pembuatan sistem ini bagi beberapa pihak antara lain
:
1.
Dapat membantu
proses pendaftaran peserta didik baru
(PPDB) di MTs Thoriqul Huda Mojowarno Jombang
2.
Mempermudah
proses penanganan pendaftaran mahasiswa yang terjadi di MTs
Thoriqul Huda Mojowarno Jombang
3.
Mencegah
penularan virus Covid-19
2.
LANDASAN TEORI
2.1
Definisi MTs Thoriqul Huda
MTs Thoriqul Huda merupakan salah satu madrasah tsanawiyah atau sekolah menengah
pertama yang terletak di Jl. Masjid Al Ihlash Desa Catakgayam, Kecamatan
Mojowarno, Kabupaten Jombang, Jawa Timur dan berdiri pada tanggan 21 Juni 2006.
MTs Thoriqul huda mempunyai ciri tersendiri yaitu sebelum melaksanakan kegiatan belajar
mengajar siswa-siswi diwajibkan untuk mengikuti kegiatan sholat dhuha berjamaah
dan membaca surat yasin.
2.2
Definisi Sistem Informasi
Menurut Sutabri, 2020, “Sistem Informasi
merupakan sistem yang ada didalam suatu organisasi dimana kebutuhan pengolah
transaksi harian yang mendukung fungsi oprasi organisasi yang manajerial dengan
kegiatan strategi dari suatu organisasi untuk dengan tujuan dapat menyediakan
kepada pihakn luar tertentu dengan laporan laporan yang ditentukan”.
Sedangkan menurut Yakub, 2012, “Sistem
Informasi merupakan kombinasi teratur dari orang orang, perangkat keras,
jaringan komunikasi, perangkat lunak, dan sumber daya yang mengumpulkan,
mengubah dan menyebarkan informasi dalam sebuah organisasi”.
2.3
Definisi Perancangan Sistem
Menurut Satzinger, Jackson, dan Burd
(2012:5), “Perancangan Sistem adalah Sekumpulan aktivitas yang menggambarkan
secara rinci bagaimana sistem akan berjalan hal itu bertujuan untuk
menghasilkan produk perangkat blunak yang sesuai dengan kebutuhan user”.
Sedangkan menurut Kristanto
(2013:61), “Perancangan sistem
adalah suatu fase dimana diperlukan suatau keahlian perancangan untuk
elemen-elemen komputer yang akan menggunakan sistem, yaitu pemilihan peralatan
untuk sistem yang baru”.
2.4
Definisi Penerimaan Peserta Didik Baru
Kegiatan rutin dari sekolah untuk melakukan penerimaan calon murid
yang memenuhi syarat tertentu untuk memperoleh pendidikan pada bentuk satuan
pendidikan dan mengikuti suatu jenjang pendidikan yang lebih tinggi
2.5
Definisi Flowchart
Berikut ini adalah pengertian flowchart menurut para ahli:
1. Pahlevy (2010)
Pahlevy menyatakan bahwa Flowchart
(bagan alir) merupakan sebuah gambaran dalam bentuk diagram alir dari
algoritma-algoritma dalam suatu program, yang menyatakan arah alur program
tersebut.
2. Jogiyanto (2005)
Jogiyanto berpendapat bahwa Bagan
alir (flowchart) adalah bagan (chart)yang menunjukkan alir atau
arus (flow) di dalam program atau prosedur sistem secara logika.
3. Krismiaji (2010)
Dalam bukunya berjudul Sistem
Informasi dan Akutansi, Krismiaji menyebutkan bahwa Bagan alir merupakan teknik
analitis yang digunakan untuk menjelaskan aspek-aspek sistem informasi secara
jelas, tepat dan logis.
4. Indrajani (2011)
Flowchart
menurut pandangan Indrajani merupakan gambaran secara grafik dari
langkah-langkah dan urutan prosedur suatu program.
Dari beberapa pengertian flowchart
diatas penulis menarik kesimpulan
bahwa flowchart merupakan gambaran kerja alur sisstem informasi dalam
bentuk diagram.
2.6
Definisi UML
Menurut
Herlawati (2011:10), beberapa literature menyebutkan bahwa UML menyediakan
sembilan jenis diagram, yang lain menyebutkan delapan karena ada beberapa
diagram yang digabung, misanya diagram komunikasi, diagram urutan dan diagram
pewaktuan digabung menjadi diagram interaksi.UML merupakan standar yang
relative terbuka yang dikontrol oleh Object
Management Company (OMG).
2.7
Definisi Xampp
Menurut Pratama, I Putu Agus Eka (2014:440), XAMPP adalah aplikasi web
server bersifat instan (siap saji) yang dapat digunakan baik disistem operasi
Linux maupun di system operasi Windows.
Menurut Wardana (2010:8), XAMPP adalah paket software yang didalamnya
sudah terkandung Web Server Apache, database My SQL dan PHP Interpreter. Web
server merupakan tempat untuk menyimpan aplikasi web yang kemudian di akses melalui internet.
2.8
Definisi MySQL
Menurut Arief (2011d:152), MySQL (My Structure Query Language) adalah
salah satu jenis database server yang sangat terkenal dan banyak digunakan
untuk membangun aplikasi web yang menggunakan database sebagai sumberdata
pengolahan datanya. MySQL lebih sering digunakan untuk membangun aplikasi
berbasis web, umumnya pengembangan aplikasinya menggunakan bahasa pemograman
script PHP.
2.9
Definisi CSS
Menurut
Jayan (2010:2), mengemukakan bahwa ”CSS merupakan singkatan
dari Cascading
Style Sheets. Kegunaannya adalah untuk mengatur tampilan dokumen HTML,
contohnya seperti pengaturan jarak antar baris, teks, warna dan format border
bahkan penampilan file gambar”. CSS dikembangkan oleh
W3C. Organisasi yang mengembangkan teknologi internet. Tujuannya tak lain untuk
mempermudah proses penataan halaman web.
2.10 Definisi CodeIgniter
Menurut Basuki (2017:4), ”CodeIgniter adalah sebuah framework PHP yang kecil,sederhana,mudah
digunakan dan cukup handal untuk membangun aplikasi berbasis web”. Codeigniter merupakan sebuah toolkit yang
ditunjukan untuk orang yang ingin membangun aplikasi web dalam bahasa
pemrograman PHP. Beberapa keunggulan yang di tawarkan oleh codeigniter adalah
sebagai berikut:
1 1.
Codeigniter adalah framework yang bersifat free
dan open-sorce.
2. Codeigniter memiliki ukuran yang kecil dibandingkan dengan framework kurang lebih 2 MB(tanpa dokumentasi atau jika direktori user_guide dihapus). Dokumentasi codeigniter memiliki ukuran sekitar 6 MB.
3. Aplikasi yang dibuat menggunkan codeigniter bisa berjalan cepat.
4. Codeigniter menggunkan pola desain Model-View-Controller (MVC) sehingga satu file tidak terlalu berisi banyak code. Hal ini menjadikan kode lebih mudah dibaca, dipahami, dan dipelihara di kemudian hari.
5. Codeigniter dapat diperluas sesuai dengan kebutuhan.
6. Codeigniter terdokumentasi dengan baik.Informasi tentang pustaka kelas dan fungsi yang disediakan oleh codeigniter dapat diperoleh melalui dokumentasi yang disertakan di dalam paket distribusinya.
2. Codeigniter memiliki ukuran yang kecil dibandingkan dengan framework kurang lebih 2 MB(tanpa dokumentasi atau jika direktori user_guide dihapus). Dokumentasi codeigniter memiliki ukuran sekitar 6 MB.
3. Aplikasi yang dibuat menggunkan codeigniter bisa berjalan cepat.
4. Codeigniter menggunkan pola desain Model-View-Controller (MVC) sehingga satu file tidak terlalu berisi banyak code. Hal ini menjadikan kode lebih mudah dibaca, dipahami, dan dipelihara di kemudian hari.
5. Codeigniter dapat diperluas sesuai dengan kebutuhan.
6. Codeigniter terdokumentasi dengan baik.Informasi tentang pustaka kelas dan fungsi yang disediakan oleh codeigniter dapat diperoleh melalui dokumentasi yang disertakan di dalam paket distribusinya.
2.11 Definisi HTML
Menurut Winarno dkk (2011:1), "Core
inti dari pemrograman atau desain web adalah HTML, ini karena HTML merupakan
bahasa yang dipahami oleh browser guna menampilkan halaman web yang bisa
dilihat di browser."
HTML merupakan singkatan dari Hypertext Markup Language, artinya
bahasa ini adalah bahasa markup untuk memformat konten halaman web dengan kata
lain, bahasa untuk mengatur bagaimana penampilah dan pemformatan konten di web.
HTML adalah bahasa pemograman yang bebas, dan tidak dimiliki oleh siapa pun,
pengembangannya dilakukan banyak orang, banyak pihak di seluruh dunia dan bisa
dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara global.
2.12 Definisi PHP
Sibero (2013:49), “PHP adalah pemrograman
interpreter yaitu proses penerjemahan baris kode sumber menjadi kode mesin yang
dimengerti computer secara langsung pada saat baris kode dijalankan. PHP
disebut sebagai pemrograman Server Side Programming, hal ini dikarenakan
seluruh prosesnya dijalankan pada server.”
Dodit Supriyanto (2008) menyatakan bahwa PHP adalah singkatan
dari "Perl Hypertext Preprocessor", yang merupakan sebuah
bahasa scripting yang terpasang pada Hyper Text Markup Language (HTML).
Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa
fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk
memungkinkan perancang web menulis halaman web dinamik dengan cepat.
2.13 Definisi Javascript
Mubarok (2007) menjelaskan bahwa “Javascript adalah Bahasa
Pemrograman yang diinterpretasikan bukan di compile, diadopsi dari
bahasa C/C++ yang dikembangkan menjadi Bahasa Pemrograman web client side.
Javascript didesain untuk
bekerja sama dengan HTML membuat web page yang interaktif”.
Sedangkan
Menurut Sibero (2013:150) “Javascript
adalah bahasa skrip (Scripting language), yaitu kumpulan intruksi perintah yang
digunakan untuk mengendalikan beberapa bagian dari sistem operasi”.
3. METODOLOGI
Metode pengumpulan data dalam penelitian ini yaitu dengan Studi Literatur yang
merupakan pembelajaran materi yang berhubungan dengan sistem yang telah kita buat
dari berbagai sumber, seperti e-book, slide perkuliahan, buku teks, dan
browsing dari Internet
4.
HASIL DAN PEMBAHASAN
Perancangan sistem ini menggunakan metode Waterfall. Perancangan
sistem ini dibuat dalam 6 tahap yaitu Information Engineering and Modeling,
Software Requirements Analysis, Design system, Coding, Testing, Maintenance.
a.
Sistem / Information Engineering and
Modeling
Dalam tahap ini kami menyiapkan perlengkapan untuk
proses pengambilan data, yaitu menyiapkan pertanyaan dan mencatat data – data
yang perlu kita gunakan dalam membuat sistem.
b.
Software Requirements Analysis
Dalam tahap ini kami melakukan pengambilan
data melalui wawancara dan diskusi dengan pembimbing lapangan yang terkait
dengan wawancara kita.
c.
Design system
Dalam tahap ini menghasilkan Use case
diagram, activity diagram, class diagram, dan squence diagram. Proses bisnis adalah kumpulan kegiatan yang dibutuhkan untuk
menghasilkan produk/jasa. Proses bisnis pada kegiatan Kerja Praktek (KP)
digambarkan melalui activity diagram yang dijelaskan di BAB IV mengenai
Analisa dan Perancangan Sistem.
d.
Coding
Pada tahap ini yaitu proses perubahan dari
design system ke dalam bahasa system. Disini aplikasi yang dirancang merupakan
aplikasi berbasis web. Maka bahasa pemrograman yang kami pakai adalah Perl
Hypertext Preprosessor(PHP) dan menggunakan framework CodeIgniter. Selain
itu pembungkusnya yang digunakan untuk User Interface adalah Hyper
TextMarkup Language(HTML) dan Javascript.
e. Testing/ Verification
Pada tahap ini
kami melakukan pengujian dengan metode Black Box. Pengujian ini
didasarkan pada fungsionalitas sistem yang sesuai dengan tahap Software
Requirements Analysis dan akan dilakukan pembaruan apabila belum sesuai
dengan kesepakatan.
f. Maintenance
Pada tahap ini
dapat diketahui apakah sistem ini perlu perbaikan ataupun tidak. Baik mencakup
hal koreksi dari kesalahan, dan implementasi unit serta pelayanan sistem
sebagai bentuk peningkatan jasa sistem untuk kebutuhan baru.
Berikut ini
merupakan implementasi dari setiap halaman yang ada di sistem informasi
penerimaan peserta didik baru
a.
Halaman
Login
Gambar
4.1. Implementasi Antarmuka Halaman Login
Pada Gambar 4.1
adalah halaman login dimana pada halaman tersebut calon siswa menginputkan
username dan password yang telah diberikan oleh admin atau panitia pendaftaran.
b.
Halaman
Utama
Gambar
4.2. Implementasi Antarmuka Halaman Utama
Pada Gambar 4.2
merupakan halaman utama dimana pada halaman ini user atau calon siswa bisa
memilih beberapa menu, diantaranya yaitu form pendaftaran, data pendaftar dan status
kelulusan atau diterima tidaknya calon siswa.
c.
Halaman
Form Pendaftaran
Gambar
4.3 Implementasi Antarmuka Halaman Form Pendaftaran
Pada Gambar 4.3 merupakan halaman form pedaftaran dimana pada
halaman ini calon siswa atau user diwajibkan untuk mengisi identitas dirinya
dan menyimpannya jika datanya sudah sesuai.
d.
Halaman Cetak
Gambar 4.4 Implementasi Antarmuka Halaman Cetak
Pada Gambar 4.4 ini merupakan tampilan hasil cetak dari formulir pendaftaran, pada halaman ini
terdapat 2 formulir berformat .pdf dan ukuran kertasnya A4.
e.
Halaman Data Pendaftar
Gambar 4.5
Implementasi Antarmuka Halaman Data Pendaftar
Pada
Gambar 4.5 ini merupakan halaman data pendaftar, dimana pada halaman ini calon
siswa atau pendaftar bisa melihat jumlah calon siswa yang telah mendaftar di
MTs Thoriqul Huda.
f.
Halaman
Status Lulus
Gambar 4.6
Implementasi Antarmuka Halaman Data Pendaftar
Pada gambar 4.6
adalah tampilan halaman status kelulusan, dimana pada halaman ini pendaftar
bisa melihat status diterima atau tidaknya masuk ke MTs Thoriqul Huda
5.
KESIMPULAN
Perancangan Sistem Informasi PPDB di MTs Thoriqul Huda ini
diharapkan dapat menunjang efektifitas kerja karena menyajikan informasi secara
cepat dan efisien. Selain itu dengan adanya sistem ini diharapkan bisa
mengurangi dan mencegah terjadinya penularan virus Corona yang sedang mewabah
di bumi ini.
Dengan adanya sistem ini diharapkan dapat memenuhi permintaan data
dari Dinas Pendidikan dan instansi lain secara mendadak. Bagi orang tua calon
peserta didik itu dapat memudahkan dalam mengakses pengumuman penerimaan
peserta didik baru.
6.
DAFTAR PUSTAKA
Basuki, Awan Pribadi. 2017. Membangun aplikasi SMS Gateway
Berbasis Web dengan CodeIgniter dan Bootstrap. Yogyakarta: Lokomedia.S. Roohullah Jan, S.
Muslih, M. T., & Purnama, B. E.
(2013). Pengembangan Aplikasi Sms Gateway Untuk Informasi Pendaftaran Peserta
Didik Baru Di SMAN 1 Jepara. IJNS-Indonesian Journal on Networking and
Security, 2(1).
https://www.kompasiana.com/inigift/5e100c96d541df0680769792/pengertian-sistem-informasi-menurut-ahli
