sistem informasi geografis lokasi parkir dengan google ... · i laporan skripsi sistem informasi...

18
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 2015

Upload: others

Post on 17-Mar-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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

2015

Page 2: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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

Pratomo Setiaji, S.Kom, M.Kom Wiwit Agus Triyanto, M.Kom

Page 3: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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

Mohammad Dahlan, ST, MT

Page 4: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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

dan mendukung

Page 5: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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.

Kata Kunci : UPT Parkir, Retribusi dan Google Maps API

Page 6: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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.

Page 7: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan 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

Penulis

Page 8: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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

DAFTAR GAMBAR ........................................................................................................ xiv

DAFTAR LAMPIRAN .........................................................Error! Bookmark not defined.

BAB I ....................................................................................Error! Bookmark not defined.

PENDAHULUAN ................................................................Error! Bookmark not defined.

1.1. Latar Belakang Masalah........................................Error! Bookmark not defined.

1.2. Perumusan Masalah ..............................................Error! Bookmark not defined.

1.3. Batasan Masalah ...................................................Error! Bookmark not defined.

1.4. Tujuan ...................................................................Error! Bookmark not defined.

1.5. Manfaat .................................................................Error! Bookmark not defined.

1.6. Tinjauan Pustaka ...................................................Error! Bookmark not defined.

1.7. Metodologi Penelitian ...........................................Error! Bookmark not defined.

1.7.1. Objek Penelitian ............................................Error! Bookmark not defined.

1.7.2. Metode Pengumpulan Data ...........................Error! Bookmark not defined.

1.7.3. Metode Pengembangan Sistem .....................Error! Bookmark not defined.

1.8. Sistematika Penulisan ...........................................Error! Bookmark not defined.

BAB II ...................................................................................Error! Bookmark not defined.

LANDASAN TEORI ............................................................Error! Bookmark not defined.

2.1. Definisi Sistem ......................................................Error! Bookmark not defined.

2.2. Definisi Informasi .................................................Error! Bookmark not defined.

2.3. Definisi Sistem Informasi .....................................Error! Bookmark not defined.

2.4. Sistem Informasi Geografis ..................................Error! Bookmark not defined.

2.5. Google Maps API .................................................Error! Bookmark not defined.

Page 9: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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.

3.4. Job Description .....................................................Error! Bookmark not defined.

3.5. Peta Instansi ..........................................................Error! Bookmark not defined.

3.6. Prosedur Retribusi Parkir ......................................Error! Bookmark not defined.

3.6.1. FOD Retribusi Parkir Umum ........................Error! Bookmark not defined.

3.6.1. FOD Retribusi Parkir Khusus .......................Error! Bookmark not defined.

BAB IV .................................................................................Error! Bookmark not defined.

ANALISA DAN PERANCANGAN ....................................Error! Bookmark not defined.

4.1. Analisa Kebutuhan Sistem ....................................Error! Bookmark not defined.

4.2. Analisa Kebutuhan Data dan Informasi ................Error! Bookmark not defined.

4.3. Desain Sistem dan Perangkat Lunak .....................Error! Bookmark not defined.

4.3.1. Proses Bisnis .................................................Error! Bookmark not defined.

4.3.2. System Use Case ...........................................Error! Bookmark not defined.

4.3.3. Scenario System Use Case ............................Error! Bookmark not defined.

4.3.4. Class Diagram ..............................................Error! Bookmark not defined.

4.3.5. Sequence Diagram ........................................Error! Bookmark not defined.

4.3.6. Activity Diagram ...........................................Error! Bookmark not defined.

4.3.7. Statechart Diagram .......................................Error! Bookmark not defined.

Page 10: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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 Parkir Error! Bookmark not defined.

BAB VI .................................................................................Error! Bookmark not defined.

PENUTUP ............................................................................Error! Bookmark not defined.

6.1. Kesimpulan ...............................................................Error! Bookmark not defined.

Page 11: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

xi

6.2. Saran .........................................................................Error! Bookmark not defined.

DAFTAR PUSTAKA ...........................................................Error! Bookmark not defined.

Page 12: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

xii

DAFTAR TABEL

Tabel 2.1 : Simbol Bagan Alir Dokumen ...................................................... 11

Tabel 2.2 : Simbol ERD ................................................................................ 12

Tabel 2.3 : Simbol pada Use Case Diagram ................................................. 13

Tabel 2.4 : Simbol pada Class Diagram........................................................ 14

Tabel 2.5 : Simbol pada Sequence Diagram ................................................. 15

Tabel 2.6 : Simbol pada Activity Diagram .................................................... 16

Tabel 4.3.1 : Proses Bisnis................................................................................ 33

Tabel 4.3.2 : Scenario Kelola Jenis Parkir ....................................................... 36

Tabel 4.3.3 : Scenario Kelola Area Parkir........................................................ 37

Tabel 4.3.4 : Scenario Kelola Data Lokasi ....................................................... 37

Tabel 4.3.5 : Scenario Kelola Websig Lokasi .................................................. 38

Tabel 4.3.6 : Scenario Mengakses Lokasi ........................................................ 38

Tabel 4.3.7 : Scenario Kelola Data Penempatan .............................................. 39

Tabel 4.3.8 : Scenario Kelola Data Petugas ..................................................... 39

Tabel 4.3.9 : Scenario Kelola Data Target ....................................................... 40

Tabel 4.3.10 : Scenario Kelola Data Setoran ..................................................... 40

Tabel 4.3.11 : Scenario Input Data Setoran Umum ........................................... 41

Tabel 4.3.12 : Scenario Input Setoran Khusus ................................................... 41

Tabel 4.3.13 : Scenario Cek Setoran .................................................................. 41

Tabel 4.3.14 : Scenario Laporan Setoran ........................................................... 42

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

Tabel 4.3.23 : Struktur Tabel t_petugas ............................................................. 89

Page 13: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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

Tabel 4.3.27 : Titik Lokasi Parkir..................................................................... 100

Page 14: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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 Diagram Input Setoran Umum ................................. 58

Gambar 4.3.23 : Sequence Diagram Input Setoran Khusus ................................ 58

Gambar 4.3.24 : Sequence Diagram Laporan Setoran......................................... 59

Page 15: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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 Diagram Input Data Setoran Umum ............................ 70

Gambar 4.3.38 : Activity Diagram Input 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 Diagram Edit Lokasi ............................................... 77

Gambar 4.3.55 : Statechart Diagram Hapus Lokasi ............................................ 77

Page 16: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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 Diagram Edit 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 Diagram Edit 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 Diagram Edit 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.73 : Entitas User ............................................................................... 84

Gambar 4.3.74 : Entitas Jenis .............................................................................. 84

Gambar 4.3.75 : Entitas Area ............................................................................... 84

Gambar 4.3.76 : Entitas Lokasi ............................................................................ 85

Gambar 4.3.77 : Entitas Websig .......................................................................... 85

Gambar 4.3.78 : Entitas Petugas .......................................................................... 85

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

Gambar 4.3.86 : Rancangan Antarmuka Halaman Tambah Titik Lokasi ............ 92

Page 17: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

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

Gambar 5.2.17 : Halaman Menu Laporan Setoran Parkir.................................. 110

Page 18: Sistem Informasi Geografis Lokasi Parkir Dengan Google ... · i LAPORAN SKRIPSI Sistem Informasi Geografis Lokasi Parkir Dengan Google Maps API Pada DISHUBKOMINFO Kudus Laporan Ini

xviii

Gambar 5.2.18 : Halaman Menu Setoran Operator Khusus .............................. 110

Gambar 5.2.19 : Halaman Menu Input Setoran Parkir Operator Khusus .......... 111

Gambar 5.2.20 : Halaman Cetak Laporan Penempatan Parkir .......................... 111