LAPORAN SKRIPSI SISTEM INFORMASI PENGELOLAAN PEMINJAMAN KENDARAAN BERBASIS WEB PADA UNIVERSITAS MURIA KUDUS Laporan ini disusun guna memenuhi salah satu syarat untuk menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus Disusun Oleh : Nama : Elsya Vera Indraswari NIM : 2010-53-107 Program Studi : Sistem Informasi Fakultas : Teknik FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS KUDUS 2014 i
ii
iii
iv
HALAMAN MOTTO DAN PERSEMBAHAN MOTTO Keberhasilan kita tidak hanya diukur dari seberapa besar dan tinggi daratan impian yang bisa kita capai di akhir perjalanan, tetapi keberhasilan kita terutama dinilai dari kualitas perjalanan kita. Maka bila kita menjaga kualitas perjalanan harian kita, maka kapan pun perjalanan itu berakhir-perjalanan kita akan berakhir dengan baik. PERSEMBAHAN Skripsi ini aku persembahkan kepada kedua orang tuaku, khususnya kepada ayahanda tercinta yang telah berpulang ke Rahmatullah sebelum melihat keberhasilan anaknya. Semoga beliau dapat tersenyum di sana bersama limpahan kasih dan sayang Allah SWT. Amiin v
RINGKASAN Laporan skripsi dengan judul Sistem Informasi Pengelolaan Peminjaman Kendaraan Berbasis Web pada Universitas Muria Kudus telah dilaksanakan dengan tujuan untuk menghasilkan suatu sistem informasi berbasis web yang diharapkan dapat membantu proses pengelolaan peminjaman kendaraan pada Universitas Muria Kudus. Dengan adanya sistem ini pemohon peminjaman kendaraan tidak perlu harus datang ke kantor Biro Adminisrasi Umum (BAU) untuk mengetahui jadwal peminjaman kendaraan dan melakukan permohonan peminjaman kendaraan. Selain itu Kepala Bagian Umum dan Rumah Tangga juga dapat mengakses permohonan dan melakukan proses persetujuan secara online. Pada intinya sistem ini memperbaiki sistem manual yang telah ada menjadi terkomputerisasi sehingga proses pengelolaan menjadi lebih efektif dan efisien. Sistem ini dirancang dengan menggunakan pemodelan UML. Sedangkan bahasa pemrograman yang digunakan adalah PHP dan database MySQL. Perancangan tersebut menghasilkan Sistem Informasi Pengelolaan Peminjaman Kendaraan Berbasis Web pada Universitas Muria Kudus. Kata Kunci : Sistem Informasi, Peminjaman, Kendaraan, Web vi
KATA PENGANTAR Segala puji bagi Allah Yang Maha Pengasih dan Penyayang yang telah melimpahkan rahmat dan kasih sayang-nya sehingga kali ini penulis dapat menyelesaikan Laporan Skripsi di Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus. Penyususnan Skripsi ini merupakan salah satu syarat untuk menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus. Penulis menyadari bahwa di dalam penyusunan Laporan Skripsi ini tentunya masih terdapat berbagai kekurangan, sehingga penulis akan sangat menghargai segala masukan yang berguna dari pembaca. Pada kesempatan ini penulis menyampaikan ucapan terma kasih kepada: 1. Bapak Rochmad Winarso, S.T, M.T, selaku Dekan Fakultas Teknik Universitas Muria Kudus. 2. Bapak R. Rhoedy Setiawan, M.Kom, selaku Kepala Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus. 3. Bapak Andy Prasetyo Utomo, S.Kom. MT., selaku dosen wali penulis dan Pembimbing Utama yang telah banyak memberikan masukan selama penulis menempuh kuliah terutama saat penyusunan skripsi. 4. Bapak Syafiul Muzid, ST., M.Cs., selaku Pembimbing Pembantu yang telah banyak memberikan petunjuk, nasehat, bimbingan, dan arahan hingga terselesaikannya penulisan laporan ini. 5. Bapak Ery Budi Kuryanto selaku Kepala Bagian Umum dan Rumah Tangga Biro Administrasi Umum Universitas Muria Kudus dan narasumber yang telah memberikan informasi tentang prosedur peminjaman kendaraan di Universitas Muria Kudus. 6. Bapak Agus Dwi Kurnanto (Alm) dan Ibu Kustiyah, orang tua terbaik yang senantiasa memberikan cinta kasih dan doa yang mengantarkan penulis untuk menjadi seseorang yang berhasil. vii
7. Adik-adik penulis, Ilham Fitra Ramadwika dan Alkaf Khalid Razif yang menjadi sumber motivasi bagi penulis untuk menjadi kakak yang terbaik. 8. Yang terkasih Deni Prasetyo yang tak pernah lelah mengajak penulis untuk tetap tersenyum. 9. Semua teman-teman seperjuangan, nurus, rina, za, anis, kodir, arin, erna, zerr, nabil, fahrur, akhlis, zamroni, dan lainnya yang rela menjadi tempat berkeluhkesah, berbagi tawa dan canda. 10. Keluarga Jurnalistik Pena Kampus, Teater Obeng dan Teater Keset yang memberi segudang pengalaman bagi penulis. 11. Dan semua pihak yang secara tidak langsung memberikan dukungan dan bantuannya kepada penulis dalam penyusunan laporan skripsi ini. Penulis berharap semoga langkah selanjutnya diridhoi oleh Allah SWT. Akhirnya sebagai penutup penulis berharap semoga Laporan Skripsi ini dapat memberikan manfaat bagi pembaca untuk mengembangkan ilmu pengetahuan, khususnya di bidang Teknologi dan Sistem Informasi. Amin. Kudus, 15 Juni 2014 Penulis viii
DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI... iv HALAMAN MOTTO DAN PERSEMBAHAN... v RINGKASAN... vi KATA PENGANTAR... vii DAFTAR ISI... xi DAFTAR TABEL... xii DAFTAR GAMBAR... xiv DAFTAR LAMPIRAN... xx BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2 Perumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan Skripsi... 2 1.5 Manfaat Skripsi... 2 1.5.1 Bagi Instansi... 2 1.5.2 Bagi Penulis... 3 1.6 Tinjauan Pustaka... 3 1.7 Metodologi Penelitian... 4 1.7.1 Metode Pengumpulan Data... 4 1.7.2 Metode Rekayasa Perangkat Lunak... 5 1.8 Sistematika Penulisan... 6 BAB II LANDASAN TEORI... 7 2.1 Konsep Dasar Sistem... 7 2.1.1 Pengertian Sistem... 7 2.1.2 Klasifikasi Sistem... 8 2.2 Konsep Dasar Informasi... 8 ix
2.2.1 Pengertian Informasi... 8 2.2.2 Nilai Informasi... 8 2.2.3 Kualitas Informasi... 8 2.3 Pengertian Sistem Informasi... 9 2.4 Flow Of Document (FOD)... 10 2.5 Unifed Modeling Language (UML)... 11 2.6 Diagram-diagram UML... 11 2.6.1 Use Case Diagram... 11 2.6.2 Class Diagram... 13 2.6.3 Sequence Diagram... 14 2.6.4 Activity Diagram... 15 2.6.5 Statechart Diagram... 16 2.7 Rekayasa Perangkat Lunak... 17 2.8 Basis Data... 18 2.7.1 Entity Relationship Diagram (ERD)... 19 2.7.2 Transformasi ERD ke Database Relationanl... 22 BAB III TINJAUAN UMUM OBYEK PENELITIAN... 26 3.1 Visi, Misi dan Tujuan... 26 3.2 Struktur Organisasi... 27 3.3 Peta Instansi... 28 3.4 Alur Sistem Informasi Pengelolaan Peminjaman Kendaraan di UMK... 28 3.4.1 Pemeran Alur Sistem... 28 3.4.2 FOD Peminjaman Kendaraan... 30 BAB IV ANALISA DAN PERANCANGAN SISTEM... 34 4.1 Analisa Kebutuhan Sistem... 34 4.1.1 Analisa Kebutuhan Data dan Informasi... 34 4.1.2 Analisa Aktor Sistem... 35 4.2 Desain Sistem Dan Perangkat Lunak... 36 4.2.1 Analisa Kasus... 36 4.2.2 Proses Bisnis... 36 x
4.2.3 Business Use Case Diagram... 38 4.2.4 Use Case Diagram... 39 4.2.5 Use Case Deskripsi... 39 4.2.6 Class Diagram... 56 4.2.7 Sequence Diagram... 63 4.2.8 Activity Diagram... 76 4.2.9 Statechart Diagram... 87 4.2.10 Entity Relationship Diagram (ERD)... 95 4.2.11 Transformasi ERD ke Tabel... 100 4.2.12 Perancangan Interface... 110 BAB V PEMBAHASAN DAN IMPLEMENTASI... 119 5.1 Implementasi Sistem... 119 5.1.1 Lingkungan Implementasi... 119 5.1.2 Lingkungan Sumber Daya Manusia... 120 5.1.3 Impelementasi Layar Antar Muka... 120 5.1.4 Batasan Implementasi... 120 BAB VI PENUTUP... 128 6.1 Kesimpulan... 128 6.2 Saran... 128 DAFTAR PUSTAKA LAMPIRAN xi
DAFTAR TABEL Tabel 2.1 : Simbol Bagan Alir Dokumen... 10 Tabel 2.2 : Notasi Use Case Diagram... 12 Tabel 2.3 : Notasi Class Diagram... 13 Tabel 2.4 : Notasi Sequence Diagram... 14 Tabel 2.5 : Notasi Activity Diagram... 15 Tabel 2.6 : Notasi Statechart Diagram... 16 Tabel 2.7 : Notasi Entity Relationship Diagram... 21 Tabel 4.1 : Proses Bisnis... 37 Tabel 4.2 : Deskripsi Use Case Mengelola Data User... 39 Tabel 4.3 : Deskripsi Use Case Mengelola Data Peminjam... 41 Tabel 4.4 : Deskripsi Use Case Mengelola Data Kendaraan... 42 Tabel 4.5 : Deskripsi Use Case Mengelola Data Sopir... 43 Tabel 4.6 : Deskripsi Use Case Mengelola Jadwal Sopir... 45 Tabel 4.7 : Deskripsi Use Case Mengajukan Permohonan... 46 Tabel 4.8 : Deskripsi Use Case Mengajukan Permohonan Pribadi... 47 Tabel 4.9 : Deskripsi Use Case Memverifikasi Peminjaman... 49 Tabel 4.10 : Deskripsi Use Case Mengelola Peminjaman... 50 Tabel 4.11 : Deskripsi Use Case Mengelola Pengembalian... 51 Tabel 4.12 : Deskripsi Use Case Mengelola Tanggungan... 52 Tabel 4.13 : Deskripsi Use Case Jadwal Peminjaman... 53 Tabel 4.14 : Deskripsi Use Case Jadwal Sopir... 53 Tabel 4.15 : Deskripsi Use Case Mengakses Grafik Intensitas Peminjaman 54 Tabel 4.16 : Deskripsi Use Case Mengakses Laporan Peminjaman... 55 Tabel 4.17 : Tabel User... 105 Tabel 4.18 : Tabel Lembaga... 105 Tabel 4.19 : Tabel Operator... 106 Tabel 4.20 : Tabel Peminjam... 106 Tabel 4.21 : Tabel Permohonan... 107 Tabel 4.22 : Tabel Sopir... 108 Tabel 4.23 : Tabel Kendaraan... 108 xii
Tabel 4.24 : Tabel Peminjaman... 109 Tabel 4.25 : Tabel Tanggungan... 110 xiii
DAFTAR GAMBAR Gambar 2.1 : Tahapan Dalam Model Air Terjun... 9 Gambar 2.2 : Transformasi dari ERD ke Database... 22 Gambar 2.3 : Transformasi dari ERD ke Database... 22 Gambar 2.4 : Transformasi dari ERD ke Database... 22 Gambar 2.5 : Transformasi dari ERD ke Database... 23 Gambar 2.6 : Transformasi dari ERD ke Database... 23 Gambar 2.7 : Transformasi dari ERD ke Database... 23 Gambar 2.8 : Transformasi dari ERD ke Database... 24 Gambar 2.9 : Transformasi dari ERD ke Database... 24 Gambar 2.10 : Transformasi dari ERD ke Database... 24 Gambar 2.11 : Transformasi dari ERD ke Database... 25 Gambar 2.12 : Transformasi dari ERD ke Database... 25 Gambar 2.13 : Transformasi dari ERD ke Database... 25 Gambar 3.1 : Struktur Organisasi BAU UMK... 27 Gambar 3.2 : Denah Lokasi UMK... 28 Gambar 3.3 : FOD Proses Peminjaman Dari Unit atau Fakultas Bersifat Dinas... 30 Gambar 3.4 : FOD Proses Peminjaman Pribadi... 32 Gambar 4.1 : Businesss Use Case Diagram... 38 Gambar 4.2 : Use Case Diagram... 39 Gambar 4.3 : Class User... 56 Gambar 4.4 : Class Lembaga... 57 Gambar 4.5 : Class Operator... 57 Gambar 4.6 : Class Peminjam... 58 Gambar 4.7 : Class Kendaraan... 58 Gambar 4.8 : Class Sopir... 59 Gambar 4.9 : Class Permohonan... 59 Gambar 4.10 : Class Verifikasi... 60 Gambar 4.11 : Class Peminjaman... 60 Gambar 4.12 : Class Pengembalian... 60 xiv
Gambar 4.13 : Class Tanggungan... 61 Gambar 4.14 : Class Jadwal... 61 Gambar 4.15 : Class diagram Sistem Informasi Pengelolaan Peminjaman Kendaraan Berbasis Web pada Universitas Muria Kudus... 62 Gambar 4.16 : Sequence Diagram Mengelola Data User... 63 Gambar 4.17 : Sequence Diagram Mengelola Data Peminjam... 64 Gambar 4.18 : Sequence Diagram Mengelola Data Sopir... 65 Gambar 4.19 : Sequence Diagram Mengelola Data Kendaraan... 66 Gambar 4.20 : Sequence Diagram Mengelola Jadwal Sopir... 67 Gambar 4.21 : Sequence Diagram Mengajukan Permohonan... 68 Gambar 4.22 : Sequence Diagram Mengajukan Permohonan Pribadi... 69 Gambar 4.23 : Sequence Diagram Memverifikasi Permohonan... 69 Gambar 4.24 : Sequence Diagram Mengelola Peminjaman... 69 Gambar 4.25 : Sequence Diagram Mengelola Pengembalian... 70 Gambar 4.26 : Sequence Diagram Mengelola Peminjaman... 71 Gambar 4.27 : Sequence Diagram Mengakses Jadwal Peminjaman... 72 Gambar 4.28 : Sequence Diagram Mengakses Jadwal Sopir... 73 Gambar 4.29 : Sequence Diagram Mengakses Grafik Intensitas Peminjaman... 74 Gambar 4.30 : Sequence Diagram Mengakses Laporan Peminjaman... 75 Gambar 4.31 : Activity Diagram Mengelola Data User... 76 Gambar 4.32 : Activity Diagram Mengelola Data Peminjam... 77 Gambar 4.33 : Activity Diagram Mengelola Data Kendaraan... 78 Gambar 4.34 : Activity Diagram Mengelola Data Sopir... 79 Gambar 4.35 : Activity Diagram Mengelola Jadwal Sopir... 80 Gambar 4.36 : Activity Diagram Mengajukan Permohonan... 81 Gambar 4.37 : Activity Diagram Mengajukan Permohonan Pribadi... 82 Gambar 4.38 : Activity Diagram Memverifikasi Permohonan... 83 Gambar 4.39 : Activity Diagram Mengelola Peminjaman... 83 Gambar 4.40 : Activity Diagram Mengelola Pengembalian... 84 xv
Gambar 4.41 : Activity Diagram Mengelola Data Tanggungan... 84 Gambar 4.42 : Activity Diagram Mengakses Jadwal Sopir... 85 Gambar 4.43 : Activity Diagram Mengakses Jadwal Peminjaman... 85 Gambar 4.44 : Activity Diagram Mengakses Grafik Intensitas Peminjaman 86 Gambar 4.45 : Activity Diagram Mengakses Laporan Peminjaman... 86 Gambar 4.46 : Statechart Diagram method login... 87 Gambar 4.47 : Statechart Diagram method logout... 87 Gambar 4.48 : Statechart Diagram method tambah user... 87 Gambar 4.49 : Statechart Diagram method ubah user.... 88 Gambar 4.50 : Statechart Diagram method hapus user..... 88 Gambar 4.51 : Statechart Diagram method cari user... 88 Gambar 4.52 : Statechart Diagram method tambah peminjam... 88 Gambar 4.53 : Statechart Diagram method ubah peminjam... 89 Gambar 4.54 : Statechart Diagram method hapus peminjam... 89 Gambar 4.55 : Statechart Diagram method cari peminjam... 89 Gambar 4.56 : Statechart Diagram method tambah kendaraan... 89 Gambar 4.57 : Statechart Diagram method ubah kendaraa... 90 Gambar 4.58 : Statechart Diagram method hapus kendaraan... 90 Gambar 4.59 : Statechart Diagram method cari kendaraan... 90 Gambar 4.60 : Statechart Diagram method tambah sopir... 90 Gambar 4.61 : Statechart Diagram method ubah sopir... 90 Gambar 4.62 : Statechart Diagram method hapus sopir... 91 Gambar 4.63 : Statechart Diagram method cari sopir... 91 Gambar 4.64 : Statechart Diagram method tambah permohonan... 91 Gambar 4.65 : Statechart Diagram method tampil permohonan... 91 Gambar 4.66 : Statechart Diagram method tambah verifikasi... 92 Gambar 4.67 : Statechart Diagram method cari verifikasi... 92 Gambar 4.68 : Statechart Diagram method tambah peminjaman... 92 Gambar 4.69 : Statechart Diagram method cari peminjaman... 93 Gambar 4.70 : Statechart Diagram method tambah tanggungan... 93 Gambar 4.71 : Statechart Diagram method ubah tanggungan... 93 xvi
Gambar 4.72 : Statechart Diagram method cari tanggungan... 94 Gambar 4.73 : Statechart Diagram method tambah jadwal... 94 Gambar 4.74 : Statechart Diagram method ubah jadwal... 94 Gambar 4.75 : Statechart Diagram method hapus jadwal... 94 Gambar 4.76 : Statechart Diagram method cari jadwal... 94 Gambar 4.77 : Entitas Yang Ditetapkan... 95 Gambar 4.78 : Menentukan Primary Key... 95 Gambar 4.79 : Derajat Kardinalitas beserta Foreign Key antara user dan operator... 96 Gambar 4.80 : Derajat Kardinalitas beserta Foreign Key antara user dan lembaga... 96 Gambar 4.81 : Derajat Kardinalitas beserta Foreign Key antara lembaga dan peminjam... 96 Gambar 4.82 : Derajat Kardinalitas beserta Foreign Key antara peminjam dan permohonan... 97 Gambar 4.83 : Derajat Kardinalitas beserta Foreign Key antara Permohonan dan peminjaman... 97 Gambar 4.84 : Derajat Kardinalitas beserta Foreign Key antara kendaraan dan peminjaman... 97 Gambar 4.85 : Derajat Kardinalitas beserta Foreign Key antara sopir dan peminjaman... 98 Gambar 4.86 : Derajat Kardinalitas beserta Foreign Key antara peminjaman Dan tanggungan... 98 Gambar 4.87 : Derajat Kardinalitas beserta Foreign Key antara sopir dan jadwal... 98 Gambar 4.88 : Derajat Kardinalitas beserta Foreign Key antara sopir dan kendaraan... 99 Gambar 4.89 : ERD (Entity Relationship Diagram)... 100 Gambar 4.90 : Transformasi antara user dengan operator... 100 Gambar 4.91 : Transformasi antara user dengan lembaga... 101 Gambar 4.92 : Transformasi antara user dengan peminjam... 101 xvii
Gambar 4.93 : Transformasi antara peminjam dengan permohonan... 101 Gambar 4.94 : Transformasi antara permohonan dengan peminjaman... 102 Gambar 4.95 : Transformasi antara kendaraan dengan peminjaman... 102 Gambar 4.96 : Transformasi antara sopir dengan peminjaman... 103 Gambar 4.97 : Transformasi antara peminjaman dengan tanggungan... 103 Gambar 4.98 : Transformasi antara sopir dengan jadwal... 104 Gambar 4.99 : Transformasi antara sopir dengan kendaraan... 104 Gambar 4.100 : Relasi Tabel... 110 Gambar 4.101 : Desain Form Halaman Utama... 111 Gambar 4.102 : Desain Form Kelola Data Lembaga... 111 Gambar 4.103 : Desain Form Tambah Data Lembaga... 111 Gambar 4.104 : Desain Form Kelola Data Operator... 112 Gambar 4.105 : Desain Form Tambah Data Operator... 112 Gambar 4.106 : Desain Form Kelola Data Kendaraan... 112 Gambar 4.107 : Desain Form Tambah Data Kendaraan... 113 Gambar 4.108 : Desain Form Kelola Data Sopir... 113 Gambar 4.109 : Desain Form Tambah Data Sopir... 113 Gambar 4.110 : Desain Form Kelola Data Peminjam... 114 Gambar 4.111 : Desain Form Tambah Data Peminjam... 114 Gambar 4.112 : Desain Form Tambah Data Permohonan... 115 Gambar 4.113 : Desain Form Verifikasi Permohonan... 115 Gambar 4.114 : Desain Form Tambah Data Peminjaman... 116 Gambar 4.115 : Desain Form Tambah Data Pengembalian... 116 Gambar 4.116 : Desain Form Tambah Jadwal... 117 Gambar 4.117 : Desain Laporan Data Kendaraan... 117 Gambar 4.118 : Desain Laporan Data Sopir... 117 Gambar 4.119 : Desain Laporan Data Peminjaman... 118 Gambar 4.120 : Desain Form Grafik Peminjaman... 118 Gambar 5.1 : Tampilan Halaman Beranda... 121 Gambar 5.2 : Tampilan Halaman Kelola Data Lembaga... 121 Gambar 5.3 : Tampilan Halaman Tambah Data Lembaga... 122 xviii
Gambar 5.4 : Tampilan Halaman Kelola Data Permohonan... 122 Gambar 5.5 : Tampilan Halaman Transaksi Permohonan... 123 Gambar 5.6 : Tampilan Halaman Transaksi Verifikasi Permohonan... 123 Gambar 5.7 : Tampilan Halaman Transaksi Peminjaman... 124 Gambar 5.8 : Tampilan Halaman Transaksi Pengembalian... 125 Gambar 5.9 : Tampilan Halaman Tambah Tanggungan... 125 Gambar 5.10 : Tampilan Halaman Laporan Data Sopir... 126 Gambar 5.11 : Tampilan Halaman Laporan Data Kendaraan... 126 Gambar 5.12 : Tampilan Halaman Laporan Jadwal Sopir... 127 Gambar 5.13 : Tampilan Halaman Laporan Peminjaman... 127 xix
DAFTAR LAMPIRAN Lampiran 1 Lampiran 2 Lampiran 3 : Buku Bimbingan Skripsi : Surat Balasan : Biografi Penulis xx