Verkkosivustojen responsiivinen suunnittelu ja kehitys
Hulkko, Pasi (2014)
Hulkko, Pasi
Metropolia Ammattikorkeakoulu
2014
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2014102214881
https://urn.fi/URN:NBN:fi:amk-2014102214881
Tiivistelmä
Insinöörityön tavoitteena on tutkia responsiivisten verkkosivujen toteutusta ja siihen liittyviä menetelmiä ja työtapoja. Tilaajayritykselle toteutettiin kolme responsiivista verkkosivuprojektia, joiden aikana yrityksen työtapoja responsiivisten verkkosivujen osalta kehitettiin.
Responsiiviset toteutukset tarkoittavat verkkosivujen toteutusta, joka ottaa huomioon kaikki laitteet pienistä älypuhelimista isoihin työpöytätietokoneisiin. Responsiiviset verkkosivut ovat yleistyneet nopeasti pieninäyttöisten laitteiden kasvun myötä. Responsiiviset sivut mukautuvat päätelaitteen näytön kokoon sopivaksi, mikä luo miellyttävän käyttökokemuksen kaikille käyttäjille.
Insinöörityö sisälsi responsiivisten verkkosivujen toteutuksen suunnittelusta tekniseen toteutukseen. Teknisen toteutuksen mahdollistavat modernit verkkoteknologiat, kuten HTML5, CSS3 ja JavaScript. Projekteissa käytettiin responsiivisiin toteutuksiin sopivia menetelmiä, kuten SCRUM.
Insinöörityön toteutuksen pohjana olleiden kolmen responsiivisen työn tuloksena responsiivisten verkkosivujen toteutukseen liittyvistä työtavoista ja tekniikoista opittiin paljon tulevia projekteja silmälläpitäen. Projektien toteutuksien aikana huomattiin, että sellaisista työkaluista kuin Twitter Bootstrap ja SASS on huomattavaa hyötyä nopeatempoisessa responsiivisessa kehityksessä. Myös projektien huolellinen suunnittelu on ensiarvoisen tärkeää responsiivisissa projekteissa.
Responsiiviset toteutukset tarkoittavat verkkosivujen toteutusta, joka ottaa huomioon kaikki laitteet pienistä älypuhelimista isoihin työpöytätietokoneisiin. Responsiiviset verkkosivut ovat yleistyneet nopeasti pieninäyttöisten laitteiden kasvun myötä. Responsiiviset sivut mukautuvat päätelaitteen näytön kokoon sopivaksi, mikä luo miellyttävän käyttökokemuksen kaikille käyttäjille.
Insinöörityö sisälsi responsiivisten verkkosivujen toteutuksen suunnittelusta tekniseen toteutukseen. Teknisen toteutuksen mahdollistavat modernit verkkoteknologiat, kuten HTML5, CSS3 ja JavaScript. Projekteissa käytettiin responsiivisiin toteutuksiin sopivia menetelmiä, kuten SCRUM.
Insinöörityön toteutuksen pohjana olleiden kolmen responsiivisen työn tuloksena responsiivisten verkkosivujen toteutukseen liittyvistä työtavoista ja tekniikoista opittiin paljon tulevia projekteja silmälläpitäen. Projektien toteutuksien aikana huomattiin, että sellaisista työkaluista kuin Twitter Bootstrap ja SASS on huomattavaa hyötyä nopeatempoisessa responsiivisessa kehityksessä. Myös projektien huolellinen suunnittelu on ensiarvoisen tärkeää responsiivisissa projekteissa.