{"id":565,"date":"2024-02-28T11:43:19","date_gmt":"2024-02-28T10:43:19","guid":{"rendered":"https:\/\/niwadev.com\/?page_id=565"},"modified":"2025-01-13T14:48:21","modified_gmt":"2025-01-13T13:48:21","slug":"developpement-d-une-notification-de-relocalisation-dans-un-portail-client","status":"publish","type":"page","link":"https:\/\/niwadev.com\/fr\/projects-and-professional-experience\/development-of-a-relocation-notification-in-a-customer-portal\/","title":{"rendered":"Mise en place d'une application de notification de d\u00e9m\u00e9nagement dans un portail client"},"content":{"rendered":"<div class=\"gb-container gb-container-ed38bed0\">\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"761\" src=\"https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-cropped-1024x761.webp\" alt=\"Portail client montrant la premi\u00e8re \u00e9tape d&#039;un processus de d\u00e9m\u00e9nagement pouvant aller jusqu&#039;\u00e0 cinq \u00e9tapes. \" class=\"wp-image-566\" style=\"object-fit:cover\" srcset=\"https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-cropped-1024x761.webp 1024w, https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-cropped-300x223.webp 300w, https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-cropped-768x571.webp 768w, https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-cropped-1536x1142.webp 1536w, https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-cropped-16x12.webp 16w, https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-cropped.webp 1918w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Faits cl\u00e9s<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Entreprise <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> pour <a href=\"https:\/\/www.lew.de\/fuer-zuhause\" target=\"_blank\" rel=\"noopener\" title=\"Lechwerke AG\">Lechwerke AG<\/a><\/li>\n\n\n\n<li>R\u00f4le : d\u00e9veloppeur de logiciels backend (CDI)<\/li>\n\n\n\n<li>P\u00e9riode : de novembre 2022 \u00e0 mai 2023<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Contexte<\/h2>\n\n\n\n<p>Jusqu'\u00e0 pr\u00e9sent, la notification des d\u00e9m\u00e9nagements est un processus analogique qui ne correspond pas \u00e0 l'orientation strat\u00e9gique num\u00e9rique de l'entreprise. Une nouvelle solution devrait simplifier cette d\u00e9marche.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Situation avant<\/h2>\n\n\n\n<p>Lorsque les clients d\u00e9m\u00e9nageaient, ils pouvaient jusqu'\u00e0 pr\u00e9sent t\u00e9l\u00e9phoner au service client\u00e8le pour obtenir une nouvelle offre ou suivre enti\u00e8rement le processus de commande du site web sans que celui-ci soit pr\u00e9-rempli avec les donn\u00e9es du client. Ce surcro\u00eet de travail a eu pour cons\u00e9quence que des potentiels de fid\u00e9lisation de la client\u00e8le n'ont pas \u00e9t\u00e9 exploit\u00e9s. Davantage de clients ont chang\u00e9 de fournisseur d'\u00e9lectricit\u00e9 apr\u00e8s un d\u00e9m\u00e9nagement en raison de ce processus.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Objectif<\/h2>\n\n\n\n<p>Les objectifs suivants ont \u00e9t\u00e9 identifi\u00e9s :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les clients enregistr\u00e9s peuvent facilement changer de tarif d'\u00e9lectricit\u00e9 \u00e0 l'aide des donn\u00e9es disponibles dans le syst\u00e8me<\/li>\n\n\n\n<li>Si le d\u00e9m\u00e9nagement du tarif actuel n'est pas possible, le client peut souscrire un nouveau contrat en quelques clics<\/li>\n\n\n\n<li>Le client re\u00e7oit un aper\u00e7u des co\u00fbts en cas de changements<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Mise en \u0153uvre<\/h2>\n\n\n\n<p>Comme il s'agit d'un projet tr\u00e8s vaste avec tous les processus en arri\u00e8re-plan, on a opt\u00e9 pour une proc\u00e9dure agile et it\u00e9rative afin de pouvoir r\u00e9aliser et v\u00e9rifier le d\u00e9veloppement \u00e9tape par \u00e9tape. Plusieurs Minimum Viable Products (MVP) ont ainsi vu le jour et ont \u00e9t\u00e9 mis \u00e0 la disposition des clients finaux afin de recueillir leur avis et de permettre un d\u00e9veloppement centr\u00e9 sur le client.<\/p>\n\n\n\n<p>Dans un premier temps, l'accent a \u00e9t\u00e9 mis sur la notification de d\u00e9m\u00e9nagement. Les clients peuvent uniquement notifier leur d\u00e9m\u00e9nagement. L'avis de d\u00e9m\u00e9nagement constitue \u00e9galement la base du sc\u00e9nario le plus d\u00e9favorable, dans lequel aucune nouvelle offre ne peut \u00eatre faite au client.<\/p>\n\n\n\n<p>La deuxi\u00e8me \u00e9tape concernait la reprise des contrats existants. Dans ce contexte, il est important de savoir si le transfert du contrat vers le nouveau domicile est possible et si le contrat lui-m\u00eame peut \u00eatre d\u00e9plac\u00e9. Pour pouvoir mettre cela en \u0153uvre correctement, il fallait une \u00e9troite concertation avec les experts du domaine SAP, qui peuvent fournir les informations n\u00e9cessaires \u00e0 cet effet.<\/p>\n\n\n\n<p>La phase finale de la mise en \u0153uvre a consist\u00e9 \u00e0 passer \u00e0 un nouveau contrat. Pour ce faire, les donn\u00e9es clients existantes doivent \u00eatre utilis\u00e9es afin de permettre une conclusion simple et conviviale. Comme le changement de contrat doit se faire \u00e0 plusieurs endroits, une \u00e9troite collaboration avec d'autres services est ici aussi essentielle.<\/p>\n\n\n\n<p>L'un des grands d\u00e9fis de la mise en \u0153uvre a \u00e9t\u00e9 de garder une vue d'ensemble des diff\u00e9rentes voies et proc\u00e9dures de processus. Pour ce faire, un organigramme technique a \u00e9t\u00e9 cr\u00e9\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ma contribution<\/h2>\n\n\n\n<p>En tant que d\u00e9veloppeur de logiciels, j'\u00e9tais responsable de la conception et de la r\u00e9alisation des services de backend. Cela comprenait entre autres la cr\u00e9ation des interfaces et l'impl\u00e9mentation des processus. Pour moi, il \u00e9tait important que chaque cha\u00eene de processus se d\u00e9roule proprement et qu'\u00e0 la fin, le bon r\u00e9sultat arrive dans chaque syst\u00e8me impliqu\u00e9.<\/p>\n\n\n\n<p>Pour la coordination des processus techniques, je me suis occup\u00e9e de la visualisation et de la documentation de ceux-ci sous forme de diagrammes. Pour ce faire, j'ai eu des \u00e9changes \u00e9troits avec les secteurs concern\u00e9s.<\/p>\n\n\n\n<p>Avec un tel syst\u00e8me, il est important de garantir l'exactitude des donn\u00e9es. C'est pourquoi j'ai d\u00e9fini des r\u00e8gles de validation pr\u00e9cises en concertation avec mes coll\u00e8gues SAP. Celles-ci sont forc\u00e9es par le Domain-Driven-Design utilis\u00e9 de telle sorte qu'il ne peut pas y avoir d'objet qui se trouve dans un \u00e9tat non valable.<\/p>\n\n\n\n<p>Pour qu'au final l'interaction se passe bien, j'ai eu des \u00e9changes \u00e9troits et pluridisciplinaires avec mes coll\u00e8gues du d\u00e9veloppement SAP, du service client\u00e8le et du service commercial. Cela m'a permis, entre autres, de veiller \u00e0 une connexion rapide et sans probl\u00e8me des fonctions SAP et de r\u00e9agir rapidement et avec flexibilit\u00e9 en cas d'erreur. Pour am\u00e9liorer la communication avec les autres services, j'ai visualis\u00e9 les processus techniques \u00e0 l'aide de diagrammes.<\/p>\n\n\n\n<p>S'il y avait des goulots d'\u00e9tranglement dans le frontend, j'ai aid\u00e9 \u00e0 d\u00e9velopper les composants React et la logique.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Technologies utilis\u00e9es<\/h2>\n\n\n\n<p>Une multitude de technologies ont \u00e9t\u00e9 utilis\u00e9es pour la mise en \u0153uvre de l'application. Le d\u00e9veloppement du backend a \u00e9t\u00e9 r\u00e9alis\u00e9 en C# et .NET Core, tandis que le front-end a \u00e9t\u00e9 principalement d\u00e9velopp\u00e9 en React avec TypeScript. Pour le d\u00e9veloppement des interfaces REST et gRPC, j'ai utilis\u00e9 le framework ASP.NET (Web API). Pour la repr\u00e9sentation des processus asynchrones, j'ai utilis\u00e9 NServiceBus, qui garantit la livraison des messages m\u00eame en cas d'erreur. Pour le stockage des donn\u00e9es, j'ai utilis\u00e9 le cluster Microsoft SQL Server d\u00e9j\u00e0 existant. Pour l'acc\u00e8s \u00e0 la base de donn\u00e9es, j'ai utilis\u00e9 Entity Framework.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Avantages pour le client<\/h2>\n\n\n\n<p>La mise en \u0153uvre des processus de d\u00e9m\u00e9nagement num\u00e9rique a permis d'am\u00e9liorer la satisfaction des clients. Les clients qui souhaitent continuer \u00e0 \u00eatre approvisionn\u00e9s par l'entreprise n'ont plus besoin d'appeler le service client\u00e8le ou de ressaisir laborieusement toutes les donn\u00e9es dans le processus de commande en ligne. De plus, le service commercial perd moins de clients en raison de processus compliqu\u00e9s. Cela permet de r\u00e9duire les co\u00fbts de prospection.<\/p>\n\n\n<div class=\"gb-container gb-container-09dc38ee\">\n\n<p>Vous devez num\u00e9riser des processus d'entreprise complexes et avez besoin d'aide pour les mettre en \u0153uvre ? Je suis l\u00e0 pour vous aider.<\/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\/fr\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contactez-moi d\u00e8s aujourd'hui !<\/a><\/div>\n<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Jusqu'\u00e0 pr\u00e9sent, la notification des d\u00e9m\u00e9nagements \u00e9tait un processus analogique qui ne correspondait pas \u00e0 l'orientation strat\u00e9gique num\u00e9rique de l'entreprise. Lisez ici comment le probl\u00e8me a \u00e9t\u00e9 r\u00e9solu.<\/p>","protected":false},"author":1,"featured_media":584,"parent":537,"menu_order":31,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-565","page","type-page","status-publish","has-post-thumbnail"],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-featured.webp",1200,675,false],"thumbnail":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-featured-150x150.webp",150,150,true],"medium":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-featured-300x169.webp",300,169,true],"medium_large":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-featured-768x432.webp",768,432,true],"large":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-featured-1024x576.webp",1024,576,true],"1536x1536":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-featured.webp",1200,675,false],"2048x2048":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-featured.webp",1200,675,false],"trp-custom-language-flag":["https:\/\/niwadev.com\/wp-content\/uploads\/2024\/02\/lew-kundenportal-umzugsmeldung-featured-18x10.webp",18,10,true]},"uagb_author_info":{"display_name":"niwadev.com","author_link":"https:\/\/niwadev.com\/fr\/blog\/author\/niwadev-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Up to now, reporting relocations has been an analog process and does not fit in with the company's strategic digital orientation. Read here how it was solved.","_links":{"self":[{"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/pages\/565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/comments?post=565"}],"version-history":[{"count":1,"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/pages\/565\/revisions"}],"predecessor-version":[{"id":857,"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/pages\/565\/revisions\/857"}],"up":[{"embeddable":true,"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/pages\/537"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/media\/584"}],"wp:attachment":[{"href":"https:\/\/niwadev.com\/fr\/wp-json\/wp\/v2\/media?parent=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}