Biblioteca Mea este o aplicație web pentru administrarea și organizarea unei biblioteci. Ea permite utilizatorilor să exploreze catalogul de cărți, să salveze cărțile preferate și să realizeze un împrumut online.
- Fișierul
model_db.sql
trebuie importat în baza de date (fie MySQL, fie MariaDB). - Datele de conectare la baza de date trebuie amplasate într-un fișier numit
env.php
după acest model:
<?php
$db_user = "User_Baza_De_Date";
$db_passwd = "Parola_Contului";
$db_name = "Nume_Baza_De_Date";
?>
Tot stilul CSS pentru site a fost realizat de la zero pentru a crea un stil vizual unic. Este utilizat fontul Segoe UI Variable și iconițele Fluent Design create de Microsoft pentru a oferi aplicației un design modern, simplu și aerisit.
Pagina principală când utilizatorul nu este autentificat
Pagina este formată din mai multe secțiuni:
- Header-ul conține o casetă de căutare a cărților în bibliotecă.
- Sidebar-ul conține o listă cu categoriile de cărți
- Conținutul paginii
Header-ul are un design responsive, intuitiv și pentru ecrane mari și pentru ecrane mici. Pe ecrane de lățime mică, caseta de căutare se ascunde automat, iar în schimbul ei apare un buton cu o iconiță de căutare descriptivă.
La apăsarea butonului de căutare, caseta de căutare înlocuiește conținutul navbar-ului temporar.
Butonul X poate fi apăsat pentru a ascunde modul de căutare și a reveni la navbar-ul normal.
Sidebar-ul este vizibil permanent pe ecrane de lățime suficient de mare pentru a afișa conținutul paginii în lățimea completă și cu destul spațiu rămas pentru sidebar.
Pe ecrane de lățime mică acesta se ascunde automat, iar un buton pentru deschiderea acestuia apare în stânga siglei "Biblioteca Mea".
Apariția și dispariția acestui sidebar este animată folosind CSS, iar conținutul paginii este acoperit de un container estompat. La apăsarea spațiului estompat sidebar-ul este închis automat.
Conținutul se adaptează lățimii pentru a preveni apariția scroll-ului orizontal și pentru a facilita utilizarea aplicației pentru dispozitive mobile.
Pagina principală pe un dispozitiv mobil
Lista de cărți pe un dispozitiv desktop
Lista de cărți pe un dispozitiv mobil
Pagina unei cărți
Când utilizatorul nu este autentificat, butonul din dreapta de pe navbar afișează mesajul "Autentifică-te". La apăsarea acestuia utilizatorul este redirecționat către pagina de autentificare.
Dacă persoana care accesează această pagină nu deține un cont, ea poate să își creeze un cont nou folosind pagina de înregistrare accesibilă prin butonul "Nu ai cont?".
Când utilizatorul este autentificat, el are acces la pagina de cont:
Utilizatorul poate modifica diferite setări ale contului:
Opțiuni relevante doar pentru utilizatorii autentificați apar în sidebar:
Utilizatorul poate salva cărți pe care ar dori să le împrumute în viitor într-o listă de cărți salvate printr-un buton ce apare lângă carte fie în listă, fie în pagina cărții.
Utilizatorul poate iniția un împrumut prin apăsarea butonului "Împrumută", atașat fiecărei cărți în listă sau în pagina cărții.
După ce utilizatorul specifică data în care dorește ca împrumutul să înceapă și în care să se termine el este direcționat către pagina contului, unde este vizibilă o listă cu împrumuturile active.
După ce un împrumut este marcat de administrator ca finalizat sau anulat, acesta este mutat în pagina de cărți citite.
Un cont cu drepturi de administrator are acces la funcții pentru administrarea cărților din baza de date și a împrumuturilor.
Opțiuni extra în sidebar
Administrare împrumuturilor active
Adăugarea unei cărți
Opțiuni administrative pe pagina cărții
Modificarea unei cărți
Ștergerea unei cărți