Tiedon reaaliaikainen visualisointi verkkosivulla
Horn, Jarno (2015)
Horn, Jarno
Metropolia Ammattikorkeakoulu
2015
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201505138035
https://urn.fi/URN:NBN:fi:amk-201505138035
Tiivistelmä
Insinöörityössä selvitettiin, mitä asioita tarvitaan kerätyn tiedon reaaliaikaiseen visualisoimiseen internetsivuilla. Työ tehtiin osana projektin prototyyppiä, jossa yritysasiakkaat voivat kerätä henkilöasiakkaista tietoa siten, että se hyödyttää myös henkilöasiakkaita.
Insinöörityössä käytettiin Google Charts -kaaviointiohjelmaa ja erittäin suosittua MySQLtietokantapalvelua. Ohjelmoinnin osalta työssä käytettiin tunnetuimpia ohjelmointikieliä. Palvelintason ohjelmointiin käytettiin PHP-ohjelmointikieltä ja selaintason ohjelmointiin käytettiin JavaScriptiä ja HTML:ää.
Google Charts -palvelun lisäksi kokeiltiin muita vastaavia ohjelmia, mutta niiden kohdalla ongelmaksi muodostui JavaScript-kirjastojen heikko toimiminen ja vähäinen ohjeistus kaavioiden käyttöönotossa. Google Charts -palvelussa käyttäjälle informoidaan selkeästi, millaisessa muodossa tiedon on oltava, jotta käytetyt JavaScript-kirjastot saavat siitä selvää.
Tiedon visualisoimiseen on paljon eri syitä, ja jokaiseen tilanteeseen on oma kaavio, jolla asia saadaan esitettyä parhaiten. Tärkeää on tiedostaa, että kaavioihin ei päädy niin sanottua valehtelukerrointa. Insinöörityössä käytettiin palkkikaaviota, piirakkakaaviota, pistekaaviota ja taulukkokaaviota. Google Charts -taulukkojen ulkonäköä voidaan muokata, ja muokkaamista kokeiltiin piirakkakaavion osalta. Insinöörityö onnistui hyvin ja kaavioiden näyttämä tieto oli helposti integroitavissa tietokantaan.
Insinöörityössä käytettiin Google Charts -kaaviointiohjelmaa ja erittäin suosittua MySQLtietokantapalvelua. Ohjelmoinnin osalta työssä käytettiin tunnetuimpia ohjelmointikieliä. Palvelintason ohjelmointiin käytettiin PHP-ohjelmointikieltä ja selaintason ohjelmointiin käytettiin JavaScriptiä ja HTML:ää.
Google Charts -palvelun lisäksi kokeiltiin muita vastaavia ohjelmia, mutta niiden kohdalla ongelmaksi muodostui JavaScript-kirjastojen heikko toimiminen ja vähäinen ohjeistus kaavioiden käyttöönotossa. Google Charts -palvelussa käyttäjälle informoidaan selkeästi, millaisessa muodossa tiedon on oltava, jotta käytetyt JavaScript-kirjastot saavat siitä selvää.
Tiedon visualisoimiseen on paljon eri syitä, ja jokaiseen tilanteeseen on oma kaavio, jolla asia saadaan esitettyä parhaiten. Tärkeää on tiedostaa, että kaavioihin ei päädy niin sanottua valehtelukerrointa. Insinöörityössä käytettiin palkkikaaviota, piirakkakaaviota, pistekaaviota ja taulukkokaaviota. Google Charts -taulukkojen ulkonäköä voidaan muokata, ja muokkaamista kokeiltiin piirakkakaavion osalta. Insinöörityö onnistui hyvin ja kaavioiden näyttämä tieto oli helposti integroitavissa tietokantaan.