Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta

Toimiva ja tyylikäs graafinen käyttöliittymä on tärkeä osa ohjelmistokehitystä ja vaikuttaa merkittävästi käyttäjäkokemukseen ja sen myötä tuotteen laatuun ja kaupalliseen menestykseen. Tehokas käyttöliittymäsuunnittelu puolestaan nojaa toimivaan komponenttikirjastoon ja sen uudelleen käytettäviin,...

Full description

Bibliographic Details
Main Author: Kari, Henna
Other Authors: Informaatioteknologian tiedekunta, Faculty of Information Technology, Jyväskylän yliopisto, University of Jyväskylä
Format: Master's thesis
Language:fin
Published: 2024
Subjects:
Online Access: https://jyx.jyu.fi/handle/123456789/98757
_version_ 1826225701336907776
author Kari, Henna
author2 Informaatioteknologian tiedekunta Faculty of Information Technology Jyväskylän yliopisto University of Jyväskylä
author_facet Kari, Henna Informaatioteknologian tiedekunta Faculty of Information Technology Jyväskylän yliopisto University of Jyväskylä Kari, Henna Informaatioteknologian tiedekunta Faculty of Information Technology Jyväskylän yliopisto University of Jyväskylä
author_sort Kari, Henna
datasource_str_mv jyx
description Toimiva ja tyylikäs graafinen käyttöliittymä on tärkeä osa ohjelmistokehitystä ja vaikuttaa merkittävästi käyttäjäkokemukseen ja sen myötä tuotteen laatuun ja kaupalliseen menestykseen. Tehokas käyttöliittymäsuunnittelu puolestaan nojaa toimivaan komponenttikirjastoon ja sen uudelleen käytettäviin, keskenään vuorovaikuttaviin komponentteihin. Kun organisaatiossa useat kehittäjät luovat uusia komponentteja, lopputulos on usein epäyhtenäinen ja kehittäjänsä näköinen. Selkeällä ja ohjelmallisesti testattavalla tyyliohjeistuksella voidaan käyttöliittymien ilmeeseen saada kaivattua yhtenäisyyttä, toimivuutta ja laatua. Tämän suunnittelututkimuksen tuloksena toteutettiin kohdeorganisaatiolle käyttöliittymän tyyliopas ja malli sen visuaalisista regressiotesteistä. Kohdeorganisaatio on keskisuomalainen ohjelmistoalan yritys, joka tuottaa SaaS-palveluja lähinnä energiatoimialan tarpeisiin. Tyyliopas toteutettiin olemassa olevan komponenttikirjaston yhteyteen osaksi suurempaa kokonaisuutta. Se sisälsi joukon organisaatiospesifejä uudelleenkäytettäviä graafisia komponentteja, sekä ohjeet typografiasta, ikoneista, väreistä ja sivumalleista. Tyylinvalvojaksi valittiin Vitest image snapshots, joka soveltuu niin yksittäisten komponenttien kuin kokonaisten sivunäkymien snapshot-testaukseen ja integroituu helposti käytössä olevaan Vite-ympäristöön, jossa toiminnallinen testaus suoritetaan jo Vitest:illä. Tutkimus sisälsi myös ohjeet komponenttikirjaston rekonstruktiolle niin, että tyylioppaasta saadaan elävä ja ylläpidettävä. Tutkimus antaa arvokasta informaatiota ja toimivia esimerkkejä kohdeorganisaatiolle ja toimii mallina myös muille.
first_indexed 2024-12-02T21:01:18Z
format Pro gradu
free_online_boolean 1
fullrecord [{"key": "dc.contributor.advisor", "value": "Mikkonen, Tommi", "language": null, "element": "contributor", "qualifier": "advisor", "schema": "dc"}, {"key": "dc.contributor.author", "value": "Kari, Henna", "language": null, "element": "contributor", "qualifier": "author", "schema": "dc"}, {"key": "dc.date.accessioned", "value": "2024-12-02T09:03:09Z", "language": null, "element": "date", "qualifier": "accessioned", "schema": "dc"}, {"key": "dc.date.available", "value": "2024-12-02T09:03:09Z", "language": null, "element": "date", "qualifier": "available", "schema": "dc"}, {"key": "dc.date.issued", "value": "2024", "language": null, "element": "date", "qualifier": "issued", "schema": "dc"}, {"key": "dc.identifier.uri", "value": "https://jyx.jyu.fi/handle/123456789/98757", "language": null, "element": "identifier", "qualifier": "uri", "schema": "dc"}, {"key": "dc.description.abstract", "value": "Toimiva ja tyylik\u00e4s graafinen k\u00e4ytt\u00f6liittym\u00e4 on t\u00e4rke\u00e4 osa ohjelmistokehityst\u00e4 ja vaikuttaa merkitt\u00e4v\u00e4sti k\u00e4ytt\u00e4j\u00e4kokemukseen ja sen my\u00f6t\u00e4 tuotteen laatuun ja kaupalliseen menestykseen. Tehokas k\u00e4ytt\u00f6liittym\u00e4suunnittelu puolestaan nojaa toimivaan komponenttikirjastoon ja sen uudelleen k\u00e4ytett\u00e4viin, kesken\u00e4\u00e4n vuorovaikuttaviin komponentteihin. Kun organisaatiossa useat kehitt\u00e4j\u00e4t luovat uusia komponentteja, lopputulos on usein ep\u00e4yhten\u00e4inen ja kehitt\u00e4j\u00e4ns\u00e4 n\u00e4k\u00f6inen. Selke\u00e4ll\u00e4 ja ohjelmallisesti testattavalla tyyliohjeistuksella voidaan k\u00e4ytt\u00f6liittymien ilmeeseen saada kaivattua yhten\u00e4isyytt\u00e4, toimivuutta ja laatua.\n\nT\u00e4m\u00e4n suunnittelututkimuksen tuloksena toteutettiin kohdeorganisaatiolle k\u00e4ytt\u00f6liittym\u00e4n tyyliopas ja malli sen visuaalisista regressiotesteist\u00e4. Kohdeorganisaatio on keskisuomalainen ohjelmistoalan yritys, joka tuottaa SaaS-palveluja l\u00e4hinn\u00e4 energiatoimialan tarpeisiin. Tyyliopas toteutettiin olemassa olevan komponenttikirjaston yhteyteen osaksi suurempaa kokonaisuutta. Se sis\u00e4lsi joukon organisaatiospesifej\u00e4 uudelleenk\u00e4ytett\u00e4vi\u00e4 graafisia komponentteja, sek\u00e4 ohjeet typografiasta, ikoneista, v\u00e4reist\u00e4 ja sivumalleista. Tyylinvalvojaksi valittiin Vitest image snapshots, joka soveltuu niin yksitt\u00e4isten komponenttien kuin kokonaisten sivun\u00e4kymien snapshot-testaukseen ja integroituu helposti k\u00e4yt\u00f6ss\u00e4 olevaan Vite-ymp\u00e4rist\u00f6\u00f6n, jossa toiminnallinen testaus suoritetaan jo Vitest:ill\u00e4. Tutkimus sis\u00e4lsi my\u00f6s ohjeet komponenttikirjaston rekonstruktiolle niin, ett\u00e4 tyylioppaasta saadaan el\u00e4v\u00e4 ja yll\u00e4pidett\u00e4v\u00e4. Tutkimus antaa arvokasta informaatiota ja toimivia esimerkkej\u00e4 kohdeorganisaatiolle ja toimii mallina my\u00f6s muille.", "language": "fi", "element": "description", "qualifier": "abstract", "schema": "dc"}, {"key": "dc.description.provenance", "value": "Submitted by jyx lomake-julkaisija (jyx-julkaisija.group@korppi.jyu.fi) on 2024-12-02T09:03:09Z\nNo. of bitstreams: 0", "language": "en", "element": "description", "qualifier": "provenance", "schema": "dc"}, {"key": "dc.description.provenance", "value": "Made available in DSpace on 2024-12-02T09:03:09Z (GMT). No. of bitstreams: 0", "language": "en", "element": "description", "qualifier": "provenance", "schema": "dc"}, {"key": "dc.format.extent", "value": "101", "language": null, "element": "format", "qualifier": "extent", "schema": "dc"}, {"key": "dc.format.mimetype", "value": "application/pdf", "language": null, "element": "format", "qualifier": "mimetype", "schema": "dc"}, {"key": "dc.language.iso", "value": "fin", "language": null, "element": "language", "qualifier": "iso", "schema": "dc"}, {"key": "dc.rights", "value": "CC BY-NC-ND 4.0", "language": "en", "element": "rights", "qualifier": null, "schema": "dc"}, {"key": "dc.title", "value": "Graafisen k\u00e4ytt\u00f6liittym\u00e4n tyyliopas ja sen noudattamisen ohjelmallinen valvonta", "language": null, "element": "title", "qualifier": null, "schema": "dc"}, {"key": "dc.type", "value": "master thesis", "language": null, "element": "type", "qualifier": null, "schema": "dc"}, {"key": "dc.identifier.urn", "value": "URN:NBN:fi:jyu-202412027578", "language": null, "element": "identifier", "qualifier": "urn", "schema": "dc"}, {"key": "dc.contributor.faculty", "value": "Informaatioteknologian tiedekunta", "language": "fi", "element": "contributor", "qualifier": "faculty", "schema": "dc"}, {"key": "dc.contributor.faculty", "value": "Faculty of Information Technology", "language": "en", "element": "contributor", "qualifier": "faculty", "schema": "dc"}, {"key": "dc.contributor.organization", "value": "Jyv\u00e4skyl\u00e4n yliopisto", "language": "fi", "element": "contributor", "qualifier": "organization", "schema": "dc"}, {"key": "dc.contributor.organization", "value": "University of Jyv\u00e4skyl\u00e4", "language": "en", "element": "contributor", "qualifier": "organization", "schema": "dc"}, {"key": "dc.subject.discipline", "value": "Ohjelmistokehityksen opintosuunta", "language": "fi", "element": "subject", "qualifier": "discipline", "schema": "dc"}, {"key": "dc.subject.discipline", "value": "Specialisation in Software Development", "language": "en", "element": "subject", "qualifier": "discipline", "schema": "dc"}, {"key": "dc.type.coar", "value": "http://purl.org/coar/resource_type/c_bdcc", "language": null, "element": "type", "qualifier": "coar", "schema": "dc"}, {"key": "dc.rights.copyright", "value": "\u00a9 The Author(s)", "language": null, "element": "rights", "qualifier": "copyright", "schema": "dc"}, {"key": "dc.rights.accesslevel", "value": "openAccess", "language": null, "element": "rights", "qualifier": "accesslevel", "schema": "dc"}, {"key": "dc.type.publication", "value": "masterThesis", "language": null, "element": "type", "qualifier": "publication", "schema": "dc"}, {"key": "dc.format.content", "value": "fulltext", "language": null, "element": "format", "qualifier": "content", "schema": "dc"}, {"key": "dc.rights.url", "value": "https://creativecommons.org/licenses/by-nc-nd/4.0/", "language": null, "element": "rights", "qualifier": "url", "schema": "dc"}]
id jyx.123456789_98757
language fin
last_indexed 2025-02-18T10:55:30Z
main_date 2024-01-01T00:00:00Z
main_date_str 2024
online_boolean 1
online_urls_str_mv {"url":"https:\/\/jyx.jyu.fi\/bitstreams\/3d911e95-d63a-470e-86ea-7b514bd1375a\/download","text":"URN:NBN:fi:jyu-202412027578.pdf","source":"jyx","mediaType":"application\/pdf"}
publishDate 2024
record_format qdc
source_str_mv jyx
spellingShingle Kari, Henna Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta Ohjelmistokehityksen opintosuunta Specialisation in Software Development
title Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta
title_full Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta
title_fullStr Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta
title_full_unstemmed Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta
title_short Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta
title_sort graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta
title_txtP Graafisen käyttöliittymän tyyliopas ja sen noudattamisen ohjelmallinen valvonta
topic Ohjelmistokehityksen opintosuunta Specialisation in Software Development
topic_facet Ohjelmistokehityksen opintosuunta Specialisation in Software Development
url https://jyx.jyu.fi/handle/123456789/98757 http://www.urn.fi/URN:NBN:fi:jyu-202412027578
work_keys_str_mv AT karihenna graafisenkäyttöliittymäntyyliopasjasennoudattamisenohjelmallinenvalvonta