bab iii pembahasan · menyurat, arsip dan ekpedisi, penataan administrasi perangkat desa,...
TRANSCRIPT
21
BAB III
PEMBAHASAN
3.1. Tinjauan Instansi
Dalam pembahasan tinjaun instansi dari desa Harjawinangun kecamatan
Balapulang kabupaten Tegal meliputi sejarah singkat desa, struktur organisasi dan
fungsi.
3.1.1 Sejarah Instansi
Harjawinangun adalah sebuah desa di kecamatan Balapulang, Kabupaten
Tegal, Jawa Tengah, Indonesia. Penduduk Harjawinangun 99% beragama islam
sedangkan matapencaharian penduduknya sebagian besar adalah petani yang
hanya mengandalkan air hujan, dikarenakan tidak adanya pengairan irigasi
padahal didekat desa Harjawinangun terdapat sungai besar bernama sungai gung.
Di desa Harjawinangun terdapat bukit yang menyerupai candi,penduduk
sekitar menamai bukit tersebut "gunung lawa" karena banyaknya lawa (bahasa
jawa) yang artinya kelelawar yang hidup di goa goa yang terdapat di gunung lawa.
Kalau kita perhatikan gunung lawa itu sebenarnya bukan 100% bukit tetapi seperti
tumpukan bebatuan bebatuan yang sengaja disusun,untuk mengetahui
kebenarannya diperlukan para ahli kepurbakalaan untuk menelitinya.Di puncak
bukit tersebut terdapat batu yang sangat besar berbentuk kepala
manusia.penduduk sekitar memberi nama "watu semar" atau batu semar.
Menurut penduduk yang sering berladang disekitar gunung lawa,disekitar
bukit tersebut masih terdapat beberapa ekor hewan langka seperti macan
tutul,macan dahan,kancil,babi hutan,monyet,lutung,dabeberapa burung
22
langka.Sekitar 20 samapai 10 tahun yanlalu jenis jenis burung langka seperti
kacer,cendet,tengkek,
yang berkembang dibukit tersebut terdapat mahluk aneh berbentuk dan
beberapa jenis burung berkicau lainnya masih banyak ditemukan tetapi sekarang
sangat sulit ditemukan.
Mitos manusia tetapi berbulu tebal dan berkepala mirip anjing yang disebut
aul.Mahluk AUL tersebut sering muncul menjelang petang,mahluk ini tinggal
disekitar goa kecil yang diberi nama sesuai nama mahluk tersebut yaitu goa
aul.Mungkin kalau digambarkan mahluk tersebut mirip big foot atau yeti.
3.1.2 Struktur Organisasi dan Fungsi
Sumber: Kantor Kelurahan Desa Harjawinangun
Gambar III.1. Struktur Organisasi
Fungsi:
1. Kepala Desa
a. Memimpin penyelenggaraan pemerintahan desa
b. Mengangkat dan memberhentikan Kepala Desa.
c. Memegang kekuasaaan pengelolaan keuangan dan aset desa.
23
d. Menetapkan peraturan desa.
e. Menetapkan anggaran dan pendapatan belanja desa.
f. Membina kehidupan masyarakat desa
g. Membina ketentramana dan ketertiban masyarakat desa
h. Membina dan meningkatkan perekonimian desa serta
mengintegrasikannya agar mencapai skala produktif untuk sebesar-
besarnya kemakmuran desa.
i. Mengembangkan sumber pendapatan desa.
j. Mengusulkan dan menerima pelimpahan sebagian kekayaan negara guna
meningkatkan kesejahteraan masyarakat desa.
k. Mengembangkan kehidupan sosial budaya masyarakat desa.
l. Memanfaatkan teknologi tepat guna.
m. Mengoordinasikan pembangunan desa secara partisipatif.
n. Mewakili desa di dalam dan di luar pengadilan atau menunjuk kuasa
hukum untuk mewakilinya sesuai dengan ketentuan peraturan perundang-
undangan
2. Sekertaris Desa
a. Melaksanakan urusan ketatausahaan seperti tata naskah, administrasi surat
menyurat, arsip, dan ekspedisi.
b. Melaksanakan urusan umum seperti penataan administrasi perangkat desa,
penyediaan prasarana perangkat desa dan kantor, penyiapan rapat,
pengadministrasian aset, inventarisasi, perjalanan dinas, dan pelayanan
umum.
24
c. Melaksanakan urusan keuangan seperti pengurusan administrasi keuangan,
administrasi sumber-sumber pendapatan dan pengeluaran, verifikasi
administrasi keuangan, dan admnistrasi penghasilan Kepala Desa,
Perangkat Desa, BPD, dan lembaga pemerintahan desa lainnya.
d. Melaksanakan urusan perencanaan seperti menyusun rencana anggaran
pendapatan dan belanja desa, menginventarisir data-data dalam rangka
pembangunan, melakukan monitoring dan evaluasi program, serta
penyusunan laporan.
1. Kasi Pemerintahan
a. Melaksanakan manajemen tata praja pemerintahan.
b. Menyusun rancangan regulasi desa.
c. Pembinaan masalah pertahanan.
d. Pembinaan ketentraman dan ketertiban.
e. Pelaksanaan upaya perlindungan masyarakat kependudukan.
f. Penataan dan pengelolaan wilayah serta pendataan dan pengelolaan profil
desa.
2. Kesra / Kasi Kesejahteraan
a. Melaksanakan pembangunan sarana prasarana perdesaan.
b. Pembangunan bidang pendidikan, kesehatan, dan tugas sosialisasi serta
mnotivasi masyarakat dibidang budaya, ekonomi, politik, lingkungan
hidup, pemberdayaan keluarga, pemuda olahraga dan karangtaruna.
3. Kasi Pelayanan
a. Melaksanakan penyuluhan dan motivasi terhadap peklaksanaan hak dan
kewajiban masyarakat.
25
b. Meningkatkan upaya partisipasi masyarakat.
c. Pelestarian niali sosial budaya masyarakat keagamaan dan ketenaga
kerjaan.
4. Kaur Tata Usaha dan Umum
a. Melaksanakan urusan ketatausaan seperti tata naskah, administrasi surat
menyurat, arsip dan ekpedisi, penataan administrasi perangkat desa,
penyediaan prasarana perangkat desa dan kantor, penyiapan rapat,
pengadministrasian aset, inventarisasi, perjalanan dinas dan pelayanan
umum.
5. Kaur Keuangan
a. Melaksanankan urusan keuangan pengurusana administrasi keuangan.
b. Administrasi sumber-sumber pendapatan dan pengeluaran.
c. Verisfikasi administrasi keuangan dan administrasi penghasilan kepala
desa, perangkat desa, BPD, dan lembaga pemerintahan desa lainnya.
6. Staff Kaur Keuangan
a Membantu Kaur Keuangan dalam urusan administrasi keuangan.
b Membantu atau menggantikan kinerja Kaur Keuangan.
7. Kaur Perencanaan
a. Mengkoordinasikan urussan perencanaan menyusun rencana anggaran
pendapatan dan belanja desa.
b. Menginvertarisir data-data dalam rangka pembangunan.
c. Melakukan monitoring dan evaluasi program serta penyusunan laporan.
8. Staff
a Membantu pekerjaan perangkat desa jika dibutuhkan.
26
3.2. Analisis kebutuhan
Pada tahap analisa kebutuhan penulis mencoba menganalisa dua kebutuhan
yaitu kebutuhan fungsional dan kebutuhan non fungsional. Tujuan dari analisis
kebutuhan adalah untuk memberi kenyamanan pengguna dalam mengakses web
dan untuk kelancaran system.
A. Analisa Kebutuhan Fungsional
Dalam analisa kebutuhan fungsional terdapat 2 kebutuhan yaitu
1. Analisa kebutuhan pengguna
Dalam web Desa Harjawinangun Kecamatan Balapulang Kabupaten Tegal
terdapat tiga pengguna yang saling berinteraksi dalam lingkungan sistem yaitu
admin, user dan pengunjunng. Ketiga pengguna tersebut memiliki karakteristik
interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi
berbeda juga
a. Hak Akses Admin
1) Admin dapat mengelola tampilan web user dan admin
2) Admin dapat mengelola manajemen user, data layanan, data penduduk,
data pemohon layanan dan data laporan pada web tersebut.
b. Hak Akses User
1) User dapat melihat halaman menu beranda, profil dan berita tanpa harus
melakukan login terlebih dahulu.
2) User dapat melakukan login dengan memasukan email dan password
yang telah terdaftar.
3) User dapat mengakses halaman layanan dan melakukan pengajuan
layanan pada halaman menu layanan setelah melakukan login
27
4) User dapat mengelola data pada halaman menu edit akun setelah
melakukan login.
c. Hak Akses Visitor
1) Visitor dapat melihat halaman menu beranda, profil, berita dan info
terkini tanpa harus melakukan registrasi terlebih dahulu.
2) Visitor dapat melakukan input data pada halaman menu registrasi untuk
kebutuhan login user agar dapat melakukan transaksi
2. Analisa Kebutuhan Sistem
a. Sistem menyediakan form daftar untuk pengunjung web agar terdaftar
sebagai user dan dapat melakukan pengajuan layanan administrasi.
b. Sistem menyediakan informasi berita terkini dan pengumuman penting
seputar desa.
B. Analisa Kebutuhan Non Fungsional
Kebutuhan non fungsional untuk web desa Harjawinangun kabupaten Tegal
yaitu sistem komputer yang berupa perangkat keras dan perangkat lunak. Berikut
spesifikasinya:
1. Kebutuhan Perangkat Keras (Hardware)
Perangkat keras yang dibutuhkan dalam membuat website desa
Harjawinangun kabupaten Tegal yaitu:
a. Pc/Laptop
1) Prosesor @1.60GHz (2 CPUs), ~1.6GHz
2) RAM 2048 MB
3) Hard Disk 500 GB
b. Mouse Microsoft PS/2
28
c. Modem
d. Printer
2. Kebutuhan Perangkat Lunak (Software)
Perangkat lunak yang dibutuhkan dalam membuat website ini yaitu:
a. Sistem Operasi Windows 7 Pro 32-bit
b. Web server: Apace
c. Editor web: Adobe Dreamweafer CC 2015
d. Pengolah database: Mysql
e. Web browser: Mozilla Firefox
3.3. Rancangan Antar Muka
Rancangan antar muka terbagi menjadi dua, antara lain:
A. Rancangan Antarmuk Admin
1. Rancangan Antarmuka Halaman Login Admin
Merupakan halaman yang berfungsi untuk masuknya admin ke dalam
halaman admin dan sekaligus untuk memberi perlindungan dari pengguna
yang tidak berkepentingan masuk. Pada form login admin ini, terdapat dua
elemen yang diperlukan untuk melakukan login, yaitu berupa user dan
password.
29
LOGO
PEMDES
HARJAWINANGUN
USERNAME
PASSWORD
LOGIN
Gambar III.2.
Rancangan Antarmuka Halaman Login Admin
2. Rancangan Antarmuka Halaman Dashboard Admin
Merupakan tampilan utama dari halaman admin, berisi menu yang ada pada
halaman admin seperti data admin,layanan,pengajuan dll.
logo
LOGOUTNAMA ADMIN
SEARCH
BERANDA
USER
LAYANAN
BERITA
DAFTAR PENDUDUK
PENGAJUAN
LAPORAN
SELAMAT DATANG DI HALAMAN ADMIN PEMDES HARJAWINANGUN
Gambar III.3.
Rancangan Antarmuka Halaman Dashboard
3. Rancangan Antarmuka Halaman User
Merupakan menu untuk melihat data admin dan terdapat tombol tambah
untuk menambah admin, tombol hapus dan tombol ubah data admin.
30
logo
LOGOUTNAMA ADMIN
SEARCH
BERANDA
USER
LAYANAN
BERITA
DAFTAR PENDUDUK
PENGAJUAN
LAPORAN
DATA USER
TAMBAH
NO ID ADMIN NAMA EMAIL HP AKSI
9 XXXXX XXXXX
XXXXX
XXXXX
XXXXXXXXXX9
99999
99999
UBAH HAPUS
UBAH HAPUS
Gambar III.4.
Rancangan Antarmuka Halaman User
4. Rancangan Antarmuka Halaman Tambah User
logo
LOGOUTNAMA ADMIN
SEARCH
BERANDA
USER
LAYANAN
BERITA
DAFTAR PENDUDUK
PENGAJUAN
LAPORAN
TAMBAH USER
ID ADMIN
NAMA
HP
PASSWORD
KONFIRMASI PASSWORD
SIMPAN BATAL
Gambar III.5.
Rancangan Antarmuka Halaman Tambah User
5. Rancangan Antarmuka Halaman Layanan
Merupakan menu untuk melihat data layanan dan terdapat tombol tambah
untuk menambah layanan, tombol hapus dan tombol ubah layanan.
31
logo
LOGOUTNAMA ADMIN
SEARCH
BERANDA
USER
LAYANAN
BERITA
DAFTAR PENDUDUK
PENGAJUAN
LAPORAN
DATA LAYANAN
TAMBAH
NO NAMA LAYANAN AKSI
9 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX9
UBAH HAPUS
UBAH HAPUS
Gambar III.6.
Rancangan Antarmuka Halaman Layanan
6. Rancangan Antarmuka Halaman Tambah layanan
FOTO
LOGOUTNAMA ADMIN
SEARCH
BERANDA
USER
LAYANAN
BERITA
DAFTAR PENDUDUK
PENGAJUAN
LAPORAN
TAMBAH DATA
SIMPAN
NAMA
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
BATAL
Gambar III.7.
Rancangan Antarmuka Halaman Tambah Layanan
7. Rancangan Antarmuka Halaman Berita
Merupakan menu untuk melihat data berita dan terdapat tombol tambah untuk
menambah berita, tombol hapus dan tombol ubah berita.
32
FOTO
LOGOUTNAMA ADMIN
SEARCH
BERANDA
USER
LAYANAN
BERITA
DAFTAR PENDUDUK
PENGAJUAN
LAPORAN
DATA BERITA
TAMBAH
NO ID ADMIN JUDUL BERITA TGL BERITA JAM BERITA AKSI
9 XXXXX XXXXX
XXXXX
9999999
9999999XXXXX9
99999
99999
UBAH HAPUS
UBAH HAPUS
Gambar III.8.
Tampilan Halaman Berita
8. Rancangan Antarmuka Halaman Tambah Berita
FOTO
LOGOUTNAMA ADMIN
SEARCH
BERANDA
USER
LAYANAN
BERITA
DAFTAR PENDUDUK
PENGAJUAN
LAPORAN
TAMBAH BERITA
ID ADMIN
JUDUL BERITA
FOTO
TANGGAL BERITA
JAM
ISI BERITA
SIMPAN BATAL
Gambar III.9.
Rancangan Antarmuka Halaman Tambah Berita
33
9. Rancangan Antarmuka Halaman Data Penduduk
Gambar III.10.
Rancangan Antarmuka Halaman Data Penduduk
10. Rancangan Antarmuka Halaman Pengajuan
Merupakan menu untuk melihat data pengajuan yang baru dan yang sudah
selesai proses. Terdapat tombol hapus dan tombol detail pengajuan untuk
meproses pengajuan.
Gambar III.11.
Rancangan Antarmuka Halaman Pengajuan
34
11. Rancangan Antarmuka Halaman Detail Pengajuan
Didalam menu detail pengajuan admin dapat merubah status pengajuan
Gambar III. 12.
Rancangan Antarmuka Halaman Detail Pengajuan
12. Rancangan Antarmuka Halaman laporan Penduduk
Berisi laporan data penduduk
LOGOPEMERINTAH KABUPATEN TEGAL
KECAMATAN BALAPULANG
DESA HARJAWINANGUN
ALAMAT
LAPORAN DATA PENDUDUK
NO NIK NAMA EMAIL TELEPON ALAMAT
9 XXXXXXXXXX
9XXXXXXXXXX XXXXXXXXXX
XXXXXXXXXX
XXXXXXXXXX
XXXXXXXXXX
XXXXXXXXXX
XXXXXXXXXX9999999999999
9999999999999
Gambar III.13.
Rancangan Antarmuka Halaman Laporan Penduduk
35
13. Rancangan Antarmuka Halaman laporan Pengajuan
Berisi laporan data pengajuan.
Gambar III.14.
Rancangan Antarmuka Halaman Laporan Pengajuan
14. Rancangan Antarmuka Halaman laporan layanan
Berisi laporan data layanan.
Gambar III.15.
Rancangan Antarmuka Halaman Laporan Layanan
36
B. Rancangan Antarmuka Pengunjung
1. Rancangan Antarmuka Halaman Dashboard Pengunjung
Merupakan tampilan utama dari halaman pengunjung, berisi menu yang ada
pada halaman pengunjung seperti beranda, profil desa, pemerintah desa,
kabar desa, kontak dan akun.
Gambar III.16.
Rancangan Antarmuka Halaman Dashboard Pengunjung
2. Rancangan Antarmuka Halaman Sejarah
Halaman sejarah terdapat pada enu profil desa yang berisi sejarah desa
Harjawinangun.
37
Gambar III.17.
Rancangan Antarmuka Halaman Sejarah
3. Rancangan Antarmuka Halaman Visi misi
Halaan sejarah terdapat pada menu profil desa
Profil Pemdes Kabar Desa Kontak AkunBeranda
KELURAHAN DESA HARJAWINANGUN
Visi Misi
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Footer
Gambar III.18.
Rancangan Antarmuka Halaman Visi misi
38
4. Rancangan Antarmuka Halaman Kontak
Gambar III.19.
Rancangan Antarmuka Halaman Kontak
5. Rancangan Antarmuka Halaman Daftar Penduduk
Gambar III.20.
Rancangan Antarmuka Halaman Daftar Penduduk
39
6. Rancangan Antarmuka Halaman Login Penduduk
Gambar III.21.
Tampilan Halaman Login Penduduk
7. Rancangan Antarmuka Halaman Formulir Pengajuan
Gambar III.22.
Rancangan Antarmuka Halaman Formulir Pengajuan
40
8. Rancangan Antarmuka Halaman Lihat Pengajuan
Gambar III.23.
Tampilan Halaman Lihat Pengajuan
9. Rancangan Antarmuka Halaman Cetak Bukti Pengajuan
Gambar III.24.
Rancangan Antarmuka Cetak Bukti Pengajuan
41
3.4. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaaan tabel–tabel yang
digambarkan dalam Entity Relatonship Diagram (ERD) dan
direpresentasikan kedalam Logical Record Structure (LRS)
A. ERD (Entity Relationship Diagram)
Berikut adalah struktur ERD (Entity Relationship Diagram) pada database
web ini:
Gambar III.25.
Entity Relationship Diagram
42
B. LRS(Logical Record Structure)
Berikut adalah struktur LRS (Logical Record Structure) pada database web
Gambar III.26.
Logical Record Structur
3.5. Spesifikasi File
Dalam pembuatan website ini menggunakan satu database dengan nama
dbnisa.sql. yang terdiri dari beberapa table yaitu:
1. Spesifikasi File Admin
Nama File : table admin
Akronim : admin
Fungsi : Menyimpan data admin
43
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 146 byte
Kunci Field : id_admin
Software : Mysql
Tabel III.1.
Spesifikasi File Admin
No Elemen Data Akronim Tipe Panjang Keterangan
1. Id admin id_admin Varchar 8 Primary Key
2. Nama nama_admin Varchar 35
3. Password pswd_admin Varchar 50
4. Email email_admin Varchar 40
5. No HP hp_admin Varchar 13
2. Spesifikasi File Berita
Nama File : table berita
Akronim : berita
Fungsi : Menyimpan data berita
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 784 byte
Kunci Field : id_berita
Software : Mysql
44
Tabel III.2.
Spesifikasi File Berita
No Elemen Data Akronim Tipe Panjang Keterangan
1. id berita id_berita Int 4 Primary Key
2. judul berita judul_berita Varchar 70
3. Tangal tanggal_berita Date
4. Jam jam_berita Date
5. isi berita isi_berita Varchar 600
6. Foto foto_berita Varchar 100
7. Id admin id_admin Varchar 10
3. Spesifikasi File penduduk
Nama File : table penduduk
Akronim : penduduk
Fungsi : menyimpan data penduduk
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record :363 byte
Kunci Field : nik
Software : Mysql
Tabel III.3.
Spesifikasi File Penduduk
No Elemen Data Akronim Tipe Panjang Keterangan
1. Id penduduk Nik Varchar 20 Primary Key
2. Nama nama_penduduk Varchar 50
3. Email email_ penduduk Varchar 50
5. Telepon tlp_ penduduk Varchar 15
6. Password pswd_ penduduk Varchar 50
7. Alamat alamat_ penduduk Varchar 50
8. Rt/Rw rtrw_ penduduk Varchar 5
9. Kelurahan kel_ penduduk Varchar 25
10. Kecamatan kec_ penduduk Varchar 25
11. Kabupaten kab_ penduduk Varchar 25
45
12. Provinsi pro_ penduduk Varchar 25
13. Kode pos kdpos_ penduduk Varchar 10
14. scan kk scan_kk Varchar 100
15. scan ktp scan_ktp Varchar 100
4. Spesifikasi File Layanan
Nama File : table layanan
Akronim : layanan
Fungsi : menyimpan data layanan
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 55byte
Kunci Field : id_layanan
Software : Mysql
Tabel III.4.
Spesifikasi File layanan
No Elemen Data Akronim Tipe Panjang Keterangan
1. Id layanan id _layanan Int 5 Primary Key
2. Nama layanan nama_layanan Varchar 50
5. Spesifikasi File pengajuan
Nama File : table pengajuan
Akronim : pengajuan
Fungsi : menyimpan data pengajuan
Tipe File : File Master
Organisasi File : Index Sequential
46
Akses File : Random
Media : Hard Disk
Panjang record : 357 byte
Kunci Field : no_pengajuan
Software : Mysql
Tabel III.5.
Spesifikasi File Pengajuan
No Elemen Data Akronim Tipe Panjang Keterangan
1. No pengajuan nopengajuan Varchar 15 Primary Key
2. Status pengajuan Status Varchar 15
3. Tanggal
Pengajuan
tgl_pengajuan Date
4. Tanggal
Pengambilan
tgl_pengambilan Date
5. Tanggal Diambil tgl_ambil Date
6. Id layanan id_layanan Int 6
7. Id penduduk Nik Varchar 20
8. Id admin id_admin Varchar 15
9. Keterangan ket_pengajuan Text
10 Memo Memo Text
3.6. Pengkodean
Setiap penduduk yang akan mengajukan pengajuan layanan memiliki nomor
pengajuan masing-masing yaitu dengan format pengodean sebagai berikut:
Gambar III.27.
Pengkodean Nomor Pengajuan
47
3.7. Struktur Navigasi
A. Struktur Navigasi Halaman Index
Gambar III.28.
Struktur Navigasi Halaman Index
B. Struktur Navigasi Halaman User
Gambar III.29.
Struktur Navigasi Halaman User
48
C. Struktur Navigasi Halaman Admin
Gambar III.30.
Struktur Navigasi Halaman Admin
3.8. Implementasi
A. Implementasi Antar Muka
1. Tampilan Login Admin
Gambar III.31.
Halaman Login Admin
49
2. Tampilan Dashboard Admin
Gambar III.32.
Halaman Dashboard Admin
3. Tampilan Halaman User
Gambar III.33.
Tampilan Halaman User
50
4. Tampilan Tambah User
Gambar III.34.
Tampilan Halaman Tambah User
5. Tampilan Halaman Layanan
Gambar III.35.
Tampilan Halaman Layanan
51
6. Tampilan Tambah layanan
Gambar III.36.
Tampilan Tambah Layanan
7. Tampilan Halaman Berita
Gambar III.37.
Tampilan Halaman Berita
52
8. Tampilan Tambah Berita
Gambar III.38.
Tampilan Tambah Berita
9. Tampilan Data Penduduk
Gambar III.39.
Tampilan Data Penduduk
53
10. Tampilan Data Pengajuan
Gambar III.40.
Tampilan Halaman Data Pengajuan
11. Tampilan Halaman Detai Pengajuan
Gambar III.41.
Tampilan Halaman Detail Pengajuan
54
12. Tampilan Laporan Penduduk
Gambar III.42.
Tampilan Laporan Penduduk
13. Tampilan Laporan Pengajuan
Gambar III.43.
Tampilan Laporan Pengajuan
55
14. Tampilan Laporan Layanan
Gambar III.44.
Tampilan Laporan Layanan
B. Tampilan Pengunjung
1. Tampilan Halaman Dashboard Pengunjung
Gambar III.45.
Tampilan Halaman Dashboard Pengunjung
56
2. Tampilan Halaman Sejarah
Gambar III.46.
Tampilan Halaman Sejarah
3. Tampilan Halaman Visi misi
Gambar III.47.
Tampilan Halaman Visi misi
57
4. Tampilan Halaman Informasi
Gambar III.48.
Tampilan Halaman Informasi
5. Tampilan Halaman Kontak
Gambar III.49.
Tampilan Halaman Kontak
58
6. Tampilan Halaman Login Penduduk
Gambar III.50.
Tampilan Halaman Login Penduduk
7. Tampilan Formulir Pengajuan
Gambar III.51.
Tampilan Formulir Pengajuan
59
8. Tampilan Lihat Pengajuan
Gambar III.52.
Tampilan Lihat Pengajuan
9. Tampilan Cetak Bukti Pengajuan
Gambar III.53.
Tampilan Cetak Bukti Pengajuan
60
3.9. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan black box testing
yang fous teradap proses masukan dan keluaran program.
1. Pengujian Terhadap Login User
Tabel III.6
Hasil Pengujian Login User
No Skenario
Pengujian
Test case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Username dan
Password tidak
diisi kemudian
klik tombol
login
Username :
(kosong)
Password :
(kosong)
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“ 1.email Silahkan
isi dengan benar
2 .Password
Silahkan isi
dengan benar
”
Sesuai
harapan
Valid
2. Username diisi
dengan format
salah (tidak
menggunakan
simbol
@)kemudian
klik tombol
login
Username :
nisagmail.co
m
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“Username dan
Password yang
Anda input belum
benar”
Sesuai
harapan
Valid
3. Username diisi
dan Password
tidak diisi
kemudian klik
tombol login
Username :
(nisa@gmail.
com)
Password :
(kosong)
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“ Password
Silahkan isi
dengan benar”
Sesuai
harapan
Valid
61
4. Username tidak
diisi dan
Password diisi
kemudian klik
tombol login
Username :
(kosong)
Password :
(1234)
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“ Username yang
Anda input belum
benar”
Sesuai
harapan
Valid
5. Username dan
Password diisi
dengan data
yang salah
kemudian klik
tombol login
Username :
(adc,nisa@g
mail.com)
Password :
(123)
Sistem akan
menolak akan
menampilkan
peringatan
“Username dan
Password yang
Anda input belum
benar”
Sesuai
harapan
Valid
6. Username dan
Password diisi
dengan benar
kemudian klik
tombol login
Username :
(nissa@gmail
.com)
Password :
(1234)
Sistem menerima
akses login dan
masuk kehalaman
beranda user
Sesuai
harapan
Valid
2. Pengujian Terhadap Penduduk Baru
Tabel III.7
Hasil Pengujian Penduduk Baru
No Skenario
Pengujian
Test case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Nama
Lengkap
tidak diisi
dan data
lain diisi
kemudian
klik tombol
daftar
Nama Lengkap :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
2. Email tidak
diisi dan
data lain
diisi
kemudian
klik tombol
Email : Kosong Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
Sesuai
harapan
Valid
62
daftar “Please fill out
this field”
3. Alamat
tidak diisi
dan data
lain diisi
kemudian
klik tombol
daftar
Alamat : Kosong Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
4. Nomor
Telepon
tidak diisi
dan data
lain diisi
kemudian
klik tombol
daftar
Nomor Telepon :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
5. Nomor Hp
tidak diisi
dan data
lain diisi
kemudian
klik tombol
daftar
Nomor Hp:
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
6. Password
tidak diisi
dan data
lain diisi
kemudian
klik tombol
daftar
Password :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
7. Konfirmasi
Password
tidak diisi
dan data
lain diisi
kemudian
klik tombol
daftar
Konfirmasi
Password :
Kosong
Sistem akan
menolak akses
dan field akan
diberi garis merah
serta
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
63
8. Semua Data
diisi dengan
lengkap dan
benar
Nama Lengkap :
Jahrotun nisa
Email :
Alamat :
Harjawinangun
Nomor telepon :
0215678
Nomor Hp :
085342675342
Password : 1234
Konfirmasi
Password : 1234
Sistem akan
menerima akses
dan akan
menampilkan
pesan “Input Data
Berhasil”
Sesuai
harapan
Valid
3. Pengujian Terhadap Pengajuan
a. Pengajuan
Tabel III.8
Hasil Pengujian Pengajuan
No Skenario
Pengujian
Test case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Layanan belum
dipilih
sedangkan data
yang lainnya
sudah otomatis
ada
Layanan :
kosong
Sistem akan
menolak akan
menampilkan
peringatan “Pilih
Layanan tidak
boleh kosong !”
Sesuai
harapan
Valid
2. Semua Data
diisi dengan
lengkap dan
benar
Nopengajuan
:2018080300
1Nama :
Jahrotun Nisa
Email :
om
Nomor
telepon :
02153467
Nomor Hp :
08534267534
2
Alamat :
Harjawinang
un
Sistem akan
menerima akses
dan akan
menampilkan
pengajuan tahap
II
Sesuai
harapan
Valid
64
Pilih
Layanan :
surat
keterangan
pindah
3 scan kk, scan
ktp tidak diisi
kemudian klik
tombol Simpan
Scan kk :
kosong
scan kk :
kosong
scan ktp :
kosong
Sistem akan
menolak akan
menampilkan
peringatan
“name_scansuket,
name_scankk,nam
e_scan ktp Harus
diupload!”
Sesuai
harapan
Valid
4 Scan ktp tidak
diisi sedangkan
yng lain lengkap
kemudian klik
tombol Simpan
Scan ktp :
kosong
scan kk : foto
scan kk.jpg
scan ktp :
foto scan
ktp.jpg
Sistem akan
menolak akan
menampilkan
peringatan
“name_scansuket,
Harus diupload!”
Sesuai
harapan
Valid
5 Scan kk tidak
diisi sedangkan
yng lain lengkap
kemudian klik
tombol Simpan
Scan kk :
kosong
scan suket :
foto scan
suket.jpg
scan ktp :
foto scan
ktp.jpg
Sistem akan
menolak akan
menampilkan
peringatan
“name_scankk
Harus diupload!”
Sesuai
harapan
Valid
6. Scan ktp tidak
diisi sedangkan
yng lain lengkap
kemudian klik
tombol Simpan
Scan ktp :
kosong
scan suket :
foto scan
suket.jpg
scan kk : foto
scan kk.jpg
Sistem akan
menolak akan
menampilkan
peringatan
“name_scanktp
Harus diupload!”
Sesuai
harapan
Valid
7 Semua diisi
dengan lengkap
dan benar
scan suket :
foto scan
suket.jpg
scan kk : foto
scan kk.jpg
scan ktp :
foto scan
ktp.jpg
Sistem akan
menerima akses
dan akan
menampilkan
“pengajuan
Berhasil”
Sesuai
harapan
Valid
65
4. Pengujian Terhadap Login Admin
Tabel III.9
Hasil Pengujian Login Admin
No Skenario
Pengujian
Test case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. User ID dan
Password tidak
diisi kemudian
klik tombol
login
Username :
(kosong)
Password :
(kosong)
Sistem akan
menolak akses
dan field akan
menampilkan
“LOGIN
GAGAL!
id_admin atau
Password Anda
Salah.
Atau account
Anda sedang
diblokir.
ULANGI LAGI”
Sesuai
harapan
Valid
2. User ID diisi
dan Password
tidak diisi
kemudian klik
tombol login
Username :
nisa
Password :
(kosong)
Sistem akan
menolak akses
akan
menampilkan
“LOGIN
GAGAL!
id_admin atau
Password Anda
Salah.
Atau account
Anda sedang
diblokir.
ULANGI LAGI”
Sesuai
harapan
Valid
3. User ID tidak
diisi dan
Password diisi
kemudian klik
tombol login
Username :
(kosong)
Password :
(nisa)
Sistem akan
menolak akses
dan field akan
menampilkan
“LOGIN
GAGAL!
id_admin atau
Password Anda
Salah.
Atau account
Anda sedang
diblokir.
ULANGI LAGI”
Sesuai
harapan
Valid
66
4. User ID e dan
Password diisi
dengan data
yang salah
kemudian klik
tombol login
Username :
nisa 123
Password :
(123)
Sistem akan
menolak akan
menampilkan
peringatan
“LOGIN
GAGAL!
id_admin atau
Password Anda
Salah.
Atau account
Anda sedang
diblokir.
ULANGI LAGI”
Sesuai
harapan
Valid
5. User ID dan
Password diisi
kemudian klik
tombol login
Username :
nisa
Password :
1234
Sistem menerima
akses login dan
masuk kehalaman
beranda user
Sesuai
harapan
Valid