j. Desain Layar Menu Admin Berita
PERANCAN GA N SISTEM I NFORM ASI SP ASIA L LO GO
BE RBA SIS WEB PA D A LO K ASI SLT A STU DI
LOGO
K OTA KA SUS: KOT A T AN GERAN G
SEKOL
AH
Home | Sekolah | Buku Tamu | Berita Sekolah | Logout DAFTAR BERITA
N AMA LE NG KAP
JUDU L ISI BERIT A
RU BAH HAP US
Tambah
berita
Gambar 3.24. Desain Layar Menu Admin Berita
Pada menu berita, terdapat 2 menu yang dapat dipilih seorang administrator yaitu Lihat Daftar dan
Input Data. Pada halaman ini seorang administrator
dapat men-gedit atau menghapus berita seputar pendidikan terutama SLTA. Disamping itu, seorang
administrator juga dapat mengisi berita layaknya user
lain. Berikut ini salah satu tampilan Lihat Daftar Berita dan Input Data.
PERANCAN GA N SISTEM I NFORMASI SP ASIA L LO GO
BE RBA SIS W EB PA DA LO KA SI SLT A ST U DI LOG O
K OTA K A SUS: KOT A T AN GERAN G
SEK OLA H
Home | Sekolah | Buku Tamu | Berita Sekolah | Logout ISI BERITA
NamaLengkap : Judul
: Isi Berita
:
News Berita :
Browse
Batal Simpan
Gambar 3.25. Desain Layar Menu Admin Input Berita
3.5.2.4. Tahap Pengkodean
Setelah dilakukan desain sistem yang di usulkan, tahap berikutnya yang dilakukan adalah realisasi sistem
dari desain yang dibuat kedalam bahasa pemrograman yang telah ditentukan.
Pertama kali peta Rupa Bumi Digital Indonesia wilayah Kota Tangerang dengan skala 1:25.000 ditentukan
nilai derajatnya untuk mendapatkan koordinat yang di inginkan. Setelah mendapatkan nilai derajat, kemudian di
simpan dan di setting agar posisi peta sesuai dengan koordinat sebenarnya kemudian di digitasi menggunakan
software Arc View mulai dari Kecamatan, Sungai, Sekolah, Jalan, Batas, Bandara, Danau, Kali, Stasiun, Rel Kereta
Api, Kantor Kelurahan, Nama Kelurahan, dan Kantor Kecamatan yang sesuai dengan data-data tentang lokasi
Sekolah Lanjutan Tingkat Atas SLTA di Kota Tangerang. Selanjutnya pembuatan website dengan menggunakan
text editor Dreamweaver MX 2004 dibantu dengan Adobe Photoshop sebagai picture editing. Untuk interface berbasis
web digunakan PHP versi 2.11.1 dengan Apache versi 2.2.6 sebagai web server dan MySQL versi 5.0.45 sebagai
database. Sedangkan untuk menampilkan data spasial yang terdapat pada database Arcview berformat .shp, maka
diperlukan software pendukung yaitu ALOV Map. Pada ALOV Map, dilakukan pengeditan dalam format .xml
dimana setiap penulisan disesuaikan dengan penulisan pada database Arcview. Hal ini bertujuan agar pada saat
mengklik peta yang terdapat di website akan muncul data atau informasi yang berasl dari database Arcview.
Untuk menampilkan website menggunakan Mozilla Firefox sebagai web browser dan Windows XP sebagai
Sistem Operasinya. Disamping itu, untuk mendukung aplikasi ini digunakan PC Pentium III 800 GHZ, Memori
512 MB SDRam, VGA Card 32 MB dan Harddisk 40 GB, 101102-key atau Microsoft Natural PS2 keyboard, dan
Monitor 15” dengan resolusi 1024x768 dengan 256 warna..
3.5.2.5. Tahap Pengetesan
Pada tahap ini akan dilakukan testing atau pengujian program. Dari hasil pengujian tersebut dapat diketahui
apakah sistem yang dibuat telah sesuai dengan kebutuhan yang diinginkan sehingga layak untuk diimplementasikan.
Adapun pengujian program yang dilakukan menggunakan dua metode yaitu metode black box dan white box.
1. Metode Black Box Pengujian dilakukan pada interface sistem yang
dibuat dengan
lebih memperhatikan didalam
pengoperasian sistem. Tujuan utama dari pengujian sistem ini adalah agar dapat mengetahui apakah proses
yang dilakukan dapat sesuai dengan hasil yang diharapkan. Di bawah ini merupakan beberapa contoh
tabel dari hasil uji coba menggunakan metode black box
.
Tabel 3.7. Pengujian Metode Black Box No
Rancangan InputOutput Hasil Yang Diharapkan
1 Buka program
Masuk ke Menu utama 2.
Klik menu Home ‰ index Menampilkan Menu
utama 3.
Klik menu Peta ‰ Peta Kota Tangerang
Menampilkan Peta lokasi SLTA
4. Klik menu Sekolah ‰
halaman sekolah Menampilkan SLTA di
Kota Tangerang 5.
Klik menu SLTA Negeri‰ tampil SLTA
Negeri Menampilkan data SLTA
Negeri se-Kota Tangerang
6. Klik menu SLTA
Swasta‰ tampil SLTA Swasta
Menampilkan data SLTA Swasta se-Kota
Tangerang
7. Klik menu SMK Negeri‰
tampil SMK Negeri Menampilkan data SMK
Negeri se-Kota Tangerang
8. Klik menu SMK Swasta‰
tampil SMK Swasta Menampilkan data SMK
Swasta se-Kota Tangerang
9. Klik menu Madrasah
Aliyah Negeri‰ tampil Madrasah Aliyah Negeri
Menampilkan data Madrasah Aliyah Negeri
se-Kota Tangerang
10. Klik menu Madrasah
Aliyah Swasta‰ tampil Madrasah Aliyah Swasta
Menampilkan data Madrasah Aliyah Swasta
se-Kota Tangerang
11. Klik menu Profile ‰
profil Dinas PK Menampilkan profil
Dinas PK 12.
Klik menu Profile ‰ profil Kota Tangerang
Menampilkan profil Kota Tangerang
13. Klik menu Profile ‰
profil Pembuat Menampilkan profil
Pembuat 14.
Klik menu Berita ‰ Isi Berita
Menampilkan form isi berita tentang sekolah
15. Klik menu buku Tamu‰
tampil buku tamu Menampilkan form buku
tamu 16.
Klik menu Sekolah ‰ data Sekolah
Menampilkan data
Sekolah 17.
Klik menu SLTA Negeri ‰ edit delete
Mengedit atau
menghapus data SLTA Negeri
18. Klik menu Input Data ‰
isi data SLTA Negeri Menampilkan form isi
SLTA Negeri 19.
Klik menu SLTA Swasta‰ edit delete
Mengedit atau
mendhapus data SLTA Swasta
20. Klik menu Input Data ‰
isi data SLTA Swasta Menampilkan form isi
SLTA Swasta 21.
Klik menu SMK Negeri ‰ edit delete
Mengedit atau
mendhapus data SMK Negeri
22. Klik menu Input Data ‰
isi data SMK Negeri Menampilkan form isi
SMK Negeri 23.
Klik menu SMK Swasta ‰ edit delete
Mengedit atau
mendhapus data SMK Swasta
24. Klik menu Input Data ‰
isi data SMK Swasta Menampilkan form isi
SMK Swasta
25. Klik menu Madrasah
Aliyah Negeri ‰ edit delete
Mengedit atau
mendhapus data
Madrasah Aliyah Negeri 26.
Klik menu Input Data ‰ isi data Madrasah Aliyah
Negeri Menampilkan form isi
Madrasah Aliyah Negeri
27. Klik menu Madrasah
Aliyah Swasta ‰ edit delete
Mengedit atau
mendhapus data
Madrasah Aliyah Swasta 28
Klik menu Input Data ‰ isi data Madrasah Aliyah
Swasta Menampilkan form isi
Madrasah Aliyah Swasta
29. Klik menu berita ‰ data
berita Menampilkan data berita
dari pengguna 30.
Klik menu buku tamu ‰ daftar buku tamu
Menampilkan daftar data buku tamu
31. Klik Logout ‰ keluar dari
menu admin Menampilkan informasi
keluar program atau kembali ke menu utama
2. Metode White Box Pengujian dilakukan pada sistem dengan lebih
memperhatikan didalam source code sistem yang dibuat. Tujuan utama dari pengujian ini adalah agar
dapat mengetahui pada browser apa saja sistem ini dapat berjalan normal. Di bawah ini merupakan tabel
dari hasil uji coba program menggunakan metode white box
.
Tabel 3.8. Pengujian Metode White Box Hardware
Pengujian
Sistem Operasi Windows XP Profesional SP2
XAMPP 1.6.4 Opera 8.0
Sistem Operasi Windows XP Profesional SP2
XAMPP 1.6.4 Internet Explorer 6.0
Intel pentium III 800 MHz, 512 RAM, 32 MB VGA dan sound
card, monitor 15 inchi dan resolusi layar 1024 x 768 pixels
Sistem Operasi Windows XP Profesional SP2
XAMPP 1.6.4 Mozila Firefox
Hasil dari pengujian program dan tahap penggunaan dapat dilihat pada halaman lampiran ke II.
3.5.2.6. Tahap Pemeliharaan
Software akan
mengalami perubahan setelah
disampaikan kepada pelanggan
perkecualian yang mungkin adalah software yang dilekatkan. Perubahan akan
terjadi karena kesalahan – kesalahan ditentukan, karena software
harus disesuaikan untuk
mengakomodasi perubahan – perubahan di dalam lingkungan eksternalnya
contohnya perubahan yang dibutuhkan sebagai akibat dari perangkat peripheral atau sistem operasi yang baru, atau
karena pelanggan membutuhkan perkembangan fungsional atau unjuk kerja. Pemeliharaan software mengaplikasikan
lagi setiap fase program sebelumnya dan tidak membuat yang baru lagi.
Untuk tahap pemeliharaan yang dilakukan oleh Dinas Pendidikan dan Kebudayaan Kota Tangerang dengan
meng-update, meng-edit, memproteksi sistem dengan anti virus dan sebagainya agar sistem yang dibuat dapat
bertahan lama.
BAB IV HASIL DAN PEMBAHASAN
Pada bab ini akan membahas secara jelas mengenai Perancangan Sistem Informasi Spasial Berbasis Web Pada Lokasi Sekolah Lanjutan Tingkat Atas di
Kota Tangerang yang di implementasikan kedalam bahasa pemprograman dan hasil tampilan layar yang di buat.
4.1. Tampilan Layar Perancangan Sistem Informasi Spasial Berbasis Web Pada Lokasi Sekolah Lanjutan Tingkat Atas Studi Kasus:Kota
Tangerang 4.1.1. Tampilan Layar Index
Pada tampilan layar Index terdapat menu Login Admin, Home, Peta, Sekolah, Buku Tamu, Profile, Berita, dan Log Out.
Berikut adalah tampilan layar index seperti Gambar 4.1 dibawah ini.