Aplikasi ini digunakan untuk para admin yang mengelola data-data yang terkait dengan perpustakaan seperti mengelola data anggota,buku, dan transaksi peminjaman dan pengembalian buku. Mulai pekerjaan pada tanggal 31 Oktober 2021 dan berakhir pada 05 November 2021
DAFTAR MENU
- Download
- Referensi
- Kebutuhan
- Panduan Penggunaan Aplikasi
- Catatan Pengembangan Aplikasi
- My Social Links
Silahkan jika berminat, ada beberapa opsi.
- Download via Git
https://github.com/dhondoi/Aplikasi-Perpustakaan-Berbasis-Web.git
- Download via Github Desktop>code>Open With Github Desktop
https://github.com/dhondoi/Aplikasi-Perpustakaan-Berbasis-Web
- Download ZIP
https://github.com/dhondoi/Aplikasi-Perpustakaan-Berbasis-Web/archive/refs/heads/main.zip
Aplikasi ini dibuat dari beberapa referensi.
- Tampilan Modal (atau biasa saya sebut pop-up)
- Tampilan Halaman Login
- Tampilan Halaman Admin
- Bootstrap
- jQuery
- StackOverflow
- W3S
Aplikasi ini membutuhkan XAMPP untuk menjalankan Apache sebagai server lokal dan MySQL sebagai manajemen Database
Berikut adalah tahapan dalam menggunakan aplikasi ini.
- Download Project yang berisi file berikut.
D:.
| .gitattributes
| README.md
|
+---admin <------------------------------------- Folder Utama
| | api.php
| | index.php
| | login.php
| | logout.php
| |
| +---assets
| | +---css
| | | all.min.css
| | | bootstrap.css
| | | coming-sssoon-demo.css
| | | coming-sssoon.css
| | | dataTables.bootstrap4.min.css
| | | login.css
| | | sb-admin-2.min.css
| | |
| | +---font
| | | fa-brands-400.eot
| | | fa-brands-400.svg
| | | fa-brands-400.ttf
| | | fa-brands-400.woff
| | | fa-brands-400.woff2
| | | fa-regular-400.eot
| | | fa-regular-400.svg
| | | fa-regular-400.ttf
| | | fa-regular-400.woff
| | | fa-regular-400.woff2
| | | fa-solid-900.eot
| | | fa-solid-900.svg
| | | fa-solid-900.ttf
| | | fa-solid-900.woff
| | | fa-solid-900.woff2
| | |
| | +---img
| | | | about.jpg
| | | | anggota.jpg
| | | | bootstrap.png
| | | | jquery.jpg
| | | | loading.gif
| | | | logo.png
| | | | stackoverflow.png
| | | | undraw_posting_photo.svg
| | | | undraw_profile.svg
| | | | undraw_rocket.svg
| | | | vid.mp4
| | | | w3school.png
| | | |
| | | \---anggota
| | | PRW171.jpg
| | | PRW172.jpg
| | | PRW173.jpg
| | | PRW174.jpg
| | | PRW1744.jpg
| | | PRW175.jpg
| | | PRW176.jpg
| | | PRW1763.jpg
| | | PRW1765.jpg
| | | PRW1777.jpg
| | | PRW1799.jpg
| | |
| | \---js
| | anggota.js
| | beranda.js
| | bootstrap.bundle.min.js
| | bootstrap.bundle.min.js.map
| | bootstrap.min.js
| | buku.js
| | dataTables.bootstrap4.min.js
| | jquery-1.10.2.js
| | jquery.dataTables.min.js
| | jquery.easing.min.js
| | jquery.min.js
| | jquery.min.map
| | login.js
| | print-anggota.js
| | print-buku.js
| | print-transaksi.js
| | sb-admin-2.min.js
| | transaksi.js
| |
| \---content
| anggota.php
| bantuan.php
| beranda.php
| buku.php
| print-anggota.php
| print-buku.php
| print-transaksi.php
| tentang.php
| transaksi.php
|
\---database <------------------------------------- Folder Database
dbperpus2.sql
- Download XAMPP dan instal.
- Simpan folder admin ke folder XAMPP server. contoh :
C:\xampp\htcdocs\admin. - Aktifkan Apache dan MySQL dangan cara klik tombol
startpada aplikasi XAMPP Control Panel. - Jalankan Browser dan masukkan alamat
http:https://localhost/phpmyadmin/, behasil masuk jika halaman phpMyAdmin muncul dan disini sisi untuk menegelola database. - Buat database baru dengan nama dbperpus2.
- Masuk ke database
dbperpus2lalu pilih menuimportdan masukkan file dbperpus2(database\dbperpus2.sql)laluGo. - Masukkan alamat
http:https://localhost/admin, selamat anda sudah menjalankan aplikasi. Halaman awal seharusnya tampilan login atau menu utama (jika sudah login). - Coba Masukkan username
admindan passwordadminjika berhasil login, database terhubung.
Sebagai catatan saya yang nantinya mungkin nanti akan dikembangkan
- ID anggota, buku, dan transaksi belum otomatis
- Besar ukuran file foto belum dibatasi
- Buku belum ada data foto
- Database belum normal :
- belum ditentukan batasan anggota meminjam
- belum ditentukan (satu kode dengan judul sama punya jumlah. ex : "NOV1-Aku-4") atau (banyak kode dengan judul sama. ex : "NOV1-Aku","NOV2-Aku")
- Masih belajar konsep dari javascript, sehingga program terjadi :
- terjadi error menampilkan halaman, padahal script tidak error (walaupun ada solusi yang tidak tahu benar atau tidak seperti : tekan ctrl+shift+del > clear cahche).
- penggunaan jQuery.post() masih belum rapih (belum belajar callback (kalau di java listener)).
- Buat halaman untuk anggotanya dong, hehe.
- Belum ada penambahan cetak untuk setiap transaksi (bukti transaksi).
- Baru segini(nanti lanjut dari sini).