bab iii pembahasan · bertugas memabntu perangkat program pengajaran, ... harian, ulangan umum, dan...
TRANSCRIPT
22
BAB III
PEMBAHASAN
3.1. Tinjauan Instansi / Sekolah
3.1.1. Sejarah Instansi / Sekolah
Sekolah Menengah Pertama (SMP) YWKA 1 Jakarta adalah salah satu
lembaga pendidikan swasta yang bernaung dibawah Yayasan Wanita Kereta Api
DAOP 1 Jakarta. Yayasan yang didirikan dan dikelola oleh para istri penjabat dan
pegawai PT. Kereta Api Indonesia (persero) ini berlokasi di Jalan Menara Air
Kelurahan Manggarai Kecematan Tebet Kota Administrasi Jakarta Selatan.
Sekolah Menengah Pertama (SMP) YWKA 1 Jakarta berdiri pada tanggal 28
Agustus 1983. Memiliki gedung lantai sendiri dengan satu lantai yang berdiri
diatas tanah seluas 3.220 m2 dengan luas bangunan seluas 1.190 m2 dengan 10
ruang kelas, perpustakaan, laboratorium IPA, laboratorium komputer, ruang audio
visual, dan dilengkapi dengan lapangan futsal, basket, bola voli dan bulu tangkis.
Saat ini SMP WYKA 1 Jakarta memiliki 118 siswa, yang dibimbing oleh 14
orang tenaga pendidik, 4 orang tenaga kependidikan dan pada tahun 2016
memperoleh jenjang akreditasi B.
3.1.2. Visi dan Misi Sekolah
Visi sekolah SMP YWKA 1 Jakarta adalah “Menjadikan SMP YWKA 1
Jakarta sekolah berprestasi, harmonis, santun, berkualitas dan taqwa kepada
Tuhan Yang Maha Esa”.
Misi sekolah SMP YWKA 1 Jakarta, antara lain:
1. Melaksanakan Tugas Pembelajaran yang terencana dan sistematis.
23
2. Menjalankan pembinaan mental dan spritual.
3. Melaksanakan pembenahan dan pengembangan sarana dan prasarana
sekolah.
4. Mengembangkan / Peningkatkan Kualitas Proses Pembelajaran.
5. Melaksanakan pengembangan minat dan bakat peserta didik.
6. Mengembangkan kecintaan terhadap lingkungan.
24
3.1.1. Stuktur Organisasi dan Fungsi
Gambar III.8.
Struktur Organisasi SMP YWKA 1 Jakarta
Sumber: SMP YWKA 1 Jakarta
25
Berikut adalah tugas atau fungsi struktur organisasi, antara lain:
1. Kepala Sekolah
Bertugas mengembangkan struktur organisasi sekolah yang efektif dan
efisien sesuai dengan kebutuhan, bekerja keras mencapai keberhasilan
sekolah sebagai organisasi pembelajaran yang efektif dan memegang teguh
tujuan sekolah dengan menjadi contoh dan bertindak sebagai pempimpinan
pembelajaran.
2. Wakil Kepala Sekolah
Bertugas melaksanakan bimbingan kegiatan-kegiatan kesiswaan,
menegakan displin dan tata tertib siswa, mengkoordinir sosialisasi
pengembangan kurikulum sosialisasi pengembangan kurikulum.
3. Staff Kurikulum
Bertugas mengkoordinir Penerimaan Siswa Baru (PSB), mengkoordinir wali
kelas dan bimbingan siswa dan menyusun kriteria kelas dan persyaratan
kelulusan bersama guru kelas kepala program studi, dan Kepala Sekolah.
4. Kepala Tata Usaha
Bertugas mengelola Administrasi Program, Koordinator Administrasi
Ketatausahaan, Penyusun Laporan Program dan Anggaran.
5. Anggota Tata Usaha
Bertugas menulis surat, membaca, menyalin (menggandakan), menghitung,
memeriksa, menyimpan dan menyusun surat menyurat, administrasi
kesiswaan.
26
6. Guru
Bertugas memabntu perangkat program pengajaran, melaksankan kegiatan
pembelajaran dan melaksanakan kegiatan penialaian proses belajar, ulangan
harian, ulangan umum, dan ujian akhir.
7. Siswa
Bertugas melaksanakan kegiatan belajar yang sudah ada di sekolah dan
menjadi siswa yang mempunyai rasa tanggung jawab kepada
pendidikannya.
3.2. Analisa Kebutuhan
Pada masalah yang dialami ini, penulis mengharapkan adanya suatu
kemudahan fasilitas dalam memperkenalkan SMP YWKA 1 Jakarta ini kepada
masyarakat luas dan pengunjung khususnya calon siswa. Maka dari itu dalam
pembuatan website pendaftaran SMP YWKA 1 Jakarta akan mempermudah
pegawai tata usaha dalam menangani masalah yang ada. Bagi pengunjung atau
bagi calon siswa dapat secara langsung mengakses informasi-informasi yang
disediakan oleh SMP YWKA 1 Jakarta ini tanpa membutuhkan waktu lama untuk
mengetahui pelayanan jasa yang ada.
Dalam hal ini penulis mencoba merancang sebuah website pendafatarn SMP
YWKA 1 Jakarta untuk memberikan dan mempermudah bagi siapa saja yang
membutuhkan informasi tentang SMP YWKA 1 Jakarta.
27
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Berikut ini menjelaskan rancangan antar muka (interface) yang terdapat
pada pendaftaran sekolah pada SMP YWKA 1 Jakarta, antara lain:
1. Rancangan Antar Muka Halaman Login
Gambar III.9.
Rancangan Antar Muka Login Calon Siswa
28
2. Rancangan Antar Muka Halaman Upload Berkas
Gambar III.10.
Rancangan Antar Muka Upload Berkas
3. Rancangan Antar Muka Halaman Pengumuman Calon Siswa
Gambar III.11.
Rancangan Antar Muka Pengumuman Calon Siswa
29
4. Rancangan Antar Muka Halaman Konfirmasi Pembayaran
Gambar III.12.
Rancangan Antar Muka Konfirmasi Pembayaran
5. Rancangan Antar Muka Halaman Daftar PPDB
Gambar III.13.
Rancangan Antar Muka Daftar PPDB
30
6. Rancangan Antar Muka Halaman Informasi Sekolah
Gambar III.14.
Rancangan Antar Muka Informasi Sekolah
7. Rancangan Antar Muka Halaman Nama Pendaftar Calon Siswa
Gambar III.15.
Rancangan Antar Muka Nama Pendaftar Calon Siswa
31
8. Rancangan Antar Muka Halaman Login Admin
Gambar III.16.
Rancangan Antar Muka Login Admin
9. Rancangan Antar Muka Halaman Beranda Admin
Gambar III.17.
Rancangan Antar Muka Beranda Admin
32
10. Rancangan Antar Muka Halaman Data Calon Siswa
Gambar III.18.
Rancangan Antar Muka Data Calon Siswa
11. Rancangan Antar Muka Halaman Berkas Calon Siswa
Gambar III.19.
Rancangan Antar Muka Berkas Calon Siswa
33
12. Rancangan Antar Muka Halaman Pengaturan
Gambar III.20.
Rancangan Antar Muka Pengaturan
13. Rancangan Antar Muka Halaman Informasi
Gambar III.21.
Rancangan Antar Muka Informasi
34
14. Rancangan Antar Muka Halaman Laporan PPDB
Gambar III.22.
Rancangan Antar Muka Laporan PPDB
15. Rancangan Antar Muka Halaman Backup Database
Gambar III.23.
Rancangan Antar Muka Backup Database
35
16. Rancangan Antar Muka Halaman Restore Database
Gambar III.24.
Rancangan Antar Muka Restore Database
3.3.2. Rancangan Basis Data
Berikut ini adalah rancangan basis data yang menghasilkan pemetaan tabel-
tabel yang digambarkan dengan Entity Relationship Diagram (ERD) dan Logical
Record Structure (LRS), antara lain:
36
a. Entity Relationship Diagram (ERD)
CALON_SISWA FORMULIRMENGISI
KEUANGAN
no_trans
tgl_trans
jml_trans
no_rek
nama
keterangan
nisn
nisn
no_daftar
nama_siswa
asal_skl
no_telp
password
pass_view
tgl_daftar
bank
no_trans
nisn
nisn
MELAKUKAN
no_formulir
poto
no_formulir
biodata
ijazah
skhun
poto
1 1
1
INFORMASI MELIHAT
id_info
tittle
isi
deskripsi
gambar
1
Mnisn
id_info
nisn
1
aksi
alamat
hasil
Gambar III.25.
Entity Relationship Diagram (ERD)
37
b. Logical Record Stucture (LRS)
calon_siswa
nisn PKno_daftarnama_siswaasal_sklno_telptgl_daftarpass_viewpasswordalamat
informasi
id_info PKtittledeskripsiisigambarnisn FK
keuangan
no_trans PKtgl_transno_reknamabankjml_transKeteranganpotonisn FK
formulir
no_formulir PKijazahskhunpotonisn FKbiodataaksihasil
1
M
1
1
1
1
Gambar III.26.
Logical Record Stucture (LRS)
38
c. Spesifikasi File
Dalam spesifikasi file ini menjelaskan tentang file atau tabel yang terbentuk
dari transformasi Entity Relationship Diagram (ERD) atau file-file penunjang
untuk web. File-file ini tersimpan pada database sekolah atau db_sekolah, yang
menggunakan DBMS MySQL berikut penjelasannya:
1. Calon Siswa
Nama File : Calon Siswa
Akronim : calon_siswa
Fungsi : sebagai identitas siswa untuk pendaftaran
Tipe File : File Pendaftaran
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 139
Kunci Field : nisn
Tabel III.2.
Spesifikasi File Calon Siswa
No. Elemen Data Nama Field Tipe Panjang Keterangan
1. Nomer Induk
Siswa Nasional
Nisn Varchar 10 Primary Key
2. Nama Calon
Siswa
nama_siswa Varchar 30
3. Tempat tanggal
daftar
tgl_daftar Date -
4. Alamat alamat Text -
5. Nomor Telepon no_tlp Varchar 14
39
6 Password Password Varchar 40
7 Password View pass_view Varchar 5
8 Asal Sekolah asal_skl Varchar 30
9 Nomor Daftar no_daftar varchar 10
2. Admin
Nama File : Admin
Akronim : admin
Fungsi : sebagai pengolah data pendaftaran
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 142
Kunci Field : id_admin
Tabel III.3.
Spesifikasi File Admin
No. Elemen
Data
Nama
Field Tipe Panjang Keterangan
1. Identitas
Admin
id_admin Varchar 8 Primary Key
2. Nama
Admin
Username Varchar 20
3. Password Password Varchar 40
4. Nama Nama Varchar 30
5. Nomor
Telepon
no_tlp Varchar 14
40
6 Foto Foto Text -
7 Email Email Varchar 30
8 Level Level enum('admin','superadmin') -
9 Alamat Alamat Text -
3. Formulir
Nama File : Formulir
Akronim : formulir
Fungsi : sebagai pendaftaran calon siswa
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 13
Kunci Field : no_urut
Tabel III.4.
Spesifikasi File Formulir
No. Elemen
Data Nama Field Tipe Panjang Keterangan
1. Nomor
Formulir
no_formulir Int 3 Primary Key
2. Biodata Biodata Text -
3. SKHUN Skhun Text -
4. Nomor
Induk
Nasional
Siswa
Nisn Varchar 10
41
5. Foto Foto Text -
6. Ijazah Ijazah Text -
7. Hasil Hasil enum('''DITERIMA',
'DITOLAK')
-
8. Aksi Aksi enum('0', '1’) -
4. Keuangan
Nama File : Keuangan
Akronim : keuangan
Fungsi : sebagai pembayaran
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 84
Kunci Field : no_trans
Tabel III.5.
Spesifikasi File Keuangan
No. Elemen Data Nama Field Tipe Panjang Keterangan
1. Nomor Transaksi no_trans Int 4 Primary Key
2. Nomor Induk
Siswa Nasional
Nisn Varchar 10
3. Nama Nama Varchar 30
4. Tanggal Transaksi tgl_trans Date -
5. Nomor Rekening no_rek Varchar 14
6. Jumlah Transaksi jml_trans Int 11
42
7. Foto Foto Text -
8. Bank Bank Varchar 15
9. Keterangan Keterangan Text -
5. Informasi
Nama File : Informasi
Akronim : informasi
Fungsi : sebagai informasi
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 204
Kunci Field : no_trans
Tabel III.6.
Spesifikasi File Informasi
No. Elemen Data Nama
Field Tipe Panjang Keterangan
1. Indentitas Informasi id_info Int 4 Primary Key
2. Tittle Tittle Varchar 100
3. Deskripsi Deskripsi Varchar 100
4. Isi Isi Text -
5. Pidato Pidato lomgtext -
6. Gambar jml_trans Text -
7. Brosur Brosur Text -
8. Foto Foto Text -
43
6 Pengaturan
Nama File : Pengaturan
Akronim : pengaturan
Fungsi : sebagai file yang mengatur buka tutup pendaftaran
dan buka tutup pengumuman
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 4
Kunci Field : no_trans
Tabel III.7.
Spesifikasi File Pengaturan
No. Elemen Data Nama Field Tipe Panjang Keterangan
1. Identitas
Pengaturan
id_pengaturan Int 4 Primary Key
2. Buka
Pendaftaran
buka_pendaftaran Date
3. Tutup
Pendaftaran
tutup_pendaftaran Date -
4. Buka
Pengumuman
buka_pengumuman Date -
5. Tutup
Pengumuman
tutup_pengumuman Date -
44
3.3.3. Rancangan Stuktur Navigasi
Gambar III.27.
Struktur Navigasi Admin (Linier)
Gambar III.28.
Struktur Navigasi Calon Siswa (Linier)
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
1. Implementasi Rancangan Antar Muka
Berikut ini adalah impelementasi rancangan antar muka, antara lain
45
a. Rancangan Antar Muka Login Calon Siswa
Gambar III.29.
Rancangan Antar Muka Halaman Login Calon Siswa
b. Rancangan Antar Muka Upload Berkas
Gambar III.30.
Rancangan Antar Muka Halaman Upload Berkas
c. Rancangan Antar Muka Pengumuman Calon Siswa
46
Gambar III.31.
Rancangan Antar Muka Halaman Pengumuman Calon Siswa
d. Rancangan Antar Muka Konfirmasi Pembayaran
Gambar III.32.
Rancangan Antar Muka Halaman Konfirmasi Pembayaran
47
e. Rancangan Antar Muka Daftar PPDB
Gambar III.33.
Rancangan Antar Muka Daftar PDDB
f. Rancangan Antar Muka Pengumuman Sekolah
Gambar III.34.
Rancangan Antar Muka Halaman Pengumuman Sekolah
g. Rancangan Antar Muka Nama Pendaftar Calon Siswa
48
Gambar III.35.
Rancangan Antar Muka Halaman Nama Pendaftar Calon Siswa
h. Rancangan Antar Muka Login Admin
Gambar III.36.
Rancangan Antar Muka Halaman Login Admin
i. Rancangan Antar Muka Beranda Admin
49
Gambar III.37.
Rancangan Antar Muka Halaman Beranda Admin
j. Rancangan Antar Muka Data Calon Siswa
Gambar III.38.
Rancangan Antar Muka Halaman Data Calon Siswa
k. Rancangan Antar Muka Berkas Calon Siswa
50
Gambar III.38.
Rancangan Antar Muka Halaman Berkas Calon Siswa
l. Rancangan Antar Muka Pengaturan
Gambar III.39.
Rancangan Antar Muka Pengaturan
m. Rancangan Antar Muka Informasi
51
Gambar III.40.
Rancangan Antar Muka Halaman Informasi
n. Rancangan Antar Muka Laporan PPDB
Gambar III.41.
Rancangan Antar Muka Halaman Laporan PPDB
52
o. Rancangan Antar Muka Backup Database
Gambar III.43.
Rancangan Antar Muka Halaman Backup Database
p. Rancangan Antar Muka Restore Database
Gambar III.44.
Rancangan Antar Muka Halaman Restore Database
\
53
2. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak yang
dibutuhkan unutk mengimplementasika aplikasi website pendaftaran pada SMP
YWKA 1 Jakarta, antara lain:
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
a) Processor Intel (R) Core i7/xear
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024 x 768
5) Koneksi internet dengan kecepatan 2 Mbps.
b. Client
1) CPU
a) Processor Intel (R) core 2, core i3
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024 x 768
5) Koneksi internet dengan kecepatan 56 kbps.
2. Spesifikasi Perangkat Lunak
1. Server
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
linux (Ubuntu, Fedora, dan lain-lain).
54
b. Aplikasi bundleweb server seperti: Xampp, Wampserver, php2triad yang
terdiri dari bebeapa komponen, diantarannya:
1) Aplikasi Apache Server v2
2) Aplikasi PHP Server v5
3) Aplikasi MySQL Server v5
4) Aplikasi PHP MyAdmin v3
c. Aplikasi web lihat seperti: Mozilla Firefox, Opera, Safari, Internet Explorer,
Google Chrome.
2. Client
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
b. Aplikasi web browser seperti: Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chorme.
3.4.2. Pengujian Unit
Pengujian unit program yang dibuat menggunakan black box testing yang
fokus terhadap proses masukan dan keluaran program, diantaranya:
1. Pengujian Terhadap Halaman Daftar Calon Siswa
Tabel III.8.
Pengujian Black Box Testing Daftar Calon Siswa
No Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
inputan
dikosongkan
kemudian di klik
tombol daftar
Semua
Inputan
dikosongkan
Sistem akan
menolak dan
memberi
peringatan
bahwa
inputan harus
di isi
Sesuai
harapan Valid
55
2
Salah satu
inputan
dikosongkan
kemudian di klik
tombol daftar
Asal
sekolah :
(kosong)
Inputan
yang lain
disi
Sistem akan
menolak dan
memberi
peringatan
bahwa asal
sekolah
harus diisi
Sesuai
harapan Valid
3
Nisn di input
dengan nisn
yang telah
terdaftar sebelum
nya
Nisn : (di isi
dengan yang
sudah
terdaftar)
Sistem akan
memberi
peringatan
bahwa NISN
sudah di
pakai
Sesuai
harapan Valid
4
Semua inputan
di isi dank kode
captcha di
kosongkan
Kode
captcha :
(kosong)
Inputan lain
diisi
Sistem akan
memberi
peringatan
bahwa kode
captcha
harus diisi
Sesuai
harapan Valid
5
Semua inputan
diisi dank kode
captcha diisi
dengan kondisi
kode
captcha :
(salah)
Sistem akan
menolak dan
dan tidak
merespon
Sesuai
harapan Valid
6
Semua inputan
di isi dengan
benar
Semua
inputan di
isi dan kode
captcha :
(benar)
Sistem
menerima
akses dan
menampilkan
halaman
sukses daftar
Sesuai
harapan Valid
2. Pengujian Terhadap Halaman Login Calon Siswa
Tabel III.9.
Pengujian Balck Box Testing Login Calon Siswa
No Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1 Nomor peserta
dan password di
kosongkan
no_peserta :
(kosong)
Sistem akan
menolak
memberi akses,
Sesuai
Harapan Valid
56
kemudian diklik
tombol login
password :
(kosong)
dan memberi
peringatan
bahwa nomor
peserta harus
diisi dan
password harus
diisi
2
Nomor peserta
dikosongkan
dan password
diisi kemudian
diklik tombol
login
no_peserta :
(kosong)
password :
(diisi)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa nomor
peserta harus
diisi
Sesuai
Harapan Valid
3
Nomor peserta
diisi dan
password
dikosongkan
kemudian diklik
tombol login
no_peserta :
(diisi)
password :
(kosong)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa password
harus diisi
Sesuai
Harapan Valid
4
Mengetikan
salah satu
kondisi pada
nomor peserta
atau paasword
kemudian diklik
tombol login
no_peserta :
(benar)
password :
(salah)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa nomor
peserta atau
password tidak
valid
Sesuai
Harapan Valid
5
Mengetikan
kondisi yang
benar nomor
peserta dan
paasword
kemudian diklik
tombol login
no_peserta :
(benar)
password :
(benar)
Sistem
menerima akses
login dan
kemudian
menampilkan
menu halaman
home peserta
Sesuai
Harapan Valid
57
3. Pengujian Terhadap Form Upload Berkas Calon Siswa
Tabel III.10.
Pengujian Balck Box Testing Upload Berkas Calon Siswa
No Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
Semua
inputan di
kosongkan
Upload ijazah :
(kosong), upload
skhun smp :
(kosong), upload :
kartu keluarga :
(kosong), upload
akta lahir :
(kosong) dan
upload pas photo :
(kosong)
Sistem akan
menolak dan
memberi
peringatan
bahwa file
upload masih
kosong
Sesuai
harapan
Valid
2
Salah satu
inputan di
kosongkan
Upload ijazah :
(kosong), upload
skhun smp : (isi),
upload : kartu
keluarga : (isi),
upload akta lahir :
(isi) dan upload
pas photo : (isi)
Sistem akan
menolak dan
memberikan
peringatan
bahwa masih
ada inpuutan
yang kosong
Sesuai
harapan
Valid
3
Semua
inputan di
isi
Upload ijazah :
(isi), upload
skhun smp : (isi),
upload : kartu
keluarga : (isi),
upload akta lahir :
(isi) dan upload
pas photo : (isi)
Sistem
menerima
akses dan
mengalihkan
ke halaman
akun.php
Sesuai
harapan Valid
4. Pengujian Terhadap Halaman Login Admin
Tabel III.11.
Pengujian Balck Box Testing Login Admin
No Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
58
1
Username dan
password di
kosongkan
kemudian diklik
tombol login
Username :
(kosong)
password :
(kosong)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa username
harus diisi dan
password harus
diisi
Sesuai
Harapan Valid
2
Username
dikosongkan
dan password
diisi kemudian
diklik tombol
login
Username :
(kosong)
password :
(diisi)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa username
harus diisi
Sesuai
Harapan Valid
3
Username diisi
dan password
dikosongkan
kemudian diklik
tombol login
Username :
(diisi)
password :
(kosong)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa password
harus diisi
Sesuai
Harapan Valid
4
Mengetikan
salah satu
kondisi pada
username atau
paasword
kemudian diklik
tombol login
Username :
(benar)
password :
(salah)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa username
atau password
tidak valid
Sesuai
Harapan Valid
5
Mengetikan
kondisi yang
benar username
dan paasword
kemudian diklik
tombol login
Username :
(benar)
password :
(benar)
Sistem
menerima akses
login dan
kemudian
menampilkan
halaman
dashboard
Admin
Sesuai
Harapan Valid