3.1.1.2 Admin dapat mengunakan sejumlah layanan tersedia melalui web
browser, admin dapat melihat, menambah, merubah serta menghapus data user dan data koleksi. Layanan ini bisa di akses jika admin telah
melalui proses registrasi dan login.
3.1.2 Masukan Dan Keluaran Sistem
Masukan sistem aplikasi terdiri atas sejumlah data yang di perlukan untuk memenuhi kebutuhan sistem aplikasi yang ada. Sedangkan keluaran sistem
aplikasi terdiri atas sejumlah data yang dihasilkan oleh proses yang terjadi di dalam sistem.
Dalam sistem aplikasi ini masukkan data meliputi form aplikasi serta link- link yang telah di beri parameter sebelumnnya. Masukan dikirimkan oleh user
atau admin untuk meminta layanan kepada sistem aplikasi. Proses pengolahan data akan dilakukan sesuai dengan isi form tersebut. Sedangkan keluaran aplikasi
terdiri atas sejumlah tampilan web. Tampilan web yang dikakses user akan menghsilkan data hasil proses masukkan yang kemudian dapat dilihat pada web
browser dan internet.
3.2 Perancangan Sistem
Pada bab ini akan menjelaskan mengenai proses desain dari system yang akan dibuat. Proses desain bab ini di bagi menjadi 5 tahapan yaitu : deskripsi
umum sistem, spesifikasi kebutuhan sistem, perancangan proses, perancangan basis data dan perancangan antar muka.
3.2.1 Deskripsi Umum sistem
Secara umum, alur yang terjadi dalam aplikasi in dapat dijelaskan melalui tabel berikut :
Tabel 3.1 Flowchart Alur Administrator Pada Sistem
Keterangan :
Admin atau administrator login terlebih dahulu ke sistem aplikasi kemudian admin dapat melakukan penambahan, perubahan, penghapusan pada data user
ataupun data koleksi, kemudian sistem akan memproses dan menampilkan hasil proses data. Untuk keluar maka admin harus logout dari sistem aplikasi.
Tabel 3.2 Flowchart Alur User Pada Sistem
Keterangan :
User login terlebih dahulu ke sistem aplikasi kemudian user dapat merubah data serta mengunduh koleksi yang berbentuk digital. Untuk keluar maka
user harus logout dari sistem aplikasi.
3.2.2 Perancangan Proses
Data Flow Diagram DFD dapat digunakan sebagai alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi yang dapat
digunakan untuk penggambaran analisis maupun rancangan sistem.
3.2.2.1 Context Diagram
Context Diagram menjelaskan gambaran umum mengenai sistem dan entitas eksternal yang berinteraksi dengan sistem serta arah informasi yang masuk
dan keluar antara entitas luar dengan sistem. Jadi pada contect diagram ini dapat di lihat entitas – entitas dan proses yang terjadi seperti pada gambar berikut :
Fhoto Telp
Alamat Password
Nama Id
Fhoto Telp
Alamat Password
Nama Id
Fhoto Telp
Alamat Password
Nama Id
Sistem Perpustakaan Online Berbasis Web
Dengan Teknologi Ajax
+
Murid Guru
Staff
Gambar 3.1 Context Diagram
Pada diagram contex terdapat 2 entitas yang terlibat dalam sistem, yaitu : user dan admin.
Admin berinteraksi dengan sistem antara lain yaitu login ke sistem, melihat, menambah, merubah serta menghapus data user dan data koleksi.
Table berikut menjelaskan definisi masing – masing dari entitas tersebut :
Tabel 3.3 Entitas sistem No
Entitas Definisi
1 Admin
Petugas perpustakaan.
2 User
User dapat merubah data user serta mengunduh koleksi yang berbentuk digital.
Dari tabel tesebut dapat dilihat bahwa kedua entitas tersebut memiliki peranan masing – masing dalam sistem aplikasi ini, antara lain :
1. Admin
: menambah, merubah, menghapus data user serta data koleksi.
2. User
: user dapat login terlebih dahulu lalu dapat merubah data user serta mengunduh koleksi yang berbentuk digital.
3.2.2.2 DFD Level 0
Data Buku Data Buku
Id Id
Id
Data Pengarang Data Pengarang
Data Topic Data Topic
Data Penerbit Data Penerbit
Data Denda Data Denda
Data Denda
Data Denda Data Buku
Data Pengembalian Data Pengembalian
Data Denda Data Buku
Data Buku Id
Data Buku Id
Data Peminjaman Data Peminjaman
Data Buku Id
Data Buku Data Buku
Fhoto Telp
AlamatPassword Nama Id
Fhoto Telp
Alamat Password
Nama Id
Data Member Data Member
Fhoto Telp
Alamat Password
Nama Id
Murid Murid
Murid Murid
Murid Murid
Staff Staff
Staff Staff
Staff Staff
Guru Guru
Guru Guru
Guru Guru
1 Pendaftaran
2 Penambahan
Buku 3
Peminjaman 4
Pengembalian
5 Download
Member
Buku Loan
Fines
mst_topic mst_author
mst_publisher
Gambar 3.2 DFD Level 0
Keterangan :
Untuk proses awal yaitu admin dan user menginputkan data login ke dalam sistem untuk diproses oleh sistem. Kemudian setelah selesai login,admin
mengelola data member dan data koleksi. Setelah login user bisa mengelola data user. Kemudian dari data – data tersebut akan menghasilkan tabel user dan table
koleksi yang kemudian data tersebut akan ditampilkan menurut hak akses masing - masing.
3.2.3 Perancangan Basis Data
Perancangan basis data ini meliputi model data konseptual dan model data fisik. Model data konseptual memodelkan struktur logis dari keseluruhan
aplikasi data, tidak tergantung pada perangkat lunak atau pertimbangan model struktur data. Sedangkan model data fisik memodelkan struktur fisik dari
database, dengan mempertimbangkan perangkat lunak sistem manajemen basis data serta model struktur yang akan di gunakan. Hasil dari data model fisik
merupakan hasil generate dari data model kpnseptual.
3.2.3.1 Model Data Konseptual
Model data fisik yang terintegrasi dengan database MySql. Pembuatan model data fisik ini dengan cara meng-generate diagram data konseptual. Data
konseptual di buat dengan cara membuat entitas – entitas dan mengisi atribut – atribut pada masing – masing entitas, sesuai dengan atribut yang dimiliki pada
entitas.
Relationship_1 Relationship_2
Relationship_3 Relationship_4
Relationship_5 Relationship_6
Relationship_7 Relationship_8
Relationship_9
Relationship_10 Relationship_11
Relationship_12
Relationship_13 Relationship_14
buku biblio_id
title edition
isbn_issn tebal
publish_year series_title
image file_att
input_date last_update
pi Serial 11 Text
Variable characters 50 Variable characters 20
Variable characters 20 Integer
Variable characters 200 Variable characters 100
Variable characters 255 Date Time
Date Time M
M M
M M
M M
M M
M M
Identifier_1 pi fines
fines_id fines_date
debet credit
description pi Serial 11
Date Integer
Integer Variable characters 255
M M
M M
M
Identifier_1 pi item
item_id item_code
input_date last_update
pi Serial 11 Variable characters 20
Date Time Date Time
M M
M M
Identifier_1 pi
loan loan_id
loan_date due_date
is_lent is_return
return_date pi Serial 11
Date Date
Integer Integer
Date M
M M
M M
Identifier_1 pi member
member_id member_name
gender birth_place
birth_date member_address
member_emai postal_code
member_image member_phone
member_fax register_date
expire_date input_date
last_update pi
mst_coll_type Variable characters 20
l Variable characters 100
Integer Variable characters 100
Date Variable characters 255
Variable characters 100 Variable characters 20
Variable characters 200 Variable characters 50
Variable characters 50 Date
Date Date
Date M
coll_type_id Serial 3
M M
M M
M M
M M
M M
M M
M M
Identifier_1 pi
mst_author author_id
author_name authority_type
input_date last_update
pi Serial 11 Variable characters 100
Characters 1 Date
Date M
M M
M M
Identifier_1 pi coll_type_name
input_date last_update
pi Variable characters 30
Date Date
M M
M M
Identifier_1 pi mst_topic
topic_id Serial 11
mst_item_status item_status_id
item_status_name input_date
last_update pi Characters 3
Variable characters 30 Date
Date M
M M
M Identifier_1 pi
mst_loan_rules loan_rules_id
loan_limit loan_periode
fine_each_day input_date
last_update pi Serial 11
Integer Integer
Integer Date
Date M
M M
M M
M
Identifier_1 pi mst_location
location_id location_name
input_date last_update
pi Variable characters 3 Variable characters 100
Date Date
M M
M M
Identifier_1 pi mst_member_type
member_type_id member_type_name
member_periode input_date
last_update pi Serial 11
Variable characters 50 Integer
Date Date
M M
M M
M
Identifier_1 pi
mst_publisher publisher_id
publisher_name input_date
last_update pi Serial 11
Variable characters 100 Date
Date M
M M
M Identifier_1 pi
topic input_date
last_update pi
Variable characters 50 Date
Date M
M M
M Identifier_1 pi
user user_id
Serial 11 username
passwd input_date
last_update pi
Variable characters 50 Variable characters 35
Date Date
M M
M M
M Identifier_1 pi
Gambar 3.3 Model Data Konseptual
3.2.3.2 Model Data Fisik
Untuk membuat sebuah model data fisik pada aplikasi ini adalah dengan cara melakukan generate pada table konseptual yang terdapat pada gambar 3.3.
FK_RELATIONSHIP_1 FK_RELATIONSHIP_1
FK_RELATIONSHIP_2
FK_RELATIONSHIP_2
FK_RELATIONSHIP_3 FK_RELATIONSHIP_4
FK_RELATIONSHIP_5 FK_RELATIONSHIP_6
FK_RELATIONSHIP_7 FK_RELATIONSHIP_8
FK_RELATIONSHIP_9
FK_RELATIONSHIP_10 FK_RELATIONSHIP_11
FK_RELATIONSHIP_12
FK_RELATIONSHIP_13 FK_RELATIONSHIP_14
FK_RELATIONSHIP_14
buku biblio_id
publisher_id title
tion sbn_issn
tebal publish_year
series_title age
ile_att input_date
last_update int11
edi i
im f
int11 text
varchar50 varchar20
varchar20 int
varchar200 varchar100
varchar255 datetime
datetime pk
fk fines
fines_id member_id
fines_date debet
credit description
int11 varchar20
date int
int varchar255
pk fk
item item_id
coll_type_id item_status_id
biblio_id location_id
item_code input_date
last_update int11
int3 char3
int11 varchar3
varchar20 datetime
datetime pk
fk3 fk2
fk4 fk1
loan loan_id
member_id item_id
loan_rules_id loan_date
due_date is_lent
is_return return_date
int11 varchar20
int11 int11
date date
int int
date pk
fk3 fk2
fk1 member
member_id member_type_id
member_name gender
birth_place birth_date
member_address member_email
postal_code member_image
member_phone member_fax
register_date expire_date
input_date last_update
varchar20 int11
varchar100 int
varchar100 date
varchar255 varchar100
varchar20 varchar200
varchar50 varchar50
date date
date date
pk fk
mst_author author_id
author_name authority_type
input_date last_update
int11 varchar100
char1 date
date pk
mst_coll_type coll_type_id
coll_type_name input_date
last_update int3
varchar30 date
date pk
mst_item_status item_status_id
item_status_name input_date
last_update char3
varchar30 date
date pk
mst_loan_rules loan_rules_id
member_type_id loan_limit
loan_periode fine_each_day
input_date last_update
int11 int11
int int
int date
date pk
fk mst_location
location_id location_name
input_date last_update
varchar3 varchar100
date date
pk mst_member_type
member_type_id member_type_name
member_periode input_date
last_update int11
varchar50 int
date date
pk
mst_publisher publisher_id
publisher_name input_date
last_update int11
varchar100 date
date pk
mst_topic topic_id
topic input_date
last_update int11
varchar50 date
date pk
user user_id
username passwd
input_date last_update
int11 varchar50
varchar35 date
date pk
buku_author author_id
biblio_id int11
int11 pk,fk1
pk,fk2 buku_topic
topic_id biblio_id
int11 int11
pk,fk1 pk,fk2
member_topic topic_id
int11 pk,fk1
member_id varchar20 pk,fk2
Gambar 3.4. Diagram Model Data Fisik
3.2.4 Perancangan Antar Muka
Perancangan antar muka merupakan perancangan halaman aplikasi yang berinteraksi langsung dengan pengguna sistem aplikasi. Pada aplikasi ini terdapat
antarmuka yang digunakan user dan admin mengunakan aplikasi berbasis web.
User saat pertama kali mengakses sistem ini pada browser, antar muka yang disediakan adalah halaman index. Pada halaman index terdapat halaman
login melalui tulisan login. Sedangkan admin saat pertama kali mengaskse sistem aplikasi webnya pada web browser , pertama halaman yang di sediakan adalah
halaman index,fungsinya sama dengan halaman index user yaitu keduanya mencantumkan link yang berupa tulisan login bila di klik akan muncul form untuk
login dan langsung ke halaman login.
Pada halaman login user dapat memasukkan nis nip dan password untuk login ke halaman user, dimana pada halaman user berisi menu : Info User,
Gallery, Download dan Logout.
Sedangkan admin yang telah login akan masuk ke halaman admin dimana pada halaman ini terdapat menu : Buku, Member, Master, Transaksi, Report dan
Logout.
3.2.4.1 Perancangan Antarmuka User
Setelah user berhasil login maka user akan dihadapkan dengan beberapa menu yaitu, Profile, Edit Profile, Gallery, Download dan Logout.
Tabel 3.4 Menu Untuk User No
Menu Kegunaan
1 Info User
Untuk melihat dan merubah data user 2
Koleksi Fisik Untuk melihat daftar koleksi yang tersedia
3 Koleksi Digital
Untuk melihat daftar koleksi digital dan mengunduhnya
4 Logout
Untuk keluar dari halaman user
3.2.4.2 Perancangan Antarmuka Admin
Berikut adalah tabel perancangan antar muka admin pendaftaran :
Tabel 3.5 Menu Admin No
Menu Kegunaan
1 Buku
Untuk melihat daftar koleksi serta melakukan pengolahan data koleksi yang ada, baik menambah,
merubah maupun menghapus 3
Member Untuk melihat daftar member serta melakukan
pengolahan data member yang ada, baik menambah, merubah maupun menghapus
4 Master
Untuk melihat daftar master serta melakukan pengolahan data master yang ada, baik menambah,
merubah maupun menghapus 5
Transaksi Untuk mengola data dari setiap transaksi yang
terjadi 6
Report Untuk melihat serta mencetak data report laporan
dari semua data yang ada 7
Logout Untuk keluar dari halaman admin
3.2.5 Rancangan Implementasi
Sistem
Pada sub – bab 3.3 ini akan dibahas mengenai implementasi rancangan sistem aplikasi yang di buat pada sub – bab 3.2 bagian implemantasi pada sub –
bab ini di bagi menjadi 4 bagian, yaitu : lingkungan implementasi basis data,implemetasi antarmuka dan implementasi proses.
3.2.6 Lingkungan Implementasi
Pada bagian lingkungan implementasi ini akan dijelaskan perangkat keras dan perangkat lunak yang digunakan dalam perancangan dan pembuatan aplikasi
web perpustakaan online ini.
Perangkat Keras
- Processor Intel Pentium Core
TM
2 Duo -
Memori 2 Gb of RAM
Perangkat Lunak
o Sistem Operasi Microsoft Windows XP Profesional SP2
o XAMPP 1.7 PHP 5, MySql, Apache
o Mozila firefox versi 3.6 sebagai web browser
o Adobe photosop CS
o Macromedia Dreamweaver 8
o Power Designer versi 15
3.2.7 Implementasi Basis Data
Rancangan model data fisik pada bagian perancangan aplikasi di implementasikan ke dalam basis data MySQL. Keterangan lebih detail dapat di
lihat pada tabel – tabel berikut :
Tabel 3.6 Tabel member
No Tabel Kolom
Tipe Data Keterangan
1 member Member_id Varchar20 Primary
key 2
Member_type_id Int6
foreign key
3 Member_name
Varchar 100
4 Password
Varchar35 5
Gender Int1
6 Birth_place
Varchar100 7
Birth_date Date
8 Member_address
Varchar 255
9 Member_email
Varchar100 10
Postal_code Varchar
200 11
Member_image Varchar
200 12
Member_phone Varchar50
13 Member_fax
Varchar50 14
Register_date Date
15 Expire_date
Date 16
Input_date Date
17 Last_update
Date
Tabel 3.7 Tabel buku
No Tabel Kolom
Tipe Data Keterangan
1 buku Biblio_id
Int11 Primary
key 2
Publisher_id Int11
foreign key
3 Title
Text 4
Edition Varchar50
5 Isbn_issn
Varchar20 6
Tebal Varchar 20
7 Publish_year
Int4 8
Series_title Varchar200
9 Image
Varchar 100 10
File_att Varchar
255 11
Input_date Date
12 Last_update
Date
Tabel 3.8 Tabel buku_author
No Tabel Kolom
Tipe Data Keterangan
1 Buku_author Biblio_id Int11
Primary key
2 Author_id
Int11 Primary
key
Tabel 3.9 Tabel buku_topic
No Tabel Kolom
Tipe Data Keterangan
1 Buku_topic Biblio_id Int11
Primary key
2 Topic_id
Int11 Primary
key,
Tabel 3.10 Tabel Member_topic
No Tabel Kolom
Tipe Data Keterangan
1 member_topic member_id
Int11 Primary
key 2
Topic_id Int11
Primary key
Tabel 3.11 Tabel fines
No Tabel Kolom
Tipe Data Keterangan
1 fines Fines_id
Int11 Primary
key 2
Member_id Int11
foreign key
3 Fines_date
Date 4
Debet Int11
5 Credit
Int11 6
Description Varchar
255
Tabel 3.12 Tabel item
No Tabel Kolom
Tipe Data Keterangan
1 item
Item_id Char 5
Primary key 2
Biblio_id Int11
foreign key
3 Coll_type_id
Int3 foreign
key 4
Location_id Varchar3 foreign
key 5
Item_status_id Char3
foreign key
6 Item_code
Varchar 20
7 Input_date
Date 8
Last_update Date
Tabel 3.13 Tabel loan
No Tabel Kolom
Tipe Data Keterangan
1 loan Loan_id
Int11 Primary
key 2
Item_code Varchar20 foreign
key 3
Member_id Varchar20 foreign
key 4
Loan_rules_id Int11
foreign key
5 Loan_date
Date 6
Due_date Date
7 Is_lent
Int11 8
Is_return Int11
9 Return_date
Date
Tabel 3.14 Tabel mst_author
No Tabel Kolom
Tipe Data Keterangan
1 Mst_author
Author_id Char 5
Primary key 2
Author_name Varchar
100 3
Authority_type Char1
4 Input_date
Date 5
Last_update Date
Tabel 3.15 mst_coll_type
No Tabel Kolom
Tipe Data Keterangan
1 Mst_coll_type Coll_type_id Int11
Primary key
2 Coll_type_name
Varchar 30
3 Input_date
Date 4
Last_update Date
Tabel 3.16 mst_item_status
No Tabel Kolom
Tipe Data Keterangan
1 Mst_item_status Item_status_id Int11
Primary key
2 Item_status_name
Varchar 30
3 Input_date
Date 4
Last_update Date
Tabel 3.17 mst_loan_rules
No Tabel Kolom
Tipe Data Keterangan
1 Mst_loan_rules Loan_rules_id
Int11 Primary
key 2
Member_type_id Int11
foreign key
3 Loan_limit
Int3 4
Loan_periode Int3
5 Fine_each_day
Int3 6
Input_date Date
7 Last_update
Date
Tabel 3.18 mst_location
No Tabel Kolom
Tipe Data Keterangan
1 Mst_location Location_id Varchar3
Primary_key 2
Location_name Varchar
100 3
Input_date Date
4 Last_update
Date
Tabel 3.19 mst_member_type
No Tabel Kolom
Tipe Data Keterangan
1 Mst_member_type Member_type_id
Int11 Primary_key
2 Member_type_name Varchar
50 3
Member_periode Int11
4 Input_date
Date 5
Last_update Date
Tabel 3.20 mst_publisher
No Tabel Kolom
Tipe Data Keterangan
1 Mst_publisher Publisher_id Int11 foreign
key 2
Publisher_name Varchar100
3 Input_date
Date 4
Last_update Date
Tabel 3.21 mst_topic
No Tabel Kolom
Tipe Data Keterangan
1 Mst_topic Topic_id
Int11 Primary_key
2 Topic
Varchar50 3
Input_date Date
4 Last_update
Date
Tabel 3.22 Tabel user
No Tabel Kolom
Tipe Data Keterangan
1 User User_id
Int11 Primary_key
2 Username
Varchar50 3
Passwd Varchar
35 4
Input_date Date
5 Last_update
Date
Tabel – tabel di atas merupakan keterangan tabel hasil generate data model konsep menjadi model data fisik yang dalam keterangan tersebut disebutkan juga
primary key dan foreign key-nya.
3.2.8 Rancangan Antarmuka
Antar muka admin dan user berbasiskan web. Saat pertama kali mengakses sistem aplikasi, halaman yang tampil adalah halaman index halaman
ini berlaku untuk halaman index admin yang berbasiskan web dan halaman index user. Pertama – tama yang saya bahas adalah halaman admin tujuan penggunaan
sistem aplikasi berbasis web untuk admin ialah agar admin lebih mudah mengisi,mengubah dan menghapus data karena mengunakan media komputer.
Untuk menggunakan sistem ini admin harus online yang terkoneksi dengan jaringan komputer. Setelah halaman index admin harus mengklik tulisan
login untuk lanjut ke halaman login. Pada login admin diminta untuk login sebagai admin dengan memasukan username dan password admin. Setelah itu
halaman login memproses otentifikasinya bila berhasil melalui proses otentifikasi maka akan tampil halaman admin yang berisikan menu – menu untuk mengolah
dan memaintenance data – data pada sistem. Admin mempunyai hak akses penuh pada system aplikasi yang dimana dapat merubah data yang ada pada basis data
sistem aplikasi.
Sedangkan user layanan yang di sediakan adalah berbasiskan web, jadi untuk mengaksesnya para user menggunakan media komputer, dengan web
browsernya baru bisa mengakses. Pertama – tama user diminta untuk login dengan memasukan username dan passwordnya. Setelah itu halaman login user
akan memproses otentifikasi bila telah berhasil maka akan muncul halaman user yang berisikan menu – menu yang dapat di akses oleh user.
3.2.8.1 Rancangan Antarmuka Halaman Login
Baik admin maupun user setelah menekan klik tulisan Login pada halaman index maka akan muncul halaman yang berisikan form dimana dalam
form ini terdapat 2 inputan data yaitu username dan password.
Gambar 3.5. Form Login
Keterangan :
Pada bagian ini baik admin maupun user di wajibkan untuk mengisi NIS NIP dan password jika ingin melanjutkan ke halaman berikutnya. Jika login
sukses sebagai admin maka akan muncul halaman admin, dan jika login sukses sebagai user maka akan muncul halaman user.
3.2.8.2 Rancangan Antarmuka Halaman Admin
Jika admin berhasil login maka akan muncul halaman admin yang dimana pada halaman admin terdapat menu – menu yang dapat di akses oleh admin. Menu
– menu tersebut antara lain :
Gambar 3.6 Menu Admin
Keterangan :
Gambar diatas adalah gambar tampilan menu pada halaman admin. Menu buku, digunakan untuk mengolah data koleksi yang ada. Menu member,
digunakan kuntuk mengolah data member yang ada. Menu transaksi, digunakan untuk mengolah data dari setiap transaksi yang terjadi. Menu report, digunakan
untuk melihat atau mencetak laporan dari semua data yang ada. Menu profile, digunakan untuk mengolah data admin.
3.2.8.2.1 Rancangan Antarmuka Halaman Menu Buku
Pada menu ini terdapat beberapa sub-menu yang dimana masing – masing sub-menu berfungsi untuk mengolah data dari menu buku. Adapun sub-menu
yang terdapat pada menu buku yaitu :
Gambar 3.7 Sub – menu “ Buku ”
Keterangan : Sub – menu daftar buku, digunakan untuk melihat daftar koleksi yang ada.
Sub – menu tambah buku baru, digunakan untuk menambah koleksi baru. Sub – menu daftar koleksi, digunakan untuk melihat daftar copies dari masing – masing
daftar koleksi yang tersedia. Sub – menu daftar koleksi keluar, digunakan untuk melihat koleksi apa saja yang sedang keluar di pinjam .
3.2.8.2.2 Rancangan Antarmuka Halaman Menu Member
Pada menu ini terdapat beberapa sub-menu yang dimana masing – masing sub-menu berfungsi untuk mengolah data dari menu member. Adapun sub-menu
yang terdapat pada menu member yaitu :
Gambar 3.7 Sub – menu “ Member ”
Keterangan : Sub – menu daftar anggota, digunakan untuk melihat daftar anggota yang
ada. Sub – menu tambah anggota, digunakan untuk menambah anggota baru. Sub – menu daftar anggota expired, digunakan untuk melihat daftar anggota yang
sudah melebihi masa berlaku. Sub – menu cetak anggota, digunakan untuk mencetak kartu tanda anggota.
3.2.8.2.3 Rancangan Antarmuka Halaman Menu Transaksi
Pada menu ini terdapat beberapa sub-menu yang dimana masing – masing sub-menu berfungsi untuk mengolah data dari menu transaksi. Adapun sub-menu
yang terdapat pada menu transaksi yaitu :
Gambar 3.7 Sub – menu “ Transaksi ”
Keterangan : Sub – menu peminjaman, digunakan untuk mengolah data dari setiap
transaksi peminjaman. Sub – menu pengembalian, digunakan untuk mengolah data dari setiap transaksi pengembalian. Sub – menu pembayaran denda,
digunakan untuk mengolah data dari setiap transaksi pembayaran denda.
3.2.8.2.4 Rancangan Antarmuka Halaman Menu Report
Pada menu ini terdapat beberapa sub-menu yang dimana masing – masing sub-menu berfungsi untuk melihat dan mencetak laporan dari semua data yang
ada. Adapun sub-menu yang terdapat pada menu report yaitu :
Gambar 3.7 Sub – menu “ Report ”
Keterangan : Sub – menu statistik koleksi, digunakan untuk mencetak data statistik dari
semua koleksi yang tersedia. Sub – menu statistik anggota, digunakan untuk mencetak data statistik dari semua anggota yang ada. Sub – menu statistik
peminjaman, digunakan untuk mencetak data statistik dari semua transaksi peminjaman yang pernah terjadi.
3.3.8.3 Rancangan Antarmuka Halaman User
Jika user berhasil login maka akan muncul halaman user yang dimana pada halaman user terdapat menu – menu yang dapat di akses oleh user. Menu –
menu tersebut antara lain :
Gambar 3.8 Menu User
Keterangan :
Gambar diatas adalah gambar tampilan menu pada halaman user. Menu Info User, digunakan untuk melihat informasi tentang user serta merubah data.
Menu Koleksi Fisik, digunakan untuk melihat informasi koleksi yang ada di perpustakaan. Menu Koleksi Digital, digunakan untuk mengunduh buku
elektronik siswa koleksi yang berbentuk digital .
BAB IV IMPLEMENTASI PERANGKAT LUNAK