Dokumen tersebut membahas desain sistem WebGIS yang mencakup penjelasan tentang bagaimana internet bekerja, bahasa dan protokol komunikasi internet, cara membuat halaman web, serta praktek HTML, CSS, dan JS. Dokumen tersebut juga membahas perbandingan antara kebutuhan fungsional dan non-fungsional sistem, siklus hidup pengembangan perangkat lunak, pendekatan pengembangan berbasis objek, serta rancangan sitemap dan arsitektur aplikasi.

1. Desain Sistem WebGIS
Dany Laksono
February 9, 2020
Mata Pelatihan WebGIS dan Transformasi Sistem Koordinat
SKKNI Teknisi Utama – Analis Sistem Informasi Geografis

2. Desain Sistem WebGIS
• Bagaimana internet bekerja?
• Bahasa dan Protokol komunikasi inter-net
• Bagaimana halaman web dibuat?
• Praktek: HTML, CSS, JS

5. Review: Software
Quality

6. Software Quality
CISQ’s Software Quality Measure
Bagian kiri menunjukkan parameter
yang dapat diukur, bagian kanan
menunjukkan abstraksi kualitas yang
dicari

7. UGM.AC.ID
Kebutuhan Sistem: FR vs NFR

8. UGM.AC.ID
FR vs NFR

9. UGM.AC.ID
Software Development LifeCycle (SDLC)

10. UGM.AC.ID
Waterfall adalah
contoh paradigma
pembangunan
aplikasi paling
sederhana
Waterfall Model

11. UGM.AC.ID
V-Model
menekankan
pada pengujian
aplikasi (verifikasi
dan validasi)
V-Model

12. UGM.AC.ID
Agile adalah
salah satu model
SDLC yang
paling popular
Prinsip Agile:
iterative,
konstruktif
Agile Model

13. UGM.AC.ID
Model RAD

14. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Use-case diagram
Dibuat berdasarkan
interaksi antar- actor
pada sistem dari
hasil identifikasi
kebutuhan
pengguna

15. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Use-case diagram
Dibuat berdasarkan
interaksi antar- actor
pada sistem dari
hasil identifikasi
kebutuhan
pengguna

16. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Activity diagram
(diagram aktivitas)
Menggambarkan
proses bisnis atau
aktivitas dari aplikasi
yang dibangun

17. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Activity diagram
(diagram aktivitas)
Menggambarkan
proses bisnis atau
aktivitas dari aplikasi
yang dibangun
(Sutejo, 2016)

18. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Activity diagram
(diagram aktivitas)
Menggambarkan
proses bisnis atau
aktivitas dari aplikasi
yang dibangun

19. 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)

20. 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)

21. 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)

22. 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)

23. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Sequence diagram
(diagram urut)
Memvisualkan
perilaku objek
terhadap use-case
(Sutejo, 2016)

24. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Object Oriented (OO)
Sequence diagram
(diagram urut)
Memvisualkan
perilaku objek
terhadap use-case
(Sutejo, 2016)

25. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Structured Analysis
Data Flow Diagram
(DFD) Level 0
Perancangan
diagram berorientasi
pada proses yang
dijalankan oleh
aplikasi

26. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Structured Analysis
Data Flow Diagram
(DFD) Level 1
Semakin tinggi level
diagram, semakin
kompleks data yang
terlibat

27. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Structured Analysis

28. Pendekatan Pengembangan Aplikasi
Pendekatan berbasis
Structured Analysis
Terdapat dua
macam notasi Data
Flow Diagram
(DFD):
DeMarco&Yourdon
Gane&Sarson

29. Rancangan Sitemap (peta situs)

30. Arsitektur Aplikasi

32. TERIMA KASIH