Julkaisualustasta riippumattoman tapahtumakalenteri-integraation toteutus Reactilla

Abstract

Opinnäytetyö toteutettiin Valu Digital Oy:lle, joka on digitaalisen viestinnän ja markkinoinnin palveluja tarjoava yritys. Työn tavoitteena oli suunnitella ja toteuttaa tapahtumakalenterituotteeseen käyttöliittymä, jota voitaisiin hyödyntää useammassa saman tyyppisessä tapahtumakalenteritoteutuksessa julkaisualustasta riippumatta. Opinnäytetyön osuus tapahtumakalenterituotteesta rajattiin tapahtumanlistausnäkymään ja yksittäisen tapahtuman näkymään.

Toteutusta lähdettiin työstämään tutkimalla rajapinnasta haettavia tapahtumien tietoja. Näiden tietojen perusteella määriteltiin käyttöliittymässä tarvittavat komponentit. React-tekniikalla luodun sovelluksen ensimmäinen versio toteutettiin syöttämällä sille testidataa, jotta sovelluksen rakenteesta saataisiin mahdollisimman yksinkertainen. Sovelluksen toiseen versioon sisällytettiin rajapintaan tehtävät pyynnöt tapahtumien tietojen hakemiseksi. Rajapinnan palauttamat tiedot muunnettiin sovellukselle sopivaan muotoon siihen tarkoitukseen luodulla adapterilla. Lopuksi sovellus upotettiin WordPress-sisällönhallintajärjestelmään.

Opinnäytetyön tuloksena saatiin luotua pohja jatkokehitettävälle tapahtumakalenterituotteelle ja integroitua eli yhdistettyä kaksi erillistä järjestelmää toimimaan keskenään. Ennen varsinaista käyttöönottoa tapahtumakalenterituote siirrettiin jatkokehitykseen.

Jälkeenpäin opinnäytetyön merkitystä pohdittaessa todettiin, että kahden eri järjestelmän yhdistäminen tuo lisäarvoa palvelulle, kun tiedot saatiin saman palvelun alle. Lisäksi todettiin, että nykypäivänä tapahtumat ovat edelleen merkittäviä ihmisille, kun tapahtumakalentereille riittää kysyntää.

The bachelor’s thesis was assigned by Valu Digital Oy, which provides digital communications and marketing services. The objective was to plan and implement a user interface to an event calendar product, which can be used in more than one similar type of implementation independent of the publication platform. The part of the event calendar product in this study was limited to an event list view and a single event view.

The implementation was started by exploring the information from the application programming interface. The necessary components in the user interface were defined based on the collected information. The first version of the application made with React was created by uploading test data to the application in order to make the application structure as simple as possible. The requests to application programming interface were included in the second version of the application to get the event information. The data returned by the application programming interface was converted into an appropriate format for the application with the purpose-built adapter. In the end, the application was integrated into WordPress content management system.

The thesis resulted in a base of an event calendar product for a further development and two different systems integrated into one system. Before the actual deployment, the event calendar product was transferred into further development.

Considering the significance of the bachelor’s thesis afterwards, it was found that combining two different systems adds value to the service, when the information was found under the same service. In addition, it was noted that events are still important to people because there is enough demand for event calendars.