diff --git a/anleitung.html b/anleitung.html new file mode 100644 index 0000000..68a18bb --- /dev/null +++ b/anleitung.html @@ -0,0 +1,500 @@ + + + + + +BNI Vorstellungsrunde – Anleitung + + + + +
+
🌟
+

BNI Vorstellungsrunde

+
Benutzeranleitung für Chapter-Admins
+
Version 1.1 · April 2026
+
+ +
+

Inhalt

+
    +
  1. Tool starten
    2. +
  2. Erstmalige Aktivierung
    3. +
  3. Ansichten: Display & Steuerung
    4. +
  4. Meeting vorbereiten
    5. +
  5. Meeting durchführen
    6. +
  6. Vertreter eintragen
    7. +
  7. Besucher eintragen
    8. +
  8. Admin-Panel: Fotos & Stammvertreter
    9. +
  9. Offline-Nutzung
    10. +
+
+ +
+ + +
+
+
1
+

Tool starten

+
+ +
+
+

Den Ordner BNI Sonne im Finder öffnen.

+

Die Datei start.command doppelklicken — es öffnet sich kurz ein Terminal-Fenster, dann startet Chrome automatisch mit dem Tool.

+

Das Terminal-Fenster im Hintergrund lassen (nicht schließen, solange du das Tool nutzt).

+
+
+ +
+ Hinweis: Beim ersten Doppelklick erscheint eventuell eine Sicherheitswarnung von macOS. Dann: Rechtsklick auf start.command → „Öffnen" → „Öffnen" bestätigen. Ab dem zweiten Mal klappt der Doppelklick direkt. +
+ +
+
+
+
+
+ Terminal +
+
+

$ python3 -m http.server 8181

+

Serving HTTP on 0.0.0.0 port 8181 …

+
+
+
+ + +
+
+
2
+

Erstmalige Aktivierung

+
+ +
+ Dieser Schritt ist nur beim allerersten Start auf einem neuen Gerät oder Browser nötig. Danach öffnet das Tool direkt. +
+ +
+
+

Den Lizenzcode deines Chapters eingeben (erhältst du vom Administrator).

+

Auf „Aktivieren" klicken. Das Tool lädt einmalig die Chapter-Daten vom Server.

+

Nach erfolgreicher Aktivierung öffnet sich direkt die Steuerungsansicht.

+
+
+ +
+
+
+
+
+ http://localhost:8181 +
+
+
+

BNI Vorstellungsrunde

+

Bitte Chapter-Code eingeben

+
+ +
+
+
+
+ + +
+
+
3
+

Ansichten: Display & Steuerung

+
+ +
+

Das Tool läuft in zwei Fenstern gleichzeitig:

+
+
+
🖥 Display-Fenster
+
Wird auf dem Präsentationsmonitor / Beamer angezeigt. Zeigt das aktuelle Mitglied groß mit Timer.
+
+
+
🎛 Steuerungs-Fenster
+
Dein Laptop-Bildschirm. Hier steuerst du den Ablauf, trägst Vertreter ein und navigierst.
+
+
+
+ +
+ Beim Öffnen des Tools wird automatisch ein zweites Tab für das Display geöffnet. Ziehe dieses Tab auf den Beamer-Bildschirm und drücke F11 für Vollbild. +
+ +
+
+
+
+
+ Display-Ansicht (Beamer) +
+
+
+
JETZT SPRICHT
+
+ 45 +
+
Maria Mustermann
+
Muster GmbH · Steuerberatung
+
Nächster: Hans Müller
+
+
+
+
+ + +
+
+
4
+

Meeting vorbereiten

+
+ +
+

Vor dem Meeting: Abwesenheiten markieren

+
+

Im Steuerungs-Fenster: Tab „Mitglieder" öffnen.

+

Auf den Namen eines abwesenden Mitglieds klicken → kleines Menü öffnet sich.

+

„Abwesend" wählen — das Mitglied wird aus der Vorstellungsrunde ausgeblendet (roter Punkt).

+

Optional: Reihenfolge per Drag & Drop anpassen.

+
+
+ +
+
+
+
+
+ Steuerung – Mitgliederliste +
+
+
+
Mitglieder
+
Vertretungen
+
Besucher
+
+
+
+
AM
+
Anna Müller
Steuerberatung
+
anwesend
+
+
+
KS
+
Klaus Schmidt
IT-Systeme
+
abwesend
+
+
+
SL
+
Sandra Lang
Marketing
+
anwesend
+
+
+
+
+
+ + +
+
+
5
+

Meeting durchführen

+
+ +
+
+

Auf „Start" klicken — der Timer startet für das erste Mitglied.

+

Wenn die Zeit abgelaufen ist (Timer rot): „Weiter →" drücken für das nächste Mitglied.

+

Mit „← Zurück" kannst du jederzeit zum vorherigen Mitglied springen.

+

Timer lässt sich jederzeit mit „Pause / Fortsetzen" anhalten.

+

Am Ende erscheint eine Abschluss-Ansicht — mit „Neu starten" zurück zum Anfang.

+
+
+ +
+ Tipp: Die Tastenkombination → Pfeiltaste auf der Tastatur funktioniert als „Weiter" — praktisch für die Fernbedienung. +
+
+ + +
+
+
6
+

Vertreter eintragen

+
+ +
+

Wenn ein Mitglied einen Vertreter schickt, wird dieser in der Vorstellungsrunde an Stelle des Mitglieds angezeigt.

+
+

Tab „Vertretungen" öffnen.

+

Mitglied aus der Liste wählen, das vertreten wird.

+

Falls die Person bereits als Stammvertreter gespeichert ist: oben aus der Schnellauswahl wählen — alle Felder werden automatisch ausgefüllt.

+

Andernfalls: Name, Firma und Fachgebiet des Vertreters eingeben und ggf. ein Foto hochladen.

+

Auf „Speichern" klicken.

+
+
+ +
+
+
+
+
+ Steuerung – Vertretung eintragen +
+
+
+

Vertreter für Klaus Schmidt

+
STAMMVERTRETER WÄHLEN
+
+
MF
+
Max Fischer
Fischer GmbH · Versicherung
+
+
+
LB
+
Lisa Berger
Berger & Co · Marketing
+
+
ODER MANUELL EINGEBEN
+
Name des Vertreters …
+
Firma …
+
+
+
+
+ + +
+
+
7
+

Besucher eintragen

+
+ +
+
+

Tab „Besucher" öffnen.

+

Auf „+ Besucher hinzufügen" klicken.

+

Name und optional Firma eingeben und speichern.

+

Besucher erscheinen am Ende der Vorstellungsrunde nach allen Mitgliedern.

+
+
+ +
+ Tipp: Besucher werden nicht dauerhaft gespeichert — sie werden nach dem Meeting automatisch gelöscht, wenn die Runde zurückgesetzt wird. +
+
+ + +
+
+
8
+

Admin-Panel: Fotos & Stammvertreter

+
+ +
+ Das Admin-Panel öffnest du über http://localhost:8181/admin.html — am einfachsten über den Link im Steuerungs-Fenster unter dem Tab „Admin". +
+ +
+

Mitgliederfotos hinzufügen

+
+

Im Admin-Panel Tab „Mitglieder" öffnen.

+

Auf ein Mitglied mit „+ Foto" klicken.

+

Foto aus dem Finder wählen (JPG/PNG, beliebige Größe — wird automatisch verkleinert).

+

Auf „Speichern" klicken — das Foto ist jetzt lokal gespeichert.

+

Nach allen Fotos: „Auf Server hochladen" — dann haben alle Geräte die Fotos beim nächsten „Vom Server laden".

+
+
+ +
+
BNI Admin-Panel · BNI Chapter Sonne
+
+
Stammvertreter
+
Mitglieder
+
Einstellungen
+
+
+
+ Mitglieder +
+ 🔄 Vom Server laden + 📤 Auf Server hochladen +
+
+
+
AM
+
Anna Müller
Steuerberatung
+ ✓ Foto +
+
+
KS
+
Klaus Schmidt
IT-Systeme
+ + Foto +
+
+
SL
+
Sandra Lang
Marketing
+ ✓ Foto +
+
+
+ +
+

Stammvertreter anlegen

+

Stammvertreter sind Personen, die regelmäßig als Vertreter kommen. Einmal anlegen → bei jeder Vertretung schnell auswählen.

+
+

Tab „Stammvertreter" öffnen.

+

Auf „+ Hinzufügen" klicken.

+

Name, Firma, Fachgebiet und Foto eingeben.

+

Optional: „Aus anderem Chapter" — Mitglied aus einem anderen Chapter-Verzeichnis als Stammvertreter übernehmen.

+

Auf „Auf Server sichern" klicken, damit die Liste nicht verloren geht.

+
+
+
+ + +
+
+
9
+

Offline-Nutzung

+
+ +
+

Das Tool funktioniert vollständig ohne Internet, sobald es einmal online eingerichtet wurde.

+
+
+
✓ Funktioniert offline
+
    +
  • Meeting starten & steuern
    • +
  • Timer, Navigation
    • +
  • Abwesenheiten markieren
    • +
  • Vertreter & Besucher eintragen
    • +
  • Stammvertreter verwenden
    • +
+
+
+
✗ Braucht Internet
+
    +
  • Erstmalige Aktivierung
    • +
  • Mitglieder vom Server laden
    • +
  • Fotos auf Server hochladen
    • +
  • Stammvertreter sichern
    • +
+
+
+
+ +
+ Empfehlung: Vor jedem Meeting einmal kurz „Vom Server laden" klicken — so hast du immer die aktuellste Mitgliederliste & Fotos, auch wenn beim Meeting kein Internet verfügbar ist. +
+
+ + +
+ BNI Vorstellungsrunde · Interne Anleitung · Bei Fragen an den Administrator wenden +
+ +
+ +