Implementasi Aplikasi Desain Antar Muka

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