Elise · Widget-Demo

Das Widget, ohne Elise dahinter

Unten rechts sitzt das echte Widget der Universitäts-Websites. Es spricht mit der Adresse dieser Seite, und dort antwortet nicht Elise, sondern ein Platzhalter mit vorbereiteten Antworten: kein Sprachmodell, keine Kosten, nichts verlässt diesen Rechner. Jede Frage bekommt eine Antwort zum Thema; mit einem Hashtag in der Frage wählst du gezielt einen Fall aus.

Alle Fälle

#bausteineeine Antwort mit jedem Baustein: Text, Hinweis, Karten, Schritte, Tabelle, Galerie, Formular
#kartenviele Karten, ein Dokument, Links ohne Karte
#galerieeine Bildergalerie
#formularein Formular, dessen Antworten als nächste Nachricht gehen
#tabellenTabellen jeder Form: lange Texte, kurze Zellen, Zahlen, lange Namen, Daten
#einleitungEinleitungen mit Doppelpunkt vor einer Galerie und vor Links
#ungueltigein Baustein, der beim Schreiben scheitert und als Text stehen bleibt
#vorlauferst ein Text, dann eine Suche; der Text bleibt stehen
#langsamsechs Sekunden Warten vor der Antwort
#zusammenfassender bisherige Chat wird erst zusammengefasst
#abgelehntdie Sicherheitsprüfung lehnt die Frage ab; die dritte Ablehnung schließt den Chat
#schliessender Chat ist danach voll und nimmt keine Fragen mehr an
#timeoutdie Antwort bricht nach der Hälfte ab
#fehlerdas Modell liefert nichts; der erneute Versuch klappt
#persistence_errorAntwort gespeichert, aber als unklar gemeldet; der erneute Versuch zeigt sie wieder
#vollalle Plätze belegt, bitte in 5 Sekunden noch einmal
#pausedas Sprachmodell ist gerade nicht erreichbar, bitte in 30 Sekunden noch einmal

Ohne Hashtag entscheidet das Thema: Fragen zu Informatik, zu Psychologie und Bewerbung, zu Infotagen und Veranstaltungen oder zur Beratung bekommen jeweils eine eigene Antwort, alles andere eine allgemeine. Die Sprache des Chats lässt sich im Widget umstellen; die Antworten gibt es auf Deutsch und Englisch.

POST /mock/privacy veröffentlicht eine neue Fassung der Datenschutzhinweise; das Widget fragt vor dem nächsten Chat erneut nach Zustimmung.

Einbettung

Das Widget ist eine Script-Datei. Der Ordner, in dem sie liegt, ist die Adresse von Elise: dort erwartet das Widget die Schnittstelle unter /v1 und seine Schriften unter /widget/fonts/. Die Seite bindet nur das Script ein:

<script src="/widget.js" defer></script>

Das Script hängt ein <elise-chat> an die Seite, falls keines da ist. Optional: data-language="de" oder "en" (sonst die Sprache der Seite), data-page (die Adresse der Seite, auf der der Chat geöffnet wird; sonst die der Seite selbst). Ein selbst gesetztes <elise-chat open> öffnet den Chat beim Laden.

embed.html zeigt den Chat als Seite, so wie eine App ihn in einem iFrame anzeigt: Er füllt den Rahmen und lässt sich nicht schließen, ohne Sprechblase, mit einer schmalen Leiste nur für Titel und „Neues Gespräch"; Titelleiste und Zurück kommen von der App. Dafür steht <elise-chat mode="page"> in der Seite. Die App kann ein neues Gespräch auch selbst beginnen, mit postMessage({ type: "elise:new-chat" }) in den Frame. iframe.html zeigt genau das in einem Rahmen in Handygröße.

app.html zeigt die Einbettung für eine angemeldete Person: Die App übergibt dem Frame ein Token des Ausstellers der Universität (im Fragment der Adresse oder per postMessage), und das Widget kauft seine Sitzung damit statt mit einem Rechenrätsel. Hier gilt jeder Text einmal als Token; abgelaufen und gesperrt spielen die Fehlerfälle.