TUGAS MATA KULIAH

SISTEM INFORMASI GEOGRAFIS (SIG) BERBASIS INTERNET

“Visualisasi Peta Online Menggunakan MapServer dengan

Web Feature Services (WFS) dan Web Map Services (WMS)”

Disusun Oleh :

Dany Puguh Laksono (07/256988/TK/33449)

JURUSAN TEKNIK GEODESI

FAKULTAS TEKNIK UNIVERSITAS GADJAH MADA

YOGYAKARTA

2011

“Steter Tropfen Höhlt Den Stein”

| 07/256988/TK/33449 ii

Daftar Isi

Daftar Isi.................................................................................................................................................................. iii

Pembuatan Web Map Service dan Web Feature Service.........................................................................................1

I. Download dan Instalasi MS4W ...................................................................................................................1

II. Persiapan Data dan Setting MapServer.......................................................................................................2

III. Pengujian Server dan Penampilan Peta....................................................................................................3

Lampiran..................................................................................................................................................................8

I. File IndoWMS.map.......................................................................................................................................8

II. File IndoWFS.map........................................................................................................................................9

| 07/256988/TK/33449 iii

Sistem Informasi Geografis (SIG)

Berbasis Internet

Pembuatan Web Map Service dan Web Feature Service

I. Download dan Instalasi MS4W .

1. Membuka halaman web untuk melakukan download MS4W di URL :

http://www.maptools.org/ms4w/index.phtml?page=downloads.html. Versi terbaru yang tersedia adalah

versi 3.0.2 yang digunakan dalam tugas ini.

2. Melakukan extraksi file ms4w_3.0.2.zip pada root directory (C:\)

3. Melakukan instalasi Apache Server dengan menjalankan file apache-install.bat.

Dany Puguh Laksono | 07/256988/TK/33449 1

4. Setelah Service Apache MS4W Web Server berhasil diinstall, selanjutnya melakukan pengecekan dengan

mengetikkan localhost pada address bar web browser yang digunakan (dalam hal ini Mozilla Firefox 4.0.1)

hingga muncul halaman MS4W - MapServer 4 Windows - version 3.0.2.

II. Persiapan Data dan Setting MapServer.

1. Data yang digunakan adalah data shapefile batas propinsi Indonesia (“IDN_adm1.shp”). Data ini dipindahkan

ke dalam folder yang akan digunakan dalam pengerjaan tugas ini yaitu C:\tugas\signet\data.

2. Selanjutnya adalah membuat file *.map yang berfungsi untuk melakukan setting terhadap nilai parameter

yang digunakan dalam pemanggilan server WMS (“indoWMS.map”) dan WFS (“IndoWFS.map”).

3. Untuk mengetahui nilai Extent (batas koordinat) dari shapefile yang akan ditampilkan, digunakan tool

ogrinfo.exe yang berada pada folder MS4W/tools/gdal-ogr. Perintah yang digunakan adalah :

ogrinfo –summary –al c:\tugas\signet\data\idn_adm1.shp. Hasilnya adalah sebagai berikut :

| 07/256988/TK/33449 2

4. Nilai Extent tersebut kemudian dimasukkan ke dalam file “indoWMS.map” dan “indoWFS.map” sehingga

bagian awal kedua file tersebut berupa :

MAP

NAME "Indonesia_WMS"

STATUS ON

EXTENT 94.972335 -11.009721 141.011765 6.077241

UNITS meters

SIZE 1024 800

SHAPEPATH "../tugas/signet/data"

IMAGECOLOR 25 25 255

Isi file selengkapnya terlampir.

III. Pengujian Server dan Penampilan Peta

1. Selanjutnya adalah melakukan pengecekan koneksi server WMS yang telah dibuat dengan menggunakan

parameter getCapabilities pada web browser yang digunakan. Hasilnya berupa file XML yang berisi

keterangan mengenai server yang digunakan sesuai dengan isi file .map yang telah dibuat. Hasilnya adalah

sebagai berikut :

Server WMS :

http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/

indoWMS.map&SERVICE=WMS&REQUEST=GetCapabilities&VERSION=1.0.0

| 07/256988/TK/33449 3

WMT_MS_Capabilities version="1.0.0"><!-- MapServer version 5.6.6 OUTPUT=GIF OUTPUT=PNG

OUTPUT=JPEG OUTPUT=WBMP OUTPUT=PDF OUTPUT=SWF OUTPUT=SVG SUPPORTS=PROJ

SUPPORTS=AGG SUPPORTS=FREETYPE SUPPORTS=ICONV SUPPORTS=FRIBIDI SUPPORTS=WMS_SERVER

SUPPORTS=WMS_CLIENT SUPPORTS=WFS_SERVER SUPPORTS=WFS_CLIENT SUPPORTS=WCS_SERVER

SUPPORTS=SOS_SERVER SUPPORTS=FASTCGI SUPPORTS=THREADS SUPPORTS=GEOS SUPPORTS=RGBA_PNG

SUPPORTS=TILECACHE INPUT=JPEG INPUT=POSTGIS INPUT=OGR INPUT=GDAL INPUT=SHAPEFILE --

><Service><Name>GetMap</Name><Title>Peta Batas Administrasi Indonesia |

WFS</Title><OnlineResource>http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/

indoWMS.map&mode=map&</OnlineResource></Service><Capability><Request><Map><Format><GIF/

><PNG/><JPEG/><WBMP/><SVG/></Format><DCPType><HTTP><Get onlineResource="http://localhost/cgi-

bin/mapserv.exe?map=C:/tugas/signet/indoWMS.map&mode=map&"/><Post

onlineResource="http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/

indoWMS.map&mode=map&"/></HTTP></DCPType>

Dst...

Server WFS :

http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/

indoWFS.map&SERVICE=WFS&REQUEST=GetCapabilities&VERSION=1.0.0

<WFS_Capabilities version="1.0.0" updateSequence="0" xsi:schemaLocation="http://www.opengis.net/wfs

http://schemas.opengis.net/wfs/1.0.0/WFS-capabilities.xsd"><!-- MapServer version 5.6.6 OUTPUT=GIF

OUTPUT=PNG OUTPUT=JPEG OUTPUT=WBMP OUTPUT=PDF OUTPUT=SWF OUTPUT=SVG SUPPORTS=PROJ

SUPPORTS=AGG SUPPORTS=FREETYPE SUPPORTS=ICONV SUPPORTS=FRIBIDI SUPPORTS=WMS_SERVER

SUPPORTS=WMS_CLIENT SUPPORTS=WFS_SERVER SUPPORTS=WFS_CLIENT SUPPORTS=WCS_SERVER

SUPPORTS=SOS_SERVER SUPPORTS=FASTCGI SUPPORTS=THREADS SUPPORTS=GEOS SUPPORTS=RGBA_PNG

SUPPORTS=TILECACHE INPUT=JPEG INPUT=POSTGIS INPUT=OGR INPUT=GDAL INPUT=SHAPEFILE --

><Service><Name>MapServer WFS</Name><Title>Peta Batas Administrasi Indonesia |

WFS</Title><OnlineResource>http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/

indoWFS.map&service=WFS&</OnlineResource></

Service><Capability><Request><GetCapabilities><DCPType><HTTP><Get

onlineResource="http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/

indoWFS.map&service=WFS&"/></HTTP></DCPType><DCPType><HTTP><Post

onlineResource="http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/

indoWFS.map&service=WFS&"/></HTTP></DCPType>

Dst...

| 07/256988/TK/33449 4

2. Selanjutnya adalah menampilkan peta di Web Browser. Untuk ini, digunakan parameter mode=map dari

mapserv.exe. perintah selengkapnya adalah :

http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/indoWMS.map&mode=map

Hasilnya sebagai berikut :

3. Pengujian terhadap WFS dilakukan dengan menggunakan perintah getFeature sebagai berikut :

http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/

indowfs.map&service=WFS&version=1.0.0&request=Getfeature&typename=propinsi

hasilnya :

<wfs:FeatureCollection xsi:schemaLocation="http://www.opengis.net/wfs

http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd

http://mapserver.gis.umn.edu/mapserver

http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/indoWFS.map&service=WFS&SERVICE=WFS&VE

| 07/256988/TK/33449 5

RSION=1.0.0&REQUEST=DescribeFeatureType&TYPENAME=propinsi&OUTPUTFORMAT=XMLSCHEMA"><gm

l:boundedBy><gml:Box srsName="EPSG:4326"><gml:coordinates>94.972335,-11.009721

141.011765,6.077241</gml:coordinates></gml:Box></gml:boundedBy><gml:featureMember><ms:propinsi

><gml:boundedBy><gml:Box srsName="EPSG:4326"><gml:coordinates>94.972335,1.976846

98.287293,6.077241</gml:coordinates></gml:Box></gml:boundedBy><ms:msGeometry><gml:MultiPolygo

n

srsName="EPSG:4326"><gml:polygonMember><gml:Polygon><gml:outerBoundaryIs><gml:LinearRing><gml

:coordinates>97.384933,1.977126 97.383964,1.976846 97.383271,1.977265 97.382722,1.977614

97.382293,1.978034 97.381325,1.979009 97.380981,1.980194 97.381120,1.981238 97.381530,1.982423

97.382362,1.984025 97.383262,1.985279 97.384162,1.986111 97.384452,1.986111 97.384721,1.986391

97.385277,1.986391 97.385774,1.986480 97.386947,1.986270 97.387916,1.985500 97.388397,1.984527

97.388680,1.983761 97.388680,1.982298 97.388192,1.981322 97.387497,1.980278 97.386391,1.979166

97.385628,1.977890 97.384933,1.977126

</gml:coordinates></gml:LinearRing></gml:outerBoundaryIs></gml:Polygon>

Dst...

4. Pengujian hasil tampilan juga dapat dilakukan dengan menggunakan tools shp2img pada direktori

MS4W/tools/Mapserv. Perintah yang digunakan adalah :

shp2img -m C:\tugas\signet\indoWMS.map -o C:\tugas\signet\output.gif

Hasil file output.gif :

5. Setelah koneksi dipastikan dapat dilakukan dengan baik, selanjutnya adalah menampilkan peta dengan

menambahkan berbagai attributnya seperti simbol, legenda, dan lain sebagainya. File indoWMS.map dan

| 07/256988/TK/33449 6

indoWFS.map juga dapat dimodifikasi dengan menggunakan Mapscript seperti PHP atau Javascript sehingga

dapat ditambahkan unsur user interface pada peta. Selain itu, juga dapat dikombinasikan dengan Google

Maps API menggunakan Javascript untuk menampilkan layer peta yang diperoleh dari hasil koneksi dengan

WMS ataupun WFS.

| 07/256988/TK/33449 7

Lampiran

I. File IndoWMS.map

MAP

NAME "Indonesia_WMS"

STATUS ON

EXTENT 94.972335 -11.009721 141.011765 6.077241

UNITS meters

SIZE 1024 800

SHAPEPATH "../tugas/signet/data"

IMAGECOLOR 25 25 255

WEB

IMAGEPATH "/ms4w/tmp/ms_temp/"

IMAGEURL "/ms_temp/"

METADATA

"wms_title" "Peta Batas Administrasi Indonesia | WFS"

"wms_onlineresource"

"http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/indoWMS.map&mode=map"

"wms_srs" "EPSG:4326"

END

END

PROJECTION

"init=epsg:4326"

END

IMAGETYPE gif

OUTPUTFORMAT

NAME gif

| 07/256988/TK/33449 8

DRIVER "GD/GIF"

MIMETYPE "image/gif"

IMAGEMODE PC256

EXTENSION "gif"

TRANSPARENT ON

END

LAYER

NAME "Propinsi"

DATA "C:/tugas/signet/data/IDN_adm1.shp"

METADATA

"wms_title" "Propinsi"

END

PROJECTION

"init=epsg:4326"

END

STATUS default

TYPE POLYGON

CLASS

COLOR 193 217 114

OUTLINECOLOR 13 13 13

END

END

END

II. File IndoWFS.map

MAP

NAME "Indonesia_WFS"

STATUS ON

EXTENT 94.972335 -11.009721 141.011765 6.077241

| 07/256988/TK/33449 9

UNITS meters

SIZE 1024 800

SHAPEPATH "C:/tugas/signet/data"

IMAGECOLOR 25 255 255

WEB

IMAGEPATH "C:/ms4w/tmp/ms_tmp/"

IMAGEURL "C:/ms4w/tmp/ms_tmp/"

METADATA

"wfs_title" "Peta Batas Administrasi Indonesia | WFS"

"wfs_onlineresource"

"http://localhost/cgi-bin/mapserv.exe?map=C:/tugas/signet/indoWFS.map&service=WFS"

"wfs_srs" "EPSG:4326"

END

END

PROJECTION

"init=epsg:4326"

END

LAYER

NAME propinsi

#CONNECTION "http://localhost/cgi-bin/wfs?"

#CONNECTIONTYPE WFS

METADATA

"wfs_title" "propinsi"

"gml_include_items" "all"

"gml_featureid" "id_1"

END

| 07/256988/TK/33449 10

TYPE POLYGON

STATUS ON

DATA "C:/tugas/signet/data/IDN_adm1.shp"

PROJECTION

"init=epsg:4326"

END

DUMP TRUE

CLASS

STYLE

COLOR 200 255 0

OUTLINECOLOR 120 120 120

END

END

END

END

| 07/256988/TK/33449 11