Graafisen suunnittelutyökalun toteutus
Terho, Antti (2013)
Terho, Antti
Lahden ammattikorkeakoulu
2013
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201305087389
https://urn.fi/URN:NBN:fi:amk-201305087389
Tiivistelmä
Opinnäytetyö tehtiin digitaalisen median tuotantoyhtiö Imager Oy:lle. Opinnäytetyön tarkoituksena oli toteuttaa asiakkaalle web-sovellus peltiprofiilien suunnittelemiseen ja mitoittamiseen. Työkalun tarkoituksena oli siirtyä käsin tehdyistä suunnitelmista ja mitoituksista, sovelluksella piirrettyihin yhteneväisiin ja selkeämmin luettaviin suunnitelmiin.
Web-sovellus toteutettiin käyttäen HTML-, CSS- ja JavaScript-tekniikoita. Piirtoalustana sovelluksessa toimii HTML5 canvas-elementti. Canvas-elementille piirtäminen toteutettiin käyttäen Paper.js JavaScript-kirjastoa. Myös jQuery- ja TweenLite-kirjastot ovat olleet merkittävästi mukana toteutuksessa.
Opinnäytetyön teoriaosuus keskittyy sovelluksessa käytettyjen tekniikoiden ja elementtien esittelyyn. Esiteltyjä tekniikoita ovat HTML, CSS, JavaScript, HTML5, Canvas, CSS3, jQuery, AJAX, JSON, Paper.js sekä TweenLite.
Käytännön osuudessa käydään läpi graafisen suunnittelutyökalun ominaisuuksia ja toteutusta. Suunnitelun kaksi osuutta, piirto ja mitoitus, käydään yksityiskohtaisesti läpi ja pureudutaan tarkemmin niissä tehtyihin ratkaisuihin.
Lopputuloksena sovellukseen saatiin sisällytettyä kaikki halutut ominaisuudet ja sovellusta tullaan tulevaisuudessa testaamaan lisää ja kehittämään asiakkaan toiveiden mukaan.
Web-sovellus toteutettiin käyttäen HTML-, CSS- ja JavaScript-tekniikoita. Piirtoalustana sovelluksessa toimii HTML5 canvas-elementti. Canvas-elementille piirtäminen toteutettiin käyttäen Paper.js JavaScript-kirjastoa. Myös jQuery- ja TweenLite-kirjastot ovat olleet merkittävästi mukana toteutuksessa.
Opinnäytetyön teoriaosuus keskittyy sovelluksessa käytettyjen tekniikoiden ja elementtien esittelyyn. Esiteltyjä tekniikoita ovat HTML, CSS, JavaScript, HTML5, Canvas, CSS3, jQuery, AJAX, JSON, Paper.js sekä TweenLite.
Käytännön osuudessa käydään läpi graafisen suunnittelutyökalun ominaisuuksia ja toteutusta. Suunnitelun kaksi osuutta, piirto ja mitoitus, käydään yksityiskohtaisesti läpi ja pureudutaan tarkemmin niissä tehtyihin ratkaisuihin.
Lopputuloksena sovellukseen saatiin sisällytettyä kaikki halutut ominaisuudet ja sovellusta tullaan tulevaisuudessa testaamaan lisää ja kehittämään asiakkaan toiveiden mukaan.