Upload
trankiet
View
214
Download
0
Embed Size (px)
Citation preview
24
BAB IV
DESKRIPSI PEKERJAAN
4
Deskripsi kerja praktik ini, menggambarkan bagaimana penulis merancang
sistem yang akan dibuat untuk perusahaan atau organisasi. Sebelum memulai
perancangan, tahap awal yang akan dilakukan adalah dengan melakukan
pengumpulan data, diperoleh dari informasi yang diberikan oleh pihak
kebendaharaan. Kemudian menganalisis kebutuhan informasi dengan cara
wawancara, mengamati kinerja yang berjalan, serat mempelajari dokumen fisik
yang ada sesuai kebutuhan. Setelah tahap analisis selesai, kemudian dilanjutkan ke
tahap perancangan sistem dan desain sistem, perancangan tabel database, serta
membuat interface.
4.1 Pengumpulan Data
Pengumpulan data yang digunakan sebagai bahan dalam penyusunan laporan
dan aplikasi yang akan dibuat dilakukan dengan mempelajari data dan informasi
yang didapat. Dari pengumpulan data ini, untuk mendapatkan fakta-fakta kebenaran
uraian materi untuk pembahasan. Berikut ini adalah beberapa metode pengumpulan
data yang dipakai penulis.
1. Observasi
Observasi dilakukan dengan melihat langsung aktifitas yang berjalan pada
sistem pembayaran. Pengumpulan data dengan cara observasi ini dilakukan
untuk mendapatkan informasi dan data yang berhubungan dengan
permasalahan yang terjadi di sistem pembayaran.
25
2. Wawancara
Wawancara dilakukan kepeda pihak-pihak yang bersangkutan seperti
kebendaharaan, staff TU dan Kepala BK. Wawancara ini bertujuan untuk
mendapatkan informasi-informasi yang diperlukan, nantinya dari informasi
tersebut didapatkan data yang dapat dibangun sebuah sistem yang
diharapakan mampu menangani permasalahan yang dihadapi dalam proses
pencatatan pembayaran spp dan iuran siswa.
3. Studi Kepustakaan
Tinjauan pustaka dilakukan untuk mengumpulkan dan membandingkan
beberapa hasil penelitihan kerja praktik sebelumnya atau sejenisnya,
kemujdian mempelajari untuk memperoleh perbandingan kekurangan dan
kelebihan dari setiap penelitihan.
4.2 Analisis
4.2.1 Permasalahan Pembayaran SPP
Madrasah Aliyah Negeri Trenggalek merupakan institusi pendidikan yang
bernaung dibawah Kementerian Agama RI yang memiliki kurang lebih 1099 orang
siswa yang terdiri 318 siswa laki-laki dan 781 siswa perempuan yang dimasukkan
dalam 30 ruang rombongan belajar dengan 3 jurusan yaitu IPA, IPS, dan Agama.
Banyaknya siswa yang ada di MAN Trenggalek, membuat pihak sekolah
membutuhankan suatu pengelolahan administratif dengan menyediakan data-data
guna untuk melakukan proses pencatatan pembayaran spp dan iuran siswa.
Pembayaran memiliki peran penting dalam menunjang kegiatan pembelajaran dan
oprasional sekolah, sehingga tertatanya pencatatan menjadi poin kunci untuk
keberlangsungan pembayaran. Pencatatan pembayaran yang dilakukan oleh bagian
26
kebendaharaan masih dicatat dalam buku besar pembayaran sehingga
membutuhkan banyak kertas yang akan menimbulkan penumpukan berkas atau
kemungkinan hilang dan rusak.
Pencatatan pembayaran spp dan iuran siswa yang saat ini sudah dilakukan
oleh pihak sekolah bagian kebendaharaan masih menemui kendala, yaitu mengenai
banyaknya waktu yang terbuang hanya untuk merekap data siswa yang belum
membayar atau menunggak, selain itu seluruh pencatatan hanya ditulis secara
manual, penggunaan TI semisal Microsoft. Excel masih sebatas pelaporan ke
pimpinan.
4.2.2 Document Flow Pembayaran SPP
Proses aktifitas pencatatan pembayaran yang terjadi saat ini oleh bagian
kebendaharaan dimulai dari siswa mengantri diloket pembayaran, kemudian
memberikan kartu pembayaran dan uang kepada bendahara. Kemudian bendahara
mencatat pembayaran ke dalam kartu pembayaran serta buku besar pembayaran,
jika siswa melakukan pembayaran berupa iuran atau sejenisnya maka akan
diberikannya kuintansi pembayaran. Berikut document flow pencatatan
pembayaran spp dan iuran siswa;
27
Pencatatan Pembayaran SPP
Siswa Bendahara Kepala Sekolah
Mulai
Menyerahkan Uang dan
Kartu Pembayaran
Mencatat Pembayaran
Masuk
Buku Besar Pembayaran
Kartu Pembayaran SPP telah diisi
Membuat Laporan
Laporan tunggakan siswa
Per Bulan
Laporan Keuangan Per
Bulan
Kartu Pembayaran SPP
Laporan tunggakan siswa
Per Bulan
Laporan Keuangan Per
Bulan
Selesai
Gambar 4.1Document Flow Pembayaran
4.2.3 Solusi
Solusi yang dapat dilakukan dalam menangani permasalahan yang terjadi
pada aktifitas pencatatan pembayaran spp dan iuran siswa yaitu dengan membuat
sebuah sistem informasi pencatatan pembayaran spp dan iuran siswa yang dapat
dan mampu mengolah data-data pegawai, kelas serta data-data pencatatan
pembayaran spp dan iuran siswa kususnya yang mampu mengeluarkan output
28
berupa laporan tunggakan siswa beserta laporan keungan siswa yang ditujukan
kepada pemangku kepentingan. Sistem ini dapat membantu mengurangi kesalahan
dalam hal pencatatan dan pembayaran.
4.2.4 Manfaat
Manfaat yang didapatkan dari solusi pembuatan sistem informasi pencatatan
pembayaran spp dan iuran siswa sebagai berikut:
1. Bendahara dapat dengan mudah, cepat dan tepat untuk melakukan rekapan
tunggakan dan keuangan.
2. Kesalahan dalam pencatatan dan penyimpanan pembayaran dapat dikurangi
seperti rekapan data.
3. Bendahara dengan cepat menyajiakan laporan tunggakan dan keuangan.
4.3 Perancangan
Kebutuhan sistem oleh Madrasah Aliyah Negeri Trenggalek kususnya
kebendaharaan ialah sebuah sistem yang dapat menangani dan memenuhi
kebutuhan dalam proses pencatatan pembayaran spp dan iuran siswa secara
terkomputerisasi sehingga dalam mencari kebutuhan informasi dapat dengan cepat
dan akurat. Sistem ini diharapkan dapat membantu kinerja kebendaharaan dalam
proses:
1. Pencatatan pembayaran meliputi pencatatan pembayaran spp, iuran siswa,
daftar ulang serta memberikan laporan hasil tunggakan siswa.
2. Pembuatan pelaporan tunggakan siswa, keuangan yang ditujukan kepada
pimpinan.
29
4.3.1 Diagram IPO
Diagram IPO ini memiliki data input awal yaitu data siswa, data kelas, data
jurusan data tingkat kelas, data anggota kelas, data jenis pembayaran, data
pembayaran. Data tersebut akan dijadikan inputan untuk diproses dalam sebuah
transaksi oleh pihak bendahara. Data siswa akan digunakan sebagai data utama
dalam transaksi. Data jurusan akan digunakan untuk data masukan data tingkat
kelas. Data pembayaran akan digunakan untuk data masukan data jenis
pembayaran. data siswa, Data jenis pembayaran, dan data tingkat kelas akan
digunakan untuk proses transaksi pembayaran.
Diagram IPO
INPUT PROSES OUTPUT
Data Siswa
Data Jurusan
Data Tingkat Kelas
Pembuatan Transaksi
Form Kelas
Data Transaksi
Data TransaksiPembuatan
LaporanLaporan Perbulan
Gambar 4.2 Bagan Berjenjang
30
4.3.2 Kebutuhan Fungsional
Kebutuhan fungsional merupakan suatu layanan sistem yang harus
disediakan dan bagaimana sistem berinteraksi dengan pengguna sistem, seperti
pengguna dapat melakukan apad saja didalam sistem kebutuhan fungsionalitas
dapat dilihat pada tabel 4.1 berikut:
Tabel 4.1 Kebutuhan Fungsional
No Pengguna Kebutuhan Pengguna Kebutuhan
fungsionalitas
1. Staff TU Data siswa Pengelolahan master
siswa
Data jurusan Pengelolahan master
jurusan
Data tingkat kelas Pengelolahan master
tingkat kelas
Data kelas Pengelolahan master
kelas
2. Bendahara Data pembayaran Pengelolahan master
pembayaran
Data Jenis Pembayaran Pengelolahan master
jenis pembayaran
Data Siswa, Data kelas,
data jenis pembayaran
Pengelolahan Transaksi
Pembayaran
Data Transaksi Pembuatan Laporan
tunggakan perbulan,
laporan lunas perbulan
3. Kepala
Sekolah
Data Laporan Laporan perbulan
A. Fungsi Login
Kebutuhan fungsi login untuk dapat menggunakan sistem informasi
pembayaran spp dapat dilihat pada Tabel 4.2 sebagai berikut:
31
Tabel 4.2 Fungsi Login
Nama Fungsi Fungsi Login
Pengguna Staff TU, Bendahara, Kepala Sekolah
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk melakukan login ke aplikasi
Kondisi Awal User dan Password
Alur Normal Aksi Pengguna Respon sistem
Memasukkan user dan password
1. Pengguna
memasukan user
dan password
Sistem melakukan
pengecekan terhadap
kesesuaian user dengan
password. Jika login
berhasil maka sistem
akan menampilkan
halaman beranda awal,
jika tidak sesuai maka
akan menampilkan
pesan “login gagal”
Kondisi Akhir Fungsi ini untuk melakukan login
B. Fungsi Pengolahan Master Siswa
Kebutuhan fungsi pengolahan master siswa untuk dapat melakukan
pengelolahan data siswa dapat dilihat pada tabel 4.3 sebagai berikut:
Tabel 4.3 Fungsi Master Siswa
Nama Fungsi Fungsi pengelolahan master siswa
Pengguna Staff TU
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk mengelola data master siswa untuk
disimpan, diubah maupun dihapus.
Kondisi Awal Data siswa
Alur Normal Aksi Pengguna Respon sistem
Memasukkan, mengubah dan menghapus data
siswa
1. Pengguna
memilih menu
master siswa
Sistem akan
menampilkan
halaman master siswa
32
Nama Fungsi Fungsi pengelolahan master siswa
2. Pengguna
memilih tombol
tambah, ubah,
hapus
Sistem menampilkan
halaman sesuai
dengan tombol yang
dipillh
3. Pengguna
memasukkan
data siswa yang
ingin ditambah,
diubah atau
dihapus
Sistem akan
melakukan
penambahan data
siswa ke database,
mengubah data siswa
ke database atau
menghapus data siswa
yang dipilih dari
database
Kondisi Akhir Fungsi ini untuk mengelola data siswa
C. Fungsi Pengolahan Master Jurusan
Kebutuhan fungsi pengolahan master jurusan untuk dapat melakukan
pengelolahan data jurusan dapat dilihat pada Tabel 4.4 sebagai berikut:
Tabel 4.4 Fungsi Master Jurusan
Nama Fungsi Fungsi pengelolahan master jurusan
Pengguna Staff TU
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk mengelola data master jurusan untuk
disimpan, diubah maupun dihapus.
Kondisi Awal Data jurusan
Alur Normal Aksi Pengguna Respon sistem
Memasukkan, mengubah dan menghapus data
jurusan
1. Pengguna
memilih menu
master jurusan
Sistem akan
menampilkan
halaman master
jurusan
2. Pengguna
memilih tombol
tambah, ubah,
hapus
Sistem menampilkan
halaman sesuai
dengan tombol yang
dipillh
33
Nama Fungsi Fungsi pengelolahan master jurusan
3. Pengguna
memasukkan
data jurusan yang
ingin ditambah,
diubah atau
dihapus
Sistem akan
melakukan
penambahan data
jurusan ke database,
mengubah data
jurusan ke database
atau menghapus data
jurusan yang dipilih
dari database
Kondisi Akhir Fungsi ini untuk mengelola data jurusan
D. Pengolahan Maser Tingkat Kelas
Kebutuhan fungsi pengolahan master tingkat kelas untuk dapat melakukan
pengelolahan data tingkat kelas dapat dilihat pada Tabel 4.5 sebagai berikut:
Tabel 4.5 Fungsi Master Tingkat Kelas
Nama Fungsi Fungsi pengelolahan master tingkat kelas
Pengguna Staff TU
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk mengelola data master tingkat kelas untuk
disimpan, diubah maupun dihapus.
Kondisi Awal Data tingkat kelas
Alur Normal Aksi Pengguna Respon sistem
Memasukkan, mengubah dan menghapus data
tingkat kelas
1. Pengguna
memilih menu
master tingkat
kelas
Sistem akan
menampilkan
halaman master
jurusan
2. Pengguna
memilih tombol
tambah, ubah,
hapus
Sistem menampilkan
halaman sesuai
dengan tombol yang
dipillh
3. Pengguna
memasukkan
data tingkat kelas
yang ingin
Sistem akan
melakukan
penambahan data
tingkat kelas ke
34
Nama Fungsi Fungsi pengelolahan master tingkat kelas
ditambah, diubah
atau dihapus
database, mengubah
data tingkat kelas ke
database atau
menghapus data
tingkat kelas yang
dipilih dari database
Kondisi Akhir Fungsi ini untuk mengelola data jtingkat kelas
E. Fungsi Pengolahan Master Kelas
Kebutuhan fungsi pengolahan master kelas untuk dapat melakukan
pengelolahan data kelas dapat dilihat pada Tabel 4.6 sebagai berikut:
Tabel 4.6 Fungsi Master Kelas
Nama Fungsi Fungsi pengelolahan master kelas
Pengguna Staff TU
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk mengelola data master kelas untuk
disimpan, diubah maupun dihapus.
Kondisi Awal Data kelas
Alur Normal Aksi Pengguna Respon sistem
Memasukkan, mengubah dan menghapus data
kelas
1. Pengguna
memilih menu
master kelas
Sistem akan
menampilkan
halaman master kelas
2. Pengguna
memilih tombol
tambah, ubah,
hapus
Sistem menampilkan
halaman sesuai
dengan tombol yang
dipillh
3. Pengguna
memasukkan
data kelas yang
ingin ditambah,
diubah atau
dihapus
Sistem akan
melakukan
penambahan data
kelas ke database,
mengubah data kelas
ke database atau
menghapus data kelas
35
Nama Fungsi Fungsi pengelolahan master kelas
yang dipilih dari
database
Kondisi Akhir Fungsi ini untuk mengelola data kelas
F. Fungsi Pengolahan Master Jenis Pembayaran
Kebutuhan fungsi pengolahan master pembayaran untuk dapat melakukan
pengelolahan data pembayaran dapat dilihat pada Tabel 4.7 sebagai berikut:
Tabel 4.7 Fungsi Master Jenis Pembayaran
Nama Fungsi Fungsi pengelolahan pembayaran
Pengguna Bendahara
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk mengelola data master pembayaran untuk
disimpan, diubah maupun dihapus.
Kondisi Awal Data pembayaran
Alur Normal Aksi Pengguna Respon sistem
Memasukkan, mengubah dan menghapus data
pembayaran
1. Pengguna
memilih menu
master
pembayaran
Sistem akan
menampilkan
halaman master
pembayaran
2. Pengguna
memilih tombol
tambah, ubah,
hapus
Sistem menampilkan
halaman sesuai
dengan tombol yang
dipillh
3. Pengguna
memasukkan
data pembayaran
yang ingin
ditambah, diubah
atau dihapus
Sistem akan
melakukan
penambahan data
pembayaran ke
database, mengubah
data pembayaran ke
database atau
menghapus data
pembayaan yang
dipilih dari database
Kondisi Akhir Fungsi ini untuk mengelola data pembayaran
36
G. Fungsi Pengolahan Master Pembayaran
Kebutuhan fungsi pengolahan master kelas untuk dapat melakukan
pengelolahan data kelas dapat dilihat pada Tabel 4.8 sebagai berikut:
Tabel 4.8 Fungsi Master Pembayaran
Nama Fungsi Fungsi pengelolahan master kelas
Pengguna Staff TU
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk mengelola data master kelas untuk
disimpan, diubah maupun dihapus.
Kondisi Awal Data kelas
Alur Normal Aksi Pengguna Respon sistem
Memasukkan, mengubah dan menghapus data
kelas
1. Pengguna
memilih menu
master kelas
Sistem akan
menampilkan
halaman master kelas
2. Pengguna
memilih tombol
tambah, ubah,
hapus
Sistem menampilkan
halaman sesuai
dengan tombol yang
dipillh
3. Pengguna
memasukkan
data kelas yang
ingin ditambah,
diubah atau
dihapus
Sistem akan
melakukan
penambahan data
kelas ke database,
mengubah data kelas
ke database atau
menghapus data kelas
yang dipilih dari
database
Kondisi Akhir Fungsi ini untuk mengelola data kelas
H. Fungsi Pengolahan Data Transaksi
Kebutuhan fungsi pengolahan Transaksi untuk dapat melakukan
pengelolahan proses transaksi dapat dilihat pada Tabel 4.9 sebagai berikut:
37
Tabel 4.9 Fungsi Transaksi
Nama Fungsi Fungsi pengelolahan Data Transaksi
Pengguna Bendahara
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk mengelola data transaksi untuk disimpan,
diubah maupun dihapus.
Kondisi Awal Data Siswa, Data tingkat Kelas, Data jenis
pembayaran
Alur Normal Aksi Pengguna Respon sistem
Memasukkan, mengubah dan menghapus data
transaksi
1. Pengguna
memilih menu
transaksi
Sistem akan
menampilkan
halaman transaksi
2. Pengguna
memilih tombol
tambah, ubah,
hapus
Sistem menampilkan
halaman sesuai
dengan tombol yang
dipillh
3. Pengguna
memasukkan
data transaksi
yang ingin
ditambah, diubah
atau dihapus
Sistem akan
melakukan
penambahan data
transaksi ke database,
mengubah data
transaksi ke database
atau menghapus data
transaksi yang dipilih
dari database
Kondisi Akhir Fungsi ini untuk mengelola data transaski
I. Fungsi Pengolahan Laporan
Kebutuhan fungsi pengolahan lapoaran untuk dapat melakukan pengelolahan
proses lapoaran dapat dilihat pada Tabel 4.10 sebagai berikut:
38
Tabel 4.10 Fungsi Laporan
Nama Fungsi Fungsi pengelolahan laporan
Pengguna Bendahara
Deskripsi Fungsi ini merupakan kegiatan yang dilakukan
untuk mengelola lapoaran.
Kondisi Awal Data Transaksi
Alur Normal Aksi Pengguna Respon sistem
Memasukan Jenis-Jenis Laporan
1. Pengguna
memilih menu
laporan
Sistem akan
menampilkan halaman
laporan
2. Pengguna
memilih list
jenis laporan
Sistem menampilkan
halaman sesuai
dengan list laporan
Kondisi Akhir Fungsi ini untuk mengelola laporan
4.3.3 System Flow
System flow merupakan bagan atau perangkat diagram grafik yang
mengkomunikasikan aliran data dan memiliki arus pekerjaan dari suatu sistem yang
menjelaskan urutan prosedur yang terdapat didalam sistem.
A. System Flow Login User
System login user ini menggambarkan tentan proses login yang dapat
dilakukan oleh Staff TU, Bendahara dan Kepala sekolah. Proses ini dimulai dengan
memasukkan user dan password yang berbeda pada tiap usernya. Berikut system
flow dapat dilihat pada Gambar 4.3 berikut ini:
39
System Flow Login
Staff TU, Bendahara, Kepala
SekolahSystem
Start
Halaman
Login
End
Input User dan
Password
Sesuai?
Halaman Utama
Aplikasi
Pengecekan User
dan PasswordTabel_pegawai
Pop Up
“Login Gagal”
Y
Menampilkan
Pesan GagalN
Gambar 4.3 System Flow Login
B. System Flow Pengolahan Master
B.1 System Flow Pengolahan Master Siswa
System flow ini menggambarkan tentang urutan proses pencatatan data master
siswa. Data siswa dapat diolah seperti disimpan, diubah, dan dihapus. Fungsi hapus
data dapat dilakukan jika data tersebut belum digunakan oleh master yang lain atau
transaksi pembayaran. Pengolahan master ini dapat dilakukan setelah pengguna
40
melakukan login dan memiliki akses untuk melakukan pengolahan master siswa.
Pengolahan master ini dapat dilihat pada Gambar 4.4 berikut ini:
System Flow Tambah Data Siswa
Staff TU System
Start
Input Data
Siswa
Pilih Tombol
Simpan
Pengecekan
Data Siswa
Halaman
Utama
Pilih Menu
Master Siswa
Form Tambah
Data Siswa
Halaman
Master
Siswa
Pilih Button
Tambah Data
Siswa
Menampilkan
Data SiswaTbl_siswa
Menampilkan
Halaman Form
Tambah Data
Siswa
Data Siswa
Sudah Benar?
Y
End
Menyimpan
Data Siswa
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
disimpan”
Gambar 4.4 System Flow Tambah Data Siswa
41
System Flow Ubah Data Siswa
Staff TU System
Start
Input Data
Siswa yang
Dirubah
Pilih Tombol
Simpan
Pengecekan
Data Siswa
Halaman
Utama
Pilih Menu
Master Siswa
Form Ubah
Data Siswa
Halaman
Master
Siswa
Pilih Tombol
Edit
Menampilkan
Data Siswa
Tbl_siswa
Menampilkan Data
Siswa Berdasarkan
yang Dipilih
Data Siswa
Sudah Benar?
Menyimpan
Data Siswa
End
Y
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
diubah”
Gambar 4.5 System Flow Ubah Data Siswa
42
System Flow Hapus Data Siswa
Staff TU System
Start
Pengecekan
Relasi Data
Siswa
Halaman
Utama
Pilih Menu
Master Siswa
Pop Up
“Apakah yakin
ingin dihapus?”
Halaman
Master Siswa
Pilih Tombol
Delete
Menampilkan
Data Siswa
Tbl_siswa
Mencari Data
Siswa Berdasarkan
yang Dipilih
Data Siswa
Belum Dipakai?
Menghapus
Data Siswa
End
Y
Pilih Tombol
“Ok”Y
N
Tbl_TransaksiN
Gambar 4.6 System Flow Hapus Data Siswa
43
B.2 System Flow Pengolahan Master Jurusan
System flow ini menggambarkan tentang urutan proses pencatatan data master
jurusan. Data jurusan dapat diolah seperti disimpan, diubah, dan dihapus. Fungsi
hapus data dapat dilakukan jika data tersebut belum digunakan oleh master yang
lain atau transaksi pembayaran. Pengolahan master ini dapat dilihat pada Gambar
4.7 berikut ini:
System Flow Tambah Data Jurusan
Staff TU System
Start
Input Data
Jurusan
Pilih Tombol
Simpan
Pengecekan
Data Jurusan
Halaman
Utama
Pilih Menu Master
Jurusan
Form Tambah
Data Jurusan
Halaman
Master
Jurusan
Pilih Button
Tambah Jurusan
Menampilkan
Data Jurusan
Tbl_jurusan
Menampilkan
Form Tambah
Data Jurusan
Data Jurusan
Sudah Benar?
Menyimpan
Data Jurusan
Y
End
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
disimpan”
Gambar 4.7 System Flow Tambah Data Jurusan
44
System Flow Ubah Data Jurusan
Staff TU System
Start
Input Data
Jurusan yang
Dirubah
Pilih Tombol
Simpan
Pengecekan
Data Jurusan
Halaman
Utama
Pilih Menu
Master Jurusan
Form Ubah
Data Jurusan
Halaman
Master
Jurusan
Pilih Tombol
Edit
Menampilkan
Data Jurusan
Tbl_jurusan
Menampilkan Data
Jurusan
Berdasarkan yang
Dipilih
Data Jurusan
Sudah Benar?
Menyimpan
Data Jurusan
End
Y
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
diubah”
Gambar 4.8 System Flow Ubah Data Jurusan
45
System Flow Hapus Data Jurusan
Staff TU System
Start
Pengecekan
Relasi Data
Jurusan
Halaman
Utama
Pilih Menu
Master Jurusan
Pop Up
“Apakah yakin
ingin dihapus?”
Halaman
Master
Jurusan
Pilih Tombol
Delete
Menampilkan
Data Jurusan
Tbl_Jurusan
Mencari Data
Jurusan
Berdasarkan yang
Dipilih
Data Jurusan
Belum
Dipakai?
Menghapus
Data Jurusan
End
Y
Pilih Tombol
“Ok”Y
N
Tbl_kelas
N
Gambar 4.9 System Flow Hapus Data Jurusan
46
B.3 System Flow Pengolahan Master Tingkat Kelas
System flow ini menggambarkan tentang urutan proses pencatatan data master
tingkat_kelas. Data tingkat kelas dapat diolah seperti disimpan, diubah, dan
dihapus. Pengolahan master ini dapat dilihat pada gambar 4.10 berikut ini:
System Flow Tambah Data Tingkat Kelas
Staff TU System
Start
Input Data
Tingkat_Kelas
Pilih Tombol
Simpan
Pengecekan
Data
Tingkat_kelas
Halaman
Utama
Pilih Menu
Master
Tingkat_Kelas
Form Tambah
Data
Tingkat_Kelas
Halaman
Master
Tingkat_kelas
Pilih Menu
Tambah
Tingkat_Kelas
Menampilkan
Data
Tingkat_Kelas
Tbl_Tingkat_kelas
Menampilkan
Form Tambah
Data
Tingkat_Kelas
Data
Tingkat_kelas
Sudah Benar?
Menyimpan
Data
Tingkat_Kelas
Y
End
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
ditambah”
Gambar 4.10 System Flow Tambah Data Tingkat Kelas
47
System Flow Ubah Data Tingkat Kelas
Staff TU System
Start
Input Data
Tingkat_Kelas
yang Diubah
Pilih Tombol
Simpan
Pengecekan
Data
Tingkat_Kelas
Halaman
Utama
Pilih Menu
Master
Tingkat_Kelas
Form Ubah
Data
Tingkat_kelas
Halaman
Master
Tingkat_Kelas
Pilih Tombol
Edit
Menampilkan
Data
Tingkat_Kelas
Tbl_Tingkat_kelas
Menampilkan Data
Tingkat_Kelas
Berdasarkan yang
Dipilih
Data
Tingkat_Kelas
Sudah Benar?
Menyimpan
Data
Tingkat_Kelas
End
Y
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
diubah”
Gambar 4.11 System Flow Ubah Data Tingkat Kelas
48
System Flow Hapus Data Tingkat Kelas
Staff TU System
Start
Pengecekan
Relasi
Tingkat_Kelas
Halaman
Utama
Pilih Menu
Master
Tingkat_Kelas
Pop Up
“Apakah yakin
ingin dihapus?”
Halaman Master
Tingkat_Kelas
Pilih Tombol
Delete
Menampilkan
Data
Tingkat_Kelas
Tbl_Kelas
Mencari Data
Tingkat_Kelas
Berdasarkan yang
Dipilih
Data
Tingkat_Kelas
Belum
Dipakai?
Menghapus
DataTingkat_Kelas
End
Y
Pilih Tombol
“Ok”Y
N
Tbl_Tingkat
Kelas
N
Gambar 4.12 System Flow Hapus Data Tingkat Kelas
49
B.4 System Flow Pengolahan Master Kelas
System flow ini menggambarkan tentang urutan proses pencatatan data master
kelas. Data kelas dapat diolah seperti disimpan, diubah, dan dihapus. Fungsi hapus
data dapat dilakukan jika data tersebut belum digunakan oleh master yang lain atau
transaksi pembayaran. Pengolahan master ini dapat dilihat pada gambar 4.13
berikut ini:
System Flow Tambah Data Kelas
Staff TU System
Start
Input Data
Kelas
Pilih Tombol
Simpan
Pengecekan
Data Kelas
Halaman
Utama
Pilih Menu
Master Kelas
Form Tambah
Kelas
Halaman
Master
Kelas
Pilih Menu
Tambah Kelas
Menampilkan
Data KelasTbl_Kelas
Menampilkan
Halaman Form
Tambah Kelas
Data Kelas Sudah
Benar?
Y
End
Menyimpan
Data Kelas
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
ditambah”
Gambar 4.13 System Flow Tambah Data Kelas
50
System Flow Ubah Data Kelas
Staff TU System
Start
Input Data
Kelas yang
Dirubah
Pilih Tombol
Simpan
Pengecekan
Data Kelas
Halaman
Utama
Pilih Menu
Master Kelas
Form Ubah
Data Kelas
Halaman
Master Kelas
Pilih Tombol
Edit
Menampilkan
Data Kelas
Tbl_Kelas
Menampilkan Data
Kelas Berdasarkan
yang Dipilih
Data Kelas Sudah
Benar?
Menyimpan
Data Kelas
End
Y
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
diubah”
Gambar 4.14 System Flow Ubah Data Kelas
51
System Flow Hapus Data Kelas
Staff TU System
Start
Pengecekan
Relasi Data
Kelas
Halaman
Utama
Pilih Menu Master
Kelas
Pop Up
“Apakah yakin
ingin dihapus?”
Halaman
Master Kelas
Pilih Tombol
Delete
Menampilkan
Data Kelas
Tbl_Kelas
Mencari Data
Kelas Berdasarkan
yang Dipilih
Data Kelas
Belum Dipakai?
Menghapus
Data Kelas
End
Y
Pilih Tombol
“Ok”Y
N
Tbl_Transaksi
Tbl_Siswa
N
Gambar 4.15 System Flow Hapus Data Kelas
52
B.5 System Flow Pengolahan Master Jenis Pembayaran
System flow ini menggambarkan tentang urutan proses pencatatan data master
jenis pembayaran. Data jenis pembayaran dapat diolah seperti disimpan, diubah,
dan dihapus. Fungsi hapus data dapat dilakukan jika data tersebut belum digunakan
oleh master yang lain atau transaksi pembayaran. Pengolahan master ini dapat
dilihat pada gambar 4.16 berikut ini:
System Flow Tambah Data Jenis Pembayaran
Bendahara System
Start
Input Data Jenis
Pemabayaran
Pilih Tombol
Simpan
Pengecekan
Data Jenis
Pembayarn
Halaman
Utama
Pilih Menu Jenis
Pembayaran
Form Tambah
Jenis
Pembayaran
Halaman
Jenis
Pembayaran
Pilih Menu
Tambah Jenis
Pembayaran
Menampilkan
Data Jenis
Pembayaran
Tbl_Jenis Pembayaran
Menampilkan
Halaman Form
Tambah Jenis
Pembayaran
Data Jenis
Pembayaran Sudah
Benar?
Y
End
Menyimpan
Data Jenis
Pembayaran
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
disimpan”
Gambar 4.16 System Flow Tambah Data Jenis Pembayaran
53
System Flow Ubah Data Jenis Pembayaran
Bendahara System
Start
Input Data Jenis
Pembayaran
yang Dirubah
Pilih Tombol
Simpan
Pengecekan
Data Jenis
Pembayarn
Halaman
Utama
Pilih Menu Jenis
Pembayaran
Form Ubah
Data Jenis
Pembayaran
Halaman
Jenis
Pembayarn
Pilih Tombol
Edit
Menampilkan
Data Jenis
Pembayarn
Tbl_Jenis Pembayaran
Menampilkan Data
Jenis Pembayaran
Berdasarkan yang
Dipilih
Data Jenis
Pembayaran Sudah
Benar?
Menyimpan
Data Jenis
Pembayarn
End
Y
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
diubah”
Gambar 4.17 System Flow Ubah Data Jenis Pembayaran
54
System Flow Hapus Data Jenis Pembayaran
Bendahara System
Start
Pengecekan
Relasi Jenis
Pembayaran
Halaman
Utama
Pilih Menu Jenis
Pembayarn
Pop Up
“Apakah yakin
ingin dihapus?”
Halaman
Jenis
Pembayaran
Pilih Tombol
Delete
Menampilkan
Data Jenis
Pembayaran
Tbl_Jenis Pembayarn
Mencari Data Jenis
Pembayaran
Berdasarkan yang
Dipilih
Data Jenis
Pembayaran
Belum Dipakai?
Menghapus
Data Jenis
Pembayaran
End
Y
Pilih Tombol
“Ok”Y
N
Pop Up “Data
tidak dapat
dihapus”
Menampilkan
Pesan GagalN
Gambar 4.18 System Flow Hapus Data Jenis Pembayaran
55
B.6 System Flow Pengolahan Master Pembayaran
System flow ini menggambarkan tentang urutan proses pencatatan data master
pembayaran. Data pembayaran dapat diolah seperti disimpan, diubah, dan dihapus.
Fungsi hapus data dapat dilakukan jika data tersebut belum digunakan oleh master
yang lain atau transaksi. Pengolahan master ini dapat dilihat pada gambar 4.19
berikut ini
System Flow Tambah Data Pembayaran
Bendahara System
Start
Input Data
Pembayaran
Pilih Tombol
Simpan
Pengecekan
Data
Pembayaran
Halaman
Utama
Pilih Menu
Pembayaran
Form Tambah
Data
Pembayarn
Halaman
Pembayaran
Pilih Menu
Tambah
Pembayaran
Menampilkan
Data
Pembayaran
Tbl_Pembayaran
Menampilkan
Form Tambah
Data
Pembayaran
Data Pembayaran
Sudah Benar?
Menyimpan
Data
Pembayaran
Y
End
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
disimpan”
Gambar 4.19 System Flow Tambah Data Pembayaran
56
System Flow Ubah Data Pembayaran
HRD System
Start
Input Data
Pembayaran yang
Dirubah
Pilih Tombol
Simpan
Pengecekan
Data
Pembayaran
Halaman
Utama
Pilih Menu
Pembayaran
Form Ubah
Data
Pembayaran
Halaman
Pembayaran
Pilih Tombol
Edit
Menampilkan
Data
Pembayaran
Tbl_Pembayaran
Menampilkan Data
Pembayaran
Berdasarkan yang
Dipilih
Data Pembayaran
Sudah Benar?
Menyimpan
Data
Pembayaran
End
Y
Menampilkan
Pesan GagalN
Pop Up “Data
tidak dapat
diubah”
Gambar 4.20 System Flow Ubah Data Pembayaran
57
System Flow Hapus Data Pembayaran
HRD System
Start
Pengecekan
Relasi Data
Pembayaran
Halaman
Utama
Pilih Menu
Pembayaran
Pop Up
“Apakah yakin
ingin dihapus?”
Halaman
Pembayaran
Pilih Tombol
Delete
Menampilkan
Data
Pembayaran
Tbl_Pembayaran
Menampilkan Data
Pembayaran
Berdasarkan yang
Dipilih
Data Pembayaran
Belum Dipakai?
Menghapus
Data
Pembayaran
End
Y
Pilih Tombol
“Ok”Y
N
Pop Up “Data
tidak dapat
dihapus”
Menampilkan
Pesan GagalN
Gambar 4.21 System Flow Hapus Pembayaran
58
C. System Flow Pengolahan Transaksi
System flow ini menggambarkan tentang urutan proses pencatatan data
transaksi. Pengolahan transaksi ini dapat dilihat pada gambar 4.22 berikut ini:
System Flow Pegelolaan Transaski
HRD System
Start
Input
Pembayaran
Pilih Tombol
Simpan
Pengecekan
Simpan
Sementara
Halaman
Utama
Pilih Menu
Transaksi
Form Transaksi
Halaman
Transaksi
Pilih Tombol Detil
Menampilkan
Data Kelas
Tbl_tingkatkelas
Menampilkan Data
Transaksi Per
Siswa
End
Menyimpan
Data Transaksi
Tbl_tingkatkelas
Tbl_kelas
Tbl_jurusan
Tbl_Siswa
Pilih Tombol
Simpan
Bayar
Tbl_Transaksi
Gambar 4.22 System Flow Tambah Transaksi
59
D. System Flow Pembuatan Laporan
System flow ini menggambarkan tentang urutan proses pembuatan laporan.
Pembuatan laporan ini dapat dilihat pada gambar 4.23 berikut ini:
System Flow Pembuatan Laporan
HRD System
Start
Halaman
Utama
Pilih Menu
Laporan
Menampilkan
Form Filter
Laporan
Halaman
Laporan
Input Data Filter
Laporan
Menampilkan
data laporan
End
Tbl_transaksi
Pilih Tombol
Cari
Tampil Data
Laporan
Pembayaran
Gambar 4.23 System Flow Laporan
60
4.3.4 Context Diagram
Context Diagram merupakan sebuah gambaran yang menampilkan secara
menyeluruh mengenai aliran data pada data flow diagram. Pada context diagram
dapat dilihat mengenai gambaran umum dari Aplikasi SPP berupa data-data apa
saja yang dibutuhkan. Adapun gambar context diagram tersebut dapat dilihat pada
gambar 4.24.
Gambar 4.24 Context Diagram
4.3.5 Bagan Berjenjang
Bagan berjenjang merupakan diagram yang dapat menampilkan seluruh
proses yang terdapat pada suatu aplikasi tertentu dengan jelas dan terstruktur.
Bagan berjenjang dapat digambarkan dengan notasi yang terdapat pada notasi
Data Siswa
Data Kelas
Data Tingkat Kelas
Data Jurusan
Data Siswa
Data Jenis Pembayaran
Data Pembayaran
Data Kelas
Laporan Pembayaran Perbulan
1
Aplikasi Sumbangan Pembinaan
Pendidikan (SPP)
Staff TU
Bendahara
Kepala Sekolah
61
proses data flow diagram. Bagan berjenjang dari sistem informasi SPP ini dapat
dilihat pada gambar 4.25
Rancang Bangun Aplikasi SPP Pada Madrasah
Aliyah Negeri Trenggalek Berbasis Web
0
Pengololaan
Master
1
Pengelolaan
Transaksi
2
Laporan Transaksi
3
Pengelolaan
Master Siswa
1.1
Pencarian
Transaski
Perkelas
2.1
Proses
Transaksi
2.2
Pelaporan Perbulan
3.1
Pelaporan Pertahun
3.2
Pencatatan
Transaski
Persiswa
2.3
Pengelolaan
Master Kelas
1.4
Pengelolaan
Master Jurusan
1.2
Pengelolaan
Master Tingkat
Kelas
1.3
Pengelolaan
Master
Pembayaran
1.6
Pengelolaan
Master Jenis
Pembayaran
1.5
Gambar 4.25 Diagram Berjenjang
4.3.6 Data Flow Diagram
Data flow diagram merupakan diagram yang menggambarkan suatu sistem
secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut
mengalir, disimpan. Data flow diagram biasanya digunakan dalam metodologi
pengembangan sistem yang terstruktur. Data flow diagram pada sistem informasi
62
penilaian kinerja pegawai ini terdapat 4 level yaitu data flow diagram level 0, level
1, level 2, dan level 3.
A. Data Flow Diagram Level 0
Data flow diagram level 0 digambarkan secara global proses-proses yang ada
pada Aplikasi SPP. DFD level 0 pada Aplikasi SPP ini dimulai dari pengelolaan
data master, transaksi pembayaran dan laporan. Data flow diagram level 0 dapat
dilihat pada gambar 4.26.
Gambar 4.26 Data Flow Level 0 Pembayaran SPP
Data Siswa
Data Jurusan
Data Tingkat Kelas
Data Kelas
Data Jurusan
Data Tingkat Kelas
Data Kelas
Data Siswa
Data Jenis Pembayaran
Data Pembayaran
Data Pembayaran
Data Siswa
Data Kelas
Data Siswa
Data Jenis Pembayaran
Data Pembayaran
Data Kelas
Data Transaksi
Data transaksi
Laporan Pembayaran Perbulan
Staff TU
Bendahara
Kepala Sekolah
1.1
Pengolahan Data Master
1 tbl_siswa
2 tbl_jurusan
3 tbl_tingkatkelas
4 tbl_kelas
5 tbl_Jenis_Pembayaran
6 tbl_Pembayaran
1.2
Transaksi
7 tbl_transaksi
1.3
Pengolahan Laporan
63
B. Data Flow Diagram Level 1
Data flow diagram level 1 merupakan diagram yang menguraikan proses
yang ada pada data flow diagram level 0. Pada DFD level 1 digambarkan secara
lebih detil proses-proses utama yakni pengolahan data master, pencatatan transaksi,
dan pembuatan laporan.
B.1 Data Flow Diagram Level 1 Proses Pengelolaan Data Master
Data Flow Diagram Level 1 proses pengelolaan data master merupakan detail
proses dari proses yang terjadi pada proses data master. Pada DFD ini lebih
dijelaskan bagaimana alur data yang terjadi pada proses pengelolaan master. Pada
pengelolaan master ini terdapat 7 proses yang terjadi yaitu pengelolaan data master
siswa, master jurusan, master tingkat kelas, master kelas, master jenis pembayaran,
dan master pembayaran. Dalam penyimpanannya master master tersebut akan
disimpan melalui Data-data dari master akan disimpan dalam data source yang
meliputi master data siswa disimpan pada data source siswa, master data jurusan
akan disimpan pada data source jurusan, master data tingkat kelas akan disimpan
pada data source tingkat kelas, master data kelas akan disimpan pada data source
kelas, master data jenis pembayaran akan disimpan pada data source jenis
pembayaran, master data pembayaran akan disimpan pada data source pembayaran.
Data flow diagram level 1 pengelolaan mastern prosesnya dapat dilihat pada
gambar 4.27.
64
Gambar 4.27 Data Flow Level 1 Pengelolaan Master
Data Jurusan
Data Tingkat Kelas
Data Kelas
Data Pembayaran
Data Jenis Pembayaran
Data Pembayaran
[Data Pembayaran]
Data Jurusan
Data Tingkat Kelas
Data Jurusan
Data Tingkat Kelas
[Data Tingkat Kelas]
[Data Jurusan]
Data Kelas[Data Kelas]
Data Kelas
Data Siswa
Data Siswa
[Data Siswa]
Data Jenis Pembayaran
Data Kelas
Data Jenis Pembayaran
[Data Jenis Pembayaran]
Staff TU
Bendahara
2 tbl_jurusan
3 tbl_tingkatkelas
4 tbl_kelas
1 tbl_siswa
6 tbl_Pembayaran
5 tbl_Jenis_Pembayaran
1.1.1
Pengolahan Master Siswa
1.1.2
Pengolahan Master Jurusan
1.1.3
Pengolahan Master Tingkat Kelas
1.1.4
Pegolahan Master Kelas
1.1.5
Pengolahan Master Jenis Pembayaran
1.1.6
Pengolahan Master
Pembayaran
65
B.2 Data Flow Diagram Level 1 Proses Pengelolaan Transaksi
Data Flow Diagram Level 1 proses pengelolaan data transaksi merupakan
detail proses dari proses yang terjadi pada proses data transaksi. Pada DFD ini lebih
dijelaskan bagaimana alur data yang terjadi pada proses pengelolaan transaksi. Data
flow diagram level 1 prosesnya dapat dilihat pada gambar 4.28
Gambar 4.28 Data Flow Level 1 Pengelolaan Transaksi
B.3 Data Flow Diagram Level 1 Proses Pembuatan Laporan
Data Flow Diagram Level 1 proses pengelolaan Laporan merupakan detail
proses dari proses yang terjadi pada proses laporan. Pada DFD ini lebih dijelaskan
bagaimana alur data yang terjadi pada proses pengelolaan laporan. Data flow
diagram level 1 prosesnya dapat dilihat pada gambar 2.29
Data Kelas
Data Siswa
Data Kelas
Data Siswa
Data Siswa
Data Pembayaran
Data Siswa
Data Kelas
Data Siswa
Data Siswa
Data Transaksi
Data Kelas
Data Pembayaran
1 tbl_siswa
6 tbl_Pembayaran
4 tbl_kelas
7 tbl_transaksi
[Bendahara]
1.2.1
Pencarian Transaski
Perkelas
1.2.2
Proses Transaksi
1.2.3
Pencatatan Transaksi
66
Gambar 4.29 Data Flow Level 1 Laporan
4.3.7 Perancangan Database
Pada tahap perancangan database ini dilakukan penyusunan struktur basis
data sebagai struktur dasar penyimpanan data. Rancangan database yang dibuat
berupa Entity Relational Diagram (ERD) yang biasa digunakan dalam
mempresentasikan model yang terdiri dari entity dan relationship yang ada pada
system.
A. Entity Relationship Diagram
Entity Relationship Diagram (ERD) merupakan sebuah gambaran struktur
database dari sistem informasi penilaian kinerja pegawai yang telah dikembangkan.
ERD dapat dibagi menjadi dua, yaitu Conceptual Data Model (CDM) secara logika
dan Physical Data Model (PDM) secara fisik.
Laporan Pembayaran Perbulan
Pelaporan Pertahun
Data Transaksi
Data Transaksi
Kepala Sekolah
7 tbl_transaksi1.3.1
Pelaporan Perbulan
1.3.2
Pelaporan Pertahun
67
A.1 Conceptual Data Model
Conceptual Data Model (CDM) merupakan gambaran keseluruhan struktur
basis data bagi aplikasi yang akan digunakan dengan bentuk logic. CDM terdiri dari
objek yang tidak diimplementasikan secara langsung ke dalam basis data yang
sesungguhnya. CDM hanya memberikan gambaran yang lengkap dari struktur basis
data yaitu arti, hubungan, dan batasan-batasan. Conceptual Data Model Aplikasi
SPP dapat dilihat pada gambar 4.30.
A.2 Physical Data Model
Physical Data Model (PDM) merupakan penggambaran struktur basis data
yang berbentuk fisik dan model yang memiliki sejumlah tabel untuk
menggambarkan data serta hubungan antar data-data tersebut. Dalam PDM ini
terdapat foreign key yang merujuk pada tabel primary key, hal ini sebagai hubungan
yang menghubungkan dua tabel atau lebih. PDM juga merupakan gambaran
struktur data yang akan diimplementasikan oleh DBMS.Physical Data Model
Sistem Informasi Aplikasi SPP dapat dilihat pada gambar 4.31
68
Gambar 4.30 Contceptual Diagram
mempunyai
terdapat
terdiri
meliputi
dapat
membayar
bisa
tbl_siswa
nim
nama
alamat
no_hp_siswa
<pi> Variable characters (7)
Variable characters (30)
Variable characters (60)
Variable characters (13)
<M>
nim <pi>
tbl_jurusan
id_jurusan
nama_jurusan
<pi> Integer
Variable characters (6)
<M>
id_jurusan
...
<pi>
tbl_jenis_pembayaran
id_jenis
nama_pembayaran
<pi> Integer
Variable characters (10)
<M>
id_jenis
...
<pi>
tbl_kelas
id_kelas
tahun_ajaran
<pi> Integer
Variable characters (3)
<M>
id_kelas
...
<pi>
tbl_pembayaran
id_pembayaran
nominal
<pi> Integer
Integer
<M>
id_pembayaran
...
<pi>
tbl_tingkat_kelas
id_tingkat
nama_tingkat
tahun_ajaran
<pi> Integer
Variable characters (3)
Variable characters (3)
<M>
id_tingkat
...
<pi>
id_transaksi
id_transaksi
tanggal
bulan
tahun
<pi> Integer
Timestamp
Integer
Variable characters (4)
<M>
Identifier_1
...
<pi>
69
Gambar 4.31 Physical Diagram
B. Struktur Model
Perancangan database harus disesuaikan dengan DFD dan ERD yang telah
dibuat. Struktur tabel yang diperlukan meliputi nama tabel, nama atribut, tipe data,
serta data pelengkap seperti primary key dan foreign key. Rancangan basis data
aplikasi ini terdiri dari tabel – tabel sebagai berikut:
tbl_siswa
nim
id_kelas
nama
alamat
no_hp_siswa
...
varchar(7)
integer
varchar(30)
varchar(60)
varchar(13)
<pk>
<fk>
tbl_jurusan
id_jurusan
nama_jurusan
integer
varchar(6)
<pk>
tbl_jenis_pembayaran
id_jenis
nama_pembayaran
integer
varchar(10)
<pk>
tbl_kelas
id_kelas
id_jurusan
id_tingkat
tahun_ajaran
...
integer
integer
integer
varchar(3)
<pk>
<fk1>
<fk2>
tbl_pembayaran
id_pembayaran
id_jenis
id_tingkat
nominal
...
integer
integer
integer
integer
<pk>
<fk1>
<fk2>
tbl_tingkat_kelas
id_tingkat
nama_tingkat
tahun_ajaran
...
integer
varchar(3)
varchar(3)
<pk>
id_transaksi
id_transaksi
nim
id_pembayaran
tanggal
bulan
tahun
...
integer
varchar(7)
integer
timestamp
integer
varchar(4)
<pk>
<fk1>
<fk2>
70
B.1 Tabel Siswa
Nama Tabel : Siswa
Fungsi : Menyimpan Data Siswa
Primary Key : Nis
Foreign Key : Id_Kelas
Tabel 4.11 Tabel Siswa
No Field Tipe Data Panjang Keterangan
1. Nis Varchar 7 Primery Key
2. Nama Varchar 30
3. Alamat Varchar 60
4. No_Hp_Siswa Varchar 12
5. Id_Kelas Integer Foreign Key
B.2 Tabel Jurusan
Nama Tabel : Jurusan
Fungsi : Menyimpan Data Jursan
Primary Key : Id_Jurusan
Foreign Key : -
Tabel 4.12 Tabel Jurusan
No Field Tipe Data Panjang Keterangan
1. Id_Jurusan Integer Primery Key
2. Nama_Jurusan Varchar 6
B.3 Tabel Tingkat Siswa
Nama Tabel : Tingkat_Kelas
Fungsi : Menyimpan Data Tingkat Kelas
71
Primary Key : Id_Tingkat
Foreign Key :Id_Jurusan
Tabel 4.13 Tabel Tingkat Kelas
No Field Tipe Data Panjang Keterangan
1. Id_Tingkat Integer Primery Key
2. Id_Jurusan Integer Foreign Key
3. Nama_Tingkat Varchar 3
4. Tahun_Ajaran Integer 4
B.4 Tabel Kelas
Nama Tabel : Kelas
Fungsi : Menyimpan Data Kelas
Primary Key : Id_Kelas
Foreign Key :Nis, Id_Tingkat
Tabel 4.14 Tabel Kelas
No Field Tipe Data Panjang Keterangan
1. Id_Kelas Integer Primery Key
2. Id_Tingkat Integer Foreign Key
3. Id_Jurusan Integer Foreign Key
4. Tahun_Ajaran Varchar 3
B.5 Tabel Jenis Pembayaran
Nama Tabel : Tbl_Jenis_Pembayaran
Fungsi : Menyimpan Data Jenis_Pembayaran
Primary Key : Id_Jenis
Foreign Key : -
72
Tabel 4.15 Tabel Jenis Pembayaran
No Field Tipe Data Panjang Keterangan
1. Id_Jenis Integer Primery Key
2. Nama_Pembayaran Varchar 10
B.6 Tabel Pembayaran
Nama Tabel : Tbl_Pembayaran
Fungsi : Menyimpan Data Pembayaran
Primary Key : Id_Jenis
Foreign Key : Id_Jenis, Id_Tingkat
Tabel 4.16 Tabel Pembayaran
No Field Tipe Data Panjang Keterangan
1. Id_Pembayaran Integer Primery Key
2. Id_Jenis Integer Foreign Key
3. Id_Tingkat Integer Foreign Key
4. Nominal Integer
B.7 Tabel Transaksi
Nama Tabel : Tbl_Transaksi
Fungsi : Menyimpan Data Transaksi
Primary Key : Id_Transaksi
Foreign Key : Nis
Tabel 4.17 Tabel Transaksi
No Field Tipe Data Panjang Keterangan
1. Id_Transaksi Integer Primery Key
2. Nis Varchar 7 Foreign Key
3. Id_Pembayaran Int 11 Foreihn Key
73
No Field Tipe Data Panjang Keterangan
3. Tanggal Timestamp
4. Bulan Integer
5. Tahun Varchar 4
4.3.8 Desain Interface I/O (Input/Output)
A. Desain Interface Input
Desain interface input merupakan perancangan bentuk aplikasi yang ingin
dibuat sesuai dengan desain input yang sudah dimiliki. Desain interface input lebih
mengarah ke dalam sketsa dari tampilan aplikasi yang ingin aplikasikan. Desain
interface input bertujuan sebagai acuan bagi developer sehingga pada saat
pembuatan aplikasi, developer hanya akan mengikuti sketsa tampilan desain
aplikasi dari desain interface input yang telah dibuat.
A.1 Desain Login
Desain interface input login pegawai merupakan desain tampilan yang akan
dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini terdapat user
dan passwod. Desain interface login dapat dilihat pada gambar 4.32.
Gambar 4.32 Desain Interface Login
74
A.2 Desain Interface Menu
Desain interface menu merupakan desain tampilan yang akan dijadikan
sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya menampilkan
dashboard , master dan transaksi. Dalam master terdapat master siswa, master
jurusan, master tingkat kelas, master kelas, master jenis pembayaran, dan master
pembayara. Kemudian dalam transaksi terdapat menu transaski dan laoran saja..
Desain interface login dapat dilihat pada gambar 4.33.
Gambar 4.33 Desain Interface Menu
A.3 Desain Interface Master Data Siswa
Desain interface master siswa merupakan desain tampilan yang akan
dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya
menampilkan tabel data dan input saja. Didalam master ini terdapat juga button
update dan button delete. Desain interface siswa dapat dilihat pada gambar 4.34.
75
Gambar 4.34 Desain Interface Master Siswa
A.4 Desain Interface Master Data Jurusan
Desain interface master tingkat kelas merupakan desain tampilan yang akan
dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya
menampilkan tabel data dan input saja. Didalam master ini terdapat juga button
update dan button delete. Desain interface jurusan dapat dilihat pada gambar 4.35
Gambar 4.35 Desain Interface Master Jurusan
76
A.5 Desain Interface Master Data Tingkat Kelas
Desain interface master tingkat kelas merupakan desain tampilan yang akan
dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya
menampilkan tabel data dan input saja. Didalam master ini terdapat juga button
update dan button delete. Desain interface tingkat kelas dapat dilihat pada gambar
4.36.
Gambar 4.36 Desain Interface Master Tingkat Kelas
A.6 Desain Interface Master Data Kelas
Desain interface master kelas merupakan desain tampilan yang akan
dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya
menampilkan tabel data dan input saja. Didalam master ini terdapat juga button
update dan button delete. Desain interface kelas dapat dilihat pada gambar 4.37.
77
Gambar 4.37 Desain Interface Master Kelas
A.7 Desain Interface Master Data Jenis Pembayaran
Desain interface master Jenis Pembayaran merupakan desain tampilan yang
akan dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya
menampilkan tabel data dan input saja. Didalam master ini terdapat juga button
update dan button delete. Desain interface jenis pembayaran dapat dilihat pada
gambar 4.38
Gambar 4.38 Desain Interface Master Jenis Pembayaran
78
A.8 Desain Interface Master Data Pembayaran
Desain interface master Pembayaran merupakan desain tampilan yang akan
dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya
menampilkan tabel data dan input saja. Didalam master ini terdapat juga button
update dan button delete. Desain interface pembayaran dapat dilihat pada gambar
4.39
Gambar 4.39 Desain Interface Pembayaran
A.9 Desain Interface Data Transaksi
Desain interface master data transaksi merupakan desain tampilan yang
akan dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya
menampilkan tabel data siswa per-kelas yang akan membayar. Didalam desain ini
hanya menampilkan button tampilkan kelas. Selain itu, ada tampilan detil transaski
yang akan ditampilkan setelah menekan button detail. Desain interface transaksi
dapat dilihat pada gambar 4.40.
79
Gambar 4.40 Desain Interface Transaksi
A.10 Desain Interface Data Pelaporan
Desain interface data pelaporan merupakan desain tampilan yang akan
dijadikan sebagai acuan dalam mendesain aplikasi. Didalam desain ini hanya
menampilkan laporan yang dikehendaki bedasarkan bulan atau tahun. Didalam
desain ini hanya menampilkan button tampilkan kelas. Desain interface transaksi
dapat dilihat pada gambar 4.41
Gambar 4.41 Desain Interface Laporan
80
4.4 Pembuatan Aplikasi
4.4.1 Implementasi Sistem
Implementasi sistem ini akan menjelaskan secara detil mengenai sistem
informasi Aplikasi SPP spesifikasi hardware dan software pendukung, cara
penggunaan program serta fitur-fitur yang terdapat pada aplikasi.
Sistem yang digunakan untuk menjalankan aplikasi ini terdiri dari hardware
dan software. Adapun hardware dan software adalah sebagai berikut: Spesifikasi
hardware pendukung terdiri dari:
1. Memory dengan RAM 512 MB
2. Processor 1.5 Ghz
3. Keyboard & Mouse
4. VGA on Board
5. Monitor Super VGA (1024x768) dengan minimum 256 warna.
Spesifikasi software pendukung terdiri dari:
1. Sistem Operasi Microsoft Windows atau Linux
2. XAMPP/WAMPP/LAMPP
3. Browser (Chrome/Mozilla/Microsoft Edge/Internet Explorer)
4.4.2 User Interface
Pada sub bab user interface akan dijelaskan mengenai langkah-langkah dalam
menjalankan aplikasi, selain itu juga ditampilkan mengenai desain tampilan
aplikasi secara keseluruhan.
81
A. Login
Login pada Aplikasi SPP ini dapat dilakukan oleh Staff TU, Bendahara,
Kepala Sekolah. Hak akses akan dibedakan pada setiap bagian. Halaman login
dapat dilihat pada gambar 4.42.
Gambar 4.42 Form Login
B. Menu
Beranda pada Aplikasi SPP ini dapat ditampilkan setelah melakukan login.
Pada halaman ini hanya berisi tulisan dan dashboard saja. Halaman beranda dapat
dilihat pada gambar 4.43.
Gambar 4.43 Form Menu
82
C. Form Master Siswa
Form Master Siswa Aplikasi SPP ini dapat ditampilkan setelah melakukan
login. Pada halaman ini hanya berisi tabel data, button tambah, update dan delete.
Halaman master siswa dapat dilihat pada gambar 4.44.
Gambar 4.44 Form Master Siswa
D. Form Master Jurusan
Form Master jurusan Aplikasi SPP ini dapat ditampilkan setelah melakukan
login. Pada halaman ini hanya berisi tabel data, button tambah, update dan delete.
Halaman master jurusan dapat dilihat pada gambar 4.45.
Gambar 4.45 Form Master Jurusan
83
E. Form Master Tingkat Kelas
Form Master tingkat kelas Aplikasi SPP ini dapat ditampilkan setelah
melakukan login. Pada halaman ini hanya berisi tabel data, button tambah, update
dan delete. Halaman master tingkat kelas dapat dilihat pada gambar 4.46.
Gambar 4.46 Form Master Tingkat Kelas
F. Form Master Kelas
Form Master kelas Aplikasi SPP ini dapat ditampilkan setelah melakukan
login. Pada halaman ini hanya berisi tabel data, button tambah, update dan delete.
Halaman master kelas dapat dilihat pada gambar 4.47.
Gambar 4.47 Form Master Kelas
84
G. Form Master Jenis Pembayaran
Form Master jenis pembayaran Aplikasi SPP ini dapat ditampilkan setelah
melakukan login. Pada halaman ini hanya berisi tabel data, button tambah, update
dan delete. Halaman master jenis pembayaran dapat dilihat pada gambar 4.47.
Gambar 4.48 Form Master Jenis Pembayaran
H. Form Master Pembayaran
Form Master pembayaran Aplikasi SPP ini dapat ditampilkan setelah
melakukan login. Pada halaman ini hanya berisi tabel data, button tambah, update
dan delete. Halaman master pembayaran dapat dilihat pada gambar 4.49.
Gambar 4.49 Form Master Pembayaran
85
I. Form Transaksi
Form data transaksi Aplikasi SPP ini dapat ditampilkan setelah melakukan
login. Pada halaman ini hanya berisi tabel data, button tambah. Halaman Transaksi
dapat dilihat pada gambar 4.50.
Gambar 4.50 Form Data Transaksi
J. Form Pelaporan
Form Pelaporan Aplikasi SPP ini dapat ditampilkan setelah melakukan
Transaksi. Pada halaman ini hanya berisi tabel data, button Tampilkan. Halaman
Pelaporan dapat dilihat pada gambar 4.51
Gambar 4.51 Laporan Periodik