Drupal 8 -sivuston dynaaminen ulkoasu
Järvenpää, Iiro (2020)
2020
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
http://urn.fi/URN:NBN:fi:amk-2020121528354
http://urn.fi/URN:NBN:fi:amk-2020121528354
Tiivistelmä
Sosiaalisen median palvelut ja suoratoistopalvelut ovat nostaneet verkkosivujen käytettävyyden uudelle tasolle. Saumattomat siirtymät sivuston osien välillä saavat nämä käytettävyydeltään erinomaiset verkkosivut tuntumaan sekä yhdeltä suurelta kokonaisuudelta että dynaamisilta. Tämä asettaa uusia haasteita perinteisten verkkosivujen kehityksessä. Jotta näihin sivuston käyttäjien kasvaviin odotuksiin voidaan vastata, on verkkosivujen kehityksessä hyvä huomioida dynaamisen ulkoasun mahdollistavat viitekehykset.
Tässä opinnäytetyössä tutkittiin tapoja toteuttaa Citrus Solutions Oy:lle Drupal 8 -sivuston ulkoasu käyttämällä ulkoisia viitekehyksiä ja luodaan esimerkkisivusto hyväksikäyttäen Drupalia sisällönhallinnassa. Opinnäytetyön tavoitteena oli löytää tähän tarkoitukseen sopiva viitekehys. Viitekehyksen sopivuutta tarkasteltiin sekä yrityksen että opiskelijan näkökulmasta.
Työ toteutettiin testaamalla ja arvioimalla Drupalin tukemia JavaScript-viitekehyksiä. Opinnäytetyössä valikoitiin testattavaksi kolme suosittua sivustojen ulkoasuun sopivaa JavaScript-viitekehystä: Vue.js, React.js ja Angular.
Esimerkkisivusto toteutettiin lopulta hyödyntämällä Vue.js:ää. Viitekehyksen valintaan vaikutti kyseisen viitekehyksen yksinkertainen syntaksi kehittäjän näkökulmasta ja mahdollisuus sisällyttää se eri projekteihin useammalla eri tavalla. Työ selvitti onnistuneesti yritykselle mahdollisia eri ratkaisuja Drupal 8 -sivuston ulkoasun luontiin.
Tässä opinnäytetyössä tutkittiin tapoja toteuttaa Citrus Solutions Oy:lle Drupal 8 -sivuston ulkoasu käyttämällä ulkoisia viitekehyksiä ja luodaan esimerkkisivusto hyväksikäyttäen Drupalia sisällönhallinnassa. Opinnäytetyön tavoitteena oli löytää tähän tarkoitukseen sopiva viitekehys. Viitekehyksen sopivuutta tarkasteltiin sekä yrityksen että opiskelijan näkökulmasta.
Työ toteutettiin testaamalla ja arvioimalla Drupalin tukemia JavaScript-viitekehyksiä. Opinnäytetyössä valikoitiin testattavaksi kolme suosittua sivustojen ulkoasuun sopivaa JavaScript-viitekehystä: Vue.js, React.js ja Angular.
Esimerkkisivusto toteutettiin lopulta hyödyntämällä Vue.js:ää. Viitekehyksen valintaan vaikutti kyseisen viitekehyksen yksinkertainen syntaksi kehittäjän näkökulmasta ja mahdollisuus sisällyttää se eri projekteihin useammalla eri tavalla. Työ selvitti onnistuneesti yritykselle mahdollisia eri ratkaisuja Drupal 8 -sivuston ulkoasun luontiin.