Post on 18-Jan-2021
II
PEMBAHASAN
Spesifikasi Rancangan Program
Spesifikasi rancangan program yang penulis gunakan dalam pembuatan perancangan web di makalah ini terdiri dari :
Rancangan Masukan (Input)
Menguraikan secara rinci setiap rancangan dokumen masukan yang digunakan dalam sistem dengan uraian parameter-parameter dokumen tersebut dengan parameter-parameter dokumennya sebagai berikut:
1. Nama Dokumen: Form Siswa
Fungsi: Untuk mengisi data siswa
Sumber: Siswa
Tujuan: Staff Admin
Frekuensi: Setiap ada pembayaran SPP
Media: Layar
Jumlah: -
2. Nama Dokumen: Form Kelas
Fungsi: Untuk mengisi kelas siswa
Sumber: Siswa
Tujuan: Staff Admin
Frekuensi: Setiap siswa mengisi form
Media: Layar
Jumlah: -
3. Nama Dokumen: Form Jurusan
Fungsi: Untuk mengisi data jurusan
Sumber: Siswa
Tujuan: Staff Admin
Frekuensi: Setiap siswa mengisi form
Media: Layar
Jumlah: -
4. Nama Dokumen: Form Tahun Ajaran
Fungsi: Untuk mengisi tahun ajaran
Sumber: Siswa
Tujuan: Staff Admin
Frekuensi: Setiap siswa mengisi form
Media: Layar
Jumlah: -
5. Nama Dokumen: Form Jenis Bayar
Fungsi: Untuk mengisi data jenis bayar
Sumber: Siswa
Tujuan: Staff Admin
Frekuensi: Setiap ada pembayaran SPP
Media: Layar
Jumlah: -
6. Nama Dokumen: Form Pembayaran
Fungsi: Untuk mengisi data pembayaran
Sumber: Siswa
Tujuan: Staff Admin
Frekuensi: Setiap ada pembayaran SPP
Media: Layar
Jumlah: -
Rancangan Keluaran (output)
Menguraikan Rancangan Diagram secara rinci setiap rancangan dokumen keluaran yang digunakan dalam sistem dengan uraian parameter-parameter dokumen tersebut dengan parameter-parameter dokumennya sebagai berikut :
1. Nama Dokumen: Bukti Pembayaran
Fungsi: Sebagai bukti transaksi pembayaran SPP
Sumber: Staff Admin
Tujuan: Siswa
Media: Kertas
Jumlah : 1 Lembar
Frekuensi: Setiap terjadi pembayaran
2. Nama Dokumen: Laporan
Fungsi: Sebagai catatan transaksi pembayaran
Sumber: Kasir
Tujuan: Staff Admin
Media: Layar
Jumlah : -
Frekuensi: Setiap terjadi pembayaran
Use Case Diagram
Gambar III.1 Use Case Diagram
Activity Diagram
Gambar III.2 Activity Diagram
Class Diagram
Gambar III.3 Class Diagram
Sequence Diagram
Gambar III.4 Sequence Diagram
ERD (Entity Relationship Diagram)
Gambar III.5 ERD (Entity Relationship Diagram)
Logical Relational Structure (LRS)
Gambar III.6 Logical Relational Structure (LRS)
Struktur Navigasi
Dalam pembahasan struktur navigasi dijelaskan cara kerja web agar lebih mudah memahaminya. Serta melihat bagaimana prosedur web dijalankan sesuai dengan ketentuannya. Adapun penjelasan mengenai struktur navigasi tersebut sebagai berikut:
Gambar III.7 Struktur Navigasi
Spesifikasi Basis Data
Spesifikasi file yang digunakan dalam perancangan program pembayaran spp ini terdiri dari satu database dengan tujuh tabel, yaitu:
1. Tabel User
Nama Field
Tipe Data(Ukuran)
Null
Keterangan
iduser
int(11)
None
Primary Key
Username
varchar(45)
Yes
Password
varchar(45)
Yes
admin
tinyint
Yes
Fullname
varchar(45)
Yes
Tabel III.1 Tabel User
2. Tabel Siswa
Nama Field
Tipe Data(Ukuran)
Null
Keterangan
nis
char(10)
None
nama
varchar(45)
Yes
Primary Key
idprodi
varchar(4)
Yes
Primary Key
status
Varchar(7)
None
Primary Key
Tabel III.2 Tabel Siswa
3. Tabel Kelas
Nama Field
Tipe Data(Ukuran)
Null
Keterangan
Kelas
varchar(8)
None
Primary Key
th_pelajaran
char(9)
None
Primary Key
Nis
char(10)
None
Primary Key
Tabel III.3 Tabel Kelas
4. Tabel Prodi
Nama Field
Tipe Data(Ukuran)
Null
Keterangan
Idprodi
char(10)
None
Prodi
varchar(45)
Yes
Primary Key
Tabel III.4 Tabel Prodi
5. Tabel Tapel
Nama Field
Tipe Data(Ukuran)
Null
Keterangan
Id
int(11)
None
Tapel
char(9)
None
Primary Key
Tabel III.5 Tabel Tapel
6. Tabel Jenis Bayar
Nama Field
Tipe Data(Ukuran)
Null
Keterangan
th_pelajaran
char(9)
None
Primary Key
Tingkat
varchar(3)
None
Primary Key
Jumlah
double
Yes
Tabel III.6 Tabel Jenis Bayar
7. Tabel Pembayaran
Nama Field
Tipe Data(Ukuran)
Null
Keterangan
Kelas
varchar(8)
None
Primary Key
Nis
char(10)
None
Primary Key
Bulan
varchar(45)
None
Primary Key
tgl_bayar
date
Yes
Jumlah
double
Yes
Tabel III.7 Tabel Pembayaran
Rancangan Antar Muka ProgramForm Home
Gambar III.8. Form Home
Form Master Siwa
Gambar III.9. Form Master Siswa
Form Master Kelas
Gambar III.10. Form Master Kelas
Form Master Jurusan
Gambar III.11. Form Master Jurusan
Form Master Tahun Ajaran
Gambar III.12. Form Master Tahun Ajaran
Form Master User
Gambar III.13. Form Master User
Form Transaksi Jenis Pembayaran
Gambar III.14. Form Transaksi Jenis Pembayaran
Form Transaksi Pembayaran
Gambar III.15. Form Transaksi Pembayaran
Form Laporan Pembayaran
Gambar III.16. Form Laporan Pembayaran
27