4.3.9 Perancangan Tampilan
Pada tahap ini dilakukan perancangan tampilan antarmuka halaman- halaman web, dimana dari beberapa menu, yaitu formlogin, home, permohonan,
pemeriksaan, penetapan, penomoranm penyerahan dan pembayaran. Perancangan antarmuka ini diharapkan dapat memudahkan pengguna dalam menjalankan
sistem ini. Berikut ini adalah gambaran rancangan antarmukanya.
a. Halaman
Login
Gambar 4.31 Rancangan Halaman Login
HEADER
User name
Logo Garuda
Password Login
FOOTER
b. Halaman Utama
Gambar 4.32 Rancangan Halaman Utama
c. Halaman Pendaftaran
Gambar 4. Rancangan Pemohon
Gambar 4.33 Rancangan Pendaftaran tab permohonan
Gambar IMB
Menu drop Down
Footer
Footer
Permohonan Pemeriksaan
Penetapan Penolakan
Menu drop Down
Tgl. Permohonan Jenis Permohonan
No. Permohonan Perihal
Lampiran Status
Permohonan Pemohon
Komponen Lokasi Bangunan
Footer
Gambar 4.34 Rancangan Pendaftaran tab pemohon
Gambar 4.35 Rancangan Pendaftaran tab komponen bangunan
Permohonan Pemeriksaan
Penetapan Penolakan
Menu drop Down
Permohonan Pemohon
Komponen Lokasi Bangunan
Footer
No. ktp Nama
NPWRD Contact Person
No. Telp No. HP
Tempat lahir Tgl. Lahir
Alamat
Nama Perusahan Jabatan
Permohonan Pemeriksaan
Penetapan Penolakan
Menu drop Down
Permohonan Pemohon
Komponen Lokasi Bangunan
Footer
Tgl. Permohonan Pondasi
Rangka Kap Kusen
Luas Bangunan Dinding
Atap Lantai
M2
Gambar 4.36 Rancangan Pendaftaran tab lokasi bangunan
d. Pemeriksaan
Gambar 4.37 Rancangan Halaman Pemeriksaan
Permohonan Pemeriksaan
Penetapan Penolakan
Menu drop Down
Permohonan Pemohon
Komponen Lokasi Bangunan
Footer
Kampung Komplek Perumahan
Jalan Kecamatan
Kelurahan Berada diatas tanah
Nomor
Simpan Reset
Form Entry BAP
Permohonan Pemeriksaan
Penetapan Penolakan
Menu drop Down
No.Pendaftaran Tgl. Pemeriksaan
No. BA. Pemeriksaan Nama Petugas
Status Pemeriksaan
Footer
Simpan Reset
Komponen Bangunan
e. Form Data Pemeriksaan Lapangan
Gambar 4.38 Rancangan Data Lapangan
f. Penetapan
Gambar 4.39 Rancangan Halaman Penetapan
g. Penomoran
Permohonan Pemohon
Komponen Lokasi Bangunan
NPWRD
Entri Penomoran Sudah Diproses
Menu drop Down
Jenis Izin Akta Tgl. Permohonan
Tgl. Pembayaran Tgl. Penomoran
Tanggal Penerbitan
Footer
No. Pendaftaran Nama Pemohon
Nomor Surat Simpan
Reset
Permohonan Pemeriksaan
Penetapan Penolakan
Menu drop Down
No.Pendaftaran Nomor SKRD
Tgl. Penetapan Alamat Pemohon
Pemohon Lokasi
Footer
NPWRD
Simpan Reset
Biaya
Komponen Biaya
Gambar 4.40 Rancangan Halaman Penomoran
h. Penyerahan