TÜV Hessen Relaunch

Der neue etwa 600 Seiten starke Web-Auftritt ging wie geplant Ende Oktober 2017 online – nur ca. neun Monate nach Projektstart. Die ambitionierte Zeitvorgabe unseres Kunden bei einem Projekt dieser Größe einzuhalten, war nur mit agilen Entwicklungsmethoden möglich.
Das Projektmanagement unter Scrum war dafür perfekt geeignet. Dank regelmäßiger Treffen mit unserem Kunden sowie der Nutzung von Jira als Projekt- und Kommunikationsplattform etablierten wir einen besonders effektiven Entwicklungsprozess. Durch ständiges Feedback wurden beispielsweise Fehler frühzeitiger erkannt und behoben als bei herkömmlichen Ansätzen.

Für die bestehende Datenbankstruktur wurde zuerst ein übersichtliches Migrations-Dokument verfasst. Darin ist detailliert beschrieben, wie Tabellen und Felder der bestehenden in eine neue Struktur migriert werden können. Aus der inhomogenen Ausgangssituation konnte so eine konsistente Datenstruktur mit sinnvollen Verknüpfungen erstellt werden. Überflüssige und veraltete Daten wurden entfernt.

Auf Basis des Migrations-Dokuments entwickelten wir einen Importer, der Daten aus den verschiedenen Ursprungs-Tabellen einliest, umstrukturiert und mithilfe des TYPO3-DataHandler in die neue Struktur einfügt. Zentraler Bestandteil war hier, einen idempotenten Import zu schaffen. Existiert ein Datensatz nicht, wird er gemäß Beschreibung angelegt. Bei erneutem Import werden lediglich die notwendigen Änderungen am bestehenden Datensatz durchgeführt, um den gewünschten Zustand zu erreichen.

Alle anderen Angaben, beispielsweise in neuen Feldern, werden nicht geändert. So konnte der Importer problemlos in Einzelschritten aufgebaut und immer wieder ausgeführt werden, bis sämtliche Daten in die neue Struktur überführt waren. Neben dem reinen Kopieren von Textdaten wurde ebenfalls eine flexible Bereinigung alter HTML-Inhalte ermöglicht. Das ersparte den Redakteuren massiv Arbeit und Zeit bei der Aktualisierung der Inhalte. Publikationen wurden mit Hilfe von FAL nativ in TYPO3 integriert.

Damit Dienstleistungen und Standorte auf der Website beliebig verstreut verlinkt werden können, kamen die üblichen Listen-Ansichten nicht infrage. Deshalb wurde die sehr flexible Recordlink-API von TYPO3 verwendet, weil mit ihr Verweise auf Dienstleistungen und Standorte in beliebigen Link-Feldern und im RTE möglich sind.

Dadurch ist die Verlinkung von Seiten, Inhalten und Dateien standardmäßig einfach. Verweise auf Dienstleistungen können in beliebiger Form wie beispielsweise im Fließtext, als Teaser oder in der Navigation realisiert werden. Die kontextbezogene Verlinkung garantiert, dass Nutzer nicht aus ihrem aktuellen Klickpfad herausgerissen werden. Die Breadcrumb-Navigation unterstützt das zusätzlich.

Dienstleistungs- und Standort-Details werden über Plugins (wie auf normalen Seiten) dargestellt. Hierdurch entsteht eine nahtlose Integration für Besucher. Diese Plugins reichern die Website auch mit Metadaten an und legen die Cache-Tags fest.

Mit einem speziellen Fluid-Viewhelper werden Cache-Tags für alle bei der Anzeige beteiligten Datensätze in der aktuellen Seite hinterlegt. Ändert sich einer dieser Datensätze, werden die Caches aller Seiten, auf welchen er in irgendeiner Form angezeigt wird, automatisch und selektiv geleert.

Sämtliche Inhalte der Website sind so immer aktuell, ohne dass gleich das gesamte Frontend-Cache von Redakteuren geleert werden muss. Für jede Dienstleistung können Ansprechpartner eingetragen werden, die in Form eines speziellen Call-to-Actions als Liste oder Karte angezeigt werden. Letzteres erfolgt über die Verknüpfung mit den Standorten für Anschrift und Koordinaten.

Mit „Searchable“ können beliebig viele Indexer integriert werden – für den TÜV Hessen sind das Seiten, Dienstleistungen, Standorte, Publikationen und News. Bei jedem Indexer werden sogenannte Collectors konfiguriert, die zum Beispiel bestimmte Felder aus Datenbank-Tabellen einlesen und in den Index schreiben.

Ein Standard-Collector auf TCA-Basis verwendet die seit TYPO3 v7 verfügbaren DataProvider der FormEngine. Sämtliche Daten werden damit in der gleichen Form gesammelt, wie sie auch für Redakteure im Backend durch die FormEngine darstellt werden. Dadurch können beispielsweise Relationen mit Bordmitteln geladen und einfach indiziert werden.

Für die relevantesten Treffer in den Suchergebnissen lassen sich spezifische Vorschau-Ansichten erstellen, die ebenfalls fertig in den Index geschrieben werden. Dadurch ist die Anzeige in den Suchergebnissen enorm schnell.

Bei allen anderen Suchergebnissen kommt ein gemeinsames Mustache-Template zum Einsatz, um die Suche nicht mit Rendering auf der Serverseite auszubremsen. Die URLs werden wie üblich via TypoLink erstellt. Das verbreitete Problem der Generierung von Frontend-URLs im Backend-/CLI-Kontext wurde über ein internes eID-Script gelöst.

Das via Pipelines integrierte Ingest Attachment Processor Plugin erleichtert Publikationen, weil mit ihm Textinhalte einfach und schnell aus PDF-Dokumenten ausgelesen und in den Index geschrieben werden.

Durch ein entsprechendes Symbol im Kopfbereich oder die Eingabe des Punkts kann die Seitensuche jetzt überall und jederzeit aktiviert werden. Sie ist sofort eingabebereit und gleicht Tippfehler dank ihrer Fuzzy-Funktion selbst exzellent aus.

Die TÜV-Hessen-Website stellt Besuchern diverse Formulare für Anfragen und ähnliches zur Verfügung. Diese sind unterschiedlich aufgebaut und teilweise sehr komplex. Mit dem umfangreichen und flexiblen Formular-Framework von TYPO3 v8 lassen sie sich optimal realisieren und für die unterschiedlichen Bereiche perfekt in Form und Funktion individualisieren.

Die Möglichkeit, Formular-Definitionen komplett via YAML-Dateien anzulegen, ist ein entscheidender Vorteil des Frameworks. Deshalb können einige YAML-Features wie Anker und Referenzen verwendet und die Dateien in die Versionierung aufgenommen werden.

Sämtliche versendete Formulareingaben in einem Log zu speichern, war eine weitere besondere Anforderung. Dies ließ sich mit einer eigenen Datenstruktur und einem eigenen Finisher umsetzen. Letzterer ist flexibel genug, Informationen anderer Finisher (zum Beispiel Empfängeradresse des E-Mail-Finishers) ebenfalls aufzunehmen.

Um den Versand von Mails an mehrere Empfänger zu ermöglichen, wurden Empfängerlisten entwickelt. Hier können Redakteure beliebig viele E-Mail-Adressen eintragen und dank der Recordlink-API von TYPO3 an jeder Stelle der Website auf diese verlinken.

Beim Anklicken eines solchen Links werden Besucher auf das allgemeine Kontaktformular weitergeleitet. Das versendet bei Erfolg an deren E-Mail-Adressen aus der Empfängerliste, was für Besucher praktisch transparent ist. Außerdem werden die E-Mail-Adressen niemals auf der Website ausgegeben.

Basierend auf den Empfängerlisten der E-Mail-Formulare wurde außerdem eine besondere Form des Spam-Schutzes integriert. Platziert ein Redakteur normale Links für E-Mail-Adressen auf der Website, werden diese automatisch durch Verweise auf das Kontaktformular unter Zuhilfenahme einer ebenfalls automatisch erzeugten Empfängerliste ersetzt. Dadurch werden sämtliche E-Mail-Adressen intern verwendet und niemals öffentlich angezeigt.

Für die An- und Abmeldung der HU-Erinnerung wurde ein eigener Finisher zur Kommunikation mit Inxmail realisiert. Vorher öffentlich im Formular einseh- und manipulierbare Daten werden von ihm jetzt ebenfalls intern angelegt. Einige weitere benötigte Formulare, wie die Anmeldung für Seminare oder für HU-Wunschtermine sind Integrationen fremder Anwendungen oder Sites.