Jurnal Penerimaan Siswa Baru Berbasis Web Nurul Hidayati, Jurusan Sistem Informasi STMIK Nusa Mandiri Jakarta

SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB pada SMP ISLAM TERPADU

AL-FAJAR TANGERANG SELATAN

Nurul1, Moh.Ikhsan2, Nining3

Jurusan Sistem Informasi, Sekolah Tinggi Manajemen Informatika dan Komputer,NUSA MANDIRI, Jl. Ir. H. Juanda No.39 Ciputat, Tangerang, 15411, Indonesia

[email protected]

Abstrak

SMP Islam Terpadu Al-Fajar merupakan salah satu instansi yang bergerak di bidang pendidikan. Kendala yang dihadapi oleh SMP Al-Fajar ini adalah bagaimana agar penerimaan siswa baru pada SMP Al-Fajar dapat dilakukan secara online. Dalam proses penerimaan siswa baru SMP Al-Fajar masih dilakukan secara manual atau tanpa terkomputerisasi yaitu dalam melakukan pendaftaran calon siswa harus mengisi formulir berupa kertas dengan datang langsung ke tempat pendaftaran di sekolah. Data-data pendaftaran calon siswa hanya disimpan di buku pendaftaran atau buku PSB (Penerimaan Siswa Baru) yang memungkinkan kerusakan dan kehilangan data tersebut, serta pengumuman hasil penerimaan hanya diinformasikan melalui papan pengumuman sekolah yang memungkinkan juga calon siswa tidak dapat segera mengetahui hasil pengumumannya dikarenakan tempatnya yang jauh dari sekolah. Maka diperlukan sebuah sistem yang terkomputerisasi untuk pengolahan penerimaan siswa baru di sekolah. Dimana nantinya sistem dapat membantu dalam pengelolaan data admin, data pendaftar, data pembayaran, data pendaftar ulang dan hasil seleksi..

Kata kunci: Sistem Informasi Penerimaan Siswa Baru Berbasis Web, PSB

Abstract

SMP Islam Al-Fajar is one of the agencies working in the field of education. Constraints faced by the SMP Al-Fajar this is how the reception of new students at the Al-Fajr SMP can be done online. In the new admissions process SMP Al-Fajar is still done manually or computerized ie without registering prospective students must fill out a paper form by coming directly to the enrollment in the school. Registration data are only stored in the prospective student registration book or books PSB (Admission) which allows the damage and loss of data, as well as the announcement of acceptance only informed by the school notice board which allows prospective students also can not immediately know the results announcement due to its place away from school. It would require a computerized system for processing new student at the school. Where will the system be able to assist in the management of admin data, the data registries, payment data, reset the data registries and results of selection.

Keywords: Information Systems Admission to the Web-Based, PSB

1. Pendahuluan

SMP Islam Terpadu Al-Fajar merupakan salah satu instansi yang bergerak di bidang pendidikan. Kendala yang dihadapi oleh SMP Al-Fajar ini adalah bagaimana agar penerimaan siswa baru pada SMP Al-

Fajar dapat dilakukan secara online. Dalam proses penerimaan siswa baru SMP Al-Fajar masih dilakukan secara manual atau tanpa terkomputerisasi yaitu dalam melakukan pendaftaran calon siswa harus mengisi formulir berupa kertas dengan datang langsung ke tempat pendaftaran di sekolah. Data-data pendaftaran

calon siswa hanya disimpan di buku pendaftaran atau buku PSB (Penerimaan Siswa Baru) yang memungkinkan kerusakan dan kehilangan data tersebut, serta pengumuman hasil penerimaan hanya diinformasikan melalui papan pengumuman sekolah yang memungkinkan juga calon siswa tidak dapat segera mengetahui hasil pengumumannya dikarenakan tempatnya yang jauh dari sekolah.

2. Metode Penelitian

Sebagai usaha dalam memperoleh data yang benar, relevan, dan terarah sesuai dengan permasalahan yang dihadapi, maka perlu adanya suatu metode yang tepat untuk mencapai tujuan dalam penelitian. Adapun metode penelitian yang digunakan adalah sebagai berikut:2.1. Teknik Pengumpulan DataAdapun teknik pengumpulan data dalam skripsi ini yaitu sebagai berikut :A. Observasi

Mengadakan pengamatan dan pencatatan secara sistematis tentang pendaftaran dan penerimaan siswa baru di SMP Perguruan Islam Terpadu Al-Fajar, sehingga dapat dilihat kebutuhan aplikasi yang diinginkan dalam hal pengambilan data serta kebutuhan informasi yang dibutuhkan.

B. WawancaraDengan mengadakan tanya jawab langsung pada pihak yang bersangkutan yaitu kepada Bapak Irwan selaku Kepala Tata Usaha SMP Al-Fajar dan Bapak Drs. Kosasih selaku kepala sekolah SMP Al-Fajar, untuk mendapatkan data yang diperlukan secara sistematis sesuai dengan hasil observasi.

C. Studi PustakaMetode yang digunakan untuk mengumpulkan bahan-bahan dari berbagai buku atau referensi yang berhubungan dengan permasalahan, hal ini diperlukan untuk mendukung teori-teori yang akan digunakan dalam membuat perencanaan dan perancangan sistem yang akan dikerjakan dalam skripsi ini.

2.2. Model Pengembangan SistemModel pengembangan sistem yang di pakai

adalah model pengembangan air terjun (waterfall model). Menurut Pressman (2005:79), dalam rekayasa perangkat lunak, terdapat suatu pendekatan yanng disebut Waterfall Model, nama model ini sebenarnya adalah “Linier Sequential Model”. Model ini sering disebut dengan “classic life cycle” atau model waterfall. Model ini adalah model yang muncul pertama kali yaitu sekitar tahun 1970 sehingga sering dianggap kuno, tetapi merupakan model yang paling banyak dipakai didalam Software Engineering (SE).

Model ini melakukan pendekatan secara sistematis dan urut mulai dari level kebutuhan sistem lalu menuju ketahap analisis, desain, coding, testing dan maintenance.

Menurut Rosa dan Shalahudin (2013:28), menerangkan bahwa “Model SDLC air terjun (waterfall) atu disebut juga sekuensial linier (sequential linier) atau alur hdup klasik (Classic life cicle) menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain, pengodean, pengujian, dan tahap pendukung (support)”.

A. Analisa Kebutuhan SoftwareMenurut Rosa dan Shalahudin (2013:29), menerangkan bahwa “proses pengumpulan kebutuhan dilakukan secara intensif untuk menspesifikasikan kebutuhan perangkat lunak agar dapat difahami perangkat lunak seperti apa yang dibutuhkan oleh user”.

Software yang akan dipakai dalam pembuatan web penerimaan siswa baru ini adalah Macromedia Dreamweaver 8.

B. DesainMenurut Rosa dan Shalahudin (2013:29), menerangkan bahwa “desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data , arsitektur perangkat lunak, representasi antar muka, dan prosedur pengodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke represenatsi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya”.

Pembuatan desain dari permasalahan ini dengan menggunakan perangkat pemodelan sistem seperti diagram hubungan entitas (ERD), UML (Unifield modelling language), serta merancang input dan output.

C. Pembuatan Kode Program (Code Generation)Menurut Rosa dan Shalahudin (2013:29) menerangkan bahwa “desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain”.Dalam pembuatan web ini bahasa yang digunakan PHP, dan program yang dibuat termasuk ke dalam pemrograman terstruktur.

D. Pengujian (Testing)Menurut Rosa dan Shalahudin (2013:30), menerangkan bahwa “ pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk

meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan”.

Tahap ini dilakukan untuk menguji program yang sudah dibuat, pengujian dilakukan dengan blackbox yaitu untuk mengetahui kesalahan dan memastikan output yang dihasilkan sesuai dengan yang di inginkan.

E. Pendukung (Support) atau pemeliharaan (Maintenence)Menurut Rosa, Salahudin (2013:30), menerangkan bahwa “tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya kesalahan yang munncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak yang baru”.

Pemeliharaan suatu software diperlukan karena software yang dibuat tidak selamanya seperti itu, ketika dijalankan kemungkinan saja masih ada error kecil yang tidak ditemukan sebelumnya atau ada penambahan fitur-fitur yang belum ada pada software. Pengembangan diperlukan ketika perubahan dari eksternal, perusakan seperti ketika adanya pergantian sistem operasi.

3. Pembahasan

Dalam penyusunan laporan skripsi ini, Pada analisis kebutuhan software terbagi menjadi tahapan analisis, use case, activity diagram.A. Tahapan Analisis

Spesifikasi kebutuhan pada sistem penerimaan siswa baru ini sebagai berikut :Halaman Calon Siswa:A1. Calon siswa dapat memilih pendaftaran online untuk proses login akun.A2. Calon siswa dapat memilih menu verifikasi data, kemudian memilih menu verifikasi formulir untuk mengisi kelengkapan formulir pendaftaran dan menu verifikasi berkas untuk meng-upload kelengkapan berkas persyaratan.A3. Calon siswa dapat memilih menu konfirmasi pembayaran untuk mengisi form yang digunakan sebagai bukti pembayaran formulir.A4. Calon siswa dapat memilih menu hasil seleksi untuk melihat pengumuman hasil seleksi masing-masing siswa yang lulus seleksi diterima.

A5. Calon siswa dapat memilih menu daftar ulang untuk mengisi formulir kembali sebagai proses telah diterima menjadi siswa baru.Halaman Admin :B1. Admin dapat mengelola data admin.B2. Admin dapat mengelola data pendaftar.B3. Admin dapat mengelola data pembayaran.B4. Admin dapat mengelola data pendaftar ulang.

B. Use Case DiagramBerikut ini adalah penjelasan usecase diagram beserta diskripsi nya sebagai berikut .

1. Use Case Diagram Penerimaan Siswa Baru Online Halaman Calon Siswa :

uc Use Case Calon siswa

EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version




































Calon Siswa

Pilih Pendaftaran Online

Tampilkan form data akun pendaftar baru

Mengisi pendaftaran akun baru

Tampilkan menu Verifikasi Data

Tampilkan menu hasil seleksi

Tampilkan menu Logout

Menampilkan pengumuman hasil

seleksi

Tampilkan menu Konfirmasi Pembayaran

Masukkan data pembayaran

v erifikasi formulir

v erifikasi berkas

mengisi formulir pendaftaran mengisi berkas

persyaratan

Tampilkan menu Daftar Ulang

mengisi formulir daftar ulang

Login

«extend»«extend»«extend»

«extend»

«include»

«include»

«extend»

«include»

«extend»

«include»

«include»

«include»

«include»

«include»

«extend»

Gambar IV.1.Use case Diagram Penerimaan Siswa Baru

Online Halaman Calon Siswa.

Deskripsi Use Case Diagram Halaman Calon SiswaTabel IV.1

Deskripsi Use Case Diagram Penerimaan Siswa Baru Online Halaman Calon Siswa

Use Case Name Pendaftaran online calon siswa

Requirements A1 sampai A5Goal Calon siswa dapat

mendaftarkan akun ke sekolah yang dituju secara online via website.

Pre-conditions Calon siswa mengetahui situs dari sistem penerimaan siswa baru online

Post-conditions Calon siswa mendaftarkan akun secara online

Failed end conditions Calon siswa membatalkan untuk mengisi pendaftaran online

Primary Actors Calon Siswa

Main Flow / Basic Path 1. Calon siswa dapat memilih menu pendaftaran online.

2. Calon siswa dapat memilih menu verifikasi data untuk mengisi formulir pendaftaran secara lengkap.

3. Calon siswa dapat memilih menu konfirmasi pembayaran untuk mengisi form yang digunakan untuk proses pembayaran formulir.

4. Calon siswa dapat memilih menu hasil seleksi untuk melihat pengumuman hasil seleksi masing-masing siswa yang lulus seleksi.

5. Calon siswa dapat memilih menu daftar ulang untuk mengisi formulir pendaftaran ulang siswa baru yang telah lulus seleksi.

Invariant -

1. Use Case Diagram Penerimaan Siswa Baru Online Halaman Admin

uc Use Case Model

EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version

































Admin

Login

Mengelola Data Admin

Mengelola Data Pendaftar

Mengelola Data Pembayaran

Mengelola Data Pendafar Ulang

«extend»

«extend»

«extend»

«extend»

Gambar IV.2.

Use Case Diagram Penerimaan Siswa Baru Online Halaman Admin

C. Activity DiagramBerikut ini adalah penjelasan activity

diagram yang digambarkan tanpa partisi actor, sebagai berikut:1. Activity Diagram Penerimaan Siswa Baru Online

Halaman Front Page

act activ ityuser

EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version
















































Mulai

Pilih Menu Pendaftaran Online

sudah terdaftar

menampilkan formulir online buat akun baru

menampilkan form login

mengisi form buat akun baru

decision

masuk akun calon siswa baru

pilih menu v erifikasi datav erifikasi formulir

v erifikasi berkas

mengisi formulir pendaftaran

mengisi berkas persyaratan

mencetak formulir pendaftaran

pilih menu konfirmasi pembayaran

mengisi data konfirmasi pembayaran

Pilih menu hasil seleksi

melihat hasil seleksi

desicion

Logout

tidak diterimapilih menu daftar ulang

mengisi formulir daftar ulang

mencetak formulir daftar ulang

Selesai

menunggu hasil 2 minggu

merge

merge

belum terdaftar

sudah diterima

Gambar IV.3.Activity Diagram Penerimaan Siswa Baru Online

Halaman Front Page

D. DesainPada tahap ini penulis akan menjelaskan tentang desain database, desain software architecture dan desain interface dari sistem yang akan dibuat.

1. DatabaseMenggambarkan hubungan antara tabel yang

dibuat berserta relasi antar tabel. Dalam tahap ini untuk penggambarannya menggunakan Entity Relationship Diagram. Adapun bentuk ER-digram dan spesifikasi filenya adalah sebagai berikut:

1. Entity Relationship Diagram

Gambar IV.4.Entity Relationship Diagram

2. Logical Record Structure

Gambar IV.5.Logical Record Structure

2. Software Architecturea. Component Diagram

Component diagram menggambarkan struktur dan hubungan antar komponen piranti lunak, termasuk ketergantungan diantaranya. Component diagram juga dapat berupa interface yang berupa kumpulan layanan yang disediakan oleh komponen untuk komponen lainnya. Berikut adalah Component Diagram Sistem Informasi Penjualan :

cmp Component Model
































FrontPage Application

Application Database

j query.js

design.css

Apache 2 Serv er

MYSQL Database

Admin Application

Gambar IV.6.Component Diagram Sistem Penerimaan Siswa

Baru

b. Deployment DiagramMenggambarkan tata letak sistem secara fisik,

yang menampakkan bagian-bagian software yang berjalan pada hardware yang digunakan untuk mengimplementasikan sebuah sistem dan keterhubungan antara komponen hardware-hardware tersebut.

deployment Deployment Model




































Port 80

Web Serv er

Port 80

FrontPage Application

design.css

Admin Application j query.js

Apache 2 Serv er

Port 3306

Database Serv er

Port 3306

Application Database

MySQL Database

Client PC

Browser

Gambar IV.7.Deployment Diagram Sistem Penerimaan Siswa

Baru

3. User InterfacePada tahapan desain ini, menggambarkan tampilan program sistem usulan.1. Tampilan Halaman Data Akun Pendaftar Baru

Gambar IV.8.Tampil Data Akun Pendaftar Baru

2. Tampil Halaman Login User

Gambar IV.9.Tampil Login User

3. Tampil Halaman Verifikasi Formulir

Gambar IV.10.Tampil Halaman Verifikasi Formulir

4. Tampil Halaman Verifikasi Berkas

Gambar IV.11.Tampil Halaman Verifikasi Berkas

5. Tampil Halaman Konfirmasi Pembayaran

Gambar IV.12.Tampil Halaman Konfirmasi Pembayaran

6. Tampil Halaman Hasil Seleksi

Gambar IV.13.Tampil Halaman Hasil Seleksi

4. Kesimpulan

Dari uraian masalah yang dikemukakan, pengembangan sistem informasi penerimaan siswa baru berbasis web merupakan salah satu solusi yang tepat bagi SMP Islam Al-Fajar Tangerang Selatan. Dari proses dan hasil penelitian ini, peneliti dapat mengambil kesimpulan :

1. Sistem penerimaan siswa baru masih dilakukan seacara manual dengan dibuatnya website PSB (Penerimaan Siswa Baru) dapat memberikan kemudahan kepada calon siswa untuk mendaftar.

2. Memudahkan panitia atau pegawai dalam pengaksesan sistem yang selama ini sering mengalami hambatan dalam melihat informasi penerimaan siswa baru yang sedikit memakan waktu dan biaya.

3. Penggunaan Macromedia Dreamweaver 8 ini sangat membantu dalam pembuatan website yang dinamis, dan juga memberikan kemudahan dalam pengkoneksian database MySQL.

4. Website ini masih banyak kekurangan, yaitu sistem hanya memakai hak akses untuk admin yang dapat merangkap sebagai panitia atau pegawai sekolah. Serta pada akses user atau calon siswa tidak menangani proses tes tertulis dan wawancara secara online.

5. Daftar Pustaka

A.S, Rosa dan M.Shalahuddin.2013.Rekayasa Perangkat Lunak Terstruktur dan Berbasis Objek.Bandung:Informatika.

Anwar,Desi.2003. Kamus Bahasa Indonesia Terbaru.Jakarta:Balai Pustaka.

Dinas Pendidikan Kota Jakarta., 2008. Petunjuk Teknis Penerimaan Siswa Baru pada SMA, SMALB, dan SMK Tahun Pelajaran 2008/2009, <URL:

http://jakarta.siap-psb.com>, diakses terakhir tanggal 21/08/2014.

Fowler,Martin.2005.UML Distilled Edisi 3.Yogyakarta:Andi.

Jauhar, Anang, Bambang Eka Purnama dan Indah Uly Wardati.2013. Pembuatan Sistem Informasi Penerimaan Santri Baru pada Pondok Pesantren Attarmasie Tremas Arjosari.ISSN:2302-5700.Surakarta: Indonesian Jurnal on Computer Science-Speed (IJCSS) 15-FTI UNSA Vol. 10 No. 1 Februari 2013. Diambil dari : http://ijns.org/journal/index.php/ijns/article/view/103/102. (2 November 2013).

Jogiyanto,HM.2005.Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis.Yogyakarta:Andi.

Madcoms.2006. Seri Panduan Lengkap Macromedia Dreamweaver 8. Madiun : Penerbit Andi

Pressman,Roger.S.2011.Rekayasa Perangkat Lunak.Yogyakarta:Andi.Rahayu,Diki Budi,Erwin Gunadhi dan

Partono.2012.Perancangan Sistem Informasi Pendaftaran Peserta Didik Baru Berbasis Web Studi Kasus di SMA Negeri 14 Garut.ISSN:2302-7339.Garut: Jurnal Algoritma Vol. 09, No. 27 2012. Diambil dari : http://jurnal.sttgarut.ac.id/index.php/algoritma/article/view/32/32 . (1 November 2013).

Ramadhani,Nurul Azizah Yaoma.2013.Pembangunan Sistem Informasi Penerimaan Siswa Baru di Sekolah Menengah Kejuruan Al-Irsyad Tegal.ISSN:1979-9330.Surakarta: Indonesian Jurnal on Computer Science-Speed(IJCSS) 15 FTI UNSA Vol. 10 No. 1 Februari 2013.Diambil dari : http://journal.ijns.org/index.php/ijns/article/view/123/122 . (31 Oktober 2013).

http://journal.ijns.org/index.php/ijns/article/view/123/122

http://journal.ijns.org/index.php/ijns/article/view/123/122

http://jurnal.sttgarut.ac.id/index.php/algoritma/article/view/32/32

http://jurnal.sttgarut.ac.id/index.php/algoritma/article/view/32/32

http://ijns.org/journal/index.php/ijns/article/view/103/102.%20(2

http://ijns.org/journal/index.php/ijns/article/view/103/102.%20(2

Documents

Jurnal Penerimaan Siswa Baru Berbasis Web Nurul Hidayati, Jurusan Sistem Informasi STMIK Nusa Mandiri Jakarta