Webapp for visualisering av CIE-funksjoner

Abstract

Denne bacheloroppgaven fokuserer på utviklingen av en webapplikasjon for visualisering av CIE-funksjoner. CIE-funksjoner er standardiserte matematiske funksjoner som beskriver hvordan et gjennomsnittlig menneske oppfatter farger basert på forskjellige parametere som for eksempel alder. Applikasjonen lages som en utvidelse for den eksisterende programvaren ’CIE Functions’, utviklet i samarbeid mellom NTNU og Universitetet i Sørøst-Norge.

Hovedmålet med prosjektet er å utvikle en webapplikasjon som tilbyr de samme funksjonalitetene som den opprinnelige applikasjonen. Applikasjonen skal støtte beregninger av forskjellige fargematchfunksjoner for standardobservatører og representere resultatene på en lett forståelig måte. Prosjektet inkluderer testing av forskjellige rammeverk for å finne den mest egnede løsningen, samt utvikling av prototyper og diskusjon rundt valg av teknologi.

Utviklingen har blitt gjennomført ved bruk av Python for backend-beregninger og API-design, og moderne webteknologier som React og TypeScript for frontendarkitektur. Prosjektet har også hatt et sterkt fokus på brukersentrert design og et responsivt grensesnitt for å sikre tilgjengelighet og brukervennlighet. Gjennom dette arbeidet har vi fått en dypere forståelse av både gamle og nye webteknologier, samt viktigheten av god utviklingspraksis som dokumentasjon og testing. Webapplikasjonen vi har utviklet vil lette forskningen innen fargesyn og kolorimetri og gjøre den mer tilgjengelig.

This bachelor’s thesis focuses on the development of a web application for visualizing CIE functions. CIE functions are standardized mathematical functions that describe how an average person perceives colors based on various parameters such as age. The application is being developed as an extension for an existing application "CIE Functions,"created in collaboration between NTNU and the University of South-Eastern Norway.

The main goal of the project is to develop a web application that offers the same functionalities as the original application. The application should support calculations of various color matching functions for standard observers and represent the results in an easily understandable way. The project includes testing different frameworks to find the most suitable solution, as well as developing prototypes and discussion of the choice of technology.

The development has been carried out using Python for backend calculations and API design, and modern web technologies such as React and TypeScript for the frontend architecture. The project has also had a strong focus on user-centered design and a responsive interface to ensure accessibility and user-friendliness. Through this work, we have gained a deeper understanding of both old and new forms of web technologies, as well as the importance of good development practices such as documentation and testing. The web application we have developed will facilitate research in color vision and colorimetry, making it more accessible.