SISTEM PARKIR KENDARAAN BERMOTOR MENGGUNAKAN BARCODE DAN KARTU TANDA MAHASISWA (KTM) DI UNIVERSITAS MERCU BUANA

SISTEM PARKIR KENDARAAN BERMOTOR MENGGUNAKAN BARCODE DAN KARTU TANDA MAHASISWA (KTM) DI UNIVERSITAS MERCU BUANA Triyo Karno 41810010163 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

SISTEM PARKIR KENDARAAN BERMOTOR MENGGUNAKAN BARCODE DAN KARTU TANDA MAHASISWA (KTM) DI UNIVERSITAS MERCU BUANA Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh: Triyo Karno 41810010163 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

DAFTAR ISI HALAMAN SAMPUL HALAMAN JUDUL LEMBAR PERNYATAAN... i LEMBAR PERSETUJUAN... ii LEMBAR PENGESAHAN... iii KATA PENGANTAR... iv ABSTRAK... vi DAFTAR ISI... viii DAFTAR GAMBAR... xiv DAFTAR TABEL... xviii BAB I : PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan & Manfaat Penelitian... 3 1.5 Metodologi penelitian... 3 1.5.1 Teknik pengumpulan data... 3 1.5.2 Jenis- jenis penelitian... 4 1.5.3 Metode perancangan sistem... 4 viii

1.6 Sistematika Penulisan... 5 BAB II : LANDASAN TEORI... 7 2.1 Sistem... 7 2.2 Karakteristik Sistem... 7 2.2.1 Klasifikasi Sistem... 9 2.3 Informasi...10 2.3.1 kualitas informasi...10 2.3.2 karakteristik data dan informasi...11 2.3.3 sistem informasi...13 2.3.4 komponen sistem informasi...13 2.4 AnalisaSistem...14 2.5 Pengenalan Barcode...15 2.5.1 Sejarah dan Definisi Barcode...15 2.5.2 Manfaat Barcode...16 2.6 Komponen Sistem Kerja Barcode...17 2.6.1 Barcode Printer...17 2.6.2 Label Barcode...18 2.6.3 Barcode Scanner...18 2.6.4 Defini Barcode...19 2.7 Sejarah Kartu Magnetik...20 2.7.1 Kartu Magnetik...22 ix

2.7.2 KTM (KartuTandaMahasiswa)...22 2.8 Konsep Data Base...23 2.8.1 Pengertian DataBase... 23 2.8.2 DBMS (Database Management System)...23 2.8.3 Bahasa DataBase...24 2.9 UML (Unified Modeling Languangez)...25 2.9.1 Sejarah UML...25 2.9.2 Pengenalan UML...26 2.9.3 Diagram UML...26 2.9.4 Use Case Diagram...27 2.9.5 Activity Diagram...30 2.9.6 Sequence Diagram...32 2.9.7 Class Diagram...33 2.10 Metode Software Waterfall, Black Box dan White Box...36 2.10.1 Metode Waterfall...36 2.10.2 Black Box Testing...38 2.10.3 White Box Testing...39 2.11 Perangkat Lunak Pendukung...39 2.11.1 PHP...39 2.11.2 XAMPP (MsSQL)...41 x

2.11.3 DreamweaverCS6...43 BAB III : ANALISA DAN DISAIN SISTEM...44 3.1 Sejarah...44 3.1.1 Visi danmisi...44 3.1.2 Sistem- sistem yang digunakan dalam secure parking...45 3.1.3 Struktur Oraganisasi...46 3.1.4 Tugas wewenang dan Tanggung jawab...46 3.2 Rancangan Unified Modeling Language (UML)...47 3.3 Analisis sistem yang berjalan...47 3.3.1 Analisis prosedur yang sedang berjalan...48 3.3.2 Use Case Diagram...48 3.3.3 Use Case Diagram...49 3.3.4 Skenario Use Case...50 3.3.5 Activity Diagram...51 3.3.6 Activity Diagram Kendaraan Masuk...52 3.3.7 Activity Diagram Kendaraan Keluar...52 3.4 Perancangaan Sistem...53 3.4.1 Tujuan Perancangan Sistem...53 3.4.2 Gambaran Umum Sistem Yang Diusulkan...53 3.4.3 Use Case Diagram Usulan...54 3.4.4 Skenario Use Case Usulan...55 xi

3.5 Activity Diagram Admin...57 3.5.1 Activity Diagram Masuk Parkir Mahasiswa...57 3.5.2 Activity Diagram Keluar Parkir Mahasiswa...58 3.5.3 Activity Diagram Mengubah id Password Operator...59 3.5.4 Activity Diagram User...59 3.5.5 Activity Diagram Validasi Id Card...60 3.5.6 Activity Diagram Edit atau Delete Data Mahasiswa...61 3.5.7 Activity Diagram Melihat Laporan...61 3.5.8 Sequence Diagram Parkir Masuk...62 3.5.9 Sequence Diagram Parkir Keluar Mahasiswa...62 3.5.10 Sequence Diagram Edit Password Operator...63 3.5.11 Sequence Diagram Login User...63 3.5.12 Sequence Diagram Validasi Id Card Data Mahasiswa.64 3.5.13 Sequence Diagram Edit atau Delete Mahasiswa...65 3.5.14 Sequence Diagram Laporan...66 3.6 Class Diagram...66 3.7 Rancangan Struktur Tabel...67 3.8 User Interface...69 3.8.1 Halaman Login...69 3.8.2 Menu Utama...70 3.8.3 Setup Modules...70 xii

3.8.4 View Uer...71 3.8.5 View Profiles...71 3.8.6 Menu Utama Parkir Masuk...71 3.8.7 Menu Parkir Keluar...72 3.8.8 New Member...73 3.8.9 View Member...73 3.8.10 Form Kendaraan Masuk...74 3.8.11 Form Kendaraan Keluar...74 3.8.12 Form Total Kendaraan...75 3.8.13 Form Pengaduan Kehilangan...75 3.8.14 Form Kehilangan...76 BAB IV : ANALISA DAN PERANCANGAN PROGRAM..77 4.1 Implementasi...77 4.1.1 Spesifikasi Sistem...77 4.1.2 Implementasi Basis Data...78 4.1.3 Implementasi Jenis Kendaraan...79 4.1.4 Implementasi Jurusan...79 4.1.5 Implementasi Member...80 4.1.6 Implementasi Menus...80 4.1.7 Implementasi Profilemenu...81 4.1.8 Implementasi profiles...81 xiii

4.1.9 Implementasi Transaksi...82 4.1.10 Implementasi Users...82 4.1.11 Implementasi Kehilangan...83 4.1.12 Implementasi Relasi Antar Tabel...83 4.2 Implementasi...84 4.2.1 Form Login...84 4.2.2 Menu Utama...84 4.2.3 Implementasi Setup Modules...85 4.2.4 Implementasi Users...86 4.2.5 Implementasi Profiles...86 4.2.6 Implementasi New Member...87 4.2.7 Implementasi Edit Data Kehilangan...87 4.2.8 Implementasi Parkir Masuk...88 4.2.9 Implementasi Parkir Keluar...88 4.2.10 Implementasi Transaksi Kendaraan masuk...89 4.2.11 Implementasi Transaksi Kendaraan keluar...89 4.2.12 Implementasi Total Kendaraan...90 4.2.13 Implementasi Pengaduan Kehilangan...90 4.2.14 Implementasi Arsitektur Diagram...91 4.3 Metode Pengujian...91 4.4 Skenario Penguji...92 xiv

4.5 Analisa Hasil Pengujian...94 BAB V : KESIMPULAN DAN SARAN...95 5.1 Kesimpulan...95 5.2 Saran...95 DAFTAR PUSTAKA...96 LAMPIRAN...97 Koneksi.php...97 Index.php...97 Proses_Login.php...99 Petugas_sql... 100 Home.php... 103 Form_login... 104 Config.inc... 104 Auth.php... 104 Parkir_masuk.sql... 105 Proses_masuk.php... 106 Masuk.php... 106 Member.php... 107 Button.datatables.css... 110 Login.css... 113 Jquery data tables.css... 114 xv

Jquery.ui.all.css... 104 Jquerycssmenu... 104 Tools.php... 105 xvi

DAFTAR GAMBAR Gambar 2.1 Barcode Printer...18 Gambar 2.2 Label Barcode...18 Gambar 2.3 Barcode Scanner...19 Gambar2.4 KartuTandaMahasiswa (KTM)...23 Gambar2.5 Diagram UML...26 Gambar2.6 Contoh Use Case Diagram...30 Gambar2.7 Contoh Sequence Diagram...33 Gambar2.8 Contoh Class Diagram...36 Gambar2.9 Metode Waterfall...37 Gambar2.10 XAMPP...42 Gambar3.1 Struktur Organisasi Parkir Universitas Mercu Buana...46 Gambar 3.2 Use Case Diagram Perparkiran yang sedang berjalan...49 Gambar 3.3 Activity Diagram KendaraanMasuk yang Sedang berjalan... 52 Gambar 3.4Activity Diagram Kendaraan Keluar yang Sedang berjalan...52 Gambar3.5 Use Case Diagram Parkir yang Diusulkan...54 Gambar 3.6 Activity Diagram Masuk Parkir yang Di Usulkan...57 Gambar 3.7 Activity Diagram Keluar Parkir yang Diusulkan...58 xiv

Gambar 3.8 Activity Diagram Mengubah Id Password Operator Yang Diusulkan...59 Gambar 3.9 Activity Diagram User Yang Diusulkan...59 Gambar 3.10 Activity Diagram Validasi Id Card Yang Diusulkan...60 Gambar 3.11 Activity Diagram Edit atau Delete Data Mahasiswa Yang Diusulkan...61 Gambar 3.12 Activity Diagram Melihat Laporan Yang Diusulkan...61 Gambar 3.13 Sequence Diagram Registrasi Yang Diusulkan...62 Gambar 3.14 Sequence Diagram Parkir Keluar MahasiswaYang Diusulkan...62 Gambar 3.15 Activity Sequence Diagram Edit Password Operator Yang Diusulkan...63 Gambar 3.16 Sequence Diagram User Yang Diusulkan...63 Gambar 3.17 Sequence Diagram Validasi Id Card Yang Diusulkan...64 Gambar 3.18 Sequence Diagram Edit atau delete Data Mahasiswa Yang Diusulkan...65 Gambar 3.19 Sequence Diagram LaporanYang Diusulkan...66 Gambar 3.20 Class Diagram Yang Diusulkan...67 Gambar 3.21 Form Login...69 Gambar 3.22 Form Menu Utama...70 Gambar 3.23 Form Setup Module...70 xv

Gambar 3.24 Form View User...71 Gambar 3.25 View Profiles...71 Gambar 3.26 Menu Parkir Masuk...72 Gambar 3.27 Menu Parkir Keluar...72 Gambar 3.28 Form Member...73 Gambar 3.29 Form View Member...73 Gambar 3.30 Form Kendaraan Masuk...74 Gambar 3.31 Form Kendaraan Keluar...74 Gambar 3.32 Form Total Kendaraan...75 Gambar 3.33 Form Pengaduan Kehilangan...75 Gambar 3.38 Form Kehilangan...76 Gambar 4.1 Implementasi Tabel Secara Keseluruhan...78 Gambar 4.2 Implementasi Tabel Jenis_Kendaraan...79 Gambar 4.3 Implementasi Tabel_Jurusan...79 Gambar 4.4 Implementasi Tabel_Member...80 Gambar 4.5 Implementasi Tabel_Menus...80 Gambar 4.6 Implementasi Tabel_profilemenu...81 Gambar 4.7 Implementasi Tabel_profiles...81 Gambar 4.8 Implementasi Tabel_transaksi...82 Gambar 4.9 Implementasi Tabel_users...82 Gambar 4.10 Implementasi Tabel_kehilangan...83 xvi

Gambar 4.11 Implementasi relasi antar tabel...83 Gambar 4.12 Implementasi Login...84 Gambar 4.13 Implementasi Menu Utama...85 Gambar 4.14 Implementasi Modules...85 Gambar 4.15 Implementasi Users...86 Gambar 4.16 Implementasi Profiles...86 Gambar 4.17 Implementasi New Member...87 Gambar 4.18 Implementasi Data Kehilangan...87 Gambar 4.19 Implementasi Parkir Masuk...88 Gambar 4.20 Implementasi Parkir Keluar...88 Gambar 4.21 Implementasi Transaksi Kendaraan masuk...89 Gambar 4.22 Implementasi Transaksi Kendaraan keluar...89 Gambar 4.23 Implementasi Transaksi Total Kendaraan...90 Gambar 4.24 Implementasi Pengaduan Kehilangan...90 DAFTAR TABEL Tabel 2.1 Simbol Use case...28 Tabel 2.2 Simbol pada diagram aktivitas...31 Tabel 2.3 Simbol pada Sequence Diagram...32 Tabel 2.4 Simbol Class Diagram...34 Tabel 3.1 Skenario Use Case TekanTombol...50 xvii

Tabel 3.2 Skenario Use Case Ambil Karcis...50 Tabel 3.3 Skenario Use Case Kasih Karcis...51 Tabel 3.4 Skenario Use Case Cek Data Kendaraan dantarif...51 Tabel 3.5 Skenario Use Case Bayar Tagihan...51 Tabel 3.6 SkenarioUse Case Barcode...55 Tabel 3.7 Skenario Use Case Cek Data Parkir Keluar...55 Tabel 3.8 Skenario Use Case Mengubah id Password Operator...55 Tabel 3.9 Skenario Use Case Login Operator dan Admin...56 Tabel 3.10 Skenario Use Case Validasi Id card...56 Tabel 3.11 Skenario Use Case Cek Mengolah Data Mahasiswa...56 Tabel 3.12 Skenario Use Case Cek Laporan...57 Tabel 3.13 Keterangan Activity Diagram Sistem Usulan...58 Tabel 3.14 Keterangan Activity Diagram Sistem Usulan...58 Tabel 3.15 Keterangan Activity Diagram Sistem Usulan...59 Tabel 3.16 Keterangan Activity Diagram Sistem Usulan...60 Tabel 3.17 Keterangan Activity Diagram Sistem Usulan...60 Tabel 3.18 Keterangan Activity Diagram Sistem Usulan...61 Tabel 3.19 Keterangan Activity Diagram Sistem Usulan...62 Tabel 3.20 Keterangan Activity Diagram Sistem Usulan...62 Tabel 3.21 Keterangan Activity Diagram Sistem Usulan...63 Tabel 3.22 Keterangan Sequence Diagram Edit Password Operator...63 xviii

Tabel 3.23 Keterangan Sequence Diagram Login...64 Tabel 3.24 Keterangan Sequence Diagram Validasi Id Card...64 Tabel 3.25 Keterangan Sequence Diagram Edit atau delete Data Mahasiswa...65 Tabel 3.26 Keterangan Sequence Diagram Laporan...66 Tabel 3.27 Tabel Login...68 Tabel 3.28 Tabel Mahasiswa...68 Tabel 3.29 Tabel Id Card...68 Tabel 3.30 Tabel Parkir_Masuk...69 Tabel 3.31 Tabel parkir_keluar...69 Tabel 4.1 Tabel SkenarioPengujian...92 xix