Tutorial MS4W Dan Pmapper

NORMAIDINA (J1F109016)ILHAM DWI PUJIANTO (J1F109030)

AHMAD FAUZI (J1F109031)FUAD JANUAR (J1F109222)

Tutorial MS4W dan Pmapper

P.mapper merupakan suatu framework yang menawarkan fungsi luas dan berbagai konfigurasi untuk memfasilitasi setup dari pengembangan aplikasi MapServer berbasis pemrograman PHP/MapScript dan JavaScript.

A. Download MS4W

Akses address http://www.maptools.org

Klik pada MS4W



Pilih pada menu download

Pada page download, telah tersedia MS4W dalam bentuk setup.exe installer dan juga dalam bentuk Zip archive.

Jika kita memilih setup.exe installer, setelah didownload maka penginstallan harus dalam keadaan terhubung internet.

Proses penginstallan MS4W dalam bentuk exe.



MS4W akan diletakkan pada directory C:/



Dengan apache port: 80

Tunggu proses penginstallan hingga selesai



Maka MS4W telah terinstall pada direktory C:/.

Cara penginstallan MS4W yang kedua yaitu dengan mendownload MS4W dalam bentuk zip archive.

Kemudian file tersebut diextract ke direktory C:/ .

Maka MS4W telah terinstall pada komputer kita.



Untuk mengecek apakah MS4W telah terinstall, jalankan apache-install.bat dengan diklik. Jika firewall pada komputer kita sedang aktif, maka akan muncul kotak peringatan untuk memastikan bahwa program yang diminta (Apache) memang aman. Klik tombol Allow untuk mengizinkan program Apache dijalankan.

Atau bisa juga lewat cmd yang dijalankan dengan run as administrator.

ketikkan alamat server lokal (http://localhost atau 127.0.01 pada browser. Hasilnya MS4W telah terinstall sukses.



Untuk selanjutnya, pengendalian web server dapat dilakukan melalui control panel / administrative tool / services / Apache MS4W Web Server.

Selanjutnya Masih pada page download MS4W tadi, Kita melakukan download p.mapper

Setelah diklik maka akan diarahkan ke page tab baru seperti gambar di bawah, pilih download pmapper -4.2.0.zip (versi terakhir). Kita juga dapat memilih versi terdahulu.



Setelah download selesai, kita Ekstrak paket pmapper tersebut ke directory C:/. Terlihat tiga buah folder pada paket pmapper tersebut yang akan menggantikan tiga buah folder dengan nama yang sama.

Kemudian Restart service Apache MS4W Web Server.

Buka kembali http://localhost, berikut adalah tampilan halaman bagian bawah

Terlihat satu aplikasi telah terpasang, yaitu pmapper. Untuk melihat contoh aplikasi menggunakan pmapper, klik link pmapper start demo application. Hasilnya sebagai berikut:



Pengaturan aplikasiconfig / config_default.ini Konfigurasi utama untuk

p.mapper diatur di bawah subdirektori config pada config.inifile (config_default.xml).allGroups: daftar dipisahkan koma lapisan / kelompok tersedia dalam aplikasi useCategories: jika di set ke 1 kategori tematik dan layer ditugaskan/ kelompok harus didefinisikan dalam kategori array $ dalam "php_config.php" Aturan umum: jika lapisan milik kelompok, menggunakan nama grup, sebaliknya menggunakan nama layer. Layer dan nama grup harus tidak memiliki spasi.

Pada map file kita dapat menggunakan map file sendiri (pada source config_default.xml kita ganti dengan nama map file kita). Config_default.xml terletak pada ms4w/apps/pmapper/pmapper-4.2.0/config/config default.



Kemudian mengedit pmapper_demo.map (ms4w/apps/pmapper/pmapper-4.2.0/config/default/pmapper_demo) atau dapat juga membuat file .map sendiri.

Pada pmapper yang kami buat, kami melakukan pengeditan pada pmapper_demo.map dengan source code berikut (ini salah satu contoh):

ms4w/apps/pmapper/pmapper-4.2.0/config/default/pmapper_demo.map

################################################################################################ # Adapt settings in map file <tt>pmapper_demo.map</tt> for the following tags to match settings# on your machine (see additionally MapServer documentation for detailed information):## MAP# SHAPEPATH # FONTSET# SYMBOLSET# # WEB# IMAGEPATH # IMAGEURL ###################################################################################################

## Start of map file #MAP



EXTENT 302484 9732880 317600 9740760

UNITS meters#EXTENT -15 30 40 70#UNITS ddSIZE 600 500SHAPEPATH "../../../pmapper_demodata"SYMBOLSET "../common/symbols/symbols-pmapper.sym" FONTSET "../common/fonts/msfontset.txt" RESOLUTION 96IMAGETYPE pngINTERLACE OFF#CONFIG "PROJ_LIB" "C:/proj/nad/"#PROJECTION # ETRS-LAEA #"init=epsg:3035" # "+proj=laea +lat_0=52 +lon_0=10 +x_0=4321000 +y_0=3210000 +ellps=GRS80 +units=m +no_defs no_defs"#END

## Start of web interface definition#WEB TEMPLATE "map.html" IMAGEPATH "/ms4w/tmp/ms_tmp/" IMAGEURL "/ms_tmp/" METADATA #"MAPFILE_ENCODING" "ISO-8859-1" #"ows_title" "WMS Demo Server" #"ows_onlineresource" "http://wms.yourserver.org?owskey=test&" #"ows_srs" "EPSG:3035 EPSG:4326" END # MetadataEND # Web

## Start of Reference map definition#REFERENCE EXTENT 302484 9732880 317600 9740760 #2200000 1400000 8000000 5400000 IMAGE "../../images/reference.png" SIZE 199 149 COLOR -1 -1 -1 OUTLINECOLOR 255 0 0END # Reference

LEGENDEND

## Start of ScaleBar definition#SCALEBAR STATUS off



TRANSPARENT off INTERVALS 4 SIZE 200 3 UNITS meters COLOR 250 250 250 OUTLINECOLOR 0 0 0 BACKGROUNDCOLOR 100 100 100 STYLE 0 POSTLABELCACHE true LABEL COLOR 0 0 90 #OUTLINECOLOR 200 200 200 SIZE small END # LabelEND # Reference

# SYMBOLS USED IN PMAPPER# - 'circle' always necessary (used e.g. for highlight)# - 'square' used in currecnt map file# Symbols can also be defined via tag SYMBOLSET (see above)Symbol Name 'circle' Type ELLIPSE Filled TRUE Points 1 1 ENDEND

Symbol Name 'square' Type VECTOR Filled TRUE Points 0 1 0 0 1 0 1 1 0 1 ENDEND

#================== START OF LAYER SECTION =====================#

## Start of Layer kecamatan.shp#

LAYER NAME "kecamatan" TYPE polygon DATA "kecamatan" TRANSPARENCY 30



TEMPLATE void

METADATA "DESCRIPTION" "Kecamatan" END # Metadata CLASS Name 'Kecamatan' COLOR 154 255 0 OUTLINECOLOR 0 0 0 END # ClassEND # Layer

## Start of Layer sungai.shp#LAYER NAME "sungai" TYPE line DATA "sungai" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Sungai" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Sungai' COLOR 0 0 255 END # ClassEND # Layer

LAYER NAME "batasdesa" TYPE line DATA "batasdesa" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Batas Desa" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Batas Desa' COLOR 0 0 0 END # ClassEND # Layer

LAYER



NAME "bataskabupaten" TYPE line DATA "bataskabupaten" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Batas Kabupaten" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Batas Kabupaten' COLOR 218 66 20 END # ClassEND # Layer

LAYER NAME "bataskecamatan" TYPE line DATA "bataskecamatan" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Batas Kecamatan" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Batas Kecamatan' COLOR 181 9 138 END # ClassEND # Layer

LAYER NAME "batasprovinsi" TYPE line DATA "batasprovinsi" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Batas Provinsi" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Batas Provinsi' COLOR 176 10 18 END # Class



END # Layer

LAYER NAME "desa" TYPE point status on DATA "desa" labelitem "Desa" #nama pada tabel TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Desa" #"RESULT_FIELDS" "NAME" #"RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Desa'

stylesymbol "circle"size 5COLOR 176 10 18outlinecolor 0 0 0

endlabel

position lcend

END # ClassEND # Layer

LAYER NAME "ibukotakecamatan" TYPE point status on DATA "ibukotakecamatan" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Ibu Kota Kecamatan" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Ibu Kota Kecamatan'

stylesymbol "circle"size 9COLOR 247 144 29outlinecolor 0 0 0

end



END # ClassEND # Layer

LAYER NAME "ibukotakabupaten" TYPE point status on DATA "ibukotakabupaten" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Ibu Kota Kabupaten" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Ibu Kota Kabupaten'

stylesymbol "square"size 9COLOR 255 255 0outlinecolor 0 0 0

end END # ClassEND # Layer

LAYER NAME "jalan" TYPE line DATA "jalan" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

METADATA "DESCRIPTION" "Jalan" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Jalan' COLOR 149 149 144 END # ClassEND # Layer

END #Map

Sedangkan pada config_default.xml dengan source code berikut:

<pmapper><ini><pmapper>



<pmTitle>p.mapper - A MapServer PHP/MapScript Framework</pmTitle><debugLevel>3</debugLevel><plugins>export</plugins><plugins>scalebar</plugins><plugins>transparency</plugins>

</pmapper><config><pm_config_location>default</pm_config_location><pm_javascript_location>javascript</pm_javascript_location><pm_print_configfile>common/print.xml</pm_print_configfile><pm_search_configfile>inline</pm_search_configfile></config><map><mapFile>pmapper_demo.map</mapFile><tplMapFile>common/template.map</tplMapFile><categories><category name="cat_admin"><group>kecamatan</group>

<group>batasdesa</group><group>bataskabupaten</group><group>bataskecamatan</group><group>batasprovinsi</group><group>desa</group><group>ibukotakecamatan</group><group>ibukotakabupaten</group><group>jalan</group>

</category><category name="cat_nature"><group>sungai</group></category>

</categories><allGroups><group>kecamatan</group><group>sungai</group>

<group>batasdesa</group><group>bataskabupaten</group><group>bataskecamatan</group><group>batasprovinsi</group><group>desa</group><group>ibukotakecamatan</group><group>ibukotakabupaten</group><group>jalan</group></allGroups>

<layerAutoRefresh>1</layerAutoRefresh><imgFormat>png8</imgFormat><altImgFormat>jpeg</altImgFormat><sliderMax>max</sliderMax><sliderMin>100000</sliderMin></map><query><limitResult>300</limitResult><highlightColor>0 255 255</highlightColor><highlightSelected>1</highlightSelected><autoZoom>nquery</autoZoom><autoZoom>search</autoZoom><zoomAll>search</zoomAll><zoomAll>nquery</zoomAll><infoWin>dynwin</infoWin><alignQueryResults>1</alignQueryResults><pointBuffer>10000</pointBuffer><shapeQueryBuffer>0.02</shapeQueryBuffer></query><ui><tocStyle>tree</tocStyle><legendStyle>attached</legendStyle><useCategories>1</useCategories><catWithCheckbox>1</catWithCheckbox><scaleLayers>1</scaleLayers><icoW>18</icoW><icoH>14</icoH>

<legendKeyimageRewrite>0</legendKeyimageRewrite></ui><locale><defaultLanguage>en</defaultLanguage><defaultCharset>UTF-8</defaultCharset><map2unicode>1</map2unicode></locale><print><printImgFormat>png</printImgFormat><printAltImgFormat>jpeg</printAltImgFormat><pdfres>2</pdfres></print><download><dpiLevels>150</dpiLevels><dpiLevels>200</dpiLevels><dpiLevels>300</dpiLevels></download><php><pearDbClass>MDB2</pearDbClass><defaultTimeZone>Europe/Vienna</defaultTimeZone></php><pluginsConfig><export><formats>XLS</formats><formats>CSV</formats><formats>PDF</formats></export></pluginsConfig></ini>



<searchlist version="1.0"><dataroot>$</dataroot><searchitem name="desa" description="Desa"><layer type="shape" name="desa"><field type="s" name="ISOCODE" description="Desa" wildcard="2"><definition type="options" connectiontype="ms" sort="asc" firstoption="*"><mslayer encoding="ISO-8859-1" keyfield="ISOCODE" showfield="NAME_EN"/></definition></field></layer></searchitem>

<searchitem name="desa" description="Desa"><layer type="shape" name="desa"><field type="s" name="NAME" description="Desa" wildcard="2"><definition type="suggest" connectiontype="ms" minlength="1" startleft="1" sort="asc"><mslayer encoding="UTF-8"/></definition></field></layer></searchitem></searchlist></pmapper>

Jalankan lagi pada localhost tetapi ingat untuk menjalankan apache-restart.batAtau melalui control panel/Administrative Tools/Services/Apache MS4W Web Server tekan Restart.

Hasilnya adalah sebagai berikut:



Fungsi yang terdapat di Pmapper adalah:

DHTML(DOM) zoom/pan, didukung browser: Mozilla/Firefox 1.+/Netscape 6.1+,IE 5/6, Opera 6.+, Konqueror 3.+.

Pan/zoom dengan mouse, keyboard, slider, dan reference map.

Fungsi query (identify, select, search). Hasil query ditampilkan dengan menggabungkan basis

data dan hyperlinks. Fungsi print dalam format HTML dan PDF. Konfigurasi pada beberapa fungsi, tingkah laku dan

tampilan menggunakan INI file. Berbagai macam model untuk tampilan legenda dan tabel. Penggunaan banyak bahasa interface (yaitu: English,

German, Italian, French,Swedish).

Link untuk membuka peta

Mencetak peta Bantuan dalam bentuk informasi

Menuju ke situs : http://www.pmapper.net/

http://www.pmapper.net/



Untuk menghentikan service map server juga bisa pada cmd dengan mengetikkan apache-uninstall.bat ataupun control panel/administrative tools/services/Apache MS4W Web Server klik kanan pilih stop.

Mendownload gambar peta

Documents

Tutorial MS4W Dan Pmapper