Implementasi front-end Sistem Informasi SI Implementasi back-end Sistem Informasi Geografis SIG

PostgreSQL. Tabel tersebut selanjutnya akan diproses oleh Geoserver untuk ditampilkan dalam bentuk peta pada peramban seperti pada Gambar 19.

4.6 Implementasi front-end Sistem Informasi Geografis SIG

Peta yang ditampilkan oleh back-end SIG adalah peta statis karena bersumber dari tabel basis data yang terpisah dari back-end sistem informasi. Tampilan peta secara real-time dapat diwujudkan dengan cara melakukan pembaruan terhadap isi dari tabel yang ada di back-end GIS setiap kali peta hendak ditampilkan oleh front-end SIG. Rancangan tampilan front-end sistem informasi memiliki komponen: header, sidebar, body, dan footer sesuai ilustrasi pada Gambar 20. Header berisi informasi dan logo perusahaan. Sidebar berisi navigasi terhadap setiap komponen sistem informasi. Body berisi data tabular dan form pengisianpengubahan data yang diperlukan. Footer berisi informasi pendukung lainnya. Gambar 20 Rancangan tampilan front-end sistem informasi Sistem ini front-end SIG akan melakukan request terhadap back-end SI sesuai tema yang dimaksud, kemudian sistem ini akan memperbarui isi tabel di back-end SIG. Tabel yang terbaru menyebabkan peta yang dihasilkan oleh back- end SIG menjadi sesuai dengan kondisi lapangan real-time. Proses pembaruan dan penampilan peta sesuai dengan Gambar 21. Gambar 21 Proses pembaruan informasi tema peta x

4.7 Implementasi integrasi sistem

Hasil akhir sistem terdiri atas dua sistem utama: Sistem Informasi SI dan Sistem Informasi Geografis SIG. Masing-masing sistem tersebut terdiri dari dua komponen utama: back-end dan front-end. Masing-masing komponen dari tiap sistem saling berkomunikasi menggunakan web service yang telah dirancang seperti terlihat pada Gambar 22. Gambar 22 Arsitektur sistem Sistem diimplementasikan pada komputer dengan spesifikasi sebagai berikut: 1. Processor: Intel Core i5 2500K 2. Memory: 8 GB 3. Hardisk: Corsair Force GT 60 GB Sistem diimplementasikan dalam bentuk mesin virtual menggunakan VirtualBox 4.1.22 dengan sistem operasi Ubuntu 10.4 LTS front-end SI, back- end SI, dan front-end SIG dan Ubuntu 12.04 LTS back-end SIG. Penggunaan sistem operasi yang berbeda untuk back-end SIG disebabkan kompabilitas dari basis data yang lebih baik pada versi tersebut. Implementasi secara detail untuk setiap komponen yaitu: 1. Front-end SI http:web.sem: PHP 5.4 dengan framework CodeIgniter 2.0 2. Back-end SI http:api.sem: PHP 5.4 dengan framework Restler 2, MySQL 3. Front-end SIG http:gis.sem: PHP 5.3 dengan framework CodeIgniter 2.0, Openlayers 4. Back-end SIG http:geoserver.sem: Geoserver 2.2, PostgreSQL 9.1 dengan ekstensi Postgis 2

4.8 Pengujian Sistem

Pengujian sistem dilakukan dua tahap: pengujian back-end SI dan pengujian front-end SI. Pengujian pada tahap pertama dilakukan menggunakan peramban Google Chrome dengan add-on Postman. Pengujian dilakukan untuk mensimulasikan proses komunikasi client-server menggunakan format data XML. Seluruh resource yang ada pada back-end SI diuji untuk setiap interface yang tersedia dan tidak tersedia. Pengujian terhadap interface yang tidak tersedia ditujukan untuk melihat kode respon yang diberikan apakah sesuai dengan rancangan atau tidak.

4.8.1 Pengujian operasi pada back-end SI

Skenario pengujian yang dilakukan adalah melakukan operasi baca, tulis, sunting, dan hapus terhadap seluruh resource URI yang ada. Seluruh resource tersebut terdiri dari setiap resource dari setiap domain yang ada: garden,