11
Bab III
Perancangan Sistem
3.1 Pengumpulan Kebutuhan
Berdasarkan kebutuhan pengguna web ini digunakan untuk memberikan kemudahan kepada petugas perpustakaan melakukan operasional/tugas. Media perpustakaan ini juga memudahkan anggota perpustakaan untuk meminjam buku dan membaca buku perpustakaan.
3.2Ruang Lingkup Aplikasi/Sistem
web ini mempermudah anggota perpustakaan untuk meminjam buku dan mempermudah petugas perpustakaan melakukan
operasional/tugas. Fungsi
a. input – mempermudah anggota menginput data buku dan peminjaman buku dalam kategori yang di inginkan. b. melakukan transaksi peminjaman buku dengan mudah c. mempermudah petugas perpustakaan mengelola
perpustakaan
Fitur Admin
a. Memasukkan jumlah buku serta stok buku yang tersedia. b. Mengedit buku yang baru di stok
c. Input data transaksi peminjaman buku
Petugas Perpustakaan
b. Input Pendaftaran anggota perpustakaan c. Input data keterlambatan peminjaman buku
3.3Konsep Perancangan Sistem
3.3.1 Gambaran Umum
Perancangan system ini dapat mempermudah petugas perpustakaan untuk melakukan operasional/tugas, membantu
mengelola perpustakaan dan memudahkan anggota
perpustakaan untuk meminjam buku.
3.3.2 Pengguna Aplikasi
Perancangan system ini membantu proses pengembangan website perpustakaan online dan mempermudah petugas perpustakaan untuk melakukan tugas/operasional
Pengguna Hak Akses
Admin 1. Memasukkan,mengubah
menghapus,melihat data anggota yang tersedia 2. Input Data Transaksi
Peminjaman Buku
3. Memasukkan stok buku
yang ada dan terbaru.
Petugas Perpustakaan 1. Menerima hasil laporan-laporan data perpustakaan 2. Melihat daftar anggota
3. Melihat dan mengubah data transaksi keterlambatan peminjaman buku
3.4 Perancangan Antar Muka Aplikasi
3.4.1 Storyboard
Berikut ini adalah perancangan sistem web perpustakaan online
a. Lembar kerja tampilan awal
Gambar 3.1 Desain tampilan awal
Keterangan :
Menu awal: Pada tampilan awal terdapat tampilan yang berisikan tampilan awal tentang web tersebut.
Body : Tampilan data pengunjung dan data pengunjung hari iini
Footer : Tampilan data akumulasi pengunjung perpustakaan
b. Lembar kerja tampilan Login Perpustakaan
Gambar 3.2 Design tampilan Login
Keterangan :
- Di halaman login ini memuat input username dan password.
c. Lembar kerja tampilan Dashboard Halaman Utama
Admin
Gambar 3.3 Design DashBoard Halaman Utama Admin
Keterangan :
Dashboard menampilkan beberapa sub menu dan menu menu yang terdapat pada halaman utama admin
Menu : ada beberapa macam menu seperti dashboard , data anggota , data buku , transaksi , data admin , laporan
d. Lembar kerja tampilan Data Anggota
Gambar 3.4 Design Data Anggota Perpustakaan
Keterangan:
A. Menampilkan Table data anggota yang sudah terdaftar pada perpustakaan
B. Tampilan ini berisi jumlah anggota yang terdaftar pada perpustakaan
C. Berisi Form refresh anggota untuk update anggota yang baru saja terdaftar menjadi anggota
e. Lembar kerja tampilan Tambah Anggota
Gambar 3.5 Design Data Tambah Anggota
Keterangan:
A. Berisi form pendaftaran yang tersedia untuk pendaftaran menjadi anggota baru perpustakaan.
f. Lembar kerja tampilan Data Buku
Gambar 3.6 Design Data Buku
Keterangan:
A. Menampilkan Table data buku yang sudah di tambahkan. B. Tampilan ini berisi jumlah/stock buku yang berada di dalam
table data buku
C. Berisi Form refresh buku untuk update buku yang baru di tambahkan , edit , hapus ke dalam table data buku
g. Lembar kerja tampilan Tambah Buku
Gambar 3.7 Design Tambah Buku
Keterangan:
A. Berisi form buku yang tersedia untuk menambahkan buku baru kedalam rak buku
h. Lembar kerja tampilan Data Transaksi Peminjaman
Gambar 3.8 Design Data Transaksi Peminjaman
Keterangan :
A. Menampilkan Table data nama peminjam buku , judul buku, status peminjaman, tanggal peminjaman , tanggal kembali , dan keterlambatan
B. Tampilan ini berisi jumlah buku yang di pinjam oleh anggota perpustakaan
i. Lembar kerja tampilan Data Transaksi Pengembalian
Gambar 3.9 Design Data Transaksi Pengembalian
Keterangan :
A. Menampilkan Table data judul buku, peminjam, tanggal pinjam , tanggal kembali , dan status pengembalian buku B. Tampilan ini berisi jumlah buku yang di pinjam oleh anggota
perpustakaan
C. Berisi Form refresh transaksi untuk update jumlah
j. Lembar kerja tampilan Data Input Peminjam
Gambar 3.10 Design Data Input Peminjam
Keterangan :
A. Berisi form List Box judul buku dan nama peminjam yang sudah terdaftar menjadi anggota untuk peminjaman buku
B. Tampilan beberapa textbox tanggal peminjaman dan tanggal pengembalian buku yang di pinjam
3.4.2 Tampilan Jaringan Simantik
Penjelasan jaringan simantik ini adalah :
3.5 Perancangan Proses Bisnis (UML, Komponen-komponen
class, class diagram)
3.5.1 Diagram Use Case
Gambar 3.11 Diagram Use Case Admin Dengan Petugas
Gambar 3.12 Diagram Use Case Admin
Gambar 3.13 Diagram Use Case Petugas
3.5.2 Class Diagram
Diagram Class menjelaskan atribute serta proses apa saja yang dilakukan ketika menjalankan suatu perintah baik pengambilan maupun pengolahan data
Gambar 3.14 Diagram Class
data anggota dan memvalidasi status peminjaman buku yang telah selesai atau masih dalam proses peminjaman.
Dalam setiap transaksi peminjaman yang terjadi, sistem akan memberikan keterangan laporan mengenai identitas anggota, detail judul buku yang sudah dimasukan kedalam sistem oleh petugas perpustakaan.
3.5.3Diagram Activity
Gambar 3.15 menjelaskan mengenai aktivitas admin dalam proses manipulasi data yang didalam nya terdapat proses insert buku, update buku , dan delete buku.
Gambar 3. 16 Diagram Activity data Anggota Gambar 3.16 menjelaskan mengenai aktivitas admin dalam proses
Gambar 3. 17 Diagram Activity Transaksi Peminjaman
Gambar 3. 18 Diagram Activity Laporan
3.6 Pemodelan Penyimpanan Data
Tabel-tabel yang di gunakan dalam perancangan sistem informasi perpustakaan berbasis web adalah sebagai berikut :
3.6.1 Tabel login admin
Keterangan :
Tabel login digunakan untuk menyimpan data admin yang akan digunakan untuk masuk ke dalam sistem login dan masuk ke dalam dashboard admin.
3.6.2 Tabel data anggota
Keterangan :
3.6.3 Tabel data buku
Keterangan :
Tabel Data Buku Tabel yang digunakan untuk menunjukkan rak buku yang menampung buku-buku yang tersedia dan terbaru pada
perpustakaan yang akan dipinjam oleh anggota.
3.6.4 Tabel pengunjung
Keterangan :
pengunjung yang mengunjungi perpustakaan pada tampilan awal website.
3.6.5 Tabel trans pinjam
Keterangan :
Tabel trans pinjam merupakan tabel untuk menampung data transaksi peminjaman buku , pengembalian , dan denda keterlambatan peminjaman yang di hasilkan dari input peminjaman buku .
3.7 Struktur DataBase
Gambar 3.19 Relasi Struktur Database web
Database digunakan untuk menyimpan data, dalam aplikasi web sistem informasi penjualan kuningan dan handcraft berbasis PHP responsif adaptif Serta multi platform ini memiliki 5 (lima) tabel yakni tabel pengunjung, data_anggota, admin,data buku,trans_pinjam.
Gambar 3. 20 Struktur Tabel user
Tabel data_anggota adalah tabel yang digunakan untuk menyimpan semua data anggota dari pendaftaran anggota baru perpustakaan.
Tabel admin digunakan untuk menyimpan data admin yang akan digunakan untuk masuk ke dalam sistem login yang diberikan. Dalam akun admin nantinya admin dapat melakukan updating mengenai data buku , anggota , dan transaksi peminjaman buku,
Gambar 3.22 Struktur Tabel admin
Gambar 3.23 adalah Tabel yang digunakan untuk menunjukkan rak yang menampung buku-buku yang akan dipinjam oleh anggota
Gambar 3. 24 Struktur tabel trans_pinjam
