Keskusteluominaisuuden toteutus web-sovellukseen Vue.js- ja Laravel-teknologioilla : Case: Tomerat
Lund, Petra (2023)
Lund, Petra
2023
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-2023052614588
https://urn.fi/URN:NBN:fi:amk-2023052614588
Tiivistelmä
Monista moderneista usean käyttäjän web-sovelluksista löytyy keskusteluominaisuus, jossa sovellukseen rekisteröityneet käyttäjät voivat keskustella keskenään, alustaa vaihtamatta. Niin myös toimeksiantajan varainhankinnan web-sovellukseen Tomerat, tarvittiin keskusteluominaisuus helpottamaan käyttäjien varainhankinnan suunnittelua ja organisointia ryhmäkeskustelujen avulla. Toimeksiantajana työssä toimi jyväskyläläinen digitoimisto Trimedia Oy.
Suunnitteluvaiheen aikana keskusteluominaisuuden tärkeimmiksi ominaisuuksiksi nousi viestien lisäksi, uusista viesteistä ilmoittaminen, sekä reaaliaikaisuus. Olennaiseksi osaksi nostettiin myös keskustelujen mahdollistaminen jokaisella sovelluksen sivulla, jotta käyttäjien ei tarvitse etsiä keskusteluja useasta eri paikasta. Yhdeksi tavoitteeksi asetettiin myös, että lopputuloksena syntynyttä keskusteluominaisuutta voitaisiin hyödyntää mahdollisesti myös toimeksiantajan muissa projekteissa. Työ tehtiin kehittämistutkimuksena, jonka syklien välillä päivitettiin tavoitteita ja syvennettiin kehittämissuunnitelmaa. Koska keskusteluominaisuus tuli toteuttaa osaksi jo kehitteillä olevaa sovellusta, päätettiin se yhteensopivuuden takaamiseksi toteuttaa samoilla teknologioilla sovelluksen kanssa. Tomerat-sovelluksen toteutukseen valitut teknologiat olivat Vue.js ja Laravel. Reaaliaikaisuuden toteutuksessa hyödynnettiin Laravelin valmiiksi tukemaa Pusher Channels-lähetysohjainta. Kehitystyön tulokset osoittivat, että keskusteluominaisuuden toteutus on mahdollista valituilla teknologioilla, ja että reaaliaikaset toiminnallisuudet ovat moderneissa keskusteluominaisuuksissa käyttökokemuksen kannalta erittäin tärkeitä. Tuloksina saatiin konkreettisen keskusteluominaisuuden, ja toteutusmetodien lisäksi, myös lista hyötyjä keskusteluominaisuuden toteutuksesta ilman valmiita paketteja, sekä suuntaa antavat resurssimäärät. Merkittävin saavutus oli toimivan, vaatimusmäärittelyn mukaisen, keskusteluominaisuuden toteutus, joka pienten muutosten jälkeen voidaan julkaista osana Tomerat-sovellusta. Työn konkreettista tulosta voidaan jatkokehittää vastaamaan sovelluksen tulevia tarpeita, ja toteutuksen metodeja, erityisesti reaaliaikaisuuden toteutusta, hyödyntää laajasti myös tulevissa web-sovellusten toteutuksissa.
Suunnitteluvaiheen aikana keskusteluominaisuuden tärkeimmiksi ominaisuuksiksi nousi viestien lisäksi, uusista viesteistä ilmoittaminen, sekä reaaliaikaisuus. Olennaiseksi osaksi nostettiin myös keskustelujen mahdollistaminen jokaisella sovelluksen sivulla, jotta käyttäjien ei tarvitse etsiä keskusteluja useasta eri paikasta. Yhdeksi tavoitteeksi asetettiin myös, että lopputuloksena syntynyttä keskusteluominaisuutta voitaisiin hyödyntää mahdollisesti myös toimeksiantajan muissa projekteissa. Työ tehtiin kehittämistutkimuksena, jonka syklien välillä päivitettiin tavoitteita ja syvennettiin kehittämissuunnitelmaa. Koska keskusteluominaisuus tuli toteuttaa osaksi jo kehitteillä olevaa sovellusta, päätettiin se yhteensopivuuden takaamiseksi toteuttaa samoilla teknologioilla sovelluksen kanssa. Tomerat-sovelluksen toteutukseen valitut teknologiat olivat Vue.js ja Laravel. Reaaliaikaisuuden toteutuksessa hyödynnettiin Laravelin valmiiksi tukemaa Pusher Channels-lähetysohjainta. Kehitystyön tulokset osoittivat, että keskusteluominaisuuden toteutus on mahdollista valituilla teknologioilla, ja että reaaliaikaset toiminnallisuudet ovat moderneissa keskusteluominaisuuksissa käyttökokemuksen kannalta erittäin tärkeitä. Tuloksina saatiin konkreettisen keskusteluominaisuuden, ja toteutusmetodien lisäksi, myös lista hyötyjä keskusteluominaisuuden toteutuksesta ilman valmiita paketteja, sekä suuntaa antavat resurssimäärät. Merkittävin saavutus oli toimivan, vaatimusmäärittelyn mukaisen, keskusteluominaisuuden toteutus, joka pienten muutosten jälkeen voidaan julkaista osana Tomerat-sovellusta. Työn konkreettista tulosta voidaan jatkokehittää vastaamaan sovelluksen tulevia tarpeita, ja toteutuksen metodeja, erityisesti reaaliaikaisuuden toteutusta, hyödyntää laajasti myös tulevissa web-sovellusten toteutuksissa.