BAB IV PERANCANGAN SISTEM 4.1
Perancangan Proses 4.1.1
Prosedur Pendaftaran Yang Diusulkan 1. Bagian Admin menyerahkan formulir ke murid untuk mengisi formulir, dan formulir diserahkan ke admin utuk mengecek kelengkapan data murid. Apabila tidak lengkap akan dikembalikan, dan apabila lengkap admin akan menginput data murid data pembayaran kedalam database. 2. Kemudian admin akan mencetak data murid, laporan pembayaran yang diserahkan kepada pimpinan dan mencetak data pembayaran berupa slip dan kartu SPP yang akan diberikan kepada murid.
42
43
Prosedur Pendaftaran Murid
Administrasi
Formulir
Pimpinan Lap. Pembayaran
Formulir
Isi Formulir
Formulir
Formulir
Tidak
Cek Kelengkapan Data Murid
Lap. Data Murid
Ya Input Data Murid + Data Pembayaran
Slip Pembayaran
DB. Super Jenius
Cetak Data Pembayaran
Cetak Data Murid
Cetak Lap. Pembayaran
Lap. Data Murid Slip Pembayaran
Lap. Pembayaran
Gambar 4.1 Flowmap Usulan Pendaftaran 4.1.2
Prosedur Pembayaran SPP Yang Diusulkan 1. Murid menyerahkan kartu SPP kepada Admin, kemudian Admin menginput data murid yang membayar kedalam database. 2. Kemudian Admin mencetak slip pembayaran, dan SPP, slip pembayaran dan Kartu SPP diserahkan kembali kepada murid.
44
3. Dari database admin mencetak laporan pembayaran dan diserahkan kepada pimpinan.
Prosedur Pembayaran SPP Murid
Administrasi
Kartu SPP
Pimpinan
Kartu SPP Laporan Pembayaran
RP
Input SPP
DB. Super Jenius
Cetak Slip +SPP
Cetak laporan
Slip + SPP
Slip + SPP
Laporan Pembayaran
Gambar 4.2 Flowmap Usulan Pembayaran SPP 4.1.3
Diagram Konteks Diagram konteks adalah suatu diagram yang menggambarkan
sistem dalam suatu lingkungan dan hubungan dengan entitas luar. Diagram
45
konteks Sistem Informasi Administrasi Pembayaran yang diusulkan pada Super Jenius Bimbel adalah sebagai berikut :
Slip Pembayaran
Murid
SISTEM INFORMASI ADMINISTRASI PEMBAYARAN PADA SUPER JENIUS
Data murid, Data Pembayaran
Lap. Pembayaran Pendaftran, Lap. SPP, Lap. Data Murid
Pimpinan Program Kelas
Gambar 4.3 Diagram Konteks Sistem Yang Diusulkan 4.1.4
Data Flow Diagram (DFD) Data flow diagram merupakan suatu gambaran sistem secara
logika. Diagram biasanya digunakan untuk membuat sebuah modul sistem informasi dalam bentuk jaringan proses-proses yang saling terhubung satu sama lainnya. Keuntungan menggunakan DFD adalah memudahkan pemakai (user) yang kurang menguasai komputer untuk lebih mengerti sistem yang akan dikembangkan atau dikerjakan. Proses diagram alir data merupakan sekumpulan program data juga merupakan data secara manual. Dari pengertian dan definisi serta keuntungan-keuntungan yang didapat dari DFD maka dapat ditarik kesimpulan bahwa dat flow diagram merupakan suatu gambaran mengenai semua kegiatan dan aktifitas yang terjadi didalam aktifitas tersebut untuk memberikan gambaran yang lebih jelas dan mudah dipahami didalam kegiatan proses pengolahan data, berikut ini digambarkan DFD level 0 sebagai berikut :
46
Data Murid 2.0 Pendaftaran
Pimpinan
Data Kelas
1.0 Pegolahan Data Kelas
Data Murid
T. Kelas
Data Murid
T. Murid Data Murid
Lap. Pembayaran Pendaftaran, Lap. Pembayaran SPP, Lap. Data Murid T. Bayar
4.0 Cetak Laporan
Data Bayar
Murid 3.0 Pembayaran
Data Bayar
Slip Pembayaran
Gambar 4.4 DFD Level 0 Sistem yang Diusulkan
1.1 Input Data Kelas
Pimpinan
1.2 Edit Data Kelas
Record Data
Record Data
T. Kelas
Record Data
1.3 Delete Data Kelas
Gambar 4.5 DFD Level 1 Dari Proses 1.0
Record Data
47
2.1 Input Data Murid
Formulir
Record Data
Record Data
Murid Formulir
2.2 Edit Data Murid
Record Data T. Murid
2.3 Delete Data Murid
Formulir
Record Data
Gambar 4.6 DFD Level 1 Dari Proses 2.0
Murid
Formulir
3.1 Pembayaran
Data Murid
T. Murid
Data Kelas
T. Kelas
Data Bayar
T.Bayar
Gambar 4.7 DFD Level 1 Dari Proses 3.0
T. Murid
T.Bayar
Data murid
4.1 Cetak Lap. Data Murid
4.2 Cetak Lap. Pembayaran Pendaftran
Lap. Data Murid
Pimpinan
Lap. Pembayaran Pendaftaran
4.3 Cetak Lap. Pembayaran
Gambar 4.8 DFD Level 1 Dari Proses 4.0
48
4.1.5
Entity Relationship Diagram Entity Relationship Diagram (ERD) atau diagram relasi antar
entitas adalah suatu diagram yang menggambarkan hubungan objek data yang disimpan yang ada dalam suatu aplikasi secara konseptual. Objek Data adalah objek yang dapat dicatat atau direkam atau segala sesuatu yang ada dan dapat dibedakan entitas berupa orang, benda, tempat, peristiwa, atau konsep yang bisa diolah untuk menghasilkan informasi, rancangan diagram, entitas ini dibuat menurut data yang ada sehingga dapat menjelaskan hubungan data. Atribut yang berhubungan denagn perangkat lunak Sistem Informasi Administrasi Pembayaran Dan Data Murid Super Jenius Bimbel dapat digambarkan sebagai berikut :
49
1
Murid
n
Mendaftar
Kelas
1
Bayar
n
Kelas
Gambar 4.9 Entity Relationship Diagram (ERD) Sistem Informasi Administrasi Pembayaran dan Data Murid Bimbel Super Jenius 4.1.6
Struktur File Dalam pembuatan program dibutuhkan spesifikasi file yang
dimaksudkan untuk melakukan kegiatan-kegiatan dalam pengaturan pencarian data dan pembuatan laporan yang dapat mempermudah kerja sistem komputer. Untuk ini aplikasi pengolahan data ini membutuhkan spesifikasi file untuk mempermudah dalam melakukan kegiatan pemprograman, yang dapat dilihat dari tabel-tabel berikut ini :
50
Tabel 4.1 Struktur File Data Program Kelas 1. Nama File Primary Key
: kelas_murid :-
Nama Field
Type
Size
Keterangan
No_reg
Varchar
30
No Registrasi
nama
Varchar
30
Nama Murid
Id_kelas
Varchar
30
Id Kelas
kriteria_kelas
Varchar
30
Kriteria Kelas
Tabel 4.2 Struktur File Data Informasi Program Kelas 2. Nama File Primary Key
: daftar_harga : Id_kelas
Nama Field
Type
Size
Keterangan
Kode
Varchar
30
Kode
Id_kelas
Varchar
30
Id Kelas
nama
Varchar
30
Nama Kelas
Kriteria_Kelas
Varchar
30
Kriteria Kelas
Biaya_Daftar
Currency
30
Biaya Daftar
Biaya_SPP
Currency
30
Biaya SPP
51
Tabel 4.3 Struktur File Data Murid 3. Nama File
: Dt_murid
Primary Key
: No_reg
Nama Field
Type
Size
Keterangan
No_reg
Varchar
30
No Registrasi
Nama
Text
30
Nama Murid
Tanggal_Lahir
Date
30
Tanggal lahir
Asal_Sekolah
Varchar
31
Asal Sekolah
Nama_ortu
Text
30
Nama Orang Tua
Alamat
Text
30
Alamat
Telp _Hp
Number
30
Telp / Hp
Tanggal_Daftar
Date
30
Tanggal Daftar
Tabel 4.4 Struktur File Data Bayar Daftar 4. Nama File Primary Key
: t_daftar : no_kwitansi
Nama Field
Type
Size
Keterangan
No_Kwitansi
Varchar
30
No Kwitansi
52
No_Reg
Varchar
30
No Registrasi
Nama
Text
30
Nama Murid
Tgl_bayar
Date
30
Tanggal bayar
kode
Varchar
20
kode
Nama_kelas
Varchar
30
Nama kelas
Biaya_daftar
Currency
30
Biaya daftar
Tabel 4.5 Struktur File Data Bayar SPP 5. Nama File Primary Key
: SPP : no_kwintansi
Nama Field
Type
Size
Keterangan
No_Kwitansi
Text
30
No Kwitansi
No_Reg
Number
30
No Registrasi
Nama_Murid
Text
30
Nama Murid
Tgl_bayar
Date
30
Tgl Pembayaran
kode
Varchar
30
kode
Nama_kelas
Varchar
30
Nama kelas
Biaya_spp
Currency
30
Jumlah pembayaran
53
4.1.7
Perancangan Antar Muka Untuk merancang masukan (Input) harus bersifat mudah bagi
pemakai atau User dalam menerima informasi yang dibutuhkan serta dalam pencatatan data sehingga informasi yang dihasilkan dapat lebih berguna bagi user yang membutuhkan. 4.1.7.1
Struktur Program Desain struktur program merupakan suatu disain yang
gambaran hubungan antara suatu modul program dengan modul program yang lain. Adapun untuk sistem informasi yang penulis rancang untuk memenuhi kebutuhan dari pemecahan masalah yang dihadapi pada Bimbingan Belajar Super Jenius yaitu pada menu utama sistem meliputi input, proses dan output. Desain struktur program yang diusulkan dapat dilihat pada gambar berikut :
Struktur Program
Input
Proses
Output
Data Murid
Pembayarn Daftar
Data Program Belajar
Pembayaran SPP
Data Kelas
Lap. Data Murid
Lap. Pembayaran Daftar Lap. Pembayaran SPP
Gambar 4.10 Struktur Program Sistem Informasi Administrasi Pembayaran dan Data Murid
54
4.1.7.2
Struktur Menu Struktur menu diigunakan untuk memudahkan pemakai
dalam menjalankan program komputer sehingga pada saat menjalankan program, pemakai tidak mengalami kesulitan dalam memilih menu-menu yang diinginkan. Bentuk rancangan menu dapat dilihat pada gambar sebagai berikut :
MENU
Murid
Program Kelas
Data Murid
Data Kelas
Pembayaran
Pembayaran Daftar & SPP
Laporan
Lap. Data Murid
Laporan Pembayaran
Program Belajar
Gambar 4.11 Struktur Menu Sistem Informasi Administrasi Pembayaran dan Data Murid 4.1.7.3
Rancangan Input Rancangan input adalah rancangan dari dokumen dasar
yang digunakan untuk merekap data yang digunakan. Perancangan input meliputi bentuk dokumen-dokumen input yang akan digunakan untuk menangkap data input.
SignOut
55
1. Format Input Data Murid
DATA MURID No Reg
Nama Ortu
Nama
Alamat
Tanggal Lahir
Telp/ HP
Asal Sekolah
Tanggal Daftar
NO Reg
Nama
TTL
Asal Sekolah
Nama Ortu
xxx
xxx
xxx
xxx
xxx
SAVE
Alamat
Tanggal Daftar
Telp/Hp
xxx
xxx
xxx
DELETE
UPDATE
CLOSE
Gambar 4.12 Desain Input Data Murid 2. Format Input Data Kelas DATA KELAS Kode kelas Id Kelas
Kode
Id Kelas
Nama Kelas
xxx
xxx
xxx
Kriteria kelas xxx
Biaya Daftar
Biaya SPP
xxx
Nama Kelas Kriteria Kelas Biaya Daftar
Biaya SPP SAVE
UPDATE
DELETE
Gambar 4.13 Desain Input Data Kelas
CLOSE
56
3. Format Input Program Murid
PROGRAM BELAJAR Kelas Murid
Pencarian Data
Cari Data
NO Reg Nama Id Kelas
NO Reg
Nama
xxx
xxx
Id Kelas xxx
Kriteria Kelas xxx
Kriteria Kelas SAVE
DELETE
UPDATE
CLOSE
Gambar 4.14 Desain Input Program Belajar 4. Format Input Pembayaran Pendaftaran Pembayaran Pendaftaran No Kwitansi
Pencarian
No Reg Nama
No_kwitansi
No_reg
xxx
xxx
Nama
xxx
Tgl_Bayar
Kode
xxx
xxx
Nama_Kelas
xxx
Biaya_Daftar
xxx
Tanggal Bayar Kode Nama Kelas Biaya Daftar CLOSE SAVE
UPDATE
DELETE
PRINT
Gambar 4.15 Desain Input Pembayaran Pendaftaran
57
5. Format Input Pembayaran SPP Pembayaran SPP Cari Data
No Kwitansi No Reg
No_kwitansi
No_reg
xxx
xxx
Nama
Tgl_Bayar
kode
xxx
xxx
Nama_Kelas
Biaya_SPP
xxx
SAVE xxx
xxx
Nama UPDATE
Tanggal Bayar DELETE
Kode
CLOSE
Nama Kelas
PRINT
Biaya SPP
Gambar 4.16 Desain Input Pembayaran SPP 4.1.7.4
Rancangan Output Perancangan output berupa tampilan yang berisi tentang
berbagai informasi yang diperlukan. Format ini dicetak kedalam printer dan dapat ditampilkan ke layar monitor. Rancangan output Sistem Informasi Administrasi Pembayaran dan Data Murid Pada Bimbingan Belajar Super Jenius seperti gambar di bawah ini :
LAPORAN LOGO
DATA PEMBAYARAN DAFTAR BIMBELSUPER JENIUS
TANGGAL
NO KWITANSI
NO REG
NAMA
TGL BAYAR
KELAS
BIAYA DAFTAR
TOTAL
PIMPINAN
Gambar 4.17 Desain Laporan Pembayaran Daftar
58
LAPORAN LOGO
DATA PEMBAYARAN SPP BIMBELSUPER JENIUS
TANGGAL
NO KWITANSI
NO REG
NAMA
TGL BAYAR
KELAS
BIAYA SPP
TOTAL
PIMPINAN
Gambar 4.18 Desain Laporan Pembayaran SPP
LAPORAN DATA MURID BIMBELSUPER JENIUS
LOGO
TANGGAL
NO REG NAMA TANGGAL LAHIR
ASAL SEKOLAH
NAMA ORTU
ALAMAT
TELP
TANGGAL DAFTAR
PIMPINAN
Gambar 4.19 Desain Laporan Data Murid
59
BIMBEL SUPER JENIUS CP : 0853-3732-2233 NO KWITANSI
:
NO REG
:
NAMA
:
KELAS
:
TTD Tanggal
BIAYA DAFTAR :
Gambar 4.20 Desain Slip Pembayaran Daftar
BIMBEL SUPER JENIUS CP : 0853-3732-2233 NO KWITANSI
:
NO REG
:
NAMA
:
KELAS
:
BIAYA SPP
:
TTD Tanggal
Gambar 4.21 Desain Slip Pembayaran SPP
