Front-end study and application of modern web-app technologies with the aim of improving an existing system

Abstract

Den første delen av denne oppgaven var å bli kjent med den forrige versjonen av Qs-systemet. De to hovedmålene for denne oppgaven var først og fremst å finne ut hva slags forbedringer og endringer som måtte gjøres. Det andre var å analysere tiden det ville ta å implementere endringene og realisere de nødvendige kravene og målene for oppgaven. Denne prosessen ble gjort ved hjelp av veileder.

Det avtalte oppdraget var først og fremst å implementere front-enden til Qs. Dette førte til forskning om front-endrammeverk, bibloteker og hvordan de fungerte, hvilken støtte de hadde og om de var egnet for systemet. Hensikten med forskningen var å notere de viktigste funksjonene å se etter når vi evaluerte rammerverkene. De viktigste egenskapene er ytelse, funksjonalitet og bærekraft.

Basert på disse retningslinjene, var rammeverket som passet mest med systemkravene React. All funksjonaliteten ble implementert på nytt med bruk av React-rammeverket. Mens vi nærmet oss slutten av utviklingen, hadde både frontend- og backend-teamet valget om å samarbeide for å slå sammen arbeidet. Resultatet endte opp med å bli en ensrettet sammenslåing der backend-teamet mottok den nye frontenden, men la ikke press på arbeidet til den andre gruppen. Det eksisterer nå to versjoner av det nye systemet. En med den gamle Express-backenden og en ny skrevet i Java. Express-versjonen er mer testet, men eventuelt fremtidig arbeid vil bli utført til Java-versjonen.

The first part of this assignment was to get familiar with the previous version of the Qs system. The two main goals of this task was to, first of all, figure out what kind of improvements and changes needed to be made. The second was to analyze the time it would take to implement the changes and set the appropriate requirements and goals for the whole assignment. This process was done with the help and approval of the supervisor.

The agreed upon assignment was primarily to reimplement the frontend of Qs. This led to research about frontend frameworks, how they worked, what support they had and if they were suitable for the system. The purpose of the research became to note down the most important features to look for when evaluating each framework. The most important qualities being performance, functionality and sustainability.

Based on these guidelines, the framework that fitted the most of the system requirements was React. All of the functionality was reimplemented and added to in the React framework. While nearing the end of our development both the frontend and backend team had the choice to collaborate to merge their work. The result ended up being a one directional merge where the backend team received the new frontend but did not push their work to the other group. There now exists two versions of the new system. One with the old Express backend and a new one written in Java. The express version is more tested but any future work will be done to the Java version.