i
i
RANCANG BANGUN SISTEM INFORMASI KEPEGAWAIAN
(STUDI KASUS BANK MUAMALAT INDONESIA)
Disusun Oleh :
MARWAZIAH
106093003107
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH
JAKARTA
2011 M / 1433 H
i
i
RANCANG BANGUN SISTEM INFORMASI KEPEGAWAIAN
STUDI KASUS: BANK MUAMALAT INDONESIA
Skripsi
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar
Sarjana Komputer
Program Studi Sistem Informasi Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta
Oleh :
Marwaziah
106093003107
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH
JAKARTA
2011 M/1433 H
ii
ii
iii
iii
iv
iv
PERNYATAAN
DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-
BENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN
SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI
MANAPUN.
Jakarta, Desember 2011
Marwaziah
106093003107
v
v
ABSTRAK
MARWAZIAH, Rancang Bangun Sistem Informasi Kepegawaian (Studi Kasus:
Bank Muamalat Indonesia) dibawah bimbingan NUR AENI HIDAYAH dan
BAYU WASPODO.
Seiring dengan perkembangan teknologi yang begitu pesat sangat
berpengaruh terhadap bisnis. Perusahaan yang tidak menggunakan teknologi
menjadi kalah bersaing. Peningkatan penggunaan sistem informasi juga tidak
terlepas dari perhatian manajemen dalam perusahaan terhadap betapa pentingnya
manajemen informasi. Pada saat ini pengolahan informasi mengenai kepegawaian
pada Bank Muamalat Indonesia sudah dilakukan dengan terkomputerisasi, artinya
data-data yang mengenai kepegawaian sudah berada di dalam suatu komputer
dalam program Microsoft Office Access Database pada bagian kepegawaian.
Namun aplikasi tersebut masih kurang optimal yaitu aplikasi tersebut hanya
sebagai tempat penyimpanan data pegawai yang bekerja di Bank Muamalat
Indonesia, sedangkan untuk kegiatan-kegiatan administrasi kepegawaian lainnya
seperti pengolahan data pensiun, data pendidikan, data pribadi pegawai, semua
proses kegiatan masih dilakukan secara manual dan Bagian Kepegawaian harus
membuka buku besar data kepegawaian untuk melihat data pegawai yang sudah
memasuki umur pensiun. Selain itu buku harus diperbaharui setiap ada pegawai
yang pensiun, mutasi, serta data-data kepegawaian lainnya seperti data
pendidikan, serta data pribadi pegawai. Perancangan sistem pengelolaan data
pegawai ini menggunakan metode RAD (Rapid Application Development) dengan
tools UML (Unified Modeling Language) dengan menggunakan diagram antara
lain use case diagram, activity diagram, class diagram, sequence diagram dan
statechart diagram sampai dengan tahap testing menggunakan blackbox testing
yang di uji coba untuk bagian kepegawaian, pegawai dan manager. Dari penelitian
ini menghasilkan sebuah rancang bangun sistem informasi kepegawaian Bank
Muamalat Indonesia yang juga mengambil data dari BMI cabang pancoran untuk
penambahan data dalam batasan penelitian yang berfungsi untuk mendukung
jalannya proses administrasi kepegawaian, sehingga pekerjaan yang sebelumnya
dilakukan secara manual bisa lebih mudah dan terkomputerisasi dengan baik.
Kata kunci: BMI Cabang Pancoran, Sistem Informasi Kepegawaian, RAD
(Rapid Application Development), UML (Unified Modeling Language).
V Bab + xxii + 222 Halaman + 80 Gambar + 48 Tabel + 16 Daftar Pustaka + 6
Lampiran
Daftar Pustaka: 16 (2002-2010)
vi
vi
KATA PENGANTAR
Bismillahirrahmanirrahim,
Alhamdulillah wa kabirotun syukru illa Allah SWT, yang telah
memberikan nikmat sehat dan nikmat ilmu yang luar biasa sehingga
peneliti dapat menyelesaikan skripsi ini dengan judul Rancang Bangun
Sistem Informasi Kepegawaian (Studi Kasus: Bank Muamalat
Indonesia) dengan baik. Shalawat serta salam kepada Nabi Muhammad
SAW, beserta sahabat dan keluarga beliau.
Walaupun tidak ada terjadi kendala yang berarti dalam penyusunan
skripsi ini, peneliti menyadari masih banyak kekurangan di dalamnya.
Untuk itu peneliti sangat mengharapkan dan menghargai adanya kritik dan
saran yang berguna dari pembaca. Dengan mengucap kalimat hamdallah
peneliti akhiri, semoga ridho Allah SWT selalu menyertai sehingga apa
yang tertulis dapat bermanfaat bagi yang membaca.
Banyaknya dukungan serta dorongan motivasi dari berbagai pihak
yang telah mendampingi peneliti menyelesaikan skripsi ini. Oleh karena
itu, pada kesempatan ini perkenankanlah peneliti menghaturkan terima
kasih yang sebesar-besarnya kepada:
1. Bapak DR. Syopiansyah Jaya Putra, M.Sis. selaku Dekan Fakultas
Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah
Jakarta.
vii
vii
2. Ibu Nur Aeni Hidayah, MMSI. selaku Ketua Program Studi Sistem
Informasi Fakultas Sains dan Teknologi, UIN Syarif Hidayatullah
Jakarta. Yang sekaligus sebagai dosen pembimbing I saya dan Bapak
Zainul Arham, M.Si selaku Sekretaris Program Studi Sistem
Informasi di Fakultas Sains dan Teknologi, UIN Syarif Hidayatullah
Jakarta.
3. Bapak Bayu Waspodo, MM. selaku dosen pembimbing II yang selalu
memberikan bimbingan, arahan tentang penulisan skripsi yang baik,
dan selalu meluangkan waktu untuk dapat bertukar pikiran serta
memberikan pemikiran dalam membantu menyelesaikan skripsi ini.
4. Ibu Rima selaku HRD Officer yang telah memberikan saya izin untuk
penelitian di BMI Cabang. Pancoran.
5. Ibu Puji Lestari dan seluruh pegawai BMI yang tidak dapat disebutkan
satu persatu yang telah membantu saya untuk melakukan penelitian
dan memberikan data-data yang saya butuhkan untuk penelitian di
BMI Cab. Pancoran.
6. Orang tua saya Bapak Lukman Hakim dan Ibu Rosyidah, serta adik-
adikku tercinta Shalahuddin Al-Ayyubi dan Qothrunnada yang telah
memberikan motivasi, semangat, dukungan, nasehat yang tak ternilai
harganya.
7. Buat teman-teman SIBIS ANGEL (Nia, Ovi, Tresna, Nurul, Ratih dan
Rahmi). Dan juga untuk teman-teman U-Can C (Inoe, Ariel, Iman,
Ali, Habib, Nanda, Lutfi, Afif, Alam, Nurul Fajri, Oki, Ridho, Meta,
viii
viii
Nina, Fatma dan lain-lain) yang telah memberikan motivasi,
dukungan, nasehat dan semangat dalam membuat skripsi ini.
8. Buat teman baik saya Irwan Yulistiawan yang telah membantu saya
khususnya dalam pembuatan aplikasi.
9. Untuk Kosmara pujaan hatiku yang telah membantu dan selalu
memberikan semangat dalam pembuatan skripsi ini.
10. Dan semua pihak yang tidak dapat disebutkan satu persatu yang telah
membantu saya selama penelitian dan penyusunan skripsi ini.
Pada kesempatan ini saya ingin mohon maaf yang sebesar-
besarnya kepada semua pihak apabila sewaktu menjalankan penelitian ini
ada hal-hal yang kurang berkenan dari pihak saya.
Akhir kata peneliti berharap agar skripsi ini dapat bermanfaat bagi
peneliti dan semua yang membaca.
Jakarta , Desember 2011
Marwaziah
ix
ix
DAFTAR ISI
JUDUL ................................................................................................................................. i
LEMBAR PENGESAHAN PEMBIMBING .................................................................... ii
LEMBAR PENGESAHAN UJIAN ................................................................................... iii
LEMBAR PERNYATAAN ................................................................................................ iv
ABSTRAK ........................................................................................................................... v
KATA PENGANTAR ......................................................................................................... vi
DAFTAR ISI ......................................................................................................................... ix
DAFTAR SIMBOL .............................................................................................................. xiv
DAFTAR GAMBAR ........................................................................................................... xvii
DAFTAR TABEL .......................................................................................................... ...xxi
BAB I PENDAHULUAN .................................................................................................... 1
1.1 Latar Belakang ................................................................................................. 1
1.2 Rumusan Masalah ............................................................................................ 3
1.3 Batasan Masalah .............................................................................................. 4
1.4 Tujuan Penulisan .............................................................................................. 5
1.5 Manfaat Penulisan ............................................................................................ 5
1.6 Metode Penelitian ............................................................................................ 6
1.6.1 Metode Pengumpulan Data ......................................................................... 6
1.6.2. Metode Pengembangan Sistem Informasi .................................................. 7
1.7 Sistematika Penulisan ...................................................................................... 8
BAB II LANDASAN TEORI ............................................................................................. 10
2.1 Pengertian Rancang Bangun ........................................................................... 10
2.2 Konsep Dasar Sistem ....................................................................................... 11
2.2.1 Pengertian Sistem ................................................................................. 11
2.2.2 Karakteristik Sistem ............................................................................. 11
2.2.3 Klasifikasi Sistem ................................................................................. 13
2.3 Konsep Dasar Informasi ................................................................................... 15
2.3.1 Data dan Informasi ................................................................................ 15
x
x
2.3.2 Siklus Informasi ................................................................................... 16
2.3.3 Kualitas Informasi ................................................................................ 17
2.3.4 Nilai Informasi ..................................................................................... 18
2.4 Konsep Dasar Sistem Informasi ....................................................................... 18
2.4.1 Pengertian Sistem Informasi ................................................................. 18
2.4.2 Komponen Sistem Informasi ................................................................ 19
2.5 Konsep Sistem Informasi Kepegawaian ........................................................... 20
2.5.1 Pengertian Kepegawaian ....................................................................... 21
2.5.2 Fungsi Kepegawaian ............................................................................. 22
2.5.3 Pengertian Sistem Informasi Kepegawaian .......................................... 24
2.5.4 Model Sistem Informasi Kepegawaian ................................................. 25
2.5.4.1 Input (Masukan) ........................................................................ 26
2.5.4.2 Output (Keluaran) ..................................................................... 27
2.6 Pengamanan Sistem Informasi Kepegawaian ................................................... 28
2.7 Rapid Aplication Development (RAD) ............................................................. 28
2.7.1 Tentang RAD ........................................................................................ 28
2.8 Strategi Pengembangan Model-Driven ............................................................. 30
2.9 Konsep Basis Data dan DBMS (DataBase Management System) ................... 31
2.9.1 BasisData (Database) ........................................................................... 32
2.9.2 DBMS (DataBase Management System) .............................................. 35
2.9.3 SQL (Structure Query Language) ........................................................ 37
2.10 Konsep Dasar Internet ...................................................................................... 38
2.10.1 Pengertian Internet ................................................................................ 38
2.10.2 Sejarah Internet ..................................................................................... 39
2.10.3 Sumber Daya Internet ........................................................................... 40
2.10.1 Pengertian Internet ................................................................................ 38
2.11 Unsur-Unsur Dalam Perancangan Website ...................................................... 42
2.11.1 HTTP (HyperText Transfer Protocol) ................................................. 42
2.11.2 Web Browser ......................................................................................... 42
2.11.3 Web Server ............................................................................................ 42
2.11.4 Website .................................................................................................. 43
xi
xi
2.11.5 PHP (Personal Home Page Tools) ....................................................... 44
2.11.6 MySQL ................................................................................................. 44
2.12 Pengujian Black Box ........................................................................................ 45
2.13 UML (Unified Modelling Language) ............................................................... 46
2.13.1 Sejarah UML ......................................................................................... 46
2.13.2 Keunggulan-Keunggulan UML ............................................................ 47
2.13.3 Aktor ..................................................................................................... 50
2.13.4 Use Case ............................................................................................... 50
2.13.5 Class Diagram ...................................................................................... 51
2.13.6 Activity Diagram ................................................................................... 52
2.13.7 Sequence Diagram ................................................................................ 53
2.13.8 State Diagram ....................................................................................... 54
2.14 Langkah-Langkah Penggunaan UML .............................................................. 55
2.15 Studi Literatur .................................................................................................. 57
BAB III METODOLOGI PENELITIAN ......................................................................... 63
3.1 Metode Pengumpulan Data .............................................................................. 63
3.2 Metode Pengembangan Sistem ........................................................................ 70
3.2.1 Konsep Metodologi Pengembangan Sistem ......................................... 70
3.3 Peralatan Penelitian ......................................................................................... 73
3.3.1 Jenis Perangkat Lunak (software) yang Digunakan .............................. 73
3.3.2 Jenis Perangkat Keras (hardware) yang Digunakan ............................. 73
3.4 Kerangka Penelitian .......................................................................................... 74
BAB IV PEMBAHASAN ................................................................................................... 76
4.1 Fase Menentukan Syarat-Syarat kebutuhan ..................................................... 76
4.1.1 Profil Bank Muamalat Cabang Pancoran .............................................. 76
4.1.2 Logo Perusahaan ................................................................................... 77
4.1.3 Visi dan Misi Perusahaan...................................................................... 77
4.1.4 Struktur Organisasi ............................................................................... 78
4.1.5 Uraian Tugas ......................................................................................... 79
4.1.6 Analisis ................................................................................................. 80
4.1.6.1 Analisis Sistem Berjalan ........................................................... 80
xii
xii
4.1.7 Identifikasi Masalah .............................................................................. 84
4.1.8 Usulan Sistem ....................................................................................... 84
4.2 Perancangan Menggunakan UML .................................................................... 87
4.2.1 Membuat Use Case Diagram .................................................................. 87
4.2.2 Use Case Scenario ................................................................................... 90
4.2.3 Activity Diagram ...................................................................................... 105
4.2.3.1 Use Case Input Username dan Password .................................... 105
4.2.3.2 Use Case Management Pegawai ................................................. 106
4.2.3.3 Use Case Management Riwayat Jabatan ..................................... 107
4.2.3.4 Use Case Management Riwayat Pendidikan ............................... 108
4.2.3.5 Use Case Management Riwayat Keluarga .................................. 109
4.2.3.6 Use Case Perpindahan ................................................................. 110
4.2.3.7 Use Case Input Berita .................................................................. 111
4.2.3.8 Use Case Pemakai ....................................................................... 112
4.2.3.9 Use Case Jenis Cuti ..................................................................... 113
4.2.3.10 Use Case Status Cuti ................................................................. 114
4.2.3.11 Use Case View Pegawai Pensiun .............................................. 115
4.2.3.12 Use Case View Data Pegawai ................................................... 116
4.2.3.13 Use Case Cetak CV ................................................................... 116
4.2.3.14 Use Case Grafik Pegawai .......................................................... 117
4.2.3.15 Use Case Lihat Data Pribadi ..................................................... 118
4.2.3.16 Use Case View Pengajauan Keseluruhan.................................. 118
4.2.3.17 Use Case View Pengajuan Tahun Ini ........................................ 119
4.2.3.18 Use Case Arsip Pengajuan ....................................................... 120
4.2.3.19 Use Case Arsip Pengajuan Cuti ............................................... 120
4.2.3.20 Use Case View Hasil Pengajuan .............................................. 121
4.2.3.21 Use Case Arsip Persetujuan Cuti ............................................. 121
4.2.3.22 Use Case View Berita .............................................................. 122
4.2.4 Class Diagram ......................................................................................... 123
4.2.5 Sequence Diagram ................................................................................... 125
4.2.6 State Diagram .......................................................................................... 142
xiii
xiii
4.2.7 Database Design ...................................................................................... 164
4.2.8 Perancangan Interface ............................................................................. 169
4.2.9 Implementasi Sistem ................................................................................ 206
4.2.10 Pemrograman ......................................................................................... 206
4.2.11 Pengujian Sistem ................................................................................... 206
BAB V PENUTUP ............................................................................................................... 219
5.1 Kesimpulan ...................................................................................................... 219
5.2 Saran ................................................................................................................. 220
DAFTAR PUSTAKA ........................................................................................................... 221
LAMPIRAN ......................................................................................................................... ccxxiii
xiv
xiv
DAFTAR SIMBOL
SIMBOL USE CASE DIAGRAM
(Munawar, 2005)
SIMBOL KETERANGAN
Actor
Use Case
Association
SIMBOL CLASS DIAGRAM
(Munawar, 2005)
SIMBOL KETERANGAN
Class
Generalization
Asocation
xv
xv
xvi
xvi
SIMBOL ACTIVITY DIAGRAM
(Munawar, 2005)
SIMBOL KETERANGAN
Initial Node
Activity Final Node
Action
Control Flow
Decision
SIMBOL SEQUENCE DIAGRAM
(Booch, et. All, 2007)
SIMBOL KETERANGAN
Object1
Object
Message1
Self Massage
Message1
Massage Return
Interface
xvii
xvii
SIMBOL STATECHART DIAGRAM
(Munawar, 2005)
Initial State
Final State
State
Decision
Transition
xviii
xviii
DAFTAR GAMBAR
Gambar 2.1 Siklus Informasi ................................................................................ 16
Gambar 2.2 Hierarki Data ..................................................................................... 31
Gambar 2.3 Jenjang Dari Data .............................................................................. 33
Gambar 2.4 Aktor ................................................................................................ 50
Gambar 2.5 Use case model ................................................................................ 51
Gambar 2.6 Model Class Diagram ...................................................................... 52
Gambar 2.7 Notasi Activity Diagram .................................................................... 53
Gambar 2.8 Simbol Sequnce Diagram ................................................................. 53
Gambar 2.9 Contoh Model State Diagram ........................................................... 54
Gambar 3.1 Fase-Fase RAD ................................................................................ 70
Gambar 3.2 Kerangka Penelitian ......................................................................... 75
Gambar 4.1 Logo Perusahaan .............................................................................. 77
Gambar 4.2 Struktur Organisasi Pada Bank Muamalat Cabang pancoran .......... 78
Gambar 4.3 Rich Picture Pada Sistem yang Sedang Berjalan ............................. 83
Gambar 4.4 Rich Picture Pada Sistem yang Diusulkan ....................................... 86
Gambar 4.5 Diagram Use Case Pada Sistem Informasi Kepegawaian ................. 89
Gambar 4.6 Activity Diagram Use Case Input Username dan Password ........... 106
Gambar 4.7 Activity Diagram Use Case Management Pegawai ........................ 107
Gambar 4.8 Activity Diagram Use Case Management Riwayat Jabatan ........... 108
Gambar 4.9 Activity Diagram Use Case Management Pendidikan .................... 109
Gambar 4.10 Activity Diagram Use Case Management Keluarga ..................... 110
Gambar 4.11 Activity Diagram Use Case Perpindahan ...................................... 111
Gambar 4.12 Activity Diagram Use Case input Berita ....................................... 113
Gambar 4.13 Activity Diagram Use Case Pemakai ............................................ 115
Gambar 4.14 Activity Diagram Use Case Jenis Cuti .......................................... 116
Gambar 4.15 Activity Diagram Use Case Status Cuti ........................................ 117
Gambar 4.16 Activity Diagram Use Case View Pegawai Pensiun ..................... 118
xix
xix
Gambar 4.17 Activity Diagram Use Case View Data Pegawai .......................... 119
Gambar 4.18 Activity Diagram Use Case Cetak CV .......................................... 120
Gambar 4.19 Activity Diagram Use Case View Data Pribadi ............................ 121
Gambar 4.20 Activity Diagram Use Case View Pengajuan Keseluruhan .......... 122
Gambar 4.21 Activity Diagram Use Case View PengajuanTahun Ini ................ 123
Gambar 4.22 Activity Diagram Use Case Arsip Pengajuan ............................... 124
Gambar 4.23 Activity Diagram Use Case Arsip Pengajuan Cuti ....................... 125
Gambar 4.24 Activity Diagram Use Case View Hasil Pengajuan ...................... 126
Gambar 4.25 Activity Diagram Use Case Arsip Persetujuan Cuti ..................... 127
Gambar 4.26 Activity Diagram Use Case View Berita ...................................... 128
Gambar 4.27 Class Diagram .............................................................................. 129
Gambar 4.28 Sequence Diagram Use Case Input Username dan Password...... 130
Gambar 4.29 Sequence Diagram Use Case Pegawai ......................................... 131
Gambar 4.30 Sequence Diagram Use Case Riwayat Jabatan ............................. 132
Gambar 4.31 Sequence Diagram Use Case Riwayat Pendidikan ....................... 133
Gambar 4.32 Sequence Diagram Use Case Riwayat Keluarga .......................... 134
Gambar 4.33 Sequence Diagram Use Case Perpindahan ................................... 136
Gambar 4.34 Sequence Diagram Use Case Input Berita .................................... 137
Gambar 4.35 Sequence Diagram Use Case Pemakai ......................................... 138
Gambar 4.36 Sequence Diagram Use Case Jenis Cuti ....................................... 139
Gambar 4.37 Sequence Diagram Use Case Status Cuti ..................................... 140
Gambar 4.38 Sequence Diagram Use Case Pegawai Pensiun ............................ 141
Gambar 4.39 Sequence Diagram Use Case Data Pegawai ................................. 142
Gambar 4.40 Sequence Diagram Use Case Cetak CV ....................................... 143
Gambar 4.41 Sequence Diagram Use Case View Data Pribadi ......................... 144
Gambar 4.42 Sequence Diagram Use Case Pengajuan Keseluruhan ................. 145
Gambar 4.43 Sequence Diagram Use Case Pengajuan Tahun Ini ...................... 146
Gambar 4.44 Sequence Diagram Use Case Arsip Pengajuan ............................ 146
Gambar 4.45 Sequence Diagram Use Case Arsip Pengajuan Cuti..................... 147
Gambar 4.46 Sequence Diagram Use Case Lihat Hasil Pengajuan ................... 148
Gambar 4.47 Sequence Diagram Use Case Arsip Persetujuan Cuti................... 149
xx
xx
Gambar 4.48 Sequence Diagram Use Case Lihat Berita .................................... 149
Gambar 4.49 Statechart Diagram Untuk Use Case Login ................................. 150
Gambar 4.50 Statechart Diagram Untuk Use Case Menu Pegawai ................... 151
Gambar 4.51 Statechart Diagram Untuk Use Case Riwayat Jabatan ................ 153
Gambar 4.52 Statechart Diagram Untuk Use Case Riwayat Pendidikan .......... 155
Gambar 4.53 Statechart Diagram Untuk Use Case Riwayat Keluarga .............. 157
Gambar 4.54 Statechart Diagram Untuk Use Case Input Berita ....................... 159
Gambar 4.55 Statechart Diagram Untuk Use Case Pemakai ............................. 161
Gambar 4.56 Statechart Diagram Untuk Use Case Jenis Cuti ........................... 162
Gambar 4.57 Statechart Diagram Untuk Use Case Status Cuti ......................... 163
Gambar 4.58 Statechart Diagram Untuk Use Case Pegawai Pensiun ............... 164
Gambar 4.59 Statechart Diagram Untuk Use Case Perpindahan ....................... 165
Gambar 4.60 Statechart Diagram Untuk Use Case Data Pegawai .................... 166
Gambar 4.61 Statechart Diagram Untuk Use Case Cetak CV ........................... 167
Gambar 4.62 Statechart Diagram Untuk Use Case View Data Pribadi ............. 168
Gambar 4.63 Statechart Diagram Untuk Use Case Pengajuan Keseluruhan ..... 169
Gambar 4.64 Statechart Diagram Untuk Use Case View Pengajuan Tahun Ini 170
Gambar 4.65 Statechart Diagram Untuk Use Case View Arsip Pengajuan ...... 171
Gambar 4.66 Statechart Diagram Untuk Use Case View Arsip Pengajuan Cut172
Gambar 4.67 Statechart Diagram Untuk Use Case Lihat Hasil Pengajuan ....... 173
Gambar 4.68 Statechart Diagram Untuk Use Case View Arsip Pengajuan Cut174
Gambar 4.69 Statechart Diagram Untuk Use Case Lihat Berita ....................... 175
xxi
xxi
DAFTAR TABEL
Tabel 2.1 Sumber daya yang terdapat pada internet ............................................ 40
Tabel 2.2 Tipe Diagram UML ............................................................................. 47
Tabel 2.3 Simbol pada UML ............................................................................... 48
Tabel 3.1 Studi Literatur ...................................................................................... 66
Tabel 4.1 Identifikasi Aktor ................................................................................. 87
Tabel 4.2 Identifikasi Diagram Use Case ............................................................. 87
Tabel 4.3 Use Case Scenario Input Username dan Password .............................. 90
Tabel 4.4 Use Case Scenario Management Pegawai ............................................ 90
Tabel 4.5 Use Case Scenario Management Jabatan ............................................. 91
Tabel 4.6 Use Case Scenario Management Pendidikan ....................................... 92
Tabel 4.7 Use Case Scenario Management Keluarga .......................................... 93
Tabel 4.8 Use Case Scenario Perpindahan ........................................................... 94
Tabel 4.9 Use Case Scenario Input Berita ............................................................ 95
Tabel 4.10 Use Case Scenario Management Pemakai ......................................... 95
Tabel 4.11 Use Case Scenario Jenis Cuti ............................................................. 96
Tabel 4.12 Use Case Scenario View Status Cuti .................................................. 97
Tabel 4.13 Use Case Scenario View Pegawai Pensiun ........................................ 98
Tabel 4.14 Use Case Scenario View Data Pegawai ............................................. 98
Tabel 4.15 Use Case Scenario Cetak CV ............................................................. 99
Tabel 4.16 Use Case Scenario View Data Pribad
............................................................................................................................. 100
Tabel 4.17 Use Case Scenario View Pengajuan Keseluruhan............................ 100
Tabel 4.18 Use Case Scenario View Pengajuan Tahun Ini ................................ 101
Tabel 4.19 Use Case Scenario View Arsip Pengajuan ....................................... 102
Tabel 4.20 Use Case Scenario View Arsip Pengajuan Cuti ............................... 102
Tabel 4.21 Use Case Scenario View Hasil Pengajuan ....................................... 103
Tabel 4.22 Use Case Scenario View Arsip Persetujuan Cuti ............................. 104
Tabel 4.23 Use Case Scenario View Berita ........................................................ 104
Tabel 4.24 Keterangan Statechart Diagram Untuk Use Case Login .................. 151
xxii
xxii
Tabel 4.25 Keterangan Statechart Diagram Untuk Use Case Menu Pegawai ... 152
Tabel 4.26 Keterangan Statechart Diagram Untuk Use Case Riwayat Jabatan . 153
Tabel 4.27 Keterangan Statechart Diagram Untuk Use Case Riwayat Pendidikan
............................................................................................................................. 155
Tabel 4.28 Keterangan Statechart Diagram Untuk Use Case Riwayat Keluarga
............................................................................................................................. 157
Tabel 4.29 Keterangan Statechart Diagram Untuk Use Case Input Berita
............................................................................................................................. 159
Tabel 4.30 Keterangan Statechart Diagram Untuk Use Case Pemakai ............. 161
Tabel 4.31 Keterangan Statechart Diagram Untuk Use Case Jenis Cuti .......... 162
Tabel 4.32 Keterangan Statechart Diagram Untuk Use Case Status Cuti ......... 163
Tabel 4.33 Keterangan Statechart Diagram Untuk Use Case Pegawai Pensiun 164
Tabel 4.34 Keterangan Statechart Diagram Untuk Use Case Perpindahan ....... 165
Tabel 4.35 Keterangan Statechart Diagram Untuk Use Case Data Pegawai ..... 167
Tabel 4.36 Keterangan Statechart Diagram Untuk Use Case Cetak CV ........... 167
Tabel 4.37 Keterangan Statechart Diagram Untuk Use Case View Data Pribadi
............................................................................................................................. 168
Tabel 4.38 Keterangan Statechart Diagram Untuk Use Case Pengajuan
Keseluruhan ........................................................................................................ 169
Tabel 4.39 Keterangan Statechart Diagram Untuk Use Case View Pengajuan
Tahun Ini ............................................................................................................. 170
Tabel 4.40 Keterangan Statechart Diagram Untuk Use Case View Arsip
Pengajuan ............................................................................................................ 171
Tabel 4.41 Keterangan Statechart Diagram Untuk Use Case View Arsip
Pengajuan Cuti .................................................................................................... 172
Tabel 4.42 Keterangan Statechart Diagram Untuk Use Case Lihat Hasil
Pengajuan ............................................................................................................ 173
Tabel 4.43 Keterangan Statechart Diagram Untuk Use Case View Arsip
Pengajuan Cuti .................................................................................................... 174
Tabel 4.44 Keterangan Statechart Diagram Untuk Use Case Lihat Berita ........ 175
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Seiring dengan perkembangan teknologi yang begitu pesat sangat
berpengaruh terhadap bisnis. Perusahaan yang tidak menggunakan teknologi
menjadi kalah bersaing. Peningkatan penggunaan sistem informasi juga tidak
terlepas dari perhatian manajemen dalam perusahaan terhadap betapa
pentingnya manajemen informasi (Kadir, 2003).
Sistem informasi sumber daya manusia (SDM) atau pegawai akan efektif
apabila mampu menghasilkan keputusan SDM yang sehat. Sistem ini
biasanya menggunakan komputer atau teknologi canggih lainnya untuk
memproses data sehingga dapat mencerminkan aktivitas-aktivitas harian
sebuah perusahaan dalam bentuk informasi untuk memudahkan proses
pengambilan keputusan ( Rivai dan Sagala, 2009).
Pada saat ini pengolahan informasi mengenai kepegawaian pada Bank
Muamalat Indonesia sudah dilakukan dengan terkomputerisasi, artinya data-
data yang mengenai kepegawaian sudah berada di dalam suatu komputer
dalam program Microsoft Office Access Database pada bagian kepegawaian.
Namun aplikasi tersebut masih kurang optimal yaitu aplikasi tersebut hanya
sebagai tempat penyimpanan data pegawai yang bekerja di PT. Bank
Muamalat Indonesia, sedangkan untuk kegiatan-kegiatan administrasi
kepegawaian lainnya seperti pengolahan data pensiun, data pendidikan, data
2
pribadi pegawai, semua proses kegiatan masih dilakukan secara manual dan
pegawai tidak dan admin atau Bagian Kepegawaian harus membuka buku
besar data kepegawaian untuk melihat data pegawai yang sudah memasuki
umur pensiun. Selain itu buku harus diperbaharui setiap ada pegawai yang
pensiun, mutasi, serta data-data kepegawaian lainnya seperti data pendidikan,
serta data pribadi pegawai.
Kegiatan kepegawaian yang lainnya yaitu pengolahan cuti pegawai masih
dilakukan dengan manual dimana pemohon cuti langsung menghadap atasan
dan pimpinan untuk minta persetujuan cuti, setelah itu pemohon menghadap
Bagian Kepegawaian untuk dibuatkan surat cuti pegawai. Surat yang dibuat
oleh admin atau Bagian Kepegawaian diolah dengan menggunakan Microsoft
Word. Begitu pula untuk pembuatan surat perpindahan pegawai dengan
menggunakan Microsoft Word. Akan tetapi hal tersebut juga dipengaruhi oleh
kebutuhan perusahaan akan tenaga kerja yang profesional, maka dari itu
peningkatan tenaga kerja terus menagalami peningkatan tiap tahunnya yang
ditunjukkan dengan perkembangan pegawai di PT. Bank Muamalat
Indonesia.
3
Gambar 1.1 Grafik Perkembangan BMI Cab. Pancoran 2007-2010
(Laporan Tahunan BMI, Tbk 2007)
Perkembangan pegawai BMI Cabang Pancoran, yang baru dimulai sejak
2007, terus menunjukkan perkembangan yang menggembirakan. Jumlah
pegawai di tahun 2007 bertambah sebanyak 200 pegawai dari perkembangan
di tahun 2008 yang mencapai 250 pegawai. Dan di tahun 2009 pertambahan
pegawai pun berjumlah 300 pegawai. Pertambahan pegawai juga
menunjukkan perkembangan yang positif dengan mencatat perkembangan
yang pesat di tahun 2010 bertambah dengan 455 pegawai, yang berarti naik
sampai 100% dari pertambahan pegawai di tahun 2009 yang berjumlah 300
pegawai.
Oleh karena itu dibutuhkan suatu konsep pengolahan data pegawai
lengkap dengan fitur pengolahan data cuti pegawai, pengolahan data pegawai
serta laporan yang disediakan sesuai dengan kebutuhan Bank Muamalat
Indonesia dalam bentuk website dengan menggunakan PHP dan MySQL
4
yang mencakup seluruh kegiatan pegawai untuk memudahkan para pegawai
dalam berbagai hal dan keperluan untuk menunjang kinerja para pegawai.
Berdasarkan penelitian sebelumnya tentang Pengembangan Sistem
Informasi Kepegawaian Studi Kasus Kantor Walikotamadya Jakarta
Timur (Dahlia, 2002), didapatkan hasil berupa gambaran suatu proses
pengelolaan data pegawai dengan berbasis web yang memudahkan instansi
perusahaan dalam mengelola dokumen dan pengarsipan. Mengacu pada
prinsip pengelolaan dan pengarsipan dokumen yang umum, menggunakan
database terpusat, penerapan keamanan hak akses, dilengkapi berbagai
teknologi pendukung lain, menghasilkan Pengembangan Sistem Informasi
Kepegawaian Studi Kasus Kantor Walikotamadya Jakarta Timur
berbasis web sebagai solusi dalam pengelolahan data pegawai dan
ketatausahaan organisasi atau perkantoran.
Dari uraian singkat di atas sangat menarik untuk melakukan penelitian dan
rancang bangun sistem informasi kepegawaian pada Bank Muamalat
Indonesia berbasis web dengan PHP dan MySQL. Serta memberikan solusi
untuk menangani permasalahan tersebut dengan cara memberikan suatu
usulan rancangan sistem informasi kepegawaian dengan judul Rancang
Bangun Sistem Informasi Kepegawaian Studi Kasus PT. Bank
Muamalat Indonesia.
5
1.2 Perumusan Masalah
1. Bagaimana merancang dan membangun sistem informasi kepegawaian
yang dapat menyimpan data kepegawaian secara rapih, jelas dalam satu
kesatuan database pegawai sehingga nantinya dapat memudahkan
pengolahan data dan pencarian data pegawai.
2. Bagaimana memberikan sistem informasi yang dapat mengelola kegiatan-
kegiatan administrasi kepegawaian lainnya seperti pengolahan data
pensiun, data riwayat keluarga, data riwayat pendidikan dan data riwayat
pendidikan serta data pribadi pegawai.
3. Kemudahan bagi Bagian Kepegawaian untuk dapat mengelola data
informasi bagi pegawainya.
4. Bagaimana merancang dan membangun sistem informasi yang dapat
memberikan informasi pegawai yang sudah masuk masa pensiun.
1.3 Batasan Masalah
Untuk lebih memfokuskan penelitian penulisan skripsi dibatasi pada
bagian dengan menekankan pada :
1. Penelitian ini hanya di batasi pada Bank Muamalat Cabang Pancoran
dalam pengambilan data pegawai.
2. Web yang di buat bersifat intern, yaitu hanya dapat di akses oleh pegawai,
Bagian Kepegawaian (admin) dan manager yang mempunyai hak akses
tertinggi.
6
3. Pada penulisan sistem ini tidak membahas masalah protocol, jaringan dan
keamanan data.
4. Sistem Informasi kepegawaian yang dibuat menangani informasi
kepegawaian yang dibutuhkan oleh seluruh pegawai, Bagian Kepegawaian
dan manager, seperti informasi pegawai yang telah masuk masa pensiun,
informasi dan proses pengajuan cuti, informasi pengajuan mutasi atau
promosi pegawai, informasi data pegawai secara detail mengenai data
pribadi pegawai, riwayat keluarga, riwayat jabatan dan riwayat
pendidikan.
5. Sistem informasi ini tidak membahas tentang masalah penggajian.
6. Penelitian ini dibatasi sampai tahap pengujian aplikasi menggunakan
testing blackbox.
7. Pengolahan database pegawai Bank Muamalat Cabang Pancoran.
1.4 Tujuan Penelitian
Tujuan dari diadakannya penelitian sistem informasi kepegawaian pada
Bank Muamalat Indonesia dalam menunjang penulisan skripsi ini adalah :
1. Rancangan sebuah sistem informasi yang dapat menyimpan data
kepegawaian secara rapih, jelas dalam satu kesatuan database pegawai
sehingga nantinya dapat memudahkan pengolahan data dan pencarian data
pegawai.
2. Sistem ini memberikan kemudahan bagi Bagian Kepegawaian untuk dapat
mengelola data informasi bagi pegawainya.
7
3. Rancangan sebuah sistem informasi yang dapat memberikan informasi
pegawai yang sudah masuk masa pensiun.
1.5 Manfaat Penelitian
Adapun manfaat yang didapat dari penelitian ini adalah sebagai berikut :
1. Bagi Penulis
1. Dapat memahami konsep sistem Informasi Kepegawaian secara umum.
2. Dapat memahami rancang bangun Sistem Informasi Kepegawaian
secara umum.
2. Bagi Perusahaan
1. Membantu perusahaan dalam mengelola data kepegawaian.
3. Bagi Universitas
1. Hasil dari penelitian ini diharapkan mampu memperdalam dan
memperluas khazanah keilmuan penulis atau peneliti, khususnya dalam
Rancang Bangun Sistem Informasi Kepegawaian
2. Penelitian ini dapat menambah ilmu pengetahuan dan sebagai bahan
referensi bagi mahasiswa, staf pengajar, dan lainnya, khususnya bagi
mahasiswa agar mengetahui secara persis bagaimana aplikasi
Kepegawaian dalam meningkatkan produktivitas kerja pegawai.
1.6 Metodologi Penelitian
1.6.1 Metode Pengumpulan Data
Metodologi Pengumpulan Data untuk mengumpulkan data dari
sampel penelitian, dilakukan dengan metode tertentu sesuai dengan
tujuannya (Gulo, 2007).
8
Teknik-teknik yang digunakan dalam pengumpulan adalah sebagai
berikut :
1. Observasi
Mengamati secara langsung kegiatan yang ada di sub bagian
Kepegawaian Bank Muamalat Indonesia khususnya di Bagian
Kepegawaian. Guna mengetahui bagaimana alur kerja dan sistem
informasi yang diterapkan.
2. Wawancara
Data yang diperoleh langsung dari hasil wawancara pihak Bank
Muamalat indonesia Bagian Kepegawaian, untuk memperoleh
gambaran, keterangan, dan penjelasan untuk membantu dalam
penulisan laporan skripsi ini.
3. Studi Pustaka
Untuk melengkapi kekurangan-kekurangan data yang diperoleh
dari interview dan observasi. Pengumpulan data dengan cara
mengambil dari sumber-sumber media cetak, elektronik serta
sumber lainnya yang berkaitan dengan materi penulisan laporan
skripsi ini.
4. Studi literatur
Mencari suatu masalah untuk diteliti khususnya dalam hal
kepegawaian. Dalam arti bukti-bukti atau pernyataan bahwa
masalah yang akan diteliti itu belum terjawab atau belum
terpecahkan secara memuaskan atau belum pernah diteliti orang
9
mengenai tujuan, data dan metode, analisa dan hasil untuk waktu
dan tempat yang sama.
1.6.2. Metode Pengembangan Sistem Informasi.
Metode pengembangan sistem informasi yang peneliti gunakan
dalam penyusunan tugas akhir ini dengan menggunakan
metodologi Rapid Application Development (RAD). yaitu sebuah
strategi pengembangan sistem yang menekankan kecepatan
pengembangan melalui keterlibatan pengguna yang ekstensif
dalam konstruksi, cepat, berulang dan bertambah serangkaian
prototype bekerja sebuah sistem yang pada akhirnya berkembang
kedalam sistem final (Kendall, 2008). Tools perancangan yang
digunakan adalah Unified Modelling Language (UML)
(Munawar, 2005).
1.7 Sistematika Penulisan
Secara garis besar, penulisan skripsi ini dibagi menjadi lima bab, adapun
isi dari masing-masing bab secara ringkas dapat diterapkan sebagai berikut :
BAB I PENDAHULUAN
Pada bab ini mengemukakan gambaran umum permasalahan yang
didapat serta latar belakang yang dibuat oleh peneliti, perumusan
masalah, batasan masalah, tujuan penelitian, manfaat penelitian,
metodologi penelitian, dan sistematika penulisan yang masing-
masing dijelaskan dalam tiap-tiap sub bab.
10
BAB II LANDASAN TEORI
Pada bab ini berisi tentang uraian teori-teori yang berhubungan
dengan pokok permasalahan diatas, yaitu sistem, informasi, sistem
informasi, konsep dasar sistem informasi dalam kepegawaian,
Rapid Application Development (RAD),UML dan PHP.
BAB III METODOLOGI PENELITIAN
Pada bab ini berisi uraian tentang metode yang digunakan dalam
menyusun skripsi. Seperti metode pngumpulan data dan metode
perancangan pengembangan sistem.
BAB IV PEMBAHASAN
Pada bab ini berisi tentang penyusunan rancang bangun sistem
informasi kepegawaian pada Bank Muamalat Indonesia, seperti
gambaran umum perusahaan, analisis sistem yang sedang berjalan
dan pengembangan sistem dengan membuat rancang bangun sistem
informasi Kepegawaian.
BAB V PENUTUP
Pada bab ini berisi kesimpulan dan saran dari penulis mengenai
hal-hal yang telah dibahas oleh penulis dalam penelitian ini.
11
BAB II
LANDASAN TEORI
2.1 Pengertian Rancang Bangun
Perancangan/rancang merupakan serangkaian prosedur untuk
menerjemahkan hasil analisa dan sebuah sistem ke dalam bahasa
pemograman untuk mendeskripsikan dengan detail bagaimana
komponen-komponen sistem di implementasikan. Sedangkan
pengertian pembangunan/bangun sistem adalah kegiatan
menciptakan sistem baru maupun mengganti atau memperbaiki
sistem yang telah ada baik secara keseluruhan maupun sebagian
(Pressman, 2002).
2.2 Konsep Dasar Sistem
Sistem merupakan sekumpulan elemen yang saling terkait atau
terpadu yang dimaksud untuk mencapai suatu tujuan. Sebagai
gambaran, jika dalam sebuah sistem terdapat elemen yang tidak
memberikan manfaat dalam mencapai tujuan yang sama, maka
elemen tersebut dapat dipastikan bukanlah bagian dari sistem.
Sebagai contoh, raket dan pemukul bola kasti (masing-masing
sebagai elemen) tidak bisa membentuk sebuah sistem, karena tidak
ada sistem permainan olahraga yang memadukan kedua peralatan
tersebut. (Kadir, 2003).
12
2.2.1 Pengertian Sistem
Pada dasarnya sistem adalah sekumpulan elemen-elemen yang
terintegrasi untuk mencapai tujuan tertentu. Ini dikemukakan oleh
beberapa para ahli sistem yang mengemukakan bahwa sistem
adalah sekelompok elemen-elemen yang terintegrasi dengan
maksud yang sama untuk mencapai suatu tujuan (McLeod dan
Schell, 2004). Sedangkan Ladjamudin (2005), mengemukakan
bahwa suatu sistem adalah sekumpulan objek-objek yang saling
berelasi dan berinteraksi serta hubungan antar objek bisa dilihat
sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan
Ladjamudin (2005).
2.2.2 Karakteristik Sistem
Suatu sistem mempunyai karakteristik atau sifat-sifat yang
tertentu. Menurut Ladjamudin (2005), untuk memahami atau
mengembangkan suatu sistem, maka perlu membedakan unsur-
unsur dari sistem yang membentuknya. Berikut adalah karakteristik
sistem yang dapat membedakan suatu sistem dengan sistem lainnya
Ladjamudin (2005):
1. Komponen Sistem
Kegitan-kegiatan atau proses dalam suatu sistem yang
mentransformasikan input menjadi bentuk setengah jadi
(output). Komponen ini bisa merupakan subsistem dari sebuah
sistem (Ladjamudin, 2005).
13
2. Batas Sistem
Batas sistem merupakan daerah yang membatasi antara suatu
sistem dengan sistem yang lainnya atau dengan lingkungan
luarnya. Batas sisstem ini memungkinkan suatu sistem
dipandang sebagai suatu kesatuan dan menunjukkan ruang
lingkup dari sistem tersebut (Ladjamudin, 2005).
3. Lingkungan Luar Sistem
Lingkungan luar dari suatu sistem adalah apapun di luar batas
dari sistem yang mempengaruhi operasi sistem. Lingkungan luar
sistem dapat bersifat menguntungkan dan juga merugikan.
Lingkungan luar yang menguntungkan merupakan energi dari
sistem. Sedangkan lingkungan luar yang merugikan harus
ditahan dan dikendalikan (Ladjamudin, 2005).
4. Penghubung Sistem
Penghubung sistem merupakan hal yang sangat penting, sebab
tanpa adanya penghubung, sistem akan berisi kumpulan
subsistem yang berdiri sendiri dan tidak saling berkaitan
(Mulyanto,2009).
5. Masukan Sistem
Adalah sumber daya dari lingkungan yang dikonsumsi dan
dimanipulasi oleh suatu sistem (Ladjamudin, 2005).
14
6. Keluaran Sistem
Adalah sumber daya atau produk (informasi, laporan, dokumen,
tampilan layer komputer, barang jadi) yang disediakan untuk
lingkungan sistem oleh kegiatan dalam suatu sistem
(Ladjamudin, 2005).
7. Pengolah Sistem
Pengolah sistem (process) merupakan bagian yang melakukan
perubahan dari masukan untuk menjadi keluaran yang
diinginkan (Mulyanto,2009).
8. Sasaran Sistem
Suatu sistem pasti memiliki sasaran (objective) atau tujuan
(goal). Apabila sistem tidak mempunyai sasaran, maka operasi
sistem tidak akan ada gunanya. Tanpa adanya tujuan, sistem
menjadi tidak terarah dan terkendali (Mulyanto,2009).
2.2.3 Klasifikasi Sistem
Sistem dapat diklasifikasikan dari beberapa sudut pandang,
diantaranya adalah sebagai berikut ini (Jogiyanto, 2005):
a. Sistem Abstrak dan Sistem Fisik
Sistem abstrak (abstract system) adalah sistem yang berisi
gagasan atau konsep. Misalnya, sistem teologi yang berisi
gagasan tentang hubungan manusia dan Tuhan.
15
Sistem fisik (physical system) adalah sistem yang secara fisik
dapat dilihat. Misalnya, sistem komputer, sistem sekolah, sistem
akuntansi, dan sistem transportasi (Kadir, 2003).
b. Sistem Tertentu dan Sistem Tak Tertentu
Sistem tertentu (deterministic system) adalah suatu sistem yang
operasinya dapat diprediksi secara tepat. Misalnya, sistem
komputer (Kadir, 2003).
Sistem tak tertentu (probilistic system) adalah sistem yang tak
dapat diramal dengan pasti karena mengandung unsur probilitas.
Misalnya, sistem arisan dan sistem sediaan (Kadir, 2003).
c. Sistem Tertutup dan Terbuka
Sistem tertutup (closed system) adalah sistem yang tidak
berhubungan dengan lingukungan luarnya.sistem ini bekerja
secara otomatis tanpa adanya campur tangan dari pihak luarnya
(Jogiyanto, 2005).
Sistem terbuka (open system) adalah sistem yang berhubungan
dengan lingkungan dan dipengaruhi oleh lingkungan. Ciri-
cirinya, sistem menerima masukan yang diketahui, yang bersifat
acak, maupun gangguan. Selain itu, umumnya sistem melakukan
adaptasi terhadap lingkungan (Kadir, 2003).
d. Sistem Alamiah dan Sistem Buatan Manusia
Sistem alamiah (natural system) adalah sistem yang terjadi
karena alam tidak dibuat oleh manusia. Misalnya, sistem tata
16
surya. Sistem buatan manusia (human made system) adalah
sistem yang dibuat oleh manusia. Misalnya, sistem komputer
dan sistem mobil (Kadir, 2003).
e. Sistem Sederhana dan Sistem Kompleks
Berdasarkan tingkat kerumitannya, sistem dibedakan menjadi
sistem yang sederhana misalnya sepeda dan sistem yang
kompleks misalnya otak manusia (Kadir, 2003).
2.3 Konsep Dasar Informasi
Untuk lebih mengenal apa itu data dan apa itu informasi,
terlebih dahulu harus mengenal definisi dari data dan informasi itu
sendiri.
2.3.1 Data dan Informasi
Data adalah deskripsi tentang benda, kejadian, aktivitas, dan
transaksi, yang tidak mempunyai makna atau tidak berpengaruh
secara langsung kepada pemakai. Data sering kali disebut sebagai
bahan mentah informasi. Melalui suatu proses transformasi, data
dibuat menjadi bermakna. Sedangkan informasi adalah data yang
telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya
dan bermanfaat dalam pengambilan keputusan saat ini atau saat
mendatang (Kadir, 2003). Dan Jogiyanto (2005) mendefinisikan
informasi sebagai hasil dari pengolahan data dalam suatu bentuk
yang lebih berguna dan lebih berarti bagi penerimanya yang
17
menggambarkan suatu kejadian-kejadian (event) yang nyata (fact)
yang digunakan untuk pengambilan keputusan (Jogiyanto, 2005).
2.3.2 Siklus Informasi
Data merupakan bentuk yang masih mentah, belum dapat
berceritera banyak, sehingga perlu diolah lebih lanjut. Data diolah
melalui suatu model untuk dihasilkan informasi. Data dapat
berbentuk simbol-simbol semacam huruf-huruf atau alphabet,
angka-angka, bentuk-bentuk suara, sinyal-sinyal, gambar-gambar
dan sebagainya (Jogiyanto, 2005). Jadi, hal yang terpenting untuk
membedakan informasi dengan data, informasi itu mempunyai
kandungan makna sedangkan data tidak. Pengertian makna di sini
merupakan hal sangat penting, karena berdasarkan maknalah si
penerima dapat memahami informasi bahkan mengambil keputusan
(Kadir, 2003). Hal ini dapat dilihat dari siklus informasi yang
mengambarkan pengolahan data menjadi informasi. Siklus
informasi atau siklus pengolahan data adalah sebagai berikut:
Masukan
(Data)
Proses
(Model)
Keluaran
(Informasi)
Sumber: Jogiyanto, 2005
Gambar 2.1. Siklus informasi
18
2.3.3 Kualitas Informasi
Kualitas informasi (quality of information) terkadang juga
dipakai untuk menyatakan informasi yang baik. Dari sekian
karakteristik yang telah dibahas, kualitas informasi sering kali di
ukur berdasarkan (Kadir, 2003):
a. Akurat
Informasi harus bebas dari kesalahan-kesalahan dan tidak bias atau
menyesatkan. Akurat juga berarti informasi harus jelas
mencerminkan maksudnya.
b. Ketepatan Waktu
Informasi yang datang pada penerima tidak boleh terlambat.
Informasi yang sudah usang tidak akan mempunyai nilai. Karena
informasi merupakan landasan di dalam pengambilan keputusan
(Jogiyanto, 2005).
c. Relevan
Informasi tersebut mempunyai manfaat untuk pemakainya.
Relevansi informasi untuk setiap pemakai berbeda-beda. Misalnya
informasi mengenai sebab-musabab kerusakan mesin produksi
kepada akuntan perusahaan adalah kurang relevan dan akan lebih
relevan bila ditujukan kepada ahli teknik perusahaan (Jogiyanto,
2005).
19
2.3.4 Nilai Informasi
Suatu informasi dikatakan bernilai bila manfaatnya lebih
efektif dibandingkan dengan biaya mendapatkannya. Kegunaan
informasi adalah untuk mengurangi hal ketidakpastian di dalam
proses pengambilan keputusan tentang sesuatu keadaan (Jogiyanto,
2005).
Akan tetapi perlu di perhatikan bahwa informasi yang
digunakan di dalam suatu sistem informasi umumnya digunakan
untuk beberapa kegunaan. Sehingga tidak memungkinkan dan sulit
untuk menghubungkan suatu bagian informasi pada suatu masalah
yang tertentu dengan biaya untuk memperolehnya, karena sebagian
besar informasi dinikmati tidak hanya oleh satu pihak di dalam
perusahaan. Lebih lanjut sebagian besar informasi tidak dapat
persis ditaksir keuntungannya dengan suatu nilai usang, tetapi
dapat ditaksir nilai efektivitasnya (Jogiyanto, 2005).
2.4 Konsep Dasar Sistem Informasi
Informasi merupakan hal yang sangat penting bagi manajemen
di dalam pengambilan keputusan, maka sistem informasi sangat
diperlukan dalam hal mendapatkan informasi (Jogiyanto, 2005).
2.4.1 Pengertian Sistem Informasi
Menurut Jogiyanto (2005) sistem informasi dapat didefinisikan
sebagai suatu sistem di dalam suatu organisasi yang merupakan
kombinasi dari orang-orang, fasilitas, teknologi, media, prosedur-
20
prosedur dan pengendalian yang ditujukan untuk mendapatkan
jalur komunikasi penting, memproses tipe transaksi rutin tertentu,
memberi sinyal kepada manajemen dan yang lainnya terhadap
kejadian-kejadian internal dan eksternal yang penting dan
menyediakan suatu dasar informasi untuk pengambilan keputusan
yang cerdik (Jogiyanto, 2005).
Pengertian lain mengemukakan bahwa sistem informasi
mencakup sejumlah komponen (manusia, komputer, teknologi
informasi, dan prosedur kerja), ada sesuatu yang diproses (data
menjadi informasi), dan dimaksudkan untuk mencapai suatu
sasaran atau tujuan (Kadir, 2003). Sedangkan menurut Hall (2001)
sistem informasi adalah sebuah rangkaian prosedur formal di mana
data dikelompokkan, diproses menjadi informasi, dan
didistribusikan kepada pemakai (Kadir, 2003).
2.4.2 Komponen Sistem Informasi
Dalam suatu sistem informasi terdapat komponen-komponen
yaitu hardware, software, prosedur, orang, database, jaringan
komputer dan komunikasi data (Kadir, 2003):
21
a. Perangkat keras (hardware)
Mencakup peranti-peranti fisik seperti komputer dan printer.
b. Perangkat lunak (software)
Sekumpulan instruksi yang memungkinkan perangkat keras
untuk dapat memproses data.
c. Prosedur
Sekumpulan aturan yang dipakai untuk mewujudkan
pemrosesan data dan pembangkitan keluaran yang dikehendaki.
d. Orang
Semua pihak yang bertanggung jawab dalam pengembangan
sistem informasi, pemrosesan, dan penggunaan keluaran sistem
informasi.
e. Basis data (database)
Sekumpulan tabel, hubungan, dan lain-lain yang berkaitan
dengan penyimpanan data.
f. Jaringan komputer dan komunikasi data
Sistem penghubung yang memungkinkan sumber (resources) di
pakai secara bersama atau diakses oleh sejumlah pemakai.
2.5 Konsep Sistem Informasi Kepegawaian
Konsep dasar sistem informasi ini menjelaskan pengertian
kepegawaian, fungsi kepegawaian, dan pengertian sistem informasi
kepegawaian.
22
Semua perusahaan besar memiliki fungsi sumber daya manusia
yang menangani banyak proses khusus yang berhubungan dengan
personil perusahaan. Sistem konseptual yang digunakan dalam
mengelola personil disebut sistem informasi sumber daya manusia
(human resource information system), (McLeod dan Schell, 2004).
2.5.1 Pengertian Kepegawaian
Pegawai atau sumber daya manusia merupakan potensi yang
merupakan asset dan berfungsi sebagai modal non material atau
non finansial di dalam organisasi bisnis, yang dapat diwujudkan
menjadi potensi nyata (real) secara fisik dan non fisik dalam
mewujudkan eksistensi organisasi. Sedangkan menurut Nawawi
(2000), sumber daya manusia atau pegawai adalah manusia yang
bekerja di lingkungan suatu organisasi disebut juga personil, tenaga
kerja, pegawai atau karyawan (Samsudin, 2006).
Sumber daya manusia mendukung area fungsional lain dengan
membantu mendapatkan personil baru, mempersiapkan personil
untuk melakukan tugasnya, dan menangani semua pencatatan yang
berhubungan dengan pegawai dan mantan pegawai (McLeod dan
Schell, 2004)
Saat pegawai bekerja untuk perusahaan, mereka tidak dikelola
oleh SDM, tetapi oleh manajer area tempat mereka bekerja. SDM
karena itu melaksanakan fungsi pendukung, memudahkan arus
23
sumber daya personil melalui perusahaan (McLeod dan Schell,
2004).
2.5.2 Fungsi Kepegawaian
Menurut Cascio kegiatan-kegiatan utama dalam sumber daya
manusia adalah sebagai berikut (Marwansyah,2010):
a. Cuti
Cuti adalah tidak masuk kerja yang diizinkan dalam jangka waktu
tertentu.
1. Cuti Tahunan
Cuti Tahunan yang tidak diambil pada tahun berjalan, dapat
diberikan pada tahun berikutnya maksimum 6 hari.
2. Cuti Besar
a) Pegawai yang bekerja secara terus menerus (tanpa
mengambil Cuti Tahunan)selama 6 tahun berturut-turut
berhak atas Cuti Besar, untuk selama 3 bulan (termasuk
Cuti Tahunan pada tahun berjalan).
b) Untuk memenuhi kewajiban Agama (Ibadah
haji/Umroh)PNS dapat menggunakan cuti besar, dengan
catatan dilaksanakan sesuai dengan ketentuan ijin cuti
besar.
24
3. Cuti karena alasan penting
Diberikan untuk alasan Ibu, Bapak, Istri/Suami, Anak, Adik,
Kakak, Mertua / Menantu sakit keras atau meninggal dunia
dan perkawinan pegawai yang pertama.
Prosedur Permohonan/Pemberian Cuti:
a) Diajukan kepada atasan langsung secara hirarkis sampai
kepada pejabat yang berwenang memberikan cuti.
b) Apabila atasan tersebut mengijinkan, dapat diterbitkan surat
ijin cuti.
4. Cuti Sakit
a) 2 hari pemberitahuan kepada atasan.
b) 2 s/d 14hari mengajukan kepada pejabat berwenang dengan
melampirkan surat keterangan Dokter.
c) Cuti sakit diberikan paling lama 1 tahun dan dapat
ditambah 6 bulan apabila dipandang perlu berdasarkan
keterangan Dokter.
d) Apabila dalam jangka waktu 1 tahun 6 bulan belum
sembuh, harus diuji kembali kesehatannya oleh Dokter
(Tim penguji kesehatan tersendiri) untuk : Dapat bekerja
kembali diberikan uang tunggu, dan tidak dapat bekerja
kembali, diberhentikan dengan hormat sebagai pegawai.
e) Pegawai yang mengalami gugur kandungan berhak atas cuti
sakit paling lama satu setengah bulan.
25
5. Cuti Bersalin
a) Untuk Persalinan anak yang pertama dan kedua diberikan
Cuti Bersalin selama 1 bulan sebelum dan 2 bulan setelah
melahirkan.
b) Untuk persalinan anak ketiga dan seterusnya diberikan cuti
diluar tanggungan Negara
6. Promosi dan Mutasi
Promosi berarti perpindahan dari suatu jabatan ke jabatan yang
lain yang mempunyai status dan tanggung jawab yang lebih
tinggi. Sedangkan Mutasi merupakan perpindahan dari satu
bagian ke bagian lain (Samsudin, 2006).
7. Pemensiunan pegawai
Pemensiunan pegawai berarti pemberhentian pegawai dengan
hak pensiun, tetapi tidak semua pemberhentian pegawai berarti
pemensiunan pegawai (Samsudin, 2006).
2.5.3 Pengertian Sistem Informasi Kepegawaian
Sistem Informasi Kepegawaian adalah sebuah basis data yang
berfungsi sebagai penyimpan informasi dan sebagai alat bantu
untuk membuat keputusan secara efektif, sehingga mengurangi
jumlah kertas yang digunakan oleh bagian SDM dan menghimpun
banyak data yang dibutuhkan agar informasi SDM dapat disimpan
dengan mudah (Marwansyah,2010).
26
2.5.4 Model Sistem Informasi Kepegawaian
Sistem informasi kepegawaian yang membedakan dari sistem
informasi fungsional lain adalah beragamnya aplikasi yang
dimungkinkan. Keragaman ini tercemin dalam enam subsistem
output pada model yang diilustrasikan dalam gambar 2.2 di bawah
ini (McLeod dan Schell, 2004).
Sistem Informasi
Akuntansi
Subsistem Intelijen
sumber daya manusia
Subsistem riset sumber
daya manusia
Database
HRIS
Subsistem manajemen
angkatan kerja
Subsistem perekrutan
Subsistem perencanaan
angkatan kerja
Subsistem kompensasi
Subsistem tunjangan
Subsistem laporan
lingkungan
Sumber
Internal
Sumber
lingkungan
Pengguna
Data InformasiSubsistem
Output
Subsistem
Input
Sumber. McLeod dan Schell, 2004
Gambar 2.2 Model Sistem Informasi Sumber Daya Manusia
Model HRIS meliputi tiga subsistem input : SIA (Sistem
Informasi Akuntansi), penelitian sumber daya manusia, dan
intelijen sumber daya manusia. SIA menyediakan data personil
berkaitan dengan keuangan. Penelitian sumber daya manusia
27
memperkaya database dengan data dan informasi yang diperoleh
melalui proyek penelitian khusus. Intelijen SDM mengumpulkan
data dan informasi dari semua elemen lingkungan kecuali
pemegang saham dan pemilik, serta pelanggan (McLeod dan
Schell, 2004).
Database HRIS bukan hanya data mengenai pegawai tetapi
juga mengenai perorangan dan organisasi di lingkungan perusahaan
yang mempengaruhi arus personil.
Output HRIS paling sering berbentuk laporan periodik dan
database queries. Output dihasilkan oleh perangkat lunak pesanan
atau siap pakai, yang merupakan hasil kerja sama SI dan SDM.
2.5.4.1 input (masukan)
tujuan dari penelitian ini adalah untuk mengetahui data apa
saja yang menjadi masukan pada sistem yang berjalan. Masukan
sistem yang berjalan adalah :
1. Formulir Daftar Riwayat Hidup Pegawai
Formulir daftar riwayat hidup diberikan oleh Bagian Kepegawaian
kepada pegawai untuk mendata riwayat hidup pegawai.
2. Surat Usul Pensiun
surat yang menyatakan seorang pegawai mengajukan pensiun.
Surat Usul pensiun dikelompokkan sebagai dokumen.
28
3. Formulir cuti
Formulir cuti diisi oleh pegawai untuk diberikan ke Bagian
Kepegawaian untuk mendapat persetujuan cuti.
2.5.4.2 Ouput (Keluaran)
1. SK Pensiun
Surat Keputusan pensiun yang dikeluarkan oleh Bagian
Kepegawaian kepada pegawai yang mengajukan permohonan
pensiun.
2. Laporan Pensiun
Laporan yang dibuat Bagian Kepegawaian untuk Manajer yang
memberi informasi apakah pegawainya diterima atau ditolak.
3. Laporan Data Pegawai
Laporan yang berisi data pegawai.
4. Laporan Cuti
Laporan yang dibuat Bagian Kepegawaian untuk Manajer yang
memberi informasi apakah cuti pegawainya disetujui atau tidak.
29
2.6 Pengamanan Sistem Informasi Kepegawaian
Guna mempertahankan keamanan dan privasi catatan-catatan
sistem informasi kepegawaian, perusahaan-perusahaan hendaknya
(Rivai dan Sagala, 2009):
1. Membatasi akses ke sistem informasi kepegawaian dengan
mengendalikan akses ke komputer dan arsip-arsip data. Ada
baiknya files yang berisi informasi penting diamankan dengan
memberikan kata-kata sandi (password).
2. Memberikan akses ke bagian-bagian yang berbeda dari basis
data dengan menggunakan kata-kata sandi dan kode-kode
khusus.
3. Memberikan izin untuk mengakses informasi pegawai-pagawai
hanya berdasrkan kepentingan tertentu saja.
2.7 Rapid Aplication Development (RAD)
2.7.1 Tentang RAD
RAD adalah Metode yang memilki tujuan yang sama seperti
prototyping, yaitu memberikan respon yang cepat pada kebutuhan
pemakai, tetapi dengan lingkup yang lebih luas. RAD adalah
seperangkat strategi, metodologi peralatan yang terintegrasi yang
ada dalam satu kerangka kerja menyeluruh yang disebut
information engineering (McLeod, 2004).
30
Adapun metode Sistem Informasi Kepegawaian ini,
menggunakan Rapid Application Development (RAD), yang
memiliki tahapan-tahapan berikut (Kendall, 2008):
1. Perencanaan Syarat-syarat
Dalam fase ini, User dan peneliti mengidentifikasi tujuan-
tujuan aplikasi atau sistem serta mengidentifikasi syarat-
syarat informasi yang ditimbulkan dari tujuan-tujuan
tersebut. Fase ini memerlukan peran aktif dari kedua belah
pihak tersebut. Selain itu juga melibatkan User dari beberapa
level yang berbeda dalam organisasi. Orientasi dalam fase ini
ialah menyelesaikan problem-problem yang ada. Meskipun
teknologi informasi dan sistem bisa mengarahkan sebagian
dari sistem yang diajukan, fokusnya akan selalu tetap pada
upaya pencapaian tujuan perusahaan.
2. Workshop Design
Fase ini untuk merancang dan memperbaiki yang dapat
digambarkan sebagai workshop. Selama workshop desain
RAD, User merespon working prototype yang ada dan
menganalisis, memperbaiki modul-modul yang dirancang
menggunakan perangkat lunak berdasarkan respon User.
3. Fase Implementasi
Analis bekerja secara intens dengan pengguna selama
workshop design untuk merancang aspek-aspek bisnis dan
31
non-teknis dari perusahaan. Segera setelah aspek-aspek ini
disetujui dan sistem dibangun dan disharing, sub-sub sistem
di ujicoba dan diperkenalkan kepada perusahaan.
2.8 Strategi Pengembangan Model-Driven
Strategi Pengembangan Model-Driven adalah sebuah strategi
sistem yang menekankan pembuatan gambar model-model sistem
untuk membantu visualisasi dan analisis masalah, mendefinisikan
persyaratan bisnis, dan mendesain sistem informasi (Whitten,
2004). Dalam Pengembangan Model-Driven terdapat beberapa
pemodelan (Whitten, 2004) yaitu:
1. Pemodelan proses
Pemodelan proses yaitu teknik berorientasi proses yang
menggunakan model dari proses bisnis guna memperoleh
desain software yang efektif untuk sebuah sistem. System
analysis dalam pemodelan ini memperkenalkan tool pemodelan
yang disebut Data Flow Diagram (DFD) untuk
mengilustrasikan aliran data dari proses bisnis. System design
dalam pemodelan ini mengkonversi Data Flow Diagram ke
dalam model proses yang disebut Stucture Chart untuk
mengilustrasikan struktur software untuk memenuhi kebutuhan
bisnis.
32
2. Pemodelan data
Pemodelan data yaitu teknik berorientasi data yang
menggunakan data requirement dari model bisnis dan desain
database system untuk memenuhi kebutuhan bisnis. Pemodelan
data yang paling banyak ditemui adalah Entity Relationship
Diagram (ERD).
3. Pemodelan objek
Pemodelan objek yaitu teknik yang berusaha menyatukan
data dan proses ke dalam bentuk tunggal yang disebut objek.
Pemodelan objek adalah diagram yang mendokumentasikan
sistem dalam konteks objek dan interaksinya.
2.9 Konsep Basis Data dan DBMS (DataBase Management System)
Secara tradisional, data disusun dalam suatu hierarki yang
terdiri dari elemen data, rekaman (record), dan berkas (file),
sebagaimana terlihat pada gambar berikut (Kadir, 2003).
Berkas
Rekaman Rekaman
Elemen data Elemen data
Sumber: Kadir, 2003
Gambar 2.2. Hierarki data
33
a. Elemen data
Elemen data adalah suatu data terkecil yang tidak dapat dipecah
lagi menjadi unit data yang lain. Pada data kepegawaian, elemen
data dapat berupa nama pegawai, alamat, kota tempat tinggal,
dan atribut lain yang berkaitan dengan pegawai.
b. Rekaman
Rekaman adalah gabungan sejumlah elemen data yang saling
terkait sebagai contoh, nama, alamat, kota, dan tempat tinggal
lahir seseorang pegawai dapat dihimpun dalam sebuah rekaman.
Istilah lain untuk rekaman adalah tupel dan baris.
c. Berkas
Himpunan seluruh rekaman yang bertipe sama membentuk
sebuah berkas. Berkas dapat dikatakan sebagai kumpulan data
yang berkaitan dengan suatu objek.
2.9.1 BasisData (DataBase)
Basisdata (database) adalah suatu pengorganisasian
sekumpulan data yang saling terkait sehingga memudahkan
aktivitas untuk memperoleh informasi. Basisdata dimaksudkan
untuk mengatasi problem pada sistem yang memakai pendekatan
berbasis berkas.
Untuk mengelola basis data diperlukan perangkat lunak yang
disebut DBMS. DBMS adalah perangkat lunak sistem yang
memungkinkan para pemakai membuat, memelihara, mengontrol,
34
dan mengakses basis data dengan cara yang praktis dan efisien
(Kadir, 2003). Sedangkan Jogiyanto menjelaskan dalam bukunya
Pengenalan Komputer, basisdata adalah kumpulan dari kata yang
saling berhubungan satu dengan yang lainnya, tersimpan di
perangkat keras komputer dan digunakan perangkat lunak untuk
memanipulasinya. Database merupakan salah satu komponen yang
penting dalam sistem informasi, karena merupakan basis dalam
menyediakan informasi bagi para pemakai (Jogiyanto, 2005).
Sumber: Jogiyanto, 2005
Gambar 2.3. Jenjang dari data
Sampai dengan membentuk suatu database, data
mempunyai jenjang yang dapat dilihat pada gambar 2.3 (Jogiyanto,
2005):
file
record
Data item atau field
characters
database
35
a. Karakter
Karakter merupakan bagian data yang terkecil, dapat berupa
karakter, numerik, huruf ataupun karakter-karakter khusus
(special characters) yang membentuk suatu item data.
b. Field
Suatu field menggambarkan suatu atribut dari record yang
menunjukkan suatu item dari data, seperti misalnya nama,
alamat, dan lain sebagainya. Kumpulan dari field membentuk
suatu record.
c. Nama dari field (field name)
Field harus diberi nama untuk membedakan field yang satu
dengan field yang lainnya.
d. Representasi dari field (field representation)
Representasi dari field menunjukkan tipe dari field (field type)
serta lebar dari field (field width). Dapat berupa tipe numerik,
karakter atau huruf, tanggal dan memo. Serta lebar dari field
menunjukkan ruang maksimum dari field yang dapat diisi
dengan karakter-karakter data.
e. Nilai dari field (field value)
Nilai dari field menunjukkan isi dari field untuk masing-masing
record.
36
f. Record
Kumpulan dari field membentuk suatu record. Record
menggambarkan suatu unit data individu yang tertentu.
Kumpulan dari record membentuk suatu file. Misalnya file
personalia, tiap-tiap record dapat mewakili data tiap-tiap
karyawan.
g. File
File terdiri dari record-record yang menggambarkan satu
kesatuan data yang sejenis. Misalnya file matakuliah berisi data
tentang semua matakuliah yang ada.
h. Database
Database merupakan Kumpulan dari file membentuk database.
2.9.2 DBMS (DataBase Management System)
DataBase Management System (DBMS atau DMS) adalah
paket perangkat lunak yang komplek digunakan untuk
memanipulasi database. Sedangkan Kadir menjelaskan dalam
bukunya Pengenalan Sistem Informasi, DBMS adalah perangkat
lunak sistem yang memungkinkan para pemakai membuat,
memelihara, mengontrol, dan mengakses basis data dengan cara
yang praktis dan efisien (Kadir, 2003).
Semua operasi input dan output yang berhubungan dengan
database harus menggunakan DBMS. Jika pemakai akan
37
mengakses database, DBMS menyediakan penghubung (interface)
antara pemakai dengan database (Jogiyanto, 2005).
Hubungan pemakai dengan database dapat dilakukan dengan
dua cara :
a. Secara interaktip menggunakan bahasa pertanyaan (query
language).
b. Dengan menggunakan program aplikasi.
1. Keunggulan DBMS
DBMS memiliki beberapa keunggulan yang diantaranya
sebagai berikut (Kadir, 2003):
a. Mengendalikan/mengurangi duplikasi data.
b. Menjaga konsistensi dan integritas data.
c. Memudahkan pemerolehan informasi yang lebih banyak
dari data yang sama disebabkan data dari berbagai bagian
dalam organisasi dikumpulkan menjadi satu.
d. Meningkatkan keamanan data dari orang yang tak
berwenang.
e. Memaksakan penerapan standar.
f. Dapat menghemat biaya karena data dapat dipakai oleh
banyak departemen.
g. Meningkatkan tingkat respon dan kemudahan akses bagi
pemakai akhir.
38
2. Kelemahan DBMS
a. Rata-rata DBMS yang handal sangat mahal.
b. Kompleksitas yang tinggi membuat administrator dan
pemakai akhir harus benar-benar memahami fungsi-fungsi
dalam DBMS agar dapat diperoleh manfaat yang optimal.
Kegagalan memahami DBMS dapat mengakibatkan
keputusan rancangan yang salah, yang akan memberikan
dampak serius bagi organisasi.
c. Ukuran penyimpanan yang dibutuhkan oleh DBMS sangat
besar dan memerlukan memori yang besar agar bisa bekerja
secara efisien.
d. Terkadang DBMS meminta kebutuhan perangkat keras
dengan spesifikasi tertentu sehingga diperlukan biaya
tambahan.
Kinerjanya terkadang kalah dengan sistem yang berbasis
berkas. Hal ini bisa dipahami karena DBMS ditulis supaya
dapat menangani hal-hal yang bersifat umum.
2.9.3 SQL (Structure Query Language)
SQL (Structure Query Language) adalah bahasa yang
digunakan untuk mengakses basisdata yang tergolong relasional.
Standar SQL mula-mula didefinisikan oleh ISO (International
Standards Organization) dan ANSI (the American National
Standards Institute) yang dikenal dengan sebutan SQL86.
39
Sesungguhnya SQL tidak terbatas hanya untuk mengambil
data (query), tetapi juga dapat dipakai untuk menciptakan tabel,
menghapus tabel, menambah data pada tabel, dan berbagai operasi
yang lain (Kadir, 2003).
Setiap software database mempunyai bahasa perintah atau
sintakyang berbeda, namun pada prinsipnya mempunyai arti dan
fungsi yang sama. Perintah-perintah tersebut antara lain: Select,
Insert, Update, Delete, Create table, Drop table (Kadir, 2003).
2.10 Konsep Dasar Internet
Secara umum internet merupakan jaringan komputer terbesar
di dunia. Yang menghubungkan satu organisasi dengan organisasi
lain.
2.10.1 Pengertian Internet
Internet (Interconnected Network) merupakan jaringan
(network) komputer yang terdiri dari ribuan jaringan komputer
independen yang dihubungkan satu dengan yang lainnya. Jaringan
komputer ini dapat terdiri dari lembaga pendidikan, pemerintahan,
militer, organisasi bisnis dan organisasi-organisasi lainnya
(Jogiyanto, 2005).
Internet merupakan contoh jaringan terbesar yang
menghubungkan jutaan komputer yang terbesar di seluruh penjuru
dunia dan tak terikat pada satu organisasipun. Dengan menggunkan
jaringan ini, sebuah organisasi dapat melakukan pertukaran
40
informsi secara internal ataupun melakukan pertukaran informasi
secra eksternal dengan organisasi-organisasi yang lain (Kadir,
2003).
2.10.2 Sejarah Internet
Awal mula internet adalah jaringan komputer untuk sistem
pertahan yang dikembangkan oleh Departemen Pertahanan
Amerika Serikat. Proyek jaringan ini diberi nama Advanced
Research Project (ARPA). Jaringan komputer ini kemudian di beri
nama ARPANET. Pada tahun 1969, para ahli ilmu pengetahuan
memikirkan untuk membuat suatu jaringan komputer yang dapat
menghubungkan mereka untuk dapat berkomunikasi satu dengan
lainnya.
Pada tahun 1981 jumlah situs yang tergabung di dalam
ARPANET sudah mencapai 20 situs (sites) termasuk
Massachusetts Institute of Technology (MIT). ARPANET
berkembang dengan sangat cepatnya, tidak hanya melibatkan
jaringan diantara universitas-universitas saja, tetapi juga
melibatkan organisasi-organisasi lainnya di seluruh dunia. Di tahun
1983, karena sistem ini sudah menghubungkan banyak sekali
jaringan-jaringan di seluruh dunia, maka mulai dikenal dengan
nama Internet (Jogiyanto,2005).
41
2.10.3 Sumber Daya Internet
Internet memiliki banyak sumber daya, sebagaimana
diperlihatkan pada tabel dibawah ini (Kadir, 2003):
Tabel 2.1 Sumber daya yang terdapat pada internet
Sumber Daya Keterangan
E-mail Digunakan untuk melakukan
pertukaran surat elektronis
Usenet Newsgroup Forum diskusi
LISTSERV Kelompok diskusi dengan
menggunakan surat elektronis.
IRC (Internet Relay Chat) Fasilitas yang memungkinkan
pemakai melakukan percakapan
dalam bentuk bahasa tertulis secara
interaktif.
Telnet Fasilitas yang memungkinkan
pemakai melakukan koneksi (login)
ke suatu sistem komputer.
FTP (File Transfer Protocol) Sarana untuk melakukan transfer
berkas dari komputer lokal ke suatu
komputer lain atau sebaliknya.
Gopher Perangkat yang memungkinkan
pemakai untuk menemukan
42
informasi yang terdapat pada server
gopher melalui menu yang bersifat
hierarki.
Archie Perangkat yang dapat digunakan
untuk melakukan pencarian berkas
pada situs FTP.
Veronica (Very Easy Rodent-
Oriented Netwide Index to
Computer Archieves)
Merupakan kemampuan tambahan
yang dipakai untuk melakukan
pencarian pada situs-situs gopher.
WAIS (Wide Area Information
Servers)
Perangkat yang digunakan untuk
melekukan pencarian data pada
Internet yang dilaksanakan dengan
menyebutkan nama basisdata dan
kata kunci yang dicari.
World Wide Web Sistem yang memungkinkan
pengaksesan informasi dalam
Internet melalui pendekatan
Hypertext.
Sumber : Kadir, 2003
43
2.11 Unsur-unsur Dalam Perancangan Website
Unsur-unsur dalam perancangan website yaitu terdiri dari :
2.11.1 HTTP (HyperText Transfer Protocol)
HTTP adalah protocol untuk hypertext. Kependekan dari
Hypertext Transfer Protocol Server HTTP umumnya digunakan
untuk melayani dokumen hypertext, karena HTTP adalah protokol
dengan overhead yang sangat rendah, sehingga pada kenyataan
navigasi informasi dapat ditambahkan langsung ke dalam dokumen
dan dengan demikian protokolnya sendiri tidak harus mendukung
navigasi secara penuh seperti halnya protokol FTP dan Gopher
lakukan (McLeod dan Schell, 2004).
2.11.2 Web Browser
Web browser ini mengacu pada suatu sistem perangkat lunak
memungkinkan mengambil hypermedia dengan mengetik
parameter pencarian atau mengklik grafik. Kemampuan ini
membebaskan dari keharusan untuk menetahui URL dari webpage
yang berisi informasi yang dibutuhkan. Browser yang populer
mencakup Infoseek, WebCrawler, dan Yahoo. Browser disebut
juga search engine (McLeod dan Schell, 2004).
2.11.3 Web Server
Menurut Hariyanto, 2004, web browser berkomunikasi
dengan web server lewat jaringan komunikasi menggunakan
protokol HTTP. Browser mengirim pesan meminta dokumen atau
44
layanan tertentu web server. Web server kemudian menanggapi
dengan mengirim dokumen atau menjalankan layanan tertentu di
server dan mengirim hasil menggunakan protokol HTTP.
Kemudian browser akan menerima dokumen (HTML) tanggapan
dari web server dan menampilkannya dilayar. Secara internal, web
server berkomunikasi dengan middleware dan middleware inilah
yang berhubungan dengan basis data (Kadir,2003).
2.11.4 Website (Web)
Website dapat dibagi menjadi 2 kategori, yaitu website statis
dan website dinamis (Kadir, 2003).
1. Website Statis
Web statis dibentuk dengan menggunakan HTML saja.
Kekurangan aplikasi ini terletak pada keharusan untuk
memelihara program secara terus-menerus untuk mengikuti
setiap perubahan yang terjadi. Kelemahan ini diatasi dengan
model aplikasi web dinamis.
2. Web Dinamis
Web dinamis terkadang diartikan sebagai halaman yang
dilengkapi dengan animasi gambar, selain dapat berinteraksi
dengan basisdata. Dengan menggunakan pendekatan web
dinamis, dimungkinkan untuk membentuk sistem informasi
berbasis web.
45
2.11.5 PHP (Personal Home Page Tools)
PHP adalah singkatan dari Personal Home Page Tools, adalah
skrip yang berjalan di server dan sangat populer dilingkungan
Linux. Saat ini PHP dapat berjalan pada berbagai platform, dari
UNIX hingga windows (Kadir, 2003).
2.11.6 MySQL
MySQL merupakan software sistem manajemen database
(Database Management System atau DBMS) yang sangat populer
dikalangan pemrograman web, terutama dilingkungan Linux
dengan menggunakan script PHP dan Perl (Sidik, 2005).
2.11.7 Pengujian Black Box
Pengujian black box berfokus pada persyaratan fungsional
perangkat lunak. Dengan demikian, pengujian black box
memungkinkan perekayasa perangkat lunak mendapatkan
serangkaian kondisi input yang sepenuhnya menggunakan semua
persyaratan fungsional untuk suatu program. Pengujian black box
bukan merupakan alternatif dari teknik white box, tetapi
merupakan pendekatan komplementer yang kemungkinan besar
mampu mengungkap kelas kesalahan daripada metode white box.
(Whitten, 2004).
Pengujian black box berusaha menemukan kesalahan dalam
kategori sebagai berikut:
46
1. Fungsi-fungsi yang tidak benar atau hilang
2. Kesalahan interface.
3. Kesalahan dalam struktur data atau akses database eksternal.
4. Kesalahan kinerja.
5. Inisialisasi dan kesalahan terminasi.
Tidak seperti pengujian white box, yang dilakukan pada saat
awal proses pengujian, pengujian black box cenderung di
aplikasikan selama tahap akhir pengujian. Karena pengujian black
box memperhatikan struktur kontrol, maka perhatian berfokus
pada domain informasi.
2.13 UML (Unified Modelling Language)
2.13.1 Sejarah UML
Unified Modelling Language (UML) adalah salah satu alat
bantu yang sangat handal di dunia pengembangan sistem yang
berorientasi obyek. Hal ini disebabkan karena UML menyediakan
bahasa pemodelan visual yang memungkinkan bagi pengembnag
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.
UML merupakan kesatuan dari bahasa pemodelan yang
dikembangkan oleh Booch, Object Modelling Technique (OMT)
Object Oriented Software Engineering (OOSE). Metode Booch
47
dari Grady Booch sangat terkenal dengan nama metode Design
Object Oriented. Metode menjadikan prose analisis dan design ke
dalam empat tahapan iteratif, yaitu: identifikasi kelas-kelas dan
objek-objek, identifikasi asemantik dari hubungan obyek dan
kelas tersebut, perincian interface dan implementasi.
Dengan UML, metode Booch, OMT dan OOSE
digabungkan dengan membuang elemen-elemen yang tidak
praktis ditambah dengan elemen-elemen dari metode lain yang
lebih efektif dan elemen-elemen baru yang belum ada pada
metode terdahulu sehingga UML lebih ekspresif dan seragam
daripada metode lainnya(Munawar, 2005).
2.9.2 Tipe Diagram UML
Tabel 2.2 Tipe Diagram UML
Diagram Model
Use Case Bagaimana User Berinteraksi
Dengan Sebuah Sistem.
Activity Perilaku Prosedural dan Paralel
Class Class, Fitur Dan Relasinya
Sequence Interaksi antar obyek
State Objek yang beralih dari satu state
ke state yang lain
Sumber : Munawar, 2005
48
2.13.2 Keunggulan-Keunggulan UML
Pada umumnya UML memiliki keunggulan-keunggulan sebagai
berikut (Nugroho, 2004):
1. Uniformity: Dengan metode UML, para pengembang
cukup menggunakan 1 metodologi dari tahap analisis
hingga perancanagn. Hal ini tidak bisa dilakukan dalam
metodologi pengembanagn terstruktur. Dengan
pengembangan masa kini ke arah aplikasi GUI (Graphical
User Interface), UML juga memungkinkan kita merancang
komponen antar muka pengguna (User Interface) secara
integrasi bersama dengan parancangan perangkat lunak
sekaligus dengan perancangan basisdata.
2. Understandability: Dengan metode ini kode yang
dihasilkan dapat diorganisasi ke dalam kelas-kelas yang
berhubungan dengan masalah sesungguhnya sehingga lebih
mudah dipahami siapapun juga.
3. Stability: Kode program yang dihasilkan relatif stabil
sepanjang waktu sebab sangat mendekati permasalahan
sesungguhnya di lapangan.
4. Reusability: Dengan metode berorientasi obyek,
dimungkinkan penggunaan ulang kode, sehingga pada
gilirannya akan sangat mempercepat waktu pengembangan
perangkat lunak.
49
Tabel 2.3 Simbol pada UML (Munawar, 2005)
Simbol Nama
Use Case
Actor
Control Flow/Message
Initial State
Final State
State
Decision
50
Object Lifeline
Message Call
+Operations()
-Attributes
Class
Class
Transition
Unified Modeling Language (UML) memiliki beberapa diagram diantaranya
(Munawar, 2005):
2.13.3 Aktor
Aktor adalah abstraksi dari orang dan item yang lain yang
mengaktifkan fungsi dari target sistem. Orang atau sistem bisa
muncul dalam beberapa peran. Perlu dicatat bahwa aktor
berinteraksi dengan use case, tetapi tidak memiliki kontrol atas use
case (Munawar, 2005).
Sumber: Munawar, 2005
Gambar 2.4 Aktor
51
2.13.4 Use Case
Use case adalah deskripsi fugsi dari sebuah system dari
perspektif pengguna. Use case bekerja dengan cara
mendeskripsikan tipikal interaksi antara user (pengguna) sebuah
system dengan sistemnya sendiri melalui sebuah cerita bagaimana
sebuah system dipakai. Urutan langkah-langkah yang menerangkan
antara pengguna dengan system disebut scenario. Setiap scenario
mendeskripsikan urutan kejadian. Setiap urutan diinisialisasi oleh
orang, system yang lain, perangkat keras atau urutan waktu.
Dalam pembicaraan tentang use case, pengguna biasanya
disebut dengan actor. Actor adalah sebuah peran yang bisa
dimainkan oleh pengguna dalam interaksinya dengan system.
Diagram use case menunjukkan 3 system yaitu actor, use case dan
system atau subsystem boundary. Actor mewakili peran orang,
system yang lain atau alat ketika berkomunikasi dengan use case.
Gambar 2.4 mengilustrasikan actor, use case dan boundary
(Munawar, 2005).
Sistem
Use case
Actor Actor
Sumber. Munawar, 2005
Gambar 2.5 Use case model
52
2.13.5 Class Diagram
Class dalam sebuah notasi UML digambarkan dengan kotak.
Nama class menggunakan huruf besar di awal kalimatnya dan
diletakkan di atas kotak. Bila class mempunyai nama yang terdiri
dari suku kata digabungkan tanpa spasi dengan huruf awal tiap
suku kata menggunakan huruf besar (Munawar, 2005).
+Operation 1()
+Operation 2()
+Operation n()
-Attribute 1
-Attribute 2
-Attribute 3
-Attribute n
Class1
+Operation 1()
+Operation n()
-Attribute 1
-Attribute 2
-Attribute n
Class2
+Operation 1()
+Operation n()
-Attribute 1
-Attribute 2
-Attribute n
Class3
*
1 1
*
Sumber. Munawar, 2005
Gambar 2.6 Model Class Diagram
2.13.6 Activity Diagram
Activity diagram yaitu teknik untuk mendeskripsikan logika
procedural, proses bisnis dan aliran kerja dalam banyak kasus.
Activity diagram juga dapat menggambarkan proses paralel yang
mungkin terjadi pada beberapa eksekusi (Munawar, 2005).
Activity diagram seperti sebuah flowchart. Activity diagram
menunjukkan tahapan, pengambilan keputusan dan pencabangan.
Diagram ini sanagat berguna untuk menunjukkan operation sebuah
obyek dan proses bisnis. Kelebihan activity diagram dibanding
53
flowchart adalah kemampuannya dalam menampilkan aktivitas
paralel serta dapat digunakan untuk menunjukkan siapa
mengerjakan apa dengan teknik partision (Munawar, 2005).
Sumber: Sholiq, 2006
Gambar 2.7 Notasi Activity Diagram
2.13.7 Sequence Diagram
Sequence diagram digunakan untuk menggambarkan perilaku
pada sebuah skenario. Diagram ini menunjukkan sejumlah obyek
dan message (pesan) yang diletakkan diantara obyek-obyek ini di
dalam use case.
Komponen utama sequence diagram terdiri atas obyek yang
dituliskan dengan kotak segiempat bernama. Message diwakili oleh
garis dengan tanda panah pada waktu yang ditunjukkan dengan
proses vertikal (Munawar, 2005).
Di bawah ini merupakan gambar simbol pada sequence
diagram :
54
Sumber. Booch, et. All., 2007
Gambar. 2.8 Simbol Sequence Diagram
2.13.8 Statechart Diagram
Diagram ini mengilustrasikan siklus hidup objek dan keadaan
yang dapat diasumsikan oleh objek dan event yang menyebabkan
objek beralih dari satu state ke state yang lain (Whitten, 2004).
State Action 1
Event 1Initial State
State Action 2
Event 2
Event 3
Final State
Sumber: Munawar, 2005
Gambar 2.9 Contoh Model Statechart Diagram
55
2.14 Langkah-Langkah Penggunaan UML
Berikut ini adalah tipe pengembangan piranti lunak dengan
menggunakan UML (Supriyanto,2005) :
1. Buatlah daftar business process dari level tertinggi untuk
mendefinisikan aktivitas dan proses yang mungkin muncul.
2. Petakan use case untuk tiap business process untuk mendefinisikan
dengan tepat fungsionalitas yang harus disediakan oleh sistem.
Kemudian perhalus use case diagram dan lengkapi dengan
requirement, constraints dan catatan-catatan lain.
3. Buatlah deploment diagram secara kasar untuk mendefinisikan
arsitektur fisik sistem.
4. Definisikan requirement lain (non-fungsional, security dan
sebagainya) yang juga harus disediakan oleh sistem.
5. Berdasarkan use case diagram, mulailah membuat activity diagram.
6. Definisikan objek-objek level atas (package atau domain) dan
buatlah sequence dan collaboration diagram untuk tiap alir
pekerjaan. Jika sebuah use case memiliki kemungkinan alir normal
dan eror, buatlah satu diagram untuk masing-masing alir.
7. Buatlah rancangan user interface model yang menyediakan
antarmuka bagi pengguna untuk menjalankan skenario use case.
8. Berdasarkan model-model yang sudah ada, buatlah class diagram.
Setiap package atau domain dipecah menjadi hirarki class lengkap
dengan atribut dan metodanya. Akan lebih baik jka untuk setiap
56
class dibuat unit test untuk menguji fungsionalitas class dan
interaksi dengan class lain.
9. Setelah class diagram dibuat, kita dapat melihat kemungkinan
pengelompokan class menjadi komponen-komponen. Karena itu
buatlah component diagram pada tahap ini. Juga definisikan tes
integrasi untuk setiap komponen meyakinkan ia berinteraksi
dengan baik.
10. Perhalus deployment diagram yang sudah dibuat. Detikan
kemampuan dan requirement piranti lunak, sistem operasi,
jaringan, dan sebagainya. Petakan komponen ke dalam node.
11. Mulailah membangun sistem. Ada dua pendekatan yang dapat
digunakan
Pendekatan use case, dengan meng-assign setiap use case kepada
tim pengembang tertentu untuk mengembangkan unit code yang
lengkap dengan tes.
Pendekatan komponen, yaitu meng-assign setiap komponen kepada
tim pengembang tertentu.
12. Lakukan uji modul dan uji integrasi serta perbaiki model beserta
codenya. Model harus selalu sesuai dengan code yang aktual.
13. Piranti lunak siap dirilis.
57
2.15 Studi Literatur
Dibawah ini akan dijelaskan beberapa penelitian yang pernah ada
yang berkaitan dengan sistem kepegawaian, yang digunakan
peneliti sebagai bahan perbandingan
No Nama / Nim Judul Kelebihan Kekurangan
1. Tanti Tri Asni
Ristian/105093003005
Sistem Informasi
Kepegawaian
Berbasis Web
Pada Balai Besar
Teknologi
Energi (B2TE)
Balai Pengkajian
Penerapan
Teknologi
(BPPT) Serpong
Model ini
menggunakan teori
himpunan fuzzy
untuk mendapatkan
informasi pada
querynya
Menggunakan
metode terstruktur
dengan model
pendekatan SDLC
serta menggunakan
PHP MySQL.
2. SitiNurbaity/
106091002869
Pengembangan
Sistem Informasi
Kepegawaian
(SIMPEG)
Berbasis Web
studi kasus.
Subbag
Administrasi
Aplikasi dapat
melakukan pengujian
(testing) meliputi unit
testing, integration
testing, system testing,
dan acceptance testing.
1. Bahasa
pemrograman
HTML dan PHP
MySQL.
2. Aplikasi hanya
untuk pegawai
administrasi
golongan III/d ke
58
Kepegawaian
Pusat UIN syarif
Hidayatullah
Jakarta
bawah.
3. Muyassaroh/
105093003033
Rancang Bangun
Sistem
Sendukung
Keputusan
Seleksi
Pemilihan
Pegawai PT.
Toyofuji Serasi
Indonesia.
Menggunakan
basisdata fuzzy model
tahani dan representasi
bahu dan segitiga. serta
menggunakan siklus
pengembangan model
sekuensial linier.
1. metodologi
pengembangan
sistem yang
digunakan adalah
metodologi
terstruktur
dengan model
pengembangan
SDLC.
2. belum adanya
sistem
pendukung
keputusan seleksi
pemilihan
pegawai
4. Riskiyanti/
204093002626
Sistem Informasi
Karyawan
Berbasis Web
Aplikasi dapat
melakukan back-up
data penyimpanan lain
1. Bahasa
pemrograman
PHP dan MySQL.
59
Studi Kasus
Perusahaan
Malaysia
Airlines Bandara
Soekarno Hatta.
seperti vcd.
1.
2. Belum
terdapatnya hak
akses bagi tiap-
tiap sub Malaysia
Airlines.
5. Nur Angga Adhitya
Pratamaputra/
105093003034
Sistem Informasi
Keputusan
Kenaikan
Jabatan Dengan
Model AHP
Pada Biro
Kepegawaian di
Sekretariat
Negara Republik
Indonesia
Sistem pendukung
keputusan yang
terkomputerissasi
sehingga dapat
memberikan solusi
pendukung keputusan.
1. Bahasa
pemrograman
PHP dan MySQL
2. Tools yang di
gunakan DFD,
Flowchart, dan
STD.
3. Belum adanya
keamanan
aplikasi dengan
menambah
levelisasi admin.
6. Dahlia/
102093026417
Pengembangan
Sistem Informasi
Terdapatnya data
penilaian pegawai, dan
Tools yang di
gunakan DFD,
60
Kepegawaian
Studi Kasus.
Kantor
Walikotamadya
Jakarta Timur.
data unit kerja. Flowchart, dan STD.
7. Miftahul Fahmi/
103093029712
Pengembangan
Sistem Informasi
Administrasi
Kepegawaian
Studi Kasus.
Fakultas Sains
dan Teknologi.
Aplikasi pengarsipan
Sistem Informasi
Administrasi
Kepegawaian
disediakan penginputan
form kepegawaian ke
dalam aplikasi dengan
menggunakan
perangkat keras.
1. Metode
pengembangan
sistem
menggunakan
SDLC
2. belum
menggunakan
web karena
sistem informasi
administrasi
kepegawaian
menyangkut
banyak hal
tentang
kepegawaian
tidak adanya
sistem yang
menjelaskan ttg
61
pensiun pegawai.
8. Sailin/ 104093002944 Pengembangan
Sistem Informasi
Kepegawaian
Kantor Dinas
Kebudayaan dan
Pariwisata
Kabupaten
Indramayu.
Crystal Report sebagai
perangkat lunak yang
membantu pembuatan
program sistem
informasi kepegawaian
pada kantor dinas
kebudayaan dan
pariwisata kab.
Indramayu.
Rancangan report
yang dirancang dg
menggunakan Ms Vb
6.0
9 Achmad Baihaqi/
203091002021
Pengembangan
Sistem Informasi
Kepegawaian
Menggunakan
Sensor Sidik Jari
Pada PT.
Indenes Utama.
1. Aplikasi SIMPEG
terintegrasi ini
dibangun dengan
system user
friendly, sehingga
mempermudah
user atau pengguna
untuk proses
pengolahan data.
Sistem Kepegawaian ini
dilengkapi dengan
1. Tools yang di
gunakan DFD,
Flowchart, dan
STD.
2. Metode
pengembangan
sistem
menggunakan SDLC
62
system report sehingga
membantu user
maupun manager
untyuk melihat
pelaporan data secara
mudah untuk
pengambilan
keputusan.
10 Kosmara/
104093002968
Pengembangan
Sistem Informasi
Kepegawaian
Berbasis Web
Pada Badan
Penelitian dan
Pengembangan
Departemen
Pertahanan RI.
Aplikasi dapat
melakukan back-up
data penyimpanan lain
seperti vcd.
Aplikasi pengarsipan
Sistem Informasi
Kepegawaian
disediakan penginputan
form kepegawaian ke
dalam aplikasi dengan
menggunakan
perangkat keras.
1. Tools yang di
gunakan DFD,
Flowchart, dan
STD.
2. Metode
pengembangan
sistem
menggunakan
SDLC.
63
64
BAB III
METODOLOGI PENELITIAN
Pada penelitian tugas akhir ini, untuk mempermudah pen-
yelesaian masalah, peneliti menggunakan beberapa metode
penelitian diantaranya metode pengumpulan data dan metode
pengembangan sistem.
3.1 Metode Pengumpulan Data
Dalam penyusunan skripsi ini, diperlukan data-data serta
informasi yang relatif lengkap sebagai bahan yang dapat
mendukung kebenaran materi uraian dan pembahasan. Oleh karena
itu, sebelum penyusunan skripsi ini dilakukan, maka dilakukan
riset atau penelitian terlebih dahulu untuk menjaring data serta
informasi yang terkait.
Teknik pengumpulan data yang dilakukan adalah sebagai berikut:
a. Observasi
Peranan peneliti dalam metode ini adalah sebagai partisipan
yaitu peneliti hanya berpartisipasi sepanjang dibutuhkan
dalam penelitiannya.
Pengamatan peneliti dilakukan pada :
Tempat : Bank Muamalat Cabang Pancoran
Wisma Haroen, Jl. Pasar raya minggu no. 28-C Pancoran
Jakarta Selatan.
Waktu : 19 Desember 2009 s.d 20 Maret 2010
65
Melakukan observasi agar dapat mengetahui secara
langsung kegiatan kepegawaian Bank Muamalat Cabang
Pancoran yang dilakukan oleh pegawai bagian Kepegawaian.
Saat melakukan observasi, terlibat langsung dengan pegawai
bagian Kepegawaian atau Hrd Bank Muamalat. Bagaimana
melihat data kepegawaian yang dituangkan dan dikumpulkan
dalam sebuah buku besar kepegawaian, melihat data-data
kepegawaian dimulai dari riwayat kepangkatan, riwayat jabatan,
riwayat keluarga, riwayat pendidikan, pengajuan cuti, pengajuan
pensiun, dan mutasi.
b. Wawancara
Wawancara dilakukan dengan cara melakukan berdiskusi
dengan pihak yang bisa memberikan informasi mengenai aplikasi
yang penulis buat. Peneliti melakukan wawancara secara langsung
dengan beberapa pihak pada saat Riset seperti Ibu Rima Amelia
selaku bagian Hrd, hal ini dilakukan untuk mendapatkan data-data
spesifik mengenai proses kepegawaian pada Bank Muamalat Cabang
Pancoran seperti formulir dan bentuk laporan yang terkait. Penelitian
lanjutan ini dilakukan pada tanggal 20 Maret 2010 pada Bank
Muamalat Cabang Pancoran ( Terlampir).
c. Studi Pustaka
66
Adapun daftar buku yang menjadi referensi dalam
penyusunan skripsi ini yaitu :
1. Buku Pengenalan Sistem Informasi karya Abdul Kadir,
Penerbit Andi Yogyakarta, tahun 2003.
2. Buku Analisis dan Perancangan Sistem karya Kendal dan
Kendal, Penerbit Indeks Jakarta, tahun 2006.
3. Buku Pemodelan Visual dengan UML karya Munawar,
Penerbit Graha Ilmu Yoyakarta, tahun 2005.
4. Buku Sistem Informasi Manajemen karya Raymond
McLeod dan George Schell, Penerbit Indeks Jakarta, tahun
2004.
5. Buku Manajemen Sumber Daya Manusia Untuk
Perusahaan karya Veithzal Rivai dan Ella Jauvani Sagala,
Penerbit RajaGrafindo Persada Jakarta, tahun 2009.
6. Buku Pengantar Teknologi Informasi karya Aji Supriyanto,
Penerbit Salemba Infotek Semarang, 2005.
7. Buku Metode Desain dan Analisis Sistem Edisi 6 (enam)
karya Jeffery L. Whitten, Penerbit Andi Yogyakarta, tahun
2004.
8. Buku Pengenalan Komputer karya Jogiyanto, Penerbit Andi
Yogyakarta, tahun 2005.
67
9. Buku Sistem Informasi Konsep dan Aplikasi karya Agus
Mulyanto, Penerbit Pustaka Pelajar Yogyakarta, tahun
2009.
10. Buku Analisis dan Desain Sistem Informasi karya Al-Bahra
Bin Ladjamudin, Penerbit Graha Ilmu Yogyakarta, tahun
2005.
d. Studi Literatur
Penelitian studi literatur yang dilakukan pada hasil penulisan
karya ilmiah, yaitu menekankan pada kelebihan dan
kekurangan yang dilihat dari sisi sistem yang telah dirancang.
Sebagai sumber referensi dan bahan acuan terhadap sistem
yang akan dibuat. Dari berbagai referensi, terdapat abstraksi
studi literature yang digunakan yakni sebagai berikut :
Tabel. 3.1 Studi Literatur
Kelebihan Kekurangan
Model ini menggunakan teori himpunan
fuzzy untuk mendapatkan informasi pada
querynya
Menggunakan metode
terstruktur dengan model
pendekatan SDLC serta
menggunakan PHP MySQL.
Aplikasi dapat melakukan pengujian (testing)
meliputi unit testing, integration testing,
3. Bahasa pemrograman
HTML dan PHP MySQL.
68
system testing, dan acceptance testing.
4. Aplikasi hanya untuk
pegawai administrasi
golongan III/d ke bawah.
Menggunakan basisdata fuzzy model tahani
dan representasi bahu dan segitiga. serta
menggunakan siklus pengembangan model
sekuensial linier.
3. metodologi
pengembangan sistem
yang digunakan adalah
metodologi terstruktur
dengan model
pengembangan SDLC.
4. belum adanya sistem
pendukung keputusan
seleksi pemilihan pegawai
Aplikasi dapat melakukan back-up data
penyimpanan lain seperti vcd.
2.
3. Bahasa pemrograman PHP
dan MySQL.
4. Belum terdapatnya hak
akses bagi tiap-tiap sub
Malaysia Airlines.
Sistem pendukung keputusan yang
terkomputerissasi sehingga dapat
4. Bahasa pemrograman PHP
69
memberikan solusi pendukung keputusan. dan MySQL
5. Tools yang di gunakan
DFD, Flowchart, dan STD.
6. Belum adanya keamanan
aplikasi dengan
menambah levelisasi
admin.
Terdapatnya data penilaian pegawai, dan data
unit kerja.
Tools yang di gunakan DFD,
Flowchart, dan STD.
Aplikasi pengarsipan Sistem Informasi
Administrasi Kepegawaian disediakan
penginputan form kepegawaian ke dalam
aplikasi dengan menggunakan perangkat
keras.
3. Metode pengembangan
sistem menggunakan SDLC
4. belum menggunakan web
karena sistem informasi
administrasi kepegawaian
menyangkut banyak hal
tentang kepegawaian tidak
adanya sistem yang
menjelaskan ttg pensiun
pegawai.
70
Crystal Report sebagai perangkat lunak yang
membantu pembuatan program sistem
informasi kepegawaian pada kantor dinas
kebudayaan dan pariwisata kab. Indramayu.
Rancangan report yang
dirancang dg menggunakan Ms
Vb 6.0
2. Aplikasi SIMPEG terintegrasi ini dibangun
dengan system user friendly, sehingga
mempermudah user atau pengguna untuk
proses pengolahan data.
Sistem Kepegawaian ini dilengkapi dengan
system report sehingga membantu user
maupun manager untyuk melihat pelaporan
data secara mudah untuk pengambilan
keputusan.
3. Tools yang di gunakan DFD,
Flowchart, dan STD.
4. Metode pengembangan
sistem menggunakan SDLC
Aplikasi dapat melakukan back-up data
penyimpanan lain seperti vcd.
Aplikasi pengarsipan Sistem Informasi
Kepegawaian disediakan penginputan form
kepegawaian ke dalam aplikasi dengan
menggunakan perangkat keras.
3. Tools yang di gunakan DFD,
Flowchart, dan STD.
4. Metode pengembangan
sistem menggunakan SDLC.
71
3.2 Metode Pengembangan Sistem
3.2.1 Konsep Metodologi Pengembangan Sistem
Pengembangan sistem pada penelitian ini menggunakan Rapid
Application Development (RAD) sebagai alur pengembangnya.
yang memiliki tahapan-tahapan berikut: (Kendall, 2008). Fase-
fase RAD ini dapat ditunjukkan pada Gambar 3.1
Mengidentifikasi tujuan dan
syarat-syarat informasi
Bekerja dengan
pengguna untuk
merancang
sistem
Membangun
SistemMengenalkan sistem baru
Workshop desain RAD
Perencanaan
Syarat-syarat Implementasi
Gambar 3.1 Fase-fase RAD
sumber : (Kendall, 2008 : 237)
Sumber: Kendall,2008
Gambar 3.1 Fase-Fase RAD
1. Perencanaan Syarat-Syarat
Tahap yang dilakukan yaitu:
1. Gambaran Umum Perusahaan, yang bertujuan untuk
mempelajari uraian dari tugas-tugas masing-masing divisi
yang berkaitan dengan sistem yang akan diusulkan.
2. Analisis masalah yang sedang berjalan pada Bank
Muamalat Cabang Pancoran, bertujuan untuk lebih mudah
mengetahui kekurangan atau kendala-kendala dari sistem
yang ada atau sistem yang berjalan.
72
3. Identifikasi Masalah
Identifikasi masalah bertujuan untuk mengetahui masalah-
masalah yang ada di Bank Muamalat Cabang Pancoran,
yang berkaitan dengan sistem yang diusulkan.
2. Workshop Design
Fase ini adalah fase untuk merancang dan memperbaiki yang
dapat digambarkan sebagai workshop. Peneliti memulai
merancang sistem informasi manajemen dengan tools Unified
Modelling Language (UML), dengan tahapan sebagai berikut
(Kendall, 2008):
1. Membuat Usecase Diagram
Ditahap ini mencoba untuk menangkap requirements sistem
dan memahami sistem yang sedang berjalan.
2. Membuat Usecase Scenario
Mendeskripsikan usecase yang telah dibuat pada tahap
pertama.
3. Membuat Activity Diagram
Membuat sebuah alur kerja dari satu aktivitas ke aktivitas
lainnya. Tahap ini sangat berguna ketika kita ingin
menggambarkan perilaku paralel atau menjelaskan
bagaimana perilaku dalam berbagai usecase berinteraksi.
73
4. Membuat Class Diagram
Memvisualisasikan struktur kelas-kelas dari suatu sistem
dan memperlihatkan hubungan antar kelas dan penjelasan
detail tiap-tiap kelas didalam model desain (dalam logical
view) dari suatu system.
5. Membuat Sequence Diagram
Menjelaskan interaksi objek yang disusun dalam suatu
urutan waktu. Peneliti memperlihatkan tahap demi tahap
apa yang seharusnya terjadi untuk menghasilkan sesuatu
didalam usecase.
3. Fase Implementasi
Pada fase ini dilakukan beberapa tahapan, antara lain:
a. Instalasi sistem
Menjelaskan tahapan-tahapan dilakukannya proses instalasi
aplikasi dalam komputer.
b. Pengujian sistem pada komputer.
Pengujian sistem dilakukan pada komputer dengan menguji
seluruh fitur yang terdapat pada sistem.
c. Pengenalan Sistem
Dalam hal ini sistem informasi kepegawaian dikenalkan
kepada Manager Bank Muamalat Cabang Pancoran.
74
3.3 Peralatan Penelitian
3.3.1 Jenis Perangkat Lunak (software) yang Digunakan
Perangkat lunak yang digunakan dalam penelitian ini adalah
Xampp V1.6.2a, Macromedia Dreamweaver MX, MS.Visio 2007,
Photoshop CS, MS.Office 2007.
Sistem operasi yang peneliti gunakan di dalam penelitian
adalah Microsoft Windows XP Profesional SP2. Browser yang
penulis gunakan adalah Mozilla Firefox.
3.3.2 Jenis Perangkat Keras (hardware) yang Digunakan
Perangkat keras yang digunakan untuk membangun dan
mendukung aplikasi ini adalah perangkat keras dengan spesifikasi
sebagai berikut :
1. Processor Intel Pentium IV 2.8 GHz
2. DDRAM 512 MB
2. 256 MB VGA Card
3. Hard Disk 80 GB
4. Keyboard
5. Mouse
6. Printer
75
3.4. Kerangka Penelitian
Dalam melakukan penelitian ini, peneliti melakukan tahapan-
tahapan kegiatan dengan mengikuti rencana kegiatan yang tertuang
dalam kerangka penelitian meliputi metode pengumpulan data dan
metode pengembangan sistem. Berikut ini dapat dilihat gambaran
kerangka berpikir penelitian.
76
Metodologi Pengumpulan Data
Observasi
Studi Literatur
Studi Pustaka
Wawancara
Metodologi Pengembangan
Sistem
Rapid Application
Development (RAD)
(Kendall,2008)
Perencanaan Syarat-
Syarat(Kendall,2008)
Identifikasi Masalah
Analisis Sistem Berjalan
Profil Bank Muamalat
Cab. Pancoran
Activity Diagram
(Munawar,2006)
Class Diagram
(Munawar,2006)
Usecase Scenario
(Munawar,2006)
Usecase Diagram
(Munawar,2006)
Workshop
Design(Kendall,2008)
Sequence Diagram
(Munawar,2006)
Pengenalan Sistem
Pengujian Sistem Pada
Komputer
Instalasi SistemImplementasi
(Kendall,2008)
Statechart Diagram
(Munawar,2006)
Gambar 3.2 Kerangka Penelitian
77
BAB IV
PEMBAHASAN
Untuk perancangan sistem, metode yang digunakan adalah metode
Rapid Application Development (RAD) yang terdiri atas fase perencanaan
syarat-syarat, fase workshop design dan fase implementasi sesuai dengan
fase-fase rancang bangun sistem informasi kepegawaian.
4.1 Fase Menentukan Syarat-Syarat Kebutuhan
4.1.1 Profil PT. Bank Muamalat Indonesia
PT Bank Muamalat Indonesia Tbk didirikan pada 24 Rabius
Tsani 1412 H atau 1 Nopember 1991 yang diprakarsai oleh Majelis
Ulama Indonesia (MUI) dan Pemerintah Indonesia, dan mulai
beroperasi pada 27 Syawwal 1412 H atau 1 Mei 1992. Didukung
oleh Asosiasi Indonesia yang beragama Islam Intelektual (ICMI) dan
beberapa pengusaha Muslim, pendirian Bank Muamalat juga
menerima dukungan masyarakat umum, terbukti dari komitmen
senilai Rp 84 miliar untuk pembelian saham Bank pada tanggal
ketika Anggaran Dasar ditandatangani. Setelah itu, dalam pertemuan
khusus memperingati pendirian di Istana Presiden di Bogor, Jawa
Barat, diperoleh tambahan dari masyarakat di Jawa Barat dibesarkan
untuk mencapai sebesar Rp 106 miliar.
Bank Muamalat Indonesia, mulai beroperasi pada tanggal 1
Mei 1992 bertepatan dengan tanggal 27 Syawal 1412 H, berdasarkan
78
SK Menteri Keuangan RI No. 1223/ MK 013/ 1991 tanggal 24 April
1992. Sejak tanggal 27 Oktober telah berpredikat sebagai Bank
Devisa.
4.1.2 Logo Perusahaan
Gambar 4.1 Logo Perusahaan
4.1.3 Visi dan Misi Perusahaan
1. Visi
Menjadi bank syariah utama di Indonesia, dominan di pasar
spiritual, dikagumi di pasar rasional.
2. Misi
Menjadi ROLE MODEL Lembaga Keuangan Syariah dunia
dengan penekanan pada semangat kewirausahaan, keunggulan
manajemen dan orientasi investasi yang inovatif untuk
memaksimumkan nilai bagi stakeholder.
79
Kepala cabang
Manager
operasional
Manager
marketing
Back Office
Human
Researchs
Departement
TellerCuctomer
Service
Frontliner
Operation
staffIT Staff
Analisis
Marketing
Admin
MarketingMarketing
Admin
Staff
4.1.4 Struktur Organisasi
Struktur organisasi perusahaan merupakan pencerminan dari
kebijaksanaan yang ditempuh untuk mengkoordinir manusia,
peralatan dan fasilitas lainnya yang terlibat didalamnya, guna
tercapainya suatu tujuan yang sudah ditetapkan dengan cara yang
paling efisien. Manager bekerjasama dengan pegawainya
mengerjakan tugas yang telah ditentukan untuk mencapai suatu
tujuan perusahaan yang telah dipimpinnya. Bagan tersebut dapat
dilihat pada Gambar 4.2.
Gambar 4.2 Struktur Organisasi pada Bank Muamalat Cabang Pancoran
80
4.1.5 Uraian Tugas
Berdasarkan dari gambar struktur organisasi Bank Muamalat akan
diuraikan tentang tugas masing-masing fungsi yaitu:
1. Pegawai
a. Mengajukan cuti pegawai
b. Memberikan data pribadi pegawai yang berisikan tentang
data pegawai, riwayat keluarga, riwayat pendidikan dan
riwayat jabatan.
c. Mengajukan pensiun bagi pegawai yang sudah mempunyai
usia 56 tahun.
2. Atasan
a. Bertanggung jawab langsung atas Bank Muamalat Cabang
Pancoran
b. Menentukan keputusan atas pegawai yang mengajukan cuti,
pensiun, mutasi dan promosi.
c. Menandatangani pengajuan cuti, pengajuan pensiun,
pengajuan mutasi dan promosi.
d. Memeriksa pengajuan tahun ini dan pengajuan keseluruhan.
3. Bagian Kepegawaian
a. Selalu meng-update daftar pegawai aktif yang bekerja dalam
perusahaan.
b. Membuat form pengajuan cuti, form pengajuan perpindahan
dan form pengajuan pensiun.
81
c. memasukkan data laporan ke sistem.
d. Menyimpan data pegawai aktif yang bekerja dalam
perusahaan.
4.1.6 Analisis
4.1.6.1 Analisis Sistem Berjalan
Sistem yang sedang berjalan adalah sebagai berikut :
Sistem kepegawaian yang saat ini digunakan pada Bank
Muamalat Cabang Pancoran adalah sistem manual yang
mengharuskan setiap data yang masuk dalam pengolahan data
pegawai menggunakan banyak kertas, sehingga terjadinya banyak
pemborosan hard copy dalam hal pengarsipan data yang
berhubungan dengan pengolahan data pegawai, diantaranya
adalah pengajuan cuti, data pegawai dan pengajuan perpindahan
pegawai.
Setiap data yang masuk di bukukan kedalam beberapa buku
besar sesuai dengan golongan data yang masuk, dalam buku
pegawai terdapat beberapa keterangan tentang id pegawai, nama
pegawai, alamat pegawai, jabatan pegawai, status pegawai dan
keterangan. Sedangkan untuk perpindahan pegawai terdapat
beberapa keterangan tentang id pegawai, nama pegawai, alamat
pegawai, jabatan pegawai, status pegawai, tempat atau kedudukan
pegawai dan keterangan. Namun untuk pengajuan cuti
82
ditambahkan keterangan alasan, jenis cuti dan berapa lama
pegawai mengajukan cuti.
Berdasarkan hasil survei dan interview yang dilakukan
mengenai pengolahan data pegawai, tahapan yang dilakukan
adalah sebagai berikut:
1. Pegawai melakukan pengajuan cuti dan langsung menghadap
ke Bagian Kepegawian. Surat tersebut ditujukan kepada
Bagian Kepegawaian untuk dapat dibuatkan dan mendapat
persetujuan.
2. Bagian Kepegawaian mengecek dan membuat surat
pengajuan cuti dalam 2 rangkap agar satu rangkap untuk
dijadikan arsip dan diberikan kepada atasan untuk dikontrol
dan mendapat persetujuan.
3. Atasan mengecek surat pengajuan cuti.
4. Atasan menyimpan arsip cuti yang telah disetujui dalam
bentuk manual.
5. Bagian Kepegawaian mengambil data atau form cuti yang
telah mendapat persetujuan dari atasan.
6. Bagian Kepegawaian memberikan form cuti kepada pegawai
untuk dapat melakukan cuti yang diinginkan oleh pegawai.
7. Pegawai memberikan data pribadi pegawai kepada Bagian
Kepegawaian.
83
8. Bagian Kepegawaian membuat data pribadi pegawai dan
membuat dalam 2 rangkap agar satu rangkap untuk dijadikan
arsip dan yang terakhir diberikan kepada atasan untuk
dikontrol kembali.
9. Atasan mengecek data pribadi pegawai.
10. Atasan menyimpan arsip data pribadi pegawai dalam bentuk
manual.
11. Bagian Kepegawaian membuat data atau form perpindahan
pegawai dan membuat dalam 2 rangkap agar satu rangkap
untuk dijadikan arsip dan diberikan kepada atasan untuk
dikontrol dan mendapat persetujuan.
12. Atasan mengecek data perpindahan pegawai.
13. Atasan menyimpan arsip perpindahan pegawai yang telah
disetujui dalam bentuk manual.
14. Bagian Kepegawaian mengambil data perpindahan pegawai
yang telah mendapat persetujuan dari atasan.
15. Bagian Kepegawaian memberikan data atau form
perpindahan pegawai kepada pegawai yang bersangkutan.
16. Bagian pegawai membuat form pensiun pegawai dan
membuat dalam 2 rangkap agar satu rangkap untuk dijadikan
arsip dan diberikan kepada atasan untuk dikontrol dan
mendapat persetujuan.
17. Atasan mengecek data pensiun pegawai.
84
18. Atasan menyimpan arsip pensiun pegawai yang telah
disetujui dalam bentuk manual.
19. Bagian Kepegawaian mengambil data pensiun pegawai yang
telah mendapat persetujuan dari atasan.
20. Bagian Kepegawaian memberikan data atau form pensiun
pegawai kepada pegawai yang bersangkutan.
Langkah-langkah pada keterangan diatas juga dapat dilihat
pada gambar rich picture berikut:
1. Pengajuan cuti2. Mengecek dan membuat pengajuan
cuti
3. Mengecek form
pengajuan cuti
Arsip cuti
4. Menyimpan
arsip
5. Mengambil data
6. Memberikan form cuti
7. Memberikan data pribadi
pegawai
8. Membuat data pegawai
9. Mengecek data pegawai
Arsip data
pegawai
Arsip perpindahan
10. Menyimpan
arsip
11. Membuat form perpindahan
pegawai
12. Mengecek data
perpindahan pegawai
13. Menyimpan arsip14. Mengambil data
15. Memberikan form
perpindahan pegawai16. Membuat form
pensiun pegawai
PegawaiBagian
Kepegawaian
Manager
17. Mengecek form pensiun pegawai
Arsip Pensiun
18. Menyimpan arsip pensiun
19. Mengambil data
20. Memberikan form
pensiun pegawai
$
PT. Bank Muamalat Indonesia
Lihat laporan akhir pegawai
Gambar 4.3 rich picture pada sistem yang sedang berjalan.
85
4.1.7 Identifikasi Masalah
Identifikasi masalah yang peneliti lakukan yaitu identifikasi
terhadap masalah yang terjadi di Bank Muamalat Cabang Pancoran.
Peneliti menemukan permasalahan yang ada di bagian kepegawaian
yaitu proses pengajuan cuti, pengajuan mutasi (perpindahan
pegawai), pengajuan kenaikkan pangkat, dan data pribadi pegawai
yang berupa riwayat keluarga, riwayat pendidikan, riwayat jabatan,
dan riwayat kepangkatan dimana proses tersebut masih bersifat
manual yaitu dimana proses kepegawaian masih menggunakkan
MS.Exel.
Untuk memudahkan pihak Bank Bank Muamalat Cabang Pancoran
peneliti membuat program sistem kepegawaian dan peneliti
menggunakan UML untuk merancang sistem ini.
Di dalam identifikasi masalah peneliti menganalisa sistem yang
sedang berjalan dan sistem yang diusulkan dapat digambarkan pada
rich picture.
4.1.8 Usulan Sistem
Pada Usulan sistem ini, peneliti memberikan informasi mengenai
rancangan sistem yang penulis ajukan guna menanggulangi
permasalahan-permasalahan sistem yang telah disebutkan
sebelumnya.
Usulan analisis sistem yang diajukan adalah sebagai berikut :
86
1. Pegawai menginputkan permohonan cuti pada form
permohonan cuti yang tersedia dalam sistem, maka secara
otomatis form permohonan cuti tersebut akan langsung
terkirim pada Bagian Kepegawaian untuk dimintai persetujuan.
2. Bagian Kepegawaian menerima permohonan cuti pada form
permohonan cuti untuk dapat dicek dan memberikan
pesetujuan.
3. Data cuti di simpan ke dalam sistem secara otomatis.
4. Atasan view pengajuan cuti dan memberi keputusan setuju atau
menolak. Apabila disetujui maka form tersebut akan terkirim
kepada Bagian Kepegawaian untuk mendapat persetujuan
kembali.
5. Pegawai akan secara otomatis mendapatkan data pegawai yang
mengajukan cuti yang telah disetujui oleh Bagian
Kepegawaian dan atasan sebagai pimpinan teratas.
6. Bagian Kepegawaian menginput data pegawai agar sistem
menyeleksi data pegawai secara otomatis untuk mendapatkan
data pegawai yang sudah memasuki pensiun berdasarkan tahun
kelahiran pegawai yang bersangkutan.
7. Data pegawai tersimpan ke dalam sistem secara otomatis.
8. Atasan view data pegawai.
9. Pegawai view data pegawai yang bersangkutan
87
10. Bagian Kepegawaian menginput data perpindahan pegawai ke
dalam sistem agar sistem menyeleksi data pegawai secara
otomatis.
11. Data perpindahan pegawai tersimpan ke dalam sistem secara
otomatis.
Adapun prosedur dari perancangan sistem yang diusulkan adalah
sebagai berikut :
1. Pengajuan cuti2. Mengecek pengajuan
cuti 3. Data cuti
Server
Pegawai Bagian
Kepegawaian
Manager
3. View pengajuan
tahun ini
2. View pengajuan
keseluruhan
6. Input data
pegawai
7. Data
pegawai
1. View data pegawai
5. View data cuti
9. View data pegawai
10. Input
perpindahan
11. Data
perpindahan
4. - View pengajuan
tahun lalu
1. menampilkan data
pegawai
2. menampilkan
pengajuan cuti
keseluruhan
3. menampilkan
pengajuan tahun ini
4. menampilkan
pengajuan tahun lalu
12. input berita13. data berita
14. menampilkan berita dan aturan
15. view berita
$
PT. Bank Muamalat Indonesia
Lihat laporan akhir pegawai
Gambar 4.4 Rich picture diagram sistem yang di usulkan
88
4.2 Perancangan Menggunakan UML
Sesuai dengan permasalahan bab1 maka peneliti menggunakan
pendekatan sistem berorientasi object yakni dengan membuat use case
diagram, use case scenario, activity diagram, sequence diagram, dan class
diagram. Penjelasan tersebut akan dibahas berikut ini.
4.2.1 Membuat Use Case Diagram
1. Identifikasi Aktor
Tabel 4.1 Identifikasi Aktor
No. Aktor Deskripsi
1. Pegawai Orang yang bekerja dalam perusahaan dan memiliki
hak untuk melakukan kegiatan kepegawaian, seperti
pengajuan cuti, pengolahan data pegawai, pengajuan
kenaikkan pangkat dan pengajuan perpindahan.
2. Bagian
Kepegawaian
Bagian yang menangani dan memproses data yang
ada di Bank Muamalat Cab. Pancoran
3. Atasan Orang yang bertanggungjawab terhadap kinerja Bank
Muamalat Cab.Pancoran dan melihat laporan data
pegawai yang ada.
2. Identifikasi Diagram Use Case
Tabel 4.2 Identifikasi Diagram Use Case
No Use Case Name Description Actor
1 Login Use case menggambarkan kegiatan
memasukkan username dan password untuk
mengakses system
Pegawai,
Bagian
Kepegawaian
89
, Atasan
2 Management
pegawai
Use case menggambarkan kegiatan pengolahan
data pegawai yang bekerja di Bank Muamalat
Cab. Pancoran
Bagian
kepegawaian
3 Riwayat jabatan Use case menggambarkan kegiatan pengolahan
data riwayat jabatan pegawai yang bekerja di
Bank Muamalat Cab. Pancoran
Bagian
kepegawaian
4 Riwayat
pendidikan
Use case menggambarkan kegiatan pengolahan
data riwayat pendidkan pegawai yang bekerja
di Bank Muamalat Cab. Pancoran
Bagian
kepegawaian
5 Riwayat
keluarga
Use case menggambarkan kegiatan pengolahan
data riwayat keluarga pegawai yang bekerja di
Bank Muamalat Cab. Pancoran
Bagian
kepegawaian
6 Perpindahan Use case menggambarkan kegiatan pengolahan
data perpindahan yang berisikan tentang
pengolahan mutasi dan promosi pegawai
Bagian
Kepegawaia
n
7 Input berita Use case menggambarkan kegiatan pengolahan
data berita yang masuk ke dalam sistem
Bagian
Kepegawaian
8 Management
pemakai
Use case menggambarkan kegiatan pengolahan
data bagi tiap pemakai sistem
Bagian
kepegawaian
9 Input jenis cuti Use case menggambarkan kegiatan
penginputan jenis cuti yang akan dilakukan
Bagian
kepegawaian
90
pegawai
10 View status cuti Use case menggambarkan kegiatan dalam
melihat status cuti pegawai
Bagian
kepegawaian,
pegawai
11 View pegawai
pensiun
Use case menggambarkan kegiatan dalam
melihat data pegawai yang sudah memasuki
masa pensiun
Bagian
kepegawaian
12 View data
pegawai
Use case menggambarkan kegiatan dalam
melihat data keseluruhan pegawai
Bagian
kepegawaian,
Atasan
13 Cetak CV Use case menggambarkan kegiatan dalam
mencetak CV pegawai
Bagian
kepegawaian
14 Grafik Pegawai Use case menggambarkan kegiatan dalam
melihat grafik pertumbuhan pegawai
Bagian
Kepegawaian
15 View data
pribadi
Use case menggambarkan kegiatan pengolahan
data pribadi pegawai yang bekerja di
perusahaan
Atasan,
Pegawai
16 View pengajuan
keseluruhan
Use case menggambarkan kegiatan seluruh
pengajuan yang di ajukan oleh pegawai
Atasan
17 View pengajuan
tahun ini
Use case menggambarkan kegiatan dari
pengajuan pegawai yang melakukan segala
macam pengajuan pada tahun ini
Atasan
91
18 View arsip
pengajuan
Use case menggambarkan kegiatan dimana
atasan dapat melihat arsip pengajuan yang telah
diajukan pegawai perusahaan
Atasan
19 Arsip pengajuan
cuti
Use case menggambarkan kegiatan dimana
pegawai dapat melihat arsip pengajuan cuti
yang telah diajukan
Pegawai
20 View hasil
pengajuan
Use case menggambarkan kegiatan dimana
pegawai dapat melihat hasil pengajuan yang
telah diajukan
Pegawai
21 Arsip
persetujuan cuti
Use case menggambarkan kegiatan dimana
pegawai dapat melihat arsip persetujuan cuti
yang telah disetujui oleh atasan
Pegawai
22 View berita Use case menggambarkan kegiatan dimana
pegawai dapat melihat berita yang diperlukan
oleh pegawai
Pegawai
23 Logout Use case menggambarkan kegiatan untuk
keluar dari sistem
Bagian
Kepegawaian
, Atasan,
Pegawai
92
2. Use Case Diagram
Gambar 4.5 Diagram Use Case Pada Sistem Informasi Kepegawaian.
4.2.2 Use Case Scenario
Pada use case scenario ini dijelaskan urutan kegiatan yang dilakukan
sistem dan actor, antara lain:
1. Login
Tabel 4.3 Use Case Scenario Login
Use Case Name Login
Use Case Id 1
93
Actor Pegawai, Atasan, Bagian Kepegawaian
Description Use case input username dan password dapat digunakan
Customer service untuk masuk halaman utama Sistem
Kepegawaian dengan menulis usename dan password pada
form login.
Pre condition Pegawai, Atasan dan Bagian Kepegawaian memasukkan
username dan password untuk dapat masuk ke dalam sistem
Trigger Saat user ingin mengakses aplikasi mereka secara penuh di
dalam sistem
Typical Course
of Events
Actor Action System Response
1. Masukkan username
dan password
2.Cek username dan password
3. menampilkan halaman utama
Alternate
Course
2. Jika username dan Password salah maka sistem
menampilkan pesan kesalahan dan kembali ke halaman login.
Conclusion User Login kedalam sistem kepegawaian
Post Condition Sistem berhasil diakses
2. Management Pegawai
Tabel 4.4 Use Case Scenario Management Pegawai
Use Case Name Management pegawai
Use Case Id 2
Actor Bagian kepegawaian
Description Use case ini menggambarkan aktor pada kegiatan menginput
form pegawai.
Pre condition Actor memasukkan data pegawai terlebih dahulu
Trigger Actor dapat melihat keseluruhan dan menambah data pegawai,
seperti nip, nama pegawai, status pegawai dan sebagainya
Typical Course
of Events
Actor Action System Response
1. Memilih menu
pegawai
3. Klik “tambah’’
5. Klik “simpan”
2. Menampilkan halaman form
daftar pegawai
4. Menampilkan form input data
pegawai
6. Menyimpan ke dalam database
10. Menampilkan tabel daftar
pegawai
94
Alternate
Course
2. Pilih “search” untuk mencari data pegawai
Pilih “ubah” untuk mengubah data pegawai
Pilih “hapus” untuk menghapus data pegawai
6. Jika data belum lengkap, maka sistem akan meminta user
melengkapi data
Conclusion Data pegawai bertambah
Post Condition Penambahan data pegawai akan disimpan dalam data pegawai
3. Management Jabatan
Tabel 4.5 Use Case Scenario Management Jabatan
Use Case Name Management jabatan
Use Case Id 3
Actor Bagian kepegawaian
Description Use case ini menggambarkan aktor pada kegiatan menginput
form jabatan.
Pre condition Actor menyimpan data jabatan pegawai terlebih dahulu
Trigger Actor dapat melihat keseluruhan dan menambah data jabatan
pegawai
Typical Course
of Events
Actor Action System Response
1. Memilih menu
Riwayat Jabatan
3. Klik “tambah”
5. Klik “simpan”
2.Menampilkan tabel daftar riwayat
jabatan
4. Menampilkan form input data
jabatan
6. Menyimpan ke dalam database
7. Menampilkan tabel daftar riwayat
jabatan
Alternate
Course
2. Pilih “search” untuk mencari data riwayat jabatan
Pilih “ubah” untuk mengubah data riawayat jabatan
Pilih “hapus” untuk menghapus data riwayat jabatan
6. Jika data belum lengkap, maka sistem akan meminta user
melengkapi data
Conclusion Data jabatan pegawai bertambah
Post Condition Penambahan data jabatan pegawai akan disimpan dalam data
jabatan pegawai
95
4. Management Pendidikan
Tabel 4.6 Use Case Scenario Management Pendidikan
Use Case Name Management pendidkan
Use Case Id 4
Actor Bagian kepegawaian
Description Use case ini menggambarkan aktor pada kegiatan menginput
form pendidikan.
Pre condition Actor menyimpan data pendidikan pegawai terlebih dahulu
Trigger Actor dapat melihat keseluruhan dan menambah data
pendidikan pegawai
Typical Course
of Events
Actor Action System Response
1. 1. Memilih menu
Riwayat Pendidikan
3. Klik “tambah”
5. Klik “simpan”
2. Menampilkan tabel daftar
riwayat pendidikan
4. Menampilkan form input data
pendidikan
6. Menyimpan ke dalam database
7. Menampilkan tabel daftar riwayat
pendidikan
Alternate
Course
2. Pilih “search” untuk mencari data riwayat pendidikan
Pilih “ubah” untuk mengubah data riwayat pendidikan
Pilih “hapus” untuk menghapus data riwayat pendidikan
6. Jika data belum lengkap, maka sistem akan meminta user
melengkapi data
Conclusion Data pendidikan pegawai bertambah
Post Condition Penambahan data pendidikan pegawai akan disimpan dalam
data pendidikan pegawai
5. Management Keluarga
Tabel 4.7 Use Case Scenario Management Keluarga
Use Case Name Management keluarga
Use Case Id 5
Actor Bagian kepegawaian
Description Use case ini menggambarkan aktor pada kegiatan menginput
form keluarga.
Pre condition Actor menyimpan data keluarga pegawai terlebih dahulu
Trigger Actor dapat melihat keseluruhan dan menambah data keluarga
pegawai
96
Typical Course
of Events
Actor Action System Response
1. Memilih menu
Riwayat Keluarga
3. Klik “tambah”
5. Klik “simpan”
8. Input data keluarga
2. Menampilkan tabel daftar
riwayat keluarga
4. Menampilkan form input data
keluarga
6. Menyimpan ke dalam database
7. Menampilkan tabel daftar riwayat
keluarga
Alternate
Course
2. Pilih “search” uaftantuk mencari data riwayat keluarga
Pilih “ubah” untuk mengubah data riawayat keluarga
Pilih “hapus” untuk menghapus data riwayat keluarga
6. Jika data belum lengkap, maka sistem akan meminta user
melengkapi data
Conclusion Data keluarga pegawai bertambah
Post Condition Penambahan data keluarga pegawai akan disimpan dalam data
keluarga pegawai
6. Perpindahan
Tabel 4.8 Use Case Scenario Perpindahan
Use Case Name Perpindahan
Use Case Id 6
Actor Bagian kepegawaian
Description Use case ini menggambarkan actor pada kegiatan menginput
form perpindahan.
Pre condition Actor menyimpan data perpindahan terlebih dahulu
Trigger Actor dapat menginput pengajuan promosi dan mutasi pegawai
Typical Course
of Events
Actor Action System Response
1. Memilih menu
Perpindahan
3. Klik “submit”
5. Klik “detail”
7. Klik “tambah”
2. Menampilkan form input syarat
pengajuan promosi
4. Menampilkan tabel daftar
pegawai
6. Menampilkan form input jabatan
baru
8. Menampilkan tabel daftar
pegawai perpindahan
Alternate 2. Pilih Promosi untuk mengajukan promosi
97
Course 8.1 Jika data belum lengkap, maka sistem akan meminta user
melengkapi data
8.2 Pilih “cetak” untuk mencetak surat perpindahan pegawai
Conclusion Data perpindahan pegawai bertambah
Post Condition Penambahan data perpindahan pegawai akan disimpan dalam data
perpindahan
7. Input Berita
Tabel 4.9 Use Case Scenario Input Berita
Use Case Name Input berita
Use Case Id 7
Actor Bagian kepegawaian
Description Use case ini menggambarkan aktor pada kegiatan menginput
form berita.
Pre condition Actor harus mengisi form data berita
Trigger Actor dapat membuka data berita dan menginput data berita
Typical Course
of Events
Actor Action System Response
1. Memilih menu Input
Berita
3. Klik “tambah”
5. Klik “simpan”
2. Menampilkan tabel daftar berita
4. Menampilkan form input data
berita
6. Menyimpan ke dalam daftar berita
Alternate
Course
2. Pilih “Ubah” untuk mengubah data berita
Pilih “hapus” untuk menghapus data berita
6. Jika data belum lengkap, maka sistem akan meminta user
melengkapi data
Conclusion Data berita bertambah
Post Condition Penambahan data berita akan disimpan dalam data berita
8. Management Pemakai
Tabel 4.10 Use Case Scenario Management Pemakai
Use Case Name Management pemakai
Use Case Id 8
Actor Bagian kepegawaian
Description Use case ini menggambarkan aktor pada kegiatan menginput
form berita.
Pre condition Actor mengisi data pemakai terlebih dahulu
Trigger Actor dapat menginput data pemakai dan mengubah data
98
pemakai pada form data pemakai
Typical Course
of Events
Actor Action System Response
1. Memilih menu
Pemakai
3. pilih “tambah”
2. Menampilkan form input data
pemakai
4. Menampilkan tabel daftar
pemakai
Alternate
Course
2. Pilih “ubah” untuk mengubah data pemakai
Pilih “search” untuk mencari data pemakai
Pilih “hapus” untuk hapus data pemakai
Conclusion Data pemakai bertambah
Post Condition Penambahan data pemakai akan disimpan dalam form data
pemakai
9. Jenis Cuti
Tabel 4.11 Use Case Scenario Jenis Cuti
Use Case Name Input jenis cuti
Use Case Id 9
Actor Bagian kepegawaian
Description Use case ini menggambarkan aktor pada kegiatan menginput
form jenis cuti.
Pre condition Actor harus mengisi form data jenis cuti
Trigger Actor dapat membuka data jenis cuti dan menginput data jenis
cuti.
Typical Course
of Events
Actor Action System Response
1. Memilih menu Jenis
Cuti
3. Pilih “simpan”
2. Menampilkan halaman input data
jenis cuti
4. Menyimpan ke dalam database
5. Menampilkan tabel daftar jenis
cuti
Alternate
Course
2. Pilih “tambah” untuk menambah data jenis cuti
Pilih “ubah” untuk mengubah data jenis cuti
Pilih “hapus” untuk menghapus data jenis cuti
Conclusion Data jenis cuti bertambah
Post Condition Penambahan data jenis cuti akan disimpan dalam data jenis cuti
99
10. View Status Cuti
Tabel 4.12 Use Case Scenario View Status Cuti
Use Case Name View status cuti
Use Case Id 10
Actor Bagian kepegawaian
Description Use case ini menggambarkan actor pada kegiatan melihat
status cuti.
Pre condition Actor harus mengisi data cuti terlebih dahulu
Trigger Actor dapat membuka form status cuti dan melihat status cuti
yang telah disetujui serta dapat mencetak surat cuti
Typical Course
of Events
Actor Action System Response
1. Memilih menu Status
Cuti
3. Pilih “detail”
2. Menampilkan tabel daftar cuti
yang disetujui
4. Menampilkan form hasil
pengajuan cuti
Alternate
Course
4. Pilih “cetak” untuk mencetak surat cuti
Conclusion Data status cuti dapat dilihat oleh actor
Post Condition Menu status cuti dapat di lihat dan tersimpan dalam sistem
11. View Pegawai Pensiun
Tabel 4.13 Use Case Scenario View Pegawai Pensiun
Use Case Name View pegawai pensiun
Use Case Id 11
Actor Bagian kepegawaian
Description Use case ini menggambarkan actor pada kegiatan melihat
pegawai pensiun.
Pre condition Actor menyimpan data pegawai pensiun terlebih dahulu
Trigger Actor dapat melihat keseluruhan data pegawai pensiun
Typical Course
of Events
Actor Action System Response
1. Memilih menu
Pegawai Pensiun
3. Pilih “cetak”
2. Menampilkan tabel daftar
pegawai pensiun
7. Menampilkan surat pensiun
pegawai
Alternate
Course
-
Conclusion Data pegawai pensiun dapat di lihat oleh actor
Post Condition Menu pegawai pensiun dapat di lihat dalam sistem
100
12. View Data Pegawai
Tabel 4.14 Use Case Scenario View Data Pegawai
Use Case Name View data pegawai
Use Case Id 12
Actor Bagian kepegawaian
Description Use case ini menggambarkan actor pada kegiatan melihat
keseluruhan data pegawai.
Pre condition Actor menyimpan data pegawai terlebih dahulu
Trigger Actor dapat melihat keseluruhan data pegawai
Typical Course
of Events
Actor Action System Response
1. Memilih menu Data
Pegawai
2. Menampilkan halaman daftar
pegawai
Alternate
Course
2. Pilih gambar finger print untuk mencetak keseluruhan tabel
daftar pegawai
Conclusion Data pegawai dapat di lihat oleh actor
Post Condition Menu data pegawai dapat di lihat dan tersimpan dalam sistem
13. Cetak CV Tabel 4.15 Use Case Scenario Cetak CV
Use Case Name Cetak CV
Use Case Id 13
Actor Bagian kepegawaian
Description Use case ini menggambarkan actor pada kegiatan mencetak
data pegawai
Pre condition Actor menyimpan data pegawai terlebih dahulu
Trigger Actor dapat melihat keseluruhan data pegawai dan mencetak
CV pegawai
Typical Course
of Events
Actor Action System Response
1. Memilih menu Cetak
CV
3. Pilih NIP
2. Menampilkan from nip pegawai
4. Menampilkan CV pegawai Bank
Muamalat Cab.Pancoran
Alternate
Course
3. Jika NIP belum di pilih maka sistem akan meminta user
melengkapi data
4. Pilih “cetak” untuk mencetak CV pegawai
Conclusion Data pegawai dapat di lihat oleh actor
Post Condition Menu pegawai dapat di lihat dan tersimpan dalam sistem
101
14. Grafik Pegawai
Tabel 4.16 Use Case Scenario Grafik Pegawai
Use Case Name Grafik Pegawai
Use Case Id 14
Actor Bagian kepegawaian
Description Use case ini menggambarkan actor pada kegiatan melihat
pertumbuhan pegawai
Pre condition Actor menyimpan data pegawai terlebih dahulu
Trigger Actor dapat melihat pertumbuhan pegawai
Typical Course
of Events
Actor Action System Response
1. Memilih menu Grafik
Pegawai
3. Pilih “tahun”
2. Menampilkan from periode tahun
4. Menampilkan grafik pertumbuhan
pegawai
Alternate
Course
-
Conclusion Grafik Pegawai dapat di lihat oleh actor
Post Condition Menu Grafik Pegawai dapat di lihat dan tersimpan dalam
sistem
15. Lihat Data Pribadi
Tabel 4.17 Use Case Scenario View Data Pribadi
Use Case Name View data pribadi
Use Case Id 15
Actor Pegawai dan Atasan
Description Use case ini menggambarkan actor pada kegiatan melihat data
pribadi.
Pre condition Actor menyimpan data pribadi terlebih dahulu
Trigger Actor dapat melihat keseluruhan data pribadi
Typical Course
of Events
Actor Action System Response
1. Memilih menu Lihat
Data Pribadi
2. Menampilkan form data pegawai
Bank Muamalat Cabang Pancoran
Alternate
Course
-
Conclusion Data pribadi pegawai dan atasan dapat di lihat oleh actor
Post Condition Menu pegawai dapat di lihat dan tersimpan dalam sistem
102
16. Pengajuan Keseluruhan
Tabel 4.18 Use case Scenario View pengajuan keseluruhan
Use Case Name Input pengajuan keseluruhan
Use Case Id 16
Actor Atasan
Description Use case ini menggambarkan actor pada kegiatan melihat data
pengajuan cuti secara keseluruhan.
Pre condition Actor menyimpan data pengajuan cuti terlebih dahulu
Trigger Actor dapat melihat pengajuan cuti secara keseluruhan
Typical Course
of Events
Actor Action System Response
1. Memilih menu
Pengajuan Keseluruhan
3. Pilih “detail”
5. Pilih “ubah”
2. Menampilkan from cuti tahun
lalu
4. Menampilkan form data pegawai
dan tabel pengajuan cuti
6. Menyimpan ke database
7. Menampilkan form pengajuan
tahun ini
Alternate
Course
-
Conclusion Data pengajuan keseluruhan dapat di lihat oleh actor
Post Condition Menu pengajuan keseluruhan dapat di lihat dan tersimpan
dalam sistem
17. View Pengajuan Tahun Ini
Tabel 4.19 Use Case Scenario View Pengajuan Tahun Ini
Use Case Name View pengajuan tahun ini
Use Case Id 17
Actor Atasan
Description Use case ini menggambarkan actor pada kegiatan melihat data
pengajuan cuti tahun ini
Pre condition Actor menyimpan data pengajuan cuti tahun ini terlebih dahulu
Trigger Actor dapat melihat pengajuan cuti tahun ini
Typical Course
of Events
Actor Action System Response
1. Memilih menu
Pengajuan Tahun Ini
2. Menampilkan tabel pengajuan
cuti tahun ini
Alternate
Course
-
Conclusion Data pengajuan cuti dapat di lihat oleh actor
103
Post Condition Menu pengajuan cuti tahun ini dapat di lihat dan tersimpan
dalam sistem
18. View Arsip Pengajuan
Tabel 4.20 Use Case Scenario View Arsip Pengajuan
Use Case Name View arsip pengajuan
Use Case Id 18
Actor Atasan
Description Use case ini menggambarkan actor pada kegiatan melihat data
arsip pengajuan cuti
Pre condition Actor menyimpan data pengajuan cuti terlebih dahulu
Trigger Actor dapat melihat pengajuan cuti
Typical Course
of Events
Actor Action System Response
1. Memilih menu Arsip
Pengajuan
3. Pilih “tampilkan”
2. Menampilkan from pilih nama
pegawai
4. Menampilkan tabel arsip
pengajuan cuti
Alternate
Course
4. Jika pegawai belum pernah mengajukan cuti, maka sistem
akan menampilkan pesan bahwa pegawai tersebut belum
pernah mengajukan cuti
Conclusion Data pegawai dapat di lihat oleh actor
Post Condition Menu arsip pengajuan dapat di lihat dan tersimpan dalam
sistem
19. Arsip Pengajuan Cuti
Tabel 4.21 Use Case Scenario Arsip Pengajuan Cuti
Use Case Name View arsip pengajuan cuti
Use Case Id 19
Actor Pegawai
Description Use case ini menggambarkan actor pada kegiatan melihat data
arsip pengajuan cuti
Pre condition Actor menyimpan data pengajuan cuti terlebih dahulu
Trigger Actor dapat melihat pengajuan cuti yang telah diajukan
Typical Course
of Events
Actor Action System Response
1. Memilih menu Arsip
Pengajuan Cuti
2. Menampilkan tabel arsip
pengajuan cuti
104
3. Pilih “detail”
4. Menampilkan form hasil
pengajuan cuti
Alternate
Course
-
Conclusion Data pegawai dapat di lihat oleh actor
Post Condition Menu arsip pengajuan cuti dapat di lihat dan tersimpan dalam
sistem
20. Lihat Hasil Pengajuan
Tabel 4.22 Use Case Scenario View Hasil Pengajuan
Use Case Name Lihat hasil pengajuan
Use Case Id 20
Actor Pegawai
Description Use case ini menggambarkan actor pada kegiatan melihat data
hasil pengajuan
Pre condition Actor menyimpan data pengajuan cuti terlebih dahulu
Trigger Actor dapat melihat pengajuan cuti terakhir yang telah diajukan
Typical Course
of Events
Actor Action System Response
1. Memilih menu Lihat
Hasil Pengajuan
2. Menampilkan form hasil
pengajuan cuti terakhir
Alternate
Course
-
Conclusion Data pegawai dapat di lihat oleh actor
Post Condition Menu lihat hasil pengajuan dapat di lihat dan tersimpan dalam
sistem
21. Arsip Persetujuan Cuti
Tabel 4.23 Use Case Scenario Arsip Persetujuan Cuti
Use Case Name View arsip persetujuan cuti
Use Case Id 21
Actor Pegawai
Description Use case ini menggambarkan actor pada kegiatan melihat data
arsip persetujuan cuti
Pre condition Actor menyimpan data pengajuan cuti terlebih dahulu
Trigger Actor dapat melihat arsip persetujuan cuti yang telah disetujui
oleh atasan
105
Typical Course
of Events
Actor Action System Response
1. Memilih menu Arsip
Persetujuan Cuti
3. Pilih “detail”
2. Menampilkan tabel arsip cuti
telah disetujui
4. Menampilkan halaman hasil
pengajuan cuti
Alternate
Course
-
Conclusion Data pegawai dapat di lihat oleh actor
Post Condition Menu arsip persetujuan cuti dapat di lihat dan tersimpan dalam
sistem
22. Lihat Berita
Tabel 4.24 Use Case Scenario View Berita
Use Case Name Lihat berita
Use Case Id 22
Actor Pegawai
Description Use case ini menggambarkan actor pada kegiatan melihat data
berita
Pre condition Actor menyimpan data berita terlebih dahulu
Trigger Actor dapat melihat berita yang berhubungan dengan
perusahaan dan aturan-aturan yang berlaku, yang tercantum di
dalam sistem
Typical Course
of Events
Actor Action System Response
1. Memilih menu Lihat
Berita
2. Menampilkan tabel data berita
dan aturan
Alternate
Course
-
Conclusion Data berita dapat di lihat oleh actor
Post Condition Menu lihat berita dapat di lihat dan tersimpan dalam sistem
23. Logout
Tabel 4.25 Use Case Scenario Logout
Use Case Name Logout
Use Case Id 23
Actor Bagian Kepegawaian, Atasan dan Pegawai
Description Use case ini menggambarkan kegiatan untuk keluar dari sistem
Pre condition Actor keluar sistem
106
Trigger Actor dapat melihat berita yang berhubungan dengan
perusahaan dan aturan-aturan yang berlaku, yang tercantum di
dalam sistem
Typical Course
of Events
Actor Action System Response
1. Memilih menu
Logout
2. Keluar dari sistem
Alternate
Course
-
Conclusion Actor keluar dari sistem
Post Condition Berhasil keluar dari sistem
4.2.3 Activity Diagram
Activity diagram menggambarkan alur kerja (work flow) sebuah
urutan aktivitas pada suatu proses. Diagram ini sangat mirip dengan
flowchart karena dengan activity diagram dapat memodelkan proses
logika, proses bisnis, dan alur kerja. Perbedaan utamanya adalah flowchart
dibuat untuk menggambarkan alur kerja dari sebuah sistem, sedangkan
activity diagram dibuat untuk menggambarkan aktivitas actor.
Di bawah ini adalah activity diagram untuk masing-masing usecase:
107
4.2.3.1 Use Case Input Username dan Password
Gambar 4.6 Activity Diagram Use Case Input Username dan Password
Aktifitas pada gambar 4.6 ini dilakukan oleh actor Pegawai,
atasan dan Bagian Kepegawaian melakukan pengisian username dan
password pada menu login. Jika username dan password yang
dimasukkan salah, maka sistem akan menampilkan peringatan
username dan password yang dimasukkan salah. Dan jika benar, maka
sistem akan menampilkan halaman utama (home) sistem dan
selanjutnya user dapat mengakses menu-menu yang disediakan sistem
sesuai level masing-masing.
108
4.2.3.2 Menu Pegawai
Gambar 4.7 Activity Diagram Use Case Menu Pegawai
Aktifitas pada gambar 4.7 ini digunakan Bagian Kepegawaian
atau admin untuk menambah data pegawai. Hal pertama yang harus
dilakukan yaitu memilih menu pegawai dan sistem akan menampilkan
form daftar pegawai, kemudian aktor mengisi form input data tersebut
dengan memilih button tambah. Kemudian ssitem akan menampilkan
form input data pegawai dan memilih button simpan dan sistem akan
mengecek kelengkapan data, jika data tidak lengkap maka sistem akan
memberikan pesan untuk melengkapi data dan meminta kembali untuk
memilih button tambah. Tetapi jika data benar maka sistem akan
menyimpan dalam database dan menampilkan tabel daftar pegawai.
109
4.2.3.3 Management Riwayat Jabatan
Gambar 4.8 Activity Diagram Use Case Management Jabatan
Aktifitas pada gambar 4.8 ini digunakan Bagian Kepegawaian
atau admin untuk menambah data jabatan pegawai. Hal pertama yang
harus dilakukan yaitu memilih menu riwayat jabatan dan sistem akan
menampilkan tabel daftar riwayat jabatan, kemudian aktor mengisi
form input data tersebut dengan memilih button tambah. Kemudian
ssitem akan menampilkan form input data jabatan dan memilih button
simpan dan sistem akan mengecek kelengkapan data, jika data tidak
lengkap maka sistem akan memberikan pesan untuk melengkapi data
dan meminta kembali untuk memilih button tambah. Tetapi jika data
benar maka sistem akan menyimpan dalam database dan
menampilkan tabel riwayat jabatan.
110
4.2.3.4 Management Riwayat Pendidikan
Gambar 4.9 Activity Diagram Use Case Management Pendidkan
Aktifitas pada gambar 4.9 ini digunakan Bagian Kepegawaian
atau admin untuk menambah data pendidikan pegawai. Hal pertama
yang harus dilakukan yaitu memilih menu riwayat pendidikan dan
sistem akan menampilkan tabel daftar riwayat pendidikan, kemudian
aktor mengisi form input data tersebut dengan memilih button tambah.
Kemudian sistem akan menampilkan form input data pendidikan dan
memilih button simpan dan sistem akan mengecek kelengkapan data,
jika data tidak lengkap maka sistem akan memberikan pesan untuk
melengkapi data dan meminta kembali untuk memilih button tambah.
Tetapi jika data benar maka sistem akan menyimpan dalam database
dan menampilkan tabel riwayat pendidikan.
111
4.2.3.5 Management Riwayat Keluarga
Gambar 4.10 Activity Diagram Use Case Management Keluarga
Aktifitas pada gambar 4.10 ini digunakan Bagian Kepegawaian
atau admin untuk menambah data keluarga pegawai. Hal pertama
yang harus dilakukan yaitu memilih menu riwayat keluarga dan sistem
akan menampilkan tabel daftar riwayat keluarga, kemudian aktor
mengisi form input data tersebut dengan memilih button tambah.
Kemudian sistem akan menampilkan form input data keluarga dan
memilih button simpan dan sistem akan mengecek kelengkapan data,
jika data tidak lengkap maka sistem akan memberikan pesan untuk
melengkapi data dan meminta kembali untuk memilih button tambah.
Tetapi jika data benar maka sistem akan menyimpan dalam database
dan menampilkan tabel riwayat keluarga.
112
4.2.3.6 Perpindahan
Gambar 4.11 Activity Diagram Use Case Perpindahan
Aktifitas pada gambar 4.11 ini digunakan Bagian Kepegawaian
atau admin untuk meng-input perpindahan seperti mutasi dan
promosi.. Setelah user masuk ke dalam menu perpindahan, maka akan
tampil halaman form input syarat pengajuan cuti. User dapat memilih
atau mengklik menu mutasi atau promosi pegawai yang berhubungan.
Setelah itu akan menampilkan menu daftar pegawai dimana terdapat
nip, nama pegawai, kesatuan, jabatan, pendidikan umum, status
pegawai, dan operasi. User dapat mengklik menu detail yang terdapat
dalam kolom operasi dimana user dapat menginput jabatan baru
pegawai yang mendapat promosi atau mutasi. Setelah itu klik tambah,
jika data yang di input valid maka akan tersimpan dalam database dan
113
akan menampilkan tabel daftar pegawai perpindahan dan klik cetak
apabila user ingin mencetak surat perpindahan pegawai. Tetapi
apabila tidak valid maka akan memberikan peringatan di form input
jabatan baru.
4.2.3.7 Input Berita
Gambar 4.12 Activity Diagram Use Case Input berita
Aktifitas pada gambar 4.12 ini digunakan Bagian Kepegawaian
atau admin untuk meng-input data berita dan aturan yang berlaku yang
berhubungan dengan kepegawaian. Aktor memilih menu menu input
berita, maka akan tampil tabel daftar berita. Setelah itu klik menu
tambah berita untuk menambah berita terbaru atau yang berhubungan
dengan kepegawaian. Kemudian akan menampilkan form input data
berita. Jika data yang di input valid maka akan tersimpan dalam
database dan akan menampilkan tabel daftar berita, tetapi apabila
114
tidak valid maka akan memberikan peringatan di form input data
berita.
4.2.3.8 Management Pemakai
Gambar 4.13 Activity Diagram Use Case Management Pemakai
Aktifitas pada gambar 4.13 ini digunakan Bagian Kepegawaian
atau admin untuk meng-input data pemakai. Aktor memilih menu
pemakai, maka akan menampilkan form input data pemakai. jika data
yang di input valid maka akan tersimpan dalam database dan akan
menampilkan form daftar pemakai, tetapi apabila tidak valid maka
akan memberikan peringatan di form input data pemakai. Setelah data
yang di input sudah disimpan, maka akan menampilkan form daftar
pemakai. Jika user ingin mencari data pemakai, maka user dapat
115
mengklik search dan atau pilih NIP. Setelah itu akan menampilkan
form halaman hasil pencarian yang berupa tabel daftar pegawai.
4.2.3.9 Jenis Cuti
Gambar 4.14 Activity Diagram Use Case Jenis Cuti
Aktifitas pada gambar 4.14 ini digunakan Bagian Kepegawaian
atau admin untuk menambah data jenis. Aktor memilih menu jenis
cuti yang terdapat dalam halaman utama. Setelah itu akan
menampilkan halaman input data jenis cuti , jika data yang di input
valid maka akan tersimpan dalam database dan akan langsung
tersimpan ke dalam tabel daftar jenis cuti tetapi apabila tidak valid
maka akan memberikan peringatan di form input data jenis cuti. Jika
116
ingin melakukan aksi, maka aktor dapat memilih button ubah untuk
mengubah data yang telah di input, kemudian sistem akan
menampilkan form masukkan nama cuti, lama cuti dan keterangan.
Kemudian pilih simpan maka sistem akan meyimpan data baru dan
menampilkan tabel data jenis cuti baru. Apabila aktor ingin
menghapus data, maka pilih button hapus kemudian sistem akan
mengirim pesan hapus dan data menjadi terhapus.
4.2.3.10 Status Cuti
Gambar 4.15 Activity Diagram Use Case Status Cuti
Aktifitas pada gambar 4.15 ini digunakan Bagian Kepegawaian
atau admin untuk menambah data jenis. Aktor memilih menu status
cuti. Lalu akan menampilkan tabel daftar cuti yang disetujui. Jika user
ingin melihat hasil pengajuan cuti, maka user dapat mengklik detail
yang berada dalam tabel daftar cuti yang disetujui. Setelah itu jika
117
user ingin mencetak surat cuti yang telah mendapat persetujuan, maka
user dapat mengklik cetak surat cuti.
4.2.3.11 View Pegawai Pensiun
Gambar 4.16 Activity Diagram Use Case View Pegawai Pensiun
Aktifitas pada gambar 4.16 ini digunakan Bagian Kepegawaian
atau admin untuk melihat data pegawai pensiun. Aktor memilih menu
pegawai pensiun. Lalu akan menampilkan tabel daftar pegawai
pensiun. Kemudian pilih cetak jika aktor ingin mencetak surat.
4.2.3.12 View Data Pegawai
118
Gam
bar 4.17 Activity Diagram Use Case View Data Pegawai
Aktifitas pada gambar 4.17 ini digunakan Bagian Kepegawaian
atau admin untuk melihat keseluruhan data pegawai. Aktor memilih
menu data pegawai lalu akan menampilkan tabel daftar pegawai. Jika
user ingin mencetak tabel daftar pegawai, maka user dapat langsung
mengklik gambar finger print yang berada pada pojok kiri atas sistem.
4.2.3.13 Cetak CV
Gambar 4.18 Activity Diagram Use Case Cetak CV
119
Aktifitas pada gambar 4.18 ini digunakan Bagian Kepegawaian
atau admin untuk mencetak CV pegawai. Aktor memilih menu cetak
CV. Setelah itu akan menampilkan form nip pegawai, Kemudian pilih
nip, jika nip tidak di masukkan maka sistem akan kembali untuk
meminta mengisi nip. Tetapi jika aktor sudah memasukkan maka
sistem akana menampilkan CV pegawai Bank Muamalat Cabang
Pancoran. Kemudian pilih cetak jika aktor ingin mencetak data
pegawai, lalu sistem akan mencetak CV pegawai Bank Muamalat
Cabang Pancoran.
4.2.3.14 Grafik Pegawai
Gambar 4.19 Activity Diagram Use Case Grafik Pegawai
Aktifitas pada gambar 4.19 ini digunakan Bagian Kepegawaian atau admin
untuk melihat grafik pertumbuhan pegawai. Hal pertama yang harus
dilakukan yaitu aktor memilih menu grafik pegawai, kemudian sistem akan
120
menampilkan form periode tahun. Lalu sistem akan menampilkan grafik
pegawai per tahunnya.
4.2.3.15 Lihat Data Pribadi
Gambar 4.20 Activity Diagram Use Case Lihat Data Pribadi
Aktifitas pada gambar 4.20 ini digunakan Pegawai dan Atasan
untuk melihat data pribadi. Aktor memilih menu lihat data pribadi.
Setelah itu akan menampilkan form data pegawai Bank Muamalat
Cabang Pancoran.
4.2.3.16 View Pengajuan Keseluruhan
Gambar 4.21 Activity Diagram Use Case View Pengajuan Keseluruhan
121
Aktifitas pada gambar 4.21 ini digunakan Atasan untuk melihat
pengajuan keseluruhan cuti. Aktor memilih menu pengajuan
keseluruhan. Setelah itu akan menampilkan form cuti yahun lalu. Pilih
detail jika aktor ingin melihat data pegawai secara detail yang pernah
mengajukan cuti. Maka akan menampilkan form data pegawai dan
tabel pengajuan cuti. Pilih ubah maka data akan tersimpan dalam
database, tetapi jika data tidak valid maka sistem akan meminta user
melengkapi data.
4.2.3.17 View Pengajuan Tahun Ini
Ga
mbar 4.22 Activity Diagram Use Case View Pengajuan Tahun Ini
Aktifitas pada gambar 4.22 ini digunakan Atasan untuk melihat
pengajuan cuti tahun ini. Hal pertama yang harus dilakukan yaitu
aktor memilih menu pengajuan tahun ini. Setelah itu sistem akan
menampilkan tabel pengajuan cuti tahun ini.
4.2.3.18 Arsip Pengajuan
122
Gambar 4.23 Activity Diagram Use Case Arsip Pengajuan
Aktifitas pada gambar 4.23 ini digunakan Atasan untuk melihat
arsip pengajuan. Aktor memilih menu arsip pengajuan. Setelah itu
akan menampilkan form pilih nama pegawai. Lalu pilih tampilkan
maka akan menampilkan tabel arsip pengajuan cuti. Jika pegawai
belum pernah mengajukan cuti, maka sistem akan menampilkan pesan
bahwa pegawai tersebut belum pernah mengajukan cuti.
4.2.3.19 Arsip Pengajuan Cuti
Gambar 4.24 Activity Diagram Use Case Arsip Pengajuan Cuti
Aktifitas pada gambar 4.24 ini digunakan Pegawai untuk melihat
arsip pengajuan cuti. Aktor memilih menu arsip pengajuan cuti.
Setelah itu akan menampilkan tabel arsip pengajuan cuti. dan pilih
detail jika ingin melihat hasil pengajuan cuti.
123
4.2.3.20 View Hasil Pengajuan
Gambar 4.25 Activity Diagram Use Case View Hasil Pengajuan
Aktifitas pada gambar 4.25 ini digunakan Pegawai untuk melihat
hasil pengajuan. Aktor memilih menu lihat hasil pengajuan. Setelah
itu akan menampilkan halaman hasil pengajuan cuti terakhir.
4.2.3.21 Arsip Persetujuan Cuti
Gambar 4.26 Activity Diagram Use Case Arsip Persetujuan Cuti
Aktifitas pada gambar 4.26 ini digunakan Pegawai untuk melihat
arsip persetujuan cuti. Aktor memilih menu arsip persetujuan cuti.
Setelah itu akan menampilkan tabel data arsip cuti telah disetujui.
Pilih detail maka sietem akan menampilkan halaman hasil pengajuan
cuti.
124
4.2.3.22 Lihat Berita
Gambar 4.27 Activity Diagram Use Case View Berita
Aktifitas pada gambar 4.27 ini digunakan Pegawai untuk melihat
berita yang ada pada sistem. Aktor memilih menu lihat berita. Setelah
itu akan menampilkan tabel data berita dan aturan.
4.2.4 Class Diagram
Class diagram menggambarkan kelas-kelas objek yang menyusun sebuah sistem
dan juga hubungan antara kelas objek yang terjadi di dalam aplikasi kepegawaian.
Tabel 4.26 identifikasi potensial objek “Rancang Bangun Sistem Informasi Kepegawaian Pada
Bank Muamalat Cabang Pancoran”.
No. Potensial Objek Reason
1. Login √ Potensial interface item
2. Management Pegawai √ Tipe “user Pegawai”
3. Management Riwayat Jabatan √ Tipe “user Riwayat Jabatan”
4. Management Riwayat Pendidikan √ Tipe “user Riwayat Pendidikan”
5. Management Riwayat Keluarga √ Tipe”user Riwayat Keluarga”
6. Perpindahan √ Tipe”user Perpindahan”
7. Input Berita √ Attribute of Berita
8. Management Pemakai √ Attribute of Pemakai
9. Jenis Cuti √ Tipe “user Jenis Cuti”
10. Status Cuti √ Attribute of Cuti
11. Pensiun √ Tipe “user Pensiun”
125
12. Data Pegawai √ Attribute of Pegawai
13. Cetak CV √ Attribute of Pegawai
14. Grafik Pegawai √ Attribute of Pegawai
15. Lihat Data Pribadi √ Attribute of Pegawai
16. Pengajuan Keseluruhan √ Attribute of Jenis Cuti
17. Pengajuan Tahun ini √ Attribute of Jenis Cuti
18. Arsip Pengajuan √ Attribute of Permohonan Cuti
19. Arsip Pengajuan Cuti √ Attribute of Pemohonan Cuti
20. Lihat Hasil Pengajuan √ Attribute of Permohonan Cuti
21. Arsip Persetujuan Cuti √ Attribute of Cuti
22. Lihat Berita √ Attribute of Berita
23. Logout √ Potensial interface item
126
Gambar 4.28 Class Diagram
127
4.2.5 Sequence Diagram
1. Sequence Diagram dari Use Case Input Username & Password
Gambar 4.29 Sequence Diagram dari Use Case “Input Username & Password”
Gambar 4.29: proses Sequence diagram dimulai dari pegawai,
atasan, dan bagian kepegawaian menggunakan form login untuk masuk
ke dalam sistem dan menggunakan objek user untuk mengecek
kesesuaian username dan password yang dimasukkan. Jika username
dan password benar, sistem akan mengecek level sesuai username dan
password sehingga sistem dapat menampilkan halaman utama (home)
sistem sesuai dengan level yang digunakan.
128
2. Sequence Diagram dari Use Case Pegawai
Gambar 4.30 Sequence Diagram dari Use Case “Pegawai’’
Gambar 4.30: menjelaskan proses sequence diagram manajemen kepegawaian
yang dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu
pegawai, maka sistem akan menampilkan form daftar pegawai dan aktor memilih
button tambah untuk proses penyimpanan data, setelah data sudah tersimpan maka
sistem akan menampilkan data yang sudah diinput. jika aktor ingin mencari data
pegawai maka bagian kepegawaian mengisi form pencarian dengan nama pegawai
dan nip lalu pilih search dan sistem akan menampilkan profil pegawai yang
dimaksud. Jika aktor ingin merubah/ mengedit data pegawai, maka aktor memilih
button ubah dan mengisi form ubah data pegawai lalu pilih simpan untuk
menyimpan data yang sudah diubah, maka sistem akan menampilkan data yang
baru. Begitupun jika aktor ingin melakukan aksi hapus, maka aktor dapat memilih
129
button hapus dan sistem akan menampilkan pesan peringatan apakah data akan
benar-benar di hapus. jika ya, maka sistem akan lansung menghapus data
pegawai.
3. Sequence Diagram dari Use Case Riwayat Jabatan
Gambar 4.31 Sequence Diagram dari Use Case “Riwayat Jabatan’’
Gambar 4.31: menjelaskan proses sequence diagram riwayat jabatan yang
dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu riwayat
jabatan, maka sistem akan menampilkan form daftar riwayat jabatan dan aktor
memilih button tambah untuk proses penyimpanan data, setelah data sudah
tersimpan maka sistem akan menampilkan data yang sudah diinput. jika aktor
ingin mencari data jabatan pegawai maka bagian kepegawaian mengisi form
130
pencarian dengan mengisi nip lalu pilih search dan sistem akan menampilkan
tabel daftar pegawai yang dimaksud. Jika aktor ingin merubah/ mengedit data
jabatan, maka aktor memilih button ubah dan mengisi form ubah data jabatan lalu
pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan
menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi hapus,
maka aktor dapat memilih button hapus dan sistem akan menampilkan pesan
peringatan Apakah Anda benar-benar akan menghapus data atas nama tersebut.
jika ya, maka sistem akan lansung menghapus data jabatan.
4. Sequence Diagram dari Use Case Riwayat Pendidikan
Gambar 4.32 Sequence Diagram dari Use Case “Riwayat Pendidikan’’
Gambar 4.32: menjelaskan proses sequence diagram riwayat pendidikan yang
dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu riwayat
pendidikan, maka sistem akan menampilkan form daftar riwayat pendidikan dan
aktor memilih button tambah untuk proses penyimpanan data, setelah data sudah
tersimpan maka sistem akan menampilkan data yang sudah diinput. jika aktor
131
ingin mencari data pendidikan pegawai maka bagian kepegawaian mengisi form
pencarian dengan mengisi nip lalu pilih search dan sistem akan menampilkan
tabel daftar pegawai yang dimaksud. Jika aktor ingin merubah/ mengedit data
pendidikan, maka aktor memilih button ubah dan mengisi form ubah data
pendidikan lalu pilih simpan untuk menyimpan data yang sudah diubah, maka
sistem akan menampilkan data yang baru. Begitupun jika aktor ingin melakukan
aksi hapus, maka aktor dapat memilih button hapus dan sistem akan menampilkan
pesan peringatan Apakah Anda benar-benar akan menghapus data atas nama
tersebut. jika ya, maka sistem akan lansung menghapus data pendidikan.
5. Sequence Diagram dari Use Case Riwayat Keluarga
Gambar 4.33 Sequence Diagram dari Use Case “Riwayat Keluarga’’
Gambar 4.33: menjelaskan proses sequence diagram riwayat keluarga yang
dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu riwayat
keluarga, maka sistem akan menampilkan form daftar riwayat keluarga dan aktor
132
memilih button tambah untuk proses penyimpanan data, setelah data sudah
tersimpan maka sistem akan menampilkan data yang sudah diinput. jika aktor
ingin mencari data keluarga pegawai maka bagian kepegawaian mengisi form
pencarian dengan mengisi nip lalu pilih search dan sistem akan menampilkan
tabel daftar pegawai yang dimaksud. Jika aktor ingin merubah/ mengedit data
keluarga, maka aktor memilih button ubah dan mengisi form ubah data keluarga
lalu pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan
menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi hapus,
maka aktor dapat memilih button hapus dan sistem akan menampilkan pesan
peringatan Apakah Anda benar-benar akan menghapus data atas nama tersebut.
jika ya, maka sistem akan lansung menghapus data keluarga.
6. Sequence Diagram dari Use Case Perpindahan
Gambar 4.34 Sequence Diagram dari Use Case “Perpindahan’’
133
Gambar 4.34: menjelaskan proses sequence diagram perpindahan yang
dilakukan oleh bagian kepegawaian sebagai aktor. Aktor memilih menu
perpindahan, maka sistem akan menampilkan form syarat pengajuan
cuti dan aktor memilih form mutasi atau promosi pegawai, lalu smpan
data pegawai yang telah di input. Setelah data pegawai tersimpan, maka
sistem akan menampilkan tabel daftar pegawai. Jika aktor ingin
mnginput jabatan baru, maka aktor dapat memilih button detail. Maka
sistem akan menampilkan form input jabatan baru. setelah itu aktor
memilih tambah untuk menyimpan data yang telah di input. Setelah itu
sistem akan menampilkan tabel daftar pegawai perpindahan. pilih cetak
jika aktor ingin mencetak surat perpindahan.
7. Sequence Diagram dari Use Case Input Berita
Gambar 4.35 Sequence Diagram dari Use Case “Input Berita’’
134
Gambar 4.35: menjelaskan proses sequence diagram input berita yang
dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih menu input
berita, maka sistem akan menampilkan halaman berita dengan tabel daftar
berita. kemudian pilih button tambah untuk menambah berita baru. kemudian
sistem akan menampilkan form input data berita. pilih simpan untuk
menyimpan data berita yang telah di input. maka sistem akan menampilkan
tabel daftar berita.
8. Sequence Diagram dari Use Case Pemakai
Gambar 4.36 Sequence Diagram dari Use Case “Pemakai’’
Gambar 4.36: menjelaskan proses sequence diagram pemakai yang dilakukan
oleh bagian kepegawaian sebagai aktor. aktor memilih form pemakai, maka
sistem akan menampilkan form input data pemakai. Setelah data pemakai di
input, maka sistem akan menampilkan form daftar pemakai. jika aktor ingin
mencari data pemakai maka bagian kepegawaian mengisi form pencarian
dengan mengisi nip lalu pilih search dan sistem akan menampilkan daftar
135
pegawai yang di maksud. Jika aktor ingin merubah/ mengedit data pemakai,
maka aktor memilih button ubah dan mengisi form ubah data pemakai lalu
pilih simpan untuk menyimpan data yang sudah diubah, maka sistem akan
menampilkan data yang baru. Begitupun jika aktor ingin melakukan aksi
hapus, maka aktor dapat memilih button hapus dan sistem akan menampilkan
pesan peringatan apakah data akan benar-benar di hapus. jika ya, maka sistem
akan lansung menghapus data pegawai.
9. Sequence Diagram dari Use Case Jenis Cuti
Gambar 4.37 Sequence Diagram dari Use Case “Jenis Cuti’’
Gambar 4.37: menjelaskan proses sequence diagram jenis cuti yang dilakukan
oleh bagian kepegawaian sebagai aktor. aktor memilih form jenis cuti, maka
sistem akan menampilkan form input data jenis cuti. Setelah data jenis cuti di
input, maka sistem akan menampilkan daftar jenis cuti. Jika aktor ingin
merubah/ mengedit data jenis cuti, maka aktor memilih button ubah dan
mengisi form ubah data jenis cuti lalu pilih simpan untuk menyimpan data
yang sudah diubah, maka sistem akan menampilkan data yang baru.
136
Begitupun jika aktor ingin melakukan aksi hapus, maka aktor dapat memilih
button hapus dan sistem akan menampilkan pesan peringatan apakah data
akan benar-benar di hapus. jika ya, maka sistem akan lansung menghapus data
pegawai.
10. Sequence Diagram dari Use Case Status Cuti
Gambar 4.38 Sequence Diagram dari Use Case “Status Cuti’’
Gambar 4.38: menjelaskan proses sequence diagram status cuti yang
dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih form status
cuti. Kemudian sistem akan menampilkan tabel daftar cuti yang disetujui. Jika
aktor ingin melihat data pengajuan cuti yang telah dilakukan, maka aktor
dapat memilih menu detail yang berada dalam kolom operasi. Maka sistem
akan menampilkan hasil pengajuan cuti. Dan jika aktor ingin mencetak surat
cuti, maka aktor dapat mengklik surat cuti. Kemudian sistem akan
menampilkan surat cuti.
137
11. Sequence Diagram dari Use Case Pegawai Pensiun
Gambar 4.39 Sequence Diagram dari Use Case “Pegawai Pensiun’’
Gambar 4.39: menjelaskan proses sequence diagram pegawai pensiun yang
dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih form
pegawai pensiun. Kemudian sistem akan menampilkan tabel daftar pegawai
pensiun. Jika aktor ingin melihat data pegawai secara detail, maka aktor dapat
memilih menu detail yang berada dalam kolom operasi. Maka sistem akan
138
menampilkan hasil pengajuan. Dan jika aktor ingin mencetak surat pensiun,
maka aktor dapat mengklik surat pensiun. Kemudian sistem akan
menampilkan surat pensiun.
12. Sequence Diagram dari Use Case Data Pegawai
Gambar 4.40 Sequence Diagram dari Use Case “Data Pegawai’’
Gambar 4.40: menjelaskan proses sequence diagram data pegawai yang
dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih menu data
pegawai. Kemudian sistem akan menampilkan tabel daftar pegawai.
139
13. Sequence Diagram dari Use Case Cetak CV
Gambar 4.41 Sequence Diagram dari Use Case “Cetak CV’’
Gambar 4.41: menjelaskan proses sequence diagram cetak CV yang dilakukan
oleh bagian kepegawaian sebagai aktor. aktor memilih menu cetak CV.
Kemudian pilih nip lalu pilih go, maka sistem akan menampilkan tabel data
pegawai. Jika aktor ingin mencetak CV, maka aktor dapat memilih menu
cetak report. Kemudian sistem akan menampilkan CV pegawai yang
dimaksud.
14. Sequence Diagram dari Use Case Grafik Pegawai
Gambar 4.42 Sequence Diagram dari Use Case “Grafik Pegawai’’
140
Gambar 4.42: menjelaskan proses sequence diagram grafik pegawai yang
dilakukan oleh bagian kepegawaian sebagai aktor. aktor memilih menu grafik
pegawai. Kemudian sistem akan menampilkan from periode tahun. Lalu pilih
tahun maka sistem akan menampilkan grafik pertumbuhan pegawai.
15. Sequence Diagram dari Use Case Lihat Data Pribadi
Gambar 4.43 Sequence Diagram dari Use Case “Lihat Data Pribadi’’
141
Gambar 4.43: menjelaskan proses sequence diagram data pribadi yang
dilakukan oleh pegawai dan atasan sebagai aktor. aktor memilih menu data
pribadi. Kemudian sistem akan menampilkan data pegawai yang dimaksud.
16. Sequence Diagram dari Use Case Pengajuan Keseluruhan
Gambar 4.44 Sequence Diagram dari Use Case “Pengajuan Keseluruhan’’
Gambar 4.44: menjelaskan proses sequence diagram pengajuan keseluruhan
yang dilakukan oleh bagian atasan sebagai aktor. aktor memilih menu
pengajuan keseluruhan. Kemudian sistem akan menampilkan data pengajuan
keseluruhan cuti. Jika aktor ingin melihat data pegawai secara keseluruhan,
maka aktor dapat memilih menu detail yang berada dalam kolom operasi. Dan
sistem akan menampilkan data pegawai dan tabel pengajuan cuti. Jika aktor
mengubah data pengajuan apakah disetujui atau tidak, maka aktor dapat
memilih button ubah untuk mengubah data tersebut. Lalu pilih simpan untuk
menyimpan data pegawai.
17. Sequence Diagram dari Use Case Pengajuan Tahun Ini
142
Gambar 4.45 Sequence Diagram dari Use Case “Pengajuan Tahun Ini’’
Gambar 4.45: menjelaskan proses sequence diagram pengajuan tahun ini yang
dilakukan oleh atasan sebagai aktor. aktor memilih menu pengajuan tahun ini.
Kemudian sistem akan menampilkan tabel data pengajuan cuti tahun ini yang
telah dilakukan oleh pegawai.
18. Sequence Diagram dari Use Case Arsip Pengajuan
Gambar 4.46 Sequence Diagram dari Use Case “Arsip Pengajuan’’
Gambar 4.46: menjelaskan proses sequence diagram arsip pengajuan yang
dilakukan oleh atasan sebagai aktor. aktor memilih menu arsip pengajuan. Maka
sistem akan menampilkan form pilih nama pegawai, aktor mengisi nama
143
pegawai lalu pilih tampilkan. Kemudian sistem akan menampilkan tabel arsip
pengajuan cuti yang dimaksud.
19. Sequence Diagram dari Use Case Arsip Pengajuan Cuti
Gambar 4.47 Sequence Diagram dari Use Case “Arsip Pengajuan Cuti’’
Gambar 4.47: menjelaskan proses sequence diagram arsip pengajuan cuti yang
dilakukan oleh pegawai sebagai aktor. aktor memilih menu arsip pengajuan
cuti. Maka sistem akan menampilkan form pilih nama pegawai, aktor mengisi
nama pegawai lalu pilih tampilkan. Kemudian sistem akan menampilkan tabel
arsip pengajuan cuti yang dimaksud. dan pilih detail jika aktor ingin melihat
form hasil pengajuan cuti.
20. Sequence Diagram dari Use Case Lihat Hasil Pengajuan
144
Gambar 4.48 Sequence Diagram dari Use Case “Lihat Hasil Pengajuan’’
Gambar 4.48: menjelaskan proses sequence diagram lihat hasil pengajuan yang
dilakukan oleh pegawai sebagai aktor. aktor memilih menu lihat hasil
pengajuan. Maka sistem akan menampilkan tabel hasil pengajuan cuti terakhir
yang dimaksud.
21. Sequence Diagram dari Use Case Arsip Persetujuan Cuti
Gambar 4.49 Sequence Diagram dari Use Case “Arsip Persetujuan Cuti’’
Gambar 4.49: menjelaskan proses sequence diagram arsip persetujuan cuti yang
dilakukan oleh pegawai sebagai aktor. aktor memilih menu arsip persetujuan
cuti. Maka sistem akan menampilkan tabel data arsip cuti yang telah disetujui
oleh atasan.
22. Sequence Diagram dari Use Case Lihat Berita
145
Gambar 4.50 Sequence Diagram dari Use Case “Lihat Berita’’
Gambar 4.50: menjelaskan proses sequence diagram lihat berita yang dilakukan
oleh pegawai sebagai aktor. aktor memilih menu lihat berita. Maka sistem akan
menampilkan tabel data berita dan aturan mengenai perusahaan atau yang
berhubungan dengan kepegawaian.
4.2.6 Statechart Diagram
Statechart diagram ini akan menunjukan keadaan-keadaan yang mungkin
terjadi atau dialami oleh sebuah objek. Berikut ini penggambaran statechart
diagram pada sistem informasi pengelolaan dokumen KPR Syariah.
1. Statechart Diagram untuk usecase “login”
146
Gambar 4.51 Statechart diagram untuk Usecase “login”
Tabel 4.26 Keterangan Statechart Diagram Untuk Usecase “Login”
Keadaan / State Keterangan
Menampilkan halaman login Kondisi saat Atasan, Bagian Kepegawaian
dan pegawai membuka aplikasi.
Halaman utama user di tampilkan
Menampilkan pesan error dan kembali ke
halaman login.
Kondisi saat Atasan, Bagian Kepegawaian
dan pegawai telah memasukkan username
dan password .
Kondisi jika username dan password yang
dimasukkan salah.
Keluar dari sistem
Kondisi saat telah Atasan, Bagian
Kepegawaian dan pegawai memilih
menu keluar.
2. Statechart Diagram untuk usecase “Menu Pegawai”
147
Gambar 4.52 Statechart diagram untuk Usecase “Menu Pegawai”
Tabel 4.27 Keterangan Statechart Diagram Untuk Use Case “Menu Pegawai”
Keadaan / State Keterangan
Tabel daftar pegawai telah ditampilkan Kondisi saat bagian Kepegawaian telah
memilih menu pegawai.
Form input data pegawai telah
ditampilkan.
Alert ditampilkan
Tabel daftar pegawai telah ditampilkan
Kondisi saat bagian kepegawaian memilih
button tambah.
Kondisi jika data yang dimasukkan tidak
lengkap.
Kondisi saat bagian kepegawaian telah
menambah data pegawai dan
menyimpannya.
Tabel daftar pegawai telah ditampilkan Kondisi saat bagian kepegawaian
memilih button ubah Form search data pegawai telah Kondisi saat bagian kepegawaian telah
148
ditampilkan
Tabel daftar pegawai telah ditampilkan.
melakukan pencarian data pegawai.
Kondisi saat bagian kepegawaian telah
menginput data yang dicari.
Data pegawai telah terhapus Kondisi saat bagian kepegawaian telah
menghapus data pegawai. Keluar dari sistem Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
3. Statechart Diagram untuk usecase “Riwayat Jabatan”
Gambar 4.53 Statechart diagram untuk Usecase “Riwayat Jabatan”
Tabel 4.28 Keterangan statechart diagram untuk usecase “Riwayat Jabatan”
Keadaan / State Keterangan
Tabel daftar riwayat jabatan telah
ditampilkan
Kondisi saat bagian Kepegawaian telah
memilih menu riwayat jabatan.
149
Form input data jabatan telah ditampilkan
Alert ditampilkan
Tabel daftar riwayat jabatan telah
ditampilkan
Kondisi saat bagian kepegawaian memilih
button tambah.
Kondisi jika data yang dimasukkan tidak
lengkap.
Kondisi saat bagian kepegawaian telah
menambah data jabatan pegawai dan
menyimpannya.
Tabel daftar riwayat jabatan baru telah
ditampilkan
Kondisi saat bagian kepegawaian
memilih button ubah
Form search jabatan telah ditampilkan
Tabel daftar riwayat jabatan telah
ditampilkan.
Kondisi saat bagian kepegawaian telah
melakukan pencarian data jabatan
pegawai.
Kondisi saat bagian kepegawaian telah
menginput data yang dicari.
Data jabatan telah terhapus Kondisi saat bagian kepegawaian telah
menghapus data jabatan pegawai. Keluar dari sistem Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
4. Statechart Diagram untuk usecase “Riwayat Pendidikan”
150
Gambar 4.54 Statechart diagram untuk Usecase “Riwayat Pendidikan”
Tabel 4.29 Keterangan statechart diagram untuk usecase “Riwayat Pendidikan”
Keadaan / State Keterangan
Tabel daftar riwayat pendidikan telah
ditampilkan
Kondisi saat bagian Kepegawaian telah
memilih menu riwayat pendidikan.
Form input data pendidikan telah
ditampilkan
Alert ditampilkan
Tabel daftar riwayat pendidikan telah
Kondisi saat bagian kepegawaian memilih
button tambah.
Kondisi jika data yang dimasukkan tidak
lengkap.
Kondisi saat bagian kepegawaian telah
menambah data pendidikan pegawai dan
151
ditampilkan menyimpannya.
Tabel daftar riwayat pendidikan baru telah
ditampilkan.
Kondisi saat bagian kepegawaian
memilih button ubah
Form search data pendidikan telah
ditampilkan.
Tabel daftar riwayat pendidikan telah
ditampilkan.
Data riwayat pendidikan telah terhapus.
Kondisi saat bagian kepegawaian
melakukan pencarian data pendidikan
pegawai.
Kondisi saat bagian kepegawaian telah
menginput data yang dicari.
Kondisi saat bagian kepegawaian telah
menghapus data riwayat pendidikan.
Keluar dari sistem Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
152
5. Statechart Diagram untuk usecase “Riwayat Keluarga”
Gambar 4.55 Statechart diagram untuk Usecase “Riwayat Keluarga”
Tabel 4.30 Keterangan statechart diagram untuk usecase “Riwayat Keluarga”
Keadaan / State Keterangan
Tabel daftar riwayat keluarga telah
ditampilkan
Kondisi saat bagian Kepegawaian telah
memilih menu riwayat keluarga.
Form input data keluarga telah
ditampilkan
Alert ditampilkan
Tabel daftar riwayat keluarga telah
ditampilkan
Kondisi saat bagian kepegawaian memilih
button tambah.
Kondisi jika data yang dimasukkan tidak
lengkap.
Kondisi saat bagian kepegawaian telah
menambah data keluarga pegawai dan
menyimpannya.
Tabel daftar riwayat keluarga baru telah Kondisi saat bagian kepegawaian
memilih button ubah
153
ditampilkan
Form search data keluarga telah
ditampilkan.
Tabel daftar riwayat keluarga telah
ditampilkan.
Data riwayat keluarga telah terhapus.
Kondisi saat bagian kepegawaian
melakukan pencarian data keluarga
pegawai.
Kondisi saat bagian kepegawaian telah
menginput data yang dicari.
Kondisi saat bagian kepegawaian telah
menghapus data riwayat keluarga.
Keluar dari sistem Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
6. Statechart Diagram untuk usecase “Input Berita”
Gambar 4.56 Statechart diagram untuk Usecase “Input Berita”
154
Tabel 4.31 Keterangan statechart diagram untuk usecase “Input Berita”
Keadaan / State Keterangan
Form daftar berita telah ditampilkan Kondisi saat bagian Kepegawaian telah
memilih menu input berita.
Form input data berita dan tabel daftar
berita telah ditampilkan
Alert ditampilkan
Tabel daftar berita telah ditampilkan
Kondisi saat bagian kepegawaian memilih
button tambah.
Kondisi jika data yang dimasukkan tidak
lengkap.
Kondisi saat bagian kepegawaian telah
menambah data berita pegawai dan
menyimpannya.
Form ubah data berita telah ditampilkan
Form daftar berita telah ditampilakan
Keluar dari sistem
Kondisi saat bagian kepegawaian
memilih button ubah
Kondisi saat bagian kepegawaian
memilih button simpan.
Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
7. Statechart Diagram untuk usecase “Pemakai”
155
Gambar 4.57 Statechart diagram untuk Usecase “Pemakai”
Tabel 4.32 Keterangan statechart diagram untuk usecase “Pemakai”
Keadaan / State Keterangan
Form input data pemakai telah
ditampilkan
Kondisi saat bagian Kepegawaian telah
memilih menu pemakai.
Tabel daftar pemakai telah ditampilkan
Form search telah ditampilkan
Kondisi saat bagian kepegawaian memilih
button simpan.
Kondisi saat bagian kepegawaian telah
melakukan pencarian data.
Tabel daftar pemakai telah ditampilkan
Form ubah data pemakai telah
ditampilkan.
Data pemakai telah terhapus
Kondisi saat bagian kepegawaian telah
menginput data yang akan di input.
Kondisi saat bagian kepegawaian
memilih button ubah.
Kondisi saat bagian kepegawaian telah
menghapus data pemakai.
156
Keluar dari sistem Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
8. Statechart Diagram untuk usecase “Jenis Cuti”
Gambar 4.58 Statechart diagram untuk Usecase “Jenis Cuti”
Tabel 4.33 Keterangan statechart diagram untuk usecase “Jenis Cuti”
Keadaan / State Keterangan
Form input data jenis cuti dan tabel daftar
jenis cuti telah ditampilkan
Kondisi saat bagian Kepegawaian telah
memilih menu jenis cuti.
Alert ditampilkan
Tabel daftar jenis cuti telah ditampilkan
Kondisi jika data yang dimasukkan tidak
lengkap.
Kondisi saat bagian kepegawaian telah
menambah data berita pegawai dan
menyimpannya.
157
Form ubah data berita telah ditampilkan
Form daftar berita telah ditampilakan
Keluar dari sistem
Kondisi saat bagian kepegawaian
memilih button ubah
Kondisi saat bagian kepegawaian
memilih button simpan.
Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
9. Statechart Diagram untuk usecase “Status Cuti”
Gambar 4.59 Statechart diagram untuk Usecase “Status Cuti”
Tabel 4.34 Keterangan statechart diagram untuk usecase “Status Cuti”
Keadaan / State Keterangan
158
Form status cuti telah ditampilkan Kondisi saat bagian Kepegawaian telah
memilih menu status cuti.
Form hasil pengajuan cuti telah
ditampilkan.
Printout cetak surat cuti telah ditampilkan.
Keluar dari sistem.
Kondisi saat bagian kepegawaian telah
memilih button detail.
Kondisi saat bagian kepegawaian telah
memilih button cetak surat.
Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
10. Statechart Diagram untuk usecase “Pegawai Pensiun”
Gambar 4.60 Statechart diagram untuk Usecase “Pegawai Pensiun”
Tabel 4.35 Keterangan statechart diagram untuk usecase “Pegawai Pensiun”
Keadaan / State Keterangan
Tabel daftar pegawai pensiun telah Kondisi saat bagian Kepegawaian telah
159
ditampilkan memilih menu pegawai pensiun.
Form hasil pengajuan telah ditampilkan.
Printout cetak surat pensiun telah
ditampilkan.
Keluar dari sistem.
Kondisi saat bagian kepegawaian telah
memilih button detail.
Kondisi saat bagian kepegawaian telah
memilih button cetak surat.
Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
11. Statechart Diagram untuk usecase “Perpindahan”
160
Gambar 4.61 Statechart diagram untuk Usecase “Perpindahan”
Tabel 4.36 Keterangan statechart diagram untuk usecase “Perpindahan”
Keadaan / State Keterangan
Form input jabatan telah ditampilkan.
Tabel daftar pegawai perpindahan telah
ditampilkan.
Form input jabatan baru telah ditampilkan.
Alert ditampilkan.
Tabel daftar pegawai perpindahan telah
ditampilkan.
Printout surat perpindahan telah
ditampilkan.
Form input pegawai telah ditampilkan.
Kondisi saat bagian kepegawaian memilih
menu mutasi
Kondisi saat bagian kepegawaian memilih
button submit.
Kondisi saat bagian kepegawaian memilih
button detail.
Kondisi jika data yang dimasukkan tidak
lengkap.
Kondisi saat bagian kepegawaian telah
menginput data mutasi dan
menyimpannya.
Kondisi saat bagian kepegawaian memilih
cetak surat.
Kondisi saat bagian kepegawaian memilih
menu promosi.
161
Tabel daftar perpindahan telah
ditampilkan.
Form input jabatan baru telah ditampilkan.
Alert ditampilkan
Tabel daftar pegawai perpindahan telah
ditampilkan.
Printout surat perpindahan telah
ditampilkan.
Keluar dari sistem.
Kondisi saat bagian kepegawaian memilih
button submit.
Kondisi saat bagian kepegawaian memilih
button detail.
Kondisi jika data yang dimasukkan tidak
lengkap.
Kondisi saat bagian kepegawaian telah
menginput data promosi dan
menyimpannya.
Kondisi saat bagian kepegawaian memilih
cetak surat.
Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
12. Statechart Diagram untuk usecase “Data Pegawai”
Gambar 4.62 Statechart diagram untuk Usecase “Data Pegawai”
Tabel 4.37 Keterangan statechart diagram untuk usecase “Data Pegawai”
162
Keadaan / State Keterangan
Tabel daftar pegawai telah ditampilkan.
Keluar dari sistem
Kondisi saat bagian Kepegawaian telah
memilih menu data pegawai.
Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
13. Statechart Diagram untuk usecase “Cetak CV”
Gambar 4.63 Statechart diagram untuk Usecase “Cetak CV”
163
Tabel 4.38 Keterangan statechart diagram untuk usecase “Cetak CV”
Keadaan / State Keterangan
Form data pegawai Bank Muamalat telah
ditampilkan
Kondisi saat bagian kepegawaian telah
memilih nip pegawai.
Printout CV pegawai telah ditampilkan.
Keluar dari sistem.
Kondisi saat bagian kepegawaian telah
memilih cetak report.
Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
14. Statechart Diagram untuk usecase “Grafik Pegawai”
164
Gambar 4.64 Statechart diagram untuk Usecase “Grafik Pegawai”
Tabel 4.39 Keterangan statechart diagram untuk usecase “Grafik Pegawai”
Keadaan / State Keterangan
Form periode tahun telah ditampilkan
Grafik pertumbuhan pegawai ditampilkan
Kondisi saat bagian kepegawaian telah
memilih menu grafik pegawai.
Kondisi saat bagian kepegawaian memilih
tahun
Keluar dari sistem. Kondisi saat bagian kepegawaian telah
memilih keluar dari sistem.
165
15. Statechart Diagram untuk usecase “Lihat Data Pribadi”
Gambar 4.65 Statechart diagram untuk Usecase “Lihat Data Pribadi”
Tabel 4.40 Keterangan statechart diagram untuk usecase “Lihat Data Pribadi”
Keadaan / State Keterangan
Form data pegawai telah ditampilkan Kondisi saat pegawai dan atasan telah
memilih menu data pribadi.
Keluar dari sistem. Kondisi saat pegawai dan atasan telah
memilih keluar dari sistem.
16. Statechart Diagram untuk usecase “Pengajuan Keseluruhan”
166
Gambar 4.66 Statechart diagram untuk Usecase “Pengajuan Keseluruhan”
Tabel 4.41 Keterangan statechart diagram untuk usecase “Pengajuan Keseluruhan”
Keadaan / State Keterangan
Halaman pengajuan keseluruhan telah
ditampilkan.
Kondisi saat atasan telah memilih menu
pengajuan keseluruhan.
From data pegawai dan tabel pengajuan
cuti telah ditampilkan.
Tabel pengajuan cuti telah ditampilkan.
Keluar dari sistem
Kondisi saat atasan telah memilih button
detail.
Kondisi saat atasan telah memilih button
ubah.
Kondisi saat atasan telah memilih keluar
dari sistem.
17. Statechart Diagram untuk usecase “View Pengajuan Tahun Ini”
167
Gambar 4.67 Statechart diagram untuk Usecase “View Pengajuan Tahun Ini”
Tabel 4.42 Keterangan statechart diagram untuk usecase “View Pengajuan Tahun Ini”
Keadaan / State Keterangan
Tabel data pengajuan cuti tahun ini telah
ditampilkan.
Kondisi saat atasan telah memilih menu
pengajuan tahun ini.
Keluar dari sistem Kondisi saat atasan telah memilih keluar
dari sistem.
18. Statechart Diagram untuk usecase “View Arsip Pengajuan”
168
Gambar 4.68 Statechart diagram untuk Usecase “View Arsip Pengajuan”
Tabel 4.43 Keterangan statechart diagram untuk usecase “View Arsip Pengajuan”
Keadaan / State Keterangan
Menampilkan halaman utama atasan Kondisi saat atasan melakukan login.
Halaman pilih nama pegawai telah
ditampilkan.
Kondisi saat atasan telah memilih menu
arsip pengajuan.
Tabel arsip pengajauan cuti telah
ditampilkan.
Keluar dari sistem
Kondisi saat atasan telah memilih button
tampilkan.
Kondisi saat atasan telah memilih keluar
dari sistem.
169
19. Statechart Diagram untuk usecase “Arsip Pengajuan Cuti”
Gambar 4.69 Statechart diagram untuk Usecase “Arsip Pengajuan Cuti”
Tabel 4.44 Keterangan statechart diagram untuk usecase “Arsip Pengajuan Cuti”
Keadaan / State Keterangan
Tabel arsip pengajuan cuti telah
ditampilkan.
Kondisi saat pegawai telah memilih menu
arsip pengajuan cuti.
Form hasil pengajuan cuti telah
ditampilkan.
Keluar dari sistem
Kondisi saat pegawai telah memilih detail.
Kondisi saat atasan telah memilih keluar
dari sistem.
170
20. Statechart Diagram untuk usecase “Lihat Hasil Pengajuan”
Gambar 4.70 Statechart diagram untuk Usecase “Lihat Hasil Pengajuan”
Tabel 4.45 Keterangan statechart diagram untuk usecase “Lihat Hasil Pengajuan”
Keadaan / State Keterangan
Tabel hasil pengajuan cuti terakhir telah
ditampilkan.
Kondisi saat pegawai telah memilih menu
lihat hasil pengajuan.
Keluar dari sistem Kondisi saat atasan telah memilih keluar
dari sistem.
171
20. Statechart Diagram untuk usecase “Arsip Persetujuan Cuti”
Gambar 4.71 Statechart diagram untuk Usecase “Arsip Pengajuan Cuti”
172
Tabel 4.46 Keterangan statechart diagram untuk usecase “Arsip Pengajuan Cuti”
Keadaan / State Keterangan
Tabel data arsip cuti telah disetujui telah
ditampilkan.
Form hasil pengajuan cuti telah
ditampilkan.
Kondisi saat atasan telah memilih menu
arsip persetujuan cuti.
Kondisi saat atasan telah memilih detail.
Keluar dari sistem Kondisi saat atasan telah memilih keluar
dari sistem.
21. Statechart Diagram untuk usecase “Lihat Berita”
173
Gambar 4.72 Statechart diagram untuk Usecase “Lihat Berita”
Tabel 4.47 Keterangan statechart diagram untuk usecase “Lihat Berita”
Keadaan / State Keterangan
Tabel data berita dan aturan telah
ditampilkan.
Kondisi saat pegawai telah memilih menu
lihat berita.
Keluar dari sistem Kondisi saat pegawai telah memilih keluar
dari sistem.
4.2.7 Database Design
1. Tabel atasan
Nama Tabel : atasan
Type File : Master
Primary Key : nip_atasan
Foreign Key : -
174
Tabel 4.48 Tabel atasan
Nama Field Tipe Data Ukuran Keterangan
nip_atasan Char 15 Nip atasan
nama Varchar 40 Nama atasan
jabatan Char 40 Jabatan atasan
2. Tabel berita
Nama Tabel : berita
Type File : Transaksi
Primary Key : id_berita
Foreign Key : -
Tabel 4.49 Tabel berita
Nama Field Tipe Data Ukuran Keterangan
id_berita Char 4 Id berita
Judul Varchar 30 Judul berita
berita Text - Isi berita
tgl_input Date - Tanggal input berita
jam_input Time - Jam input berita
3. Tabel cuti
Nama Tabel : cuti
Type File : Transaksi
175
Primary Key : id_cuti
Foreign Key : -
Tabel 4.50 Tabel cuti
Nama Field Tipe Data Ukuran Keterangan
id_cuti Int 5 Id cuti
kd_pcuti Char 5 Kode cuti
tgl_sah Date - Tanggal sah cuti
lama_sah Int 4 Lama sah cuti
tgl_mulai Date - Tanggal mulai cuti
tgl_akhir Date - Tanggal akhir cuti
tgl_aktif Date - Tanggal aktif cuti
catatan Text - Catatan keterangan cuti
4. Tabel jns_cuti
Nama Tabel : jns_cuti
Type File : Transaksi
Primary Key : id_jcuti
Foreign Key : -
Tabel 4.51 Tabel jns_cuti
Nama Field Tipe Data Ukuran Keterangan
id_jcuti Char 4 Id jenis cuti
nama_jcuti Varchar 30 Nama jenis cuti
176
lama_cuti Int 3 Lama cuti
keterangan Text - Keterangan cuti
5. Tabel jumlah_cuti
Nama Tabel : jumlah_cuti
Type File : Transaksi
Primary Key : id_cuti
Foreign Key : -
Tabel 4.52 Tabel jumlah_cuti
Nama Field Tipe Data Ukuran Keterangan
id_cuti Int 5 Id cuti
tahunan Int 2 Nama jenis cuti
besar Int 2 Nama jenis cuti
bersalin Int 2 Nama jenis cuti
6. Tabel pegawai
Nama Tabel : pegawai
Type File : Master
Primary Key : nip
Foreign Key : -
Tabel 4.53 Tabel pegawai
Nama Field Tipe Data Ukuran Keterangan
nip Char 15 Nip pegawai
177
nama Varchar 40 Nama pegawai
nip_atasan Char 15 Nip atasan
tempat_lahir Char 20 Tempat lahir pegawai
tgl_lahir Date - Tanggal lahir pegawai
jabatan Char 40 Jabatan pegawai
tmt_jabatan Date - Termulai tanggal jabatan
kelamin Enum - Jenis kelamin pegawai
agama Enum - Agama pegawai
status_kawin Enum - Status kawin pegawai
pendidikan_umum Enum - Pendidikan umum pegawai
pendidikan_jenjang Varchar 20 Pendidikan yang telah ditempuh
pegawai
alamat_tinggal Varchar 30 Alamat tinggal pegawai
alamat_asal Varchar 30 Alamat asal pegawai
tgl_masuk Date - Tanggal masuk pegawai
tgl_input Date - Tanggal input pegawai
kesatuan Enum - Jenis pegawai
no_pensiun Int 3 No pensiun pegawai
status_pegawai Enum - Status pegawai
tahunan Int 2 Jenis cuti
besar Int 2 Jenis cuti
bersalin Int 2 Jenis cuti
7. Tabel pemakai
Nama Tabel : pemakai
Type File : Master
178
Primary Key : id_pemakai
Foreign Key : -
Tabel 4.54 Tabel pemakai
Nama Field Tipe Data Ukuran Keterangan
id_pemakai Char 4 Id pemakai
nip Char 20 Nip pemakai
pass_id Varchar 50 Password dan user id
level Enum - Level pemakai
8. Tabel pensiun
Nama Tabel : pensiun
Type File : Transaksi
Primary Key : -
Foreign Key : -
Tabel 4.55 Tabel pensiun
Nama Field Tipe Data Ukuran Keterangan
no_pensiun Char 5 Nomor pensiun
tgl_pensiun Date - Tanggal pensiun
keterangan Text - Keterangan pensiun
9. Tabel permohonan_cuti
179
Nama Tabel : permohonan_cuti
Type File : Transaksi
Primary Key : kd_pcuti
Foreign Key : -
Tabel 4.56 Tabel permohonan_cuti
Nama Field Tipe Data Ukuran Keterangan
kd_pcuti Char 5 Kode password cuti
nip Char 20 Nip pegawai
tahun Char 4 Tahun input poermohonan cuti
kd_jcuti Char 4 Kode jenis cuti
id_cuti Int 5 Id cuti
tgl_pengajuan Date - Tanggal pengajuan cuti
tgl_mulai Date - Tanggal mulai cuti
tgl_akhir Date - Tanggal akhir cuti
lama_cuti Int 4 Lama cuti
tujuan Text - Tujuan cuti
tempat_brangkat Char 50 Tempat keberangkatan
berkendara Char 50 Jenis kendara yang di gunakan
pengikut Char 50 Jumlah pengikut cuti
alasan Text - Alasan cuti
koordinasi Text - Koordinasi HRD
status_pengajuan Enum - Status pengajuan cuti
koordinasi1 Text - Koordinasi atasan
180
status_pengajuan1 Enum - Status pengajuan cuti 1
10. Tabel perpindahan
Nama Tabel : perpindahan
Type File :Transaksi
Primary Key : id_pindah
Foreign Key : -
Tabel 4.57 Tabel perpindahan
Nama Field Tipe Data Ukuran Keterangan
id_pindah Char 6 Id pindah
nip Char 15 Nip pegawai
jenis_pindah Enum - Jenis perpindahan
jabatan_lama Varchar 40 Jabatan lama pegawai
jabatan_baru Varchar 40 Jabatan baru pegawai
bagian_lama Varchar 40 Bagian kerja pegawai
bagian_baru Varchar 40 Bagian kerja pegawai
tgl_pindah Date - Tanggal pindah
keterangan Text - Keterangan perpindahan
11. Tabel riwayat_jabatan
Nama Tabel : riwayat_jabatan
Type File : Transaksi
Primary Key : id_rjabatan
181
Foreign Key : -
Tabel 4.58 Tabel riwayat_jabatan
Nama Field Tipe Data Ukuran Keterangan
id_rjabatan Int 5 Id riwayat jabatan
nip Char 20 Nip pegawai
jabatan Char 50 Jabatan pegawai
tmtjabatan Date - Termulai tanggal jabatan
lokasi Char 50 Lokasi atau tempat jabatan
ket_lokasi Char 50 Keterangan lokasi
no_surat Char 50 Nomor surat keputusan
12. Tabel riwayat_keluarga
Nama Tabel : riwayat_keluarga
Type File : Transaksi
Primary Key : id_rkeluarga
Foreign Key : -
Tabel 4.59 Tabel riwayat_keluarga
Nama Field Tipe Data Ukuran Keterangan
id_rkeluarga Int 5 Id riwayat keluarga
nip Char 20 Nip pegawai
nama_kel Char 50 Nama keluarga
hubungan_kel Char 20 Hubungan keluarga
kelamin Enum - Jenis kelamin
182
tgl_lahir Date - Tanggal lahir
13. Tabel riwayat_pendidikan
Nama Tabel : riwayat_pendidikan
Type File : Transaksi
Primary Key : id_rpendidikan
Foreign Key : -
Tabel 4.60 Tabel riwayat_pendidikan
Nama Field Tipe Data Ukuran Keterangan
Id_rpendidikan Int 5 Id riwayat pendidikan
Nip Char 20 Nip pegawai
Nama_pendidikan Varchar 15 Nama tempat pendidkan
Tmtpendidikan Year 4 Termulai tahun pendidikan
Jenis_pendidikan Char 20 Jenis pendidikan
4.2.8 Perancangan Interface
Perancangan Interface bertujuan untuk menggambarkan rancangan tampilan
dari aplikasi yang akan dibuat. Perancangan Interface dari aplikasi sistem informasi
kepegawaian Bank Muamalat Cabang Pancoran ini terdiri dari halaman menu tiga user
yaitu bagian kepegawaian (HRD), pegawai dan atasan. Berikut perancangan Interface
untuk sistem informasi kepegawaian Bank Muamalat Cabang Pancoran.
183
1. Halaman Login
LOGIN
NIP
Password
Level
Gambar 4.49 Perancangan Interface Login
Halaman login adalah merupakan halaman pembuka sistem informasi
kepegawaian Bank Muamalat Cabang Pancoran. user diminta untuk
memasukkan username dan password dengan benar untuk masuk ke halaman
utama user.
2. Halaman Utama Bagian Kepegawaian
184
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HELP
SELAMAT DATANG
Anda berada pada Home Admin dari Rancang Bangun Sistem
Informasi Kepegawaian Bank Muamalat
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
Anda memiliki hak penuh untuk dapat melakukan input, edit, delete, dan
search pada Data Master. Serta dapat mengatur setiap pegawai yang
terseleksi secara otomatis untuk disimpan dalam database dan
pembuatan surat, sekaligus dapat melihat laporan dan mencetaknya.
Terima kasih dan Selamat Mencoba !
Gambar 4.50 Perancangan Interface Halaman Utama Bagian Kepegawaian
Halaman ini adalah halaman utama HRD (bagian kepegawaian) admin, setelah
login HRD dapat memilih menu input : yaitu input, ubah dan cari pegawai,
serta input, ubah dan cari riwayat jabatan, riwayat pendidikan dan riwayat
keluarga, input serta ubah berita, input dan ubah pemakai, input dan ubah jenis
cuti, input data perpindahan seperti mutasi dan promosi. Untuk menu lihat
data: terdapat status cuti, pegawai pensiun, data pegawai dan cetak CV. Serta
menu lainnya yaitu logout.
3. Halaman Utama Pegawai
185
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
NO NIPNama
Pegawai
Nama
Atasan
Tempat
Tgl LahirKelamin Kesatuan Jabatan
DAFTAR PEGAWAI
Pendidikan
TerakhirAlamat
Status
PegawaiOpersai
X XX XX XX XXXX XX XX XX XXXXXX
Gambar 4.51 Perancangan Interface Menu Utama Pegawai
Halaman ini adalah tampilan dari menu utama pegawai, dimana bagian
kepegawaian dapat memilih form tambah, ubah dan search. Serta melihat
daftar data pegawai yang sudah di input.
4. Halaman Input Pegawai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA PEGAWAI
Tempat/Tgl Lahir
Nama Pegawai
NIP
Pendidikan Jenjang
Alamat Tinggal
Pendidikan Umum
Status Kawin
Agama
Kelamin
Jabatan
Kesatuan
Tanggal Masuk
Alamat Asal
Status Pegawai
Tanggal Input
NIP Atasan
Simpan
Tidak Kawin Kawin
TETAP HONORER
Pria Wanita
Gambar 4.52 Perancangan Interface Menu Input Pegawai
186
Halaman ini adalah tampilan dari menu utama input pegawai, dimana bagian
kepegawaian dapat memilih form tambah untuk menginput data pegawai.
Kemudian pilih simpan untuk menyimpan data pegawai.
5. Halaman Ubah Pegawai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA PEGAWAI
Tempat/Tgl Lahir
Nama Pegawai
NIP
Pendidikan Jenjang
Alamat Tinggal
Pendidikan Umum
Status Kawin
Agama
Kelamin
Jabatan
Kesatuan
Tanggal Masuk
Alamat Asal
Status Pegawai
Tanggal Input
NIP Atasan
Simpan
Tidak Kawin Kawin
TETAP HONORER
Pria Wanita
Gambar 4.53 Perancangan Interface Menu Ubah Pegawai
Halaman ini adalah tampilan dari menu input data pegawai, dimana bagian
kepegawaian jika ingin melakukan penambahan data pegawai maka memilih
menu ini, kemudian mengisi form input yang tersedia dan memilih simpan
untuk menyimpan data pegawai.
6. Halaman Search Pegawai
187
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNamaNIP
Gambar 4.54 Perancangan Interface Menu Search Pegawai
Halaman ini adalah tampilan dari menu search data pegawai, dimana bagian
kepegawaian jika ingin melakukan pencarian data pegawai maka memilih
menu ini, kemudian mengisi NIP dan nama pegawai yang tersedia dan memilih
search untuk mencari data pegawai.
7. Halaman Utama Riwayat Jabatan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
Daftar Riwayat Jabatan
No NIP Nama JabatanTMT
JabatanLokasi
Keterangan
LokasiNOSKEPSPRINT Operasi
X XXXX
XXXXXXXXXXXXXX
Gambar 4.55 Perancangan Interface Menu Utama Riwayat Jabatan
188
Halaman ini adalah tampilan dari menu utama riwayat jabatan, dimana bagian
kepegawaian dapat memilih form tambah, ubah dan search. Serta melihat daftar
riwayat jabatan yang sudah di input.
8. Halaman Tambah Riwayat Jabatan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA JABATAN
ID
Pegawai
Jabatan
TMT Jabatan
Lokasi
Keterangan Lokasi
NOSKEPSPRINT
[Pilih pegawai]
Tambah
:
:
:
:
:
:
Gambar 4.56 Perancangan Interface Menu Tambah Riwayat Jabatan
Halaman ini adalah tampilan dari menu input data jabatan, dimana bagian
kepegawaian jika ingin melakukan penambahan data jabatan maka memilih menu
ini, kemudian mengisi form input jabatan yang tersedia dan memilih tambah untuk
menyimpan data jabatan.
9. Halaman Ubah Riwayat Jabatan
189
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
UBAH RIWAYAT JABATAN
Id
Pegawai
Jabatan
TMT Jabatan
Lokasi
Keterangan Lokasi
NOSKEPSPRINT
[Pilih pegawai]
Simpan
:
:
:
:
:
:
Gambar 4.57 Perancangan Interface Menu Ubah Riwayat Jabatan
Halaman ini adalah tampilan dari menu ubah data jabatan, dimana bagian
kepegawaian jika ingin mengubah data jabatan maka memilih menu ini, kemudian
mengisi form ubah yang tersedia dan memilih simpan untuk menyimpan data
jabatan.
10. Halaman Search Riwayat Jabatan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNIP
Gambar 4.58 Perancangan Interface Menu Search Riwayat Jabatan
Halaman ini adalah tampilan dari menu search data jabatan, dimana
bagian kepegawaian jika ingin mencari data jabatan maka memilih menu ini,
kemudian mengisi NIP yang tersedia dan memilih search untuk mencari data
jabatan.
190
11. Halaman Utama Riwayat Pendidikan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
Daftar Riwayat Pendidikan
No NIP Nama PendidikanTMT
Pendidikan
Jenis
PendidikanOperasi
X XXXX
XXXXXXXXXX
Gambar 4.59 Perancangan Interface Menu Utama Riwayat Pendidikan
Halaman ini adalah tampilan dari menu utama riwayat pendidikan, dimana bagian
kepegawaian dapat memilih form tambah, ubah dan search. Serta melihat daftar
riwayat jabatan yang sudah di input.
12. Halaman Tambah Riwayat Pendidikan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA PENDIDIKAN
ID
Pegawai
Nama Pendidikan
TMT Pendidikan
Jenis Pendidikan
[Pilih pegawai]
Tambah
:
:
:
:
Gambar 4.60 Perancangan Interface Menu Tambah Riwayat Pendidikan
Halaman ini adalah tampilan dari menu input data pendidikan, dimana
bagian kepegawaian jika ingin melakukan penambahan data pendidikan maka
191
memilih menu ini, kemudian mengisi form input pendidikan yang tersedia dan
memilih tambah untuk menyimpan data pendidikan.
13. Halaman Ubah Riwayat Pendidikan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
UBAH DATA PENDIDIKAN
Id
Pegawai
Pendidikan
TMT Pendidikan
Jenis Pendidikan
[Pilih pegawai]
Simpan
:
:
:
:
Gambar 4.61 Perancangan Interface Menu Ubah Riwayat Pendidikan
Halaman ini adalah tampilan dari menu ubah data pendidikan, dimana
bagian kepegawaian jika ingin mengubah data pendidikan maka memilih menu
ini, kemudian mengisi form ubah yang tersedia dan memilih simpan untuk
menyimpan data pendidikan.
14. Halaman Search Riwayat Pendidikan
192
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNIP
Gambar 4.62 Perancangan Interface Menu Search Riwayat Pendidikan
Halaman ini adalah tampilan dari menu search data pendidikan, dimana
bagian kepegawaian jika ingin mencari data pendidikan maka memilih menu ini,
kemudian mengisi NIP yang tersedia dan memilih search untuk mencari data
pendidikan.
15. Halaman Utama Riwayat Keluarga
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
Daftar Riwayat Keluarga
No NIP Nama AnggotaHubungan
KeluargaKelamin Tgl Lahir Operasi
X XXXX
XXXXXXXXXX
Gambar 4.63 Perancangan Interface Menu Utama Riwayat Keluarga
Halaman ini adalah tampilan dari menu utama riwayat keluarga, dimana bagian
kepegawaian dapat memilih form tambah, ubah dan search. Serta melihat daftar
riwayat keluarga yang sudah di input.
193
16. Halaman Tambah Riwayat Keluarga
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA KELUARGA
ID
Pegawai
Nama Anggota Keluarga
Hubungan Keluarga
Kelamin
Tanggal Lahir
[Pilih pegawai]
Tambah
:
:
:
:
:
Pria Wanita
Gambar 4.64 Perancangan Interface Menu Tambah Riwayat Keluarga
Halaman ini adalah tampilan dari menu input data keluarga, dimana
bagian kepegawaian jika ingin melakukan penambahan data keluarga maka
memilih menu ini, kemudian mengisi form input keluarga yang tersedia dan
memilih tambah untuk menyimpan data keluarga.
17. Halaman Ubah Riwayat Keluarga
194
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
UBAH DATA KELUARGA
ID
Pegawai
Nama Keluarga
Hubungan Keluarga
Kelamin
Tanggal Lahir
[Pilih pegawai]
Simpan
:
:
:
:
:
Pria Wanita
Gambar 4.65 Perancangan Interface Menu Ubah Riwayat Keluarga
Halaman ini adalah tampilan dari menu ubah data keluarga, dimana bagian
kepegawaian jika ingin mengubah data keluarga maka memilih menu ini,
kemudian mengisi form ubah yang tersedia dan memilih simpan untuk
menyimpan data keluarga.
18. Halaman Search Riwayat Keluarga
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNIP
Gambar 4.66 Perancangan Interface Menu Search Riwayat Keluarga
Halaman ini adalah tampilan dari menu search data keluarga, dimana
bagian kepegawaian jika ingin mencari data keluarga maka memilih menu ini,
kemudian mengisi NIP yang tersedia dan memilih search untuk mencari data
keluarga.
195
19. Halaman Utama Input Berita
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
Daftar Berita
No Tanggal-Jam Judul Berita Isi Berita Operasi
X XX DetailXXXX
Gambar 4.67 Perancangan Interface Menu Utama Input Berita
Halaman ini adalah tampilan dari menu utama input berita, dimana bagian
kepegawaian dapat melihat berita yang sudah di input dan jika ingin melakukan
penambahan berita maka pilih detail yang ada dalam kolom operasi.
20. Halaman Tambah Berita
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
INPUT DATA BERITA
Kode Urut Berita
Judul Berita
Berita Lengkap
Simpan
DAFTAR BERITA
No Tanggal-Jam Judul Berita Isi Berita
X XX XX XX
Gambar 4.68 Perancangan Interface Menu Tambah Berita
Halaman ini adalah tampilan dari menu input berita dimana bagian
kepegawaian jika ingin melakukan penambahan berita maka memilih menu ini,
196
kemudian mengisi form input berita yang tersedia dan memilih simpan untuk
menyimpan berita terbaru. Data tersebut langsung tersimpan ke dalam tabel daftar
berita.
21. Halaman Ubah Berita
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
UBAH DATA BERITA
Kode Urut Berita
Judul Berita
Berita Lengkap
Simpan
Gambar 4.69 Perancangan Interface Menu Ubah Berita
Halaman ini adalah tampilan dari menu ubah berita, dimana bagian
kepegawaian jika ingin mengubah berita maka memilih menu ini, kemudian
mengisi form ubah yang tersedia dan memilih simpan untuk menyimpan berita.
22. Halaman Input Pemakai
197
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
INPUT DATA PEMAKAI
Id Pemakai
Pegawai
Level
Simpan
[Pilih Pegawai]
SEARCH
PEGAWAI
Gambar 4.70 Perancangan Interface Menu Input Pemakai
Halaman ini adalah tampilan dari menu input pemakai, dimana bagian
kepegawaian dapat menginput data pemakai dan masukan Id pemakai dan search
nama pegawai pada combo list kemudian pilih level yang tersedia. Dan pilih
simpan untuk menyimpan data pemakai.
23. Halaman Ubah Pemakai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
UBAH DATA PEMAKAI
Id Pemakai
Pegawai
User Id
XX
[Pilih Pegawai]
SEARCH
Pasword
Level
XX
XX
PEGAWAI
Gambar 4.71 Perancangan Interface Menu Ubah Pemakai
Halaman ini adalah tampilan dari menu ubah pemakai, dimana bagian
kepegawaian jika ingin mengubah data pemakai maka memilih menu ini,
198
kemudian mengisi form ubah yang tersedia dan memilih simpan untuk
menyimpan data pemakai.
24. Halaman Search Pemakai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNIP
Gambar 4.72 Perancangan Interface Menu Search Pemakai
Halaman ini adalah tampilan dari menu search data pemakai, dimana
bagian kepegawaian jika ingin mencari data pemakai maka memilih menu ini,
kemudian mengisi NIP yang tersedia dan memilih search untuk mencari data
pemakai.
25. Halaman Input Jenis Cuti
199
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
INPUT DATA CUTI
Kode Jenis
Nama Cuti
Lama Cuti
Simpan
DAFTAR JENIS CUTI
No Nama Jenis Cuti Lama Cuti Keterangan
X XX XX XX
Keterangan
hari
Gambar 4.73 Perancangan Interface Menu Input Jenis Cuti
Halaman ini adalah tampilan dari menu input jenis cuti, dimana bagian
kepegawaian dapat menginput data jenis cuti yang tersedia dan pilih simpan untuk
menyimpan data jenis cuti. Data tersebut dapat langsung masuk ke dalam tabel
daftar jenis cuti.
26. Halaman Ubah Jenis Cuti
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
UBAH DATA CUTI
Kode Jenis
Nama Cuti
Lama Cuti
Simpan
Keterangan
hari
Gambar 4.74 Perancangan Interface Menu Ubah Jenis Cuti
Halaman ini adalah tampilan dari menu ubah jenis cuti, dimana bagian
kepegawaian jika ingin mengubah jenis cuti maka memilih menu ini, kemudian
200
mengisi form ubah yang tersedia dan memilih simpan untuk menyimpan jenis
cuti.
27. Halaman Utama Status Cuti
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
DAFTAR CUTI YANG DISETUJUI
No NIP Kode Tahun Jenis Cuti
X XXXX
XXXXXX
Tanggal
Pengajuan
XX
Tanggal
Mulai
XX
Tanggal
Akhir
XX
Alasan
XX
Status
XX
Operasi
Detail
Gambar 4.75 Perancangan Interface Menu Utama Status Cuti
Halaman ini adalah tampilan dari menu utama status cuti, dimana bagian
kepegawaian dapat melihat status cuti yang sudah di input dan jika ingin
melihat status cuti secara menyeluruh maka pilih detail yang ada dalam
kolom operasi.
28. Halaman Hasil Pengajuan cuti (Status Cuti)
201
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
HASIL PENGAJUAN CUTI
Kode Pengajuan
Status Persetujuan Atasan
Status Persetujuan
Tahun
NIP
Jenis Cuti
Tanggal Pengajuan
Tanggal Mulai Cuti
Tanggal Selesai Cuti
Lama Cuti
Tujuan (alamat Lengkap)
Tempat Pemberangkatan
Berkendaraan
Pengikut
Keterangan Lain
Koordinasi atasan
Cetak Surat
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XXX
XXX
XXX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
- XX - XXXX
- XX - XXXX
- XX - XXXX
Gambar 4.76 Perancangan Interface Menu Status Cuti (Hasil Pengajuan Cuti)
Halaman ini adalah tampilan dari menu status cuti, dimana bagian
kepegawaian setelah pilih detail maka tampil hasil pengajuan cuti yang sudah
di input.
29. Halaman Utama Pegawai Pensiun
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
DAFTAR PEGAWAI PENSIUN
No NIP Nama Pegawai KesatuanJabatan
Terakhir
X XXXX
XXXXXX
Tanggal
Lahir
XX
Tanggal
Pensiun
XX
Proses
Detail
Previous Next >>
Gambar 4.78 Perancangan Interface Menu Utama Pegawai Pensiun
Halaman ini adalah tampilan dari menu utama pegawai pensiun, dimana bagian
kepegawaian dapat melihat pegawai yang sudah memasuki masa pensiun
secara menyeluruh.
30. Halaman Utama Perpindahan (mutasi)
202
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
MUTASI SEARCH
>> Input Syarat Pengajuan Promosi<<
1. Jabatan
Daftar Pegawai Perpindahan
Submit
:
Gambar 4.78 Perancangan Interface Menu Utama Perpindahan(mutasi)
Halaman ini adalah tampilan dari menu utama perpindahan, dimana bagian
kepegawaian dapat mengisi form mutasi yang tersedia. Kemudian pilih Submit
untuk dapat melihat data pegawai yang akan melalukan perpindahan.
31. Halaman Utama Perpindahan (promosi)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
MUTASI SEARCH
Nama
Daftar Pegawai Perpindahan
Pendidikan Umum
Submit
Gambar 4.79 Perancangan Interface Menu Utama Perpindahan(promosi)
Halaman ini adalah tampilan dari menu utama perpindahan, dimana bagian
kepegawaian dapat mengisi form promosi yang tersedia. Kemudian pilih
Submit untuk dapat melihat data pegawai yang akan melalukan perpindahan.
32. Halaman Perpindahan (daftar pegawai)
203
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
SEARCH Kembali
Hasil Pencarian :
DAFTAR PEGAWAI
No NIP Nama Pegawai Kesatuan JabatanPendidikan
Jenjang
Status
PegawaiOperasi
XX XX XXX XX XX XX XX Detail
Gambar 4.80 Perancangan Interface Menu Utama Perpindahan(daftar
pegawai)
Halaman ini adalah tampilan dari menu perpindahan, dimana bagian
kepegawaian dapat melihat daftar pegawai secara keseluruhan yang sudah
di input dan jika ingin menginput jabatan baru dalam promosi atau mutasi
maka pilih detail yang ada dalam tabel operasi.
33. Halaman Perpindahan (input jabatan baru)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
INPUT JABATAN BARU
ID
NIP Pegawai
Nama Pegawai
Tanggal Pindah
Jabatan
TMT Jabatan
Pendidikan Umum
Pendidikan Jenjang
Jenis Pindah
Jabatan Baru
Tanggal Pindah
Keterangan
:
:
:
:
:
:
:
:
:
:
:
XX
XX
XXXX - XX - XX
XX
XXXX - -XX XX
XX
XX
Promosi Mutasi
Tambah
204
Gambar 4.81 Perancangan Interface Menu Perpindahan(input jabatan baru)
Halaman ini adalah tampilan dari menu perpindahan untuk input jabatan
baru dalam perpindahan pegawai, dimana bagian kepegawaian dapat
menginput data perpindahan yang tersedia dan pilih tambah untuk
menyimpan data perpindahan.
34. Halaman Daftar Pegawai Perpindahan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
DAFTAR PEGAWAI PERPINDAHAN
No NIP Nama Pegawai KesatuanJabatan
Lama
Jenis
Pindah
Jabatan
Barju
Tanggal
Pindah
XX XX XXX XX XX XX XX XX
Keterangan Proses
XX Cetak
Gambar 4.82 Perancangan Interface Menu Daftar Pegawai Perpindahan
Halaman ini adalah tampilan dari menu daftar pegawai perpindahan,
dimana bagian kepegawaian dapat melihat data pegawai yang telah
melakukan mutasi atau promosi perpindahan jabatan baru. Dan jika bagian
kepegawaian ingin mencetak form perpindahan maka pilih cetak pada
kolom proses yang tersedia.
35. Halaman Utama Daftar Pegawai
DAFTAR PEGAWAI
No
X
NIP
XX
Nama PegawaiTempat Tgl
LahirKelamin Kesatuan Jabatan
Pendidikan
TerakhirAlamat
XXX XXX-XX-XX XXX XXX XXX XXX XXX
Gambar 4.83 Perancangan Interface Menu Utama Daftar Pegawai
205
Halaman ini adalah tampilan dari menu utama daftar pegawai, dimana bagian
kepegawaian dapat melihat data pegawai secara keseluruhan.
36. Halaman Utama Cetak CV
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
Pilih NIP
Go
NIP
Gambar 4.84 Perancangan Interface Menu Utama Cetak CV
Halaman ini adalah tampilan dari menu utama daftar pegawai cetak CV,
dimana bagian kepegawaian dapat melihat data pegawai dengan memilih
NIP dan pilih Go untuk melihat data pegawai.
37. Halaman Cetak CV (data pegawai Bank Muamalat Cabang Pancoran)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
DATA PEGAWAI BANK MUAMALAT CABANG PANCORAN
NIP Pegawai
Nama Pegawai
Tempat/Tgl Lahir
Kesatuan
Jabatan
TMT Jabatan
Kelamin
Agama
Status Kawin
Pendidikan Umum
Pendidikan Jenjang
Alamat Tinggal
Alamat Asal
Tanggal Masuk
Status Pegawai
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XXX
XXX
XXX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
/ XX - XX - XXXX
- XX - XXXX
- XX - XXXX
Riwayat Jabatan
No Jabatan TMT Jabatan Lokasi Keterangan Lokasi Noskep Sprint
X XX XX-XX-XXXX XX XX XX
Riwayat Pendidikan
No Sekolah TMT Sekolah Jenis Pendidikan
X XX XX-XX-XXXX XX
Riwayat Keluarga
No Nama Anggota Hubungan Keluarga Jenis Kelamin Tgl Lahir
X XX XX XX XX-XX-XXXX
CETAK REPORT
Gambar 4.85 Perancangan Interface Menu Cetak CV (data pegawai Bank
Muamalat Cabang Pancoran)
206
Halaman ini adalah tampilan dari menu cetak CV untuk data pegawai,
dimana bagian kepegawaian dapat melihat data pegawai secara
menyeluruh dan dapat pula mencetak data pegawai dengan pilih cetak
report yang tersedia.
38. Halaman Utama Atasan
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Logout
Arsip Pengajuan
| HELP |
Selamat datang,
Anda berada pada Home Manager dari Rancang Bangun Sistem Informasi
Kepegawaian Bank Muamalat. Anda memiliki hak untuk dapat memonitor
pegawai yang sedang aktif atau sedang cuti. Anda dapat pula memberikan
persetujuan cuti kepada pegawai yang mengajukan cuti yang terlebih
dahulu telah disetujuai oleh pegawai yang atasanya langsung.
Terima kasih dan selamat mencoba !
Logout
Gambar 4.86 Perancangan Interface Menu Utama Atasan
Halaman ini adalah halaman utama atasan, setelah login user dapat
memilih menu lihat data pribadi, lihat data pegawai, pengajuan tahun ini,
lihat dan input pengajuan keseluruhan dan lihat arsip pengajuan. serta
menu lain seperti logout.
39. Halaman Utama Lihat Data Pribadi
207
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT
DATA PEGAWAI BANK MUAMALAT CABANG PANCORAN
NIP Pegawai
Nama Pegawai
Tempat/Tgl Lahir
Kesatuan
Jabatan
TMT Jabatan
Kelamin
Agama
Status Kawin
Pendidikan Umum
Pendidikan Jenjang
Alamat Tinggal
Alamat Asal
Tanggal Masuk
Status Pegawai
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XXX
XXX
XXX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
/ XX - XX - XXXX
- XX - XXXX
- XX - XXXX
Riwayat Jabatan
No Jabatan TMT Jabatan Lokasi Keterangan Lokasi Noskep Sprint
X XX XX-XX-XXXX XX XX XX
Riwayat Pendidikan
No Sekolah TMT Sekolah Jenis Pendidikan
X XX XX-XX-XXXX XX
Riwayat Keluarga
No Nama Anggota Hubungan Keluarga Jenis Kelamin Tgl Lahir
X XX XX XX XX-XX-XXXX
Gambar 4.87 Perancangan Interface Menu Utama Lihat Data Pribadi
Halaman ini adalah tampilan dari menu lihat data pribadi, pada halaman
ini user dapat melihat data pribadi secara lengkap yang telah di input
terlebih dahulu.
40. Halaman Utama Lihat Data Pegawai
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT
Daftar Data Pegawai Bank Muamalat Cabang Pancoran
No NIP Nama Kelamin JabatanStatus
PegawaiStatus kawin Operasi
X XX [Detail]XXXXXXXXXX
Gambar 4.88 Perancangan Interface Menu Utama Lihat Data Pegawai
208
Halaman ini adalah tampilan dari menu lihat data pegawai, pada halaman
ini user bisa melakukan aksi detail. Dimana jika user ingin melihat data
pegawai secara detail. Maka sistem akan merespon sesuai dengan perintah
user.
41. Halaman Lihat Data Pegawai (Daftar Data Pegawai)
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT
Daftar Data Pegawai Bank Muamalat Cabang Pancoran
NIP Pegawai
Nama Pegawai
Tempat Lahir
Tanggal Lahir
Jabatan
TMT Jabatan
Kelamin
Agama
Status Kawin
Pendidikan Umum
Pendidikan Jenjang
Alamat Tinggal
Alamat Asal
Tanggal Masuk
Kesatuan
Status Pegawai
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
: XX
XX
XX
XX - XX - XXXX
XX
XX - XX - XXXX
XX
XX
XX
XX
XX
XX
XX
XX - XX - XXXX
XX
XX
Gambar 4.89 Perancangan Interface Menu Lihat Data Pegawai (Daftar Data
Pegawai)
Halaman ini adalah tampilan dari menu lihat data pegawai setelah aksi
detail, pada halaman ini user dapat melihat data pegawai secara detail.
42. Halaman Pengajuan Tahun ini
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT
PENGAJUAN CUTI TAHUN INI [2011]
No NIP Nama Jenis Cuti Tgl Mulai Tgl Akhir Alasan Operasi
X XX XXXXXXXXXXXX
Gambar 4.90 Perancangan Interface Menu Pengajuan Tahun ini
209
Halaman ini adalah tampilan dari menu pengajuan tahun ini, dimana user
dapat melihat pengajuan cuti tahun ini yang telah di ajukan oleh pegawai.
43. Halaman Utama Pengajuan Keseluruhan
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT
PENGAJUAN CUTI KESELURUHAN
No NIP Nama Jenis Cuti Tgl Mulai Tgl Akhir Alasan Operasi
X XX [Detail]XXXXXXXXXX
Gambar 4.91 Perancangan Interface Menu Utama Pengajuan Keseluruhan
Halaman ini adalah tampilan dari menu pengajuan keseluruhan, pada
halaman ini user bisa melakukan aksi detail. Dimana jika user ingin
melihat data pegawai secara detail. Maka sistem akan merespon sesuai
dengan perintah user.
44. Halaman Pengajuan Keseluruhan (untuk pengajuan cuti)
210
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT
DATA Pegawai
NIP Pegawai
Nama Pegawai
Kesatuan
Jabatan
Kelamin
Status Kawin
Alamat Tinggal
Alamat Asal
Tanggal Masuk
Status Pegawai
Kode Pengajuan
Tahun
Jenis Cuti
Tanggal Mulai Cuti
Tanggal Selesai Cuti
Persetujuan atasan
Koordinasi atasan
Setuju atau Tidak
Kirim Pesan dan Alasan
PENGAJUAN CUTI
Ubah
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XX
XX
XX
XX
XX
XX
XX
XX - XX - XXXX
XX
XX
XXXX
XX
XX
Gambar 4.92 Perancangan Interface Menu Pengajuan Keseluruhan (untuk
pengajuan cuti)
Halaman ini adalah tampilan dari menu pengajauan keseluruhan setelah
aksi detail, pada halaman ini user dapat melihat data pegawai dan user
dapat melakukan pengajuan cuti apakah disetujui atau tidak.
45. Halaman Utama Arsip Pengajuan
211
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT
PILIH NAMA Pegawai
[Pilih Karyawan]Pegawai
Tampilkan
Gambar 4.93 Perancangan Interface Menu Utama Arsip Pengajuan
Halaman ini adalah tampilan dari menu utama arsip pengajuan, dimana
user dapat memilih nama pegawai yang ada pada combo list kemudian
pilih tampilkan. Maka sistem akan merespon sesuai dengan perintah user.
46. Halaman Arsip Pengajuan (untuk arsip pengajuan cuti)
Header
LOGO
BANK MUAMALAT
NIP 1212
Status Login MANAGER
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Data Pegawai
Pengajuan Tahun ini
Pengajuan Keseluruhan
Arsip Pengajuan
Logout
LOGOUT
ARSIP PENGAJUAN CUTI
No Kode Tahun Jenis Cuti Tgl Mulai Tgl Akhir Alasan Operasi
X XX XXXXXXXXXXXX
Tgl
Pengajuan
XX
Gambar 4.94 Perancangan Interface Menu Arsip Pengajuan (untuk arsip
pengajuan cuti)
Halaman ini adalah tampilan dari menu arsip pengajuan setelah pilih nama
pegawai yang ada pada halaman sebelumnya. Pada halaman ini user dapat
melihat siapa saja pegawai yang telah melakukan pengajuan cuti apakah
212
disetujui atau tidak dan apakah pegawai tersebut pernah melakukan
pengajuan cuti atau belum.
47. Halaman Utama Pegawai
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Arsip Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Persetujuan Cuti
Logout
HELP | | Ganti Password |
Selamat datang,
Anda berada pada Home Pegawai dari Rancang Bangun Sistem Informasi
Kepegawaian Bank Muamalat. Anda sebagai Pegawai dan atasan yang hanya
memiliki hak untuk dapat melihat data pribadi beserta daftar riwayat yang dimiliki
pegawai yang bersangkutan tetapi tidak dapat meng-Update sendiri. Pegawai
dapat mengajukan cuti apabila pegawai bersangkutan ingin mengambil cuti,
pegawai dapat melihat hasil pengajuan cuti yang sedang diajukan dan melihat
arsip cuti yang telah diambilnya. Apabila status pegawai tersebut sebagai Atasan
maka pegawai tersebut dapat melihat daftar data pegawai yang menjadi
bawahanya. Pegawai tersebut dapat melihat dan memberikan persetujuan cuti
kepada pegawai bawahannya yang mengajukan cuti.
Terima kasih dan selamat mencoba !
Logout
Gambar 4.95 Perancangan Interface Menu Utama Pegawai
Halaman ini adalah halaman utama Pegawai, setelah login user dapat
memilih menu lihat data pribadi, lihat berita, input pengajuan cuti, lihat
hasil pengajuan, arsip pengajuan cuti dan arsip persetujuan cuti. serta
menu lain seperti logout.
48. Halaman Utama Lihat Data Pribadi
213
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Persetujuan Cuti
Arsip Pengajuan Cuti
DATA PEGAWAI BANK MUAMALAT CABANG PANCORAN
NIP Pegawai
Nama Pegawai
Tempat/Tgl Lahir
Kesatuan
Jabatan
TMT Jabatan
Kelamin
Agama
Status Kawin
Pendidikan Umum
Pendidikan Jenjang
Alamat Tinggal
Alamat Asal
Tanggal Masuk
Status Pegawai
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XXX
XXX
XXX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
/ XX - XX - XXXX
- XX - XXXX
- XX - XXXX
Riwayat Jabatan
No Jabatan TMT Jabatan Lokasi Keterangan Lokasi Noskep Sprint
X XX XX-XX-XXXX XX XX XX
Riwayat Pendidikan
No Sekolah TMT Sekolah Jenis Pendidikan
X XX XX-XX-XXXX XX
Riwayat Keluarga
No Nama Anggota Hubungan Keluarga Jenis Kelamin Tgl Lahir
X XX XX XX XX-XX-XXXX
Logout
LOGOUT
Gambar 4.96 Perancangan Interface Menu Utama Lihat Data Pribadi
Halaman ini adalah tampilan dari menu lihat data pribadi, dimana user
dapat melihat keseluruhan data pribadi yang telah di input sebelumnya.
49. Halaman Utama Lihat Berita
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Arsip Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Persetujuan Cuti
Logout
Logout
BERITA DAN ATURAN [XX-XX-XXXX XX:XXX]
Isi Berita/ Aturan
Judul Berita
BERITA DAN ATURAN [XX-XX-XXXX XX:XX:XXXX]
Judul Berita
Isi Berita/ Aturan XX
XX
Gambar 4.97 Perancangan Interface Menu Utama Lihat Berita
Halaman ini adalah tampilan dari menu lihat berita, dimana user dapat
melihat keseluruhan berita yang berhubungan dengan kepegawaian atau
perusahaan ada pada sistem.
50. Halaman Utama Pengajuan Cuti
214
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Pengajuan Cuti
Arsip Persetujuan Cuti
LOGOUT
Logout
DATA PEGAWAI
NIP Pegawai
Nama Pegawai
Kesatuan
Jabatan
Kelamin
Status Kawin
Alamat Tinggal
Alamat Asal
Tanggal Masuk
Status Pegawai
:
:
:
:
:
:
:
:
:
:
XX
XXX
XXX
XX
XX
XX
XX
XX
XX
XX
- XX - XXXX
SISA CUTI yang BELUM DIAMBIL
CutiTahunan
Cuti Besar
: XX
: XX
PENGAJUAN CUTI
Tahun
Jenis Cuti
Tanggal Mulai Cuti
Tanggal Selesai Cuti
Lama Cuti
Tujuan (Alamat Lengkap)
Tempat Pemberangkatan
Berkendaraan
Pengikut
Keterangan lain-lain
:
:
:
:
:
:
[Pilih Tahun]
[Pilih Jenis Cuti]
:
:
:
:
Ajukan
Gambar 4.98 Perancangan Interface Menu Utama Pengajuan Cuti
Halaman ini adalah tampilan dari menu pengajuan cuti, dimana user dapat
melihat data pegawai dan menginput form pengajuan cuti yang ada. Lalu
pilih ajukan, maka sistem akan merespon sesuai dengan perintah user.
51. Halaman Pengajuan Cuti (hasil pengajuan cuti)
215
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Pengajuan Cuti
Arsip Persetujuan Cuti
LOGOUT
Logout
Anda dapat melihat hasil pengajuan cuti ini setelah 1 jam dari sekarang, Cobalah
untuk melakukan login 1 jam lagi, dan klik tombol Lihat Hasil Pengajuan.
KONFIRMASI PENGAJUAN
HASIL PENGAJUAN CUTI
Kode Pengajuan
Status Persetujuan
Tahun
Jenis Cuti
Tanggal Pengajuan
Lama Cuti
Tanggal Mulai Cuti
Tanggal Selesai Cuti
Tujuan (Alamat Lengkap)
Tempat Pemberangkatan
Berkendaraan
Pengikut
Keterangan lain-lain
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XX
XX
XX
XX - XX - XXXX
XX
XX - XX - XXXX
XX - XX - XXXX
XX
XX
XX
XX
XX
Gambar 4.99 Perancangan Interface Menu Pengajuan Cuti (hasil pengajuan cuti)
Halaman ini adalah tampilan dari menu pengajuan cuti untuk hasil
pengajuan cuti yang telah diajukan pada halaman sebelumnya. Dimana
user dapat melihat hasil pengajuan cuti yang telah di input.
52. Halaman Lihat Hasil Pengajuan
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Pengajuan Cuti
Arsip Persetujuan Cuti
LOGOUT
Logout
HASIL PENGAJUAN CUTI TERAKHIR
Kode Pengajuan
Status Persetujuan
Tahun
Jenis Cuti
Tanggal Pengajuan
Lama Cuti
Tanggal Mulai Cuti
Tanggal Selesai Cuti
Tujuan (Alamat Lengkap)
Tempat Pemberangkatan
Berkendaraan
Pengikut
Keterangan lain-lain
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XX
XX
XX
XX - XX - XXXX
XX
XX - XX - XXXX
XX - XX - XXXX
XX
XX
XX
XX
XX
Gambar 4.50 Perancangan Interface Menu Lihat Hasil Pengajuan
216
Halaman ini adalah tampilan dari menu lihat hasil pengajuan, dimana user
dapat melihat hasil pengajuan cuti terakhir yang telah di input sebelumnya.
53. Halaman Utama Arsip Pengajuan Cuti
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Arsip Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Persetujuan Cuti
Logout
Logout
ARSIP PENGAJUAN CUTI
X
No Kode
XX
Tahun
XX
Jenis Cuti
XX
Tgl
Pengajuan
X-XX-XXXX
Tgl Mulai
X-XX-XXXX
Tgl Akhir
X-XX-XXXX
Alasan
XX
Status
XX
Operasi
[Detail]
Gambar 4.51 Perancangan Interface Menu Utama Arsip Pengajuan Cuti
Halaman ini adalah tampilan dari menu arsip pengajuan cuti, pada
halaman ini user bisa melakukan aksi detail. Dimana jika user ingin
melihat hasil pengajuan cuti secara detail. Maka sistem akan merespon
sesuai dengan perintah user.
54. Halaman Arsip Pengajuan Cuti (hasil pengajuan cuti)
217
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Pengajuan Cuti
Arsip Persetujuan Cuti
LOGOUT
Logout
Anda dapat melihat hasil pengajuan cuti ini setelah 1 jam dari sekarang, Cobalah
untuk melakukan login 1 jam lagi, dan klik tombol Lihat Hasil Pengajuan.
KONFIRMASI PENGAJUAN
HASIL PENGAJUAN CUTI
Kode Pengajuan
Status Persetujuan
Tahun
Jenis Cuti
Tanggal Pengajuan
Lama Cuti
Tanggal Mulai Cuti
Tanggal Selesai Cuti
Tujuan (Alamat Lengkap)
Tempat Pemberangkatan
Berkendaraan
Pengikut
Keterangan lain-lain
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XX
XX
XX
XX - XX - XXXX
XX
XX - XX - XXXX
XX - XX - XXXX
XX
XX
XX
XX
XX
Gambar 4.52 Perancangan Interface Menu Arsip Pengajuan Cuti (hasil pengajuan cuti)
Halaman ini adalah tampilan dari menu arsip pengajuan cuti untuk hasil
pengajuan cuti setelah aksi detail pada halaman sebelumnya.
53. Halaman Arsip Persetujuan Cuti
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Arsip Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Persetujuan Cuti
Logout
Logout
ARSIP CUTI TELAH DISETUJUI
X
No Kode
XX
Tahun
XX
Jenis Cuti
XX
Tgl Pengesahan
X-XX-XXXX
Tgl Mulai
X-XX-XXXX
Tgl Akhir
X-XX-XXXX
Tgl Aktif
X-XX-XXXX
Status
XX
Operasi
[Detail]
Gambar 4.53 Perancangan Interface Menu Arsip Persetujuan Cuti
Halaman ini adalah tampilan dari menu arsip persetujuan cuti. Dimana
user dapat melihat keseluruhan data cuti yang telah disetujui oleh atasan.
218
54. Halaman Arsip Persetujuan Cuti (hasil pengajuan cuti)
Header
LOGO
BANK MUAMALAT
NIP 77777
Status Login PEGAWAI
HOME
DATA MASTER
Lihat Data Pribadi
Lihat Berita
MASTER CUTI
Pengajuan Cuti
Lihat Hasil Pengajuan
Arsip Pengajuan Cuti
Arsip Persetujuan Cuti
LOGOUT
Logout
Anda dapat melihat hasil pengajuan cuti ini setelah 1 jam dari sekarang, Cobalah
untuk melakukan login 1 jam lagi, dan klik tombol Lihat Hasil Pengajuan.
KONFIRMASI PENGAJUAN
HASIL PENGAJUAN CUTI
Kode Pengajuan
Status Persetujuan
Tahun
Jenis Cuti
Tanggal Pengajuan
Lama Cuti
Tanggal Mulai Cuti
Tanggal Selesai Cuti
Tujuan (Alamat Lengkap)
Tempat Pemberangkatan
Berkendaraan
Pengikut
Keterangan lain-lain
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XX
XX
XX
XX - XX - XXXX
XX
XX - XX - XXXX
XX - XX - XXXX
XX
XX
XX
XX
XX
Gambar 4.54 Perancangan Interface Menu Arsip Persetujuan Cuti (hasil pengajuan cuti)
Halaman ini adalah tampilan dari menu arsip persetujuan cuti untuk hasil
pengajuan cuti setelah aksi detail pada halaman sebelumnya.
4.2.9 Implementasi Sistem (Sistem Implementation)
Setelah desain sistem selesai, maka tahap berikutnya dalam
metodologi pengembangan sistem rapid application development adalah
implementasi sistem dari hasil rancangan yang telah dibuat. Pada tahap
implementasi ini terdapat beberapa aktivitas yang dilakukan. Aktivitas-
aktivitas yang dimaksud yaitu pemrograman dan pengujian.
4.2.10 Pemrograman
Pada tahap pemrograman, penulis menggunakan bahasa pemrograman
PHP (Personal Home Page) sebagai bahasa pemrograman yang membantu
dalam proses
219
manipulasi kegiatan yang ada dalam pembuatan aplikasi sistem
informasi kepegawaian Bank Muamalat Cabang Pancoran, sedangkan untuk
web server local software yang digunakan dalam pembuatan aplikasi ini yaitu
Xampp 1.6.2, MySQL (My Structured Query Language) yang berfungsi untuk
penyimpanan data dari setiap perubahaan data, Adobe Dreamweaver CS 5
sebagai alat bantu perancangan aplikasi kepegawaian, dan Browser Mozilla
Fireforks untuk menampilkan aplikasi dan menguji sistem.
4.2.11 Pengujian Sistem
Pada tahapan ini dilakukan pengujian terhadap sistem informasi
kepegawaian Bank Muamalat Cabang Pancoran. Pengujian yang digunakan
adalah pengujian blackbox (eksternal). Pengujian eksternal (blackbox testing)
yaitu melakukan pengujian terhadap aplikasi dengan cara mengecek satu
persatu link yang ada dengan menggunakan tabel pengujian, apakah link
tersebut sudah sesuai seperti yang diharapkan atau belum.
Hasil lengkapnya dapat dilihat pada Tabel 4.38:
1. Pengujian Level Bagian Kepegawaian
Melakukan uji coba pada Bagian Kepegawaian. Hasil yang didapat sebagai
berikut pada Tabel 4.38 di bawah ini.
Tabel 4.38 Pengujian Level Bagian Kepegawaian
No Rancangan Proses Hasil yang Diharapkan Hasil Keterangan
1. Login Bagian Kepegawaian Masuk ke halaman utama Sesuai
220
bagian kepegawaian
2. Memilih menu pegawai Menampilkan tabel daftar
pegawai.
Sesuai
3. Memilih tambah pegawai Menampilkan form input
pegawai
Sesuai
4. Memilih simpan Data tersimpan dalam
database pegawai dan
ystem menampilkan data
pegawai.
Sesuai
5. Memilih ubah Menampilkan form ubah
data pegawai dan data
terubah dalam database
pegawai.
Sesuai
6. Memilih simpan Data yang telah di ubah
tersimpan dalam database
pegawai dan ystem
menampilkan form daftar
pegawai.
Sesuai
7. Memilih search Pegawai Menampilkan form data
pegawai yang dicari.
Sesuai
8. Memilih hapus Data pegawai berhasil
dihapus dan menampilkan
daftar pegawai.
Sesuai
9. Memilih menu riwayat
jabatan
Menampilkan tabel daftar
riwayat jabatan.
Sesuai
10. Memilih tambah riwayat
jabatan
Menampilkan form input
jabatan
Sesuai
11. Memilih tambah Menampilkan form daftar
pegawai yang sudah di
input.
Sesuai
221
12. Memilih ubah Menampilkan form ubah
riwayat jabatan dan data
terubah dalam database.
Sesuai
13. Memilih simpan Data yang telah di ubah
tersimpan dalam database
dan ystem menampilkan
form daftar riwayat
jabatan.
14. Memilih search Menampilkan form daftar
pegawai yang dicari.
15. Memilih hapus Data riwayat jabatan
berhasil dihapus dan
menampilkan daftar
riwayat jabatan.
Sesuai
16. Memilih menu riwayat
pendidikan
Menampilkan tabel daftar
riwayat pendidikan.
Sesuai
17. Memilih tambah riwayat
pendidikan
Menampilkan form input
data pendidikan.
Sesuai
18. Memilih tambah Menampilkan form daftar
riwayat pendidikan yang
sudah di input.
Sesuai
19. Memilih ubah Menampilkan form ubah
data pendidikan dan data
terubah dalam database.
Sesuai
20. Memilih simpan Data yang telah di ubah
tersimpan dalam database
dan ystem menampilkan
form daftar riwayat
pendidikan.
21. Memilih search Menampilkan form daftar Sesuai
222
riwayat pendidikan yang
dicari.
22. Memilih hapus Data riwayat pendidikan
berhasil dihapus dan
menampilkan daftar
riwayat pendidikan.
Sesuai
23. Memilih menu riwayat
keluarga
Menampilkan tabel daftar
riwayat keluarga.
Sesuai
24. Memilih riwayat keluarga Menampilkan form input
data keluarga.
Sesuai
25. Memilih tambah Menampilkan form daftar
riwayat keluarga yang
sudah di input.
Sesuai
26. Memilih ubah Menampilkan form ubah
riwayat keluarga dan data
terubah dalam database.
Sesuai
27. Memilih simpan Data yang telah di ubah
tersimpan dalam database
dan ystem menampilkan
form daftar riwayat
keluarga.
Sesuai
28. Memilih search Menampilkan form daftar
riwayat keluarga yang
dicari.
Sesuai
.29. Memilih hapus Data riwayat keluarga
berhasil dihapus dan
menampilkan daftar
riwayat keluarga.
Sesuai
30. Memilih menu input berita Menampilkan tabel daftar
berita.
Sesuai
223
.31. Memilih menu tambah Menampilkan form input
data berita.
Sesuai
32. Memilih simpan Menampilkan form daftar
berita yang telah di input.
Sesuai
33. Memilih ubah Menampilkan form ubah
data berita.
Sesuai
34. Memilih simpan Menampilkan form daftar
berita yang telah di ubah.
Sesuai
35. Memilih hapus Data berita berhasil
dihapus dan menampilkan
daftar berita.
Sesuai
36. Memilih menu pemakai Menampilkan form input
data pemakai.
Sesuai
37. Memilih tambah Menampilkan form input
data pemakai.
Sesuai
38. Memilih simpan Menampilkan form daftar
pemakai yang telah di
input.
Sesuai
39. Memilih ubah Menampilkan form ubah
data pemakai.
Sesuai
40. Memilih simpan Menampilkan form daftar
pemakai yang telah di
ubah.
Sesuai
41. Memilih search Menampilkan form daftar
pegawai yang dicari.
Sesuai
42. Memilih menu jenis cuti Menampilkan form input
data jenis cuti dan tabel
daftar jenis cuti.
Sesuai
43. Memilih tambah Menampilkan form input
data jenis cuti.
Sesuai
224
44. Memilih simpan Menampilkan form daftar
jenis cuti yang telah di
input.
Sesuai
45. Memilih ubah Menampilkan form ubah
data jenis cuti.
Sesuai
46. Memilih simpan Menampilkan form daftar
jenis cuti yang telah di
ubah.
Sesuai
47. Memilih hapus Data jenis cuti berhasil
dihapus dan menampilkan
daftar jenis cuti.
Sesuai
48. Memilih menu status cuti Menampilkan tabel daftar
cuti yang disetujui.
Sesuai
49. Memilih detail Menampilkan form hasil
pengajuan cuti.
Sesuai
50. Memilih cetak Menampilkan printout
surat cuti.
Sesuai
51. Memilih menu pegawai
pensiun
Menampilkan tabel daftar
pegawai pensiun.
Sesuai
52. Memilih detail Menampilkan form hasil
pengajuan.
Sesuai
53. Memilih cetak Menampilkan printout
surat pegawai pensiun.
Sesuai
54. Memilih menu perpindahan Menampilkan form input
syarat pengajuan promosi.
Sesuai
55. Memilih submit Menampilkan data
perpindahan (mutasi) yang
dipilih dan menampilkan
form daftar pegawai.
Sesuai
56. Memilih submit Menampilkan data Sesuai
225
perpindahan (promosi)
yang dipilih dan
menampilkan form daftar
pegawai.
57. Memilih detail Menampilkan form input
jabatan baru.
Sesuai
58. Memilih tambah Menampilkan form daftar
pegawai perpindahan.
Sesuai
59. Memilih cetak Menampilkan printout
surat perintah pegawai
perpindahan.
Sesuai
60. Memilih menu data pegawai Menampilkan form daftar
pegawai.
Sesuai
61. Memilih menu cetak CV Menampilkan form nip
pegawai.
Sesuai
62. Memilih NIP Menampilkan data
pegawai Bank Muamalat
Cabang Pancoran.
Sesuai
63. Memilih cetak Menampilkan printout CV
pegawai.
Sesuai
64. Memilih menu Logout Menampilkan halaman
Login
Sesuai
2. Pengujian Level Manager
Melakukan uji coba pada Bagian Kepegawaian. Hasil yang didapat sebagai
berikut pada Tabel 4.39 di bawah ini.
Tabel 4.39 Pengujian Level Manager
226
No Rancangan Proses Hasil yang Diharapkan Hasil Keterangan
1. Login Manager Masuk ke halaman
Manager.
Sesuai
2. Memilih menu lihat data
pribadi
Menampilkan form data
pegawai Bank Muamalat.
Sesuai
3. Memilih menu lihat data
pegawai
Menampilkan tabel daftar
pegawai Bank Muamalat
Sesuai
4. Memilih detail Menampilkan form data
pegawai Bank Muamalat
Sesuai
5. Memilih menu pengjauan cuti
tahun ini
Menampilkan tabel
pengajaun cuti tahun ini.
Sesuai
6. Memilih menu pengajuan
keseluruhan
Menampilkan tabel
pengajuan cuti tahun lalu.
Sesuai
7. Memilih detail Menampilkan form data
pegawai dan pengajuan
cuti.
Sesuai
8. Memilih ubah Menampilkan pengajuan
cuti tahun ini.
Sesuai
9. Memilih menu arsip
pengajuan
Menampilkan form pilih
nama pegawai.
Sesuai
10. Memilih tampilkan Menampilkan form arsip
pengajuan cuti
Sesuai
227
11. Memilih menu Logout Menampilkan halaman
Login
Sesuai
3. Pengujian Level Pegawai
Melakukan uji coba pada Bagian Kepegawaian. Hasil yang didapat sebagai
berikut pada Tabel 4.40 di bawah ini.
Tabel 4.40 Pengujian Level Pegawai
No Rancangan Proses Hasil yang Diharapkan Hasil Keterangan
1. Login pegawai Masuk ke halaman
pegawai.
Sesuai
2. Memilih menu lihat data
pribadi
Menampilkan data
pegawai Bank Muamalat
Sesuai
3. Memilih menu lihat berita Menampilkan tabel berita
dan aturan.
Sesuai
4. Memilih menu pengajuan cuti Menampilkan form data
pegawai dan pengajuan
cuti.
Sesuai
5. Memilih ajukan Menampilkan form
konfirmasi pengajuan dan
hasil pengajuan cuti.
Sesuai
6. Memilih menu lihat hasil
pengajuan
Menampilkan form hasil
pengajuan cuti terakhir
Sesuai
7. Memilih menu arsip
pengajuan cuti
Menampilkan tabel arsip
pengajuan cuti.
Sesuai
8. Memilih detail Menampilkan konfirmasi
pengajuan dan hasil
pengajuan cuti.
Sesuai
9. Memilih menu arsip Menampilkan tabel arsip Sesuai
228
persetujuan cuti cuti telah disetujui.
10. Memilih detail Menampilkan form
konfirmasi pengajuan dan
hasil pengajuan cuti.
Sesuai
11. Memilih menu Logout Menampilkan halaman
Login
Sesuai
218
BAB V
PENUTUP
5.1 Simpulan
Berdasarkan uraian dan pembahasan bab-bab sebelumnya, maka dapat
disimpulkan bahwa:
1. Sistem informasi kepegawaian pada Bank Muamalat Indonesia. Sangat
membantu proses kerja perusahaan dalam mengolah kegiatan administrasi
kepegawaian seperti pengolahan data pegawai, riwayat jabatan, riwayat
keluarga, riwayat pendidikan, pengolahan cuti dan pengolahan data
pensiun. Sehingga semua pegawai, manager, dan bagian kepegawaian
dapat memperoleh informasi data kepegawaiannya dengan cepat .
2. Informasi pegawai yang sudah memasuki masa pensiun langsung terfilter
oleh sistem informasi kepegawaian berbasis web pada Bank Muamalat.
3. Penyimpanan data yang sudah terkomputerisasi secara optimal sehingga
membantu perusahaan dalam proses penyimpanan, pencarian dan laporan
data yang semua itu tersimpan dalam database.
4. Telah dilakukan pengujian dengan menggunakan blackbox testing dari sisi
programmer guna mendapati sistem informasi kepegawaian berbasis
website pada Bank Muamalat yang dibuat agar terhindar dari kesalahan
dan berjalan sebagaimana mestinya.
219
5.2 Saran
Berdasarkan kesimpulan-kesimpulan yang telah dikemukakan, dapt
diajukan beberapa saran untuk pengembangan lebih lanjut antara lain :
1. Kajian dan penelitian di tahapan implementasi Sistem Informasi
Kepegawaian.
2. Dalam sistem yang dibuat belum mempertimbangkan keamanan data,
untuk pengembangan selanjutnya diharapkan mempertimbangkan
keamanan data untuk pertukaran data dan informasi dalam sistem.
xxv
DAFTAR PUSTAKA
Booch G, et.all. 2007. Object Oriented Analysis and Design with Application Thir
Edition. Addison Wesley: USA.
Gulo, W. 2002. Metodologi Penelitian. Gramedia Widiasarana Indonesia: Jakarta.
Jogiyanto, H.M., MBA., Akt., Ph.D. 2005. Analisis & Desain Sistem Informasi:
Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Andi:
Yogyakarta
Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Andi: Yogyakarta
Kendall, Kenneth E., dan Kendall, Julie E. 2008. Analisis dan Perancangan
Sistem Sistem. Ed. 5, Jilid. 1. Indeks: Jakarta.
Ladjamudin, AB. 2005. Analisis dan Desain Sistem Informasi. Graha Ilmu:
Yogyakarta
Marwansyah. 2010. Manajemen Sumber Daya Manusia. Ed. 2. Alfabeta:
Bandung.
Mcleod R dan Schell G. 2004. Sistem Informasi Manajemen Ed. 8. Indeks:
Jakarta.
Mulyanto A. 2009. Sistem Informasi Konsep dan Aplikasi. Pustaka Pelajar:
Yogyakarta.
xxvi
xxvi
Munawar. 2005. Pemodelan visual dengan UML. Graha Ilmu: Jakarta.
Nugroho, Eko. 2008. Sistem Informasi Manajemen. Penerbit Andi: Yogyakarta.
Pressman, Roger S. 2002. Rekayasa Perangkat Lunak Pendekatan Praktisi. Andi:
Yogyakarta.
Rivai, Veithzal dan Sagala, E. 2009. Manajemen Sumber Daya Manusia Untuk
Perusahaan. RajaGrafindo Persada: Jakarta.
Sidik, Ir, Betha. 2005. MySQL untuk Pengguna, Administrator, dan Pengembang
Aplikasi Web. Informatika: Bandung.
Supriyanto, Aji. 2005. Pengantar Teknologi Informasi. Salemba Infotek:
Semarang.
Whitten, Jeffrey L., et.all. 2004. Metode Desain & Analisis Sistem. Ed. 6. Andi:
Yogyakarta.
LAMPIRAN I
xxvii
xxvii
WAWANCARA
1
Responden : Ibu. Rima Rizky Amelia
Jabatan : HRD Officer
Penanya : Marwaziah
Tanggal : 14 Januari 2010
Tema : Kepegawaian Bank Muamalat Cabang Pancoran
Tujuan : Mengetahui tentang Sistem Informasi Kepegawaian Bank
Muamalat Cabang Pancoran.
Peneliti : Apakah di perusahaan ini sudah terdapat jaringan yang
terintegrasi antara komputer satu dengan yang lainnya?
HRD : Sudah, berupa LAN yang mengkoneksikan seluruh komputer
Peneliti : Apakah tiap-tiap bagian (finance, personalia, IT, dan lain-lain)
dalam perusahaan ini sudah mempunyai aplikasi tersendiri untuk
tiap-tiap divisi, atau perusahaan sudah mempunyai aplikasi
terpadu untuk seluruh bagian dalam perusahaan?
HRD : Belum, tetapi untuk bagian finance kita sudah mempunyai
progaram aplikasi sendiri. Karena membutuhkan dana dalam
pengembangannya dan perusahaan belum mengembangkan
aplikasi mungkin kedepan akan dilakukan.
Peneliti : Untuk bagian personalia (kepegawaian) apakah sudah
mempunyai aplikasi tersendiri?
HRD : Untuk masalah absensi pegawai kami sudah mempunyai aplikasi
sendiri untuk tiap-tiap divisi. Namun untuk masalah administrasi
pegawai belum, pada bagian itu masih menggunakan kertas atau
arsip dalam pengolahan datanya. Jadi arsip-arsip tersebut sangat
penting bagi kami. Namun kehilangan atau kesulitan dalam
mencari data menjadi kendala bagi kami.
Peneliti : Bagaimana proses seandainya ingin memperoleh informasi data
xxviii
xxviii
pegawai?
HRD : Selama ini kami masih menggunkan hardcopy (kertas) untuk
memperoleh data yang kami inginkan seperti yang saya bilang
tadi bahwa kehilangan ataupun kesulitan dalam mencari data
sering sekali terjadi.
Peneliti : Apakah menurut anda perlu suatu aplikasi untuk mengolah data
pegawai ataupun informasi lain yang berkaitan dengan
kepegawaian?
HRD : Menurut saya perlu karena dengan adanya aplikasi tersebut
kemungkinan besar dapat membantu proses administrasi
kepegawaian di perusahaan kami dengan cepat.
Peneliti : Bagaimana alur apabila pegawai ingin mengajukan cuti?
HRD : Karyawan meminta izin langsung kepada bagian HRD (bagian
kepegawaian) dan mengisi form pengajuan cuti kemudian bagian
kepegawaian memberi laporan kepada manager, selanjutnya
setelah manager validasi kemudian diserahkan pada bagian
kepegawaian untuk di simpan datanya dalam komputer.
selanjutnya form yang telah tervalidasi diberikan pada pegawai
tersebut.
Peneliti : Bagaimana alur apabila pegawai sudah memasuki masa pensiun?
HRD : Masalah pensiun kami disini juga masih manual, sistem
informasi hanya digunakan untuk melihat tanggal lahir pegawai
guna mengetahui apakah sudah waktunya pensiun atau belum.
Peneliti : Pada sistem yang berjalan saat ini adakah masalah lain yang di
hadapi?
HRD : Masalah yang dihadapi adalah masih kurangnya pencetakan
laporan yang sesuai dengan format yang diminta. Sehingga
laporan masih diketik ulang dengan menggunakan Microsoft
Word dan Excel.
Peneliti : Apakah saran dan harapan untuk sistem kepegawaian yang akan
penulis kembangkan?
HRD : Idealnya sistem informasi bisa memenuhi keperluan database
kapegawaian dan jika atasan meminta laporan data pegawai
xxix
xxix
maka akan dilayani dengan cepat sesuai dengan format yang
dibutuhkan.
Peneliti : Baik bu terimakasih.
HRD : Ya terimakasih kembali.
LAMPIRAN 2
xxx
xxx
PERANCANGAN INPUT/OUTPUT
1. Halaman Login
LOGIN
NIP
Password
Level
Gambar L2.1 Login
2. Halaman Utama Bagian Kepegawaian
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HELP
SELAMAT DATANG
Anda berada pada Home Admin dari Rancang Bangun Sistem
Informasi Kepegawaian Bank Muamalat
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
Anda memiliki hak penuh untuk dapat melakukan input, edit, delete, dan
search pada Data Master. Serta dapat mengatur setiap pegawai yang
terseleksi secara otomatis untuk disimpan dalam database dan
pembuatan surat, sekaligus dapat melihat laporan dan mencetaknya.
Terima kasih dan Selamat Mencoba !
Gambar L2.2 Halaman Utama Bagian Kepegawaian
xxxi
xxxi
3. Halaman Utama Pegawai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
NO NIPNama
Pegawai
Nama
Atasan
Tempat
Tgl LahirKelamin Kesatuan Jabatan
DAFTAR PEGAWAI
Pendidikan
TerakhirAlamat
Status
PegawaiOpersai
X XX XX XX XXXX XX XX XX XXXXXX
Gambar L2.3 Halaman Utama Pegawai
4. Halaman Input Pegawai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA PEGAWAI
Tempat/Tgl Lahir
Nama Pegawai
NIP
Pendidikan Jenjang
Alamat Tinggal
Pendidikan Umum
Status Kawin
Agama
Kelamin
Jabatan
Kesatuan
Tanggal Masuk
Alamat Asal
Status Pegawai
Tanggal Input
NIP Atasan
Simpan
Tidak Kawin Kawin
TETAP HONORER
Pria Wanita
Gambar L2.4 Halaman Input Pegawai
xxxii
xxxii
5. Halaman Ubah Pegawai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA PEGAWAI
Tempat/Tgl Lahir
Nama Pegawai
NIP
Pendidikan Jenjang
Alamat Tinggal
Pendidikan Umum
Status Kawin
Agama
Kelamin
Jabatan
Kesatuan
Tanggal Masuk
Alamat Asal
Status Pegawai
Tanggal Input
NIP Atasan
Simpan
Tidak Kawin Kawin
TETAP HONORER
Pria Wanita
Gambar L2.5 Halaman Ubah Pegawai
6. Halaman Search Pegawai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNamaNIP
Gambar L2.6 Halaman Search Pegawai
xxxiii
xxxiii
7. Halaman Utama Riwayat Jabatan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
Daftar Riwayat Jabatan
No NIP Nama JabatanTMT
JabatanLokasi
Keterangan
LokasiNOSKEPSPRINT Operasi
X XXXX
XXXXXXXXXXXXXX
Gambar L2.7 Halaman Utama Riwayat Jabatan
8. Halaman Tambah Riwayat Jabatan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA JABATAN
ID
Pegawai
Jabatan
TMT Jabatan
Lokasi
Keterangan Lokasi
NOSKEPSPRINT
[Pilih pegawai]
Tambah
:
:
:
:
:
:
Gambar L2.8 Halaman Tambah Riwayat Jabatan
xxxiv
xxxiv
9. Halaman Ubah Riwayat Jabatan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
UBAH RIWAYAT JABATAN
Id
Pegawai
Jabatan
TMT Jabatan
Lokasi
Keterangan Lokasi
NOSKEPSPRINT
[Pilih pegawai]
Simpan
:
:
:
:
:
:
Gambar L2.9 Halaman Ubah Riwayat Jabatan
10. Halaman Search Riwayat Jabatan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNIP
Gambar L2.10 Halaman Search Riwayat Jabatan
11. Halaman Utama Riwayat Pendidikan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
Daftar Riwayat Pendidikan
No NIP Nama PendidikanTMT
Pendidikan
Jenis
PendidikanOperasi
X XXXX
XXXXXXXXXX
Gambar L2.11 Halaman Utama Riwayat Pendidikan
xxxv
xxxv
12. Halaman Tambah Riwayat Pendidikan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA PENDIDIKAN
ID
Pegawai
Nama Pendidikan
TMT Pendidikan
Jenis Pendidikan
[Pilih pegawai]
Tambah
:
:
:
:
Gambar L2.12 Halaman Riwayat Pendidikan
13. Halaman Ubah Riwayat Pendidikan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
UBAH DATA PENDIDIKAN
Id
Pegawai
Pendidikan
TMT Pendidikan
Jenis Pendidikan
[Pilih pegawai]
Simpan
:
:
:
:
Gambar L2.13 Halaman Ubah Riwayat Pendidikan
xxxvi
xxxvi
14. Halaman Search Riwayat Pendidikan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNIP
Gambar L2.14 Halaman Search Riwayat Pendidikan
15. Halaman Utama Riwayat Keluarga
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
Daftar Riwayat Keluarga
No NIP Nama AnggotaHubungan
KeluargaKelamin Tgl Lahir Operasi
X XXXX
XXXXXXXXXX
Gambar L2.15 Halaman Utama Riwayat Keluarga
xxxvii
xxxvii
16. Halaman Tambah Riwayat Keluarga
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
INPUT DATA KELUARGA
ID
Pegawai
Nama Anggota Keluarga
Hubungan Keluarga
Kelamin
Tanggal Lahir
[Pilih pegawai]
Tambah
:
:
:
:
:
Pria Wanita
Gambar L2.16 Halaman Tambah Riwayat Keluarga
17. Halaman Ubah Riwayat Keluarga
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
UBAH DATA KELUARGA
ID
Pegawai
Nama Keluarga
Hubungan Keluarga
Kelamin
Tanggal Lahir
[Pilih pegawai]
Simpan
:
:
:
:
:
Pria Wanita
Gambar L2.17 Halaman Ubah Riwayat Keluarga
xxxviii
xxxviii
18. Halaman Search Riwayat Keluarga
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNIP
Gambar L2.18 Halaman Search Riwayat Keluarga
19. Halaman Utama Input Berita
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
Daftar Berita
No Tanggal-Jam Judul Berita Isi Berita Operasi
X XX DetailXXXX
Gambar L2.19 Halaman Utama Input Berita
xxxix
xxxix
20. Halaman Tambah Berita
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
INPUT DATA BERITA
Kode Urut Berita
Judul Berita
Berita Lengkap
Simpan
DAFTAR BERITA
No Tanggal-Jam Judul Berita Isi Berita
X XX XX XX
Gambar L2.20 Halaman Tambah Berita
21. Halaman Ubah Berita
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
UBAH DATA BERITA
Kode Urut Berita
Judul Berita
Berita Lengkap
Simpan
Gambar L2.21 Halaman Ubah Berita
xl
xl
22. Halaman Input Pemakai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
INPUT DATA PEMAKAI
Id Pemakai
Pegawai
Level
Simpan
[Pilih Pegawai]
SEARCH
PEGAWAI
Gambar L2.22 Halaman Input Pemakai
23. Halaman Ubah Pemakai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
UBAH DATA PEMAKAI
Id Pemakai
Pegawai
User Id
XX
[Pilih Pegawai]
SEARCH
Pasword
Level
XX
XX
PEGAWAI
Gambar L2.23 Halaman Ubah Pemakai
xli
xli
24. Halaman Search Pemakai
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH SEARCHUBAH
SearchNIP
Gambar L2.24 Halaman Search Pemakai
25. Halaman Input Jenis Cuti
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
INPUT DATA CUTI
Kode Jenis
Nama Cuti
Lama Cuti
Simpan
DAFTAR JENIS CUTI
No Nama Jenis Cuti Lama Cuti Keterangan
X XX XX XX
Keterangan
hari
Gambar L2.25 Halaman Input Jenis Cuti
xlii
xlii
26. Halaman Ubah Jenis Cuti
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
TAMBAH UBAH
UBAH DATA CUTI
Kode Jenis
Nama Cuti
Lama Cuti
Simpan
Keterangan
hari
Gambar L2.26 Halaman Ubah Jenis Cuti
27. Halaman Utama Status Cuti
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
DAFTAR CUTI YANG DISETUJUI
No NIP Kode Tahun Jenis Cuti
X XXXX
XXXXXX
Tanggal
Pengajuan
XX
Tanggal
Mulai
XX
Tanggal
Akhir
XX
Alasan
XX
Status
XX
Operasi
Detail
Gambar L2.27 Halaman Utama Status Cuti
xliii
xliii
28. Halaman Hasil Pengajuan cuti (Status Cuti)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
HASIL PENGAJUAN CUTI
Kode Pengajuan
Status Persetujuan Atasan
Status Persetujuan
Tahun
NIP
Jenis Cuti
Tanggal Pengajuan
Tanggal Mulai Cuti
Tanggal Selesai Cuti
Lama Cuti
Tujuan (alamat Lengkap)
Tempat Pemberangkatan
Berkendaraan
Pengikut
Keterangan Lain
Koordinasi atasan
Cetak Surat
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XXX
XXX
XXX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
- XX - XXXX
- XX - XXXX
- XX - XXXX
Gambar L2.28 Halaman Hasil Pengajuan cuti (Status Cuti)
29. Halaman Utama Pegawai Pensiun
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
DAFTAR PEGAWAI PENSIUN
No NIP Nama Pegawai KesatuanJabatan
Terakhir
X XXXX
XXXXXX
Tanggal
Lahir
XX
Tanggal
Pensiun
XX
Proses
Detail
Previous Next >>
Gambar L2.29 Halaman Utama Pegawai Pensiun
30. Halaman Utama Perpindahan (mutasi)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
MUTASI SEARCH
>> Input Syarat Pengajuan Promosi<<
1. Jabatan
Daftar Pegawai Perpindahan
Submit
:
Gambar L2.30 . Halaman Utama Perpindahan (mutasi)
xliv
xliv
31. Halaman Utama Perpindahan (promosi)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
MUTASI SEARCH
Nama
Daftar Pegawai Perpindahan
Pendidikan Umum
Submit
Gambar L2.31 . Halaman Utama Perpindahan (promosi)
32. Halaman Perpindahan (daftar pegawai)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
SEARCH Kembali
Hasil Pencarian :
DAFTAR PEGAWAI
No NIP Nama Pegawai Kesatuan JabatanPendidikan
Jenjang
Status
PegawaiOperasi
XX XX XXX XX XX XX XX Detail
Gambar L2.32 . Halaman Perpindahan (daftar pegawai)
xlv
xlv
33. Halaman Perpindahan (input jabatan baru)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
INPUT JABATAN BARU
ID
NIP Pegawai
Nama Pegawai
Tanggal Pindah
Jabatan
TMT Jabatan
Pendidikan Umum
Pendidikan Jenjang
Jenis Pindah
Jabatan Baru
Tanggal Pindah
Keterangan
:
:
:
:
:
:
:
:
:
:
:
XX
XX
XXXX - XX - XX
XX
XXXX - -XX XX
XX
XX
Promosi Mutasi
Tambah
Gambar L2.33 . Halaman Perpindahan (input jabatan baru)
34. Halaman Daftar Pegawai Perpindahan
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
DAFTAR PEGAWAI PERPINDAHAN
No NIP Nama Pegawai KesatuanJabatan
Lama
Jenis
Pindah
Jabatan
Barju
Tanggal
Pindah
XX XX XXX XX XX XX XX XX
Keterangan Proses
XX Cetak
Gambar L2.34 . Halaman Daftar Pegawai Perpindahan
35. Halaman Utama Daftar Pegawai
DAFTAR PEGAWAI
No
X
NIP
XX
Nama PegawaiTempat Tgl
LahirKelamin Kesatuan Jabatan
Pendidikan
TerakhirAlamat
XXX XXX-XX-XX XXX XXX XXX XXX XXX
Gambar L2.35 . Halaman Utama Daftar Pegawai
xlvi
xlvi
36. Halaman Utama Cetak CV
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
Pilih NIP
Go
NIP
Gambar L2.36 . Halaman Utama Cetak CV
37. Halaman Cetak CV (data pegawai Bank Muamalat Cabang Pancoran)
Header
LOGO
BANK MUAMALAT
NIP 444
Status Login HRD ADMINISTRATOR
HOME
DATA MASTER
Pegawai
Riwayat Jabatan
Riwayat Pendidikan
Riwayat Keluarga
Input Berita
Pemakai
Jenis Cuti
DATA KEPEGAWAIAN
Status Cuti
Logout
LOGOUT
Cetak CV
Data Pegawai
LAPORAN
Perpindahan
Pegawai Pensiun
DATA PEGAWAI BANK MUAMALAT CABANG PANCORAN
NIP Pegawai
Nama Pegawai
Tempat/Tgl Lahir
Kesatuan
Jabatan
TMT Jabatan
Kelamin
Agama
Status Kawin
Pendidikan Umum
Pendidikan Jenjang
Alamat Tinggal
Alamat Asal
Tanggal Masuk
Status Pegawai
:
:
:
:
:
:
:
:
:
:
:
:
:
:
:
XX
XXX
XXX
XXX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
XX
/ XX - XX - XXXX
- XX - XXXX
- XX - XXXX
Riwayat Jabatan
No Jabatan TMT Jabatan Lokasi Keterangan Lokasi Noskep Sprint
X XX XX-XX-XXXX XX XX XX
Riwayat Pendidikan
No Sekolah TMT Sekolah Jenis Pendidikan
X XX XX-XX-XXXX XX
Riwayat Keluarga
No Nama Anggota Hubungan Keluarga Jenis Kelamin Tgl Lahir
X XX XX XX XX-XX-XXXX
CETAK REPORT
Gambar L2.37 . Halaman Cetak CV (data pegawai Bank Muamalat Cabang
Pancoran)
xlvii
xlvii
LAMPIRAN 3
USER INTERFACE
1. Halaman Login
Gambar L3.1 Halaman Login
2. Halaman Utama Login HRD (Administrator)
Gambar L3.2 Halaman Utama Login HRD (Administrator)
xlviii
xlviii
3. Halaman Utama Menu Pegawai
Gambar L3.3 Halaman Utama Menu Pegawai
4. Halaman Input Data Pegawai
Gambar L3.4 Halaman Input Data Pegawai
xlix
xlix
5. Halaman Ubah Data Pegawai
Gambar L3.5 Halaman Ubah Data Pegawai
6. Halaman Search Data Pegawai
Gambar L3.6 Halaman Search Data Pegawai
l
l
SOURCE CODE RANCANG BANGUN SISTEM INFORMASI
KEPEGAWAIAN BANK MUAMALAT INDONESIA
Coding Halaman Utama Sistem Kepegawaian Bank Muamalat Indonesia
220
<?php
include_once "../inc/inc.session_a.php";
include_once "../inc/inc.konekdb.php";
include_once "header.php";
$nip_login_a =$_SESSION['nip_login_a'];
$level_login_a=$_SESSION['level_login_a'];
?>
<html>
<head>
<title>Sistem Informasi Kepegawaian Bank Muamalat</title>
<LINK href="../style/css_intraca.css" rel=StyleSheet type=text/css>
<style type="text/css">
<!--
.style2 {color: #660099; font-family: Arial, Helvetica, sans-serif; font-size:
18px;}
.style3 {
font-size: 19px;
font-weight: bold;
color: #660066;
}
.style5 {
color: #660099;
221
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.style8 {color: #660099; font-family: Arial, Helvetica, sans-serif; font-size: 13px;
font-weight: bold; }
.style9 {
font-size: 14px;
font-weight: bold;
}
.style10 {
font-size: 18px;
font-weight: bold;
}
.style11 {
color: #FFFFFF;
font-weight: bold;
}
-->
</style>
</head>
<body>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="1"
222
class="keliling">
<tr align="right" class="menu_head">
<td colspan="2">
<div align="right"><font size="+1"><?php echo date('d F Y') ?></font>
</div>
<table width="926" border="0" align="right" cellpadding="0"
cellspacing="1" bgcolor="#FFFFFF">
<tr bgcolor="#CCCCFF">
<td width="615" rowspan="2" bgcolor="#FFFFFF" class="style2"><span
class="style3">
<marquee direction="left">
<div align="center">Rancang Bangun Sistem Informasi Kepegawaian
Bank Muamalat
</div>
</marquee>
</span></td>
<td width="21" rowspan="2" bgcolor="#FFFFFF"> </td>
<td width="81" bgcolor="#993366"><span
class="style11">NIP</span></td>
<td width="204" bgcolor="9999CC"><b>: <?php echo "$nip_login_a";
?></b></td>
</tr>
<tr bgcolor="9999CC">
223
<td bgcolor="993366"><span class="style11">Status Login</span></td>
<td><b>:
<?php
if($level_login_a="ADMINISTRATOR")
{
$stt="HRD";
}
else if($level_login_a="MANAGER")
{
$stt="MANAGER";
}
else if($level_login_a="PEGAWAI")
{
$stt="PEGAWAI";
}
echo "$stt"; ?>
<?php echo "$level_login_a"; ?></b></td>
</tr>
</table> </td>
</tr>
<tr class="brs_isi">
<td width="156" align="center" valign="top"><table width="176" border="0"
align="center" cellpadding="0" cellspacing="1" class="keliling">
224
<tr class="batas2">
<td width="177" align="center" bgcolor="#9999CC"><img
src="../images/admin.png" width="24" height="18"><a href="index2.php"
target="isi" class="style10"> HOME</a></td>
</tr>
<tr class="batas">
<td width="177" align="center" bgcolor="#993366"><span
class="style9">DATA MASTER</span></td>
</tr>
<tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"> <a href="FmEdKaryawan.php?hal=utampil" target="isi"
class="style5">
Pegawai</a></td>
</tr>
<!-- <tr class="brs_isi">
<td height="18" class="style8"><span class="style8"><img
src="../images/Ok_32x32.png" width="13" height="13"></span><span
class="style8"><a href="editrpangkat.php?hal=utampil" target="isi">
Riwayat Kepangkatan</a></span></td>
</tr>--><tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"><a href="editrjabatan.php?hal=utampil" target="isi">
225
Riwayat Jabatan</a></td>
</tr>
<tr class="brs_isi">
<td height="17" class="style8"><img src="../images/add_32x32.png"
width="13" height="13"><a href="editrpendidikan.php?hal=utampil" target="isi"
class="style8">
Riwayat Pendidikan</a></td>
</tr>
<tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"><a href="editrkeluarga.php?hal=utampil" target="isi">
Riwayat Keluarga</a></td>
</tr>
<tr class="brs_isi">
<td height="16" class="style8"><img src="../images/add_32x32.png"
width="13" height="13"><a href="FmEdBerita.php?hal=utampil" target="isi">
Input Berita</a></td>
</tr>
<tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"><a href="FmInPemakai.php" target="isi"> Pemakai</a></td>
</tr>
<tr class="brs_isi">
226
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"><a href="FmInJenisCuti.php" target="isi"> Jenis
Cuti</a></td>
</tr>
<tr class="brs_isi">
<td> </td>
</tr>
<tr class="batas">
<td width="177" align="center" bgcolor="993366" class="style9"
><b>DATA KEPEGAWAIAN </b></td>
</tr>
<tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"><a href="arsip_cuti_pengajuan.php" target="isi"> Status Cuti
</a></td>
</tr>
<!--<tr class="brs_isi">
<td class="style8"><img src="../images/Ok_32x32.png" width="13"
height="13"><a href="pangkat_proses.php" target="isi"> Kenaikan
Pangkat</a></td>
</tr>-->
<tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
227
height="13"><a href="pensiun_proses.php" target="isi"> Pegawai
Pensiun</a></td>
</tr>
<tr class="brs_isi">
<td><span class="style8"><img src="../images/add_32x32.png"
width="13" height="13"></span><a href="search_promosi.php" target="isi"
class="style8"> Perpindahan</a></td>
</tr>
<tr class="brs_isi">
<td><span class="style8"><img src="../images/add_32x32.png"
width="13" height="13"></span><a href="lapkar.php" target="isi"
class="style8"> Grafik Pegawai</a></td>
</tr>
<tr class="brs_isi">
<td> </td>
</tr>
<tr class="batas">
<td align="center" bgcolor="993366" ><b
class="style9">LAPORAN</b></td>
</tr>
<tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"><a href="lap_pegawai.php" target="_blank"> Data
228
Pegawai</a></td>
</tr>
<tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"><a href="inputcetak.php" target="isi" >
Cetak CV</a></td>
</tr>
<tr class="brs_isi">
<td> </td>
</tr>
<tr class="brs_isi">
<td></td>
</tr>
<tr class="batas">
<td align="center" bgcolor="993366"><b
class="style9">LOGOUT</b></td>
</tr>
<tr class="brs_isi">
<td class="style8"><img src="../images/add_32x32.png" width="13"
height="13"><a href="../cek_logout.php?uid=a" target="_self">Logout</a></td>
</tr>
</table>
<br> </td>
229
<td width="641" valign="top"> <div align="center">
<iframe width="100%" height="420" src="index2.php" name="isi"
scrolling="auto" frameborder="1"> </iframe>
</div></td>
</tr>
</table>
</body>
</html>
<?php
include_once "footer.php"
?>
Top Related