aplikasi cuti pegawai berbasis web - digilib.uns.ac.id/aplikasi... · -simbol dalam erd.....13...

84
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user APLIKASI CUTI PEGAWAI BERBASIS WEB PADA KANTOR PENGAWASAN DAN PELAYANAN BEA CUKAI SURAKARTA TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Ilmu Komputer Disusun Oleh : YULI SETYA BUDI NIM. M3108130 PROGRAM DIPLOMA II ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2011

Upload: danglien

Post on 04-Mar-2019

248 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

APLIKASI CUTI PEGAWAI BERBASIS WEB

PADA KANTOR PENGAWASAN DAN PELAYANAN BEA CUKAI

SURAKARTA

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Ilmu Komputer

Disusun Oleh :

YULI SETYA BUDI

NIM. M3108130

PROGRAM DIPLOMA II ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2011

Page 2: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

HALAMAN PERSETUJUAN

APLIKASI CUTI PEGAWAI BERBASIS WEB

PADA KANTOR PENGAWASAN DAN PELAYANAN BEA CUKAI

SURAKARTA

Disusun Oleh :

YULI SETYA BUDI

NIM. M3108130

Tugas Akhir ini telah disetujui untuk dipertahankan

di hadapan Dewan Penguji

pada tanggal 1 Agustus 2011

Pembimbing Utama

Meiyanto Eko Sulistyo, ST.,M.Eng

NIP. 197705132009121004

Page 3: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 4: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ABSTRACT

Yuli Setya Budi. 2011. Application of Employee Furlough Web Based

in KPPBC Surakarta Final Project. Diploma III Information Technology

Faculty of Mathematics and Natural Science, Sebelas Maret University.

KPPBC Surakarta needs an application that can be used to simplify the

process when the officers ask for furlough permission and the administrator is also

hoped to manage the furlough from the permission, printing the letter, until

arranging the remnant of the furlough. Besides, this Application also equipped

with the short data of the officer, the training, the position, and the simple score

from the head of the office. The aim of the final assignment is to make the

officer’s furlough application that is equipped with the short data of the officers,

the training, the position, and the simple score.

The application uses PHP programming language, it is based on the PHP’s

ability which supports all kind of database include MySQL, besides, PHP also

produces dynamic and flexible Web Content. The saving media in this database is

in the form of tables that will be connected later on, it means the process in one

table will influence the other tables. All of the data that is saved in it is the fact

that happens in the field. The formed table is the unity from the data that can be

classified into certain room.

The application can be used to ask furlough, to print the furlough letter

from the administrator, to manage the remnant of the furlough in every year and to

see how many active officers, how many furlough officers, and how many officers

who ask for their furlough. It also equipped with the short data of the officer, the

seminar, the position, and the simple score from the head of the officer.

Keyword : Application of Employee Furlough , Training, Score

Page 5: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

HALAMAN INTISARI

Yuli Setya Budi. 2011. Aplikasi Cuti Pegawai Berbasis Web pada

KPPBC Surakarta. Diploma III Teknik Informatika Fakultas Matematika

dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret.

KPPBC Surakarta membutuhkan sebuah Aplikasi yang digunakan untuk

mempermudah para pegawai dalam mengajukan permohonan cuti dan

administrator juga diharapkan bisa mengelola cuti mulai dari pengajuan,

pencetakan surat, hingga pengaturan sisa cuti. Selain itu, Aplikasi yang

dibutuhkan juga dapat melakukan pendataan singkat pegawai, diklat, jabatan, dan

melakukan penilaian sederhana kepala kantor.. Tujuan dari Tugas Akhir ini adalah

membuat Apilkasi Cuti Pegawai yang dilengkapi dengan data singkat pegawai,

diklat, jabatan dan penilaian sederhana.

Aplikasi Cuti Pegawai ini menggunakan bahasa pemrograman PHP, hal ini

didasarkan pada kemampuan PHP yang mendukung semua jenis database

termasuk MySQL, selain itu PHP juga menghasilkan isi halaman web yang

dinamik dan fleksibel. Media penyimpanan dalam database ini berupa table-tabel

yang nantinya akan dihubungkan atau direlasikan, maksudnya apabila ada proses

pada tabel satu akan berpengaruh pada tabel lain. Seluruh data yang disimpan

merupakan data dari fakta yang terjadi di lapangan. Tabel-tabel yang terbentuk

merupakan kesatuan dari data-data yang dapat dikelompokkan pada ruang

tersendiri.

Aplikasi cuti pegawai ini dapat digunakan untuk mengajukan cuti dari

pegawai dan mencetak Surat Cuti dari admin. Administrator juga dapat mengelola

sisa cuti setiap tahunnya serta melihat berapa pegawai yang aktif, cuti, maupun

yang sedang mengajukan cuti. Aplikasi ini juga dilengkapi pendataan singkat

pegawai, diklat, jabatan, dan penilaian sederhana dari kepala kantor.

Kata kunci : Aplikasi cuti pegawai, Diklat, Penilaian

Page 6: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

HALAMAN MOTTO

DUIT = Doa Usaha Istiqomah & Tawakal

Di dunia ini semua masalah, pasti datang dengan penyelesainnya,

jangan lari dari masalah tapi cari jalan keluarnya

Termotivasi untuk mencari dan mencoba hal-hal yang baru dan

belum ditemukan oleh orang lain

Fisik harus ditunjang dengan Jiwa yang sehat akan membuahkan

pikiran yang cemerlang jadi antara hati pikiran dan semangat

harus seimbang

Orang sukses adalah orang yang pandai membagi waktu

Lebih baik terlambat daripada tidak sama sekali namun lebih baik

lagi tepat waktu daripada terlambat.

Page 7: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

HALAMAN PERSEMBAHAN

Dengan segala kerendahan hati, Tugas Akhir ini penulis persembahkan untuk :

Orang tuaku yang selalu memeberikan Motivasi, semangat dan Doa

untukku agar Tugas Akhir ini bisa berhasil dan sukses.

Pak Meiyanto, terimakasih yang begitu besar untuk bimbingan, nasehat

dan kesabarannya selama ini.

Sahabat-sahabatku Lingga, Wawan, Bambang, Septi, Via, Retno, Rive

(Genk Kwek-kwek) dan masih banyak lagi. Terima kasih karena kalian

menghidupkan semangatku kembali. Membantu dalam keadaan suka

maupun duka.

Teman–teman D3 Ilmu Komputer angkatan 2008, 2009 dan 2010

terimakasih atas kebersamaan, perjuangan dan kerjasamanya.

Seluruh pihak yang secara langsung dan tidak langsung membantu penulis

dalam hal materiil maupun spirituil, terimakasih untuk semuanya.

Almamater.

Page 8: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa yang telah

memberikan anugerah dan nikmat tiada tara sehingga penulis dapat

menyelesaikan pembuatan tugas akhir dengan judul “APLIKASI CUTI

PEGAWAI PADA KANTOR PENGAWASAN DAN PELAYANAN BEA

CUKAI SURAKARTA”. Sholawat dan salam semoga selalu tercurahkan kepada

nabi kita Muhammad SAW, keluarganya, para sahabat dan umatnya yang

senantiasa istiqomah dijalan kebenaran.

Laporan Tugas Akhir ini dibuat untuk memenuhi salah satu persyaratan

memperoleh Gelar Ahli Madya DII Ilmu Komputer Universitas Sebelas Maret

Surakarta. Dalam menyelesaikan laporan ini penulis mendapat banyak bantuan

baik berupa materiil maupun spirituil dari berbagai pihak. Oleh karena itu penulis

mengucapkan banyak terima kasih kepada :

1. Y.S Palgunadi,M.Si selaku ketua jurusan DIII Teknik Informatika FMIPA

UNS

2. Bpk Meiyanto Eko Sulistyo selaku dosen pembimbing dalam Tugas Akhir.

3. Dosen-dosen DIII Teknik Informatika FMIPA UNS yang telah

memberikan suport kepada penulis dalam pelaksanaan Tugas Akhir.

4. Bapak dan Ibu yang selalu memberikan dukungan dan semangat untuk

menyelesaikan Tugas Akhir ini.

5. Rekan-rekan Teknik Informatika 2008, Teknik Komputer 2008,

Manajemen Informatika 2008 terima kasih atas segala support dan bantuan

kalian.

6. Semua pihak yang telah membantu dalam kelancaran pembuatan laporan

Tugas Akhir ini.

Demikian laporan Tugas Akhir ini penulis susun dengan harapan dapat

bermanfaat bagi penulis maupun pembaca.

Surakarta, Mei 2011

Penulis

Page 9: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR ISI

HALAMAN JUDUL ...................................................................................................... i

HALAMAN PERSETUJUAN ...................................................................................... ii

HALAMAN PENGESAHAN ...................................................................................... iii

HALAMAN ABSTRAK .............................................................................................. iv

HALAMAN INTISARI ................................................................................................ v

HALAMAN MOTTO .................................................................................................. vi

HALAMAN PERSEMBAHAN ................................................................................. vii

KATA PENGANTAR ............................................................................................... viii

DAFTAR ISI ................................................................................................................ ix

DAFTAR TABEL ........................................................................................................ xi

DAFTAR GAMBAR .................................................................................................. xii

BAB I PENDAHULUAN ........................................................................................... 1

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

1.2 Perumusan Masalah .................................................................................... 2

1.3 Batasan Masalah.......................................................................................... 2

1.4 Tujuan ........................................................................................................ 2

1.5 Manfaat ...................................................................................................... 2

1.6 Metodologi Penelitian ................................................................................. 3

1.7 Sistematika Penulisan ................................................................................. 4

BAB II LANDASAN TEORI ..................................................................................... 5

2.1 Konsep Dasar Sistem Informasi .................................................................. 5

2.1.1 Komponen Sistem Informasi ............................................................. 5

2.1.2 Manfaat Sistem Informasi .................................................................. 6

2.2 Sistem Manajemen Basis Data .................................................................... 7

2.3 Diagram Konteks (Context Diagram) ......................................................... 8

2.4 Data Flow Diagram (DFD) ......................................................................... 9

2.5 Hypertext PreProcessor (PHP) .................................................................... 9

2.6 MySQL ...................................................................................................... 11

2.7 XAMPP ..................................................................................................... 11

Page 10: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2.8 Kamus Data (Data Dictionary) ................................................................. 12

2.9 Entity Relationship Diagram (ER-D) ........................................................ 13

BAB III PERANCANGAN DAN DESAIN ............................................................ 14

3.1 Alat Penelitian ........................................................................................... 14

3.1.1 Perangkat Keras (Hardware) .......................................................... 14

3.1.2 Perangkat Lunak (Sofware) ............................................................ 14

3.2 Tahap-tahap Pengembangan Sistem ......................................................... 15

3.2.1 Analisa Sistem yang Ada ................................................................ 15

3.2.2 Perancangan Sistem ........................................................................ 16

3.3 Desain Sistem ............................................................................................ 16

3.4 Desain Database ........................................................................................ 22

3.4.1 Entity Relationship Diagram (ER-D) ............................................. 22

3.4.2 Relasi Tabel .................................................................................... 23

3.4.3 Kamus Data .................................................................................... 23

3.4.4 Struktur Database ........................................................................... 27

3.5 Perancangan Antar Muka .......................................................................... 33

3.5.1 Desain Halaman Admin .................................................................. 33

3.5.2 Desain Halaman Kepala Kantor ..................................................... 41

3.5.3 Desain Halaman User (Pegawai) .................................................... 45

BAB IV IMPLEMENTASI DAN ANALISA .......................................................... 44

4.1 Deskripsi Sistem ....................................................................................... 48

4.2 Cara Kerja Sistem ..................................................................................... 49

4.3 Detail Sistem Informasi Kepegawaian KPPBC ........................................ 49

4.3.1 Halaman Admin .............................................................................. 49

4.3.2 Halaman Kepala Kantor ................................................................. 60

4.3.3 Halaman User (Pegawai Umum) .................................................... 65

BAB V PENUTUP .................................................................................................... 69

5.1 Kesimpulan ............................................................................................... 69

5.2 Saran .......................................................................................................... 69

DAFTAR PUSTAKA ................................................................................................ 70

Page 11: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR TABEL

Tabel 2.1 Simbol-simbol dalam CD dan DFD.............................................................. 9

Tabel 2.2 Simbol-simbol dalam ERD ......................................................................... 13

Tabel 3.1 Tabel user .................................................................................................... 27

Tabel 3.2 Tabel pegawai ............................................................................................ 28

Tabel 3.3 Tabel level ................................................................................................... 28

Tabel 3.4 Tabel cuti..................................................................................................... 29

Tabel 3.5 Tabel pegawai_cuti ..................................................................................... 29

Tabel 3.6 Tabel jenis_cuti ........................................................................................... 30

Tabel 3.7 Tabel pegawai_diklat ................................................................................. 30

Tabel 3.7 Tabel diklat ................................................................................................. 30

Tabel 3.8 Tabel jabatan ............................................................................................... 31

Tabel 3.10 Tabel penilaian .......................................................................................... 31

Tabel 3.11 Tabel golongan .......................................................................................... 32

Tabel 3.12 Tabel buku_tamu....................................................................................... 32

Page 12: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR GAMBAR

Gambar 3.1 Context Diagram ..................................................................................... 16

Gambar 3.2 Data Flow Diagram (DFD) Level 0 ...................................................... 17

Gambar 3.3 DFD Level 1 Proses Cuti ........................................................................ 19

Gambar 3.4 DFD Level 2 Proses Pengajuan Cuti Pegawai ....................................... 19

Gambar 3.5 DFD Level 2 Proses Konfirmasi Pengajuan Cuti .................................... 20

Gambar 3.6 DFD Level 2 Proses Pengubahan Status Kerja ....................................... 20

Gambar 3.7 DFD Level 2 Proses Cetak Surat dan Perbaharui Sisa Cuti .................... 21

Gambar 3.8 DFD Level 1 Proses Pencatatan Biodata dan Diklat Pegawai ................ 21

Gambar 3.9 DFD Level 1 Proses Penilaian Pegawai .................................................. 21

Gambar 3.10 DFD Level 1 Proses Buku Tamu........................................................... 21

Gambar 3.11 Entity Relational Diagram (ER-D) ....................................................... 22

Gambar 3.12 Relasi Antar Tabel ................................................................................. 23

Gambar 3.13 Desain Halaman Login ......................................................................... 32

Gambar 3.14 Desain Halaman Home Admin .............................................................. 33

Gambar 3.15 Desain Halaman Input Data Pegawai Baru ........................................... 33

Gambar 3.16 Desain Halaman Data pegawai ............................................................. 34

Gambar 3.17 Desain Halaman Detail Pegawai ........................................................... 34

Gambar 3.18 Desain Halaman Cuti ............................................................................ 35

Gambar 3.19 Desain Halaman Data Pengajuan Cuti .................................................. 35

Gambar 3.20 Desain Halaman Data Cuti Pegawai ..................................................... 36

Gambar 3.21 Desain Halaman Cetak Surat Cuti ......................................................... 36

Gambar 3.22 Desain Halaman Diklat ......................................................................... 37

Gambar 3.23 Desain Halaman Detail Diklat............................................................... 37

Gambar 3.24 Desain Halaman Tambah Diklat ........................................................... 38

Gambar 3.25 Desain Halaman Data Nama Diklat ...................................................... 38

Gambar 3.26 Desain Halaman Jabatan ....................................................................... 38

Gambar 3.27 Desain Halaman Detail Jabatan............................................................. 39

Gambar 3.28 Desain Halaman Buku Tamu Admin .................................................... 40

Gambar 3.29 Desain Halaman Profil Admin .............................................................. 40

Page 13: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Gambar 3.30 Desain Halaman Home Kepala Kantor ................................................. 41

Gambar 3.31 Desain Halaman Pengajuan Cuti ........................................................... 41

Gambar 3.32 Desain Halaman Konfirmasi Cuti ........................................................ 42

Gambar 3.33 Desain Halaman Data Nilai ................................................................... 42

Gambar 3.34 Desain Halaman Penilaian .................................................................... 43

Gambar 3.35 Desain Halaman Detail Nilai................................................................. 43

Gambar 3.36 Desain Halaman Profil Kepala Kantor .................................................. 44

Gambar 3.37 Desain Halaman Buku Tamu Kepala Kantor ........................................ 44

Gambar 3.38 Desain Halaman Home Pegawai ........................................................... 45

Gambar 3.39 Desain Halaman Ambil Cuti ................................................................. 45

Gambar 3.40 Desain Halaman Data Pengajuan Cuti .................................................. 46

Gambar 3.41 Desain Halaman Detail Pengajuan Cuti ................................................ 46

Gambar 3.42 Desain Halaman Profil Pegawai ............................................................ 47

Gambar 3.43 Desain Halaman Buku Tamu Pegawai .................................................. 47

Gambar 4.1 Halaman Login ....................................................................................... 50

Gambar 4.2 Halaman Home Admin ............................................................................ 50

Gambar 4.3 Halaman Input Data Pegawai Baru ......................................................... 51

Gambar 4.4 Halaman Data pegawai............................................................................ 51

Gambar 4.5 Halaman Detail Pegawai ......................................................................... 52

Gambar 4.6 Halaman Cuti .......................................................................................... 52

Gambar 4.7 Halaman Data Pengajuan Cuti ................................................................ 53

Gambar 4.8 Halaman Data Cuti Pegawai ................................................................... 53

Gambar 4.9 Peringatan Data Pencarian Tidak ditemukan .......................................... 54

Gambar 4.10 Halaman Cetak Surat Cuti ..................................................................... 54

Gambar 4.11 Halaman Diklat ..................................................................................... 55

Gambar 4.12 Halaman Detail Diklat ........................................................................... 55

Gambar 4.13 Halaman Tambah Diklat ....................................................................... 56

Gambar 4.14 Halaman Data Nama Diklat .................................................................. 56

Gambar 4.15 Halaman Jabatan ................................................................................... 57

Gambar 4.16 Halaman Detail Jabatan ......................................................................... 57

Gambar 4.17 Halaman Buku Tamu Admin ................................................................ 58

Page 14: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Gambar 4.18 Halaman Profil Admin .......................................................................... 59

Gambar 4.19 Halaman Home Kepala Kantor ............................................................. 60

Gambar 4.20 Halaman Pengajuan Cuti ....................................................................... 61

Gambar 4.21 Peringatan Tidak Ada Pengajuan Cuti .................................................. 61

Gambar 4.22 Halaman Konfirmasi Cuti .................................................................... 62

Gambar 4.23 Halaman Data Nilai ............................................................................... 62

Gambar 4.24 Halaman Penilaian ................................................................................ 63

Gambar 4.25 Halaman Detail Nilai ............................................................................. 63

Gambar 4.26 Halaman Profil Kepala Kantor .............................................................. 64

Gambar 4.27 Halaman Buku Tamu Kepala Kantor .................................................... 64

Gambar 4.28 Halaman Home Pegawai ....................................................................... 65

Gambar 4.29 Halaman Ambil Cuti ............................................................................. 66

Gambar 4.30 Halaman Data Pengajuan Cuti .............................................................. 66

Gambar 4.31 Halaman Detail Pengajuan Cuti ............................................................ 67

Gambar 4.32 Halaman Profil Pegawai ........................................................................ 67

Gambar 4.33 Halaman Buku Tamu Pegawai .............................................................. 68

Page 15: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB I

PENDAHULUAN

1.1 LATAR BELAKANG

Kantor Pengawasan dan Pelayanan Bea dan Cukai ( KPPBC ) Tipe Madya

adalah Kantor Pelayanan Direktorat Jenderal Bea dan Cukai yang memberikan

pelayanan prima serta pengawasan yang efektif kepada pengguna jasa kepabeanan

& cukai dengan menginplementasikan cara kerja yang cepat, efisien, transparan

dan responsif terhadap kebutuhan pengguna jasa dengan dukungan instansi yang

terkait.

KPPBC Surakarta memiliki jumlah pegawai yang cukup banyak yakni ada

± 90 orang. Padahal dari pihak kantor, khusunya pada bagian Kaur Tata Usaha

juga mengelola tentang pergerakan cuti yang dilakukan oleh para pegawai. Mulai

dari pengajuan cuti yang kemudian mendapatkan konfirmasi setuju atau

penolakan dari Kepala Kantor kemudian menuju proses pencetakan surat cuti.

Selain itu Administrator juga membutuhkan data singkat dari pegawai untuk

mengetahui NIP, Jabatan, Golongan, diklat dan sebagainya. Selain itu Penilaian

Kepala Kantor terhadap kinerja para pegawai juga sangat dibutuhkan pada

instansi ini demi terciptanya pegawai-pegawai yang berkualitas.

Dalam pengajuan cuti, pegawai harus menentukan kapan mereka akan

memulai dan mengakhiri cuti. Setiap pegawai memiliki jumlah cuti 24 hari selama

dua tahun dan Administrator harus melakukan perubahan sisa cuti tersebut selama

terjadi pengajuan cuti dari semua pegawai. Selain itu pegawai juga bertanggung

jawab terhadap status mereka masing-masing apakah sedang aktif bekerja atau

sedang melakukan cuti.

Maka dari itu, pada Aplikasi Cuti Pegawai ini, berfungsi untuk mengelola

data cuti yang dimaksudkan diatas. Administrator bisa mencetak surat cuti untuk

pegawai bersangkutan. Dengan Sistem informasi ini, petugas mendapatkan sedikit

kemudahan dalam mengelola data cuti, biodata pegawai, diklat, jabatan, dan

penilaian pegawai secara sederhana dan efisien.

Page 16: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1.2 PERUMUSAN MASALAH

Berdasarkan latar belakang masalah yang telah diuraikan, maka dapat

diambil perumusan masalah yaitu “Bagaimana Membuat Aplikasi Cuti Pegawai

yang dilengkapi dengan pendataan singkat biodata pegawai, diklat pegawai,

informasi jabatan dan penilaian sederhana?”

1.3 BATASAN MASALAH

Penulis memberikan batasan masalah dalam sistem ini yaitu Sistem hanya

dapat melakukan proses pengajuan dan pencetakan surat cuti, input, delete, edit,

searching, pendataan singkat pegawai, diklat, jabatan dan penilaian sederhana

kepala kantor.

1.4 TUJUAN

Tujuan dari Tugas Akhir ini adalah membuat suatu Aplikasi Cuti Pegawai

dengan berbasis Web yang mampu membantu petugas kepegawaian dalam

mengelola proses cuti dari pengajuan hingga pencetakan yang dilengkapi dengan

pendataan singkat pegawai, diklat pegawai, dan penilaian sederhana pada Kantor

Pengawasan dan Pelayanan Bea Cukai (KPPBC) Tipe Madya Pabean Surakarta.

1.5 MANFAAT

1. Mempermudah pegawai dalam proses pengambilan cuti.

2. Mempermudah penghitungan sisa cuti setiap tahun bagi para pegawai.

3. Mempermudah pendataan pegawai di KPPBC Surakarta.

4. Mempermudah dalam pencarian data pegawai, diklat, dan jabatan.

5. Pegawai dapat melihat informasi jabatan yang ada di KPPBC Surakarta.

6. Pegawai mampu mengakses data diri meliputi diklat, nilai, dan cuti tanpa

diketahui oleh pegawai yang lain.

Page 17: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1.6 METODE PENELITIAN

Dalam pembuatan Tugas Akhir ini, meliputi langkah – langkah sebagai

berikut:

1.6.1 Studi literatur

Dilakukan studi literatur atau tinjauan pustaka tentang konsep

pengembangan program berbasis PHP.

1.6.2 Perencanaan sistem

Perancanaan sistem meliputi tabel-tabel dalam database yang

saling berelasi yang terdapat pada sistem.

1.6.3 Penyusunan basis data

Data-data penunjang yang didapatkan berupa suatu kesimpulan,

fakta-fakta dan aturan yang mengatur proses pencarian data yang saling

berhubungan satu sama lain disimpan ke dalam basis data MySQL sebagai

media penyimpanan.

Page 18: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1.7 SISTEMATIKA PENULISAN

Dalam Penulisan Laporan Tugas Akhir (TA) ini dibagi atas beberapa bab yang

menjelasakan tentang sistem mulai dari awal hingga akhir penelitian meliputi :

Bab I Pendahuluan Merupakan Bagian awal dari Laporan TA. Berisi Latar

Belakang, rumusan masalah, tujuan, manfaat, metodologi penelitian, dan

sistematika penulisan.

Bab II Landasan Teori Menjelaskan landasan teoritis yang digunakan oleh

penulis dalam pembuatan tugas akhir. Landasan teori ini diperoleh pada saat

penelitian studi pustaka. Dasar-dasar teori tersebut berdasarkan penjelasan

mengenai sistem yang akan dibuat dan metode pemecahan masalah pada sistem

yang diterapkan pada tugas akhir ini.

Bab III Analisis Dan Perancangan Menerangkan mengenai perancangan dan

analisis sistem dari tugas akhir yang dibangun oleh penulis. Perancangan dan

analisis sistem tersebut meliputi Context Diagram, Data Flow Diagram, Entity

Relationship Diagram, relasi tabel dan rancangan basis data.

Bab IV Implementasi Dan Evaluasi menjelaskan mengenai implementasi

perancangan dalam hal cara kerja sistem dan evaluasi dari sistem tersebut. Pada

bab ini berisikan dua subbab yaitu subbab implementasi sistem dan subbab

analisis sistem. Subbab immplementasi sistem berisikan mengenai penjelasan dari

desain antarmuka sistem. Subbab immplementasi sistem berisikan mengenai

kinerja sistem tersebut setelah sistem tersebut diimplementasikan.

Bab V Penutup berisikan kesimpulan yang didapatkan dari implementasi

mengenai keterkaitan antara tujuan pembuatan sistem dan saran-saran berkaitan

mengenai penggunaan sistem atau penggabungan sistem ini untuk masa depan

yang akan datang.

Page 19: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Sistem Informasi

Andri Kristanto (2003), menyatakan bahwa sebuah sistem informasi

merupakan kumpulan dari perangkat keras dan perangkat lunak komputer serta

perangkat manusia yang akan mengolah data menggunakan perangkat keras dan

perangkat lunak tersebut. Selain itu data juga memegang peranan penting dalm

sistem infromasi. Data yang akan dimasukkan adalah sebuah sistem informasi

dapat berupa formulir-formulir, prosedur-prosedur dan bentuk data lainnya.

Selain itu sistem informasi juga dapat didefinisikan sebagai berikut :

1. Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-

komponen dalam organisasi untuk mencapai suatu tujuan yaitu

menyajikan informasi.

2. Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan

memberikan informasi bagi pengambil keputusan dan atau untuk

mengendalikan organisasi.

3. Suatu sistem di dalam organisasi yang mempertemukan kebutuhan

pengolahan transaksi, mendukung operasi, bersifat manajerial, dan

kegiatan strategi dari suatu organisasi dan menyediakan pihak luar

tertentu dengan laporan-laporan yang diperlukan.

2.1.1 Komponen Sistem Informasi

Menurut Andri Kristanto, (2003) Untuk mendukung lancarnya suatu sistem

informasi dibutuhkan beberapa komponen yang fungsinya sangat vital di dalam

sistem infromasi. Komponen-komponen sistem Informasi tersebut adalah:

1. Input

Input disini adalah semua data yang dimasukkan ke dalam sistem

informasi. Dokumen-dokumen, formulir-formulir dan file-file termasuk

dalam bagian dari input pada sistem informasi. Dokumen-dokumen tersebut

dikumpulkan dan dikonfirmasikan ke suatu bentuk sehingga dapat diterima

Page 20: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

oleh pengolah yang meliputi pencatatan, penyimpanan, pengujian, dan

pengkodean.

2. Proses

Proses merupakan kumpulan prosedur yang akan memanipulasi input yang

kemudian akan disimpan dalam bagian basis data dan seterusnya akan

diolah menjadi suatu output yang akan digunakan oleh si penerima.

3. Output

Merupakan semua keluaran atau hasil dari model yang sudah diolah

menjadi suatu informasi yang berguna dan dapat dipakai penerima.

Komponen ini dapat berupa laporan-laporan yang dibutuhkan oleh pemakai

sistem untuk memantau keberhasilan suatu organisasi.

4. Teknologi

Teknologi merupakan bagian yang berfungsi untuk memasukkan input,

mengolah input dan menghasilkan keluaran.

5. Basis data

Merupakan kumpulan data-data yang saling berhubungan satu dengan yang

lain yang disimpan dalam perangkat keras computer dan akan diolah

menggunakan perangkat lunak.

6. Kendali

Kendali dalam hal ini merupakan semua tindakan yang idambil untuk

menjaga sistem informasi tersebut agar bisa berjalan dengan lancer tanpa

mengalami gangguan. Komponen kendali diperlukan terhadap : backup file,

reindexing, pengujian kebenaran data tiap entry yang dilakukan.

2.1.2 Manfaat Sistem Informasi

Menurut Andri Kristanto, (2003), manfaat Sistem Informasi adalah :

1. Organisasi menggunakan sistem informasi untuk mengolah transaksi-

transaksi, mengurangi biaya dan mengahasilkan pendapatan sebagai salah

satu produk ata pelayanan mereka.

Page 21: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2. Perusahaan menggunakan sistem informasi untuk mempertahankan

persediaan pada tingkat paling rendah agar konsisten dengan jenis barang

yang tersedia.

2.2 Sistem Manajemen Basis Data

Menurut Janner Simarmata (2007), basis data adalah kumpulan informasi

yang terorganisasi dan disajikan untuk tujuan khusus. Basis data terkomputerisasi

dapat di update, file bisa terorganisasi, dan informasi dapat dibaca, dicari dengan

cepat dan retrieve menggunakan komputer. Istilah basis data sering

disalahgunakan sebagai sinonim untuk manajemen basis data (DBMS), padahal

keduanya tidak sama. Sistem manajemen basis data adalah mekanisme perangkat

lunak dalam pengelolaan data.

Teknologi basis data sudah diperkenalkan untuk mengganti sistem

pengolahan data pada pertengahan tahun 1960. Suatu basis data adalah suatu

koleksi/kumpulan dari data yang disimpan secara secara berhubungan yang

melayani kebutuhan dari berbagai pengguna di dalam satu atau banyak organisasi.

Sistem Manajemen Basis Data (DBMS) adalah suatu sistem perangkat lunak

kompleks yang mengatur permintaan dan penyimpanan data ke dan dari disk. DBMS

menyediakan keamanan (security) privacy, integritas (integrity) dan kontrol konkerunsi

(concurrency controls). Sistem Manajemen Basis Data (DBMS) sudah dikembangkan

untuk mengatasi berbagai kesulitan dalam penggunaan pengolahan file. DBMS

mengelola transaksi pada multiuser, lingkungan akses bersamaan, dan menyediakan

tingkat independensi data yang mengisolasi pandangan (view) pengguna atau aplikasi

dari perubahan yang berlangsung di tingkat internal dan konseptual. Produk perangkat

lunak seperti Microsoft Access, Oracle, Microsoft SQL Server, Sybase, DB2, INGRES, dan

MySQL adalah semua DBMS.

DBMS menyediakan semua layanan semua layanan dasar yang diperlukan untuk

mengorganisir dan memelihara basis data, termasuk layanan berikut :

Page 22: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1. Memindahkan data ke dan dari file-file data fisik jika dibutuhkan.

2. Mengelola akses data oleh berbagai pengguna secara bersamaan, mencakup

ketentuan untuk mencegah peng-updatean secara bersamaan.

3. Mengelola transaksi sehingga masing-masing perubahan transaksi basis data

adalah semua atau tidak sama seklai. Dengan kata lain, jika transaksi berhasil,

semua basis data yang dibuat berubah dan direkam di dalam basis data. Jika

transaksi gagal, tidak satu pun dari perubahan tersebut yang direkam oleh

basis data.

4. Mendukung bahasa query (query language), yang mana suatu sistem

perintah mempekerjakan pengguna basis data untuk mendapatkan data

kembali dari basis data.

5. Ketentuan untuk membackup basis data dan pemulihan dari kegagalan.

6. Mekanisme keamanan untuk mencegah perubahan dan akses data yang tidak

sah.

2.3 Diagram Kontek (Context Diagram)

Menurut Andri Kristanto (2003), diagram konteks adalah sebuah diagram

sederhana yang menggambarkan hubungan antara entity luar, masukan dan

keluaran dari sistem. Diagram konteks dipresentasikan dengan lingkaran tunggal

yang mewakili keseluruhan. Context Diagram menyoroti sejumlah karakteristik

penting sistem, yaitu :

1. Kelompok pemakai, organisasi atau sistem lain dimana sistem

melakukan komunikasi (sebagai terminator).

2. Data masuk, yaitu data yang diterima sistem dari lingkungan dan harus

diproses dengan cara tertentu.

3. Data keluar, data yang dihasilkan sistem dan diberikan ke dunia luar.

4. Penyimpanan data, yaitu penyimpanan yang digunakan secara bersama

antara sistem dengan terminator.

Data ini dapat dibuat oleh sistem dan digunakan oleh lingkungan atau

sebaliknya dibuat oleh lingkungan dan digunakan oleh sistem.

Page 23: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2.4 Data Flow Diagram (DFD)

Menurut Andri Kristanto (2003), DFD adalah suatu model logika data atau

proses yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan

data yang keluar dari sistem, dimana data disimpan, proses apa yang

menghasilkan data tersebut dan interaksi apa yang menghasilkan data tersebut dan

interaksi antara data yang tersimpan dan proses yang dikenakan pada data

tersebut.

DFD menggambarkan penyimpanan data dan proses yang

mentransformasikan data. DFD menunjukkan hubungan antara data pada sistem.

Simbol aliran data sebagai berikut:

Tabel 2.1 Simbol-Simbol CD dan DFD

Gane/Sarson Arti

Entitas eksternal, dapat berupa

orang/unit terkait yang berinteraksi

dengan sistem tapi diluar sistem

Orang atau unit yang

mempergunakan atau melakukan

transfromasi data. Komponen fisik

tidak diidentifikasikan.

aliran data Aliran data dengan arah khusus dari

sumber ke tujuan

Penyimpanan data atau tempat data

direfer oleh diproses

2.5 Hypertex PreProcessor (PHP)

Menurut Bunafit Nugroho (2004), PHP Merupakan Bahasa Pemrograman

yang berbasis Web Server, PHP berbeda dengan bahasa pemrograman Java yang

berbasis Client Service. PHP digunakan untuk membuat aplikasi web yang

disusun oleh kode-kode yang diatur berdasarkan algoritma program yang dibuat.

Entitas

eksternal

proses

Data source

Page 24: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Penggunaan PHP semakin luas untuk aplikasi-aplikasi web dalam berbagai

keperluan bisnis, bahkan PHP telah banyak banyak digunakan oleh para

webmaster karena kemudahannya dan kefektifannya.

Pada awalnya PHP merupakan kependekan dari Personal Home Page

(Situs Personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.

Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa

sekumpulan script yang digunakan untuk mengolah data form dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan

menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi open source,

maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Bahasa

pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah

kompilasi dalam penggunaanya. Web Server yang mendukung PHP dapat

ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan

konfigurasi 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

memiliki referensi yang banyak. PHP adalah bahasa open source yang dapat

digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat

dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-

perintah sistem.

Kelebihan PHP dari bahasa pemrograman lain adalah sebagai berikut :

1. Bahasa pemrograman php adalah sebuah bahasa script yang tidak

melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung php dapat ditemukan dimana - mana dari

mulai IIS sampai dengan apache, dengan configurasi yang relatif

mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis -

milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling

mudah karena referensi yang banyak.

Page 25: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

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

system.

2.6 MySQL

Menurut Muhammad Syafii (2005), MySQL dikembangkan oleh sebuah

perusahaan Swedia bernama MySQL AB, yang pada saat itu bernama TcX Data

Konsult AB sekitar tahun 1994-1995. MySQL sudah ada sejak 1979. MySQL

termasuk jenis RDBMS (Relational Database Management System). MySQL

digunakan oleh banyak portal-portal internet sebagai basis data dari informasi

yang ditampilkan pada situs web. Kepopuleran MySQL dimungkinkan karena

kemudahannya untuk digunakan, cepat secara kinerja query, dan mencukupi untuk

kebutuhan basisdata perusahaan-perusahaan skala menengah dan kecil. Istilah

seperti tabel, baris, dan kolom tetap digunakan dalam MySQL. Sebuah basisdata

yang terdapat pada MySQL mengandung satu atau beberapa tabel yang terdiri dari

sejumlah baris dan kolom.

2.7 XAMPP

(Berdasarkan Situs Wikipedia) XAMPP adalah perangkat lunak bebas,

yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa

program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang

terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah

bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP

merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL,

PHP dan Perl. Program ini tersedia dalam GNU General Public License dan

bebas, merupakan web server yang mudah digunakan yang dapat melayani

tampilan halaman web yang dinamis.

kepanjangan dari XAMPP yaitu Apache, PHP, MySQL dan phpMyAdmin.

XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu

buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan

Page 26: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual.

XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk

anda atau auto konfigurasi.

Software XAMPP versi ini terdiri atas:

1. Apache versi 2.0.54

2. MySQL versi 4.1.12

3. PHP versi 5.0.4

Anonim 3 :http://id.wikipedia.org/wiki/XAMPP

(di download pada 4 April 2011 09:17)

2.8 Kamus Data (Data Dictionary)

Andri Kristanto (2003), menyatakan bahwa kamus data adalah kumpulan

elemen-elemen atau simbol-simbol yang digunakan untuk membantu dalam

penggambaran atau pengidentifikasian setiap field atau file di dalam sistem.

Symbol-simbol yang ada dalam kamus data adalah sebagai berikut :

= artinya adalah terdiri atas

+ artinya adalah dan

( ) artinya adalah operasional

[ ] artinya adalah memilih salah satu alternative

** artinya adalah komentar

@ artinya adalah identifikasi atribut kunci

| artinya adalah pemisahan alternatif simbol [ ]

Dalam kamus data, harap diperhatikan beberapa hal yaitu :

1. Apakah semua aliran data dan penyimpanan dalam DFD sudah

didefinisikan dalam kamus data?

2. Apakah semua komponen elemen data sudah didefinisikan dengan

baik?

3. Adakah elemen data yang didefinisikan lebih dari satu kali?

4. Apakah semua notasi yang digunakan pada kamus data sudah

dikoreksi?

Page 27: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5. Adakah elemen data dalam kamus data tidak menjelaskan sesuatu

dalm DFD atau Entity Relation?

2.9 Entity Relationship Diagram (ERD)

Menurut Simarmata dan Paryudi (2006), ERD merupakan struktur yang

mendasari suatu basisdata adalah model data yang merupakan kumpulan alat-alat

konseptual untuk mendeskripsikan data, relasi data, data semantic dan batasan

konsistensi. Untuk mengilustrasikan konsep model data salah satunya

menggunakan Entity Relationship Diagram (ERD). ERD didasarkan pada

persepsi terhadap dunia nyata yang tersusun atas kumpulan objek-objek dasar

yang disebut entitas dan hubungan antar objek. Entitas adalah sesuatu atau objek

dalam dunia nyata yang dapat dibedakan dari objek lain. Entitas digambarkan

dalam basisdata dengan kumpulan atribut. Relasi adalah hubungan antara

beberapa entitas.

Simbol yang digunakan dalam pembuatan ERD yaitu :

Tabel 2.2 Simbol-Simbol ERD

Simbol Keterangan

Entitas dimana menggambarkan suatu objek yang dapat

diidentifikasi dalam sebuah lingkungan.

Atribut memiliki fungsi mendeskrisikan karakter entitas.

Gambar disamping menunjukkan sebuah hubungan atau

relasi antar entitas.

Garis adalah sebagai penghubung antara himpunan relasi

dengan himpunan entitas dan himpunan entitas dengan

atributnya.

Page 28: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB III

PERANCANGAN DAN DESAIN

3.1 ALAT PENELITIAN

Alat penelitian yang digunakan dalam penyusunan tugas akhir ini dibagi

menjadi dua, yaitu hardware (perangkat keras) dan software (perangkat lunak).

Alat yang digunakan untuk menyusun tugas akhir ini adalah sebagai berikut :

3.1.1 Perangkat Keras (Hardware)

Perangkat keras yang direkomendasikan dalam implementasi aplikasi ini

adalah sebuah PC (Personal Computer) dengan spesifikasi minimum sebagai

berikut:

a. Processor : Processor Intel Pentium IV

b. Memory : 512 Mb

c. Harddisk : 60 GB

d. Monitor : SVGA dengan resolusi minimal 800 x 600

3.1.2 Perangkat Lunak (Software)

Perangkat lunak utama yang dibutuhkan dalam membuat aplikasi ini

diantaranya adalah sebagai berikut :

a. Microsoft Windows XP Service Pack 3 sebagai Sistem Operasi.

b. XAMPP yaitu kumpulan Apache HTTP Server, MySQL database.

c. Apache sebagai web server.

d. MySQL untuk menghubungkan PHP dengan database.

e. Notepad++ dan Macromedia Dreamweaver CS 4 untuk menuliskan

script program.

f. Adobe Photoshop CS3 sebagai software pembuatan desain sistem.

Page 29: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3.2 TAHAP-TAHAP PENGEMBANGAN SISTEM

Adapun tahap-tahap dalam pengembangan Aplikasi Cuti Pegawai ini

dibagi menjadi beberapa bagian diantaranya adalah sebagai berikut :

3.2.1 Analisa Sistem

Berdasarkan wawancara dengan salah satu petugas administrasi Tata

Usaha KPPBC Tipe Madya Pabean Surakarta, Sistem yang ada di Kantor ini

adalah sebagai berikut :

1. Sistem pengambilan cuti masih dilakukan dengan manual, sehingga

pegawai harus mondar-mandir dari kepala kantor ke admin untuk

mengurus pengajuan cuti dan sisa cuti yang didapat oleh setiap pegawai

harus diingat dan diproses secara tepat dan itu membutuhkan ketelitian

yang terkadang terdapat ketidak akuratan.

2. Sistem pendataan pegawai sudah dilakukan dengan sistem komputer,

namun hanya menggunakan Microsoft Excel dan prosesnya pun tidak

saling berkesinambungan.

3. Pegawai terkadang kurang tahu jabatan apa saja yang ada di KPPBC

Surakarta termasuk ruangan dan gedung dimana jabatan tersebut berada.

4. Penilaian kepala kantor terhadap para pegawai masih dilakukan secara

manual.

5. Proses yang dilakukan pada setiap data berada pada file dan tempat yang

terpisah sehingga mempersulit admin untuk melakukan perbaharuan data.

6. Pegawai tidak pernah tahu apakah biodata diri yang disimpan dalam

database pegawai telah sesuai dengan kenyataan atau belum. Karena

pegawai tidak diberikan hak untuk mengakses sistem yang ada.

Untuk mengatasi permasalahan diatas, maka dibutuhkan sebuah aplikasi

yang digunakan untuk mempermudah dan membantu untuk menyelesaikannya

yang mampu melakukan proses pengambilan cuti, pendataan biodata dan diklat,

jabatan dan penilaian sederhana secara jelas, mudah, dan efisien serta menarik

untuk dilihat.

Page 30: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3.2.2 Perancangan Sistem

Langkah awal dalam membuat sebuah program adalah perencanaan

sistem. Setelah memperoleh data-data dari hasil penelitian, penulis membuat

sebuah perencanaan sistem sesuai dengan kebutuhan yang diharapkan. Sistem

yang dibuat penulis adalah “Aplikasi Cuti Pegawai berbasis web pada Kantor Bea

Cukai Surakarta”. Di dalam perancangan sistem, penulis merancang halaman-

halaman yang akan digunakan untuk program antara lain halaman login, halaman

input data pegawai, halaman pengambilan cuti, halaman penilaian kepala kantor,

halaman diklat, halaman profil dan halaman buku tamu.

3.3 DESAIN SISTEM

Pegawai AdminSistem Informasi

Kepegawaian

Input data diri

dan permintaan Cuti

konfirmasi data diri,

Diklat, nilai, dan Cuti

Cetak Surat Cuti, Input, edit, delete,

data pegawai , diklat, dan jabatan

Konfirmasi data Pegawai

Kepala

Data, diklat, jabatan,

dan permohonan Cuti pegawai

konfirmasi permohonan cuti

Dan Input nilai pegawai

Gambar 3.1 Context Diagram Aplikasi Cuti Pegawai

Page 31: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Admin

2

Proses pencatatan

biodata dan diklat

pegawai

1

Proses Cuti

3

Proses

penilaian

Pegawai

Kepala

T. pegawai

T. penilaian

Biodata pekerjaan,

dan diklat

Data diri, pekerjaan, dan diklat

Data diri

Data pekerjaan, diri, dan diklat

Data diri, pekerjaan, diklat

Data diklat

Data cuti dan pengajuan cuti

Data cuti

Konfirmasi cuti

Data cuti

Data pengajuan cuti

Data cuti

Data cuti

Data cuti

Input nilai

Data nilai

konfirmasi

Data nilai

Data nilai

Data buku tamuData buku tamu

4

Proses buku

tamu

Data buku tamu

T.buku_tamu

Data jenis cuti

Data pegawai

Data pegawai

T. pegawai_cuti

T. jenis_cuti

T. cuti

T. diklat

T. pegawai_diklat

T. golongan

T. jabatan

Gambar 3.2 DFD Level 0 Aplikasi Cuti Pegawai

Page 32: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1.1

Proses Cuti

Admin

Pegawai

Kepala

T. cuti

T. pegawai cuti

T. jenis cuti

Data cuti, pengajuan

dan jenis cuti

Data cuti, pengajuan

dan jenis cuti

Data pengajuan cuti

Data pengajuan cuti

Data cuti pegawai

Data jenis cuti

Data cuti, pengajauan, jenis cuti

Surat cuti, data cuti

Konfirmasi pengajuan cuti

Gambar 3.3 DFD Level 1 Proses Cuti

Data pengajuan cuti

Data pengajuan cutiCuti telah diajukan T. pegawai_cuti

1.1.1

Proses

pengajuan cuti

Pegawai

T. jenis_cutiData jenis cuti

T. pegawai

Gambar 3.4 DFD Level 2 Proses Pengajuan Cuti Pegawai

Page 33: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

PegawaiKepala

1.2.1

Proses

konfirmasi cuti

disetujui

Cek data pengajuan cuti

1.2.2

Proses

konfirmasi cuti

ditolak

Cek data pengajuan cuti

Data pengajuan cuti

Data pengajuan cuti ditolak

Pengajuan cuti disetujui

Data pengajuan cuti

Data pengajuan cuti

Data pengajuan cuti

T. jenis cuti

Data jenis cuti

Data jenis cuti

T. pegawai cuti

Gambar 3.5 DFD Level 2 Proses Konfirmasi Pengajuan Cuti

Pegawai

Cek status Data status kerja

Data status kerja

Cek status

Status kerja telah

dinon-aktifkan

Status kerja telah diaktifkan T. cuti

1.3.1

Proses pengaktifan

status kerja

1.3.2

Proses penon-aktifan

status kerja

Gambar 3.6 DFD Level 2 Proses Pengubahan Status Kerja

Page 34: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Admin

Data pengajuan cuti

Cetak surat

Surat cuti

T. Cuti

Perbaharui sisa

Sisa_cuti telah diupdateData sisa_cuti

1.4.1

Proses perbaharui

sisa_cuti

1.4.2

Proses cetak surat

cuti

T. Pegawai_cuti

Gambar 3.7 DFD Level 2 Proses Cetak Surat Cuti Dan Perbaharui Sisa Cuti

Admin

Data pekerjaan

Data pekerjaan

Data diri dan pekerjaan

Data pekerjaan, biodata, dan diklat

2.1

Input, edit, delete

data pekerjaan dan

diklat

2.2

Input dan edit

biodata diri

pegawai Biodata diri

Data diri

Data jenis diklat T. diklat

Data diklat

Data diklat

T. pegawai

T. pegawai_diklat

T. golongan T. jabatan

Gambar 3.8 DFD Level 1 Proses Pencatatan Biodata Dan Diklat Pegawai

Page 35: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Pegawai

Kepala 3.1

Proses penilaian

disiplin dan target

kerja

Konfirmasi data telah dimasukkan

Input Data nilai

T. PenilaianData nilai pegawai

Data nilai pegawai

adminData nilai pegawai

Gambar 3.9 DFD Level 1 Proses Penilaian

T. buku_tamu

Admin

Data buku tamu

Data buku tamu

Data buku tamu

pesan

Pesan sudah dikirim

Data sudah dihapus

4.1

Proses delete buku

tamu

4.2

Proses input buku

tamu

Kepala

Pegawai pesan

Pesan sudah dikirim

Gambar 3.10 DFD Level 1 Proses Buku Tamu

Page 36: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3.4 DESAIN DATABASE

3.4.1 ER DIAGRAM (Entity Relationship Diagram)

Entity Relationship Diagram Sistem Informasi Kepegawaian ini, ditunjukkan

dengan Gambar 3.8 dibawah ini:

Data_cuti

memiliki

1

M

MM

1mempunyai

1

1

pegawai

sisa_cuti

status

nipb

tmt_golongan

alamat

golongannama

nipb

jabatan

tanggal_lahir

no_telepon

tmt_jabatan

memiliki 1

Jenis_cuti

M

M

id_jenis_cuti

jenis_cuti

diklat

id_diklat nama_diklat

jabatan

nama_jabatan

id_jabatan

ruangan

nilai

catatan

semestertahun

target_kerja

disiplin_kerja

nipb

mengambilalasan

jumlah

tanggal_mulai

jenis_cuti

nipb

konfirmasi

catatan memiliki

M

golongan

1

golongan

gaji_pokok

nomor

mengisi

1

buku_tamu

M

waktu

pesannipb

nomor

mengikuti

Id_diklat

nipb

no_diklat

merupakan

1

user

1

memiliki

M

level1

id_level level

username

nipb

level

password

tahun

Gambar 3.11 ER-Diagram Aplikasi Cuti Pegawai

Page 37: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3.4.2 RELASI TABEL

Relasi antar tabel Sistem Informasi Kepegawaian KPPBC Surakarta, ditunjukkan

pada Gambar 3.9 :

Gambar 3.12 Relasi Antar Tabel

3.4.3 KAMUS DATA

Kamus data merupakan hasil referensi mengenai data, yaitu data yang

disusun oleh analis sistem untuk digunakan sebagai pedoman saat melakukan

analisa dan desain sistem. Kamus data yang ada pada sistem informasi

kepegawaian ini adalah sebagai berikut :

1. user = @nipb + username + password + level

nipb : {varchar} 30 Kode Unik nipb berlevel tunggal

sebagai Foreign Key.

username : {varchar} 20 nama username yang dipergunakan

untuk login sebagai Primary Key.

Page 38: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

password : {varchar} 20 sederetan karakter unik untuk proses

authentifikasi.

level : {varchar} 20 field pembeda antara administrator,

kepala kantor, dan pegawai biasa

(user).

2. level = @id_level + nama_level

id_level : {integer} 5 id masing-masing sebagai primary

key

nama_level : {varchar} 10 nama dari level (admin, kepala, atau

user)

3. pegawai = @nipb + nama + tanggal_lahir + alamat + golongan +

tmt_golongan + jabatan + tmt_jabatan + pendidikan + gaji_berkala_terakhir +

nomor_telepon.

nipb : {varchar} 20 Kode Unik nipb berlevel tunggal

sebagai primary key.

nama : {varchar} 50 Nama dari pegawai

tanggal_lahir : {date} tanggal lahir masing-masing pegawai

alamat : {varchar} 50 alamat lengkap tiap pegawai

golongan : {varchar} 10 kode berupa ia – ivd golongan tiap

pegawai.

tmt_golongan : {date} terhitung mulai tanggal penentuan

golongan untuk pegawai

bersangkutan.

jabatan : {varchar} 30 kedudukan pegawai di kantor.

tmt_jabatan : {date} terhitung mulai tanggal penyematan

jabatan kepada pegawai.

pendidikan : {varchar} 10 pendidikan terakhir yang dimiliki

oleh pegawai.

gaji_berkala_akhir : {date} tanggal terakhir kali gaji berkala.

no_telepon : {integer} no_telepon masing-masing pegawai.

Page 39: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4. cuti = @nipb + nama + status + sisa_cuti + tahun

nipb : {varchar} 20 Kode Unik nipb berlevel tunggal

sebagai Primary dan Foreign key.

status : {varchar} 20 status pegawai (sedang cuti atau

sedang aktif bekerja)

sisa_cuti : {integer} 2 kumulatif sisa cuti yang dimiliki oleh

pegawai tahun ini dan tahun depan.

tahun : {Year} 5 tahun terakhir dari sisa cuti

5. pegawai_cuti = nama + nipb + jenis_cuti + mulai_cuti + jumlah_cuti +

alamat_tujuan + keperluan + kembali_tanggal

nomor : {int} 5 Urutan pengajuan cuti

nipb : {varchar} 30 Kode Unik nipb berlevel tunggal

jenis_cuti : {varchar} 20 merupakan jenis_cuti yang ingin

diambil pegawai sebagai foreign key

dari tabel jenis_cuti

mulai_cuti : {date} tanggal pegawai memulai cuti

jumlah_cuti : {integer} jumlah cuti yang diambil

alamat_tujuan : {varchar} 20 uraian alamat tujuan

keperluan : {varchar} 20 uraian keperluan pegawai melakukan

cuti.

tanggal_kembali : {date} penjumlahan dari jumlah cuti dengan

mulai_cuti.

konfirmasi : {varchar} 20 konfirmasi dari kepala apakah

disetujui atau ditolak.

waktu : {datetime} waktu dan tanggal pengajuan cuti

catatan : {varchar} 30 catatan dari kepala kantor.

6. jenis_cuti = @id_jenis_cuti + jenis_cuti

id_jenis_cuti : {integer} 5 id dari masing-masing jenis cuti

jenis_cuti : {varchar} 20 jenis cuti yang bisa diambil pegawai

Page 40: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7. diklat = @id_diklat + nama_diklat

id_diklat : {integer} 5 identitas nama diklat pegawai dengan

auto increment sebagai Primary.

nama_diklat : {varchar} 40 uraian diklat pegawai

8. pegawai_diklat = nomor_diklat + @nipb + @id_diklat

nomor_diklat : {integer} 5 nomor urut bertipe Auto Increment

nipb : {varchar} 40 nip pegawai sebagai Foreign Key

id_diklat : {integer} 5 identitas nama diklat pegawai

sebagai Foreign Key.

9. Jabatan = @id_jabatan + nama_jabatan + ruangan + gedung +

no_telepon_ruangan

Id_jabatan : {int} 5 kode jabatan sebagai Primary Key

Nama_jabatan : {varchar} 50 nama-nama jabatan

Ruangan : {varchar} 20 ruangan dimana jabatan tersebut

bekerja (sebagai Foreign Key)

10. Penilaian = @nipb + tahun+ semester + disiplin_kerja + target_kerja + catatan

nipb : {varchar} 30 kode unik nipb pegawai

tahun : {int} 5 tahun pemberian nilai

disiplin_kerja : {int} 5 nilai tentang disiplin kerja skala 0-

100

target_kerja : {int} 5 nilai tentang target kerja skala 0-100

catatan : {varchar} 30 evaluasi dari kepala kantor.

waktu : {datetime} waktu dan tanggal pemberian nilai.

11. golongan = @golongan + gaji

golongan : {varchar} 10 daftar golongan status primary key

gaji_pokok : {int} 20 daftar gaji tiap golongan

Page 41: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12. buku_tamu = nomor + nipb + pesan + waktu

nomor : {int} 5 nomor urut (auto increment)

nipb : {varchar} 30 nip pegawai sebagai FK

pesan : {varchar} 150 pesan yang ditulis

waktu : {datetime} waktu penulisan pesan

3.4.4 STRUKTUR DATABASE

Database yang digunakan dalam Aplikasi Cuti Pegawai ini adalah database

MySQL. Tabel yang terdapat dalam database MySQL antara lain : tabel user, tabel

pegawai, tabel cuti, tabel pegawai_cuti, tabel jenis_cuti, tabel diklat, tabel jabatan, tabel

ruangan, tabel penilaian, tabel golongan, dan tabel buku_tamu. Struktur tabelnya sebagai

berikut :

1. Tabel user

Nama tabel : user

Fungsi : menyimpan username dan password dari admin, kepala

kantor dan user (pegawai)

Tabel 3.1 Tabel user

Field name Type Panjang Keterangan

nipb varchar 30 Foreign Key

username varchar 20 Primary Key

password varchar 20

level integer 5 Foreign Key

Page 42: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2. Tabel Pegawai

Nama tabel : pegawai

Fungsi : menyimpan biodata dan tanggal penting pegawai

Tabel 3.2 Tabel Pegawai

Field name Type Panjang Keterangan

nipb varchar 30 Primary Key

nama varchar 50

tanggal_lahir Date

alamat varchar 50

pendidikan Varchar 10

no_telepon Integer 20

golongan varchar 10 Foreign Key

tmt_golongan Date

jabatan int 5 Foreign Key

tmt_jabatan Date

gaji_berkala_terakhir Date

3. Tabel level

Nama tabel : level

Fungsi : menyimpan data level pengguna (admin, kepala, user)

Tabel 3.3 Tabel cuti

Field name Type Panjang Keterangan

id_level Integer 5 Primary Key

nama_level Varchar 10

Page 43: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4. Tabel cuti

Nama tabel : cuti

Fungsi : menyimpan data cuti permanen (status dan sisa cuti)

Tabel 3.4 Tabel cuti

Field name Type Panjang Keterangan

nipb varchar 30 Primary Key, Foreign Key

status varchar 20

sisa_cuti int 2

tahun Year 5

5. Tabel pegawai_cuti

Nama tabel : pegawai_cuti

Fungsi : menyimpan data pegawai yang mengajukan cuti, apabila

Pengajuan sudah dikonfirmasi, maka akan dihapus.

Tabel 3.5 Tabel pegawai_cuti

Field name Type Panjang Keterangan

nomor Int 5 Primary Key, Auto Increment

nipb varchar 30 Foreign Key

jenis_cuti varchar 20 Foreign Key

mulai_cuti date

jumlah_cuti int 2

keperluan Varchar 40

kembali_tanggal date

konfirmasi Varchar 15

waktu datetime

catatan varchar 50

Page 44: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6. Tabel jenis_cuti

Nama tabel : jenis_cuti

Fungsi : menyimpan data jenis_cuti

Tabel 3.6 Tabel jenis_cuti

Field name Type Panjang Keterangan

id_jenis_cuti integer 5 Primary Key

jenis_cuti varchar 20

7. Tabel pegawai_diklat

Nama tabel : diklat

Fungsi : menyimpan data diklat pegawai

Tabel 3.7 Tabel pegawai_diklat

Field name Type Panjang Keterangan

nomor_diklat integer 5 Primary Key, Auto_Increment

nipb Varchar 30 Foreign Key

id_diklat integer 5 Foreign Key

8. Tabel diklat

Nama tabel : diklat

Fungsi : menyimpan data nama diklat yang bisa dipilih oleh pegawai

Tabel 3.8 Tabel diklat

Field name Type Panjang Keterangan

id_diklat integer 5 Primary Key, Auto_Increment

nama_diklat varchar 60

Page 45: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9. Tabel jabatan

Nama tabel : jabatan

Fungsi : menyimpan data tentang jabatan

Tabel 3.9 Tabel jabatan

Field name Type Panjang Keterangan

id_jabatan int 5 Primary Key

nama_jabatan varchar 35

ruangan integer 5 Foreign Key

10. Tabel penilaian

Nama tabel : penilaian

Fungsi : menyimpan data penilaian kepala kantor atas kinerja

pegawai

Tabel 3.10 Tabel penilaian

Field name Type Panjang Keterangan

nipb varchar 30 Foreign Key

tahun Date

semester Varchar 10

disiplin_kerja int 5

target_kerja int 5

catatan varchar 30

Keterangan : ( nipb+Tahun+Semester ) membentuk kunci gabungan

Page 46: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11. Tabel golongan

Nama tabel : golongan

Fungsi : menyimpan data golongan dan gaji tiap golongan

Tabel 3.11 Tabel golongan

Field name Type Panjang Keterangan

golongan varchar 10 Primary Key

gaji_pokok varchar 10 Not Null

12. Tabel buku_tamu

Nama tabel : buku_tamu

Fungsi : menyimpan pesan, kritik maupun saran yang ditulis oleh

pegawai kantor dan kepala kantor.

Tabel 3.12 Tabel buku_tamu

Field name Type Panjang Keterangan

nomor Int 5 Primary Key, Auto Increment

nipb varchar 30 Foreign Key

pesan Varchar 150

waktu datetime

Page 47: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3.5 Perancangan Antar Muka

Desain Halaman Login

Gambar 3.13 Desain Halaman Login

3.5.1 Desain Halaman Admin

1. Desain Halaman Home Admin

Gambar 3.14 Desain Halaman Home Admin

Banner

Banner Atas

Username Password

Login Batal

Banner

Banner Atas

Content Home

Home | Input | View Data| Cuti | Diklat | Admin | Logout

Banner Atas

Page 48: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2. Desain Halaman Input Data Pegawai Baru

Gambar 3.15 Desain Halaman Input Data Pegawai Baru

3. Desain Halaman Cuti

Gambar 3.16 Desain Halaman Cuti

Input Data Pegawai

Nama

NIP

Jabatan

TMT Jabatan

Golongan

TMT Golongan

Gaji Berkala Terakhir

Status

Username dan password

Level

Home | Input | View Data| Cuti | Diklat | Admin | Logout

Biodata Pegawai KPPBC Surakarta

Nama NIP Baru Action

Detail | Hapus

Detail | Hapus

Detail | Hapus

Paging -> 1 2 3 4 dst

Home | Input | View Data| Cuti | Diklat | Admin | Logout

Kolom Searching

Page 49: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4. Desain Halaman Detail Pegawai

Gambar 3.17 Desain Halaman Detail Pegawai

5. Desain Halaman Cuti pegawai

Gambar 3.18 Desain Halaman Cuti

Keterangan Jumlah Aksi

Jumlah Pegawai Aktif Lihat

Jumlah Pegawai Cuti Lihat

Jumlah Total Pegawai

Jumlah Pegawai Mengajukan Cuti Lihat

DETAIL PEGAWAI

Nama

NIP

Tanggal Lahir

Alamat

Pendidikan

Jabatan

TMT Jabatan

Golongan

Gaji Pokok

TMT Golongan

Gaji Berkala Terakhir

Telepon

Level

EDIT

Sub Menu Detail Status | Pengajuan |Dat Cuti Pegawai | Perbaharui Cuti

Page 50: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6. Desain Halaman Data Pengajuan Cuti

Gambar 3.19 Desain Halaman Data Pengajuan Cuti

7. Desain Halaman Data Cuti Pegawai

Gambar 3.20 Desain Halaman Cuti Pegawai

Data Pengajuan Cuti

Searching Data

Nomor NIP Baru Nama Konfirmasi Aksi

Detail / hapus

Paging

Sub Menu Detail Status | Pengajuan |Dat Cuti Pegawai | Perbaharui Cuti

Data Cuti Pegawai

Searching Data

NIP Baru Nama Status Sisa Cuti

Aktif / Cuti 24

24

24

Paging

Sub Menu Detail Status | Pengajuan |Dat Cuti Pegawai | Perbaharui Cuti

Page 51: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8. Desain Halaman Cetak Surat Cuti

Gambar 3.21 Desain Surat Cuti

9. Desain Halaman Diklat

Gambar 3.22 Desain Halaman View Data Diklat

Diklat Pegawai KPPBC Surakarta

Nama NIP Baru Action

Tambah_diklat | data_Diklat

Tambah_diklat | data_Diklat

Paging -> 1 2 3 4 dst

Home | Input | View Data| Cuti | Diklat | Admin | Logout

Kolom Searching

KOP SURAT No

Diberikan Kepada

Nama : Golongan : NIP : Jabatan : Jenis Cuti : Keperluan : Mulai Cuti : Kembali Cuti :

Tanggal dikeluarkannya surat cuti

Page 52: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10. Desain Halaman Detail Diklat

Gambar 3.23 Desain Halaman Detail Diklat

11. Desain Halaman Tambah Diklat

Gambar 3.24 Desain Halaman Tambah Diklat

12. Desain Halaman Data Nama Diklat

Gambar 3.25 Desain Halaman Data Nama Diklat

Data Diklat Pegawai

Jumlah Diklat = ….

Nama :

NIP :

Nama Diklat : 1. Edit | hapus

2. Edit | hapus

Tambah Diklat Pegawai

Nama :

NIP :

Nama Diklat :

Tambah

Data Nama Diklat

Tambah Nama Diklat

Id_diklat Nama_diklat Action

Edit | Hapus

Edit | Hapus

Edit | Hapus

Page 53: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13. Desain Halaman Jabatan

Gambar 3.26 Desain Halaman Jabatan

14. Desain Halaman Detail Jabatan

Gambar 3.27 Desain Halaman Detail Jabatan

Data Jabatan KPPBC Surakarta

ADD JABATAN

No jabatan Ruangan Aksi

1. Detail | Hapus

2. Detail | Hapus

Home | Pegawai | Cuti| Diklat | Jabatan |Profil | Guestbook | Logout

DETAIL JABATAN

Nama Jabatan :

Ruangan :

Pegawai Bersangkutan :

Edit

Page 54: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15. Desain Halaman Buku Tamu

Gambar 3.28 Desain Halaman Buku Tamu

16. Desain Halaman Profil Admin

Gambar 3.29 Desain Halaman Profil Admin

Status : -- Ubah

Profil Admin

NIP Baru username Password Action

ubah

Biodata diri

Nama : Golongan :

NIP : TMT Golongan :

Tanggal Lahir : Jabatan :

Alamat : TMT Jabatan :

No Telepon : Gaji_berkala_terakhir :

Pendidikan : Usia :

Penilaian Kepala Kantor

Thn / Smstr Disiplin kerja Target Kerja Nilai total Indeks catatan aksi

Edit

BUKU TAMU PEGAWAI

Nama Pegawai NIP Pegawai

Isi Pesan Waktu penulisan pesan

Link Hapus

Berulang-ulang bergantung pada banyaknya pesan

Page 55: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3.5.2 Desain Halaman Kepala Kantor

1. Desain Halaman Home Kepala Kantor

Gambar 3.30 Desain Halaman Home Kepala Kantor

2. Desain Halaman Pengajuan Cuti

Gambar 3.31 Desain Halaman Pengajuan Cuti

Banner

Banner Atas

Content Home

Home | Pegawai | Cuti | Diklat | Nilai | Jabatan | Profil | Guestbook | Logout

Banner Atas

Data Pengajuan Cuti

Jumlah Pengajuan : …

Nomor NIP Baru Action

Detail

Detail

Detail

Paging -> 1 2 3 4 dst

Home | Pegawai | Cuti| Diklat | Nilai | Jabatan | Profil | Guestbook | Logout

Page 56: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3. Desain Halaman Konfirmasi Cuti

Gambar 3.32 Desain Halaman Konfirmasi Cuti

4. Desain Halaman Data Nilai

Gambar 3.33 Desain Halaman Penilaian

Kolom Searching

Nilai Pegawai

Nama NIP Baru Action

Beri Nilai | Detail

Home | Pegawai | Cuti| Diklat | Nilai | Jabatan | Profil | Guestbook | Logout

Kolom Searching

Detail

Konfirmasi Setuju Tolak

Sejumlah

Catatan

Data Pengajuan Cuti Pegawai

Submit Reset

Page 57: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5. Desain Halaman Penilaian

Gambar 3.34 Desain Halaman Beri Nilai

6. Desain Halaman Detail Nilai

Gambar 3.35 Desain Halaman Detail Nilai

Penilaian Pegawai

Nama

NIP terisi otomatis

Jabatan

Tahun Otomatis

Semester

Disiplin Kerja

Target Kerja

Catatan

Submit

Detail Nilai Pegawai

Tahun/

Semester Disiplin Kerja Target Kerja Catatan Aksi

Edit

Kolom Searching

Page 58: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7. Desain Halaman Profil Kepala Kantor

8.

9.

10.

11.

12.

13.

14.

Gambar 3.13 Desain Halaman Profil Kepala

Gambar 3.36 Desain Halaman Profil Kepala

8. Desain Halaman Buku Tamu

Gambar 3.37 Desain Halaman Buku Tamu Kepala Kantor

Buku Tamu Kepala Kantor

Nama

NIP

Pesan

Submit

Status : -- Ubah

Profil Kepala Kantor

NIP Baru username Password Action

ubah

Biodata diri

Nama : Golongan :

NIP : TMT Golongan :

Tanggal Lahir : Jabatan :

Alamat : TMT Jabatan :

No Telepon : Gaji Berkala Terakhir :

Pendidikan : Usia :

Tidak bisa diedit, hanya dilihat

Edit

Content Buku Tamu

yang sudah dikirim

Page 59: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3.5.3 Desain Halaman Pegawai (User)

1. Desain Halaman Home Pegawai

Gambar 3.38 Desain Halaman Home Kepala Kantor

2. Desain Halaman Ambil Cuti

Gambar 3.39 Desain Halaman Ambil Cuti

Banner

Banner Atas

Content Home

Home | Cuti | Diklat | Jabatan | Profil | Guestbook | Logout

Banner Atas

Pengajuanku

Ambil Cuti

Nama

NIP Terisi Otomatis

Golongan

Jenis Cuti

Mulai Cuti

Jumlah Cuti Sisa hari

Alamat Yang Dituju

Alasan

Home | Cuti| Diklat| Jabatan | Profil | Guestbook | Logout

Submi

t

Page 60: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3. Desain Halaman Data Pengajuan Cuti

Gambar 3.40 Desain Halaman Data Pengajuan Cuti

4. Desain Halaman Detail Pengajuan Cuti

Gambar 3.41 Desain Halaman Detail Pengajuan Cuti

Ket : Tombol Edit akan hilang jika pengajuan sudah disetujui

Detail

Nama

NIP

Golongan

Jabatan

Jenis Cuti

Alamat Tujuan

Keperluan

Berangkat Tanggal

Kembali Tanggal

Data Pengajuanku

NIP Konfirmasi Catatan Waktu Action

Detail | Hapus

Edit

Page 61: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5. Desain Halaman Profil Pegawai

Gambar 3.42 Desain Halaman Profil Pegawai

6. Desain Halaman Buku Tamu Pegawai

Gambar 3.43 Desain Halaman Buku Tamu Pegawai

Status : -- Ubah

Profil Pegawai

NIP Baru username Password Action

ubah

Biodata diri

Nama : Golongan :

NIP : TMT Golongan :

Tanggal Lahir : Jabatan :

Alamat : TMT Jabatan :

No Telepon : Gaji_berkala_terakhir :

Pendidikan : Usia :

Penilaian Kepala Kantor

Thn / Smstr Disiplin kerja Target Kerja Nilai total Indeks catatan aksi

Edit

Buku Tamu Pegawai

Nama

NIP

Pesan

Submit

Content Buku Tamu

yang sudah dikirim

Page 62: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB IV

IMPLEMENTASI DAN ANALISA

4.1 Deskripsi Sistem

Pada Kantor Pengawasan dan Pelayan Bea Cukai Surakarta belum ada

Sistem yang bisa menginformasikan kepada seluruh pegawai mengenai biodata,

cuti, diklat, jabatan dan penilaian dengan media yang dinamis, inovatif dan

efisien. Kantor ini sangat membutuhkan satu sistem yang bisa mengelola data

pegawai secara garis besar, kemudian mampu mengelola pengajuan cuti yang

diajukan pegawai, mampu menyimpan data tentang diklat pegawai,

pengklasifikasian jabatan yang ada di Kantor tersebut, serta penilaian langsung

dari Kepala Kantor terhadap para pegawai.

Fungsi-fungsi di atas akan diinformasikan kepada seluruh elemen kantor

yang tentunya masing-masing pihak memilki keterbatasan tersendiri untuk

mengakses sistem tersebut. Dengan Sitem Informasi Kepegawaian ini, penghuni

kantor dapat mengetahui sesuatu yang seharusnya mereka ketahui dengan mudah

dan efisien. Pihak-pihak tersebut adalah Administrator, Kepala Kantor, dan User.

Semua pelaku tersebut termasuk pegawai.

Administrator memiliki hak akses paling banyak pada sistem ini, semua

proses dan pengolahan data pada Sistem sebagian besar dilakukan oleh

Administrator. Hak akses yang dimiliki Admin yaitu, memasukkan data-data yang

berhubungan dengan pekerjaan, Mencetak surat cuti apabila data pengajuan sudah

disetujui oleh kepala Kantor, memasukkan data diklat pegawai yang sudah

mendapat persetujuan dari Kepala Kantor, Mengelola data tentang jabatan dan

hal-hal yang berkaitan dengannya, melihat penilaian dari Kepala Kantor dan

Menerima pesan dari seluruh pegawai dalam GuestBook.

Kepala kantor memiliki hak akses antara lain, melihat data pegawai secara

lengkap, mengkonfirmasi pengajuan cuti, melihat data diklat seluruh pegawai,

memberikan penilaian kepada tiap-tiap pegawai, dan menuliskan buku tamu.

Kepala kantor juga dapat merubah data profil, username-password dan yang tidak

berkaitan dengan pekerjaan.

Page 63: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

User memiliki hak kases sebagai berikut, yaitu mengajukan cuti, melihat

data diklat, melihat data jabatan dan bagian-bagiannya, mengubah username dan

password, mengubah data non_pekerjaan, melihat data pekerjaan, melihat

penilaian dan menuliskan guestbook.

4.2 Cara Kerja Sistem

Sistem ini memiliki 3 level pengguna yaitu Kepala Kantor, Admin, dan

User yang memiliki hak akses berbeda-beda. Cara menjalankannya yaitu dengan

membuka browser semisal Mozilla Firefox, Internet Explorer, Google Chrome,

Opera Mini dan sebagainya. Kemuidan, Mengisntall software yang memuat

aplikasi PHP dan MySQL dalam kasus ini penulis menggunakan XAMPP.

Langkah pertama yang dijalankan yaitu menjalankan browser. Seperti

yang telah dijelaskan di atas, sistem ini memiliki 3 level pengguna yaitu Admin,

Kepala Kantor dan User (pegawai umum). Apabila ingin menuju ke halaman

Admin, Kepala Kantor, atau Pegawai Umum maka URL-nya adalah

http://localhost/bea-cukai/ dan pada Setiap halaman sudah memilki authentifikasi

login, sehingga untuk masuk ke halaman-halaman yang bersangkutan , maka

harus melewati halam login terlebih dahulu.

4.3 Detail Sistem Informasi Kepegawaian KPPBC

Halaman Login

Halaman login digunakan Admin, Kepala Kantor dan Pegawai untuk

masuk ke Account-nya masing-masing lalu menuju ke halaman berikutnya

sehingga bisa mengakses haknya secara penuh. Caranya yaitu memasukkan

username dan password sesuai dengan yang telah diatur sebelumnya. Tanpa

melewati halaman login, pengguna tidak akan bisa mengakses halaman-halaman

yang ada di dalamnya.

Page 64: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Gambar 4.1 Halaman Login

4.3.1 Halaman Admin

Berikut ini merupakan halaman-halaman yang dapat diakses oleh Admin

dan proses-proses yang bisa dilakukan oleh Admin :

1. Halaman Home Admin

Halaman ini merupakan halaman awal setelah Admin, Kepala Kantor, dan

Pegawai berhasil melakukan Login. Berisi penjelasan mengenai Aplikasi Cuti

Pegawai.

Gambar 4.2 Halaman Home Admin

Page 65: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2. Halaman Input Data Pegawai Baru

Halaman ini digunakan Admin untuk memasukkan data pegawai yang

bersangkutan dengan pekerjaan meliputi Nama, NIP, Jabatan, Golongan, TMT

Jabatan, TMT Golongan, Gaji Berkala Terakhir, dan status awal.

Gambar 4.3 Halaman Input Data Pegawai Baru

3. Halaman Data Pegawai

Halaman ini digunakan untuk melihat nama dan NIP semua pegawai dan

melakukan pencarian terhadap pegawai yang dimaksud.

Gambar 4.4 Halaman Data Pegawai

Page 66: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4. Halaman Detail Pegawai

Pada Halaman ini, Admin dapat melihat secara singkat biodata diri dan

pekerjaan dari pegawai meliputi Nama, NIP, Tgl_lahir, jabatan Pendidikan,

Alamat, Hingga Nomor Telepon. Administrator diberi hak pengubahan data kerja.

Gambar 4.5 Halaman Detail Pegawai

5. Halaman Cuti

Halaman ini digunakan untuk mengetahui data cuti pegawai, pegawai akif,

pegawai yang sedang cuti, dan pegawai yang sedang mengajukan cuti serta Link

untuk memperbaharui sisa cuti. Masing-masing keterangan memiliki proses untuk

mengakses detail.

Gambar 4.6 Halaman Cuti

Page 67: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6. Halaman Data Pengajuan Cuti

Halaman ini digunakan untuk melihat semua pegawai yang sedang

mengajukan permohonan cuti dan dari situlah diketahui apakah disetujui atau

ditolak. Apabila disetujui, Administrator langsung melakukan pencetakan Surat

pada link detail, dan membatalkan cuti pada link batal.

Gambar 4.7 Halaman Data Pengajuan Cuti

7. Halaman Data Cuti Pegawai

Halaman ini dipergunakan untuk melihat status dan sisa cuti dari masing-

masing pegawai dilengkapi dengan proses pencarian data.

Gambar 4.8 Halaman Data Cuti Pegawai

Page 68: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Saat pencarian tidak ditemukan, maka akan terdapat pertada sebagai berikut.

Gambar 4.9 Peringatan Data Pencarian tidak ditemukan

8. Halaman Cetak Surat Cuti

Halaman ini merupakan tampilan surat yang nantinya akan dicetak setelah

pengajuan permohonan cuti dari pegawai disetujui oleh Kepala Kantor.

Gambar 4.10 Halaman Cetak Surat Cuti

Page 69: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9. Halaman Diklat

Halaman ini digunakan untuk melihat semua pegawai yang akan diberikan

tambahan data diklat dan admin juga bisa melihat detail diklat para pegawai

melalui link data diklat.

Gambar 4.11 Halaman Lihat Diklat

10. Halaman Detail Diklat

Halaman ini dipergunakan untuk menampilkan data diklat yang dimiliki

oleh masing-masing pegawai. Admin diberikan kewenangan untuk mengubah dan

menghapus diklat pegawai.

Gambar 4.12 Halaman Lihat Diklat

Page 70: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11. Halaman Tambah Diklat

Halaman ini digunakan untuk menambah diklat dari masing-masing

pegawai. Admin tinggal memilih diklat mana yang akan dipilih sesuai dengan

yang sudah diikuti.

Gambar 4.13 Halaman Tambah Diklat

12. Halaman Data Nama Diklat

Halaman ini merupakan halaman yang memuat data-data atau nama-nama

diklat yang bisa diambil oleh para pegawai. Admin bisa mengubahnya dan

menambahnya.

Gambar 4.14 Halaman Lihat Diklat

Page 71: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13. Halaman Jabatan

Halaman ini merupakan halaman yang menyediakan informasi mengenai

Jabatan-jabatan yang ada di KPPBC Surakarta dan ruangan jabatan.

Gambar 4.15 Halaman Jabatan

14. Halaman Detail Jabatan

Halaman ini merupakan detail dari Halaman jabatan yang menampilkan

nama pegawai yang menjabatan jabatan tersebut.

Gambar 4.16 Halaman Detail Jabatan

Page 72: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15. Halaman Buku Tamu Admin

Halaman ini berfungsi untuk menampilkan pesan mengenai

keluhan data pegawai jika ada kesalahan, kritik dan saran yang ditujukan

kepada Admin. Yang ditampilkan meliputi nama pegawai, Nip, Pesan yang

dituliskan, waktu penulisan, dan link hapus.

Gambar 4.17 Halaman Buku Tamu Admin

Page 73: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

16. Halaman Profil Admin

Halaman ini digunakan admin untuk mengubah status dari cuti menjadi

aktif atau sebaliknya, lalu mengubah password dan username apabila admin

menginginkannya, mengubah biodata diri, dan melihat penilaian kepala kantor.

Gambar 4.18 Halaman Profil Admin

Page 74: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4.3.2 Halaman Kepala Kantor

Berikut ini merupakan halaman-halaman yang dapat diakses dan proses-

proses yang bisa dilakukan oleh Kepala Kantor setelah melalui proses Login :

1. Halaman Home Kepala Kantor

Halaman ini merupakan halaman awal setelah Kepala Kantor berhasil

melakukan Login. Berisi penjelasan mengenai Aplikasi Cuti Pegawai.

Gambar 4.19 Halaman Home Kepala Kantor

Page 75: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2. Halaman Pengajuan Cuti

Pada Halaman ini, Kepala Kantor akan mengecek pengajuan cuti dari

pegawai. Kalau terdapat pengajauan dari pegawai, data akan ditampilkan seperti

berikut. Data yang ditampilkan merupakan data yang berlum dikonfirmasi saja,

apabila sudah dikonfirmasi maka data akan hilang dari tampilan pengajuan.

Gambar 4.20 Halaman Pengajuan Cuti

Namun seandainya tidak terdapat pengajuan cuti, maka yang ditampilkan adalah

sebagai berikut

Gambar 4.21 Peringatan Tidak Ada Pengajuan Cuti

Page 76: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3. Halaman Konfirmasi Cuti

Halaman ini dipergunakan Kepala Kantor untuk melakukan konfirmasi

terhadap pengajuan cuti yang dilakukan oleh pegawai antara disetujui atau ditolak

dan bila disetujui Kepala Kantor berhak mengubah jumlah hari sesuai kehendak.

Gambar 4.22 Halaman Konfirmasi Cuti

4. Halaman Data Nilai

Halaman ini merupakan tampilan sebelum menuju ke halaman penilaian

masing-masing pegawai. Kepala dapat melakukan pencarian pegawai yang akan

diberikan nilai.

Gambar 4.23 Halaman Data Nilai

Page 77: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5. Halaman Penilaian

Halaman ini dipergunakan Kepala Kantor untuk memberikan penilaian

langsung kepada pegawai, penilaian ini dilakukan setian 6 bulan sekali meliputi

disiplin kerja dan Target Kerja. Tahun dan Semester akan terisi secara otomatis

sesuai Setting Tahun pada komputer. Sedangkan semester berdasarka bulan

apabila Januari-Juni berarti Ganjil dan Juli-Desember berarti Genap.

Gambar 4.24 Halaman Penilaian

6. Halaman Detail Nilai

Halaman yang menampilkan nilai para pegawai secara detail dan Kepala

Kantor diberikan hak akses untuk mengubah nilai tersebut.

Gambar 4.25 Halaman Detail Nilai

Page 78: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7. Halaman Profil Kepala Kantor

Halaman ini digunakan untuk mengubah status dari cuti menjadi aktif atau

sebaliknya, lalu mengubah password dan username apabila menginginkannya, dan

mengubah biodata diri.

Gambar 4.26 Halaman Profil Kepala Kantor

8. Halaman Buku Tamu Kepala Kantor

Halaman ini berfungsi untuk menuliskan pesan mengenai keluhan dari

kepala kantor jika ada kesalahan, kritik dan saran yang ditujukan kepada Admin.

Gambar 4.27 Halaman Buku Tamu Kepala Kantor

Page 79: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4.3.3 Halaman User (Pegawai Umum)

Berikut ini merupakan halaman-halaman yang dapat diakses dan proses-

proses yang bisa dilakukan oleh User (Pegawai Umum) :

1. Halaman Home pegawai

Halaman ini merupakan halaman awal setelah Pegawai (User) berhasil

melakukan Login. Berisi penjelasan mengenai Aplikasi Cuti Pegawai.

Gambar 4.28 Halaman Home Pegawai

Page 80: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2. Halaman Ambil Cuti

Halaman ini merupakan form yang digunakan pegawai untuk memasukkan

data cuti yang akan diajukan ke Kepala Kantor, berisi Tanggal Cuti, Alamat

tujuan, jumlah cuti, dan alasan cuti.

Gambar 4.29 Halaman Ambil Cuti

3. Halaman Data Pengajuan Cuti

Halaman ini dipergunakan oleh para pegawai untuk melihat pengajuan cuti

yang sedang diajukan. Pegawai dapat melakukan edit pengajuan dengan cara

memilih link detail dan link hapus untuk menghapus pengajuan

Gambar 4.30 Halaman Data Pengajuan Cuti

Page 81: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4. Halaman Detail Pengajuan Cuti

Halaman ini menampilkan data pengajuan cuti secara lengkap. Apabila

belum disetujui, pengajuan ini bisa diedit. Namun apabila sudah mendapatkan

persetuan dari Kepala Kantor, maka link edit tidak berfungsi.

Gambar 4.31 Halaman Detail Pengajuan Cuti

5. Halaman Profil Pegawai

Halaman ini digunakan untuk mengubah status dari cuti menjadi aktif atau

sebaliknya, lalu mengubah password dan username apabila menginginkannya, dan

mengubah biodata diri serta melihat penilaian.

Gambar 4.32 Halaman Profil Pegawai

Page 82: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6. Halaman Buku Tamu Pegawai

Halaman ini sama seperti pada halamn buku tamu kepala kantor, yaitu

berfungsi untuk menuliskan pesan mengenai keluhan dari pegawai jika ada

kesalahan penulisan, kritik dan saran yang ditujukan kepada Admin.

Gambar 4.33 Halaman Buku Tamu Pegawai

Keterangan :

1. Kepala Kantor dan Pegawai (user) juga diberikan hak akses untuk melihat

halaman Diklat, dan Halaman Jabatan dengan tampilan yang sama untuk

semua level namun berbeda Tema. Untuk kepala kantor mampu melihat

semua diklat pegawai, namun untuk pegawai hanya mampu melihat data

diklat masing-masing. Dan untuk halaman jabatan Kepala Kantor dan

Pegawai dapat mengakses secara penuh.

2. Pada Halaman Diklat, dan Jabatan. Kepala Kantor dan Pegawai diberikan

hak akses untuk melihat saja. Sedangkan Admin diberikan hak untuk

mengubah data diklat dan jabatan.

Page 83: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan pembahasan yang telah dilakukan maka dapat diambil

kesimpulan bahwa :

Aplikasi Cuti Pegawai berbasis Web pada KPPBC Surakarta sudah selesai

dibuat dan mampu mengelola proses cuti dari pengajuan hingga pencetakan surat,

kemudian bisa melakukan pendataan singkat biodata pegawai, diklat pegawai,

informasi jabatan, dan penilaian sederhana oleh kepala kantor.

5.2 Saran

1. Aplikasi Cuti Pegawai berbasis Web pada KPPBC Surakarta ini perlu

diterapkan pada kantor-kantor lainnya.

2. Perlu adanya sistem validasi yang lebih lengkap pada bagian program yang

sensitif terhadap kesalahan masukan.

3. Proses penilaian bisa dibuat laporan untuk diketahui oleh Kepala Kantor

mengenai perkembangan Kinerja Pegawai.

Page 84: APLIKASI CUTI PEGAWAI BERBASIS WEB - digilib.uns.ac.id/Aplikasi... · -simbol dalam ERD.....13 Tabel 3.1 Tabel user ... Gambar 3.19 Desain Halaman Data Pengajuan Cuti ..... 35 .20

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR PUSTAKA

Hakim, Lukmanul. 2009. Trik Rahasia Master PHP Terbongkar Lagi. Lokomedia

: Yogyakarta

Kristanto, Andri. 2003. Perancangan Sistem Informasi dan Aplikasinya. Gava

Media: Yogyakarta

Nugroho, Bunafit. 2004. PHP dan MySQL. ANDI : Yogyakarta

Simarmata, Janner. 2007. Perancangan Basis Data. ANDI : Yogyakarta

Syafii, Muhammad.2005. Membangun Aplikasi Berbasis PHP dan MySQL. ANDI

: Yogyakarta

Simarmata, Janner dan Iman Paryudi. 2006. Basis Data. Yogyakarta : Andi

Penjelasan tentang XAMPP diunduh dari http://www.wikipedia.com pada tanggal

4 April 2011 jam 09:17 WIB