3.4 Desain Antarmuka
Dalam antar muka pemakai terdapat dua langkah yang paling penting, yaitu :
3.4.1 Desain Menu
Menu merupakan bagian terpenting pada suatu aplikasi, karena dengan menu dapat lebih mudah memahami perintah apa saja yang terdapat dalam aplikasi tertentu. Pada
aplikasi data Penduduk Kelurahan ini menu terletak header halaman admin . Pada header terdapat lima buah menu yaitu HOME, PENDUDUK, SURAT,
PENGGUNA, LOGOUT. Menu home menginformasikan menu-menu yang ada pada header dan
kegunaannya, Pada menu Penduduk terdapat link penduduk baru untuk menampilkan form
penambahan penduduk baru, link cari penduduk yang berfungsi untuk menampilkan daftar penduduk yang dicari berdasarkan kerateria pencarian, link statistic penduduk
untuk menampilkan statistic penduduk berdasarkan status statistik yang ingin di tampilkan.
Menu surat berisi beberapa link yaitu surat keterangan,surat keterangan baru nikah,surat keterangan baru kerja, surat keterangan pindah, surat keterangan kelakuan
baik ,surat keterangan izin suamiistriorang tua , surat keterangan KTP sementara, surat keterangan izin keramaian,dan surat keterangan bersih diri yang kesemuanya itu
bertujuan untuk membuat,menyimpan dan mencetak surat tersebut. Dan satu lagi link daftar surat yang berfungsi untuk menampilkan detail daftar surat
dan detailnya. Menu pengguna berisikan link ganti password, tambah user dan daftar user
jika itu berada pada halaman admin sedangkan jika pada halaman user hanya terdapat link ganti password.
3.4.2 Pendesain Tampilan
Pada langkah pendesain Tampilan, dirancang tampilan-tampilan grafis yang dapat
dibuat sebagai antar muka pemakai aplikasi. Hal-hal yang perlu dipertimbangkan adalah :
1. Bagaimana membuat form-form yang efektif serta sesuai dengan kebutuhan.
2. Bagaimana mengatur tata letak form layout, baik itu pewarnaan serta
penentuan property kontrol-kontrol pada form yang akan mempengaruhi segi estetika sebuah antar muka pemakai.
3.4.3 Perancangan Input
Perancangan input meliputi data masukan untuk diolah sistem. Dimana hal-hal berikut ini dijadikan patokan dalam rancangan input :
1. Jenis data yang diinput, apakah data numerik atau karakter.
2. Pengkodean dan pengurutan data, dengan menggunakan suatu kunci primer.
3. Dialog untuk membuat user dalam menyediakan input, berupa keterangan agar
user tidak salah dalam melakukan input data Validasi pemeriksaan kesalahan, berupa untuk pemeriksaan apakah data yang diinput sudah sesuai dengan
kebutuhan sistem. 4.
Metode untuk menampilkan validasi input jika kesalahan dalam input data.
Adapun tampilan atau model dari setiap input data dalam sistem yang dibuat adalah sebagai berikut :
3.4.4 Tampilan Form
1. Tampilan Form Utama
Pada saat aplikasi dijalankan melalui broser maka akan tampil form login seperti yang terlihat pada gambar dibawah ini :
Gambar 3.1 Form Login
Untuk proses login hanya dapat dilakukan oleh user dan admin, dimana admin memiliki kuasa terhadap user untuk menambah, menghapus, mengedit data daripada
user.
4. Tampilan Form Halaman utama admin user
Tampilan form halaman utama seperti yang terlihat pada gambar dibawah ini :
Gambar 3.2 Home
Pada halaman utama ini home menampilkan tentang menu yang terdapat pada aplikasi ini dan tujuannya.
5. Tampilan form penduduk
Tampilan form penduduk seperti yang terlihat pada gambar dibawah ini :
Gambar 3.3 Menu Penduduk
Pada menu ini terdapat link penduduk baru yang berfungsi untuk menambahkan penduduk baru, menu cari penduduk yang berfungsi untuk mencaari penduduk
berdasarkan kraterianya dan statistic penduduk untuk menampilkan data penduduk berdasarkan keraterianya secara detail.
6. Tampilan form penduduk baru
Tampilan form penduduk baru seperti yang terlihat pada gambar di bawah ini.
Gambar 3.4 Form Tambah Penduduk
Form ini bertujuan untuk menambahkan data penduduk baru dan menyimpanya pada databases komputer.
7. Tampilan form cari Penduduk
Tampilan form cari Penduduk seperti yang terlihat pada gambar di bawah ini.
Gambar 3.5 Form Cari Penduduk
Form ini sangat membantu pegawai kelurahan untuk mendapatkan data penduduk berdasarkan krateria dan atribut pencarian.
8. Tampilan statistic penduduk
Tampilan form Statistik Penduduk seperti yang terlihat pada gambar di bawah ini.
Gambar 3.6 Statistik Penduduk
Form ini bertujuan untuk menampilkan statistic penduduk berdasarkan jenis statistic yang ingin di tampilkan.
9.
Tampilan form surat
Tampilan form surat seperti yang terlihat pada gambar di bawah ini.
Gambar 3.7 Menu Surat
Form ini bertujuan untuk pembuatan surat berdasarkan surat yang di keluarkan kelurahan yaitu surat Keterangan, Baru Nikah, Baru Kerja, Pindah, Kelakuan Baik,
Ijin, KTP sementara,Ijin Keramaian dan Bersih Diri. Dimana setiap surat yang diterbitkan akan disimpan pada database kelurahan,dapat
dilakukan pencetakan dan dapat menampilkan detail setiap surat yang diterbitkan.
10. Tampilan form buat surat keterangan
Tampilan form seperti terlihat di bawah ini
Gambar 3.8 Form Buat Surat Keterangan
Form ini bertujuan untuk membuat surat keterangan dan menyimpannya ke database komputer.
11. Tampilan form detail surat keterangan
Tampilan form seperti terlihat dibawah ini
Gambar 3.9 Tampilan Detail Surat Keterangan
Form diatas merupakan tampilan detail surat keterangan sebelum dilakukan pencetakan.
Gambar dibawah ini adalah hasil cetakan dari surat keterangan.
Gambar 3.10 Hasil Cetak Surat Keterangan
Kesemuan jenis surat pada menu surat memiliki proses yang sama dalam
pembuatan,penampilan detail dan pencetakan. Setiap surat yang dibuat akan di simpan pada database komputer.
12. Tampilan form daftar surat
Tampilan form seperti terlihat dibawah ini
Gambar 3.11 Daftar Surat
Pada form ini seluruh jenis surat dapat ditampilkan atau berdasarkan jenis surat yang diinginkan saja.
13. Tampilan form Pengguna.
Tampilan form pengguna seperti yang terlihat pada gambar di bawah ini.
Gambar 3.12 Halaman Pengguna
Form pengguna ini bertujuan untuk melakuan pemanifulasian user oleh admin dan hanya penggantian password untuk user.
3.5 Algoritma
Kategori