BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM

dokumen-dokumen yang mirip
LAMPIRAN. KUESIONER (Siswa) (Mohon menjawab pertanyaan-pertanyaan berikut dengan baik untuk keperluan survey pembuatan website e-learning)

Gambar 4.28Konfigurasi Base Path dan Sistem

BAB IV HASIL DAN PEMBAHASAN

Bab 4 Hasil dan Pembahasan

Link Nama digunakan untuk menuju halaman Data Absensi Siswa.

BAB IV HASIL DAN PEMBAHASAN

A. ADMIN. Form Login Admin

BAB IV IMPLEMENTASI PERANCANGAN

Daftar Isi. A. Pendahuluan B. Operasional Sistem Halaman Login Menu Dashboard Menu Data Kemiskinan... 3

BAB IV HASIL DAN PEMBAHASAN

A. ADMINISTRATOR. Form Login Admin

Bab 4 Hasil Perancangan dan Pengujian

BAB IV IMPLEMENTASI SISTEM

Bab 4. Pembahasan dan Hasil

Sistem Informasi Pengadaan ATK ( Alat Tulis Kantor )

Pemrograman Web II DANU WIRA PANGESTU

A. Admin. Form Login Admin

BAB IV IMPLEMENTASI DAN ANALISA

BAB IV TESTING DAN IMPLEMENTASI

BAB IV HASIL DAN PEMBAHASAN

BAB IV IMPLEMENTASI DAN PENGUJIAN. untuk dioperasikan. Dalam implementasi web dashboard absen dan biaya berobat karyawan

- Setelah aplikasi terbuka, klik kanan kemudian pilih run

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN UJI COBA

Gambar 4.1Halaman Home

Gambar Halaman Home. Gambar di atas adalah halaman home dari aplikasi untuk user

BAB IV IMPLEMENTASI DAN ANALISA

CARA MENJALANKAN APLIKASI. Untuk menjalankan aplikasi sistem pendukung keputusan memilih. 1. Peguna harus login terlebih dahulu. Pengguna dapat login

Tugas SRS dan Skenario Proses System Pemilihan perguruan tinggi swasta

DAFTAR PUSTAKA. Upton, D. (2007). CodeIgniter for Rapid PHP Application Development. Birmingham: Packt Publishing Ltd.

BAB IV HASIL DAN UJI COBA

BAB III ANALISA DAN DESAIN SISTEM


BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN UJI COBA

DAFTAR PUSTAKA. Adisasmita, Rahardjo Pengelolaan Pendapatan & Anggaran Daerah. Yogyakarta: Graha Ilmu.

Bab 4 Hasil dan Pembahasan

Cara menjalankan program

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN ANALISIS

BAB IV HASIL DAN UJI COBA

BAB IV IMPLEMENTASI DAN PENGUJIAN

CARA MENJALANKAN PROGRAM. Saat kita membuka aplikasi akan muncul form login. Kita diminta untuk

HASIL DAN UJI COBA. BerikutadalahtampilanhasildanpembahasandariSistem. Akuntansi Investasi Pada PT. Permata Hijau Group.

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN UJI COBA

BAB IV PENGUJIAN DAN ANALISA

Basis Data. Kartika Firdausy UAD 1. Perancangan Interface. Perancangan Input. Sistem ini ditujukan untuk 3 jenis pemakai (user)

Tampilan Window Login

Pemrograman Web Berbasis Framework. Pertemuan 7 : Keamanan Aplikasi. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD

BAB IV IMPLEMENTASI DAN PENGUJIAN. 4.1 Implementasi sistem Implementasi halaman login Halaman login adalah halaman awal saat kita membuka sistem

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV HASIL DAN UJI COBA

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Implementasi sistem adalah proses akhir dalam pengembangan

BAB IV HASIL DAN PEMBAHASAN

Tugas SRS dan Skenario Proses System Penerimaan Jamkesmas

BAB IV HASIL DAN UJI COBA

Petunjuk Pemakaian Sistem

TUGAS ANALISIS DAN PERANCANGAN SISTEM LAUNDRY

BAB IV HASIL DAN PEMBAHASAN

BAB IV PERANCANGAN SISTEM Perancangan Pembuatan Sistem(Use Case Diagram) SISTEM

BAB IV HASIL DAN UJI COBA

BAB IV HASIL PRAKTEK KERJA DAN ANALISIS. RW.04 Bener Tengaran Kab. Semarang merupakan perusahaan

BAB IV HASIL DAN UJI COBA

BAB IV IMPLEMENTASI DAN ANALISA

TUTORIAL PROGRAM HOTEL

Gambar 4.22 Tampilan Halaman Semester

Bab 4. Hasil dan Pembahasan

BAB IV IMPLEMENTASI DAN EVALUASI. Pada bab empat ini akan dibahas mengenai hasil analisis dan

CARA MENJALANKAN PROGRAM. Langkah awal membuka Aplikasi Perhitungan Anggaran Penjualan

ANALISIS PERANCANGAN SISTEM INFORMASI RENTAL MOTOR DENGAN MENGGUNAKAN PHP DAN MYSQL

BAB IV TAMPILAN HASIL DAN PEMBAHASAN

Aplikasi Penjualan Batako Ringan Pada Vivaldi Indo Pratama Yogyakarta

BAB IV HASIL DAN UJI COBA

Sistem Informasi Persediaan Barang Jadi & Setengah Jadi

BAB IV HASIL DAN PEMBAHASAN

BAB IV HASIL DAN UJI COBA

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

Gambar 6.1 Tampilan Utama Website

1 P a n d u a n A p l i k a s i S i H a r g a W i

BAB IV HASIL DAN UJI COBA

Aplikasi Pengelolaan Pesanan Cetak Digital Printing

BAB IV PROTOTYPE. 4.1 Perancangan Antarmuka

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN PEMBAHASAN. Setelah melalui proses perancangan dan pengkodean program, maka

Gambar 4.39 Form View Pembelian Pemesanan Supplier

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN PEMBAHASAN. Berikut adalah tampilan hasil dan pembahasan dari Sistem Informasi

BAB III ANALISIS DAN DESAIN SISTEM

Gambar 4.1 Gambar Use Case Diagram

LAPORAN PROSES PERANCANGAN BERBASIS OBJECT SISTEM INFORMASI PENERIMAAN MAHASISWA BARU ONLINE

BAB IV IMPLEMENTASI DAN EVALUASI

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN UJI COBA

BAB V IMPLEMENTASI DAN PEMBAHASAN. menggunakan sistem pendaftaran siswa baru dan pembagian kelas pada SMK

BAB V IMPLEMENTASI DAN PEMBAHASAN. mendukung Aplikasi Penilaian Akademik Berbasis web

BAB IV HASIL DAN UJICOBA

BAB IV HASIL DAN UJI COBA

Transkripsi:

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 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. 32

33 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) { // username dan password tsb tidak ada 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

34 Berikut ini potongan skrip program dari tampilan halaman login. 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'); }else{ $username = $this->input->post('username'); 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.

35 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'

36 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');

37 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');

38 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');

39 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');

40 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'=> array('tbl_thn_ajaran a'=>''),

41 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');

42 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']

43 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'=> array('tbl_thn_ajaran a'=>''),'key'=> 'thn_ajaran','val'=>

44 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 Gambar 4.12 Grafik Pembayaran SPP