Update Readme.md
This commit is contained in:
134
Readme.md
134
Readme.md
@@ -1,57 +1,68 @@
|
||||
1. Projektziel
|
||||
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.
|
||||
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ü:
|
||||
• Seitenmenü (Sidebar)
|
||||
• Klick auf Menü-Kategorien → Wechsel zwischen den Seiten
|
||||
o Medienliste
|
||||
o Meine Ausleihen
|
||||
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:
|
||||
• 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
|
||||
Da kein Backend verwendet wird, werden alle Daten im Browser mit LocalStorage gespeichert.
|
||||
Gespeichert werden:
|
||||
User
|
||||
• Benutzername
|
||||
• Passwort
|
||||
• Rolle (User / Admin)
|
||||
Medien
|
||||
• Titel
|
||||
• Autor
|
||||
• Genre
|
||||
• Gesamtanzahl der Exemplare
|
||||
• Verfügbare Exemplare
|
||||
• Status
|
||||
Ausleihen
|
||||
• Benutzername
|
||||
• Medientitel
|
||||
• Ausleihdatum
|
||||
• Rückgabedatum
|
||||
|
||||
# Bibliotheksverwaltungssystem
|
||||
|
||||
Ein webbasiertes Bibliotheksverwaltungssystem zur Verwaltung eines kleinen Medienbestands.
|
||||
Die Anwendung läuft vollständig im Webbrowser mit HTML, CSS und JavaScript.
|
||||
|
||||
---
|
||||
|
||||
## 1. Projektziel
|
||||
- Anzeige von Medien
|
||||
- Verwaltung von Ausleihen und Rückgaben
|
||||
- Übersicht über aktuelle und vergangene Ausleihen
|
||||
- Einfach zu bedienen, ohne Backend
|
||||
|
||||
---
|
||||
|
||||
## 2. Funktionen
|
||||
|
||||
### Authentifizierung
|
||||
- Login mit Benutzername und Passwort
|
||||
- Registrierung für neue Benutzer
|
||||
- Session bleibt bis zum Logout aktiv
|
||||
|
||||
### 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
|
||||

|
||||
|
||||
@@ -66,13 +77,12 @@ Ausleihen
|
||||
|
||||
### Meine Lieblingsbücher
|
||||

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