Modeling Analisis Konstruksi Perancangan Penyebaran dan Feedback HASIL DAN PEMBAHASAN Komunikasi dengan Kustomer

Transkripsi

1 nonspasial yang disesuaikan dengan kebutuhan sistem. Modeling Pada tahap ini akan dilakukan analisis dan perancangan berdasarkan tahapan sebelumnya. Analisis yang dilakukan yaitu analisis kebutuhan dan analisis fungsional. Sedangkan perancangan terdiri dari perancangan basis data, perancangan antarmuka, perancangan proses, perancangan objek dan perancangan arsitektur. Analisis Pada fase ini dilakukan identifikasi jenis data, pengolahan data dan konversi format data yang merupakan analisis kebutuhan. Selain itu juga dilakukan analisis fungsional berupa analisis tentang fungsi-fungsi sistem. Data yang dibutuhkan sistem ini adalah data dengan format KML. Format ini sudah mencakup data spasial dan data atribut. Data awal dalam format SHP terlebih dahulu diolah menggunakan Projection Utility ArcView 3.3 untuk merubah proyeksi sebelum dikonversi menjadi format KML dengan SHP2KML Zonums. Sistem ini berbasis web yang dikembangkan dengan teknologi Flex dan Google Maps API for Flash. Fungsi-fungsi sistem adalah menampilkan peta dari Google Maps sebagai layer terbawah dan peta dari berkas KML sebagai overlay. Pengguna juga dapat melakukan pencarian, zoom in dan zoom out serta melihat atribut peta. Perancangan Perancangan sistem ini meliputi perancangan proses, perancangan antarmuka, perancangan input, perancangan output, perancangan basis data, perancangan objek dan perancangan arsitektur. Perancangan Proses Perancangan proses menggambarkan seluruh kejadian mulai dari input dan output yang digambarkan diagram konteks. Perancangan Antarmuka Peracangan antarmuka dilakukan dengan membuat layout pada sistem. Perancangan Input Perancangan input dilakukan untuk memudahkan pengguna melakukan fungsifungsi sistem. Perancangan Output Perancangan output dilakukan untuk memudahkan pengguna mendapatkan informasi yang diinginkan. Perancangan Basis Data Data yang digunakan pada penelitian ini adalah data yang sudah ada sebelumnya sehingga tidak dilakukan perancangan kembali. Data spasial tersebut dikonversi ke dalam bentuk KML sehingga membentuk hirarki tree. Perancangan Objek Perancangan objek digunakan untuk rancangan hasil parsing KML atas peta tematik sebelum dilakukan overlay pada Google Maps. Perancangan Arsitektur Perancangan arsitektur pada penelitian ini mengacu pada Gambar 2 yaitu arsitektur aplikasi web dengan menggunakan teknologi Flex dengan penambahan Google Maps sebagai map server sesuai dengan komponen internet SIG. Konstruksi Perangkat dan teknologi rekayasa web digunakan untuk membuat aplikasi web yang telah dimodelkan. SIG yang akan dibangun ini merupakan sistem berbasis web menggunakan Flex yang diintegrasikan dengan Google Maps API for Flash serta PHP dan MySQL untuk melakukan kueri pada basis data. Penyebaran dan Feedback Sebelum dilakukan penyebaran dengan mengirimkan sistem ke web server, sistem ini diuji terlebih dahulu. Pada penelitian kali ini sistem tidak sampai pada tahap penyebaran, tetapi hanya sampai tahap pengujian. Pengujian dilakukan dengan metode black box. Dari hasil pengujian, dinyatakan bahwa sistem bisa berjalan dengan baik pada browser Mozilla Firefox dan Internet Explorer. HASIL DAN PEMBAHASAN Komunikasi dengan Kustomer Tahap ini dilakukan untuk mengetahui kebutuhan pengguna akan informasi tentang kota Bogor. Tahap ini pernah dilakukan oleh Anggraeni (2008) ketika berkomunikasi dengan pihak Bakosurtanal sebagai pengguna 5

2 sistem. Hasil dari komunikasi tersebut adalah klasifikasi informasi lokasi tempat atau wilayah di kota Bogor. Namun, beberapa fitur peta seperti jalan dan sungai sudah terakomodasi pada peta raster Google Maps sehingga tema tersebut tidak dimasukkan dalam sistem. Data Anggraeni (2008) dibuat dalam format shapefile dengan sistem proyeksi UTM. Pada tahap selanjutnya akan dilihat kesesuaian format data dan sistem proyeksi tersebut dengan kebutuhan sistem. Perencanaan Berdasarkan penelitian Anggraeni (2008) dan ruang lingkup penelitian ini, fungsi-fungsi yang akan diimplementasikan pada sistem ini yaitu : 1. Menampilkan data peta secara overlay pada Google Maps 2. Menampilkan data peta secara berlapis 3. Menampilkan data atribut atau deskripsi peta 4. Pencarian lokasi 5. Zoom in dan zoom out Berdasarkan hasil komunikasi sebelumnya, keseluruhan data yang akan digunakan pada sistem terdiri dari 11 berkas shapefile yang membentuk 8 tema yaitu : - Batas wilayah administrasi Kota Bogor sampai tingkat kelurahan. - Batas wilayah kecamatan di Kota Bogor, - Bangunan-bangunan Kota Bogor, - Layanan umum Kota Bogor, - Pemerintahan Kota Bogor. - Sentral bisnis Kota Bogor, - Lokasi wisata Kota Bogor. Sistem koordinat yang digunakan pada data tersebut adalah UTM 48S dengan datum WGS Modeling Analisis Analisis Kebutuhan Analisis yang dilakukan yaitu analisis jenis data, klasifikasi fungsi dan fungsi-fungsi sistem. a. Identifikasi Jenis data Data spasial yang digunakan pada penelitian ini adalah data dalam format KML dengan sistem proyeksi Geographic Coordinate System (GCS) WGS 1984 dengan format berkas KML versi 2.2. Bentuk data vektor yang ditampilkan pada sistem yaitu : - Polygon, untuk wilayah kecamatan, dan kelurahan, - Point, untuk fasilitas pemerintahan, layanan umum, sentral bisnis, dan wisata. b. Klasifikasi Data Klasifikasi data yang digunakan untuk penelitian ini yaitu : - Wilayah administrasi, - Wilayah kecamatan, - Semua jenis bangunan, - Pemerintahan Kantor walikota, kantor camat, kantor lurah, kantor desa, kantor polisi, kantor, dan balai penelitian, - Layanan umum : Mesjid, gereja, balai pertemuan, taman kanak-kanak, sekolah dasar, sekolah menengah, universitas, bimbingan belajar, rumah sakit, puskesmas /klinik dokter, terminal/ stasiun, lembaga kesehatan lain, kantor pos, SPBU, dan pemakaman, - Sentral bisnis : Bank, pasar tradisional, mall, outlet, industri, pegadaian, - Wisata : Penginapan, biro perjalanan, wisata kota, wisata sejarah, wisata kuliner, sport, dan museum. c. Pengolahan Data Data awal dalam format SHP harus diolah terlebih dahulu agar bisa digunakan pada penelitian ini. Hal tersebut dikarenakan Google Maps menggunakan sistem koordinat geografi dalam pemetaannya sementara data yang sudah ada memakai sistem koordinat terproyeksi. Selain itu, sistem ini menggunakan data spasial KML dalam 6

3 pengolahannya. Tahapan pengolahan data tersebut adalah konversi sistem koordinat dan konversi format data. Konversi ini akan dilakukan pada tahap konstruksi. zoom out. Perancangannya dapat dilihat pada Lampiran 2. Konversi Sistem Koordinat Data awal dalam format SHP akan diolah terlebih dahulu menggunakan Projection Utitlity ArcView 3.3. Konversi dilakukan untuk mengubah sistem koordinat yang semula UTM WGS 1984 menjadi GCS WGS Konversi Format Data Setelah sistem koordinat pada berkas SHP tersebut sesuai dengan sistem koordinat yang digunakan Google Maps, berkas tersebut kemudian dikonversi menjadi format KML 2.2. Konversi format data tersebut menggunakan perangkat konversi SHP2KML yang dikembangkan oleh Zonums Solution. Proses konversi ini dilakukan dengan memberikan input pada konverter berupa berkas SHP yang ingin dikonversi. Keluaran yang dihasilkan adalah berkas dengan format KML berisi data spasial dan atribut dari berkas SHP tersebut. d. Stuktur Data KML Data spasial hasil konversi akan membentuk struktur tertentu dalam KML. Pada penelitian ini, data dengan bentuk vektor yang sama akan memiliki struktur yang sama. Struktur salah satu berkas KML tersebut dapat dilihat di Lampiran 1. Analisis Fungsional Pada tahapan sebelumnya telah dilakukan perencanaan fungsi-fungsi yang akan dibangun. Dua fungsi utama sistem adalah menampilkan peta vektor berdasarkan data spasial dalam format berkas KML dan fungsi pencarian. Fungsi lainnya memanfaatkan library Google Maps yang dipakai secara sederhana. Perancangan a. Perancangan Proses Perancangan proses sistem ini dapat dilihat pada diagram konteks pada Gambar 5. b. Perancangan Antarmuka Gambar 5 Diagram Konteks. c. Perancangan Input Beberapa fungsi sistem membutuhkan input sebelum fungsinya dapat berjalan dengan baik. Input dilakukan terhadap sistem dalam beberapa jenis melalui perangkat keyboard dan mouse. Deskripsi input dapat dilihat pada Tabel 1. Tabel 1 Deskripsi Input No Jenis Input Deskripsi 1 Cek tema Pengguna melakukan cek pada pilihan checkbox tema. 2 Select objek tema 3 Search 4 5 Zoom in, zoom out Klik objek detail tema Pengguna melakukan seleksi pada objek dari detail tema dalam bentuk tree yang muncul setelah melakukan cek tema. Pengguna mengisi textfield berupa kata kunci pencarian lalu menekan tombol untuk memulai pencarian. Aksi ini dapat digunakan dengan menggunakan keyboard. Pengguna menekan tombol (+) untuk melakukan zoom in dan tombol (-) intuk melakukan zoom out. Pengguna melakukan klik pada peta vektor untuk melihat detail tema. d. Perancangan Output Informasi disajikan oleh sistem dalam bentuk output baik dengan atau tidak menggunakan input pengguna. Deskripsi output dapat dilihat pada Tabel 2 Antarmuka sistem ini terdiri atas banner untuk logo situs, search box untuk memasukkan kata kunci dan menampilkan hasil pencarian, checkbox tema untuk memilih tema dan zoom control untuk zoom in dan 7

4 Tabel 2 Deskripsi Output No Output Deskripsi 1 Peta raster Google Map 2 Peta vektor 3 4 Hasil pencarian Deskripsi tema Peta yang pertama kali muncul sekaligus peta yang terletak di layer terbawah dalam sistem ini. Tipe peta ini dapat diubah-ubah sesuai dengan peta terpilih. Peta yang dibangkitkan dari data spasial dalam format KML yang tersimpan dalam web server. Peta ini ditampilkan secara overlay berupa text. List tema yang memiliki nama yang sama dengan kata kunci yang dimasukkan untuk pencarian. Deskripsi tentang objek tema. g. Perancangan Arsitektur Sistem ini dikembangkan pada arsitektur Flex dengan penambahan Google Maps sebagai map server. Perancangan arsitektur sistem dapat dilihat pada Gambar 7. Pada gambar tersebut dapat dilihat bahwa komunikasi antara kustomer dan Google Map terjadi lewat internet. Kustomer akan melakukan download sistem terlebih dahulu dari application server melalui internet ketika membuka situs sistem. e. Perancangan Basis Data Sistem ini menggunakan data spasial dan nonspasial. Perancangan basis data spasial mengacu pada rancangan basis data tahap logical penelitian Anggraeni (2008) yang dapat dilihat pada Lampiran 3. Basis data nonspasial hanya terdiri dari satu tabel bernama Tema yang berisi nama tema dan path berkas data spasial disimpan. Kamus data tabel tersebut dapat dilihat pada Tabel 3. Tabel 3 Kamus Data Tabel Tema Field Tipe Keterangan Id Int Id tema Nama Varchar(100) Nama tema Path Varchar(300) Path berkas KML tema disimpan f. Perancangan Objek Objek pada penelitian ini digunakan untuk menyimpan atribut tema dari data spasial hasil parsing KML. Perancangan objek dapat dilihat pada Gambar 6. Konstruksi Gambar 7 Arsitektur Sistem. Pada tahap konstruksi dilakukan beberapa tahapan sebelum sistem siap digunakan. Tahapan-tahapan tersebut dilakukan berdasarkan perencanaan dan modeling yang telah dilakukan sebelumnya. Namun, sebelumnya, didefinisikan terlebih dahulu lingkungan pengembangan sistem ini. Lingkungan Pengembangan Sistem ini dikembangkan pada lingkungan pengembangan dengan spesifikasi perangkat lunak sebagai berikut : - Microsoft Window XP sebagai sistem operasi - Adobe Flex Builder sebagai IDE Flex SDK - Notepad++ sebagai editor pemrograman - SHP2KML sebagai konverter format data SHP ke KML Gambar 6 Class Diagram Objek Data Spasial. 8

5 - Projection Utility ArcView 3.3 sebagai konverter proyeksi peta. - XAMPP untuk Apache Server dan PHPMyAdmin - Browser Firefox Mozilla - Plugin Flash Player Pendaftaran Sistem Sebelum layanan Google Maps API dapat digunakan, sistem harus didaftarkan terlebih dahulu. Cara pendaftarannya yaitu dengan melakukan registrasi dengan mendaftarkan URL website tempat sistem akan dikembangkan. Setelah itu, Google Maps memberikan key sebagai akses inisialisasi peta dari server Google Maps. Setelah mendapatkan key, sistem dapat menggunakan fasilitas peta raster Google Maps. Berikut adalah kode program pada inisialisasi map dimana bagian yang dicetak tebal adalah key sistem pada penelitian ini. <maps:map xmlns:maps="com.google.maps.*" id="map" mapevent_mapready="onmapready(event)" width="100%" height="100%" key="abqiaaaakyus3puhvlgx_u2vrg7krxsgsl zvh1hlbfhn0rfmdjapurylhqug8btb_06kuqmzanqy6ti9tswjw"/ > Arsitektur Sistem Bedasarkan Gambar 7, dapat dilihat bahwa sistem ini terdiri atas pengembang, kustomer, web server, data server dan Google Maps API sebagai map server. Ketika pengembang mengkompilasi sistem, maka Flex secara otomatis membuat berkas SWF hasil kompilasi tersebut yang dibungkus pada berkas HTML. Berkas tersebut yang akan diupload ke dalam server, berikut berkas PHP, CSS dan KML yang digunakan dalam sistem. Ketika pengguna mengunjungi alamat situs tersebut, secara otomatis kustomer akan mengunduh aplikasi (SWF) dari web server. Jika permintaan dilakukan, maka kustomer akan mengirimkan permintaan tersebut pada server untuk diproses dan diberikan balikan berupa hasil proses dari server. Jika klien melakukan permintaan pada sistem yang terkait pada data spasial seperti mengaktifkan checkbox untuk melihat tema, maka aplikasi di sisi klien akan melakukan permintaan berkas KML berdasarkan tema terpilih ke web server. Web server akan mengirimkan berkas KML yang diinginkan oleh kustomer. Aplikasi di sisi kustomer akan melakukan parsing dan menyimpannya dalam suatu objek. Bersamaan dengan itu, aplikasi melakukan permintaan ke Google Maps API For Flash untuk melakukan overlay pada peta berdasarkan hasil parsing KML tersebut. Pertama kali Sistem Dijalankan Pada saat aplikasi dijalankan, kustomer melakukan permintaan pertama dilakukan yaitu mernampilkan checkbox tema-tema peta. Permintaan itu dilakukan dengan memanfaatkan HTTP Service untuk menjalankan berkas PHP. Servis tersebut digunakan untuk meminta data berkas KML dan nama tema dari database server melalui suatu kueri. Output kueri tersebut dikirimkan dalam bentuk XML untuk digunakan sebagai data provider pada aplikasi untuk membangkitkan checkbox pilihan tema. Gambar sistem saat pertama kali dijalankan dapat dilihat pada Lampiran 4. Pada gambar tersebut juga dapat dilihat komponen antarmuka sistem. Pemilihan Tema Spasial Ketika kustomer melakukan permintaan dengan melakukan checkbox pada pilihan tema peta yang akan ditampilkan, maka klien akan memproses permintaan berkas KML yang bersangkutan ke server. Berikut adalah salah satu contoh berkas KML yang digunakan di sitem ini. <kml xmlns= " <Document> <name>wisata Bogor</name> <Style id=" MapStyle "></Style> <Folder> <name>features</name> <Placemark> <name>nama Lokasi</name> <description></description> <styleurl>#mapstyle</styleurl> <Point> <coordinates> , ,0 </coordinates> </Point> </Placemark> </Folder> <Document> </kml> Sistem ini melakukan parsing pada berkas tersebut dan memasukkannya ke dalam objek. Prosesnya dapat dilihat pada Lampiran 5. Dapat dilihat pada Gambar 6, objek yang dipakai yaitu kmlobj dan childobj. Objek ini digunakan untuk menyimpan atribut-atribut 9

6 hasil parsing KML tersebut. Objek kmlobj digunakan untuk menyimpan atribut hasil parsing pada tag terluar yaitu <Document>. Objek tersebut juga memiliki atribut children berupa objek childobj yang menyimpan data di dalam tag <placemark>. Objek ini sekaligus menyimpan informasi titik koordinat dalam tag <coordinate> sebagai informasi geometry. Informasi ini yang digunakan untuk melakukan permintaan ke Google Maps untuk melakukan overlay pada peta. Selain itu, deskripsi tema dalam tag <description> juga disimpan dan didefinisikan sebagai mouse click event pada tema yang akan dioverlay. Semua tampilan tema spasial pada sistem ini dapat dilihat pada Lampiran 6. Fungsi Pencarian Fungsi pencarian memiliki cara kerja yang sama dengan pemilihan tema spasial. Hanya pada fungsi ini, load dilakukan pada semua berkas dan satu persatu komponen KML diparsing untuk mendeteksi kesamaan kata kunci dengan nama objek. Objek spasial yang memiliki nama serupa dengan kata kunci akan dimasukkan ke dalam array hasil. Array tersebut akan digunakan sebagai data provider pada checkbox hasil pencarian. Hasil pencarian pada sistem dapat dilihat pada Gambar 8. Gambar 8 Hasil Pencarian. Fungsi Zoom In dan Zoom Out Fungsi ini hanya menggunakan fungsi addcontrol berupa ZoomControl() dengan memanfaatkan API yang telah disediakan Google Maps. Kontrol zoom ini dapat dilihat pada Lampiran 4 b. Penyebaran dan Feedback Sebelum dilakukan penyebaran dengan mengirimkan sistem ke web server, sistem ini diuji terlebih dahulu. Pengujian dilakukan dengan metode black box yang dapat dilihat di Lampiran 7. Dari hasil pengujian, dinyatakan bahwa sistem bisa berjalan dengan baik pada browser Mozilla Firefox dan Internet Explorer. Kesimpulan KESIMPULAN DAN SARAN Integrasi Flex dengan Google Maps API untuk membangun SIG menghasilkan aplikasi yang dapat menampilkan peta vektor dari data spasial di atas peta raster Google Maps. Pemanfaatan tipe peta Google Map seperti satelit, hybrid akan memudahkan pengguna dalam mendapatkan informasi lokasi sesuai dengan yang dibutuhkan. Sistem ini juga menyediakan fungsi pencarian berdasarkan nama objek peta. Berdasarkan diagram evolusi SIG terdistribusi, sistem ini masuk ke dalam kategori Distributed GIService. Hal tersebut disebabkan karena pada sistem ini terjadi komunikasi antara dua komponen GIS yaitu KML di sisi klien dan Google Maps di sisi map server. Saran Berdasarkan penelitian yang telah dilakukan, sistem ini telah berhasil mengintegrasikan Flex dan Google Maps API untuk membangun SIG.Sistem ini masih sangat sederhana dan memiliki kelemahan sehingga dapat diperbaiki dan dikembangkan pada penelitian selanjutnya. Saran untuk sistem ini antara lain : - Melakukan rancangan dan evaluasi antarmuka agar sistem ini dapat dimanfaatkan secara efektif dan efisien - Menjadikan sistem ini sebagai agregator informasi kota Bogor dengan menambahkan fungsi-fungsi seperti detail lokasi dan penambahan wilayah. DAFTAR PUSTAKA [OGC] Open Geospatial Consortium Adobe Learning Resources [ Anggraeni A Sistem Informasi Geografi Fasilitas Kota Bogor menggunakan ALOV Map [skripsi]. Bogor : Fakultas Matematika dan Ilmu Pengetahuan Alam, Institut Pertanian Bogor. 10