{"id":78123,"date":"2024-07-23T16:26:45","date_gmt":"2024-07-23T14:26:45","guid":{"rendered":"https:\/\/www.skaylink.com\/?p=78123"},"modified":"2024-07-23T16:28:45","modified_gmt":"2024-07-23T14:28:45","slug":"legacy-anwendungen-aus-alt-mach-neu","status":"publish","type":"post","link":"https:\/\/www.skaylink.com\/de\/insights\/blog\/legacy-anwendungen-aus-alt-mach-neu\/","title":{"rendered":"Legacy-Anwendungen: Aus Alt mach Neu"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Home<\/a><\/span><\/span><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Blog<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Legacy-Anwendungen:
Aus Alt mach Neu<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tSkaylink bringt frischen Wind in Legacy-Anwendungen \u2013 mit modernen Komponenten, neuen APIs und einer zeitgem\u00e4\u00dfen UI f\u00fcr mehr Effizienz und eine bessere User Experience.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t23. Juli 2024\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSkaylink\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Wir kennen sie alle \u2013 schwerf\u00e4llige, veraltete Systeme, die sich trotzdem hartn\u00e4ckig halten. Sie sind nicht nur eine physische Last, sondern auch echte Zeitfresser. Jede Stunde, die Sie damit verbringen, sich mit ihren Eigenheiten herumzuschlagen, ist eine Stunde zu viel, die auf Kosten von Innovation und Wachstum geht.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Kurzfristige Verbesserungen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Konzentrieren Sie sich zun\u00e4chst auf die einfachen Ma\u00dfnahmen: Modernisieren Sie die wichtigsten Komponenten einzeln nacheinander. G\u00f6nnen Sie Ihren Datenbanken ein Upgrade, implementieren Sie APIs, und automatisieren Sie manuelle Prozesse. Diese eher kleinen Dinge bewirken f\u00fcr die t\u00e4glichen Abl\u00e4ufe schon sehr viel. So sieht es zum Beispiel aus, wenn Skaylink f\u00fcr seine Kunden aktiv wird:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Istzustand analysieren<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Bei einem unserer Kunden ging es um eine Zeiterfassungsl\u00f6sung, die ein externer Anbieter vor l\u00e4ngerer Zeit entwickelt hatte. Sie funktionierte noch, doch die UI war inzwischen veraltet. Dadurch wurde die Software von neuen Benutzer*innen nicht mehr so gut angenommen. Au\u00dferdem handelte es sich um eine Client-Server-Anwendung ohne Webversion, weshalb externe Benutzer*innen sie nur mit VPN-Zugang oder eigener Installation nutzen konnten. Wir h\u00e4tten eine RDP-L\u00f6sung einsetzen k\u00f6nnen, aber das h\u00e4tte nichts an der unattraktiven Oberfl\u00e4che ge\u00e4ndert.<\/p>\n

Hinzu kam: Das Rechenzentrum, in dem die Anwendung gehostet war, sollte in K\u00fcrze geschlossen werden. Es stand also als zus\u00e4tzliche Herausforderung eine Cloud-Migration der Anwendung und der Datenbank an. Die Cloud Governance des Kunden sah die Authentifizierung \u00fcber Entra ID vor, die mit der Anwendung in ihrem aktuellen Zustand aber nicht m\u00f6glich war.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Plan aufstellen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Skaylink sah sich genau an, wie die Anwendung modernisiert werden k\u00f6nnte. Es gab gut dokumentierte interne Schnittstellen, auf die \u00fcber .Net zugegriffen werden konnte. Es wurde beschlossen, eine moderne UI zu entwickeln sowie eine API, damit externe Benutzer*innen die Anwendung mit Entra ID (Azure Active Directory) nutzen konnten. Eine Serverless-Architektur war nicht m\u00f6glich, da die Anwendung im gro\u00dfen Umfang COM-Objekte verwendete. Deshalb entschieden wir, die API auf einer IIS-Instanz zu hosten. Zum Ausf\u00fchren der Anwendung brauchten wir ohnehin virtuelle Maschinen, und auf diese Weise war alles an einem Ort vereint.<\/p>\n

\u00dcber Terraform stellten wir die erforderliche Infrastruktur mit einer APU und einer Instanz in Azure bereit. Da das mit Infrastructure-as-Code (IaC) sehr einfach ist, entwickelten wir auch eine Development Stage, die wir und der Kunde nutzen konnten, um weitere \u00c4nderungen an dieser Anwendung zu testen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

API einsetzen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Eine API zu einer vorhandenen Anwendung hinzuzuf\u00fcgen, er\u00f6ffnet zahlreiche neue M\u00f6glichkeiten \u2013 dank nahtloser Kommunikation mit anderen Softwaresystemen, besserer Interoperabilit\u00e4t und einfacherem Datenaustausch. Eine Anwendung mit API l\u00e4sst sich beispielsweise ganz einfach mit Projektmanagement-Tools oder der Lohnabrechnung synchronisieren, um Abl\u00e4ufe zu beschleunigen und ein effizienteres Arbeiten zu erm\u00f6glichen.<\/p>\n

F\u00fcr die Zeiterfassungsl\u00f6sung entwickelten wir eine REST API auf der Basis von .Net 6 und C#. Sie stellte alle Endpunkte zum Anlegen, Lesen, Aktualisieren und L\u00f6schen von Zeiteintr\u00e4gen bereit. \u00dcber die internen COM-Schnittstellen wird die Eingabe von der API zur eigentlichen Software transportiert.<\/p>\n

Beim Implementieren der API erstellten wir auch ein PowerShell-Modul zum Testen der API. Dieses Modul l\u00e4sst sich auch zum Automatisieren einsetzen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UI erneuern<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Der Kunde w\u00fcnschte sich eine moderne webbasierte UI, die wir auf Basis der API-Endpunkte mit Vue.js 3 entwickelten. Eine ansprechende, benutzungsfreundliche Oberfl\u00e4che ist sehr wichtig, damit die Software auch angenommen wird. Mit modernen Designprinzipien, einer intuitiven Navigation und responsiven Layouts wurde das Zeiterfassungstool nicht nur optisch attraktiver, sondern auch einfacher bedienbar.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Zeiterfassungsprozesse straffen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Nachdem die API integriert und die neue UI fertig war, ging es an die Zeiterfassungsprozesse. Wir ermittelten repetitive Aufgaben und Engp\u00e4sse im aktuellen Workflow und automatisierten diese Prozesse mithilfe der API. Von der Eingabe der Zeiteintr\u00e4ge \u00fcber die Projektzuordnung bis hin zu Reporting und Analysen wurden auf diese Weise alle Aspekte der Zeiterfassung effizienter und intuitiver f\u00fcr die Benutzer*innen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Testen und iterieren<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Beim Modernisieren von Anwendungen muss gr\u00fcndlich getestet werden, um sicherzustellen, dass alles so funktioniert wie vorgesehen. Wir holten Benutzerfeedback ein und lie\u00dfen die Ergebnisse in den n\u00e4chsten Sprint einflie\u00dfen. Denn kontinuierliche Verbesserung ist unerl\u00e4sslich, damit das Modernisierungsprojekt auch neuen Anforderungen Ihres Unternehmens gerecht werden kann.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Fazit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Die Modernisierung einer veralteten Zeiterfassungsanwendung ist eine strategische Investition, die sich vielfach auszahlt: mehr Effizienz, h\u00f6here Produktivit\u00e4t und zufriedenere Benutzer*innen. Mit einer API und einer ansprechenden neuen UI k\u00f6nnen Sie Ihre Zeiterfassungsprozesse optimieren und Ihr Team entlasten. \u00dcberzeugen Sie sich selbst, welches Potenzial Ihre Workloads durch Modernisierung entfalten k\u00f6nnen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Skaylink bringt frischen Wind in Legacy-Anwendungen \u2013 mit modernen Komponenten, neuen APIs und einer zeitgem\u00e4\u00dfen UI f\u00fcr mehr Effizienz und eine bessere User Experience.<\/p>\n","protected":false},"author":23,"featured_media":76199,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[26],"tags":[63],"class_list":["post-78123","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-cloud-migration"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/posts\/78123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/comments?post=78123"}],"version-history":[{"count":45,"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/posts\/78123\/revisions"}],"predecessor-version":[{"id":78349,"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/posts\/78123\/revisions\/78349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/media\/76199"}],"wp:attachment":[{"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/media?parent=78123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/categories?post=78123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skaylink.com\/de\/wp-json\/wp\/v2\/tags?post=78123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}