{"id":552,"date":"2024-02-28T11:42:07","date_gmt":"2024-02-28T10:42:07","guid":{"rendered":"https:\/\/niwadev.com\/?page_id=552"},"modified":"2025-01-13T14:48:35","modified_gmt":"2025-01-13T13:48:35","slug":"implementierung-eines-modernen-digitalen-postfachs-fuer-ein-kundenportal-eines-energieversorgers","status":"publish","type":"page","link":"https:\/\/niwadev.com\/de\/projects-and-professional-experience\/implementing-a-modern-digital-mailbox-for-a-customer-portal-of-an-energy-supplier\/","title":{"rendered":"Implementierung eines modernen digitalen Postfachs f\u00fcr ein Kundenportal eines Energieversorgers"},"content":{"rendered":"<div class=\"gb-container gb-container-de098176\">\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized.svg\" alt=\"iMac zeigt die Seite des digitalen Posteingangs des Kundenportals. Der Posteingang enth\u00e4lt mindestens drei Rechnungen und es besteht die M\u00f6glichkeit, weitere Dokumente zu laden.\" class=\"wp-image-554\" style=\"width:auto;height:750px\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Eckdaten<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firma <a href=\"https:\/\/www.lew-sc.de\/lew-sc\" target=\"_blank\" rel=\"noopener\" title=\"LEW Service &amp; Consulting GmbH\">LEW Service &amp; Consulting GmbH<\/a> f\u00fcr <a href=\"https:\/\/www.lew.de\/fuer-zuhause\" target=\"_blank\" rel=\"noopener\" title=\"Lechwerke AG\">Lechwerke AG<\/a><\/li>\n\n\n\n<li>Rolle: Backend Software Entwickler (angestellt)<\/li>\n\n\n\n<li>Zeitraum: Januar 2021 bis Juni 2021<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Hintergrund<\/h2>\n\n\n\n<p>Durch die Migration des LEW-Kundenportals auf eine neue Umgebung wird eine neue L\u00f6sung zur digitalen Zustellung von Rechnungen ben\u00f6tigt. Diese soll auch f\u00fcr k\u00fcnftige Digitalisierungsma\u00dfnahmen erweitert werden k\u00f6nnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Situation vor Umsetzung<\/h2>\n\n\n\n<p>Nach der Migration des Kundenportals musste beispielsweise f\u00fcr die Funktion des Rechnungsabrufs noch auf das alte Portal zugegriffen werden. Zudem mussten alle weiteren Briefe auch f\u00fcr Online-Nutzer weiterhin auf dem postalischen Weg zugestellt werden. Dadurch entstehen Kosten f\u00fcr den Druck, die Kuvertierung und den Versand.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zielsetzung<\/h2>\n\n\n\n<p>Folgende Ziele wurden identifiziert:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Registrierte Kunden erhalten ihre Briefe und Rechnungen digital<\/li>\n\n\n\n<li>Briefe und Rechnungen sind f\u00fcr die Dauer der Nutzung der Online-Dienste einsehbar<\/li>\n\n\n\n<li>Alte im System vorhandene Rechnungen k\u00f6nnen nachtr\u00e4glich bereitgestellt werden<\/li>\n\n\n\n<li>Werden neue Dokumente bereitgestellt, wird der Nutzer in Echtzeit dar\u00fcber informiert<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Umsetzung<\/h2>\n\n\n\n<p>Nach eingehender Analyse der Anforderungen wurde erkannt, dass Dokumente je nach Typ unterschiedliche Metadaten haben k\u00f6nnen. Um dies effizient abbilden zu k\u00f6nnen, wurde sich f\u00fcr die Datenablage auf einer Azure Cosmos DB entschieden. Diese kann mit den schemalosen Daten hervorragend umgehen.<\/p>\n\n\n\n<p>An der Bereitstellung von Briefen sind zwei Bereiche beteiligt. Zum einen stellt der SAP-Bereich s\u00e4mtliche notwendige Informationen zur Verf\u00fcgung, zum anderen verarbeitet das Output-Management diese und st\u00f6\u00dft Druck und Versand an. Somit war eine enge Abstimmung mit diesen beiden Bereichen n\u00f6tig, um einen optimalen Prozess f\u00fcr den digitalen Versand zu entwickeln.<\/p>\n\n\n\n<p>Die Besonderheit in der Software-Architektur in diesem Fall war neben der neuen Datenbank auch die Identifizierung des Dokumententyps. Zus\u00e4tzlich musste sichergestellt sein, dass alle ben\u00f6tigten Informationen trotz drei beteiligter Systeme zuverl\u00e4ssig zur Verf\u00fcgung stehen. Je nach Dokumententyp sollen auch andere E-Mail-Templates bereitgestellt werden k\u00f6nnen, die bestimmte Informationen bereits vorab geben k\u00f6nnen. Da aufgrund gestiegener Qualit\u00e4t des Portals und Initiativen des Vertriebs die Zahl der Onlinenutzer stetig steigt, muss zudem die Skalierbarkeit im Auge behalten werden.<\/p>\n\n\n\n<p>Zur Implementierung des Postfachs konnte das frisch migrierte Kundenportal Anwendung einfach erweitert werden. Grundlegende Themen wie die Echtzeitaktualisierung bestanden bereits und konnten um das Ereignis \u201eneuer Brief im Postfach\u201c leicht erg\u00e4nzt werden.<\/p>\n\n\n\n<p>Auch hier wurde wieder auf das bereits bew\u00e4hrte Konzept der agilen und iterativen Entwicklung gesetzt. Somit fand zun\u00e4chst nur die \u00dcberf\u00fchrung des Dokumententyps \u201eRechnung\u201c statt, um zu pr\u00fcfen, wie gut Kunden mit dem neuen Postfach zurechtkommen und wie gut die Systeme miteinander arbeiten. In nachfolgenden Iterationen wurden dann Schritt-f\u00fcr-Schritt weitere vertragsbezogene Schreiben integriert. Hier zahlte sich die Konzeptionsphase voll aus. Denn eine einfache Erweiterbarkeit wurde dort bereits ber\u00fccksichtigt.<\/p>\n\n\n\n<p>Die Sicherheit darf auch hier nicht zu kurz kommen. Deshalb wurde ein Penetrationstest durchgef\u00fchrt, um die Funktionen und ihre Angreifbarkeit zu \u00fcberpr\u00fcfen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mein Beitrag<\/h2>\n\n\n\n<p>Als Softwareentwickler war ich zust\u00e4ndig f\u00fcr die Konzeption und Realisierung der Backend-Services. Darunter fielen unter anderem die Erstellung der Schnittstellen, Implementierung der Prozesse und Ablage der Daten in die NoSQL-Datenbank Cosmos DB. Mein wichtigstes Anliegen dabei war, dass die Erweiterung mit anderen Dokumentenarten einfach durchgef\u00fchrt werden kann.<\/p>\n\n\n\n<p>F\u00fcr die Abstimmung der technischen Prozesse k\u00fcmmerte ich mich um die Visualisierung und Dokumentation dieser in Form von Diagrammen. Dazu stand ich im engen Austausch mit den beteiligten Bereichen.<\/p>\n\n\n\n<p>Dazu kam, dass f\u00fcr das Thema Sicherheit die Penetrationstests organisiert werden musste. Hierf\u00fcr k\u00fcmmerte ich mich um die Abstimmung mit dem Dienstleister, die Bereitstellung ben\u00f6tigter Daten und Informationen und die Abnahme des Berichts inklusive der Bearbeitung der Ergebnisse.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Eingesetzte Technologien<\/h2>\n\n\n\n<p>Zur Umsetzung der Anwendung kam eine Vielzahl an Technologien zum Einsatz. Die Entwicklung im Backend erfolgte dabei in C# und .NET Core, das Frontend hingegen \u00fcberwiegend in React mit TypeScript. Zur Entwicklung der REST- und gRPC-Schnittstellen nutzte ich das Framework ASP.NET (Web API). F\u00fcr die Abbildung der asynchronen Prozesse setzte ich NServiceBus ein, welches die Zustellung von Nachrichten selbst im Fehlerfall gew\u00e4hrleistet. Die Dokumente speicherte ich in einem Azure Blob Storage und die Metadaten dazu in einer Azure Cosmos DB.<\/p>\n\n\n\n<p>Weitere Software-Metriken und Logs werden mit Application Insights erfasst. Echtzeit Updates zur Benachrichtigung des Nutzers oder Aktualisierung des Frontends wurden \u00fcber SignalR und Azure Functions realisiert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kundennutzen<\/h2>\n\n\n\n<p>Nach der Digitalisierung aller rechtlich m\u00f6glicher Kundenschreiben konnte eine drastische Reduzierung der Druck- und Versandkosten f\u00fcr Kunden mit einem Online-Zugang festgestellt werden. Die Erweiterung um weitere Dokumententypen kann gleichbleibend schnell umgesetzt werden und erm\u00f6glicht es dem Kunden auch zuk\u00fcnftig neue Schreiben in diesen Prozess schnell zu integrieren. Zudem reduzierten sich die Anfragen beim Kundenservice, die sich um die erneute Bereitstellung von Rechnungen drehen. Kunden k\u00f6nnen diese jetzt jederzeit selbstst\u00e4ndig abrufen.<\/p>\n\n\n<div class=\"gb-container gb-container-09dc38ee\">\n\n<p>Haben auch Sie Schwierigkeiten, komplexe Gesch\u00e4ftsprozesse in der digitalen Welt zu bew\u00e4ltigen und ben\u00f6tigen Hilfe bei der technischen Umsetzung? Ich unterst\u00fctze Sie gerne.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/niwadev.com\/de\/kontakt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kontaktieren Sie mich noch heute!<\/a><\/div>\n<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Die Migration des Kundenportals in eine neue Umgebung erfordert eine neue L\u00f6sung f\u00fcr die digitale Zustellung von Rechnungen. Sehen Sie hier, wie die Umsetzung verlief.<\/p>","protected":false},"author":1,"featured_media":586,"parent":537,"menu_order":33,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-552","page","type-page","status-publish","has-post-thumbnail"],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized-featured.webp",1200,675,false],"thumbnail":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized-featured-150x150.webp",150,150,true],"medium":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized-featured-300x169.webp",300,169,true],"medium_large":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized-featured-768x432.webp",768,432,true],"large":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized-featured-1024x576.webp",1024,576,true],"1536x1536":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized-featured.webp",1200,675,false],"2048x2048":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized-featured.webp",1200,675,false],"trp-custom-language-flag":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-digital-inbox-mac-anonymized-featured-18x10.webp",18,10,true]},"uagb_author_info":{"display_name":"niwadev.com","author_link":"https:\/\/niwadev.com\/de\/blog\/author\/niwadev-com\/"},"uagb_comment_info":0,"uagb_excerpt":"The migration of the customer portal to a new environment requires a new solution for the digital delivery of invoices. See here how the implementation went.","_links":{"self":[{"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/pages\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/comments?post=552"}],"version-history":[{"count":1,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/pages\/552\/revisions"}],"predecessor-version":[{"id":859,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/pages\/552\/revisions\/859"}],"up":[{"embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/pages\/537"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/media\/586"}],"wp:attachment":[{"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/media?parent=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}