Upload
others
View
7
Download
0
Embed Size (px)
Citation preview
BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisa Kebutuhan Software
4.1.1.Tahapan Analisis
Tahapan analisis sistem informasi pedaftaran siswa baru secara online
berbasis web, dimana calon siswa dan bagian penerimaan siswa baru (admin)
tidak bertatap muka secara langsung. Calon siswa melakukan pendaftaran melalui
media browser. Berikut ini spesifikasi kebutuhan (system requirement) sebagai
berikut :
Halaman User :
A.1. User dapat melihat informasi tentang sekolah.
A.2. User dapat melakukan pendaftaran online.
A.3. User dapat melakukan konfirmasi pembayaran formulir.
Halaman Siswa:
B.1. User dapat melakukan login ke halaman siswa.
B.2. Siswa dapat melihat formulir pendaftaran.
B.3. Siswa dapat mengedit formulir pendaftaran
B.4. Siswa dapat mencetak formulir pendaftaran.
B.5. Siswa dapat melihat konfirmasi pembayaran.
B.6. Siswa dapat mencetak konfirmasi pembayara.
B.7. Siswa dapat melihat surat pernyataan.
B.8. Siswa dapat mencetak surat pernyataan.
B.9. Siswa dapat logout dari halaman siswa
1
47
Halaman Administrator :
C.1. Admin dapat login ke halaman administrator
C.2. Admin dapat mengelola data pendaftar
C.3. Admin dapat mengelola data siswa baru
C.4. Admin dapat mengubah status pembayaran
C.5. Admin dapat membuat laporan data pendaftaran
C.6. Admin dapat membuat laporan data siswa baru
C.7. Admin dapat membuat laporan pembayaran formulir online
C.8. Admin dapat logout dari halaman administrator
4.1.2.Use Case Diagram
Use case diagram adalah salah satu jenis diagram pada ULM yang
menggambarkan interaksi antara sistem dan aktor.
1. Use Case Diagram Halaman User
uc Use Case Model
User
Home
Profile Sekolah
sejarah
Visi dan Misi
Gallery
fasilitas
Pendaftaran Siswa Baru
Kontak Kami
Persyaratan Pendaftaran
Prosedur Pendaftaran
Formulir Pendaftaraan
Konfirmasi Pembayaran
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
Gambar IV.1. Use Case Diagram Halaman User
48
Deskripsi Use Case Diagram Halama User
Tabel IV.1
Deskripsi Use Case diagram Halama User
Use Case Name Halaman UserRequirement A1Goal User dapat mengetahui informasi sekolah dan
informasi pendaftaran siswa baruPre-condition User ingin mencari informasi informasi penerimaan
siswa baruPost-conditions Melakukan pendaftaran
Failed end condition Tidak melakukan pendaftaranPrimary Actors UserMain Flow / Basic Path
1. User dapat melihat profil sekola2. User dapat mengetahui persyaratan yang harus di
miliki untuk melakukan pendafataran siswa baru 3. User dapat memahami proses pendaftaran online4. User dapat melakukan pendaftarn online5. User dapat melakukan konfirmasi pembayaran
formulir6. User dapat melihat kontak
Invariant -
2. Use Case diagram Pendaftaran Siswa Baru
49
uc Use Case Model
User
Pendftaran Siswa Baru
Formulir Pendaftaraan
isi formulir pendaftaran
Simpan Formulir Pendftaran
«extend»
«include»
«extend»
Gambar IV.2
Use Case Diagram Pendaftaran Siswa Baru
Deskripsi Use Case Diagram Pendaftran Siswa Baru
Tabel IV.2
Deskripsi Use Case Diagram Pendaftaran Siswa Baru
Use Case Name Pendaftaran siswa baruRequirement A2Goal User dapat mengisi formulir pendaftaran
OnlinePre-condition User melihat prosedur pendaftaranPost-conditions User mengisi formulir pendaftaran Failed end condition Gagal melakukan pendaftaran Primary Actors UserMain Flow / Basic Path 1. User mengklik pendaftaran siswa baru
2. User mengklik formulir pendaftaran 3. User mengisi formulir pendaftaran4. User mengklik simpan formulir pendaftaran5. Sistem mengecek kelengkapan formulir yang
diisi User. Jika lengkap, sistem akan menyimpan data ke dalam database. Jika tidak lengkap, maka sistem akan kembali ke form formulir.
Invariant -
3. Use Case diagram Konfirmasi Pembayaran
50
uc Use Case View
Pendftaran Siswa Baru
Konfirmasi Pembayaran
User
masukan no. pendaftaran
isi form konfirmasi
pembayaran
Simpan konfirmasi pembayaran
cek nomor pendaftaran
Masukan NISN
tampil pesan No.Pendaftaran
«include»
«include»«extend»
«extend»
«include»
«extend»
«include»
Gambar IV.3.
Use Case Diagram Konfirmasi Pembayaran
Deskripsi Use Case diagram Konfirmasi Pembayaran
Tabel IV.3
Deskripsi Use Case diagram Konfirmasi Pembayaran
Use Case Name Pendaftaran siswa baruRequirement A3Goal User dapat melakukan konfirmasi pembayaran
formulir pendaftaranPre-condition User sudah melakukan pembayaranPost-conditions User melakukan konfirmasi pendaftaranFailed end condition User gagal melakukan konfirmasi pembayaranPrimary Actors UserMain Flow / Basic Path 1. User memilih menu Pendaftaran siswa baru
2. User memilih konfirmasi pembayaran 3. User melakukan konfirmasi pembayaran4. User menginput No.Pendaftaran5. User menginput jumlah pembayaran dan
mengupload bukti transfer dari bank6. User mengklik button Simpan konfirmasi
pembayaranInvariant 4a. User Cek no Pendaftaran
5a. User Masukan NISN 6a. Tampil pesan berisi no Pendaftaran
4. Use case diagram Login Halaman Siswa
51
uc Use Case Login Siswa
Siswa
Login
mengisi Username dan Password
tampil halaman siswa
«extend»
«include»
Gambar IV.4.
Use Case Diagram halaman Login Halaman Siswa
Deskripsi Use Case diagram Login Halaman Siswa
Tabel IV.4.
Deskripsi Use Case diagram Login Halaman Siswa
Use Case Name Login Halaman SiswaRequirement B1Goal Siswa dapat mendownload atau mencetak berkas
pendaftaranPre-condition Siswa sudah mengisi form loginPost-conditions Siswa dapat melihat dan mencetak berkas
pendaftaranFailed end condition Gagal masuk ke halaman siswaPrimary Actors SiswaMain Flow / Basic Path
1. Siswa menginput username dan password2. Jika data valid, maka sistem akan
menampilkan halaman siswa
Invariant -
5. Use Case Diagram Cetak Formulir Pendaftaran
52
uc Actors
Siswa
Dow nload Berkas
Formulir Pendaftaran
Tampil Formulir Pendaftaran
cetak formulir pendaftaran
Edit
tampil form edit
Update formulir
«include»
«extend»
«include»
«extend»
«extend»
«extend»
Gambar IV.5
Use Case Diagram Cetak Formulir Pendaftaran
Deskripsi Use Case Diagram Cetak Formulir Pendaftaran
Tabel IV.5
Deskripsi Use Case Diagram Cetak Formulir Pendaftaran
Use Case Name Cetak Formulir PendaftaranRequirement B2, B3, B4Goal Siswa dapat melihat, mencetak dan mengedit
formulir pendaftaran siswa baruPre-condition Siswa susah melakukan loginPost-conditions Siswa dapat melihat, mengedit dan mencetak
formulir pendaftaranFailed end condition Siswa gagal melihat, mengedit dan mencetak
formulir pendaftaranPrimary Actors SiswaMain Flow / Basic Path
1. Siswa memilih menu download berkas2. Siswa memilih formulir pendaftaran3. Tampil formulir pendaftaran4. Siswa mencetak pendaftaran
Invariant 4a. Siswa mengedit formulir pendaftaran5a. Siswa simpan perubahan formulir pendaftan
6. Use Case Diagram Cetak Bukti Konfirmasi Pembayaran
53
uc Use Case Model
Siswa
Download Berkas
Bukti Pembayaran
Tampil bukti konfirmasi
pembayaran
cetak bukti konfirmasi
pembayaran
«extend»
«include»
«extend»
Gambar IV.6
Use Case Diagram Cetak Bukti Konfirmasi Pembayaran
Deskripsi Use Case diagram Cetak Bukti Konfirmasi Pembayaran
Gambar IV.6
Use Case Diagram Cetak Bukti Konfirmasi Pembayaran
Use Case Name Cetak Bukti Konfirmasi PembayaranRequirement B5,B6Goal Siswa dapat melihat dan mencetak bukti
konfirmasi pembayaranPre-condition Siswa susah melakukan loginPost-conditions Siswa melihat bukti konfirmasi pembayaranFailed end condition Siswa batal cetak bukti konfirmasi pembayaranPrimary Actors SiswaMain Flow / Basic Path
1. Siswa memilih menu download berkas2. Siswa memilih bukti pembayaran3. Tampil bukti konfirmasi pembayaran 4. Siswa mencetak bukti konfirmasi
pembayaranInvariant -
7. Use Case Diagram Cetak Surat Pernyataan Orang Tua
54
uc Use Case Model
Siswa
Download Berkas
Surat PernyataanTampil Surat Pernyataan
Cetak Surat Pernyataan
«include»
«extend»«extend»
Gambar IV.7
Use Case Diagram Cetak Surat PernyataanOrang Tua
Deskripsi Use Case diagram Cetak Surat Pernyataan Orang Tua
Gambar IV.7
Use Case Diagram Cetak Surat Pernyataan Orang Tua
Use Case Name Cetak Surat Pernyataan Orang TuaRequirement B7, B8Goal Siswa dapat melihat dan mencetak surat
pernyataan orang tuaPre-condition Siswa susah melakukan loginPost-conditions Siswa melihat surat pernyataan orang tuaFailed end condition Siswa batal cetak surat pernyataan orang tuaPrimary Actors SiswaMain Flow / Basic Path
1. Siswa memilih menu download berka2. Siswa memilih surat pernyataan3. Tampil surat pernyataan orang tua 4. Siswa mencetak surat pernyataan orang tua
Invariant -
8. Use Case Diagram Logout Siswa
55
uc Use Case Logout
siswa
Logout Tampil Form Login«include»
Gambar IV.8
Use Case Diagram Logout Siswa
Deskripsi Use Case Diagram Logout Halaman Siswa
Tabel IV.8
Deskripsi Use Case Diagram Logout Siswa
Use Case Name Logout Halaman Siswa
Requirement B9
Goal Siswa dapat keluar dari halaman siswa
Pre-condition Siswa sudah mengklik Logout
Post-conditions Siswa dapat meninggalkan halaman siswa
Failed end condition Gagal keuar dari halaman siswa
Primary Actors SiswaMain Flow / Basic Path 1. Siswa mengklik Logout
2. Sistem memproses dan menampilkan form login
Invariant -
9. Use Case Diagram Login Halaman Administrator
56
uc Use Case Login Admin
Admin
Login
Masukkan Username dan
Password
Tampil Halaman Admin
«include»
«extend»
Gambar IV.9
Use Case Diagram Login Halaman Admin
Deskripsi Use Case Diagram Login halaman Admin
Tabel IV.9
Deskripsi Use Case Diagram Login halaman admin
Use Case Name Login Halaman AdministratorRequirement C1Goal Admin dapat masuk ke halaman administratorPre-condition Admin sudah mengisi form loginPost-conditions Admin dapat mengola data pendaftaran siswa baruFailed end condition Gagal loginPrimary Actors AdministratorMain Flow / Basic Path 1. Admin menginput username dan password
2. System mengecek kebenaran data. Jika benar, maka system akan menampilkan halaman admin
Invariant -
10. Use Case Diagram Kelola Data Pendaftar
57
uc Use Case Model
Admin
Kelola Data
Pendaftar
Tampil Data Pendaftar
Detail Data Pendaftar
Hapus data Pendaftar
Tampil Detail Pendaftar
«extend»
«extend»
«include»
«extend»
«include»
Gambar IV.10
Use Case Diagram Kelola Data Pendaftar
Deskripsi Use Case Diagram Kelola Data Pendaftar
Tabel IV.10
Deskripsi Use Case Diagram Kelola Data Pendaftar
Use Case Name Kelola Data Pendaftar
Requirement C2
Goal Admin dapat melihat data lengkap pendaftar dan menghapus data pendaftar
Pre-condition Admin telah loginPost-conditions Tampil data pendaftar dan hapus data pendaftar
Failed end condition Gagal menampilkan data dan menghapus data pendaftar
Primary Actors AdministratorMain Flow / Basic Path 1. Admin memilih menu kelola data pendaftar
2. Admin melihat detail data pendaftar
Invariant 2a. Admin menghapus data pendaftar
58
11. Use Case Diagram Kelola Data Siswa Baru
uc Use Case Model
ADMIN
Kelola Data
Siswa BaruTampil Data Siswa
Baru
Detail Data Siswa Baru
Tampil Detail Data Siswa Baru
«extend»
«extend»
«include»
«include»
Gambar IV.11
Use Case Diagram Kelola Data Siswa Baru
Deskripsi Use Case Diagram Kelola Data Siswa Baru
Tabel IV.11
Deskripsi Use Case Diagram Kelola Data Siswa Baru
Use Case Name Kelola Data Siswa BaruRequirement C3Goal Admin dapat melihat data lengkap siswa baru
Pre-condition Admin telah loginPost-conditions Tampil data siswa baruFailed end condition Gagal menampilkan data siswa baruPrimary Actors AdministratorMain Flow / Basic Path
1. Admin memilih menu kelola data siswa baru2. Admin melihat detail data siswa baru
Invariant -
12. Use Case Diagram Ubah Status Pembayaran
59
uc Use case ubah status pembayaran
Admin
Kelola Data
Pembayaran
tampil data pembayaran
Edit
Hapus Pembayaran
tampil halaman edit pembayaran
Simpan konfirmasi
Batal
«extend»
«extend»
«include»
«extend»«include»
«extend»«extend»
Gambar IV.12
Use Case Diagram Ubah Status Pembayaran
Deskripsi Use Case Diagram Ubah Status Pembayaran
Tabel IV.12
Deskripsi Use Case Diagram Laporan Pendaftar
Use Case Name Laporan PendaftarRequirement C4Goal Admin dapat mengubah status pembayaranPre-condition Admin telah loginPost-conditions Admin mengedit status pembayaranFailed end condition Batal mengubah status pembayaranPrimary Actors AdministratorMain Flow / Basic Path
1. Admin memilih menu kelola data pembayaran2. Sistem menampilkan data pembayaran3. Admin mengedit pembayaran4. Admin mengubah status pembayaran5. Admin mengklik button konfirmasi untuk
menyimpan perubahan
Invariant 3a. Admin menghapus data pembayaran
13. Use Case Diagram Laporan Pendaftar
60
uc Use Case Model
ADMIN
Laporan
PendaftarTampil Laporan
Pendaftar
Cetak Laporan Pendaftar
«include»
«extend»
«extend»
Gambar IV.13
Use Case Diagram Laporan Pendaftar
Deskripsi Use Case Diagram Laporan Pendaftar
Tabel IV.13
Deskripsi Use Case Diagram Laporan Pendaftar
Use Case Name Laporan PendaftarRequirement C5Goal Admin dapat membuat laporan pendaftarPre-condition Admin telah loginPost-conditions Melihat laporan dan mencetak laporan pendaftarFailed end condition Gagal melihat dan mencetak laporan pendaftarPrimary Actors AdministratorMain Flow / Basic Path
1. Admin memilih menu Laporan Pendaftar2. Admin melihat laporan pendaftar
Invariant 2a. Admin mencetak laporan data pendaftar
14. Use Case Diagram Laporan Siswa Baru
61
uc Use Case Model
ADMIN
Laporan
Siswa Baru
Tampil Laporan Siswa Baru
Cetak Laporan Siswa Baru
«include»
«extend»
«extend»
Gambar IV.14
Use Case Diagram Laporan Siswa Baru
Deskripsi Use Case Diagram Laporan Siswa Baru
Tabel IV.14
Deskripsi Use Case Diagram Laporan Siswa Baru
Use Case Name Laporan Siswa BaruRequirement C6Goal Admin dapat membuat laporan siswa baruPre-condition Admin telah loginPost-conditions Melihat laporan dan mencetak laporan siswa baruFailed end condition Gagal melihat dan mencetak laporan siswa baruPrimary Actors AdministratorMain Flow / Basic Path 1. Admin memilih menu Laporan Siswa Baru
2. Admin melihat laporan siswa baru
Invariant 2a. Admin mencetak laporan siswa baru
15. Use Case Diagram Laporan Pembayaran Formulir Pendaftaran
62
uc Use Case laporan
Admin
Laporan
Pembayaran
Tampil Laporan Pembayaran Formulir
Pendaftaran
cetak laporan
«include»
«extend»
«extend»
Gambar IV.15
Use Case Diagram Laporan Pembayaran Formulir Pendaftaran
Deskripsi Use Case Diagram Laporan Pembayaran Formulir Pendaftaran
Tabel IV.15
Deskripsi Use Case Diagram Laporan Pembayaran Formulir Pendaftaran
Use Case Name Laporan Pembayaran Formulir PendaftaranRequirement C7Goal Admin dapat membuat laporan pembayaran
formulir pendaftaran onlinePre-condition Admin telah loginPost-conditions Melihat laporan dan mencetak laporan
pembayaran pendaftaranFailed end condition Gagal melihat dan mencetak laporan siswa baruPrimary Actors AdministratorMain Flow / Basic Path 1. Admin memilih menu Laporan Pembayaran
2. Admin melihat laporan siswa baru3. Admin mencetak laporan siswa baru
Invariant -
16. Use Case Diagram Logout Halaman Administrator
63
uc Use Case Model
ADMIN
Logout Tampil Halaman Login«include»
Gambar IV.16.
Use Case Diagram Logout Halaman Administrator
Deskripsi Use Case Diagram Logout Halaman Administrator
Tabel IV.16.
Deskripsi Use Case Diagram Logout Halaman Administrator
Use Case Name Logout Halaman AdminRequirement C8Goal Admin keluar dari halaman adminPre-condition Admin sudah mengklik LogoutPost-conditions Siswa dapat meninggalkan halaman adminFailed end condition Gagal keuar dari halaman adminPrimary Actors AdministratorMain Flow / Basic Path
1. Admin mengklik Logout2. Sistem memproses dan menampilkan form login
admin
Invariant -
4.1.3.Activity Diagram
64
1. Activity Diagram Login Halaman Admin
Gambar IV.17.
Activity diagram Login Halaman Admin
2. Activity Diagram Pendaftaran Siswa Baru
65
act Use Case Model
SistemUser
Kunjungi Halaman Web
Menampilkan halaman user
Menampilkan Menu Pendaftaran
Mengisi Formulir
Pendaftaran
Pilih Button Simpan Formulir Lengkap
Formulir Tersimpan
Ya
Tidak
Gambar IV.18.
Activity Diagram Pendaftaran Siswa Baru Usulan
66
3. Activity Diagram Konfirmasi Pembayaran
67
Gambar IV.19.
Activity diagram konfirmasi pembayaran Usulan
4. Activity Diagram Cetak Berkas Pendaftaran
68
act Use Case Model
SistemSiswa
Masuk Halaman Login
Isi Username dan Password
Klik Button "Login"
Validasi
Menampilkan Halaman Siswa
Ya
Tidak
Cetak Berkas Pendaftaran
Pilih Download Berkas
Gambar IV.20.
Activity Diagram Cetak Berkas Pendaftaran Usulan
5. Activity Diagram Laporan Penerimaan Siswa Baru
69
act Use Case Model
Sie. PendidikanKepala SekolahSistemAdmin
Masuk Halaman Login
Isi Username dan Password
Klik Button "Login" Validasi
Menampilkan Halaman Siswa
Memilih Menu Laporan
Cetak Laporan Pendaftaran S iswa Baru
Ya
Tidak
Menerima Laporan Pendaftaran S iswa
Baru
Menerima Laporan Pendaftaran Siswa
Baru
Gambar IV.21.
Activity Diagram laporan penerimaan siswa baru Usulan
694.2. Desain
4.2.1. Database
a. Entity Relationship Diagram (ERD) Penerimaan Siswa Baru
Gambar IV.22. Entity Relationship Diagram penerimaan siswa baru
70
b. Logical Record Structure (LRS) Pendaftaran Online
Gambar IV.23.
Logical Record Structure Pendaftaran Online
71
c. Spesifikasi File
a. Spesifikasi Table Siswa
Nama Database : smpim
Nama File : siswa
Akronim : siswa.myd
Tipe file : File Master
Akses file : Random
Panjang Record : 589 Byte
Kunci Field : nisn
Tabel IV. 17
Spesifikasi File Tabel Siswa
No Elemen Data Nama Field Type Size Keterangan
1 NISN n isn * Int 10 Primarykey
2 Nama Siswa nama Varchar 30
3 Jenis kelamin jk_siswa Enum(‘P’,’L’)4 Tempat lahir tmpt_siswa Varchar 205 Tanggal lahir tgl_siswa Date6 Agama agama_siswa Varchar 107 Warga warga_siswa Varchar 20
8 Anak-ke anak_ke Int 29 Jumlah saudara jml_sdr Int 210 Saudara tiri sdr_tiri Int 211 Tinggi Badan tb Int 312 Berat badan bb Int 213 No.Telepon telp_siswa Varchar 1214 Alamat alamat_siswa Varchar 5015 Kelurahan kel Varchar 3016 Kecamatan kec Varchar 3017 Kota Kota Varchar 2018 Kode Pos kd_pos Int 1019 Tinggal dengan tinggal Varchar 10
72
20Jarak dari rumah ke sekolah
jarak Int 3
21 Waktu tempuh waktu Int 322 NPSN npsn Int 8 Forigen Key23 No SKHUN no_skhun Varchar 1024 Tanggal lulus tgl_lulus Date25 Lama sekolah lama_skl Int 226 Akte akte Varchar 150
27 Foto foto Varchar 150
b. Spesifikasi Table Ayah
Nama Database : smpim
Nama File : Ayah
Akronim : ayah.myd
Tipe file : File Temprorary
Akses file : Random
Panjang Record : 160 Byte
Kunci Field : -
Tabel IV. 18
Spesifikasi File Tabel Ayah
No Elemen Data Nama Field Type Size Keterangan
1 NISN nisn Varchar 10 Forigen Key2 Nama ayah nm_ayah Varchar 303 Tempat lahir tmpt_ ayah Varchar 204 Tanggal Lahir tgl_ ayah Date5 Agama agama_ ayah Varchar 106 Kewarganegaraan warga_ ayah Varchar 207 Pendidikan Pnddk_ ayah Varchar 38 Pekerjaan kerja_ ayah Varchar 209 Penghasilan phasil_ ayah Varchar 2010 Alamat alamat_ ayah Text
73
11 No telepon telp_ayah Varchar 12
12 Status status_ayah Varchar 15
c. Spesifikasi Table Ibu
Nama Database : smpim
Nama File : ibu
Akronim : ibu.myd
Tipe file : File Temprorary
Akses file : Random
Panjang Record : 160 Byte
Kunci Field : -
Tabel IV. 19
Spesifikasi File Tabel Ibu
No Elemen Data Nama Field Type Size Keterangan
1 NISN nisn Varchar 10 Forigen Key
2 Nama ayah nm_ ibu Varchar 30
3 Tempat lahir tmpt_ ibu Varchar 20
4 Tanggal Lahir tgl_ ibu Date
5 Agama agama_ ibu Varchar 10
6 Kewarganegaraan warga_ ibu Varchar 20
7 Pendidikan Pnddk_ ibu varchar 3
8 Pekerjaan kerja_ ibu Varchar 20
9 Penghasilan phasil_ ibu varchar 20
10 Alamat alamat_ ibu Text
11 No telepon telp_ ibu Varchar 12
12 Status status_ ibu Varchar 15
d. Spesifikasi Table Wali
74
Nama Database : smpim
Nama File : wali
Akronim : wali.myd
Tipe file : File Temprorary
Akses file : Random
Panjang Record : 255 Byte
Kunci Field : -
Tabel IV. 20
Spesifikasi File Tabel Wali
No Elemen Data Nama Field Type Size Keterangan1 NISN nisn Int 10 Forigen Key2 Nama wali nm_wali Varchar 303 Tempat lahir tmpt_wali Varchar 204 Tanggal Lahir tgl_wali Date5 Agama agama_wali Varchar 106 Kewarganegaraan warga_wali Varchar 207 Pendidikan pnddk_wali Varchar 38 Pekerjaan kerja_wali Varchar 209 Alamat alamat Text 10010 Telepon telp_wali Varchar 1211 Hubungan Hub Varchar 30
e. Spesifikasi Tabel Formulir
Nama Database : smpim
Nama File : formulir
Akronim : daftar.myd
Tipe file : File Transaksi
Akses file : Random
Panjang Record :30 Byte
75
Kunci Field : no_daf
Tabel IV. 21
Spesifikasi File Tabel Formulir
No Elemen Data Nama Field Type Size Keterangan1 Nomor pendaftaran no_daf Varchar 11 Primary Key2 NISN nisn Varchar 10 Forigen Key2 Tanggal Daftar tgl_daf Date3 Tahun ajaran tahun_ajaran varchar 9
f. Spesifikasi Table Pembayaran
Nama Database : smpim
Nama File : pembayaran
Akronim : pembayaran.myd
Tipe file : File Transaksi
Akses file : Random
Panjang Record : 271 Byte
Kunci Field : id_bayar
Tabel IV. 22
Spesifikasi File Tabel Pembayaran
No Elemen Data Nama Field Type Size Keterangan
1 Id Pembayaran id_bayar Int 8 Primary Key
2 No pendaftaran no_daf Varchar 11 Forigen key
3 NISN nisn Int 11 Forigen key
4 BANK bank Varchar 10
5 Nomor Rekening norek Varchar 20
6 Pemilik Rekening nmrek varchar 30
7 Jumlah jumlah Int 11
8 Bukti transaksi foto Varchar 150
76
9 Status Pembayaran status varchar 20
4.2.2. Software Architecture
1. Deployment Diagram
Deployment/physical diagram menggambarkan detail bagaimana
komponen di- deploy dalam infrastruktur sistem, di mana komponen akan
terletak (pada mesin, server atau piranti keras apa), bagaimana
kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan hal-hal
lain yang bersifat fisikal.
deployment Use Case Model
Web serv er
font page application
admin application
jquery.js
apache serv er
css.css
database serv er
application database
MySql database
ClienPC
browser
Gambar IV.24
Deployment Diagram yang diusulkan
2. Component Diagram
77
Component diagram menggambarkan struktur dan hubungan antar
komponen piranti lunak, termasuk ketergantungan ( dependency ) di
antaranya. Komponen piranti lunak adalah modul berisi code , baik berisi
source code maupun binary code , baik library maupun executable , baik
yang muncul pada compile time, link time , maupun run time . Umumnya
komponen terbentuk dari beberapa class dan/atau package , tapi dapat juga
dari komponen-komponen yang lebih kecil.
cmp Use Case Model
Sistem informasi penerimaan siswa baru
<<Application>>
Apache <<web server>>
PHP<<compiler>>
Style <<css>>
HTML <<mark-up>>
MySql Sekolah <<database>>
Gambar IV.25
Component Diagram yang diusulkan
4.2.3. User Interface
78
1. Tampilan Formulir
Gambar IV. 26
Tampilan Formulir Pendaftaran Siswa Baru
2. Tampilan konfirmasi pembayaran
Gambar IV. 27
Tampilan Konfirmasi Pembayaran
3. Tampilan Proses Konfirmasi Pembayaran
79
Gambar IV. 28
Tampilan Proses Konfirmasi Pembayaran
4. Tampilan Login Siswa
Gambar IV. 29
Tampilan login siswa
4.3. Code Generation
80
1. Form Formulir Pendaftaran
a. formulir.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link type="text/css" rel="stylesheet" href="development-bundle/themes/ui-lightness/ui.all.css" /> <script src="development-bundle/jquery-1.8.0.min.js"></script> <script src="development-bundle/ui/ui.core.js"></script> <script src="development-bundle/ui/ui.datepicker.js"></script> <script src="development-bundle/ui/i18n/ui.datepicker-id.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#tglterbit,#a_tgl,#i_tgl,#tgl_wali,#tgl_lulus").datepicker({ dateFormat : "yy-mm-dd", changeMonth : true, changeYear : true }); }); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- .style3 { font-size: x-large; color: #333333; } .style5 {font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;}.style8 {
font-size: x-small;
color: #FF0000;}.style24 {font-family: "Bernard MT Condensed"}.style26 {font-family: "Bernard MT Condensed"; color: #FF0000; }.style27 {color: #FF0000}.style28 {color: #FFFFFF; font-weight: bold; font-family: "Bernard MT Condensed"; }.style30 {color: #FF0000; font-size: 12px; }.style32 {color: #CC9999; font-family: "Arial Narrow"; font-size: 14px; }.style33 {
font-family: "Times New Roman";color: #FF0000;
} --> </style> </head> <body> <p> <?php include "koneksi/autonumber.php";
$koneksi=mysql_connect("localhost","root","");
$db=mysql_select_db("smpim");$query_sekolah="SELECT *
FROM sekolah";
$sekolah=mysql_query($query_sekolah,$koneksi) or die (mysql_error());
$asl_skl = mysql_fetch_assoc($sekolah);
$total_skl=mysql_num_rows($sekolah);$date=('Y-m-d');
?> <script>function validasi(){var namaValid = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;var nama = formulir.nama.value;var nisn= formulir.nisn.value;var s_tmpt = formulir.s_tmpt.value;
81
var s_tgl = formulir.s_tgl.value;var s_agama = formulir.s_agama.value;var s_warga = formulir.s_warga.value;var tinggi = formulir.tinggi.value;var berat = formulir.berat.value;var anak_ke = formulir.anak_ke.value;var dari = formulir.dari.value;var tiri = formulir.tiri.value;var s_alamat = formulir.s_alamat2.value;var kel = formulir.kel.value;var kec = formulir.kec.value;var kota = formulir.kota.value;var kdpos = formulir.kota.value;var tinggal = formulir.tinggal.value;var jarak = formulir.jarak.value;var waktu = formulir.waktu.value;var telp = formulir.telp.value; var a_namaValid = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;var a_nama = formulir.a_nama.value;var a_tmpt = formulir.a_tmpt.value;var a_agama = formulir.a_agama.value;var a_warga = formulir.a_warga.value;var a_pnddk = formulir.a_pnddk.value;var a_kerja = formulir.a_kerja.value;var a_hasil = formulir.a_hasil.value;var a_alamat = formulir.a_alamat.value;var a_telp = formulir.a_telp.value;var a_tgl = formulir.a_tgl.value;var a_status = formulir.a_status.value;var nm_ibuValid = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;var nm_ibu = formulir.nm_ibu.value;var i_tmpt = formulir.i_tmpt.value;var i_tgl = formulir.i_tgl.value;var i_agama = formulir.i_agama.value;var i_warga = formulir.i_warga.value;var i_pnddk = formulir.i_pnddk.value;var i_kerja = formulir.i_kerja.value;var i_hasil = formulir.i_hasil.value;var i_alamat = formulir.i_alamat.value;var i_telp = formulir.i_telp.value;var i_status = formulir.i_status.value;var asal = formulir.asal.value;var tgl_lulus = formulir.tgl_lulus.value;var lama_bljr = formulir.lama_bljr.value;var skhun = formulir.skhun.value;var akte= formulir.akte.value;var foto = formulir.foto.value;
var pesan = '';
if(nama==''){ pesan='-Nama tidak boleh Kosong\n'; } if(nama !='' && !nama.match(namaValid)){ pesan += '-Nama Tidak Boleh Angka\n'; } if(nisn==''){ pesan +='-NISN Wajib di isi\n'; } if(s_tmpt==''){ pesan +='-Tempat Lahir harus diisi\n'; } if(s_tgl ==''){ pesan +='-Tanggal Lahir harus diisi\n'; }
if(s_agama ==''){ pesan += '-Agama harus dipilih !\n'; } if(s_warga==''){ pesan+='-Kewarganegaraan harus diisi! \n'; }
if(tinggi==''){ pesan+= '-Tinggi Badan harus diisi! \n'; }
if(berat==''){ pesan+= '-Berat Badan harus diisi! \n'; }
if(anak_ke==''){ pesan+= '-Anda Belum Mengisi Anak ke \n'; }
if(dari==''){ pesan+= '-Anda Belum Mengisi Jumlah Saudara \n'; }
if(tiri==''){ pesan+= '-Jika tidak ada Saudara Tiri, ketik "0" ! \n'; }
if(s_alamat==''){ pesan+='-Anda belum mengisi alamat Rumah\n';}
if(kel=='') { pesan +='-Kelurahan Harus diisi\n'; }
if(kec=='') { pesan +='-Kecamatan harus diisi\n'; }
if(kota=='') { pesan +='-Kota Harus diisi\n'; }
if(kdpos==''){pesan+='-Kode Pos Harus diisi\n';}
if(tinggal==''){pesan +='-Anda belum memilih tempat tinggal\n';}
if(jarak ==''){pesan +='-Anda Belum Mengisi jarak dari rumah ke sekolah\n';}
if(waktu==''){pesan +='-Anda Belum belum mengisi waktu tempuh dari rumah ke Sekolah\n';}
if(telp==''){ pesan +='-Anda Belum Mengisi No.Telepon yang dapat dihubungi\n';}
if(a_nama==''){ pesan+='-Nama Ayah harus diisi! \n'; } if(a_nama !='' && !a_nama.match(namaValid)){ pesan += '-nama Ayah Tidak Boleh Angka\n'; }
if(a_tmpt==''){pesan+='-Tempat lahir ayah harus terisi \n';}
82
if(a_tgl==''){pesan +='-Tanggal lahir ayah harus diisi\n'; }
if(a_agama==''){pesan+='-Anda belum memilih agama ayah \n'; }
if(a_warga==''){pesan+= '-Anda belum mengisi kewarganegaraan ayah \n';}
if(a_pnddk==''){pesan+= '-Anda belummemilih pendidikan ayah\n';}
if(a_kerja==''){pesan+='-Anda belum mengisi pekerjaan ayah\n';}
if(a_hasil==''){pesan +='-Anda belum memilih Penghasilan ayah\n'; }
if(a_alamat==''){pesan +='-Anda belum mengisi alamat ayah\n';}
if(a_telp==''){pesan+='-Anda Belum Mengisi No Telepon Ayah. Ketik "0" jika tidak ada\n';}
if(a_status==''){pesan+='-Anda belum memilih status Ayah\n';}
if(nm_ibu==''){pesan+='-Anda belum mengisi Nama Ibu \n';}
if(nm_ibu !='' && !nm_ibu.match(namaValid)){ pesan += '-nama Ibu Tidak Boleh Angka\n'; }
if(i_tmpt==''){pesan+='-Anda belum mengisi tempat lahir ibu\n';}
if(i_tgl==''){pesan +='-Tanggal lahir Ibu harus diisi\n'; }
if(i_agama==''){pesan+='-Anda belum memilih agama Ibu \n'; }
if(i_warga==''){pesan+= '-Anda belum mengisi kewarganegaraan Ibu \n';}
if(i_pnddk==''){pesan+= '-Anda belummemilih pendidikan Ibu\n';}
if(i_kerja==''){pesan+='-Anda belum mengisi pekerjaan Ibu\n';}
if(i_hasil==''){pesan +='-Anda belum memilih Penghasilan Ibu\n'; }
if(i_alamat==''){pesan +='-Anda belum mengisi alamat Ibu\n';}
if(i_telp==''){pesan+='-Anda Belum Mengisi No Telepon ibu. Ketik "0" jika tidak ada\n';}
if(i_status==''){pesan+='-Anda belum memilih status Ibu\n';}
if(asal==''){pesan+='-Anda Belum Memilih Sekolah Asal\n';}
if(tgl_lulus==''){pesan +='-Anda Belum mengisi tanggal Lulus \n';}
if(lama_bljr==''){pesan+='-Anda belum mengisi Lama anda Belajar di SD\n';}
if(skhun==''){pesan+='-Anda Belum mengisi nomor SKHUN \n';}
if(akte==''){pesan+='-Anda Belum Mengupload gambar Akte Kelahiran\n';}
if(foto==''){pesan+='-Anda belum Mengupload Foto diri\n';}
if(pesan !=''){ alert('Maaf ada kesalahan pada pengisian:\n'+pesan); return false; } return true } </script> <div align="center"> </p> <p><blink> <span class="style33"> Lakukan pendaftaran sesuai <a href="index1.php?m=prosedur">prosedur</a> yang berlaku</span> </p><form action="s_formulir.php" method="post" name="formulir" onsubmit="return validasi()" enctype="multipart/form-data"> <table width="630" height="371" border="0" cellpadding="1" cellspacing="1"> <tr><td height="37"></td> <td colspan="3"> <h2 align="center"> <div align="center" class="style3"> <span class="style5"> FORMULIR PENDAFTARAN SISWA BARU </span> </h3> </div></td> </tr> <tr> <td width="21" height="21"></td> <td colspan="3"> <p> <input name="nodaf" type="hidden" id="nodaf" value="<? echo kdauto("daftar","SMP/2016/");?>" /> <input type="hidden" name="tgl" id="tgl" value="<?php echo $date; ?>" /> <input type="hidden" name="th_ajar" id="th_ajar" value="2016/2017" /> </p> </tr> </tr> <tr bgcolor="#666666"> <td height="23" colspan="4" > <span class="style28">A. Keterangan Calon Siswa</span></td> <tr><td> </td>
83
<td width="183"> <span class="style24">Nama Siswa<span class="style8">*</span></span></td> <td width="11" align="center">:</td> <td width="402"> <input type="text" name="nama" id="nama" placeholder="Nama Lengkap" /> <div style="color:red"></div> </span></td> </tr> <tr> <td> </td> <td><span class="style24"> NISN <span class="style8">*</span> </span> </td> <td align="center">:</td> <td> <input type="text" name="nisn" id="nisn" size="12" pattern="[0-9]+" placeholder="10 Digit" maxlength="10" oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')" /> <span class="style32">Isi dengan Angka 0-9</span></td> </tr> <tr> <td> </td> <td><span class="style24">Jenis Kelamin<span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="radio" name="jk" id="L" value="L" /> Laki-Laki <input type="radio" name="jk" id="P" value="P" /> Perempuan</td> </tr> <tr> <td> </td> <td><span class="style24">Tempat, Tanggal Lahir <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="s_tmpt" id="s_tmpt" size="10"/> , <input type="text" name="s_tgl" id="tglterbit" /> <span class="style30">**</span></td> </tr> <tr> <td> </td> <td><span class="style24"> Agama<span class="style8">*</span></span></td> <td align="center">:</td> <td><select name="s_agama" >
<option value="">--Pilih--</option> <option value="Islam">Islam</option> <option value="Kristen">Kristen</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> </select> </td> </tr> <tr> <td> </td> <td><span class="style24">Kewarganegaraan<span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="s_warga" id="s_warga" size="13" /></td> </tr> <tr> <td> </td> <td><span class="style24">Tinggi badan<span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="tinggi" id="tinggi" size="4" pattern="[0-9]+" maxlength="3" oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')" /> cm</td> </tr> <tr> <td> </td> <td><span class="style24">Berat badan <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="berat" id="berat" size="4" maxlength="2"/> kg</td> </tr> <tr> <td height="31"> </td> <td><span class="style24">Anak ke<span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="anak_ke" id="anak_ke" size="3" maxlength="2" pattern="[0-9]+"
84
oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')"/> dari <input type="text" name="dari" id="dari" size="3" maxlength="2" pattern="[0-9]+" oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')"/> Bersaudara</td> </tr> <tr> <td height="29"> </td> <td><span class="style24">Saudara tiri<span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="tiri" id="tiri" size="4" pattern="[0-9]+" maxlength="2" oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')"/> <span class="style32"> Ketik"0" jika tidak ada</span></td> </tr> </table><br /> <table width="632" border="0" cellspacing="1" cellpadding="1"> <tr bgcolor="#DEDEDE"> <td height="23" colspan="4" bgcolor="#333333"><span class="style28">B. Keterangan Tempat Tinggal</span></td> </tr> <tr> <td width="19"></td> <td width="184" valign="top"><span class="style24">Alamat Lengkap <span class="style8">*</span></span></td> <td width="10" valign="top" align="center">:</td> <td width="406" valign="top"> <textarea name="s_alamat2" id="s_alamat2" cols="30" rows="2" ></textarea> </td> </tr> <tr> <td> </td> <td><span class="style24"></span></td> <td align="center"></td> <td> Kel. <input type="text" name="kel" id="kel" size="12" /> Kec. <input type="text" name="kec" size="12"/></td> </tr> <tr> <td> </td>
<td><span class="style24"></span></td> <td align="center"></td> <td> Kota <input type="text" name="kota" id="kota" size="12" /> Kode Pos <input type="text" name="kdpos" id="kdpos" placeholder="5 Digit" size="5" pattern="[0-9]+" oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')" maxlength="5"/></td> </tr> <tr> <td></td> <td><span class="style24">Tempat tinggal <span class="style8">*</span></span></td> <td><div align="center">:</div></td> <td><select name="tinggal" id="tinggal"> <option value="">--Pilih--</option> <option value="Orang Tua">Orang Tua</option> <option value="Wali">Wali</option> <option value="Kost">Kost</option> <option value="Lainnya">Lainnya</option> </select></td> </tr> <tr> <td></td> <td><span class="style24">Jarak rumah ke sekolah <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="jarak" id="jarak" size="4" pattern="[0-9]+" maxlength="5" oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')"/> m</td> </tr> <tr> <td></td> <td><span class="style24">Waktu tempuh <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="waktu" id="waktu" size="4" pattern="[0-9]+" oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')"/>
85
menit</td> </tr> <tr> <td></td> <td><span class="style24">No. Telp / Hp <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="telp" id="telp" size="12" maxlength="12" pattern="[0-9]+" oninvalid="this.setCustomValidity('Isi dengan Angka dan tekan F5 !')" /></td> </tr> </table><br /> <table width="633" border="0" cellspacing="1" cellpadding="1"> <tr bgcolor="#333333"> <td height="24" colspan="4"><span class="style28">C. Keterangan Ayah Kandung</span></td> </tr> <tr> <td width="19"></td> <td width="183"><span class="style24">Nama <span class="style8">*</span></span></td> <td width="8" align="center">:</td> <td width="410"><input type="text" name="a_nama" id="a_nama" /></td> </tr> <tr> <td></td> <td><span class="style24">Tempat,Tanggal lahir <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="a_tmpt" id="a_tmpt" size="10" />, <input type="text" name="a_tgl" id="a_tgl" /> <span class="style30">**</span></tr> <tr> <td></td> <td><span class="style24">Agama <span class="style8">*</span></span></td> <td align="center">:</td> <td><select name="a_agama" id="a_agama"> <option value="">--Pilih--</option>
<option value="Islam">Islam</option> <option value="Kristen">Kristen</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option></select></td> </tr> <tr> <td></td> <td><span class="style24">Kewarganegaraan <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="a_warga" id="a_warga" size="13" /></td> </tr> <tr> <td></td> <td><span class="style24">Pendidikan <span class="style8">*</span></span></td> <td align="center">:</td> <td><select name="a_pnddk" id="a_pnddk"> <option value="">--Pilih--</option> <option value="SD">SD</option> <option value="SMP">SMP</option> <option value="SMA">SMA</option> <option value="D3">D3</option> <option value="S1">S1</option> <option value="S2">S2</option> </select></td> </tr> <tr> <td></td> <td><span class="style24">Pekerjaan <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="a_kerja" id="a_kerja" /></td> </tr> <tr> <td></td><td><span class="style24">Penghasilan <span class="style8">*</span></span></td><td align="center">:</td><td> <select name="a_hasil" id="a_hasil"> <option value="">--Pilih--</option> <option value="RP 0 - Rp 1.000.000"> RP 0 - Rp 1.000.000 </option>
86
<option value="Rp 1.000.000 - Rp 1.999.999"> Rp 1.000.000 - Rp 1.999.999</option> <option value="Rp 2.000.000 - Rp 4.999.999"> Rp 2.000.000 - Rp 4.999.999</option> <option value="Rp 5.000.000 - Rp 20.000.000"> Rp 5.000.000 - Rp 20.000.000</option></select> / Bulan</td> </tr> <tr> <td></td> <td valign="top"><span class="style24">Alamat <span class="style8">*</span></span></td> <td align="center" valign="top">:</td> <td><textarea name="a_alamat" id="a_alamat" cols="30" rows="3"></textarea></td> </tr> <tr> <td> </td> <td><span class="style24">No. Telp / HP <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="a_telp" id="a_telp" maxlength="12" size="10" pattern="[0-9]+" placeholder="Isi No.Telp" /></td> </tr> <tr> <td></td> <td><span class="style24">Status <span class="style8">*</span></span></td> <td align="center">:</td> <td><select name="a_status" id="a_status"> <option value="">--Pilih--</option> <option value="Hidup">Masih Hidup</option> <option value="Meniggal">Sudah Meninggal</option></select></td> </tr> </table><br /> <table width="634" border="0" cellspacing="1" cellpadding="1"> <tr bgcolor="#333333"> <td height="28" colspan="4"><span class="style28">D.
Keterangan Ibu Kandung</span></td> </tr> <tr> <td width="20"> </td> <td width="178"><span class="style24">Nama <span class="style8">*</span></span></td> <td width="12" align="center">:</td> <td width="411"> <input type="text" name="nm_ibu" id="nm_ibu" /></td> </tr> <tr> <td></td> <td><span class="style24">Tempat,Tanggal lahir <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="i_tmpt" id="i_tmpt" size="15" />, <input type="text" name="i_tgl" id="i_tgl" size="15" placeholder="yyyy-mm-dd" /> <span class="style30">**</span></td> </tr> <tr> <td></td> <td><span class="style24">Agama <span class="style8">*</span></span></td> <td align="center">:</td> <td><select name="i_agama" id="i_agama"> <option value="">--Pilih--</option> <option value="Islam">Islam</option> <option value="Kristen">Kristen</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option></select></td> </tr> <tr> <td></td> <td><span class="style24">Kewarganegaraan <span class="style8">*</span></span></td> <td><div align="center">:</div></td>
87
<td> <input type="text" name="i_warga" id="i_warga" size="13" /></td> </tr> <tr> <td></td> <td><span class="style24">Pendidikan <span class="style8">*</span></span></td> <td align="center">:</td> <td><select name="i_pnddk" id="i_pnddk"> <option value="">--Pilih--</option> <option value="SD">SD</option> <option value="SMP">SMP</option> <option value="SMA">SMA</option> <option value="D3">D3</option> <option value="S1">S1</option> <option value="S2">S2</option></select></td> </tr> <tr> <td></td> <td><span class="style24">Pekerjaan <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="i_kerja" id="i_kerja" /></td> </tr> <tr> <td></td> <td><span class="style24">Penghasilan <span class="style8">*</span></span></td> <td align="center">:</td> <td><select name="i_hasil" id="i_hasil"> <option value="">--Pilih--</option> <option value="RP 0 - Rp 1.000.000"> RP 0 - Rp 1.000.000 </option> <option value="Rp 1.000.000 - Rp 1.999.999"> Rp 1.000.000 - Rp 1.999.999</option>
<option value="Rp 2.000.000 - Rp 4.999.999"> Rp 2.000.000 - Rp 4.999.999</option> <option value="RP 5.000.000 - RP 20.000.000"> RP 5.000.000 - RP 20.000.000</option> </select> / Bulan</td> </tr> <tr> <td height="22"></td> <td valign="top"><span class="style24">Alamat <span class="style8">*</span></span></td> <td align="center" valign="top">:</td> <td> <textarea name="i_alamat" id="i_alamat" cols="30" rows="3"></textarea></td> </tr> <tr> <td></td> <td><span class="style24">No. Telp / HP <span class="style8">*</span></span></td> <td align="center"><div align="center">:</div></td> <td><input type="text" name="i_telp" id="i_telp" maxlength="12" size="11" pattern="[0-9]+" palceholder="Isi No.Telp" /></td> </tr> <tr> <td height="24"></td> <td><span class="style24">Status <span class="style8">*</span></span></td> <td><div align="center">:</div></td><td><select name="i_status" id="i_status"> <option value="">--Pilih--</option> <option value="Hidup">Masih Hidup</option> <option value="Meniggal">Sudah Meninggal</option> </select></td> </tr> </table><br />
88
<table width="635" border="0" cellspacing="1" cellpadding="1"> <tr bgcolor="#333333"> <td height="29" colspan="4"><span class="style28">E. Keterangan Wali</span></td> </tr> <tr> <td width="18"> </td> <td width="180"><span class="style24">Nama </span></td> <td width="13" align="center">:</td> <td width="418"> <input type="text" name="nm_wali" id="nm_wali" /></td> </tr> <tr> <td> </td> <td><span class="style24">Tempat,Tanggal lahir</span></td> <td align="center">:</td> <td><input type="text" name="tmpt_wali" id="tmpt_wali" size="10" />, <input type="text" name="tgl_wali" id="tgl_wali" size="10" placeholder="yyyy-mm-dd" /> <span class="style30">**</span></td> </tr> <tr> <td> </td> <td><span class="style24">Agama</span></td> <td align="center">:</td> <td> <select name="w_agama" id="w_agama"> <option value="">--Pilih--</option> <option value="Islam">Islam</option> <option value="Kristen">Kristen</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option></select></td> </tr> <tr> <td> </td>
<td><span class="style24">Kewarganegaraan</span></td> <td align="center">:</td> <td><input type="text" name="w_warga" id="w_warga" size="13" /></td> </tr> <tr> <td> </td> <td><span class="style24">Pendidikan</span></td> <td align="center">:</td> <td><select name="w_pnddk" id="w_pnddk"> <option value="">--Pilih--</option> <option value="SD">SD</option> <option value="SMP">SMP</option> <option value="SMA">SMA</option> <option value="D3">D3</option> <option value="S1">S1</option> <option value="S2">S2</option></select></td> </tr> <tr> <td> </td> <td><span class="style24">Pekerjaan</span></td> <td align="center">:</td> <td><input type="text" name="w_kerja" id="w_kerja" /></td> </tr> <tr> <td> </td> <td><span class="style24">Alamat</span></td> <td align="center">:</td> <td> <textarea name="w_alamat" id="w_alamat" cols="30" rows="3"></textarea></td> </tr> <tr> <td> </td> <td><span class="style24">No. Telp / HP</span></td> <td align="center">:</td>
89
<td> <input type="text" name="w_telp" id="w_telp" size="10" pattern="[0-9]+" maxlength="12" /></td> </tr> <tr> <td> </td> <td><span class="style24">Hubungan dengan siswa</span></td> <td align="center">:</td> <td><select name="hubungan" id="hubungan"> <option value="">--Pilih--</option> <option value="1">Orang Tua Angkat</option> <option value="2">Paman/Bibi</option> <option value="3">Kakek/Nenek</option> <option value="4">Lain-lain</option> </select></td> </tr> </table><br /> <table width="635" border="0" cellspacing="1" cellpadding="1"> <tr bgcolor="#333333"> <td height="29" colspan="4"><span class="style28">F. Asal Sekolah</span></td> </tr> <tr> <td width="21"></td> <td width="175"><span class="style24">Nama Sekolah <span class="style8">*</span></span></td> <td width="13" align="center">:</td><td width="419"><select name="asal" id="asal"> <option>--Pilih Sekolah--</option> <?php do { ?> <option value="<?php echo $asl_skl['npsn']?>"><?php echo $asl_skl['nm_sekolah']?></option> <?php } while ($asl_skl = mysql_fetch_assoc($sekolah));
$rows = mysql_num_rows($sekolah); if($rows > 0) { mysql_data_seek($sekolah, 0); $asl_skl = mysql_fetch_assoc($sekolah); }?></select> </td> </tr> <tr> <td></td> <td><span class="style24">Tanggal Lulus <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="tgl_lulus" id="tgl_lulus" size="15" /> <span class="style30">**</span></td> </tr> <tr> <td></td> <TD><span class="style24">Lama Belajar <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="lama_bljr" id="lama_bljr" maxlength="2" size="5" pattern="[0-9]+" /> Tahun</td> </tr> <tr> <td></td> <td><span class="style24">No SKHUN <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="text" name="skhun" id="skhun" size="12" /></td> </tr> </table><br /> <table width="637" border="0" cellspacing="1" cellpadding="1"> <tr bgcolor="#333333"> <td height="25" colspan="4"><span class="style28">G. Upload Data</span></td> </tr> <tr> <td width="15"> </td>
90
<td width="180"><span class="style24">Akte Kelahiran <span class="style8">*</span></span></td> <td width="13" align="center">:</td> <td width="422"><input type="file" name="akte" id="akte" /></td> </tr> <tr> <td> </td> <td><span class="style24">Foto <span class="style8">*</span></span></td> <td align="center">:</td> <td><input type="file" name="foto" id="foto" /></td> </tr> </table> </div> <br /> <p align="center"> <input type="submit" name="simpan" id="simpan" value="Simpan" /> <input type="reset" name="batal" id="batal" value="Batal" />
</p> <p> </p> <table width="734" border="0" cellspacing="1" cellpadding="3"> <tr> <th width="18" scope="col"> </th> <td width="114"><span class="style27"><strong>CATATAN</strong>:</span> </td> <td width="580"><span class="style26"> (*) Wajib di Isi</span></td> </tr> <tr> <td> </td> <td width="114"> </td> <td width="580"><p class="style26">(**) Ketik tanggal bila tahun tidak ada di tabel tanggal <br /> dengan format Tahun-Bulan-Tanggal (yyyy-mm-dd)</p> </td> </tr> </table> </form> </body> </html>
2. Form Konfirmasi Pendaftarana. konfirmasi.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>KonfirmasiPembayaran</title><style type="text/css">fieldset{padding-top:;}form{background-repeat:no-repeat;background-position:0px 0px;background-size: 100% 100%;height:40px;width:460px;margin-top:50px;margin-right:0px;margin-left:0px;padding-top:0px;
padding-left:30px;padding-right:30px;}table{}tabletr td{
font-family:"Lucida Console", Monaco, monospace;
font-size:12px;font-weight:bold;color:#000;padding:0px;}
input[type=text],input[type=password]{height:25px;width:200px;}
body{background:white;background-color: #FFFFFF;}
.style1 {font-family: Verdana, Arial,
Helvetica, sans-serif;font-size: medium;color: #000000;}
body,td,th { color: #000000;}
91
.style2 {font-family: "Times New Roman"}</style></head><body><?php include "koneksi/autonumber.php";$day=date("ymd"); ?><fieldset style="margin:auto; width:32%; height:20%;"><legend><h3>Konfirmasi Pembayaran</h3></legend><a href="../index.php">Kembalike Home</a><script>functionvalidasi(){varnodaf = form1.nodaf.value;
varpesan = '';if(nodaf=='')
{pesan='AndabelumMengisiNo.Pendaftaran.\n Isi formulirpendaftaranuntukmendapatkanNo.Pendaftaran\n';}if(pesan !=''){alert(pesan);return false; }return true }</script>
<form id="form1" name="form1" method="post" action="proses1.php" onsubmit="return validasi()"><table width="495" border="0" cellspacing="1" cellpadding="1"><tr><td width="172"><span class="style1">No. Pendaftaran</span></td><td width="16" align="center">:</td><td width="297"><input name="nodaf" type="text" placeholder="Masukkan No.Pendaftaran" size="20"/><input type="submit" name="proses" value="Proses" /><input name="bayar" type="hidden" id="bayar" value="<? echokdauto("pembayaran","B-");?>" /></td></tr><tr><td width="172" height="28"></td><td width="16" align="center"></td><td width="297" align="right"><a href="cek_nodaf.php" class="style2" onclick="popup()">Cek No.Pendaftaran Anda</a></td></tr></table></form></fieldset></tr></body></html>
3. Form Proses Lanjutan Konfirmasi Pembayarana. proses1.php
<?phpinclude "koneksi/koneksi.php";?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Konfirmasi Pembayaran</title></head><body><?php$today = date("ymd");// baca ID member dari form pembayaran.html
$id = $_POST['nodaf'];$bayar = $_POST['bayar'];// lakukan query pencarian data member berdasarkan ID$query = "SELECT * FROM daftar WHERE no_daf = '$id'";$hasil = mysql_query($query);if (mysql_num_rows($hasil)>0){// jika ditemukan datanya maka tampilkan$data =mysql_fetch_array($hasil);?><fieldset style="margin:auto; width:60%;"><legend>Konfirmasi Pembayaran</legend><script>functionvalidasi(){varjumlah = kbayar.jumlah.value;varbbayar = kbayar.bbayar.value;
92
var bank = kbayar.bank.value;varnorek = kbayar.norek.value;varnmrek = kbayar.nmrek.value;varpesan = '';if(jumlah==''){pesan='-Anda belum mengisi nominal uang yang di transfer\n';}
if(bbayar==''){pesan+='-Anda belum mengup load bukti transfer pembayaran\n';}if(bank==''){pesan+='-Anda belum memilih bank yang anda gunakan\n';}
if(norek==''){pesan+='-Anda belum mengisi Nomor Rekening\n';}
if(nmrek==''){pesan+='-Anda belum mengisi Nama Pemilik Rekening\n';}
if(pesan !=''){alert('Terjadi Kesalahan:\n'+pesan);return false; }return true }</script><form method="post" action="prosess.php" onsubmit="return validasi()" enctype="multipart/form-data" name="kbayar"><?php//memanggil data siswa pada tabel siswa$sql1=mysql_query("select*from siswa where nisn='$data[nisn]'");while ($b=mysql_fetch_array($sql1)) {?><table width="388" height="203"><tr><td>No.Pendaftaran</td><td>:</td><td><?php echo $id; ?></td></tr><tr><td>NISN</td><td>:</td><td><?php echo $data['nisn']; ?></td></tr><tr><td>Nama</td><td>:</td><td><?php echo $b['nama']; ?></td></tr><tr><td>BANK</td><td>:</td><td><label><select name="bank"><option value="">--Pilih BANK--</option><option value="BCA">BCA</option><option value="Mandiri">Mandiri</option><option value="BNI">BNI</option><option value="BRI">BRI</option><option value="Danamon">Danamon</option><option value="MEGA">MEGA</option></select>
</label></td></tr><tr><td>No.Rekening</td><td>:</td><td><input type="text" name="norek" /></td></tr><tr><td>PemilikRekening</td><td>:</td><td> <input type="text" name="nmrek" size="20" /> </td></tr><tr><td>Jumlah</td><td>:</td><td>Rp. <input type="text" name="jumlah" size="13" pattern="[0-9]+" placeholder="isi dengan angka"></td></tr><tr><td>Bukti Transfer </td><td>:</td><td><input type="file" name="bbayar" id="bbayar" /></table>
<div align="center"><input type="hidden" name="id" value="<?php echo $id?>"><input type="hidden" name="username" value="<?php echo $data['nisn']?>" /><input type="hidden" name="bayar" value="<? echo $bayar?>" /><input type="hidden" name="pass" value="<?php echo $b['tgl_siswa']?>" /><input type="hidden" name="nama" value="<?php echo $b['nama']?>" /><input type="hidden" name="level" value="3" /><input type="hidden" name="status" value="MenungguKonfirmasi" /><input type="submit" name="bayar" value="Bayar"><a href="konfirmasi.php"><input type="button" name="Batal" value="Batal" /></a></div><?php }?></form><?php}// jika tidak maka tampilkan peringatanelse echo "<script>alert('Nomor Pendaftaran tidak
93
ditemukan');document.location.href='konfirmasi.php';</script>";?>
</fieldset></body></html>
4.4. Testing
4.4.1.Black Box testing Form Formulir Pendaftaran
Tabel IV. 23
Hasil Pengujian Black Box Testing Form Formulir Pendaftaran
NoSkenarion Pengujian
Test CaseHasil yang diharapkan
Hasil Pengujian
Kesimpulan
1 Mengosongkan semua data pada formulir pendaftaran kemudian klik tombol “Simpan”
Nama siswa :kosongNisn : KosongJenis kelamin : tidak dipilihTempat lahir : kosongTanggal lahir : kosongAgama : kosongKewarganegaraan :kosongTinggi : kosongBerat badan : kosongAnak ke : kosongDari :kosongTiri : kosongAlamat : kosongKelurahan :kosongKecamatan : kosongKota : kosongKode pos: kosongTempat tinggal : kosongJarak : kosong
Sistem akan menolak menyimpan formulir pendaftaran dan menampilkan pesan “Maaf ada kesalahan pada pengisian:-Nama tidak boleh Kosong-NISN Wajib di isi-Tempat Lahir harus diisi-Tanggal Lahir harus diisi-Agama harus dipilih !-Kewarganegaraan harus diisi! -Tinggi Badan harus diisi! -Berat Badan harus diisi! -Anda Belum Mengisi Anak ke-Anda Belum Mengisi Jumlah Saudara-Jika tidak ada Saudara Tiri, ketik "0" ! -Anda belum mengisi alamat Rumah-Kelurahan Harus diisi-Kecamatan harus
Sesuai harapan
Valid
94
Waktu : kosongNo. Telp : KosongNama ayah : kosongTempat lahir ayah : kosongTanggal lahir : kosongAgama ayah : kosongKewarganegaraan ayah :kosongPendidikan ayah : kosongPekerjaan ayah : kosongPenghasilan : kosongAlamat ayah : kosongNo.telp : kosongStatus ayah : kosongNama ibu : kosongTempat lahir ibu : kosongTanggal lahir : kosongAgama ibu : kosongKewarganegaraan ibu :kosongPendidikan ibu : kosongPekerjaan ibu : kosongPenghasilan : kosongAlamat ibu : kosong
diisi-Kota Harus diisi-Kode Pos Harus diisi-Anda belum memilih tempat tinggal-Anda Belum Mengisi jarak dari rumah kesekolah-Anda Belum belum mengisi waktu tempuh dari rumah ke Sekolah-Anda Belum Mengisi No.Telepon yang dapat dihubungi-Nama Ayah harus diisi! -Tempat lahir ayah harus terisi-Tanggal lahir ayah harus diisi-Anda belum memilih agama ayah -Anda belum mengisi kewarganegaraan ayah -Anda belum memilih pendidikan ayah-Anda belum mengisi pekerjaan ayah-Anda belum memilih Penghasilan ayah-Anda belum mengisi alamat ayah-Anda Belum Mengisi No Telepon Ayah. Ketik "0" jika tidak ada-Anda belum memilih status Ayah-Anda belum mengisi NamaIbu-Anda belum mengisi tempat lahir ibu-Tanggal lahir Ibu harus diisi-Anda belum memilih agama Ibu-Anda belum mengisi
95
No.telp : kosongStatus ibu : kosongNama wali : kosongTempat lahir wali : kosongTanggal lahir : kosongAgama wali : kosongKewarganegaraan wali :kosongPendidikan wali: kosongPekerjaan wali : kosongAlamat wali : kosongNo.telp : kosongHubungan : kosongNama sekolah : kosongTanggal lulus : kosongLama belajar: kosongNo. skhun : kosongAkte kelahiran : tidak di uploadFoto : tidak di upload
kewarganegaraan Ibu-Anda belum memilih pendidikan Ibu-Anda belum mengisipekerjaan Ibu-Anda belum memilih Penghasilan Ibu-Anda belum mengisi alamat Ibu-Anda Belum Mengisi No Telepon ibu. Ketik "0" jika tidak ada-Anda belum memilih status Ibu-Anda Belum mengisi tanggal Lulus -Anda belum mengisi Lama anda Belajar di SD-Anda Belum mengis inomor SKHUN -Anda Belum Mengupload gambar Akte Kelahiran-Anda belum Mengupload Foto diri
2 Mengosongkan nama siswa kemudian klik tombol “Simpan”
Nama siswa : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan “Nama tidak boleh kosong”
Sesuai harapan
Valid
3 Mengisikan nama
Nama: Risma27 Sistem akan menolak
Sesuai harapan
Valid
96
menggunakan angka
menyimpan formulir dan menampilkan pesan “Nama tidak valid”
4 Mengosongkan Nisn kemudian klik tombol“simpan”
NISN : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” NISN Wajib di isi”
Sesuai harapan
Valid
5 Mengosongkan tempat lahir kemudian klik tombol “simpan”
Tempat lahir siswa : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Tempat Lahir harus diisi”
Sesuai harapan
Valid
6 Mengosongkan tanggal lahir kemudian klik tombol “simpan”
Tanggal lahir : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Tanggal Lahir harus diisi”
Sesuai harapan
Valid
7 Mengosongkan agama kemudian klik tombol “simpan”
Agama : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Agama harus dipilih!”
Sesuai harapan
Valid
8 Mengosongkan kewarganegaraankemudian klik tombol “simpan”
Kewarganegaraan :kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Kewarganegaraan harus diisi!”
Sesuai harapan
Valid
97
9 Mengosongkan tinggi kemudian klik tombol “simpan”
Tinggi : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Tinggi Badan harus diisi!”
Sesuai harapan
Valid
10 Mengosongkan Berat badan kemudian klik tombol “simpan”
Berat badan : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Berat Badan harus diisi!”
Sesuai harapan
Valid
11 Mengosongkan Anak ke kemudian klik tombol “simpan”
Anak ke : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda Belum Mengisi Anak ke”
Sesuai harapan
Valid
12 Mengosongkan jumlah saudara kemudian klik tombol “simpan”
Dari :kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda Belum Mengisi Jumlah Saudara”
Sesuai harapan
Valid
13 Mengosongkan saudara Tiri kemudian klik tombol “simpan”
Tiri : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Jika tidak ada Saudara Tiri, ketik "0"”
Sesuai harapan
Valid
14 Mengosongkan Alamat kemudian klik tombol “simpan”
Alamat : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi alamat Rumah”
Sesuai harapan
Valid
98
15 Mengosongkan Kelurahan kemudian klik tombol “simpan”
Kelurahan :kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Kelurahan Harus diisi”
Sesuai harapan
Valid
16 Mengosongkan Kecamatan kemudian klik tombol “simpan”
Kecamatan : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Kecamatan harus diisi”
Sesuai harapan
Valid
17 Mengosongkan Kota kemudian klik tombol “simpan”
Kota : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Kota Harus diisi”
Sesuai harapan
Valid
18 Mengosongkan Kode pos kemudian klik tombol “simpan”
Kode pos: kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Kode Pos Harus diisi”
Sesuai harapan
Valid
19 Mengosongkan Tempat tinggal kemudian klik tombol “simpan”
Tempat tinggal : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum memilih tempat tinggal”
Sesuai harapan
Valid
20 Mengosongkan Jarak kemudian klik tombol “simpan”
Jarak : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan”Belum Mengisi jarak dari rumah ke sekolah”
Sesuai harapan
Valid
21 Mengosongkan Waktu kemudian klik
Waktu : kosong Sistem akan menolak menyimpan formulir
Sesuai harapan
Valid
99
tombol “simpan”
dan menampilkan pesan”B elum belum mengisi waktu tempuh dari rumah ke Sekolah”
22 Mengosongkan No. Telp kemudian klik tombol “simpan”
No. Telp : Kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Belum Mengisi No.Telepon”
Sesuai harapan
Valid
23 Mengosongkan Nama ayah kemudian klik tombol “simpan”
Nama ayah : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Nama Ayah harus diisi!
Sesuai harapan
Valid
24 Mengosongkan t Tempat lahir ayah kemudian klik tombol “simpan”
Tempat lahir ayah : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Tempat lahir ayah harus terisi”
Sesuai harapan
Valid
25 Mengosongkan Tanggal lahir kemudian klik tombol “simpan”
Tanggal lahir : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Tanggal lahir ayah harus diisi”
Sesuai harapan
Valid
26 Mengosongkan Agama ayah kemudian klik tombol “simpan”
Agama ayah : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum memilih agama ayah”
Sesuai harapan
Valid
27 Mengosongkan Kewarganegaraan ayah kemudian klik
Kewarganegaraan ayah :kosong
Sistem akan menolak menyimpan formulir dan menampilkan
Sesuai harapan
Valid
100
tombol “simpan”
pesan” Anda belum mengisi kewarganegaraan ayah”
28 Mengosongkan Pendidikan ayah kemudian klik tombol “simpan”
Pendidikan ayah : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belummemilih pendidikan ayah”
Sesuai harapan
Valid
29 Mengosongkan Pekerjaan ayah kemudian klik tombol “simpan”
Pekerjaan ayah : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi pekerjaan ayah”
Sesuai harapan
Valid
30 Mengosongkan Penghasilan kemudian klik tombol “simpan”
Penghasilan : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum memilih Penghasilan ayah”
Sesuai harapan
Valid
31 Mengosongkan Alamat ayah kemudian klik tombol “simpan”
Alamat ayah : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi alamat ayah”
Sesuai harapan
Valid
32 Mengosongkan No.telp ayah kemudian klik tombol “simpan”
No.telp : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda Belum Mengisi No Telepon Ayah. Ketik "0" jika tidak ada”
Sesuai harapan
Valid
33 Mengosongkan Status ayah
Status ayah : kosong
Sistem akan menolak
Sesuai harapan
Valid
101
kemudian klik tombol “simpan”
menyimpan formulir dan menampilkan pesan” Anda belum memilih status Ayah”
34 Mengosongkan Nama ibu kemudian klik tombol “simpan”
Nama ibu : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi Nama Ibu”
Sesuai harapan
Valid
35 Mengosongkan Tempat lahir ibu kemudian klik tombol “simpan”
Tempat lahir ibu : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi tempat lahir ibu”
Sesuai harapan
Valid
36 Mengosongkan Tanggal lahir ibu kemudian klik tombol “simpan”
Tanggal lahir : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Tanggal lahir Ibu harus diisi”
Sesuai harapan
Valid
37 Mengosongkan Agama ibu kemudian klik tombol “simpan”
Agama ibu : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum memilih agama Ibu”
Sesuai harapan
Valid
38 Mengosongkan Kewarganegaraan ibu kemudian klik tombol “simpan”
Kewarganegaraan ibu :kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi kewarganegaraan Ibu”
Sesuai harapan
Valid
39 Mengosongkan Pendidikan ibu kemudian klik tombol
Pendidikan ibu : kosong
Sistem akan menolak menyimpan formulir dan menampilkan
Sesuai harapan
Valid
102
“simpan” pesan” Anda belummemilih pendidikan Ibu”
40 Mengosongkan Pekerjaan ibu kemudian klik tombol “simpan”
Pekerjaan ibu : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi pekerjaan Ibu”
Sesuai harapan
Valid
41 Mengosongkan Penghasilan kemudian klik tombol “simpan”
Penghasilan : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan”A nda belum memilih Penghasilan Ibu”
Sesuai harapan
Valid
42 Mengosongkan Alamat ibu kemudian klik tombol “simpan”
Alamat ibu : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi alamat Ibu”
Sesuai harapan
Valid
43 Mengosongkan No.telp ibu kemudian klik tombol “simpan”
No.telp : kosong Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda Belum Mengisi No Telepon ibu. Ketik "0" jika tidak ada”
Sesuai harapan
Valid
44 Mengosongkan Status ibu kemudian klik tombol “simpan”
Status ibu : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum memilih status Ibu”
Sesuai harapan
Valid
45 Mengosongkan Nama sekolah kemudian klik tombol
Nama sekolah : kosong
Sistem akan menolak menyimpan formulir dan menampilkan
Sesuai harapan
Valid
103
“simpan” pesan”Anda Belum Memilih Sekolah Asal”
46 Mengosongkan Tanggal lulus kemudian klik tombol “simpan”
Tanggal lulus : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda Belum mengisi tanggal Lulus”
Sesuai harapan
Valid
47 Mengosongkan Lama belajar kemudian klik tombol “simpan”
Lama belajar: kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum mengisi Lama anda Belajar di SD”
Sesuai harapan
Valid
48 Mengosongkan No. skhun kemudian klik tombol “simpan”
No. skhun : kosong
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda Belum mengisi nomor SKHUN”
Sesuai harapan
Valid
49 Mengosongkan Akte kelahiran kemudian klik tombol “simpan”
Akte kelahiran : tidak di upload
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda Belum Mengupload gambar Akte Kelahiran”
Sesuai harapan
Valid
50 Mengosongkan Foto kemudian klik tombol “simpan”
Foto : tidak di upload
Sistem akan menolak menyimpan formulir dan menampilkan pesan” Anda belum Mengupload Foto diri
Sesuai harapan
Valid
51 Mengisi semua data dengan benar kemudian klik
Nama siswa : FarizNisn : 0001915677
Sistem akan menyimpan formulir pendaftaran online dan memunculkan
Sesuai harapan
Valid
104
tombol “Simpan”
Jenis kelamin : L Tempat lahir : JakartaTanggal lahir : 2004-09-07Agama : islamKewarganegaraan :IndonesiaTinggi : 140Berat badan: 40Anak ke : 3Dari :3Tiri : 0Alamat : Jl.BungurKelurahan : BungurKecamatan : SenenKota : Jakarta pusatKode pos: 10560Tempat tinggal : orang tuaJarak : 300 mWaktu : 10 menitNo. Telp : 08383838919Nama ayah : DionTempat lahir ayah : JakartaTanggal lahir : 1976-09-02Agama ayah : islamKewarganegaraan ayah :IndonesiaPendidikan ayah : D3Pekerjaan ayah : Swasta
pesan “Formulir telah tersimpan. Nomor Pendaftaran Anda SMP/2016/01 .Cetak Formulir di Ruang Pendaftaran Siswa”
105
Penghasilan : 1juta-2jutaAlamat ayah : jakartaNo.telp :0856827737Status ayah : masih hidupNama ibu : AndaraTempat lahir ibu : JakartaTanggal lahir : 1980-03-03Agama ibu : islamKewarganegaraan ibu : indonesiaPendidikan ibu : SMAPekerjaan ibu : ibu rumah tanggaPenghasilan : Rp 0-Rp 999.999Alamat ibu : JakartaNo.telp : 0812334433Status ibu : masih hidupNo.telp : kosongNama sekolah : SDN 02 BungurTanggal lulus : 2016-04-20Lama belajar: 6 tahunNo. skhun : Akte kelahiran : 123.jpgFoto : foto.jpg
106
4.4.2.Black Box testing Form konfirmasi Pendaftaran
Tabel IV. 24
Form Konfirmasi Pendaftaran
NoSkenarion Pengujian
Test CaseHasil yang diharapkan
Hasil Pengujian
Kesimpulan
1 Mengosongkan nomor pendaftaran kemudian klik tombol “Proses”
No. Pendaftaran : Kosong
Sistem akan menolak memproses pembayaran dan menampilkan pesan “Anda belum mengisi No.Pendaftaran. Isi formulir pendaftaran untuk mendapatkan No.Pendaftaran”
Sesuai Harapan
Valid
2 Menginput nomor pendaftaran yang salah dan langsung mengklik tombol “Proses”
No. Pendaftaran : SMP/201502
Sistem akan menolak mengakses pembayaran dan akan menampilkan pesan “Nomor Pendaftaran tidak ditemukan”
Sesuai Harapan
Valid
107
3 Menginput nomor pendaftaran yang benar dan mengklik tombol “Proses”
No. Pendaftaran : SMP/2016/01
Sistem akan mengakses konfirmasi pendaftaran dan menampilkan form konfirmasi pembayaran
Sesuai Harapan
Valid
4 No pendaftaran dan NISN terisi otomatis, jumlah dan bukti transfer kosong klik tombol “Bayar”
No.Pendaftaran : SMP/2016/01NISN :1234563456Jumlah : KosongBukti transfer : Kosong
Sistem akan menolak meneruskan transaksi pembayaran dan menampilkan pesan “Terjadi kesalahan:-Anda belum mengisi nominal uang yang di transfer -Anda belum mengupload bukti transfer pembayaran
Sesuai Harapan
Valid
5 Mengosongkan jumlah transfer dan mengklik tombol “Bayar”
No.pendaftara: SMP/2016/01NISN : 1234563456Jumlah : KosongBukti transfer : 123.jpg
Sistem akan menolak meneruskan transaksi pembayaran dan menampilkan pesan “Terjadi kesalahan:-Anda belum mengisi nominal uang yang di transfer
Sesuai Harapan
Valid
6 Mengisi Jumlah transfer bukan dengan angka
No.pendaftara: SMP/2016/01NISN : 1234563456
Sistem akan menolak meneruskan transaksi pembayaran kemudian
Sesuai Harapan
Valid
108
Jumlah : 200.000Bukti transfer : 123.jpg
textfield jumlah akan berwarna merah dan menampilkan pesan “sesuaikan dengan format yang diminta”
7 Mengosongkan Bukti Transfer dan mengklik tombol “Bayar”
No.pendaftara: SMP/2016/01NISN : 1234563456Jumlah : 200000Bukti transfer : Kosong
Sistem akan menolak meneruskan transaksi pembayaran dan menampilkan pesan “Terjadi kesalahan:-Anda belum mengupload bukti transfer pembayaran
Sesuai Harapan
Valid
8 Menginput semua data dengan benar dan mengklik tombol “Bayar”
No.pendaftara: SMP/2016/01NISN : 1234563456Jumlah : 200000Bukti transfer : 123.jpg
Sistem akan memproses data pembayaran dan menampilkan pesan “Konfirmasi pembayaran berhasil. Cetak Bukti Konfirmasi Pembayaran di Ruang Pendaftaran Siswa Baru”.
Sesuai Harapan
Valid
4.4.3.Black Box testing Form Login Siswa
Tabel IV. 25
Form Login Siswa
No Skenarion Pengujian Test Case Hasil yang
diharapkanHasil
PengujianKesimpu
lan
109
1
Mengosongkansemua isian form login kemudian klik tombol “Login”
Username : KosongPassword : Kosong
Sistemakan menolak akses login
Sesuaiharapan
Valid
2
Hanya mengisi Username dan megosongkan Password kemudian klik tombol “Login”
Username : 1234563456Password : Kosong
Sistem akan menolak akses login
Sesuai harapan
Valid
3
Mengosongkan Username dan hanya mengisi Password kemudian klik tombol “Login”
Username: KosongPassword : 2004-04-22
Sistem akan menolak akses login
Sesuai Harapan
Valid
4
Menginput username dan password yang salah kemudian klik tombol “Login”
Username : 1111111111Password : 2002-02-01
Sistem akan menolak akses login dan menampilkan pesan “User tidak ditemukan”
Sesuai Harapan
Valid
5
Manginput username dan password yang benar kemudian klik tombol “Login”
Username : 1234563456Password : 2004-04-22
Sistem akan menerima akses login dan kemudian menampilkan halaman siswa
Sesuai Harapan
Valid
4.5. Support
4.5.1.Publikasi Web
Sistem aplikasi penerimaan siswa baru secara online yang penulis usulkan
di harapkan dapat memenuhi informasi yang dibutuhkan calon siswa dan orang
tua murid untuk mengetahui informasi sekolah dan pendaftaran siswa baru dapat
dilakukan secara lebih efektif dan efisien, sehingga dapat menghemat waktu dan
biaya.
110
1. Nama Domain
Nama domain berfungsi untuk mempermudah pengguna di Internet pada
saat melakukan akses pencarian ke server. Saat ini banyak jasa penyedia
domain yang menyediakan nama-nama domain baik yang gratis maupun
yang bayar. Untuk sistem informasi penerimaan siswa baru berbasis web
ini, penulis memilih domain www.smpislammeranti.com sebagai nama
domainnya.
2. Hosting
Hosting adalah jasa layanan internet yang menyediakan server untuk
disewakan sehingga memungkinkan organisasi atau individu menempatkan
informasi di internet. Kapasitas hosting yang di tawarkan penyedia jasa
hosting sangat beragam. Untuk itu penulis mendaftarkan web ini ke salah
satu jasa hosting yaitu www.hostinger.co.id dengan masa berlaku 1 tahun.
Tabel IV.26
Spesifikasi Hosting dan Domain
Spesifikasi Volum
Disk Space 2000 MB
Bandwidth 100GB
Biaya Hosting Gratis
Biaya Domain Rp. 129.140,-
4.5.2.Spesifikasi Hardware dan Software
Sebuah sistem dikatakan berhasil digunakan jika didukung dengan tiga
unsur utama yaitu Hardware, software dan brainware. Perangkat keras
(hardware) adalah salah satu komponen dari sebuah komputer yg sifat alatnya
111
bisa dilihat dan diraba oleh manusia secara langsung atau berbentuk nyata,
berfungsi untuk mendukung proses komputerisasi. Berdasarkan fungsinya,
perangkat keras komputer dibagi menjadi lima komponen yaitu input device (unit
masukan), process device (unit pemrosesan), output device (unit keluaran),
storage (penyimpanan) dan peripheral (tambahan). Perangkat lunak (software)
adalah perangkat yang terdiri dari instruksi-instruksi atau program-program
komputer yang berguna untuk menjalankan suatu pekerjaan sesuai apa yang di
kehendaki pengguna. Berbeda dengan hardware yang dapat dilihat dan di raba
secara fisik, sotware tidak tampak secara fisik dan berwujud benda namun bisa
dioperasikan.
Tabel IV. 27
Spesifikasi hardware dan software
Kebutuhan Keterangan
Sistem Operasi Windows 7 Home Premium
Processor Intel Cor i3
RAM 2 GB
Harddisk 500 GB
Printer HP deskjet 2050
Mouse Standard
Browser Mozilla Firefox, Google Chrome
Software Dreamweaver, php MyAdmin
Monitor SVGA 14”
Keyboard 86 Key
Database server My SQL Server versi 5.1
Web Server Xampp version 1.6.6a
Bahasa Pemrograman PHP
Database Tools PhpMyAdmin
112
4.6. Spesifikasi Dokumen Sistem Usulan
a. Nama Dokumen : Bukti Pendaftaran
Fungsi : Sebagai bukti pendaftaran siswa baru
Sumber : Sistem
Tujuan : Pendaftar
Media : Tampilan
Frekuensi : Setiap terjadi pendaftaran siswa baru
Format : Lampiran B-1
b. Nama Dokumen : Bukti Konfirmasi Pembayaran
Fungsi :Sebagai bukti telah melakukan konfirmasi
. pembayaran formulir.
Sumber : Sistem
Tujuan : Calon Siswa
Media : Tampilan
Frekuernsi : setiap siswa melakukan pembayaran
Format : Lampiran B-2
c. Nama Dokumen : Laporan pendaftaran pendaftar
Fungsi : Sebagai laporan pendaftar
Sumber : Admin
Tujuan : Kepala Sekolah
113
Media : Tampilan
Frekuensi : Setiap tahun ajaran Baru
Format : Lmpiran B-3
d. Nama Dokumen : Laporan pendaftaran siswa baru
Fungsi : Sebagai laporan siswa baru
Sumber : Admin
Tujuan : Kepala Sekolah
Media : Tampilan
Frekuensi : Setiap tahun ajaran Baru
Format : Lmpiran B-4
e. Nama Dokumen : Laporan penjualan formulir pendaftaran online
Fungsi : sebagai laporan penjualan formulir pendaftara
online
Sumber : Admin
Tujuan : Kepala Sekolah dan Sie Pendidikan
Media : Tampilan
Frekuensi : Setiap tahun ajaran Baru
Format : Lmpiran B-5