Alle Projekte

Projektbild für: corpuls.mission REPORT

corpuls.mission REPORT

Für die Dokumentation wird ein neues Modul corpuls.mission REPORT entwickelt. corpuls entwickelt für dieses Modul eine Web-Applikation, mobile Apps für iOS und Android sowie das dazugehörige Backend. Der Fokus liegt auf einer guten UX (Benutzerfreundlichkeit), insbesondere während eines Rettungseinsatzes. Dabei nutzen wir für medizinisches Personal bekannte Schemata wie FAST und ABCDE und bieten diese so an, dass Sie einfach und schnell sowohl am PC, als auch auf einem Tablet ausgefüllt werden können. Unser Team ist für die Entwicklung der Web-App zuständig. Für die Web-Oberfläche wird auf das Angular Framework gesetzt, die Programmierung selbst wird mit TypeScript durchgeführt. Das Backend baut auf eine Spring-Boot-Applikation mit Java auf und bietet REST-Schnittstellen, wie auch Web Sockets für die verschiedenen Clients. Für die Datenbank verwenden wir eine MongoDB. Da die Applikation weltweit im Einsatz ist, implementierten wir einen internationalisierten Hybriden, der jedem Kunden ein hohes Maß an Individualisierbarkeit der Terminologien anbietet.

Profilfoto von Claudia Wunderlich

Profilfoto von André Kamrad

Projektbild für: Unternehmens-Website

Unternehmens-Website

Zunächst mussten wir den Fokus unserer Website von zwei einzelnen Freiberuflern auf nunu-web als Ganzes verlagern. Deshalb entfernten wir die einzelnen Profile von unserer Website und entwarfen eine neue Seitenstruktur, die in erster Linie nunu-web und seine Projekte mit einem Hinweis darauf, wer an diesen Projekten gearbeitet hat, darstellt.Um die Inhalte für unsere Website und Profile einfach hinzufügen und bearbeiten zu können, entschieden wir uns für ein Headless CMS (Content Management System). Es enthält einen gemeinsamen Datensatz für die Website und die Profile. Auf diese Weise müssen wir unsere Website- und Profil-PDFs nicht mehr einzeln bearbeiten.Da wir uns eine Zusammenarbeit mit englischsprachigen Unternehmen gut vorstellen können, haben wir uns auch entschieden, unsere Website und Profile sowohl auf Deutsch als auch auf Englisch auszuliefern.Nicht zuletzt müssen auch die Kontaktmöglichkeiten neu gestaltet werden. In Zukunft hat ein Interessent zwei Kontaktmöglichkeiten:wenn wir verfügbar für eine Auftragsvergabe sind, gibt es ein Kontaktformular, oderwenn nicht, gibt es den Hinweis, sich für einen "Verfügbarkeits"-Newsletter anzumelden.In beiden Fällen erfahrt ihr, wann wir für einen Auftrag frei sind. Als Headless CMS wurde SanityIO eingesetzt. Sanity ist ein sehr leichtgewichtiges und anpassbares CMS, in welchem wir Daten über z.B. Projekte und Autoren in Deutsch und Englisch speichern. So haben wir die Möglichkeit, alle Daten einfach an einem Ort zu speichern und für die Website und Profil-PDFs zu nutzen. Für das Frontend verwendeten wir NextJS mit statischer Seitengenerierung, das auf ReactJS aufbaut, weil es uns das Look & Feel einer Web-App, die Leistung einer statischen Website und Vorteile bei SEO (Suchmaschinenoptimierung) gibt. Das UI/UX-Design wurde mit Figma erstellt und mit TailwindCSS implementiert/generiert. Jede Seite wird dynamisch aus den von Sanity abgerufenen Daten generiert. Wir implementierten auch meta-, opengraph und jsonld-Tags für jede Seite, um SEO und Vorschaukarten zu optimieren. Wenn Sie die Website ohne Pfadangabe öffnen, wird die bevorzugte Browsersprache verwendet. Sie können auch in der Kopfleiste zwischen den Sprachen umschalten. Unsere Profil-PDFs werden jetzt dynamisch aus HTML mit den Daten von Sanity generiert. Das wird noch kommen: Interessenten können uns derzeit auf unserer Website kontaktieren, indem sie einen Termin über Calendly buchen. Während Calendly ein super praktisches Tool ist, bekommen wir zu viele Nachrichten - nicht nur von echten Personen. Der neue Ansatz sieht eine Kontaktseite vor, die (abhängig von den Projekt-Enddaten von Sanity) ein Kontakt- oder ein Newsletter-Anmeldeformular ausgibt, das euch über den aktuellen Stand unserer Verfügbarkeit informiert.

Profilfoto von André Kamrad

Profilfoto von Claudia Wunderlich

Projektbild für: High-Performance Cache

High-Performance Cache

Wir entwickelten einen High-Performance Cache, der Hotelzimmerdaten basierend auf externen Quellen und internen Business-Kriterien verarbeitet und für die Suche zur Verfügung stellt. Die an diesen Cache übermittelten Abfragen generieren eine große Auswahl an Angeboten, die nach Faktoren wie Verfügbarkeit und Kundenmärkten gefiltert werden können, so dass die Kunden leicht ein passendes Hotelzimmer an ihrem Wunschort finden können. Um diesen Cache auszuführen, wurde eine Reihe von Microservices mit Spring Boot erstellt und in einem AWS Kubernetes-Cluster verwaltet. Zusätzlich wurden Lambda-Funktionen erstellt, um eingehende SQS- und SNS-Streams im Unternehmen zu verarbeiten und sie zur weiteren Verarbeitung an den zentralen Kafka-Message-Bus weiterzuleiten. Die abschließende Anordnung der Daten in einer DynamoDB stellt den Datensatz für die Suchanfragen bereit.

Profilfoto von André Kamrad

Projektbild für: Tarifrechner

Tarifrechner

Bestehende online-verfügbare sowie fehlende Tarifrechner sollten angelehnt an aktuelle interne Prozesse und mit guter Performance neu konzipiert und umgesetzt werden. Wir entwickelten neue Apps in Angular. Ich habe für 4 Teams gearbeitet und mehrere Angular-Komponenten für verschiedene Tarifrechner implementiert, indem ich Inhouse-entwickelte UI-Komponenten verwendete. Nicht nur das Look-and-Feel des Frontends wurde modernisiert – wir haben auch Tools wie A/B-Tests zur Verbesserung der Kundenzufriedenheit und ein besser automatisiertes Error-Reporting implementiert, um in Produktion noch schneller auf technische Probleme reagieren zu können.

Profilfoto von Claudia Wunderlich

Projektbild für: Schnittstellen-Entwicklung

Schnittstellen-Entwicklung

Es ist notwendig, eine direkte Verbindung herzustellen, um die Dauer der Auftragsbearbeitung drastisch zu verkürzen. Dazu sollte eine Schnittstelle geschaffen werden. In frühen Gesprächen wurden bereits die Spezifikationen der neuen Schnittstellen festgelegt und man kam zu dem Schluss, dass REST für die Datenübertragung und Statusaktualisierung verwendet werden sollte. Da der Dienst die Schnittstellen noch nicht bereitstellen konnte, wurde ein Microservice implementiert, um die festgelegten Schnittstellen zu replizieren und die Entwicklungs- und Testprozesse vorübergehend zu unterstützen.

Profilfoto von André Kamrad

Projektbild für: Antrags-Prozessautomatisierung

Antrags-Prozessautomatisierung

Um die Einreichung von Formularen effizienter zu gestalten, sollte die Einreichung, Prüfung und Genehmigung von Anträgen über eine moderne Webschnittstelle erfolgen, die sowohl für die Antragsteller als auch für die Bearbeiter der öffentlichen Dienste zugänglich ist. Als Lösung wurde eine mehrstufige Web-Formular-Plattform entwickelt, die RPA zur teilweisen Automatisierung des Genehmigungsprozesses und zur Zugriffsverwaltung einsetzt, um den Zugang für bestimmte Personen je nach Prozessschritt zu ermöglichen.

Profilfoto von André Kamrad

Projektbild für: Wissensvermittlung Angular

Wissensvermittlung Angular

Ich unterstützte in 2 Teams, in welchen ich ein Admin-Dashboard für die grafische Auswertung von internen Daten implementierte und am Frontend bei der Abarbeitung von User Stories unterstützte. Darüber hinaus hielt ich einen 2-tägigen Angular-Workshop für eine Gruppe von ~10 Java-Backend-Entwicklern. Der Workshop war in theoretische und praktische Abschnitte unterteilt, sodass die Teilnehmer ihr neu gewonnenes Wissen direkt anwenden und vertiefen konnten. Zu den abgedeckten Themen gehörten eine allgemeine Einführung in Angular, Angular Router, Observables, Angular Forms (template-driven und reactive), Angular Architecture (Components, Inputs und Outputs, ContentChildren und ViewChildren) und Angular Material.

Profilfoto von Claudia Wunderlich

Projektbild für: Freigabeprozess-Verwaltung

Freigabeprozess-Verwaltung

Es wurde ein automatisierter Ansatz benötigt, um eine große Anzahl von Hotelzimmern durch einen regelbasierten Genehmigungsprozess zu schicken und sie dann dem Endkunden über verschiedene Vertriebskanäle anzubieten. Unter ständigem Austausch mit anderen Teams wurde eine Anwendung entworfen und entwickelt, welche für die Definition, Verwaltung und Konfiguration der Regeln zuständig ist. Die Anwendung wurde in Angular 8 und Spring Boot entwickelt.

Profilfoto von Claudia Wunderlich

Profilfoto von André Kamrad

Projektbild für: Whitepaper-Portal

Whitepaper-Portal

Wir entwickelten eine Webplattform, die Whitepapers in Form von PDF-Dateien und Podcasts bereitstellt. Sie wurde so konzipiert, dass sie sowohl von Unternehmen als auch von Privatpersonen genutzt werden kann. Wir entwickelten eine responsive Single-Page-Application (SPA) bei kontinuierlicher gemeinsamer Ideen- und Entscheidungsfindung, regelmäßigen User-Tests sowie Anwendung agiler Methoden und Tools. Die Web-App wurde in Angular 8 und NodeJS + ExpressJS entwickelt und auf Firebase - unter Verwendung von Firebase Functions, FireStore, Cloud Storage for Firebase und Firebase Authentication - gehostet. Die implementierten Features umfassten den Up- und Download von Whitepapers, die Suche von Whitepapers (unter anderem mithilfe von Tags zu diversen Innovationsthemen), das automatisierte Spreading auf verschiedenen anderen bekannten Plattformen, die automatisierte Generierung von Audio-Dateien, die als Podcasts dienen und ebenfalls automatisiert auf andere bekannte Plattformen gespreadet wurden und sehr hohes SEO-Ranking mithilfe von Server-Side-Rendering (Angular Universal), regelkonformem Einsatz von HTML-Tags und Backlinks. Hierbei spielte Robotic Process Automation (RPA) eine große Rolle. Das Hochladen eines Whitepapers erfordert über die PDF-Datei hinaus Metadaten, wie Name des Autors, Veröffentlichungsdatum und einen kurzen Einleitungstext, der vor dem Download auf der Detail-Page angezeigt werden kann. Diese Werte wurden automatisiert ausgelesen und in einem Formular vorbelegt, sodass der User möglichst wenig Arbeit hat. Das Generieren von Audio-Dateien lösten wir durch einen Python-Script, der die PDFs nach Content durchsucht und diesen kategorisiert (bspw. nach Haupttext, Überschriften und Bildunterschriften). Ein externer Online-Dienst generierte aus diesem Text eine Audio-Datei durch Einsatz einer Computer-generierten Stimme. Dieser Prozess lief asynchron und der Podcast ist nach Upload eines PDFs innerhalb weniger als einer Stunde online.

Profilfoto von Claudia Wunderlich

Projektbild für: Patienten-Dokumentation

Patienten-Dokumentation

Ein wesentlicher Bestandteil eines neuen Gesetzes ist die visuelle Bewertung einer großen Menge von Informationen. Dies sollte in Diagrammen und Tabellen dargestellt werden. Ich entwickelte eine Erweiterung der Applikation in GWT um die Berechnung und Darstellung der geforderten Zahlen. Der Aufgabenbereich erstreckte sich über Front- und Backend.

Profilfoto von Claudia Wunderlich

Projektbild für: Reisebuchungs-Portal

Reisebuchungs-Portal

Erhöhtes Arbeitsaufkommens erforderte Unterstützung bei der Abarbeitung diverser User-Stories, bei denen ich unterstützte. Ich unterstützte das Team bei der Implementierung des Vanilla-JavaScript Frontends und PHP-Backends. Das Verhältnis von Bug-Fixing zu Neuentwicklung war ausgeglichen.

Profilfoto von Claudia Wunderlich

Projektbild für: Virtualisierung für Fahrzeuge

Virtualisierung für Fahrzeuge

Käufer sollen durch Virtualisierung von Fahrzeugen mit einem möglichst hohen Gehalt an Informationen das Fahrzeug aus jedem Blickwinkel betrachten und alle technischen Daten und Ausstattungsinformationen erhalten, ohne vor Ort sein zu müssen. Dies ist auch bei größeren Fahrzeugflotten dank RPA möglich. Es wurde eine aus vielen Microservices bestehende Anwendung entwickelt, die automatisiert Daten, basierend auf einer Fahrzeug-Identifikations-Nummer (FIN), von verschiedenen Drittanbietern sammelt. Diese Daten wurden im weiteren Prozess analysiert und durch vom Kunden eingerichteten Regeln erkannt und zusammengefasst. Dabei wurden Abgleiche zwischen den verschiedenen Anbietern getätigt und Duplikate entfernt. Am Ende des Prozesses erhielt der Kunde, Verkäufer und Käufer die aufbereiteten Daten zu genau dem vom Verkäufer eingestellten Fahrzeug. Mein Anteil am Projekt war die Entwicklung von mehreren Spring-Boot Microservices in einer Azure Cloud Umgebung, die mit weiteren Anwendungen in .NET, JavaScript und Python Daten austauscht.

Profilfoto von André Kamrad

Projektbild für: Qualitätsüberprüfung

Qualitätsüberprüfung

Zur Digitalisierung des Überprüfungsprozesses wurde eine hybride iOS-Applikation implementiert. Als Arbeitsgeräte dienten Apple iPads, die ohne mobiles Internet betrieben wurden. Die Datensynchronisation sollte auf das firmeneigene WLAN beschränkt bleiben. Vor Beginn ihrer Arbeit luden die Mitarbeiter Fragebögen und Routen auf ihre iPads. Wenn ein Mitarbeiter seine Route abgeschlossen hatte, kehrte er ins firmeneigene WLAN zurück, füllte die Formulare aus und lud die daraus resultierenden Daten auf den Server. Wir entwickelten eine Angular-Applikation, die unter Einsatz von Ionic Cordova auf iOS-Geräten installierbar wurde. Die offline-Funktionalität implementierten wir mithilfe eines Teil-Datenbank-Abbilds auf einer lokalen SQLite-Datenbank. Dieses Teil-Datenbank-Abbild enthielt außerdem Benutzernamen und MD5-encodierte Passwörter für die lokale Authentifizierung auf dem Gerät.

Profilfoto von Claudia Wunderlich

Projektbild für: Auftragsverwaltung

Auftragsverwaltung

Wir konzeptionierten und entwickelten ein Report-Feature, das es dem Kunden ermöglichte, einen Auditbericht für die jährliche Prüfung zu erstellen. In Zusammenarbeit mit dem Kunden haben wir ein Berichtslayout entwickelt und eine Funktion implementiert, die bei der Eingabe von Start- und Endzeiten die benötigten Daten sammelt und sie in zusammengefasster Form in das besprochene Layout in einem PDF-Export übertrug.

Profilfoto von André Kamrad

Projektbild für: Chat-Modul für Vereins-App

Chat-Modul für Vereins-App

Der Sportverein möchte die mobile App für seine Mitglieder verbessern, damit sie sich organisieren, kommunizieren und den Überblick behalten können. In diesem Zug sollte ein Chat-Modul implementiert werden. Für die mobile Anwendung wurde ein individuelles Chatelement entwickelt, das Funktionen wie 1-zu-1-Chat, Statusmarker zur Anzeige des Status (gesendet, angekommen, gelesen), Gruppenchats, automatische Gruppenteilnahme aufgrund hierarchischer Gruppenzugehörigkeit (Club-Chat, Team-Chat) und Schnittstellen zu anderen Modulen umfasst.

Profilfoto von André Kamrad

Projektbild für: Realtime-Kollaboration

Realtime-Kollaboration

Ziel dieses Projektes war die Neuentwicklung einer eigenständigen Web-Applikation, die es Kunden ermöglicht, kollaborativ auf Wunschlisten zuzugreifen, sodass Artikel von einem Nutzer gekauft und diese von allen anderen Nutzern nicht mehr ausgewählt werden können. Zu diesem Zweck wurde eine Angular + Spring Boot-Anwendung mit AWS-Authentifizierung entwickelt.

Profilfoto von Claudia Wunderlich

Projektbild für: Kontaktloses NFC-Kassensystem

Kontaktloses NFC-Kassensystem

Ein Android-Gerät sollte dabei helfen, die Arbeit der Service-Mitarbeiter effizienter zu gestalten, indem eine vorher ausgegebene Karte kurz an das Gerät gehalten und erst am Ausgang bezahlt wurde. So spart sich der Service-Mitarbeiter den Kassenprozess. Es wurde eine Anwendung mit Spring Boot für das Backend und eine Android-App für das Frontend entwickelt. Für das Kartensystem wurden Near Field Communication (NFC)-Karten ausgewählt. Das System wurde so konstruiert, dass die Daten gleichzeitig auf der Karte und in der Datenbank des Servers gespeichert wurden, um bei einem Verbindungsabbruch weiterhin ordnungsgemäß zu funktionieren.

Profilfoto von André Kamrad

Wie machen wir dein Projekt perfekt?