RANCANG BANGUN APLIKASI PENGGAJIAN PADA PT. PURI PANCA PUJIBANGUN BERBASIS...

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


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


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.


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.


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


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


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


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


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


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


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


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


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.

RANCANG BANGUN APLIKASI PENGGAJIAN PADA PT. PURI PANCA PUJIBANGUN BERBASIS...

Documents

Transcript of RANCANG BANGUN APLIKASI PENGGAJIAN PADA PT. PURI PANCA PUJIBANGUN BERBASIS...