Contoh Tugas-Akhir-Tommy

SISTEM INFORMASI PENGGAJIAN KARYAWAN BERBASIS
WEB PADA PT INDAH SUBUR SEJATI
JAKARTA
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Diploma Tiga (D.III)
TOMMY STENOVIC
NIM: 12140953
Program Studi Manajemen Informatika
AMIK BSI Jakarta
Jakarta
2017
KATAPENGANTAR
Alhamdulillah,Dengan mengucapkan puji syukur kehadirat Allah SWT,
yang telah melimpahkan rahmat dan karunia-Nya,sehingga pada akhirnya penulis
dapat menyelesaikan tugas ini dengan baik . Dimana tugas akhir ini penulis
sajikan dalam bentuk buku yang sederhana. Adapun judul tugas akhir, yang
penulis ambil sebagai berikut, “Sistem Informasi Penggajian Berbasis Web
Pada PT. Indah Subur Sejati Jakarta”.
Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat
kelulusan program DiplomaTiga(D.III) Akademi Manajemen Informatika dan
Komputer Bina Sarana Informatika. Sebagai bahan penulisan diambil berdasarkan
hasil penelitian (eksperimen),observasi dan beberapa sumber literatur yang
mendukung penulisan ni. Penulis menyadari bahwa tanpa bimbingan dan
dorongan dari semua pihak,maka penulisan tugas akhir ini tidak akan lancar.Oleh
karena itu pada kesempatan ini,izinkanlah penulis menyampaikan ucapan terima
kasih kepada:
1. Direktur AMIK BSI Jakarta.
2. Ketua Program StudiManajemen Informatika AMIK BSI.
3. Ibu Astriana,S.Si,M.Kom, selaku Dosen PembimbingTugas Akhir.
4. Ibu Roida Pakpahan S.Kom,M.Si,selaku Asisten PembimbingTugas Akhir.
5. Staff / karyawan / dosen dilingkungan Akademi BSI.
6. Bapak Ariefselaku Kepala DivisiSales PT Indah Subur Sejati.
7. Staff / karyawan dilingkungan PT.Indah Subur Sejati.
8. Orangtua tercintayangtelah memberikan dukungan moral maupun spiritual.

9. Rekan-rekan mahasiswakelasMI-6G.
Serta semua pihak yang terlalu banyak untuk disebut satu persatu
sehingga terwujudnya penulisan ini.Penulis menyadari bahwa penulisan tugas
akhir ini masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan
saran yang bersifat membangun demi kesempurnaan penulisan dimasa yang akan
datang.
Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya
bagi para pembaca yang berminat pada umumnya.
Jakarta, 11Juli 2017
Penulis
Tommy Stenovic
ABSTRAK
Tommy Stenovic(12140953),Sistem Informasi Penggajian Karyawan

Berbasis Web Pada PT.Indah Subur Sejati Jakarta
PT Indah Subur Sejati merupakan sebuah Perusahaan yang bergerak di bidang

Garment di kota Jakarta yang sudah memiliki banyak pelanggan di wilayah
Jakarta dan sekitarnya.Saat ini telah memiliki karyawan yang semakin bertambah
seiring dengan berkembangnya PT.Indah Subur Sejati.Salah satu hal yang sangat
diperhatikandengan bertambahnya karyawan adalah pengelolaan dalam sektor
penggajian. Di dalam sektor penggajian masih menerapkan sistem penggajian
secara manual dan konvensional.Untuk memudahkan dalam pengolahan
penggajian, laporan dan slip gaji karyawan dibutuhkan sistem informasi
penggajian karyawan yang dapat membantu dalam pengolahan data-data
penggajian. Berdasarkan permasalahan tersebut,maka dilakukan penelitian untuk
memperoleh kebutuhan-kebutuhan yang diperlukan dalam membangun sistem
informasi penggajian karyawan.Pembangunan sistem informasi penggajian
karyawan dimulai dengan proses analisis kebutuhan sistem dan dilanjutkan
dengan proses perancangan sistem yang didasarkan pada hasil analisis
kebutuhan. Tahap terakhir dari proses penyusunan sistem iniadalah
implementasi perancangan sistem menjadi sebuah sistem baru. Dalam tugas
akhir ini dapat disimpulkan bahwa sistem informasi penggajian karyawan yang
dibangun dapat membantu dalam pengolahan data penggajian dan dapat
menampilkan informasi yangdibutuhkan oleh karyawan PT.Indah Subur Sejati.
Kata kunci : Sistem Informasi, Penggajian, Karyawan, Web,

Abstract
Tommy Stenovic(12140953),Sistem Informasi Penggajian Karyawan

Berbasis Web Pada PT.Indah Subur Sejati Jakarta
PT.Indah Subur Sejati is a company in the garment at city of Jakarta who already
have many customers in Hyderabad and surrounding areas. Currently have a
employees increasing along with the development PT.Indah Subur Sejati.One of
the things that are concerned with increasing employee is managing thepayroll
sector. In the payroll sector still manually apply the payroll system and
conventional.To facilitate the processing of payroll, reports and employee pay
stub required employee payroll information system that can assist in the
processing of payroll data. Based on these problems, then conducted research
to obtain the necessary needs in building employee payroll information system.
Employee payroll information system development process starts with the analysis
of system requirements and proceed with the process of designing a system based
on the results of the needs analysis. The last stage of the preparation process of
this system is the implementation of the system design into a new system. In this
research it can be concluded that the employee payroll information system built
to assist in the processing of payroll data and can display the information
needed by employees PT.Indah Subur Sejati
Keywords: Employee, Payroll, Information Sistem, Web,
xi
DAFTARISI
Halaman
Lembar Judul Tugas Akhir.........................................................................................i
Lembar Pernyataan Keaslian Tugas Akhir .................................................................ii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ...........................................iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ....................................................iv
Lembar Konsultasi Tugas Akhir ................................................................................v
Kata Pengantar ...........................................................................................................vii
Abstrak .......................................................................................................................ix
Daftar Isi .....................................................................................................................xi
Daftar Simbol .............................................................................................................xii
Daftar Gambar ............................................................................................................xiii
Daftar Tabel ...............................................................................................................xv
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah ...................................................................1
1.2. Maksud dan Tujuan .................................................................... 2
1.3. Metode Penelitian .............................................................................3
1.4. Ruang Lingkup .................................................................................5
1.5.Sistematika Penulisan........................................................................6
BAB II LANDASANTEORI
2.1. KonsepDasar Web............................................................... 7
2.2. TeoriPendukung ............................................................................... 14
BAB III PEMBAHASAN

3.1.Tinjauan Perusahaan ....................................................................... 23
3.1.1. Sejarah Perusahaan .............................................................. 23
3.1.2. Struktur Organisasi dan Fungsi ........................................... 24
3.2. Analisa Kebutuhan ......................................................................... 27
3.3. Perancangan Perangkat Lunak ....................................................... 29
3.3.1.Rancangan Antar Muka ........................................................ 29
3.3.2 Basis Data ............................................................................. 53
3.3.3.Rancangan Struktur Navigasi ............................................... 63
3.4. Implementasi dan Pengujian Unit .................................................. 66
3.4.1.Implementasi......................................................................... 66
3.4.2.Pengujian Unit ...................................................................... 79
BAB IV PENUTUP
4.1. Kesimpulan...................................................................................... 91
4.2. Saran ............................................................................................... 91
DAFTAR PUSTAKA ...............................................................................................93

DAFTAR RIWAYAT HIDUP ................................................................................94
SURAT KETERANGAN RISET/PKL
xii
DAFTAR SIMBOL
Notasi Keterangan
Entitas adalah suatu objek yang dapat diidentifikasi dalam

lingkngan pemakai.
Relasi menunjukan adanya hubungan antara sejumlah

entitas yang berbeda.
Atribut mendeskripsikan karakter entitas (atribut yang

berfungsi sebagai key diberi garis bawah).
Garis sebagai penghubung antara relasi dengan

entitas,relasi dan entitas dengan atribut.
xiii
DAFTAR GAMBAR
Halaman
Gambar III.1 Struktur Organisasi PT.Indah Subur Sejati. ................................. 24

Gambar III.2 Rancangan Antar Muka Login Admin ......................................... 29
Gambar III.3 Rancangan Antar Muka Index Admin . ........................................ 30
Gambar III.4 Rancangan Antar Muka Data Divisi Admin ................................ 31
Gambar III.5 Rancangan Antar Muka Data Jabatan Admin . ............................ 32
Gambar III.6 Rancangan Antar Muka Data Karyawan Admin.......................... 33
Gambar III.7 Rancangan Antar Muka Data Pinjaman Admin . .......................... 34
Gambar III.8 Rancangan Antar Muka Data Lembur ......................................... 35
Gambar III.9 Rancangan Antar Muka Data Absensi Admin .............................. 36
Gambar III.10 Rancangan Antar Muka Data Penggajian Admin ....................... 37
Gambar III.11 Rancangan Antar Muka Login Direktur ...................................... 38
Gambar III.12 Rancangan Antar Muka Index Direktur ..................................... 39
Gambar III.13 Rancangan Antar Muka RekapDivisiDirektur ........................... 40
Gambar III.14 Rancangan Antar Muka RekapJabatanDirektur ......................... 41
Gambar III.15 Rancangan Antar Muka Rekap KaryawanDirektur ................... 42
Gambar III.16 Rancangan Antar Muka RekapAbsensiDirektur ........................ 43
Gambar III.17 Rancangan Antar Muka RekapPinjamanDirektur ...................... 44
Gambar III.18 Rancangan Antar Muka RekapLemburDirektur ........................ 45
Gambar III.19 Rancangan Antar Muka Rekap Gaji Direktur ............................ 46
Gambar III.20 Rancangan Antar Muka Login Karyawan .................................. 47
Gambar III.21 Rancangan Antar Muka Index Karyawan ................................. 48
Gambar III.22 Rancangan Antar Muka Absensi Karyawan .............................. 49
Gambar III.23 Rancangan Antar Muka Pinjaman Karyawan ............................ 50
Gambar III.24 Rancangan Antar Muka Lembur Karyawan............................... 51
Gambar III.25 Rancangan Antar Muka Gaji Karyawan .................................... 52
Gambar III.26 ERD Sistem Informasi Penggajian Karyawan .......................... 53
Gambar III.27 LRS Sistem Informasi Penggajian Karyawan . .......................... 54
Gambar III.28 Struktur Navigasi Untuk Admin PT.Indah Subur Sejati ............ 63
Gambar III.29 Struktur Navigasi Untuk Karyawan PT.Indah Subur Sejati ....... 64
Gambar III.30 Struktur Navigasi Untuk Direktur PT.Indah Subur Sejati.......... 65
Gambar III.31 Halaman Login Admin ............................................................... 66
Gambar III.32 Halaman Index Admin .............................................................. 67
Gambar III.33 Halaman Data Divisi Admin ..................................................... 67
Gambar III.34 Halaman Data Jabatan Admin. ................................................... 68
Gambar III.35 Halaman Data Karyawan Admin .............................................. 68
Gambar III.36 Halaman Data Pinjaman Admin ................................................ 69
Gambar III.37 Halaman Data Lembur Admin . ................................................. 69
Gambar III.38 Halaman Data Penggajian Admin .............................................. 70
Gambar III.39 Halaman Login Direktur............................................................. 70
Gambar III.40 Halaman Index Direktur ........................................................... 71
Gambar III.41 Halaman Rekap Divisi Direktur . ............................................... 71
Gambar III.42 Halaman Rekap Jabatan Direktur . ............................................. 72
xiv
Gambar III.43 Halaman Rekap Karyawan Direktur . ........................................ 72
Gambar III.44 Halaman Rekap Absensi Direktur . ............................................ 73
Gambar III.45 Halaman Rekap Pinjaman Direktur ........................................... 73
Gambar III.46 Halaman Rekap Lembur Direktur ............................................. 74
Gambar III.47 Halaman Rekap Gaji Direktur .................................................... 74
Gambar III.48 Halaman Login Karyawan .......................................................... 75
Gambar III.49 Halaman Index Karyawan .......................................................... 75
Gambar III.50 Halaman Absensi Karyawan ...................................................... 76
Gambar III.51 Halaman Pinjaman Karyawan .................................................... 76
Gambar III.52 Halaman Lembur Karyawan ...................................................... 77
Gambar III.53 Halaman Gaji Karyawan ............................................................ 77
xv
DAFTAR TABEL
Halaman
1. Tabel III.1.Spesifikasi File Divisi ............................................................................. 55

2. Tabel III.2.Spesifikasi File Absensi ........................................................................... 56
3. Tabel III.3.Spesifikasi File Jabatan ............................................................................ 57
4. Tabel III.4.Spesifikasi File Karyawan........................................................................ 58
5. Tabel III.5.Spesifikasi File Lembur ........................................................................... 59
6. Tabel III.6.Spesifikasi File Penggajian ...................................................................... 60
7. Tabel III.7.Spesifikasi File Pengguna ........................................................................ 61
8. Tabel III.8.Spesifikasi File Pinjaman ......................................................................... 62
9. Tabel III.9.Hasil pengujian Black Box Testing Halaman Login Admin..................... 79
10. Tabel III.10.Hasil pengujian Black Box Testing Halaman Login Karyawan ............. 81
11. Tabel III.11.Hasil pengujian Black Box Testing Halaman Login Direktur ................ 82
12. Tabel III.12.Hasil pengujian Black Box Testing Halaman Tambah Data Pengguna
Admin ......................................................................................................................... 83
13. Tabel III.13 Hasil pengujian Black Box Testing Halaman Tambah Data Karyawan
Admin ......................................................................................................................... 85
14. Tabel III.14 Hasil pengujian Black Box Testing Halaman ubah sandi Admin ........... 89
xvi
BAB I
PENDAHULUAN
1.1. Umum
Perkembangan sistem informasi dan teknologi saat ini menuntut kita untuk
mampu mengikuti perkembangan agar dapat mengimbangi kebutuhan pasar.Salah
satu perkembangan yang dapat kita rasakan adalah berkembangnya sistem kerja
yang telah tekomputerisasi dalam sebuah perusahaan.Hampir setiap perusahaan
baik instansi pemerintah maupun swasta membutuhkan dan memanfaatkan
perkembangan teknologi atau perangkat komputer dalam melakukan kinerjanya
yang berupa pengolahan data yang cepat,mudah dan efisien.
Keberadaan aplikasi program digunakan untuk memudahkan
pekerjaan,menghemat waktu,dan tenaga serta dengan didukungnya oleh sistem
informasi akan lebih memudahkan semua pekerjaan sehingga dalam melakukan
suatu pekerjaan tidak terhambat,serta informasi yang disampaikan lebih
cepat,tepat,dan akurat.
Tidak terkecuali bagi perusahaan yang bergerak dibidang penjualan baju
sekalipun. Berdasarkan hasil penelitian yang penulis lakukan,administrasi
pengolahan penggajian yang berjalan saat ini pada PT Indah Subur Sejati masi
menggunakan Microsoft Office saja sehingga dalam pengolahan data masih dapat
dikatakan menggunakan sistem manual. Diawali dari pencatatan absensi yang
menggunakan absen ceklok (amano), dan setiap akhir bulan bagian administrasi
membuat rekap absensi yang dihitung secara manual dari daftar absensi dan
kemudian memindahkannya ke Microsoft Excel. Untuk mempermudah dan
1
2
mengakuratkan proses perhitungan gaji pokok, tunjangan,lembur,dan potonga-
potongan untuk karyawan. Disarankan agar perusahaan menerapkan sistem
penggajian yang lebih terkomputerisasi.
Berdasarkan studi analisis yang Penulis lakukan di perusahaan ini,,dengan
demikian kami penulis mencoba merancang dan membuat sistem berjudul
“SISTEMINFORMASI PENGGAJIAN KARYAWAN BERBASIS WEB
PADA PT INDAH SUBUR SEJATI JAKARTA”.

3
1.2.Maksud dan Tujuan
Maksud dari penulisan tugas akhir ini adalah :
1. Untuk mengetahui permasalahan pada sistem penggajian yang berjalan pada
PT.Indah Subur Sejati
2. Mengatasi kendala penggajian PT.Indah Subur Sejatiyaitu pada saat
penginputan manual yang menyebabkan tidak efisien waktu.
3. Membuat aplikasi yang dapat mengefisienkan dalam proses penggajian dan
keperluan laporan.
Adapun tujuan dari penulisan tugas akhir ini adalah sebagai salah satu
syarat kelulusan program Diploma Tiga (D.III) jurusan manajemen informatika di
Akademik Manajemen Informatika dan Komputer(AMIK BSI).
1.3.Metode Penelitian
Menjelaskan metode penelitian dan teknik pengumpulan data yang
digunakan untuk menyusun TA.
A. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan
pengumpulan data untuk pembuatan Tugas Akhir adalah:
1. Teknik Observasi
Penulis mengadakan penelitian langsung di PT.Indah Subur Sejati dan
mengumpulkan data melalui pengamatan langsung dari dekat terhadap
sistem yang sedang berjalan, dengan cara ini penulis mampu lebih
mengetahui bagaimana sistem berjalan pada penggajian.
2. Teknik Wawancara
4
Dengan Wawancara ini penulis mendapatkan data dan kebutuhan
informasi dengan cara tatap muka langsung atau menanyakan langsung
dengan Bapak Arief yang sebagai Supervisor yang terlibat langsung dalam
proses yang sedang diamati. Metode ini digunakan untuk memperjelas
hasil-hasil dari kegiatan observasi yang telah sebelum dilakukan.
3. Teknik Studi Pustaka
Penulis menggunakan metode ini untuk mendukung dan menunjang data
yang telah terkumpul untuk digunakan sebagai informasi dengan refrensi
dari buku-buku di perpustakaan dan pribadi maupun catatan kuliah yang
berhubungan dengan permasalahan yang sedang diamati pada sistem
penggajian yang berlaku pada PT.Indah Subur Sejati.
B. Analisa Pengembangan Sistem
Melakukan analisa terhadap proses pembelajaran yang sedang berjalan pada
PT.Indah Subur Sejati . Perancangan penggajian model ADDIE ( Analyze,
Design,Develop,Implement and Evaluate), dengan tahapan sebagai berikut:
1. Fase Analyze / Analisis
Melakukan analisa terhadap proses penggajian yang sedang berjalan pada
PT.Indah Subur Sejati dengan melakukan pengamatan langsung,
Wawancara dengan Supervisor ( Bapak Arief ) pada PT.Indah Subur
Sejati.
2. Fase Design
5
Merancang sistem Penggajian untuk memenuhi kebutuhan berdasarkan
analisa yang telah dilakukan terhadap proses penggajian yang sedang
berjalan.
3. Fase Develop / Pengembangan
Mengembangkan dan memadukan Bahasa pemrograman yang digunakan
seperti PHP , dan CSS untuk membuat rancangan Web Penggajian yang
dapat dicoba.
4. Fase Implement / pengujian
Pengujian merupakan bagian yang penting dalam pembangunan sebuah
web, pengujian ditunjukan untuk menemukan kesalahan-kesalahan pada
sistem yang dibangun telah sesuai dengan apa yang direncanakan
sebelumnya.
5. Fase Evaluasi
Mengembangkan isi dan fitur rancangan penggajian berdasarkan kritik dan
saran yang didapat.
1.4. Ruang Lingkup
Berdasarkan judul Tugas Akhir ini,maka penulis akan membatasi ruang lingkup
permasalahan hanya pada back end sistem penggajian karyawan mulai dari
rekapitulasi absensi karyawan,proses penggajian sampai dengan pembuatan
laporan penggajian karyawan, Dan Front end ditunjukan kepada karyawan untuk
melihat gaji dan absensinya dalam jangka waktu tertentu dengan cara karyawan
6
dapat melihat langsung ke komputer yang sudah diberikan kantor khusus untuk
karyawan melihat data gaji karyawan. .

6
1.5. Sistematika Penulisan
Untuk memberi gambaran secara keseluruhan dari penulisan Tugas Akhir
ini,maka penulis membagi sistematika penulisan kedalam empat bab, dimana satu
dengan lainnya saling berhubungan. Adapun sistematika dari penulisan ini adalah
sebagai berikut:
BAB I : PENDAHULUAN
Pada bab ini diuraikan tentang latar belakang masalah, maksud
dan tujuan penulis,ruang lingkup dan metode penelitian secara
sistematika penulisan.
BAB II : LANDASAN TEORI
Dalam bab ini berisi tentang teori-teori yang dipakai oleh penulis
sebagai landasan penyusunan Tugas Akhir ini yaitu teori yang
berisikan tentang konsep dasar web dan teori pendukung.
BAB III : PEMBAHASAN
Dalam bab ini berisikan tinjauan perusahaan, sejarah perusahaan,
struktur organisasi dan fungsi, analisis kebutuhan, perancangan
perangkat lunak, rancangan antar muka, rancangan basis
data,rancangan struktur navigasi, implementasi dan pengujian
unit.
BAB IV : PENUTUP
Dalam bab ini berisikan kesimpulan dan saran-saran yang telah
dibuat,serta tindakan lanjutan mengenai sistem penggajian pada
PT.Indah Subur Sejati.

BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Simarmata, (2010:51) mengatakan “Web diartikan sebagai alat untuk
menciptakan sistem informasi global yang mudah berdasarkan pada hiperteks”.
Dapat disimpukan Website adalah sebuah tempat di Internet ,yang menyajikan
informasi dengan berbagai macam format data seperti text,image, bahkan video
dan dapat diakses menggunakan berbagai aplikasi klien sehingga memungkinkan
penyajian informasi yang lebih menarik dan dinamis dengan pengelolaan yang
terorganisasi.
2.1.1. Website
A. Internet
Menurut Sibero (2013:10) “Internet (Interconnected Network) adalah jaringan
komputer yang menghubungkan antar jaringan global,internet dapat juga disebut
jaringan dalam suatu jaringan yang luas”. Seperti halnya jaringan komputer lokal
maupun jaringan komputer area, Internet juga menggunakan protokol komunikasi
yang sama yaitu TCP/IP(Transmission Control Protocol/Internet Protocol).
B. Website
Sarwono dan K Prihartono,A.H (2012:22) berpendapat “World Wide Web yang
sering disingkat WWW adalah teknologi yang diketemukan pada tahun 1990 yang
mengubah kemampuan internet sehingga mampu menampilkan tidak hanya data
berupa teks atau angka,melainkan juga gambar dan suara serta warna”.
7
8
Sedangkan menurut Anhar (2010:4) ”Web Server adalah aplikasi yang
berfungsi untuk melayani permintaan pemanggilan alamat dari penggunaan
melalui web browser dimana web server mengirim kembali informasi yang
diminta melalui HTTP(Hypertext Transfer Protocol) untuk ditampilkan ke layar
monitor”.
C. Web Browser
Menurut Sibero (2013:12) “ Web Browser adalah aplikasi perangkat lunak
yang digunakan untuk mengambil dan menyajikan sumber informasi web”.
Sumber informasi web diidentifikasi dengan Uniform Resource Identifier (URI)
yang dapat terdiri dari halaman web,video,gambar,ataupun konten lainnya.
Sendangkan Kustiyaningsih (2011:8) mengatakan bahwa “Web Browser adalah
software yang digunakan untuk menampilkan informasi dari server web”.
D. XAMPP
Nugroho(2013:1) mengatakan “ XAMPP adalah suatu paket pemrograman
yang terdiri dari program PHP,MySQL dan Apache”. Dimana PHP adalah bentuk
bahasa pemrogramannya, MySQL untuk penyimpanan data atau databasenya, dan
Apache untuk web server atau mesin yang berfungsi menjalankan skrip PHP di
sisi server local dan untuk menunjukan tampilan dasar database dari MySQL kita
dapat menggunakan phpMyAdmin.
E. Adobe Dreamweaver
Menurut Elcom (2013:1) “Adobe Dreamweaver merupakan software editor
professional yang menggunakan HTML untuk mendesain web secara visual dan
mengeola situs atau halaman web yang digunakan oleh desainer web dan
programmer web untuk mengembangkan suatu situs web”. Adobe Dreamweaver

9
memiliki ruang kerja, fasilitas serta kemampuan yang mampu meningkatkan
produktivitas dan efektivitas,baik dalam desain maupun pembuatan situs web.
2.1.2. Bahasa Pemrograman
Untuk mendukung pengerjaan tugas akhir ini penulis menggunakan bahasa
pemrograman sebagai berikut :
A. Personal Homepage (PHP)
Menurut Anhar (2010:3) “ PHP merupakan kependekan dari kata Hypertext
Preprocessor yaitu bahasa pemgrograman web server-side yang bersifat open
source”.
Ada beberapa alasan yang menggunakan bahasa pemrograman PHP dalam
membangun sistem.
1. Mudah dipelajari,alasan tersebut menjadi salah satu alasan utama untuk
menggunakan PHP, karna pemula mampu untuk menjadi webmaster.
2. Mampu lintas platform, artinya PHP dapat mudah diaplikasikan ke berbagai
platform OS(Operating System) dan hampir semua browser juga
mendukung PHP.
3. Gratis karna bersifat Open Source
4. Didukung oleh beberapa macam Web Server, PHP mendukung beberapa
web server , seperti Apache,IIS,Lighttpd,Xitami.
5. PHP memiliki tingkat akses yang cepat.
6. PHP mendukung beberapa basis data yang gratis maupun beberapa, seperti
MySQL,PostgreSQL,mSQL,Informix,SQL Server,Oracle.
Secara prinsip ,server akan bekerja apabila ada permintaan dari client, yaitu
kode-kode PHP. Client tersebut akan dikirimkan ke server,kemudian akan

10
mengembalikan pada halaman sesuai intruksi yang diminta.Berikut uraian per
pointnya :
1. Server membaca permintaan dari client.
2. Kemudian dilanjutkan untuk mencari halaman pada server.
3. Server melakukan intruksi yang berikan oleh PHP untuk melakukan
modifikasi pada halaman.
4. Selanjutnya hasil modifikasi tersebut akan dikembalikan kepada client.
B. Cascading Style Sheet (CSS)
Kurniawan (2008:1) menyampaikan “CSS atau Cascading Style Sheet adalah
dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan layout
dalam halaman-halaman web yang dibuat”. CSS memperkenalkan template yang
berupa style untuk dibuat dan menyajikan penulisan kode yang lebih mudah dari
halaman-halaman web yang dirancang.
C. Javascript
Menurut Prihartoni (2008:8) “Javascript adalah suatu bahasa pemrograman
web yang berbasis scripting, artinya kita dapat menambahkan kode Javascript
bersama dengan kode-kode HTML pada dokumen web yang sama.Sebagai
penanda ,diperlukan suatu tag khusus untuk membedakan antara kode Javascript
dengan kode HTML”. Dalam konteks web Javascript adalah bahasa
pemrograman yang berjalan khusus untuk di browser atau halaman web agar
halaman web menjadi lebih hidup.
Dilihat dari suku katanya terdiri dari dua suku kata,yaitu Java dan Script.
Java adalah Bahasa pemrograman berorientasi objek, sedangkat Script adalah
serangkaian instruksi program. Secara fungsional, Javascript digunakan untuk

11
menyediakan akses script pada objek yang dibenamkan(embedded). Contoh dari
penggunaan Javascript adalah fungsi validasi pada form sebelum data dikirimkan
ke server, merubah image kursor ketika melewati objek tertentu,dan lain lain.
D. HTML
Anhar (2010:40) memberikan penjelasan bahwa “HTML (Hyper Text Markup
Language) merupakan bahwa bahasa pemrograman web yang memiliki sintak
atau aturan tertentu dalam menuliskan script atau kode-kode,sehingga browser
dapat menampilkan informasi dengan membaca kode-kode HTML”.
Hypertext Markup Language (HTML) suatu sistem penulisan perintah dan
formating hypertext sederhana yang ditulis kedalam dokumen teks ASCII agar
dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata lain,dokumen
yang dibuat dalam aplikasi pengolah kata dan disimpan ke dalam format ASCII
normal sehingga menjadi homepage dengan tambahan perintah-perintah
HTML.Dokumen HTML disebut markup language karna mengandung tanda-
tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingka
kepentingan dari teks tersebut dalam suatu dokumen.
HTML lebih menekankan pada penggambaran komponen-komponen,struktur
dan formating di dalam halaman web dari pada menentukan penampilannya.
sedangkan web browser digunakan untuk menginterpresentasikan perintah-
perintah HTML yang disisipkan ke dalam teks dan menampilkan susunan
halaman ke style built in browser dengan menggunakan font ,tab ,warna,garis dan
perataan teks yang dikhendaki ke komputer yang menampilkan halaman web.
Struktur penulisan pemrograman HTML yang baik pada dokumen HTML adalah
12
penulisan tag-tag yang ditempatkan pada dokumen yang terbagi ke dalam area
deskriptif dan fungsional.
2.1.3. Basis Data
A. PhpMyadmin
Menurut Sibero (2013:376) “phpMyAdmin adalah aplikasi web yang
dibuat oleh phpmyadmin.net yang dapat digunakan untuk administrasi atau
mengakses database MySQL”.
Sedangkan menurut Nugroho (2013:10) “phpMyAdmin adalah fasilitas
yang bias digunakan untuk membuat database bary dengan mudah,membuat tabel
baru, serta memodifikasi database dan data yang sudah dibuat”. Selain itu,semua
operasi manajemen data juga bias dilakukan, yaitu memasukan data,
menampilkan dan menghapus data. phpMyAdmin juga menyediakan fasilitas SQL
editor , lewat fasilitas ini kita dapat mengetikan perintah SQL secara manual
tanpa harus masuk pada halaman Comman Prompt (DOS).
2.1.4. Model Pengembangan Perangkat Lunak
Metode yang digunakan pada pengembangan perangkat lunak ini
menggunakan model water fall (Sukamto dan Shalahuddin,2013:28) yang terbagi
menjadi lima tahapan,yaitu:
1. Analisa Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat
lunak seperti aapa yang dibutuhkan oleh user. Spesifikasi kebutuhan
perangkat lunak pada tahap ini perlu untuk didokumentasikan.

13
2. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain
pembuatan program perangkat lunak termasuk struktur data, arsitektur
perangkat lunak,representasi antarmuka,dan prosedur pengkodean. Tahap ini
mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke
representasi desain agar dapat diimplementasikan menjadi program pada
tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga
perlu didokumentasikan.
3. Pembuatan Kode Program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari
tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional
dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan(eror) dan memastikan keluaran yang dihasilkan
sesuai dengan yang diinginkan.
5. Pendukung (Support) atau pemeliharaan (maintenance)
Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan
ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya
kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat
lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau
pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis

14
spesifikasi untuk perubahan perangkat lunak yang sudah ada,tapi tidak untuk
membuat perangkat lunak baru.
2.2. Teori Pendukung
Teori pendukung merupakan sebuah konsep yang tepat untuk digunakan
sebagai gambaran model logika dari suatu program,model logika dan program
lebih menjelaskan dari pemakai tentang bagaimana nantinya fungsi-fungsi dari
program secara logika akan bekerja.
A. Struktur Navigasi
Binanto (2010:268) mengatakan “ Struktur navigasi adalah gabungan dari
struktur refrensi informasi situs web dan mekanisme link yang mendukung
pengunjung untuk melakukan penjelajahan situs”. Ada empat macam bentuk dasar
yaitu :
1. Struktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut
yang menampilkan satu demi satu tampilan layar secara berurut menurut
halamannya.Tampilan yang dapat ditampilkan pada struktur jenis ini adalah
satu halaman sebelumnya atau satu halaman sesudahnya,tidak dapat dua
halaman sebelumnya atau dua halaman sesudahnya,pengguna akan
melakukan navigasi secara berurutan,dalam frame atau byte informasi satu ke
yang lainnya.
Sumber : Binanto (2010:269)
Gambar II.1. Navigasi Linier

15
2. Struktur Navigasi Hierarki
Struktur dasar ini disebut juga struktur liner dengan percabangan karena
pengguna melakukan navigasi disepanjang cabang pohon struktur yang
terbentuk logika isi
3. Struktur Navigasi Tidak Berurut (Non-Linier)
Struktur navigasi non-linier merupakan pengembangan dari struktur navigasi
linier.Pada struktur ini diperkenalkan membuat navigasi
bercabang.Percabangan yang dibuat pada struktur non-linier ini berbeda
dengan percabangan pada struktur hirarki,karena pada percabangan non-linier
ini walaupun terdapat percabangan tetap tiap-tiap tampilam mempunyai
kedudukan yang sama yaitu tidak ada Master Page dan Slave Page,pengguna
akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak
terikat dengan jalur yang sudah ditentukan.

16
4. Struktur Navigasi Campuran
Struktur navigasi campuran dapat melakukan navigasi dengan bebas (secara
non-linier),tetapi terkadang dibatasi presentasi linier film atau informasi
penting dan pada data yang paling terorganisir secara logis pada suatu hirarki
B. Enterprise Relationship Diagram (ERD)
1. Pengertian ERD
Menurut Simarmata (2010:67) Entity Relationship Diagram(ERD) adalah alat
pemodelan data utama dan akan membantu mengorganisasi data dalam suatu
proyek ke dalam entitas-entitas dan menentukan hubungan antar entitas.Proses
memungkinkan analisis menghasilkan struktur basis data yang baik,sehingga data
dapat disimpan dan diambil secara efisien.
2. Komponen ERD
Komponen dalam Entity Relationship Diagram adalah sebagai berikut:
a. Entitas
Entitas adalah segala sesuatu yang dapat digambarkan oleh data.Entitas juga
dapat diartikan sebagai individu yang mewakili sesuatu yang
nyata(eksistensinya) dan dapat dibedakan dari sesuatu yang lain.Ada dua
macam entitas yaitu entitas kuat dan entitas lemah. Entitas kuat merupakan
17
entitas yang tidak memiliki ketergantungan dengan entitas lainnya. Contohnya
entitas anggota.Sedangkan entitas lemah merupakan entitas yang
kemunculannya tergantung pada keberadaan entitas lain dalam suatu relasi.
Entitas digambarkan dengan persegi panjang.
b. Atribut
Atribut merupakan pendeskripsian karakteristik dari entitas,Atribut
digambarkan dalam bentuk lingkaran atau elips . Atribut yang menjadi kunci
entitas atau key diberi garis bawah.
c. Relationship
Relasi menunjukan adanya hubungan diantara sejumlah entitas yang berasal
dari himpunan entitas yang berbeda.Dalam hal ini digambarkan depan garis
lurus.
3. Derajat Relationship
Derajat relationship yang menjelaskan jumlah entity yang berpartisipasi dalam
relationship.Dalam derajat relationship terbagi dari tiga tingkatan yakni:
a. Unary Degree (Derajat Satu)
Adalah satu buah relationship menghubungkan satu buah entity.
Contoh :
Karyawan Melakukan
Sumber : Simarmata(2010:60)
Gambar II.5. Contoh Unary Degree
Keterangan:
Manusia menikah dengan manusia, relationship menikah hanya
menghubungkan entity manusia.

18
b. Binary Degree (Derajat Dua)
Adalah satu buah relationship yang menghubungkan dua buah entity.
Contoh:
Karyawan Mempunyai Jabatan
Sumber : Simarmata (2010:61)
Gambar II.6. Contoh Binary Degree
Keterangan:
Pegawai memiliki kendaraan,sebuah relationship memiliki menghubungkan
entity Pegawai dan entity Kendaraan.
c. Ternary Degree (Derajat Tiga)
Adalah satu buah relationship menghubungkan tiga buat entity.
Contoh:
Karyawan Bekerja Kantor
Kota
Gambar II.7. Contoh Ternary Degree
Keterangan:
Pegawai pada kota tertentu mempunyai suatu proyek.Entity bekerja
menghubungkan Entity Pegawai,proyek dan kota.
4. Cardinality Ratio Constraint
Menunjukan jumlah maksimum entitas yang dapat berelasi dengan entitas pada
himpunan entitas yang lain.

19
Jenis-jenis Cardinality :
a. One to One (1 :1)
Yaitu pertandingan antara entity pertama dengan entity kedua berbanding satu
berbanding satu.
Contoh:
Karyawan Melakukan Pinjaman
Gambar II.7. Contoh Cardinality One to One
b. One To Many ( 1:M )
Yaitu perbandingan antara entity pertama dengan entity kedua berbanding
satu berbanding banyak.
Contoh :
Divisi Memiliki Karyawan
Gambar II.7. Contoh Cardinality One to Many
c. Many To One ( M:1 )
banyak berbanding satu.
Karyawan Melakukan Absensi
Gambar II.7. Contoh Cardinality Many To One

20
d. Many To Many ( M:M )
banyak berbanding banyak.
Karyawan Melakukan Lembur
Gambar II.7. Contoh Cardinality Many To Many
5. Logical Record Structure (LRS)
Prihartoni (2008:81) mengatakan “Logical Record Structure dibentuk dengan
nomor dari tipe record,beberapa tipe record digambarkan oleh kotak empat
persegi panjang dan dengan nama yang unik. Perbedaan LRS dengan diagram E-
Rnama tipe record berada diluar kotak field tipe record ditempatkan. Logical
Record Structure terdiri dari link-link diantara tipe record. Link ini menunjukan
arah dari satu tipe record lainnya.Banyak link dari LRS yang diberi tanda field-
field yang kelihatan pada kedua link tipe record. Penggambaran LRS mulai
dengan menggunakan model yang dimengerti.Dua metode yang dapat
digunakan,dimulai dengan hubungan kedua model yang dapat dikonversikan ke
LRS. Metode yang lain dimulai dengan ER diagram dan langsung dikonversikan
ke LRS.
C. Pengujian Web
Dalam testing dan implementasi sistem dikenal 2 metode pengujian yang populer,
yaitu Pengujian Black-Box dan Pengujian White-Box

21
1. Black-Box Testing
Menurut Sukamto dan Shalahuddin (2013:275) “Black-Box Testing
(pengujian kotak hitam) yaitu menguji perangkat lunak dari segi spesifikasi
fungsional tanpa menguji desain kode program”. Pengujian dimaksudkan untuk
mengetahui apakah fungsi-fungsi masukan dan keluaran dari perangkat lunak
sesuai dengan spesifikasi yang dibutuhkan.
Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat
mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan
spesifikasi yang dibutuhkan. Kasus ini yang dibuat untuk melakukan pengujian
kotak hitam harus dibuat dengan kasus benar atau kasus salah, misalkan untuk
kasus proses login maka kasus uji yang dibuat adalah :
a. Jika user mamasukan nama pemakai (username) dan kata sandi (password)
yang benar.
b. Jika user memasukan nama pemakai (username) dan kata sandi (password)
ang salah, misalnya nama pemakai benartapi sandi salah atau sebaliknya, atau
keduanya salah.
Ciri-ciri dari Black-Box Testing sebagai berikut :
1. Black-Box Testing berfokus pada kebutuhan fungsional pada software
berdasarkan pada spesifikasi kebutuhan dari software.
2. Black-Box Testing bukan teknik alernatif dari pada white-box testing. Lebih
dari pada itu, ia merupakan pendekatan pelengkap dalam mencakup error
dengan kelas yang berbeda dari metode white-box testing
3. Black-Box Testing merupakan pengujian tanpa pengetahuan detil struktur
internal dari sistem atau komponen yang dites, juga disebut sebagai
22
behavioral testing specification-based testing, input atau output testing, atau
fungsional testing.
2. White-Box Testing
Sukamto dan Shalahuddin (2013:276) mengyebutkan ”White-Box Testing
(pengujian kotak putih) yaitu menguji perangkat lunak dari segi desain dan kode
program, apakah mampu menghasilkan fungsi-fungsi masukan dan keluaran yang
sesuai dengan spesifikasi kebutuhan. Pengujian kotak putih dilakukan dengan
memeriksa logik dan kode program. Pembuatan kasus uji bisa mengikuti standar
pemprograman yang seharusnya”. Pengujian terhadap dokumentasi yang dibuat
juga harus dilakukan agar dokumentasi yang dibuat tetap konsisten dengan
perangkat lunak yang dibuat .
Dan pada Tugas Akhir ini penulis menggunakan metode Black-Box Testing
dalam pengujian programnya.

BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
3.1.1. Sejarah Perusahaan
PT Indah Subur Sejati adalah perusahaan garment yang didirikan pada
tahun 1999 di Indonesia.Sekarang jumlah karyawan PT Indah Subur Sejati
berjumlah 99 orang. Perusahaan fashion multi-brand yang diakui secara nasional,
PT Indah Subur Sejati berkomitmen untuk menyediakan gaya yang hebat, sesuai
dengan selera dan pakaian dan aksesoris berkualitas tinggi untuk pria, wanita dan
pelanggan junior. Di pasar mencari potongan-potongan fashion yang sesuai
dengan gaya hidup pria dan wanita modern yang hidup dalam kehidupan kota
yang cepat dan sibuk, perusahaan ini berdiri sebagai jawaban kuat yang dengan
cepat mendapatkan pengakuan, kepercayaan dan pengikut besar dalam industri
fashion.
Di bawah kepemimpinan dan visi kuat pendiri Joseph Andrial, pada tahun
1999 PT Indah Subur Sejati meluncurkan Jhonwin di Indonesia dan mulai
melakukan distribusi secara nasional. Pada tahun 2004, Perusahaan mengakuisisi
merk Leggs, yang dengan cepat menempatkan mereka sebagai pemimpin pasar
dalam industri pakaian pria. Pada tahun 2007 PT Indah Subur Sejati merubah
nama Leggs menjadi LGS.
Pada tahun 2007, Perusahaan menerima pengakuan bergengsi standarisasi
mutu internasional ISO 9001. Pada tahun yang sama, merek LGS meluncurkan
koleksi wanita dan merek tersebut adalah LGS ladies
23
24
PT Indah Subur Sejati terus mengembangkan usahanya dengan
mendengarkan dengan seksama kebutuhan pasar di industri fashion. Pada tahun
2010, ia mengakuisisi dan menghidupkan kembali merek LGS ladies,
menanamkan gaya hebat ke dalam merek. Tahun berikutnya di tahun 2011 PT
Indah Subur Sejati membuka toko ke-70 di Indonesia, melampaui pesaingnya dan
menandai daya tariknya yang kuat di pasar.
Tahun 2012 menandai perluasan lebih lanjut Perusahaan di pasar denim
dengan mengakuisisi LGS Jeans dan pembukaan Pabrik Denim PT Indah Subur
Sejati di Sukabumi, Indonesia
3.1.2. Struktur Organisasi dan Fungsi
Direktur
Manager Manager Operasional
Administrasi HRD Staff
Logistik Sales Transportasi Keamanan
Sumber : PT Indah Subur Sejati, 2016
Gambar III.1. Struktur Organisasi PT.Indah Subur Sejati

25
Berikut ini adalah tugas dan fungsi-fungsi dari PT.Indah Subur Sejati:
a. Direktur
Direktur PT.Indah Subur Sejati mempunyai tugas dan fungsi sebagai berikut :
1. Secara umum mengelola keseluruhan aktivitas perusahaan.
2. Menandatangani surat-surat berharga.
3. Menjalankan kebijaksanaan umum yang telah digariskan.
4. Sebagai pimpinan perusahaan memberikan kebijaksanaan dalam bentuk
manajemen, administrasi, tekhnik sampai kepada staf pembantu umum.
b. Manager
Manager mempunyai tugas dan fungsi sebagai berikut :
1. Menerima pekerjaan dari Direktur
2. Mempertanggung jawabkan pekerjaan terhadap direktur
3. Bekerjasama dengan manager operasional dalam melaksanakan perintah
direktur
c. Manager Operasional
Manager Operasional mempunyai tugas dan fungsi sebagai berikut :
1. Menerima pekerjaan dari Direktur
2. Membantu manager dalam menyelesaikan pekerjaan di lapangan.
3. Menerima tugas dari Manager.
4. Mengontrol jalannya alat-alat operasional.
d. Administrasi
Administrasi mempunyai tugas dan fungsi sebagai berikut :
1. Memeriksa laporan pengeluaran kas
2. Mengeluarkan dan menguangkan cek

26
3. Membuat dan menyiapkan laporan sebelum diserahkan pada Direktur
4. Menerbitkan dan mencetak faktur
e. HRD
HRD mempunyai tugas dan fungsi sebagai berikut :
1. Menyeleksi karyawan yang melamar pekerjaan
2. Membentuk prosedur untuk recruitment sumber daya manusia baru.
3. Melaksanakan seleksi dan promosi terhadap sumber daya manusia yang
dianggap berhak dalam perusahaan.
f. Staf
Staf mempunyai tugas dan fungsi sebagai berikut :
1. Melaksanakan seluruh kegiatan yang diperintahkan oleh Direktur
2. Menjalankan atau mengembangkan suatu perusahaan untuk mencapai
tujuan yang diharapkan oleh suatu perusahaan
g. Logistik
Logistik mempunyai tugas dan fungsi sebagai berikut :
1. Menerima berdasarkan Nota Pengiriman dari administrasi gudang.
2. Menyiapkan berdasarkan Nota Pengiriman yang telah di ACC
h. Sales
Sales mempunyai tugas dan fungsi sebagai berikut :
1. Memasarkan / mengenalkan / menawarkan barang
2. Membuat dan menyiapkan laporan sebelum diserahkan pada Direktur
3. Menerima tugas dari Direktur
i. Transportasi
Transportasi mempunyai tugas dan fungsi sebagai berikut :

27
1. Melakukan Pengiriman barang.
2. Merawat dan bertanggung jawab terhadap kendaraan.
j. Keamanan
Keamanan mempunyai tugas dan fungsi sebagai berikut :
1. Menjaga keamanan di dalam lingkungan perusahaan.
2. Mengawasi kendaraan di dalam lingkungan perusahaan.
3. Melindungi keadaan dan menjaga situasi keamanan
3.2. Analisa Kebutuhan
Mengidentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan
pengguna dan kebutuhan sistem.
1. Kebutuhan Pengguna :
a. Direktur
1) Direktur hanya dapat melihat rekap divisi dan cetak.
2) Direktur hanya dapat melihat rekap jabatan dan cetak.
3) Direktur hanya dapat melihat rekap karyawan dan cetak.
4) Direktur hanya dapat melihat rekap absensi dan cetak.
5) Direktur hanya dapat melihat rekap pinjaman dan cetak.
6) Direktur hanya dapat melihat rekap lembur dan cetak
7) Direktur hanya dapat melihat rekap gaji dan cetak.
b. Administrator
1) Admin dapat lihat,tambah,ubah,dan hapus data divisi,data jabatan,
data karyawan, data pinjaman,dan data lembur.
2) Admin dapat mengolah data penggajian (edit,hapus tambah)
3) Admin dapat mencetak slip gaji setiap karyawan.

28
4) Admin dapat menghapus dan menambah data pengguna.
c. Karyawan
1) Karyawan hanya dapat melihat absensinya.
2) Karyawan hanya dapat melihat pinjamannya.
3) Karyawan hanya dapat melihat lemburnya.
4) Karyawan haya dapat melihat dan mencetak slip gaji nya.
5) Karyawan dapat mengganti sandi id yang sudah diberikan admin.
6) Karyawan dapat melakukan absensi.
2. Kebutuhan Sistem:
a. Kebutuhan sistem untuk Administrator
1) Memberikan informasi untuk menampilkan slip gaji
2) Memberikan laporan data absensi
3) Menyediakan layanan untuk mengolah data penggajian.
b. Kebutuhan sistem untuk Direktur
1) Memberikan layanan berupa rekap divisi, jabatan, karyawan,
pinjaman, absensi, lembur, penggajian.
2) Menyediakan layanan untuk mencetak rekap divisi, jabatan,
karyawan, pinjaman, absensi, lembur, penggajian.
c. Kebutuhan sistem untuk Karyawan
1) Memberikan layanan informasi dalam pengecekan gaji.
2) Menyediakan layanan dalam pencetakan slip gaji

29
3.3.Perancangan Perangkat lunak
3.3.1. Rancangan Antar Muka
Rancangan antar muka ( Interface ) yang terdapat pada aplilasi
penggajian PT.Indah Subur Sejati adalah :
1 .Rancangan Antar Muka Login Admin
Dibawah ini merupakan rancangan Halaman Login admin pada
halaman admin. Berikut rancangan halaman Login admin .
LOGO
Penggajian Karyawan
Nama Pengguna
Kata sandi
Masuk
Gambar III.2
Rancangan Antar Muka Login Admin
Ada beberapa bagian yang terdapat pada halaman Login admin, diantaranya
adalah:
a. Nama Pengguna : untuk mengisi nama pengguna.
b. Kata sandi : untuk mengisi kata sandi dari nama pengguna tersebut.
c. Masuk : untuk login ke halaman index admin.

30
1. Rancangan Antar Muka Index Admin
LOGO Beranda Master Data Penggajian Selamat Datang Admin FOTO
Data Karyawan Baru
No Master Data Jumlah Aksi No NIP Karyawan Nama Divisi Jabatan
999 xxxxxxxxx 999 Lihat Data 999 99999999999999999 xxxxxx xxxxx xxxxx
Gambar III.3
Rancangan Antar Muka Index Admin
Ada beberapa bagian yang terdapat pada halaman index admin,diantaranya adalah
a. Beranda : untuk menampilkan halaman index admin
b. Master Data : untuk menampilkan isi dari master data
c. Penggajian : untuk menampilkan halaman data penggajian
d. Lihat Data : untuk mengelolah data divisi
e. Foto : untuk mengelolah akun admin

31
2. Rancangan Antar Muka Data Divisi Admin
Data Divisi Tambah
Show 999 entries Search
ID Divisi Nama Divisi Aksi
9999 xxxxxxxxxx Lihat Data
Showing 1 to 10 of 10 entries Previous 1 Next
Gambar III.4
Rancangan Antar Muka Data Divisi Admin
a. Beranda : untuk menampilkan halaman index admin.
b. Master Data : untuk menampilkan isi dari master data.
c. Penggajian : untuk menampilkan halaman data penggajian.
d. Tambah : untuk menambahkan data divisi.
e. Previous : untuk menampilkan halaman sebelumnya.
f. Next : untuk menampilkan halaman selanjutnya.
g. Pilih Aksi : untuk mengelolah data divisi(ubah,hapus)
h. Foto : untuk mengelolah akun admin

32
3. Rancangan Antar Muka Data Jabatan Admin.
Data Jabatan Tambah
ID Jabatan Nama Jabatan Gaji Pokok Tunjangan Lembur(per jam) Aksi
9999 xxxxxxxxx 9999999 9999999 9999 Pilih Aksi
Gambar III.5
Rancangan Antar Muka Data Jabatan Admin
d. Tambah : untuk menambahkan data jabatan.
g. Pilih aksi : untuk mengelolah data jabatan(ubah,hapus)

33
4. Rancangan Antar Muka Data Karyawan Admin.
Data Karyawan Tambah
NIP Karyawan Nama Jenis Karyawan Status Agama Alamat Aksi
9999 xxxxxxxxx xxxxxxx xxxxx xxxxx xxxxxxxxx Pilih Aksi
Gambar III.6
Rancangan Antar Muka Data Karyawan Admin
d. Tambah : untuk menambahkan data karyawan.
g. Pilih aksi : untuk mengelolah data karyawan(rinci,ubah,hapus)

34
5. Rancangan Antar Muka Data Pinjaman Admin.
Data Pinjaman Tambah
ID Pinjaman Peminjam Tanggal Besar Pinjaman Status Keterangan Aksi
9999 xxxxxxxxx xxxxxxx xxxxx xxxxx xxxxxxxxx Pilih Aksi
Gambar III.7
Rancangan Antar Muka Data Pinjaman Admin
d. Tambah : untuk menambahkan data pinjaman.
g. Pilih aksi : untuk mengelolah data pinjaman(ubah,hapus)

35
6. Rancangan Antar Muka Data LemburAdmin.
Data Lembur
ID Lembur Karyawan Tanggal Lama Lembur Keterangan Aksi
9999 99999999(xxxxxxxx) xxxxxxx xxxxx xxxxxxxxx Pilih Aksi
Gambar III.8
Rancangan Antar Muka Data Lembur Admin
d. Previous : untuk menampilkan halaman sebelumnya.
e. Next : untuk menampilkan halaman selanjutnya.
f. Pilih aksi : untuk mengelolah data lembur(ubah,hapus)
g. Foto : untuk mengelolah akun admin

36
7. Rancangan Antar Muka Data Absensi Admin.
Data Absensi Tambah
ID Absebsi NIP Karyawan(Nama) Tanggal Status Jam Masuk Jam Keluar Aksi
9999 99999999(xxxxxxxx) xxxxxxx xxxxx 99999999 99999999 Pilih Aksi
Gambar III.9
Rancangan Antar Muka Data Absensi Admin
d. Tambah : untuk menambahkan data penggajian.
g. Pilih aksi : untuk mengelolah data penggajian(ubah,hapus)

37
8. Rancangan Antar Muka Data Penggajian Admin
Data Penggajian Tambah
ID Penggajian Karyawan Tanggal Periode Gaji Bersih Aksi
9999 99999999(xxxxxxxx) xxxxxxx Xxxx 99999999 Pilih Aksi || Slip Gaji
Gambar III.10
Rancangan Antar Muka Data Penggajian Admin
c. Tambah : untuk mengolah data absensi.
d. Penggajian : untuk menampilkan halaman data penggajian.
g. Foto : untuk mengelolah akun admin
h. Slip Gaji : untuk melihat atau mencetak gaji

38
9. Rancangan Antar Muka Login Direktur
LOGO PENGGAJIAN KARYAWAN
Nama Pengguna
Kata Sandi
Masuk
Gambar III.11
Rancangan Antar Muka Login Direktur
Ada beberapa bagian yang terdapat pada halaman Login direktur, diantaranya
adalah:
c. Masuk : untuk login ke halaman index direktur.

39
10. Rancangan Antar Muka Index Direktur
LOGO Beranda Rekap Data Selamat Datang Manajer FOTO
Data Karyawan Baru
No Master Data Jumlah No NIP Karyawan Nama Divisi Jabatan
999 xxxxxxxxx 999 999 99999999999999999 xxxxxx xxxxx xxxxx
Gambar III.12
Rancangan Antar Muka Index Direktur
Ada beberapa bagian yang terdapat pada halaman index direktur ,diantaranya
adalah :
a. Beranda : untuk menampilkan halaman index direktur
b. Foto : untuk mengelolah akun admin
c. Rekap Data : untuk melihat/mencetak rekap data

40
11. Rancangan Antar Muka Rekap DivisiDirektur
Rekap Divisi Pilih Aksi
ID Divisi Nama Divisi
9999 xxxxxxxx
Gambar III.13
Rancangan Antar Muka Rekap Divisi Direktur
a. Pilih Aksi : untuk mencetak dan merubah pdf rekap divisi.
b. Beranda : untuk menampilkan halaman index direktur
c. Foto : untuk mengelolah akun direktur.
d. Rekap Data : melihat menu menu rekap data.

41
12. Rancangan Antar Muka Rekap JabatanDirektur
Rekap Jabatan Pilih Aksi
ID Jabatan Nama Jabatan Gaji Pokok Tunjangan Lembur (per jam )
9999 xxxxxxxxxx 999999999999 999999999999 9999999999
Gambar III.14
Rancangan Antar Muka Rekap Jabatan Direktur
a. Pilih Aksi : untuk mencetak dan merubah pdf rekap jabatan.

42
13. Rancangan Antar Muka Rekap KaryawanDirektur
Rekap Karyawan Pilih Aksi
transportasi Semua
Divisi : Jabatan :
NIP Karyawan Nama Karyawan Jenis Karyawan Divisi Jabatan Gaji Pokok Tunjangan Lembur (per jam ) Aksi
9999999999 xxxxxxxxxx xxxxxxxxxx xxxxxx xxxxxxxxxx 99999999999 9999999999 9999999999 Pilih Aksi
Gambar III.15
Rancangan Antar Muka Rekap karyawan
a. Pilih Aksi : untuk mencetak dan melihat pdf semua rekap karyawan.
g. Pilih Aksi : untuk mencetak dan melihat pdf setiap rekap karyawan
h. Transportasi : untuk melihat setiap bagian divisi
i. Semua : untk melihat jabatan dalam sebuah divisinya

43
14. Rancangan Antar Muka Rekap Absensidirektur
Rekap Absensi Pilih Aksi
Semua Semua Semua

Bulan : Tahun : Status :
ID Absensi NIP Karyawan(Nama) Tanggal Status Jam Masuk Jam Keluar Keterangan
9999 9999999(xxxxxxxxxx) xxxxxxxxxx xxxxxx 99999999 99999999999
Gambar III.16
Rancangan Antar Muka Rekap Absensi Direktur
a. Pilih Aksi : untuk mencetak dan merubah pdf rekap absensi.
f. Next : untuk menampilkan halaman selanjutnya
g. Semua(bulan) : untuk melihat data waktu(bulan).
h. Semua(tahun) : untuk melihatdata waktu(tahun).
i. Semua(Status) : untuk melihat status kehadiran karyawan

44
15. Rancangan Antar Muka Rekap PinjamanDirektur
Rekap Pinjaman Pilih Aksi
Semua Semua
Bulan : Tahun :
ID Peminjam Peminjam Tanggal Besar Pinjaman Status Keterangan
9999 9999999(xxxxxxxxxx) xxxxxxxxxx 99999999 99999999999
Gambar III.17
Rancangan Antar Muka Rekap Pinjaman Direktur
a. Pilih Aksi : untuk mencetak dan merubah pdf rekap pinjaman.
h. Semua(tahun) : untuk melihatdata waktu(tahun).

45
15. Rancangan Antar Muka Rekap LemburDirektur
Rekap Lembur Pilih Aksi
Semua Semua
Bulan : Tahun :
ID Lembur Karyawan Tanggal Lama Lembur Keterangan
9999 9999999(xxxxxxxxxx) xxxxxxxxxx 99999999 xxxxxxxxxxx
Gambar III.18
Rancangan Antar Muka Rekap Lembur Direktur
a. Pilih Aksi : untuk mencetak dan merubah pdf rekap lembur.
h. Semua(tahun) : untuk melihat data waktu(tahun).

46
16. Rancangan Antar Muka Rekap GajiDirektur
Rekap Gaji Pilih Aksi
Semua Semua
Bulan : Tahun :
ID Penggajian Karyawan Tanggal Periode Gaji Bersih Slip Gaji
999 9999999(xxxxxxxxxx) xxxxxxxxxx xxxxxxxxxx 99999999 Pilih Aksi
Gambar III.19
Rancangan Antar Muka Rekap Gaji Direktur
a. Pilih Aksi : untuk mencetak dan merubah pdf rekap gaji.
h. Semua(tahun) : untuk melihat data waktu(tahun).
i. Pilih Aksi(aksi) : untuk mencetak atau melihat pdf gaji setiap karyawan
47
17. Rancangan Antar Muka Login Karyawan.
Dibawah ini merupakan rancangan halaman Login karyawan pada
halaman direktur . Berikut rancangan halaman login karyawan.
LOGO PENGGAJIAN KARYAWAN
Nama Pengguna
Kata Sandi
Masuk
Gambar III.20
Rancangan Antar Muka Login Karyawan
Ada beberapa bagian yang terdapat pada halaman Login karyawan, diantaranya
adalah:
c. Masuk : untuk login ke halaman karyawan.

48
18. Rancangan Antar Muka IndexKaryawan
LOGO Beranda Informasi Data Selamat Datang xxxx FOTO
Karyawan Baru Absensi
Xxxxxx xxxx 99 9999 99:99:99 Masuk

No Keterangan Jumlah
Jam Masuk Jam Keluar
- -
999 xxxxxxxxxxxxxx 99999999
Gambar III.21
Rancangan Antar Muka Index Karyawan
Ada beberapa bagian yang terdapat pada halaman index direktur ,diantaranya
adalah :
a. Beranda : untuk menampilkan halaman index karyawan
b. Foto : untuk mengelolah akun karyawan.
c. Informasi Data : untuk melihat informasi data karyawan

49
19. Rancangan Antar Muka AbsensiKaryawan
Absensiku
Tanggal Status Jam Masuk Jam Keluar
999 xxxxxxx 99:99:99 99:99:99
Gambar III.22
Rancangan Antar Muka Absensi Karyawan
e. Next : untuk menampilkan halaman selanjutnya

50
20. Rancangan Antar Muka PinjamanKaryawan
Pinjamanku
Tanggal Besar Pinjaman Status Keterangan
99 xxxx 9999 xxxxxxx xxxxxxxxx xxxxxxxxx
Gambar III.23
Rancangan Antar Muka Pinjaman Karyawan

51
21. Rancangan Antar Muka LemburKaryawan
Lemburku
Tanggal Lama Lembur Keterangan
99 xxxx 9999 xxxxxxx xxxxxxxxx
Gambar III.24
Rancangan Antar Muka Lembur Karyawan

52
22. Rancangan Antar Muka Gaji Karyawan
Gajiku
Tanggal Periode Gaji Bersih Aksi
99 xxxx 9999 Xxxx xxxx 9999999999 Slip Gaji
Gambar III.25
Rancangan Antar Muka Gaji Karyawan
f. Pilih Aksi : untuk melihat dan mencetak slip gaji karyawan

53
3.3.2. Basis Data
Perancangan basis data menghasilkan pemetaantabel-tabel yang digambarkan
dengan Entity Relationship Diagram(ERD) dan Logical Record Structure (LRS) :
A. Entity Relationship Diagram.
Id_pengguna
Nip_karyawan
Nama_pengguna
Pengguna Nama_karyawan
Sandi_pengguna
1
Foto_pengguna Jk_karyawan
mengelolah
Level_pengguna Kota_lhr_karyawan
M
memiliki Tgl_lhr_karyawan
Id_divisi
M
1
divisi Agama_karyawan
Nama_divisi karyawan
M
Mempunyai Status_karyawan
1
Gaji_pokok Alamat_karyawan
1
lembur Pendidikan_karyawan
jabatan
melakukan
1
Id_jabatan Foto_karyawan
1
1
nama Tgl_masuk_karyawan
tunjangan Id_divisi
M
melakukan Id_jabatan
Id_lembur mendapat melakukan
Id_pengguna
lembur
Tgl_lembur
M
Lama_lembur M
Id_penggajian
Id_absensi
Keterangan_lembur absensi
Bulan_penggajian
Status_Absensi
1
penggajian
Nip_karyawan
Tgl_penggajian
Keterangan_Absensi
Tahun_penggajian
Tgl_absensi
pinjaman
Id_pinjaman Nip_karyawan
lembur
Besar_pinjaman Jam_masuk_absensi
pinjaman
Gaji_kotor
Tgli_pinjaman
Jam_keluar_Absensi
pph
Status_pinjaman
Bpjs_ketenagakerjaan
Keterangan_pinjam
Gaji_bersih
Nip_karyawan Nip_karyawan
Gambar III.26
ERD Sistem Informasi Penggajian Karyawan
B. Logical Record Structure ( LRS )

54
karyawan pinjaman
Absensi
PK nip_karyawan 1 PK id_pinjaman
PK id_absensi
nama_karyawan besar_pinjaman
status_absensi jk_karyawan tgl_pinjaman
keterangan_absensi kota_lhr_karyawan status_pinjaman
tgl_absensi tgl_lhr_karyawan keterangan_pinjam
jam_masuk_absensi agama_karyawan nip_karyawan
jam_keluar_absensi status_karyawan
nip_karyawan alamat_karyawan
pendidikan_karyawan divisi
foto_karyawan
tgl_masuk_karyawan PK id_divisi
jenis_karyawan
id_divisi 1 nama_divisi
id_jabatan
lembur id_pengguna
1
PK id_lembur
penggajian
tgl_lembur 1
lama_lembur PK id_penggajian
keterangan_lembur
nip_karyawan 1 jabatan bulan_penggajian
tahun_penggajian
PK id_jabatan tgl_penggajian
pengguna pinjaman
nama_jabatan lembur
PK id_pengguna gaji_pokok gaji_kotor
tunjangan pph
nama_pengguna lembur 1 bpjs_ketenagakerjaan
sandi_pengguna
gaji_bersih
foto_pengguna
nip_karyawan
level_pengguna
Gambar III.27
LRS Sistem Informasi Penggajian Karyawan
C. Spesifikasi File
55
Berikut ini adalah spesifikasi file atau tabel yang terbentuk dari
transformasi ERD. File-file ini tersimpan pada “ indah_subur_Sejati.sql ” dengan
parameter-parameter sebagai berikut :
1. Spesifikasi file Divisi
Nama file : Divisi
Akronim : Divisi.myd
Fungsi : Tempat menyimpan data divisi
Tipe file : File master
Organisasi file : Sequential
Akses file : Random
Media : Hardisk
Panjang Record : 33 karakter
Kunci Field : id_divisi
Software : Mysql
Tabel III.1
Spesifikasi File Divisi
No Elemen Data Nama Field Tipe Size Ket Extra
1 Identitas divisi Id_divisi integer 3 Primary key Auto_Increment
2 Nama divisi Nama_divisi char 30
2. Spesifikasi file Absensi

56
Nama file : Absensi
Akronim : Absensi.myd
Fungsi : Tempat menyimpan data Absensi
Tipe file : File transaksi
Akses file : Random
Media : Hardisk
Kunci Field : id_absensi
Software : Mysql
Tabel III.2
Spesifikasi File Absensi
1 Identitas absensi Id_divisi integer 3 Primary key Auto_Increment
2 Nama divisi Nama_divisi char 30
3 Keterangan absensi Keterangan_absensi text
4 Tanggal absensi Tgl_absensi date
5 Jam masuk absensi Jam_masuk_absensi time
6 Jam keluar absensi Jam time

_keluar_Absensin
7 Nip karyawan Nip_karyawan Char(18) Foreign key
3. Spesifikasi file jabatan

57
Nama file : Jabatan
Akronim : jabatan.myd
Fungsi : Tempat menyimpan data jabatan
Akses file : Random
Media : Hardisk
Kunci Field : id_jabatan
Software : Mysql
Tabel III.3
Spesifikasi File Jabatan
1 Identitas Jabatan Id_jabatan integer 3 Primary key Auto_Increment
2 Nama jabatan Nama_jabatan char 30
3 Gaji pokok Gaji_pokok float
4 tunjangan Tunjangan Float
5 Lembur Lembur Float
4. Spesifikasi file karyawan

58
Nama file : karyawan
Akronim : karyawan.myd
Fungsi : Tempat menyimpan data karyawan
Akses file : Random
Kunci Field : id_karyawan
Software : Mysql
Tabel III.4
Spesifikasi File karyawan
1 No induk karyawan Nip_karyawan char 18 Primary key
2 Nama karyawan Nama_karyawan char 30
3 Jenis kelamin karyawan Jk_karyawan char 10
4 Kota lahir karyawan Kota_lhr_karyawan char 30
5 Tanggal lahir karyawan Tgl_lhr_karyawan date
6 Agama karyawan Agama_karyawan char 10
7 Status karyawan Status_karyawan char 11
8 Alamat karyawan Alamat_karyawan text
9 Pendidikan karyawan Pendidikan_karyawan chat 30
10 Foto karyawan Foto_karyawan text
11 Tanggal masuk karyawan Tgl_masuk_karyawan date
12 Jenis karyawan Jenis_karyawan char 9

59
13 Identitas divisi Id_divisi integer 3
14 Identitas jabatan Id_jabatan integer 3
15 Identitas pengguna Id_pengguna integer 11
5. Spesifikasi file lembur

Nama file : lembur
Akronim : lembur.myd
Fungsi : Tempat menyimpan data lembur
Akses file : Random
Media : Hardisk
Kunci Field : id_lembur
Software : Mysql
Tabel III.5
Spesifikasi File lembur
1 Identitas lembur Id_lembur integer 11 Primary key Auto_Increment
2 Tanggal lembur Tgl_lembur date
3 Lama lembur Lama_lembur float
4 Keterangan lembur Keterangan_lembur text
5 Nip karyawan Nip_karyawan char 18 Foreign key

60
6. Spesifikasi file penggajian
Nama file : penggajian
Akronim : penggajian.myd
Fungsi : Tempat menyimpan data penggajian
Akses file : Random
Media : Hardisk
Kunci Field : id_penggajian
Software : Mysql
Tabel III.6
Spesifikasi File penggajian
No Elemen Data Nama Field Tipe Siz Ket Extra

e
1 Identitas penggajian Id_penggajian Int 11 Primary key Auto_increnment
2 Bulan penggajian Bulan_penggajian char 2
3 Tahun penggajian Tahun_penggajian Year 4
4 Tanggal penggajian Tgl_penggajian Date
5 pinjaman Pinjaman Float
6 lembur Lembur Float
7 Gaji kotor Gaji_kotor Float
8 pph Pph Float
9 Bpjs ketenagakerjaan Bpjs_ketenagakerjaan Float
10 Gaji bersih Gaji_bersih Float

61
7. Spesifikasi file pengguna
Nama file : pengguna
Akronim : pengguna.myd
Fungsi : Tempat menyimpan data pengguna
Akses file : Random
Media : Hardisk
Kunci Field : id_pengguna
Software : Mysql
Tabel III.7
Spesifikasi Filepengguna
1 Identitas pengguna Id_pengguna integer 3 Primary key Auto_Increment
2 Nama pengguna Nama_pengguna Varchar 18
3 Sandi pengguna Sandi_pengguna Text
4 Foto pengguna Foto_pengguna text
5 Level pengguna Level_pengguna char 11

62
8. Spesifikasi file pinjaman
Nama file : pinjaman
Akronim : pinjaman.myd
Fungsi : Tempat menyimpan data pinjaman
Akses file : Random
Media : Hardisk
Kunci Field : id_pinjaman
Software : Mysql
Tabel III.8
Spesifikasi Filepinjaman
1 Identitas pinjaman Id_pinjaman Integer 5 Primary key Auto_Increment
2 Besar pinjaman Besar_pinjaman Float
3 tanggal pinjaman Tgl_pinjaman Date
4 Status pinjaman Status_pinjaman char 11
5 Keterangan pinjaman Keterangan_pinjaman text

63
3.3.3. Rancangan Struktur Navigasi
Struktur navigasi website Penggajian ini adalah struktur navigasi
campuran ( composite ). Melalui struktur navigasi ini terlihat bagaimana isi dan
susunan dari website secara menyeluruh.
1. Rancangan Struktur Navigasi Untuk Admin
Login Admin
Beranda Tambah
Data Pengguna
Hapus
Tambah
Data Divisi Ubah
Hapus
Tambah
Data Jabatan Ubah

Master Data
Hapus
Halaman Admin
Tambah
Data Karyawan
Rinci
Ubah
Hapus
Tambah
Ubah
Penggajian
Hapus
Slip gaji
Tambah
Data Absensi Ubah

Hapus
Tambah
Data Pinjaman Ubah
Hapus
Ubah
Data Lembur
Hapus
Profil Saya
Foto
Keluar
Gambar III.28
Struktur Navigasi Untuk Admin PT.Indah Subur Sejati
2. Rancangan Struktur Navigasi untuk Karyawan

64
Login Karyawan
Beranda
Absensiku
Pinjamanku
Informasi
Data Lemburku
Halaman
Karyawan
Gajiku Slip Gaji
Profil Saya
Foto
Ubah Sandi
Keluar
Gambar III.29
Struktur Navigasi Untuk Karyawan PT.Indah Subur Sejati
3. Rancangan Struktur Navigasi Untuk Direktur

65
Login Admin
Beranda
cetak
Rekap Divisi
pdf
cetak
Rekap Jabatan
pdf
Master Data
Halaman Admin
Rekap cetak
Karyawan pdf
cetak
Rekap Absensi
pdf
cetak
Rekap Pinjaman
pdf
cetak
Rekap Lembur
pdf
cetak
Rekap Gaji
pdf
Profil Saya
Foto
Keluar
Gambar III.30
Struktur Navigasi untuk Direktur PT.Indah Subur Sejati
3.4. Implementasi dan Pengujian Unit

66
3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi Rancangan antar muka pada aplikasi penggajian berdasarkan
hasil rancangan antar muka adalah sebagai berikut:
1. Halaman Login Admin
Administratorharus melakukan login terlebih dahulu dengan mengisi nama
pengguna dan kata sandi untuk dapat menggunakan menu-menu yang
tersedia.Jika login berhasil,maka menu-menu yang yang tersedia akan ditampilkan
Gambar III.31
Halaman Login Admin
2. Halaman Index Admin

67
Ini adalah halaman awal ketika admin berhasil login dengan memasukan nama
pengguna dan kata sandi dengan benar.
Gambar III.32
Halaman Index Admin
3. Halaman Data Divisi Admin
Halaman data divisi ini, admin dapat mengolah ( tambah,ubah,hapus) pada data
divisi.
Gambar III.33
Halaman Data DivisiAdmin
4. Halaman Data Jabatan Admin

68
Di halaman ini, admin dapat mengolah ( tambah,ubah,hapus) pada data jabatan.
Gambar III.34
Halaman Data JabatanAdmin
5. Halaman Data Karyawan Admin
Pada halaman data karyawan,admin dapat mengolah ( tambah,ubah,hapus) pada
data karyawan,baik karyawan tetap maupun karyawan sementara.
Gambar III.35
Halaman Data karyawanAdmin
6. Halaman Data Pinjaman Admin

69
Untuk halaman data pinjaman , admin dapat mengolah ( tambah,ubah,hapus) pada
data pinjaman.
Gambar III.36
Halaman Data pinjamanAdmin
7. Halaman Data Lembur Admin
Di halaman ini, admin dapat mengolah ( tambah,ubah,hapus) pada data lembur
setiap karyawannya yang terhitung minimal 1 jam dari lama lembur
Gambar III.37
Halaman Data LemburAdmin
8. Halaman Data Penggajian Admin

70
Untuk halaman ini, admin dapat mengolah ( tambah,ubah,hapus) pada data
penggajian dari setiap karyawannya.
Gambar III.38
Halaman Data PenggajianAdmin
9. Halaman Login Direktur
Direkturharus melakukan login terlebih dahulu dengan mengisi nama pengguna
dan kata sandi untuk dapat menggunakan menu yang tersedia.Jika login
berhasil,maka menu yang tersedia akan ditampilkan.
Gambar III.39
Halaman Login Direktur
10. Halaman Index Direktur

71
Ini adalah halaman awal ketika Direktur berhasil login dengan memasukan nama
pengguna dan kata sandi dengan benar.
Gambar III.40
Halaman Index Direktur
11. Halaman Rekap Divisi Direktur
Pada halaman ini direktur hanya bisa melihat dan mencetak serta melihat dalam
bentuk pdf data divisi nya.
Gambar III.41
Halaman Rekap Divisi Direktur
12. Halaman Rekap Jabatan Direktur

72
Di halaman ini direktur hanya dapat melihat dan mencetak serta melihat dalam
bentuk pdf rekap data jabatan.
Gambar III.42
Halaman Rekap Jabatan Direktur
13. Halaman Rekap Karyawan Direktur
Di halaman ini direktur hanya dapat melihat dan mencetak serta melihat dalam
bentuk pdf rekap data Karyawan.
Gambar III.43
Halaman Rekap Karyawan Direktur
14. Halaman Rekap Absensi Direktur

73
Untuk halaman rekap absensi direktur ini,direktur bisa melihat absensi karyawan
dan dapat mencetak nya.
Gambar III.44
Halaman Rekap Absensi Direktur
15. Halaman Rekap Pinjaman Direktur
Pada halaman Rekap pinjaman direktur,direktur bisa melihat pinjaman karyawan
dan dapat mencetak nya.
Gambar III.45
Halaman Rekap Pinjaman Direktur
16. Halaman Rekap Lembur Direktur

74
Pada halaman ini,direktur bisa melihat data lembur karyawan dan dapat mencetak
nya.
Gambar III.46
Halaman Rekap Lembur Direktur
17. Halaman Rekap Gaji Direktur
Dihalaman ini,direktur bisa melihat rekap data gaji karyawan dan dapat mencetak
nya.
Gambar III.47
Halaman Rekap Gaji Direktur
18. Halaman Login Karyawan

75
Karyawanharus melakukan login terlebih dahulu dengan mengisi nama pengguna
dan kata sandi untuk dapat menggunakan menu yang tersedia.Jika login
berhasil,maka menu yang tersedia akan ditampilkan.
Gambar III.48
Halaman Login Karyawan
19. Halaman Index Karyawan
Pada halaman Index karyawan ,karyawan hanya bisa melihat informasi data data
absensi,pinjaman,lembur dan gaji.
Gambar III.49
Halaman Index Karyawan
20. Halaman Absensi Karyawan

76
Pada halaman Absensi karyawan ,karyawan hanya bisa data absensi nya.
Gambar III.50
Halaman Absensi Karyawan
21. Halaman Pinjaman Karyawan
Di halaman Pinjaman, karyawan bisa melihat jumlah pinjaman uangnya dari
perusahaan.
Gambar III.51
Halaman Pinjaman Karyawan
22. Halaman Lembur Karyawan

77
Karyawan hanya bisa melihat tanggal lembur dan lama lemburnya dihalaman ini.
Gambar III.52
Halaman Lembur Karyawan
23. Halaman Gaji Karyawan
Karyawan bisa melihat jumlah dan keterangan gaji nya serta dapat mencetak
sendiri slip gaji nya,tanpa perlu mendatangi admin/hrd.
Gambar III.53
Halaman Gaji Karyawan
B. Spesifikasi Sistem Komputer

78
Berikut ini adalah spesifikasi perangkat keras danperangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan portal berita hoax.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor Intel® Pentium® Core 2 Duo
(b) RAM DDR2 4 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps.
b. Client
1) CPU
(a) Processor Intel® Pentium® 4
(b) RAM DDR2 1GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 56 kbps.
2. Spesifikasi Perangkat Lunak
1. Server
79
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang
terdiri dari beberapa komponen, diantaranya:
(1) Aplikasi Apache Server v2
(2) Aplikasi PHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi phpMyAdmin v3
c. Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
2. Client
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
3.3.2. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing
yang fokus terhadap proses masukan dan keluaran program.
A. Pengujian Terhadap Form Login
Tabel III.9
Hasil Pengujian Black Box Testing Halaman Login Admin

Skenario Hasil Yang Hasil Kesimpulan
No Test Case
Pengujian Diharapkan Pengujian
1 Nama Pengguna Nama Pengguna : Sistem akan Sesuai Valid
dan kata sandi (kosong) menolak akses Harapan
tidak diisi KataSandi: admin dan akan
(kosong)
kemudian klik menampilkan
80
tombol masuk “Please fill out this

field”
2 Mengetikkan Nama Pengguna : Sistem akan Sesuai Valid
Nama Pengguna admin menolak akses Harapan
tetapi Kata KataSandi: admin dan akan
Sandi tidak diisi (kosong) menampilkan
kemudian klik “Please fill out this
tombol masuk field”

kosong dan kata (kosong) menolak akses Harapan
sandi diisi KataSandi: admin admin dan akan
field”
salah admin1(salah) menolakakses Harapan
satukondisi KataSandi: admin dan akan
admin(benar)
salahpada Nama menampilkan
Pengguna dan “Nama Pengguna
Kata Sandi Tidak Ada!!!”
dengan data
yang benar
kemudian klik
tombol masuk

salah admin(benar) menolakakses Harapan
benar pada admin1(salah) menampilkan
Nama Pengguna “Kata Sandi
dan Kata Sandi Salah!!!”
dengan data
yang salah
kemudian klik
tombol masuk
6 Mengetikan Nama Pengguna : Sistem akan Sesuai Valid

Nama Pengguna admin(benar) menerima akses Harapan
81
dan Kata Sandi KataSandi: login dan langsung

dengan data admin(benar) masuk ke halaman
yang benar beranda admin
kemudian klik
tombol masuk
Tabel III.10
Hasil Pengujian Black Box Testing Halaman Login karyawan

No Test Case
(kosong)
field”
Nama Pengguna 123456789123456 menolak akses Harapan
tetapi Kata 789 admin dan akan
KataSandi:
Sandi tidak diisi menampilkan
(kosong)

sandi diisi KataSandi: admin dan akan
kemudian klik 123456789123456 menampilkan
tombol masuk 789 “Please fill out this
field”
salah admin1(salah) menolakakses Harapan
salah pada 123456789123456 menampilkan
Nama Pengguna 789 (benar) “Nama Pengguna
atau Kata Sandi Tidak Ada!!!”
dengan data
yang benar
kemudian klik
tombol masuk
82

salah 123456789123456 menolakakses Harapan
satukondisi 789 (benar) admin dan akan
KataSandi:
benar pada menampilkan
admin2(salah)
dengan data
yang salah
kemudian klik
tombol masuk

Nama Pengguna 123456789123456 menerima akses Harapan
dan Kata Sandi 789 (benar) login dan langsung
KataSandi:
dengan data masuk ke halaman
123456789123456
yang benar beranda karyawan
789 (benar)
kemudian klik
tombol masuk
Tabel III.11
Hasil Pengujian Black Box Testing Halaman LoginDirektur

No Test Case
(kosong)
field”
Nama Pengguna jerry menolak akses Harapan
tetapi Kata KataSandi: admin dan akan
Sandi tidak diisi (kosong) menampilkan

sandi diisi KataSandi: jerry admin dan akan
83

field”
salah jerry1(salah) menolakakses Harapan
satukondisi KataSandi: jerry admin dan akan
salah pada (benar) menampilkan
Nama Pengguna “Nama Pengguna
atau Tidak Ada!!!”
Kata Sandi
dengan data
yang benar
kemudian klik
tombol masuk

salah jerry(benar) menolakakses Harapan
benar pada jerry1(salah) menampilkan
dengan data
yang salah
kemudian klik
tombol masuk

Nama Pengguna jerry (benar) menerima akses Harapan
dan Kata Sandi KataSandi: login dan langsung
dengan data jerry(benar) masuk ke halaman
yang benar beranda direktur
kemudian klik
tombol masuk
Tabel III.12
Hasil Pengujian Black Box Testing Halaman Tambah Data Pengguna admin

No Test Case
(kosong)
84
tidak (xxxxx.jpg) : menolak tambah Harapan

diisi,memasukan Masukan data pengguna dan
foto(format foto(benar) akan menampilkan
Level:Direktur
jpg/png) dan “Please fill out this
(benar)
memilih level field”
pengguna
kemudian klik
tombol simpan

Nama Pengguna jery(Salah) menolak tambah Harapan
tetapi kurang (xxxxx.jpg) : data pengguna dan
Masukan
dari 5 karakter akan menampilkan
foto(benar)
huruf,memasuka Level:Direktur “Nama minimal 5
n foto (format (benar) karakter”dan
jpg/png)dan tombol simpan
memilih level tidak muncul
pengguna
kemudian klik
tombol simpan

Nama Pengguna Jerry(benar) menolak tambah Harapan
dan kolom foto (kosong):masukan data pengguna dan
tidakdiisi dan foto proses simpan data
memilih level Level:Direktur pengguna tidak
pengguna (benar) berhasil sampai
kemudian klik semua data
tombol simpan dimasukan

Nama Pengguna jerry(benar) menerima tambah Harapan
dengan (xxxxx.jpg) : data pengguna dan
Masukan
benar,memasuka langsung kembali
foto(benar)
n foto(format Level:Direktur ke halaman
jpg/png) dan (benar) beranda admin
memilih level
pengguna
kemudian klik
tombol simpan
85
Tabel III.13
Hasil Pengujian Black Box Testing Halaman Tambah Data Karyawan admin

No Test Case
1 NIP tidak NIP : (kosong) Sistem akan Sesuai Valid
diisi,memasukan nama:tomy(benar) menolak tambah Harapan
nama,pendidika pendidikan:smk data karyawan dan
(benar)
n,kota akan menampilkan
kota lahir:lampung
lahir,tanggal (benar) “Please fill out this
lahir,tanggal tanggal lahir:1993- field” pada kolom
masuk,foto(form 07-11(benar) NIP
at jpg/png) dan tanggal
memilih jenis masuk:2017-07-
kelamin,agama,s 01(benar)
jenis kelamin:laki-
tatus,alamat,jeni
laki(benar)
s agama:islam(benar)
karyawan,divisi, status:nikah(benar)
dan jabatan alamat:jl.bendunga
kemudian klik n jago no.18b
tombol simpan (xxx.jpg):masukan
foto(benar)
Jenis
karyawan:sementar
a(benar)
Divisi:sales(benar)
Jabatan:sales
(benar)
2 Mengetikan NIP NIP : 23233(Salah) NIP tidak bisa diisi Sesuai Valid
tetapi kurang nama:tomy(benar) dengan huruf Harapan
dari 18 digit pendidikan:smk ,Sistem akan
(benar)
angka, menolak tambah
kota lahir:lampung
memasukan (benar) data karyawan dan
nama,pendidika tanggal lahir:1993- akan menampilkan
n,kota 07-11(benar) “NIP harus 18
lahir,tanggal jenis kelamin:laki- digit”dan kolom
lahir,foto(format laki(benar) teks tanggal masuk
jpg/png) dan agama:islam(benar) tidak muncul
status:nikah(benar)
memilih jenis
alamat:jl.bendunga
kelamin,agama,s n jago no.18b
tatus,alamat,jeni (xxx.jpg):masukan
s foto(benar)
Jenis
86
karyawan,divisi, karyawan:sementar
dan jabatan a(benar)
kemudian klik Divisi:sales(benar)
Jabatan:sales
tombol simpan
(benar)
3 Mengetikan NIP: NIP tidak bisa diisi Sesuai Valid
NIP, nama 123456789123456 dengan huruf Harapan
dikosongkan,pe 789(benar) ,Sistem akan
nama:(kosong)
ndidikan,kota menolak tambah
pendidikan:smk
lahir,tanggal (benar) data karyawan dan
lahir,foto(format kota lahir:lampung akan menampilkan
jpg/png) dan (benar) “Please fill out this
memilih jenis tanggal lahir:1993- field”pada kolom
kelamin,agama,s 07-11(benar) nama
tatus,alamat,jeni tanggal
masuk:2017-07-
s
01(benar)
karyawan,divisi, jenis kelamin:laki-
dan jabatan laki(benar)
kemudian klik agama:islam(benar)
tombol simpan status:nikah(benar)
alamat:jl.bendunga
n jago no.18b
(xxx.jpg):masukan
foto(benar)
Jenis
karyawan:sementar
a(benar)
Divisi:sales(benar)
Jabatan:sales
(benar)
,pendidikan 789(benar) ,Sistem akan
nama:tomy(benar)
dikosongkan,kot menolak tambah
pendidikan:(kosong
a lahir,tanggal ) data karyawan dan
lahir,foto(format kota lahir:lampung akan menampilkan
jpg/png) dan (benar) “Please fill out this
memilih jenis tanggal lahir:1993- field”pada kolom
kelamin,agama,s 07-11(benar) pendidikan
tatus,alamat,jeni tanggal
masuk:2017-07-
s
01(benar)
karyawan,divisi, jenis kelamin:laki-
dan jabatan laki(benar)
87
kemudian klik agama:islam(benar)

tombol simpan status:nikah(benar)
alamat:jl.bendunga
n jago no.18b
(xxx.jpg):masukan
foto(benar)
Jenis
karyawan:sementar
a(benar)
Divisi:sales(benar)
Jabatan:sales
(benar)
,pendidikan,kota 789(benar) ,Sistem akan
nama:tomy(benar)
lahir menolak tambah
pendidikan:(smk)
dikosongkan,tan kota lahir:(kosong) data karyawan dan
ggal tanggal lahir:1993- akan menampilkan
lahir,foto(format 07-11(benar) “Please fill out this
jpg/png) dan tanggal field”pada kolom
memilih jenis masuk:2017-07- kota lahir
kelamin,agama,s 01(benar)
jenis kelamin:laki-
tatus,alamat,jeni
laki(benar)
s agama:islam(benar)
karyawan,divisi, status:nikah(benar)
dan jabatan alamat:jl.bendunga
kemudian klik n jago no.18b
tombol simpan (xxx.jpg):masukan
foto(benar)
Jenis
karyawan:sementar
a(benar)
Divisi:sales(benar)
Jabatan:sales
(benar)
6 Mengetikan NIP: Sistem akan Sesuai Valid
NIP, nama 123456789123456 menolak tambah Harapan
,pendidikan,kota 789(benar) data karyawan dan
nama:tomy(benar)
lahir,tanggal akan menampilkan
pendidikan:(smk)
lahir kota “Please fill out this
dikosongkan,fot lahir:lampung(bena field”pada kolom
o(format r) tanggal lahir
jpg/png) dan tanggal
memilih jenis lahir:(kosong)
tanggal
88
kelamin,agama,s masuk:2017-07-
tatus,alamat,jeni 01(benar)
s jenis kelamin:laki-
laki(benar)
karyawan,divisi,
agama:islam(benar)
dan jabatan status:nikah(benar)
kemudian klik alamat:jl.bendunga
tombol simpan n jago no.18b
(xxx.jpg):masukan
foto(benar)
Jenis
karyawan:sementar
a(benar)
Divisi:sales(benar)
Jabatan:sales
(benar)
NIP, nama 123456789123456 menolak tambah Harapan
lahir,tanggal nama:tomy(benar)
akan menampilkan
lahir,foto(format pendidikan:(smk)
jpg/png) dan kota “Please fill out this
memilih jenis lahir:lampung(bena field”pada kolom
kelamin,agama,s r) alamat
tatus,alamat tanggal lahir:1993-
dikosongkan, 11-07
jenis tanggal
karyawan,divisi, masuk:2017-07-
dan jabatan 01(benar)
kemudian klik jenis kelamin:laki-
tombol simpan laki(benar)
agama:islam(benar)
status:nikah(benar)
alamat:(kosong)
(xxx.jpg):masukan
foto(benar)
Jenis
karyawan:sementar
a(benar)
Divisi:sales(benar)
Jabatan:sales
(benar)
89

NIP, nama 123456789123456 menerima tambah Harapan
lahir,tanggal nama:tomy(benar)
langsung kembali
lahir,foto(format pendidikan:(smk)
jpg/png) dan kota ke halaman Data
memilih jenis lahir:lampung(bena Karyawan admin
kelamin,agama,s r)
tatus,alamat, tanggal lahir:1993-
jenis 11-07
karyawan,divisi, tanggal
dan jabatan masuk:2017-07-
dengan benar 01(benar)
kemudian klik jenis kelamin:laki-
tombol simpan laki(benar)
agama:islam(benar)
status:nikah(benar)
alamat:jl.bendunga
n jago
no.18b(benar)
(xxx.jpg):masukan
foto(benar)
Jenis
karyawan:sementar
a(benar)
Divisi:sales(benar)
Jabatan:sales
(benar)
Tabel III.14
Hasil Pengujian Black Box Testing Halaman Ubah SandiAdmin

No Test Case
1 Sandi Pengguna Sandi Pengguna : tombol simpan Sesuai Valid
dan Masukan (kosong) tidak terlihat Harapan
kembali tidak Masukan Kembali:
(kosong)
diisi
2 Mengetikkan Sandi Pengguna : tombol simpan Sesuai Valid

Sandi Pengguna 123456 tidak terlihat Harapan
minimal 6 Masukan Kembali:
karakter tetapi (kosong)
Masukan
Kembali tidak
90
diisi
3 Sandi Pengguna Sandi Pengguna : tombol simpan Sesuai Valid

kosong dan (kosong) tidak terlihat Harapan
Masukan Masukan Kembali:
Kembalidiisi 123456
4 Mengetikkan Sandi Pengguna : tombol simpan Sesuai Valid

Sandi Pengguna 123456 tidak terlihat Harapan
yang berbeda Masukan Kembali: dan akan
1234567
dengan masukan menampilakan
kembali keterangan “Kata
Sandi Tidak
Cocok”

data Sandi 123456 menampilkan Harapan
Pengguna dan KataSandi: 123456 keterangan “kata
Masukan sandi cocok”
Kembali yang
sama minimal 6
karakter dan klik
tombol simpan
BAB IV
PENUTUP
4.1.Kesimpulan
Setelah melakukan riset sistem penggajian karyawan pada PT.Indah Subur
Sejati penulis dapat menarik kesimpulan dalam beberapa hal sebagai berikut:
1. Dengan dibuatnya aplikasi berbasis web untuk sistem penggajian diharapkan
dapat mengefisienkan dalam proses penggajian dan kepeluan laporan.
2. Dengan sistem informasi yang dibuat diharapkan dapat mempermudah
pemakai dalammengontrol masalah penggajiandan data-data akan tersimpan
dengan baik.
5.2. Saran
Berdasarkan kesimpulan maka dapat diberikan beberapa saran dalam
merancang sebuah website sistem penggajian,yaitu sebagai berikut :
1. Sistem informasi yang telah dibangun ini agar dijadikan bahan untuk
pengembangan sistem lebih lanjut dan dapat dikembangkan menjadi absen
menggunakan scanner.
2. Sebaiknya digunakan program antivirus yang residen. Hal ini dimaksudkan
untuk mencegah terjadinya kerusakan pada program ataupun data-data yang
lainnya.
3. Mengimplementasikan aplikasi program sistem penggajian yang telah penulis
rancang pada PT.Indah Subur Sejati dengan berbasis Web.
4. Dengan adanya sistem informasi penggajian ini, maka perlu pengetahuan dan
pelatihan bagi pegawai untuk menjalankannya.
91
92
5. Senantiasa melakukan kegiatan pemeliharaan baik hardware maupun
software dengan memeriksa keadaan perangkat-perangkat tersebut.
Hal-hal tersebut merupakan masukan dari penulis agar website penggajian
yang diharapkan dapat memberikan hasil kerja yang berdaya guna sekaligus
efisien dalam pemanfaatanya

93
DAFTAR PUSTAKA
Anhar. 2010. Panduan Menguasai PHP & MySQL. Jakarta:Mediakita.
Binanto, Iwan. 2010. Multimedia Digital Dasar Teori + Pengembangannya.
Yogyakarta:Andi
Elcom. 2013. Adobe DreamweaverCS6. Yogyakarta: Andi offset.
Kurniawan, Budi.2008. Desain Web Praktis dengan CSS. Jakarta: PT Elex Media
Komputindo.
Kustiyaningsih,Yeni.2011.Pemrograman Basis Data berbasis web menggunakan
PHP & mysql. Yogyakarta:Graha Ilmu.
Nugroho, Bunafit. 2013. Membuat Aplikasi Web Inventory Toko dengan
PHP,MySQL dan Dreamweaver. Yogyakarta: Alif Media
Prihatoni, Purnomo, Vita. 2008. 100% JavaScript. Jakarta: Dian Rakyat.
Sarwono, Jonathan dan K Prihartono,A.H. 2012. Perdagangan Online:Cara Bisnis
di Internet.Jakarta : PT Elex Media Komputindo.
Sibero,Alexander F.K.2013.Web Programming Power Pack.
Yogyakarta:MediaKom.
Simarmata,Janner dan Imam Paryudi.2010.Basis Data. Yogyakarta:Andi Offset.
Sukamto, dan shalahuddin. 2013. Rekayasa Perangkat Lunak.
Bandung:Informatika Bandung
94

Contoh Tugas-Akhir-Tommy

Diunggah oleh

Informasi Dokumen

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

Contoh Tugas-Akhir-Tommy

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI PENGGAJIAN KARYAWAN BERBASIS

WEB PADA PT INDAH SUBUR SEJATI

Program Studi Manajemen Informatika

AMIK BSI Jakarta

Alhamdulillah,Dengan mengucapkan puji syukur kehadirat Allah SWT,

yang telah melimpahkan rahmat dan karunia-Nya,sehingga pada akhirnya penulis

penulis ambil sebagai berikut, “Sistem Informasi Penggajian Berbasis Web

Pada PT. Indah Subur Sejati Jakarta”.

kelulusan program DiplomaTiga(D.III) Akademi Manajemen Informatika dan

Komputer Bina Sarana Informatika. Sebagai bahan penulisan diambil berdasarkan

hasil penelitian (eksperimen),observasi dan beberapa sumber literatur yang

mendukung penulisan ni. Penulis menyadari bahwa tanpa bimbingan dan

karena itu pada kesempatan ini,izinkanlah penulis menyampaikan ucapan terima

1. Direktur AMIK BSI Jakarta.

2. Ketua Program StudiManajemen Informatika AMIK BSI.

3. Ibu Astriana,S.Si,M.Kom, selaku Dosen PembimbingTugas Akhir.

4. Ibu Roida Pakpahan S.Kom,M.Si,selaku Asisten PembimbingTugas Akhir.

5. Staff / karyawan / dosen dilingkungan Akademi BSI.

6. Bapak Ariefselaku Kepala DivisiSales PT Indah Subur Sejati.

7. Staff / karyawan dilingkungan PT.Indah Subur Sejati.

8. Orangtua tercintayangtelah memberikan dukungan moral maupun spiritual.

sehingga terwujudnya penulisan ini.Penulis menyadari bahwa penulisan tugas

bagi para pembaca yang berminat pada umumnya.

Jakarta, 11Juli 2017

Tommy Stenovic(12140953),Sistem Informasi Penggajian Karyawan

PT Indah Subur Sejati merupakan sebuah Perusahaan yang bergerak di bidang

Kata kunci : Sistem Informasi, Penggajian, Karyawan, Web,

Tommy Stenovic(12140953),Sistem Informasi Penggajian Karyawan

Keywords: Employee, Payroll, Information Sistem, Web,

BAB III PEMBAHASAN

DAFTAR PUSTAKA ...............................................................................................93

Entitas adalah suatu objek yang dapat diidentifikasi dalam

Relasi menunjukan adanya hubungan antara sejumlah

Atribut mendeskripsikan karakter entitas (atribut yang

Garis sebagai penghubung antara relasi dengan

Gambar III.1 Struktur Organisasi PT.Indah Subur Sejati. ................................. 24

1. Tabel III.1.Spesifikasi File Divisi ............................................................................. 55

mampu mengikuti perkembangan agar dapat mengimbangi kebutuhan pasar.Salah

yang telah tekomputerisasi dalam sebuah perusahaan.Hampir setiap perusahaan

baik instansi pemerintah maupun swasta membutuhkan dan memanfaatkan

perkembangan teknologi atau perangkat komputer dalam melakukan kinerjanya

yang berupa pengolahan data yang cepat,mudah dan efisien.

Keberadaan aplikasi program digunakan untuk memudahkan

pekerjaan,menghemat waktu,dan tenaga serta dengan didukungnya oleh sistem

informasi akan lebih memudahkan semua pekerjaan sehingga dalam melakukan

suatu pekerjaan tidak terhambat,serta informasi yang disampaikan lebih

Tidak terkecuali bagi perusahaan yang bergerak dibidang penjualan baju

sekalipun. Berdasarkan hasil penelitian yang penulis lakukan,administrasi

dikatakan menggunakan sistem manual. Diawali dari pencatatan absensi yang

kemudian memindahkannya ke Microsoft Excel. Untuk mempermudah dan

mengakuratkan proses perhitungan gaji pokok, tunjangan,lembur,dan potonga-

potongan untuk karyawan. Disarankan agar perusahaan menerapkan sistem

penggajian yang lebih terkomputerisasi.

Berdasarkan studi analisis yang Penulis lakukan di perusahaan ini,,dengan

demikian kami penulis mencoba merancang dan membuat sistem berjudul

“SISTEMINFORMASI PENGGAJIAN KARYAWAN BERBASIS WEB

PADA PT INDAH SUBUR SEJATI JAKARTA”.

1.2.Maksud dan Tujuan

Maksud dari penulisan tugas akhir ini adalah :

1. Untuk mengetahui permasalahan pada sistem penggajian yang berjalan pada

PT.Indah Subur Sejati

2. Mengatasi kendala penggajian PT.Indah Subur Sejatiyaitu pada saat

penginputan manual yang menyebabkan tidak efisien waktu.