Update Readme.md
This commit is contained in:
118
Readme.md
118
Readme.md
@@ -1,57 +1,68 @@
|
|||||||
1. Projektziel
|
# Bibliotheksverwaltungssystem
|
||||||
|
|
||||||
Ein webbasiertes Bibliotheksverwaltungssystem zur Verwaltung eines kleinen Medienbestands.
|
Ein webbasiertes Bibliotheksverwaltungssystem zur Verwaltung eines kleinen Medienbestands.
|
||||||
Die Anwendung wird vollständig mit HTML, CSS und JavaScript umgesetzt und läuft direkt im Webbrowser.
|
Die Anwendung läuft vollständig im Webbrowser mit HTML, CSS und JavaScript.
|
||||||
Ziel ist es, Medien anzuzeigen, das Ausleihen und Zurückgeben zu verwalten sowie eine einfache Übersicht über aktuelle und vergangene Ausleihen bereitzustellen.
|
|
||||||
|
|
||||||
2. Funktionen
|
---
|
||||||
MUSS-Kriterien
|
|
||||||
Authentifizierung:
|
|
||||||
• Login mit Benutzername und Passwort
|
|
||||||
• Registrierung für neue Benutzer
|
|
||||||
• Einfache Browser-Session (Benutzer bleibt bis zum Logout eingeloggt)
|
|
||||||
|
|
||||||
Menü:
|
## 1. Projektziel
|
||||||
• Seitenmenü (Sidebar)
|
- Anzeige von Medien
|
||||||
• Klick auf Menü-Kategorien → Wechsel zwischen den Seiten
|
- Verwaltung von Ausleihen und Rückgaben
|
||||||
o Medienliste
|
- Übersicht über aktuelle und vergangene Ausleihen
|
||||||
o Meine Ausleihen
|
- Einfach zu bedienen, ohne Backend
|
||||||
o Medium hinzufügen (Admin)
|
|
||||||
o Logout
|
|
||||||
|
|
||||||
Ausleihe:
|
---
|
||||||
• Medium ausleihen
|
|
||||||
• Medium zurückgeben
|
|
||||||
• Automatische Berechnung des Rückgabedatums (z. B. 14 Tage)
|
|
||||||
• Historie der ausgeliehenen und zurückgegebenen Medien
|
|
||||||
|
|
||||||
Bücher durchsuchen:
|
## 2. Funktionen
|
||||||
• Anzeige aller Bücher in einer Liste
|
|
||||||
• Suche nach Genre
|
|
||||||
• Suche nach Verfügbarkeit (verfügbar / ausgeliehen)
|
|
||||||
• Anzeige, wie viele Exemplare noch verfügbar sind
|
|
||||||
|
|
||||||
3. Datenspeicherung
|
### Authentifizierung
|
||||||
Da kein Backend verwendet wird, werden alle Daten im Browser mit LocalStorage gespeichert.
|
- Login mit Benutzername und Passwort
|
||||||
Gespeichert werden:
|
- Registrierung für neue Benutzer
|
||||||
User
|
- Session bleibt bis zum Logout aktiv
|
||||||
• Benutzername
|
|
||||||
• Passwort
|
|
||||||
• Rolle (User / Admin)
|
|
||||||
Medien
|
|
||||||
• Titel
|
|
||||||
• Autor
|
|
||||||
• Genre
|
|
||||||
• Gesamtanzahl der Exemplare
|
|
||||||
• Verfügbare Exemplare
|
|
||||||
• Status
|
|
||||||
Ausleihen
|
|
||||||
• Benutzername
|
|
||||||
• Medientitel
|
|
||||||
• Ausleihdatum
|
|
||||||
• Rückgabedatum
|
|
||||||
|
|
||||||
|
### Menü
|
||||||
|
- Seitenmenü (Sidebar)
|
||||||
|
- Navigation zu:
|
||||||
|
- Medienliste
|
||||||
|
- Meine Ausleihen
|
||||||
|
- Medium hinzufügen (Admin)
|
||||||
|
- Logout
|
||||||
|
|
||||||
|
### Ausleihe
|
||||||
|
- Medium ausleihen und zurückgeben
|
||||||
|
- Automatische Berechnung des Rückgabedatums (z. B. 14 Tage)
|
||||||
|
- Historie der Ausleihen und Rückgaben
|
||||||
|
|
||||||
|
### Bücher durchsuchen
|
||||||
|
- Anzeige aller Bücher in einer Liste
|
||||||
|
- Suche nach Genre
|
||||||
|
- Suche nach Verfügbarkeit (verfügbar / ausgeliehen)
|
||||||
|
- Anzeige der verfügbaren Exemplare
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 3. Datenspeicherung
|
||||||
|
- Alle Daten werden im Browser **LocalStorage** gespeichert
|
||||||
|
|
||||||
|
**User**
|
||||||
|
- Benutzername
|
||||||
|
- Passwort
|
||||||
|
- Rolle (User / Admin)
|
||||||
|
|
||||||
|
**Medien**
|
||||||
|
- Titel, Autor, Genre
|
||||||
|
- Gesamtanzahl & verfügbare Exemplare
|
||||||
|
- Status
|
||||||
|
|
||||||
|
**Ausleihen**
|
||||||
|
- Benutzername
|
||||||
|
- Medientitel
|
||||||
|
- Ausleih- und Rückgabedatum
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 4. Screenshots / Views
|
||||||
|
|
||||||
4. Views
|
|
||||||
### Login
|
### Login
|
||||||

|

|
||||||
|
|
||||||
@@ -67,12 +78,11 @@ Ausleihen
|
|||||||
### Meine Lieblingsbücher
|
### Meine Lieblingsbücher
|
||||||

|

|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
5. Technische Details
|
## 5. Technische Details
|
||||||
• HTML für die Struktur
|
- **HTML** für Struktur
|
||||||
• CSS für Layout und Design
|
- **CSS** für Layout & Design
|
||||||
• JavaScript für Logik und Datenverarbeitung
|
- **JavaScript** für Logik & Datenverarbeitung
|
||||||
• LocalStorage zur Datenspeicherung
|
- **LocalStorage** für Datenspeicherung
|
||||||
• Kein Backend
|
- Kein Backend, keine externen Frameworks
|
||||||
• Keine externen Frameworks
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user