Visualisering av salg i sanntid på web

B25ITK22

Fra venstre mot høyre: Robin Kristiansen Enerhaugen, Vetle Marentius Nilsen, Emilie Ruud, Sondre Kasin Hammerborg

Fra venstre mot høyre: Robin Kristiansen Enerhaugen, Vetle Marentius Nilsen, Emilie Ruud, Sondre Kasin Hammerborg

Innholdsfortegnelse

Om prosjektet

I denne bacheloroppgaven har vi fått i oppdrag å utvikle en løsning for å visualisere Europris’ salgsdata i sanntid, med mål om å gi Europris sitt hovedkontor et innblikk i butikkaktivitet gjennom en visuell fremstilling. Den visuelle fremstillingen skjer i form av et norgeskart, der Europris sine butikker er markert med en rød prikk. Når det skjer et salg i en av Europris’ sine butikker, så skal det visualiseres i form av en blomst som stiger opp fra den aktuelle butikken. Blomstens størrelse og farge vil variere basert på verdien av salget: et lite salg vises som en liten rød blomst, et middels stort salg som en mellomstor gul blomst, og et stort salg som en stor grønn blomst. For å håndtere backend-funksjonaliteten til applikasjonen tar vi i bruk en Java Spring Boot applikasjon for å motta, kategorisere og videresende data til frontend. Videre er frontend bygget med React.js og Next.js som er ansvarlig for funksjonalitet som kartvisningen, geografisk plassering av butikkene og animasjoner. For å implementere Norgeskartet benytter vi Leaflet, et åpent kildekode JavaScript-kartbibliotek, samt React Leaflet som er et bindeledd mellom React og Leaflet. Ved prosjektets slutt skal applikasjonen distribueres i Microsoft Azure. Frontend vil bli distribuert som en Azure Static Web App, mens backend vil kjøres som en Azure Container App. Bacheloroppgaven gir oss dermed verdifull ende-til-ende-erfaring innen fullstack-utvikling. Gjennom prosjektets ulike faser, fra grundig planlegging og kravspesifikasjon, via utvikling og testing, til sluttfasen med distribusjon i skyen, gir denne bacheloroppgaven oss innsikt i hele livssyklusen til en moderne webapplikasjon. Dette gir oss ikke bare teknisk kompetanse, men også en realistisk forståelse av hvordan slike systemer implementeres i praksis i næringslivet.

Bilder:

  1. Sanntidskart over Europris-salg. Hver blomst viser et kjøp, hvor størrelse og farge indikerer verdi.

  2. Illustrasjon over sentrale teknologier benyttet i prosjektet.

Prosjektdeltakere

Vetle Marentius Nilsen, Emilie Ruud, Sondre Kasin Hammerborg, Robin Kristiansen Enerhaugen

Om oppdragsgiveren

Europris AS er en norsk lavpriskjede med over 260 butikker over hele landet, med hovedkontoret lokalisert i Fredrikstad. Selskapet har bygget sin suksess med en målrettet lavprisstrategi, og tilbyr et bredt varesortiment innen blant annet dagligvarer, interiør, fritid og sesongbaserte produkter. Med et økt fokus på strategisk bruk av data, har Europris nylig investert i nye analyse- og integrasjonsplattformer. Ved hjelp av skybaserte teknologier som Databricks og Azure Data Factory, har selskapet lagt til rette for mer effektiv databehandling og bedre tilgjengeliggjøring av innsikt på tvers av organisasjonen. Vårt prosjekt er inspirert av denne utviklingen, og har som mål å visualisere salgsdata på en engasjerende måte.

Veileder

Nils-Christian Walthinsen Rabben, Høgskolen i Østfold

Av Vetle Marentius Nilsen, Emilie Ruud, Sondre Kasin Hammerborg, Robin Kristiansen Enerhaugen
Publisert 12. mai 2025 10:32 - Sist endret 16. mai 2025 14:45