i
APLIKASI KLAIM VOUCHER TAKSI BERBASIS WEB PADA
PT. PRIMA INTEGRASI SOLUSINDO
ENDANG
41813120081
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
JAKARTA
2016
ii
APLIKASI KLAIM VOUCHER TAKSI BERBASIS WEB PADA
PT. PRIMA INTEGRASI SOLUSINDO
TUGAS AKHIR
Diajukan Untuk Melengkapi Salah Satu Syarat Pembuatan Skripsi Memperoleh Gelar Sarjana Komputer
OLEH:
ENDANG
41813120081
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
JAKARTA
2016
iii
iv
v
KATA PENGANTAR
Puji dan Syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia-Nya, sehingga laporan tugas akhir dapat terselesaikan tepat waktu. Salawat serta salam tak lupa penulis junjungkan kepada Nabi Muhammda SAW beserta keluarga, sahabat, dan para pengikutnya yang insya Alloh akan tetap istiqomah hingga akhir hari nanti. Amien.
Laporan tugas akhir yang berjudul “Aplikasi Klaim Voucher Taksi Berbasis Web pada PT. Prima Integrasi Solusindo” ini dibuat untuk memnuhi persyaratan kelulusan pada program Strata Satu (S1) Program Studi Sistem Informasi Universitas Mercu Buana. Penulis menyadari sepenuhnya bahwa penyusunan skripsi ini masih banyak kekurangan dan keterbatasan. Namun demikian, penulis berusaha agar penyusunan skripsi ini tetap memenuhi syarat sebagai karya tulis yang bersifat ilmiah.
Selama melakukan penyusunan sampai selesainya skripsi ini, penulis banyak memperoleh saran, arahan dan bimbingan dari berbagai pihak. Maka pada kesempatan kali ini, penulis mengucapkan terima kasih kepada :
1. Bapak Andi Nugroho, ST, M.Kom. selaku dosen pembimbing yang telah banyak sekali memberikan bimbingan dan pengarahan kepada penulis, atas waktu dan kesempatannya sehingga semua terjadwal dengan baik tanpa halangan.
2. Ibu Nur Ani, ST., MMSI, selaku Kepala Program Studi Sistem Informasi.
3. Para Dosen dan Staf Universitas Mercu Buana yang tidak bisa penulis sebutkan satu per satu.
4. Kedua orang tua yang telah memberikan support dalam bentuk material maupun non material, sehingga penulis dapat bersemangat dalam penyusunan laporan ini.
5. Rini Pertiwi yang telah memberikan support dan dorongan agar tetap semangat dalam mengerjakan tugas akhir.
6. Teman-teman dari Universitas Mercu Buana yang tidak dapat penulis sebutkan satu per satu yang telah mendukung dan membantu penulis dalam penyusunan laporan ini sehingga penulis dapat menyelesaikan Laporan ini tepat waktu.
vi
Akhir kata penulis berharap semoga Laporan skripsi ini dapat bermanfaat bagi penulis khususnya, dan bagi mahasiswa/I Universitas Mercu Buana pada umumnya.
Jakarta, 08 Januari 2016
ix
DAFTAR ISI
LEMBAR PERNYATAAN ... iii
LEMBAR PENGESAHAN ...iv
KATA PENGANTAR ... v
ABSTRACTION ...vii
ABSTRAKSI ... viii
DAFTAR ISI ...ix
DAFTAR GAMBAR ...xii
DAFTAR TABEL... xiv
BAB I ... 1 PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 2 1.3 Batasan Masalah ... 2 1.4 Tujuan Penelitian ... 2 1.5 Manfaat Penelitian... 2 1.6 Metodologi Penelitian ... 3 1.7 Sistematika Penulisan ... 3 BAB II ... 5 LANDASAN TEORI ... 5 2.1 Web Aplikasi ... 5
2.2 Rekayasa Perangkat Lunak ... 5
2.2.1 Pengertian SDLC (Software Development Life Cycle) ... 5
2.2.2 Metode Waterfall ... 6
2.2.3 UML (Unified Modeling Language) ... 8
2.2.3.1 Use Case Diagram ... 8
2.2.3.2 Sequence Diagram ... 9
2.2.3.3 Activity Diagram ... 11
2.2.3.4 Calss Diagram ... 13
2.3 Pengertian Klaim ... 15
2.4 Pengertian Taksi ... 15
x 2.6 Website ... 17 2.7 Pengertian HTML ... 18 2.8 Pengertian XAMPP ... 18 2.8.1 MySQL ... 19 2.8.2 PHP ... 20 2.9 jQuery ... 20
2.10 CSS (Cascade Style Sheet) ... 22
2.11 Bootstrap ... 22
2.12 Dreamweaver ... 23
BAB III ... 26
ANALISA DAN PERANCANGAN ... 26
3.1 Profil Perusahaan ... 26
3.2 Visi dan Misi Perusahaan dan Struktur Perusahaan ... 26
3.2.1 Visi Perusahaan ... 26
3.2.2 Misi Perusahaan ... 26
3.2.3 Bidang Usaha Perusahaan ... 26
3.2.4 Struktur Organisasi Perusahaan ... 27
3.3 Analisa Sistem Berjalan... 28
3.3.1 Diagram Konseptual ... 28
3.3.2 Diagram Use Case Berjalan ... 30
3.4 Usulan Sistem ... 37
3.5 Spesifikasi Sistem ... 37
3.5.1 Pemodelan Design Sistem Usulan ... 38
BAB IV ... 71
IMPLEMENTASI DAN PENGUJIAN ... 71
4.1 Implementasi Aplikasi ... 71 4.1.1 Perangkat Keras ... 71 4.1.2 Perangkat Lunak ... 71 4.2 Implementasi Database ... 71 4.2.1 Tabel karyawan ... 72 4.2.2 Tabel proyek... 72 4.2.3 Tabel voucher ... 72 4.2.5 Tabel workflow ... 72 4.2.6 Tabel denda ... 73
xi
4.2.7 Table riwayat ... 73
4.3 Implementasi Antar Muka ... 73
4.3.1 Login ... 73 4.3.2 Home... 74 4.3.3 Klaim Voucher ... 76 4.3.4 Halaman Persetujuan ... 77 4.3.5 Riwayat Klaim... 77 4.3.5 Permintaan Voucher ... 78 4.3.6 Denda ... 79 4.3.7 Karyawan ... 81 4.3.8 Proyek ... 82 4.3.9 Voucher ... 84 4.3.10 Laporan ... 85 4.4 Tahap Pengujian ... 86 BAB V ... 91 PENUTUP ... 91 5.1 Kesimpulan ... 91 5.2 Saran ... 91 DAFTAR PUSTAKA ... xciii
xii
DAFTAR GAMBAR
Gambar 2. 1 Model Waterfall ... 6
Gambar 2. 2 Contoh use case diagram ... 8
Gambar 2. 3 Contoh Sequence Diagram ... 10
Gambar 2. 4 Contoh Activity Diagram dengan Swimlane ... 13
Gambar 2. 5 Contoh Class diagram ... 14
Gambar 2. 6 Contoh Class diagram ... 15
Gambar 2. 7 Voucher Taksi Blue Bird Group ... 16
Gambar 2. 8 Struktur Php ... 20
Gambar 2. 9 Tampilan Script Javascript ... 21
Gambar 2. 10 Tampilan Script jQuery ... 21
Gambar 2. 11 Tampilan Logo jQuery Dan Slogannya... 21
Gambar 2. 12 Tampilan Hasil Bootstrap Responsive Fixed Layout Pada Ukuran Layar Smartphone... 23
Gambar 2. 13 Tampilan Adobe Dreamweaver CS6... 24
Gambar 2. 14 Tampilan Ruang Kerja Adobe Dreamweaver CS6 ... 24
Gambar 3. 1 Struktur Organisasi Perusahaan ... 27
Gambar 3. 2 Diagram Konseptual Klaim Voucher Taksi ... 28
Gambar 3. 3 Use Case Berjalan ... 30
Gambar 3. 4 Use Case Usulan ... 38
Gambar 3. 5 Activity Diagram Membuat Permintaan Voucher Taksi ... 44
Gambar 3. 6 Activity Diagram Memberikan Voucher Taksi ... 44
Gambar 3. 7 Activity Diagram Mengajukan klaim Penggunaan Voucher Taksi ... 45
Gambar 3. 8 Activity Diagram Memberikan Persetujuan Klaim Voucher Taksi ... 45
Gambar 3. 9 Activity Diagram Melihat Laporan Penggunaan Voucher Taksi... 46
Gambar 3. 10 Activity Diagram Mengelola Denda Voucher Taksi ... 47
Gambar 3. 11 Activity Diagram Membayar Denda ... 47
Gambar 3. 12 Activity Diagram Mengelola Data Karyawan ... 48
Gambar 3. 13 Activity Diagram Mengelola Data Proyek ... 49
Gambar 3. 14 Activity Diagram Mengelola Data Voucher ... 50
Gambar 3. 15 Sequence Diagram Membuat Permintaan Voucher Taksi ... 51
Gambar 3. 16 Sequence Diagram Memberikan Voucher Taksi ... 51
xiii
Gambar 3. 18 Sequence Diagram Memberikan Persetujuan Klaim... 52
Gambar 3. 19 Sequence Diagram Melihat Laporan Penggunaan Voucher Taksi... 53
Gambar 3. 20 Sequence Diagram Mengelola Daftar Denda ... 53
Gambar 3. 21 Sequence Diagram Membayar Denda ... 54
Gambar 3. 22 Sequence Diagram Mengelola Data Karyawan ... 54
Gambar 3. 23 Sequence Diagram Mengelola Data proyek ... 55
Gambar 3. 24 Sequence Diagram Mengelola Data Voucher ... 55
Gambar 3. 25 Class Diagram Usulan Aplikasi Klaim Voucher Taksi ... 56
Gambar 3. 26 Rancangan Layar Halaman Login... 60
Gambar 3. 27 Rancangan Layar Halaman Home ... 60
Gambar 3. 28 Rancangan Layar Halaman Form Permintaan Voucher ... 61
Gambar 3. 29 Rancangan Layar Halaman Daftar Permintaan Voucher ... 61
Gambar 3. 30 Rancangan Layar Halaman Form Klaim Voucher ... 62
Gambar 3. 31 Rancangan Layar Halaman Riwayat Klaim ... 63
Gambar 3. 32 Rancangan Layar Halaman Persetujuan Klaim Voucher Taksi ... 63
Gambar 3. 33 Rancangan Layar Halaman Denda ... 64
Gambar 3. 34 Rancangan Layar Halaman Laporan ... 64
Gambar 3. 35 Rancangan Layar Halaman Master Karyawan ... 65
Gambar 3. 36 Rancangan Layar Halaman Master Proyek ... 65
xiv
DAFTAR TABEL
Tabel 3. 1 Skenario Use Case Meminta Voucher Taksi... 31
Tabel 3. 2 Skenario Use Case Meminta Voucher Taksi... 31
Tabel 3. 3 Skenario Use Case Menggunakan Voucher Taksi... 32
Tabel 3. 4 Skenario Use Case Mengajukan Klaim Penggunaan Voucher Taksi ... 32
Tabel 3. 5 Skenario Use Case Memeriksa Klaim dan Melakukan Persetujuan ... 33
Tabel 3. 6 Skenario Use Case Mengetahui Persetujuan Klaim ... 33
Tabel 3. 7 Skenario Use Case Mencatat Penggunaan Voucher Taksi... 34
Tabel 3. 8 Skenario Use Case Melihat Laporan Penggunaan Voucher Taksi ... 34
Tabel 3. 9 Skenario Use Case Mengeloal Daftar Denda ... 35
Tabel 3. 10 Skenario Use Case Melihat Daftar Denda... 35
Tabel 3. 11 Skenario Use Case Mengelola Data Voucher ... 36
Tabel 3. 12 Skenario Use Case Mengelola Data Proyek ... 36
Tabel 3. 13 Skenario Use Case Mengelola Data Karyawan ... 36
Tabel 3. 14 Skenario Use Case Membuat Permintaan Voucher Taksi ... 39
Tabel 3. 15 Skenario Use Case Memberikan Voucher Taksi ... 39
Tabel 3. 16 Skenario Use Case Mengajukan Klaim Penggunaan Voucher Taksi ... 40
Tabel 3. 17 Skenario Use Case Mendapatkan Tugas Persetujuan Voucher Taksi ... 40
Tabel 3. 18 Skenario Use Case Mendapatkan Tugas Persetujuan Voucher Taksi ... 41
Tabel 3. 19 Skenario Use Case Mengelola Denda ... 41
Tabel 3. 20 Skenario Use Case Mendapatkan Tugas Persetujuan Voucher Taksi ... 42
Tabel 3. 21 Skenario Use Case Mengelola Data Karyawan ... 42
Tabel 3. 22 Skenario Use Case Mengelola Data Proyek ... 43
Tabel 3. 23 Skenario Use Case Mengelola Data Voucher ... 43
Tabel 3. 24 Tabel karyawan ... 57
Tabel 3. 25 Tabel proyek... 57
Tabel 3. 26 Tabel voucher ... 57
Tabel 3. 27 Tabel permintaan_voucher ... 58
Tabel 3. 28 Tabel denda ... 58
Tabel 3. 29 Tabel workflow ... 58
Tabel 3. 30 Tabel riwayat ... 59
Tabel 3. 31 Tabel bayar_denda ... 59