Skaalautuvien vektorigrafiikkadiagrammien toteuttaminen käyttämällä SVG-tekniikkaa

Abstract

Tämän työn tavoitteena oli tutkia, soveltaa ja tehdä malliesimerkkejä SVG-pohjaisesta diagrammeista käyttämällä mobiililaitteita, yrityksen omaa www-palvelinta, tietokantaa ja tässä olevaa dataa pohjana. Käytettynä menetelmänä oli yhdistää erilaiset standardit yhteen ja luoda näistä erilaisista standardeista dynaamisia diagrammeja yrityksen käyttöön. Käytettävät standardit olivat HTML-,XML-, PHP-, MySql- ja SVG-tekniikka. Nämä yhdessä yhdistettyinä matemaattisiin kaavoihin takaavat laadukkaan lopputuloksen. Opinnäytetyön tuloksena syntyi toimiva sivusto ja ohjelmapaketti, joka toimii samalla tavalla niin mobiililaitteessa kuin normaalissa tietokoneessakin. Lisäksi lopputulos on selkeä ja nopea. Tavoitteisiin pääsemiseksi tehtiin omaa selvitystyötä sekä oltiin aktiivisia erilaisilla kehitysfoorumeilla. Nämä selvitysten ja yhteistyön lopputulokset on kuvattu työssä. Lopullinen tuotos on nopea, toimiva ja vakuuttava esitysmedia monenlaiseen yrityskäyttöön, kun halutaan kuvata visuaalisesti reaaliaikaista dataa yrityksen tilasta tai varastojen arvoista. Työssä olevia ohjelmointiesimerkkejä voidaan vähällä vaivalla soveltaa numeeristen tietoaineistojen visualisointiin internetselaimella sekä myös mobiililaitteilla.

Implementation of the Scaleable Vectordiagrams by Using SVG-technigues The purpose of this thesis was study, apply and make examples of SVG-based diagrams by using mobile devices, corporate personal web-server, database and the data in it. Different standards were combined together to create dynamic diagrams in corporate use. Used standards were HTML-, XML-, MySql- and SVG-technique. Combining these techniques with mathematic formulas guarantees good quality results. In this study the result was working web-pages and software-package, which works in the same way in mobile devices as in normal computer. Moreover, the results are clear and fast to use. These results required background research work and activity in different development forums. Results and collaboration are discusses in this thesis. The final outcome is a fast, working and convincing presentation media for multipurpose corporate use, when result needs to be visual and real-time data from corporate state or value of stocks. Programming results in this thesis can be used with moderate modifications in different numeric data materials visualization presentation in web-browsers and mobile devices.