Einstellungen ändern und das Whiteboard anpassen

Draw.Chat ermöglicht es, das Aussehen und die Funktionalität des Whiteboards anzupassen und es anschließend auf jeder beliebigen Website oder in einer externen Anwendung einzubetten.

Du kannst ein zuvor gespeichertes Whiteboard laden, dessen Seiten und Einstellungen ändern und es anschließend ausgewählten Nutzern bereitstellen.

Das Draw.Chat-Whiteboard kannst du in einer E-Learning-Plattform, in einem LMS oder in einer anderen Anwendung einbetten, mithilfe der API.

Einbetten des Whiteboards auf einer Seite (iframe)

Um das Whiteboard in einem Blog, auf einer Website oder in einer Anwendung einzubinden, führe die folgenden Schritte aus:

• Gehe zur Seite Konfigurator.
• Konfiguriere das Whiteboard, indem du die für dich passenden Optionen auswählst.
• Klicke auf die Schaltfläche Konfiguration speichern.
• Gehe zum Abschnitt Whiteboard freigeben für.
• Lege fest, ob Nutzer zeichnen dürfen und den Chat nutzen können.
• Wenn du keine gemeinsame Bearbeitung des Whiteboards erlaubst, kannst du lokales Zeichnen aktivieren, damit jeder Nutzer an seiner eigenen Kopie arbeitet.
• Kopiere den generierten iframe-Code und füge ihn auf der Seite ein.

Erstellen eines neuen Whiteboards mit zufälliger Adresse und Passwort

Du kannst ein neues Whiteboard mit einer zufälligen Adresse und einem Administratorpasswort erstellen, indem du den Nutzer auf folgende Adresse weiterleitest:

Jeder Aufruf dieser Adresse erstellt ein neues, unabhängiges Whiteboard.

Erstellen eines gemeinsamen Whiteboards mit deterministischer Adresse

Wenn du möchtest, dass Nutzer immer auf dasselbe Whiteboard gelangen, kannst du eine deterministische Adresse verwenden, die auf dem Parameter seed basiert:

Auf Grundlage des Werts seed werden die Adresse des Whiteboards sowie ein gemeinsames Administratorpasswort generiert. Alle Nutzer, die den Link mit demselben seed öffnen, erhalten volle Bearbeitungsrechte.

Auf deinem Server kannst du seed deterministisch erzeugen, zum Beispiel:

Links, die mit demselben seed generiert werden, führen immer zu demselben Whiteboard.

Die Draw.Chat-API ermöglicht es, Whiteboards zu erstellen, Nutzer sowie deren Berechtigungen ausschließlich über entsprechend vorbereitete Links zu verwalten.

Erzeuge für dein Projekt ein Schlüsselpaar .private.key und public.key (ECDSA / P-256) und verwende anschließend den privaten Schlüssel zum Signieren von Links.

Links mit korrekter Signatur öffnen sich im Kontext des zugehörigen öffentlichen Schlüssels. Jeder öffentliche Schlüssel kann ein eigenes Projekt oder eine eigene Integration repräsentieren.

Auf Basis eines Schlüsselpaares kannst du viele Links zu verschiedenen Whiteboards sowie Nutzern generieren, unter Berücksichtigung individueller Berechtigungen und Einstellungen des Whiteboards.

Beispielszenario

Erzeuge für eine definierte Teilnehmerliste:

• einen Link zu einem gemeinsamen Whiteboard,
• separate Links zu individuellen Whiteboards für jeden Teilnehmer,
• einen Link für die leitende Person oder den Prüfer mit Administratorrechten.

https://github.com/cojapacze/drawchat