Kongressin luennoitsijaportaalin kehitys

Abstract

Opinnäytetyö tehtiin yhteistyössä Data Prisma Oy:n kanssa. Opinnäytetyössä oli kaksi tavoitetta. Ensimmäisenä tavoitteena oli tutkia ja vertailla uusimpia front-end-kehitystekniikoita. Toinen tavoite oli tuottaa Luennoitsijaportaalin ominaisuudet uudelleen uudella käyttöliittymätekniikalla ja integroida ne osaksi Kongressi-järjestelmää.

Tutkittaviksi tekniikoiksi valikoituivat Angular ja React. Molemmilla tekniikoilla tehtiin POC:t ja selvitettiin, kumpi tekniikoista soveltuu paremmin Luennoitsijaportaalin ominaisuuksien tuottamiseen. Vertailussa kävi ilmi, että tekniikat ovat hyvin samankaltaisia ja kumpikin täytti valittavalle tekniikalle asetetut vaatimukset. React valittiin käytettäväksi tekniikaksi, koska sen oppisi nopeammin ja yhdellä tiimimme jäsenistä oli jo entuudestaan huomattavaa kokemusta siitä. Näkymien uudelleenkehittämisprosessi aloitettiin suunnittelulla. Kun näkymien layoutit ja toiminnallisuudet oli suunniteltu, näkymät tuotettiin Reactilla. Valmiit näkymäkomponentit integroitiin ASP.NET MVC projektin Razor-näkymiin. Sovelluskehityksessä käytettiin Visual Studio 2017, Visual Studio Codea, Reactia, ASP.NET MVC ja .NET Frameworkia.

Lopputuloksena saatiin tärkeimmät Luennoitsijaportaalin ominaisuudet tuotettua ja integroitua ne osaksi Kongressi-järjestelmää onnistuneesti. Osa ominaisuuksista on vielä suunnitteilla ja ne tullaan toteuttamaan jatkokehitysvaiheessa.

The thesis was carried out in cooperation with Data Prisma Ltd. The thesis had two goals. The first goal was to study and compare latest front-end development technologies. The second goal was to remake Lecturer Portal features with new user interface technology and integrate them into the Kongressi system.

Angular and React were selected to be investigated. Proofs of concept were made with both technologies and it was studied which one fits better for producing the features of Lecturer Portal. In comparison it turned out that both technologies are quite similar and both met the requirements. React was voted in because it would be easier to learn, and one member of the team had significant experience from it. The remaking process of the views was started by planning. After the layouts and functionalities of views were planned, they were produced with React. Complete user interface components were integrated into the Razor views of the ASP.NET MVC project. Features were developed by using Visual Studio 2017, Visual Studio Code, React, ASP.NET MVC and .NET Framework.

As a result, the most important features of Lecturer Portal were remade, and they were integrated into the Kongressi system successfully. Some of the features are still in the planning stage and they will be implemented in the upcoming development.