Springe zum Hauptinhalt
Universitäts­rechen­zentrum
Kachelsysteme
Universitäts­rechen­zentrum 

TUCAL-Modul für Kachelsysteme

Wer seinen Internetauftritt in einem Kachel-Layout, ähnlich zum Studiportal, gestalten möchte, kann dafür unser Tool zur Erstellung von Kachelsystemen nutzen. Darin können – nach der Freischaltung durch das URZ – Kachelsysteme angelegt und mit Kacheln befüllt werden. Es können Bilder hochgeladen und direkt zugeschnitten werden. Das System konvertiert diese dann in die richtige Größe. Beim Erstellen kann man sich über eine Vorschaufunktion den jeweils aktuellen Stand anzeigen lassen. Wenn die Konfiguration abgeschlossen ist, lässt es sich im gewünschten Bereich einsetzen und dauerhaft über das Tool zur Erstellung von Kachelsystemen pflegen.

Merkmale des Kachelsystems

  • Mehrere Kachelsysteme anlegbar und pflegbar
  • Bearbeitung der aktivierten Systeme über Adminbereich (Bearbeitung erfolgt nicht im AFS)
  • Bilder- und Farbkacheln sind möglich
  • unterschiedliche Kachelarten erstellbar (Video, Verlinkung, Speiseplan, Öffnungszeiten, HTML-Inhalt, …)
  • mehrere Verantwortliche bzw. Editoren pro Kachelsystem definierbar
  • automatisches Beschneiden und Optimieren der Auflösung von Bildern
  • Reihenfolge der Kacheln im System anpassbar
  • Englische Inhalte (Titel, Untertitel, Inhalt, Links) direkt hinterlegbar
  • Verlinkung mit direktem Öffnen einzelnen Kachel möglich (z. B. https://www.tu-chemnitz.de/studiportal/#online)

Screenshots von umgesetzten Kachelsystemen

Screenhot aus dem Kachelsystem Studiportal
Screenhot aus dem Kachelsystem des Fremdsprachenzentrums
Screenhot aus dem Kachelsystem des Sudienerfolgsmanagement

Erstellung eines Kachelsystems

  1. Freischaltung für das System beantragen (E-Mail an ).
  2. Sie erhalten per E-Mail die Information, dass Sie nun zum Anlegen von Kachelsystemen berechtigt sind.
  3. Im Administrationsbereich legen Sie ein Kachelsystem an.
  4. Optional: Sie können anderen freigeschalteten Nutzerinnen und Nutzern erlauben, das System mit zu pflegen.
  5. Sie können Ihr Kachelsystem nun mit Kacheln befüllen und sich immer wieder eine Vorschau anzeigen lassen.
  6. Wenn Sie mit Ihrer Vorschau im System zufrieden sind, teilen Sie uns bitte mit, wo Sie das System einsetzen möchtenn, und das System wird zugelassen.
  7. Ab jetzt können Sie das System nach Anleitung, welche Sie direkt im Kachelsystem finden, auf Ihrer Webseite/in ihrem Bereich integrieren und über das System anpassen.

Wenn Sie mehrsprachige Kachelsysteme benutzen wollen, müssen Sie für jede Sprache ein System anlegen und dies dann auf der jeweiligen Sprachenseite einbetten.

Für Rückfragen zum System erreichen Sie uns unter .

Screenshot aus dem Adminstrationsbereich

Screenshot Admin-Bereich zum Erstellen einer Kachel
Screenshot Admin-Bereich zum Beschneiden eines Bildes

Aufbau

  1. Übersicht der Ebenenstruktur
    Übersicht der EbenenstrukturKacheln sind nach Hauptkategorie (1. Ebene) und Unterkategorien (2. Ebene) zu strukturieren (siehe Abbildung). Eine 2. Ebene muss nicht zwangsläufig vorhanden sein, sondern ist nur bei Bedarf und thematischer Relevanz anzulegen. Dopplungen sind zu vermeiden (keine Kacheln zu gleichen Themen).

    Eine Zeile besteht aus mehreren Kacheln. Hier gibt es folgende Möglichkeiten:

    • drei kleine Kacheln
    • zwei mittlere Kacheln
    • eine große und eine kleine Kachel
  2. Titel und Untertitel
    Finden Sie einen aussagekräftigen Titel für Ihre Kachel. Untertitel sollten Verwendung finden, um den Titel für die Zielgruppe besser zu beschreiben. Titel und Untertitel sind möglichst kurz zu halten.

  3. Kachelgröße
    Die Kachelgröße ist immer abhängig von der Länge des Titels bzw. Untertitels (wenige Zeichen = kleine Kachel, viele Zeichen = große Kachel). Für ein stimmiges Gesamtbild wird empfohlen, mehrere Kachelgrößen zu verwenden. Unterschiedliche Kachelgrößen (klein, mittel, groß) sind nur in der 1. Ebene auswählbar.

  4. Bilder
    Bildmotive sind immer passend zum Kacheltitel auszuwählen. Sie sollen keinen wichtigen Inhalte vermitteln, sondern dienen nur dem optischen Zweck. Bei der Auswahl des Bildausschnittes ist darauf zu achten, dass besondere Teile des Motivs nicht vom Titel oder Untertitel verdeckt werden. Bei der Motivsuche können Sie gern die TUC-Bilddatenbank nutzen.

  5. Hintergrundfarben
    Statt Bilder können auch nur Hintergrundfarben für Kacheln benutzt werden. Bitte verwenden Sie in der 2. Ebene immer nur eine Farbe pro Hauptkategorie.

Kachelarten

Sie können bei der Erstellung von Kacheln für Ihr System unterschiedliche Kachelarten auswählen und so die angezeigten Ergebnisse genauer definieren.

  • reine Verlinkung: Hier kann ein Link hinterlegt und die Öffnungsart des Links angegeben werden.
  • für weitere Ebene: Hiermit wird die Kachel entweder als Kachel für eine Unterebene (Ebene 1) bzw. als Kachel mit HTML-Inhalt (Ebene 2) definiert.
  • für Text und HTML: Für Kacheln der Ebene 1 kann hier direkt HTML-Inhalt eingegeben werden.
  • Speiseplan: Definiert die Kachel als Speiseplankachel (nur Ebene 1).
  • Öffnungszeiten: Definiert die Kachel als Öffnungszeitenkachel (nur Ebene 2).
  • Video: Hier kann ein Link zu einem Video eingetragen werden. (Datenschutzabfrage wird automatisch erzeugt)
  • Inhalt externe Seite (TUC): Es kann ein Link zu einer TUC-Seite angegeben werden. Der Inhalt wird dann in der Kachel angezeigt. (Möglichkeit zur Einbindung von PHP)
  • nur dekoratives Bild: Hier kann ein Bild ohne zusätzlichen Text hinterlegt werden. (Funktion: Füllen von Lücken im Kachelsystem)

Kachelarten im fertigen Beispielsystem

Video Playbutton Youtube

Klein ohne Bild

Nutzung auf Webseiten

  1. Es ist wichtig, dass Sie uns vorab den Ort mitteilen, wo das Kachelsystem eingesetzt werden soll. Dadurch können wir die Seite für den Datenbankzugriff zulassen. Bitte mailen Sie uns den URL der Seite mit Ihrem Kachelsystem. Schreiben Sie dazu eine E-Mail an . Sie erhalten von uns dann eine E-Mail, dass Sie das Kachelsystem nun einbetten können.

  2. Als nächsten Schritt müssen die Funktionen geladen werden. Dies muss vor dem „seite(__FILE__);“ aus der Seite erfolgen:

    require_once('tu/kachelsystem/script/kachelfunkt.php');

    Wenn das Kachelsystem eine Öffnungzeitenkachel beinhaltet, muss noch folgende Zeile hinzugefügt werden:

    require_once('php/openinghours.inc');
  3. Nun muss das Kachelsystem eingebettet werden. Dies erledigt folgender Code im Hauptteil der Seite:

    <?php kachelsystem('Kachelsystem-ID'); ?>
    # Die Kachelsystem-ID wird im im Adminbereich bei "Anleitung zum Einbetten" mit angezeigt

    Ab jetzt ist das System online und Sie können alle Änderungen direkt im Administrationsbereich des Kachelsystems pflegen (nicht über TUCAL).

Beispiel zur Integration (ohne Öffnungszeitenkachel)

<?php
...
require_once('tu/kachelsystem/script/kachelfunkt.php');
seite(__FILE__);
?>
...
<?php
kachelsystem('123456789');
?>

Beispiel zur Integration (mit Öffnungszeitenkachel)

<?php
...
require_once('tu/kachelsystem/script/kachelfunkt.php');
require_once('php/openinghours.inc');
seite(__FILE__);
?>
...
<?php
kachelsystem('123456789');
?>

Mehrsprachigkeit

Beim Erstellen bzw. Bearbeiten einer Kachel kann man wählen, ob es auch eine englische Version der Kachel geben soll. Dadurch bekommt man die Möglichkeit den Titel, den Untertitel, den Inhalt und einen eventuell vorhandenen Link zusätzlich auf englisch hinzuzufügen. Das veröffentliche Kachelsystem erkennt die Seitensprache und wird den Inhalt auf deutsch oder englisch anzeigen.

Über die Vorschaufunktion im Adminbereich kann man sich die deutsche und englische Version jederzeit anschauen.

Einzelne Kacheln über Link direkt öffnen

Es gibt die Möglichkeit, Links zu nutzen, welche die Seite mit Kachelsystem so öffnen, dass die gewünschte Kachel geöffnet ist und der Browser direkt zum Inhalt dazu springt (z. B.: https://www.tu-chemnitz.de/studiportal/#online). Über die Verwendung des #-Ankers am Ende des Links wird dies umgesetzt. Dazu gibt es einige Regeln zum Anker:

  • Der Titel der Kachel ist der Ankerbegriff.
  • Nur das erste Wort des Kacheltitels (bei mehreren Worten) nutzen.
  • Der Anker muss komplett klein geschrieben sein.
  • Umlaute müssen ersetzt werden (ä = ae, etc.).

Zweite Ebene optisch anpassen

Es ist möglich, dass der Inhalt der zweiten Ebene genau mit den gleichen Farben wie in der ersten Ebene angezeigt wird. Dazu muss eine Zeile auf der Seite hinzugefügt werden.

$kstyle 2;
Dies muss vor dem Laden der Datei kachelfunkt.php erfolgen:
$kstyle 2;
require_once('tu/kachelsystem/script/kachelfunkt.php');

Silbentrennung im Kacheltitel manuell hinzufügen

Wenn man mit der automatischen Trennung der Worte im Titel der Kachel nicht zufrieden ist, dann kann man einen manuellen Umbruch erzeugen. Dazu kann die bedingte Silbentrennung als HTML-Ausdruck benutzt werden.

Brutto&shy;sozialprodukt // Trennung erfolgt nach "Brutto" durch "&shy;"