SISTEM INFORMASI PERJALANAN DINAS (SIPERAS) BERBASIS WEB PADA PT. KAIROS UTAMA INDONESIA Huda Isro Laila Lukitasari 41814120228 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
ii
iii
iv
v KATA PENGANTAR Puji dan syukur kehadirat Tuhan Yang Maha Esa atas rahmat dan kasihnya yang menyertai penulis selama proses pengerjaan laporan Tugas Akhir ini, sehingga penulis dapat menyelesaikan laporan Tugas Akhir yang berjudul Sistem Informasi Perjalanan Dinas (Siperas) Berbasis Web pada PT. Kairos Utama Indonesia dengan baik. Laporan Tugas Akhir ini ditulis sebagai bahan dari syarat kelulusan pendidikan Strata I di Universitas Mercu Buana Jakarta. Dalam menyelesaikan Tugas Akhir ini penulis tidak terlepas dari dukungan semua pihak, baik secara moril maupun materil. Oleh karena itu izinkanlah penulis menyampaikan ucapan teima kasih dan penghargaan kepada: 1. Inge Handriani, M.Ak., MMSI selaku koordinator tugas akhir pada Jurusan Sistem Informasi Universitas Mercubuana. 2. Ibu Nur Ani, S. Kom selaku Ketua Program Studi Sistem Informasi Universitas Mercubuana. 3. Bapak Ardiansyah, ST, MTIselaku pembimbing tugas akhir pada program studi Sistem Informasi Universitas Mercu Buana. 4. Orangtua serta keluarga tercinta yang telah banyak memberikan dukungan, motivasi serta doa terbaik kepada penulis. 5. Saudara dan sahabat sahabat Program Kelas Karyawan (PKK) Universitas Mercubuana yang telah memberikan dukungan moral dan doa untuk terus menyelesaikan tugas akhir ini. Penulis menyadari penyusunan laporan ini masih jauh dari sempurna, oleh karena itu, penulis mengharapkan kritik dan saran yang bersifat membangun demi terciptanya hasil yang lebih baik di masa yang akan datang. Semoga laporan ini dapat memberi manfaat bagi semua pihak khususnya lingkungan civitas Universitas Mercu Buana. Jakarta, 17 Januari 2017 Huda Isro Laila Lukitasari
viii DAFTAR ISI LEMBAR PERNYATAAN... i LEMBAR PERSETUJUAN SIDANG... ii LEMBAR PENGESAHAN... iii ABSTRAK...iv ABSTRACT... v KATA PENGANTAR...vi DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xiv BAB I PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Tujuan Penelitian... 2 1.4 Manfaat Penelitian... 3 1.5 Batasan Masalah... 3 1.6 Metode Penelitian... 3 1.7 Sistematika Penulisan... 4 BAB II LANDASAN TEORI... 6 2.1 Metode Penelitian... 6 2.1.1 Metodelogi Prototype... 6 2.2 Perjalanan Dinas... 7 2.2.1 Jurnal Pengembangan Sistem Informasi Berbasis Web Manajemen Perjalanan Dinas Satuan Kerja Perangkat Daerah (SKPD)... 7 2.2.2 Jurnal Analisis Proses Bisnis Sistem Pembuatan Surat Perintah Perjalanan Dinas Kantor Regional II PT. Pos Indonesia... 8 2.2.3 Literatur yang Digunakan... 9 2.3 Konsep Dasar Sistem Informasi... 10 2.3.1 Sistem... 10 2.3.2 Informasi... 10 2.3.3 Sistem Informasi... 10 2.4 Perangkat Lunak Pendukung... 10
ix 2.4.1 PHP... 10 2.4.2 Bootstrap... 11 2.5 Unified Modelling Language (UML)... 11 2.5.1 Use Case Diagram... 11 2.5.2 Acitivity Diagram... 12 2.5.3 Class Diagram... 14 2.5.4 Sequence Diagram... 16 2.6 Konsep Basis Data... 17 2.6.1 MySql... 17 2.7 Pengujian System... 17 2.7.1 Black Box Testing... 18 BAB III ANALISIS DAN PERANCANGAN... 19 3.1 Gambaran Umum Perusahaan... 19 3.1.1 Profile PT. Kairos Utama Indonesia... 19 3.1.2 Visi dan Misi Perusahaan... 19 3.1.3 Struktur Organisasi Perusahaan... 21 3.2 Identifikasi Masalah... 30 3.3 Analisa Kebutuhan Sistem... 32 3.3.1 Use Case Diagram... 32 3.3.2 Use Case Description... 32 3.3.3 Activity Diagram... 42 3.3.4 Sequence Diagram... 49 3.3.5 Class Diagram... 58 3.4 Spesifikasi Database... 58 3.5 Perancangan Antar Muka... 66 3.6 Perancangan Sistem Arsitektur... 76 BAB IV IMPLEMENTASI DAN EVALUASI... 77 4.1 Implementasi... 77 4.1.1 Implementasi Sistem... 77 4.1.2 Tampilan Antar Muka... 78 4.2 Tahap Pengujian... 90 4.2.1 Teknik Pengujian... 90 4.2.2 Skenario Pengujian... 90
x 4.2.3 Hasil Pengujian... 99 4.2.4 Analisa Hasil Pengujian... 107 BAB V KESIMPULAN dan SARAN... 108 5.1 Kesimpulan... 108 5.2 Saran... 108 DAFTAR PUSTAKA... 109
xi DAFTAR GAMBAR Gambar 1 Metode Prototype... 6 Gambar 2 Struktur Organisasi Management Office... 21 Gambar 3 Struktur Organisasi DCOPS... 22 Gambar 4Struktur Organisasi EDP Divison... 23 Gambar 5Struktur Organisasi EIS Divison... 24 Gambar 6 Struktur Organisasi HR & Finance Division... 25 Gambar 7Struktur Organisasi IT Internal Division... 26 Gambar 8Struktur Organisasi OSV Support... 27 Gambar 9Struktur Organisasi Pertamina Advisory... 28 Gambar 10 Struktur Organisasi Sales & Masketing Division... 29 Gambar 11 Activity Diagram Sistem Berjalan Pengajuan Perjalanan Dinas... 30 Gambar 12 Activity Diagram Sistem Berjalan Laporan Perjalanan Dinas... 31 Gambar 13Use Case Diagram... 32 Gambar 14Activity Diagram - Master Department... 42 Gambar 15Activity Diagram Master Karyawan... 43 Gambar 16Activity Diagram Master User... 43 Gambar 17Activity Diagram Master Uang Dinas... 44 Gambar 18Activity Diagram Master Client... 44 Gambar 19Activity Diagram Master Cabang... 45 Gambar 20Activity Diagram Pengajuan Perjalanan Dinas... 46 Gambar 21Activity Diagram Tindak Lanjut Perjalanan Dinas... 47 Gambar 22Activity Diagram Pengajuan Laporan Dinas... 48 Gambar 23Sequence Diagram Kelola Master Data User... 49 Gambar 24Sequence Diagram Kelola Master Client... 50 Gambar 25Sequence Diagram Kelola Master Cabang... 51 Gambar 26Sequence Diagram Kelola Master Uang Dinas... 52 Gambar 27Sequence Diagram Kelola Master Department... 53 Gambar 28Sequence Diagram Kelola Master Karyawan... 54 Gambar 29Sequence Diagram Pengajuan Dinas... 54 Gambar 30Sequence Diagram Approval Pengajuan Dinas... 55 Gambar 31Sequence Diagram Tindak Lanjut Pengajuan Dinas... 56 Gambar 32Sequence Diagram Membuat Laporan Dinas... 56 Gambar 33Sequence Diagram Approve Laporan Dinas... 57 Gambar 34Class Diagram... 58 Gambar 35 Perancangan Halaman Login... 66 Gambar 36 Perancangan Menu Admin... 66 Gambar 37 Perancangan Halaman Utama... 66 Gambar 38 Perancangan Master Department... 67 Gambar 39 Perancangan Tambah Department... 67 Gambar 40 Perancangan Update Department... 67 Gambar 41 Perancangan Master Karyawan... 68 Gambar 42 Perancangan Tambah Karyawan... 68
xii Gambar 43 Perancangan Update Karyawan... 69 Gambar 44 Perancangan Master Client... 69 Gambar 45 Perancangan Tambah Client... 70 Gambar 46 Perancangan Update Client... 70 Gambar 47 Perancangan Master Cabang... 71 Gambar 48 Perancangan Tambah Cabang... 71 Gambar 49 Perancangan Update Cabang... 71 Gambar 50 Perancangan Master Uang Dinas... 72 Gambar 51 Perancangan Tambah Uang Dinas... 72 Gambar 52 Perancangan Update Uang Dinas... 72 Gambar 53 Perancangan Master User... 73 Gambar 54 Perancangan Tambah User... 73 Gambar 55 Perancangan Update User... 73 Gambar 56 Perancangan Pengajuan Perjalanan Dinas... 74 Gambar 57 Perancangan Tambah Pengajuan Perjalanan Dinas... 74 Gambar 58 Perancangan Edit Pengajuan Perjalanan Dinas... 75 Gambar 59 Perancangan Approval Pengajuan Dinas... 75 Gambar 60 Perancangan Approval Laporan Dinas... 75 Gambar 61 Perancangan Halaman Laporan Dinas... 76 Gambar 62Rancangan Sistem Arsitektur... 76 Gambar 63 Halaman Login... 78 Gambar 64 Halaman Home... 79 Gambar 65 Halaman Master Department... 79 Gambar 66 Halaman Tambah Department... 80 Gambar 67 Halaman Master Karyawan... 80 Gambar 68 Halaman Tambah Karyawan... 81 Gambar 69 Halaman Master Client... 81 Gambar 70 Halaman Tambah Client... 82 Gambar 71 Halaman Master Cabang... 82 Gambar 72 Halaman Tambah Cabang... 83 Gambar 73 Halaman Master Uang Dinas... 83 Gambar 74 Halaman Tambah Uang Dinas... 84 Gambar 75 Halaman Master User... 84 Gambar 76 Halaman Tambah User... 85 Gambar 77 Halaman Pengajuan Dinas... 85 Gambar 78 Halaman Tambah Pengajuan Dinas... 86 Gambar 79 Halaman Approval Pengajuan Dinas... 86 Gambar 80 Halaman Detail Pengajuan Dinas... 87 Gambar 81 Halaman Laporan Dinas... 87 Gambar 82 Halaman Tambah Laporan Dinas... 88 Gambar 83 Halaman Approval Laporan Dinas... 88 Gambar 84 Halaman Detail Laporan Dinas... 89 Gambar 85 Halaman Report - 1... 89
xiii Gambar 86 Halaman Report - 2... 90
xiv DAFTAR TABEL Tabel 1 Simbol Use Case Diagram... 12 Tabel 2 Simbol Activity Diagram... 13 Tabel 3 Simbol Class Diagram... 14 Tabel 4 Simbol Sequence Diagram... 16 Tabel 5 ScenarioUse Case Kelola Master Department... 32 Tabel 6 Scenario Use Case Kelola Master Karyawan... 33 Tabel 7 Scenario Use Case Kelola Master Client... 34 Tabel 8 Scenario Use Case Kelola Master Cabang... 35 Tabel 9Scenario Use Case Kelola Master Uang Dinas... 36 Tabel 10 Scenario Use Case Kelola Master User... 37 Tabel 11 Scenario Use Case Input Pengajuan Dinas... 38 Tabel 12 Scenario Use Case Approve Pengajuan Dinas... 39 Tabel 13 Scenario Use Case Approve Laporan Dinas... 40 Tabel 14 Scenario Use Case Membuat Laporan Dinas... 40 Tabel 15 Scenario Use Case Kelola Perjalanan Dinas... 41 Tabel 16 Tabel Master Department... 59 Tabel 17 Tabel Master Karyawan... 59 Tabel 18 Tabel Master Client... 59 Tabel 19 Tabel Master Cabang... 60 Tabel 20 Tabel Master User... 60 Tabel 21 Tabel Master Uang Dinas... 60 Tabel 22 Tabel tr_perjalanandinas... 61 Tabel 23 Tabel Cash Advance... 62 Tabel 24 Tabel Laporan Dinas... 63 Tabel 25 Perangkat Lunak Pendukung... 77 Tabel 26 Perangkat Keras Pendukung... 77 Tabel 27 Scenario Pengujian Halaman Admin... 90 Tabel 28 Scenario Pengujian Halaman Manager... 95 Tabel 29 Scenario Pengujian Halaman Finance... 98 Tabel 30 Hasil Pengujian Halaman Admin... 99 Tabel 31 Hasil Pengujian Halaman Manager... 104 Tabel 32 Hasil Pengujian Halaman Karyawan... 105 Tabel 33 Hasil Pengujian Halaman Finance... 106