Perancangan Antarmuka Menu Petugas

3. Struktur Menu Pemohon Home Kawasan Panduan Register Organisasi Login Perijinan SIMAKSI Perpanjangan Ijin Gambar 3.25 Struktur Menu Pemohon

3.5.2. Perancangan Antarmuka

Perancangan antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user.Perancanganntarmuka terdiri dari Perancangan tampilan menu, tampilan form, tampilan pesan, keluaran dan jaringan semantik. Berikut ini merupakan perancangan tampilan menu Sistem Informasi Perijinan Surat Ijin Masuk Kawasan Konservasi SIMAKSI berbasis web di Kementrian Kehutanan :

3.5.2.1. Perancangan Antarmuka Menu Petugas

a. Halaman Login Petugas Halaman login petugas dapat dilihat pada gambar 3.26 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 Halaman pemberitahuan dapat dilihat pada gambar 3.28 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 Awal Tgl Akhir Tim Status Ket Edit | Surat Action 1 Cari Pencarian Surat Gambar 3.29 Perancangan Halaman Perijinan SIMAKSI e. Halaman Ubah Status Perijinan SIMAKSI Halaman perijinan simaksi dapat dilihat pada gambar 3.30 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 Pemohon Nama Pemohon No KTP Alamat Provinsi Kabupaten No Tlp Email Gambar 3.31 Perancangan Halaman Pemohon g. Halaman Kawasan Halaman kawasan dapat dilihat pada gambar 3.32 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 Halaman ubah kawasan dapat dilihat pada gambar 3.34 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 Halaman jabatan dapat dilihat pada gambar 3.36 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 Halaman ubah jabatan dapat dilihat pada gambar 3.38 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 Halaman 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 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 Halaman ubah petugas dapat dilihat pada gambar 3.42 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

3.5.2.2. Perancangan Antarmuka Halaman Petugas Administrasi