TYPO3 Website Relaunch und Quiz-App

Museum Schloss Moyland
https://www.moyland.de/

Das Schloss Moyland beherbergt in seinem historischen Ambiente und der wunderschönen, preisgekrönten Parkanlage wechselnde Ausstellungen, ein Joseph Beuys Archiv und verschiedene Veranstaltungen. Dieses Angebot sollte über eine moderne Website ins beste Licht gerückt werden. Die Quiz-App macht das Museum interaktiv erlebbar.

Quiz-App

Unsere Kooperation mit dem Museum begann mit der Entwicklung einer Quiz-App, die von den Besuchern des Schlosses geladen werden kann. Sie ist sowohl für Android als auch für iOS verfügbar oder kann über das Internet

Moyland App
aufgerufen werden. Die enthaltenen Quiz können von den Redakteuren gepflegt und dadurch immer wieder verändert oder erweitert werden.

In der App gibt es eine Listenansicht, auf der alle verfügbaren Quiz aufgelistet werden. Ein einzelnes Quiz besteht aus mehreren Fragen mit verschiedenen Auswahlmöglichkeiten, von denen nur eine Antwort passt. Ob man richtig lag oder daneben getippt hat, wird direkt angezeigt.

Die App haben wir mit der JavaScript-Programmbibliothek React als „Progressive Web-App“ (PWA) entwickelt. Das bedeutet, dass sie technisch mit normaler Web-Technologie (React/JS) gebaut wurde, sich für den Nutzer aber wie eine dynamische App anfühlt.

Weiter ging es mit der nativen Android-App, „Trusted Web Activity“ (TWA) genannt. Darin enthalten ist eine Konfigurationsdatei mit allen benötigten Informationen wie Name, ID, Authentifizierungskey, usw. Diese App hat nur eine einfache Aufgabe: Sie öffnet die „Progressive Web-App“ direkt im Fullscreen-Modus im Browser.

Bei der Entwicklung geholfen hat uns die IDE-Integration „Android Studio“ durch einen praktischen Code Editor und Test Applikationen für eine Vielfalt von Android Geräten. Für die UI-Entwicklung auf Android hatten wir das empfohlene Toolkit „Jetpack Compose“ im Einsatz. Die Programmierung selbst lief in der für Android-Apps beliebten Programmiersprache Kotlin.

Website

Nach Fertigstellung der Quiz-App ging es dann an die Website

Startseite: Schloss Moyland
, die wir auf Basis von TYPO3 programmiert haben. Ein paar von uns eingerichtete, sehr praktische Erweiterungen vereinfachen die redaktionelle Pflege der Seite enorm.

Für die Veranstaltungen sind die Extensions „calenderize“ und „calenderize_news“ im Einsatz. Selbst sich wiederholende Veranstaltungen, wie z.B. Führungen, müssen von den Redakteuren tatsächlich nur einmal angelegt werden und können dann frei terminiert werden.

Beim Absenden eines Formulars gibt es als Sicherheitsabfrage ein Captcha. Der Vorteil der von uns verwendeten Extension „bw_captcha“ ist, dass Google oder andere Drittanbieter darin nicht eingebunden sind. Aus rechtlicher Perspektive gemäß DSGVO die beste Wahl.

Um den Redakteuren das Anlegen und Versenden des Newsletters so simpel wie möglich zu gestalten, haben wir uns für die beliebte Extension „luxletter“ entschieden.

Ein Highlight im Schloss Moyland ist die Hortensiensammlung. Die über 2.500 Pflanzen begeistern die Besucher mit ihrer Formen- und Farbenpracht. Im Schlossgarten finden sich bei den Hortensien QR-Codes, über die man einen Link zur Website aufrufen kann. Der Nutzer findet auf der Seite dann ein Bild sowie den Namen der gescannten Hortensie, ihre Eigenschaften, Blütenfarbe, Blütenform und Beetnummer. Technisch realisiert ist diese Funktion über unsere eigene Extension „moyland_hortensien“. Diese liest eine Excel-Tabelle aus und erstellt daraus Hortensien-Datensätze mit den entsprechenden Informationen. Die dazugehörigen Bilder werden in der TYPO3-Dateiliste abgelegt.

Das speziell auf Moyland zugeschnittene Design haben wir nach den Vorgaben eines befreundeten Grafikers integriert.

Wir arbeiten mit unseren Kunden in der Regel langfristig zusammen und helfen gerne bei allen Fragen rund um die Website weiter. Für das Museum bauen wir beispielsweise ganz aktuell, fast zwei Jahre nach dem Livegang, an neuen Inhaltselementen für den Newsletter.

Sie brauchen einen kompetenten Partner für Ihr Web-Projekt?

Sprechen Sie uns jetzt an!

Leistungsumfang

Corporate Website Konzeption mehrsprachig responsive Webdesign Schulung Wartung

Technik dahinter

Bootstrap HTML5/CSS3 JavaScript PHP TYPO3 CMS

Extensions

 bw_captcha  Calendarize - Event Management  calendarize_news  Container  luxletter  matomo_widgets  News  om_cookie_manager  Heise Shariff