Full stack -sovelluksen kehitys .NET Corella ja Reactilla: tekoälyavusteinen käyttöliittymäsuunnittelu
Ylimäki, Saku (2025)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2025060219373
https://urn.fi/URN:NBN:fi:amk-2025060219373
Tiivistelmä
Tämän työn toimeksiantajana toimi River IT Oy, jonka asiakkaalle työ tehtiin. Opinnäytetyön tavoitteena oli suunnitella ja kehittää integraatiosovellus kahden yhteensopimattoman järjestelmän välille. Sovelluksen tuli käyttää käyttöliittymän tekoon React Js -kirjastoa, ja palvelinpuoli toteutettaisiin .NET -teknologialla. Ensimmäinen järjestelmä lähettäisi tilauksia integraatiosovellukselle, joka muuntaisi ne seuraavalle järjestelmälle sopivaksi, ja lähettäisi ne edelleen.
Käyttöliittymää suunniteltaessa käytettiin tekoälypohjaisia suunnittelusovelluksia, kuten Vercelin V0-sovellusta ja ChatGPT:tä, jotta saatiin interaktiivisia prototyyppejä nopeaan tahtiin asiakkaalle kokeiltavaksi. Kun käyttöliittymän ulkoasu oli sopiva, koodattiin lopullinen sovellus tavallisesti koodieditorilla, täydentäen ja muokaten kielimallien tuottamia komponentteja.
Palvelin toteutettiin C#-kieltä käyttäen .NET kehyksen ASP.NET Corea käyttäen. Palvelin kuuntelisi pyyntöjä REST-rajapintoihin, ja vastaanottaisi tilaukset. Palvelimen vastuulla olisi myös validoida saapuva data.
Työn tuloksena oli toimiva integraatiosovellus, joka täytti asiakkaan asettamat vaatimukset, ja toimi luotettavasti molempien järjestelmien kanssa.
Käyttöliittymää suunniteltaessa käytettiin tekoälypohjaisia suunnittelusovelluksia, kuten Vercelin V0-sovellusta ja ChatGPT:tä, jotta saatiin interaktiivisia prototyyppejä nopeaan tahtiin asiakkaalle kokeiltavaksi. Kun käyttöliittymän ulkoasu oli sopiva, koodattiin lopullinen sovellus tavallisesti koodieditorilla, täydentäen ja muokaten kielimallien tuottamia komponentteja.
Palvelin toteutettiin C#-kieltä käyttäen .NET kehyksen ASP.NET Corea käyttäen. Palvelin kuuntelisi pyyntöjä REST-rajapintoihin, ja vastaanottaisi tilaukset. Palvelimen vastuulla olisi myös validoida saapuva data.
Työn tuloksena oli toimiva integraatiosovellus, joka täytti asiakkaan asettamat vaatimukset, ja toimi luotettavasti molempien järjestelmien kanssa.
