Tehtävänsuorittajien ja esikäsittelijöiden käyttö verkkosivukehityksessä
Rättyä, Janne (2015)
Rättyä, Janne
Metropolia Ammattikorkeakoulu
2015
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201505137867
https://urn.fi/URN:NBN:fi:amk-201505137867
Tiivistelmä
Insinöörityön tarkoituksena oli uudistaa kuntoutusyhdistyksen verkkosivut ajan tasalle. Yhdistyksen tavoitteena on yhdistää kuntoutuksen parissa työskenteleviä ihmisiä, mutta sen verkkosivut olivat vanhentuneet eikä sillä ollut toimivia sosiaalisen median kanavia.
Työssä perehdyttiin nykyaikaisen verkkosivun vaatimuksiin, mikä sisältää ulkonäölliset, toiminnalliset ja sisällölliset asiat. Työssä käytiin läpi myös verkkosivukehityksen työnkulkua ja sen kehittämiseksi ja nopeuttamiseksi luotuja JavaScript-apuvälineitä. Näitä apuvälineitä ovat esimerkiksi Grunt, Gulp, Bower, Less ja Sass, ja ne toimivat lokaalisti Node.js JavaScript-suoritusympäristössä.
Sivusto toteutettiin Wordpress-sisällönhallintajärjestelmään. Pohjana käytettiin muokattua Roots-teemapohjaa ja Bootstrap-apukirjastoa. Sivuston kehitystyö tehtiin lokaalisti XAMPP-kehitysympäristössä. Kehitystä varten asennettiin myös Node.js-suoritusympäristö ja Grunt-tehtävänsuorittaja ja sen tarvitsemat lisäosamoduulit. Kehitystyössä käytettiin myös Less-esikäsittelijää ja jQuery-apukirjastoa.
Lopputuotteena syntyi valmis responsiivinen Wordpress-teema, joka asennettiin asiakkaan palvelimelle. Sisällönhallintajärjestelmään syötettiin asiakkaan luoma sisältö ja tuotiin erillisessä Blogger-palvelussa ollut kuntoutusblogi. Verkkosivun lisäksi yhdistykselle tehtiin uusi logo, suunniteltiin yhtenäinen verkkoilme, luotiin sosiaalisen median kanavat Twitteriin ja Facebookiin sekä uutiskirjepohja MailChimp-palveluun. Asiakkaalle luotiin ohjeistus Wordpressin käyttöön ja annettiin käyttäjätunnukset sosiaalisen median käyttöä varten.
Työssä perehdyttiin nykyaikaisen verkkosivun vaatimuksiin, mikä sisältää ulkonäölliset, toiminnalliset ja sisällölliset asiat. Työssä käytiin läpi myös verkkosivukehityksen työnkulkua ja sen kehittämiseksi ja nopeuttamiseksi luotuja JavaScript-apuvälineitä. Näitä apuvälineitä ovat esimerkiksi Grunt, Gulp, Bower, Less ja Sass, ja ne toimivat lokaalisti Node.js JavaScript-suoritusympäristössä.
Sivusto toteutettiin Wordpress-sisällönhallintajärjestelmään. Pohjana käytettiin muokattua Roots-teemapohjaa ja Bootstrap-apukirjastoa. Sivuston kehitystyö tehtiin lokaalisti XAMPP-kehitysympäristössä. Kehitystä varten asennettiin myös Node.js-suoritusympäristö ja Grunt-tehtävänsuorittaja ja sen tarvitsemat lisäosamoduulit. Kehitystyössä käytettiin myös Less-esikäsittelijää ja jQuery-apukirjastoa.
Lopputuotteena syntyi valmis responsiivinen Wordpress-teema, joka asennettiin asiakkaan palvelimelle. Sisällönhallintajärjestelmään syötettiin asiakkaan luoma sisältö ja tuotiin erillisessä Blogger-palvelussa ollut kuntoutusblogi. Verkkosivun lisäksi yhdistykselle tehtiin uusi logo, suunniteltiin yhtenäinen verkkoilme, luotiin sosiaalisen median kanavat Twitteriin ja Facebookiin sekä uutiskirjepohja MailChimp-palveluun. Asiakkaalle luotiin ohjeistus Wordpressin käyttöön ja annettiin käyttäjätunnukset sosiaalisen median käyttöä varten.