| Summary: | 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ää ...
|
|---|