WordPress-pohjaisen web-sovelluksen datan visualisointi D3.js JavaScript -kirjastolla
Laakso, Tom (2018)
Laakso, Tom
Metropolia Ammattikorkeakoulu
2018
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201804305920
https://urn.fi/URN:NBN:fi:amk-201804305920
Tiivistelmä
Insinöörityön tarkoituksena oli visualisoida asiakasyrityksen kehitteillä olevan WordPress-pohjaisen web-sovelluksen käyttödataa. Sovelluksessa kirjataan taustahallintaan asiakkaat, asiakkaiden projektit ja näiden projektien tehtävät, minkä jälkeen työntekijät voivat kirjata sovelluksen avulla tehtävien parissa käyttämänsä ajan. Jos haluttiin tarkastaa aikaa, jouduttiin navigoimaan vaikeasti aina eri projektien sivuille. Ajankäytön seurannan helpottamiseksi insinöörityön tuloksena luotiin yksi sivu, josta löytyy kaikki oleellinen projekteihin liittyvä aikadata. Sivulle tehtiin donitsimallinen kuvaaja, joka kuvastaa vapaasti valitun projektin tehtäviin käytettyä aikaa. Projektin saa valittua sivulle tehdystä pudotusvalikosta ja projektin aikadatan saa suodatettua kuukauden mukaan.
Kuvaajan luomiseksi käytettiin datan visualisoimiseen tarkoitettua d3.js-kirjastoa. Insinöörityössä perehdyttiin D3.js-kirjaston ja WordPressin toimintoihin työssä tehdyn kuvaajan näkökulmasta. Käytiin myös läpi, kuinka kuvaaja saadaan WordPress:n tavoin hakemaan dataa tietokannasta asynkronisesti AJAX-teknologialla.
Kuvaajan luomiseksi käytettiin datan visualisoimiseen tarkoitettua d3.js-kirjastoa. Insinöörityössä perehdyttiin D3.js-kirjaston ja WordPressin toimintoihin työssä tehdyn kuvaajan näkökulmasta. Käytiin myös läpi, kuinka kuvaaja saadaan WordPress:n tavoin hakemaan dataa tietokannasta asynkronisesti AJAX-teknologialla.