Catatanmae.blogspot.com 1

1. Mengetahui definisi MapServer dan framework

Chameleon

2. Mengetahui proses instalasi MS4W dan Chameleon

3. Mengenalkan membuat aplikasi sederhana dengan

Chameleon

Catatanmae.blogspot.com 2

1. Map server: aplikasi open source yang memungkinkansebuah data peta diakses melalui web. Denganmapserver menjadikan pekerjaan membuat peta digital menjadi lebih mudah dan interaktif. Interaktif petadisini diartikan bahwa pengguna dapat dengan mudahmelihat dan megubah tampilan peta seperti zoom, rotate dan menampilkan informasi(seperti menampilkan info jalan) dan analisis( seperti menentukan rute perjalanan) pada permukaan geografi.Sumber: http://dennycharter.wordpress.com/2008/05/09/cara-kerja-mapserver/

Catatanmae.blogspot.com 3

2. Chameleon: merupakan sebuah framework yang dapat

digunakan untuk mengembangkan apliksi berbasis

MapServer secara cepat. pada chameleon sendiri

sudah terdapat beberapa widget yang dapat disisipkan

ke dalam html yang akan digunakan sebagai template.

Sumber: http://rizkinux09.wordpress.com/

Catatanmae.blogspot.com 4

1. Download MS4W 1.6 dihttp://www.maptools.org/ms4w/index.phtml

2. Extract file MS4W 1.6 kemudian copy file hasil extract tadi dan paste dengan path c:\MS4W

3. Jalankan file apache-install.bat, untuk mengecek apakahmapservernya sudah terpasang atau belum bisa dicek dicontrol panel -> administrative tools -> service, danpastikan apache MS4W web server statusnya started (lihat gambar A)

4. Untuk memastikan apakah MS4W sudah terinstal denganbaik, ketikan url://localhost pada web browser, maka akantampil seperti gambar dibawah ini (lihat gambar B)

Catatanmae.blogspot.com 5

Gambar A Catatanmae.blogspot.com 6

Gambar B

Catatanmae.blogspot.com 7

1. Download Chameleon 2.4

2. Extract file chameleon 2.4 kemudian gabungkan

dengan file MS4W tadi sehingga memiliki path

c:\MS4W

3. Jalankan file apache-restart.bat

4. Ketikan url://localhost pada web browser, jika

penginstalan chameleon berhasil maka akan muncul

gambar seperti dibawah ini (lihat gambar C)

Catatanmae.blogspot.com 8

Gambar C

Catatanmae.blogspot.com 9

1. Misalkan kita akan membuat aplikasi untuk menampilkan

peta area1. Jadi yang harus di siapkan file area.map, file

template, file area1.shp sebagai sumber datanya dan folder etc

yang berisi pengaturan. Untuk folder etc bisa mengcopy dari

folder etc bawaan langsung dari chameleonnya.

2. Sediakan folder untuk menampung file-file diatas dibawah

folder apps, misal peta jadi pathnya c:\MS4W\apps\peta

3. Simpan file area.map pada path

c:\MS4W\apps\peta\map\area.map

4. Simpan folder etc pada path c:\MS4W\apps\peta\etc

5. Simpan file area1.shp pada path

c:\MS4W\apps\peta\data\area1.shp

Catatanmae.blogspot.com 10

6. Buat file template.html dimana file template merupakantempat untuk membuat aplikasinya, maksudnya widget chameleon yang akan kita pakai di atur disini. Simpandengan path c:\MS4W\apps\peta\htdocs\template.html

7. Buat file latihan1.phtml dimana file ini digunakanuntuk memanggil file template.html dan area1.map. Simpan dengan path c:\MS4W\apps\peta\htdocs\latihan1.phtml

8. Buat file konfigurasi apachenya misal httpd_peta.conf. simpan dengan path c:\MS4W\httpd.d\httpd_peta.conf

Catatanmae.blogspot.com 11

template.html

Catatanmae.blogspot.com 12

Catatanmae.blogspot.com 13