• Kecamatan
• Kelurahan
• Sekolah
• Sungai
• Jalan
b. Desain Layar Halaman Peta
LOG O KOT A
PERA N CA NG AN SISTEM IN FORMASI SP ASIA L BE RBASIS WE B PA DA LO KA SI SL T A ST UDI
K ASUS: K OTA T A NG ERA NG LOG O
SE KOL AH
Home Peta
Sekolah Buku Tamu
Profile Berita
PETA
FOOTER
Gambar 3.9. Desain Layar Halaman Peta
Halaman ini dirancang untuk memberikan informasi lokasi sekolah SLTA di Kota Tangerang
melalui peta sesuai dengan pencarian yang dilakukan
user . Pengguna bisa meng-klik bagian yang dituju dan
didalamnya terdapat informasi tentang sekolah SLTA tersebut.
c. Desain Layar Halaman Sekolah
PERA NCAN G AN SISTEM INFORMASI SP ASI AL LO G O
BE RBA SIS WE B PAD A LOK ASI SLTA STU DI LOG O
KOT A KA SUS: K OT A T AN G ERAN G
SEK OLA H
SLTA NEGERI SLTA SWASTA
SMK NEGERI SMK SWASTA
MA NEGERI MA SWASTA
TANGGAL
GAMBARAN MENGENAI JUMLAH SEKOLAH SLTA
DI KOTA TANGERANG
Home Peta
Sekolah Buku Tamu
Profile Berita
FOOTER
Gambar 3.10. Desain Layar Halaman Sekolah
Halaman ini berisi tentang pendahuluan atau pengantar dari data-data sekolah SLTA di Kota
Tangerang. Sekolah-sekolah ini terdiri dari sekolah SLTA Negeri, sekolah SLTA Swasta, sekolah SMK
Negeri, sekolah SMK Swasta, sekolah Madrasah Aliyah Negeri, dan sekolah Madrasah Aliyah Swasta.
Berikut ini adalah gambar rancangan layar salah satu tampilan data sekolah dan detail isi dari Sekolah
SLTA yang berada di Kota Tangerang.
PERANCA N GA N SISTEM IN FORMASI SPASIA L LO GO
BE RBA SIS WE B PA DA LO KA SI SL T A ST U DI LO G O
K OT A K ASUS: KOT A TA N GERAN G
SE K OL A H
SLTA NEGERI SLTA SWASTA
SMK NEGERI SMK SWASTA
MA NEGERI MA SWASTA
TANGGAL DATA SEKOLAH SLTA NEGERI
Cari:
CARI
ID SE KOL AH NA MA
SE KOL AH AL AMA T
A KRE D IT ASI TELEP O N
KE CAMA T A N
SELE NGK APN YA
Home Peta
Sekolah Buku Tamu
Profile Berita
FOOTER
Gambar 3.11. Desain Layar Data Atribut Sekolah
PERANCA N GA N SISTEM IN FORMASI SPASIA L LO GO
BE RBA SIS WE B PA DA LO KA SI SL T A ST U DI LO G O
K OT A K ASUS: KOT A TA N GERAN G
SE K OL A H
SLTA NEGERI SLTA SWASTA
SMK NEGERI SMK SWASTA
MA NEGERI MA SWASTA
TANGGAL ISI SEKOLAH SLTA NEGERI
Id Sekolah :
Nama Sekolah :
Alamat :
Akreditasi :
Telepon :
Kecamatan :
Photo Sekolah :
GAMBAR SEKOLAH
KEMBALI
Home Peta
Sekolah Buku Tamu
Profile Berita
FOOTER
Gambar 3.12. Desain Layar Detail Sekolah
d. Desain Layar Isi Buku Tamu