Verkkosovellus tulosgrafiikoiden luomiseen : Case: Frisbeegolf
Hanhimäki, Olli (2018)
Hanhimäki, Olli
Vaasan ammattikorkeakoulu
2018
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201804275680
https://urn.fi/URN:NBN:fi:amk-201804275680
Tiivistelmä
Tässä opinnäytetyössä käsittelen frisbeegolfin tulosgrafiikoiden luomiseen tarkoi-tetun verkkosovelluksen suunnittelua ja toteutusta. Työ toteutettiin HTML5:n canvas-elementin ja JavaScriptin avulla. Työssä kerron myös käytettävistä teknii-koista ja esittelen käytetyt JavaScript-kirjastot.
Tavoitteena oli toteuttaa sovellus joka helpottaa tulosgrafiikoiden tekemistä ja näin nopeuttaa videoiden jälkieditointia. Sovellukseen lisättiin maltillisesti omi-naisuuksia, mutta tarjottiin työkalut myös vaativammalle käyttäjälle.
Verkkosovelluksen suunnitteluosuudessa rajasin ensin sovellukseen tulevat omi-naisuudet analysoimalla muiden tulosgrafiikoita. Kun ominaisuudet oli päätetty, mietin minkälainen käyttöliittymä niille tarvitaan. Lopuksi suunnittelin ulkoasun vaatimusten pohjalta.
Toteutusosuudessa kerron, kuinka ensin tein ulkoasun vaatimusten pohjalta ja tä-män jälkeen aloin toteuttaa toiminnallisuutta. Toiminnallisuuden toteutuksesta kerron, kuinka eri elementtien lisäämisen, tulosten kirjoituksen ja kuvien proses-soinnin funktiot toimivat.
Työ onnistui hyvin ja sovelluksesta tuli toimiva. Käytetyt tekniikat voidaan todeta hyvin toimiviksi ratkaisuiksi projektin suorittamiseen.
Tavoitteena oli toteuttaa sovellus joka helpottaa tulosgrafiikoiden tekemistä ja näin nopeuttaa videoiden jälkieditointia. Sovellukseen lisättiin maltillisesti omi-naisuuksia, mutta tarjottiin työkalut myös vaativammalle käyttäjälle.
Verkkosovelluksen suunnitteluosuudessa rajasin ensin sovellukseen tulevat omi-naisuudet analysoimalla muiden tulosgrafiikoita. Kun ominaisuudet oli päätetty, mietin minkälainen käyttöliittymä niille tarvitaan. Lopuksi suunnittelin ulkoasun vaatimusten pohjalta.
Toteutusosuudessa kerron, kuinka ensin tein ulkoasun vaatimusten pohjalta ja tä-män jälkeen aloin toteuttaa toiminnallisuutta. Toiminnallisuuden toteutuksesta kerron, kuinka eri elementtien lisäämisen, tulosten kirjoituksen ja kuvien proses-soinnin funktiot toimivat.
Työ onnistui hyvin ja sovelluksesta tuli toimiva. Käytetyt tekniikat voidaan todeta hyvin toimiviksi ratkaisuiksi projektin suorittamiseen.