Redovisning av uppgiften

Priskalkylatorn – Ett React-baserat verktyg för värdebaserad prissättning

Information

På denna sida samlar jag en del information, i redovisningssyfte, för mitt självständiga arbete vid Mittuniversitetet (Dt140g).

Projektet/arbetet är baserat på React och Ant Design.

Nedan visas f.n. en första version av en film, där jag kör demo på den skapade webbaplikationens nuvarande version.

Länkar

>Kursplan, Miun

>Prototyp, Figma

>Git

>Projektdagbok

>Projektspec.

Videodemonstration

Kommentarer:

• Meny och liknande i Header och Sidebar har ingen egentlig fkn. förutom att påvisa hur det kan tänkas se ut om webbaplikation integrerats/implementerats på en webbplats.
• Vid val av segment så hämtar applikationen data via ett Api/DB. Detta för att visa att applikationen har den möjligheten/funktionen, för att därefter skriva ut detta i en drop-down-meny. Datan (värdena) hämtas f.n. från en s.k. dummy-api-tjänst, vilket funkar i testkörningsyfte. D.v.s. inte från egenskapad db, företagets db, eller liknande.
• Den output som visar t.h. i bild, samt på den modalvy som visas, innehåller f.n. värden, vilka bygger på en del formler som jag lagt in i appliaktionen.
  
  För att illustrera hur slutresultatet kan komma att se ut så har jag utifrån teorin utarbetat några formler, vilka ligger till grund för de beräkningar vars resultat visas i dels resultatfönstret till höger i applikationen och dels i modalvyn.
  
  Exempelvis rör det sig om:
  Revenue = price X quantity
  
  Bottom line = (price X quantity) – (cost X quantity)
  
  
  
  
• State i kombination med localStorage används för att hantera/lagra de val som användaren gör.
• Jag laborerar fortfarande en del med knappar/ikoner och ev. rubrik till dessa.
• Det förekommer inget ljud på filmen, där jag förklarar mera ingående om tekniska detaljer och annat. Det kanske kommer i en annan film.
• Jag har dock lagt in lite bakgrundsmusik, som skapats vid ett tidigare tillfälle. :)

Starta eller pausa videon. Starta om videon.

Några bilder på en mera färdig webbapplikation än ovan.