SISTEM INFORMASI GEOGRAFIS PROFIL KABUPATEN KULON

SISTEM INFORMASI GEOGRAFIS
PROFIL KABUPATEN KULON PROGO
BERBASIS WEB
Oleh : Nur Akhwan (12090672)
A.
PENDAHULUAN
1.1. Latar Belakang
Perkembangan teknologi khususnya internet telah menyebabkan proses
pertukaran dan penyebaran informasi dapat dilakukan dengan cepat, dan
jangkauan wilayah yang sangat luas. Teknologi website sebagai salah satu hasil
dari teknologi internet, merupakan salah satu layanan yang berkembang pesat, dan
juga digunakan oleh banyak orang saat ini. Hal ini didukung oleh perkembangan
perangkat lunak pendukung web, seperti bahasa pemrograman PHP, HTML,
Javascript, yang telah mengubah kemampuan web yang dahulu hanyalah website
statis, namun kini telah memungkinkan interaksi dinamis, antara pengguna dan
web.
Walaupun demikian, ternyata informasi yang disajikan sebuah website,
secara umum hanya menggambarkan potensi daerah yang disajikan dalam bentuk
teks dan gambar pada halaman web. Informasi lain seperti lokasi tempat wisata,
lokasi instansi pemerintah, lokasi sekolah, jalur jalan masih sangat minim dan
kurang interaktif. Alhasil pengunjung merasa jenuh untuk membaca informasi
tersebut dan sulit membayangkan keadaan sebenarnya.
Perkembangan dunia website, yaitu dengan munculnya sistem informasi
geografis (SIG) memungkinkan informasi potensi daerah dapat ditampilkan tidak
hanya dalam bentuk tekstual, namun juga secara visual yang sangat interaktif.
Penyampaian informasi secara visual ini memberikan pemahaman
yang
lebihkepada pengunjung karena lebih menarik dan tidak membosankan daripada
yang hanya menampilkan teks dan gambar saja.
Integrasi teknologi SIG dan web ke dalam aplikasi sistem informasi profil
daerah, memungkinkan semua informasi yang akan ditampilkan dapat
25
divisualisasikan secara interaktif ke dalam website yang dapat diakses oleh
pengunjung di dunia, tanpa ada batasan waktu dan wilayah.
1.2. Rumusan Masalah
Berdasarkan latar belakang di atas, maka rumusan masalah dalam penelitian
ini adalah merancang sebuah media informasi yang dapat menampilkan profil
Kabupaten Kulon Progo berbasis web dengan menggunakan konsep Sistem
Informasi Geografis.
1.3. Tujuan
Tujuan dari penelitian ini adalah membangun sistem informasi profil
Kabupaten Kulon Progo yang berbasis web dengan menggunakan konsep Sistem
Informasi Geografi sehingga informasi mengenai profil Kabupaten Kulon Progo
dapat dipahami dengan mudah.
1.4. Manfaat
Manfaat yang ingin diperoleh dari penelitian ini adalah sebagai berikut :
1.
Membantu masyarakat untuk memperoleh informasi tentang profil
Kabupaten Kulon Progo dengan cepat dan mudah
2.
Membantu pemerintah memperkenalkan profil Kabupaten Kulon Progo
kepada masyarakat global.
3.
Meningkatkan dan mengembangkan kemampuan diri dalam lingkungan
yang sesuai dengan disiplin ilmu yang dipelajari.
1.5.Batasan Masalah
Batasan masalah dalam penelitian ini adalah membanguan Sistem Informasi
Geografis dengan media website, dan menampilkan profil dan potensi setiap
kecamatan dan desa di Kabupaten Kulon Progo, dalam bentuk peta wilayah
Kabupaten Kulon Progo.
26
B. PERANCANGAN
1.1.
Rancangan Tampilan Utama Halaman Web
4.1.1.
Halaman awal website
Dalam halaman awal website ini menampilkan peta Sistem Informasi
Geografis Profil Kabupaten Kulon Progo. Pengguna dapat memilih layer yang
akan diaktifkan melalui menu legenda. Perintah Zoom In, Zoom Out dan Panning
berada di kolom Toolbox. Tampilan halaman utama SIG Profil Kabupaten Kulon
Progo seperti digambarkan pada gambar 4.1 berikut ini.
Logo
Kulon
Peta Profil Kabupaten Kulon Progo
Progo
Powered by pMapper
link
Legenda
PETA
Zoom
slider
Tool box
- Legenda 1
- Legenda 2
- Legenda 3
Reference Map
X : 123, Y : 123
Footer web
[koordinat]
Gambar 4.1 Tampilan halaman utama SIG Profil Kabupaten Kulon Progo
27
26
4.1.2. Halaman web profil kecamatan
Halaman ini akan muncul jika pengguna memilih label nama kecamatan pada
legenda. Web profil kecamatan berbentuk halaman web dinamis, tanpa
menggunakan peta. Tampilan halaman web profil kecamatan dirancang dalam 2
(dua) kolom, sebelah kiri sebagai isi website, dan sebelah kanan adalah menu
website. Rancangan tampilan halaman web profil kecamatan tertera dalam gambar
4.2 di bawah ini.
Beranda | Kontak kami | Web GIS Kec. Samigaluh | Web GIS Profil Kab. Kulon Progo
Logo
Kulon Progo
Profil Kecamatan
Kabupaten Kulon Progo
Berita | Galeri Foto | Profil | Potensi | Data Primer
\\
.. pencarian ..
Slider banner
cari
Keterangan
banner
Agenda Kec.
Isi agenda
Selamat datang di Kec. ....
Link Kecamatan Lain
Kec. 1
Kec. 2
Footer Website
Gambar 4.2 Rancangan tampilan halaman web profil kecamatan
4.1.3. Halaman admin
Halaman admin akan muncul jika admin berhasil login. Adapun tampilan
halaman login seperti digambarkan pada gambar 4.3. Setelah berhasil login
halaman admin akan ditampilkan dengan layout 2 kolom, sebelah kanan adalah
menu admin, dan sebelah kiri adalah isi. Rancangan layout halaman admin tertera
dalam gambar 4.4 di bawah ini.
27
Gambar 4.3 Rancangan layout halaman login admin
Header admin
Admin Data SIG
Nama Menu
- Menu 1
- Menu 2
- dst
Admin Data Website
- Menu 1
- Menu 2
- Dst
Footer Website
Gambar 4.4 Rancangan layout halaman admin
4.2. Diagram Arus Data
Langkah-langkah pembuatan DFD sebagai berikut:
a.
Identifikasikan terlebih dahulu semua kesatuan luar (external entities) yang
terlibat di sistem, yaitu :
1.
Pengunjung / User.
Setiap orang yang dikategorikan sebagai pengunjung/user adalah orang yang
menggunakan sistem informasi geografis ini dan wewenangnya hanya
melihat/membaca data.
2.
Admin
Admin merupaka orang yang bertugas mengelola data sistem informasi
geografis, yaitu data attributnya.
b.
Identifikasikan semua input dan output yang terlibat dengan kesatuan luar.
28
Dalam sistem informasi geografis ini, entitas admin memberikan data ke
sistem berupa data desa, kantor kecamatan, data pasar, data sekolah, data wisata,
data agenda, data berita, data galeri album, data galeri gambar, data profil
kecamatan, data potensi kecamatan, dan data puskesmas. Sedangkan data yang dia
terima adalah infomasi data desa, kantor kecamatan, data pasar, data sekolah, data
wisata, data agenda, data berita, data galeri album, data galeri gambar, data profil
kecamatan, data potensi kecamatan, dan data puskesmas. Sedangkan pengunjung
menerima informasi berupa data desa, kantor kecamatan, data pasar, data sekolah,
data wisata, data agenda, data berita, data galeri album, data galeri gambar, data
profil kecamatan, data potensi kecamatan, dan data puskesmas.
c.
Diagram konteks.
Setelah melakukan analisa entitas luar yang terlibat, beserta data-data yang
terlibat dengan entitas, maka didapatkan diagram konteks sebagai berikut :
Gambar 4.5 Diagram konteks
29
d.
Diagram Berjenjang.
Gambar 4.6 Diagram berjenjang
30
e.
DFD Level 0
Gambar 4.7 DFD Level 0
31
f.
DFD Level 1 Proses 1.0
Gambar 4.8 DFD Level 1 proses 1.0
32
g.
DFD Level 1 Proses 2.0
Gambar 4.9 DFD level 1 proses 2.0
33
4.3.
Langkah-Langkah Perancangan Database
Langkah-langkah merancang database pada sistem informasi geografis profil
Kabupaten Kulon Progo berbasis web dengan menggunakan tehnik ERD adalah
sebagai berikut :
1.
Identifikasikan setiap entitas yang terlibat
Entitas yang terlibat dalam sistem informasi geografis profil Kabupaten
Kulon Progo adalah sebagai berikut :
a.
Desa
f.
Puskesmas
k.
Web_profil_kec
b.
Kantor_kec
g.
Web_agenda
l.
Web_potensi_kec
c.
Pasar
h.
Web_berita_kec
m. Web_ref_kec
d.
Sekolah
i.
Web_galeri_album
n.
e.
Wisata
j.
Web_galeri_gambar
2.
Identifikasikan setiap kerelasian berikut jenisnya yang terjadi di antara entitas
Web_admin
Relasi yang terjadi antara entitas di dalam sistem informasi geografis profil
Kabupaten Kulon Progo adalah sebagai berikut :
Entitas 1
Tabel 4.1 Tabel relasi antar entitas
Relasi
Entitas 2
Kardinalitas
Web_ref_kec
Mempunyai
Desa
One to many
Web_ref_kec
Mempunyai
Kantor_kec
One to many
Web_ref_kec
Mempunyai
Pasar
One to many
Web_ref_kec
Mempunyai
Sekolah
One to many
Web_ref_kec
Mempunyai
Wisata
One to many
Web_ref_kec
Mempunyai
Puskesmas
One to many
Web_ref_kec
Mempunyai
Web_agenda
One to many
Web_ref_kec
Mempunyai
Web_berita_kec
One to many
Web_ref_kec
Mempunyai
Web_profil_kec
One to many
Web_ref_kec
Mempunyai
Web_potensi_kec
One to many
Web_ref_kec
Mempunyai
Web_galeri_album
One to many
Web_galeri_album
Mempunyai
Web_galeri_gambar One to many
34
3.
Gambarkan simbol-simbol entitas, atribut, dan kerelasian antar entitas
sedemikian sehingga simbol kerelasian dapat digambarkan dengan jelas dan
tidak saling bertabrakan.
Untuk melengkapi setiap entitas, makan diberikan atribut kepada setiap
entitas, yaitu sebagai berikut :
Tabel 4.2 Pemetaan atribut dengan entitasnya
Entity
Attribut
Desa
Gid, id_kec, nama, kepala_des, the_geom, pddk_l, pddk_p,
pedukuhan, luas
Kantor_kec
Gid, nama, id_kec, the_geom, deskripsi
Pasar
Gid, nama, id_kec, the_geom, deskripsi
Sekolah
Gid, nama, id_kec, the_geom, alamat, jml_siswa, kepsek, tipe
Wisata
Gid, nama, id_kec, deskripsi, the_geom, retribusi
Puskesmas
Gid, nama, id_kec, the_geom, deskripsi
Web_agenda
Id, id_kec, waktu, deskripsi, tempat
Web_berita_kec
Id, id_kec, judul, isi, gambar, tgl_post, pub, hits
Web_galeri_album Id, id_kec, nama, tgl_post
Web_galeri_gambar Id, id_album, file
Web_profil_kec
Id, id_kec, batas_wilayah, selayang_pandang, struktur_org,
visi_misi
Web_potensi_kec
Id, id_kec, nama, isi
Web_ref_kec
Id, nama, alamat_kantor, camat, url
Selanjutnya hasil gambar ERD adalah seperti pada gambar 4.10 berikut ini
35
Gambar 4.10 Diagram akhir Entity Relationship Diagram
36
4.4. Flowchart Sistem
37
Gambar 4.11 Flowchart Sistem
4.5. Flowchart Program
4.5.1.
Flowchart program halaman utama
Gambar 4.12 Flowchart halaman utama program
38
4.5.2.
Flowchart program halaman profil kecamatan
Gambar 4.13 Flowchart program halaman profil kecamatan
39
4.5.3.
Flowchart program halaman admin data attribut peta
Gambar 4.14 Flowchart program halaman admin data atribut peta
40
4.5.4.
Flowchart program halaman kelola data agenda
Gambar 4.15 Flowchart program halaman kelola
kelola data agenda
4.5.5.
Flowchart program halaman kelola data berita
Gambar 4.16 Flowchart program halaman kelola data berita
4.5.6.
Flowchart program halaman kelola data galeri album
40
41
Gambar 4.17 Flowchart program halaman kelola data album gambar
4.5.7.
Flowchart program halaman kelola data profil kecamatan
41
42
Gambar 4.18 Flowchart program halaman kelola data profil kecamatan
4.5.8.
Flowchart program halaman kelola data potensi kecamatan
Gambar 4.19 Flowchart program halaman kelola data potensi kecamatan
4.6. Rancangan Halaman Input
Sebelum memasuki halaman input data atau halaman admin, admin harus melalui proses
login. Admin harus memasukkan username dan password yang sesuai, agar bisa masuk ke
sistem. Usename dan password yang dimasukkan admin bertipe teks dengan panjang
42
43
maksimal 20 karakter. Adapun tampilan form login adalah seperti pada gambar 4.21, berikut
ini.
Gambar 4.20 Form login
a.
Rancangan form input data desa
Setelah berhasil login, maka akan ditampilkan halaman beranda admin. Untuk mengelola
data desa, admin dapat memilih menu “Desa”. Adapun desain rancangan form input data desa
adalah sebagaimana gambar 4.22.
Gambar 4.21 Form edit data desa
b.
Rancangan form input data kantor kecamatan
Form ini digunakan untuk memberikan input data atribut kantor kecamatan ke database.
Data yang diinputkan antara lain nama dengan tipe data text maksimal 50 karakter, dan
deskripsi yang bertipe data text dengan panjang maksimal 250 karakter. Rancangan formnya
adalah seperti gambar 4.23 berikut ini.
Gambar 4.22 Form edit data kantor kecamatan
c.
Rancangan form edit data puskesmas
43
44
Data puskesmas akan diinputkan melalui form ini. Data yang diinputkan antara lain
nama dengan tipe data text maksimal 50 karakter, dan deskripsi yang bertipe data text dengan
panjang maksimal 250 karakter. Rancangan formnya adalah seperti gambar 4.24 berikut ini.
Gambar 4.23 Form edit data puskemas
d.
Rancangan form edit data pasar
Form ini digunakan untuk memberikan input data atribut pasar. Data yang diinputkan
antara lain nama dengan tipe data text maksimal 50 karakter, dan deskripsi yang bertipe data
text dengan panjang maksimal 250 karakter. Rancangan formnya adalah seperti gambar 4.25
berikut ini.
Gambar 4.24 Form edit data pasar
e.
Rancangan form edit data sekolah
Data atribut sekolah yang ada di suatu kecamatan akan diedit melalui form ini. Data yang
diinputkan antara lain nama dengan tipe data text maksimal 50 karakter, kepala sekolah, tipe
data teks maksimal 50 karakter, alamat tipe data teks dengan panjang maksimal 150 karakter,
jumlah siswa dengan tipe data integer dengan maksimal panjang karakter yang diinputkan
sebanyak 6 karakter dan tingkat sekolah yang akan diinputkan dengan menggunakan
combobox yang berisi 3 pilihan, yaitu “SMP”, “SMA”, dan “SMK”. Adapun rancangan
tampilan form edit data sekolah adalah seperti gambar 4.26 berikut ini.
44
45
Gambar 4.25 Form edit data sekolah
f.
Rancangan form edit data wisata
Form ini digunakan untuk men-edit data atribut tempat wisata. Data yang diinputkan
antara lain nama dengan tipe data text maksimal 50 karakter, deskripsi yang bertipe data text
dengan panjang maksimal 250 karakter serta tarip retribusi dengan tipe data teks maksimal 20
karakter.. Rancangan formnya adalah seperti gambar 4.27 berikut ini.
Gambar 4.26 Form edit data tempat wisata
g.
Rancangan form tambah/edit data agenda
Data agenda akan ditambahkan atau diedit melalui form ini. Data yang diinputkan antara
lain tanggal, deskripsi dan tempat Adapun rancangan tampilan form edit data sekolah adalah
seperti gambar 4.28 berikut ini.
Gambar 4.27 Form edit data agenda
h.
Rancangan form tambah/edit data berita
45
46
Form ini digunakan untuk menambahkan atau mengubah data berita. Data yang
diinputkan antara lain judul berita dengan tipe data teks maksimal 50 karakter, file gambar
dengan tipe data file maksimal 2 MB, dan isi berita dengan tipe data teks maksimal 20000
karakter. Rancangan formnya adalah seperti gambar 4.29 berikut ini.
Gambar 4.28 Form tambah/edit berita
i.
Rancangan form tambah/edit data galeri album
Form ini digunakan untuk menambahkan atau mengubah data album foto. Data yang
diinputkan hanya nama album dengan tipe data teks maksimal 50 karakter. Rancangan
formnya adalah seperti gambar 4.30 berikut ini.
Gambar 4.29 Form tambah/edit album
j.
Rancangan form input data gambar galeri
Form ini digunakan untuk menambahkan foto di dalam suatu album foto. Data yang
diinputkan berupa file gambar dengan maksimal 2 MB. Rancangan formnya adalah seperti
gambar 4.31 berikut ini.
Gambar 4.30 Form input data gambar galeri
k.
Rancangan form input/edit data potensi kecamatan
46
47
Form ini digunakan untuk menambahkan atau mengubah data potensi yang dimiliki
sebuah kecamatan. Data yang diinputkan adalah nama potensi dan deskripsinya Rancangan
formnya adalah seperti gambar 4.32 berikut ini.
Gambar 4.31 Form tambah/edit potensi kecamatan
l.
Rancangan form edit data profil kecamatan
Form ini digunakan untuk mengubah data profil suatu kecamatan. Data yang diinputkan
adalah batas wilayah, selayang pandang, struktur organisasi serta visi misi. Rancangan
formnya adalah seperti gambar 4.33 berikut ini.
Gambar 4.32 Form tambah/edit profil kecamatan
47