Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi
Kiviaho, Joni (2015)
Kiviaho, Joni
Oulun ammattikorkeakoulu
2015
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201505117430
https://urn.fi/URN:NBN:fi:amk-201505117430
Tiivistelmä
Tutustuin opinnäytetyössäni responsiivisen web-suunnittelun historiaan ja responsiivisiin tekniikoihin. Esittelen myös varsinaisen opinnäytetyöni eli sivuston, jonka suunnittelin ja rakensin responsiivisena Oulun ammattikorkeakoulun käyttöön. Sivuston tarkoituksena on palvella mobiilikäyttäjiä mahdollisissa hätätilanteissa ja koota koulun turvallisuusohjeet yhteen helposti löydettävään paikkaan. Tähän asti turvallisuusohjeet ovat olleet hajallaan intranetin uumenissa, joten hätätilanteessa niistä ei juurikaan olisi ollut apua. Tavoitteena on siis tarjota helposti tavoitettava, selkeät toimintaohjeet sisältävä tietokanava, joka parantaa sekä opiskelijoiden että koulun henkilökunnan turvallisuutta ja valmiuksia toimia erilaisissa hätätilanteissa. Toimeksiantajana toimivat turvallisuusvastaavat Sami Niemelä ja Pekka Ojala.
Opinnäytetyönä tehdyn sivuston kriteereinä olivat responsiivisuus, mobiiliystävällisyys, selkeys ja keveys, tarkoittaen latautumisnopeuden huomioon ottamista esimerkiksi hitaammilla mobiiliverkkoyhteyksillä. Responsiivisuuden toteuttamisessa ei ole käytetty asettelukehyksiä, kuten Bootstrapia, sillä ne ovat liian raskaita ja monipuolisia näinkin pienelle sivustolle. Sen sijaan sivustolla käytetään ainoastaan CSS-kielen mediakyselyjä, joilla mukautetaan sivuston ulkoasua tiettyjen laite- tai selainleveyksien välillä. Sivusto on rakennettu käyttämällä HTML-, CSS-, JavaScript- ja PHP-ohjelmointikieliä. Sivuston testaus suoritettiin laitetestauksena.
Responsiivisuuteen liittyvää suomenkielistä kirjallisuutta tai muita lähteitä ei juurikaan ole saatavilla, joten turvauduin opinnäytetyössäni englanninkielisiin verkkoartikkeleihin sekä muihin alan sivustoihin. Alan nopea kehitys asettaa haasteita kirjallisille julkaisuille, sillä nykypäivänä tieto vanhenee nopeasti. Onnistuinkin löytämään sekä tuoretta tutkimustietoa että artikkeleja, jotka antoivat ajattelemisen aihetta ja uusia näkökulmia alalla työskentelyyn. Esimerkiksi mobile first -ajattelutapa on asia, jota aion jatkossa ehdottomasti hyödyntää omassa työssäni, ja olen yleisesti ottaen paljon tietoisempi mobiilikäyttäjien osuudesta internetliikenteessä. Mobiilikäyttäjien ja samalla -laitteiden määrä tulee jatkossakin kasvamaan ja monipuolistumaan, joten on täysin perusteltua ottaa tämä suunnatonta vauhtia kasvava käyttäjäryhmä entistä paremmin huomioon. Voin todeta aihetta tutkittuani, että responsiivisuus on vain osa mobiiliystävällistä web-suunnittelua, eikä internetin käyttö ole enää samanlaista kuin vaikkapa viisi vuotta sitten. Kehityksen mukana pysyminen ei vaadi paljon, ja se kannattaa.
Opinnäytetyönä tehdyn sivuston kriteereinä olivat responsiivisuus, mobiiliystävällisyys, selkeys ja keveys, tarkoittaen latautumisnopeuden huomioon ottamista esimerkiksi hitaammilla mobiiliverkkoyhteyksillä. Responsiivisuuden toteuttamisessa ei ole käytetty asettelukehyksiä, kuten Bootstrapia, sillä ne ovat liian raskaita ja monipuolisia näinkin pienelle sivustolle. Sen sijaan sivustolla käytetään ainoastaan CSS-kielen mediakyselyjä, joilla mukautetaan sivuston ulkoasua tiettyjen laite- tai selainleveyksien välillä. Sivusto on rakennettu käyttämällä HTML-, CSS-, JavaScript- ja PHP-ohjelmointikieliä. Sivuston testaus suoritettiin laitetestauksena.
Responsiivisuuteen liittyvää suomenkielistä kirjallisuutta tai muita lähteitä ei juurikaan ole saatavilla, joten turvauduin opinnäytetyössäni englanninkielisiin verkkoartikkeleihin sekä muihin alan sivustoihin. Alan nopea kehitys asettaa haasteita kirjallisille julkaisuille, sillä nykypäivänä tieto vanhenee nopeasti. Onnistuinkin löytämään sekä tuoretta tutkimustietoa että artikkeleja, jotka antoivat ajattelemisen aihetta ja uusia näkökulmia alalla työskentelyyn. Esimerkiksi mobile first -ajattelutapa on asia, jota aion jatkossa ehdottomasti hyödyntää omassa työssäni, ja olen yleisesti ottaen paljon tietoisempi mobiilikäyttäjien osuudesta internetliikenteessä. Mobiilikäyttäjien ja samalla -laitteiden määrä tulee jatkossakin kasvamaan ja monipuolistumaan, joten on täysin perusteltua ottaa tämä suunnatonta vauhtia kasvava käyttäjäryhmä entistä paremmin huomioon. Voin todeta aihetta tutkittuani, että responsiivisuus on vain osa mobiiliystävällistä web-suunnittelua, eikä internetin käyttö ole enää samanlaista kuin vaikkapa viisi vuotta sitten. Kehityksen mukana pysyminen ei vaadi paljon, ja se kannattaa.