Laporan KP Sistem Informasi Penggajian Online Berbasis Web Di DailyFoodhall Cimah

SISTEM INFORMASI PENGGAJIAN ONLINE BERBASIS
WEB DI DAILY FOODHALL CIMAHI
KERJA PRAKTEK
Diajukan Untuk Memenuhi Tugas Matakuliah Kerja Praktek

Program Studi Teknik Informatika
Fakultas Teknik dan Ilmu Komputer
NURMAN RAMLI HANAFI

10113257
FUAD HASYIM
10113262
PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER
UNIVERSITAS KOMPUTER INDONESIA
2018
ABSTRAK
Sistem Informasi Penggajian Online Berbasis Web merupakan suatu

sistem yang memberikan layanan informasi yang berupa penginputan penggajian
bagi HRD dan memberikan informasi rincian perhitungan gaji karyawan dan
PPh21, DAILY FOODHALL CIMAHI dijadikan sebagai tempat penelitian,
karena sistem penggajian yang ada pada perusahaan tersebut belum
terkomputerisasi secara online, hal ini mengakibatkan terjadi kesulitan dalam
menyampaikan informasi penggajian secara tranparansi. Tujuan penelitian ini
adalah untuk memberikan kemudahan bagi pegawai HRD dalam penginputan dan
bagi karyawan tetap maupun kontrak dalam melihat informasi penggaian dimana
saja dan kapan saja secara transparansi.
Metode penelitian yang digunakan dalam penelitian ini adalah Metode
Waterfall. Analisis yang dilakukan kemudian dimodelkan menggunakan
pemodelan terstruktur, adapun tahapan-tahapan yang dilakukan dalam analisis
tersebut antara lain entity diagram relationship, diagram context, diagram
scenario, dfd.
i
ABSTRACT
Web-Based Online Payroll Information System is a system that provides

information services in the form of payroll input for HRD and provides
information on employee salary calculation details and PPh21, DAILY
FOODHALL CIMAHI is used as a place of research, because the existing payroll
system in the company has not been computerized online, this resulted in
difficulties in delivering payroll information transparently. The purpose of this
study is to provide convenience for HRD employees in inputting and for
permanent and contract employees in viewing information on anywhere and
anytime on a transparency basis.
The research method used in this research is the Waterfall Method. The
analysis carried out is then modeled using structured modeling, while the stages
carried out in the analysis include relationship diagram entities, context
diagrams, scenario diagrams, dfd.
ii
KATA PENGANTAR
Dengan puji dan syukur penulis panjatkan kehadirat Allah Swt, atas berkat
rahmat dan hidayah-Nya penulis dapat menyelesaikan laporan kerja praktek ini
dengan tepat waktu. Shalawat serta salam semoga tercurahkan kepada Rasulullah
SAW, keluarga dan sahabatnya. Penyusunan kerja praktek dengan judul “Sistem
Informasi Penggajian Online Berbasis Web”. Kerja praktek ini disusun sebagai
syarat untuk memenuhi tugas mata matakuliah kerja praktek Fakultas Teknik dan
Ilmu Komputer Program Studi Informatika Universitas Komputer Indonesia.
Penulis menyadari bahwa dalam proses penulisan laporan kerja praktek ini
masih jauh dari kesempurnaan dan banyak mengalami kendala, namun berkat
dukungan, bimbinganya , penulis dapat mengatasi kendala-kendala yang dihadapi.
Selanjutnya penulis menyampaikan rasa terima kasih yang tak terhingga
kepada Bapak Erick Wijaya S.Kom., M.T.yang telah membimbing kelancaran
dalam penulisan laporan kerja praktek ini, karena tanpa bantuan tersebut sulit
rasanya penulis untuk bisa menyelesaikanya.
Semoga Allah SWT menjadikan amal sholeh atas budi baik yang telah
membantu penulis dalam menyusun laporan kerja praktek ini. Akhir kata, semoga
kerja praktek ini dapat bermanfaat bagi para pembaca.
Bandung, 01 Agustus 2018
iii
DAFTAR ISI
ABSTRAK........................................................................................................... i
ABSTRACT......................................................................................................... ii
KATA PENGANTAR ....................................................................................... iii
DAFTAR ISI ..................................................................................................... iv
DAFTAR GAMBAR ........................................................................................ vii
DAFTAR TABEL ............................................................................................. ix
DAFTAR LAMPIRAN ...................................................................................... x
BAB 1 PENDAHULUAN................................................................................... 1
1.1 Latar Belakang Masalah ......................................................................... 1
1.2 Identifikasi Masalah ................................................................................ 2
1.3 Maksud dan Tujuan ................................................................................ 2
1.3.1 Maksud ................................................................................................. 2
1.3.2 Tujuan .................................................................................................. 3
1.4 Batasan Masalah ..................................................................................... 3
1.5 Metodologi Penelitian .............................................................................. 4
1.5.1 Tahapan Pengumpulan Data ............................................................... 4
1.5.2 Tahapan dan Pembangunan Aplikasi ................................................. 4
1.6 Sistematika Penulisan ............................................................................. 6
BAB 2 TINJAUAN PUSTAKA ......................................................................... 8
2.1 Profil Tempat KP .................................................................................... 8
2.1.1 Sejarah Perusahaan ............................................................................. 8
2.1.2 Logo Perusahaan ............................................................................... 10
2.1.3 Struktur Organisasi dan Deskripsi kerja ......................................... 10
iv
2.2 Landasan Teori ..................................................................................... 12
2.3 Pengertian Sistem .................................................................................. 12
BAB 3 ANALISIS DAN PERANCANGAN SISTEM .................................... 26
3.1 Analisis Masalah.................................................................................... 26
3.2 Analisis Prosedur Sistem yang sedang berjalan ................................... 26
3.3 Analisis Sistem Yang Akan Dibangun .................................................. 29
3.4 Analisis Sistem ....................................................................................... 30
3.4.1 Analisis Kebutuhan Sistem ................................................................ 31
3.4.2 Analisis Kebutuhan Perangkat Keras ............................................... 34
3.4.3 Analisis Kebutuhan Perangkat Lunak .............................................. 35
3.5 Model Perancangan ............................................................................... 35
3.5.1 Data Flow Diagram ............................................................................ 35
3.5.2 Spesifikasi Proses ............................................................................... 43
3.5.3 Kamus Data........................................................................................ 53
BAB 4 perancangan SISTEM .......................................................................... 60
4.1 Perancangan Basis Data ........................................................................ 60
4.1.1 Diagram Relasi ................................................................................... 60
4.1.2 Struktur Tabel ................................................................................... 62
4.2 Struktur Menu....................................................................................... 65
4.3 Perancangan Antarmuka ...................................................................... 66
4.4 Perancangan Jaringan Semantik .......................................................... 77
BAB 5 KESIMPULAN DAN SARAN ............................................................. 78
5.1 Kesimpulan ............................................................................................ 78
5.2 Saran ...................................................................................................... 78
DAFTAR PUSTAKA ....................................................................................... 79
v
DAFTAR LAMPIRAN ................................................................................. lxxx
LAMPIRAN A. LISTING PROGRAM / SOURCE CODE ........................ lxxx
vi
DAFTAR GAMBAR
Gambar 1. 1 Metode Waterfall.......................................................................... 5

Gambar 2. 1 Logo Perusahaan Daily Foodhall ............................................... 10
Gambar 2. 2 Logo Struktur Organisari Daily Foodhall ................................. 10
Gambar 2. 3 simbol Terminator. ..................................................................... 18
Gambar 2. 4 Simbol Proses ............................................................................. 19
Gambar 2. 5 Simbol Arus Data (Data Flow). .................................................. 19
Gambar 2. 6 Simbol Penyimpanan Data (Data Store). ................................... 19
Gambar 2. 7 Simbol Dokumen. ....................................................................... 20
Gambar 2. 8 Simbol Kegiatan Manual. .......................................................... 21
Gambar 3. 1 Flowmap Penggajian .................................................................. 28
Gambar 3. 2 Flowmap Sistem Informasi Penggajian Yang Diusulkan ........ 30
Gambar 3. 3 Diagram Konteks...................................................................... 36
Gambar 3. 4 Dfd level 1 .................................................................................. 37
Gambar 3. 5 Dfd level 2 .................................................................................. 38
Gambar 3. 6 Dfd level 2 Pengelolaan Data Pegawai ...................................... 39
Gambar 3. 7 DFD Level 2 - Pengelolaan Data Gaji ....................................... 40
Gambar 3. 8 DFD Level 2 Pengelolaan Data Absen ...................................... 41
Gambar 3. 9 DFD Level 2 Pengelolaan Data Admin ..................................... 42
Gambar 3. 10 DFD Level 3 Pengelolaan Tambah Data Slip Gaji ................. 43
Gambar 4. 1 Diagram Relasi Sistem Informasi Penggajian .......................... 61
Gambar 4. 2 Struktur Menu............................................................................ 65
Gambar 4. 3 Tampilan Login ......................................................................... 66
Gambar 4. 4 Tampilan Utama Admin ........................................................... 66
Gambar 4. 5 Tampilan Halaman Data Pegawai ............................................ 67
Gambar 4. 6 Tampilan Layar Tamabah Data Pegawai ................................ 67
Gambar 4. 7 Tampilan Layar Sukses Tambah Data Pegawai ...................... 68
Gambar 4. 8 Tamppilan Layar Sukses Tambah Data Pegawai .................... 68
vii
Gambar 4. 9 Tampilan Layar Data Admin .................................................... 69
Gambar 4. 10 Tampilan Layar Tambah Data Admin .................................... 69
Gambar 4. 11 Tampilan Sukses Tambah Data Admin ................................... 70
Gambar 4. 12 Tampilan Layar Ubah Data Admin ......................................... 70
Gambar 4. 13 Tampilan Sukses Tambah Data Admin ................................... 71
Gambar 4. 14 Tampilan Layar Data Gaji PPH21 .......................................... 71
Gambar 4. 15 Tampilan Layar Tambah Data Gaji PPH21 ........................... 72
Gambar 4. 16 Tampilan Layar Sukses Menambahkan Gaji PPH21 ............. 72
Gambar 4. 17 Tampilan Layar Data Slip Gaji ............................................... 73
Gambar 4. 18 Tampilan Layar Tambah Data Slip Gaji ................................ 73
Gambar 4. 19 Tampilan Layar Data Absen .................................................... 74
Gambar 4. 20 Tampilan Layar Halaman Login Pegawai .............................. 74
Gambar 4. 21 Tampilan Layar Halaman Utama Pegawai ............................. 75
Gambar 4. 22 Tampilan Layar Data Pegawai ................................................ 75
Gambar 4. 23 Tampilan Layar Halaman Data PPH21 Pegawai .................... 76
Gambar 4. 24 Tampilan Layar Halaman Data Absen Pegawai ..................... 76
viii
DAFTAR TABEL
Tabel 2. 1 Simbol-simbol DFD (Roger S. Pressman, Ph.D : 1997,365) .......... 20

Tabel 3. 1 Analisis Pengguna. .......................................................................... 32
Tabel 3. 2 Analisis Kebutuhan Fungsional ..................................................... 32
Tabel 3. 3 Analisis Kebutuhan Non Fungsional.............................................. 33
Tabel 3. 4 Analisis Kebutuhan Perangkat Keras ............................................ 35
Tabel 3. 5 Kebutuhan Perangkat Lunak ........................................................ 35
Tabel 3. 6 Spesifikasi Proses ............................................................................ 43
Tabel 3. 7 Kamus Data..................................................................................... 53
Tabel 4. 1 Data Cuti ......................................................................................... 62
Tabel 4. 2 Data k_t_bank ................................................................................. 62
Tabel 4. 3 Data pengumuman .......................................................................... 62
Tabel 4. 4 Data Slip_gaji ................................................................................. 62
Tabel 4. 5 Data t_absen .................................................................................... 63
Tabel 4. 6 Data t_gaji_karyawan..................................................................... 64
Tabel 4. 7 Data t_pegawai................................................................................ 64
Tabel 4. 8 Data users ........................................................................................ 65
ix
DAFTAR LAMPIRAN
LAMPIRAN A. LISTING PROGRAM / SOURCE CODE................................A-1

LAMPIRAN B. SURAT BALASAN PENILITIAN KERJA PRAKTEK..........B-1
LAMPIRAN C. DAR NILAI KERJA PRAKTEK..............................................C-1
LAMPIRAN D. DAFTAR HADIR KERJA PRAKTEK....................................D-1
LAMPIRAN E. LEMBAR PENGESAHAN.......................................................E-1
LAMPIRAN F. SURAT KETERANGAN PENYERAHAN HAK EKSLUSIF.F-1
x
BAB 1
PENDAHULUAN
1.1 Latar Belakang Masalah

Pada era kemajuan tekonologi, kebutuhan akan informasi sangat meningkat,
perusahaan – perusahaan perlu di dukung oleh sistem informasi yang dapat
melakukan kewajiban perusahaan dengan waktu yang lebih singkat dan tepat,
seperti perhitungan tunjangan dan pembayaran gaji karyawan. Sistem
terkomputasi di era teknologi sangat di perlukan agar perusahaan tersebut tidak
ketinggalan di jaman serba terkomputasi dan mampu beradaptasi di era kemajuan
tekonologi ini . Dalam sistem pengajian banyak perusahaan telah mengunakan
fasilitas banking dalam pembayaran gaji karyawannya. Perusahaan tidak lagi
melakukan pembayaran gaji secara manual dengan memberikan satu per satu
kepada karyawannya. Hal ini membantu keefektifan waktu dalam proses
penggajian dan juga membantu dalam pengendalian internal perusahaan.
Daily Foodhall Rest Area KM 125 merupakan minimarket independent
dibawah PT. Swalayan Abadi yang bergerak dibidang penjualan makanan dan
minuman kebutuhan sehari hari, Daily Foodhall Rest Area KM 125 mempunyai 5
karyawan tetap dan beberapa karyawan kontrak. Proses penggajian yang berjalan
pada daily foodhall Rest Area KM 125 masih mengunakan Microsoft Excel belum
semuanya terkomputerisasi seperti pengetahuan karyawan dalam sistem
penggajian karyawan meliputi gaji pokok, lembur, biaya jabatan, BPJS kesehatan,
PPh terhutang, PPh terhutang perbulan. Daily Foodhall Rest Area KM 125 belum
mempunyai Website penggajian Online. karyawan tidak dapat melihat rincian
potongan PPh 21 apa saja yang di terapkan, hanya staff HRD yang dapat
mengetahui rincian tersebut. Tentu saja hal ini terbilang kurang terbuka dalam
masalah potongan gaji, karena karyawan tidak dapat mengetahui apa saja
potongan yang diterapkan pada sistem penggajian dan Karyawan tidak bisa
melihat riwayat gaji mereka perbulan dan pertahun ke belakang.
1
2
Dibutuhkan sebuah sistem penggajian online dan rincian perhitungan PPh21

untuk karyawan. Website online ini juga memudahkan bagian HRD untuk
mengedit/memasukan data karyawan tetap maupun kontrak..
Dengan segala permasalahan yang ada, maka Penulis Membangun “SISTEM
INFORMASI PENGGAJIAN KARYAWAN ONLINE BERBASIS WEB PADA
DAILY FOODHALL REST AREA KM 125“ sistem ini akan memperrmudah
karyawan dan staff HRD karena bisa di akses dimana saja dan kapan saja, sistem
ini juga dapat melihat masa aktif karyawan kontrak dan juga informasi penting
perusahaan
1.2 Identifikasi Masalah

Berdasarkan pada latar belakang yang telah diuraikan, perumusan dan
identifikasi masalahnya adalah:
1. Karyawan tidak bisa mengetahui rincian PPh21 yang diterapkan oleh
perusahaan.
2. Sistem penggajian pada Daily Foodhal Rest Area KM 125 masih
mengunakan MS.exel, jika menggunakan MS.exel karyawan tidak bisa
mencetak slip gaji sendiri / melihat riwayat gaji karyawan.
1.3 Maksud dan Tujuan

Adapun maksud dan tujuan dari kerja praktek yang dilakukan di Daily
Foodhall Rest Area KM 125 adalah:
1.3.1 Maksud
Maksud dari kerja praktek yang dilakukan di Daily Foodhall Rest Area KM
125 adalah Membentuk keterbukaan antara perusahaan dan karyawan tetap
maupun kontrak, dapat mengakses sistem informasi online darimana saja dan
kapan saja (flexible)
3
1.3.2 Tujuan
Maksud dari kerja praktek yang dilakukan di Daily Foodhall Rest Area KM
125 adalah:
1. Memberikan informasi rincian perhitungan gaji karyawan dan PPh21
kepada karyawan tetap dan kontrak lewat sistem informasi online.
2. Mempermudah bagian HRD dalam memasukan, mengedit dan menghapus
data karyawan.
1.4 Batasan Masalah

Dalam pembuatan Sistem Informasi ini akan ditentukan batasan-batasan
masalah dengan maksud agar lebih terfokus pada permasalahan, batasan-batsan
tersebut adalah :
1. Sistem Informasi Penggajian online hanya berisikan rincian pengajian
karyawan dan pengumuman untuk karyawan.
Rincian gaji karyawan adalah sebagai berikut :
a. Gaji Pokok
b. Lembur
c. Penghasilan Setahun
d. Biaya Jabatan
e. BPJS kesehatan
f. PTKP (penghasilan tidak kena pajak)
g. Total Pengurang
h. Penghasilan Kena Pajak
i. PPh terhitung setahun
j. PPh terhitung perBulan
2. Aplikasi Sistem informasi penggajian online berbasis Web.
3. Menggunakan bahasa pemrograman Php
4. Menggunakan DBMS MySQL
4
1.5 Metodologi Penelitian

Dalam kerja praktek ini, dilakukan pengamatan pada sistem yang sedang
berjalan. Adapun beberapa tahapan yang dilakukan dalam metode penelitian kerja
praktek ini, yaitu :
1.5.1 Tahapan Pengumpulan Data

Dalam kerja praktek ini, dilakukan pengamatan pada sistem yang sedang
berjalan. Adapun beberapa tahapan yang dilakukan dalam metode penelitian kerja
praktek ini, yaitu :
a. Survei/Observasi
Dengan melakukan survey langsung ke Daily Foodhall Rest Area KM 125
yang sedang berjalan, guna melakukan pengumpulan data serta prosedur
yang berhubungan dengan pihak perusahaan yang berkaitan dengan analisis
penggajian.
b. Wawancara
Melakukan wawancara dengan Staff HRD dari PT. Swalayan Sukses Abadi
Proses ini dilakukan dengan membuat jadwal pertemuan dengan pihak
yang terkait dan dimana wawancara tersebut dilakukan pembicaraan dua
arah secara langsung.
1.5.2 Tahapan dan Pembangunan Aplikasi

Tahapan pembangunan aplikasi yang kami gunakan adalah waterfall
modified. Pada pengembangan suatu perangkat lunak dengan metode
Waterfall, tahapan-tahapan pengembangan yang dilakukan adalah
rekayasa sistem, analisis, perancangan, implementasi, pengujian, dan
pemeliharaan.
Tahapan-tahapan tersebut saling terkait dan saling mempengaruhi (life
cycle). Selain itu tahapan-tahapan tersebut dapat membentuk suatu siklus hal
ini berarti pada suatu tahapan ternyata ada data-data yang seharusnya diproses
5
pada tahapan sebelumnya tetapi belum dilaksanakan, maka dapat kembali

ketahapan sebelumnya.
Dalam pembangunan aplikasi Penggajian Online Metode ini memiliki
beberapa tahapan proses, yaitu tahapan perencanaan, analisis ,perancangan,
penerapan, evaluasi, penggunaan dan pemeliharaan. Sementara itu, dalam
setiap tahapan dilakukan proses pendokumentasian atas segala yang telah
dilakukan atau disepakati dalam setiap tahapan tertentu.
Keterkaitan tahapan tahapan pengembangan perangka lunak tersebut dapat
dilihat pada gambar berikut :
Gambar 1. 1 Metode Waterfall
Prosedur waterfall menurut Roger S. Pressman adalah sebagai berikut:

a. Rekayasa sistem (sistem engineering), adalah pembuatan suatu perangkat
lunak yang merupakan bagian terbesar dari pengerjaan suatu proyek.
Untuk pekerjaan dimulai dengan menetapkan segala hal yang
diperlukan dalam pelaksanaan proyek.
6
b. Analisis (analysis), merupakan tahapan dimana sistem engineering

(rekayasa sistem) menganalisis hal-hal yang diperlihatkan dalam
pelaksanaan proyek pembuatan atau pengembangan perangkat lunak dan
bertujuan untuk memahami sistem yang ada, mengidentifikasi masalah
dan mencari solusinya.
c. Desain (design), tahap ini merupakan tahap penterjemahan dari keperluan
atau data yang telah dianalisis kedalam bentuk yang mudah
dimengerti oleh pemakai (user).
d. Kode (coding), yaitu menterjemahkan data atau pemecahan
masalah yang dirancang kedalam bahasa pemrograman yang telah
ditentukan.
e. Pengetesan (testing), setelah program selesai dibuat maka tahap
berikutnya adalah ujicoba terhadap program tersebut.
f. Pemeliharaan (maintenance), yaitu penerapan secara keseluruhan
disertai pemeliharaan jika terjadi perubahan struktur, baik dari segi
software maupun hardware.
1.6 Sistematika Penulisan

Dalam laporan ini pembahasan terbagi dalam 6 (enam) bab, yang
secara singkat akan diuraikan sebagai berikut :
BAB 1 PENDAHULUAN
Bab ini berisikan tentang Latar Belakang Masalah,
Identifikasi Masalah, Maksud dan Tujuan, Batasan
Masalah, Metodologi Penelitian, Sistematika Penulisan
BAB 2 TINJAUAN PERUSAHAAN

Bab ini berisikan tentang Profil Perusahaan, Logo
Perusahaan, Struktur Organisasi, Job Desk Masing-masing
bagian dalam struktur organisasi
BAB 3 ANALISIS
7
Bab ini berisikan tentang Analisis Masalah, Analisis

Prosedur Yang Sedang Berjalan, Analisis Document
Manual Yang Terlibat, Analisis Aturan Bisnis, Analisis
Kebutuhan Non Fungsional, Analisis Pengkodean, Analisis
Kebutuhan Non Fungsional.
BAB 4 PERANCANGAN SISTEM
Bab ini berisikan tentang Perancangan Basis Data, Struktur
Menu, Perancangan Antarmuka, Perancangan Pesan,
Perancangan Jaringan Sematik, Perancangan Prosedural.
BAB V KESIMPULAN DAN SARAN
Menjelaskan tentang hal-hal penting yang telah dibahas dan kesimpulan
berdasarkan hasil implementasi dan pengujian serta saran-saran untuk
pengembangan sistem selanjutnya.
8
BAB 2
TINJAUAN PUSTAKA
2.1 Profil Tempat KP

Tinjauan Umum perusahaan praktek kerja lapangan pada bab ini penulis
menjelaskan secara singkat profil perusahaan Daily Foodhall di R/A KM125
2.1.1 Sejarah Perusahaan

Daily Foodhall merupakan Departement Supermarket dari PT. Panen
Lestari Internusa Group bagian dari perusahaan Mitra Adi Perkasa, salah satu
perusahaan retail terbesar di Indonesia dengan lebih dari 1700 store yang tersebar
di berbagai kota besar.
Saat ini, PT. Panen Lestari Internusa Group telah berkembang dengan
lebih dari 82 store di seluruh Indonesia yang terbagi menjadi department store :
supermarket, restoran, butik, kosmetik, toko buku dan brand luar negeri sebagai
bisnis utamanya adalah Departement SOGO yang berlokasi di Plaza Indonesia
pada tahun 1990.
Karena semakin pesat dan berkembangnya PT. Panen Lestari Internusa
yang bergabung di Departement grup ini adalah Galeries Lafayette, Seibu, SOGO,
Debenhams, dan Lotus. Sementara untuk Departement supermarket terdiri dari
Daily Foodhall, The Foodhall dan The Market dengan nama PT. Swalayan
Sukses Abadi Pada Tahun 2014.
Daily Foodhall telah berkembang di berbagai Tempat terkemuka di kota
Jakarta, Cikarang, dan salah satunya di Rest Area KM 125 Cimahi. Daily
Foodhall di Rest Area KM 125 ini memiliki kategori DX yang artinya Daily
Express karena tempat nya di Area Jalan Tol diperuntukan bagi pelanggan transit
dalam perjalanan ingin istirahat, Daily Foodhall R/A Km 125 menjual makanan
ringan, minuman, makanan siap saji, dan menyediakan banyak pilihan produk
segar lokal dan impor
8
9
yang berkualitas tinggi - termasuk sayuran, buah-buahan yang dijamin

segar setiap hari dengan kebutuhan untuk sehari har
9
10
2.1.2 Logo Perusahaan

Daily Foodhall Memiliki Logo sebagai Berikut:
Gambar 2. 1 Logo Perusahaan Daily Foodhall
2.1.3 Struktur Organisasi dan Deskripsi kerja
GM
Supporting Operational
Head Office OM
Accounting HRD BM DM
Finance IT SPV SPV
SDD/BDD Adminn OP Admin BO Admin OP Admin BO
MD Staff Staff Staff Staff
Gambar 2. 2 Logo Struktur Organisari Daily Foodhall
Deskripsi kerja
1. GM (General Manager)
Mengawasi dan kontroling Head Office dan Operational
2. OM (Operational Manager)
Mengawasi operational The Foodhall dan Daily Foodhall serta tanggung
jawab langsung pada General Manager
3. Accounting
Mengurusi segala sesuatu tentang pembukuan dan rekap sales store
opersional dan Head Office
11
4. HRD
Menngani tentang segala sesuatu mengenai manpower, perekrutan
karyawan, training, dan hak nya karyawan
5. Finance
Mengurusi tentan permbayaran payroll dan vendor
6. IT
Menangani semua Jaringan, server dan database perusahaan
7. SDD/BDD
Menangani tentang pengembangan order toko terhadap vendor
8. MD
Menangani semua penawaran barang, listing, dan item barang yang dapat
di jual di store
9. BM (Branch Manager)
Bertanggung jawab atas segala sesuatu tentang sales, margin, dan stock
Toko The Foodhall serta Operasional di Store
10. DM (Daily Manager)
11. Bertanggung jawab atas segala sesuatu tentang sales, margin, dan stock
Toko Daily Foodhall serta Operasional di Store
12. SPV ( Supervisor)
Membantu BM/DM dalam mengawasi staff floor di operasional Store dan
membuat laporan mingguan dan bulanan yang dibutuhkan dari OM
13. Admin OP (Administrasi Operasional)
Menangai ordering dan estimasi barang ke vendor dan DC
14. Admin BO ( Administrasi Back Office)
Menangani laporan Keuangan Cashier, setoran Bank, dan SOD, EOD
Register Cashier
12
2.2 Landasan Teori

Subbab ini berisi teori – teori pendukung yang digunakan dalam prosess
analisis dan implementasi pada pembangunan system Informasi penggajian
karyawan secara online.
2.3 Pengertian Sistem

Sistem adalah sekumpulan objek – objek yang saling berelasi dan
berinteraksi serta hubungan antar objek bisa dilihat sebagai satu kesatuan yang
dirancang untuk mencapai satu tujuan [1].
Murdick dan Rose (1993) mendefinisikan sistem sebagai seperangkat
elemen yang digabungkan satu dengan yang lainnya untuk suatu tujuan bersama.
Sementara, definisi sistem menurut kamus Webster’s Unbrige adalah elemen –
elemen yang saling berhubungan dan membentuk satu kesatuan atau organisasi.
2.2.2 Karakteristik Sistem

Berikut ini adalah karakteristik sistem yang dapat membedakan suatu
sistem dengan sistem lainnya :
1. Batasan (Boundary)
Penggambaran dari suatu elemen atau unsur mana yang termasuk di dalam
sistem dan mana yang di luar sistem.
2. Lingkungan (Environment)
Segala sesuatu di luar sistem, lingkungan yang menyediakan asumsi, kendala
dan input terhadap suatu sistem.
3. Masukan (Input)
Sumber daya dari lingkungan yang dikonsumsi dan dimanipulasi oleh suatu
sistem.
4. Keluaran (Output)
Sumber daya atau produk (informasi, laporan, dokumen, tampilan layar
komputer, barang jadi) yang disediakan untuk lingkungan sistem oleh
kegiatan dalam suatu sistem.
13
5. Komponen (Component)
Kegiatan – kegiatan atau proses dalam suatu sistem yang mentransformasikan
input menjadi bentuk setengah jadi (output). Komponen ini bisa berupa
subsistem dari sebuah sistem.
6. Penghubung (Interface)
Tempat dimana komponen atau sistem dan lingkungannya bertemu atau
berinteraksi.
7. Penyimpanan (Storage)
Area yang dikuasai dan digunakan untuk penyimpanan sementara dan tetap
dari informasi, energi, bahan baku, dan sebagainya. Penyimpanan merupakan
suatu media penyangga di antara komponen tersebut bekerja dengan berbagai
tingakatan yang ada dan memungkinkan komponen yang berbeda dari
berbagai data yang sama.
2.2.3 Analisis dan Perencangan Sistem

Analisis sistem didefinisikan sebagai bagaimana memahami dan menspesifikasi
dengan detail apa yang harus dilakukan oleh sistem. Sementara desain sistem
diartikan sebagai menjelaskan dengan detail bagaimana bagian-bagian dari sistem
informasi diimplementasikan. Dengan demikian, analisis dan desain sistem
informasi (ANSI) bisa didefinisikan sebagai proses organisasional kompleks di
mana sistem informasi berbasis komputer diimplementasikan [1].
2.2.4 Sistem Informasi

Sistem Informasi adalah kombinasi dari manusia, fasilitas atau alat
teknologi, media, prosedur dan pengendalian yang bermaksud menata jaringan
komunikasi yang penting, proses atas transaksi- transaksi tertentu dan rutin,
membantu manajemen dan pemakai intern dan ekstern dan menyediakan dasar
pengambilan keputusan yang tepat [2]. Menurut beberapa ahli seperti Turban , Mc
lean , dan Waterbe dalam bukunya information technology for managemen making
connection for strategies advantages mendefinisikan bahwasanya sistem
14
informasi sebagai sistem yang mengumpulkan, memproses,menyimpan,

menganalisis, serta menyebarkan informasi untuk tujuan yang spesifik.
Sistem informasi terdiri dari komponen-komponen yang disebut blok bangunan
(building blok), yang terdiri dari komponen input, komponen model, komponen
output, komponen teknologi, komponen hardware, komponen software,
komponen basis data, dan komponen kontrol. Semua komponen tersebut saling
berinteraksi satu dengan yang lain membentuk suatu kesatuan untuk mencapai
sasaran.
1. Komponen input
Input mewakili data yang masuk kedalam sistem informasi. Input disini
termasuk metode dan media untuk menangkap data yang akan dimasukkan,
yang dapat berupa dokumendokumen dasar.
2. Komponen model
Komponen ini terdiri dari kombinasi prosedur, logika, dan model matematik
yang akan memanipulasi data input dan data yang tersimpan di basis data
dengan cara yag sudah ditentukan untuk menghasilkan keluaran yang
diinginkan.
3. Komponen output
Hasil dari sistem informasi adalah keluaran yang merupakan informasi yang
berkualitas dan dokumentasi yang berguna untuk semua pemakai sistem.
4. Komponen teknologi
Teknologi merupakan “tool box” dalam sistem informasi, Teknologi digunakan
untuk menerima input, menjalankan model, menyimpan dan mengakses data,
neghasilkan dan mengirimkan keluaran, dan membantu pengendalian dari
sistem secara keseluruhan.
5. Komponen hardware
Hardware berperan penting sebagai suatu media penyimpanan vital bagi sistem
informasi.Yang berfungsi sebagai tempat untuk menampung database atau
lebih mudah dikatakan sebagai sumber data dan informasi untuk memperlancar
dan mempermudah kerja dari sistem informasi.
15
6. Komponen software
Software berfungsi sebagai tempat untuk mengolah,menghitung dan
memanipulasi data yang diambil dari hardware untuk menciptakan suatu
informasi.
7. Komponen basis data
Basis data (database) merupakan kumpulan data yang saling berkaitan dan
berhubungan satu dengan yang lain, tersimpan di pernagkat keras komputer dan
menggunakan perangkat lunak
untuk memanipulasinya. Data perlu disimpan dalam basis data untuk keperluan
penyediaan informasi lebih lanjut. Data di dalam basis data perlu
diorganisasikan sedemikian rupa supaya informasi yang dihasilkan
berkualitas. Organisasi basis data yang baik juga berguna untuk efisiensi
kapasitas penyimpanannya. Basis data diakses atau dimanipulasi menggunakan
perangkat lunak paket yang disebut DBMS (Database Management System).
8. Komponen control
anyak hal yang dapat merusak sistem informasi, seperti bencana alam, api,
temperatur, air, debu, kecurangan- kecurangan, kegagalan-kegagalan sistem itu
sendiri, ketidak efisien, sabotase dan lain sebagainya. Beberapa pengendalian
perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat
merusak sistem dapat dicegah atau pun bila terlanjur terjadi kesalahan-
kesalahan dapat langsung cepat diatasi.
2.2.5 Konsep Dasar Basis Data

2.2.5.1 Pengertian Basis Data
Basis data adalah sebuah cara mendokumentasikan berbagai
macam data yang kemudian dimanajemen dengan sebuah sistem utnuk
kemudian disimpan dalam sebuah media penyimpanan. Dalam basis data,
data yang ada tidak hanya disimpan begitu saja dalam suatu media
penyimpanan, akan tetapi dikelola dengan sistem pengaturan basis data yang
sering disebut Database Management System (DBMS) [4].
16
2.2.5.2 Kegunaan Basis Data

Penyusunan satu basis data digunakan untuk mengatasi masalah- masalah pada
penyusunan data yaitu:
1. Redudansi dan inkonsistensi data.
2. Kesulitan pengaksesan data.
3. Isolasi data untuk standarisasi.
4. Multiple user (banyak pemakai).
5. Masalah keamanan (security).
6. Masalah integrase (kesatuan).
7. Masalah data independence (kebebasan data).
2.2.5.3 Entity Relation Diagram (ERD)

Entity Relationship Diagram (ERD) atau diagram hubungan
entitas adalah sebuah diagram yang menunjukan informasi dibuat, disimpan,
dan digunakan dalam system bisnis. Entitas biasanya menggambarkan jenis
informasi yang sama. Dalam entitias digunakan untuk menghubungkan antar
entitas yang sekaligus mernunjukan hubungan antar data. Pada akhirnya ERD
bias juga digunakan untuk menunjukan aturan-aturan bisnis yang ada pada
system informasi yang akan dibangun [1]. Adapun tahapan dalam pembuatan
ERD adalah sebagai berikut :
1. Menentukan Entitas
Pada tahap ini dituntut untuk menentukan dengan cerdas sebuah entitas yang
ada dalam suatu proye/permasalahn. Entitas itu berguna untuk menentukan
kejadian, peran, lokasi dan konsep dimana penggunaanya ialah untuk
menyimpan data.
2. Menentukan Relasi
Setelah menentukan entitasnya, langakh selanjutnya itu ialah menentukan
hubungan/relasi antar entitasnya.
17
Jadi pada bagian ini dituntut untuk menentukan relasi apasaja yang dapat
terjadi pada setiap entitas, apakah “satu ke satu”, “satu ke banyak”, atau
“banyak ke banyak”.
3. Gambar ERD Sementara
Apabila entitas beserta relasi sudah diketahui, buatlah ERD sementara
dengan mengimplementasikan data yang telah didapat sebelumnya.
4. Isi Kardinalitas
Kardinalitas berguna untuk menentukan jumlah kejadian satu entitas untuk
sebuah kejadian pada entitas yang berelasi.
5. Tentukan Primary Key
Tahap ini menuntut untuk menentukan primary key pada setiap entitas.
Primary key merupakan sebuah attributpada suatu entitas yang bersifat unik.
Jadi setiap entitas hanya memiliki satu primary key saja. Selain itu tentukan
juga foreign key (kunci tamu) pada masing- masing entitas. Foreign key
adalah primary key yang berada dalam entitas yang lain.
6. Gambar ERD Berdasarkan Primary Key
Menghilangkan relasi "many to many" dan memasukkan Primary dan
Foreign Key pada masing-masing entitas. Relasi many to many antar entity
perlu dihilangkan dengan cara menambah atribut baru antara 2 entity yang
memiliki relasi many to many.
7. Menentukan Atribut
Jika sudah melakukan step diatas, sekarang saatnya menentukan atribut
pada masing-masing Entitas.
8. Pemetaan Atribut
Apabila atribut telah ditentukan, sekarang pasang atribut dengan entitas yang
sesuai.
9. Gambar ERD dengan Atribut
Mengatur ERD seperti langkah 6 dengan menambahkan atribut dan relasi
yang ditemukan.
10. Periksa Hasil
18
Periksa lagi ERD. Apakah ERD sudah menggambarkan system yang akan
dibangun? Jika belum, check kembali dari awal.
2.2.6 Perangkat Pemodelan Sistem

2.2.6.1 Context Diagram
“Context Diagram didefinisikan oleh Oetomo adalah sebagai pola
penggambaran yang berfungsi untuk memperlihatkan interaksi sistem
infomasi tersebut dengan lingkungan di mana sistem tersebut ditempatkan
(2002 : 85).”
2.2.6.2 Data Flow Diagram ( DFD )

Diagram Arus Data (Data Flow Diagram) atau DFD adalah “Suatu
gambaran grafis dari suatu sistem yang menggunakan sejumlah bentuk
symbol- simbol untuk menggambarkan bagaimana data mengalir melalui
suatu proses yang saling berkaitan”. Walau nama diagram ini menekankan
pada data, situasinya justru sebaliknya penekanannya ada pada proses.
Terdiri dari empat simbol-simbol DFD ( Leod, 1995, h:403 ), yaitu :
a. Elemen-elemen lingkungan.
Elemen-elemen lingkungan berada diluar batas sistem. Elemen-elemen
menyediakan bagi sistem input data dan menerima output data sistem pada
DFD, tidak dibuat perbedaan antara data dan informasi. Semua arus
dipandang sebagai data. Nama Terminator digunakan untuk
menggambarkan elemen-elemen lingkungan, yang menandai titik-titik
berakhirnya sistem. Terminator digambarkan dalam DFD dengan suatu
kotak atau segi empat. Tiap simbol terminator diberi label nama elemen
lingkungan.
Gambar 2. 3 simbol Terminator.

19
b. Proses
Proses adalah sesuatu yang mengubah input menjadi output. Proses
dapat digambar dengan lingkaran. Tiap simbol proses diidentifikasikan
dengan label. Teknik pembuatan label yang paling umum adalah dengan
menggunakan kata kerja dan objek, tetapi anda dapat juga menggunakan
nama sistem atau program komputer.
Gambar 2. 4 Simbol Proses
c. Arus Data.
Arus data terdiri dari sekelompok elemen data yang berhubungan
secara logis yang bergerak dari satu titik atau proses ke titik atau proses
yang lain. Tanda panah digunakan untuk menggambarkan arus itu. Panah
tersebut dapat digambar sebagai garis lurus atau garis lengkung.
Gambar 2. 5 Simbol Arus Data (Data Flow).
d. Penyimpanan data.
Jika anda perlu dipertahankan karena suatu sebab, maka digunakan
penyimpanan data. Dalam istilah DFD, penyimpanan data ( data store )
adalah suatu penampungan. Data store digambarkan dengan garis sejajar.
Gambar 2. 6 Simbol Penyimpanan Data (Data Store).

20
Tabel 2. 1 Simbol-simbol DFD (Roger S. Pressman, Ph.D : 1997,365)
No. Simbol Nama Simbol

1. Arus data
2. Terminator
2.2.6.3 Flow Of Document ( FOD )

Flow Of Document (FOD) merupakan “Bagan yang menunjukkan
arus pekerjaan secara keseluruhan dari sistem”. Bagan ini menjelaskan
urutan-urutan dari prosedur-prosedur yang ada didalam sistem, bagan alur
digambarkan dengan menggunakan simbol-simbol yang tampak (Jogiyanto,
1989, h:796-799) sebagai berikut :
a. Dokumen.
Menunjukkan dokumen input dan output baik untuk proses manual atau
komputer.
Gambar 2. 7 Simbol Dokumen.
b. Kegiatan manual.
Menunjukkan pekerjaan manual.
21
Gambar 2. 8 Simbol Kegiatan Manual.
c. Proses.
Menunjukkan kegiatan proses dari operasi program komputer.
Gambar 2. 9 Simbol Proses Operasi Komputer.
d. Arsip.
Menunjukkan simpanan dokumen atau arsip.
Gambar 2. 10 Simbol Arsip.
d. Arus Data
Menunjukkan arus dari proses.
Gambar 2. 11 Simbol Arus Data.
e. Penghubung.
Menunjukkan penghubung kehalaman yang masih sama atau kehalaman
lain.
Gambar 2. 12 Simbol Penghubung.

22
2.2.7 Perangkat Lunak yang digunkan

2.2.7.1 PHP
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.
Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP
adalah sekumpulan script yang digunakan untuk mengolah data form dari
web. Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber
tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari
PHP/FI adalah Personal Home Page/Form Interpreter. Dengan pelepasan
kode sumber ini menjadi\ open source, maka banyak programmer yang
tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis
PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam C.
Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan
kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang
interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian
pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan
meresmikan nama rilis tersebut menjadi PHP 3.0.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan
rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang
paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu
dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki
kecepatan proses dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi
mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami
perubahan besar. Dalam versi ini juga dikenalkan model pemrograman
berorientasi objek baru untuk menjawab perkembangan bahas pemrograman
kearah pemrograman berorientasi objek. Kelebihan PHP dari bahasa
pemrograman lain
 Bahasa pemrograman php adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya.
23
 Web Server yang mendukung php dapat ditemukan dimana - mana dari
mulai IIS sampai dengan apache, dengan configurasi yang relatif
mudah.
 Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis
dan developer yang siap membantu dalam pengembangan.
 Dalam sisi pemahamanan, php adalah bahasa scripting yang paling
mudah karena referensi yang banyak.
 PHP adalah bahasa open source yang dapat digunakan di berbagai
mesin (linux, unix, windows) dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah sistem.
Sumber : Endang. ”Pengertian PHP dan sejarah PHP”. 3 Februari
2013. http://endangengkusdafa.blogspot.com/2012/04/pengertian-php-
dan-sejarah-php.html
2.2.7.2 HTML
HTML singkatan dari Hyper Text Markup Language merupakan
salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi
yang berjalan dihalaman web. HTML merupakan salah satu elemen penting
di dalam pemrograman PHP. Dokumen HTML disusun oleh elemen-
elemen. Elemen merupakan istilah bagi komponen-komponen dasar
pembentuk dokumen HTML. Beberapa contoh elemen adalah : head, body,
table, paragraph, dan list. Elemen dapat berupa teks murni, atau bukan teks,
atau keduanya. Taryana (2004:12-13).
2.2.7.3 CSS
CSS adalah singkatan dari Cascading Style sheets, berisi rangkaian
instruksi yang menentukan bagaimana suatu test akan terampil di halaman
web. Perangcangan desain test dapat dilakukan dengan mendefinisikan font
(huruf), colors (warna), margins (ukuran), latar belakang (background),
ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna),
font (huruf), size (ukuran) dan spacing (jarak) disebut juga “style”.
24
Cascading style sheets juga bias berarti meletakan style yang berbeda pada
layers (lapisan) yang berbeda. CSS terdri dari style sheet yang
memberitahukan browser bagaimana suatu dokuman akan disajikan. Fitur-
fitur baru pada halaman web lama dapat ditambahakan dengan bantuan style
sheet. Ssaat menggunakan CSS, anda anda tidak perlu menulis font, color
atau sixe pada setiap paragraph, atau pada setiap dokumen. Setelah anda
membuat style sheet, anda dapat menyimpan kode tersebut sekali saja dan
dapat kembali menggunakannya bila diperlukan.
2.2.7.4 Java Script

adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti
halnya PHP akan tetapi javascript berjalan di sisi Client. Misalnya, jam
ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu
saat ini pada komputer pengguna.
2.2.7.5 Mysql
MySQL (My Structure Query Language) adalah sebuah program
pembuat database yang bersifat open source. MySQL sebenarnya produk
yang berjalan pada platform Linux. Karena sifatnya open source
,maka MySQL dapat dijalankan pada semua platform baik Windows
maupun Linux. Selain itu, MySQL juga merupakan program pengakses
database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi
Multi User (Banyak Pengguna). Saat ini database MySQL telah digunakan
hampir oleh semua programer database, apalagi dalam pemograman web.
MySQL menggunakan bahasa Query standar yang dimiliki SQL (Structure
Query Language). SQL adalah suatu bahasa permintaan yang terstruktur
yang telah di standarkan untuk semua program pengakses database seperti
Oracle, Posgre SQL ,SQL Server, dan lain-lain.
2.2.7.6 Xampp
25
XAMPP ialah perangkat lunak bebas yang mendukung banyak

sistem operasi, merupakan campuran dari beberapa program. Yang
mempunyai fungsi sebagai server yang berdiri sendiri (localhost), yang
terdiri dari program MySQL database, Apache HTTP Server, dan
penerjemah ditulis dalam bahasa pemrograman PHP dan Perl.
Nama XAMPP merupakan singkatan dari X (empat sistem operasi),
Apache, MySQL, PHP dan Perl. Program ini tersedia di bawah GNU
General Public License dan bebas, adalah mudah untuk menggunakan web
server yang dapat melayani tampilan halaman web yang dinamis. Jika ingin
mendapatkan xampp dapat mendownload langsung dari situs resminya.
2.2.7.7 Internet
Secara Umum, Pengertian Internet adalah sebuah jaringan komputer
yang saling terhubung dengan menggunakan suatu sistem standar global
transmission control protocol/internet protocol suite (TCP/IP) yang
digunakan sebagai protokol pertukaran paket dalam melayani miliaran
pengguna yang terdapat di seluruh dunia.
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Masalah
Analisis masalah adalah uraian permasalahan yang didapati dari prosedur

atau dari sistem yang sekarang ini sedang berjalan. Berikut analisis permasalahan
dari prosedur yang ada dijelaskan sebagai berikut :
1. Proses penggajian yang berjalan pada daily foodhall Rest Area KM 125
masih mengunakan Microsoft Excel belum semuanya terkomputerisasi
seperti pengetahuan karyawan dalam sistem penggajian karyawan meliputi
gaji pokok, lembur, biaya jabatan, BPJS kesehatan, PPh terhutang, PPh
terhutang perbulan. Daily Foodhall Rest Area KM 125 belum mempunyai
Website penggajian Online.
2. karyawan tidak dapat melihat rincian potongan PPh 21 apa saja yang di
terapkan, hanya staff HRD yang dapat mengetahui rincian tersebut. Tentu
saja hal ini terbilang kurang terbuka dalam masalah potongan gaji, karena
karyawan tidak dapat mengetahui apa saja potongan yang diterapkan pada
sistem penggajian dan Karyawan tidak bisa melihat riwayat gaji mereka
perbulan dan pertahun ke belakang
Untuk menyelesaikan masalah yang ada pada proses penggajian Daily

FoodHall Cimahii, maka diperlukan pembangunan sistem informasi penggajian
yang bisa memperrmudah karyawan dan staff HRD karena bisa di akses dimana
saja dan kapan saja, sistem ini juga dapat melihat masa aktif karyawan kontrak
dan juga informasi penting perusahaan.
3.2 Analisis Prosedur Sistem yang sedang berjalan
Untuk menentukan kebutuhan dari pengguna yaitu dengan cara

menganalisis sistem yang sedang berjalan, kemudian mengevaluasinya. Adapun
26
27
hasil dari proses analisis sistem informasi persediaan barang yang sedang
berjalan adalah sebagai berikut :
A. Proses Rekap Absen
Hasil data absen akan masuk kebagian Administrasi, setelah itu
Administrasi akan menyerahkan Rekap absen kebagian keuangan.
Kemudian bagian keuangan akan membuatkan laporan gaji yang akan
diserahkan ke Direktur. informasi yang didapat lalu mengarsipkan data itu
kedalam arsip absen.
B. Proses Perhitungan Gaji
Bagian keuangan membuat data perhitungan gaji atas dasar data Karyawan
dan rekap absen dari data yang diarsipkan oleh Administrasi kemudian
diserahkan kepada bagian Keuangan, lalu bagian keuangan membuat data
gaji setelah itu diarsipkan menjadi arsip data gaji.
C. Proses Pembayaran Gaji
Proses penyerahan gaji dilakukan pada awal bulan dengan bagian
Administrasi mengambil data gaji yang sudah disetujui oleh bagian
Keuangan dari arsip data gaji lalu dibuat slip gaji. Slip gaji dibuat dua
rangkap masing-masing karyawan menerima gaji dan slip gaji lalu copy
slip gaji diarsipkan.
D. Proses Pembuatan Laporan
Pembuatan laporan gaji diambil dari arsip data gaji dan arsip slip gaji.
Kemudian laporan gaji diarsipkan oleh bagian Administrasi.
28
Gambar 3. 1 Flowmap Penggajian
Nb :
A-1 = Rekap Absensi
A-2 = Arsip Data Gaji
A-3 = Slip Gaji
29
A-4 = Arsip Laporan Data Gaji
3.3 Analisis Sistem Yang Akan Dibangun
Guna mempermudah HRD untuk mengolah data karyawan dan data gaji
karyawan, maka dibangun sebuah sistem informasi manajemen penggajian
karyawan berbasis web. Sistem yang dibangun memberikan kemudahan kepada
HRD dengan fitur yang sudah disediakan pada sistem yang dibangun. Selain
mempermudah HRD, sistem ini juga dibangun untuk mempermudah karyawan
dalam mencetak slip gaji sendiri dan melihat rincian gaji mereka secara rinci dan
mengetahui potongan PPH21 yang diterapkan perusahaan. Tujuan dari
pembangunan sistem ini adalah membentuk suatu kepercayaan para karyawan
terhadap perusahaan, hal ini diharapkan akan menambah loyalitas karyawan
terhadap perusahaan.
30
Gambar 3. 2 Flowmap Sistem Informasi Penggajian Yang Diusulkan
3.4 Analisis Sistem
Analisis sistem merupakan tahap analisis untuk memahami dengan

sesungguhnya kebutuhan dari sistem yang baru dan mengembangkan sebuah
sistem yang memadai kebutuhan tersebut atau memutuskan bahwa pengembangan
sistem yang baru sangat dibutuhkan. Pada tahap ini merupakan tahap yang sangat
penting dalam tahap SDLC.
31
3.4.1 Analisis Kebutuhan Sistem
Analisis kebutuhan sistem kepegawaian ini adalah sebagai berikut:
3.4.2.1 Analisis Pengguna
Sistem Informasi Penggajian ini dapat digunakan oleh pegawai serta staff
HRD yang telah memiliki wewenang atau hak akses tertentu. Pengguna yang
mempunyai wewenang atau hak akses untuk menggunakan sistem ini adalah :
Pengalaman
Tingkat
Tanggung Tingkat menggunak
Stakeholder Keterampilan
Jawab Pendidikan an
yang dimiliki
komputer
HRD Mengelola SDM Minimal S1 HRD sudah Karena
dan mengelola mampu hampir setiap
penggajian melakukan hari
karyawan pengoperasian menggunaka
pada komputer n komputer,
dan juga sudah HRD sudah
mengetahui tidak asing
tentang lagi dengan
bagaimana cara microsoft
menggunakan office.
internet.
Karyawan Bekerja dengan Minimal Hampir seluruh Seluruh
tekun dan SMK karyawan sudah karyawan
mentaati aturan terbiasa sering
serta mengikuti menggunakan bekerja
prosedur PC ataupun dengan
perusahaan. Laptop, karena memanfaatka
mereka bekerja n internet
sehari – hari untuk
32
dengan kebutuhan
perangkat pekerjaan
tersebut. mereka.
Tabel 3. 1 Analisis Pengguna.
3.4.2.2 Analisis Fungsional
Berdasarkan analisis yang telah dilakukan, maka didapatlah kebutuhan

fungsional perangkat lunak yang akan di terapkan di dalam sistem. Disampaikan
dalam tabel berikut :
KODE SKPL DESKRIPSI
SKPL-NF-001 Sistem dapat mengelola data admin
Dapat menampilkan data admin
Dapat mengubah data admin
Dapat menambah data admin
SKPL-NF-002 Sistem dapat mengelola data pegawai
Dapat menampilkan data pegawai
Dapat menambah data pegawai
Dapat menyimpan data pegawai
Dapat mengubah data pegawai
SKPL-NF-003 Sistem dapat mengelola data absensi pegawai
Dapat menampilkan daftar nama pegawai dan absensinya
SKPL-NF-004 Sistem dapat menampilkan data gaji pegawai
Sistem dapat menghitung total gaji pegawai
Sistem dapat mencetak slip gaji pegawai
Tabel 3. 2 Analisis Kebutuhan Fungsional
3.4.2.3 Analisis Non Fungsional
Berdasarkan analisis yang telah dilakukan, maka didapatlah kebutuhan

non fungsional perangkat lunak yang akan di terapkan di dalam sistem.
Disampaikan dalam tabel berikut :
33
KODE SKPL DESKRIPSI

SKPL-NF-001 Sistem yang dibangun berbasis web dinamis.
SKPL-NF-002 Sistem yang dibangun memerlukan adobe reader 9.5.2 sebagai
report dari slip gaji yang dikelola sistem.
SKPL-NF-003 Sistem yang dibangun dapat di jalankan pada browser modzila
firefox dan google chrome.
SKPL-NF-004 Sistem yang dibangun akan support di semua sistem operasi
SKPL-NF-005 Sistem dibangun dengan spesifikasi hardware yang memenuhi
standar minimum kebutuhan.
SKPL-NF-006 Sistem yang dibangun dapat mencetak laporan melalui media
printer.
SKPL-NF-007 Sistem yang dibangun menggunakan media jaringan berupa
modem atau perangkat sejenis untuk dapat mengakses internet
SKPL-NF-008 Dibutuhkan seorang admin yang memiliki kemampuan
troubleshooting hardware ,software dan jaringan untuk
mengelola data karyawan dan data gaji karyawan di sistem.
SKPL-NF-009 Dibutuhkan seorang admin yang memiliki tingkat ketelitian
tinggi untuk mengelola sistem agar dapat menjaga integritas dan
keakuratan data yang ada pada sistem.
SKPL-NF-010 User dari sistem yang dibangun adalah karyawan yang memiliki
pengalaman dalam menggunakan komputer dan internet.
SKPL-NF-011 Sistem dijalankan menggunakan akses internet unlimited (tidak
terbatas kuotanya)
SKPL-NF-012 Sistem dihosting dengan prediksi space sebesar 50MB dan
bandwidth sebesar 1GB.
SKPL-NF-013 NIP karyawan menggunakan format standar NIP Daily Foodhall
Cimahi
Tabel 3. 3 Analisis Kebutuhan Non Fungsional
34
3.4.2.4 Analisis Kebutuhan Jaringan
Pada bagian analisis jaringan ini akan diidentifikasi spesifikasi jaringan

lokal yang ada maupun yang dibutuhkan dalam pembangunan perangkat lunak.
Analisis jaringan hanya dilakukan apabila sistem dibangun dalam jaringan
lokal/terbatas.
Kebutuhan Jaringan :
1. Modem USB dengan koneksi internet yang unlimited menggunakan wifi serta
tersedia jaringan lokal.
2. Sistem dihosting dengan prediksi space sebesar 50MB dan bandwidth sebesar
1GB dengan asumsi prediksi sebagai berikut :
Rumus sederhana untuk memperkirakan jumlah bandwidth yang dibutuhkan
[Average size of your web page(s) + any graphics included within] * [number
of visitors you expect each day * number of pages each visitor will view] *
[30 days in a month] = Total Monthly Data Transfer Usage.
Website ini mempunyai 15 halaman dengan ukuran rata-rata per halaman 10
KB, 100 KB gambar di tiap halaman, 50 pengunjung tiap harinya dengan
rata-rata 2 halaman dilihat oleh 1 pengunjung. Jika kita masukkan ke rumus
di atas hasilnya akan seperti ini.
[10KB + 100 KB] * [50 pengunjung *2pages] * [30] = 110 * 100 * 30 =
330000 KB = 330MB/Bulan
3.4.2 Analisis Kebutuhan Perangkat Keras
Untuk menjalankan sistem informasi penggajian berbasis website ini di

butuhkan spesifikasi perangkat keras sebagai berikut :
Spesifikasi Keadaan Sekarang Keadaan Minimum yang
Dibutuhkan
Processor Intel Core 2 Duo Intel Dual Core

RAM 4 GB 2 GB
VGA VGA Card 1 GB Intel Graphics
Hard Disk 500 GB 160 GB
35
Monitor 32” 19”

Perangkat Perpipheral Lan Card Lan Card
Printer Printer
Tabel 3. 4 Analisis Kebutuhan Perangkat Keras
Berdasarkan hasil analisis spesifikasi komputer yang berada di Daily

Foodhall telah memenuhi spesifikasi perangkat keras minimum untuk
menjalankan sistem ini.
3.4.3 Analisis Kebutuhan Perangkat Lunak
Untuk menjalankan sistem ini, di butuhkan spesifikasi perangkat lunak

sebagai berikut :
Spesifikasi Keadaan Sekarang Keadaan Minimum yang
Dibutuhkan
Sistem Operasi Microsoft Windows 7 Microsoft Windows, Mac OS

Web Browser Mozilla Firefox, Google Mozila Firefox, Google
Chrome Chrome, Safari, Opera
Tabel 3. 5 Kebutuhan Perangkat Lunak
Berdasarkan hasil analisis spesifikasi komputer yang berada di Daily Foodhall

Cimahi memenuhi spesifikasi perangkat lunak minimum untuk menjalankan
sistem ini.
3.5 Model Perancangan
Model perancangan sistem informasi penggajian di Daily Foodhall

mengunakan metode terstruktur yaitu sebagai berikut:
3.5.1 Data Flow Diagram
DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada
atau sistem baru yang akan dikembangkan secara logika tanpa
mempertimbangkan lingkaran fisik dimana data tersebut mengalir atau lingkungan
fisik dimana data tersebut akan disimpan. Berikut ini adalah gambar data flow
36
diagram untuk Sistem Informasi Penggajian di Daily Foodhall dimana untuk

masing-masing data flow diagram diasumsikan telah melalui proses login user
terlebih dahulu.
3.5.1.1 Diagram Konteks
Diagram Konteks dalah Sebuah Diagram Sebuah diagram yang sederhana

yang menggambarkan hubungan antara entitas luar, masukan dan keluaran dari
sistem. Diagram konteks direpsentasikan dengan lingkaran tunggal yang mewakili
keseluruhan sistem. Terdapat 2 user yang berperan dalam sistem ini yaitu Staff
HRD, dan Pegawai dimana setiap user memiliki hak dan data yang berbeda.
Berikut adalah bentuk dari diagram konteks perancangan Sistem Informasi
Penggajian kepegawaian di Daily Foodhall Cimahi.
Gambar 3. 3 Diagram Konteks
3.4.1.1 DFD Level 1
Berikut adalah DFD level 1 dari perangkat lunak yang akan dibangun.
37
Gambar 3. 4 Dfd level 1
3.4.1.2 DFD Level 2 Proses 2.0 – Pengelolaan Data Pengumuman
Berikut adalah DFD level 2 – Pengelolaan Data Pengumuman dari perangkat

lunak yang akan dibangun.
38
Gambar 3. 5 Dfd level 2
3.4.1.3 DFD Level 2 Proses 3.0 – Pengelolaan Data Pegawai
Berikut adalah DFD level 2 – Pengelolaan Data Pegawai dari perangkat

lunak yang akan akan dibangun.
39
Gambar 3. 6 Dfd level 2 Pengelolaan Data Pegawai
3.4.1.4 DFD Level 2 Proses 4.0 - Pengelolaan Data Gaji
Berikut adalah DFD level 2 – Pengelolaan Data Gaji dari perangkat lunak yang
akan dibangun.
40
Gambar 3. 7 DFD Level 2 - Pengelolaan Data Gaji
3.4.1.5 DFD Level 2 Proses 5.0 – Pengelolaan Data Absen
Berikut adalah DFD level 2 – Pengelolaan Data Absen dari perangkat lunak yang
akan dibangun.
41
Gambar 3. 8 DFD Level 2 Pengelolaan Data Absen
3.4.1.6 DFD Level 2 Proses 6.0 – Pengelolaan Data Admin
Berikut adalah DFD level 2 – Pengelolaan Data Admin dari perangkat

lunak yang akan dibangun.
42
Gambar 3. 9 DFD Level 2 Pengelolaan Data Admin
3.4.1.7 DFD Level 3 Proses 4.3.0 – Pengelolaan Tambah Data Slip
Gaji
Berikut adalah DFD level 3 – Pengelolaan Tambah Data Slip Gaji dari perangkat
lunak yang akan dibangun
43
Gambar 3. 10 DFD Level 3 Pengelolaan Tambah Data Slip Gaji
3.5.2 Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran

data yang terdapat pada Data Flow Diagram (DFD). Spesifikasi proses yang ada
pada system adalah sebagai berikut untuk dfd admin:
Tabel 3. 6 Spesifikasi Proses
44
No Proses Keterangan
1 No Proses 2.1
Nama Proses Tampilkan Pengumuman
Source (sumber) Admin
Input Data Pengumuman
Output Data Pengumuman
Destination Karyawan
Logika Proses 1. Admin mengelola Data Pengumuman
2. Data Pengumuman yang telah dikelola
diinputkan ke Sistem dan tersimpan di
Database Sistem
3. Pengumuman yang telah di proses pada
sistem, selanjutnnya bisa diakses oleh
Pegawai
2 No Proses 2.2
Nama Proses Tambah Pengumuman
Input Data Pengumuman
Output Pengumuman
Destination Karyawan
Logika Proses 1. Admin menambahkan data pengumuman
2. Data pengumuman yang telah dibuat
diinputkan ke sistem
oleh Admin dan tersimpan di database
sistem
3. Pengumuman berhasil ditambahkan.
5 No Proses 3.1
Nama Proses Tambah Data Pegawai
45
Source (sumber) Karyawan, Admin

Input Data Pegawai, Data Bank
Output Info Pegawai, info Bank
Destination Admin, Karyawan
Logika Proses 1. Admin menambahkan data Pegawai
2. Admin mengecek apakah Pegawai sudah
terdaftar atau belum di database.
3. Jika data yang dimasukkan sudah ada di
database maka akan muncul pesan
“Pengguna telah terdaftar”, jika belum
ada maka akan muncul pesan “Pengguna
berahsil ditambahkan”.
6 No Proses 3.2
Nama Proses Detail Data Karyawan
Source (sumber) Karyawan, Admin
Input Data Karyawan, Data Bank
Output Info Karyawan, Info Bank
Logika Proses 1. Admin/Pegawai melihat detail data
pegawai
2. Admin Mengubah data terakhir yang di
masukan pada database.
3. Jika data yang dimasukkan valid maka
akan muncul, informasi “data telah
tersimpan”
7 No Proses 3.3
Nama Proses Hapus Data Pegawai
Source (sumber) Admin , Karyawan
46
Input Data Karyawan

Output Info Karyawan
Logika Proses 1. Admin menghapus data Pegawai
2. Proses validasi data Pegawai pada
database
3. Data telah di hapus dari sistem, dan
sistem akan membuat catatan history.
8 No Proses 3.4
Nama Proses Cari Data Karyawan
Input Data Karyawan,
Output Info Karyawan
Logika Proses 1. Admin mencari data Pegawai
2. Proses pencarian data Pegawai pada
database
3. Data telah di temukan, dan di tampilkan
10 No Proses 4.1
Nama Proses Tampil Data Gaji
Input Data Gaji
Output Info Gaji
Destination Admin
47
Logika Proses 1. Admin mengolah informasi data gaji

Pegawai
2. Admin melakukan proses tampil data gaji
Pegawai pada sistem
3. Informasi Data gaji Pegawai bisa dilihat
oleh Pegawai
11 No Proses 4.2
Nama Proses Edit Data Gaji
Input Data Gaji
Output Info Gaji
Destination Admin
Logika Proses 1. Admin merubah data gaji Pegawai yang
ada di sistem
2. Admin melakukan validasi edit data gaji
Pegawai
akan muncul, informasi “data telah
tersimpan”
12 No Proses 4.3
Nama Proses Tampil Slip Gaji
Input Data Gaji
Output Info Gaji
Destination Admin
48
Logika Proses 1. Admin ingin menampilkan slip gaji

berdasarkan nama Pegawai
2. Admin melakukan proses validasi pada
sistem data gaji yang di masukan
berdasarkan nama
akan muncul, slip gaji Pegawai dan siap
di cetak berdasarkan nama yang
diinputkan.
13 No Proses 4.4
Nama Proses Cari Data Gaji
Input Data Gaji
Output Info Gaji
Destination Admin
Logika Proses 1. Admin ingin mencari data gaji pegawai
berdasarkan nama Pegawai
2. Admin melakukan proses validasi pada
sistem data gaji yang di masukan
berdasarkan nama
akan muncul, Data gaji pegawai
14 No Proses 5.1
Nama Proses Tambah Absen
Input Data Absen
49
Output Info Absen

Destination Admin, Pegawai
Logika Proses 1. Admin menambah data absen pegawai
2. Proses validasi data yang di masukan oleh
admin
akan muncul, informasi “absen telah di
tambah”
15 No Proses 5.2
Nama Proses Edit Absen
Input Data Absen
Output Info Absen
Logika Proses 1. Admin mengedit data absen pegawai
admin
akan muncul, informasi “absen telah di
ubah”
16 No Proses 5.3
Nama Proses Cari Absen
Input Data Absen
Output Info Absen
50
Logika Proses 1. Admin mencari data absen pegawai

berdasarkan nama pegawai
admin
akan menampilkan data absen
16 No Proses 6.1
Nama Proses Tambah Data Admin
Input Data Pengguna
Output Info Data Pengguna
Destination Admin
Logika Proses 1. Admin menginputkan data admin ke
sistem
admin ke sistem
akan muncul, informasi “admin telah di
buat”
17 No Proses 6.2
Nama Proses Hapus Data Admin
Input Data Pengguna
Output Info Pengguna
Destination Admin
51
Logika Proses 1. Admin menghapus salah satu data admin

pada sistem
adin ke sistem
akan muncul, informasi “admin dengan
kode : telah terhapus”
18 No Proses 6.3
Nama Proses Edit Data Admin
Input Data Pengguna
Destination Admin
Logika Proses 1. Admin merubah data admin pada sistem
2. Proses validasi hak akses admin di sistem
3. Jika telah tervalidasi, akan muncul
tampilan form edit pada sistem
4. Admin melakukan proses edit data admin
5. Data admin berhasil tervalidasi, dan data
admin berubah
20 No Proses 4.3.1
Nama Proses Tambah Slip Gaji
Input Data Pengguna
Destination Admin
52
Logika Proses 1. Admin menambahkan data slip gaji

pegawai
2. Proses validasi hak akses admin di sistem
tampilan form tambah slip gaji pada
sistem
4. Admin melakukan proses penambahan
data slip gaji
5. Slip gaji berhasil tervalidasi, slip gaji
telah di tambah
21 No Proses 4.3.2
Nama Proses Detail Slip Gaji
Input Data Pengguna
Destination Admin,Pegawai
Logika Proses 1. Admin/pegawai ingin melihat detail slip
gaji
2. Proses validasi hak akses admin/pegawai
di sistem
tampilan Detail slip gaji pada sistem
53
3.5.3 Kamus Data

Kamus data merupakan deskripsi formal mengenai elemen yang mencakup
DFD. Kamus data DFD ini dapat dilihat pada Tabel 3.7.
Tabel 3. 7 Kamus Data
No Kamus Keterangan
.
1. Nama Pengguna
. Deskripsi Berisi data Pengguna/pengguna yang digunakan untuk
proses login, pengguna bisa seorang admin ataupun
Pegawai dengan hak akses yang berbeda dalam
pengelolaan sistemnya.
Struktur Data Id+Penggunaname+password+nama+email+level+foto
Id [0-9]
Pengguna [A-Z | a–z | 0-9]
Password [A-Z | a–z | 0-9]
Nama [A-Z | a–z | 0-9]
Email [A-Z | a–z | 0-9]
Level [0-9]
Foto [jpg | jpeg]
Nip [0-9]
2 Nama Pengumuman
Deskripsi Berisi data pengumuman yang digunakan untuk

memberikan informasi dari pihak perusahaan kepada
para pegawai.
54
Struktur Data Kd_pengumuman+nama_pengumuman+foto+nip
Kd_pengumum [0-9]
an
Nama_pengum [A-Z | a–z | 0-9]
uman
foto [jpg | jpeg]
nip [0-9]
3 Nama T_pegawai
Deskripsi Berisi data pegawai, semua rincian penting tentang

pegawai ada pada tabel ini.
Struktur Data Nip+nama+s_kerja+tgl_masuk+tgl_berakhir+no_ktp+n
pwp+kd_bank+no_rek+kd_jabatan+jk+tempat_lahir+tgl
_lahir+alamat+foto
Nip [0-9]
Nama [A-Z | a–z | 0-9]
S_kerja [A-Z | a–z]
Tgl_masuk [0-9]
Tgl_berakhir [0-9]
No_ktp [0-9]
Npwp [0-9]
Kd_bank [0-9]
No_rek [0-9]
55
Kd_jabatan [0-9]
Jk [A-Z | a–z]
Tempat_lahir [A-Z | a–z]
Tgl_lahir [A-Z | a–z]
Alamat [A-Z | a–z]
Foto [jpg | jpeg]
4 Nama K_t_bank
Deskripsi Berisi kode – kode bank, karena tiap pegawai memakai

kartu atm yang berbeda, makan untuk mempermudah
dibuatkan tabel kode bank ini.
Struktur Data Kd_bank+nama_bank
Kd_bank [0-9]
Nama_bank [A-Z | a–z]
5 Nama T_jabatan
Deskripsi Berisi tentang kode jabatan
Struktur Data K_jabatan+nama_jabatan
k_jabatan [0-9]
Nama_jabatan [A-Z | a–z]
6 Nama T_absen
Deskripsi Berisi tentang rincian absensi pegawai

56
Struktur Data Kd_absen+tanggal+nip+kd_jabatan+jam_masuk+jam_k

eluar+keterangan
Kd_absen [0-9]
Tanggal [0-9]
Nip [0-9]
Kd_jabatan [0-9]
Jam_masuk [0-9]
Jam_keluar [0-9]
Keterangan [A-Z | a–z | 0-9]
7 Nama Cuti
Deskripsi Berisi tentang dokumentasi cuti pegawai
Struktur Data Id+deskripsi+fiile_type+file_data+dile_nama

File_size+kd_absen
Id [0-9]
Deskripsi [A-Z | a–z | 0-9]
File_type [A-Z | a–z | 0-9]
File_data [A-Z | a–z | 0-9]
File_nama [A-Z | a–z | 0-9]
File_size [A-Z | a–z | 0-9]
Kd_absen [A-Z | a–z | 0-9]
8 Nama Slip_gaji
57
Deskripsi Berisi tentang rincian gaji Pegawai dalam kurun waktu

tertentu.
Struktur Data Id-
slip+work_days+net_pay_days+pay_mode+gaji_poko+j
ht+jpk+jkk+jkm+jp+overtime+bonus+id_gaji_add_pay
_jpk+add_pay_jht+add_pay_jp+total_ear+total_dedu+n
et_pay+take_home_pay
Id_slip [0-9]
Work_days [0-9]
Net_pay_days [0-9]
Pay_mode [0-9]
Gaji_pokok [0-9]
Jht [0-9]
Jpk [0-9]
Jkk [0-9]
Jkm [0-9]
Jp [0-9]
Overtime [0-9]
Bonus [0-9]
Id_gaji [0-9]
Add_pay_jpk [0-9]
Add_pay_jhy [0-9]
58
Add_pay_jp [0-9]
Total_ear [0-9]
Total_dedu [0-9]
Net_pay [0-9]
Take_home_pa [0-9]
y
9 Nama T_gaji_pegawai
Deskripsi Berisi tentang rincian gaji pegawai
Struktur Data Id_gaji+nip+status+gaji_pokok+lembur+peng_tahun+bi

aya_jab+bpjs_kes+bpjs_ket+telat_alpa+ptkp+total_pen
gu+peng_kena_pajak+pph_terhutang_seb+bulan+tahun
Id_gaji [0-9]
Nip [0-9]
Status [A-Z | a–z ]
Gaji_pokok [0-9]
Lembur [0-9]
Peng_tahun [0-9]
Biaya_jab [0-9]
Bpjs_kes [0-9]
Bpjs_ket [0-9]
Telat_alpa [0-9]
59
Ptkp [0-9]
Total_pengu [0-9]
Peng_kena_paj [0-9]
ak
Pph_terhutang_ [0-9]
set
Pph_terhutang_ [0-9]
seb
Bulan [A-Z | a–z ]
Tahun [0-9]
BAB 4
PERANCANGAN SISTEM
4.1 Perancangan Basis Data

Perancangan basis data merupkan tahapan untuk membangun suatu model
berdasarkan informasi yang digunakan ke model basis data. Perancangan basis
data terbagi menjadi dua yaitu diagram relasi dan perancangan struktur table.
Adapun penjelasannya adalah sebgai berikut.
4.1.1 Diagram Relasi

Tabel relasi menggambarkan hubungan antara data, arti data dan
batasannya. Proses relasi antara atribut merupakan gabungan antara atribut yang
mempunyai kunci utama yang sama, sehingga atribut-atribut tersebut menjadi satu
kesatuan yang dihubungkan oleh field kunci tersebut. Tabel relasi akan di
jealaskan pada Gambar 4.1.
60
Gambar 4. 1 Diagram Relasi Sistem Informasi Penggajian
61
62
4.1.2 Struktur Tabel

Struktur tabel Penggajian Online Berbasis Web di Daily Foodhall adalah
sebagai berikut :
Tabel 4. 1 Data Cuti
FIELD TYPE UKURAN KETERANGAN

Id Integer 25 Primary Key
Deskripsi text
File_type Varchar 12
File_data Longlblob
File_nama Text
File_size Bigint 20
Tabel 4. 2 Data k_t_bank

kd_bank Int 10 Primary Key
nama_bank Varchar 50
Tabel 4. 3 Data pengumuman

kd_pengumuman Int 11 Primary Key
nama_pengumuman Varchar 255
Foto Varchar 200
Nip Varchar 9 Foreign Key
Tabel 4. 4 Data Slip_gaji

id_slip Int 11 Primary Key
work_days Int 11
63
net_pay_days Int 11
pay_mode Varchar 30
gaji_pokok Double
Jht Double
Jpk Double
Jkk Double
Jkm Double
Jp Double
overtime Double
Bonus Double
id_gaji Int Foreign Key
add_pay_jpk Double
add_pay_jht Double
add_pay_jp Varchar
total_ear Double
total_dedu Double
net_pay Double
take_home_pay Double
Tabel 4. 5 Data t_absen

kd_absen Int 10 Primary Key
tanggal date
kd_jabatan Varchar 2 Foreign Key
jam_masuk Time
jam_keluar Time
keterangan Varchar 100
64
Tabel 4. 6 Data t_gaji_karyawan

Id_gaji Int 8 Primary Key
Status Enum ‘tk, k/-, k/1,
k/2, k/3’
gaji_pokok Enum ‘tetap, kontak,
magang’
Lembur Double
Peng_tahun Double
biaya_jab Double
bpjs_kes Double
bpjs_ket Double
telat_alpha Double
Ptkp Double
total_pengu Double
Peng_kena_pajak Double
pph_terhutang_set Double
pph_terhutang_seb Double
Bulan Varchar 30
Tahun Varchar 30
Tabel 4. 7 Data t_pegawai

kd_jabatan Varchar 2 Primary Key
nama_jabatan Varchar 25
65
Tabel 4. 8 Data users

Id Int 11 Primary Key
username Varchar 32
password Varchar 32
Nama Varchar 50
Email Varchar 32
Level Int 11
Foto Varchar 100
4.2 Struktur Menu

Struktur menu sistem keseluruhan dapat dilihat pada gambar 4.2
Gambar 4. 2 Struktur Menu

66
4.3 Perancangan Antarmuka

1. Tampilan login autentifikasi untuk memasukkan usename dan password
Layout layar :
Gambar 4. 3 Tampilan Login
2. Tampilan Layar Utama Admin (Pengumuman)

Halaman utama yang ditampilkan untuk admin, layar ini juga menampilkan
pengumuman.
Layout:
Gambar 4. 4 Tampilan Utama Admin
3. Tampilan Layar Data Pegawai

Halaman ini diperuntukan untuk mengolah data pegawai
67
Layout:
Gambar 4. 5 Tampilan Halaman Data Pegawai
4. Tampilan Layar Tambah Data Pegawai

Layout:
Gambar 4. 6 Tampilan Layar Tamabah Data Pegawai

68
5. Tampilan Layar Pesan Sukses Tambah Pegawai

Layout:
Gambar 4. 7 Tampilan Layar Sukses Tambah Data Pegawai
6. Tampilan Layar Pesan Sukses Tambah Pegawai

Layout:
Gambar 4. 8 Tamppilan Layar Sukses Tambah Data Pegawai

69
7. Tampilan Layar Data Admin

Layout:
Gambar 4. 9 Tampilan Layar Data Admin
8. Tampilan Layar Tambah Admin

Layout:
Gambar 4. 10 Tampilan Layar Tambah Data Admin
9. Tampilan Layar Sukses Tambah Admin

Layout:
70
Gambar 4. 11 Tampilan Sukses Tambah Data Admin
10. Tampilan Layar Ubah Data Admin

Layout:
Gambar 4. 12 Tampilan Layar Ubah Data Admin
11. Tampilan Layar Sukses Tambah Admin

Layout:
71
Gambar 4. 13 Tampilan Sukses Tambah Data Admin
12. Tampilan Layar Data Gaji PPH21

Layout:
Gambar 4. 14 Tampilan Layar Data Gaji PPH21
13. Tampilan Layar Tambah Data Gaji PPH21

Layout:
72
Gambar 4. 15 Tampilan Layar Tambah Data Gaji PPH21
14. Tampilan Layar Sukses Menambahkan Gaji PPH21

Layout:
Gambar 4. 16 Tampilan Layar Sukses Menambahkan Gaji PPH21
15. Tampilan Layar Data Slip Gaji

Layout:
73
Gambar 4. 17 Tampilan Layar Data Slip Gaji
16. Tampilan Layar Tambah Data Slip Gaji

Layout:
Gambar 4. 18 Tampilan Layar Tambah Data Slip Gaji
17. Tampilan Layar Data Absen

Layout:
74
Gambar 4. 19 Tampilan Layar Data Absen
18. Tampilan Layar Halaman Login Pegawai

Layout:
Gambar 4. 20 Tampilan Layar Halaman Login Pegawai
19. Tampilan Layar Halaman Utama Pegawai

75
Layout:
Gambar 4. 21 Tampilan Layar Halaman Utama Pegawai
20. Tampilan Layar Data Pegawai

Layout:
Gambar 4. 22 Tampilan Layar Data Pegawai
21. Tampilan Layar Halaman Data PPH21 Pegawai

Layout:
76
Gambar 4. 23 Tampilan Layar Halaman Data PPH21 Pegawai
22. Tampilan Layar Halaman Data Absen Pegawai

Layout:
Gambar 4. 24 Tampilan Layar Halaman Data Absen Pegawai

77
4.4 Perancangan Jaringan Semantik
Berikut adalah perancangan jaringan semantik yang akan dibangun.
Gambar 4.25 Semantik Bag. Admin
Gambar 4.26 Semantik Bag. Pegawai

BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Setelah melakukan analisis, perancangan, dan pengujian, maka dapat
diperoleh kesimpulan sebagai berikut :
1. Aplikasi Penggajian yang dibangun berbasis online memberikan
kemudahan bagi pegawai dan HRD dalam hal penggajian.
2. Aplikasi Penggajian Online yang dibangun ini dapat diakases dimana
saja dan kapan saja .
3. Aplikasi Penggajian Online ini Memberikan informasi rincian
perhitungan gaji karyawan dan PPh21.
5.2 Saran
Sistem yang dibuat dalam lalporan kerja praktek ini masih terdapat
kekurangan. Untuk itu, penulis memberikan beberapa saran bagi yang akan
melakukan pengembangan pada sitem informasi penggajian online ini dalam
jangka waktu kedepan, ada beberapa saran yang dapat dilakukan, antara lain :
1. Membuat tampilan atau antarmuka lebih menarik lagi.
2. Mengembangkan system informasi agar dapat digunakan di berbagai
platform.
78
79
DAFTAR PUSTAKA
[1] Kadir. Abdul, Pengenalan Sistem Informasi, 2 nd ed. Yogyakarta: ANDI,

2014.
[2] S.A, Rosa & M.Shalahuddin, Rekayasa Perangkat Lunak, Bandung: INFORMATIKA,
2015.
[3] (2016, juni 08) Daftar simbol [Online]. Available:

http://repository.widyatama.ac.id/xmlui/bitstream/handle/123456789/4686/D
afta
r%20Simbol.pdf
[4] F.Magaline, (2016, juni 08) Sistem Informasi. [Online]. Available:
http://apr1lsi.comuf.com/SI.pdf.
[5] S. Noviyanti, (2016, juni 08) Pengenalan Bahasa Pemograman Java.

[Online].Available:http://merlindriati.staff.gunadarma.ac.id/Downloads/
files/34028/1
[6] P. Monica, (2016, juni 08) Oracle JavaFX Documentation. [Online]. Available:
https://docs.oracle.com/javafx/2/overview/jfxpub-overview.pdf
[7] Oracle, (2016, juni 08) Java Documentation [Online].

Available: http://docs.oracle.com/javase/8/docs/
DAFTAR LAMPIRAN
LAMPIRAN A. LISTING PROGRAM / SOURCE CODE
1. Form Login User dan Admin
<?php
session_start();
if($_SESSION){
header("Location: admin/media.php");
}
?>
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Login Kepegawaian</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700'
rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-
awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/normalize.css">
<style>
body {
font-family: "Open Sans", sans-serif;
height: 100vh;
background: url("http://linkis.com/url-
image/https://scontent.cdninstagram.com/t51.2885-
15/e35/12729414_1640546179543594_1915694026_n.jpg?ig_cache_key=MTE4
OTg3MjI0NTI1MDIyNTI4Mg%3D%3D.2") 50% fixed;
background-size: cover;
}
@keyframes spinner {
0% {
transform: rotateZ(0deg);
}
100% {
}
}
*{
box-sizing: border-box;
color: #ccc;
}
.wrapper {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100%;
padding: 20px;
background: rgba(4, 40, 68, 0.85);
}
.login {
border-radius: 2px 2px 5px 5px;
padding: 10px 20px 20px 20px;
width: 90%;
max-width: 320px;
background: #ffffff;
position: relative;
padding-bottom: 80px;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.register {
border-radius: 2px 2px 5px 5px;
padding: 10px 20px 20px 20px;
width: 90%;
max-width: 320px;
background: #ffffff;
position: relative;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.login.loading button {
max-height: 100%;
padding-top: 50px;
}
.login.loading button .spinner {
opacity: 1;
top: 40%;
}
.login.ok button {
background-color: #8bc34a;
}
.login.ok button .spinner {
border-radius: 0;
border-top-color: transparent;
border-right-color: transparent;
height: 20px;
animation: none;
transform: rotateZ(-45deg);
}
.login input {
display: block;
padding: 15px 10px;
margin-bottom: 10px;
width: 100%;
border: 1px solid #ddd;
transition: border-width 0.2s ease;
border-radius: 2px;
color: #0B0A0A;
}
.login input + i.fa {
color: #fff;
font-size: 1em;
position: absolute;
margin-top: -47px;
opacity: 0;
left: 0;
transition: all 0.1s ease-in;
}
.login input:focus {
outline: none;
color: #444;
border-color: #2196F3;
border-left-width: 35px;
}
.login input:focus + i.fa {
opacity: 1;
left: 30px;
transition: all 0.25s ease-out;
}
/*select*/
.login select {
display: block;
padding: 15px 10px;
margin-bottom: 10px;
width: 100%;
border: 1px solid #ddd;
transition: border-width 0.2s ease;
border-radius: 2px;
color: #ccc;
}
.login select + i.fa {
color: #fff;
font-size: 1em;
position: absolute;
margin-top: -47px;
opacity: 0;
left: 0;
transition: all 0.1s ease-in;
}
.login select:focus {
outline: none;
color: #444;
border-color: #2196F3;
border-left-width: 35px;
}
.login select:focus + i.fa {
opacity: 1;
left: 30px;
}
.login a {
font-size: 0.8em;
color: #2196F3;
text-decoration: none;
}
.login .title {
color: #444;
font-size: 1.2em;
font-weight: bold;
margin: 10px 0 30px 0;
border-bottom: 1px solid #eee;
}
.login button {
width: 100%;
height: 100%;
padding: 10px 10px;
background: #2196F3;
color: #fff;
display: block;
border: none;
margin-top: 20px;
position: absolute;
left: 0;
bottom: 0;
max-height: 60px;
border: 0px solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 2px 2px;
border-bottom-width: 7px;
}
</style>
<script src="js/prefixfree.min.js"></script>
</head>
<body>
<div class="wrapper">
<?php
if(isset($_POST['login'])){
include("config/koneksi.php");
$username = $_POST['username'];
$password = sha1($_POST['password']);
$level = $_POST['level'];
$query = mysqli_query($koneksi, "SELECT * FROM users WHERE

username='$username' AND password='$password'");
if(mysqli_num_rows($query) == 0){
echo '<div class="alert alert-danger"> Data Yang dimasukan
Salah.</div>';
}else{
$row = mysqli_fetch_assoc($query);
$nip = $row['nip'];
$foto = $row['foto'];
if($row['level'] == 1){
$_SESSION['username']=$username;
$_SESSION['level']='1';
$_SESSION['foto']= $foto;
header("Location: admin/media.php?page=home");
}else if($row['level'] == 2){
$_SESSION['username']=$username;
$_SESSION['level']='2';
$_SESSION['foto']= $foto;
$_SESSION['nip']=$nip;
header("Location: admin/media.php?page=home");
}else{
echo '<div class="alert alert-danger"> Data Yang dimasukan
Salah</div>';
}
}
}
?>

<form class="login" role="form" action="" method="post">
<p class="title">Log in Aplikasi Kepegawaian</p>
<input type="text" name="username" placeholder="Username" required
autofocus /><i class="fa fa-user"></i>
<input type="password" name="password" placeholder="Password"
required autofocus /><i class="fa fa-key"></i>
<button name="login" id="alert">
<span class="state">Log in </span>
</button>
</form>
<div>
</div>
</div>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
2. Form Cek Login
<?php
include "config/koneksi.php";
$username = $_POST['username'];
$pass = $_POST['password'];
// pastikan username dan password adalah berupa huruf atau angka.
$login=mysqli_query($koneksi,"SELECT * FROM user WHERE

userid='$username' AND passid='$pass'");
$ketemu=mysqli_num_rows($login);
$r=mysqli_fetch_array($login);
// Apabila username dan password ditemukan

if ($ketemu > 0){
session_start();
$_SESSION[namauser] = $r[userid];
$_SESSION[passuser] = $r[passid];
$_SESSION[leveluser] = $r[level_user];
$_SESSION[foto] = $r[foto];
if($_SESSION[leveluser]==1){
header('location:media.php?module=home');
} else if($_SESSION[leveluser]==2){
header('location:media.php?module=home');
} if($_SESSION[leveluser]==3){
header('location:media.php?module=absensi');
}
}
else{
include "error-login.php";
}
?>
3. Form User Detail PPH21 Pegawai
<?php
include "../config/koneksi.php";
if (isset($_GET['id_gaji'])) {
$id_gaji = $_GET['id_gaji'];
} else {
die ("Error, Tidak ada kode terpilih");
}
// tampilkan data
$query = "SELECT *FROM `t_pegawai` JOIN `t_jabatan`
USING(`kd_jabatan`) JOIN
`t_gaji_pegawaiÙSING(`nip`) where id_gaji='$id_gaji';";
$sql = mysqli_query($koneksi,$query);
$hasil = mysqli_fetch_array($sql);
$id_gaji = $hasil['id_gaji'];
$nama = $hasil['nama'];
$nip = $hasil['nip'];
$jk = $hasil['jk'];
$status = $hasil['status'];
$gaji_pokok = $hasil['gaji_pokok'];
$lembur = $hasil['lembur'];
$peng_tahun = $hasil['peng_tahun'];
$biaya_jab = $hasil['biaya_jab'];
$bpjs_kes = $hasil['bpjs_kes'];
$bpjs_ket = $hasil ['bpjs_ket'];
$telat_alpa = $hasil['telat_alpa'];
$tempat_lahir = $hasil['tempat_lahir'];
$ptkp = $hasil['ptkp'];
$total_pengu = $hasil['total_pengu'];
$peng_kena_pajak= $hasil['peng_kena_pajak'];
$pph_terhutang_set = $hasil['pph_terhutang_set'];
$pph_terhutang_seb = $hasil['pph_terhutang_seb'];
$bulan = $hasil['bulan'];
$tahun = $hasil ['tahun'];
?>

<div class="box-header">
<h3 class="box-title"><i class="fa fa-tasks"></i> Detail gaji</h3>
<h3 class="profile-username text-center"><?php echo $nama; ?></h3>
<h3 class="profile-username text-center"><?php echo $nip; ?></h3>
</div>
<div class="box-body">

<section class="content">
<div class="row">
<div class="col-md-4">


<div class="box box-primary">
<div class="box-body box-profile">

<ul class="list-group list-group-unbordered">


<b>Jenis Kelamin</b> <a class="pull-right"><?php echo $jk ?></a>
</li>
<b>Status</b> <a class="pull-right"><?php echo $status ?></a>
</li>
<b>Gaji Pokok</b> <a class="pull-right"><?php echo "Rp
".number_format($gaji_pokok,"2",",",".") ?></a>
</li>
<b>Lembur</b> <a class="pull-right">Rp <?php echo
number_format($lembur,"2",",",".") ?></a>
</li>
<b>PengHasilan Setahun</b> <a class="pull-right">Rp <?php echo
number_format($peng_tahun,"2",",",".") ?></a>
</li>
</ul>
</div>

</div>

</div>



<h7 class="profile-username text-left">Pengurang</h7>

<b>Biaya Jabatan</b> <a class="pull-right">Rp <?php echo
number_format($biaya_jab,"2",",",".") ?></a>
</li>
<b>BPJS Kes</b> <a class="pull-right">Rp <?php echo
number_format($bpjs_kes,"2",",",".") ?></a>
</li>
<b>BPJS Ket</b> <a class="pull-right">Rp <?php echo
number_format($bpjs_ket,"2",",",".") ?></a>
</li>
<b>Telat / Alpa</b> <a class="pull-right">Rp <?php echo
number_format($telat_alpa,"2",",",".") ?></a>
</li>
<b>PTKP</b> <a class="pull-right">Rp <?php echo
number_format($ptkp,"2",",",".") ?></a>
</li>
</ul>
</div>

</div>

</div>

<b>Total Pengurang</b> <a class="pull-right">Rp <?php echo
number_format($total_pengu,"2",",",".") ?></a>
</li>
<b>Penghasilan Kena Pajak</b> <a class="pull-right">Rp <?php
echo number_format($peng_kena_pajak,"2",",",".") ?></a>
</li>
<b>PPH Terhutang Setahun</b> <a class="pull-right">Rp <?php
echo number_format($pph_terhutang_set,"2",",",".") ?></a>
</li>
<b>PPH Terhutang Perbulan</b> <a class="pull-right">Rp <?php
echo number_format(floor($pph_terhutang_seb),"2",",",".") ?></a>
</li>
</ul>
</div>

</div>

</div>
4. Form User Detail Slip Gaji
<?php
if (isset($_GET['nip'])) {
$nip = $_GET['nip'];
} else {
}
// tampilkan data
$query = "SELECT *FROM `slip_gaji`
JOIN`t_gaji_pegawaiÙSING(ìd_gaji`)
JOIN `t_pegawai` USING(`nip`)
JOIN `t_jabatan` USING(`kd_jabatan`)
JOIN `k_t_bank` USING(`kd_bank`)
where nip='$nip';";
$id_slip = $hasil['id_slip'];
$work_days = $hasil['work_days'];
$net_pay_days = $hasil['net_pay_days'];
$pay_mode = $hasil['pay_mode'];
$nama = $hasil ['nama'];
$nama_jabatan = $hasil['nama_jabatan'];
$nip = $hasil ['nip'];
$tgl_masuk1 = explode("-",$hasil ['tgl_masuk']);
$tgl_masuk = $tgl_masuk1[2]."-".$tgl_masuk1[1]."-".$tgl_masuk1[0];
$nama_bank = $hasil ['nama_bank'];
$npwp = $hasil ['npwp'];
$no_rek = $hasil ['no_rek'];
$status = $hasil ['status'];
$gaji_pokok = $hasil['gaji_pokok'];
$jht = $hasil['jht'];
$jpk = $hasil['jpk'];
$jkk = $hasil['jkk'];
$jkm = $hasil['jkm'];
$jp = $hasil['jp'];
$pph_terhutang_seb = $hasil ['pph_terhutang_seb'];
$overtime = $hasil ['overtime'];
$bonus = $hasil['bonus'];
$id_gaji = $hasil['id_gaji'];
$add_pay_jpk = $hasil['add_pay_jpk'];
$add_pay_jht = $hasil['add_pay_jht'];
$add_pay_jp= $hasil['add_pay_jp'];
$total_ear = $hasil['total_ear'];
$total_dedu = $hasil['total_dedu'];
$net_pay = $hasil['net_pay'];
$take_home_pay = $hasil ['take_home_pay'];
$bulan = $hasil ['bulan'];
$tahun = $hasil ['tahun'];
?>
<div class="card-body">
<div>
<style type="text/css">
th{
text-align:center;
}
</style>
<table class="table table-bordered" >

<td><img src='../gambar/dgt.png' width="200" height="100"
class="img-responsive"></td>
<td>PAY SLIP for</td>

<td><input type="text" class="form-control" id="contract-name"
name="bulan" size="1px" readonly value="<?php echo "$bulan"; ?>"></td>
<td><input type="text" class="form-control" id="contract-name"
name="tahun" size="1px" readonly value="<?php echo "$tahun"; ?>"></td>
</table>
<table border="0">
<tr>
<td width="200px"><label for="contact-name"
class="control-label"> Working Days</label></td>
<td>:</td>
<td width="100px" colspan="4"><?php echo
"&nbsp$work_days"; ?></td>
class="control-label"> Net Payable Days</label></td>
<td>:</td>
<td width="300px" colspan="4"><?php echo
"&nbsp$net_pay_days"; ?></td>
</tr>
<tr>
class="control-label"> Employee Name</label></td>
<td>:</td>
<td width="300px" colspan="4"> <?php echo
"&nbsp$nama"; ?></td>
class="control-label"> Designation</label></td>
<td>:</td>
"&nbsp$nama_jabatan"; ?></td>
</tr>
<tr>
class="control-label"> Employee No</label></td>
<td>:</td>
"&nbsp$nip"; ?></td>
class="control-label"> Pay Mode</label></td>
<td>:</td>
"&nbsp$pay_mode"; ?></td>
</tr>
<tr>
class="control-label"> Joining Date</label></td>
<td>:</td>
"&nbsp$tgl_masuk"; ?></td>
class="control-label"> Bank Name</label></td>
<td>:</td>
"&nbsp$nama_bank"; ?></td>
</tr>
<tr>
class="control-label"> NPWP</label></td>
<td>:</td>
"&nbsp$npwp"; ?></td>
class="control-label"> Account No</label></td>
<td>:</td>
"&nbsp$no_rek"; ?></td>
</tr>
<tr>
class="control-label"> Status</label></td>
<td>:</td>
"&nbsp$status"; ?></td>
</tr>
</table><br>
<b>
<table border="1" width="100%">
<tr>
<td width="25%">
BASIC SALARY
</td>
<td width="25%" align="right">
Rp <?php echo number_format($gaji_pokok,"2",",","."); ?>
</td>
<td width="25%">
TAX PPH 21
</td>
Rp <?php echo
number_format($pph_terhutang_seb,"2",",","."); ?>
</td>
</tr>
<tr>
<td width="25%">
PENSION ALLOWANCE (JHT)*
</td>
Rp <?php echo number_format($jht,"2",",","."); ?>
</td>
<td width="25%">
ADDITIONAL PAYMENT FOR JPK
</td>
Rp <?php echo
number_format($add_pay_jpk,"2",",","."); ?>
</td>
</tr>
<tr>
<td width="25%">
MEDICAL ALLOWANCE (JPK)*
</td>
Rp <?php echo number_format($jpk,"2",",","."); ?>
</td>
<td width="25%">
ADDITIONAL PAYMENT FOR JHT
</td>
Rp <?php echo number_format($add_pay_jht,"2",",","."); ?>
</td>
</tr>
<tr>
<td width="25%">
WORK SAFETY ALLOWANCE (JKK)*
</td>
Rp <?php echo number_format($jkk,"2",",","."); ?>
</td>
<td width="25%">
ADDITIONAL PAYMENT FOR JP
</td>
Rp <?php echo number_format($add_pay_jp,"2",",","."); ?>
</td>
</tr>
<tr>
<td width="25%">
DEATH ALLOWANCE (JKM)*
</td>
Rp <?php echo number_format($jkm,"2",",","."); ?>
</td>
<td width="25%">
</td>
<td width="25%">
</td>
</tr>
<tr>
<td width="25%">
PENSION ALLOWANCE (JP)*
</td>
Rp <?php echo number_format($jp,"2",",","."); ?>
</td>
<td width="25%">
</td>
<td width="25%">
</td>
</tr>
<tr>
<td width="25%">
OVERTIME
</td>
Rp <?php echo number_format($overtime,"2",",","."); ?>
</td>
<td width="25%">
</td>
<td width="25%">
</td>
</tr>
<tr>
<td width="25%">
BONUS
</td>
Rp <?php echo number_format($bonus,"2",",","."); ?>
</td>
<td width="25%">
</td>
<td width="25%">
</td>
</tr>
<tr>
<td width="25%"
height="20px">
</td>
</td>
<td width="25%">
</td>
<td width="25%">
</td>
</tr>
<tr>
<td width="25%">
Total Earning
</td>
Rp <?php echo number_format($total_ear,"2",",","."); ?>
</td>
<td width="25%">
Total Deduction
</td>
Rp <?php echo number_format($total_dedu,"2",",","."); ?>
</td>
</tr>
</table>
<br>
<table border="1" width="50%">
<tr>
<td width="25%">
Net Pay
</td>
Rp <?php echo number_format($net_pay,"2",",","."); ?>
</td>
</tr>
<tr>
<td width="25%">
Take Home Pay
</td>
Rp <?php echo
number_format($take_home_pay,"2",",","."); ?>
</td>
</tr>
</table>
<form method="POST"
action="pengolahan_gaji/cetak_gaji.php">
<br>
<input type="hidden" value="<?php echo"$nip" ; ?>"
name="nip">
<input class="btn btn-success" type="submit" value="CETAK
SLIP GAJI"></input></form> </b>
5. Form User PPH21
Fff
<?php
session_start();
$nip=$_SESSION['nip'];
include"../config/koneksi.php";
?>
<div class="row">

<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab_1" data-toggle="tab">DATA GAJI
YANG DIBERIKAN BULAN INI</a></li>
<li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-
gear"></i></a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_1">


<div class="modal fade modal-primary" id="daftar" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-dialog">
<div class="modal-content">
</div>
</div>
</div>
<br>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>Bulan/Tahun</th>
<th>NIP</th>
<th>Nama</th>
<th>Status</th>
<th>Gaji Poko</th>

<th>Penghasilan Setahun</th>
<th>Total Pengurang</th>
<th>Penghasilan Kena Pajak</th>


<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$hasil=mysqli_query($koneksi,"SELECT *
FROM `t_pegawai` JOIN `t_jabatan`
`t_gaji_pegawaiÙSING(`nip`) where nip=$nip;");
if($hasil != null){
while($kolom=mysqli_fetch_array($hasil)){
?>
<tr>
<td><?php echo $kolom['bulan']." ".$kolom['tahun']?></td>
<td><?php echo $kolom['nip']?></td>
<td><?php echo $kolom['nama']?></td>
<td><?php echo $kolom['status']?></td>
<td><?php echo "Rp
".number_format($kolom['gaji_pokok'],2,',','.');?></td>
<td><?php echo "Rp
".number_format($kolom['peng_tahun'],2,',','.');?></td>
<td><?php echo "Rp
".number_format($kolom['total_pengu'],2,',','.');?></td>
<td><?php echo "Rp
".number_format($kolom['peng_kena_pajak'],2,',','.');?></td>
<td>
<a href="media.php?page=detail_pph21_pegawai&id_gaji=<?php
echo $kolom['id_gaji']; ?>"><button type="button" class="btn btn-
success"><span class="fa fa-external-link"aria-hidden="true"> Detail
</span></button></a>
</td>
</tr>
<?php
}
}
else {
echo "data kosong";
}
?>
</tbody>
</table>
</div>

</div>

</div>

</div>

<script>
$(function () {
$("#example1").DataTable();
$('#example2').DataTable({
"paging": true,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false
});
});
</script>
6. Form User Slip Gaji
<?php
session_start();
$GetNip = $_SESSION['nip'];
?>
<div class="row">
<li class="active"><a href="#tab_1" data-toggle="tab">DATA GAJI
YANG DIBERIKAN BULAN INI</a></li>
gear"></i></a></li>
</ul>


<form class="form-horizontal"
action="pengolahan_gaji/simpan_slip.php" method="post">
<div class="modal-body">
<div class="form-group">
<label for="contact-name" class="col-lg-3 control-
label">bulan : </label>
<div class="col-lg-9">
<select class="form-control" name="bulan">
<option>Pilih bulan</option>
<?php
$query1 = "SELECT distinct `bulan` FROM
`t_gaji_pegawai`;";
$sql1 = mysqli_query($koneksi,$query1);
while ( $baris = mysqli_fetch_array($sql1)) {
echo '<option
value="'.$baris['bulan'].'">'.$baris['bulan'].'</option>';
}
?>
</select>
</div>
</div>
label">Tahun : </label>
<select class="form-control" name="tahun">
<option>Pilih Tahun</option>
<?php
$query1 = "SELECT distinct `tahun` FROM
`t_gaji_pegawai`;";
echo '<option
value="'.$baris['tahun'].'">'.$baris['tahun'].'</option>';
}
?>
</select>
</div>
</div>
<label for="contact-name" class="col-lg-3 control-label">NIP
: </label>
<select class="form-control" name="nip">
<option>Pilih NIP</option>
<?php
$query1 = "SELECT `nip` FROM `t_pegawai`;";
echo '<option
value="'.$baris['nip'].'">'.$baris['nip'].'</option>';
}
?>
</select>
</div>
</div>
<label for = "contact-msg" class="col-lg-3 control-
label">Working Days : </label>
<input name="work_days" class="form-control"
placeholder="Gaji Pokok" type="text" required="">
</div>
</div >
<label for = "contact-msg" class="col-lg-3 control-label">Net
Payable Days : </label>
<input name="net_pay_days" class="form-control"
placeholder="Lembur" type="text" required="">
</div>
</div >
<label for = "contact-msg" class="col-lg-3 control-label">Pay
Mode : </label>
<input name="pay_mode" class="form-control"
placeholder="Biaya Jabatan" type="text" required="">
</div>
</div >
label">BASIC SALARY : </label>
<input name="gaji_pokok" class="form-control"
placeholder="BASIC SALARY" type="text" required="">
</div>
</div >
label">Bonus : </label>
<input name="bonus" class="form-control"
placeholder="Bonus" type="text" required="">
</div>
</div >
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-
dismiss="modal">Keluar</button>
<button type="submit" class="btn btn-success" ><span
class="icon fa fa-user-plus"></span> Tambah</button>
</div>
</form>
</div>
</div>
</div>
<br>
<thead>
<tr>
<th>Bulan/Tahun</th>
<th>Employee No</th>
<th>Employee Name</th>
<th>Joining Date</th>
<th>NPWP</th>


<th>Designation</th>
<th>Pay Mode</th>


<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$hasil=mysqli_query($koneksi,"SELECT * FROM `slip_gaji` JOIN
`t_gaji_pegawai` USING(ìd_gaji`) JOIN
`t_pegawaiÙSING(`nip`) JOIN t_jabatan USING
(kd_jabatan)
where nip = '$GetNip';");
if($hasil != null){
?>
<tr>
<td><?php echo $kolom['bulan']." ".$kolom['tahun']?></td>
<td><?php echo $kolom['tgl_masuk']?></td>
<td><?php echo $kolom['npwp']?></td>
<td><?php echo $kolom['nama_jabatan']?></td>
<td><?php echo $kolom['pay_mode']?></td>
<td>
<a href="media.php?page=detail_slip&nip=<?php echo
$kolom['nip']; ?>"><button type="button" class="btn btn-success"><span
class="fa fa-external-link"aria-hidden="true"> Detail </span></button></a>
</td>
</tr>
<?php
}
}
else {
echo "data kosong";
}
?>
</tbody>
</table>

</div>
</div>


<script>
$(function () {
"paging": true,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false
});
});
</script>
7. Form User Tampil Absensi Pegawai
<?php
?>
<div class="row">
<li class="active"><a href="#tab_1" data-toggle="tab">DATA
ABSENSI</a></li>
gear"></i></a></li>
</ul>


<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-
label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Tambah Absen
</h4>
</div>
<form class="form-horizontal"
action="pengolahan_absen/simpan_absen.php" method="post">
<div class="modal-body">
label">Masukan Tanggal : </label>
<input type=date name="tanggal" class="form-
control"></input>
</div>
</div>
<label for="contact-name" class="col-lg-3 control-label">NIP
: </label>
<select class="form-control" name="nip">
<option>Pilih NIP</option>
<?php
$query1 = "SELECT `nip` FROM `t_pegawai`;";
echo '<option
value="'.$baris['nip'].'">'.$baris['nip'].'</option>';
}
?>
</select>
</div>
</div>
label">Jabatan : </label>
<select class="form-control" name="kd_jabatan">
<option>Pilih Jabatan</option>
<?php
$query1 = "SELECT * FROM `t_jabatan`;";
echo '<option
value="'.$baris['kd_jabatan'].'">'.$baris['nama_jabatan'].'</option>';
}
?>
</select>
</div>
</div>
<label for = "contact-msg" class="col-lg-3 control-label">Jam
Masuk : </label>
<input type=time name="jam_masuk" class="form-
control"></input>
</div>
</div >
<label for = "contact-msg" class="col-lg-3 control-label">Jam
Keluar : </label>
<input type=time name="jam_keluar" class="form-
control"></input>
</div>
</div >
label">Keterangan : </label>
<input name="keterangan" class="form-control"
placeholder="Keterangan" type="text" required="">
</div>
</div >
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-
dismiss="modal">Keluar</button>
<button type="submit" class="btn btn-success" ><span
class="icon fa fa-user-plus"></span> Tambah</button>
</div>
</form>
</div>
</div>
</div>
<br>
<thead>
<tr>
<th>KODE ABSEN</th>
<th>TANGGAL</th>
<th>NIP</th>
<th>Nama</th>
<th>JABATAN</th>
<th>JAM MASUK</th>
<th>JAM KELUAR</th>
<th>KETERANGAN</th>
</tr>
</thead>
<tbody>
<?php
$hasil=mysqli_query($koneksi,"SELECT *
FROM `t_absen` JOIN `t_jabatan`
`t_pegawaiÙSING(`nip`);");
if($hasil != null){
?>
<tr>
<td><?php echo $kolom['kd_absen']?></td>
<td>
<?php $tgl = explode("-",$kolom['tanggal']);
$tanggal = $tgl[2]."-".$tgl[1]."-".$tgl[0];
echo $tanggal;
?>
</td>
<td><?php echo $kolom['nama_jabatan']?></td>
<td><?php echo $kolom['jam_masuk']?></td>
<td><?php echo $kolom['jam_keluar']?></td>
<td><?php echo $kolom['keterangan']?></td>
</tr>
<?php
}
}
else {
echo "data kosong";
}
?>
</tbody>
</table>
</div>

</div>

</div>

</div>

<script>
$(function () {
"paging": true,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false
});
});
</script>
8. Form User Tampil Pegawai
<?php
session_start();
if (isset($_SESSION['nip'])) {
$nip = $_SESSION['nip'];
} else {
}
// tampilkan data
$query = "SELECT * FROM t_pegawai JOIN t_jabatan USING (kd_jabatan)
JOIN k_t_bank USING (kd_bank) where nip = '$nip';";
$nip = $hasil['nip'];
$nama_jabatan = $hasil['nama_jabatan'];
$nama_bank = $hasil['nama_bank'];
$no_rek = $hasil['no_rek'];
$s_kerja = $hasil['s_kerja'];
$tgl_masuk1 = explode("-", $hasil['tgl_masuk']);
$tgl_masuk = $tgl_masuk1[2]."-".$tgl_masuk1[1]."-".$tgl_masuk1[0];
$tgl_berakhir1 = explode("-", $hasil['tgl_berakhir']);
$tgl_berakhir = $tgl_berakhir1[2]."-".$tgl_berakhir1[1]."-".$tgl_berakhir1[0];
$no_ktp = $hasil['no_ktp'];
$npwp = $hasil ['npwp'];
$nama = $hasil['nama'];
$tempat_lahir = $hasil['tempat_lahir'];
$tgl_lahir = explode("-", $hasil['tgl_lahir']);
$tgl = $tgl_lahir[2]."-".$tgl_lahir[1]."-".$tgl_lahir[0];
$alamat = $hasil['alamat'];
$n_hp= $hasil['n_hp'];
$jk = $hasil['jk'];
$foto = $hasil['foto'];
?>
<div class="box-header">
<h3 class="box-title"><i class="fa fa-tasks"></i> Detail Pegawai</h3>
</div>
<div class="box-body">

<section class="content">
<div class="row">

<img class="profile-user-img img-responsive img-circle"
src="../gambar/<?php echo "$foto"; ?>" alt="User profile picture">
<h3 class="profile-username text-center"><?php echo $nama; ?></h3>

<p class="text-muted text-center">Pegawai </p>

<b>NIP</b> <a class="pull-right"><?php echo $nip ?></a>
</li>
<b>Jabatan</b> <a class="pull-right"><?php echo $nama_jabatan
?></a>
</li>
<b>Bank</b> <a class="pull-right"><?php echo $nama_bank
?></a>
</li>
<b>No Rekening</b> <a class="pull-right"><?php echo $no_rek
?></a>
</li>
<b>Status Kerja</b> <a class="pull-right"><?php echo $s_kerja
?></a>
</li>
<b>Tanggal Masuk Pegawai</b> <a class="pull-right"><?php echo
$tgl_masuk ?></a>
</li>
<b>Tanggal Berakhir Pegawai</b> <a class="pull-right"><?php
echo $tgl_berakhir ?></a>
</li>
</ul>
</div>

</div>

</div>



<h3 class="profile-username text-left">Data Pribadi</h3>
<b>No KTP</b> <a class="pull-right"><?php echo $no_ktp ?></a>
</li>
<b>NPWP</b> <a class="pull-right"><?php echo $npwp ?></a>
</li>
<b>Tempat Lahir</b> <a class="pull-right"><?php echo
$tempat_lahir ?></a>
</li>
<b>Tanggal Lahir</b> <a class="pull-right"><?php echo $tgl
?></a>
</li>
<b>Alamat</b> <a class="pull-right"><?php echo $alamat ?></a>
</li>
<b>No Telepon</b> <a class="pull-right"><?php echo
$n_hp?></a>
</li>
<b>Jenis Kelamin</b> <a class="pull-right"><?php echo $jk
?></a>
</ul>
<?php
if($_SESSION['level']=="admin"){
?>
<a href="media.php?page=edit_pegawai&id=<?php echo $hasil['nip'];
?>" class="btn btn-primary btn-block"><b>Edit Data Pegawai</b></a>
<?php
}
?>
</div>

</div>

</div>
Tampilan Login
Tampilan Menu Home
Tampilan Menu Admin

Tampilan Menu Data Pegawai
Tampian Menu Data slip Gaji

Tampilan Menu detail Slip Gaji
Tampilan Menu Data Gaji PPH21

Tampilan Menu Detail Pph21
Tampilan Menu Data Absen

Tampilan Menu HOME User
Tampilan Menu Data Pegawai User
Tampilan Menu Data Slip Gaji User

Tampilan Menu Data Gaji PPH21 User
Tampilan Menu Data Gaji Detail Slip Gaji User
Tampilan Menu Cetak Slip Gaji User

Tampilan Menu Data Absen User

Laporan KP Sistem Informasi Penggajian Online Berbasis Web Di DailyFoodhall Cimah

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan KP Sistem Informasi Penggajian Online Berbasis Web Di DailyFoodhall Cimah

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI PENGGAJIAN ONLINE BERBASIS

WEB DI DAILY FOODHALL CIMAHI

Diajukan Untuk Memenuhi Tugas Matakuliah Kerja Praktek

NURMAN RAMLI HANAFI

PROGRAM STUDI TEKNIK INFORMATIKA

Sistem Informasi Penggajian Online Berbasis Web merupakan suatu

Web-Based Online Payroll Information System is a system that provides

Bandung, 01 Agustus 2018

KATA PENGANTAR ....................................................................................... iii

DAFTAR ISI ..................................................................................................... iv

DAFTAR GAMBAR ........................................................................................ vii

DAFTAR TABEL ............................................................................................. ix

DAFTAR LAMPIRAN ...................................................................................... x

1.1 Latar Belakang Masalah ......................................................................... 1

1.2 Identifikasi Masalah ................................................................................ 2

1.3 Maksud dan Tujuan ................................................................................ 2

1.3.1 Maksud ................................................................................................. 2

1.3.2 Tujuan .................................................................................................. 3

1.4 Batasan Masalah ..................................................................................... 3

1.5 Metodologi Penelitian .............................................................................. 4

1.5.1 Tahapan Pengumpulan Data ............................................................... 4

1.5.2 Tahapan dan Pembangunan Aplikasi ................................................. 4

1.6 Sistematika Penulisan ............................................................................. 6

BAB 2 TINJAUAN PUSTAKA ......................................................................... 8

2.1 Profil Tempat KP .................................................................................... 8

2.1.1 Sejarah Perusahaan ............................................................................. 8

2.1.2 Logo Perusahaan ............................................................................... 10

2.1.3 Struktur Organisasi dan Deskripsi kerja ......................................... 10

2.3 Pengertian Sistem .................................................................................. 12

BAB 3 ANALISIS DAN PERANCANGAN SISTEM .................................... 26

3.1 Analisis Masalah.................................................................................... 26

3.2 Analisis Prosedur Sistem yang sedang berjalan ................................... 26

3.3 Analisis Sistem Yang Akan Dibangun .................................................. 29

3.4 Analisis Sistem ....................................................................................... 30

3.4.1 Analisis Kebutuhan Sistem ................................................................ 31

3.4.2 Analisis Kebutuhan Perangkat Keras ............................................... 34

3.4.3 Analisis Kebutuhan Perangkat Lunak .............................................. 35

3.5 Model Perancangan ............................................................................... 35

3.5.1 Data Flow Diagram ............................................................................ 35

3.5.2 Spesifikasi Proses ............................................................................... 43

3.5.3 Kamus Data........................................................................................ 53

BAB 4 perancangan SISTEM .......................................................................... 60

4.1 Perancangan Basis Data ........................................................................ 60

4.1.1 Diagram Relasi ................................................................................... 60

4.1.2 Struktur Tabel ................................................................................... 62

4.2 Struktur Menu....................................................................................... 65

4.3 Perancangan Antarmuka ...................................................................... 66

4.4 Perancangan Jaringan Semantik .......................................................... 77

BAB 5 KESIMPULAN DAN SARAN ............................................................. 78

5.1 Kesimpulan ............................................................................................ 78

5.2 Saran ...................................................................................................... 78

DAFTAR PUSTAKA ....................................................................................... 79

LAMPIRAN A. LISTING PROGRAM / SOURCE CODE ........................ lxxx

Gambar 1. 1 Metode Waterfall.......................................................................... 5

Tabel 2. 1 Simbol-simbol DFD (Roger S. Pressman, Ph.D : 1997,365) .......... 20

LAMPIRAN A. LISTING PROGRAM / SOURCE CODE................................A-1

1.1 Latar Belakang Masalah

Dibutuhkan sebuah sistem penggajian online dan rincian perhitungan PPh21

1.2 Identifikasi Masalah

1.3 Maksud dan Tujuan

1.4 Batasan Masalah

1.5 Metodologi Penelitian