i
LAPORAN SKRIPSI
Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps
API Pada DISHUBKOMINFO 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 : Erfi Zuniarti
NIM : 2012-53-047
Program Studi : Sistem Informasi
Fakultas : Teknik
UNIVERSITAS MURIA KUDUS
KUDUS
ii
HALAMAN PERSETUJUAN
Nama : Erfi Zuniarti
NIM : 2012-53-047
Bidang Studi : Sistem Informasi S-1
Judul Praktek Kerja Lapangan : Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus
Pembimbing Utama : Pratomo Setiaji, S.Kom, M.Kom
Pembimbing Pembantu : Wiwit Agus Triyanto, M.Kom
Kudus, 13 Oktober 2015
Menyetujui :
Pembimbing Utama Pembimbing Pembantu
iii
HALAMAN PENGESAHAN
Nama Pelaksana Skrpsi : Erfi Zuniarti
NIM : 2012-53-047
Bidang Studi : Sistem Informasi S-1
Judul Skripsi : Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus
Pembimbing Utama : Pratomo Setiaji, S.Kom, M.Kom
Pembimbing Pembantu : Wiwit Agus Triyanto, M.Kom
Kudus, 13 Oktober 2015
Telah diujikan pada ujian sarjana, tanggal 26 Januari 2016 dan dinyatakan LULUS
Kudus, 26 Januari 2016
Ketua Penguji Penguji I Penguji II
Arif Setiawan, S.Kom, M.Cs Pratomo Setiaji, S.Kom, M.Kom Syafiul Muzid, ST, M.Cs
Mengetuhui :
Dekan Fakultas Teknik
iv
HALAMAN MOTTO DAN PERSEMBAHAN
MOTTO
Seiring berjalannya waktu, waktu mengajarkan banyak hal
Waktu paling tepat untuk memulai adalah ‘SAAT INI’, dan detik berikutnya tidak sedahsyat detik ini
Waktu yang tepat tidak akan pernah datang bila hanya menunggu
Waktu itu ada asal kita mau meluangkannya
INGAT waktu tidak pernah berjalan MUNDUR !!!
PERSEMBAHAN
Skripsi ini penulis persembahkan kepada
1. Allah SWT dan Rosul-Rosul Nya
2. Bapak dan Ibu yang telah memberi
dukungan secara material maupun
spiritual
3. Sahabat-sahabat yang selalu menemani
v
RINGKASAN
Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus ini membahas tentang setoran parkir, petugas parkir penempatan parkir dan lokasi parkir yang ditunjukkan menggunakan peta. Peta yang ditunjukkan menggunakan Google Maps API.
Dalam Praktek ini menggunakan metode observasi lapangan wawancara dengan pimpinan UPT Parkir dan para pegawai yang mengelola retribusi setoran parkir, serta menggunakan teori-teori yang telah didapat selama perkuliahan dan teori dari buku-buku penunjang.
vi
KATA PENGANTAR
Puji Syukur Penulis panjatkan kepada Tuhan Yang Maha Esa atas Rahmat
dan hidayah-Nya sehingga penulis dapat menyelesaikan Skripsi. Penulis juga
bersyukur atas terselesainya penyusunan laporan Skripsi ini.
Penyusunan Laporan Skripsi ini merupakan salah satu syarat untuk
menyelesaikan program studi S1 pada Fakultas Teknik Universitas Muria Kudus.
Tersusunnya Laporan Skripsi ini tidak lepas dari bantuan dan dukungan dari
semua pihak. Penulis mengucapkan terima kasih yang sebesar-besarnya kepada:
1. Bapak Dr.Suparnyo, SH, MS Selaku Rektor Universitas Muria Kudus
2. Bapak Moh. Dahlan, ST, MT, selaku Dekan Fakultas Tehnik Universitas
Muria Kudus.
3. Bapak Rhoedy Setiawan, M.Kom, selaku Ketua Program Studi Sistem
Informasi Fakultas Tehnik Universitas Muria Kudus.
4. Bapak Pratomo Setiaji, S.Kom, M.Kom, selaku Pembimbing Utama yang
memberikan bimbingan dalam pembuatan laporan skripsi ini.
5. Bapak Wiwit Agus Triyanto, M.Kom, selaku Pembimbing Pembantu yang
memberikan bimbingan dalam pembuatan laporan skripsi ini.
6. Bapak Hadi Widjojo, SH selalu penyelia Penyelia yang telah
membimbing dan memberikan pengarahannya dan juga semua staff yang
telah memberikan data kepada Penulis untuk penyusunan Laporan Skripsi
ini.
7. Kedua orang tua yang sangat Penulis cintai, yang telah memberi dukungan
secara material maupun spiritual.
8. Teman-teman di Fakultas Teknik Progdi Sistem Informasi angkatan 2012
dan semua pihak yang telah membantu hingga terselesaikannya laporan
ini.
9. Semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah
banyak membantu penulis dalam menyelesaikan laporan Skrpsi ini.
vii
Demikian Laporan ini disusun, namun Penulis menyadari bahwa dalam
penyusunan laporan ini sangat jauh dari kesempurnaan. Namun Penulis
berharap laporan ini dapat bermanfaat bagi semua pihak.
Kudus, Januari 2016
viii DAFTAR ISI
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN... iii
HALAMAN MOTTO DAN PERSEMBAHAN ...iv
RINGKASAN ... v
KATA PENGANTAR ...vi
DAFTAR ISI ... viii
DAFTAR TABEL ... xii
ix
2.6. Definisi Parkir ...Error! Bookmark not defined. 2.6.1. Definisi Parkir Khusus ...Error! Bookmark not defined. 2.6.2. Definisi Parkir Umum ...Error! Bookmark not defined. 2.7. Metode Waterfall ...Error! Bookmark not defined.
2.8. Bagan Alir Diagram (Flow of Document) ...Error! Bookmark not defined.
2.9. ERD (Entity Relationship Diagram) ...Error! Bookmark not defined.
2.10. UML (Unified Modelling Language) ...Error! Bookmark not defined. 2.11. Mengenal Multiplisitas ...Error! Bookmark not defined. 2.12. Web ...Error! Bookmark not defined. BAB III ...Error! Bookmark not defined. TINJAUAN UMUM OBJEK PENELITIAN ...Error! Bookmark not defined. 3.1. Sekilas Tentang Instansi...Error! Bookmark not defined. 3.2. Visi dan Misi ...Error! Bookmark not defined. 3.3. Struktur Organisasi ...Error! Bookmark not defined.
x
4.3.8. ERD (Entity Relationship Diagram) ...Error! Bookmark not defined. 4.3.9. Perancangan Basis Data ...Error! Bookmark not defined. 4.3.10. Perancangan Antarmuka ...Error! Bookmark not defined. 4.3.11. Titik Lokasi Parkir ...Error! Bookmark not defined. BAB V ...Error! Bookmark not defined. IMPLEMENTASI ...Error! Bookmark not defined. 5.1 Kebutuhan Sistem ...Error! Bookmark not defined. 5.2 Implementasi Sistem ...Error! Bookmark not defined. 5.2.1 Halaman Utama...Error! Bookmark not defined. 5.2.2 Halaman Login ...Error! Bookmark not defined. 5.2.3 Halaman Jenis Parkir ...Error! Bookmark not defined. 5.2.4 Halaman Input Jenis Parkir ...Error! Bookmark not defined. 5.2.5 Halaman Area Parkir ...Error! Bookmark not defined. 5.2.6 Halaman Input Area Parkir ...Error! Bookmark not defined. 5.2.7 Halaman Lokasi Parkir ...Error! Bookmark not defined. 5.2.8 Halaman Input Lokasi Parkir ...Error! Bookmark not defined. 5.2.9 Halaman Peta Lokasi Parkir ...Error! Bookmark not defined. 5.2.10 Halaman Input Titik Lokasi Parkir ...Error! Bookmark not defined. 5.2.11 Halaman Petugas Parkir ...Error! Bookmark not defined. 5.2.12 Halaman Input Patugas Parkir ...Error! Bookmark not defined. 5.2.13 Halaman Penempatan Parkir ...Error! Bookmark not defined. 5.2.14 Halaman Input Penempatan Parkir...Error! Bookmark not defined. 5.2.15 Halaman Target Setoran ...Error! Bookmark not defined. 5.2.16 Halaman Input Target Setoran ...Error! Bookmark not defined. 5.2.17 Halaman Laporan Setoran Parkir ...Error! Bookmark not defined. 5.2.18 Halaman Setoran Operator Khusus ...Error! Bookmark not defined. 5.2.19 Halaman Input Setoran Parkir Operator Khusus ... Error! Bookmark not defined.
5.2.20 Halaman Cetak Laporan Penempatan ParkirError! Bookmark not defined.
xi
xii
Tabel 4.3.15 : Scenario Laporan Penempatan ... 42
Tabel 4.3.16 : Scenario Laporan Target ... 42
Tabel 4.3.17 : Scenario Cek Laporan ... 43
Tabel 4.3.18 : Struktur Tabel t_User ... 88
Tabel 4.3.19 : Struktur Tabel t_jenis_parkir... 88
Tabel 4.3.20 : Struktur Tabel t_area_parkir ... 88
Tabel 4.3.21 : Struktur Tabel t_lokasi ... 89
Tabel 4.3.22 : Struktur Tabel t_websig ... 89
xiii
Tabel 4.3.24 : Struktur Tabel t_penempatan ... 90
Tabel 4.3.25 : Struktur Tabel t_target_setoran ... 90
Tabel 4.3.26 : Struktur Tabel t_setoran ... 90
xiv
DAFTAR GAMBAR
Gambar 3.1 : Struktur Organisasi ... 20
Gambar 3.2 : Peta DISHUBKOMINFO ... 27
Gambar 3.3 : FOD Retribusi Parkir Umum ... 28
Gambar 3.4 : FOD Retribusi Parkir Khusus ... 30
Gambar 4.3.1 : Bisnis Use Case ... 35
Gambar 4.3.2 : System Use Case ... 36
Gambar 4.3.3 : Class User ... 44
Gambar 4.3.4 : Class Websig_lokasi ... 44
Gambar 4.3.5 : Class Data Area Parkir ... 45
Gambar 4.3.6 : Class Data Jenis Parkir ... 45
Gambar 4.3.7 : Class Data Petugas Parkir ... 46
Gambar 4.3.8 : Class Data Lokasi... 46
Gambar 4.3.9 : Class Data Penempatan ... 46
Gambar 4.3.10 : Class Data Target ... 47
Gambar 4.3.11 : Class Data Setoran ... 47
Gambar 4.3.12 : Class Diagram ... 48
Gambar 4.3.13 : Sequence Diagram Kelola Jenis Parkir ... 49
Gambar 4.3.14 : Sequence Diagram Kelola Area Parkir ... 50
Gambar 4.3.15 : Sequence Diagram Kelola Lokasi... 51
Gambar 4.3.16 : Sequence Diagram Kelola Websig Lokasi ... 52
Gambar 4.3.17 : Sequence Diagram Mengakses Lokasi Parkir ... 53
Gambar 4.3.18 : Sequence Diagram Kelola Penempatan ... 54
Gambar 4.3.19 : Sequence Diagram Kelola Petugas ... 55
Gambar 4.3.20 : Sequence Diagram Kelola Data Target ... 56
Gambar 4.3.21 : Sequence Diagram Kelola Data Setoran ... 57
Gambar 4.3.22 : Sequence DiagramInput Setoran Umum ... 58
Gambar 4.3.23 : Sequence Diagram Input Setoran Khusus ... 58
xv
Gambar 4.3.25 : Sequence Diagram Laporan Penempatan ... 59
Gambar 4.3.26 : Sequence Diagram Laporan Target ... 60
Gambar 4.3.27 : Sequence Diagram Cek Laporan ... 60
Gambar 4.3.28 : Activity Diagram Kelola Jenis Parkir ... 61
Gambar 4.3.29 : Activity Diagram Kelola Area Parkir ... 62
Gambar 4.3.30 : Activity Diagram Kelola Lokasi ... 63
Gambar 4.3.31 : Activity Diagram Kelola Websig Lokasi ... 64
Gambar 4.3.32 : Activity Diagram Mengakses Lokasi ... 65
Gambar 4.3.33 : Activity Diagram Kelola Penempatan ... 66
Gambar 4.3.34 : Activity Diagram Kelola Petugas ... 67
Gambar 4.3.35 : Activity Diagram Kelola Target ... 68
Gambar 4.3.36 : Activity Diagram Kelola Data Setoran ... 69
Gambar 4.3.37 : Activity DiagramInput Data Setoran Umum ... 70
Gambar 4.3.38 : Activity DiagramInput Data Setoran Khusus ... 70
Gambar 4.3.39 : Activity Diagram Laporan Setoran ... 71
Gambar 4.3.40 : Activity Diagram Laporan Penempatan ... 71
Gambar 4.3.41 : Activity Diagram Laporan Target ... 72
Gambar 4.3.42 : Activity Diagram Cek Laporan ... 72
Gambar 4.3.43 : Statechart Diagram Login User ... 73
Gambar 4.3.44 : Statechart Diagram Logout ... 73
Gambar 4.3.45 : Statechart Diagram Tambah Setoran Umum ... 74
Gambar 4.3.46 : Statechart Diagram Tambah Setoran Khusus ... 74
Gambar 4.3.47 : Statechart Diagram Tambah Jenis Parkir ... 75
Gambar 4.3.48 : Statechart Diagram Edit Jenis Parkir ... 75
Gambar 4.3.49 : Statechart Diagram Hapus Jenis Parkir ... 75
Gambar 4.3.50 : Statechart Diagram Tambah Area Parkir ... 76
Gambar 4.3.51 : Statechart Diagram Edit Area Parkir... 76
Gambar 4.3.52 : Statechart Diagram Hapus Area Parkir ... 76
Gambar 4.3.53 : Statechart Diagram Tambah Lokasi ... 77
Gambar 4.3.54 : Statechart DiagramEdit Lokasi ... 77
xvi
Gambar 4.3.56 : Statechart Diagram Tambah Titik Lokasi ... 78
Gambar 4.3.57 : Statechart Diagram Hapus Titik Lokasi ... 78
Gambar 4.3.58 : Statechart Diagram Tambah Penempatan ... 78
Gambar 4.3.59 : Statechart DiagramEdit Penempatan ... 79
Gambar 4.3.60 : Statechart Diagram Hapus Penempatan ... 79
Gambar 4.3.61 : Statechart Diagram Tambah Petugas ... 79
Gambar 4.3.62 : Statechart DiagramEdit Petugas ... 80
Gambar 4.3.63 : Statechart Diagram Hapus Petugas ... 80
Gambar 4.3.64 : Statechart Diagram Tambah Target ... 80
Gambar 4.3.65 : Statechart DiagramEdit Target ... 81
Gambar 4.3.66 : Statechart Diagram Hapus Target ... 81
Gambar 4.3.67 : Statechart Diagram Tambah Setoran ... 81
Gambar 4.3.68 : Statechart Diagram Edit Setoran ... 82
Gambar 4.3.69 : Statechart Diagram Hapus Setoran ... 82
Gambar 4.3.70 : Statechart Diagram Cek Laporan ... 82
Gambar 4.3.71 : Statechart Diagram Cetak Laporan ... 83
Gambar 4.3.72 : Entitas ... 83
Gambar 4.3.79 : Entitas Penempatan ... 86
Gambar 4.3.80 : Entitas Target ... 86
Gambar 4.3.81 : Entitas Setoran ... 87
Gambar 4.3.82 : ER-Diagram ... 87
Gambar 4.3.83 : Relasi Antar Tabel ... 91
Gambar 4.3.84 : Rancangan Antarmuka Halaman Depan ... 91
Gambar 4.3.85 : Rancangan Antarmuka Halaman Peta Lokasi ... 92
xvii
Gambar 4.3.87 : Rancangan Antarmuka Halaman Halaman Login ... 93
Gambar 4.3.88 : Rancangan Antarmuka Halaman Menu Admin ... 93
Gambar 4.3.89 : Rancangan Antarmuka Halaman Menu Jenis Parkir ... 94
Gambar 4.3.90 : Rancangan Antarmuka Halaman Tambah Jenis Parkir... 94
Gambar 4.3.91 : Rancangan Antarmuka Halaman Area Parkir ... 95
Gambar 4.3.92 : Rancangan Antarmuka Halaman Tambah Area Parkir ... 95
Gambar 4.3.93 : Rancangan Antarmuka Halaman Menu Lokasi ... 96
Gambar 4.3.94 : Rancangan Antarmuka Halaman Tambah Lokasi ... 96
Gambar 4.3.95 : Rancangan Antarmuka Halaman Menu Petugas ... 97
Gambar 4.3.96 : Rancangan Antarmuka Halaman Tambah Petugas ... 97
Gambar 4.3.97 : Rancangan Antarmuka Halaman Setoran Parkir Umum ... 98
Gambar 4.3.98 : Rancangan Antarmuka Input Setoran Parkir Umum ... 98
Gambar 4.3.99 : Rancangan Antarmuka Laporan Setoran Pimpinan ... 99
Gambar 4.3.100: Rancangan Antarmuka Laporan Penempatan Parkir ... 99
Gambar 5.2.1 : Halaman Menu Utama ... 102
Gambar 5.2.2 : Halaman Menu Login ... 102
Gambar 5.2.3 : Halaman Menu Jenis Parkir ... 103
Gambar 5.2.4 : Halaman Menu Input Jenis Parkir ... 103
Gambar 5.2.5 : Halaman Menu Area Parkir ... 104
Gambar 5.2.6 : Halaman Menu Input Area Parkir ... 104
Gambar 5.2.7 : Halaman Menu Lokasi Parkir ... 105
Gambar 5.2.8 : Halaman Menu Input Lokasi Parkir ... 105
Gambar 5.2.9 : Halaman Menu Peta Lokasi Parkir ... 106
Gambar 5.2.10 : Halaman Input Titik Lokasi Parkir ... 106
Gambar 5.2.11 : Halaman Menu Petugas Parkir ... 107
Gambar 5.2.12 : Halaman Menu Input Petugas Parkir ... 107
Gambar 5.2.13 : Halaman Menu Penempatan Parkir... 108
Gambar 5.2.14 : Halaman Menu Input Penempatan Parkir ... 108
Gambar 5.2.15 : Halaman Menu Target Setoran ... 109
Gambar 5.2.16 : Halaman Input Target Setoran ... 109
xviii
Gambar 5.2.18 : Halaman Menu Setoran Operator Khusus ... 110
Gambar 5.2.19 : Halaman Menu Input Setoran Parkir Operator Khusus ... 111