Responsiiviset web-tekniikat
Bosund, Mikael (2014)
Bosund, Mikael
Metropolia Ammattikorkeakoulu
2014
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201405219005
https://urn.fi/URN:NBN:fi:amk-201405219005
Tiivistelmä
Insinöörityön tavoitteena oli kartoittaa responsiivisten web-tekniikoiden kehityshistoriaa ja moderneja tapoja tuottaa responsiivisia sivuja parhaita nykykäytäntöjä hyödyntäen. Web-tekniikat lähtivät ulkoasultaan staattisia pikselipohjaisista kokomäärityksistä ja toistolaitteiston kehitys oli oleellisessa asemassa web-tekniikan kehityksessä.
Työssä perehdyttiin responsiivisuuden kannalta oleellisimpiin tekniikoihin ja siihen, kuinka erilaiset mediaformaatit vaativat erillistä huomiota käyttöönotossa. Tutkittaviksi ydintekniikoiksi valittiin HTML5- ja CSS3-kielet, jotka edustivat kaiken web-sivustotuotannon senaikaisia nykystandardeja. Nämä loivat parhaat käytännöt tuottaa eri selainten ja laitteiden kanssa yhteensopivia responsiivisia sivuja.
Insinöörityössä tutkittiin kolmea erillistä sivustoa, jotka kaikki hyödyntävät responsiivista suunnittelua mutta joiden sisältö ja käyttötarkoitus poikkesivat toisistaan huomattavasti. Projekteista kaksi tehtiin Joomla-julkaisujärjestelmään ja yksi ohjelmoitiin kokonaisuudessaan modulaarisista osasista, joista sivut koottiin PHP-tekniikan avulla. Projektia varten tuotetut sivustot on kaikki julkistettu, kaksi niistä kansainväliseen käyttöön. Ne saivat asiakkailta paljon myönteistä palautetta, minkä vuoksi tekniikoiden valintaa voitiin pitää onnistuneena.
Työn tuloksena voidaan nähdä, kuinka responsiiviset tekniikat eivät ole enää vain yksi erityistapaus suunnitella sivustorakennetta vaan enemmänkin tulevaisuuden tapa, jolla pystytään vapautumaan laite- ja selainyhteensopivuuteen liittyvistä ongelmista.
Työssä perehdyttiin responsiivisuuden kannalta oleellisimpiin tekniikoihin ja siihen, kuinka erilaiset mediaformaatit vaativat erillistä huomiota käyttöönotossa. Tutkittaviksi ydintekniikoiksi valittiin HTML5- ja CSS3-kielet, jotka edustivat kaiken web-sivustotuotannon senaikaisia nykystandardeja. Nämä loivat parhaat käytännöt tuottaa eri selainten ja laitteiden kanssa yhteensopivia responsiivisia sivuja.
Insinöörityössä tutkittiin kolmea erillistä sivustoa, jotka kaikki hyödyntävät responsiivista suunnittelua mutta joiden sisältö ja käyttötarkoitus poikkesivat toisistaan huomattavasti. Projekteista kaksi tehtiin Joomla-julkaisujärjestelmään ja yksi ohjelmoitiin kokonaisuudessaan modulaarisista osasista, joista sivut koottiin PHP-tekniikan avulla. Projektia varten tuotetut sivustot on kaikki julkistettu, kaksi niistä kansainväliseen käyttöön. Ne saivat asiakkailta paljon myönteistä palautetta, minkä vuoksi tekniikoiden valintaa voitiin pitää onnistuneena.
Työn tuloksena voidaan nähdä, kuinka responsiiviset tekniikat eivät ole enää vain yksi erityistapaus suunnitella sivustorakennetta vaan enemmänkin tulevaisuuden tapa, jolla pystytään vapautumaan laite- ja selainyhteensopivuuteen liittyvistä ongelmista.