L A P O R A N S K R I P S I
IMPLEMENTASI JASA PENYEWAAN DAN REPARASI
KAMERA MENGGUNAKAN VISUALISASI GIS (STUDI
KASUS DI KAB KUDUS)
MOCHAMMAD FATHONI ICHSAN
NIM. 201451122
DOSEN PEMBIMBING
Rina Fiati, S.T., M.Cs
Muhammad Malik Hakim, S.T., M.T.I
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
v
Implementasi Jasa Penyewaan dan Reparasi Kamera di Kudus
dengan Sistem Informasi Geografis (SIG)
Nama mahasiswa : Mochammad Fathoni Ichsan
Nim : 201451122
Pembimbing :
1. Riana Fiati, S.T., M.Cs
2. Muhammad Malik Hakim, S.T., MTI
ABSTRAK
Kudus merupakan salah satu kota yang memiliki banyak wisata dimana banyak wisatawan yang berkunjung untuk keperluan berziarah yang berada di colo maupun dimenara. Dimana dari tempat-tempat tersebut bisa kita kunjungi bersama teman, sahabat, maupun keluarga. Untuk itu banyak peluang disana karena pengunjung kebanyakan ingin mengabadikan moment mereka. Banyak pengguna kamera tentu saja tak lebih dari kerusakan kamera, mulai dari kerusakan lensa, adanya jamur pada lensa dll. Dari jasa penyewaan dan reparasi tersebut menjadi memudahkan masyarat kudus maupun luar kudus untuk memanfaatkannya. Oleh karena itu melalui perancangan dan pembuatan Sistem Informasi Geografis (SIG) Jasa Penyewaan dan Reparasi Kamera diharapkan dapat menampilkan lokasi penyewaan dan reparasi tersebut. Tahap perancangan system menggunakan metode pengembangan system Waterfall (Siklus Air Terjun).
Penelitian ini bertujuan untuk merancang dan mengembangkan sebuah aplikasi jasa penyewaan dan reparasi kamera dengan sistem informasi geografis. Aplikasi ini bertujuan untuk mempermudah pencarian lokasi jasa penyewaan, lokasi reparasi, serta memberikan informasi semua jenis kamera yang akan disewakan sehingga dapat mempermudah masyarakat dalam pencarian lokasi penyewaan kamera.
vi
Implementation of Camera Rental and Repair Service in Kudus
with Geographic Information System (GIS)
Student Name : Mochammad Fathoni Ichsan Student Identity Number : 201451122
Supervisor :
1. Rina Fiati, S.T., M.Cs
2. Muhammad Malik Hakim, S.T., MTI
ABSTRACT
Kudus is one of the city that has many tours where many tourists who visit for the purposes of pilgrimage in the colo and dimenara. Where from these places we can visit with friends, friends, and family. For that many opportunities there because most visitors want to capture their moment. Many camera users are of course nothing more than camera damage, ranging from lens damage, the fungus on the lens etc. From the rental and reparation services it becomes easier for both holy and sacred communities to use it. Therefore, through the design and manufacture of Geographic Information System (GIS) Leasing and Repair Service Camera is expected to display the location of the rental and reparation. System design stage using Waterfall system development method (Waterfall Cycle).
This study aims to design and develop an application rental services and camera repairs with geographic information systems. This application aims to facilitate the location search rental services, location repair, and provide information of all types of cameras to be rented so as to facilitate the community in searching the location of rental cameras.
vii
KATA PENGANTAR
Puji syukur kehadirat Allah SWT karena atas Rahmat dan Hidayah-Nya
penulis mampu menyelesaikan penyusunan skripsi ini dengan judul “Implementasi
jasa penyewaan dan reparasi kamera menggunakan visualisasi gis (Studi Kasus di
Kab Kudus)”.
Skripsi ini disusun guna melengkapi salah satu persyaratan untuk memperoleh Gelar Kesarjanaan Progam Studi Teknik Informatika Fakultas Teknik Universitas Muria Kudus. Pada kesempatan ini, penulis ingin menyampaikan rasa terima kasih yang sebesar-besarnya kepada :
1. Allah SWT yang telah memberikan Rahmat dan Hidayah-Nya. 2. Bapak Dr. Suparnyo, selaku Rektor Universitas Muria Kudus.
3. Bapak Mohammad Dahlan, S.T.,M.T., selaku Dekan Fakultas Teknik Universitas Muria Kudus.
4. Bapak Ahmad Jazuli,M.Kom, selaku Ketua Program Studi Teknik Informatika Universitas Muria Kudus.
5. Ibu Esti Wijayanti, M.Kom., selaku Ketua Komite Skripsi Program Studi Teknik Informatika Universitas Muria Kudus.
6. Ibu Rina Fiati, S.T.,M.Cs selaku pembimbing I yang telah banyak memberikan masukan selama penyusunan skripsi ini.
7. Bapak Muhammad Malik Hakim, M.T.I selaku pembimbing II yang telah banyak memberikan masukan selama penyusunan skripsi ini.
8. Kedua orang tua, Bapak dan Ibu yang selalu memberi semangat dan do’a
kepada penulis.
Penulis menyadari sepenuhnya bahwa dalam penyusunan skripsi ini masih terdapat banyak kekurangan. Selain itu penulis juga berharap semoga karya tulis ini dapat memberikan manfaat bagi semua.
Kudus, Agustus 2018
viii DAFTAR ISI
HALAMAN PERSETUJUAN ... Error! Bookmark not defined. HALAMAN PENGESAHAN ... Error! Bookmark not defined.
PERNYATAAN KEASLIAN ... iii
1.1. Latar Belakang ... 1
1.2. Perumusan Masalah ... 1
1.3. Batasan Masalah ... 2
1.4. Tujuan ... 2
1.5. Manfaat ... 2
BAB II TINJAUAN PUSTAKA ... 3
2.1. Penelitian Terkait ... 3
2.2. Landasan Teori ... 4
2.2.1. Konsep Dasar Sistem ... 4
2.2.1. Data ... 4
2.2.2. Javascript ... 5
2.2.3. UML(Unified Modeling Language) ... 5
ix
2.2.5. XAMPP ... 14
2.2.6. MySQL(My Strukture Query Language) ... 14
2.2.7. JSON ... 16
2.2.8. Google Map ... 18
2.2.9. Metode Waterfall ... 18
2.2.10. Black Box ... 20
2.3. Kerangka Pemikiran ... 21
BAB III METODOLOGI ... 23
3.1. Objek Penelitian ... 23
3.2. Metode Pengumpulan Data ... 23
3.3. Sumber Data ... 24
3.4. Metode Pengembangan Aplikasi... 24
3.4.1. Tahap Analisis Kebutuhan ... 26
3.4.2. Perancangan Sistem ... 26
3.4.3. Imlementasi ... 27
3.4.4. Integrasi dan Pengujian ... 28
3.4.5. Pengguna dan Pemeliharaan ... 28
3.5. Perancangan Aplikasi ... 28
2.2.1. Usecase Diagram ... 28
2.2.2. Activity Diagram... 31
2.2.3. Sequence Diagram ... 62
3.5.4. Class Diagram ... 89
3.6. Desain Tampilan ... 90
3.6.1. Desain Tampilan Customer ... 90
3.6.2. Desain Tampilan Operator Toko ... 93
x
BAB IV HASIL ANALISIS DAN PEMBAHASAN ... 99
4.1. Identifikasi Masalah ... 99
4.2. Implementasi Aplikasi ... 99
4.2.1. Implementasi Dabatase ... 99
4.2.2. Tampilan Sistem ... 103
4.3. Pengujian Sistem ... 117
4.3.1. Pengujian Black Box ... 117
BAB V PENUTUP ... 127
5.1. Kesimpulan ... 127
5.2. Saran ... 127
DAFTAR PUSTAKA ... 129
xi
DAFTAR GAMBAR
Gambar 2. 1 Tahapan Pembuatan UML (Kendall, 2011) ... 8
Gambar 2. 2 Skema Konsep Kerja PHP (dkk, 2010) ... 14
Gambar 2. 3 Object dalam JSON (Safaat, 2012) ... 16
Gambar 2. 4 Array dalam JSON (Safaat, 2012)... 17
Gambar 2. 5 Value dalam JSON (Safaat, 2012)... 17
Gambar 2. 6 String dalam JSON (Safaat, 2012) ... 17
Gambar 2. 7 Number dalam JSON (Safaat, 2012) ... 18
Gambar 2.8 Metode Waterfall (Petersen, 2009) ... 19
Gambar 2. 9 Kerangka Pemikiran ... 21
Gambar 3. 1 Metode Waterfall (Petersen, 2009) ... 24
Gambar 3. 2 Usecase Diagram Customer ... 29
Gambar 3. 3 Usecase Diagram Operator Toko ... 30
Gambar 3. 4 Usecase Diagram Admin ... 31
Gambar 3. 5 Activity Diagram Customer Login dan Mendapatkan Akun ... 32
Gambar 3. 6 Activity Diagram Customer Proses Sewa Kamera ... 33
Gambar 3. 7 Activity Diagram Customer Logout ... 33
Gambar 3. 8 Activity Diagram Operator Toko Login ... 34
Gambar 3. 9 Activity Diagram Operator Toko Mendapatkan Akun Baru ... 35
Gambar 3. 10 Activity Diagram Operator Toko Tambah Data Kamera ... 35
Gambar 3. 11 Activity Diagram Operator Toko Edit Data Kamera ... 36
Gambar 3. 12 Activity Diagram Operator Toko Hapus Data Kamera ... 37
Gambar 3. 13 Activity Diagram Operator Toko Cari Data Kamera ... 37
Gambar 3. 14 Activity Diagram Operator Toko Tambah Data Syuting ... 38
Gambar 3. 15 Activity Diagram Operator Toko Edit Data Syuting ... 39
Gambar 3. 16 Activity Diagram Operator Toko Hapus Data Syuting ... 39
Gambar 3. 17 Activity Diagram Operator Toko Cari Data Syuting ... 40
Gambar 3. 18 Activity Diagram Operator Toko Tambah Data Reparasi ... 40
Gambar 3. 19 Activity Diagram Operator Toko Edit Data Reparasi ... 41
Gambar 3. 20 Activity Diagram Operator Toko Hapus Data Reparasi... 41
xii
Gambar 3. 22 Activity Diagram Operator Toko Tambah Data Lokasi ... 42
Gambar 3. 23 Activity Diagram Operator Toko Edit Data Lokasi ... 43
Gambar 3. 24 Activity Diagram Operator Toko Hapus Data Lokasi ... 43
Gambar 3. 25 Activity Diagram Operator Toko Cari Data Lokasi ... 44
Gambar 3. 26 Activity Diagram Operator Toko Logout ... 44
Gambar 3. 27 Activity Diagram Admin Login ... 45
Gambar 3. 28 Activity Diagram Admin Tambah Data Penyewa ... 45
Gambar 3. 29 Activity Diagram Admin Edit Data Penyewa... 46
Gambar 3. 30 Activity Diagram Admin Hapus Data Penyewa ... 46
Gambar 3. 31 Activity Diagram Admin Cari Data Penyewa ... 47
Gambar 3. 32 Activity Diagram Admin Tambah Data Sewa ... 47
Gambar 3. 33 Activity Diagram Admin Edit Data Sewa ... 48
Gambar 3. 34 Activity Diagram Admin Cari Data Sewa ... 49
Gambar 3. 35 Activity Diagram Admin Simpan Data Sewa ... 50
Gambar 3. 36 Activity Diagram Admin Edit Data Pemilik ... 50
Gambar 3. 37 Activity Diagram Admin Hapus Data Pemilik ... 51
Gambar 3. 38 Activity Diagram Admin Cari Data Pemilik ... 51
Gambar 3. 39 Activity Diagram Admin Tambah Data User ... 52
Gambar 3. 40 Activity Diagram Admin Edit Data User ... 52
Gambar 3. 41 Activity Diagram Admin Hapus Data User ... 53
Gambar 3. 42 Activity Diagram Admin Cari Data User ... 53
Gambar 3. 43 Activity Diagram Admin Tambah Data Kamera ... 54
Gambar 3. 44 Activity Diagram Admin Edit Data Kamera ... 54
Gambar 3. 45 Activity Diagram Admin Hapus Data Kamera ... 55
Gambar 3. 46 Activity Diagram Admin Cari Data Kamera ... 55
Gambar 3. 47 Activity Diagram Admin Tambah Data Syuting ... 56
Gambar 3. 48 Activity Diagram Admin Edit Data Syuting ... 56
Gambar 3. 49 Activity Diagram Admin Hapus Data Syuting ... 57
Gambar 3. 50 Activity Diagram Admin Cari Data Syuting ... 57
Gambar 3. 51 Activity Diagram Admin Tambah Data Reparasi... 58
Gambar 3. 52 Activity Diagram Admin Edit Data Reparasi ... 58
xiii
Gambar 3. 54 Activity Diagram Admin Cari Data Reparasi ... 59
Gambar 3. 55 Activity Diagram Admin Tambah Data Reparasi... 60
Gambar 3. 56 Activity Diagram Admin Edit Data Reparasi ... 60
Gambar 3. 57 Activity Diagram Admin Hapus Data Reparasi ... 61
Gambar 3. 58 Activity Diagram Admin Cari Data Reparasi ... 61
Gambar 3. 59 Activity Diagram Admin Logout ... 62
Gambar 3. 60 Sequence Diagram Customer Registrasi ... 63
Gambar 3. 61 Sequence Diagram Customer Login ... 63
Gambar 3. 62 Sequence Diagram Customer Booking ... 64
Gambar 3. 63 Sequence Diagram Customer Logout ... 64
Gambar 3. 64 Sequence Diagram Operator toko Login ... 64
Gambar 3. 65 Sequence Diagram Operator toko Mendapatkan Akun Baru ... 65
Gambar 3. 66 Sequence Diagram Operator toko Tambah Data Kamera ... 65
Gambar 3. 67 Sequence Diagram Operator toko Edit Data Kamera ... 66
Gambar 3. 68 Sequence Diagram Operator toko Hapus Data Kamera ... 66
Gambar 3. 69 Sequence Diagram Operator toko Cari Data Kamera ... 67
Gambar 3. 70 Sequence Diagram Operator toko Mengembalikan ... 67
Gambar 3. 71 Sequence Diagram Operator toko Tambah Data Syuting ... 68
Gambar 3. 72 Sequence Diagram Operator toko Edit Data Syuting ... 68
Gambar 3. 73 Sequence Diagram Operator toko Hapus Data Syuting ... 69
Gambar 3. 74 Sequence Diagram Operator toko Cari Data Syuting ... 69
Gambar 3. 75 Sequence Diagram Operator toko Tambah Data Reparasi ... 70
Gambar 3. 76 Sequence Diagram Operator toko Edit Data Reparasi... 70
Gambar 3. 77 Sequence Diagram Operator toko Hapus Data Reparasi ... 71
Gambar 3. 78 Sequence Diagram Operator toko Cari Data Reparasi ... 71
Gambar 3. 79 Sequence Diagram Operator toko Tambah Data Lokasi ... 72
Gambar 3. 80 Sequence Diagram Operator toko Edit Data Lokasi ... 72
Gambar 3. 81 Sequence Diagram Operator toko Hapus Data Lokasi ... 73
Gambar 3. 82 Sequence Diagram Operator toko Cari Data Lokasi ... 73
Gambar 3. 83 Sequence Diagram Operator toko Logout ... 74
Gambar 3. 84 Sequence Diagram Admin Login ... 74
xiv
Gambar 3. 86 Sequence Diagram Admin Edit Data Penyewa ... 75
Gambar 3. 87 Sequence Diagram Admin Hapus Data Penyewa ... 76
Gambar 3. 88 Sequence Diagram Admin Cari Data Penyewa ... 76
Gambar 3. 89 Sequence Diagram Admin Tambah Data Sewa ... 77
Gambar 3. 90 Sequence Diagram Admin Edit Data Sewa ... 77
Gambar 3. 91 Sequence Diagram Admin Hapus Data Sewa ... 78
Gambar 3. 92 Sequence Diagram Admin Cari Data Sewa ... 78
Gambar 3. 93 Sequence Diagram Admin Tambah Data Pemilik ... 79
Gambar 3. 94 Sequence Diagram Admin Edit Data Pemilik ... 79
Gambar 3. 95 Sequence Diagram Admin Hapus Data Pemilik ... 80
Gambar 3. 96 Sequence Diagram Admin Cari Data Pemilik ... 80
Gambar 3. 97 Sequence Diagram Admin Tambah Data User ... 81
Gambar 3. 98 Sequence Diagram Admin Edit Data User ... 81
Gambar 3. 99 Sequence Diagram Admin Hapus Data User ... 82
Gambar 3. 100 Sequence Diagram Admin Cari Data User ... 82
Gambar 3. 101 Sequence Diagram Admin Tambah Data Kamera ... 83
Gambar 3. 102 Sequence Diagram Admin Edit Data Kamera ... 83
Gambar 3. 103 Sequence Diagram Admin Hapus Data Kamera ... 84
Gambar 3. 104 Sequence Diagram Admin Cari Data Kamera ... 84
Gambar 3. 105 Sequence Diagram Admin Tambah Data Syuting ... 85
Gambar 3. 106 Sequence Diagram Admin Edit Data Syuting ... 85
Gambar 3. 107 Sequence Diagram Admin Hapus Data Syuting ... 86
Gambar 3. 108 Sequence Diagram Admin Cari Data Syuting ... 86
Gambar 3. 109 Sequence Diagram Admin Tambah Data Reparasi ... 87
Gambar 3. 110 Sequence Diagram Admin Edit Data Reparasi ... 87
Gambar 3. 111 Sequence Diagram Admin Hapus Data Reparasi ... 88
Gambar 3. 112 Sequence Diagram Admin Cari Data Reparasi ... 88
Gambar 3. 113 Sequence Diagram Admin Logout ... 89
Gambar 3. 114 Class Diagram ... 89
Gambar 3. 115 Tampilan Halaman Home... 90
Gambar 3. 116 Tampilan Halaman Registrasi ... 90
xv
Gambar 3. 118 Tampilan Halaman Utama ... 91
Gambar 3. 119 Tampilan Halaman Informasi... 92
Gambar 3. 120 Tampilan Halaman Produk... 92
Gambar 3. 121 Tampilan Halaman Cari Lokasi ... 92
Gambar 3. 122 Tampilan Halaman Login ... 93
Gambar 3. 123 Tampilan Halaman Utama ... 93
Gambar 3. 124 Tampilan Halaman Informasi... 94
Gambar 3. 125 Tampilan Halaman Produk... 94
Gambar 3. 126 Tampilan Halaman Cari Lokasi ... 94
Gambar 3. 127 Tampilan Halaman Login ... 95
Gambar 3. 128 Tampilan Halaman Utama ... 95
Gambar 3. 129 Tampilan Halaman Mengelola Barang ... 96
Gambar 3. 130 Tampilan Halaman Melihat Barang ... 96
Gambar 3. 131 Tampilan Halaman Mengelola Penyewa... 97
Gambar 3. 132 Tampilan Halaman Mengelola Pemilik... 97
Gambar 3. 133 Tampilan Halaman Mengelola Sewa ... 97
Gambar 4. 1 Tampilan Halaman Registrasi ... 103
Gambar 4. 2 Tampilan Halaman Code Registrasi ... 104
Gambar 4. 3 Tampilan Halaman Login ... 104
Gambar 4. 4 Tampilan Halaman Code Login ... 104
Gambar 4. 5 Tampilan Halaman Home ... 105
Gambar 4. 6 Tampilan Halaman Code Home ... 105
Gambar 4. 7 Tampilan Halaman Data Toko Rental ... 105
Gambar 4. 8 Tampilan Halaman Data Code Toko Rental ... 106
Gambar 4. 9 Tampilan Halaman Data Kamera ... 106
Gambar 4. 10 Tampilan Halaman Code Data Kamera ... 106
Gambar 4. 11 Tampilan Halaman Jenis Kamera ... 107
Gambar 4. 12 Tampilan Halaman Code Jenis Kamera ... 107
Gambar 4. 13 Tampilan Halaman Type Kamera ... 107
Gambar 4. 14 Tampilan Halaman Code Type Kamera ... 108
Gambar 4. 15 Tampilan Halaman Lama Sewa Kamera ... 108
xvi
Gambar 4. 17 Tampilan Halaman Data Syuting ... 109
Gambar 4. 18 Tampilan Halaman Code Data Syuting ... 109
Gambar 4. 19 Tampilan Halaman Data Reparasi... 109
Gambar 4. 20 Tampilan Halaman Code Data Reparasi ... 110
Gambar 4. 21 Tampilan Halaman Data Kerusakan ... 110
Gambar 4. 22 Tampilan Halaman Code Data Kerusakan ... 110
Gambar 4. 23 Tampilan Halaman Code Foto Kerusakan Kamera ... 111
Gambar 4. 24 Tampilan Halaman Lokasi Sekarang ... 111
Gambar 4. 25 Tampilan Halaman Code Lokasi Sekarang ... 112
Gambar 4. 26 Tampilan Halaman Data Toko Rental Admin ... 112
Gambar 4. 27 Tampilan Halaman Code Data Toko Rental Admin ... 112
Gambar 4. 28 Tampilan Halaman Data Kamera Admin ... 113
Gambar 4. 29 Tampilan Halaman Code Data Kamera Admin ... 113
Gambar 4. 30 Tampilan Halaman Data Syuting Admin ... 114
Gambar 4. 31 Tampilan Halaman Code Data Syuting Admin ... 114
Gambar 4. 32 Tampilan Halaman Data Reparasi ... 115
Gambar 4. 33 Tampilan Halaman Data Code Reparasi ... 115
Gambar 4. 34 Tampilan Halaman Data Kerusakan Kamera ... 116
Gambar 4. 35 Tampilan Halaman Data Code Kerusakan Kamera ... 116
Gambar 4. 36 Tampilan Halaman Data Foto Reparasi ... 117
xvii
DAFTAR TABEL
Tabel 2.1 Konsep dan Diagram UML (Munawar,2005) ... 6
Tabel 2.2 Notasi Use Case Diagram (Kendall, 2011) ... 9
Tabel 2.3 Notasi Activity Diagram (Kendall, 2011) ... 10
Tabel 2.4 Notasi Sequence Diagram (Kendall, 2011) ... 11
Tabel 2.5 Notasi Class Diagram (Kendall, 2011)... 12
Tabel 3. 1 Penjelasan Usecase Diagram Customer ... 29
Tabel 3. 2 Penjelasan Usecase Diagram Operator toko ... 30
Tabel 3. 3 Penjelasan Usecase Diagram Admin ... 31
Tabel 4. 1 Struktur tabel customer ... 99
Tabel 4. 2 Struktur tabel toko rental ... 100
Tabel 4. 3 Struktur tabel produk kamera ... 100
Tabel 4. 4 Struktur tabel produk jenis kamera ... 100
Tabel 4. 5 Struktur tabel produk type kamera ... 101
Tabel 4. 6 struktur tabel syuting ... 101
Tabel 4. 7 Struktur tabel produk jenis syuting ... 102
Tabel 4. 8 Struktur tabel produk type syuting ... 102
Tabel 4. 9 Struktur tabel produk type syuting ... 102
Tabel 4. 10 Struktur tabel produk reparasi ... 102
Tabel 4. 11 Struktur tabel kerusakan type ... 103
Tabel 4. 12 Struktur tabel kategori toko... 103
Tabel 4. 13 Pengujian black box registrasi ... 118
Tabel 4. 14 Pengujian black box login ... 118
Tabel 4. 15 Pengujian black box sewa ... 118
Tabel 4. 16 Pengujian black box login ... 119
Tabel 4. 17 Pengujian black box pendaftar ... 119
Tabel 4. 18 Pengujian black box produk ... 120
Tabel 4. 19 Pengujian black box produk ... 121
Tabel 4. 20 Pengujian black box produk ... 121
Tabel 4. 21 Pengujian black box logout ... 122
xviii
Tabel 4. 23 Pengujian black box produk ... 123
Tabel 4. 24 Pengujian black box produk ... 124
Tabel 4. 25 Pengujian black box produk ... 125
xix