Search
Close this search box.
Group 928Created with Sketch.
Group 67Created with Sketch.
Group 125Created with Sketch.
Group 126Created with Sketch.
Group 126Created with Sketch.
Group 928Created with Sketch.
Group 67Created with Sketch.
Group 125Created with Sketch.
Group 126Created with Sketch.

Backstage customized

Backstage

Backstage customized

Backstage

Die digitale Transformation macht alle Unternehmen zu Softwareunternehmen. Jeder arbeitet mit Individualsoftware oder angepasster Standardsoftware. Backstage ist eine Open Source Lösung zum Bau eines Internal Developer Portals (IDP), das von Spotify vorangetrieben wird. Unsere Kompetenzen? Von Setup & Integration über Workshops & Schulungen für Ihre Mitarbeitenden, bis zur Entwicklung von Custom Plugins. Und wir sind begeistert aus Erfahrung.

Ralf Enderle, Portfolio Manager Business Applications

Wir lieben Software - und effiziente Zusammenarbeit

Ein IDP ist, was sich Entwicklerteams wünschen: Die moderne Werkbank für Softwareentwickler bei der alle Werkzeuge griffbereit liegen. An der Wand gibt es einen Monitor der Überblick über Verbindungen der Software und ihrer Komponenten, den Ansprechpartnern und deren Skills gibt. Über Suchen, Graphen und einen KI Chat können Informationen schnell gefunden werden, z.B. “In welchem Projekt nutzen wir NextJS, oder Hibernate?”, “Was macht Uwe Braun?”, “Wer kann mir mit Abap helfen?”
 

INHALT

Ein begeisterter Erfahrungsbericht

Die Herausforderung

Seit mehr als 20 Jahren bauen wir erfolgreich individuelle Software für unsere Kunden. Seit 2001 hat sich vieles geändert: neue Werkzeuge, neue Projekte, neue Komponenten (aus denen wir Projekte bauen) und auch viele neue Kollegen. In den 2000er Jahren hatte man oft mit nur einer Programmiersprache und wenigen Frameworks und Komponenten pro Projekt zu tun (Java Monolith). Ein lautes Rufen über den Flur reichte, um auf offene Fragen Antwort zu erhalten. Heute sind es zunehmend verschiedene Dienste, Programmiersprachen und Komponenten. Die Entwickler sitzen verteilt auf der ganzen Welt und sind in verschiedenen Projekten parallel im Einsatz. Bringt Codegenerierung mit KI den Umschwung? Wahrscheinlich leider nicht.

Unser Ziel ist, Projekte und deren Komponenten und Techniken transparent zu dokumentieren. Für uns – und am Ende natürlich auch zur Nachvollziehbarkeit für unsere Kunden. Dazu nutzen wir ein Wiki. Vor 20 Jahren state of the art und immer weiter gewachsen. Es gibt Übersicht woraus unsere Projekte bestehen aber es fehlt eine Gesamtübersicht. Welche Komponente wurde in welchen Projekten eingesetzt? Wer hat das Know-How das wir in dem neuen Projekt brauchen?

Auch wir müssen drei wesentliche Themen steigender Mitarbeitendenzahlen adressieren:

▪ Wer ist in welchem Projekt tätig? Welche Skills haben wir im Unternehmen? Woraus bestehen unsere Projekte? 
▪ Wie schaffen wir eine Übersicht über Werkzeuge, Komponenten und Erfahrungen?
▪ Wie können wir Automatisierung und Best Practices vereinen, um Projekte schneller in hoher Qualität anzuschieben?

 

 

Die Lösung

Ein Internal Developer Portal (IDP) – ein Entwicklerportal. Eine Plattform, die unsere verzweigten Informationen transparent macht. Der Vergleich von Produkten am Markt führt uns zu Backstage. Einem Projekt von Spotify, das von der Cloud Native Computing Foundation (CNCF) unterstützt wird und sich in 5 Phasen an unsere Bedürfnisse anpassen lässt:

Wir starten mit einem Prototypen und modellieren Datenstrukturen, um ein Beispielprojekt aus unserem Wiki in Backstage zu migrieren. Dabei legen wir strukturiert fest, welche Informationen wir aufnehmen wollen: Kunde, Projekt, verwendete Technologien wie Angular und React, sowie das zugehörige Team. So entsteht ein Netzwerk, das Projekte und ihre Komponenten aus verschiedenen Blickwinkeln sichtbar macht.

Nach erfolgreichem Prototyp migrieren wir schrittweise weitere Projekte. So entstehen Verbindungen zwischen Projekten und Teams, die vorher nicht deutlich waren. Man kann nun von Projekt XY bis auf die Bibliothek “React” navigieren und sofort erkennen, in welchen anderen Projekten ebenfalls “React” verwendet wird. Auch Erfahrungen und spezifische Dokumentationen werden zu diesen Bibliotheken hinterlegt.

 

Da wir bereits einen Techradar nutzen, der aktuelle Technologien und ihre Bewertung aufzeigt, migrieren wir diesen in ein vorhandenes Backstage-Plugin. Dies vernetzen wir mit den relevanten Bibliotheken und Projekten, sodass nun für alle ersichtlich ist, wie und wo bestimmte Technologien zum Einsatz kommen und bewertet werden. Das Plugin passen wir weiter an unsere Portfolios an und verbessern die Suche. Ein eigens entwickeltes Plugin zeigt weitere Informationen aus dem Techradar zusätzlich an den Komponenten an, wie zum Beispiel der Bibliothek “React”.

Im nächsten Schritt wenden wir uns den Wikiseiten mit Projektanleitungen zu. Anstatt komplexe Anleitungen zum Aufsetzen eines Projekts beizubehalten, migrieren wir diese Anleitungen in Backstage Software Templates. Diese Templates automatisieren viele Schritte, sodass die Nutzerinnen und Nutzer in Backstage nun über einen Wizard geführt werden, statt lange Anleitungen lesen zu müssen.

Abschließend führen wir Backstage schrittweise für alle Mitarbeitenden ein und stellen einen Userguide zur Verfügung, um die neue Struktur und die zusätzlichen Möglichkeiten zu erklären. So entsteht ein gemeinsames Verständnis dafür, wie Informationen zu Projekten, Komponenten und Wissen zentral dokumentiert und genutzt werden können.

Unsere Backstage Customized Startpage

Auswirkungen

Durch die Einführung von Backstage und den Einsatz der Software Templates konnten wir die Developer Experience deutlich verbessern: Statt langwieriger Setups laufen die Templates nun in Sekunden. Auch die individuell anpassbare Startseite, die sich nahtlos mit unseren bestehenden Werkzeugen wie der Zeiterfassung integriert, verbessert den Arbeitsfluss. Der größte Mehrwert zeigt sich jedoch in drei schwer messbaren, aber spürbar positiven Veränderungen:

    • Eine übergreifende Übersicht und ein neues „Wir-Gefühl“
: Die Plattform bietet eine zentrale, projektübergreifende Übersicht, die es ermöglicht, über die Grenzen einzelner Projekte hinaus zu denken und zu arbeiten. Dieses umfassende Bild hat ein neues Gemeinschaftsgefühl geschaffen, das den Zusammenhalt im Team stärkt und die Zusammenarbeit fördert.

    • Ein Skill-basiertes Netzwerk und eine aktive Community
: Auf Basis der transparenten Darstellung von Fähigkeiten und Kompetenzen unserer Entwicklerinnen und Entwickler ist eine lebendige Community entstanden. Diese Plattform ermöglicht es, gezielt nach Kompetenzen zu suchen und Hilfe anzubieten – ein Mehrwert, der den Austausch fördert und das gegenseitige Unterstützen erleichtert.

    • Ein nachhaltiger Prozess für neue Technologien: 
Bei der Evaluation neuer Technologien setzen wir nun auf standardisierte Software Templates, die automatisch alle notwendigen Schritte erledigen: Sie legen ein Repository, eine Dokumentationsstruktur, ein Team und einen Eintrag im Backstage-Katalog an und schaffen so die Basis für die Techradar-Diskussionen. Dieser transparente und strukturierte Prozess beschleunigt nicht nur die Einführung, sondern fördert auch den offenen Austausch über neue Technologien.

 

Eingesetzte Technologien

Backstage Open-Source Plattform, React, NodeJS, Typescript, Material UI,
Keycloak, Gitlab, Yarn, Docker, PostgreSQL, Apache Superset.

Backstage Video

Alle lieben Backstage

  • Entwickler profitieren von Transparenz & Übersichtlichkeit, dem Verzeichnis der Skills & dem Schnellstart von Projekten & der Automatisierung wiederkehrender Aufgaben
  • DevOps Engineers schaffen Automatisierungen, statt Anleitungen zu schreiben und können sich auf komplexere Aufgaben und Optimierungen konzentrieren
  • Planning nutzt die Gesamtübersicht für die effiziente Zuordnung von Entwickler:innen zu Projekten
  • People Manager erhalten mehr Einsicht über Erfahrung & Know-How der Entwickler:in in ihrem Wirkkreis
  • Sales erhält schnell Auskunft über Projekte, Technologieerfahrungen und laufende Tests/Experimente, um diese Informationen im Sales-Prozess zu nutzen

Unsere drei Versprechen

Geteilte Erfahrung

Unterstützung durch erfahrene Softwareentwickler

In Backstage können Projekte, Software-komponenten, APIs, Ressourcen bis hin zu User, Teams und Skills in einem Katalog verwaltet werden.
Aus unserer Erfahrung mit Backstage und über über 20 jährigen Erfahrung mit Software Entwicklung, fällt es uns leicht, die Features zu identifizieren, die Ihnen den größten Nutzen bieten.

Höhere Produktivität

Produktivitätssteigerung der
Entwicklung

Unsere angepassten Automatisierungen helfen Entwicklern schnell zu starten und damit Innovationen durch nachhaltigen Ausprobieren neuer Technologien zu fördern.
Wir entwickeln Automatisierungen maßgeschneidert für Ihre Bedürfnisse. Wir bringen dabei unser Know-How ein, dass wir in vielen Projekten gewonnen haben.

 
 

Nahtlose Integration

Nahtlose Integration mit 
Custom Plugins
 
Plugins sind die Bausteine, aus denen Backstage besteht. Manche passen und manche müssen passend gemacht und wieder andere sind noch nicht erfunden.
Wir entwickeln Frontend und Backend Plugins maßgeschneidert an Ihre Bedürfnisse nach den strengen Qualitätsrichtlinien von Spotify. Auf Wunsch begleiten wir auch Open Source Prozesse, um nachhaltig Plugins mit anderen zu teilen.

Wie wir helfen

Nach der Wahl des Betriebsmodells, stellt sich die Frage nach dem Anbieter. Aspekte wie die DSGVO-Konformität, Zertifizierungen, Skalierbarkeit und Flexibilität spielen dabei eine Rolle. Nicht jedes Business hat dieselben Voraussetzungen. Unternehmen sollten daher je nach Ziel, das sie mit der Cloud verfolgen, und entsprechend ihrer individuellen Geschäftsanforderungen entscheiden. Folgende Dimensionen helfen die Auswahl einzugrenzen:

Wir helfen vom Prototyping bis zum Rollout in On-Premise oder Cloud-Lösungen um Backstage nahtlos in Ihre Systemlandschaft zu integrieren. Wir beachten dabei die Datenschutzvorgaben und erarbeiten mit Ihnen den Prozess der Datenpflege. Unsere Kernkompetenz ist die Softwareentwicklung und daher wollen wir Ihre Softwareentwicklung verbessern.

Mit Custom Plugins können wir nahezu jeden individuellen Wunsch erfüllen und nahtlos integrieren. Mit Backstage gibt es einen Rahmen, mit dem die Entwicklung nahezu jede Datendarstellungen im Frontend, Datenverarbeitung und Integration ermöglicht. Die Plugins sind isoliert und qualitätsgesichert und können auf Wunsch auch Open Source gestellt werden, wenn Sie es wünschen. Unser Vorgehensmodell sichert dabei Ihr Risiko durch z.B. einen agilen Festpreis ab. 

Wir teilen unser Wissen und bieten deutsch und englischsprachige Schulungen an, mit denen Sie in der Lage sind, schneller ihre Backstage Portallösung zu bauen und zu erweitern. Unsere Schulungen bieten wir online und in Präsenz. Individuell auf Sie zugeschnitten.

Ralf Enderle

Portfoliomanager Business Applications

Ich bin Ihr Ansprechpartner. 

Kontaktieren Sie mich gerne bei allen Fragen zu Technologien und Architekturen. 

+49 731 550 26 550

ralf.enderle@exxcellent.de