Bab 4 Hasil dan Pembahasan

Bab 4 Hasil dan Pembahasan Pada bab ini memuat hasil yang berupa web peramalan yang berisi peta ramalan, grafik curah hujan dan tabel ramalan dan pembahasan yang meliputi implementasi dan hasil analisis. Dalam hal pembahasan, akan dilakukan sesuai dengan yang tertulis dalam bab 3 (tiga). Sedangkan analisis pada penelitian ini berupa perbandingan hasil perhitungan manual dengan sistem dan hasil ramalan dengan data aktual serta tingkat kesalahan ramalan berupa tabel mean galat ramalan pada masing-masing koefisien alpha.

4.1

Implementasi Dalam aplikasi Integrasi Peramalan Pola Iklim Menggunakan

Metode Pemulusan Eksponensial Ganda Pada Model Pranatamangsa Terbaharukan, user dapat melakukan navigasi pada peta seperti memperbesar, memperkecil, melihat daerah-daerah berdasarkan curah hujan dan melihat prediksi ramalan curah hujan pada tahun tertentu serta grafik prediksi curah hujan perbulannya. Untuk memperbesar dan memperkecil peta user perlu untuk memilih menu radio button perbesar atau menu Zoom in atau Zoom out kemudian melakukan klik pada map sehingga map akan membesar dan mengecil pada area yang dipilih. Untuk melihat ramalan jumlah curah hujan untuk kecamatan tertentu maka user perlu untuk memasukkan tahun ramal yaitu tahun yang akan diramalkan dan mengklik checkbox ramalan by klik map kemudian klik pada map kecamatan yang akan diramal seperti pada Gambar 4.1. 28

29

Gambar 4.1 Peramalan Curah Hujan

Gambar 4.1 merupakan halaman peramalan dan warna biru pada map menunjukkan lokasi kecamatan yang diramalkan. Setiap kotak pada Gambar 4.1 menunjukkan batas desa pada Kabupaten Boyolali sehingga jumlah kotak sama dengan jumlah desa pada Kabupaten Boyolali. Hasil ramalan ditunjukkan dengan tabel ramalan dan grafik ramalan yang menggambarkan ramalan tiap bulan pada tahun itu dibandingkan dengan pranatamangsa seperti terlihat pada Gambar 4.2.

30

Gambar 4.2 Hasil Ramalan

Gambar 4.2 merupakan hasil dari proses ramalan dengan menggunakan metode pemulusan eksponensial ganda yang disajikan dalam bentuk tabel ramalan beserta galat ramalannya. Berdasarkan data pada tabel ramalan maka dapat digambarkan berupa grafik peramalan sehingga lebih mudah dimengerti dan terlihat jelas perbedaan antara ramalan dengan pranatamangsa.

4.2

Pembuatan Aplikasi Pada bagian ini dilakukan pembuatan aplikasi menggunakan

PHP

dan

POSTGRESQL.

Pengujian

dilakukan

dengan

menggunakan data curah hujan pada Kabupaten Boyolali. Dalam penerapan aplikasi menggunakan metode MVC program yang dibuat dibagi-bagi menjadi kelas-kelas tertentu.

31

4.2.1 Home Pada halaman home berisi tentang profil singkat Kabupaten Boyolali dan link klasifikasi serta link forecasting seperti terlihat pada Gambar 4.3.

Gambar 4.3 Halaman Home

Gambar 4.3 merupakan halaman home yaitu halaman utama saat web dipanggil yang berisi tentang profil singkat boyolali sebagai perkenalan dan menu-menu link untuk klasifikasi wilayah, klasifikasi hujan dan peramalan. Kode

Program

untuk

menampilkan

ditunjukkan pada Kode Program 4.1.

halaman

home

32

Kode Program 4.1 Halaman Home

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script src="tools/jquery.js" type="text/javascript"> <script src="tools/jquery.cycle.all.js" type="text/javascript"> <script type="text/javascript"> $(document).ready(function(){ $("#slide").cycle({ fx:'fade', timeout: 5000, before: onBefore, after: onAfter }); }); . . .

Kode Program 4.1 adalah kode program untuk membuat tampilan halaman home yang berisi perintah-perintah html. Baris ke 13-17 merupakan perintah javascript

untuk membuat gambar

menjadi berganti-ganti secara fade yaitu dengan memanggil fungsi cycle yang disediakan oleh file jquery.cycle.all.js.

4.2.2 Klasifikasi Wilayah Pada halaman klasifikasi wilayah berisi tentang klasifikasi tiap kecamatan

pada

Kabupaten

Boyolali

yang

berdasarkan warna seperti terlihat pada Gambar 4.4.

diklasifikasikan

33

Gambar 4.4 Halaman Klasifikasi Wilayah

Gambar

4.4

merupakan

halaman

klasifikasi

wilayah

Kabupaten Boyolali berdasarkan kecamatan yang ditandai dengan warna. Kecamatan-kecamatan pada peta dapat dilihat dari legend peta. Untuk

membuat

halaman

klasifikasi

wilayah

ini

menggunakan kode-kode html yaitu seperti pada Kode Program 4.2.

34

Kode Program 4.2 Halaman Klasifikasi Wilayah

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

. . .

Kode Program 4.2 adalah kode program untuk membuat tampilan halaman klasifikasi wilayah yang berisi perintah-perintah html. Baris ke 2-3 adalah perintah untuk membuat masukan yang berupa gambar yang akan diberikan atribut oleh javascript berupa peta. Baris 5-16 adalah perintah html untuk membuat navigasi yang di dalamnya terdapat radio button untuk memperbesar, memperkecil dan menggeser peta. Baris ke 20 adalah perintah html untuk membuat gambar yang akan diberikan atribut oleh javascript berupa gambar legend peta. Setelah tampilan terbentuk maka diperlukan javascript untuk mengontrol elemen-elemen dalam tampilan html dan memberikan

35

aksi-aksi pada html. Kode Program javascript untuk controller klasifikasi wilayah ditunjukkan pada Kode Program 4.3. Kode Program 4.3 Javascript Klasifikasi Wilayah

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

function setZoomFull() { $.post("klasifikasiProcess.php",{ generateMAP:"enc" }, function(data){ parseXmlForGenerateMAP(data); }); } function parseXmlForGenerateMAP(xml) { var timestamp = new Date().getTime(); $("#mapa").attr("src",$(xml).find('alamatMAP').text()+"?"+tim estamp); $("#imgLegend").attr("src",$(xml).find('alamatLegend').text() +"?"+timestamp); $("#extent").val($(xml).find('objRect').text()); }

Kode Pogram 4.3 adalah kode program javascript yang digunakan untuk mengontrol halaman klasifikasi wilayah. Baris 1baris 8 adalah syntax javascript untuk memberikan perintah pada klasifikasi proses untuk memproses data generate map yang akan dikembalikan dalam bentuk xml dan ditangkap oleh fungsi parseXmlForGenerateMap.

Baris

9-19

adalah

fungsi

untuk

memberikan value pada element-element html berdasarkan data yang diterima dari klasifikasi proses. Setelah javascript untuk controller halaman html terbentuk maka diperlukan servis dalam bentuk php untuk memproses setiap request dari user termasuk proses pemetaan dengan menggunakan phpmapscript

sebagai

interpreternya.

Kode

Program

klasifikasi proses ditunjukkan pada Kode Program 4.4. Kode Program 4.4 Proses Klasifikasi Wilayah

untuk

36

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

if(isset($_POST["generateMAP"])) { if(!extension_loaded("MapScript")) dl('php_mapscript.'.PHP_SHLIB_SUFFIX); $GLOBALS["objMap"] = ms_NewMapObj("d:/ms4w/apache/htdocs/forecasting/map /boyolali.map"); $objLayerQuery[$i] = ms_newLayerObj($GLOBALS["objMap"]); $objLayerQuery[$i]->set("name",$listKec[$i]); $objLayerQuery[$i]->set("type",MS_LAYER_POLYGON); $objLayerQuery[$i]->set("status",MS_DEFAULT); $objClassQuery[$i] = ms_newClassObj($objLayerQuery[$i]); $objClassQuery[$i]->set("name",$listKec[$i]); $objStyleQuery[$i] = ms_newStyleObj($objClassQuery[$i]); $objStyleQuery[$i]->color->setRGB ($color[$i]['red'],$color[$i]['green'],$color[$i][' blue']); $objStyleQuery[$i]->outlinecolor->setRGB(0,0,0); //query $objLayerQuery[$i]->set ("connectiontype",MS_POSTGIS); $objLayerQuery[$i]->set("connection", "host=localhost port=5432 dbname=dbBoyo user=pinx password=xiaopinx"); $strSqlJoin="the_geom FROM (select gid,the_geom from tbatasdesa where kec='".$listKec[$i]."') as subquery USING UNIQUE gid"; $objLayerQuery[$i]->set("data",$strSqlJoin); } . . . }

Kode Program 4.4 berisi tentang proses klasifikasi wilayah dimulai dari pemberian warna berupa array dan pengklasifikasian berdasarkan Kecamatan. Baris ke 7-11 adalah perintah phpmapscript untuk membuat sebuah layer baru dalam map kemudian layer tersebut dibuat class dan stylenya seperti pada baris ke 12-20. baris ke 22-29 adalah perintah phpmapscript untuk melakukan query

37

berdasarkan kriteria tertentu dalam hal ini adalah wilayah kecamatan yang kemudian akan dimasukkan ke dalam layer.

4.2.3 Klasifikasi Curah Hujan Pada halaman klasifikasi curah hujan berisi tentang klasifikasi tiap kecamatan berdasarkan curah hujan pada Kabupaten Boyolali yang diklasifikasikan berdasarkan warna seperti terlihat pada Gambar 4.5.

Gambar 4.5 Halaman Klasifikasi Hujan

Gambar

4.5

merupakan

halaman

klasifikasi

wilayah

Kabupaten Boyolali berdasarkan jumlah curah hujan dan hasilnya

38

adalah peta Boyolali dengan warna berbeda-beda sesuai dengan tingkat curah hujan. Kriteria curah hujan dapat dilihat pada gambar legend peta dan dapat dilihat pranatamangsa pada mangsa tertentu serta ciri-ciri mangsa tersebut. Untuk membuat halaman klasifikasi hujan ini digunakan kode-kode html seperti pada Kode Program 4.5. Kode Program 4.5 Halaman Klasifikasi Hujan

1 2 3 4 5 6 7 8 9 10 11 12

Bulan : <select id="selectBulan"> Januari . . .

Kode Program 4.5 adalah kode program untuk membuat tampilan halaman klasifikasi curah hujan yang berisi perintahperintah html. Baris ke 3-4 adalah perintah html untuk membuat masukan berupa gambar yang akan diisi dengan peta oleh javascript. Baris ke 5 adalah perintah html untuk membuat gambar yang akan diisi dengan gambar legend peta oleh javascript. Baris ke 7-8 adalah halaman html untuk membuat select box yang berisi bulan sebagai masukan kriteria bulan. Setelah tampilan klasifikasi hujan terbentuk maka diperlukan controller berupa javascript untuk mengontrol elemen-elemen pada halaman klasifikasi hujan dan memberikan aksi-aksi pada halaman

39

tersebut. Kode Program javascript untuk controller klasifikasi wilayah ditunjukkan pada Kode Program 4.6. Kode Program 4.6 Javascript Klasifikasi Hujan

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

function getQueryByAttribut() { var extent = $("#extent").val(); var bulan= $("#selectBulan").val(); var tahun= $("#selectTahun").val(); $.post("klasifikasiHujanProcess.php",{ getQueryByAttribut:"enc", extent:extent, bulan:bulan, tahun:tahun }, function(data){ parseXmlForGetQueryByAttribut(data); }); } function parseXmlForGetQueryByAttribut(xml) { var timestamp = new Date().getTime(); $("#mapa").attr("src",$(xml).find('alamatMAP').text()+"?"+tim estamp); $("#imgLegend").attr("src",$(xml).find('alamatLegend').text() +"?"+timestamp); $("#extent").val($(xml).find('objRect').text()); }

Kode Pogram 4.6 adalah kode program javascript yang digunakan untuk mengontrol halaman klasifikasi wilayah. Baris 1baris 15 adalah syntax javascript untuk memberikan perintah pada klasifikasi hujan proses untuk memproses data klasifikasi hujan yang akan dikembalikan dalam bentuk xml dan ditangkap oleh fungsi parseXmlForGetQueryByAttribut. Baris 16-24 adalah fungsi untuk memberikan value pada element-element html berdasarkan data yang diterima dari klasifikasi hujan proses. Kode Program untuk klasifikasi hujan proses ditunjukkan pada Kode Program 4.7.

40

Kode Program 4.7 Proses Klasifikasi Hujan

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

if(isset($_POST["getQueryByAttribut"])) { $objLayerQuery[$i] = ms_newLayerObj($objMap); $objLayerQuery[$i]>set("name",$kriteriaHujan[$i]['min']."".$kriteriaHujan[$i]['max']." mm"); $objLayerQuery[$i]->set("type",MS_LAYER_POLYGON); $objLayerQuery[$i]->set("status",MS_DEFAULT); $objClassQuery[$i] = ms_newClassObj($objLayerQuery[$i]); $objClassQuery[$i]>set("name",$kriteriaHujan[$i]['min']."".$kriteriaHujan[$i]['max']." mm"); $objStyleQuery[$i] = ms_newStyleObj($objClassQuery[$i]); $objStyleQuery[$i]->color>setRGB($color[$i]['red'],$color[$i]['green'],$colo r[$i]['blue']); $objStyleQuery[$i]->outlinecolor->setRGB(0,0,0); //query $objLayerQuery[$i]>set("connectiontype",MS_POSTGIS); $objLayerQuery[$i]->set("connection", "host=localhost port=5432 dbname=dbBoyo user=pinx password=xiaopinx"); $strSqlJoin="the_geom FROM (select gid,the_geom from tbatasdesa left join t_curah_hujan on tbatasdesa.kec=t_curah_hujan.kec where t_curah_hujan.bulan_hujan='".$bulanHujan."' and t_curah_hujan.tahun_hujan='".$tahunHujan."' and t_curah_hujan.jumlah_curah_hujan>=".$kriteriaHujan[ $i]['min']." and t_curah_hujan.jumlah_curah_hujan<".$kriteriaHujan[$ i]['max'].") as subquery USING UNIQUE gid"; $objLayerQuery[$i]->set("data",$strSqlJoin); . . . }

Kode Program 4.7 berisi tentang proses klasifikasi hujan dimulai dari pemberian warna berupa array dan pengklasifikasian berdasarkan curah hujan. Baris ke 2-7 adalah perintah phpmapscript untuk membuat sebuah layer baru dalam map kemudian layer tersebut dibuat class dan stylenya seperti pada baris ke 8-18. baris ke

41

20-34 adalah perintah phpmapscript untuk melakukan query berdasarkan kriteria tertentu dalam hal ini adalah curah hujan pada bulan dan tahun tertentu yang kemudian akan dimasukkan ke dalam layer. 4.2.4 Peramalan Pada halaman peramalan curah hujan berisi tentang peramalan curah hujan tiap kecamatan berdasarkan tahun yang akan diramalkan dengan metode pemulusan eksponensial ganda satu parameter dari brown seperti terlihat pada Gambar 4.6.

Gambar 4.6 Halaman Peramalan

Gambar 4.6 merupakan halaman peramalan curah hujan tiap kecamatan pada Kabupaten Boyolali berdasarkan tahun yang dimasukkan dan hasilnya adalah grafik dan tabel ramalan seperti pada Gambar 4.2.

42

Kode Program untuk halaman peramalan ditunjukkan pada Kode Program 4.8. Kode Program 4.8 Halaman Peramalan

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../tools/jquery.js"> <script type="text/javascript" src="../js/klasifikasi.js">