1TP157Productontwerp verbeteren met behulp van herziene thermische-analysesoftware

Innowise verbeterde de thermische analyse web app van een klant door de kwaliteit van de code te verbeteren, 3D model visualisatie te upgraden en nieuwe functies toe te voegen.

Uitdaging

Onze klant kwam bij ons met verschillende problemen: hun software voor thermische analyse presteerde slecht en de 3D-modellen werden niet goed geladen, waarbij sommige modellen helemaal niet verschenen. De webapplicatie had ook moeite met het effectief visualiseren van thermische relaties tussen verschillende onderdelen en het presenteren van analyseresultaten. Deze problemen maakten het voor gebruikers moeilijk om de gegevens efficiënt te interpreteren en te gebruiken.

Oplossing

Innowise heeft de software van haar klant verbeterd door bestaande code te analyseren, fouten te herstellen en nieuwe functies toe te voegen. We vonden problemen in de code en maakten deze schoner om de algehele prestaties van de software te verbeteren. Ons team van experts verbeterde ook de kwaliteit van 3D-modellen en introduceerde nieuwe functies zoals een thermische netwerkpagina en ontwerpevolutietools om het productontwikkelingsproces verder te verbeteren.

Codekwaliteitsbeoordeling en refactoring

Onze software engineers voerden een grondige beoordeling uit van de bestaande codebase. Dit proces omvatte een diepe duik in de structuur, functionaliteit en algemene gezondheid van de code. We gebruikten statische code analyse tools zoals ESLint en SonarQube om automatisch potentiële problemen op te sporen, gevolgd door een handmatige review om alles op te sporen wat de geautomatiseerde tools mogelijk hadden gemist. Het Innowise team beoordeelde de bevindingen en stelde een gedetailleerd overzicht samen van de problemen en onze aanbevolen oplossingen.

Codeherstructurering

Omdat het refactoren van code cruciaal is voor het onderhouden van een gezonde codebase, hebben we ons eerst gericht op het verbeteren van de leesbaarheid en prestaties van de code. Deze verbeteringen maakten het makkelijker voor ontwikkelaars om de code te begrijpen en er in de toekomst op voort te bouwen.

Overbodige code verwijderen: Onze technici identificeerden en verwijderden dubbele en onnodige codesegmenten die de codebase onoverzichtelijk maakten. Dit hielp om de totale omvang van de code te verminderen en de onderhoudbaarheid ervan te verbeteren.
De leesbaarheid verbeteren: We dwongen consistente coderingsstandaarden en best practices af, zoals de juiste inspringing, naamgevingsconventies en modularisatie. Dit maakte de code leesbaarder en makkelijker te begrijpen en aan te passen voor ontwikkelaars.
Prestaties optimaliseren: Het Innowise team identificeerde knelpunten in de prestaties en optimaliseerde de code zodat deze efficiënter draaide. Dit omvatte het optimaliseren van lussen, het verminderen van de complexiteit van algoritmes en het zorgen voor efficiënt geheugengebruik.

Foutopsporing

Het oplossen van fouten was essentieel om de software soepel en betrouwbaar te laten draaien. Door bugs en problemen op te lossen, verbeterden we de stabiliteit van de software en maakten we het beter voor gebruikers.

Bug identificeren en oplossen: Ons team van experts gebruikte debugging tools en technieken om bugs op te sporen en te repareren die fouten en onverwacht gedrag veroorzaakten. Dit omvatte het aanpakken van syntaxisfouten, logicafouten en runtime-uitzonderingen.
Unit testen: We implementeerden uitgebreide unit tests met behulp van Jest framework en Vue test utils library om ervoor te zorgen dat elk afzonderlijk onderdeel van de applicatie correct werkte. Dit hielp bij het opsporen van fouten in een vroeg stadium van het ontwikkelingsproces.
Codevalidatie: Vervolgens heeft het Innowise team de code gevalideerd aan de hand van industriestandaarden om compliance en robuustheid te garanderen. Als onderdeel van dit proces valideerden we API-integraties, dataverwerkingsroutines en gebruikersinterfacecomponenten.
Continue integratie: Uiteindelijk integreerden onze ingenieurs de codebase met een continue integratie (CI) pijplijn met behulp van Jenkins en GitHub Actions tools. Dit automatiseerde het proces van code testen en uitrol, om ervoor te zorgen dat nieuwe wijzigingen geen nieuwe fouten introduceren.

De kwaliteit van 3D-modellen verbeteren

Om problemen aan te pakken met 3D-modelvisualisatie bij onze klant software voor thermische analyseintegreerden we de vtk.js bibliotheek, die minder beslag legt op de hulpbronnen. Dit garandeerde dat alle modellen correct werden geladen en nauwkeurig werden weergegeven.

Ons team pakte ook problemen met modelrendering aan door de renderpijplijn te analyseren, bugs te repareren en algoritmes te optimaliseren. Dit omvatte het verbeteren van mesh-generatie, texture mapping en shading, zodat modellen nauwkeurig en efficiënt werden weergegeven.

Nieuwe functionaliteiten

Om de mogelijkheden van de applicatie verder te verbeteren, hebben we verschillende nieuwe functies geïntroduceerd die bedoeld zijn om de gebruikerservaring te verbeteren en meer inzicht te geven in thermische prestaties.

Thermisch netwerk pagina

Onze software-ingenieurs hebben een nieuwe thermische netwerkpagina gemaakt die interactieve grafieken gebruikt om thermische relaties tussen verschillende onderdelen van een product te illustreren. Deze visualisatie biedt gebruikers een duidelijker en intuïtiever begrip van hoe warmte wordt verdeeld en overgedragen binnen hun ontwerp. Gebruikers kunnen nu de thermische interacties in een grafisch formaat zien, waardoor het gemakkelijker wordt om potentiële hotspots te identificeren. Op de pagina kan worden ingezoomd en gespreid, zodat gebruikers zich kunnen richten op specifieke aandachtsgebieden en de thermische prestaties in detail kunnen analyseren.

Pagina ontwerpevolutie

Daarna hebben we een ontwerpevolutiefunctie toegevoegd waarmee gebruikers de evolutie van hun ontwerpen over meerdere iteraties kunnen volgen en vergelijken. Deze functie is vooral handig voor mensen die de impact van ontwerpwijzigingen op de thermische prestaties moeten evalueren. Gebruikers kunnen verschillende iteraties van hun simulaties opslaan, deze naast elkaar vergelijken en op basis van de resultaten de beste versie selecteren. De ontwerpevolutiepagina bevat een tijdlijnweergave die de voortgang van ontwerpwijzigingen en de bijbehorende simulatieresultaten visueel weergeeft. Gebruikers kunnen de instellingen van de beste iteratie downloaden, wat de documentatie en implementatie van het optimale ontwerp vergemakkelijkt.

Gestructureerde gegevenspresentatie

Onze professionals hebben de gegevens begrijpelijker gemaakt door tabellen en grafieken te gebruiken. Deze aanpak geeft duidelijke informatie over cruciale zaken als temperatuur, druk en debiet. Gebruikers kunnen de resultaten zien zonder door rommelige gegevens te hoeven sorteren. De tabellen hebben opties om te sorteren en te filteren zodat gebruikers zich kunnen concentreren op specifieke details. Grafieken tonen trends en patronen die gebruikers helpen om snel belangrijke inzichten te krijgen. We hebben ook functies toegevoegd zoals tooltips en zoomen om de grafieken interactiever en gebruiksvriendelijker te maken.

Technologieën

Back-end

.NET, C#, EntityFramework, Amazon SQS

Front-end

JavaScript, Vue 3Nuxt 3, Vuex, vtk.js, D3.js

Database

PostgreSQL

DevOps

AWS (EKS, ECS, ECR, CloudWatch, EC2, S3, RDS, Amazon MQ, enz.), GitLab, Terraform

Continue inzet

GitLab CI

Containerisatie en
containerbeheer

Docker, Elastic Kubernetes Service, Elastic Container Service - gebaseerd op AWS

Proces

Ons ontwikkelingsproces werd opgedeeld in verschillende fasen om het project overzichtelijk te houden en nauw samen te werken met de klant. Door gebruik te maken van Agile- en Kanban-methodologieën konden we ons snel aanpassen aan veranderingen en taken effectief prioriteren. Dit zorgde ervoor dat het project op schema bleef en aan de behoeften van de klant voldeed.

Ontdekkingsfase

In de ontdekkingsfase voerden we een eerste beoordeling uit van de codebase en verzamelden we gedetailleerde eisen van de klant. Het belangrijkste resultaat was een Visie en Scope document waarin de doelen en doelstellingen van het project werden beschreven.

Ontwerpfase

Tijdens deze fase maakte ons deskundige team gedetailleerde wireframes en prototypes voor de nieuwe functies en verbeteringen. De belangrijkste deliverables waren onder andere een customer journey map en een klikbaar prototype van de nieuwe pagina's.

Ontwikkelingsfase

Vervolgens implementeerden onze ontwikkelaars code refactoring, integreerden ze VTK.js voor 3D-modellen en creëerden ze nieuwe functies. De deliverables omvatten een bijgewerkte codebase, volledig functionele nieuwe functies en verbeterde 3D-modelvisualisaties.

Testfase

De volgende fase omvatte rigoureuze tests, waaronder unit-, integratie- en gebruikersacceptatietests, om de functionaliteit en betrouwbaarheid te garanderen.

Stationeringsfase

Tot slot implementeerden we de bijgewerkte applicatie in de omgeving van de klant en boden we ondersteuning na de implementatie.

Bijeenkomsten en hulpmiddelen

Ons team hield dagelijks stand-up meetings om de voortgang te bespreken en problemen snel op te lossen, waardoor we de vaart erin hielden en vertragingen konden voorkomen. We gebruikten Jira om taken te beheren en de voortgang transparant bij te houden, terwijl Slack directe en continue communicatie met de klant mogelijk maakte. Dankzij deze aanpak konden we snel inspelen op de behoeften van de klant en het project efficiënt laten verlopen.

Vereist team

Front-end ingenieurs

Back-end ingenieurs

Teamleiders

AQA

UI/UX Ontwerper

DevOps

Resultaten

Uitgebreide functionaliteit

De nieuwe thermische netwerkpagina bood gebruikers een duidelijke en interactieve manier om thermische relaties te begrijpen. Bovendien konden ze nu eenvoudig verschillende ontwerpiteraties vergelijken en de optimale selecteren, waardoor het algehele ontwerpproces werd verbeterd.

Verbeterde codekwaliteit

De code was schoner, beter te onderhouden en vrij van de eerdere wijdverspreide fouten, wat leidde tot een stabielere en betrouwbaardere software voor thermische analyse.

Betere kwaliteit 3D-modellen

Alle 3D-modellen werden nu correct weergegeven, wat de gebruikerservaring en betrouwbaarheid van de thermische simulaties verbeterde.

Gestructureerde presentatie van resultaten

De resultaten werden nu op een gestructureerde en begrijpelijke manier gepresenteerd. Hierdoor werd het voor gebruikers eenvoudiger om de informatie te interpreteren en effectief te gebruiken.

Gerelateerde gevallen

Contacteer ons

Boek een gesprek of vul het onderstaande formulier in en we nemen contact met je op zodra we je aanvraag hebben verwerkt.

Naam

Bedrijf

E-mail

Telefoon

Bericht

Stuur ons een spraakbericht

Documenten bijvoegen

Bestand uploaden

Je kunt 1 bestand van maximaal 2 MB bijvoegen. Geldige bestandsformaten: pdf, jpg, jpeg, png.

Door op Verzenden te klikken, stemt u ermee in dat Innowise uw persoonsgegevens verwerkt volgens onze Privacybeleid om u van relevante informatie te voorzien. Door je telefoonnummer op te geven, ga je ermee akkoord dat we contact met je opnemen via telefoongesprekken, sms en messaging-apps. Bellen, berichten en datatarieven kunnen van toepassing zijn.

U kunt ons ook uw verzoek sturen
naar contact@innowise.com

Wat gebeurt er nu?

Zodra we je aanvraag hebben ontvangen en verwerkt, nemen we contact met je op om de details van je projectbehoeften en tekenen we een NDA om vertrouwelijkheid te garanderen.

Na het bestuderen van uw wensen, behoeften en verwachtingen zal ons team een projectvoorstel opstellen met de omvang van het werk, de teamgrootte, de tijd en de geschatte kosten voorstel met de omvang van het werk, de grootte van het team, de tijd en de geschatte kosten.

We zullen een afspraak met je maken om het aanbod te bespreken en de details vast te leggen.

Tot slot tekenen we een contract en gaan we meteen aan de slag met je project.