Responsiivinen suunnittelu ja responsiiviset tekniikat web- sovelluskehityksessä
Kontinen, Satu (2024)
2024
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202403204766
https://urn.fi/URN:NBN:fi:amk-202403204766
Tiivistelmä
Tämän opinnäytetyön tarkoituksena oli tarkastella responsiivisuuden huomioimista osana verkkosivujen suunnittelua ja toteutusta. Opinnäytetyön tavoitteena oli toteuttaa responsiivinen verkkosivusto hyödyntämällä sivuston toteutuksessa siihen parhaiten soveltuvia suunnitteluperiaatteita ja sovelluskehitystekniikoita.
Opinnäytetyöraportti käsittelee ensin responsiivisuuden huomioimista osana verkkosivujen suunnittelua ja esittelee sitten keskeisimmät sovelluskehitystekniikat, joiden avulla responsiivisuus voidaan sisällyttää osaksi verkkosivujen toteutusta HTML- merkintäkielen ja CSS-tyylimäärittelykielen avulla. Opinnäytetyöprosessin aikana kehitetty verkkosivusto toteutettiin single-page web-applikaationa käyttäen ohjelmointikielinä JavaScript-kirjasto Reactia, HTML:ää ja CSS:ää. Toteutetun sivuston responsiivisuutta testattiin selaimen kehittäjätyökalujen ja testiautomaation avulla sekä tarkastelemalla sivustoa erilaisilla päätelaitteilla.
Sivusto suunniteltiin ja toteutettiin opinnäytetyöraportin käsittelemiä responsiivisuuteen liittyviä suunnitteluperiaatteita ja tekniikoita noudattaen. Suoritetun testauksen perusteella sivuston responsiivisuuden toteutus on onnistunut.
Opinnäytetyöraportti käsittelee ensin responsiivisuuden huomioimista osana verkkosivujen suunnittelua ja esittelee sitten keskeisimmät sovelluskehitystekniikat, joiden avulla responsiivisuus voidaan sisällyttää osaksi verkkosivujen toteutusta HTML- merkintäkielen ja CSS-tyylimäärittelykielen avulla. Opinnäytetyöprosessin aikana kehitetty verkkosivusto toteutettiin single-page web-applikaationa käyttäen ohjelmointikielinä JavaScript-kirjasto Reactia, HTML:ää ja CSS:ää. Toteutetun sivuston responsiivisuutta testattiin selaimen kehittäjätyökalujen ja testiautomaation avulla sekä tarkastelemalla sivustoa erilaisilla päätelaitteilla.
Sivusto suunniteltiin ja toteutettiin opinnäytetyöraportin käsittelemiä responsiivisuuteen liittyviä suunnitteluperiaatteita ja tekniikoita noudattaen. Suoritetun testauksen perusteella sivuston responsiivisuuden toteutus on onnistunut.