Petunjuk Instalasi Ms4w Dan Chameleon

18
 Petunjuk Instalasi Ms4w dan Chameleon [ plus MENAMPILKAN PETA MALANG PADA SAMPLE CHAMELEON part.1] Alat dan Bahan : 1. PC ato Laptop 2. Ms4w-2.2.7-setup.exe 3. Chameleon_ms4w-2.6.0rc1.zip 4. 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 ms4w- restart, 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 ]

Transcript of Petunjuk Instalasi Ms4w Dan Chameleon

Page 1: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 1/18

 

Petunjuk Instalasi Ms4w dan Chameleon [ plus

MENAMPILKAN PETA MALANG PADA SAMPLE

CHAMELEON part.1] 

Alat dan Bahan : 

1.  PC ato Laptop2.  Ms4w-2.2.7-setup.exe

3.  Chameleon_ms4w-2.6.0rc1.zip

4.  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 ms4w-

restart, 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]

Page 2: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 2/18

 

PERHATIAN “Don’t 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 pakenama 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

#

Page 3: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 3/18

 

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

Page 4: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 4/18

 

#

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

Page 5: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 5/18

 

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

Page 6: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 6/18

 

"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

Page 7: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 7/18

 

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

Page 8: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 8/18

 

"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

Page 9: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 9/18

 

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

Page 10: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 10/18

 

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 atolangsung sms saia. Sekian dan terima kasih atas perhatiannya, sampai bertemu di tutorial

selanjutnya “MENAMPILKAN PETA MALANG PADA SAMPLE CHAMELEON dengan

koneksi database postgree” 

Alhamdulillah... 

Page 11: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 11/18

 

 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 Laptop2.  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 : 

Page 12: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 12/18

 

- Berdo’a 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 dalambentuk 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 sql-

nya]  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 :

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

Page 13: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 13/18

 

 

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

Page 14: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 14/18

 

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

Page 15: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 15/18

 

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

Page 16: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 16/18

 

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

Page 17: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 17/18

 

 

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=5432password=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

Page 18: Petunjuk Instalasi Ms4w Dan Chameleon

5/14/2018 Petunjuk Instalasi Ms4w Dan Chameleon - slidepdf.com

http://slidepdf.com/reader/full/petunjuk-instalasi-ms4w-dan-chameleon-55a757d322627 18/18

 

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 belumberubah 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.