Webbutveckling 1 · område 8 · v.11 + v.20–23

Slutprojekt

Kursens sista projekt, och det första där du bestämmer vad som ska byggas. En komplett webbplats åt en kund – från första frågan till publicerad och testad sajt, med ett projektdokument som visar hur du kom dit. Två pass före uppehållet, elva efter.

19 mars Delinlämning kl 23:59 Kravspecifikation, projektplan och wireframes – länken till projektdokumentet lämnas i itslearning.
7 juni Slutinlämning kl 23:59 Sajten och hela projektdokumentet – repo-länken lämnas i itslearning.
8 juni Prov 6 – slutprov över hela kursen Skriftligt prov utan dator, följt av kursutvärdering.

Material

Uppgift Projekt 7

Webbplats åt en kund. De två inlämningarna, kraven i tre nivåer, matrisen, hur ni arbetar i par och checklistorna inför båda inlämningarna.

Uppgift Kunderna

Fem kunder i Vikstad att välja mellan, med vad de säger, vad de måste ha och vad som är klurigt. Och villkoren för att ta med en riktig kund.

Guide Projektguiden

Processen steg för steg: krav som går att pröva, projektplan, risker, wireframes, bygget i fyra milstolpar, testprotokoll och uppföljning.

Repetition Kursen på en sida

Område 1–7: det viktigaste, frågor att pröva dig själv på, och var i guiden du läser vidare. Inför pass 76 och slutprovet.

Projektdokumentet skriver du i Google Docs

Mallen ligger i itslearning under område 8. Länken ger dig en egen kopia med ett klick – skriv aldrig i originalet. Döp kopian till kundens namn. Arbetar ni i par gör den ena kopian och delar den med den andra.

Ett ifyllt exempel ligger i itslearning

Ekerverkstan är en påhittad cykelverkstad i Vikstad, och dess projektdokument är ifyllt från kravspec till uppföljning. Sajten som byggdes efter det ligger som en zip bredvid. Projektguidens exempel kommer därifrån. Låna arbetssättet, inte innehållet.

Uppehållet v.12–19

Planen du lämnar in 19 mars är den du bygger efter i maj. Du kommer inte att minnas vad du tänkte i mars – bara det du skrev. Skriv planen så att någon annan skulle kunna bygga efter den.

Lektionerna

Två pass i mars, sedan uppehåll till 17 maj. Byggpassen följer fyra milstolpar. Missade du ett pass? Sista kolumnen pekar på det du behöver läsa för att komma ikapp.

Datum	Vad vi gör	Missade du passet?
tis 16/3	Slutprojektets uppdrag. Kunderna presenteras, och vi skriver krav som går att pröva. Välj kund, kopiera mallen och börja på kravspecen.	Projekt 7, kunderna och guiden 2–3
fre 19/3	Projektplan och wireframe. Mål, tidsplan, risker, sitemap och wireframes i Figma. Delinlämning 23:59.	Guiden 4–6 och så delar du
mån 17/5	Återstart. Quiz i lag över hela kursen. Repot skapas, och planerna godkänns.	Repetitionen och guiden 7–8
tis 18/5	Bygge: struktur. All HTML och allt innehåll på plats.	Milstolpe 1 och HTML-guiden
fre 21/5	Bygge: struktur. Validera varje sida. Milstolpe 1: all HTML validerar.	HTML-guiden 10
mån 24/5	Bygge: layout. Designsystem i variabler, Flexbox och Grid.	CSS-guiden 8–10
tis 25/5	Bygge: responsivitet. Från 320 px till desktop. Milstolpe 2.	Designguiden 1–3
fre 28/5	Bygge: interaktivitet. En funktion som tillför nytta, diskret. Milstolpe 3.	Modulbiblioteket och fördjupningen
mån 31/5	Bygge: optimering. Bilderna, mätning före och efter, W3C.	Optimeringsguiden
tis 1/6	Bygge: testning. Testprotokollet, WAVE, och korstest av någon annans sajt.	Guiden 9
fre 4/6	Bygge: publicering och dokumentation. `README.md` och uppföljningen. Milstolpe 4.	Guiden 10–11
mån 7/6	Sista byggpasset. Finputs och checklistan. Deadline 23:59.	Checklistorna
tis 8/6	Prov 6 och kursavslut. Slutprov över hela kursen, skriftligt utan dator. Därefter kursutvärdering.	Repetitionen

Vad du kan efter området

Göra om det en kund säger till krav som går att pröva.
Skriva en projektplan med mål, tidsplan, milstolpar och risker.
Rita en sitemap och wireframes, och bygga efter dem.
Bygga en komplett sajt från grunden med allt kursen tagit upp: struktur, form, anpassning, tillgänglighet, interaktivitet och optimering.
Testa systematiskt och skriva en buggrapport som går att använda.
Följa upp ett projekt mot planen och säga vad du skulle göra annorlunda.