Web-sovellus mainonnanhallintaprosessin työvaiheiden tueksi

Abstract

Insinöörityö toteutettiin digimainonnan ja -medioiden kehittämiseen ja konsultointiin erikoistuneelle yritykselle. Insinöörityön tarkoituksena oli suunnitella ja toteuttaa web-sovellus, joka helpottaa mainonnanhallintaprosessin mainosinventaarin tarkistuksen ja mainoskampanjan varauksen työvaiheita. Web-sovellus koostuu kolmesta eri osasta: selainpuolesta, palvelinpuolesta ja tietokannasta. Lisäksi web-sovellus keskustelee Cxense Display -mainonnanhallintajärjestelmän kanssa ohjelmointirajapinnan välityksellä.

Web-sovelluksen selainpuoli toteutettiin käyttämällä HTML5-, CSS3- ja JavaScript-web-tekniikoita. Selainpuolen käyttöliittymän toteutukseen käytettiin React-kirjastoa ja responsiivista React-Bootstrap-sovelluskehystä. Palvelinpuoli koostuu Express-sovelluskehystä hyödyntävästä Node.js-palvelimesta, johon luotiin API-päätepisteitä selainpuolta varten. Web-sovelluksen tietokantana käytettiin postgreSQL-tietokantaa.

Insinöörityön suunnitteluvaiheessa web-sovelluksen tärkeimmiksi asioiksi nousivat sovelluksen helppokäyttöisyys, turvallisuus ja laajentamismahdollisuus. Web-sovellukseen määriteltiin erikseen käyttöliittymä ja toiminnallisuudet tavallisille käyttäjille ja ylläpitäjille.

Insinöörityössä toteutettiin web-sovelluksen prototyyppi, jota testattiin kehitysympäristössä eri verkkoselaimilla ja päätelaitteilla. Web-sovelluksen toiminnallisuuksista ei löydetty testausvaiheessa puutteita, mutta sovellusta ei ole kuitenkaan viety tuotantoympäristöön ja sen tulevaisuus on vielä epävarma.

This bachelor’s thesis was made for a company that specializes in developing online advertising and media. The purpose of this bachelor’s thesis was to design and develop a web application for supporting inventory checking and campaign booking phases of the advertising operations workflow. The web application consists of three parts which are the client-side, the server-side and a database. In addition, the web application communicates with external Cxense Display ad serving solution via application programming interface.

The client-side of the web application was developed using HTML5, CSS3 and JavaScript web technologies. The user interface of the client-side was developed using React JavaScript library and responsive React-Bootstrap framework. The server-side consists of a Node.js server with API endpoints. The Node.js server makes use of Express framework. PostgreSQL was used for the database of the web application.

In the design phase of this bachelor’s thesis, ease of use, safety and a possibility for further development were chosen as the most important things for the web application. The functionalities of the web application were defined separately for common users and administrators.

A prototype of the web application was developed in this bachelor’s thesis. The prototype was tested in the development environment with different browsers and devices. No lack of functionality was found in the testing process of the web application but the web application has not been deployed to production and the future of the application is uncertain at this time.