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 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.
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
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
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:
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
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.
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
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
c. Halaman Soal
Gambar IV.9 Activity Diagram Soal
d. Halaman Pengelolahan Data Nilai Tes
Gambar IV.10
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
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
b. Tampilan Panduan Pendaftaran
Gambar IV.13
Rancangan Halaman Panduan Pendaftaran c. Tampilan Jadwal Pendaftaran
Gambar IV.14
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
c. Tampilan Halaman Pendaftaran Siswa
Gambar IV.19
Rancangan halaman pendaftaran siswa
d. Tampilan Halaman Data Nilai Siswa
Gambar IV.20
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
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
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
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
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
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
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
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
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:
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
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>
<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 {
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 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>
