INTEGRASI PELAPORAN PEKERJAAN BERBASIS LAYANAN WEB MENGGUNAKAN ALGORITMA SELECTION SORT
RIYA WAHYUDI 41512110040
PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA
INTEGRASI PELAPORAN PEKERJAAN BERBASIS LAYANAN WEB MENGGUNAKAN ALGORITMA SELECTION SORT
Laporan Tugas Akhir
Diajukan Untuk Melengkapi Persyaratan Menyelesaikan Gelar Sarjana Komputer
Disusun oleh :
RIYA WAHYUDI 41512110040
PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA
JAKARTA 2016
LEMBAR PENGESAHAN
KATA PENGANTAR
Puji syukur Penulis panjatkan kehadirat Allah SWT atas Rahmat dan Hidayah-Nya, sehingga Penulis dapat menyelesaikan Tugas Akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada jurusan Informatika Universitas Mercubuana.
Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari kata sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati.
Pada kesempatan ini Penulis mengucapkan terimakasih kepada semua pihak yang telah membantu baik berupa pengetahuan, bimbingan, pengarahan dan memberikan dukungan, ucapan terima kasih khususnya kepada :
1. Bapak Leonard Goeirmanto, ST, M.Sc, selaku Dosen Pembimbing Tugas Akhir.
2. Ibu Afiyati, S.Si, MT, selaku Kepala Program Studi pada Jurusan Informatika Universitas Mercu Buana.
3. Bapak Diky Firdaus, S.Kom, MM, Koordinator Tugas Akhir pada Jurusan Informatika Universitas Mercu Buana.
4. Kedua Orang Tua serta Kakak - Kakak saya yang telah memberikan doa dan mendukung Penulis baik moral maupun materi.
5. Terimakasih Ibu Desi Ramayanti S.Kom, MT, selaku Dosen Pembimbing Akademik serta kepada saudara dan kawan-kawan UMB TI Angkatan 21 yang telah memberikan semangat serta dukungan moral selama menyelesaikan tugas akhir ini.
Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah serta taufik-Nya, Amin.
Jakarta, 28 Desember 2016
DAFTAR ISI
LEMBAR PERNYATAAN ... i
LEMBAR PENGESAHAN ... ii
KATA PENGANTAR ... iii
ABSTRACT ... iv
ABSTRAK ... v
DAFTAR ISI ... vi
DAFTAR GAMBAR ... ix
DAFTAR TABEL ... xiii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Rumusan Permasalahan ... 2
1.3. Tujuan dan Manfaat Penelitian ... 3
1.3.1. Tujuan Penelitian ... 3
1.3.2. Manfaat Penelitian ... 3
1.4. Ruang Lingkup dan Batasan Penelitian ... 3
1.5. Metodologi Penelitian ... 4
1.6. Sistematika Penulisan Laporan ... 5
BAB II LANDASAN TEORI ... 7
2.1 Laporan ... 7
2.1.1 Definisi Laporan... 7
2.1.2 Jenis-Jenis Laporan ... 7
2.1.3 Syarat-Syarat Seorang Penulis Laporan ... 7
2.1.4 Teknik Menulis Laporan ... 8
2.2 Algoritma Selection Sort ... 8
2.2.2 Cara Kerja Selection Sort ... 9
2.2.3 Langkah-Langkah Selection Sort ... 9
2.2.4 Pseudo Code Selection Sort ... 9
2.2.5 Flow Graph Selection Sort ... 10
2.3 Bahasa Pemrograman Web... 10
2.3.1 HTML (Hyper Text Markup Language) ... 10
2.3.2 Cascending Style Sheet (CSS) ... 10
2.3.3 JavaScript ... 11
2.3.4 PHP (Hypertext Preprocessor) ... 11
2.3.5 Framework Bootstrap ... 12
2.4 Analisa Perancangan Perangkat Lunak ... 12
2.5.1 Metode Waterfall ... 12
2.5.2 UML (Unified Modelling Language) ... 14
2.5.3 ERD (Entity Relationship Diagram) ... 16
2.5 MySQL ... 17
2.6 XAMPP ... 17
2.7 Metode Pengujian Black-Box ... 17
BAB III ANALISIS DAN PERANCANGAN SISTEM ... 19
3.1. Analisa Sistem Berjalan ... 19
3.1.1 Use Case Diagram Sistem Berjalan ... 20
3.1.2 Activity Diagram Sistem Berjalan ... 23
3.2. Rancangan Sistem Usulan ... 24
3.2.1 Use Case Diagram ... 25
3.3.1 Entity relationship Diagram (ERD) ... 58
3.3.2 Spesifikasi Basis Data (Database) ... 59
3.4. Rancangan Antarmuka (Interface) ... 64
3.4.1 Struktur Rancangan Sistem ... 64
3.4.2 Rancangan Halaman Sistem ... 66
BAB IV IMPLEMENTASI DAN TESTING ... 77
4.1 Implementasi ... 77
4.1.1 Implementasi Sistem ... 77
4.1.2 Spesifikasi Sistem ... 77
4.1.3 Implementasi Basis Data (Database) ... 78
4.1.4 Implementasi Program ... 83
4.2 Metode Pengujian ... 91
4.3 Skenario Pengujian ... 91
4.4 Analisa Hasil Pengujian ... 100
BAB V KESIMPULAN DAN SARAN ... 102
5.1 Kesimpulan ... 102
5.2 Saran ... 102
DAFTAR GAMBAR
Gambar 2.1 Flow Graph Selection Sort (Sultanullah Jadoon 2011) ... 10
Gambar 2.2 Permodelan Waterfall (Pressman 2010) ... 12
Gambar 2.3 Contoh Use Case Diagram (Sugiarti 2013) ... 14
Gambar 2.4 Contoh Class Diagram (Sugiarti 2013) ... 15
Gambar 2.5 Contoh Activity Diagram (Sugiarti 2013) ... 15
Gambar 3.1 Use Case Diagram Sistem Berjalan ... 20
Gambar 3.2 Activity Diagram Sistem Berjalan ... 23
Gambar 3.3 Use Case Diagram Usulan... 25
Gambar 3.4 Activity Diagram Login ... 37
Gambar 3.5 Activity Diagram Melihat Aktifitas Staff Yang Bertugas ... 38
Gambar 3.6 Activity Diagram Melihat Daftar Tugas Yang tertunda ... 39
Gambar 3.7 Activity Diagram Membuat Tugas ... 40
Gambar 3.8 Activity Diagram Menetapkan Staff Yang Mengerjakan Tugas ... 41
Gambar 3.9 Activity Diagram Menampilkan Tugas Yang Harus Dikerjakan ... 42
Gambar 3.10 Activity Diagram Membuat Laporan Tugas ... 43
Gambar 3.11 Activity Diagram Menyatujui Laporan Tugas ... 44
Gambar 3.12 Activity Diagram Melihat Laporan Tugas Yang Telah Disetujui ... 45
Gambar 3.12 Activity Diagram Membuat Laporan Harian ... 46
Gambar 3.13 Activity Diagram Menyetujui Laporan Harian... 47
Gambar 3.14 Activity Diagram Melihat Laporan Harian Yang Telah Disetujui .. 48
Gambar 3.15 Activity Diagram Mengelola User ... 49
Gambar 3.20 Sequence DiagramMembuat Tugas ... 52
Gambar 3.21 Sequence Diagram Menetapkan Staff Yang Melaksanakan Tugas . 53 Gambar 3.22 Sequence Diagram Mulai Mengerjakan Tugas ... 53
Gambar 3.23 Sequence Diagram Membuat Laporan Tugas ... 54
Gambar 3.24 Sequence Diagram Menyetujui Laporan Tugas ... 54
Gambar 3.25 Sequence Diagram Melihat Laporan Tugas Yang Sudah Disetujui 55 Gambar 3.26 Sequence Diagram Membuat Laporan Harian ... 55
Gambar 3.27 Sequence Diagram Menyetujui Laporan Harian ... 56
Gambar 3.28 Sequence Diagram Melihat Laporan Harian Yang Sudah Disetujui ... 56
Gambar 3.29 Sequence Diagram Mengelola User ... 57
Gambar 3.30 Sequence Diagram Mengelola Hak Akses User ... 57
Gambar 3.31 Entity Relationship Diagram ... 58
Gambar 3.32 Struktur Rancangan Atarmuka Manager ... 64
Gambar 3.33 Struktur Rancangan Antarmuka Supervisor ... 64
Gambar 3.34 Struktur Rancangan Antarmuka Staff ... 65
Gambar 3.35 Struktur Rancangan Antarmuka Administrator... 65
Gambar 3.35 Rancangan Tampilan Halaman Login ... 66
Gambar 3.36 Rancangan Tampilan Halaman Change Password ... 66
Gambar 3.37 Rancangan Tampilan Halaman Dashboard Manager ... 67
Gambar 3.38 Rancangan Tampilan Halaman Dashboard Supervisor ... 68
Gambar 3.39 Rancangan Tampilan Halaman Dashboard Staff ... 69
Gambar 3.40 Rancangan Tampilan Halaman Dashboard Administrator ... 69
Gambar 3.42 Rancangan Tampilan Halaman Create Task ... 70
Gambar 3.43 Rancangan Tampilan Halaman Task Report ... 71
Gambar 3.45 Rancangan Tampilan Halaman Approval Task Report ... 72
Gambar 3.46 Rancangan Tampilan Halaman Approval Daily Report ... 73
Gambar 3.47 Rancangan Tampilan Halaman Task Report Approved ... 73
Gambar 3.48 Rancangan Tampilan Halaman Daily Report Approved ... 74
Gambar 3.49 Rancangan Tampilan Halaman Wiki ... 75
Gambar 3.50 Rancangan Tampilan Halaman Team ... 75
Gambar 3.51 Rancangan Tampilan Halaman Team ... 76
Gambar 4.1 Database “reporting” ... 79
Gambar 4.2 Struktur Tabel “users” ... 79
Gambar 4.3 Struktur Tabel “table_role” ... 80
Gambar 4.4 Struktur Tabel “table_privileges”... 80
Gambar 4.5 Struktur Tabel “table_menu” ... 80
Gambar 4.6 Struktur Tabel “table_section” ... 81
Gambar 4.7 Struktur Tabel “table_device” ... 81
Gambar 4.8 Struktur Tabel “table_priority” ... 81
Gambar 4.9 Struktur Tabel “table_task” ... 82
Gambar 4.10 Struktur Tabel “table_report” ... 82
Gambar 4.11 Halaman Login ... 83
Gambar 4.12 Halaman Change Password ... 83
Gambar 4.13 Halaman Dashboard Administrator ... 84
Gambar 4.14 Halaman Dashboard Manager ... 84
Gambar 4.15 Halaman Dashboard Supervisor ... 85
Gambar 4.16 Halaman Dashboard Staff ... 85
Gambar 4.21 Halaman Assign Task... 87
Gambar 4.22 Halaman My Task ... 88
Gambar 4.23 Halaman Pending Task ... 88
Gambar 4.24 Halaman Task Report ... 88
Gambar 4.25 Halaman Daily Report ... 89
Gambar 4.26 Halaman Approval Task Report ... 89
Gambar 4.27 Halaman Approval Daily Report... 89
Gambar 4.28 Halaman Wiki ... 90
DAFTAR TABEL
Tabel 2.1 Langkah Pengurutan dengan metode selection sort ... 9
Tabel 3.1 Skenario Use Case Membuat Tugas ... 20
Tabel 3.2 Skenario Use Case Melakukan Penugasan ... 21
Tabel 3.3 Skenario Use Case Melaksanakan Tugas ... 21
Tabel 3.4 Skenario Use Case Laporan ... 22
Tabel 3.5 Skenario Use Case Login ... 26
Tabel 3.6 Skenario Use Case Melihat Aktifitas Staff Yang Bertugas ... 26
Tabel 3.7 Skenario Use Case Melihat Daftar Tugas Yang Tertunda ... 27
Tabel 3.8 Skenario Use Case Membuat Tugas ... 27
Tabel 3.9 Skenario Use Case Menetapkan Staff Yang Mengerjakan Tugas ... 28
Tabel 3.10 Skenario Use CaseMulai Mengerjakan Tugas ... 29
Tabel 3.11 Skenario Use Case Membuat Laporan Tugas ... 30
Tabel 3.12 Skenario Use Case Menyetujui Laporan Tugas ... 31
Tabel 3.13 Skenario Use Case Melihat Laporan Tugas Yang Telah Disetujui .... 31
Tabel 3.14 Skenario Use Case Membuat Laporan Harian ... 32
Tabel 3.15 Skenario Use Case Menyetujui Laporan Harian... 33
Tabel 3.16 Skenario Use Case Melihat Laporan Harian Yang Telah Disetujui ... 34
Tabel 3.17 Skenario Use Case Mengelola User ... 35
Tabel 3.18 Skenario Use Case Mengelola Hak Akses User ... 36
Tabel 3.19 Keterangan Activity Diagram Login ... 37 Tabel 3.20 Keterangan Activity Diagram Melihat Aktifitas Staff Yang Bertugas 38 Tabel 3.21 Keterangan Activity Diagram Melihat Daftar Tugas Yang Tertunda . 39
Tabel 3.24 Keterangan Activity Diagram Melihat Tugas Yang Harus Dikerjakan
... 42
Tabel 3.25 Keterangan Activity Diagram Membuat Laporan Tugas ... 43
Tabel 3.26 Keterangan Activity Diagram Menyetujui Laporan Tugas ... 44
Tabel 3.27 Keterangan Activity Diagram Melihat Laporan Tugas Yang Telah Disetujui ... 45
Tabel 3.28 Keterangan Activity Diagram Membuat Laporan Harian ... 46
Tabel 3.29 Keterangan Activity Diagram Menyetujui Laporan Harian ... 47
Tabel 3.30 Keterangan Activity Diagram Melihat Laporan Harian Yang Telah Disetujui ... 48
Tabel 3.31 Keterangan Activity Diagram Mengelola User ... 49
Tabel 3.32 Keterangan Activity Diagram Mengelola Hak Akses User ... 50
Tabel 3.33 Struktur Tabel “users” ... 59
Tabel 3.34 Struktur Tabel “table_role” ... 59
Tabel 3.35 Struktur Tabel “table_menu” ... 60
Tabel 3.36 Struktur Tabel “table_privileges” ... 60
Tabel 3.37 Struktur Tabel “table_section” ... 60
Tabel 3.38 Struktur Tabel “table_device” ... 61
Tabel 3.39 Struktur Tabel “table_priority” ... 61
Tabel 3.40 Struktur Tabel “table_task” ... 62
Tabel 3.41 Struktur Tabel “table_report”... 63