Dosen Pembimbing I
I Nyoman Tri Anindia Putra, S.Kom., M.Cs.
Dosen Pembimbing II
I Putu Surya Adi Putra, S.Pd., M.Pd.
Menyetujui:
Pembimbing I Pembimbing II
Mengetahui:
Koordinator Program Studi Teknik Informatika
Ditetapkan di : Denpasar
Tanggal : 13 Februari 2023
DEWAN PENGUJI
Pembimbing I :
I Nyoman Tri Anindia Putra, S.Kom., M.Cs. ( )
Penguji :
I Gusti Agung Indrawan, S.T., M.T.
( )
Penguji :
Ida Bagus Ary Indra Iswara, S.Kom., M.Kom. ( )
ii
HALAMAN ORISINALITAS
iii
HALAMAN PERNYATAAN PERSETUJUAN
iv
ABSTRAK
v
ABSTRACT
vi
KATA PENGANTAR
Penulis
vii
DAFTAR ISI
viii
2.6 Database (DBSM) ................................................................... 20
2.7 Black Box ................................................................................ 20
BAB III ANalisis dan perancangan ...................................................... 21
3.1 Tempat dan Waktu Penelitian ................................................. 21
3.2 Teknik Pengumpulan Data ...................................................... 21
3.2.1 Data Primer ............................................................... 21
3.2.2 Data Sekunder ........................................................... 22
3.3 Teknologi yang digunakan Sekolah ........................................ 27
3.3.1 Statement Of Purpose (SOP) .................................... 28
3.3.2 Analisis Sistem ......................................................... 28
3.3.3 Analisis Sistem yang Berjalan .................................. 28
3.3.4 Gambaran Umum Sistem Yang Diusulkan ............... 30
3.3.5 System Flow Diagram proses login .......................... 30
3.3.6 System Flow Diagram Proses Absensi..................... 31
3.3.7 System Flow Diagram Proses Data Profile ............... 32
3.3.8 System Flow Diagram Proses Data User ................. 33
3.3.9 System Flow Diagram Proses Mengelola Data
Pegawai… .................................................................................. 34
3.3.10 System Flow Diagram Proses Mengelola Data
Absensi…. ................................................................................. 35
3.3.11 System Flow Diagram Proses Mengelola Data Gaji . 37
3.3.12 System Flow Diagram Proses Mengelola Data
Penggajian.................................................................................. 38
3.3.13 System Flow Diagram Proses Mengelola Data Gaji
Saya…….................................................................................... 40
3.3.14 System Flow Diagram Proses Mengelola Laporan
Penggajian.................................................................................. 41
3.3.15 System Flow Diagram Proses Mengelola Laporan
Absensi…. ................................................................................. 42
3.3.16 Event List .................................................................. 43
3.3.17 Data Flow Diagram ................................................... 43
3.3.18 Diagram Konteks ...................................................... 44
3.3.19 Data Flow Diagram (DFD) ....................................... 44
3.3.20 DFD Level 1 Mengelola Data User .......................... 45
3.3.21 DFD Level 1 Gaji ..................................................... 46
3.3.22 Conceptual Data Model (CDM) ................................ 46
ix
3.3.23 Physical Data Model (PDM) ..................................... 47
3.3.24 Struktur Tabel ............................................................ 48
3.4.1 Kebutuhan Fungsional ............................................... 52
3.4.2 Kebutuhan Non Fungsional ....................................... 53
3.4.3 Perancangan Sistem ................................................... 53
3.4.4 Halaman Login .......................................................... 53
3.4.5 Halaman Login Gagal ................................................ 54
3.4.6 Halaman Dashboard Admin....................................... 54
3.4.7 Halaman Absensi Admin ........................................... 55
3.4.8 Halaman Menu Profile ............................................... 55
3.4.9 Halaman Menu Data User.......................................... 56
3.4.10 Halaman Ubah Data User .......................................... 56
3.4.11 Halaman Data Pegawai .............................................. 57
3.4.12 Halaman Tambah Data Pegawai ................................ 57
3.3.25 Halaman Login Guru ................................................. 74
3.3.26 Halaman Login Tata Usaha ....................................... 76
3.3.27 Halaman Login Kepala Sekolah ................................ 77
BAB IV Implementasi dan Pembahasan............................................... 81
4.1 Implementasi Sistem ................................................................ 81
4.2 Implementasi User Interface Sistem ........................................ 81
4.3 Halaman Login......................................................................... 81
4.4 Halaman Login Gagal .............................................................. 82
4.5 Halaman Home Admin............................................................. 82
4.6 Halaman Absensi ..................................................................... 83
4.7 Halaman Data Profile ............................................................... 83
4.8 Halaman Data User .................................................................. 84
4.9 Halaman Ubah Data User ........................................................ 84
4.10 Halaman Data Pegawai ............................................................ 85
4.11 Halaman Tambah Data Pegawai .............................................. 85
4.12 Data Absensi ............................................................................ 86
4.13 Detail Halaman Absensi........................................................... 86
4.14 Data Gaji .................................................................................. 87
4.15 Tambah Data Gaji .................................................................... 87
4.16 Ubah Data Gaji ........................................................................ 88
4.17 Halaman Data Penggajian ........................................................ 88
4.18 Laporan Penggajian ................................................................. 89
x
4.19 Laporan Data Absensi ............................................................. 90
4.20 Halaman Dashboard Tata Usaha (TU) .................................... 90
4.21 Halaman Absensi Tata Usaha (TU) ......................................... 91
4.22 Halaman Profile Tata Usaha (TU) ........................................... 92
4.23 Halaman Laporan Penggajian.................................................. 92
4.24 Halaman Laporan Absensi ...................................................... 93
4.25 Halaman Dashboard Kepala Sekolah ...................................... 94
4.26 Halaman Absensi Kepala Sekolah........................................... 94
4.27 Halaman Profile Kepala Sekolah............................................. 95
4.28 Halaman Laporan Penggajian.................................................. 96
4.29 Laporan Absensi ...................................................................... 96
4.30 Halaman Dashboard Guru ....................................................... 97
4.31 Halaman Absensi Guru ........................................................... 98
4.32 Halaman Profile Guru ............................................................. 98
4.33 Halaman Laporan Penggajian.................................................. 99
4.34 Laporan Absensi .................................................................... 100
4.35 Slip Gaji ................................................................................ 100
4.36 Pengujian Sistem ................................................................... 101
4.36.1 Halaman Login Admin ........................................... 101
4.36.2 Halaman Login Guru .............................................. 105
4.36.3 Halaman Login Tata Usaha .................................... 107
4.36.4 Halaman Login Kepala Sekolah ............................. 110
4.37 User Acceptance Test (UAT) ................................................ 113
BAB V PENUTUP ............................................................................ 119
5.1 Simpulan ............................................................................... 119
5.2 Saran ...................................................................................... 119
Daftar Pustaka ..................................................................................... 121
Lampiran ............................................................................................. 124
Biodata Penulis ................................................................................... 136
xi
DAFTAR TABEL
xii
DAFTAR GAMBAR
xiii
Gambar 3. 28 Rancangan Halaman Dashboard ..................................... 54
Gambar 3. 29 Halaman Menu Absensi Admin ...................................... 55
Gambar 3. 30 Halaman Profile Admin .................................................. 55
Gambar 3. 31 Halaman Menu Data User ............................................... 56
Gambar 3. 32 Halaman Ubah Data User ............................................... 56
Gambar 3. 33 Halaman Data Pegawai ................................................... 57
Gambar 3. 34 Halaman Tambah Data Pegawai ..................................... 58
Gambar 3. 35 Halaman Data Absensi .................................................... 58
Gambar 3. 36 Halaman Detail Data Absensi ......................................... 59
Gambar 3. 37 Halaman Data Gaji .......................................................... 59
Gambar 3. 38 Halaman Tambah Data Gaji ............................................ 60
Gambar 3. 39 Halaman Ubah Data Gaji ................................................ 60
Gambar 3. 40 Halaman Data Penggajian ............................................... 61
Gambar 3. 41 Halaman Rancangan Slip Gaji ........................................ 61
Gambar 3. 42 Halaman Rancangan Laporan Penggajian ...................... 62
Gambar 3. 43 Halaman Laporan Absensi .............................................. 62
Gambar 3. 44 Halaman Rancangan Login Tata Usaha .......................... 63
Gambar 3. 45 Halaman Menu Absensi Tata Usaha ............................... 64
Gambar 3. 46 Halaman Rancangan Profil Tata Usaha .......................... 64
Gambar 3. 47 Halaman Laporan Penggajian ......................................... 65
Gambar 3. 48 Halaman Laporan Absensi .............................................. 65
Gambar 3. 49 Halaman Login Kepala Sekolah...................................... 66
Gambar 3. 50 Halaman Menu Absensi Kepala Sekolah ........................ 67
Gambar 3. 51 Halaman Rancangan Profil Kepala Sekolah ................... 67
Gambar 3. 52 Halaman Rancangan Laporan Penggajian ...................... 68
Gambar 3. 53 Halaman Laporan Absensi .............................................. 68
Gambar 3. 54 Halaman Login Guru ...................................................... 69
Gambar 3. 55 Halaman Absensi Guru ................................................... 69
Gambar 3. 56 Halaman Profile Guru ..................................................... 70
Gambar 3. 57 Halaman Laporan Penggajian ......................................... 70
Gambar 3. 58 Halaman Laporan Absensi Guru ..................................... 71
xiv
DAFTAR LAMPIRAN
xv
HALAMAN INI SENGAJA DIKOSONGKAN
xvi
BAB I
PENDAHULUAN
1
guru. Menggunakan Microsoft Excel juga memiliki kekurangan yaitu
bendahara harus memasukkan beberapa rumus untuk menghitung jumlah
gaji yang akan dibagikan kepada guru hingga akhirnya terkadang
bendahara lebih memilih menghitung manual menggunakan kalkulator
dan hal inilah yang membuat proses penghitungan gaji menjadi lebih
lama.
Berdasarkan permasalahan diatas, maka dibuatlah rancang
bangun yang dapat membantu bendahara dalam proses penghitungan gaji
dengan judul “Rancang Bangun Sistem Informasi Penggajian Guru pada
SMA Dharma Praja Berbasis Website”
2
1.6 Sistematika Penulisan
Penulisan laporan pada penelitian ini dibagi menjadi lima bab,
yaitu:
BAB I PENDAHULUAN
Mengulas tentang latar belakang, masalah, batasan masalah, tujuan,
manfaat penelitian di SMA Dharma Praja , dan sistematika penulisan.
BAB II TINJAUAN PUSTAKA
Pada bab ini mengulas tentang penelitian serupa yang pernah
dilakukan serta teori-teori terkait usability dan perancangan sistem,
informasi, sistem informasi, gaji, penggajian, perancangan sistem,
desain sistem.
BAB III ANALISIS DAN PERANCANGAN
Pada bab ini mengulas mengenai metode yang dilakukan selama
proses penelitian, mulai dari pengumpulan data, perancangan,
statement of purpose, event list, DFD, CDM, PDM, struktur tabel,
user interface dan skenario pengujian sistem.
BAB IV IMPLEMENTASI DAN PEMBAHASAN
Bab ini membahas implementasi rancangan ulang ke dalam
prototype. Analisis validasi usability juga disajikan.
BAB V PENUTUP
Bab ini berisi simpulan dan saran selama penelitian dilakukan.
3
HALAMAN INI SENGAJA DIKOSONGKAN
4
BAB II
TINJAUAN PUSTAKA
5
Insan Mandiri Depok”. Dalam penulisannya permasalahan yang terjadi
adalah banyak kekurangan karena menggunakan sistem manual sehingga
sering terjadinya kesalahan. Dengan permasalahan yang ada maka
penulisnya mengajukan pembuatan sistem terkomputerisasi untuk
mempermudah pekerjaan admin dalam mengelola proses penggajian
setiap bulannya menggunakan metode R&D (Research and
Development) untuk menggantikan sistem lama dan menggantinya
dengan sistem baru yang telah lulus dari serangkaian uji coba sistem.
Pengumpulan informasi dan data-data yang dibutuhkan dilakukan dengan
metode wawancara dan observasi secara langsung serta studi kepustakaan
sebagai referensi dalam perancangan sistem baru yang akan dibuat.
Sistem penggajian yang sedang diusulkan ini mengacu pada data jumlah
kehadiran karyawan atau absensi, biaya transportasi dan uang untuk
konsumsi sesuai tingkat jabatan guru dan karyawan.
Peneliti keempat, tulisan dari (K. Shadiq, 2020) yang berjudul
“Sistem Informasi Penggajian Guru Berbasis Website Pada SMK Tiara
Bangsa Bekasi”. Didalam tulisannya permasalahan yang terjadi adalah
sistem pengelolaan data dari penggajian guru pada SMK Tiara Bangsa di
Bekasi masih bersifat manual. permasalahan yang terjadi yaitu ketidak
sinkronan data yang dapat menyebabkan kerangkapan data, kemudian
permasalahan lain yang terjadi yaitu pada saat pencarian data-data atau
laporan gaji membutuhkan waktu yang lama dan sangat tidak efisien
karena masih menggunakan sistem konvensional dan sistem keamanan
data dari penggajian pun kurang terjamin. Maka dengan permasalahan
yang ada penulisnya melakukan penelitian guna dapat membantu dalam
proses pengelolaan laporan gaji perbulannya dari sistem manual menuju
sistem komputerisasi yang lebih maju agar dapat mempermudah
pekerjaan staff dalam mengolah penggajian guru menjadi lebih cepat dan
efisien. Metode yang digunakan dalam penyelesaian masalah ini
menggunakan metode RAD (Rapid Application Development) dengan
model pengembangan SDLC (Software Development Live Cycle) yang
dapat membuat sebuah rancangan sistem secara bertahap. Sistem ini dapat
membantu mengelola penghitungan penggajian guru, dan meningkatkan
mutu informasi menjadi lebih akurat.
Peneliti kelima, tulisan dari (Rahmadan dan Anshary, 2021),
yang berjudul “Sistem Informasi Absensi dan Penggajian Karyawan di
PT. Duta Mitra Lestari”. Didalam tulisannya permasalahan yang terjadi
adalah sistem absensi dan penggajian masih dilakukan secara manual
dengan melakukan absensi tanda tangan pada buku dan sistem dalam
penghitungan gaji masih menggunakan microsoft excel. Dalam
menyelesaikan permasalahan tersebut, penulis merancang sebuah aplikasi
6
sistem informasi absensi dan penggajian karyawan berbasis database
yang merupakan software dan berfungsi sebagai media pengolahan
absensi dan penggajian karyawan. Sistem yang akan dikembangkan
menggunakan bahasa pemrograman java dan MySQL. Sistem informasi
ini menggunakan metode waterfall pada perancangan dan
pengembangannya meliputi komunikasi, perencanaan pembuatan sistem,
pemodelan, kontruksi serta deployment. Sistem yang berjalan pada
database mampu mengolah data-data penggajian menjadi lebih cepat dan
lebih efisien.
Dari kelima penelitian sistem penggajian diatas penulis akan
merancang, mengembangkan dan membangun sebuah Sistem Informasi
Penggajian Guru di SMA Dharma Praja Berbasis Website dengan
menjadikan lima penelitian terdahulu sebagai acuan atau gambaran
rancangan yang ingin penulis bangun.
Perbandingan penelitian yang akan dilakukan dengan penelitian
terdahulu dapat dilihat pada tabel 2.1
7
Penelitian
Indikator
Penelitian I Penelitian II. Penelitian III.
membantu dapat memudahkan agar lebih efisien,
perusahaan untuk staff dan guru mudah dalam
menyusun dalam melihat penggunaannya
laporan rincian penggajian, dan dapat
penggajian melaksanakan terhindar dari
menjadi lebih absensi secara kesalahan yang
efisien. online, serta sering dilakukan
memudahkan staff manusia.
dan guru dalam
menghitung
penggajian.
Penelitian
Indikator
Penelitian IV Penelitian V. Penelitian VI.
Topik Sistem Informasi Sistem Rancang Bangun
Penggajian Guru Informasi Sistem Informasi
Berbasis Website Absensi dan Penggajian Guru
Pada SMK Tiara Penggajian Pada SMA Dharma
Bangsa Bekasi Karyawan di PT. Praja Berbasis
Duta Mitra Website
Lestari
Objek SMK Tiara PT. Duta Mitra SMA Dharma Praja
Penelitian Bangsa Lestari
Basis Website Database Website
Penelitian
Metode RAD (Rapid Waterfall Waterfall
Penelitian Application
Development)
Hasil Dari rancangan Hasil dari Hasil dari
sebuah sistem rancangan rancangan Sistem
informasi Sistem tersebut Informasi
penggajian guru berhasil Penggajian Guru
yang dibuat oleh dikembangankan berbasis Website
penulisnya, dari sistem yang tersebut diharapkan
diharapkan masih manual dapat membantu
sistem ini dapat menjadi sistem bendahara dalam
membantu terkomputerisasi menghitung absensi
8
Penelitian
Indikator
Penelitian IV Penelitian V. Penelitian VI.
mengolah yang dapat kehadiran, gaji
pengitungan gaji berjalan pada pokok guru
guru dan dapat database dan yayasan dan guru
meningkatkan mampu honorer, gaji
mutu informasi mengelola data tambahan bagi guru
penggajian agar laporan yang mengajar
lebih akurat. keuangan hingga melebihi jam kerja,
memudahkan menghitung
dalam tunjangan
menghitung tambahan bagi guru
penggajian. yang memiliki
jabatan tinggi di
sekolah dan
menghitung total
keseluruhan gaji
guru.
2.2 Sistem
Menurut (Anggraini dkk., 2020) sistem adalah suatu jaringan
kerja dari prosedur yang saling berhubungan dan sebagai wadah
berkumpul untuk melakukan suatu sasaran.
2.3 Informasi
Informasi adalah data yang telah diproses dengan suatu atau
beberapa cara untuk memberikan arti dan membantu dalam pengambilan
keputusan. (Sallaby dan Kanedi, 2020)
9
Informasi adalah data yang telah dikelola dan diproses untuk
memberika arti dan memperbaiki proses pengambilan keputusan.
(Sallaby dan Kanedi, 2020)
5. Block Basis Data : kumpulan sebuah data yang saling terhubung dan
tersimpan didalam perangkat keras komputer dan digunakan
perangkat lunak dalam memanipulasikan sebuah data.
10
6. Block Kendali : pengendalian dalam suatu sistem informasi agar
sebuah sistem dapat berjalan sesuai dengan yang diharapkan.
2.5 Gaji
gaji adalah suatu kegiatan balas jasa yang diberikan kepada
pegawai kantor serta manajer yang proses pembayarannya selalu
diberikan tiap bulannya. (Putri dan Siptiana, 2019)
11
jabatan dan menggolongan gaji berdasarkan kedudukan,
memberhentikan karyawan dan mengawasi status-status dalam
sistem penggajian.
2. Fungsi pencatat waktu
Bagian ini bertanggungjawab untuk menyelenggarakan waktu
kehadiran atau absensi bagi seluruh pegawai perusahaan atau
sebuah instansi, sistem dalam pengendalian intern yang baik
mensyaratkan pencatatan waktu hadir karyawan atau absensi
tidak boleh dilaksanakan selain dari fungsi pencatatan waktu
atau bagian yang bertanggungjawab perihal absensi.
3. Fungsi pembuat daftar gaji
Bagian ini bertanggungjawab dalam membuat daftar penggajian
dan upah, berisi jumlah gaji yang menjadi hak dan potongan
kewajiban yang menjadi beban setiap karyawan selama jangka
waktu pembayaran gaji setiap bulannya.
4. Fungsi akuntansi
Bagian akuntansi bertanggungjawab dalam pencatatan buku
besar, laporan keuangan dan kewajiban yang didapat beserta
hubunganya dalam pengelolaan dan pembayaran gaji pegawai.
5. Fungsi keuangan
Bagian ini bertanggungjawab untuk mengisi selembaran cek
tersebut dan menyerahkan ke bank dan dicairkan dalam bentuk
uang guna melakukan pembayaran penggajian, lalu uang tunai
tersebut dimasukkan ke dalam amplop gaji setiap pegawai untuk
diberikan kepada orang-orang yang bersangkutan.
12
ditetapkan pada akhir penahapan analisa sistem. Perancangan sistem
dibagi dalam dua bagian yaitu :
13
dalam bentuk diagram alir dari algoritma dalam suatu program, yang
menyatakan arah dari program tersebut. (Imam, 2018)
Proses
Pemrosesan dengan komputer,
biasanya mengakibatkan
perubahan data atau informasi
Penyimpanan
Data yang disimpan secara
elektronik ke dalam database.
14
Simbol Keterangan
Input/Output
Magnetic Tape
Menghubungkan aliran
pemrosesan pada halaman yang
sama untuk menghindari garis
saling silang
15
Simbol Keterangan
Input/Output
Tambahan berupa sebuah
komentar, catatan atau
keterangan
16
Tabel 2. 3 Symbol Data Flow Diagram
Simbol Nama Keterangan
Menunjukkan alur
data dari informasi
yang mengalir.
Alur data
digunakan untuk
Data Flow (alur menjelaskan
data) perpindahan/paket
data dari suatu
bagian ke bagian
lainnya.
Menunjukkan
tugas atau prosesi
yang dilakukan
baik secara manual
atau otomatis.
Process (proses) Komponen proses
yang digambarkan
dalam
transformasi input
menjadi output.
Penamaan proses
disesuaikan
dengan
proses/kegiatan
yang sedang
terjadi.
17
Simbol Nama Keterangan
Menunjukkan
tempat atau asal
data (sumber) atau
External Entity tempat tujuan data
(terminator/entitas (tujuan). Nama
eksternal) terminator/entitas
ditulis dalam
bentuk tunggal.
Simbol Nama Keterangan
Komponen ini
Data Store digunakan dalam
(Penyimpanan membuat model
data) sekumpulan paket
data. Symbol ini
menunjukkan
analis data.
18
Tabel 2. 4 Simbol Conceptual Data Model (CDM)
Simbol Deskripsi
Entitas/Tabel Entitas atau tabel berfungsi untuk
menyimpan data dalam basis
Nama tabel
data.
1..*
Nama Relasi
1..*
19
Simbol Deskripsi
Relasi Relasi antar tabel yang terdiri dari
persamaan antara primary key
(kunci primer) tabel yang diacu
dengan kunci yang menjadi
referensi acuan di tabel lain
Id_tbl 1=id_fk_tbl2
20
BAB III
ANALISIS DAN PERANCANGAN
21
2) Metode Observasi
Metode observasi merupakan metode pengumpulan data,
dimana peneliti melakukan pengamatan secara langsung pada objek
penelitian untuk melihat kegiatan yang dilakukan. Dari hasil
pengamatan yang dilakukan terhadap bendahara dimana pengelolaan
penggajian dimulai dari menghitung gaji guru berdasarkan golongan,
lalu menghitung absensi kehadiran, menghitung gaji pokok bagi guru
tetap yayasan dan guru tidak tetap, menghitung tunjangan tambahan
bagi guru yang memiliki jabatan tinggi di sekolah dan terakhir
menghitung total keseluruhan gaji yang didapat para guru dan
menginput semuanya kedalam Microsoft Excel yang menyebabkan
proses penghitungan menjadi lebih lamban mengingat banyaknya
staff guru maupun pegawai dan dalam penghitungan gaji guru tidak
semua memiliki jumlah gaji yang sama dikarenakan gaji dihitung
berdasarkan golongan dan jam mengajar.
22
Gambar 3.1 Absensi guru SMA Dharma Praja
23
Gambar 3. 2 Absensi mengajar SMA Dharma Praja
Pada gambar dibawah ini terdapat data gaji dari pegawai tetap. Data
ini menampilkan jabatan guru, status kepegawaian, pangkat/kedudukan,
jumlah gaji pokok, tunjangan jabatan dan menampilkan seluruh jumlah
gaji guru. Data gaji dapat dilihat pada gambar 3.3 dibawah ini.
Pada gambar dibawah ini terdapat data gaji dari guru tetap yayasan.
Data ini menampilkan jabatan guru, status kepegawaian,
pangkat/kedudukan, jumlah gaji pokok, tunjangan jabatan dan
menampilkan seluruh jumlah gaji guru. Data gaji dapat dilihat pada
gambar 3.4 dibawah ini.
24
Gambar 3. 4 Data Gaji Guru Tetap Yayasan
Pada gambar dibawah ini terdapat data dari gaji guru tidak tetap
yayasan. Data ini menampilkan jabatan guru, status kepegawaian,
pangkat/kedudukan, jumlah gaji pokok, tunjangan jabatan dan
menampilkan seluruh jumlah gaji guru. Data gaji dapat dilihat pada
gambar 3.5 dibawah ini.
25
Pada gambar dibawah ini menampilkan data BPJS Ketenagakerjaan
bagi para guru. Data BPJS Ketenagakerjaan dapat dilihat pada gambar 3.6
dibawah ini.
26
Gambar 3. 7 Slip Gaji SMA Dharma Praja
2) Metode Kepustakaan
Untuk mendukung landasan teori pada penelitian ini, maka
digunakan metode kepustakaan. Kepustakaan diambil dari internet,
materi-materi yang dibutuhkan dari berbagai sumber, yaitu: sistem
informasi, bahasa pemrograman PHP, MySQL dan lainnya yang
bersumber dari buku cetak, jurnal dan sumber data internet.
27
3.3.1 Statement Of Purpose (SOP)
Dalam statement of purpose dari sistem informasi penggajian
guru pada SMA Dharma Praja berbasis web ini menyangkut tentang
pengelolaan data pengguna staff/guru, absensi kehadiran, menghitung
gaji pokok guru yayasan dan guru honorer, gaji lembur guru, menghitung
tunjangan tambahan guru yang memiliki jabatan tinggi di sekolah,
menghitung total keseluruhan gaji, dan laporan penggajian. Sistem ini
dapat menginput data penggajian dan menghasilkan data berupa laporan
disetiap penggajiannya.
28
TATA
BENDAHARA GURU
USAHA
30
3.3.6 System Flow Diagram Proses Absensi
31
3.3.7 System Flow Diagram Proses Data Profile
32
3.3.8 System Flow Diagram Proses Data User
33
dengan mengambil data user dari tb_ user. Jika tidak
tersedia maka akan muncul pesan error
34
tidak disimpan maka muncul pesan silahkan masukkan
Kembali data pegawai.
3) Jika admin tidak ingin menambah data pegawai maka
memungkinkan admin ingin merubah data pegawai, jika
ya maka data akan tersimpan dalam tb_ pegawai jika tidak
disimpan maka muncul pesan silahkan masukkan kembali
data pegawai dan admin kembali memperbaiki data
pegawai dengan benar.
4) Jika admin tidak merubah data pegawai maka
memungkinkan admin ingin mencari data pegawai, jika ya
maka admin melakukan proses pencarian data pegawai
dengan mengambil data pegawai dari tb_ pegawai. Jika
tidak tersedia maka akan muncul pesan error.
35
Pada gambar 3.14 berikut ini merupakan penjabaran System Flow
Diagram proses mengelola Proses Mengelola data absensi
secara tertulis manajemen system pengajian guru pada SMA
Dharma Praja:
36
3.3.11 System Flow Diagram Proses Mengelola Data Gaji
37
3) Jika admin tidak ingin menambah data penggajian maka
memungkinkan admin ingin merubah data form gaji, jika
ya maka data akan tersimpan dalam tb_ gaji, jika tidak
disimpan maka muncul pesan silahkan masukkan kembali
data gaji dan admin kembali memperbaiki data gaji
dengan benar.
4) Jika admin tidak merubah data gaji maka memungkinkan
admin ingin mencari data gaji, jika ya maka admin
melakukan proses pencarian data gaji dengan mengambil
data gaji dari tb_ gaji. Jika tidak tersedia maka akan
muncul pesan error.
38
Pada gambar 3.16 berikut ini merupakan penjabaran System
Flow Diagram proses mengelola data penggajian secara tertulis
manajemen system pengajian guru pada SMA Dharma Praja:
39
3.3.13 System Flow Diagram Proses Mengelola Data Gaji Saya
40
3.3.14 System Flow Diagram Proses Mengelola Laporan
Penggajian
41
3.3.15 System Flow Diagram Proses Mengelola Laporan Absensi
42
3.3.16 Event List
1. Login
2. Mengelolah Data User
2.1 Mengolah Data Admin
2.1.1Tambah Data Admin
2.1.2Ubah Data Admin
2.1.3Cari Data Admin
2.2 Mengolah Data Guru
2.2.1Tambah Data Guru
2.2.2Ubah Data Guru
2.2.3Cari Data Guru
2.3 Mengolah Data Tata Usaha
2.3.1 Tambah Data Tata Usaha
2.3.2 Ubah Data Tata Usaha
2.3.3 Cari Data Tata Usaha
2.4 Mengolah Data Kepala Sekolah
2.4.1 Tambah Data Kepala Sekolah
2.4.2 Ubah Data Kepala Sekolah
2.4.3 Cari Data Kepala Sekolah
3. Mengelolah Absensi
3.1 Tambah Data Absensi
3.2 Ubah Data Absensi
3.3 Cari Data Absensi
4. Mengelolah Data Gaji
4.1 Tambah Data Gaji
4.2 Ubah Data Gaji
4.3 Cari Data Gaji
5. Laporan Penggajian
43
3.3.18 Diagram Konteks
Diagram konteks merupakan suatu gambaran atau model yang
menjelaskan secara keseluruhan data yang digunakan atau gambaran
aliran data dalam dan keluar system. Berikut merupakan gambaran
diagram konteks dari Perancangan Sistem Informasi Penggajian Guru
Berbasis Web, dimana ada 4 entitas yaitu Admin (Bendahara), Tata Usaha
(TU), Guru dan Kepala Sekolah. System ini mengolah seluruh data yang
akan diterima oleh Tata Usaha (TU), Guru, Kepala Sekolah. Berikut ini
adalah diagram konteks ditampilkan seperti gambar 3.14 dibawah ini.
Lembar halaman diagram yang lebih jelas terdapat pada lampiran 3
44
Gambar 3. 21 DFD Level 0
45
Gambar 3. 22 DFD Level 1 Data User
46
(CDM) sistem informasi penggajian guru berbasis web pada SMA
Dharma Praja dapat dilihat pada gambar 3.18 berikut ini.
47
3.3.24 Struktur Tabel
Berikut ini struktur tabel dari hasil generate physical data model.
Struktur tabel dari hasil generate sebagai berikut:
48
Nama Field Tipe Data Ukuran Keterangan
Nama_ Guru Varchar 20 Untuk menyimpan
nama guru.
Jumlah_Kehadiran Float Untuk menyimpan data
kehadiran guru
Tunjangan_Jabatan Float Untuk menyimpan data
tunjangan jabatan.
Tunjangan_Transportasi Float Untuk menyimpan data
tunjangan transportasi.
Mk_Dari Integer Untuk menyimpan data
masa kerja guru yang
mengajar.
Jumlah_Lembur Integer Untuk menampilkan
jumlah lembur
49
Nama Field Tipe Data Ukuran Keterangan
Status Enum Untuk menampilkan
status user atau guru
login.
6. Struktur Penggajian
Tabel data penggajian berisi data penggajian yang digunakan untuk
menyimpan data penggajian. Tabel penggajian ditunjukkan pada gambar
tabel 3.4 dibawah ini.
Tabel 3. 4 Tabel Penggajian
Nama Field Tipe Data Ukuran Keterangan
Id_ Penggajian Integer Primary Key
Bulan Varchar 20 Foreign Key
Tahun Varchar 20 Foreign Key
NIP_ Guru Varchar 20 Untuk menyimpan NIP
guru
Jumlah_Kehadiran Float Untuk menampilkan
jumlah kehadiran
Jumlah_Lembur Integer Untuk menampilkan
jumlah lembur
mengajar
Gaji_Pokok Date Untuk menampilkan
jumlah gaji pokok
Gaji_Lembur Numric 15 Untuk menampilkan
jumlah gaji lembur
Tunjangan_Makan Varchar 20 Untuk menghitung dan
menampilkan jumlah
tunjangan makan.
50
Nama Field Tipe Data Ukuran Keterangan
Tunjangan_Transportasi Float Untuk menghitung dan
menampilkan jumlah
tunjangan transportasi.
Tunjangan_Jabatan Float Untuk menghitung dan
menampilkan jumlah
tunjangan jabatan.
Pph_21 Float Untuk menghitung dan
menampilkan jumlah
potongan pajak Pph 21.
Potongan_Pinjaman Float Untuk menghitung dan
menampilkan jumlah
potongan pinjaman.
Bonus_THR Float Untuk menghitung dan
menampilkan jumlah
THR.
BPJS_Kesehatan Float Untuk menampilkan
jumlah potongan BPJS
Kesehatan.
BPJS_Ketenagakerjaan Float Untuk menampilkan
jumlah potongan BPJS
Ketenagakerjaan.
Total_Gaji Float Untuk menampilkan
total gaji.
Gaji_Bersih Float Untuk menampilkan
total gaji bersih.
7. Struktur Gaji
Tabel data gaji berisi data gaji yang digunakan untuk menyimpan
data gaji. Tabel data gaji ditunjukkan pada gambar tabel 3.5 dibawah ini
51
Tabel 3. 5 Tabel Gaji
Nama Field Tipe Ukuran Keterangan
Data
Id_ Gaji Integer Primary Key
Jabatan Varchar 20 Menampilkan Jabatan.
Gaji_Lembur Varchar 20 Menampilkan Total
Gaji Lembur.
Jumlah_Kehadiran Float Menampilkan jumlah
kehadiran.
Tunjangaan_Jabatan Float Menampilkan jumlah
tunjangan berdasarkan
jabatan.
Tunjangaan_Transportasi Float Menampilkan jumlah
tunjangan transportasi.
Mk_Dari Integer Menampilkan masa
kerja guru.
Jumlah_Lembur Integer Menampilkan jumlah
jam lembur.
52
4) Sistem dapat menamplikan data guru, data tata usaha (TU),
slip gaji, form penggajian dan laporan penggajian.
System dapat menampilkan total gaji bersih guru
53
3.4.5 Halaman Login Gagal
Berikut ini adalah tampilan halaman login apabila salah dalam
memasukkan password atau username pada perancangan sistem
informasi penggajian guru berbasis web pada SMA Dharma Praja.
Rancangan halaman login salah terdapat pada gambar 3.21
54
3.4.7 Halaman Absensi Admin
Berikut ini adalah rancangan halaman menu absensi pada
sistem informasi penggajian guru berbasis website pada SMA Dharma
Praja. Halaman ini digunakan untuk melakukan check in dan check out
absensi setiap harinya. Gambar rancangan halaman menu absensi admin
terdapat pada gambar 3.23
55
3.4.9 Halaman Menu Data User
Berikut ini adalah halaman menu data user yang digunakan
oleh admin untuk melihat data user yang terdapat di SMA Dharma Praja.
Kolom searchbox digunakan admin untuk mencari data guru. Admin
dapat mengubah data user dengan menekan icon pada kolom aksi lalu.
Rancangan halaman data user dapat dilihat pada gambar 3.25
56
3.4.11 Halaman Data Pegawai
Berikut ini adalah halaman data pegawai yang digunakan oleh
admin untuk menambah data pegawai dengan cara menekan tombol
tambah data guru. Dan juga kolom searchbox untuk mencari data guru
atau pegawai di SMA Dharma Praja. Rancangan halaman tambah data
pegawai dapat dilihat pada gambar 3.27
57
Gambar 3. 34 Halaman Tambah Data Pegawai
58
3.4.14 Halaman Detail Data Absensi
Berikut ini halaman detai data absensi yang digunakan oleh
admin untuk mengecek data absensi guru secara personal. Pada
rancangan tersebut menampilkan nama guru, NIP dan detail absensi
kehadiran selama 1 bulannya. Rancangan halaman detai data absensi
dapat dilihat pada gambar 3.30
59
3.4.16 Halaman Tambah Data Gaji
Berikut ini adalah halaman tambah data gaji yang digunakan
oleh admin untuk menambah data gaji. Pada saat admin ingin menambah
data gaji admin dapat memasukan jabatan guru, masa kerja, gaji lembur,
tunjangan transportasi, gaji pokok, tunjangan makan dan tunjangan
jabatan, kemudian tombol simpan untuk menyimpan data. Gambar
Rancangan halaman tambah data gaji terdapat pada gambar 3.32
60
3.4.18 Halaman Data Penggajian
Berikut ini adalah halaman data penggajian yang digunakan
admin untuk menggaji guru di SMA Dharma Praja. Admin
memasukkan nama guru dan periode waktu penggajian maka jumlah gaji
akan muncul mengikuti absensi kehadiran. Kemudian admin
memasukkan bonus dan potongan gaji dan gaji secara otomatis akan
tampil pada kolom gaji bersih. Rancangan halaman data penggajian
dapat dilihat pada gambar 3.34
61
3.4.20 Halaman Laporan Penggajian
Berikut ini adalah tampilan rancangan laporan penggajian yang
terdapat pada SMA Dharma Praja. Laporan ini hanya hanya bisa di akses
oleh admin (bendahara) yang bersangkutan. Rancangan tampilan
halaman laporan penggajian dapat dilihat pada gambar 3.36
62
3.4.22 Halaman Login Tata Usaha
Berikut ini adalah rancangan tampilan halaman login tata usaha
apabila masuk ke halaman web yang terdapat pada SMA Dharma Praja.
Pada halaman dashboard menampilkan menu gaji pokok atau gaji
bulanan yang didapat dari tata usaha, lalu menu absensi menampilkan
data absensi seluruh guru di SMA Dharma Praja dan grafik penggajian
yang menampilkan grafik keuangan yang telah dikeluarkan pihak
sekolah untuk menggaji seluruh guru di SMA Dharma Praja. halaman
login tata usaha hanya bisa di akses oleh tata usaha. Rancangan tampilan
halaman login tata usaha dapat dilihat pada gambar 3.38
63
Gambar 3. 45 Halaman Menu Absensi Tata Usaha
64
3.4.25 Halaman Laporan Penggajian
Berikut ini adalah rancangan tampilan halaman laporan
penggajian apabila masuk ke halaman web yang terdapat pada SMA
Dharma Praja. halaman laporan penggajian seluruh guru bisa di akses
oleh admin (bendahara), tata usaha, dan kepala sekolah. Halaman ini
digunakan untuk mengelola data penggajian guru. Rancangan tampilan
halaman laporan penggajian dapat dilihat pada gambar 3.41
65
3.4.27 Halaman Login Kepala Sekolah
Berikut ini adalah rancangan tampilan halaman login kepala
sekolah apabila masuk ke halaman web yang terdapat pada SMA
Dharma Praja. Pada halaman dashboard menampilkan menu gaji pokok
atau gaji bulanan yang didapat dari kepala sekolah, lalu menu absensi
menampilkan data absensi seluruh guru di SMA Dharma Praja dan grafik
penggajian yang menampilkan grafik keuangan yang telah dikeluarkan
pihak sekolah untuk menggaji seluruh guru di SMA Dharma Praja.
halaman login kepala sekolah hanya bisa di akses oleh kepala sekolah.
Rancangan tampilan halaman login kepala sekolah dapat dilihat pada
gambar 3.43
66
Gambar 3. 50 Halaman Menu Absensi Kepala Sekolah
67
3.4.30 Halaman Laporan Penggajian
Berikut ini adalah rancangan tampilan halaman laporan apabila
masuk ke halaman web yang terdapat pada SMA Dharma Praja. halaman
laporan penggajian hanya bisa di akses kepala sekolah dan
menampilkan data penggajian dari guru yang bersangkutan selama
mengajar di SMA Dharma Praja. Rancangan tampilan halaman laporan
penggajian dapat dilihat pada gambar 3.46
68
3.4.32 Halaman Login Guru
Berikut ini adalah rancangan tampilan halaman login guru
apabila masuk ke halaman web yang terdapat pada SMA Dharma Praja.
Pada halaman dashboard menampilkan menu gaji pokok yang didapat
oleh guru tersebut, lalu menu absensi menampilkan data absensi guru
tersebut dan grafik penggajian yang menampilkan grafik gaji guru yang
bersangkutan selama sebulannya. Rancangan tampilan halaman login
guru dapat dilihat pada gambar 3.48
69
3.4.34 Halaman Profile Guru
Berikut ini adalah rancangan tampilan halaman profile guru
apabila masuk ke halaman web yang terdapat pada SMA Dharma Praja,
halaman ini digunakan apabila guru ingin mengubah data profile.
Rancangan tampilan halaman profile guru dapat dilihat pada gambar 3.50
70
3.4.36 Halaman Laporan Absensi Guru
Berikut ini adalah tampilan rancangan halaman laporan absensi
yang terdapat pada SMA Dharma Praja. Laporan ini menampilkan seluruh
absensi yang telah dilakukan oleh guru tersebut. Rancangan tampilan
halaman laporan absensi dapat dilihat pada gambar 3.52
71
No Fungsi Skenario Keterangan
memasukkan username atau notifikasi bahwa
dan password yang “username dan
tidak terdaftar didalam password salah”.
sistem kemudian
menekan tombol login.
3 Logout Admin atau guru Admin atau guru akan
menekan tombol logout keluar dari sistem dan
pada sistem. kembali pada halaman
login.
72
No Fungsi Skenario Keterangan
menyimpan perubahan
kedalam sistem.
4 Data User Admin Membuka icon Sistem akan
data user pada sistem. menampilkan data-
data guru yang
terdapat di SMA
Dharma Praja.
5 Data Admin Membuka icon Sistem akan
Pegawai data pegawai pada menampilkan data
sistem. pegawai yang terdapat
di SMA Dharma Praja
secara keseluruhan.
6 Data Admin Membuka icon Sistem akan
Absensi data absensi pada menampilkan data
sistem. absensi kehadiran guru
yang telah melakukan
check in dan check out
pada sistem.
7 Data Gaji Admin Membuka icon Sistem akan
data gaji pada sistem. menampilkan data gaji
guru berdasarkan masa
kerja dari guru
tersebut.
8 Data Admin Membuka icon Sistem akan
Penggajian data penggajian pada menampilkan form
sistem. penggajian yang
digunakan bendahara
dalam menghitung
jumlah gaji guru.
9 Laporan Admin Membuka icon Sistem akan
Penggajian laporan penggajian pada menampilkan laporan
sistem. dari penggajian guru
perbulannya dan
admin dapat mengecek
data gaji guru setiap
bulannya dengan
menekan opsi periode
bulan dan tahun
kemudian tekan
73
No Fungsi Skenario Keterangan
tombol filter untuk
menampilkan data.
10 Laporan Admin Membuka icon Sistem akan
Absensi laporan data absensi menampilkan absensi
pada sistem. guru yang telah
melakukan check in
dan check out, pada
menu ini juga dapat
menampilkan absensi
kehadiran guru
terlambat dan
menampilkan jam
lembur.
74
Tabel 3. 9 Pengujian Halaman Dashboard Guru
No Fungsi Skenario Keterangan
1 Home Guru menekan icon Sistem akan
home pada sistem. menampilkan jumlah
gaji yang didapat oleh
guru yang
bersangkutan setiap
bulannya.
2 Absensi Guru membuka icon Sistem akan
absensi pada sistem. menampilkan check in
dan check out untuk
melakukan absensi
pada sistem.
3 Profile Guru Membuka icon Sistem akan
profile pada sistem. menampilkan data
profile yang dapat
digunakan untuk
merubah username,
password dan foto
profil. Kemudian
admin menekan
tombol simpan untuk
menyimpan perubahan
kedalam sistem.
4 Laporan Guru membuka icon Sistem akan
Penggajian laporan penggajian menampilkan laporan
penggajian yang
diterima oleh guru
tersebut setiap
bulannya.
5 Laporan Guru membuka icon Sistem akan
Absensi laporan absensi menampilkan daftar
kehadiran dan
keterlambatan yang
sudah dilakukan guru
tersebut setiap
bulannya.
75
3.3.26 Halaman Login Tata Usaha
76
No Fungsi Skenario Keterangan
merubah username,
password dan foto
profil. Kemudian
admin menekan
tombol simpan untuk
menyimpan perubahan
kedalam sistem.
4 Laporan Guru tata usaha Sistem akan
Penggajian membuka icon laporan menampilkan laporan
penggajian penggajian yang
diterima oleh seluruh
guru setiap bulannya.
5 Laporan Guru membuka icon Sistem akan
Absensi laporan absensi menampilkan daftar
kehadiran dan
keterlambatan yang
sudah dilakukan oleh
seluruh guru setiap
bulannya.
77
No Fungsi Skenario Keterangan
sistem kemudian
menekan tombol login.
3 Logout Kepala sekolah Kepala sekolah akan
menekan tombol logout keluar dari sistem dan
pada sistem. kembali pada halaman
login.
78
No Fungsi Skenario Keterangan
5 Laporan Kepala sekolah Sistem akan
Absensi membuka icon laporan menampilkan daftar
absensi kehadiran dan
keterlambatan yang
sudah dilakukan oleh
seluruh guru setiap
bulannya.
79
HALAMAN INI SENGAJA DIKOSONGKAN
80
BAB IV
IMPLEMENTASI DAN PEMBAHASAN
81
4.4 Halaman Login Gagal
Berikut ini adalah tampilan halaman login apabila salah dalam
memasukkan username atau password pada sistem informasi penggajian
guru pada SMA Dharma Praja Berbasis Website. Halaman login gagal
terdapat pada gambar 4.2
82
4.6 Halaman Absensi
Berikut ini adalah tampilan halaman absensi apabila admin atau
bendahara yang akan melakukan check in absensi, dan nantinya setelah
melakukan check in maka data kehadiran akan masuk kedalam data
absensi. Gambar halaman absensi terdapat pada gambar 4.4
83
4.8 Halaman Data User
Berikut ini adalah halaman data user apabila admin atau
bendahara ingin melihat siapa saja pengguna user yang telah terdaftar
dalam sistem. Terdapat kolom aksi yang digunakan untuk mengubah data
user dan kemudian tombol simpan untuk menyimpan perubahan data.
Halaman data user terdapat pada gambar 4.6
84
4.10 Halaman Data Pegawai
Berikut ini adalah tampilan halaman data pegawai apabila admin
ingin melihat data pegawai yang terdapat pada sistem. Terdapat NIP,
Nama, jabatan, tanggal masuk, tempat tanggal lahir, jenis kelamin, agama,
nomor telepon / hp, alamat, dan foto profil. Halaman data pegawai dapat
dilihat pada gambar 4.8
85
4.12 Data Absensi
Berikut ini adalah tampilan halaman data absensi guru yang
terdapat di SMA Dharma Praja, terdapat kolom nama, jabatan, tanggal
check in masuk kerja, jam datang, jam pulang, jam lembur dan status
pegawai. Kolom berwarna hijau menandakan bahwa guru tersebut datang
tepat waktu, kolom berwarna kuning menandakan bahwa guru datang
terlambat, dan kolom berwarna biru menandakan bahwa guru tersebut
lembur. Halaman data absensi terdapat pada gambar 4.10
86
4.14 Data Gaji
Berikut ini adalah tampilan halaman data gaji guru. Pada data
gaji terdapat jabatan, lamanya masa kerja, gaji pokok, gaji lembur,
tunjangan makan, tunjangan transportasi, dan tunjangan jabatan. Gaji
pokok di hitung dari lamanya masa kerja dan juga jabatan guru tersebut.
Halaman data gaji terdapat pada gambar 4.12
87
4.16 Ubah Data Gaji
Berikut ini adalah tampilan dari ubah data gaji guru, admin dapat
merubah data gaji berdasarkan masa kerja dari guru tersebut, kemudian
ada tompol simpan untuk menyimpan data baru yang telah diinputkan.
Gambar halaman ubah data gaji dapat dilihat pada gambar 4.14
88
Gambar 4. 16 Halaman Data Penggajian
89
4.19 Laporan Data Absensi
Berikut ini adalah tampilan halaman laporan data absensi guru
yang terdapat di SMA Dharma Praja pada menu admin, terdapat kolom
nama, jabatan, tanggal check in masuk kerja, jam datang, jam pulang, jam
lembur dan status pegawai. Kolom berwarna hijau menandakan bahwa
guru tersebut datang tepat waktu, kolom berwarna kuning menandakan
bahwa guru datang terlambat, dan kolom berwarna biru menandakan
bahwa guru tersebut lembur. Halaman data absensi terdapat pada gambar
4.18
90
Gambar 4. 19 Halaman Dashboard Tata Usaha
91
4.22 Halaman Profile Tata Usaha (TU)
Berikut ini adalah tampilan dari menu profile tata usaha (TU),
pada menu ini tata usaha dapat merubah username dan password dan
kemudian menyimpan data tersebut agar tersimpan kembali kedalam
sistem. Halaman profile guru dapat dilihat pada gambar 4.21
92
Gambar 4. 22 Halaman Laporan Penggajian
93
4.25 Halaman Dashboard Kepala Sekolah
Berikut ini adalah tampilan home apabila kepala sekolah berhasil
login ke dalam sistem, terdapat menu dashboard atau home, pada
tampilan home terdapat gaji perbulan yang didapat seluruh guru SMA
Dharma Praja, data absensi kehadiran seluruh guru dan data absensi
seluruh guru perharinya. Pada tampilan home terdapat grafik untuk
menampilkan jumlah penggajian perbulannya, kemudian terdapat menu
absensi untuk melakukan check in dan check out, menu profile, laporan
penggajian dan laporan absensi. halaman home kepala sekolah terdapat
pada gambar 4.24
94
Gambar 4. 25 Halaman Absensi Kepala Sekolah
95
4.28 Halaman Laporan Penggajian
Berikut ini adalah tampilan dari laporan penggajian kepala
sekolah, pada menu periode akan menampilkan laporan data gaji seluruh
guru perbulannya. Terdapat nama guru, jabatan, periode gaji, jumlah
kehadiran, jumlah lembur, gaji pokok, gaji lembur, tunjangan makan,
tunjangan transportasi, tunjangan jabatan, bonus jabatan, bonus THR,
potongan pinjaman, potongan pajak PPH 21, BPJS Ketenagakerjaan,
BPJS Kesehatan, total gaji dan gaji bersih seluruh guru, kepala sekolah
juga dapat mencetak mencetak laporan penggajian. Halaman laporan
penggajian dapat dilihat pada gambar 4.27
96
Gambar 4. 28 Halaman Laporan Absensi
97
4.31 Halaman Absensi Guru
Berikut ini adalah tampilan halaman absensi apabila guru akan
melakukan check in absensi, dan nantinya setelah melakukan check in
maka data kehadiran akan masuk kedalam data absensi. Halaman absensi
guru terdapat pada gambar 4.30
98
4.33 Halaman Laporan Penggajian
Berikut ini adalah tampilan dari laporan penggajian guru, pada
menu periode akan menampilkan laporan data gaji tiap bulannya.
Terdapat nama guru, jabatan, periode gaji, jumlah kehadiran, jumlah
lembur, gaji pokok, gaji lembur, tunjangan makan, tunjangan transportasi,
tunjangan jabatan, bonus jabatan, bonus THR, potongan pinjaman,
potongan pajak PPH 21, BPJS Ketenagakerjaan, BPJS Kesehatan, total
gaji dan gaji bersih, guru juga dapat mencetak mencetak slip gaji.
Halaman laporan penggajian dapat dilihat pada gambar 4.32 dan 4.33
99
4.34 Laporan Absensi
Berikut ini adalah tampilan halaman laporan data absensi untuk
guru yang terdapat di SMA Dharma Praja, terdapat kolom nama, jabatan,
tanggal check in masuk kerja, jam datang, jam pulang, jam lembur dan
status pegawai. Kolom berwarna hijau menandakan bahwa guru tersebut
datang tepat waktu, kolom berwarna kuning menandakan bahwa guru
datang terlambat, dan kolom berwarna biru menandakan bahwa guru
tersebut lembur. Halaman data absensi terdapat pada gambar 4.34
100
Gambar 4. 35 Halaman Slip Gaji
101
No Fungsi Skenario Keterangan
pada sistem
dan selanjutnya
menekan
tombol login
agar dapat
masuk kedalam
sistem.
2 Login Gagal Admin atau Sistem akan
guru yang menampilkan pesan
ingin login atau notifikasi bahwa
memasukkan “username dan
username dan password salah”.
password yang
tidak terdaftar
didalam sistem
kemudian
menekan
tombol login.
3 Logout Admin atau Admin atau guru
guru menekan akan keluar dari
tombol logout sistem dan kembali
pada sistem. pada halaman login.
102
No Fungsi Skenario Keterangan
keuangan yang
telah dikeluarkan
sekolah SMA
Dharma Praja untuk
menggaji guru.
2 Absensi Admin Sistem akan
membuka menampilkan check
icon absensi in untuk melakukan
pada sistem. absensi pada
sistem.
103
No Fungsi Skenario Keterangan
6 Data Absensi Admin Sistem akan
Membuka menampilkan data
icon data absensi kehadiran
absensi pada guru yang telah
sistem. melakukan check in
dan check out pada
sistem.
104
No Fungsi Skenario Keterangan
10 Laporan Penggajian Admin Sistem akan
Membuka menampilkan
icon laporan laporan dari
penggajian penggajian guru
pada sistem. perbulannya dan
admin dapat
mengecek data gaji
guru setiap
bulannya dengan
menekan opsi
periode bulan dan
tahun kemudian
tekan tombol filter
untuk menampilkan
data.
11 Laporan Absensi Admin Sistem akan
Membuka menampilkan
icon laporan absensi guru yang
data absensi telah melakukan
pada sistem. check in dan check
out, pada menu ini
juga dapat
menampilkan
absensi kehadiran
guru terlambat dan
menampilkan jam
lembur.
105
sistem dan
selanjutnya
menekan tombol
login agar dapat
masuk kedalam
sistem.
2 Login Gagal Guru yang ingin Sistem akan
login memasukkan menampilkan
username dan pesan atau
password yang notifikasi
tidak terdaftar bahwa
didalam sistem “username dan
kemudian menekan password
tombol login. salah”.
3 Logout Guru menekan Guru akan
tombol logout pada keluar dari
sistem. sistem dan
kembali pada
halaman login.
106
No Fungsi Skenario Keterangan
3 Profile Guru Membuka Sistem akan
icon profile menampilkan data
pada sistem. profile yang dapat
digunakan untuk
merubah
username,
password dan foto
profil. Kemudian
admin menekan
tombol simpan
untuk menyimpan
perubahan
kedalam sistem.
4 Laporan Penggajian Guru membuka Sistem akan
icon laporan menampilkan
penggajian laporan
penggajian yang
diterima oleh guru
tersebut setiap
bulannya.
5 Laporan Absensi Guru membuka Sistem akan
icon laporan menampilkan
absensi daftar kehadiran
dan keterlambatan
yang sudah
dilakukan guru
tersebut setiap
bulannya.
107
No Fungsi Skenario Keterangan
memasukkan guru dapat
username dan masuk
password kedalam
yang telah sistem.
terdaftar pada
sistem dan
selanjutnya
menekan
tombol login
agar dapat
masuk
kedalam
sistem.
2 Login Gagal Guru tata Sistem akan
usaha yang menampilkan
ingin login pesan atau
memasukkan notifikasi
username dan bahwa
password “username
yang tidak dan password
terdaftar salah”.
didalam
sistem
kemudian
menekan
tombol login.
3 Logout Guru tata Guru akan
usaha keluar dari
menekan sistem dan
tombol logout kembali pada
pada sistem. halaman
login.
108
No Fungsi Skenario Keterangan
1 Home Guru tata Sistem akan
usaha menampilkan
menekan jumlah gaji
icon home yang didapat
pada oleh seluruh
sistem. guru setiap
bulannya.
109
No Fungsi Skenario Keterangan
laporan yang diterima
penggajian oleh seluruh
guru setiap
bulannya.
110
No Fungsi Skenario Keterangan
agar dapat
masuk
kedalam
sistem.
2 Login Gagal Kepala Sistem akan
sekolah yang menampilkan
ingin login pesan atau
memasukkan notifikasi
username bahwa
dan “username
password dan password
yang tidak salah”.
terdaftar
didalam
sistem
kemudian
menekan
tombol login.
3 Logout Kepala Kepala
sekolah sekolah akan
menekan keluar dari
tombol sistem dan
logout pada kembali pada
sistem. halaman
login.
111
No Fungsi Skenario Keterangan
bulannya, dan
data absensi
seluruh guru
perhari nya.
2 Absensi Kepala Sistem akan
sekolah menampilkan
membuka check in dan
icon check out
absensi untuk
pada melakukan
sistem. absensi pada
sistem.
3 Profile Kepala Sistem akan
sekolah menampilkan
Membuka data profile
icon yang dapat
profile digunakan
pada untuk
sistem. merubah
username,
password dan
foto profil.
Kemudian
admin
menekan
tombol
simpan untuk
menyimpan
perubahan
kedalam
sistem.
4 Data Gaji Saya Kepala Sistem akan
sekolah menampilkan
Membuka data gaji yang
icon data didapat oleh
gaji saya kepala
pada sekolah, dan
sistem kepala
sekolah dapat
mencetak
112
No Fungsi Skenario Keterangan
data gaji yang
telah
diperoleh.
5 Laporan Penggajian Kepala Sistem akan
sekolah menampilkan
membuka laporan
icon penggajian
laporan yang diterima
penggajian oleh seluruh
guru setiap
bulannya.
113
Table 4. 9 Hasil Kuisioner
(Sumber: Penelitian, 2023)
No. Kuisioner SS S KS TS STS
114
No. Kuisioner SS S KS TS STS
10 * 35 * 5 = 1750
115
Gambar 4. 37 Grafik Pengujian UAT
116
Table 4. 11 Persentase Nilai User Acceptance Test (UAT)
Presentase Keterangan
117
HALAMAN INI SENGAJA DIKOSONGKAN
118
BAB V
PENUTUP
5.1 Simpulan
Berdasarkan dari analisis diatas, perancangan dan hasil dari penelitian
ini yang berjudul “Rancang Bangun Sistem Informasi Penggajian Guru
Pada SMA Dharma Praja Berbasis Website” maka penulis dapat
memberikan kesimpulan sebagai berikut ini :
5.2 Saran
Berdasarkan dari analisis, perancangan dan hasil dari penelitian
ini yang berjudul “Rancang Bangun Sistem Informasi Penggajian Guru
Pada SMA Dharma Praja Berbasis Website”, maka penulis dapat
memberikan saran yang diharapkan dapat meningkatkan kualitas
penelitian ini. Adapun saran-saran yang diharapkan penulis yaitu sebagai
berikut :
1. Sistem ini menggunakan metode waterfall dan diharapkan
nantinya dapat dikembangkan dengan menggunakan metode
yang berbeda dari yang telah digunakan seperti menggunakan
metode : metode Analisis Object-Oriented Analysis and Design
(OOAD), Object Oriented Technology, Metode End-user
Development (UED) dan yang lainnya.
2. Melakukan pembaruan sistem dengan menambahkan fitur
koperasi seperti simpan pinjam kedalam sistem penggajian dan
nantinya akan secara otomatis terpotong dari gaji yang telah
didapat oleh guru.
3. Dapat memperbaharui sistem dalam segi desain UI/UX agar
tampilan tidak monoton dan lebih menarik, dan menambahkan
menu-menu baru.
119
HALAMAN INI SENGAJA DIKOSONGKAN
120
DAFTAR PUSTAKA
123
LAMPIRAN
124
125
Dokumentasi Wawancara
Gambar Wawancara
126
Lampiran 2. Bukti Dokumentasi Data Penggajian
Gambar Absensi
Gambar Absensi Mengajar di SMA Dharma Praja
Gambar Data Gaji Pegawai Tetap Yayasan Dharma Praja
Pengalaman Organisasi :
2019 – 2021 : Anggota KSR PMI INSTIKI
Pengalaman Kerja :
2019 – 2022 : Crew Mc Donald’s Teuku Umar Barat
2022 – 2023 : Tim Penjualan Holland Bakery’s