T0__BAB III Institutional Repository | Satya Wacana Christian University: Perancangan Aplikasi Pengelolaan Persewaan Buku Komik dengan WebServer Sebagai Service Info Buku T0 BAB III
BAB III
PERANCANGAN SISTEM
3.1. Use Case Diagram
Aktor dalam sistem terdiri dari pengunjung, operator,
admin, manager , dan distributor. Aktivitas usecase terdiri
dari registrasi, peminjaman, pengembalian, pelaporan
transaksi, pelaporan buku dan info buku.
Registrasi
Pelaporan Transaksi
Peminjaman
Pengunjung
Operator
Manager
Pelaporan Buku
Pengembalian
Info Buku
denda
>
Admin
Distributor
Gambar 3. 1 Use Case Persewaan Buku
Alur usecaseberdasarkan gambar 3.1 adalah :
Pengunjung datang dan melakukan registrasi.
Pengunjung yang telah melakukan registrasi dapat
melakukan peminjaman buku kepada operator.
Operator melayani transaksi peminjaman buku anggota.
Pengunjung melakukan pengembalian buku kepada
operator. Apabila terdapat keterlambatan, pengunjung
akan dikenakan denda.
Operator
melayani
transaksi
anggota.
13
pengembalian
buku
14
Operator melaporkan data transaksi peminjaman dan
pengembalian buku kepada manager .
Admin mendapatkan informasi daftar buku terbaru dari
distributor buku.
Admin melakukan pelaporan data buku kepada manager .
3.2. Diagram Kelas
Diagram kelas digunakan untuk menampilkan
kelas dalam sistem dan relasi antarkelas dalam suatu
sistem.
Diagram kelas memberikan gambaran sistem
secara statis dengan relasi antar kelas yang berisi atribut
dan perilaku. Berikut diagram kelas aplikasi :
TABEL DISTRIBUTOR
1
TABEL PENCARIAN
-Kode_Buku : String
-Judul : String
-Pengarang : String
-Penerbit : String
-HargaSewa : String
-Lokasi : String
-Status : String
+Set_KodeBuku()
+Get_KodeBuku()
+Set_Judul()
+Get_judul()
+Set_Pengarang()
+Get_Pengarang()
+Set_Penerbit()
+Get_Penerbit()
+Set_HargaSewa()
+Get_HargaSewa()
+Set_Lokasi()
+get_Lokasi()
+Set_Status()
+Get_Status()
PENCARIAN
DISTRIBUTOR
1
+Pencarian Data Buku()
+UI Login()
+UI Pencarian()
+UI Data Buku()
+UI Data Anggota()
+UI Peminjaman()
+UI Pengembalian()
+UI Daftar Sewa()
+UI Distributor()
1
1
1
1
1
1
DATA BUKU
+Menampilkan Buku Distributor()
1
1
1
1
1
DAFTAR SEWA
1
LOGIN
-Username : String
-Password : String
+Validasi Lodin()
+Log out()
TABEL DAFTAR SEWA
1
1
TRANSAKSI
DATA ANGGOTA
1
+Menampilkan Data Peminjaman()
+Menambah Data Peminjaman()
+Mengubah Data Peminjaman()
+Menampilkan Data Anggota()
+Menambah Data Anggota()
+Mengubah Data Anggota()
+Menghapus Data Anggota()
1
1
TABEL DATA ANGGOTA
-IDAnggota : String
-Nama : String
-JenisKelamin : String
-Alamat : String
-Kota : String
-telepon : String
+Set_IDAnggota()
+Get_IDAnggota()
+Set_Nama()
+Get_Nama()
+Set_tanggalLahir()
+Get_tanggalLahir()
+Set_Alamat()
+Get_Alamat()
+Set_Kota()
+Get_Kota()
+Set_telepon()
+Get_telepon()
1
+Menampilkan Data Penyewaan()
+Menampilkan Data Buku()
+Menambah Data Buku()
+Mengubah Data Buku()
+Menghapus Data Buku()
1
1
1
1
TABEL DATA BUKU
-Kode_Buku : String
-Judul : String
-Pengarang : String
-Penerbit : String
-TanggalBeli : Date
-HargaBeli : Decimal
-HargaSewa : Decimal
-Lokasi : String
-Status : String
+Set_KodeBuku()
+Get_KodeBuku()
+Set_Judul()
+Get_judul()
+Set_Pengarang()
+Get_Pengarang()
+Set_Penerbit()
+Get_Penerbit()
+Set_TanggalBeli()
+Get_TanggalBeli()
+Set_hargaBeli()
+Get_Harga_Beli()
+Set_HargaSewa()
+Get_HargaSewa()
+Set_Lokasi()
+get_Lokasi()
+Set_Status()
+Get_Status()
-ISBN
-JudulBuku
-Pengarang
-harga
-tanggalTerbit
-Sinopsis
+Set_ISBN()
+Get_ISBN()
+Set_JudulBuku()
+Get_JudulBuku()
+Set_Pengarang()
+Get_Pengarang()
+Set_Harga()
+Get_Harga()
+Set_Sinopsis()
+Get_Sinopsis()
+Set_TanggalTerbit()
+Get_TanggalTerbit()
Main
TRANSAKSI PEMINJAMAN
+Menambah Peminjaman()
1
1
TRANSAKSI PENGEMBALIAN
+Menampilkan Peminjaman()
+Mengubah Data Peminjaman()
1
1
-IDSewa
-IDAnggota
-JumlahBukudipinjam
-JumlahBUkuKembali
-TanggalPinjam
-tanggalBukuKembali
-TotalBayar
-Denda
+Set_IDSewa()
+Get_IDSewa()
+Set_IDAnggota()
+Get_IDAnggota()
+Set_JumlahBukudipinjam()
+Get_JumlahBukudipinjam()
+Get_JumlahBukuKembali()
+Set_JumlahBukuKembali()
+Set_TanggalPinjam()
+Get_TanggalPinjam()
+Set_TanggalKembali()
+Get_TanggalKembali()
+Set_TotalBayar()
+Get_TotalBayar()
+Set_Denda()
+get_Denda()
TABEL DATA PENGEMBALIAN
TABEL DATA PEMINJAMAN
-IdTransaksi : String
-Tanggal : Date
-IdAnggota : String
-Nama : String
-KodeBuku : String
-HargaSewa : Decimal
-TotalBayar : Decimal
+Set_idTransaksi()
+Get_IdTransaksi()
+Set_Tanggal()
+Get_Tanggal()
+Set_IdAnggota()
+Get_IdAnggota()
+Set_Nama()
+Get_Nama()
+Set_KodeBuku()
+Get_KodeBuku()
+Set_HargaSewa()
+Get_HargaSewa()
+Set_TotalBayar()
+Get_TotalBayar()
-IdTransaksi : String
-Tanggal : Date
-IDAnggota : String
-KodeBuku : String
-HargaSewa : Decimal
-Denda : Decimal
+Set_idTransaksi()
+Get_IdTransaksi()
+Set_Tanggal()
+Get_Tanggal()
+Set_IdAnggota()
+Get_IdAnggota()
+Set_KodeBuku()
+Get_KodeBuku()
+Set_HargaSewa()
+Get_HargaSewa()
+Set_Denda()
+Get_Denda()
Gambar 3. 2 Diagram Kelas Persewaan Buku
15
Berdasarkan gambar 3.2 terdapat dua visibilitas
calss, yaitu public dan private. Public (+) artinya bahwa
kelas tersebut dapat dilihat oleh kelas lain didalam sistem.
Private (-) artinya kelas tersebut hanya dapat dilihat dari
kelas itu sendiri atau kelas friends. Kelas yang berfungsi
sebagai awal sistem dijalankan adalah kelas Main. Kelas
yang termasuk kedalam boundary (Pembatas) atau disebut
juga sebagai antar muka user dengan sistem antara lain :
data buku, data anggota, data pegawai, data peminjaman,
data pengembalian, data distributor dan login. Sedangkan
kelas yang menjadi entitas (entity) antara lain tabel buku,
tabel anggota, tabel pegawai, tabel peminjaman, tabel
pengembalian, tabel daftar sewa dan tabel distributor.
Relasi yang digunakan dependency relationship dimana
suatu package tergantung dari package lain.
3.3. Diagram Aktivitas
Diagram aktivitas menggambarkan alur aktivitas
dalam sistem yang dirancang. Bagaimana sebuah alur
berawal, decision yang mungkin terjadi serta bagaimana
sebuah sistem berakhir. Berikut diagram aktivitas dari
perancangan sistem persewaan buku :
16
PENGUNJUNG
Mendaftar ?
Ya
Tidak
MANAGER
OPERATOR
menerima pendaftaran
Registrasi keanggotaan
meminjam buku
mencatat Transaksi peminjaman
Laporan Transaksi
Menerima Buku
Mengembalikan Buku
mencatat Transaksi pengembalian
Tidak
Denda ?
Ya
Kalkulasi denda
Membayar denda
mencatat penerimaan denda
Cetak Laporan
Gambar 3. 3 Diagram Aktivitas Transaksi Persewaan
Berdasarkan gambar 3.3 alur diagram aktivitas
adalah sebagai berikut :
Decision mendaftar yang artinya pengunjung yang
belum menjadi anggota dan ingin meminjam buku harus
melalui proses pendaftaran terlebih dahulu.
Pengunjung yang telah terdaftar sebagai anggota dapat
langsung melakukan peminjaman.
Pengunjung yang melakukan registrasi dilayani oleh
operator peminjaman buku.
Transaksi peminjaman di catat oleh operator.
17
Operator menyerahkan buku kepada pengunjung dan
menyerahkan
laporan
transaksi
peminjaman
buku
kepada manager .
Pengunjung yang telah meminjam buku melakukan
pengembalian buku dan diterima oleh operator.
Operator melakukan perhitungan lama peminjaman,
apabila pengunjung mengembalikan lebih dari lama
pinjam maka akan dilakukan kalkulasi denda.
Apabila tidak ada denda, transaksi dapat dicatat dan
langsung dilaporkan kepada manager .
Operator melakukan pencatatan penerimaan denda dan
melakukan
pelaporan
kepada
manager .
Manager
menerima semua laporan dan melakukan pencetakan
laporan.
ADMIN
Distributor
MANAGER
Reques Info Buku
Memberi Info Buku
Mendata Buku
Membuat laporan Buku
Menerima Laporan
cetak Laporan
Gambar 3. 4 Diagram Aktivitas Admin dan Distributor
18
Alur diagram aktivitas berdasarkan gambar 3.4
adalah
sebagai berikut :
Admin melakukan request data/info buku terbaru
kepada distributor buku.
Distributor menerima request dari persewaan dan
memberikan informasi buku terbarunya.
Admin melakukan pendataan buku dan membuat
pelaporan data buku
Admin menyerahkan laporan data buku kepada
manager .
Manager melakukan pencetakan laporan yang telah
diterima.
3.4. Diagram Sekuensial
Diagram sekuensial menunjukkan aliran fungsionalitas
dalam use case. Disusun berdasarkan urutan waktu dimana
diagram sekuensial akan dibaca dari atas ke bawah. Berikut
merupakan diagram sekuensial aplikasi :
a. Diagram Sekuensial Pencarian Buku
Aktor yang berinteraksi dengan sistem adalah
pegawai. Object yang berinteraksi dengan pesan adalah
userinterface, business library, data acess dan database.
Berikut diagram sekuensial pencarian buku :
19
Pegawai
User Interface
Business Library
Data Acess
Database
1.cari buku
2. cari buku by kode
3. get data by kode
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data buku
7. Hasil Pencarian Buku
8. Data Buku yang dicari
Gambar 3. 5 Diagram Sekuensial Pencarian Buku
Berdasarkan gambar 3.5 sistem ini menghasilkan
keluaran berupa data buku yang dicari berdasarkan kode
buku.
b. Diagram Sekuensial Tambah Anggota
Diagram sekuensial tambah anggota menunjukan
aliran pesan setiap komponen dan dari aktor dalam
sistem tambah anggota. Aktor yang berinteraksi dengan
sistem adalah pegawai. Object yang berinteraksi adalah
user interface, bussiness library, data acess dan
database. Berikut diagram sekuensial tambah anggota :
Pegawai
User Interface
Business Library
Data Acess
Database
1. input data buku
2. Create object buku
3. Insert data buku
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Validasi Insert buku
7. Validasi penyimpanan
8. Pesan Validasi
Gambar 3. 6 Diagram Sekuensial Tambah Data Anggota
20
Berdasarkan gambar 3.6 aliran diagram sekuensial
ini digunakan untukmelakukan input data anggota oleh
pegawai persewaan, kemudian object anggota akan
dibuat dan data anggota akan di simpan ke dalam
database. Terdapat keluaran berupa validasi apakah data
berhasil disimpan atau tidak.
c. Diagram Sekuensial Ubah Anggota
Aktor yang berinteraksi dengan sistem ubah data
anggota adalah pegawai. Object-object yang berinteraksi
dalam sistem ini antara lain : userinterface, bussiness
library, data acess dan database. Berikut diagram
sekuensial ubah anggota :
Pegawai
User Interface
Business Library
Data Acess
Database
1. pilih data anggota
2. Pencarian anggota by id
3. get data anggota by id
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data anggota
7. Hasil Pencarian data anggota
8. Data anggota yang dipilih
9.ubah data
10.ubah data by id
10. Set data anggota by id
11. Buka koneksi
12. Eksekusi Query
13. Tutup Koneksi
14. Validasi update anggota
14. Validasi Penyimpanan
15. Pesan Validasi
Gambar 3. 7Diagram Sekuensial Ubah Data Anggota
Alur sistem ubah data anggota berdasarkan gambar
3.7 diawali oleh pegawai memilih data anggota yang
akan diubah. Berdasarkan id anggota yang dipilih akan
21
dilakukan pengambilan data anggota melalui object
business library dan data acess kedalam database. Data
yang telah di ambil dari database akan ditampilkan
kembali ke object user interface pegawai melalui object
business library dan data acess. Kemudian pegawai
melakukan ubah data. Data yang diubah diterima oleh
object business library dan data acess dan disimpan
kedalam database. Kemudian menghasilkan keluaran
berupa pesan apakah data berhasil di ubah atau tidak.
d. Diagram Sekuensial Hapus Data Anggota
Diagram sekuensial hapus anggota memiliki aktor
pegawai dan object user interface, bussiness library,
data acess dan database. Berikut diagram sekuensial
hapus anggota :
Pegawai
User Interface
Business Library
Data Acess
Database
1. hapus anggota
2. hapus anggota by id
3. delete berkas by id
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
validasi penghapusan berkas
hasil validasi penghapusan
8. Pesan validasi
Gambar 3. 8Diagram Sekuensial Hapus Data Anggota
Berdasarkan gambar 3.8 sistem hapus data anggota
berdasarkan id anggota yang dipilih oleh aktor pegawai.
Object business library menerima id anggota dari
22
pegawai dan dataacess melakukan penghapusan berkas
dari database. Setelah proses dilakukan akan dihasilkan
pesan apakah data berhasil dihapus atau tidak.
e. Diagram Sekuensial Tambah Data Buku
Aktor yang berinteraksi dalam diagram sekuensial
tambah data buku adalah pegawai. Object-object yang
terdapat dalam diagram sekuensial tambah buku antara
lain : user interface, business library, data acess dan
database. Berikut diagram sekuensial tambah data buku:
Pegawai
User Interface
Business Library
Data Acess
Database
1. input data buku
2. Create object buku
3. Insert data buku
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Validasi Insert buku
7. Validasi object yang dibuat
8. Pesan Validasi
Gambar 3. 9Diagram Sekuensial tambah data Buku
Sistem ini berdasarkan gambar 3.9 memberikan
input berupa data bukukedalam object user interface.
kemudian data diterima oleh object business library dan
dilakukan penyimpanan berkas oleh object data acess
kedalam database. Setelah proses penyimpanan berkas
akan dihasilkan pesan validasi apakah data berhasil
disimpan atau tidak.
23
f. Diagram Sekuensial Ubah Data Buku
Diagram sekuensial ubah data buku memiliki aktor
pegawai dan object user interface,business library, data
acess dan database. Berikut diagram sekuensial ubah
data buku :
Pegawai
User Interface
Business Library
Data Acess
Database
1. pilih data buku
2. Pencarian buku by kode
3. get data buku by kode
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data buku
7. Hasil Pencarian data buku
8. Data buku yang dipilih
9.ubah data
10.ubah data buku by kode
10. Set data by kode
11. Buka koneksi
12. Eksekusi Query
13. Tutup Koneksi
14. Validasi update buku
14. Validasi Penyimpanan
15. Pesan Validasi
Gambar 3. 10Diagram Sekuensial Ubah Data Buku
Berdasarkan gambar 3.10 aliran pesan dimulai dari
aktor pegawai memilih data buku. Kemudian object
business library mencari data buku berdasarkan buku
yang dipilih pegawai. Berdasarkan kode buku yang
diterima dari object business library, object data acess
mengambil data dari database. Data yang dihasilkan
kemudian ditampilkan kembali ke user
interface
pegawai. Pegawai melakukan ubah data. Data yang telah
diubah oleh pegawai diterima oleh object business
library dan disimpan kedalam database oleh object data
acess.
24
g. Diagram Sekuensial Hapus Data Buku
Diagram sekuensial hapus data buku menunjukan
aliran pesan setiap komponen dan dari aktor untuk
komponen dalam sistem hapus data buku. Berikut
diagram sekuensial hapus data buku :
Pegawai
User Interface
Business Library
Data Acess
Database
1. hapus Buku
2. hapus buku by id
3. delete berkas by id
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
validasi penghapusan berkas
hasil validasi penghapusan
8. Pesan validasi
Gambar 3. 11Diagram Sekuensial Hapus Data Buku
Berdasarkan gambar 3.11 aktor yang berinteraksi
dengan sistem adalah pegawai. Object yang berinteraksi
dengan pesan adalah user interface, business library,
data acess dan database. Sistem ini melakukan operasi
penghapusan data buku dari database berdasarkan kode
buku.
h. Diagram Sekuensial Transaksi Peminjaman
Diagram sekuensial transaksi peminjaman terdiri
dari object business library, data acess, user interface
dan database. Berikut diagram sekuensial transaksi
peminjaman :
25
Pegawai
User Interface
Business Library
Data Acess
Database
1. input Transaksi
2. Tambah data transaksi
3. Insert data transaksi
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Validasi Insert transaksi
7. Validasi penyimpanan
8. Pesan Validasi
Gambar 3. 12Diagram Sekuensial Transaksi Peminjaman
Berdasarkan gambar 3.12 aktor yang berinteraksi
dengan sistem adalah pegawai. Sistem ini menjalankan
operasi input data transaksi peminjaman buku anggota.
Data transaksi yang di input oleh pegawai diterima oleh
object business library dan oleh object data acess data
tersebut kemudian disimpan kedalam database. Sistem
akan menghasilkan output berupa pesan validasi apakah
data berhasil disimpan atau tidak.
i. Diagram Sekuensial Tansaksi Pengembalian
Diagram
sekuensial
transaksi
pengembalian
memiliki object business library, user interface, data
acess dan database. Aktor dalam diagram sekuensaial
ini adalah pegawai.Berikut diagram sekuensial transaksi
pengembalian :
26
Pegawai
User Interface
Business Library
Data Acess
Database
1. cari data peminjaman
2. Pencarian peminjaman by id
3. get transaksi by id
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data transaksi
7. Hasil Pencarian peminjaman
8. Data peminjaman
9. input pengembalian buku
11. perhitungan denda
13. Hasil kalkulasi
12. Kalkulasi denda
14. Denda peminjaman
15. konfirmasi pengembalian
16.ubah peminjaman by id
17. Set transaksi by id
18. Buka koneksi
19. Eksekusi Query
20. Tutup Koneksi
21. Validasi update transaksi
22. Validasi ubah peminjaman
23. Pesan Validasi
Gambar 3. 13Diagram Sekuensial Transaksi Pengembalian
Berdasarkan gambar 3.13 object user interface
mengirimkan id anggota kepada object business library
untuk mengambil data peminjaman dari database
melalui data acess. Data transaksi peminjaman yang
diperoleh ditampilkan kembali kepada pegawai melalui
object user interface. Pegawai melakukan input data
pengembalian
buku.
Berdasarkan
pengembalian
object business library melakukan
input
data
kalkulasi denda. Hasil kalkulasi ditampilkan kembali
kedalam user interface selanjutnya pegawai melakukan
konfirmasi transaksi pengembalian. Data pengembalian
kemudian disimpan kedalam database dan menghasilkan
pesan validasi apakah data pengembalian telah tersimpan
atau tidak.
27
j. Diagram Sekuensial Distributor Buku
Diagram sekuensial distributor buku menunjukan
aliran pesan setiap komponen dan dari aktor dalam
sistem untuk menampilkan data dan informasi buku dari
distributor buku. Berikut diagram sekuensial distributor
buku :
Pegawai
User Interface
Web service
Data Acess
Database
1. tampilkan data buku
2. reference buku distributor
3. get data buku
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data buku
7. Hasil Pencarian data buku
8. data buku distributor
Gambar 3. 14Diagram Sekuensial Distributor Buku
Berdasarkan gambar 3.14 aktor yang berinteraksi
dengan sistem adalah pegawai. Object yang berinteraksi
dengan pesan adalah database, userinterface, web
service, data acess. Aliran sistem ini adalah dari user
interface pegawai memberikan instruksi dan melakukan
reference service ke web service distributor. Web service
meneruskan instruksi ke object data acess distributor
dan object data acess tersebut mengambil data dari
database. Data yang telah diperoleh dikembalikan oleh
data acess ke web service. Web service mengirim data
ke object user interface pegawai dan object user
interface menampilkan data yang diminta.
28
k. Diagram sekuensial Laporan Data Buku
Diagram sekuensial laporan data buku menunjukan
aliran pesan dalam sistem pelaporan data buku
persewaan. Berikut diagram sekuensial laporan data
buku :
Pegawai
User Interface
BusinessLib
Data Acess
Database
1. tampilkan laporan
2. Get data buku
3. get data buku
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Hasil pengambilan data
7.Data buku
8. laporan data buku
Gambar 3. 15Diagram Sekuensial laporan data buku
Aktor yang berinteraksi dengan sistem berdasarkan
gambar 3.15 adalah pegawai. Object yang berinteraksi
dengan pesan adalah user interface, Businesslib, dat
aacess dan database. Aliran diagram sekuensial adalah
aktor pegawai memberikan pesan melalui user interface
kepada businesslib dan data acess untuk mengambil data
buku
dari
database.
Data
yang
telah
diambil
dikembalikan ke user interface dalam format laporan
dan ditampilkan sebagai data laporan. Aliran sistem ini
menampilkan sebuah format laporan yang dapat di print
maupun di export oleh pegawai.
29
l. Diagram sekuensial Laporan Transaksi
Diagram sekuensial laporan transaksi menunjukan
aliran pesan setiap komponen dan dari aktor untuk
komponen dalam sistem pelaporan transaksi. Berikut
diagram sekuensial laporan transaksi :
Pegawai
User Interface
BusinessLib
Data Acess
Database
1. tampilkan laporan
2. Ambil data Transaksi
3. get Transaksi
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Hasil pengambilan data
7.Data Transaksi
8. laporan data Transaksi
Gambar 3. 16Diagram Sekuensial laporan Transaksi
Aktor yang berinteraksi dengan sistem berdasarkan
gambar 3.16 adalah pegawai. Object yang berinteraksi
dengan pesan adalah user interface, businesslib, data
acess
dan
database.
Aliran
sistem
ini
adalah
menampilkan informasi data transaksi dari database
berdsarkan instruksi yang diterima oleh data acess dari
business lib. Data yang telah diambil dari database
dikirim kembali ke user interface dan ditampilkan dalam
format laporan.
30
3.5. Pemodelan Data
Database aplikasi ini menggunakan SQL Server
sebagai managemen basis data. Berikut database diagram
aplikasi persewaan buku :
Gambar 3. 17Database Diagram Persewaan Buku
Berdasarkan gambar 3.17 dapat dilihat bahwa relasi
dalam database diagram adalah one to many artinya :
a. Setiap baris data tabel buku dapat dihubungkan ke satu
baris atau lebih data pada tabel transaksi.
b. Setiap baris data tabel members dapat dihubungkan ke
satu baris atau lebih data pada tabel transaksi.
c. Setiap baris data tabel members dapat dihubungkan ke
satu baris atau lebih data pada tabel daftar sewa.
31
d. Setiap baris data tabel petugas dapat dihubungkan ke
satu baris atau lebih data pada tabel role petugas.
e. Setiap baris data dari tabel role dapat dihubungkan ke
satu baris atau lebih data pada tabel role Petugas.
3.6. Lembar Kerja Tampilan
Perancangan user interface aplikasi persewaan buku
komik memuat beberapa tampilan form dan dirancang
berdasarkan ketentuan, prinsip dan kategori masing-masing
form. Berikut lembar kerja tampilan aplikasi :
a.
Tampilan halaman utama dan halaman login
Halaman
ini
memuat
header
yang
ber-
informasikan nama persewaan buku. Pada halaman ini
terdapat form login pegawai yang berfungsi sebagai
antar
muka
bagi
pegawai
untuk
masuk
dan
menjalankan aplikasi.
Gambar 3. 18Lembar Kerja Tampilan Halaman Utama dan Login
32
Berdasarkan gambar 3.18 dapat dilihat bahwa
ketika tombol login pada tampilan di klik, data
username dan password yang telah dimasukan oleh
pegawai yang melakukan login akan dicek terlebih
dahulu apakah sudah benar dan sesuai.
b.
Tampilan menu utama
Menu
utama
merupakan
tampilan
utama
aplikasi yang memuat kontrol yang digunakan untuk
menampilkan form-form turunannya.
Gambar 3. 19Lembar Kerja Tampilan Menu Utama
Berdasarkan gambar 3.19 fungsi dari lembar
kerja tampilan menu utama diantaranya: Tombol home
akan menampilkan halaman form home. Tombol
pencarian akan menampilkan halaman form pencarian.
Tombol data buku akan menampilkan halaman form
33
data buku.Tombol data anggota akan menampilkan
halaman form data anggota. Tombol peminjaman akan
menampilkan halaman form peminjaman. Tombol
pengembalian
akan
menampilkan
halaman
form
pengembalian. Tombol daftar sewa akan menampilkan
halaman form daftar sewa. Tombol distributor akan
menampilkan halaman
form distributor.
Tombol
laporan akan menampilkan halaman form laporan.
c.
Tampilan home
Merupakan tampilan antarmuka aplikasi yang
menampilkan informasi tentang persewaan buku.
Berikut lembar kerja tampilan home :
Gambar 3. 20Lembar Kerja Tampilan Home
34
Berdasarkan gambar 3.20 fungsi dari lembar
kerja tampilan home adalah untuk menampilkan
informasi tentang syarat dan ketentuan pendaftaran
anggota serta peraturan peminjaman di persewaan
buku.
d.
Tampilan Pencarian
Merupakan tampilan antar muka aplikasi untuk
melakukan pencarian buku berdasarkan kode buku atau
judul buku. Berikut lembar kerja tampilan pencarian
buku :
Gambar 3. 21Lembar Kerja Tampilan Cari Buku
Parameter pencarian yang disediakan adalah
kode buku dan judul buku. Tombol cari digunakan
untuk menjalankan operasi pencarian. Hasil dari
35
pencarian berupa informasi data buku misalnya judul,
volume, pengarang, penerbit, harga buku, harga sewa,
dll.
e.
Tampilan Data Buku
Tampilan antar muka data buku menampilkan
informasi daftar buku yang ada pada persewaan buku.
Tampilan data buku memuat kontrol-kontrol yang
digunakan untuk pengolahan data buku. Berikut lembar
kerja tampilan data buku :
Gambar 3. 22 Lembar Kerja Tampilan Data Buku
Dari gambar 3.22 beberapa kontrol yang
digunakan dalam pengolahan data buku antara lain:
Tombol tambah sebagai kontrol untuk menambah data
buku, tombol ubah berfungsi untuk melakukan
pengubahan informasi data buku, tombol hapus
digunakan untuk melakukan penghapusan data buku.
36
f.
Tampilan Data Anggota
Tampilan antar muka data anggota berfungsi
menampilkan informasi daftar anggota persewaan
buku. Tampilan data anggota memuat kontrol-kontrol
yang digunakan untuk pengolahan data anggota.
Berikut lembar kerja tampilan data anggota :
Gambar 3. 23Lembar kerja tampilan Data Anggota
Dari gambar 3.23 terdapat beberapa kontrol
yang digunakan dalam pengolahan data anggota.
Tombol tambah sebagai kontrol untuk menambah data
anggota. Tombol ubah berfungsi untuk melakukan
pengubahan informasi data anggota. Tombol hapus
digunakan
anggota.
untuk
melakukan
penghapusan
data
37
g.
Tampilan Transaksi Peminjaman
Lembar kerja tampilan transaksi peminjaman
berfungsi
menampilkan
informasi
transaksi
peminjaman persewaan buku. Lembar kerja tampilan
peminjaman memuat kontrol-kontrol yang digunakan
untuk pengolahan data transaksi peminjaman buku.
Berikut lembar kerja tampilan peminjaman :
Gambar 3. 24Lembar Kerja Tampilan Peminjaman
h.
Lembar Kerja Tampilan Transaksi Pengembalian
Lembar kerja tampilan transaksi pengembalian
digunakan untuk menampilkan data peminjaman
anggota untuk dilakukan proses pengembalian buku.
Lembar kerja tampilan pengembalian memuat kontrol
yang digunakan untuk pengolahan data transaksi
38
pengembalian buku. Pada tampilan ini juga akan
dilakukan perhitungan denda peminjaman apabila
melebihi jangka waktu peminjaman. Berikut lembar
kerja tampilan pengembalian :
Gambar 3. 25Lembar Kerja Tampilan Pengembalian
i.
Lembar kerja Tampilan Daftar Sewa
Lembar kerja tampilan daftar sewa berfungsi
untuk menampilkan daftar peminjaman buku anggota,
data buku yang pernah dipinjam, tanggal terakhir
melakukan peminjaman, jumlah buku yang belum
dikembalikan, dll. Berikut lembar kerja tampilan daftar
sewa :
39
Gambar 3. 26Lembar Kerja Tampilan Daftar Sewa
j.
Lembar Kerja Tampilan Distributor Buku
Lembar
kerja
tampilan
distributor
buku
menampilkan informasi buku terbaru dari distributor
buku. Aplikasi ini menyediakan dua tempat untuk
ditributor buku, yaitu MNC Book Store dan Gramedia
Book Store. Berikut tampilan distributor buku :
Gambar 3. 27 Lembar Kerja Tampilan Distributor Buku
40
k.
Lembar Kerja Tampilan Laporan
Tampilan halaman laporan merupakan halaman
yang digunakan untuk mengakses halaman laporan
data buku dan laporan data keuangan. Berikut lembar
kerja tampilan laporan :
Gambar 3. 28Lembar Kerja Tampilan Laporan
Berdasarkan gambar 3.28 apabila tombol
laporan data buku di click maka tampilan akan beralih
ke tampilan laporan data buku. Berikut lembar kerja
tampilan cetak data buku :
41
Gambar 3. 29Lembar Kerja Tampilan Laporan Data Buku
Berdasarkan gambar 3.29 ketika pegawai
membuka
tampilan
laporan
data
buku
akan
menampilkan data bukudalam format laporan yang
dapat dicetak maupun di export. Tombol print out
digunakan untuk mencetak laporan. Selain laporan data
buku terdapat pula laporan keuangan. Berikut lembar
kerja tampilan keuangan :
Gambar 3. 30 Lembar Kerja Tampilan Laporan Keuangan
42
Laporan data keuangan dapat ditampilkan
berdasarkan parameter bulan maupun tahun. Jadi data
laporan keuangan dapat ditampilkan per bulan maupun
per tahun. Data yang ditampilkan dapat dicetak
maupun di export. Tombol print out digunakan untuk
mencetak laporan. Tombol export
digunakan untuk
menyalin laporan menjadi format yang berbeda,
misalnya : .pdf, .xls, .doc, dll
PERANCANGAN SISTEM
3.1. Use Case Diagram
Aktor dalam sistem terdiri dari pengunjung, operator,
admin, manager , dan distributor. Aktivitas usecase terdiri
dari registrasi, peminjaman, pengembalian, pelaporan
transaksi, pelaporan buku dan info buku.
Registrasi
Pelaporan Transaksi
Peminjaman
Pengunjung
Operator
Manager
Pelaporan Buku
Pengembalian
Info Buku
denda
>
Admin
Distributor
Gambar 3. 1 Use Case Persewaan Buku
Alur usecaseberdasarkan gambar 3.1 adalah :
Pengunjung datang dan melakukan registrasi.
Pengunjung yang telah melakukan registrasi dapat
melakukan peminjaman buku kepada operator.
Operator melayani transaksi peminjaman buku anggota.
Pengunjung melakukan pengembalian buku kepada
operator. Apabila terdapat keterlambatan, pengunjung
akan dikenakan denda.
Operator
melayani
transaksi
anggota.
13
pengembalian
buku
14
Operator melaporkan data transaksi peminjaman dan
pengembalian buku kepada manager .
Admin mendapatkan informasi daftar buku terbaru dari
distributor buku.
Admin melakukan pelaporan data buku kepada manager .
3.2. Diagram Kelas
Diagram kelas digunakan untuk menampilkan
kelas dalam sistem dan relasi antarkelas dalam suatu
sistem.
Diagram kelas memberikan gambaran sistem
secara statis dengan relasi antar kelas yang berisi atribut
dan perilaku. Berikut diagram kelas aplikasi :
TABEL DISTRIBUTOR
1
TABEL PENCARIAN
-Kode_Buku : String
-Judul : String
-Pengarang : String
-Penerbit : String
-HargaSewa : String
-Lokasi : String
-Status : String
+Set_KodeBuku()
+Get_KodeBuku()
+Set_Judul()
+Get_judul()
+Set_Pengarang()
+Get_Pengarang()
+Set_Penerbit()
+Get_Penerbit()
+Set_HargaSewa()
+Get_HargaSewa()
+Set_Lokasi()
+get_Lokasi()
+Set_Status()
+Get_Status()
PENCARIAN
DISTRIBUTOR
1
+Pencarian Data Buku()
+UI Login()
+UI Pencarian()
+UI Data Buku()
+UI Data Anggota()
+UI Peminjaman()
+UI Pengembalian()
+UI Daftar Sewa()
+UI Distributor()
1
1
1
1
1
1
DATA BUKU
+Menampilkan Buku Distributor()
1
1
1
1
1
DAFTAR SEWA
1
LOGIN
-Username : String
-Password : String
+Validasi Lodin()
+Log out()
TABEL DAFTAR SEWA
1
1
TRANSAKSI
DATA ANGGOTA
1
+Menampilkan Data Peminjaman()
+Menambah Data Peminjaman()
+Mengubah Data Peminjaman()
+Menampilkan Data Anggota()
+Menambah Data Anggota()
+Mengubah Data Anggota()
+Menghapus Data Anggota()
1
1
TABEL DATA ANGGOTA
-IDAnggota : String
-Nama : String
-JenisKelamin : String
-Alamat : String
-Kota : String
-telepon : String
+Set_IDAnggota()
+Get_IDAnggota()
+Set_Nama()
+Get_Nama()
+Set_tanggalLahir()
+Get_tanggalLahir()
+Set_Alamat()
+Get_Alamat()
+Set_Kota()
+Get_Kota()
+Set_telepon()
+Get_telepon()
1
+Menampilkan Data Penyewaan()
+Menampilkan Data Buku()
+Menambah Data Buku()
+Mengubah Data Buku()
+Menghapus Data Buku()
1
1
1
1
TABEL DATA BUKU
-Kode_Buku : String
-Judul : String
-Pengarang : String
-Penerbit : String
-TanggalBeli : Date
-HargaBeli : Decimal
-HargaSewa : Decimal
-Lokasi : String
-Status : String
+Set_KodeBuku()
+Get_KodeBuku()
+Set_Judul()
+Get_judul()
+Set_Pengarang()
+Get_Pengarang()
+Set_Penerbit()
+Get_Penerbit()
+Set_TanggalBeli()
+Get_TanggalBeli()
+Set_hargaBeli()
+Get_Harga_Beli()
+Set_HargaSewa()
+Get_HargaSewa()
+Set_Lokasi()
+get_Lokasi()
+Set_Status()
+Get_Status()
-ISBN
-JudulBuku
-Pengarang
-harga
-tanggalTerbit
-Sinopsis
+Set_ISBN()
+Get_ISBN()
+Set_JudulBuku()
+Get_JudulBuku()
+Set_Pengarang()
+Get_Pengarang()
+Set_Harga()
+Get_Harga()
+Set_Sinopsis()
+Get_Sinopsis()
+Set_TanggalTerbit()
+Get_TanggalTerbit()
Main
TRANSAKSI PEMINJAMAN
+Menambah Peminjaman()
1
1
TRANSAKSI PENGEMBALIAN
+Menampilkan Peminjaman()
+Mengubah Data Peminjaman()
1
1
-IDSewa
-IDAnggota
-JumlahBukudipinjam
-JumlahBUkuKembali
-TanggalPinjam
-tanggalBukuKembali
-TotalBayar
-Denda
+Set_IDSewa()
+Get_IDSewa()
+Set_IDAnggota()
+Get_IDAnggota()
+Set_JumlahBukudipinjam()
+Get_JumlahBukudipinjam()
+Get_JumlahBukuKembali()
+Set_JumlahBukuKembali()
+Set_TanggalPinjam()
+Get_TanggalPinjam()
+Set_TanggalKembali()
+Get_TanggalKembali()
+Set_TotalBayar()
+Get_TotalBayar()
+Set_Denda()
+get_Denda()
TABEL DATA PENGEMBALIAN
TABEL DATA PEMINJAMAN
-IdTransaksi : String
-Tanggal : Date
-IdAnggota : String
-Nama : String
-KodeBuku : String
-HargaSewa : Decimal
-TotalBayar : Decimal
+Set_idTransaksi()
+Get_IdTransaksi()
+Set_Tanggal()
+Get_Tanggal()
+Set_IdAnggota()
+Get_IdAnggota()
+Set_Nama()
+Get_Nama()
+Set_KodeBuku()
+Get_KodeBuku()
+Set_HargaSewa()
+Get_HargaSewa()
+Set_TotalBayar()
+Get_TotalBayar()
-IdTransaksi : String
-Tanggal : Date
-IDAnggota : String
-KodeBuku : String
-HargaSewa : Decimal
-Denda : Decimal
+Set_idTransaksi()
+Get_IdTransaksi()
+Set_Tanggal()
+Get_Tanggal()
+Set_IdAnggota()
+Get_IdAnggota()
+Set_KodeBuku()
+Get_KodeBuku()
+Set_HargaSewa()
+Get_HargaSewa()
+Set_Denda()
+Get_Denda()
Gambar 3. 2 Diagram Kelas Persewaan Buku
15
Berdasarkan gambar 3.2 terdapat dua visibilitas
calss, yaitu public dan private. Public (+) artinya bahwa
kelas tersebut dapat dilihat oleh kelas lain didalam sistem.
Private (-) artinya kelas tersebut hanya dapat dilihat dari
kelas itu sendiri atau kelas friends. Kelas yang berfungsi
sebagai awal sistem dijalankan adalah kelas Main. Kelas
yang termasuk kedalam boundary (Pembatas) atau disebut
juga sebagai antar muka user dengan sistem antara lain :
data buku, data anggota, data pegawai, data peminjaman,
data pengembalian, data distributor dan login. Sedangkan
kelas yang menjadi entitas (entity) antara lain tabel buku,
tabel anggota, tabel pegawai, tabel peminjaman, tabel
pengembalian, tabel daftar sewa dan tabel distributor.
Relasi yang digunakan dependency relationship dimana
suatu package tergantung dari package lain.
3.3. Diagram Aktivitas
Diagram aktivitas menggambarkan alur aktivitas
dalam sistem yang dirancang. Bagaimana sebuah alur
berawal, decision yang mungkin terjadi serta bagaimana
sebuah sistem berakhir. Berikut diagram aktivitas dari
perancangan sistem persewaan buku :
16
PENGUNJUNG
Mendaftar ?
Ya
Tidak
MANAGER
OPERATOR
menerima pendaftaran
Registrasi keanggotaan
meminjam buku
mencatat Transaksi peminjaman
Laporan Transaksi
Menerima Buku
Mengembalikan Buku
mencatat Transaksi pengembalian
Tidak
Denda ?
Ya
Kalkulasi denda
Membayar denda
mencatat penerimaan denda
Cetak Laporan
Gambar 3. 3 Diagram Aktivitas Transaksi Persewaan
Berdasarkan gambar 3.3 alur diagram aktivitas
adalah sebagai berikut :
Decision mendaftar yang artinya pengunjung yang
belum menjadi anggota dan ingin meminjam buku harus
melalui proses pendaftaran terlebih dahulu.
Pengunjung yang telah terdaftar sebagai anggota dapat
langsung melakukan peminjaman.
Pengunjung yang melakukan registrasi dilayani oleh
operator peminjaman buku.
Transaksi peminjaman di catat oleh operator.
17
Operator menyerahkan buku kepada pengunjung dan
menyerahkan
laporan
transaksi
peminjaman
buku
kepada manager .
Pengunjung yang telah meminjam buku melakukan
pengembalian buku dan diterima oleh operator.
Operator melakukan perhitungan lama peminjaman,
apabila pengunjung mengembalikan lebih dari lama
pinjam maka akan dilakukan kalkulasi denda.
Apabila tidak ada denda, transaksi dapat dicatat dan
langsung dilaporkan kepada manager .
Operator melakukan pencatatan penerimaan denda dan
melakukan
pelaporan
kepada
manager .
Manager
menerima semua laporan dan melakukan pencetakan
laporan.
ADMIN
Distributor
MANAGER
Reques Info Buku
Memberi Info Buku
Mendata Buku
Membuat laporan Buku
Menerima Laporan
cetak Laporan
Gambar 3. 4 Diagram Aktivitas Admin dan Distributor
18
Alur diagram aktivitas berdasarkan gambar 3.4
adalah
sebagai berikut :
Admin melakukan request data/info buku terbaru
kepada distributor buku.
Distributor menerima request dari persewaan dan
memberikan informasi buku terbarunya.
Admin melakukan pendataan buku dan membuat
pelaporan data buku
Admin menyerahkan laporan data buku kepada
manager .
Manager melakukan pencetakan laporan yang telah
diterima.
3.4. Diagram Sekuensial
Diagram sekuensial menunjukkan aliran fungsionalitas
dalam use case. Disusun berdasarkan urutan waktu dimana
diagram sekuensial akan dibaca dari atas ke bawah. Berikut
merupakan diagram sekuensial aplikasi :
a. Diagram Sekuensial Pencarian Buku
Aktor yang berinteraksi dengan sistem adalah
pegawai. Object yang berinteraksi dengan pesan adalah
userinterface, business library, data acess dan database.
Berikut diagram sekuensial pencarian buku :
19
Pegawai
User Interface
Business Library
Data Acess
Database
1.cari buku
2. cari buku by kode
3. get data by kode
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data buku
7. Hasil Pencarian Buku
8. Data Buku yang dicari
Gambar 3. 5 Diagram Sekuensial Pencarian Buku
Berdasarkan gambar 3.5 sistem ini menghasilkan
keluaran berupa data buku yang dicari berdasarkan kode
buku.
b. Diagram Sekuensial Tambah Anggota
Diagram sekuensial tambah anggota menunjukan
aliran pesan setiap komponen dan dari aktor dalam
sistem tambah anggota. Aktor yang berinteraksi dengan
sistem adalah pegawai. Object yang berinteraksi adalah
user interface, bussiness library, data acess dan
database. Berikut diagram sekuensial tambah anggota :
Pegawai
User Interface
Business Library
Data Acess
Database
1. input data buku
2. Create object buku
3. Insert data buku
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Validasi Insert buku
7. Validasi penyimpanan
8. Pesan Validasi
Gambar 3. 6 Diagram Sekuensial Tambah Data Anggota
20
Berdasarkan gambar 3.6 aliran diagram sekuensial
ini digunakan untukmelakukan input data anggota oleh
pegawai persewaan, kemudian object anggota akan
dibuat dan data anggota akan di simpan ke dalam
database. Terdapat keluaran berupa validasi apakah data
berhasil disimpan atau tidak.
c. Diagram Sekuensial Ubah Anggota
Aktor yang berinteraksi dengan sistem ubah data
anggota adalah pegawai. Object-object yang berinteraksi
dalam sistem ini antara lain : userinterface, bussiness
library, data acess dan database. Berikut diagram
sekuensial ubah anggota :
Pegawai
User Interface
Business Library
Data Acess
Database
1. pilih data anggota
2. Pencarian anggota by id
3. get data anggota by id
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data anggota
7. Hasil Pencarian data anggota
8. Data anggota yang dipilih
9.ubah data
10.ubah data by id
10. Set data anggota by id
11. Buka koneksi
12. Eksekusi Query
13. Tutup Koneksi
14. Validasi update anggota
14. Validasi Penyimpanan
15. Pesan Validasi
Gambar 3. 7Diagram Sekuensial Ubah Data Anggota
Alur sistem ubah data anggota berdasarkan gambar
3.7 diawali oleh pegawai memilih data anggota yang
akan diubah. Berdasarkan id anggota yang dipilih akan
21
dilakukan pengambilan data anggota melalui object
business library dan data acess kedalam database. Data
yang telah di ambil dari database akan ditampilkan
kembali ke object user interface pegawai melalui object
business library dan data acess. Kemudian pegawai
melakukan ubah data. Data yang diubah diterima oleh
object business library dan data acess dan disimpan
kedalam database. Kemudian menghasilkan keluaran
berupa pesan apakah data berhasil di ubah atau tidak.
d. Diagram Sekuensial Hapus Data Anggota
Diagram sekuensial hapus anggota memiliki aktor
pegawai dan object user interface, bussiness library,
data acess dan database. Berikut diagram sekuensial
hapus anggota :
Pegawai
User Interface
Business Library
Data Acess
Database
1. hapus anggota
2. hapus anggota by id
3. delete berkas by id
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
validasi penghapusan berkas
hasil validasi penghapusan
8. Pesan validasi
Gambar 3. 8Diagram Sekuensial Hapus Data Anggota
Berdasarkan gambar 3.8 sistem hapus data anggota
berdasarkan id anggota yang dipilih oleh aktor pegawai.
Object business library menerima id anggota dari
22
pegawai dan dataacess melakukan penghapusan berkas
dari database. Setelah proses dilakukan akan dihasilkan
pesan apakah data berhasil dihapus atau tidak.
e. Diagram Sekuensial Tambah Data Buku
Aktor yang berinteraksi dalam diagram sekuensial
tambah data buku adalah pegawai. Object-object yang
terdapat dalam diagram sekuensial tambah buku antara
lain : user interface, business library, data acess dan
database. Berikut diagram sekuensial tambah data buku:
Pegawai
User Interface
Business Library
Data Acess
Database
1. input data buku
2. Create object buku
3. Insert data buku
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Validasi Insert buku
7. Validasi object yang dibuat
8. Pesan Validasi
Gambar 3. 9Diagram Sekuensial tambah data Buku
Sistem ini berdasarkan gambar 3.9 memberikan
input berupa data bukukedalam object user interface.
kemudian data diterima oleh object business library dan
dilakukan penyimpanan berkas oleh object data acess
kedalam database. Setelah proses penyimpanan berkas
akan dihasilkan pesan validasi apakah data berhasil
disimpan atau tidak.
23
f. Diagram Sekuensial Ubah Data Buku
Diagram sekuensial ubah data buku memiliki aktor
pegawai dan object user interface,business library, data
acess dan database. Berikut diagram sekuensial ubah
data buku :
Pegawai
User Interface
Business Library
Data Acess
Database
1. pilih data buku
2. Pencarian buku by kode
3. get data buku by kode
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data buku
7. Hasil Pencarian data buku
8. Data buku yang dipilih
9.ubah data
10.ubah data buku by kode
10. Set data by kode
11. Buka koneksi
12. Eksekusi Query
13. Tutup Koneksi
14. Validasi update buku
14. Validasi Penyimpanan
15. Pesan Validasi
Gambar 3. 10Diagram Sekuensial Ubah Data Buku
Berdasarkan gambar 3.10 aliran pesan dimulai dari
aktor pegawai memilih data buku. Kemudian object
business library mencari data buku berdasarkan buku
yang dipilih pegawai. Berdasarkan kode buku yang
diterima dari object business library, object data acess
mengambil data dari database. Data yang dihasilkan
kemudian ditampilkan kembali ke user
interface
pegawai. Pegawai melakukan ubah data. Data yang telah
diubah oleh pegawai diterima oleh object business
library dan disimpan kedalam database oleh object data
acess.
24
g. Diagram Sekuensial Hapus Data Buku
Diagram sekuensial hapus data buku menunjukan
aliran pesan setiap komponen dan dari aktor untuk
komponen dalam sistem hapus data buku. Berikut
diagram sekuensial hapus data buku :
Pegawai
User Interface
Business Library
Data Acess
Database
1. hapus Buku
2. hapus buku by id
3. delete berkas by id
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
validasi penghapusan berkas
hasil validasi penghapusan
8. Pesan validasi
Gambar 3. 11Diagram Sekuensial Hapus Data Buku
Berdasarkan gambar 3.11 aktor yang berinteraksi
dengan sistem adalah pegawai. Object yang berinteraksi
dengan pesan adalah user interface, business library,
data acess dan database. Sistem ini melakukan operasi
penghapusan data buku dari database berdasarkan kode
buku.
h. Diagram Sekuensial Transaksi Peminjaman
Diagram sekuensial transaksi peminjaman terdiri
dari object business library, data acess, user interface
dan database. Berikut diagram sekuensial transaksi
peminjaman :
25
Pegawai
User Interface
Business Library
Data Acess
Database
1. input Transaksi
2. Tambah data transaksi
3. Insert data transaksi
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Validasi Insert transaksi
7. Validasi penyimpanan
8. Pesan Validasi
Gambar 3. 12Diagram Sekuensial Transaksi Peminjaman
Berdasarkan gambar 3.12 aktor yang berinteraksi
dengan sistem adalah pegawai. Sistem ini menjalankan
operasi input data transaksi peminjaman buku anggota.
Data transaksi yang di input oleh pegawai diterima oleh
object business library dan oleh object data acess data
tersebut kemudian disimpan kedalam database. Sistem
akan menghasilkan output berupa pesan validasi apakah
data berhasil disimpan atau tidak.
i. Diagram Sekuensial Tansaksi Pengembalian
Diagram
sekuensial
transaksi
pengembalian
memiliki object business library, user interface, data
acess dan database. Aktor dalam diagram sekuensaial
ini adalah pegawai.Berikut diagram sekuensial transaksi
pengembalian :
26
Pegawai
User Interface
Business Library
Data Acess
Database
1. cari data peminjaman
2. Pencarian peminjaman by id
3. get transaksi by id
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data transaksi
7. Hasil Pencarian peminjaman
8. Data peminjaman
9. input pengembalian buku
11. perhitungan denda
13. Hasil kalkulasi
12. Kalkulasi denda
14. Denda peminjaman
15. konfirmasi pengembalian
16.ubah peminjaman by id
17. Set transaksi by id
18. Buka koneksi
19. Eksekusi Query
20. Tutup Koneksi
21. Validasi update transaksi
22. Validasi ubah peminjaman
23. Pesan Validasi
Gambar 3. 13Diagram Sekuensial Transaksi Pengembalian
Berdasarkan gambar 3.13 object user interface
mengirimkan id anggota kepada object business library
untuk mengambil data peminjaman dari database
melalui data acess. Data transaksi peminjaman yang
diperoleh ditampilkan kembali kepada pegawai melalui
object user interface. Pegawai melakukan input data
pengembalian
buku.
Berdasarkan
pengembalian
object business library melakukan
input
data
kalkulasi denda. Hasil kalkulasi ditampilkan kembali
kedalam user interface selanjutnya pegawai melakukan
konfirmasi transaksi pengembalian. Data pengembalian
kemudian disimpan kedalam database dan menghasilkan
pesan validasi apakah data pengembalian telah tersimpan
atau tidak.
27
j. Diagram Sekuensial Distributor Buku
Diagram sekuensial distributor buku menunjukan
aliran pesan setiap komponen dan dari aktor dalam
sistem untuk menampilkan data dan informasi buku dari
distributor buku. Berikut diagram sekuensial distributor
buku :
Pegawai
User Interface
Web service
Data Acess
Database
1. tampilkan data buku
2. reference buku distributor
3. get data buku
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Data buku
7. Hasil Pencarian data buku
8. data buku distributor
Gambar 3. 14Diagram Sekuensial Distributor Buku
Berdasarkan gambar 3.14 aktor yang berinteraksi
dengan sistem adalah pegawai. Object yang berinteraksi
dengan pesan adalah database, userinterface, web
service, data acess. Aliran sistem ini adalah dari user
interface pegawai memberikan instruksi dan melakukan
reference service ke web service distributor. Web service
meneruskan instruksi ke object data acess distributor
dan object data acess tersebut mengambil data dari
database. Data yang telah diperoleh dikembalikan oleh
data acess ke web service. Web service mengirim data
ke object user interface pegawai dan object user
interface menampilkan data yang diminta.
28
k. Diagram sekuensial Laporan Data Buku
Diagram sekuensial laporan data buku menunjukan
aliran pesan dalam sistem pelaporan data buku
persewaan. Berikut diagram sekuensial laporan data
buku :
Pegawai
User Interface
BusinessLib
Data Acess
Database
1. tampilkan laporan
2. Get data buku
3. get data buku
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Hasil pengambilan data
7.Data buku
8. laporan data buku
Gambar 3. 15Diagram Sekuensial laporan data buku
Aktor yang berinteraksi dengan sistem berdasarkan
gambar 3.15 adalah pegawai. Object yang berinteraksi
dengan pesan adalah user interface, Businesslib, dat
aacess dan database. Aliran diagram sekuensial adalah
aktor pegawai memberikan pesan melalui user interface
kepada businesslib dan data acess untuk mengambil data
buku
dari
database.
Data
yang
telah
diambil
dikembalikan ke user interface dalam format laporan
dan ditampilkan sebagai data laporan. Aliran sistem ini
menampilkan sebuah format laporan yang dapat di print
maupun di export oleh pegawai.
29
l. Diagram sekuensial Laporan Transaksi
Diagram sekuensial laporan transaksi menunjukan
aliran pesan setiap komponen dan dari aktor untuk
komponen dalam sistem pelaporan transaksi. Berikut
diagram sekuensial laporan transaksi :
Pegawai
User Interface
BusinessLib
Data Acess
Database
1. tampilkan laporan
2. Ambil data Transaksi
3. get Transaksi
4. Buka koneksi
5. Eksekusi Query
6. Tutup Koneksi
7. Hasil pengambilan data
7.Data Transaksi
8. laporan data Transaksi
Gambar 3. 16Diagram Sekuensial laporan Transaksi
Aktor yang berinteraksi dengan sistem berdasarkan
gambar 3.16 adalah pegawai. Object yang berinteraksi
dengan pesan adalah user interface, businesslib, data
acess
dan
database.
Aliran
sistem
ini
adalah
menampilkan informasi data transaksi dari database
berdsarkan instruksi yang diterima oleh data acess dari
business lib. Data yang telah diambil dari database
dikirim kembali ke user interface dan ditampilkan dalam
format laporan.
30
3.5. Pemodelan Data
Database aplikasi ini menggunakan SQL Server
sebagai managemen basis data. Berikut database diagram
aplikasi persewaan buku :
Gambar 3. 17Database Diagram Persewaan Buku
Berdasarkan gambar 3.17 dapat dilihat bahwa relasi
dalam database diagram adalah one to many artinya :
a. Setiap baris data tabel buku dapat dihubungkan ke satu
baris atau lebih data pada tabel transaksi.
b. Setiap baris data tabel members dapat dihubungkan ke
satu baris atau lebih data pada tabel transaksi.
c. Setiap baris data tabel members dapat dihubungkan ke
satu baris atau lebih data pada tabel daftar sewa.
31
d. Setiap baris data tabel petugas dapat dihubungkan ke
satu baris atau lebih data pada tabel role petugas.
e. Setiap baris data dari tabel role dapat dihubungkan ke
satu baris atau lebih data pada tabel role Petugas.
3.6. Lembar Kerja Tampilan
Perancangan user interface aplikasi persewaan buku
komik memuat beberapa tampilan form dan dirancang
berdasarkan ketentuan, prinsip dan kategori masing-masing
form. Berikut lembar kerja tampilan aplikasi :
a.
Tampilan halaman utama dan halaman login
Halaman
ini
memuat
header
yang
ber-
informasikan nama persewaan buku. Pada halaman ini
terdapat form login pegawai yang berfungsi sebagai
antar
muka
bagi
pegawai
untuk
masuk
dan
menjalankan aplikasi.
Gambar 3. 18Lembar Kerja Tampilan Halaman Utama dan Login
32
Berdasarkan gambar 3.18 dapat dilihat bahwa
ketika tombol login pada tampilan di klik, data
username dan password yang telah dimasukan oleh
pegawai yang melakukan login akan dicek terlebih
dahulu apakah sudah benar dan sesuai.
b.
Tampilan menu utama
Menu
utama
merupakan
tampilan
utama
aplikasi yang memuat kontrol yang digunakan untuk
menampilkan form-form turunannya.
Gambar 3. 19Lembar Kerja Tampilan Menu Utama
Berdasarkan gambar 3.19 fungsi dari lembar
kerja tampilan menu utama diantaranya: Tombol home
akan menampilkan halaman form home. Tombol
pencarian akan menampilkan halaman form pencarian.
Tombol data buku akan menampilkan halaman form
33
data buku.Tombol data anggota akan menampilkan
halaman form data anggota. Tombol peminjaman akan
menampilkan halaman form peminjaman. Tombol
pengembalian
akan
menampilkan
halaman
form
pengembalian. Tombol daftar sewa akan menampilkan
halaman form daftar sewa. Tombol distributor akan
menampilkan halaman
form distributor.
Tombol
laporan akan menampilkan halaman form laporan.
c.
Tampilan home
Merupakan tampilan antarmuka aplikasi yang
menampilkan informasi tentang persewaan buku.
Berikut lembar kerja tampilan home :
Gambar 3. 20Lembar Kerja Tampilan Home
34
Berdasarkan gambar 3.20 fungsi dari lembar
kerja tampilan home adalah untuk menampilkan
informasi tentang syarat dan ketentuan pendaftaran
anggota serta peraturan peminjaman di persewaan
buku.
d.
Tampilan Pencarian
Merupakan tampilan antar muka aplikasi untuk
melakukan pencarian buku berdasarkan kode buku atau
judul buku. Berikut lembar kerja tampilan pencarian
buku :
Gambar 3. 21Lembar Kerja Tampilan Cari Buku
Parameter pencarian yang disediakan adalah
kode buku dan judul buku. Tombol cari digunakan
untuk menjalankan operasi pencarian. Hasil dari
35
pencarian berupa informasi data buku misalnya judul,
volume, pengarang, penerbit, harga buku, harga sewa,
dll.
e.
Tampilan Data Buku
Tampilan antar muka data buku menampilkan
informasi daftar buku yang ada pada persewaan buku.
Tampilan data buku memuat kontrol-kontrol yang
digunakan untuk pengolahan data buku. Berikut lembar
kerja tampilan data buku :
Gambar 3. 22 Lembar Kerja Tampilan Data Buku
Dari gambar 3.22 beberapa kontrol yang
digunakan dalam pengolahan data buku antara lain:
Tombol tambah sebagai kontrol untuk menambah data
buku, tombol ubah berfungsi untuk melakukan
pengubahan informasi data buku, tombol hapus
digunakan untuk melakukan penghapusan data buku.
36
f.
Tampilan Data Anggota
Tampilan antar muka data anggota berfungsi
menampilkan informasi daftar anggota persewaan
buku. Tampilan data anggota memuat kontrol-kontrol
yang digunakan untuk pengolahan data anggota.
Berikut lembar kerja tampilan data anggota :
Gambar 3. 23Lembar kerja tampilan Data Anggota
Dari gambar 3.23 terdapat beberapa kontrol
yang digunakan dalam pengolahan data anggota.
Tombol tambah sebagai kontrol untuk menambah data
anggota. Tombol ubah berfungsi untuk melakukan
pengubahan informasi data anggota. Tombol hapus
digunakan
anggota.
untuk
melakukan
penghapusan
data
37
g.
Tampilan Transaksi Peminjaman
Lembar kerja tampilan transaksi peminjaman
berfungsi
menampilkan
informasi
transaksi
peminjaman persewaan buku. Lembar kerja tampilan
peminjaman memuat kontrol-kontrol yang digunakan
untuk pengolahan data transaksi peminjaman buku.
Berikut lembar kerja tampilan peminjaman :
Gambar 3. 24Lembar Kerja Tampilan Peminjaman
h.
Lembar Kerja Tampilan Transaksi Pengembalian
Lembar kerja tampilan transaksi pengembalian
digunakan untuk menampilkan data peminjaman
anggota untuk dilakukan proses pengembalian buku.
Lembar kerja tampilan pengembalian memuat kontrol
yang digunakan untuk pengolahan data transaksi
38
pengembalian buku. Pada tampilan ini juga akan
dilakukan perhitungan denda peminjaman apabila
melebihi jangka waktu peminjaman. Berikut lembar
kerja tampilan pengembalian :
Gambar 3. 25Lembar Kerja Tampilan Pengembalian
i.
Lembar kerja Tampilan Daftar Sewa
Lembar kerja tampilan daftar sewa berfungsi
untuk menampilkan daftar peminjaman buku anggota,
data buku yang pernah dipinjam, tanggal terakhir
melakukan peminjaman, jumlah buku yang belum
dikembalikan, dll. Berikut lembar kerja tampilan daftar
sewa :
39
Gambar 3. 26Lembar Kerja Tampilan Daftar Sewa
j.
Lembar Kerja Tampilan Distributor Buku
Lembar
kerja
tampilan
distributor
buku
menampilkan informasi buku terbaru dari distributor
buku. Aplikasi ini menyediakan dua tempat untuk
ditributor buku, yaitu MNC Book Store dan Gramedia
Book Store. Berikut tampilan distributor buku :
Gambar 3. 27 Lembar Kerja Tampilan Distributor Buku
40
k.
Lembar Kerja Tampilan Laporan
Tampilan halaman laporan merupakan halaman
yang digunakan untuk mengakses halaman laporan
data buku dan laporan data keuangan. Berikut lembar
kerja tampilan laporan :
Gambar 3. 28Lembar Kerja Tampilan Laporan
Berdasarkan gambar 3.28 apabila tombol
laporan data buku di click maka tampilan akan beralih
ke tampilan laporan data buku. Berikut lembar kerja
tampilan cetak data buku :
41
Gambar 3. 29Lembar Kerja Tampilan Laporan Data Buku
Berdasarkan gambar 3.29 ketika pegawai
membuka
tampilan
laporan
data
buku
akan
menampilkan data bukudalam format laporan yang
dapat dicetak maupun di export. Tombol print out
digunakan untuk mencetak laporan. Selain laporan data
buku terdapat pula laporan keuangan. Berikut lembar
kerja tampilan keuangan :
Gambar 3. 30 Lembar Kerja Tampilan Laporan Keuangan
42
Laporan data keuangan dapat ditampilkan
berdasarkan parameter bulan maupun tahun. Jadi data
laporan keuangan dapat ditampilkan per bulan maupun
per tahun. Data yang ditampilkan dapat dicetak
maupun di export. Tombol print out digunakan untuk
mencetak laporan. Tombol export
digunakan untuk
menyalin laporan menjadi format yang berbeda,
misalnya : .pdf, .xls, .doc, dll