Aplikasi Manajemen Studio Interaktif Berbasis Web dengan Studi Kasus Rakun Studio.

(1)

Universitas Kristen Maranatha

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. Kegiatan-kegiatan yang ditangani oleh aplikasi adalah Kegiatan-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.

(2)

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.

(3)

i

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.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

(4)

ii

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

(5)

iii

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

(6)

iv

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.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

(7)

v

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

(8)

vi

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 FormLogin ... 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

(9)

vii

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 homedirector ... 47

Gambar 31 Desain tampilan homemarketing ... 48

Gambar 32 Desain tampilan homeprogrammer 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

(10)

viii

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

(11)

ix

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

(12)

x

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 formcheck 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

(13)

xi

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 formlogin ... 108

Tabel XXVII Tabel keterangan formcheck 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

(14)

xii

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

(15)

1

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Rakun Studio merupakan studio interaktif yang bergerak di bidang pembuatan website, desain, perangkat lunak, dan animasi. Rakun Studio berlokasi di Kompleks Setra Sari Plaza Blok C-6, Bandung. Rakun Studio didirikan pada bulan November 2010 dan telah menangani lebih dari 40 klien dengan beragam kebutuhan. Proyek dari client dapat dibedakan berdasarkan jenis produk yang diminta, biaya pengerjaan, termin pembayaran, jangka waktu pengerjaan, tingkat kesulitan, dan banyak perbedaan lainnya sehingga tidak akan ada proyek yang identik. Hingga saat ini proses pencatatan proyek masih dilakukan secara manual dan belum terdokumentasi dengan baik.

Rakun Studio didirikan oleh 2 orang yang bertindak sebagai pimpinan di Rakun Studio. Hingga saat ini Rakun Studio telah memiliki 6 orang karyawan yang bertindak sebagai programmer, desainer, dan pemasaran. Setiap bagian memiliki tugas masing-masing. Proses pemberian tugas dari pimpinan kepada karyawan masih dilakukan secara manual, baik lisan maupun tulisan. Belum ada dokumen yang berfungsi mencatat daftar kegiatan dan mencatat riwayat kegiatan yang telah dilakukan karyawan.

Rakun Studio buka setiap hari Senin sampai Jumat. Rakun Studio buka mulai pukul 09.00 WIB hingga pukul 17.00 WIB. Hingga saat ini kehadiran karyawan belum tercatat dengan benar. Meskipun begitu hampir semua karyawan bekerja melebihi jam kerja setiap harinya. Namun pencatatan kehadiran karyawan tetap dibutuhkan untuk memantau kinerja karyawan setiap harinya. Dengan adanya pencatatan kehadiran dan kegiatan karyawan, kinerja karyawan dapat dievaluasi dan dapat membantu pimpinan dalam menentukan bonus yang akan diberikan kepada karyawan.

(16)

2

Universitas Kristen Maranatha proyek segingga terkadang menyulitkan jika orang yang bertanggung jawab terhadap klien berhalangan hadir dan harus digantikan oleh orang lain.

1.2 Rumusan Masalah

Berdasarkan latar belakang yang ada, didapat rumusan masalah sebagai berikut:

1. Bagaimana menerapkan fungsi manajemen ke dalam aplikasi?

2. Bagaimana mengelola klien, proyek, dan pegawai dapat diakses dengan cepat?

3. Bagaimana membangun aplikasi untuk memantau perkembangan proyek?

4. Bagaimana membangun aplikasi untuk mengevaluasi kinerja pegawai?

5. Bagaimana membangun aplikasi untuk mengelola dokumen sehingga tertata dengan lebih baik?

1.3 Tujuan Pembahasan

Tujuan dari pembahasan masalah yang terjadi di Rakun Studio antara lain:

1. Membuat aplikasi yang mampu menerapkan fungsi manajemen ke dalam sistem untuk membantu proses manajemen di Rakun Studio. 2. Membuat aplikasi yang mampu mengelola data-data klien, proyek,

dan pegawai untuk menambah efisiensi kerja.

3. Membangun aplikasi untuk memantau perkembangan proyek dan untuk memudahkan jika terjadi pergantian penanggung jawab proyek. 4. Membangun aplikasi yang dapat mengevaluasi kinerja pegawai

(17)

3

Universitas Kristen Maranatha 5. Membangun aplikasi untuk membuat beberapa dokumen seperti slip gaji, invoice, dan receipt. Pembuatan dokumen melalui aplikasi diharapkan dapat mempermudah proses pembuatan dokumen dan pendokumentasian dokumen.

1.4 Ruang Lingkup Kajian

Batasan-batasan yang ada dalam pengembangan sistem terbagi menjadi 3, yaitu batasan perangkat keras, batasan perangkat lunak, dan batasan aplikasi. Adapun batasan-batasan tersebut antara lain:

1. Batasan perangkat keras:

a Dibutuhkan sebuah komputer server untuk menyimpan aplikasi.

b Aplikasi dapat diakses melalui komputer yang mampu menjalankan web browser yang sesuai dengan batasan perangkat lunak dan terkoneksi dengan jaringan server. 2. Batasan perangkat lunak pengembang:

a Sistem operasi yang digunakan adalah Windows 7 Professional SP1.

b Web server yang digunakan adalah Apache versi 2.2.14. c Bahasa pemrograman yang digunakan adalah PHP versi

5.3.1.

d Basis data yang digunakan adalah MySQL versi 5.1.41. e Web browser yang digunakan adalah Google Chrome versi

17.0.963.79 m dan Mozilla Firefox versi 10.0. 3. Batasan perangkat lunak pengguna:

a Web browser

4. Batasan aplikasi:

(18)

4

Universitas Kristen Maranatha b Terdapat 3 peran di dalam aplikasi, yaitu pimpinan,

produksi, dan pemasaran.

1.5 Sumber Data

Sumber data yang digunakan untuk penelitian antara lain diambil dari: 1. Pustaka, referensi yang berhubungan dengan pengembangan aplikasi

berbasis PHP menggunakan arsitektur Model-View-Controller dan manajemen perusahaan yang berasal dari buku maupun internet 2. Rakun Studio sebagai objek penelitian

1.6 Sistematika Penyajian

Sistematika penulisan tugas akhir ini adalah sebagai berikut: BAB I Pendahuluan

Bab I membahas mengenai latar belakang masalah, rumusan masalah, tujuan pembahasan, ruang lingkup kajian, tujuan pembahasan, ruang lingkup kajian, sumber data, dan sistematika penyajian.

BAB II Kajian Teori

Bab II membahas mengenai dasar teori yang digunakan untuk mengembangkan sistem. Dasar-dasar teori tersebut adalah dasar-dasar teori yang berhubungan dengan manajemen perusahaan, sistem pemodelan UML, dan hal-hal teknis yang digunakan dalam pengembangan sistem.

BAB III Analisis dan Rancangan Sistem

Bab III berisi proses bisnis, pemodelan berbasis UML, serta diagram basis data yang akan diterapkan ke dalam sistem.

BAB IV Hasil Penelitian

Bab IV berisi pembahasan hasil akhir dari sistem yang telah selesai dikembangkan.

BAB V Pembahasan dan Uji Coba Hasil Penelitian

(19)

5

Universitas Kristen Maranatha BAB VI Simpulan dan Saran

(20)

185

BAB VI SIMPULAN DAN SARAN

6.1 Simpulan

Simpulan yang dapat diambil dengan dibuatnya aplikasi manajemen untuk Rakun Studio antara lain:

1. Fungsi manajemen dapat diterapkan ke dalam sistem melalui fitur-fitur yang dihadirkan di dalam aplikasi. Fungsi manajemen perencanaan diterapkan melalui pemberian tugas-tugas kepada pengguna. Fungsi manajemen pengorganisasian dan pengaturan pegawai diterapkan dengan adanya hak akses pengguna. Fungsi manajemen kepemimpinan diterapkan dengan fitur pencatatan kegiatan sehingga pimpinan dapat terus memonitor perkembangan proyek dan dapat memberi masukan kepada karyawan. Fungsi manajemen pengendalian deiterapkan melalui fitur pencatatan kehadiran sehingga kinerja karyawan dapat terus dievaluasi.

2. Data-data klien, proyek, dan pegawai dapat diakses secara lebih cepat dengan cara menyimpannya di dalam suatu sistem terpadu, di mana setiap data bisa saling berkaitan satu dengan yang lainnya. 3. Perkembangan proyek dapat dipantau setiap saat melalui aplikasi

yang dapat diakses secara online, seperti aplikasi berbasis web. Jika koneksi internet tersedia, maka situs web yang terhubung dengan jaringan internet dapat diakses setiap saat.

4. Evaluasi kinerja pegawai dapat dilakukan dengan cara memantau kegiatan pegawai setiap harinya. Dengan melakukan pencatatan kehadiran dan kegiatan harian, perkembangan proyek dan kinerja pegawai dapat terus termonitor.

(21)

186

6.2 Saran

Saran yang dapat diberikan penulis setelah aplikasi manajemen Rakun Studio selesai dibuat adalah agar aplikasi manajemen Rakun Studio dapat terus dikembangkan seiring dengan perkembangan Rakun Studio, sehingga aplikasi Rakun Studio dapat dipergunakan secara maksimal untuk mendukung proses-proses dan kegiatan-kegiatan yang berjalan di Rakun Studio.

(22)

xiii

Daftar Pustaka

Date, C.J. (2004). An Introduction to Database Systems, Eight Edition. Boston: Addison-Wesley.

Kimmel, P. (2005). UML Demystified. New York: McGraw-Hill, Inc.

Liu, L. (2009).Encyclopedia of Database Systems. Berlin: Springer Science+Business Media, LLC.

Mayer, T. (2008). Professional CodeIgniter. Indianapolis: Wiley Publishing, Inc.

Mercer, D. (2003). Schaum's Easy Outline of HTML. New York: McGraw-Hill, Inc.

Myers, G.J. (2004). The Art of Software Testing, Second Edition. New Jersey: John Wiley & Sons, Inc.

Plunkett, W. R., Raymond, F. A., Gemmy S. A. (2008). Management: Meeting and Exceeding Customer Expectations, Ninth Edition. Mason: Thomson Higher Education.

Powell, T., Fritz, S. (2004). JavaScript 2.0: The Complete Reference, Second Edition. New York: McGraw-Hill, Inc.

Robbins, Stephen P. R., Mary, C. (2002). Management, Seventh Edition. New Jersey: Prentice Hall.