LKP : Rancang Bangun Aplikasi Penggajian pada PT. Puri Panca Pujibangun Berbasis Website

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 NIDN. 723088002. Hidayati Nuriyah. 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.

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.. vii.

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.. viii.

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. ix.

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. x.

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. xi.

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. xii.

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 xiii.

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. xiv.

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. xv.

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.. 1.

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..

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.. 5.

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.

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).. 8.

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)..

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.. 12.

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 Actor. Deskripsi 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 A.. Implementasi Sistem 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.

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.. 44.

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..