Interaktiivisen selainpohjaisen sovelluksen suunnittelu ja toteutus
Uusvuo, Toni (2013)
Uusvuo, Toni
Turun ammattikorkeakoulu
2013
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2013053011897
https://urn.fi/URN:NBN:fi:amk-2013053011897
Tiivistelmä
Opinnäytetyön tarkoituksena oli tutkia käyttöliittymäsuunnittelun eri vaiheita sekä sen tuomia haasteita ja etuja. Lisäksi tutkittiin interaktiivisen www-sovelluksen luomiseen suunnattuja työkaluja ja niissä olevia sovelluskehittäjää helpottavia ominaisuuksia.
Käyttöliittymäsuunnittelun vaiheita on monia, joista parhaaksi todettiin vuokaavion käyttö. Vuokaaviolla saatiin hyvä käsitys sovelluksen kokonaiskuvasta sekä siinä olevien elementtien sijoitus sovelluksen sisällä voitiin suunnitella vuokaaviota hyväksikäyttäen.
Opinnäytetyössä käsiteltiin eri tapoja käyttöliittymäsuunnitteluun sekä sen testaamiseen. Työssä esiteltiin myös tapoja käyttää hyödyksi sovellusten kehitystyökaluja suunnittelijan työn helpottamiseksi ja vertailtiin eri kehitystyökalujen ominaisuuksia toisiinsa. Opinnäytetyössä vertaillaan kolmea eri kehitystyökalua, joista tähän sovellukseen parhaiten soveltui Adobe Edge Animate. Yritys piti tärkeänä käyttäjäkuntaa, joten sovelluksen piti toimia selaimessa ilman ylimääräisiä laajennuksia.
Opinnäytetyön tuloksena luotiin Turku Energia Oy:lle interaktiivinen www-sovellus, joka kertoo yrityksen yleistietoa sekä tietoa yrityksen omistamista rakennuksista, työuramahdollisuuksista sekä informaatiota sähkön ja lämmön tuotannosta. Sovelluksen luomiseen käytettiin Adobe Edge Animate –ohjelmistoa sekä Javascript-, jQuery- ja HTML5- ohjelmointikieliä. Sovelluksessa olevat kuvat luotiin Autodesk 3ds Max –ohjelmistolla ja muokattiin Adobe Photoshop –kuvamuokkausohjelmalla. Sovellus testattiin yrityksen sisäisesti kolmella käyttäjällä, joiden mielipiteet vaikuttivat sovelluksen kokonaisuuteen.
Käyttöliittymäsuunnittelun vaiheita on monia, joista parhaaksi todettiin vuokaavion käyttö. Vuokaaviolla saatiin hyvä käsitys sovelluksen kokonaiskuvasta sekä siinä olevien elementtien sijoitus sovelluksen sisällä voitiin suunnitella vuokaaviota hyväksikäyttäen.
Opinnäytetyössä käsiteltiin eri tapoja käyttöliittymäsuunnitteluun sekä sen testaamiseen. Työssä esiteltiin myös tapoja käyttää hyödyksi sovellusten kehitystyökaluja suunnittelijan työn helpottamiseksi ja vertailtiin eri kehitystyökalujen ominaisuuksia toisiinsa. Opinnäytetyössä vertaillaan kolmea eri kehitystyökalua, joista tähän sovellukseen parhaiten soveltui Adobe Edge Animate. Yritys piti tärkeänä käyttäjäkuntaa, joten sovelluksen piti toimia selaimessa ilman ylimääräisiä laajennuksia.
Opinnäytetyön tuloksena luotiin Turku Energia Oy:lle interaktiivinen www-sovellus, joka kertoo yrityksen yleistietoa sekä tietoa yrityksen omistamista rakennuksista, työuramahdollisuuksista sekä informaatiota sähkön ja lämmön tuotannosta. Sovelluksen luomiseen käytettiin Adobe Edge Animate –ohjelmistoa sekä Javascript-, jQuery- ja HTML5- ohjelmointikieliä. Sovelluksessa olevat kuvat luotiin Autodesk 3ds Max –ohjelmistolla ja muokattiin Adobe Photoshop –kuvamuokkausohjelmalla. Sovellus testattiin yrityksen sisäisesti kolmella käyttäjällä, joiden mielipiteet vaikuttivat sovelluksen kokonaisuuteen.