abdul fachmi - laporan praktik kerja lapangan.pdf
TRANSCRIPT
-
i
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
-
ii
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
-
iii
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;
2 Pihak PT. Arphacy Tritunggal Utama yang telah banyak membantu dalam
usaha memperoleh data yang penulis perlukan;
3 Orang tua dan keluarga penulis yang telah memberikan bantuan dukungan
material dan moral;
4 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
-
iv
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
-
v
2.3.2 Fungsi Manajemen .......................................................................... 11
2.3.3 Manajemen Kepegawaian ............................................................... 12
2.4 Sistem Informasi Kepegawaian .............................................................. 15
2.4.1 Tujuan Sistem Informasi Kepegawaian (SIMPEG) ........................ 16
2.5 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
-
vi
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
-
vii
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
-
viii
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
-
ix
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
-
x
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
-
xi
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
-
1
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
-
2
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
-
3
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.
-
4
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.
b Memudahkan dalam perhitungan gaji karena SIMPEG akan
melakukan perhitungan secara otomatis.
c Memudahkan dalam mendapatkan informasi presensi
karena SIMPEG akan secara otomatis merekap data
presensi.
d Memudahkan dalam mendapatkan informasi cuti karena
SIMPEG akan secara otomatis merekap data cuti.
e 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.
b Mendapatkan ilmu pengetahuan baru mengenai manajemen
kepegawaian.
c Dapat mengimplementasikan ilmu pengetahuan dan
ketrampilan yang didapat di bangku kuliah.
-
5
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.
b Memberikan gambaran tentang kesiapan mahasiswa dalam
menghadapi dunia kerja dari hasil yang diperoleh selama
pembelajaran pada masa kuliah.
-
6
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.
-
7
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.
-
8
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-
-
9
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 individu-
individu 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 dalam bukunya yang berjudul Dasar-Dasar
Manajemen, bahwa manajemen kepegawaian (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 sebaik-
baiknya.
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 unsur-
unsur manajemen dalam pelaksanaannya.
-
14
2 Pembinaan pegawai diarahkan ke produktifitas kerja yang
dapat menimbulkan efektifitas dan efisiensi kerja.
3 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.
4 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.
5 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.
7 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
b Kesemuanya mencakup kerjasama dengan mempertimbangkan
hubungan antar manusia dan kebutuhan perorangan serta
kelompok, sehingga setiap pegawai terdorong untuk
memberikan sumbangan yang terbaik bagi 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 administrasi kepegawaian atau
mengoptimalisasikan administrasi kepegawaian untuk 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.
b Membantu kelancaran administrasi dan manajemen
kepegawaian agar pegawai mendapat 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, nyata maupun
abstrak 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 antara
entitas satu 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.
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.
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.
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 :
1 1
1 M
M M
-
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 Input
keyboard
Menunjukkan input yang
dilakukan secara manual.
-
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 mencetak
laporan ke printer.
*Sumber: Ladjamudin, 2005: 211
-
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 class-
class 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: , ,
, dan sebagainya.
Tag-tag tersebut bisa bersarang pada tag lainnya sesuai dengan
tingkatan yang diinginkan.
Contoh:
Selain tag yang harus ditulis berpasangan seperti itu, ada juga tag
yang tidak ditulis secara berpasangan.
Contoh: , , , 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 dan diakhiri dengan tag .
Untuk memanggil file javascipt dari html digunakan tag berikut , 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 men-
download (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-View-
Controller 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 macam-
macam 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. Controller-
lah 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.
-
40
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
-
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.
3 Melakukan testing untuk memastikan sistem dan teknologi
informasi berjalan sesuai dengan fungsi dan requirement.
4 Melakukan implementasi dan pemeliharaan sistem dan
teknologi informasi.
5 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 Lalu penulis juga
melanjutkan web development 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 men-
deploy 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 men-
deploy 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 account-
account 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
Kebutuhan
Deskripsi
Jenis Aplikasi Berbasis Web
Spesifikasi a PHP Framework CodeIgniter untuk back-end.
b Bootstrap untuk front-end.
Modul Yang
Tersedia
a Modul Master Sistem meliputi manajemen tunjangan,
potongan, jenis cuti, pendidikan, agama, departemen,
cabang, jabatan, status karyawan, user dan roles.
b Modul HRD meliput manajemen data karyawan dan
report data karyawan.
c Modul Cuti meliputi manajemen data cuti dan report
data cuti.
d Modul Presensi meliputi manajemen data presensi dan
report rekap presensi.
e Modul Penggajian meliputi manajemen data
penggajian dan report penggajian.
User a Administrator untuk manager dengan hak akses
semua modul
b User untuk staff administrasi dengan hak akses modul
HRD, Cuti, Presensi dan Penggajian.
-
46
Tabel 3.2 User Requirement Non-Teknikal
Jenis
Kebutuhan
Deskripsi
Model Kinerja
(Performance)
a. Mengefisienkan waktu proses pengolahan data
kepegawaian dari 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
Penyimpanan
Data
(Information)
a. Melakukan penyimpanan data berupa data master
sistem, data kepegawaian, data cuti, data presensi,
dan data penggajian secara terpusat sehingga
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)
a. Penghematan biaya operasional untuk transfer
informasi yang selama ini dilakukan secara manual.
b. Memperlancar aliran informasi kepegawaian.
Model
Pengontrolan
Sistem
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
Sistem
(Efficiency)
a. Mengefisienkan waktu untuk pelaksanaan proses
perhitungan gaji, rekap gaji, permohonan cuti, rekap
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
Flowchart di samping ini
menggambarkan alur
proses yang terjadi di
dalam SIMPEG. Dimana
admin terlebih dahulu
mengisikan data
fundamental di modul
Master Sistem berlanjut
sampai proses penggajian
dan report penggajian di
modul penggajian.
Gambar 3.6 Flowchart
SIMPEG
Admin / Manager HRD Karyawan HRD
Start
Report Data
Karyawan
Data KaryawanCetak Report
Data Master
Sistem
Input Data Master
Sistem
Input Data
Karyawan
Input Data
Presensi
Data PresensiCetak Report
Report Data
PresensiInput Data Cuti
Data Cuti
Cetak Report
Report Cuti
Input Data Gaji
Cetak Report
Report Gaji
Data Gaji
Selesai
-
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
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
-
55
salah pengguna diminta untuk memasukan ulang
username dan password. Pada halaman dashboard
pengguna memilh sub modul List Penggajian pada
modul Penggajian lalu pengguna akan diarahkan ke
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
pengguna membuka SIMPEG dan melakukan login.
Username dan password yang dimasukkan oleh
-
56
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 List Penggajian pada
modul Penggajian lalu pengguna akan diarahkan ke
halaman List. Pengguna dapat memilih data mana
yang mau ditampilkan dengan memasukan nik atau
nama depan beserta tang