ANALISIS DAN PERANCANGAN SISTEM
2. Kebutuhan Pengguna
3.5. Perancangan Struktur Menu
3.5.2. Perancangan Antarmuka
3.5.2.1. Perancangan Antarmuka Menu Petugas
a. Halaman Login Petugas
Navigasi:
Isi field no 1 dengan username
Isi field no 2 dengan password
Klik tombol Login untuk masuk ke halaman utama A03
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A01 User Login Username Password 1 2 Login Logo Kementrian Kehutanan
Gambar 3.26 Perancangan Halaman Login Petugas
b. Halaman Awal Sistem (Home)
Halaman Home petugas dapat dilihat pada gambar 3.27
Navigasi:
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Home untuk tetap di A02
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A02
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout Halaman Admin
Pengolahan data perijinan SIMAKSI 2
Gambar 3.27 Perancangan Halaman Home Petugas
c. Halaman Pemberitahuan
Navigasi:
Klik Home untuk menuju ke A02
Klik Pemberitahuan untuk menunjukkan pesan yang masuk sebagai pemberitahuan bahwa ada pengajuan ijin baru
Klik Download untuk mengunggah lampiran yang disertakan pemohon
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem Ukuran Layar : (Default)
Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A03
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas
Account
Selamat Datang,[user] | Logout Detail Ijin ID Pemohon : xxxx Nama Pemohon : xxxxxx Nama Instansi : xxxxxx Jenis Kegiatan : xxxxx Detail Kegiatan :xxxxx Kawasan : xxxxxx Tgl Mulai : xxxx Tgl Akhir : xxxxx Tim: xx Lampiran 2 Pesan dari :S1 Waktu: xxxx Download
Gambar 3.28 Perancangan Halaman Pemberitahuan
d. Halaman Perijinan SIMAKSI
Halaman perijinan simaksi dapat dilihat pada gambar 3.29
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Isi field no 1 dengan no surat yang akan dicari lalu klik tombol cari
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Perijinan SIMAKSI untuk tetap di A04 Ukuran Layar : (Default)
Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A04
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas
Account
Selamat Datang,[user] | Logout Perijinan SIMAKSI
2
No Surat ID Pemohon Nama Pemohon Jenis Kegiatan Kawasan Tgl AwalTgl Akhir Tim Status Ket Edit | Surat
Action
1 Cari Pencarian Surat
Gambar 3.29 Perancangan Halaman Perijinan SIMAKSI
e. Halaman Ubah Status Perijinan SIMAKSI
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik radio button yang berada di status ijin untuk menandakan bahwa surat selesai di proses
Pilih NIP untuk menentukan siapa yang menandatangani surat
Klik simpan untuk menyimpan perubahan dan klik batal untuk membatalkan perubahan
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Perijinan SIMAKSI untuk tetap di A04
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A04-1
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas
Account
Selamat Datang,[user] | Logout
Pembuatan SIMAKSI 2 No Surat : xxx Nama Pemohon : xxxx Kawasan : xxx Tgl Mulai : xxx Tgl Akhir : xx Tim : xx Status Ijin Keterangan NIP Sedang Diproses Selesai Diproses Pengajuan Baru Perpanjangan Pilih NIP Simpan Batal
Gambar 3.30 Perancangan Halaman Ubah Status Perijinan SIMAKSI
f. Halaman Pemohon
Halaman pemohon dapat dilihat pada gambar 3.31
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Kawasan untuk menuju ke A06
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Pemohon untuk tetap di A05 Ukuran Layar : (Default)
Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream A05
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout
Pemohon 2
ID PemohonNama Pemohon No KTP Alamat Provinsi Kabupaten No Tlp Email
Gambar 3.31 Perancangan Halaman Pemohon
g. Halaman Kawasan
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Isi field 1 dengan nama kawasan yang akan dicari lalu klik tombol cari
Klik tombol + Kawasan untuk menambah data kawasan
Klik icon Ed untuk mengedit kawasan dan klik icon Del untuk menghapus kawasan
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Kawasan untuk tetap di A06
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A06
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout Kawasan
2
ID Kws Nama Kawasan Deskripsi Gambar Bidang Wilayah Seksi Konservasi Ed | Del
Action
1 Cari Pencarian Kawasan
+ Kawasan
Gambar 3.32 Perancangan Halaman Kawasan
h. Halaman Tambah Kawasan
Halaman tambah kawasan dapat dilihat pada gambar 3.33
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Isi field 1 dengan nama kawasan
Isi field 2 dengan deskripsi tentang kawasan
Isi field 3 dengan gambar kawasan dengan mengklik browse
Pilih radio button untuk diang wilayah mana dan seksi konservasi mana
Klik simpan untuk menyimpan penambahan data dan klik batal untuk membatalkan penambahan data
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Kawasan untuk tetap di A06 Ukuran Layar : (Default)
Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A06-1
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas
Account
Selamat Datang,[user] | Logout
Tambah Kawasan 2 Nama Kawasan Deskripsi Gambar Bidang Wilayah Seksi Konservasi 1 2 3 Browse Wilayah I Wilayah II Wilayah III Wilayah I Wilayah II Wilayah III Wilayah IV Wilayah V Wilayah VI Simpan Batal
Gambar 3.33 Perancangan Halaman Tambah Kawasan
i. Halaman Ubah Kawasan
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik simpan untuk menyimpan perubahan data dan klik batal untuk membatalkan perubahan data
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Kawasan untuk tetap di A06
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A06-2
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas
Account
Selamat Datang,[user] | Logout Edit Kawasan 2 Nama Kawasan Deskripsi Gambar Bidang Wilayah Seksi Konservasi xxxx xxxx xxx Browse Wilayah I Wilayah II Wilayah III Wilayah I Wilayah II Wilayah III Wilayah IV Wilayah V Wilayah VI Simpan Batal img
Gambar 3.34 Perancangan Halaman Ubah Kawasan
j. Halaman Hapus Kawasan
Halaman hapus kawasan dapat dilihat pada gambar 3.35
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik hapus untuk menghapus data dan klik batal untuk membatalkan hapus data
Klik Jabatan untuk menuju ke A07
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Kawasan untuk tetap di A06
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream A06-3
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout
Edit Kawasan 2 Nama Kawasan Deskripsi Gambar Bidang Wilayah Seksi Konservasi xxxx xxxx Hapus Batal img xxxx xxxx
Gambar 3.35 Perancangan Halaman Hapus Kawasan
k. Halaman Jabatan
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju di A06
Isi field 1 dengan nama pemegang yang akan dicari lalu klik tombol cari
Klik tombol + Jabatan untuk menambah data jabatan
Klik icon Ed untuk mengedit jabatan dan klik icon Del untuk menghapus jabatan
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Jabatan untuk tetap di A07
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream A07
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout
Jabatan 2
NIP Nama Pemegang Jabatan Kedudukan Ed | Del
Action
1 Cari Pencarian Nama
+ Jabatan
Gambar 3.36 Perancangan Halaman Jabatan
l. Halaman Tambah Jabatan
Halaman tambah jabatan dapat dilihat pada gambar 3.37
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Isi field 1 dengan NIP
Isi field 2 dengan nama penandatangan
Isi field 3 dengan jabatan yang dimiliki penandatangan
Isi field 4 dengan kedudukan dimana penandatangan bekerja
Klik simpan untuk menyimpan penambahan data dan klik batal untuk membatalkan penambahan data
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Jabatan untuk tetap di A07 Ukuran Layar : (Default)
Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A07-1
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas
Account
Selamat Datang,[user] | Logout
Tambah Jabatan 2 NIP Nama Penandatangan Jabatan Kedudukan 1 3 Simpan Batal 2 4
Gambar 3.37 Perancangan Halaman Tambah Jabatan
m. Halaman Ubah Jabatan
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik simpan untuk menyimpan perubahan data dan klik batal untuk membatalkan perubahan data
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Jabatan untuk tetap di A07
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A07-2
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas
Account
Selamat Datang,[user] | Logout
Edit Jabatan 2 NIP Nama Penandatangan Jabatan Kedudukan xxxxx xxxxxx Simpan Batal xxxxxxxx xxxx
Gambar 3.38 Perancangan Halaman Ubah Jabatan
n. Halaman Hapus Jabatan
Halaman hapus jabatan dapat dilihat pada gambar 3.39
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik hapus untuk menghapus data dan klik batal untuk membatalkan hapus data
Klik Petugas untuk menuju ke A08
Klik Logout untuk keluar dari sistem
Klik Jabatan untuk tetap di A07
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream
A07-3
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas
Account
Selamat Datang,[user] | Logout
Hapus Jabatan 2 NIP Nama Penandatangan Jabatan Kedudukan xxxxx xxxxxx Hapus Batal xxxxxxxx xxxx
Gambar 3.39 Perancangan Halaman Hapus Jabatan
o. Halaman Petugas
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju di A06
Klik Jabatan untuk menuju ke A07
Isi field 1 dengan nama petugas yang akan dicari lalu klik tombol cari
Klik tombol + Petugas untuk menambah data petugas
Klik icon Ed untuk mengedit petugas dan klik icon Del untuk menghapus petugas
Klik Logout untuk keluar dari sistem
Klik Petugas untuk tetap di A08
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream A08
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout
Petugas 2
1 Cari Pencarian
+ Petugas
ID Petugas Username Password Nama Petugas Level Ed | Del
Action
Gambar 3.40 Perancangan Halaman Petugas
p. Halaman Tambah Petugas
Halaman tambah petugas dapat dilihat pada gambar 3.40
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik Jabatan untuk menuju ke A07
Isi field 1 dengan username
Isi field 2 dengan password
Isi field 3 dengan nama petugas
Pilih radio button untuk menetukan level petugas
Klik simpan untuk menyimpan penambahan data dan klik batal untuk membatalkan penambahan data
Klik Logout untuk keluar dari sistem
Klik Petugas untuk tetap di A08 Ukuran Layar : (Default)
Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream A08-1
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout
Tambah Petugas 2 Username Password Nama Petugas Level 1 3 Simpan Batal 2 ADMIN PETUGAS ADMINISTRASI
Gambar 3.41 Perancangan Halaman Tambah Petugas
q. Halaman Ubah Petugas
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik Jabatan untuk menuju ke A07
Klik simpan untuk menyimpan perubahan data dan klik batal untuk membatalkan perubahan data
Klik Logout untuk keluar dari sistem
Klik Petugas untuk tetap di A08
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream A08-2
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout
Edit Petugas 2 xxxxx Simpan Batal xxxxxxxx xxxx ID Petugas Username Password Nama Petugas Level ADMIN PETUGAS ADMINISTRASI
*) kosongkan password jika tidak diubah
Gambar 3.42 Perancangan Halaman Ubah Petugas
r. Halaman Hapus Petugas
Halaman hapus petugas dapat dilihat pada gambar 3.43
Navigasi:
Klik Home untuk menuju A02
Klik Pemberitahuan untuk menuju ke pesan dari pemohon (A03)
Klik Perijinan SIMAKSI untuk menuju ke A04
Klik Pemohon untuk menuju ke A05
Klik Kawasan untuk menuju ke A06
Klik Jabatan untuk menuju ke A07
Klik hapus untuk menghapus data dan klik batal untuk membatalkan hapus data
Klik Logout untuk keluar dari sistem
Klik Petugas untuk tetap di A08
Ukuran Layar : (Default) Font : Arial / 8, 10, 12pt Warna : Hijau, Coklat, Putih, Cream A08-3
Logo Kementrian Kehutanan
Home Pemberitahuan Perijinan SIMAKSI Pemohon Kawasan Jabatan Petugas Account
Selamat Datang,[user] | Logout
Hapus Petugas 2 xxxxx xxxxxx Hapus Batal xxxxxxxx xxxx ID Petugas Username Password Nama Petugas Level ADMIN PETUGAS ADMINISTRASI
Gambar 3.43 Perancangan Halaman Hapus Petugas