32 4.1 Implementasi dan Uji Coba Sistem
Sistem diimplementasikan pada sebuah komputer yang berfungsi sebagai tempat pengolahan data dan transaksi pembayaran SPP dibagian bendahara SMK Muhammadiya 3 Yogyakarta. Penggunanya adalah bendahara atau admin.
Pembahasan sistem merupakan suatu cara untuk mengimplementasikan hasil dari desain sistem yang telah dibuat dalam bab-bab sebelumnya. Untuk melakukan pembayaran SPP diperlukan data siswa aktif dan data kelas yang sudah diproses, kemudian dari data tersebut bendahara bisa melakukan proses transaksi pembayaran SPP. Dari data pembayaran SPP bendahara bisa membuat dan menghasilkan data laporan pembayaran SPP siswa yang terdiri dari laporan pembayaran SPP per semester dan pertahun dan laporan tagihan SPP yang belum dibayar serta informasi pembayaran SPP persiswa.
4.2 Pembahasan Sistem 4.2.1 Pengaturan Hak Akses
Potongan script berikut ini berfungsi untuk mengatur hak akses pengguna. Hak akses pengguna terdapat 4 pengguna, diantaranya Siswa, Kepala sekolah, Wakasek, dan Bendahara. Setiap pengguna yang melakukan login akan menampilkan menu yang sesuai dengan hak aksesnya.
4.2.2 Halaman Login
Halaman login berfungsi untuk validasi pengguna. Hanya pengguna yang berhak yang dapat masuk ke sistem. Gambar halaman login ada pada gambar 4.1. dibawah ini.
Gambar 4.1. Halaman Login
function do_login($username,$password){ // cek di database, ada ga?
$this->CI->db->from('tbl_user'); /*$this->CI->db->join('tbl_siswa','tbl_siswa.nisn = tbl_user.nisn');*/ $this->CI->db->where('username',$username); $this->CI->db->where('password=MD5("'.$password.'")','',false); $result = $this->CI->db->get(); if($result->num_rows() == 0) {
Berikut ini potongan skrip program dari tampilan halaman login.
Login membutuhkan username dan password. Halaman login hanya bisa diisi dengan username dan password yang sudah diberikan kepada user tertentu. User yang bisa login adalah bendahara, wakasek, siswa dan kepala sekolah. Jika berhasil akan masuk ke halaman menu utama sebagaimana pada gambar 4.2.
4.2.3 Tampilan Halaman Utama Bagian Bendahara
Halaman bendahara berisikan periode SPP yang berisi informasi tahun ajaran dan semester. Halaman utama memiliki fasilitas untuk menyimpan tahun ajaran yang sedang aktif , dan pada gambar user akan terlihat siapa yang melakukan login sebelumnya. Pada halaman ini bendahara bisa mengaktifkan tahun ajaran yang aktif dengan memilih form tahun ajaran kemudian di simpan. Haman utama bisa dilihat pada gambar 4.2.
function login(){ $this->form_validation->set_rules('password', 'password', 'trim|required'); $this->form_validation->set_error_delimiters(' <span style="color:#FF0000">','</span>'); if ($this->form_validation->run() == FALSE){
$this->session->set_flashdata('msg','Anda Gagal Login'); $this->session->set_flashdata('tipe','alert-danger'); redirect('Welcome/index');
Gambar 4.2. Halaman Utama Bagian Benhara.
Berikut ini potongan skrip program dari tampilan halaman utama bagian bendahara.
function dashboard_admin(){ $this->auth->restrict(); $level = $this->session->userdata('jabatan'); $login = $this->session->userdata('nisn'); $param=ar 'tabel'=>array( 'tbl_siswa a'=>'', 'tbl_bayar_spp b'
4.2.4 Tampil Data Siswa
Tampilan data siswa dapat dilakukan dengan memililih menu data referensi kemudian pilih siswa. Proses untuk menambah data siswa dengan memilih menu tambah. Pencarian data siswa dapat difilter dengan pencarian kelas. Form untuk data siswa ada pada gambar 4.3.
Gambar 4.3 Halaman Data Siswa
Berikut ini potongan skrip program dari tampilan data siswa
<?php class Siswa extends CI_Controller{ private $limit = 10;
public $title = 'Siswa';
public $ctrl = 'referensi/siswa'; public $kunci = 'id_siswa';
function __construct(){ parent::__construct(); $this->load->model('Ttm'); $this->load->library('table');
4.2.5 Tampil Data Kelas
Data kelas dapat dilakukan dengan memilih data referensi kemudian klik menu kelas. Pada menu data kelas terdapat aksi untuk mengedit dan menghapus data kelas, dan setiap kelas terbagi setiap jurusan. Form untuk data kelas ada pada gambar 4.4.
Gambar 4.4 Halaman Data Kelas
Berikut ini potongan skrip program dari tampilan data kelas
<?php class Kelas extends CI_Controller{ private $limit = 20;
public $title = 'Kelas';
public $ctrl = 'referensi/Kelas'; public $kunci = 'id_kelas';
function __construct(){ parent::__construct(); $this->load->model('Ttm'); $this->load->library('table'); $this->load->library('auth');
4.2.6 Tampil Data Jurusan
Tampil data jurusan dapat dilakukan dengan memilih data referensi kemudian jurusan. Halaman jurusan terdapat aksi untuk mengedit dan menghapus jurusan. Pada Smk Muhammadiya 3 terdapat 8 jurusan. Data jurusan ada pada gambar 4.5.
Gambar 4.5 Halaman Data Jurusan
Berikut ini potongan skrip program dari tampilan data jurusan
<?php class Jurusan extends CI_Controller{ private $limit = 20;
public $title = 'Jurusan';
public $ctrl = 'referensi/Jurusan'; public $kunci = 'id_jurusan';
function __construct(){ parent::__construct(); $this->load->model('Ttm'); $this->load->library('table'); $this->load->library('auth');
4.2.7 Tampil Data Tarif SPP
Data tarif SPP dapat dilakukan dengan memilih data referensi kemudian klik tarif SPP. Pada halaman tarif SPP terdapat menu tambah yang digunakan untuk menambahkan tarif SPP yang sesuai dengan ketentuan sekolah, kemudian ada menu aksi untuk melakukan edit dan hapus pada tarif SPP. Data tarif ada pada gambar 4.6.
Gambar 4.6 Halaman Data Tarif
Berikut ini potongan skrip program dari tampilan data jurusan
<?php class Tarif extends CI_Controller{ private $limit = 20;
public $title = 'Tarif S
public $ctrl = 'referensi/Tarif'; public $kunci = 'id_tarif_spp'; function __construct(){
parent::__construct(); $this->load->model('Ttm'); $this->load->library('table');
4.2.8 Tampil Transaksi Pembayaran SPP
Proses transaksi pembayaran SPP dapat dilakukan dengan memilih menu Transaksi. Pada menu bayar akan bisa di klik oleh bendahara ketika siswa melakukan pembayan. Jumlah pembayaran akan muncul sesuai dengan kelas siswa tersebut. Transaksi pembayaran ada pada gambar 4.7.
Gambar 4.7 Transaksi pembayaran SPP
Berikut ini potongan skrip program dari tampilan data transaksi pembayaran SPP
function index($offset=null){ $this->auth->restrict(); $level = $this->session->userdata('jabatan'); $login=$this->session->userdata('nisn'); $cbkelas = $this->Ttm->combo_box(array('tabel'=> array('tbl_kelas'=>''),'key'=> 'id_kelas','val'=> array('nama_kelas')));
$cbperiode = array('-'=>'-- Pilih Periode
---','1'=>'Januari','2'=>'Februari','3'=>'Maret','4'=>'April',' 5'=>'Mei','6'=>'Juni','7'=>'Juli','8'=>'Agustus','9'=>'Septe mber','10'=>'Oktober','11'=>'November','12'=>'Desember' ); $cbtahun = $this->Ttm->combo_box(array('tabel'=>
4.2.9 Tampil Data Tahun Ajaran
Tampil data Tahun Ajaran dapat dilakukan dengan memilih data referensi kemudian Tahun Ajaran. Pada menu tahun ajaran dapat menambahkan data tahun ajaran yang baru dan memiliki aksi untuk bisa mengedit tahun ajaran. Tampil data tahun ajaran ada pada gambar 4.8.
Gambar 4.8 Halaman Data Tahun Ajaran
Berikut ini potongan skrip program dari tampilan data tahun ajaran
<?php class Tahun_ajaran extends CI_Controller{ private $limit = 20;
public $title = 'Tahun_ajaran';
public $ctrl = 'referensi/Tahun_ajaran'; public $kunci = 'id_thn_ajaran';
function __construct(){ parent::__construct(); $this->load->model('Ttm'); $this->load->library('table'); $this->load->library('auth');
4.2.10 Tampil Data User
Tampil data User dapat dilakukan dengan memilih data referensi kemudian Pengguna. Pada data user terdapat menu untuk menambahkan user untuk bisa mengakses aplikasi, dan juga terdapat aksi untuk menghapus user. Data user ada pada gambar 4.9.
Gambar 4.9 Halaman Data User
Berikut ini potongan skrip program dari tampilan data user
function index($offset=null){ $this->auth->restrict(); $param=array(
'tabel'=>array( 'tbl_user a'=>'',),
'order by'=>'a.id_user desc',); $config['base_url']
= site_url($this->ctrl.'/index'); $config['total_rows']
4.2.11 Tampil Laporan Pembayaran SPP
Tampilan Laporan pembayaran SPP dapat dilakukan dengan memilih menu Laporan kemudian Laporan Pembayaran SPP. Pada halaman ini terdapat menu pencarian yang terdapat filter kelas, perode tagihan, tahun ajaran dan semester. Tampilan laopran pembayaran SPP ada pada gambar 4.10.
Gambar 4.10 Tampilan Laporan Pembayaran SPP
Berikut ini potongan skrip program dari tampilan laporan pembayaran SPP
function index($offset=null){ $this->auth->restrict(); $level = $this->session->userdata('jabatan'); $login=$this->session->userdata('id_siswa'); $cbkelas = $this->Ttm->combo_box(array('tabel'=> array('tbl_kelas'=>''),'key'=> 'id_kelas','val'=> array('nama_kelas')));
$cbperiode = array('-'=>'-- Pilih Periode
---','7'=>'Juli','8'=>'Agustus','9'=>'September','10'=>'Oktober ','11'=>'November','12'=>'Desember','1'=>'Januari','2'=>'Feb ruari','3'=>'Maret','4'=>'April','5'=>'Mei','6'=>'Juni' ); $cbtahun = $this->Ttm->combo_box(array('tabel'=>
4.2.12 Bukti Pembayaran SPP
Bukti pembayaran SPP dapat dicetak oleh bendahara atau siswa, bukti pembayaran SPP akan muncul jika pembayaran SPP telah dilakukan. Bukti pembayaran SPP ada pada gambar 4.14
Gambar 4.11 Tampilan Bukti Pembayaran SPP
4.2.13 Grafik Pembayaran SPP
Grafik pembayaran SPP dapat di ambil dari kelas dan tahun ajaran. Grafik pembayaran SPP ada pada gambar 4.15