Webentwicklung für SharePoint 2016 On-Premises
Berlin
25
Messewirtschaft
Microsoft Sharepoint 2016 On-Premises, React als Frontend Framework, SCSS und HTML 5
"Zusammen mit Layer2 collaboration works haben wir einen umfassenden Relaunch unserer Website auf Basis von SharePoint 2016 realisiert. Mit dem Ergebnis sind wir sehr zufrieden: einfachere Handhabung, schlankere Struktur und hohe Zufriedenheit – extern wie intern."
Wer ist der AUMA?
Als Verband der deutschen Messewirtschaft vertritt der AUMA die Interessen der Aussteller, Veranstalter und Besucher von Messen in Deutschland. Zudem informiert er Aussteller und Besucher über das weltweite Messeangebot, verantwortet das Dach-Marketing für den Messeplatz Deutschland im In- und Ausland, und koordiniert das Auslandsmesseprogramm des Bundeswirtschaftsministeriums. Weitere Aufgabenfelder sind die Forschung sowie die Unterstützung von Aus- und Weiterbildung.
SharePoint-Internetseite des AUMA: in die Jahre gekommen
Der AUMA strebte einen Relaunch seiner Internetseite an, die wir einige Jahre zuvor auf SharePoint 2007 umgesetzt hatten. Die neue Website sollte moderner, frischer, responsive und klar strukturiert sein. Außerdem sollte SharePoint wieder als Technologie dienen, um bereits vorhandenes Entwicklungs-Know How auf Seiten des AUMA weiter nutzen zu können. Unsere Empfehlung lautete deshalb: SharePoint 2016 On-Premises als .NET-basiertes CMS.
Wichtig war dem Kunden die leichte und komfortable Bedienbarkeit für die Redakteur:innen. Die Bearbeitung der Bereiche auf der Website sollte so flexibel wie möglich sein. Der AUMA wünschte sich ebenfalls wieder einen mehrsprachigen Internetauftritt. Den Usern soll die Möglichkeit geboten werden zwischen Deutsch, Englisch, Französisch und Spanisch zu wählen.
Eine weitere Herausforderung für uns: Die Abbildung von friendly URLs in SharePoint, um den Websitebesucher:innen das Auffinden von Inhalten zu erleichtern sowie die Seite für Suchmaschinen zu optimieren.
Responsive Website mit SharePoint 2016 On-Premises
Da die alte Datenstruktur aus SharePoint 2007 nicht übernommen werden sollte, war eine komplette Neustrukturierung in SharePoint 2016 notwendig. Einige Inhalte, wie das Messelexikon, Inhaltsseiten und Publikationen wurden per Script automatisiert migriert, so entfielen manuelle Kopierarbeiten.
Modularer Aufbau der SharePoint-Seiten
Um die Arbeit der Redakteure zu vereinfachen, legten wir nur wenige SharePoint-Seitentemplates an und entschieden uns stattdessen für einen modularen Aufbau der Design- und Strukturierungselemente. Die Bearbeitung und Aufteilung der Bereiche auf der Website sind somit für die Redakteure sehr flexibel. Das Design der neuen Website entwickelte zuvor eine Werbeagentur. Diese brieften wir hinsichtlich der Anforderungen und Besonderheiten, die beim Designentwurf für SharePoint-Anwendungen beachtet werden müssen. Die Agentur lieferte uns den HTML- und CSS-Code, den wir in SharePoint integrierten, um die Module für die Redakteure in SharePoint einsatzbereit zu machen.
Neue Navigation für bessere Orientierung
Es gibt eine angepasste Navigation als Megamenü. So erhalten die Nutzenden sofort einen Überblick über die Themen und Inhalte der Website.
Mit News immer up to date
Auf der Startseite gibt es verschiedene Möglichkeiten, News zu präsentieren. Zum Beispiel werden ausgewählte News im Header dargestellt und weiter unten auf der Seite in Kartenform mit Vorschaubild angezeigt. Das SharePoint-Newsmodul kann nach unterschiedlichen Kategorien gefiltert werden. Die Verschlagwortung wurde uns vom AUMA zur Verfügung gestellt, wird dort intern weiter gepflegt und ständig erweitert.
Content-Pflege leicht gemacht
Verschiedene Content-Module geben der neuen Website eine klare Struktur. Die Redakteur:innen können unter anderem Tabellen, Tablisten und Kontakte im Design der Agentur einfügen. Content-Slider, Teasermodule, Fotogalerien, Datenvisualisierungen mit Infografiken, Infoboxen und viele weitere Designelemente sind auf der Internetseite flexibel einsetzbar.
SharePoint Custom Actions
Der Kunde wünschte sich einen angepassten Rich Text Editor, der vom Look and Feel an bekannte Textverarbeitungsprogramme, wie zum Beispiel Microsoft Word, angelehnt sein sollte, um die Arbeit der Redakteur:innen noch einfacher zu machen. Die Agentur sah vor, nur bestimmte Styles in den SharePoint Rich-Text-Editor einzubinden. Dementsprechend passten wir diese an und schränkten weitere Textformatierungsmöglichkeiten ein. Zusätzliche Elemente für die Inhaltsstrukturierung, die im SharePoint-Standard nicht vorhanden sind, banden wir über Custom Actions in den SharePoint-Ribbon ein.
Globale Metadaten für Publikationen und Grafikdownloads
Wir entwickelten ein Modul, das Publikationen auf der Internetseite anzeigt. In einem kleinen Web-Shop können diese beim AUMA bestellt werden. Die User können hier nach Themengebieten filtern und Publikationen in unterschiedlichen Sprachen herunterladen oder bestellen.
Über SharePoint-Dokumentensets werden die Dokumente einer Publikation gruppiert. Auf Ebene der Dokumentensets werden Metadaten, wie zum Beispiel der Titel oder das Themengebiet vergeben. Diese gelten dann für alle Dokumente und Dateien, die in der Dokumentenmappe abgelegt werden. Den gleichen technischen Ansatz wendeten wir auch für den Bereich „Grafikdownload“ an.
Newsletter-Tool
Der Kunde nutzt ein HTML-Newsletterversandportal eines Drittanbieters. Über eine API, die wir in Zusammenarbeit mit der IT-Abteilung des AUMA entwickelten, banden wir dieses an die SharePoint-Website an. Die Newsletter-Redakteur:innen haben somit die Möglichkeit, Neuigkeiten auf der Webseite auszuwählen, die in der nächsten Newsletter-Ausgabe versendet werden sollen. Metadaten sorgen dafür, dass diese auf der Internetseite gruppiert dargestellt und einer Newsletter-Ausgabe sowie -Edition zugeordnet werden können.
Migration des Messelexikons
Wir migrierten die Inhalte des vorhandenen Messelexikons und implementierten die gewünschten Funktionalitäten in SharePoint 2016. Die User haben die Möglichkeit, relevante Lexikoneinträge auf einer Leseliste zu speichern, sich dort die gespeicherten Artikel anzusehen und diese dann als formatiertes Dokument auszudrucken.
Mehrsprachigkeit und friendly URLs
Die Internetseite wird in vier Sprachen – Deutsch, Englisch, Französisch und Spanisch – zur Verfügung gestellt. Die Sprachversionen sind über das SharePoint Variation Feature automatisch miteinander verbunden, bedeutet: Die Seiten müssen untereinander nicht manuell verlinkt und zugeordnet werden. Diese Funktionalität bringt SharePoint 2016 out-of-the-box mit.
Um eine bessere Lesbarkeit zu gewährleisten und die Suchmaschinenoptimierung zu unterstützen, sollten friendly Urls verwendet werden. In der SharePoint-Standardeinstellung sind diese nicht vorhanden. Diese Anforderung setzen wir mit Managed Metadata, einem SharePoint Feature, um. Das Redaktionsteam des AUMA ist nun in der Lage short URLs zu vergeben, die unter anderem in Printmedien oder in den Social-Media-Kanälen verwendet werden.
Modernes Design und einfache Bedienung
Die Redakteur:innen arbeiten sehr gern mit der neuen SharePoint-Website. Der Zufriedenheitsgrad ist durch den Relaunch sehr gestiegen. Die einfache und unkomplizierte Handhabung beim Erstellen oder Bearbeiten von Inhalten, sorgt für hohe Akzeptanz.
Das moderne, frischere Design mit einer besseren Performance hilft den Kunden des AUMA dabei, Inhalte leichter zu finden. Die Mobilfähigkeit wird als großes Plus gewertet, weil die User sich intuitiv über die Seite bewegen können.
"Zusammen mit Layer2 collaboration works haben wir einen umfassenden Relaunch unserer Website auf Basis von SharePoint 2016 realisiert. Mit dem Ergebnis sind wir sehr zufrieden: einfachere Handhabung, schlankere Struktur und hohe Zufriedenheit – extern wie intern."
