dhondoi / PHP-Aplikasi-Admin-Perpustakaan

Implementasi dari hasil program pelatihan Digital Talent skema Vocational School Graduated Academy

Aplikasi Admin Perpustakaan Berbasis Web

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

1. Download
2. Referensi
3. Kebutuhan
4. Panduan Penggunaan Aplikasi
5. Catatan Pengembangan Aplikasi
6. My Social Links

Download

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

Referensi

Aplikasi ini dibuat dari beberapa referensi.

• Tampilan Modal (atau biasa saya sebut pop-up)
• Tampilan Halaman Login
• Tampilan Halaman Admin
• Bootstrap
• jQuery
• StackOverflow
• W3S

Kebutuhan

Aplikasi ini membutuhkan XAMPP untuk menjalankan Apache sebagai server lokal dan MySQL sebagai manajemen Database

Panduan Penggunaan Aplikasi

Berikut adalah tahapan dalam menggunakan aplikasi ini.

1. 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

2. Download XAMPP dan instal.
3. Simpan folder admin ke folder XAMPP server. contoh : C:\xampp\htcdocs\admin.
4. Aktifkan Apache dan MySQL dangan cara klik tombol start pada aplikasi XAMPP Control Panel.
5. Jalankan Browser dan masukkan alamat http://localhost/phpmyadmin/, behasil masuk jika halaman phpMyAdmin muncul dan disini sisi untuk menegelola database.
6. Buat database baru dengan nama dbperpus2.
7. Masuk ke database dbperpus2 lalu pilih menu import dan masukkan file dbperpus2 (database\dbperpus2.sql) lalu Go.
8. Masukkan alamat http://localhost/admin, selamat anda sudah menjalankan aplikasi. Halaman awal seharusnya tampilan login atau menu utama (jika sudah login).
9. Coba Masukkan username admin dan password admin jika berhasil login, database terhubung.

Catatan Pengembangan Aplikasi

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).