Abdul Fachmi - LAPORAN PRAKTIK KERJA LAPANGAN PDF

LAPORAN PRAKTIK KERJA LAPANGAN
Judul
Sistem Kepegawaian Berbasis Web Dengan PHP Framework CodeIgniter
Pada PT. Arphacy Tritunggal Utama
Disusun oleh
Abdul Fachmi
NIM
4311010016
PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER
POLITEKNIK NEGERI JAKARTA
TAHUN 2014
HALAMAN PENGESAHAN
LAPORAN PRAKTIK KERJA LAPANGAN
Judul
: Sistem Informasi Kepegawaian Berbasis Web Dengan
PHP Framework CodeIgniter Pada PT. Arphacy Tritunggal Utama

a. Penyusun
1) Nama
: Abdul Fachmi
2) NIM
: 4311010016
b. Program Studi
: Teknik Informatika
c. Jurusan
: Teknik Informatika dan Komputer
d. Waktu Pelaksanaan : 1 Desember 2014

e. Tempat Pelaksanaan : PT. Arpachy Tritunggal Utama Jalan Jatinegara
Barat Raya No. 195 Room 7-8 Jakarta Timur PO BOX 13310 (021)
85908705-73
Jakarta, 1 Desember 2014
Pembimbing PNJ
Pembimbing Perusahaan
Iwan Sonjaya, ST. MT
Timothy Albert, BComm
NIP 19760530 200812 1 002
Mengesahkan,
KPS Teknik Informatika,
(Dewi Yanti Liliana, S.Kom., M.Kom.)

NIP. 19811116 200501 2 004
ii
KATA PENGANTAR
Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa, karena atas
berkat dan rahmat-Nya, penulis dapat menyelesaikan laporan Praktik Kerja
Lapangan ini. Penulisan laporan Praktik Kerja Lapangan ini dilakukan dalam
rangka memenuhi salah satu syarat untuk mencapai gelar Diploma Empat
Politeknik. Penulis menyadari bahwa, tanpa bantuan dan bimbingan dari berbagai
pihak, dari masa perkuliahan sampai pada penyusunan laporan Praktik Kerja
Lapangan ini, sangatlah sulit bagi penulis untuk menyelesaikan laporan Praktik
Kerja Lapangan ini. Oleh karena itu, penulis mengucapkan terima kasih kepada:
1
Iwan Sonjaya, ST. MT, selaku dosen pembimbing yang telah menyediakan
waktu, tenaga, dan pikiran untuk mengarahkan penulis dalam penyusunan
laporan Praktik Kerja Lapangan ini;
Pihak PT. Arphacy Tritunggal Utama yang telah banyak membantu dalam
usaha memperoleh data yang penulis perlukan;
Orang tua dan keluarga penulis yang telah memberikan bantuan dukungan
material dan moral;
Sahabat yang telah banyak membantu penulis dalam menyelesaikan

laporan Praktik Kerja Lapangan ini.
Akhir kata, penulis berharap Tuhan Yang Maha Esa berkenan membalas
segala kebaikan semua pihak yang telah membantu. Semoga laporan Praktik
Kerja Lapangan ini membawa manfaat bagi pengembangan ilmu.
Depok, .
Penulis
iii
DAFTAR ISI
HALAMAN JUDUL................................................................................................ i
HALAMAN PENGESAHAN ................................................................................. ii
KATA PENGANTAR ........................................................................................... iii
DAFTAR ISI .......................................................................................................... iv
DAFTAR GAMBAR ............................................................................................ vii
DAFTAR TABEL ................................................................................................... x
DAFTAR LAMPIRAN .......................................................................................... xi
BAB I PENDAHULUAN ...................................................................................... 1

1.1
Latar Belakang Kegiatan .......................................................................... 1
1.2
Ruang Lingkup Kegiatan .......................................................................... 2
1.3
Waktu dan Tempat Pelaksanaan ............................................................... 3
1.3.1
Waktu Pelaksanaan ........................................................................... 3
1.3.2
Tempat Pelaksanaan .......................................................................... 3
1.4
Tujuan dan Kegunaan ............................................................................... 3
1.4.1
Tujuan ............................................................................................... 3
1.4.2
Kegunaan........................................................................................... 4
BAB II TINJAUAN PUSTAKA........................................................................... 6

2.1
Sistem Informasi ....................................................................................... 6
2.1.1
Definisi Sistem .................................................................................. 6
2.1.2
Definisi Informasi ............................................................................. 7
2.1.3
Definisi Sistem Informasi ................................................................. 7
2.2
Pengembangan Sistem Informasi ............................................................. 8
2.2.1
Tahap Perencanaan Sistem ................................................................ 8
2.2.2
Tahap Analisis Sistem ....................................................................... 8
2.2.3
Tahap Perancangan/Desain ............................................................... 8
2.2.4
Tahap Implementasi Sistem .............................................................. 9
2.2.5
Tahap Pemeliharaan Sistem ............................................................ 10
2.3
Konsep Manajemen Kepegawaian ......................................................... 10
2.3.1
Pengertian Manajemen .................................................................... 10

iv
2.3.2
Fungsi Manajemen .......................................................................... 11
2.3.3
Manajemen Kepegawaian ............................................................... 12
2.4
Sistem Informasi Kepegawaian .............................................................. 15
2.4.1
2.5
Tujuan Sistem Informasi Kepegawaian (SIMPEG) ........................ 16
Pengertian Database............................................................................... 17
2.5.1
Pengertian Data ............................................................................... 17
2.5.2
Komponen Database....................................................................... 18
2.6
ERD (Entity Relationship Diagram) ...................................................... 19
2.6.1
Kardinalitas (Cardinality) ............................................................... 20
2.6.2
Kunci (Key) ..................................................................................... 21
2.7
Flowchart ............................................................................................... 22
2.8
UML(Unified Modeling Language) ....................................................... 24
2.9.1
Use Case Diagram .......................................................................... 25
2.9.2
Class Diagram ................................................................................ 25
2.9.3
Activity Diagram ............................................................................. 26
2.9.4
Sequence Diagram .......................................................................... 26
2.9.5
Deployment Diagram ...................................................................... 27
2.9
HTML ..................................................................................................... 27
2.10
CSS ......................................................................................................... 28
2.11
JavaScript ............................................................................................... 29
2.12
PHP ......................................................................................................... 30
2.13
MySQL ................................................................................................... 31
2.14
CodeIgniter ............................................................................................. 33
2.15.1
Kelebihan CodeIgniter .................................................................... 34
2.15.2
MVC ................................................................................................ 35
2.15
Bootstrap ................................................................................................ 38
BAB III HASIL PELAKSANAAN PKL ........................................................... 40

3.1
Unit Kerja PKL ...................................................................................... 40
3.2
Uraian Praktik Kerja Lapangan .............................................................. 41
3.3
Pembahasan Hasil PKL .......................................................................... 44
3.3.1
User Requirement............................................................................ 45
3.3.2
Konsep Dasar .................................................................................. 47
3.3.3
Perancangan Sistem ........................................................................ 49

v
3.3.3.1 ERD ............................................................................................. 49

3.3.3.2
Flowchart ................................................................................... 50
3.3.3.3
Use Case Diagram ..................................................................... 51
3.3.3.4
Class Diagram ............................................................................ 52
3.3.3.5 Activity diagram .......................................................................... 53

3.3.3.6 Sequence Diagram ...................................................................... 73
3.3.3.7 Deployment Diagram .................................................................. 78
3.3.4
Screenshot User interface SIMPEG................................................ 79
3.3.4.1 Useer Interface Login Page......................................................... 79

3.3.4.2 User Interface Dashboard SIMPEG ........................................... 79
3.3.4.3
User Interface Modul Master Sistem ......................................... 80
3.3.4.4 User Interface Modul HRD ......................................................... 86

3.3.4.5 User Interface Modul Cuti .......................................................... 88
3.3.4.6 User Interface Modul Presensi .................................................... 90
3.3.4.7 User Interface Modul Penggajian ............................................... 91
3.4
Identifikasi Kendala Yang Dihadapi ...................................................... 93
3.4.1
Kendala Pelaksanaan Tugas ............................................................ 93
3.4.2
Cara Mengatasi Kendala ................................................................. 93
BAB IV PENUTUP ............................................................................................. 94
DAFTAR PUSTAKA .......................................................................................... 95
LAMPIRAN
vi
DAFTAR GAMBAR
Gambar 2.1 Cardinality One To One .................................................................. 21

Gambar 2.2 Cardinality One To Many ................................................................ 21
Gambar 2.3 Cardinality Many To Many ............................................................. 21
Gambar 2.4 Logo UML ....................................................................................... 24
Gambar 2.5 Simbol Use case Diagram ............................................................... 25
Gambar 2.6 Simbol Class Diagram .................................................................... 25
Gambar 2.7 Simbol Activity Diagram ................................................................. 26
Gambar 2.8 Simbol Sequence Diagram .............................................................. 26
Gambar 2.9 Simbol Deployment Diagram .......................................................... 27
Gambar 2.10 Logo HTML .................................................................................. 27
Gambar 2.11 Logo CSS ....................................................................................... 28
Gambar 2.12 Logo JavaScript ............................................................................. 30
Gambar 2.13 Logo PHP ...................................................................................... 31
Gambar 2.14 Logo MySQL ................................................................................. 31
Gambar 2.15 Logo CodeIgniter ........................................................................... 33
Gambar 2.16 Perbandingan PHP Biasa Dengan CodeIgniter ............................. 37
Gambar 2.17 Flow CodeIgniter ........................................................................... 37
Gambar 2.18 Logo Twitter Bootsrap ................................................................... 38
Gambar 2.19 Struktur Direktori Bootstrap .......................................................... 39
Gambar 3.1 Logo PT. Arphacy Tritunggal Utama .............................................. 40
Gambar 3.2 Struktur Organisasi PT. Arphacy Tritunggal Utama ....................... 40
Gambar 3.3 Gambaran Konsep Dasar SIMPEG ................................................. 47
Gambar 3.4 Scope dari SIMPEG ......................................................................... 48
Gambar 3.5 ERD SIMPEG.................................................................................. 49
Gambar 3.6 Flowchart ......................................................................................... 50
Gambar 3.7 Use Case Diagram........................................................................... 51
Gambar 3.8 Class Diagram ................................................................................. 52
Gambar 3.9 Activity Diagram Input Penggajian ................................................. 53
Gambar 3.10 Activity Diagram Report Penggajian ............................................. 54
Gambar 3.11 Activity Diagram Hapus Penggajian .............................................. 55
Gambar 3.12 Activity Diagram Input Presensi .................................................... 56
vii
Gambar 3.13 Activity Diagram Edit Presensi...................................................... 57

Gambar 3.14 Activity Diagram Hapus Presensi .................................................. 58
Gambar 3.15 Activity Diagram Report Presensi ................................................. 59
Gambar 3.16 Activity Diagram Input Cuti .......................................................... 60
Gambar 3.17 Activity Diagram Report Cuti ........................................................ 61
Gambar 3.18 Activity Diagram Hapus Cuti ........................................................ 62
Gambar 3.19 Activity Diagram Edit Cuti ............................................................ 64
Gambar 3.20 Activity Diagram Input Karyawan ................................................. 65
Gambar 3.21 Activity Diagram Hapus Karyawan ............................................... 66
Gambar 3.22 Activity Diagram Edit Karyawan .................................................. 67
Gambar 3.23 Activity Diagram Report Karyawan .............................................. 68
Gambar 3.24 Activity Diagram Input Master Sistem .......................................... 69
Gambar 3.25 Activitiy Diagram Hapus Master Sistem ....................................... 70
Gambar 3.26 Activity Diagram Edit Master Sistem ............................................ 71
Gambar 3.27 Sequence Diagram Modul Penggajian .......................................... 73
Gambar 3.28 Sequence Diagram Modul Presensi ............................................... 74
Gambar 3.29 Sequence Diagram Modul Cuti ..................................................... 75
Gambar 3.30 Sequence Diagram Modul HRD .................................................... 76
Gambar 3.31 Sequence Diagram Modul Master Sistem ..................................... 77
Gambar 3.32 Deployment Diagram SIMPEG ..................................................... 78
Gambar 3.33 User Interface Login Page............................................................. 79
Gambar 3.34 User Interface Dashboard ............................................................. 79
Gambar 3.35 User Interface Modul Master Sistem ............................................ 80
Gambar 3.36 User Interface Sub Modul Tunjangan ........................................... 80
Gambar 3.37 User Interface Sub Modul Potongan ............................................. 81
Gambar 3.38 User Interface Sub Modul Jenis Cuti ............................................ 81
Gambar 3.39 User Interface Sub Modul Pendidikan .......................................... 82
Gambar 3.40 User Interface Sub Modul Agama ................................................. 82
Gambar 3.41 User Interface Sub Modul Departemen ......................................... 83
Gambar 3.42 User Interface Sub Modul Cabang ................................................ 83
Gambar 3.43 User Interface Sub Modul Jabatan ................................................ 84
Gambar 3.44 User Interface Sub Modul Karyawan ............................................ 84
Gambar 3.45 User Interface Sub Modul Management User .............................. 85
Gambar 3.46 User Interface Sub Modul Management Roles .............................. 85
viii
Gambar 3.47 User Interface Modul HRD ........................................................... 86

Gambar 3.48 User Interface Sub Modul Informas Karyawan ............................ 86
Gambar 3.49 User Interface Sub Modul Tambah Karyawan .............................. 87
Gambar 3.50 User Interface Sub Modul Report Karyawan ................................ 87
Gambar 3.51 User Interface Modul Cuti ............................................................ 88
Gambar 3.52 User Interface Sub Modul Informasi Cuti ..................................... 88
Gambar 3.53 User Interface Sub Modul Input Cuti ............................................ 89
Gambar 3.54 User Interface Sub Modul Report Cuti ......................................... 89
Gambar 3.55 User Interface Modul Presensi ...................................................... 90
Gambar 3.56 User Interface Sub Modul Input Presensi ..................................... 90
Gambar 3.57 User Interface Sub Modul Rekap Presensi .................................... 91
Gambar 3.58 User Interface Modul Penggajian .................................................. 91
Gambar 3.59 User Interface Sub Modul List Gaji .............................................. 92
Gambar 3.60 User Interface Sub Modul Input Gaji ............................................ 92
ix
DAFTAR TABEL
Tabel 2.1 Elemen-elemen dalam ERD .................................................................. 20

Tabel 2.2 Simbol-simbol dalam Flowchart .......................................................... 22
Tabel 3.1 User Requirement Teknikal .................................................................. 45
Tabel 3.2 User Requirement Non-Teknikal .......................................................... 46
DAFTAR LAMPIRAN
L-1 Surat Keterangan Asli Dari Perusahaan Tempat PKL

L-2 Log Book
L-3 Gambaran Umum Perusahaan
L-4 Lampiran-lampiran lainnya
xi
BAB I
PENDAHULUAN
1.1 Latar Belakang Kegiatan

Ketersediaan sumber daya manusia merupakan bagian terpenting
dalam pelaksanaan fungsi dan tugas suatu organisasi. Fungsi esensial
manajemen sumber daya manusia adalah memastikan agar organisasi
dapat mencapai tujuan-tujuan strategisnya dengan memiliki sumber daya
manusia yang dapat diandalkan untuk memenuhi kebutuhan organisasi
secara kuantitas maupun kualitas, kompeten dan menghasilkan kinerja
yang efektif hingga superior pada jabatan dan peranan masing-masing
serta berkontribusi optimal dalam memajukan organisasi. Pengelolaan
aspek manajemen sumber daya manusia dalam lingkup pemerintahan
dapat dikelola dan dilaksanakan dengan optimal sehingga proses
pengelolaan yang dilakukan secara konvensional sudah tidak efektif dan
efisien.
Oleh karena itu, manajemen kepegawaian memerlukan suatu sistem
yang mampu membantu perencanaan, pelaksanaan serta monitoring dan
evaluasi terhadap manajemen dan administrasi kepegawaian secara cepat,
akuntabel dan terintegrasi. Sistem Informasi Kepegawaian (SIMPEG)
merupakan suatu totalitas terpadu yang terdiri dari perangkat pengolah
meliputi pengumpul prosedur, tenaga pengolah dan perangkat lunak,
perangkat penyimpanan meliputi pusat data dan bank data serta perangkat
komunikasi yang saling berkaitan, saling ketergantungan dan saling
menentukan dalam rangka penyediaan informasi di bidang kepegawaian
(Keputusan Menteri Dalam Negeri N0.17 tahun 2000). Maka berdasarkan
permasalahan tersebut, PT. Arphacy Tritunggal Utama membutuhkan

SIMPEG untuk manajemen kepegawaian.
PT. Arphacy Tritunggal Utama adalah badan hukum dari M2D. M2D
atau Marketing Multimedia Digital adalah perusahaan yang bergerak di
bidang advertising agency dengan menyediakan jasa creative design, event
organizer, marketing consultant, TVC dan social media management.
Namun saat ini M2D mulai memperluas ruang lingkup penyediaan jasanya
ke arah IT solution dengan menawarkan jasa web development dan web
maintenance. SIMPEG ini dibangun sesuai kebutuhan dasar manajemen
kepegawaian pada M2D. Namun untuk kedepannya SIMPEG ini siap
untuk dijual sebagai salah satu produk divisi IT karena memiliki
fleksibilitas untuk kustomisasi dan pengembangan selanjutnya sesuai
kebutuhan klien.
Sistem Informasi Kepegawaian (SIMPEG) dibangun untuk M2D
dalam basis web. SIMPEG dikembangkan dengan bahasa pemrograman
PHP dengan framework CodeIgniter dan Bootstrap. CodeIgniter
merupakan framework PHP dengan model MVC sehingga pembuatan
SIMPEG lebih terstruktur, mempunyai standar yang jelas, development
lebih cepat, dan lebih aman. Sedangkan Bootstrap adalah framework yang
dikembangkan oleh Twitter dan dibangun dengan teknologi HTML, CSS,
dan JavaScript yang dapat membuat halaman statis website hanya dengan
memanggil fungsi CSS dalam berkas HTML yang telah didefinisikan.
Oleh karena itu dibuat proyek "Sistem Informasi Kepegawaian Berbasis
Web Dengan Framework CodeIgniter dan Bootstrap".
1.2 Ruang Lingkup Kegiatan

Praktik Kerja Lapangan dilakukan di PT. Arphacy Tritunggal Utama
pada divisi IT. Ruang lingkup pekerjaan yang dilakukan berkaitan dengan
proyek pembangunan SIMPEG meliputi identifikasi permasalahan, analisa

sistem, desain sistem, pembuatan sistem, pengujian sistem dan
pengimplementasian sistem. Selain pembuatan SIMPEG, dilakukan
kegiatan lainnya meliputi pembuatan web company profile, pemeliharaan
website klien, dan social media management.
1.3 Waktu dan Tempat Pelaksanaan
1.3.1
Waktu Pelaksanaan
Praktik Kerja Lapangan dilaksanakan selama 15 minggu 1 hari
yaitu dimulai pada tanggal 25 Agustus 2014 sampai 1 Desember
2014.
1.3.2
Tempat Pelaksanaan
Praktik Kerja Lapangan berlansung di Jalan HR Rasuna Said
Epicentrum Walk Lantai 5 B523 Jakarta Selatan dan Jalan
Jatinegara Barat Raya No. 195 Room 7-8 Jakarta Timur.
1.4 Tujuan dan Kegunaan
1.4.1
Tujuan
SIMPEG ini dibangun bertujuan untuk membantu manajemen
perusahaan dalam merencanakan, melaksanakan, mengawasi, dan
meninjau manajemen dan administrasi kepegawaian pada PT.
Arphacy Tritunggal Utama.
1.4.2
Kegunaan
SIMPEG ini memiliki beberapa kegunaan bagi manajemen
kepegawaian, diantaranya adalah sebagai berikut:
a
Data yang berkaitan dengan kepegawaian lebih terorganisir

dan terjamin integritasnya.
Memudahkan dalam perhitungan gaji karena SIMPEG akan

melakukan perhitungan secara otomatis.
Memudahkan dalam mendapatkan informasi presensi

karena SIMPEG akan secara otomatis merekap data
presensi.
Memudahkan dalam mendapatkan informasi cuti karena

SIMPEG akan secara otomatis merekap data cuti.
Memudahkan dalam pembuatan laporan kepegawaian

karena
SIMPEG
secara
otomatis
men-generate
report/laporan.
f
Membantu manager HRD dalam merencanakan dan

menentukan pengalokasian SDM.
Dalam pembuatan SIMPEG banyak kegunaan yang penulis

dapatkan, diantaranya adalah sebagai berikut :
a
Menambah wawasan penulis tentang teknologi informasi,

khususnya dalam membangun sistem informasi berbasis
web.
Mendapatkan ilmu pengetahuan baru mengenai manajemen

kepegawaian.
Dapat
mengimplementasikan
ilmu
pengetahuan
ketrampilan yang didapat di bangku kuliah.
dan
Sedankan bagi Akademik, pembuatan SIMPEG ini memiliki

beberapa kegunaan diantaranya adalah sebagai berikut:
a
Mengetahui kemampuan mahasiswa dalam penguasaan

materi dan penerapan ilmu yang telah di dapat di bangku
kuliah.
Memberikan gambaran tentang kesiapan mahasiswa dalam

menghadapi dunia kerja dari hasil yang diperoleh selama
pembelajaran pada masa kuliah.
BAB II
TINJAUAN PUSTAKA
2.1 Sistem Informasi
2.1.1
Definisi Sistem
Suatu sistem adalah jaringan kerja dari prosedur-prosedur yang
saling berhubungan, berkumpul bersama-sama untuk melakukan
suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu.
(Andi Kristanto, 2007: 1).
Sistem adalah sebuah tatanan (keterpaduan) yang terdiri atas
sejumlah komponen fungsional (dengan satuan fungsi / tugas
khusus) yang saling berhubungan dan secara bersama-sama
bertujuan untuk memenuhi suatu proses / pekerjaan tertentu.
(Fathansyah, 2002: 9 ).
Sistem adalah kumpulan dari elemen-elemen yang berinteraksi
untuk mencapai suatu tujuan tertentu. (Andri Kristanto, 2007: 1).
Berdasarkan
pendapat
para
ahli
tersebut
maka
dapat
disimpulkan sistem adalah kumpulan elemen-elemen yang saling

bekerja sama dan berinteraksi untuk memproses masukan
kemudian saling berhubungan, berkumpul bersama-sama untuk
mencapai suatu sasaran tertentu.
2.1.2
Definisi Informasi
Informasi juga berarti kumpulan data yang diolah menjadi
bentuk yang lebih berguna dan lebih berarti bagi yang
menerimanya. (Andri Kristanto, 2007: 7).
Informasi adalah rangkaian data yang mempunyai sifat
sementara, tergantung dengan waktu, mampu memberi kejutan
atau surprise pada yang menerimanya. Informasi dapat juga
dikatakan sebagai data yang telah diproses, yang mempunyai nilai
tentang tindakan atau keputusan. (Witarto, 2004: 9).
Berdasarkan
pendapat
para
ahli
tersebut
maka
dapat
disimpulkan informasi adalah data yang telah diproses kemudian

diolah menjadi bentuk yang lebih berguna, digunakan untuk
mengambil keputusan.
2.1.3
Definisi Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi harian,
mendukung operasi, bersifat manajerial dan kegiatan strategi dari
suatu organisasasi, dan menyediakan pihak luar tertentu dengan
laporan - laporan yang diperlukan. (Jogiyanto, 2005: 11).
Jadi dapat disimpulkan bahwa sistem informasi adalah suatu
alat
yang
membantu
dalam
menyediakan
informasi
bagi
penerimanya dan untuk membantu dalam pengambilan keputusan

bagi manajemen didalam operasi perusahaan sehari-hari dan
informasi yang layak untuk pihak luar perusahaan.
2.2 Pengembangan Sistem Informasi

Pengembangan sistem dapat berarti menyusun atau merancang sistem
yang baru untuk menggantikan sistem yang lama secara keseluruhan atau
dapat berarti memperbaiki sistem yang sedang berjalan agar dapat
mengatasi permasalahan yang ada.
Ada beberapa tahapan dalam Siklus Hidup Pengembangan Sistem /
System Development Life Cycle (SDLC), yaitu :
2.2.1
Tahap Perencanaan Sistem

Tahapan ini merupakan suatu rangkaian kegiatan sejak ide
pertama melatar belakangi pelaksanaan pengembangan sistem
tersebut dilontarkan. Dalam tahap perancangan sistem harus
mendapatkan
perhatian
yang
sama
besarnya
dengan
merencanankan.
2.2.2
Tahap Analisis Sistem

Ada dua aspek yang menjadi fokus tahap ini, yaitu aspek bisnis
atau manajemen dan aspek teknologi. Analisis aspek bisnis
mempelajari karakteristik organisasi yang bersangkutan. Tujuan
dilakukan langkah ini adalah untuk mengetahui posisi atau peranan
teknologi informasi yang paling sesuai dan relevan di organisasi
dan mempelajari fungsi-fungsi manajemen dan aspek-aspek bisnis
terkait yang akan berpengaruh atau memiliki dampak tertentu
terhadap proses desain, kontruksi, dan implementasi.
2.2.3
Tahap Perancangan/Desain
Pada tahap ini, tim teknologi informasi berkerja sama dengan
tim bisnis atau manajemen melakukan perancangan komponen-
komponen sistem terkait. Tim teknologi informasi akan melakukan

perancangan teknis dari teknologi informasi yang akan dibangun,
seperti sistem basis data, jaringan komputer, teknik konversi data,
metode migrasi sistem, dan sebagainya. Adapun tahapan yang
harus dilalui dalam merancang / mendesain sistem yaitu :
1. Menetapkan rancangan penelitian
2. Mengorganisasikan tim proyek
3. Mendefinisikan kebutuhan infomasi
4. Mendefinisikan kriteria kinerja sistem
5. Menyiapkan usulan rancangan sistem
6. Menyetujui atau menolak rancangan proyek pengembangan
sistem.
7. Menyiapkan saat yang tepat untuk cutover/peralihan sistem.
8. Penggunaan sistem baru.
2.2.4
Tahap Implementasi Sistem

Tahap implementasi merupakan tahap yang paling kritis karena
untuk pertama kalinya sistem informasi akan digunakan dalam
organisasi. Pekerjaan utama dalam implementasi sistem biasanya
mencakup hal-hal sebagai berikut :
a. Merencanakan waktu yang tepat untuk implementasi
b. Mengumumkan rencana implementasi
c. Mendapatkan sumberdaya perangkat lunak dan keras
d. Menyiapkan database
e. Menyiapkan fasilitas fisik
f. Memberikan pelatihan dan workshop
10
2.2.5
Tahap Pemeliharaan Sistem

Tahap ini merupakan tahap dimana sistem yang telah dirancang
dan digunakan perlu adanya perawatan agar sistem dapat berjalan
sesuai yang diharapkan.
2.3 Konsep Manajemen Kepegawaian
2.3.1
Pengertian Manajemen
Untuk memperluas pengertian manajemen, dapat diperhatikan
beberapa pendapat para ahli yang diharapkan dapat diperoleh
pandangan yang jelas tentang pengertian manajemen. Arti
manajemen secara etimologi berasal dari kata to manage yang
diberi arti to direct and control (membimbing dan mengawasi), to
treat with care (memperlakukan dengan seksama), to carry on
bussioness or affair (mengurus perniagaan atau urusan-urusan atau
persoalan-persoalan), to achieve ones purpose (mencapai tujuan
tertentu). Dengan kata lain manajemen disini adalah berbicara
tentang pencapaian tujuan dari pada suatu usaha baik niaga,
pemerintahan atau urusan-urusan lain secara seksama disertai
pembimbingan dan pengawasan (Sukarna, 2007 : 1).
Manajemen adalah proses dari memimpin, membimbing dan
memberikan fasilitas dari usaha-usaha orang lain yang terorganisir
di dalam organisasi-organisasi formal guna mencapai tujuan yang
telah ditentukan.
11
2.3.2
Fungsi Manajemen
Berikut adalah lima fungsi manajemen yang paling penting
menurut Handoko (2000:21) yg berasal dari klasifikasi paling awal
dari fungsi-fungsi managerial menurut Henri Fayol yaitu:
a. Planning
Planning atau perencanaan merupakan pemilihan atau
penetapan tujuan-tujuan organisasi dan penentuan strategi
kebijaksanaan proyek program prosedur metode sistem
anggaran dan standar yang dibutuhkan untuk mencapai tujuan.
b. Organizing
Organizing atau pengorganisasian ini meliputi:
-
Penentuan sumber daya dan kegiatan-kegiatan yang

dibutuhkan untuk mencapai tujuan organisasi.
Perancangan dan pengembangan suatu organisasi atau

kelompok kerja yang akan dapat membawa hal-hal tersebut
ke arah tujuan.
Penugasan tanggung jawab tertentu
Pendelegasian wewenang yang diperlukan kepada individuindividu untuk melaksanakan tugasnya.
c. Staffing
Staffing atau penyusunan personalia adalah penarikan
(recruitment) latihan dan pengembangan serta penempatan dan
pemberian orientasi pada karyawan dalam lingkungan kerja
yang menguntungkan dan produktif.
12
d. Leading
Leading atau fungsi pengarahan adl bagaimana membuat
atau mendapatkan para karyawan melakukan apa yang
diinginkan dan harus mereka lakukan.
e. Controlling
Controlling atau pengawasan adalah penemuan dan
penerapan cara dan alat utk menjamin bahwa rencana telah
dilaksanakan sesuai dengan yang telah ditetapkan.
2.3.3
Manajemen Kepegawaian
Manajemen Kepegawaian memegang peranan yang sangat
penting dalam kegiatan untuk mencapai tujuan yang ditetapkan.
Dalam hal ini kegiatan Manajemen Kepegawaian meliputi
perencaan, pengelolaan dan pengawasan, sehingga setiap pegawai
dapat menjalankan tugasnya secara efektif dan efisien.
Manajemen kepegawaian lazim disebut personel management
atau tata personalia atau pembinaan, sebab walaupun istilah-istilah
tersebut nampaknya berbeda namun pengertiannya sama. M.
Manullang mendefinisikan mengenai pengertian manajemen
kepegawaian
Manajemen,
dalam
bahwa
bukunya
yang
manajemen
berjudul
kepegawaian
Dasar-Dasar
(personnel
management) adalah seni dan ilmu perencanaan, pelaksanaan dan

pengontrolan tenaga kerja untuk tercapainya tujuan yang telah
ditentukan terlebih dahulu dengan adanya kepuasan hati pada diri
para pegawai. (Manullang, 2008:11).
Sedangkan tugas Manajemen Kepegawaian menurut Musanef
(2002: 14) adalah Untuk melaksanakan kegiatan-kegiatan yang
13
secara garis besar telah ditentukan oleh administrator dengan

menitikberatkan pada usaha-usaha :
a. Mendapatkan
pegawai
yang
kompeten
sesuai
dengan
kebutuhan organisasi.
b. Menggerakkan pegawai untuk tercapainya tujuan organisasi.
c. Memelihara dan mengembangkan kecepatan serta kemampuan
pegawai untuk mendapatkan prestasi kerja yang sebaikbaiknya.
Lebih lanjut Handoko (2000: 24) menjelaskan bahwa
Manajemen
Kepegawaian
adalah
penarikan,
seleksi,
pengembangan, pemeliharaan dan pembinaan sumber daya

manusia untuk mencapai tujuan baik tujuan-tujuan individu
maupun organisasi.
Dari beberapa definisi tersebut, dapat disimpulkan bahwa
manajemen kepegawaian adalah segala aktivitas yang berkenaan
dengan pemberdayaan sumber daya pegawai dalam suatu
kerjasama untuk mencapai tujuan tertentu.
Selanjutnya
dengan
adanya
menajemen
kepegawaian
pemberdayaan yang efektif dan efisien dapat terwujud dan mampu

menghasilkan pegawai dalam kualitas dan kuantitas yang dapat
dipertanggungjawabkan. Berkaitan dengan hal tersebut maka
manajemen kepegawaian yang dalam pelaksanaannya harus
dipenuhi syarat-syarat sebagau suatu ciri yang seharusnya ada
dalam melaksanakan aktivitas-aktivitas bidang kepegawaian
sebagai berikut :
1
Pelaksanaan manajemen kepegawaian harus dilandasi suatu

manajemen yang berdasarkan ilmiah, yaitu mengandung unsurunsur manajemen dalam pelaksanaannya.
14
Pembinaan pegawai diarahkan ke produktifitas kerja yang

dapat menimbulkan efektifitas dan efisiensi kerja.
Pembinaan efektifitas dan efisiensi kerja ke arah pengaturan

dan pengusahaan secara maksimal dilakukan dengan jalan
memberikan pendidikan dan latihan kerja. Hal ini dilakukan
baik pada permulaan maupun dalam rangka tugasnya untuk
pemupukan dan perkembangan technical skill dan mangerial
skill untuk mewujudkan mental equipment rasa kesatuan dan
keutuhan. Dimana perlu diadakan pembinaan kesejahteraan
sosial para pegawai dan keluarga serta jaminan keamanan
bekerja dengan baik selama bekerja maupun sebelumnya.
Penempatan pegawai berdasarkan prinsip The right man on the

right place. Dengan adanya prinsip tersebut diharapkan
Bagian Kepegawaian dapat menciptakan suasana kerja yang
mendukung bagi para pegawai untuk mengembangkan
kemampuan mereka.
Pengambilan tindakan disiplin terhadap pegawai yang tidak

menjalankan
tugasnya
sebagaiamana
mestinya,
sesuai
peraturan perundang-undangan yang berlaku.

6
Bagi masing-masing pegawai diusahakan adanya pemeliharaan

kesehatan fisik dan mental.
Menciptakan dan memelihara hubungan yang baik antara

atasan dan bawahan, maupun antara para pegawai di
lingkungan unit kerja mereka.
Berdasarkan uraian di atas, dapat disimpulkan bahwa tujuan
manajemen kepegawaian adalah :

a
Memanfaatkan secara optimal sumber tenaga pegawai dalam

organisasi dengan penempatan pegawai yang layak dan
menjamin kerja yang efektif.
15
Kesemuanya mencakup kerjasama dengan mempertimbangkan

hubungan antar manusia dan kebutuhan perorangan serta
kelompok,
memberikan
sehingga
setiap
sumbangan
pegawai
yang
terbaik
terdorong
bagi
untuk
efektifnya
pelaksanaan pekerjaan.
2.4 Sistem Informasi Kepegawaian

Setiap perusahaan umumnya memiliki suatu bidang atau divisi yang
menangani banyak hal yang berkaitan dengan personil perusahaan, oleh
karena itu dibutuhkan lah sebuah sistem informasi sumber daya manusia
atau biasa dikenal dengan sebutan Sistem Informasi Kepegawaian
(SIMPEG). Keputusan Menteri Dalam Negeri N0.17 tahun 2000
disebutkan bahwa:
Sistem
Informasi
Manajemen
Kepegawaian
(SIMPEG)
merupakan suatu totalitas terpadu yang terdiri dari perangkat

pengolah meliputi pengumpul prosedur, tenaga pengolah dan
perangkat lunak, perangkat penyimpanan meliputi pusat data dan
bank data serta perangkat komunikasi yang saling berkaitan, saling
ketergantungan dan saling menentukan dalam rangka penyediaan
informasi di bidang kepegawaian.
Selanjutnya Henry Simamora (2001 :90) mengemukakan bahwa:
Sistem informasi manajemen kepegawaian adalah prosedur
sistematik untuk mengumpulkan, menyimpan, memperthankan,
menarik, dan memvalidasi data yang dibutuhkan oleh sebuah
organisasi tentang sumber daya manusia, aktivitas-aktivitas
personalia, karekteristik-karakteristik unit-unit organisasi.
Kegiatan yang berhubungan dengan sumber daya manusia yaitu
Human Resources Information System (HRIS) sebagai pendukung
16
manajemen sumber daya manusia. HRIS merupakan sebuah sistem yang

digunakan
untuk
memperoleh
(acquire),
menyimpan
(store),
memanipulasi (manipulate), menganalisis (analyze), mendapatkan kembali

(retrieve) dan mendistribusikan (distribute) information yang berhubungan
dengan sumber daya manusia untuk kepentingan organisasi.
Bertitik tolak pada pendapat di atas dapat penulis simpulkan sistem
informasi manajemen kepegawaian adalah suatu sistem yang mampu
mengolah data kepegawaian menjadi informasi bermutu yang dapat
menunjang
kelancaran
mengoptimalisasikan
administrasi
administrasi
kepegawaian
kepegawaian
untuk
atau
membantu
terwujudnya tujuan organisasi.
2.4.1
Tujuan Sistem Informasi Kepegawaian (SIMPEG)

Secara umum Sistem Informasi Manajemen Kepegawaian
dibangun dengan tujuan untuk mewujudkan suatu Sistem Informasi
Manajemen Kepegawaian yang terintegrasi dalam suatu jaringan
komputer, yang mampu menghasilkan informasi yang bermutu
untuk membantu terwujudnya efektivitas organisasi. Sedangkan
secara khusus
Sistem
Informasi
Manajemen Kepegawaian
bertujuan untuk :
a
Menghasilkan informasi tentang data pegawai untuk

membantu pimpinan dalam merencanakan penyebaran
pegawai, dan merencanakan pelatihan pegawai di masa
yang akan datang.
Membantu
kepegawaian
kelancaran
agar
administrasi
pegawai
dan
mendapat
manajemen
hak
serta
melaksanakan kewajibannya dengan baik.

c
Memudahkan pekerjaan di bidang kepegawaian dalam

membuat laporan.
17
2.5 Pengertian Database

Menurut Gordon C. Everest database adalah koleksi atau kumpulan
data yang mekanis terbagi/shared, terdefinisi secara formal dan terkontrol
terpusat pada organisasi.
Menurut C.J. Date database adalah koleksi data operasional yang
tersimpan dan dipakai oleh sistem aplikasi dari suatu organisasi seperti :
a. Data input adalah data yang masuk dari luar sistem
b. Data output adalah data yang dihasilkan sistem
c. Data operasional adalah data yang tersiman pada sistem
Jadi sistem data base adalah sistem penyimpanan data dengan
pemanfaatan penggunaan teknologi komputer.
2.5.1 Pengertian Data

Data merupakan salah satu hal utama yang dikaji dalam
masalah TIK. Penggunaan dan pemanfaatan data sudah
mencakup banyak aspek. Berikut adalah pembahasan definisi
data berdasarkan berbagai sumber:
Data menggambarkan sebuah representasi fakta yang
tersusun secara terstruktur, dengan kata lain bahwa generally,
data represent a structured codification of single primary
entities, as well as of transactions involving two or more
primary entities. (Vercellis). Selain deskripsi dari sebuah fakta,
data dapat pula merepresentasikan suatu objek sebagaimana
dikemukakan oleh Wawan dan Munir (2006: 1), bahwa data
adalah nilai yang merepresentasikan deskripsi dari suatu objek
atau kejadian (event).
Dengan demikian dapat dijelaskan kembali bahwa data
merupakan
suatu
objek,
kejadian,
atau
fakta
yang
18
terdokumentasikan dengan memiliki kodifikasi terstruktur

untuk suatu atau beberapa entitas.
2.5.2 Komponen Database

Adapun beberapa komponen basisdata yang terlibat ialah :
a. Data harus bersifat
Singel user pengguna / pengakses basisdata
terdiri dari satu orang, sedangkan multi user
(integrated dan shared ), yaitu pengguna /
pengakses basisdata lebih dari satu orang dimana
mereka
berada
pada
sebuah
sistem
yang
terintergrasi dan mempunyai hak akses untuk

saling berbagi.
b. Perangkat keras (hardware)
Perangkat keras yang selalu digunakan
dalam sebuah sistem basisdata adalah secondary
storage (hardisk dan tape atau removeble disk) ,
input /output device (komputer, keyboard,
scanner, printer, dll), dan database machine.
c. Perangkat lunak (software)
DBMS suatu sistem pengolahan basisdata
yang harus mampu melayani pengguna didalam
akses data dengan fasilitas dintaranya : creating
file
yaitu
fasilitas
untuk
membuat
atau
merancang file basisdata, delete file yaitu

fasilitas untuk menghapus file basisdata yang
tidak dibutuhkan lagi, security yaitu fasilitas
19
untuk mengamankan basisdata dalam penyalah

gunaannya, integrated yaitu fasilitas basisdata
yang mampu membuat file-file yang saling
terikat satu dengan yang lain, recovery control
yaitu fasilitas untuk mengembalikan keadaan
basisdata
ke
kondisi
semula
jika
terjadi
kesalahan baik yang disebabkan oleh human

error maupun sistem DBMS itu sendiri.
d. User
Merupakan orang-orang yang beriteraksi
secara langsung dengan basisdata antaralain :
Database
administrator,
adalah
yang
membangun basisdata dan memiliki hak akses

penuh
untuk
manipulasi
basisdata
yang
dibangun dan mengatur apa saja yang boleh

mengakses basisdata yang telah dibangunnya.
Programmer
aplikasi
adalah
orang
yang
membangun interfase depan dan belakang

terhubung dengan penuh dengan basisdata yang
ada. End-User adalah orang yang menjalankan
aplikasi basis data dalam proses implementasi
sistem.
2.6 ERD (Entity Relationship Diagram)

ERD adalah model jaringan data yang menekankan pada struktur-struktur dan
relationship data (Ladjamudin, 2005: 142).
20
Tabel 2.1 Elemen-elemen dalam ERD

Simbol
Nama
Keterangan
Entitas
Entitas
adalah
sesuatu
apa saja yang ada dalam

sistem,
abstrak
nyata
maupun
dimana
data
tersimpan atau dimana

terdapat data.
Atribut
Atribut
adalah
sifat,
karakteristik, atau elemen

dari tiap entitas maupun
relationship.
Relationship
Relationship
adalah
hubungan alamiah yang

terjadi antara entitas.
Link
Menghubungkan
entitas
satu
antara
dengan
entitas lainnya.
*Sumber: Sutabri, 2005: 164
2.6.1 Kardinalitas (Cardinality)

Kardinalitas relasi adalah tingkat hubungan yang terjadi
antara entity, di dalam sistem. Tiga macam kardinalitas relasi
yaitu:
a
One to one
Tingkat hubungan satu ke satu, dinyatakan dengan satu
kejadian pada entitas pertama hanya mempunyai satu
21
hubungan dengansatu kejadian pada entitas kedua, atau

sebaliknya.
1
Gambar 2.1 Cardinality One To One

b
One to Many atau Many to One

Tingkat hubungan satu ke banyak adalah sama dengan
banyak ke satu. Tergantung pada arah mana hubungan itu
dilihat.
1
Gambar 2.2 Cardinality One To Many

c
Many to Many
Tingkat hubungan banyak ke banyak terjadi jika tiap
kejadian pada sebuah entitas akan mempunyai banyak
hubungan dengan kejadian pada entitas lainnya.
M
Gambar 2.3 Cardinality Many To Many

2.6.2 Kunci (Key)
Kunci atau key adalah atribut unik yang dapat digunakan
untuk membedakan suatu entitas dengan entitas lainnya dalam
suatu himpunan entitas. Tidak ada lebih dari satu entitas
memiliki nilai-nilai yang sama untuk semua atributnya.
Macam-macam jenis kunci (key) diantaranya :
22
a. Primary key
Primary key adalah satu set minimal atribut yang tidak
hanya mengidentifikasi secara unik satu kejadian spesifik,
tapi juga dapat mewakili setiap kejadian dari entity.
Primary key memiliki tiga (3) criteria:
o Key tersebut lebih natural digunakan sebagai acuan.
o Key terebut lebih sederhana.
o Key tersebut terjamin keunikannya.
b. Foreign key (Kunci Tamu)
Foreign
key
merupakan
sembarang
atribut
yang
menunjuk kepada Primary Key pada table lain. Foreign

Key terjadi pada suatu relasi yang memiliki Cardinality one
to many atau many to many.
2.7 Flowchart
Bagan alir atau flowchart merupakan alat bantu berbentuk grafik yang
dapat digunakan untuk menunjukkan urutan-urutan kegiatan dari sistem
informasi berbasis komputer. Bagan alir ini memperlihatkan urutan proses
dalam system dengan menunjukkan alat media input, output, serta jenis
media penyimpanan dalam proses pengolahan data (Ladjamudin, 2005:
211).
Tabel 2.2 Simbol-simbol dalam Flowchart
Simbol
Nama
Keterangan
Proses
Menunjukkan
kegiatan
proses
dari operasi program komputer

Manual
keyboard
Input Menunjukkan
input
dilakukan secara manual.
yang
23
Keputusan
Digunakan untuk penyeleksian

kondisi di dalam program.
Input / Output
Digunakan
untuk
menyatakan
proses input dan output tanpa

tergantung
dengan
jenis
peralatannya.
Garis Alir
Digunakan untuk menunjukkan

arus dari proses.
Titik terminal
Digunakan untuk menunjukkan

awal dan akhir dari suatu proses
.
Manual
Untuk menyatakan suatu tindakan

(proses) yang tidak dilakukan
oleh komputer (manual).
Disk Storage
Digunakan
untuk
menyatakan
input berasal dari disk atau output

disimpan ke disk.
Document
Digunakan
untuk
laporan ke printer.
*Sumber: Ladjamudin, 2005: 211
mencetak
24
2.8 UML(Unified Modeling Language)

Unified Modelling Language (UML) adalah sebuah "bahasa" yang
telah menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah
standar untuk merancang model sebuah sistem. Dengan menggunakan
UML, kita dapat membuat model untuk semua jenis aplikasi piranti lunak,
dimana aplikasi tersebut dapat berjalan pada piranti keras, sistem operasi
dan jaringan apapun.
Gambar 2.4 Logo UML

UML (Unified Modelling Language) sebagai salah satu alat bantu
yang sering digunakan di dunia pengembangan sistem yang berorientasi
obyek. Hal ini disebabkan karena UML menyediakan bahasa pemodelan
visual yang memungkinkan bagi pengembang sistem untuk membuat cetak
biru atas visi mereka dalam bentuk yang baku, mudah dimengerti serta
dilengkapi dengan mekanisme yang efektif untuk berbagi (sharing) dan
mengkomunikasikan rancangan mereka dengan yang lain (Munawar,
2005).
UML
merupakan
kesatuan
dari
bahasa
pemodelan
yang
dikembangkan oleh Booch, Object Modelling Technique (OMT) dan

Object Oriented Software Engineering (OOSE). Metode Booch sangat
terkenal dengan nama metode Object Oriented Design.
Abstraksi konsep dasar UML terdiri dari structural classification,
dynamic behaviour dan model management. UML mendefinisikan
diagram-diagram sebagai berikut :
25
2.9.1 Use Case Diagram

Use Case adalah abstraksi dari interaksi antara system dan
actor. Use case bekerja dengan cara mendeskripsikan tipe
interaksi antara user sebuah system dengan sistemnya sendiri
melalui sebuah cerita bagaimana sebuah system dipakai. Use
case merupakan konstruksi untuk mendeskripsikan bagaimana
system akan terlihat di mata user
Gambar 2.5 Simbol Use case Diagram
2.9.2 Class Diagram

Class adalah deskripsi kelompok obyek-obyek dengan
property, perilaku (operasi) dan relasi yang sama. Sehingga
dengan adanya class diagram dapat memberikan pandangan
global atas sebuah system. Hal tersebut tercermin dari classclass yang ada dan relasinya satu dengan yang lainnya. Sebuah
sistem biasanya mempunyai beberapa class diagram. Class
diagram sangat membantu dalam visualisasi struktur kelas dari
suatu system.
Gambar 2.6 Simbol Class Diagram
26
2.9.3 Activity Diagram

Menggambarkan rangkaian aliran dari aktivitas, digunakan
untuk mendeskripsikan aktivitas yang dibentuk dalam suatu
operasi sehingga dapat juga digunakan untuk aktivitas lainnya
seperti use case atau interaksi.
Gambar 2.7 Simbol Activity Diagram
2.9.4 Sequence Diagram

Sequence Diagram digunakan untuk menggambarkan
perilaku
pada
sebuah
skenario.
Kegunaannya
untuk
menunjukkan rangkaian pesan yang dikirim antara object juga

interaksi antara object, sesuatu yang terjadi pada titik tertentu
dalam eksekusi sistem.
Gambar 2.8 Simbol Sequence Diagram
27
2.9.5 Deployment Diagram

Menggambarkan tata letak sebuah system secara fisik,
menampakkan bagian-bagian software yang berjalan pada
bagian-bagian hardware, menunjukkan hubungan komputer
dengan
perangkat
(nodes)
satu
sama
lain
dan
jenis
hubungannya. Di dalam nodes, executable component dan

object yang dialokasikan untuk memperlihatkan uni tperangkat
lunak yang dieksekusi oleh node tertentu dan ketergantungan
komponen.
Gambar 2.9 Simbol Deployment Diagram
2.9 HTML
Gambar 2.10 Logo HTML

HTML atau Hypertext Markup Language adalah salah satu bahasa
pemrograman yang digunakan untuk membuat suatu halaman website
yang dapat dibaca dari web browser. Kode html dibuat dalam file teks
biasa yang disimpan dengan ekstensi "*.htm" atau "*.html". Kode
HTML terdiri dari tag-tag yang memiliki fungsi yang unik. Tag
berarti penanda untuk item baik yang akan ditampilkan oleh web
28
browser maupun tidak. Biasanya tag ini ditulis berpasangan dan

mengapit item yang akan dijelaskan oleh tag tersebut.
Contoh: <html> </html>, <ul> </ul>, <font>
</font>, dan sebagainya.
Tag-tag tersebut bisa bersarang pada tag lainnya sesuai dengan
tingkatan yang diinginkan.
Contoh: <font><ul> </ul></font>
Selain tag yang harus ditulis berpasangan seperti itu, ada juga tag
yang tidak ditulis secara berpasangan.
Contoh: <br>, <hr>, <img>, dan sebagainya.
Tag tidak case sensitive, jadi anda bisa gunakan huruf besar (huruf
kapital) maupun huruf kecil atau keduanya dan akan menghasilkan
output yang sama. Untuk memulai bekerja dengan HTML kita bisa
menggunakan text editor apa saja.
2.10 CSS
Gambar 2.11 Logo CSS

CSS (Cascading Style Sheet) adalah salah satu cara paling efektif
untuk memudahkan kita mengatur tampilan website. Kode css itu
sendiri dapat kita sisipkan langsung pada file html, dan bisa juga kita
tuliskan pada file terpisah yang berekstensi "*.css". Pada dasarnya
tidak ada ketentuan apakah kita harus menuliskan kode stylesheet di
29
file html ataupun terpisah di file css. Namun bila kita memiliki banyak
file html yang harus kita kelola, maka menuliskan kode stylesheet
pada file css merupakan pilihan yang lebih baik karena menghindari
penulisan kode yang sama berulang kali dan membuat kode stylesheet
kita lebih reusable. katakanlah ada sekitar 100 file yang memiliki
kode styleheet, dan ada beberapa style yang ingin kita ganti, maka kita
harus mengganti kode styesheet pada 100 file tadi. Beda halnya bila
kita menuliskannya pada file css, berarti kita hanya mengedit satu kali
saja pada file css tersebut.
2.11 JavaScript
Javascipt merupakan salah satu script pemrograman yang dijalankan
pada pc client melalui web browser (client side programming), berbeda
dengan php yang merupakan pemrograman yang dijalankan di server
(server side programming). Harap diingat bahwa JavaScript berbeda
dengan Java. Meskipun hampir sama dalam penamaannya, namun
struktur
pemrogrammannya
benar-benar
berbeda.
Pada
java
programming juga dikenal beberapa ekstensi untuk web programming

seperti java server page, applet, dan servlet, namun javascript bukan
merupakan bagian dari itu. Kelebihan menggunakan client side
scripting ini adalah bisa digunakan untuk membuat tampilan yang
atraktif dan lebih dinamis. Kekurangannya adalah karena merupakan
client side scripting, maka kode program bisa dilihat oleh user dan bisa
menimbulkan celah keamanan bila salah dalam penggunaannya.
Biasanya javascript digunakan untuk merespon input user dengan lebih
atraktif, memvalidasi input user, mengganti konten maupun atribut agar
lebih dinamis, bahkan bisa juga untuk menuliskan perintah html dari
kode javascript.
30
Gambar 2.12 Logo JavaScript

Kode javascript dapat diselipkan pada dokumen html (*.htm) atau
dapat pula di simpan pada file terpisah dengan ekstensi *.js untuk
kemudian dipanggil dari dokumen html agar kode javascript lebih
reusable. Untuk menyelipkan kode javascript pada baris perintah html
kita bisa menggunakan tag<script> dan diakhiri dengan tag </script>.
Untuk memanggil file javascipt dari html digunakan tag berikut <script
src="myScript.js"></script>, dimana "myScript.js" merupakan nama
file yang mengandung baris kode javascript. Kode javascript dapat
ditulis/dipanggil pada bagian HEAD maupun BODY tergantung
kebutuhan, normalnya kita akan mendefinisikan fungsi pada HEAD
untuk kemudian dipanggil dari BODY. Pada dasarnya pengeksekusian
perintah html ini sama saja seperti perintah html dimana akan
dieksekusi sesuai urutan mulai dari baris paling atas sampai baris paling
bawah. Jadi kode yang tertulis di bagian bawah dari keseluruhan kode
tidak akan dieksekusi sebelum kode perintah diatasnya dieksekusi
terlebih dahulu.
2.12 PHP
PHP (Hypertext Preprocessor) yang digunakan sebagai bahasa
script server-side dalam pengembangan web yang disisipkan pada
dokumen HTML. PHP diciptakan pertamakali oleh Rasmus Lerdorf
pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah
serta untuk mengetahui siapa saja pengunjung pada homepage-nya.
31
Rasmus Lerdorf adalah salah seorang pendukung open source. Oleh

karna itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara
gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurlah
PHP 2.0.
Gambar 2.13 Logo PHP

Pada tahun 1996, PHP telah banyak digunakan dalam website
didunia. Sebuah kelompok pengembang software yang terdiri dari
Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shene Caraveo,
dan Jim Winstead berkerja sama untuk menyempurnakan PHP 2.0.
Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan
terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tidak
berhenti sampai disitu, kemampuan PHP terus bertambah sampai
terakhir PHP mengeluarkan versi terbaru 5.0.x. Salah satu fitur yang
diandalkan PHP adalah dukungannya terhadap banyak database.
2.13 MySQL
Gambar 2.14 Logo MySQL

MySQL merupakan software yang tergolong sebagai DBMS
(Database Management System) yang bersifat Open Source. Open
32
Source menyatakan bahwa software ini dilengkapi dengan source

code (kode yang dipakai untuk membuat MySQL), selain tentu saja
bentuk executable-nya atau kode yang dapat dijalankan secara
langsung dalam sistem operasi, dan bisa diperoleh dengan cara mendownload (mengunduh) di Internet secara gratis.
MySQL awalnya dibuat oleh perusahaan konsultan bernama TcX
yang berlokasi di Swedia. Saat ini pengembangan MySQL berada di
bawah naungan perusahaan MySQL AB.
Sebagai software DBMS, MySQL memiliki sejumlah fitur seperti
yang dijelaskan di bawah ini :
a. Multiplatform
MySQL tersedia pada beberapa platform (Windows, Linux,
Unix, dan lain lain).
b. Andal, cepat dan mudah digunakan
MySQL tergolong sebagai database server (server yang
melayani permintaan terhadap database) yang andal, dapat
menangani database yang besar dengan kecepatan tinggi,
mendukung banyak sekali fungsi untuk mengakses database,
dan sekaligus mudah untuk digunakan.
c. Jaminan keamanan akses
MySQL
mendukung
pengamanan
database
dengan
berbagai kriteria pengaksesan. MySQL juga mendukung

konektivitas ke berbagai software. Sebagai contoh, dengan
menggunakan ODBC (Open Database Connectivity), database
yang ditangani MySQL dapat diakses melalui program klien
yang berbasis Java untuk berkomunikasi dengan database
MySQL melalui JDBC (Java Database Connectivity). MySQL
33
juga bias diakses melalui aplikasi berbasis web, misalnya

dengan menggunakan MySQL.
d. Dukungan SQL
SQL (Structured Query Language) merupakan standar
dalam pengaksesan database relasional. Pengetahuan akan
SQL akan memudahkan siapa pun untuk menggunakan
MySQL.
2.14
CodeIgniter
CodeIgniter adalah sebuah web application framework yang
bersifat open source digunakan untuk membangun aplikasi php
dinamis. Tujuan utama pengembangan CodeIgniter adalah untuk
membantu developer untuk mengerjakan aplikasi lebih cepat daripada
menulis semua code dari awal. CodeIgniter menyediakan berbagai
macam library yang dapat mempermudah dalam pengembangan.
CodeIgniter diperkenalkan kepada public pada tanggal 28 februari
2006.
Gambar 2.15 Logo CodeIgniter

CodeIgniter sendiri dibangun menggunakan konsep Model-ViewController development pattern. CodeIgniter sendiri merupakan salah
satu framework tercepat dibandingkan dengan framework lainnya.
34
Pada acara frOsCon (August 2008), pembuat php Rasmus Lerdorf

mengatakan dia menyukai CodeIgniter karena dia lebih ringan dan
cepat dibandingkan framework lainnya.
2.15.1
Kelebihan CodeIgniter
CodeIgniter sangat ringan, terstruktur, mudah dipelajari,
dokumentasi lengkap dan dukungan luar biasa dari forum
CodeIgniter. Selain itu CodeIgniter juga memiliki fitur-fitur
lainnya yang sangat bermanfaat, antara lain:
a. Menggunakan Pattern MVC
Dengan menggunakan pattern MVC ini, struktur kode
yang dihasilkan menjadi lebih terstruktur dan memiliki
standar yang jelas.
b. URL Friendly
URL yang dihasilkan sangat url friendly. Pada
CodeIgniter
diminimalisasi
penggunaan
$_GET
dan
digantikan dengan URI

c. Kemudahan
Kemudahan dalam mempelajari, membuat library dan
helper, memodifikasi serta mengintegrasikan library dan
helper.
Jika kita membandingkan antara CodeIgniter dengan
framework-framework lainnya maka beberapa poin yang
membuat CodeIgniter unggul adalah:
35
a. Kecepatan
Berdasarkan hasil benchmark, CodeIgniter merupakan
salah satu framework PHP tercepat yang ada saat ini.
b. Mudah dimodifikasi dan beradaptasi
Sangat mudah memodifikasi behavior framework ini.
Tidak membutuhkan server requirement yang macammacam serta mudah mengadopsi library lainnya.
c. Dokumentasi lengkap dan jelas
CodeIgniter telah menyediakan panduan yang lengkap.
d. Learning curve rendah
CodeIgniter sangat mudah dipelajari. Dalam pemilihan
framework hal ini sangat penting diperhatikan karena kita
juga harus memperhatikan skill dari seluruh anggota team.
Jika sebuah framework sangat sulit dipelajari maka akan
beresiko untuk memperlambat team development yang ada.
2.15.2
MVC
MVC adalah konsep dasar yang harus diketahui sebelum
mengenal CodeIgniter. MVC adalah singkatan dari Model View
Controller. MVC sebenarnya adalah sebuah pattern/teknik
pemrograman yang memisahkan bisnis logic (alur pikir), data
logic (penyimpanan data), dan presentation logic (antarmuka
aplikasi) atau secara sederhana adalah memisahkan antara
desain, data, dan proses. Adapun komponen-komponen MVC
antara lain:
36
a. Model
Model berhubungan dengan data dan interaksi ke
database atau web service. Model juga merepresentasikan
struktur data dari aplikasi yang bisa berupa basis data
maupun data lain misalnya dalam bentuk file teks, file
XML, maupun web service. Biasanya di dalam model akan
berisi class dan fungsi untuk mengambil, melakukan
update, dan menghapus data website. Sebuah aplikasi web
biasanya menggunakan basis data dalam menyimpan data,
maka pada bagian Model biasanya akan berhubungan
dengan perintah-perintah query SQL.
b. View
View berhubungan dengan segala sesuatu yang akan
ditampilkan ke end-use. Bisa berupa halaman web, rss,
javasript, dan lain-lain. Kita harus menghindari adanya
logika atau pemrosesan data di view. Di dalam view hanya
berisi variabel-variabel yang berisi data yang siap
ditampilkan. View dapat dikatakan sebagai halaman website
yang dibuat dengan menggunakan HTML dan bantuan CSS
atau JavaScript. Di dalam view jangan pernah ada kode
untuk melakukan koneksi ke basisdata. View hanya
dikhususkan untuk menampilkan data-data hasil dari model
dan controller.
c. Controller
Controller bertindak sebagai penghubung data dan
view. Di dalam Controller inilah terdapat class-class dan
fungsi-fungsi yang memproses permintaan dari View ke
dalam struktur data di dalam Model. Controller juga tidak
boleh berisi kode untuk mengakses basis data karena tugas
37
mengakses data telah diserahkan kepada model. Tugas

controller adalah menyediakan berbagai variabel yang akan
ditampilkan di view, memanggil model untuk melakukan
akses
ke
basis
data,
menyediakan
penanganan
kesalahan/error, mengerjakan proses logika dari aplikasi

serta melakukan validasi atau check terhadap input.
Gambar 2.16 Perbandingan PHP Biasa Dengan CodeIgniter

Perhatikan gambar 2.13, pada eksekusi PHP biasanya kita akan
me-load semua library dan fungsi yang dibutuhkan kemudian
digabungkan ke dalam HTML untuk dieksekusi oleh PHP. Untuk
kasus sederhana cara tersebut masih baik-baik saja, tetapi ketika
aplikasi tersebut menjadi kompleks/rumit maka kita akan sulit
memeliharanya jika tidak didukung oleh arsitektur software yang
bagus. Hal tersebut bisa terjad disebabkan oleh kode yang sama
namun dibuat berulang-ulang, kode tidak konsisten dan lain-lain.
Gambar 2.17 Flow CodeIgniter
38
Jika dipetakan, alur kerja CodeIgniter akan tampak seperti

gambar 2.14. Browser berinteraksi melalui controller. Controllerlah yang akan menerima dan membalas semua request dari
browser. Controller akan meminta data ke Model dan meminta
UI/template ke View. Jadi "Otak" dari aplikasi ada di Controller.
"Muka" aplikasi ada di View dan "Data" ada di Model. Ketika
browser meminta sebuah halaman web maka Router akan
mencarikan Controller mana yang harus menangani request
tersebut. Setelah itu barulah si Controller mana yang harus
menangani request tersebut. Setelah itu barulah si Controller
menggunakan Model untuk mengakses data dan View untuk
menampilkan data tersebut.
2.15 Bootstrap
Gambar 2.18 Logo Twitter Bootsrap

Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah
tampilan halaman website yang dapat mempercepat pekerjaan seorang
pengembang website ataupun pendesain halaman website. Sesuai
namanya, website yang dibuat dengan alat bantu ini memiliki tampilan
halaman yang sama / mirip dengan tampilan halaman Twitter atau
desainer juga dapat mengubah tampilan halaman website sesuai
dengan kebutuhan.
39
Gambar 2.19 Struktur Direktori Bootstrap

Twitter Bootstrap dibangun dengan teknologi HTML dan CSS
yang dapat membuat layout halaman website, tabel, tombol, form,
navigasi, dan komponen lainnya dalam sebuah website hanya dengan
memanggil fungsi CSS (class) dalam berkas HTML yang telah
didefinisikan. Selain itu juga terdapat komponen-komponen lainnya
yang dibangun menggunakan JavaScript.
BAB III
HASIL PELAKSANAAN PKL
3.1 Unit Kerja PKL
Gambar 3.1 Logo PT. Arphacy Tritunggal Utama

Penulis melaksanakan Praktik Kerja Lapangan di PT. Arphacy
Tritunggal Utama. PT. Arphacy Tritunggal Utama adalah badan hukum
dari M2D. M2D
merupakan perusahaan yang bergerak di bidang
Advertising Agency dengan menyediakan jasa creative design, event

organizer, marketing consultant, TVC dan social media management.
Namun saat ini M2D mulai memperluas ruang lingkup penyediaan jasanya
ke arah IT solution dengan menawarkan jasa web development dan web
maintenance sehingga terbentuklah divisi IT. Maka saat ini terdapat 5
divisi/unit kerja pada M2D yaitu Administrasi, Sales & Marketing,
Creative Design, Social Media Management, dan IT.
Gambar 3.2 Struktur Organisasi PT. Arphacy Tritunggal Utama
40
41
Penulis ditempatkan pada divisi IT dan menerima beberapa project

yang penulis jabarkan pada Uraian Praktik Kerja Lapangan. Divisi IT
terdiri dari Project Manager, Web Programmer, dan Web Administrator.
Selama pelaksanaan Praktik Kerja Lapangan, penulis menempati posisi
sebagai Web Programmer. Tetapi penulis juga diberikan tugas untuk
menjadi Web Administrator salah satu klien M2D.
Berikut ini adalah fungsi dan tugas divisi IT
Fungsi divisi IT:Menghasilkan solusi berbasis IT untuk kebutuhan
klien dan internal perusahaan.
Tugas divisi IT:
1
Menganalisa
kebutuhan
dan
permasalahan
klien
untuk
kemudian dibuatkan solusinya.

2
Membangun sistem dan teknologi informasi berdasarkan

requirement dan proses binis klien.
Melakukan testing untuk memastikan sistem dan teknologi

informasi berjalan sesuai dengan fungsi dan requirement.
Melakukan implementasi dan pemeliharaan sistem dan

teknologi informasi.
Membangun dan mengembangkan sistem dan teknologi

informasi yang dapat mendukung operasional perusahaan
menjadi lebih efektif dan efisien.
3.2 Uraian Praktik Kerja Lapangan

Pada minggu pertama pelaksanaan PKL di PT. Arphacy Tritunggal
Utama penulis beserta rekan PKL lainnya diberikan pengarahan berupa
tata tertib dan peraturan perusahaan. Selanjutnya penulis diberikan tugas
untuk mengerjakan proyek pembuatan web company profile M2D dengan
one-page parallax style yang responsive.
42
Pada minggu kedua, penulis diberikan tugas berupa social media

management untuk Gumati Caf Paledang. Scope dari social media
management antara lain melakukan editorial planning, desain grafis, dan
melakukan posting di Facebook dan Twitter
melanjutkan web development
Lalu penulis juga
dan pengisian konten company profile
M2D dan melakukan deployment website pada server hosting.

Pada minggu ketiga penulis diajarkan oleh pembimbing untuk
melakukan grabbing front-end suatu website. Selain itu penulis diberikan
proyek untuk membuat mock-up website untuk Teds Caf. Lalu penulis
dan rekan PKL ditugaskan untuk melakukan supporting setiap hari berupa
virtual agent untuk account social media klien-klien M2D.
Pada minggu keempat, penulis melanjutkan dan men-deploy mock-up
website Teds Caf. Lalu penulis juga melakukan maintenance website
Gumati Caf Paledang berupa update konten dan memperbaiki navigasi
website. Selain itu penulis diberikan proyek untu membuat dan mendeploy mock-up website Kuntum Wijaya Kusuma. Lalu penulis beserta
rekan PKL diberikan proyek untuk aplikasi bengkel dengan ruang lingkup
inventaris dan penjualan. Di luar kegiatan web development, kegiatan
supporting berupa virtual agent untuk account social media klien-klien
M2D tetap dilakukan setiap harinya.
Pada minggu kelima penulis beserta rekan PKL memulai pembuatan
aplikasi bengkel dengan framework CodeIgniter, tetapi di hari keempat
pembimbing menugaskan penulis dan rekan PKL untuk membantu
membuat mock-up aplikasi CRM. Di luar kegiatan web development,
kegiatan supporting berupa virtual agent untuk account social media
klien-klien M2D tetap dilakukan setiap harinya.
Pada minggu keenam penulis melakukan internal meeting bersama
seluruh karyawan M2D. Penulis juga melakukan maintenance website
M2D berupa update konten. Lalu penulis bersama rekan PKL diberikan
43
tugas untuk melanjutkan aplikasi CRM dengan dasar open source CRM.
Selain itu penulis diberikan proyek untuk membangun website PT. Barata
Jatiluhur dengan CMS sebagai penawaran kepada PT. Barata Jatiluhur.
Pengerjaan website PT. Barata Jatiluhur dimulai pada hari keempat kerja.
Di luar kegiatan web development, kegiatan supporting berupa virtual
agent untuk account social media klien-klien M2D tetap dilakukan setiap
harinya.
Pada minggu ketujuh hari senin sampai rabu, penulis melanjutkan web
development PT. Barata Jatiluhur dan pengisian konten dummy serta mendeploy sesuai permintaan pembimbing. Pada hari kamis dan jumat penulis
melanjutkan web development aplikasi CRM. Di luar kegiatan web
development, kegiatan supporting berupa virtual agent untuk account
social media klien-klien M2D tetap dilakukan setiap harinya.
Pada minggu kedelapan penulis melanjutkan web development aplikasi
CRM. Selain itu pada hari jumat penulis melakukan pembuatan accountaccount email berbasis web mail dengan domain web M2D. Di luar
kegiatan web development, kegiatan supporting berupa virtual agent untuk
account social media klien-klien M2D tetap dilakukan setiap harinya.
Pada minggu kesembilan penulis melakukan perubahan website
company profile M2D baik secara tampilan maupun kontennya
sebagaimana permintaan pembimbing. Lalu pada hari senin sampai rabu
penulis membantu pengerjaan web development aplikasi CRM. Di luar
kegiatan web development, kegiatan supporting berupa virtual agent untuk
account social media klien-klien M2D tetap dilakukan setiap harinya.
Pada minggu kesepuluh hari senin sampai dengan rabu penulis
melakukan perubahan tampilan dan penambahan konten website PT.
Barata Jatiluhur. Pada hari kamis dan jumat penulis melanjutkan
pengembangan dan pengisian konten website company profile M2D. Di
luar kegiatan web development, kegiatan supporting berupa virtual agent
44
untuk account social media klien-klien M2D tetap dilakukan setiap

harinya.
Pada minggu kesebelas penulis diberikan proyek untuk membuat
Sistem Informasi Kepegawaian (SIMPEG). SIMPEG dibuat dengan
menggunakan framework CodeIgniter dan Bootstrap. Pembuatan SIMPEG
dimulai dengan mengidentifikasi alur kepegawaian pada M2D dilanjutkan
dengan analisis dan desain sistem. Pada akhir minggu kesebelas penulis
mulai membuat modul Master Sistem. Di luar kegiatan web development,
kegiatan supporting berupa virtual agent untuk account social media
klien-klien M2D tetap dilakukan setiap harinya.
Pada minggu keduabelas penulis melanjutkan pembuatan SIMPEG
dengan melanjutkan modul Master Sistem dan membuat modul HRD dan
Cuti. Penulis juga membuat fitur report untuk modul HRD dan Cuti.
Pada minggu ketigabelas penulis melanjutkan pembuatan SIMPEG
dengan membuat modul Presensi dan Penggajian. Penulis juga membuat
fitur report untuk modul Presensi dan Penggajian.
Pada minggu keempatbelas penulis melanjutkan pembuatan SIMPEG
dengan
menambahkan
chart
pada
dashboard
SIMPEG
dengan
menggunakan library Highcharts. Lalu SIMPEG di-deploy pada hosting

M2D. Pada hari terakhir minggu keempatbelas ini penulis melakukan
presentasi SIMPEG kepada pembimbing di perusahaan.
3.3 Pembahasan Hasil PKL

Topik yang ditentukan oleh pembimbing perusahaan adalah Sistem
Informasi Kepegawaian (SIMPEG) berbasis web dengan PHP framework
CodeIgniter dan Bootstrap. Pengerjaan project SIMPEG dilakukan secara
bertahap. Dimulai dari request dan analisa user requirement, pembuatan
45
konsep
dasar,
perancangan
sistem,
coding
sistem
sampai
implementasi/deploy sistem.
3.3.1
User Requirement
Tabel 3.1 User Requirement Teknikal

Jenis
Deskripsi
Kebutuhan
Jenis Aplikasi
Spesifikasi
Modul Yang
Berbasis Web
a
PHP Framework CodeIgniter untuk back-end.
Bootstrap untuk front-end.
Modul Master Sistem meliputi manajemen tunjangan,
Tersedia
potongan, jenis cuti, pendidikan, agama, departemen,

cabang, jabatan, status karyawan, user dan roles.
b
Modul HRD meliput manajemen data karyawan dan

report data karyawan.
Modul Cuti meliputi manajemen data cuti dan report

data cuti.
Modul Presensi meliputi manajemen data presensi dan

report rekap presensi.
Modul
Penggajian
meliputi
manajemen
data
penggajian dan report penggajian.

User
Administrator untuk manager dengan hak akses

semua modul
User untuk staff administrasi dengan hak akses modul

HRD, Cuti, Presensi dan Penggajian.
46
Tabel 3.2 User Requirement Non-Teknikal

Jenis
Deskripsi
Kebutuhan
Model Kinerja a. Mengefisienkan waktu
(Performance)
kepegawaian
dari
proses pengolahan data
proses
penginputan
hingga
pelaporan.
b. Mengurangi tingkat kesalahan data.
c. Tampilan interface yang menarik dan lebih user
friendly sehingga lebih mudah dimengerti dan
digunakan oleh user.
Model
a. Melakukan penyimpanan data berupa data master
Penyimpanan
sistem, data kepegawaian, data cuti, data presensi,
Data
dan data penggajian secara terpusat sehingga
(Information)
memudahkan pelaksanaan proses.

b. Mencegah
terjadinya
penyimpanan
data
yang
redundant.
c. Format penyajian laporan dibuat sehingga lebih
mudah dipahami.
d. Meminimalisasi terjadinya kesalahan penginputan
data dan informasi.
e. Data terorganisir dan terstruktur.
Model Segi
Ekonomi
(Economic)
Model
Pengontrolan
Sistem
a. Penghematan
biaya
operasional
untuk
transfer
informasi yang selama ini dilakukan secara manual.

b. Memperlancar aliran informasi kepegawaian.
a. Meningkatkan
keamanan
terhadap
pelaksanaan
proses penyimpanan data.

b. Membatasi akses penggunaan terhadap sistem dengan
cara menerapkan priviledge.
47
(Control)
c. Adanya administrator yang bertanggung jawab atas

semua jalannya aktivitas pada aplikasi.
d. Mencegah akses penuh dari pengguna-pengguna yang
tidak berwenang.
Model Efisiensi a. Mengefisienkan waktu untuk pelaksanaan proses

Sistem
perhitungan gaji, rekap gaji, permohonan cuti, rekap
(Efficiency)
cuti, pencatatan presensi, rekap presensi, pencatatan

b. Meminimalisasi biaya dan sumber daya yang
dibutuhkan untuk pelaksanaan proses pelaporan.
3.3.2
Konsep Dasar
Sistem Informasi Kepegawaian (SIMPEG) ini ditujukan untuk
manajemen kepegawaian. SIMPEG ini terdiri dari 5 modul
kepegawaian yaitu modul Master Sistem, modul HRD, modul Cuti,
modul Presensi, dan modul Penggajian. Perhitungan gaji pegawai
pada modul Penggajian dilakukan secara otomatis sehingga
memudahkan proses pengisian data gaji.
Gambar 3.3 Gambaran Konsep Dasar SIMPEG
48
Setiap modul terdapat fitur tambah, ubah, hapus dan cari

sehingga memudahkan pengguna SIMPEG dalam pengelolaan data
kepegawaian. Pada SIMPEG tersedia fitur report untuk modul
HRD, modul Cuti, modul Presensi, dan Modul Penggajian yang
siap untuk dicetak.
Gambar 3.4 Scope dari SIMPEG

SIMPEG ini dibuat dengan dua hak akses yaitu administrator
untuk manager dan user untuk staff administrasi. Hanya
administrator lah yang dapat merubah dapat fundamental
kepegawaian yaitu data pendidikan, data agama, data departemen,
data jabatan, data cabang, data status karyawan, data jenis cuti,
data tunjangan, data potongan, data user dan data roles pada modul
master sistem.
49
3.3.3
Perancangan Sistem
3.3.3.1 ERD
Entity Relationship Diagram (ERD) digunakan unutk
mendokumentasikan dan menganalisa data-data yang
diperlukan. ERD digunakan sebagai titik awal dari desain
database. ERD menggambarkan data-data dan hubungan
antar data yang ada pada SIMPEG.
Gambar 3.5 ERD SIMPEG
50
3.3.3.2 Flowchart
SIMPEG
Admin / Manager HRD
Karyawan HRD
Flowchart di samping ini

Start
menggambarkan
alur
proses yang terjadi di
Input Data Master

Sistem
dalam SIMPEG. Dimana

Data Master
Sistem
Input Data
Karyawan
admin
terlebih
mengisikan
fundamental
Cetak Report
Report Data
Karyawan
data
di
Master Sistem berlanjut

sampai proses penggajian
Input Data
Presensi
Data Presensi
Report Data
Presensi
Input Data Cuti
Cetak Report
Data Cuti
Report Cuti
Input Data Gaji
Cetak Report
modul
Data Karyawan
dan report penggajian di

modul penggajian.
Cetak Report
dahulu
Data Gaji
Report Gaji
Selesai
Gambar 3.6 Flowchart
51
3.3.3.3 Use Case Diagram
Gambar 3.7 Use Case Diagram

Use Case Diagram menggambarkan interaksi antara
sistem dan user. Use Case menggambarkan siapa saja yang
menggunakan sistem dan apa saja interaksi yang dilakukan
antara user dengan sistem. Terdapat dua user pada
SIMPEG yaitu:
a. Administrator
Administrator/Manager
dapat
melakukan
pengelolaan data master sistem, data karyawan,

data presensi, data cuti, dan data pengajian.
Administrator dapat mendapatkan laporan data
karyawan, laporan data presensi, data cuti, dan data
penggajian.
b. Staff administrasi
Staff administrasi dapat melakukan penglolaan
data karyawan, data presensi, dan data penggajian
saja.
52
3.3.3.4 Class Diagram
Gambar 3.8 Class Diagram

Class Karyawan terbentuk karena memiliki relasi dengan
class cabang, class agama, class jabatan, class departemen,
class pendidikan, dan class status untuk. Class Presensi
terbentuk karena memiliki relasi dengan class Karyawan. Class
KaryawanPotongan terbentuk karena memiliki relasi dengan
class Karyawan dan class Potongan. Class Potongan terbentuk
karena
memilik
relasi
dengan
class
Status.
Class
KaryawanTunjangan terbentuk karena memiliki relasi dengan

class Karyawan dan class Tunjangan. Class Tunjangan
terbentuk karena memiliki relasi dengan class Status. Class
PermohonanCuti terbentuk karena memiliki relasi dengan class
Karyawan dan class JenisCuti. Class Penggajian terbentuk
karena memiliki relasi dengan class Karyawan. Class
Penggajian Detail terbentuk karena memiliki relasi dengan
53
Penggajian. Class User terbentuk karena memiliki relasi

dengan class Roles
3.3.3.5 Activity diagram
a. Modul Penggajian
o Activity Diagram Input Penggajian
Gambar 3.9 Activity Diagram Input Penggajian

Activity Diagram Input Penggajian dimulai dari
pengguna membuka SIMPEG dan melakukan login.
Username dan password yang dimasukkan oleh
pengguna akan dicek apakah benar seperti yang
terdapat di database. Jika benar pengguna akan
diarahkan ke halaman dashboard, sedangkan jika
salah pengguna diminta untuk memasukan ulang
username dan password. Pada halaman dashboard
pengguna memilh sub modul Input Penggajian pada
modul Penggajian lalu pengguna akan diarahkan ke
form input penggajian. Saat mengisi form input
54
penggajian, pengguna memasukan nik karyawan

lalu input tersebut akan diteruskan untuk dicek ke
database. Jika benar maka beberapa field pada form
input akan terisi secara otomatis. Jika salah field
akan tetap kosong. Selanjutnya pengguna memilih
tombol hitung total gaji, lalu SIMPEG akan
melakukan perhitungan total gaji secara otomatis
dan melengkapi form input gaji. Pengguna lalu
memilih tombol simpan, data akan tersimpan ke
database.
o Activity Diagram Report Penggajian
Gambar 3.10 Activity Diagram Report Penggajian

Activity Diagram Report Penggajian dimulai dari
55

pengguna memilh sub modul List Penggajian pada
halaman List Penggajian dan SIMPEG akan
menampilkan seluruh data pengggajian. Pengguna
dapat memilih data mana yang mau ditampilkan
dengan memasukan nik atau nama depan beserta
tanggal pada kolom pencarian. Tetapi jika data yang
dicari sudah ada pada halaman pertama, pengguna
tidak perlu melakukan pencarian. Setelah itu
pengguna memilih data yang mau dijadikan report
dengan mencentang checkbox. Lalu SIMPEG akan
menampilkan report penggajian secara otomatis dan
report siap dicetak.
o Activity Diagram Hapus Penggajian
Gambar 3.11 Activity Diagram Hapus Penggajian

Activity Diagram Hapus Penggajian dimulai dari
56

pengguna memilh sub modul List Penggajian pada
halaman List. Pengguna dapat memilih data mana
yang mau ditampilkan dengan memasukan nik atau
nama depan beserta tanggal pada kolom pencarian.
Tetapi jika data yang dicari sudah ada pada halaman
pertama,
pengguna
tidak
perlu
melakukan
pencarian. Lalu pengguna memilih data yang mau

dihapus
dengan
mencentang
checkbox.
Lalu
SIMPEG akan meneruskan input untuk menghapus

data di database.
b. Modul Presensi
o Activity Diagram Input Presensi
Gambar 3.12 Activity Diagram Input Presensi
57
Activity Diagram Input Presensi dimulai dari

pengguna memilh sub modul Input Presensi pada
modul Presensi lalu pengguna akan diarahkan ke
halaman list data presensi. Pengguna mengisikan
nik pada field yang terdapat di atas list data presensi
untuk absen masuk dan absen keluar. Input dari
pengguna akan disimpan ke dalam database.
o Activity Diagram Edit Presensi
Gambar 3.13 Activity Diagram Edit Presensi

Activity Diagram Edit Presensi dimulai dari
58

halaman list data presensi. Pengguna memilih data
presensi yang mau di-edit dengan memilih tombol
edit. Lalu pengguna akan diarahkan ke form edit
presensi. Setelah selesai mengisikan data, pengguna
memilih tombol save untuk menyimpan data yang
telah di-edit ke dalam database atau memilih
tombol cancel untuk membatalkan dan kembali ke
halaman list data presensi. Lalu pengguna akan
diarahkan ke halaman list data presensi.
o Activity Diagram Hapus Presensi
Gambar 3.14 Activity Diagram Hapus Presensi
59
Activity Diagram Hapus Presensi dimulai dari

halaman list data presensi. Pengguna memilih data
presensi yang mau dihapus dengan memilih tombol
hapus. Selanjutnya pengguna akan diberikan pesan
konfirmasi untuk menghapus data. Jika memilih OK
data tersebut akan terhapus di database sedangkan
jika
memilih
cancel
maka
SIMPEG
akan
membatalkan penghapusan. Lalu pengguna akan

diarahakan ke list data presensi.
o Activity Diagram Report Presensi
Gambar 3.15 Activity Diagram Report Presensi
60
Activity Diagram Report Presensi dimulai dari

diarahkan ke halaman dashboard, jika salah
pengguna
diminta
untuk
memasukan
ulang

pengguna memilh sub modul Rekap Presensi pada
modul Presensi lalu pengguna diarahkan ke halaman
Rekap Presensi. Pengguna mengisikan tanggal awal
dan tanggal akhir rekap dan memilih tombol
generate. SIMPEG akan menampilkan report
presensi secara otomatis dan report siap dicetak.
c. Modul Cuti
o Activity Diagram Input Cuti
Gambar 3.16 Activity Diagram Input Cuti
61
Activity Diagram
Input Cuti dimulai dari

pengguna memilh sub modul Input Cuti pada modul
Cuti lalu pengguna diarahkan ke form input cuti.
Lalu pengguna memasukan nik karyawan dan
memilih tombol cari, lalu input tersebut akan
diteruskan untuk dicek ke database. Jika benar
maka beberapa field pada form input akan terisi
secara otomatis. Jika salah field akan tetap kosong.
Selanjutnya pengguna melengkapi form input cuti.
Pengguna lalu memilih tombol save changes, data
akan tersimpan ke database atau memilih tombol
cancel untuk membatalkan. Lalu pengguna akan
diarahkan ke halaman list data cuti.
o Activity Diagram Report Cuti
Gambar 3.17 Activity Diagram Report Cuti
62
Activity Diagram Report Cuti dimulai dari

pengguna memilh sub modul Informasi Cuti pada
modul Cuti lalu pengguna akan diarahkan ke
halaman list data cuti. Lalu pengguna memilih
tombol report. Lalu SIMPEG akan menampilkan
report cuti secara otomatis dan report siap dicetak.
o Activity Diagram Hapus Cuti
Gambar 3.18 Activity Diagram Hapus Cuti
63
Activity Diagram Hapus Cuti dimulai dari

halaman list data cuti. Pengguna memilih data cuti
yang
mau
dihapus
dengan
terlebih
dahulu
melakukan pencarian dengan mengisikan nik, atau

jika data yang mau dihapus sudah ada pada halaman
pertama pengguna selanjutnya memilih tombol
jika
memilih
cancel
maka
SIMPEG
akan

diarahkan ke list data cuti.
o Activity Diagram Edit Cuti
Activity Diagram Edit Cuti dimulai dari pengguna
membuka
SIMPEG
dan
melakukan
login.

64

halaman list data cuti. Pengguna memilih data cuti
yang
mau
dihapus
dengan
terlebih
dahulu

pertama pengguna selanjutnya memilih tombol edit.
Selanjutnya pengguna akan diarahkan ke form edit
cuti.
Gambar 3.19 Activity Diagram Edit Cuti

Setelah
selesai
mengisikan
data,
pengguna
memilih tombol save untuk menyimpan data yang

telah di-edit ke dalam database atau memilih
tombol cancel untuk membatalkan dan kembali ke
halaman list data cuti. Lalu pengguna akan
diarahkan ke halaman list data cuti.
65
d. Modul HRD
o Activity Diagram Input Karyawan
Gambar 3.20 Activity Diagram Input Karyawan

Activity Diagram Input Karyawan dimulai dari
pengguna memilh sub modul Tambah Karyawan
pada modul HRD lalu pengguna akan diarahkan ke
form tambah karyaawan. Pengguna memasukan
data karyawan dan memilih tombol save changes,
data akan tersimpan ke database atau memilih
tombol cancel untuk membatalkan. Lalu pengguna
akan diarahkan ke halaman list data karyawan.
66
o Activity Diagram Hapus Karyawan
Gambar 3.21 Activity Diagram Hapus Karyawan

Activity Diagram Hapus Karyawan dimulai dari
pengguna memilh sub modul Informasi Karyawan
halaman list data karyawan. Pengguna memilih data
karyawan yang mau dihapus dengan terlebih dahulu
pertama pengguna selanjutnya memilih tombol
67

jika
memilih
cancel
maka
SIMPEG
akan

diarahkan ke list data karyawan.
o Activity Diagram Edit Karyawan
Gambar 3.22 Activity Diagram Edit Karyawan

Activity Diagram Edit Karyawan dimulai dari
68
pengguna memilh sub modul Informasi Karyawan

halaman list data karyawan. Pengguna memilih data
karyawan yang mau dihapus dengan terlebih dahulu
pertama pengguna selanjutnya memilih tombol edit.
Selanjutnya pengguna akan diarahkan ke form edit
karyawan.
Setelah
selesai
mengisikan
data,
pengguna memilih tombol save changes untuk

menyimpan data yang telah di-edit ke dalam
database atau memilih tombol cancel untuk
membatalkan dan kembali ke halaman list data
karyawan. Lalu pengguna akan diarahkan ke
halaman list data karyawan.
o Activity Diagram Report Karyawan
Gambar 3.23 Activity Diagram Report Karyawan

Activity Diagram Report Karyawan dimulai dari
69

pengguna memilh sub modul Report pada modul
HRD lalu SIMPEG akan menampilkan report
karyawan secara otomatis dan report siap dicetak.
e. Modul Master Sistem
o Activity Diagram Input Master Sistem
Gambar 3.24 Activity Diagram Input Master Sistem

Activity Diagram Input Master Sistem dimulai
dari pengguna membuka SIMPEG dan melakukan
login. Username dan password yang dimasukkan
oleh pengguna akan dicek apakah benar seperti
yang terdapat di database. Jika benar pengguna
akan diarahkan ke halaman dashboard, sedangkan
jika salah pengguna diminta untuk memasukan
ulang username dan password. Pada halaman
dashboard pengguna memilh sub modul mana yang
mau di-input pada modul Master Sistem lalu
70
pengguna akan diarahkan ke form input. Pengguna

memasukan data dan memilih tombol save changes,
data akan tersimpan ke database atau memilih
tombol cancel untuk membatalkan. Lalu pengguna
akan diarahkan ke halaman list data sub modul
tersebut.
o Activity Diagram Hapus Master Sistem
Gambar 3.25 Activitiy Diagram Hapus Master Sistem

Activity Diagram Hapus Master Sistem dimulai
dari pengguna membuka SIMPEG dan melakukan
login. Username dan password yang dimasukkan
oleh pengguna akan dicek apakah benar seperti
yang terdapat di database. Jika benar pengguna
akan diarahkan ke halaman dashboard, sedangkan
jika salah pengguna diminta untuk memasukan
ulang username dan password. Pada halaman
dashboard pengguna memilh sub modul mana yang
71
mau dihapus pada modul Master Sistem. Pengguna

memilih data yang mau dihapus dengan terlebih
dahulu melakukan pencarian, atau jika data yang
mau dihapus sudah ada pada halaman pertama
pengguna selanjutnya memilih tombol hapus.
Selanjutnya
pengguna
akan
diberikan
pesan

jika
memilih
cancel
maka
SIMPEG
akan

diarahkan ke list data sub modul tersebut.
o Activity Diagram Edit Master Sistem
Gambar 3.26 Activity Diagram Edit Master Sistem

Activity Diagram Edit Master Sistem dimulai dari
72

pengguna memilh sub modul mana yang mau diedit pada modul Master Sistem. Pengguna memilih
data yang mau di-edit dengan terlebih dahulu
melakukan pencarian, atau jika data yang mau
dihapus sudah ada pada halaman pertama pengguna
selanjutnya memilih tombol edit. Selanjutnya
pengguna akan diarahkan ke form edit. Setelah
selesai mengisikan data, pengguna memilih tombol
save changes untuk menyimpan data yang telah diedit ke dalam database atau memilih tombol cancel
untuk membatalkan dan kembali ke halaman list
data. Lalu pengguna akan diarahkan ke halaman list
data sub modul tersebut.
73
3.3.3.6 Sequence Diagram

a. Modul Penggajian
Gambar 3.27 Sequence Diagram Modul Penggajian

Sequence Diagram Modul Penggajian dimulai dari
user (administrator dan karyawan HRD) melakukan
login pada form login lalu diarahkan ke halaman
dashboard SIMPEG. SIMPEG menampilkan halaman
dashboard dan user memilih sub modul List Gaji pada
modul Penggajian. Sub modul List Gaji menampilkan
data gaji dan user melakukan crud(create, read, update,
delete) melalui form gaji. Setelah itu user memilih data
yang mau dibuatkan report-nya lalu SIMPEG akan
menampilkan report sesuai data yang dipilih user.
74
b. Modul Presensi
Gambar 3.28 Sequence Diagram Modul Presensi

Sequence Diagram Modul Presensi dimulai dari
user (administrator dan karyawan HRD) melakukan
login pada form login lalu diarahkan ke halaman
dashboard SIMPEG. SIMPEG menampilkan halaman
dashboard dan user memilih sub modul Input Presensi
pada modul Presensi. Sub modul Input Presensi
menampilkan data presensi dan user melakukan
crud(create, read, update, delete) melalui
form
presensi. Setelah itu user memilih data yang mau

dibuatkan report-nya lalu SIMPEG akan menampilkan
report sesuai data yang dipilih user.
75
c. Modul Cuti
Gambar 3.29 Sequence Diagram Modul Cuti

Sequence Diagram Modul Cuti dimulai dari user
(administrator dan karyawan HRD) melakukan login
pada form login lalu diarahkan ke halaman dashboard
SIMPEG. SIMPEG menampilkan halaman dashboard
dan user memilih sub modul Informasi Cuti pada modul
Cuti. Sub modul Informasi Cuti menampilkan data cuti
dan user melakukan crud(create, read, update, delete)
melalui form cuti. Setelah itu user memilih data yang
mau
dibuatkan
report-nya
lalu
SIMPEG
menampilkan report sesuai data yang dipilih user.
akan
76
d. Modul HRD
Gambar 3.30 Sequence Diagram Modul HRD

Sequence Diagram Modul HRD dimulai dari user
(administrator dan karyawan HRD) melakukan login
pada form login lalu diarahkan ke halaman dashboard
SIMPEG. SIMPEG menampilkan halaman dashboard
dan user memilih sub modul Informasi Karyawan pada
modul
HRD.
Sub
modul
Informasi
Karyawan
menampilkan data karyawan dan user melakukan

crud(create, read, update, delete) melalui
form
karyawan. Setelah itu user memilih data yang mau

dibuatkan report-nya lalu SIMPEG akan menampilkan
report sesuai data yang dipilih user.
77
e. Modul Master Sistem
Gambar 3.31 Sequence Diagram Modul Master Sistem

Sequence Diagram Modul Master Sistem dimulai
dari administrator melakukan login pada form login
lalu diarahkan ke halaman dashboard SIMPEG.
SIMPEG
menampilkan
halaman
dashboard
dan
administrator memilih sub modul pada modul Master

Sistem. Sub modul Master Sistem menampilkan data
dan administrator melakukan crud(create, read, update,
delete) melalui form.
78
3.3.3.7 Deployment Diagram
Gambar 3.32 Deployment Diagram SIMPEG
SIMPEG di-deploy pada server hostingan dengan

service MySQL untuk database dan PHP untuk server-side
scripting. Di sisi user, untuk dapat mengakses dan
menggunakan SIMPEG dapat dilakukan melalui web
browser.
79
3.3.4
Screenshot User interface SIMPEG

3.3.4.1 Useer Interface Login Page
Untuk dapat menggunakan SIMPEG setiap user harus
melakukan login terlebih dahulu.
Gambar 3.33 User Interface Login Page

3.3.4.2 User Interface Dashboard SIMPEG
Setelah berhasil login, user akan diarahkan secara
otomatis ke halaman dashboard.
Gambar 3.34 User Interface Dashboard
80
3.3.4.3 User Interface Modul Master Sistem
Gambar 3.35 User Interface Modul Master Sistem

Modul Master Sistem terbagi menjadi:
1. Transaksi
Sub modul Transaksi merupakan bagian yang
berhubungan
dengan
transaksi.
Sub
modul
Transaksi terbagi menjadi tiga yaitu:
Tunjangan
Gambar 3.36 User Interface Sub Modul Tunjangan

Pada
administrator
sub
dapat
modul
melihat,
Tunjangan,
mencari,
menambahkan, meng-edit dan menghapus
81
data tunjangan diantaranya jenis tunjangan,

jumlah dan status.
Potongan
Gambar 3.37 User Interface Sub Modul Potongan

Pada
administrator
sub
dapat
modul
melihat,
Potongan,
mencari,
menambahkan, meng-edit dan menghapus

data potongan diantaranya jenis potongan,
jumlah, dan status.
2. Jenis Cuti
Gambar 3.38 User Interface Sub Modul Jenis Cuti

Pada sub modul Jenis Cuti, administrator
dapat melihat, mencari, menambahkan, meng-edit
dan menghapus data jenis cuti diantaranya jenis cuti
dan jumlah hari.
82
3. Pendidikan
Gambar 3.39 User Interface Sub Modul Pendidikan

Pada sub modul Pendidikan, administrator dapat
melihat,
mencari,
menghapus
data
menambahkan,
pendidikan
meng-edit
diantaranya
dan
jenis
pendidikan.
4. Agama
Gambar 3.40 User Interface Sub Modul Agama

Pada sub modul Agama, administrator dapat
melihat,
mencari,
menambahkan,
meng-edit
menghapus data agama diantaranya agama.
dan
83
5. Departemen
Gambar 3.41 User Interface Sub Modul Departemen

Pada sub modul Departemen, administrator dapat
melihat,
mencari,
menghapus
data
menambahkan,
departemen
meng-edit
diantaranya
dan
nama
departemen.
6. Cabang
Gambar 3.42 User Interface Sub Modul Cabang

Pada sub modul Cabang, administrator dapat
melihat,
mencari,
menambahkan,
meng-edit
menghapus data cabang diantaranya nama cabang.
dan
84
7. Jabatan
Gambar 3.43 User Interface Sub Modul Jabatan

Pada sub modul Jabatan, administrator dapat
melihat,
mencari,
menambahkan,
meng-edit
dan
menghapus data jabatan diantaranya nama jabatan dan

besar tunjangan.
8. Status Karyawan
Gambar 3.44 User Interface Sub Modul Karyawan

Pada sub modul Status Karyawan, administrator
dapat melihat, mencari, menambahkan, meng-edit dan
menghapus data status karyawan diantaranya jenis
status.
85
9. Management User
Gambar 3.45 User Interface Sub Modul Management User

Pada sub modul Management User, administrator
menghapus data user diantaranya username, password
dan roles id.
10. Management Roles
Gambar 3.46 User Interface Sub Modul Management Roles

Pada sub modul Management Roles, administrator
menghapus data roles diantaranya nama roles.
86
3.3.4.4 User Interface Modul HRD
Gambar 3.47 User Interface Modul HRD

Modul HRD merupakan bagian yang berhubungan
dengan manajeman karyawan. Modul
HRD terbagi
menjadi:
a. Informasi Karyawan
Gambar 3.48 User Interface Sub Modul Informas Karyawan

Pada sub modul Informasi Karyawan, administrator
dan staff dapat melihat, mencari, meng-edit dan
menghapus data karyawan diantaranya NIK, nama
lengkap, departemen, jabatan dan status. Selain itu
terdapat tombol untuk menambahkan data karyawan
87
b. Tambah Karyawan
Gambar 3.49 User Interface Sub Modul Tambah Karyawan

Pada sub modul Tambah Karyawan, administrator
dan staff dapat menambahkan data karyawan.
c. Report
Gambar 3.50 User Interface Sub Modul Report Karyawan

Pada sub modul Report, administrator dan staff dapat
melihat dan mencetak data karyawan diantaranya NIK,
88
Nama Lengkap, Departemen, Jabatan dan Tanggal

Masuk.
3.3.4.5 User Interface Modul Cuti
Gambar 3.51 User Interface Modul Cuti

Modul Cuti merupakan modul yang berhubungan dengan
permohonan cuti karyawan. Modul Cuti terbagi menjadi:
a. Informasi Cuti
Gambar 3.52 User Interface Sub Modul Informasi Cuti

Pada sub modul Informasi Cuti, administrator dan
staff dapat melihat, mencari, meng-edit dan menghapus
data cuti diantaranya NIK, Nama Karyawan, Jenis Cuti,
Tanggal Mulai, Tanggal Akhir, Lama Cuti, dan status.
Selain itu terdapat tombol untuk menambahkan data
permohonan cuti dan menampilkan report.
89
b. Input Cuti
Gambar 3.53 User Interface Sub Modul Input Cuti

Pada sub modul Tambah Karyawan, administrator
dan staff dapat menambahkan data permohonan cuti
karyawan.
c. Report
Gambar 3.54 User Interface Sub Modul Report Cuti

Pada sub modul Report, administrator dan staff
dapat melihat dan mencetak data karyawan diantaranya
90
NIK, Nama Lengkap, Departemen, Jabatan dan Tanggal

Masuk.
3.3.4.6 User Interface Modul Presensi
Gambar 3.55 User Interface Modul Presensi

Modul Presensi merupakan modul yang berhubungan
dengan presensi karyawan. Modul presensi terbagi menjadi:
a. Input Presensi
Gambar 3.56 User Interface Sub Modul Input Presensi

Pada sub modul Input Presensi, administrator dan
staff dapat meng-inputkan data presensi karyawan.
Selain itu terdapat tombol untuk merekap presensi.
91
b. Rekap Presensi
Gambar 3.57 User Interface Sub Modul Rekap Presensi

Pada sub modul Rekap Presensi, administrator dan
staff dapat merekap data presensi karyawan dari tanggal
mulai dan tanggal akhir yang dikehendaki.
3.3.4.7 User Interface Modul Penggajian
Gambar 3.58 User Interface Modul Penggajian

Modul Penggajian merupakan modul yang berhubungan
dengan penggajian pegawai. Modul Penggajian terbagi menjadi:
92
a. List Gaji
Gambar 3.59 User Interface Sub Modul List Gaji

Pada sub modul List Gaji, administrator dan staff
dapat melihat, mencari, dan menghapus data gaji. Selain
itu terdapat tombol untuk mencetak data gaji.
b. Input Gaji
Gambar 3.60 User Interface Sub Modul Input Gaji

Pada sub modul Input Gaji, administrator dan staff
dapat meng-inputkan data gaji karyawan. Perhitungan
gaji dilakukan secara otomatis.
93
3.4 Identifikasi Kendala Yang Dihadapi
3.4.1
Kendala Pelaksanaan Tugas

Kendala yang penulis hadapi saat mengerjakan SIMPEG
diantaranya sebagai berikut:

a. Pengunduran diri pembimbing di perusahaaan di tengah masa
PKL
menyebabkan
permasalahan
teknis
penulis
ataupun
kesulitan
untuk
membutuhkan
memecahkan
arahan
untuk
mempelajarai hal baru dikarenakan tidak ada orang lain yang

menguasai teknis programming selain penulis dan rekan praktik
kerja lapangan.
b. Selama PKL penulis sering kali diberikan banyak project lain
sehingga memerlukan manajemn waktu yang tepat agar project
terselesaikan.
3.4.2
Cara Mengatasi Kendala

Berikut ini adalah cara untuk mengatasi kendala yang penulis
hadapi saat mengerjakan SIMPEG :

a. Mencari solusi dari masalah teknis di internet terutama forum
seperti stackoverflow.
b. Mencari
tutorial
dan
bahan
pembelajaran
untuk
mengembangkan kemampuan dan wawasan teknis.

c. Menyesuaikan diri dengan situasi di lingkungan kerja.
d. Melakukan manajemen waktu dengan baik sehingga project
selesai tepat waktu.
e. Berkoordinasi
dengan
rekan
Praktik
Kerja
Lapangan.
BAB IV
PENUTUP
4.1
Kesimpulan
Sistem Informasi Kepegawaian (SIMPEG) membantu manajemen
perusahaan untuk melaksanakan perencanaan, pengawasan dan evaluasi
manajemen dan administrasi kepegawaian pada PT. Arphacy Tritunggal
Utama. Dengan adanya SIMPEG maka dapat disimpulkan bahwa:
a. SIMPEG menjamin data kepegawaian lebih terorganisir dan terjamin
integritasnya
b. SIMPEG memudahkan manajemen kepegawaian untuk mendapatkan
dan membuat rekap laporan kepegawaian.
4.2
Saran
SIMPEG yang dibuat oleh penulis belumlah sempurna, penulis juga
menyadari bahwa penulis masih kurang dalam pengetahuan dan kemampuan
teknis programming. Oleh karena itu penulis memberikan beberapa saran
untuk pengembangan SIMPEG lebih lanjut antara lain:
a. Modul Presensi pada SIMPEG selanjutnya diintegrasikan dengan
Sistem Presensi Biometri.
b. Penambahan fitur Overtime pada modul Presensi dan pengintegrasian
modul Penggajian.
c. Melengkapi grafik chart pada dashboard SIMPEG.
94
DAFTAR PUSTAKA
Date, C. J. 2000. An Introduction to Database Systems (7 th ed.). Massachusetts:

Addison Wesley. Longman, Inc.
Fathansyah. 1999. Basis Data. Bandung: Informatika.
Gordon, C. Everest. 1986. Database Management. New York: McGraw-Hill, Inc.
Handoko, T Hani. 2001. Manajemen Personalia dan Sumber Daya Manusia.
Yogyakarta: BPFE Yogyakarta.
Henry, Simamora. 2001. Manajemen Sumber Daya Manusia. Yogyakarta: STIE
YKPN. .
Jogiyanto, HM. 2005 Analisis dan Desain Sistem Informasi. Yogjakarta: Andi.
Kristanto, Andi. 2008. Perancangan Sistem Informasi dan Apilkasinya.
Yogyakarta: Gava Media.
Ladjamudin, Albahra. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta:
Graha Ilmu.
Manullang. 2008. Dasar-Dasar Manajemen. Yogyakarta : Ghalia Indonesia.
Munawar. 2005. Permodelan Visual Dengan UML. Surabaya: Graha Ilmu.
Musanef. 2005. Manajemen Kepegawaian di Indonesia. Jakarta: Gunung Agung.
Ridha,
Hafiz.
Implementasi
Twitter
Bootstrap
pada
CodeIgniter.
http://ilmukomputer.org/wp-content/uploads/2013/05/hafizimplementasibootstrappadaci.pdf, [8 Desember 2014]

Riza,
Irsan.
2013.
Pengenalan
HTML,
CSS,
dan
JavaScript.
http://muksidin.esy.es/ebook/web/html-css-js-dasar.pdf, [9 Desember 2014]
95
Setiawan, Wawan. dan Munir. 2006. Pengantar Teknologi Informasi: Sistem

Informasi. Bandung: Universitas Pendidikan Indonesia.
Sukarna, 2007. Dasar-Dasar Manajemen. Bandung: Mandar Maju.
Sutabri, Tata. 2005. Sistem Informasi Manajemen. Yogyakarta: Andi.
Witarto. 2004. Memahami Sistem Informasi. Bandung: Informatika.
96
L-3
GAMBARAN UMUM PERUSAHAAN
Logo PT Arphacy Tritunggal Utama

PT. Arphacy Tritunggal Utama adalah badan hukum dari M2D. M2D
didirkan pada tahun 2009. M2D merupakan perusahaan yang bergerak di bidang
Advertising Agency dengan menyediakan jasa creative design, event organizer,
marketing consultant, TVC dan social media management. Namun saat ini M2D
mulai memperluas ruang lingkup penyediaan jasanya ke arah IT solution dengan
menawarkan jasa web development dan web maintenance sehingga terbentuklah
divisi IT. Maka saat ini terdapat 5 divisi/unit kerja pada M2D yaitu Administrasi,
Sales & Marketing, Creative Design, Social Media Management, dan IT.
Struktur Organisasi PT. Arphacy Tritunggal Utama
Visi:
Menjadi perusahaan yang dapat memberikan ide, kreasi, pemasaran
digital, program media yang dapat dipahami secara global dan menjadi yang
terbaik dari yang terbaik.
Misi:
1
Menjalankan perusahaan dengan etika, kejujuran, dan integirtas
Memenuhi kebutuhan klien dengan selalu memberikan ide-ide kreatif dan

strategi brilian dan mendapatkan penjualan tertinggi.
Bekerja keras dan berdoa serta penuh tanggung jawab kepada masyarakat.
Kebudayaan perusahaan:
1
Fokus pada tujuan
Disiplin, juror dan berintegritas
Sinergi dalam bekerja sama
Transparansi, komunikasi, dan koordinasi
Kreatif dan bersemangat tinggi
Belajar dan berbagi pengetahuan.
Tugas Dan Wewenang Divisi

1. Divisi Administrasi
Tugas: Merencanakan, dan melaksanakan, kegiatan administrasi sesuai
dengan visi, misi, tujuan, dan rencana kerja.
Wewewenang: Menggunakan sarana dan prasarana untuk keperluan
administrasi sehingga terdorongnya efektivitas dan efisiensi kerja serta
pelayanan.
Divisi Administrasi terdiri dari Admin Staff dan Finance Staff.
Admin Staff bertugas untuk menjaga dan mengupdate informasi

administasi mulai dari office supply, stationaries, mempersiapkan
arrangement meeting detail, absensi staff, melakukan surat menyurat serta
kegiatan lain yang mencangkup keperluan perusahaan secara teknis.
Finance Staff bertanggung jawab atas segala aktivitas keuangan,
melakukan pengaturan, transaksi, dan membuat laporan keuangan
perusahaan.
2. Divisi Sales & Marketing
Tugas: Melakukan pemasaran dan penjualan produk/jasa yang dimiliki
M2D.
Wewenang: Menggunakan sarana dan prasarana untuk keperluan
pemasaran dan penjualn sehingga mencapai target perusahaan.
Divisi Sales & Marketing terdiri dari Sales dan Account Executive .
Sales bertugas untuk menjual produk/jasa secara langsung ke end user
melalui prospecting, presentasi dan closing.
Sedangkan Account Executive mempunyai job desc berupa merencanakan
penjualan, presentasi, closing serta after sales service.
3. Divisi Creative Design
Tugas: Menghasilkan karya visual sebagai solusi untuk kebutuhan klien.
Wewenang: Menggunakan sarana dan prasarana untuk keperluan desain
kreatif sehingga komunikasi visual dapat tersampaikan dengan baik.
Divisi Creative Design terdiri dari Art Director dan Graphic Designer.
Art Director memiliki job desc menuangkan ide, membuat konsep dan
materi kreatif, merealisasikan ke dalam bentuk karya visual, menjaga
kualitas dan mencapai target karya kreatif.
Graphic Designer membuat desain visual sesuai konsep dan arahan Art
Director.
4. Divisi Social Media Management
Tugas: Mememilhara brand image dan membangun brand awareness
klien melalui social media.
Wewenang: Menggunakan sarana dan prasarana perusahaan untuk
mewujudkan aktivitas social media management yang produktif dan sesuai
dengan target.
Divisi Social Media Management terdiri dari Social Media Manager dan
Social Media Admin.
Social Media Manager memiliki job desc untuk merancang dan
mengimplementasikan
strategi
social
media,
membangun
brand
awareness klien, meningkatkan lalu lintas pengunjung ke situs web klien

dan mendorong penggunaaan produk/layanan klien.
Social Media Admin bertugas untuk membuat editorial planning, posting
konten, dan melakukan interaksi pada account social media klien.
5. Divisi IT
Tugas: Menghasilkan solusi berbasis IT untuk kebutuhan klien dan
internal perusahaan.
Wewenang: Menggunakan sumber daya IT untuk menghasilkan solusi
berbasis IT.
Divisi IT terdiri dari IT Project Manager, Web Administrator, dan Web
Programmer.
IT Project Manager memiliki job desc untuk merencanakan, memberi
arahan, mengalokasikan sumber daya sesuai dengan kebutuhan project dan
melakukan monitoring progress setiap project IT.
Web Programmer bertugas untuk membuat website sesuai kebutuhan klien

berdasarkan arahan dan perencanaan IT Project Manager, dalam
pembuatan website dilakukan analisa dan desain, pemrograman, testing,
dan implementasi/deploy website.
Web Administrator bertugas untuk melakukan web maintenance berupa
pengelolaan dan update konten gambar, teks, mengecek dan memperbaiki
fitur fungsional web site, serta melakukan search engine optimazation dan
memonitor traffic web site.
L-4
FOTO DOKUMENTASI PKL
Foto 1 Tampak Luar Kantor M2D
Foto 2 Ruang Kerja Divisi IT
Foto 3 Meeting
Foto 4 Ruang Kerja Divisi Social

Media & Creative Design

Abdul Fachmi - LAPORAN PRAKTIK KERJA LAPANGAN PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Abdul Fachmi - LAPORAN PRAKTIK KERJA LAPANGAN PDF

Transféré par

Droits d'auteur :

Formats disponibles

LAPORAN PRAKTIK KERJA LAPANGAN

PROGRAM STUDI TEKNIK INFORMATIKA

: Sistem Informasi Kepegawaian Berbasis Web Dengan

PHP Framework CodeIgniter Pada PT. Arphacy Tritunggal Utama

: Teknik Informatika dan Komputer

d. Waktu Pelaksanaan : 1 Desember 2014

Iwan Sonjaya, ST. MT

Timothy Albert, BComm

NIP 19760530 200812 1 002

(Dewi Yanti Liliana, S.Kom., M.Kom.)

Sahabat yang telah banyak membantu penulis dalam menyelesaikan

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

Latar Belakang Kegiatan .......................................................................... 1

Ruang Lingkup Kegiatan .......................................................................... 2

Waktu dan Tempat Pelaksanaan ............................................................... 3

Waktu Pelaksanaan ........................................................................... 3

Tempat Pelaksanaan .......................................................................... 3

Tujuan dan Kegunaan ............................................................................... 3

BAB II TINJAUAN PUSTAKA........................................................................... 6

Sistem Informasi ....................................................................................... 6

Definisi Sistem .................................................................................. 6

Definisi Informasi ............................................................................. 7

Definisi Sistem Informasi ................................................................. 7

Pengembangan Sistem Informasi ............................................................. 8

Tahap Perencanaan Sistem ................................................................ 8

Tahap Analisis Sistem ....................................................................... 8

Tahap Perancangan/Desain ............................................................... 8

Tahap Implementasi Sistem .............................................................. 9

Tahap Pemeliharaan Sistem ............................................................ 10

Konsep Manajemen Kepegawaian ......................................................... 10

Pengertian Manajemen .................................................................... 10

Fungsi Manajemen .......................................................................... 11

Manajemen Kepegawaian ............................................................... 12

Sistem Informasi Kepegawaian .............................................................. 15

Tujuan Sistem Informasi Kepegawaian (SIMPEG) ........................ 16

Pengertian Data ............................................................................... 17

ERD (Entity Relationship Diagram) ...................................................... 19

Kardinalitas (Cardinality) ............................................................... 20

Kunci (Key) ..................................................................................... 21

UML(Unified Modeling Language) ....................................................... 24

Use Case Diagram .......................................................................... 25

Class Diagram ................................................................................ 25

Activity Diagram ............................................................................. 26

Sequence Diagram .......................................................................... 26

Deployment Diagram ...................................................................... 27

Kelebihan CodeIgniter .................................................................... 34

BAB III HASIL PELAKSANAAN PKL ........................................................... 40

Unit Kerja PKL ...................................................................................... 40

Uraian Praktik Kerja Lapangan .............................................................. 41

Pembahasan Hasil PKL .......................................................................... 44

Konsep Dasar .................................................................................. 47

Perancangan Sistem ........................................................................ 49

3.3.3.1 ERD ............................................................................................. 49

Use Case Diagram ..................................................................... 51

Class Diagram ............................................................................ 52

3.3.3.5 Activity diagram .......................................................................... 53

Screenshot User interface SIMPEG................................................ 79

3.3.4.1 Useer Interface Login Page......................................................... 79

User Interface Modul Master Sistem ......................................... 80

3.3.4.4 User Interface Modul HRD ......................................................... 86

Identifikasi Kendala Yang Dihadapi ...................................................... 93

Kendala Pelaksanaan Tugas ............................................................ 93

Cara Mengatasi Kendala ................................................................. 93