Storybook ohjelmistokehityksen työkaluna
Kurvinen, Aki (2023)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202401151415
https://urn.fi/URN:NBN:fi:amk-202401151415
Tiivistelmä
Alma Median asumisen palveluiden käyttöliittymäkehitystä edistettiin määrittämällä hyviä käytäntöjä ja vahvistamalla design systemin roolia. Komponenttiajattelua tuotiin käyttöliittymäsuunnittelijoiden ja ohjelmoijien päivittäiseen työhön ohjeiden ja koulutusten avulla. Kehittäjien käytössä olevan Storybook-työkalun komponenttikirjastoa laajennettiin ja järjesteltiin uudelleen. Samalla yhteiskäyttöisille komponenteille asetettiin tekniset laatuvaatimukset ja visuaalisen testauksen kattavuutta parannettiin aiemmin käyttöön otetulla Chromatic-integraatiolla. Uudistuksessa hyödynnettiin kunkin osapuolen erityisasiantuntemusta ja kuunneltiin toiveita työvaiheiden priorisoinnissa.
Projektin tavoitteena oli edistää käyttöliittymäkomponenttien uudelleenkäytettävyyttä ja ottaa Storybook osaksi päivittäistä ohjelmistokehitystyötä kaikissa Alma Median asumisen palveluiden kehitystiimeissä. Uudistuksen pitkänajan merkittävimmäksi hyödyksi arvioitiin kehitystyön nopeutuminen. Tätä tavoitetta edesauttoi käynnissä oleva komponenttien refaktorointi, jossa käyttöliittymäkerros erotetaan muusta ohjelmistologiikasta. Käytännön työssä ohjelmoijaa auttoi Storybookin toiminnallisuus, jolla kehittäjä näkee yhdellä silmäyksellä koodiin tekemiensä muutosten vaikutukset komponentin eri variaatioissa. Kolmantena kehitystyötä ja ylläpidettävyyttä parantava toimintamallina oli Atomic Designiin pohjautuva komponenttien luokittelu. Mallin periaatteena on, että käyttöliittymän suuremmat kokonaisuudet muodostuvat pienemmistä komponenteista. Menetelmän etuna on, että yksittäisiin komponentteihin tehdyt muutokset periytyvät ohjelmistossa monimutkaisempiin kokonaisuuksiin. Samalla selkeämmin rajattuja kokonaisuuksia on helpompi ymmärtää, kehittää ja testata.
Lopputuloksena syntynyt uudistettu Storybook jäi Alma Median käyttöön ja sitä tullaan päivittämään ja laajentamaan myös jatkossa. Komponenttien uudelleenkäytettävyyttä ja testattavuutta edistäviä toimintamalleja ylläpidetään ja kehitetään samalla.
Projektin tavoitteena oli edistää käyttöliittymäkomponenttien uudelleenkäytettävyyttä ja ottaa Storybook osaksi päivittäistä ohjelmistokehitystyötä kaikissa Alma Median asumisen palveluiden kehitystiimeissä. Uudistuksen pitkänajan merkittävimmäksi hyödyksi arvioitiin kehitystyön nopeutuminen. Tätä tavoitetta edesauttoi käynnissä oleva komponenttien refaktorointi, jossa käyttöliittymäkerros erotetaan muusta ohjelmistologiikasta. Käytännön työssä ohjelmoijaa auttoi Storybookin toiminnallisuus, jolla kehittäjä näkee yhdellä silmäyksellä koodiin tekemiensä muutosten vaikutukset komponentin eri variaatioissa. Kolmantena kehitystyötä ja ylläpidettävyyttä parantava toimintamallina oli Atomic Designiin pohjautuva komponenttien luokittelu. Mallin periaatteena on, että käyttöliittymän suuremmat kokonaisuudet muodostuvat pienemmistä komponenteista. Menetelmän etuna on, että yksittäisiin komponentteihin tehdyt muutokset periytyvät ohjelmistossa monimutkaisempiin kokonaisuuksiin. Samalla selkeämmin rajattuja kokonaisuuksia on helpompi ymmärtää, kehittää ja testata.
Lopputuloksena syntynyt uudistettu Storybook jäi Alma Median käyttöön ja sitä tullaan päivittämään ja laajentamaan myös jatkossa. Komponenttien uudelleenkäytettävyyttä ja testattavuutta edistäviä toimintamalleja ylläpidetään ja kehitetään samalla.