Ohjelmiston päivittäminen nykytekniikoille : React ja Spring Boot

Abstract

Opinnäytetyössä kartoitettiin, mitä hyötyjä voidaan saavuttaa rakentamalla vanha ohjelmisto uudelleen nykyaikaisin tekniikoin. Työssä uusittiin 2000-luvun alussa PHP:llä toteutetun sovelluksen käyttöliittymä Reactilla ja palvelinohjelmisto Spring Bootilla. Toimeksiantajan toiveena oli saada ohjelmiston toiminnallisuus ja ulkoasu pysymään samanlaisina kuin ennenkin.

Alkuperäinen sovellus tuntui nykystandardein tarkasteltuna kankealta ja ulkoasultaan vanhanaikaiselta. Opinnäytetyössä selvitettiin ohjelmistokehityksessä ja -suunnittelussa tapahtuneita tekniikoiden ja filosofioiden muutoksia, joiden avulla sovelluksen käyttökokemusta saatiin parannettua. Tekniikoiden kehittyminen oli huomattavissa varsinkin käyttöliittymän rakenteen muuttuessa vanhanaikaisesta HTML-verkkosivusta nykyaikaiseksi yhden sivun sovellukseksi (single-page application).

Lopputuotoksena saatiin edellistä versiota pirteämpi ja responsiivisempi käyttöliittymä sekä tehokkaammin suuria määriä dataa välittävä palvelinohjelmisto. Opinnäytetyö koettiin onnistuneeksi ja tuotosten pohjalta päätettiin luoda valmis pohja vastaavaa rakennetta käyttävien projektien kehityksen helpottamiseksi. Jatkokehitykseen suunnitellut ominaisuudet voidaan toteuttaa helpommin kuin aikaisemmilla tekniikoilla.

The purpose of the thesis was to discover possible benefits of rebuilding old software with modern techniques and technologies. The goal was to renew a software built in the 2000’s using PHP. It was decided to build the new frontend using React and the backend using Spring Boot. The wishes of the client were to update the technology stack while keeping the workflow of the software the same.

The original software felt clumsy to use and the overall look was old-fashioned. The thesis looks at the evolution of technologies and philosophy in designing and developing software in the last ten years, which factor in the improvement of the product. The evolution of frontend techniques was especially notable when the structure of the frontend changed from the traditional HTML-pages to single-page application.

The resulting frontend was livelier and more responsive. The new backend proved to handle large data loads more effectively. The thesis was deemed successful and the end results were used to create a base to build similar software on. Features planned for future development proved to be easier to achieve using the new technology stack.