Bakgrunn

Hva er Deploii?

Innsikt

Brukere og behov

Handlingsflyt

Utvikling og brukerreise

Designsystem

Figma og Vuetify

Prototype

Figma

Deploii

Deploii er en nettbasert plattform hvor man overvåke og kommunisere med mikrokontrollere (f.eks en Arduino). Plattformen utvikles av Company of Things AS (CoT).

Plattformen er siktet inn mot bruk i undervisning på ungdomskole, vgs og høyskole. Målet er at lærere enklere skal kunne undervise i IoT (internet of things) og trådløs kommunikasjon.

I dag må man bruke omfattende verktøy ment for storskala industri. Deploii skal være et brukervennlig og enkelt alternativ for både elev og lærer.

UngRedaksjon er nettsidene og publiseringsplattformen til NTNU-prosjektene UngEnergi og UngKlima.

Målet er å tilby lettfattelig fagstoff om klima, bærekraft og energiomstilling til elever og lærere i videregående og ungdomskolen.

De eksisterende nettsidene var krevende å redigere for de ansatte, trengte en gjennomgang av innhold og og kom til kort på flere krav om tilgjengelighet. I tillegg ønsket vi å vise visuelt at redaksjonene arbeider tett sammen. Sett under ett kan det ferdige produktet deles i tre:

Innsiktsarbeid

En fungernede prototype av plattformen ble utviklet av Adrian Heyerdahl som bacheloroppgave for elektroingenørutdannlngen ved NTNU.

I første omgang er løsningen testet på lærer og professorer, for å se hvordan de ville tatt den i bruk, eller ønsket å endre den. Vi sorterte dermed tilbakemeldingen på ønsket funksjonralitet etter undervisningsnivå.

Basert på tilbakemelidingene på prototypen og konseptskissene, og ønsket funksjonalitet, oppsummerte vi følgende tre ytterpunkter av undervisere løsningen må appellere til:

Ehrling Erfahren, 35 år (NTNU)

  • Har master i elektronikk ved NTNU

  • Tok PHD ved TU Berlin

  • Underviser Bachelor i Elektroniske systemer

  • Har ansvar for emnene datakommunikasjon og datateknikk

Ulvar Usikker, 42 år (VGS)

  • Egentlig Kjemilærer

  • Ufrivillig Tof-lærer for første gang

  • Lite/ikke fagnettverk på Thor Bris VGS

  • Hadde ITGK på UiO

Ingar O´Thompson, 48 (VGS)

  • Siv.ing NTH Kybernetikk.

  • Tok pedagogikk fordi han var lei av akademia

  • Digger kreativ undervisning.

  • Sysler litt med noen fritidsprosjekter med mikrokontrollere

  • Har laget fuktighetsmåler til konas tomathage

Handlingsflyt

For de mest ønskede funksjonene satte designerne og utviklerne i teamet oss sammen og skrev ned alle steg vi hver person mente var nødvendig for å utføre oppgaven. Disse ble så sortert for å se hvilke steg flertallet mente var nødvendige.

Utvalg av komponenter fra designsystemet
Utvalg av komponenter fra designsystemet

Videre satte vi opp flytdiagram for de mest ønskede funksjonene. her var målet å lage en flyt som tok hensyn til teknisk utforming og brukervennlighet.

Hvordan de ulike flytdiagrammene måtte kobles sammen avgjorde fokus for videre utvikling og sidestrukturen på plattformen.

Utvalg av komponenter fra designsystemet
Utvalg av komponenter fra designsystemet

Designsystem

Forutviklingen av Deploii valgte temaet av designere å utviklere å bruke komponentbiblioteket Vuetify for rammeverket Vue JS.

Komponentene vi ønsket å bruke ble derfor tilpasset et utarbeidet system for farger og skrift, men ellers med minimale endringer for enkel utvikling.

Utvalg av komponenter fra designsystemet
Utvalg av komponenter fra designsystemet
Utvalg av komponenter fra designsystemet

Prototyping

Utvikling av plattformen pågår fortsatt. Her tar vi utgangspunkt i flytdiagrammene for å designe de delene utviklerne trenger for å gradvis utvide funksjonaliteten til siden.

Målet med prototypen er ikke testing på brukere. Den skal kun brukes internt som mal for utviklerne. Den er dermed medium fidelity, altså en visuell mal for layout, men med få animasjoner og "fancy" interaksjoner.

Slik sikrer vi en jevn flyt med skisser klare for utvikling.

Utvalg av komponenter fra designsystemet