BAB IV HASIL DAN PEMBAHASAN 6
4.1.4 Implementasi Desain Interface
Pada sub bab ini akan dilakukan implementasi dari desain interface yang telah dibahas pada bab 3. Berdasarkan desain interface yang telah dibahas pada bab 3, maka akan dibagi menjadi dua bagian yaitu halaman utama dan halaman
sysadmin.
1. Halaman Utama
Hasil implementasi interface pada halaman utama berdasarkan perancangan pada bab 3 seperti terlihat pada gambar 4.2 dibawah ini.
Halaman utama website ini adalah untuk menampilkan berbagai menu informasi yang ada dalam sistem informasi geografis profli daerah Kota Blitar. Pada halaman ini terdiri dari beberapa menu utama antara lain:
a. Beranda
Halaman ini adalah halaman yang pertama kali muncul ketika user maupun admin mengakses website, yang berisi tentang tujuan dan manfaat dari sistem informasi geografis profil daerah Kota Blitar.
b. Profil
Tombol profil ini memuat tentang gambaran umum profil daerah kota yang didalamnya berisi gambar gedung pemerintahan kota dan penjelasan letak Kota Blitar, seperti pada gambar 4. 3 dibawah ini.
c. Berita
Pengunjung atau pengguna dapat melihat berita-berita yang berhubungan dengan perkembangan Kota Blitar. Berita-berita yang ditampilkan dibagi lagi menurut kategori berita, seperti pada gambar 4. 4 dibawah ini.
Gambar 4. 4 Berita
d. ContactUser
Halaman ini menyajikan halaman pesan untuk pengguna dan tidak perlu melakukan proses login, dimana pesan tersebut langsung masuk ke admin seperti pada gambar 4. 5 dibawah ini.
Gambar 4. 5Contact User
e. Login
Gambar 4. 6Login
Tombol login hanya dapat diakses oleh sysadmin,semua data yang ada pada web ini di olah, di kontrol oleh admin melalui tombol ini.
f. Pertanian
Gambar 4. 7 Aplikasi Pertanian
Untuk melihat data pertanian Kota Blitar maka user harus mengisi form pertanian dengan lengkap seperti yang ada pada gambar 4. 7 aplikasi pertanian di atas.
g. Pariwisata
Aplikasi Pariwisata merupakan form yang digunakan untuk melihat wisata-wisata setiap kecamatan ataupun kelurahan yang ada di Kota Blitar. Pengguna dapat langsung mengklik nama kelurahan.
h. Industri
Gambar 4. 9 Aplikasi Industri
Dalam aplikasi industri ini, sistem kerja program hampir sama dengan aplikasi petanian yaitu user harus mengisi form pertanian dengan lengkap seperti yang ada pada gambar 4. 9 aplikasi industri di atas.
Untuk melihat keterangan lebih lengkap mengenai pertumbuhan industri dan penduduk setempat, dapat dilihat seperti pada gambar di bawah ini.
Gambar 4. 10 Perkembangan Industri Dan Penduduk
Analisis perkembangan industri ini berdasarkan informasi tiap-tiap kelurahan, industri yang ada di kelurahan tersebut di data mulai dari nama, alamat, jumlah pekerja, produksi per hari, dan pemasarannya.
Penduduk yang ada di kelurahan tersebut pun juga di data mulai dari banyaknya penduduk, penduduk yang bekerja dan pengangguran kemudian di prosentase mana yang lebih manyak. Menampilkan mata pencaharian penduduk seperti tani, niaga, dan guru. Menghitung tenaga terdidik dari penduduk yang tidak berpendidikan, SD, SLTP, SLTA, dan Sarjana.
i. GIS (Peta Kota Blitar)
Gambar 4. 11GIS Kota Blitar
Pada halaman ini memuat tampilan peta Kota Blitar, yang didalamnya terdapat semua informasi tentang profil kota, fasilitas, jalan kota, industri dan objek wisata. Untuk membedakan setiap legend pada peta maka untuk fasilitas menggunakan tanda gedung, pabrik dengan tanda bulet silang merah, dan untuk objek wisata menggunakan bulet warna hijau, seperti pada gambar 4.11 di atas.
Untuk melihat peta lebih terperinci, klik tanda detail kemudian pilih bulet daerah yang ada pada peta, seperti petunjuk gambar di bawah ini.
Gambar 4. 12 Detail Peta
Gambar 4. 13 Keterangan Peta
Dibawah ini merupakan source program untuk menampilkan peta umum Sistem Informasi Geografis profil daerah Kota Blitar.
<?php
include( "../../htdocs/chameleon.php" );
$szTemplate = "./blitar.php"; $szMapFile = "../map/blitar.map";
class SampleApp extends Chameleon {
function SampleApp() {
parent::Chameleon(); $this->moMapSession = new MapSession_RW; $this->moMapSession->setTempDir(
Di bawah ini merupakan source untuk manampilkan layer fasilitas.
LAYER
NAME "Fasilitas" GROUP "Point" STATUS OFF
DATA "the_geom FROM fasilitass USING UNIQUE gid" TYPE POINT
CONNECTIONTYPE POSTGIS
CONNECTION "user=postgres dbname=blitar host=localhost port=5432 password=root" LABELITEM "keterangan" PROJECTION "proj=latlong" END CLASS NAME "blitar" TEMPLATE "ttt_query.html" LABEL TYPE TRUETYPE FONT "sans"
Di bawah ini merupakan source untuk manampilkan layer industri.
LAYER
NAME "Pabrik/Industri" GROUP "Point"
STATUS DEFAULT
DATA "the_geom FROM jumlah_industri USING UNIQUE gid" TYPE POINT
CONNECTIONTYPE POSTGIS
CONNECTION "user=postgres dbname=blitar host=localhost port=5432 password=root" LABELITEM "nama_industri" PROJECTION "proj=latlong" END CLASS NAME "industri" TEMPLATE "ttt_query.html" LABEL TYPE TRUETYPE
Di bawah ini merupakan source untuk manampilkan layer objek wisata.
LAYER
NAME "Objek Wisata" GROUP "point"
STATUS ON
DATA "the_geom FROM tmobjekwst USING UNIQUE gid" TYPE POINT
CONNECTIONTYPE POSTGIS
CONNECTION "user=postgres dbname=blitar host=localhost port=5432 password=root" LABELITEM "nmobjek" METADATA "DESCRIPTION" "Wisata" "RESULT_FIELDS" "nmobjek" "GROUP" "point" "LAYER" "Wisata" END PROJECTION "proj=latlong" END CLASS
Di bawah ini merupakan source untuk manampilkan layer peta blitar.
LAYER
NAME "peta blitar" GROUP "poligon" STATUS ON
DATA "the_geom FROM administrasi USING UNIQUE gid" TYPE POLYGON
CONNECTIONTYPE POSTGIS
CONNECTION "user=postgres dbname=blitar host=localhost port=5432 password=root" LABELITEM "nm__kelura" METADATA "DESCRIPTION" "peta_blitar" "GROUP" "polygon" "LAYER" "peta_blitar" END PROJECTION "proj=latlong" END CLASS
j. Rencana Tanam Modal
Menu rencana tanam modal,merupakan form yang digunakan oleh user yang ingin melakukan rencana kerjasama/menanamkan modalnya kepada pemerintah kota Blitar yang dirasa menguntungkan oleh user, seperti pada gambar 4.14 di bawah ini.
Gambar 4. 14 Tanam Modal
2. Halaman Sysadmin
Pada halaman ini hanya bisa di akses oleh administrator dan petugas saja, Hasil implementasi interface halaman sysadmin berdasarkan perancangan pada bab 3 seperti terlihat pada gambar 4.15 di bawah ini.
Gambar 4.15 Halaman Sysadmin