PEMBAHASAN
3.1. Analisis Kebutuhan
Bedasarkan Keadaan sistem yang ada pada sekolah saat ini yaitu tidak adanya sistem penerimaan siswa baru secara online dan masih manual dalam penyimpanan data-data siswanya, maka penulis mencoba membuat pemograman penerimaan siswa baru yang sangat dibutuhkan oleh sekolah
1. Kebutuhan administrator terhadap sistem dapat diuraikan sebagai berikut: a. Admin dapat mengelola data pendaftaran.
b. Admin dapat mengelola data admin dan user. c. Admin dapat mengelola data biaya.
d. Admin dapat mengelola data Data Transaksi.
2. Kebutuhan user terhadap sistem dapat diuraikan sebagai berikut: a. User dapat melihat Prosedur yang ada dalam website.
b. User dapat melakukan pendaftaran di dalam website
c. User dapat melihat Informasi Pendaftaran yang ada dalam website
d. User dapat melihat Biaya yang harus dibayarkan.
e. User dapat melakukan login dengan akun yang sudah terdaftar.
f. User dapat melihat Biodata Siswa.
g. User dapat melakukan transaksi.
3.2. Perancanga Perangkat Lunak
Penulis akan memberikan gambaran rancangan website yang akan dibuat, yaitu mengenai bentuk layout yang nantinya dapat membantu dalam tahap perancangan pada website Penerimaan Siswa Baru.
3.2.1. Rancangan Antar Muka
Rancangan Antar Muka
Website
Penerimaan Siswa Baru
1. Front End (Halaman User) a. Halaman Utama
Halaman yang ditampilkan pertama kali saat membuka website
GAMBAR III.1. Halaman utama
b. Form Pendaftaran
Menampilkan form pendaftaran, dengan memasukan biodata siswa yang lengkap
GAMBAR III.2.
Form Pendafataran Siswa Baru
c. Form upload bukti pembayaran
Setelah Pendaftaran Selesai dan berhasil maka siswa mengupload bukti pembayaran
GAMBAR III.3.
d. Rincian Biaya
Menampilkan rincian biaya sesuai dengan yaang sudah ditentukan oleh pihak sekolah.
GAMBAR III.4. Rincian biaya e. Halaman Login Siswa
Menampilkan Halaman Login Siswa, setelah siswa melakukan pembayaran maka siswa dapat mengakses halama login siswa dengan memasukin user name dan password yang sudah ditentukan oleh admin
GAMBAR III.5. Halaman Login Siswa
f. Halaman Biodata Siswa
Menampilkan Halaman Biodata Siswa , setelah siswa login, maka akan tampil biodata siswa
GAMBAR III.6. Biodata Siswa
g. Halaman Biodata Kelas
Menampilkan Halaman informasi Biodata Kelas Siswa braru
GAMBAR III.7. Biodata Kelas Siswa
2. Back End (Halaman Admin) a. Halaman Login
Untuk keamanan data, sebelum masuk ke halaman admin maka harus memasukan username dan password admin terlebih dahulu.
GAMBAR III.8. Halaman Login
b. Halaman Pendaftaran Baru
Admin dapat memproses pendaftaran jika user sudah melakukan pendaftaran, dan dapat membatalkan jika user melewati batas waktu pembayaran yang sudah ditentukan.
GAMBAR III.9. Halaman Pendaftaran Baru
c. Halaman Bukti Pembayaran
Admin dapat melihat user yang sudah mengupload bukti pembayaran.
GAMBAR III.10. Halaman Bukti Pembayaran
d. Halaman Admin Sudah Konfirmasi
Apabila user melakukan pembayaran maka admin mengkonfirasi status pendaftarannya.
GAMBAR III.11. Halaman Status Konfirmasi
e. Halaman Input Rincian Biaya
Admin dapat mengiput rincian biaya.
GAMBAR III.12. Halaman Iput Rincian Biaya
f. Halaman rincian biaya
Halaman untuk melihat rincian biaya yang sudah dibayarkan oleh pendaftar.
GAMBAR III.13. Halaman Rincian Biaya
g. Halaman pengaturan admin
Halaman pengaturan dapat merubah username dan password untuk login
GAMBAR III.14. Halaman Admin Pengaturan
3.2.2. Rancangan Basis Data
Basis data pada web Penerimaan Siswa Baru ini digunakan untuk menyimpan data berkaitan dengan proses dan konten yang ditampilkan pada halaman web. Dalam proses perancangan basis data menggunakan ERD (Entity Relationship Diagram), LRS (Logical Relational Structure), dan menentukan spesifikasi file untuk basis data yang dibuat bentuk rancangan basis data sebagai berikut:
A.
Entity Relationship Diagram
(ERD)
GAMBAR III.15.
B.
Logical Relational Structure
(LRS)
GAMBAR III.16.
C. Spesifikasi File
1. Spesifikasi file Tabel Pendaftaran Nama Database : smp.sql Akronim : Pendaftaran
Fungsi : Untuk Pendaftaran Calon Siswa Tipe File : Master
Organisasi File : Index Sequential
Akses File : random
Media : Hardisk
Panjang Record : 727
Kunci Field : no_pendaftaran
Software : MySql
Tabel III.1.
Spesifikasi File Pendaftaran
No Nama Field Elemendata Tipe Size Ket 1 no_pendaftaran No_Pendaftaran Int 4 Primary Key
2 nama Nama Varchar 50
3 Email Email Varchar 50
4 tempat_lahir tempat_Lahir Varchar 25 5 tanggal_lahir tanggal lahir Int 8 6 jenis_kelamin Kelamin Varchar 10
7 agama Agama Varchar 23
8 no_telepon Tlp Varchar 12
9 alamat Alamat Varchar 50
10 nisn NISN Varchar 11
11 nilai Nilai Varchar 4
12 nama_ayah Nama_Ayah Varchar 50 13 nama_ibu Nama_Ibu Varchar 50 14 pekerjaan_ayah Pekerjaan Ayah Varchar 50
15 alamat_yah Alamat Ayah Varchar 50 16 tlp_ayah No Tlp Ayah Varchar 15 17 pendidikan_ayah Pendidikan Ayah Varchar 25 18 pekerjaan_ibu Pekerjaan Ibu Varchar 50 19 alamat_ibu Alamat Ibu Varchar 50 20 tlp_ibu No Tlp Ibu Varchar 15 21 pendidikan_ibu Pendidikan Ibu Varchar 25 22 ijazah Ijazah Varchar 25
23 skhun Skhun Varchar 25
24 foto Foto Varchar 25
25 asal_sekolah Asal Sekolah Varchar 25
2. Spesifikasi file Tabel Admin Nama Database : smp.sql Nama File : File Admin Akronim : Admin
Fungsi : Untuk Login Admin Tipe File : Master
Organisasi File : Index Sequential
Akses File : random
Media : Hardisk
Panjang Record : 81 Kunci Field : id_admin
Tabel III.2. Spesifikasi File
Admin
No Namafiled Elemendata Tipe Size Ket 1 Id Admin id_admin Int 4 Primary Key
2 Usernam username Varchar 50 3 Password password Varchar 15
4 Tlp tlp Varchar 12
3. Spesifikasi file Tabel Biaya Nama Database : smp.sql Nama File : File Biaya Akronim : biaya
Fungsi : Untuk Input biaya sekolah Tipe File : Master
Organisasi File : Index Sequential
Akses File : random
Media : Hardisk
Panjang Record : 32 Kunci Field : id_baiya
Software : MySql
Tabel III.3. Spesifik.asi File Biaya
No Namafield Elemen Data Tipe Size Ket 1 Id_biaya No biaya Int 4 Primary Key
2 spp Biaya SPP Varchar 7
3 bangunan Biaya Bangunan Varchar 7 4 formulir Biaya Formulir Varchar 7 5 Jumlah_biaya Jumlah Biaya Varchar 7
4. Spesifikasi file Tabel Konfirmasi Pembayaran Nama Database : smp.sql
Nama File : File Konfirmasi Pembayaran Akronim : Konfirmasi Pembayaran
Fungsi : Untuk Menkonfrimasi Pembayaran Tipe File : Master
Organisasi File : Index Sequential
Akses File : random
Media : Hardisk
Panjang Record : 143
Kunci Field : id_konfirmasi
Software : MySql
Tabel III.4.
Spesifikasi File Konfrimasi Pembayaran
No Namafield Elemen Data Tipe Size Ket 1 Id_pembayaran No id Int 4 Primary Key 2 no_pemabayan No pendaftaran Int 4
3 nama Nama Varchar 50
4 tanggal Tanggal Bayar Varchar 10 5 no_rek No rekening Varchar 20 6 nama_bank Nama Bank Varchar 15 7 jumlah_biaya Nominal Uang Varchar 15 8 bukti Bukti Pembayaran Varchar 25
5. Spesifikasi file Tabel Rekening Bank Nama Database : smp.sql Nama File : File Bank
Akronim : Bank
Fungsi : Untuk Mengkonformasi pembayaran yang sudah dilakukan
Tipe File : Master
Organisasi File : Index Sequential
Akses File : random
Media : Hardisk
Panjang Record : 77 Kunci Field : no_rek
Software : MySql
Tabel III.5. Spesifikasi File Bank
No Elemen data Nama field Tipe Size Ket 1 no_rek No Rekening Int 17 Primary Key
2 nama_bank Nama Bank Varchar 15 3 atas_nama Pemilik Varchar 50
6. Spesifikasi file Tabel Siswa Nama File : smp.sql Nama File : File Siswa Akronim : Siswa
Fungsi : Melihat Biodata Siswa Yang Sudah Terdaftar Tipe File : Master
Organisasi File : Index Sequential
Akses File : random
Media : Hardisk
Panjang Record : 712 Kunci Field : nisn
Software : MySql
Tabel III.6. Spesifikasi File Siswa
No Nama Field Elemendata Tipe Size Ket
1 nisn NISN Int 4 Primary Key
2 Kelas Kelas Varchar 5
3 Nama Nama Varchar 50
4 Email Email Varchar 50
5 tempat_lahir Tempat Lahir Varchar 25 6 tanggal lahir Tanggal Lahir Varchar 8 7 kelamin Jenis_Kelamin Varchar 10
8 agama Agama Varchar 23
9 tlp No Tlp Varchar 12
10 alamat Alamat Varchar 50
11 nama_ayah Nama Ayah Varchar 50 12 nama_ibu Nama Ibu Varchar 50
13 pekerjaan__ayah Pekerjaan Ayah Varchar 50 14 alamat_ayah Alamat Ayah Varchar 50 15 tlp_ayah No tlp Ayah Varchar 15 16 pendidikan_ayah Pendidikan Ayah Varchar 25 17 pekerjaan_ibu Pekerjaan Ayah Varchar 50 18 alamat_ibu Alamat Ibu Varchar 50 19 tlp_ibu No Tlp Ibu Varchar 15 20 pendidikan_ibu Pendidikan Ibu Varchar 25
21 ijazah Ijazah Varchar 25
22 skhun SKHUN Varchar 25
23 foto Foto Varchar 25
3.2.3. Rancangan Struktur Navigasi
Struktur navigasi untuk web Penerimaan Siswa Baru ini terbagi menjadi 2 (dua) bagian yaitu struktur navigasi back-end yang digunakan untuk admin dan struktur navigasi front-end yang digunakan untuk user bentuk struktur navigasi sebagai berikut:
1. Struktur navigasi back-end
GAMBAR III.17.
Struktur navigasi back-end
2. Struktur navigasi front-end
GAMBAR III.18.
3.3 Implementasi dan Pengujian
Untuk menghasilkan program yang efektif maka dibutuhkanlah suatu implementasi serta pengujian unit untuk mengetahui seberapa efektifnya program yang telah dibuat.
3.3.1 Implementasi
1. Implementasi Rancangan Antar Muka.
Implementasi rancangan antar muka pada web penerimaan siswa baru berdasarkan hasil rancangan antar muka.
a. Halaman Login Admin
Administrator harus melakukan login terlebih dahulu untuk dapat menggunakan modul-modul yang tersedia. Jka login berhasil, maka menu-menu akan diampilkan.
Gambar III.19. Halaman Login Admin
b. Halaman Menu Pendaftaran Baru
Administrator dapat mengelola web seperti mengupdate melihat siswa yang baru mendaftar dan detail biodata pendaftar dan mengkonfirmasi pendaftaran.
Gambar III.20. Halaman Pendaftaran Baru
c. Halaman Input Data Bank
Administrator dapat Mengupdate dan menghapus data no rekening sekolah.
Gambar III.21. Halaman Data Bank Sekolah
d. Halaman Iput Biaya Pendaftaran Sekolah
Administrator dapat mengiput atau mengupdate biaya pendaftaran sekolah.
Gambar III.22.
Halaman Iput Biaya Pendaftaran
e. Halaman Data Pendaftaran Sudah Dikonfrimasi
Di halaman ini admin dapat melihat data siswa yang sudah dikonfrimasi.
Gambar III.23.
f. Halaman Pengaturan Admin
Di halaman ini admin dapat mengupdate username, password dan no tlp.
Gambar III.24. Pengaturan Admin
g. Halaman Index User
Halaman ini berisi Prosedur Pendaftaran
Gambar III.25.
h. Halaman Form Pendaftaran
Menampilkan form pendaftaran, dengan memasukan biodata siswa yang lengkap.
Gambar III.26. Halaman Form Pendaftaran
i. Halaman Infromasi Data Bank
Halaman ini berisi infromasi no rekening sekolah
Gambar III.27. Infromasi Data Bank
j. Halaman Rincian Biaya Pendaftaran
Halaman ini berisi rincian biaya yang harus di bayarkan oleh calon siswa
Gambar III.28. Rincian Biaya Pendaftaran
k. Halaman Upload Bukti Pembayaran
Halaman ini User dapat mengupload bukti pembayaran
Gambar III.29. Upload Bukti Pembayaran
l. Halaman CetakBukti Pembayaran
Halaman ini User dapat mencetak bukti pendaftaran
Gambar III.30. Cetak Bukti Pendaftaran
j. Halaman CetakBukti Pembayaran
Halaman ini User dapat mencetak bukti pembayaran
Gambar III.31. Cetak Bukti Pembayaran
k. Halaman Login Siswa
Di halaman ini siwa yang sudah terdaftar dapat login dengan username
dan password yang sudah diberikan oleh sekolah.
Gambar III.32. Login Siswa
l. Halaman Data Siswa
Di halaman ini siwa yang sudah terdaftar dapat melihat bioadatanya masing masing
Gambar III.33. Biodata Siswa
m. Halaman Biodata Siswa
Di halaman ini siwa yang sudah terdaftar dapat melihat kelasnya
Gambar III.34. Biodata Siswa
2. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan Penerimaan Siswa Baru .
a. Spesifikasi Perangkat keras 1. Server
a. CPU
1) Processor Dual Core 2.1 Ghz
2) RAM 2GB DDR3 Memory
3) Harddisk 320GB
b. Mouse
c. Keyboard
d. Monitor dengan resolusi layar 1024 x 800 Pixels
e. Koneksiinternet dengan kecepatan 2 Mbps
2. User
a. CPU
1) Processor Intel Pentium IV 1.8 Ghz
2) RAM 512Mb DDR2 Memory
3) Harddisk 80GB
b. Mouse
c. Keyboard
d. Monitor dengan resolusi layar 1024 x 800 Pixels
b. Spesifikasi Perangkat Lunak
1. Server
a. Sistem operasi yang umm digunakan seperti Micosoft Windows Server.
b. Aplikasi bundle web serverXampp terdiri dari beberapa komponen : 1) Aplikasi Apache Server
2) Aplikasi PHP Server
3) Aplikasi MySQL
4) Aplikasi PhpMyAdmin
c. Aplikasi Web Browser seperti : Google Chrome atau Mozilla Firefox.
2. User
a. Sistem operasi seperti : Microsoft Windows XP.
b. Aplikasi Web Browser seperti : Google Chrome atau Mozilla Firefox.
3.3.2 Pengujian Web
Pengujian terhadap program yang dibuat menggunakan blackbox testing
yang fokus terhadap proses masukan dan keluaran program. Pengujian merupakan salah satu bagian yang paling penting dalam jaminan kualitas website. Pengujian ini dilakukan untuk menemukan beberapa kesalahan yang disebabkan oleh proses perancangan maupun proses implementasi yang belum benar.
1. Pengujian Terhadap Form Pendaftaran Tabel III.7.
Hasil Pengujian Black Box Testing Halaman Form Pendaftaran
No Komponen
pengujian Test Case Hasil yang diharapkan Hasil Kesimpulan
1
Text box tidak diisi kemudian klik tombol daftar
Text Box: (kosong)
Sistem akan menolak dan menampilkan “Data Masih Kosong”
Sesuai Valid
2
Text box diisi kemudian klik tombol daftar Text Box: (Terisi) Dengan nem dibawah 22.0
Sistem menolak dan menampilkan “Nem anda
tidak memenuhi syarat”
Sesuai Valid
3
Text box diisi kemudian klik tombol daftar Text Box: (Terisi) Dengan nem diatas 22.0
Sistem menerima lalu melanjutkan proses
selanjutnya
Sesuai Valid
4
Text box diisi kemudian klik tombol daftar
Text Box:
(Terisi) Sistem menerima lalu
2. Pengujian Terhadap Upload Bukti Pembayaran Tabel III.8.
Hasil Pengujian Black Box Testing Halaman Upload Bukti Pembayaran
No Komponen
pengujian Test Case Hasil yang diharapkan Hasil Kesimpulan
1
Text box tidak diisi kemudian klik
tombol daftar
Text Box: (kosong)
Sistem akan menolak
dan menampilkan “Data
Masih Kosong”
Sesuai Valid
3
Text box diisi kemudian klik tombol daftar
Text Box: (Terisi)
Sistem menerima lalu memunculkan bukti
pembayaran
Sesuai Valid
3. Pengujian Terhadap Form Cetak Bukti Pendaftaran Tabel III.9.
Hasil Pengujian Black Box Testing Halaman Form Cetak Bukti Pendaftaran
No Komponen
pengujian Test Case Hasil yang diharapkan Hasil Kesimpulan
1
Text box tidak diisi kemudian klik
tombol daftar
Text Box: (kosong)
Sistem akan menolak
dan menampilkan “Data
Masih Kosong”
Sesuai Valid
3
Text box diisi kemudian klik tombol daftar
Text Box: (Terisi)
Sistem menerima lalu memunculkan bukti
pendaftaran
4. Pengujian Terhadap Form Cetak Bukti Pembayaran Tabel III.10.
Hasil Pengujian Black Box Testing Halaman Form Cetak Bukti Pembayaran
No Komponen
pengujian Test Case Hasil yang diharapkan Hasil Kesimpulan
1
Text box tidak diisi kemudian klik
tombol daftar
Text Box: (kosong)
Sistem akan menolak
dan menampilkan “Data
Masih Kosong”
Sesuai Valid
3
Text box diisi kemudian klik tombol daftar
Text Box: (Terisi)
Sistem menerima lalu memunculkan bukti
pembayaran
Sesuai Valid
5. Pengujian Terhadap Form Login Siswa Baru Tabel III.11.
Hasil Pengujian Black Box Testing Halaman Form Login Siswa Baru
No Skenario pengujian Test Case Hasil yang diharapkan Hasil Kesimpulan
1
NISN dan password tidak diisi kemudian klik tombol login
NISN: (kosong) Password:
(kosong)
Sistem akan menolak akses siswa dan menampilkan “NISN
dan password belum diisi”
Sesuai Valid
2
Mengetikan NISN dan password yang tidak sesuai kemudian
klik tombol login
NISN: (tidak sesuai) Password: (tidak sesuai)
Sistem akan menolak akses siswa dan menampilkan “NISN
dan password tidak sesuai”
Sesuai Valid
3
Mengetikan NISN dan password yang sesuai kemudian klik
tombol login
NISN: (sesuai) Password:
(sesuai)
Sistem menerima akses login dan kemudian langsung menampilkan
home siswa.