46
Bab 4 Hasil dan Pembahasan
4.1 Implementasi Sistem
Berdasarkan perancangan yang telah dilakukan pada Bab Tiga, maka pada bagian ini akan dibahas tentang implementasi
sistem WebGis sekolah di Salatiga. Adapun tujuan dari
implementasi sistem ini adalah untuk memastikan perangkat lunak yang dibuat dapat bekerja secara efektif dan efisien sesuai dengan
yang diharapkan. Aplikasi sistem Informasi Geografi sekolah Salatiga berbasis web ini dibangun menggunakan MapServer-CGI
dengan framework Chameleon untuk menampilkan peta berbasis web dan PHP script untuk user interface nya.
Dalam pembangunan WebGis sekolah di salatiga, maka ada tiga komponen utama yang dibahas yaitu antar muka pengguna, peta
sarana dan administrasi sarana. Ketiga komponen ini memiliki peranan penting dalam pengembangan sistem informasi sekolah
berbasis web pada kota Salatiga.
4.1.1 Implementasi Antarmuka
Pada pertama kali user mengakses web, maka user akan masuk pada Menu home. Gambar 4.1 menunjukkan antar muka
menu utama yang disebut sebagai Menu Home.
47
Gambar 4.1. Menu Home
Berdasarkan menu home pada Gambar 4.1, dapat dilihat fasilitas-fasilitas awal yang yang ditampilkan seperti :
Home, yang menunjukan tentang tampilan awal web,
Fasilitas, yang menunjukan tentang daftar sekolah yang ada
di Salatiga beserta keterangan penunjang meliputi daftar guru dan fasilitas penunjang sekolah.
Peta fasilitas, menunjukan lokasi sekolah yang ada di
Salatiga berupa peta interaktif.
Buku tamu, menfasilitasi pengunjung web untuk member kritik dan saran.
Admin, pada bagian ini, berfungsi untuk mengatur atau
mengelola Sistem Informasi Geografis Berbasis Web sekolah di Salatiga.
48 .
4.1.2 Daftar fasilitas sekolah di Salatiga
Penjelasan mengenai sekolah-sekolah di Salatiga yang menginformasikan atribut-atribut yang ada di dalam masing-masing
sekolah yang ada, diantaranya daftar guru dan fasilitas pendidikan yang ada..
Berdasarkan Gambar 4.2 terlihat bahwa sistem WebGIS Sekolah di Salatiga dapat menampilkan daftar sekolah di Salatiga,
dalam hal ini dibedakan menajadi 3 kategori, yaitu SD, SMP, SMA.
Gambar 4.2 daftar jenis sekolah
Berdasarkan kategori-kategori yang diperlihatkan di atas, maka pengguna dapat memilih jenis sekolah untuk melihat daftar
jenis sekolah yang dipilih. Pemanggilan informasi daftar sekolah dari database yang akan ditampilkan dapat dilihat dari script berikut.
49
Kode program 4.1 Pemanggilan Tabel Sekolah
DOCTYPE HTML PUBLIC -W3CDTD HTML 4.01 TransitionalEN
html head
title[daftar fasilitas]title meta http-equiv=Content-Type content=texthtml; charset=iso-
8859-1 link href=style.css rel=stylesheet type=textcss
head body
table tr
a href=admin.php.?action=2
class=my3strongKembalistrongaimg src=imagesimg108.gif width=3 height=5 style=margin-left:3px
tr ?php echo centerh3 ket h3center; ?
table ?php
id_fas=_GET[id]; include.engineshead.php;
include.enginesid_fas.php; echo
table tr
50 a
href=daftarfas.htm class=my3strongKembalistrongaimg
src=imagesimg108.gif width=3 height=5
style=margin-left:3pxspan centerh5Fasilitas : nm_fash4center
tr tr width=60 height=100 valign=top bgcolor=FFFCFB
p style=padding-right:10px; padding-left:10px iframe
width=100 height=300
src=.enginesf_daftarfas.php?id=_GET[id] name=view align=middle
marginheight=0 marginwidth=0
hspace=0 vspace=0 frameborder=0 order=behind scrolling=yes
iframe p
tr table
; include.enginesbottom.php;
? body
html ?php
if id_fas==fas1 {
tb_fas=tb_sekolah; nm_fas=SMP;
51 nm_fas2=MTs;
} elseif id_fas==fas2
{ tb_fas=tb_sekolah;
nm_fas=SD; nm_fas2=MI;
} elseif id_fas==fas3
{ tb_fas=tb_Sekolah;
nm_fas=SMA; nm_fas2=SMK;
} else
{ id_fas=0;
} ?
Maka tampilan informasi berupa tabel yang berisi data sekolah di salatiga dapat dilihat dalam Gambar 4.3.
52
Gambar 4.3. Tabel daftar sekolah
Dari Gambar 4.3, terlihat contoh tampilan daftar sekolah dasar yang ada di salatiga baik negri maupun swasta beserta alamatnya.
Dimana dalam Gambar ini, pengunjung dapat memperoleh informasi tentang masing-masing sekolah, diantaranya daftar guru dan fasilitas
di sekolah yang dipilih.
Kode Program 4.2 pemanggilan tabel guru
? includeconn.php;
id=_GET[id]; ambil nama sekolah
sql=SELECT nama_sekolah
FROM tb_sekolah
WHERE id_sekolah = id;
query=pg_queryconn,sql; whilerow=pg_fetch_arrayquery
{ nm_sekolah=row[nama_sekolah];
53 }
sql=SELECT FROM
tb_guru WHERE
sekolah =
nm_sekolah; query=pg_queryconn,sql;
jml_fas=pg_num_rowsquery; ----Form TabelJudul
echotable width=100 cellspacing=0 cellpadding=0 bgcolor=000000;
echofont color=80B33C size=2b Jumlah Fasilitas : jml_fasbfont;
echotable width=100 cellspacing=0 cellpadding=0 bgcolor=000000;
echotr td bgcolor=CCCCCC Nama Gurutd
td bgcolor=CCCCCC Jenis Kelamintd td
bgcolor=CCCCCC Status
Pegawaitd tr;
----Ambil Isi Record whilerow=pg_fetch_arrayquery
{ ----Ambil Isi Kolom
nama=row[gelar_depan]. .row[nama_guru].
.row[gelar_belakang]; sex=row[jenis_kelamin];
status=row[status_pegawai]; echotr
54 td bgcolor=FFFFFFnamatd
td bgcolor=FFFFFFsextd td bgcolor=FFFFFFstatustd
tr; }
echotable; ?
Maka tampilan dapat dilihat pada gambar 4.4.
Gambar 4.4, Table Daftar Guru
4.1.3 Peta Sekolah Salatiga