Web-sovelluskehitys Blazor-verkkokehyksellä

Abstract

Opinnäytetyön tavoitteena oli kehittää ja modernisoida TMS Trademarketing Service GmbH:n sisäisen projektinhallintasovelluksen käyttöliittymä. TMS on saksalainen markkinointiyritys, jonka työntekijät käyttävät päivittäisessä työssään opinnäytetyössä modernisoitavaa web-sovellusta. Ajan myötä sovellukselta vaaditut toiminnallisuudet ovat lisääntyneet, mutta samalla käyttöliittymän ulkoasu ja käytettävyys eivät ole pysyneet ajan tasalla. Sovelluksen laajuuden vuoksi sen käyttöliittymän modernisointiprosessi jatkuu vielä pitkään opinnäytetyön päätyttyä. Yritys valitsi frontendin uudistamiseen Microsoftin kehittämän Blazor-verkkokehyksen.

Työn tarkoituksena oli kuvata, miten web-sovelluskehitys tapahtuu Blazor-verkkokehyksellä moderneja kehitysprosesseja ja käytänteitä seuraten. Lisäksi tarkasteltiin, miten Blazor eroaa laajalti suosituista JavaScript-pohjaisista verkkokehyksistä ja millaisissa tilanteissa sen valitseminen on suotuisaa. Työssä esitellään myös Blazor-komponentin kehitysprosessi käytännön esimerkin kautta, mukaan lukien suunnittelu, toteutus ja julkaisu osana ohjelmistokehitysprojektia.

Opinnäytetyön tuloksena todettiin, että Blazor-verkkokehys on pätevä vaihtoehto jopa laajankin sovelluksen kehitykseen. Sen suurin etu on mahdollisuus kehittää sekä frontend- että backend-puolta samalla C#-ohjelmointikielellä. Blazorin haasteena on sen vähäisempi käyttö laajassa kehittäjäyhteisössä, mikä näkyy vähäisempänä yhteisön tukena, kirjastotarjontana ja dokumentaation määränä verrattuna JavaScript-pohjaisiin ratkaisuihin.

The aim of this thesis was to modernise the user interface of TMS Trademarketing Service GmbH’s internal project management application. The company is a German marketing agency whose employees rely on the application in their daily work. Over time, the required functionalities have increased while the UI and usability have become outdated. For the new frontend, the company selected the Blazor web framework.

This work described how web development is carried out using Blazor while adhering to modern development practices. It also explored how Blazor differs from commonly used JavaScript-based frameworks, and in what scenarios choosing Blazor is beneficial. Additionally, the thesis presented a practical example of developing a Blazor component, covering the process from planning to implementation and release.

The findings suggest that Blazor is a viable option even for large-scale applications. Its main strength lies in enabling both frontend and backend development using C# which reduces the need for developers to master JavaScript. However, Blazor's limited adoption among the broader developer community results in weaker community support, fewer ready-made libraries, and more limited documentation compared to popular JavaScript frameworks.