PEMBUATAN WEB SISTEM INFORMASI GEOGRAFIS SEKOLAH DASAR SWASTA DI KOTA DEPOK DENGAN MENGGUNAKAN FRAMEWORK CHAMELEON 1 Arida Novriana 2 Dr. Ernastuti, SSi.,MKom 1 Jurusan Sistem Informasi Universitas Gunadarma aridanovriana@gmail.com 2 Universitas Gunadarma, Jl. Margonda Raya No. 100 Depok 16424 ernas@staff.gunadarma.ac.id ABSTRAK Kota Depok memiliki 97 Sekolah Dasar yang tersebar di 11 kecamatan. Dengan masih kurangnya informasi tentang Sekolah Dasar, penulis membahas tentang WebGIS Sekolah Dasar di Kota Depok. Pada skripsi ini penulis menggunakan Arcview 3.3 sebagai tempat digitasi peta dan framework chameleon sebagai sarana untuk mengupload digitasi peta ke dalam sebuah web. Sedangkan MySQL penulis gunakan sebagai databasenya. Informasi yang disajikan meliputi tulisan dan table yang diharapkan dapat mempermudah pembaca dalam mengetahui informasi Sekolah Dasar di Kota Depok. Oleh karena itu diharapkan dengan adanya Sistem Informasi Sekolah Dasar di Kota Depok ini masyarakat menjadi lebih mudah mendapatkan tambahan informasi tentang Sekolah Dasar. Kata Kunci : Sistem Informasi Geografis, Sekolah Dasar, Framework Chameleon.
ABSTRACT Depok has 97 private elementary schools in 11 districts. Information about private elementary schools is still lacking. This thesis using Arcview 3.3 to digitize the map and framework chameleon for upload the map from Arcview into browser. And MYSQL used as a database. Information presented include the text and tables that are expected to help user to get informations about elementary schools at Depok City. Keywords: Geographic Information System, Private Elementary Schools, Framework Chameleon. PENDAHULUAN Saat ini perkembangan internet sangat membantu masyarakat Indonesia untuk mencari informasi dalam segala hal. Termasuk informasi tentang sekolah dasar. Penulis memilih sekolah dasar karena biasanya yang mencari informasi untuk sekolah dasar biasanya para orang tua. Dan biasanya juga orang tua mengalami kesulitan untuk menemukan alamat sekolah dasar karena mungkin mereka merasa tak cukup waktu untuk mencari informasi sekolah dasar karena harus bekerja. Informasi yang di dapat berupa jumlah siswa, siswi, guru, besar iuran setiap bulannya, dan tingkat kelulusan 3 tahun terakhir. Sistem informasi geografis memberikan data geografis atau data geospasial yang saat ini dibutuhkan oleh masyarakat. Masyarakat dapat menggunakan sistem informasi geografis untuk mendapatkan informasi ke wilayahan. Teknologi internet dapat digunakan sebagai media untuk mendapatkan data sistem informasi geografis. Sistem informasi geografis memiliki kemampuan yang sangat baik dalam memvisualisasikan data spasial beserta atribut-atributnya, dan dapat juga memodifikasi
warna, bentuk, ukuran dan symbol. SIG dpat digunakan diberbagai bidang contohnya dibidang pendidikan (alamat sekolah dasar swasta). Sekolah dasar swasta didaerah Depok cukup banyak, jadi sangat membantu masyarakat Depok dan sekitarnya untuk menemukan lokasi sekolah dasar melalui SIG. Lokasi Depok dipilih penulis karena tempat tinggal penulis yang berada di Depok dan melihat begitu banyak sekolah dasar swasta yang ada di kota Depok. TINJAUAN PUSTAKA System Informasi Geografis (bahasa Inggris : Geographic Information System disingkat GIS) adalah sistem informasi khusus yang mengelola data yang memiliki informasi spasial (bereferensi keruangan). Atau dalam arti yang lebih sempit, adalah sistem komputer yang memiliki kemampuan untuk membangun, menyimpan, mengelola dan menampilkan informasi berefrensi geografis, misalnya data yang diidentifikasi menurut lokasinya, dalam sebuah database. Para praktisi juga memasukkan orang yang membangun dan mengoperasikannya dan data sebagai bagian dari sistem ini. PERANCANGAN PROGRAM Struktur Navigasi User Dalam Web SIG ini penulis menggunakan struktur navigasi campuran, karena tiap halaman web dapat menghubungkan ke halaman web lain secara lebih interaktif dibandingkan dengan struktur navigasi lainnya. Struktur navigasi dari seorang user terdiri dari halaman home yang merupakan halaman utama (parent page), menu utama ini memiliki percabangan yang dinamakan halaman pendukung (slave page), yaitu menu profile, peta, informasi, komentar dan
login admin. Struktur ini menampilkan satu demi satu tampilan layar secara berurutan menurut aturannya, seperti yang diperlihatkan pada gambar 1 di bawah ini. Halaman Utama informasi Komentar Google map Data Terbaru Gambar 1 Struktur Navigasi User Struktur Navigasi Struktur navigasi yang digunakan dalam pembuatan website ini dari segi admin adalah struktur navigasi campuran, karena tiap halaman web dapat menghubungkan ke halaman web lainnya secara lebih interaktif dibandingkan struktur navigasi lainnya. akan mengakses halaman terlebih dahulu dengan memasukkan username dan password, kemudian akan dilakukan proses validasi. Apabila username dan password yang dimasukkan valid, admin dapat mengakses Site. Halaman menu admin terdiri dari 2 pilihan menu, seperti Tambah Data dan edit Data. Agar lebih mudah memahami struktur navigasi admin, perhatikan Gambar 2 berikut ini.
Halaman Utama Menu Logout Tambah Data Edit Data Ubah Data Hapus Data Gambar 2 Struktur Navigasi Merancang Storyboard Storyboard User Agar website ini terlihat sederhana, menarik dan mudah dimengerti oleh user, diperlukan desain antarmuka (interface). Desain antarmuka harus dilakukan karena merupakan bagian yang berhubungan langsung dengan user, yaitu segala sesuatu yang dilihat oleh pengguna (yang muncul di layar monitor). Untuk membuat desain antarmuka, penulis menggunakan storyboard. Berikut adalah rancangan storyboard user yang dibuat oleh penulis pada gambar 3.
SIG Sekolah Dasar SIG Sekolah Dasar SIG Sekolah Dasar Pembuka Kota Depok saran SIG Sekolah Dasar SIG Sekolah Dasar SIG Sekolah Dasar SIG Sekolah Dasar Gambar 3 Storyboard User
Storyboard Untuk mengakses halaman Menu maka admin harus melakukan proses login terlebih dahulu. Halaman admin pada gambar 4 ini sama seperti halaman user hanya bedanya disini terdapat tempat untuk menambah dan mengedit data. Username edit Password hapus logout Tambah Gambar 4 Storyboard
RANCANGAN TAMPILAN Pembuka software Logo Gunadarma Link informasi komentar Gambar 5 Tampilan Halaman Utama
PENGUJIAN PROGRAM Aplikasi yang telah dibuat rangkuman hasil uji coba. Hal ini berguna untuk mengetahui bahwa aplikasi sesuai dengan dengan tujuan dalam pembuatan aplikasi ini. Tabel 1 Hasil Uji Coba NO Uji Coba Program Banyaknya Uji Coba Hasil Keterangan 1 Pembuatan tampilan web 5X OK Membuat tampilan menggunakan dreamweaver.disinimenghubungkan antara halaman. Hasilnya berjalan baik. 2 Membuat isi materi web 4X OK Mengisi setiap halaman web yaitu,,,, Informasi. 3 Membuat link peta 10X OK Pada bagian membuat link peta Kota Depok, merupakan bagian paling sulit. Dari mulai membuat peta menggunakan arcview, dan kemudian menggunakan mapscript menggunakan mapserver. Hasilnya berjalan baik. 4 Pembuatan login 7X OK Bagian membuat menu login juga sulit karena harus membuat xampp dan mapserver dapat berjalan dalam waktu bersamaan. Untuk beberapa kali percobaan, kedua perangkat
lunak tersebut tidak dapat digunakan secara bersamaan. 5 Membuat tabel informasi 5X OK Membuat informasi terbaru tentang Sekolah Dasar Kota Depok. KESIMPULAN Aplikasi ini sudah dibuat melalui langkah-langkah pembuatan desain awal halaman web, kemudian pembuatan peta dengan menggunakan arcview yang kemudian ditampilkan ke halaman browser dengan menggunakan mapserver dan framework chameleon. Kesimpulan dalam penulisan skripsi ini adalah untuk membantu memperoleh informasi tentang Sekolah Dasar di Kota Depok, maka dibuatlah Sistem Informasi Geografis (SIG) penyebaran Sekolah Dasar swasta berbasis web di Kota Depok. Selain itu juga, dengan adanya web SIG, dapat membantu memberikan infomasi kepada masyarakat Depok tentang Sekolah Dasar di Kota Depok.