ILIAS Support der Helmut-Schmidt-Universität
AURALIS - Skin
Allgemeines
Bis zum 01.07.2023 wurde an der HSU / UniBw H der Standard-Skin von ILIAS, der DELOS-Skin, verwendet. Im Zuge einer Attraktivitätssteigerung und der parallel stattfindenden Übernahme des Intranets der Universität, wurde auf den Skin ein besonderer Augenmerk gelegt. Zunächst noch für ILIAS 7 durch eine Firma entwicklet, kam es schnell dazu, dass weitere Bedarfe und eigene Ideen sowie eine deutlich steigende Akzeptanz durch eine stark verbesserte Optik der Plattform, dazu führten, dass eigene Entwicklungskapazitäten gebildet wurden. Und so begann 2024 die erste eigene Entwicklung der ersten ILIAS-Skins an der HSU.
Aufgrund des Planungshorizonts war klar, dass große Veränderungen in den nächsten ILIAS-Versionen anstehen und somit auch für die Skin-Entwicklung. Das Projekt Removing Legacy UI führt dabei zu einer verbesserten Entwicklung des Skins. Aufgrund von Personalwechseln und anderen Herausforderungen wurde der für ILIAS 8 geplante Skin gleich verworfen und direkt für ILIAS 9 entwickelt. Und so wurde der erste HSU-eigene ILIAS-Skin am 01.01.2025 mit der ersten ILIAS 9 - Plattform ausgerollt.
Im Rahmen der Skin-Entwicklung wurde dabei stehts darauf geachtet, dass der Skin vollständig reversibel ist. Damit werden weder Patches noch zusätzliche Plugins benötigt, wodurch mit dem DELOS-Skin eine immer funktionsfähige Fallback-Variante verfügbar ist.
Anfang Oktober 2025 wurde mit der Entwicklung des ersten AURALIS-Skins begonnen. Dieser steht seit dem 29.10.2025 in der Version 1.0 für ILIAS 9 öffentlich über das Github der HSU / UniBw H zum download unter der Common-Creative-Lizenz zur Verfügung.
Aktuelle unterstützte Version:
ILIAS 9.15
Aktuelle Features
In der aktuellen Version des AURALIS-Skins stehen verschiedene Features zur Verfügung, welche die Arbeit mit ILIAS allgemein vereinfachen und mehrere State-Of-The-Art - Funktionen den Nutzenden zur Verfügung stellen. Die implementierten Features sind entweder fest implementierte oder durch Nutzende auswählbar. Auswählbare Features werden mit Hilfe des Content-Styles ermöglicht. Die eigentliche auswahl erfolgt über den Seiteneditor mit Blöcken, welche die optionalen Funktionen auf einer ILIAS-Seite steuern.
Funktionale Features
Der permanente Link von einem ILIAS-Objekt kann mit einem Klick auf den Button neben den Breadcrumbs direkt in die Zwischenablage kopiert werden. Da die Breadcrumbs permanent sichtbar sind, kann der Link jederzeit kopiert werden.
Zeigt die Seitenposition unter den Breadcrumbs (in der mobilen Ansicht unter dem Header) an
Fügt auf einer Seite einen Scroll-To-Top - Button ein, welcher unten rechts auf der Seite beim Scrollen erscheint.
Damit beim Laden einer Seite die Modifikationen unsichtbar bleiben, wird ein Loader-Icon angezeigt, bis die Seite vollständig geladen ist.
Das Seitenmenü wird dauerhaft unterhalb der Breadcrumbs angezeigt. Es verschwindet beim scrollen, kann aber jederzeit wieder angezeigt werden, sobald sich der Mauscursor knapp unterhalb der Breadcrumbs befindet.
Zusätzich kann das Menü dauerhaft angezeigt (angepinnt) werden. Diese Option sind für alle Nutzenden individuell wählbar.
Fügt zu jedem Bild die Copyrightangabe als Hoverelement in der linken unteren Ecke ein.
Die Angabe wird in der Bildbeschreibung eingegeben und muss mit (c), (C) oder © beginnen und in Anführungsstrichen stehen. Sollte nach den Anführungsstrichen noch ein weiter Text folgen, wird dieser als Beschreibung unter dem Bild angezeigt. Werden die Anführungsstriche weg gelassen, wird der gesamte Text als Copyrightangabe interpretiert.
Fügt auf der Startseite im Sprachauswahlmenü die jeweiligen Landesflaggen ein.
Aktuell verfügbare Flaggen:
- Deutsch
- Englisch
- Italienisch
- Französisch
Content Features
In Kursen, Gruppen, Kategorien und Wikis können Banner-Bilder am Start der Seite oberhalb des Titels angezeigt werden. Auf dem Bannerbild wird automatisch ein Scroll-To-Content - Button angezeigt, welcher beim klick zum Start des eigentlichen Inhalts scrollt.
Um Seiten zu designen sind Bilder nicht mehr wegzudenken. Einer der modernsten Effekte ist der Parallax-Effekt. Dieser zeigt im Hintergrund ein Bild, welches sich mit dem Scrollen auf der Seite nicht bewegt und damit wie ein Schaufenster wirkt. Dies kann mit den passenden Background-Blöcken Inhalte auf eine sehr moderne Weise präsentieren.
Fügt zu einem Block ein Hintergrundbild ein.
Dazu muss ein Medienobjekt eingefügt werden und das Background-Image Format ausgewählt werden.
Flip-Cards bieten eine attraktive Möglichkeit um inhaltliche Highlights zu setzen.
Um eine Flip-Card auf einer Seite zu implementieren, muss zunächst der Funktionsblock FlipCard eingefügt werden. In dem Funktionsblock müssen dann die Blöcke FlipCardFront und FlipCardBack eingefügt werden, welche den Content der beiden Seiten der Flipcard beinhalten.
Zusätzlich wird auf beiden Seiten in der unteren, rechten Ecke ein Icon eingefügt.
In der mobilen Ansicht und auf Tablets reagiert die FlipCard dann ausschließlich auf einen Klick. Beim drehen eine FlipCard auf die Rückseitenansicht werden automatisch alle anderen FlipCards in Frontansicht gedreht.
Um die Content Features nutzen zu können, muss der AURALIS Content-Style installiert werden.
Geplante Features
Auch beim AURALIS-Skin bleibt die Entwicklung nicht stehen und so sind weitere Features in der Planung.
In den nächsten Versionen werden folgende Features eingefügt:
- Content-Slider
- CopyLink-Buttons für alle Links
- Anker in Kategorien, Kursen, Gruppen und Inhaltsseiten
- Content-Flip-Cards
- 3 user-selectable Kacheldesigns
- Verschiedene Features für das Wiki, wie z.B. Sticky Side-Block, Banner-Image, Sticky Page-Anchor, Sticky Footer-Menü, etc.
- Datenabhängige Designs in Datensammlungen
- Block-Gruppierungen im Seiteneditor
- Swipe-Menüs für die mobile und Tablet-Ansicht
Lizenzen
Zuletzt geändert: 7. Nov 2025, 01:11, Solzbacher, Bettina [BettinaSolzbacher]