Schulhomepage: Einbinden des Flyouts

1. Einbinden des Flyouts

Einleitung

In dieser Anleitung wird erklärt, wie das LOGINEO NRW-Flyout in eine HTML-Seite eingebunden wird.

Falls Ihre Institution bereits über eine Homepage verfügt, besteht die Möglichkeit, dort das LOGINEO NRW-Flyout einzubinden. So kann von hier aus direkt auf die LOGINEO NRW-Instanz zugegriffen werden. Zudem ist die eigene Homepage aus der LOGINEO NRW-Instanz heraus direkt über die Home-Kachel im Flyout zu erreichen.

Hat Ihre Institution keine eigene Homepage, ist die LOGINEO NRW Startseite eine Alternative. Die Startseite ist das einzige Modul, das auch ohne Anmeldung erreicht werden kann. Es besteht die Möglichkeit, für die Öffentlichkeit bestimmte Termine und Neuigkeiten hier einzustellen, so dass eine Art „Mini-Webauftritt“ entsteht.

Hinweis:
Falls die eigene Homepage als LOGINEO NRW-Startseite verwendet werden soll, muss dies bei der Beantragung vermerkt werden.

Schritt 1: Öffnen der HTML-Seite der Homepage

Das Flyout wird über ein JavaScript eingebunden.

Dazu muss die HTML-Seite der Homepage (z. B. die Schulhomepage) geöffnet werden. Dazu müssen Sie Admin-Rechte für den Server der Homepage besitzen. Nach Erstellen einer Sicherheitskopie kann ein gewöhnlicher Texteditor verwendet werden, um die HTML-Datei zu öffnen.

Schritt 2: Einbinden des JavaScripts

Die Einbindung kann mittels JavaScript „Includes" im HTML-Header der jeweiligen Webseite/Anwendung (also unterhalb/innerhalb des <head>...</head> Bereiches einer HTML Seite) geschehen. Wenn diese JS Includes korrekt in den HTML Code der Anwendung integriert werden, wird damit die Navigation vom Browser (JS Client) als DIV-Container in den HTML Body nachgeladen / eingefügt.

<link rel="stylesheet" type="text/css" href="https://idp.logineo.nrw.schule/styles.css">
<script type="text/javascript" src="https://idp.logineo.nrw.schule/logineo-nav.js?currentService=home&tenant=[SCHOOL_ID]"></script>

Der Parameter, den die Administrierenden anpassen müssen, ist der Platzhalter [SCHOOL_ID] - hier ist die offizielle Schulnummer bzw. die Instanzdomäne (ohne die Klammer) einzugeben.