Web-komponentin rakentaminen ja sen sisällönhallinta HTML5-sovelluksessa

Tämän opinnäytetyön toimeksiantajana oli Basware Oyj. Basware on maailman johtava verkottuneiden hankinnasta maksuun -ratkaisujen tarjoaja ja tarjoaa myös innovatiivisia verkkolasku- ja lisäarvopalveluita. Opinnäytetyön tavoitteena oli kehittää Baswaren tuotteen päänäkymää. Osatavoitteena oli tutkia, kuinka sisällönhallintaa voitaisiin soveltaa komponenttitason sisällönhallintaan. Opinnäytetyön tarkoituksena oli rakentaa web-komponentti ja sen rinnalla pienimuotoinen sisällönhallintatyökalu, jonka avulla voitaisiin määritellä web-komponentille sisältöä. Opinnäytetyössä käytetty AngularJS-sovelluskehys soveltui hyvin web-komponentin rakentamiseen. Sisällönhallintatyökaluun haluttiin toteuttaa tilanhallinta uudella tavalla. Tilanhallinnan rakentamiseen otettiin käyttöön MobX-kirjasto, joka yksinkertaisti tilanhallinnan rakentamista. Opinnäytetyöstä saadut tulokset olivat hyviä. Komponenttitason sisällönhallinta pystyttiin toteuttamaan onnistuneesti, vaikka muutama ominaisuus jouduttiinkin jättämään pois. Web-komponentin toteutus onnistui hyvin, ja se saatiin tehtyä suunnitelmien mukaiseksi.This thesis was commissioned by Basware Corporation. Basware is the global leader in providing networked purchase-to-pay solutions, e-invoicing and innovative financing services. The goal of this thesis was to further develop the main view of Basware Corporation’s product. Part of this goal was to study how content management could be applied to component level. The purpose of this thesis was to build a web component and content management tool which can be used to create and manage content for the web component. AngularJS framework worked well for the building the web component. While developing content management tool, there was a need to implement a way to manage the state of the tool. Managing the state was done by using the MobX library. MobX allowed to build a simple yet effective state management solution. The results of thesis were generally good. Implementing content management on a component level was successful. All the planned core features were implemented for the content management tool, but there were some quality of life features that ended up getting removed