Modernin verkkokehityksen työkalut ja tekniikat
Väisänen, Pauliina (2016)
Väisänen, Pauliina
Metropolia Ammattikorkeakoulu
2016
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201605096801
https://urn.fi/URN:NBN:fi:amk-201605096801
Tiivistelmä
Insinöörityön tavoitteena oli tutkia moderneja verkkokehitystyökaluja ja -tekniikoita ja niiden käyttöä verkkosivuston kehityksessä. Tarkoituksena oli koota kokoelma työkaluista, jotka helpottavat verkkokehityksen työnkulkua ja vähentävät manuaalisen työn määrää. Insinöörityön lopputuotteena syntyi uudet nykyaikaiset verkkosivut, joita on helppo ylläpitää niin asiakkaan kuin kehittäjän toimesta. Verkkosivut kehitettiin helsinkiläisen yliopiston osana toimivalle kesäkoululle.
Kesäkoulun verkkosivusto haluttiin uudistaa, koska yliopiston graafinen ilme muuttui ja sen myötä myös kesäkoulun sivustolle haluttiin päivittää yhteneväinen ilme. Vanha verkkosivusto ei myöskään ollut nykyajan standardien mukainen, joten se haluttiin uudistaa responsiiviseksi ja mobiiliystävälliseksi. Verkkosivustoja selaillaan yhä useammin mobiililaitteella, joten insinöörityössä oli tärkeää, että verkkosivusto tarjoaa yhtä miellyttävän käyttökokemuksen niin mobiililaitteen kuin tietokoneen näytöllä. Uudessa mobiiliystävällisessä sivustossa on otettu responsiivisuuden lisäksi huomioon muun muassa linkkien ja nappien käyttömukavuus pienellä mobiililaitteella.
Insinöörityön tuloksena saatiin koottua modernin verkkokehityksen työkalukokoelma, jota voi käyttää tulevaisuudessa uusien projektien pohjalla. Työkalujen pohjana on lokaali kehitysympäristö, joka mahdollistaa verkkokehityksen ilman erillistä aktiivista palvelinta. Kokoelman verkkokehitystä helpottavia työkaluja ovat esimerkiksi paketinhallintajärjestelmät, jotka helpottavat muiden kehittäjien luomien koodipakettien hyödyntämistä projekteissa. Paketinhallintajärjestelmien kautta voidaan ottaa käyttöön eri käyttötarkoituksiin suunniteltuja verkkokehitystyökaluja, kuten responsiivisen verkkosivuston kehitystä helpottava Foundationohjelmistokehys tai manuaalista työtä vähentävä Grunt, joka toimii automaattisena JavaScript-tehtävien suorittajana.
Insinöörityössä tutkittiin myös, millaisia työkaluja ja rajapintoja sosiaalisen median palvelut tarjoavat. Koska sosiaalinen media on jatkuvasti vahvistanut asemaansa yritysten modernina viestintävälineenä, useat verkkosivut sisältävät sosiaalisen median palveluiden kanssa keskustelevia elementtejä. Kesäkoulun sivuille tuotiin sisältöä Facebookin, Instagramin ja Twitterin rajapintoja apuna käyttäen.
Kesäkoulun verkkosivusto haluttiin uudistaa, koska yliopiston graafinen ilme muuttui ja sen myötä myös kesäkoulun sivustolle haluttiin päivittää yhteneväinen ilme. Vanha verkkosivusto ei myöskään ollut nykyajan standardien mukainen, joten se haluttiin uudistaa responsiiviseksi ja mobiiliystävälliseksi. Verkkosivustoja selaillaan yhä useammin mobiililaitteella, joten insinöörityössä oli tärkeää, että verkkosivusto tarjoaa yhtä miellyttävän käyttökokemuksen niin mobiililaitteen kuin tietokoneen näytöllä. Uudessa mobiiliystävällisessä sivustossa on otettu responsiivisuuden lisäksi huomioon muun muassa linkkien ja nappien käyttömukavuus pienellä mobiililaitteella.
Insinöörityön tuloksena saatiin koottua modernin verkkokehityksen työkalukokoelma, jota voi käyttää tulevaisuudessa uusien projektien pohjalla. Työkalujen pohjana on lokaali kehitysympäristö, joka mahdollistaa verkkokehityksen ilman erillistä aktiivista palvelinta. Kokoelman verkkokehitystä helpottavia työkaluja ovat esimerkiksi paketinhallintajärjestelmät, jotka helpottavat muiden kehittäjien luomien koodipakettien hyödyntämistä projekteissa. Paketinhallintajärjestelmien kautta voidaan ottaa käyttöön eri käyttötarkoituksiin suunniteltuja verkkokehitystyökaluja, kuten responsiivisen verkkosivuston kehitystä helpottava Foundationohjelmistokehys tai manuaalista työtä vähentävä Grunt, joka toimii automaattisena JavaScript-tehtävien suorittajana.
Insinöörityössä tutkittiin myös, millaisia työkaluja ja rajapintoja sosiaalisen median palvelut tarjoavat. Koska sosiaalinen media on jatkuvasti vahvistanut asemaansa yritysten modernina viestintävälineenä, useat verkkosivut sisältävät sosiaalisen median palveluiden kanssa keskustelevia elementtejä. Kesäkoulun sivuille tuotiin sisältöä Facebookin, Instagramin ja Twitterin rajapintoja apuna käyttäen.