Einleitung
Unter dem Begriff “WebAPI” verstehen wir einige Module, die in den Code einer Internetseite integriert werden, um folgende Informationen als Widget anzuzeigen :
- Die Besucheranzahl der Einrichtung in Echtzeit (Auslastungsgrad oder Wartezeit)
- Die Öffnungszeiten der Einrichtung

Beispiel von einer API mit dem Auslastungsgrad und den aktualisierten Öffnungszeiten der Bibliothek (Quelle : Hochschulbibliothek Konstanz)

Alle WebAPIs aktualisieren sich automatischen jede 5 Minuten. Jedes WebAPI hat ein responsives Design: die API passt sich unterschiedlichen Elementen, die sie enthält, an und bietet so selbst für verschiedene Träger eine komfortable Nutzung.

Um die WebAPIs Ihrer Einrichtung wiederzufinden, gehen Sie auf das Verwaltungsportal "Besucherzahl senden". Wenn Sie mehrere Räume haben, müssen Sie diese in dem Drop-Down-Menü auswählen, um an die jeweiligen APIs zu gelangen.
Integration
Die WebAPIs bestehen aus HTML-Tags, die schnell und einfach in eine Internetseite integriert werden können.
- Ein <Skript>-Tag, um den JavaScript Code herunterzuladen, der für das Modul nötig ist.
- Dieser Tag soll in den Seitencode zwischen den <head> Tags integriert werden.
- Es gibt einen <script> Tag für jede Art von Modulen, die angezeigt werden sollen (Belegungsgrad, Wartezeit, Öffnungszeiten).
- Ein Display-Tag der WebAPI, das sich je nach anzuzeigender Information (Wartezeit, Öffnungszeiten, Belegungsgrad) unterscheidet.
- Dieser Tag muss in dem Seitencode integriert sein, auf dem die WebAPI angezeigt werden soll.
Den Code, der in die HTML-Seite integriert werden soll, finden Sie für jede Einrichtung im Onlineportal unter “Verwaltung -> Besucherzahl senden (webAPI)”.

Die Integration von unseren webAPIs in eine App ist ebenfalls möglich, wenn die App eine Webview anzeigen kann (s. Informationsmaterial iOS oder Android).
Beispiel vom Code
Beispiel eines HTML-Codes für eine WebaPI zur Anzeige des Belegungsgrades:
- <html>
- <head>
- <script charset="UTF-8" src="https://webapi.affluences.com/js/webapi_latest.min.js%22></script>
- </head>
- <body>
- <div class="affluences-counter" data-token="TST0T0t0TT0TTT"></div>
- </body>
- </html>
Personalisierung
Die WebAPIs können durch Hinzufügen von Attributen in dem <div> Tag personalisiert werden.
In dieser Tabelle finden Sie die unterschiedlichen Attribute und möglichen Werte.
WebAPI
| Attribut
| Mögliche Werte
| Beschreibung
|
Öffnungszeiten
| data-hide-navigation
| true/false
| Die Knöpfe zum Wechsel der Woche (links und rechts von den Wochentagen) können verdeckt werden.
|
days-number
| ganze Zahl von 1 bis 7
| Nur einige Wochentage werden angezeigt.
|
lang
| eng, de, frz, it
| Sprache ändern (Standard : französisch)
|
Besucherzahlen in Echtzeit (Belegungsgrad oder Wartezeit)
| forecasts-count
| ganze Zahl von 1 bis 5
| Vorhersage in den nächsten Zeitfenstern anzeigen (1 bis 5 Zeitfenster möglich) (s. hier unten)
|
greyscale ou grayscale
| true/false
| Farben der Anzeige zu Graustufen wechseln
|
lang
| de, en, frz, it
| Sprache ändern (Standard : französisch)
|
data-title-override
| Zeichenkette
| Name der Einrichtung in der WepAPI ändern (Standard : Hauptname in dem Onlineportal)
|
Beispiel von der Personalisierung einer WebAPI zur Anzeige der Wartezeit mit “forecast-count” und “grayscale”

Kommunikation
Einige Ratschläge, um die WebAPIs richtig zu verwenden:
- Präsentieren Sie die WebAPIs (oder Widgets) Ihrem Webmaster
- Präzisieren Sie Ihren Besuchern, dass die Daten in Echtzeit angegeben sind
- Fügen Sie einen klaren Titel und eine Bildunterschrift ein, z.B.: "Aktuelle Wartezeit am Kartenverkauf / Aktueller Belegungsgrad der Räume".