Petunjuk Instalasi Ms4w dan Chameleon [ plus MENAMPILKAN PETA MALANG PADA SAMPLE CHAMELEON part.

1]
Alat dan Bahan : 1. 2. 3. 4. PC ato Laptop Ms4w-2.2.7-setup.exe Chameleon_ms4w-2.6.0rc1.zip Peta UTM kota Malang

Semua bahan - bahan di atas, jika ada yang belum termiliki silahkan download sendiri di [http://dl.maptools.org/dl/ms4w/], ato jika beruntung copy saja bilamana ada teman yang sudah punya ato silahkan bertransaksi di lab.. :D Langkah pada PC ato Laptop : - Berdo'a dulu sebelum mencoba tutorial ini.. :) - Instalasi Ms4w-2.2.7-setup.exe, dengan ketentuan :

Install pada directory c:\ Bila sebelumnya telah terinstal appserv ato xampp ato tomcat maka setting port berbeda misal port 2000 biar tidak Bentrok. bila terlanjur alangkah lebih bijaknya d install ulang aja ms4w-nya.. [yang waras ngalah ae he..] Jadi waktu akses d browser nantinya ketik [localhost:2000]

Langkah pada Chameleon_ms4w-2.6.0rc1.zip : - Extract here Chameleon_ms4w-2.6.0rc1.zip [nantinya akan didapatkan folder ms4w, terus tumpuk di folder ms4w pada directory c:\ ]

- Jika ms4w di buka dan chameleonnya belum ada maka restart dulu [maksudnya ms4wrestart, bukan restart PC ato laptopnya ] :-p

Langkah berikutnya : - Copy seluruh file Peta Kota Malang yang UTM [shp, shx dan dbf, tp dipindah semua tak masalah kog] di folder data [C:\ms4w\apps\chameleon\samples\data]

PERHATIAN Dont try this bila size directory c:\ anda sudah minimalis, lakukan seperlunya saja yach.. :'(

- Copy dan Backup file chameleon.map dengan nama sesuka hati, asal jangan rename pake nama orang yang d benci.. :-p [jadi nanti ada 2 file chameleon, yang asli dan yang editan].

- Oia, Chameleon.map bisa d temukan di dalam folder map.. [C:\ms4w\apps\chameleon\samples\map].

- Buka file chameleon.map yang editan. Truz ganti source-nya dengan yang dibawah ini : ================================================= NAME DEMO STATUS ON SIZE 400 300 SYMBOLSET ../etc/symbols.sym EXTENT 665867.471298 9108804.172095 693694.842688 9125352.182281 UNITS METERS SHAPEPATH "../data" IMAGECOLOR 255 255 255 FONTSET ../etc/fonts.txt TRANSPARENT FALSE

# # Start of web interface definition #

WEB

IMAGEPATH "/ms4w/tmp/ms_tmp/" IMAGEURL "/ms_tmp/" # LOG "/tmp/gmap.log" METADATA END END

# # Start of reference map # REFERENCE IMAGE images/keymap.gif EXTENT 665867.471298 9108804.172095 693694.842688 9125352.182281 STATUS ON COLOR -1 -1 -1 OUTLINECOLOR 255 0 0 SIZE 120 90 END

# # Start of legend

# LEGEND KEYSIZE 18 12 LABEL TYPE BITMAP SIZE MEDIUM COLOR 0 0 89 END STATUS ON END

# # Start of scalebar # SCALEBAR IMAGECOLOR 255 255 255 LABEL COLOR 0 0 0 SIZE SMALL END SIZE 150 5 COLOR 255 255 255 BACKGROUNDCOLOR 0 0 0

OUTLINECOLOR 0 0 0 UNITS kilometers INTERVALS 5 STATUS ON END

QUERYMAP STYLE HILITE COLOR 255 0 0 END

PROJECTION "init=epsg:42304" END

# # Start of layer definitions #

LAYER GROUP "Polygon" NAME Batas_kecamatan METADATA

"DESCRIPTION" "Batas_kecamatan" #"RESULT_FIELDS" "NAME_E YEAR_EST AREA_KMSQ" "GROUP" "Polygon" "LAYER" "Batas_kecatmatan" END TYPE POLYGON STATUS ON DATA batas_kecutm CLASS NAME "Batas_kecamatan" COLOR 200 255 0 OUTLINECOLOR 120 120 120 TEMPLATE "ttt_query.html" END TOLERANCE 5 PROJECTION "init=epsg:42304" END END # Layer

LAYER GROUP "Line" NAME Jalan

METADATA "DESCRIPTION" "Jalan kota malang" "GROUP" "Line" "LAYER" "Jalan" END TYPE LINE STATUS ON DATA jalankota_mlng_polyutm CLASS NAME "Jalan" SYMBOL 0 COLOR 0 119 255 END PROJECTION "init=epsg:42304" END

END # Layer

LAYER GROUP "Point" NAME poin_gps METADATA

"DESCRIPTION" "Cities" "RESULT_FIELDS" "Tempat" "GROUP" "Point" "LAYER" "poin_gps" END TYPE POINT STATUS ON DATA poin_gps LabelItem "Tempat" CLASS EXPRESSION "1" TEMPLATE "ttt_query.html" SYMBOL 2 SIZE 5 NAME "Cities" LABEL COLOR 255 0 0 FONT sans-italic TYPE truetype SIZE 8 POSITION AUTO PARTIALS FALSE OUTLINECOLOR 255 255 255

END COLOR 0 0 0 END CLASS TEMPLATE "ttt_query.html" SYMBOL 2 SIZE 3 NAME "Cities" LABEL COLOR 0 0 0 FONT sans TYPE truetype SIZE 7 POSITION AUTO PARTIALS FALSE OUTLINECOLOR 255 255 255 END COLOR 0 0 0 END TOLERANCE 5 PROJECTION "init=epsg:42304" END

END # Layer

END # Map File ================================================= [jangan lupa di save ya] ;b

- Hasil perubahan terbaik dapat dilihat pada Sample using widgets from the Enhanced widget group, sebenarnya nantinya semua akan berubah, namun yang paling enak dipandang ya yang itu.. ^^

- Bila kangen pada tampilan sample chameleon yang lama, yang chameleon editan di rename terserah, terus yang lama d rename semula seperti sedia kala menjadi [Chameleon.map].

Karena history chameleon kuat, lebih aman jangan main refresh nanti lama-lama bisa bikin stress, mending main open in new tab

- untuk warna nantinya silahkan diganti sesuai selera hati anda.. :)

Terlihat kan perubahannya, bila ada yang belum berubah silahkan caci maki, komplain dan sejenisnya pada saia, intinya silahkan anda tulis keluh kesah anda di bawah ini ato d wall ato langsung sms saia. Sekian dan terima kasih atas perhatiannya, sampai bertemu di tutorial selanjutnya MENAMPILKAN PETA MALANG PADA SAMPLE CHAMELEON dengan koneksi database postgree Alhamdulillah...

jika anda beruntung maka hasilnya akan seperti gambar di atas.. ^^

MENAMPILKAN PETA MALANG PADA SAMPLE CHAMELEON part.2 [ CONNECTIONTYPE POSTGIS ]

Sesuai janji saya kemaren, kali ini kita berjumpa pada tahapan selanjutnya, menampilkan peta dengan koneksi database postgre. Alat dan Bahan : 1. PC ato Laptop 2. Postgre yang sudah terinstal postgisnya. 3. Peta UTM kota Malang [batas_kecutm,jalankota_mlng_polyutm,point_gps], data peta yang disiapkan yang berextensi [.shp, .shx, .dbf] Langkah pada Peta Kota Malang :

- Berdoa dulu sebelum mencoba tutorial ini [Belajar dr pengalaman kmrn, smoga kali ini tidak banyak yang komplain lagi] he... Amien - Copykan seluruh file peta yang tersebut d atas di dalam folder bin [C:\Program Files\PostgreSQL\8.2\bin] - Convert shp2sql d command prompt postgre dengan aturan shp2pgqsl [file.shp] [namatabeldatabase]>[output filesql

Shp2pgsl batas_kecutm.shp kecamatan>kecamatan.sql [outputx kecamatan.sql dalam bentuk polygon] Shp2pgsql jalankota_mlng_polyutm.shp jalan>jalan.sql [outputx jalan.sql dalam bentuk line] Shp2pgsql poin_gps.shp point>point.sql [outputx point.sql dalam bentuk point]

Langkah pada Postgre: - Bwad database baru d postgre dengan nama malang. Perhatikan urutan ini :

Buka pgAdmin III, isi passwordnya Klik kanan Databses, pilih new database. Isi Name dengan Malang, Isi Owner dengan postgres Isi Template dengan template_postgis. Klik ok dan refresh Pilih database malang, pilih execute arbitrary queries [icon d atas yang ada tulisan sqlnya] Open query file, arahkan pada file outputan sql td. Execute satu persatu.

Langkah berikutnya : - Copy dan Backup file chameleon.map dengan nama sesuka hati, asal jangan rename pake nama orang yang d benci.. [jadi nanti ada 3 file chameleon, yang asli dan yang editan kmaren ma editan terbaru]. - Oia, Chameleon.map bisa d temukan di dalam folder map.. [C:\ms4w\apps\chameleon\samples\map]. - Buka file chameleon.map yang editan terbaru. Truz ganti source-nya dengan yang dibawah ini :

=================================================

MAP NAME "Peta Kota Malang" STATUS ON EXTENT 665867.471298 9108804.172095 693694.842688 9125352.182281 SIZE 575 475 #SHAPEPATH "../JAtim" SYMBOLSET "../etc/symbols.sym" FONTSET "../etc/fonts.txt" IMAGECOLOR 255 255 255 UNITS meters

REFERENCE STATUS ON IMAGE "images/keymap.gif" SIZE 125 100 EXTENT 665867.471298 9108804.172095 693694.842688 9125352.182281 COLOR -1 -1 -1 OUTLINECOLOR 45 0 199 END QUERYMAP STATUS ON COLOR 73 0 221

STYLE HILITE END PROJECTION "proj=latlong" "" END LEGEND STATUS ON KEYSIZE 18 12 LABEL TYPE BITMAP SIZE MEDIUM COLOR 0 0 89 END END SCALEBAR STATUS ON COLOR 255 255 255 OUTLINECOLOR 0 0 0 BACKGROUNDCOLOR 0 0 0 IMAGECOLOR 255 255 255 UNITS KILOMETERS INTERVALS 5 SIZE 150 5

LABEL SIZE SMALL COLOR 0 0 0 END END

LAYER NAME "Peta Malang" GROUP "poligon" STATUS ON DATA "the_geom FROM kecamatan USING UNIQUE gid" TYPE POLYGON CONNECTIONTYPE POSTGIS CONNECTION "user=postgres dbname=malang host=localhost port=5432 password=ucox" PROJECTION "proj=latlong" END CLASS NAME "Peta Malang" STYLE COLOR 255 0 200 OUTLINECOLOR 236 237 236 SIZE 5

END END END

LAYER NAME "Jaringan Jalan" GROUP "line" STATUS DEFAULT DATA "the_geom FROM jalan USING UNIQUE gid" TYPE LINE CONNECTIONTYPE POSTGIS CONNECTION "user=postgres dbname=malang host=localhost port=5432 password=ucox" PROJECTION "proj=latlong" END CLASS NAME "Jaringan Jalan" STYLE COLOR 0 0 0 END END END

LAYER NAME "Point Gps" GROUP "Point" STATUS DEFAULT DATA "the_geom FROM point USING UNIQUE gid" TYPE POINT CONNECTIONTYPE POSTGIS CONNECTION "user=postgres dbname=malang host=localhost port=5432 password=ucox" LABELITEM "tempat" PROJECTION "proj=latlong" END CLASS NAME "Point Gps" TEMPLATE "ttt_query.html" LABEL TYPE TRUETYPE FONT "sans" SIZE MEDIUM MINSIZE 8 MAXSIZE 9 POSITION AUTO

END STYLE SYMBOL 4 COLOR 255 0 0 SIZE 4 MINSIZE 5 MAXSIZE 7 END END END

END ================================================= [jangan lupa di save ya] ;b

- Hasil perubahan terbaik dapat dilihat Sample using widgets from the Enhanced widget group, sebenarnya nantinya semua akan berubah, namun yang paling enak dipandang ya yang itu.. J

Karena history chameleon kuat, lebih aman jangan main refresh nanti lama-lama bisa bikin stress, mending main open in new tab

Terlihat kan perubahannya [kurang lebih hasilnya sama kyk yg part.1], bila ada yang belum berubah silahkan caci maki, komplain dan sejenisnya pada saia, intinya silahkan anda tulis keluh kesah anda di bawah ini ato d wall ato langsung sms saia. Sekian dan terima kasih atas perhatiannya. Semoga tutorial ini bisa bermanfaat. Sengaja tidak ditampilkan gambar satu persatu, karena ini sudah diterangkan d lab sehingga ini hanya review dan pengingat saja.