SlideShare a Scribd company logo
Desain Sistem WebGIS
Dany Laksono
February 9, 2020
Mata Pelatihan WebGIS dan Transformasi Sistem Koordinat
SKKNI Teknisi Utama – Analis Sistem Informasi Geografis
Desain Sistem WebGIS
• Bagaimana internet bekerja?
• Bahasa dan Protokol komunikasi inter-net
• Bagaimana halaman web dibuat?
• Praktek: HTML, CSS, JS
Desain sistem informasi web gis
Desain sistem informasi web gis
Review: Software
Quality
Software Quality
CISQ’s Software Quality Measure
Bagian kiri menunjukkan parameter
yang dapat diukur, bagian kanan
menunjukkan abstraksi kualitas yang
dicari
UGM.AC.ID
Kebutuhan Sistem: FR vs NFR
UGM.AC.ID
FR vs NFR
UGM.AC.ID
Software Development LifeCycle (SDLC)
UGM.AC.ID
Waterfall adalah
contoh paradigma
pembangunan
aplikasi paling
sederhana
Waterfall Model
UGM.AC.ID
V-Model
menekankan
pada pengujian
aplikasi (verifikasi
dan validasi)
V-Model
UGM.AC.ID
Agile adalah
salah satu model
SDLC yang
paling popular
Prinsip Agile:
iterative,
konstruktif
Agile Model
UGM.AC.ID
Model RAD
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Use-case diagram
Dibuat berdasarkan
interaksi antar- actor
pada sistem dari
hasil identifikasi
kebutuhan
pengguna
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Use-case diagram
Dibuat berdasarkan
interaksi antar- actor
pada sistem dari
hasil identifikasi
kebutuhan
pengguna
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Activity diagram
(diagram aktivitas)
Menggambarkan
proses bisnis atau
aktivitas dari aplikasi
yang dibangun
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Activity diagram
(diagram aktivitas)
Menggambarkan
proses bisnis atau
aktivitas dari aplikasi
yang dibangun
(Sutejo, 2016)
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Activity diagram
(diagram aktivitas)
Menggambarkan
proses bisnis atau
aktivitas dari aplikasi
yang dibangun
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Class diagram
(diagram kelas)
Menggambarkan
struktur objek-objek
yang dipetakan
pada aplikasi,
termasuk variable
(property) dan fungsi
(method)
(Sutejo, 2016)
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Class diagram
(diagram kelas)
Menggambarkan
struktur objek-objek
yang dipetakan pada
aplikasi, termasuk
variable (property) dan
fungsi (method) berikut
tipe datanya
(Ramdhani, 2019)
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Class diagram
(diagram kelas)
Menggambarkan
struktur objek-objek
yang dipetakan
pada aplikasi,
termasuk variable
(property) dan fungsi
(method)
(Sutejo, 2016)
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Class diagram
(diagram kelas)
Menggambarkan
struktur objek-objek
yang dipetakan
pada aplikasi,
termasuk variable
(property) dan fungsi
(method)
(Sutejo, 2016)
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Sequence diagram
(diagram urut)
Memvisualkan
perilaku objek
terhadap use-case
(Sutejo, 2016)
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Sequence diagram
(diagram urut)
Memvisualkan
perilaku objek
terhadap use-case
(Sutejo, 2016)
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Structured Analysis
Data Flow Diagram
(DFD) Level 0
Perancangan
diagram berorientasi
pada proses yang
dijalankan oleh
aplikasi
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Structured Analysis
Data Flow Diagram
(DFD) Level 1
Semakin tinggi level
diagram, semakin
kompleks data yang
terlibat
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Structured Analysis
Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Structured Analysis
Terdapat dua
macam notasi Data
Flow Diagram
(DFD):
DeMarco&Yourdon
Gane&Sarson
Rancangan Sitemap (peta situs)
Arsitektur Aplikasi
Desain sistem informasi web gis
TERIMA KASIH

More Related Content

PDF
Modul Quantum GIS 2 (Aplikasi)
PPTX
Pedoman Layout Peta Sesuai SNI - Indonesia National Standar of Mapping/Layouting
PPTX
04 Dasar-dasar QGIS dan Plugin
PPTX
Pemetaan digital
PPTX
Aplikasi GIS dalam penataan ruang
PDF
Tiga Cara Memotong file Raster Sesuai Batas Polygon Menggunakan ArcGIS
PPTX
Dasar2 gis
PDF
BUFFER pada ARCGIS 10.0
Modul Quantum GIS 2 (Aplikasi)
Pedoman Layout Peta Sesuai SNI - Indonesia National Standar of Mapping/Layouting
04 Dasar-dasar QGIS dan Plugin
Pemetaan digital
Aplikasi GIS dalam penataan ruang
Tiga Cara Memotong file Raster Sesuai Batas Polygon Menggunakan ArcGIS
Dasar2 gis
BUFFER pada ARCGIS 10.0

What's hot (20)

PDF
Rangkuman Mata Kuliah Sistem Referensi Geospasial
PDF
Workshop Indeks Ketahanan Air - update 2022.09.29.pdf
PDF
Sistem sistem satelit di bidang geodesi satelit
PPT
Sistem informasi geografi
DOCX
Makalah perpetaan & sig
DOCX
Makalah Geodesi Geometri II terkait Jaring Kontrol dan datum Geodesi
PPT
Tingkat Pelayanan Jalan (Level of Service)
PDF
geodesi satelit survey
PDF
Insentif-Disinsentif Penataan Ruang di D.I. Yogyakarta
PPTX
Layanan data spasial berbasis OGC
PPTX
Survey dan Pemetaan dalam Penataan Ruang
PDF
PAPARAN KEMENTERIAN PUPR.pdf
PDF
GEOREFERENCING pada ARCGIS 10.0
PDF
Kebijakan, Program dan Capaian Pembangunan Infrastruktur Jalan
PDF
Manajemen infrastruktur
PDF
Juknis pengukuran bidang tanah sistematik lengkap
PDF
Studi Kasus Desain Perkerasan Jalan
PPTX
Pengantar Structure from Motion Photogrammetry
DOCX
Informasi nomor lembar peta dan menghitung koordinat dari nomor lembar peta
PDF
PETA, GIS, dan DATABASE SPASIAL
Rangkuman Mata Kuliah Sistem Referensi Geospasial
Workshop Indeks Ketahanan Air - update 2022.09.29.pdf
Sistem sistem satelit di bidang geodesi satelit
Sistem informasi geografi
Makalah perpetaan & sig
Makalah Geodesi Geometri II terkait Jaring Kontrol dan datum Geodesi
Tingkat Pelayanan Jalan (Level of Service)
geodesi satelit survey
Insentif-Disinsentif Penataan Ruang di D.I. Yogyakarta
Layanan data spasial berbasis OGC
Survey dan Pemetaan dalam Penataan Ruang
PAPARAN KEMENTERIAN PUPR.pdf
GEOREFERENCING pada ARCGIS 10.0
Kebijakan, Program dan Capaian Pembangunan Infrastruktur Jalan
Manajemen infrastruktur
Juknis pengukuran bidang tanah sistematik lengkap
Studi Kasus Desain Perkerasan Jalan
Pengantar Structure from Motion Photogrammetry
Informasi nomor lembar peta dan menghitung koordinat dari nomor lembar peta
PETA, GIS, dan DATABASE SPASIAL
Ad

Similar to Desain sistem informasi web gis (9)

DOCX
UML untuk Pengembangan Aplikasi Web.docx
PPTX
System Development and Procurement kel 5 (05-01).pptx
PDF
Materi pertemuan ke 2 Konsep Pemodelan UML.pdf
PPTX
KONSEP SISTEM INFORMASI.pptx
PPTX
Desain dan Metode Desain SMK Muh 9 Gambiran.pptx
DOCX
Rangkuman SDLC
PPTX
Tugas UML
PPTX
Materi_3-4_-_Review_Analisis_dan_Perancangan_Berorientasi_Objek.pptx
DOCX
Istu dana aditya 1112510811 tugas 2 (kelompok)
UML untuk Pengembangan Aplikasi Web.docx
System Development and Procurement kel 5 (05-01).pptx
Materi pertemuan ke 2 Konsep Pemodelan UML.pdf
KONSEP SISTEM INFORMASI.pptx
Desain dan Metode Desain SMK Muh 9 Gambiran.pptx
Rangkuman SDLC
Tugas UML
Materi_3-4_-_Review_Analisis_dan_Perancangan_Berorientasi_Objek.pptx
Istu dana aditya 1112510811 tugas 2 (kelompok)
Ad

More from Dany Laksono (15)

PPTX
Crowdsourcing and storytelling by gamification
PPTX
Geospatial digital twin
PPTX
Crowdsourcing pointclouds trends and technologies
PPTX
Infrastruktur Informasi Geospasial untuk Big Data dan 3D Geoinformasi
PPTX
Tips dan trik optimasi Agisoft
PPTX
Sistem dan Transformasi Koordinat
PPTX
Pengantar WebGIS
PPTX
Geoserver dan OGC Services
PPTX
Desain Antarmuka WebGIS: Bootstrap
PPTX
Analisis kebutuhan sistem web gis
PPTX
Pengujian Sistem WebGIS
PPTX
Drone flight data processing
PPTX
Drone flight planning - Principles and Practices
PPTX
Testing spatial data deliverance in SQL and NoSQL Database
PPTX
VGI Overview - Crowdsourcing Participatory Mapping
Crowdsourcing and storytelling by gamification
Geospatial digital twin
Crowdsourcing pointclouds trends and technologies
Infrastruktur Informasi Geospasial untuk Big Data dan 3D Geoinformasi
Tips dan trik optimasi Agisoft
Sistem dan Transformasi Koordinat
Pengantar WebGIS
Geoserver dan OGC Services
Desain Antarmuka WebGIS: Bootstrap
Analisis kebutuhan sistem web gis
Pengujian Sistem WebGIS
Drone flight data processing
Drone flight planning - Principles and Practices
Testing spatial data deliverance in SQL and NoSQL Database
VGI Overview - Crowdsourcing Participatory Mapping

Recently uploaded (20)

PPTX
MATERI MPLS TENTANG KURIKULUM DAN KEGIATAN PEMBELAJARAN
PPTX
Pancasila: fondasi peradaban dan kebudayaan berkelanjutan
DOCX
Modul Ajar Deep Learning PAI & BP Kelas 11 SMA Terbaru 2025
PDF
883668952-KP-4-Modul-2-Kerangka-Pembelajaran-Mendalam.pdf
PDF
Deck Rumah Pendidikan untuk Mendukung Program Prioritas Kemendikdasmen.pdf
PDF
KASUS_INKUIRI_KOLABORATIF_KELAS_BAWAH-ISI-ARNI.pdf
PDF
Digital Statecraft Menuju Indonesia Emas 2045: Diplomasi Digital, Ketahanan N...
PDF
BAHASA INDONESIA KELAS 6 SD TEKS INFORMATIF
PDF
Gangguan Penglihatan Mata - presentasi biologi
PPTX
Modul 2. Berpikir Komputasional sebagai Dasar Koding untuk Kecerdasan Artifis...
PPTX
PPT MATERI KODING DAN KECERDASAN ARTIFISIAL UNTUK PEMBELAJARAN
DOCX
Modul Ajar Deep Learning PKWU Rekayasa Kelas 12 SMA Terbaru 2025
DOCX
CONTOH RANCANGAN MODUL PROYEK KOKURIKULER SMA 1.docx
DOCX
Modul Ajar Deep Learning PJOK Kelas 10 SMA Terbaru 2025
PPTX
Presentasi_Pembelajaran_Mendalam_Lengkap.pptx
DOCX
Modul Ajar Pembelajaran Mendalam Senbud Seni Musik Kelas XII Terbaru 2025
PPTX
Rancangan Kegiatan Kokurikuler SMP N 1 Karanggede
PDF
PPT IPS Geografi SMA Kelas X_Bab 1 Pengantar Geografi_May.pdf
DOCX
Lembar Kerja Mahasiswa Information System
PDF
Lembar Kerja Mahasiswa Konsep Sistem Operasi
MATERI MPLS TENTANG KURIKULUM DAN KEGIATAN PEMBELAJARAN
Pancasila: fondasi peradaban dan kebudayaan berkelanjutan
Modul Ajar Deep Learning PAI & BP Kelas 11 SMA Terbaru 2025
883668952-KP-4-Modul-2-Kerangka-Pembelajaran-Mendalam.pdf
Deck Rumah Pendidikan untuk Mendukung Program Prioritas Kemendikdasmen.pdf
KASUS_INKUIRI_KOLABORATIF_KELAS_BAWAH-ISI-ARNI.pdf
Digital Statecraft Menuju Indonesia Emas 2045: Diplomasi Digital, Ketahanan N...
BAHASA INDONESIA KELAS 6 SD TEKS INFORMATIF
Gangguan Penglihatan Mata - presentasi biologi
Modul 2. Berpikir Komputasional sebagai Dasar Koding untuk Kecerdasan Artifis...
PPT MATERI KODING DAN KECERDASAN ARTIFISIAL UNTUK PEMBELAJARAN
Modul Ajar Deep Learning PKWU Rekayasa Kelas 12 SMA Terbaru 2025
CONTOH RANCANGAN MODUL PROYEK KOKURIKULER SMA 1.docx
Modul Ajar Deep Learning PJOK Kelas 10 SMA Terbaru 2025
Presentasi_Pembelajaran_Mendalam_Lengkap.pptx
Modul Ajar Pembelajaran Mendalam Senbud Seni Musik Kelas XII Terbaru 2025
Rancangan Kegiatan Kokurikuler SMP N 1 Karanggede
PPT IPS Geografi SMA Kelas X_Bab 1 Pengantar Geografi_May.pdf
Lembar Kerja Mahasiswa Information System
Lembar Kerja Mahasiswa Konsep Sistem Operasi

Desain sistem informasi web gis