17 BAB III PEMBAHASAN 3.1. Analisis Kebutuhan Analisis kebutuhan merupakan proses pengumpulan kebutuhan yang dilakukan untuk menentukan spesifikasi web yang sesuai. Penulis membagi website ini menjadi 3 bagian, yaitu: 1. Halaman Admin Halaman admin ini adalah halaman yang hanya dikelola oleh admin. Pada halaman admin ini penulis menyediakan halaman kelola buku, artikel, anggota, peminjaman dan laporan. 2. Halaman User Halaman user ini adalah halaman yang memungkinkan user untuk membaca buku secara online. 3. Halaman Anggota Halaman anggota adalah halaman yang memungkinkan anggota untuk membaca buku secara online dan anggota juga bisa meminjam buku secara fisik. 3.2. Perancangan Perangkat Lunak 3.2.1. Rancangan Antar Muka Rancangan antar muka merupakan salah satu bagian terpenting dalam pembuatan website. Dengan rancangan antarmuka kita dapat menentukan tampilan yang baik dan menarik. Rancangan antar muka pada website ini terbagi dua, yaitu antar muka yang diakses user dan admin.
18 1. Rancangan Antar Muka User a. Rancangan Halaman Index Halaman index merupakan halaman utama. Tampilannya ditunjukkan oleh gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Slider Kategori Buku Artikel Footer Gambar III.1 Antar Muka Halaman Index
19 b. Rancangan Halaman Beranda Halaman beranda merupakan halaman yang berisi artikel-artikel dan kategori buku. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Slider Kategori Buku Artikel Footer Gambar III.2 Antar Muka Halaman Beranda
20 c. Rancangan Halaman Buku Halaman buku merupakan halaman yang berisi buku-buku dan kategori buku. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Gambar Gambar Gambar Kategori Buku baca detail baca detail baca detail pinjam pinjam pinjam Gambar Gambar Gambar baca detail baca detail baca detail pinjam pinjam pinjam Footer Gambar III.3 Antar Muka Halaman Buku
21 d. Rancangan Halaman Artikel Halaman Artikel merupakan halaman yang berisi artikel-artikel dan kategori buku. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Artikel Kategori Buku Artikel Artikel Footer Gambar III.4 Antar Muka Halaman Artikel
22 e. Rancangan Halaman Peraturan Halaman Peraturan merupakan halaman yang berisi informasi cara meminjam buku. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Kategori Buku Konten Footer Gambar III.5 Antar Muka Halaman Tentang
23 f. Rancangan Halaman Detail Halaman ini berisi detail dari buku. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Nama Buku Kategori Buku Gambar baca pinjam Keterangan Footer Gambar III.6 Antar Muka Halaman Detail
24 g. Rancangan Halaman Baca Halaman ini berisi tamilan buku dalam format pdf. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Kategori Buku Tampilan Buku dalam Format PDF Footer Gambar III.7 Antar Muka Halaman Baca
25 h. Rancangan Halaman Masuk Anggota Halaman ini adalah halaman yang akan menuju ke halaman berikutnya dengan syarat harus masuk terlebih dahulu. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Masuk Anggota Kategori Buku Nama Pengguna : Kata Sandi : xxxx xxxx Masuk Jika belum punya akun daftar di sini Footer Gambar III.8 Antar Muka Halaman Masuk Anggota
26 i. Rancangan Halaman Pendaftaran Halaman ini berisi formulir pendaftaran bagi siswa yang ingin mendaftar menjadi anggota. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Masuk Pendaftaran Kategori Buku Nama Pengguna Kata Kunci Email Nama Lengkap No. Telp xxxx xxxx xxxx xxxx 9999 Daftar Footer Gambar III.9 Antar Muka Halaman Pendaftaran
27 j. Rancangan Halaman Daftar Peminjaman Buku Halaman ini akan menampilkan daftar peminjaman buku. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Keluar Daftar Peminjaman Buku No Nama Buku Pengarang Penerbit Tahun Terbit Jumlah Hapus Kategori Buku 99 xxxx xxxx xxxx 9999 9 Batal Menu Anggota Pilih Buku Pinjam Buku Footer Gambar III.10 Antar Muka Halaman Daftar Peminjaman Buku
28 k. Rancangan Halaman Transaksi Peminjaman Buku Halaman ini akan menampilkan transaksi peminjaman buku. Tampilannya ditunjukkan pada gambar berikut: Header Beranda Buku Artikel Peraturan Keluar Transksi Peminjaman Buku Nomor Peminjaman: xxxx Kategori Buku Cetak Formulir Peminjaman No Nama Buku Pengarang Penerbit Tahun Terbit Jumlah Menu Anggota 9 xxxx xxxx xxxx 9999 99 Footer Gambar III.11 Antar Muka Halaman Transaksi Peminjaman Buku
29 2. Rancangan Antar Muka Masuk Admin a. Rancangan Halaman Masuk Admin Halaman ini merupakan halaman saat admin melakukan masuk. Tampilannya ditunjukkan pada gambar berikut: Masuk Admin Nama Pengguna Kata sandi xxxxx xxxxx Masuk Gambar III.12 Antar Muka Halaman Masuk admin b. Rancangan Halaman Beranda Halaman ini merupakan halaman awal ruang admin. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Selamat Datang Gambar III.13 Antar Muka Halaman Beranda
30 c. Rancangan Halaman Admin Halaman ini berisi data admin yang bisa di edit atau ditambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Tambah Admin No Nama Pengguna Menu 1 Xxxx Edit Hapus Gambar III.14 Antar Muka Halaman Admin d. Rancangan Halaman Tambah Admin Halaman ini berisi data admin yang bisa ditambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Nama Pengguna Kata Sandi xxxx xxxx Simpan Batal Gambar III.15 Antar Muka Halaman Tambah Admin
31 e. Rancangan Halaman Edit Admin Halaman ini untuk mengedit data admin yang ingin di edit. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Nama Pengguna Kata Sandi xxxx xxxx Perbarui Batal Gambar III.16 Antar Muka Halaman Edit Admin f. Rancangan Halaman Kategori Di halaman ini data kategori bisa di edit atau di tambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Tambah Kategori No Kategori Menu 1 xxxx Edit Hapus Gambar III.17 Antar Muka Halaman Kategori
32 g. Rancangan Halaman Tambah Kategori Di halaman ini data kategori bisa di tambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Kategori xxxx Simpan Batal Gambar III.18 Antar Muka Halaman Tambah Kategori h. Rancangan Halaman Edit Kategori Di halaman ini data kategori bisa di edit. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Kategori xxxx Perbarui Batal Gambar III.19 Antar Muka Halaman Edit Kategori
33 i. Rancangan Halaman Buku Di halaman ini data buku bisa di edit atau di tambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Tambah Buku No Nama Buku Kategori Menu 1 xxxx xxxx Edit Hapus Gambar III.20 Antar Muka Halaman Buku
34 j. Rancangan Halaman Tambah Buku Di halaman ini data buku bisa di tambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Nama Buku Kategori Stok Pengarang Penerbit Tahun File pdf Gambar Pilih File Pilih File Simpan xxxx xxxx 9999 xxxx xxxx 9999 Batal Gambar III.21 Antar Muka Halaman Tambah Buku
35 k. Rancangan Halaman Edit Buku Di halaman ini data buku bisa di edit. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Nama Buku Kategori Stok Pengarang Penerbit Tahun File pdf Gambar Pilih File Pilih File Perbarui xxxx xxxx 9999 xxxx xxxx 9999 Batal Gambar III.22 Antar Muka Halaman Edit Buku
36 l. Rancangan Halaman Artikel Di halaman ini data artikel bisa di edit atau di tambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Tambah Artikel No Judul Artikel Menu 1 xxxx Edit Hapus Gambar III.23 Antar Muka Halaman Artikel m. Rancangan Halaman Tambah Artikel Di halaman ini data artikel bisa di tambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Judul Artikel Isi Artikel Gambar xxxx xxxx Pilih File Simpan Batal Gambar III.24 Antar Muka Halaman Tambah Artikel
37 n. Rancangan Halaman Edit Artikel Di halaman ini data artikel bisa di edit. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Judul Artikel Isi Artikel Gambar xxxx xxxx Pilih File Simpan Batal Gambar III.25 Antar Muka Halaman Edit Artikel o. Rancangan Halaman Anggota Di halaman ini data anggota bisa di ubah atau di tambah. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Tambah Anggota No Nama Pengguna Nama Lengkap Email Telpon Status Menu 1 xxxx xxxx xxxxx 9999 xxxxx Edit Hapus Gambar III.26 Antar Muka Halaman Anggota
38 p. Rancangan Halaman Peminjaman Di halaman ini menampilkan data peminjaman. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar No Peminjaman Nama Anggota Tanggal Tanggal Status Menu Peminjaman Kembali 1 xxxxxx dd-mm-yyyy dd-mm-yyyy xxxxx Edit Hapus Gambar III.27 Antar Muka Halaman Peminjaman q. Rancangan Halaman Laporan Di halaman ini dapat melihat laporan peminjaman yang ada. Tampilannya ditunjukkan pada gambar berikut: Ruang Admin Beranda Admin Kategori Buku Artikel Anggota Peinjaman Laporan Keluar Tanggal awal DD MM YYYY Tanggal Akhir DD MM YYYY Cetak Gambar III.28 Antar Muka Halaman Laporan
39 3.2.2 Rancangan Basis Data A. Entity Relationship Diagram (ERD) l M I M I M M l Gambar III.29 ERD Perpustakaan Online Sekolah Menengah Atas
40 B. Logical Relationship Structure (LRS) Anggota id_anggota * username password nama asal_sekolah alamat email telepon l M Pinjam id_pinjam* id_anggota** status_pinjam tanggal_pinjam jumlah l l Pinjam_detail id_pinjam** id_buku** jumlah M Buku id_buku* id_kategori** nama_buku pengarang penerbit tahun stok file gambar sinopsis M M l Kategori id_kategori* nama_kategori Gambar III.30 LRS Perpustakaan Online Sekolah Menengah Atas
41 C. Spesifikasi File Spesifikasi file berisi daftar file-file yang digunakan atau dibutuhkan dalam pembuatan website ini. File-file tersebut dibuat dalam satu database yaitu database dbperpustakaan. Adapun untuk spesifikasi dari setiap file adalah sebagai berikut: 1. Spesifikasi File Admin Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : admin : admin : Untuk Menyimpan Data Admin : File Master : Indexed Sequential : Random : Harddisk Panjang record : 80 Kunci Field Software : id_admin : Mysql Tabel III.1 Tabel Admin No Elemen Data Nama Field Type Size Ket. 1. id admin id_admin Int 5 Primary key 2. Username username Varchar 25 3. password password Varchar 50
42 2. Spesifikasi File Anggota Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : anggota : anggota : Untuk Menyimpan Data Anggota : File Master : Indexed Sequential : Random : Harddisk Panjang record : 136 Kunci Field Software : id_anggota : Mysql Tabel III.2 Tabel Anggota No Elemen Data Nama Field Type Size Ket. 1. id anggota id_anggota Int 8 Primary key 2. username username Varchar 15 3. password password Varchar 50 4. asal_sekolah asal_sekolah Varchar 50 5. nama nama Varchar 25 6. alamat alamat Text 7. Email email Varchar 25 8. Telepon telepon Int 13
43 3. Spesifikasi File Buku Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : buku : buku : Untuk Menyimpan Data Buku : File Master : Indexed Sequential : Random : Harddisk Panjang record : 262 Kunci Field Software : id_buku : Mysql Tabel III.3 Tabel Buku No Elemen Data Nama Field Type Size Ket. 1. id buku id_buku Int 5 Primary key 2. id kategori id_kategori Int 2 Foreign key 3. nama Buku nama_buku Varchar 50 4. pengarang pengarang Varchar 50 5. penerbit penerbit Varchar 50 6. tahun tahun Int 4 7. stok Stok Int 5 8. file File Varchar 100 9. gambar gambar Varchar 100 10. sinopsis sinopsis Text
44 4. Spesifikasi File Artikel Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : artikel : artikel : Untuk Menyimpan Data artikel : File Master : Indexed Sequential : Random : Harddisk Panjang record : 305 Kunci Field Software : id_artikel : Mysql Tabel III.4 Tabel Artikel No Elemen Data Nama Field Type Size Ket. 1. id artikel id_artikel Int 5 Primary key 2. judul artikel judul_artikel Varchar 200 3. isi artikel isi_artikel Text 4. gambar gambar Varchar 100
45 5. Spesifikasi File Kategori Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : kategori : kategori : Untuk Menyimpan Data kategori : File Master : Indexed Sequential : Random : Harddisk Panjang record : 45 Kunci Field Software : id_kategori : Mysql Tabel III.5 Tabel Kategori No Elemen Data Nama Field Type Size Ket. 1. id kategori id_kategori Int 2 Primary key 2. nama kategori nama_kategori Varchar 25
46 6. Spesifikasi File Pinjam Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : pinjam : pinjam : Untuk Menyimpan Data Peminjaman : File Transaksi : Indexed Sequential : Random : Harddisk Panjang record : 20 Kunci Field Software : id_pinjam : Mysql Tabel III.6 Tabel Pinjam N o Elemen Data Nama Field Type Size Ket. 1. id pinjam id_pinjam Varchar 5 Primary key 2. id anggota id_anggota Int 5 Foreign key 3. status pinjam status_pinjam Enum DIKEM BALIKAN, PINJ AM 4. tanggal pinjam tanggal_pinjam Date 5. tanggal tanggal_kembali Date kembali 6. Jumlah jumlah Int 10
47 7. Spesifikasi File Pinjam_detail Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : pinjam_detail : pinjam_detail : Untuk Menyimpan Detail Peminjaman Buku : File Transaksi : Indexed Sequential : Random : Harddisk Panjang record : 20 Kunci Field Software : id_pinjam : Mysql Tabel III.7 Tabel Pinjam Detail No Elemen Data Nama Field Type Size Ket. 1. id pinjam id_pinjam Varchar 5 Foreign key 2. id buku id_buku Int 5 Foreign key 3. Jumlah jumlah Int 10
48 8. Spesifikasi File Pinjam_temp Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : pinjam_temp : pinjam_temp : Untuk Menampung Data Sementara : File Transaksi : Indexed Sequential : Random : Harddisk Panjang record : 25 Kunci Field Software : id_pinjam_temp : Mysql Tabel III.8 Tabel Pinjam temp No Elemen Data Nama Field Type Size Ket. 1. id pinjam temp id_pinjam_temp Int 5 Foreign key 2. id buku id_buku Int 5 Foreign key 3. id anggota id_anggota Int 5 Foreign key 4. jumlah jumlah Int 10
49 3.2.3. Rancangan Struktur Navigasi A. Struktur Navigasi User Beranda Buku Artikel Tentang Keluar Baca Pinjam Detail Masuk Gambar III.31 Navigasi User
Edit Kategori Buku Artikel Masuk Anggota Peminjaman Laporan Keluar 50 B. Stuktur Navigasi Admin Beranda Admin Tambah Anggota Edit Hapus Tambah Tambah Hapus Edit Tambah Hapus Edit Hapus Edit Gambar III.32 Navigasi Admin Hapus Peminjam an Buku Artikel
51 3.3. Implementasi dan Pengujian Unit 3.3.1. Implementasi A. Implementasi Rancangan Antar Muka Berikut adalah implementasi dari rancangan antar muka website yang dibuat: 1. Halaman Index Halaman ini merupakan halaman yang pertama kali dilihat. Gambar III.33 Implementasi Halaman Index
52 2. Halaman Beranda Halaman ini adalah halaman yang berisi artikel-artikel dan kategori buku. Gambar III.34 Implementasi Halaman Beranda
53 3. Halaman Buku Halaman yang berisi buku-buku dan kategori buku. Gambar III.35 Implementasi Halaman Buku
54 4. Halaman Detail Halaman yang berisi informasi detail dari buku. Gambar III.36 Implementasi Halaman Detail
55 5. Halaman Daftar Peminjaman Buku Halaman ini berisi daftar buku-buku yang akan dipinjam. Gambar III.37 Implementasi Halaman Daftar Peminjaman Buku
56 6. Halaman Masuk Anggota Merupakan halaman yang mengharuskan anggota untuk mengisi nama pengguna dan kata sandi sebelum meminjam buku. Gambar III.38 Implementasi Halaman Masuk Anggota
57 7. Halaman Pendaftaran Merupakan halaman yang digunakan untuk pendaftaran anggota. Gambar III.39 Implementasi Halaman Pendaftaran
58 8. Halaman Transaksi Peminjaman Buku Merupakan halaman yang berisi informasi peminjaman buku yang dilakukan. Gambar III.40 Implementasi Halaman Transaksi Peminjaman Buku
59 9. Halaman Masuk Admin Halaman ini merupakan halaman awal saat seorang admin akan masuk ke ruang admin. Gambar III.41 Implementasi Halaman Masuk Admin
60 10. Halaman Beranda Admin Setelah admin memasukkan nama pengguna dan kata sandi maka halaman ini yang akan muncul untuk pertama kali. Gambar III.42 Implementasi Halaman Beranda Admin
61 11. Halaman Admin Halaman ini khusus untuk mengelola data admin. Gambar III.43 Implementasi Halaman Admin
62 12. Halaman Tambah Admin Halaman ini khusus untuk menambah data admin. Gambar III.44 Implementasi Halaman Tambah Admin
63 13. Halaman Edit Admin Halaman ini khusus untuk mengedit data admin. Gambar III.45 Implementasi Halaman Edit Admin
64 14. Halaman Kategori Merupakan halaman yang khusus mengelola kategori buku. Gambar III.46 Implementasi Halaman Kategori
65 15. Halaman Tambah Kategori Merupakan halaman yang khusus menambah kategori buku. Gambar III.47 Implementasi Halaman Tambah Kategori
66 16. Halaman Edit Kategori Merupakan halaman yang khusus mengedit kategori buku. Gambar III.48 Implementasi Halaman Edit Kategori
67 17. Halaman Buku Merupakan halaman yang khusus mengelola data buku. Gambar III.49 Implementasi Halaman Buku
68 18. Halaman Tambah Buku Merupakan halaman yang khusus menambah data buku. Gambar III.50 Implementasi Halaman Tambah Buku
69 19. Halaman Edit Buku Merupakan halaman yang khusus mengedit data buku. Gambar III.51 Implementasi Halaman Edit Buku
70 20. Halaman Artikel Merupakan halaman yang khusus mengelola data artikel. Gambar III.52 Implementasi Halaman Artikel
71 21. Halaman Tambah Artikel Merupakan halaman yang khusus menambah data artikel. Gambar III.53 Implementasi Halaman Artikel
72 22. Halaman Edit Artikel Merupakan halaman yang khusus mengedit data artikel. Gambar III.54 Implementasi Halaman Edit Artikel
73 23. Halaman Anggota Merupakan halaman yang khusus mengelola data anggota. Gambar III.55 Implementasi Halaman Anggota
74 24. Halaman Edit Anggota Merupakan halaman yang khusus mengedit data anggota. Gambar III.56 Implementasi Halaman Edit Anggota
75 25. Halaman Peminjaman Berisi data peminjaman yang dilakukan anggota. Gambar III.57 Implementasi Halaman Peminjaman
76 26. Halaman Laporan Peminjaman Halaman yang digunakan untuk melihat laporan peminjaman dalam jangka waktu tertentu. Gambar III.58 Implementasi Halaman Laporan Peminjaman
77 B. Spesifikasi Sistem Komputer Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan website Perpustakaan Online Sekolah Menegah Atas agar berjalan dengan baik. 1. Hardware atau perangkat keras Hardware atau perangkat keras merupakan komponen komputer yang terlihat wujud atau bentuknya serta bisa dirasakan atau dipegang. Perangkat keras minimal yang dapat digunakan untuk menjalankan program ini adalah: a. Server 1. CPU dengan Processor Intel Pentium Core 2 Duo, RAM DDR2 4 GB dan Hard Disk 500 GB 2. Mouse 3. Keyboard 4. Monitor dengan resolusi layar minimum 1024x768 5. Koneksi internet dengan kecepatan 2 Mbps. b. Client 1. CPU dengan Processor Intel Pentium 4, RAM DDR2 1GB dan Hard Disk 20 GB 2. Mouse 3. Keyboard 4. Monitor dengan resolusi layar minimum 1024x768 5. Koneksi internet dengan kecepatan 56 kbps.
78 2. Software atau perangkat lunak Software atau perangkat lunak merupakan kebalikan dari komponen perangkat keras. Perangkat lunak tidak dapat dipegang atau dirasakan karena berupa program yang berjalan dalam sistem komputer. Perangkat lunak yang digunakan adalah sebagai berikut: a. Server 1. Sistem operasi yang umum digunakan seperti: Microsoft Windows 2. Paket Program : App Server (XAMPP Control Panel Version 3.2.1, WinMySQLAdmin Version 1.4, PHPMyAdmin version 4.2.11) 3. Aplikasi Web seperti Mozilla Firefox, Google Chrome. b. Client 1. Sistem operasi yang umum digunakan seperti: Microsoft Windows 2. Aplikasi web browser seperti Mozilla Firefox, Opera, Internet Explorer, Google Chrome. 3.3.2. Pengujian Unit Pengujian atau testing terhadap program yang dibuat oleh penulis dalam pembuatan website ini adalah teknik black box testing yang fokus terhadap proses masukkan dan juga proses keluaran program. Adapun hasil dari pengujiannya sebagai berikut:
79 1. Pengujian Pada Masuk Akun Anggota Tabel III.9 Test Masuk Anggota No Skenario Pengujian 1 Memasukkan nama pengguna yang terdaftar tetapi mengosongkan kata sandi lalu klik tombol masuk 2 Mengosongkan Nama pengguna dan Kata Sandi lalu klik tombol masuk 3 Memasukkan salah satu data salah misalnya nama pengguna benar tetapi kata sandi salah lalu klik tombol masuk 4 Memasukkan semua data dengan benar lalu klik tombol masuk Test case Hasil yang diharapkan Nama Sistem pengguna menolak dan : diisi memberi Kata sandi peringatan : masih ada Kosong yang kosong Nama Pengguna : kosong Kata sandi: kosong Nama Pengguna: benar Kata Sandi: salah Nama pengguna: benar Kata Sandi : Benar Sistem menolak dan memberi peringatan masih ada yang kosong Sistem menolak dan memberi peringatan nama pengguna atau kata sandi tidak ada Sistem menerima dan anggota dapat melakukan peminjaman Hasil pengujian Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Kesimpula n Valid Valid Valid Valid
80 2. Pengujian Pada Pendaftaran Anggota Tabel III.10 Test Pendaftaran Anggota No Skenario Pengujian 1 Mengosongkan salah satu bagian masukan lalu klik tombol daftar 2 Mengisi semua bagian masukan namun bagian Email diisi dengan penulisan yang salah lalu klik tombol daftar Test case Hasil yang diharapkan Nama Sistem Pengguna: menolak diisi akses dan Kata sandi menampilkan : diisi pesan Masih Email: ada yang diisi kosong Nama Lengkap: diisi No. Telp : Kosong Nama Pengguna: diisi Kata sandi : diisi Email: diisi dengan penulisan yang salah Nama Lengkap: diisi No. Telp : diisi Sistem menolak akses dan menampilkan pesan Masukan email dengan benar Hasil pengujian Sesuai harapan Sesuai harapan Kesimpula n Valid Valid 3 Mengisi semua bagian masukan dengan benar lalu klik tombol daftar Nama Pengguna: diisi Kata sandi : diisi Email: diisi Nama Lengkap: diisi No. Telp : diisi Sistem menerima dan menampilkan pesan Akun anda telah terdaftar silahkan masuk untuk meneruskan Sesuai harapan Valid
81 3. Pengujian Pada Masuk Admin Tabel III.11 Test Masuk Admin No Skenario Pengujian 1 Mengosongkan nama pengguna dan kata sandi lalu pilih tombol masuk 2 Mengisi nama pengguna dan mengosongkan kata sandi lalu pilih klik masuk 3 Mengisi dengan salah satu data yang salah lalu klik tombol masuk 5 Mengisi username dan password dengan data yang benar lalu klik tombol masuk Test case Hasil yang diharapkan Nama Sistem pengguna: menolak kosong akses dan Kata sandi menampilkan : kosong pesan nama pengguna dan kata sandi Nama pengguna : diisi Kata sandi : kosong Nama pengguna: benar Kata sandi : salah Username :benar Password : benar kosong. Sistem menolak akses dan menampilkan pesan nama pengguna atau kata sandi salah Sistem menolak akses dan menampilkan pesan nama pengguna atau kata sandi salah Sistem menerima lalu masuk ke halaman beranda administrator Hasil pengujian Sesuai harapan Sesuai harapan Sesuai harapan Sesuai harapan Kesimpula n Valid Valid Valid Valid
82 4. Pengujian Pada Tambah Buku Tabel III.12 Test Tambah Buku No Skenario Pengujian 1 Mengosongkan salah satu bagian masukan lalu klik tombol simpan 2 Mengosongkan semua bagian masukan lalu klik tombol simpan 3 Mengisi semua bagian masukan dengan benar lalu klik tombol simpan Test case Hasil yang diharapkan Nama Sistem Buku: diisi menolak Kategori : akses dan diisi menampilkan stok: diisi pesan Masih pengarang ada yang : diisi kosong Penerbit: Kosong Tahun terbit:diisi File pdf : diisi Gambar:di isi Nama Buku: kosong Kategori : kosong stok: kosong pengarang : kosong Penerbit: Kosong Tahun terbit: kosong File pdf : kosong Gambar: kosong Nama Buku: diisi Kategori : diisi stok: diisi pengarang : diisi Sistem menolak akses dan menampilkan pesan Masih ada yang kosong Data tersimpn database ke Hasil pengujian Sesuai harapan Sesuai harapan Sesuai harapan Kesimpula n Valid Valid Valid
83 4 Tidak bisa mengisi stok dan tahun terbit dengan huruf Penerbit: diisi Tahun terbit:diisi File pdf : diisi Gambar:di isi Tahun terbit:xxxx Stok:xx Tahun terbit: tidak bisa diisi Stok:tidak bisa diisi Sesuai harapan Valid