Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi
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ä mahdo...
Main Author: | |
---|---|
Other Authors: | |
Format: | Bachelor Thesis |
Language: | Finnish |
Published: |
Oulun ammattikorkeakoulu
2015
|
Subjects: | |
Online Access: | http://www.theseus.fi/handle/10024/91509 |
id |
fttheseus:oai:www.theseus.fi:10024/91509 |
---|---|
record_format |
openpolar |
spelling |
fttheseus:oai:www.theseus.fi:10024/91509 2024-02-11T10:08:22+01:00 Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi Kiviaho, Joni Oulun ammattikorkeakoulu 2015 http://www.theseus.fi/handle/10024/91509 fin fin Oulun ammattikorkeakoulu URN:NBN:fi:amk-201505117430 http://www.theseus.fi/handle/10024/91509 10024/2132 All rights reserved web-suunnittelu web-ohjelmointi responsiivisuus mobiiliystävällisyys mediakysely Web-sovelluskehitys fi=Tietojenkäsittely|sv=Informationsbehandling|en=Business Information Technology| Tietojenkäsittelyn tutkinto-ohjelma fi=AMK-opinnäytetyö|sv=YH-examensarbete|en=Bachelor's thesis| 2015 fttheseus 2024-01-25T00:11:48Z 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ää ... Bachelor Thesis sami Theseus.fi (Open Repository of the Universities of Applied Sciences) Jota ENVELOPE(19.163,19.163,70.046,70.046) Niemelä ENVELOPE(27.087,27.087,69.915,69.915) Pekka ENVELOPE(23.816,23.816,66.180,66.180) Ojala ENVELOPE(25.417,25.417,66.833,66.833) |
institution |
Open Polar |
collection |
Theseus.fi (Open Repository of the Universities of Applied Sciences) |
op_collection_id |
fttheseus |
language |
Finnish |
topic |
web-suunnittelu web-ohjelmointi responsiivisuus mobiiliystävällisyys mediakysely Web-sovelluskehitys fi=Tietojenkäsittely|sv=Informationsbehandling|en=Business Information Technology| Tietojenkäsittelyn tutkinto-ohjelma |
spellingShingle |
web-suunnittelu web-ohjelmointi responsiivisuus mobiiliystävällisyys mediakysely Web-sovelluskehitys fi=Tietojenkäsittely|sv=Informationsbehandling|en=Business Information Technology| Tietojenkäsittelyn tutkinto-ohjelma Kiviaho, Joni Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi |
topic_facet |
web-suunnittelu web-ohjelmointi responsiivisuus mobiiliystävällisyys mediakysely Web-sovelluskehitys fi=Tietojenkäsittely|sv=Informationsbehandling|en=Business Information Technology| Tietojenkäsittelyn tutkinto-ohjelma |
description |
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ää ... |
author2 |
Oulun ammattikorkeakoulu |
format |
Bachelor Thesis |
author |
Kiviaho, Joni |
author_facet |
Kiviaho, Joni |
author_sort |
Kiviaho, Joni |
title |
Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi |
title_short |
Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi |
title_full |
Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi |
title_fullStr |
Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi |
title_full_unstemmed |
Oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi |
title_sort |
oamk:n turvallisuusohjeiden kehittäminen responsiiviseksi web-sivustoksi |
publisher |
Oulun ammattikorkeakoulu |
publishDate |
2015 |
url |
http://www.theseus.fi/handle/10024/91509 |
long_lat |
ENVELOPE(19.163,19.163,70.046,70.046) ENVELOPE(27.087,27.087,69.915,69.915) ENVELOPE(23.816,23.816,66.180,66.180) ENVELOPE(25.417,25.417,66.833,66.833) |
geographic |
Jota Niemelä Pekka Ojala |
geographic_facet |
Jota Niemelä Pekka Ojala |
genre |
sami |
genre_facet |
sami |
op_relation |
URN:NBN:fi:amk-201505117430 http://www.theseus.fi/handle/10024/91509 10024/2132 |
op_rights |
All rights reserved |
_version_ |
1790607520057786368 |