Inlämning 3 - Utvärdering

Uppgift

Den här uppgiften ska göras i ett Google Drive-dokument. Skapa ett dokument, skriv dina svar med tydliga rubriker och lämna in länken till dokumentet enligt lärarens instruktion.

Skriv med egna ord och använd exempel från din egen hotellwebbplats. Det räcker inte att bara svara ja eller nej. Förklara vad du gjorde, varför du gjorde det och vad du skulle kunna förbättra.

Det du ska lämna in

• En länk till ett Google Drive-dokument.
• Rubriker för de delar du svarar på, till exempel E, C och A.
• Konkreta exempel från din Figma-wireframe, din kod och din publicerade webbplats.

E-krav

Skriv om hur väl din färdiga webbplats stämmer med din wireframe i Figma.

• Vilka delar blev ungefär som du planerade?
• Vilka delar ändrade du när du började koda?
• Ge minst ett konkret exempel, till exempel meny, startsida, bildplacering, formulär eller footer.

C-krav

För C ska du förklara mer utförligt hur projektet förändrades och hur du arbetade tekniskt.

Skillnader mellan wireframe och webbplats

• Beskriv vilka skillnader som finns mellan din wireframe och den färdiga webbplatsen.
• Förklara varför skillnaderna uppstod. Det kan handla om tid, teknik, responsiv design, bilder, innehåll eller att du kom på en bättre lösning.

Bildoptimering

• Hur har du optimerat bilderna du använt?
• Har du ändrat bildstorlek, komprimerat bilder eller bytt bildformat?
• Vilka verktyg använde du, till exempel Squoosh, Photopea, TinyPNG eller något annat?

Mobilanpassning

• Hur har du gjort webbplatsen mobilanpassad?
• Har du använt media queries, flexbox, grid, responsiva bilder eller en responsiv meny?
• Beskriv hur layouten ändras mellan mobil och desktop.

A-krav

För A ska du resonera om testning, kvalitet och hur du skulle förbättra arbetssättet nästa gång.

Webbläsare, operativsystem och hårdvara

Berätta vad du gjort för att webbplatsen ska fungera på så många miljöer som möjligt.

• Vilka webbläsare har du testat, till exempel Chrome och Firefox?
• Har du testat på olika operativsystem, till exempel macOS, Windows eller Android?
• Har du testat på olika hårdvaruplattformar, till exempel Mac, PC, mobil eller surfplatta?
• Vilka problem hittade du och hur löste du dem?

Framtida förbättringar av arbetsprocessen

Beskriv hur du skulle arbeta bättre om du skulle göra en ny webbplats. Ta med dessa områden i texten:

• Wireframe: hur du skulle planera layout och innehåll innan kodning.
• Validering: hur och när du skulle kontrollera HTML och CSS.
• Versionshantering: hur du skulle använda Git och GitHub under arbetet.
• Säkerhetskopiering: hur du skulle undvika att förlora arbete.
• CSS: hur du skulle strukturera CSS för att den ska bli lättare att förstå.
• En eller flera CSS-filer: om du skulle ha all CSS i en fil eller dela upp den, och varför.
• Ordningen på CSS-selektorer: hur du skulle ordna selektorer, till exempel efter sidans delar eller efter komponenter.
• Lighthouse: hur ofta du skulle kontrollera sidan med Lighthouse och vad du skulle använda resultatet till.

Tips för en bra utvärdering

• Skriv i jag-form: Jag ändrade..., Jag testade..., Nästa gång skulle jag...
• Använd konkreta exempel från din egen webbplats.
• Förklara både det som fungerade och det som var svårt.
• Var ärlig. En bra utvärdering visar att du förstår processen, inte att allt blev perfekt.