C. Pengenkripsian Password
Pada pendaftaran ini password yang dimasukkan dienkripsi dengan menggunakan metode SHA1.
4.4.2 Implementasi View
View merupakan
representasi visual dari user interface atau tampilan dari suatu aplikasi. Untuk implementasi view akan dipanggil sesuai dengan action dari
controllernya.
4.5 Implementasi Aplikasi Desain Antar Muka
Pada sub bab implementasi desain antarmuka menjelaskan form apa saja yang terlihat dalam aplikasi tersebut yang menampilkan beberapa aplikasi form
yaitu:
4.5.1 Form Tampilan Halaman Utama
Form tampilan halaman utama ini akan tampilan ketika user pertama kali membuka aplikasi katalog online. Menampilkan halaman aplikasi dari katalog
online yang berinteraksi langsung dengan pengguna sehingga tampilannya harus dibuat sedemikian rupa hingga terkesan menarik, enak dipandang dan tidak
berlebihan. Seperti yang sudah dijelaskan pada bab III bahwa perancangan antarmuka dibagi menjadi 4 bagian halaman yaitu halaman utama, halaman
administrator, halaman anggota mahasiswa dan halaman anggota dosen. Berikut ini tampilan dari halaman utama:
Gambar 4.1 Tampilan Halaman Utama Halaman ini memuat aktivitas yang dilakukan oleh pelaku web secara
umum baik anggota maupun bukan anggota dapat mengaksesnya tetapi memiliki batasan-batasan yang ditentukan oleh sistem.
4.5.2 Form Tampilan Halaman Fakultas untuk bukan anggota
Gambar 4.2 Tampilan Halaman Fakultas untuk bukan anggota Dalam gambar 4.2 halaman fakultas untuk bukan anggota terdapat
informasi nama fakultas dan jumlah jurusan sehingga user dapat melihat jumlah jurusan yang terdapat dalam fakultas tersebut.
4.5.3 Form Tampilan Halaman Jurusan untuk bukan anggota
Gambar 4.3 Tampilan Halaman Jurusan untuk bukan anggota Dalam gambar 4.3 halaman jurusan untuk bukan anggota terdapat
informasi nama fakultas dari jurusan tersebut, waktu upload yaitu waktu ketika dibuatnya jurusan, waktu update yaitu waktu ketika jurusan diupdate, terdapat 2
macam kategori yaitu kategori buku dan kategori video. Dari setiap jurusan memiliki kategori yang berbeda-beda yang disesuaikan
dengan jurusannya. Kategori-kategori tersebut dikelompokkan berdasarkan jurusan masing-masing.
4.5.4 Form Tampilan Halaman kategori Buku Untuk Bukan Anggota
Gambar 4.4 Tampilan Halaman Kategori untuk bukan anggota Pada gambar 4.4 halaman kategori untuk bukan anggota, dimisalkan pada
kategori adsense dan internet bisnis terdapat informasi buku di dalamnya. Dengan tambahan tombol back yang jika ditekan akan kembali ke daftar kategori.
4.5.5 Form Tampilan Halaman detail buku
Gambar 4.5 Tampilan Halaman detail buku untuk bukan anggota Pada gambar 4.5 menampilkan halaman detail buku untuk bukan anggota
untuk anggota memiliki tampilan yang sama. Dalam halaman ini dibuat informasi tentang buku yang didalamnya terdapat informasi judul, waktu upload, waktu
update, kategori, deskripsi, gambar, dan komentar. Pada komentar dapat langsung menambahkan komentar di dalamnya.
4.5.6 Form Tampilan Halaman Cari Buku
Gambar 4.6 Tampilan Halaman cari buku Pada gambar 4.6 adalah form cari buku memiliki kesamaan antara anggota
dengan bukan anggota. Terdapat combo box pemilihan berdasarkan yaitu judul, deskripsi dan level dan
4.5.7 Form Tampilan Halaman Pendaftaran Anggota Baru
Gambar 4.6 Tampilan Halaman Pendaftaran Anggota Baru Pada gambar 4.6 halaman pendaftaran anggota baru adalah untuk user
bukan anggota yang ingin mendaftarn sebagai anggota. Dalam pendaftaran
diwajibkan bagi user yang ingin menggunakan fasilitas yang disediakan dalam aplikasi katalog online ini. Karena pada waktu login diwajibkan memasukkan
username dan password yang digunakan pada waktu pendaftaran. Untuk username sebagai id, jika dosen harus memasukkan NPT tetapi mahasiswa harus
memasukkan npm. Gambar 4.7 Tampilan Halaman Pendaftaran Anggota Baru berhasil
Pada gambar 4.7 menampilkan Halaman Pendaftaran Anggota Baru berhasil apabila user sudah mengisi pada form pendaftarn dengan benar maka akan
muncul halaman ini.
4.5.8 Form Tampilan Halaman detail video untuk bukan anggota
Gambar 4.8 Tampilan Halaman detail video Pada gambar 4.8 menampilkan halaman detail video untuk bukan anggota
dan untuk anggota memiliki tampilan yang sama. Dalam halaman ini dibuat
informasi tentang video yang didalamnya terdapat informasi judul, waktu upload, waktu update, kategori, deskripsi, dan komentar. Pada komentar dapat langsung
menambahkan komentar di dalamnya.
4.5.9 Form Tampilan Halaman kategori Video Untuk Bukan Anggota
Gambar 4.9 Tampilan Halaman Kategori video untuk bukan anggota Pada gambar 4.9 halaman kategori video untuk bukan anggota, dimisalkan
pada kategori electronic terdapat informasi nama kategori buku, waktu upload, wajtu update dan judul video.Dengan tambahan tombol back yang jika ditekan
akan kembali ke daftar kategori video
4.5.10 Form Tampilan Halaman Utama Anggota
Setelah sukses melakukan login dengan memasukkan username dan password yang digunakan pada awal pendaftaran. Jika inputan yang dimasukkan
benar maka akan dialihkan kehalaman anggota. Tetapi jika salah maka akan muncul peringatan login ulang.Berikut ini tampilan halaman anggota setelah
melakukan login dengan benar.
Gambar 4.10 Tampilan Halaman anggota Pada gambar 4.10 menampilkan halaman anggota setelah melakukan
login. Terlihat form login berubah menjadi form logout dengan tambahan kalimat selamat datang dan tambahan link logout. Dan pada menu utama terdapat menu
tambahan untuk ubah profil. Menu ini akan ada ketika user sudah melakukan login.
4.5.11 Form Tampilan Halaman kategori buku untuk anggota mahasiswa dan anggota dosen
Gambar 4.11 Tampilan Halaman Kategori buku untuk anggota dosen dan anggota mahasiswa
Pada gambar 4.11 halaman kategori untuk anggota dosen dan anggota mahasiswa, dimisalkan pada kategori adsense dan internet bisnis terdapat
informasi buku di dalamnya dan link untuk unduh buku. Dengan tambahan tombol back yang jika ditekan akan kembali ke daftar kategori.
4.5.12 Form Tampilan Halaman kategori video untuk anggota mahasiswa dan anggota dosen
. Gambar 4.12 Tampilan Halaman Kategori video anggota mahasiswa dan anggota
dosen Pada gambar 4.11 halaman kategori untuk anggota dosen dan anggota
mahasiswa, dimisalkan pada kategori electronics terdapat informasi video di
dalamnya dan link untuk unduh buku. Dengan tambahan tombol back yang jika ditekan akan kembali ke daftar kategori.
4.5.13 Form Tampilan Halaman Buku untuk anggota dosen dan anggota administrator
Gambar 4.13 Tampilan Halaman buku untuk anggota dosen Pada gambar 4.13 menampilkan halaman buku setelah user melakukan
login sebagai anggota dosen. atau anggota administrator. Terdapat daftar kategori buku dan tambahan link. Tambah buku untuk menambahkan buku. Hanya anggota
sebagai dosen dan anggota sebagai administrator yang dapat menambahkan buku pada sistem sedangkan anggota sebagai mahasiswa tidak dapat menambahkan
buku.
4.5.14 Form Tampilan Halaman Video Untuk Anggota Dosen Dan Anggota Administrator
Gambar 4.14 Tampilan Halaman Video Untuk Anggota Dosen Pada gambar 4.14 menampilkan halaman video setelah user melakukan
login sebagai anggota dosen. atau anggota administrator. Terdapat daftar kategori video dan tambahan link. Tambah video untuk menambahkan video. Hanya
anggota sebagai dosen dan anggota sebagai administrator yang dapat menambahkan video pada sistem sedangkan anggota sebagai mahasiswa tidak
dapat menambahkan video
.4.5.15 Form Tampilan Halaman Pendaftaran Untuk Anggota Administrator
Pada gambar 4.15 menampilkan halaman pendaftaran. Perbedaannya antara anggota sebagai administrator dengan anggota sebagai dosen dan anggota sebagai
mahasiswa adalah terdapat link tambahan lihat daftar semua anggota. Jadi administrator mempunyai hak untuk melihat detail profil dari semua
anggota dalam sistem. Sedangkan anggota yang lainnya hanya dapat melihat profil diri mereka sendiri dan tidak dapat melihat profil anggota lain.
Pada from pengisian pendaftaran anggota harus diisikan semua, dan pengisiannya harus sesuai dengan yang ditentukan oleh sistem, jika tidak sesuai
atau ada yang dikosongkan maka akan muncul pesan kesalahan dari apa yang
dilakukan oleh user.
Gambar 4.15 Tampilan Halaman Pendaftaran Untuk Anggota Administrator
4.5.16 Form Tampilan Halaman Daftar User
Gambar 4.16 Tampilan Halaman Daftar User
Pada gambar 4.16 menampilkan halaman daftar user yang berisi semua user dalam sistem. Berisi informasi username link lihat untuk melihat detail profil
anggota, ubah untuk mengubah profil anggota, dan hapus untuk menghapus anggota dari sistem. Hanya administrator yang bisa mengubah semua profil
anggota dalam sistem. Tetapi anggota dosen dan anggota administrator hanya dapat mengubah profil mereke sendiri.
4.5.17 Form Tampilan Halaman Fakultas untuk anggota administrator
Gambar 4.17 Tampilan Halaman Fakultas untuk anggota administrator Dalam gambar 4.17 halaman fakultas untuk anggota administrator terdapat
informasi nama fakultas dan jumlah jurusan sehingga administrator dapat melihat jumlah jurusan yang terdapat dalam fakultas tersebut. Serta tambahan link edit
untuk mengubah nama fakultas dan link delete untuk menghapus nama fakultas dari sistem tetapi jurusan yang berada dalam fakultas tersebut tidak ikut terhapus
melainkan id_fakultas dibuat menjadi null. Dibagian bawah terdapat tambahan untuk tambah fakultas dan tambah
jurusan. Link ini akan muncul hanya ketika login sebagai administrator saja.
4.5.18 Form Tampilan Halaman Tambah Fakultas Anggota Adminstrator
Pada gambar 4.18 menampilkan halaman tambah fakultas yang digunakan unuk menambah fakultas. yang dapat menambah fakultas dalam sistem hanya
anggota administrator. Sedangkan anggota sebagai dosen dan anggota sebagai
mahasiswa tidak dapat menambah daftar fakultas dalam sistem. Pada form tambah fakultas terdapat informasi nama fakultas yang harus diisikan.
Gambar 4.18 Tampilan Halaman Tambah Fakultas
4.5.19 Form Tampilan Halaman Tambah Jurusan Anggota Adminstrator
Gambar 4.19 Tampilan Halaman Tambah Jurusan Pada gambar 4.19 menampilkan halaman tambah jurusan. Halaman ini
digunakan untuk menambahkan jurusan pada sistem. Yang dapat menambahkan jurusan hanya anggota sebagai administrator sedangkan anggota sebagai dosen
dan anggota sebagai mahasiswa tidak dapat menambahkan jurusan dalam sistem. Pada form tambah jurusan terdapat informasi nama jurusan dan fakultas yang
sesuai dengan jurusan.
113
BAB V UJI COBA