Aplikasi Perpustakaan Berbasis Web

Aplikasi perpustakaan berbasis web ini adalah aplikasi yang digunakan sebagai admin dan petugas yang memiliki fitur Beranda, tambah data, Data peminjam dan Notifikasi, pada tambah data dan data peminjam dapat melakukan interaksi CRUD kepada database melalui website. Penjelasan Singkat Web Perpustakaan ini dibuat untuk mengelola perpustakaan dimana Admin dan petugas dapat terbantu dalam mengelola peminjam dan buku dan dengan adanya sistem pewncatatan tanggal peminjaman secara otomatis dan pencatatan tanggal pengembalian dapat secara otomatis dengan menekan tombol confirm. Pada Saat meminjam, petugas membutuhkan 6 data :

1. Judul Buku yang akan dipinjam
2. Nama peminjam
3. No. KTP
4. Alamat Lengkap
5. Jenis Kelamin
6. No.Telepon

Fungsionalitas

Admin

• Dapat menambahkan data peminjam buku.
• Dapat melihat data detail dari peminjam buku.
• Dapat melakukan update data peminjam buku.
• Dapat menghapus data peminjam buku.
• Dapat mengirimkan pesan notifikasi kepada petugas. Petugas
• Dapat menambahkan data peminjam buku.
• Dapat melihat data peminjaman.
• Dapat melakukan confirm pengembalian buku.
• Dapat melihat notifikasi pesan dari admin.

Tampilan Web

Tampilan Admin

• Tampilan Beranda
• Tampilan Tambah Data
• Tampilan Data Peminjaman
• Tampilan Update Data
• Tampilan Detail Peserta
• Tampilan Pengiriman Pesan/Notifikasi
• Tampilan pop-up notifikasi Tampilan Petugas
• Tampilan Beranda
• Tampilan Tambah Data
• Tampilan Data Peminjaman
• Tampilan Pop-up Notifikasi

Penjelasan Kodingan

Penjelasan kodingan CRUD

Create

Pada kodingan dibawah adalah kodingan sql didalam file create.php untuk memasukan data yang di input ke dalam tabel pinjam dan setelah itu kembali lagi ke beranda masing masing

Update

Pada kodingan dibawah adalah kodingan dalam file update.php. Pada gambar 1 menampilkan kodingan sql untuk memasukan data baru kedalam tabel pinjam dengan id_pinjam tertentu dimana id_didapat dari barisan id yang di jabarkan pada halaman list data peminjam. Lalu gambar 2 menampilkan kodingan untuk menampilkan menu form isi yang isiannya sudah di isi dari data yang di dapat dari barisan ayng dijabarkan pada halaman list data peminjam

Read

Pada kodingan dibawah adalah kodingan dalam file detail.php. Pada gambar 1 menampilkan kodingan sql untuk mencari record dengan id tertentu yang querynya dimasukan kedalam variable penampung. Lalu gambar 2 menampilkan kodingan untuk menampilkan menu form detail yang datanya sudah di isi dari data yang diambil dari variabel penampung tadi.

Delete

Pada kodingan dibawah adalah kodingan dalam file delete.php. Yang menampilkan kodingan sql untuk mencari menghapus data dengan id tertentu yang querynya dimasukan kedalam variable penampung.

Notifikasi

Script dibawah ini berguna untuk mengambil data dari database dan menampilkannya untuk petugas, dengan function load_unseen_notification menggunakan ajax untuk mengambil data dengan fetch.php, metode yang digunakan untuk menampilkan kelayar adalah POST dan untuk tampilannya digunakan data view type json.

Untuk fungsi ketika button notification pada bagian petugas ditekan, setelah ajax melakukan fetch, akan dilakukan pemasukan data seen, dengan disambungkan dengan addnew.php kemudian data seen akan masuk ke dalam database notifikasi dan data total seen akan bertambah 1.

Dalam database notifikasi ini terdapat 2 tabel yaitu, tabel admin dan tabel petugas, ketika petugas mengirimkan pesan notifikasi maka tabel admin dan tabel petugas akan diisi oleh pesan tersebut sehingga ketika dilakukan perintah dari fetch.php, perintah tersebut akan membaca siapa yang membuka notifikasi tersebut admin atau petugas, dan status readnya akan diupdate kedalam tabel yang bersangkutan.

Alur Pengiriman Notifikasi

1. Pesan dibuat oleh admin pada bagian notifikasi, setelah pesan dibuat, admin akan klik submit dan pesan akan masuk kedalam database notifikasi.
2. Pada bagian petugas, akan terlihat pada bagian tombol icon bumi dengan angka 1, terlihat bahwa ada pesan yang belum terbaca.
3. Ketika Petugas menekan tombol icon tersebut, maka akan terlihat pesan dan status di dalam database tersebut akan berubah.

Tampilan WEB

Tampilan Login

Tampilan Beranda Admin

Tampilan Tambah Data

Tampilan Data Peminjaman (Admin)

Tampilan Detail Pelanggan (Admin)

  Tampilan Update Data Peserta (Admin)

Tampilan Notifikasi (Admin)

Tampilan Kirim Pesan Notifikasi (Admin)

Tampilan Pop-Up Notifikasi

Tampilan Data Peminjaman (Petugas)