(openPR) Stuttgart 14.2.2013 - Das Web-Portal der Dualen Hochschule Baden Württemberg Stuttgart wurde zu Beginn 2013 einem kompletten technischen und grafischen Relaunch unterzogen. Das durch TYPO3 CMS betriebene Portal wurde in Kooperation zwischen der Online-Redaktion der DHBW Stuttgart, unter Leitung von Dipl.-Wirt.-Ing. (FH) Anke Bornträger und dem TYPO3 Spezialisten cron IT GmbH in mehreren Schritten auf die neuste Technik aktualisiert. Mit modernem Responsive Design ist die Seite nun auch bestens für den Besuch via SmartPhones und kleineren Tablets vorbereitet. Eine komplett neu aufgesetzte Volltextsuche auf Basis von Apache Solr erleichtert das schnelle Auffinden gewünschter Informationen.
Die größte Neuerung ist das komplett neu gestaltete Frontend.
Das Design-Team um cron IT gestaltete in Zusammenarbeit mit der DHBW Stuttgart eine neue und frische Außendarstellung. Durch den Einsatz des Frameworks “Bootstrap” (von Twitter) und einer HTML5 Umsetzung wurde das neue Layout mit der Responsive Design Technik umgesetzt. Das Layout passt sich damit konsequent automatisch an das Endgerät an: Vom kleinen SmartPhone mit geringer Bildschirmfläche bis hin zum “Wide-Screen” Desktop.
Jede der insgesamt 4 Auflösungsklassen (SmartPhone, Tablet, Desktop, Widescreen) bekommt eine auf das Gerät optimierte Darstellung. Die komplexe und verschachtelte Navigation des Portals ist bei einem kleinen Gerät aufklappbar und mit innovativer Touch-Navigation bedienbar. Die zum Teil mehrspaltigen Inhalte sind bei einem SmartPhone untereinander positioniert, bei einem schmalen Tablet werden aus drei Spalten zwei. Breite Tabellen mit mehreren Spalten bauen sich bei geringerer Auflösung in eine handliche Darstellung um, wobei die Informationen nicht mehr zeilenweise, sondern linear angezeigt und die Tabellenköpfe den jeweiligen Zellen vorangestellt werden.
Ziel des Projekts war die Darstellung sämtlicher Inhalte des Web-Portals auf allen Geräten zu gewährleisten und gleichzeitig den redaktionellen Aufwand dadurch nicht zu erhöhen. Trotz der enormen technischen Änderungen konnte wie gewohnt weitergearbeitet werden – es war keine „extra“ Schulung notwendig.
Bewusst wurde keine getrennte “Mobile Version” der Webseite erstellt. Durch die Responsive Design-Technik war dies erstmalig möglich.
Ein zweiter wichtiger Punkt bei dem Relaunch war der Austausch der Standard TYPO3 Such-Engine “Indexed Search” durch eine moderne Suche, basierend auf Apache Solr. Die Standardsuche kam bei den vielen Inhalten (rund 2000 Seiten, 6000 Inhaltselemente und 2500 PDF-Dateien) nicht mehr hinterher, war zudem nicht ausreichend flexibel. Durch Apache Solr erscheinen nun die Treffer rasant schnell und nützliche Funktionen wie Auto-Vervollständigung beim Tippen und Facetten für das nachträgliche Filtern unterstützen den User dabei, die richtigen Informationen komfortabel zu finden - seien es Kontaktdaten eines Mitarbeiters, eines Studiengang oder eine Pressenachricht.
Zur Umsetzung der neuen Responsive-Version kommt hinzu, dass in den letzten Monaten bereits diverse Techniken zur performanteren Frontend-Auslieferung umgesetzt wurden (Einsatz von Sprites, CSS/JS Optimierungen, Server-seitiges Komprimieren, TYPO3 Caching Tunings), von denen vor allem Endgeräten ohne Breitbandanschluss (Mobilfunk) profitieren. Aber auch für den Desktop Browser ist das Klicken zwischen den Seiten enorm effizient.
Abgerundet wird der Relaunch mit viel Liebe zum Detail:
Durch Microdata angereichertes HTML5 für ein semantisches Web (bei Mitarbeiter- und Firmendaten, News und Breadcrumbs)
Die Google Maps API wurde auf Responsive umgestellt, somit auch für Touch Endgeräte besser geeignet
Formulare, Paginatoren und andere Elemente folgen nun Twitter Bootstrap Konventionen und werden einheitlich dargestellt
Ein neuer Responsive Bilder-Slider steht zudem den Redakteuren zur Verfügung (auf der Startseite zu sehen).
Dieses und vieles mehr erwartet nun ab 2013 die zahlreichen Besucher der DHBW Stuttgart Hauptseite. Im Verlauf diesen Jahres werden auch die Studienportale (Standort Stuttgart und Campus Horb) auf Responsive Design umgestellt.
Duale Hochschule Baden-Württemberg Stuttgart
Die Duale Hochschule Baden-Württemberg Stuttgart gehört mit rund 8.000 Studierenden zu den größten Hochschuleinrichtungen in den Regionen Stuttgart und Oberer Neckar. In Kooperation mit rund 2.000 ausgewählten Unternehmen und sozialen Einrichtungen bietet sie mehr als 40 national und international anerkannte, berufsintegrierte Bachelor-Studienrichtungen in den Fakultäten Wirtschaft, Technik und Sozialwesen an. Die Studierenden wechseln im dreimonatigen Rhythmus zwischen der Hochschule und dem Ausbildungsbetrieb, dem Dualen Partner. Auf diese Weise sammeln sie bereits während der Studienzeit Berufserfahrung. Finanzielle Unabhängigkeit, sichere Chancen auf dem Arbeitsmarkt durch außergewöhnlich hohe Übernahmequoten, kleine Kursgruppen und die internationale Ausrichtung bieten den Studierenden enorme Vorteile.
Weitere Informationen:
http://www.dhbw-stuttgart.de
Leiterin Online-Redaktion
Dipl.-Wirt.-Ing. (FH) Anke Bornträger
