Relasi antara view dan CSS Halaman Masuk dan Halaman Beranda

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