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 i
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 ii
LEMBAR PERNYATAAN iii
LEMBAR PENGESAHAN iv
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. v
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 Endang vi
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 2.5 Pengertian Voucher Taksi... 16 ix
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 x
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 xi
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 Gambar 3. 17 Sequence Diagram Mengajukan Klaim Penggunaan Voucher Taksi... 52 xii
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 Gambar 3. 37 Rancangan Layar Halaman Master Voucher... 66 xiii
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 Tabel 4. 1 Tahap Pengujian... 86 xiv