24 BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Dalam rancangan website ini penulis membuat website yang akan memudahkan para pengguna untuk memperoleh informasi dalam mengakses data. Atas dasar analisa kebutuhan yang telah dijelaskan diatas maka penulis membagi website ini dibagi menjadi 2 bagian, yaitu : 1. Halaman admin Halaman admin ini adalah halaman yang hanya dikelola oleh admin. Pada halaman admin ini penulis menyediakan halaman beranda, pemasok, kategori buku, buku peminjam, status pinjaman, dan ganti password. Dan tentunya dari halaman tersebut terdapat fasilitas dimana admin bisa mengedit dan menambahkan data untuk memudahkan para admin dalam mengelola website ini. 2. Halaman Pengunjung Dalam halaman pengunjung ini, terdapat halaman home, koleksi buku, hubungi kami, login admin, kategori buku.
55
Embed
PEMBAHASAN - repository.bsi.ac.id · pemetaan yang ada pada basis ... dalam file. Adapun spesifikasi file pada web ini adalah sebagai berikut: 1. Spesifikasi file Account Nama Tabel
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
24
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Dalam rancangan website ini penulis membuat website yang akan
memudahkan para pengguna untuk memperoleh informasi dalam mengakses data.
Atas dasar analisa kebutuhan yang telah dijelaskan diatas maka penulis membagi
website ini dibagi menjadi 2 bagian, yaitu :
1. Halaman admin
Halaman admin ini adalah halaman yang hanya dikelola oleh admin. Pada
halaman admin ini penulis menyediakan halaman beranda, pemasok, kategori
buku, buku peminjam, status pinjaman, dan ganti password. Dan tentunya dari
halaman tersebut terdapat fasilitas dimana admin bisa mengedit dan
menambahkan data untuk memudahkan para admin dalam mengelola website ini.
2. Halaman Pengunjung
Dalam halaman pengunjung ini, terdapat halaman home, koleksi buku,
hubungi kami, login admin, kategori buku.
25
3.2 Perancangan Perangkat Lunak
3.2.1. Rancangan Antar Muka
Berikut adalah rancangan antar muka (interface) pada Perpustakan Online
Berbasis Web :
A. Rancangan Antar Muka Login Administrator
Gambar III.1
Rancangan Antar Muka Login
Berikut merupakan penjelasan dari spesifikasi rancangan antar muka login admin.
b. Login Area
Berisikan tentang username dan password untuk dapat masuk ke halaman
administrator.
c. SignIn
Button Sign untuk menuju ke halaman index administrator
26
B. Rancangan Antar Muka Input Data Penerbit
Gambar III.2
Rancangan Antar Muka Data Penerbit
Berikut merupakan penjelasan dari spesifikasi rancangan antar muka input data
penerbit.
a. Menu Utama
Merupakan bagian dari fasilitas yang dapat diakses oleh admin
b. Menampilkan halaman input data penerbit
27
C. Rancangan Antar Muka Input Data Kategori Buku
Gambar III.3
Rancangan Antar Muka Input Data Kategori Buku
Berikut merupakan penjelasan dari spesifikasi rancangan antar muka input data
kategori buku.
a. Menu utama
Berisikan fasilitas yang dapat diakses oleh admin
b. Menampilkan halaman input data kategori buku
28
D. Rancangan Antar Muka Input Data Buku
Gambar III.4
Rancangan Antar Muka Input Data Buku
Berikut merupakan penjelasan dari spesifikasi rancangan antar muka input data
buku.
a. Menu Utama
Merupakan bagian yang berisi fasilitas yang dapat diakses oleh admin
b. Menampilkan input data buku
29
E. Rancangan Antar Muka Input Data Peminjam
Gambar III.5
Rancangan Antar Muka Input Data Peminjam
Berikut merupakan penjelasan dari spesifikasi rancangan antar muka input data
peminjam
a. Menu Utama
Merupakan bagian yang berisi fasilitas yang dapat di akses oleh admin
b. Menampilkan bagian input data peminjam
30
F. Rancangan Antar Muka Status Pinjaman
Gambar III.6
Rancangan Antar Muka Status Pinjaman
Berikut merupakan penjelasan dari spesifikasi rancangan antar muka status
pinjaman
a. Menu Utama
Merupakan bagian yang berisi fasilitas yang dapat diakses oleh admin
untuk melihat status pinjaman
b. Menampilkan bagian status pinjaman
31
G. Rancangan Antar Muka Detail Pinjaman
Gambar III.7
Rancangan Antar Muka Detail Pinjaman
Berikut merupakan penjelasan dari spesifikasi rancangan antar muka detail
pinjaman
c. Menu Utama
Merupakan bagian yang berisi fasilitas yang dapat diakses oleh admin
untuk melihat detail pinjaman buku
d. Menampilkan bagian detail pinjaman buku
32
3.2.1 Basis Data
Sebuah website memerlukan basis data sebagai tempat untuk
penyimpanan datanya. Di dalam rancangan basis data akan menghasilkan sebuah
pemetaan yang ada pada basis data tersebut. Pada tahap ini penulis akan
menggambarkan hasil pemetaan tabel-tabel pada website Aplikasi Perpustakaan
Online dalam bentuk entity relationship diagram dan logical relational structure.
a. Entity Relationship Diagram
Gambar III.8
Entity Relationship Diagram Perpustakaan
33
b. Logical Relational Structure (LRS)
Gambar III.9
Logical Relation Structure perpustakaan
34
A. Spesifikasi file
Spesifikasi file merupakan dokumen yang menguraikan organisasi data di
dalam file. Adapun spesifikasi file pada web ini adalah sebagai berikut:
1. Spesifikasi file Account
Nama Tabel : Admins
Akronim : admins
Fungsi : Untuk menyimpan data admin
Media : Harddisk
Primary Key : username
Software : MySQL
Jumlah record : 340
Tabel III.1
Spesifikasi file admins
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Username Username Varchar 50 Primary Key
2 Password Password Varchar 50
3 Nama_lengkap Nama_lengkap Varchar 100
4 email Email Varchar 100
5 No_telp No_telp Varchar 20
6 level Level Varchar 20
7 blokir Blokir Enum
35
2. Spesifikasi file Buku
Nama Tabel : Buku
Akronim : Buku
Fungsi : Untuk menyimpan data buku yang tersedia
Media : Harddisk
Primary Key : Id_buku
Software : MySQL
Jumlah record : 395,5
Tabel III.2
Spesifikasi file Buku
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id buku Id buku Int 5 Primary Key
2 Id_kategori Id_kategori Int 5
3 Nama_buku Nama_buku Varchar 100
4 Buku_seo Buku_seo Varchar 100
5 Deskripsi Deskripsi Text
6 Harga Harga Int 20
7 stock Stock Int 5
8 berat Berat decimal 5,2
9 Tgl_masuk Tgl_masuk Date
10 gambar Gambar varchar 100
11 Dibeli Dibeli Int 5
12 Pengarang Pengarang varchar 50
36
13 penerbit Penerbit varchar 50
14 Thn_edisi Thn_edisi varchar 50
15 Jml_eksemplar Jml_eksemplar varchar 50
16 isbn Isbn varchar 50
3. Spesifikasi file Kategori
Nama Tabel : Kategori
Akronim : kategori
Fungsi : Untuk menyimpan data kategori
Media : Harddisk
Primary Key : Id_Kategori
Software : MySQL
Tabel III.3
Spesifikasi file kategori
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id kategori Id kategori Int 5 Primary Key
2 Nama_kategori Nama_kategori Varchar 100
3 Kategori_seo Kategori_seo Varchar 100
4. Spesifikasi file penerbit
Nama Tabel : penerbit
Akronim : penerbit
Fungsi : Untuk menyimpan data pemasok
Media : Harddisk
Primary Key : Id_Penerbit
37
Software : MySQL
Jumlah record : 230
Tabel III.4
Spesifikasi file penerbit
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id_penerbit Id_penerbit Int 5 Primary Key
2 Nama_lengkap Nama_lengkap varchar 100
3 Alamat Alamat Text
4 email Email varchar 100
5 telpon Telpon varchar 20
6 Id_kota Id_kota int 5
5. Spesifikasi file peminjam
Nama Tabel : peminjam
Akronim : peminjam
Fungsi : Untuk menyimpan data peminjam
Media : Harddisk
Primary Key : Id_Peminjam
Software : MySQL
Jumlah record : 275
38
Tabel III.5
Spesifikasi file peminjam
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id peminjam Id peminjam Int 5 Primary Key
2 password password varchar 50
3 Nama_lengkap Nama_lengkap Varchar 100
4 alamat Alamat Text
5 email Email Varchar 100
6 telpon Telpon Varchar 20
7 Id_kota Id_kota
6. Spesifikasi file kota
Nama Tabel : kota
Akronim : kota
Fungsi : Untuk menyimpan data kota
Media : Harddisk
Primary Key : Id_pemasok
Software : MySQL
Jumlah record : 103
39
Tabel III.6
Spesifikasi file kota
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id_kota Id_kota Int 3 Primary Key
2 Nama_kota Nama_kota varchar 100
7. Spesifikasi file orders
Nama Tabel : orders
Akronim : orders
Fungsi : Untuk menyimpan data orders
Media : Harddisk
Primary Key : Id_orders
Software : MySQL
Jumlah record : 60
Tabel III.7
Spesifikasi file orders
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id_orders Id_orders Int 5 Primary Key
2 Status_order Status_orde varchar 50
3 Tgl_order Tgl_order Date
4 Jam_order Jam_order Time
5 Id_peminjam Id_peminjam Int 5
40
8. Spesifikasi file orders_detail
Nama Tabel : orders_detail
Akronim : orders_detail
Fungsi : Untuk menyimpan data orders details
Media : Harddisk
Primary Key : Id_orders
Software : MySQL
Jumlah record : 15
Tabel III.8
Spesifikasi file orders_detail
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id_orders Id_orders Int 5 Primary Key
2 Id_buku Id_buku Int 5
3 Jumlah Jumlah Int 5
9. Spesifikasi file orders_temp
Nama Tabel : id_ orders _temp
Akronim : orders_detail_temp
Fungsi : Untuk menyimpan data orders details temp
Media : Harddisk
Primary Key : Id_orders_temp
Software : MySQL
Jumlah record : 120
41
Tabel III.9
Spesifikasi file orders_temp
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id_orders_temp Id_orders_temp Int 5 Primary Key
2 Id_buku Id_buku Int 5
3 Id_sesion Id_sesion Varchar 100
4 Jumlah Jumlah Int 5
5 Tgl_order_temp Tgl_order_temp Date
6 Jam_order_temp Jam_order_temp Time
7 Stock_temp Stock_temp Int 5
3.3.3. Rancangan Struktur Navigasi
Dalam pembuatan website tentang perpustakaan ini, penulis menggunakan
struktur navigasi. Struktur navigasi sendiri merupakan urutan informasi dari suatu
aplikasi. Hal ini dimaksud agar suatu aplikasi ini mempunyai suatu pedoman
informasi yang jelas.
A. Struktur Navigasi Admin
Gambar III.10
Struktur Navigasi Admin
42
B. Struktur Navigasi Pengunjung
Gambar III.11
Struktur Navigasi Pengunjung
C. Struktur Navigasi User
Gambar III.12
Struktur Navigasi User
3.4.Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka
Perancangan antar muka ini bertujuan untuk memudahkan pembuat sistem
dalam membuat tampilan menggunakan program aplikasi.
43
1. Halaman Beranda
Halaman beranda ini bisa di lihat oleh user ataupun admin.
Gambar III.13
Implentasi Halaman Beranda
44
2. Halaman Koleksi Buku
Halaman koleksi buku ini bisa diakses oleh user untuk melihat stock buku
yang tersedia di perpustakaan tersebut.
Gambar III.14
Implentasi Halaman Koleksi Buku
45
3. Halaman Detail Buku
Halaman detail ini di akses oleh user untuk melihat detail buku yangakan di pinjam.
Gambar III.15
Implentasi Halaman Detail Buku
46
4. Halaman Pinjam Buku
Halaman pinjam ini di lakukan oleh user untuk meminjam buku.
Gambar III.16
Implentasi Halaman Pinjam Buku
47
5. Halaman Login Member
Halaman login ini dilakukan oleh user setelah melakukan request pinjam
buku yang diinginkan.
Gambar III.17
Implentasi Halaman Login Member
48
6. Halaman Bukti Transaksi
Halaman bukti transaksi ini dilakukan untuk pencetakan data kalau
member tersebut sudah meminjam buku.
Gambar III.18
Implentasi Halaman Bukti Transaksi
49
7. Halaman Detail Bukti Transaksi
Halaman ini adalah hasil print dari data transaksi yang dilakukan.
Gambar III.19
Implentasi Halaman Detail Bukti Transaksi
50
8. Halaman Login Admin
Admin harus melakukan login terlebih dahulu. Jika login berhasil, maka
akan muncul menu-menu yang sesuai.
Gambar III.20
Implentasi Halaman Login Admin
51
9. Halaman Input Data Penerbit
Setelah login admin bisa melakukan input data penerbit.
Gambar III.21
Implentasi Halaman Input Data Penerbit
10. Halaman Input Data Kategori Buku
Admin disini juga bisa menginput data kategori buku
Gambar III.22
Implentasi Halaman Input Data Kategori Buku
52
11. Halaman Input Data Buku
Setelah kategori buku, admin juga menginput data buku
Gambar III.23
Implentasi Halaman Input Data Buku
12. Halaman Input Data Peminjam
Admin juga melakukan input data peminjam
Gambar III.24
Implentasi Halaman Input Data Peminjam
53
13. Halaman Data Status Peminjam
Dihalaman Data Status Peminjam ini admin bisa mengecek status
peminjaman buku.
Gambar III.25
Implentasi Halaman Data Status Peminjam
54
14. Halaman Data Detail Peminjam
Gambar III.26
Implentasi Halaman Data Detail Peminjam
B. Spesifikasi Sistem Komputer
Sistem komputer merupakan salah satu prioritas utama dalam menjalankan
website.Dengan adanya sistem komputer maka proses pembuatan website ini
dapat dilakukan secara terstruktur.
Jalannya suatu program dengan menggunakan pemrograman dan dibantu
komputer sebagai media yang menjalankannya diharapkan dapat menghasilkan
suatu hasil output yang baik, seperti yang telah diterapkan pada perancangan
website.
55
Untuk memperoleh hasil yang optimal dari jalannya suatu program
diperlukan dua elemen penting, yakni hardware dan software. Kedua elemen
tersebut diharapkan dapat saling melengkapi untuk terciptanya suatu program
yang efektif dan sesuai dengan apa yang diharapkan.
Berikut ini adalah spesifikasi perangkat keras (Hardware) dan perangkat
lunak (Software) yang penulis buat dalam membuat website ini.
1. Spesifikasi Perangkat Keras (Hardware)
Perangkat keras (hardware) adalah segala komponen yang membentuk
suatu sistem komputer dan peralatan lainnya yang memungkinkan komputer dapat
melaksanakan fungsinya.
Berikut merupakan penjelasan mengenai spesifikasi perangkat keras yang
mendukung dalam pembuatan website yang telah penulis buat:
a. Monitor : 14″ inch HD LED Display
b. Processor : Intel Core i5 6200U 2.3Ghz up to 2.8GHz (3MB Cache)
c. Memory : 4GB On Board & 8GB RAM DDR4 (upgrade)
d. Harddisk : 500GB
e. Printer : Canon IP 2700 Inkjet
2. Spesifikasi Perangkat Lunak (Software)
Perangkat lunak juga merupakan salah satu elemen penting dalam merancang
pembuatan website. Berikut ini merupakan penjelasan mengenai perangkat lunak
yang digunakan dalam pembuatan website.
1. Server
a. Sistem Operasi : Windows 10
b. Paket Program: Apc Server (XAMPP Control Panel Version 2, php server
Version 5 MySQL server Version 5, PHPMyAdmin version 3)
56
c. Web Editor : Macromedia Dreamwever 8
d. Web browser : google crome dan mozila firefox
2. Client
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows
b. Aplikasi web browser seperti Mozila Firefox, Google Crome, Internet
Explore.
3.4.2 Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing
yang fokus terhadap proses masukan dan keluaran program.
A. Pengujian Terhadap Form Login Admin
Tabel III.10
Hasil Pengujian Black Box Testing Halaman Login Admin
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Username
dan
Password
username :
(kosong)
password:
(kosong)
Sistem akan
menolak akses
username atau
password dan
menampilkan
“Username atau
password anda
tidak benar.
Sesuai
harapanValid
57
Atau account
anda sedang di
blokir”
2. Username
dan
Password
Username:
Admin
Password:
(kosong)
Sistem akan
menolak akses
username atau
password dan
menampilkan
“Username atau
password anda
tidak benar.
Atau account
anda sedang di
blokir”
Sesuai
harapanValid
3. Username
dan Password
Nama
Pengguna:
(kosong)
Kata Sandi:
admin
Sistem akan
menolak akses
username atau
password dan
menampilkan
“Username atau
password anda
tidak benar.
Atau account
Sesuai
harapanValid
58
anda sedang di
blokir”
4. Username
dan
Password
Username :
ratih (salah)
Kata Sandi:
admin (benar)
Sistem akan
menolak akses
username atau
password dan
menampilkan
“Username atau
password anda
tidak benar.
Atau account
anda sedang di
blokir”
Sesuai
harapan
Valid
5. Username
dan
Password
Username:
admin (benar)
Password:
admin (benar)
Sistem akan
menerima akses
login dan
kemudian
langsung
menampilkan
menu utama.
Sesuai
harapan
Valid
59
B. Pengujian Terhadap Form Input Data Penerbit
Tabel III.11
Hasil Pengujian Black Box Testing Halaman Input Data Penerbit