PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto...

22
LAPORAN SKRIPSI PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM) MENGGUNAKAN SISTEM INFORMASI GEOGRAFIS (SIG) BERBASIS WEB DI KABUPATEN 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 : Alvianis Wulandari NIM : 2012-53-117 Program Studi : Sistem Informasi Fakultas : Teknik UNIVERSITAS MURIA KUDUS KUDUS 2016

Transcript of PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto...

Page 1: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

LAPORAN SKRIPSI

PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM)

MENGGUNAKAN SISTEM INFORMASI GEOGRAFIS (SIG)

BERBASIS WEB DI KABUPATEN 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 : Alvianis Wulandari

NIM : 2012-53-117

Program Studi : Sistem Informasi

Fakultas : Teknik

UNIVERSITAS MURIA KUDUS

KUDUS

2016

Page 2: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

ii

Page 3: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

iii

Page 4: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

iv

Page 5: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

v

HALAMAN MOTTO DAN PERSEMBAHAN

MOTTO

“Maka sesungguhnya bersama kesulitan ada kemudahan.Sesunggunya bersama

kesulitan ada kemudahan ”(QS. ASY- SYARH 94: 5-6)

“Tidak ada kesuksesan yang bisa dicapai seperti membalikkan telapak tangan.

Tidak ada keberhasilan tanpa kerja keras, keuletan, kegigihan, dan

kedisiplinan”(Chairul Tanjung)

Jangan mudah merasa puas dengan apa yang sudah kita kerjakan, tetap berusaha

untuk menghasilkan hasil karya yang lebih baik dari yang kita kerjakan

sebelumnya

Mengawali segala sesuatu dengan niat karena Allah, tidak akan ada alasan yang

bisa membuat seseorang menghentikan usahanya

PERSEMBAHAN

Skripsi ini penulis persembahkan kepada:

1. Allah SWT dan Nabi Besar SAW yang

selalu memberikan kemudahan dan

kelancaran dalam berbagai hal didalam

hidupku.

2. Keluarga khususnya kedua orang tuaku

yang selalu memberikan doa, semangat dan

kepercayaan.

3. Sahabatku Mas Taqim, Yudha, Ning, Ika,

Ilsya, Rani, Nisa dan teman-teman

terdekatku lainya yang telah senantiasa

Page 6: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

vi

memberikan bantuan, dukungan semangat,

waktu dan motivasi.

4. Almamater.

Page 7: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

vii

RINGKASAN

Pemetaan Industri Kecil dan Menengah (IKM) menggunakan Sistem

Informasi Geografis (SIG) berbasis web di Kabupaten Kudus bertujuan untuk

membantu mempermudah Pegawai Dinas Perindustrian Koperasi dan UMKM di

Kabupaten Kudus dalam mengelola data Industri Kecil dan Menengah (IKM)

serta memberikan tempat bagi pemilik IKM untuk ikut berpartisipasi dalam

memberikan informasi kepada masyarakat tetntang apa saja IKM yang ada di

Kabupaten Kudus secara uptodate dalam satu website. Dari sistem ini dapat

ditampilkan informasi dari masing-masing IKM secara detail mulai dari gambaran

IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM

dan peta lokasi geografis IKM dari google maps. Sistem ini dirancang untuk

pengembangan konsep pendataan Industri Kecil dan Menengah (IKM) yang ada

di Dinas Perindustrian Koperasi dan UMKM Kabupaten Kudus. Bahasa

pemograman yang digunakan untuk merancang sistem ini adalah PHP dan

perancangan sistemnya menggunakan pemodelan UML.

Kata Kunci : Pemetaan, Sistem Informasi, Industri, IKM, web, google maps.

Page 8: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

viii

KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang telah memberikan rahmat serta

hidayah-Nya sehingga penulis dapat menyelesaikan laporan skripsi dengan judul

“Pemetaan Industri Kecil dan Menengah (IKM) menggunakan Sistem Informasi

Geografis (SIG) berbasis web di Kabupaten Kudus.” yang 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 kepada:

1. Bapak Dr.Suparnyo,SH, MS, selaku Rektor Satu Universitas Muria Kudus.

2. Bapak Rochmad Winarso, S.T, M.T, selaku Dekan Fakultas Teknik

Universitas Muria Kudus.

3. Bapak Rhoedy Setiawan, M.Kom, selaku Kepala Program Studi Sistem

Informasi Universitas Muria Kudus.

4. Bapak Andy Prasetyo Utomo, S.Kom, MT, selaku dosen pembimbing

yang telah memberikan pengarahan dan bimbingan selama penyusunan

laporan skripsi ini.

5. Bapak Fajar Nugraha, M.Kom, selaku dosen pembimbing yang telah

memberikan pengarahan dan bimbingan selama penyusunan laporan

skripsi ini.

6. Bapak Bambang Tri Waluyo, SH selaku Kepala Dinas Perindustrian,

Koperasi dan UMKM Kabupaten Kudus yang telah memberikan izin

melakukan penelitian di bagian Perindustrian, sehingga penulis dapat

menyelesaikan laporan skripsi ini.

7. Dosen-dosen di program studi sistem informasi yang telah mendidik dan

membagi ilmu yang sudah didapat kepada penulis, serta seluruh staff

karyawan Universitas Muria Kudus yang telah banyak membantu.

8. Keluarga khususnya kedua Orang Tua tercinta yang selalu memberikan

doa dan semangat untuk menyelesaikan laporan skripsi ini.

Page 9: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

ix

9. Sahabat penulis tersayang Mas Taqim, Yudha, Ning, Ika, Rani, Nisa, Ilsya

yang telah membantu membagi waktu, memecahkan permasalahan,

memberi dukungan, arahan, pengalaman serta motivasi dalam penulis

berjuang menyelesaikan laporan skripsi ini dan menjadikan pribadi penulis

dengan lebih baik.

10. Semua pihak dan teman-teman terdekatku yang tidak dapat penulis

sebutkan satu persatu yang telah membantu penulis dalam menyelesaikan

laporan skripsi ini.

Penulis menyadari bahwa dalam penulisan ini masih banyak kekurangan

sehingga perlu banyak perbaikan dan penyempurnaan. Oleh karena itu berbagai

saran yang bersifat konstruktif akanpenulis terima dengan penuh harapan. Semoga

laporan ini dapat bermanfaat bagi kita untuk mengembangkan ilmu pengetahuan

khususnya di bidang Sistem Informasi, Aamiin.

Kudus, 10 Juni 2016

Penulis

Alvianis Wulandari

Page 10: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

x

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

HALAMAN PERSETUJUAN ........................................................................ ii

HALAMAN PENGESAHAN ......................................................................... iii

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI .............................. iv

HALAMAN MOTTO DAN PERSEMBAHAN .............................................. v

RINGKASAN .................................................................................................. vii

KATA PENGANTAR ..................................................................................... viii

DAFTAR ISI .................................................................................................... x

DAFTAR TABEL ........................................................................................... xiv

DAFTAR GAMBAR ...................................................................................... xvii

DAFTAR LAMPIRAN .................................................................................... xxvii

BAB I : PENDAHULUAN

1.1 Latar Belakang Masalah ................................................... 1

1.2 Perumusan Masalah .......................................................... 2

1.3 Batasan Masalah ............................................................... 3

1.4 Tujuan Skripsi .................................................................. 3

1.5 Manfaat Skripsi ................................................................ 4

1.6 Tinjauan Pustaka .............................................................. 4

1.7 Metode Penelitian .............................................................. 6

1.7.1 Objek Penelitian ...................................................... 6

1.7.2 Metode Pengumpulan Data ..................................... 6

1.7.3 Metode Pengembangan Perangkat Lunak ............... 7

1.8 Sistematika Penulisan ........................................................ 9

BAB II : LANDASAN TEORI

2.1 Konsep Dasar Sistem Informasi ....................................... 11

2.1.1 Definisi Sistem ........................................................ 11

2.1.2 Definisi Informasi .................................................... 11

2.1.3 Definisi Sistem Informasi ........................................ 11

Page 11: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xi

2.2 Industri Kecil dan Menengah(IKM)................................... 11

2.3 Peta dan Pemetaan ............................................................. 12

2.4 SIG (Sistem Informasi Geografis) ..................................... 13

2.4.1 Komponen pada SIG ................................................ 13

2.5 SIG berbasis Web ............................................................... 14

2.6 Google Map API ................................................................ 15

2.7 FOD (Flow Of Document) ................................................. 16

2.8 UML (Unified Modelling Language) ................................. 17

2.8.1 Bussunes Usecase .................................................... 17

2.8.2 Use Case Diagram ................................................... 18

2.8.3 Class Diagram ......................................................... 19

2.8.4 Sequence Diagram ................................................... 19

2.8.5 Activity Diagram ...................................................... 20

2.8.6 Statechart Diagram .................................................. 21

2.9 ERD (Entity Relationship Diagram) .................................. 21

2.9.1 Tahapan Pembuatan Diagram E-R ........................... 23

BAB III : TINJAUAN UMUM OBYEK PENELITIAN

3.1 Lokasi ................................................................................ 25

3.2 Visi dan Misi ...................................................................... 26

3.2.1 Visi ........................................................................... 26

3.2.2 Misi .......................................................................... 26

3.3 Tujuan dan Sasaran Jangka Menengah Dinas Perindustrian

Koperasi dan UMKM ........................................................ 26

3.3.1 Tujuan ....................................................................... 26

3.3.2 Sasaran ...................................................................... 27

3.4 Struktur Organisasi Dinas Perindustrian Koperasi dan

UMKM Kabupaten Kudus ................................................. 28

3.4.1 Job Deskripsi ............................................................. 28

3.5 Analisa Sistem yang Berjalan ............................................ 30

3.5.1 Flow Of Document Proses Pendataan IKM di

Kabupaten Kudus ............................................. 31

Page 12: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xii

BAB IV : ANALISIS DAN PERANCANGAN

4.1 Analisa Sistem yang dibangun ........................................... 33

4.2 Analisa Kebutuhan Data dan Informasi ............................. 34

4.3 Analisa Kebutuhan Perangkat Keras .................................. 35

4.4 Analisa Kebutuhan Perangkat Lunak ................................. 35

4.5 Perancangan Pemodelan Sistem ......................................... 35

4.5.1 Analisa Aktor Sistem ............................................. 35

4.5.2 Business Use Case Diagram .................................. 36

4.5.3 Sistem Use Case Diagram ..................................... 39

4.5.4 Skenario Use Case (Flow Of Events) ..................... 40

4.5.5 Class Diagram ....................................................... 46

4.5.6 Sequence Digram ................................................... 51

4.5.7 Activity Diagram .................................................... 57

4.5.8 Statechart Diagram ................................................ 62

4.6 Entity Relationship Diagram ............................................. 69

4.6.1 Kamus Data ............................................................ 72

4.6.2 Transfomasi ERD ke Relasi ................................... 73

4.7 Perancangan Basis Data .................................................... 75

4.7.1 Struktur Tabel......................................................... 75

4.7.2 Relasi Tabel ........................................................... 79

4.8 Perancangan Desain Interface ............................................ 80

BAB V : IMPLEMENTASI SISTEM

5.1 Implementasi Sistem ......................................................... 89

5.2 Identifikasi Kebutuhan Sistem ........................................... 89

5.2.1 Identifikasi Kebutuhan Hardware ......................... 89

5.2.2 Identifikasi Kebutuhan Software ........................... 89

5.2.3 Identifikasi Kebutuhan Brainware ......................... 90

5.3 Tampilan Program .............................................................. 90

5.3.1 Halaman Utama Pengunjung.................................. 90

5.3.2 Tampilan Menu Peta ............................................. 90

5.3.3 Tampilan Menu IKM ............................................. 91

Page 13: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xiii

5.3.4 Tampilan Menu Login............................................ 91

5.3.5 Halaman Utama Pegawai ...................................... 92

5.3.6 Tampilan Menu Kelola User .................................. 93

5.3.7 Form Input Data User............................................. 93

5.3.8 Form Ubah Data User ............................................ 94

5.3.9 Tampilan Menu Kelola Data KBLI........................ 94

5.3.10 Form Input Data KBLI........................................... 95

5.3.11 Form Ubah Data KBLI .......................................... 95

5.3.12 Tampilan Menu Kelola Data Kategori ................... 96

5.3.13 Form Input Data Kategori ...................................... 96

5.3.14 Form Ubah Data Kategori ...................................... 97

5.3.15 Tampilan Menu Kelola Data Kecamatan ............... 97

5.3.16 Form input Data Kecamatan .................................. 98

5.3.17 Form Ubah Data Kecamatan .................................. 98

5.3.18 Tampilan Menu Kelola Data Desa ......................... 99

5.3.19 Form Input Data Desa ............................................ 99

5.3.20 Form Ubah Data Desa ............................................ 100

5.3.21 Tampilan Menu Kelola Data IKM ......................... 100

5.3.22 Form Input Data IKM ........................................... 101

5.3.23 Form Ubah Data IKM ............................................ 101

5.3.24 Tampilan Menu Input Data Lokasi IKM ............... 102

5.3.25 Form Edit Data Lokasi IKM .................................. 102

5.3.26 Laporan Rekapitulasi Data IKM ............................ 103

5.3.27 Halaman Utama Pemilik Industri ........................... 103

5.3.28 Tampilan Menu Profil IKM ................................... 104

5.3.29 Form Input Data Pemilik ....................................... 104

5.3.30 Halaman Utama Kecamatan ................................... 105

5.3.31 Tampilan Menu Kelola Data IKM ......................... 105

5.3.32 Form Input Data IKM ............................................ 106

5.3.33 Form Ubah Data IKM ............................................ 106

5.3.34 Halaman Utama Kepala Biadang Industri.............. 107

Page 14: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xiv

5.3.35 Tampilan Menu Laporan IKM ............................... 107

5.3.36 Laporan Rekapitulasi Data IKM ............................ 108

BAB VI : PENUTUP

6.1 Kesimpulan ....................................................................... 109

6.2 Saran ................................................................................. 109

DAFTAR PUSTAKA

LAMPIRAN

Page 15: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xv

DAFTAR TABEL

Tabel 2.1 : Simbol-Simbol Bagan Alir Dokumen .................................... 16

Tabel 2.2 : Simbol Pada Bussines Use case .............................................. 17

Tabel 2.3 : Notasi Use Case Diagram ...................................................... 18

Tabel 2.3 : Notasi Class Diagram ............................................................. 19

Tabel 2.4 : Notasi Sequence Diagram ...................................................... 19

Tabel 2.5 : Notasi Activity Diagram ......................................................... 20

Tabel 2.6 : Notasi Statechart Diagram ..................................................... 21

Tabel 4.1 : Gambaran Aktifitas Bisnis ...................................................... 37

Tabel 4.2 : Proses Sistem Use Case .......................................................... 39

Tabel 4.3 : Skenario Use Case Kelola User .............................................. 41

Tabel 4.4 : Skenario Use Case Kelola KBLI ............................................ 41

Tabel 4.5 : Skenario Use Case Kelola IKM ............................................. 42

Tabel 4.6 : Skenario Use Case Kelola Lokasi ......................................... 43

Tabel 4.7 : Skenario Use Case Kelola Profil IKM ................................... 44

Tabel 4.8 : Skenario Use Case Rekapitulasi Laporan Industri ................. 45

Tabel 4.9 : Tabel User ............................................................................... 73

Tabel 4.10 : Tabel KBLI ............................................................................. 73

Tabel 4.11 : Tabel Kategori ........................................................................ 74

Tabel 4.12 : Tabel Desa .............................................................................. 74

Tabel 4.13 : Tabel Kecamatan .................................................................... 74

Tabel 4.14 : Tabel Lokasi ........................................................................... 74

Tabel 4.15 : Tabel Profil_IKM ................................................................... 74

Tabel 4.16 : Tabel Profil_Pemilik ............................................................... 75

Tabel 4.17 : Struktur Tabel User ................................................................. 75

Tabel 4.18 : Struktur Tabel KBLI ............................................................... 76

Tabel 4.19 : Struktur Tabel Kategori .......................................................... 76

Tabel 4.20 : Struktur Tabel Kecamatan ...................................................... 76

Tabel 4.21 : Struktur Tabel Desa ................................................................ 77

Tabel 4.22 : Struktur Tabel Lokasi ............................................................. 77

Page 16: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xvi

Tabel 4.49 : Struktur Tabel Profil_IKM ..................................................... 78

Tabel 4.50 : Struktur Tabel Profil_IKM ..................................................... 79

Page 17: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xvii

DAFTAR GAMBAR

Gambar 3.1 : Lokasi Obyek Penelitian ...................................................... 25

Gambar 3.2 : Struktur Organisasi Obyek Penelitian ................................. 28

Gambar 3.3 : Flow Of Document Pemetaan IKM menggunakan SIG

berbasis WEB di Kabupaten Kudus .................................... 31

Gambar 4.1 : Bussines Use Case Diagram Pemetaan IKM menggunakan

SIG berbasis WEB di Kabupaten Kudus ............................. 37

Gambar 4.2 : Use Case Diagram Pemetaan IKM menggunakan SIG

berbasis WEB di Kabupaten Kudus .................................... 40

Gambar 4.3 : Class User ............................................................................ 46

Gambar 4.4 : Class Pegawai Perindustrian ................................................ 47

Gambar 4.5 : Class Pemilik IKM .............................................................. 47

Gambar 4.6 : Class Kecamatan ................................................................. 47

Gambar 4.7 : Class Kepala Bidang ........................................................... 47

Gambar 4.8 : Class KBLI .......................................................................... 48

Gambar 4.9 : Class Kategori ..................................................................... 48

Gambar 4.10 : Class Kelola IKM ................................................................ 49

Gambar 4.11 : Class Profil IKM .................................................................. 49

Gambar 4.12 : Class Kecamatan ................................................................. 50

Gambar 4.13 : Class Desa ........................................................................... 50

Gambar 4.14 : Class Lokasi ......................................................................... 50

Gambar 4.15 : Class Diagram Pemetaan IKM di Dinas Perindustrian

Kabupaten Kudus ................................................................. 51

Gambar 4.16 : Sequence Diagram Kelola KBLI ........................................ 52

Gambar 4.17 : Sequence Diagram Kelola IKM ......................................... 53

Gambar 4.18 : Sequence Diagram Kelola Lokasi ....................................... 54

Gambar 4.19 : Sequence Diagram Kelola User ........................................... 55

Gambar 4.20 : Sequence Diagram Kelola Profil IKM ................................ 56

Gambar 4.21 : Sequence Diagram Kelola Rekapitulasi Laporan Industri .. 57

Gambar 4.22 : Activity Diagram Kelola KBLI ............................................ 58

Page 18: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xviii

Gambar 4.23 : Activity Diagram Kelola IKM ............................................ 59

Gambar 4.24 : Activity Diagram Kelola Lokasi .......................................... 60

Gambar 4.25 : Activity Diagram Kelola User ............................................. 60

Gambar 4.26 : Activity Diagram Kelola Profil IKM ................................... 61

Gambar 4.27 : Activity Diagram Laporan Industri ...................................... 62

Gambar 4.28 : Statechart Diagram method login ....................................... 62

Gambar 4.29 : Statechart Diagram method logout ..................................... 63

Gambar 4.30 : Statechart Diagram method cari Data KBLI ....................... 63

Gambar 4.31 : Statechart Diagram method tambah Data KBLI ................. 63

Gambar 4.32 : Statechart Diagram method edit Data KBLI ....................... 63

Gambar 4.33 : Statechart Diagram method hapus Data KBLI ................... 64

Gambar 4.34 : Statechart Diagram method cari Kategori .......................... 64

Gambar 4.35 : Statechart Diagram method simpan Kategori ..................... 64

Gambar 4.36 : Statechart Diagram method edit Kategori .......................... 64

Gambar 4.37 : Statechart Diagram method hapus Kategori ....................... 65

Gambar 4.38 : Statechart Diagram method cari Kecamatan ...................... 65

Gambar 4.39 : Statechart Diagram method tambah Kecamatan ................. 65

Gambar 4.40 : Statechart Diagram method edit Kecamatan ..................... 65

Gambar 4.41 : Statechart Diagram method hapus Kecamatan ................... 66

Gambar 4.42 : Statechart Diagram method cari Desa ................................ 66

Gambar 4.43 : Statechart Diagram method tambah Desa ........................... 66

Gambar 4.44 : Statechart Diagram method edit Desa ................................ 66

Gambar 4.45 : Statechart Diagram method hapus Desa ............................. 67

Gambar 4.46 : Statechart Diagram method tambah Lokasi ........................ 67

Gambar 4.47 : Statechart Diagram method edit Lokasi .............................. 67

Gambar 4.48 : Statechart Diagram method cari Lokasi .............................. 67

Gambar 4.49 : Statechart Diagram method tambah Kelola IKM ............... 68

Gambar 4.50 : Statechart Diagram method edit Kelola IKM ..................... 68

Gambar 4.51 : Statechart Diagram method hapus Kelola IKM .................. 68

Gambar 4.52 : Statechart Diagram method cari Kelola IKM ..................... 68

Gambar 4.53 : Statechart Diagram method edit Profil IKM ....................... 69

Page 19: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xix

Gambar 4.54 : Menentukan Entitas ............................................................. 69

Gambar 4.55 : Menentukan atribut key (primary key) ................................. 69

Gambar 4.56 : Kardinalitas relasi dan Atribut Deskriptif beserta foreign

key antara entitas Pemilik dan IKM ..................................... 70

Gambar 4.57 : Kardinalitas relasi dan Atribut Deskriptif beserta foreign

key antara entitas IKM dan KBLI ........................................ 70

Gambar 4.58 : Kardinalitas relasi dan Atribut Deskriptif beserta foreign

key antara entitas IKM dan Lokasi ...................................... 71

Gambar 4.59 : Kardinalitas relasi dan Atribut Deskriptif beserta foreign

key antara entitas IKM dan Kategori ................................... 71

Gambar 4.60 : Kardinalitas relasi dan Atribut Deskriptif beserta foreign

key antara entitas IKM dan Desa ......................................... 71

Gambar 4.61 : Kardinalitas relasi dan Atribut Deskriptif beserta foreign

key antara entitas Desa dan Kecamatan ............................... 72

Gambar 4.62 : Entity Relationship Diagram (ERD) ................................... 72

Gambar 4.63 : Relasi Tabel ......................................................................... 80

Gambar 4.64 : Desain Halaman Utama Pengunjung ................................... 81

Gambar 4.65 : Desain Halaman Utama Pegawai ......................................... 81

Gambar 4.66 : Desain Halaman Utama Pemilik Industri ............................ 82

Gambar 4.67 : Desain Halaman Utama Kepala Bidang .............................. 82

Gambar 4.68 : Desain Form Input Data Pegawai ....................................... 83

Gambar 4.69 : Desain Form Input Data KBLI ........................................... 83

Gambar 4.70 : Desain Form Input Kategori ............................................... 84

Gambar 4.71 : Desain Form Input Kecamatan ........................................... 84

Gambar 4.72 : Desain Form Input Data Desa ............................................ 85

Gambar 4.73 : Desain Form Input Data IKM ............................................. 85

Gambar 4.74 : Desain Form Input Data Lokasi ......................................... 86

Gambar 4.75 : Desain Form Input Data Pemilik ........................................ 86

Gambar 4.76 : Desain Output Profil IKM Pemilik Industri ........................ 87

Gambar 4.77 : Desain Output Profil IKM Pengunjung ............................... 87

Page 20: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xx

Gambar 4.78 : Desain Output Laporan Rekapitulasi Industri Kecil dan

Menengah (IKM) ................................................................. 88

Gambar 5.1 : Halaman Utama Pengunjung ............................................... 90

Gambar 5.2 : Tampilan Menu Peta ............................................................ 91

Gambar 5.3 : Tampilan Menu IKM ........................................................... 91

Gambar 5.4 : Tampilan Login .................................................................... 92

Gambar 5.5 : Halaman Utama Pegawai ..................................................... 92

Gambar 5.6 : Tampilan Menu Kelola User ............................................... 93

Gambar 5.7 : Form Input Data User .......................................................... 93

Gambar 5.8 : Form Ubah Data User .......................................................... 94

Gambar 5.9 : Kelola Data KBLI ................................................................ 94

Gambar 5.10 : Input Data KBLI .................................................................. 95

Gambar 5.11 : Ubah Data KBLI .................................................................. 95

Gambar 5.12 : Kelola Data Kategori ........................................................... 96

Gambar 5.13 : Input Data Kategori ............................................................. 96

Gambar 5.14 : Ubah Data Kategori ............................................................. 97

Gambar 5.15 : Kelola Data Kecamatan ....................................................... 97

Gambar 5.16 : Input Data Kecamatan ......................................................... 98

Gambar 5.17 : Ubah Data Kecamatan ......................................................... 98

Gambar 5.18 : Kelola Data Desa ................................................................. 99

Gambar 5.19 : Input Data Desa .................................................................. 99

Gambar 5.20 : Ubah Data Desa .................................................................. 100

Gambar 5.21 : Kelola Data IKM ................................................................. 100

Gambar 5.22 : Input Data IKM .................................................................... 101

Gambar 5.23 : Ubah Data IKM ................................................................... 101

Gambar 5.24 : Input Data Lokasi IKM ........................................................ 102

Gambar 5.25 : Edit Data Lokasi IKM ......................................................... 102

Gambar 5.26 : Laporan Rekapitulasi Data IKM .......................................... 103

Gambar 5.27 : Halaman Utama Pemilik Industri ........................................ 103

Gambar 5.28 : Tampilan Menu Profil IKM ................................................. 104

Gambar 5.29 : Input Data Pemilik ............................................................... 104

Page 21: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xxi

Gambar 5.30 : Halaman Utama Kecamatan ................................................ 105

Gambar 5.31 : Kelola Data IKM ................................................................. 105

Gambar 5.32 : Input Data IKM .................................................................... 106

Gambar 5.33 : Ubah Data IKM ................................................................... 106

Gambar 5.34 : Halaman Utama Kepala Bidang .......................................... 107

Gambar 5.35 : Tampilan Menu Laporan IKM ............................................. 107

Gambar 5.36 : Laporan Rekapitulasi Data IKM .......................................... 108

Page 22: PEMETAAN INDUSTRI KECIL DAN MENENGAH (IKM ...IKM, produk yang dimiliki, sampai tambahan fitur foto produk atau tempat IKM dan peta lokasi geografis IKM dari google maps. Sistem ini

xxii

DAFTAR LAMPIRAN

Lampiran 1 : Surat Izin Penelitian dari Kesbangpol

Lampiran 2 : Surat Balasan dari Instansi

Lampiran 3 : Buku Bimbingan

Lampiran 4 : Biografi Penulis