DAFTAR
DAFTAR
DAFTAR
ix
3.3.2 Kakas Pemodelan ....................................................................... 17
3.3.2.1 Entity Relationship Diagram (ERD) ............................. 17
3.3.2.2 Fuctional Decomposition Diagram (FDD) ................... 18
3.3.2.3 Data Flow Diagram (DFD) .......................................... 18
3.4 Prosedur Pengumpulan Data ................................................................ 19
3.4.1 Cara Pengumpulan Data ............................................................ 19
3.4.2 Pengolahan Data ........................................................................ 20
BAB IV PEMBAHASAN.................................................................................. 21
4.1 Analisis ................................................................................................. 21
4.1.1 Pengumpulan Data ..................................................................... 21
4.1.1.1 Daftar Wawancara ........................................................ 21
4.1.1.2 Pembahasan Hasil Wawancara ..................................... 22
4.1.2 Pemodelan Sistem Yang Sedang Berjalan ................................. 23
4.1.2.1 ERD Sistem Sedang Berjalan ..................................... 23
4.1.2.2 FDD Sistem Sedang Berjalan ..................................... 23
4.1.2.3 DFD Sistem Sedang Berjalan ..................................... 24
4.1.3 Identifikasi Masalah dan Kesempatan ....................................... 25
4.1.4 Analisis Target Pengguna .......................................................... 25
4.1.5 Daftar Spesifikasi Persyaratan ................................................... 26
4.2 Desain .................................................................................................... 28
4.2.1 Pemodelan Sistem Baru ............................................................. 28
4.2.1.1 ERD Sistem Baru ......................................................... 28
4.2.1.2 FDD Sistem Baru ......................................................... 30
4.2.1.3 DFD Sistem Baru ......................................................... 30
4.2.2 Pemodelan Antarmuka Aplikasi ................................................ 33
4.3 Pengkodean ............................................................................................ 41
4.3.1 Lingkungan Pengkodean ............................................................ 41
4.3.2 Pengkodean Antar Muka............................................................ 42
4.3.3 Pengkodean Basis Data .............................................................. 46
4.3.4 Pengkodean Modul Program ...................................................... 49
4.4 Pengujian ............................................................................................... 53
4.4.1 Tujuan Pengujian ....................................................................... 53
4.4.2 Kriteria Pengujian ...................................................................... 53
4.4.3 Kasus Pengujian ......................................................................... 53
4.4.4 Pelaksanaan Pengujian ............................................................... 54
4.4.5 Hasil Analisis Pengujian ............................................................ 57
x
DAFTAR TABEL
Tabel 3.1 Sintaks PHP ................................................................................... 11
Tabel 3.2 Sintaks Inline Style Sheet CSS ....................................................... 12
Tabel 3.3 Sintaks Internal Style Sheet CSS .................................................... 12
Tabel 3.4 Sintaks External Style Sheet CSS ................................................... 13
Tabel 3.5 Sintaks Import Style Sheet CSS ...................................................... 14
Tabel 3.6 Sintaks HTML ............................................................................... 15
Tabel 3.7 Sintaks Database ........................................................................... 15
Tabel 3.8 Notasi Crows Foot ERD ................................................................ 17
Tabel 3.9 Kardinalitas Relasi ERD ................................................................ 17
Tabel 3.10 Simbol-simbol DFD ....................................................................... 18
Tabel 4.1 Identifikasi Masalah ....................................................................... 25
Tabel 4.2 Daftar Target Pengguna ................................................................. 25
Tabel 4.3 Sumber Daya Perangkat Keras ...................................................... 41
Tabel 4.4 Sumber Daya Perangkat Lunak ..................................................... 41
Tabel 4.5 Kode Program Config.php ............................................................. 49
Tabel 4.6 Kode Program Print.php ................................................................ 49
Tabel 4.7 Sintaks Menu Login ....................................................................... 49
Tabel 4.8 Sintaks Menu Data Karyawan ....................................................... 50
Tabel 4.9 Sintaks Menu Data Pengguna ........................................................ 50
Tabel 4.10 Sintaks Menu Data Presensi........................................................... 50
Tabel 4.11 Sintaks Menu Data Gaji ................................................................. 51
Tabel 4.12 Sintaks Menu Data Pinjaman ......................................................... 52
Tabel 4.13 Sintaks Menu Data Detail Gaji ...................................................... 52
Tabel 4.14 Sintaks Menu Data Logout.php...................................................... 52
Tabel 4.15 Kasus Pengujian ............................................................................. 53
Tabel 4.16 Pelaksanaan Pengujian ................................................................... 54
Tabel 4.17 Analisis Pengujian Aplikasi Online Penggajian ............................ 57
xi
DAFTAR GAMBAR
Gambar 2.1 Logo PT Gabe Jaya Bersama ....................................................... 6
Gambar 2.2 Struktur Perusahaan PT Gabe Jaya Bersama ............................... 6
Gambar 3.1 Contoh Lembar Presensi ............................................................ 10
Gambar 3.2 Hasil Dari Sintaks PHP .............................................................. 11
Gambar 3.3 Hasil Dari Sintaks Inline Style Sheet Css ................................... 12
Gambar 3.4 Hasil Dari Sintaks Internal Style Sheet Css ............................... 13
Gambar 3.5 Hasil Dari Sintaks External Style Sheet Css .............................. 13
Gambar 3.6 Hasil Dari Sintaks Import Style Sheet Css ................................. 14
Gambar 3.7 Hasil Dari Sintaks HTML .......................................................... 15
Gambar 3.8 Hasil Dari Sintaks HTML .......................................................... 16
Gambar 4.1 ERD Untuk Sistem Sedang Berjalan.......................................... 23
Gambar 4.2 FDD Untuk Sistem Sedang Berjalan.......................................... 23
Gambar 4.3 DFD Level 0 Untuk Sistem Sedang Berjalan ............................ 24
Gambar 4.4 DFD Level 1 Untuk Sistem Sedang Berjalan ............................ 24
Gambar 4.5 ERD Konseptual Sistem Baru .................................................... 28
Gambar 4.6 ERD Logikal Sistem Baru.......................................................... 29
Gambar 4.7 ERD Fisikal Sistem Baru ........................................................... 29
Gambar 4.8 FDD Sistem Baru ....................................................................... 30
Gambar 4.9 DFD Level 0 Sistem Baru .......................................................... 31
Gambar 4.10 DFD Level 1 Sistem Baru .......................................................... 31
Gambar 4.11 DFD Level 2 Proses 1.0 Sistem Baru ........................................ 31
Gambar 4.12 DFD Level 2 Proses 2.0 Sistem Baru ........................................ 31
Gambar 4.13 DFD Level 2 Proses 3.0 Sistem Baru ........................................ 31
Gambar 4.14 DFD Level 2 Proses 4.0 Sistem Baru ........................................ 31
Gambar 4.15 Desain Halaman Masuk Aplikasi ............................................... 34
Gambar 4.16 Desain Halaman Utama Aplikasi Untuk Staf HR Cabang ........ 34
Gambar 4.17 Desain Halaman Utama Aplikasi Untuk HR ............................ 35
Gambar 4.18 Desain Halaman Utama Aplikasi Untuk Direktur .................... 35
Gambar 4.19 Desain Halaman Utama Aplikasi Untuk Karyawan................... 35
Gambar 4.20 Desain Halaman Untuk Presensi ................................................ 36
Gambar 4.21 Desain Halaman Untuk Data Karyawan .................................... 36
Gambar 4.22 Desain Halaman Untuk Tambah Data Karyawan ...................... 37
Gambar 4.23 Desain Halaman Untuk Edit Data Karyawan............................. 37
Gambar 4.24 Desain Halaman Untuk Data Pinjaman...................................... 38
Gambar 4.25 Desain Halaman Untuk Tambah Pinjaman ................................ 38
Gambar 4.26 Desain Halaman Untuk Data Gaji .............................................. 39
Gambar 4.27 Desain Halaman Untuk Laporan Presensi.................................. 39
Gambar 4.28 Desain Halaman Untuk Laporan Data Karyawan ...................... 40
Gambar 4.29 Desain Halaman Untuk Laporan Pinjaman ................................ 40
Gambar 4.30 Desain Halaman Untuk Laporan Gaji ........................................ 41
Gambar 4.31 Tampilan Halaman Masuk Aplikasi........................................... 42
Gambar 4.32 Tampilan Halaman Beranda Karyawan ..................................... 42
Gambar 4.33 Tampilan Halaman Beranda Direktur dan HR ........................... 42
Gambar 4.34 Tampilan Halaman Beranda Staf HR Cabang ........................... 43
Gambar 4.35 Tampilan Halaman Data Karyawan ........................................... 43
Gambar 4.36 Tampilan Halaman Data Pinjaman ............................................ 43
xii
Gambar 4.37 Tampilan Halaman Data Gaji..................................................... 43
Gambar 4.38 Tampilan Halaman Tambah Data Karyawan ............................. 44
Gambar 4.39 Tampilan Halaman Tambah Data User...................................... 44
Gambar 4.40 Tampilan Halaman Tambah Data Karyawan ............................. 44
Gambar 4.41 Tampilan Halaman Tambah Data Pinjaman .............................. 44
Gambar 4.42 Tampilan Halaman Tambah Gaji ............................................... 45
Gambar 4.43 Tampilan Halaman Detail Gaji .................................................. 45
Gambar 4.44 Tampilan Halaman Cetak Gaji ................................................... 45
Gambar 4.45 Tabel Keseluruhan ..................................................................... 46
Gambar 4.46 Tabel Absen ............................................................................... 46
Gambar 4.47 Tabel Karyawan ......................................................................... 46
Gambar 4.48 Tabel Pemotongan...................................................................... 47
Gambar 4.49 Tabel Pendapatan ...................................................................... 47
Gambar 4.50 Tabel Pinjaman.......................................................................... 48
Gambar 4.51 Tabel User ................................................................................. 48
Gambar 4.52 Tabel Gaji .................................................................................. 48
xiii
DAFTAR LAMPIRAN
xiv