Afgrænsning

Ting projektet SKAL indeholde:

1. Blazor (Razor)
2. SQL
3. CSS
4. HTML
5. C#

Det er det top nødvendige ting som opgaven siger vi skal have.

Ting vi har valgt at tilføje

• jwt Token

Vi tilføjede jwt Tokens, for at de dækker Sikkerhedskravet. Derfor er det høj prioritet at vi lærer det.

Vis der er tid tilbage kan vi tilføje:

• En API der henter data om film fra nettet, så vi ikke behøver hardcode det ind i databasen

---

Tidsplan

gantt
    title Tidsplan
    dateFormat DD-MM-YY
    axisFormat %a %d-%m-%y
    tickInterval 1week
    excludes weekends
    weekday monday

    section Analyse
    Tidsplan       : TP, 14-08-24, 2d
    E/R Diagram    : ER, 15-08-24, 1d
    Flowchart      : 15-08-24, 1d
    Usecases       : 1d
    SWOT analyse   : Swot, after ER, 1d
    Mockup         : mock, after Swot, 3d
    Teknologier    : 1d

    section Kravspecifikation
    Kravspecifikation : after mock, 1d

    section Implementering
    Database                       : 5d
    API                            : 5d
    Programmering - funktionalitet : 2w
    Programmering - GUI            : 2w
    Realiseret Tidsplan            : after TP, 43d

---

E/R Diagram

E/R diagrammet viser forholdet mellem alle tabellerne i vores database.

---

Flowchart

Det her flowchart viser hvordan man bruger programmet

---

SWOT analyse

SWOT står for Strenght, Weaknesses, Opportunities, Threats. Analysen er giver et indblik i hvad hver af os er god til, og hvad vi er det modsatte af god til.

Dylan
Strength:
Jeg er fleksibel når det kommer til at arbejde med andre.

Weaknesses:
Jeg har til tider have svært ved at holde fokus, og kan ryge ud i sidespor der ikke altid er relevant til opgaven foran mig. Specielt når opgaven ikke interessere mig.

Opportunities:
Jeg kan arbejde med andre collaborators i GitHub, og bruge mere af GitHubs værktøjer.

Threats:
Når computerne ikke kan bruges, såsom hvis internettet eller strøm forsvinder.

Azad
Strength: når jeg har analyse fasen og ved hvad det handler om ved siden af mig kan jeg godt komme let i gang

Weaknesses: miste fokusen efter jeg har arbejde i flere timer ca. 4 timer

Opportunities: tage korte pauser og brug den tid til at søge eller se tutorials og lære noget nyt

Threats: når det bliver for meget avanceret og jeg ikke ved hvad jeg skal gøre jeg kan gå i stå langt tid eller jeg ikke kan mere

Erol
Strength: jeg er god til at samarbejde og løse de opgaver der bliver stillet til mig. God til at planlægge og strukturer opgaven før jeg kommer i gang.

Weaknesses: kan hurtigt blive distraheret, på baggrund af mit ADHD, skal blive bedre til at lærer at fokuserer

Opportunities: kigge på tutorials videoer og se og lær fra andre hvordan de takler og deres metoder at håndtere opgaven på.

Threats: tid som bliver brugt til at blive distraheret på, gør at jeg lærer mindre og ikke forbedre mine stærke sider.

---

Mockup

Disse Mockups repræsenterer hvordan programmet skal se ud. Vi har i alt lavet 8 mockups over programmet. Det er ikke garanteret at programmer kommer til 100% at se sådan ud, for eksempel størrelsen af layout komponenterne, men det burde mere eller mindre så sådan ud.

Næsten alle sider har en navbar i toppen der indeholder en knap som fører tilbage til startsiden, en søgebar, og en bruger der er logget ind, undtagen den første mockup som viser hvordan navbaren ser ud uden en bruger.

Den første mockup er startsiden når man ikke er logget på. Startsiden indeholder en liste af af otte tilfældige film, og to pladser til film der møder et kriterie, såsom at være den nyeste i en specifik genre. Der er også en stolpe med en liste af links til at se de ti højst anmeldte film indenfor en given genre

Mockuppet her viser start siden når man er logget in. Det er næsten magen til når man ikke er logget in. Det der ændres, er at der nu ligger en liste af de sidste film du gav en anmodning til, og at login og opret knapperne bliver erstattet med et brugernavn og billede. Mockuppet har også en knap til Detaljer og en knap til at logge af. De er der kun når man trykker på brugeren og udvider den, ellers ligger de gemt væk.

Det her er siden når man logger in.

Når man opretter en ny bruger ser det sådan her ud.

Mockuppen Viser brugersiden. Her kan ses brugerdata, og man kan se sin egen data ved at bruge detalje knappen, og andres ved at trykke på deres bruger under filmanmeldelser eller søgning

De næste to mockup omhandler filmsiden.
Her vises alt informationen om filmen, såsom spilletid. På højre side er der en filmrulle med en pil: det er en knap der folder infoen sammen, eller folder den ud.

Den her mockup viser så siden når film infoen er gemt. Nu kan man så se den individuelle brugers anmeldelse og kommentarer der følger.

Den sidste mockup viser hvad der sker når man søger. På Venstre side er der to knapper til at springe frem eller tilbage til hvor listen af film eller brugere begynder.

---

Teknologier

Her er listen af de teknologier Vi har tænkt os at bruge.

• GitHub
  Den mest indlysende teknologi vi skal bruge er GitHub. Det er her hvor alt dokumentation ligger, og alt kode kommer til at ligge. Herfra kan vi alle tilgå og ændre det koden.

• Visual Studio/VS Code
  Visual Studio er hvad vi kommer til at bruge som vores IDE.

• Figma
  Figma var hvad vi brugte til at lave Mockups.

• Hyper-V
  Vi har tænkt os at bruge Hyper-V til at lave den virtuelle maskiner hvor vi ligger vores database.

• SQL Server Management Studio
  SSMS er hvad vi bruger til at lave SQL databasen på serveren, og lægge data ind.