Unlock-ALOV WebGIS Modul

MEMBANGUN W EBGIS Y YANG PORTABLE DENGAN ALOV MAP

OLEH HARTANTO S SAN JAYA

http://hartanto.wordpress.com

2004

i

DAFTAR ISI 1 Pengenalan WebGIS ...................................................................... 1.1 GIS dan WebGIS ............................................................... 1.2 Konsep Client dan Server ............................................... 1.3 Web Server ........................................................................

1 1 1 2

2 Pengenalan ALOV ......................................................................... 2.1 Tentang ALOV ................................................................. 2.2 XML dan HTML ............................................................... 2.3 Standalone dan client/server ......................................... 2.4 Dukungan data ................................................................. 2.5 Perangkat lunak pendukung ..........................................

3 3 3 4 4 5

3 Instalasi dan Ruang Kerja ............................................................. 3.1 Persiapan Instalasi ........................................................... 3.2 In Instalasi stalasi ALOV ................................................................. 3.3 Menentukan Ruang Kerja ...............................................

6 6 6 7

4 Membuat Project ............................................................................ 4.1 Mempersiapkan file XML ............................................... 4.2 Mempersiapkan file HTML ............................................ 4.3 Menampilkan Data ..........................................................

8 8 8 9

5 Pengaturan Layer dan Menentukan Domain.............................. 5.1 Mengatur Penampilan Layer .......................................... 5.2 Penentuan Unit ................................................................. 5.3 Mengatur Pembesaran/Pengecilan ............................... 5.4 Menentukan Domain .......................................................

10 10 12 13 14

6 Penggunaan Pen ggunaan Simbol ....................................................................... 6.1 Simbol Pada Data Titik .................................................... 6.2 Simbol Pada Data Garis .................................................. 6.3 Simbol Pada Data Poligon .............................................. .... .......................................... 6.4 Penggunaan Warna Pada Simbol .................................. 6.5 Pembuatan Simbol Sendiri ............................................. ......................................... ....

18 18 20 22 24 24

7 Penyajian ......................................................................................... 7.1 Penyajian Baku ................................................................. 7.2 Penyajian Bertingkat ........................................................ 7.3 Penyajian Label ................................................................ 7.4 Penyajian Grafik ...............................................................

26 26 26 28 30

8 Menampilkan Citra ........................................................................ 32

ii

DAFTAR ISI 1 Pengenalan WebGIS ...................................................................... 1.1 GIS dan WebGIS ............................................................... 1.2 Konsep Client dan Server ............................................... 1.3 Web Server ........................................................................

1 1 1 2

2 Pengenalan ALOV ......................................................................... 2.1 Tentang ALOV ................................................................. 2.2 XML dan HTML ............................................................... 2.3 Standalone dan client/server ......................................... 2.4 Dukungan data ................................................................. 2.5 Perangkat lunak pendukung ..........................................

3 3 3 4 4 5

3 Instalasi dan Ruang Kerja ............................................................. 3.1 Persiapan Instalasi ........................................................... 3.2 In Instalasi stalasi ALOV ................................................................. 3.3 Menentukan Ruang Kerja ...............................................

6 6 6 7

4 Membuat Project ............................................................................ 4.1 Mempersiapkan file XML ............................................... 4.2 Mempersiapkan file HTML ............................................ 4.3 Menampilkan Data ..........................................................

8 8 8 9

5 Pengaturan Layer dan Menentukan Domain.............................. 5.1 Mengatur Penampilan Layer .......................................... 5.2 Penentuan Unit ................................................................. 5.3 Mengatur Pembesaran/Pengecilan ............................... 5.4 Menentukan Domain .......................................................

10 10 12 13 14

6 Penggunaan Pen ggunaan Simbol ....................................................................... 6.1 Simbol Pada Data Titik .................................................... 6.2 Simbol Pada Data Garis .................................................. 6.3 Simbol Pada Data Poligon .............................................. .... .......................................... 6.4 Penggunaan Warna Pada Simbol .................................. 6.5 Pembuatan Simbol Sendiri ............................................. ......................................... ....

18 18 20 22 24 24

7 Penyajian ......................................................................................... 7.1 Penyajian Baku ................................................................. 7.2 Penyajian Bertingkat ........................................................ 7.3 Penyajian Label ................................................................ 7.4 Penyajian Grafik ...............................................................

26 26 26 28 30

8 Menampilkan Citra ........................................................................ 32

ii

8.1 Mempersiapkan Citra ...................................................... 32 8.2 Membuat File Penghubung ............................................ 32 8.3 Menampilkan Citra .......................................................... 33 9 Pengaturan Tema Tampilan .......................................................... 35 9.1 Pengelompokan Tema ..................................................... 35 9.2 Mendefinisikan Tema Dalam Layer .............................. 35 10 Membuat Taut Web ...................................................................... 10.1 Persiapan Pada Data GIS .............................................. 10.2 Pembuatan HTML Tujuan ............................................ 10.3 Pembuatan Taut Pada Project ......................................

38 38 38 38

Daftar Pustaka .................................................................................... 41 Apendiks A-1 Daftar Element dan atributnya ................................................ A-2 Spesifikasi Tag Applet ............................................................... A-3 Penampilan dan Atribut Applet .............................................. ................. ............................. A-4 Penampilan dan Atribut Legend ............................................. A-5 Metadata ......................................................................................

42 48 49 53 55

iii

1 PENGENALAN W EBGIS 1.1 GIS dan WebGIS

Sistem Informasi Geografis sering diartikan sebagai suatu integrasi dari perangkat keras dan lunak berserta manusianya yang dapat membantu dalam merepresentasikan dan menganalisis data berbasis geografi. Sistem ini mereferensi sistem koordinat dunia-nyata. Suatu SIG dapat juga untuk menyimpan data atribut yang mengandung informasi yang menjelaskan fitur pada peta. Informasi ini biasanya diletakkan terpisah dari data grafis, dalam suatu file database, tetapi tetap terkait dengan data grafis yang ada. SIG dapat juga didefinisikan sebagai suatu sistem komputer yang dapat membuat, menyimpan, memanipulasi, dan menampilkan informasi yang bereferensi geografis. Untuk mendefinisikan WebGIS kita dapat menggunakan definisi yang sama tetapi kita harus menambahkan komponen web kedalamnya. Sebagian pihak mendefinisikan sebagai suatu sistem yang kompleks yang dapat diakses melalui internet, untuk mengakuisisi, menyimpan, mengintegrasikan, memanipulasi, menganalisis dan menampilkan data tanpa memerlukan perangkat lunak SIG.

1.2 Konsep Client Client dan Server

Mekanisme kerja layanan pada Internet didasarkan pada konsep clientserver. Server merupakan pemberi layanan pada Internet, sedangkan client adalah pengguna layanan tersebut. Sebuah server memberikan suatu layanan jika ada permintaan dari client kepada server. Dalam suatu jaringan Internet, sebuah komputer dapat berfungsi sebagai server, sehingga dapat melayani komputer lainnya, juga dapat berfungsi sebagai client dimana bisa meminta layanan pada komputer lain yang bertindak sebagai server. Jika sebuah komputer meminta layanan pada dirinya sendiri, maka komputer tersebut disebut bertindak sebagai client dan server sekaligus.

1

1.3 Web Server dan Browser

Dalam sebuah komputer, kemampuan client dan server ditangani oleh sebuah program. Program client berfungsi sebagai pengirim permintaan kepada web server, sedangkan program server selalu sedia menerima permintaan dan memberikan layanan yang diperlukan. Dalam pemakaian sehari-hari, kita menggunakan web browser untuk mengirimkan permintaan untuk mengakses web. Karena itu web browser pada dasarnya merupakan program yang berfungsi sebagai web client. Dan dalam buku ini kita tidak menggunakan program web server secara khusus, tetapi aplikasi yang dihasilkan dapat langsung digunakan oleh web server.

2

2 PENGENALAN ALOV 2.1 Tentang ALOV

ALOV Map (berikutnya disebut ALOV) adalah aplikasi WebGIS portabel berbasis Java® yang digunakan untuk publikasi data vektor dan raster di Internet. Juga untuk penampilan interaktif pada web browser. ALOV mendukung arsitektur penyajian yang cukup kompleks, navigasi yang baik dan dapat bekerja dengan multi layer, peta-peta tematik, mendukung taut (hyperlink) dan juga data atribut. ALOV adalah hasil dari proyek kerjasama antara ALOV Software (www.alovsoft.com) dan Archeological Computing Laboratory, University of Sydney, Australia (www.archaeology.usyd.edu.au/acl/ index.html). Paket ALOV dapat di-download melalui situs www.alov.org.

2.2 XML dan HTML

ALOV dibangun dengan bahasa Java dan dikemas dalam Applet. Sebagai penghubung antara HTML (Hypertext Markup Language, bahasa pembangun halaman web) dan proses di dalam Applets digunakan bahasa XML (Extensible Markup Language). XML adalah bahasa pemrograman untuk dokumen yang mempunyai informasi terstruktur. Dokumen disini tidak hanya berarti teks tetapi juga gambar, grafik vektor, obyek meta-data dan banyak lagi. XML tidak sama dengan HTML. Pada HTML, tag adalah tetap. Misalnya, berarti heading level pertama. Tetapi jika
selalu maka tidak akan dikenali atau tidak akan mempunya arti apa-apa. W3C bekerjasama dengan vendor Browser dan komunitas WWW berusaha memperluas definisi HTML untuk dapat mengenali atau mendefinisikan tag baru untuk dapat mengikuti perkembangan teknologi dan dapat memperkaya variasi tampilan pada Web. Tetapi perubahan masih sulit terjadi karena sangat terkait dengan teknologi web browser dan kompatibilitas dengan versi terdahulu. XML merupakan meta-bahasa yang mendeskripsikan bahasa pemrograman. Dengan kata lain, XML dapat memfasilitasi pendefinisian

3

tag dan hubungan struktur antar-tag tersebut. Semua semantik pada dokumen XML didefinisikan oleh aplikasi yang memprosesnya.

2.3 Standalone dan client/server

Ada dua pendekatan dalam aplikasi Alov yaitu standalone dan client/server. Versi standalone merupakan versi dengan cara yang termudah dalam mempublikasi data ke internet. Tidak ada sistem khusus ataupun tuntutan pengalaman pemrograman untuk membangun WebGIS. Tidak diperlukan server khusus untuk menjalankan aplikasi ini. Hanya dengan mempunyai data berformat shapefile atau file MIF MapInfo maka kita bisa langsung memulai Web Mapping. Versi client/server lebih fleksibel. Server akan mengirimkan data vektor ke client dengan cara yang sangat efisien dan menggunakan cache untuk mengurangi kepadatan jalur jaringan. Fitur-fitur peta disimpan dalam sebuah database SQL sesuai dengan OpenGIS ® SFS. Sebagai sumber data citra (raster) dapat menggunakan server citra MrSID dan bermacam OpenGIS World Map Service. Pembahasan dalam buku ini lebih menekankan pendekatan standalone untuk memudahkan kita dalam mencoba. Versi standalone bisa digunakan langsung dalam versi client/server tanpa perubahan berarti.

2.4 Dukungan data

Data yang dapat dibaca oleh ALOV tidak hanya berupa data vektor tetapi juga raster, dengan format yang gampang dan populer ditemui di Indonesia. Untuk data vektor: Shapefile dari ESRI™; dapat berupa data titik, garis atau poligon. Atribut data dalam format dBaseIV™. MIF dari MapInfo™; harus disertai file DBF (dBaseIV), tidak dengan file MID. MIF dapat berisi REGION, PLINE MULTIPLE, PLINE, LINE, dan POINT. Semua obyek harus pada format yang sama. SQL database; sampai tulisan ini dibuat, format Interbase, MySQL, MSSQL dan Hypersonic sedang dalam ujicoba. Ini berarti bahwa semua server SQL dengan driver JDBC dapat digunakan. 





Sedangkan untuk data raster:

4



 

GIF dan JPG; dengan file informasi koordinat penghubung. MrSID image server dari LizardTech Software OpenGIS Web Map Service.

sebagai

2.5 Perangkat lunak pendukung

Untuk memudahkan dalam mengikuti contoh dalam pembuatan aplikasi di buku ini, diharapkan di komputer anda sudah tersedia/terinstal program aplikasi:  

WordPad – atau editor text lainnya. Internet Explorer atau Netscape – atau web browser yang mendukung Java versi 1.1+. Pastikan bahwa opsi Java sudah diaktifkan (Java enable).

Jika browser anda masih belum dapat menampilkan aplet, silakan instal Java Runtime Environment (JRE) yang dapat didownload (free) dari www.java.com. Masalah ini biasanya timbul jika anda menggunakan sistem operasi Windows XP (SP1).

5

DAN RUANG KER JA 3 INSTALASI D

3.1 Persiapan Instalasi

Sebelum proses instalasi dilakukan ada beberapa hal yang perlu diperhatikan yaitu ketersediaan paket Alov (versi terbaru lebih baik) dan pesiapan ruang kerja. Pada buku ini digunakan Alov versi 0.98. Ruang kerja sebaiknya diletakkan dilokasi yang mudah diakses, misalkan di root C atau D dari harddisk anda. - Gunakan Explorer untuk ke drive C. - Buat folder dengan nama al ov- wor k.

3.2 Instalasi ALOV

Pastikan anda telah mempunyai paket Alov (alov.zip) dan paket data (data.zip). Paket data yang digunakan di buku ini merupakan paket khusus yang telah disesuaikan dengan kebutuhan. Untuk memulai lakukan langkah seperti dibawah ini. - Copy/extract paket alov (alov.zip) kedalam folder al ov- wor k. Dengan tetap menjaga struktur file didalamnya. - Lakukan hal yang sama dengan paket data (vektor dan citra) kedalam folder al ov- wor k. Struktur didalam folder al ov- wor k akan menjadi:

Folder i mages kita gunakan untuk menyimpan file-file gambar yang kita hasilkan dan akan digunakan dalam aplikasi. Sedangkan folder i mg digunakan untuk menyimpan gambar yang digunakan oleh sistem Alov sendiri, seperi icon-icon navigasi. Folder META-I NF dan WEB-I NF juga digunakan oleh Alov pada mode client-server . Sementara folder ci t r a

6

adalah untuk menyimpan data citra dan folder vekt or digunakan untuk menyimpan data vektor.

3.3 Menentukan Ruang Kerja

Ruang kerja adalah tempat dimana kita akan menyimpan file XML dan HTML. Untuk memudahkan, kita gunakan \ al ov- wor k sebagai ruang kerja. Sehingga semua file XML dan HTML yang dibuat akan kita tempatkan disini.

7

4 MEMBUAT PRO JECT 4.1 Mempersiapkan file XML

Untuk membuat project pada Alov kita mulai dengan menggunakan text editor Wordpad untuk membuat dokumen XML. Jalankan Wordpad, buat dokumen baru dengan tipe Text Document. Lalu tuliskan baris-baris perintah berikut:

Simpan file tersebut dengan nama pr oj ect - qu. xml pada ruang kerja kita, yaitu didalam folder al ov- wor k.

4.2 Mempersiapkan file HTML

Alov menggunakan aplet yang dapat kita jalankan melalui perintahperintah HTML. Untuk itu diperlukan file HTML dimana pembuatannya juga dengan menggunakan text editor Wordpad. Lakukan hal yang sama, yaitu jalankan Wordpad, buat dokumen baru dengan tipe Text Document. Lalu tuliskan baris-baris perintah berikut:

Dokumen HTML diatas kita simpan dengan nama pr oj ect - qu. ht ml pada ruang kerja.

8

4.3 Menampilkan Data

Untuk melihat hasil dari dua file yang sudah kita buat diatas, kita gunakan browser. Dengan menggunakan Internet Explorer, klik ganda pada file pr oj ect - qu. ht ml . Maka pada browser akan tampil seperti gambar berikut:

Gambar 4.1 Hasil penampilan pada browser. Dan anda sudah siap bermain dengan Web Mapping. Silakan coba klik icon navigasi yang berada di kiri atas dan lakukan berbagai aksi pada peta. Beberapa hal yang dapat dilakukan antaralain perbesar dan perkecil tampilan peta (zooming), menggerakkan atau menggeser (panning) , dan melihat data atribut obyek pada peta.

9

DAN MENENTUKAN DOMAIN 5 PENGATURAN LAYER D

5.1 Mengatur Penampilan Layer

Penggunaan layer dalam XML ditandai dengan elemen bernama yang mempunyai beberapa atribut. Atribut digunakan untuk menentukan nama, tampilan, dan proses kesertaan pada penyajian keseluruhan aplikasi. Contoh atribut layer adalah name, yang berfungsi memberi nama pada tampilan layer tersebut. Silakan buka dokumen XML yang telah dibuat pada bab yang lalu, yaitu pr oj ect - qu. xml , dengan menggunakan Wordpad. Perhatikan baris: ...

Lalu ikuti perubahan yang ada seperti dibawah ini:

Setelah itu, lihat hasilnya dengan membuka file HTML pr oj ectqu. ht ml dengan melakukan klik ganda pada file tersebut. Maka pada browser akan dihasilkan tampilan:

10

Gambar 5.1 Pemberian nama pada layer. Perhatikan adanya perubahan pada nama layer. Dari “unnamed#01“, yang merupakan nilai baku-awal (default), menjadi “Jalan”. Atribut layer lainnya yaitu vi si bl e, yang berfungsi untuk menentukan apakah layer tersebut diaktifkan secara langsung pada saat penyajian atau tidak. Atribut ini memerlukan kondisi ya (“ yes “) atau tidak (“no“). Kondisi default adalah ya. Artinya tanpa menyertakan atribut ini pada layer maka berarti atribut vi si bl e bernilai “yes “. Kembali ke Wordpad lalu edit sesuai contoh dibawah ini:

11

Dan coba perhatikan perubahan yang terjadi pada penampilan di browser. Jangan lupa untuk menyimpan (save) file XML terlebih dahulu dan kemudian melakukan proses refresh pada browser (tekan F5 atau klik menu View – Refresh). Untuk langkah selanjutnya, kita ganti nilai atribut visible ke nilai “yes” dengan melakukan perubahan seperti dibawah ini:

Simpan file, dan lihat perubahan pada browser.

5.2 Penentuan Unit

Penyajian peta haruslah memperhatikan unit yang dipakai. Ada dua tipe unit dalam project, yaitu unit peta (map-unit) dan unit pembesaran (zoomunit). Unit peta adalah unit dimana koordinat dari data spasial disimpan. Penentuan satuan unit ini sangat penting untuk proses-proses penampilan selanjutnya. Dan semua data yang akan ditampilkan pada web maping ini harus mempunyai sistem koordinat yang sama. Unit pembesaran adalah unit yang akan digunakan untuk menampilkan batas luasan peta (map extent) atau untuk menentukan batas-batas perbesaran pada layer. Siapkan kembali file XML kita, lalu lakukan perubahan seperti dibawah ini:

12

simpan file XML tersebut lalu lakukan refresh pada browser. Perhatikan tampilan unit pembesaran pada pojok kanan bawah. Dalam pengaturan unit, nilai yang dimungkinkan adalah: ” degr ees”, ” met er s ”, ”km”, ”i nches ”, ”f eet ”, ”mi l es ”. Nilai “degr ee” hanya dapat digunakan untuk unit peta. Sedangkan nilai “ met er s ” adalah nilai default untuk unit pembesaran.

5.3 Mengatur Pembesaran/Pengecilan

Penyajian layer suatu data dapat kita atur dimana data akan tersaji pada batas pembesaran tertentu. Untuk itu dapat kita gunakan atribut layer zmi n dan zmax. Atribut zmi n berfungsi untuk membatasi penyajian data pada nilai pembesaran tertentu dimana jika nilai pembesaran kurang dari zmi n maka data tidak disajikan. Sedangkan atrbut zmax akan membatasi penyajian data dimana jika nilai pembesaran melebihi dari nilai zmax maka data tidak akan tersaji. Pemakaian zmi n dan zmax dapat digunakan bersamaan atau hanya salah satu saja. Siapkan kembali dokumen XML kita, lalu lakukan perubahan seperti dibawah ini:

Simpan file lalu lakukan refresh pada browser. Fungsi zmin akan terlihat jika kita aktifkan fungsi perbesaran (- ) dengan mengklik icon lalu lakukan klik pada peta. Perhatikan nilai pembesaran di kanan bawah. Hubungkan dengan tampilan pada peta. Pada saat nilai pembesaran kurang dari zmin ( zmi n=" 15" ) apakah data akan tampil? Untuk melihat perubahan lagi, aktifkan fungsi perbesaran (+) dengan mengklik icon

lalu lakukan klik pada peta. Perhatikan

13

kembali nilai pembesaran di kanan bawah dan hubungkan yang terjadi pada tampilan data dengan nilai zmi n.

5.4 Menentukan Domain

Langkah selanjutnya yang perlu dilakukan adalah membuat domain, yaitu suatu batasan kepemilikan luasan dari data yang akan ditampilkan. Menentukan domain dilakukan dengan elemen yang bernama disertai dengan menentukan beberapa atribut elemen tersebut antara lain nama domain (name) dan penentuan batas-batas terluar domain tersebut (xmi n, ymi n, xmax, dan ymax). Siapkan file XML kita dan lakukan perubahan seperti dibawah ini:

Atribut f ul l digunakan dalam elemen domain untuk memberitahu pada sistem bahwa batas yang digunakan merupakan batas project. Simpan file lalu lakukan refresh pada browser untuk melihat hasilnya.

14

Gambar 5.2 Penentuan nama dan batas domain. Perhatikan tampilan gambar 5.2 dan bandingkan dengan tampilan sebelumnya. Kita lihat bahwa pada menu pull-down terdapat nama domain kita yaitu “Pulau Weh”, dan karena atribut full diaktifkan maka terlihat ada perubahan nilai pembesaran (pada kanan bawah) pada saat data tersaji pertama kali (setelah dilakukan refresh). Domain dapat kita buat sebanyak yang kita inginkan. Lakukan penambahan domain pada dokumen XML kita, dengan menambahkan domain seperti dibawah ini:

15

Perhatikan bahwa ada perubahan pada atribut didalam elemen l ayer dengan menghilangkan zmi n, ini dilakukan untuk menghindari hilangnya tampilan data pada saat kita menggunakan domain yang baru, “Kota Sabang”, karena nilai pembesaran akan lebih kecil dari nilai zmi n. Simpan dokumen XML lalu lihat perubahan pada browser.

Gambar 5.3 Penambahan pendefinisian domain. Selintas pada tampilan pertama tidak terlihat perubahan. Tetapi jika kita buka menu pull-down maka akan terlihat domain yang baru dibuat. Arahkan pointer pada domain Kota Sabang, lalu amati perubahan tampilan yang terjadi.

16

Gambar 5.4 Penyajian data sesuai batas pada domain Kota Sabang. Batas domain yang didefinisikan nilai pada atribut domain zmi n, ymi n, zmax, dan ymax harus dalam unit peta.

17

6 PENGGUNAAN SIMBOL 6.1 Simbol Pada Data Titik

Jenis data titik dapat kita temui pada data yang menyajikan informasi posisi titik seperti kota, gunung, gardu listrik, pos keamanan, dan lainlain. Untuk penyajian data titik dapat kita gunakan simbol yangsudah disediakan oleh Alov. Contoh berikut merupakan cara penyajian data titik lokasi Kota. Buka file XML yang telah dibangun pada bab sebelumnya, pr oj ect qu. xml , dengan menggunakan Wordpad. Lakukan penambahan pada posisi setelah layer Jalan, seperti dibawah ini: ...

Simpan dokumen XML, lalu lihat hasil penyajian di browser.

18

Gambar 6.1 Tampilan layer Kota dengan tipe data titik. Titik kota, secara default, ditampilkan dalam simbol lingkaran. Simbol ini dapat kita ganti dengan menggunakan atribut pada elemen , yaitu st yl e dan si ze. Atribut st yl e menentukan bentuk simbol (0 lingkaran, 1 kotak, 2 segitiga, 3 silang), sedangkan atribut si ze menentukan besar dari simbol yang akan ditampilkan. Pada data yang kita gunakan, kota.shp dan gunung.shp merupakan data titik, sehingga dapat kita gunakan untuk mencoba tampilan simbol. Pada layer Kota kita tambah elemen < r ender er > dan , dengan melengkapi elemen symbol dengan atribut st yl e dan si ze. Lalu kita tambahkan layer baru, layer Gunung, dengan jenis simbol yang berbeda. ...

19

Simpan dokumen lalu perhatikan perubahan penampilan data pada browser.

Gambar 6.2 Simbol data titik pada data Kota dan Gunung.

6.2 Simbol Pada Data Garis

Pemakaian simbol pada data garis juga dimungkinkan dengan menggunakan elemen dan , dan dengan melengkapi elemen symbol dengan atribut st yl e. Layer sungai kita tambahkan pada data yang akan ditampilkan, dengan mencantumkan elemen renderer dan symbol.

20

Untuk itu kita edit kembali dokumen XML, dengan memperhatikan perubahan pada bagian layer Jalan, dan menambahkan bagian layer Sungai, seperti dibawah ini: ...

Atribut st yl e pada elemen symbol menentukan bentuk simbol (0 garis solid, 1 dash, 2 dot, 3 dash-dot, 4 dash-dot-dot, 5 stripe). Simpan dokumen lalu lihat perubahan pada browser. Untuk memudahkan melihat hasil tampilan, sebaiknya dilakukan perbesaran untuk lokasi tertentu dengan mengaktifkan fungsi perbesaran (+) dengan mengklik icon lalu lakukan klik pada peta. Layer Kota dan layer Gunung juga bisa dinonaktifkan dulu.

21

Gambar 6.3 Simbol data garis pada data Jalan dan Sungai.

6.3 Simbol Pada Data Poligon

Tipe data lain yang didukung oleh Alov adalah tipe poligon. Poligon merupakan suatu data dengan ciri khas yaitu memiliki atribut luasan. Contoh data poligon adalah wilayah administrasi, danau, pulau, dan lainlain. Contoh yang akan kita gunakan adalah data batas Pulau. Kembali ke dokumen XML, kita tambahkan layer Pulau kedalam dokumen kita, dengan mengikuti perubahan seperti dibawah ini. ...

22

Simpan dokumen lalu perhatikan penampilan layer baru kita pada browser.

Gambar 6.4 Simbol data poligon pada data Pulau. Pada elemen symbol kali ini terdapat atribut fill dan outline. Atribut fill berfungsi untuk mendefinisikan warna pada area poligon. Nilai yang dimasukkan adalah nilai RGB (nilai komposisi warna merah, hijau, dan biru). Sedangkan atribut outline berfungsi serupa tetapi untuk mendefinisikan warna garis pinggir dari poligon tersebut.

23

6.4 Penggunaan Warna Pada Simbol

Penampilan data selain dibedakan oleh simbol juga dapat dibedakan atas warna dari simbol tersebut. Atribut untuk mengatur warna adalah f i l l , f i l l ed, out l i ne, dan out l i ned. Pengaturan warna yang akan digunakan untuk pengisian area, latarbelakang atau garis pinggir simbol digunakan atribut f i l l dan out l i ne. Sedangkan atribut f i l l ed dan out l i ned berfungsi sebagai kondisi apakah simbol memiliki isi atau memiliki garis luar. Kedua atribut ini memiliki nilai “ yes ” atau “no”.

6.5 Pembuatan Simbol Sendiri

Kadangkala kita mempunyai keinginan untuk membuat simbol yang data yang berbeda dengan yang sudah disediakan oleh sistem. Misalkan pada kota bernama Sabang akan kita tunjukkan dengan simbol yang berbeda dengan kota-kota lainnya. Kita bisa membuat simbol tersebut dengan menggunakan fasilitas program aplikasi grafik (seperti Paintshop™, Photoshop™, dan lain-lain) , dan menyimpannya dalam format GIF atau JPG. Pada contoh akan kita gunaan simbol bintang, yang telah tersedia pada folder i mages pada ruang kerja kita, untuk menandai kota Sabang. Kembali kita edit dokumen XML, khusus pada bagian layer Kota, seperti dibawah ini: ... ...

Jangan lupa untuk menyimpan dokumen ini terlebih dulu sebelum melihat hasil pada browser.

24

Gambar 6.5 Simbol kota Sabang merupakan simbol grafis sendiri. Pada elemen r ender er dan symbol terdapat beberapa atribut yang akan dijelaskan pada bab-bab berikutnya.

25

7 BENTUK-BENTUK PENYA JIAN 7.1 Penyajian Baku

Dalam penyajian data vektor pada sebuah layer di Alov dikenal beberapa bentuk penyajian yaitu bentuk baku, bertingkat, label, dan grafik. Jika kita perhatikan struktur dokumen XML yang telah kita bangun pada bab-bab sebelum ini maka elemen r ender er adalah sub elemen (child-element) dari elemen l ayer . Sedangkan elemen r ender er sendiri mempunyai sub elemen yaitu symbol . ... ...

Pada bentuk penyajian baku hanya terdapat simbol yang mendefinisikan penyajian untuk semua shape yang ada. Jika suatu data vektor mempunyai satu atribut data yang akan ditampilkan berbeda (misalkan data jalan terdiri dari: Jalan Utama dan Jalan Aspal) maka dapat menggunakan elemen symbol dengan bentuk penyajian bertingkat seperti yang akan dijelaskan berikut ini.

7.2 Penyajian Bertingkat

Penyajian bertingkat adalah penyajian yang berdasarkan nilai yang terdapat dalam atribut data vektor yang digunakan. Kita dapat mendefinisikan bentuk penyajian ini dengan menggambarkan simbol untuk setiap nilai data secara unik; untuk rentang tertentu; dan juga untuk kondisi tertentu (formula). Penggambaran simbol untuk setiap data secara unik dalam penyajian bertingkat dapat kita terapkan pada elemen renderer dengan menggunakan atribut t ype, equal , dan f i el d. Atribut type kita gunakan nilai “gr adcol or ” yang mendefinisikan penggunaan bentuk bertingkat. Sedangkan atribut equal kita beri nilai “ yes ”, dimana berarti nilai pada field data harus sama dengan nilai pada atribut val dalam elemen symbol .

26

Siapkan kembali dokumen XML kita, dan kita lakukan perubahan pada layer Jalan, seperti berikut ini. ... ...

Atribut f i el d pada elemen r ender er diatas mempunyai nilai nama field yang sama dengan field pada atribut data dalam data jalan. Pada atribut val dalam elemen symbol mempunyai nilai yang merupakan data yang akan ditampilkan secara unik. Pada contoh, nilai 212 merupakan nilai pada Jalan Utama sedangkan nilai 211 pada Jalan Aspal. Untuk membuat Legenda, kita tambahkan atribut l abel pada elemen symbol , disertai nilai atau keterangan dari data yang dimaksud. Hasil perubahan dapat dilihat pada gambar berikut.

27

Gambar 7.1 Penggunaan penyajian bertingkat dan pemberian legenda.

7.3 Penyajian Label

Nama atau keterangan suatu tempat dalam peta, atau toponimi, merupakan data berjenis label. Penyajian data label mempunyai nilai atribut tersendiri dan disertai atribut posisi yang dikehendaki untuk meletakkan label tersebut. Penggunaan penyajian data tipe label ditandai dengan penggunaan nilai “label” pada atribut type didalam elemen renderer. Siapkan dokumen XML kita, dan kita tambahkan beberapa atribut pada layer Kota, seperti contoh dibawah ini. ...

28

...

Perhatikan bahwa ada tambahan elemen renderer pada elemen dataset yang sama. Ini berarti dalam satu dataset dapat disajikan dengan berbagai cara penyajian yang dimungkinkan, tentunya tergantung pada kandungan atribut data pada data vektor itu sendiri. Simpan dokumen lalu coba perhatikan perubahan pada tampilan browser.

Gambar 7.2 Penyajian data label.

29

7.4 Penyajian Grafik

Data jumlah penduduk, jumlah anak sekolah, jumlah pekerja dan lain-lain umumnya disajikan dalam bentuk grafik. Begitu juga dalam Alov, penyajian dapat berupa grafik batang atau grafik lingkaran. Pendefinisian jenis penyajian grafik menggunakan atribut t ype dengan nilai “ char t ” dalam elemen r ender er . Kembali ke dokumen XML, kita tambahkan layer Jumlah Penduduk dan Administrasi, seperti dibawah ini. ... ...

Perubahan tampilan pada browser:

30

Gambar 7.3 Penyajian data dalam bentuk Grafik.

31

8 MENAMPILKAN CITRA 8.1 Mempersiapkan Citra

Penyajian data dalam format raster, dalam konteks Sistem Informasi Geografis, biasanya adalah data satelit baik yang belum atau sudah menjadi produk akhir. Citra sebagai salah satu masukan dalam SIG dapat disajikan oleh Alov dalam format JPG dan GIF. Agar dapat diintegrasikan dalam penyajian data dalam format vektor, data citra harus mempunyai informasi yang akan digunakan oleh sistem sebagai referensi koordinat. Pengguna pengolah data citra ataupun data vektor tidak asing dengan istilah header, yaitu bagian dari data (biasanya dalam file terpisah) yang memuat informasi citra termasuk referensi koordinatnya. Dalam sistem pengolah data produk ESRI biasanya file ini disebut ESRI world file. Isi file ini terdiri dari koordinat pixel terkiri dan teratas, dan juga referensi dimensi dari pixel tersebut untuk arah x dan y. Contoh file ini, yang bertipe teks, adalah sebagai berikut: 50. 00000000000000000 0. 00000000000000000 0. 00000000000000000 - 50. 00000000000000000 744838. 791 654328. 907

8.2 Membuat File Penghubung

Untuk menghubungkan data citra dan Alov kita menggunakan elemen yang merupakan parameter transformasi untuk data citra. Penulisan elemen metadata dapat dilakukan didalam dokumen XML utama ataupun terpisah. Sangat dianjurkan untuk membuat file ini dalam dokumen XML terpisah agar jika ada aplikasi lain yang memakai maka tinggal langsung menggunakan file tersebut. Pembuatan elemen metadata dalam file XML utama dapat dicontohkan sebagai berikut:

32

Nilai atribut id pada elemen met a telah ditentukan oleh sistem: I d = 142 adalah nilai koordinat x pixel kiri atas I d = 143 adalah nilai koordinat y pixel kiri atas I d = 144 dimensi sebuah pixel pada arah x I d = 145 dimensi sebuah pixel pada arah y Jika metadata dituliskan dalam dokumen XML terpisah, maka ikuti cara berikut: Buka dokumen baru di Wordpad dalam format teks. Isikan baris metadata berikut:

Simpan dokumen tersebut dengan nama yang sama dengan file raster, yaitu pweh- moss. j pg, dengan nama pweh- moss. xml , didalam folder ci t r a.

8.3 Menampilkan Citra

Untuk menggabungkan pada file XML utama, buka kembali file pr oj ect -qu.xml lalu edit seperti dibawah ini:
ur l ="ci t r a/ pweh- moss. j pg" / >

33

Simpan file tersebut lalu buka tampilan pada browser. Dengan menonaktifkan beberapa layer maka kita bisa melihat sajian data raster pada peta kita.

Gambar 8.1 Sajian data citra yang telah tereferensi koordinat.

34

9 PENGATURAN TEMA TAMPILAN 9.1 Pengelompokan Tema

Layer yang berjumlah banyak tanpa ada pengaturan tema justru akan membuat tampilan tidak informatif. Untuk itu kita harus mengatur tema yang akan ditampilkan, dan mengelompokkan layer-layer kedalam tema yang dibuat. Dari contoh yang sudah dikerjakan kita telah mempunyai beberapa layer, yaitu: Jalan, Sungai, Kota, Gunung, Penduduk, Batas Administrasi, batas Pulau, dan Citra Satelit. Dari layerllayer yang ada kita kelaskan menjadi 3 tema, yaitu: Tema Topografi, yang terdiri dari layer Jalan, Sungai, Kota, Gunung, Batas Administrasi, dan batas Pulau. Tema Kependudukan, yang terdiri dari layer Jalan, Penduduk, Batas Administrasi, dan batas Pulau. Tema Citra Satelit, yang terdiri dari layer Jalan, Sungai, Kota, dan Gunung, dan Citra Satelit. 





Terlihat bahwa ada layer yang digunakan oleh semua tema (Jalan), lebih dari satu tema (Sungai, Kota, Gunung, Batas Administrasi, batas Pulau), dan hanya oleh satu tema (Penduduk, Citra Satelit).

9.2 Mendefinisikan Tema dan Pengaturan Dalam Layer

Semua tema yang akan kita buat harus didefinisikan dengan menggunakan elemen dan atribut name dan i ndex. Atribut name untuk menentukan nama tema, sedangkan atribut i ndex untuk menentukan nama index tema yang akan dipakai dalam elemen r ender er . Dengan membuka kembali dokumen XML, kita tambahkan pendefinisian tema, yang diletakkan setelah pendifinisian domain, seperti dibawah ini. ...

35

...

Agar setiap elemen l ayer mengenali dirinya termasuk didalam tema peta yang mana, maka pada setiap elemen l ayer kita tambahkan atribut map dengan memberi nilai sesuai nilai pada atribut i ndex yang dimaksud. Untuk itu ikuti langkah berikut yang harus dilakukan pada dokumen XML kita. Layer Jalan merupakan layer yang ada disetiap tema, maka tidak perlu dituliskan secara eksplisit. Tanpa pendifinisian atribut map maka layer tersebut akan berada di semua tema. Layer yang hanya digunakan untuk satu tema saja, seperti layer Penduduk, lakukan perubahan pada elemen l ayer sebagai berikut: ... ...

Untuk layer Sungai, karena termasuk dalam dua tema peta, maka nilai pada atribut map disikan dua nilai i ndex tema tersebut: ... ...

Lakukan hal serupa untuk semua elemen layer, disesuaikan dengan pengelompokan tema yang ada. Untuk melihat perubahan pada tampilan janagn lupa untuk menyimpan dokumen ini terlebih dahulu kemudian refresh pada browser. Untuk perubahan tema yang akan ditampilkan, pilih tema yang dimaksud dari menu pull-down kedua dari kiri.

36

Gambar 9.1 Pengelompokan tema peta.

37

10 MEMBUAT TAUT W EB 10.1 Persiapan Pada Data GIS

Untuk membangun taut antara obyek di peta dan sumber di www kita harus mendefinisikan suatu template untuk URL. Template URL dapat mengandung sebuah taut yang bersifat dinamik, pada saat aplikasi berjalan, dengan menggunakan nilai pada data atribut. Sebagai contoh, atribut data pada file wisata.shp, mempunyai field yang berisi nama file, yang dapat digunakan sebagai parameter masukan template.

10.2 Pembuatan HTML Tujuan

Dokumen HTML dapat dibuat disesuaikan dengan keperluan. Dalam contoh yang akan kita pakai, nama file HTML untuk satu lokasi disesuaikan dengan data yang terdapat field “ f i l e_name” atribut data wi sat a. shp. Sehingga jika pada data atribut bernilai “ wi s- sabang” berarti nama file HTML tujuan adalah wi s- sabang. ht ml . Pada bab ini, file HTML sudah disediakan. Contoh file HTML yang sudah disiapkan antara lain berisi taut untuk menampilkan suatu gambar dari lokasi wisata yang diklik pada peta. File HTML tujuan berjumlah 6 (enam) sesuai dengan jumlah data pada file wi sat a. shp.

10.3 Pembuatan Taut Pada Project

Agar penyajian kita terjaga kerapihannya, sebaiknya kita buat tema baru pada dokumen XML yang sudah dibangun. Untuk itu tambahkan tema Lokasi Wisata, seperti dibawah ini: ...

38

...

Elemen yang digunakan untuk membuat taut adalah , dengan memberi masukan nilai atribut i d dan cont ent pada sub elemen . Sekarang kita tambahkan layer baru, yang merupakan penyajian bertingkat dan dengan menyertakan metadata. Siapkan dokumen XML lalu tambahkan layer seperti dibawah ini: ...

39

Perhatikan bahwa semua keterangan legenda pada layer ini dibuat sesuai dengan gambar lokasi. Hal ini dapat menjadi salah satu yang memudahkan pengakses dalam melihat sajian informasi pada peta. Hasil pada browser dapat dilihat seperti dibawah ini.

Gambar 10.1 Pembuatan taut. Untuk mengaktifkan taut, untuk dapat melihat hasilnya pada windows baru, dapat diklik pada gambar. Jika window baru tidak dapat muncul, maka pilih ‘Lokasi Wisata’ pada menu pull-down yang keluar secara otomatis pada saat klik di obyek gambar.

40

DAFTAR PUSTAKA ALOV Map, 2004, ALOV Map’s Documentation, www.alov.org (diakses pada Nopember 2004). Harder, C., 1998, Serving Maps on the Internet, Geographic Information on the World Wide Web, ESRI Press. Newman, Frans, 2002, Membangun Database Web dengan CGI dan Database Server , Elex Media Komputindo, Jakarta. Walsh, Norman, 1998, What is XML, www.xml.com/pub/a/98/ 10/guide1.html (diakses pada Nopember 2004).

41

DAN A ATRIBUTNYA A-1 DAFTAR ELEMEN D ATTRIBUTE

TYPE

DESRIPTION

Name

string

project's title

Mapuni t s

Units in which the coordinates of the degrees|meters|km|inches|feet|miles spatial data contained in your project are stored.

Zoomuni t s

meters|km|inches|feet|miles

Units used to set zoom ranges.

zmi n

float

Minimum possible zoom.

zmax

float

Maximum possible zoom. This is a width of project extent by default.

backcol or

color

Background color for map

string

Domain's title

boolean

Full domain defines bounding box for project.

startup

boolean

Startup domain defines extent which applies on project start.

xmi n

float

ymax

float

ymi n

float

Xmax

Float

movebeyond

boolean

Element: pr oj ect

Element: domai n name f ul l

42

Bounding box coordinates

If "yes", it allows to zoom outside domain.

ATTRIBUTE

TYPE

DESRIPTION

Applicable for "full" domain only Element: map Name

string

Thematic map title

string

Unique id. It used in attribute map of element renderer

boolean

Defines thematic map which applies on project start.

string

layer's title

float

minimum zoom of map below which layer is disabled

Zmax

float

maximum zoom of map above which layer is disabled

Id

string

Unique id. It used in "depeneded" attribute

dependent

list

List of ids of dependent layers. Visibility of all dependent layers will change according visibility of master layer

or der

int

draw order

startup

boolean

Defines active layer on project start.

vi s i bl e

boolean

Initial layer's visibility

showl egend

boolean

Represent in Legend

Id

startup Element: l ayer Name Zmi n

l egendout of r ange boolean

Hide layer in legend when it is out of zoom range

43

ATTRIBUTE

TYPE

DESRIPTION

i magel abel

string

Text in legend for raster layer

id

string

ID in Clearinghouse database

name

string

Optional dataset name

shape|image

Type of dataset. Is required if dataset loading via Server and its type is unknown beforehand. By default is "shape"

boolean

Defines the mode of file loading: directly from applet code base or via Server. Is meaningful for filebased datasets only(Shape/MIF files or JPG/GIF).

boolean

Defines partial downloading. If "no" then Cache is used on server side. Is meaningful for vector datasets only.

Element: dat aset

t ype

di r e ct

Ful l

Element: sel symbol . Symbology definitions for selected feature Si ze

int

Size for marker

Fi l l ed

boolean

Use fill

Fi l l

color

Fill color

out l i ned

boolean

Draw outline

Out l i ne

color

Outline color

I mage

URL

URL to custom image for marker

Element: symbol . Symbology definitions

44

ATTRIBUTE

TYPE

DESRIPTION

Si ze

int

Size for marker or for font, line width 1 or 2

St yl e

0|1|2|3

type of point marker. Circle-0; Square-1; Triangle-2; Cross-3.

Fi l l ed

boolean

use fill for polygons and marker

Fi l l

color

fill color, font color

out l i ned

boolean

draw outline, draw halo for labels

Out l i ne

color

outline color, halo color for labels

i mage

URL

URL to custom image for marker

l abel

string

text in legend

string

A string expression that evaluates to the required value for the renderer

val

Element: r ender er . Define renderer to customize Layer drawing as you please

t ype

set

There are four possible types default,label,gradcolor and chart

l abel

string

text in legend

map

list

List of thematic maps where this renderer applies. All maps by default

showl egend

boolean

Represent in Legend

boolean

Type of comparison. If "yes", the field value must be equal to value of "val" attribute for one of "symbols" in content. Otherwise

equal

45

ATTRIBUTE

TYPE

DESRIPTION

renderer will use symbology of first symbol in content which has value less than field value. Applicable for label and gradcolor types.

boolean

Use the default renderer if no one symbol fits renderer value

field

A field that set to the value for the Gradcolor Renderer.

field

A field that set to the value for the Label Renderer.

l abel f i el d

field

A field that stores the text values to use as labels for the Label Renderer.

char t t ype

pie|bar

Type of chart. Pie by default

si ze

int

A chart pie diameter or bar height

s i zef i el d

field

A field that stores the diameter for chart pie or height for bar. Use instead of "size"

mi nsi ze

int

A min diamter for pie

maxsi ze

int

A max diamter for pie

dr awdef aul t

f i el d

symbol f i el d

Element: f i el d - define fields that participate in chart rendering name

field

field name

fill

color

fill color

l abel

string

text in legend

46

Definisi untuk beberapa tipe: color - string "R:G:B" boolean - "yes" atau "no" list - string dipisahkan oleh spasi field – nama field pada dataset

47

A-2 SPESIFIKASI TAG APPLET Untuk menyertakan ALOV Map dalam dokumen HTML anda harus menggunakan tag APPLET sesuai ketentuan pada tabel berikut: Applet's attributes NAME

DESCRIPTION

codebase

identifies the base URL for the applet code

code

specifies which class is the applet class (which class the browser should run initially). For ALOV Map this is org.alov.viewer.SarApplet

ar chi ve

name of archive file that stores classes

name

name of applet. Useful for reference in Javascripts

wi dt h, hei ght

overall dimensions of the applet

Applet's parameters NAME

DESCRIPTION

pi d

URL of project file or ID if project is registered in Clearinghouse database

l ang

Interface language.

en

encodi ng

Specifies Encoding Set for convertion characters to Unicode in attribute data.

ISO8859_1

l angdr i ver

Specifies class which implements interface org.alov.util.LangDriver. It is used for conversion characters to Unicode for attribute data.

Layout

URL of applet layout file

Font

The applet font. This can be a logical font name or a font face name. A logical name must be either: Dialog, DialogInput, Monospaced, Serif, SansSerif, or Symbol. Note: You can specify the particular font for each applet's component using customized layout.

SansSerif

maxsidsize

The maximum size of image to be downloaded from MrSID image server. The larger the size of image the better the qulaity of the image.

15000

48

DEFAULT

DAN ATRIBUT APPLET A-3 PENAMPILAN D

File layout adalah dokumen XML yang menentukan bagaimana komponen diletakkan pada aplet. Disini dapat ditentukan warna, posisi dan komponen lain. Dengan menggunakan layout kita bisa menambahkan komponen yang kita buat sendiri. Daftar atribut yang dapat digunakan dalam layout: APPLIED FOR COMPONENT

DESRIPTION

Any

type of component. It may be ALOV components: legend, statuspanel, toolbar, imagebutton, keymap, btn_status and map. AWT components: panel, button, label, textfield, choice and image.

Any

name of java class that defines custom component. See details in "Create custom components"

any

Specifies the name of the component as reference. For example ALOV ToolBar uses names for reference to its tool buttons and others child controls.

backcol or

any

background colour of the component (by default parent's background colour)

f or ec ol or

any

foreground colour of the component (by default parent's foreground colour)

any

defines font for component (by default parent's font). This is the list of three values "name, style, size". name - the font name. This can be a logical font name or a font face name. A logical name must be either: Dialog, DialogInput, Monospaced, Serif, SansSerif, or Symbol. style - the style constant for the Font. 0 - PLAIN, 1 - BOLD , 2 - ITALIC, 3 BOLD/ITALIC.

ATTRIBUTE

t ype

c l as s

name

f ont

49

size - the point size of the Font By default this is "SansSerif,0,11" bounds

al i gn

50

any

Defines the location of the component. This is the list of four numbers. xtopleft,ytopleft, width, height.

any

Use to align a component to the top, bottom, left, or right of a applet or panel and have it remain there even if the size of the applet or parent component that contains the control changes. When the parent is resized, an aligned control also resizes so that it continues to span the top, bottom, left, or right edge of the parent. It can have one of the following values: none The control remains where it was placed by bounds values. This is the default value. t op The control moves to the top of its parent and resizes to fill the width of its parent. The height of the control is not affected. bot t omThe control moves to the bottom of its parent and resizes to fill the width of its parent. The height of the control is not affected. l ef t The control moves to the left side of its parent and resizes to fill the height of its parent. The width of the control is not affected. r i ght The control moves to the right side of its parent and resizes to fill the height of its parent. The width of the control is not affected.

cl i ent The control resizes to fill the client area of its parent. If another control already occupies part of the client area, the control resizes to fit within the remaining client area. capt i on

button,label

Text for buttons and labels

imagebutton,image

The relative path to image file. This image should appear on the face of the button or image component.

gr oup

imagebutton

determine how the button behaves when clicked. Buttons with the same group property value (other than 0), work together as a group. When the user clicks one of these buttons, it remains selected until the user clicks another button belonging to the same group.

net wor kact i ve

image

defines whether the image appears during network activity.

s el ec t

choice

Sets the selected item to the specified value.

si ze

textfield

Sets the number of columns in this text field. A column is an approximate average character width that is platform-dependent.

val ue

textfield

Text field will be initialized with the specified text.

map

Active tool on start. 1 - Center 2 - Zoom In 3 - Zoom Out 4 - Pan - default value 5 - Select 6 - Web Link 7 - Search in rectangle 8 - Draw rectangle

map

Defines whether to show tips for map objects under mouse cursor. Possible values "yes" or "no"

i mage

ac t i vet ool

t i ps

51

separ at or

legend

defines whether layers in legend will be separated with thin line

s el ect _ cl r

legend

active layer

di s abl ed_ cl r

legend

disabled layer

er r _ c ol or

legend

layer that can't be loaded

net _col or

legend

heighlight colour for layer in legend which downloads

s el ect _ cl r

status panel

color of map message

er r _ c ol or

status panel

error message colour

net _col or

status panel

network message colour

t i p_ col or

status panel

color for tips

pr ogr ess_col or

status panel

color of progress bar

zoom

status panel

Defines whether to show zoom on status panel. Possible values "yes" or "no"

equal

toolbar

Defines how perform search.

hel pdoc

toolbar

The help document to be invoked in case user clicks Help button.

52

DAN ATRIBUT LEGENDA A-4 PENAMPILAN D

Seperti kita ketahui bahwa legenda mengindikasikan kepada pengguna mengenai fitur yang digambarkan pada peta. Legenda juga mengindikasikan layer tertentu tentang status penyajian (di luar rentang data, atau diluar rentang pembesaran). Kita dapat mengatur penampilan lagenda dalam file layout dengan menggunakan beberapa atribut berikut ini: ATTRIBUTE

DESRIPTION

s el ect _ cl r

heighlight colour for active layer

di s abl ed_ c l r

disabled layer

er r _ col or

layer that can't be loaded

net _col or

heighlight colour for layer that is downloading

separ at or

defines whether layers in legend will be separated with thin line

s el ec t i on

whether to use select_clr for active layer

f ont _bol d

font for layer labels

f ont _ pl ai n

font for other labels

The attributes below refers to images which describes the state of layer. i mage_cl ock

layer is out of time ranges

i mage_z oomi n

current map's zoom is less than layer's min zoom range

i mage_ zoomout

current map's zoom is more than layer's max zoom range

i mage_net wor k layer data is downloading i mage_out ext

current map extent is out of layer's extent

i mage_key

password for layer is not resolved

Obyek pada file project: layer, renderer dan symbol mempunyai atribut yang dapat mengatur legenda. Semuanya memiliki: showlegend – menentukan kenampakan obyek pada legenda label - label pada legenda.

53

54

ATTRIBUTE

DESRIPTION

legend

the name of legend component this layer is represented. Applet may have several legends with the different list of layers

legendexpanded

whether to expanded the item on map startup

hidelegend_zoom

whether to hide the layer item if layer is out of zoom ranges

WrapLayerTitles

whether to wrap labels in legend

legendsymbolshape

list of coordinates that allows to define your own shape for legend icon

legtype

type of shape 1 - point, 2- line, 3- polyogon

Unlock-ALOV WebGIS Modul

Recommend Documents