Saavutettavien verkkosivujen suunnittelu ja toteutus kotiseutuyhdistykselle : Case Kempele-Seura ry
Janatuinen, Sari (2021)
Janatuinen, Sari
2021
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-202105138648
https://urn.fi/URN:NBN:fi:amk-202105138648
Tiivistelmä
Tämän opinnäytetyön toimeksiantajana on toiminut kotiseutuyhdistys Kempele-Seura ry. Yhdistys toivoi kokonaisvaltaista uudistusta kotisivuilleen, jotka olivat Blogger-alustalla. Yhdistys halusi lisätä sivuston visuaalisuutta. Sivuista haluttiin kiinnostavat ja houkuttelevat, niin että uusia jäseniä innostuisi lähtemään mukaan yhdistyksen toimintaan. Sivuille toivottiin myös selkeää rakennetta ja hyvää saavutettavuutta.
Opinnäytetyössä perehdyttiin verkkopalveluiden saavutettavuuteen, saavutettavuuden merkitykseen sekä saavutettavuusvaatimusten taustoihin. Verkkosivujen saavutettavuuden huomioiminen on merkittävä osa tämän päivän web-suunnittelua. Tiedon ja palvelujen siirtyessä enenevässä määrin verkkoon, on tärkeää, että kaikilla on mahdollisuus käyttää niitä riippumatta mahdollisista henkilökohtaisista rajoitteista.
Opinnäytetyön raportissa kerrotaan suunnittelutyön ja sivuston toteuttamisen vaiheista ja käytetyistä työvälineistä. Opinnäytetyössä verkkosivut päätettiin toteuttaa WordPress-sisällönhallintajärjestelmällä, koska se on helppokäyttöinen, ja näin ollen yhdistys pystyy itse päivittämään sivustoa jatkossa. Opinnäytetyössä perehdyttiin Adobe XD -ohjelman sekä Elementor-sivunrakentajalisäosan käyttöön. Adobe XD -ohjelmalla suunniteltiin sivuston rakenne yksityiskohtaisesti. Sivusto toteutettiin Elementor-sivunrakentajalla, jolloin sivuston layoutista oli helppoa tehdä suunnitellun mukainen. Elementor-lisäosasta käytössä oli maksullinen pro-versio. Muista lisäosista oli käytössä maksuttomat versiot.
Opinnäytetyön lopputuloksena suunniteltiin ja luotiin yhdistykselle saavutettavat verkkosivut, jotka ovat raikkaat, visuaalisesti näyttävät ja kiinnostavat. Sivut ovat responsiiviset ja selkeät. Sivujen ylläpito ja päivittäminen opastettiin yhdistyksen vastuuhenkilöille. The commissioner of the thesis is a local heritage association Kempele-Seura. The commissioner had a website on the Blogger platform but wished for a comprehensive reformation with visually attractive web pages that are accessible and responsive.
The goal of the thesis is to explore accessibility and to create an accessible website. During the thesis, process accessibility was researched from different points of view, from the United Nations Convention on the Rights of Persons with Disabilities to the European Accessibility Act, from the harmonized European standard to the legislation of Finland. Accessibility is an important part of modern web design. As information and services are relocated to the internet, it is paramount that all individuals have access to it.
The website for Kempele-Seura was designed with Adobe XD design application and created with WordPress using the pro version of Elementor website builder plugin. All the other plugins used on the website were free versions.
As the result of the thesis, the commissioner now has a modern and crisp website that is responsive and visually attractive. The website is accessible, responsive, and easy to update for the personnel of the commissioner.
Opinnäytetyössä perehdyttiin verkkopalveluiden saavutettavuuteen, saavutettavuuden merkitykseen sekä saavutettavuusvaatimusten taustoihin. Verkkosivujen saavutettavuuden huomioiminen on merkittävä osa tämän päivän web-suunnittelua. Tiedon ja palvelujen siirtyessä enenevässä määrin verkkoon, on tärkeää, että kaikilla on mahdollisuus käyttää niitä riippumatta mahdollisista henkilökohtaisista rajoitteista.
Opinnäytetyön raportissa kerrotaan suunnittelutyön ja sivuston toteuttamisen vaiheista ja käytetyistä työvälineistä. Opinnäytetyössä verkkosivut päätettiin toteuttaa WordPress-sisällönhallintajärjestelmällä, koska se on helppokäyttöinen, ja näin ollen yhdistys pystyy itse päivittämään sivustoa jatkossa. Opinnäytetyössä perehdyttiin Adobe XD -ohjelman sekä Elementor-sivunrakentajalisäosan käyttöön. Adobe XD -ohjelmalla suunniteltiin sivuston rakenne yksityiskohtaisesti. Sivusto toteutettiin Elementor-sivunrakentajalla, jolloin sivuston layoutista oli helppoa tehdä suunnitellun mukainen. Elementor-lisäosasta käytössä oli maksullinen pro-versio. Muista lisäosista oli käytössä maksuttomat versiot.
Opinnäytetyön lopputuloksena suunniteltiin ja luotiin yhdistykselle saavutettavat verkkosivut, jotka ovat raikkaat, visuaalisesti näyttävät ja kiinnostavat. Sivut ovat responsiiviset ja selkeät. Sivujen ylläpito ja päivittäminen opastettiin yhdistyksen vastuuhenkilöille.
The goal of the thesis is to explore accessibility and to create an accessible website. During the thesis, process accessibility was researched from different points of view, from the United Nations Convention on the Rights of Persons with Disabilities to the European Accessibility Act, from the harmonized European standard to the legislation of Finland. Accessibility is an important part of modern web design. As information and services are relocated to the internet, it is paramount that all individuals have access to it.
The website for Kempele-Seura was designed with Adobe XD design application and created with WordPress using the pro version of Elementor website builder plugin. All the other plugins used on the website were free versions.
As the result of the thesis, the commissioner now has a modern and crisp website that is responsive and visually attractive. The website is accessible, responsive, and easy to update for the personnel of the commissioner.