---
# System prepended metadata

title: Slutleverans Presentation

---

# Slutleverans Presentation

## Presentation av gruppen, projektet och målgruppen.

### Gruppen
- Mattias Ruljeff
- Sebastian Jonsson
- Viktor Ödman
- Oskar Lövsveden

### Projektet

År 2021 så kommer Google inte bara att ranka sidor utefter innehållet på dem utan även efter hur användarupplevelsen är.
Detta gör att allt fler utvecklare och redaktörer behöver ha koll på hur dem kan ska optimera sina sidor.

När google rankar en webbsida så utgår dom från ett antal punkter som t.ex.:
Hur lång tid det tar att rendera det största elementet på sidan.
De tar sedan en total poäng av alla punkter och avänder denna poäng för att ranka sidan. 

### Målgruppen

Företaget Milou, vilket har hand om ett flertal webbplatser för olika företag där kunderna har möjlighet att göra förändringar på webbplatsen, har identifierat att när deras kunder gör förändringar på sidan så finns det en chans att deras google ranking förändras. Därför har nu Milou gett oss i uppdrag att skapa en lösning som hjälper dom att idenetifiera om deras webbplatser har fått en försämrad prestation efter en förändring. 

## Baskrav, hur är applikationen tänkt att fungera, vilka är de unika egenskaperna som är viktiga?

Ett api för att.
- CRUD funktionalitet - Webpages
- Automatisk kontinuerlig mätning
    - Dag, vecka, månad
- Skapa grafer utifrån statistik
- Direktmätningar
- Notifikationer via email vid försämrat mätvärde

En frontend för att...
- Visualisera API:et
- Visa grafer

## Hur har ni arbetat tillsammans i gruppen?

Vi började med parprogrammering

Sedan delade vi upp oss mer för individuella uppgifter

Alla tasks var loggade som issues i GitLab

Roller var uppdelade men ansvaret var delat


## Problem som uppstått under vägen, vad skulle ni göra annorlunda om ni fick chansen?

- Borde undersökt hur vi skulle dokumentera krav och arbetsuppgifter tidigare. Vi gick från att använda HackMD till GitLab requirements, issues och milestones, men blev ändå inte helt nöjda i slutet.
- För långa möten i början
- Vue var lite av en "stoppkloss" och hade en inlärningskurva. Kunde påbörjat frontend tidigare
- Borde ha haft mer mailkontakt med kunden för att kontrollera vissa detaljer

## Nya kunskaper som gruppen förvärvat under projekttiden, vad tyckte ni gick bra?

- TypeScript kunskap förvärvad
- Vue kunskap förvärvad
- Schemalägga "Jobb" i ett api
- Sammarbetet gick bra
- Trevligt att jobba mot en riktig kund och få direkt feedback.!

## Visa upp hur webbplatsen/systemet/applikationen ser ut i färdigt skick och hur den fungerar. Detta kan ske live eller med hjälp av en film. Vid visning av film så distribueras länk ut till publiken och alla tittar på filmen “utanför” presentationen. På detta sätt så undviker vi problem med ljud och bildkvalitet.

### Vad vi ska gå igenom pöjkaaaarrrrr

- Swagger
- Frontend
    - Lägga till en sida | För att visa att man kan lägga till schemaläggning
    - Lägga till en på samma domän
    - Uppdatera sida 
    - Direktmätning
    - Visa graferna
### DDDD-DEEEMO TÅJM
- SHOW SICC VIDZ
- THICC GRAPHz 
- BADDABINGO DEEWD


## Avslutande ORD

Tack da för fan.