Teori - Web GIS

Web GIS
by: Arif Basofi
1
Objectives



Web GIS
Software untuk Web GIS
Contoh instalasi Mapserver dan running
2
Overview
3
Web GIS


GIS yang berbasis web
Nama lain untuk Web GIS




Web-based GIS
Online GIS
Distributed GIS
Internet Mapping
4
Kemampuan Web GIS




Aplikasi GIS (pemetaan) untuk pengguna di
seluruh dunia.
Tidak memerlukan software GIS.
Tidak tergantung pada platform ataupun Sistem
Operasi.
Aplikasi berbasis internet.
5
GIS untuk internet




Adalah teknologi GIS yang dapat diterapkan pada
aplikasi di internet.
Pengaksesan data-data GIS dan fungsi-fungsi GIS
melalui web.
Dapat menjadi nilai tambah dari website.
Contoh:


Web site yang menampilkan lokasi pelayanan TV kabel.
Beberapa website dengan fungsi GIS:



http://www.godiva.com
http://www.realtor.com
http://www.atlas-usgs.gov
6
7
Kelebihan Web GIS



Data yang terpusat.
Biaya lebih murah untuk hardware dan software.
Penggunaan lebih mudah.


Aplikasi berbasis web  minimal kebutuhan training.
Pengaksesan yang lebih luas terhadap data GIS
dan fungsi-fungsinya:


Dapat dihubungkan dengan data dari departemen2
atau organisasi lain.
Kemungkinan untuk mempublikasikan beberapa data
GIS ke masyarakat umum.
8
Kekurangan Web GIS

Response Time / Waktu Akses:


Resolusi dan ukuran display:



Tergantung pada: komputer server, komputer klien,
koneksi internet, traffic website, dan efisiensi data.
Perlu diperbaiki: support large monitor, high
resolution setting, toolbar dan menu browser, layout
yang efisien.
Variasi dari teknologi2 baru.
Kompleksitas dan ketahanan.
9
Konvensional GIS
10
Web GIS
11
Software Web GIS

Commercial Map Server






ArcIMS - Internet Map Server dari ESRI
AspMap - web mapping support asp and asp.net
MapGuide - map server dari AutoDesk
Demis
Dll.
Free Map Server






Mapserver – free CGI-Based map server
ALOV Map – Portable Java for GIS
Jshape - Java GIS and mobile MIDP programming
GeoTools – open source Java GIS toolkit
MapIt!
Dll
12
MapServer







Aplikasi freeware dan open source untuk menampilkan
data peta (spasial).
Awalnya dikembangkan di universitas Minesotta, US,
pada project ForNet (disponsori NASA), utk manajemen
sumber daya alam.
Dibangun dengan teknologi2 open source atau freeware
(Shapelib: utk baca/tulis format data shapefile,
FreeType: utk merender karakter, GDAL/OGR: utk
baca/tulis format data vektor/raster dan Proj.4: utk
menangani beragam proyeksi peta).
Proses pengembangan yang aktif.
Komunitas pengguna.
Dikembangkan berdasarkan kebutuhan klien, tidak pada
ketertarikan secara komersial.
See: http://mapserver.gis.umn.edu/
13
Fitur-Fitur Mapserver













vector formats supported: ESRI shapefiles, PostGIS, ESRI ArcSDE and many
others via OGR library.
raster formats supported: TIFF/GeoTIFF, EPPL7 and many others via GDAL
library.
Menggunakan quadtree spatial indexing for shapefiles utk meningkatkan
performance operasi spasial.
fully customizable, output dapat diatur melalui file-file template.
feature selection by item/value, point, area or another feature .
TrueType font support .
support for tiled raster and vector data .
map element automation (scalebar, reference map, and legend) .
scale dependent feature drawing and application execution .
thematic map building using logical or regular expression based classes
feature labeling including label collision mediation .
on-the-fly configuration via URLs .
on-the-fly projection .
14
Current Mapserver
CGI based application  berjalan diatas
webserver.
 Latest version 4.42 (13 Juni 2005).
 Supported operating system

Linux
 Windows
 MacOS


Dapat diakses dengan PHP, Perl, Python,
dan Java melalui Mapserver C API.
15
Basic Knowledge
Pengetahuan ttg peta digital (skala,
format, bentuk, koordinat dan sistem
proyeksi).
 Pengetahuan OS dan web server dimana
MapServer dipasang.
 Pengetahuan pemrograman di web (PHP,
javascript, dll).
 Pengetahuan ttg database.

16
Arsitektur Umum Aplikasi Web GIS
Client Side
Server Side
Database
Server
Web Browser
Web Server
Application
Server
Map Server



Interaksi antara client-server (request-respon).
Web server menerima request client, akan tetapi web
server tidak memiliki kemampuan pemrosesan peta,
maka diteruskan ke application server dan map server.
Hasil dikembalikan ke web server berupa paket file
HTML atau applet.
17
Arsitektur Map Server
MapServer menggunakan pendekatan thin
client, yaitu hampir semua proses dan
analisa data dilakukan di sisi server.
 Informasi peta dikirim ke web browser
(client) berupa file gambar (JPG,PNG, GIF
atau TIFF).
 Didukung framework Chameleon atau
CartoWeb.

18
Komponen Pembentuk MapServer


Kebutuhan MapServer: Webserver
(Apache, IIS) dan komponen MapServer.
Komponen MapServer dibagi menjadi 4
kategori:
1.
2.
3.
4.
Komponen utk akses data spasial
Komponen utk penggambaran peta
Komponen utk menangani proyeksi peta on
the fly
Komponen pendukung
19
Komponen Pembentuk MapServer (2)
1. Komponen untuk Akses Data Spasial
 Digunakan utk baca/tulis data spasial
(file/DBMS).
 Meliputi:

Shapelib: library ditulis bahasa C, utk
keperluan baca/tulis format data Spahefile
(*.SHP) by ESRI. Format Shapefile
digunakan utk menyimpan data vektor
sederhana (tanpa topologi) + atribut. Pd
MapServer shapefile adalah default data
type.
20
Komponen Pembentuk MapServer (2)
1. Komponen untuk Akses Data Spasial
 Meliputi con’t:

GDAL/OGR (Geofraphic Data Abstraction
Library):


GDAL: library sbg penterjemah berbagai format
data raster. (misal utk akses data: Arc/Info,
ESRI, .gif, TIFF/GeoTIFF, GRASS raster, dll.
OGR: library utk membaca beragam format data
vektor. Kode OGR digabung dgn library GDAL
utk membaca format data vektor: Arc/Info, .csv,
ESRI, Mapinfo file, MySQL, ODBC, Oracle
Spatial, PostgreSQL, SQLite, dll.
21
Komponen Pembentuk MapServer (2)
2. Komponen untuk Penggambaran Peta
 Digunakan utk membentuk gambar peta oleh
MapServer
 Meliputi:




libpng: library utk baca/tulis gambar format PNG.
Libjpeg: library utk baca/tulis format gambar
JPG/JPEG.
GD: library utk menggambar obyek geografis (garis,
poligon, atau bentuk geometris lain). Juga utk
menghasilkan format gambar PNG, JPEG.
FreeType: library utk menampilkan tulisan font
TrueType.
22
Komponen Pembentuk MapServer (2)
3. Komponen untuk Menangani Proyeksi Peta
 Library Proj.4 yg digunakan utk menangani
sistem proyeksi peta. Meliputi:
4. Komponen Pendukung
 Meliputi:


Zlib: dibutuhkan library GD utk kepentingan
kompresi data gambar.
Regex: library utk menangani regular expression.
23
Installation (Linux)



Sebelum menginstall mapserver, install terlebih dahulu
web server dan library2 yang dibutuhkan
Download source mapserver dari
http://mapserver.gis.umn.edu/dload.html
Extract mapserver
$ tar –zxvf mapserver-3.6.7.tar.gz

Configurasi source code
$ cd mapserver
[mapserver]$ ./configure

Compiling
[mapserver]$ make

Copy file mapserv ke directory cgi-bin dari web server
[mapserver]$ cp mapser /var/www/cgi-bin
24
Testing Mapserver Installation

Untuk melakukan test apakah mapserver sudah
terinstall dengan benar:



Jalankan web browser
Buka url http://localhost/cgi-bin/mapserv
Instalasi mapserver SUKSES, jika tampil pesan:
No query information to decode.
QUERY_STRING is set, but empty.
25
Instalasi Demo Program (Linux)


Download file itasca3.5.tar.gz dari website
mapserver
Extract file tersebut, kemudian letakkan dibawah
document_root dari web server.
$ tar –zxvf itasca3.5.tar.gz
$ mv itasca /var/www/html

Buat folder tmp dibawah document_root dari
webserver
$ mkdir /var/www/html/tmp
$ chmod 777 /var/www/html/tmp
26
Instalasi Demo Program #2

Edit file demo_init.html pada directory itasca update
baris:


<input type="hidden" name="map"
value="/usr/local/apache/htdocs/mapserver_demos
/itasca/demo.map">
<input type="hidden" name="map_web_imagepath"
value="/usr/local/apache/htdocs/tmp/">
menjadi (sesuai dengan lokasi pada server)


<input type="hidden" name="map"
value="/var/www/html/itasca/demo.map">
<input type="hidden" name="map_web_imagepath"
value="/var/www/html/tmp/">
27
Instalasi Demo Program #3

Edit file demo.map pada directory itasca
update baris:

“http://localhost.localdomain/mapserver_
demos/itasca/demo_init.html”
menjadi (sesuai dengan url server anda)
 “http://10.252.105.139/itasca/demo_init.
html”

Demo Program dapat diakses melalui web
browser dengan url
http://localhost/itasca/demo_init.html
28
Next Week

Instalasi Map Sever Windows
29