menu dan panduan penggunaan - repository.bsi.ac.id

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


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


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


Akses File : Random

Kunci Field : no_pendaftaran

Tabel IV.6

Spesifikasi File Tabel Pendaftaran.


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


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


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


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


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 {


color: #ffffff;

}

input.button {

background-color: white;

color: #ff9900;

font-family: 'Roboto', sans-serif;

margin-right: 10px;

}

input.button:hover {


color: #ffffff;

}

select {

border-color: white;

color: #ff9900;

font-family: Georgia, Arial, sans-serif;

}

select:hover {


color: #ffffff;

}

select option [selected="selected"]

{

font-weight: bold;


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];

}

}

}

} 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>


<td>Satuan</td>

<td><input type="text" name="satuan" size="25"/></td>

</tr>


<td>Harga Beli</td>

<td id="emp_id" value="" ><input type="text" name="halaman_Utama"

id="ename" value="" onchange="beli()" readonly/></td>

</tr>


<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>








</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.

*





*/

@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) {


ex);

}

}

/**

* Handles the HTTP <code>POST</code> method.

*





*/

@Override

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

try {

processRequest(request, response);

} catch (ClassNotFoundException ex) {


ex);

} catch (SQLException ex) {


ex);

}

}

/**

* Returns a short description of the servlet.

*

* @return a String containing servlet description

*/

@Override

public String getServletInfo() {

return "Short description";

}// </editor-fold>

}

menu dan panduan penggunaan - repository.bsi.ac.id

Documents