Menu Dan Panduan Penggunaan
PROGRAM PENDAFTARAN SISWA BARU BERBASIS ONLINE PADA
SMP ISLAM AL-WASATHIYAH
BEKASI
Beberapa sekolah masih banyak yang menggunakan sistem manual, calon siswa dan
orang tua harus datang ke sekolah untuk mencari informasi tentang sekolah tersebut.
Dan melakukan proses pendaftaran secara manual, siswa yang mendaftar harus
mengisi formulir setelah itu calon siswa pun harus melakukan daftar ulang. Pada SMP
Plus Islam Al-Wasathiyah Bekasi yang selama ini dilakukan secara manual atau sudah
terkomputerisasi tetapi menggunakan Microsoft Office Excel, yang memungkinkan
terjadinya banyak kesalahan. Rumusan masalah dari penelitian ini adalah dengan
membuatkan sistem informasi pendaftaran siswa baru SMP Plus Islam Al-Wasathiyah
Bekasi. Metode penelitian yang digunakan adalah observasi, wawancara, studi
pustaka. Sistem informasi penerimaan siswa baru ini dibangun dengan menggunakan
bahasa pemrograman PHP serta menggunakan database MYSQL sebagai database
server. Dengan adanya rancangan sistem pendaftaran siswa baru, calon siswa dan
orang tua tidak perlu pergi kesekolah untuk melakukan pendaftaran, hanya dengan
membuka web yang sudah di buat oleh pihak sekolah bisa mendaftar dimana pun. Dan
dengan adanya sistem yang sudah terkomputerisasi manajemen sekolah akan lebih
mudah dalam mengelola data-data calon siswa.
SMP Plus Islam Al-Wasathiyah adalah salah satu Sekolah Menengah Pertama yang
beralamat di Jalan Pertamina Dalam Kampung Cabang Gelam, Samudrajaya
Tarumajaya Bekasi. SMP Islam Plus Al-Wasathiyah termasuk kedalam Yayasan
Manba’ul Qur’an.
I. Sejarah Institusi
Sekolah menengah pertama (SMP) Plus Islam Al-Wasathiyah adalah Lembaga
Pendidikan yang berada di bawah naungan Yayasan Manba’ul Qur’an berlokasi di Jl.
Pertamina Dalam Kampung Cabang Gelam RT 001/007 Samudrajaya, Tarumajaya,
Bekasi. Yayasan Manba’ul Qur’an sebagai penyelenggara telah berdiri sejak tahun
2010. SMP Plus Islam Al-Wasthiyah didirikan pada tahun 2013 dan mendapat izin
operasional pada tanggal 27 November 2015. SMP Plus Islam AL-Wasathiyah di awal
pendiriannya membulatkan tekad dengan satu Visi yaitu Membangun anak didik
sebagai manusia unggul, bekarakter, teguh spiritual, cerdas intelektual, tertata
emosional berislam moderat berbasis Al-Qur’an. Visi tersebut diejawantahkan dengan
Indikator pencapaian antara lain: Mewujudkan Lembaga Pendidikan Islam yang
terbaik dan berkualitas dalam prestasi, mewujudkan anak didik yang berkarakter,
berakhlak islam dan berprestasi
Dalam mewujudkan hal tersebut, SMP Plus Islam Al-wasathiyah yang usianya
baru 9 tahun saat ini terus berupaya meningkatkan mutu pendidik, sarana dan
prasarana, dan media pembelajaran, itu semua dimaksudkan agar kedepannya SMP
Plus Islam Al-Wasathiyah dapat menjadi SMP pilihan pertama bagi para orang tua dan
peserta didik tingkat SD/MI di Sekitar Wilayah tersebut. Dalam perkembangannya
SMP Plus Islam Al-Wasathiyah terus mengalami kemajuan kini SMP Plus Islam Al-
Wasathiyah jumlah peserta didiknya mencapai 232 siswa dan telah meluluskan
sebanyak 270 Alumni S Munculnya Internet diera seperti sekarang ini membantu
kebutuhan manusia akan informasi menjadi lebih mudah. Transfer informasi bisa
dilakukan hanya dalam hitungan detik, waku dan ruang tidak lagi menjadi masalah di
era seperti sekarang ini.
Salah satu sekolah SMP swasta yang berpotensi di Bekasi yaitu SMP Plus
Islam Al-Wasathiyah merupakan sekolah yang masih menggunakan sistem
pendaftaran secara manual. Yaitu calon siswa datang ke SMP Plus Islam Al-
Wasathiyah dengan membawa persyaratan berupa foto copy ijazah, foto copy KK
(Kartu Keluarga) dan pas photo berwarna ukuran 2x3 dan 3x4 sebanyak tiga lembar.
Kemudia mengisi formulir pendaftaran yang telah disiapkan panitia, dan
mengembalikannya ke panitia. Panitia memverifikasi data, calon siswa yang datanya
dinyatakan lolos verifikasi mengikuti tes seleksi, hasil seleksi akan di umumkan di
SMP Plus Islam Al-Wasathiyah, calon siswa yang telah lolos seleksi melakukan daftar
ulang. Panitia pendaftaran memasukkan data siswa baru ke Excel.
Dari wawancara yang penulis lakukan dengan Panitia Pendaftaran Siswa Baru
tahun ajaran 2020/2021 di SMP Plus Islam Al-Wasathiyah Bekasi diperoleh
keterangan bawa Panitia Pendaftaran Siswa Baru membutuhkan sebuah sistem yang
dapat membuat kegiatan penerimaan siswa baru di SMP Plus Islam Al-Wasathiyah
Bekasi menjadi lebih mudah, cepat serta meminimalkan kesalahan dalam pemasukkan
data. Berdasarkan latar belakang permasalahan tersebut dapat dirumuskan masalah
yaitu bagaimana merancang sebuah sistem yang dapat membantu Panitia Pendaftaran
Siswa Baru dengan lebih mudah, cepat, dan meminimalkan kesalahan dalam
pemasukkan data. Sehingga dapat memudahkan calon siswa dalam mengikuti proses
penerimaan siswa baru. Sementara untuk tenaga penddiknya berjumlah 20 orang
dengan kualifikasi Sarjana S1.
II. Struktur Organisasi dan Fungsi
Gambar II.1
Struktur Organisasi.
Berikut fungsi dari jabatan yang ada dalam struktur organisasi di SMP Plus Islam Al-
Wasathiyah, sebagai berikut:
1. Yayasan Manba’ul Qur’an
Yayasan Manba’ul Qur’an adalah Lembaga yang menaungi SMP Plus Islam Al-
Wasathiyah. Bertanggung jawab terhadap pengelolaan keseluruhan Yayasan
Manba’ul Qur’an. Memimpin serta membawahi Lembaga-lembaga yang ada
didalam Yayasan.
Sumber : SMP Plus Islam Al-
Wasatiyah Bekasi
Tugasnya :
a. Membuat keputusan mengenai perubahan anggaran dasar
b. Mengangkat dan memberhentikan anggota pengurus dan anggota umum.
c. Menetapkan kebijakan umum pada Yayasan berdasarkan anggaran dasar
Yayasan.
d. Mengesah kan program kerja dan rancangan anggaran tahunan Yayasan
e. Membuat kebijakan keputusan mengenai pembubaran dan penggabungan
Yayasan.
2. Komit
Suatu Lembaga mandiri di lingkungan sekolah dan berperan dalam peningkatan
mutu pelayanan yang ada di SMP Plus Islam Al-Wasathiyah ini dengan
memberikan pertimbangan, arah, dan dukungan tenaga, sarana dan prasarana serta
pengawasan pada tingkat suatu Pendidikan (sekolah).
3. Kepala sekolah
Kepala sekolah di SMP Pus Islam Al-Wasathiyah mempunyai peran yang sangat
penting.
Adapun tugas dari kepala sekolah:
a. Membuat rencana kerja sekolah (RKS), rencana kegiatan, dan rencana
anggaran sekolah (RKAS).
b. Menyusun pengelolaan kesiswaan.
c. Melaksanakan evaluasi diri sekolah.
d. Mengevaluasi pendayagunaan pendidik.
e. Bertanggung jawab dalam membuat keputusan anggaran.
4. Wakil Kepala Sekolah
Wakil kepala sekolah di SMP Plus Islam Al-Wasathiyah juga mempunyai peran
penting dalam membantu kepala sekolah. Tugasnya adalah:
a. Menyusun perencanaan program kegiatan dan program pelaksanaan.
b. Membantu dalam pengorganisasian yang ada di SMP Plus Islam Al-
Wasathiyah.
c. Melakukan pengarahan terhadap warga sekolah.
d. Membantu dalam pengawasan sekolah
5. Bidang Kurikuulm
Bidang kurikulum di SMP Plus Islam Al-Wasathiyah mempunyai tugas sebagai
berikut:
a. Menyusun dan menjabarkan kalender Pendidikan.
b. Menyusun pembagian tugas pada guru dan jadwal pelajaran.
c. Mengatur penyusunan program pengajaran dalam program persemester,
program satuan pelajaran, penjabaran dan penyesuaian kurikulum.
d. Mengatur pelaksanaan kegiatan kurikuler dan eksrakulikuler.
6. Bidang kesiswaan
Bidang kesiswaan di SMP Plus Islam Al-Wasathiyah mempunyai tugas sebagai
berikut:
a. Mengatur program dalam pelaksanaan bimbingan dan konseling.
b. Mengatur dan mengoordinasikan Keamanan, Kebersihan, Keimanan,
Kekeluargaan, Kerindangan, Kerapihan Dan Keindahan dalam sekolah.
c. Mengatur dan membina kegiatan Osis meliput Kepramukaan, Palang Merah
Remaja (PMR), Paskibra, dan lain-lain.
7. Operator
Operator di SMP Plus Islam Al-wasathiyah bertanggung jawab untuk memberikan
data sekolah secara lengkap dan akurat serta membantu tugas Kepala Sekolah dalam
kegiatan :
a. Administrasi
• Menyimpan berkas yang berhubungan dengan pendaftaran dan database.
• Melengkapi administrasi dan penginputan data sesuai dengan berkas
yang ada.
• Menyimpan dan merangkum berkas-berkas dan file yang bekaitan
dengan administrasi, memberikan laporan kinerja selama bertugas secara
berkala kepada Kepala Sekolah.
b. Teknologi dan Informasi
• Mengoprasikan sistm komputer dan peralatan TIK di sekolah
• Memanfaatkan segala teknologi dan informasi untuk urusan administrasi
kepegawaian dan siswa di sekolah.
• Memanfaatkan secara teknologi untuk memberikan informasi secara
realtime ke server pusat.
c. Pendataan Dapodik
• Enty data
• Vaidasi
• Updating
• Sinkronisasi
8. Tata Usaha
Tata usaha di SMP Plus Islam Al-Wasathiyah bertanggung jawab mengkoordinasi
dan melaksanakan ketatausahaan sekolah serta bertangung jawab kepada Kepala
Sekolah dalam kegiatan:
a. Penyusunan program tata usaha sekolah
b. Penyusunan administrasi keuangan
c. Penyusunan adminisrasi perlengkapan
d. Pelaksaaan administrasi siswa
e. Pelaksanaan administrasi sarana dan prasarana
f. Pelaksanaan administrasi kurikulum
g. Penyajian data / ststistik sekolah
h. Penyusunan laporan pelaksanaan dalam kegiatan pengurusan ketatausahaan
secara berkala.
9. Wali Kelas
Wali kelas membantu kepala sekolah dalam membimbing siswa agar disiplin kelas,
sebagai motivator untuk membangkitkan minat siswa berprestasi di kelas. Wali
kelas di SMP Plus Islam Al-Wasathiyah mempunyai tugas sebagai berikut:
a. Mengelola kelas
b. Mengenal dan memahami situasi kelas.
c. Menyelenggarakan administrasi kelas
d. Memberikan motivasi kepada siswa.
e. Memantapkan siswa dalam melaksanakan tata krama, sopan santun dikelas.
f. Membimbing siswa dalam melaksanakan kegiatan ekstrakulikuler disekolah.
10. Guru Mata Pelajaran (MP)
Guru mempunyai peran yang sangat penting dalam proses belajar mengajar yang
ada disekolah. Guru mata pelajaran di SMP Plus Islam Al-Wasathiyah mempunyai
tugas sebagai berikut:
a. Merencanakan pembelajaran
b. Melaksanakan pembelajaran
c. Menilai hasil pembelajaran.
d. Membimbing dan melatih siswa.
e. Melakasanakan tugas tambahan.
III. Prosedur Sistem Berjalan
Sesuai dengan ruang lingkup dalam penyusunan Tugas Akhir ini, penuls akan
menguraikan secara umum prosedur sistem berjalan yang meliputi :
1. Prosedur pendaftaran
Orang tua / calon siswa datang langsung ke SMP Plus Islam Al-Wasathiyah
sesuai tanggal yang tertera pada brosur untuk mengisi formulir pendaftaran.
Pengambilan formulir pendaftaran yang berada pada pihak sekolah dan mengisi
formulir tersebut dengan benar oleh calon siswa Setelah formulilr pendaftaran diisi,
kemudian calon siswa baru mengembalikan formulir pendaftaran kepada Panitia
pendaftaran.
2. Prosedur Tes Masuk
Proses ini meliputi pihak sekolah dan calon siswa dimana calon siswa datang
kesekolah tepat waktu untuk mengikuti test yang berlangsung sesuai jadwal yang telah
diberikan, setelah test telah usai, calon siswa tinggal menunggu hasil test tersebut
keluar apakah calon siswa lolos menjadi siswa di sekolah SMP Plus Islam Al-
Wasathiyah.
III.1. Activity Diagram
Acttvity Diagram Sistem Berjalam
Gambar III.1
Activity Diagram Sistem Berjalan
III.2. Spesifikasi Dokumen Masukkan
Nama Dokumen Masukkan : Formulir Yang Sudah Diisi
Fungsi : Untuk Mengetahui Data Pribadi Calon Siswa
Sumber : Calon Siswa
Tujuan : Panitia Pendaftaran Siswa Baru
Jumlah : 1 Rangkap
Media : Kertas
Frekuensi : Pada Saat Pengembalian Formulir
III.3. Spesifikasi Dokumen Keluaran
1. Formulir
Nama Dokumen Keluaran : Formulir Pendaftaran Siswa Baru
Fungsi : Untuk Mengisi Data Pribadi Calon Siswa
Sumber : Panitia Pendaftaran Siswa Baru
Tujuan : Calon Siswa
Jumlah : 1 Rangkap
Media : Kertas
Frekuensi : Setiap Melakukan Pendafaran
2. Laporan Data Siswa Baru
Nama Dokumen : Laporan Data Siswa Baru
Fungsi : Sebagai Bukti Pencatatan Pendaftaran Siswa
Baru
Sumber : Panitia Pendaftaran Siswa Baru
Tujuan : Kepala Sekolah
Jumlah : 1 Buku
Frekuensi : Saat Pendaftaran Ditutup
III.4. Permasalahan pokok
Dalam Analisa yang penulis lakukan pada SMP Plus Islam Al-Wasathiyah
terdapat permasalahan yang terjadi pada sistem pendaftaran dan administrasi siswa
baru pada SMP Plus Islam Al-Wasathiyah ini, yaitu :
1. Penyimpanan arsip masih bersifat manual dengan menumpuknya data-data pada
lemari penyimpanan sehingga memerlukan banyak ruang.
2. Sulitnya untuk mencari data yang ingin di gunakan.
3. Pembuatan laporan masih sangat rumit karena harus menulis ulang data yang
harus di laporkan kepada Kepala Sekolah.
III.5. Pemecahan masalah
Setelah menganalisa alur proses pendaftaran dan administrasi siswa baru yang ada
pada SMP Plus Islam Al-Wasathiyah, maka penulis mencoba meberikan usulan atau
saran dari beberapa masalah yang sudah penulis uraikan diatas, diantaranya:
1. Diperlukan program aplikasi database untuk mempermudah panitia pendaftaran
menyelesaikan tugas-tugasnya. Hal ini akan meringankan tugas panitia
pendaftaran siswa baru.
2. Pembuatan sistem yang telah terkomputerisasi dapat menyimpan data yang
didukung oleh database karena akan aman dan meringankan panitia dalam
menyimpan atau mencari data.
3. Dengan adanya sistem baru, pembuatan laporan diambil dari arsip file yang
memudahkan panitia pendaftaran dalam pembuatan laporan.
IV. Tahap Perancangan Sistem
IV.1.1. Analisis Kebutuhan
A. Kebutuhan Pengguna
Dalam perancangan sistem pendaftaran siswa baru terdapat dua pengguna yang
saling berinteraksi dalam lingkungan sistem yaitu: pendaftar / user dan admin. Kedua
pengguna tersebut memiliki karakteristik interaksi dengan sistem dan kebutuhan
informasinya yang berbeda-beda, yaitu sebagai berikut:
1. Halaman calon siswa
a. Calon siswa dapat melihat halaman beranda dari website.
b. Calon siswa dapat melakukan pendaftaran secara online.
c. Calon siswa dapat melakukan login
d. Calon siswa dapat melakukan tes secara online.
e. Calon siswa dapat logout.
2. Halaman Admin
a. Admin dapat melakukan login.
b. Admin dapat mengolah data pendaftaran.
c. Admin dapat mengolah data nilai siswa.
d. Admin dapat membuat dan mengedit soal.
e. Admin membuat laporan siswa.
f. Admin dapat logout.
B. Kebutuhan Sistem
1. pengguna harus melakukan login untuk mengakses web dengan memasukkan
username dan password guna menjaga keamanan.
2. Pengguna harus melakukan logout
3. Sistem akan melakukan penyimpanan data siswa
IV.1.2. Rancangan Diagram Use Case
Penggambaran use case diagram untuk menjelaskan fungsi-fungsi dari sistem
halaman calon siswa dan halaman admin, yaiu:
1. Use Case Diagram Halaman Calon Siswa.
Gambar IV.1
Use Case Diagram Halaman Calon Siswa
Tabel IV.1
Deskripsi Use Case Diagram Calon Siswa
Use Case Name Halaman Calon Siswa
Requirement A,B,C,D,E,F,G
Goal
Calon siswa dapat melakukan pendaftaran di website
dan melakukan ujian online
Pre-Conditions Calon siswa melakukan pendaftaran dan login
Post-Conditions - Sistem menampilkan form pendaftaran
- Sistem menampilkan tes online dan hasilnya
Failed and Condition Pendaftaran batal
Actors Calon Siswa
Main Flow / Basic Path 1. Calon siswa mengakses laman web SMP Plus
Islam Al-Wasathiyah
2. Calon siswa dapat melakukan pendaftaran
3. Sistem menampilkan form pendaftaran
4. Calon siswa login sebelum melakukan tes
5. Calon siswa melakukan tes secara online
6. System mengahasilkan hasilnya
2. Use Case Diagram Halaman Admin.
Gambar IV.2
Use Case Halaman Admin Mengolah Data Penerimaan Siswa
Tabel IV.2
Deskripsi Use Case Diagram Mengolah Pendaftaran Siswa Baru
Use case Name Mengolah pendaftaran siswa
Requirement B
Goal Admin melakukan pengolahan data seperti
menambah, mengedit, atau menghapus data
calon siswa.
Pre-Conditions Admin sebelumnya sudah melakukan login
Pos-Conditions Sistem menampilkan data calon siswa baru
yang sudah lolos berkas
Failed and Conditions Admin akan memberikan keterangan apabila
data calon siswa tidak lolos
Actors Admin
Main Flow / Basic Path 1. Admin mengklik untuk membatalkan data
calon siswa yang tidak lolos pemberkasan
2. Sistem menampilkan form data calon siswa
Tabel IV.3
Deskripsi Use Case Diagram Mengolah Nilai Tes
Use Case Name Mengolah Nilai Tes
Requirement C,D
Goal Admin melakukan pengolahan nilai tes calon
siswa SMP Plus Islam Al-Wasathiyah dan
penambahan soal tes masuk
Pre-Conditions Admin mengecek nilai tes yang masuk
Post-Condition Admin menampilkan hasil tes kemudiam
disimpan di database
Failed and Conditions Admin tidak akan memproses atau
menambahkan ujian online calon siswa apabila
tidak sesuai dengan jadwal ujian.
Actors Admin
Main Flow/ Basic Path 1. Admin mengecek hasil ujian calon siswa
2. Admin mengkonfirmasi hasil tes
3. Admin dapat menambah soal tes
Tabel IV.4
Deskripsi Use Case Diagram Laporan Penerimaan Siswa Baru
Use Case Name Laporan Penerimaan
Requirement Admin mencetak laporam
Pre-Conditions Admin memilih jenis laporan
Pos-Conditions Sistem menampilkan siswa yang telah diterima di SMP
Plus Islam Al-Wasathiyah
Failed and Conditions Ada kesalahan pada laporan, Admin dapat mengecek
pada database penerimaansiswa_db.
Actors Admin
Main Flow / Basic Path 1. Adminn mengetik laporan
2. Sistem menampilkan laporan
3. Sistem menampilkan laporan dalam bentuk PDF
4. Admin dapat mencetak laporan
IV.1.3. Rancangan Diagram Aktivitas
Activity Diagram merupakan alur dari sebuah sistem yang telah berjalan,
activity digram memiliki kesamaan dengan Flowchart namun perbedaan terletak pada
prilaku yang mendukung secara pararel. Berikut ini adalah diagram activity diagram
yang digunakan dalam menggambarkan alur sistem penerimaan siswa baru pada SMP
Plus Islam Al-Wasathiyah.
1. Activity Diagram Calon Siswa
a. Halaman Pendaftaran Calon Siswa Baru
Gambar IV.3
Activity Diagram Halaman Pendaftaran Calon Siswa Baru
b. Activity Diagram Halaman Ujian Online
Gambar IV.4
Activity Diagram Halaman Ujian Online
c. Halaman Profil Sekolah
Gambar IV.5
Activity Diagram Profil Sekolah
d. Halaman Pengumuman Dan Jadwal
Gambar IV.6
Activity Diagram Pengumuman Dan Jadwal Pendaftaran
2. Activity Diagram Halaman Admin
Halaman admin memiliki beberapa aktivitas yang dapat digambarkan sebagai
berikut:
a. Halaman Login Admin
Gambar IV. 7
Activity Diagram Admin
b. Halaman Pendaftaran Siswa
Gambar IV.8
Activity Diagram Pendaftaran Siswa Baru
c. Halaman Soal
Gambar IV.9
Activity Diagram Soal
d. Halaman Pengelolahan Data Nilai Tes
Gambar IV.10
Activity Diagram Data Nilai Tes Siswa
e. Halaman Laporan
Gambar IV.11
Activiy Diagram Laporan
IV.1.4. Rancangan Dokumen Sistem Usulan.
Rancangan dokumen data penerimaan siswa baru SMP Plus Islam Al-
Wasathiyah dijelaskan sebagai berikut:
A. Dokumen Masukan
Nama Dokumen : Data Pendaftaran
Fungsi : Untuk mengetahui data-data calon siswa
Sumber : Calon siswa baru
Tujuan : Panitia Pendaftaran Peserta Didik Baru
Media : Website
Frekuensi : Pendaftar calon siswa baru
B. Rancangan Dokumen Keluaran Sistem Usulan
Nama Dokumen : Laporan siswa diterima
Fungsi : Sebagai bukti penerimaan siswa baru
Sumber : Panitia Pendaftaran Siswa Baru
Jumlah : 1 Rangkap
Frekuensi : Setiap penerimaan siswa baru
IV.1.5 Rancangan Prototype
1. Rancangan Prototype Halaman Utama Calon Siswa Baru
Untuk rancangan prototype halaman utama calon siswa digambarkan sebagai
berikut:
a. Rancangan Halaman Utama
Gambar IV.12
Rancangan Halaman Utama
b. Tampilan Panduan Pendaftaran
Gambar IV.13
Rancangan Halaman Panduan Pendaftaran
c. Tampilan Jadwal Pendaftaran
Gambar IV.14
Rancangan Halaman Jadwal Pendaftaran
d. Rancangan Pendaftaran Calon Siswa Baru
Gambar IV.15
Rancangan Halaman Pendaftaran Calon Siswa
e. Tampilan Upload File
Setelah dinyatakan diterima sebagai siswa di SMP Plus Islam Al-Wasathiyah,
maka setiap calon siswa wajib mengaupload berkas seperti ijazah dan nilai UN siswa
tersebut, yatu:
Gambar IV.16
Rancangan Upload File
2. Rancangan Prototype Halaman Admin
a. Tampilan Halaman Login Admin
Untuk halaman login sebagai langkah awal admin dapat melakukan prosesnya
digambarkan sebagai berikut:
Gambar IV.17
Rancangan Halaman Login Admin
b. Tampilan Halaman Utama
Setelah melakukan login, maka akan tampil halaman utama atau halaman beranda,
sebagai berikut:
Gambar IV.18
Rancangan Halaman Utama Admin
c. Tampilan Halaman Pendaftaran Siswa
Gambar IV.19
Rancangan halaman pendaftaran siswa
d. Tampilan Halaman Data Nilai Siswa
Gambar IV.20
Rancangan Halaman Data Nilai Siswa
e. Tampilan Halaman Soal
Apabila admin merasa perlu menambah atau mengedit soal tes masuk, dapat
dilakukan yaitu:
Gambar IV.21
Rancangan halaman soal
f. Tampilan Halaman Laporan
Gambar IV.22
Rancangan Halaman Laporan
4.2. Perancangan Perangkat Lunak
Berikut ini adalah ERD yang dibuat untuk sistem informasi pendaftaran siswa
baru di SMP Plus Islam Al-Wasathiyah
4.2.1. Entity Relationship Diagram (ERD)
Menggambarkan hubungan antar tabel yang dibuat beserta relasi antar tabel,
dalam hal ini penulis menggambarkan dengan menggunakan Entity Relationship
Diagram, sebaga berikut:
Gambar IV.23
ERD (Entity Reltionship Diagram)
4.2.2 Logical Record Struktur (LRS)
Logical record dtruktur (LRS) yang digunakan menggambarkan hubungan dari
record-record yang berbentuk fisik digambarkan sebagai berikut:
Gambar IV.24
Logical Record Structure
IV.2.3. Spesifikasi file
Database penerimaansiswa_db dijelaskan sebagai berikut:
1. Spesifikasi File Tabel User
a. Nama Database : penerimaansiswa_db
Nama File : Tabel User
Akronim : User
Tipe file : File Master
Organisasi File : Indexed Sequential
Akses file : Random
Kunci field : id_user
Tabel IV.5
Spesifikasi File Tabel User
No Elemen Data Nama Field Tipe Size Keterangan
1. ID User id_user Int 10 Primary Key
2. Nama User Nama_user Varchar 50
3. Password Password Varchar 50
b. Nama Database : penerimaansiswa_db
Nama File : Tabel Pendaftaran
Akronim : Pendaftaran
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Kunci Field : no_pendaftaran
Tabel IV.6
Spesifikasi File Tabel Pendaftaran.
No Elemen Data Nama Field Tipe Size Keterangan
1 Nomor Pendaftaran no_pendaftaran Int 5 Primary Key
2 Nama Calon Siswa Nama Varchar 50
3 Jenis Kelamin Jenis_kelamin Int 1
4 Alamat Siswa Alamat Varchar 50
5 Agama Agama Int 1
6 Tempat Lahir Tmpt_lahir Varchar 30
7 Tanggal Lahir Tgl_lahir Date
8 Nama Ayah Nama_ayah Varchar 30
9 Pekerjaan Ayah Pekerjaan_ayah Varchar 15
10 Nama Ibu Nama_ibu Varchar 30
11 Pekerjaan Ibu Pekerjaan_ibu Varchar 15
12 Nomor Telepon No_telp Int 13
c. Nama Database : penerimaansiswa_db
Nama File : Tebel Siswa
Akronim : Siswa
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Kunci Field : kd_siswa
Tabel IV.7
Spesifikasi File Tabel Siswa
1. Elemen Data Nama Field Tipe Size Keterangan
2. Kode Siswa kd_siswa Int 5
3. Nomor
Pendaftaran
No_Pendaftaran Int 5
d. Nama Database : penerimaansiswa_db
Nama File : Tabel Soal
Akronim : Soal
Tipe File : File Master
Organisasi File : Indexed Sequenial
Akses File : Random
Kunci Field : id_soal
Tabel IV.8
Spesifikasi File Tabel Soal
No Elemen Data Nama Field Tipe Size Keterangan
1. Id soal Id_soal Int 5 Prymary key
2. Soal Soal Varchar 200
3. Jawaban Jawaban char 1
e. Nama Database : penerimaansiswa_db
Nama File : Tabel Tes
Akronim : Tes
Tipe File : File Transaksi
Akses File : Random
Kunci field : no_tes
Tabel IV.9
Spesifikasi File Tabel Tes
no Element Data Nama Field Tipe Size Keterngan
1. Nomor Tes No_tes Int 5 Primary Key
2. Tanggal Tes Tgl_tes Date
3. Hasil Hasil Int 3
4. Keterangan Tes Ket_tes Varchar
5. Nomor
Pendaftaran
No_pendaftaran Int 5 Foreign key
6. Id.soal Id_soal Int 5
f. Nama Database : penerimaansiswa_db
Nama File : Tabel Upload
Akronim : Upload
Tipe File : File Transaksi
Akses File : Random
Kunci field : kd_siswa
Tabel IV.10
Spesifikasi File Tabel Upload
No Elemen Data Name Field Tipe Size Keterangan
1. Kode Siswa kd_siswa Int 10 Primary Key
2. Ijazah Ijazah Varchar 50
3. Nilai UN Nilai_un Varchar 50
4.2.4 Class Diagram
Model statis yang menunjukkan hubungan antar kelas sistem
Penerimaan siswa baru pada SMP Plus Islam Al-Wasathiyah digambarkan sebagai
berikut:
Gambar IV.25
Class Diagram Penerimaan Siswa Baru
4.2.5. Sequence Diagram
Gambar IV.26
Sequence Diagram Calon Siswa
Gambar IV.27
Sequence Diagram Admin
4.2.6. Spesifikasi Hardware Dan Software
A. Spesifikasi Hardware
Hardware atau dikenal sebagai perangkat keras merupakan faktor penting
dalam menjalankan sistem, adapun spesifikasi hardware minimum yang diperlukan
dalam mengakses web server baik admin maupun client.
1. Adapun Spesifikasi Perangkat Keras Minimum yang Dibutuhkan Untuk Web
server:
Processor : AMD Radeon A4 2.2 GHz
RAM : Minimal 2GB
Harddisk : Minimal 320GB
Mouse : Standar Mouse
Keyboard :107 Keys
Monitor : 16 inch
Printer : Ink Printer
2. Spesifikasi Perangkat Keras Minimum Yang Dibutuhkan Untuk Client:
Processor : AMD Radeon E1 2.2 GHz
RAM : Minimal 1GB
Harddisk : Minimal 80 GB
Mouse : Standart Mouse
Keyboard : 107 Keys
Monitor :16 inch
Printer : Ink Printer
B. Spesifikasi Software
Software merupakan perangkat lunak yang dibutukan dalam menyusun
rangkaian sesuai dengan urutan-urutan pola yang benar, adapun sistem perangkat
lunak yang dibutuhkan untuk mengakses Web Server dan untuk Client:
1. Adapun spesifikasi perangkat lunak minimal yang dibutuhkan oleh web server
sebagai berikut:
Sistem Operasi : Microsoft Windows
Browser : Goggle Chrome, Mozila Firefox
Bahasa Pemrograman : PHP
Database Server : PHP Myadmin
Web Server : XAMPP
Tools : Notepad++
2. Adapun spesifikasi perangkat lunak minimal yang dibutuhkan oleh Client senbagai
berikut:
Sistem Operasi : Microsoft Windows
Browser : Google Chome, Mozilla Firefox
Source Code JSP
<sql:query var="qryuser" dataSource="${dataSource}">
<%-- perubahan muai dari where ...--%>
SELECT * FROM pendaftaran WHERE daftar_siswa
LIKE '%${param.cari}%'
OR tgl
LIKE '%${param.cari}%'
</sql:query>
<%@page import="java.sql.*, model.nama, model.tempat_ttl, model.alamat,
model.nama_ayah, model.pekerjaan_ayah,model.nama_ibu,model.pekerjaan_ibu"%>.
<%
Daftar siswa_baru = new Daftar();
Daftar calon_siswa = new Calon_siswa();
Halaman admin = new Login admin();
//--koneksi database--
Connection koneksi = null;
Statement stmt = null;
ResultSet rs = null;
Class.forName("com.mysql.jdbc.Driver");
koneksi = DriverManager.getConnection("jdbc:mysql://localhost/program
pendaftaran siswa baru pada SMP Islam Wasathiyah_Bekasi", "root", "");
stmt = koneksi.createStatement();
rs = stmt.executeQuery("SELECT * FROM halaman utama ad"
+ " WHERE kode_panduan pendaftaran");
%>
<h1>[ From ]</h1>
<form action="panduan pendaftaran1Servlet" method="post">
<style type="text/css">
table {
font-family: Arial, Helvetica, sans-serif;
background-color: #ff9900;
border-style: ridge;
border-color: #c40b00;
border-collapse: separate;
text-align: left;
padding: 4px;
color: white;
font-size: 12px;
}
a {
color: black;
font: "Times New Roman",sans-serif;
font-size: 20px;
}
h1 {
border-style: inset;
border-collapse: separate;
background-color: #c40b00;
width: 430px;
height: 50px;
border-color: #c40b00;
font-family: 'cambria', sans-serif;
color: white;
letter-spacing: 6px;
font-size: 35px;
margin-bottom: 10px;
margin-top: 10px;
}
input {
border-color: white;
color: #ff9900;
font-family: Georgia, Arial, sans-serif;
font-size: 16px;
padding: 3px;
}
input:hover {
background-color: #ff9900;
color: #ffffff;
}
input.button {
background-color: white;
color: #ff9900;
font-family: 'Roboto', sans-serif;
margin-right: 10px;
}
input.button:hover {
background-color: #ff9900;
color: #ffffff;
}
select {
border-color: white;
color: #ff9900;
font-family: Georgia, Arial, sans-serif;
}
select:hover {
background-color: #ff9900;
color: #ffffff;
}
select option [selected="selected"]
{
font-weight: bold;
background-color: #ff9900;
color: #ff9900;
}
tr:nth-child(even){background-color: #ffffff; color: black;}
</style>
<script type="text/javascript">
function showEmp(emp_value)
{
if (document.getElementById("emp_id").value != "-1")
{
xmlHttp = GetXmlHttpObject()
if (xmlHttp == null)
{
alert("Browser does not support HTTP Request")
return
}
var url = "gethalaman jadwal pendaftaran.jsp"
url = url + "?emp_id=" + emp_value
xmlHttp.onreadystatechange = stateChanged
xmlHttp.open("GET", url, true)
xmlHttp.send(null)
} else
{
alert("-");
}
}
function stateChanged()
{
document.getElementById("ename").value = "";
document.getElementById("emp_id").value = "";
if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete")
{
var showdata = xmlHttp.responseText;
var strar = showdata.split(":");
if (strar.length == 1)
{
document.getElementById("emp_id").focus();
alert("-");
document.getElementById("ename").value = " ";
document.getElementById("emp_id").value = " ";
} else if (strar.length > 1)
{
document.getElementById("ename").value = strar[1];
}
}
}
function GetXmlHttpObject()
{
var xmlHttp = null;
try
{
xmlHttp = new XMLHttpRequest();
} catch (e)
{
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
</script>
<table border="17">
<tr style="background-color: #ff9900; color: white;">
<td>Kode Pembelian</td>
<td>
<%
try {
ResultSet nopm = null;
Statement perintah = koneksi.createStatement();
nopm = perintah.executeQuery("Select max(right(upload_ file,8)) as no
FROM upload file");
while (nopm.next()) {
if (nopm.first() == false) {
out.println("<input type='hidden' name='kode_nama file',
name=’kode_pilih file, value='Upload File001' id='t1'/>");
out.upload("<input type=''text' disabled='disabled'
value='P00000001'/>");
} else {
nopm.last();
int autonopm = nopm.getInt(1) + 1;
String nomorpm = String.valueOf(autonopm);
int noLong = nomorpm.length();
for (int a = 1; a < 9 - noLong; a++) {
nomorpm = "0" + nomorpm;
}
String nomerpm = "PM" + nomorpm;
out.println("<input type='hidden' name='halaman_pendaftaran
calon siswa' value='" + nomerpm + "'/>");
out.println("<input type='text' disabled='disabled' value='" +
nomerpm + "'/>");
}
}
} catch (Exception e) {
out.println(e);
}
%>
</td>
</tr>
<tr>
<td>Nomer Daftar</td>
<td><input type="NISN" name="Nama Lengkap" name=”TTL” name=”Jenis
Kelamin”name=”Agama” /></td>
</tr>
<tr style="background-color: #ff9900; color: blue;">
<td>Halaman Data Nilai Siswa</td>
<td>
<select name="halaman_soal" onchange="showEmp(this.value);">
<option value="">Pilih Halaman Soal</option>
<%
rs = stmt.executeQuery("SELECT * FROM soal ");
while (rs.next()) {
soal.setKode_pilihan A, Pilihan B, Pilihan C, Kunci
Jawaban(rs.getString("Halaman_laporan"));
barang.setData_Laporan(rs.getString("Data_Laporan"));
%>(rs.getString(“Halaman_ Login Admin)%>
<option
value="<%=username.getUser_name()%>"><%=Username.getPassword_siswa()%>
|| <%=Password.getNama_siswa()%></option>
<% }%>
</select>
</td>
</tr>
<tr>
<td>Halaman Utama Admin</td>
<td>
<select name="button_Home">
<option value="">Pilih Home</option>
<%
rs = stmt.executeQuery("SELECT * FROM Halaman Utama Admin");
while (rs.next()) {
pendaftaran siswa baru.sethalaman_pendaftaran siswa
baru(rs.getString("halaman_pendaftaran siswa"));
data nilai siswa baru.setdata nilai siswa
baru_halaman(rs.getString("halaman_data nilai siswa baru"));
%>
<option value="<%=tambah soal.gethalaman_tambah
soal()%>"><%=laporan.gethalaman_laporan()%> || <%=laporan.getHalaman
utama_admin()%></option>
<% }%>
</select>
</td>
<tr style="background-color: #ff9900; color: white;">
<td>Satuan</td>
<td><input type="text" name="satuan" size="25"/></td>
</tr>
<tr style="background-color: #ff9900; color: white;">
<td>Harga Beli</td>
<td id="emp_id" value="" ><input type="text" name="halaman_Utama"
id="ename" value="" onchange="beli()" readonly/></td>
</tr>
<tr style="background-color: #ff9900; color: white;">
<td>Profil</td>
<td><input type="text" name="text" size="25" id="qty"
onchange="text()"/></td>
</tr>
<tr>
<td>Panduan</td>
<td><input type="text" name="Panduan" size="25" id="Text"
readonly/></td>
</tr>
<tr>
<td colspan="3" align="center"><input type="submit" name="aksi"
value="Simpan" class="button"/></td>
</tr>
</table>
</form>
<script type="text/javascript">
function Jadwal Pendaftaran() {
var Profil = document.getElementById("text").value;
var Panduan = document.getElementById("ename").value;
var Pendaftaran & Tes = From_Blank;
document.getElementById("Form Blank").value = Pendafataran & Tes;
}
</script>
<form action="#" method="post"><br>
Halaman Pendaftaran Siswa : <input type="text" name="cari"
value="${param.cari}"/> <%-- modif value --%>
<input type="submit" value=" Cari " class="button"/><br>
</form>
<table border="5" cellpadding="5" cellspacing="5">
<tr class="head">
<td>No Daftar</td>
<td>NISN</td>
<td>Nama Lengkap</td>
<td>Kode Supplier</td>
<td>TTL</td>
<td>Jenis Kelamin</td>
<td>Agama</td>
<td>Subtotal</td>
</tr>
<c:forEach var="rowakun" items="${qryuser.rowsByIndex}">
<tr class="isi">
<td align='center'>${rowakun[0]}</td>
<td align='center'>${rowakun[1]}</td>
<td align='center'>${rowakun[2]}</td>
<td align='center'>${rowakun[3]}</td>
<td align='center'>${rowakun[4]}</td>
<td align='center'>${rowakun[5]}</td>
<td align='center'>${rowakun[6]}</td>
<td align='center'>${rowakun[7]}</td>
</tr>
</c:forEach>
</table>
</body>
</html>
Source Code Control Servlet
package control;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import Pendaftaran siswa Baru.; //mengakses parameter
import No.Daftar;
import NISN;
import Nama Lengkap;
importTTL;
import Jenis Kelamin;
import Agaman;
import java.sql.*;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.servlet.annotation.WebServlet;
/**
*
* @author michael
*/
@WebServlet(name = "Program Pendaftaran SMP Plus Islam Wasathiyah Servlet",
urlPatterns = {"/pendaftaran & Test1Servlet"})
public class pendaftaran Siswa Baru1Servlet extends HttpServlet {
/**
* Processes requests for both HTTP <code>GET</code> and
<code>POST</code>
* methods.
*
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
protected void processRequest(HttpServletRequest request, HttpServletResponse
response)
throws ServletException, IOException, ClassNotFoundException, SQLException
{
response.setContentType("text/html;charset=UTF-8");
Pembelian pembelian = new Pembelian(); //--Inisialisasi Object—
String URL = "jdbc:mysql://localhost:3306/SMP Plus Islam_Wasathiyah Bekasi";
String USERNAME = "root";
String PASSWORD = "";
Connection koneksi = null;
PreparedStatement pstmt = null;
PreparedStatement pstmt2 = null;
int result = 0;
try (PrintWriter out = response.getWriter()) {
/* TODO output your page here. You may use following sample code. */
Class.forName("com.mysql.jdbc.Driver");
koneksi = DriverManager.getConnection(URL, USERNAME, PASSWORD);
String aksi = request.getParameter("aksi");
if (aksi != null) {
}
break;
default:
break;
}
}
}
}
// <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the +
sign on the left to edit the code.">
/**
* Handles the HTTP <code>GET</code> method.
*
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
try {
processRequest(request, response);
} catch (ClassNotFoundException ex) {
Logger.getLogger(pembelian1Servlet.class.getName()).log(Level.SEVERE, null,
ex);
} catch (SQLException ex) {
Logger.getLogger(pembelian1Servlet.class.getName()).log(Level.SEVERE, null,
ex);
}
}
/**
* Handles the HTTP <code>POST</code> method.
*
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
try {
processRequest(request, response);
} catch (ClassNotFoundException ex) {
Logger.getLogger(pembelian1Servlet.class.getName()).log(Level.SEVERE, null,
ex);
} catch (SQLException ex) {
Logger.getLogger(pembelian1Servlet.class.getName()).log(Level.SEVERE, null,
ex);
}
}
/**
* Returns a short description of the servlet.
*
* @return a String containing servlet description
*/
@Override
public String getServletInfo() {
return "Short description";
}// </editor-fold>
}