Upload
others
View
16
Download
0
Embed Size (px)
Citation preview
21
BAB III
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.
h. User dapat mengetahui informasi mengenai sekolah tersebut.
22
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
23
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.
Halaman Upload Bukti Pembayaran
24
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
25
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
26
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
27
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
28
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
29
g. Halaman pengaturan admin
Halaman pengaturan dapat merubah username dan password untuk
login
GAMBAR III.14.
Halaman Admin Pengaturan
30
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.
Entity Relationship Diagram
31
B. Logical Relational Structure (LRS)
GAMBAR III.16.
Logical Relational Structure
32
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
33
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
Software : MySql
34
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
35
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
36
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
37
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
38
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
24 asal_sekolah Asal Sekolah Varchar 25
39
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.
Struktur navigasi front-end
40
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
41
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
42
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.
Pendaftaran Sudah Dikonfirmasi
43
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.
Halaman Prosedur Pendaftaran
44
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
45
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
46
l. Halaman Cetak Bukti Pembayaran
Halaman ini User dapat mencetak bukti pendaftaran
Gambar III.30.
Cetak Bukti Pendaftaran
j. Halaman Cetak Bukti Pembayaran
Halaman ini User dapat mencetak bukti pembayaran
Gambar III.31.
Cetak Bukti Pembayaran
47
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
48
m. Halaman Biodata Siswa
Di halaman ini siwa yang sudah terdaftar dapat melihat kelasnya
Gambar III.34.
Biodata Siswa
49
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. Koneksi internet 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
e. Koneksi internet dengan kecepatan 128 Kbps
50
b. Spesifikasi Perangkat Lunak
1. Server
a. Sistem operasi yang umm digunakan seperti Micosoft Windows
Server.
b. Aplikasi bundle web server Xampp 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.
51
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
muncul bukti pendaftaran Sesuai Valid
52
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
Sesuai Valid
53
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.
Sesuai Valid
54