👤
Teilnehmer-Portal
teilnehmer.html · für alle registrierten Teilnehmer
🔐
1 · Konto & Login
  • Registrierung
    Neues Konto anlegen mit E-Mail-Adresse, Passwort (min. 8 Zeichen) und optionalem Geburtsjahr. Nach dem Absenden wird eine Bestätigungs-E-Mail gesendet – der enthaltene Link muss angeklickt werden, bevor der Login möglich ist (Double-Opt-In).
  • Login
    E-Mail und Passwort eingeben. Die Session wird im Browser gespeichert (kein erneuter Login beim nächsten Besuch nötig, solange der Browser-Cache nicht geleert wird).
  • Passwort vergessen
    Über den Link „Passwort vergessen" eine Reset-E-Mail anfordern. Der Reset-Link ist 2 Stunden gültig und führt zum Formular für ein neues Passwort.
  • Kurs-Anmeldung per QR-Code
    Kursleiter stellen einen QR-Code für die Einschreibung bereit. Nach dem Scannen oder Öffnen des Links wird der Teilnehmer automatisch dem Kurs zugeordnet – keine manuelle Eingabe nötig.
📅
2 · Meine Kurse
  • Kursübersicht
    Alle eingeschriebenen Kurse als Karten (Kursart, Wochentag, Uhrzeit, Kursleiter). Tipp auf eine Karte öffnet die Kursdetails mit allen unterrichteten Inhalten.
  • Kursinhalte ansehen
    Pro Kurs ist sichtbar, welche Figuren und Inhalte bisher behandelt wurden – geordnet nach Unterrichtsdatum. Direktlinks zu den jeweiligen Figurenseiten sind enthalten.
  • Abwesenheit eintragen
    Für jeden Kurstermin kann markiert werden „Ich war nicht dabei". Das System zeigt dann automatisch, was an diesem Termin unterrichtet wurde – so lässt sich verpasster Stoff gezielt nachholen.
  • Verpassten Stoff ansehen
    Aus der Abwesenheitsliste heraus kann jede Figur des verpassten Termins direkt aufgerufen werden, inklusive Schrittbeschreibung und Anmerkungen des Kursleiters.
  • QR-Code manuell eingeben
    Alternativ zum Kamera-Scan kann ein Einschreibelink manuell eingegeben werden (Schaltfläche „Link eingeben"). Nützlich wenn die Kamera nicht verfügbar ist.
📎 Den QR-Code zum Kurs bekommst du vom Kursleiter – am besten zu Semesterbeginn direkt scannen.
📖
3 · Figurenkatalog
  • Katalog durchsuchen
    Alle im System hinterlegten Tanzfiguren, gegliedert nach Tanzart (Standard, Latein, Discofox u. a.). Filter-Tabs und Live-Suche ermöglichen das schnelle Auffinden einer Figur.
  • Figurendetail
    Jede Figur enthält:
    • Schrittbeschreibung für Herr und Dame (tabellarisch: Nr., Takt, Bewegung, Position, Drehung)
    • Startposition und kurze Beschreibung
    • Technikhinweise und Stilanmerkungen
    • Vorläufer- und Nachfolge-Figuren (typische Verbindungen)
    • Lernmaterial-Links (Videos, Referenzen)
  • Abkürzungs-Tooltips
    Über 30 tänzerische Notationsabkürzungen (CBMP, PP, LOD, DW etc.) sind mit Erklärung hinterlegt – Hover über eine Abkürzung zeigt die Bedeutung.
  • Sprache DE / EN
    Die Anzeige kann zwischen Deutsch und Englisch umgeschaltet werden – Figurennamen und UI-Texte wechseln entsprechend.
📈
4 · Mein Fortschritt
  • Fortschritts-Checkliste
    Pro eingeschriebenem Kurs eine Checkliste aller bisher unterrichteten Figuren. Jede Figur kann als „gelernt", „teilweise gelernt" oder „noch nicht" markiert werden.
  • Abgleich mit Lehrplan
    Die App zeigt, welche Figuren im Kurs unterrichtet wurden, aber noch nicht als gelernt markiert sind – ein schneller Überblick über offene Lerninhalte.
  • Badges & Errungenschaften
    Beim Abschließen von Lernmeilensteinen (z. B. bestimmte Figurenanzahl, regelmäßige Teilnahme) werden Abzeichen vergeben und im Fortschritts-Bereich angezeigt.
💡
5 · Wissen & Tanzlexikon
  • Wissensbibliothek
    Artikel zu Tanztechnik, Wettkampf, Fitness und Ernährung stehen nach Kategorie gefiltert zur Verfügung. Kategorien: Technik Latin · Technik Standard · Wettkampf · Fitness · Ernährung · Musik.
  • Artikel lesen
    Artikel enthalten formatierten Text (Abschnitte, Aufzählungen) und ggf. Tanzart-Bezug. Ein Zurück-Button führt zur Bibliotheksübersicht.
  • Tanzlexikon
    Fachbegriffe alphabetisch (A–Z-Filter) oder per Live-Suche auffindbar. Jeder Eintrag enthält Begriff, Kategorie, Definition und optionale Synonyme.
💃
6 · Tanzpartnerbörse
  • Profil anlegen / bearbeiten
    Pseudonym (öffentlich, max. 40 Zeichen), Tanzstil (Standard | Latein | Beides), Niveau und Suchpräferenz (Herr | Dame | Egal) hinterlegen. Optionale Kurzbeschreibung (max. 200 Zeichen). Profil kann jederzeit aus der Suche ausgeblendet werden.
  • Partnersuche
    Filterkombination aus Tanzstil, Niveau und Geschlecht einstellbar. Ergebnisse zeigen Pseudonym, Stil, Niveau und Suchpräferenz – keine echten Namen.
  • Nachricht senden
    Kontaktaufnahme ausschließlich über das interne Nachrichtensystem (max. 500 Zeichen). E-Mail-Adressen bleiben verborgen. Limit: 3 Nachrichten pro Person pro Tag.
  • Posteingang
    Eingegangene Nachrichten mit Absender-Pseudonym, Zeitstempel und Inhalt. Ungelesene Nachrichten durch Punkt (●) markiert; werden beim Öffnen automatisch als gelesen markiert.
🔒 Ausschließlich Pseudonyme, keine Klarnamen – datensparend nach DSGVO.
🎟
7 · Ball & Tickets
  • Bälle ansehen
    Alle aktiven Balltermine mit Titel, Datum, Einlass-/Beginnzeit und Auslastungsbalken (freie Plätze). Ausgebuchte Bälle werden entsprechend angezeigt.
  • Ticket reservieren
    Im Reservierungs-Modal:
    • Kursauswahl – über welchen Kurs die Zahlung erfolgt (1 Kurs: automatisch vorausgewählt, mehrere: Chips zur Auswahl)
    • Anzahl Karten – 1 bis 4 Karten (±-Buttons), Gesamtpreis live berechnet
    • Buffetbeitrag – pro 1–2 Karten ein Beitrag Pflicht: Herzhaft 🥙 / Dessert 🍰 / Salat 🥗, mit optionalem Freitextfeld
    • Zahlung erfolgt bar beim nächsten Kurstermin beim Kursleiter
  • Als Helfer anmelden
    Alternative zum Ticket: als Helfer für Aufbau, Einlass oder Abbau eintragen. Keine Kosten, kein Buffetbeitrag. Wahl: Einzeln oder Als Paar (👫).
  • Meine Anmeldungen
    Alle eigenen Tickets mit Status: Reserviert (Countdown bis Ablauf in 7 Tagen) | Bezahlt | Eingecheckt. QR-Code pro Ticket für den Einlass. Stornierung per Klick möglich.
⏰ Reservierungen verfallen nach 7 Tagen ohne Bezahlung – bitte zeitnah beim Kursleiter bezahlen.
🎓
Kursleiter-Portal
index.html · Login mit Kursleiter-Passwort oder persönlichem Konto
🔐
1 · Login
  • Master-Passwort-Login
    Ein gemeinsames Passwort für alle Kursleiter ermöglicht sofortigen Zugang. Kein persönliches Konto nötig.
  • Persönlicher Account-Login
    Benutzername + Passwort für das eigene Konto. Ermöglicht personalisierte Benachrichtigungen und Kalender-Abonnement. E-Mail-Verifikation erforderlich.
  • Konto registrieren
    Namen aus der Instruktoren-Liste wählen, E-Mail und Passwort vergeben. Nach E-Mail-Verifikation ist der Login aktiv.
  • Passwort zurücksetzen
    Per E-Mail-Link (2 Stunden gültig) ein neues Passwort setzen.
📋
2 · Kursplanung
  • Kursübersicht
    Rasteransicht aller Kurse des aktiven Semesters. Filter nach Wochentag (Mo–So, Alle) und Suche nach Kursart oder Kursleiter. Kursanzahl wird als Chip angezeigt.
  • Kurs anlegen (FAB ➕)
    Pflichtfelder: Kursart, Semesterart, Wochentag, Uhrzeit (19:00–20:30), Zeitraum (20.04.–17.07.), Ort, Kursleiter. Optional: Vorlage, Status, Bemerkung, Vertretungsinfo.
  • Kurs bearbeiten
    Klick auf Kurskarte → Stift-Icon → Bearbeitungsmodus. Änderungen sofort gespeichert. Hinweis: Nach dem Bearbeitungsstichtag des Semesters nur noch Admins berechtigt.
  • Kurs löschen
    Nach Bestätigung des Dialogs dauerhaft löschen. Nicht rückgängig zu machen.
  • QR-Code für Teilnehmer
    Jeder Kurs hat einen Einschreibungs-QR-Code (in der Kursdetailansicht). Als PNG speichern oder direkt teilen.
  • Vergangene Semester
    Alle archivierten Semester als Nur-Lese-Ansicht über das Seitenmenü zugänglich.
🔄
3 · Vertretungsbedarf
  • Vertretungsbedarf anmelden
    Kurs auf Status „Vertretung" setzen → erscheint automatisch in der Vertretungsliste für alle Kursleiter sichtbar (Kurs, Datum, Uhrzeit, Ort).
  • Vertretung eintragen
    „Eintragen"-Button → Namen hinterlegen (Autovervollständigung aus der Instruktorenliste).
  • E-Mail-Benachrichtigung
    Kursleiter mit aktivierter Option erhalten bei neuem Vertretungsbedarf automatisch eine E-Mail (Einstellungen im Konto-Dialog).
🕺
4 · Figurenkatalog & Kursprogramm
  • Figuren durchsuchen
    Vollständige Figurendatenbank nach Tanzstil (Standard, Latein, Discofox) gegliedert. Live-Suche nach Figurname. Status-Indikatoren: ✓ Gelernt / ◐ Teilweise / ○ Nicht im Lehrplan.
  • Figur bearbeiten
    Name, Tanzart, Niveau, Startposition, Kurzbeschreibung, Technikhinweis und Lernmaterial-Links editieren.
  • Figur zum Lehrplan hinzufügen
    „In Programm" aktivieren → Figur erscheint in den Kursinhalten für Teilnehmer.
  • Neue Figur vorschlagen
    FAB-Button → Vorschlags-Formular (Tanzart, Kursart, Niveau, Name). Vorschlag geht zur Admin-Abstimmung.
  • Offene Vorschläge abstimmen
    Liste ausstehender Figurvorschläge mit Zustimmen / Ablehnen-Buttons.
  • Lehrplan-Archiv
    Kursprogramme vergangener Semester im Archiv (Nur-Lese-Zugriff).
📚
5 · Wissensbibliothek & Tanzlexikon
  • Artikel anlegen / bearbeiten / löschen
    Kategorie, optionale Tanzart, Titel, Untertitel, Inhalt (Markdown), Sortierreihenfolge. Änderungen sofort für Teilnehmer sichtbar.
  • Lexikon-Eintrag anlegen / bearbeiten / löschen
    Begriff, Kategorie (Allgemein | Latin | Standard | Musik | Wettkampf), Definition und Synonyme (kommasepariert).
🏢
6 · Raumbelegung
  • Raumbelegungsplan
    Übersicht aller Kurse, gruppiert nach Raum/Ort. Zeitüberschneidungen werden farblich hervorgehoben.
  • Raumsperren einsehen
    Von Admins gepflegte Wartungstage oder gesperrte Zeiträume pro Raum sind eingeblendet.
🎉
7 · Ball-Verwaltung

Tab-Navigation: Termine · Tickets · Einlass · Helfer · Statistik · Abrechnung · Aufgaben

  • Termine – Ball anlegen / bearbeiten
    Titel, Beschreibung, Datum, Einlass-/Beginn-/Endzeit, Kapazität (0 = unbegrenzt), Ticketpreis, max. Helferslots, Aktiv-Schalter (inaktive Bälle unsichtbar im Teilnehmerportal).
  • Tickets – Übersicht & Verwaltung
    Ball per Dropdown wählen. Ticket-Liste mit Name, E-Mail, Kartenanzahl, Buffetauswahl und Status.
    • Kurs des Teilnehmers sichtbar (📅 Tag Uhrzeit · Kursleiter) → wer bezahlt wann
    • Bezahlt: Ticket als bezahlt markieren → automatische Bestätigungs-E-Mail an Teilnehmer
    • Check-in: Ticket direkt einchecken
    • Stornieren: nach Bestätigung stornieren
    • Buffet-Übersicht: Balkendiagramm Herzhaft / Dessert / Salat
  • Einlass – Check-in am Ball-Abend
    • QR-Scanner (Massen-Scanner): Kamera öffnet sich, Codes werden automatisch erkannt und sofort eingecheckt
    • Manuelle Token-Eingabe: Token aus dem QR-Code manuell eingeben
    • Namensuche: Teilnehmer nach Name / E-Mail suchen und einchecken
  • Helfer – Anmeldungen verwalten
    Liste aller Helfer (Name, Solo/Paar, Anmeldedatum). Status erschienen / nicht erschienen setzen.
  • Statistik
    Kennzahlen auf einen Blick: Tickets reserviert / bezahlt, freie Kapazität, Belegungsprozent, Helfer-Slots, erwartete und tatsächliche Einnahmen, Buffet-Aufschlüsselung.
  • Abrechnung
    • Startguthaben: Kontostand vor dem Ball (manuell eingeben)
    • Einnahmen: bezahlte Karten × Preis + Abendkasse-Einträge
    • Ausgaben: nach Kategorien (Festkosten · Getränke · Show/Geschenke · Buffetaufstockung · Druck · Deko · Sonstiges)
    • Ergebnis: Startguthaben + Einnahmen − Ausgaben = Kontostand (grün/rot)
    • Notizen / Erfahrungswerte für künftige Balls
  • Aufgaben
    • Aufgabe anlegen: Titel, Info/Budget, Zuständige Personen (Mehrfachauswahl)
    • Status: offen ↔ erledigt (mit Zeitstempel)
    • Mir zuweisen: eigene Aufgabe mit einem Klick übernehmen
    • Zuweisung entfernen: × neben dem Namen
    • Standard-Aufgaben einfügen: 21 vordefinierte Ball-Aufgaben auf Knopfdruck anlegen
⚙️
8 · Konto & Benachrichtigungen
  • E-Mail-Benachrichtigungen
    Hamburger-Menü → Konto: E-Mail-Adresse hinterlegen, Optionen aktivieren:
    ☑ Bei neuem Kurs   ☑ Bei Vertretungsbedarf. Leer lassen = keine Benachrichtigungen.
  • Rundmail versenden
    Hamburger-Menü → E-Mail & Rundmail: Empfänger (kommasepariert oder leer für alle Kursleiter), Betreff und Nachrichtentext eingeben und versenden.
  • Passwort ändern
    Im Konto-Tab ein neues persönliches Passwort vergeben (min. 8 Zeichen).
  • Design hell / dunkel
    Hamburger-Menü → Dunkel-Modus – Einstellung wird im Browser gespeichert.
📆
9 · Kalender-Export (iCal)
  • Meine Kurse abonnieren
    Persönlicher iCal-Link mit nur den eigenen Kursen. Als Abonnement in Google / Apple / Outlook eintragen – Updates werden automatisch synchronisiert.
  • Alle Kurse abonnieren
    iCal-Link für alle Kurse des aktiven Semesters – nützlich für Überblick oder Raumplanung.
  • Einmalig herunterladen (.ics)
    Direktdownload als statischer Snapshot ohne Abonnement.
📋 Google Kalender: Andere Kalender → Per URL hinzufügen → Link einfügen.
Apple Kalender: Ablage → Neues Kalenderabonnement.
🔑
Admin-Portal
index.html · nur mit Admin-Rolle · alle Verwaltungsfunktionen
🔐
1 · Zugang & Rollen
  • Admin-Zugang
    Selber Login-Dialog wie Kursleiter – entweder per Master-Admin-Passwort oder mit einem persönlichen Konto mit Admin-Rolle. Sobald erkannt, erscheinen zusätzliche Admin-Tabs und Aktionen.
  • Rollenmodell
    Ein Benutzer kann mehrere Rollen gleichzeitig besitzen: Teilnehmer Kursleiter Admin. Die höchste Rolle bestimmt den Zugang.
📋
2 · Kursverwaltung
  • Alle Kurse aller Semester
    Admins sehen Kurse aller Semester (aktiv und archiviert). Filter nach Semesterart und Kursart, tabellarische Darstellung.
  • Anlegen / Bearbeiten / Löschen
    Gleiche Felder wie Kursleiter, jedoch ohne Beschränkung durch den Bearbeitungsstichtag – jederzeit editierbar.
  • Kurs duplizieren
    Kurs als Vorlage kopieren – alle Felder werden übernommen, Datum / Zeitraum kann angepasst werden.
🗂️
3 · Stammdaten
  • Kursarten verwalten
    Neue Kursart anlegen, bestehende löschen. Kursarten erscheinen als Auswahlmöglichkeit beim Kurs erstellen.
  • Kursvorlagen verwalten
    Vorlagen für häufig wiederkehrende Kurse (Kursart, Wochentag, Uhrzeit, Ort, Kursleiter). Werden beim Erstellen eines neuen Kurses als Ausfüllhilfe angeboten.
🏢
4 · Raumverwaltung
  • Räume anlegen / bearbeiten
    Kürzel (z. B. „FFH") und Langname (z. B. „Fine Frau Halle"). Beides erscheint als Ort-Auswahl im Kurs-Formular.
  • Raumsperren eintragen
    Gesperrte Zeiträume (Von–Bis) pro Raum hinterlegen – z. B. Renovierung oder Feste. Sperren sind für alle Kursleiter in der Raumbelegungsansicht sichtbar.
  • Raum löschen
    Nach Bestätigung dauerhaft entfernen.
🗓️
5 · Semester-Konfiguration
  • Semester anlegen / bearbeiten
    Name, Typ (Sommer-/Wintersemester), Startdatum, Enddatum und Bearbeitungsstichtag pflegen. Nach dem Stichtag können nur noch Admins Kurse editieren.
  • Aktives Semester
    Das System ermittelt das aktive Semester automatisch aus Start- / Enddatum. Kann auch manuell gesetzt werden.
  • Feiertage einbinden
    iCal-URL mit Feiertagen hinterlegen (z. B. des Bundeslandes). Das System importiert die Termine für die Kursplanung.
  • Kursart-Limits
    Pro Semester und Kursart ein Maximalwert setzen (z. B. max. 3 Anfängerkurse). Das System verhindert das Anlegen weiterer Kurse darüber.
👥
6 · Benutzerverwaltung
  • Benutzerübersicht
    Tabelle: Name, Benutzername, E-Mail, Rollen, E-Mail-Verifizierungsstatus, Erstellungsdatum.
  • Rollen zuweisen
    Im Bearbeiten-Dialog beliebig viele Rollen zuweisen: Teilnehmer Kursleiter Admin – mehrere gleichzeitig möglich.
  • Passwort zurücksetzen
    Neues Passwort für jeden Benutzer setzen (min. 8 Zeichen) – sofort wirksam.
  • Benutzer löschen
    Nach Bestätigung dauerhaft entfernen. Alle Daten (Rollen, Einstellungen) werden gelöscht.
⚠️ Das Löschen eines Benutzerkontos ist nicht rückgängig zu machen.
✉️
7 · E-Mail-Vorlagen
  • Vorlagen bearbeiten
    Betreff und Text für zwei automatische E-Mails anpassen:
    • Vertretungsbedarf – automatisch bei Kurs-Status „Vertretung"
    • Neuer Kurs – automatisch beim Anlegen eines neuen Kurses
  • Platzhalter
    Im Vorlagentext einsetzbar:
  • {{KURSNAME}}
  • {{KURSLEITER}}
  • {{ORT}}
  • {{DATUM}}
  • {{APP_URL}}
  • App-URL konfigurieren
    Globale App-URL (wird als {{APP_URL}} in alle Vorlagen eingefügt) – einmal setzen, alle E-Mails verlinken korrekt.