Developing interactive data visualizations for web UIs

Tämän tutkielman parissa kehitettiin interaktiivisia datanvisualisointikomponentteja, jotka on tarkoitettu käytettäväksi asiakaspuolen web-sovelluksissa. Komponentit on suunniteltu monitavoiteoptimoinnin tarpeita silmällä pitäen, erityisesti interaktiivisten menetelmien tarpeet huomioiden. Tutkielma...

Full description

Bibliographic Details
Main Author: Alaoutinen, Mika
Other Authors: Informaatioteknologian tiedekunta, Faculty of Information Technology, Informaatioteknologia, Information Technology, Jyväskylän yliopisto, University of Jyväskylä
Format: Master's thesis
Language:eng
Published: 2021
Subjects:
Online Access: https://jyx.jyu.fi/handle/123456789/75938
_version_ 1826225736224079872
author Alaoutinen, Mika
author2 Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä
author_facet Alaoutinen, Mika Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä Alaoutinen, Mika Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä
author_sort Alaoutinen, Mika
datasource_str_mv jyx
description Tämän tutkielman parissa kehitettiin interaktiivisia datanvisualisointikomponentteja, jotka on tarkoitettu käytettäväksi asiakaspuolen web-sovelluksissa. Komponentit on suunniteltu monitavoiteoptimoinnin tarpeita silmällä pitäen, erityisesti interaktiivisten menetelmien tarpeet huomioiden. Tutkielma tuotti kaksi uutta sovellusta, joiden nimet ovat desdeo-components ja desdeo-frontend. Desdeo-components on komponenttikirjasto, joka sisältää joukon visualisointitekniikoita. Visualisoinnit on rakennettu Victory.js-kirjaston pohjalta. Desdeo-frontend on single-page application -tyylillä toteutettu web-käyttöliittymäsovellus, joka demonstroi, kuinka komponentteja käytetään. Desdeo-frontend voi jatkossa toimia pohjana DESDEO-optimointisovelluksen web-käyttöliittymän kehitykselle. Tämä tutkielma kartoitti erilaisia web-teknologioita, jotka soveltuvat uusien sovelluksien tarpeisiin. Lisäksi tutkielmassa tunnistettiin suunnittelumalleja, joiden avulla käyttäjän antamia syötteitä voidaan käsitellä joustavasti. This thesis tackles the problem of developing interactive data visualization components that can be used in client-side web applications. The components are designed to be used in the context of multi-objective optimization, and especially with interactive methods. The thesis produced two new applications – desdeo-components and desdeo-frontend. Desdeo-components is a component library that includes several visualization techniques that were implemented with the Victory.js charting library. Desdeo-frontend is a single-page application that demonstrates how the components are used. Furthermore, desdeo-frontend may serve as a building block for creating a web user-interface for the DESDEO optimization software framework. The thesis explores different technologies that could be used for new applications and identifies design patters for handling user actions in a flexible manner.
first_indexed 2021-05-25T20:04:38Z
format Pro gradu
free_online_boolean 1
fullrecord [{"key": "dc.contributor.advisor", "value": "Miettinen, Kaisa", "language": "", "element": "contributor", "qualifier": "advisor", "schema": "dc"}, {"key": "dc.contributor.advisor", "value": "Misitano, Giovanni", "language": "", "element": "contributor", "qualifier": "advisor", "schema": "dc"}, {"key": "dc.contributor.advisor", "value": "Silvennoinen, Johanna", "language": "", "element": "contributor", "qualifier": "advisor", "schema": "dc"}, {"key": "dc.contributor.author", "value": "Alaoutinen, Mika", "language": "", "element": "contributor", "qualifier": "author", "schema": "dc"}, {"key": "dc.date.accessioned", "value": "2021-05-25T12:35:30Z", "language": null, "element": "date", "qualifier": "accessioned", "schema": "dc"}, {"key": "dc.date.available", "value": "2021-05-25T12:35:30Z", "language": null, "element": "date", "qualifier": "available", "schema": "dc"}, {"key": "dc.date.issued", "value": "2021", "language": "", "element": "date", "qualifier": "issued", "schema": "dc"}, {"key": "dc.identifier.uri", "value": "https://jyx.jyu.fi/handle/123456789/75938", "language": null, "element": "identifier", "qualifier": "uri", "schema": "dc"}, {"key": "dc.description.abstract", "value": "T\u00e4m\u00e4n tutkielman parissa kehitettiin interaktiivisia datanvisualisointikomponentteja, jotka on tarkoitettu k\u00e4ytett\u00e4v\u00e4ksi asiakaspuolen web-sovelluksissa. Komponentit on suunniteltu monitavoiteoptimoinnin tarpeita silm\u00e4ll\u00e4 pit\u00e4en, erityisesti interaktiivisten menetelmien tarpeet huomioiden. Tutkielma tuotti kaksi uutta sovellusta, joiden nimet ovat desdeo-components ja desdeo-frontend. Desdeo-components on komponenttikirjasto, joka sis\u00e4lt\u00e4\u00e4 joukon visualisointitekniikoita. Visualisoinnit on rakennettu Victory.js-kirjaston pohjalta. Desdeo-frontend on single-page application -tyylill\u00e4 toteutettu web-k\u00e4ytt\u00f6liittym\u00e4sovellus, joka demonstroi, kuinka komponentteja k\u00e4ytet\u00e4\u00e4n. Desdeo-frontend voi jatkossa toimia pohjana DESDEO-optimointisovelluksen web-k\u00e4ytt\u00f6liittym\u00e4n kehitykselle. T\u00e4m\u00e4 tutkielma kartoitti erilaisia web-teknologioita, jotka soveltuvat uusien sovelluksien tarpeisiin. Lis\u00e4ksi tutkielmassa tunnistettiin suunnittelumalleja, joiden avulla k\u00e4ytt\u00e4j\u00e4n antamia sy\u00f6tteit\u00e4 voidaan k\u00e4sitell\u00e4 joustavasti.", "language": "fi", "element": "description", "qualifier": "abstract", "schema": "dc"}, {"key": "dc.description.abstract", "value": "This thesis tackles the problem of developing interactive data visualization components that can be used in client-side web applications. The components are designed to be used in the context of multi-objective optimization, and especially with interactive methods. The thesis produced two new applications \u2013 desdeo-components and desdeo-frontend. Desdeo-components is a component library that includes several visualization techniques that were implemented with the Victory.js charting library. Desdeo-frontend is a single-page application that demonstrates how the components are used. Furthermore, desdeo-frontend may serve as a building block for creating a web user-interface for the DESDEO optimization software framework. The thesis explores different technologies that could be used for new applications and identifies design patters for handling user actions in a flexible manner.", "language": "en", "element": "description", "qualifier": "abstract", "schema": "dc"}, {"key": "dc.description.provenance", "value": "Submitted by Paivi Vuorio (paelvuor@jyu.fi) on 2021-05-25T12:35:30Z\nNo. of bitstreams: 0", "language": "en", "element": "description", "qualifier": "provenance", "schema": "dc"}, {"key": "dc.description.provenance", "value": "Made available in DSpace on 2021-05-25T12:35:30Z (GMT). No. of bitstreams: 0\n Previous issue date: 2021", "language": "en", "element": "description", "qualifier": "provenance", "schema": "dc"}, {"key": "dc.format.extent", "value": "96", "language": "", "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": "eng", "language": null, "element": "language", "qualifier": "iso", "schema": "dc"}, {"key": "dc.rights", "value": "In Copyright", "language": "en", "element": "rights", "qualifier": null, "schema": "dc"}, {"key": "dc.subject.other", "value": "data visualization", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "interactive multi-objective optimization methods", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "DESDEO", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "web technologies", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "React", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "TypeScript", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.title", "value": "Developing interactive data visualizations for web UIs", "language": "", "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-202105253196", "language": "", "element": "identifier", "qualifier": "urn", "schema": "dc"}, {"key": "dc.type.ontasot", "value": "Pro gradu -tutkielma", "language": "fi", "element": "type", "qualifier": "ontasot", "schema": "dc"}, {"key": "dc.type.ontasot", "value": "Master\u2019s thesis", "language": "en", "element": "type", "qualifier": "ontasot", "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.department", "value": "Informaatioteknologia", "language": "fi", "element": "contributor", "qualifier": "department", "schema": "dc"}, {"key": "dc.contributor.department", "value": "Information Technology", "language": "en", "element": "contributor", "qualifier": "department", "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": "Tietotekniikka", "language": "fi", "element": "subject", "qualifier": "discipline", "schema": "dc"}, {"key": "dc.subject.discipline", "value": "Mathematical Information Technology", "language": "en", "element": "subject", "qualifier": "discipline", "schema": "dc"}, {"key": "yvv.contractresearch.funding", "value": "0", "language": "", "element": "contractresearch", "qualifier": "funding", "schema": "yvv"}, {"key": "dc.type.coar", "value": "http://purl.org/coar/resource_type/c_bdcc", "language": null, "element": "type", "qualifier": "coar", "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.subject.oppiainekoodi", "value": "602", "language": "", "element": "subject", "qualifier": "oppiainekoodi", "schema": "dc"}, {"key": "dc.subject.yso", "value": "visualisointi", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "visualisation", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.format.content", "value": "fulltext", "language": null, "element": "format", "qualifier": "content", "schema": "dc"}, {"key": "dc.rights.url", "value": "https://rightsstatements.org/page/InC/1.0/", "language": null, "element": "rights", "qualifier": "url", "schema": "dc"}, {"key": "dc.type.okm", "value": "G2", "language": null, "element": "type", "qualifier": "okm", "schema": "dc"}]
id jyx.123456789_75938
language eng
last_indexed 2025-02-18T10:54:54Z
main_date 2021-01-01T00:00:00Z
main_date_str 2021
online_boolean 1
online_urls_str_mv {"url":"https:\/\/jyx.jyu.fi\/bitstreams\/8473e826-408c-406c-a808-6a518fac6ba8\/download","text":"URN:NBN:fi:jyu-202105253196.pdf","source":"jyx","mediaType":"application\/pdf"}
publishDate 2021
record_format qdc
source_str_mv jyx
spellingShingle Alaoutinen, Mika Developing interactive data visualizations for web UIs data visualization interactive multi-objective optimization methods DESDEO web technologies React TypeScript Tietotekniikka Mathematical Information Technology 602 visualisointi visualisation
title Developing interactive data visualizations for web UIs
title_full Developing interactive data visualizations for web UIs
title_fullStr Developing interactive data visualizations for web UIs Developing interactive data visualizations for web UIs
title_full_unstemmed Developing interactive data visualizations for web UIs Developing interactive data visualizations for web UIs
title_short Developing interactive data visualizations for web UIs
title_sort developing interactive data visualizations for web uis
title_txtP Developing interactive data visualizations for web UIs
topic data visualization interactive multi-objective optimization methods DESDEO web technologies React TypeScript Tietotekniikka Mathematical Information Technology 602 visualisointi visualisation
topic_facet 602 DESDEO Mathematical Information Technology React Tietotekniikka TypeScript data visualization interactive multi-objective optimization methods visualisation visualisointi web technologies
url https://jyx.jyu.fi/handle/123456789/75938 http://www.urn.fi/URN:NBN:fi:jyu-202105253196
work_keys_str_mv AT alaoutinenmika developinginteractivedatavisualizationsforwebuis