Kundenreferenz
 - Moderne Weboberfläche für volle Transparenz

  

Unser Kunde:
Freie Universität Berlin

Die Freie Universität Berlin gehört zu Deutschlands ausgewählten „Exzellenzunis“. Über die Berlin University Alliance kooperiert sie eng mit den beiden anderen Berliner Universitäten sowie mit der weltberühmten Charité in Forschung und Lehre. Durch ihre weltweit rund 100 universitätsweiten Partnerschaften, rund 330 Unipartnerschaften im Netzwerk Erasmus, ca. 45 Institutspartnerschaften und die weltweit 5 Verbindungsbüros lebt sie aktiv ihre internationale Ausrichtung.

So erreicht man in der Forschung eine Vielfalt an Kooperationen in Verbundprojekten und Netzwerken sowie einen großen Umfang an Drittmitteln. Die Forschungsschwerpunkte an der Freien Universität sind in unterschiedlichen Strukturen organisiert, etwa interdisziplinären Netzwerken, Exzellenzclustern und Forschungszentren. Eine öffentliche Transparenz der Forschungsprojekte und ihrer Träger und Förderer ist der FU Berlin dabei sehr wichtig.

Ausgangssituation

Alle aus Drittmitteln finanzierten Forschungsprojekte werden bei der FU Berlin administrativ in einer Datenbank verwaltet. Faktisch umgesetzt ist dies in einem SAP-System. Der Öffentlichkeit wird zur vollen Transparenz über Drittmittel in der Forschung zudem ein Verzeichnis aller entsprechenden Projekte zur Verfügung gestellt. Realisiert wird dies über eine Weboberfläche auf einer Unterseite der FU-Website. Die bisherige Weboberfläche wurde mit SAP Web Dynpro umgesetzt. Die Weboberfläche griff dabei für jede einzelne Suchanfrage auf der UI direkt auf die produktive Projektdatenbank zu.

Dies machte die Benutzeroberfläche nicht nur langsam, sondern hätte im schlimmsten Fall auch ein Einfallstor für Manipulationen sein können. Zudem entsprach die Oberfläche weder optisch noch in Sachen Bedienbarkeit dem aktuellen Stand der Webentwicklung und war auch nicht responsiv, passte sich also der Nutzung über mobile Endgeräte nicht an. Die Anwendung sollte erneuert werden, um Bedienbarkeit und IT-Sicherheit zu erhöhen und eine moderne, responsive Benutzeroberfläche im Corporate Design der FU Berlin zu schaffen.

Das Projekt

Leistungen

Analyse, Konzeption, UI/UX-Design und Entwicklung

Methoden

Wireframing, agile Entwicklung

Technologien

TypeScript, React, Material-UI, Spring, PostgreSQL

cronn reference quote lims

cronn hat mit hoher Fachkompetenz und konstruktiven Vorschlägen eine Webanwendung entwickelt und implementiert. Projektanforderungen und weitere Anpassungen im Rahmen des Supportvertrages nach Projektabschluss wurden in kurzer Zeit und mit stetiger Kommunikation zwischen dem cronn-Projektteam und der FUB umgesetzt. Wir sind mit dem Ergebnis und der sehr guten und unkomplizierten Zusammenarbeit sehr zufrieden.

— Dr. Annette Lewerentz, Freie Universität Berlin

Lösung

Das cronn-Team begann mit der Arbeit an einer Architektur, in der der Datenbestand der produktiven SAP-Datenbank in einer PostgreSQL-Datenbank gespiegelt wird. Dafür entwickelte unser Team eine lesende Schnittstelle zum SAP-Produkt, die die Datensätze regelmäßig abgleicht. Auf der SAP-Seite wurde die Schnittstelle von Expert:innen der FU Berlin im engen Austausch mit dem cronn-Team so eingerichtet, dass nur Daten übermittelt werden, die für die Öffentlichkeit relevant sind. Da das Webinterface durch diesen Zwischenschritt nicht mehr aktiv auf die produktive Projektdatenbank zugreifen muss, erhöhen sich Performance und Sicherheit.

Zunächst entwickelte unser Team aus Webentwickler:innen und UX-Designer:innen ein lauffähiges Mockup. In diesem klickbaren Designentwurf waren bereits alle zentralen Komponenten enthalten, sodass man alle Schritte bis zum Suchergebnis im neuen Design erleben konnte. Das Mockup bildete die Basis für die Besprechungen mit der FU Berlin und diente als Vorlage für die Entwicklung.

Durch diesen agilen Prozess konnten wir die Anwendung bereits nach kurzer Zeit auf der Zielumgebung installieren. Die Verantwortlichen bei der FU-Berlin konnten dabei jeden Entwicklungsschritt fast in Echtzeit mitverfolgen. Während der weiteren Zusammenarbeit wurden somit regelmäßig die nächsten Schritte besprochen und die FU Berlin konnte neue Funktionen direkt testen.

Zusammenspiel der Komponenten der Webanwendung

Zusammenspiel der Komponenten der Webanwendung

Kundenvorteil

Im Ergebnis entstand eine moderne, sichere und performante öffentliche Weboberfläche für die Forschungsdatenbank. Das Design der UI fügt sich nahtlos in die Webpräsenz der FU Berlin ein. Die Suche verfügt über eine Vielzahl nützlicher Features und ist intuitiv zu bedienen, sodass auch Nutzer:innen ohne interne Kenntnisse der FU Berlin die verschiedenen Filtermöglichkeiten effizient nutzen und gefilterte Daten einfach ausdrucken oder downloaden können.

Als Partner bringt cronn die gesamte notwendige Expertise für das Projekt mit. So konnten wir eine ansprechende und effektive Weboberfläche schaffen und gleichzeitig gemeinsam mit Verantwortlichen der FU die SAP-Schnittstelle gestalten sowie die Anwendung auf den Servern der FU Berlin in Betrieb nehmen. Mit unseren Fähigkeiten unterstützen wir die FU Berlin durchgängig vom Projektstart bis zur Liveschaltung und darüber hinaus.

cronn Pluspunkte

Kompetenz über das gesamte Projekt

Vom UI-Design bis zur automatischen Datenaktualisierung

Transparentes Projektmanagement

Arbeitsstand ist live für den Kunden verfügbar

Hohe Flexibilität

Schnelle und einfache Umsetzung von Anpassungs- und Änderungswünschen

Interessiert?

Gibt es ein Projekt, bei dem wir Sie unterstützen können?
Kontakt aufnehmen