ABSTRAK Rakun Studio merupakan sebuah studio interaktif yang berlokasi di Bandung. Bidang pekerjaan Rakun Studio antara lain desain, website, video, animasi, dan aplikasi. Selama kurang lebih setahun berjalan, semua proses dilakukan secara manual dan tidak terdokumentasi secara rinci. Tujuan disusunnya karya tulis ini adalah untuk menyelesaikan permasalahan yang ada di Rakun Studio dengan cara membuat sebuah aplikasi manajemen berbasis web untuk mengelola berbagai kegiatan di Rakun Studio. Kegiatankegiatan yang ditangani oleh aplikasi adalah kegiatan yang berhubungan dengan kepegawaian, proyek, klien, pemasukan dan pengeluaran kantor. Aplikasi manajemen yang dibuat juga menangani pembuatan dokumen secara otomatis berdasarkan data-data yang dimasukkan pengguna ke dalam aplikasi. Penulis mengambil sumber data dari Rakun Studio sebagai obyek studi kasus. Penulis juga mendapat informasi pendukung dari berbagai sumber, baik cetak maupun digital, yang berhubungan dengan pengerjaan karya tulis ilmiah ini. Dengan menggunakan aplikasi ini, semua proses yang berjalan di Rakun Studio akan terdokumentasi dengan baik di dalam aplikasi. Kata kunci: aplikasi manajemen, studio interaktif , proyek
Universitas Kristen Maranatha
ABSTRACT Rakun Studio is an interactive studio located in Bandung. Rakun Studio expertise are design, website development, video, animation, and application development. For about one year, every process were done manually and not well documented. The purpose of this paper is to solve the problems in Rakun Studio by developing web based management application to manage vary task in Rakun Studio. Activities that are managed by the application are staffing, projects, clients, company income and expense. The application also create the related document automatically based on the data inputted by the user. The author took the data from Rakun Studio as the case study. Author also gathered information from various sources, both printed and digital, that are related with this paper. By using this application, every process that runs in Rakun Studio will be well documented in the application. Keywords: management application, interactive studio, project
Universitas Kristen Maranatha
Daftar Isi Daftar Isi…………………..………………………………………………………………….i Daftar Gambar ............................................................................................................vii Daftar Tabel..................................................................................................................xi BAB I PENDAHULUAN................................................................................................ 1 1.1
Latar Belakang Masalah................................................................................ 1
1.2
Rumusan Masalah ........................................................................................ 2
1.3
Tujuan Pembahasan ..................................................................................... 2
1.4
Ruang Lingkup Kajian ................................................................................... 3
1.5
Sumber Data ................................................................................................. 4
1.6
Sistematika Penyajian ................................................................................... 4
BAB II KAJIAN TEORI ................................................................................................. 6 2.1
Fungsi Manajemen ........................................................................................ 6
2.2
Flowchart ....................................................................................................... 7
2.3
Unified Modeling Language (UML) ............................................................... 9
2.3.1
Use Case Diagram ............................................................................... 10
2.3.2
Activity Diagram ................................................................................... 11
2.3.3
Class Diagram ...................................................................................... 12
2.4
Basis Data ................................................................................................... 13
2.4.1
Entity Relationship Diagram (ERD) ..................................................... 13
2.4.2
MySQL.................................................................................................. 14
2.5
PHP.............................................................................................................. 15
2.5.1
Arsitektur Model-View-Controller ......................................................... 16
2.5.2
CodeIgniter ........................................................................................... 16
2.6
HyperText Markup Language (HTML) ........................................................ 17
2.7
Cascading Style Sheets (CSS) ................................................................... 17
2.8
JavaScript .................................................................................................... 18
2.9
Black Box Testing ........................................................................................ 19
BAB III ANALISIS DAN RANCANGAN SISTEM ....................................................... 20 3.1
Desain Tampilan Edit Gaji Pengguna ......................................................... 20
3.1.1
Tahapan Proyek ................................................................................... 20
3.1.2
Proses Perekrutan Pegawai ................................................................ 23
3.1.3
Proses Pencatatan Kehadiran ............................................................. 25
3.2
Use Case Aplikasi Manajemen Rakun Studio ............................................ 26
3.2.1
Use Case Mengelola Pengguna .......................................................... 28
3.2.2
Use Case Mengelola Gaji Pegawai ..................................................... 28
i Universitas Kristen Maranatha
3.2.3
Use Case Mengelola Pelamar ............................................................. 29
3.2.4
Use Case Mengelola Pengeluaran ...................................................... 30
3.2.5
Use Case Mengelola Kontak ............................................................... 30
3.2.6
Use Case Mengelola Perusahaan ....................................................... 31
3.2.7
Use Case Mengelola Proyek ............................................................... 32
3.2.8
Use Case Mengelola Detail Proyek ..................................................... 32
3.2.9
Use Case Mengelola Pengguna Proyek.............................................. 33
3.3
Activity Diagram Aplikasi Manajemen Rakun Studio .................................. 34
3.3.1
Activity Diagram Mengelola Pengguna................................................ 34
3.3.2
Activity Diagram Mengelola Gaji Pegawai........................................... 35
3.3.3
Activity Diagram Mengelola Pelamar................................................... 36
3.3.4
Activity Diagram Mengelola Pengeluaran ........................................... 37
3.3.5
Activity Diagram Mengelola Kontak ..................................................... 38
3.3.6
Activity Diagram Mengelola Perusahaan............................................. 39
3.3.7
Activity Diagram Mengelola Proyek ..................................................... 40
3.3.8
Activity Diagram Mengelola Detail Proyek .......................................... 41
3.3.9
Activity Diagram Mengelola Pengguna Proyek ................................... 42
3.4
Class Diagram Aplikasi Manajemen Rakun Studio .................................... 43
3.5
ERD Aplikasi Manajemen Rakun Studio .................................................... 44
3.6
Desain Tampilan Aplikasi Manajemen Rakun Studio ................................. 46
3.6.1
Desain Tampilan Login ........................................................................ 46
3.6.2
Desain Tampilan Home ....................................................................... 46
3.6.3
Desain Tampilan Check out................................................................. 49
3.6.4
Desain Tampilan Profil Pengguna ....................................................... 50
3.6.5
Desain Tampilan Ganti Password ....................................................... 51
3.6.6
Desain Tampilan Daftar Proyek ........................................................... 52
3.6.7
Desain Tampilan Tambah Proyek ....................................................... 53
3.6.8
Desain Tampilan Edit Proyek .............................................................. 54
3.6.9
Desain Tampilan Detail Proyek ........................................................... 55
3.6.10
Desain Tampilan Daftar Pengguna Proyek ..................................... 56
3.6.11
Desain Tampilan Mengelola Pengguna Proyek .............................. 57
3.6.12
Desain Tampilan Daftar Tugas Pengguna Proyek .......................... 58
3.6.13
Desain Tampilan Tambah Tugas Pengguna Proyek....................... 59
3.6.14
Desain Tampilan Edit Tugas Pengguna Proyek .............................. 60
3.6.15
Desain Tampilan Daftar Agenda Pengguna Proyek ........................ 61
3.6.16
Desain Tampilan Tambah Agenda Pengguna Proyek .................... 62
3.6.17
Desain Tampilan Edit Agenda Pengguna Proyek ........................... 62
ii Universitas Kristen Maranatha
3.6.18
Desain Tampilan Detail Agenda Pengguna Proyek ........................ 63
3.6.19
Desain Tampilan Daftar Pembayaran Proyek ................................. 64
3.6.20
Desain Tampilan Tambah Pembayaran Proyek .............................. 65
3.6.21
Desain Tampilan Edit Pembayaran Proyek ..................................... 66
3.6.22
Desain Tampilan Cetak Invoice ....................................................... 67
3.6.23
Desain Tampilan Cetak Receipt....................................................... 68
3.6.24
Desain Tampilan Daftar Biaya Proyek ............................................. 69
3.6.25
Desain Tampilan Tambah Biaya Proyek ......................................... 70
3.6.26
Desain Tampilan Edit Biaya Proyek................................................. 71
3.6.27
Desain Tampilan Daftar Pengeluaran .............................................. 72
3.6.28
Desain Tampilan Tambah Pengeluaran .......................................... 73
3.6.29
Desain Tampilan Edit Pengeluaran ................................................. 74
3.6.30
Desain Tampilan Daftar Kontak ....................................................... 75
3.6.31
Desain Tampilan Tambah Kontak.................................................... 76
3.6.32
Desain Tampilan Edit Kontak ........................................................... 77
3.6.33
Desain Tampilan Detail Kontak ........................................................ 78
3.6.34
Desain Tampilan Daftar Perusahaan ............................................... 79
3.6.35
Desain Tampilan Tambah Perusahaan ........................................... 79
3.6.36
Desain Tampilan Edit Perusahaan .................................................. 80
3.6.37
Desain Tampilan Detail Perusahaan ............................................... 81
3.6.38
Desain Tampilan Daftar Kontak Perusahaan .................................. 82
3.6.39
Desain Tampilan Tambah Kontak Perusahaan ............................... 82
3.6.40
Desain Tampilan Daftar Pelamar ..................................................... 83
3.6.41
Desain Tampilan Tambah Pelamar ................................................. 84
3.6.42
Desain Tampilan Edit Pelamar......................................................... 85
3.6.43
Desain Tampilan Detail Pelamar ..................................................... 86
3.6.44
Desain Tampilan Terima Pelamar ................................................... 87
3.6.45
Desain Tampilan Daftar Pengguna .................................................. 88
3.6.46
Desain Tampilan Tambah Pengguna .............................................. 89
3.6.47
Desain Tampilan Edit Pengguna ..................................................... 90
3.6.48
Desain Tampilan Detail Pengguna .................................................. 91
3.6.49
Desain Tampilan Daftar Kehadiran Pengguna 1 ............................. 92
3.6.50
Desain Tampilan Daftar Kehadiran Pengguna 2 ............................. 93
3.6.51
Desain Tampilan Edit Catatan Kehadiran........................................ 94
3.6.52
Desain Tampilan Ketidakhadiran Pengguna ................................... 95
3.6.53
Desain Tampilan Daftar Gaji Pengguna .......................................... 95
3.6.54
Desain Tampilan Tambah Gaji Pengguna ....................................... 96
iii Universitas Kristen Maranatha
3.6.55
Desain Tampilan Edit Gaji Pengguna .............................................. 97
BAB IV HASIL PENELITIAN ...................................................................................... 99 4.1
Implementasi Basis Data............................................................................. 99
4.1.1
Tabel users........................................................................................... 99
4.1.2
Tabel roles.......................................................................................... 100
4.1.3
Tabel attendances.............................................................................. 100
4.1.4
Tabel tasks ......................................................................................... 100
4.1.5
Tabel events ....................................................................................... 101
4.1.6
Tabel projects ..................................................................................... 101
4.1.7
Tabel users_has_projects .................................................................. 102
4.1.8
Tabel project_statuses ....................................................................... 102
4.1.9
Tabel payments.................................................................................. 103
4.1.10
Tabel payment_statuses ................................................................ 103
4.1.11
Tabel invoices................................................................................. 103
4.1.12
Tabel receipts ................................................................................. 104
4.1.13
Tabel costs ..................................................................................... 104
4.1.14
Tabel contacts ................................................................................ 105
4.1.15
Tabel companies ............................................................................ 105
4.1.16
Tabel contacts_has_companies .................................................... 106
4.1.17
Tabel expenses .............................................................................. 106
4.1.18
Tabel salaries ................................................................................. 106
4.1.19
Tabel users_has_salaries .............................................................. 107
4.1.20
Tabel applicants ............................................................................. 107
4.2
Implementasi Aplikasi Manajemen Rakun Studio .................................... 108
4.2.1
Halaman Login ................................................................................... 108
4.2.2
Halaman Home .................................................................................. 109
4.2.3
Halaman Check Out ........................................................................... 111
4.2.4
Halaman Profil Pengguna .................................................................. 112
4.2.5
Halaman Ganti Password .................................................................. 112
4.2.6
Halaman Daftar Proyek...................................................................... 113
4.2.7
Halaman Tambah Proyek .................................................................. 114
4.2.8
Halaman Edit Proyek ......................................................................... 116
4.2.9
Halaman Detail Proyek ...................................................................... 117
4.2.10
Halaman Pengguna Proyek ........................................................... 117
4.2.11
Halaman Mengelola Pengguna Proyek ......................................... 118
4.2.12
Halaman Daftar Tugas Pengguna Proyek ..................................... 119
4.2.13
Halaman Tambah Tugas Pengguna Proyek.................................. 120
iv Universitas Kristen Maranatha
4.2.14
Halaman Edit Tugas Pengguna Proyek......................................... 121
4.2.15
Halaman Daftar Agenda Pengguna Proyek................................... 122
4.2.16
Halaman Tambah Agenda Pengguna Proyek ............................... 122
4.2.17
Halaman Edit Agenda Pengguna Proyek ...................................... 123
4.2.18
Halaman Detail Agenda Pengguna Proyek ................................... 124
4.2.19
Halaman Daftar Pembayaran Proyek ............................................ 125
4.2.20
Halaman Tambah Pembayaran Proyek......................................... 126
4.2.21
Halaman Edit Pembayaran Proyek ................................................ 128
4.2.22
Halaman Cetak Invoice .................................................................. 129
4.2.23
Halaman Cetak Receipt ................................................................. 130
4.2.24
Halaman Daftar Biaya Proyek ........................................................ 131
4.2.25
Halaman Tambah Biaya Proyek .................................................... 132
4.2.26
Halaman Edit Biaya Proyek ........................................................... 133
4.2.27
Halaman Daftar Pengeluaran......................................................... 134
4.2.28
Halaman Tambah Pengeluaran ..................................................... 135
4.2.29
Halaman Edit Pengeluaran ............................................................ 137
4.2.30
Halaman Daftar Kontak .................................................................. 138
4.2.31
Halaman Tambah Kontak .............................................................. 138
4.2.32
Halaman Edit Kontak...................................................................... 139
4.2.33
Halaman Detail Kontak................................................................... 140
4.2.34
Halaman Daftar Perusahaan.......................................................... 141
4.2.35
Halaman Tambah Perusahaan ...................................................... 142
4.2.36
Halaman Edit Perusahaan ............................................................. 143
4.2.37
Halaman Detail Perusahaan .......................................................... 144
4.2.38
Halaman Daftar Kontak Perusahaan ............................................. 144
4.2.39
Halaman Tambah Kontak Perusahaan.......................................... 145
4.2.40
Halaman Daftar Pelamar................................................................ 146
4.2.41
Halaman Tambah Pelamar ............................................................ 147
4.2.42
Halaman Edit Pelamar ................................................................... 148
4.2.43
Halaman Detail Pelamar ................................................................ 150
4.2.44
Halaman Terima Pelamar .............................................................. 151
4.2.45
Halaman Daftar Pengguna............................................................. 152
4.2.46
Halaman Tambah Pengguna ......................................................... 153
4.2.47
Halaman Edit Pengguna ................................................................ 155
4.2.48
Halaman Detail Pengguna ............................................................. 157
4.2.49
Halaman Daftar Kehadiran Pengguna 1 ........................................ 158
4.2.50
Halaman Daftar Kehadiran Pengguna 2 ........................................ 159
v Universitas Kristen Maranatha
4.2.51
Halaman Edit Catatan Kehadiran .................................................. 159
4.2.52
Halaman Ketidakhadiran Pengguna .............................................. 160
4.2.53
Halaman Daftar Gaji Pengguna ..................................................... 161
4.2.54
Halaman Tambah Gaji Pengguna.................................................. 162
4.2.55
Halaman Edit Gaji Pengguna ......................................................... 163
BAB V PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ............................... 165 5.1
Penanganan Kesalahan Input................................................................... 165
5.1.1
Penanganan Kesalahan Input Bertipe Tanggal ................................ 165
5.1.2
Penanganan Kesalahan Input Bertipe Kontak .................................. 165
5.2
Validasi Form ............................................................................................. 166
5.2.1
Validasi Form Login ........................................................................... 166
5.2.2
Validasi Form Check Out ................................................................... 168
5.2.3
Validasi Form Ganti Password .......................................................... 169
5.2.4
Validasi Form Tambah dan Edit Proyek ............................................ 169
5.2.5
Validasi Form Tambah dan Edit Tugas Pengguna Proyek ............... 170
5.2.6
Validasi Form Tambah dan Edit Agenda Pengguna Proyek............. 171
5.2.7
Validasi Form Tambah dan Edit Pembayaran Proyek ...................... 172
5.2.8
Validasi Form Cetak Invoice .............................................................. 173
5.2.9
Validasi Form Tambah dan Edit Biaya Proyek .................................. 174
5.2.10
Validasi Form Tambah dan Edit Pengeluaran ............................... 175
5.2.11
Validasi Form Tambah dan Edit Kontak ........................................ 176
5.2.12
Validasi Form Tambah dan Edit Perusahaan ................................ 177
5.2.13
Validasi Form Tambah dan Edit Pelamar ...................................... 178
5.2.14
Validasi Form Terima Pelamar....................................................... 179
5.2.15
Validasi Form Tambah dan Edit Pengguna ................................... 180
5.2.16
Validasi Form Edit Catatan Kehadiran ........................................... 182
5.2.17
Validasi Form Ketidakhadiran Pengguna ...................................... 182
5.2.18
Validasi Form Tambah Gaji Pengguna .......................................... 183
BAB VI SIMPULAN DAN SARAN ............................................................................ 185 6.1
Simpulan .................................................................................................... 185
6.2
Saran ......................................................................................................... 186
Daftar Pustaka ........................................................................................................... xiii
vi Universitas Kristen Maranatha
Daftar Gambar Gambar 1 Swimlane ...................................................................................... 9 Gambar 2 Use case system ......................................................................... 11 Gambar 3 Hubungan one to many ............................................................... 14 Gambar 4 Hubungan many to many ............................................................ 14 Gambar 5 Flowchart tahapan proyek ........................................................... 22 Gambar 6 Flowchart proses perekrutan pegawai ......................................... 24 Gambar 7 Flowchart proses pencatatan kehadiran ...................................... 25 Gambar 8 Use case aplikasi manajemen Rakun Studio .............................. 27 Gambar 9 Use case mengelola pengguna ................................................... 28 Gambar 10 Use case mengelola gaji pegawai ............................................. 29 Gambar 11 Use case mengelola pelamar .................................................... 29 Gambar 12 Use case mengelola pelamar .................................................... 30 Gambar 13 Use case mengelola kontak ...................................................... 31 Gambar 14 Use case mengelola perusahaan .............................................. 31 Gambar 15 Use case mengelola proyek ...................................................... 32 Gambar 16 Use case mengelola detail proyek............................................. 33 Gambar 17 Use case mengelola pengguna proyek ..................................... 34 Gambar 18 Activity diagram mengelola pengguna ....................................... 35 Gambar 19 Activity diagram mengelola gaji pegawai ................................... 36 Gambar 20 Activity diagram mengelola pelamar .......................................... 37 Gambar 21 Activity diagram mengelola pengeluaran ................................... 38 Gambar 22 Activity diagram mengelola kontak ............................................ 39 Gambar 23 Activity diagram mengelola perusahaan .................................... 40 Gambar 24 Activity diagram mengelola proyek ............................................ 41 Gambar 25 Activity diagram mengelola detail proyek .................................. 42 Gambar 26 Activity diagram mengelola pengguna proyek ........................... 43 Gambar 27 Class diagram aplikasi manajemen Rakun Studio ..................... 44 Gambar 28 ERD aplikasi manajemen Rakun Studio .................................... 45 Gambar 29 Desain tampilan login ................................................................ 46 Gambar 30 Desain tampilan home director .................................................. 47 Gambar 31 Desain tampilan home marketing .............................................. 48 Gambar 32 Desain tampilan home programmer dan desainer ..................... 49 Gambar 33 Desain tampilan check out ........................................................ 50 Gambar 34 Desain tampilan profil pengguna ............................................... 51 Gambar 35 Desain tampilan ganti password................................................ 52 Gambar 36 Desain tampilan daftar proyek ................................................... 53 Gambar 37 Desain tampilan tambah proyek ................................................ 54 Gambar 38 Desain tampilan edit proyek ...................................................... 55 Gambar 39 Desain tampilan detail proyek ................................................... 56 Gambar 40 Desain tampilan daftar pengguna proyek .................................. 57 Gambar 41 Desain tampilan mengelola pengguna proyek ........................... 58 Gambar 42 Desain tampilan daftar tugas pengguna proyek ........................ 59 Gambar 43 Desain tampilan tambah tugas pengguna proyek ...................... 60 Gambar 44 Desain tampilan edit tugas pengguna proyek ............................ 60
vii Universitas Kristen Maranatha
Gambar 45 Desain tampilan daftar agenda pengguna proyek ..................... 61 Gambar 46 Desain tampilan tambah agenda pengguna proyek .................. 62 Gambar 47 Desain tampilan edit agenda pengguna proyek......................... 63 Gambar 48 Desain tampilan detail agenda pengguna proyek ...................... 64 Gambar 49 Desain tampilan daftar pengguna proyek .................................. 65 Gambar 50 Desain tampilan tambah pembayaran proyek ........................... 66 Gambar 51 Desain tampilan edit pembayaran proyek ................................. 67 Gambar 52 Desain tampilan cetak invoice ................................................... 68 Gambar 53 Desain tampilan cetak receipt ................................................... 69 Gambar 54 Desain tampilan daftar biaya proyek ......................................... 70 Gambar 55 Desain tampilan tambah biaya proyek ...................................... 71 Gambar 56 Desain tampilan edit biaya proyek............................................. 72 Gambar 57 Desain tampilan daftar pengeluaran .......................................... 73 Gambar 58 Desain tampilan tambah pengeluaran ....................................... 74 Gambar 59 Desain tampilan edit pengeluaran ............................................. 75 Gambar 60 Desain tampilan daftar kontak ................................................... 76 Gambar 61 Desain tampilan tambah kontak ................................................ 77 Gambar 62 Desain tampilan edit kontak ...................................................... 78 Gambar 63 Desain tampilan detail kontak ................................................... 78 Gambar 64 Desain tampilan daftar perusahaan ........................................... 79 Gambar 65 Desain tampilan tambah perusahaan ........................................ 80 Gambar 66 Desain tampilan edit perusahaan .............................................. 81 Gambar 67 Desain tampilan detail perusahaan ........................................... 81 Gambar 68 Desain tampilan daftar kontak perusahaan ............................... 82 Gambar 69 Desain tampilan tambah kontak perusahaan ............................ 83 Gambar 70 Desain tampilan daftar pelamar ................................................ 84 Gambar 71 Desain tampilan tambah pelamar .............................................. 85 Gambar 72 Desain tampilan edit pelamar .................................................... 86 Gambar 73 Desain tampilan detail pelamar ................................................. 87 Gambar 74 Desain tampilan terima pelamar ................................................ 88 Gambar 75 Desain tampilan daftar pengguna.............................................. 89 Gambar 76 Desain tampilan tambah pengguna ........................................... 90 Gambar 77 Desain tampilan edit pengguna ................................................. 91 Gambar 78 Desain tampilan detail pengguna .............................................. 92 Gambar 79 Desain tampilan daftar kehadiran pengguna 1 .......................... 93 Gambar 80 Desain tampilan daftar kehadiran pengguna 2 .......................... 94 Gambar 81 Desain tampilan edit catatan kehadiran..................................... 94 Gambar 82 Desain tampilan ketidakhadiran pengguna................................ 95 Gambar 83 Desain tampilan daftar gaji pengguna ....................................... 96 Gambar 84 Desain tampilan tambah gaji pengguna .................................... 97 Gambar 85 Desain tampilan edit gaji pengguna .......................................... 98 Gambar 86 Halaman login ......................................................................... 108 Gambar 87 Halaman home director ........................................................... 109 Gambar 88 Halaman home marketing ....................................................... 110 Gambar 89 Halaman home programmer dan designer .............................. 110 Gambar 90 Halaman check out ................................................................. 111 Gambar 91 Halaman profil pengguna ........................................................ 112
viii Universitas Kristen Maranatha
Gambar 92 Halaman ganti password ......................................................... 113 Gambar 93 Halaman daftar proyek ............................................................ 114 Gambar 94 Halaman tambah proyek ......................................................... 115 Gambar 95 Halaman edit proyek ............................................................... 116 Gambar 96 Halaman detail proyek ............................................................ 117 Gambar 97 Halaman pengguna proyek ..................................................... 118 Gambar 98 Halaman mengelola pengguna proyek .................................... 119 Gambar 99 Halaman daftar tugas pengguna proyek.................................. 119 Gambar 100 Halaman tambah tugas pengguna proyek ............................. 120 Gambar 101 Halaman edit tugas pengguna proyek ................................... 121 Gambar 102 Halaman daftar agenda pengguna proyek ............................ 122 Gambar 103 Halaman tambah agenda pengguna proyek .......................... 123 Gambar 104 Halaman edit agenda pengguna proyek ................................ 124 Gambar 105 Halaman detail agenda pengguna proyek ............................. 125 Gambar 106 Halaman daftar pembayaran proyek ..................................... 125 Gambar 107 Halaman tambah pembayaran proyek................................... 127 Gambar 108 Halaman edit pembayaran proyek ......................................... 128 Gambar 109 Halaman cetak invoice .......................................................... 129 Gambar 110 Halaman cetak receipt .......................................................... 130 Gambar 111 Halaman daftar biaya proyek ................................................ 131 Gambar 112 Halaman tambah biaya proyek .............................................. 132 Gambar 113 Halaman edit biaya proyek .................................................... 133 Gambar 114 Halaman daftar pengeluaran ................................................. 134 Gambar 115 Halaman tambah pengeluaran .............................................. 136 Gambar 116 Halaman edit pengeluaran .................................................... 137 Gambar 117 Halaman daftar kontak .......................................................... 138 Gambar 118 Halaman tambah kontak ....................................................... 139 Gambar 119 Halaman edit kontak ............................................................. 140 Gambar 120 Halaman detail kontak ........................................................... 141 Gambar 121 Halaman daftar perusahaan .................................................. 141 Gambar 122 Halaman tambah perusahaan ............................................... 142 Gambar 123 Halaman edit perusahaan ..................................................... 143 Gambar 124 Halaman detail perusahaan .................................................. 144 Gambar 125 Halaman daftar kontak perusahaan ...................................... 145 Gambar 126 Halaman tambah kontak perusahaan .................................... 146 Gambar 127 Halaman daftar pelamar ........................................................ 146 Gambar 128 Halaman tambah pelamar ..................................................... 147 Gambar 129 Halaman edit pelamar ........................................................... 149 Gambar 130 Halaman detail pelamar ........................................................ 150 Gambar 131 Halaman terima pelamar ....................................................... 151 Gambar 132 Halaman daftar pengguna ..................................................... 153 Gambar 133 Halaman tambah pengguna .................................................. 154 Gambar 134 Halaman edit pengguna ........................................................ 156 Gambar 135 Halaman detail pengguna ..................................................... 157 Gambar 136 Halaman daftar kehadiran pengguna 1 ................................. 158 Gambar 137 Halaman daftar kehadiran pengguna 2 ................................. 159 Gambar 138 Halaman edit catatan kehadiran ............................................ 160
ix Universitas Kristen Maranatha
Gambar 139 Halaman ketidakhadiran pengguna ....................................... 161 Gambar 140 Halaman daftar gaji pengguna .............................................. 162 Gambar 141 Halaman tambah gaji pengguna............................................ 163 Gambar 142 Halaman edit gaji pengguna .................................................. 164 Gambar 143 Penanganan kesalahan input bertipe tanggal........................ 165 Gambar 144 Penanganan kesalahan input bertipe kontak ......................... 166 Gambar 145 Validasi email dan password tidak boleh kosong .................. 167 Gambar 146 Validasi kesesuaian email dan password .............................. 167 Gambar 147 Validasi user yang tidak aktif ................................................. 168 Gambar 148 Validasi form check out ......................................................... 168 Gambar 149 Validasi form ganti password ................................................ 169 Gambar 150 Validasi form tambah proyek ................................................. 170 Gambar 151 Validasi form tambah pengguna proyek ................................ 171 Gambar 152 Validasi form tambah agenda pengguna proyek ................... 172 Gambar 153 Validasi form tambah pembayaran proyek ............................ 173 Gambar 154 Validasi form cetak invoice .................................................... 174 Gambar 155 Validasi form tambah biaya proyek ....................................... 175 Gambar 156 Validasi form tambah pengeluaran ........................................ 176 Gambar 157 Validasi form tambah kontak ................................................. 177 Gambar 158 Validasi form tambah perusahaan ......................................... 178 Gambar 159 Validasi form tambah pelamar ............................................... 179 Gambar 160 Validasi form terima pelamar ................................................. 180 Gambar 161 Validasi form tambah pengguna ............................................ 181 Gambar 162 Validasi form edit catatan kehadiran ..................................... 182 Gambar 163 Validasi form ketidakhadiran pengguna................................. 183 Gambar 164 Validasi form tambah gaji pengguna ..................................... 184
x Universitas Kristen Maranatha
Daftar Tabel Tabel I Tabel simbol flowchart ....................................................................... 8 Tabel II Tabel simbol use case .................................................................... 10 Tabel III Tabel simbol activity diagram ......................................................... 11 Tabel IV Tabel simbol class diagram ........................................................... 12 Tabel V Tabel simbol ERD........................................................................... 13 Tabel VI Tabel users .................................................................................... 99 Tabel VII Tabel roles .................................................................................. 100 Tabel VIII Tabel attendances ..................................................................... 100 Tabel IX Tabel tasks .................................................................................. 101 Tabel X Tabel events ................................................................................. 101 Tabel XI Tabel projects .............................................................................. 102 Tabel XII Tabel users_has_projects ........................................................... 102 Tabel XIII Tabel project_statuses ............................................................... 102 Tabel XIV Tabel payments ......................................................................... 103 Tabel XV Tabel payment_statuses ............................................................ 103 Tabel XVI Tabel invoices ........................................................................... 103 Tabel XVII Tabel receipts........................................................................... 104 Tabel XVIII Tabel costs .............................................................................. 104 Tabel XIX Tabel contacts ........................................................................... 105 Tabel XX Tabel companies ........................................................................ 105 Tabel XXI Tabel contacts_has_companies ................................................ 106 Tabel XXII Tabel expenses ........................................................................ 106 Tabel XXIII Tabel salaries .......................................................................... 106 Tabel XXIV Tabel users_has_salaries ....................................................... 107 Tabel XXV Tabel applicants ....................................................................... 107 Tabel XXVI Tabel keterangan form login ................................................... 108 Tabel XXVII Tabel keterangan form check out ........................................... 111 Tabel XXVIII Tabel keterangan form ganti password ................................. 113 Tabel XXIX Tabel keterangan form tambah proyek ................................... 115 Tabel XXX Tabel keterangan form edit proyek........................................... 116 Tabel XXXI Tabel keterangan form tambah tugas pengguna proyek ......... 120 Tabel XXXII Tabel keterangan form edit tugas pengguna proyek .............. 121 Tabel XXXIII Tabel keterangan form tambah agenda pengguna proyek .... 123 Tabel XXXIV Tabel keterangan form edit agenda pengguna proyek .......... 124 Tabel XXXV Tabel keterangan form tambah pembayaran proyek.............. 127 Tabel XXXVI Tabel keterangan form edit pembayaran proyek ................... 128 Tabel XXXVII Tabel keterangan form cetak invoice ................................... 129 Tabel XXXVIII Tabel keterangan form cetak receipt................................... 131 Tabel XXXIX Tabel keterangan form tambah biaya proyek ........................ 133 Tabel XL Tabel keterangan form edit biaya proyek .................................... 134 Tabel XLI Tabel keterangan form tambah pengeluaran ............................. 136 Tabel XLII Tabel keterangan form edit pengeluaran .................................. 137 Tabel XLIII Tabel keterangan form tambah kontak .................................... 139 Tabel XLIV Tabel keterangan form edit kontak .......................................... 140
xi Universitas Kristen Maranatha
Tabel XLV Tabel keterangan form tambah perusahaan ............................. 142 Tabel XLVI Tabel keterangan form edit perusahaan .................................. 143 Tabel XLVII Tabel keterangan form tambah pelamar ................................. 148 Tabel XLVIII Tabel keterangan form edit pelamar ...................................... 149 Tabel XLIX Tabel keterangan form terima pelamar .................................... 152 Tabel L Tabel keterangan form tambah pengguna .................................... 154 Tabel LI Tabel keterangan form edit pengguna.......................................... 156 Tabel LII Tabel keterangan form edit catatan kehadiran ............................ 160 Tabel LIII Tabel keterangan form ketidakhadiran pengguna ...................... 161
xii Universitas Kristen Maranatha
