Datan visualisointi HTML5-sovelluksessa
Lahti, Asko (2016)
Lahti, Asko
Kajaanin ammattikorkeakoulu
2016
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2016101915281
https://urn.fi/URN:NBN:fi:amk-2016101915281
Tiivistelmä
Tekijä: Lahti Asko
Työn nimi: Datan visualisointi HTML5-sovelluksessa
Tutkintonimike: Insinööri (AMK) Tietotekniikka
Asiasanat: Datan visualisointi, HTML5, JavaScript, Web-ohjelmointi
Opinnäytetyön aiheena oli korjata ja parantaa toimeksiantajan aiempaa datan visualisointisovellusta. Tavoitteena oli tehdä sovelluksesta aiempaa suorituskykyisempi ja selkeämpi sekä muokata koodia selkeämmäksi jatkokehitystä varten. Toimeksiantajana oli Collapick Company Oy.
Työssä käsitellään muotojen piirtämistä HTML5-sovellukseen käyttämällä grafiikkakirjastoja ja kertoa miten alkuperäisen sovelluksen ongelmia ratkaistiin ja mistä koodia piti muokata selkeämmäksi.
Alkuperäisen sovelluksen ratkaistavat ongelmat liittyivät kuvaajaan ja sen rajoitetusta piirtämislogiikasta, jolloin uusien ominaisuuksien ja parannusten kehittäminen oli vaikeaa. Lisäksi kuvaajan piirtämiseen käytetty grafiikkakirjasto Kinetic.js oli vanhentunut. Koodia muokattiin ja vaihdettiin grafiikkakirjasto Konva.js:ään, jotta pystyttiin lisäämään kuvaajaan uusia ominaisuuksia.
Kuvaajaan lisättiin työn aikana mahdollisuus skaalata tarkasteltavaa aluetta ja valitsemaan sen sisällä olevia dataelementtejä. Kuvaajan piirtämislogiikassa oli myös pari suorituskykyongelmaa, jotka saatiin ratkaistua.
Lopputuloksesta tuli apuväline ohjelmoinnin jatkamiselle, jotta ohjelmoijilta säästyisi aikaa ja he voisivat jatkokehityksen aikana muokata siitä tarkoituksenmukaisemman.
Työn nimi: Datan visualisointi HTML5-sovelluksessa
Tutkintonimike: Insinööri (AMK) Tietotekniikka
Asiasanat: Datan visualisointi, HTML5, JavaScript, Web-ohjelmointi
Opinnäytetyön aiheena oli korjata ja parantaa toimeksiantajan aiempaa datan visualisointisovellusta. Tavoitteena oli tehdä sovelluksesta aiempaa suorituskykyisempi ja selkeämpi sekä muokata koodia selkeämmäksi jatkokehitystä varten. Toimeksiantajana oli Collapick Company Oy.
Työssä käsitellään muotojen piirtämistä HTML5-sovellukseen käyttämällä grafiikkakirjastoja ja kertoa miten alkuperäisen sovelluksen ongelmia ratkaistiin ja mistä koodia piti muokata selkeämmäksi.
Alkuperäisen sovelluksen ratkaistavat ongelmat liittyivät kuvaajaan ja sen rajoitetusta piirtämislogiikasta, jolloin uusien ominaisuuksien ja parannusten kehittäminen oli vaikeaa. Lisäksi kuvaajan piirtämiseen käytetty grafiikkakirjasto Kinetic.js oli vanhentunut. Koodia muokattiin ja vaihdettiin grafiikkakirjasto Konva.js:ään, jotta pystyttiin lisäämään kuvaajaan uusia ominaisuuksia.
Kuvaajaan lisättiin työn aikana mahdollisuus skaalata tarkasteltavaa aluetta ja valitsemaan sen sisällä olevia dataelementtejä. Kuvaajan piirtämislogiikassa oli myös pari suorituskykyongelmaa, jotka saatiin ratkaistua.
Lopputuloksesta tuli apuväline ohjelmoinnin jatkamiselle, jotta ohjelmoijilta säästyisi aikaa ja he voisivat jatkokehityksen aikana muokata siitä tarkoituksenmukaisemman.