Jeg gik f\u00f8rst i gang med projektet i slutningen af den f\u00f8rste uge for at have noget, jeg kunne medbringe til silent feedback<\/em>, som fandt sted om mandagen i projektets anden uge. Jeg lavede to styletiles<\/em>, som mere var moodboard<\/em>-agtige, og som viste de farver og den stil, jeg \u00f8nskede at anvende i min pr\u00e6sentationsportfolio.<\/p>\n\n\n\n
![\"\"](\"https:\/\/proces.carlemilfaester.dk\/wp-content\/uploads\/2025\/12\/Moodboard1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/proces.carlemilfaester.dk\/wp-content\/uploads\/2025\/12\/Moodboard2-scaled.png\")
<\/figure>\n<\/figure>\n\n\n\nSilent Feedback<\/h2>\n\n\n\n
Til silent feedback<\/em> medbragte jeg mine moodboards<\/em>, som jeg havde lavet weekenden forinden. Det gik fint, og jeg fik en del feedback, b\u00e5de brugbart og mindre brugbart. Alt i alt synes jeg, at det var en succes.<\/p>\n\n\n\n Et par dage efter silent feedback<\/em> begyndte jeg at udarbejde en lo-fi<\/em> wireframe. Jeg havde fra starten t\u00e6nkt, at jeg ville lave en onepage<\/em>, s\u00e5 jeg s\u00f8gte inspiration til mit layout ved at se p\u00e5 mange forskellige onepage<\/em>-sider p\u00e5 internettet. Da jeg nogenlunde vidste, hvordan strukturen skulle se ud, gik det faktisk ret hurtigt med at lave min lo-fi<\/em> wireframe. Jeg startede med at f\u00e5 det basale p\u00e5 plads. Jeg lavede et HTML5-dokument og tilf\u00f8jede <header>, <main> og <footer> som de f\u00f8rste semantiske tags. Jeg tilf\u00f8jede dummy<\/em>-tekst for at teste, om det virkede. Efter det virkede, lavede jeg et CSS-dokument, som jeg koblede til mit HTML5-dokument.<\/p>\n\n\n\n Jeg startede med nogle helt basale ting i CSS-koden, s\u00e5som at tilf\u00f8je en min-height p\u00e5 100vh, s\u00e5 min side fyldte hele sk\u00e6rmen, uanset indholdsm\u00e6ngden. Jeg fik ogs\u00e5 sat en grid container<\/em> op og lavet en media query<\/em>. I den sidste uge har jeg finjusteret forskellige elementer i min pr\u00e6sentations- og procesportfolio, og jeg har udarbejdet min plakat og mit afleveringsdokument. Jeg har fors\u00f8gt at lave dem i samme stil som min pr\u00e6sentationsportfolio, men det har v\u00e6ret en udfordring, da jeg ikke er s\u00e5 vant til at bruge InDesign.<\/p>\n\n\n\n Jeg synes ikke, at projektet har v\u00e6ret n\u00e6r s\u00e5 stressende eller sv\u00e6rt, som jeg f\u00f8rst havde antaget. Faktisk har det v\u00e6ret det mest sp\u00e6ndende projekt, vi har lavet indtil videre. Jeg synes, det har v\u00e6ret rigtig godt, at vi har f\u00e5et en basal viden om programmering og derefter er blevet kastet ud i det. Jeg l\u00e6rer ogs\u00e5 bedst ved at lave<\/em> ting frem for at sidde i et klasselokale og f\u00e5 det hele fortalt og s\u00e5 kan jeg godt lide selv at ops\u00f8ge viden omkring emner jeg er interesseret i.<\/p>\n\n\n\n Jeg finder programmering i HTML og CSS virkelig sp\u00e6ndende, s\u00e5 det har ikke v\u00e6ret et problem for mig at ops\u00f8ge viden om forskellige aspekter og s\u00e6tte 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\u00e5 internettet, i min egen. For eksempel, da jeg skulle lave min header, kunne jeg godt finde ud af at lave selve hamburger-menuen<\/em> ud fra det, jeg fandt, men jeg vidste ikke, hvordan jeg skulle f\u00e5 den til at passe ind i min egen kode. I disse tilf\u00e6lde endte jeg med at bruge AI til at inds\u00e6tte koden korrekt i min egen kode og p\u00e5 samme tid fik den til at forklare, hvordan det var blevet gjort. Kick-off Ved kick-off fik vi en god introduktion til projektet og dets indhold. Jeg fik ogs\u00e5 svar p\u00e5 en masse sp\u00f8rgsm\u00e5l, 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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-223","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=223"}],"version-history":[{"count":7,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Wire Framing<\/h2>\n\n\n\n
Efter at have f\u00e6rdiggjort lo-fi<\/em> wireframen, begyndte jeg at inds\u00e6tte de farver, jeg tidligere havde fundet til mine moodboards<\/em>. Jeg tilf\u00f8jede afrundede hj\u00f8rner og gik mere i dybden med designet, s\u00e5 det levede op til mine \u00f8nsker. Jeg valgte ikke at g\u00f8re min wireframe interaktiv i Figma, da jeg var min egen klient og vidste, hvordan siden skulle fungere, n\u00e5r den blev programmeret. Dette frigjorde ogs\u00e5 mere tid til selve programmeringsdelen.<\/p>\n\n\n\n![\"\"](\"http:\/\/proces.carlemilfaester.dk\/wp-content\/uploads\/2025\/12\/hi-fi-mobil.png\")
<\/figure>\n\n\n\nProgrammering<\/h2>\n\n\n\n
Da jeg havde f\u00e5et alt det basale til at fungere, startede jeg p\u00e5 min header. Den var ret sv\u00e6r at lave, fordi jeg \u00f8nskede, at den skulle flex\u2019e<\/em> og omdannes til en burger-menu<\/em> p\u00e5 mindre sk\u00e6rme som telefoner. Dette viste sig at v\u00e6re meget sv\u00e6rt uden JavaScript, som jeg helst ville undg\u00e5. Jeg endte med at bruge AI til at n\u00e5 i m\u00e5l med det, hvilket jeg gjorde efter et par dage, og de efterf\u00f8lgende sektioner p\u00e5 min side var forholdsvis nemme at tilf\u00f8je, 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.<\/p>\n\n\n\nSlut spurt<\/h2>\n\n\n\n
![\"\"](\"https:\/\/proces.carlemilfaester.dk\/wp-content\/uploads\/2025\/12\/Skaermbillede-2025-12-18-kl.-20.22.36-1024x725.png\")
<\/figure>\n<\/figure>\n\n\n\nRefleksion<\/h2>\n\n\n\n
Hvis der er noget, jeg skulle \u00e6ndre ved min tilgang til projektet, er det nok forarbejdet. F\u00f8r jeg gik i gang med at kode, brugte jeg ikke s\u00e5 lang tid p\u00e5 at lave moodboards<\/em> og wireframes<\/em>, som jeg burde have gjort. Jeg ville gerne i gang med at programmere mit portfolio s\u00e5 hurtigt som muligt, hvilket bet\u00f8d, at jeg sprang meget hurtigt igennem forarbejdet. En anden ting, jeg ogs\u00e5 vil forbedre til n\u00e6ste gang, er at starte tidligere p\u00e5 projektet. Jeg kunne have brugt hele den f\u00f8rste uge p\u00e5 at lave mere research, finde flere ideer og g\u00e5 mere i dybden med alle mine designvalg og layouts. Jeg vil ogs\u00e5 i fremtiden fokusere lidt mere p\u00e5 min studiegruppe, da jeg ikke synes, at jeg brugte dem nok.<\/p>\n","protected":false},"excerpt":{"rendered":"