SlideShare a Scribd company logo
WebGIS using OpenGeo Suite
Rizky Mulya Sampurno
Teknologi Informasi untuk Pengelolaan Sumber Daya Alam
Fakultas Matematika dan Ilmu Pengetahuan Alam
Institut Pertanian Bogor – SEAMEO BIOTROP
2012
Alat dan Bahan
• OpenGeo Suite (web server, postgres-postGIS)
• Atlas Styler
• Data (dalam format *.shp)
• Template website (opsional)
• Browser (Firefox, IE, Opera, dll)
Star Geoserver
OpenGeo Suite Dashboard
GeoExploler
http://localhost:8080/geoexplorer/composer/
Pilih layer yang akan
ditampilkan di web
Menyiapkan layer
• Kembali ke OpenGeo Suite Dashboard
• Pilih GeoServer, klik configure
• Buat Workspace baru
Web GIS using OpenGeo Suite
http://localhost:8080/geoserver/web/
Login:
admin
geoserver (password)
Membuat Workspace baru
1
2
Web GIS using OpenGeo Suite
Ketik nama workspace dan URInya
Misal: banten
Import data
Pilih nama workspace
Pilih: banten
Beri nama direktori baru
Misal: adm_banten
Import data
Cari data yang akan diimport
Import data
Klik Import data
Import data
Import data berhasil tapi
No native SRS information1
Pilih layer dan edit SRSnya2
Edit layer
Pada Declare SRS, sesuaikan
dengan layer.
WGS84  EPGS 4326
Klik compute from native bound
SRS sudah terisi, lakukan untuk layer lainnya
• Layer sudah berhasil diimport ke server
• Untuk melihat layer tersebut pilih Layer
Preview kemudian pilih Open layer pada layer
tsb.
Layer preview
Membuka layer di GeoExploler
• Kembali ke dashboard
• Pilih Launc pada GeoExploler
• Masuk sebagai admin dengan password
geoserver
• Add layer (pilih layer yang tadi di import)
GeoExploler
Publish Map
• Pada menu-menu yang ada di GeoExploler
• Cari menu Publish Map, pilih next
• Copy link yang diberikan
(<iframe style="border: none;" height="400" width="600"
src="http://localhost:8080/geoexplorer/viewer/#maps/2"></iframe>)
• Paste di website anda.
Selamat berkreasi… 
Web GIS using OpenGeo Suite
Trik: Atlas Styler
• Saya rasa informasi spasial yg ditampilkan
tidak cukup membuat anda tersenyum 
• Maka saya ajarkan trik yang satu ini
• Open Atlas Styler
Running Atlas Styler pada Windows 7 64 bit
• Start  All Programs  Accessories  Klik
kanan pada Command Prompt pilih Run as
Administrator
• Cari direktory AtlasStyler, Misal berada di
bawah root C, ketik command berikut ini:
cd c:
cd AtlasStyler-1.9-SNAPSHOT
start_AtlasStyler.bat
Web GIS using OpenGeo Suite
Web GIS using OpenGeo Suite
Web GIS using OpenGeo Suite
Web GIS using OpenGeo Suite
Web GIS using OpenGeo Suite
1. Add new
2. Pilih Categories Unique
Value
1
2
Simpan SLD
Customize sendiri ya!
Steps
• Kembali GeoServer
• Pilih Styles
• Pilih Add New Style
• Beri nama
• Browse SLD yang tadi disimpan
• Pilih Validate and Upload
• Masuk ke Layer Preview dan pilih styler
• Pilih style yg sudah diupload dan save
• Lakukan langkah yang sama dari slide 21 - 24
Contoh kombinasi antara GeoExploler
dengan Atlas Map Styler

More Related Content

PPTX
Instalasi Adempiere bahan ajar
PDF
Manual web gis kab purwakarta by Bag. KaharTI, Setda Kab. Purwakarta
PPTX
Database operation di C++
DOCX
Tutorial Postgre SQL
PPTX
Database Operation di VB.NET
PPTX
Pemrograman Dasar Dengan Database - JAVA.pptx
PDF
Yii2 fundamentals bagian 1
PDF
9 BAB III Perancangan dan Pembuatan Sistem
Instalasi Adempiere bahan ajar
Manual web gis kab purwakarta by Bag. KaharTI, Setda Kab. Purwakarta
Database operation di C++
Tutorial Postgre SQL
Database Operation di VB.NET
Pemrograman Dasar Dengan Database - JAVA.pptx
Yii2 fundamentals bagian 1
9 BAB III Perancangan dan Pembuatan Sistem

Similar to Web GIS using OpenGeo Suite (20)

PDF
Backtrack 5 - network pentest
PDF
Tahap instalasi-postgresql-di-windows
PDF
Dicoding Developer Coaching #23: Android | Membangun Modern App dengan Jetpac...
ODP
Mengamankan Aplikasi Java EE 6
PDF
Jquery Ajax Part 1 by Yussan
DOCX
Tutorial wordpress
PDF
Cara setup-yii
PDF
Netbeans jasper-tutorial
PPTX
Java & my sql
PDF
Web Service Menggunakan Axis
DOCX
Laporan akhir
DOCX
Tutorial instalasi, konfigurasi glassfish serta integrasi dengan Eclipse IDE
PDF
FreeBSD Log Analyzer
PDF
Program database sederhana di android
DOCX
Belajar pemrograman berbasis web php dhtmlx part 6 export data
PPTX
Cara Akses ArcGIS Feature Service
PDF
Menggunakan database di android
ODP
Nutch dan Solr
DOC
Makalah pemrograman generasi keempat postgresql
PPTX
Manual Pemasangan Sistem Pengurusan Sekolah (SPS)
Backtrack 5 - network pentest
Tahap instalasi-postgresql-di-windows
Dicoding Developer Coaching #23: Android | Membangun Modern App dengan Jetpac...
Mengamankan Aplikasi Java EE 6
Jquery Ajax Part 1 by Yussan
Tutorial wordpress
Cara setup-yii
Netbeans jasper-tutorial
Java & my sql
Web Service Menggunakan Axis
Laporan akhir
Tutorial instalasi, konfigurasi glassfish serta integrasi dengan Eclipse IDE
FreeBSD Log Analyzer
Program database sederhana di android
Belajar pemrograman berbasis web php dhtmlx part 6 export data
Cara Akses ArcGIS Feature Service
Menggunakan database di android
Nutch dan Solr
Makalah pemrograman generasi keempat postgresql
Manual Pemasangan Sistem Pengurusan Sekolah (SPS)
Ad

Recently uploaded (20)

PDF
Alterasi Hidrotermal Jdhiwnabakkanshskalalsbsjd
PDF
00. Introduction to Oil and Gas Field Rev 02 2024.pdf
PPTX
MATA KULIAH penetasan-INSEMINASI PADA ITIK-DR ZULKARNAIN-2022.pptx
PPTX
URGENSI TAHSIN TILAWAH ALQURAN - Copy.pptx
PPT
PPT-Seminar-Optimalisasi-Energi-29-Februari-2016-Presentasi-Cukup-Mulyana.ppt
PPTX
materi tentang Presentasi_Resistor.pptx
PPTX
ILMU TANAMAN PAKAN PERTEMUAN KE V PETERNAKAN
PPTX
kelompok 3 _XII4_20240909_100024_0000.pptx
PDF
PPT KELAS FASE E 10 Konsep DASAR Geografi.pdf
PPTX
URGENSI TAHSIN TILAWAH ALQURAN - Copy.pptx
PDF
Detektor Radiasi adalah suatu peralatan yang digunakan untuk mendeteksi, mel...
PPTX
VERIFIKASI METODE UJI TOTAL FOSFAT SECARA SPEKTROFOTOMETER UV-VISIBLE
PDF
HIGH PERFORMANCE LIQUID CHROMATOGRAPHY (HPLC) KROMATOGRAFI CAIR KINERJA TINGG...
PPTX
Menjelajahi-Keberagaman-Tipe-Ekosistem-di-Bumi.pptx_20250717_130635_0000.pptx
PPTX
tugas_geokimia_gunung_6999 gunung aa.pptx
PPTX
micro teaching tema manajemen konflik.pptx
PPT
PPT Sumber Daya Alam dan Energi Alternatif.ppt
PPTX
PPT BAB 1 PENGETAHUAN DASAR GEOGRAFI.pptx
DOCX
Program semester 1 Fase D7 - IPA(1).docx
PPTX
RESUME ppppppppppppp P.1 (BIOKIMIA).pptx
Alterasi Hidrotermal Jdhiwnabakkanshskalalsbsjd
00. Introduction to Oil and Gas Field Rev 02 2024.pdf
MATA KULIAH penetasan-INSEMINASI PADA ITIK-DR ZULKARNAIN-2022.pptx
URGENSI TAHSIN TILAWAH ALQURAN - Copy.pptx
PPT-Seminar-Optimalisasi-Energi-29-Februari-2016-Presentasi-Cukup-Mulyana.ppt
materi tentang Presentasi_Resistor.pptx
ILMU TANAMAN PAKAN PERTEMUAN KE V PETERNAKAN
kelompok 3 _XII4_20240909_100024_0000.pptx
PPT KELAS FASE E 10 Konsep DASAR Geografi.pdf
URGENSI TAHSIN TILAWAH ALQURAN - Copy.pptx
Detektor Radiasi adalah suatu peralatan yang digunakan untuk mendeteksi, mel...
VERIFIKASI METODE UJI TOTAL FOSFAT SECARA SPEKTROFOTOMETER UV-VISIBLE
HIGH PERFORMANCE LIQUID CHROMATOGRAPHY (HPLC) KROMATOGRAFI CAIR KINERJA TINGG...
Menjelajahi-Keberagaman-Tipe-Ekosistem-di-Bumi.pptx_20250717_130635_0000.pptx
tugas_geokimia_gunung_6999 gunung aa.pptx
micro teaching tema manajemen konflik.pptx
PPT Sumber Daya Alam dan Energi Alternatif.ppt
PPT BAB 1 PENGETAHUAN DASAR GEOGRAFI.pptx
Program semester 1 Fase D7 - IPA(1).docx
RESUME ppppppppppppp P.1 (BIOKIMIA).pptx
Ad

Web GIS using OpenGeo Suite

Editor's Notes

  • #4: Klik tombol start pada pojok kanan atas
  • #5: Klik Launc GeoExploler atau ketik: http://localhost:8080/geoexplorer/composer/ pada web browser anda
  • #6: Klik add layer Pilih layer yg akan ditampilkan di web
  • #12: Beri nama workspace