Kick-off
Ved kick-off fik vi en god introduktion til projektet og dets indhold. Jeg fik også svar på en masse spørgsmål, jeg havde til projektet (selvom jeg ikke selv stillede nogen), men udover introduktionen lavede jeg ikke andet ved kick-off, da jeg ville vente med at starte rigtigt, til vi havde mindre undervisning og havde afsluttet al programmeringsundervisningen.
Jeg gik først i gang med projektet i slutningen af den første uge for at have noget, jeg kunne medbringe til silent feedback, som fandt sted om mandagen i projektets anden uge. Jeg lavede to styletiles, som mere var moodboard-agtige, og som viste de farver og den stil, jeg ønskede at anvende i min præsentationsportfolio.
Silent Feedback
Til silent feedback medbragte jeg mine moodboards, som jeg havde lavet weekenden forinden. Det gik fint, og jeg fik en del feedback, både brugbart og mindre brugbart. Alt i alt synes jeg, at det var en succes.
Wire Framing
Et par dage efter silent feedback begyndte jeg at udarbejde en lo-fi wireframe. Jeg havde fra starten tænkt, at jeg ville lave en onepage, så jeg søgte inspiration til mit layout ved at se på mange forskellige onepage-sider på internettet. Da jeg nogenlunde vidste, hvordan strukturen skulle se ud, gik det faktisk ret hurtigt med at lave min lo-fi wireframe.
Efter at have færdiggjort lo-fi wireframen, begyndte jeg at indsætte de farver, jeg tidligere havde fundet til mine moodboards. Jeg tilføjede afrundede hjørner og gik mere i dybden med designet, så det levede op til mine ønsker. Jeg valgte ikke at gøre min wireframe interaktiv i Figma, da jeg var min egen klient og vidste, hvordan siden skulle fungere, når den blev programmeret. Dette frigjorde også mere tid til selve programmeringsdelen.
Programmering
Jeg startede med at få det basale på plads. Jeg lavede et HTML5-dokument og tilføjede <header>, <main> og <footer> som de første semantiske tags. Jeg tilføjede dummy-tekst for at teste, om det virkede. Efter det virkede, lavede jeg et CSS-dokument, som jeg koblede til mit HTML5-dokument.
Jeg startede med nogle helt basale ting i CSS-koden, såsom at tilføje en min-height på 100vh, så min side fyldte hele skærmen, uanset indholdsmængden. Jeg fik også sat en grid container op og lavet en media query.
Da jeg havde fået alt det basale til at fungere, startede jeg på min header. Den var ret svær at lave, fordi jeg ønskede, at den skulle flex’e og omdannes til en burger-menu på mindre skærme som telefoner. Dette viste sig at være meget svært uden JavaScript, som jeg helst ville undgå. Jeg endte med at bruge AI til at nå i mål med det, hvilket jeg gjorde efter et par dage, og de efterfølgende sektioner på min side var forholdsvis nemme at tilføje, da jeg kunne genbruge meget af koden fra min header og ved at bruge AI til at finde ud af hvor de forskellige dele af min kode skulle placeres.
Slut spurt
I den sidste uge har jeg finjusteret forskellige elementer i min præsentations- og procesportfolio, og jeg har udarbejdet min plakat og mit afleveringsdokument. Jeg har forsøgt at lave dem i samme stil som min præsentationsportfolio, men det har været en udfordring, da jeg ikke er så vant til at bruge InDesign.
Refleksion
Jeg synes ikke, at projektet har været nær så stressende eller svært, som jeg først havde antaget. Faktisk har det været det mest spændende projekt, vi har lavet indtil videre. Jeg synes, det har været rigtig godt, at vi har fået en basal viden om programmering og derefter er blevet kastet ud i det. Jeg lærer også bedst ved at lave ting frem for at sidde i et klasselokale og få det hele fortalt og så kan jeg godt lide selv at opsøge viden omkring emner jeg er interesseret i.
Jeg finder programmering i HTML og CSS virkelig spændende, så det har ikke været et problem for mig at opsøge viden om forskellige aspekter og sætte mig grundigt ind i det. Jeg valgte at bruge Google’s Gemini en del i projektet, da jeg ofte var i tvivl om, hvordan jeg skulle integrere kode, jeg fandt på internettet, i min egen. For eksempel, da jeg skulle lave min header, kunne jeg godt finde ud af at lave selve hamburger-menuen ud fra det, jeg fandt, men jeg vidste ikke, hvordan jeg skulle få den til at passe ind i min egen kode. I disse tilfælde endte jeg med at bruge AI til at indsætte koden korrekt i min egen kode og på samme tid fik den til at forklare, hvordan det var blevet gjort.
Hvis der er noget, jeg skulle ændre ved min tilgang til projektet, er det nok forarbejdet. Før jeg gik i gang med at kode, brugte jeg ikke så lang tid på at lave moodboards og wireframes, som jeg burde have gjort. Jeg ville gerne i gang med at programmere mit portfolio så hurtigt som muligt, hvilket betød, at jeg sprang meget hurtigt igennem forarbejdet. En anden ting, jeg også vil forbedre til næste gang, er at starte tidligere på projektet. Jeg kunne have brugt hele den første uge på at lave mere research, finde flere ideer og gå mere i dybden med alle mine designvalg og layouts. Jeg vil også i fremtiden fokusere lidt mere på min studiegruppe, da jeg ikke synes, at jeg brugte dem nok.