97
4.4.1 Identifikasi Pemakai Sistem
4.4.1.1 Activity Diagram SIMTEDA
Gambar 4.21 Activity Diagram SIMTEDA
4.4.1.2 Sequence Diagram
Gambar 4.22 Sequence Diagram Admin Input, Edit dan Hapus
Berikut merupakan penjelasan dari Sequence Diagram Admin Input, Edit, dan Hapus adalah :
1. Admin memasukkan halaman awal URL, kemudian pada tahap awal menu utama, Admin harus melakukan login terlebih dahulu, supaya
sistem yang dibuat Admin tidak bisa dipakai oleh siapapun. 2. Admin melihat menu berita yang baru dibuat dan akan melakukan input
data informasi-informasi terbaru yang akan ditampilkan di menu berita. Dan kemudian informasi tersebut disimpan ke dalam database Admin.
3. Admin melihat menu edit berita, kemudian data berita-berita tersebut diedit sesuai dengan adanya informasi-informasi terbaru baik secara
umum maupun khusus. 4. Admin melihat menu hapus berita, kemudian data berita-berita yang
lama dihapus. 5. Admin melihat menu kritik dan saran dan akan melakukan balasan atas
pesan-pesan tersebut. 6. Admin melihat menu kritik dan saran, kemudian komentar dari User
yang lama dihapus. 7. Admin melihat menu peta yang baru dibuat dan sistem akan merespon
permintaan admin 8. Admin akan melakukan input manajemen peta dalam hal ini adalah
masjid dan musholla dan sistem akan merespon permintaan Admin. 9. Admin akan melakukan input masjid yang baru, dan data masjid yang
berhasil diinput kemudian disimpan kedalam database.
10. Apabila terjadi kesalahan dalam menginput koordinat, maka penginputan yang sebelumnya dihapus terlebih dahulu.
11. Sebaliknya sistem akan melakukan pengecekan. 12. Setelah itu input koordinat yang ingin diperbaiki.
13. Simpan data tersebut ke dalam sistem. Dan sistem akan merespon permntaan admin.
14. Admin akan melakukan edit data masjid kemudian memperbarui data masjid yang lama dan disimpan di database.
15. Admin akan melakukan hapus data masjid, dan kemudian menghapus data masjid yang tidak terdeteksi dan sistem juga akan merespon
permintaan hapus masjid. 16. Admin akan melakukan input musholla yang baru, dan data musholla
yang berhasil diinput kemudian disimpan ke dalam database. 17. Admin akan melakukan edit data masjid, kemudian memperbarui data
musholla yang lama dan disimpan di database. 18. Admin akan melakukan hapus data masjid, dan kemudian menghapus
data musholla yang tidak terdeteksi dan sistem juga akan merespon permintaan hapus musholla.
19. Setelah semua data di-upgrade. Maka Admin akan keluar dari sistem atau melakukan logout Admin. Dan sistem akan merespon permintaan
admin
menu home
membuka web masjid dan musholla kec. Serpong pemerintah
menu berita
melihat berita menu kritik dan saran
melihat kritik dan saran menu peta
melihat peta input berita
hapus comment
input masjid melakukan login
data berita berhasil diinput
sistem merespon permintaan admin
masjid berhasil diedit sistem merespon
comment berhasil dihapus hapus comment
edit berita edit berita
data berita berhasil diedit hapus berita
data berita berhasil dihapus hapus berita
sistem merespon melihat manajemen peta
masjid berhasil diinput sistem merespon
edit data masjid input data masjid
edit data musholla input data musholla
edit masjid input musholla
edit data musholla data masjid berhasil diinput
data masjid berhasil diedit logout sistem
logout berhasil data berhasil disimpan
Gambar 4.23 Sequence Diagram Pemerintah
Berikut merupakan penjelasan dari Sequence Diagram Pemerintah adalah : 1. Pemerintah memasukkan halaman awal URL, kemudian pada tahap awal
menu utama, Pemerintah harus melakukan login terlebih dahulu, supaya sistem Pemerintah tidak bisa dipakai oleh siapapun, kecuali admin.
2. Pemerintah melihat menu berita yang baru dibuat dan akan melakukan input data informasi-informasi terbaru yang akan ditampilkan di menu
berita. Dan kemudian informasi tersebut disimpan ke dalam database Pemerintah.
3. Pemerintah melihat menu edit berita, kemudian data berita-berita tersebut diedit sesuai dengan adanya informasi-informasi terbaru baik
secara umum maupun khusus. 4. Pemerintah melihat menu hapus berita, kemudian data berita-berita yang
lama dihapus. 5. Pemerintah melihat menu kritik dan saran dan akan melakukan balasan
atas pesan-pesan tersebut. 6. Pemerintah melihat menu kritik dan saran, kemudian komentar dari User
yang lama dihapus. 7. Pemerintah melihat menu peta yang baru dibuat dan sistem akan
merespon. 8. Pemerintah akan melakukan input manajemen peta dalam hal ini adalah
masjid dan musholla dan sistem akan meresponnya.
9. Pemerintah akan melakukan input masjid yang baru, dan data masjid yang berhasil diinput kemudian disimpan ke dalam database, tetapi
seblumnya harus ada persetujuan dari admin 10. Pemerintah akan melakukan edit data masjid kemudian memperbarui
data masjid yang lama dan disimpan di database. 11. Pemerintah akan melakukan input musholla yang baru, dan data
musholla yang berhasil diinput kemudian disimpan ke dalam database, tetapi sebelumnya harus ada persetujuan dari admin.
12. Pemerintah akan melakukan edit data masjid, kemudian memperbarui data musholla yang lama dan disimpan di database.
13. Setelah semua data di-upgrade. Maka Pemerintah akan keluar dari sistem atau melakukan logout Pemerintah. Dan sistem akan merespon
permintaan pemerintah.
104
Gambar 4.24 Sequence Diagram User
105
Berikut merupakan penjelasan tentang dari Sequence Diagram User : 1. User membuka web Spasial masjid dan musholla kecamatan Serpong
dengan cara mengetikkan di URL di halaman browser. 2. User melihat tampilan depan home dari halaman browser tersebut.
3. User melihat tampilan profil Kecamatan Serpong. 4. User melihat berita-berita terbaru yang telah ter-update dari Admin.
5. User melihat tampilan Kritik dan Saran, kemudian apabila User mempunyai kritik atau ingin memberikan tanggapan, maka User dapat
mengetikkan semua comment tersebut kemudian dikirimkan ke dalam sistem.
6. User melihat tampilan peta dan disana terdapat template peta beserta tools-tools-nya, layer, legenda, query dan skala peta.
7. User dapat menggunakan menu task, menu ini terdiri atas Home sekilas tentang Kecamatan Serpong, Pencarian Masjid dan Musholla
berdasarkan Kelurahan, Buffer menyeleksi jarak yang dikehendaki dan Measure menentukan jarak yang diinginkan.
8. Kemudian sistem merespon permintaan User. 9. User dapat menutup aplikasi atau melihat menu-menu yang lain dan
computersistem akan merespon permintaan User.
4.4.1.3 Statechart Diagram
Statechart Diagram digunakan untuk menggambarkan perubahan sistem dari satu state ke state yang lain. Perancangan Statechart Diagram ini digunakan
106
untuk mempermudah menggambarkan segala kemungkinan yang dapat terjadi dari suatu keadaan ke keadaan berikutnya.
Gambar 4.25 Statechart Diagram Menu Home
Gambar 4.26 Statechart Diagram Menu Profil
Gambar 4.27 Statechart Diagram Menu Berita
107
Gambar 4.28 Statechart Diagram Menu Galeri
Gambar 4.29 Statechart Diagram Menu Peta
Gambar 4.30 Statechart Diagram Tasks
108
4.4.1.4 Class Diagram
+Login +Logout
id_admin -username
-password
Admin
+login +logout
nip -username
-password
pemerintah
+input +update
+delete id_berita
+nm_berita
berita
+input +update
+delete no
-nama -email
-comment
kritik dan saran
+input +update
+delete id_peta
peta
+nm_kelurahan +warna
legenda
+pan +refresh
+back +zoom_in
+zoom_out
template
+nama_layer +nm_jalan
+titik_masjid_musholla id_layer
layer
1.. 1
1 1..
1 1..
1 1
1
1 1
1 1..
1..
1..
1
1..
1
1.. 1..
1
1
1 ..
id_masjid : Integer +nama:string
+alamat:string +luas_bangunan:string
+status_imb:string +gambar:string
+geometry : Bag Basic GeoType
geographicmasjid{GeoTypeConstrain=Point}
id_kel : Integer +nm_kel:string
+jml_masjid:string +jml_musholla:string
+geometry : Bag Basic GeoType
geographickelurahan{GeoTypeConstrain= Polygon}
id_jln : Integer -geometry : Bag Basic GeoType
geographicjalan{GeoTypeConstrain=Polygon}
id_bangunan: Integer -geometry : Bag Basic GeoType
geographicbangunan{GeoTypeConstrain=Polygon}
1.. 1
1.. 1
id_musholla : Integer +nama:string
+alamat:string +luas_bangunan:string
+status_imb:string +gambar:string
-geometry : Bag Basic GeoType
geographicmusholla{GeoTypeConstrain=Point}
1
1.. 1
1..
1 1..
1
+nama +email
user
1 1..
Gambar 4.31 Class Diagram SIMTEDA 4.4.2
Perancangan Struktur Menu Aplikasi
Dalam perancangan aplikasi ini terdapat beberapa menu yang akan digunakan oleh pemerintah dan masyarakat yang berupa menu Home, Profil
Kecamatan Serpong, Berita, Kritik dan Saran, dan Peta. Pada Gambar 4.32
merupakan struktur SIMTEDA.
109
Gambar 4.32 Struktur SIMTEDA 4.4.3
Perancangan Antarmuka Aplikasi
Dalam penggunaan aplikasi ini, maka pengguna akan mengetahui menu apa saja yang akan ditampilkan. Pada menu peta pengguna bisa mengklik titik
masjid atau musholla.Tetapi sebelumnya User terlebih dahulu harus mengaktifkan layer apa yang akan ditampilkan. Dan untuk melihat informasi serta foto masjid
dan musholla tersebut User dapat memilih mode aplikasinya apakah tampilan informasi satu layer atau banyak layer.
Selain itu ada juga tahapan perancangan antarmuka aplikasi. Aplikasi yang akan dibangun dirancang sesederhana mungkin sehingga memudahkan
pengguna dalam menggunakannya. Rancangan menu aplikasi SIMTEDA ini
adalah dapat dilihat pada Gambar 4.33.
a. Rancangan menu SIMTEDA :
110
Gambar 4.33 Menu SIMTEDA
Berikut merupakan penjelasan tentang menu utama SIMTEDA : 1. Logo yaitu simbol dari web.
2. Judul yaitu tema dari aplikasi yang dibuat, yaitu Sistem Informasi Geografis Masjid dan Musholla di Kecamatan Serpong.
3. Menu home yaitu penjelasan tentang Sistem Informasi Tempat Ibadah Masjid dan Musholla di Kecamatan Serpong.
4. Menu Profil Kecamatan Serpong yaitu menu yang akan menjelaskan tentang seputar Kecamatan Serpong.
5. Menu Berita yaitu menu yang menggambarkan tentang berita-berita terbaru seputar masjid dan musholla di kecamatan Serpong, baik
berupa berita umum maupun khusus. 6. Menu Galeri yaitu gambarfoto-foto yang diambil dalam pada
penelitian dilapangan.
111
7. Menu peta merupakan menu yang menunjukkan lokasi masjid dan musholla di Kecamatan Serpong.
b. Rancangan menu peta, dapat dilihat pada Gambar 4.34.