BAB IV

IMPLEMENTASI DAN PENGUJIAN

Tahap implementasi dan pengujian dilakukan untuk membuktikan apakah

sistem informasi perpustakaan berbasis website yang dibangun telah berfungsi
dengan baik, sehingga diperlukan skenario uji coba untuk menunjukkan bahwa
hasil akhir dari tahap implementasi dan pengujian ini adalah suatu sistem yang
berjalan dengan baik.
Tahap implementasi dan pengujian dibagi menjadi empat bagian, yaitu
implementasi data, implementasi proses, implementasi interface dan pengujian
perangkat lunak. Implementasi dan pengujian bagian ini dilakukan dengan
mendahulukan implementasi data terlebih dahulu, kemudian implementasi proses,
setelah itu implementasi interface dan pengujian perangkat lunak (Black Box).

4.1. Implementasi Data

Pada tahap ini data diimplementasikan dengan menggunakan MySQL.
Implementasi data dibagi menjadi dua, yaitu untuk server basis data dan
untuk basis data website. Basis data yang ada di website adalah replika dari
tabel-tabel yang ada di server basis data.

4.2. Implementasi Proses

Implementasi proses adalah pengembangan dari perancangan dan
implementasi sistem.

4.3. Implementasi Rancangan Antarmuka (Interface)

Implementasi rancangan antarmuka merupakan implementasi dari
desain konsep yang sudah dirancang pada tahapan sebelumnya, berikut
adalah hasil dari penerapannya :

49
 50

4.3.1. Implementasi Komponen Website

1. Form Halaman Login

Gambar 4.1. Halaman Login

Gambar 4.1 merupakan tahapan awal sebelum admin dapat memasuki

program. Untuk dapat melakukan login, admin harus mengetahui terlebih
dahulu username dan password yang dibutuhkan.

2. Halaman Administrator

Gambar 4.2. Halaman Administrator

Gambar 4.2. merupakan menu utama halaman admin dan admin akan
mengelola semua fitur yang ada.
 51

3. Halaman Kelola Admin

Gambar 4.3. Halaman Kelola Admin

Gambar 4.3. merupakan halaman kelola admin, dimana admin

dapat menambah, menghapus dan mengubah data.

4. Halaman Tambah Admin

Gambar 4.4. Halaman Tambah Admin

Gambar 4.4. merupakan halaman tambah admin, dimana admin

akan menambahkan data berupa nama lengkap, username dan password.
 52

5. Halaman Edit Admin

Gambar 4.5. Halaman Edit Admin

Gambar 4.5. merupakan halaman edit admin, dimana admin akan

mengedit data nama lengkap, username dan password.

6. Halaman Kelola Anggota

Gambar 4.6. Kelola Anggota

Pada gambar 4.6. merupakan halaman kelola anggota, dimana

admin dapat menambah, mengedit dan menghapus data anggota
perpustakaan.
 53

7. Tambah Anggota

Gambar 4.7. Halaman Tambah Anggota

Pada halaman 4.7. adalah halaman tambah anggota, dimana admin

dapat menambahkan data anggota perpustakaan yang berisi nis, nama,
tempat lahir, tanggal lahir, jenis kelamin dan jurusan.

8. Edit Anggota

Gambar 4.8. Halaman Edit Anggota

Pada gambar 4.8. merupalan halaman edit anggota, dimana admin

dapat mengedit data anggota perpustakaan jika terdapat kesalahan
kecuali nis karena merupakan primary key atau atribut unik.
 54

9. Kelola Buku

Gambar 4.9. Kelola Buku

Gambar 4.9. merupakan halaman kelola buku, dimana admin dapat

menambah, menghapus dan mengedit buku. Data buku berisi judul,
pengarang, penerbit, isbn dan jumlah buku.

10. Halaman Tambah Buku

Gambar 4.10. Tambah Buku

Pada gambar 4.10. merupakan halaman tambah buku, dimana

admin dapat menambahkan data buku kedalamnya. Data buku berisi
judul, pengarang, penerbit, isbn, jumlah buku, lokasi dan tanggal input.
 55

11. Halaman Edit Buku

Gambar 4.11. Edit Buku

Pada gambar 4.11. merupakan halaman edit buku dimana admin

dapat mengedit data buku yang ada di halaman kelola buku. Data buku
berisi judul, pengarang, penerbit, isbn, jumlah buku, lokasi dan tanggal
input.

12. Kelola Peminjaman

Gambar 4.12. Kelola Peminjaman

Pada gambar 4.12. merupakan halaman kelola peminjaman yang

akan menampilkan transaksi peminjaman buku, data yang ditampilkan
adalah judul buku, nis, nama anggota, tanggal pinjam, tanggal kembali
 56

dan admin hanya melakukan aksi tambah dan batal pada kelola
peminjaman.

13. Tambah Peminjaman

Gambar 4.13. Tambah Peminjaman

Pada gambar 4.13. admin akan menambahkan data pada transaksi

peminjaman dimana didalamnya terdapat data, judul buku, nis, nama
anggota, tanggal pinjam dan tanggal kembali.

14. Kelola Pengembalian

Gambar 4.14. Kelola Pengembalian

Pada gambar 4.14. terdapat kelola pengembalian, pada kelola

 57

pengembalian ini terdapat denda jika anggota terlambat mengembalikan

buku, denda sebesar 1000 rupiah yaitu apabila melewati tanggal kembali
dikali dengan tanggal anggota mengembalikan buku. Admin dapat
melakukan pengembalian dan perpanjangan buku yang dipinjam oleh
anggota.

15. Laporan Anggota

Gambar 4.15 Laporan Anggota

Gambar 4.15. menampilkan laporan anggota perpustakaan SMAIT
Al-Madaniyah Samuda

16. Laporan Buku

Gambar 4.16 Laporan Buku

Gambar 4.16. menampilkan laporan buku perpustakaan SMAIT
Al-Madaniyah Samuda
 58

17. Laporan Peminjaman

Gambar 4.17 Laporan Peminjaman

Gambar 4.17. menampilkan laporan peminjaman perpustakaan
SMAIT Al-Madaniyah Samuda

18. Laporan Pengembalian

Gambar 4.18 Laporan Pengembalian

Gambar 4.18. menampilkan laporan peminjaman perpustakaan
SMAIT Al-Madaniyah Samuda
 59

19. Halaman Pengunjung

Gambar 4.19 Halaman Pengunjung

Gambar 4.19 menampilkan halaman pengunjung perpustakaan

SMAIT Al-Madaniyah Samuda.

4.4. Pengujian Perangkat Lunak

Pengujian “Sistem Informasi Perpustakaan SMAIT Al-Madaniyah
Samuda Berbasis Website” dilakukan dengan metode blackbox testing,
pengujian ini bermaksud untuk mengetahui perangkat lunak yang dibuat
sudah memenuhi kriteria yang sesuai dengan tujuan perancangan perangkat
lunak atau tes fungsional dari website ini.
1. Pengujian Login Admin
Pengujian menggunakan metode blackbox, untuk memastikan
proses login admin, hasil pengujian dapat dilihat pada Tabel 4.1.
berikut, Tanda (√) merupakan tanda yang berarti form yang diuji
berhasil.
Tabel 4.1. Pengujian Login Admin
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Admin melakukan Muncul notifikasi username/
login dan mengisi username/password password salah √
username dan salah dan login dan login gagal
 60

password yang gagal

salah
2 Admin melakukan Muncul notifikasi Sukses login
login dengan sukses login √
mengisi username
dan password yang
benar

2. Pengujian Halaman Dashboard Admin

Pengujian dilakukan menggunakan metode blackbox, hasil
pengujian dapat diihat pada tabel 4.2. berikut, Tanda (√) merupakan
tanda yang berarti form yang diuji berhasil.
Tabel 4.2. Pengujian Halaman Utama (Dashboard) Admin
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Sukses login, Menampilkan Masuk
masuk ke halaman halaman utama halaman awal √
utama admin admin (dashboard) admin
(dashboard)
2 Klik submenu di Masuk Halaman Masuk ke
sidebar kelola kelola admin halaman kelola √
admin admin
3 Klik submenu di Masuk halaman Masuk ke
sidebar kelola kelola anggota halaman kelola √
anggota anggota
4 Klik submenu di Masuk ke halaman Masuk ke
sidebar kelola buku kelola buku halaman kelola √
buku
5 Klik submenu di Masuk ke halaman Masuk ke
sidebar kelola kelola peminjaman halaman kelola √
peminjaman peminjaman
6 Klik submenu di Masuk ke halaman Masuk ke
 61

sidebar kelola kelola halaman kelola √

pengembalian pengembalian pengembalian

3. Pengujian Halaman Kelola Admin

Pengujian dilakukan menggunakan metode blackbox, hasil
pengujian dapat diihat pada tabel 4.3. berikut, Tanda (√) merupakan
tanda yang berarti form yang diuji berhasil.
Tabel 4.3. Pengujian Halaman Kelola Admin
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Klik submenu di Masuk Halaman Masuk ke
sidebar Kelola kelola admin halaman kelola √
Admin admin
2 Klik aksi tambah Proses tambah data Proses tambah
pada halaman admin berhasil data admin √
kelola admin berhasil
3 Klik aksi edit pada Proses edit data Proses edit
halaman kelola admin berhasil data admin √
admin berhasil
4 Klik aksi hapus Proses hapus data Proses hapus
pada halaman anggota berhasil data anggota √
kelola admin berhasil

4. Pengujian Halaman Kelola Anggota

Pengujian dilakukan menggunakan metode blackbox, hasil
pengujian dapat dilihat pada tabel 4.4. berikut, Tanda (√) merupakan
tanda yang berarti form yang diuji berhasil.
Tabel 4.4. Pengujian Halaman Kelola Anggota
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Klik submenu di Masuk halaman Masuk ke
sidebar kelola kelola anggota halaman kelola √
 62

anggota anggota
2 Klik aksi tambah Proses tambah data Proses tambah
pada halaman anggota berhasil data anggota √
kelola anggota berhasil
3 Klik aksi edit pada Proses edit data Proses edit
halaman kelola anggota berhasil data anggota √
anggota berhasil
4 Klik aksi hapus Proses hapus data Proses hapus
pada halaman anggota berhasil data anggota √
kelola anggota berhasil

5. Pengujian Kelola Buku

Pengujian dilakukan menggunakan metode blackbox, hasil
pengujian dapat dilihat pada tabel 4.5. berikut, Tanda (√) merupakan
tanda yang berarti form yang diuji berhasil.
Tabel 4.5. Pengujian Halaman Kelola Buku
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Klik submenu di Masuk halaman Masuk ke
sidebar kelola buku kelola buku halaman kelola √
buku
2 Klik aksi tambah Proses tambah data Proses tambah
pada halaman buku berhasil data buku √
kelola buku berhasil
3 Klik aksi edit pada Proses edit data Proses edit
halaman kelola buku berhasil data buku √
buku berhasil
4 Klik aksi hapus Proses hapus data Proses hapus
pada halaman buku berhasil data buku √
kelola buku berhasil

6. Pengujian Kelola Transaksi Peminjaman

 63

Pengujian dilakukan menggunakan metode blackbox, hasil

pengujian dapat dilihat pada tabel 4.6. berikut, Tanda (√) merupakan
tanda yang berarti form yang diuji berhasil.
Tabel 4.6. Pengujian Halaman Kelola Transaksi Peminjaman
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Klik kelola Masuk halaman Masuk ke
transaksi kelola peminjaman halaman kelola √
peminjaman peminjaman
2 Klik aksi tambah Proses tambah data Proses tambah
pada halaman peminjaman data √
kelola transaksi berhasil peminjaman
peminjaman berhasil
3 Klik aksi batal Proses batal data Proses batal
pada halaman peminjaman data √
kelola peminjaman berhasil peminjaman
berhasil

7. Pengujian Kelola Pengembalian

Pengujian dilakukan menggunakan metode blackbox, hasil
pengujian dapat dilihat pada tabel 4.7. berikut, Tanda (√) merupakan
tanda yang berarti form yang diuji berhasil.
Tabel 4.7. Pengujian Halaman Kelola Transaksi Pengembalian
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Klik kelola Masuk ke halaman Masuk ke
transaksi kelola transaksi halaman kelola
√
pengembalian pengembalian transaksi
pengembalian
2 Klik aksi kembali Masuk ke halaman Masuk ke
pada halaman kelola transaksi halaman kelola √
kelola transaksi pengembalian dan transaksi
 64

pengembalian buku berhasil pengembalian

dikembalikan dan buku
berhasil
dikembalikan
3 Klik aksi Masuk ke halaman Masuk ke
perpanjang pada kelola transaksi halaman kelola
halaman kelola pengembalian dan transaksi
√
transaksi buku berhasil di pengembalian
pengembalian perpanjang dan buku
berhasil
diperpanjang

8. Pengujian Laporan
Pengujian dilakukan menggunakan metode blackbox, hasil
pengujian dapat dilihat pada tabel 4.8. berikut, Tanda (√) merupakan
tanda yang berarti form yang diuji berhasil.
Tabel 4.8. Pengujian Laporan
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Klik Export to PDF Masuk halaman Masuk ke
di halaman kelola laporan anggota halaman kelola √
anggota anggota
2 Klik Export to PDF Masuk halaman Masuk ke
di halaman kelola laporan buku halaman kelola √
buku buku
3 Klik Export to PDF Masuk halaman Masuk ke
di halaman kelola laporan halaman kelola √
peminjaman peminjaman peminjaman
4 Klik Export to PDF Masuk halaman Masuk ke
di halaman kelola laporan halaman kelola √
pengembalian pengembalian pengembalian
 65

9. Admin Logout
Pengujian menggunakan metode blackbox, untuk memastikan
proses logout admin, hasil pengujian dapat dilihat pada Tabel 4.9.
berikut, Tanda (√) merupakan tanda yang berarti form yang diuji
berhasil.
Tabel 4.9. Pengujian Admin Logout
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Admin mengklik Notifikasi anda Notifikasi anda
tombol logout telah keluar dari telah keluar √
halaman admin dari halaman
admin.

10. Pengujian Halaman Pengunjung

Pengujian menggunakan metode blackbox, untuk memastikan
proses logout admin, hasil pengujian dapat dilihat pada Tabel 4.10.
berikut, Tanda (√) merupakan tanda yang berarti form yang diuji
berhasil.
Tabel 4.10. Pengujian Halaman Pengunjung
Kondisi Yang Hasil
No Kondisi Awal Kondisi Hasil
Diinginkan Test
1 Masuk ke halaman Menampilkan Masuk
pengunjung halaman halaman √
pengunjung pengunjung