Welcome to Repositori Universitas Muria Kudus Repositori Universitas Muria Kudus
LAPORAN SKRIPSI
APLIKASI PORTAL BUPATI JEPARA
STUDI KASUS PADA DISKOMINFO JEPARA
BERBASIS WEB
SAHAL KHOIRONI
NIM. 201451171
DOSEN PEMBIMBING
Tutik Khotimah, M.Kom
Wibowo Harry Sugiharto, M.Kom
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
2018
ii
PERNYATAAN KEASLIAN
Saya yang bertanda tangan dibawah ini :
Nama
: Sahal Khoironi
NIM
: 201451171
Tempat & Tanggal Lahir
: Jepara, 28 Januari 1996
Judul Skripsi
: Aplikasi Portal Bupati Jepara Studi Kasus Pada
Diskominfo Jepara Berbasis Web
Menyatakan dengan sebenarnya bahwa penulisan Skripsi ini berdasarkan hasil
penelitian, pemikiran dan pemaparan asli dari saya sendiri, baik untuk naskah
laporan maupun kegiatan lain yang tercantum sebagai bagian dari Skripsi ini.
Seluruh ide, pendapat, atau materi dari sumber lain telah dikutip dalam Skripsi
dengan cara penulisan referensi yang sesuai.
Demikian pernyataan ini saya buat dengan sesungguhnya dan apabila di kemudian
hari terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini, maka saya
bersedia menerima sanksi akademik berupa pencabutan gelar dan sanksi lain sesuai
dengan peraturan yang berlaku di Universitas Muria Kudus.
Demikian pernyataan ini saya buat dalam keadaan sadar tanpa paksaan dari pihak
manapun.
Kudus, 28 Februari 2018
Yang memberi pernyataan,
Materai 6000
Sahal Khoironi
NIM. 201451171
iii
APLIKASI PORTAL BUPATI JEPARA
STUDI KASUS PADA DISKOMINFO JEPARA
BERBASIS WEB
Nama mahasiswa
: Sahal Khoironi
NIM
: 201451171
Pembimbing
:
1. Tutik Khotimah, M.Kom
2. Wibowo Harry Sugiharto, M.Kom
RINGKASAN
Peneliti tertarik untuk mengambil judul skripsi “Aplikasi Portal Bupati
Jepara Studi Kasus Pada Diskominfo Jepara Berbasis Web” dikarenakan
majunya perkembangan teknologi sekarang ini dibutuhkan suatu sistem
informasi yang dapat mendukung perkembangan serta kemajuan dalam
memenuhi informasi yang terkait dengan permasalahan yang ada di PEMKAB
Jepara. Tujuan perancangan ini adalah untuk menghasilkan aplikasi pengaduan
masyarakat yang dapat memudahkan dalam melakukan pengaduan serta
membantu pemerintah untuk mengawasi jalannya proses pengaduan tersebut.
Metodologi yang digunakan adalah metode waterfall, Hasil yang dicapai
dalam pembuatan aplikasi pengaduan ini adalah mempermudah proses
pengaduan bagi masyarakat yang bertempat tinggal jauh dari kantor
pemerintah dan mempermudah pemerintah untuk mengumpulkan setiap
pengaduan yang kemudian akan diproses dan di delegasikan kepada dinas
terkait agar cepat ditangani. Simpulan dari pembuatan aplikasi ini bupati
memonitoring mulai dari pengaduan dari masyarakat sampai dinas terkait
menanggapi permasalahan tersebut.
Kata kunci: aplikasi pengaduan, berbasis web, pemerintah, masyarakat
iv
APPLICATION OF LINK OF JEPARA REGENT
CASE STUDY ON JEPARA COMMUNICATION AND INFORMATION
SERVICE WEB-BASED
Student Name
: Sahal Khoironi
Student Identity Number
: 201451171
Supervisor
:
1. Tutik Khotimah, M.Kom
2. Wibowo Harry Sugiharto, M.Kom
ABSTRACT
Researchers are interested to take the title of thesis "Application Portal
Regent of Jepara Case Study On Communications and information office Jepara
Web-Based" due to advances in current technological developments required an
information system that can support the development and progress in meeting the
information related to problems in Jepara District government. The purpose of
this design is to produce a public complaint application that can facilitate in
making complaints and help the government to oversee the process of complaints.
The methodology used is the waterfall method. The results achieved in making
this complaint application is to facilitate the complaint process for people who
live far away from government offices and make it easier for the government to
collect each complaint which will then be processed and delegated to the relevant
agencies to be handled quickly. The conclusions of the making of this regent
monitors applications ranging from complaints from the public to the relevant
agencies to respond to the problem.
Keywords: complaint application, web-based, government, community
v
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT berkat Rahmat dan
Karunia-Nya penulis dapat menyelesaikan penyusunan sekripsi ini. Shalawat serta
salam senantiasa terlimpah curahkan kepada beliau Nabi Muhammad SAW.
Skripsi ini diajukan untuk memenuhi salah satu syarat memperoleh gelar
Sarjana pada Program Teknik Informatika dengan judul skipsi “Aplikasi Portal
Bupati Jepara Studi Kasus Pada Diskominfo Jepara Berbasis WEB”. Kiranya
dalam penyusunan skripsi ini tidak akan terselesaikan dengan baik tanpa bantuan
dari berbagai pihak. Untuk itu pada kesempatan ini penulis mengucapkan terima
kasih
yang
sebesar-besarnya,
penghargaan
yang
setinggi-tingginya
dan
permohonan maaf atas segala kesalahan yang pernah penulis lakukan kepada
semua pihak yang telah membantu dalam penyelesaian skripsi ini, terutama
kepada :
1. Bapak Dr. Suparnyo, SH., M.S selaku Rektor Universitas Muria Kudus.
2. Bapak Mohammad Dahlan, ST, MT, selaku Dekan Fakultas Teknik
Universitas Muria Kudus.
3. Bapak Ahmad Jazuli, M.Kom, selaku Ketua program Studi Teknik
Informatika Universitas Muria Kudus.
4. Ibu Tutik Khotimah, M.Kom, selaku pembimbing utama Skripsi penulis.
5. Bapak
Wibowo
Harry
Sugiharto,
M.Kom,
selaku
pembimbing
pendamping Skripsi penulis.
6. Bapak dan Ibu yang sudah mendoakan dan selalu mendukung.
7. Kakakku yang selalu mendukung dan memberi semangat.
8. Efi Mufidah, yang selalu memberikan support semasa kuliah.
9. Sahabat-sahabat semasa kuliah yang selalu memberikan dukungannya
terhadap penulis.
Penulis menyadari sepenuhnya bahwa dalam penyusunan skripsi ini masih
terdapat banyak kekurangan, untuk itu penulis mengharap kritik dan saran dari
berbagai pihak untuk sempurnanya sebuah karya tulis. Selain itu penulis juga
berharap semoga karya tulis ini dapat memberikan manfaat bagi semua. Demikian
ucapan terima kasih saya selaku penulis dan mohon maaf jika penyususnan skripsi
vi
ini jauh dari kata sempurna. Untuk itu penulis mengharap kritik dan saran dari
berbagai pihak .Semoga dapat bermanfaat bagi kita semua.
Kudus, 28 Februari 2018
Penulis
vii
DAFTAR ISI
HALAMAN JUDUL .............................................................................................. i
HALAMAN PENGESAHAN .............................. Error! Bookmark not defined.
PERNYATAAN KEASLIAN .............................................................................. iii
ABSTRAK ............................................................................................................ iv
ABSTRACT ........................................................................................................... v
KATA PENGANTAR .......................................................................................... vi
DAFTAR ISI ....................................................................................................... viii
DAFTAR GAMBAR ........................................................................................... xii
DAFTAR TABEL .............................................................................................. xiv
BAB I PENDAHULUAN ..................................... Error! Bookmark not defined.
1.1.
Latar Belakang ........................................ 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.
BAB II TINJAUAN PUSTAKA.......................... Error! Bookmark not defined.
2.1.
Penelitian Terkait .................................... Error! Bookmark not defined.
2.2.
Landasan Teori ........................................ Error! Bookmark not defined.
2.2.1.
Penanganan Kasus Pengaduan MasyarakatError! Bookmark not
defined.
2.2.2.
Kebutuhan Dinas .............................. Error! Bookmark not defined.
2.2.3.
Jenis Pengaduan ............................... Error! Bookmark not defined.
2.2.4.
Penanganan Pengaduan .................... Error! Bookmark not defined.
2.2.5
Pengertian WEB ............................... Error! Bookmark not defined.
2.3.
Kerangka Pemikiran ................................ Error! Bookmark not defined.
viii
BAB III METODE PENELITIAN ..................... Error! Bookmark not defined.
3.1.
Pengumpulan Data .................................. Error! Bookmark not defined.
3.1.1. Studi Lapangan..................................... Error! Bookmark not defined.
3.1.2. Studi Pustaka ........................................ Error! Bookmark not defined.
3.1.3. Studi Dokumentasi ............................... Error! Bookmark not defined.
3.2.
Metode Pengembangan Sistem ............... Error! Bookmark not defined.
3.3
Desain Perancangan ................................ Error! Bookmark not defined.
3.3.1
Flowchart Diagram.......................... Error! Bookmark not defined.
3.3.2
Data Flow Diagram .......................... Error! Bookmark not defined.
3.3.3
Entity Relationship Diagram ............ Error! Bookmark not defined.
3.4
Tools yang digunakan .............................. Error! Bookmark not defined.
3.4.1
Neatbeans ......................................... Error! Bookmark not defined.
3.4.2
Xampp .............................................. Error! Bookmark not defined.
3.4.3
MySQL ............................................. Error! Bookmark not defined.
3.5
Bahasa yang digunakan ........................... Error! Bookmark not defined.
3.5.1
PHP (Hypertext Prepocessor) .......... Error! Bookmark not defined.
3.5.2
Javascript .......................................... Error! Bookmark not defined.
3.5.3
JQuery .............................................. Error! Bookmark not defined.
3.5.4
AJAX................................................. Error! Bookmark not defined.
3.5.5
HTML ............................................... Error! Bookmark not defined.
3.5.6
CSS ................................................... Error! Bookmark not defined.
3.6
Perancangan Sistem ................................. Error! Bookmark not defined.
3.6.1
Flowchart Diagram.......................... Error! Bookmark not defined.
3.6.2
Contex Diagram ............................... Error! Bookmark not defined.
3.6.3
Data Flow Diagram (DFD) ............. Error! Bookmark not defined.
3.6.4
Entity Relationship Diagram (ERD) Error! Bookmark not defined.
ix
3.7
Perancangan Database ............................. Error! Bookmark not defined.
3.8
Perancangan Skema Tabel....................... Error! Bookmark not defined.
3.9
Perancangan Desain Interface ................. Error! Bookmark not defined.
BAB IV HASIL ANALISIS DAN PEMBAHASANError!
Bookmark
not
defined.
4.1
Proses Sistem Pendataan ......................... Error! Bookmark not defined.
4.2
Analisa Masalah ...................................... Error! Bookmark not defined.
4.3
Kebutuhan Sistem.................................... Error! Bookmark not defined.
4.3.1
Kebutuhan hardware ........................ Error! Bookmark not defined.
4.3.2
Kebutuhan software ......................... Error! Bookmark not defined.
4.4
Kebutuhan fungsional .............................. Error! Bookmark not defined.
4.4.1
Kebutuhan admin ............................. Error! Bookmark not defined.
4.4.2
Kebutuhan Masyarakat..................... Error! Bookmark not defined.
4.4.3
Kebutuhan Dinas .............................. Error! Bookmark not defined.
4.4.4
Kebutuhan Bupati............................. Error! Bookmark not defined.
4.5
Implementasi ........................................... Error! Bookmark not defined.
4.5.1
Mempersiapkan Aplikasi Sistem...... Error! Bookmark not defined.
4.5.2
Mempersiapkan Database Sistem .... Error! Bookmark not defined.
4.6
Implementasi basis data ........................... Error! Bookmark not defined.
4.7
Interface sistem ........................................ Error! Bookmark not defined.
4.8
Pengujian Aplikasi .................................. Error! Bookmark not defined.
4.8.1
Pengujian White Box Menggunakan FlowchartError!
Bookmark
not defined.
4.8.2
Pengujian White Box Menggunakan Flow GraphError! Bookmark
not defined.
4.8.3
Pengujian Black Box ....................... Error! Bookmark not defined.
BAB V PENUTUP ................................................ Error! Bookmark not defined.
x
5.1
Kesimpulan .............................................. Error! Bookmark not defined.
5.2
Saran ....................................................... Error! Bookmark not defined.
DAFTAR PUSTAKA ........................................... Error! Bookmark not defined.
LAMPIRAN ...................................................................................................... 75
BIODATA PENULIS ....................................................................................... 80
xi
DAFTAR GAMBAR
Gambar 2.1
Kerangka Pemikiran .................................................................... 13
Gambar 3.1
Metode Waterfall ....................................................................... 15
Gambar 3.2
Simbol Flowchart ....................................................................... 17
Gambar 3.3
Simbol Flowchat Lanjutan ......................................................... 18
Gambar 3.4
Flowchart Diagram .................................................................... 25
Gambar 3.5
Context Diagram . ....................................................................... 27
Gambar 3.6. DFD Level 0 ................................................................................ 28
Gambar 3.7
ERD Aplikasi Portal Bupati ....................................................... 29
Gambar 3.8
Skema Tabel ............................................................................... 33
Gambar 3.9
Halaman Layout ......................................................................... 33
Gambar 3.10 Halaman Awal Aplikasi ............................................................. 34
Gambar 3.11 Pendaftaran Masyarakat ............................................................. 34
Gambar 3.12 Halaman Login Aplikasi ............................................................. 35
Gambar 3.13 Halaman Menu Admin ............................................................... 35
Gambar 3.14 Halaman Awal Masyarakat ........................................................ 36
Gambar 3.15 Halaman Input Pengaduan .......................................................... 36
Gambar 3.16 Halaman Input Data Dinas. ......................................................... 37
Gambar 3.17 Halaman Input Tanggapan ......................................................... 37
Gambar 3.18 Halaman Input Master Kategori ................................................. 38
Gambar 3.19 Halaman Bupati . ......................................................................... 38
Gambar 4.1
Tabel Masyarakat ....................................................................... 41
Gambar 4.2
Tabel Master Kategori . ............................................................... 41
Gambar 4.3
Tabel Dinas ................................................................................. 42
Gambar 4.4
Tabel Pengaduan ........................................................................ 42
Gambar 4.5
Implementasi Basis Data Relasi Tabel ........................................ 43
Gambar 4.6
Halaman Beranda Aplikasi ......................................................... 43
xii
Gambar 4.7
Halaman Login Aplikasi ............................................................. 44
Gambar 4.8
Halaman Utama Admin Setelah Login........................................ 44
Gambar 4.9
Halaman Input Data Pengaduan ................................................. 45
Gambar 4.10 Halaman Tampil Data Pengaduan ............................................... 45
Gambar 4.11 Halaman Input Tanggapan ......................................................... 46
Gambar 4.12 Halaman Permasalahan Selesai .................................................. 46
Gambar 4.13 Halaman Bupati .......................................................................... 47
Gambar 4.14 Halaman Cetak Laporan ............................................................. 47
Gambar 4.15 Hasil Cetak Laporan ................................................................... 48
Gambar 4.16 Hasil pengujian White Box Dengan Flowchart ......................... 49
Gambar 4.17 Script Input Data NIK ................................................................ 49
Gambar 4.18 Script verifikasi Data NIK .......................................................... 49
Gambar 4.19 Script NIK Harus 16 Digit .......................................................... 50
Gambar 4.20 Script Data NIK Harus Berupa Angka ....................................... 50
Gambar 4.21 Script Insert Data NIK................................................................. 50
Gambar 4.22 Gambar Flow Graph Data NIK .................................................. 52
xiii
DAFTAR TABEL
Tabel 3.1
Simbol Data flow Diagram............................................................ 19
Tabel 3.2
Simbol Entity Relationship Diagram............................................. 20
Tabel 3.3
Tabel Masyarakat ........................................................................... 30
Tabel 3.4
Tabel Master Kategori ................................................................... 31
Tabel 3.5
Tabel Dinas ................................................................................... 31
Tabel 3.6
Tabel Pengaduan ........................................................................... 32
Tabel 4.5
Pengujian Black Box Pada Proses Login masyarakat .................. 45
Tabel 4.6
Pengujian Black Box Pada Proses Input Data pengaduan ............ 48
Tabel 4.7
Pengujian Black Box Pada Proses Edit Pengaduan ...................... 48
Tabel 4.8
Pengujian Black Box Pada Proses Input Data Masyarakat ........... 48
Tabel 4.9
Pengujian Black Box Pada Proses Edit Masyarakat ..................... 49
Tabel 4.10
Pengujian Black Box Pada Proses Input Master Kategori ............ 50
xiv
APLIKASI PORTAL BUPATI JEPARA
STUDI KASUS PADA DISKOMINFO JEPARA
BERBASIS WEB
SAHAL KHOIRONI
NIM. 201451171
DOSEN PEMBIMBING
Tutik Khotimah, M.Kom
Wibowo Harry Sugiharto, M.Kom
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
2018
ii
PERNYATAAN KEASLIAN
Saya yang bertanda tangan dibawah ini :
Nama
: Sahal Khoironi
NIM
: 201451171
Tempat & Tanggal Lahir
: Jepara, 28 Januari 1996
Judul Skripsi
: Aplikasi Portal Bupati Jepara Studi Kasus Pada
Diskominfo Jepara Berbasis Web
Menyatakan dengan sebenarnya bahwa penulisan Skripsi ini berdasarkan hasil
penelitian, pemikiran dan pemaparan asli dari saya sendiri, baik untuk naskah
laporan maupun kegiatan lain yang tercantum sebagai bagian dari Skripsi ini.
Seluruh ide, pendapat, atau materi dari sumber lain telah dikutip dalam Skripsi
dengan cara penulisan referensi yang sesuai.
Demikian pernyataan ini saya buat dengan sesungguhnya dan apabila di kemudian
hari terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini, maka saya
bersedia menerima sanksi akademik berupa pencabutan gelar dan sanksi lain sesuai
dengan peraturan yang berlaku di Universitas Muria Kudus.
Demikian pernyataan ini saya buat dalam keadaan sadar tanpa paksaan dari pihak
manapun.
Kudus, 28 Februari 2018
Yang memberi pernyataan,
Materai 6000
Sahal Khoironi
NIM. 201451171
iii
APLIKASI PORTAL BUPATI JEPARA
STUDI KASUS PADA DISKOMINFO JEPARA
BERBASIS WEB
Nama mahasiswa
: Sahal Khoironi
NIM
: 201451171
Pembimbing
:
1. Tutik Khotimah, M.Kom
2. Wibowo Harry Sugiharto, M.Kom
RINGKASAN
Peneliti tertarik untuk mengambil judul skripsi “Aplikasi Portal Bupati
Jepara Studi Kasus Pada Diskominfo Jepara Berbasis Web” dikarenakan
majunya perkembangan teknologi sekarang ini dibutuhkan suatu sistem
informasi yang dapat mendukung perkembangan serta kemajuan dalam
memenuhi informasi yang terkait dengan permasalahan yang ada di PEMKAB
Jepara. Tujuan perancangan ini adalah untuk menghasilkan aplikasi pengaduan
masyarakat yang dapat memudahkan dalam melakukan pengaduan serta
membantu pemerintah untuk mengawasi jalannya proses pengaduan tersebut.
Metodologi yang digunakan adalah metode waterfall, Hasil yang dicapai
dalam pembuatan aplikasi pengaduan ini adalah mempermudah proses
pengaduan bagi masyarakat yang bertempat tinggal jauh dari kantor
pemerintah dan mempermudah pemerintah untuk mengumpulkan setiap
pengaduan yang kemudian akan diproses dan di delegasikan kepada dinas
terkait agar cepat ditangani. Simpulan dari pembuatan aplikasi ini bupati
memonitoring mulai dari pengaduan dari masyarakat sampai dinas terkait
menanggapi permasalahan tersebut.
Kata kunci: aplikasi pengaduan, berbasis web, pemerintah, masyarakat
iv
APPLICATION OF LINK OF JEPARA REGENT
CASE STUDY ON JEPARA COMMUNICATION AND INFORMATION
SERVICE WEB-BASED
Student Name
: Sahal Khoironi
Student Identity Number
: 201451171
Supervisor
:
1. Tutik Khotimah, M.Kom
2. Wibowo Harry Sugiharto, M.Kom
ABSTRACT
Researchers are interested to take the title of thesis "Application Portal
Regent of Jepara Case Study On Communications and information office Jepara
Web-Based" due to advances in current technological developments required an
information system that can support the development and progress in meeting the
information related to problems in Jepara District government. The purpose of
this design is to produce a public complaint application that can facilitate in
making complaints and help the government to oversee the process of complaints.
The methodology used is the waterfall method. The results achieved in making
this complaint application is to facilitate the complaint process for people who
live far away from government offices and make it easier for the government to
collect each complaint which will then be processed and delegated to the relevant
agencies to be handled quickly. The conclusions of the making of this regent
monitors applications ranging from complaints from the public to the relevant
agencies to respond to the problem.
Keywords: complaint application, web-based, government, community
v
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT berkat Rahmat dan
Karunia-Nya penulis dapat menyelesaikan penyusunan sekripsi ini. Shalawat serta
salam senantiasa terlimpah curahkan kepada beliau Nabi Muhammad SAW.
Skripsi ini diajukan untuk memenuhi salah satu syarat memperoleh gelar
Sarjana pada Program Teknik Informatika dengan judul skipsi “Aplikasi Portal
Bupati Jepara Studi Kasus Pada Diskominfo Jepara Berbasis WEB”. Kiranya
dalam penyusunan skripsi ini tidak akan terselesaikan dengan baik tanpa bantuan
dari berbagai pihak. Untuk itu pada kesempatan ini penulis mengucapkan terima
kasih
yang
sebesar-besarnya,
penghargaan
yang
setinggi-tingginya
dan
permohonan maaf atas segala kesalahan yang pernah penulis lakukan kepada
semua pihak yang telah membantu dalam penyelesaian skripsi ini, terutama
kepada :
1. Bapak Dr. Suparnyo, SH., M.S selaku Rektor Universitas Muria Kudus.
2. Bapak Mohammad Dahlan, ST, MT, selaku Dekan Fakultas Teknik
Universitas Muria Kudus.
3. Bapak Ahmad Jazuli, M.Kom, selaku Ketua program Studi Teknik
Informatika Universitas Muria Kudus.
4. Ibu Tutik Khotimah, M.Kom, selaku pembimbing utama Skripsi penulis.
5. Bapak
Wibowo
Harry
Sugiharto,
M.Kom,
selaku
pembimbing
pendamping Skripsi penulis.
6. Bapak dan Ibu yang sudah mendoakan dan selalu mendukung.
7. Kakakku yang selalu mendukung dan memberi semangat.
8. Efi Mufidah, yang selalu memberikan support semasa kuliah.
9. Sahabat-sahabat semasa kuliah yang selalu memberikan dukungannya
terhadap penulis.
Penulis menyadari sepenuhnya bahwa dalam penyusunan skripsi ini masih
terdapat banyak kekurangan, untuk itu penulis mengharap kritik dan saran dari
berbagai pihak untuk sempurnanya sebuah karya tulis. Selain itu penulis juga
berharap semoga karya tulis ini dapat memberikan manfaat bagi semua. Demikian
ucapan terima kasih saya selaku penulis dan mohon maaf jika penyususnan skripsi
vi
ini jauh dari kata sempurna. Untuk itu penulis mengharap kritik dan saran dari
berbagai pihak .Semoga dapat bermanfaat bagi kita semua.
Kudus, 28 Februari 2018
Penulis
vii
DAFTAR ISI
HALAMAN JUDUL .............................................................................................. i
HALAMAN PENGESAHAN .............................. Error! Bookmark not defined.
PERNYATAAN KEASLIAN .............................................................................. iii
ABSTRAK ............................................................................................................ iv
ABSTRACT ........................................................................................................... v
KATA PENGANTAR .......................................................................................... vi
DAFTAR ISI ....................................................................................................... viii
DAFTAR GAMBAR ........................................................................................... xii
DAFTAR TABEL .............................................................................................. xiv
BAB I PENDAHULUAN ..................................... Error! Bookmark not defined.
1.1.
Latar Belakang ........................................ 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.
BAB II TINJAUAN PUSTAKA.......................... Error! Bookmark not defined.
2.1.
Penelitian Terkait .................................... Error! Bookmark not defined.
2.2.
Landasan Teori ........................................ Error! Bookmark not defined.
2.2.1.
Penanganan Kasus Pengaduan MasyarakatError! Bookmark not
defined.
2.2.2.
Kebutuhan Dinas .............................. Error! Bookmark not defined.
2.2.3.
Jenis Pengaduan ............................... Error! Bookmark not defined.
2.2.4.
Penanganan Pengaduan .................... Error! Bookmark not defined.
2.2.5
Pengertian WEB ............................... Error! Bookmark not defined.
2.3.
Kerangka Pemikiran ................................ Error! Bookmark not defined.
viii
BAB III METODE PENELITIAN ..................... Error! Bookmark not defined.
3.1.
Pengumpulan Data .................................. Error! Bookmark not defined.
3.1.1. Studi Lapangan..................................... Error! Bookmark not defined.
3.1.2. Studi Pustaka ........................................ Error! Bookmark not defined.
3.1.3. Studi Dokumentasi ............................... Error! Bookmark not defined.
3.2.
Metode Pengembangan Sistem ............... Error! Bookmark not defined.
3.3
Desain Perancangan ................................ Error! Bookmark not defined.
3.3.1
Flowchart Diagram.......................... Error! Bookmark not defined.
3.3.2
Data Flow Diagram .......................... Error! Bookmark not defined.
3.3.3
Entity Relationship Diagram ............ Error! Bookmark not defined.
3.4
Tools yang digunakan .............................. Error! Bookmark not defined.
3.4.1
Neatbeans ......................................... Error! Bookmark not defined.
3.4.2
Xampp .............................................. Error! Bookmark not defined.
3.4.3
MySQL ............................................. Error! Bookmark not defined.
3.5
Bahasa yang digunakan ........................... Error! Bookmark not defined.
3.5.1
PHP (Hypertext Prepocessor) .......... Error! Bookmark not defined.
3.5.2
Javascript .......................................... Error! Bookmark not defined.
3.5.3
JQuery .............................................. Error! Bookmark not defined.
3.5.4
AJAX................................................. Error! Bookmark not defined.
3.5.5
HTML ............................................... Error! Bookmark not defined.
3.5.6
CSS ................................................... Error! Bookmark not defined.
3.6
Perancangan Sistem ................................. Error! Bookmark not defined.
3.6.1
Flowchart Diagram.......................... Error! Bookmark not defined.
3.6.2
Contex Diagram ............................... Error! Bookmark not defined.
3.6.3
Data Flow Diagram (DFD) ............. Error! Bookmark not defined.
3.6.4
Entity Relationship Diagram (ERD) Error! Bookmark not defined.
ix
3.7
Perancangan Database ............................. Error! Bookmark not defined.
3.8
Perancangan Skema Tabel....................... Error! Bookmark not defined.
3.9
Perancangan Desain Interface ................. Error! Bookmark not defined.
BAB IV HASIL ANALISIS DAN PEMBAHASANError!
Bookmark
not
defined.
4.1
Proses Sistem Pendataan ......................... Error! Bookmark not defined.
4.2
Analisa Masalah ...................................... Error! Bookmark not defined.
4.3
Kebutuhan Sistem.................................... Error! Bookmark not defined.
4.3.1
Kebutuhan hardware ........................ Error! Bookmark not defined.
4.3.2
Kebutuhan software ......................... Error! Bookmark not defined.
4.4
Kebutuhan fungsional .............................. Error! Bookmark not defined.
4.4.1
Kebutuhan admin ............................. Error! Bookmark not defined.
4.4.2
Kebutuhan Masyarakat..................... Error! Bookmark not defined.
4.4.3
Kebutuhan Dinas .............................. Error! Bookmark not defined.
4.4.4
Kebutuhan Bupati............................. Error! Bookmark not defined.
4.5
Implementasi ........................................... Error! Bookmark not defined.
4.5.1
Mempersiapkan Aplikasi Sistem...... Error! Bookmark not defined.
4.5.2
Mempersiapkan Database Sistem .... Error! Bookmark not defined.
4.6
Implementasi basis data ........................... Error! Bookmark not defined.
4.7
Interface sistem ........................................ Error! Bookmark not defined.
4.8
Pengujian Aplikasi .................................. Error! Bookmark not defined.
4.8.1
Pengujian White Box Menggunakan FlowchartError!
Bookmark
not defined.
4.8.2
Pengujian White Box Menggunakan Flow GraphError! Bookmark
not defined.
4.8.3
Pengujian Black Box ....................... Error! Bookmark not defined.
BAB V PENUTUP ................................................ Error! Bookmark not defined.
x
5.1
Kesimpulan .............................................. Error! Bookmark not defined.
5.2
Saran ....................................................... Error! Bookmark not defined.
DAFTAR PUSTAKA ........................................... Error! Bookmark not defined.
LAMPIRAN ...................................................................................................... 75
BIODATA PENULIS ....................................................................................... 80
xi
DAFTAR GAMBAR
Gambar 2.1
Kerangka Pemikiran .................................................................... 13
Gambar 3.1
Metode Waterfall ....................................................................... 15
Gambar 3.2
Simbol Flowchart ....................................................................... 17
Gambar 3.3
Simbol Flowchat Lanjutan ......................................................... 18
Gambar 3.4
Flowchart Diagram .................................................................... 25
Gambar 3.5
Context Diagram . ....................................................................... 27
Gambar 3.6. DFD Level 0 ................................................................................ 28
Gambar 3.7
ERD Aplikasi Portal Bupati ....................................................... 29
Gambar 3.8
Skema Tabel ............................................................................... 33
Gambar 3.9
Halaman Layout ......................................................................... 33
Gambar 3.10 Halaman Awal Aplikasi ............................................................. 34
Gambar 3.11 Pendaftaran Masyarakat ............................................................. 34
Gambar 3.12 Halaman Login Aplikasi ............................................................. 35
Gambar 3.13 Halaman Menu Admin ............................................................... 35
Gambar 3.14 Halaman Awal Masyarakat ........................................................ 36
Gambar 3.15 Halaman Input Pengaduan .......................................................... 36
Gambar 3.16 Halaman Input Data Dinas. ......................................................... 37
Gambar 3.17 Halaman Input Tanggapan ......................................................... 37
Gambar 3.18 Halaman Input Master Kategori ................................................. 38
Gambar 3.19 Halaman Bupati . ......................................................................... 38
Gambar 4.1
Tabel Masyarakat ....................................................................... 41
Gambar 4.2
Tabel Master Kategori . ............................................................... 41
Gambar 4.3
Tabel Dinas ................................................................................. 42
Gambar 4.4
Tabel Pengaduan ........................................................................ 42
Gambar 4.5
Implementasi Basis Data Relasi Tabel ........................................ 43
Gambar 4.6
Halaman Beranda Aplikasi ......................................................... 43
xii
Gambar 4.7
Halaman Login Aplikasi ............................................................. 44
Gambar 4.8
Halaman Utama Admin Setelah Login........................................ 44
Gambar 4.9
Halaman Input Data Pengaduan ................................................. 45
Gambar 4.10 Halaman Tampil Data Pengaduan ............................................... 45
Gambar 4.11 Halaman Input Tanggapan ......................................................... 46
Gambar 4.12 Halaman Permasalahan Selesai .................................................. 46
Gambar 4.13 Halaman Bupati .......................................................................... 47
Gambar 4.14 Halaman Cetak Laporan ............................................................. 47
Gambar 4.15 Hasil Cetak Laporan ................................................................... 48
Gambar 4.16 Hasil pengujian White Box Dengan Flowchart ......................... 49
Gambar 4.17 Script Input Data NIK ................................................................ 49
Gambar 4.18 Script verifikasi Data NIK .......................................................... 49
Gambar 4.19 Script NIK Harus 16 Digit .......................................................... 50
Gambar 4.20 Script Data NIK Harus Berupa Angka ....................................... 50
Gambar 4.21 Script Insert Data NIK................................................................. 50
Gambar 4.22 Gambar Flow Graph Data NIK .................................................. 52
xiii
DAFTAR TABEL
Tabel 3.1
Simbol Data flow Diagram............................................................ 19
Tabel 3.2
Simbol Entity Relationship Diagram............................................. 20
Tabel 3.3
Tabel Masyarakat ........................................................................... 30
Tabel 3.4
Tabel Master Kategori ................................................................... 31
Tabel 3.5
Tabel Dinas ................................................................................... 31
Tabel 3.6
Tabel Pengaduan ........................................................................... 32
Tabel 4.5
Pengujian Black Box Pada Proses Login masyarakat .................. 45
Tabel 4.6
Pengujian Black Box Pada Proses Input Data pengaduan ............ 48
Tabel 4.7
Pengujian Black Box Pada Proses Edit Pengaduan ...................... 48
Tabel 4.8
Pengujian Black Box Pada Proses Input Data Masyarakat ........... 48
Tabel 4.9
Pengujian Black Box Pada Proses Edit Masyarakat ..................... 49
Tabel 4.10
Pengujian Black Box Pada Proses Input Master Kategori ............ 50
xiv