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">&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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"

?>