Tabel 3.23 Ruang Terbuka Non Hijau
Nama Field Type
Panjang Keterangan
id_rtnh Varchar 11
Identitas RTNH
nama_rtnh Vaarchar 50 Nama
RTNH luas Int 11 Luas
RTNH keterangan Text
- Keterangan
RTNH
j. Tema Danau 1 Nama File
: danau 2 Isi
: Data danau 3
Primary Key : id_danau
Tabel 3.24
Danau
Nama Field Type
Panjang Keterangan
id_danau Varchar 11
Identitas Danau
nama_danau Vaarchar 50 Nama
Danau luas Int 11 Luas
Danau kedalaman int
11 Kedalaman
Danau
2. Perancangan Struktur Menu Aplikasi
Perancangan struktur menu aplikasi ini dibuat untuk mengetahui menu-menu apa saja yang digunakan dalam
pembuatan sistem ini. Di dalam aplikasi sistem informasi tata ruang pemukiman kawasan pemukiman PUSPIPTEK ini
terdapat 6 menu yang digunakan pada tampilan publik, yaitu HOME, WEBGIS, GALLERY, PANDUAN, BUKU TAMU,
dan CONTACT US. Sedangkan pada tampilan pengelola,
terdapat 5 menu utama, yaitu HOME, WEBGIS, BUKU TAMU, USER, dan LOGOUT. Hirarki untuk publik disajikan
pada gambar 3.12 dan hirarki untuk pengelola disajikan pada gambar 3.13.
Layar Utama Aplikasi
SITARUP
Layar U tam a A plikasi
engelola S IT A R U P P
1.1 M enu U tam a
H om e 1.2
M enu U tam a W ebG IS
1.3 M enu U tam a
B uku T am u 1.4
M enu U tam a U ser
1.2.1 U pdate
P eta 1.3.1
E dit B uku T am u
1.4.1 U pdate
U se r
Gambar 3.12
Rancangan Stuktur Menu SITARUP
Gambar 3.13
Rancangan Stuktur Menu Pengelola SITARUP
. 1 . 1
1 . 2 1 .3
1 .4 1 . 6
1 .5 Menu Utama
Menu Utama Menu Utama
Menu Utama Menu Utama
Menu Utama Home
WebGIS Gallery
Panduan Contact Us
Buku Tamu 1 . 2 . 1
Peta perecanaan
1 .3 .1 Gallery
Link 1 .3 .2
Gallery Detail
1 .4 .1 Panduan
Web 1 .5 . 1
Isi Buku Tamu
1 . 6 .1 Contact Us
1 . 2 . 2 Peta
Pema aatan nf
1 . 2 . 2 Peta
Pengawasan
3. State Transition Diagram STD
State Transition diagram merupakan rancangan gambar transisi atau perubahan keadaan sistem yang disebabkan oleh
pengguna serta mendeskripsikan reaksi sistem terhadap aksi yang dilakukan oleh pengguna. STD menjelaskan cara kerja
fungsi-fungsi yang dimilik tiap menu, selain itu dengan adanya STD, fungsi setiap objek menjadi lebih terperinci karena telah
dideskripsikan dalam STD.
a. STD Layar Utama SITARUP
Menu Utama SITARUP
HOME Menu
ebGIS” Klik
“W M
Tam enu Peta di
pilkan Klik Menu
“Gallery” Klik Menu
“Panduan” Klik Menu
“Buku Tamu” Klik Menu
“Contact Us” Menu Gallery di
Tampilkan Menu Panduan di
Tampilkan Menu Buku Tamu
di Tampilkan Menu Contact Us
di Tampilkan Pet
WebG a
IS Gallery
Panduan Buku Tamu
Contact Us
Klik Menu “Home”
Menu Home di Tampilkan
Gambar 3.14
STD Layar Utama SITARUP
b. STD Menu WebGIS dan Menu Gallery
Menu Gallery
Klik Foto Kawasan
Foto dan Informasi Kawasan di
Tampilkan Petunjuk
Penggunaan Peta
Klik Menu “Gallery”
Menu Gallery di Tampilkan
Menu WebGIS
Java Splash Screen
Peta Tematik Kawasan Pemukiman PUSPIPTEK
Petunjuk Penggunaan
Peta Klik Menu
“WebGIS” Menu Peta di
Tampilkan Pilihan Fungsi
Peta Peta Tematik
Kawasan Pemukiman PUSPIPTEK di
Tampilkan Klik Button
“Help” Petunjuk
Pengguanaan Peta
a b
Gambar 3.15 STD Menu WebGIS a dan STD Menu Gallery b
c. STD Menu Buku Tamu
Menu Buku Tamu
Isi “Buku Tamu” Tampil Form Buku
Tamu
Form Buku Tamu
Klik Button Lanjut
Kembali ke Menu Buku Tamu
Gambar 3.16 STD Menu Buku Tamu
d. STD Layar Utama Pengelola SITARUP
M e n u U ta m a P e n g e lo la
S I T A R U P H O M E
K lik M e n u “ W e b G I S ”
D a ta T a b u la r d i T a m p ilk a n
K lik M e n u “ B u k u T a m u ”
K lik M e n u “ U s e r ” M e n u B u k u T a m u
d i T a m p ilk a n M e n u U s e r d i
T a m p ilk a n W e b G I S
B u k u T a m u U p d a te U s e r
K lik M e n u “ H o m e ”
M e n u H o m e d i T a m p ilk a n
K lik M e n u “ L o g o u t ”
K e lu a r d a r i T a m p ila n A d m in
C o n t a c t U s
Gambar 3.17 STD Layar Utama Pengelola SITARUP
e. STD Menu WebGIS dan Buku Tamu Pengelola
Menu WebGIS
Klik “Edit” Form Edit Data di
Tampilkan Edit Data
Tabular Klik “Simpan”
Data Tabular Ter- Update
Data tabular di Perbaharui
Klik Menu “WebGIS”
Kembali ke Tampilan WebGIS
M e n u B u k u T a m u
K lik “H a p u s ” T a m p il d ia lo g
H a p u s B u k u T a m u H a p u s D a ta
B u k u T a m u K lik “H a p u s D a ta
B u k u T a m u ” D a ta B u k u T a m u
d i H a p u s D a ta B u k u
T a m u d i P e rb a h a ru i
K lik M e n u “B u k u T a m u ”
K e m b a li k e M e n u B u k u T a m u
a b
Gambar 3.18 STD Menu WebGIS a dan STD Menu Buku Tamu b
f. STD Menu User Pengelola
M e n u U s e r
K lik “T a m b a h ” F o rm T a m b a h
U s e r d i T a m p ilk a n K lik “H a p u s ”
T a m p il d ia lo g H a p u s U s e r
T a m b a h U s e r H a p u s D a ta
U s e r K lik “S im p a n ”
D a ta U s e r B e rta m b a h
K lik “H a p u s D a ta U s e r”
D a ta U s e r d i H a p u s
D a ta U s e r d i P e rb a h a ru i
K lik M e n u “U s e r”
K e m b a li k e T a m p ila n U s e r
K lik “E d it” F o rm E d it D a ta
U s e r d i T a m p ilk a n E d it D a ta
U s e r K lik “S im p a n ”
D a ta U s e r d i E d it
Gambar 3.19
STD Menu User Pengelola
4. Desain Layar Interface