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 Administrasi Pimpinan Formulir Formulir Lap. Isi Formulir Formulir Formulir Lap. Data Tidak Cek Kelengkapan Data Ya Slip Input Data + Data DB. Super Jenius Cetak Data Cetak Data Cetak Lap. Slip Lap. Data Lap. Gambar 4.1 Flowmap Usulan Pendaftaran 4.1.2 Prosedur SPP Yang Diusulkan 1. 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 SPP Administrasi Pimpinan Kartu SPP RP Kartu SPP Laporan Input SPP DB. Super Jenius Cetak Slip +SPP Cetak laporan Slip + SPP Slip + SPP Laporan Gambar 4.2 Flowmap Usulan 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 yang diusulkan pada Super Jenius Bimbel adalah sebagai berikut : Slip Data murid, Data SISTEM INFORMASI ADMINISTRASI PEMBAYARAN PADA SUPER JENIUS Lap. Pendaftran, Lap. SPP, Lap. Data Program Kelas Pimpinan 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 Pimpinan Data Kelas 1.0 Pegolahan Data Kelas T. Kelas 2.0 Pendaftaran Data Data Data T. Data Lap. Pendaftaran, Lap. SPP, Lap. Data T. Bayar Data Bayar 4.0 Cetak Laporan Data Bayar 3.0 Slip Gambar 4.4 DFD Level 0 Sistem yang Diusulkan 1.1 Input Data Kelas Record Data Pimpinan 1.2 Edit Data Kelas Record Data Record Data T. Kelas 1.3 Delete Data Kelas Record Data Gambar 4.5 DFD Level 1 Dari Proses 1.0
47 Formulir 2.1 Input Data Record Data Record Data Formulir 2.2 Edit Data Record Data T. Formulir 2.3 Delete Data Record Data Gambar 4.6 DFD Level 1 Dari Proses 2.0 Formulir 3.1 Data T. Data Bayar Data Kelas T. Kelas T.Bayar Gambar 4.7 DFD Level 1 Dari Proses 3.0 4.1 T. Data murid Cetak Lap. Lap. Data Pimpinan Data T.Bayar 4.2 Cetak Lap. Pendaftran Lap. Pendaftaran 4.3 Cetak Lap. 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 Dan Data Super Jenius Bimbel dapat digambarkan sebagai berikut :
49 1 n Mendaftar Kelas 1 Bayar n Kelas Gambar 4.9 Entity Relationship Diagram (ERD) Sistem Informasi Administrasi dan Data 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 : kelas_murid Primary Key : - Nama Field Type Size Keterangan No_reg Varchar 30 No Registrasi nama Varchar 30 Nama Id_kelas Varchar 30 Id Kelas kriteria_kelas Varchar 30 Kriteria Kelas Tabel 4.2 Struktur File Data Informasi Program Kelas 2. Nama File : daftar_harga Primary Key : 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 3. Nama File : Dt_murid Tabel 4.3 Struktur File Data Primary Key : No_reg Nama Field Type Size Keterangan No_reg Varchar 30 No Registrasi Nama Text 30 Nama 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 4. Nama File : t_daftar Tabel 4.4 Struktur File Data Bayar Daftar Primary Key : no_kwitansi Nama Field Type Size Keterangan No_Kwitansi Varchar 30 No Kwitansi
52 No_Reg Varchar 30 No Registrasi Nama Text 30 Nama Tgl_bayar Date 30 Tanggal bayar kode Varchar 20 kode Nama_kelas Varchar 30 Nama kelas Biaya_daftar Currency 30 Biaya daftar 5. Nama File : SPP Tabel 4.5 Struktur File Data Bayar SPP Primary Key : no_kwintansi Nama Field Type Size Keterangan No_Kwitansi Text 30 No Kwitansi No_Reg Number 30 No Registrasi Nama_ Text 30 Nama Tgl_bayar Date 30 Tgl 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 Data Program Belajar Pembayarn Daftar SPP Lap. Data Lap. Daftar Data Kelas Lap. SPP Gambar 4.10 Struktur Program Sistem Informasi Administrasi dan Data
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 Program Kelas Laporan SignOut Data Data Kelas Daftar & SPP Lap. Data Program Belajar Laporan Gambar 4.11 Struktur Menu Sistem Informasi Administrasi dan Data 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.
55 1. Format Input Data DATA MURID No Reg Nama Tanggal Lahir Asal Sekolah Nama Ortu Alamat Telp/ HP Tanggal Daftar NO Reg Nama TTL Asal Sekolah Nama Ortu Alamat Telp/Hp Tanggal Daftar xxx xxx xxx xxx xxx xxx xxx xxx SAVE UPDATE DELETE CLOSE Gambar 4.12 Desain Input Data 2. Format Input Data Kelas DATA KELAS Kode kelas Id Kelas Nama Kelas Kode Id Kelas Nama Kelas Kriteria kelas Biaya Daftar xxx xxx xxx xxx xxx Biaya SPP Kriteria Kelas Biaya Daftar Biaya SPP SAVE UPDATE DELETE CLOSE Gambar 4.13 Desain Input Data Kelas
56 3. Format Input Program PROGRAM BELAJAR Kelas NO Reg Pencarian Data Cari Data Nama Id Kelas NO Reg Nama Id Kelas Kriteria Kelas xxx xxx xxx xxx Kriteria Kelas SAVE UPDATE DELETE CLOSE Gambar 4.14 Desain Input Program Belajar 4. Format Input Pendaftaran Pendaftaran No Kwitansi Pencarian No Reg No_kwitansi No_reg Nama Tgl_Bayar Kode Nama_Kelas Biaya_Daftar Nama xxx xxx xxx xxx xxx xxx xxx Tanggal Bayar Kode Nama Kelas Biaya Daftar CLOSE SAVE UPDATE DELETE PRINT Gambar 4.15 Desain Input Pendaftaran
57 5. Format Input SPP SPP No Kwitansi Cari Data No Reg SAVE No_kwitansi No_reg Nama Tgl_Bayar kode Nama_Kelas xxx Biaya_SPP Nama xxx xxx xxx xxx xxx xxx UPDATE Tanggal Bayar Kode DELETE Nama Kelas PRINT CLOSE Biaya SPP Gambar 4.16 Desain Input 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 dan Data Pada Bimbingan Belajar Super Jenius seperti gambar di bawah ini : LAPORAN DATA PEMBAYARAN DAFTAR LOGO BIMBELSUPER JENIUS TANGGAL NO KWITANSI NO REG NAMA TGL BAYAR KELAS BIAYA DAFTAR TOTAL PIMPINAN Gambar 4.17 Desain Laporan Daftar
58 LAPORAN DATA PEMBAYARAN SPP LOGO BIMBELSUPER JENIUS TANGGAL NO KWITANSI NO REG NAMA TGL BAYAR KELAS BIAYA SPP TOTAL PIMPINAN Gambar 4.18 Desain Laporan 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
59 BIMBEL SUPER JENIUS CP : 0853-3732-2233 NO KWITANSI : NO REG : NAMA : KELAS : TTD Tanggal BIAYA DAFTAR : Gambar 4.20 Desain Slip Daftar BIMBEL SUPER JENIUS CP : 0853-3732-2233 NO KWITANSI : NO REG : NAMA : KELAS : TTD Tanggal BIAYA SPP : Gambar 4.21 Desain Slip SPP