abdul fachmi - laporan praktik kerja lapangan.pdf

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






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 tang

abdul fachmi - laporan praktik kerja lapangan.pdf

Documents