Anda di halaman 1dari 20

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


NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

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.

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

MS4W akan diletakkan pada directory C:/

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

Dengan apache port: 80

Tunggu proses penginstallan hingga selesai

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

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.


NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

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.

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

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.

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

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:

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

Pengaturan aplikasi config / 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.

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

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

Pada pmapper yang kami buat, kami melakukan pengeditan pmapper_demo.map dengan source code berikut (ini salah satu contoh): ms4w/apps/pmapper/pmapper-4.2.0/config/default/pmapper_demo.map

pada

############################################################################### ################# # 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 dd SIZE 600 500 SHAPEPATH "../../../pmapper_demodata" SYMBOLSET "../common/symbols/symbols-pmapper.sym" FONTSET "../common/fonts/msfontset.txt" RESOLUTION 96 IMAGETYPE png INTERLACE 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
NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

# 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 # Metadata END # 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 0 END # Reference LEGEND END # # 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 # Label END # 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'

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

Type ELLIPSE Filled TRUE Points 11 END END Symbol Name 'square' Type VECTOR Filled TRUE Points 01 00 10 11 01 END END

#================== 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 # Class END # Layer # # Start of Layer sungai.shp # LAYER NAME "sungai" TYPE line DATA "sungai" TOLERANCE 3 TOLERANCEUNITS pixels TEMPLATE void

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

METADATA "DESCRIPTION" "Sungai" "RESULT_FIELDS" "NAME" "RESULT_HEADERS" "Name" END # Metadata CLASS Name 'Sungai' COLOR 0 0 255 END # Class END # 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 # Class END # 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 # Class END # Layer LAYER NAME "bataskecamatan" TYPE line DATA "bataskecamatan"

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

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 # Class END # 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' style symbol "circle" size 5

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

COLOR 176 10 18 outlinecolor 0 0 0 end label position lc end END # Class END # 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' style symbol "circle" size 9 COLOR 247 144 29 outlinecolor 0 0 0 end END # Class END # 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' style symbol "square" size 9

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

COLOR 255 255 0 outlinecolor 0 0 0 end END # Class END # 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 # Class END # 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>
NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

<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> <!-<altImgFormatLayers> <layer>jpl_wms_global_mosaic</layer> <layer>dem</layer> </altImgFormatLayers> --> <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>

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

<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> <!-- Sample for suggest function --> <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>

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

</searchlist> </pmapper>

Jalankan lagi pada localhost tetapi ingat untuk menjalankan apache-restart.bat Atau 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).

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)

Mencetak peta

Bantuan dalam bentuk informasi

Link untuk membuka peta Mendownload gambar peta Menuju ke situs : 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.

NORMAIDINA (J1F109016) ILHAM DWI PUJIANTO (J1F109030) AHMAD FAUZI (J1F109031) FUAD JANUAR (J1F109222)