rancang bangun aplikasi penggajian pada pt. puri panca pujibangun berbasis...
TRANSCRIPT
RANCANG BANGUN APLIKASI PENGGAJIAN PADA
PT. PURI PANCA PUJIBANGUN BERBASIS WEBSITE
KERJA PRAKTIK
Program Studi
S1 Sistem Informasi
Oleh:
DARY PRATAMA PUTRA
16410100032
FAKULTAS TEKNOLOGI DAN INFORMATIKA
INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA
2019
RANCANG BANGUN APLIKASI PENGGAJIAN PADA
PT. PURI PANCA PUJIBANGUN BERBASIS WEBSITE
Diajukan sebagai salah satu syarat untuk menyelesaikan
Program Sarjana Komputer
Disusun Oleh :
Nama : DARY PRATAMA PUTRA
NIM : 16410100032
Program : S1 (Strata Satu)
Jurusan : Sistem Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA
INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA
2019
Orang yang sukses bukanlah orang dengan jabatan tinggi serta gelar yang
banyak, melainkan ketika ia mampu bertahan hidup dan segala kebutuhannya
tercukupi.
karya ini saya tujukan kepada
Orang Tua,
Sahabat serta siapapun yang selalu setia mendukung saya
LEMBAR PENGESAHAN
RANCANG BANGUN APLIKASI PENGGAJIAN PADA
PT PURI PANCA PUJIBANGUN BERBASIS WEBSITE
Laporan Kerja Praktik oleh
Dary Pratama Putra
NIM : 16410100032
Telah diperiksa,diuji, dan disetujui
Surabaya, 11 Juli 2019
Pembimbing Penyelia
Agus Dwi Churniawan,S.si.,M.kom Hidayati Nuriyah
NIDN. 723088002
Mengetahui,
Ketua Program Studi S1 Sistem Informasi
Dr. Anjik Sukmaaji, S.Kom., M.Eng.
NIDN. 0731057301
SURAT PERNYATAAN
PERSETUJUAN PUBLIKASI DAN KEASLIAN KARYA ILMIAH
Sebagai mahasiswa Institut Bisnis dan Informatika Stikom Surabaya, saya :
Nama : Dary Pratama Putra
NIM : 16410100032
Program Studi : S1 Sistem Informasi
Fakultas : Fakultas Teknologi dan Informatika
Jenis Karya : Laporan Kerja Praktik
Judul Karya : RANCANG BANGUN APLIKASI PENGGAJIAN PADA
PT .PURI PANCA PUJIBANGUN BERBASIS WEBSITE
Menyatakan dengan sesungguhnya bahwa:
1. Demi pengembangan Ilmu Pengetahuan, Teknologi dan Seni, saya menyetujui
memberikan kepada Institut Bisnis dan Informatika Stikom Surabaya Hak Bebas
Royalti Non-Eksklusif (Non-Exclusive Royalti Free Right) atas seluruh isi/ sebagian
karya ilmiah saya tersebut di atas untuk disimpan, dialihmediakan dan dikelola
dalam bentuk pangkalan data (database) untuk selanjutnya didistribusikan atau
dipublikasikan demi kepentingan akademis dengan tetap mencantumkan nama saya
sebagai penulis atau pencipta dan sebagai pemilik Hak Cipta
2. Karya tersebut di atas adalah karya asli saya, bukan plagiat baik sebagian maupun
keseluruhan. Kutipan, karya atau pendapat orang lain yang ada dalam karya ilmiah
ini adalah semata hanya rujukan yang dicantumkan dalam Daftar Pustaka saya
3. Apabila dikemudian hari ditemukan dan terbukti terdapat tindakan plagiat pada
karya ilmiah ini, maka saya bersedia untuk menerima pencabutan terhadap gelar
kesarjanaan yang telah diberikan kepada saya.
Demikian surat pernyataan ini saya buat dengan sebenarnya.
Surabaya, 11 Juli 2019
Yang menyatakan
Dary Pratama Putra
NIM : 16410100032
vii
ABSTRAK
PT. PURI PANCA PUJIBANGUN adalah salah satu perusahaan yang
bergerak dalam bidang industri Percetakan Security dan Non Security Document
sebagai salah satu perusahaan yang sahamnya dimiliki oleh Pemerintah Daerah
Provinsi Jawa Timur yang berdiri berdasarkan akta nomor 02 tanggal 05 januari
2000.
Aplikasi penggajian berbasis website adalah aplikasi yang digunakan
untuk mengetahui proses penggajian serta mencetak slip gaji antara karyawan
dengan pihak manajer keuangan PT Puri Panca Pujibangun yang berbasis website.
Interaksi yang terdapat pada aplikasi ini adalah proses penggajian serta mencetak
slip gaji.
Berdasarkan survey dan wawancara dengan bagian keuangan, didapatkan
informasi bahwa memperoleh informasi tentang penggajian dan mencetak slip
gaji karyawan prosesnya cukup lama. Diharapkan dengan pembuatan aplikasi
penggajian berbasis web, dapat mempermudah tentang penggajian dan mencetak
slip gaji.
Kata Kunci : Aplikasi Penggajian,Website,Penggajian.
viii
KATA PENGANTAR
Segala puji dan syukur bagi Allah SWT yang maha pengasih lagi maha
penyanyang dan telah memberikan nikmat kepada penulis sehingga dapat
menyelesaikan laporan Kerja Praktik (KP) dengan judul “Rancang Bangun
Aplikasi Penggajian Pada PT. Puri Panca Pujibangun Berbasis Website”
dengan lancar tanpa ada hambatan yang berarti.
Penulis menyusun laporan ini berdasarkan hasil Kerja Praktik di PT.
Puri Panca Pujibangun dengan tujuan agar diterima sebagai syarat kelulusan
Mata Kuliah Kerja Praktik Program Studi S1 Sistem Informasi Institut Bisnis
dan Informatika Stikom Surabaya.
Penyelesaian penyusunan laporan Kerja Praktik ini penulis ingin
mengucapkan terima kasih kepada semua pihak yang telah membantu dalam
penyelesaian laporan ini diantaranya :
1. Orang tua dan keluarga besar Penulis yang selalu memberikan
dukungan dan motivasi kepada penulis.
2. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng., selaku Ketua Program
Studi S1 Sistem Informasi yang telah memberikan arahan selama
pelaksanaan kerja praktik.
3. Bapak Agus Dwi Churniawan, S.Si., M.Kom. selaku Dosen
Pembimbing yang telah memberikan dukungan berupa motivasi, saran,
dan wawasan bagi Penulis selama pelaksanaan kerja praktik dan
pembuatan laporan kerja praktik.
ix
4. Ibu Hidayati Nuriyah selaku Manajer Keuangan dan penyelia penulis
yang telah memberikan ijin selama pelaksanaan kerja praktik sekaligus
arahan selama pelaksanaan kerja praktik.
5. Arif Nur Abdillah selaku rekan penulis yang bersama-sama
melaksanakan kerja praktik di PT. Puri Panca Pujibangun. segenap
sahabat dan teman penulis yang telah memberi dukungan dan
membantu dalam pelaksanaan kerja praktik dan penyelesaian laporan
kerja praktik.
6. Semua pihak yang tidak dapat disebutkan satu persatu dalam
kesempatan ini, yang telah memberikan bantuan moral dan materil
dalam proses penyelesaian laporan ini.
Penulis menyadari dalam penyelesaian laporan ini banyak kesalahan
meski telah disusun dengan maksimal, baik dalam penulisan, tata bahasa
ataupun tanda baca. Oleh sebab itu penulis mengharapkan kritik dan saran dari
pembaca yang dapat membangun penulisan menjadi lebih baik.
Akhir kata, semoga laporan ini dapat memberi banyak manfaat untuk
para pembaca sekalian.
Surabaya, 11 Juli 2019
Penulis
x
DAFTAR ISI
Halaman
ABSTRAK ............................................................................................................ vii
KATA PENGANTAR ......................................................................................... viii
DAFTAR ISI ........................................................................................................... x
DAFTAR TABEL ................................................................................................. xii
DAFTAR GAMBAR ........................................................................................... xiii
DAFTAR LAMPIRAN ......................................................................................... xv
BAB I ...................................................................................................................... 1
1.1 Latar Belakang.......................................................................................... 1
1.2 Perumusan Masalah .................................................................................. 2
1.3 Pembatasan Masalah ................................................................................ 2
1.4 Tujuan ....................................................................................................... 2
1.5 Manfaat ..................................................................................................... 2
1.6 Sistematika Penulisan ............................................................................... 3
BAB II ..................................................................................................................... 5
2.1 Uraian Singkat PT Puri Panca PujiBangun Surabaya ............................. 5
2.2 Sejarah PT Puri Panca Pujibangun Surabaya ........................................... 5
2.3 Lokasi Perusahaan .................................................................................... 6
2.4 Visi dan Misi PT Puri Panca Pujibangun Surabaya ................................. 6
2.5 Struktur Organisasi PT Puri Panca PujiBangun Surabaya ....................... 7
BAB III ................................................................................................................... 8
3.1 Sistem Informasi Penggajian .................................................................... 8
3.2 Penggajian ................................................................................................ 8
xi
3.3 Aplikasi .................................................................................................... 8
3.4 Website ..................................................................................................... 9
3.5 HTML ....................................................................................................... 9
3.6 JavaScript ................................................................................................. 9
3.7 Database ................................................................................................. 10
3.8 MySQL .................................................................................................... 10
3.9 PHP ......................................................................................................... 10
3.10 Codeigniter ............................................................................................. 11
BAB IV ................................................................................................................. 12
4.1 Identifikasi Masalah ............................................................................... 12
4.2 Perancangan Sistem ................................................................................ 12
4.3 Implementasi Sistem .............................................................................. 37
BAB V ................................................................................................................... 44
DAFTAR PUSTAKA ........................................................................................... 45
LAMPIRAN .......................................................................................................... 46
xii
DAFTAR TABEL
Halaman
Tabel 4.1. Tabel Keterangan Sequence Diagram Login ....................................... 22
Tabel 4.2. Tabel Keterangan Sequence Diagram cetak slip gaji .......................... 24
Tabel 4.3. Tabel Keterangan Sequence Diagram Melihat gaji ............................. 25
Tabel 4.4. Tabel Keterangan Sequence Diagram Input data karyawan dan
pekerjaan ............................................................................................. 27
Tabel 4.5 Tabel Sequence Diagram Membuat Laporan ....................................... 29
xiii
DAFTAR GAMBAR
Halaman
Gambar 2.1. Logo Perusahaan ................................................................................ 5
Gambar 2.2. Struktur Organisasi PT Puri Panca Pujibangun ................................. 7
Gambar 4.1. Use Case Diagram Penggajian ........................................................ 14
Gambar 4.2. Activity Diagram pada use case login .............................................. 15
Gambar 4.3. Activity Diagram pada cetak slip gaji .............................................. 17
Gambar 4.4. Activity Diagram pada melihat gaji .................................................. 18
Gambar 4.5 Activity Diagram Input data karyawan dan data pekerjaan. .............. 19
Gambar 4.6. Activity Diagram dari use case diagram membuat laporan .............. 20
Gambar 4.7. Sequence Diagram Login ................................................................. 21
Gambar 4.8. Sequence Diagram Cetak Slip Gaji .................................................. 23
Gambar 4.9. Sequence Diagram melihat gaji ....................................................... 24
Gambar 4.10. Sequence Diagram Input data karyawan dan pekerjaan ................ 26
Gambar 4.11. Sequence Diagram membuat Laporan ........................................... 28
Gambar 4.12. Class Diagram Penggajian ............................................................. 30
Gambar 4.13. Tampilan utama aplikasi ................................................................ 31
Gambar 4.14. Form Login ..................................................................................... 32
Gambar 4.15. Input data karyawan ....................................................................... 33
Gambar 4.16. Input data pekerjaan ....................................................................... 34
Gambar 4.17. Cetak Laporan data karyawan ........................................................ 35
Gambar 4.18. Cetak Laporan gaji karyawan ......................................................... 35
Gambar 4.19. Menu cetak slip gaji ....................................................................... 36
Gambar 4.20. Slip gaji .......................................................................................... 37
Gambar 4.21. Implementasi tampilan utama ........................................................ 37
xiv
Gambar 4.22. Menu login ..................................................................................... 38
Gambar 4.23. Tampilan login sebagai manajer keuangan .................................... 39
Gambar 4.24. Login sebagai karyawan ................................................................. 39
Gambar 4.25. Input data karyawan ....................................................................... 40
Gambar 4.26. Tampil data karyawan .................................................................... 40
Gambar 4.27. Input data pekerjaan ....................................................................... 41
Gambar 4.28. Tampilan data pekerjaan ................................................................ 41
Gambar 4.29. Cetak laporan data karyawan ......................................................... 42
Gambar 4.30. Cetak laporan gaji karyawan .......................................................... 42
Gambar 4.31. Menu cetak slip gaji ....................................................................... 43
Gambar 4.32. Cetak slip gaji ................................................................................. 43
xv
DAFTAR LAMPIRAN
Halaman
Lampiran 1. Surat Balasan Instansi ...................................................................... 46
Lampiran 2. Form KP-5 (Acuan Kerja) ................................................................ 47
Lampiran 3. Form KP-5 Garis Besar Rencana Kerja Mingguan ........................ 48
Lampiran 4. Form KP-6 ........................................................................................ 49
Lampiran 5. Kartu Bimbingan Kerja Praktik ........................................................ 50
Lampiran 6. Biodata Penulis ................................................................................. 51
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Penggajian salah satu hal yang penting dalam hak asasi manusia (HAM)
dalam berkerja disuatu perusahaan. Penghargaan atas kinerja karyawan diapresiasi
melalui gaji. Gaji adalah “Sebuah bentuk pembayaran atau sebuah hak yang
diberikan oleh sebuah perusahaan atau instansi kepada pegawai”. (Mardi 2014).
PT Puri Panca Pujibangun berlokasi di Jalan Mastrip No. 70 Karang
Pilang Surabaya. Setiap bulan pihak PT Puri Panca Pujibangun khususnya bagian
keuangan mencetak slip gaji karyawan serta membuat laporan data dan gaji
karyawannya, proses penggajian serta cetak slip gaji di PT Puri Panca Pujibangun
sudah terkomputerisasi hanya saja belum otomatis. Sebagai contoh cetak slip gaji
dari data karyawan yang ada dan telah diterima lalu dipindahkan ke Microsoft
Word untuk dicetak satu persatu. Data karyawan dan data gaji digunakan oleh PT
Puri Panca Pujibangun sebagai data penggajian, cetak slip gaji, dan cetak laporan.
Dan itu merupakan permasalahan yang selama ini terjadi di PT Puri Panca
Pujibangun.
Permasalahan yang terjadi pada PT Puri Panca Pujibangun yaitu proses
penggajian dan cetak slip gaji dirasa masih manual dan belum terhubung secara
otomatis sehingga membutuhkan proses yang lama dalam melakukan penggajian
serta mencetak slip gaji.
2
1.2 Perumusan Masalah
Berdasarkan latar belakang yang telah dijabarkan, maka dapat dirumuskan
yaitu, Bagaimana cara merancang dan membangun Aplikasi Penggajian di PT
Puri Panca PujiBangun Surabaya.
1.3 Pembatasan Masalah
Batasan masalah pada Aplikasi Penggajian di PT Puri Panca PujiBangun
Surabaya yaitu :
1. Aplikasi ini digunakan untuk bagian keuangan serta karyawan.
2. Aplikasi penggajian ini berbasis Website
3. Database menggunakan MySql
1.4 Tujuan
Berdasarkan rumusan masalah, maka tujuan dari kerja praktik, yaitu
memudahkan manajer keuangan serta karyawan untuk melakukan penggajian,
pengecekan jumlah gaji serta meminta dan mencetak slip gaji.
1.5 Manfaat
Adapun manfaat yang diperoleh oleh PT Puri Panca PujiBangun Surabaya
dengan mengimplementasikan Aplikasi Penggajian yaitu :
1. Memudahkan para bagian keuangan khususnya manajer keuangan dan
karyawan dalam proses penggajian dan mencetak slip gaji
2. Memperkenalkan Aplikasi Penggajian berbasis Website
3. Penyusun dapat mengetahui proses merancang dan membangun
aplikasi penggajian berbasis website.
3
1.6 Sistematika Penulisan
Sistematika penulisan yang digunakan pada laporan kerja praktik ini sebagai
berikut :
BAB I : PENDAHULUAN
Pada bab ini akan menjelaskan tentang latar belakang perumusan
masalah, batasan masalah, tujuan, manfaat, dan sistematika
penulisan laporan kerja praktik rancang bangun aplikasi
penggajian berbasis website di PT Puri Panca PujiBangun.
BAB II : GAMBARAN UMUM PERUSAHAAN
Pada bab ini akan menjelaskan tentang PT Puri Panca Pujibangun,
visi, misi, dan struktur organisasi.
BAB III : LANDASAN TEORI
Bab ini menjelaskan mengenai teori – teori yang melandasi dalam
rancang bangun Aplikasi Penggajian berbasis website di PT Puri
Panca Pujibangun.
BAB IV : DESKRIPSI PEKERJAAN
Bab ini menjelaskan tentang langkah – langkah pembuatan sistem
masalah berdasarkan analisis kebutuhan diantaranya indentifikasi
masalah, yang membahas keseluruhan desain input, proses, dan
output serta implementasi sistem yang dilakukan di PT Puri Panca
Pujibangun.
4
BAB V : PENUTUP
Bab ini berisi kesimpulan tentang pembuatan aplikasi penggajian
pada PT Puri Panca Pujibangun Surabaya serta saran yang
bermanfaat dalam pengembangan aplikasi di waktu mendatang.
5
BAB II
GAMBARAN UMUM PERUSAHAAN
2.1 Uraian Singkat PT Puri Panca PujiBangun Surabaya
Gambar 2.1. Logo Perusahaan
PT Puri Panca Pujibangun sebagai salah satu perusahaan yang sahamnya
dimiliki oleh pemerintah Daerah jawa timur yang berdiri berdasarkan akte no. 02
tanggal 05 januari 2000.
Berbekal kepercayaan pelanggan atas mutu dan pelayanan yang diberikan ,
PT Puri Panca Pujibangun terus tumbuh dan senantiasa terpacu untuk menjaga
pertumbuhan yang berkesinambungan dalam menghasilkan produk – produk yang
bernilai tambah dan bermutu tinggi.
2.2 Sejarah PT Puri Panca Pujibangun Surabaya
PT. Panca Puji Bangun.berdiri sejak tahun 1970 dan dibangun diatas tanah
dengan luas lahan 8000 m2 berlokasi di jalan pengenal 3-5-7 Surabaya jawa
timur.
Dan pada tahun 2011 PT Panca Pujibangun berganti nama menjadi PT Puri
Panca Pujibangun dan pindah lokasi di kawasan industri wira jatim Jl. Mastrip no
70 Karang Pilang Surabaya dengan luas lahan 5000 m2.
6
2.3 Lokasi Perusahaan
PT Puri Panca Pujibangun mempunyai Head Office yang berlokasi di Jl.
Mastrip No. 70 Karang Pilang Surabaya.
2.4 Visi dan Misi PT Puri Panca Pujibangun Surabaya
2.4.1 Visi
“Menjadi salah satu perusahaan security printing terbesar di indonesia
dengan pelayanan Total – Solution (Design, Printing, Distributor)”.
2.4.2 Misi
“Memberikan produk security printing yang berkualitas dan membangun
jaringan yang baik dengan instansi pemerintah sebagai pasar yang terbesar di
Indonesia”.
7
2.5 Struktur Organisasi PT Puri Panca PujiBangun Surabaya
Adapun Struktur organisasi dari PT Puri Panca Pujibangun Surabaya yaitu:
Gambar 2.2. Struktur Organisasi PT Puri Panca Pujibangun
8
BAB III
LANDASAN TEORI
3.1 Sistem Informasi Penggajian
Untuk mencegah terjadinya kesalahan serta penyimpangan dalam
perhitungan dan pembayaran gaji dibutuhkan suatu sistem penggajian. Aplikasi
serta sitem yang jelas mengenai gaji karyawan sehimgga dapat dipahami dan
mudah digunakan.Sedangkan sistem penggajian sendiri merupakan “Serangkaian
aktivitas bisnis dan kegiatan pengolahan karyawan perusahaan secara efektif”
(Krismiaji, 2010).
Sistem Penggajian menyatakan bahwa sistem informasi penggajian
dirancang untuk menangani transaksi gaji atau upah karyawan pembayarannya.
(Mulyadi, 2016).
3.2 Penggajian
Penghargaan atas kinerja karyawan diapresiasi melalui gaji. Gaji adalah
“Sebuah bentuk pembayaran atau sebuah hak yang diberikan oleh sebuah
perusahaan atau instansi kepada pegawai”. (Mardi, 2014).
3.3 Aplikasi
Aplikasi merupakan suatu program yang telah siap untuk digunakan yang
dibuat untuk melaksanakan suatu fungsi bagi pengguna jasa aplikasi. Aplikasi
menurut Kamus Besar Bahasa Indonesia juga dapat diartikan, “Aplikasi adalah
penerapan dari rancangan sistem untuk mengolah data yang menggunakan aturan
atau ketentuan bahasa pemrograman tertentu”. (Juansyah, 2016).
9
3.4 Website
Website dapat diartikan kumpulan dari halaman – halaman yang dapat
menampilkan informasi teks, gambar, suara, animasi, atau gabungan dari
semuanya baik website yang bersifat statis maupun yang bersifat dinamis, yang
membentuk satu rangkaian bangunan yang saling terkait, yang dihubungkan
dengan jaringan – jaringan halaman. Hubungan antara satu halaman web dengan
halaman web yang lainnya disebut hyperlink, sedangkan teks yang dijadikan
media penghubung disebut hypetext. (Batubara, 2012).
3.5 HTML
HTML adalah singkatan dari Hyper Text Markup Language yang merupakan
bahasa paling dasar yang digunakan untuk menampilkan informasi dan mengelola
tampilan pada halaman website. HTML adalah bahasa pemrograman bebas,
artinya tidak dimiliki siapa pn dan dapat dikembangkan bersama – sama secara
global (Saputra, 2012).
3.6 JavaScript
Javascript adalah bahasa script yang berjalan pada web browser (sebagai
client server programming). Javascript bergantung kepada browser (navigator)
yang memanggil halaman web yang berisi script – script. Javascript digunakan
untuk menyediakan akses script untuk objek yang dimasukkan (embedded) di
aplikasi lain. Javascript tidak memerlukan kompilator atau penterjemah khusus
untuk menjalankan karena pada kenyataannya kompilator Javascript sendiri sudah
termasuk di dalam browser tersebut (MADCOMS, 2012).
10
3.7 Database
Database adalah kumpulan data yang terkait. Tujuannya untuk memudahkan
dalam mengakses data sehingga data dengan mudah untuk ditambah, dihapus, di
dibaca. Yang berada dalam sebuah database adalah sekumpulan tabel atau objek
lain (indeks, view, dan lain – lain). (Kadir, 2008).
3.8 MySQL
MySQL adalah salah satu software database kelas dunia yang sangat
sesuai bila dipadukan dengan bahasa pemrograman PHP. MySQL menggunakan
bahasa standar yang biasa digunakan untuk manipulasi database yaitu bahasa
SQL (Structure Query Language). MySQL bersifat gratis dan open source yang
tersedia dibanyak platform, MySQL juga merupakan tipe data relasional yang
berarti MySQL menyimpan datanya dalam bentuk tabel – tabel yang saling
berhubungan (Saputra, 2012).
MySQL sering digunakan oleh banyak programmer karena beberapa
alasan, diantaranya yaitu :
1. Bersifat open source
2. Memiliki performance dan reliable
3. Menggunakan bahasa SQL
4. Pemrosesan database nya cepat dan stabil
3.9 PHP
PHP singkatan dari Hypertext Preprocessor, yang merupakan bahasa
berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasil dari
11
proses skrip tersebut akan disampaikan kepada klien menggunakan browser. PHP
dirancang untuk membentuk web dinamis. (Kadir, 2009).
Berdasarkan pendapat di atas maka dapat disimpulkan jika PHP
(Hypertext Preprocessor) adalah bahasa pemrograman yang ditempatkan dan
diproses di dalam server dan digunakan untuk mengembangkan sebuah website
dinamis.
3.10 Codeigniter
CodeIgniter adalah sebuah framework PHP yang dapat membantu
mempercepat developer dalam pengembangan aplikasi web berbasis PHP
dibandingkan jika menulis semua kode program dari awal (Hakim, 2010).
12
BAB IV
DESKRIPSI PEKERJAAN
4.1 Identifikasi Masalah
Tahap mengidentifikasi masalah digunakan sebagai dasar pembangunan
aplikasi. Identifikasi yang dilakukan adalah dengan mempelajari proses yang ada,
melakukan wawancara, dan melakukan pengamatan pada manajer keuangan di
PT. Puri Panca Pujibangun. untuk dapat mengetahui proses bisnis penggajian
yang ada.
Dari analisa yang telah dilakukan, maka didapatkan hasil bahwa kegiatan
penggajian PT Puri Panca Pujibangun. Memiliki sebuah permasalahan, seperti
cetak kertas slip gaji masih manual dengan contoh masih menggunakan Microsoft
Word satu template untuk banyak karyawan yang pada akhirnya membuat
manajer keuangan mesti menginput dan mengganti satu persatu sesuai dengan
karyawan yang meminta slip gaji tersebut,
4.2 Perancangan Sistem
Perancangan sistem bertujuan untuk Aplikasi Penggajian berbasis website
pada Pt Puri Panca Pujibangun yang terdiri dari Use case Diagram, Activity
Diagram, Class Diagram, dan Sequence Diagram.
13
4.2.1 Use Case Diagram
Sebelum mendefenisikan use case diagram ini terlebih dahulu ditentukan
actor. Actor adalah segala sesuatu yang berinteraksi dengan sistem aplikasi.
Adapun Actor dari use case diagram analisa dari sistem berjalan ini, terdiri dari
dua actor yakni manajer keuangan dan karyawan. Penjelasan masing-masing actor
berikut :
a) Actor Manajer Keuangan
Manajer keuangan PT Puri Panca Pujibangun
Keterangan : Manajer keuangan dapat menginput dan mencetak laporan data
karyawan, data gaji serta mencetak slip gaji.
b) Actor Karyawan
Karyawan PT Puri Panca Pujibangun
Keterangan : karyawan dapat melihat dan meminta slip gaji.
Dari penjelasan actor diatas berikut penjelasan use case digram sistem
penggajian dan cetak slip gaji pada PT Puri Panca Pujibangun.
14
Gambar 4.1. Use Case Diagram Penggajian
Dari gambar use case diagram diatas proses kegiatan dilakukan oleh
pengelola sistem dengan sistem aplikasi adalah sebagai berikut :
1. Manajer keuangan dan karyawan PT Puri Panca Pujibangun mempunyai akses
login dalam sistem
2. Karyawan dapat melakukan pengecekan gaji karyawan dan melakukan
permohonan pencetakan slip gaji.
3. Manajer keuangan dapat melihat dan mencetak slip gaji yang dimohon oleh
karyawan serta dapat membuat laporan.
15
4.2.2 Activity Diagram
Activity Diagram menjelaskan rancangan alur aktivitas dalam sistem yang
sedang dirancang. Activity diagram pada aplikasi penggajian berbasis Website
pada PT. Puri Panca Pujibangun terdiri dari beberapa activity antara lain :
a) Activity Diagram pada use case login
Berikut adalah alur kerja (workflow) proses tampilan dan urutan aktivitas oleh
manajer keuangan dan karyawan dalam proses use case login.
Gambar 4.2. Activity Diagram pada use case login
16
Keterangan :
1. Actor yang dimaksud dalam Activity Diagram yaitu manajer keuangan dan
karyawan PT Puri Panca Pujibangun, pada saat karyawan melakukan login
apabila akan melihat laporan gaji, sedangkan manajer keuangan melakukan
login ketika akan melakukan entri data karyawan dan pekerjaan serta
mencetak slip gaji bagi karyawan yang menginginkan cetak slip gaji .
Dengan cara mengisikan username dan password pada form login.
2. Aplikasi akan mengolah inputan yang dimasukkan oleh actor, kemudian
aplikasi akan melakukan pengecekan validasi data yang telah dimasukkan.
3. Aplikasi akan menampilkan dashboard atau halaman utama jikas sukses login
apabila login gagal dan data yang dimasukkan tidak sesuai, maka aplikasi
akan menampilkan notifikasi jika username dan password salah.
b) Activity Diagram pada use case cetak slip gaji
Berikut adalah alur kerja (workflow) proses tampilan dan urutan aktivitas oleh
manajer keuangan dan karyawan dalam proses use case cetak slip gaji.
17
Gambar 4.3. Activity Diagram pada cetak slip gaji
Keterangan :
1. Manajer keuangan Pt Puri Panca Pujibangun dapat mencetak slip gaji jika
telah mengisi data karyawan dan data pekerjaan dan telah tersimpan , saat
karyawan ingin mencetak slip gaji hanya bisa dilakukan oleh manajer
keuangan dengan cara berbicara secara langsung kepada manajer keuangan
2. Setelah data sudah siap dan telah terisi semua sistem akan mengecek
kelengkapan data jika sudah lengkap maka manajer keuangan dapat mencetak
slip gaji.
18
c) Activity Diagram pada use case Melihat gaji
Berikut adalah alur kerja (workflow) proses tampilan dan urutan aktivitas oleh
karyawan dalam proses use case melihat gaji di Pt Puri Panca Pujibangun.
Gambar 4.4. Activity Diagram pada melihat gaji
Keterangan :
1. Karyawan PT Puri Panca Pujibangun dapat melihat laporan gaji jika telah
melakukan login dan masuk ke halaman utama dan memilih menu lihat gaji.
19
d) Activity Diagram input data karyawan dan data pekerjaan
Berikut adalah alur kerja (workflow) proses tampilan dan urutan aktivitas oleh
Manajer keuangan dalam proses use case input data karyawan dan data pekerjaan
di PT Puri Panca Pujibangun.
Gambar 4.5 Activity Diagram Input data karyawan dan data pekerjaan.
Keterangan :
1. Manajer keuangan PT Puri Panca Pujibangun dapat mengisi data karyawan /
data pekerjaan jika telah melakukan login dan masuk ke halaman utama dan
memilih menu data karyawan / data pekerjaan kemudian jika data lengkap
20
maka akan tersimpan secara otomatis jika belum lengkap maka akan diminta
untuk melengkapi jika sudah lengkap data akan tersimpan.
e) Activity Diagram membuat laporan
Berikut adalah alur kerja (workflow) proses tampilan dan urutan aktivitas oleh
manajer keuangan dalam proses use case membuat laporan data karyawan / gaji
karyawan di PT Puri Panca Pujibangun.
Gambar 4.6. Activity Diagram dari use case diagram membuat laporan
Keterangan :
1. Manajer keuangan PT Puri Panca Pujibangun dapat membuat laporan data
karyawan / gaji karyawan jika telah melakukan login dan masuk ke halaman
utama dan memilih menu laporan data karyawan / gaji karyawan kemudian
tercetak secara otomatis.
21
4.2.3 Sequence Diagram
Sequence Diagram ini menjelaskan rancangan interaksi antar obyek di
dalam dan sekitar sistem berupa pesan, juga menjelaskan langkah - langkah
yang dilakukan sebagai respon dari client untuk menghasilkan output.
Pada aplikasi penggajian pada PT Puri Panca Pujibangun ini proses
sequence diagram menjelaskan rancangan secara detail rangkaian kegiatan yang
dilakukan baik oleh pengguna saat menjalankan aplikasi secara detail atau
menjalankan modul-modul aplikasi satu persatu yang telah dijelaskan dalam use
case diagram. Sequence diagram dari aplikasi Penggajian ini terdiri dari sebagai
berikut :
a. Sequence diagram pada use case login
Sequence diagram ini untuk menjelaskan atau merancang rangkaian proses
yang dilakukan oleh Actor untuk mengetahui alur proses login, adapun sequence
diagram tentang proses login ini adalah :
Gambar 4.7. Sequence Diagram Login
22
Tabel 4.1. Tabel keterangan Sequence Diagram Login
Nama Deskripsi
Actor User (Manajer Keuangan / Karyawan) yang
berinteraksi dengan sistem.
Form Utama Tampilan form untuk mengentrikan data
username dan password pada aplikasi.
Control User Proses login untuk masuk pada form Halaman
Utama.
User Entity Modul penyimpanan data-data Manajer
Keuangan / Karyawan.
23
b. Sequence diagram pada use case cetak slip gaji
Sequence diagram ini untuk menjelaskan atau merancang rangkaian proses
yang dilakukan oleh manajer keuangan untuk mengetahui alur proses cetak slip
gaji, adapun sequence diagram tentang proses cetak slip gaji ini adalah :
Gambar 4.8. Sequence Diagram Cetak Slip Gaji
24
Tabel 4.2. Tabel keterangan Sequence Diagram cetak slip gaji
Nama Deskripsi
Manajer keuangan User (Manajer Keuangan) yang berinteraksi
dengan sistem.
Menu utama Tampilan form untuk mengentri data karyawan
yang ingin cetak slip gaji
Control gaji Proses menyimpan data gaji karyawan
Menu Gaji karyawan Melakukan Pengecekan
Master gaji Data tersimpan dan siap cetak slip gaji
c. Sequence diagram pada use case Melihat gaji
Sequence diagram ini untuk menjelaskan atau merancang rangkaian proses
yang dilakukan oleh karyawan untuk mengetahui alur proses melihat gaji, adapun
sequence diagram tentang proses melihat gaji karyawan ini adalah :
Gambar 4.9. Sequence Diagram melihat gaji
25
Tabel 4.3. Tabel Keterangan Sequence Diagram Melihat gaji
Nama Deskripsi
karyawan User (Karyawan) yang berinteraksi dengan
sistem.
Menu utama Memilih menu lihat gaji
Control gaji Menampilkan form lihat gaji
Lihat gaji Menampilkan data gaji karyawan
gaji Mengambil data dari database gaji
d. Sequence Diagram pada use case input data karyawan dan pekerjaan
Sequence diagram ini untuk menjelaskan atau merancang rangkaian proses
yang dilakukan oleh manajer keuangan untuk mengetahui alur proses input data
karyawan dan pekerjaan, adapun sequence diagram tentang proses input data
karyawan dan pekerjaan ini adalah :
Gambar 4.10. Sequence Diagram Input data karyawan dan pekerja
27
Tabel 4.4. Tabel Keterangan Sequence Diagram Input data karyawan dan
pekerjaan
Nama Deskripsi
Manajer keuangan User yang berinteraksi dengan sistem masuk ke
menu utama
Menu utama Memilih menu data karyawan data pekerjaan
kemudian entri data
Control karyawan dan
pekerjaan
Menyimpan data yang telah di entri
Form isian Menyimpan, mengubah, dan menghapus data
yang telah di isikan
Data karyawan data pekerjaan Menampilkan data karyawan data pekerjaan
e. Sequence Diagram pada Use case membuat laporan
Sequence diagram ini untuk menjelaskan atau merancang rangkaian proses
yang dilakukan oleh manajer keuangan untuk mengetahui alur proses mencetak
laporan, adapun sequence diagram tentang proses mencetak laporan ini adalah :
28
Gambar 4.11. Sequence Diagram membuat Laporan
29
Tabel 4.5 Tabel Sequence Diagram Membuat Laporan
Nama Deskripsi
Manajer keuangan User yang berinteraksi dengan sistem masuk
menu utama
Menu utama Memilih menu laporan data karyawan dan gaji
karyawan
Control App Mengecek data yang dicari
Laporan Memilih data karyawan dan gaji karyawan
Laporan data karyawan Menampilkan data karyawan
Database karyawan dan
pekerjaan
Mengambil data yang dicari
4.2.4 Class Diagram
Diagram kelas menggambarkan struktur sistem daari segi pendefinisian
kelas – kelas yang akan dibuat untuk membangun sistem.
Class diagram dalam sistem penggajian pada PT Puri Panca Pujibangun
ini yaitu :
1. Kelas FmenuUtama.
2. Kelas Form isian.
3. Kelas Control.
4. Kelas User.
5. Kelas Pekerjaan
6. Kelas Karyawan
7. Kelas Gaji
Berikut ini ada class diagram dari Aplikasi Penggajian yang dapat dilihat
pada Gambar 4.12 Class Diagram Penggajian:
30
Gambar 4.12. Class Diagram Penggajian
4.2.5 Rancang Desain Aplikasi
A. Desain Tampilan Utama
Tampilan menu utama aplikasi adalah menu yang digunakan untuk
menampilkan dashboard serta bagain menu bagi pengguna untuk memilih
menu-menu yang terdapat pada aplikasi penggajian tersebut. Untuk
mengakses semua menu yaitu Dashboard, Data Karyawan, Data Pekerjaan,
Gaji Karyawan, Laporan, Manajemen user dan Logout. Berikut tampilan
utama aplikasi Penggajian pada PT Puri Panca Pujibangun.
31
Gambar 4.13. Tampilan utama aplikasi
B. Desain Menu Login
Menu Login adalah menu yang digunakan untuk memverifikasi pengguna
aplikasi untuk menjaga keamanan data. Untuk dapat menjalankan aplikasi
yaitu pada menu utama, manajer keuangan dan karyawan harus memasukkan
username dan password yang telah didaftarkan.
Berikut tampilan login aplikasi Penggajian pada PT Puri Panca
Pujibangun.
32
Gambar 4.14. Form Login
C. Desain Input Data Karyawan
Menu Input data karyawan adalah menu yang digunakan untuk manajer
keuangan memasukkan data para karyawan Berikut tampilan input data
karyawan aplikasi Penggajian pada PT Puri Panca Pujibangun.
33
Gambar 4.15. Input data karyawan
D. Desain Input Data Pekerjaan
Menu Input data pekerjaan adalah menu yang digunakan untuk manajer
keuangan memasukkan data para pekerjaan. Berikut tampilan input data
pekerjaan aplikasi Penggajian pada PT Puri Panca Pujibangun.
34
Gambar 4.16. Input data pekerjaan
E. Desain Cetak Laporan
Menu cetak laporan adalah menu yang digunakan untuk manajer keuangan
mencetak laporan data karyawan serta data gaji karyawan. Berikut tampilan
cetak laporan pada aplikasi Penggajian pada PT Puri Panca Pujibangun.
35
Gambar 4.17. Cetak Laporan data karyawan
Gambar 4.18. Cetak Laporan gaji karyawan
36
F. Desain Cetak Slip Gaji
Menu cetak slip gaji adalah menu yang digunakan untuk manajer
keuangan mencetak slip gaji. Berikut tampilan cetak laporan pada aplikasi
Penggajian pada PT Puri Panca Pujibangun.
Gambar 4.19. Menu cetak slip gaji
37
Gambar 4.20. Slip gaji
4.3 Implementasi Sistem
A. Implementasi tampilan utama
Tampilan utama aplikasi sudah terpenuhi sehingga siap untuk digunakan.
Gambar 4.21. Implementasi tampilan utama
38
B. Implementasi Menu Login
Form Login telah diimplementasikan untuk Menu Login aplikasi sudah
terpenuhi sehingga siap digunakan. Fungsi dari Form Login adalah sebagai
menu untuk mengakses halaman utama aplikasi penggajian serta jika login
sebagai manajer keuangan tampilannya akan berbeda jika login sebagai
karyawan.
Gambar 4.22. Menu login
Berikut adalah tampilan jika login sebagai manajer keuangan dimana pada
halaman ini memiliki banyak menu.
39
Gambar 4.23. Tampilan login sebagai manajer keuangan
Berikut adalah tampilan jika login sebagai karyawan dimana pada halaman
ini tidak memiliki banyak menu karena karyawan hanya dapat melihat gaji saja.
Gambar 4.24. Login sebagai karyawan
40
C. Implementasi Input data karyawan
Fungsi pada menu Input data karyawan, Manajer keuangan dapat mengentri
dan menyimpan data seperti nik, username, password, nama, alamat, jenis
kelamin, agama, pendidikan, asal sekolah dan jabatan.
Gambar 4.25. Input data karyawan
Gambar 4.26. Tampil data karyawan
41
D. Implementasi Input data Pekerjaan
Fungsi pada menu Input data karyawan, manajer keuangan dapat mengentri
dan menyimpan data seperti jabatan, gaji pokok, tunjangan keluarga, tunjangan
kesehatan, tunjangan transportasi, tunjangan pendidikan.
Gambar 4.27. Input data pekerjaan
Gambar 4.28.Tampilan data pekerjaan
42
E. Implementasi Cetak Laporan
Fungsi pada menu cetak laporan ada dua yaitu laporan untuk data karyawan
dan laporan gaji karyawan, Manajer keuangan dapat mencetak laporan kapan saja
jika membutuhkan laporan tersebut.
Gambar 4.29. Cetak laporan data karyawan
Gambar 4.30. Cetak laporan gaji karyawan
43
F. Implementasi Cetak Slip Gaji
Fungsi pada menu cetak Slip gaji yaitu untuk karyawan yang membutuhkan
slip gaji jika membutuhkan. Manajer keuangan dapat mencetak slip gaji jika
karyawan membutuhkan slip gaji tersebut.
Gambar 4.31. Menu cetak slip gaji
Gambar 4.32. Cetak slip gaji
44
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan proses yang telah dilaksanakan dalam Rancang Bangun
Aplikasi Penggajian Berbasis Website pada PT Puri Panca Pujibangun maka dapat
diambil kesimpulan sebagai berikut :
1. Implementasi dari sistem ini memberikan kemudahan bagi pegawai
(manajer keuangan dan karyawan) dalam melakukan proses
penggajian serta mencetak slip gaji di PT Puri Panca Pujibangun.
2. Dengan adanya sistem ini, manfaat yang Penulis tulis pada Bab 1 dapat
terpenuhi.
5.2 Saran
Saran yang dapat diberikan untuk pengembangan Aplikasi Penggajian
Berbasis Website Di PT Puri Panca Pujibangun Surabaya sebagai berikut :
1. Menambahkan menu “Konfirmasi cetak slip gaji kepada karyawan”
pada sistem aplikasi penggajian. Fungsi dari menu konfirmasi
berfungsi untuk mengetahui sudah atau belum proses cetak slip gaji
dilakukan oleh manajer keuangan di PT Puri Panca Pujibangun
Surabaya.
DAFTAR PUSTAKA
Batubara, Febrin Aulia. “Perancangan Website Pada PT. Ratu Enim Palembang.”
REINTEK Jurnal Ilmu Pengetahuan Dan Teknologi Terapan, 2012: 17.
Hakim, Lukman. Membangun Web Berbasis PHP Dengan Framework.
Yogyakarta: Lokomedia, 2010.
Juansyah, Andi. “Pembangunan Aplikasi Child Tracker Berbasis Assited - Global
Positioning System (A-GPS) Dengan Platform Android.” Jurnal Ilmiah
Komputer dan Informatika (KOMPUTA), 2015: 2.
Kadir, Abdul. Dasar Pemrograman Web Dinamis Menggunakan PHP (Revisi).
Yogyakarta: ANDI, 2008.
—. Membuat Aplikasi Web dengan PHP dan Database MySQL. Yogyakarta:
ANDI, 2009.
Krismiaji. Sistem Informasi Akuntansi. Yogyakarta: Sekolah Tinggi Ilmu
Manajemen YPKP, 2010..
MADCOMS. JavaScript Untuk Membangun Website Profesional. Yogyakarta:
ANDI, 2012.
Mardi. Sistem Informasi akuntansi. Bogor: Ghalia Indonesia, 2014.
Mulyadi. Sistem Akuntansi. Jakarta: Salemba Empat, 2016.
Saputra, Agus. WebTips PHP, HTML5 dan CSS3. Jakarta: Jasakom, 2012.