18
3.3.1. Eksplorasi Perangkat Lunak
Eksplorasi terhadap perangkat lunak bertujuan untuk memperoleh pengetahuan perangkat lunak yang digunakan dalam penelitian. Eksplorasi
perangkat lunak dilakukan dengan cara mempelajari dokumentasi perangkat lunak. Dokumentasi perangkat lunak berisi informasi cara mengunakan perangkat
lunak tersebut.
3.3.2. Perancangan Desain Sistem
Perancangan desain sistem terdiri dari perancangan fungsional, batasan sistem, perancangan antar muka, perancangan proses dan perancangan basis data.
Perancangan desain sistem bertujuan untuk mendapatkan gambaran awal bentuk sistem yang akan dibangun sehingga memudahkan saat implementasi pembuatan
sistem. Perancangan desain sistem dapat menjadi pertimbangan perangkat lunak pemilihan perangkat lunak dalam pengembangan sistem.
3.3.2.1. Perancangan Fungsional Sistem
Perancangan fungsional sistem digambarkan dalam use case diagram dapat dilihat pada Gambar 4. Use case merepresentasikan sebuah interaksi antara
manusia dengan sistem dan menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Sistem terdiri dari dua jenis pengguna yaitu Web Administrator
dan pengguna umum. Administrator memegang hak akses penuh dari sistem dimana pengguna ini mempunyai tugas utama memanajemen data spasial dari
sistem. Hanya administrator yang dapat melakukan upload data spasial dan melakukan analisis prediksi laju erosi untuk mencegah sistem menerima upload
data spasial sembarang. Sementara, pengguna umum tidak dapat meng-upload data spasial kecuali telah terdaftar sebagai administrator. Pengguna umum dapat
melihat peta, menambah dan menghapus layer, mengaktifkan dan menonaktifkan layer, mengatur skala peta, mengidentifikasi atribut layer, menampilkan legenda,
dan mencetak layout peta dalam bentuk pdf area yang diinginkan.
19
Gambar 4. Use case diagram sistem informasi prediksi laju erosi berbasis web
3.3.2.2. Batasan Sistem
Perancangan sistem dibatasi pada hal-hal berikut : 1. Pengembangan Sistem Informasi Prediksi Laju Erosi menggunakan bahasa
pemrograman PHP PHP Hypertext Preprocessor, HTML HyperText Markup Language, JavaScript. Bahasa-bahasa pemrograman tersebut umum
digunakan dalam pembuatan web. 2. Data input spasial dalam bentuk shapefile .shp, memiliki sistem proyeksi
geografis WGS 1984.
20
3.3.2.3. Perancangan Desain Antarmuka
Sistem ini menyajikan peta secara dinamis di halaman web dengan kerangka layout seperti Gambar 5.
Gambar 5. Sketsa layout halaman web Keterangan :
1. Header, bagian yang biasanya berisi judul halaman 2. Toolbars, bagian ini terdiri dari fitur Zoom to extent, Zoom In, Zoom Out,
Pan, Zoom to Previous Extent, Zoom to Next Extent, Identify, Legenda, Membuat poligon AOI, dan Hapus AOI. Uraian lebih jelasnya dapat dilihat
pada Tabel 2. 3. Menu, terdiri dari pengaturan layer, analisis pendugaan erosi dan AIO Report.
a Menu pengaturan layer, berfungsi untuk memilih daftar layer yang aktif untuk disajikan pada peta. Selain itu pengguna juga dapat menambah
atau menghapus layer pada peta. Data Spasial pada basis data PostgreSQLPostGIS merupakan sumber data dari layer. Pengguna juga
dapat melakukan penambahan data spasial ke basis data dengan cara meng-upload terlebih dahulu data vektor dengan format shapefile.
Kemudian mengkonversinya ke bentuk format PostgreSQL. Header
Menu Toolbars
Peta
Indeks Peta
21
b Menu kedua yaitu program Analisis Pendugaan Erosi, metode perhitungan pendugaan erosi yang digunakan dalam pengembangan
aplikasi ini adalah USLE. Syarat input data masukan yaitu peta R Erosivitas Hujan, peta K Erodibilitas, peta LS Faktor Lereng, peta C
Faktor Tanaman, dan peta P Faktor Pengelolaan yang semua sudah terdapat dalam basis data.
c Menu AIO Report, berfungsi memilih area yang menjadi daerah kajian. Area yang dipilih dapat diproses menjadi layout peta dalam bentuk pdf.
4. Peta, berisikan tampilan data layer yang aktif 5. Indeks Peta, berisikan peta dalam ukuran lebih kecil
6. Keterangan, misalnya deskripsi tentang spesifikasi sistem yang mendukung kinerja aplikasi yang optimal.
Tabel 2. Toolbars Fungsi
Gambar Kegunaan
Zoom to extent Mengatur skala peta ke skala awal
Zoom In Memperbesar skala
Zoom Out Memperkecil skala
Pan Menggeser peta
Zoom to Previous Extent
Kembali ke skala sebelumnya Zoom to Next Extent
Kembali ke skala sesudahnya Identify
Memunculkan informasi salah satu atribut layer
Legenda Memunculkan legenda layer
Membuat poligon AIO
Membatasi areal yang ingin dikaji Hapus AIO
Menghapus poligon AOI Login - Logout
Melakukan login dan out sebagai Administrator
22
3.3.2.4. Perancangan proses Upload Data