Käyttöliittymän toteutus varastonhallintajärjestelmään HTML5-tekniikalla
Pohjonen, Anu (2012)
Pohjonen, Anu
Oulun seudun ammattikorkeakoulu
2012
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201301111355
https://urn.fi/URN:NBN:fi:amk-201301111355
Tiivistelmä
Opinnäytetyö tehtiin toimeksiantona Taitonetti-nimiselle oululaiselle pienyritykselle. Työn tarkoituksena oli tutkia HTML5-tekniikan tarjoamia uusia ominaisuuksia sekä käyttää näitä hyödyksi varastonhallintajärjestelmän käyttöliittymän toteutuksessa. Tarkoituksena oli käyttää HTML5-tekniikkaa erityisesti sivuston rakenteessa sekä lomakkeissa siten, että järjestelmä toimisi ongelmitta yrityksessä käytössä olevalla Mozilla Firefox –selaimella.
Teoriaosuudessa käsiteltiin ensin yleisesti HTML-tekniikan kehitysvaiheita. Lisäksi käsiteltiin joitakin HTML4-tekniikan puutteita, jotka ovat johtaneet omalta osaltaan uuden HTML-version kehittämisen tarpeeseen. HTML5-tekniikasta tarkemmin esiteltiin uudet semanttiset elementit ja niiden hyödyntämistä web-sivuston rakentamisessa sekä osa lomake-elementeistä ja attribuuteista. Mediaelementeistä lyhyesti esiteltiin myös video- ja audio-elementit. Viimeisenä tutkittiin uusimpien selainversioiden selainyhteensopivuutta HTML5-tekniikan kanssa. Lähteinä käytettiin suurimmaksi osaksi verkkolähteitä.
Kehitettävänä olleessa järjestelmässä käytettiin onnistuneesti semanttisia elementtejä sivurakenteen kuvaamisessa. Uusista lomake-elementtien tyypeistä käytettiin ainoastaan tel- ja search-tyyppejä, sillä käytettävänä ollut Firefox-selain ei tarjonnut tarvittavaa tukea muille järjestelmän kannalta oleellisille kentille. Attribuutit tarjosivat selkeästi suurimman hyödyn lomakkeiden toteutuksessa, sillä ne vähensivät huomattavasti JavaScriptin tarvetta. Hyöty oli suuri varsinkin selainpuolella tapahtuneessa lomakkeiden validoinnissa.
Teoriaosuudessa käsiteltiin ensin yleisesti HTML-tekniikan kehitysvaiheita. Lisäksi käsiteltiin joitakin HTML4-tekniikan puutteita, jotka ovat johtaneet omalta osaltaan uuden HTML-version kehittämisen tarpeeseen. HTML5-tekniikasta tarkemmin esiteltiin uudet semanttiset elementit ja niiden hyödyntämistä web-sivuston rakentamisessa sekä osa lomake-elementeistä ja attribuuteista. Mediaelementeistä lyhyesti esiteltiin myös video- ja audio-elementit. Viimeisenä tutkittiin uusimpien selainversioiden selainyhteensopivuutta HTML5-tekniikan kanssa. Lähteinä käytettiin suurimmaksi osaksi verkkolähteitä.
Kehitettävänä olleessa järjestelmässä käytettiin onnistuneesti semanttisia elementtejä sivurakenteen kuvaamisessa. Uusista lomake-elementtien tyypeistä käytettiin ainoastaan tel- ja search-tyyppejä, sillä käytettävänä ollut Firefox-selain ei tarjonnut tarvittavaa tukea muille järjestelmän kannalta oleellisille kentille. Attribuutit tarjosivat selkeästi suurimman hyödyn lomakkeiden toteutuksessa, sillä ne vähensivät huomattavasti JavaScriptin tarvetta. Hyöty oli suuri varsinkin selainpuolella tapahtuneessa lomakkeiden validoinnissa.