G.231.14.0141 15 File Komplit 20190130073009

IMPLEMENTASI SISTEM PEMBAYARAN SPP DAN VIRTUAL
ACCOUNT MENGGUNAKAN FRAMEWORK CODEIGNITER

STUDI KASUS SMK BINA NEGARA GUBUG
TUGAS AKHIR
Diajukan Oleh :
TRI SUPRIMA WAHYUONO

G.231.14.0141
PROGRAM STUDI S1 – TEKNIK INFORMATIKA

JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS SEMARANG
2019
i
PERNYATAAN PENULISAN TUGAS AKHIR
DENGAN JUDUL

Dengan ini saya :

NAMA : TRI SUPRIMA WAHYUONO
NIM : G.231.14.0141
PROGRAM STUDI : S1 - TEKNIK INFORMATIKA
“Saya menyatakan dan bertanggungjawab dengan sebenarnya bahwa Tugas Akhir

(TA) ini adalah hasil karya saya sendiri kecuali cuplikan dan ringkasan yang
masing–masing telah saya jelaskan sumbernya. Jika pada waktu selanjutnya ada
pihak lain yang mengklaim bahwa Tugas Akhir (TA) ini sebagai karyanya, yang
disertai dengan bukti–bukti yang cukup, maka saya bersedia untuk dibatalkan
gelar Sarjana Komputer saya beserta segala hak dan kewajiban yang melekat pada
gelar tersebut”.
Semarang, Januari 2019

Penulis
Tri Suprima Wahyuono
i
ABSTRAK
Sistem yang berjalan saat ini SMK Bina Negara Gubug menggunakan
dengan aplikasi Microsoft Excel yang terprogram meskipun menggunakan
program Excel ternyata memiliki kekurangan yaitu diantaranya laporan masih
kurang akurat masih bersifat manual, untuk melihat program pembayaran hanya
satu tempat hak akses. Penanganan sistem pembayaran SPP di sekolah SMK Bina
Negara Gubug membutuhkan sebuah sistem aplikasi untuk membantu melayani
transaksi Pembayaran SPP untuk mengolah data-data transaksi siswa yang ada.
Dengan adanya kemajuan teknologi saat ini membutuhkan sistem yang lebih
dinamis, selain sistem Pembayaran SPP yang dibangun ada juga layanan Virtual
Account, siswa bisa menyimpan uang didalam sistem dan Pembayaran SPP bisa
dilakukan dengan 2 cara yaitu dengan pembayaran Tunai atau melalui Virtual
Account.
Metode pengembangan sistem ini dibangun meggunakan model Waterfall.
Sistem ini nantinya akan di bangun menggunakan Framework Codeigniter dan
database menggunakan MySQL.
Berdasarkan uraian tersebut tujuan dari penelitian ini yaitu terciptanya
pembayaran SPP dan Virtual Account pada Sekolah SMK Bina Negara Gubug,
sehingga aplikasi tersebut memperbarui sistem yang lama dan menggunakan fitur
baru yang dinamakan Virtual Account.
Kata Kunci : Sistem Pembayaran, SPP,Virtual Account Framework Codeigniter
Pembimbing Tugas Akhir
April Firman Daru, S.Kom., M.Kom.

NIS. 06557003102133
v
ABSTRACT
The system currently running in the Bina Negara Gubug Vocational High
School uses the programmed Microsoft Excel application even though using the
Excel program turns out to have deficiencies, including inaccurate reports that
are still manual, to see payment programs for only one access right. Handling the
SPP payment system at the Bina Negara Gubug Vocational High School requires
an application system to help serve SPP Payment transactions to process existing
student transaction data. With the advancement of technology now requires a
more dynamic system, in addition to the SPP Payment system built there is also a
Virtual Account service, students can save money in the system and SPP Payment
can be done in 2 ways, namely by cash payment or via Virtual Account.
The method of developing this system was built using the Waterfall model.
This system will later be built using the Codeigniter Framework and database
using MySQL.
Based on the description, the purpose of this study is to create SPP
payments and Virtual Accounts at Bina Negara Gubug Vocational High School,
so that the application updates the old system and uses a new feature called
Virtual Account.
Keywords: Payment System, SPP, Virtual Account Codeigniter Framework
vi
KATA PENGANTAR
Puji syukur kehadirat Allah SWT, yang telah memberikan rahmat, hidayah
serta tuntunan-Nya sehingga laporan tugas akhir yang berjudul Implementasi
Sistem Pembayaran SPP dan Virtual Account Menggunakan Framework
Codeigniter Studi Kasus SMK Bina Negara Gubug, dapat diselesaikan dengan
baik.
Penulisan laporan Tugas Akhir ini dimaksudkan untuk melengkapi tugas-
tugas dan syarat kelulusan strata satu (S1) Program Studi Teknik Informatika
Jurusan Teknologi Informasi Universitas Semarang. Dan juga sebagai bahan
referensi kepada para pembaca.
Penyusunan laporan Tugas Akhir ini dapat terlaksanakan berkat dukungan
dan kerjasama yang baik dari berbagai pihak. Oleh karena itu perkenankan penulis
menyampaikan ucapan terima kasih kepada :
1. Bapak Andy Kridasusila, SE., ME., selaku Rektor Universitas Semarang.
2. Bapak Susanto, S.Kom., M.Kom., selaku Dekan Fakultas Teknologi
Informasi dan Komunikasi Universitas Semarang.
3. April Firman Daru, S.Kom., M.Kom., selaku Ketua Program Studi Teknik
Informatika Fakultas Teknologi Informasi dan Komunikasi Universitas
Semarang, sekaligus dosen pembimbing yang telah membantu dan
memberikan bimbingan untuk penulisan laporan Tugas Akhir ini.
4. Para Dosen Universitas Semarang yang selama ini telah memberikan ilmu
dan pengetahuan bagi penulis.
5. H. Fahrurrozi, S.Ag. M.S.I., selaku Kepala Sekolah SMK Bina Negara
Gubug yang telah memberikan izin untuk melaksanakan Studi Kasus di
SMK Bina Negara Gubug.
6. Muhammad Masrur, S.Kom., selaku Bendahara Pengeluaran/Ketua BKK
yang memberikan bimbingan di SMK Bina Negara Gubug.
7. Siti Kotimah, S.Kom., selaku Staff TU yang telah membantu memberikan
informasi.
vii
8. Keluarga Tercinta Papa, Mama, Kakakku dan Saudara atas doa, nasehat dan
dukungan penuh.
9. Semua pihak yang telah membantu penulis dalam penyusunan Laporan
Tugas Akhir ini.
Dengan segala kerendahan hati, semoga Laporan Tugas Akhir yang telah
disusun ini dapat bermanfaat untuk penulis pribadi, para pembaca, dan masyarakat
umumnya serta berguna pula bagi perkembangan dunia pendidikan dan teknologi
informasi.

Penulis
viii
DAFTAR ISI
HALAMAN JUDUL .........................................................................................i

PERNYATAAN PENULIS ..............................................................................ii
PENGESAHAN TUGAS AKHIR....................................................................iii
PENGESAHAN UJIAN TUGAS AKHIR ......................................................iv
ABSTRAK .........................................................................................................v
ABSTRACT .......................................................................................................vi
KATA PENGANTAR .......................................................................................vii
DAFTAR ISI ......................................................................................................ix
DAFTAR GAMBAR .........................................................................................xi
DAFTAR TABEL..............................................................................................xiv
BAB I PENDAHULUAN ..................................................................................1
1.1 Latar Belakang Masalah ...................................................................1
1.2 Rumusan Masalah ............................................................................2
1.3 Batasan Masalah...............................................................................2
1.4 Tujuan Tugas Akhir .........................................................................3
1.5 Manfaat Tugas Akhir .......................................................................3
1.6 Metodologi Penelitian ......................................................................4
1.7 Sistematika Penelitian ......................................................................6
BAB II TINJAUAN UMUM ............................................................................8
2.1 Sejarah Singkat SMK Bina Negara Gubug ......................................8
2.2 Struktur Organisasi SMK Bina Negara Gubug ................................8
2.3 Fungsi dan Tugas Organisasi ...........................................................10
2.4 Visi dan Misi ....................................................................................21
2.5 Lokasi SMK Bina Negara Gubug ....................................................22
BAB III LANDASAN TEORI ..........................................................................23
3.1 Sistem ...............................................................................................23
3.2 Pembayaran SPP ..............................................................................24
3.3 Implementasi SPP ............................................................................25
3.4 Pengertian Integrated Development Environment (IDE) .................27
ix
3.5 Teori Perhitungan Virtual Account ..................................................27
3.6 Pengujian Sistem ..............................................................................28
3.7 UML (Unified Modelling Language) ...............................................29
BAB IV PERENCANAAN DAN ANALISA PERANCANGAN SISTEM ..35
4.1 Perencanaan Sistem ..........................................................................35
4.2 Analisa Sisrem yang Berjalan ..........................................................35
4.3 Analisa Kebutuhan ...........................................................................37
4.4 Perancangan Sistem Use Case Diagram ..........................................38
4.5 Perancangan Sistem Activity Diagram .............................................46
4.6 Perancangan Sistem Sequence Diagram ..........................................51
4.7 Perancangan Class Diagram.............................................................56
4.8 Perancangan Database .....................................................................56
4.9 Perancangan Tampilan pada Sistem.................................................60
BAB V IMPLEMENTASI SISTEM DAN PENGUJIAN SISTEM ..............70
5.1 Implementasi Database ....................................................................70
5.2 Implementasi Sistem ........................................................................73
5.3 Pengujian Sistem ..............................................................................83
5.4 Pemeliharaan ....................................................................................87
BAB VI PENUTUP ...........................................................................................88
6.1 Simpulan...........................................................................................88
6.2 Saran .................................................................................................88
DAFTAR PUSTAKA
LAMPIRAN
x
DAFTAR GAMBAR
Gambar 1.1 Metode Pengembangan Waterfall ...............................................5

Gambar 2.1 Bagan Struktur SMK Bina Negara Gubug ..................................10
Gambar 2.2 Papan Nama Sekolah SMK Bina Negara Gubug ........................22
Gambar 2.3 Tampak dalam SMK Bina Negara Gubug...................................22
Gambar 2.4 Denah Lokasi Sekolah SMK Bina Negara Gubug ......................22
Gambar 3.1 Use Case dalam UML .................................................................30
Gambar 3.2 Class Diagram dalam UML.........................................................32
Gambar 3.3 Sequence Diagram dalam UML ..................................................33
Gambar 3.4 Activity Diagram pada UML .......................................................34
Gambar 4.1 Use Case Diagram Sistem Pembayaran SPP...............................38
Gambar 4.2 Activity Diagram Kelola Data Pembayaran .................................47
Gambar 4.3 Activity Diagram Kelola Virtual Account ....................................47
Gambar 4.4 Activity Diagram Laporan pada Operator Pembayaran ...............48
Gambar 4.5 Activity Diagram Kelola Data Guru ............................................48
Gambar 4.6 Activity Diagram Kelola Kelas Jurusan .......................................49
Gambar 4.7 Activity Diagram Kelola Data Siswa ...........................................49
Gambar 4.8 Activity Diagram Kelola Akun Pembayaran................................50
Gambar 4.9 Activity Diagram Kelola Data Tahun Ajaran...............................50
Gambar 4.10 Activity Diagram View Laporan Pimpinan..................................51
Gambar 4.11 Sequence Diagram Kelola Data Pembayaran ..............................51
Gambar 4.12 Sequence Diagram Kelola Virtual Account .................................52
Gambar 4.13 Sequence Diagram Kelola Laporan .............................................52
Gambar 4.14 Sequence Diagram Kelola Data Guru..........................................53
Gambar 4.15 Sequence Diagram Kelola Data Jurusan......................................53
Gambar 4.16 Sequence Diagram Kelola Data Siswa ........................................54
Gambar 4.17 Sequence Diagram Kelola Data Akun Pembayaran ....................54
Gambar 4.18 Sequence Diagram Kelola Data Tahun Ajaran ............................55
Gambar 4.19 Sequence Diagram View Laporan pada Pimpinan ......................55
Gambar 4.20 Class Diagram Sistem Pembayaran SPP .....................................56
xi
Gambar 4.21 Halaman Login Sistem ................................................................60
Gambar 4.22 Halaman Dashboard Sistem ........................................................60
Gambar 4.23 Halaman Transaksi ......................................................................61
Gambar 4.24 Halaman Detail Pembayaran .......................................................61
Gambar 4.25 Halaman Transaksi Bayar ............................................................62
Gambar 4.26 Halaman Konfirmasi Pembayaran ...............................................62
Gambar 4.27 Halaman Selesai Pembayaran......................................................63
Gambar 4.28 Halaman Cetak ............................................................................63
Gambar 4.29 Halaman Virtual Account ...........................................................64
Gambar 4.30 Halaman Proses Saldo .................................................................64
Gambar 4.31 Halaman Rekapan/Laporan Seluruh Kelas ..................................65
Gambar 4.32 Halaman Rekapan/Laporan perKelas ..........................................65
Gambar 4.33 Halaman Kelola Guru ..................................................................66
Gambar 4.34 Halaman Kelola Jurusan ..............................................................66
Gambar 4.35 Halaman Kelola Siswa ................................................................67
Gambar 4.36 Halaman Kelola Akun Pembayaran ............................................67
Gambar 4.37 Halaman Kelas Tahun Ajaran .....................................................68
Gambar 4.38 Halaman Kelola Tahun Jenjang...................................................68
Gambar 4.39 Halaman Laporan Perkelas pada Pimpinan .................................69
Gambar 4.40 Halaman Laporan Seluruh Kelas pada Pimpinan ........................69
Gambar 5.1 Tabel Data Hak Akses .................................................................70
Gambar 5.2 Tabel Data Jurusan ......................................................................70
Gambar 5.3 Tabel Data Akun Pembayaran .....................................................70
Gambar 5.4 Tabel Data Jenjang ......................................................................70
Gambar 5.5 Tabel Data Guru ..........................................................................71
Gambar 5.6 Tabel Data Kelas .........................................................................71
Gambar 5.7 Tabel Data Siswa .........................................................................71
Gambar 5.8 Tabel Data Bayar .........................................................................72
Gambar 5.9 Halaman Login ............................................................................73
Gambar 5.10 Halaman Dashboard Sistem ........................................................73
Gambar 5.11 Halaman Transaksi ......................................................................74
xii
Gambar 5.12 Halaman Detail Pembayaran .......................................................74
Gambar 5.13 Halaman Transaksi Bayar ............................................................75
Gambar 5.14 Halaman Konfirmasi Pembayaran ...............................................75
Gambar 5.15 Halaman Selesai Pembayaran......................................................76
Gambar 5.16 Halaman Cetak ............................................................................76
Gambar 5.17 Halaman Virtual Account ...........................................................77
Gambar 5.18 Halaman Proses Saldo .................................................................77
Gambar 5.19 Halaman Rekapan/Laporan Seluruh Kelas ..................................78
Gambar 5.20 Halaman Rekapan/Laporan perKelas ..........................................78
Gambar 5.21 Halaman Kelola Guru ..................................................................79
Gambar 5.22 Halaman Kelola Jurusan ..............................................................79
Gambar 5.23 Halaman Kelola Siswa ................................................................80
Gambar 5.24 Halaman Kelola Akun Pembayaran ............................................80
Gambar 5.25 Halaman Kelas Tahun Ajaran .....................................................81
Gambar 5.26 Halaman Kelola Tahun Jenjang...................................................81
Gambar 5.27 Halaman Laporan Perkelas pada Pimpinan .................................82
Gambar 5.28 Halaman Laporan Seluruh Kelas pada Pimpinan ........................82
Gambar 5.29 Flowgraph Alir Transaksi ...........................................................84
xiii
DAFTAR TABEL
Tabel 3.1 Simbol pada Use Case Diagram ..................................................30

Tabel 3.2 Simbol pada Class Diagram ........................................................31
Tabel 3.3 Simbol pada Sequence Diagram ..................................................32
Tabel 3.4 Simbol pada Activity Diagram .....................................................33
Tabel 4.1 Flowchart sistem yang sedang berjalan .......................................36
Tabel 4.2 Skenario Use Case Kelola Data Pembayaran ..............................38
Tabel 4.3 Skenario Use Case Kelola Virtual Account.................................40
Tabel 4.4 Skenario Use Case Kelola Laporan .............................................40
Tabel 4.5 Skenario Use Case View Laporan ...............................................41
Tabel 4.6 Skenario Use Case Kelola Data Guru .........................................42
Tabel 4.7 Skenario Use Case Kelola Data Jurusan .....................................42
Tabel 4.8 Skenario Use Case Kelola Data Siswa ........................................43
Tabel 4.9 Skenario Use Case Kelola Akun Pembayaran ............................44
Tabel 4.10 Skenario Use Case Kelola Tahun Ajaran ....................................45
Tabel 4.11 Tabel Hak Akses..........................................................................56
Tabel 4.12 Tabel Guru ...................................................................................56
Tabel 4.13 Tabel Jurusan ...............................................................................57
Tabel 4.14 Tabel Kelas ..................................................................................57
Tabel 4.15 Tabel Jenjang ...............................................................................57
Tabel 4.16 Tabel Akun Pembayaran .............................................................58
Tabel 4.17 Tabel Siswa .................................................................................58
Tabel 4.18 Tabel Bayar .................................................................................58
Tabel 4.19 Tabel Virtual Account..................................................................59
Tabel 5.1 Hasil Pengujian Basis Set ............................................................85
Tabel 5.2 Tabel Pengujian Black Box ..........................................................85
xiv
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah

Perkembangan teknologi sistem pembayaran dari tahun ke tahun
menunjukkan perubahan yang signifikan. Hampir semua kebutuhan dapat
terbantu berkat sistem pengaplikasian mulai dari kebutuhan mempersingkat
waktu ketika bertransaksi. Salah satu sistem dari aplikasi pembayaran ini
sangat membantu lembaga pendidikan adalah sistem pembayaran SPP dan
Virtual Account. Sistem pembayaran SPP ini bisa dilakukan selain
menggunakan uang yaitu dengan Virtual Account. Siswa bisa membayar
memakai fitur e-money di dalam Virtual Account miliknya pribadi.
Virtual Account merupakan suatu fitur pembayaran yang praktis dan
cepat. Siswa tidak perlu melakukan pembayaran secara tunai. Penggunaan
fitur Virtual Account bisa terintegrasi dengan Nomor Identification, untuk
siswa ini sendiri menggunakan Nomor NIS (Nomor Induk Siswa). Selain
untuk pembayaran SPP Virtual Account juga bermanfaat untuk menyimpan
uang siswa ke dalam sistem untuk pembayaran SPP pada bulan berikutnya.
SMK Bina Negara Gubug saat ini melakukan pembayaran SPP
dengan program aplikasi Microsoft Excel yang ternyata program tersebut
memiliki permasalahan dan kekurangan yaitu laporan masih kurang akurat
masih bersifat manual, untuk melihat program pembayaran hanya satu
tempat hak akses belum multi akses.
Berdasarkan paparan diatas maka dalam penelitian ini akan dibuat
sistem pembayaran berbasis web yang akan diterapkan pada sekolah SMK
Bina Negara Gubug, dimana pada bagian Administrasi TU membutuhkan
proses sistem pembayaran yang modern dan dinamis berbasis program
aplikasi website siap pakai sehingga mempermudah proses input dan output.
Pada Tugas Akhir ini, penulis mencoba membangun sebuah sistem
yang terbaru untuk sekolah SMK Bina Negara Gubug yang sebelumnya
masih menggunakan aplikasi Microsoft Excel yang terprogram. Tetapi
1
2
berbasis aplikasi website ini memliki kelemahan yaitu hanya berbentuk

offline pada komputer dan untuk hak akses hanya 3 yaitu Operator
Pembayaran, Admin dan Pimpinan. Untuk kedepannya aplikasi sistem
pembayaran SPP dan Virtual Account ini diharapkan bisa digunakan dengan
baik.
1.2. Rumusan Masalah

Berdasarkan latar belakang masalah yang sudah dijabarkan diatas,
maka dapat dirumuskan bagaimana membuat sistem Pembayaran SPP dan
Virtual Account menggunakan Framework Codeigniter Studi Kasus SMK
Bina Negara Gubug sehingga sistem aplikasi yang dihasilkan ini
memperbarui dari sistem yang lama.
1.3 Batasan Masalah

Agar pembahasan masalah menjadi lebih jelas dan terarah maka
diperlukan adanya batasan masalah. Adapun ruang lingkup dalam susunan
laporan ini dibatasi pada :
1. Implementasi sistem ini difokuskan pada transaksi melalui
pembayaran tunai dan Virtual Account. Melihat siswa yang belum
bayar dan laporan transaksi pembayaran SPP bulanan maupun tahunan
2. Sistem ini memiliki hanya tiga akses yaitu Superadmin, Admin dan
Pimpinan.
3. Sistem informasi akan diimplementasi dan dikembangkan
menggunakan Framework Codeigniter dan MySql sebagai database
penyimpanannya.
4. Perancangan dan analisa sistem ini menggunakan UML (Unifed
Modelling Language).
5. Metode pengembangan dalam sistem ini menggunakan Waterfall .
6. Sistem pembayaran SPP ini berjalan sebatas offline.
3
7. Sistem yang dibangun ini memiliki fitur diantaranya : bisa input guru,
siswa, tipe pembayaran, pembagian ruang kelas, Virtual Account,
laporan bulanan dan tahunan.
1.4 Tujuan Tugas Akhir

Terbentuknya sistem informasi yang dapat memperbarui aplikasi
pembayaran SPP menggunakan Framework Codeigniter dan menambahkan
fitur Virtual Account di SMK Bina Negara Gubug yang dulunya memakai
program Microsoft Excel. Sehingga aplikasi sistem pembayaran SPP ini
lebih dinamis dan praktis. Penambahan fitur Virtual Account berguna untuk
bagi siswa yang ingin menabung pembayaran SPP untuk bulan kedepannya.
1.5 Manfaat Tugas Akhir

Manfaat yang di harapkan dari Tugas Akhir ini adalah sebagai
berikut :
1. Bagi Penulis
Menambah pengetahuan dan pengalaman di bidang pembuatan
aplikasi berbasis web dalam penerapannya di lapangan dan mencoba
mengukur seberapa jauh kemampuan penulis dalam membuat
program aplikasi sesuai dengan materi pembelajaran selama dalam
perkuliahan yang telah di dapat.
2. Bagi Akademik
Bahan referensi yang dapat di pergunakan untuk perbandingan dan
kerangka acuan untuk persoalan yang sejenis, sehingga dapat
meningkatkan kualitas pendidikan.
3. Bagi SMK Bina Negara Gubug
Pembaruan aplikasi ini di harapkan mampu membantu dalam
melayani pembayaran SPP siswa – siswi SMK Bina Negara Gubug.
4
4. Bagi Pembaca
Dapat menambah wawasan dan pengetahuan pembaca tentang
bagaimana cara membuat aplikasi pembayaran SPP dan Virual
Account menggunakan framework codeigniter.
1.6 Metodologi Penelitian

Untuk dapat menyelesaikan permasalahan yang ada dalam
melaksanaan Tugas Akhir dan penyusunan laporan Tugas Akhir, maka di
lakukan suatu metode penelitian untuk mencari pemecahan dari masalah
yang timbul. Penulis melakukan metode pengumpulan data dan metode
pengembangan sistem dalam pemecahan suatu masalah. Objek penelitian
yang penulis ambil adalah sistem pembayaran SPP dan Virtual Account
pada siswa SMK Bina Negara Gubug
1.6.1 Metode Pengumpulan Data

Untuk melaksanakan suatu penelitian selalu selalu diperlukan
metode penelitian yang tepat, agar penelitian tersebut dapat mencapai
hasil yang maksimal seperti yang di harapkan. Adapun metodologi
yang diharapkan adalah sebagai berikut:
a. Metode Wawancara
Metode pengumpulan data yang dilakukan dengan cara
mengadakan tanya jawab secara langsung dengan Bapak
Muhammad Masrur, S.Kom. selaku Bendahara Sekolah dan Ibu
Siti Khotimah selaku staff TU dilakukan untuk mendapatkan
data-data yang akurat dan tepat agar pembuatan rancangan dan
implementasi sesuai yang diharapkan.
b. Metode Observasi
Pengamatan langsung bagaimana cara kerja pembayaran
SPP, baik dari program lama lalu perbarui ke sistem yang
terbaru. Dan memperkenal fitur baru Virtual Account.
5
1.6.2 Metode Pengembangan Sistem

Menggunakan pendekatan berorientasi data atau terstruktur
yaitu Linier Squential Model, model proses ini sering disebut juga
sebagai Waterfall menyarankan pendekatan yang sistematis dan
sequential dalam pengembangan perangkat lunak yang dimulai pada
level sistem dan bergerak maju.
Tahap-tahap dijelaskan sebagai berikut :
Komunikasi
Untuk
mendapatkan Perencanaan
spesifikasi
Membuat Permodelan
kebutuhan
pengguna Jadwal Analisis
perancanga Kontruksi
n Penyerahan
Penulisan
kode-kode
program System/per
pengujian angkat
lunak ke
para
pelanggan/
pengguna
Gambar 1.1 Metode Pengembangan Waterfall (Roger,2012)
a. Komunikasi
Pada tahapan ini penulis mencari sumber dan mengamati
latar belakang masalah yaitu dengan wawancara staff Operator
Pembayaran pada SMK Bina Negara Gubug, sekaligus
mempelajari sistem pembayaran SPP yang sedang berjalan di
b. Perencanaan
Penulis membuat perkiraan dan jadwal pembuatan aplikasi
agar selesai sesuai rencana dan jadwal. Aplikasi yang dibangun
akan menggunakan framework codeigniter.
6
c. Permodelan
Melakukan perencanaan sistem agar dapat menyediakan
layanan yang diharapkan terhadap solusi masalah yang ada
dengan menggunakan perencanaan terstruktur dan desain
antarmuka dalam pembuatan sistem ini penulis melakukan
perancangan sistem dengan menggunakan UML (Unified
Modelling Language), contohnya : Use Case Diagram, Class
Diagram, Activity Diagram, Sequence Diagram.
d. Kontruksi
Melakukan pencodingan dan implementasi hasil
rancangan kedalam bentuk yang dapat dibaca dan diterjemahkan
oleh komputer. Pada tahap ini penulis melakukan pengerjaan
sistem secara nyata, penulis menggunakan bahasa program PHP.
MySQL sebagai database dan untuk melakukan pengujian
sistem menggunakan localhost aplikasi xampp untuk
memastikan bahwa semua perintah yang ada dapat berfungsi
dan tepat serta untuk menemukan error terhadapat sistem ini.
e. Penyerahan
Melakukan penyerahan sistem kepada pengguna serta
memberikan dukungan pemeliharaan (support) terhadap sistem
maupun data-data pada sistem pembayaran SPP secara
berkesinambungan.
1.7 Sistematika Penulisan

Untuk mendapatkan gambaran dalam penulisan laporan Tugas Akhir
ini, maka secara garis besar sistematika dalam penulisan terbagi menjadi 6
(enam) bab yaitu :
7
BAB I PENDAHULUAN
Pada bab ini berisi mengenai latar belakang, tujuan dan
manfaat tugas akhir, batasan masalah, metodologi
penelitian, metode pengembangan sistem, serta sistematika
penulisan.
BAB II TINJAUAN UMUM SMK BINA NEGARA GUBUG
Pada bab ini menjelaskan gambaran umum tentang tempat
yang menjadi objek penelitian tugas akhir yang meliputi
sejarah singkat SMK Bina Negara Gubug, struktur
organisasi, serta tugas dan fungsinya.
BAB III LANDASAN TEORI
Pada bab ini menjelaskan mengenai definisi yang berkaitan
dengan penyusunan laporan tugas akhir.
BAB IV PERENCANAAN DAN ANALISA PERANCANGAN
SISTEM
Pada bab ini membahas mengenai perencanaan dan
menguraikan langkah–langkah perancangan sistem.
BAB V IMPLEMENTASI SISTEM DAN PENGUJIAN
SISTEM
Pada bab ini berisi tentang hasil dari perancangan dan
pembangunan sistem serta membahas implementasi yang
digunakan untuk mengaplikasikan sistem dan tata cara
penggunaannya.
BAB VI PENUTUP
Pada bab ini berisi tentang simpulan serta saran–saran yang
berguna dalam pengembangan sistem.
DAFTAR PUSTAKA
LAMPIRAN
BAB II
TINJAUAN UMUM SMK BINA NEGARA GUBUG
2.1 Sejarah Singkat SMK Bina Negara Gubug

SMK Bina Negara Gubug adalah satu-satunya SMK di kecamatan
Gubug Kabupaten Grobogan yang memiliki Bidang Keahlian Bisnis dan
Manajemen, didirikan oleh Yayasan Hasan Anwar (YASIHA) Gubug pada
22 Juni 1979 dengan nama Sekolah Menengah Ekonomi Tingkat Atas
(SMEA) Bina Negara Gubug, kemudian mendapatkan Surat Keputusan Ijin
Operasional (Piagam) oleh Kepala Bidang Pendidikan Menengah Kejuruan
Kantor Wilayah Departemen Pendidikan dan Kebudayaan Propinsi Jawa
Tengah pada tanggal 1 Oktober 1979. Pada tanggal 14 Juli 1981
mendapatkan Surat Persetujuan Pendirian Sekolah Swasta dari Kepala
Kantor Wilayah Departemen Pendidikan dan Kebudayaan Provinsi Jawa
Tengah dengan Nomor : I302/I03/I.81.
Sejak berdirinya sampai dengan menerima surat ijin operasional itu
SMEA/SMK Bina Negara selalu eksis diberbagai bidang dan menjadi
Sekolah yang dipercaya oleh masyarakat Gubug dan sekitarnya dengan
bukti banyaknya masyarakat menyekolahkan putra–putrinya di sekolah ini.
2.2 Struktur Organisasi SMK Bina Negara Gubug

Struktur Organisasi SMK Bina Negara Gubug Periode 2018 - 2023
No. JABATAN NAMA
1 Kepala Sekolah H. Fahrurrozi, S.Ag. M.S.I
2 Waka. Kurikulum Drs. H. Jumain
3 Waka. Kesiswaan Hj. Muntadziroh, S.Ag
4 Staff Kesiswaan Munirul Hakim, S.Pd
5 Waka. DU/DI Hj. Yunita Rahmawati, S.S.
6 Waka. Sarpras/Teknisi Nurul Wafa
7 Bendahara :
1. Bendahara Penerimaan Hj. Siti Khalimatussa'diyah, S.Ps. S.Pd
2. Bendahara Pengeluaran/Ketua BKK Muhammad Masrur, S.Kom
8 Kepala Tata Usaha Iskinah
9 Ketua Prog. Keahlian Akuntansi Siti Asiyah, S.Pd
10 Ketua Prog. Keahlian Adm. Perkantoran Sutarni, S.E.
11 Ketua Prog. Keahlian Pemasaran Sugiyarti, S.Pd
8
9
12 Ketua Prog. Keahlian TKJ Najib Zulias Ridlo

13 Koordinator BP/BK Hj. Siti Khalimatussa'diyah, S.Ps. S.Pd
14 Staff BP/BK Muhamad Nurekan, S.Pd
15 Koordinator Kepramukaan, UKS & PMR Supadmi, S.Pd
16 Wali Kelas X Akuntansi-Keu. Lembaga 1 Munirul Hakim, S.Pd
17 Wali Kelas X Akuntansi-Keu. Lembaga 2 Dwi Ariyani, S.Pd
18 Wali Kelas X Akuntansi-Keu. Lembaga 3 Ali Imron, S.Pd
19 Wali Kelas X Oto. & Tata Kelola Perkantoran 1 Ina Mulyawati, S.Pd
20 Wali Kelas X Oto. & Tata Kelola Perkantoran 2 Nika Rizki Fitrina, S.Pd
21 Wali Kelas X Bisnis Daring dan Pemasaran Dwi Ari Prasetyowati, S.Kom
22 Wali Kelas X TKJ 1 Najib Zulias Ridlo
23 Wali Kelas X TKJ 2 Wiwik Yulistikom, S.Pd
24 Wali Kelas XI Akuntansi-Keu. Lembaga 1 Murti Andriani, S.Pd
25 Wali Kelas XI Akuntansi-Keu. Lembaga 2 Murtini, S.Pd
26 Wali Kelas XI Oto. & Tata Kelola Perkantoran 1 Kabul, S.Pd.
27 Wali Kelas XI Bisnis Daring dan Pemasaran Alep Nur Rohman, S.Pd.
28 Wali Kelas XI TKJ Wike Dirga I, S.Pd.
29 Wali Kelas XII Akuntansi-1 Anita Safitri, S.Pd
30 Wali Kelas XII Akuntansi-2 Siti Asiyah, S.Pd
31 Wali Kelas XII Adm. Perkantoran Sutarni, S.E.
32 Wali Kelas XII Pemasaran Sugiyarti, S.Pd
33 Wali Kelas XII TKJ Supadmi, S.Pd
34 Petugas Perustakaan Darti
35 Staff T.U. 1 (Penerimaan keuangan harian) Siti Kotimah, S.Kom
36 Staff T.U. 2 (Kampus Timur) Ach. Ali Mudhofar
37 Staff T.U. 3 (Kampus Timur) Machfudlotul Khoiriyah
38 Petugas Toko / BC (Kampus Barat) Bahriyatul Muflichah
39 Penjaga/Kebersihan (Kampus Barat) Sa'dullah
40 Penjaga/Kebersihan (Kampus Timur) Yahya
10
Gambar 2.1 Bagan Struktur SMK Bina Negara Gubug
2.3 Fungsi dan Tugas Organisasi

Kepala sekolah :
1. Mempersiapkan, mengorganisasikan, menggerakkan dan mengawasi
pelaksanaan kegiatan Proses Belajar Mengajar.
2. Bertanggungjawab atas kebaikan, ketertiban dan kemajuan sekolah.
3. Bertindak untuk dan atas nama sekolah baik kedalam maupun keluar.
4. Melaksanakan 12 langkah kepemimpinan dan tata tertib Kepala
Sekolah.
5. Menandatangani semua surat menyurat baik ke dalam maupun ke luar.
6. Menandatangani dan memberi disposisi surat masuk.
7. Mengetahui dan menandatangani semua pengeluaran keuangan sekolah.
11
8. Menentukan langkah kerja/garis-garis besar kegiatan sekolah

9. Menentukan pedoman umum penyelenggaraan Proses belajar
mengajar dan pedoman-pedoman pelaksanaan Tim Struktural dan
Fungsional.
10. Membentuk panitia evaluasi kegiatan sekolah.
11. Menggerakkan dan mengkoordinasikan kegiatan staf dan siswa.
12. Menyelenggarakan rapat-rapat staf, kenaikan, dan kelulusan.
13. Mengawasi/Supervisi saat proses belajar mengajar.
14. Membuat dan Mengesahkan Anggaran Pendapatan dan Belanja Sekolah
(APBS).
15. Menjaga, mengayomi dan melindungi seluruh warga sekolah.
Wakil Kepala Urusan Kurikulum :

1. Bertanggungjawab atas pelaksanaan kegiatan proses belajar mengajar/
berlangsungnya Kegiatan Belajar Mengajar.
2. Membuat atau menyusun Program Pembagian Tugas mengajar
bersama Kepala Sekolah.
3. Mempersiapkan dan membuat jadwal kegiatan Belajar Mengajar.
4. Menyerahkan konsep Jadwal Pembagian Tugas Mengajar Kepada
Kepala Sekolah.
5. Menyusun rencana kerja tahunan.
6. Menyiapkan blanko-blanko :
a. Analisa Urutan Logis Program Diklat.
b. Analisa Program Diklat.
c. Rencana Pembelajaran Program Diklat.
7. Memeriksa perangkat/Satpel mengajar masing-masing guru dan
membuat rekapnya.
8. Membuat rekapitulasi pelaksanaan Rencana Pembelajaran.
9. Mengkoordinasikan dan menyiapkan kegiatan evaluasi belajar.
10. Mengkoordinasikan kegiatan ekstrakurikuler bersama dengan Wakil
Kepala Urusan Kesiswaan.
12
11. Mengkoordinasikan dan menyusun kegiatan Intrakurikuler dan

Kokurikuler.
12. Mengawasi jadwal pelajaran setiap harinya
13. Mengambil langkah untuk mengisi kegiatan kelas yang bebas atau
kosong.
14. Melaksanakan 12 langkah kepemimpinan.
15. Melaporkan dan konsultasi kepada Kepala Sekolah berkaitan dengan
proses Pembelajaran serta keadaan Sarana dan Prasarana.
Wakil Kepala Urusan Kesiswaan :

1. Membimbing dan membina Pengurus OSIS dalam menyusun kegiatan
OSIS.
2. Menyusun program kerja kesiswaan.
3. Mengkoordinasikan seluruh kegiatan siswa di lingkungan sekolah.
4. Mengkoordinasikan seluruh kegiatan ekstra kurikuler.
5. Mengevaluasi seluruh kegiatan ekstra kurikuler.
6. Mengevaluasi seluruh kegiatan siswa di lingkungan sekolah.
7. Membimbing dan membina seluruh kegiatan - kegiatan yang
dilaksanakan oleh siswa.
8. Mengambil langkah-langkah yang dipandang perlu yang berkaitan
dengan seluruh kegiatan siswa.
10. Melaporkan dan konsultasi kepada Kepala Sekolah berkaitan
dengan seluruh kegiatan yang berhubungan dengan siswa.
Wakil Kepala Sekolah Urusan Hubungan Dunia Usaha Industri :

1. Bertanggung jawab atas kegiatan masalah kerjasama dengan dunia
usaha dan industri serta urusan Kesiswaan.
2. Mencari Dunia Industri/Dunia Usaha yang dapat diajak kerjasama
dengan sekolah.
3. Menyusun kegiatan Program Sistem Ganda dengan Dunia Usaha/Dunia
13
Industri.
4. Membagi guru pembimbing PSG/OJT.
5. Membuat jadwal kunjungan ke tempat OJT ke tempat PSG bagi guru
pembimbing.
6. Membuat analisa kurikulum dengan Dunia Usaha/Dunia Industri.
7. Mengadakan kerjasama tentang kebutuhan ketenagakerjaan yang ada
dengan Dunia Usaha/Dunia Industri.
8. Bekerjasama dengan Dunia Usaha/Dunia Industri berkaitan dengan
penyerapan tenaga kerja.
9. Melaksanakan 12 langkah kepemimpinan
10. Melaporkan dan konsultasi kepada Kepala Sekolah tentang
pelaksanaan Hubungan Dunia Usaha/Dunia Industri.
Wakil Kepala Sarana Prasarana/Teknisi :

1. Bertanggungjajwab terhadap seluruh Peralatan Laboratorium Praktik
yang dimiliki Sekolah.
2. Membuat rencana kerja dan jawal pelaksanaan kegiatan praktik.
3. Menginventarisir semua sarana dan prasarana Laboratorium Praktik.
4. Merencanakan usulan keperluan pengadaan sarana dan prasarana
praktik yang paling mendesak harus dipenuhi sekarang serta
penambahan peralatan praktik yang harus dipenuhi dalam jangka waktu
panjang.
5. Mengkoordinasikan semua kegiatan praktik dengan Waka Kurikulum.
6. Menyususun ketercapaian pelaksanaan program.
8. Melaporkan dan berkonsultasi kepada Kepala Sekolah.
9. Bertangghungjawab atas laboran komputer
10. Melakukan perbaikan hardware dan software
11. Menyusun laporan hasil perbaikan komputer secara periodik
14
Bendahara :
1. Membuat rencana kerja Urusan Keuangan Sekolah.
2. Menyiapkan dan melaksanakan tugas administrasi Keuangan Sekolah.
3. Menyiapkan dan mengumpulkan data Keuangan Sekolah.
4. Menyusun/mempersiapkan Rancangan Anggaran Pendapatan dan
Belanja Sekolah.
5. Menyampaikan RAPBS kepada Kepala Sekolah.
6. Menyimpan uang sekolah melalui rekening bank.
7. Membuat laporan keuangan bulanan kepada Kepala Sekolah.
8. Membuat Realisasi pemakaian keuangan dalam satu tahun bersama
Kepala Sekolah.
10. Melaporkan dan berkonsultasi kepada Kepala Sekolah berkaitan
dengan urusan keuangan sekolah.
Kepala Tata Usaha :

1. Bertanggungjawab atas segala masalah / urusan Perkantoran.
2. Membuat program kerja ketata usahaan.
3. Mengelola inventarisasi kekayaan sekolah berkoordinasi dengan Waka
Sarpras.
4. Mengelola dan melaksanakan pengetikan :
a. Surat menyurat.
b. Data kesiswaan atau daftar nominatif siswa.
c. Data guru dan karyawan.
5. Menyimpan dan melayani pengambilan Ijazah dan SKHUN.
6. Menyiapkan Buku Induk Siswa
7. Transfer nilai dari legger ke Buku Induk
8. Menyimpan buku nilai legger.
9. Menyiapkan daftar hadir siswa, guru dan karyawan
10. Menyiapkan daftar nilai siswa.
11. Menyiapkan presensi mengajar / daftar kemajuan kelas.
15
12. Menyiapkan blanko Jurnal Mengajar.

13. Mendokumentasikan Program kerja sekolah.
14. Melaksanakan tata tertib pegawai.
15. Waktu melaksanakan tugas / kerja : Jam 06.45 s.d 14.15 WIB
16. Bertanggungjawab atas pelaksanakan 7 K ( Kebersihan, Keindahan,
Kekeluargaan, Kenyamanan, Ketertiban, Kerapian, dan Kedisiplinan) di
lingkungan Kantor.
18. Melaporkan dan berkonsultasi kepada Kepala Sekolah berkaitan
dengan urusan siswa.
Ketua Program Keahlian :

1. Bertanggungjawab atas Program keahlian yang diberikan
2. Menyusun rencana kerja kegiatan.
3. Menyiapkan struktur program diklat.
4. Membagi dan menghimpun kembali blanko KBM tiap-tiap guru
program diklat.
5. Mengkoordinasikan pelaksanaan kegiatan praktik.
6. Menyusun anggaran kegiatan praktik.
7. Bertanggung jawab atas alat-alat dan bahan praktik.
8. Melaksanakan inventarisasi peralatan praktik setiap saat.
9. Membantu mengkoordinasikan pelaksanaan Program Sistem
Ganda/OJT.
10. Membantu mengadakan hubungan kerjasama dengan Dunia Usaha /
Dunia Industri.
12. Melaporkan dan berkonsultasi dengan Kepala Sekolah.
Bimbingan Penyuluhan / Bimbingan Karir :

1. Membuat rencana kerja Bimbingan Penyuluhan/Bimbingan Karir.
2. Menyiapkan dan melaksanakan tugas administrasi BP/BK.
16
3. Menyiapkan dan mengumpulkan data Kesiswaan.

4. Melaksanakan Program Bimbingan.
5. Koordinasi dengan wali kelas dalam mengatasi permasalahan yang
terjadi.
6. Memberikan pelayanan Bimbingan terhadap siswa bermasalah.
7. Mengolah dan mendokumentasikan data kesiswaan.
8. Membuat rencana program tentang bimbingan berkaitan dengan karir
siswa bila sudah tamat atau lulus.
9. Mengambil langkah yang perlu bila ada siswa yang mengganggu
jalannya proses belajar mengajar.
10. Menyiapkan tenaga-tenaga terampil yang siap disalurkan ke Pasar
Kerja sesuai dengan kebutuhan Dunia Usaha/Dunia Industri.
Koordinator Kepramukaan/UKS/PMR :
1. Melaksanakan dan mengkoordinasikan seluruh kegiatan kepramukaan.
2. Membimbing dan mengarahkan pelatihan kepramukaan kepada siswa
kelas I setiap hari Jum’at.
3. Melaksanakan pelantikan Ambalan
4. Melaksanakan dan mengkoordinasikan kegiatan Ulang Janji.
5. Membuat perencanaan jadwal seluruh kegiatan kepramukaan.
6. Mengkoordinasikan kegiatan kepramukaan di sekolah dengan lintas
intansi.
7. Menyiapkan dan melaksanakan tugas administrasi Kepramukaan.
8. Menyiapkan dan mengumpulkan data siswa yang aktif melaksanakan
kegiatan Kepramukaan.
9. Bertanggungjawab atas seluruh program kesehatan sekolah
10. Membuat rencana kerja Urusan Kesehatan Sekolah.
11. Menyiapkan dan melaksanakan tugas administrasi UKS.
12. Menyiapkan dan mengumpulkan data Kesehatan Siswa.
17
13. Melaksanakan Program Kesehatan Siswa.

14. Koordinasi dengan wali kelas dalam mengatasi permasalahan
Kesehatan Siswa.
15. Memberikan pelayanan Kesehatan terhadap siswa yang sakit.
16. Melaksanakan kerjasama dengan pihak-pihak terkait berkaitan dengan
kesehatan siswa antara lain : PMI, Puskesmas, dan Rumah sakit
disekitarnya.
17. Mengolah dan mendokumentasikan data kesehatan siswa.
18. Mengambil langkah yang perlu bila ada siswa yang sakit tidak bisa
ditanggulangi untuk dibawa ke rumah sakit terdekat.
Wali Kelas :
1. Memeriksa dan menandatangani buku kemajuan kelas / presensi
mengajar.
2. Mengkonsultasikan keadaan buku kemajuan kelas dengan wakil
kepala sekolah urusan kurikulum.
3. Menandatangani daftar hadir siswa.
4. Memeriksa dan membuat rekapitulasi daftar hadir siswa.
5. Mengkonsultasikan keadaan kehadiran siswa dengan urusan
Bimbingan penyuluhan/bimbingan karir.
6. Menyusun organisasi pengurus kelas.
7. Membimbing pembagian tugas siswa pada kelasnya.
8. Melaksanakan tugas BP/BK di kelasnya.
9. Mengisi buku pribadi dan buku raport.
10. Mengumpulkan dan membagikan buku raport.
11. Menyusun legger nilai.
12. Menyiapkan histogram situasi dan kondisi siswa.
14. Melaksanakan 12 langkah wali kelas.
18
15. Melaporkan dan berkonsultasi keadaan jumlah siswa yang ada kepada
Ketua TU.
16. Bertanggungjawab atas pelaksanakan 7 K ( Kebersihan, Keindahan,
lingkungan Kantor.
Tata Usaha 1:
1. Bertanggungjawab atas segala masalah / urusan Perkantoran dan
membantu tugas kepala T.U
2. Pelaksana harian penerimaan pembayaran semua keuangan sekolah
dari siswa Kelas X / XI / XII
3. Membuat Rekap harian pembayaran siswa
4. Membuat laporan keuangan kepada Bendahara
5. Membuat tagihan keuangan kepada siswa.
6. Entry data pembayaran siswa
7. Membantu Bendahara Menangani Administrasi Keuangan Sekolah
11. Melaporkan dan berkonsultasi kepada Kepala TU.
12. Bertanggungjawab atas pelaksanakan 7 K (Kebersihan, Keindahan,
lingkungan Kantor.
Tata Usaha 2 :
membantu tugas kepala T.U di Bina Negara Kampus 2
2. Menyiapkan daftar hadir siswa, guru dan karyawan, Presensi
Mengajar (Daftar Kemajuan Kelas)
3. Absensi dan rekapitulasi kehadiran guru / karyawan
4. Mem bantu pengisian Buku Induk Siswa dan transfer nilai dari
19
legger ke buku Induk

8. Membuat rekapitulasi kehadiran Guru dan Karyawan per tanggal lima
belas (15)
9. Melaksanakan Tata Tertib Pegawai
lingkungan Kantor
Tata Usaha 3 :
membantu tugas kepala T.U
2. Menyiapkan daftar hadir siswa, guru dan karyawan, Presensi
Mengajar ( Daftar Kemajuan Kelas )
3. Absensi dan rekapitulasi kehadiran guru / karyawan
4. Membuat tagihan keuangan kepada siswa.
5. Mendokumentasikan siswa baru.
6. Mengelola buku tamu umum dan khusus.
7. Mencatat surat masuk / surat keluar dan ketik surat-surat
8. Merekap pembayaran siswa ke Buku Induk SPP
9. Membantu pengisian Buku Induk Siswa dan transfer nilai dari
legger ke buku induk
20

lingkungan Kantor.
Perpustakaan :
1. Bertanggungjawab atas segala masalah / urusan Perpustakaan.
2. Menyusun rencana kerja Kepustakaan.
3. Menginventarisasikan buku-buku milik sekolah.
4. Memberikan nomor inventarisasi.
5. Memberikan pelayanan perpustakaan.
6. Mengembangkan kualitas dan kuantitas perpustakaan.
7. Pendapataan kebutuhan perpustakaan.
8. Bertanggungjawab atas semua keutuhan buku-buku perpustakaan.
lingkungan Kantor.
Petugas Toko Busines Center :

1. Bertanggung jawab urusan Toko
2. Merekapitulasi Penerimaan dan Pengeluaran keuangan Toko
3. Merekapitulasi penerimaan kredit keuangan toko
4. Membuat tagihan bulanan kepada guru dan karyawan
5. Mencatat hasil penerimaan harian penjualan toko
6. Laporan hasil penjualan Toko kepada ketua BC
7. Mengembangkan Kualitas dan Kuantitas Pertokoan
8. Mengadakan pengawasan atas barang yang kadaluarsa
9. Droping barang yang dibutuhkan ke gedung timur
21
10. Membuat Laporan Bulanan kepada Kepala Sekolah

11. Melaksanakan Tata Tertib Pegawai
Penjaga / Kebersihan Sekolah :

1. Bertanggung jawab atas keamanan dan kebersihan lingkungan sekolah.
2. Membersihan R. Kepala Sekolah, Ruang Guru dan Ruang Kelas
3. Membersihkan Kamar mandi / WC Guru dan siswa
4. Menajaga keindahan dan merawat/menyiram tanaman taman sekolah
2.4 Visi dan Misi

Adapun Visi dan Misi SMK Bina Negara Gubug adalah sebagai
berikut
1. Visi SMK Bina Negara Gubug
“Menjadi SMK unggul dalam prestasi, yang dilandasi Iman dan
Taqwa serta menghasilkan tamatan yang mampu bersaing pada tingkat
nasional”
2. Misi SMK Bina Negara Gubug

a. Memberikan semangat keunggulan yang kompetitif secara
intensif kepada seluruh warga sekolah.
b. Melaksanakan kegiatan belajar mengajar secara optimal yang
berorientasi kepada pencapaian kompetisi berstandar nasional
dengan tetap mempertimbangkan potensi yang dimilki oleh
peserta didik.
c. Menumbuhkan penghayatan terhadap Ajaran Agama yang
dianut dan budaya bangsa sebagai sumber kearifan dalam
bertindak.
d. Mengembangkan dan mengintensifkan hubungan sekolah
dengan DUDI dan institusi lain yang telah memiliki reputasi
nasonal sebagai perwujudan dari prinsip Demand Driven.
22
2.5 Lokasi SMK Bina Negara Gubug
Gambar 2.2 Papan Nama Sekolah SMK Bina Negara
Gambar 2.3 Tampak dalam SMK Bina Negara Gubug
Gambar 2.4 Denah Lokasi Sekolah SMK Bina Negara Gubug

BAB III
LANDASAN TEORI
3.1 Sistem
Sistem merupakan dari beberapa komponen atau kesatuan yang terdiri
dari elemen yang dihubungkan bersama untuk memudahkan alur berbagai
informasi sehingga dari mencapai tujuan. Jadi, dari semua itu akan
menggambarkan entitas yang saling berinteraksi (Al Fatta, Hanif, 2007)
3.1.1 Karateristik Sistem

Karakteristik sistem yang diperlukan sebagai berikut :
1. Komponen Sistem
Sistem dari beberapa sejumlah komponen yang saling
berinteraksi untuk membentuk kesatuan sistem. Beberapa
komponen sistem tersebut memiliki bentuk subsistem jadi setiap
subsistem memiliki fungsi dan tugas tertentu dalam memproses
sistem tersebut.
2. Batasan Sistem
Batasan lingkup sistem merupakan lingkungan yang
memiliki batasan antara sistem dengan sistem yang lain. Batasan
sistem ini kemungkinan besar tidak dapat dipisahkan karena
sistem memiliki kesatuan dengan yang lainnya.
3. Lingkungan Luar Sistem
Adanya batasan sistem maka dari itu agar luar lingkup
sistem tidak mempengaruhi pengoperasian sistem tersebut.
Karena dari lingkungan luar sistem bisa kemungkinan besar
akan mempengaruhi sistem bermasalah atau bug.
4. Penghubung Sistem
Penghubung sistem ini diartikan sebagai dari sistem
dengan subsistem lainnya. Sumber – sumber penghubung ini
mengalir dari sistem maupun subsistem yang akan digabungkan
23
24
menghasilkan keluaran lalu menjadi masukan untuk subsistem

lain melalui penghubung tersebut.
5. Masukan Sistem (Input)
Sumber – sumber yang dimasukkan ke dalam sistem yang
akan menghasilkan inputan untuk memproses sistem ke sistem.
6. Keluaran Sistem (Output)
Dari sumber yang dimasukkan akan diproses untuk
menghasilkan keluaran. Bisa juga hasil dari keluaran tersebut
digunakan sebagai masukan untuk pemrosesan sistem lainnya.
7. Pengolahan Sistem (Process)
Suatu sistem atau subsistem dapat melakukan proses yang
akan mengubah masukan menjadi keluaran.
8. Sasaran Sistem (Objective)
Tujuan dari sistem ini adalah sebagaimana sistem dan
subsistem yang saling berhubungan dan interaksi mendapatkan
hasil yang tepat dan sasaran yang diinginkan penulis.
3.2 Pembayaran SPP

Pembayaran SPP bisa diartikan sebagai sarana sumbangan pembinaan
sekolah maupun sebagai pembayaran yang sudah ada ketentuan dari suatu
sekolah atau intansi. Selain dari ketentuan dan penetapan pembayaran SPP
di setiap sekolah atau intansi juga menetapkan batas waktu pembayaran
(Yuniar, M. Ridwan, 2017)
25
3.3 Implementasi Sistem

3.3.1 PHP
Dalam mengerjakan program Pembayaran SPP ini tool yang
digunakan yaitu PHP yang mana dalam pembuatan program ini versi
PHP yang digunakan 7.0.9. dan berbasis web memakai Framework
CodeIgniter memakai konsep pola MVC.
3.3.2 Web Framework

Web Framework yang dimaksud dalam ini adalah memiliki
library – library dan alat (tools). Dari sekumpulan library dijadikan
satu kerangka kerja guna memudahkan proses mengembangkan
aplikasi web. Sekumpulan Library ini yang dimaksud yaitu folder dan
didalam folder memiliki sekumpulan source code yang berguna
menjalankan sistem.
3.3.3 Konsep MVC

Pemrograman Berorientasi Objek sistem yang dibangun ini
menggunakan MVC, desain yang digunakan untuk merelasikan data
User – Interface aplikasi secara efisien dan mudah. Dalam konsep
MVC guna membangun aplikasi yang berbasis Web meskipun pada
awalnya konsep MVC dikhususkan untuk berbasis Desktop. Selain
efisien dan mudah pembuatan dalam program ini bisa dikembangkan
dengan cepat karena setiap MVC memiliki tugas dan fungsi masing –
masing.
3.3.4 Framework CodeIgneter

Framework yang digunakan dalam membangun aplikasi
berbasis Web ini menggunakan CI (CodeIgniter) ada beberapa alasan
kenapa menggunakan Framewok CodeIgniter ini adalah sebagai
berikut :
26
1. CodeIgniter adalah framework yang bersifat free dan open-

source.
2. CodeIgniter memiliki ukuran yang kecil di bandingkan dengan
Framework lain.
3. Aplikasi yang di buat dengan CodeIgniter bisa berjalan cepat.
4. CodeIgniter menggunakan pola design Model- View- Controler
(MVC) sehingga satu file tidak terlalu berisi banyak kode. Hal
ini menjadikan kode lebih mudah dibaca, dipahami, dan
diperlihatkan di kemudian hari.
5. CodeIgniter dapat di perluas sesuai dengan kebutuhan.
6. CodeIgniter terdokumentasi dengan baik. Informasi tentang
pustaka kelas dan fungsi yang di sediakan CodeIgniter dapat
diperoleh melalui dokumentasi yang disertakan di dalam paket
distribusinya.
3.3.5 Tampilan pada Web

Untuk menampilkan responsive program pembayaran SPP ini
menggunakan Bootstrap yang terdiri dari CSS dan HTML untuk
menghaslkan Grid, Layout, Tipografi, Tabel, Form, Navigasi dan lain
– lain. Di dalam Bootstrap juga sudah terdapat JavaScript (jQuery
Plugnis) untuk menghasilkan komponen UI yang menarik Seperti
Tombol Button, Alert, Tab dan lain – lain (Zaenal A Rozi, 2015)
3.3.6 XAMPP
Tool untuk menjalankan program aplikasi berbasis Web
program ini aplikasi XAMPP yang mana yang artinya kompilasi
software yang membungkus Apache HTTP Server, MySQL, PHP, dan
Perl. Dengan Menggunakan aplikasi XAMPP instalasi paket software
yang dibutuhkan untuk proses pengembangan Web dapat dilakukan
dengan sangat mudah tanpa harus dilakukan secara terpisah (Raharjo,
2015).
27
3.4 Pengertian Integrated Development Environment (IDE).

Menurut (Supono, 2016) Integrated Development Environment (IDE)
merupakan suatu software (perangkat lunak) yang digunakan untuk menulis
kode program. 2 diantara beberapa software IDE yaitu :
1. Notepad
Notepad merupakan IDE yang paling sederhana dimiliki oleh
bahasa system operasi windows. IDE ini mempunyai kemampuan
untuk membuat ataupun mengedit sintaks bahasa pemrograman,
dengan kata lain notepad adalah IDE yang mempunyai kemampuan
sebagai text editor (Supono, 2016).
2. Notepad ++
Notepad ++ merupakan aplikasi text editor yang gratis serta
powerfull yang dapat digunakan oleh seorang pengembang aplikasi
(programmer) untuk menuliskan sebuah kode-kode program. Notepad
++ mendukung banyak bahasa pemrograman, diantaranya: Assembly,
C, C++, CSS, HTML dan lain sebagainya (Supono, 2016).
3.5 Teori Perhitungan Virtual Account

3.5.1 Opsi Pertama
Jika siswa memiliki saldo lebih besar dari tagihan, maka
perhitungannya saldo dikurangi tagihan siswa, lalu siswa akan
mendapatkan sisa saldo tersebut.
3.5.2 Opsi Kedua
Jika siswa memiliki saldo lebih kecil dari tagihan, maka
perhitungannya saldo dikurangi tagihan ditambah dengan masukan
tunai siswa, lalu siswa akan mendapatkan sisa saldo kosong tersebut.
3.5.3 Opsi Ketiga
Jika siswa tidak memiliki saldo untuk membayar tagihan, maka
perhitungannya siswa membayar sesuai tagihan yang diterima dengan
tunai.
28
3.6 Pengujian Sistem

Pengujian sistem perangkat lunak (software testing) adalah bagian dari
siklus hidup yang melibatkan verifikasi apakah unit yang di kembangkan
telah memenuhi kebutuhan sistem yang di definisikan pada tahap
sebelumnya. Pengujian sistem merupakan proses mengeksekusi sistem
perangkat lunak untuk menentukan apakah sistem perangkat lunak tersebut
cocok dengan spesifikasi sistem dan berjalan sesuai lingkungan yang
diinginkan. Pengujian sistem sering di asosiasikan dengan pencarian bug,
ketidaksempurnaan program, kesalahan pada baris program yang
menyebabkan kegagalan pada eksekusi sistem perangkat lunak (Al Fatta,
2007).
1. Black Box
Terfokus pada apakah unit program memenuhi kebutuhan
(requierement) yang disebut dalam spesifikasi. Pada Black box testing
cara pengujiannya hanya dilakukan dengan menjalankan atau
mengeksekusi unit atau modul, kemudian diamati apakah hasil dari
unit itu sesuai dengan proses bisnis yang diinginkan. Jika ada unit
yang tidak sesuai output-nya maka untuk menyelesaikannya,
diteruskan pada pengujian yang kedua, yaitu white box.
2. White Box
White-Box testing adalah cara pengujian dengan melihat
kedalam modul untuk meneliti kode-kode program yang ada, dan
menganalisa apakah ada kesalahan atau tidak. Jika ada modul yang
menghasilkan output yang tidak sesuai dengan proses bisnis yang
dilakukan, maka baris-baris program, variable, dan parameter yang
terlibat pada unit tersebut akan dicek satu persatu dan di perbaiki,
kemudian di-compile ulang.
29
3.7 UML (Unified Modelling Language)

UML (Unified Modelling Language) adalah sebuah “bahasa” yang
telah menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar
untuk merancang model sebuah sistem. (Y. Sugiarti, 2013)
1. Use Case Diagram
Use Case Diagram secara grafis menggambarkan interaksi
antara sistem, sistem eksternal dan pengguna. Dengan kata lain Use
Case Diagram secara grafis mendeskripsikan siapa yang akan
menggunakan sistem dan dalam cara apa pengguna (user)
mengharapkan interaksi dengan sistem itu.
2. Class Diagram
Class Diagram atau Kelas Diagram adalah menggambarkan
struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat
untuk menbangun sistem. Kelas memiliki apa yang disebut atribut dan
metode atau operasi.
3. Sequence Diagram
Sequence Diagram adalah menggambarkan kelakuan atau
perilaku objek pada use case dengan mendeskripsikan waktu hidup
objek dan message yang dikirimkan dan diterima antar objek.
4. Activity Diagram
Activity Diagram adalah menggambarkan berbagai alir aktivitas
dalam sistem yang sedang dirancang, bagaimana masing-masing alir
berawal, decision yang mungkin terjadi dan bagaimana mereka
berakhir.
30
3.7.1 Model-model pada Use Case Diagram

Tabel 3.1 Simbol pada Use Case Diagram (Sugiarti, 2013)
Simbol Nama Keterangan
Orang, proses atau sistem lain
yang berinteraksi dengan
Actor
sistem informasi yang akan
dibuat itu sendiri.
Fungsionalitas yang disediakan
sistem sebagai unit – unit yang
Use Case
saling bertukar pesan unit atau
aktor
Komunikasi antara aktor
danuse case yang
Asosiasi berpartisipasi pada use case
atau use case memiliki
interaksi dengan aktor
Menspesifikasikan bahwa use
case target memperluas
Extend perilaku dari use case sumber
pada suatu titik yang
diberikan.
Relasi use case tambahan ke
sebuah use case dimana use
case yang ditambahkan
Include memerlukan use case ini untuk
menjalankan fungsinya atau
mengenai sebagai syarat
dijalankan use case ini.
Gambar 3.1 Use Case dalam UML

31
3.7.2 Model-model pada Class Diagram

Tabel 3.2 Simbol pada Class Diagram (Sugiarti, 2013)
Package merupakan sebuah
bungkusan dari satu atau lebih
Package kelas
Kelas pada struktur sistem
Operation
Sama dengan konsep interface

dalam pemrograman
Interface berorientasi objek
Relasi antar kelas dengan

makna umum, asosiasi
Asosiasi biasanya juga disertai dengan
multiplicity

makna kelas yang satu
Asosiasi digunakan oleh kelas yang
berarah lain, asosiasi biasanya juga
disertai dengan multiplicity

makna generalisasi –
Generalisasi spesialisasi (umum khusus)

makna kebergantungan antar
Defedency kelas
32

semua bagian
Agregasi
 Nama Class
 Atribut
 Operasi
Gambar 3.2 Class Diagram pada UML
3.7.3 Model-model pada Sequence Diagram

Tabel 3.3 Simbol pada Sequence Diagram (Sugiarti, 2013)
Life Line Objek entity, antarmuka yang
saling berinteraksi.
1 Message Spesifikasi dari komputer antar

objek yang memuat informasi-
informasi tentang aktifitas
yang terjadi.
2 Message Spesifikasi dari komputer antar

objek yang memuat informasi-
informasi tentang aktifitas
yang terjadi.
Boundary Pemodelan bagian dari sistem

yang bergantung pada pihak
lain disekitarnya dan
merupakan pembatas sistem
dengan dunia luar
33
Control Permodelan perilaku mengatur

khusus untuk satu atau
beberapa use case saja.
Entity Permodelan informasi yang

harus disimpan oleh sistem
yang memperlihatkan struktur
data dari suatu sistem.
Merupakan diagram interaksi yang menekankan pada urutan

waktu daari pertukaran message.
Gambar 3.3 Sequence diagram pada UML

3.7.4 Model-model pada Activity Diagram
Tabel 3.4 Simbol pada Activity Diagram (Sugiarti, 2013)
Memperlihatkan bagaimana
masing-masing kelas
Activity antarmuka saling berinteraksi
satu sama lain.
34
State dari sistem yang

mencerminkan eksekusi dari
Action
suatu aksi.
Bagaimana objek di bentuk

dan di awali.
Initial Node
Bagaimana objek di bentuk

Actifity dan di hancurkan.
Final Node
Satu aliran yang pada tahap

Fork Node tertentu berubah menjadi satu
aliran.
Beberapa aliran yang pada
Join Node tahap tertentu berubah menjadi
satu aliran.
Gambar 3.4 Activity Diagram pada UML

BAB IV
PERENCANAAN DAN ANALISA PERANCANGAN SISTEM
4.1 Perencanaan Sistem

Program yang akan dibangun dalam penelitian ini adalah Sistem
Pembayaran SPP SMK Bina Negara Gubug menggunakan Framework
CodeIgniter. Sistem ini akan dibangun menggunakan bahasa program PHP,
MySQL sebagai database dan Framework CodeIgniter sebagai kerangka
sistem. Hasil akhir dari program berbasis Web yang mengguakan aplikasi
peramban Web Browser.
Program yang masih berjalan pada SMK Bina Negara Gubug yaitu
pengolahan data transaksi pembayaran SPP siswa yang bersifat masih
permrograman Microsoft Excel adapun kekurangannya sebagai berikut :
1. Permasalahan dan kekuranganya data yang diinputkan masih manual
pada Microsoft Excel.
2. Hak akses dalam pengoperasian Pembayaran SPP tersebut hanya pada
komputer Staff Pembayaran hanya satu tempat hak akses.
3. Penumpukan arsip pembukuan yang dihasilkan dari tahun ke tahun
menjadi semakin menumpuk dan memakan banyak ruang
penyimpanan.
Untuk mengatasi permasalahan dan kekurangan sistem yang dihadapi
oleh SMK Bina Negara Gubug, diperlukan adanya sistem yang dapat
membantu meningkatkan pelayanan dalam mengolah data transaksi
pembayaran SPP.
4.2 Analisa Sistem yang Berjalan

Sistem pembayaran administrasi yang berjalan saat ini pada SMK
Bina Negara Gubug akan dijabarkan pada flowchart sebagai berikut :
35
36
Tabel 4.1 Flowchart sistem yang sedang berjalan
Siswa Staff Adminitrasi
Menemui staff Melakukan cek arsip dan

admin kartu pembayaran SPP
Membayar
tagihan SPP Cetak bukti
bayar dan tulis
transaksi pada
kartu SPP siswa
Menerima kartu
SPP yang telah
Validasi Pencatatan Pada Ms. Excel
dan Buku Besar
Alur sistem pembayaran SPP yang sedang berjalan :

1. Siswa yang ingin membayar tagihan SPP datang menemui staff
administrasi dengan membawa kartu SPP guna membayar tagihan yang
ada .
2. Staff administrasi mengecek besar tagihan yang harus terbayarkan
dengan cara mengecek kembali catatan transaksi pada kartu SPP pada
bulan sebelumnya.
3. Siswa membayar tagihan yang harus dibayarkan.
4. Staff administrasi mencetak bukti transaksi dan menulis bukti
pembayaran pada kartu SPP lunas kepada siswa sebagai bukti
pembayaran.
37
5. Staff administrasi mencatat transaksi pada Microsoft Excel dan buku

besar untuk nantinya digunakan kembali sebagai bahan acuan
pembayaran berikutnya.
4.3 Analisa Kebutuhan

4.3.1 Analisa Peran dalam Sistem
Setelah dilakukan analisa maka disimpulkan memiliki beberapa
peran dalam sistem ini sebagai berikut :
a. Pimpinan
Peran Pimpinan dalam sistem ini adalah dapat memantau
dan mengetahui para siswa yang telah membayar SPP dari
bulanan dan tahunan.
b. Admin
Peran Admin dalam sistem ini adalah mengatur sistem
pembayaran yang nantinya akan berjalan pada setiap tahun
ajaran.
c. Petugas Pembayaran
Peran Petugas Pembayaran dalam sistem ini adalah
sebagai actor yang melayani pembayaran yang akan dilakukan
oleh siswa secara langsung.
4.3.2 Analisa Kebutuhan Hardware

Spesifiksi hardware hardware yang direkomendasikan untuk
menjalankan sistem pembayaran SPP ini adalah :
1. Processor Dual Core
2. Memori Ram 2 GB
3. Hardisk dengan kapasitas 320 GB
4. Monitor
5. Keyboard
6. Mouse
7. Printer
38
4.3.3 Analisa Kebutuhan Software

Beberapa aplikasi yang digunakan pada saat merancang aplikasi
sebagai berikut :
1. Microsoft Windows 7
2. Rational Rose
3. Balsamiq Mockup 3
4. XAMPP (PHP & Mysql)
5. Notepad ++
6. Web Browser
4.4 Perancangan Sistem Use Case Diagram

4.4.1 Use Case Diagram
Gambar 4.1 Use Case Diagram Sistem Pembayaran SPP
4.4.2 Skenario Use Case Diagram Kelola Data Pembayaran

Tabel 4.2 Skenario Use case Kelola Data Pembayaran
Nama Use case Kelola Data Pembayaran
Pelaku Sistem Superadmin
Diskripsi Superadmin melakukan proses pengelolaan data
39
pembayaran SPP kepada siswa

Prakondisi Superadmin telah login sebagai superadmin dan
berada pada halaman utama
Bidang Event : Aktor Respon Sistem
Langkah 1 : Langkah 2 :
Telah masuk pada Sistem menampilkan
halaman utama halaman utama
Memasukan nama Tampilan pencarian
siswa pada kolom cari siswa
menu Transaksi
Langkah 5 :
Masuk detail menu
pembayaran
Memilih nama siswa Sistem menampilkan
yang akan ingin detail kelas dan detail
membayar pembayaran
Input tagihan siswa Menampilkan form input
membayar SPP ke pembayaran
sistem sesuai nominal
Proses pembayaran Sukses melakukan
pembayaran
Langkah 12 :
Pembayaran selesai
masuk menu detail
pembayaran
Langkah 13 :
Cetak pembayaran
Alternatif Langkah 14 : Langkah 15 :
Memilih menu kelas Tampilan beberapa kelas
bayar
Memilih kelas dan Sistem menampilkan
pilih nama siswa yang detail kelas dan detail
akan ingin membayar pembayaran
Input tagihan siswa Menampilkan form input
membayar SPP ke pembayaran
sistem sesuai nominal
Proses pembayaran Sukses melakukan
pembayaran
Kesimpulan Sistem menyimpan data tagihan pada database
40
Post Kondisi Pembayaran SPP terbayar
4.4.3 Skenario Use Case Diagram Kelola Virtual Account

Tabel 4.3 Skenario Use case Kelola Virtual Account
Nama Use case Kelola Virtual Account
Diskripsi Superadmin melakukan proses pengelolaan data
Virtual Account pada siswa
Prakondisi Superadmin telah login sebagai superadmin dan
berada pada halaman utama
Telah masuk pada Sistem menampilkan
halaman utama halaman utama
Menu virtual account Tampilan pencarian
siswa
Langkah 5 :
Memasukan nama
siswa pada kolom cari
siswa
Melakukan update Tampilan Form data
penambahan saldo
pada siswa di Virtual
Account
Menyimpan simpanan Sistem menyimpan
uang siswa database
Kesimpulan Penyimpanan uang siswa ke Virtual Account
Post Kondisi Database tersimpan
4.4.4 Skenario Use Case Diagram Laporan

Tabel 4.4 Skenario Use case Kelola Laporan
Nama Use case Laporan
Diskripsi Superadmin melakukan proses Laporan
pembayaran SPP
Prakondisi Superadmin telah login dan berada pada halaman
utama
41
Memilih menu kelas Sistem menampilkan

bayar pada Transaksi rekapan pembayaran
SPP
Memillih tombol cetak Sistem melakukan proses
cetak
Alternatif 1 : Langkah 5 : Langkah 6 :
Memilih detail kelas Sistem menampilkan data
untuk melihat rekapan pembayaran SPP per
SPP per kelas kelas
Cetak laporan Sistem melakukan proses
pembayaran SPP cetak
Kesimpulan Menampilkan dan mencetak data laporan transaksi
pembayaran SPP.
Post Kondisi Laporan berhasil di cetak.
4.4.5 Skenario Use Case Diagram View Laporan pada Pimpinan

Tabel 4.5 Skenario Use case View Laporan
Nama Use case Laporan
Pelaku Sistem Pimpinan
Diskripsi Pimpinan melakukan proses View Laporan
pembayaran SPP
Prakondisi Pimpinan telah login dan berada pada halaman
utama
Pimpinan memilih Sistem menampilkan
laporan bayar pada rekapan pembayaran
menu info
Pimpinan memillih Sistem melakukan proses
tombol cetak cetak
Alternatif 1 : Langkah 5 : Langkah 6 :
Pimpinan memilih Sistem menampilkan data
detail kelas untuk pembayaran SPP per
melihat rekapan SPP kelas
per kelas
Cetak laporan Sistem melakukan proses
pembayaran SPP cetak
Kesimpulan Menampilkan dan mencetak data laporan transaksi
pembayaran SPP.
Post Kondisi Laporan berhasil di cetak.
42
4.4.6 Skenario Use Case Diagram Kelola Data Guru

Tabel 4.6 Skenario Use case Kelola Data Guru
Nama Use case Kelola Data Guru
Pelaku Sistem Admin
Diskripsi Admin melakukan proses tambah, edit dan non-
aktif pada guru
Prakondisi Admin telah login dan berada pada halaman utama
Admin bisa Sistem menampilkan data
melakukan tambah, para guru
edit dan non-aktif
pada menu guru
Admin menginput data Tampilan form data guru
profil guru pada form
yang sudah disediakan
Simpan data guru Data guru berhasil
disimpan
Alternatif 1 Langkah 7 : Langkah 8 :
Admin melakukan Tampilan form data guru
aksi edit pada profil
guru
Simpan data guru Data guru berhasil
disimpan
Non-aktif guru Data berhasil disimpan
Kesimpulan Melakukan tambah, edit dan non-aktif pada guru
Post Kondisi Data tersimpan pada database
4.4.7 Skenario Use Case Diagram Kelola Data Jurusan

Tabel 4.7 Skenario Use Case Diagram Kelola Data Jurusan
Nama Use case Kelola Data Jurusan
Pelaku Sistem Admin
Diskripsi Admin melakukan proses tambah, edit dan non-aktif
pada Jurusan Kelas
Admin bisa melakukan Sistem menampilkan data
tambah, edit dan non- jurusan
43
aktif pada menu jurusan

Admin menginput data Tampilan form data
profil jurusan pada jurusan
form yang sudah
disediakan
Simpan data jurusan Data jurusan berhasil
disimpan
Admin melakukan aksi Tampilan form data
edit atau update pada jurusan
jurusan kelas
Simpan data jurusan Data jurusan berhasil
disimpan
Non-aktif jurusan Data berhasil disimpan
Kesimpulan Melakukan tambah, edit dan non-aktif pada kelas
jurusan
4.4.8 Skenario Use Case Diagram Kelola Data Siswa

Tabel 4.8 Skenario Use Case Diagram Kelola Data Siswa
Nama Use case Kelola Data Siswa
Pelaku Sistem Admin
Diskripsi Admin melakukan proses tambah dan edit pada
profil siswa
tambah dan edit pada para Siswa
menu Siswa
Admin menginput data Tampilan form data Siswa
profil siswa pada form
Simpan data profil Data siswa berhasil
Siswa disimpan
Admin melakukan aksi Tampilan form data Siswa
edit atau update pada
44
siswa
Simpan data siswa Data para siswa berhasil
disimpan
Kesimpulan Melakukan tambah dan edit pada kelola data siswa
4.4.9 Skenario Use Case Diagram Kelola Akun Pembayaran

Tabel 4.9 Skenario Use Case Diagram Kelola Akun Pembayaran
Nama Use case Kelola Akun Pembayaran
Pelaku Sistem Admin
Diskripsi Admin melakukan proses tambah, edit dan non-aktif
pada Akun Pembayaran
tambah, edit dan non- akun pembayaran
aktif pada menu akun
pembayaran
Admin menginput data Tampilan form input data
pembayaran pada form pembayaran
Simpan data akun Data Akun Pembayaran
pembayaran berhasil disimpan
Admin melakukan aksi Menampilkan data yang
edit atau update pada tersimpan
Akun Pembayaran
Simpan data akun Data Akun Pembayaran
pembayaran berhasil disimpan
Non-aktif akun Data berhasil disimpan
pembayaran
Kesimpulan Melakukan tambah, edit dan non-aktif pada akun
pembayaran
45
4.4.10 Skenario Use Case Diagram Kelola Tahun Ajaran

Tabel 4.10 Skenario Use Case Diagram Kelola Tahun Ajaran
Nama Use case Kelola Akun Tahun Ajaran
Pelaku Sistem Admin
Diskripsi Admin melakukan proses pengelolaan data tahun
ajaran yang di lakukan oleh admin dalam men-
setting sistem yang akan berjalan.
Admin melakukan Menampilkan data tahun
penambahan tahun jenjang
jenjang pada kelas 10
hingga kelas 12 pada
menu tahun jenjang
Admin mengisi tahun Sistem menampilkan form
ajaran dan jenjang kelas tahun jenjang
Langkah 5 :
Data tersimpan
Mengatur siswa masuk Sistem menampilkan kelas
pada kelas yang
ditentukan masuk pada
menu kelas
Langkah 8 :
Admin bisa melakukan
tambah, edit dan non-
aktif kelas
Admin menambahkan Sistem menampilkan form
kelas lalu mengisi data isi data kelas
kelas berupa siswa,
jurusan dan guru
Admin menyimpan data Data tersimpan
kelas
Alternartif 1 Langkah 13 : Langkah 14 :
Pengelolaan data siswa Sistem menampilkan form
pada menu kelas data kelas
melakukan edit
penambahan siswa,
pindah kelas lain,
menaikan jenjang kelas.
46
Admin menyimpan data Data tersimpan

kelas
Alternartif 2 Langkah 17 : Langkah 18 :
Pengelolaan data siswa Data tersimpan
pada menu kelas
melakukan non-aktif
kelas menyatakan akhir
kelas 12
Kesimpulan Sistem menyimpan data tahun ajaran baru pada
database.
Post Kondisi Tahun ajaran baru aktif dan siap di gunakan
4.5 Perancangan Sistem Activity Diagram

Menjelaskan mengenai jalannya aktivitas yang dilakukan actor
terhadap sistem, mulai dari sistem digunakan sampai sistem selesai
digunakan. Activity diagram akan memberikan gambaran mengenai alur
fungsi.
47
4.5.1 Activity Diagram Kelola Data Pembayaran
Gambar 4.2 Activity Diagram Kelola Data Pembayaran
4.5.2 Activity Diagram Kelola Virtual Account
Gambar 4.3 Activity Diagram Kelola Virtual Account

48
4.5.3 Activity Diagram Laporan Pada Superadmin
Gambar 4.4 Activity Diagram Laporan Pada Superadmin
4.5.4 Activity Diagram Kelola Data Guru
Gambar 4.5 Activity Diagram Kelola Data Guru

49
4.5.5 Activity Diagram Kelola Kelas Jurusan
Gambar 4.6 Activity Diagram Kelola Kelas Jurusan
4.5.6 Activity Diagram Kelola Data Siswa
Gambar 4.7 Activity Diagram Kelola Data Siswa

50
4.5.7 Activity Diagram Kelola Akun Pembayaran
Gambar 4.8 Activity Diagram Kelola Akun Pembayaran
4.5.8 Activity Diagram Kelola Data Tahun Ajaran
Gambar 4.9 Activity Diagram Kelola Data Tahun Ajaran

51
4.5.9 Activity Diagram View Laporan Pimpinan
Gambar 4.10 Activity Diagram View Laporan Pimpinan
4.6 Perancangan Sistem Sequence Diagram

4.6.1 Sequence Diagram Kelola Data Pembayaran
Gambar 4.11 Sequence Diagram Kelola Data Pembayaran

52
4.6.2 Sequence Diagram Kelola Virtual Account
Gambar 4.12 Sequence Diagram Kelola Virtual Account
4.6.3 Sequence Diagram Kelola Laporan
Gambar 4.13 Sequence Diagram Kelola Laporan

53
4.6.4 Sequence Diagram Kelola Data Guru
Gambar 4.14 Sequence Diagram Kelola Data Guru
4.6.5 Sequence Diagram Kelola Data Jurusan
Gambar 4.15 Sequence Diagram Kelola Data Jurusan

54
4.6.6 Sequence Diagram Kelola Data Siswa
Gambar 4.16 Sequence Diagram Kelola Data Siswa
4.6.7 Sequence Diagram Kelola Data Akun Pembayaran
Gambar 4.17 Sequence Diagram Kelola Data Akun Pembayaran

55
4.6.8 Sequence Diagram Kelola Data Tahun Ajaran
Gambar 4.18 Sequence Diagram Kelola Data Tahun Ajaran
4.6.9 Sequence Diagram View Laporan Pada Pimpinan
Gambar 4.19 Sequence Diagram View Laporan Pada Pimpinan

56
4.7 Perancangan Class Diagram
Gambar 4.20 Class Diagram Sistem Pembayaran SPP
4.8 Perancangan Database

Perancangan database merupakan gambaran mengenai pembuatan
tabel dalam database beserta dengan atribut-nya. Perancangan database
juga akan memberikan gambaran mengenai relasi yang terjadi antar tabel
dalam sistem. Berikut perancangan database :
1. Rancangan Hak Akses
Tabel 4.11 Tabel Hak Akses
Nama Type Values Ket
Username Varchar 10 Primery key
Password Int 10 -
2. Rancangan Tabel Guru

Tabel 4.12 Tabel Guru
Id_guru Varchar 10 Primery key, Auto Inc
57
Nama_user Int 10 -
Usename Varchar 20 -
Password Int 10 Md5
Status Varchar 12 -
Jenis_klmn Var 10 -
3. Rancangan Tabel Jurusan

Tabel 4.13 Tabel Jurusan
Id_jurusan Int 16 Primery key, Auto Inc
Nama_jurusan Varchar 20 -
Status jurusan Varchar 4 -
4. Rancangan Tabel Kelas

Tabel 4.14 Tabel Kelas
Id_kelas Int 10 Primery key, Auto Inc
Id_jurusan Int 10 -
Id_akun pemby Int 10 -
Id_guru Varchar 20 -
Nama_siswa Varchar 20 -
Tahun_ajaran Int 8 -
Kelas Int 6 -
Jumlah siswa Int 2 -
5. Rancangan Tabel Jenjang

Tabel 4.15 Tabel Jenjang
Id_thn jenjang Int 10 Primery key, Auto Inc
Id_kelas Int 10 -
58
Id_akun pemby Int 5 -

Tahun Int 20 -
Kelas Int 6 -
6. Rancangan Tabel Akun Pembayaran

Tabel 4.16 Akun Pembayaran
Id_akun Int 5 Primery key, Auto Inc
Kode Int 5 -
Nama Varchar 12 -
Nominal Int 20 -
7. Rancangan Tabel Siswa

Tabel 4.17 Tabel Siswa
Nis Int 12 Primery key
Jensi_kelamin Varchar 5 -
Tempat, Tgl
Int 20 -
lahir
Agama Varchar 10 -
Alamat Varchar 20 -
Saldo biggint 10 -
8. Rancangan Tabel Bayar

Tabel 4.18 Tabel Bayar
Bulan Varchar 15 -
59
Jumlah bayar Int 10 -
9. Rancangan Tabel Virtual Account

Tabel 4.19 Virtual Account
Jensi_kelamin Varchar 5 -
Saldo Biggint 10 -
60
4.9 Perancangan Tampilan Pada Sistem

1. Rancangan Halaman Login
Halaman login merupakan halaman digunakan pengguna untuk
masuk ke sistem.
Gambar 4.21 Halaman Login Sistem
2. Rancangan Halaman Dashboard

Halaman Dashboard merupakan halaman awal pada sistem yang
menampilkan berbagai menu
Gambar 4.22 Halaman Dashboard Sistem

61
3. Rancangan Halaman Transaksi

Halaman transaksi ini menampilkan pencarian siswa yang akan
membayar
Gambar 4.23 Halaman Transaksi
4. Rancangan Halaman Detail Pembayaran

Halaman hasil detail transaksi siswa sebelumnya terlihat riwayat
pembayaran.
Gambar 4.24 Halaman Detail Pembayaran

62
5. Rancangan Halaman Transaksi Bayar

Halaman transaksi pembayaran ini proses menginput ke sistem
untuk melakukan tagihan.
Gambar 4.25 Halaman Transaksi Bayar
6. Rancangan Halaman Konfirmasi Pembayaran

Halaman konfirmasi pembayaran yang akan dilunasi.
Gambar 4.26 Halaman Konfirmasi Pembayaran

63
7. Rancangan Halaman Selesai Pembayaran

Halaman telah melakukan transaksi pada pembayaran SPP
Gambar 4.27 Halaman Selesai Pembayaran
8. Rancangan Halaman Cetak

Halaman cetak pembayaran SPP sebagai tanda bukti
pembayaran yang sah dan siap dicetak untuk siswa.
Gambar 4.28 Halaman Cetak

64
9. Rancangan Halaman Virtual Account

Halaman virtual account ini merupakan untuk mengelola update
isi saldo pada akun virtual milik siswa
Gambar 4.29 Halaman Virtual Account
10. Rancangan Halaman Proses Saldo

Halaman penambahan saldo pada akun virtual milik siswa
Gambar 4.30 Halaman Proses Saldo

65
11. Rancangan Halaman Rekapan / Laporan

Halaman rekapan / laporan pada operator yang menampilkan
laporan tahunan seluruh kelas.
Gambar 4.31 Halaman Rekapan / Laporan
12. Rancangan Halaman Rekapan / Laporan

laporan perkelasnya.

66
13. Rancangan Halaman Kelola Guru

Halaman kelola guru ini merupakan untuk menambah guru,
mengedit dan menonaktifkan pada guru.
Gambar 4.33 Halaman Kelola Guru
14. Rancangan Halaman Kelola Jurusan

Halaman ini merupakan untuk menambah jurusan, mengedit dan
menonaktifkan pada jurusan.
Gambar 4.34 Halaman Kelola Jurusan

67
15. Rancangan Halaman Kelola Siswa

Halaman ini merupakan untuk menambah dan mengedit siswa.
Gambar 4.35 Halaman Kelola Siswa
16. Rancangan Halaman Kelola Akun Pembayaran

Halaman ini merupakan mengatur jenis pembayaran yang akan
dibayar setiap bulannya.
Gambar 4.36 Halaman Kelola Akun Pembayaran

68
17. Rancangan Halaman Kelola Kelas Tahun Ajaran

Halaman mengatur tahun ajaran kelas setiap ajaran baru,
halaman bisa mensetting menambah siswa, mengganti wali kelas
apabila ada perubahan dan kenaikan kelas.
Gambar 4.37 Halaman Kelas Tahun Ajaran
18. Rancangan Halaman Kelola Tahun Jenjang

Halaman ini merupakan mengatur setiap jenjang tahun kelas
mulai dari kelas 10 – 12. Yang setiap jenjangnya memiliki tagihan
pembayaran yang berbeda setiap kelas.
Gambar 4.38 Halaman Kelola Tahun Jenjang

69
19. Rancangan Halaman Laporan pada Pimpinan

Halaman rekapan / laporan pada pimpinan yang menampilkan
Gambar 4.39 Halaman Laporan Perkelas pada Pimpinan
20. Rancangan Halaman Laporan Tahunan pada Pimpinan

Gambar 4.40 Halaman Laporan Tahunan pada Pimpinan

BAB V
IMPLEMENTASI SISTEM DAN PENGUJIAN SISTEM
5.1 Implementasi Database

Pembuatan sistem pembayaran SPP ini menggunakan database
MySQL dan memiliki beberapa tabel penyusunan diantara lain :
1. Tabel Data Hak Akses
Gambar 5.1 Tabel Data Hak Akses

2. Tabel Data Jurusan
Gambar 5.2 Tabel Data Jurusan

3. Tabel Data Akun Pembayaran
Gambar 5.3 Tabel Data Akun Pembayaran

4. Tabel Data Jenjang
Gambar 5.4 Tabel Data Jenjang
70
71
5. Tabel Data Guru
Gambar 5.5 Tabel Data Guru

6. Tabel Data Kelas
Gambar 5.6 Tabel Data Kelas

7. Tabel Data Siswa
Gambar 5.7 Tabel Data Siswa

72
8. Tabel Data Bayar
Gambar 5.8 Tabel Data Bayar

73
5.2 Implementasi Sistem

Implementasi sistem ini untuk menjelaskan kepada user yang akan
menggunakan sistem ini. Sehingga pengguna tersebut dapat merespon apa
yang akan ditampilkan oleh sistem. Tahap ini merupakan dari tampilan
sistem yang telah dibuat dari perancangan sistem. Implementasi sistem
berupa desain dari halaman yang dibuat menggunakan Framewrok
CodeIgniter dan untuk menampilkan halaman agar menarik menggunakan
bootstrap, css, javascript.
1. Halaman Login
Halaman login merupakan halaman digunakan pengguna
(operator, pimpinan, admin) untuk masuk ke sistem.
Gambar 5.9 Halaman Login
2. Halaman Dashboard
Halaman Dashboard merupakan halaman awal pada sistem yang
menampilkan berbagai menu.
Gambar 5.10 Halaman Dashboard

74
3. Halaman Transaksi
Halaman transaksi ini menampilkan pencarian siswa yang akan
membayar
Gambar 5.11 Halaman Transaksi
4. Halaman Detail Pembayaran

Halaman hasil detail transaksi siswa sebelumnya terlihat riwayat
pembayaran.
Gambar 5.12 Halaman Detail Pembayaran

75
5. Halaman Transaksi Bayar

Halaman transaksi pembayaran ini proses menginput ke sistem
untuk melakukan tagihan.
Gambar 5.13 Halaman Transaksi Bayar
6. Halaman Konfirmasi Pembayaran

Halaman konfirmasi pembayaran yang akan dilunasi.
Gambar 5.14 Halaman Konfirmasi Pembayaran

76
7. Halaman Selesai Pembayaran

Halaman telah melakukan transaksi pada pembayaran SPP
Gambar 5.15 Halaman Selesai Pembayaran
8. Halaman Cetak
Halaman cetak pembayaran SPP sebagai tanda bukti
pembayaran yang sah dan siap dicetak untuk siswa.
Gambar 5.16 Halaman Cetak

77
9. Halaman Virtual Account

Halaman virtual account ini merupakan untuk mengelola update
isi saldo pada akun virtual milik siswa
Gambar 5.17 Halaman Virtual Account
10. Halaman Proses Saldo

Halaman penambahan saldo pada akun virtual milik siswa
Gambar 5.18 Halaman Proses Saldo

78
11. Halaman Rekapan / Laporan

12. Halaman Rekapan / Laporan


79
13. Rancangan Halaman Kelola Guru

Halaman kelola guru ini merupakan untuk menambah guru,
mengedit dan menonaktifkan pada guru.
Gambar 5.21 Halaman Kelola Guru
14. Halaman Kelola Jurusan

Halaman ini merupakan untuk menambah jurusan, mengedit dan
menonaktifkan pada jurusan.
Gambar 5.22 Halaman Kelola Jurusan

80
15. Halaman Kelola Siswa

Halaman ini merupakan untuk menambah dan mengedit siswa.
Gambar 5.23 Halaman Kelola Siswa
16. Halaman Kelola Akun Pembayaran

Halaman ini merupakan mengatur jenis pembayaran yang akan
dibayar setiap bulannya.
Gambar 5.24 Halaman Kelola Akun Pembayaran

81
17. Halaman Kelola Kelas Tahun Ajaran

Halaman mengatur tahun ajaran kelas setiap ajaran baru,
halaman bisa mensetting menambah siswa, mengganti wali kelas
apabila ada perubahan dan kenaikan kelas.
Gambar 5.25 Halaman Kelas Tahun Ajaran
18. Halaman Kelola Tahun Jenjang

Halaman ini merupakan mengatur setiap jenjang tahun kelas
mulai dari kelas 10 – 12. Yang setiap jenjangnya memiliki tagihan
pembayaran yang berbeda setiap kelas.
Gambar 5.26 Halaman Kelola Tahun Jenjang

82
19. Halaman Laporan pada Pimpinan

Gambar 5.27 Halaman Laporan Perkelas pada Pimpinan
20. Halaman Laporan Tahunan pada Pimpinan

Gambar 5.28 Halaman Laporan Tahunan pada Pimpinan

83
5.3 Pengujian Sistem

5.3.1 Pengujian Kotak Putih (White Box Testing)
<?php $no=0; foreach($transaksi_spp as $row ): $no++;?>
<tr>
<td><?php echo $no;?></td> 1
<td><?php echo $row->nis;?></td>
<td><?php echo $row->nama_siswa;?></td>
<td width=15 align='center'>
<a href="<?php echo site_url('transaksi_spp/detail_bayar/'.$row->nis);?>"
class='tooltipsku'
data-toggle='tooltip'
data-placement='top'
title="<?php echo 'Detail Pembayaran '.$row->nama_siswa;?>" > 2
<button type="button" class="btn btn-warning" aria-label="Left Align">
<span class="glyphicon glyphicon-zoom-in" aria-hidden="true">
</span> &nbsp Detail Pembayaran
</button>
</a>
</td>
</tr> <?php endforeach;?>
function sum() {
var txtTagihan = document.getElementById('tagihan').value;
var txtSaldo = document.getElementById('saldo').value;
var txtSisasaldo = document.getElementById('sisa_saldo').value;
var txtSaldoterpotong = document.getElementById('saldo_terpotong').value; 3
var txtKekurangan = document.getElementById('kekurangan').value;
var txtTotalbayar = document.getElementById('total_bayar').value;
var txtKembali = document.getElementById('kembalian').value;
var a = parseInt(txtSaldo) - parseInt(txtTagihan);

var a1 = 0;
if (parseInt(txtSaldo) > parseInt(txtTagihan)) {
document.getElementById('sisa_saldo').value = a; 4
}else {
document.getElementById('sisa_saldo').value = a1;
}
var z = parseInt(txtSaldo) - parseInt(txtSisasaldo);
if (parseInt(txtSaldo) > parseInt(txtSisasaldo)) {
document.getElementById('saldo_terpotong').value = z;
}else {
document.getElementById('saldo_terpotong').value = a1;
}
var b = parseInt(txtTagihan) - parseInt(txtSaldo);
var b1 = 0;
if (parseInt(txtSaldo) < parseInt(txtTagihan)) {
document.getElementById('kekurangan').value = b;
}else if (parseInt(txtSaldo) > parseInt(txtTagihan)) { 5
document.getElementById('kekurangan').value = b1;
}else {
document.getElementById('kekurangan').value = b1;
} 6
if (parseInt(txtKekurangan) <= 0) {
document.getElementById('total_bayar').value = b1;
}
var d = parseInt(txtTotalbayar) - parseInt(txtKekurangan);
if (!isNaN(d)) {
document.getElementById('kembalian').value = d; 7
} }
</script>
84
5.3.2 Flowgraph
5 4 6
Gambar 5.29 Flowgraph Alir Transaksi
5.3.3 Kompleksitas Siklomatis

Pengukuran kuantitatif kompleksitas logis suatu program pada
flowgraph dapat diperoleh dengan dengan perhitungan sebagai
berikut:
V(G) = E – N + 2
Keterangan : E = Jumlah Edge dalam flowgraph (Jumlah Busur)
N = Jumlah Node dalam flowgraph (Jumlah Simpul)
Sehingga kompleksitas siklomatis yang diperoleh adalah :
V(G) = E – N + 2
85
V(G) = 8 – 7 + 2 = 3
5.3.4 Basic Set

Jalur 1 : 1 – 2 – 3 – 4 – 7
Jalur 2 : 1 – 2 – 3 – 5 – 7
Jalur 3 : 1 – 2 – 3 – 6 – 7
5.3.5 Pengujian Basis Set

Tabel 5.1 Hasil Pengujian Basis Set
Jalur Input Proses Output Ket.
1–2–3–4–7 Input Data Pesan : input Berhasil
transaksi diterima data berhasil
5.3.6 Pengujian Kotak Hitam (Black Box Testing)

Black Box Testing adalah cara pengujian hanya dilakukan
dengan menjalankan atau mengeksekusi unit atau model, kemudian
diamati apakah hasil aplikasi itu sesuai dengan hasil yang diinginkan.
Tabel 5.2 Tabel Pengujian Black Box
Input Proses Output Hasil Uji
Login Operator Login Operator Berhasil login Diterima
(input masuk pada
username dan halaman
password) dashboard
Login Admin Login Admin Berhasil login Diterima
(input masuk pada
username dan halaman
password) dashboard
Login Login Operator Berhasil login Diterima
Pimpinan masuk pada
(input halaman
username dan dashboard
password)
86

Pilih menu Input data Proses Diterima
transaksi pembayaran pembayaran
tersimpan
Pilih menu Proses cetak Pencetakan Diterima
detail berhasil
pembayaran
Pilih menu Update saldo Data tersimpan Diterima
virtual account pada virtual
account
Pilih menu Tambah, edit, Data tersimpan, Diterima
guru non-aktif guru data bertambah,
edit guru
berhasil, non-
aktif guru
berhasil
jurusan non-aktif data bertambah,
jurusan edit jurusan
berhasil, non-
aktif jurusan
berhasil
Pilih menu Tambah, dan Data tersimpan, Diterima
siswa edit siswa data bertambah,
edit siswa
berhasil,
akun non-aktif akun data bertambah,
pembayaran pembayaran edit akun
pembayaran
berhasil, non-
aktif akun
pembayaran
berhasil
Pilih menu Tambah, dan Data tersimpan, Diterima
jenjang edit jenjang data bertambah,
edit jenjang
berhasil,
87

Pilih menu Penambahan Data berhasil Diterima
kelas kelas dan tahun disimpan
ajaran jenjang
Pilih menu Edit kelas, Data tersimpan, diterima
kelas penambahan siswa berhasil
siswa pada ditambahkan
kelas
Pilih menu Non-aktif kelas Data tersimpan diterima
kelas non-aktif
berhasil
5.4 Pemeliharaan
Pemeliharaan perlu dilakukan karena sistem perlu di rawat karena
beberapa hal, yang meliputi penggunaan sistem, penjagaan, perbaikan, dan
peningkatan sistem. Perawatan sistem pembayaran SPP terdiri dari :
a. Penggunaan Sistem
Yaitu dengan menggunakan sistem sesuai dengan fungsi yang
ada pada sistem.
b. Penjagaan Sistem
Dengan pemantauan yang berupa pemeriksaan rutin sehingga
sistem tetap beroperasi dengan baik, selain itu juga menjaga data yang
ada di sistem jika sewaktu waktu terjadi perubahan rancangan sistem.
c. Perbaikan Sistem
Melakukan perbaikan jika sistem mengalami kesalahan dalam
program atau kelemahan yang tidak terdeteksi pada tahap pengujian
sistem.
d. Peningkatan Sistem
Melakukan modifikasi sistem apabila terjadi peningkatan sistem
setelah berjalan beberapa waktu.
BAB VI
PENUTUP
6.1 Simpulan
Berdasarkan hasil pembahasan pembuatan sistem Pembayaran SPP
maka penulis dapat menarik simpulan kelebihan sistem sebagai berikut :
1. Pada sistem sebelumnya hanya memiliki satu hak akses, adanya
sistem pembayaran SPP ini memiliki tiga hak akses.
2. Dengan adanya sistem pembayaran SPP dan didukung fitur Virtual
Account sebagai penyimpanan uang pembayaran SPP siswa untuk
bulan berikutnya.
3. Dengan adanya sistem pembayaran SPP ini dapat membantu dan
memudahkan pekerjaan staff TU dalam melayani pembayaran SPP
siswa siswi SMK Bina Negara Gubug sehingga lebih efektif dan
efesien.
6.2 Saran
Sebagai meningkatkan baiknya kinerja sistem pembayaran SPP ini ada
beberapa kekurangan yang diantaranya :
1. Kedepannya diharapkan sistem pembayaran SPP ini bisa di
kembangkan lagi, misalnya melakukan pembayarannya dengan
melalui berbasis smartphone agar siswa lebih mudah cara
membayarnya.
2. Penambahan fitur baru dengan adanya sms gateway untuk notifikasi
via pesan sms ke orang tua jika pembayaran SPP telah dilakukan oleh
siswa.
88
DAFTAR PUSTAKA
Al Fatta, Hanif, 2007, Analis Dan Perancangan Sistem Informasi Untuk

Keunggulan Bersaing Perusahaan Dan Organisasi Modern, Andi
Offset Yogyakarta
Budi Raharjo, 2015, Belajar Otodidak Framework CodeIgniter (Teknik
Pemrograman Web dengan PHP dan Framework CodeIgniter 3),
Informatika, Bandung
Yuniar Supardi dan M. Ridwan, 2017, Mudah dan Cepat Membuat Program
Skripsi dengan VB2010/vb2012, Elex Media Komputindo,
Yogyakarta
Nugroho, Bunafit, 2014, Dasar Pemrograman Web PHP – MySQL dengan
Dreamweaver Studi Kasus : Sistem Penerimaan Siswa Baru (PSB)
Online, Gava Media, Yogyakarta
Pressman, Roger S. 2012. Rekayasa Perangkat Lunak Pendekatan Praktisi.
Edisi 7. Andi: Yogyakarta
Riyanto,2011, Membuat Sendiri Aplikasi e-commerce dengan php &
MySQL menggunakan Codeigniter & Jquery, Andi, Yogyakarta.
Supono, dan Virdiandry Putratama, 2016, Pemrograman Web dengan
Menggunakan PHP dan Framework Codeigniter, Deepublish,
Yogyakarta
Sutabri, Tata, 2012, Analisa Sistem Informasi, Andi Offset, Yogyakarta
Yuni Sugiarti, 2013, Analisi dan Perancangan UML (Unified Modelling
Language) Generated VB.6, Graha Ilmu, Yogyakarta
Zaenal A Rozi, dan SmitDev Community, 2015, Modern Web Design, PT.
Elex Media Komputindo, Jakarta
PERNYATAAN PENULISAN TUGAS AKHIR
DENGAN JUDUL

Dengan ini saya :

NAMA : TRI SUPRIMA WAHYUONO
NIM : G.231.14.0141
PROGRAM STUDI : S1 - TEKNIK INFORMATIKA
“Saya menyatakan dan bertanggungjawab dengan sebenarnya bahwa Tugas Akhir

(TA) ini adalah hasil karya saya sendiri kecuali cuplikan dan ringkasan yang
masing–masing telah saya jelaskan sumbernya. Jika pada waktu selanjutnya ada
pihak lain yang mengklaim bahwa Tugas Akhir (TA) ini sebagai karyanya, yang
disertai dengan bukti–bukti yang cukup, maka saya bersedia untuk dibatalkan
gelar Sarjana Komputer saya beserta segala hak dan kewajiban yang melekat pada
gelar tersebut”.

Penulis
Tri Suprima Wahyuono

G.231.14.0141 15 File Komplit 20190130073009

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

G.231.14.0141 15 File Komplit 20190130073009

Diunggah oleh

Hak Cipta:

Format Tersedia

IMPLEMENTASI SISTEM PEMBAYARAN SPP DAN VIRTUAL

ACCOUNT MENGGUNAKAN FRAMEWORK CODEIGNITER

TRI SUPRIMA WAHYUONO

PROGRAM STUDI S1 – TEKNIK INFORMATIKA

IMPLEMENTASI SISTEM PEMBAYARAN SPP DAN VIRTUAL

Dengan ini saya :

“Saya menyatakan dan bertanggungjawab dengan sebenarnya bahwa Tugas Akhir

Semarang, Januari 2019

Tri Suprima Wahyuono

Kata Kunci : Sistem Pembayaran, SPP,Virtual Account Framework Codeigniter

Pembimbing Tugas Akhir

April Firman Daru, S.Kom., M.Kom.

Keywords: Payment System, SPP, Virtual Account Codeigniter Framework

Semarang, Januari 2019

HALAMAN JUDUL .........................................................................................i

Gambar 1.1 Metode Pengembangan Waterfall ...............................................5

Tabel 3.1 Simbol pada Use Case Diagram ..................................................30

1.1 Latar Belakang Masalah

berbasis aplikasi website ini memliki kelemahan yaitu hanya berbentuk

1.2. Rumusan Masalah

1.3 Batasan Masalah

1.4 Tujuan Tugas Akhir

1.5 Manfaat Tugas Akhir

1.6 Metodologi Penelitian

1.6.1 Metode Pengumpulan Data

1.6.2 Metode Pengembangan Sistem

Gambar 1.1 Metode Pengembangan Waterfall (Roger,2012)

1.7 Sistematika Penulisan

2.1 Sejarah Singkat SMK Bina Negara Gubug

2.2 Struktur Organisasi SMK Bina Negara Gubug

12 Ketua Prog. Keahlian TKJ Najib Zulias Ridlo

Gambar 2.1 Bagan Struktur SMK Bina Negara Gubug

2.3 Fungsi dan Tugas Organisasi

8. Menentukan langkah kerja/garis-garis besar kegiatan sekolah

Wakil Kepala Urusan Kurikulum :

11. Mengkoordinasikan dan menyusun kegiatan Intrakurikuler dan

Wakil Kepala Urusan Kesiswaan :

Wakil Kepala Sekolah Urusan Hubungan Dunia Usaha Industri :

Wakil Kepala Sarana Prasarana/Teknisi :

Kepala Tata Usaha :

12. Menyiapkan blanko Jurnal Mengajar.

Ketua Program Keahlian :

Bimbingan Penyuluhan / Bimbingan Karir :

3. Menyiapkan dan mengumpulkan data Kesiswaan.

13. Melaksanakan Program Kesehatan Siswa.

legger ke buku Induk

14. Bertanggungjawab atas pelaksanakan 7 K (Kebersihan, Keindahan,

Petugas Toko Busines Center :

10. Membuat Laporan Bulanan kepada Kepala Sekolah

Penjaga / Kebersihan Sekolah :

2.4 Visi dan Misi

2. Misi SMK Bina Negara Gubug

2.5 Lokasi SMK Bina Negara Gubug

Gambar 2.2 Papan Nama Sekolah SMK Bina Negara

Gambar 2.3 Tampak dalam SMK Bina Negara Gubug

Gambar 2.4 Denah Lokasi Sekolah SMK Bina Negara Gubug

3.1.1 Karateristik Sistem

menghasilkan keluaran lalu menjadi masukan untuk subsistem

3.2 Pembayaran SPP

3.3 Implementasi Sistem

3.3.2 Web Framework

3.3.3 Konsep MVC

3.3.4 Framework CodeIgneter