110
e. Relasi antara view dan javascript
Seperti yang telah dirancang pada Gambar 23, komponen view
bergantung pada file javascript. Relasi ini diterapkan pada view berkebutuhan
khusus seperti pencegahan error ketika mengatur data dan laporan grafik. Salah
satu penerapan relasi ini terjadi pada file “view_grafik_buku.php” di modul HMVC
“laporan_grafik_buku”.
Gambar 104. Relasi antara view dan javascript
f. Relasi antara view dan CSS
Seperti yang telah dirancang pada Gambar 23, komponen view
bergantung pada file CSS Cascading Style Sheets. Sebagai komponen penampil
interface, view harus memiliki relasi dengan CSS agar tampilan Web nyaman dipandang pengguna. Salah satu penerapan relasi ini terjadi pada
file “masuk_view.php” di modul HMVC “masuk”.
Gambar 105. Relasi antara view dan CSS
3. Hasil Implementasi Flowchart, Rancangan Interface, Use Case Diagram, Use Case Descriptions, dan Sequence Diagram
a. Halaman Masuk dan Halaman Beranda
Halaman masuk merupakan halaman awal sistem jika pustakawan belum melakukan
login. Halaman masuk terdiri dari tiga fungsi utama, yaitu kolom isian
111 field ID pengguna, isian kata sandi, dan tombol “Masuk”. Halaman masuk
berfungsi sebagai halaman login untuk pustakawan. Pustakawan harus
memasukkan ID pengguna dan kata sandi dengan benar agar pustakawan dapat mengakses halaman beranda pada Gambar 107.
Gambar 106. Halaman masuk
Gambar 107. Halaman beranda beserta menu dan sub-menu
112 Sistem akan menolak permintaan pustakawan mengakses halaman
beranda jika terjadi kesalahan pengisian. Salah satu kesalahan yang dapat terjadi adalah salah memasukkan kombinasi ID pengguna dan kata sandi. Seperti yang
tampak pada Gambar 108, sistem menampilkan informasi bahwa pustakawan salah mengisi kombinasi ID pengguna dan kata sandi.
Gambar 108. Informasi kesalahan pengisian pada halaman masuk Fungsi tambahan yang disediakan pada halaman masuk adalah tombol
“Reset”. Tombol “Reset” berfungsi untuk mengosongkan isian ID pengguna dan kata sandi. Tombol “Reset” dapat digunakan jika pustakawan merasa salah
memasukkan ID pengguna dan kata sandi. Berdasarkan
use case descriptions “Melakukan logout” di Lampiran 5 dan sequence diagram “Melakukan logout” pada Gambar 41, pustakawan dapat
logout keluar dari sistem. Logout dapat dilakukan dengan cara menekan menu “Keluar” pada Gambar 107. Setelah menekan menu “Keluar”, sistem akan
menampilkan halaman masuk pada Gambar 106.
113
b. Halaman Ubah Kata Sandi