1.Semester Eksamen d. 13/1 – 2026. Nervøs man havde en tanke om at alt nok skulle gå. Jeg fik en smule feedback men dog modtog jeg beskeden at jeg ikke kunne bestå grundet ødelagt link i min processportfolio. Dette havde jeg en stærk fornemmelse for at denne påstand ikke noget belæg havde, især da jeg selv og alle andre kunne tilgå linket. Heldigvis blev jeg dagen efter informeret om at fejlen var på læren og censorens side og lod mig bestå med 7. Denne oplevelse har medført en manglende tillid til uddannelsens lære og censoren. Jeg forstå eksamens principper med at dumpe studerende på bagrund af et knækket link, men så skal der være en tillid til at lærerne kan overholde deres egne regler.
Oversigt over semestrets opgaver
Real Life projektarbejde: JavaScript forløb (JavaScript gruppearbejde d. 9/2-13/2 – 2026).
Netværksdag (Besøg virksomhed d. 17/2 & fremlæg besøget d. 26/2 – 2026).
Design Challenge Workshop (heldags workshop d. 23/2 – 2026).
P4 projekt Brugergrænseflader og digitalt indhol (Gruppearbejde og projektstyring d. 3/3 – 27/3 – 2026)
Code challenge workshop d. 17/4 – 2026 (gruppearbejde)
Content Creation workshop d. 22/4 – 2026 (gruppearbejde)
P5 Eksamensprojekt d. Mandag d. 27/4 – Fredag d. 29/5 (Gruppearbejde)
Real Life Projektarbejde (JavaScript)
Første projekt omhandlede en JavaScript opgave i grupper. jeg var så heldig at komme i en virkelig god gruppe med 3 andre medstuderende. Efter en hel uge med kun JavaScript undervisning fra vores kode master Thomas følte jeg mig både klar men også ret overvældet over hele JavaScript universet.
ugen efter kun kode undervisning d. 9/2 begyndte vi opgaven, hvor vi modtog opgavebeskrivelsen. Første indtryk af opgaven virkede uopnåelig stor og krævende……
JavaScript.
Placering og udførelse af JS.
Fejlfinding.
Variabler og typer.
Operatorer.
Arrays.
Kontrolstruktur (if-Else).
Kontrolstruktur (loops).
Objekter.
DOM (Document Object Model).
Funktioner (mere end halvejs).
Variable scoop (herunder LET).
Events.
Libraries.
Denne uge startede ud ret øv med at jeg fik en virus og var mere eller mindre sengelæggende i den uge, det var bare så frustrerende at være syg i denne periode, hvor samarbejde via GitHub, struktur og kommunikation var så vigtigt og jeg energimæssigt havde bare ikke de stærkeste ressource der. Min gruppe var dog helt fantastisk og der var en masse accept og omssorg overfor min situation og kunne ikke have ønsket det bedre. Min gruppe modtog beskrivelsen og sendte den videre til mig hvorefter de forslog hvilken del af opgaven jeg skulle tage mig af.
Gruppen valgte Brandts klædefabrik´s hjemmeside til re-design inklusiv JavaScript, hvor jeg fik et blokpost som jeg skulle prøve at kode JS ind i.
Dette blokpost havde blot disse informationer og derfor gav det mig mange muligheder for at inddrage JS uden de store restriktioner fra rammerne i posten.
Om tirsdagen kunne jeg begynde min kode, hvor jeg søgte efter, hvilke mulige forbedringer jeg kunne bidrage til i posten og sikre mig at jeg opnåede de faglige krav for opgaven. Jeg ville gøre posten mere dynamisk og interaktiv og derfor kodede jeg valgmuligheder for brugerne, så de kunne se, hvornår i løbet af dagen de kunne se Overtaci udstillingen og hermed også se, hvilke tidspunkter i løbet af dagen man ikke kunne booke.
Jeg startede med at indsætte en række buttons i vores fælles HTML-fil og en find rute button, for at øge UX for brugerne.
Jeg sikrede mig at der var kontakt til min HTML via consol.log og jeg lavede et individuelt JS-fil, så alle mine JS koder stod for sig selv i stedet for HTML-filen. Min buttons fra HTML overførte jeg til JS, hvor jeg kodede et Array ud af tiderne.
Efter identifikationen af mit Array lavede jeg en funktion med variablen LET, som fungerede som en lommeregner, der vil beregne mængden af samlede pladser i løbet af dagen udefra hvert enkelte objekts plads-værdi i arrayet.
Udover arrayet lavede jeg et event på knapperne, så en status besked dukkede loop når man interagerede med tidsknapperne. Her indsatte jeg også en If-Else kontrolstruktur, så min post bliver så dynamisk som muligt.
til sidst færdiggjorde jeg min find-rute knap som fik et event på sig også. På denne knap vedhæftede jeg et library med en lille gif animation når man trykker på knappen via en alert.
Efter 3 dages ret intens kodning hjemme hos mig selv blev jeg færddig. Jeg fik chat til at hjælpe mig med at sikre at jeg havde opnået alle kravene så jeg ikke afleverede noget som manglede noget fagligt. Udover min post, så lavede mine 3 andre gruppemedlemmerne både et billedgalleri, topmenu og booking system. Jeg er så imponeret over mine gruppemedlemmers evne for at kode JS, og hele oplevelsen på trods af sygdom var enormt positiv.
Refleksioner fra 1. projekt: Det var en meget hektisk uge men god. Jeg fik virkelig muligheden for at sætte mig dybt og grundigt ind i, hvordan mine js koder fungere og samarbejder sammen, og det har helt sikkert været med til at styrke mine evner indenfor kodning, hvilke selvom mine kampe med den, virkelig godt kan li. Det er dejligt at arbejde med objektivitet fremfor subjektivitet hele tiden. Alle bedste ved denne oplevelse var den feedback jeg fik fra min lære Thomas, som kiggede på mine js kode og gav mig ros. Det er første gang jeg individuelt har modtaget noget ros for mit arbejde på hele uddannelsen og det var lige det jeg havde brug for. Jeg har tit oplevede at jeg navigere rundt fagligt og praktisk i blinde især efter eksamen, hvor jeg gik derfra uden nogen feedback på noget alt det arbejde jeg havde puttet ind i afleveringen.
Netværksdage og virksomhedsbesøg
Virksomhedsbesøg var jeg virkelig spændt på, det vil være så fedt at se, hvordan en multimedie designer arbejder indenfor en bestemt niche inde i virksomhedsuniverset.
I samme gruppe som i JavaScript samarbejdet sætte vi os ned og brainstormede over, hvilke virksomheder der kunne være fede at besøge. Vi snakkede om ZOO Odense, Brandts Klædefabrik, Tattoo virksomhed samt nogle mindre virksomheder som en af gruppemedlemmerne kendte privat.
Jeg kender flere som arbejde i ZOO både som dyrepasse men også service medarbejder, og jeg tog derfor fat i mine relationer i håb om at de kunne navigere mig videre til ZOO´s multimedie afdeling, dette lykkedes, men desværre hørte jeg aldrig fra afdelingen og derfor måtte vi ændre kurs. En fra gruppen kendte til ejer af virksomheden Kunstnær i Odense, som tilbyder nærvær, kaos i farver og alle mulige former for kreativitet. Ejeren responderede hurtigt efter vores efterspørgselse og vi fik en aftale i hus, hvor vi kunne komme tirsdag d. 17/2 kl. 11 til kl. 14.
Vi mødte Louise som er ejer af Kunstnær, hun gav os en smuk fortælling om hendes behov for at skabe et fristed for kreative sjæle, hvor alle kan føle sig inkluderet uanset ideologi, religion osv. Hun gav indtrykket af at være en dybt passioneret kvinde, der brænder for de menneskelige aspekter af livet og nyder det sociale frirum hun har skabt, og hun er meget stolt over hendes udvikling af Kunstnær.
NETVÆRKSDAGS d. 26/2 PRÆSENTATION.
Vi havde i gruppen lavede et power point, for at vise hvad vi havde lært ift. vores Virksomheds besøg hos Louise. Jeg skulle snakke om visuel identitet og berøre design systemer ift. hvis man eks blev ansat som multimedie designer hos Kunstnær. Desværre lå jeg syg igen og kunne desværre ikke tage del af min fremvisning. Sygdom havde fyldt meget i denne periode, hvor jeg næsten lå syg i 3 uger.
Design Challenge Workshop.
Mandag d. 23/2 – 2026, blev vi introduceret for design challenge workshop, som omhandlede at lave et redesign, på en eksisterende hjemmeside. Som forberedelse kiggede man på hjemmeside med dårlig UI og eller UX design, som man kunne trække videre til workshoppen. Jeg fandt en hjemmeside https://penguinjuice.com, som er en Amerikansk virksomhed som sælger juice, mixer og andre tilbehør til beverages til primært institutioner. Denne hjemmeside har en god UX primært dog på desktop størrelse. Men hjemmesiden havde mange UI udfordringer med primært fokus på tilgængelighed og visuel identitet.
Igennem Figma begyndte jeg at opsætte en Grid samt layout på mit redesign både på desktop og mobil-format efter de faglige kriterier.
Hjemmesiden nuværende udfordring var både at den UI-mæssigt havde udfordringer. Deres målgruppe blev beskrevet til institutioner med børn, men hjemmesiden symboliserede tværtimod en kold go meget upersonlig identitet, som jeg ønskede at forbedre.
Ved at ændre på hjemmesidens kontraster kunne man indfange en identitet som passede bedre overens med målgruppen som appellerede meget mere til børn og sundhed. Samtidig fjernede jeg meget af de informationer der stod på forsiden, som kun var med til at overstimulere hjernen. Jeg skabte noget mere whitespace i imellem bogstaverne i eks heroteksten, for at gøre det mere læsbart. Derudover gjorde jeg UXén bedre ved at gøre hjemmesidens nuværende CTA knapper mere synlige med mindre tekst, for at hjælpe brugerne til at navigere rundt på siden bedre.
På hjemmesidens mobil version, var der mange udfordringer med font størrelsen, som var alt for lille ift. mobil skærmen, hvilke kunne medføre store udfordringer for brugere som eks havde nedsat syn.
Som forbedring af mobil størrelsen, så gjorde jeg logoet og top menuen større for bedre tilgængelighed og UX men bedre UI i form af at større logo som skal både navigere brugerne tilbage til forsiden men også styrket brand og visuel identitet. Logoet på den nuværende hjemmeside er nærmest ulæselig for for de fleste brugere. Udover forbedring i formatlig størrelse så havde jeg mange overvejelser ift. adfærdsdesign og visuel identitet. Begge emner var et fagligt krav til opgaven, men kunne være bekymret for at jeg ville ved at ændre på mange af grundfarverne på hjemmesiden medføre at selve brand identiteten forsvandt helt, men tog chancen og gjorde dette alligevel. Farverne på den nuværende hjemmesiden symboliserede meget mørke og toxitet igennem den mørke bagrund og orange temafarve, hvilke jeg ikke selv forbandt med børn og juice. Men ift. adfærdsdesign kan man benytte teorien om at man muligvis i den Amerikanske kultur forbinder andre farver og atmosfære med børn , frugt og juice ift. hvad man normalt skaber konnotationer til her i Danmark, hvilke er nogle af de refleksioner jeg tager med mig efter denne workshop.
Til sidst på dagen modtog jeg fin feedback, hvor jeg fik bekræftet af mine medstuderende at de heller ikke fandt den nuværende hjemmesides farvepalette til at stemme overens med målgruppen og produktet som de sælger. På den anden side havde jeg meget whitespace i mine 2 sider, som jeg fremover skal have mere fokus på. + bedre til at sikre mig at min margin og padding er bedre ift. mine knapper.
Mine sidste refleksioner til denne opgave er en smule frustration over mit endelige resultat. Mine forbedringer kunne være meget bedre og havde selv forventet at komme meget længer med opgaven end hvad jeg nåede, jeg kan altid komme med en masse undskyldninger men i sidste ende, så ændre det ikke på resultatet. Jeg vil fremover have mere fokus på at være mere fleksibel med min tid og passe bedre på tiden så jeg ikke ender med at sidde og bekymre mig over om jeg skal tage det ene designmæssige valg eller ej, jeg skal bare gøre det.
P4(3/3 til 27/3 – 2026)
Tirsdag d. 3/3 blev vi introduceret til kickoff. Projektet omhandler brugergrænseflade og digitalt indhold. Forinden kom vi i nye grupper. Gruppe fordelingen var i første indtryk virkelig positivt, jeg var sammen med 4 andre studerende hvori 3 af dem havde jeg ikke arbejdet sammen med under længerevarende projekter, hvilke var fedt. Kickoffen præsenterede vores problemformulering som omhandlede “Hvordan kan et digitalt produkt være med til at engagere unge mellem 20-25 år i et selvvalgt, eksisterende velgørenhedsprojekt eller organisation?”
Første spring 3/3 – 6/3
De faglige krav indholdet mange modeller til forarbejdet, systematisering og en klar rollefordeling, hvilke var noget vi opstartede vores første sprint med. Rollerne var en smule vage i begyndelsen men det blev bedre i løbet af ugen. Min rolle var Scrum Master og dokumentations ansvarlig. Scrum master rollen var med til at styrke mine kompetencer for at have et overblik og lære i en kontinuerlig proces i, hvordan fungere. Og på nuværende tidpunkt hvor jeg skriver dette, så elsker jeg Scrum modellen og det den kan tilbyde. Udover vores rolle tildeling, så havde en af vores gruppemedlemmer oprettet Drev og Figma, så vi kunne sortere projektets mange opgaver.
Sprint 1 indeholdte mange overvejelser, vejledning og at danne sig et overblik over hvornår opgaverne skulle udføres. Vores projektgrundlag var vi færdige med relativt hurtigt som indholdet Interessent analyse, risikoanalyse, gruppe kontrakten og Figma scrumboarded https://www.figma.com/boar.
Igennem vores vejledninger med Freja, Jesper og Pernille kunne vi specificere forbedringer af vores opgaver løbende.
Den sidste del af sprintet omhandlede data indsamling via kvalitativ og kvantitativ brugertest. Vi lavede et spørgeskema, som vi sendte ud på Facebook for at se brugerens holdning og værdi til frivillighed og hvad man kunne gøre for at forbedre den nuværende deltagelse til frivillighed samt interview som min gruppe kollegaer tog sig af, hvor de gik ud og fandt målgruppen, og lavede et semistruktureret interview. Den sidste del af sprintet viste virkelig et stort ansvarlighed fra alle medlemmerne, hvilke sparkede en masse energi til projektet og vores generelle samarbejde.
Refleksion fra første sprint: Tirsdag havde jeg mange udfordringer ift. mit eget humør, jeg var ked af det, overvældet, og ærligt havde jeg forinden overvejet af droppe ud grundt uddannelsens mangelende struktur og underviserenes uprofessionelle adfærd. Men i løbet af Onsdagen fik jeg vendt humøret og det hjalp også mig ift. mine samarbejdes evner. Mit samarbejde med en specifik gruppe kollega, var med til at give mig overblik, hvilke var et positivt boost i den rigtige retning, så jeg kunne arbejde under de rolle der var tildelt mig. Jeg er nu meget positiv over, hvor langt vi nåede i sprintet og det giver en positiv følelse af at vi i gruppen kan nå vores deadlines på en ordentlig måde, uden at vi bliver for overvældet over vores eget arbejde.
Andet sprint (9/3 – 13/3)
De første dage i andet sprint opsamlede vi vores proces, hvori vi også begyndte at lave analyse af vores data fra spørgeskemaet. Vi lavede om mandagen en affinity diagram, hvor vi fik tematiseret vores data, for at skabe mere overblik og specifikke problemstillinger, som vi kunne tage fat på. Temaerne var…..
motivationen for frivilligt arbejde.
sociale faktorer.
barriere for at engagere sig.
behov for klare rammer.
fleksibilitet og tidsforbrug.
indhold der engagere på sociale medier.
synlighed for frivilligt arbejde.
Starten af ugen medførte også et mandefald grundet sygdom og syge børn, så vi uddelegerede opgaver, for at vi kunne nå de første dage i vores product backlog. Vi fik udeover dette opstartet design systemet og UI inventory på bagrund af en app, vi fandt relevant at inspirere fra. Derudover begyndte en af gruppemedlemmerne at skrive indholdsstrategien, hvilke skabte bedre tid for os resterende i gruppe, så vi kunne fokusere på andre opgaver.
I løbet af denne sprint fik vi uddelegere en masse, for at nå det hele. Jeg fik opstartet user flow, goal og task, moodboard, færdigjorde KWHL samt opstartede jeg GitHub og vores mange filer i Visual Studio Code.
Fredag den sidste dag i sprintet, var vi til midtvejs pitch. Vi havde ikke rigtig forberedt slide show eller andet, da vi fandt opgaverne fra sprintet mere relevant at udføre. Vores præsentation gik godt og vi fik ros og konstruktiv feedback tilbage igen, men vi blev hurtig enige om at vi fremover vil være bedre til at lave nogle slides og hermed være bedre forberedt da vi ikke ønsker at fremvise vores gruppe som nogen som ikke gøre sit bedste.
Refleksioner fra denne uges sprint: Denne uge har været lidt af en roller coaster af følelser og udfordringer. Vi havde for første gang nogle samarbejd udfordringer ift. dårlig kommunikation og misforståelser som udviklede til irriterede gruppemedlemmer. Min oplevelse har været at folk har været gode til at sige til og fra når der var udfordringer men finder mig selv være udfordret på at fortælle når jeg oplever udfordringer. Men jeg arbejder på at være bedre til at sige til når der er problemer i gruppen, hvilke er refleksioner jeg tager videre med til næste sprint. Udover dette har jeg taget stort ansvar for kodningen da jeg gerne vil blive bedre til selve grundstrukturen i html og css, hvilke der har været god opbagning til. Jeg syntes vi er gode til at tage ansvar for de opgaver som vi har svært ved og hermed ønsker at forbedre, hvilke er en fed oplevelse fremfor det handler om at bare klare opgaver hurtigst muligt.
Tredje sprint (16/3 – 20/3)
Vi er ved at nå til vejs ende og vi i gruppen er trætte. Men vi fortsætter videre så vi kan få afleveret til deadline. I starten af ugen fik vi mulighed for at lave et interview med en 3. semester studerende fra multimedie også, som har arbejdet med frivillighed i Blå Kors i en længere periode. Her fik vi både mere brugerindsigt og en masse kvalitative data men også en Thinkaloud test fra hende, hvori hun kiggede på vores mockup i Figma. Hendes reaktion var enormt positiv, hvilke var et stort motivationsboost for os alle i gruppen.
I løbet af først dage fik jeg også færdiggjort vores interessentanalyse, dog havde vi udfordringer med at gøre den så fyldestgørende som muligt, da vi desværre ikke kom i kontakt med Røde kors ungdom. Ellers fik jeg også klaret vores Useflow samt usertask og user goals, hvilke resultat endte med at blive rigtig godt, og flowet var med til at skabe et bedre overblik over vores mockup.
Jeg påbegyndte min JavaScript kode, jeg valgte at tage mig af vores prototypes kalender, som skal fungere som et visuelt overblik over hvilke vagter de unge frivillige har i løbet af en måned. Dette er støtte op med vores kvantitative desk research som viser at unge i det post moderne samfund ønsker at have fuld anatomi og kontrol over deres tid. Dette valideres igennem vores interviews med målgruppen som belyste at en af de primære grunde til manglende motivation for at lave mere frivilligt arbejde var korreleret til tidspres og dårlig gennemsigtighed af vagterne.
Jeg opstartede min kode med at console.log, for at sikre at der var forbindelse mellem min JS-script og min Html. Forinden havde jeg inddraget et library, som tager direkte data fra vores tidszone, som jeg videre kunne kode til at visuelt ses på kalendere. Min udfordring var at hele koden var koblet op til mit library, og det gjorde koden enormt svær at forstå, så jeg endte med at fjerne den igen. I den forbindelse fandt jeg ud af at JS har selv en GetDay kode, som fungere ligesom mit library men koden er mere overskuelig.
Min nuværende udfordring er denne kode over. Det er den der sikre at de rigtige datoer forbindes til mine dage. Koden fungere men jeg har svært ved at forstå hvordan den helt præcis virker. Jeg har læst en masse om denne kode, og som jeg forstå det så er denne kode her fordi at…
Let firstDayIndex: Her henter min kode alle dataene som (hvilke år vi er i, hvilken måned og den første dag i måneden)
Let startingDay (firstdayindex): Som jeg forstå det indtil videre, så handler denne kode om at JS selv har en rækkefølge, for hvornår ugen starter. Og i js starter den på en søndag. Derfor har vi denne kode, lige nu vil min kalender starte på en søndag fremfor mandag. Med at skrive (firstdayindex – 1) fortæller jeg koden at den skal tage alle værdierne og trække 1 fra, dette gør at mandag går fra at være værdi 1 til 0 og søndag som tidligere var 0 til at være 6. Den måde opstilles min kode som ønsket.
Udover at være i fuld gang med kode så har jeg påbegyndt at filme mig selv når jeg arbejder. Disse materiale skal en af vores gruppemedlemmer bruge til at lave vores fælles video. Vi havde i tanken om at vi skulle filme nogle behind the scenes, hvor vi individuelt filmer vores tanker og følelser for at gøre videoen mere ægte og troværdigt.
Refleksioner fra 3 uges sprint: Det har været en ret presset uge, de tidligere sprint var også meget omfangsrige, men kodning og forberedelse på JS videoen, tager meget lang tid. Vi alle er ved at være trætte i den sidste del af sprintet nu og det kan mærkes. Vi har i løbet af ugen, hvor vi har arbejdet hjemme og individuelt prøvet at opretholde vores daglige rutine med check in og check ud, men nogle fra gruppen har ikke været så gode til at være kommunikationsmæssige aktive, hvilke kan gøre at man som Scrum master mangler indsigt i, hvad alle i gruppen laver, hvilke har været en smule frustrerende. Men vi prøve alle at nå deadlinen på de ting vi skal have klaret. Og vi skal nok nå det hele, men kan være lidt bekymret for at vi grundet manglende energi udføre nogle opgaver som har mindre kvalitet end ønsket. Ellers har det været en uge fyldt med mange tanker og trætte stunder, men er glad for gruppedynamikken for tiden og har nydt at arbejde hjemme, så man bedre kan koncentrere sig.
Fjerde sprint (23/3 – 27/3)
Så kom vi til fjerde sprint i vores P4 projekt. Vi startede med at mødes mandag d. 23/3, for at få overblik over hvad vi skal nå i den sidste del af af vores projekt. Jeg har i løbet af weekenden færdiggjort min JavaScript kode og er nu klar til at optage. Jeg laver en liste over de elementer jeg vil prøve at få nævnt i videoen, men kæmper med at nå at komme igennem hele min kode og må derfor kill my darlings især
Denne kode står for at min kalender, får det layout som vi har lavet i vores mockup, men kan bare ikke nå at fortælle om den i videoen. Efter en masse forsøg med at filme min video indenfor tidsintervallet på 3-6 min lykkedes det mig endelig at få videoen indenfor tidsrammen. Jeg er personligt ikke tilfreds med den, men grunden mangelende tid kan jeg ikke nå at få dækket alle elementerne.
I løbet af den første dag mødtes vi på skolen hvor vi også fik samlet alle vores individuelle koder til vores prototype. Dette gik overraskende nemt og vi alle var enormt tilfredse med det endelige resultat “App Ungdommens Røde Kors“.
I løbet af de første dage fik vi også endelig færdiggjort vores indhold til klientrapporten. På nuværende tidspunkt hvor jeg skriver dette venter vi alle i spænding på at Bára får lavet InDesign rapporten.
Samt nåede min gruppe at lave nogle helt vildt fede SoMe opslag fra vores Indholdsstrategi. Det første opslag er lavet i Photoshop som en karrusel af vores mockup.
Karrusel post til Instagram.
Premise: “Drømmer du om at blive en del af et stærkt fællesskab og gøre en forskel for børn og unge?”
Promise:der både er til dig, som allerede er frivillig og til dig, som drømmer om at starte dit frivillige eventyr – planlagt af dig 📅❤️”
“Du kan nemt tilpasse dit frivillige arbejde med din hverdag, og vi sætter stor pris på alle slags kompetencer.”
Picture: “…drømmer om at starte dit frivillige eventyr – planlagt af dig 📅❤️”
Proof: Hos Ungdommens Røde Kors har vi glædet os til at dele vores helt nye app…”
“Vi har lyttet til jer, og har udviklet en app, der samler overblikket over vagter, ledige vagter og kommende begivenheder.”
Statisk billede til Instagram
Reel video til TikTok
Dagene i midten af ugen bestod af at arbejde hjemme. Jeg stod for valideringen af vores samlede koder samt optimering af vores billeder/logoer på siden. Den sidste dag for afleveringen, havde 3 af os nåede alle de deadlines vi havde sat for os. Vi skulle dukke op Torsdag og bare samle alle delelementer sammen og aflevere, hvilke var tiltrængt da vi alle var så trætte og mentalt færdige med dette projekt. Men dagen udviklede sig anderledes, da 2 fra gruppen dukkede op og ikke havde færdiggjort deres kode video, proces portfolio og fælles video, hvilke var enormt frustrerende for os andre som forventede at alle havde overholdt deadline, eller hvert fald havde informeret os andre om at de ikke havde nået deadline. Udover dette, så lige op til at vi skulle aflevere, så fandt vi ud af at vi ikke kunne, grundet at fælles videoen var for stor til Wiseflow. Dette medførte en 2 timers lang kamp for at få optimeret videoen ned til en størrelse som var passende størrelse, det lykkedes men set i bagspejlet, så sagde det noget om at det individuelle arbejde havde mangler på trods af vores enorme fokus og arbejde med projektstyring. Til aller sidst ja det var en dag med udfordringer, så havde 3 af os i gruppen en stor skuffelse for specifikt et stort projekt element, som ikke levede op til vores faglige forventninger, det har samlet set gjort at vi ikke er særlig stolte af vores afleverede projekt på baggrund af dette specifikke projekt, det er så mega ærgerligt men vi må tage det videre til feedback i April måned.
Refleksioner fra P4 (hvad fungerede godt): Jeg har lært så meget igennem dette projekt! Jeg har fået så meget bedre forståelse for JavaScript og kodning generelt, samt fik jeg virkelig en fornemmelse for hvor vigtig et grundigt forarbejde har af betydning for senere udvikling af prototypen. Der har været så klare retninger for hvilke problemstillinger vi stod med som vi fik igennem vores research og det gjorde hele den senere proces meget nemmere at udvikle, hvilke har været en fornøjelse at arbejde under. Jeg har også fundet flere af mine styrke igennem at være bedre til at løbende dokumentere vores processer via Scrum og check inds, det gør hele projektet mere overskueligt, at vi hele tiden kan visuelt se vores endelige mål og se de tiltag vi skal tage for at nå dertil. Jeg har grundet min rolle som Scrum master også kunne fokuserer på at styrke min faglige ressourcer ved at være co-leder med vores product owner. Jeg syntes mit generelle ansvar for at sikre at alle får opgaver tildelt i vores individuelle opgaver har haft en positiv påvirkning på vores protype og andre produkter.
Personlig refleksion over hvad jeg skal gøre bedre: Min oplevelse af mit eget arbejde, lægger meget i en oplevelse at jeg ikke er god nok fagligt. Jeg gør mit allerbedste for at afleverer noget som jeg er stolt af og fagligt er på samme niveau som min gruppe men har ikke følt at jeg har kunne være der som mine gruppemedlemmer. Jeg skal til næste projekt være bedre til at systematisere mit arbejde når jeg arbejder individuelt. Jeg har eks ikke været god til at sikre mig at mine prompts er gode nok samt har jeg brugt forskellige AI´s, hvilke har gjort min endelige dokumentation af prompts et kæmpe arbejde at finde og samle de korrekte prompts ind, hvilke jeg skal gøre bedre næste gang, hvor jeg burger kun en Ai prompt, hvor jeg i sidste ende bare kan kopiere dem alle over i et dokument, dette skal også styrke min egen gennemsigtighed af mit arbejde. Jeg oplever at også at mine evner i Figma kunne være meget bedre. Min tålmodighed kom virkelig på prøve igennem dette projekt. Jeg har været så heldig at finde nogle i gruppe som jeg arbejder virkelig godt sammen med, der er balance mellem vores behov, krav for kvalitet og faglige ressourcer. Men jeg har også fundet frem til at der er nogle i gruppen som, jeg ikke kan samarbejde med fremover, jeg har igennem projektet prøvet at taget forskellige kommunikations former frem til at forbedre samarbejdet men uden held. Samarbejdet i projektet har haft store udfordringer desværre. Der har været en ubalance mellem dem i gruppen som virkelig ville aflevere noget godt og dem som bare vil aflevere noget. Jeg har som Scrum master kæmpet en kamp med især en fra gruppen, der var daglige uenigheder og vores kommunikation for at løse det var sjældent til stede. Vi kunne snakke om vores udfordringer men man så ikke en forbedring i vores samarbejde, hvilke både havde en påvirkning på resten af gruppen men også at man som gruppemedlem var mere eller mindre frustreret igennem hele projektet.
Code challenge workshop.
Fredag d. 17/4 blev vi introduceret til vores anden workshop på 2. semester. Jeg havde forinden selvom at der ingen beskrivelse var af dagens udfordring gjort mit GitHub, GitHub-desktop og Visual Code studio klar til dagen. Men til ret stor forundring så fik vi besked af Marc at vi skulle “kode” uden pc eller mobil. Hvilke var ret fedt! Det er personligt for mig meget intens og krævende at kode især fra 8:15 – 14:00 på skolen foran en computer, så det var en frisk forandring fra de forventninger man havde.
Opgaven omhandlede at vi i gruppe skulle løse en række opgaver som symboliserede at man var en fabriks arbejder og skulle flytte kasser fra det ene samlebånd til det næste. Dernæst blev vi fra hver opgave vist en ny kommando vi skulle bruge for at udføre den fabriksmæssige opgave.
Kommandoer
Inbox: Er det første samlebånd, hvor man tager værdierne fra.
Outbox: Er det samlebånd, man skal have overført værdierne til med hjælp af kommandoer.
Jump: Hop et anden sted hen i instruksen.
Add: Tilføj en værdi som du har i hånden til det du har læggende på bordet.
Sub: Træk værdier fra det man har i hånden fra det man har på bordet.
Copyto: Kopiere en værdi fra bordet til din hånd.
Copyfrom: Kopiere en værdi du har i hånden ned på bordet. Hvis der ikke er plads på bordet så vil den gå tabt.
JumpIfZero: Hop et andet sted hen i instruksen, hvis den værdi du har i hånden er nul.
JumpIfNegative: Hop et andet sted hen i instruksen, kun så længe at man har en negativ værdi i hånden.
Opgaven var nem i begyndelsen men blev gradvist mere udfordrende. Jeg havde problemer ligesom min gruppe at finde konkrete forbindelser mellem opgavens komponenter og koder. Hele opgaven tog fat i arbejdet mellem 2-3 stationer, som samarbejder med hinanden, hvilke nemt kan anses for at være koblingen mellem HTML, CSS og JS. Imens rækkerne af kasser/værdier tydligt kunne ses som arrays og Loops som vores JumpIfZero og JumpIfNegative. Men det er de eneste konkrete eksempler på, hvordan denne opgave kan overføres til kodning. Ville have ønsket at vi have fået denne opgave inden vi startede med at kode på 1.semester. Opgaven var en god øvelse til at arbejde konkret uden at overtænke på løsningen, hvilke jeg var ret god til at gøre, hvilke nok sænkede vores arbejdsproces.
Refleksioner fra workshoppen: Det var en sjov dag, og dejligt at arbejde anderledes end hvad vi er van til. Jeg brugte meget energi på disse opgaver, og mit indtryk er at denne tænkning man skal bruge til at løses opgaverne er noget der ikke er mit stærkeste. Men vi hyggede os i gruppen med 2 andre fra studiet, hvilke også bare var rart. Der var plads til at virkelig sættes sig ind i hver opgave, som jeg syntes er fedt. Så gik derfra kl. 14, fuldstændig basket med hovedpine men en god oplevelse.
Content Creation workshop
Onsdag d. 22/4 havde vi vores sidste workshop på 2.semester. Workshoppen omhandlede content creation på 2 sociale platforme TikTok og Instagram. Ifm. med workshoppen blev vi introduceret til faglig og dybdegående fremlæggelse af hvad de 2 platforme fungere og hvad der i hver gør forskelligt ift. content.
TikTok
Forbrugeradfærd
Hvornår: Tidspunkter, hvor man har behov for at koble fra og hovedet skal underholdes.
Hvor: Sofaen, sengen og transportsituationer.
Hvordan: Underholdning, nyheder og inspiration. Bruger på TikTok bruger appen primært til underholdning uden interesse for de sociale tilgange imens at indholdet er mere real og meget korte.
TikTok – et on-demand flowmedie: Algoritmen serveres igennem brugernes adfærd fremfor relationer på platformen. Den benyttes i situationer hvor hovedet bare skal frakobles og indholdet skal serveres uden at man skal tænke for meget. TikTok fungere dermed ligesom et flow-tv.
Content på TikTok
Autentisk VS Æstetisk: På TikTok vinder troværdigheden over opstilling. Indholdet skal være råt og autentisk.
Algoritmestyret: De første sekunder af adfærd på platformen afgøre senere distributioner af content.
Humor og Inspiration: Budskabet skal have sammenhæng med brugernes ønske for content. Humor, before/after.
Tempo: Contenten på platformen er enormt kortfattet og derfor skal contenten primære budskab være synligt og forståeligt på et meget kort tidsinterval.
Tekst som visuelt element: TikTok tilbyder at man kan lave content med en beskrivelse i bunden, men grundet doomscrolling og de korte videoer, så skal man inddrage de skriftlige elementer synligt i videoen, ellers vil brugerne ikke læse teksten.
Brug Hooks og trends: For at sikre at brugerne i scroller videre, så skal contenten have et hook, som kan trække brugerne til sig, samt brug af trends sikre at brugerne ser noget som de vil ønske.
Instagram
Forbrugeradfærd, indhold og demografi
Stories, opslag, Firmaer, influencere (mikro og makro) Private.
40% af alle danskere har en profil på Instagram hvor langt over 50% er kvinder.
Det er interessen der spiller en betydelig rolle for at brugerne har instagram og ift. TikTok så er der stort fokus på fællesskaber på instagram.
Videoerne indeholder længere tekster, hvori skriften står for en betydelig rolle af formidlingen.
Billederne og videoerne er oftest et produkt eller oplevelses orienteret.
Skaber fortællinger, identitet og autencitet.
Indholdet vækker følelser og invitere til dialog.
Nostalgi spiller en central rolle for instagram brugerne, som trækker de hen til genkendelighed eks intro til gamle børne introer, gamle memes eller bare relaterebar til, at verden en gang så anderledes ud nu end hvad den gjorde tidligere.
videoer af sjove katte.
vækker positive følelser og mentale breaks.
Refleksioner fra dagens workshop: Det var mega sjovt at slå sig løs med at lave content til TikTok, vi i gruppen var gode til at spille gode ideer og vi fandt hurtigt en trend på TikTok som vi kunne bruge. Den eneste ulempe ved denne workshop var at der ikke var nok tid til at sætte sig ind i contenten til Instagram, derfor også der ikke er et eksempel derfra. Det var dejligt at få noget mere faglig viden om dette emne, da jeg ikke selv har oplevelsen af at vi har fået noget undervisning ift. content creation.
P5 Eksamens projekt
Indtroduktion
Mandag d. 27/4 havde vi kickoff hvor vi blev introduceret til eksamens indhold og valg af klient. Vi i gruppen fik Benedikte Brechmann, som er ejendomsmægler og har sit eget firma med hendes mand lokaliseret i Kerteminde. I den forbindelse blev vi fremvist for problemstillingen som omhandlede: Hvordan kan Benedicte Brechmann Ejendomsmægler skabe en tydelig og sammenhængende digital identitet og hvordan kan en digital løsning til køberrådgivning se ud i praksis?
Vi i gruppen var mega positive over klientfordelingen, da vi fandt denne opgave meget interessant ift. visuelt identitet og alternativ løsninger fremfor den anden klients opgave. I gruppe er kommet sammen med 2 fra den tidligere gruppe i P4, hvilke er 2 unge damer jeg samarbejder rigtig godt sammen med inklusiv en anden studerende, som af første indtryk er super dygtig og effektiv i hendes arbejde og så er hun bare skøn og sjov at være i rum med, så er meget positiv over vores gruppe so far.
1. sprint (d. 27/4 – d. 3/5)
Projektstyring og projektplan: På første dag, nåede vi relativ langt. vi fik lavet vores gruppekontrakt, analyseret risiko i projekt processen og indsat roller ift. projektstyring. Jeg tager rollen af projektleder og product owner i vores Scrumboard, hvilke er en ny og fed udfordring. I løbet af mandagen får jeg udfyldt vores product backlog, så vores scrummaster kan sortere dem og lægge dem ud i vores 5 sprints. Igennem hele processen bruger vi projektplanen som bruges af Scrum modellen til at sikre overblik over delmålene, deadline samt tidsestimeringer, for hvor lang tid hver enkelte opgaver tager. Vi har haft enormt meget værdi af at bruge denne projektplan, da vi har gennemsigtighed over processen og nemmere kan uddelegere opgaver uden at nogle blive for bebyrdet. Vi kan også nemmere når vi arbejder individuelt, hvor langt de andre er kommet, for hver gang vi har udført en opgave så har vi trukket den over i done sektionen.
Tirsdag d. 28/4 blev vi introduceret til Benedikte, som kom på skolen og gave os mere dybdegående forklaring på hendes behov for hjælp. Hun fortalte os at vi ikke skulle have fokus på at eks forbedre hendes hjemmeside, da hun ikke selv er eje er siden. Dette gjorde at vi i gruppen skulle tænkte ekstra kreativt for at komme op med et design til Benedikte. Dernæst formidlede hun at, hendes ønske var at udbrede hendes tilbud til boligkøbere at modtage køberrådgivning. Hendes håb er at man igennem eks en app eller lign kan hjælpe boligkøbere til at blive klogere på de mange problemstillinger og udfordringer man kan løbe ind i som køber, hvordan man kan sikre at man komme hele vejen rundt om de mange dokumenter så man ikke købe en bolig som er fyldt med problemer og som kun vil gøre køberne uforudsigelige udgifter vokser.
Vi gik med det samme i gang med at lave en række deskresearch, sekundær og primær research for at få så meget data på dette problem samt en bedre kendskabet til hvem vores målgruppe er. Jeg lavede en masse desk research med brug af google scholar, for at se hvilke tilbud køberrådgivning indebære, typisk sete konsekvenser for købere der ingen rådgivning tog forinden boligkøb og typisk målgruppe for boligkøbere. I den forbindelse fandt vi frem til at vores målgruppe skulle indebære førstegangskøbere, da de ses oftest som at være dem der ikke modtager rådgivning og ingen tidligere erfaring har med boligkøb. I den forbindelse fandt jeg en række meget spænende artikler som handlede om familier, der blev snydt af deres ejendomsmægler til at købe boliger, som var sygdomsfremkaldende grundet eks skimmelsvamp.
Imens jeg stod for dataindsamling af sekundære data, så gik 2 fra gruppen i gang med at lave spørgeskema for at få noget kvantitativ data. Dette spørgeskema gav 31 respondenter, som blev grundlaget for vores senere arbejde samt nye problemstillinger man kunne tage fat i, dernæst lavede de et interview script til kvalitativ data også. Jeg gik ud og fortog 3 interviews af informanter jeg havde i min perifere omgangskreds, dette var ret heldigt da vores målgruppe lægger i alderen 25-40 førstegangskøbere, og kender mange som er i den specifikke målgruppe. Til sidst i sprintet opstartede jeg processen for at lave personaer, jeg fagligt vurdere at 2 primære personaer som er et par passer godt til målgruppen, da mange førstegangskøbere er par. Jeg laver parret Julie og Sofie som vil købe bolig. Har brugt mange timer på disse 2 personaer, og er godt tilfreds med mit arbejde, da de også danner grundlag for vores senere arbejde.
Andet sprint i vores projekt process, omhandlede indsamling og analyse af vores data. Igennem vores interviews og spørgeskema, fik vi en grundig og god fornemmelse for, hvilke udfordringer og hæmninger der stod i vejen for at førstegangskøbere ikke ville tage imod muligheden for køberrådgivning. Igennem et affinity diagram, kunne vi opsætte en række temaer, som går igennem imellem de forskellige informanter.
Igennem vores data fandt vi frem til et overordnet spørgsmål “Hvordan kan man igennem et rådgiver-system få førstegangskøbere i alderen 25-40 år til at “købe” en rådgivning til køb af ejendom?”
Dette medførte 3 uddybende problemformuleringer, vi igennem processen vil lave svar på igennem vores prototype.
Hvordan skaber man overblik i bolig købsprocessen for førstegangskøbere?
Hvordan kan man opbygge tillid til køberrådgivning hos førstegangskøbere og Benedikte Brechmann tiltrække førstegangskøbere gennem sin digitale tilstedeværelse?
Hvordan kan man gøre rådgivning synlig der, hvor førstegangskøbere allerede søger information og bruger deres tid online?
I løbet af andet sprint, fik vi udarbejdet en ide til et flow, for brugerne til prototypen. Vi havde en masse ideer til, hvad vores produkt skulle indeholder, og derfor udførte cardsorting burgertest.
Udover storyboardet, fik jeg lavet userstories og Userflow. Userstories blev lavet på bagrund af vores interviews, hvor med dataene kunne opstille nogle specifikke behov for brugerne og hermed nogle eksempler til, hvordan vi vil dække de behov.
I sammenhæng med userstories, lavede jeg et Userflow på bagrund af vores high-Fidelity wireframe og vores indsamlede data. Dette flow spiller en betydelig rolle, for at få en forståelse for brugerens flow igennem vores prototype for at sikre at brugeren oplever en stærk UX. Userflowet er bygget med en af vores primære personaer. Vores Userflow er anderledes opbygget end normalt, da man tit i alm Userflow ser et specifikt mål for brugerne, men da vi laver en prototype for at styrke informationen og forvirringen omkring boligkøb for førstegangskøbere, så indeholder dette flow ikke en endelig slutning, da vi i stedet visualisere, brugerens rejse igennem prototypen.
Til sidst i sprintet tog vi til Kerteminde, for at indsamle data til vores SoMe content. Vi tog forbi Benedikte Brechmanns ejendom, hvor vi kunne låne deres (Kan Købes) skilt og en mappeholde med deres logo, i farten var vi så heldig at møde Benediktes mand og firmapartner Frederik, hvilke var en super fed oplevelse, et enormt rar menneske.
Refleksion fra sprint 2: Ugens løb nåede vi virkelig meget. Vi har styr på vores roller ift. projektstyring, og er gode til at udueligere opgaver, så vi alle ikke føler os over bebyrdet med opgaver, gruppen tilbyder støtte, accept og gensidig respekt, hvilke har styrket hele vores samarbejde i gruppen og hermed også presset fra projektets process. Vi oplever ikke stress eller søvnløsenætter…endnu, da vi er virkelig godt med og vi oplever ikke at vi er bagud ift. vores program fra Scrum.
Sprint 3 (d. 11/5 – 17/5)
Henover weekenden i den sidste del af sprint 2, udelegerede vi de 3 SoMe opslag til 3 af os hver, hvor deadline lå mandag d. 11, introduktionen til sprint 3.
Jeg tog mig af kontrast videoen, som skal symbolisere kontrasten imellem at være en førstegangkøber uden en køberrådgiver kontra med en rådgiver. Redergeringen af videoen tog meget lang tid med sammenklipning af klippene i Premiere pro til After Effect. Jeg skulle lave et “seamless zoom transition” mellem 2 klip, dette gjorde jeg med after Effect, for at lave den her glidende overgang og skabe noget blikfang for brugerne som vil se dette opslag på Facebook og instagram. I redigeringens processen color correctede jeg en masse klips også, for at skabe nogle varmere farver for at skabe en visuel større kontrast mellem købsprocessen uden rådgiver kontra med en køberrådgiver.
Mandagen så vi alle de 3 opslag, hvilke var et fedt motivationsboost at se hvor langt vi nåede henover weekenden. Mine 2 gruppemedlemmer havde individuelt lavet et kortere grafisk animation af vores klient og en kort atmosfærisk video, som skal skabe noget interesse i at bo i Kerteminde, for at skabe større opmærksomhed på Benedikte Brechmanns køberrådgivning. Mandag var der også fokus på at gøre os præsentationsmæssigt klar til midtvejspitchen om tirsdagen for vores klassekammerater og vejleder.
D. 12/5 Midtvejspitch: Vores præsentation bestod af et relativt nemt PowerPoint, hvor vi især snakkede om de elementer vi nåede i løbet af de sidste 2 uger. Jeg snakkede om vores dataindsamling, og hvilke skridt vi tog for at finde de mest relevante og troværdiger primære kilder. Vi modtog virkelig god feedback på vores præsentation og hvor langt vi nåede i vores process, hvilke var en enormt positiv oplevelse. Vores eneste feedback vi skulle medinddrage ift. eksamen er kildekritikken.
Refleksion fra midtvejspitchen: Oplever en større sikkerhed i min præsentation. Da jeg startede på uddannelsen og skulle præsentere foran klassen medførte tit meget rystende ben og enormt røde kinder grundet nervøsiteten. Men denne omgang oplevede jeg ingen af delene tværtimod en enormt sikkerhed i min måde jeg fysisk præstere under pres, hvilke er noget jeg er enormt glad for.
Løbet af de resterende dage i sprint 3, udelegerede vi igen en masse opgaver. Mit gruppemedlem tog arbejdet med at lave design systemet i Figma imens en anden tog sig af indholdsstrategien, da hun tidligere har mange erfaringer med dette. Og sidst tog den sidste sig af at lave vores high-Fidelity mockup. Udfordringen med disse opgaver lægger i at jeg gerne vil lave det hele selv for at styrke min faglige ressourcer, men det er svært med en opgave som indeholder så mange mindre elementer, og jeg skal finde ro og accept i at jeg ikke kan det hele og vi ikke kan være blæksprutte med alle opgaverne. Imens tog jeg mig af at lave en række FAQ spørgsmål og svar til vores FAQ side og indhentede citater fra tidligere kunder, som vi kunne inddrage Social Proff for vores brugere. Samt opstartede jeg 3 smart modeller, for at skabe et bedre overblik over de største elementer i vores produktion. Sidst onsdag lavede jeg 2 nye testscripts til vores brugertest af vores mockup inden opstart af kodning og en brugertest af vores SoMe opslag.
Torsdag og fredag valgte vi at arbejde individuelt hjemmefra. 2 fra gruppen vil bruge weekenden på at opstarte vores HTML, Css og JS kode imens den tredje gruppemedlem færdiggøre indholdsstrategien imens jeg begyndte at lave frames til vores SoMe opslag. Vores klients målgruppe for førstegangskøbere vurderede vi fagligt at de ville være mest på Facebook og Instagram fremefor eks TikTok, dette samarbejdes med vores klinet, som ikke bruger TikTok for promovering af hendes firma. Vi ønskede at skabe realistiske layout, så vores opslag lignede at de lå på disse 2 platforme, og hermed også få et bedre indblik i hvordan brugerne ville opleve dem.
Vidste ikke helt hvordan jeg skulle give mig i kast med denne opgave. Jeg ville gerne lave et layout som var realistisk. Jeg startede med at finde en iPhone frame på nettet, brugte skæringsværktøj i photoshop for at skære rammen ud og lægge den ind i after Effect. Dernæst brugte jeg Photoshop til at tegne logoer med inspiration fra Facebook og Instagram. Alle logoer lavede jeg til PNG og lagde dem enkeltvis ind i after Effect i lag for at opsætte opslaget. Dette tog lang tid, men nød processen og resultaterne blev enormt gode.
Sidst i sprintet: I løbet af weekenden skal jeg udføre brugertest af vores mockup og SoMe opslag, så vi har forbedrings data. Vi håber at vi kan nå at inddrage feedbacken fra testene i sprint 4, men hvis ikke vi kan nå det så har vi data til at viderebringe til eksamen.
Refleksioner fra sprint 3: Ugen har været mere tilspidset end tidligere, vi begynder at bevæge os ind i den sidste del af processen, hvilke kan mærkes. Men er så glad for min gruppe og den dynamik vi har sammen. Ugen har været præget af negative tanker om at jeg ikke er god nok fagligt, og det tager på mit overskud. Mine gruppemedlemmer er så dygtige og oplever at jeg ikke kan præstere på samme niveau. Det skaber en masse tanker ift. eksamen og om jeg mon kan bestå. Men jeg gøre og har altid gjort mit bedste udefra de ressourcer jeg har til rådighed i situationen og det er nok den vigtigste tanker jeg vil prøve at tage med mig i næste uge til sprint 4.
Sprint 4 (d. 18/5 – 24/5)
Mandag d. 18 mødtes vi på skolen for forberede os til vores pitch til vores klient Benedikte Brechmann. Vi havde meget af grundstrukturen fra vores midtvejspitch som vi kunne videreudvikle og lave klientvenlig, så vi ikke brugte for mange fagbegreber og hermed appellerede stærkere til vores klient. Vi uddelegerede forskellige elementer fra pitchen så vi alle kunne forberede os, lave noter og øve os på hver den måde vi ville præsentere os overfor Benedikte. Ligesom i midtvejspitchen tog jeg mig af vores dataindsamling og research og skulle præsentere overfor Bendikte de tiltag vi har taget for at indsamle validerede data som grundlag for vores digital løsning til hende.
D. 20/5 mødtes vi med Benedikte igen for at lave vores pitch til hende. Denne oplevelse var enormt positivt. Hun var meget fascineret af vores projekt og kunne se nogle tydelige potentialer i det vi havde lavet indtil videre. Det her var min første gang, hvor jeg skulle meget officielt præsenter vores produkt for en klient, og det var rart at blive mere rutineret i dette. Benedikte kom med nogle ideer til forbedringer af vores produkt, hvor hun nævnte at vi kunne arbejder videre med at produktet skulle være en eksplicit One page, som på længere sigt kunne udvikle sig til at være et stort videns univers. Denne ide var super god, og ville ønske vi havde et år mere, for så var dette en realitet.
Henover weekenden havde min gruppemedlemmer opstartet HTML og CSS samt Root opsætning i stylesheet. Imens lavede jeg en Thinkaloud test af vores SoMe opslag og nuværende Mockup, jeg fandt 3 respondenter som var i vores identificeret målgruppe. Jeg udførte sammenlagt 6 brugertest samt opstartede jeg vores klientrapport, hvor jeg startede med introduktionen, resume, dataindsamling og brugertest/brugerindsigter.
Min gruppemedlem havde udført et fuldstændig gennemarbejdet Root i CSS én, hvilke senere i forløbet blev en helt fantastisk måde at kode på, hvor der er en tydelig style af hver enkelte element i vores HTML, som knapper, background, font-Family, font-size, font-weight osv. Hvilke var en fed måde at kode på efterfølgende da disse retningslinjer var lavet.
Tirsdag d. 19/5 opstartede jeg min den af koden hvilke omhandlede 2 pris-kasser, som vi har lavet på baggrund af Benediktes Brechmanns nuværende prisklasser. Det var relativt nemt at opsætte en sektion, hvori jeg lagde vores beskrivelse af prisklasserne ind.
Den større udfordring var at lære at kode med Root, det havde jeg ingen erfaring med før og derfor brugte jeg meget langt tid på at få en god forståelse af vores Root og designsystem, så mine koder passede med de opsatte Root-koder i vores css. Når man koder med Root, så tager man eks sin h3 fra den specifikke sektion i HTML, ses herunder….
Hvorefter man style h3 og styler den med de specifikke var-funktioner som henter værdierne opper fra rooten. Dette er med til at kontrollere farver, spacing, typografier osv. som bliver styret fra et centralt sted i CSS-filen.
Onsdag d. 20/5: Igennem sidste sprint fik vi udelegeret delementer fra vores mockup som vi skulle kode med inddragelse af JS. Jeg tog frivilligt kontaktformularen imens de 3 andre tog henholdsvis Burgermenu, FAQ og citatslider. Jeg startede med at bruge W3schools og YouTube for at finde gode kilder til hele opsætningen af en kontaktformular i HTML, da jeg ingen erfaring forinden havde med sådan et layout.
Jeg fik en fed ide i processen med at indsætte eksempler på navne, email osv. at inddrage en af navnene fra vores persona. Bare en lille fed detalje.
I CSS brugte jeg igen var-funktionen fra vores Root, for at skabe et sammenhængende udtryk over hele den digitale løsning.
For at sikre at alle de faglige krav fra pensum af JavaScript, brainstormede jeg over hvilke kode elementer der skulle bruges til hvad.
Debugging/fejlfinding: Jeg startede som altid med at lave en console.log for at sikre at der var kontakt mellem min JS og HTML.
Variabler og typer: Jeg har brugt en nodelist som er en gemt skuffe med elementer fra min HTML. Med en queryselectorall, tager jeg min kontakt knapper min DOM over i JS.
Operatorer: Jeg bruger igennem min kode sammenlignings operatorer, bolske operatorer og aritmetisk operatorer.
Arrey: Jeg burger et arrey, som kan ses med arrey klemmerne. Indeni den har jeg datatyper, som er strings. Disse strings bruges senere i min kode i mit library.
Kontrolstruktur (if/else): Jeg bruger en if/else kontrolstruktur i min kode, hvor jeg har lavet et eventlistener. I dette event tilføjer jeg en else struktur som medføre at en console log kode blok udskrives til min side. Denne kode har ikke den store funktion udover den tit bruges i frontend development for at debugge specifikke events.
Kontrolstruktur loops: Jeg bruger en loop for min foreach contact buttons. Her lægger jeg et event listener på den og fortæller js at den skal igennem et loop tilføje et even på alle mine kontakt knapper.
Objekter: Jeg har brugt som eks ses herunder objekter, som kan ses med disse tuborgklammer
DOM: Jeg burger DOM flere gange i min js kode. Jeg tager eks contactpopup, closepopup og contactform fra min HTML inde i dens DOM (Document object model) og hiver den ind i min js.
Funktioner: Jeg har 3 funktioner i min js kode. Den ene har været rigtig sjov at bruge som er en js matematisk sandsynligheds udregner, som bruger random selector til at vælge en string fra mit arrey.
Variable scope: Jeg bruger en bladning af global scope, funktion scope og block scope i min js kode.
Events: Jeg bruger flere steder i min kode events med cliks som medføre en dynamisk handling i min HTML.
Libraries: Jeg har brugt et library, det var ikke et krav i pensum, men valgte at bruge en alligevel. Jeg fandt et library som kunne lave en dynamisk popup besked når man har udfyldt kontaktformularen, dette gav en bedre UX og fylde min js kode mere ud.
BEM: Jeg bruger Block element modifyer, flere steder i min js. Jeg referer igennem min BEM til en bestemt CSS style, som js dynamisk kan ændre.
Igennem 4 sprint fik jeg gennemført HTML, CSS OG JS koderne. Hvilke gav et kæmpe overskud på den anden side. Så var der til sidst kun min video. Vi havde i gruppen modtaget noget vejledning ift. videoen indhold. Og vores vejleder fortalte os at vi ikke behøvede at gennemgå hele vores kode. Jeg brugte meget tid på at sætte mig ind i koden og hermed kunne formidle den videre i et One take. Efter mange mange noter ca. 6 og øve om og om igen lykkedes det mig at få videoen i hus. Her på falderebet hr jeg dog opdaget en fejl, da jeg sige at mit arrey kan identificeres på bagrund af arrey klemmerne aka Tuborg klemmerne, hvor jeg nu ved at det var en fejl, men tager det med som refleksion til eksamen, så håber kun det kan medføre noget positivt.
Refleksion fra 4 sprint: Denne uge har gået rigtig godt. Der har været nogle stressende elementer som js kode og videoen som altid tager meget tid og ressourcer, men er godt tilfreds med mit arbejde. Vores samarbejde har igen brillieret igennem sprintet. Da 2 fra gruppen blev hurtigere færdig med deres kode og video så var de gode til at sikre at jeg ikke blev for overflydt med andre opgaver ved siden af, hvilke var enormt givende at de kunne give plads til at jeg kunne fordybe mig i min kode. Kan mærke her den sidste del af hele processen at hjernen begynder at være lidt træt, jeg mister hurtigt overblikket og mine øre begynder igen nu at skrige som nok er et tegn på at hjernen skal bruge en pause. Projektbeskrivelsen beskriver at man bruger ca. 42 timer om ugen på dette projekt, og kan nu hurtigt skrive under på at det ikke er korrekt.
Sidste uge i dette projekt og vi er godt med. Igennem weekenden havde jeg opstartet vores fællesvideo. Jeg elsker redigering og ønskede at tage den del af opgaven på mig, da vores tidligere video fra P4 blev redigeret af en anden og resultatet var bare ikke godt nok og så sår mange potentielle elementer man kunne bruge som aldrig blev brugt, så da den kom op på P5 så var super klar til at hoppe på den. Dette medførte at mine gruppemedlemmer kunne bruge tid på andre ting som js videoer, opsætning af InDesign, overblik over afleverings dokumentet samt zipfiler.
Jeg startede med at skabe et overblik over alle vores videoklip fra hele processen. Der var mange men vi har været gode til at navngive og systematisere vores klip, så vi havde bedre overblik over klippene. Igennem premiere pro, opdelte jeg klippene udefra Design thinking og PKP modellen.
Fik brugt sammenlagt 56 klips fra vores drev og redigeringen tog ca. 3 dage nonstop arbejde fra kl. 8 til 22 om aftenen. Men i sidste ende blev videoen rigtig god og fik enormt meget positiv feedback fra min gruppe, hvilke var fedt.
Videoen blev lige omkring 10 min lang efter meget klipning af vores alles “øhér”. Igennem videoen gennemgår vi design thinking modellen og strukturmæssigt brugte vi PKP modellen med Præmis, konsekvens og perspektiv. Jeg håber at det er tydeligt i videoen når lære og sensor ser den. Det var en lille udfordring at bruge to modeller til at visuelt vise vores model med gennemsigtighed men er personligt meget tilfreds med vores resultat. (videoen lægger ikke her, da den er for stor og vil medføre at siden driller)
Mandag d. 25 og tirsdag d. 26 gik med redigeringen herhjemme frem til onsdag hvor vi mødtes på skolen for at samle op og se hvor langt vi er kommet samlet i processen. Vi har færdiggjort vores js-video og løbende opdateret vores process portfolio. Men vi alle er trætte og ret overvældet/bekymret for afleveringen. Der er igen igen igen problemer med projektbeskrivelsen og Onsdagen startede med kaos, da vores vejleder havde sagt noget til kickoff men nu igennem discord har sagt noget andet. Dette er så vanvittig frustrerende da der bare ikke er enige retningslinjer for hvordan lærerne vil have projektet afleveret og vi som studerende står tilbage og mærker den ustruktur.
Afleveringsdagen: Vi mødes på skolen torsdag d. 28/5. Vi har sat deadline for afleveringen dagen forinden, da vi ville sikre at vi havde tid til at ordne uforudsete udfordringer og mange aflevere på selve dagen og vi er bange for at ikke kunne komme på Wiseflow fordi der er for meget aktivitet på serveren. Igennem torsdag tjekkede vi alle links os alle hver især og sammen med team 25 samt tjek igen igennem inkognito for at sikre at alle kan tilgå linksene uanset om man er logget ind eller ej. Vi igennem 3 timer fik klaret vores tjekliste og samtidig fik reflekteret over processen med det andet team.
Refleksion fra hele P5: Igennem disse 5 uger har man oplevet fede dage og svære dag. Men har nydt processen med min gruppe, det er den bedste gruppe siden jeg startede på uddannelsen. Har lært ekstremt meget, både igennem generel kendskabet til JS, gentagelse styrker virkelig ens hukommelse. Men samtidig har man igennem metode listen fundet frem til nogle begreber og metoder som jeg skal have øvet mig på inden den mundtlige eksamen.
Hyldest til min gruppe: Igennem hele projektet har jeg oplevet en enorm stabilitet, tryghed og anderkendende. Vi har kunne grine en masse sammen og udtrykke bekymringer. Og vi fik hurtigt skabt dette rum hvor der er plads til os alle uanset om dagen var god eller dårlig. Vi alle kan nogle ting hver især som vi er gode til og det har været disse ressourcer, som gjorde vi kunne overlappe hinanden og fælles blive fagligt stærkere for de ting vi ikke selv havde den store erfaring med. Det er nok den stærkeste følelse jeg går med i slutningen af processen. Jeg kan enormt mange ting på dette studie og jeg har så meget at lære, og det er okay at jeg ikke er mega stærk indenfor alle kravene i pensum men jeg vil lære og har interesse i at forbedre mig, hvilke er det bedste udgangspunkt jeg har.
Efter-refleksion: Nu om lidt skal vi opstarte efterburgertest med fokus på forbedringer. Vi har aftalt i gruppen at vi fælles samle alle vores individuelle data fra vores brugerteste, så vi har så meget forbedringsdata som muligt. Jeg er super spændt på næste fase af forløbet og håber bare at alting går godt. Jeg har igennem semestret gået rundt med en knude i maven for knækkede links på bagrund af 1. semester eksamen. Og jeg kan glemme nogen gange at jeg faktisk ikke har afleveret knækket links før, det skabe i det mindste lidt ro at jeg og min gruppe har så mega meget fokus på at tritjekke det dobbelttjekkede. Nu er afleveringen uden af min kontrol, jeg ved at vi har afleveret et mega fedt produkt som jeg er enormt stolt af. Der er en dag i morgen og jeg skal bruge pyt knappen nogen gange, det er okay.
